@threadlabs/looma 0.2.5 → 0.2.6

package/dist/ui-chip_2.entry-BIMTSF6C.js

@@ -1,272 +0,0 @@
-import {
-  closeOverlay,
-  openOverlay
-} from "./chunk-TL4FIE7X.js";
-import {
-  createAnchoredSurface
-} from "./chunk-D5WRORG6.js";
-import {
-  controlledOrDefault,
-  isControlled
-} from "./chunk-HNFCGIBP.js";
-import {
-  dispatchDetail
-} from "./chunk-UL7UIUJZ.js";
-import {
-  Host,
-  createEvent,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-chip_2.entry.js
-var uiChipCss = () => `:host{--ui-chip-surface:var(--ui-surface-subtle);--ui-chip-text:var(--ui-text-secondary);--ui-chip-border:var(--ui-border-default);--ui-chip-font-size:var(--ui-font-size-xs);--ui-chip-font-weight:var(--ui-font-normal);--ui-chip-line-height:var(--ui-line-height-tight);--ui-chip-padding-block:var(--ui-space-0-5);--ui-chip-padding-inline:var(--ui-space-2);--ui-chip-notch:var(--ui-space-1);display:inline-flex;min-width:0;max-width:100%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.chip__surface{display:inline-flex;align-items:center;box-sizing:border-box;min-width:0;max-width:100%;padding:var(--ui-chip-padding-block) var(--ui-chip-padding-inline);border:1px solid var(--ui-chip-border);background:var(--ui-chip-surface);color:var(--ui-chip-text) !important;font-family:var(--ui-font-family-sans) !important;font-size:var(--ui-chip-font-size) !important;font-weight:var(--ui-chip-font-weight) !important;line-height:var(--ui-chip-line-height) !important}.chip__label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([data-appearance='pill']) .chip__surface{border-radius:var(--ui-radius-round)}:host([data-appearance='tag']) .chip__surface{border:0;padding-inline-end:calc(var(--ui-chip-padding-inline) + var(--ui-chip-notch));clip-path:polygon(0 0, calc(100% - var(--ui-chip-notch)) 0, 100% 50%, calc(100% - var(--ui-chip-notch)) 100%, 0 100%)}`;
-var UIChip = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  /** `tag` has a square leading edge and an angled trailing edge; `pill` is fully rounded. */
-  appearance = "tag";
-  /** Compact typography size. */
-  size = "xs";
-  render() {
-    return h(Host, { key: "970cb48cf8d70c47feaab90fe428c09f0d052a03", "data-appearance": this.appearance, "data-size": this.size }, h("span", { key: "6d8c6104d2869520097a2a61bd2a887b363b4912", class: "chip__surface" }, h("span", { key: "638fb68ff5dffa629576c9e1079bb3169f2adb4f", class: "chip__label" }, h("slot", { key: "8b31f2130e202e18d7717aee6add6bc6e7f119b5" }))));
-  }
-};
-UIChip.style = uiChipCss();
-var uiTooltipCss = () => `:host{position:fixed;inset:auto;margin:0;display:inline-block;box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent;opacity:0;transform:translateY(4px);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}.tooltip__surface{box-sizing:border-box;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(:popover-open){opacity:1;transform:translateY(0)}@starting-style{:host(:popover-open){opacity:0;transform:translateY(4px)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host{transition:none}}`;
-var UITooltip = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.opened = createEvent(this, "open");
-    this.closed = createEvent(this, "close");
-  }
-  get host() {
-    return getElement(this);
-  }
-  for = "";
-  /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
-  open;
-  defaultOpen = false;
-  placement = "top-start";
-  /** Pointer hover intent delay in milliseconds. Keyboard focus is immediate. */
-  showDelay = 500;
-  /** Pointer leave grace period in milliseconds. */
-  hideDelay = 100;
-  /** Click or tap pins the description; activate again to dismiss. */
-  toggleOnClick = false;
-  pinned = false;
-  focused = false;
-  opened;
-  closed;
-  internalOpen = false;
-  overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
-  trigger = null;
-  surface = null;
-  showTimer = null;
-  hideTimer = null;
-  syncFromProp() {
-    this.clearTimers();
-    if (isControlled(this.open))
-      this.internalOpen = this.open;
-  }
-  resetSurface() {
-    this.syncTrigger();
-    this.setupSurface();
-    this.syncOverlay();
-  }
-  syncOverlay() {
-    if (this.internalOpen) {
-      this.surface?.show();
-      openOverlay({
-        id: this.overlayId,
-        modal: false,
-        element: this.host,
-        relatedElements: this.trigger ? [this.trigger] : void 0,
-        dismissible: true,
-        requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger)
-      });
-    } else {
-      this.surface?.hide();
-      closeOverlay(this.overlayId);
-    }
-  }
-  componentDidLoad() {
-    if (!this.host.id)
-      this.host.id = this.overlayId;
-    this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
-    this.syncTrigger();
-    this.setupSurface();
-    this.host.addEventListener("pointerenter", this.onSurfaceEnter);
-    this.host.addEventListener("pointerleave", this.onTriggerLeave);
-    this.syncOverlay();
-  }
-  componentDidUpdate() {
-    this.syncTrigger();
-  }
-  disconnectedCallback() {
-    this.clearTimers();
-    this.detachTriggerListeners();
-    this.surface?.destroy();
-    this.surface = null;
-    this.host.removeEventListener("pointerenter", this.onSurfaceEnter);
-    this.host.removeEventListener("pointerleave", this.onTriggerLeave);
-    closeOverlay(this.overlayId);
-  }
-  syncTrigger() {
-    const next = this.for ? this.host.getRootNode().getElementById(this.for) : this.host.previousElementSibling;
-    if (next === this.trigger)
-      return;
-    this.detachTriggerListeners();
-    this.trigger = next;
-    this.attachTriggerListeners();
-    this.surface?.setAnchor(next);
-  }
-  setupSurface() {
-    this.surface?.destroy();
-    this.surface = createAnchoredSurface(this.host, {
-      anchor: this.trigger,
-      placement: this.placement
-    });
-  }
-  attachTriggerListeners() {
-    this.detachTriggerListeners();
-    if (!this.trigger)
-      return;
-    const ids = new Set((this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean));
-    ids.add(this.host.id);
-    this.trigger.setAttribute("aria-describedby", [...ids].join(" "));
-    this.trigger.addEventListener("click", this.onTriggerClick);
-    this.trigger.addEventListener("keydown", this.onTriggerKeydown);
-    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;
-    const ids = (this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter((id) => id && id !== this.host.id);
-    if (ids.length)
-      this.trigger.setAttribute("aria-describedby", ids.join(" "));
-    else
-      this.trigger.removeAttribute("aria-describedby");
-    this.trigger.removeEventListener("click", this.onTriggerClick);
-    this.trigger.removeEventListener("keydown", this.onTriggerKeydown);
-    this.trigger.removeEventListener("pointerenter", this.onTriggerEnter);
-    this.trigger.removeEventListener("pointerleave", this.onTriggerLeave);
-    this.trigger.removeEventListener("focusin", this.onTriggerFocusIn);
-    this.trigger.removeEventListener("focusout", this.onTriggerFocusOut);
-  }
-  clearShowTimer() {
-    if (this.showTimer === null)
-      return;
-    clearTimeout(this.showTimer);
-    this.showTimer = null;
-  }
-  clearHideTimer() {
-    if (this.hideTimer === null)
-      return;
-    clearTimeout(this.hideTimer);
-    this.hideTimer = null;
-  }
-  clearTimers() {
-    this.clearShowTimer();
-    this.clearHideTimer();
-  }
-  setInteractionOpen(nextOpen, trigger) {
-    if (this.internalOpen === nextOpen)
-      return;
-    if (!isControlled(this.open))
-      this.internalOpen = nextOpen;
-    dispatchDetail(this.host, nextOpen ? "open" : "close", {
-      open: nextOpen,
-      reason: "action",
-      trigger
-    });
-  }
-  onSurfaceEnter = () => this.clearHideTimer();
-  onTriggerClick = (event) => {
-    if (!this.toggleOnClick)
-      return;
-    this.clearTimers();
-    this.pinned = !this.pinned;
-    this.setInteractionOpen(this.pinned, event.detail === 0 ? "keyboard" : "pointer");
-  };
-  onTriggerKeydown = (event) => {
-    if (event.key === "Escape")
-      this.clearTimers();
-  };
-  onTriggerEnter = (event) => {
-    if (event.pointerType === "touch")
-      return;
-    this.clearHideTimer();
-    if (this.internalOpen || this.showTimer !== null)
-      return;
-    this.showTimer = setTimeout(() => {
-      this.showTimer = null;
-      this.setInteractionOpen(true, "pointer");
-    }, Math.max(0, this.showDelay));
-  };
-  onTriggerLeave = () => {
-    this.clearShowTimer();
-    if (this.focused || this.pinned || !this.internalOpen || this.hideTimer !== null)
-      return;
-    this.hideTimer = setTimeout(() => {
-      this.hideTimer = null;
-      this.setInteractionOpen(false, "pointer");
-    }, Math.max(0, this.hideDelay));
-  };
-  onTriggerFocusIn = () => {
-    this.focused = true;
-    this.clearTimers();
-    this.setInteractionOpen(true, "keyboard");
-  };
-  onTriggerFocusOut = (e) => {
-    const related = e.relatedTarget;
-    if (related && this.host.contains(related))
-      return;
-    this.focused = false;
-    this.pinned = false;
-    this.clearTimers();
-    this.setInteractionOpen(false, "keyboard");
-  };
-  handleRequestClose(reason, trigger) {
-    if (reason === "escape" || reason === "light-dismiss" && this.toggleOnClick) {
-      this.pinned = false;
-      this.clearTimers();
-      if (!isControlled(this.open))
-        this.internalOpen = false;
-      dispatchDetail(this.host, "close", {
-        open: false,
-        reason,
-        trigger
-      });
-    }
-  }
-  render() {
-    return h(Host, { key: "fd4d81febd147b846aca66e94f25d56f14b171dc", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "d31ac8c0e087becd7e60459f2cd894a9b15e95fa", class: "tooltip__surface" }, h("slot", { key: "06e7aac9b6992a9cf0f92c9d356b97d18fb2da8b" })));
-  }
-  static get watchers() {
-    return {
-      "open": [{
-        "syncFromProp": 0
-      }],
-      "for": [{
-        "resetSurface": 0
-      }],
-      "placement": [{
-        "resetSurface": 0
-      }],
-      "internalOpen": [{
-        "syncOverlay": 0
-      }]
-    };
-  }
-};
-UITooltip.style = uiTooltipCss();
-export {
-  UIChip as ui_chip,
-  UITooltip as ui_tooltip
-};