Upgraded paperbits libraries to 0.1.274. (#602)

package.json

@@ -59,11 +59,11 @@
         "webpack-merge": "^4.2.2"
     },
     "dependencies": {
-        "@paperbits/azure": "0.1.253",
-        "@paperbits/common": "0.1.253",
-        "@paperbits/core": "0.1.253",
-        "@paperbits/prosemirror": "0.1.253",
-        "@paperbits/styles": "0.1.253",
+        "@paperbits/azure": "0.1.274",
+        "@paperbits/common": "0.1.274",
+        "@paperbits/core": "0.1.274",
+        "@paperbits/prosemirror": "0.1.274",
+        "@paperbits/styles": "0.1.274",
         "@webcomponents/custom-elements": "1.3.2",
         "@webcomponents/shadydom": "^1.7.2",
         "adal-vanilla": "^1.0.18",

src/apim.runtime.module.ts

@@ -1,4 +1,3 @@
-import { TagInput } from "./components/tag-input/tag-input";
 import "./polyfills";
 import "./bindingHandlers/scrollintoview";
 import "./bindingHandlers/copyToClipboard";
@@ -65,6 +64,8 @@ import { StaticUserService } from "./services";
 import { SignOutRouteGuard } from "./routing/signOutRouteGuard";
 import { ProvisionService } from "./services/provisioningService";
 import { BalloonBindingHandler } from "@paperbits/core/ko/bindingHandlers";
+import { TagInput } from "./components/tag-input/tag-input";
+import { ViewStack } from "@paperbits/core/ko/ui/viewStack";
 
 
 export class ApimRuntimeModule implements IInjectorModule {
@@ -74,7 +75,7 @@ export class ApimRuntimeModule implements IInjectorModule {
         injector.bindSingleton("logger", ConsoleLogger);
         injector.bindCollection("autostart");
         injector.bindToCollection("autostart", UnhandledErrorHandler);
-        injector.bindInstanceToCollection("balloon", new BalloonBindingHandler(null));
+        injector.bindToCollection("autostart", BalloonBindingHandler);
         injector.bindCollection("routeGuards");
         injector.bindToCollection("routeGuards", SignOutRouteGuard);
         injector.bindToCollection("autostart", VisibilityGuard);
@@ -126,6 +127,7 @@ export class ApimRuntimeModule implements IInjectorModule {
         injector.bindSingleton("routeHelper", RouteHelper);
         injector.bindSingleton("userService", StaticUserService);
         injector.bindSingleton("provisioningService", ProvisionService);
+        injector.bindSingleton("viewStack", ViewStack);
         injector.bind("tagInput", TagInput);
     }
 }

src/components/tag-input/tag-list.html

@@ -1,23 +1,25 @@
-<div class="form-inline search-input">
-    <div class="input-group">
-        <input autofocus type="search" role="searchbox" aria-label="Search tags" placeholder="Search tags"
-            data-bind="textInput: pattern" />
-        <button type="button" class="search-button" aria-label="Search tags">
-            <i class="icon icon-magnifier"></i>
-        </button>
+<div class="flex flex-column">
+    <div class="form-inline search-input">
+        <div class="input-group">
+            <input autofocus type="search" role="searchbox" aria-label="Search tags" placeholder="Search tags"
+                data-bind="textInput: pattern" />
+            <button type="button" class="search-button" aria-label="Search tags">
+                <i class="icon icon-magnifier"></i>
+            </button>
+        </div>
     </div>
-</div>
 
-<!-- ko ifnot: empty -->
-<div role="list" class="list" data-bind="foreach: { data: availableTags, as: 'tag' }">
-    <div role="presentation" data-bind="activate: $parent.addTag">
-        <div tabindex="0" role="listitem" class="tag" data-bind="text: name"></div>
+    <!-- ko ifnot: empty -->
+    <div role="list" class="list" data-bind="foreach: { data: availableTags, as: 'tag' }">
+        <div role="presentation" data-bind="activate: $parent.addTag">
+            <div tabindex="0" role="listitem" class="tag" data-bind="text: name"></div>
+        </div>
     </div>
-</div>
-<!-- /ko -->
+    <!-- /ko -->
 
-<!-- ko if: empty -->
-<div role="list" class="list">
-    <div class="list-item-empty">No tags found</div>
-</div>
-<!-- /ko -->
+    <!-- ko if: empty -->
+    <div role="list" class="list">
+        <div class="list-item-empty">No tags found</div>
+    </div>
+    <!-- /ko -->
+</div>