@threadlabs/looma 0.2.5 → 0.2.6

package/dist/collection/components/ui-tooltip/ui-tooltip.css

@@ -1,43 +0,0 @@
-: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; }
-}

package/dist/collection/components/ui-tooltip/ui-tooltip.js

@@ -1,430 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { openOverlay, closeOverlay } from "../../overlay/manager";
-import { dispatchDetail } from "../../utils/events";
-import { controlledOrDefault, isControlled } from "../../utils/controlled-state";
-import { createAnchoredSurface, } from "../../overlay/positioning";
-export class UITooltip {
-    host;
-    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] : undefined,
-                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: trigger,
-            });
-        }
-    }
-    render() {
-        return (h(Host, { key: 'fd4d81febd147b846aca66e94f25d56f14b171dc', role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? '' : undefined }, h("div", { key: 'd31ac8c0e087becd7e60459f2cd894a9b15e95fa', class: "tooltip__surface" }, h("slot", { key: '06e7aac9b6992a9cf0f92c9d356b97d18fb2da8b' }))));
-    }
-    static get is() { return "ui-tooltip"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["ui-tooltip.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["ui-tooltip.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "for": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "for",
-                "defaultValue": "''"
-            },
-            "open": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Controlled open state. Omit it to use defaultOpen and local interaction state."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "open"
-            },
-            "defaultOpen": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "default-open",
-                "defaultValue": "false"
-            },
-            "placement": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "AnchoredPlacement",
-                    "resolved": "\"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\"",
-                    "references": {
-                        "AnchoredPlacement": {
-                            "location": "import",
-                            "path": "../../overlay/positioning",
-                            "id": "src/overlay/positioning.ts::AnchoredPlacement",
-                            "referenceLocation": "AnchoredPlacement"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placement",
-                "defaultValue": "'top-start'"
-            },
-            "showDelay": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Pointer hover intent delay in milliseconds. Keyboard focus is immediate."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "show-delay",
-                "defaultValue": "500"
-            },
-            "hideDelay": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Pointer leave grace period in milliseconds."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hide-delay",
-                "defaultValue": "100"
-            },
-            "toggleOnClick": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Click or tap pins the description; activate again to dismiss."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "toggle-on-click",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "internalOpen": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "opened",
-                "name": "open",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ open: boolean; reason: string; trigger: string }",
-                    "resolved": "{ open: boolean; reason: string; trigger: string; }",
-                    "references": {}
-                }
-            }, {
-                "method": "closed",
-                "name": "close",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ open: boolean; reason: string; trigger: string }",
-                    "resolved": "{ open: boolean; reason: string; trigger: string; }",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "open",
-                "methodName": "syncFromProp"
-            }, {
-                "propName": "for",
-                "methodName": "resetSurface"
-            }, {
-                "propName": "placement",
-                "methodName": "resetSurface"
-            }, {
-                "propName": "internalOpen",
-                "methodName": "syncOverlay"
-            }];
-    }
-}

package/dist/collection/components/ui-top-bar/ui-top-bar.css

@@ -1,51 +0,0 @@
-:host {
-  position: sticky;
-  inset-block-start: 0;
-  z-index: var(--ui-top-bar-z-index, 100);
-  display: block;
-}
-
-.top-bar {
-  min-block-size: calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));
-  display: flex;
-  align-items: center;
-  gap: var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));
-  padding-block-start: env(safe-area-inset-top);
-  padding-inline-start: max(
-    var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),
-    env(safe-area-inset-left)
-  );
-  padding-inline-end: max(
-    var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),
-    env(safe-area-inset-right)
-  );
-  background: var(--ui-top-bar-bg, var(--ui-surface, #ffffff));
-  border-block-end: 1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb));
-}
-
-.top-bar__leading,
-.top-bar__search,
-.top-bar__actions {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-
-.top-bar__actions {
-  gap: var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem));
-}
-
-.top-bar__title {
-  min-inline-size: 0;
-  flex: 1;
-}
-
-[hidden] {
-  display: none;
-}
-
-@media (min-width: 768px) {
-  :host {
-    display: none;
-  }
-}

package/dist/collection/components/ui-top-bar/ui-top-bar.js

@@ -1,52 +0,0 @@
-import { Host, h } from "@stencil/core";
-function slotHasContent(slot) {
-    if (!slot) {
-        return false;
-    }
-    return slot.assignedNodes({ flatten: true }).some((node) => {
-        if (node.nodeType === Node.TEXT_NODE) {
-            return Boolean(node.textContent?.trim());
-        }
-        return true;
-    });
-}
-export class UITopBar {
-    host;
-    hasLeading = false;
-    hasSearch = false;
-    hasActions = false;
-    leadingSlot;
-    searchSlot;
-    actionsSlot;
-    componentDidLoad() {
-        this.syncSlots();
-    }
-    syncSlots = () => {
-        this.hasLeading = slotHasContent(this.leadingSlot);
-        this.hasSearch = slotHasContent(this.searchSlot);
-        this.hasActions = slotHasContent(this.actionsSlot);
-    };
-    render() {
-        return (h(Host, { key: '1ef941e211c9536c034a40c0f7a255068595de10' }, h("header", { key: 'f1ea465d17753224d72971d26f70b546b93de8ba', class: "top-bar", part: "base" }, h("div", { key: '4eab975109467ad41e16527102b31e6e6d7421c8', class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: '3388d0e2346de4c08d85dd4c3a998e5f668a05f6', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '7b176d6e82da08eb495f3ca2c83505327c21f525', class: "top-bar__title" }, h("slot", { key: '8196e5489d2f43a72f794aad8ceaa44c358810e9' })), h("div", { key: '2b29c72174559865fb01b99cfab830f74640a8a5', class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: '9597fde0cf05821e641471343a38dd3190f1e18f', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '1f19003e43fb28ac4ff4debd27e1a0fa9f342275', class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: 'f6a84824d2806dc16b5fa82cc25dc1247a6a8ad1', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
-    }
-    static get is() { return "ui-top-bar"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["ui-top-bar.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["ui-top-bar.css"]
-        };
-    }
-    static get states() {
-        return {
-            "hasLeading": {},
-            "hasSearch": {},
-            "hasActions": {}
-        };
-    }
-    static get elementRef() { return "host"; }
-}

package/dist/collection/components/ui-tree/ui-tree.css

@@ -1,12 +0,0 @@
-:host {
-  --ui-tree-indent: 16px;
-  --ui-tree-gutter: 0px;
-
-  display: block;
-  min-inline-size: 0;
-  padding-inline-start: var(--ui-tree-gutter);
-}
-
-::slotted(ui-tree-item) {
-  --ui-tree-indent: inherit;
-}