@threadlabs/looma 0.2.5 → 0.2.7

package/dist/esm/ui-textarea.entry.js

@@ -1,108 +0,0 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
-import { d as dispatchDetail, e as eventToTrigger } from './events-JwSoedEO.js';
-
-const uiTextareaCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(textarea){width:100%;appearance:none;border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);min-block-size:calc(var(--ui-space-12, 3rem) * 2);padding:var(--ui-space-2) var(--ui-space-3);margin:0;resize:vertical;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(textarea:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(textarea:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(textarea),::slotted(textarea[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(textarea:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(textarea:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
-
-const UITextarea = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get host() { return getElement(this); }
-    value;
-    defaultValue = '';
-    disabled = false;
-    invalid = false;
-    readOnly = false;
-    rows = 4;
-    internalValue = '';
-    slotRef;
-    syncFromProp() {
-        if (this.value !== undefined)
-            this.internalValue = this.value;
-    }
-    syncToTextarea() {
-        const textarea = this.getTextarea();
-        if (!textarea)
-            return;
-        this.host.dataset.invalid = this.invalid ? 'true' : '';
-        // An omitted host value leaves the slotted textarea under framework or
-        // native-form control instead of resetting it during component updates.
-        if (this.value !== undefined)
-            textarea.value = this.internalValue;
-        textarea.defaultValue = this.defaultValue;
-        textarea.disabled = this.disabled;
-        textarea.readOnly = this.readOnly;
-        textarea.rows = this.rows;
-        textarea.setAttribute('aria-invalid', this.invalid ? 'true' : 'false');
-    }
-    componentDidLoad() {
-        this.syncFromProp();
-        this.slotRef?.addEventListener('slotchange', () => this.syncToTextarea());
-        this.syncToTextarea();
-        const textarea = this.getTextarea();
-        textarea?.addEventListener('input', this.onInput);
-        textarea?.addEventListener('change', this.onChange);
-    }
-    disconnectedCallback() {
-        const textarea = this.getTextarea();
-        textarea?.removeEventListener('input', this.onInput);
-        textarea?.removeEventListener('change', this.onChange);
-    }
-    componentDidUpdate() {
-        this.syncToTextarea();
-    }
-    getTextarea() {
-        const slot = this.host.shadowRoot?.querySelector('slot');
-        const nodes = slot?.assignedElements() ?? Array.from(this.host.children);
-        return nodes.find((el) => el.tagName === 'TEXTAREA') ?? null;
-    }
-    onInput = (e) => {
-        const textarea = e.target;
-        if (!textarea)
-            return;
-        this.internalValue = textarea.value;
-        dispatchDetail(this.host, 'input', {
-            value: this.internalValue,
-            trigger: eventToTrigger(e),
-        });
-    };
-    onChange = (e) => {
-        const textarea = this.getTextarea();
-        if (!textarea)
-            return;
-        this.internalValue = textarea.value;
-        dispatchDetail(this.host, 'change', {
-            value: this.internalValue,
-            trigger: eventToTrigger(e),
-        });
-    };
-    render() {
-        return (h(Host, { key: 'a554edb1a0ef40a2c116e3064e52af7474e065e4', "data-invalid": this.invalid ? '' : undefined }, h("slot", { key: 'a4eb8034ec11f8b3b06ace7287410fd839004593', ref: (el) => (this.slotRef = el) })));
-    }
-    static get watchers() { return {
-        "value": [{
-                "syncFromProp": 0
-            }],
-        "internalValue": [{
-                "syncToTextarea": 0
-            }],
-        "defaultValue": [{
-                "syncToTextarea": 0
-            }],
-        "disabled": [{
-                "syncToTextarea": 0
-            }],
-        "invalid": [{
-                "syncToTextarea": 0
-            }],
-        "readOnly": [{
-                "syncToTextarea": 0
-            }],
-        "rows": [{
-                "syncToTextarea": 0
-            }]
-    }; }
-};
-UITextarea.style = uiTextareaCss();
-
-export { UITextarea as ui_textarea };

package/dist/esm/ui-toast-region.entry.js

@@ -1,91 +0,0 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
-import { d as dispatchDetail, e as eventToTrigger } from './events-JwSoedEO.js';
-import { b as createViewportSurface } from './positioning-ZOr-2PSe.js';
-
-const uiToastRegionCss = () => `:host{position:fixed;top:calc(var(--ui-space-4) + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);inline-size:min(24rem, calc(100vw - (var(--ui-space-4) * 2)));max-inline-size:100%;pointer-events:none}:host([popover]){right:auto;bottom:auto;margin:0}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}`;
-
-const UIToastRegion = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get host() { return getElement(this); }
-    open = true;
-    internalOpen = false;
-    surface = null;
-    contentObserver = null;
-    pendingDismiss = null;
-    syncFromProp() {
-        this.syncContents();
-    }
-    syncSurface() {
-        if (this.internalOpen)
-            this.surface?.show();
-        else
-            this.surface?.hide();
-    }
-    componentDidLoad() {
-        this.surface = createViewportSurface(this.host);
-        this.contentObserver = new MutationObserver(this.syncContents);
-        this.contentObserver.observe(this.host, { childList: true, subtree: true });
-        this.syncContents();
-        this.syncSurface();
-        this.host.addEventListener('click', this.onClick);
-    }
-    disconnectedCallback() {
-        this.host.removeEventListener('click', this.onClick);
-        this.contentObserver?.disconnect();
-        this.contentObserver = null;
-        this.surface?.destroy();
-        this.surface = null;
-    }
-    getToasts() {
-        return Array.from(this.host.querySelectorAll('[data-ui-toast]'));
-    }
-    syncContents = () => {
-        const nextOpen = this.open && this.getToasts().length > 0;
-        const wasOpen = this.internalOpen;
-        const completedDismiss = this.pendingDismiss && !this.host.contains(this.pendingDismiss.toast)
-            ? this.pendingDismiss
-            : null;
-        this.internalOpen = nextOpen;
-        if (wasOpen && !nextOpen && completedDismiss) {
-            dispatchDetail(this.host, 'close', {
-                open: false,
-                reason: 'action',
-                trigger: completedDismiss.trigger,
-            });
-        }
-        if (completedDismiss || !this.open)
-            this.pendingDismiss = null;
-    };
-    onClick = (e) => {
-        const dismissBtn = e.target.closest?.('[data-ui-toast-dismiss]');
-        if (!dismissBtn)
-            return;
-        const toast = dismissBtn.closest?.('[data-ui-toast]');
-        if (!toast)
-            return;
-        const id = toast.id ?? '';
-        const trigger = eventToTrigger(e);
-        this.pendingDismiss = { toast: toast, trigger };
-        dispatchDetail(this.host, 'dismiss', {
-            id,
-            reason: 'action',
-            trigger,
-        });
-    };
-    render() {
-        return (h(Host, { key: '9f9c2e14150c631c0f7cb427c693dcd52c20897d', role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? '' : undefined }, h("slot", { key: '9e1d9ebb6b587afab2c4302241cecb03a321cee1' })));
-    }
-    static get watchers() { return {
-        "open": [{
-                "syncFromProp": 0
-            }],
-        "internalOpen": [{
-                "syncSurface": 0
-            }]
-    }; }
-};
-UIToastRegion.style = uiToastRegionCss();
-
-export { UIToastRegion as ui_toast_region };

package/dist/esm/ui-top-bar.entry.js

@@ -1,41 +0,0 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
-
-const uiTopBarCss = () => `: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}}`;
-
-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;
-    });
-}
-const UITopBar = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get host() { return getElement(this); }
-    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 })))));
-    }
-};
-UITopBar.style = uiTopBarCss();
-
-export { UITopBar as ui_top_bar };

package/dist/esm/ui-tree-item.entry.js

@@ -1,133 +0,0 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
-import { d as dispatchDetail, e as eventToTrigger } from './events-JwSoedEO.js';
-import { l as loomaIconMarkup } from './icons-CoFximGM.js';
-
-const uiTreeItemCss = () => `: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}}`;
-
-const UITreeItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get host() { return getElement(this); }
-    /** 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 watchers() { return {
-        "expanded": [{
-                "syncExpandedFromProp": 0
-            }]
-    }; }
-};
-UITreeItem.style = uiTreeItemCss();
-
-export { UITreeItem as ui_tree_item };