@threadlabs/looma 0.2.5 → 0.2.6

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

@@ -1,217 +0,0 @@
-:host {
-  --ui-tree-indent: 16px;
-  --ui-tree-row-min-height: 32px;
-  --ui-tree-drop-color: var(--ui-accent-solid);
-
-  position: relative;
-  display: block;
-  min-inline-size: 0;
-  margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent));
-}
-
-.row {
-  position: relative;
-  display: grid;
-  grid-template-columns: 20px auto minmax(0, 1fr) auto;
-  align-items: center;
-  min-block-size: var(--ui-tree-row-min-height);
-  min-inline-size: 0;
-  font-size: var(--ui-tree-font-size, var(--ui-font-size-ui, 0.9375rem));
-  border-radius: var(--ui-radius-md);
-  color: var(--ui-text-secondary);
-  transition:
-    background-color var(--ui-motion-fast) var(--ui-motion-ease),
-    color var(--ui-motion-fast) var(--ui-motion-ease),
-    opacity var(--ui-motion-fast) var(--ui-motion-ease),
-    box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
-    min-block-size var(--ui-motion-base) var(--ui-motion-ease);
-}
-
-.row:hover,
-:host([data-selected]) .row,
-.row:focus-within {
-  color: var(--ui-text-primary);
-  background: var(--ui-surface-muted);
-}
-
-:host([data-disabled]) .row {
-  opacity: 0.55;
-}
-
-:host([data-dragging]) .row {
-  opacity: 0.42;
-}
-
-:host(:focus) {
-  outline: none;
-}
-
-:host(:focus-visible) .row {
-  box-shadow: 0 0 0 2px var(--ui-focus-ring);
-}
-
-:host([data-drop-position='inside']) .row {
-  background: var(--ui-accent-subtle);
-  box-shadow: inset 0 0 0 1px var(--ui-tree-drop-color);
-}
-
-.disclosure,
-.disclosure-spacer {
-  grid-column: 1;
-  grid-row: 1;
-  inline-size: 20px;
-  block-size: 28px;
-}
-
-.disclosure {
-  display: grid;
-  place-items: center;
-  padding: 0;
-  color: var(--ui-text-muted);
-  background: transparent;
-  border: 0;
-  border-radius: var(--ui-radius-sm);
-  cursor: pointer;
-}
-
-.disclosure:hover {
-  color: var(--ui-text-primary);
-  background: var(--ui-surface-elevated);
-}
-
-.disclosure-icon {
-  display: block;
-  inline-size: 14px;
-  block-size: 14px;
-  transform: rotate(-90deg);
-  transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
-}
-
-.disclosure-icon--expanded {
-  transform: rotate(0deg);
-}
-
-.disclosure-icon :is(svg),
-.drag-handle :is(svg) {
-  display: block;
-  inline-size: 100%;
-  block-size: 100%;
-}
-
-.leading {
-  display: none;
-}
-
-.leading:has(*) {
-  display: inline-grid;
-  place-items: center;
-  grid-column: 2;
-  grid-row: 1;
-  inline-size: 16px;
-  block-size: 16px;
-  margin-inline-start: var(--ui-space-1);
-}
-
-.label {
-  grid-column: 3;
-  grid-row: 1;
-  min-inline-size: 0;
-  padding: var(--ui-space-1) var(--ui-space-2);
-}
-
-.actions {
-  grid-column: 4;
-  grid-row: 1;
-  display: inline-flex;
-  align-items: center;
-  min-inline-size: 0;
-}
-
-.drag-handle {
-  position: absolute;
-  z-index: 2;
-  inset-block-start: 50%;
-  inset-inline-start: -22px;
-  inline-size: 20px;
-  block-size: 32px;
-  display: grid;
-  place-items: center;
-  padding: 7px 3px;
-  color: var(--ui-text-muted);
-  background: var(--ui-surface-elevated);
-  border: 1px solid transparent;
-  border-radius: var(--ui-radius-sm);
-  cursor: grab;
-  opacity: 0;
-  pointer-events: none;
-  transform: translateY(-50%);
-  transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
-}
-
-.row:hover .drag-handle,
-.drag-handle:focus-visible,
-:host([data-dragging]) .drag-handle {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-.drag-handle:active {
-  cursor: grabbing;
-}
-
-.drop-indicator {
-  position: absolute;
-  z-index: 3;
-  inset-inline: 1px;
-  display: none;
-  block-size: 2px;
-  border-radius: 999px;
-  background: var(--ui-tree-drop-color);
-  pointer-events: none;
-}
-
-.drop-indicator::before,
-.drop-indicator::after {
-  content: '';
-  position: absolute;
-  inset-block-start: 50%;
-  inline-size: 7px;
-  block-size: 7px;
-  border: 2px solid var(--ui-tree-drop-color);
-  border-radius: 999px;
-  background: var(--ui-surface-elevated);
-  transform: translateY(-50%);
-}
-
-.drop-indicator::before { inset-inline-start: -1px; }
-.drop-indicator::after { inset-inline-end: -1px; }
-
-:host([data-drop-position='before']) .row-drop-indicator {
-  display: block;
-  inset-block-start: -1px;
-}
-
-:host([data-drop-position='after']) .subtree-drop-indicator {
-  display: block;
-  inset-block-end: -1px;
-}
-
-.children[hidden] {
-  display: none;
-}
-
-:host-context(html[data-ui-input-modality='touch']) {
-  --ui-tree-row-min-height: 44px;
-}
-
-:host-context(html[data-ui-input-modality='touch']) .drag-handle {
-  display: none;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .row,
-  .disclosure-icon,
-  .drag-handle {
-    transition: none;
-  }
-}

package/dist/collection/components/ui-tree-item/ui-tree-item.js

@@ -1,406 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { dispatchDetail, eventToTrigger } from "../../utils/events";
-import { loomaIconMarkup } from "../../icons";
-export class UITreeItem {
-    host;
-    /** Stable application identifier emitted by tree interaction events. */
-    itemId = '';
-    /** Accessible name used by the disclosure and drag handle. */
-    label = '';
-    /** Application hierarchy depth override used for drop constraints. Defaults to structural nesting. */
-    dropDepth;
-    /** Virtualized-tree descendant-depth override for the tree's max-depth drop constraint. */
-    subtreeDepth;
-    /** Whether this item accepts children and exposes disclosure behavior. */
-    container = false;
-    /** Whether this item participates in pointer drag and drop. */
-    sortable = false;
-    /** Application-defined kind used to reject incompatible sibling drops. */
-    dragType = 'item';
-    /** Application-defined parent/list identity included with reorder events. */
-    dropScope = '';
-    /** Comma-separated drag kinds accepted as children. Empty accepts every kind. */
-    accepts = '';
-    /** Controlled expansion value. When omitted, `default-expanded` initializes uncontrolled state. */
-    expanded;
-    /** Initial uncontrolled expansion value. */
-    defaultExpanded = false;
-    selected = false;
-    disabled = false;
-    internalExpanded = false;
-    structuralLevel = 1;
-    tabStop = false;
-    syncExpandedFromProp() {
-        // A defined prop owns the rendered state; clearing it resumes the current
-        // uncontrolled state instead of replaying the initial default.
-        if (this.expanded !== undefined)
-            this.internalExpanded = this.expanded;
-    }
-    componentWillLoad() {
-        this.internalExpanded = this.expanded ?? this.defaultExpanded;
-        this.updateStructuralLevel();
-    }
-    connectedCallback() {
-        this.host.addEventListener('ui-tree-auto-expand', this.onAutoExpand);
-        this.host.addEventListener('ui-tree-structure-sync', this.updateStructuralLevel);
-        this.host.addEventListener('ui-tree-roving-tab-stop', this.onRovingTabStop);
-        this.host.addEventListener('ui-tree-request-expanded', this.onExpansionRequest);
-    }
-    disconnectedCallback() {
-        this.host.removeEventListener('ui-tree-auto-expand', this.onAutoExpand);
-        this.host.removeEventListener('ui-tree-structure-sync', this.updateStructuralLevel);
-        this.host.removeEventListener('ui-tree-roving-tab-stop', this.onRovingTabStop);
-        this.host.removeEventListener('ui-tree-request-expanded', this.onExpansionRequest);
-    }
-    updateStructuralLevel = () => {
-        const tree = this.host.closest('ui-tree');
-        let ancestor = this.host.parentElement?.closest('ui-tree-item') ?? null;
-        let level = 1;
-        while (ancestor && tree?.contains(ancestor)) {
-            level += 1;
-            ancestor = ancestor.parentElement?.closest('ui-tree-item') ?? null;
-        }
-        if (this.structuralLevel !== level)
-            this.structuralLevel = level;
-    };
-    setExpanded(expanded, trigger) {
-        const current = this.isExpanded();
-        if (!this.container || this.disabled || current === expanded)
-            return;
-        if (this.expanded === undefined)
-            this.internalExpanded = expanded;
-        dispatchDetail(this.host, 'expand', { id: this.itemId, expanded, trigger });
-        this.host.dispatchEvent(new CustomEvent('ui-tree-expansion-change'));
-    }
-    isExpanded() {
-        return this.expanded ?? this.internalExpanded;
-    }
-    onAutoExpand = () => {
-        this.setExpanded(true, 'pointer');
-    };
-    onRovingTabStop = (event) => {
-        this.tabStop = Boolean(event.detail?.active) && !this.disabled;
-    };
-    onExpansionRequest = (event) => {
-        const detail = event.detail;
-        if (typeof detail?.expanded === 'boolean')
-            this.setExpanded(detail.expanded, detail.trigger ?? 'keyboard');
-    };
-    onDisclosureClick = (event) => {
-        event.stopPropagation();
-        this.setExpanded(!this.isExpanded(), eventToTrigger(event));
-    };
-    onDisclosureKeydown = (event) => {
-        if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft')
-            return;
-        event.preventDefault();
-        event.stopPropagation();
-        this.setExpanded(event.key === 'ArrowRight', 'keyboard');
-    };
-    onRowClick = (event) => {
-        if (!this.container || this.disabled)
-            return;
-        const path = event.composedPath();
-        const interactive = path.some((node) => node instanceof HTMLElement && (node.matches('a, button, input, select, textarea, [role="button"], [role="link"]')
-            || node.getAttribute('slot') === 'actions'));
-        if (!interactive)
-            this.setExpanded(!this.isExpanded(), eventToTrigger(event));
-    };
-    render() {
-        const level = this.structuralLevel;
-        const expanded = this.isExpanded();
-        const disclosureLabel = `${expanded ? 'Collapse' : 'Expand'} ${this.label || 'item'}`;
-        const dragLabel = `Drag ${this.label || 'item'} to reorder`;
-        return (h(Host, { key: '0ce6384903be2181055c76808cd4664dcfa8de54', role: "treeitem", "aria-label": this.label || undefined, "aria-level": String(level), "aria-expanded": this.container ? String(expanded) : undefined, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "data-container": this.container ? '' : undefined, "data-selected": this.selected ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-drag-type": this.dragType || 'item', "data-drop-scope": this.dropScope || undefined, "data-accepts": this.accepts || undefined, tabIndex: this.disabled || !this.tabStop ? -1 : 0, style: {
-                '--ui-tree-item-depth': String(level - 1),
-                'margin-inline-start': level > 1 ? 'var(--ui-tree-indent, 16px)' : '0px',
-            } }, h("div", { key: '7d6923da8fd8be7fffc7cf345ac4d1211217c21a', class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? (h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, h("span", { innerHTML: loomaIconMarkup('grip-vertical') }))) : null, this.container ? (h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(expanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': expanded }, innerHTML: loomaIconMarkup('chevron-down') }))) : h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), h("span", { key: 'ef8959fc858b90c7ea26c8ff740cfe02fb372686', class: "leading", part: "leading" }, h("slot", { key: '1e00da2acd23ae6430e38b26502d9f3951461c93', name: "leading" })), h("span", { key: 'f37a63aa0c6e73f134442589314fae01e01cf782', class: "label", part: "label" }, h("slot", { key: 'f527d8a33927d72502d5cbbbe0cb5739d7bdbaf2' })), h("span", { key: 'de6492f81ac5747d913132c275abb9157d18deab', class: "actions", part: "actions" }, h("slot", { key: 'f5316e3a5fb67130ef1401253dc5ef6b7072840e', name: "actions" })), h("span", { key: '89da3b2bab7a953368810319148a644e62bc9a47', class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (h("div", { class: "children", part: "children", role: "group", hidden: !expanded }, h("slot", { name: "children" }))) : null, h("span", { key: '9a66f1ba72290a037ef02ccbd49243463ba34b67', class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })));
-    }
-    static get is() { return "ui-tree-item"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["ui-tree-item.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["ui-tree-item.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "itemId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Stable application identifier emitted by tree interaction events."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "item-id",
-                "defaultValue": "''"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Accessible name used by the disclosure and drag handle."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label",
-                "defaultValue": "''"
-            },
-            "dropDepth": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Application hierarchy depth override used for drop constraints. Defaults to structural nesting."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "drop-depth"
-            },
-            "subtreeDepth": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Virtualized-tree descendant-depth override for the tree's max-depth drop constraint."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "subtree-depth"
-            },
-            "container": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether this item accepts children and exposes disclosure behavior."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "container",
-                "defaultValue": "false"
-            },
-            "sortable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether this item participates in pointer drag and drop."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "sortable",
-                "defaultValue": "false"
-            },
-            "dragType": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Application-defined kind used to reject incompatible sibling drops."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "drag-type",
-                "defaultValue": "'item'"
-            },
-            "dropScope": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Application-defined parent/list identity included with reorder events."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "drop-scope",
-                "defaultValue": "''"
-            },
-            "accepts": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Comma-separated drag kinds accepted as children. Empty accepts every kind."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "accepts",
-                "defaultValue": "''"
-            },
-            "expanded": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Controlled expansion value. When omitted, `default-expanded` initializes uncontrolled state."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "expanded"
-            },
-            "defaultExpanded": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Initial uncontrolled expansion value."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "default-expanded",
-                "defaultValue": "false"
-            },
-            "selected": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "selected",
-                "defaultValue": "false"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "internalExpanded": {},
-            "structuralLevel": {},
-            "tabStop": {}
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "expanded",
-                "methodName": "syncExpandedFromProp"
-            }];
-    }
-}

package/dist/collection/field/combobox.js

@@ -1,4 +0,0 @@
-/** Map domain records at the boundary, preserving typed metadata for rich rows. */
-export function mapComboboxOptions(rows, map) {
-    return rows.map(row => ({ ...map(row), metadata: row }));
-}

package/dist/collection/field/editable.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/field/multi-combobox.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/field/valibot.js

@@ -1,5 +0,0 @@
-/** Valibot's Standard Schema implementation preserves async transforms and issue paths.
- * Type-only Valibot imports keep the adapter free of a schema-library runtime. */
-export function valibotField(schema, options = {}) {
-    return { ...options, schema };
-}