@amazon/vinyl-tsx 1.0.0

package/dist/index.cjs

@@ -0,0 +1,354 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ActiveText: () => ActiveText,
+  Fragment: () => Fragment,
+  applyClassList: () => applyClassList,
+  applyStyles: () => applyStyles,
+  applyVisibility: () => applyVisibility,
+  bindQuerySelector: () => bindQuerySelector,
+  el: () => el,
+  getVisible: () => getVisible,
+  hide: () => hide,
+  hookExtensions: () => hookExtensions,
+  initializeConnectedObserver: () => initializeConnectedObserver,
+  isHidden: () => isHidden,
+  isInputElement: () => isInputElement,
+  jsx: () => jsx,
+  onConnect: () => onConnect,
+  passiveEventHandlers: () => passiveEventHandlers,
+  propToAttr: () => propToAttr,
+  setClassToken: () => setClassToken,
+  setVisible: () => setVisible,
+  show: () => show,
+  walkDomDepthFirst: () => walkDomDepthFirst
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/domUtil.ts
+function el(selectors, parentNode = document) {
+  const element = parentNode.querySelector(selectors);
+  if (!element) throw new Error(`${selectors} must be a DOM element`);
+  return element;
+}
+function bindQuerySelector(parentNode) {
+  return (selectors) => el(selectors, parentNode);
+}
+function hide(element) {
+  element.style.display = "none";
+}
+function show(element) {
+  element.style.removeProperty("display");
+}
+function getVisible(element) {
+  return element.style.display !== "none";
+}
+function setVisible(element, value) {
+  if (getVisible(element) === value) return;
+  if (value) show(element);
+  else hide(element);
+}
+function isHidden(element) {
+  let node = element;
+  while (node) {
+    if (getComputedStyle(node).display === "none") return true;
+    node = node.parentElement;
+  }
+  return false;
+}
+function isInputElement(value) {
+  return (value == null ? void 0 : value.tagName.toLowerCase()) === "input";
+}
+function setClassToken(value, token, toggled) {
+  if (toggled) {
+    value.classList.add(token);
+  } else {
+    value.classList.remove(token);
+  }
+}
+function walkDomDepthFirst(node, callback) {
+  if (!node) return;
+  let next = node.firstChild;
+  while (next) {
+    walkDomDepthFirst(next, callback);
+    next = next.nextSibling;
+  }
+  callback(node);
+}
+
+// src/extensions/connectedObserver.ts
+function initializeConnectedObserver() {
+  const observer = new MutationObserver((mutations) => {
+    const removed = /* @__PURE__ */ new Set();
+    const added = /* @__PURE__ */ new Set();
+    for (const mutation of mutations) {
+      mutation.removedNodes.forEach((node) => removed.add(node));
+      mutation.addedNodes.forEach((node) => added.add(node));
+    }
+    for (const mutation of mutations) {
+      for (const node of mutation.addedNodes) {
+        if (removed.has(node)) continue;
+        walkDomDepthFirst(node, (iNode) => {
+          iNode.dispatchEvent(
+            new CustomEvent("connect", { bubbles: false })
+          );
+        });
+      }
+      for (const node of mutation.removedNodes) {
+        if (added.has(node)) continue;
+        walkDomDepthFirst(node, (iNode) => {
+          iNode.dispatchEvent(
+            new CustomEvent("disconnect", { bubbles: false })
+          );
+        });
+      }
+    }
+  });
+  observer.observe(document, { childList: true, subtree: true });
+  return () => {
+    observer.disconnect();
+  };
+}
+function onConnect(target, callback) {
+  let sub = null;
+  let connected = false;
+  const onConnect2 = () => {
+    if (connected) return;
+    connected = true;
+    sub = callback(target);
+  };
+  const onDisconnect = () => {
+    connected = false;
+    sub == null ? void 0 : sub();
+    sub = null;
+  };
+  target.addEventListener("connect", onConnect2);
+  target.addEventListener("disconnect", onDisconnect);
+  if (target.isConnected) onConnect2();
+  return () => {
+    target.removeEventListener("connect", onConnect2);
+    target.removeEventListener("disconnect", onDisconnect);
+    onDisconnect();
+  };
+}
+
+// src/extensions/applyStyles.ts
+var import_vinyl_util = require("@amazon/vinyl-util");
+var import_vinyl_observable = require("@amazon/vinyl-observable");
+function applyStyles(element, style) {
+  if (typeof style === "string") {
+    throw new Error("expected style property to be type object");
+  }
+  for (const k in style) {
+    const v = style[k];
+    const property = k.startsWith("--") ? k : (0, import_vinyl_util.toKebabCase)(k);
+    if ((0, import_vinyl_observable.isObservableValue)(v)) {
+      onConnect(element, () => {
+        return v.onData((value) => {
+          element.style.setProperty(
+            property,
+            value != null ? value : null
+          );
+        });
+      });
+    } else {
+      element.style.setProperty(property, v != null ? v : null);
+    }
+  }
+}
+
+// src/jsx.ts
+var import_vinyl_observable3 = require("@amazon/vinyl-observable");
+
+// src/ActiveText.ts
+function ActiveText(data) {
+  var _a;
+  const text = document.createTextNode(String((_a = data.value) != null ? _a : ""));
+  onConnect(text, () => {
+    return data.onData((value) => {
+      text.textContent = String(value != null ? value : "");
+    });
+  });
+  return text;
+}
+
+// src/extensions/applyVisibility.ts
+function applyVisibility(element, visible) {
+  if (typeof visible === "boolean") {
+    if (!visible) element.style.display = "none";
+  } else {
+    onConnect(element, () => {
+      return visible.onData((value) => {
+        if (value) element.style.removeProperty("display");
+        else element.style.display = "none";
+      });
+    });
+  }
+}
+
+// src/extensions/applyClassList.ts
+var import_vinyl_observable2 = require("@amazon/vinyl-observable");
+function applyClassList(element, classList) {
+  const tokens = classList.filter((s) => typeof s === "string");
+  element.classList.add(...tokens);
+  if (tokens.length < classList.length) {
+    onConnect(element, () => {
+      const subs = [];
+      for (const dP of classList.filter(import_vinyl_observable2.isObservableValue)) {
+        subs.push(bindClass(element, dP));
+      }
+      return () => {
+        subs.forEach((sub) => sub());
+      };
+    });
+  }
+}
+function bindClass(element, tokenProvider) {
+  let current = null;
+  const dataSub = tokenProvider.onData((className) => {
+    if (current) element.classList.remove(current);
+    if (className) {
+      current = className;
+      element.classList.add(className);
+    } else {
+      current = null;
+    }
+  });
+  return () => {
+    if (current != null) element.classList.remove(current);
+    dataSub();
+  };
+}
+
+// src/extensions/applyPassiveHandler.ts
+var passiveEventHandlers = {
+  ontouchstart: /* @__PURE__ */ applyPassiveHandler("ontouchstart"),
+  ontouchmove: /* @__PURE__ */ applyPassiveHandler("ontouchmove"),
+  onwheel: /* @__PURE__ */ applyPassiveHandler("onwheel")
+};
+function applyPassiveHandler(key) {
+  const eventName = key.substring(2);
+  return (element, handler) => {
+    element.addEventListener(eventName, handler, { passive: true });
+  };
+}
+
+// src/jsx.ts
+var propToAttr = {
+  acceptCharset: "accept-charset",
+  accessKey: "accesskey",
+  className: "class",
+  colSpan: "colspan",
+  contentEditable: "contenteditable",
+  crossOrigin: "crossorigin",
+  dateTime: "datetime",
+  dirName: "dirname",
+  encType: "enctype",
+  formAction: "formaction",
+  formEnctype: "formenctype",
+  formMethod: "formmethod",
+  formNoValidate: "formnovalidate",
+  formTarget: "formtarget",
+  htmlFor: "for",
+  httpEquiv: "http-equiv",
+  inputMode: "inputmode",
+  maxLength: "maxlength",
+  minLength: "minlength",
+  noModule: "nomodule",
+  noValidate: "novalidate",
+  readOnly: "readonly",
+  referrerPolicy: "referrerpolicy",
+  rowSpan: "rowspan",
+  tabIndex: "tabindex",
+  useMap: "usemap"
+};
+function setProp(element, k, value) {
+  var _a;
+  if (value == null) {
+    ;
+    element[k] = "";
+    const attr = (_a = propToAttr[k]) != null ? _a : k;
+    element.removeAttribute(attr);
+  } else {
+    ;
+    element[k] = value;
+  }
+}
+var hookExtensions = __spreadValues({
+  onConnect,
+  style: applyStyles,
+  visible: applyVisibility,
+  classList: applyClassList
+}, passiveEventHandlers);
+function jsx(type, props, ...children) {
+  if (typeof type === "string") {
+    const element = document.createElement(type);
+    for (const k in props) {
+      const v = props[k];
+      if (k in hookExtensions) {
+        hookExtensions[k](element, v);
+        continue;
+      }
+      if ((0, import_vinyl_observable3.isObservableValue)(v)) {
+        onConnect(element, () => {
+          return v.onData((data$) => setProp(element, k, data$));
+        });
+      } else {
+        setProp(element, k, v);
+      }
+    }
+    element.append(
+      ...children.filter((child) => child != null).map((child) => {
+        return (0, import_vinyl_observable3.isObservableValue)(child) ? ActiveText(child) : child;
+      })
+    );
+    return element;
+  } else {
+    return type(props, children);
+  }
+}
+function Fragment(_props, children) {
+  return jsx(
+    "div",
+    {
+      style: {
+        display: "contents"
+      }
+    },
+    ...children
+  );
+}
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/domUtil.ts", "../src/extensions/connectedObserver.ts", "../src/extensions/applyStyles.ts", "../src/jsx.ts", "../src/ActiveText.ts", "../src/extensions/applyVisibility.ts", "../src/extensions/applyClassList.ts", "../src/extensions/applyPassiveHandler.ts"],
+  "sourcesContent": ["/** Auto-generated from build scripts */\nexport * from './type'\nexport * from './jsx'\nexport * from './domUtil'\nexport * from './ActiveText'\nexport * from './extensions/connectedObserver'\nexport * from './extensions/applyVisibility'\nexport * from './extensions/applyStyles'\nexport * from './extensions/applyPassiveHandler'\nexport * from './extensions/applyClassList'\nexport * from './extensions/HookExtension'\n", "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport function el<K extends keyof HTMLElementTagNameMap>(\n    selectors: K,\n    parentNode?: ParentNode\n): HTMLElementTagNameMap[K]\nexport function el(selectors: string, parentNode?: ParentNode): HTMLElement\nexport function el<E extends Element = Element>(\n    selectors: string,\n    parentNode: ParentNode = document\n): E {\n    const element = parentNode.querySelector(selectors)\n    if (!element) throw new Error(`${selectors} must be a DOM element`)\n    return element as E\n}\n\nexport interface QuerySelector {\n    <K extends keyof HTMLElementTagNameMap>(\n        selectors: K,\n        parentNode?: ParentNode\n    ): HTMLElementTagNameMap[K]\n    (selectors: string): HTMLElement\n}\n\nexport function bindQuerySelector(parentNode: ParentNode): QuerySelector {\n    return (selectors: string) => el(selectors, parentNode)\n}\n\nexport function hide(element: HTMLElement) {\n    element.style.display = 'none'\n}\n\nexport function show(element: HTMLElement) {\n    element.style.removeProperty('display')\n}\n\nexport function getVisible(element: HTMLElement): boolean {\n    return element.style.display !== 'none'\n}\n\nexport function setVisible(element: HTMLElement, value: boolean) {\n    if (getVisible(element) === value) return\n    if (value) show(element)\n    else hide(element)\n}\n\nexport function isHidden(element: HTMLElement) {\n    let node: HTMLElement | null = element\n    while (node) {\n        if (getComputedStyle(node).display === 'none') return true\n        node = node.parentElement\n    }\n    return false\n}\n\nexport function isInputElement(\n    value: Element | null\n): value is HTMLInputElement {\n    return value?.tagName.toLowerCase() === 'input'\n}\n\n/**\n * Adds or removes a class token to an element.\n *\n * @param value The element whose classList to modify.\n * @param token The class token.\n * @param toggled If true, the token is added, if false, removed.\n */\nexport function setClassToken(\n    value: HTMLElement,\n    token: string,\n    toggled: boolean\n) {\n    if (toggled) {\n        value.classList.add(token)\n    } else {\n        value.classList.remove(token)\n    }\n}\n\nexport type ElementInitOptions = {\n    readonly parent?: HTMLElement\n    readonly className?: string\n}\n\n/**\n * Recursively walks a node hierarchy, invoking a callback for every node, depth first.\n *\n * @param node\n * @param callback\n */\nexport function walkDomDepthFirst(\n    node: Node | undefined | null,\n    callback: (node: Node) => void\n) {\n    if (!node) return\n    let next = node.firstChild\n    while (next) {\n        walkDomDepthFirst(next, callback)\n        next = next.nextSibling\n    }\n    callback(node)\n}\n", "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { walkDomDepthFirst } from '../domUtil'\nimport type { Maybe, Unsubscribe } from '@amazon/vinyl-util'\n\n/**\n * Dispatches a 'connected' event on nodes attached to the dom, dispatches 'disconnected' when removed.\n * Allows nodes to observe connected changes without creating a memory leak.\n */\nexport function initializeConnectedObserver(): Unsubscribe {\n    const observer = new MutationObserver((mutations) => {\n        const removed = new Set<Node>()\n        const added = new Set<Node>()\n\n        // First pass: flatten removed and added nodes so we can detect nodes re-ordered.\n        for (const mutation of mutations) {\n            mutation.removedNodes.forEach((node) => removed.add(node))\n            mutation.addedNodes.forEach((node) => added.add(node))\n        }\n\n        // Second pass: handle added/removed, skipping reorders\n        for (const mutation of mutations) {\n            for (const node of mutation.addedNodes) {\n                if (removed.has(node)) continue\n                walkDomDepthFirst(node, (iNode) => {\n                    iNode.dispatchEvent(\n                        new CustomEvent('connect', { bubbles: false })\n                    )\n                })\n            }\n\n            for (const node of mutation.removedNodes) {\n                if (added.has(node)) continue\n                walkDomDepthFirst(node, (iNode) => {\n                    iNode.dispatchEvent(\n                        new CustomEvent('disconnect', { bubbles: false })\n                    )\n                })\n            }\n        }\n    })\n\n    observer.observe(document, { childList: true, subtree: true })\n\n    return () => {\n        observer.disconnect()\n    }\n}\n\n/**\n * Invokes a callback when the given target is connected to the DOM.\n * If the callback returns a function, that function will be invoked when disconnected.\n *\n * @param target\n * @param callback\n */\nexport function onConnect<T extends Node>(\n    target: T,\n    callback: (node: T) => Maybe<Unsubscribe> | void\n): Unsubscribe {\n    let sub: Maybe<Unsubscribe> | void = null\n    let connected = false\n    const onConnect = () => {\n        if (connected) return\n        connected = true\n        sub = callback(target)\n    }\n    const onDisconnect = () => {\n        connected = false\n        sub?.()\n        sub = null\n    }\n    target.addEventListener('connect', onConnect)\n    target.addEventListener('disconnect', onDisconnect)\n    if (target.isConnected) onConnect()\n    return () => {\n        target.removeEventListener('connect', onConnect)\n        target.removeEventListener('disconnect', onDisconnect)\n        onDisconnect()\n    }\n}\n", "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport type { AllowBindable } from '../jsx'\nimport { onConnect } from './connectedObserver'\nimport { toKebabCase } from '@amazon/vinyl-util'\nimport {\n    isObservableValue,\n    type MaybeObservableValue,\n} from '@amazon/vinyl-observable'\nimport type { Maybe } from '@amazon/vinyl-util'\n\n/**\n * The shape accepted by the `style` jsx prop. Allows the typed CSSStyleDeclaration\n * fields plus any CSS custom property key (must start with `--`).\n */\nexport type StyleProp = AllowBindable<Partial<CSSStyleDeclaration>> & {\n    readonly [customProperty: `--${string}`]: MaybeObservableValue<\n        Maybe<string>\n    >\n}\n\nexport function applyStyles(element: HTMLElement, style: StyleProp) {\n    // noinspection SuspiciousTypeOfGuard\n    if (typeof style === 'string') {\n        // A Partial style declaration type does not prohibit a string type.\n        throw new Error('expected style property to be type object')\n    }\n    for (const k in style) {\n        const v = (style as Record<string, unknown>)[k]\n        // Custom properties (starting with `--`) are passed through as-is so\n        // they aren't kebab-cased a second time, and so they remain valid keys\n        // for setProperty.\n        const property = k.startsWith('--') ? k : toKebabCase(k)\n        if (isObservableValue(v)) {\n            onConnect(element, () => {\n                return v.onData((value) => {\n                    element.style.setProperty(\n                        property,\n                        (value ?? null) as string | null\n                    )\n                })\n            })\n        } else {\n            element.style.setProperty(property, (v ?? null) as string | null)\n        }\n    }\n}\n", "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { onConnect } from './extensions/connectedObserver'\nimport type { Writable } from './type'\nimport { applyStyles } from './extensions/applyStyles'\nimport {\n    isObservableValue,\n    type MaybeObservableValue,\n    type ObservableValue,\n} from '@amazon/vinyl-observable'\nimport { ActiveText } from './ActiveText'\nimport { applyVisibility } from './extensions/applyVisibility'\nimport { applyClassList } from './extensions/applyClassList'\nimport type { HookExtension } from './extensions/HookExtension'\nimport { passiveEventHandlers } from './extensions/applyPassiveHandler'\nimport type { AnyRecord, Maybe } from '@amazon/vinyl-util'\n\n/**\n * Maps JS property names to their corresponding HTML attribute names where they differ.\n * Extensible \u2014 add entries for custom elements or non-standard properties.\n */\nexport const propToAttr: Record<string, string> = {\n    acceptCharset: 'accept-charset',\n    accessKey: 'accesskey',\n    className: 'class',\n    colSpan: 'colspan',\n    contentEditable: 'contenteditable',\n    crossOrigin: 'crossorigin',\n    dateTime: 'datetime',\n    dirName: 'dirname',\n    encType: 'enctype',\n    formAction: 'formaction',\n    formEnctype: 'formenctype',\n    formMethod: 'formmethod',\n    formNoValidate: 'formnovalidate',\n    formTarget: 'formtarget',\n    htmlFor: 'for',\n    httpEquiv: 'http-equiv',\n    inputMode: 'inputmode',\n    maxLength: 'maxlength',\n    minLength: 'minlength',\n    noModule: 'nomodule',\n    noValidate: 'novalidate',\n    readOnly: 'readonly',\n    referrerPolicy: 'referrerpolicy',\n    rowSpan: 'rowspan',\n    tabIndex: 'tabindex',\n    useMap: 'usemap',\n}\n\n/**\n * Sets a property on an element. When value is non-null, assigns directly via\n * property. When null, resets the property to '' and removes the HTML attribute\n * using the mapped name from {@link propToAttr}.\n */\nfunction setProp(element: HTMLElement, k: string, value: unknown): void {\n    if (value == null) {\n        ;(element as any)[k] = ''\n        const attr = propToAttr[k] ?? k\n        element.removeAttribute(attr)\n    } else {\n        ;(element as any)[k] = value\n    }\n}\n\nexport type JsxFactory = (props: any, children: any[]) => any\n\n/**\n * A map of custom jsx properties to be used in hook extensions.\n */\nexport const hookExtensions = {\n    onConnect: onConnect<HTMLElement>,\n    style: applyStyles,\n    visible: applyVisibility,\n    classList: applyClassList,\n    ...passiveEventHandlers,\n} as const satisfies Record<keyof any, HookExtension<any>>\n\nexport type AllowBindable<T> = {\n    [K in keyof T]: MaybeObservableValue<Maybe<T[K]>>\n}\n\n/**\n * A type map of the jsx extended properties to the type provided to the hook.\n */\nexport type HookExtensions = {\n    [p in keyof typeof hookExtensions]?: Parameters<\n        (typeof hookExtensions)[p]\n    >[1]\n}\n\nexport type ElementProps<K extends keyof HTMLElementTagNameMap> = Omit<\n    Partial<Writable<HTMLElementTagNameMap[K]>>,\n    keyof HookExtensions\n>\n\nexport type BindableElementProps<K extends keyof HTMLElementTagNameMap> =\n    AllowBindable<ElementProps<K>>\n\n/**\n * Allowed properties for intrinsic elements when writing jsx declarative markup.\n */\nexport type JsxElementProps<K extends keyof HTMLElementTagNameMap> =\n    BindableElementProps<K> & HookExtensions\n\nexport type DomIntrinsicElements = {\n    [K in keyof HTMLElementTagNameMap]: JsxElementProps<K>\n}\n\nexport type JsxChild = Node | string | ObservableValue<Node | string>\n\nexport function jsx<K extends keyof HTMLElementTagNameMap>(\n    type: K,\n    props: JsxElementProps<K>,\n    ...children: JsxChild[]\n): HTMLElementTagNameMap[K]\n\nexport function jsx<Factory extends JsxFactory>(\n    type: Factory,\n    props: Parameters<Factory>[0],\n    ...children: Parameters<Factory>[1]\n): ReturnType<Factory>\n\nexport function jsx(type: any, props: any, ...children: any) {\n    if (typeof type === 'string') {\n        const element = document.createElement(type)\n        for (const k in props) {\n            const v = props[k]\n            if (k in hookExtensions) {\n                hookExtensions[k as keyof typeof hookExtensions](element, v)\n                continue\n            }\n            if (isObservableValue(v)) {\n                onConnect(element, () => {\n                    return v.onData((data$) => setProp(element, k, data$))\n                })\n            } else {\n                setProp(element, k, v)\n            }\n        }\n        element.append(\n            ...children\n                .filter((child: JsxChild | null) => child != null)\n                .map((child: JsxChild) => {\n                    return isObservableValue(child) ? ActiveText(child) : child\n                })\n        )\n        return element\n    } else {\n        return type(props, children)\n    }\n}\n\nexport function Fragment(_props: AnyRecord, children: (Node | string)[]) {\n    return jsx(\n        'div',\n        {\n            style: {\n                display: 'contents',\n            },\n        },\n        ...children\n    )\n}\n\ndeclare global {\n    // eslint-disable-next-line @typescript-eslint/no-namespace\n    namespace JSX {\n        type IntrinsicElements = DomIntrinsicElements\n        type Element = HTMLElement\n        type Fragment = HTMLElement\n    }\n}\n", "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport type { ObservableValue } from '@amazon/vinyl-observable'\nimport { onConnect } from './extensions/connectedObserver'\n\n/**\n * A Text node bound to a data provider.\n * Created automatically when a child is a ObservableValue.\n * textContent will only be updated when the node is on the DOM.\n */\nexport function ActiveText<T>(data: ObservableValue<T>): Text {\n    const text = document.createTextNode(String(data.value ?? ''))\n    onConnect(text, () => {\n        return data.onData((value) => {\n            text.textContent = String(value ?? '')\n        })\n    })\n    return text\n}\n", "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport type { ObservableValue } from '@amazon/vinyl-observable'\nimport { onConnect } from './connectedObserver'\n\nexport function applyVisibility(\n    element: HTMLElement,\n    visible: boolean | ObservableValue<boolean>\n): void {\n    if (typeof visible === 'boolean') {\n        if (!visible) element.style.display = 'none'\n    } else {\n        onConnect(element, () => {\n            return visible.onData((value) => {\n                if (value) element.style.removeProperty('display')\n                else element.style.display = 'none'\n            })\n        })\n    }\n}\n", "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {\n    isObservableValue,\n    type ObservableValue,\n} from '@amazon/vinyl-observable'\nimport { onConnect } from './connectedObserver'\nimport type { Maybe, Unsubscribe } from '@amazon/vinyl-util'\n\nexport function applyClassList(\n    element: HTMLElement,\n    classList: readonly (Maybe<string> | ObservableValue<Maybe<string>>)[]\n): void {\n    const tokens = classList.filter((s) => typeof s === 'string')\n    element.classList.add(...tokens)\n    if (tokens.length < classList.length) {\n        onConnect(element, () => {\n            const subs: Unsubscribe[] = []\n            for (const dP of classList.filter(isObservableValue)) {\n                subs.push(bindClass(element, dP))\n            }\n            return () => {\n                subs.forEach((sub) => sub())\n            }\n        })\n    }\n}\n\nfunction bindClass(\n    element: HTMLElement,\n    tokenProvider: ObservableValue<Maybe<string>>\n): Unsubscribe {\n    let current: string | null = null\n    const dataSub = tokenProvider.onData((className) => {\n        if (current) element.classList.remove(current)\n        if (className) {\n            current = className\n            element.classList.add(className)\n        } else {\n            current = null\n        }\n    })\n    return () => {\n        if (current != null) element.classList.remove(current)\n        dataSub()\n    }\n}\n", "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport type { HookExtension } from './HookExtension'\n\nexport const passiveEventHandlers = {\n    ontouchstart: /* @__PURE__ */ applyPassiveHandler('ontouchstart'),\n    ontouchmove: /* @__PURE__ */ applyPassiveHandler('ontouchmove'),\n    onwheel: /* @__PURE__ */ applyPassiveHandler('onwheel'),\n} as const\n\nfunction applyPassiveHandler<K extends keyof GlobalEventHandlers>(\n    key: K\n): HookExtension<GlobalEventHandlers[K]> {\n    const eventName = key.substring(2)\n    return (element: HTMLElement, handler: GlobalEventHandlers[K]) => {\n        element.addEventListener(eventName, handler as any, { passive: true })\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["onConnect", "import_vinyl_observable", "import_vinyl_observable"]
+}