Rewritten several binding handlers into behaviors.

Author: azaslonov

src/ko/behaviors/knockoutBehavior.ts

@@ -3,9 +3,9 @@ import * as ko from "knockout";
 export function registerKnockoutBehavior(behaviorName: string, BehaviorClass) {
     ko.bindingHandlers[behaviorName] = {
         init: (element, valueAccessor, allBindings, viewModel, context) => {
-            const params = ko.toJSON(valueAccessor());
+            const params = ko.unwrap(valueAccessor());
              // Ensure params are converted to a plain object if needed
-            const behavior = new BehaviorClass(element, params, context);
+            const behavior = new BehaviorClass(element, params);
 
             // store instance using Knockout's DOM data utils
             ko.utils.domData.set(element, behaviorName, behavior);

src/ko/bindingHandlers/bindingHandlers.listbox.ts

@@ -1,26 +1,4 @@
-import * as ko from "knockout";
-import { ListboxBehavior, ListboxOptions } from "@paperbits/common/behaviors/behavior.listbox";
+import { ListboxBehavior } from "@paperbits/common/behaviors/behavior.listbox";
+import { registerKnockoutBehavior } from "../behaviors/knockoutBehavior";
 
-ko.bindingHandlers["listbox"] = {
-    init: (listboxElement: HTMLElement, valueAccessor: () => ListboxOptions) => {
-        const originalOptions = valueAccessor();
-
-        // Adapt the onSelect callback to maintain the original contract (passing ko.dataFor(element))
-        // while the behavior itself now passes the HTMLElement.
-        const adaptedOptions: ListboxOptions = {
-            onSelect: (selectedElement: HTMLElement) => {
-                if (originalOptions && originalOptions.onSelect) {
-                    originalOptions.onSelect(ko.dataFor(selectedElement));
-                }
-            }
-        };
-
-        const behaviorHandle = ListboxBehavior.attach(listboxElement, adaptedOptions);
-
-        ko.utils.domNodeDisposal.addDisposeCallback(listboxElement, (): void => {
-            if (behaviorHandle && behaviorHandle.detach) {
-                behaviorHandle.detach();
-            }
-        });
-    }
-};
+registerKnockoutBehavior("listbox", ListboxBehavior);