@thomas-siegfried/tapout 0.0.1 → 0.0.3

package/src/options.ts

@@ -1,25 +1,25 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type Constructor = new (...args: any[]) => any;
-export type ViewModelFactory = (ctor: Constructor) => unknown;
-
-const defaultViewModelFactory: ViewModelFactory = (ctor) => new ctor();
-
-export const options: {
-  deferUpdates: boolean;
-  onError: ((error: unknown) => void) | null;
-  viewModelFactory: ViewModelFactory;
-  customElementDisplayContents: boolean;
-  interpolation: boolean;
-  attributeInterpolation: boolean;
-  namespacedBindings: boolean;
-  filters: boolean;
-} = {
-  deferUpdates: false,
-  onError: null,
-  viewModelFactory: defaultViewModelFactory,
-  customElementDisplayContents: true,
-  interpolation: false,
-  attributeInterpolation: false,
-  namespacedBindings: false,
-  filters: false,
-};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type Constructor = new (...args: any[]) => any;
+export type ViewModelFactory = (ctor: Constructor) => unknown;
+
+const defaultViewModelFactory: ViewModelFactory = (ctor) => new ctor();
+
+export const options: {
+  deferUpdates: boolean;
+  onError: ((error: unknown) => void) | null;
+  viewModelFactory: ViewModelFactory;
+  customElementDisplayContents: boolean;
+  interpolation: boolean;
+  attributeInterpolation: boolean;
+  namespacedBindings: boolean;
+  filters: boolean;
+} = {
+  deferUpdates: false,
+  onError: null,
+  viewModelFactory: defaultViewModelFactory,
+  customElementDisplayContents: true,
+  interpolation: false,
+  attributeInterpolation: false,
+  namespacedBindings: false,
+  filters: false,
+};

package/src/selectExtensions.ts

@@ -1,68 +1,68 @@
-import { domDataGet, domDataSet, domDataNextKey } from './domData.js';
-
-const optionValueDomDataKey = domDataNextKey();
-const HAS_DOM_DATA = '__tapout_hasDomData';
-
-function tagNameLower(element: Node): string {
-  return (element as Element).tagName ? (element as Element).tagName.toLowerCase() : '';
-}
-
-export function readValue(element: Node): unknown {
-  const el = element as HTMLOptionElement & HTMLSelectElement & HTMLInputElement & Record<string, unknown>;
-  switch (tagNameLower(element)) {
-    case 'option':
-      if (el[HAS_DOM_DATA] === true) {
-        return domDataGet(element, optionValueDomDataKey);
-      }
-      return el.value;
-    case 'select':
-      return el.selectedIndex >= 0
-        ? readValue((el.options as HTMLOptionsCollection)[el.selectedIndex])
-        : undefined;
-    default:
-      return el.value;
-  }
-}
-
-export function writeValue(element: Node, value: unknown, allowUnset?: boolean): void {
-  const el = element as HTMLOptionElement & HTMLSelectElement & HTMLInputElement & Record<string, unknown>;
-  switch (tagNameLower(element)) {
-    case 'option':
-      if (typeof value === 'string') {
-        domDataSet(element, optionValueDomDataKey, undefined);
-        if (HAS_DOM_DATA in el) {
-          delete el[HAS_DOM_DATA];
-        }
-        el.value = value;
-      } else {
-        domDataSet(element, optionValueDomDataKey, value);
-        el[HAS_DOM_DATA] = true;
-        el.value = typeof value === 'number' ? String(value) : '';
-      }
-      break;
-    case 'select': {
-      if (value === '' || value === null) value = undefined;
-      let selection = -1;
-      const options = el.options as HTMLOptionsCollection;
-      for (let i = 0, n = options.length; i < n; ++i) {
-        const optionValue = readValue(options[i]);
-        if (optionValue == value || (optionValue === '' && value === undefined)) {
-          selection = i;
-          break;
-        }
-      }
-      if (allowUnset || selection >= 0 || (value === undefined && el.size > 1)) {
-        el.selectedIndex = selection;
-      }
-      break;
-    }
-    default:
-      if (value === null || value === undefined) value = '';
-      el.value = value as string;
-      break;
-  }
-}
-
-export function getOptionValueDomDataKey(): string {
-  return optionValueDomDataKey;
-}
+import { domDataGet, domDataSet, domDataNextKey } from './domData.js';
+
+const optionValueDomDataKey = domDataNextKey();
+const HAS_DOM_DATA = '__tapout_hasDomData';
+
+function tagNameLower(element: Node): string {
+  return (element as Element).tagName ? (element as Element).tagName.toLowerCase() : '';
+}
+
+export function readValue(element: Node): unknown {
+  const el = element as HTMLOptionElement & HTMLSelectElement & HTMLInputElement & Record<string, unknown>;
+  switch (tagNameLower(element)) {
+    case 'option':
+      if (el[HAS_DOM_DATA] === true) {
+        return domDataGet(element, optionValueDomDataKey);
+      }
+      return el.value;
+    case 'select':
+      return el.selectedIndex >= 0
+        ? readValue((el.options as HTMLOptionsCollection)[el.selectedIndex])
+        : undefined;
+    default:
+      return el.value;
+  }
+}
+
+export function writeValue(element: Node, value: unknown, allowUnset?: boolean): void {
+  const el = element as HTMLOptionElement & HTMLSelectElement & HTMLInputElement & Record<string, unknown>;
+  switch (tagNameLower(element)) {
+    case 'option':
+      if (typeof value === 'string') {
+        domDataSet(element, optionValueDomDataKey, undefined);
+        if (HAS_DOM_DATA in el) {
+          delete el[HAS_DOM_DATA];
+        }
+        el.value = value;
+      } else {
+        domDataSet(element, optionValueDomDataKey, value);
+        el[HAS_DOM_DATA] = true;
+        el.value = typeof value === 'number' ? String(value) : '';
+      }
+      break;
+    case 'select': {
+      if (value === '' || value === null) value = undefined;
+      let selection = -1;
+      const options = el.options as HTMLOptionsCollection;
+      for (let i = 0, n = options.length; i < n; ++i) {
+        const optionValue = readValue(options[i]);
+        if (optionValue == value || (optionValue === '' && value === undefined)) {
+          selection = i;
+          break;
+        }
+      }
+      if (allowUnset || selection >= 0 || (value === undefined && el.size > 1)) {
+        el.selectedIndex = selection;
+      }
+      break;
+    }
+    default:
+      if (value === null || value === undefined) value = '';
+      el.value = value as string;
+      break;
+  }
+}
+
+export function getOptionValueDomDataKey(): string {
+  return optionValueDomDataKey;
+}

package/src/slotBinding.ts

@@ -1,84 +1,84 @@
-import type { BindingHandler } from './bindingProvider.js';
-import { bindingHandlers } from './bindingProvider.js';
-import type { BindingContext } from './bindingContext.js';
-import { applyBindingsToDescendants } from './applyBindings.js';
-import {
-  allowedVirtualElementBindings,
-  virtualChildNodes,
-  virtualSetChildren,
-} from './virtualElements.js';
-import { cloneNodes } from './utilsDom.js';
-
-const DEFAULT_SLOT = '';
-
-function partitionTemplateNodes(
-  templateNodes: Node[],
-): { defaultNodes: Node[]; namedSlots: Map<string, Node[]> } {
-  const namedSlots = new Map<string, Node[]>();
-  const defaultNodes: Node[] = [];
-
-  for (const node of templateNodes) {
-    const slotAttr = node.nodeType === 1
-      ? (node as Element).getAttribute('slot')
-      : null;
-
-    if (slotAttr) {
-      let bucket = namedSlots.get(slotAttr);
-      if (!bucket) {
-        bucket = [];
-        namedSlots.set(slotAttr, bucket);
-      }
-      bucket.push(node);
-    } else {
-      defaultNodes.push(node);
-    }
-  }
-
-  return { defaultNodes, namedSlots };
-}
-
-const slotHandler: BindingHandler = {
-  init(element, valueAccessor, _allBindings, _viewModel, bindingContext) {
-    const slotName = valueAccessor() as string | undefined;
-    const name = (typeof slotName === 'string' ? slotName : DEFAULT_SLOT);
-
-    const templateNodes = (bindingContext as BindingContext & { $componentTemplateNodes?: Node[] })
-      .$componentTemplateNodes;
-
-    if (!templateNodes || templateNodes.length === 0) {
-      applyBindingsToDescendants(bindingContext, element);
-      return { controlsDescendantBindings: true };
-    }
-
-    const { defaultNodes, namedSlots } = partitionTemplateNodes(templateNodes);
-    const matchingNodes = name === DEFAULT_SLOT ? defaultNodes : (namedSlots.get(name) || []);
-
-    if (matchingNodes.length === 0) {
-      applyBindingsToDescendants(bindingContext, element);
-      return { controlsDescendantBindings: true };
-    }
-
-    const cloned = cloneNodes(matchingNodes);
-    virtualSetChildren(element, cloned);
-
-    const parentContext = findParentOuterContext(bindingContext);
-    applyBindingsToDescendants(parentContext, element);
-
-    return { controlsDescendantBindings: true };
-  },
-};
-
-/**
- * Walk up the context chain to find the outer (pre-component) context.
- * The component binding creates a child context with $component set,
- * so we look for the context just above that boundary.
- */
-function findParentOuterContext(bindingContext: BindingContext): BindingContext {
-  if (bindingContext.$parentContext && '$component' in bindingContext) {
-    return bindingContext.$parentContext;
-  }
-  return bindingContext;
-}
-
-bindingHandlers['slot'] = slotHandler;
-allowedVirtualElementBindings['slot'] = true;
+import type { BindingHandler } from './bindingProvider.js';
+import { bindingHandlers } from './bindingProvider.js';
+import type { BindingContext } from './bindingContext.js';
+import { applyBindingsToDescendants } from './applyBindings.js';
+import {
+  allowedVirtualElementBindings,
+  virtualChildNodes,
+  virtualSetChildren,
+} from './virtualElements.js';
+import { cloneNodes } from './utilsDom.js';
+
+const DEFAULT_SLOT = '';
+
+function partitionTemplateNodes(
+  templateNodes: Node[],
+): { defaultNodes: Node[]; namedSlots: Map<string, Node[]> } {
+  const namedSlots = new Map<string, Node[]>();
+  const defaultNodes: Node[] = [];
+
+  for (const node of templateNodes) {
+    const slotAttr = node.nodeType === 1
+      ? (node as Element).getAttribute('slot')
+      : null;
+
+    if (slotAttr) {
+      let bucket = namedSlots.get(slotAttr);
+      if (!bucket) {
+        bucket = [];
+        namedSlots.set(slotAttr, bucket);
+      }
+      bucket.push(node);
+    } else {
+      defaultNodes.push(node);
+    }
+  }
+
+  return { defaultNodes, namedSlots };
+}
+
+const slotHandler: BindingHandler = {
+  init(element, valueAccessor, _allBindings, _viewModel, bindingContext) {
+    const slotName = valueAccessor() as string | undefined;
+    const name = (typeof slotName === 'string' ? slotName : DEFAULT_SLOT);
+
+    const templateNodes = (bindingContext as BindingContext & { $componentTemplateNodes?: Node[] })
+      .$componentTemplateNodes;
+
+    if (!templateNodes || templateNodes.length === 0) {
+      applyBindingsToDescendants(bindingContext, element);
+      return { controlsDescendantBindings: true };
+    }
+
+    const { defaultNodes, namedSlots } = partitionTemplateNodes(templateNodes);
+    const matchingNodes = name === DEFAULT_SLOT ? defaultNodes : (namedSlots.get(name) || []);
+
+    if (matchingNodes.length === 0) {
+      applyBindingsToDescendants(bindingContext, element);
+      return { controlsDescendantBindings: true };
+    }
+
+    const cloned = cloneNodes(matchingNodes);
+    virtualSetChildren(element, cloned);
+
+    const parentContext = findParentOuterContext(bindingContext);
+    applyBindingsToDescendants(parentContext, element);
+
+    return { controlsDescendantBindings: true };
+  },
+};
+
+/**
+ * Walk up the context chain to find the outer (pre-component) context.
+ * The component binding creates a child context with $component set,
+ * so we look for the context just above that boundary.
+ */
+function findParentOuterContext(bindingContext: BindingContext): BindingContext {
+  if (bindingContext.$parentContext && '$component' in bindingContext) {
+    return bindingContext.$parentContext;
+  }
+  return bindingContext;
+}
+
+bindingHandlers['slot'] = slotHandler;
+allowedVirtualElementBindings['slot'] = true;