@threadlabs/looma 0.1.14 → 0.1.16

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

@@ -0,0 +1,692 @@
+import { r as registerInstance, g as getElement, h, H as Host } from './index-CEeiinfk.js';
+import { d as dispatchDetail, e as eventToTrigger } from './events-JwSoedEO.js';
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Bold = [
+  ["path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Braces = [
+  ["path", { d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1" }],
+  ["path", { d: "M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const ChevronDown = [["path", { d: "m6 9 6 6 6-6" }]];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const ChevronLeft = [["path", { d: "m15 18-6-6 6-6" }]];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const CodeXml = [
+  ["path", { d: "m18 16 4-4-4-4" }],
+  ["path", { d: "m6 8-4 4 4 4" }],
+  ["path", { d: "m14.5 4-5 16" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Columns3 = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+  ["path", { d: "M9 3v18" }],
+  ["path", { d: "M15 3v18" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Ellipsis = [
+  ["circle", { cx: "12", cy: "12", r: "1" }],
+  ["circle", { cx: "19", cy: "12", r: "1" }],
+  ["circle", { cx: "5", cy: "12", r: "1" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Eraser = [
+  [
+    "path",
+    {
+      d: "M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21"
+    }
+  ],
+  ["path", { d: "m5.082 11.09 8.828 8.828" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const GripHorizontal = [
+  ["circle", { cx: "12", cy: "9", r: "1" }],
+  ["circle", { cx: "19", cy: "9", r: "1" }],
+  ["circle", { cx: "5", cy: "9", r: "1" }],
+  ["circle", { cx: "12", cy: "15", r: "1" }],
+  ["circle", { cx: "19", cy: "15", r: "1" }],
+  ["circle", { cx: "5", cy: "15", r: "1" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const GripVertical = [
+  ["circle", { cx: "9", cy: "12", r: "1" }],
+  ["circle", { cx: "9", cy: "5", r: "1" }],
+  ["circle", { cx: "9", cy: "19", r: "1" }],
+  ["circle", { cx: "15", cy: "12", r: "1" }],
+  ["circle", { cx: "15", cy: "5", r: "1" }],
+  ["circle", { cx: "15", cy: "19", r: "1" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Heading1 = [
+  ["path", { d: "M4 12h8" }],
+  ["path", { d: "M4 18V6" }],
+  ["path", { d: "M12 18V6" }],
+  ["path", { d: "m17 12 3-2v8" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Heading2 = [
+  ["path", { d: "M4 12h8" }],
+  ["path", { d: "M4 18V6" }],
+  ["path", { d: "M12 18V6" }],
+  ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Heading3 = [
+  ["path", { d: "M4 12h8" }],
+  ["path", { d: "M4 18V6" }],
+  ["path", { d: "M12 18V6" }],
+  ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2" }],
+  ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Highlighter = [
+  ["path", { d: "m9 11-6 6v3h9l3-3" }],
+  ["path", { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Image = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }],
+  ["circle", { cx: "9", cy: "9", r: "2" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Italic = [
+  ["line", { x1: "19", x2: "10", y1: "4", y2: "4" }],
+  ["line", { x1: "14", x2: "5", y1: "20", y2: "20" }],
+  ["line", { x1: "15", x2: "9", y1: "4", y2: "20" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const ListOrdered = [
+  ["path", { d: "M11 5h10" }],
+  ["path", { d: "M11 12h10" }],
+  ["path", { d: "M11 19h10" }],
+  ["path", { d: "M4 4h1v5" }],
+  ["path", { d: "M4 9h2" }],
+  ["path", { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const ListTodo = [
+  ["path", { d: "M13 5h8" }],
+  ["path", { d: "M13 12h8" }],
+  ["path", { d: "M13 19h8" }],
+  ["path", { d: "m3 17 2 2 4-4" }],
+  ["rect", { x: "3", y: "4", width: "6", height: "6", rx: "1" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const List = [
+  ["path", { d: "M3 5h.01" }],
+  ["path", { d: "M3 12h.01" }],
+  ["path", { d: "M3 19h.01" }],
+  ["path", { d: "M8 5h13" }],
+  ["path", { d: "M8 12h13" }],
+  ["path", { d: "M8 19h13" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Merge = [
+  ["path", { d: "m8 6 4-4 4 4" }],
+  ["path", { d: "M12 2v10.3a4 4 0 0 1-1.172 2.872L4 22" }],
+  ["path", { d: "m20 22-5-5" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Minus = [["path", { d: "M5 12h14" }]];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const PaintBucket = [
+  ["path", { d: "m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z" }],
+  ["path", { d: "m5 2 5 5" }],
+  ["path", { d: "M2 13h15" }],
+  ["path", { d: "M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const PanelBottom = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+  ["path", { d: "M3 15h18" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const PanelLeft = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+  ["path", { d: "M9 3v18" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const PanelRight = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+  ["path", { d: "M15 3v18" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const PanelTop = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+  ["path", { d: "M3 9h18" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Pilcrow = [
+  ["path", { d: "M13 4v16" }],
+  ["path", { d: "M17 4v16" }],
+  ["path", { d: "M19 4H9.5a4.5 4.5 0 0 0 0 9H13" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Plus = [
+  ["path", { d: "M5 12h14" }],
+  ["path", { d: "M12 5v14" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Quote = [
+  [
+    "path",
+    {
+      d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"
+    }
+  ]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Redo2 = [
+  ["path", { d: "m15 14 5-5-5-5" }],
+  ["path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Rows3 = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+  ["path", { d: "M21 9H3" }],
+  ["path", { d: "M21 15H3" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Split = [
+  ["path", { d: "M16 3h5v5" }],
+  ["path", { d: "M8 3H3v5" }],
+  ["path", { d: "M12 22v-8.3a4 4 0 0 0-1.172-2.872L3 3" }],
+  ["path", { d: "m15 9 6-6" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Strikethrough = [
+  ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }],
+  ["path", { d: "M14 12a4 4 0 0 1 0 8H6" }],
+  ["line", { x1: "4", x2: "20", y1: "12", y2: "12" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Table2 = [
+  [
+    "path",
+    {
+      d: "M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"
+    }
+  ]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const TextAlignCenter = [
+  ["path", { d: "M21 5H3" }],
+  ["path", { d: "M17 12H7" }],
+  ["path", { d: "M19 19H5" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const TextAlignEnd = [
+  ["path", { d: "M21 5H3" }],
+  ["path", { d: "M21 12H9" }],
+  ["path", { d: "M21 19H7" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const TextAlignStart = [
+  ["path", { d: "M21 5H3" }],
+  ["path", { d: "M15 12H3" }],
+  ["path", { d: "M17 19H3" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Trash2 = [
+  ["path", { d: "M10 11v6" }],
+  ["path", { d: "M14 11v6" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }],
+  ["path", { d: "M3 6h18" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Underline = [
+  ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }],
+  ["line", { x1: "4", x2: "20", y1: "20", y2: "20" }]
+];
+
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const Undo2 = [
+  ["path", { d: "M9 14 4 9l5-5" }],
+  ["path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11" }]
+];
+
+/** The opinionated Lucide set used by Looma's shipped interaction surfaces. */
+const LOOMA_ICONS = {
+    'align-center': TextAlignCenter,
+    'align-left': TextAlignStart,
+    'align-right': TextAlignEnd,
+    bold: Bold,
+    braces: Braces,
+    'chevron-down': ChevronDown,
+    'chevron-left': ChevronLeft,
+    'code-xml': CodeXml,
+    columns: Columns3,
+    ellipsis: Ellipsis,
+    eraser: Eraser,
+    'grip-horizontal': GripHorizontal,
+    'grip-vertical': GripVertical,
+    'heading-1': Heading1,
+    'heading-2': Heading2,
+    'heading-3': Heading3,
+    highlighter: Highlighter,
+    image: Image,
+    italic: Italic,
+    list: List,
+    'list-ordered': ListOrdered,
+    'list-todo': ListTodo,
+    merge: Merge,
+    minus: Minus,
+    'paint-bucket': PaintBucket,
+    'panel-bottom': PanelBottom,
+    'panel-left': PanelLeft,
+    'panel-right': PanelRight,
+    'panel-top': PanelTop,
+    pilcrow: Pilcrow,
+    plus: Plus,
+    quote: Quote,
+    redo: Redo2,
+    rows: Rows3,
+    split: Split,
+    strikethrough: Strikethrough,
+    table: Table2,
+    trash: Trash2,
+    underline: Underline,
+    undo: Undo2,
+};
+function serializeAttributes(attributes) {
+    return Object.entries(attributes)
+        .map(([name, value]) => ` ${name}="${escapeAttribute(value)}"`)
+        .join('');
+}
+function escapeAttribute(value) {
+    return String(value).replaceAll('&', '&').replaceAll('"', '"');
+}
+function serializeIconNode(node) {
+    const [tag, attributes] = node;
+    return `<${tag}${serializeAttributes(attributes)}></${tag}>`;
+}
+/** Creates consistent, currentColor-driven SVG markup for framework-neutral components. */
+function loomaIconMarkup(name, className = 'looma-icon') {
+    return [
+        `<svg class="${escapeAttribute(className)}" data-looma-icon="${name}" aria-hidden="true" focusable="false"`,
+        ' viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"',
+        ' stroke-linecap="round" stroke-linejoin="round">',
+        LOOMA_ICONS[name].map(serializeIconNode).join(''),
+        '</svg>',
+    ].join('');
+}
+
+const uiTreeItemCss = () => `:host{--ui-tree-indent:16px;--ui-tree-row-min-height:44px;--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;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)}.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']) .drop-indicator{display:block;inset-block-start:-1px}:host([data-drop-position='after']) .drop-indicator{display:block;inset-block-end:-1px}.children[hidden]{display:none}@media (hover: none), (pointer: coarse){.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 = '';
+    /** One-based visual and semantic nesting level. */
+    depth = 1;
+    /** 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 = '';
+    /** Initial controlled expansion value. */
+    expanded = false;
+    /** Initial uncontrolled expansion value. */
+    defaultExpanded = false;
+    selected = false;
+    disabled = false;
+    internalExpanded = false;
+    syncExpandedFromProp() {
+        this.internalExpanded = this.expanded;
+    }
+    componentWillLoad() {
+        this.internalExpanded = this.expanded || this.defaultExpanded;
+    }
+    componentDidLoad() {
+        this.host.addEventListener('ui-tree-auto-expand', this.onAutoExpand);
+    }
+    disconnectedCallback() {
+        this.host.removeEventListener('ui-tree-auto-expand', this.onAutoExpand);
+    }
+    setExpanded(expanded, trigger) {
+        if (!this.container || this.disabled || this.internalExpanded === expanded)
+            return;
+        this.internalExpanded = expanded;
+        dispatchDetail(this.host, 'expand', { id: this.itemId, expanded, trigger });
+    }
+    onAutoExpand = () => {
+        this.setExpanded(true, 'pointer');
+    };
+    onDisclosureClick = (event) => {
+        event.stopPropagation();
+        this.setExpanded(!this.internalExpanded, 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.internalExpanded, eventToTrigger(event));
+    };
+    render() {
+        const level = Math.max(1, Math.floor(this.depth));
+        const disclosureLabel = `${this.internalExpanded ? 'Collapse' : 'Expand'} ${this.label || 'item'}`;
+        const dragLabel = `Drag ${this.label || 'item'} to reorder`;
+        return (h(Host, { key: 'ea8ed538aa3883c87257a25614a066965364693f', role: "treeitem", "aria-level": String(level), "aria-expanded": this.container ? String(this.internalExpanded) : 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 ? -1 : 0, style: {
+                '--ui-tree-item-depth': String(level - 1),
+                'margin-inline-start': level > 1 ? 'var(--ui-tree-indent, 16px)' : '0px',
+            } }, h("div", { key: '740b93aa47e65d8a1cb899d4b9c966d9ad1d456f', 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(this.internalExpanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': this.internalExpanded }, innerHTML: loomaIconMarkup('chevron-down') }))) : h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), h("span", { key: '37e1b7f1cdddf623734becef465ffde83d8b86f2', class: "leading", part: "leading" }, h("slot", { key: '0ab3a60c98628f009918d0d720772154912d2709', name: "leading" })), h("span", { key: 'defdd343f25a0f4354110e981f3889e1d09c27ee', class: "label", part: "label" }, h("slot", { key: 'bde46ccacc1a620348062fc300503c4f1736316b' })), h("span", { key: 'caff9ada38c41be90aeb6e331f4c54a51f31d26c', class: "actions", part: "actions" }, h("slot", { key: 'e11704d6871445c91eaa29c99302d8b751be69d3', name: "actions" })), h("span", { key: '7e40559d6c5ba56710bc705083ad2ede3046e0b1', class: "drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (h("div", { class: "children", part: "children", role: "group", hidden: !this.internalExpanded }, h("slot", { name: "children" }))) : null));
+    }
+    static get watchers() { return {
+        "expanded": [{
+                "syncExpandedFromProp": 0
+            }]
+    }; }
+};
+UITreeItem.style = uiTreeItemCss();
+
+export { UITreeItem as ui_tree_item };