@editora/ui-core 0.1.21 → 0.1.23

package/dist/sortable.cjs.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const te=require("./ElementBase-EV6mVBUV.js");function re(l,e,t,r=56,i=18){if(!Number.isFinite(l)||!(t>e))return 0;const s=Math.min(r,(t-e)/2);return s<=0?0:l<e+s?-Math.ceil(i*Math.min(1,(e+s-l)/s)):l>t-s?Math.ceil(i*Math.min(1,(l-(t-s))/s)):0}const ie=new Set(["auto","scroll","overlay"]);function se(l){let e=l;for(;e;){if(e=e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode,!(e instanceof HTMLElement))continue;if(e===e.ownerDocument.body||e===e.ownerDocument.documentElement)return null;const{overflowY:t}=e.ownerDocument.defaultView?.getComputedStyle(e)??{overflowY:""};if(ie.has(t)&&e.scrollHeight>e.clientHeight)return e}return null}const oe=1,ne=44,ae=72,le=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const te=require("./ElementBase-DxbvhLJs.js");function re(l,e,t,r=56,i=18){if(!Number.isFinite(l)||!(t>e))return 0;const s=Math.min(r,(t-e)/2);return s<=0?0:l<e+s?-Math.ceil(i*Math.min(1,(e+s-l)/s)):l>t-s?Math.ceil(i*Math.min(1,(l-(t-s))/s)):0}const ie=new Set(["auto","scroll","overlay"]);function se(l){let e=l;for(;e;){if(e=e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode,!(e instanceof HTMLElement))continue;if(e===e.ownerDocument.body||e===e.ownerDocument.documentElement)return null;const{overflowY:t}=e.ownerDocument.defaultView?.getComputedStyle(e)??{overflowY:""};if(ie.has(t)&&e.scrollHeight>e.clientHeight)return e}return null}const oe=1,ne=44,ae=72,le=`
   :host {
     --ui-sortable-accent: var(--ui-color-primary, #2563eb);
     --ui-sortable-surface: var(--ui-color-surface, #ffffff);
     --ui-sortable-surface-muted: color-mix(in srgb, var(--ui-sortable-surface) 92%, #eff6ff);
     --ui-sortable-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
     --ui-sortable-text: var(--ui-color-text, #0f172a);
-    --ui-sortable-muted: var(--ui-color-muted, #64748b);
+    --ui-sortable-muted: var(--ui-color-muted, #526175);
     --ui-sortable-shadow:
       0 1px 3px rgba(15, 23, 42, 0.06),
       0 16px 34px rgba(15, 23, 42, 0.08);
@@ -734,61 +734,61 @@
       background: Highlight;
     }
   }
-`;function K(l){if(!l)return[];try{const e=JSON.parse(l);return Array.isArray(e)?e:[]}catch{return[]}}function y(l){return l.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function k(l,e){return`${l}::${e??"__root__"}`}function j(l){return l?[l.listId,l.parentId??"",l.beforeId??"",l.mode].join("::"):""}function B(l,e){return j(l)===j(e)}function de(l){if(!l||l==="none")return{x:1,y:1};const e=l.match(/^matrix3d\((.+)\)$/);if(e){const r=e[1].split(",").map(i=>Number.parseFloat(i.trim()));if(r.length===16&&r.every(i=>Number.isFinite(i)))return{x:r[0]||1,y:r[5]||1}}const t=l.match(/^matrix\((.+)\)$/);if(t){const r=t[1].split(",").map(i=>Number.parseFloat(i.trim()));if(r.length===6&&r.every(i=>Number.isFinite(i))){const[i,s,n,a]=r;return{x:Math.sqrt(i*i+s*s)||1,y:Math.sqrt(n*n+a*a)||1}}}return{x:1,y:1}}function ce(l){return l==="item"?"item":"handle"}function P(l){return{...l}}function ue(l,e,t,r,i,s){const n=T(l),a=E(l),d=new Set,o=[],u=g=>{const x=n.get(g);!x||d.has(g)||(d.add(g),o.push(g),(a.get(k(x.listId,g))||[]).forEach(u))};r.forEach(u);const c=l.map(P),h=c.filter(g=>d.has(g.id)),f=i?c.map(P):c.filter(g=>!d.has(g.id)),_=i?h.map(g=>s(g,o)):h.map(P),I=new Map,m=new Map;i&&h.forEach((g,x)=>{I.set(g.id,_[x].id),m.set(_[x].id,g.id)}),_.forEach(g=>{const x=i?m.get(g.id):g.id,M=x?n.get(x):null;M&&(i&&(g.parentId=M.parentId&&I.has(M.parentId)&&I.get(M.parentId)||null),g.listId=t.listId)});const v=r.map(g=>I.get(g)||g),D=[...f,..._],A=E(f),z=k(t.listId,t.parentId),b=[...A.get(z)||[]],S=t.beforeId?b.indexOf(t.beforeId):b.length,R=S>=0?S:b.length;b.splice(R,0,...v),A.set(z,b),E(_).forEach((g,x)=>{const[,M]=x.split("::");(M||"")!=="__root__"&&A.set(x,[...g])});const O=T(D);v.forEach(g=>{const x=O.get(g);x&&(x.parentId=t.parentId,x.listId=t.listId)});const L=[],q=new Set,H=(g,x)=>{(A.get(k(g,x))||[]).forEach((C,G)=>{const p=O.get(C);!p||q.has(C)||(q.add(C),p.listId=g,p.parentId=x,p.order=G,L.push(p),H(g,C))})};return e.forEach(g=>H(g.id,null)),D.forEach(g=>{q.has(g.id)||(g.parentId=null,L.push(g))}),{items:L.map(P),insertedRootIds:v}}function E(l){const e=new Map;return l.forEach(t=>{const r=k(t.listId,t.parentId),i=e.get(r);i?i.push(t.id):e.set(r,[t.id])}),e}function T(l){return new Map(l.map(e=>[e.id,e]))}function Y(l){const e=new Set,t=[];return l.forEach((r,i)=>{const s=typeof r?.id=="string"&&r.id.trim()?r.id.trim():`list-${i+1}`;e.has(s)||(e.add(s),t.push({id:s,label:typeof r?.label=="string"&&r.label.trim()?r.label.trim():`List ${i+1}`,description:typeof r?.description=="string"?r.description:"",emptyLabel:typeof r?.emptyLabel=="string"&&r.emptyLabel.trim()?r.emptyLabel.trim():"Drop items here.",orientation:r?.orientation==="horizontal"?"horizontal":"vertical",disabled:!!r?.disabled,cloneOnDrag:!!r?.cloneOnDrag,accepts:Array.isArray(r?.accepts)?r.accepts.filter(n=>typeof n=="string"&&n.trim().length>0):void 0}))}),t.length?t:[{id:"default",label:"Items",description:"",emptyLabel:"Drop items here.",orientation:"vertical",disabled:!1,cloneOnDrag:!1}]}function U(l,e){const t=new Set(l.map(o=>o.id)),r=[];e.forEach((o,u)=>{const c=typeof o?.id=="string"&&o.id.trim()?o.id.trim():"",h=typeof o?.label=="string"&&o.label.trim()?o.label.trim():"";if(!c||!h)return;const f=typeof o?.listId=="string"&&t.has(o.listId)?o.listId:l[0].id;r.push({id:c,label:h,listId:f,parentId:typeof o?.parentId=="string"&&o.parentId.trim()?o.parentId.trim():null,description:typeof o?.description=="string"?o.description:"",order:Number.isFinite(o?.order)?Number(o.order):u,disabled:!!o?.disabled,dragDisabled:!!o?.dragDisabled,cloneOnDrag:!!o?.cloneOnDrag,hidden:!!o?.hidden})});const i=new Map(r.map(o=>[o.id,o]));r.forEach(o=>{if(!o.parentId)return;const u=i.get(o.parentId);(!u||u.id===o.id||u.listId!==o.listId)&&(o.parentId=null)});const s=new Map;r.forEach(o=>{const u=k(o.listId,o.parentId),c=s.get(u);c?c.push(o):s.set(u,[o])}),s.forEach(o=>o.sort((u,c)=>u.order-c.order||u.label.localeCompare(c.label)));const n=[],a=new Set,d=(o,u)=>{(s.get(k(o,u))||[]).forEach((h,f)=>{a.has(h.id)||(a.add(h.id),h.order=f,n.push(h),d(o,h.id))})};return l.forEach(o=>d(o.id,null)),r.forEach(o=>{a.has(o.id)||(o.parentId=null,n.push(o))}),n.map(P)}function pe(l){return JSON.stringify(l.map(e=>({id:e.id,label:e.label,listId:e.listId,parentId:e.parentId,description:e.description,order:e.order,disabled:e.disabled,dragDisabled:e.dragDisabled,cloneOnDrag:e.cloneOnDrag,hidden:e.hidden})))}function he(l){return JSON.stringify(l.map(e=>({id:e.id,label:e.label,description:e.description,emptyLabel:e.emptyLabel,orientation:e.orientation,disabled:e.disabled,cloneOnDrag:e.cloneOnDrag,accepts:e.accepts})))}function X(l){return JSON.stringify(l)}function J(l){const e=new Map,t=l.map(r=>{const i=k(r.listId,r.parentId),s=e.get(i)??0;return e.set(i,s+1),{id:r.id,listId:r.listId,parentId:r.parentId,index:s}});return{version:oe,records:t}}function W(l,e){return e?`${l.label} ${l.description}`.toLowerCase().includes(e.toLowerCase()):!0}function Q(l,e,t,r,i){const s=T(l),n=E(l),a=new Map,d=(c,h)=>{const f=[...n.get(k(c,h))||[]];return i==="label"&&f.sort((_,I)=>{const m=s.get(_),v=s.get(I);return!m||!v?0:m.label.localeCompare(v.label)}),f},o=(c,h,f)=>{const _=[];return d(c,h).forEach(I=>{const m=s.get(I);if(!m||m.hidden)return;const v=o(c,m.id);!W(m,r)&&v.length===0||(_.push({id:m.id,disabled:m.disabled}),v.length&&_.push(...v))}),_};return Array.from(new Set(l.map(c=>c.listId))).forEach(c=>{a.set(c,o(c,null))}),a}class Z extends te.ElementBase{constructor(){super(),this._lists=Y([]),this._items=[],this._selection=[],this._focusedId=null,this._rangeAnchorId=null,this._dragState=null,this._liveMessage="Sortable list ready.",this._lastListsAttr=null,this._lastItemsAttr=null,this._lastSelectionAttr=null,this._hydratedPersistKey=null,this._cloneSeed=1,this._dragImage=null,this._dragPreviewOverlay=null,this._pendingFocusId=null,this._pointerGesture=null,this._pendingDropTarget=null,this._suppressAttributeRender=!1,this._autoScrollFrame=0,this._autoScrollPoint=null,this._autoScrollTick=()=>{this._autoScrollFrame=0;const e=this._autoScrollPoint;if(!e||!this._dragState||this._dragState.keyboard)return;const t=this.ownerDocument?.defaultView,r=se(this),i=r?r.getBoundingClientRect():null,s=Math.max(0,i?i.top:0),n=Math.min(t?.innerHeight??0,i?i.bottom:1/0),a=re(e.y,s,n);if(a){if(r?r.scrollTop+=a:t?.scrollBy(0,a),!this._dragState.committed){const d=this._dropTargetFromPoint(e.x,e.y),o=d&&this._canDrop(d,this._dragState.movedRootIds)?d:null;this._queueDropTarget(o,performance.now())}this._autoScrollFrame=requestAnimationFrame(this._autoScrollTick)}},this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDragStart=this._onDragStart.bind(this),this._onDragOver=this._onDragOver.bind(this),this._onDrop=this._onDrop.bind(this),this._onDragEnd=this._onDragEnd.bind(this),this._onPointerDown=this._onPointerDown.bind(this),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerUp=this._onPointerUp.bind(this),this._onPointerCancel=this._onPointerCancel.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onDocumentKeyDown=this._onDocumentKeyDown.bind(this)}static get observedAttributes(){return["lists","items","selection","filter-query","sort","persist-key","allow-filtered-drag","allow-nesting","drop-indicator-visibility","dropzone-style","drag-preview-size","drag-handle-mode","drag-handle-selector","custom-item-rendering","show-selection-badge","disabled"]}shouldRenderOnAttributeChange(e,t,r){return this._suppressAttributeRender?!["lists","items","selection"].includes(e):!0}attributeChangedCallback(e,t,r){if(t!==r&&this.isConnected){if(e==="selection"&&!this._suppressAttributeRender&&this._canSyncInteractiveStateInPlace()){this._syncSelectionFromAttribute(r??null),this._syncSelectionVisualState();return}if(e==="show-selection-badge"&&this._canSyncInteractiveStateInPlace()){this._syncSelectionVisualState();return}super.attributeChangedCallback(e,t,r)}}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("dragstart",this._onDragStart),this.root.addEventListener("dragover",this._onDragOver),this.root.addEventListener("drop",this._onDrop),this.root.addEventListener("dragend",this._onDragEnd),this.root.addEventListener("pointerdown",this._onPointerDown),this.root.addEventListener("focusin",this._onFocusIn),this.ownerDocument?.addEventListener("keydown",this._onDocumentKeyDown,!0),this.ownerDocument?.addEventListener("pointermove",this._onPointerMove,!0),this.ownerDocument?.addEventListener("pointerup",this._onPointerUp,!0),this.ownerDocument?.addEventListener("pointercancel",this._onPointerCancel,!0)}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("dragstart",this._onDragStart),this.root.removeEventListener("dragover",this._onDragOver),this.root.removeEventListener("drop",this._onDrop),this.root.removeEventListener("dragend",this._onDragEnd),this.root.removeEventListener("pointerdown",this._onPointerDown),this.root.removeEventListener("focusin",this._onFocusIn),this.ownerDocument?.removeEventListener("keydown",this._onDocumentKeyDown,!0),this.ownerDocument?.removeEventListener("pointermove",this._onPointerMove,!0),this.ownerDocument?.removeEventListener("pointerup",this._onPointerUp,!0),this.ownerDocument?.removeEventListener("pointercancel",this._onPointerCancel,!0),this._stopAutoScroll(),this._removeDragPreviewOverlay(),this._removeDragImage(),super.disconnectedCallback()}get lists(){return this._lists.map(e=>({...e}))}set lists(e){this.setAttribute("lists",JSON.stringify(e??[]))}get items(){return this._items.map(e=>({...e}))}set items(e){this.setAttribute("items",JSON.stringify(e??[]))}get selection(){return[...this._selection]}set selection(e){this.setAttribute("selection",JSON.stringify(e??[]))}get sort(){return this.getAttribute("sort")==="label"?"label":"manual"}set sort(e){!e||e==="manual"?this.removeAttribute("sort"):this.setAttribute("sort",e)}get filterQuery(){return this.getAttribute("filter-query")||""}set filterQuery(e){e?this.setAttribute("filter-query",e):this.removeAttribute("filter-query")}select(e){this._setSelection(e,"api")}clearSelection(){this._setSelection([],"api")}cancelDrag(){this._cancelDrag(!0)}focusItem(e){this._items.some(t=>t.id===e)&&(this._focusedId=e,this._pendingFocusId=e,!this._applyInteractiveStateInPlace({restoreFocus:!0})&&this.requestRender())}moveSelection(e){this._syncSelectionFromAttribute(this.getAttribute("selection"));const t=this._selectedRootIds();t.length&&this._commitMove({listId:e.targetListId,parentId:e.parentId??null,beforeId:e.beforeId??null,mode:e.mode??(e.parentId?"inside":"before")},t,!!e.clone,e.source??"api")}getPersistenceSnapshot(){return J(this._items)}render(){this._syncStateFromAttributes();const e=this._measureItemShellRects(),t=new Set(this._draggingIds()),r=new Set(this._selection),s=!!this._dragState?.keyboard?this._projectedMoveResult():null,n=s?.items||this._items,a=new Set(s?.insertedRootIds||[]),d=!!this._dragState&&!this._dragState.keyboard&&!!this._dragState.dropTarget,o=Q(n,r,t,this.filterQuery,this.sort),u=this._resolvedFocusedId(o),c=this._isDragLocked(),h=this._selection.length,f=this.getAttribute("allow-nesting")!=="false",_=this.getAttribute("drop-indicator-visibility")==="always"?"always":"active",I=this._dropzoneStyle(),m=this.getAttribute("show-selection-badge")!=="false",v=this._dragHandleMode(),D=this._usesCustomHandleSelector(),A=c?this.sort==="label"?"Dragging is paused while alphabetical sorting is active.":this.filterQuery&&!this.hasAttribute("allow-filtered-drag")?"Dragging is paused while the list is filtered.":"Dragging is currently disabled.":this._dragState?.keyboard?"Keyboard drag active. Use arrow keys to choose a drop target, Space or Enter to drop, and Escape to cancel.":v==="item"?"Drag from anywhere on an item, or press Space on a focused item to start keyboard reordering.":D?"Use your custom drag handle element, or press Space on a focused item to start keyboard reordering.":"Use the handle to drag, or press Space on a focused item to start keyboard reordering.",z=`
+`;function K(l){if(!l)return[];try{const e=JSON.parse(l);return Array.isArray(e)?e:[]}catch{return[]}}function I(l){return l.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function k(l,e){return`${l}::${e??"__root__"}`}function j(l){return l?[l.listId,l.parentId??"",l.beforeId??"",l.mode].join("::"):""}function B(l,e){return j(l)===j(e)}function de(l){if(!l||l==="none")return{x:1,y:1};const e=l.match(/^matrix3d\((.+)\)$/);if(e){const r=e[1].split(",").map(i=>Number.parseFloat(i.trim()));if(r.length===16&&r.every(i=>Number.isFinite(i)))return{x:r[0]||1,y:r[5]||1}}const t=l.match(/^matrix\((.+)\)$/);if(t){const r=t[1].split(",").map(i=>Number.parseFloat(i.trim()));if(r.length===6&&r.every(i=>Number.isFinite(i))){const[i,s,n,a]=r;return{x:Math.sqrt(i*i+s*s)||1,y:Math.sqrt(n*n+a*a)||1}}}return{x:1,y:1}}function ce(l){return l==="item"?"item":"handle"}function P(l){return{...l}}function ue(l,e,t,r,i,s){const n=T(l),a=E(l),d=new Set,o=[],u=g=>{const x=n.get(g);!x||d.has(g)||(d.add(g),o.push(g),(a.get(k(x.listId,g))||[]).forEach(u))};r.forEach(u);const c=l.map(P),h=c.filter(g=>d.has(g.id)),_=i?c.map(P):c.filter(g=>!d.has(g.id)),f=i?h.map(g=>s(g,o)):h.map(P),S=new Map,m=new Map;i&&h.forEach((g,x)=>{S.set(g.id,f[x].id),m.set(f[x].id,g.id)}),f.forEach(g=>{const x=i?m.get(g.id):g.id,M=x?n.get(x):null;M&&(i&&(g.parentId=M.parentId&&S.has(M.parentId)&&S.get(M.parentId)||null),g.listId=t.listId)});const v=r.map(g=>S.get(g)||g),D=[..._,...f],A=E(_),z=k(t.listId,t.parentId),b=[...A.get(z)||[]],y=t.beforeId?b.indexOf(t.beforeId):b.length,R=y>=0?y:b.length;b.splice(R,0,...v),A.set(z,b),E(f).forEach((g,x)=>{const[,M]=x.split("::");(M||"")!=="__root__"&&A.set(x,[...g])});const O=T(D);v.forEach(g=>{const x=O.get(g);x&&(x.parentId=t.parentId,x.listId=t.listId)});const L=[],q=new Set,H=(g,x)=>{(A.get(k(g,x))||[]).forEach((C,G)=>{const p=O.get(C);!p||q.has(C)||(q.add(C),p.listId=g,p.parentId=x,p.order=G,L.push(p),H(g,C))})};return e.forEach(g=>H(g.id,null)),D.forEach(g=>{q.has(g.id)||(g.parentId=null,L.push(g))}),{items:L.map(P),insertedRootIds:v}}function E(l){const e=new Map;return l.forEach(t=>{const r=k(t.listId,t.parentId),i=e.get(r);i?i.push(t.id):e.set(r,[t.id])}),e}function T(l){return new Map(l.map(e=>[e.id,e]))}function Y(l){const e=new Set,t=[];return l.forEach((r,i)=>{const s=typeof r?.id=="string"&&r.id.trim()?r.id.trim():`list-${i+1}`;e.has(s)||(e.add(s),t.push({id:s,label:typeof r?.label=="string"&&r.label.trim()?r.label.trim():`List ${i+1}`,description:typeof r?.description=="string"?r.description:"",emptyLabel:typeof r?.emptyLabel=="string"&&r.emptyLabel.trim()?r.emptyLabel.trim():"Drop items here.",orientation:r?.orientation==="horizontal"?"horizontal":"vertical",disabled:!!r?.disabled,cloneOnDrag:!!r?.cloneOnDrag,accepts:Array.isArray(r?.accepts)?r.accepts.filter(n=>typeof n=="string"&&n.trim().length>0):void 0}))}),t.length?t:[{id:"default",label:"Items",description:"",emptyLabel:"Drop items here.",orientation:"vertical",disabled:!1,cloneOnDrag:!1}]}function U(l,e){const t=new Set(l.map(o=>o.id)),r=[];e.forEach((o,u)=>{const c=typeof o?.id=="string"&&o.id.trim()?o.id.trim():"",h=typeof o?.label=="string"&&o.label.trim()?o.label.trim():"";if(!c||!h)return;const _=typeof o?.listId=="string"&&t.has(o.listId)?o.listId:l[0].id;r.push({id:c,label:h,listId:_,parentId:typeof o?.parentId=="string"&&o.parentId.trim()?o.parentId.trim():null,description:typeof o?.description=="string"?o.description:"",order:Number.isFinite(o?.order)?Number(o.order):u,disabled:!!o?.disabled,dragDisabled:!!o?.dragDisabled,cloneOnDrag:!!o?.cloneOnDrag,hidden:!!o?.hidden})});const i=new Map(r.map(o=>[o.id,o]));r.forEach(o=>{if(!o.parentId)return;const u=i.get(o.parentId);(!u||u.id===o.id||u.listId!==o.listId)&&(o.parentId=null)});const s=new Map;r.forEach(o=>{const u=k(o.listId,o.parentId),c=s.get(u);c?c.push(o):s.set(u,[o])}),s.forEach(o=>o.sort((u,c)=>u.order-c.order||u.label.localeCompare(c.label)));const n=[],a=new Set,d=(o,u)=>{(s.get(k(o,u))||[]).forEach((h,_)=>{a.has(h.id)||(a.add(h.id),h.order=_,n.push(h),d(o,h.id))})};return l.forEach(o=>d(o.id,null)),r.forEach(o=>{a.has(o.id)||(o.parentId=null,n.push(o))}),n.map(P)}function pe(l){return JSON.stringify(l.map(e=>({id:e.id,label:e.label,listId:e.listId,parentId:e.parentId,description:e.description,order:e.order,disabled:e.disabled,dragDisabled:e.dragDisabled,cloneOnDrag:e.cloneOnDrag,hidden:e.hidden})))}function he(l){return JSON.stringify(l.map(e=>({id:e.id,label:e.label,description:e.description,emptyLabel:e.emptyLabel,orientation:e.orientation,disabled:e.disabled,cloneOnDrag:e.cloneOnDrag,accepts:e.accepts})))}function X(l){return JSON.stringify(l)}function J(l){const e=new Map,t=l.map(r=>{const i=k(r.listId,r.parentId),s=e.get(i)??0;return e.set(i,s+1),{id:r.id,listId:r.listId,parentId:r.parentId,index:s}});return{version:oe,records:t}}function W(l,e){return e?`${l.label} ${l.description}`.toLowerCase().includes(e.toLowerCase()):!0}function Q(l,e,t,r,i){const s=T(l),n=E(l),a=new Map,d=(c,h)=>{const _=[...n.get(k(c,h))||[]];return i==="label"&&_.sort((f,S)=>{const m=s.get(f),v=s.get(S);return!m||!v?0:m.label.localeCompare(v.label)}),_},o=(c,h,_)=>{const f=[];return d(c,h).forEach(S=>{const m=s.get(S);if(!m||m.hidden)return;const v=o(c,m.id);!W(m,r)&&v.length===0||(f.push({id:m.id,disabled:m.disabled}),v.length&&f.push(...v))}),f};return Array.from(new Set(l.map(c=>c.listId))).forEach(c=>{a.set(c,o(c,null))}),a}class Z extends te.ElementBase{constructor(){super(),this._lists=Y([]),this._items=[],this._selection=[],this._focusedId=null,this._rangeAnchorId=null,this._dragState=null,this._liveMessage="Sortable list ready.",this._lastListsAttr=null,this._lastItemsAttr=null,this._lastSelectionAttr=null,this._hydratedPersistKey=null,this._cloneSeed=1,this._dragImage=null,this._dragPreviewOverlay=null,this._pendingFocusId=null,this._pointerGesture=null,this._pendingDropTarget=null,this._suppressAttributeRender=!1,this._autoScrollFrame=0,this._autoScrollPoint=null,this._autoScrollTick=()=>{this._autoScrollFrame=0;const e=this._autoScrollPoint;if(!e||!this._dragState||this._dragState.keyboard)return;const t=this.ownerDocument?.defaultView,r=se(this),i=r?r.getBoundingClientRect():null,s=Math.max(0,i?i.top:0),n=Math.min(t?.innerHeight??0,i?i.bottom:1/0),a=re(e.y,s,n);if(a){if(r?r.scrollTop+=a:t?.scrollBy(0,a),!this._dragState.committed){const d=this._dropTargetFromPoint(e.x,e.y),o=d&&this._canDrop(d,this._dragState.movedRootIds)?d:null;this._queueDropTarget(o,performance.now())}this._autoScrollFrame=requestAnimationFrame(this._autoScrollTick)}},this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDragStart=this._onDragStart.bind(this),this._onDragOver=this._onDragOver.bind(this),this._onDrop=this._onDrop.bind(this),this._onDragEnd=this._onDragEnd.bind(this),this._onPointerDown=this._onPointerDown.bind(this),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerUp=this._onPointerUp.bind(this),this._onPointerCancel=this._onPointerCancel.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onDocumentKeyDown=this._onDocumentKeyDown.bind(this)}static get observedAttributes(){return["lists","items","selection","filter-query","sort","persist-key","allow-filtered-drag","allow-nesting","drop-indicator-visibility","dropzone-style","drag-preview-size","drag-handle-mode","drag-handle-selector","custom-item-rendering","show-selection-badge","disabled"]}shouldRenderOnAttributeChange(e,t,r){return this._suppressAttributeRender?!["lists","items","selection"].includes(e):!0}attributeChangedCallback(e,t,r){if(t!==r&&this.isConnected){if(e==="selection"&&!this._suppressAttributeRender&&this._canSyncInteractiveStateInPlace()){this._syncSelectionFromAttribute(r??null),this._syncSelectionVisualState();return}if(e==="show-selection-badge"&&this._canSyncInteractiveStateInPlace()){this._syncSelectionVisualState();return}super.attributeChangedCallback(e,t,r)}}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("dragstart",this._onDragStart),this.root.addEventListener("dragover",this._onDragOver),this.root.addEventListener("drop",this._onDrop),this.root.addEventListener("dragend",this._onDragEnd),this.root.addEventListener("pointerdown",this._onPointerDown),this.root.addEventListener("focusin",this._onFocusIn),this.ownerDocument?.addEventListener("keydown",this._onDocumentKeyDown,!0),this.ownerDocument?.addEventListener("pointermove",this._onPointerMove,!0),this.ownerDocument?.addEventListener("pointerup",this._onPointerUp,!0),this.ownerDocument?.addEventListener("pointercancel",this._onPointerCancel,!0)}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("dragstart",this._onDragStart),this.root.removeEventListener("dragover",this._onDragOver),this.root.removeEventListener("drop",this._onDrop),this.root.removeEventListener("dragend",this._onDragEnd),this.root.removeEventListener("pointerdown",this._onPointerDown),this.root.removeEventListener("focusin",this._onFocusIn),this.ownerDocument?.removeEventListener("keydown",this._onDocumentKeyDown,!0),this.ownerDocument?.removeEventListener("pointermove",this._onPointerMove,!0),this.ownerDocument?.removeEventListener("pointerup",this._onPointerUp,!0),this.ownerDocument?.removeEventListener("pointercancel",this._onPointerCancel,!0),this._stopAutoScroll(),this._removeDragPreviewOverlay(),this._removeDragImage(),super.disconnectedCallback()}get lists(){return this._lists.map(e=>({...e}))}set lists(e){this.setAttribute("lists",JSON.stringify(e??[]))}get items(){return this._items.map(e=>({...e}))}set items(e){this.setAttribute("items",JSON.stringify(e??[]))}get selection(){return[...this._selection]}set selection(e){this.setAttribute("selection",JSON.stringify(e??[]))}get sort(){return this.getAttribute("sort")==="label"?"label":"manual"}set sort(e){!e||e==="manual"?this.removeAttribute("sort"):this.setAttribute("sort",e)}get filterQuery(){return this.getAttribute("filter-query")||""}set filterQuery(e){e?this.setAttribute("filter-query",e):this.removeAttribute("filter-query")}select(e){this._setSelection(e,"api")}clearSelection(){this._setSelection([],"api")}cancelDrag(){this._cancelDrag(!0)}focusItem(e){this._items.some(t=>t.id===e)&&(this._focusedId=e,this._pendingFocusId=e,!this._applyInteractiveStateInPlace({restoreFocus:!0})&&this.requestRender())}moveSelection(e){this._syncSelectionFromAttribute(this.getAttribute("selection"));const t=this._selectedRootIds();t.length&&this._commitMove({listId:e.targetListId,parentId:e.parentId??null,beforeId:e.beforeId??null,mode:e.mode??(e.parentId?"inside":"before")},t,!!e.clone,e.source??"api")}getPersistenceSnapshot(){return J(this._items)}render(){this._syncStateFromAttributes();const e=this._measureItemShellRects(),t=new Set(this._draggingIds()),r=new Set(this._selection),s=!!this._dragState?.keyboard?this._projectedMoveResult():null,n=s?.items||this._items,a=new Set(s?.insertedRootIds||[]),d=!!this._dragState&&!this._dragState.keyboard&&!!this._dragState.dropTarget,o=Q(n,r,t,this.filterQuery,this.sort),u=this._resolvedFocusedId(o),c=this._isDragLocked(),h=this._selection.length,_=this.getAttribute("allow-nesting")!=="false",f=this.getAttribute("drop-indicator-visibility")==="always"?"always":"active",S=this._dropzoneStyle(),m=this.getAttribute("show-selection-badge")!=="false",v=this._dragHandleMode(),D=this._usesCustomHandleSelector(),A=c?this.sort==="label"?"Dragging is paused while alphabetical sorting is active.":this.filterQuery&&!this.hasAttribute("allow-filtered-drag")?"Dragging is paused while the list is filtered.":"Dragging is currently disabled.":this._dragState?.keyboard?"Keyboard drag active. Use arrow keys to choose a drop target, Space or Enter to drop, and Escape to cancel.":v==="item"?"Drag from anywhere on an item, or press Space on a focused item to start keyboard reordering.":D?"Use your custom drag handle element, or press Space on a focused item to start keyboard reordering.":"Use the handle to drag, or press Space on a focused item to start keyboard reordering.",z=`
       <style>${le}</style>
       <div
         class="root"
         part="root"
         data-drag-locked="${c}"
         data-drag-preview="${a.size||d?"true":"false"}"
-        data-drop-indicator-visibility="${_}"
-        data-dropzone-style="${I}"
+        data-drop-indicator-visibility="${f}"
+        data-dropzone-style="${S}"
       >
         <div class="toolbar" part="toolbar">
-          <div class="helper">${y(A)}</div>
+          <div class="helper" id="ui-sortable-helper">${I(A)}</div>
           <div class="helper selection-summary">
             <span class="selection-pill" part="selection-count">${h}</span>
             <span class="selection-text">${h===1?"item selected":"items selected"}</span>
           </div>
         </div>
         <div class="lists" part="lists">
-          ${this._lists.map(b=>{const S=o.get(b.id)||[],R=S.length?this._renderListTree(n,b,u,t,f,a,m):"",$=b.disabled?"This list is read-only.":b.cloneOnDrag?"Dragging from this list creates a copy.":b.accepts?.length?`Accepts drops from: ${b.accepts.join(", ")}`:"";return`
+          ${this._lists.map(b=>{const y=o.get(b.id)||[],R=y.length?this._renderListTree(n,b,u,t,_,a,m):"",$=b.disabled?"This list is read-only.":b.cloneOnDrag?"Dragging from this list creates a copy.":b.accepts?.length?`Accepts drops from: ${b.accepts.join(", ")}`:"";return`
               <section
                 class="list"
                 part="list"
-                data-list-id="${y(b.id)}"
+                data-list-id="${I(b.id)}"
                 data-orientation="${b.orientation}"
                 data-disabled="${b.disabled}"
-                aria-label="${y(b.label)}"
+                aria-label="${I(b.label)}"
               >
                 <header class="list-header">
-                  <div class="list-custom-header" part="list-custom-header" data-list-header-target="${y(b.id)}"></div>
+                  <div class="list-custom-header" part="list-custom-header" data-list-header-target="${I(b.id)}"></div>
                   <div class="list-default-header">
                     <div class="list-topline">
-                      <div class="list-label">${y(b.label)}</div>
-                      <span class="list-count">${S.length}</span>
+                      <div class="list-label">${I(b.label)}</div>
+                      <span class="list-count">${y.length}</span>
                     </div>
-                    ${b.description?`<div class="list-description">${y(b.description)}</div>`:""}
-                    ${$?`<div class="list-helper">${y($)}</div>`:""}
+                    ${b.description?`<div class="list-description">${I(b.description)}</div>`:""}
+                    ${$?`<div class="list-helper">${I($)}</div>`:""}
                   </div>
                 </header>
-                <div class="items" role="listbox" aria-multiselectable="true" aria-label="${y(b.label)}">
-                  ${R||`<div class="list-custom-empty" part="list-custom-empty" data-list-empty-target="${y(b.id)}"></div><div class="empty">${y(b.emptyLabel)}</div>${this._renderDropzone({listId:b.id,parentId:null,beforeId:null,mode:"before"},"Drop here")}`}
+                <div class="items" role="${y.length?"listbox":"group"}" ${y.length?'aria-multiselectable="true"':""} aria-label="${I(b.label)}" aria-describedby="ui-sortable-helper">
+                  ${R||`<div class="list-custom-empty" part="list-custom-empty" data-list-empty-target="${I(b.id)}"></div><div class="empty">${I(b.emptyLabel)}</div>${this._renderDropzone({listId:b.id,parentId:null,beforeId:null,mode:"before"},"Drop here")}`}
                 </div>
               </section>
             `}).join("")}
         </div>
-        <div class="sr-only" aria-live="polite" aria-atomic="true">${y(this._liveMessage)}</div>
+        <div class="sr-only" aria-live="polite" aria-atomic="true">${I(this._liveMessage)}</div>
       </div>
-    `;this.setContent(z),queueMicrotask(()=>{this._restorePendingFocus(),this._applyCurrentDropTargetVisualState(),this._applyLiveMessage(),this._updatePointerDragPreview(),this._animateItemShellReflow(e)})}_syncStateFromAttributes(){const e=this.getAttribute("lists");e!==this._lastListsAttr&&(this._lastListsAttr=e,this._lists=Y(K(e)));const t=this.getAttribute("items");if(t!==this._lastItemsAttr){this._lastItemsAttr=t,this._items=U(this._lists,K(t));const i=this.getAttribute("persist-key");i&&this._hydratedPersistKey!==i&&(this._items=this._restorePersistedItems(i,this._items),this._hydratedPersistKey=i)}const r=this.getAttribute("selection");r!==this._lastSelectionAttr&&this._syncSelectionFromAttribute(r),this._focusedId||(this._focusedId=this._items.find(i=>!i.hidden)?.id||null)}_restorePersistedItems(e,t){try{const r=window.localStorage.getItem(e);if(!r)return t;const i=JSON.parse(r);if(!i||typeof i!="object"||!Array.isArray(i.records))return t;const s=new Map(i.records.map(a=>[a.id,a])),n=t.map((a,d)=>{const o=s.get(a.id);return o?{...a,listId:this._lists.some(u=>u.id===o.listId)?o.listId:a.listId,parentId:typeof o.parentId=="string"?o.parentId:null,order:Number.isFinite(o.index)?o.index:d}:{...a,order:d}});return U(this._lists,n)}catch{return t}}_resolvedFocusedId(e){const t=new Set(Array.from(e.values()).flat().map(i=>i.id));return this._focusedId&&t.has(this._focusedId)?this._focusedId:Array.from(e.values()).flat().find(i=>!i.disabled)?.id||null}_restorePendingFocus(){const e=this._pendingFocusId||this._focusedId;if(!e)return;const t=typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(e):e.replace(/"/g,'\\"'),r=this.root.querySelector(`.item[data-id="${t}"]`);r&&(document.activeElement!==r&&r.focus({preventScroll:!0}),this._pendingFocusId=null)}_escapeSelectorValue(e){return typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(e):e.replace(/"/g,'\\"')}_findDropzone(e){const t=this._escapeSelectorValue(e.listId),r=this._escapeSelectorValue(e.parentId??""),i=this._escapeSelectorValue(e.beforeId??""),s=this._escapeSelectorValue(e.mode);return this.root.querySelector(`.dropzone[data-list-id="${t}"][data-parent-id="${r}"][data-before-id="${i}"][data-mode="${s}"]`)}_findItemElement(e){const t=this._escapeSelectorValue(e);return this.root.querySelector(`.item[data-id="${t}"]`)}_dragHandleMode(){return ce(this.getAttribute("drag-handle-mode"))}_dropzoneStyle(){return this.getAttribute("dropzone-style")==="container"?"container":"indicator"}_usesCustomHandleSelector(){return!!this.getAttribute("drag-handle-selector")?.trim()}_dragActivatorFromPath(e){const t=e.find(n=>n instanceof HTMLElement&&!!n.getAttribute("data-drag-trigger"));if(!t)return null;const r=t.getAttribute("data-drag-trigger"),i=r==="item"?"item":r==="custom"?"custom":"handle",s=t.getAttribute("data-id")||t.closest(".item[data-id]")?.getAttribute("data-id");return s?{element:t,id:s,kind:i}:null}_setDropTargetVisualState(e,t){if(!e)return;const r=this._findDropzone(e);r&&(r.setAttribute("data-active",t?"true":"false"),t?this._syncDropzoneContainerSize(r,e):this._clearDropzoneContainerSize(r)),e.mode==="inside"&&e.parentId&&this._findItemElement(e.parentId)?.setAttribute("data-drop-inside-active",t?"true":"false")}_applyCurrentDropTargetVisualState(e){this._setDropTargetVisualState(e??null,!1),this._setDropTargetVisualState(this._dragState?.dropTarget??null,!0)}_applyLiveMessage(){const e=this.root.querySelector(".sr-only[aria-live]");e&&(e.textContent=this._liveMessage)}_canSyncInteractiveStateInPlace(){return!!this.root.querySelector(".root")&&!this._dragState}_applyInteractiveStateInPlace(e){return this._canSyncInteractiveStateInPlace()?(this._syncSelectionVisualState(),e?.restoreFocus&&this._restorePendingFocus(),this._applyLiveMessage(),!0):!1}_hasCustomItemRendering(){return this.hasAttribute("custom-item-rendering")}_syncSelectionFromAttribute(e){this._lastSelectionAttr=e;const t=new Set(this._items.map(r=>r.id));this._selection=K(e).filter(r=>t.has(r)),!this._selection.length&&this._focusedId&&!t.has(this._focusedId)&&(this._focusedId=null)}_syncSelectionVisualState(){const e=new Set(this._selection),t=this.getAttribute("show-selection-badge")!=="false";this.root.querySelectorAll(".item[data-id]").forEach(s=>{const n=s.getAttribute("data-id");if(!n)return;const a=e.has(n),d=this._focusedId===n;s.setAttribute("data-selected",a?"true":"false"),s.setAttribute("aria-selected",a?"true":"false"),s.setAttribute("data-focused",d?"true":"false"),s.setAttribute("tabindex",d?"0":"-1");const o=s.querySelector('[data-selection-badge="true"]');if(o){const u=a&&t;o.hidden=!u,o.textContent=u?"Selected":""}});const r=this.root.querySelector(".selection-pill");r&&(r.textContent=String(this._selection.length));const i=this.root.querySelector(".selection-text");i&&(i.textContent=this._selection.length===1?"item selected":"items selected")}_clearDropzoneContainerSize(e){e.style.removeProperty("--ui-sortable-dropzone-match-block-size"),e.style.removeProperty("--ui-sortable-dropzone-match-inline-size")}_dropzoneReferenceElement(e,t){if(e.mode==="inside"&&e.parentId)return this._findItemElement(e.parentId);let r=t.nextElementSibling;for(;r;){if(r instanceof HTMLElement&&r.classList.contains("item-shell"))return r.querySelector(".item[data-id]");r=r.nextElementSibling}let i=t.previousElementSibling;for(;i;){if(i instanceof HTMLElement&&i.classList.contains("item-shell"))return i.querySelector(".item[data-id]");i=i.previousElementSibling}const s=this._escapeSelectorValue(e.listId),n=this.root.querySelector(`.list[data-list-id="${s}"] .items`),a=n?.querySelector(".item[data-id]");return a||n||null}_syncDropzoneContainerSize(e,t){if(this._clearDropzoneContainerSize(e),this._dropzoneStyle()!=="container")return;const r=this._dropzoneReferenceElement(t,e);if(!r)return;const i=r.getBoundingClientRect();e.style.setProperty("--ui-sortable-dropzone-match-block-size",`${Math.max(76,Math.round(i.height))}px`),e.style.setProperty("--ui-sortable-dropzone-match-inline-size",`${Math.max(180,Math.round(i.width))}px`)}_ensureDragPreviewOverlay(){if(this._dragPreviewOverlay&&this._dragPreviewOverlay.isConnected)return this._dragPreviewOverlay;const e=document.createElement("div");return e.className="drag-preview-overlay",e.setAttribute("data-visible","false"),this.root.appendChild(e),this._dragPreviewOverlay=e,e}_clearPointerDragPreview(){this._dragPreviewOverlay?.setAttribute("data-visible","false"),this._dragPreviewOverlay?.style.setProperty("left","-9999px"),this._dragPreviewOverlay?.style.setProperty("top","-9999px");const e=this.root.querySelector(".root");e&&!this._dragState?.keyboard&&e.setAttribute("data-drag-preview","false")}_pointerPreviewContent(){if(!this._dragState||this._dragState.keyboard)return null;const e=this._dragState.movedRootIds[0],t=this._items.find(r=>r.id===e);return t?{kicker:this._dragState.clone?"Copy preview":"Drop preview",title:this._dragState.clone?`${t.label} copy`:t.label,description:this._dragState.clone?"Release to add a copy here.":this._dragState.movedRootIds.length>1?"Release to place this selection here.":"Release to place this item here."}:null}_pointerPreviewSize(){if(this.getAttribute("drag-preview-size")==="compact"||!this._dragState||this._dragState.keyboard)return null;const e=this._dragState.movedRootIds[0],t=e?this._findItemElement(e):null;if(!t)return null;const r=window.getComputedStyle(t),i=de(r.transform);return{width:t.offsetWidth*i.x,height:t.offsetHeight*i.y}}_updatePointerDragPreview(){if(!this._dragState||this._dragState.keyboard){this._clearPointerDragPreview();return}const e=this._pointerPreviewContent();if(!e){this._clearPointerDragPreview();return}const t=this.root.querySelector(".root"),i=this._dragPreviewOverlay?.getAttribute("data-visible")==="true",s=this._pointerPreviewSize();if(!this._dragState.dropTarget){i&&t&&t.setAttribute("data-drag-preview","true");return}const n=this._findDropzone(this._dragState.dropTarget);if(!n){i&&t&&t.setAttribute("data-drag-preview","true");return}const a=this._ensureDragPreviewOverlay();a.innerHTML=`
+    `;this.setContent(z),queueMicrotask(()=>{this._restorePendingFocus(),this._applyCurrentDropTargetVisualState(),this._applyLiveMessage(),this._updatePointerDragPreview(),this._animateItemShellReflow(e)})}_syncStateFromAttributes(){const e=this.getAttribute("lists");e!==this._lastListsAttr&&(this._lastListsAttr=e,this._lists=Y(K(e)));const t=this.getAttribute("items");if(t!==this._lastItemsAttr){this._lastItemsAttr=t,this._items=U(this._lists,K(t)),this._lastSelectionAttr=null;const i=this.getAttribute("persist-key");i&&this._hydratedPersistKey!==i&&(this._items=this._restorePersistedItems(i,this._items),this._hydratedPersistKey=i)}const r=this.getAttribute("selection");r!==this._lastSelectionAttr&&this._syncSelectionFromAttribute(r),this._focusedId||(this._focusedId=this._items.find(i=>!i.hidden)?.id||null)}_restorePersistedItems(e,t){try{const r=window.localStorage.getItem(e);if(!r)return t;const i=JSON.parse(r);if(!i||typeof i!="object"||!Array.isArray(i.records))return t;const s=new Map(i.records.map(a=>[a.id,a])),n=t.map((a,d)=>{const o=s.get(a.id);return o?{...a,listId:this._lists.some(u=>u.id===o.listId)?o.listId:a.listId,parentId:typeof o.parentId=="string"?o.parentId:null,order:Number.isFinite(o.index)?o.index:d}:{...a,order:d}});return U(this._lists,n)}catch{return t}}_resolvedFocusedId(e){const t=new Set(Array.from(e.values()).flat().map(i=>i.id));return this._focusedId&&t.has(this._focusedId)?this._focusedId:Array.from(e.values()).flat().find(i=>!i.disabled)?.id||null}_restorePendingFocus(){const e=this._pendingFocusId||this._focusedId;if(!e)return;const t=typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(e):e.replace(/"/g,'\\"'),r=this.root.querySelector(`.item[data-id="${t}"]`);r&&(document.activeElement!==r&&r.focus({preventScroll:!0}),this._pendingFocusId=null)}_escapeSelectorValue(e){return typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(e):e.replace(/"/g,'\\"')}_findDropzone(e){const t=this._escapeSelectorValue(e.listId),r=this._escapeSelectorValue(e.parentId??""),i=this._escapeSelectorValue(e.beforeId??""),s=this._escapeSelectorValue(e.mode);return this.root.querySelector(`.dropzone[data-list-id="${t}"][data-parent-id="${r}"][data-before-id="${i}"][data-mode="${s}"]`)}_findItemElement(e){const t=this._escapeSelectorValue(e);return this.root.querySelector(`.item[data-id="${t}"]`)}_dragHandleMode(){return ce(this.getAttribute("drag-handle-mode"))}_dropzoneStyle(){return this.getAttribute("dropzone-style")==="container"?"container":"indicator"}_usesCustomHandleSelector(){return!!this.getAttribute("drag-handle-selector")?.trim()}_dragActivatorFromPath(e){const t=e.find(n=>n instanceof HTMLElement&&!!n.getAttribute("data-drag-trigger"));if(!t)return null;const r=t.getAttribute("data-drag-trigger"),i=r==="item"?"item":r==="custom"?"custom":"handle",s=t.getAttribute("data-id")||t.closest(".item[data-id]")?.getAttribute("data-id");return s?{element:t,id:s,kind:i}:null}_setDropTargetVisualState(e,t){if(!e)return;const r=this._findDropzone(e);r&&(r.setAttribute("data-active",t?"true":"false"),t?this._syncDropzoneContainerSize(r,e):this._clearDropzoneContainerSize(r)),e.mode==="inside"&&e.parentId&&this._findItemElement(e.parentId)?.setAttribute("data-drop-inside-active",t?"true":"false")}_applyCurrentDropTargetVisualState(e){this._setDropTargetVisualState(e??null,!1),this._setDropTargetVisualState(this._dragState?.dropTarget??null,!0)}_applyLiveMessage(){const e=this.root.querySelector(".sr-only[aria-live]");e&&(e.textContent=this._liveMessage)}_canSyncInteractiveStateInPlace(){return!!this.root.querySelector(".root")&&!this._dragState}_applyInteractiveStateInPlace(e){return this._canSyncInteractiveStateInPlace()?(this._syncSelectionVisualState(),e?.restoreFocus&&this._restorePendingFocus(),this._applyLiveMessage(),!0):!1}_hasCustomItemRendering(){return this.hasAttribute("custom-item-rendering")}_syncSelectionFromAttribute(e){this._lastSelectionAttr=e;const t=new Set(this._items.map(r=>r.id));this._selection=K(e).filter(r=>t.has(r)),!this._selection.length&&this._focusedId&&!t.has(this._focusedId)&&(this._focusedId=null)}_syncSelectionVisualState(){const e=new Set(this._selection),t=this.getAttribute("show-selection-badge")!=="false";this.root.querySelectorAll(".item[data-id]").forEach(s=>{const n=s.getAttribute("data-id");if(!n)return;const a=e.has(n),d=this._focusedId===n;s.setAttribute("data-selected",a?"true":"false"),s.setAttribute("aria-selected",a?"true":"false"),s.setAttribute("data-focused",d?"true":"false"),s.setAttribute("tabindex",d?"0":"-1");const o=s.querySelector('[data-selection-badge="true"]');if(o){const u=a&&t;o.hidden=!u,o.textContent=u?"Selected":""}});const r=this.root.querySelector(".selection-pill");r&&(r.textContent=String(this._selection.length));const i=this.root.querySelector(".selection-text");i&&(i.textContent=this._selection.length===1?"item selected":"items selected")}_clearDropzoneContainerSize(e){e.style.removeProperty("--ui-sortable-dropzone-match-block-size"),e.style.removeProperty("--ui-sortable-dropzone-match-inline-size")}_dropzoneReferenceElement(e,t){if(e.mode==="inside"&&e.parentId)return this._findItemElement(e.parentId);let r=t.nextElementSibling;for(;r;){if(r instanceof HTMLElement&&r.classList.contains("item-shell"))return r.querySelector(".item[data-id]");r=r.nextElementSibling}let i=t.previousElementSibling;for(;i;){if(i instanceof HTMLElement&&i.classList.contains("item-shell"))return i.querySelector(".item[data-id]");i=i.previousElementSibling}const s=this._escapeSelectorValue(e.listId),n=this.root.querySelector(`.list[data-list-id="${s}"] .items`),a=n?.querySelector(".item[data-id]");return a||n||null}_syncDropzoneContainerSize(e,t){if(this._clearDropzoneContainerSize(e),this._dropzoneStyle()!=="container")return;const r=this._dropzoneReferenceElement(t,e);if(!r)return;const i=r.getBoundingClientRect();e.style.setProperty("--ui-sortable-dropzone-match-block-size",`${Math.max(76,Math.round(i.height))}px`),e.style.setProperty("--ui-sortable-dropzone-match-inline-size",`${Math.max(180,Math.round(i.width))}px`)}_ensureDragPreviewOverlay(){if(this._dragPreviewOverlay&&this._dragPreviewOverlay.isConnected)return this._dragPreviewOverlay;const e=document.createElement("div");return e.className="drag-preview-overlay",e.setAttribute("data-visible","false"),this.root.appendChild(e),this._dragPreviewOverlay=e,e}_clearPointerDragPreview(){this._dragPreviewOverlay?.setAttribute("data-visible","false"),this._dragPreviewOverlay?.style.setProperty("left","-9999px"),this._dragPreviewOverlay?.style.setProperty("top","-9999px");const e=this.root.querySelector(".root");e&&!this._dragState?.keyboard&&e.setAttribute("data-drag-preview","false")}_pointerPreviewContent(){if(!this._dragState||this._dragState.keyboard)return null;const e=this._dragState.movedRootIds[0],t=this._items.find(r=>r.id===e);return t?{kicker:this._dragState.clone?"Copy preview":"Drop preview",title:this._dragState.clone?`${t.label} copy`:t.label,description:this._dragState.clone?"Release to add a copy here.":this._dragState.movedRootIds.length>1?"Release to place this selection here.":"Release to place this item here."}:null}_pointerPreviewSize(){if(this.getAttribute("drag-preview-size")==="compact"||!this._dragState||this._dragState.keyboard)return null;const e=this._dragState.movedRootIds[0],t=e?this._findItemElement(e):null;if(!t)return null;const r=window.getComputedStyle(t),i=de(r.transform);return{width:t.offsetWidth*i.x,height:t.offsetHeight*i.y}}_updatePointerDragPreview(){if(!this._dragState||this._dragState.keyboard){this._clearPointerDragPreview();return}const e=this._pointerPreviewContent();if(!e){this._clearPointerDragPreview();return}const t=this.root.querySelector(".root"),i=this._dragPreviewOverlay?.getAttribute("data-visible")==="true",s=this._pointerPreviewSize();if(!this._dragState.dropTarget){i&&t&&t.setAttribute("data-drag-preview","true");return}const n=this._findDropzone(this._dragState.dropTarget);if(!n){i&&t&&t.setAttribute("data-drag-preview","true");return}const a=this._ensureDragPreviewOverlay();a.innerHTML=`
       <div class="placeholder-content">
-        <div class="placeholder-kicker">${y(e.kicker)}</div>
-        <div class="placeholder-title">${y(e.title)}</div>
-        <div class="placeholder-description">${y(e.description)}</div>
+        <div class="placeholder-kicker">${I(e.kicker)}</div>
+        <div class="placeholder-title">${I(e.title)}</div>
+        <div class="placeholder-description">${I(e.description)}</div>
       </div>
-    `;const d=n.getBoundingClientRect();t&&t.setAttribute("data-drag-preview","true"),a.style.setProperty("left","-9999px"),a.style.setProperty("top","-9999px"),s?(a.style.setProperty("inline-size",`${s.width}px`),a.style.setProperty("block-size",`${s.height}px`)):(a.style.removeProperty("inline-size"),a.style.removeProperty("block-size")),a.setAttribute("data-visible","true");const o=a.getBoundingClientRect(),u=s?.width??o.width,c=s?.height??o.height,h=Math.max(16,Math.min(d.left,window.innerWidth-u-16)),f=Math.max(16,Math.min(d.top+(d.height-c)/2,window.innerHeight-c-16));a.style.setProperty("left",`${Math.round(h)}px`),a.style.setProperty("top",`${Math.round(f)}px`)}_setDraggingVisualState(e,t){e.forEach(r=>{const i=this._findItemElement(r);i&&(i.setAttribute("data-dragging",t?"true":"false"),i.setAttribute("aria-grabbed",t?"true":"false"),t&&i.getBoundingClientRect())})}_setDropTarget(e,t){const r=this._dragState?.dropTarget??null;if(!(!this._dragState||B(r,e))){if(this._pendingDropTarget=null,this._dragState.dropTarget=e,this._applyCurrentDropTargetVisualState(r),t?.announceLabel&&this._announce(t.announceLabel),this._dragState.keyboard){this.requestRender();return}this._updatePointerDragPreview()}}_queueDropTarget(e,t,r){if(!this._dragState)return;const i=this._dragState.dropTarget??null;if(B(i,e)){this._pendingDropTarget=null;return}if(!i&&e){this._setDropTarget(e,r);return}const s=typeof t=="number"&&Number.isFinite(t)?t:performance.now(),n=this._pendingDropTarget;if(n&&B(n.target,e)){const a=e?ne:ae;s-n.startedAt>=a&&this._setDropTarget(e,n.announceLabel?{announceLabel:n.announceLabel}:r);return}this._pendingDropTarget={target:e,startedAt:s,announceLabel:r?.announceLabel}}_releaseDropTarget(e,t){if(!this._dragState)return null;if(Number.isFinite(e)&&Number.isFinite(t)){const n=this._dropTargetFromPoint(e,t);if(n&&this._canDrop(n,this._dragState.movedRootIds))return this._pendingDropTarget=null,n}const r=this._pendingDropTarget?.target??null;this._pendingDropTarget=null;const i=n=>this._pointerIsOverList(n.listId,e,t);if(r&&this._canDrop(r,this._dragState.movedRootIds)&&i(r))return r;const s=this._dragState.dropTarget??null;return s&&this._canDrop(s,this._dragState.movedRootIds)&&i(s)?s:null}_pointerIsOverList(e,t,r){if(!Number.isFinite(t)||!Number.isFinite(r))return!0;const s=Array.from(this.root.querySelectorAll(".list[data-list-id]")).find(a=>a.getAttribute("data-list-id")===e);if(!s)return!0;const n=s.getBoundingClientRect();return t>=n.left&&t<=n.right&&r>=n.top&&r<=n.bottom}_pathFromPoint(e,t){const r=[],i=this.root;let s=typeof i.elementFromPoint=="function"?i.elementFromPoint(e,t):this.ownerDocument?.elementFromPoint(e,t)??null;for(;s&&(s instanceof HTMLElement&&r.push(s),s!==this);){if(s instanceof ShadowRoot){s=s.host;continue}s=s.parentNode,!s&&r[r.length-1]?.getRootNode()instanceof ShadowRoot&&(s=r[r.length-1].getRootNode().host)}return r}_measureItemShellRects(){const e=new Map;return this.root.querySelectorAll(".item-shell[data-item-shell]").forEach(t=>{const r=t.getAttribute("data-item-shell");if(!r)return;const i=t.getBoundingClientRect();e.set(r,{top:i.top,left:i.left})}),e}_animateItemShellReflow(e){if(!e.size)return;const t=new Set(this._draggingIds());this.root.querySelectorAll(".item-shell[data-item-shell]").forEach(r=>{const i=r.getAttribute("data-item-shell");if(!i||t.has(i))return;const s=e.get(i);if(!s)return;const n=r.getBoundingClientRect(),a=s.left-n.left,d=s.top-n.top;Math.abs(a)<.5&&Math.abs(d)<.5||(r.style.transition="none",r.style.transform=`translate(${a}px, ${d}px)`,r.style.willChange="transform",r.getBoundingClientRect(),requestAnimationFrame(()=>{r.style.transition="transform 180ms ease",r.style.transform="";const o=()=>{r.style.transition="",r.style.willChange="",r.removeEventListener("transitionend",o)};r.addEventListener("transitionend",o),window.setTimeout(o,220)}))})}_previewCloneSubtreeItem(e,t){const r=e.id.includes("--copy-")?e.id.split("--copy-")[0]:e.id;return{...e,id:`${r}--preview`,label:t[0]===e.id?`${e.label} copy`:e.label}}_projectedMoveResult(){return!this._dragState?.dropTarget||!this._canDrop(this._dragState.dropTarget,this._dragState.movedRootIds)?null:ue(this._items,this._lists,this._dragState.dropTarget,this._dragState.movedRootIds,this._dragState.clone,(e,t)=>this._previewCloneSubtreeItem(e,t))}_renderListTree(e,t,r,i,s,n,a){const d=T(e),o=E(e),u=c=>{const h=o.get(k(t.id,c))||[],f=this.sort==="label"?[...h].sort((I,m)=>{const v=d.get(I),D=d.get(m);return!v||!D?0:v.label.localeCompare(D.label)}):h;let _="";return f.forEach(I=>{const m=d.get(I);if(!m||m.hidden)return;const v=this._renderChildBranch(m,r,i,u,s,n,a);!W(m,this.filterQuery)&&!v.includes('class="item"')||(_+=this._renderDropzone({listId:t.id,parentId:c,beforeId:I,mode:"before"},"Drop here"),_+=v)}),_+=this._renderDropzone({listId:t.id,parentId:c,beforeId:null,mode:"before"},"Drop here"),_};return`<div class="tree">${u(null)}</div>`}_renderChildBranch(e,t,r,i,s,n,a){const d=y(e.id),o=n.has(e.id),u=o?"":i(e.id),c=u.includes('class="item"'),h=o?!1:this._selection.includes(e.id),f=o?!1:r.has(e.id),_=e.disabled,I=_||e.dragDisabled||this._isDragLocked(),m=this._dragState?.dropTarget?.mode==="inside"&&this._dragState.dropTarget.parentId===e.id,v=this._dragState?.clone?"Copy preview":"Drop preview",D=this._dragState?.clone?"Release to add a copy here.":this._dragState&&this._dragState.movedRootIds.length>1?"Release to place this selection here.":"Release to place this item here.",A=this._dragHandleMode(),z=this._usesCustomHandleSelector(),b=z?"custom":A,S=!z&&A==="handle";return`
+    `;const d=n.getBoundingClientRect();t&&t.setAttribute("data-drag-preview","true"),a.style.setProperty("left","-9999px"),a.style.setProperty("top","-9999px"),s?(a.style.setProperty("inline-size",`${s.width}px`),a.style.setProperty("block-size",`${s.height}px`)):(a.style.removeProperty("inline-size"),a.style.removeProperty("block-size")),a.setAttribute("data-visible","true");const o=a.getBoundingClientRect(),u=s?.width??o.width,c=s?.height??o.height,h=Math.max(16,Math.min(d.left,window.innerWidth-u-16)),_=Math.max(16,Math.min(d.top+(d.height-c)/2,window.innerHeight-c-16));a.style.setProperty("left",`${Math.round(h)}px`),a.style.setProperty("top",`${Math.round(_)}px`)}_setDraggingVisualState(e,t){e.forEach(r=>{const i=this._findItemElement(r);i&&(i.setAttribute("data-dragging",t?"true":"false"),t&&i.getBoundingClientRect())})}_setDropTarget(e,t){const r=this._dragState?.dropTarget??null;if(!(!this._dragState||B(r,e))){if(this._pendingDropTarget=null,this._dragState.dropTarget=e,this._applyCurrentDropTargetVisualState(r),t?.announceLabel&&this._announce(t.announceLabel),this._dragState.keyboard){this.requestRender();return}this._updatePointerDragPreview()}}_queueDropTarget(e,t,r){if(!this._dragState)return;const i=this._dragState.dropTarget??null;if(B(i,e)){this._pendingDropTarget=null;return}if(!i&&e){this._setDropTarget(e,r);return}const s=typeof t=="number"&&Number.isFinite(t)?t:performance.now(),n=this._pendingDropTarget;if(n&&B(n.target,e)){const a=e?ne:ae;s-n.startedAt>=a&&this._setDropTarget(e,n.announceLabel?{announceLabel:n.announceLabel}:r);return}this._pendingDropTarget={target:e,startedAt:s,announceLabel:r?.announceLabel}}_releaseDropTarget(e,t){if(!this._dragState)return null;if(Number.isFinite(e)&&Number.isFinite(t)){const n=this._dropTargetFromPoint(e,t);if(n&&this._canDrop(n,this._dragState.movedRootIds))return this._pendingDropTarget=null,n}const r=this._pendingDropTarget?.target??null;this._pendingDropTarget=null;const i=n=>this._pointerIsOverList(n.listId,e,t);if(r&&this._canDrop(r,this._dragState.movedRootIds)&&i(r))return r;const s=this._dragState.dropTarget??null;return s&&this._canDrop(s,this._dragState.movedRootIds)&&i(s)?s:null}_pointerIsOverList(e,t,r){if(!Number.isFinite(t)||!Number.isFinite(r))return!0;const s=Array.from(this.root.querySelectorAll(".list[data-list-id]")).find(a=>a.getAttribute("data-list-id")===e);if(!s)return!0;const n=s.getBoundingClientRect();return t>=n.left&&t<=n.right&&r>=n.top&&r<=n.bottom}_pathFromPoint(e,t){const r=[],i=this.root;let s=typeof i.elementFromPoint=="function"?i.elementFromPoint(e,t):this.ownerDocument?.elementFromPoint(e,t)??null;for(;s&&(s instanceof HTMLElement&&r.push(s),s!==this);){if(s instanceof ShadowRoot){s=s.host;continue}s=s.parentNode,!s&&r[r.length-1]?.getRootNode()instanceof ShadowRoot&&(s=r[r.length-1].getRootNode().host)}return r}_measureItemShellRects(){const e=new Map;return this.root.querySelectorAll(".item-shell[data-item-shell]").forEach(t=>{const r=t.getAttribute("data-item-shell");if(!r)return;const i=t.getBoundingClientRect();e.set(r,{top:i.top,left:i.left})}),e}_animateItemShellReflow(e){if(!e.size)return;const t=new Set(this._draggingIds());this.root.querySelectorAll(".item-shell[data-item-shell]").forEach(r=>{const i=r.getAttribute("data-item-shell");if(!i||t.has(i))return;const s=e.get(i);if(!s)return;const n=r.getBoundingClientRect(),a=s.left-n.left,d=s.top-n.top;Math.abs(a)<.5&&Math.abs(d)<.5||(r.style.transition="none",r.style.transform=`translate(${a}px, ${d}px)`,r.style.willChange="transform",r.getBoundingClientRect(),requestAnimationFrame(()=>{r.style.transition="transform 180ms ease",r.style.transform="";const o=()=>{r.style.transition="",r.style.willChange="",r.removeEventListener("transitionend",o)};r.addEventListener("transitionend",o),window.setTimeout(o,220)}))})}_previewCloneSubtreeItem(e,t){const r=e.id.includes("--copy-")?e.id.split("--copy-")[0]:e.id;return{...e,id:`${r}--preview`,label:t[0]===e.id?`${e.label} copy`:e.label}}_projectedMoveResult(){return!this._dragState?.dropTarget||!this._canDrop(this._dragState.dropTarget,this._dragState.movedRootIds)?null:ue(this._items,this._lists,this._dragState.dropTarget,this._dragState.movedRootIds,this._dragState.clone,(e,t)=>this._previewCloneSubtreeItem(e,t))}_renderListTree(e,t,r,i,s,n,a){const d=T(e),o=E(e),u=c=>{const h=o.get(k(t.id,c))||[],_=this.sort==="label"?[...h].sort((S,m)=>{const v=d.get(S),D=d.get(m);return!v||!D?0:v.label.localeCompare(D.label)}):h;let f="";return _.forEach(S=>{const m=d.get(S);if(!m||m.hidden)return;const v=this._renderChildBranch(m,r,i,u,s,n,a);!W(m,this.filterQuery)&&!v.includes('class="item"')||(f+=this._renderDropzone({listId:t.id,parentId:c,beforeId:S,mode:"before"},"Drop here"),f+=v)}),f+=this._renderDropzone({listId:t.id,parentId:c,beforeId:null,mode:"before"},"Drop here"),f};return`<div class="tree">${u(null)}</div>`}_renderChildBranch(e,t,r,i,s,n,a){const d=I(e.id),o=n.has(e.id),u=o?"":i(e.id),c=u.includes('class="item"'),h=o?!1:this._selection.includes(e.id),_=o?!1:r.has(e.id),f=e.disabled,S=f||e.dragDisabled||this._isDragLocked(),m=this._dragState?.dropTarget?.mode==="inside"&&this._dragState.dropTarget.parentId===e.id,v=this._dragState?.clone?"Copy preview":"Drop preview",D=this._dragState?.clone?"Release to add a copy here.":this._dragState&&this._dragState.movedRootIds.length>1?"Release to place this selection here.":"Release to place this item here.",A=this._dragHandleMode(),z=this._usesCustomHandleSelector(),b=z?"custom":A,y=!z&&A==="handle";return`
       <div class="item-shell" data-item-shell="${d}">
-        <article
+        <div
           class="item${o?" item-placeholder":""}"
           part="item"
           data-id="${d}"
@@ -796,34 +796,33 @@
           ${!o&&b==="item"?'data-drag-trigger="item"':""}
           data-selected="${h}"
           data-focused="${o?"false":t===e.id}"
-          data-dragging="${f}"
-          data-disabled="${_}"
+          data-dragging="${_}"
+          data-disabled="${f}"
           data-drop-inside-active="${m?"true":"false"}"
           role="${o?"presentation":"option"}"
           aria-selected="${o?"false":h}"
-          aria-disabled="${_}"
-          aria-grabbed="${o?"false":f}"
+          aria-disabled="${f}"
           aria-hidden="${o?"true":"false"}"
           tabindex="${o?"-1":t===e.id?"0":"-1"}"
         >
           ${o?`
               <div class="placeholder-content">
-                <div class="placeholder-kicker">${y(v)}</div>
-                <div class="placeholder-title">${y(e.label)}</div>
-                <div class="placeholder-description">${y(D)}</div>
+                <div class="placeholder-kicker">${I(v)}</div>
+                <div class="placeholder-title">${I(e.label)}</div>
+                <div class="placeholder-description">${I(D)}</div>
               </div>
             `:`
-              ${S?`
-                  <button
+              ${y?`
+                  <span
                     class="handle"
                     part="handle"
-                    type="button"
+                    role="presentation"
+                    aria-hidden="true"
                     data-action="handle"
                     data-drag-trigger="handle"
                     data-id="${d}"
                     draggable="false"
-                    ${I?"disabled":""}
-                    aria-label="Drag ${y(e.label)}"
+                    ${S?"disabled":""}
                   >
                     <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                       <circle cx="5" cy="4" r="1.25"></circle>
@@ -833,13 +832,13 @@
                       <circle cx="5" cy="12" r="1.25"></circle>
                       <circle cx="11" cy="12" r="1.25"></circle>
                     </svg>
-                  </button>
+                  </span>
                 `:""}
               <div class="item-content" data-action="select" data-id="${d}">
                 <div class="item-custom-content" part="item-custom-content" data-item-content-target="${d}"></div>
                 <div class="item-default-content">
-                  <div class="item-title">${y(e.label)}</div>
-                  ${e.description?`<div class="item-description">${y(e.description)}</div>`:""}
+                  <div class="item-title">${I(e.label)}</div>
+                  ${e.description?`<div class="item-description">${I(e.description)}</div>`:""}
                   <div class="item-meta">
                     <span class="item-badge selection-badge" data-selection-badge="true" ${h&&a?"":"hidden"}>${h&&a?"Selected":""}</span>
                     ${e.cloneOnDrag?'<span class="item-badge">Clone on drag</span>':""}
@@ -849,7 +848,7 @@
                 </div>
               </div>
             `}
-        </article>
+        </div>
         ${s&&!o?this._renderDropzone({listId:e.listId,parentId:e.id,beforeId:null,mode:"inside"},"Nest here"):""}
         ${c?`<div class="children">${u}</div>`:""}
       </div>
@@ -857,13 +856,13 @@
       <div
         class="dropzone"
         part="dropzone"
-        data-list-id="${y(e.listId)}"
-        data-parent-id="${y(e.parentId??"")}"
-        data-before-id="${y(e.beforeId??"")}"
+        data-list-id="${I(e.listId)}"
+        data-parent-id="${I(e.parentId??"")}"
+        data-before-id="${I(e.beforeId??"")}"
         data-mode="${e.mode}"
         data-active="${r?"true":"false"}"
         aria-hidden="true"
       >
-        <span class="dropzone-label">${y(t)}</span>
+        <span class="dropzone-label">${I(t)}</span>
       </div>
-    `}_onClick(e){const t=e.composedPath(),r=t.find(o=>o instanceof HTMLElement&&o.classList?.contains("toolbar")),i=this._dragActivatorFromPath(t),s=t.find(o=>o instanceof HTMLElement&&o.classList.contains("item"));if(i&&i.kind!=="item")return;if(!s)return r&&!(e.target instanceof HTMLButtonElement),void 0;const n=s.getAttribute("data-id");if(!n)return;const a=this._items.find(o=>o.id===n);if(!a||a.disabled)return;const d=e;if(d.shiftKey?this._selectRangeTo(n):d.metaKey||d.ctrlKey?this._toggleSelection(n):this._setSelection([n],"pointer"),this._focusedId=n,this._rangeAnchorId=n,this._pendingFocusId=n,this._hasCustomItemRendering()){this._syncSelectionVisualState(),this._restorePendingFocus();return}this.requestRender()}_onFocusIn(e){const r=e.composedPath().find(i=>i instanceof HTMLElement&&i.classList.contains("item"))?.getAttribute("data-id");r&&(this._focusedId=r,this._syncSelectionVisualState())}_isForeignControl(e){const t=e.composedPath()[0];return!(t instanceof HTMLElement)||t.classList.contains("handle")||t.classList.contains("item")?!1:t.isContentEditable||t.matches('input, textarea, select, button, summary, a[href], [role="button"], [role="textbox"], [role="combobox"]')}_onKeyDown(e){if(this._isForeignControl(e))return;const t=this._visibleItemIds();if(!t.length)return;const r=this._focusedId&&t.includes(this._focusedId)?this._focusedId:t[0],i=t.indexOf(r),s=this._items.find(c=>c.id===r),a=(s?this._lists.find(c=>c.id===s.listId):null)?.orientation==="horizontal",d=this._isRtl(),o=a?d?"ArrowLeft":"ArrowRight":"ArrowDown",u=a?d?"ArrowRight":"ArrowLeft":"ArrowUp";if(!this._dragState?.keyboard){if(e.key===o){e.preventDefault(),this._moveFocusBy(t,i,1);return}if(e.key===u){e.preventDefault(),this._moveFocusBy(t,i,-1);return}if((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault(),this._setSelection(t,"keyboard"),this._announce(`${t.length} items selected.`);return}if(e.key==="Enter"){e.preventDefault(),this._setSelection([r],"keyboard");return}if(e.key===" "||e.code==="Space"){if(e.preventDefault(),this._isDragLocked()){this._announce("Dragging is disabled right now.");return}const c=this._selectedRootIds(r);if(!c.length)return;const h=this._itemClonesOnDrag(r);this._dragState={snapshot:this._items.map(P),movedRootIds:c,originId:r,clone:h,keyboard:!0,dropTarget:this._initialKeyboardDropTarget(r),committed:!1};const f=c.length===1?`Lifted ${s?.label||"item"}.`:`Lifted ${c.length} items.`;this._announce(`${f} Use arrow keys to choose a destination.`),this.requestRender();return}if(e.key==="Escape"){this._setSelection([],"keyboard");return}return}if(e.key==="Escape"){e.preventDefault(),this._cancelDrag(!0);return}if(e.key==="Enter"||e.key===" "||e.code==="Space"){e.preventDefault();const c=this._dragState.dropTarget;if(!c)return;this._commitMove(c,this._dragState.movedRootIds,this._dragState.clone,"keyboard");return}if(["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(e.key)){e.preventDefault();const c=d?"ArrowLeft":"ArrowRight",h=e.key==="ArrowDown"||e.key===c?1:-1;this._moveKeyboardDropTarget(h)}}_isRtl(){const e=this.ownerDocument?.defaultView?.getComputedStyle(this).direction;return e?e==="rtl":this.closest("[dir]")?.getAttribute("dir")==="rtl"}_moveFocusBy(e,t,r){const i=Math.max(0,Math.min(e.length-1,t+r)),s=e[i];this._focusedId=s,this._pendingFocusId=s,!this._applyInteractiveStateInPlace({restoreFocus:!0})&&this.requestRender()}_onDragStart(e){const t=this._dragActivatorFromPath(e.composedPath()),r=t?.id;if(!t||!r){e.preventDefault();return}if(this._isDragLocked()){e.preventDefault(),this._announce("Dragging is disabled right now.");return}const i=this._items.find(a=>a.id===r);if(!i||i.disabled||i.dragDisabled){e.preventDefault();return}const s=this._selection.includes(r)?this._selectedRootIds(r):[r];this._selection.includes(r)||this._setSelection([r],"pointer");const n=this._itemClonesOnDrag(r);this._dragState={snapshot:this._items.map(P),movedRootIds:s,originId:r,clone:n,keyboard:!1,dropTarget:null,committed:!1},e.dataTransfer&&(e.dataTransfer.effectAllowed=n?"copyMove":"move",e.dataTransfer.setData("text/plain",s.join(",")),this._applyDragImage(e.dataTransfer,s.length)),this._announce(n?`Dragging ${s.length===1?i.label:`${s.length} items`} as a copy.`:`Dragging ${s.length===1?i.label:`${s.length} items`}.`),this.requestRender()}_onDragOver(e){if(!this._dragState||this._dragState.keyboard)return;const t=this._dropTargetFromEvent(e);if(!t||!this._canDrop(t,this._dragState.movedRootIds)){this._queueDropTarget(null,e.timeStamp);return}e.preventDefault(),this._queueDropTarget(t,e.timeStamp),e.dataTransfer&&(e.dataTransfer.dropEffect=this._dragState.clone?"copy":"move")}_onDrop(e){if(!this._dragState||this._dragState.keyboard)return;const t=this._dropTargetFromEvent(e);!t||!this._canDrop(t,this._dragState.movedRootIds)||(e.preventDefault(),this._commitMove(t,this._dragState.movedRootIds,this._dragState.clone,"pointer"))}_onDocumentKeyDown(e){e.key==="Escape"&&(!this._dragState||this._dragState.keyboard||(e.preventDefault(),this._cancelDrag(!0)))}_onDragEnd(){!this._dragState||this._dragState.keyboard||this._dragState.committed||(this._setDraggingVisualState(this._draggingIds(),!1),this._pendingDropTarget=null,this._setDropTargetVisualState(this._dragState.dropTarget,!1),this._clearPointerDragPreview(),this._dragState=null,this._removeDragImage(),this._announce("Drag cancelled."),this.requestRender())}_dropTargetFromEvent(e){return this._dropTargetFromPath(e.composedPath(),e.clientX,e.clientY)}_dropTargetFromPath(e,t,r){const i=e.find(S=>S instanceof HTMLElement&&S.classList.contains("dropzone"));if(i){const S={listId:i.getAttribute("data-list-id")||"",parentId:i.getAttribute("data-parent-id")||null,beforeId:i.getAttribute("data-before-id")||null,mode:i.getAttribute("data-mode")==="inside"?"inside":"before"};if(S.listId)return S}const s=e.find(S=>S instanceof HTMLElement&&S.classList.contains("item"));if(!s){const R=e.find($=>$ instanceof HTMLElement&&$.classList.contains("list")&&$.hasAttribute("data-list-id"))?.getAttribute("data-list-id");return R?{listId:R,parentId:null,beforeId:null,mode:"before"}:null}const n=s.getAttribute("data-id");if(!n)return null;const a=this._items.find(S=>S.id===n);if(!a)return null;const d=this._lists.find(S=>S.id===a.listId),o=s.getBoundingClientRect(),u=d?.orientation==="horizontal",c=u?o.left:o.top,h=u?o.right:o.bottom,f=u?t:r,_=Math.max(1,h-c),I=(f-c)/_,m=u&&this._isRtl()?1-I:I,v=this.getAttribute("allow-nesting")!=="false"&&!a.disabled;if(m<=.34)return{listId:a.listId,parentId:a.parentId,beforeId:a.id,mode:"before"};if(v&&m>=.34&&m<=.74)return{listId:a.listId,parentId:a.id,beforeId:null,mode:"inside"};const A=E(this._items).get(k(a.listId,a.parentId))||[],z=A.indexOf(a.id),b=z>=0&&A[z+1]||null;return{listId:a.listId,parentId:a.parentId,beforeId:b,mode:"before"}}_dropTargetFromPoint(e,t){return this._dropTargetFromPath(this._pathFromPoint(e,t),e,t)}_beginPointerDrag(e,t){if(!this._pointerGesture||this._dragState)return;const r=this._items.find(i=>i.id===this._pointerGesture?.originId);r&&(this._dragState={snapshot:this._items.map(P),movedRootIds:[...this._pointerGesture.movedRootIds],originId:this._pointerGesture.originId,clone:this._pointerGesture.clone,keyboard:!1,dropTarget:null,committed:!1},this._pendingDropTarget=null,this._applyPointerPreview(e,t,this._dragState.movedRootIds.length,this._dragState.clone),this._setDraggingVisualState(this._draggingIds(),!0),this._announce(this._dragState.clone?`Dragging ${this._dragState.movedRootIds.length===1?r.label:`${this._dragState.movedRootIds.length} items`} as a copy.`:`Dragging ${this._dragState.movedRootIds.length===1?r.label:`${this._dragState.movedRootIds.length} items`}.`))}_onPointerDown(e){const t=this._dragActivatorFromPath(e.composedPath()),r=t?.id;if(!t||!r)return;if(this._isDragLocked()){e.preventDefault(),this._announce("Dragging is disabled right now.");return}const i=this._items.find(n=>n.id===r);if(!i||i.disabled||i.dragDisabled){e.preventDefault();return}e.preventDefault();try{t.element.setPointerCapture?.(e.pointerId)}catch{}const s=this._selection.includes(r)?this._selectedRootIds(r):[r];this._pointerGesture={pointerId:e.pointerId,pointerType:e.pointerType,originId:r,movedRootIds:s,clone:this._itemClonesOnDrag(r),startX:e.clientX,startY:e.clientY,moved:!1,captureTarget:t.element}}_onPointerMove(e){if(!(!this._pointerGesture||e.pointerId!==this._pointerGesture.pointerId)){if(e.preventDefault(),!this._pointerGesture.moved){if(Math.hypot(e.clientX-this._pointerGesture.startX,e.clientY-this._pointerGesture.startY)<6)return;this._pointerGesture.moved=!0,this._beginPointerDrag(e.clientX,e.clientY)}if(!(!this._dragState||this._dragState.keyboard)&&(this._movePointerPreview(e.clientX,e.clientY),this._updateAutoScroll(e.clientX,e.clientY),!this._dragState.committed)){const t=this._dropTargetFromPoint(e.clientX,e.clientY);if(!t||!this._canDrop(t,this._dragState.movedRootIds)){this._queueDropTarget(null,e.timeStamp);return}this._queueDropTarget(t,e.timeStamp)}}}_updateAutoScroll(e,t){this._autoScrollPoint={x:e,y:t},!this._autoScrollFrame&&typeof requestAnimationFrame=="function"&&(this._autoScrollFrame=requestAnimationFrame(this._autoScrollTick))}_stopAutoScroll(){this._autoScrollFrame&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(this._autoScrollFrame),this._autoScrollFrame=0,this._autoScrollPoint=null}_onPointerUp(e){if(!this._pointerGesture||e.pointerId!==this._pointerGesture.pointerId)return;e.preventDefault();try{this._pointerGesture.captureTarget?.releasePointerCapture?.(e.pointerId)}catch{}const t=this._pointerGesture;if(this._pointerGesture=null,this._stopAutoScroll(),!this._dragState||this._dragState.keyboard)return;const r=t.moved?this._releaseDropTarget(e.clientX,e.clientY):null;if(t.moved&&r){this._commitMove(r,this._dragState.movedRootIds,this._dragState.clone,"pointer");return}t.moved?this._cancelDrag(!0):(this._setDropTargetVisualState(this._dragState.dropTarget,!1),this._clearPointerDragPreview(),this._dragState=null,this._removeDragImage(),this.requestRender())}_onPointerCancel(e){!this._pointerGesture||e.pointerId!==this._pointerGesture.pointerId||(this._pointerGesture=null,this._stopAutoScroll(),this._dragState&&this._cancelDrag(!0))}_setSelection(e,t){const r=new Set(this._items.map(a=>a.id)),i=Array.from(new Set(e.filter(a=>r.has(a)))),s=[...this._selection];this._selection=i,this._rangeAnchorId=i[i.length-1]||null,this._focusedId=i[i.length-1]||this._focusedId;const n=X(i);if(this.getAttribute("selection")!==n){this._lastSelectionAttr=n,this._suppressAttributeRender=!0;try{i.length?this.setAttribute("selection",n):this.removeAttribute("selection")}finally{this._suppressAttributeRender=!1}}if(this.dispatchEvent(new CustomEvent("selection-change",{detail:{selection:[...i],previousSelection:s},bubbles:!0,composed:!0})),t!=="restore"){if(this._applyInteractiveStateInPlace({restoreFocus:!0}))return;this.requestRender()}}_toggleSelection(e){const t=this._selection.includes(e)?this._selection.filter(r=>r!==e):[...this._selection,e];this._setSelection(t,"pointer"),this._announce(`${t.length} items selected.`)}_selectRangeTo(e){const t=this._visibleItemIds(),r=this._rangeAnchorId||this._focusedId||e,i=t.indexOf(r),s=t.indexOf(e);if(i<0||s<0){this._setSelection([e],"pointer");return}const[n,a]=i<=s?[i,s]:[s,i];this._setSelection(t.slice(n,a+1),"pointer"),this._announce(`${a-n+1} items selected.`)}_visibleItemIds(){const e=Q(this._items,new Set(this._selection),new Set(this._draggingIds()),this.filterQuery,this.sort);return Array.from(e.values()).flat().filter(t=>!t.disabled).map(t=>t.id)}_selectedRootIds(e){const t=this._selection.length?[...this._selection]:e?[e]:[],r=T(this._items),i=new Set(t);return t.filter(s=>{const n=r.get(s);if(!n)return!1;let a=n.parentId;for(;a;){if(i.has(a))return!1;a=r.get(a)?.parentId??null}return!n.disabled})}_draggingIds(){if(!this._dragState)return[];const e=T(this._items),t=E(this._items),r=[],i=s=>{r.push(s);const n=e.get(s);if(!n)return;(t.get(k(n.listId,s))||[]).forEach(i)};return this._dragState.movedRootIds.forEach(i),r}_itemClonesOnDrag(e){const t=this._items.find(i=>i.id===e);return t?t.cloneOnDrag?!0:!!this._lists.find(i=>i.id===t.listId)?.cloneOnDrag:!1}_isDragLocked(){return!!(this.hasAttribute("disabled")||this.sort!=="manual"||this.filterQuery&&!this.hasAttribute("allow-filtered-drag"))}_canDrop(e,t){if(this._isDragLocked())return!1;const r=this._lists.find(o=>o.id===e.listId);if(!r||r.disabled)return!1;const i=T(this._items),s=new Set,n=E(this._items),a=o=>{s.add(o);const u=i.get(o);u&&(n.get(k(u.listId,o))||[]).forEach(a)};if(t.forEach(a),e.parentId&&s.has(e.parentId)||e.beforeId&&s.has(e.beforeId))return!1;const d=Array.from(new Set(t.map(o=>i.get(o)?.listId).filter(Boolean)));return!(r.accepts?.length&&d.some(o=>!r.accepts?.includes(o))||e.mode==="inside"&&this.getAttribute("allow-nesting")==="false")}_commitMove(e,t,r,i){if(!this._canDrop(e,t))return;const s=T(this._items),n=E(this._items),a=new Set,d=[],o=p=>{const w=s.get(p);!w||a.has(p)||(a.add(p),d.push(p),(n.get(k(w.listId,p))||[]).forEach(o))};t.forEach(o);const u=this._items.map(P),c=u.filter(p=>a.has(p.id)),h=r?u.map(P):u.filter(p=>!a.has(p.id)),f=r?c.map(p=>this._cloneSubtreeItem(p,d)):c.map(P),_=new Map,I=new Map;r&&c.forEach((p,w)=>{_.set(p.id,f[w].id),I.set(f[w].id,p.id)}),f.forEach(p=>{const w=r?I.get(p.id):p.id,F=w?s.get(w):null;F&&(r&&(p.parentId=F.parentId&&_.has(F.parentId)&&_.get(F.parentId)||null),p.listId=e.listId)});const m=t.map(p=>_.get(p)||p),v=[...h,...f],D=E(h),A=k(e.listId,e.parentId),z=[...D.get(A)||[]],b=e.beforeId?z.indexOf(e.beforeId):z.length,S=b>=0?b:z.length;z.splice(S,0,...m),D.set(A,z),E(f).forEach((p,w)=>{const[,F]=w.split("::");(F||"")!=="__root__"&&D.set(w,[...p])});const $=T(v);m.forEach(p=>{const w=$.get(p);w&&(w.parentId=e.parentId,w.listId=e.listId)});const O=[],L=new Set,q=(p,w)=>{(D.get(k(p,w))||[]).forEach((V,ee)=>{const N=$.get(V);!N||L.has(V)||(L.add(V),N.listId=p,N.parentId=w,N.order=ee,O.push(N),q(p,V))})};this._lists.forEach(p=>q(p.id,null)),v.forEach(p=>{L.has(p.id)||(p.parentId=null,O.push(p))}),this._dragState&&(this._dragState.committed=!0),this._items=O.map(P),this._clearPointerDragPreview(),this._dragState=null,this._removeDragImage();const H=[...m],g=[...this._selection];this._selection=H,this._focusedId=H[0]||null,this._pendingFocusId=this._focusedId,this._syncAttributesFromState();const x=J(this._items);this._persistSnapshot(x);const M=t.map(p=>s.get(p)).filter(p=>!!p),C=r?"clone":e.mode==="inside"?"nest":M.some(p=>p.listId!==e.listId)?"transfer":"reorder",G={items:this.items,lists:this.lists,selection:[...H],previousSelection:g,movedIds:[...m],source:i,operation:C,persistence:x};this.dispatchEvent(new CustomEvent("change",{detail:G,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("persist-request",{detail:G,bubbles:!0,composed:!0})),this._announce(this._messageForMove(C,m.length,e)),this.requestRender()}_syncAttributesFromState(){const e=he(this._lists),t=pe(this._items),r=X(this._selection);this._lastListsAttr=e,this._lastItemsAttr=t,this._lastSelectionAttr=r,this._suppressAttributeRender=!0;try{this.setAttribute("lists",e),this.setAttribute("items",t),this._selection.length?this.setAttribute("selection",r):this.removeAttribute("selection")}finally{this._suppressAttributeRender=!1}}_cloneSubtreeItem(e,t){const i=`copy-${this._cloneSeed++}`,n=`${e.id.includes("--copy-")?e.id.split("--copy-")[0]:e.id}--${i}`;return{...e,id:n,label:t[0]===e.id?`${e.label} copy`:e.label}}_messageForMove(e,t,r){const s=this._lists.find(n=>n.id===r.listId)?.label||r.listId;return e==="clone"?`${t===1?"Item copied":`${t} items copied`} into ${s}.`:e==="nest"?`${t===1?"Item nested":`${t} items nested`} in ${s}.`:e==="transfer"?`${t===1?"Item moved":`${t} items moved`} to ${s}.`:`${t===1?"Item reordered":`${t} items reordered`} in ${s}.`}_persistSnapshot(e){const t=this.getAttribute("persist-key");if(t)try{window.localStorage.setItem(t,JSON.stringify(e))}catch{}}_announce(e){this._liveMessage=e,this._applyLiveMessage()}_cancelDrag(e){this._stopAutoScroll(),this._dragState&&(this._setDraggingVisualState(this._draggingIds(),!1),this._pendingDropTarget=null,this._setDropTargetVisualState(this._dragState.dropTarget,!1),this._clearPointerDragPreview(),this._items=this._dragState.snapshot.map(P),this._dragState=null,this._pointerGesture=null,this._removeDragImage(),e&&this._announce("Drag cancelled."),this._syncAttributesFromState(),this.requestRender())}_applyDragImage(e,t){this._removeDragImage();const r=document.createElement("div");r.textContent=t===1?"Dragging item":`Dragging ${t} items`,r.style.position="fixed",r.style.top="-999px",r.style.left="-999px",r.style.padding="8px 12px",r.style.borderRadius="999px",r.style.background="rgba(15, 23, 42, 0.92)",r.style.color="#f8fafc",r.style.font="600 12px/1 Inter, sans-serif",r.style.pointerEvents="none",document.body.appendChild(r),e.setDragImage(r,12,12),this._dragImage=r}_removeDragImage(){this._dragImage?.remove(),this._dragImage=null}_removeDragPreviewOverlay(){this._dragPreviewOverlay?.remove(),this._dragPreviewOverlay=null}_applyPointerPreview(e,t,r,i){this._removeDragImage();const s=document.createElement("div");s.textContent=i?r===1?"Copying item":`Copying ${r} items`:r===1?"Moving item":`Moving ${r} items`,s.style.position="fixed",s.style.top="0",s.style.left="0",s.style.zIndex="2147483647",s.style.padding="8px 12px",s.style.borderRadius="999px",s.style.background="rgba(15, 23, 42, 0.92)",s.style.color="#f8fafc",s.style.font="600 12px/1 Inter, sans-serif",s.style.pointerEvents="none",s.style.boxShadow="0 12px 28px rgba(15, 23, 42, 0.22)",document.body.appendChild(s),this._dragImage=s,this._movePointerPreview(e,t)}_movePointerPreview(e,t){this._dragImage&&(this._dragImage.style.transform=`translate(${Math.round(e+14)}px, ${Math.round(t+14)}px)`)}_keyboardDropTargets(){const e=T(this._items),t=E(this._items),r=[],i=this.getAttribute("allow-nesting")!=="false",s=(n,a)=>{const d=t.get(k(n,a))||[];d.forEach(o=>{const u=e.get(o);!u||u.hidden||(r.push({listId:n,parentId:a,beforeId:o,mode:"before",label:`Before ${u.label}`}),i&&r.push({listId:n,parentId:o,beforeId:null,mode:"inside",label:`Nest inside ${u.label}`}),s(n,o))}),a?i&&d.length>0&&r.push({listId:n,parentId:a,beforeId:null,mode:"before",label:"After children"}):r.push({listId:n,parentId:a,beforeId:null,mode:"before",label:`End of ${this._lists.find(o=>o.id===n)?.label||n}`})};return this._lists.forEach(n=>s(n.id,null)),r.filter(n=>this._canDrop(n,this._dragState?.movedRootIds||[]))}_initialKeyboardDropTarget(e){const t=this._items.find(r=>r.id===e);return t?{listId:t.listId,parentId:t.parentId,beforeId:e,mode:"before"}:null}_moveKeyboardDropTarget(e){if(!this._dragState)return;const t=this._keyboardDropTargets();if(!t.length)return;const r=Math.max(0,t.findIndex(s=>s.listId===this._dragState?.dropTarget?.listId&&s.parentId===this._dragState?.dropTarget?.parentId&&s.beforeId===this._dragState?.dropTarget?.beforeId&&s.mode===this._dragState?.dropTarget?.mode)),i=Math.max(0,Math.min(t.length-1,r+e));this._setDropTarget(t[i],{announceLabel:t[i].label})}}typeof customElements<"u"&&!customElements.get("ui-sortable")&&customElements.define("ui-sortable",Z);exports.UISortable=Z;
+    `}_onClick(e){const t=e.composedPath(),r=t.find(o=>o instanceof HTMLElement&&o.classList?.contains("toolbar")),i=this._dragActivatorFromPath(t),s=t.find(o=>o instanceof HTMLElement&&o.classList.contains("item"));if(i&&i.kind!=="item")return;if(!s)return r&&!(e.target instanceof HTMLButtonElement),void 0;const n=s.getAttribute("data-id");if(!n)return;const a=this._items.find(o=>o.id===n);if(!a||a.disabled)return;const d=e;if(d.shiftKey?this._selectRangeTo(n):d.metaKey||d.ctrlKey?this._toggleSelection(n):this._setSelection([n],"pointer"),this._focusedId=n,this._rangeAnchorId=n,this._pendingFocusId=n,this._hasCustomItemRendering()){this._syncSelectionVisualState(),this._restorePendingFocus();return}this.requestRender()}_onFocusIn(e){const r=e.composedPath().find(i=>i instanceof HTMLElement&&i.classList.contains("item"))?.getAttribute("data-id");r&&(this._focusedId=r,this._syncSelectionVisualState())}_isForeignControl(e){const t=e.composedPath()[0];return!(t instanceof HTMLElement)||t.classList.contains("handle")||t.classList.contains("item")?!1:t.isContentEditable||t.matches('input, textarea, select, button, summary, a[href], [role="button"], [role="textbox"], [role="combobox"]')}_onKeyDown(e){if(this._isForeignControl(e))return;const t=this._visibleItemIds();if(!t.length)return;const r=this._focusedId&&t.includes(this._focusedId)?this._focusedId:t[0],i=t.indexOf(r),s=this._items.find(c=>c.id===r),a=(s?this._lists.find(c=>c.id===s.listId):null)?.orientation==="horizontal",d=this._isRtl(),o=a?d?"ArrowLeft":"ArrowRight":"ArrowDown",u=a?d?"ArrowRight":"ArrowLeft":"ArrowUp";if(!this._dragState?.keyboard){if(e.key===o){e.preventDefault(),this._moveFocusBy(t,i,1);return}if(e.key===u){e.preventDefault(),this._moveFocusBy(t,i,-1);return}if((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault(),this._setSelection(t,"keyboard"),this._announce(`${t.length} items selected.`);return}if(e.key==="Enter"){e.preventDefault(),this._setSelection([r],"keyboard");return}if(e.key===" "||e.code==="Space"){if(e.preventDefault(),this._isDragLocked()){this._announce("Dragging is disabled right now.");return}const c=this._selectedRootIds(r);if(!c.length)return;const h=this._itemClonesOnDrag(r);this._dragState={snapshot:this._items.map(P),movedRootIds:c,originId:r,clone:h,keyboard:!0,dropTarget:this._initialKeyboardDropTarget(r),committed:!1};const _=c.length===1?`Lifted ${s?.label||"item"}.`:`Lifted ${c.length} items.`;this._announce(`${_} Use arrow keys to choose a destination.`),this.requestRender();return}if(e.key==="Escape"){this._setSelection([],"keyboard");return}return}if(e.key==="Escape"){e.preventDefault(),this._cancelDrag(!0);return}if(e.key==="Enter"||e.key===" "||e.code==="Space"){e.preventDefault();const c=this._dragState.dropTarget;if(!c)return;this._commitMove(c,this._dragState.movedRootIds,this._dragState.clone,"keyboard");return}if(["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(e.key)){e.preventDefault();const c=d?"ArrowLeft":"ArrowRight",h=e.key==="ArrowDown"||e.key===c?1:-1;this._moveKeyboardDropTarget(h)}}_isRtl(){const e=this.ownerDocument?.defaultView?.getComputedStyle(this).direction;return e?e==="rtl":this.closest("[dir]")?.getAttribute("dir")==="rtl"}_moveFocusBy(e,t,r){const i=Math.max(0,Math.min(e.length-1,t+r)),s=e[i];this._focusedId=s,this._pendingFocusId=s,!this._applyInteractiveStateInPlace({restoreFocus:!0})&&this.requestRender()}_onDragStart(e){const t=this._dragActivatorFromPath(e.composedPath()),r=t?.id;if(!t||!r){e.preventDefault();return}if(this._isDragLocked()){e.preventDefault(),this._announce("Dragging is disabled right now.");return}const i=this._items.find(a=>a.id===r);if(!i||i.disabled||i.dragDisabled){e.preventDefault();return}const s=this._selection.includes(r)?this._selectedRootIds(r):[r];this._selection.includes(r)||this._setSelection([r],"pointer");const n=this._itemClonesOnDrag(r);this._dragState={snapshot:this._items.map(P),movedRootIds:s,originId:r,clone:n,keyboard:!1,dropTarget:null,committed:!1},e.dataTransfer&&(e.dataTransfer.effectAllowed=n?"copyMove":"move",e.dataTransfer.setData("text/plain",s.join(",")),this._applyDragImage(e.dataTransfer,s.length)),this._announce(n?`Dragging ${s.length===1?i.label:`${s.length} items`} as a copy.`:`Dragging ${s.length===1?i.label:`${s.length} items`}.`),this.requestRender()}_onDragOver(e){if(!this._dragState||this._dragState.keyboard)return;const t=this._dropTargetFromEvent(e);if(!t||!this._canDrop(t,this._dragState.movedRootIds)){this._queueDropTarget(null,e.timeStamp);return}e.preventDefault(),this._queueDropTarget(t,e.timeStamp),e.dataTransfer&&(e.dataTransfer.dropEffect=this._dragState.clone?"copy":"move")}_onDrop(e){if(!this._dragState||this._dragState.keyboard)return;const t=this._dropTargetFromEvent(e);!t||!this._canDrop(t,this._dragState.movedRootIds)||(e.preventDefault(),this._commitMove(t,this._dragState.movedRootIds,this._dragState.clone,"pointer"))}_onDocumentKeyDown(e){e.key==="Escape"&&(!this._dragState||this._dragState.keyboard||(e.preventDefault(),this._cancelDrag(!0)))}_onDragEnd(){!this._dragState||this._dragState.keyboard||this._dragState.committed||(this._setDraggingVisualState(this._draggingIds(),!1),this._pendingDropTarget=null,this._setDropTargetVisualState(this._dragState.dropTarget,!1),this._clearPointerDragPreview(),this._dragState=null,this._removeDragImage(),this._announce("Drag cancelled."),this.requestRender())}_dropTargetFromEvent(e){return this._dropTargetFromPath(e.composedPath(),e.clientX,e.clientY)}_dropTargetFromPath(e,t,r){const i=e.find(y=>y instanceof HTMLElement&&y.classList.contains("dropzone"));if(i){const y={listId:i.getAttribute("data-list-id")||"",parentId:i.getAttribute("data-parent-id")||null,beforeId:i.getAttribute("data-before-id")||null,mode:i.getAttribute("data-mode")==="inside"?"inside":"before"};if(y.listId)return y}const s=e.find(y=>y instanceof HTMLElement&&y.classList.contains("item"));if(!s){const R=e.find($=>$ instanceof HTMLElement&&$.classList.contains("list")&&$.hasAttribute("data-list-id"))?.getAttribute("data-list-id");return R?{listId:R,parentId:null,beforeId:null,mode:"before"}:null}const n=s.getAttribute("data-id");if(!n)return null;const a=this._items.find(y=>y.id===n);if(!a)return null;const d=this._lists.find(y=>y.id===a.listId),o=s.getBoundingClientRect(),u=d?.orientation==="horizontal",c=u?o.left:o.top,h=u?o.right:o.bottom,_=u?t:r,f=Math.max(1,h-c),S=(_-c)/f,m=u&&this._isRtl()?1-S:S,v=this.getAttribute("allow-nesting")!=="false"&&!a.disabled;if(m<=.34)return{listId:a.listId,parentId:a.parentId,beforeId:a.id,mode:"before"};if(v&&m>=.34&&m<=.74)return{listId:a.listId,parentId:a.id,beforeId:null,mode:"inside"};const A=E(this._items).get(k(a.listId,a.parentId))||[],z=A.indexOf(a.id),b=z>=0&&A[z+1]||null;return{listId:a.listId,parentId:a.parentId,beforeId:b,mode:"before"}}_dropTargetFromPoint(e,t){return this._dropTargetFromPath(this._pathFromPoint(e,t),e,t)}_beginPointerDrag(e,t){if(!this._pointerGesture||this._dragState)return;const r=this._items.find(i=>i.id===this._pointerGesture?.originId);r&&(this._dragState={snapshot:this._items.map(P),movedRootIds:[...this._pointerGesture.movedRootIds],originId:this._pointerGesture.originId,clone:this._pointerGesture.clone,keyboard:!1,dropTarget:null,committed:!1},this._pendingDropTarget=null,this._applyPointerPreview(e,t,this._dragState.movedRootIds.length,this._dragState.clone),this._setDraggingVisualState(this._draggingIds(),!0),this._announce(this._dragState.clone?`Dragging ${this._dragState.movedRootIds.length===1?r.label:`${this._dragState.movedRootIds.length} items`} as a copy.`:`Dragging ${this._dragState.movedRootIds.length===1?r.label:`${this._dragState.movedRootIds.length} items`}.`))}_onPointerDown(e){const t=this._dragActivatorFromPath(e.composedPath()),r=t?.id;if(!t||!r)return;if(this._isDragLocked()){e.preventDefault(),this._announce("Dragging is disabled right now.");return}const i=this._items.find(n=>n.id===r);if(!i||i.disabled||i.dragDisabled){e.preventDefault();return}e.preventDefault();try{t.element.setPointerCapture?.(e.pointerId)}catch{}const s=this._selection.includes(r)?this._selectedRootIds(r):[r];this._pointerGesture={pointerId:e.pointerId,pointerType:e.pointerType,originId:r,movedRootIds:s,clone:this._itemClonesOnDrag(r),startX:e.clientX,startY:e.clientY,moved:!1,captureTarget:t.element}}_onPointerMove(e){if(!(!this._pointerGesture||e.pointerId!==this._pointerGesture.pointerId)){if(e.preventDefault(),!this._pointerGesture.moved){if(Math.hypot(e.clientX-this._pointerGesture.startX,e.clientY-this._pointerGesture.startY)<6)return;this._pointerGesture.moved=!0,this._beginPointerDrag(e.clientX,e.clientY)}if(!(!this._dragState||this._dragState.keyboard)&&(this._movePointerPreview(e.clientX,e.clientY),this._updateAutoScroll(e.clientX,e.clientY),!this._dragState.committed)){const t=this._dropTargetFromPoint(e.clientX,e.clientY);if(!t||!this._canDrop(t,this._dragState.movedRootIds)){this._queueDropTarget(null,e.timeStamp);return}this._queueDropTarget(t,e.timeStamp)}}}_updateAutoScroll(e,t){this._autoScrollPoint={x:e,y:t},!this._autoScrollFrame&&typeof requestAnimationFrame=="function"&&(this._autoScrollFrame=requestAnimationFrame(this._autoScrollTick))}_stopAutoScroll(){this._autoScrollFrame&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(this._autoScrollFrame),this._autoScrollFrame=0,this._autoScrollPoint=null}_onPointerUp(e){if(!this._pointerGesture||e.pointerId!==this._pointerGesture.pointerId)return;e.preventDefault();try{this._pointerGesture.captureTarget?.releasePointerCapture?.(e.pointerId)}catch{}const t=this._pointerGesture;if(this._pointerGesture=null,this._stopAutoScroll(),!this._dragState||this._dragState.keyboard)return;const r=t.moved?this._releaseDropTarget(e.clientX,e.clientY):null;if(t.moved&&r){this._commitMove(r,this._dragState.movedRootIds,this._dragState.clone,"pointer");return}t.moved?this._cancelDrag(!0):(this._setDropTargetVisualState(this._dragState.dropTarget,!1),this._clearPointerDragPreview(),this._dragState=null,this._removeDragImage(),this.requestRender())}_onPointerCancel(e){!this._pointerGesture||e.pointerId!==this._pointerGesture.pointerId||(this._pointerGesture=null,this._stopAutoScroll(),this._dragState&&this._cancelDrag(!0))}_setSelection(e,t){const r=new Set(this._items.map(a=>a.id)),i=Array.from(new Set(e.filter(a=>r.has(a)))),s=[...this._selection];this._selection=i,this._rangeAnchorId=i[i.length-1]||null,this._focusedId=i[i.length-1]||this._focusedId;const n=X(i);if(this.getAttribute("selection")!==n){this._lastSelectionAttr=n,this._suppressAttributeRender=!0;try{i.length?this.setAttribute("selection",n):this.removeAttribute("selection")}finally{this._suppressAttributeRender=!1}}if(this.dispatchEvent(new CustomEvent("selection-change",{detail:{selection:[...i],previousSelection:s},bubbles:!0,composed:!0})),t!=="restore"){if(this._applyInteractiveStateInPlace({restoreFocus:!0}))return;this.requestRender()}}_toggleSelection(e){const t=this._selection.includes(e)?this._selection.filter(r=>r!==e):[...this._selection,e];this._setSelection(t,"pointer"),this._announce(`${t.length} items selected.`)}_selectRangeTo(e){const t=this._visibleItemIds(),r=this._rangeAnchorId||this._focusedId||e,i=t.indexOf(r),s=t.indexOf(e);if(i<0||s<0){this._setSelection([e],"pointer");return}const[n,a]=i<=s?[i,s]:[s,i];this._setSelection(t.slice(n,a+1),"pointer"),this._announce(`${a-n+1} items selected.`)}_visibleItemIds(){const e=Q(this._items,new Set(this._selection),new Set(this._draggingIds()),this.filterQuery,this.sort);return Array.from(e.values()).flat().filter(t=>!t.disabled).map(t=>t.id)}_selectedRootIds(e){const t=this._selection.length?[...this._selection]:e?[e]:[],r=T(this._items),i=new Set(t);return t.filter(s=>{const n=r.get(s);if(!n)return!1;let a=n.parentId;for(;a;){if(i.has(a))return!1;a=r.get(a)?.parentId??null}return!n.disabled})}_draggingIds(){if(!this._dragState)return[];const e=T(this._items),t=E(this._items),r=[],i=s=>{r.push(s);const n=e.get(s);if(!n)return;(t.get(k(n.listId,s))||[]).forEach(i)};return this._dragState.movedRootIds.forEach(i),r}_itemClonesOnDrag(e){const t=this._items.find(i=>i.id===e);return t?t.cloneOnDrag?!0:!!this._lists.find(i=>i.id===t.listId)?.cloneOnDrag:!1}_isDragLocked(){return!!(this.hasAttribute("disabled")||this.sort!=="manual"||this.filterQuery&&!this.hasAttribute("allow-filtered-drag"))}_canDrop(e,t){if(this._isDragLocked())return!1;const r=this._lists.find(o=>o.id===e.listId);if(!r||r.disabled)return!1;const i=T(this._items),s=new Set,n=E(this._items),a=o=>{s.add(o);const u=i.get(o);u&&(n.get(k(u.listId,o))||[]).forEach(a)};if(t.forEach(a),e.parentId&&s.has(e.parentId)||e.beforeId&&s.has(e.beforeId))return!1;const d=Array.from(new Set(t.map(o=>i.get(o)?.listId).filter(Boolean)));return!(r.accepts?.length&&d.some(o=>!r.accepts?.includes(o))||e.mode==="inside"&&this.getAttribute("allow-nesting")==="false")}_commitMove(e,t,r,i){if(!this._canDrop(e,t))return;const s=T(this._items),n=E(this._items),a=new Set,d=[],o=p=>{const w=s.get(p);!w||a.has(p)||(a.add(p),d.push(p),(n.get(k(w.listId,p))||[]).forEach(o))};t.forEach(o);const u=this._items.map(P),c=u.filter(p=>a.has(p.id)),h=r?u.map(P):u.filter(p=>!a.has(p.id)),_=r?c.map(p=>this._cloneSubtreeItem(p,d)):c.map(P),f=new Map,S=new Map;r&&c.forEach((p,w)=>{f.set(p.id,_[w].id),S.set(_[w].id,p.id)}),_.forEach(p=>{const w=r?S.get(p.id):p.id,F=w?s.get(w):null;F&&(r&&(p.parentId=F.parentId&&f.has(F.parentId)&&f.get(F.parentId)||null),p.listId=e.listId)});const m=t.map(p=>f.get(p)||p),v=[...h,..._],D=E(h),A=k(e.listId,e.parentId),z=[...D.get(A)||[]],b=e.beforeId?z.indexOf(e.beforeId):z.length,y=b>=0?b:z.length;z.splice(y,0,...m),D.set(A,z),E(_).forEach((p,w)=>{const[,F]=w.split("::");(F||"")!=="__root__"&&D.set(w,[...p])});const $=T(v);m.forEach(p=>{const w=$.get(p);w&&(w.parentId=e.parentId,w.listId=e.listId)});const O=[],L=new Set,q=(p,w)=>{(D.get(k(p,w))||[]).forEach((V,ee)=>{const N=$.get(V);!N||L.has(V)||(L.add(V),N.listId=p,N.parentId=w,N.order=ee,O.push(N),q(p,V))})};this._lists.forEach(p=>q(p.id,null)),v.forEach(p=>{L.has(p.id)||(p.parentId=null,O.push(p))}),this._dragState&&(this._dragState.committed=!0),this._items=O.map(P),this._clearPointerDragPreview(),this._dragState=null,this._removeDragImage();const H=[...m],g=[...this._selection];this._selection=H,this._focusedId=H[0]||null,this._pendingFocusId=this._focusedId,this._syncAttributesFromState();const x=J(this._items);this._persistSnapshot(x);const M=t.map(p=>s.get(p)).filter(p=>!!p),C=r?"clone":e.mode==="inside"?"nest":M.some(p=>p.listId!==e.listId)?"transfer":"reorder",G={items:this.items,lists:this.lists,selection:[...H],previousSelection:g,movedIds:[...m],source:i,operation:C,persistence:x};this.dispatchEvent(new CustomEvent("change",{detail:G,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("persist-request",{detail:G,bubbles:!0,composed:!0})),this._announce(this._messageForMove(C,m.length,e)),this.requestRender()}_syncAttributesFromState(){const e=he(this._lists),t=pe(this._items),r=X(this._selection);this._lastListsAttr=e,this._lastItemsAttr=t,this._lastSelectionAttr=r,this._suppressAttributeRender=!0;try{this.setAttribute("lists",e),this.setAttribute("items",t),this._selection.length?this.setAttribute("selection",r):this.removeAttribute("selection")}finally{this._suppressAttributeRender=!1}}_cloneSubtreeItem(e,t){const i=`copy-${this._cloneSeed++}`,n=`${e.id.includes("--copy-")?e.id.split("--copy-")[0]:e.id}--${i}`;return{...e,id:n,label:t[0]===e.id?`${e.label} copy`:e.label}}_messageForMove(e,t,r){const s=this._lists.find(n=>n.id===r.listId)?.label||r.listId;return e==="clone"?`${t===1?"Item copied":`${t} items copied`} into ${s}.`:e==="nest"?`${t===1?"Item nested":`${t} items nested`} in ${s}.`:e==="transfer"?`${t===1?"Item moved":`${t} items moved`} to ${s}.`:`${t===1?"Item reordered":`${t} items reordered`} in ${s}.`}_persistSnapshot(e){const t=this.getAttribute("persist-key");if(t)try{window.localStorage.setItem(t,JSON.stringify(e))}catch{}}_announce(e){this._liveMessage=e,this._applyLiveMessage()}_cancelDrag(e){this._stopAutoScroll(),this._dragState&&(this._setDraggingVisualState(this._draggingIds(),!1),this._pendingDropTarget=null,this._setDropTargetVisualState(this._dragState.dropTarget,!1),this._clearPointerDragPreview(),this._items=this._dragState.snapshot.map(P),this._dragState=null,this._pointerGesture=null,this._removeDragImage(),e&&this._announce("Drag cancelled."),this._syncAttributesFromState(),this.requestRender())}_applyDragImage(e,t){this._removeDragImage();const r=document.createElement("div");r.textContent=t===1?"Dragging item":`Dragging ${t} items`,r.style.position="fixed",r.style.top="-999px",r.style.left="-999px",r.style.padding="8px 12px",r.style.borderRadius="999px",r.style.background="rgba(15, 23, 42, 0.92)",r.style.color="#f8fafc",r.style.font="600 12px/1 Inter, sans-serif",r.style.pointerEvents="none",document.body.appendChild(r),e.setDragImage(r,12,12),this._dragImage=r}_removeDragImage(){this._dragImage?.remove(),this._dragImage=null}_removeDragPreviewOverlay(){this._dragPreviewOverlay?.remove(),this._dragPreviewOverlay=null}_applyPointerPreview(e,t,r,i){this._removeDragImage();const s=document.createElement("div");s.textContent=i?r===1?"Copying item":`Copying ${r} items`:r===1?"Moving item":`Moving ${r} items`,s.style.position="fixed",s.style.top="0",s.style.left="0",s.style.zIndex="2147483647",s.style.padding="8px 12px",s.style.borderRadius="999px",s.style.background="rgba(15, 23, 42, 0.92)",s.style.color="#f8fafc",s.style.font="600 12px/1 Inter, sans-serif",s.style.pointerEvents="none",s.style.boxShadow="0 12px 28px rgba(15, 23, 42, 0.22)",document.body.appendChild(s),this._dragImage=s,this._movePointerPreview(e,t)}_movePointerPreview(e,t){this._dragImage&&(this._dragImage.style.transform=`translate(${Math.round(e+14)}px, ${Math.round(t+14)}px)`)}_keyboardDropTargets(){const e=T(this._items),t=E(this._items),r=[],i=this.getAttribute("allow-nesting")!=="false",s=(n,a)=>{const d=t.get(k(n,a))||[];d.forEach(o=>{const u=e.get(o);!u||u.hidden||(r.push({listId:n,parentId:a,beforeId:o,mode:"before",label:`Before ${u.label}`}),i&&r.push({listId:n,parentId:o,beforeId:null,mode:"inside",label:`Nest inside ${u.label}`}),s(n,o))}),a?i&&d.length>0&&r.push({listId:n,parentId:a,beforeId:null,mode:"before",label:"After children"}):r.push({listId:n,parentId:a,beforeId:null,mode:"before",label:`End of ${this._lists.find(o=>o.id===n)?.label||n}`})};return this._lists.forEach(n=>s(n.id,null)),r.filter(n=>this._canDrop(n,this._dragState?.movedRootIds||[]))}_initialKeyboardDropTarget(e){const t=this._items.find(r=>r.id===e);return t?{listId:t.listId,parentId:t.parentId,beforeId:e,mode:"before"}:null}_moveKeyboardDropTarget(e){if(!this._dragState)return;const t=this._keyboardDropTargets();if(!t.length)return;const r=Math.max(0,t.findIndex(s=>s.listId===this._dragState?.dropTarget?.listId&&s.parentId===this._dragState?.dropTarget?.parentId&&s.beforeId===this._dragState?.dropTarget?.beforeId&&s.mode===this._dragState?.dropTarget?.mode)),i=Math.max(0,Math.min(t.length-1,r+e));this._setDropTarget(t[i],{announceLabel:t[i].label})}}typeof customElements<"u"&&!customElements.get("ui-sortable")&&customElements.define("ui-sortable",Z);exports.UISortable=Z;