atomicuilibrary 0.1.0 → 0.1.3

package/dist/exploration-project-tailwind/p-4417a9d8.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as r,H as i}from"./p-DUsoYu9r.js";import{s as a}from"./p-Dyu3Nplq.js";const s=class{constructor(r){t(this,r),this.transferChange=e(this,"transferChange"),this.selectionChanged=e(this,"selectionChanged")}sourceItems=[];targetItems=[];titles=["Available","Selected"];searchable=!0;sortable=!1;allowReorder=!1;max=1/0;searchPlaceholder="Search items...";showSelectAll=!0;disabled=!1;height="300px";mode="list";enableDrag=!1;oneWay=!1;pagination=!1;pageSize=10;columns=[];loading=!1;iconLibrary="default";itemRenderer=null;groupBy="";variant="default";layout="horizontal";resizable=!1;filterOption=null;locale={itemUnit:"item",itemsUnit:"items",notFoundContent:"No items",searchPlaceholder:"Search items...",titles:["Available","Selected"]};sourceSearch="";targetSearch="";sourceSelected=new Set;targetSelected=new Set;lastSelected=null;draggingItem=null;newlyMovedKeys=new Set;sourcePage=1;targetPage=1;badgeAnimating={source:!1,target:!1};sourceSort="none";targetSort="none";dividerPosition=50;contextMenu={visible:!1,x:0,y:0,item:null,side:null};transferChange;selectionChanged;getSourceItems(){const t="string"==typeof this.sourceItems?JSON.parse(this.sourceItems):this.sourceItems;return this.sortable?[...t].sort(((t,e)=>t.label.localeCompare(e.label))):t}getTargetItems(){const t="string"==typeof this.targetItems?JSON.parse(this.targetItems):this.targetItems;return this.sortable&&!this.allowReorder?[...t].sort(((t,e)=>t.label.localeCompare(e.label))):t}getTitles(){return"string"==typeof this.titles?JSON.parse(this.titles):this.titles}filterItems(t,e){if(!e)return t;const r=e.toLowerCase();return t.filter(this.filterOption?t=>this.filterOption(r,t):t=>(t.label??"").toLowerCase().includes(r)||t.description&&t.description.toLowerCase().includes(r))}handleItemClick=(t,e,r)=>{const i="source"===t?this.sourceSelected:this.targetSelected,a="source"===t?this.getSourceItems():this.getTargetItems(),s=this.filterItems(a,"source"===t?this.sourceSearch:this.targetSearch);let o=new Set(i);if(r&&r.shiftKey&&this.lastSelected&&this.lastSelected.side===t){const t=s.findIndex((t=>t.key===this.lastSelected.key)),r=s.findIndex((t=>t.key===e));if(-1!==t&&-1!==r){const e=Math.min(t,r),i=Math.max(t,r);for(let t=e;t<=i;t++)s[t].disabled||o.add(s[t].key)}}else o.has(e)?o.delete(e):o.add(e);if(this.lastSelected={key:e,side:t},"tree"===this.mode){const t=o.has(e),r=t=>{for(const i of t){if(i.key===e)return i;if(i.children){const t=r(i.children);if(t)return t}}return null},i=r(a);if(i&&i.children){const e=(t,r)=>{t.forEach((t=>{t.disabled||(r?o.add(t.key):o.delete(t.key)),t.children&&e(t.children,r)}))};e(i.children,t)}}"source"===t?this.sourceSelected=new Set(o):this.targetSelected=new Set(o),this.emitSelectionChange()};handleKeyDown=(t,e,r)=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.disabled||this.handleItemClick(e,r))};moveToTarget=()=>{if(this.disabled)return;const t=this.getSourceItems(),e=this.getTargetItems(),r=t.filter((t=>this.sourceSelected.has(t.key)));if(e.length+r.length>this.max)alert(`Cannot move more than ${this.max} items.`);else{if(this.oneWay){const t=r.filter((t=>!e.some((e=>e.key===t.key))));this.targetItems=[...e,...t]}else this.sourceItems=t.filter((t=>!this.sourceSelected.has(t.key))),this.targetItems=[...e,...r];this.sourceSelected=new Set,this.newlyMovedKeys=new Set(r.map((t=>t.key))),this.badgeAnimating={...this.badgeAnimating,target:!0},setTimeout((()=>{this.newlyMovedKeys=new Set,this.badgeAnimating={...this.badgeAnimating,target:!1}}),500),this.emitChange()}};moveToSource=()=>{if(this.disabled)return;const t=this.getTargetItems().filter((t=>this.targetSelected.has(t.key)));this.targetItems=this.getTargetItems().filter((t=>!this.targetSelected.has(t.key))),this.oneWay||(this.sourceItems=[...this.getSourceItems(),...t]),this.targetSelected=new Set,this.newlyMovedKeys=new Set(t.map((t=>t.key))),this.badgeAnimating={...this.badgeAnimating,source:!0},setTimeout((()=>{this.newlyMovedKeys=new Set,this.badgeAnimating={...this.badgeAnimating,source:!1}}),500),this.emitChange()};moveAllToTarget=()=>{if(this.disabled)return;const t=this.getSourceItems(),e=this.getTargetItems();if(e.length+t.length>this.max)alert(`Cannot move all items. Limit is ${this.max}.`);else{if(this.oneWay){const r=t.filter((t=>!e.some((e=>e.key===t.key))));this.targetItems=[...e,...r]}else this.targetItems=[...e,...t],this.sourceItems=[];this.sourceSelected=new Set,this.emitChange()}};moveAllToSource=()=>{if(!this.disabled){if(!this.oneWay){const t=this.getTargetItems();this.sourceItems=[...this.getSourceItems(),...t]}this.targetItems=[],this.targetSelected=new Set,this.emitChange()}};reorder=t=>{const e=this.getTargetItems();if(0===this.targetSelected.size)return;const r=Array.from(this.targetSelected),i=[...e];r.map((t=>i.findIndex((e=>e.key===t)))).sort(((e,r)=>"up"===t?e-r:r-e)).forEach((e=>{const r="up"===t?e-1:e+1;if(r>=0&&r<i.length){const[t]=i.splice(e,1);i.splice(r,0,t)}})),this.targetItems=i,this.badgeAnimating={...this.badgeAnimating,target:!0},setTimeout((()=>{this.badgeAnimating={...this.badgeAnimating,target:!1}}),300),this.emitChange()};bulkAction=(t,e)=>{const r="source"===t?this.getSourceItems():this.getTargetItems(),i=this.filterItems(r,"source"===t?this.sourceSearch:this.targetSearch);let a=new Set("source"===t?this.sourceSelected:this.targetSelected);"all"===e?i.forEach((t=>{t.disabled||a.add(t.key)})):"none"===e?i.forEach((t=>a.delete(t.key))):"invert"===e&&i.forEach((t=>{t.disabled||(a.has(t.key)?a.delete(t.key):a.add(t.key))})),"source"===t?this.sourceSelected=new Set(a):this.targetSelected=new Set(a),this.emitSelectionChange()};highlightSearchText(t,e){if(!e||!t)return t;const i=e.toLowerCase();return t.split(new RegExp(`(${i})`,"gi")).map((t=>t.toLowerCase()===i?r("mark",{class:"search-highlight"},t):t))}emitChange(){this.transferChange.emit({source:this.getSourceItems(),target:this.getTargetItems()}),this.emitSelectionChange()}emitSelectionChange(){this.selectionChanged.emit({sourceSelected:Array.from(this.sourceSelected),targetSelected:Array.from(this.targetSelected)})}toggleSelectAll=(t,e)=>{const r="source"===t?this.getSourceItems():this.getTargetItems(),i=this.filterItems(r,"source"===t?this.sourceSearch:this.targetSearch),a=new Set("source"===t?this.sourceSelected:this.targetSelected);i.forEach(e?t=>a.add(t.key):t=>a.delete(t.key)),"source"===t?this.sourceSelected=a:this.targetSelected=a,this.emitSelectionChange()};handleDragStart=(t,e,r)=>{!this.enableDrag||this.disabled||e.disabled?t.preventDefault():(this.draggingItem={key:e.key,side:r},t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",JSON.stringify(e)),t.target.classList.add("dragging"))};handleDragOver=t=>{this.enableDrag&&!this.disabled&&(t.preventDefault(),t.dataTransfer.dropEffect="move")};handleDrop=(t,e)=>{if(!this.enableDrag||this.disabled||!this.draggingItem)return;t.preventDefault();const{key:r,side:i}=this.draggingItem;this.draggingItem=null;const a=this.el.shadowRoot?.querySelector(".dragging");if(a&&a.classList.remove("dragging"),i!==e){if("source"===i){const t=this.getSourceItems(),e=t.find((t=>t.key===r));if(e)if(this.oneWay){const t=this.getTargetItems();t.some((t=>t.key===r))||(this.targetItems=[...t,e])}else{this.sourceSelected.add(r);const i=this.getTargetItems();if(i.length+1>this.max)return;this.sourceItems=t.filter((t=>t.key!==r)),this.targetItems=[...i,e],this.sourceSelected.delete(r)}}else if(this.oneWay){const t=this.getTargetItems();this.targetItems=t.filter((t=>t.key!==r))}else{const t=this.getTargetItems(),e=t.find((t=>t.key===r));e&&(this.targetItems=t.filter((t=>t.key!==r)),this.sourceItems=[...this.getSourceItems(),e],this.targetSelected.delete(r))}this.emitChange()}};toggleSort=t=>{"source"===t?this.sourceSort="asc"===this.sourceSort?"desc":"asc":this.targetSort="asc"===this.targetSort?"desc":"asc"};sortItems(t,e){return"none"===e?t:[...t].sort(((t,r)=>{const i=(t.label??"").localeCompare(r.label??"");return"asc"===e?i:-i}))}handleDividerMouseDown=t=>{if(!this.resizable||"vertical"===this.layout)return;t.preventDefault();const e=t.clientX,r=this.dividerPosition,i=this.el.querySelector(".transfer-container")?.clientWidth??0,a=t=>{this.dividerPosition=Math.min(Math.max(r+(t.clientX-e)/i*100,20),80)},s=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",s)};handleContextMenu=(t,e,r)=>{t.preventDefault(),this.contextMenu={visible:!0,x:t.clientX,y:t.clientY,item:e,side:r}};closeContextMenu=()=>{this.contextMenu={...this.contextMenu,visible:!1}};el;getSelectionSummary(t){const e="source"===t?this.sourceSelected:this.targetSelected;if(0===e.size)return null;const r=("source"===t?this.sourceItems:this.targetItems).filter((t=>e.has(t.key)));if(this.groupBy){const t={};return r.forEach((e=>{const r=e[this.groupBy]||"Other";t[r]=(t[r]||0)+1})),Object.entries(t).map((([t,e])=>`${e} ${t}`)).join(", ")}return""}render(){const t="vertical"===this.layout;return r(i,{key:"ef965ec2d77dfa9f377091f06a61ac8456bfc084",ref:t=>this.el=t,onClick:this.closeContextMenu},r("div",{key:"4e1aa392d7d667d228f860f664592e9a39cbaded",class:{"transfer-container":!0,"is-vertical":t,"variant-glass":"glass"===this.variant}},r("div",{key:"1de4ee40158e28ed1d71c20a0a2a28d73bf405ad",class:"transfer-section source",style:!t&&this.resizable?{flex:`0 0 ${this.dividerPosition}%`}:void 0},this.renderList("source")),r("div",{key:"b36335fd3bb837fc5432e4a2cac969524c24c60b",class:{"transfer-controls":!0,"resizable-divider":this.resizable&&!t},onMouseDown:this.handleDividerMouseDown},r("div",{key:"e5e630b8898a19837a232ec24522237fa9b1ca29",class:"control-buttons"},r("ui-button",{key:"723baf7ebada286062844d9b1bc429f5d8d66312",variant:"ghost",size:"md",iconOnly:!0,icon:t?"play-skip-back":"play-skip-forward",iconLibrary:"lucide",iconStyle:{transform:t?"rotate(90deg)":""},disabled:this.disabled||0===this.getSourceItems().length,onClick:this.moveAllToTarget,ariaLabel:"Move All Right",class:"transfer-button"}),r("ui-button",{key:"f389d40c0e38846515a302d15523b896a3df6c3e",variant:"ghost",size:"md",iconOnly:!0,icon:t?"chevron-down":"chevron-right",iconLibrary:"lucide",disabled:this.disabled||0===this.sourceSelected.size,onClick:this.moveToTarget,ariaLabel:"Move Selected Right",class:"transfer-button"}),r("ui-button",{key:"0c7e67f6871a9327a4c95798650dee907448b496",variant:"ghost",size:"md",iconOnly:!0,icon:t?"chevron-up":"chevron-left",iconLibrary:"lucide",disabled:this.disabled||0===this.targetSelected.size,onClick:this.moveToSource,ariaLabel:"Move Selected Left",class:"transfer-button"}),r("ui-button",{key:"e6afc1e4a60648e63e4c02a413e359f75a743583",variant:"ghost",size:"md",iconOnly:!0,icon:t?"play-skip-forward":"play-skip-back",iconLibrary:"lucide",iconStyle:{transform:t?"rotate(90deg)":""},disabled:this.disabled||0===this.getTargetItems().length,onClick:this.moveAllToSource,ariaLabel:"Move All Left",class:"transfer-button"}))),r("div",{key:"4626e6393402ecbf3e5f4c919081ac690105a7f8",class:"transfer-section target",style:!t&&this.resizable?{flex:"1"}:void 0},this.renderList("target"),this.allowReorder&&r("div",{key:"53778a0ef11e8af735955e4fdcaa9a7771890fa3",class:"transfer-reorder-floated"},r("ui-button",{key:"b332b36745eda62b47f3b380f21f00fc42d1d53f",variant:"ghost",size:"sm",iconOnly:!0,icon:"arrow-up",iconLibrary:"lucide",disabled:0===this.targetSelected.size,onClick:()=>this.reorder("up"),ariaLabel:"Move Up",class:"transfer-button circle"}),r("ui-button",{key:"0b94cc9d83861ddba02fc59efeb1dfd27aab632e",variant:"ghost",size:"sm",iconOnly:!0,icon:"arrow-down",iconLibrary:"lucide",disabled:0===this.targetSelected.size,onClick:()=>this.reorder("down"),ariaLabel:"Move Down",class:"transfer-button circle"}))),this.contextMenu.visible&&r("div",{key:"cf41b01cbeb2bec8cfc768077026ddf4f1cd92ea",class:"transfer-context-menu",style:{top:`${this.contextMenu.y}px`,left:`${this.contextMenu.x}px`}},r("div",{key:"2f8bce002d77529bee84f28e4ce152d4b58fe972",class:"menu-item",onClick:()=>{"source"===this.contextMenu.side?this.moveToTarget():this.moveToSource()}},r("ui-icon",{key:"71bf8c920d4e5ebc27a12d658d9d0b3bbf7244bc",name:"send",library:"lucide",size:"14"})," Move to ","source"===this.contextMenu.side?"Selected":"Available"),r("div",{key:"6cc356d98029ef9274e4e0d63f4879d8e03a06a0",class:"menu-item danger",onClick:()=>{"source"===this.contextMenu.side?this.sourceSelected.delete(this.contextMenu.item.key):this.targetSelected.delete(this.contextMenu.item.key)}},r("ui-icon",{key:"cbfe5dec61fe84404a968868f505c840464b5ae8",name:"x",library:"lucide",size:"14"})," Deselect"))))}renderList(t){const e="source"===t?this.getSourceItems():this.getTargetItems(),i="source"===t?this.sourceSort:this.targetSort,a=this.sortItems(e,i),s="source"===t?this.sourceSearch:this.targetSearch,o="source"===t?this.sourceSelected:this.targetSelected,n=this.getTitles()["source"===t?0:1],l=this.filterItems(a,s),c=l.length>0&&l.every((t=>o.has(t.key))),d=l.some((t=>o.has(t.key)))&&!c,h="source"===t?this.sourcePage:this.targetPage,f=Math.ceil(l.length/this.pageSize);let u,b=l;if(this.pagination){const t=(h-1)*this.pageSize;b=l.slice(t,t+this.pageSize)}return u=this.loading?this.renderSkeleton():"tree"===this.mode?this.renderTreeView(b,o,t):"table"===this.mode?this.renderTableView(b,o,t):this.renderListView(b,o,t),r("div",{class:"transfer-list-box"},r("div",{class:"transfer-list-header"},this.showSelectAll&&"tree"!==this.mode&&r("ui-checkbox",{checked:c,indeterminate:d,onCheckboxChange:e=>this.toggleSelectAll(t,e.detail.checked),disabled:this.disabled||0===l.length,size:"sm"}),r("span",{class:"header-title"},n),this.sortable&&r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"asc"===i?"arrow-up-z-a":"arrow-down-a-z",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.toggleSort(t),ariaLabel:"Toggle Sort"}),r("div",{class:"header-actions"},r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"check-check",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.bulkAction(t,"all"),ariaLabel:"Select All Search Results"}),r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"x",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.bulkAction(t,"none"),ariaLabel:"Clear Selection"}),r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"list-restart",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.bulkAction(t,"invert"),ariaLabel:"Invert Selection"})),r("span",{class:{"header-count":!0,"pop-anim":"source"===t?this.badgeAnimating.source:this.badgeAnimating.target}},l.filter((t=>o.has(t.key))).length,"/",l.length)),this.searchable&&r("div",{class:"transfer-search"},r("ui-input",{type:"text",placeholder:this.searchPlaceholder,value:s,onInputChange:e=>{const r=e.detail;"source"===t?(this.sourceSearch=r,this.sourcePage=1):(this.targetSearch=r,this.targetPage=1)},prefixIcon:"search",size:"sm",fullWidth:!0})),r("div",{class:"transfer-list-body",style:{height:this.height},onDragOver:this.handleDragOver,onDrop:e=>this.handleDrop(e,t)},0!==l.length||this.loading?u:r("div",{class:"transfer-empty"},r("ui-icon",{name:"inbox",library:"lucide",size:"2.5em"}),r("span",null,this.locale.notFoundContent||"No items available"))),r("div",{class:"transfer-list-footer"},this.pagination&&f>1?r("div",{class:"pagination-controls"},r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",iconSize:"1.2em",disabled:1===h||this.disabled,onClick:()=>"source"===t?this.sourcePage--:this.targetPage--,ariaLabel:"Previous page"}),r("span",{class:"pagination-info"},h," / ",f),r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",iconSize:"1.2em",disabled:h===f||this.disabled,onClick:()=>"source"===t?this.sourcePage++:this.targetPage++,ariaLabel:"Next page"})):r("div",{class:"footer-summary"},this.getSelectionSummary(t)),r("slot",{name:`${t}-footer`})))}renderListView(t,e,i){const a="source"===i?this.sourceSearch:this.targetSearch;if(this.groupBy){const s={};return t.forEach((t=>{const e=t[this.groupBy]||"Other";s[e]||(s[e]=[]),s[e].push(t)})),Object.entries(s).map((([t,s])=>[r("div",{class:"transfer-group-header"},t),...s.map((t=>this.renderItem(t,e,i,a)))]))}return t.map((t=>this.renderItem(t,e,i,a)))}renderItem(t,e,i,s){return r("div",{class:{"transfer-item":!0,selected:e.has(t.key),disabled:!!t.disabled,"draggable-item":this.enableDrag,"transfer-item-new":this.newlyMovedKeys.has(t.key)},draggable:this.enableDrag&&!t.disabled&&!this.disabled,onDragStart:e=>this.handleDragStart(e,t,i),onClick:e=>!t.disabled&&!this.disabled&&this.handleItemClick(i,t.key,e),onContextMenu:e=>this.handleContextMenu(e,t,i),onKeyDown:e=>this.handleKeyDown(e,i,t.key),tabindex:t.disabled?-1:0,role:"option","aria-selected":e.has(t.key)?"true":"false","aria-disabled":t.disabled?"true":"false"},this.itemRenderer?r("div",{class:"transfer-item-custom",innerHTML:a(this.itemRenderer(t))}):r("div",{class:"transfer-item-content"},r("div",{class:"transfer-item-main"},t.icon&&r("span",{class:"transfer-item-icon"},r("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.2em"})),r("div",{class:"transfer-item-text"},r("span",{class:"transfer-item-label"},this.highlightSearchText(t.label??"",s)),t.description&&r("span",{class:"transfer-item-desc"},this.highlightSearchText(t.description,s)))),e.has(t.key)&&r("ui-icon",{name:"check",library:"lucide",size:"0.9em",class:"selected-check"})))}renderSkeleton(){return Array.from({length:5}).map((()=>r("div",{class:"transfer-item skeleton-item"},r("div",{class:"skeleton-line",style:{width:"60%"}}),r("div",{class:"skeleton-line",style:{width:"40%",marginTop:"6px"}}))))}renderTableView(t,e,i){return r("table",{class:"transfer-table"},r("thead",null,r("tr",null,this.columns.map((t=>r("th",null,t.title))))),r("tbody",null,t.map((t=>r("tr",{class:{selected:e.has(t.key),disabled:!!t.disabled},onClick:()=>!t.disabled&&!this.disabled&&this.handleItemClick(i,t.key),onKeyDown:e=>this.handleKeyDown(e,i,t.key),tabindex:t.disabled?-1:0,role:"row","aria-selected":e.has(t.key)?"true":"false"},this.columns.map((e=>r("td",null,t[e.dataIndex]||t[e.dataIndex.toLowerCase()]||""))))))))}renderTreeView(t,e,i,a=0){const s="source"===i?this.sourceSearch:this.targetSearch;return t.map((t=>r("div",null,r("div",{class:{"transfer-item":!0,"tree-node":!0,selected:e.has(t.key),disabled:!!t.disabled},style:{paddingLeft:12+20*a+"px"},onClick:e=>!t.disabled&&!this.disabled&&this.handleItemClick(i,t.key,e),onKeyDown:e=>this.handleKeyDown(e,i,t.key),tabindex:t.disabled?-1:0,role:"treeitem","aria-selected":e.has(t.key)?"true":"false","aria-disabled":t.disabled?"true":"false","aria-level":a+1},t.icon&&r("span",{class:"transfer-item-icon"},r("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.1em"})),r("span",{class:"transfer-item-label"},this.highlightSearchText(t.label??"",s)),t.description&&r("span",{class:"transfer-item-desc"},this.highlightSearchText(t.description,s))),t.children&&t.children.length>0&&r("div",{class:"tree-children"},this.renderTreeView(t.children,e,i,a+1)))))}};s.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%;--tl-radius:12px;--tl-shadow:0 4px 12px rgba(0, 0, 0, 0.05);--tl-active-gradient:linear-gradient(135deg, var(--ui-color-primary) 0%, #6366f1 100%);--tl-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.transfer-container{display:flex;background:var(--ui-bg-default, var(--bg-primary, #ffffff));border:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));border-radius:var(--ui-radius-lg, 12px);overflow:hidden;box-shadow:var(--ui-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1));height:auto;min-height:200px;position:relative;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-family:var(--ui-font-family, inherit)}.transfer-container.is-vertical{flex-direction:column}.transfer-container.is-vertical .transfer-section{flex:1;border:none}.transfer-container.is-vertical .transfer-controls{flex-direction:row;padding:10px;border-top:1px solid var(--ui-border-default);border-bottom:1px solid var(--ui-border-default)}.transfer-container.is-vertical .control-buttons{flex-direction:row}.transfer-section{flex:1;display:flex;flex-direction:column;position:relative;min-width:0}.transfer-list-box{flex:1;border:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));border-radius:var(--tl-radius);overflow:hidden;background:var(--ui-bg-var(--bg-primary, #ffffff), var(--bg-primary, #ffffff));display:flex;flex-direction:column;box-shadow:var(--tl-shadow);transition:var(--tl-transition)}.transfer-list-box:focus-within{border-color:var(--ui-color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1), 0 8px 24px rgba(0, 0, 0, 0.08)}.transfer-list-header{padding:14px 16px;background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));border-bottom:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ui-text-primary, var(--text-primary, #111827))}.header-actions{display:flex;gap:8px;margin-right:4px}.action-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--ui-text-secondary);border-radius:4px;display:flex;align-items:center;transition:all 0.2s}.action-btn:hover{background:rgba(0, 0, 0, 0.05);color:var(--ui-color-primary)}.header-title{flex:1;font-weight:700;letter-spacing:-0.01em}.header-count{font-size:11px;font-weight:600;color:var(--ui-text-secondary, var(--text-muted, #6b7280));background:rgba(0, 0, 0, 0.05);padding:2px 8px;border-radius:10px;transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.header-count.pop-anim{transform:scale(1.4);background:var(--ui-color-primary);color:var(--text-standard, #ffffff)}.transfer-search{padding:12px;border-bottom:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));position:relative}.transfer-search input{width:100%;padding:8px 12px;border:1.5px solid var(--ui-border-default, var(--border-strong, #d1d5db));border-radius:8px;font-size:13px;outline:none;background:var(--ui-bg-var(--bg-primary, #ffffff), var(--bg-primary, #ffffff));color:var(--ui-text-primary);transition:var(--tl-transition)}.transfer-search input:focus{border-color:var(--ui-color-primary);background:var(--bg-primary, #ffffff)}.transfer-list-body{overflow-y:auto;padding:8px 0;flex:1;min-height:200px;scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.1) transparent}.transfer-list-body::-webkit-scrollbar{width:6px}.transfer-list-body::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.1);border-radius:10px}.transfer-item{padding:10px 16px;font-size:14px;cursor:pointer;transition:var(--tl-transition);user-select:none;display:flex;align-items:center;position:relative;gap:12px}.transfer-item:hover:not(.disabled){background:rgba(0, 0, 0, 0.02);transform:translateX(4px)}.transfer-item.selected{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.06);color:var(--ui-color-primary);font-weight:500}.transfer-item.selected::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tl-active-gradient)}.transfer-item.disabled{opacity:0.4;cursor:not-allowed;background:var(--ui-bg-muted)}.transfer-item-main{display:flex;align-items:center;gap:12px;flex:1}.selected-check{color:var(--ui-color-primary);opacity:0.8}.transfer-group-header{padding:8px 16px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--ui-text-secondary);background:var(--ui-bg-muted);letter-spacing:0.05em;margin-top:8px;border-bottom:1px solid var(--ui-border-default)}.transfer-group-header:first-of-type{margin-top:0}.transfer-item-content{display:flex;align-items:center;justify-content:space-between;width:100%}.transfer-item-label{font-weight:500;color:var(--ui-text-primary)}.transfer-item-desc{font-size:12px;color:var(--ui-text-secondary);margin-top:1px}.transfer-empty{padding:40px 20px;text-align:center;color:var(--ui-text-muted, var(--text-muted, #9ca3af));font-size:13px;display:flex;flex-direction:column;align-items:center;gap:12px}.transfer-empty svg{opacity:0.3}.transfer-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;gap:12px;background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));border-left:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));border-right:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));position:relative}.transfer-controls.resizable-divider{width:32px;padding:0;cursor:col-resize}.transfer-controls.resizable-divider::after{content:"";position:absolute;width:4px;height:24px;background:var(--ui-border-default);border-radius:2px;left:50%;top:50%;transform:translate(-50%, -50%)}.transfer-controls.resizable-divider:hover::after{background:var(--ui-color-primary)}.transfer-controls.resizable-divider .control-buttons{pointer-events:auto}.control-buttons{display:flex;flex-direction:column;gap:8px}.transfer-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ui-border-default, var(--border-strong, #d1d5db));background:var(--ui-bg-var(--bg-primary, #ffffff), var(--bg-primary, #ffffff));border-radius:12px;cursor:pointer;transition:var(--tl-transition);color:var(--ui-text-secondary, var(--text-secondary, #4b5563));box-shadow:0 2px 6px rgba(0, 0, 0, 0.04)}.transfer-button:hover:not(:disabled){border-color:var(--ui-color-primary);color:var(--ui-color-primary);transform:scale(1.1);box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.transfer-button:active:not(:disabled){transform:scale(0.95)}.transfer-button:disabled{opacity:0.4;cursor:not-allowed;background:var(--ui-bg-muted)}.transfer-reorder{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;border-top:2px dashed var(--ui-border-default, var(--border-default, #e5e7eb))}.transfer-list-footer{border-top:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));padding:10px 16px;background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));display:flex;justify-content:center}.transfer-item.draggable-item{cursor:grab}.transfer-item.draggable-item:active{cursor:grabbing}.transfer-item.dragging{opacity:0.4;border:1px dashed var(--ui-color-primary);transform:scale(0.98)}.transfer-table{width:100%;border-collapse:collapse;font-size:13px}.transfer-table th{text-align:left;padding:10px 16px;background:var(--ui-bg-muted);color:var(--ui-text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:0.05em}.transfer-table td{padding:10px 16px;border-bottom:1px solid var(--ui-border-default);color:var(--ui-text-primary)}.transfer-table tr{cursor:pointer;transition:all 0.2s}.transfer-table tr:hover:not(.disabled){background:rgba(0, 0, 0, 0.02)}.transfer-table tr.selected{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.06);color:var(--ui-color-primary)}.transfer-table tr.selected td{font-weight:500;color:var(--ui-color-primary)}.tree-children{margin-left:20px;border-left:1.5px dashed var(--ui-border-default)}.tree-node:hover{background:rgba(0, 0, 0, 0.015)}mark.search-highlight{background:rgba(254, 240, 138, 0.8);color:var(--color-danger, #854d0e);padding:0 2px;border-radius:2px}@keyframes itemFly{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.transfer-item-new{animation:itemPop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}@keyframes itemPop{0%{transform:scale(0.9);opacity:0;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.05)}100%{transform:scale(1);opacity:1;background:transparent}}:host([variant=glass]) .transfer-list-box{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(12px);border-color:rgba(255, 255, 255, 0.3)}[data-theme=dark] .transfer-list-box,:host-context(.dark-theme) .transfer-list-box{background:var(--bg-secondary, #111827);border-color:var(--border-default, #374151)}[data-theme=dark] .transfer-list-header,[data-theme=dark] .transfer-list-footer,:host-context(.dark-theme) .transfer-list-header,:host-context(.dark-theme) .transfer-list-footer{background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff)}[data-theme=dark] .header-count,:host-context(.dark-theme) .header-count{background:rgba(255, 255, 255, 0.1);color:var(--text-muted, #9ca3af)}[data-theme=dark] .transfer-search input,:host-context(.dark-theme) .transfer-search input{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--text-standard, #ffffff)}[data-theme=dark] .transfer-item,:host-context(.dark-theme) .transfer-item{color:var(--bg-secondary, #d1d5db)}[data-theme=dark] .transfer-item:hover:not(.disabled),:host-context(.dark-theme) .transfer-item:hover:not(.disabled){background:rgba(255, 255, 255, 0.03)}[data-theme=dark] .transfer-item.selected,:host-context(.dark-theme) .transfer-item.selected{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);color:var(--color-primary, #60a5fa)}[data-theme=dark] .transfer-button,:host-context(.dark-theme) .transfer-button{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--text-standard, #ffffff)}[data-theme=dark] .transfer-button:disabled,:host-context(.dark-theme) .transfer-button:disabled{background:var(--bg-secondary, #111827)}[data-theme=dark] .tree-children,:host-context(.dark-theme) .tree-children{border-left-color:var(--border-default, #374151)}';export{s as ui_transfer_list}

package/dist/exploration-project-tailwind/p-44742ddd.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as e,H as c}from"./p-DUsoYu9r.js";const i=class{constructor(e){t(this,e),this.colorChange=a(this,"colorChange")}value="#10b981";label="";colorChange;r=16;g=185;b=129;h=159;s=91;v=73;hex="10B981";handleValueUpdate(t){this.updateAllFromHex(t)}componentWillLoad(){this.updateAllFromHex(this.value)}updateAllFromHex(t){if(!t)return;const a=t.startsWith("#")?t.slice(1):t;this.hex=a.toUpperCase();const e=parseInt(a,16);this.r=e>>16&255,this.g=e>>8&255,this.b=255&e;const c=this.r/255,i=this.g/255,r=this.b/255,l=Math.max(c,i,r),s=l-Math.min(c,i,r);let n=0;0===s?n=0:l===c?n=(i-r)/s%6:l===i?n=(r-c)/s+2:l===r&&(n=(c-i)/s+4),n=Math.round(60*n),n<0&&(n+=360);const o=0===l?0:s/l,p=l;this.h=n,this.s=Math.round(100*o),this.v=Math.round(100*p)}emitChange(){this.value=`#${this.hex}`,this.colorChange.emit(this.value)}handleHexInput=t=>{const a=t.detail.value||"";6!==a.length&&3!==a.length||/^[0-9A-Fa-f]+$/.test(a)&&(this.hex=a.toUpperCase(),this.updateAllFromHex(this.hex),this.emitChange())};handleRgbChange(t,a){isNaN(a)||(this[t]=Math.max(0,Math.min(255,a)),this.hex=((1<<24)+(this.r<<16)+(this.g<<8)+this.b).toString(16).slice(1).toUpperCase(),this.updateAllFromHex(this.hex),this.emitChange())}handleHsvChange(t,a){if(isNaN(a))return;"h"===t&&(this.h=Math.max(0,Math.min(360,a))),"s"===t&&(this.s=Math.max(0,Math.min(100,a))),"v"===t&&(this.v=Math.max(0,Math.min(100,a)));const e=this.h,c=this.v/100,i=c*(this.s/100),r=i*(1-Math.abs(e/60%2-1)),l=c-i;let s=0,n=0,o=0;e<60?(s=i,n=r,o=0):e<120?(s=r,n=i,o=0):e<180?(s=0,n=i,o=r):e<240?(s=0,n=r,o=i):e<300?(s=r,n=0,o=i):(s=i,n=0,o=r),this.r=Math.round(255*(s+l)),this.g=Math.round(255*(n+l)),this.b=Math.round(255*(o+l)),this.hex=((1<<24)+(this.r<<16)+(this.g<<8)+this.b).toString(16).slice(1).toUpperCase(),this.emitChange()}render(){return e(c,{key:"8a799159e4f7d80bbe881ba3a93d1a6faed5a54e"},this.label&&e("div",{key:"d32e7f8bcf4ab190437317d2697a86486e84d264",class:"col-ctrl-label"},this.label),e("div",{key:"75cc18672f23ef572569ac2cc9d125373264c962",class:"col-ctrl-grid"},e("div",{key:"af936f413bb4b7aeff0dd9752deadc0ce1dfcb03",class:"col-ctrl-row"},e("span",{key:"71c0d3c44062a67c1402d2e2b92f81c3ce8878dc",class:"col-ctrl-key"},"H"),e("div",{key:"08c832583ca9f956c3fc761fa32b712d208d853d",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"283a471f4bf8af83f37b7ac201a81d25e6803dba",class:"col-ctrl-input",type:"number",value:this.h,onInputChange:t=>this.handleHsvChange("h",parseInt(t.detail)),variant:"plain"}),e("span",{key:"ef039c70dbc01252f0129f95f7eca4f6302f9049",class:"col-ctrl-unit"},"°"))),e("div",{key:"68c91d46d38583bd8a8158452033088811453d1c",class:"col-ctrl-row"},e("span",{key:"3dfb8b3a1f1053080d6ca3c3b03027fa46cc33bd",class:"col-ctrl-key"},"S"),e("div",{key:"929558e93d27bc799a2401b0f01f358222c24c24",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"a2fcdc19f32f5348848347319c134d94d8963ca5",class:"col-ctrl-input",type:"number",value:this.s,onInputChange:t=>this.handleHsvChange("s",parseInt(t.detail)),variant:"plain"}),e("span",{key:"de5d00b3264b1284fe23ca13f9611e5046c444d6",class:"col-ctrl-unit"},"%"))),e("div",{key:"4e744c31accbcdbe6505a160e693926e6001ac9c",class:"col-ctrl-row",style:{marginBottom:"12px"}},e("span",{key:"9feef4b4fe6459e34f6ac36a42c90d24413da27b",class:"col-ctrl-key"},"V"),e("div",{key:"9d1821a375ab9473de477c7ab38cea6cd0cf9c57",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"259bb011612129fd3589fcb7febf15bdd0e7ce13",class:"col-ctrl-input",type:"number",value:this.v,onInputChange:t=>this.handleHsvChange("v",parseInt(t.detail)),variant:"plain"}),e("span",{key:"3646c32d18517429f758cfef21d34df5d9ec407e",class:"col-ctrl-unit"},"%"))),e("div",{key:"4f0dae6cce89af626b9d545dda0971ab2f041bca",class:"col-ctrl-row"},e("span",{key:"6995401c0f6cabba13eb35c596e039769dc33c0a",class:"col-ctrl-key"},"R"),e("div",{key:"cc802f297a286f745957b613b37f3ab5ea12fa4e",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"633391de1afcd81d7ce6f68656569f858a673d62",class:"col-ctrl-input",type:"number",value:this.r,onInputChange:t=>this.handleRgbChange("r",parseInt(t.detail)),variant:"plain"}))),e("div",{key:"f4dce90ceb3f0849cb17101c07229b384739d5f1",class:"col-ctrl-row"},e("span",{key:"c3891f220f1fccf54fd84ded9674bad3100c530f",class:"col-ctrl-key"},"G"),e("div",{key:"187f474a516c7a1bd35cce0e03e9aeb3c8d3b6b8",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"60be98aaf3e10a67b43bb2206e767d60e7bc1e04",class:"col-ctrl-input",type:"number",value:this.g,onInputChange:t=>this.handleRgbChange("g",parseInt(t.detail)),variant:"plain"}))),e("div",{key:"a844765b839bfa715a150932d1b3b80c44899d11",class:"col-ctrl-row",style:{marginBottom:"12px"}},e("span",{key:"548be88547a50add11eb34c6f837e6fca6d9fbfd",class:"col-ctrl-key"},"B"),e("div",{key:"eaab04459f36946161d9165d917cff488b27a841",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"7a3b67f4b98a20e920c8c6537a48354a891d76e5",class:"col-ctrl-input",type:"number",value:this.b,onInputChange:t=>this.handleRgbChange("b",parseInt(t.detail)),variant:"plain"}))),e("div",{key:"97a6584e32baa09c44a1c3dc80e93c45ea8b1282",class:"col-ctrl-row hex-row"},e("span",{key:"aed2ff62dd29ada3896212ede2c24cbf679591ca",class:"col-ctrl-key"},"#"),e("div",{key:"b75b8984f2e9dfca0c01022c45a2b1a6e23ba925",class:"col-ctrl-input-wrapper hex-wrapper"},e("ui-input",{key:"1e051860e57dd8f10298ac939509173bebaca5e3",class:"col-ctrl-input hex-input",value:this.hex,onInputChange:t=>this.handleHexInput({detail:{value:t.detail}}),variant:"plain"})))))}static get watchers(){return{value:[{handleValueUpdate:0}]}}};i.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:inherit;width:100%;max-width:2a0px}.col-ctrl-label{font-size:13px;font-weight:700;color:var(--color-primary, #6366f1);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.05em}.col-ctrl-grid{display:flex;flex-direction:column;gap:6px}.col-ctrl-row{display:flex;align-items:center;gap:8px}.col-ctrl-key{flex:0 0 20px;font-size:12px;font-weight:500;color:var(--text-secondary, #4b5563)}.col-ctrl-input-wrapper{flex:1;display:flex;align-items:center;border:1px solid var(--border-default, #e5e7eb);border-radius:4px;background:var(--bg-primary, #ffffff);padding:2px 6px;transition:all 0.2s}.col-ctrl-input-wrapper:focus-within{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 99, 102, 241), 0.1)}.col-ctrl-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;padding:4px;width:100%;color:var(--text-primary, #111827);font-family:monospace;text-align:right}.col-ctrl-input::-webkit-outer-spin-button,.col-ctrl-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hex-row .col-ctrl-key{font-family:monospace;font-weight:700}.col-ctrl-unit{font-size:12px;color:var(--text-muted, #9ca3af);margin-left:4px;min-width:12px}.hex-input{text-align:left;letter-spacing:0.05em;font-weight:600}";export{i as ui_color_controller}

package/dist/exploration-project-tailwind/p-47e2a7ee.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,a as t,h as o,H as a}from"./p-DUsoYu9r.js";const i=class{constructor(t){e(this,t),this.nodeClick=r(this,"nodeClick"),this.nodeExpand=r(this,"nodeExpand"),this.nodeSelect=r(this,"nodeSelect"),this.nodeCheck=r(this,"nodeCheck"),this.nodeDragStart=r(this,"nodeDragStart"),this.nodeDrop=r(this,"nodeDrop"),this.treeChange=r(this,"treeChange"),this.nodeAction=r(this,"nodeAction"),this.nodeEdit=r(this,"nodeEdit"),this.nodeContextMenu=r(this,"nodeContextMenu"),this.nodeLazyLoad=r(this,"nodeLazyLoad"),this.nodeAdd=r(this,"nodeAdd"),this.nodeRemove=r(this,"nodeRemove"),this.nodeMove=r(this,"nodeMove")}get el(){return t(this)}nodes=[];orientation="vertical";showLines=!0;showIcons=!0;expandable=!0;selectable=!1;multiSelect=!1;checkboxes=!1;checkboxSync=!0;enableDrag=!1;searchable=!1;animated=!0;indent=24;nodeHeight=40;expandAll=!1;collapseAll=!1;layout="tree";variant="default";size="md";theme="light";showGlow=!1;connectorWidth=1;connectorColor="";connectorOpacity=1;connectorShape="rounded";iconLibrary="lucide";inlineEdit=!1;contextMenuEnabled=!1;undoRedoEnabled=!1;lazyLoad=!1;virtualScroll=!1;virtualScrollHeight=400;showNodeActions=!0;showAvatars=!0;expandIconType="chevron";expandedIcon="";collapsedIcon="";expandIconSize="14px";expandIconColor="";internalNodes=[];selectedNodes=[];searchTerm="";draggedNode=null;focusedNodeId=null;editingNodeId=null;editingValue="";contextMenuVisible=!1;contextMenuNode=null;contextMenuX=0;contextMenuY=0;undoStack=[];redoStack=[];dragOverNodeId=null;dragPosition="inside";_selectionPathIds=new Set;nodeClick;nodeExpand;nodeSelect;nodeCheck;nodeDragStart;nodeDrop;treeChange;nodeAction;nodeEdit;nodeContextMenu;nodeLazyLoad;nodeAdd;nodeRemove;nodeMove;componentWillLoad(){this.parseNodes(),document.addEventListener("click",this.handleDocumentClick)}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}parseNodes(){let e="string"==typeof this.nodes?JSON.parse(this.nodes):this.nodes;this.expandAll?e=this._expandAllRecursive(e):this.collapseAll&&(e=this._collapseAllRecursive(e)),this.internalNodes=e}async expandAllNodes(){this._saveUndo(),this.internalNodes=this._expandAllRecursive(this.internalNodes)}async collapseAllNodes(){this._saveUndo(),this.internalNodes=this._collapseAllRecursive(this.internalNodes)}async selectNode(e){this.internalNodes=this._selectById(e,this.internalNodes)}async getNodePath(e){return this._findPath(e,this.internalNodes)??[]}async getBreadcrumb(e){return(await this.getNodePath(e)).map((e=>{const r=this._findNode(e,this.internalNodes);return{id:e,label:r?.label??String(e)}}))}async updateNode(e,r){this._saveUndo(),this.internalNodes=this._updateData(e,r,this.internalNodes)}async scrollToNode(e){const r=await this.getNodePath(e);r.length>1&&(this.internalNodes=this._expandPath(r.slice(0,-1),this.internalNodes)),setTimeout((()=>{const r=this.el.querySelector(`[data-node-id="${e}"]`);r?.scrollIntoView({behavior:"smooth",block:"nearest"})}),60)}async expandByPath(e){this.internalNodes=this._expandPath(e,this.internalNodes)}async selectByPath(e){e.length&&(this.internalNodes=this._expandPath(e.slice(0,-1),this.internalNodes),this.internalNodes=this._selectById(e[e.length-1],this.internalNodes))}async getSelectedNodes(){return this._dfs(this.internalNodes).filter((e=>this.selectedNodes.includes(e.id)))}async dfsTraversal(e,r="pre"){const t=e?[this._findNode(e,this.internalNodes)].filter((e=>null!==e)):this.internalNodes;return"post"===r?this._dfsPost(t):this._dfs(t)}async bfsTraversal(e){const r=e?[this._findNode(e,this.internalNodes)].filter((e=>null!==e)):this.internalNodes;return this._bfs(r)}async flattenTree(e=this.internalNodes){const r=[],t=(e,o,a,i)=>{e.forEach(((e,n)=>{const{children:s,...d}=e,c=[...i,e.id];r.push({...d,parentId:o,depth:a,index:n,path:c,hasChildren:!!s?.length}),e.expanded&&s&&t(s,e.id,a+1,c)}))};return t(e,null,0,[]),r}async addNode(e,r){this._saveUndo(),this.internalNodes=null===e?[...this.internalNodes,r]:this._addToParent(e,r,this.internalNodes),this.nodeAdd.emit({parentId:e,node:r})}async removeNode(e){this._saveUndo();const r=this._findNode(e,this.internalNodes);this.internalNodes=this._removeNode(e,this.internalNodes),r&&this.nodeRemove.emit({node:r})}async moveNode(e,r,t){this._saveUndo(),this.internalNodes=this._moveNode(e,r,t,this.internalNodes),this.nodeMove.emit({nodeId:e,targetId:r,position:t})}async undo(){if(!this.undoStack.length)return;const e=this.undoStack[this.undoStack.length-1];this.redoStack=[...this.redoStack,JSON.stringify(this.internalNodes)],this.undoStack=this.undoStack.slice(0,-1),this.internalNodes=JSON.parse(e)}async redo(){if(!this.redoStack.length)return;const e=this.redoStack[this.redoStack.length-1];this.undoStack=[...this.undoStack,JSON.stringify(this.internalNodes)],this.redoStack=this.redoStack.slice(0,-1),this.internalNodes=JSON.parse(e)}async diffTrees(e,r){const t=new Map(this._dfs(e).map((e=>[e.id,e]))),o=new Map(this._dfs(r).map((e=>[e.id,e]))),a=[],i=[],n=[];return o.forEach(((e,r)=>{t.has(r)?JSON.stringify(t.get(r))!==JSON.stringify(e)&&n.push({id:r,oldNode:t.get(r),newNode:e}):a.push(e)})),t.forEach(((e,r)=>{o.has(r)||i.push(e)})),{added:a,removed:i,modified:n}}async getState(){const e=[];return this._dfs(this.internalNodes).forEach((r=>{r.expanded&&e.push(r.id)})),{nodes:this.internalNodes,selectedNodes:this.selectedNodes,expandedNodes:e}}async restoreState(e){this._saveUndo(),this.internalNodes=e.nodes,this.selectedNodes=e.selectedNodes}_saveUndo(){this.undoRedoEnabled&&(this.undoStack=[...this.undoStack.slice(-49),JSON.stringify(this.internalNodes)],this.redoStack=[])}_expandAllRecursive(e){return e.map((e=>({...e,expanded:!0,children:e.children?this._expandAllRecursive(e.children):void 0})))}_collapseAllRecursive(e){return e.map((e=>({...e,expanded:!1,children:e.children?this._collapseAllRecursive(e.children):void 0})))}_findNode(e,r){for(const t of r){if(t.id===e)return t;if(t.children){const r=this._findNode(e,t.children);if(r)return r}}return null}_findPath(e,r,t=[]){for(const o of r){const r=[...t,o.id];if(o.id===e)return r;if(o.children){const t=this._findPath(e,o.children,r);if(t)return t}}return null}_expandPath(e,r){return r.map((r=>e.includes(r.id)?{...r,expanded:!0,children:r.children?this._expandPath(e,r.children):void 0}:r.children?{...r,children:this._expandPath(e,r.children)}:r))}_selectById(e,r){return r.map((r=>{if(r.id===e){const t=!r.selected;return this.selectedNodes=this.multiSelect?t?[...this.selectedNodes,e]:this.selectedNodes.filter((r=>r!==e)):t?[e]:[],this.nodeSelect.emit({node:r,selected:t}),this.treeChange.emit({nodes:this.internalNodes,selectedNodes:this.selectedNodes}),{...r,selected:t}}return!this.multiSelect&&r.selected&&r.id!==e?{...r,selected:!1,children:r.children?this._selectById(e,r.children):void 0}:r.children?{...r,children:this._selectById(e,r.children)}:r}))}_updateData(e,r,t){return t.map((t=>t.id===e?{...t,...r}:t.children?{...t,children:this._updateData(e,r,t.children)}:t))}_addToParent(e,r,t){return t.map((t=>t.id===e?{...t,expanded:!0,isLeaf:!1,children:[...t.children||[],r]}:t.children?{...t,children:this._addToParent(e,r,t.children)}:t))}_removeNode(e,r){return r.filter((r=>r.id!==e)).map((r=>({...r,children:r.children?this._removeNode(e,r.children):void 0})))}_moveNode(e,r,t,o){const a=this._findNode(e,o);if(!a||e===r)return o;const i=this._removeNode(e,o);return"inside"===t?this._addToParent(r,a,i):this._insertRelative(a,r,t,i)}_insertRelative(e,r,t,o){const a=[];for(const i of o)i.id===r?"before"===t?(a.push(e),a.push(i)):(a.push(i),a.push(e)):a.push(i.children?{...i,children:this._insertRelative(e,r,t,i.children)}:i);return a}_dfs(e,r=[]){for(const t of e)r.push(t),t.children&&this._dfs(t.children,r);return r}_dfsPost(e,r=[]){for(const t of e)t.children&&this._dfsPost(t.children,r),r.push(t);return r}_bfs(e){const r=[],t=[...e];for(;t.length;){const e=t.shift();if(!e)break;r.push(e),e.children&&t.push(...e.children)}return r}_syncChildren(e,r){return{...e,checked:r,indeterminate:!1,children:e.children?.map((e=>this._syncChildren(e,r)))}}_syncParent(e){if(!e.children?.length)return e;const r=e.children.map((e=>this._syncParent(e))),t=r.filter((e=>e.checked&&!e.indeterminate)).length,o=r.filter((e=>e.indeterminate)).length,a=r.length;return{...e,children:r,checked:t===a,indeterminate:t>0&&t<a||o>0}}_applyCheckbox(e,r,t){return t.map((t=>{if(t.id===e)return{...this._syncChildren(t,r),checked:r,indeterminate:!1};if(t.children){const o=this._applyCheckbox(e,r,t.children),a={...t,children:o};return this.checkboxSync?this._syncParent(a):a}return t}))}_getSelectionPathIds(){const e=new Set,r=(t,o)=>{for(const a of t){const t=[...o,a.id];this.selectedNodes.includes(a.id)&&t.forEach((r=>e.add(r))),a.children&&r(a.children,t)}};return r(this.internalNodes,[]),e}_getVisibleNodes(e=this.internalNodes,r=[]){for(const t of e)r.push(t),t.expanded&&t.children&&this._getVisibleNodes(t.children,r);return r}_findParent(e,r=this.internalNodes,t=null){for(const o of r){if(o.id===e)return t;if(o.children){const r=this._findParent(e,o.children,o);if(r)return r}}return null}_selectRange(e,r){const t=this._getVisibleNodes(),o=t.findIndex((r=>r.id===e)),a=t.findIndex((e=>e.id===r));if(-1===o||-1===a)return this.internalNodes;const i=t.slice(Math.min(o,a),Math.max(o,a)+1).map((e=>e.id));return this.selectedNodes=Array.from(new Set([...this.selectedNodes,...i])),this._applySelection(this.internalNodes)}_applySelection(e){return e.map((e=>({...e,selected:this.selectedNodes.includes(e.id),children:e.children?this._applySelection(e.children):void 0})))}_toggleNode(e,r=this.internalNodes){return r.map((r=>{if(r.id===e){const e=!r.expanded;return this.nodeExpand.emit({node:r,expanded:e}),e&&this.lazyLoad&&!1===r.isLeaf&&!r.children?.length?(this.nodeLazyLoad.emit({node:r}),{...r,expanded:e,loading:!0}):{...r,expanded:e}}return r.children?{...r,children:this._toggleNode(e,r.children)}:r}))}handleNodeClick(e,r,t){e.disabled||(this.expandable&&(!!e.children?.length||this.lazyLoad&&!1===e.isLeaf)&&(this.internalNodes=this._toggleNode(e.id)),this.selectable&&(this.multiSelect&&t?t.shiftKey&&this.focusedNodeId?this.internalNodes=this._selectRange(this.focusedNodeId,e.id):t.ctrlKey||t.metaKey?this.internalNodes=this._selectById(e.id,this.internalNodes):(this.selectedNodes=[e.id],this.internalNodes=this._applySelection(this.internalNodes)):this.internalNodes=this._selectById(e.id,this.internalNodes)),this.focusedNodeId=e.id,this.nodeClick.emit({node:e,path:r}))}handleCheckboxChange(e,r){const t=r.detail.checked;this.internalNodes=this.checkboxSync?this._applyCheckbox(e.id,t,this.internalNodes):this._updateData(e.id,{checked:t},this.internalNodes);const o=this._findNode(e.id,this.internalNodes);this.nodeCheck.emit({node:o??e,checked:t,indeterminate:o?.indeterminate??!1}),this.treeChange.emit({nodes:this.internalNodes,selectedNodes:this.selectedNodes})}handleDragStart(e,r){this.enableDrag&&!e.disabled&&(this.draggedNode=e,r.dataTransfer.effectAllowed="move",r.dataTransfer.setData("text/plain",String(e.id)),this.nodeDragStart.emit(e))}handleDragOver(e,r){if(!this.enableDrag)return;r.preventDefault(),r.dataTransfer.dropEffect="move",this.dragOverNodeId=e.id;const t=r.currentTarget.getBoundingClientRect(),o=(r.clientY-t.top)/t.height;this.dragPosition=o<.25?"before":o>.75?"after":"inside"}handleDragLeave(e){this.el.contains(e.relatedTarget)||(this.dragOverNodeId=null)}handleDrop(e,r){if(!this.enableDrag||!this.draggedNode)return;r.preventDefault();const t=this.dragPosition,o=this.draggedNode;this.nodeDrop.emit({draggedNode:o,targetNode:e,position:t}),o.id!==e.id&&(this._saveUndo(),this.internalNodes=this._moveNode(o.id,e.id,t,this.internalNodes)),this.draggedNode=null,this.dragOverNodeId=null}handleSearchInput(e){this.searchTerm=e.detail.toLowerCase()}handleDocumentClick=()=>{this.contextMenuVisible&&(this.contextMenuVisible=!1)};handleContextMenu(e,r){this.contextMenuEnabled&&(r.preventDefault(),r.stopPropagation(),this.contextMenuNode=e,this.contextMenuX=r.clientX,this.contextMenuY=r.clientY,this.contextMenuVisible=!0,this.nodeContextMenu.emit({node:e,x:r.clientX,y:r.clientY}))}startEditing(e){this.editingNodeId=e.id,this.editingValue=e.label??"",setTimeout((()=>{const e=this.el.querySelector(".tree-edit-input");e&&(e.focus(),e.select())}),40)}cancelEditing(){this.editingNodeId=null,this.editingValue=""}commitEditing(e){const r=this.editingValue.trim();if(!r)return void this.cancelEditing();const t=e.label;this._saveUndo(),this.internalNodes=this._updateData(e.id,{label:r},this.internalNodes),this.nodeEdit.emit({node:e,newLabel:r,oldLabel:t??""}),this.cancelEditing()}handleKeyDown=e=>{const r=this._getVisibleNodes(),t=r.findIndex((e=>e.id===this.focusedNodeId));switch(e.key){case"ArrowDown":e.preventDefault(),-1===t&&r.length?this.focusedNodeId=r[0].id:t<r.length-1&&(this.focusedNodeId=r[t+1].id);break;case"ArrowUp":e.preventDefault(),t>0&&(this.focusedNodeId=r[t-1].id);break;case"ArrowRight":{e.preventDefault();const o=r[t];o?.children?.length&&!o.expanded?this.internalNodes=this._toggleNode(o.id):o?.expanded&&t<r.length-1&&(this.focusedNodeId=r[t+1].id);break}case"ArrowLeft":{e.preventDefault();const o=r[t];if(o?.expanded&&o.children?.length)this.internalNodes=this._toggleNode(o.id);else{const e=this._findParent(o?.id);e&&(this.focusedNodeId=e.id)}break}case"Enter":case" ":e.preventDefault(),r[t]&&this.handleNodeClick(r[t],[]);break;case"F2":if(this.inlineEdit&&null!==this.focusedNodeId){const e=this._findNode(this.focusedNodeId,this.internalNodes);e&&!e.disabled&&this.startEditing(e)}break;case"Escape":this.cancelEditing(),this.contextMenuVisible=!1;break;case"Home":e.preventDefault(),r.length&&(this.focusedNodeId=r[0].id);break;case"End":e.preventDefault(),r.length&&(this.focusedNodeId=r[r.length-1].id);break;case"z":case"Z":(e.ctrlKey||e.metaKey)&&this.undoRedoEnabled&&(e.preventDefault(),e.shiftKey?this.redo():this.undo())}};filterNodes(e){return this.searchTerm?e.filter((e=>{const r=(e.label??"").toLowerCase().includes(this.searchTerm),t=e.children&&this.filterNodes(e.children).length>0;return r||t})).map((e=>({...e,expanded:!0,children:e.children?this.filterNodes(e.children):void 0}))):e}renderLabel(e){if(!this.searchTerm||!e.toLowerCase().includes(this.searchTerm))return e;const r=e.toLowerCase().indexOf(this.searchTerm);return[e.substring(0,r),o("mark",{class:"tree-highlight"},e.substring(r,r+this.searchTerm.length)),e.substring(r+this.searchTerm.length)]}_renderExpandIcon(e,r){let t="",a={};const i=r.iconLibrary??this.iconLibrary;if("custom"===this.expandIconType)t=e?this.expandedIcon||"chevron-down":this.collapsedIcon||"chevron-right";else switch(this.expandIconType){case"plus-minus":t=e?"minus":"plus";break;case"arrow":t=e?"arrow-down":"arrow-right";break;case"caret":t=e?"caret-down":"caret-right";break;default:t="chevron-right",a={transform:`rotate(${e?"90deg":"0deg"})`,transition:"transform 0.2s ease"}}return this.expandIconColor&&(a.color=this.expandIconColor),o("div",{class:"tree-expand-icon",onClick:e=>{e.stopPropagation(),this.internalNodes=this._toggleNode(r.id)}},o("ui-icon",{name:t,library:i,size:this.expandIconSize,style:a}))}renderNode(e,r=0,t=[],a=!1,i=[],n=0,s=!1){const d=!!e.children?.length,c=d||this.lazyLoad&&!1===e.isLeaf,l=!!e.expanded,h=e.selected||this.selectedNodes.includes(e.id),p=this.editingNodeId===e.id,g=this.dragOverNodeId===e.id,b=[...t,e.id],u=r,v=this.connectorWidth||1.8,x=this._selectionPathIds||new Set,m=[];if(this.showLines&&"tree"===this.layout&&u>0){const r=[],t=[];for(let n=0;n<u;n++){const s=Math.max(.6,v-.3*n),d=n*this.indent+12,c=x.has(b[n+1]??""),l=e.connectorColor||this.connectorColor||"var(--tree-line-color-default)",h=this.connectorOpacity;if((n<u-1?!i[n+1]:!a)&&r.push(o("line",{x1:d,y1:"0",x2:d,y2:"100%",stroke:l,"stroke-width":s,"stroke-opacity":c?1:h,class:c?"path-highlight":"","vector-effect":"non-scaling-stroke"})),n===u-1){const e="square"===this.connectorShape?0:8,r=this.nodeHeight/2,a=(n+1)*this.indent;t.push(o("path",{d:e>0?`M ${d} 0 L ${d} ${r-e} Q ${d} ${r} ${d+e} ${r} L ${a} ${r}`:`M ${d} 0 L ${d} ${r} L ${a} ${r}`,fill:"none",stroke:l,"stroke-width":s,"stroke-opacity":c?1:h,"stroke-linecap":"round",class:c?"path-highlight":"","vector-effect":"non-scaling-stroke"}),o("circle",{cx:a,cy:r,r:"2.5",fill:l,opacity:c?1:.8}))}}m.push(o("div",{class:"tree-connector-harness-group",style:{"--tree-indent-full":u*this.indent+"px"}},o("div",{class:"tree-v-line-container"},o("svg",{class:"tree-connectors-svg",width:"100%",height:"100%",preserveAspectRatio:"none"},r)),o("div",{class:"tree-hook-container",style:{height:`${this.nodeHeight}px`}},o("svg",{class:"tree-connectors-svg",width:"100%",height:"100%",viewBox:`0 0 ${u*this.indent} ${this.nodeHeight}`,preserveAspectRatio:"xMinYMin meet"},t))))}const f=e.icon??(this.showIcons?c?l?"folder-open":"folder":"file-text":null),y={"tree-node":!0,"tree-node-expanded":l,"tree-node-collapsed":!l,"tree-node-selected":h,"tree-node-disabled":!!e.disabled,"tree-node-leaf":!c,"tree-node-branch":c,"tree-node-focused":this.focusedNodeId===e.id,"tree-node-editing":p,"tree-node-loading":!!e.loading,"tree-node-drag-over":g,[`tree-drop-${this.dragPosition}`]:g,[`tree-node-${e.color??"default"}`]:!0,[`tree-node-${this.size}`]:!0,"has-checkbox":this.checkboxes,"group-has-icons":s},k={role:"treeitem","aria-expanded":c?String(l):void 0,"aria-selected":String(h),"aria-level":String(r+1),"aria-disabled":e.disabled?"true":void 0,tabindex:this.focusedNodeId===e.id||null===this.focusedNodeId&&0===r&&0===n?"0":"-1"},w=o("div",{class:y,key:e.id,"data-node-id":e.id,"data-depth":u,style:{"--depth":String(u)}},"tree"===this.layout&&m,g&&"before"===this.dragPosition&&o("div",{class:"tree-drop-indicator tree-drop-before-line"}),o("div",{class:"tree-node-content",style:"tree"===this.layout?{paddingLeft:(u+1)*this.indent+"px",minHeight:`${this.nodeHeight}px`}:{minHeight:`${this.nodeHeight}px`},onClick:r=>!p&&this.handleNodeClick(e,b,r),onDblClick:()=>this.inlineEdit&&!e.disabled&&this.startEditing(e),onContextMenu:r=>this.handleContextMenu(e,r),draggable:this.enableDrag&&!e.disabled,onDragStart:r=>this.handleDragStart(e,r),onDragOver:r=>this.handleDragOver(e,r),onDragLeave:e=>this.handleDragLeave(e),onDrop:r=>this.handleDrop(e,r),...k},this.expandable&&c?this._renderExpandIcon(l,e):o("div",{class:"tree-expand-spacer"}),this.checkboxes&&o("div",{class:"tree-checkbox"},o("ui-checkbox",{checked:!!e.checked,disabled:!!e.disabled,indeterminate:!!e.indeterminate,onCheckboxChange:r=>this.handleCheckboxChange(e,r),size:"sm"})),this.showAvatars&&(e.avatar||e.avatarInitials)&&o("div",{class:"tree-node-avatar"},e.avatar?o("img",{src:e.avatar,alt:e.label}):o("span",{class:`tree-node-avatar-initials tree-node-avatar-${e.color??"primary"}`},e.avatarInitials)),(f||s)&&o("div",{class:"tree-node-icon"+(f?"":" tree-node-icon-spacer")},f&&!e.loading&&o("ui-icon",{name:f,library:e.iconLibrary??this.iconLibrary,size:"16px",style:{color:e.color?`var(--tree-${e.color})`:void 0}}),e.loading&&o("ui-icon",{name:"loader-2",library:"lucide",spin:!0,size:"16px"})),o("div",{class:"tree-node-text-group"},p?o("ui-input",{class:"tree-edit-input",type:"text",value:this.editingValue,onInputChange:e=>{this.editingValue=e.detail},onInputKeydown:r=>{"Enter"===r.detail.key?this.commitEditing(e):"Escape"===r.detail.key&&this.cancelEditing(),r.detail.stopPropagation()},onInputBlur:()=>this.commitEditing(e),autoFocus:!0,size:"sm",fullWidth:!0}):o("div",{class:"tree-node-label"},this.renderLabel(e.label??"")),e.description&&!p&&o("div",{class:"tree-node-description"},e.description)),e.tag&&o("div",{class:"tree-node-tag"},e.tag),e.badge&&o("div",{class:`tree-node-badge tree-node-badge-${e.color??"primary"}`},e.badge),void 0!==e.counter&&o("div",{class:"tree-node-counter"},e.counter),e.locked&&o("div",{class:"tree-node-lock",title:e.lockTooltip??"Locked"},o("ui-icon",{name:"lock",library:"fontawesome",size:"12px"})),this.showNodeActions&&(e.actions?.length??0)>0&&o("div",{class:"tree-node-actions"},e.actions.map((r=>o("ui-button",{variant:"ghost",size:"sm",class:"tree-action-btn"+(r.color?` tree-action-${r.color}`:""),icon:r.icon,iconLibrary:r.library??this.iconLibrary,iconSize:"13px",ariaLabel:r.tooltip,disabled:!!r.disabled,onClick:t=>{t.stopPropagation(),this.nodeAction.emit({node:e,action:String(r.id??"")})}}))))),g&&"after"===this.dragPosition&&o("div",{class:"tree-drop-indicator tree-drop-after-line"}),c&&l&&"tree"===this.layout&&o("div",{class:"tree-children"+(g&&"inside"===this.dragPosition?" tree-children-drop-target":"")},d&&e.children.map(((t,o)=>{const n=e.children.some((e=>e.icon||this.showIcons));return this.renderNode(t,r+1,b,o===e.children.length-1,[...i,a],o,n)}))));return"org-chart"===this.layout?o("div",{class:"tree-node-wrapper"},w,c&&l&&o("div",{class:"tree-children"},d&&e.children.map(((t,o)=>{const n=e.children.some((e=>e.icon||this.showIcons));return this.renderNode(t,r+1,b,o===e.children.length-1,[...i,a],o,n)})))):w}renderContextMenu(){if(!this.contextMenuEnabled||!this.contextMenuVisible||!this.contextMenuNode)return null;const e=this.contextMenuNode;return o("div",{class:"tree-context-menu",style:{position:"fixed",left:`${this.contextMenuX}px`,top:`${this.contextMenuY}px`},onClick:e=>e.stopPropagation()},this.selectable&&o("div",{class:"tree-context-item",onClick:()=>{this.handleNodeClick(e,[]),this.contextMenuVisible=!1}},o("ui-icon",{name:"check",library:"fontawesome",size:"13px"})," Select"),this.expandable&&(e.children?.length??0)>0&&o("div",{class:"tree-context-item",onClick:()=>{this.internalNodes=this._toggleNode(e.id),this.contextMenuVisible=!1}},o("ui-icon",{name:e.expanded?"chevron-up":"chevron-down",library:"lucide",size:"13px"}),e.expanded?"Collapse":"Expand"),this.inlineEdit&&!e.disabled&&o("div",{class:"tree-context-item",onClick:()=>{this.startEditing(e),this.contextMenuVisible=!1}},o("ui-icon",{name:"pen",library:"lucide",size:"13px"})," Rename"),o("div",{class:"tree-context-separator"}),o("div",{class:"tree-context-item",onClick:()=>{this.expandAllNodes(),this.contextMenuVisible=!1}},"Expand All"),o("div",{class:"tree-context-item",onClick:()=>{this.collapseAllNodes(),this.contextMenuVisible=!1}},"Collapse All"),this.undoRedoEnabled&&[o("div",{class:"tree-context-separator"}),o("div",{class:"tree-context-item"+(this.undoStack.length?"":" disabled"),onClick:()=>{this.undo(),this.contextMenuVisible=!1}},"Undo"),o("div",{class:"tree-context-item tree-context-item-danger",onClick:()=>{this._saveUndo();const r=this._findNode(e.id,this.internalNodes);this.internalNodes=this._removeNode(e.id,this.internalNodes),r&&this.nodeRemove.emit({node:r}),this.contextMenuVisible=!1}},"Delete")])}render(){this._selectionPathIds=this._getSelectionPathIds();const e=this.searchable?this.filterNodes(this.internalNodes):this.internalNodes,r=e.some((e=>e.icon||this.showIcons));return o(a,{key:"dae18b9d9751a023555e848bb0b5aaebdd235770",class:{"tree-container":!0,[`tree-orientation-${this.orientation}`]:!0,[`tree-layout-${this.layout}`]:!0,[`tree-variant-${this.variant}`]:!0,[`tree-theme-${this.theme}`]:!0,"tree-animated":this.animated,"tree-show-lines":this.showLines,"tree-hide-lines":!this.showLines,"tree-selectable":this.selectable,"tree-glow":this.showGlow},style:{"--tree-indent":`${this.indent}px`,"--tree-node-height":`${this.nodeHeight}px`},onKeyDown:this.handleKeyDown,tabIndex:0},o("div",{key:"9b15d92f21722bcd345733cfa44206e3c83a2fa9",class:"tree-inner",role:"tree","aria-multiselectable":this.multiSelect?"true":"false"},this.searchable&&o("div",{key:"be71bda4e65cfcf704616ef2ae563630bffde2fa",class:"tree-search"},o("ui-icon",{key:"53d76e4229942408bf50ab0c72d3ce6d1811fbd2",name:"search",library:"fontawesome",size:"13px",class:"tree-search-icon"}),o("ui-input",{key:"b8edf92c3dda73600fd0a653739aa1206be64698",type:"text",placeholder:"Search tree...",value:this.searchTerm,onInputChange:e=>this.handleSearchInput(e),ariaLabel:"Search tree",size:"sm",fullWidth:!0}),this.searchTerm&&o("ui-button",{key:"66800256ed8fc8139dab93bd920d25a2a6219cdf",variant:"ghost",size:"sm",class:"tree-search-clear",icon:"times",iconLibrary:"fontawesome",iconSize:"11px",ariaLabel:"Clear search",onClick:()=>{this.searchTerm=""}})),this.undoRedoEnabled&&o("div",{key:"a391e1e016e422fbdd2781a09daf176bf8fe58df",class:"tree-toolbar"},o("ui-button",{key:"73de8c1affc18220f94912f546c7e992d81850ed",variant:"ghost",size:"sm",icon:"undo",iconLibrary:"fontawesome",iconSize:"13px",label:"Undo",ariaLabel:"Undo (Ctrl+Z)",disabled:!this.undoStack.length,onClick:()=>this.undo()}),o("ui-button",{key:"0aebc8cafd66fb273eb7e39b682a29a24f73bfcc",variant:"ghost",size:"sm",icon:"redo",iconLibrary:"fontawesome",iconSize:"13px",label:"Redo",ariaLabel:"Redo (Ctrl+Shift+Z)",disabled:!this.redoStack.length,onClick:()=>this.redo()}),o("div",{key:"5bf0083e6ccd220d480a29f0fce27e220dba4231",class:"tree-toolbar-sep"}),o("ui-button",{key:"4aee1b4dfa0e8a99770e2ea55670cf17a3491bfb",variant:"ghost",size:"sm",icon:"expand",iconLibrary:"fontawesome",iconSize:"13px",ariaLabel:"Expand all",onClick:()=>this.expandAllNodes()}),o("ui-button",{key:"31c8f23735e0aabb53bee60f63f823f0facbf4c2",variant:"ghost",size:"sm",icon:"compress",iconLibrary:"fontawesome",iconSize:"13px",ariaLabel:"Collapse all",onClick:()=>this.collapseAllNodes()})),o("div",{key:"c635c7a4205a04d0fbb29bbbf666d82e3799e76e",class:"tree-content",style:this.virtualScroll?{height:`${this.virtualScrollHeight}px`,overflowY:"auto"}:{},onScroll:()=>this.virtualScroll&&this.el.forceUpdate()},this.virtualScroll&&"tree"===this.layout?(()=>{const r=this._getVisibleNodes(e),t=this.el.shadowRoot?.querySelector(".tree-content")?.scrollTop||0,a=Math.max(0,Math.floor(t/this.nodeHeight)-2),i=Math.min(r.length,a+Math.ceil(this.virtualScrollHeight/this.nodeHeight)+4);return o("div",{class:"tree-virtual-scroller",style:{height:r.length*this.nodeHeight+"px",position:"relative"}},o("div",{class:"tree-virtual-offset",style:{transform:`translateY(${a*this.nodeHeight}px)`}},r.slice(a,i).map((e=>{const r=this._findPath(e.id,this.internalNodes)||[];return this.renderNode(e,r.length-1,r.slice(0,-1),!1,[],0,!1)}))))})():e.length>0?e.map(((t,o)=>this.renderNode(t,0,[],o===e.length-1,[],o,r))):o("div",{class:"tree-empty"},o("ui-icon",{name:"folder-open",library:"fontawesome",size:"40px"}),o("p",null,this.searchTerm?"No results found":"No items")))),this.renderContextMenu())}static get watchers(){return{nodes:[{parseNodes:0}],expandAll:[{parseNodes:0}],collapseAll:[{parseNodes:0}]}}};i.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;width:100%;--tree-bg:var(--bg-primary, #ffffff);--tree-text:var(--text-primary, #1f2937);--tree-text-muted:var(--color-primary, #6b7280);--tree-border-color:var(--border-default, #e5e7eb);--tree-primary:var(--color-success, #3dcd58);--tree-primary-50:rgba(var(--color-success-rgb, 61, 205, 88), 0.08);--tree-primary-100:rgba(var(--color-success-rgb, 61, 205, 88), 0.15);--tree-primary-200:rgba(var(--color-success-rgb, 61, 205, 88), 0.25);--tree-muted:var(--color-primary, #9ca3af);--tree-node-hover-bg:rgba(0, 0, 0, 0.02);--tree-line-color-default:rgba(0, 0, 0, 0.15);--tree-error:var(--color-danger, #ef4444);--tree-info:var(--color-primary, #10b981);--tree-success:var(--color-success, #10b981);--tree-warning:var(--color-warning, #f59e0b)}.tree-container{width:100%;background:var(--tree-bg);border-radius:8px;overflow:visible;}.tree-container.tree-theme-dark{--tree-bg:var(--bg-primary, #1f2937);--tree-text:var(--bg-primary, #f3f4f6);--tree-text-muted:var(--color-primary, #9ca3af);--tree-border-color:var(--border-default, #374151);--tree-node-hover-bg:rgba(255, 255, 255, 0.05);--tree-line-color-default:rgba(255, 255, 255, 0.1);background:var(--tree-bg);color:var(--tree-text)}.tree-container.tree-variant-bordered{border:1px solid var(--tree-border-color)}.tree-container.tree-variant-rounded{border-radius:12px}.tree-container.tree-variant-rounded .tree-node{border-radius:8px}.tree-container.tree-variant-minimal{background:transparent}.tree-container.tree-variant-minimal .tree-node{background:transparent}.tree-container.tree-variant-minimal .tree-node:hover{background:rgba(0, 0, 0, 0.02)}.tree-container.tree-variant-glass{--tree-glass-bg:rgba(255, 255, 255, 0.1);--tree-glass-border:rgba(255, 255, 255, 0.2);--tree-glass-text:var(--text-primary, #111827);background:var(--tree-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--tree-glass-border);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.1)}.tree-container.tree-variant-glass .tree-node{color:var(--tree-glass-text)}.tree-container.tree-variant-glass .tree-node:hover{background:rgba(255, 255, 255, 0.2)}.tree-container.tree-variant-glass .tree-node.tree-node-selected{background:var(--tree-primary-200)}.tree-container.tree-variant-glass .tree-search input{background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.3);color:var(--tree-text)}.tree-container.tree-variant-glass .tree-search input::placeholder{color:var(--tree-text-muted)}.tree-container.tree-variant-glass .tree-line{background:var(--tree-line-color-default)}.tree-container.tree-glow{box-shadow:0 0 20px var(--tree-primary-200);border-color:var(--tree-primary-100)}.tree-theme-dark.tree-variant-glass{--tree-glass-bg:rgba(17, 24, 39, 0.4);--tree-glass-border:rgba(255, 255, 255, 0.1);--tree-glass-text:var(--tree-text);background:var(--tree-glass-bg);border:1px solid var(--tree-glass-border)}.tree-theme-dark.tree-variant-glass .tree-node{color:var(--tree-glass-text)}.tree-theme-dark.tree-variant-glass .tree-node:hover{background:rgba(255, 255, 255, 0.1)}.tree-theme-dark.tree-variant-glass .tree-search input{background:rgba(0, 0, 0, 0.2);border-color:var(--tree-glass-border)}.tree-theme-dark.tree-variant-glass .tree-line{background:var(--tree-glass-border)}.tree-search{position:relative;padding:16px;border-bottom:1px solid var(--tree-border-color)}.tree-search ui-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--tree-muted);font-size:14px}.tree-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--tree-border-color);background:transparent;color:inherit;border-radius:6px;font-size:14px;outline:none;transition:all 0.2s}.tree-search input:focus{border-color:var(--tree-primary);box-shadow:0 0 0 3px var(--tree-primary-50)}.tree-search input::placeholder{color:var(--tree-muted)}.tree-theme-dark .tree-search input:focus{border-color:var(--tree-primary)}.tree-inner{position:relative}.tree-node{position:relative;display:block;width:100%}.tree-connector-harness-group{position:absolute;left:24px;top:0;width:var(--tree-indent-full, 100%);height:100%;pointer-events:none;z-index:1}.tree-v-line-container{position:absolute;left:0;top:0;width:100%;height:100%}.tree-hook-container{position:absolute;left:0;top:0;width:100%}.tree-connectors-svg{display:block;width:100%;height:100%;overflow:visible}.tree-connectors-svg path,.tree-connectors-svg line{transition:stroke 0.3s ease, stroke-width 0.3s ease, stroke-opacity 0.4s ease}.tree-connectors-svg .path-highlight{--line-color-final:var(--tree-primary) !important;stroke:var(--line-color-final) !important;stroke-opacity:1 !important;filter:drop-shadow(0 0 5px var(--tree-primary-400))}.tree-theme-dark .tree-line{--default-line-color:rgba(255, 255, 255, 0.1)}.tree-expand-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--tree-text-muted);font-size:11px;cursor:pointer;z-index:2}.tree-expand-icon:hover{color:var(--tree-primary)}.tree-expand-icon{margin-right:8px}.tree-animated .tree-node-expanded .tree-expand-icon ui-icon{transform:rotate(0deg)}.tree-animated .tree-node-collapsed .tree-expand-icon ui-icon{transform:rotate(-90deg)}.tree-expand-spacer{width:24px;height:24px;flex-shrink:0;margin-right:8px}.tree-checkbox{display:flex;align-items:center;justify-content:center}.tree-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--tree-primary)}.tree-node-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;font-size:16px;color:var(--tree-primary)}.tree-node-icon.tree-node-icon-spacer{visibility:hidden}.tree-node-icon.tree-node-icon-default{color:var(--tree-text-muted)}.tree-theme-dark .tree-node-icon.tree-node-icon-default{color:var(--tree-text-muted)}.tree-node-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;position:relative;z-index:2;cursor:pointer;transition:background-color 0.2s ease}.tree-node-content:hover{background-color:var(--tree-node-hover-bg)}.tree-node-content .tree-node-text-group{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tree-node-content .tree-node-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--tree-text)}.tree-theme-dark .tree-node-label{color:var(--tree-text)}.tree-node-spinner{display:flex;align-items:center;color:var(--tree-primary)}.tree-node-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity 0.2s;pointer-events:none;margin-left:8px}.tree-node:hover .tree-node-actions{opacity:1;pointer-events:auto}.tree-action-btn{background:transparent;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tree-text-muted);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);padding:0;margin-left:2px}.tree-action-btn:hover{background:var(--tree-primary-100);color:var(--tree-primary);transform:scale(1.1);box-shadow:0 0 10px var(--tree-primary-50)}.tree-action-btn:active{transform:scale(0.95)}.tree-theme-dark .tree-action-btn{color:var(--tree-text-muted)}.tree-theme-dark .tree-action-btn:hover{background:var(--tree-node-hover-bg)}.tree-node-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;flex-shrink:0}.tree-node-badge.tree-node-badge-default{background:var(--tree-border-color);color:var(--tree-text-muted)}.tree-node-badge.tree-node-badge-primary{background:var(--tree-primary-100);color:var(--tree-primary)}.tree-node-badge.tree-node-badge-secondary{background:var(--tree-border-color);color:var(--tree-text-muted)}.tree-node-badge.tree-node-badge-success{background:var(--tree-primary-100);color:var(--tree-success)}.tree-node-badge.tree-node-badge-danger{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--tree-error)}.tree-node-badge.tree-node-badge-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--color-warning, #f59e0b)}.tree-node-badge.tree-node-badge-info{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);color:var(--tree-info)}.tree-node-counter{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--tree-primary);color:var(--tree-bg);border-radius:11px;font-size:11px;font-weight:600;flex-shrink:0}.tree-children{overflow:hidden}.tree-animated .tree-children{animation:slideDown 0.2s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--tree-text-muted)}.tree-empty i{font-size:48px;margin-bottom:12px;opacity:0.5}.tree-empty p{margin:0;font-size:14px}.tree-orientation-horizontal .tree-content{overflow-x:auto}.tree-orientation-horizontal .tree-node-wrapper{display:flex}.tree-orientation-horizontal .tree-children{display:flex;flex-direction:column;margin-left:24px;padding-left:24px;border-left:1px solid var(--tree-border-color)}.tree-orientation-horizontal .tree-node{padding-left:0}.tree-layout-org-chart .tree-content{display:flex;justify-content:center;padding:60px 40px;overflow:auto;min-height:400px}.tree-layout-org-chart .tree-node-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;padding:20px 0 0 0;transition:all 0.3s ease}.tree-layout-org-chart .tree-node-wrapper::before,.tree-layout-org-chart .tree-node-wrapper::after{content:"";position:absolute;top:0;right:50%;width:50%;height:20px;border-top:var(--tree-line-width, 1px) solid var(--tree-line-color, rgba(0, 0, 0, 0.1))}.tree-layout-org-chart .tree-node-wrapper::after{right:auto;left:50%;border-left:var(--tree-line-width, 1px) solid var(--tree-line-color, rgba(0, 0, 0, 0.1))}.tree-layout-org-chart{}.tree-layout-org-chart .tree-content>.tree-node-wrapper::before,.tree-layout-org-chart .tree-content>.tree-node-wrapper::after{display:none !important}.tree-layout-org-chart .tree-content>.tree-node-wrapper{padding-top:0}.tree-layout-org-chart{}.tree-layout-org-chart .tree-node-wrapper:first-child::before{border:0 none}.tree-layout-org-chart .tree-node-wrapper:last-child::after{border:0 none}.tree-layout-org-chart .tree-node-wrapper:first-child:not(:only-child)::after{border-radius:12px 0 0 0}.tree-layout-org-chart .tree-node-wrapper:last-child:not(:only-child)::before{border-right:var(--tree-line-width, 1px) solid var(--tree-line-color, rgba(0, 0, 0, 0.1));border-radius:0 12px 0 0}.tree-layout-org-chart{}.tree-layout-org-chart .tree-node-wrapper:only-child::after{border-radius:0;border-left:var(--tree-line-width, 1px) solid var(--tree-line-color, rgba(0, 0, 0, 0.1))}.tree-layout-org-chart .tree-node-wrapper:only-child::before{display:none}.tree-layout-org-chart{}.tree-layout-org-chart .tree-node-branch>.tree-node::after{content:"";position:absolute;bottom:-20px;left:50%;width:1px;height:20px;background:var(--tree-line-color-default)}.tree-layout-org-chart .tree-node{border:1px solid var(--tree-border-color);background:var(--tree-bg);box-shadow:0 4px 12px var(--tree-primary-50);padding:12px 24px;min-width:160px;max-width:300px;justify-content:center;margin:0 15px;z-index:2;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius:10px}.tree-layout-org-chart .tree-node:hover{border-color:var(--tree-primary);box-shadow:0 12px 24px var(--tree-primary-100);transform:translateY(-4px)}.tree-layout-org-chart .tree-node.tree-node-selected{border-color:var(--tree-primary);background:var(--tree-primary-50)}.tree-layout-org-chart .tree-children{display:flex;flex-direction:row;justify-content:center;position:relative;padding-top:20px}.tree-layout-org-chart{}.tree-layout-org-chart.tree-theme-dark .tree-node{background:var(--tree-bg);border-color:var(--tree-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}.tree-layout-org-chart.tree-theme-dark .tree-node-wrapper::before,.tree-layout-org-chart.tree-theme-dark .tree-node-wrapper::after{border-color:var(--tree-line-color-default)}.tree-layout-org-chart.tree-theme-dark .tree-node-branch>.tree-node::after{background:var(--tree-line-color-default)}.tree-hide-lines .tree-lines,.tree-hide-lines .tree-node-wrapper::before,.tree-hide-lines .tree-node-wrapper::after,.tree-hide-lines .tree-line-vertical::after,.tree-hide-lines .tree-node::after{display:none !important}.tree-variant-modern-green{--tree-bg:var(--bg-secondary, #0f172a);--tree-text:var(--bg-primary, #f8fafc);--tree-text-muted:var(--color-primary, #94a3b8);--tree-primary:var(--color-success, #10b981);--tree-line-color-default:var(--color-success, #10b981);background:var(--tree-bg);color:var(--tree-text);border:1px solid rgba(var(--color-success-rgb, 16, 185, 129), 0.2);box-shadow:0 4px 20px rgba(0, 0, 0, 0.4)}.tree-variant-modern-green .tree-node{color:var(--tree-text-muted);font-weight:500;letter-spacing:0.02em}.tree-variant-modern-green .tree-node:hover{background:var(--tree-primary-50);color:var(--tree-primary)}.tree-variant-modern-green .tree-node.tree-node-selected{background:var(--tree-primary-100);color:var(--tree-primary);border-left:2px solid var(--tree-primary)}.tree-variant-modern-green .tree-line{--default-line-color:var(--tree-primary);--line-width:2px;opacity:0.6}.tree-variant-modern-green .tree-line-curved{border-bottom-left-radius:14px}.tree-variant-modern-green .tree-search input{background:rgba(0, 0, 0, 0.3);border-color:var(--tree-primary-100);color:var(--tree-text)}.tree-variant-modern-green .tree-search input:focus{border-color:var(--tree-primary);box-shadow:0 0 0 3px var(--tree-primary-100)}.tree-variant-modern-green .tree-node-icon{color:var(--tree-primary)}.tree-variant-modern-green .tree-expand-icon{color:var(--tree-primary)}.tree-variant-modern-green .tree-expand-icon:hover{color:var(--tree-primary)}.tree-node-selected{border-top:0 none !important}.tree-node-selected::before,.tree-node-selected::after{border-top:0 none !important}.tree-node[draggable=true]{cursor:move}.tree-node:active{opacity:0.6}.tree-drop-indicator{height:2px;background:var(--tree-primary);border-radius:2px;margin:0 8px;box-shadow:0 0 6px var(--tree-primary-200);animation:pulseIndicator 0.5s ease infinite alternate}@keyframes pulseIndicator{from{opacity:0.7}to{opacity:1}}.tree-node.tree-drop-inside>.tree-node-content{outline:2px dashed var(--tree-primary);outline-offset:-2px;border-radius:6px;background:var(--tree-primary-50)}.tree-children-drop-target{background:var(--tree-primary-50);border-radius:6px}.tree-edit-input{flex:1;min-width:80px;padding:2px 8px;border:1.5px solid var(--tree-primary);border-radius:4px;font-size:13px;font-family:inherit;color:var(--tree-text);background:var(--tree-bg);outline:none;box-shadow:0 0 0 3px var(--tree-primary-50)}.tree-edit-input:focus{box-shadow:0 0 0 3px var(--tree-primary-100)}.tree-theme-dark .tree-edit-input{background:rgba(255, 255, 255, 0.05);color:var(--tree-text)}.tree-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--tree-muted);pointer-events:none}.tree-search-clear{position:absolute;right:26px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--tree-text-muted);padding:4px;display:flex;align-items:center;border-radius:4px;transition:color 0.2s, background 0.2s}.tree-search-clear:hover{color:var(--tree-error);background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.08)}.tree-toolbar{display:flex;align-items:center;gap:4px;padding:6px 12px;border-bottom:1px solid var(--tree-border-color);background:rgba(0, 0, 0, 0.01)}.tree-theme-dark .tree-toolbar{background:rgba(255, 255, 255, 0.02)}.tree-toolbar-sep{width:1px;height:18px;background:var(--tree-border-color);margin:0 4px}.tree-toolbar-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--tree-border-color);border-radius:6px;background:var(--tree-bg);color:var(--tree-text-muted);font-size:12px;cursor:pointer;transition:all 0.15s;white-space:nowrap}.tree-toolbar-btn:hover:not(:disabled){background:var(--tree-primary-50);color:var(--tree-primary);border-color:var(--tree-primary)}.tree-toolbar-btn:disabled{opacity:0.4;cursor:not-allowed}.tree-context-menu{min-width:170px;background:var(--tree-bg);border:1px solid var(--tree-border-color);border-radius:10px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);padding:6px;z-index:9999;animation:contextMenuIn 0.12s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}@keyframes contextMenuIn{from{opacity:0;transform:scale(0.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.tree-context-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:13px;color:var(--tree-text);cursor:pointer;transition:background 0.12s}.tree-context-item:hover{background:var(--tree-primary-50);color:var(--tree-primary)}.tree-context-item.disabled{opacity:0.4;pointer-events:none}.tree-context-item.tree-context-item-danger{color:var(--tree-error)}.tree-context-item.tree-context-item-danger:hover{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.08);color:var(--tree-error)}.tree-context-separator{height:1px;background:var(--tree-border-color);margin:4px 6px}.tree-theme-dark .tree-context-menu{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);box-shadow:0 8px 32px rgba(0, 0, 0, 0.4)}.tree-node-avatar{width:24px;height:24px;flex-shrink:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.tree-node-avatar img{width:100%;height:100%;object-fit:cover}.tree-node-avatar-initials{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0}.tree-node-avatar-initials.tree-node-avatar-primary{background:var(--tree-primary-100);color:var(--tree-primary)}.tree-node-avatar-initials.tree-node-avatar-success{background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1);color:var(--tree-success)}.tree-node-avatar-initials.tree-node-avatar-danger{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--tree-error)}.tree-node-avatar-initials.tree-node-avatar-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--tree-warning)}.tree-node-avatar-initials.tree-node-avatar-info{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);color:var(--tree-info)}.tree-node-avatar-initials.tree-node-avatar-default{background:var(--tree-border-color);color:var(--tree-text-muted)}.tree-node-description{font-size:11px;color:var(--tree-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node-tag{padding:1px 7px;border-radius:12px;font-size:10px;font-weight:600;background:var(--tree-border-color);color:var(--tree-text-muted);white-space:nowrap;flex-shrink:0}.tree-node-lock{display:flex;align-items:center;color:var(--tree-text-muted);flex-shrink:0;margin-left:4px}.tree-action-danger:hover{color:var(--tree-error) !important;background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1) !important}.tree-action-warning:hover{color:var(--tree-warning) !important;background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1) !important}.tree-action-success:hover{color:var(--tree-success) !important;background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1) !important}.tree-highlight{background:rgba(245, 200, 10, 0.35);color:inherit;border-radius:2px;padding:0 1px}.tree-variant-compact .tree-node-content{min-height:28px !important;font-size:12px}.tree-variant-compact .tree-expand-icon,.tree-variant-compact .tree-expand-spacer{width:18px;height:18px}.tree-variant-compact .tree-node-icon{width:16px;height:16px;font-size:13px}.tree-variant-directory{--tree-primary:var(--color-warning, #f59e0b)}.tree-variant-directory .tree-node-branch>.tree-node-content .tree-node-icon ui-icon{color:var(--color-warning, #f59e0b)}.tree-variant-directory .tree-node-leaf>.tree-node-content .tree-node-icon ui-icon{color:var(--color-primary, #60a5fa)}.tree-variant-directory .tree-node-selected>.tree-node-content{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.08)}.tree-variant-cards .tree-node-content{border:1px solid var(--tree-border-color);border-radius:10px;margin:3px 8px 3px 0;padding-right:12px !important;background:var(--tree-bg);box-shadow:0 1px 3px rgba(0, 0, 0, 0.04);transition:box-shadow 0.2s, border-color 0.2s}.tree-variant-cards .tree-node-content:hover{border-color:var(--tree-primary);box-shadow:0 4px 12px var(--tree-primary-50)}.tree-variant-cards .tree-node-selected>.tree-node-content{border-color:var(--tree-primary);background:var(--tree-primary-50);box-shadow:0 4px 12px var(--tree-primary-100)}.tree-variant-cards.tree-theme-dark .tree-node-content{background:rgba(255, 255, 255, 0.04);border-color:var(--tree-border-color);box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.tree-variant-git-graph{--tree-git-lane-color:rgba(100, 116, 139, 0.45);--tree-git-commit-color:var(--tree-primary);--tree-git-commit-leaf-color:rgba(148, 163, 184, 0.85)}.tree-variant-git-graph .tree-connector-harness-group{display:none}.tree-variant-git-graph .tree-node-content{position:relative}.tree-variant-git-graph .tree-node-content::before,.tree-variant-git-graph .tree-node-content::after{content:"";position:absolute;pointer-events:none;z-index:1}.tree-variant-git-graph{}.tree-variant-git-graph .tree-node-content::before{left:calc(var(--depth, 0) * var(--tree-indent, 24px) + 12px);top:0;bottom:0;width:1.5px;background:var(--tree-git-lane-color)}.tree-variant-git-graph{}.tree-variant-git-graph .tree-node-content::after{left:calc(var(--depth, 0) * var(--tree-indent, 24px) + 8px);top:50%;width:9px;height:9px;transform:translateY(-50%);border-radius:50%;background:var(--tree-git-commit-color);box-shadow:0 0 0 2px var(--tree-bg)}.tree-variant-git-graph .tree-node-leaf>.tree-node-content::after{background:var(--tree-git-commit-leaf-color)}.tree-variant-git-graph .tree-node-selected>.tree-node-content::after{width:10px;height:10px;background:var(--tree-primary);box-shadow:0 0 0 2px var(--tree-bg), 0 0 0 6px var(--tree-primary-50)}.tree-variant-git-graph .tree-node:hover>.tree-node-content::before{background:color-mix(in srgb, var(--tree-primary) 35%, var(--tree-git-lane-color))}.tree-theme-dark.tree-variant-git-graph{--tree-git-lane-color:rgba(148, 163, 184, 0.35);--tree-git-commit-leaf-color:rgba(203, 213, 225, 0.85)}.tree-node-focused>.tree-node-content{outline:2px solid var(--tree-primary);outline-offset:-1px;border-radius:4px}.tree-content::-webkit-scrollbar{width:4px}.tree-content::-webkit-scrollbar-track{background:transparent}.tree-content::-webkit-scrollbar-thumb{background:var(--tree-border-color);border-radius:4px}.tree-theme-dark.tree-layout-org-chart .tree-node{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--tree-text)}.tree-theme-dark.tree-layout-org-chart .tree-node:hover{border-color:var(--tree-primary)}.tree-node-sm>.tree-node-content{min-height:32px !important;font-size:12px}.tree-node-md>.tree-node-content{min-height:40px !important;font-size:14px}.tree-node-lg>.tree-node-content{min-height:48px !important;font-size:16px}.tree-node-primary>.tree-node-content .tree-node-label{color:var(--tree-primary)}.tree-node-success>.tree-node-content .tree-node-label{color:var(--tree-success)}.tree-node-danger>.tree-node-content .tree-node-label{color:var(--tree-error)}.tree-node-warning>.tree-node-content .tree-node-label{color:var(--tree-warning)}.tree-node-info>.tree-node-content .tree-node-label{color:var(--tree-info)}.tree-animated .tree-children{animation:treeSlideIn 0.18s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes treeSlideIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}';export{i as ui_tree}

package/dist/exploration-project-tailwind/p-4bef8bed.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,h as i}from"./p-DUsoYu9r.js";const a=class{constructor(i){t(this,i),this.navItemClick=o(this,"navItemClick"),this.submenuToggle=o(this,"submenuToggle"),this.popoverStateChange=o(this,"popoverStateChange")}item;collapsed=!1;active=!1;activeId="";open=!1;animationDuration=350;indentation=0;forcePopover=!1;orientation="vertical";iconLibrary="default";isHovering=!1;popoverPlacement="bottom";hoverTimeout;navItemClick;submenuToggle;popoverStateChange;handleMouseEnter=t=>{if(this.hoverTimeout&&clearTimeout(this.hoverTimeout),this.isHovering=!0,"horizontal"===this.orientation)this.popoverPlacement="bottom";else{const o=t.currentTarget.getBoundingClientRect(),i=window.innerHeight;this.popoverPlacement=o.top>.6*i?"top":"bottom"}(this.collapsed||this.forcePopover||"top"===this.popoverPlacement)&&this.item.children&&this.item.children.length>0&&this.popoverStateChange.emit(!0)};handleMouseLeave=()=>{this.hoverTimeout=setTimeout((()=>{this.isHovering=!1,this.popoverStateChange.emit(!1)}),50)};hasActiveChild(t=this.item.children){return!!t&&t.some((t=>t.id===this.activeId||t.children&&this.hasActiveChild(t.children)))}handleClick=()=>{const t=this.item.children&&this.item.children.length>0;t&&(this.collapsed||this.forcePopover)||(t?this.submenuToggle.emit(this.item.id):this.navItemClick.emit(this.item))};render(){const t=this.item.children&&this.item.children.length>0,o=this.active||this.item.id===this.activeId,a=this.hasActiveChild(),n=this.forcePopover||"user-profile"===this.item.id;return i("li",{key:"9345250f187b57fec472da66335620d747dfc207",class:{"nav-item":!0,active:o,"active-parent":a,disabled:this.item.disabled,"has-children":t,open:this.open&&!n,collapsed:this.collapsed,hovering:this.isHovering,"in-popover":this.forcePopover,"is-user-profile":"user-profile"===this.item.id,"placement-top":"top"===this.popoverPlacement,"placement-bottom":"bottom"===this.popoverPlacement},tabindex:this.item.disabled?-1:0,"aria-disabled":this.item.disabled?"true":"false","aria-expanded":this.open&&!n?"true":"false",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},i("div",{key:"fed1eb168a5e1340b971dd12ecabcc3a6bb0d831",class:"item-content",onClick:this.handleClick,onKeyDown:t=>{"Enter"===t.key&&this.handleClick()}},this.item.icon&&i("span",{key:"d84f8938d5cd2aed187bcf9e1391d02028f11563",class:"nav-icon"},i("ui-icon",{key:"425c866305be4793ba69e1220227da3676b3fcb0",name:this.item.icon,library:this.item.iconLibrary||this.iconLibrary,size:"1.25rem"})),(!this.collapsed||this.forcePopover)&&i("span",{key:"2bdd778f72907794ca3d2b71aae3b95f44d01a41",class:"nav-label"},this.item.label),this.item.badge&&(!this.collapsed||this.forcePopover)&&i("span",{key:"1941e1c4aeeef16d23835d3ebd88effc538fff95",class:"nav-badge"},this.item.badge),t&&!n&&i("span",{key:"fa5be41879778fd799630738887a3cc04ebaa522",class:"nav-arrow"},i("ui-icon",{key:"ac63423d3f91457328483262c851e3bd94e62c63",name:"chevron-right",library:"lucide",size:"12px"})),t&&n&&i("span",{key:"9edca162c739fe418329716440525e9c3384273e",class:"nav-arrow cascading"},i("ui-icon",{key:"1c3d47c485761f9f159512b2dfb549d2f1509b44",name:"chevron-right",library:"lucide",size:"12px"}))),!t&&this.collapsed&&this.isHovering&&i("div",{key:"0ad95cb5783779519408eb16c09faac91e79aaf6",class:"nav-tooltip"},this.item.label))}};a.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.nav-item{display:flex;flex-direction:column;cursor:pointer;border-radius:12px;margin-bottom:4px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;user-select:none;width:100%}.item-content{display:flex;align-items:center;gap:16px;height:48px;padding:0 16px;color:var(--nav-text-dim);transition:all 0.3s ease;position:relative;z-index:2;border-radius:10px}:host([orientation=horizontal]){display:flex;align-items:center;height:64px}:host([orientation=horizontal]) .nav-item{margin-bottom:0;height:100%;display:flex;align-items:center}:host([orientation=horizontal]) .item-content{height:100%;padding:0 12px;justify-content:center}.nav-item:hover .item-content{background:var(--nav-hover-bg);color:var(--nav-text)}.nav-item.active .item-content,.nav-item.active-parent .item-content{background:var(--nav-active-bg);color:var(--nav-accent);font-weight:600;box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav-item.active::before,.nav-item.active-parent::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--nav-accent);border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--nav-accent);z-index:3}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;transition:transform 0.3s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active .nav-icon,.nav-item.active-parent .nav-icon{color:var(--nav-accent);transform:scale(1.1)}.nav-item.active .nav-icon svg,.nav-item.active-parent .nav-icon svg{filter:drop-shadow(0 0 5px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4))}.nav-label{font-size:14px;font-weight:500;white-space:nowrap;flex:1;letter-spacing:0.3px;overflow:hidden;text-overflow:ellipsis}.nav-badge{background:var(--nav-accent-gradient);color:var(--text-standard, #ffffff);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;margin-left:auto;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.nav-arrow{margin-left:auto;font-size:10px;color:var(--nav-text-dim);transition:transform 0.3s ease}.nav-item.open>.item-content .nav-arrow{transform:rotate(90deg)}.nav-submenu{list-style:none;margin:0;padding:0 0 8px 12px;overflow:hidden}.nav-item.collapsed .nav-label,.nav-item.collapsed .nav-badge,.nav-item.collapsed .nav-arrow,.nav-item.collapsed .nav-submenu:not(.floating-popover){display:none}.nav-item.collapsed .item-content{justify-content:center;padding:0;width:100%}:host([indentation="1"]) .nav-item{margin-left:8px;border-radius:8px}:host([indentation="1"]) .item-content{height:38px;font-size:13px}:host([indentation="1"]) .nav-item.active::before{width:2px;top:10px;bottom:10px}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-item.open .nav-submenu navigation-item{animation:slideDown 0.3s ease forwards}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover{background:var(--bg-primary, #1e293b) !important;z-index:2500 !important;box-shadow:0 10px 40px rgba(0, 0, 0, 0.5) !important;width:220px !important;display:flex !important;flex-direction:column !important;max-height:calc(100vh - 32px) !important;overflow-y:auto !important;overflow-x:hidden !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover:not(.placement-top),:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-bottom{top:0;bottom:auto}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-top{bottom:0;top:auto}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-top::before{top:auto !important;bottom:18px !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar{width:6px}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-track{background:transparent;border-radius:12px}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-thumb{background:rgba(148, 163, 184, 0.5);border-radius:12px;transition:background 0.3s ease}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-thumb:hover{background:rgba(148, 163, 184, 0.8)}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover navigation-item,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover>navigation-item{display:block !important;width:100% !important;height:auto !important;min-height:40px !important;opacity:1 !important;visibility:visible !important;flex-shrink:0 !important}:host([orientation=vertical]) .nav-item.is-user-profile:hover .nav-submenu.floating-popover,:host([orientation=vertical]) .nav-item.is-user-profile.hovering .nav-submenu.floating-popover,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover:hover,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.is-visible{visibility:visible !important;opacity:1 !important;pointer-events:auto !important;transform:translateX(0) translateY(0) !important}:host([orientation=vertical]) .nav-item.is-user-profile:hover,:host([orientation=vertical]) .nav-item.is-user-profile.hovering{overflow:visible !important;z-index:1001 !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::after{content:"";position:absolute;left:-25px;top:0;width:30px;height:100%;pointer-events:auto;background:transparent;z-index:2001}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu:not(.floating-popover){display:none !important}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top.is-visible{transform:translateX(0)}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top::before{top:auto;bottom:18px}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top::after{top:auto;bottom:0;height:100%}.nav-submenu.floating-popover::after{content:"";position:absolute;top:-20px;bottom:-20px;left:-24px;width:24px;background:transparent;z-index:-1}.nav-item:hover,.nav-item.hovering{z-index:1000;overflow:visible !important}.nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading){left:100%;margin-left:12px;top:0}.nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading)::before{display:block;}.nav-submenu.floating-popover.cascading{left:100%;margin-left:4px;top:-4px;}.nav-submenu.floating-popover.cascading::before{top:18px;left:-6px}.popover-header{padding:12px 16px;font-size:11px;font-weight:700;color:var(--nav-text-dim);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid rgba(255, 255, 255, 0.05);margin-bottom:4px;user-select:none;pointer-events:none}.nav-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--bg-primary, #1e293b);color:var(--text-standard, #f8fafc);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 8px 24px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);border:1px solid rgba(255, 255, 255, 0.1);z-index:2000;margin-left:8px;pointer-events:none;animation:fadeIn 0.2s ease forwards}.nav-submenu.floating-popover::before,.nav-tooltip::before{content:"";position:absolute;left:-6px;top:18px;width:12px;height:12px;background:var(--bg-primary, #1e293b);transform:rotate(45deg);border-left:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.1);z-index:-1}.nav-tooltip::before{top:50%;margin-top:-6px}:host([orientation=horizontal]) .nav-submenu.floating-popover::before{content:"" !important;display:block !important;visibility:visible !important;opacity:1 !important;position:absolute !important;left:50% !important;right:auto !important;top:-6px !important;bottom:auto !important;margin:0 !important;width:12px !important;height:12px !important;background:var(--bg-primary, #1e293b) !important;transform:translateX(-50%) rotate(45deg) !important;border:none !important;border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-right:1px solid rgba(255, 255, 255, 0.1) !important;z-index:-1 !important;pointer-events:none !important}@keyframes fadeIn{from{opacity:0;transform:translateY(-50%) translateX(-5px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.nav-submenu.floating-popover ::slotted(navigation-item),.nav-submenu.floating-popover navigation-item{margin-left:0 !important}.nav-item.collapsed:hover{overflow:visible}.nav-item.in-popover .item-content{height:40px;padding:0 12px;border-radius:8px}.nav-item.in-popover{margin-left:0 !important;margin-bottom:2px}.nav-item.in-popover.active .item-content{background:var(--nav-active-bg);border:1px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.nav-item.in-popover.active .nav-label{color:var(--nav-accent) !important;font-weight:700}.nav-item.in-popover.active::before{top:8px;bottom:8px;width:3px}.nav-arrow.cascading{margin-left:auto;opacity:0.5;transition:transform 0.3s ease}.nav-item.placement-top .nav-arrow.cascading,.nav-submenu.placement-top .nav-arrow.cascading{transform:rotate(-90deg);}.nav-submenu:not(.placement-top) .nav-arrow.cascading{transform:rotate(0deg)}:host([indentation="0"]) .nav-item.in-popover{margin-left:0}.nav-item.is-user-profile .nav-icon{background:var(--nav-accent-gradient);border-radius:50%;color:var(--text-standard, #ffffff) !important;width:32px;height:32px;min-width:32px;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4)}.nav-item.is-user-profile .nav-icon svg{width:18px;height:18px}.nav-item.is-user-profile .nav-label{font-weight:600;color:var(--nav-text)}:host([orientation=horizontal]){height:100%}:host([orientation=horizontal]) .nav-item{height:100%;flex-direction:row;align-items:center;justify-content:center;margin-bottom:0;border-radius:0;padding:0 4px}:host([orientation=horizontal]) .item-content{height:100%;padding:0 16px;border-radius:0;font-weight:600;transition:all 0.2s ease}:host([orientation=horizontal]) .nav-item:hover .item-content{background:rgba(255, 255, 255, 0.08)}:host([orientation=horizontal]) .nav-item.active::before,:host([orientation=horizontal]) .nav-item.active-parent::before{top:auto;bottom:0;left:0;right:0;width:100%;height:3px;border-radius:4px 4px 0 0}:host([orientation=horizontal]) .nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading){left:0 !important;top:100% !important;bottom:auto !important;margin-left:0 !important;margin-top:8px !important;transform:translateY(-5px)}:host([orientation=horizontal][indentation="0"]) .nav-arrow{transform:rotate(90deg);}:host([orientation=horizontal][indentation="0"]) .nav-item.open>.item-content .nav-arrow{transform:rotate(-90deg);}:host([orientation=horizontal][indentation="1"]) .nav-arrow.cascading,:host([orientation=horizontal][indentation="2"]) .nav-arrow.cascading{transform:rotate(0deg);}:host([orientation=horizontal]) .nav-submenu.floating-popover::after{top:-12px;left:0;right:0;height:12px;width:100%}:host([orientation=horizontal]) .nav-submenu.floating-popover:not(.cascading)::before,:host([orientation=horizontal]) .nav-submenu.floating-popover.placement-bottom:not(.cascading)::before,:host([orientation=horizontal]) .nav-submenu.floating-popover.placement-top:not(.cascading)::before{content:"" !important;position:absolute !important;left:50% !important;right:auto !important;top:-6px !important;bottom:auto !important;width:12px !important;height:12px !important;transform:translateX(-50%) rotate(45deg) !important;background:var(--bg-primary, #1e293b) !important;border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-right:1px solid rgba(255, 255, 255, 0.1) !important;border-left:none !important;border-bottom:none !important;z-index:-1 !important}:host([orientation=horizontal]) .nav-submenu.floating-popover.cascading::before{content:"" !important;position:absolute !important;left:-6px !important;right:auto !important;top:18px !important;bottom:auto !important;width:12px !important;height:12px !important;transform:rotate(45deg) !important;background:var(--bg-primary, #1e293b) !important;border-top:none !important;border-right:none !important;border-left:1px solid rgba(255, 255, 255, 0.1) !important;border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;z-index:-1 !important}';export{a as ui_navigation_item}

package/dist/exploration-project-tailwind/p-4efd63ce.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,a as t,h as n,H as l}from"./p-DUsoYu9r.js";import{s as m}from"./p-Dyu3Nplq.js";const a=class{constructor(t){e(this,t),this.itemVisible=i(this,"itemVisible"),this.itemClick=i(this,"itemClick")}events=[];normalizedEvents=[];flow="linear";mode="vertical";align="left";theme;multiline=!1;columns=4;variant="default";marker="dot";clickable=!1;reverse=!1;pending=!1;searchable=!1;lineColor="#3bf673";lineWidth=2;dotSize=12;dotColor="#3bf673";showLine=!0;showDots=!0;animateOnScroll=!1;compact=!1;wrap=!1;showDates=!0;dateFormat="short";iconPosition="center";activeItemId;visibleItems=new Set;searchQuery="";itemVisible;itemClick;get el(){return t(this)}normalizeEvents(e){if("string"==typeof e)try{this.normalizedEvents=JSON.parse(e)}catch{this.normalizedEvents=[]}else this.normalizedEvents=e||[]}isRtl=!1;isMobile=!1;observer;componentWillLoad(){this.normalizeEvents(this.events)}componentDidLoad(){this.animateOnScroll&&this.setupIntersectionObserver(),this.checkMobile(),this.checkRtl(),window.addEventListener("resize",this.handleResize)}disconnectedCallback(){this.observer&&this.observer.disconnect(),window.removeEventListener("resize",this.handleResize)}handleResize=()=>{this.checkMobile()};checkMobile(){this.isMobile=window.innerWidth<=768}checkRtl(){this.isRtl="rtl"===getComputedStyle(this.el).direction||null!==this.el.closest('[dir="rtl"]')||"rtl"===document.documentElement.dir}setupIntersectionObserver(){void 0!==globalThis.IntersectionObserver&&(this.observer=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){const i=e.target.getAttribute("data-item-id"),t=e.target.getAttribute("data-item-index");if(i||t){this.visibleItems=new Set([...this.visibleItems,i||t]);const e=parseInt(t||"0",10),n=this.normalizedEvents[e];n&&this.itemVisible.emit({item:n,index:e})}}}))}),{threshold:.2}))}getProcessedEvents(){let e=[...this.normalizedEvents];if(this.searchable&&this.searchQuery){const i=this.searchQuery.toLowerCase();e=e.filter((e=>e.label.toLowerCase().includes(i)||e.description&&e.description.toLowerCase().includes(i)||e.opposite&&"string"==typeof e.opposite&&e.opposite.toLowerCase().includes(i)||e.customContent&&e.customContent.toLowerCase().includes(i)))}return this.reverse&&e.reverse(),e}handleSearch=e=>{this.searchQuery=e.detail};handleItemClick=e=>{this.clickable&&this.itemClick.emit(e)};render(){const e=this.getProcessedEvents(),i=this.isMobile&&this.compact?"vertical":this.mode,t=["timeline-container",`timeline-${i}`,`timeline-align-${this.align}`,(this.multiline||this.wrap)&&"timeline-multiline",`timeline-variant-${this.variant}`,`timeline-marker-${this.marker}`,this.clickable&&"timeline-clickable",this.animateOnScroll&&"timeline-animated",this.compact&&"timeline-compact",`timeline-icon-${this.iconPosition}`].filter(Boolean).join(" "),m={...this.theme,"--timeline-line-color":this.lineColor,"--timeline-line-width":`${this.lineWidth}px`,"--timeline-dot-size":`${this.dotSize}px`,"--timeline-dot-color":this.dotColor},a="horizontal"===i&&(this.multiline||this.wrap)?this.renderMultiline(t,e,m):n("div",{class:t,style:m},e.map(((e,i)=>this.renderEventItem(e,i))),this.pending&&this.renderPendingItem(e.length));return n(l,{key:"895dad278ac5ef9373c0053fe80f39d4c0850ba0"},n("div",{key:"83841752c240e330781abd770ba5079305d18ced",class:"timeline-wrapper"},this.searchable&&n("div",{key:"068ab74adbeb338f0ae91bb6f2d69ae91c426d2d",class:"timeline-search-header"},n("ui-input",{key:"8c1e6d69c5f10e25e6abdab5eedd84a93727729b",type:"text",class:"timeline-search-input",placeholder:"Search events...",onInputChange:this.handleSearch,value:this.searchQuery,size:"sm",fullWidth:!0})),a))}renderMultiline(e,i,t){const l=this.columns>0?this.columns:4,m=[];for(let e=0;e<i.length;e+=l)m.push(i.slice(e,e+l));return n("div",{class:`${e} ${this.wrap?"timeline-snake-container":""}`,style:t},m.map(((e,i)=>n("div",{class:{"timeline-row":!0,"timeline-row-even":i%2==0,"timeline-row-odd":i%2!=0}},e.map(((t,n)=>this.renderEventItem(t,i*this.columns+n,!0,n===e.length-1)))))),this.pending&&this.renderPendingItem(i.length,!0))}renderPendingItem(e,i=!1){const t=this.isRtl?e%2!=0:e%2==0,l="alternate"===this.align?t?"left":"right":this.align,m="alternate"===this.align?t?"top":"bottom":"top"===this.align?"top":"bottom";return n("div",{class:{"timeline-item":!0,"timeline-item-pending":!0,[`side-${l}`]:"vertical"===this.mode,[`side-${m}`]:"horizontal"===this.mode,"is-multiline":i}},n("div",{class:"timeline-item-line"}),n("div",{class:"timeline-item-dot"},n("span",{class:"dot-inner"})),n("div",{class:"timeline-item-details"},n("div",{class:"timeline-item-content"},n("div",{class:"timeline-item-title"},"Pending..."))))}renderEventItem(e,i,t=!1,l=!1){const a="alternate"===this.align,r=this.isRtl?i%2!=0:i%2==0,o=a?r?"left":"right":this.align,d=a?r?"top":"bottom":"top"===this.align?"top":"bottom";let s;const c={};e.dotColor&&(c.borderColor=e.dotColor),e.iconBackground&&(c.backgroundColor=e.iconBackground);const p={};e.iconColor&&(p.color=e.iconColor),s=e.image?n("img",{src:e.image,alt:e.label,class:"timeline-item-image",width:"24",height:"24"}):e.icon||"icon"===this.marker?n("span",{class:"timeline-item-icon",style:p},e.icon&&e.icon.includes("<svg")?n("span",{innerHTML:m(e.icon)}):n("ui-icon",{name:e.icon||"default-icon",library:"fontawesome"})):"number"===this.marker?n("span",{class:"timeline-item-number"},i+1):n("span",{class:"dot-inner"});const g=this.visibleItems.has(e.id||i.toString()),h=e.id||i.toString();return n("div",{"data-item-id":h,"data-item-index":i,ref:e=>{e&&this.animateOnScroll&&this.observer&&this.observer.observe(e)},class:["timeline-item",`timeline-item-${e.status||"default"}`,i%2==0?"timeline-item-even":"timeline-item-odd",`side-${o}`,`side-${d}`,t&&l&&"is-last-in-row",!!e.image&&"has-image",!!e.icon&&"has-icon","number"===this.marker&&!e.image&&!e.icon&&"has-number",this.clickable&&"timeline-item-clickable",("active"===e.status||"pending"===e.status)&&"is-active",this.animateOnScroll&&"timeline-item-animated",(g||!this.animateOnScroll)&&"timeline-item-visible","center"===this.align&&"timeline-balanced-item",!!e.position&&`timeline-item-position-${e.position}`].filter(Boolean).join(" "),onClick:()=>this.handleItemClick(e)},n("div",{class:"timeline-side timeline-side-left"},"left"===o&&e.opposite&&n("span",{class:"timeline-opposite-content"},e.opposite)),n("div",{class:"timeline-item-divider"},this.showLine&&n("div",{class:"timeline-item-line",style:{backgroundColor:e.lineColor||this.lineColor}}),n("div",{class:"timeline-item-dot",style:c},s,e.badge&&n("span",{class:"timeline-badge"},e.badge))),n("div",{class:"timeline-item-details timeline-side timeline-side-right"},this.showDates&&(e.date||e.time||e.timestamp)&&n("div",{class:"timeline-item-time"},e.date&&n("span",{class:"timeline-date-text"},e.date," "),e.time&&n("span",{class:"timeline-time-text"},e.time),!e.date&&!e.time&&e.timestamp&&n("span",{class:"timeline-date-text"},e.timestamp)),n("div",{class:"timeline-item-content"},n("div",{class:"timeline-item-title"},e.label),e.description&&n("div",{class:"timeline-item-desc"},e.description),e.customContent&&n("div",{class:"timeline-custom-content",innerHTML:m(e.customContent)}))))}static get watchers(){return{events:[{normalizeEvents:0}]}}};a.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%}.timeline-container{display:flex;position:relative;font-family:inherit}.timeline-vertical{flex-direction:column;padding:20px 0}.timeline-vertical .timeline-item{display:flex;position:relative;padding-bottom:24px;align-items:center}.timeline-vertical .timeline-item-line{position:absolute;top:0;bottom:0;width:2px;background-color:var(--bg-primary, #e5e7eb)}.timeline-vertical .timeline-item:last-child .timeline-item-line{display:none}.timeline-vertical .timeline-item-dot{position:relative;z-index:10;width:12px;height:12px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #10b981);border-radius:50%;flex-shrink:0;margin-top:0;}.timeline-vertical .timeline-item-content{flex:1}.timeline-align-left.timeline-vertical .timeline-item-line{left:5px}.timeline-icon-top .timeline-item{align-items:flex-start}.timeline-icon-center .timeline-item{align-items:center}.timeline-icon-bottom .timeline-item{align-items:flex-end}.timeline-align-left.timeline-vertical .timeline-item-dot{left:0;}.timeline-align-left.timeline-vertical .timeline-item-details{padding-left:48px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.timeline-align-right.timeline-vertical .timeline-item{flex-direction:row-reverse;}.timeline-align-right.timeline-vertical .timeline-item-line{left:auto;right:5px;}.timeline-align-right.timeline-vertical .timeline-item-dot{left:auto;right:0;top:4px}.timeline-align-right.timeline-vertical .timeline-item-details{padding-left:0;padding-right:48px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;width:100%;}.timeline-align-alternate.timeline-vertical .timeline-item{width:100%}.timeline-align-alternate.timeline-vertical .timeline-item-line{left:50%;transform:translateX(-50%)}.timeline-align-alternate.timeline-vertical .timeline-item-dot{left:50%;transform:translateX(-50%);top:4px}.timeline-align-alternate.timeline-vertical .side-left .timeline-item-details{width:50%;padding-right:48px;padding-left:0;text-align:right;box-sizing:border-box;margin-left:0;}.timeline-align-alternate.timeline-vertical .side-right .timeline-item-details{width:50%;margin-left:50%;padding-left:48px;text-align:left;box-sizing:border-box}.timeline-horizontal{flex-direction:row;padding:80px 0;overflow-x:auto;min-height:250px;align-items:center}.timeline-horizontal .timeline-item{flex:1;min-width:200px;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;height:100%;margin:auto}.timeline-horizontal .timeline-item-details{position:absolute;width:240px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;}.timeline-horizontal.timeline-multiline{flex-direction:column;flex-wrap:nowrap;gap:0;padding:40px 80px;display:flex;align-items:stretch;overflow:visible;}.timeline-row{display:flex;width:100%;justify-content:center;justify-content:flex-start;position:relative;padding:40px 0;}.timeline-row.timeline-row-odd{flex-direction:row-reverse}.timeline-horizontal.timeline-multiline .timeline-item{flex:1;margin:0;min-width:0}.timeline-horizontal.timeline-multiline .timeline-item-line{display:block;left:50%;right:-50%;top:50%;border-radius:0}.timeline-row.timeline-row-odd .timeline-item-line{left:-50%;right:50%;}.timeline-item.is-last-in-row .timeline-item-line{display:block;left:50%;right:0;width:auto;}.timeline-row-odd .timeline-item.is-last-in-row .timeline-item-line{left:0;right:50%}.timeline-row-even .timeline-item.is-last-in-row::after{content:"";position:absolute;right:-60px;width:60px;top:50%;height:250px;border-right:2px solid var(--border-default, #e5e7eb);border-top:2px solid var(--border-default, #e5e7eb);border-bottom:2px solid var(--border-default, #e5e7eb);border-top-right-radius:60px;border-bottom-right-radius:60px;border-top-left-radius:0;border-bottom-left-radius:0;z-index:0;left:auto;pointer-events:none;top:calc(50% - 1px)}.timeline-row-odd .timeline-item.is-last-in-row::after{content:"";position:absolute;left:-60px;right:auto;width:60px;top:calc(50% - 1px);height:250px;border-left:2px solid var(--border-default, #e5e7eb);border-top:2px solid var(--border-default, #e5e7eb);border-bottom:2px solid var(--border-default, #e5e7eb);border-top-left-radius:60px;border-bottom-left-radius:60px;border-top-right-radius:0;border-bottom-right-radius:0;z-index:0;transform:none;pointer-events:none}.timeline-row:last-child .timeline-item.is-last-in-row::after{display:none}.timeline-row .timeline-item{justify-content:flex-start;}.timeline-row .timeline-item-dot{margin-top:119px;}.timeline-row .timeline-item-line{top:125px;transform:translateY(-50%)}.timeline-row .timeline-item-details{top:125px;}.timeline-horizontal .timeline-item-content,.timeline-horizontal .timeline-item-time{position:static;width:auto;max-width:100%;transform:none;left:auto;text-align:center;padding:2px 0}.timeline-horizontal .timeline-item-line{position:absolute;left:50%;right:-50%;top:50%;transform:translateY(-50%);height:2px;background-color:var(--bg-primary, #e5e7eb)}.timeline-horizontal .timeline-item:last-child .timeline-item-line{display:none}.timeline-horizontal .timeline-item-dot{width:12px;height:12px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #10b981);border-radius:50%;z-index:10;position:relative}.timeline-horizontal.timeline-align-top .timeline-item-details,.timeline-horizontal .side-top .timeline-item-details{bottom:50%;top:auto;margin-bottom:32px;flex-direction:column-reverse;}.timeline-horizontal.timeline-align-top .timeline-item-details .timeline-item-content,.timeline-horizontal .side-top .timeline-item-details .timeline-item-content{order:1;}.timeline-horizontal.timeline-align-top .timeline-item-details .timeline-item-time,.timeline-horizontal .side-top .timeline-item-details .timeline-item-time{order:2;}.timeline-horizontal.timeline-align-bottom .timeline-item-details,.timeline-horizontal.timeline-align-left .timeline-item-details,.timeline-horizontal .side-bottom .timeline-item-details{top:50%;bottom:auto;margin-top:32px;flex-direction:column;}.timeline-horizontal .timeline-item-details::before{content:"";position:absolute;left:50%;width:2px;background:var(--bg-primary, #e5e7eb);height:32px;transform:translateX(-50%)}.timeline-horizontal.timeline-align-top .timeline-item-details::before,.timeline-horizontal .side-top .timeline-item-details::before{bottom:-32px;}.timeline-horizontal.timeline-align-bottom .timeline-item-details::before,.timeline-horizontal.timeline-align-left .timeline-item-details::before,.timeline-horizontal .side-bottom .timeline-item-details::before{top:-32px;}.timeline-horizontal.timeline-align-alternate .timeline-item{height:100%}.timeline-horizontal.timeline-align-alternate .timeline-item-dot{margin:0}.timeline-item-success .timeline-item-dot{border-color:var(--color-success, #10b981)}.timeline-item-danger .timeline-item-dot{border-color:var(--color-danger, #ef4444)}.timeline-item-warning .timeline-item-dot{border-color:var(--color-warning, #f59e0b)}.timeline-item-active .timeline-item-dot{border-color:var(--color-primary, #10b981);background-color:var(--bg-primary, #eff6ff);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.timeline-item-active .timeline-item-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--color-primary, #10b981);animation:timeline-pulse 2s infinite}.timeline-item-active .timeline-item-title{color:var(--color-primary, #10b981)}@keyframes timeline-pulse{0%{transform:scale(1);opacity:0.5}100%{transform:scale(2);opacity:0}}.timeline-item-dot{display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.timeline-item-icon{font-size:14px;display:inline-flex;align-items:center;justify-content:center;line-height:1;width:100%;height:100%}.timeline-item:has(.timeline-item-icon) .timeline-item-dot{width:24px;height:24px;background:var(--bg-primary, #f8fafc);display:flex !important;align-items:center;justify-content:center}.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{left:-6px;top:0}.timeline-align-alternate.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{left:50%;transform:translateX(-50%)}.timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{right:-6px;left:auto}.dot-inner{width:4px;height:4px;background:var(--color-primary, #10b981);border-radius:50%}.timeline-item-success .dot-inner{background:var(--color-success, #10b981)}.timeline-item-danger .dot-inner{background:var(--color-danger, #ef4444)}.timeline-item-warning .dot-inner{background:var(--color-warning, #f59e0b)}.timeline-item{transition:opacity 0.2s ease}.timeline-item:hover .timeline-item-dot{transform:scale(1.2)}.timeline-variant-panel .timeline-item-content{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);padding:16px;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);position:relative;transition:transform 0.2s, box-shadow 0.2s}.timeline-variant-panel .timeline-item-content::before{content:"";position:absolute;width:10px;height:10px;background:var(--bg-primary, #ffffff);border-left:1px solid var(--border-default, #e5e7eb);border-bottom:1px solid var(--border-default, #e5e7eb);transform:rotate(45deg);display:none;}.timeline-variant-panel .timeline-item:hover .timeline-item-content{box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);transform:translateY(-2px)}.timeline-item-number{color:var(--color-primary, #10b981);font-size:14px;font-weight:700;line-height:1}.timeline-marker-number .timeline-item-dot,.timeline-item:has(.timeline-item-number) .timeline-item-dot{width:32px;height:32px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #10b981)}.timeline-item-active .timeline-item-number{color:var(--text-standard, #ffffff)}.timeline-item-active.timeline-marker-number .timeline-item-dot{background:var(--color-primary, #10b981)}.timeline-item-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.timeline-item:has(.timeline-item-image) .timeline-item-dot{width:24px;height:24px;padding:0;overflow:hidden;border-radius:50%;position:relative;border:2px solid var(--color-primary, #10b981);border-color:var(--color-primary, #cbd5e1);box-shadow:none;background:var(--bg-primary, #ffffff)}.timeline-item-active:has(.timeline-item-image) .timeline-item-dot{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);}.timeline-vertical .timeline-item:has(.timeline-item-image) .timeline-item-dot{left:-6px}.timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-image) .timeline-item-dot{right:-6px;left:auto}.timeline-row .timeline-item:has(.timeline-item-image) .timeline-item-dot,.timeline-row .timeline-item:has(.timeline-item-icon) .timeline-item-dot{margin-top:113px}.timeline-item:has(.timeline-item-icon) .timeline-item-dot{width:24px;height:24px;background:var(--bg-primary, #f8fafc)}.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{left:-6px;top:0}.timeline-align-alternate.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{left:50%;transform:translateX(-50%)}.timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{right:-6px;left:auto}.dot-inner{width:4px;height:4px;background:var(--color-primary, #10b981);border-radius:50%}.timeline-item-success .dot-inner{background:var(--color-success, #10b981)}.timeline-item-danger .dot-inner{background:var(--color-danger, #ef4444)}.timeline-item-warning .dot-inner{background:var(--color-warning, #f59e0b)}.timeline-item{transition:opacity 0.2s ease}.timeline-item:hover .timeline-item-dot{transform:scale(1.2)}.timeline-variant-panel .timeline-item-content{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);padding:16px;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);position:relative;transition:transform 0.2s, box-shadow 0.2s}.timeline-variant-panel .timeline-item-content::before{content:"";position:absolute;width:10px;height:10px;background:var(--bg-primary, #ffffff);border-left:1px solid var(--border-default, #e5e7eb);border-bottom:1px solid var(--border-default, #e5e7eb);transform:rotate(45deg);display:none;}.timeline-variant-panel .timeline-item:hover .timeline-item-content{box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);transform:translateY(-2px)}.timeline-item-number{color:var(--color-primary, #10b981);font-size:14px;font-weight:700;line-height:1}.timeline-marker-number .timeline-item-dot,.timeline-item:has(.timeline-item-number) .timeline-item-dot{width:32px;height:32px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #10b981)}.timeline-item-active .timeline-item-number{color:var(--text-standard, #ffffff)}.timeline-item-active.timeline-marker-number .timeline-item-dot{background:var(--color-primary, #10b981)}.timeline-item-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.timeline-item:has(.timeline-item-image) .timeline-item-dot{width:24px;height:24px;padding:0;overflow:hidden;border-radius:50%;position:relative;border:2px solid var(--color-primary, #10b981);border-color:var(--color-primary, #cbd5e1);box-shadow:none;background:var(--bg-primary, #ffffff)}.timeline-item-active:has(.timeline-item-image) .timeline-item-dot{border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);}.timeline-vertical .timeline-item:has(.timeline-item-image) .timeline-item-dot{left:0}.timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-image) .timeline-item-dot{right:-6px;left:auto}.timeline-row .timeline-item:has(.timeline-item-image) .timeline-item-dot,.timeline-row .timeline-item:has(.timeline-item-icon) .timeline-item-dot{margin-top:113px}.timeline-row .timeline-item:has(.timeline-item-number) .timeline-item-dot{margin-top:117px;}.timeline-item-title{font-weight:600;font-size:14px;color:var(--text-primary, #1f2937);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.timeline-item-time{font-size:12px;color:var(--text-muted, #6b7280);margin-bottom:2px;font-family:monospace;font-weight:500}.timeline-item-content{min-width:0;}.timeline-item-desc{font-size:13px;color:var(--text-secondary, #4b5563);margin-top:4px;line-height:1.5;display:-webkit-box !important;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;cursor:help;transition:all 0.2s;}.timeline-item-title:hover{white-space:normal;overflow:visible;z-index:50;position:relative;background:rgba(255, 255, 255, 0.9);}.timeline-item-desc:hover{-webkit-line-clamp:unset !important;line-clamp:unset !important;overflow:visible;z-index:50;position:relative;background:rgba(255, 255, 255, 0.9)}@media (prefers-color-scheme: dark){.timeline-item-title{color:var(--text-standard, #f3f4f6)}.timeline-item-desc{color:var(--text-muted, #9ca3af)}.timeline-item-line{background-color:var(--text-secondary, #374151)}.timeline-item-dot{background:var(--bg-primary, #1f2937);border-color:var(--color-primary, #10b981);}.timeline-vertical .timeline-item-dot{background:var(--bg-primary, #1f2937)}.timeline-variant-panel .timeline-item-content{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151)}.timeline-variant-panel .timeline-item-content::before{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151)}.timeline-marker-number .timeline-item-dot,.timeline-item:has(.timeline-item-number) .timeline-item-dot{background:var(--bg-primary, #1f2937);border-color:var(--color-primary, #10b981)}}.timeline-wrapper{display:flex;flex-direction:column;gap:20px}.timeline-search-header{margin-bottom:24px;padding:0 4px}.timeline-search-input{width:100%;padding:10px 16px;border:1px solid var(--border-default, #e5e7eb);border-radius:8px;font-size:14px;outline:none;transition:all 0.2s ease;background:var(--bg-primary, #f9fafb)}.timeline-search-input:focus{border-color:var(--color-primary, #10b981);background:var(--bg-primary, #ffffff);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.timeline-item-clickable{cursor:pointer}.timeline-item-clickable:hover{opacity:0.8}.timeline-item-clickable:hover .timeline-item-dot{transform:scale(1.3);box-shadow:0 0 0 6px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.timeline-item-pending .timeline-item-line{border-left:2px dashed var(--color-primary, #cbd5e1);background-color:transparent}.timeline-item-pending .dot-inner{background:var(--color-primary, #cbd5e1);animation:timeline-pulse-inner 1.5s infinite ease-in-out}@keyframes timeline-pulse-inner{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0.5}}.timeline-item.is-active .timeline-item-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid currentColor;animation:timeline-pulse 2s infinite}.timeline-horizontal .timeline-item-pending .timeline-item-line{border-top:2px dashed var(--color-primary, #cbd5e1);background-color:transparent;height:0}.timeline-horizontal.timeline-align-alternate .timeline-item-pending .timeline-item-line{top:50%}:host{display:block;width:100%;--timeline-line-color:var(--color-primary, #10b981);--timeline-line-width:2px;--timeline-dot-size:12px;--timeline-dot-color:var(--color-primary, #10b981)}.timeline-container{position:relative;padding:20px 0;width:100%}.timeline-vertical{display:flex;flex-direction:column;gap:0}.timeline-vertical .timeline-item{position:relative;display:flex;align-items:center;min-height:80px;padding:0}.timeline-vertical .timeline-item .timeline-dot{position:relative;flex-shrink:0;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid var(--timeline-dot-color);background:var(--bg-primary, #ffffff);transition:all 0.3s ease}.timeline-vertical .timeline-item .timeline-dot i{font-size:calc(var(--timeline-dot-size) * 0.8)}.timeline-vertical .timeline-item .timeline-line{position:absolute;left:calc(var(--timeline-dot-size));top:calc(var(--timeline-dot-size) + 3px);bottom:calc(-1 * var(--timeline-dot-size) - 3px);width:var(--timeline-line-width);background:var(--timeline-line-color);z-index:1}.timeline-vertical .timeline-item .timeline-content{flex:1;padding:0 24px;margin-top:4px}.timeline-vertical.timeline-align-left .timeline-item{flex-direction:row}.timeline-vertical.timeline-align-left .timeline-item .timeline-dot{margin-right:0}.timeline-vertical.timeline-align-left .timeline-item .timeline-line{left:calc(var(--timeline-dot-size));right:auto}.timeline-vertical.timeline-align-left .timeline-item .timeline-content{text-align:left;padding-left:24px;padding-right:0}.timeline-vertical.timeline-align-right .timeline-item{flex-direction:row-reverse}.timeline-vertical.timeline-align-right .timeline-item .timeline-dot{margin-left:0;margin-right:0}.timeline-vertical.timeline-align-right .timeline-item .timeline-line{left:auto;right:calc(var(--timeline-dot-size))}.timeline-vertical.timeline-align-right .timeline-item .timeline-content{text-align:right;padding-right:24px;padding-left:0}.timeline-vertical.timeline-align-center{display:flex;flex-direction:column;align-items:center}.timeline-vertical.timeline-align-center .timeline-item{width:50%;flex-direction:row;justify-content:flex-start}.timeline-vertical.timeline-align-center .timeline-item .timeline-dot{position:absolute;left:-12px;margin-right:0}.timeline-vertical.timeline-align-center .timeline-item .timeline-line{position:absolute;left:-2px;right:auto}.timeline-vertical.timeline-align-center .timeline-item .timeline-content{text-align:left;padding-left:24px;padding-right:0;margin-left:12px}.timeline-vertical.timeline-align-alternate{display:flex;flex-direction:column;align-items:center}.timeline-vertical.timeline-align-alternate .timeline-item{width:50%}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-dot{position:absolute}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-line{position:absolute}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-left{flex-direction:row-reverse;align-self:flex-start}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-left .timeline-dot{right:-12px;left:auto}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-left .timeline-content{text-align:right;padding-right:24px;padding-left:0;margin-right:12px}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-left .timeline-line{right:-2px;left:auto}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-right{flex-direction:row;align-self:flex-end}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-right .timeline-dot{left:-12px;right:auto}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-right .timeline-content{text-align:left;padding-left:24px;padding-right:0;margin-left:12px}.timeline-vertical.timeline-align-alternate .timeline-item.timeline-item-right .timeline-line{left:-2px;right:auto}.timeline-horizontal{display:flex;gap:0;overflow-x:auto;padding:40px 0;scrollbar-width:thin;scrollbar-color:var(--timeline-line-color) transparent}.timeline-horizontal::-webkit-scrollbar{height:6px}.timeline-horizontal::-webkit-scrollbar-track{background:transparent}.timeline-horizontal::-webkit-scrollbar-thumb{background-color:var(--timeline-line-color);border-radius:20px}.timeline-horizontal{scroll-snap-type:x mandatory}.timeline-horizontal .timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:150px;padding:0;flex-shrink:0;scroll-snap-align:center}.timeline-horizontal .timeline-item .timeline-dot{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid var(--timeline-dot-color);background:var(--bg-primary, #ffffff);transition:all 0.3s ease}.timeline-horizontal .timeline-item .timeline-dot i{font-size:calc(var(--timeline-dot-size) * 0.8)}.timeline-horizontal .timeline-item .timeline-line{position:absolute;left:calc(var(--timeline-dot-size) * 2);right:calc(-100% + var(--timeline-dot-size) * 2);top:calc(var(--timeline-dot-size));height:var(--timeline-line-width);width:auto;background:var(--timeline-line-color);z-index:1}.timeline-horizontal .timeline-item .timeline-content{padding:16px 12px;max-width:200px}.timeline-horizontal.timeline-align-left .timeline-item,.timeline-horizontal.timeline-align-top .timeline-item{flex-direction:column-reverse}.timeline-horizontal.timeline-align-left .timeline-item .timeline-content,.timeline-horizontal.timeline-align-top .timeline-item .timeline-content{text-align:center}.timeline-horizontal.timeline-align-right .timeline-item .timeline-content,.timeline-horizontal.timeline-align-bottom .timeline-item .timeline-content{text-align:center}.timeline-horizontal.timeline-align-alternate .timeline-item.timeline-item-top{flex-direction:column-reverse}.timeline-horizontal.timeline-align-alternate .timeline-item .timeline-content{text-align:center}.timeline-content{background:var(--bg-primary, #ffffff);border-radius:8px;border:1px solid var(--border-default, #e5e7eb);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);transition:all 0.3s ease}.timeline-date{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:var(--text-secondary);font-weight:500}.timeline-date .timeline-date-text{color:var(--primary-color)}.timeline-date .timeline-time-text{color:var(--text-secondary)}.timeline-image{margin:-1px -1px 12px -1px;border-radius:8px 8px 0 0;overflow:hidden}.timeline-image img{width:100%;height:auto;display:block}.timeline-header{margin-bottom:8px}.timeline-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #111827);line-height:1.4}.timeline-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.6}.timeline-custom{margin-top:12px}.timeline-badge{position:absolute;top:-6px;right:-6px;background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.timeline-variant-outlined .timeline-content{background:transparent;border:2px solid var(--border-default, #e5e7eb);box-shadow:none}.timeline-variant-filled .timeline-content{background:var(--bg-secondary, #f3f4f6);border:none;box-shadow:none}.timeline-variant-minimal .timeline-content{background:transparent;border:none;box-shadow:none;padding:8px 12px}.timeline-variant-minimal .timeline-dot{border-width:2px !important}.timeline-variant-dots-only .timeline-content{display:none}.timeline-variant-dots-only .timeline-dot{cursor:pointer}.timeline-variant-dots-only .timeline-dot:hover{transform:scale(1.2)}.timeline-compact.timeline-vertical .timeline-item{min-height:50px}.timeline-compact.timeline-vertical .timeline-item .timeline-content{padding:0 16px}.timeline-compact.timeline-horizontal .timeline-item{min-width:100px}.timeline-compact.timeline-horizontal .timeline-item .timeline-content{padding:8px;max-width:150px}.timeline-compact .timeline-content{padding:8px 12px}.timeline-compact .timeline-title{font-size:14px}.timeline-compact .timeline-description{font-size:12px}.timeline-item-clickable{cursor:pointer}.timeline-item-clickable .timeline-content:hover{box-shadow:0 4px 6px rgba(0, 0, 0, 0.15);transform:translateY(-2px);border-color:var(--timeline-dot-color)}.timeline-item-clickable.timeline-item-active .timeline-content{border-color:var(--timeline-dot-color);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.timeline-item-clickable.timeline-item-active .timeline-dot{transform:scale(1.2);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.timeline-animated .timeline-item{opacity:0;transition:opacity 0.6s ease, transform 0.6s ease}.timeline-animated .timeline-item.timeline-item-visible{opacity:1}.timeline-animated.timeline-vertical .timeline-item{transform:translateX(-30px)}.timeline-animated.timeline-vertical .timeline-item.timeline-item-right{transform:translateX(30px)}.timeline-animated.timeline-vertical .timeline-item.timeline-item-visible{transform:translateX(0)}.timeline-animated.timeline-horizontal .timeline-item{transform:translateY(30px)}.timeline-animated.timeline-horizontal .timeline-item.timeline-item-top{transform:translateY(-30px)}.timeline-animated.timeline-horizontal .timeline-item.timeline-item-visible{transform:translateY(0)}.timeline-icon-top.timeline-vertical .timeline-item{align-items:flex-start}.timeline-icon-top.timeline-vertical .timeline-item .timeline-dot{margin-top:0}.timeline-icon-top.timeline-vertical .timeline-item .timeline-line{top:calc(var(--timeline-dot-size) + 3px)}.timeline-icon-top.timeline-horizontal.timeline-align-top .timeline-item .timeline-dot{align-self:flex-start}.timeline-icon-top.timeline-horizontal.timeline-align-bottom .timeline-item .timeline-dot{align-self:flex-start}.timeline-icon-center.timeline-vertical .timeline-item{align-items:center}.timeline-icon-center.timeline-vertical .timeline-item .timeline-dot{margin-top:0}.timeline-icon-center.timeline-vertical .timeline-item .timeline-line{top:50%;transform:translateY(calc(var(--timeline-dot-size) / 2 + 3px));bottom:calc(-50% - var(--timeline-dot-size) / 2 - 3px)}.timeline-icon-center.timeline-horizontal .timeline-item .timeline-dot{align-self:center}.timeline-icon-bottom.timeline-vertical .timeline-item{align-items:flex-start}.timeline-icon-bottom.timeline-vertical .timeline-item .timeline-dot{margin-top:auto;align-self:flex-end}.timeline-icon-bottom.timeline-vertical .timeline-item .timeline-line{top:auto;bottom:calc(-1 * var(--timeline-dot-size) - 3px);height:calc(100% - var(--timeline-dot-size) - 3px);transform:none}.timeline-icon-bottom.timeline-vertical.timeline-align-center .timeline-item .timeline-line{left:-2px;right:auto}.timeline-icon-bottom.timeline-vertical.timeline-align-alternate .timeline-item-left .timeline-line{right:-2px;left:auto}.timeline-icon-bottom.timeline-vertical.timeline-align-alternate .timeline-item-right .timeline-line{left:-2px;right:auto}.timeline-icon-bottom.timeline-horizontal.timeline-align-top .timeline-item .timeline-dot{align-self:flex-end}.timeline-icon-bottom.timeline-horizontal.timeline-align-bottom .timeline-item .timeline-dot{align-self:flex-end}@media (max-width: 768px){.timeline-horizontal{flex-direction:column;overflow-x:visible}.timeline-horizontal .timeline-item{min-width:100%;flex-direction:row;align-items:flex-start}.timeline-horizontal .timeline-item .timeline-line{left:calc(var(--timeline-dot-size));top:calc(var(--timeline-dot-size) * 2);bottom:calc(-100% + var(--timeline-dot-size) * 2);right:auto;width:var(--timeline-line-width);height:auto}.timeline-horizontal .timeline-item .timeline-content{padding:0 24px;max-width:none;text-align:left !important}.timeline-vertical.timeline-align-alternate,.timeline-vertical.timeline-align-center{padding-left:0}.timeline-vertical.timeline-align-alternate .timeline-item,.timeline-vertical.timeline-align-center .timeline-item{flex-direction:row !important;transform:none !important;padding-right:0 !important}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-content,.timeline-vertical.timeline-align-center .timeline-item .timeline-content{text-align:left !important}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-line,.timeline-vertical.timeline-align-center .timeline-item .timeline-line{left:calc(var(--timeline-dot-size)) !important;right:auto !important}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:flex-start;min-height:80px;width:100%;position:relative}}@media (max-width: 768px) and (max-width: 768px){.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item{display:flex;flex-direction:column;padding-left:30px}}@media (max-width: 768px){.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-side,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-side{min-width:0;display:flex;flex-direction:column;justify-content:center}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-side.timeline-side-left,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-side.timeline-side-left{align-items:flex-end;text-align:right}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-side.timeline-side-right,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-side.timeline-side-right{align-items:flex-start;text-align:left}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-separator,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-separator{display:flex;flex-direction:column;align-items:center;position:relative;height:100%;min-width:24px}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-separator .timeline-line-vertical,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-separator .timeline-line-vertical{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:var(--timeline-line-width);background-color:var(--timeline-line-color);z-index:0}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-separator .timeline-marker,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-separator .timeline-marker{position:relative;z-index:1;margin-top:4px}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-opposite-date,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-opposite-date{font-size:0.9rem;color:var(--text-secondary);font-weight:500;padding:6px 16px;border-radius:20px;background:rgba(0, 0, 0, 0.03);margin:10px 0;display:inline-block;transition:all 0.3s ease}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-balanced-item .timeline-opposite-date:hover,.timeline-vertical.timeline-align-center .timeline-item .timeline-balanced-item .timeline-opposite-date:hover{background:rgba(0, 0, 0, 0.06);transform:translateY(-2px)}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-icon-center .timeline-balanced-item,.timeline-vertical.timeline-align-center .timeline-item .timeline-icon-center .timeline-balanced-item{align-items:center}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-icon-center .timeline-balanced-item .timeline-separator .timeline-marker,.timeline-vertical.timeline-align-center .timeline-item .timeline-icon-center .timeline-balanced-item .timeline-separator .timeline-marker{margin-top:0}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-icon-bottom .timeline-balanced-item,.timeline-vertical.timeline-align-center .timeline-item .timeline-icon-bottom .timeline-balanced-item{align-items:flex-end}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-icon-bottom .timeline-balanced-item .timeline-separator .timeline-marker,.timeline-vertical.timeline-align-center .timeline-item .timeline-icon-bottom .timeline-balanced-item .timeline-separator .timeline-marker{margin-top:auto;margin-bottom:4px}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-left,.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-right,.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-separator,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-left,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-right,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-separator{opacity:0;transition:all 0.6s ease}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-left,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-left{transform:translateX(-20px)}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-right,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-side-right{transform:translateX(20px)}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item .timeline-separator,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item .timeline-separator{transform:scale(0.5)}.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-side-left,.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-side-right,.timeline-vertical.timeline-align-alternate .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-separator,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-side-left,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-side-right,.timeline-vertical.timeline-align-center .timeline-item .timeline-animated .timeline-balanced-item.timeline-item-visible .timeline-separator{opacity:1;transform:none}}.timeline-snake-container{display:flex;flex-direction:column;gap:40px;width:100%}.timeline-snake-row{display:flex;width:100%;position:relative}.timeline-snake-row.timeline-snake-row-odd{flex-direction:row-reverse}.timeline-snake-row.timeline-snake-row-odd .timeline-item .timeline-snake-turn{right:auto;left:0;border-right:none;border-left:2px solid var(--timeline-line-color);border-radius:0 0 0 16px}.timeline-snake-item{flex:0 0 10%;display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;padding:0 10px}.timeline-snake-item .timeline-content{margin-top:12px;text-align:center;font-size:0.85rem;padding:8px;width:100%}.timeline-snake-item .timeline-dot{z-index:2}.timeline-snake-item .timeline-line-horizontal{position:absolute;top:calc(var(--timeline-dot-size) + 1px);top:calc(var(--timeline-dot-size));left:50%;width:100%;height:var(--timeline-line-width);background-color:var(--timeline-line-color);z-index:1}.timeline-snake-item .timeline-snake-turn{position:absolute;top:calc(var(--timeline-dot-size));right:0;width:50%;height:calc(100% + 40px);border-top:var(--timeline-line-width) solid var(--timeline-line-color);border-right:var(--timeline-line-width) solid var(--timeline-line-color);border-radius:0 50px 50px 0;z-index:1;pointer-events:none;opacity:0.8}.timeline-snake-row.timeline-snake-row-odd .timeline-item .timeline-snake-turn{border-radius:0 0 0 50px}:host-context([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-line,:host([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-line{left:auto;right:5px}:host-context([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-dot,:host([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-dot{left:auto;right:0}:host-context([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-details,:host([dir=rtl]) .timeline-align-left.timeline-vertical .timeline-item-details{padding-left:0;padding-right:48px;text-align:right;align-items:flex-end}:host-context([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item,:host([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item{flex-direction:row}:host-context([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-line,:host([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-line{right:auto;left:5px}:host-context([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-dot,:host([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-dot{right:auto;left:0}:host-context([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-details,:host([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item-details{padding-right:0;padding-left:48px;text-align:left;align-items:flex-start}:host-context([dir=rtl]) .timeline-align-alternate.timeline-vertical .side-left .timeline-item-details,:host([dir=rtl]) .timeline-align-alternate.timeline-vertical .side-left .timeline-item-details{padding-right:0;padding-left:48px;text-align:left;align-items:flex-start;margin-left:50%;margin-right:0}:host-context([dir=rtl]) .timeline-align-alternate.timeline-vertical .side-right .timeline-item-details,:host([dir=rtl]) .timeline-align-alternate.timeline-vertical .side-right .timeline-item-details{padding-left:0;padding-right:48px;text-align:right;align-items:flex-end;margin-left:0;margin-right:0;width:50%}:host-context([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot,:host([dir=rtl]) .timeline-align-right.timeline-vertical .timeline-item:has(.timeline-item-icon) .timeline-item-dot{right:auto;left:-6px}';export{a as ui_timeline}

package/dist/exploration-project-tailwind/p-5c835d90.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,a,h as t,H as s}from"./p-DUsoYu9r.js";const r=class{constructor(a){e(this,a),this.asideClosed=i(this,"asideClosed"),this.asideOpened=i(this,"asideOpened"),this.asideResized=i(this,"asideResized"),this.asideActionClick=i(this,"asideActionClick"),this.asideStateChange=i(this,"asideStateChange")}open=!1;direction="right";size="320px";mini=!1;miniSize="64px";pinned=!1;variant="default";theme="default";haptic=!1;enableParallax=!1;enableVoiceControl=!1;syncGroup="";maximized=!1;autoMini=!0;toggleShortcut="";showActions=!1;actionItems=[];stackOffset=0;scope="body";closeable=!0;closeOnOverlayClick=!0;showOverlay=!1;closeOnEscape=!0;resizable=!1;resizeHandleColor="";showResizeIndicator=!0;minSize=200;rtl=!1;maxSize=1200;backdropBlur="0";transitionDuration="0.3s";animationType="slide-in-out";loading=!1;progress=-1;badge="";persistKey;floatingOffset="20px";secondarySize="auto";floatingAlign="stretch";backgroundColor="white";asideClosed;asideOpened;asideResized;asideActionClick;asideStateChange;currentSize;isResizing=!1;isListening=!1;mouseRotation={x:0,y:0};get hostElement(){return a(this)}startPos=0;startSize=0;firstFocusableEl;lastFocusableEl;watchOpenHandler(e){e?(this.playHaptic("open"),this.asideOpened.emit(),this.handleFocusTrap(),this.saveState(),this.broadcastState(),"body"===this.scope&&document.body.classList.add("ui-aside-open")):(this.playHaptic("close"),this.asideClosed.emit(),this.saveState(),this.broadcastState(),"body"===this.scope&&document.body.classList.remove("ui-aside-open")),this.asideStateChange.emit({open:this.open,mini:this.mini})}watchMiniHandler(){this.playHaptic("toggle"),this.asideStateChange.emit({open:this.open,mini:this.mini}),this.saveState()}handleWindowResize(){this.autoMini&&window.innerWidth<1024&&(this.mini=!0)}componentWillLoad(){this.loadState(),this.currentSize||(this.currentSize=parseInt(this.size)),this.autoMini&&window.innerWidth<1024&&(this.mini=!0)}handleRemoteSync(e){this.syncGroup&&e.detail.group===this.syncGroup&&e.detail.sourceId!==this.hostElement.id&&(this.open=e.detail.open,this.mini=e.detail.mini)}broadcastState(){this.syncGroup&&window.dispatchEvent(new CustomEvent("asideRemoteState",{detail:{group:this.syncGroup,sourceId:this.hostElement.id,open:this.open,mini:this.mini}}))}playHaptic(e){if(this.haptic)try{const i=new(window.AudioContext||window.webkitAudioContext),a=i.createOscillator(),t=i.createGain();a.connect(t),t.connect(i.destination);const s=i.currentTime;"open"===e?(a.frequency.setValueAtTime(440,s),a.frequency.exponentialRampToValueAtTime(880,s+.1)):"close"===e?(a.frequency.setValueAtTime(880,s),a.frequency.exponentialRampToValueAtTime(220,s+.15)):(a.frequency.setValueAtTime(660,s),a.frequency.exponentialRampToValueAtTime(440,s+.1)),t.gain.setValueAtTime(.1,s),t.gain.exponentialRampToValueAtTime(.01,s+.15),a.start(),a.stop(s+.15)}catch(e){}}disconnectedCallback(){"body"===this.scope&&document.body.classList.remove("ui-aside-open")}watchSizeHandler(e){e&&(this.currentSize=parseInt(e))}componentDidLoad(){this.open&&this.handleFocusTrap()}loadState(){if(this.persistKey){const e=localStorage.getItem(`aside-panel-${this.persistKey}`);if(e)try{const{open:i,mini:a,size:t}=JSON.parse(e);this.open=i,this.mini=a,this.currentSize=t}catch(e){console.warn("Failed to load aside-panel state",e)}}}saveState(){this.persistKey&&localStorage.setItem(`aside-panel-${this.persistKey}`,JSON.stringify({open:this.open,mini:this.mini,size:this.currentSize}))}handleFocusTrap(){this.open&&!this.mini&&setTimeout((()=>{const e=this.hostElement.shadowRoot?.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]');e&&e.length>0&&(this.firstFocusableEl=e[0],this.lastFocusableEl=e[e.length-1],this.firstFocusableEl.focus())}),100)}handleKeyDown(e){if(this.toggleShortcut&&e.ctrlKey&&e.key.toLowerCase()===this.toggleShortcut.toLowerCase())return e.preventDefault(),void this.toggle();if(this.open){if(this.closeOnEscape&&"Escape"===e.key&&!this.pinned&&this.handleClose(),this.resizable&&e.altKey){const i=e.shiftKey?50:10;if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)){e.preventDefault();let a=0;"ArrowLeft"===e.key&&(a="left"===this.direction?-i:"right"===this.direction?i:0),"ArrowRight"===e.key&&(a="left"===this.direction?i:"right"===this.direction?-i:0),"ArrowUp"===e.key&&(a="top"===this.direction?-i:"bottom"===this.direction?i:0),"ArrowDown"===e.key&&(a="top"===this.direction?i:"bottom"===this.direction?-i:0),this.currentSize=Math.max(this.minSize,Math.min(this.maxSize,this.currentSize+a)),this.asideResized.emit({size:this.currentSize}),this.saveState(),this.playHaptic("toggle")}}if("Tab"===e.key){const i=this.hostElement.shadowRoot,a=i?i.activeElement:document.activeElement;e.shiftKey?a===this.firstFocusableEl&&(this.lastFocusableEl.focus(),e.preventDefault()):a===this.lastFocusableEl&&(this.firstFocusableEl.focus(),e.preventDefault())}}}async toggleMaximize(){this.maximized=!this.maximized,this.playHaptic("toggle")}async toggle(){this.open=!this.open}async toggleMini(){this.mini=!this.mini}async show(){this.open=!0}async hide(){this.pinned||(this.open=!1)}async initVoice(){if(!this.enableVoiceControl||!("webkitSpeechRecognition"in window))return;const e=new window.webkitSpeechRecognition;e.continuous=!1,e.interimResults=!1,e.lang="en-US",e.onstart=()=>{this.isListening=!0},e.onend=()=>{this.isListening=!1},e.onresult=e=>{const i=e.results[0][0].transcript.toLowerCase();(i.includes("side")||i.includes("panel"))&&((i.includes("open")||i.includes("show"))&&this.show(),(i.includes("close")||i.includes("hide"))&&this.hide(),(i.includes("mini")||i.includes("collapse"))&&(this.mini=!0),i.includes("expand")&&(this.mini=!1))},e.start()}handleResizeStart=e=>{this.resizable&&!this.mini&&(e.preventDefault(),this.isResizing=!0,this.startPos="left"===this.direction||"right"===this.direction?e.clientX:e.clientY,this.startSize=this.currentSize,document.addEventListener("mousemove",this.handleResizeMove),document.addEventListener("mouseup",this.handleResizeEnd))};handleResizeMove=e=>{if(!this.isResizing)return;let i=0,a=0;"left"===this.direction||"right"===this.direction?(a=.9*window.innerWidth,i="left"===this.direction?e.clientX-this.startPos:this.startPos-e.clientX):(a=.9*window.innerHeight,i="top"===this.direction?e.clientY-this.startPos:this.startPos-e.clientY);let t=this.startSize+i;const s=Math.min(this.maxSize,a);t=Math.max(this.minSize,Math.min(s,t)),this.currentSize=t};handleResizeEnd=()=>{this.isResizing=!1,document.removeEventListener("mousemove",this.handleResizeMove),document.removeEventListener("mouseup",this.handleResizeEnd),this.asideResized.emit({size:this.currentSize}),this.saveState()};handleClose=()=>{this.pinned||(this.open=!1)};handleOverlayClick=()=>{this.closeOnOverlayClick&&!this.pinned&&this.handleClose()};handleParallax=e=>{if(!this.enableParallax||!this.open||this.mini)return;const i=this.hostElement.getBoundingClientRect();this.mouseRotation={x:5*((e.clientY-i.top)/i.height-.5),y:5*-((e.clientX-i.left)/i.width-.5)}};resetParallax=()=>{this.mouseRotation={x:0,y:0}};hostStyle(){const e={},i=this.maximized?"90%":this.mini?this.miniSize:this.currentSize?`${this.currentSize}px`:this.size,a="floating"===this.variant,t=a?this.floatingOffset:this.stackOffset?`${this.stackOffset}px`:"0";let s="none";return"left"===this.direction||"right"===this.direction?(e.width=i,e[this.direction]=t,a?"stretch"===this.floatingAlign?(e.top=t,e.bottom=t,e.height=`calc(100vh - 2 * ${t})`):(e.height="auto"===this.secondarySize?"60%":this.secondarySize,"start"===this.floatingAlign?(e.top=t,e.bottom="auto"):"end"===this.floatingAlign?(e.bottom=t,e.top="auto"):(e.top="50%",s="translateY(-50%)")):(e.height="100vh",e.top="0",e.bottom="0")):(e.height=i,e[this.direction]=t,a?"stretch"===this.floatingAlign?(e.left=t,e.right=t,e.width=`calc(100vw - 2 * ${t})`):(e.width="auto"===this.secondarySize?"60%":this.secondarySize,"start"===this.floatingAlign?(e.left=t,e.right="auto"):"end"===this.floatingAlign?(e.right=t,e.left="auto"):(e.left="50%",s="translateX(-50%)")):(e.width="100vw",e.left="0",e.right="0")),!this.enableParallax||this.mini||this.maximized||(s="none"===s?"":s,s+=` perspective(1000px) rotateX(${this.mouseRotation.x}deg) rotateY(${this.mouseRotation.y}deg)`),e["--aside-center-transform"]=s.trim(),e["--aside-transition-duration"]=this.transitionDuration,e["--aside-bg"]=this.backgroundColor||"white",e.backgroundColor="var(--aside-bg, #ffffff)",e}render(){const e="default"!==this.theme?this.theme:this.variant;return t(s,{key:"6fe78ffb52aa0a9d3c2659ab49da7bbb8220cd73",class:{"aside-container":!0,open:this.open,mini:this.mini,maximized:this.maximized,[`theme-${e}`]:!0,[`variant-${e}`]:!0,[`dir-${this.direction}`]:!0,[`animation-${this.animationType}`]:!0,"is-pinned":this.pinned,rtl:this.rtl},style:this.hostStyle(),role:"complementary","aria-expanded":this.open.toString(),"aria-hidden":(!this.open).toString()},this.showOverlay&&!this.mini&&t("div",{key:"b377c132e1a18b11fe14fea92fb42edea15e7931",class:{overlay:!0,visible:this.open},style:{backdropFilter:"0"!==this.backdropBlur?`blur(${this.backdropBlur})`:"none"},onClick:this.handleOverlayClick}),t("div",{key:"64557685915ff59acf459637b07eb27a2cdd7960",class:{panel:!0,[`panel-${this.direction}`]:!0,open:this.open,mini:this.mini,resizing:this.isResizing,loading:this.loading,"parallax-active":this.enableParallax},style:this.hostStyle(),onMouseMove:this.handleParallax,onMouseLeave:this.resetParallax},this.loading&&t("div",{key:"0944112418e5cff5052444dfe972b9097c8a87cc",class:"loading-overlay"},t("div",{key:"d78691ea1bd174e74431b7f1e937f5c3a15a7480",class:"spinner"})),this.resizable&&!this.mini&&t("div",{key:"b6c3327d7f2b2b390e7034f99f26baa9fb5a8e78",class:`resize-handle resize-handle-${this.direction}`,style:this.resizeHandleColor?{backgroundColor:this.resizeHandleColor}:{},onMouseDown:this.handleResizeStart},this.showResizeIndicator&&t("div",{key:"7d0446ab14ce40d3de648647d10b825c4e17255b",class:"resize-indicator"},t("span",{key:"fd5a84994e2e84d3934404fe01d990b0741cf69d"}),t("span",{key:"3f5bb3beb076185b6b375485c2eda33a86ce1af4"}),t("span",{key:"1e2fc6fe5129ee60dc91816fb0aecb367a0f5d48"}))),t("div",{key:"d5f732ce0f5c0263a47821107c68fb42491423ac",class:"panel-header-toolbar"},t("div",{key:"f7c0483a59e5ca7b0e1a1b63f564f0662f92fbf4",class:"toolbar-left"},this.mini?t("ui-button",{variant:"ghost",size:"sm",icon:"chevron-right",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Expand",onClick:()=>this.toggleMini()}):t("div",{style:{display:"flex",gap:"4px"}},t("ui-button",{variant:"ghost",size:"sm",icon:"chevron-left",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Collapse to Mini",onClick:()=>this.toggleMini()}),!this.mini&&t("ui-button",{variant:"ghost",size:"sm",icon:this.maximized?"minimize":"maximize",iconLibrary:"lucide",iconSize:"14px",ariaLabel:this.maximized?"Restore":"Maximize",onClick:()=>this.toggleMaximize()})),this.enableVoiceControl&&t("ui-button",{key:"779b43eae11da432d5c6f093d8b18bbbb6555d90",variant:"ghost",size:"sm",icon:"mic",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Voice Interaction",class:this.isListening?"active":"",onClick:()=>this.initVoice()})),t("div",{key:"abb834e57587a11fc4cee2868cfdff72989aafa6",class:"toolbar-right"},this.showActions&&t("ui-button",{key:"727b404a4d895d83802bf906f77cbf78b79ed4df",id:"aside-actions-trigger",variant:"ghost",size:"sm",icon:"ellipsis-vertical",iconLibrary:"lucide",iconSize:"16px",ariaLabel:"More Actions",onClick:()=>this.asideActionClick.emit()}),this.showActions&&t("ui-context-menu",{key:"b79ede6b5aafe1ab1bfe2dd48b1392aa261c6149",items:this.actionItems,target:"#aside-actions-trigger",openOn:"click",placement:"bottom",onItemSelect:e=>this.asideActionClick.emit(e.detail)}),this.pinned&&t("ui-icon",{key:"2c959558d6431ce998868df3f11d0a46e708a8c6",name:"pin",library:"lucide",size:"14px",class:"pin-status"}),this.closeable&&!this.pinned&&t("ui-button",{key:"3e09ac4d9d907ffa6479774ae1fe8af67dd48173",variant:"ghost",size:"sm",icon:"x",iconLibrary:"lucide",iconSize:"16px",ariaLabel:"Close panel",onClick:this.handleClose}))),t("div",{key:"88b297a05ea5c189d4301b5fa6ae6da924234f9d",class:"panel-header"},t("div",{key:"769c42bf0fafef4cd5dd67e19a8c834edd47c212",class:"header-main"},t("slot",{key:"b2332bf17c6ad844421beba7842d1195c9b23dd2",name:"header"}),this.badge&&t("span",{key:"51ec6d287c748533e817a9d1ac6d5f08ef2a723e",class:"header-badge"},this.badge)),this.progress>-1&&t("div",{key:"20cef73dab1865d28bc0c116b55d1fdfed6fb315",class:"header-progress"},t("div",{key:"7f5ae92599c2625da1e29fb1b1e1d890a7de61d3",class:"progress-bar",style:{width:`${Math.min(100,Math.max(0,this.progress))}%`}}))),t("div",{key:"d38f06820140b669ab0db1160adbd39718cf1d85",class:"panel-content"},t("slot",{key:"fd4171defde8576a75373d1f68f47b816fb7f638",name:"content"}),t("slot",{key:"ed33565d953da868b3039684239aae6029582e2f"})),!this.mini&&t("div",{key:"c58ffbd97eceba87ff9f85d1782cb357b5e87229",class:"panel-footer"},t("slot",{key:"5ddc80b5ca138471895d9f86733c524094f4da8d",name:"footer"}))))}static get watchers(){return{open:[{watchOpenHandler:0}],mini:[{watchMiniHandler:0}],size:[{watchSizeHandler:0}]}}};r.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:contents;--aside-overlay-bg:rgba(0, 0, 0, 0.4);--aside-panel-bg:var(--aside-bg, var(--bg-primary, #ffffff));--aside-panel-shadow:0 10px 40px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.06);--aside-panel-text:var(--text-primary, #0f172a);--aside-close-btn-color:var(--text-muted, #64748b);--aside-close-btn-hover-color:var(--text-primary, #0f172a);--aside-close-btn-hover-bg:var(--bg-secondary, #f1f5f9);--aside-close-btn-focus:var(--color-primary, #10b981);--aside-resize-handle-hover:var(--color-primary, #10b981);--aside-resize-handle-active:var(--color-primary-hover, #2563eb);--aside-panel-padding:32px;--aside-transition-duration:0.3s;--aside-ease:cubic-bezier(0.65, 0, 0.35, 1);--aside-z-index-overlay:1500;--aside-z-index-panel:1501;--aside-mini-size:64px}.aside-container{display:block}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--aside-overlay-bg);opacity:0;visibility:hidden;transition:opacity var(--aside-transition-duration) var(--aside-ease), visibility var(--aside-transition-duration) var(--aside-ease);z-index:var(--aside-z-index-overlay)}.overlay.visible{opacity:1;visibility:visible}.panel{position:fixed;background-color:var(--aside-panel-bg);color:var(--aside-panel-text);box-shadow:var(--aside-panel-shadow);transition:transform var(--aside-transition-duration) var(--aside-ease), width var(--aside-transition-duration) var(--aside-ease), height var(--aside-transition-duration) var(--aside-ease), opacity var(--aside-transition-duration) var(--aside-ease), visibility var(--aside-transition-duration) var(--aside-ease);z-index:var(--aside-z-index-panel);display:flex;flex-direction:column;overflow:hidden;visibility:hidden;pointer-events:none;transform-style:preserve-3d;--aside-dir-transform:translate(0, 0);transform:var(--aside-center-transform, none) var(--aside-dir-transform)}.panel-left{--aside-dir-transform:translateX(-110%)}.panel-right{--aside-dir-transform:translateX(110%)}.panel-top{--aside-dir-transform:translateY(-110%)}.panel-bottom{--aside-dir-transform:translateY(110%)}.panel.open{visibility:visible;pointer-events:auto;--aside-dir-transform:translate(0, 0)}.panel.maximized{width:90% !important;height:90% !important;border-radius:16px;z-index:1550;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.5);margin:1%}.panel.maximized .resize-handle{display:none !important}.panel.resizing{transition:none !important;user-select:none}.parallax-active{transition:transform var(--aside-transition-duration) var(--aside-ease), width var(--aside-transition-duration) var(--aside-ease), height var(--aside-transition-duration) var(--aside-ease), opacity var(--aside-transition-duration) var(--aside-ease)}.panel.mini .panel-header,.panel.mini .panel-footer,.panel.mini .toolbar-right,.panel.mini .close-btn{display:none !important}.panel.mini .panel-content{opacity:0.1;filter:blur(4px);pointer-events:none}.panel-header-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(0, 0, 0, 0.02);border-bottom:1px solid rgba(0, 0, 0, 0.05)}.panel-header-toolbar .toolbar-left,.panel-header-toolbar .toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-btn{background:transparent;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--aside-close-btn-color);transition:all 0.2s ease}.toolbar-btn:hover{background:var(--aside-close-btn-hover-bg);color:var(--aside-close-btn-hover-color)}.voice-btn.active{color:var(--color-danger, #ef4444);animation:voice-breathing 1.5s infinite ease-in-out}.panel-header{padding:24px var(--aside-panel-padding);border-bottom:1px solid var(--border-subtle, #e2e8f0);position:relative}.panel-header .header-main{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.panel-header .header-badge{background:var(--border-subtle, #e2e8f0);color:var(--color-primary, #475569);padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em}.panel-header .header-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(0, 0, 0, 0.05)}.panel-header .header-progress .progress-bar{height:100%;background:var(--color-primary, #10b981);transition:width 0.3s ease}.theme-zenith .header-badge{background:rgba(var(--color-success-rgb, 16, 185, 129), 0.2);color:var(--color-success, #10b981)}.theme-zenith .header-progress .progress-bar{background:var(--color-success, #10b981);box-shadow:0 0 5px var(--color-success, #10b981)}.panel-content{flex:1;padding:var(--aside-panel-padding);overflow-y:auto}.panel-footer{padding:20px var(--aside-panel-padding);border-top:1px solid var(--border-subtle, #e2e8f0);background-color:var(--bg-primary, #f8fafc)}.variant-glass .panel,.theme-glass .panel{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.3)}.variant-glass.panel-left{border-right:1px solid rgba(255, 255, 255, 0.3)}.variant-floating .panel{border-radius:16px;border:1px solid rgba(0, 0, 0, 0.08);box-shadow:0 20px 40px -10px rgba(0, 0, 0, 0.2), 0 10px 15px -5px rgba(0, 0, 0, 0.1)}.variant-floating .panel.panel-right:not(.open){--aside-dir-transform:translateX(calc(100% + 80px))}.variant-floating .panel.panel-left:not(.open){--aside-dir-transform:translateX(calc(-100% - 80px))}.variant-floating .panel.panel-top:not(.open){--aside-dir-transform:translateY(calc(-100% - 80px))}.variant-floating .panel.panel-bottom:not(.open){--aside-dir-transform:translateY(calc(100% + 80px))}.theme-radiant .panel{background:linear-gradient(135deg, var(--bg-primary, #ffffff), var(--bg-primary, #f8fafc));border:2px solid transparent;background-clip:padding-box;box-shadow:0 20px 50px rgba(0, 0, 0, 0.15)}.theme-zenith .panel{background:var(--bg-secondary, #0f172a);color:var(--bg-primary, #ffffff);border-color:var(--bg-primary, var(--border-subtle, #1e293b))}.theme-zenith .panel .panel-header,.theme-zenith .panel .panel-footer{border-color:var(--bg-primary, var(--border-subtle, #1e293b));background:var(--bg-primary, var(--border-subtle, #1e293b))}.resize-handle{position:absolute;background-color:transparent;z-index:1510;transition:background-color 0.2s ease, opacity 0.2s ease;display:flex;align-items:center;justify-content:center}.resize-handle:hover{background-color:var(--aside-resize-handle-hover)}.resize-indicator{display:flex;gap:2px;pointer-events:none;opacity:0.5}.resize-handle:hover .resize-indicator{opacity:1}.resize-handle-left,.resize-handle-right{flex-direction:column}.resize-handle-left .resize-indicator,.resize-handle-right .resize-indicator{flex-direction:column}.resize-indicator span{width:3px;height:3px;background-color:currentColor;border-radius:50%;box-shadow:0 0 2px rgba(0, 0, 0, 0.2)}.resize-handle-left{right:0;top:0;bottom:0;width:6px;cursor:ew-resize}.resize-handle-right{left:0;top:0;bottom:0;width:6px;cursor:ew-resize}.resize-handle-top{bottom:0;left:0;right:0;height:6px;cursor:ns-resize}.resize-handle-bottom{top:0;left:0;right:0;height:6px;cursor:ns-resize}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center;z-index:1600;backdrop-filter:blur(4px);overflow:hidden}.loading-overlay::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg, transparent, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1), transparent);animation:aside-shimmer 2s infinite}.spinner{width:48px;height:48px;border:4px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);border-top-color:var(--color-primary, #10b981);border-radius:50%;animation:aside-spin 1s infinite linear}@keyframes aside-spin{to{transform:rotate(360deg)}}@keyframes aside-shimmer{100%{left:200%}}.theme-zenith .panel.open{animation:zenith-heartbeat 4s ease-in-out infinite}@keyframes zenith-heartbeat{0%,100%{box-shadow:0 0 0 0 rgba(var(--color-success-rgb, 16, 185, 129), 0)}50%{box-shadow:0 0 20px 2px rgba(var(--color-success-rgb, 16, 185, 129), 0.2)}}@media (prefers-color-scheme: dark){:host{--aside-panel-bg:var(--bg-primary, #1e293b);--aside-panel-text:var(--bg-secondary, #f1f5f9)}.panel-header,.panel-footer{border-color:var(--color-primary, #334155)}.panel-footer{background:var(--bg-secondary, #0f172a)}.loading-overlay{background:rgba(15, 23, 42, 0.7)}}.aside-container.animation-slide-in-out .panel{opacity:1}.aside-container.animation-fade .panel:not(.open){opacity:0;visibility:hidden;--aside-dir-transform:translate(0, 0) !important}.aside-container.animation-fade .panel.open{opacity:1;visibility:visible}.aside-container.animation-scale .panel:not(.open){opacity:0;visibility:hidden;--aside-dir-transform:scale(0.95)}.aside-container.animation-scale .panel.open{opacity:1;visibility:visible;--aside-dir-transform:scale(1)}.variant-none .panel,.theme-none .panel{background:transparent !important;box-shadow:none !important;border:none !important}';export{r as ui_aside_panel}

package/dist/exploration-project-tailwind/p-61717490.entry.js

@@ -1 +0,0 @@
-import{r as i,c as e,a as t,h as r,H as n}from"./p-DUsoYu9r.js";const s=class{constructor(t){i(this,t),this.numberChange=e(this,"numberChange"),this.numberInput=e(this,"numberInput"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get el(){return t(this)}internals;showTypeIcon=!1;prefixIcon="";name;value=0;min=-1/0;max=1/0;step=1;label="";placeholder="0";disabled=!1;readonly=!1;size="md";variant="default";prefixText="";suffixText="";helperText="";errorText="";precision=-1;showStepper=!1;stepperLayout="sides";scrollWheel=!0;fullWidth=!1;rtl=!1;inputValue="0";isFocused=!1;stepperInterval;numberChange;numberInput;componentWillLoad(){"plain"===this.variant&&(this.showStepper=!1),this.inputValue=this.format(this.value),this.internals.setFormValue(this.value.toString())}valueChanged(i){this.inputValue=this.format(i),this.internals.setFormValue(i.toString())}format(i){return this.precision>=0?i.toFixed(this.precision):String(i)}clamp(i){return Math.min(this.max,Math.max(this.min,i))}increment=()=>{if(this.disabled||this.readonly)return;const i=this.clamp(this.value+this.step);this.value=i,this.numberChange.emit(i)};decrement=()=>{if(this.disabled||this.readonly)return;const i=this.clamp(this.value-this.step);this.value=i,this.numberChange.emit(i)};startStepping=i=>{if(this.disabled||this.readonly)return;const e="inc"===i?this.increment:this.decrement;e(),this.stepperInterval=setInterval(e,100)};stopStepping=()=>{clearInterval(this.stepperInterval)};handleInput=i=>{const e=i.detail;this.inputValue=e;const t=parseFloat(e);isNaN(t)||(this.value=t,this.numberInput.emit(t))};handleBlur=()=>{this.isFocused=!1;const i=parseFloat(this.inputValue);this.value=isNaN(i)?this.clamp(0):this.clamp(i),this.inputValue=this.format(this.value),this.numberChange.emit(this.value)};handleWheel=i=>{this.scrollWheel&&!this.disabled&&this.isFocused&&(i.preventDefault(),i.deltaY<0?this.increment():this.decrement())};handleKeyDown=i=>{"ArrowUp"===i.key&&(i.preventDefault(),this.increment()),"ArrowDown"===i.key&&(i.preventDefault(),this.decrement())};render(){const i=!!this.errorText,e="right"===this.stepperLayout;return r(n,{key:"34a35f828baa751fbaab05db0ea6d7e4eb42281e",class:{"full-width":this.fullWidth}},this.label&&r("label",{key:"756934f01225ddbdd8235fc9081177dedc004531",class:"ni-label"},this.label),r("div",{key:"822ac22167cb75cdcb16274d4a5fa95291875cc9",class:{"ni-wrapper":!0,[`ni-${this.size}`]:!0,"ni-error":i,"ni-disabled":this.disabled,"ni-focused":this.isFocused,"ni-right":e,"ni-rtl":this.rtl,"ni-plain":"plain"===this.variant},dir:this.rtl?"rtl":"ltr"},this.showStepper&&"sides"===this.stepperLayout&&r("ui-button",{key:"714881b359dfc953c8b6f93fb0295c0ae2f134ea",variant:"ghost",onMouseDown:()=>this.startStepping("dec"),onMouseUp:this.stopStepping,onMouseLeave:this.stopStepping,onTouchStart:()=>this.startStepping("dec"),onTouchEnd:this.stopStepping,onClick:i=>i.preventDefault(),disabled:this.disabled||this.value<=this.min,tabIndex:-1,ariaLabel:"Decrease",icon:"minus",iconLibrary:"lucide",iconOnly:!0,size:"sm"===this.size||"xs"===this.size?"sm":"md"}),this.renderPrefix(),r("ui-input",{key:"b2d56228f500995d4f6fbd78c639e6383c36bd3e",class:"ni-input",type:"number",value:this.inputValue,min:this.min===-1/0?void 0:this.min,max:this.max===1/0?void 0:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,onInputChange:this.handleInput,onInputBlur:this.handleBlur,onFocusInternal:()=>this.isFocused=!0,onWheel:i=>this.handleWheel(i),onInputKeydown:i=>this.handleKeyDown(i.detail),fullWidth:!0,size:this.size,variant:"plain",showTypeIcon:!1}),this.renderSuffix(),this.showStepper&&e&&r("div",{key:"e400b4eea2656a85a5c5df3487ead9f45367100b",class:"ni-stacker"},r("ui-button",{key:"9cd89756bc4792dccc9657ca39b6d6cff2a9e819",variant:"ghost",onMouseDown:()=>this.startStepping("inc"),onMouseUp:this.stopStepping,onMouseLeave:this.stopStepping,onTouchStart:()=>this.startStepping("inc"),onTouchEnd:this.stopStepping,onClick:i=>i.preventDefault(),disabled:this.disabled||this.value>=this.max,tabIndex:-1,ariaLabel:"Increase",icon:"chevron-up",iconLibrary:"lucide",iconOnly:!0,size:"xxs"}),r("ui-button",{key:"42248f0ccc65d42c903775f8e5fcbd97f76e04e7",variant:"ghost",onMouseDown:()=>this.startStepping("dec"),onMouseUp:this.stopStepping,onMouseLeave:this.stopStepping,onTouchStart:()=>this.startStepping("dec"),onTouchEnd:this.stopStepping,onClick:i=>i.preventDefault(),disabled:this.disabled||this.value<=this.min,tabIndex:-1,ariaLabel:"Decrease",icon:"chevron-down",iconLibrary:"lucide",iconOnly:!0,size:"xxs"})),this.showStepper&&"sides"===this.stepperLayout&&r("ui-button",{key:"dbf5c5d29bf6945baaaa96a46915440088f2509f",variant:"ghost",onMouseDown:()=>this.startStepping("inc"),onMouseUp:this.stopStepping,onMouseLeave:this.stopStepping,onTouchStart:()=>this.startStepping("inc"),onTouchEnd:this.stopStepping,onClick:i=>i.preventDefault(),disabled:this.disabled||this.value>=this.max,tabIndex:-1,ariaLabel:"Increase",icon:"plus",iconLibrary:"lucide",iconOnly:!0,size:"sm"===this.size||"xs"===this.size?"sm":"md"})),(this.helperText||this.errorText)&&r("div",{key:"f4f1e6ff10c5ddbbc4e49c7e2325e103537e9e08",class:{"ni-helper":!0,"ni-helper-error":i}},i?this.errorText:this.helperText))}renderPrefix(){const i=this.prefixText||this.prefixIcon,e=this.showTypeIcon&&!i;return i||e?r("span",{class:"ni-affix ni-prefix"},this.prefixText&&r("span",null,this.prefixText),(this.prefixIcon||e)&&r("ui-icon",{library:"lucide",name:this.prefixIcon||"hash",size:"14px"})):null}renderSuffix(){return this.suffixText?r("span",{class:"ni-affix ni-suffix"},this.suffixText):null}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}]}}};s.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:inherit}:host.full-width{width:100%}:host.full-width .ni-wrapper{width:100%}.ni-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--ui-text-primary, var(--text-primary, #111827)));margin-bottom:8px;transition:color 0.2s ease}.ni-wrapper{display:inline-flex;align-items:center;border:1.5px solid var(--ui-border-default, var(--border-strong, #d1d5db));border-radius:10px;background:var(--ui-bg-var(--bg-primary, #ffffff), var(--bg-primary, #ffffff));transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.ni-wrapper.ni-focused{border-color:var(--ui-color-primary, var(--color-primary, #10b981));box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.12), 0 4px 12px rgba(0, 0, 0, 0.05)}.ni-wrapper.ni-focused .ni-label{color:var(--ui-color-primary, var(--color-primary, #10b981))}.ni-wrapper.ni-error{border-color:var(--ui-color-error, var(--color-danger, #ef4444))}.ni-wrapper.ni-error .ni-label{color:var(--ui-color-error, var(--color-danger, #ef4444))}.ni-wrapper.ni-error.ni-focused{box-shadow:0 0 0 4px rgba(var(--color-danger-rgb, 239, 68, 68), 0.12)}.ni-wrapper.ni-disabled{background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));opacity:0.65;pointer-events:none;cursor:not-allowed}.ni-wrapper.ni-sm{height:32px;font-size:12px;border-radius:6px}.ni-wrapper.ni-md{height:40px;font-size:14px}.ni-wrapper.ni-lg{height:48px;font-size:16px;border-radius:12px}.ni-wrapper.ni-plain{border:none;background:transparent;box-shadow:none;height:auto;overflow:visible}.ni-wrapper.ni-plain.ni-focused{box-shadow:none}.ni-btn{display:flex;align-items:center;justify-content:center;width:36px;height:100%;border:none;background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151);font-size:18px;font-weight:600;cursor:pointer;transition:background 0.15s, color 0.15s;flex-shrink:0;line-height:1}.ni-btn:hover:not(:disabled){background:var(--bg-primary, #e5e7eb);color:var(--bg-primary, #111)}.ni-btn:active:not(:disabled){background:var(--bg-secondary, #d1d5db)}.ni-btn:disabled{opacity:0.4;cursor:not-allowed}.ni-btn.ni-dec{border-inline-end:1.5px solid var(--border-default, #e5e7eb)}.ni-btn.ni-inc{border-inline-start:1.5px solid var(--border-default, #e5e7eb)}.ni-stacker{display:flex;flex-direction:column;height:100%;border-inline-start:1.5px solid var(--border-default, #e5e7eb)}.ni-stacker .ni-btn{width:28px;height:50%;font-size:9px}.ni-stacker .ni-btn.ni-inc-sm{border-bottom:1px solid var(--border-default, #e5e7eb);border-radius:0}.ni-stacker .ni-btn.ni-dec-sm{border-radius:0}.ni-input{flex:1;min-width:60px;border:none;outline:none;background:transparent;font-size:inherit;color:var(--text-primary, #111827);text-align:center;padding:0 8px;appearance:textfield;-moz-appearance:textfield}.ni-input::-webkit-outer-spin-button,.ni-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ni-affix{padding:0 8px;color:var(--label-subtitle-color, var(--text-muted, #6b7280));font-size:13px;white-space:nowrap;background:var(--bg-primary, #f9fafb);height:100%;display:flex;align-items:center}.ni-affix.ni-prefix{border-inline-end:1.5px solid var(--border-default, #e5e7eb)}.ni-affix.ni-suffix{border-inline-start:1.5px solid var(--border-default, #e5e7eb)}.ni-helper{font-size:12px;margin-top:5px;color:var(--label-subtitle-color, var(--text-muted, #6b7280))}.ni-helper.ni-helper-error{color:var(--color-danger, #ef4444)}";export{s as ui_number_input}