@threadlabs/looma 0.2.4 → 0.2.6

package/dist/cjs/index.cjs.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/cjs/loader.cjs.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-var appGlobals = require('./app-globals-V2Kpy_OQ.js');
-
-const defineCustomElements = async (win, options) => {
-  if (typeof window === 'undefined') return undefined;
-  await appGlobals.globalScripts();
-  return index.bootstrapLazy([["ui-combobox.cjs",[[769,"ui-combobox",{"label":[1],"placeholder":[1],"name":[1],"value":[1],"defaultValue":[1,"default-value"],"multiple":[516],"tokenSeparators":[16],"query":[1],"defaultQuery":[1,"default-query"],"config":[16],"disabled":[4],"readOnly":[4,"readonly"],"required":[4],"size":[1],"labelVisibility":[1,"label-visibility"],"disclosure":[4],"clearable":[4],"help":[1],"raw":[32],"display":[32],"selected":[32],"expanded":[32],"rows":[32],"active":[32],"loading":[32],"helpOpen":[32],"lookupError":[32],"validation":[32],"validate":[64],"focusInput":[64]},null,{"value":[{"syncValue":0}],"query":[{"syncQuery":0}],"disabled":[{"syncDisabled":0}],"readOnly":[{"syncDisabled":0}],"config":[{"syncConfig":0}]}]]],["ui-context-menu.cjs",[[769,"ui-context-menu",{"open":[4],"defaultOpen":[4,"default-open"],"for":[1],"internalOpen":[32],"focusTrigger":[32]},null,{"open":[{"syncFromProp":0}],"for":[{"syncTarget":0}],"internalOpen":[{"syncOverlay":0}]}]]],["ui-affordance-scope.cjs",[[769,"ui-affordance-scope",{"nearRadius":[514,"near-radius"]},null,{"nearRadius":[{"connectCoordinator":0}]}]]],["ui-avatar.cjs",[[513,"ui-avatar",{"src":[1],"alt":[1],"name":[1],"fallback":[1],"hasImage":[32]},null,{"src":[{"watchSrc":0}]}]]],["ui-avatar-group.cjs",[[769,"ui-avatar-group",{"max":[2],"label":[1],"overflowCount":[32]},null,{"max":[{"syncOverflow":0}]}]]],["ui-badge.cjs",[[769,"ui-badge",{"variant":[1],"tone":[1]}]]],["ui-button.cjs",[[769,"ui-button",{"variant":[1],"size":[1],"disabled":[516]},null,{"variant":[{"syncToButton":0}],"size":[{"syncToButton":0}],"disabled":[{"syncToButton":0}]}]]],["ui-callout.cjs",[[769,"ui-callout",{"tone":[1]}]]],["ui-checkbox.cjs",[[769,"ui-checkbox",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"indeterminate":[4],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}],"internalChecked":[{"syncToInput":0}],"indeterminate":[{"syncToInput":0}],"disabled":[{"syncToInput":0}],"required":[{"syncToInput":0}]}]]],["ui-dialog.cjs",[[769,"ui-dialog",{"open":[4],"defaultOpen":[4,"default-open"],"modal":[4],"dismissible":[4],"label":[1],"internalOpen":[32],"accessibleLabel":[32]},null,{"open":[{"syncFromProp":0}],"label":[{"syncLabelFromProp":0}],"internalOpen":[{"syncOpen":0}]}]]],["ui-disclosure.cjs",[[769,"ui-disclosure",{"open":[4],"defaultOpen":[4,"default-open"],"disabled":[4],"internalOpen":[32],"contentId":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncState":0}]}]]],["ui-editable.cjs",[[769,"ui-editable",{"edit":[4],"defaultEdit":[4,"default-edit"],"disabled":[4],"internalEdit":[32]},null,{"edit":[{"syncFromProp":0}]}]]],["ui-floating-action-button.cjs",[[769,"ui-floating-action-button",{"disabled":[516],"mobileOnly":[516,"mobile-only"],"label":[1]}]]],["ui-form-field.cjs",[[769,"ui-form-field",{"invalid":[4],"disabled":[4],"required":[4]}]]],["ui-icon-button.cjs",[[769,"ui-icon-button",{"disabled":[516],"label":[1],"size":[513],"variant":[513],"anticipatory":[516]}]]],["ui-input.cjs",[[769,"ui-input",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"readOnly":[4,"readonly"],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToInput":0}],"defaultValue":[{"syncToInput":0}],"disabled":[{"syncToInput":0}],"invalid":[{"syncToInput":0}],"readOnly":[{"syncToInput":0}]}]]],["ui-menu-item.cjs",[[769,"ui-menu-item",{"disabled":[516],"value":[1]}]]],["ui-popover.cjs",[[769,"ui-popover",{"open":[4],"defaultOpen":[4,"default-open"],"for":[1],"placement":[1],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"onOpenChange":0}],"for":[{"resetSurface":0}],"placement":[{"resetSurface":0}]}]]],["ui-radio.cjs",[[769,"ui-radio",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"name":[1],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}],"disabled":[{"syncToInput":0}],"name":[{"syncToInput":0}],"required":[{"syncToInput":0}],"value":[{"syncToInput":0}]}]]],["ui-radio-group.cjs",[[769,"ui-radio-group",{"value":[1],"name":[1],"orientation":[1],"disabled":[4],"required":[4],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToRadios":0}],"name":[{"syncToRadios":0}],"orientation":[{"syncToRadios":0}],"disabled":[{"syncToRadios":0}]}]]],["ui-search-result-row.cjs",[[769,"ui-search-result-row",{"disabled":[516],"selected":[516],"hasLeading":[32],"hasMeta":[32],"hasExcerpt":[32],"hasTrailing":[32]}]]],["ui-search-shell.cjs",[[769,"ui-search-shell",{"hasStatus":[32],"hasFooter":[32]}]]],["ui-select.cjs",[[769,"ui-select",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"required":[4],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToSelect":0}],"defaultValue":[{"syncToSelect":0}],"disabled":[{"syncToSelect":0}],"invalid":[{"syncToSelect":0}],"required":[{"syncToSelect":0}]}]]],["ui-switch.cjs",[[769,"ui-switch",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}]}]]],["ui-tabs.cjs",[[769,"ui-tabs",{"value":[1],"defaultValue":[1,"default-value"],"orientation":[1],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncState":0}],"orientation":[{"syncState":0}]}]]],["ui-textarea.cjs",[[769,"ui-textarea",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"readOnly":[4,"readonly"],"rows":[2],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToTextarea":0}],"defaultValue":[{"syncToTextarea":0}],"disabled":[{"syncToTextarea":0}],"invalid":[{"syncToTextarea":0}],"readOnly":[{"syncToTextarea":0}],"rows":[{"syncToTextarea":0}]}]]],["ui-toast-region.cjs",[[769,"ui-toast-region",{"open":[4],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncSurface":0}]}]]],["ui-top-bar.cjs",[[769,"ui-top-bar",{"hasLeading":[32],"hasSearch":[32],"hasActions":[32]}]]],["ui-tree.cjs",[[769,"ui-tree",{"label":[1],"hoverExpandDelay":[2,"hover-expand-delay"],"maxDepth":[2,"max-depth"]}]]],["ui-tree-item.cjs",[[769,"ui-tree-item",{"itemId":[1,"item-id"],"label":[1],"dropDepth":[2,"drop-depth"],"subtreeDepth":[2,"subtree-depth"],"container":[4],"sortable":[4],"dragType":[1,"drag-type"],"dropScope":[1,"drop-scope"],"accepts":[1],"expanded":[4],"defaultExpanded":[4,"default-expanded"],"selected":[4],"disabled":[4],"internalExpanded":[32],"structuralLevel":[32],"tabStop":[32]},null,{"expanded":[{"syncExpandedFromProp":0}]}]]],["ui-menu.cjs",[[769,"ui-menu",{"open":[4],"defaultOpen":[4,"default-open"],"for":[1],"placement":[1],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"for":[{"resetSurface":0}],"placement":[{"resetSurface":0}],"internalOpen":[{"syncSurface":0}]}]]],["ui-chip_2.cjs",[[769,"ui-chip",{"appearance":[1],"size":[1]}],[769,"ui-tooltip",{"for":[1],"open":[4],"defaultOpen":[4,"default-open"],"placement":[1],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"toggleOnClick":[4,"toggle-on-click"],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"for":[{"resetSurface":0}],"placement":[{"resetSurface":0}],"internalOpen":[{"syncOverlay":0}]}]]]], options);
-};
-
-exports.setNonce = index.setNonce;
-exports.defineCustomElements = defineCustomElements;

package/dist/cjs/looma.cjs.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-var appGlobals = require('./app-globals-V2Kpy_OQ.js');
-
-var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
-/*
- Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
- */
-
-var patchBrowser = () => {
-  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('looma.cjs.js', document.baseURI).href));
-  const opts = {};
-  if (importMeta !== "") {
-    opts.resourcesUrl = new URL(".", importMeta).href;
-  }
-  return index.promiseResolve(opts);
-};
-
-patchBrowser().then(async (options) => {
-  await appGlobals.globalScripts();
-  return index.bootstrapLazy([["ui-combobox.cjs",[[769,"ui-combobox",{"label":[1],"placeholder":[1],"name":[1],"value":[1],"defaultValue":[1,"default-value"],"multiple":[516],"tokenSeparators":[16],"query":[1],"defaultQuery":[1,"default-query"],"config":[16],"disabled":[4],"readOnly":[4,"readonly"],"required":[4],"size":[1],"labelVisibility":[1,"label-visibility"],"disclosure":[4],"clearable":[4],"help":[1],"raw":[32],"display":[32],"selected":[32],"expanded":[32],"rows":[32],"active":[32],"loading":[32],"helpOpen":[32],"lookupError":[32],"validation":[32],"validate":[64],"focusInput":[64]},null,{"value":[{"syncValue":0}],"query":[{"syncQuery":0}],"disabled":[{"syncDisabled":0}],"readOnly":[{"syncDisabled":0}],"config":[{"syncConfig":0}]}]]],["ui-context-menu.cjs",[[769,"ui-context-menu",{"open":[4],"defaultOpen":[4,"default-open"],"for":[1],"internalOpen":[32],"focusTrigger":[32]},null,{"open":[{"syncFromProp":0}],"for":[{"syncTarget":0}],"internalOpen":[{"syncOverlay":0}]}]]],["ui-affordance-scope.cjs",[[769,"ui-affordance-scope",{"nearRadius":[514,"near-radius"]},null,{"nearRadius":[{"connectCoordinator":0}]}]]],["ui-avatar.cjs",[[513,"ui-avatar",{"src":[1],"alt":[1],"name":[1],"fallback":[1],"hasImage":[32]},null,{"src":[{"watchSrc":0}]}]]],["ui-avatar-group.cjs",[[769,"ui-avatar-group",{"max":[2],"label":[1],"overflowCount":[32]},null,{"max":[{"syncOverflow":0}]}]]],["ui-badge.cjs",[[769,"ui-badge",{"variant":[1],"tone":[1]}]]],["ui-button.cjs",[[769,"ui-button",{"variant":[1],"size":[1],"disabled":[516]},null,{"variant":[{"syncToButton":0}],"size":[{"syncToButton":0}],"disabled":[{"syncToButton":0}]}]]],["ui-callout.cjs",[[769,"ui-callout",{"tone":[1]}]]],["ui-checkbox.cjs",[[769,"ui-checkbox",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"indeterminate":[4],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}],"internalChecked":[{"syncToInput":0}],"indeterminate":[{"syncToInput":0}],"disabled":[{"syncToInput":0}],"required":[{"syncToInput":0}]}]]],["ui-dialog.cjs",[[769,"ui-dialog",{"open":[4],"defaultOpen":[4,"default-open"],"modal":[4],"dismissible":[4],"label":[1],"internalOpen":[32],"accessibleLabel":[32]},null,{"open":[{"syncFromProp":0}],"label":[{"syncLabelFromProp":0}],"internalOpen":[{"syncOpen":0}]}]]],["ui-disclosure.cjs",[[769,"ui-disclosure",{"open":[4],"defaultOpen":[4,"default-open"],"disabled":[4],"internalOpen":[32],"contentId":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncState":0}]}]]],["ui-editable.cjs",[[769,"ui-editable",{"edit":[4],"defaultEdit":[4,"default-edit"],"disabled":[4],"internalEdit":[32]},null,{"edit":[{"syncFromProp":0}]}]]],["ui-floating-action-button.cjs",[[769,"ui-floating-action-button",{"disabled":[516],"mobileOnly":[516,"mobile-only"],"label":[1]}]]],["ui-form-field.cjs",[[769,"ui-form-field",{"invalid":[4],"disabled":[4],"required":[4]}]]],["ui-icon-button.cjs",[[769,"ui-icon-button",{"disabled":[516],"label":[1],"size":[513],"variant":[513],"anticipatory":[516]}]]],["ui-input.cjs",[[769,"ui-input",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"readOnly":[4,"readonly"],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToInput":0}],"defaultValue":[{"syncToInput":0}],"disabled":[{"syncToInput":0}],"invalid":[{"syncToInput":0}],"readOnly":[{"syncToInput":0}]}]]],["ui-menu-item.cjs",[[769,"ui-menu-item",{"disabled":[516],"value":[1]}]]],["ui-popover.cjs",[[769,"ui-popover",{"open":[4],"defaultOpen":[4,"default-open"],"for":[1],"placement":[1],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"onOpenChange":0}],"for":[{"resetSurface":0}],"placement":[{"resetSurface":0}]}]]],["ui-radio.cjs",[[769,"ui-radio",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"name":[1],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}],"disabled":[{"syncToInput":0}],"name":[{"syncToInput":0}],"required":[{"syncToInput":0}],"value":[{"syncToInput":0}]}]]],["ui-radio-group.cjs",[[769,"ui-radio-group",{"value":[1],"name":[1],"orientation":[1],"disabled":[4],"required":[4],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToRadios":0}],"name":[{"syncToRadios":0}],"orientation":[{"syncToRadios":0}],"disabled":[{"syncToRadios":0}]}]]],["ui-search-result-row.cjs",[[769,"ui-search-result-row",{"disabled":[516],"selected":[516],"hasLeading":[32],"hasMeta":[32],"hasExcerpt":[32],"hasTrailing":[32]}]]],["ui-search-shell.cjs",[[769,"ui-search-shell",{"hasStatus":[32],"hasFooter":[32]}]]],["ui-select.cjs",[[769,"ui-select",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"required":[4],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToSelect":0}],"defaultValue":[{"syncToSelect":0}],"disabled":[{"syncToSelect":0}],"invalid":[{"syncToSelect":0}],"required":[{"syncToSelect":0}]}]]],["ui-switch.cjs",[[769,"ui-switch",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}]}]]],["ui-tabs.cjs",[[769,"ui-tabs",{"value":[1],"defaultValue":[1,"default-value"],"orientation":[1],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncState":0}],"orientation":[{"syncState":0}]}]]],["ui-textarea.cjs",[[769,"ui-textarea",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"readOnly":[4,"readonly"],"rows":[2],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToTextarea":0}],"defaultValue":[{"syncToTextarea":0}],"disabled":[{"syncToTextarea":0}],"invalid":[{"syncToTextarea":0}],"readOnly":[{"syncToTextarea":0}],"rows":[{"syncToTextarea":0}]}]]],["ui-toast-region.cjs",[[769,"ui-toast-region",{"open":[4],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncSurface":0}]}]]],["ui-top-bar.cjs",[[769,"ui-top-bar",{"hasLeading":[32],"hasSearch":[32],"hasActions":[32]}]]],["ui-tree.cjs",[[769,"ui-tree",{"label":[1],"hoverExpandDelay":[2,"hover-expand-delay"],"maxDepth":[2,"max-depth"]}]]],["ui-tree-item.cjs",[[769,"ui-tree-item",{"itemId":[1,"item-id"],"label":[1],"dropDepth":[2,"drop-depth"],"subtreeDepth":[2,"subtree-depth"],"container":[4],"sortable":[4],"dragType":[1,"drag-type"],"dropScope":[1,"drop-scope"],"accepts":[1],"expanded":[4],"defaultExpanded":[4,"default-expanded"],"selected":[4],"disabled":[4],"internalExpanded":[32],"structuralLevel":[32],"tabStop":[32]},null,{"expanded":[{"syncExpandedFromProp":0}]}]]],["ui-menu.cjs",[[769,"ui-menu",{"open":[4],"defaultOpen":[4,"default-open"],"for":[1],"placement":[1],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"for":[{"resetSurface":0}],"placement":[{"resetSurface":0}],"internalOpen":[{"syncSurface":0}]}]]],["ui-chip_2.cjs",[[769,"ui-chip",{"appearance":[1],"size":[1]}],[769,"ui-tooltip",{"for":[1],"open":[4],"defaultOpen":[4,"default-open"],"placement":[1],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"toggleOnClick":[4,"toggle-on-click"],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"for":[{"resetSurface":0}],"placement":[{"resetSurface":0}],"internalOpen":[{"syncOverlay":0}]}]]]], options);
-});
-
-exports.setNonce = index.setNonce;

package/dist/cjs/manager-Ce25WRtl.js

@@ -1,95 +0,0 @@
-'use strict';
-
-const stack = [];
-const scrollLockAttribute = "data-ui-scroll-lock";
-let modalCount = 0;
-let listenersAttached = false;
-function syncScrollLock() {
-    if (typeof document === "undefined") {
-        return;
-    }
-    const root = document.documentElement;
-    if (modalCount > 0) {
-        root.setAttribute(scrollLockAttribute, "true");
-        root.style.overflow = "hidden";
-        return;
-    }
-    root.removeAttribute(scrollLockAttribute);
-    root.style.removeProperty("overflow");
-}
-function getOverlayDismissible(record) {
-    return record.dismissible ?? true;
-}
-function handleEscape(event) {
-    if (event.key !== "Escape") {
-        return;
-    }
-    requestTopOverlayClose("escape", "keyboard");
-}
-function handleLightDismiss(event) {
-    const top = getTopOverlay();
-    if (!top || !getOverlayDismissible(top)) {
-        return;
-    }
-    // A document listener sees a shadow host as event.target. Use the composed
-    // path so connected controls inside a field remain inside the overlay boundary.
-    const boundary = [top.element, ...(top.relatedElements ?? [])];
-    if (event.composedPath().some(target => target instanceof Node
-        && boundary.some(element => element.contains(target))))
-        return;
-    requestTopOverlayClose("light-dismiss", "pointer");
-}
-function ensureListeners() {
-    if (listenersAttached || typeof document === "undefined") {
-        return;
-    }
-    document.addEventListener("keydown", handleEscape);
-    document.addEventListener("pointerdown", handleLightDismiss, { capture: true });
-    listenersAttached = true;
-}
-function removeListenersIfIdle() {
-    if (!listenersAttached || stack.length > 0 || typeof document === "undefined") {
-        return;
-    }
-    document.removeEventListener("keydown", handleEscape);
-    document.removeEventListener("pointerdown", handleLightDismiss, { capture: true });
-    listenersAttached = false;
-}
-function openOverlay(record) {
-    closeOverlay(record.id);
-    stack.push(record);
-    if (record.modal) {
-        modalCount += 1;
-        syncScrollLock();
-    }
-    ensureListeners();
-}
-function closeOverlay(id) {
-    const index = stack.findIndex((record) => record.id === id);
-    if (index >= 0) {
-        const [record] = stack.splice(index, 1);
-        if (record?.modal) {
-            modalCount = Math.max(0, modalCount - 1);
-            syncScrollLock();
-        }
-    }
-    removeListenersIfIdle();
-}
-function getTopOverlay() {
-    return stack.at(-1);
-}
-function requestTopOverlayClose(reason, trigger) {
-    const top = getTopOverlay();
-    if (!top) {
-        return false;
-    }
-    if (!getOverlayDismissible(top) && (reason === "escape" || reason === "light-dismiss")) {
-        return false;
-    }
-    top.requestClose(reason, trigger);
-    return true;
-}
-
-exports.closeOverlay = closeOverlay;
-exports.openOverlay = openOverlay;
-exports.requestTopOverlayClose = requestTopOverlayClose;

package/dist/cjs/positioning-CCR6ifPj.js

@@ -1,426 +0,0 @@
-'use strict';
-
-const DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
-let anchorSequence = 0;
-const anchorBindings = new WeakMap();
-function bindAnchorName(anchor, name) {
-    const binding = anchorBindings.get(anchor) ?? {
-        original: anchor.style.getPropertyValue("anchor-name"),
-        names: new Set(),
-    };
-    binding.names.add(name);
-    anchorBindings.set(anchor, binding);
-    const values = [binding.original, ...binding.names].filter(Boolean);
-    anchor.style.setProperty("anchor-name", values.join(", "));
-}
-function unbindAnchorName(anchor, name) {
-    const binding = anchorBindings.get(anchor);
-    if (!binding)
-        return;
-    binding.names.delete(name);
-    if (binding.names.size) {
-        const values = [binding.original, ...binding.names].filter(Boolean);
-        anchor.style.setProperty("anchor-name", values.join(", "));
-        return;
-    }
-    if (binding.original)
-        anchor.style.setProperty("anchor-name", binding.original);
-    else
-        anchor.style.removeProperty("anchor-name");
-    anchorBindings.delete(anchor);
-}
-function supportsAnchorPositioning(owner) {
-    const css = owner.CSS;
-    return typeof css?.supports === "function"
-        && css.supports("anchor-name: --ui-anchor-test")
-        && css.supports("position-anchor: --ui-anchor-test")
-        && css.supports("top: anchor(bottom)");
-}
-function topLayerOpen(surface) {
-    try {
-        return surface.matches(":popover-open");
-    }
-    catch {
-        return !surface.hidden;
-    }
-}
-function showInTopLayer(surface) {
-    surface.setAttribute("popover", "manual");
-    surface.hidden = false;
-    if (typeof surface.showPopover === "function" && !topLayerOpen(surface)) {
-        try {
-            surface.showPopover();
-        }
-        catch {
-            // A disconnected or already-transitioning surface still receives the
-            // fixed-position fallback below and will be retried on the next sync.
-        }
-    }
-}
-function hideFromTopLayer(surface) {
-    if (typeof surface.hidePopover === "function" && topLayerOpen(surface)) {
-        try {
-            surface.hidePopover();
-        }
-        catch {
-            // The surface may have been disconnected between state and DOM updates.
-        }
-    }
-    surface.hidden = true;
-}
-/**
- * Places unanchored floating UI, such as a toast region, in the browser top
- * layer. Its viewport position remains CSS-owned; the controller only provides
- * the native Popover API boundary and its no-Popover fallback.
- */
-function createViewportSurface(surface) {
-    surface.setAttribute("popover", "manual");
-    surface.dataset.uiPositioning = "viewport";
-    return {
-        show() {
-            showInTopLayer(surface);
-        },
-        hide() {
-            hideFromTopLayer(surface);
-        },
-        destroy() {
-            hideFromTopLayer(surface);
-        },
-    };
-}
-function fallbackPosition(surface, anchor, placement, gap, viewportGap, surfaceRect = surface.getBoundingClientRect()) {
-    const owner = surface.ownerDocument.defaultView ?? window;
-    const viewport = getVisualViewportRect(owner);
-    const preferTop = placement.startsWith("top");
-    const preferEnd = placement.endsWith("end");
-    const spaceBelow = viewport.bottom - anchor.bottom - viewportGap;
-    const spaceAbove = anchor.top - viewport.top - viewportGap;
-    const useTop = preferTop
-        ? !(spaceAbove < surfaceRect.height + gap && spaceBelow > spaceAbove)
-        : spaceBelow < surfaceRect.height + gap && spaceAbove > spaceBelow;
-    const unclampedTop = useTop
-        ? anchor.top - surfaceRect.height - gap
-        : anchor.bottom + gap;
-    const unclampedLeft = preferEnd
-        ? anchor.right - surfaceRect.width
-        : anchor.left;
-    const shifted = clampRectToViewport({
-        left: unclampedLeft,
-        top: unclampedTop,
-        width: surfaceRect.width,
-        height: surfaceRect.height,
-    }, viewport, viewportGap);
-    surface.style.left = `${Math.round(unclampedLeft + shifted.x)}px`;
-    surface.style.top = `${Math.round(unclampedTop + shifted.y)}px`;
-    surface.style.right = "auto";
-    surface.style.bottom = "auto";
-}
-/**
- * One lightweight positioning controller for Looma floating UI. Native
- * Popover provides the top layer and CSS Anchor Positioning follows a named
- * element. Browsers without Anchor Positioning use the same flip/shift
- * geometry through scroll/resize listeners that exist only while open.
- */
-function createAnchoredSurface(surface, options = {}) {
-    const owner = surface.ownerDocument.defaultView ?? window;
-    const placement = options.placement ?? "bottom-start";
-    const gap = Math.max(0, options.gap ?? 4);
-    const viewportGap = Math.max(0, options.viewportGap ?? 8);
-    const nativeAnchor = supportsAnchorPositioning(owner);
-    const anchorName = `--ui-anchor-${++anchorSequence}`;
-    let anchor = options.anchor ?? null;
-    let point = null;
-    let open = false;
-    let frame = null;
-    let listenerAbort = null;
-    let sizeObserver = null;
-    // The surface can enter the top layer before its content has laid out (a
-    // menu's items, a tooltip's text), so its measured size is briefly zero or
-    // stale and the viewport clamp would run against the wrong geometry. Re-run
-    // positioning whenever the surface's own size settles.
-    const ResizeObserverImpl = owner.ResizeObserver;
-    const observeSurfaceSize = () => {
-        if (sizeObserver || typeof ResizeObserverImpl !== "function")
-            return;
-        sizeObserver = new ResizeObserverImpl(() => schedule());
-        sizeObserver.observe(surface);
-    };
-    const stopObservingSurfaceSize = () => {
-        sizeObserver?.disconnect();
-        sizeObserver = null;
-    };
-    surface.setAttribute("popover", "manual");
-    surface.dataset.uiPositioning = nativeAnchor ? "anchor" : "fallback";
-    surface.style.position = "fixed";
-    surface.style.margin = "0";
-    const bindAnchor = (next) => {
-        if (anchor)
-            unbindAnchorName(anchor, anchorName);
-        anchor = next;
-        if (!anchor) {
-            surface.style.removeProperty("position-anchor");
-            return;
-        }
-        bindAnchorName(anchor, anchorName);
-        surface.style.setProperty("position-anchor", anchorName);
-    };
-    const positionNative = () => {
-        const blockEnd = placement.startsWith("bottom");
-        const inlineEnd = placement.endsWith("end");
-        surface.style.top = blockEnd ? `calc(anchor(bottom) + ${gap}px)` : "auto";
-        surface.style.bottom = blockEnd ? "auto" : `calc(anchor(top) + ${gap}px)`;
-        surface.style.left = inlineEnd ? "auto" : "anchor(left)";
-        surface.style.right = inlineEnd ? "anchor(right)" : "auto";
-        surface.style.setProperty("position-try-fallbacks", "flip-block, flip-inline");
-    };
-    const position = () => {
-        frame = null;
-        if (!open)
-            return;
-        if (point) {
-            fallbackPosition(surface, {
-                left: point.x,
-                right: point.x,
-                top: point.y,
-                bottom: point.y}, "bottom-start", gap, viewportGap);
-            return;
-        }
-        if (!anchor)
-            return;
-        let surfaceRect;
-        if (nativeAnchor) {
-            positionNative();
-            const viewport = getVisualViewportRect(owner);
-            surfaceRect = surface.getBoundingClientRect();
-            // The surface can be measured before it paints (its first frames in the
-            // top layer, or while slow content/fonts settle), reporting a zero size.
-            // The pixel fallback below would then place it at `anchor - 0`, i.e. off
-            // the anchored edge, and leave it stranded there. Trust native anchor
-            // placement — which does not depend on our measurement — until the
-            // surface has real geometry; the scheduled re-run and ResizeObserver
-            // re-position once it does.
-            if (surfaceRect.width === 0 || surfaceRect.height === 0)
-                return;
-            const shift = clampRectToViewport(surfaceRect, viewport, viewportGap);
-            if (shift.x === 0 && shift.y === 0)
-                return;
-        }
-        fallbackPosition(surface, anchor.getBoundingClientRect(), placement, gap, viewportGap, surfaceRect);
-    };
-    const schedule = () => {
-        if (!open || frame !== null)
-            return;
-        frame = owner.requestAnimationFrame(position);
-    };
-    const syncFallbackListeners = () => {
-        // Native anchor positioning handles ordinary placement, but the shared
-        // controller still owns viewport containment when neither side can fit.
-        const needsListeners = open && (point !== null || anchor !== null);
-        if (!needsListeners) {
-            listenerAbort?.abort();
-            listenerAbort = null;
-            return;
-        }
-        if (listenerAbort)
-            return;
-        listenerAbort = new AbortController();
-        const signal = listenerAbort.signal;
-        owner.addEventListener("resize", schedule, { passive: true, signal });
-        owner.addEventListener("scroll", schedule, { passive: true, capture: true, signal });
-        owner.visualViewport?.addEventListener("resize", schedule, { passive: true, signal });
-        owner.visualViewport?.addEventListener("scroll", schedule, { passive: true, signal });
-    };
-    bindAnchor(anchor);
-    return {
-        setAnchor(next) {
-            point = null;
-            bindAnchor(next);
-            syncFallbackListeners();
-            schedule();
-        },
-        show() {
-            point = null;
-            open = true;
-            syncFallbackListeners();
-            showInTopLayer(surface);
-            position();
-            // The surface has just entered the top layer and may not be laid out yet,
-            // so the first position() can measure a zero/stale size and skip the
-            // viewport clamp. Re-position on the next frame, and keep re-positioning
-            // while the surface's own size settles as its content renders.
-            schedule();
-            observeSurfaceSize();
-        },
-        showAtPoint(nextPoint) {
-            point = nextPoint;
-            open = true;
-            syncFallbackListeners();
-            showInTopLayer(surface);
-            position();
-            schedule();
-            observeSurfaceSize();
-        },
-        hide() {
-            open = false;
-            point = null;
-            syncFallbackListeners();
-            stopObservingSurfaceSize();
-            if (frame !== null)
-                owner.cancelAnimationFrame(frame);
-            frame = null;
-            hideFromTopLayer(surface);
-        },
-        refresh: schedule,
-        destroy() {
-            open = false;
-            listenerAbort?.abort();
-            listenerAbort = null;
-            stopObservingSurfaceSize();
-            if (frame !== null)
-                owner.cancelAnimationFrame(frame);
-            frame = null;
-            hideFromTopLayer(surface);
-            bindAnchor(null);
-        },
-    };
-}
-function getVisualViewportRect(owner = window) {
-    const viewport = owner.visualViewport;
-    const left = viewport?.offsetLeft ?? 0;
-    const top = viewport?.offsetTop ?? 0;
-    const width = viewport?.width ?? owner.innerWidth;
-    const height = viewport?.height ?? owner.innerHeight;
-    return {
-        left,
-        top,
-        right: left + width,
-        bottom: top + height,
-        width,
-        height,
-    };
-}
-function clampRectToViewport(rect, viewport = getVisualViewportRect(), gutter = 0) {
-    const availableWidth = Math.max(0, viewport.width - (gutter * 2));
-    const availableHeight = Math.max(0, viewport.height - (gutter * 2));
-    const targetLeft = rect.width > availableWidth
-        ? viewport.left + gutter
-        : Math.min(Math.max(rect.left, viewport.left + gutter), viewport.right - gutter - rect.width);
-    const targetTop = rect.height > availableHeight
-        ? viewport.top + gutter
-        : Math.min(Math.max(rect.top, viewport.top + gutter), viewport.bottom - gutter - rect.height);
-    return { x: targetLeft - rect.left, y: targetTop - rect.top };
-}
-function distanceFromPointToRect(point, rect) {
-    const dx = Math.max(rect.left - point.x, 0, point.x - rect.right);
-    const dy = Math.max(rect.top - point.y, 0, point.y - rect.bottom);
-    return Math.hypot(dx, dy);
-}
-/**
- * Coordinates anticipatory UI within one interaction scope.
- *
- * The coordinator deliberately owns one pointer listener and one animation-frame
- * update for the whole scope. Anchors remain the only hit-testable controls; the
- * reflected state is presentation-only, so overlapping near regions do not steal
- * pointer input from each other or from surrounding content.
- */
-function createProximityCoordinator(scope, options = {}) {
-    const owner = scope.ownerDocument.defaultView ?? window;
-    const pointerTarget = options.pointerTarget ?? scope;
-    const anchorSelector = options.anchorSelector ?? "[data-ui-affordance]";
-    const configuredRadius = options.nearRadius ?? DEFAULT_AFFORDANCE_NEAR_RADIUS;
-    const nearRadius = Number.isFinite(configuredRadius)
-        ? Math.max(0, configuredRadius)
-        : DEFAULT_AFFORDANCE_NEAR_RADIUS;
-    const abort = new AbortController();
-    let anchors = [];
-    let frame = null;
-    let point = null;
-    let geometryDirty = false;
-    const clear = () => {
-        for (const { element } of anchors) {
-            if (element.hasAttribute("data-ui-proximity")) {
-                element.removeAttribute("data-ui-proximity");
-            }
-        }
-        if (scope.hasAttribute("data-ui-interaction")) {
-            scope.removeAttribute("data-ui-interaction");
-        }
-    };
-    const measure = () => {
-        anchors = Array.from(scope.querySelectorAll(anchorSelector))
-            .filter((element) => !element.hasAttribute("disabled") && element.getAttribute("aria-disabled") !== "true")
-            .map((element) => ({ element, rect: element.getBoundingClientRect() }));
-        geometryDirty = false;
-    };
-    const update = () => {
-        frame = null;
-        if (geometryDirty)
-            measure();
-        if (!point) {
-            clear();
-            return;
-        }
-        let engaged = false;
-        for (const anchor of anchors) {
-            const near = distanceFromPointToRect(point, anchor.rect) <= nearRadius;
-            if (near && anchor.element.getAttribute("data-ui-proximity") !== "near") {
-                anchor.element.setAttribute("data-ui-proximity", "near");
-            }
-            else if (!near && anchor.element.hasAttribute("data-ui-proximity")) {
-                anchor.element.removeAttribute("data-ui-proximity");
-            }
-            engaged ||= near;
-        }
-        if (engaged && scope.getAttribute("data-ui-interaction") !== "engaged") {
-            scope.setAttribute("data-ui-interaction", "engaged");
-        }
-        else if (!engaged && scope.hasAttribute("data-ui-interaction")) {
-            scope.removeAttribute("data-ui-interaction");
-        }
-    };
-    const schedule = () => {
-        if (frame !== null)
-            return;
-        frame = owner.requestAnimationFrame(update);
-    };
-    const onPointerMove = (event) => {
-        const pointer = event;
-        if (pointer.pointerType === "touch") {
-            point = null;
-        }
-        else {
-            point = { x: pointer.clientX, y: pointer.clientY };
-        }
-        schedule();
-    };
-    const invalidate = () => {
-        geometryDirty = true;
-        schedule();
-    };
-    pointerTarget.addEventListener("pointermove", onPointerMove, {
-        passive: true,
-        signal: abort.signal,
-    });
-    owner.addEventListener("resize", invalidate, { passive: true, signal: abort.signal });
-    owner.addEventListener("scroll", invalidate, { passive: true, capture: true, signal: abort.signal });
-    owner.visualViewport?.addEventListener("resize", invalidate, { passive: true, signal: abort.signal });
-    owner.visualViewport?.addEventListener("scroll", invalidate, { passive: true, signal: abort.signal });
-    measure();
-    return {
-        refresh: invalidate,
-        destroy() {
-            abort.abort();
-            if (frame !== null)
-                owner.cancelAnimationFrame(frame);
-            frame = null;
-            point = null;
-            clear();
-            anchors = [];
-        },
-    };
-}
-
-exports.DEFAULT_AFFORDANCE_NEAR_RADIUS = DEFAULT_AFFORDANCE_NEAR_RADIUS;
-exports.createAnchoredSurface = createAnchoredSurface;
-exports.createProximityCoordinator = createProximityCoordinator;
-exports.createViewportSurface = createViewportSurface;

package/dist/cjs/ui-affordance-scope.cjs.entry.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-var positioning = require('./positioning-CCR6ifPj.js');
-
-const uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;
-
-const UIAffordanceScope = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get host() { return index.getElement(this); }
-    /** Distance outside each registered affordance that reveals its near state. */
-    nearRadius = positioning.DEFAULT_AFFORDANCE_NEAR_RADIUS;
-    coordinator = null;
-    componentDidLoad() {
-        this.connectCoordinator();
-    }
-    disconnectedCallback() {
-        this.coordinator?.destroy();
-        this.coordinator = null;
-    }
-    connectCoordinator() {
-        this.coordinator?.destroy();
-        this.coordinator = positioning.createProximityCoordinator(this.host, {
-            nearRadius: this.nearRadius,
-        });
-    }
-    onSlotChange = () => {
-        this.coordinator?.refresh();
-    };
-    render() {
-        return (index.h(index.Host, { key: 'f500fa48554ed6224efd2dbe9632880bf0a15a19' }, index.h("slot", { key: '37c5c5b7925b260ff8f9edd411ee6c90a12a4909', onSlotchange: this.onSlotChange })));
-    }
-    static get watchers() { return {
-        "nearRadius": [{
-                "connectCoordinator": 0
-            }]
-    }; }
-};
-UIAffordanceScope.style = uiAffordanceScopeCss();
-
-exports.ui_affordance_scope = UIAffordanceScope;