Rewritten several binding handlers into behaviors.

Author: azaslonov

src/ko/bindingHandlers/bindingHandlers.collapse.ts

@@ -1,5 +1,5 @@
 import * as ko from "knockout";
-import { CollapseBehavior } from "@paperbits/common/behaviors/collapseBehavior";
+import { CollapseBehavior } from "@paperbits/common/behaviors/behavior.collapse";
 
 ko.bindingHandlers["collapse"] = {
     init: (triggerElement: HTMLElement, valueAccessor) => {

src/ko/bindingHandlers/bindingHandlers.content.ts

@@ -1,4 +1,4 @@
-import { LiveAreaBehavior } from "@paperbits/common/behaviors/liveAreaBehavior";
+import { LiveAreaBehavior } from "@paperbits/common/behaviors/behavior.liveArea";
 import { EventManager } from "@paperbits/common/events";
 import * as ko from "knockout";
 

src/ko/bindingHandlers/bindingHandlers.livearea.ts

@@ -1,7 +1,7 @@
 import * as ko from "knockout";
 import { EventManager } from "@paperbits/common/events";
 import { ResizableOptions } from "@paperbits/common/ui/resizableOptions";
-import { ResizableBehavior } from "@paperbits/common/behaviors/resizableBehavior";
+import { ResizableBehavior } from "@paperbits/common/behaviors/behavior.resizable";
 import { BehaviorHandle } from "@paperbits/common/behaviors/behavior";
 
 export class ResizableBindingHandler {

src/ko/bindingHandlers/bindingHandlers.resizable.ts

@@ -1,11 +1,8 @@
 import * as ko from "knockout";
+import { SelectableBehavior } from "@paperbits/common/behaviors";
 
 ko.bindingHandlers["selectable"] = {
     init: (element: HTMLElement, valueAccessor) => {
-        setImmediate(() => {
-            if (element.classList.contains("selected")) {
-                element.scrollIntoView({ block: "center" });
-            }
-        });
+        SelectableBehavior.attach(element);
     }
 };

src/ko/bindingHandlers/bindingHandlers.selectable.ts

@@ -1,5 +1,5 @@
 import * as ko from "knockout";
-import { WhenInViewBehavior } from "@paperbits/common/behaviors/whenInViewBehavior";
+import { WhenInViewBehavior } from "@paperbits/common/behaviors/behavior.whenInView";
 
 ko.bindingHandlers["whenInView"] = {
     init: (element: HTMLElement, valueAccessor) => {