@threadlabs/looma 0.1.23 → 0.1.25

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

@@ -1,389 +0,0 @@
-import {
-  dispatchDetail,
-  eventToTrigger
-} from "./chunk-UL7UIUJZ.js";
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-GDMQKT5F.js";
-
-// dist/esm/ui-tree-item.entry.js
-var 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" }]
-];
-var 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" }]
-];
-var ChevronDown = [["path", { d: "m6 9 6 6 6-6" }]];
-var ChevronLeft = [["path", { d: "m15 18-6-6 6-6" }]];
-var CodeXml = [
-  ["path", { d: "m18 16 4-4-4-4" }],
-  ["path", { d: "m6 8-4 4 4 4" }],
-  ["path", { d: "m14.5 4-5 16" }]
-];
-var Columns3 = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M9 3v18" }],
-  ["path", { d: "M15 3v18" }]
-];
-var Ellipsis = [
-  ["circle", { cx: "12", cy: "12", r: "1" }],
-  ["circle", { cx: "19", cy: "12", r: "1" }],
-  ["circle", { cx: "5", cy: "12", r: "1" }]
-];
-var 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" }]
-];
-var 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" }]
-];
-var 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" }]
-];
-var Heading1 = [
-  ["path", { d: "M4 12h8" }],
-  ["path", { d: "M4 18V6" }],
-  ["path", { d: "M12 18V6" }],
-  ["path", { d: "m17 12 3-2v8" }]
-];
-var 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" }]
-];
-var 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" }]
-];
-var 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" }]
-];
-var 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" }]
-];
-var 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" }]
-];
-var 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" }]
-];
-var 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" }]
-];
-var 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" }]
-];
-var 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" }]
-];
-var Minus = [["path", { d: "M5 12h14" }]];
-var 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" }]
-];
-var PanelBottom = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M3 15h18" }]
-];
-var PanelLeft = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M9 3v18" }]
-];
-var PanelRight = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M15 3v18" }]
-];
-var PanelTop = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M3 9h18" }]
-];
-var Pilcrow = [
-  ["path", { d: "M13 4v16" }],
-  ["path", { d: "M17 4v16" }],
-  ["path", { d: "M19 4H9.5a4.5 4.5 0 0 0 0 9H13" }]
-];
-var Plus = [
-  ["path", { d: "M5 12h14" }],
-  ["path", { d: "M12 5v14" }]
-];
-var 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"
-    }
-  ]
-];
-var 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" }]
-];
-var Rows3 = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M21 9H3" }],
-  ["path", { d: "M21 15H3" }]
-];
-var 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" }]
-];
-var 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" }]
-];
-var 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"
-    }
-  ]
-];
-var TextAlignCenter = [
-  ["path", { d: "M21 5H3" }],
-  ["path", { d: "M17 12H7" }],
-  ["path", { d: "M19 19H5" }]
-];
-var TextAlignEnd = [
-  ["path", { d: "M21 5H3" }],
-  ["path", { d: "M21 12H9" }],
-  ["path", { d: "M21 19H7" }]
-];
-var TextAlignStart = [
-  ["path", { d: "M21 5H3" }],
-  ["path", { d: "M15 12H3" }],
-  ["path", { d: "M17 19H3" }]
-];
-var 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" }]
-];
-var Underline = [
-  ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }],
-  ["line", { x1: "4", x2: "20", y1: "20", y2: "20" }]
-];
-var 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" }]
-];
-var 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}>`;
-}
-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("");
-}
-var 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}}`;
-var 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;
-  /** Application hierarchy depth used for drop constraints. Defaults to visual depth. */
-  dropDepth;
-  /** Deepest descendant distance, used with 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 = "";
-  /** 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: "606f5fdac8a95489d0c62cd7d4918c6d5d0c759e", role: "treeitem", "aria-level": String(level), "aria-expanded": this.container ? String(this.internalExpanded) : void 0, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? "true" : void 0, "data-container": this.container ? "" : void 0, "data-selected": this.selected ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-drag-type": this.dragType || "item", "data-drop-scope": this.dropScope || void 0, "data-accepts": this.accepts || void 0, 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: "2b4bb03d4b24ef668f22b08e803f7f43c2d63ae5", 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: "e7b935158e35cdc6518bdd73d54c42dcfa211aee", class: "leading", part: "leading" }, h("slot", { key: "8448462349fd23b8be0fb673fc6e101bf94beaa7", name: "leading" })), h("span", { key: "e0b6338e1ec9ec043446e42c5f03724adf7e1862", class: "label", part: "label" }, h("slot", { key: "ed44e6f2ce3466c28d2b87fc7511399ecc339255" })), h("span", { key: "2aea78227904fe23cfc4b8e14852a4601e3cc34b", class: "actions", part: "actions" }, h("slot", { key: "7c6549008c2a54c3ea6fcdf9e0fdbe445d379922", name: "actions" })), h("span", { key: "05166ba04765bc518d6b95ca7ae5a67c4394d1bf", class: "drop-indicator row-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, h("span", { key: "7381d6e9e2a8f94695f29e73194b1603d79cefb9", 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
-};
-/**
- * @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.
- */