@threadlabs/looma 0.1.16 → 0.1.17

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

@@ -1,145 +0,0 @@
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-SVINNT3E.js";
-
-// dist/esm/ui-affordance-scope.entry.js
-var DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
-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);
-}
-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 = [];
-    }
-  };
-}
-var uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;
-var UIAffordanceScope = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  get host() {
-    return getElement(this);
-  }
-  /** Distance outside each registered affordance that reveals its near state. */
-  nearRadius = DEFAULT_AFFORDANCE_NEAR_RADIUS;
-  coordinator = null;
-  componentDidLoad() {
-    this.connectCoordinator();
-  }
-  disconnectedCallback() {
-    this.coordinator?.destroy();
-    this.coordinator = null;
-  }
-  connectCoordinator() {
-    this.coordinator?.destroy();
-    this.coordinator = createProximityCoordinator(this.host, {
-      nearRadius: this.nearRadius
-    });
-  }
-  onSlotChange = () => {
-    this.coordinator?.refresh();
-  };
-  render() {
-    return h(Host, { key: "184b0a908494d480ed23aa14b75d4f7b94e5275b" }, h("slot", { key: "570e810db588c1514c6fd85985c9bc4532993a2b", onSlotchange: this.onSlotChange }));
-  }
-  static get watchers() {
-    return {
-      "nearRadius": [{
-        "connectCoordinator": 0
-      }]
-    };
-  }
-};
-UIAffordanceScope.style = uiAffordanceScopeCss();
-export {
-  UIAffordanceScope as ui_affordance_scope
-};

package/dist/ui-menu.entry-IOEIDATQ.js

@@ -1,98 +0,0 @@
-import {
-  dispatchDetail,
-  eventToTrigger
-} from "./chunk-UL7UIUJZ.js";
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-SVINNT3E.js";
-
-// dist/esm/ui-menu.entry.js
-var uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}`;
-var UIMenu = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  get host() {
-    return getElement(this);
-  }
-  open = false;
-  defaultOpen = false;
-  internalOpen = false;
-  syncFromProp() {
-    this.internalOpen = this.open;
-  }
-  componentDidLoad() {
-    this.syncFromProp();
-    this.internalOpen = this.internalOpen || this.defaultOpen;
-    this.host.addEventListener("click", this.onItemClick);
-    this.host.addEventListener("keydown", this.onKeydown);
-  }
-  disconnectedCallback() {
-    this.host.removeEventListener("click", this.onItemClick);
-    this.host.removeEventListener("keydown", this.onKeydown);
-  }
-  getItems() {
-    return Array.from(this.host.querySelectorAll("ui-menu-item"));
-  }
-  isItemDisabled(item) {
-    return item.getAttribute("aria-disabled") === "true" || item.hasAttribute("disabled") || item.getAttribute("disabled") === "true" || item.disabled === true;
-  }
-  onItemClick = (e) => {
-    const item = e.target.closest?.("ui-menu-item");
-    if (!item || item.getRootNode() !== this.host.getRootNode())
-      return;
-    if (this.isItemDisabled(item))
-      return;
-    const value = item.getAttribute("value") ?? item.getAttribute("data-value") ?? "";
-    dispatchDetail(this.host, "select", { value, trigger: eventToTrigger(e) });
-    dispatchDetail(this.host, "close", {
-      open: false,
-      reason: "action",
-      trigger: eventToTrigger(e)
-    });
-    this.internalOpen = false;
-  };
-  onKeydown = (e) => {
-    const items = this.getItems().filter((i) => !this.isItemDisabled(i));
-    if (items.length === 0)
-      return;
-    const target = e.target.closest?.("ui-menu-item");
-    const currentIndex = target && target instanceof HTMLElement ? items.indexOf(target) : -1;
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      if (target && currentIndex >= 0) {
-        const value = target.getAttribute("value") ?? target.getAttribute("data-value") ?? "";
-        dispatchDetail(this.host, "select", { value, trigger: "keyboard" });
-        dispatchDetail(this.host, "close", {
-          open: false,
-          reason: "action",
-          trigger: "keyboard"
-        });
-        this.internalOpen = false;
-      }
-      return;
-    }
-    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-      e.preventDefault();
-      const nextIndex = e.key === "ArrowDown" ? currentIndex < 0 ? 0 : Math.min(currentIndex + 1, items.length - 1) : currentIndex <= 0 ? items.length - 1 : currentIndex - 1;
-      items[nextIndex].focus();
-    }
-  };
-  render() {
-    return h(Host, { key: "5e463cbbce272c6b6132a839b818deef3e39a532", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "feea6a21d41a7b27a6270814bcf0b3f3ded394a1" }));
-  }
-  static get watchers() {
-    return {
-      "open": [{
-        "syncFromProp": 0
-      }]
-    };
-  }
-};
-UIMenu.style = uiMenuCss();
-export {
-  UIMenu as ui_menu
-};

package/dist/ui-tooltip.entry-F26XDTYX.js

@@ -1,145 +0,0 @@
-import {
-  closeOverlay,
-  openOverlay,
-  requestTopOverlayClose
-} from "./chunk-G53JEAQK.js";
-import {
-  dispatchDetail
-} from "./chunk-UL7UIUJZ.js";
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-SVINNT3E.js";
-
-// dist/esm/ui-tooltip.entry.js
-var uiTooltipCss = () => `:host{display:inline-block;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md)}:host([hidden]){display:none !important}`;
-var UITooltip = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  get host() {
-    return getElement(this);
-  }
-  for = "";
-  open = false;
-  defaultOpen = false;
-  internalOpen = false;
-  overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
-  trigger = null;
-  syncFromProp() {
-    this.internalOpen = this.open;
-  }
-  syncOverlay() {
-    if (this.internalOpen) {
-      openOverlay({
-        id: this.overlayId,
-        modal: false,
-        element: this.host,
-        dismissible: true,
-        requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger)
-      });
-    } else {
-      closeOverlay(this.overlayId);
-    }
-  }
-  componentDidLoad() {
-    this.syncFromProp();
-    this.internalOpen = this.internalOpen || this.defaultOpen;
-    this.resolveTrigger();
-    this.attachTriggerListeners();
-    this.host.addEventListener("keydown", this.onKeydown);
-    this.syncOverlay();
-  }
-  componentDidUpdate() {
-    this.resolveTrigger();
-    this.attachTriggerListeners();
-    this.syncOverlay();
-  }
-  disconnectedCallback() {
-    this.detachTriggerListeners();
-    this.host.removeEventListener("keydown", this.onKeydown);
-    closeOverlay(this.overlayId);
-  }
-  resolveTrigger() {
-    if (this.for) {
-      this.trigger = document.getElementById(this.for);
-    } else {
-      this.trigger = this.host.previousElementSibling;
-    }
-  }
-  attachTriggerListeners() {
-    this.detachTriggerListeners();
-    if (!this.trigger)
-      return;
-    this.trigger.addEventListener("pointerenter", this.onTriggerEnter);
-    this.trigger.addEventListener("pointerleave", this.onTriggerLeave);
-    this.trigger.addEventListener("focusin", this.onTriggerFocusIn);
-    this.trigger.addEventListener("focusout", this.onTriggerFocusOut);
-  }
-  detachTriggerListeners() {
-    if (!this.trigger)
-      return;
-    this.trigger.removeEventListener("pointerenter", this.onTriggerEnter);
-    this.trigger.removeEventListener("pointerleave", this.onTriggerLeave);
-    this.trigger.removeEventListener("focusin", this.onTriggerFocusIn);
-    this.trigger.removeEventListener("focusout", this.onTriggerFocusOut);
-  }
-  onTriggerEnter = () => {
-    this.internalOpen = true;
-    dispatchDetail(this.host, "open", { open: true, reason: "action", trigger: "pointer" });
-    this.syncOverlay();
-  };
-  onTriggerLeave = () => {
-    this.internalOpen = false;
-    dispatchDetail(this.host, "close", { open: false, reason: "action", trigger: "pointer" });
-    this.syncOverlay();
-  };
-  onTriggerFocusIn = () => {
-    this.internalOpen = true;
-    dispatchDetail(this.host, "open", { open: true, reason: "action", trigger: "keyboard" });
-    this.syncOverlay();
-  };
-  onTriggerFocusOut = (e) => {
-    const related = e.relatedTarget;
-    if (related && this.host.contains(related))
-      return;
-    this.internalOpen = false;
-    dispatchDetail(this.host, "close", { open: false, reason: "action", trigger: "keyboard" });
-    this.syncOverlay();
-  };
-  handleRequestClose(reason, trigger) {
-    if (reason === "escape") {
-      this.internalOpen = false;
-      dispatchDetail(this.host, "close", {
-        open: false,
-        reason: "escape",
-        trigger
-      });
-      this.trigger?.focus();
-    }
-  }
-  onKeydown = (e) => {
-    if (e.key === "Escape") {
-      requestTopOverlayClose("escape", "keyboard");
-    }
-  };
-  render() {
-    return h(Host, { key: "64b5f4e7a56cbf5560edc6d7118022a49d5e2786", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "cf6f96689021a42a01b782f0e1d0730b5a9aa1f8" }));
-  }
-  static get watchers() {
-    return {
-      "open": [{
-        "syncFromProp": 0
-      }],
-      "internalOpen": [{
-        "syncOverlay": 0
-      }]
-    };
-  }
-};
-UITooltip.style = uiTooltipCss();
-export {
-  UITooltip as ui_tooltip
-};