@threadlabs/looma 0.1.20 → 0.1.22

package/dist/{chunk-RLSUA6N5.js → chunk-NIPNHZ5W.js}

@@ -6,35 +6,35 @@ var __glob = (map) => (path) => {
 
 // import("./**/*.entry.js") in dist/esm/index-CEeiinfk.js
 var globImport_entry_js = __glob({
-  "./ui-affordance-scope.entry.js": () => import("./ui-affordance-scope.entry-TEYCR7NX.js"),
-  "./ui-avatar-group.entry.js": () => import("./ui-avatar-group.entry-Z2JCVPMM.js"),
-  "./ui-avatar.entry.js": () => import("./ui-avatar.entry-CDDUQV4B.js"),
-  "./ui-badge.entry.js": () => import("./ui-badge.entry-ELFAXPKR.js"),
-  "./ui-button.entry.js": () => import("./ui-button.entry-S5GEJ55S.js"),
-  "./ui-checkbox.entry.js": () => import("./ui-checkbox.entry-NFXU5LDX.js"),
-  "./ui-context-menu.entry.js": () => import("./ui-context-menu.entry-W5F6LBEC.js"),
-  "./ui-dialog.entry.js": () => import("./ui-dialog.entry-G2K37IUH.js"),
-  "./ui-disclosure.entry.js": () => import("./ui-disclosure.entry-JO3XAMCC.js"),
-  "./ui-floating-action-button.entry.js": () => import("./ui-floating-action-button.entry-EXXENSSO.js"),
-  "./ui-form-field.entry.js": () => import("./ui-form-field.entry-L62S6Z62.js"),
-  "./ui-icon-button.entry.js": () => import("./ui-icon-button.entry-D7I7BV27.js"),
-  "./ui-input.entry.js": () => import("./ui-input.entry-YDFDXMZE.js"),
-  "./ui-menu-item.entry.js": () => import("./ui-menu-item.entry-QH7UGDFX.js"),
-  "./ui-menu.entry.js": () => import("./ui-menu.entry-YIQOPJOS.js"),
-  "./ui-popover.entry.js": () => import("./ui-popover.entry-XN2IOEYH.js"),
-  "./ui-radio-group.entry.js": () => import("./ui-radio-group.entry-C7ESTJSS.js"),
-  "./ui-radio.entry.js": () => import("./ui-radio.entry-AKVI5OUS.js"),
-  "./ui-search-result-row.entry.js": () => import("./ui-search-result-row.entry-3BY6GUCL.js"),
-  "./ui-search-shell.entry.js": () => import("./ui-search-shell.entry-2Z3GUR2I.js"),
-  "./ui-select.entry.js": () => import("./ui-select.entry-2YQLACCA.js"),
-  "./ui-switch.entry.js": () => import("./ui-switch.entry-N5HDUJIW.js"),
-  "./ui-tabs.entry.js": () => import("./ui-tabs.entry-FVOVVZOQ.js"),
-  "./ui-textarea.entry.js": () => import("./ui-textarea.entry-ZFGGCBLG.js"),
-  "./ui-toast-region.entry.js": () => import("./ui-toast-region.entry-AA2DEUUZ.js"),
-  "./ui-tooltip.entry.js": () => import("./ui-tooltip.entry-WN4PYNTZ.js"),
-  "./ui-top-bar.entry.js": () => import("./ui-top-bar.entry-ZYYXC7OA.js"),
-  "./ui-tree-item.entry.js": () => import("./ui-tree-item.entry-HWCNTX6N.js"),
-  "./ui-tree.entry.js": () => import("./ui-tree.entry-6NPGKN5P.js")
+  "./ui-affordance-scope.entry.js": () => import("./ui-affordance-scope.entry-L533MECG.js"),
+  "./ui-avatar-group.entry.js": () => import("./ui-avatar-group.entry-BWS7E2CM.js"),
+  "./ui-avatar.entry.js": () => import("./ui-avatar.entry-3INAY3XP.js"),
+  "./ui-badge.entry.js": () => import("./ui-badge.entry-2WOBVOYP.js"),
+  "./ui-button.entry.js": () => import("./ui-button.entry-VCGSEONK.js"),
+  "./ui-checkbox.entry.js": () => import("./ui-checkbox.entry-2PTBHSCQ.js"),
+  "./ui-context-menu.entry.js": () => import("./ui-context-menu.entry-AYDDCIZS.js"),
+  "./ui-dialog.entry.js": () => import("./ui-dialog.entry-I2XI3ZTZ.js"),
+  "./ui-disclosure.entry.js": () => import("./ui-disclosure.entry-5LY2BT7B.js"),
+  "./ui-floating-action-button.entry.js": () => import("./ui-floating-action-button.entry-EJAMR5AM.js"),
+  "./ui-form-field.entry.js": () => import("./ui-form-field.entry-SJ6NNFXB.js"),
+  "./ui-icon-button.entry.js": () => import("./ui-icon-button.entry-7SD2LVXE.js"),
+  "./ui-input.entry.js": () => import("./ui-input.entry-7MM7GEQW.js"),
+  "./ui-menu-item.entry.js": () => import("./ui-menu-item.entry-V3HIMR75.js"),
+  "./ui-menu.entry.js": () => import("./ui-menu.entry-R4WK5QSX.js"),
+  "./ui-popover.entry.js": () => import("./ui-popover.entry-ZRJRTXA7.js"),
+  "./ui-radio-group.entry.js": () => import("./ui-radio-group.entry-S6RXHFSN.js"),
+  "./ui-radio.entry.js": () => import("./ui-radio.entry-B73QZK2M.js"),
+  "./ui-search-result-row.entry.js": () => import("./ui-search-result-row.entry-DR2Y5S7P.js"),
+  "./ui-search-shell.entry.js": () => import("./ui-search-shell.entry-ST5IKJBC.js"),
+  "./ui-select.entry.js": () => import("./ui-select.entry-7GPRFV67.js"),
+  "./ui-switch.entry.js": () => import("./ui-switch.entry-XQ5IRJRH.js"),
+  "./ui-tabs.entry.js": () => import("./ui-tabs.entry-HPW5L5CY.js"),
+  "./ui-textarea.entry.js": () => import("./ui-textarea.entry-W2PSRYVS.js"),
+  "./ui-toast-region.entry.js": () => import("./ui-toast-region.entry-FJUHFXKZ.js"),
+  "./ui-tooltip.entry.js": () => import("./ui-tooltip.entry-G5WHQW7K.js"),
+  "./ui-top-bar.entry.js": () => import("./ui-top-bar.entry-3NCHFC4Y.js"),
+  "./ui-tree-item.entry.js": () => import("./ui-tree-item.entry-45RR3CMP.js"),
+  "./ui-tree.entry.js": () => import("./ui-tree.entry-SZW4Q5PY.js")
 });
 
 // dist/esm/index-CEeiinfk.js

package/dist/cjs/ui-tree.cjs.entry.js

@@ -71,6 +71,8 @@ const UITree = class {
     componentDidLoad() {
         this.hoverIntent = createHoverIntent(this.hoverExpandDelay, this.expandTarget);
         this.host.addEventListener('dragstart', this.onDragStart);
+        this.host.addEventListener('drag', this.onDrag);
+        this.host.addEventListener('dragenter', this.onDragOver);
         this.host.addEventListener('dragover', this.onDragOver);
         this.host.addEventListener('dragleave', this.onDragLeave);
         this.host.addEventListener('drop', this.onDrop);
@@ -80,6 +82,8 @@ const UITree = class {
     disconnectedCallback() {
         this.hoverIntent?.destroy();
         this.host.removeEventListener('dragstart', this.onDragStart);
+        this.host.removeEventListener('drag', this.onDrag);
+        this.host.removeEventListener('dragenter', this.onDragOver);
         this.host.removeEventListener('dragover', this.onDragOver);
         this.host.removeEventListener('dragleave', this.onDragLeave);
         this.host.removeEventListener('drop', this.onDrop);
@@ -106,6 +110,16 @@ const UITree = class {
         }
         return null;
     }
+    isWithinTree(node) {
+        let element = node instanceof HTMLElement ? node : null;
+        while (element) {
+            if (element === this.host || this.host.contains(element))
+                return true;
+            const root = element.getRootNode();
+            element = root instanceof ShadowRoot ? root.host : element.parentElement;
+        }
+        return false;
+    }
     acceptsChildren(item) {
         return Boolean(item.container ?? item.hasAttribute('container'))
             && !Boolean(item.disabled ?? item.hasAttribute('disabled'));
@@ -176,27 +190,25 @@ const UITree = class {
         }
         setElementDragImage(event.dataTransfer, row);
     };
-    onDragOver = (event) => {
+    updateTarget(target, clientY, dataTransfer) {
         if (!this.source)
-            return;
-        const target = this.itemFromEvent(event);
+            return false;
         if (!target || target === this.source) {
             this.clearTarget();
-            return;
+            return false;
         }
         const row = this.rowFor(target);
         if (!row)
-            return;
-        const position = classifyDropPosition(row.getBoundingClientRect(), event.clientY, this.acceptsChildren(target));
+            return false;
+        const position = classifyDropPosition(row.getBoundingClientRect(), clientY, this.acceptsChildren(target));
         if (!this.permitsDrop(this.source, target, position)) {
-            if (event.dataTransfer)
-                event.dataTransfer.dropEffect = 'none';
+            if (dataTransfer)
+                dataTransfer.dropEffect = 'none';
             this.clearTarget();
-            return;
+            return false;
         }
-        event.preventDefault();
-        if (event.dataTransfer)
-            event.dataTransfer.dropEffect = 'move';
+        if (dataTransfer)
+            dataTransfer.dropEffect = 'move';
         if (this.target !== target || this.position !== position) {
             this.clearTarget();
             this.target = target;
@@ -209,10 +221,31 @@ const UITree = class {
         else {
             this.hoverIntent?.cancel();
         }
+        return true;
+    }
+    onDrag = (event) => {
+        if (!this.source || (event.clientX === 0 && event.clientY === 0))
+            return;
+        const target = this.itemAtPoint(event.clientX, event.clientY);
+        // Native dragenter does not fire when a nested source moves onto an
+        // ancestor row: the pointer was already inside that ancestor's host. The
+        // source drag event still carries the live pointer coordinates, so use it
+        // to keep ancestor/outdent feedback current.
+        if (target)
+            this.updateTarget(target, event.clientY, event.dataTransfer);
+    };
+    onDragOver = (event) => {
+        if (!this.source)
+            return;
+        const target = this.itemFromEvent(event);
+        if (this.updateTarget(target, event.clientY, event.dataTransfer)) {
+            event.preventDefault();
+        }
     };
     onDragLeave = (event) => {
-        const related = event.relatedTarget;
-        if (related instanceof Node && this.host.contains(related))
+        if (this.isWithinTree(event.relatedTarget))
+            return;
+        if (this.itemAtPoint(event.clientX, event.clientY))
             return;
         this.clearTarget();
     };
@@ -275,7 +308,7 @@ const UITree = class {
         next.focus();
     };
     render() {
-        return (index.h(index.Host, { key: '9668f6170cec944d7b993bf0f98637d8908f5962', role: "tree", "aria-label": this.label || 'Tree' }, index.h("slot", { key: '93140b9a53ca3cddfdc1206e952ca713559dbc2f' })));
+        return (index.h(index.Host, { key: '7da064127eb199f5e2cfc59489a07204c9dac2f2', role: "tree", "aria-label": this.label || 'Tree' }, index.h("slot", { key: '31a98a6774ab35e565dab65f1dd8202494432b32' })));
     }
 };
 UITree.style = uiTreeCss();

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

@@ -12,6 +12,8 @@ export class UITree {
     componentDidLoad() {
         this.hoverIntent = createHoverIntent(this.hoverExpandDelay, this.expandTarget);
         this.host.addEventListener('dragstart', this.onDragStart);
+        this.host.addEventListener('drag', this.onDrag);
+        this.host.addEventListener('dragenter', this.onDragOver);
         this.host.addEventListener('dragover', this.onDragOver);
         this.host.addEventListener('dragleave', this.onDragLeave);
         this.host.addEventListener('drop', this.onDrop);
@@ -21,6 +23,8 @@ export class UITree {
     disconnectedCallback() {
         this.hoverIntent?.destroy();
         this.host.removeEventListener('dragstart', this.onDragStart);
+        this.host.removeEventListener('drag', this.onDrag);
+        this.host.removeEventListener('dragenter', this.onDragOver);
         this.host.removeEventListener('dragover', this.onDragOver);
         this.host.removeEventListener('dragleave', this.onDragLeave);
         this.host.removeEventListener('drop', this.onDrop);
@@ -47,6 +51,16 @@ export class UITree {
         }
         return null;
     }
+    isWithinTree(node) {
+        let element = node instanceof HTMLElement ? node : null;
+        while (element) {
+            if (element === this.host || this.host.contains(element))
+                return true;
+            const root = element.getRootNode();
+            element = root instanceof ShadowRoot ? root.host : element.parentElement;
+        }
+        return false;
+    }
     acceptsChildren(item) {
         return Boolean(item.container ?? item.hasAttribute('container'))
             && !Boolean(item.disabled ?? item.hasAttribute('disabled'));
@@ -117,27 +131,25 @@ export class UITree {
         }
         setElementDragImage(event.dataTransfer, row);
     };
-    onDragOver = (event) => {
+    updateTarget(target, clientY, dataTransfer) {
         if (!this.source)
-            return;
-        const target = this.itemFromEvent(event);
+            return false;
         if (!target || target === this.source) {
             this.clearTarget();
-            return;
+            return false;
         }
         const row = this.rowFor(target);
         if (!row)
-            return;
-        const position = classifyDropPosition(row.getBoundingClientRect(), event.clientY, this.acceptsChildren(target));
+            return false;
+        const position = classifyDropPosition(row.getBoundingClientRect(), clientY, this.acceptsChildren(target));
         if (!this.permitsDrop(this.source, target, position)) {
-            if (event.dataTransfer)
-                event.dataTransfer.dropEffect = 'none';
+            if (dataTransfer)
+                dataTransfer.dropEffect = 'none';
             this.clearTarget();
-            return;
+            return false;
         }
-        event.preventDefault();
-        if (event.dataTransfer)
-            event.dataTransfer.dropEffect = 'move';
+        if (dataTransfer)
+            dataTransfer.dropEffect = 'move';
         if (this.target !== target || this.position !== position) {
             this.clearTarget();
             this.target = target;
@@ -150,10 +162,31 @@ export class UITree {
         else {
             this.hoverIntent?.cancel();
         }
+        return true;
+    }
+    onDrag = (event) => {
+        if (!this.source || (event.clientX === 0 && event.clientY === 0))
+            return;
+        const target = this.itemAtPoint(event.clientX, event.clientY);
+        // Native dragenter does not fire when a nested source moves onto an
+        // ancestor row: the pointer was already inside that ancestor's host. The
+        // source drag event still carries the live pointer coordinates, so use it
+        // to keep ancestor/outdent feedback current.
+        if (target)
+            this.updateTarget(target, event.clientY, event.dataTransfer);
+    };
+    onDragOver = (event) => {
+        if (!this.source)
+            return;
+        const target = this.itemFromEvent(event);
+        if (this.updateTarget(target, event.clientY, event.dataTransfer)) {
+            event.preventDefault();
+        }
     };
     onDragLeave = (event) => {
-        const related = event.relatedTarget;
-        if (related instanceof Node && this.host.contains(related))
+        if (this.isWithinTree(event.relatedTarget))
+            return;
+        if (this.itemAtPoint(event.clientX, event.clientY))
             return;
         this.clearTarget();
     };
@@ -216,7 +249,7 @@ export class UITree {
         next.focus();
     };
     render() {
-        return (h(Host, { key: '9668f6170cec944d7b993bf0f98637d8908f5962', role: "tree", "aria-label": this.label || 'Tree' }, h("slot", { key: '93140b9a53ca3cddfdc1206e952ca713559dbc2f' })));
+        return (h(Host, { key: '7da064127eb199f5e2cfc59489a07204c9dac2f2', role: "tree", "aria-label": this.label || 'Tree' }, h("slot", { key: '31a98a6774ab35e565dab65f1dd8202494432b32' })));
     }
     static get is() { return "ui-tree"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/ui-tree.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,c as s,t as r}from"./p-CIA4RyEp.js";import{d as n}from"./p-JwSoedEO.js";function o(t,e,i){const s=t.height>0?Math.min(1,Math.max(0,(e-t.top)/t.height)):.5;return i?s<.25?"before":s>.75?"after":"inside":s<.5?"before":"after"}const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}label="Tree";hoverExpandDelay=700;source=null;target=null;position=null;hoverIntent=null;componentDidLoad(){this.hoverIntent=function(t,e){let i,s;function r(){i&&clearTimeout(i),i=void 0,s=void 0}return{schedule(n){s===n&&i||(r(),s=n,i=setTimeout((()=>{i=void 0;const t=s;s=void 0,t&&e(t)}),Math.max(0,t)))},cancel:r,destroy:r}}(this.hoverExpandDelay,this.expandTarget),this.host.addEventListener("dragstart",this.onDragStart),this.host.addEventListener("dragover",this.onDragOver),this.host.addEventListener("dragleave",this.onDragLeave),this.host.addEventListener("drop",this.onDrop),this.host.addEventListener("dragend",this.onDragEnd),this.host.addEventListener("keydown",this.onKeyDown)}disconnectedCallback(){this.hoverIntent?.destroy(),this.host.removeEventListener("dragstart",this.onDragStart),this.host.removeEventListener("dragover",this.onDragOver),this.host.removeEventListener("dragleave",this.onDragLeave),this.host.removeEventListener("drop",this.onDrop),this.host.removeEventListener("dragend",this.onDragEnd),this.host.removeEventListener("keydown",this.onKeyDown)}itemFromEvent(t){return t.composedPath().find((t=>t instanceof e&&"ui-tree-item"===t.localName))??null}itemId(t){return t.itemId||t.getAttribute("item-id")||""}rowFor(t){return t.shadowRoot?.querySelector('[part="row"]')??null}itemAtPoint(t,e){let i=this.host.ownerDocument.elementFromPoint(t,e);for(;i;){if("ui-tree-item"===i.localName&&this.host.contains(i))return i;const t=i.getRootNode();i=t instanceof ShadowRoot?t.host:i.parentElement}return null}acceptsChildren(t){return!!(t.container??t.hasAttribute("container"))&&!(t.disabled??t.hasAttribute("disabled"))}itemMetadata(t){return{type:t.getAttribute("data-drag-type")||t.getAttribute("drag-type")||"item",scope:t.getAttribute("data-drop-scope")||t.getAttribute("drop-scope")||"",accepts:(t.getAttribute("data-accepts")||t.getAttribute("accepts")||"").split(",").map((t=>t.trim())).filter(Boolean)}}permitsDrop(t,e,i){if(t.contains(e))return!1;const s=this.itemMetadata(t),r=this.itemMetadata(e);return"inside"===i?this.acceptsChildren(e)&&(0===r.accepts.length||r.accepts.includes(s.type)):s.type===r.type}clearTarget(){this.target?.removeAttribute("data-drop-position"),this.target=null,this.position=null,this.hoverIntent?.cancel()}finishDrag(){this.source?.removeAttribute("data-dragging"),this.source=null,this.clearTarget()}expandTarget=t=>{const e=Array.from(this.host.querySelectorAll("ui-tree-item")).find((e=>this.itemId(e)===t));e&&"false"===e.getAttribute("aria-expanded")&&e.dispatchEvent(new CustomEvent("ui-tree-auto-expand"))};onDragStart=t=>{const i=this.itemFromEvent(t);if(!i||!(i.sortable??i.hasAttribute("sortable"))||(i.disabled??i.hasAttribute("disabled")))return;if(!t.composedPath().some((t=>t instanceof e&&"drag-handle"===t.getAttribute("part"))))return void t.preventDefault();const s=this.itemId(i),r=this.rowFor(i);s&&r?(this.source=i,i.setAttribute("data-dragging","true"),t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",s)),function(t,e){if(!t||"function"!=typeof t.setDragImage)return;const{height:i}=e.getBoundingClientRect();t.setDragImage(e,16,Math.max(0,i/2))}(t.dataTransfer,r)):t.preventDefault()};onDragOver=t=>{if(!this.source)return;const e=this.itemFromEvent(t);if(!e||e===this.source)return void this.clearTarget();const i=this.rowFor(e);if(!i)return;const s=o(i.getBoundingClientRect(),t.clientY,this.acceptsChildren(e));if(!this.permitsDrop(this.source,e,s))return t.dataTransfer&&(t.dataTransfer.dropEffect="none"),void this.clearTarget();t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"),this.target===e&&this.position===s||(this.clearTarget(),this.target=e,this.position=s,e.setAttribute("data-drop-position",s)),"inside"===s&&"false"===e.getAttribute("aria-expanded")?this.hoverIntent?.schedule(this.itemId(e)):this.hoverIntent?.cancel()};onDragLeave=t=>{const e=t.relatedTarget;e instanceof Node&&this.host.contains(e)||this.clearTarget()};dispatchReorder(t,e,i){const s=this.itemId(t),r=this.itemId(e);if(!s||!r)return;const o=this.itemMetadata(t),a=this.itemMetadata(e);n(this.host,"reorder",{sourceId:s,targetId:r,position:i,sourceType:o.type,targetType:a.type,sourceScope:o.scope,targetScope:a.scope,trigger:"pointer"})}onDrop=t=>{this.source&&this.target&&this.position&&(t.preventDefault(),this.dispatchReorder(this.source,this.target,this.position),this.finishDrag())};onDragEnd=t=>{if(this.source){const e=this.itemAtPoint(t.clientX,t.clientY);if(e&&e!==this.source){const i=this.rowFor(e);if(i){const s=o(i.getBoundingClientRect(),t.clientY,this.acceptsChildren(e));this.permitsDrop(this.source,e,s)&&this.dispatchReorder(this.source,e,s)}}}this.finishDrag()};visibleItems(){return Array.from(this.host.querySelectorAll("ui-tree-item")).filter((t=>t.getClientRects().length>0&&!t.hasAttribute("disabled")))}onKeyDown=t=>{const e=this.itemFromEvent(t);if(!e)return;const i=this.visibleItems(),s=i.indexOf(e);if(s<0)return;const r="ArrowDown"===t.key?i[s+1]:"ArrowUp"===t.key?i[s-1]:null;r&&(t.preventDefault(),r.focus())};render(){return i(s,{key:"9668f6170cec944d7b993bf0f98637d8908f5962",role:"tree","aria-label":this.label||"Tree"},i("slot",{key:"93140b9a53ca3cddfdc1206e952ca713559dbc2f"}))}static get style(){return":host{--ui-tree-indent:16px;display:block;min-inline-size:0;padding-inline-start:var(--ui-tree-gutter, 22px)}::slotted(ui-tree-item){--ui-tree-indent:inherit}"}},[769,"ui-tree",{label:[1],hoverExpandDelay:[2,"hover-expand-delay"]}]),h=a,d=function(){"undefined"!=typeof customElements&&["ui-tree"].forEach((t=>{"ui-tree"===t&&(customElements.get(r(t))||customElements.define(r(t),a))}))};export{h as UiTree,d as defineCustomElement}
+import{p as t,H as e,h as i,c as s,t as r}from"./p-CIA4RyEp.js";import{d as n}from"./p-JwSoedEO.js";function o(t,e,i){const s=t.height>0?Math.min(1,Math.max(0,(e-t.top)/t.height)):.5;return i?s<.25?"before":s>.75?"after":"inside":s<.5?"before":"after"}const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}label="Tree";hoverExpandDelay=700;source=null;target=null;position=null;hoverIntent=null;componentDidLoad(){this.hoverIntent=function(t,e){let i,s;function r(){i&&clearTimeout(i),i=void 0,s=void 0}return{schedule(n){s===n&&i||(r(),s=n,i=setTimeout((()=>{i=void 0;const t=s;s=void 0,t&&e(t)}),Math.max(0,t)))},cancel:r,destroy:r}}(this.hoverExpandDelay,this.expandTarget),this.host.addEventListener("dragstart",this.onDragStart),this.host.addEventListener("drag",this.onDrag),this.host.addEventListener("dragenter",this.onDragOver),this.host.addEventListener("dragover",this.onDragOver),this.host.addEventListener("dragleave",this.onDragLeave),this.host.addEventListener("drop",this.onDrop),this.host.addEventListener("dragend",this.onDragEnd),this.host.addEventListener("keydown",this.onKeyDown)}disconnectedCallback(){this.hoverIntent?.destroy(),this.host.removeEventListener("dragstart",this.onDragStart),this.host.removeEventListener("drag",this.onDrag),this.host.removeEventListener("dragenter",this.onDragOver),this.host.removeEventListener("dragover",this.onDragOver),this.host.removeEventListener("dragleave",this.onDragLeave),this.host.removeEventListener("drop",this.onDrop),this.host.removeEventListener("dragend",this.onDragEnd),this.host.removeEventListener("keydown",this.onKeyDown)}itemFromEvent(t){return t.composedPath().find((t=>t instanceof e&&"ui-tree-item"===t.localName))??null}itemId(t){return t.itemId||t.getAttribute("item-id")||""}rowFor(t){return t.shadowRoot?.querySelector('[part="row"]')??null}itemAtPoint(t,e){let i=this.host.ownerDocument.elementFromPoint(t,e);for(;i;){if("ui-tree-item"===i.localName&&this.host.contains(i))return i;const t=i.getRootNode();i=t instanceof ShadowRoot?t.host:i.parentElement}return null}isWithinTree(t){let i=t instanceof e?t:null;for(;i;){if(i===this.host||this.host.contains(i))return!0;const t=i.getRootNode();i=t instanceof ShadowRoot?t.host:i.parentElement}return!1}acceptsChildren(t){return!!(t.container??t.hasAttribute("container"))&&!(t.disabled??t.hasAttribute("disabled"))}itemMetadata(t){return{type:t.getAttribute("data-drag-type")||t.getAttribute("drag-type")||"item",scope:t.getAttribute("data-drop-scope")||t.getAttribute("drop-scope")||"",accepts:(t.getAttribute("data-accepts")||t.getAttribute("accepts")||"").split(",").map((t=>t.trim())).filter(Boolean)}}permitsDrop(t,e,i){if(t.contains(e))return!1;const s=this.itemMetadata(t),r=this.itemMetadata(e);return"inside"===i?this.acceptsChildren(e)&&(0===r.accepts.length||r.accepts.includes(s.type)):s.type===r.type}clearTarget(){this.target?.removeAttribute("data-drop-position"),this.target=null,this.position=null,this.hoverIntent?.cancel()}finishDrag(){this.source?.removeAttribute("data-dragging"),this.source=null,this.clearTarget()}expandTarget=t=>{const e=Array.from(this.host.querySelectorAll("ui-tree-item")).find((e=>this.itemId(e)===t));e&&"false"===e.getAttribute("aria-expanded")&&e.dispatchEvent(new CustomEvent("ui-tree-auto-expand"))};onDragStart=t=>{const i=this.itemFromEvent(t);if(!i||!(i.sortable??i.hasAttribute("sortable"))||(i.disabled??i.hasAttribute("disabled")))return;if(!t.composedPath().some((t=>t instanceof e&&"drag-handle"===t.getAttribute("part"))))return void t.preventDefault();const s=this.itemId(i),r=this.rowFor(i);s&&r?(this.source=i,i.setAttribute("data-dragging","true"),t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",s)),function(t,e){if(!t||"function"!=typeof t.setDragImage)return;const{height:i}=e.getBoundingClientRect();t.setDragImage(e,16,Math.max(0,i/2))}(t.dataTransfer,r)):t.preventDefault()};updateTarget(t,e,i){if(!this.source)return!1;if(!t||t===this.source)return this.clearTarget(),!1;const s=this.rowFor(t);if(!s)return!1;const r=o(s.getBoundingClientRect(),e,this.acceptsChildren(t));return this.permitsDrop(this.source,t,r)?(i&&(i.dropEffect="move"),this.target===t&&this.position===r||(this.clearTarget(),this.target=t,this.position=r,t.setAttribute("data-drop-position",r)),"inside"===r&&"false"===t.getAttribute("aria-expanded")?this.hoverIntent?.schedule(this.itemId(t)):this.hoverIntent?.cancel(),!0):(i&&(i.dropEffect="none"),this.clearTarget(),!1)}onDrag=t=>{if(!this.source||0===t.clientX&&0===t.clientY)return;const e=this.itemAtPoint(t.clientX,t.clientY);e&&this.updateTarget(e,t.clientY,t.dataTransfer)};onDragOver=t=>{if(!this.source)return;const e=this.itemFromEvent(t);this.updateTarget(e,t.clientY,t.dataTransfer)&&t.preventDefault()};onDragLeave=t=>{this.isWithinTree(t.relatedTarget)||this.itemAtPoint(t.clientX,t.clientY)||this.clearTarget()};dispatchReorder(t,e,i){const s=this.itemId(t),r=this.itemId(e);if(!s||!r)return;const o=this.itemMetadata(t),h=this.itemMetadata(e);n(this.host,"reorder",{sourceId:s,targetId:r,position:i,sourceType:o.type,targetType:h.type,sourceScope:o.scope,targetScope:h.scope,trigger:"pointer"})}onDrop=t=>{this.source&&this.target&&this.position&&(t.preventDefault(),this.dispatchReorder(this.source,this.target,this.position),this.finishDrag())};onDragEnd=t=>{if(this.source){const e=this.itemAtPoint(t.clientX,t.clientY);if(e&&e!==this.source){const i=this.rowFor(e);if(i){const s=o(i.getBoundingClientRect(),t.clientY,this.acceptsChildren(e));this.permitsDrop(this.source,e,s)&&this.dispatchReorder(this.source,e,s)}}}this.finishDrag()};visibleItems(){return Array.from(this.host.querySelectorAll("ui-tree-item")).filter((t=>t.getClientRects().length>0&&!t.hasAttribute("disabled")))}onKeyDown=t=>{const e=this.itemFromEvent(t);if(!e)return;const i=this.visibleItems(),s=i.indexOf(e);if(s<0)return;const r="ArrowDown"===t.key?i[s+1]:"ArrowUp"===t.key?i[s-1]:null;r&&(t.preventDefault(),r.focus())};render(){return i(s,{key:"7da064127eb199f5e2cfc59489a07204c9dac2f2",role:"tree","aria-label":this.label||"Tree"},i("slot",{key:"31a98a6774ab35e565dab65f1dd8202494432b32"}))}static get style(){return":host{--ui-tree-indent:16px;display:block;min-inline-size:0;padding-inline-start:var(--ui-tree-gutter, 22px)}::slotted(ui-tree-item){--ui-tree-indent:inherit}"}},[769,"ui-tree",{label:[1],hoverExpandDelay:[2,"hover-expand-delay"]}]),a=h,d=function(){"undefined"!=typeof customElements&&["ui-tree"].forEach((t=>{"ui-tree"===t&&(customElements.get(r(t))||customElements.define(r(t),h))}))};export{a as UiTree,d as defineCustomElement}

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

@@ -69,6 +69,8 @@ const UITree = class {
     componentDidLoad() {
         this.hoverIntent = createHoverIntent(this.hoverExpandDelay, this.expandTarget);
         this.host.addEventListener('dragstart', this.onDragStart);
+        this.host.addEventListener('drag', this.onDrag);
+        this.host.addEventListener('dragenter', this.onDragOver);
         this.host.addEventListener('dragover', this.onDragOver);
         this.host.addEventListener('dragleave', this.onDragLeave);
         this.host.addEventListener('drop', this.onDrop);
@@ -78,6 +80,8 @@ const UITree = class {
     disconnectedCallback() {
         this.hoverIntent?.destroy();
         this.host.removeEventListener('dragstart', this.onDragStart);
+        this.host.removeEventListener('drag', this.onDrag);
+        this.host.removeEventListener('dragenter', this.onDragOver);
         this.host.removeEventListener('dragover', this.onDragOver);
         this.host.removeEventListener('dragleave', this.onDragLeave);
         this.host.removeEventListener('drop', this.onDrop);
@@ -104,6 +108,16 @@ const UITree = class {
         }
         return null;
     }
+    isWithinTree(node) {
+        let element = node instanceof HTMLElement ? node : null;
+        while (element) {
+            if (element === this.host || this.host.contains(element))
+                return true;
+            const root = element.getRootNode();
+            element = root instanceof ShadowRoot ? root.host : element.parentElement;
+        }
+        return false;
+    }
     acceptsChildren(item) {
         return Boolean(item.container ?? item.hasAttribute('container'))
             && !Boolean(item.disabled ?? item.hasAttribute('disabled'));
@@ -174,27 +188,25 @@ const UITree = class {
         }
         setElementDragImage(event.dataTransfer, row);
     };
-    onDragOver = (event) => {
+    updateTarget(target, clientY, dataTransfer) {
         if (!this.source)
-            return;
-        const target = this.itemFromEvent(event);
+            return false;
         if (!target || target === this.source) {
             this.clearTarget();
-            return;
+            return false;
         }
         const row = this.rowFor(target);
         if (!row)
-            return;
-        const position = classifyDropPosition(row.getBoundingClientRect(), event.clientY, this.acceptsChildren(target));
+            return false;
+        const position = classifyDropPosition(row.getBoundingClientRect(), clientY, this.acceptsChildren(target));
         if (!this.permitsDrop(this.source, target, position)) {
-            if (event.dataTransfer)
-                event.dataTransfer.dropEffect = 'none';
+            if (dataTransfer)
+                dataTransfer.dropEffect = 'none';
             this.clearTarget();
-            return;
+            return false;
         }
-        event.preventDefault();
-        if (event.dataTransfer)
-            event.dataTransfer.dropEffect = 'move';
+        if (dataTransfer)
+            dataTransfer.dropEffect = 'move';
         if (this.target !== target || this.position !== position) {
             this.clearTarget();
             this.target = target;
@@ -207,10 +219,31 @@ const UITree = class {
         else {
             this.hoverIntent?.cancel();
         }
+        return true;
+    }
+    onDrag = (event) => {
+        if (!this.source || (event.clientX === 0 && event.clientY === 0))
+            return;
+        const target = this.itemAtPoint(event.clientX, event.clientY);
+        // Native dragenter does not fire when a nested source moves onto an
+        // ancestor row: the pointer was already inside that ancestor's host. The
+        // source drag event still carries the live pointer coordinates, so use it
+        // to keep ancestor/outdent feedback current.
+        if (target)
+            this.updateTarget(target, event.clientY, event.dataTransfer);
+    };
+    onDragOver = (event) => {
+        if (!this.source)
+            return;
+        const target = this.itemFromEvent(event);
+        if (this.updateTarget(target, event.clientY, event.dataTransfer)) {
+            event.preventDefault();
+        }
     };
     onDragLeave = (event) => {
-        const related = event.relatedTarget;
-        if (related instanceof Node && this.host.contains(related))
+        if (this.isWithinTree(event.relatedTarget))
+            return;
+        if (this.itemAtPoint(event.clientX, event.clientY))
             return;
         this.clearTarget();
     };
@@ -273,7 +306,7 @@ const UITree = class {
         next.focus();
     };
     render() {
-        return (h(Host, { key: '9668f6170cec944d7b993bf0f98637d8908f5962', role: "tree", "aria-label": this.label || 'Tree' }, h("slot", { key: '93140b9a53ca3cddfdc1206e952ca713559dbc2f' })));
+        return (h(Host, { key: '7da064127eb199f5e2cfc59489a07204c9dac2f2', role: "tree", "aria-label": this.label || 'Tree' }, h("slot", { key: '31a98a6774ab35e565dab65f1dd8202494432b32' })));
     }
 };
 UITree.style = uiTreeCss();

package/dist/index.cjs

@@ -3423,6 +3423,8 @@ var init_ui_tree_entry = __esm({
       componentDidLoad() {
         this.hoverIntent = createHoverIntent(this.hoverExpandDelay, this.expandTarget);
         this.host.addEventListener("dragstart", this.onDragStart);
+        this.host.addEventListener("drag", this.onDrag);
+        this.host.addEventListener("dragenter", this.onDragOver);
         this.host.addEventListener("dragover", this.onDragOver);
         this.host.addEventListener("dragleave", this.onDragLeave);
         this.host.addEventListener("drop", this.onDrop);
@@ -3432,6 +3434,8 @@ var init_ui_tree_entry = __esm({
       disconnectedCallback() {
         this.hoverIntent?.destroy();
         this.host.removeEventListener("dragstart", this.onDragStart);
+        this.host.removeEventListener("drag", this.onDrag);
+        this.host.removeEventListener("dragenter", this.onDragOver);
         this.host.removeEventListener("dragover", this.onDragOver);
         this.host.removeEventListener("dragleave", this.onDragLeave);
         this.host.removeEventListener("drop", this.onDrop);
@@ -3458,6 +3462,16 @@ var init_ui_tree_entry = __esm({
         }
         return null;
       }
+      isWithinTree(node) {
+        let element = node instanceof HTMLElement ? node : null;
+        while (element) {
+          if (element === this.host || this.host.contains(element))
+            return true;
+          const root = element.getRootNode();
+          element = root instanceof ShadowRoot ? root.host : element.parentElement;
+        }
+        return false;
+      }
       acceptsChildren(item) {
         return Boolean(item.container ?? item.hasAttribute("container")) && !Boolean(item.disabled ?? item.hasAttribute("disabled"));
       }
@@ -3518,27 +3532,25 @@ var init_ui_tree_entry = __esm({
         }
         setElementDragImage(event.dataTransfer, row);
       };
-      onDragOver = (event) => {
+      updateTarget(target, clientY, dataTransfer) {
         if (!this.source)
-          return;
-        const target = this.itemFromEvent(event);
+          return false;
         if (!target || target === this.source) {
           this.clearTarget();
-          return;
+          return false;
         }
         const row = this.rowFor(target);
         if (!row)
-          return;
-        const position = classifyDropPosition(row.getBoundingClientRect(), event.clientY, this.acceptsChildren(target));
+          return false;
+        const position = classifyDropPosition(row.getBoundingClientRect(), clientY, this.acceptsChildren(target));
         if (!this.permitsDrop(this.source, target, position)) {
-          if (event.dataTransfer)
-            event.dataTransfer.dropEffect = "none";
+          if (dataTransfer)
+            dataTransfer.dropEffect = "none";
           this.clearTarget();
-          return;
+          return false;
         }
-        event.preventDefault();
-        if (event.dataTransfer)
-          event.dataTransfer.dropEffect = "move";
+        if (dataTransfer)
+          dataTransfer.dropEffect = "move";
         if (this.target !== target || this.position !== position) {
           this.clearTarget();
           this.target = target;
@@ -3550,10 +3562,27 @@ var init_ui_tree_entry = __esm({
         } else {
           this.hoverIntent?.cancel();
         }
+        return true;
+      }
+      onDrag = (event) => {
+        if (!this.source || event.clientX === 0 && event.clientY === 0)
+          return;
+        const target = this.itemAtPoint(event.clientX, event.clientY);
+        if (target)
+          this.updateTarget(target, event.clientY, event.dataTransfer);
+      };
+      onDragOver = (event) => {
+        if (!this.source)
+          return;
+        const target = this.itemFromEvent(event);
+        if (this.updateTarget(target, event.clientY, event.dataTransfer)) {
+          event.preventDefault();
+        }
       };
       onDragLeave = (event) => {
-        const related = event.relatedTarget;
-        if (related instanceof Node && this.host.contains(related))
+        if (this.isWithinTree(event.relatedTarget))
+          return;
+        if (this.itemAtPoint(event.clientX, event.clientY))
           return;
         this.clearTarget();
       };
@@ -3615,7 +3644,7 @@ var init_ui_tree_entry = __esm({
         next.focus();
       };
       render() {
-        return h(Host, { key: "9668f6170cec944d7b993bf0f98637d8908f5962", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "93140b9a53ca3cddfdc1206e952ca713559dbc2f" }));
+        return h(Host, { key: "7da064127eb199f5e2cfc59489a07204c9dac2f2", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "31a98a6774ab35e565dab65f1dd8202494432b32" }));
       }
     };
     UITree.style = uiTreeCss();

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   bootstrapLazy
-} from "./chunk-RLSUA6N5.js";
+} from "./chunk-NIPNHZ5W.js";
 
 // dist/esm/app-globals-DQuL1Twl.js
 var globalScripts = () => {

package/dist/looma/looma.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-CEeiinfk.js";export{s as setNonce}from"./p-CEeiinfk.js";import{g as n}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,n={};return""!==a&&(n.resourcesUrl=new URL(".",a).href),e(n)})().then((async e=>(await n(),a([["p-063f5a89",[[769,"ui-context-menu",{open:[4],defaultOpen:[4,"default-open"],for:[1],internalOpen:[32],focusTrigger:[32]},null,{open:[{syncFromProp:0}],for:[{syncTarget:0}],internalOpen:[{syncOverlay:0}]}]]],["p-2e6f791e",[[769,"ui-affordance-scope",{nearRadius:[514,"near-radius"]},null,{nearRadius:[{connectCoordinator:0}]}]]],["p-1681b218",[[513,"ui-avatar",{src:[1],alt:[1],name:[1],fallback:[1],hasImage:[32]},null,{src:[{watchSrc:0}]}]]],["p-5ba9d496",[[769,"ui-avatar-group",{max:[2],label:[1],overflowCount:[32]},null,{max:[{syncOverflow:0}]}]]],["p-0584a051",[[769,"ui-badge",{variant:[1],tone:[1]}]]],["p-34417499",[[769,"ui-button",{variant:[1],size:[1],disabled:[4]},null,{variant:[{syncToButton:0}],size:[{syncToButton:0}],disabled:[{syncToButton:0}]}]]],["p-0f45c5f0",[[769,"ui-checkbox",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],indeterminate:[4],required:[4],value:[1],internalChecked:[32]},null,{checked:[{syncFromProp:0}],internalChecked:[{syncToInput:0}],indeterminate:[{syncToInput:0}],disabled:[{syncToInput:0}],required:[{syncToInput:0}]}]]],["p-11083743",[[769,"ui-dialog",{open:[4],defaultOpen:[4,"default-open"],modal:[4],dismissible:[4],label:[1],internalOpen:[32]},null,{open:[{syncFromProp:0}],internalOpen:[{syncOpen:0}]}]]],["p-a9f46811",[[769,"ui-disclosure",{open:[4],defaultOpen:[4,"default-open"],disabled:[4],internalOpen:[32],contentId:[32]},null,{open:[{syncFromProp:0}],internalOpen:[{syncState:0}]}]]],["p-051f578c",[[769,"ui-floating-action-button",{disabled:[516],mobileOnly:[516,"mobile-only"],label:[1]}]]],["p-5d4713a6",[[769,"ui-form-field",{invalid:[4],disabled:[4],required:[4]}]]],["p-0198bb21",[[769,"ui-icon-button",{disabled:[516],label:[1],size:[513],variant:[513],anticipatory:[516]}]]],["p-624ba086",[[769,"ui-input",{value:[1],defaultValue:[1,"default-value"],disabled:[4],invalid:[4],readOnly:[4,"readonly"],internalValue:[32]},null,{value:[{syncFromProp:0}],internalValue:[{syncToInput:0}],defaultValue:[{syncToInput:0}],disabled:[{syncToInput:0}],invalid:[{syncToInput:0}],readOnly:[{syncToInput:0}]}]]],["p-ed5abf6d",[[769,"ui-menu-item",{disabled:[516],value:[1]}]]],["p-caa8fc7b",[[769,"ui-popover",{open:[4],defaultOpen:[4,"default-open"],for:[1],placement:[1],internalOpen:[32]},null,{open:[{syncFromProp:0}],internalOpen:[{onOpenChange:0}],for:[{resetSurface:0}],placement:[{resetSurface:0}]}]]],["p-8d5adb17",[[769,"ui-radio",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],name:[1],required:[4],value:[1]},null,{checked:[{syncToInput:0}],disabled:[{syncToInput:0}],name:[{syncToInput:0}],required:[{syncToInput:0}],value:[{syncToInput:0}]}]]],["p-7e94d90d",[[769,"ui-radio-group",{value:[1],name:[1],orientation:[1],disabled:[4],required:[4],internalValue:[32]},null,{value:[{syncFromProp:0}],internalValue:[{syncToRadios:0}],name:[{syncToRadios:0}],orientation:[{syncToRadios:0}],disabled:[{syncToRadios:0}]}]]],["p-2ed7e241",[[769,"ui-search-result-row",{disabled:[516],selected:[516],hasLeading:[32],hasMeta:[32],hasExcerpt:[32],hasTrailing:[32]}]]],["p-d273b857",[[769,"ui-search-shell",{hasStatus:[32],hasFooter:[32]}]]],["p-a5127c7d",[[769,"ui-select",{value:[1],defaultValue:[1,"default-value"],disabled:[4],invalid:[4],required:[4],internalValue:[32]},null,{value:[{syncFromProp:0}],internalValue:[{syncToSelect:0}],defaultValue:[{syncToSelect:0}],disabled:[{syncToSelect:0}],invalid:[{syncToSelect:0}],required:[{syncToSelect:0}]}]]],["p-b7aa4488",[[769,"ui-switch",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],required:[4],value:[1],internalChecked:[32]},null,{checked:[{syncFromProp:0}]}]]],["p-078f9fb8",[[769,"ui-tabs",{value:[1],defaultValue:[1,"default-value"],orientation:[1],internalValue:[32]},null,{value:[{syncFromProp:0}],internalValue:[{syncState:0}],orientation:[{syncState:0}]}]]],["p-4b422d40",[[769,"ui-textarea",{value:[1],defaultValue:[1,"default-value"],disabled:[4],invalid:[4],readOnly:[4,"readonly"],rows:[2],internalValue:[32]},null,{value:[{syncFromProp:0}],internalValue:[{syncToTextarea:0}],defaultValue:[{syncToTextarea:0}],disabled:[{syncToTextarea:0}],invalid:[{syncToTextarea:0}],readOnly:[{syncToTextarea:0}],rows:[{syncToTextarea:0}]}]]],["p-54c41576",[[769,"ui-toast-region",{open:[4],internalOpen:[32]},null,{open:[{syncFromProp:0}],internalOpen:[{syncSurface:0}]}]]],["p-9194a99d",[[769,"ui-tooltip",{for:[1],open:[4],defaultOpen:[4,"default-open"],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],internalOpen:[32]},null,{open:[{syncFromProp:0}],for:[{resetSurface:0}],placement:[{resetSurface:0}],internalOpen:[{syncOverlay:0}]}]]],["p-a33522a2",[[769,"ui-top-bar",{hasLeading:[32],hasSearch:[32],hasActions:[32]}]]],["p-979b8ab1",[[769,"ui-tree",{label:[1],hoverExpandDelay:[2,"hover-expand-delay"]}]]],["p-54722713",[[769,"ui-tree-item",{itemId:[1,"item-id"],label:[1],depth:[2],container:[4],sortable:[4],dragType:[1,"drag-type"],dropScope:[1,"drop-scope"],accepts:[1],expanded:[4],defaultExpanded:[4,"default-expanded"],selected:[4],disabled:[4],internalExpanded:[32]},null,{expanded:[{syncExpandedFromProp:0}]}]]],["p-1674cda4",[[769,"ui-menu",{open:[4],defaultOpen:[4,"default-open"],for:[1],placement:[1],internalOpen:[32]},null,{open:[{syncFromProp:0}],for:[{resetSurface:0}],placement:[{resetSurface:0}],internalOpen:[{syncSurface:0}]}]]]],e))));
+import{p as e,b as a}from"./p-CEeiinfk.js";export{s as setNonce}from"./p-CEeiinfk.js";import{g as n}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,n={};return""!==a&&(n.resourcesUrl=new URL(".",a).href),e(n)})().then((async e=>(await n(),a([["p-063f5a89",[[769,"ui-context-menu",{open:[4],defaultOpen:[4,"default-open"],for:[1],internalOpen:[32],focusTrigger:[32]},null,{open:[{syncFromProp:0}],for:[{syncTarget:0}],internalOpen:[{syncOverlay:0}]}]]],["p-2e6f791e",[[769,"ui-affordance-scope",{nearRadius:[514,"near-radius"]},null,{nearRadius:[{connectCoordinator:0}]}]]],["p-1681b218",[[513,"ui-avatar",{src:[1],alt:[1],name:[1],fallback:[1],hasImage:[32]},null,{src:[{watchSrc:0}]}]]],["p-5ba9d496",[[769,"ui-avatar-group",{max:[2],label:[1],overflowCount:[32]},null,{max:[{syncOverflow:0}]}]]],["p-0584a051",[[769,"ui-badge",{variant:[1],tone:[1]}]]],["p-34417499",[[769,"ui-button",{variant:[1],size:[1],disabled:[4]},null,{variant:[{syncToButton:0}],size:[{syncToButton:0}],disabled:[{syncToButton:0}]}]]],["p-0f45c5f0",[[769,"ui-checkbox",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],indeterminate:[4],required:[4],value:[1],internalChecked:[32]},null,{checked:[{syncFromProp:0}],internalChecked:[{syncToInput:0}],indeterminate:[{syncToInput:0}],disabled:[{syncToInput:0}],required:[{syncToInput:0}]}]]],["p-11083743",[[769,"ui-dialog",{open:[4],defaultOpen:[4,"default-open"],modal:[4],dismissible:[4],label:[1],internalOpen:[32]},null,{open:[{syncFromProp:0}],internalOpen:[{syncOpen:0}]}]]],["p-a9f46811",[[769,"ui-disclosure",{open:[4],defaultOpen:[4,"default-open"],disabled:[4],internalOpen:[32],contentId:[32]},null,{open:[{syncFromProp:0}],internalOpen:[{syncState:0}]}]]],["p-051f578c",[[769,"ui-floating-action-button",{disabled:[516],mobileOnly:[516,"mobile-only"],label:[1]}]]],["p-5d4713a6",[[769,"ui-form-field",{invalid:[4],disabled:[4],required:[4]}]]],["p-0198bb21",[[769,"ui-icon-button",{disabled:[516],label:[1],size:[513],variant:[513],anticipatory:[516]}]]],["p-624ba086",[[769,"ui-input",{value:[1],defaultValue:[1,"default-value"],disabled:[4],invalid:[4],readOnly:[4,"readonly"],internalValue:[32]},null,{value:[{syncFromProp:0}],internalValue:[{syncToInput:0}],defaultValue:[{syncToInput:0}],disabled:[{syncToInput:0}],invalid:[{syncToInput:0}],readOnly:[{syncToInput:0}]}]]],["p-ed5abf6d",[[769,"ui-menu-item",{disabled:[516],value:[1]}]]],["p-caa8fc7b",[[769,"ui-popover",{open:[4],defaultOpen:[4,"default-open"],for:[1],placement:[1],internalOpen:[32]},null,{open:[{syncFromProp:0}],internalOpen:[{onOpenChange:0}],for:[{resetSurface:0}],placement:[{resetSurface:0}]}]]],["p-8d5adb17",[[769,"ui-radio",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],name:[1],required:[4],value:[1]},null,{checked:[{syncToInput:0}],disabled:[{syncToInput:0}],name:[{syncToInput:0}],required:[{syncToInput:0}],value:[{syncToInput:0}]}]]],["p-7e94d90d",[[769,"ui-radio-group",{value:[1],name:[1],orientation:[1],disabled:[4],required:[4],internalValue:[32]},null,{value:[{syncFromProp:0}],internalValue:[{syncToRadios:0}],name:[{syncToRadios:0}],orientation:[{syncToRadios:0}],disabled:[{syncToRadios:0}]}]]],["p-2ed7e241",[[769,"ui-search-result-row",{disabled:[516],selected:[516],hasLeading:[32],hasMeta:[32],hasExcerpt:[32],hasTrailing:[32]}]]],["p-d273b857",[[769,"ui-search-shell",{hasStatus:[32],hasFooter:[32]}]]],["p-a5127c7d",[[769,"ui-select",{value:[1],defaultValue:[1,"default-value"],disabled:[4],invalid:[4],required:[4],internalValue:[32]},null,{value:[{syncFromProp:0}],internalValue:[{syncToSelect:0}],defaultValue:[{syncToSelect:0}],disabled:[{syncToSelect:0}],invalid:[{syncToSelect:0}],required:[{syncToSelect:0}]}]]],["p-b7aa4488",[[769,"ui-switch",{checked:[4],defaultChecked:[4,"default-checked"],disabled:[4],required:[4],value:[1],internalChecked:[32]},null,{checked:[{syncFromProp:0}]}]]],["p-078f9fb8",[[769,"ui-tabs",{value:[1],defaultValue:[1,"default-value"],orientation:[1],internalValue:[32]},null,{value:[{syncFromProp:0}],internalValue:[{syncState:0}],orientation:[{syncState:0}]}]]],["p-4b422d40",[[769,"ui-textarea",{value:[1],defaultValue:[1,"default-value"],disabled:[4],invalid:[4],readOnly:[4,"readonly"],rows:[2],internalValue:[32]},null,{value:[{syncFromProp:0}],internalValue:[{syncToTextarea:0}],defaultValue:[{syncToTextarea:0}],disabled:[{syncToTextarea:0}],invalid:[{syncToTextarea:0}],readOnly:[{syncToTextarea:0}],rows:[{syncToTextarea:0}]}]]],["p-54c41576",[[769,"ui-toast-region",{open:[4],internalOpen:[32]},null,{open:[{syncFromProp:0}],internalOpen:[{syncSurface:0}]}]]],["p-9194a99d",[[769,"ui-tooltip",{for:[1],open:[4],defaultOpen:[4,"default-open"],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],internalOpen:[32]},null,{open:[{syncFromProp:0}],for:[{resetSurface:0}],placement:[{resetSurface:0}],internalOpen:[{syncOverlay:0}]}]]],["p-a33522a2",[[769,"ui-top-bar",{hasLeading:[32],hasSearch:[32],hasActions:[32]}]]],["p-e3f99a24",[[769,"ui-tree",{label:[1],hoverExpandDelay:[2,"hover-expand-delay"]}]]],["p-54722713",[[769,"ui-tree-item",{itemId:[1,"item-id"],label:[1],depth:[2],container:[4],sortable:[4],dragType:[1,"drag-type"],dropScope:[1,"drop-scope"],accepts:[1],expanded:[4],defaultExpanded:[4,"default-expanded"],selected:[4],disabled:[4],internalExpanded:[32]},null,{expanded:[{syncExpandedFromProp:0}]}]]],["p-1674cda4",[[769,"ui-menu",{open:[4],defaultOpen:[4,"default-open"],for:[1],placement:[1],internalOpen:[32]},null,{open:[{syncFromProp:0}],for:[{resetSurface:0}],placement:[{resetSurface:0}],internalOpen:[{syncSurface:0}]}]]]],e))));

package/dist/looma/p-e3f99a24.entry.js

@@ -0,0 +1 @@
+import{r as t,g as i,h as e,H as s}from"./p-CEeiinfk.js";import{d as r}from"./p-JwSoedEO.js";function n(t,i,e){const s=t.height>0?Math.min(1,Math.max(0,(i-t.top)/t.height)):.5;return e?s<.25?"before":s>.75?"after":"inside":s<.5?"before":"after"}const o=class{constructor(i){t(this,i)}get host(){return i(this)}label="Tree";hoverExpandDelay=700;source=null;target=null;position=null;hoverIntent=null;componentDidLoad(){this.hoverIntent=function(t,i){let e,s;function r(){e&&clearTimeout(e),e=void 0,s=void 0}return{schedule(n){s===n&&e||(r(),s=n,e=setTimeout((()=>{e=void 0;const t=s;s=void 0,t&&i(t)}),Math.max(0,t)))},cancel:r,destroy:r}}(this.hoverExpandDelay,this.expandTarget),this.host.addEventListener("dragstart",this.onDragStart),this.host.addEventListener("drag",this.onDrag),this.host.addEventListener("dragenter",this.onDragOver),this.host.addEventListener("dragover",this.onDragOver),this.host.addEventListener("dragleave",this.onDragLeave),this.host.addEventListener("drop",this.onDrop),this.host.addEventListener("dragend",this.onDragEnd),this.host.addEventListener("keydown",this.onKeyDown)}disconnectedCallback(){this.hoverIntent?.destroy(),this.host.removeEventListener("dragstart",this.onDragStart),this.host.removeEventListener("drag",this.onDrag),this.host.removeEventListener("dragenter",this.onDragOver),this.host.removeEventListener("dragover",this.onDragOver),this.host.removeEventListener("dragleave",this.onDragLeave),this.host.removeEventListener("drop",this.onDrop),this.host.removeEventListener("dragend",this.onDragEnd),this.host.removeEventListener("keydown",this.onKeyDown)}itemFromEvent(t){return t.composedPath().find((t=>t instanceof HTMLElement&&"ui-tree-item"===t.localName))??null}itemId(t){return t.itemId||t.getAttribute("item-id")||""}rowFor(t){return t.shadowRoot?.querySelector('[part="row"]')??null}itemAtPoint(t,i){let e=this.host.ownerDocument.elementFromPoint(t,i);for(;e;){if("ui-tree-item"===e.localName&&this.host.contains(e))return e;const t=e.getRootNode();e=t instanceof ShadowRoot?t.host:e.parentElement}return null}isWithinTree(t){let i=t instanceof HTMLElement?t:null;for(;i;){if(i===this.host||this.host.contains(i))return!0;const t=i.getRootNode();i=t instanceof ShadowRoot?t.host:i.parentElement}return!1}acceptsChildren(t){return Boolean(t.container??t.hasAttribute("container"))&&!Boolean(t.disabled??t.hasAttribute("disabled"))}itemMetadata(t){return{type:t.getAttribute("data-drag-type")||t.getAttribute("drag-type")||"item",scope:t.getAttribute("data-drop-scope")||t.getAttribute("drop-scope")||"",accepts:(t.getAttribute("data-accepts")||t.getAttribute("accepts")||"").split(",").map((t=>t.trim())).filter(Boolean)}}permitsDrop(t,i,e){if(t.contains(i))return!1;const s=this.itemMetadata(t),r=this.itemMetadata(i);return"inside"===e?this.acceptsChildren(i)&&(0===r.accepts.length||r.accepts.includes(s.type)):s.type===r.type}clearTarget(){this.target?.removeAttribute("data-drop-position"),this.target=null,this.position=null,this.hoverIntent?.cancel()}finishDrag(){this.source?.removeAttribute("data-dragging"),this.source=null,this.clearTarget()}expandTarget=t=>{const i=Array.from(this.host.querySelectorAll("ui-tree-item")).find((i=>this.itemId(i)===t));i&&"false"===i.getAttribute("aria-expanded")&&i.dispatchEvent(new CustomEvent("ui-tree-auto-expand"))};onDragStart=t=>{const i=this.itemFromEvent(t);if(!i||!Boolean(i.sortable??i.hasAttribute("sortable"))||Boolean(i.disabled??i.hasAttribute("disabled")))return;if(!t.composedPath().some((t=>t instanceof HTMLElement&&"drag-handle"===t.getAttribute("part"))))return void t.preventDefault();const e=this.itemId(i),s=this.rowFor(i);e&&s?(this.source=i,i.setAttribute("data-dragging","true"),t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",e)),function(t,i){if(!t||"function"!=typeof t.setDragImage)return;const{height:e}=i.getBoundingClientRect();t.setDragImage(i,16,Math.max(0,e/2))}(t.dataTransfer,s)):t.preventDefault()};updateTarget(t,i,e){if(!this.source)return!1;if(!t||t===this.source)return this.clearTarget(),!1;const s=this.rowFor(t);if(!s)return!1;const r=n(s.getBoundingClientRect(),i,this.acceptsChildren(t));return this.permitsDrop(this.source,t,r)?(e&&(e.dropEffect="move"),this.target===t&&this.position===r||(this.clearTarget(),this.target=t,this.position=r,t.setAttribute("data-drop-position",r)),"inside"===r&&"false"===t.getAttribute("aria-expanded")?this.hoverIntent?.schedule(this.itemId(t)):this.hoverIntent?.cancel(),!0):(e&&(e.dropEffect="none"),this.clearTarget(),!1)}onDrag=t=>{if(!this.source||0===t.clientX&&0===t.clientY)return;const i=this.itemAtPoint(t.clientX,t.clientY);i&&this.updateTarget(i,t.clientY,t.dataTransfer)};onDragOver=t=>{if(!this.source)return;const i=this.itemFromEvent(t);this.updateTarget(i,t.clientY,t.dataTransfer)&&t.preventDefault()};onDragLeave=t=>{this.isWithinTree(t.relatedTarget)||this.itemAtPoint(t.clientX,t.clientY)||this.clearTarget()};dispatchReorder(t,i,e){const s=this.itemId(t),n=this.itemId(i);if(!s||!n)return;const o=this.itemMetadata(t),h=this.itemMetadata(i);r(this.host,"reorder",{sourceId:s,targetId:n,position:e,sourceType:o.type,targetType:h.type,sourceScope:o.scope,targetScope:h.scope,trigger:"pointer"})}onDrop=t=>{this.source&&this.target&&this.position&&(t.preventDefault(),this.dispatchReorder(this.source,this.target,this.position),this.finishDrag())};onDragEnd=t=>{if(this.source){const i=this.itemAtPoint(t.clientX,t.clientY);if(i&&i!==this.source){const e=this.rowFor(i);if(e){const s=n(e.getBoundingClientRect(),t.clientY,this.acceptsChildren(i));this.permitsDrop(this.source,i,s)&&this.dispatchReorder(this.source,i,s)}}}this.finishDrag()};visibleItems(){return Array.from(this.host.querySelectorAll("ui-tree-item")).filter((t=>t.getClientRects().length>0&&!t.hasAttribute("disabled")))}onKeyDown=t=>{const i=this.itemFromEvent(t);if(!i)return;const e=this.visibleItems(),s=e.indexOf(i);if(s<0)return;const r="ArrowDown"===t.key?e[s+1]:"ArrowUp"===t.key?e[s-1]:null;r&&(t.preventDefault(),r.focus())};render(){return e(s,{key:"7da064127eb199f5e2cfc59489a07204c9dac2f2",role:"tree","aria-label":this.label||"Tree"},e("slot",{key:"31a98a6774ab35e565dab65f1dd8202494432b32"}))}};o.style=":host{--ui-tree-indent:16px;display:block;min-inline-size:0;padding-inline-start:var(--ui-tree-gutter, 22px)}::slotted(ui-tree-item){--ui-tree-indent:inherit}";export{o as ui_tree}

package/dist/types/components/ui-tree/ui-tree.d.ts

@@ -12,6 +12,7 @@ export declare class UITree {
     private itemId;
     private rowFor;
     private itemAtPoint;
+    private isWithinTree;
     private acceptsChildren;
     private itemMetadata;
     private permitsDrop;
@@ -19,6 +20,8 @@ export declare class UITree {
     private finishDrag;
     private expandTarget;
     private onDragStart;
+    private updateTarget;
+    private onDrag;
     private onDragOver;
     private onDragLeave;
     private dispatchReorder;