atomicuilibrary 0.0.1 → 0.1.3

package/dist/components/list-item.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as r,transformTag as o}from"@stencil/core/internal/client";import{d as a}from"./avatar.js";import{d as l}from"./avatar-group.js";import{d as n,a as c}from"./badge.js";import{d}from"./checkbox.js";import{d as m}from"./icon.js";import{d as b}from"./input.js";import{d as h}from"./stack.js";import{d as g}from"./tag.js";import{d as p}from"./tag-group.js";const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.listItemClick=e(this,"listItemClick",7),this.listItemActionClick=e(this,"listItemActionClick",7),this.listItemToggle=e(this,"listItemToggle",7),this.contextMenuOpenEvent=e(this,"contextMenuOpenEvent",7),this.contextMenuCloseEvent=e(this,"contextMenuCloseEvent",7),this.checkboxChange=e(this,"checkboxChange",7),this.pillClick=e(this,"pillClick",7),this.tagClick=e(this,"tagClick",7),this.swipeAction=e(this,"swipeAction",7),this.longPress=e(this,"longPress",7),this.starToggle=e(this,"starToggle",7),this.detailToggle=e(this,"detailToggle",7)}get el(){return this}selected=!1;disabled=!1;readonly=!1;label="";value="";icon="";actionIcon="";size="md";color="default";variant="text";nested=!1;level=0;collapsible=!1;expanded=!1;divider=!1;dense=!1;interactive=!0;href="";target="_self";contextMenu=!1;contextMenuTrigger="click";contextMenuPosition="auto";showCheckbox=!1;checked=!1;sublabel="";multiline=!1;badge="";badgeColor="default";counter="";tags="";image="";userAvatar="";skeleton=!1;highlight="";selectionColor="default";hoverColor="default";avatarPosition="left";showMenu=!1;rightActionColor="danger";avatarGroup="";avatarGroupPosition="content";treeLines=!1;gridMode=!1;longPressDelay=600;locked=!1;swipeActions=!1;swipeBehavior="reveal";leftActionIcon="";leftActionColor="success";rightActionIcon="";progress=-1;status="";statusPosition="bottom-right";showStar=!1;leftActions=[];rightActions=[];fullSwipeThreshold=.75;starred=!1;expandable=!1;expandedDetail=!1;wobble=!1;priorityPulse=!1;presence=[];density="comfortable";sparkline=[];metadata={};showGhostLayer=!1;auraMode=!1;presenceCursors=[];a11yLabel="";isFocused=!1;isHovered=!1;contextMenuOpen=!1;contextMenuX=0;contextMenuY=0;swipeOffset=0;showStatusEditor=!1;listItemClick;listItemActionClick;listItemToggle;contextMenuOpenEvent;contextMenuCloseEvent;checkboxChange;pillClick;tagClick;swipeAction;longPress;starToggle;detailToggle;contextMenuRef;touchStartX=0;touchCurrentX=0;isSwiping=!1;longPressTimer;componentDidLoad(){this.contextMenu&&document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){this.contextMenu&&document.removeEventListener("click",this.handleOutsideClick)}handleOutsideClick=t=>{if(this.contextMenuOpen&&this.contextMenuRef&&!this.contextMenuRef.contains(t.target)){const i=this.el.shadowRoot.querySelector(".list-item");i&&!i.contains(t.target)&&this.closeContextMenu()}};handleClick=t=>{if(!this.disabled&&!this.readonly){if(this.contextMenu&&"click"===this.contextMenuTrigger)return t.stopPropagation(),void this.toggleContextMenu(t);if(this.locked)return this.wobble=!0,void setTimeout((()=>this.wobble=!1),400);if(this.expandable&&!this.contextMenu)return this.expandedDetail=!this.expandedDetail,void this.detailToggle.emit({value:this.value,expanded:this.expandedDetail});this.collapsible&&!this.contextMenu&&(this.expanded=!this.expanded,this.listItemToggle.emit({value:this.value,expanded:this.expanded})),!this.interactive||this.contextMenu||this.locked||(t.shiftKey||t.ctrlKey||t.metaKey||(this.selected=!this.selected),this.listItemClick.emit({value:this.value,selected:this.selected,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey})),this.href&&(t.preventDefault(),window.open(this.href,this.target))}};handleContextMenu=t=>{this.contextMenu&&"rightClick"===this.contextMenuTrigger&&(t.preventDefault(),t.stopPropagation(),this.toggleContextMenu(t))};toggleContextMenu=t=>{this.contextMenuOpen?this.closeContextMenu():this.openContextMenu(t)};openContextMenu=t=>{const i=t.currentTarget.getBoundingClientRect(),e=200,s=window.innerWidth,r=window.innerHeight;let o=0,a=0;if("rightClick"===this.contextMenuTrigger)o=t.clientX,a=t.clientY;else switch(this.contextMenuPosition){case"right":o=i.right,a=i.top;break;case"left":o=i.left-e,a=i.top;break;case"bottom":o=i.left,a=i.bottom;break;default:s-i.right>e?(o=i.right,a=i.top):(o=i.left-e,a=i.top)}o+e>s&&(o=s-e-10),o<0&&(o=10),a+300>r&&(a=r-300-10,a<0&&(a=Math.max(10,i.top-300))),a<0&&(a=10),this.contextMenuX=o,this.contextMenuY=a,this.contextMenuOpen=!0,this.contextMenuOpenEvent.emit({value:this.value})};closeContextMenu=()=>{this.contextMenuOpen=!1,this.contextMenuCloseEvent.emit({value:this.value})};handleCheckboxChange=t=>{t.stopPropagation(),this.disabled||this.readonly||(this.checked=!this.checked,this.checkboxChange.emit({value:this.value,checked:this.checked}))};handleFocus=()=>{this.isFocused=!0};handleBlur=()=>{this.isFocused=!1};handleMouseEnter=t=>{this.isHovered=!0,this.contextMenu&&"hover"===this.contextMenuTrigger&&this.openContextMenu(t)};handleMouseLeave=()=>{this.isHovered=!1,this.contextMenu&&"hover"===this.contextMenuTrigger&&setTimeout((()=>{this.isHovered||this.closeContextMenu()}),300)};handleTouchStart=t=>{this.swipeActions&&!this.disabled&&(this.touchStartX=t.touches[0].clientX,this.isSwiping=!0,this.longPressDelay>0&&(this.longPressTimer=setTimeout((()=>{this.swipeOffset||(this.longPress.emit({value:this.value}),navigator.vibrate&&navigator.vibrate(50))}),this.longPressDelay)))};handleTouchMove=t=>{if(!this.isSwiping)return;this.touchCurrentX=t.touches[0].clientX;const i=this.touchCurrentX-this.touchStartX;Math.abs(i)>10&&clearTimeout(this.longPressTimer),i>80&&!this.leftActionIcon&&0===this.leftActions.length||i<-80&&!this.rightActionIcon&&0===this.rightActions.length||(this.swipeOffset=i)};handleTouchEnd=()=>{if(!this.swipeActions)return;clearTimeout(this.longPressTimer);const t=.25*this.el.clientWidth,i=this.el.clientWidth*this.fullSwipeThreshold,e=Math.abs(this.swipeOffset);if(e>i){const t=this.swipeOffset>0?"left":"right",i="left"===t?this.leftActions.length?this.leftActions:[{icon:this.leftActionIcon,action:"left"}]:this.rightActions.length?this.rightActions:[{icon:this.rightActionIcon,action:"right"}],e=i[0]?.action||("left"===t?"check":"trash");return this.swipeOffset=this.swipeOffset>0?this.el.clientWidth:-this.el.clientWidth,void setTimeout((()=>{this.swipeAction.emit({value:this.value,side:t,action:e}),"dismiss"===this.swipeBehavior?this.el.style.display="none":this.swipeOffset=0}),200)}this.swipeOffset=e>t?this.swipeOffset>0?80*Math.max(1,this.leftActions.length):-80*Math.max(1,this.rightActions.length):0};async focusItem(){this.isFocused=!0,this.el.shadowRoot.querySelector(".list-item")?.setAttribute("tabindex","0"),this.el.shadowRoot.querySelector(".list-item")?.focus()}handleKeyDown=t=>{this.isFocused&&"Enter"===t.key&&this.listItemClick.emit({value:this.value,selected:!this.selected})};renderLabel(t){return this.highlight&&t?t.split(new RegExp(`(${this.highlight})`,"gi")).map((t=>t.toLowerCase()===this.highlight.toLowerCase()?s("mark",{class:"list-item-highlight"},t):t)):t}renderPresenceCursors(){return this.presenceCursors&&0!==this.presenceCursors.length?s("div",{class:"presence-cursors-layer"},this.presenceCursors.map((t=>s("div",{class:`ghost-cursor cursor-${t.color||"blue"}`,style:{left:`${t.x}px`,top:`${t.y}px`}},s("ui-icon",{name:"mouse-pointer",library:"fontawesome"}),s("div",{class:"cursor-label"},t.name))))):null}renderSparkline(){if(!this.sparkline||this.sparkline.length<2)return null;const t=Math.max(...this.sparkline),i=Math.min(...this.sparkline),e=t-i||1,r=this.sparkline.map(((t,s)=>`${s/(this.sparkline.length-1)*60},${20-(t-i)/e*20}`)).join(" ");return s("svg",{class:"list-sparkline",width:60,height:20},s("polyline",{fill:"none",stroke:"#3bf673","stroke-width":"1.5",points:r}))}renderGhostLayer(){return this.showGhostLayer?s("div",{class:"list-item-ghost-layer"},s("div",{class:"ghost-meta"},"IP: ",this.metadata?.ip||"127.0.0.1"),s("div",{class:"ghost-meta"},"VER: ",this.metadata?.version||"1.0.0"),s("div",{class:"ghost-meta"},"ID: ",this.value||"N/A")):null}parseTagsToItems(){if(!this.tags)return[];try{const t="string"==typeof this.tags?JSON.parse(this.tags):this.tags;return Array.isArray(t)?t:[]}catch{return[]}}render(){const t={"list-item":!0,[`list-item-${this.size}`]:!0,[`list-item-${this.color}`]:!0,[`list-item-${this.variant}`]:!0,"list-item-selected":this.selected,"list-item-disabled":this.disabled,"list-item-readonly":this.readonly,"list-item-focused":this.isFocused,"list-item-hovered":this.isHovered,"list-item-nested":this.nested,"list-item-tree-lines":this.treeLines&&this.level>0,"list-item-grid":this.gridMode,"list-item-collapsible":this.collapsible,"list-item-expanded":this.expanded,"list-item-divider":this.divider,"list-item-dense":this.dense,"list-item-interactive":this.interactive,"list-item-link":!!this.href,"list-item-context-menu":this.contextMenu,"list-item-context-menu-open":this.contextMenuOpen,"list-item-multiline":this.multiline,"list-item-with-checkbox":this.showCheckbox,"list-item-checked":this.checked,"is-skeleton":this.skeleton,"list-item-locked":this.locked,"list-item-starred":this.starred,"list-item-expandable":this.expandable,"list-item-detail-expanded":this.expandedDetail,"is-wobbling":this.wobble,[`list-item-density-${this.density}`]:!0,[`list-item-aura-${this.status}`]:this.auraMode&&this.status&&!this.skeleton,[`list-item-selection-${this.selectionColor}`]:this.selected&&"default"!==this.selectionColor,[`list-item-hover-${this.hoverColor}`]:"default"!==this.hoverColor,"list-item-avatar-right":"right"===this.avatarPosition},i=24*this.level,e=this.parseTagsToItems(),o="string"==typeof this.avatarGroup?JSON.parse(this.avatarGroup||"[]"):this.avatarGroup||[];return s(r,{key:"58ce4116ce6d57212618035289472a8885198909",onKeyDown:this.handleKeyDown,tabIndex:this.interactive&&!this.disabled?0:-1},s("div",{key:"2d3d1569f7cadc8e324e75285b08e51865a616d9",class:t,onClick:this.handleClick,onContextMenu:this.handleContextMenu,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseDown:()=>{this.longPressTimer=setTimeout((()=>{this.longPress.emit({value:this.value})}),this.longPressDelay)},onMouseUp:()=>clearTimeout(this.longPressTimer),onTouchStart:this.handleTouchStart,onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchEnd,tabindex:this.disabled?-1:0,role:"listitem","aria-label":this.a11yLabel||(this.skeleton?"Loading cluster node":`${this.label}, status: ${this.status}, health: ${this.progress}%`),"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false","aria-haspopup":this.contextMenu?"menu":void 0,"aria-expanded":this.contextMenuOpen?"true":"false",style:{paddingLeft:`${i+(this.level>0?32:16)}px`,transform:`translateX(${this.swipeOffset}px)`},part:"list-item"},this.priorityPulse&&s("div",{key:"077eb5592bd7da1c326619f37da4b42a0dc428b5",class:"list-item-pulse"}),this.presence&&this.presence.length>0&&this.presence.map((t=>s("div",{class:`presence-halo presence-${t.color||"blue"}`,title:`User ${t.id} active`}))),this.renderGhostLayer(),this.renderPresenceCursors(),this.swipeActions&&0!==this.swipeOffset&&s("div",{key:"f59474feb89543f37d4618ec4c422878669cee3a",class:"swipe-actions-container"},this.swipeOffset>0&&s("div",{key:"64c03eb1c0c9633988441ce81c16a0ba024185a4",class:"swipe-action-wrapper left"},this.leftActions.length>0?this.leftActions.map((t=>s("div",{class:`swipe-action bg-${t.color}`,onClick:()=>this.swipeAction.emit({value:this.value,side:"left",action:t.action})},s("ui-icon",{name:t.icon,library:"fontawesome"})))):s("div",{class:`swipe-action left bg-${this.leftActionColor}`},s("ui-icon",{name:this.leftActionIcon,library:"fontawesome"}))),this.swipeOffset<0&&s("div",{key:"d6670645e03558910d978b74685c6d0d1e76c774",class:"swipe-action-wrapper right"},this.rightActions.length>0?this.rightActions.map((t=>s("div",{class:`swipe-action bg-${t.color}`,onClick:()=>this.swipeAction.emit({value:this.value,side:"right",action:t.action})},s("ui-icon",{name:t.icon,library:"fontawesome"})))):s("div",{class:`swipe-action right bg-${this.rightActionColor}`},s("ui-icon",{name:this.rightActionIcon,library:"fontawesome"})))),this.skeleton&&s("div",{key:"4c77cacc6165a5f32b3048a3193c08c43fe1b3dd",class:"skeleton-pulse"}),this.showCheckbox&&!this.skeleton&&s("div",{key:"74c9ff9a6bec5c8201a1c713e0eb49d99c44dd85",class:"list-item-checkbox"},s("ui-checkbox",{key:"bdf7bed4aa503546fab79d1c1ca8f170b7ea4289",checked:this.checked,disabled:this.disabled,readonly:this.readonly,onCheckboxChange:t=>this.handleCheckboxChange(t),size:"sm"})),this.collapsible&&!this.contextMenu&&!this.skeleton&&s("ui-icon",{key:"0d90b7eaec8eada7810b04ce55b94f4e647b6af0",class:"collapse-icon",name:this.expanded?"chevron-down":"chevron-right",library:"fontawesome"}),"left"===this.avatarPosition&&s("div",{key:"32e681013eaf3b8dbf239ed093608b0186f56124",class:"list-item-left-media"},this.userAvatar?s("div",{class:"list-item-avatar-container"},s("ui-avatar",{class:{"list-item-avatar":!0,"skeleton-circle":this.skeleton},src:this.userAvatar,size:"lg"===this.size?"md":"sm"}),this.status&&!this.skeleton&&s("span",{class:`list-item-status status-${this.status} pos-${this.statusPosition}`})):this.image?s("div",{class:{"list-item-image":!0,"skeleton-rect":this.skeleton}},!this.skeleton&&s("img",{src:this.image,alt:this.label})):this.icon?s("ui-icon",{class:"list-item-icon",name:this.icon,library:"fontawesome"}):this.avatarGroup&&"media"===this.avatarGroupPosition?s("div",{class:"list-item-media-avatar-group"},s("ui-avatar-group",{items:o,size:"xs",spacing:"-12px",limit:3})):this.skeleton&&s("div",{class:"list-item-media-placeholder skeleton-circle"})),s("div",{key:"0149ace554979e9a601bd717fab44c8f71a22f75",class:"list-item-content"},s("div",{key:"b53dac62842d57fc4cb060bc138903b59ab1e32b",class:"list-item-label-wrapper"},this.showStar&&!this.skeleton&&s("ui-icon",{key:"15d77a692e85eab6ea85bd530068d83d9221ec0b",class:{"list-item-star-icon":!0,"is-starred":this.starred},name:"star",library:"fontawesome",onClick:t=>{t.stopPropagation(),this.starred=!this.starred,this.starToggle.emit({value:this.value,starred:this.starred}),navigator.vibrate&&navigator.vibrate(20)}}),s("span",{key:"08cc2c0d174b85bd07acee7aa98c0498d18bce4f",class:{"list-item-label":!0,"skeleton-text":this.skeleton}},this.skeleton?"":this.renderLabel(this.label)),this.badge&&!this.skeleton&&s("span",{key:"f0c536c274a653d4cb8a6ae4e9b0905a938d0073",class:`list-item-badge badge-${this.badgeColor}`},this.badge)),(this.sublabel||this.skeleton)&&s("div",{key:"e3f001f937904d3e291834de24a3305d32c5f22d",class:"list-item-subline"},s("span",{key:"cab7999b62cc0d3cca31b573043be48be72ad3b2",class:{"list-item-sublabel":!0,"skeleton-text":this.skeleton}},this.skeleton?"":this.renderLabel(this.sublabel)),this.renderSparkline()),this.progress>=0&&!this.skeleton&&s("div",{key:"10559a4b748ef1d49bc7748c35d05217294806b0",class:"list-item-progress-container"},s("div",{key:"36ec119650364308b1d86b0ed0361b675dd3b56a",class:"list-item-progress-bar",style:{width:`${this.progress}%`}}),s("span",{key:"ae6209cc9da5ddc2c4dad32c000602d3d4ed7977",class:"list-item-progress-text"},this.progress,"%")),this.avatarGroup&&"content"===this.avatarGroupPosition&&!this.skeleton&&s("div",{key:"91b42175d2203685397be51b38b0a20e978dab85",class:"list-item-collaborators"},s("ui-avatar-group",{key:"97782481c4725e203cafb230bdf9cff36ab0b4c7",items:o,size:"xs",spacing:"-8px"})),e.length>0&&!this.skeleton&&s("div",{key:"ce41b5b18a85962e36532117def183ebec3a889e",class:"list-item-tags"},s("ui-tag-group",{key:"9fefbdcf44f0f72caf6cb956a7ef663723440a51",spacing:"4px"},e.map((t=>s("ui-tag",{label:"string"==typeof t?t:t.label,color:t.color||"default",variant:t.variant||"light",size:"xs",shape:t.shape||"pill",icon:t.icon})))))),s("slot",{key:"f5f37f87becd210aebc7d3b443805447b2f08934"}),"right"===this.avatarPosition&&s("div",{key:"1a0024c8eb561fc77c10e6ca393556d57e5b82dc",class:"list-item-right-media"},this.userAvatar?s("div",{class:"list-item-avatar-container"},s("ui-avatar",{class:{"list-item-avatar":!0,"skeleton-circle":this.skeleton},src:this.userAvatar,size:"lg"===this.size?"md":"sm"}),this.status&&!this.skeleton&&s("span",{class:`list-item-status status-${this.status} pos-${this.statusPosition}`})):this.image?s("div",{class:{"list-item-image":!0,"skeleton-rect":this.skeleton}},!this.skeleton&&s("img",{src:this.image,alt:this.label})):this.icon?s("ui-icon",{class:"list-item-icon",name:this.icon,library:"fontawesome"}):this.avatarGroup&&"media"===this.avatarGroupPosition?s("div",{class:"list-item-media-avatar-group"},s("ui-avatar-group",{items:o,size:"xs",spacing:"-12px",limit:3})):null),this.avatarGroup&&"right"===this.avatarGroupPosition&&!this.skeleton&&s("div",{key:"ca2da167a6df02533aaf3e4d15b14af4a77b188c",class:"list-item-right-collaborators"},s("ui-avatar-group",{key:"93aca83ac5defecf49eba0144ef8eb793cf84d90",items:o,size:"xs",spacing:"-8px"})),""!==this.counter&&!this.skeleton&&s("span",{key:"e32d27e4c9f1e9899d9ea327f2aded8f2184de2a",class:"list-item-counter"},this.counter),this.locked&&!this.skeleton&&s("ui-icon",{key:"7d5bb73fa57391b4f06938ec16a625c86b89cf36",class:"list-item-lock-icon",name:"lock",library:"fontawesome"}),this.showMenu&&!this.skeleton&&s("div",{key:"5cac8d9f75433668559299587d62b358a564cdbc",class:"list-item-menu",onClick:t=>{t.stopPropagation(),this.toggleContextMenu(t)}},s("ui-icon",{key:"08ca49e61037d1a7f1590c9941213434caf3f993",name:"ellipsis-v",library:"fontawesome"}))),this.contextMenuOpen&&s("div",{key:"44a01fb51995af67c9a61464caab980c8f4ad523",ref:t=>this.contextMenuRef=t,class:"list-item-context-menu-container",style:{top:`${this.contextMenuY}px`,left:`${this.contextMenuX}px`}},s("slot",{key:"b44a9d26b3d06e2528c8133f6080db1eee944dc2",name:"context-menu"},s("div",{key:"455e867a0acb5fcd97df1e1c63de11ab643101ac",class:"context-menu-default"},s("div",{key:"ec25558af4c83b57bf36e7c430e5296de74956e9",class:"context-menu-item",onClick:()=>this.closeContextMenu()},s("ui-icon",{key:"69be015e453751f92d2572c82f83977b170386ef",name:"info-circle",library:"fontawesome"}),s("span",{key:"cc4a0148cba635cd3b7305827339b8be101b21dc"},"View Details")),s("div",{key:"bf42c2745524c05869583e60580777266f5fad0d",class:"context-menu-item",onClick:()=>this.closeContextMenu()},s("ui-icon",{key:"a40e0515fdf007eb09f0348947f38be95b36de42",name:"edit",library:"fontawesome"}),s("span",{key:"9243b179bbcb3b7f09c31ca72d73b38b166d0bb1"},"Edit Item")),s("div",{key:"881528fbf3230427a153c535c606d1edabd911ff",class:"context-menu-divider"}),s("div",{key:"18cd2ade135fdc8cbc9805361b889897a8c9d384",class:"context-menu-item danger",onClick:()=>this.closeContextMenu()},s("ui-icon",{key:"a16b3e59fc28d532abbda7d2228889d0e2475671",name:"trash",library:"fontawesome"}),s("span",{key:"1c7dae8d54e168682d9a1bdb6665951a95df092c"},"Delete Node"))))),this.expandable&&s("div",{key:"d6da1edf62a007534109bc82de4028efc4235912",class:{"list-item-detail-panel":!0,"is-expanded":this.expandedDetail}},s("slot",{key:"6c163928bcb53c29a47d3c56fbfe0ecbfcd5f8c3",name:"detail"})))}static get style(){return'.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}.list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all 0.2s ease;user-select:none;outline:none;position:relative;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;width:100%;max-width:100%;box-sizing:border-box}.list-item:focus{outline:2px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);outline-offset:-2px}.collapse-icon{font-size:0.75rem;transition:transform 0.2s ease;color:var(--text-muted, #6b7280)}.list-item-icon{font-size:1.25rem;flex-shrink:0;transition:color 0.2s ease}.list-item-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-secondary, #f1f5f9)}.list-item-avatar img{width:100%;height:100%;object-fit:cover}.list-item-image{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-secondary, #f1f5f9)}.list-item-image img{width:100%;height:100%;object-fit:cover}.list-item-sm .list-item-avatar{width:32px;height:32px}.list-item-sm .list-item-image{width:36px;height:36px}.list-item-lg .list-item-avatar{width:48px;height:48px}.list-item-lg .list-item-image{width:64px;height:64px}.skeleton-pulse{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:list-skeleton-shimmer 1.5s infinite;pointer-events:none;z-index:10}.skeleton-text{height:0.8em;background:var(--bg-primary, #e2e8f0);border-radius:4px;width:80%;display:inline-block}.skeleton-text.list-item-sublabel{width:60%;margin-top:4px}.skeleton-circle{background:var(--bg-primary, #e2e8f0);border-radius:50%}.skeleton-rect{background:var(--bg-primary, #e2e8f0);border-radius:8px}@keyframes list-skeleton-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.is-skeleton{pointer-events:none;background:transparent !important;border-color:var(--border-subtle, #f1f5f9) !important;transform:none !important}.list-item-highlight{background:var(--bg-primary, #dcfce7);color:var(--color-success, #166534);padding:0 2px;border-radius:2px;font-weight:700}.list-item-content{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}.list-item-label-wrapper{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.list-item-label{font-size:1rem;color:var(--text-secondary, #374151);transition:color 0.2s ease;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-sublabel{font-size:0.875rem;color:var(--text-muted, #6b7280);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-multiline .list-item-content{padding:4px 0}.list-item-multiline .list-item-label{white-space:normal;line-height:1.5;word-wrap:break-word;word-break:break-word}.list-item-multiline .list-item-sublabel{white-space:normal;line-height:1.5;word-wrap:break-word;word-break:break-word}.list-item-action-icon{font-size:1.125rem;flex-shrink:0;padding:4px;border-radius:4px;transition:all 0.2s ease}.list-item-action-icon:hover{background:rgba(0, 0, 0, 0.05)}.list-item-action-icon:active{transform:scale(0.95)}.list-item-sm{padding:8px 12px;gap:8px}.list-item-sm .list-item-icon{font-size:1rem}.list-item-sm .list-item-label{font-size:0.875rem}.list-item-sm .list-item-action-icon{font-size:1rem}.list-item-md{padding:12px 16px;gap:12px}.list-item-lg{padding:16px 20px;gap:14px}.list-item-lg .list-item-icon{font-size:1.5rem}.list-item-lg .list-item-label{font-size:1.125rem}.list-item-lg .list-item-action-icon{font-size:1.25rem}.list-item-dense{padding:6px 12px;gap:8px}.list-item-dense .list-item-label{font-size:0.875rem}.list-item-text{background:transparent}.list-item-text:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.04)}.list-item-filled{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);margin-bottom:2px;border-radius:6px}.list-item-filled:hover:not(.list-item-disabled):not(.list-item-readonly){background:var(--bg-primary, #f9fafb);border-color:var(--border-strong, #d1d5db)}.list-item-filled.list-item-primary{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.05);border-color:rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}.list-item-filled.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1)}.list-item-filled.list-item-secondary{background:rgba(107, 114, 128, 0.05);border-color:rgba(107, 114, 128, 0.2)}.list-item-filled.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.1)}.list-item-filled.list-item-success{background:rgba(22, 163, 74, 0.05);border-color:rgba(22, 163, 74, 0.2)}.list-item-filled.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.1)}.list-item-filled.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05);border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.2)}.list-item-filled.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.1)}.list-item-filled.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05);border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.2)}.list-item-filled.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1)}.list-item-filled.list-item-info{background:rgba(8, 145, 178, 0.05);border-color:rgba(8, 145, 178, 0.2)}.list-item-filled.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.1)}.list-item-outlined{background:transparent;border:1px solid var(--border-default, #e5e7eb);margin-bottom:2px;border-radius:6px}.list-item-outlined:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.02);border-color:var(--border-strong, #d1d5db)}.list-item-outlined.list-item-primary{border-color:rgba(var(--color-success-rgb, 61, 205, 88), 0.3)}.list-item-outlined.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-success-rgb, 61, 205, 88), 0.05);border-color:rgba(var(--color-success-rgb, 61, 205, 88), 0.5)}.list-item-outlined.list-item-secondary{border-color:rgba(107, 114, 128, 0.3)}.list-item-outlined.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.05);border-color:rgba(107, 114, 128, 0.5)}.list-item-outlined.list-item-success{border-color:rgba(22, 163, 74, 0.3)}.list-item-outlined.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.05);border-color:rgba(22, 163, 74, 0.5)}.list-item-outlined.list-item-danger{border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.3)}.list-item-outlined.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05);border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.5)}.list-item-outlined.list-item-warning{border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.3)}.list-item-outlined.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05);border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.5)}.list-item-outlined.list-item-info{border-color:rgba(8, 145, 178, 0.3)}.list-item-outlined.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.05);border-color:rgba(8, 145, 178, 0.5)}.list-item-soft{background:rgba(0, 0, 0, 0.02);border-radius:6px;margin-bottom:2px}.list-item-soft:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.05)}.list-item-soft.list-item-primary{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.08)}.list-item-soft.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-success-rgb, 61, 205, 88), 0.12)}.list-item-soft.list-item-secondary{background:rgba(107, 114, 128, 0.08)}.list-item-soft.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.12)}.list-item-soft.list-item-success{background:rgba(22, 163, 74, 0.08)}.list-item-soft.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.12)}.list-item-soft.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.08)}.list-item-soft.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.12)}.list-item-soft.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.08)}.list-item-soft.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.12)}.list-item-soft.list-item-info{background:rgba(8, 145, 178, 0.08)}.list-item-soft.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.12)}.list-item-default .list-item-icon{color:var(--text-muted, #6b7280)}.list-item-primary .list-item-icon{color:var(--color-success, #3dcd58)}.list-item-secondary .list-item-icon{color:var(--text-muted, #6b7280)}.list-item-success .list-item-icon{color:var(--color-success, #16a34a)}.list-item-danger .list-item-icon{color:var(--color-danger-hover, #dc2626)}.list-item-warning .list-item-icon{color:var(--color-warning, #f59e0b)}.list-item-info .list-item-icon{color:var(--color-info-hover, #0891b2)}.list-item-text.list-item-selected.list-item-primary{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.08)}.list-item-text.list-item-selected.list-item-primary .list-item-icon,.list-item-text.list-item-selected.list-item-primary .list-item-label{color:var(--color-success, #3dcd58);font-weight:600}.list-item-text.list-item-selected.list-item-secondary{background:rgba(107, 114, 128, 0.08)}.list-item-text.list-item-selected.list-item-secondary .list-item-icon,.list-item-text.list-item-selected.list-item-secondary .list-item-label{color:var(--text-secondary, #4b5563);font-weight:600}.list-item-text.list-item-selected.list-item-success{background:rgba(22, 163, 74, 0.08)}.list-item-text.list-item-selected.list-item-success .list-item-icon,.list-item-text.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #16a34a);font-weight:600}.list-item-text.list-item-selected.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.08)}.list-item-text.list-item-selected.list-item-danger .list-item-icon,.list-item-text.list-item-selected.list-item-danger .list-item-label{color:var(--color-danger-hover, #dc2626);font-weight:600}.list-item-text.list-item-selected.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.08)}.list-item-text.list-item-selected.list-item-warning .list-item-icon,.list-item-text.list-item-selected.list-item-warning .list-item-label{color:var(--color-warning-hover, #d97706);font-weight:600}.list-item-text.list-item-selected.list-item-info{background:rgba(8, 145, 178, 0.08)}.list-item-text.list-item-selected.list-item-info .list-item-icon,.list-item-text.list-item-selected.list-item-info .list-item-label{color:var(--color-info-hover, #0891b2);font-weight:600}.list-item-text.list-item-selected.list-item-default{background:rgba(0, 0, 0, 0.05)}.list-item-text.list-item-selected.list-item-default .list-item-label{font-weight:600}.list-item-filled.list-item-selected.list-item-primary{background:var(--bg-primary, #d1fae5);border-color:var(--color-success, #3dcd58)}.list-item-filled.list-item-selected.list-item-primary .list-item-icon,.list-item-filled.list-item-selected.list-item-primary .list-item-label{color:var(--color-success, #009B4E);font-weight:600}.list-item-filled.list-item-selected.list-item-success{background:var(--bg-primary, #dcfce7);border-color:var(--color-success, #16a34a)}.list-item-filled.list-item-selected.list-item-success .list-item-icon,.list-item-filled.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #166534);font-weight:600}.list-item-filled.list-item-selected.list-item-danger{background:var(--bg-primary, #fee2e2);border-color:var(--color-danger-hover, #dc2626)}.list-item-filled.list-item-selected.list-item-danger .list-item-icon,.list-item-filled.list-item-selected.list-item-danger .list-item-label{color:var(--color-danger, #991b1b);font-weight:600}.list-item-outlined.list-item-selected.list-item-primary{border-color:var(--color-success, #3dcd58);border-width:2px}.list-item-outlined.list-item-selected.list-item-primary .list-item-icon,.list-item-outlined.list-item-selected.list-item-primary .list-item-label{color:var(--color-success, #3dcd58);font-weight:600}.list-item-outlined.list-item-selected.list-item-success{border-color:var(--color-success, #16a34a);border-width:2px}.list-item-outlined.list-item-selected.list-item-success .list-item-icon,.list-item-outlined.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #16a34a);font-weight:600}.list-item-soft.list-item-selected.list-item-primary{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.12)}.list-item-soft.list-item-selected.list-item-primary .list-item-icon,.list-item-soft.list-item-selected.list-item-primary .list-item-label{color:var(--color-success, #009B4E);font-weight:600}.list-item-selected{border-radius:8px}.list-item-soft.list-item-selected.list-item-success{background:rgba(22, 163, 74, 0.12);border-radius:8px}.list-item-soft.list-item-selected.list-item-success .list-item-icon,.list-item-soft.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #15803d);font-weight:600}.list-item-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.list-item-readonly{cursor:default}.list-item-divider::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--bg-primary, #e5e7eb)}.list-item-link .list-item-label{text-decoration:none}.list-item-link:hover .list-item-label{text-decoration:underline}.list-item-interactive{cursor:pointer}.list-item:not(.list-item-interactive){cursor:default}.list-item-children{display:flex;flex-direction:column;animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.list-item-focused{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.list-item-hovered:not(.list-item-disabled):not(.list-item-readonly){transform:translateX(2px);border-radius:8px}.list-item-context-menu{position:relative}.list-item-context-menu .list-item-context-icon{font-size:0.875rem;color:var(--text-muted, #9ca3af);margin-left:auto;transition:transform 0.2s ease}.list-item-context-menu.list-item-context-menu-open .list-item-context-icon{transform:rotate(90deg)}.list-item-context-menu:hover .list-item-context-icon{color:var(--text-muted, #6b7280)}.context-menu{min-width:200px;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);padding:8px 0;animation:contextMenuFadeIn 0.15s ease-out;overflow:hidden;max-height:400px;overflow-y:auto}.context-menu ::slotted(ui-list-item){margin:0;border-radius:0}.context-menu::-webkit-scrollbar{width:6px}.context-menu::-webkit-scrollbar-track{background:transparent}.context-menu::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:3px}.context-menu::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #9ca3af)}@keyframes contextMenuFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.context-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:transparent}.list-item-checkbox{display:flex;align-items:center;cursor:pointer;margin-right:4px}.list-item-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.list-item-checkbox .checkbox-icon{font-size:1.25rem;color:var(--text-muted, #9ca3af);transition:all 0.2s ease}.list-item-checkbox:hover .checkbox-icon{color:var(--text-muted, #6b7280)}.list-item-checked .checkbox-icon{color:var(--color-success, #3dcd58) !important}.list-item-disabled .list-item-checkbox,.list-item-readonly .list-item-checkbox{cursor:not-allowed;opacity:0.5}.list-item-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;line-height:1;white-space:nowrap}.list-item-badge.badge-default{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.list-item-badge.badge-primary{background:var(--bg-primary, #d1fae5);color:var(--color-success, #009B4E)}.list-item-badge.badge-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #4b5563)}.list-item-badge.badge-success{background:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.list-item-badge.badge-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.list-item-badge.badge-warning{background:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.list-item-badge.badge-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.list-item-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:0.75rem;font-weight:600;line-height:1;margin-left:auto;flex-shrink:0}.list-item-right{display:flex;align-items:center;flex-direction:column;gap:6px;margin-left:auto;flex-shrink:0;max-width:50%;overflow:hidden}.list-item-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.list-item-pills::-webkit-scrollbar{height:4px}.list-item-pills::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:2px}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.pill i{font-size:0.75rem}.pill:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.pill:active{transform:translateY(0)}.pill.pill-default{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.pill.pill-default:hover{background:var(--bg-primary, #e5e7eb)}.pill.pill-primary{background:var(--bg-primary, #d1fae5);color:var(--color-success, #009B4E)}.pill.pill-primary:hover{background:var(--color-success, #a7f3d0)}.pill.pill-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #4b5563)}.pill.pill-secondary:hover{background:var(--bg-primary, #e5e7eb)}.pill.pill-success{background:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.pill.pill-success:hover{background:var(--color-success, #a7f3d0)}.pill.pill-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.pill.pill-danger:hover{background:var(--color-danger, #fecaca)}.pill.pill-warning{background:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.pill.pill-warning:hover{background:var(--color-primary, #fde68a)}.pill.pill-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.pill.pill-info:hover{background:var(--color-primary, #bae6fd)}.list-item-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.list-item-tags::-webkit-scrollbar{height:4px}.list-item-tags::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:2px}.tag{display:inline-flex;align-items:center;padding:2px 8px;background:var(--bg-secondary, #f3f4f6);color:var(--text-muted, #6b7280);border-radius:4px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.tag:hover{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.tag:active{transform:scale(0.95)}.list-item-sm .list-item-checkbox .checkbox-icon{font-size:1rem}.list-item-sm .list-item-badge{font-size:0.625rem;padding:1px 6px}.list-item-sm .list-item-counter{min-width:16px;height:16px;font-size:0.625rem}.list-item-sm .pill{padding:2px 8px;font-size:0.625rem}.list-item-sm .tag{padding:1px 6px;font-size:0.625rem}.list-item-sm .list-item-sublabel{font-size:0.75rem}.list-item-lg .list-item-checkbox .checkbox-icon{font-size:1.5rem}.list-item-lg .list-item-badge{font-size:0.875rem;padding:3px 10px}.list-item-lg .list-item-counter{min-width:24px;height:24px;font-size:0.875rem}.list-item-lg .pill{padding:6px 12px;font-size:0.875rem}.list-item-lg .tag{padding:3px 10px;font-size:0.875rem}.list-item-lg .list-item-sublabel{font-size:1rem}.list-item-left-media{display:flex;align-items:center;gap:inherit;flex-shrink:0}.list-item-right-media{display:flex;align-items:center;gap:inherit;flex-shrink:0;margin-left:12px}.list-item-avatar-right .list-item-counter,.list-item-avatar-right .list-item-action-icon,.list-item-avatar-right .list-item-context-icon{margin-left:8px}.list-item-avatar-right .list-item-right-media{margin-left:auto}.list-item.list-item-selection-primary.list-item-selected{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.12) !important;border-color:var(--color-success, #3dcd58) !important}.list-item.list-item-selection-primary.list-item-selected .list-item-label{color:var(--color-success, #009B4E) !important}.list-item.list-item-selection-primary.list-item-selected .list-item-icon{color:var(--color-success, #009B4E) !important}.list-item.list-item-selection-secondary.list-item-selected{background:rgba(107, 114, 128, 0.12) !important;border-color:var(--color-primary, #6b7280) !important}.list-item.list-item-selection-secondary.list-item-selected .list-item-label{color:var(--color-primary, #4b5563) !important}.list-item.list-item-selection-secondary.list-item-selected .list-item-icon{color:var(--color-primary, #4b5563) !important}.list-item.list-item-selection-success.list-item-selected{background:rgba(22, 163, 74, 0.12) !important;border-color:var(--color-success, #16a34a) !important}.list-item.list-item-selection-success.list-item-selected .list-item-label{color:var(--color-success, #15803d) !important}.list-item.list-item-selection-success.list-item-selected .list-item-icon{color:var(--color-success, #15803d) !important}.list-item.list-item-selection-danger.list-item-selected{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.12) !important;border-color:var(--color-danger-hover, #dc2626) !important}.list-item.list-item-selection-danger.list-item-selected .list-item-label{color:var(--color-danger, #991b1b) !important}.list-item.list-item-selection-danger.list-item-selected .list-item-icon{color:var(--color-danger, #991b1b) !important}.list-item.list-item-selection-warning.list-item-selected{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.12) !important;border-color:var(--color-warning, #f59e0b) !important}.list-item.list-item-selection-warning.list-item-selected .list-item-label{color:var(--color-danger, #92400e) !important}.list-item.list-item-selection-warning.list-item-selected .list-item-icon{color:var(--color-danger, #92400e) !important}.list-item.list-item-selection-info.list-item-selected{background:rgba(8, 145, 178, 0.12) !important;border-color:var(--color-info-hover, #0891b2) !important}.list-item.list-item-selection-info.list-item-selected .list-item-label{color:var(--color-primary, #075985) !important}.list-item.list-item-selection-info.list-item-selected .list-item-icon{color:var(--color-primary, #075985) !important}.list-item.list-item-hover-primary:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-success-rgb, 61, 205, 88), 0.05) !important}.list-item.list-item-hover-secondary:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(107, 114, 128, 0.05) !important}.list-item.list-item-hover-success:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(22, 163, 74, 0.05) !important}.list-item.list-item-hover-danger:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05) !important}.list-item.list-item-hover-warning:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05) !important}.list-item.list-item-hover-info:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(8, 145, 178, 0.05) !important}.list-item-lock-icon{font-size:0.875rem;color:var(--text-muted, #9ca3af);margin-left:12px;flex-shrink:0}.list-item-menu-icon{font-size:1rem;color:var(--text-muted, #6b7280);margin-left:8px;padding:6px;border-radius:6px;transition:all 0.2s ease;flex-shrink:0;cursor:pointer}.list-item-menu-icon:hover{background:rgba(0, 0, 0, 0.08);color:var(--text-primary, #1f2937)}.list-item-menu-icon:active{transform:scale(0.9)}.list-item-locked{cursor:default !important}.list-item-locked .list-item-label{color:var(--text-muted, #9ca3af) !important}.list-item-locked .list-item-icon{opacity:0.5}.list-item-locked:hover{transform:none !important;background:transparent !important}.swipe-actions-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;z-index:-1;overflow:hidden;border-radius:inherit}.swipe-action{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-standard, #ffffff);transition:opacity 0.2s ease}.swipe-action ui-icon{font-size:1.5rem}.swipe-action.left{justify-content:flex-start;padding-left:24px;background-color:var(--color-success, #10b981)}.swipe-action.right{justify-content:flex-end;padding-right:24px;background-color:var(--color-danger, #ef4444)}.bg-success{background-color:var(--color-success, #10b981)}.bg-danger{background-color:var(--color-danger, #ef4444)}.bg-warning{background-color:var(--color-warning, #f59e0b)}.bg-info{background-color:var(--color-primary, #10b981)}.bg-primary{background-color:var(--color-success, #3dcd58)}.list-item[style*=transform]{transition:transform 0.1s ease-out}.list-item-grid{flex-direction:column !important;align-items:center !important;text-align:center;padding:24px 16px !important;border:1px solid var(--border-subtle, #f1f5f9);border-radius:16px !important;background:var(--bg-primary, #ffffff);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05)}.list-item-grid:hover{transform:translateY(-4px) !important;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);border-color:var(--color-primary, #10b981)}.list-item-grid .list-item-avatar,.list-item-grid .list-item-image{width:64px !important;height:64px !important;margin-bottom:16px}.list-item-grid .list-item-content{align-items:center;width:100%}.list-item-grid .list-item-label{font-size:1.125rem;font-weight:700}.list-item-grid .list-item-collaborators{margin-top:12px}.list-item-tree-lines{position:relative}.list-item-tree-lines::before{content:"";position:absolute;left:26px;top:-12px;bottom:50%;width:2px;background:var(--color-primary, #cbd5e1)}.list-item-tree-lines::after{content:"";position:absolute;left:26px;top:50%;width:16px;height:2px;background:var(--color-primary, #cbd5e1);border-radius:0 2px 2px 0}.list-item-collaborators{display:flex;align-items:center;margin-top:4px}.list-item.focused-item{outline:2px solid var(--color-primary, #10b981);outline-offset:-2px;background:var(--bg-primary, #eff6ff)}.list-item-avatar-container{position:relative;display:inline-flex}.list-item-status{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-primary, #ffffff);z-index:2}.list-item-status.pos-bottom-right{bottom:0;right:0}.list-item-status.pos-top-right{top:0;right:0}.list-item-status.status-online{background:var(--color-success, #10b981)}.list-item-status.status-busy{background:var(--color-danger, #ef4444)}.list-item-status.status-away{background:var(--color-warning, #f59e0b)}.list-item-status.status-offline{background:var(--color-primary, #94a3b8)}.list-item-status.status-online::after{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:50%;animation:pulseStatus 2s infinite;opacity:0.6;left:0;top:0}@keyframes pulseStatus{0%{transform:scale(1);opacity:0.6}100%{transform:scale(3);opacity:0}}.list-item-progress-container{display:flex;align-items:center;gap:8px;margin-top:6px;width:100%}.list-item-progress-container .list-item-progress-bar{height:4px;background:var(--color-primary, #10b981);border-radius:2px;transition:width 0.3s ease}.list-item-progress-container .list-item-progress-text{font-size:10px;font-weight:700;color:var(--text-muted, #64748b)}.list-item-star-icon{font-size:0.875rem;color:var(--color-primary, #cbd5e1);margin-right:8px;cursor:pointer;transition:all 0.2s}.list-item-star-icon:hover{color:var(--color-primary, #94a3b8);transform:scale(1.1)}.list-item-star-icon.is-starred{color:var(--color-warning, #f59e0b) !important}.list-item-expandable-section{width:100%;background:var(--bg-primary, #f8fafc);overflow:hidden;border-top:1px solid var(--border-subtle, #f1f5f9);animation:expandDetail 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.list-item-expandable-section .expandable-detail-content{padding:16px 24px 16px 56px}@keyframes expandDetail{from{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.list-item-media-avatar-group{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.list-item-right-collaborators{display:flex;align-items:center;margin-left:auto;margin-right:12px}.is-wobbling{animation:wobbleNo 0.4s ease-in-out}@keyframes wobbleNo{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.list-item-pulse{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0);animation:etherealPulse 2s infinite;z-index:1}@keyframes etherealPulse{0%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0.4)}70%{box-shadow:0 0 0 12px rgba(var(--color-danger-rgb, 239, 68, 68), 0)}100%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0)}}.presence-halo{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-primary, #ffffff);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.presence-halo.presence-blue{background:var(--color-primary, #10b981)}.presence-halo.presence-purple{background:var(--color-primary, #a855f7)}.list-item-density-compact{padding-top:4px !important;padding-bottom:4px !important;min-height:40px}.list-item-density-compact .list-item-sublabel,.list-item-density-compact .list-item-tags,.list-item-density-compact .list-item-progress-container{display:none}.list-item-density-compact .list-item-avatar-container,.list-item-density-compact ui-avatar{transform:scale(0.8)}.list-item-density-cozy{padding-top:20px !important;padding-bottom:20px !important}.list-item-density-cozy .list-item-label{font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a)}.list-item-density-cozy .list-item-avatar-container,.list-item-density-cozy ui-avatar{transform:scale(1.15)}'}},[769,"ui-list-item",{selected:[1028],disabled:[4],readonly:[4],label:[1],value:[1],icon:[1],actionIcon:[1,"action-icon"],size:[1],color:[1],variant:[1],nested:[4],level:[2],collapsible:[4],expanded:[1028],divider:[4],dense:[4],interactive:[4],href:[1],target:[1],contextMenu:[4,"context-menu"],contextMenuTrigger:[1,"context-menu-trigger"],contextMenuPosition:[1,"context-menu-position"],showCheckbox:[4,"show-checkbox"],checked:[1028],sublabel:[1],multiline:[4],badge:[1],badgeColor:[1,"badge-color"],counter:[8],tags:[1],image:[1],userAvatar:[1,"user-avatar"],skeleton:[4],highlight:[1],selectionColor:[1,"selection-color"],hoverColor:[1,"hover-color"],avatarPosition:[1,"avatar-position"],showMenu:[4,"show-menu"],rightActionColor:[1,"right-action-color"],avatarGroup:[1,"avatar-group"],avatarGroupPosition:[1,"avatar-group-position"],treeLines:[4,"tree-lines"],gridMode:[4,"grid-mode"],longPressDelay:[2,"long-press-delay"],locked:[4],swipeActions:[4,"swipe-actions"],swipeBehavior:[1,"swipe-behavior"],leftActionIcon:[1,"left-action-icon"],leftActionColor:[1,"left-action-color"],rightActionIcon:[1,"right-action-icon"],progress:[2],status:[1],statusPosition:[1,"status-position"],showStar:[4,"show-star"],leftActions:[16],rightActions:[16],fullSwipeThreshold:[2,"full-swipe-threshold"],starred:[1028],expandable:[4],expandedDetail:[1028,"expanded-detail"],wobble:[1028],priorityPulse:[4,"priority-pulse"],presence:[16],density:[1],sparkline:[16],metadata:[8],showGhostLayer:[4,"show-ghost-layer"],auraMode:[4,"aura-mode"],presenceCursors:[16],a11yLabel:[1,"a-1-1y-label"],isFocused:[32],isHovered:[32],contextMenuOpen:[32],contextMenuX:[32],contextMenuY:[32],swipeOffset:[32],showStatusEditor:[32],focusItem:[64]}]);function f(){"undefined"!=typeof customElements&&["ui-list-item","ui-avatar","ui-avatar-group","ui-badge","ui-button","ui-checkbox","ui-icon","ui-input","ui-stack","ui-tag","ui-tag-group"].forEach((t=>{switch(t){case"ui-list-item":customElements.get(o(t))||customElements.define(o(t),u);break;case"ui-avatar":customElements.get(o(t))||a();break;case"ui-avatar-group":customElements.get(o(t))||l();break;case"ui-badge":customElements.get(o(t))||c();break;case"ui-button":customElements.get(o(t))||n();break;case"ui-checkbox":customElements.get(o(t))||d();break;case"ui-icon":customElements.get(o(t))||m();break;case"ui-input":customElements.get(o(t))||b();break;case"ui-stack":customElements.get(o(t))||h();break;case"ui-tag":customElements.get(o(t))||g();break;case"ui-tag-group":customElements.get(o(t))||p()}}))}export{u as A,f as d}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as r,transformTag as o}from"@stencil/core/internal/client";import{d as a}from"./avatar.js";import{d as l}from"./avatar-group.js";import{d as n}from"./badge.js";import{d as c}from"./button.js";import{d as m}from"./checkbox.js";import{d}from"./icon.js";import{d as h}from"./input.js";import{d as p}from"./loader.js";import{d as g}from"./popover.js";import{d as b}from"./skeleton-loader.js";import{d as u}from"./stack.js";import{d as f}from"./tag.js";import{d as x}from"./tag-group.js";const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.listItemClick=i(this,"listItemClick",7),this.listItemActionClick=i(this,"listItemActionClick",7),this.listItemToggle=i(this,"listItemToggle",7),this.contextMenuOpenEvent=i(this,"contextMenuOpenEvent",7),this.contextMenuCloseEvent=i(this,"contextMenuCloseEvent",7),this.checkboxChange=i(this,"checkboxChange",7),this.pillClick=i(this,"pillClick",7),this.tagClick=i(this,"tagClick",7),this.swipeAction=i(this,"swipeAction",7),this.longPress=i(this,"longPress",7),this.starToggle=i(this,"starToggle",7),this.detailToggle=i(this,"detailToggle",7)}get el(){return this}selected=!1;disabled=!1;readonly=!1;label="";value="";icon="";actionIcon="";size="md";color="default";variant="text";nested=!1;level=0;collapsible=!1;expanded=!1;divider=!1;dense=!1;interactive=!0;href="";target="_self";contextMenu=!1;contextMenuTrigger="rightClick";contextMenuPosition="auto";showCheckbox=!1;checked=!1;sublabel="";multiline=!1;badge="";badgeColor="default";counter="";counterColor="success";tags="";image="";userAvatar="";skeleton=!1;highlight="";selectionColor="default";hoverColor="default";avatarPosition="left";showMenu=!1;rightActionColor="danger";avatarGroup="";avatarGroupPosition="content";treeLines=!1;gridMode=!1;longPressDelay=600;locked=!1;swipeActions=!1;swipeBehavior="reveal";leftActionIcon="";leftActionColor="success";rightActionIcon="";progress=-1;status="";statusPosition="bottom-right";showStar=!1;leftActions=[];rightActions=[];fullSwipeThreshold=.75;starred=!1;expandable=!1;expandedDetail=!1;wobble=!1;priorityPulse=!1;presence=[];density="comfortable";sparkline=[];metadata={};showGhostLayer=!1;auraMode=!1;presenceCursors=[];a11yLabel="";isFocused=!1;isHovered=!1;contextMenuOpen=!1;contextMenuX=0;contextMenuY=0;swipeOffset=0;showStatusEditor=!1;ghostPopoverVariant="dark";listItemClick;listItemActionClick;listItemToggle;contextMenuOpenEvent;contextMenuCloseEvent;checkboxChange;pillClick;tagClick;swipeAction;longPress;starToggle;detailToggle;contextMenuRef;touchStartX=0;touchCurrentX=0;isSwiping=!1;longPressTimer;themeObserver;componentWillLoad(){this.syncGhostPopoverTheme()}componentDidLoad(){this.observeThemeChanges(),this.contextMenu&&document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){this.themeObserver?.disconnect(),this.contextMenu&&document.removeEventListener("click",this.handleOutsideClick)}observeThemeChanges(){this.themeObserver?.disconnect();const t=new MutationObserver((()=>this.syncGhostPopoverTheme()));t.observe(document.documentElement,{attributes:!0,attributeFilter:["class","data-theme"]}),document.body&&t.observe(document.body,{attributes:!0,attributeFilter:["class","data-theme"]}),this.themeObserver=t}syncGhostPopoverTheme(){const t=this.resolveGhostPopoverVariant();this.ghostPopoverVariant!==t&&(this.ghostPopoverVariant=t)}resolveGhostPopoverVariant(){const t=document.documentElement,e=document.body,i=[t.dataset.theme||"",t.className||"",e?.dataset.theme||"",e.className||""].join(" ").toLowerCase();if(/(light|yellow)/.test(i))return"light";if(/(dark|blue|green|pink|violet)/.test(i))return"dark";const s=getComputedStyle(t).getPropertyValue("--bg-primary").trim(),r=this.parseColorToRgb(s);return r&&(.2126*r.r+.7152*r.g+.0722*r.b)/255>.6?"light":"dark"}parseColorToRgb(t){if(!t)return null;const e=t.trim().toLowerCase();if(e.startsWith("#")){const t=e.slice(1);if(3===t.length)return{r:Number.parseInt(t[0]+t[0],16),g:Number.parseInt(t[1]+t[1],16),b:Number.parseInt(t[2]+t[2],16)};if(t.length>=6)return{r:Number.parseInt(t.slice(0,2),16),g:Number.parseInt(t.slice(2,4),16),b:Number.parseInt(t.slice(4,6),16)}}const i=/rgba?\((\d+),\s*(\d+),\s*(\d+)/.exec(e);return i?{r:Number.parseInt(i[1],10),g:Number.parseInt(i[2],10),b:Number.parseInt(i[3],10)}:null}handleOutsideClick=t=>{if(this.contextMenuOpen&&this.contextMenuRef&&!this.contextMenuRef.contains(t.target)){const e=this.el.shadowRoot;if(!e)return;const i=e.querySelector(".list-item");i&&!i.contains(t.target)&&this.closeContextMenu()}};handleClick=t=>{if(!this.disabled&&!this.readonly){if(this.contextMenu&&"click"===this.contextMenuTrigger)return t.stopPropagation(),void this.toggleContextMenu(t);if(!this.locked){if(this.expandable&&!this.contextMenu)return this.expandedDetail=!this.expandedDetail,void this.detailToggle.emit({value:this.value,expanded:this.expandedDetail});this.collapsible&&!this.contextMenu&&(this.expanded=!this.expanded,this.listItemToggle.emit({value:this.value,expanded:this.expanded})),!this.interactive||this.contextMenu||this.locked||(t.shiftKey||t.ctrlKey||t.metaKey||(this.selected=!this.selected),this.listItemClick.emit({value:this.value,selected:this.selected,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey})),this.href&&(t.preventDefault(),window.open(this.href,this.target))}}};handleContextMenu=t=>{this.contextMenu&&"rightClick"===this.contextMenuTrigger&&(t.preventDefault(),t.stopPropagation(),this.toggleContextMenu(t))};toggleContextMenu=t=>{this.contextMenuOpen?this.closeContextMenu():this.openContextMenu(t)};openContextMenu=t=>{const e=t.currentTarget.getBoundingClientRect(),i=200,s=window.innerWidth,r=window.innerHeight;let o=0,a=0;if("rightClick"===this.contextMenuTrigger)o=t.clientX,a=t.clientY;else switch(this.contextMenuPosition){case"right":o=e.right,a=e.top;break;case"left":o=e.left-i,a=e.top;break;case"bottom":o=e.left,a=e.bottom;break;default:s-e.right>i?(o=e.right,a=e.top):(o=e.left-i,a=e.top)}o+i>s&&(o=s-i-10),o<0&&(o=10),a+300>r&&(a=r-300-10,a<0&&(a=Math.max(10,e.top-300))),a<0&&(a=10),this.contextMenuX=o,this.contextMenuY=a,this.contextMenuOpen=!0,this.contextMenuOpenEvent.emit({value:this.value})};closeContextMenu=()=>{this.contextMenuOpen=!1,this.contextMenuCloseEvent.emit({value:this.value})};handleCheckboxChange=t=>{t.stopPropagation(),this.disabled||this.readonly||(this.checked=!this.checked,this.checkboxChange.emit({value:this.value,checked:this.checked}))};handleFocus=()=>{this.isFocused=!0};handleBlur=()=>{this.isFocused=!1};handleMouseEnter=t=>{this.isHovered=!0,this.contextMenu&&"hover"===this.contextMenuTrigger&&this.openContextMenu(t)};handleMouseLeave=()=>{this.isHovered=!1,this.contextMenu&&"hover"===this.contextMenuTrigger&&setTimeout((()=>{this.isHovered||this.closeContextMenu()}),300)};handleTouchStart=t=>{this.swipeActions&&!this.disabled&&(this.touchStartX=t.touches[0].clientX,this.isSwiping=!0,this.longPressDelay>0&&(this.longPressTimer=setTimeout((()=>{this.swipeOffset||(this.longPress.emit({value:this.value}),globalThis.navigator.vibrate?.(50))}),this.longPressDelay)))};handleTouchMove=t=>{if(!this.isSwiping)return;this.touchCurrentX=t.touches[0].clientX;const e=this.touchCurrentX-this.touchStartX;Math.abs(e)>10&&clearTimeout(this.longPressTimer),e>80&&!this.leftActionIcon&&0===this.leftActions.length||e<-80&&!this.rightActionIcon&&0===this.rightActions.length||(this.swipeOffset=e)};getSwipeActionDefinitions(t){return"left"===t?this.leftActions.length?this.leftActions:[{icon:this.leftActionIcon,action:"left"}]:this.rightActions.length?this.rightActions:[{icon:this.rightActionIcon,action:"right"}]}completeFullSwipe(t,e){this.swipeOffset="left"===t?this.el.clientWidth:-this.el.clientWidth,setTimeout((()=>{this.swipeAction.emit({value:this.value,side:t,action:e}),"dismiss"===this.swipeBehavior?this.el.style.display="none":this.swipeOffset=0}),200)}handleTouchEnd=()=>{if(!this.swipeActions)return;clearTimeout(this.longPressTimer);const t=.25*this.el.clientWidth,e=this.el.clientWidth*this.fullSwipeThreshold,i=Math.abs(this.swipeOffset);if(i>e){const t=this.swipeOffset>0?"left":"right",e=this.getSwipeActionDefinitions(t);this.completeFullSwipe(t,e[0]?.action||("left"===t?"check":"trash"))}else this.swipeOffset=i>t?this.swipeOffset>0?80*Math.max(1,this.leftActions.length):-80*Math.max(1,this.rightActions.length):0};async focusItem(){this.isFocused=!0;const t=this.el.shadowRoot,e=t?.querySelector(".list-item");e?.setAttribute("tabindex","0"),e?.focus()}handleKeyDown=t=>{this.isFocused&&"Enter"===t.key&&this.listItemClick.emit({value:this.value,selected:!this.selected})};renderLabel(t){if(!this.highlight||!t)return t;const e=t.split(new RegExp(`(${this.highlight})`,"gi"));let i=0;return e.map((e=>{const r=t.toLowerCase(),o=e.toLowerCase(),a=r.indexOf(o,i),l=a>=0?a:i;return i=l+e.length,e.toLowerCase()===this.highlight.toLowerCase()?s("mark",{class:"list-item-highlight",key:`highlight-${l}-${e}`},e):e}))}renderPresenceCursors(){return this.presenceCursors&&0!==this.presenceCursors.length?s("div",{class:"presence-cursors-layer"},this.presenceCursors.map(((t,e)=>s("div",{key:`cursor-${t.id||t.name||e}`,class:`ghost-cursor cursor-${t.color||"blue"}`,style:{left:`${t.x}px`,top:`${t.y}px`}},s("ui-icon",{name:"mouse-pointer",library:"fontawesome"}),s("div",{class:"cursor-label"},t.name))))):null}renderSparkline(){if(!this.sparkline||this.sparkline.length<2)return null;const t=Math.max(...this.sparkline),e=Math.min(...this.sparkline),i=t-e||1,r=this.sparkline.map(((t,s)=>`${s/(this.sparkline.length-1)*60},${20-(t-e)/i*20}`)).join(" ");return s("svg",{class:"list-sparkline",width:60,height:20},s("polyline",{fill:"none",stroke:"#3bf673","stroke-width":"1.5",points:r}))}getSkeletonMediaDimensions(){switch(this.size){case"sm":return{avatar:"32px",imageWidth:"36px",imageHeight:"36px",icon:"16px"};case"lg":return{avatar:"48px",imageWidth:"64px",imageHeight:"64px",icon:"24px"};default:return{avatar:"40px",imageWidth:"48px",imageHeight:"48px",icon:"20px"}}}renderSkeletonMedia(t="default"){const e=this.getSkeletonMediaDimensions();switch(t){case"image":return s("ui-skeleton",{shape:"rounded-rectangle",width:e.imageWidth,height:e.imageHeight,style:{width:e.imageWidth,height:e.imageHeight,display:"block",flexShrink:"0"},animated:!0,animationType:"wave",ariaLabel:"Loading list item media",ariaLive:"off"});case"icon":return s("ui-skeleton",{shape:"square",width:e.icon,height:e.icon,borderRadius:"6px",style:{width:e.icon,height:e.icon,display:"block",flexShrink:"0"},animated:!0,animationType:"wave",ariaLabel:"Loading list item icon",ariaLive:"off"});default:return s("ui-skeleton",{shape:"circle",width:e.avatar,height:e.avatar,style:{width:e.avatar,height:e.avatar,display:"block",flexShrink:"0"},animated:!0,animationType:"wave",ariaLabel:"Loading list item avatar",ariaLive:"off"})}}getSkeletonMediaKind(){return this.userAvatar?"avatar":this.image?"image":this.icon?"icon":this.avatarGroup&&"media"===this.avatarGroupPosition?"avatar":"default"}renderSkeletonLabel(t,e,i="14px"){return s("ui-skeleton",{shape:"text",width:t,height:i,style:{width:t,height:i,display:"block",maxWidth:"100%",alignSelf:"flex-start"},animated:!0,animationType:"wave",ariaLabel:e,ariaLive:"off"})}getSkeletonTextWidths(){switch(this.size){case"sm":return{label:"min(78%, 180px)",sublabel:"min(58%, 132px)"};case"lg":return{label:"min(82%, 320px)",sublabel:"min(62%, 220px)"};default:return{label:"min(80%, 240px)",sublabel:"min(60%, 160px)"}}}hasGhostMetadata(){return Boolean(this.metadata&&"object"==typeof this.metadata&&Object.keys(this.metadata).length>0)}shouldRenderGhostLayer(){return!this.skeleton&&(this.showGhostLayer||this.hasGhostMetadata())}renderGhostLayer(){return this.shouldRenderGhostLayer()?s("div",{class:"list-item-ghost-layer"},s("ui-popover",{trigger:"hover",placement:"top-end",variant:"light",popoverRole:"dialog",width:"320px",offset:10,strategy:"fixed",boundary:"viewport",padding:12,autoPlacement:!0,flip:!0,shift:!0,maxHeight:"none",closeOnOutsideClick:!0,closeOnBlur:!1,interactive:!0,showArrow:!0},s("button",{type:"button",slot:"trigger",class:"ghost-popover-trigger","aria-label":"Show item metadata",onMouseDown:t=>t.stopPropagation()},s("ui-icon",{name:"info-circle",library:"fontawesome"})),s("div",{slot:"content",class:"ghost-popover-content"},s("div",{class:"ghost-meta"},s("span",{class:"ghost-meta-label"},"IP"),s("span",{class:"ghost-meta-value"},this.metadata?.ip||"127.0.0.1")),s("div",{class:"ghost-meta"},s("span",{class:"ghost-meta-label"},"VER"),s("span",{class:"ghost-meta-value"},this.metadata?.version||"1.0.0")),s("div",{class:"ghost-meta"},s("span",{class:"ghost-meta-label"},"ID"),s("span",{class:"ghost-meta-value"},this.value||"N/A"))))):null}parseTagsToItems(){if(!this.tags)return[];try{const t="string"==typeof this.tags?JSON.parse(this.tags):this.tags;return Array.isArray(t)?t:[]}catch{return[]}}getCollaborators(){if(!this.avatarGroup)return[];if("string"==typeof this.avatarGroup)try{return JSON.parse(this.avatarGroup||"[]")}catch{return[]}return this.avatarGroup}getAriaExpanded(){return this.collapsible?this.expanded.toString():this.contextMenu?this.contextMenuOpen.toString():void 0}getContainerRole(){return this.interactive||this.collapsible||this.contextMenu||this.expandable?"button":void 0}getItemAriaLabel(){return this.a11yLabel?this.a11yLabel:this.skeleton?"Loading cluster node":`${this.label}, status: ${this.status}, health: ${this.progress}%`}renderPresenceHalos(){return this.presence?.length?this.presence.map(((t,e)=>s("div",{key:`presence-${t.id||e}`,class:`presence-halo presence-${t.color||"blue"}`,title:`User ${t.id} active`}))):null}renderSwipeActionButton(t,e,i){return s("button",{key:`swipe-${e}-${t.action||t.icon||i}`,type:"button",class:`swipe-action bg-${t.color}`,onClick:()=>this.swipeAction.emit({value:this.value,side:e,action:t.action})},s("ui-icon",{name:t.icon,library:"fontawesome"}))}renderSwipeActions(){return this.swipeActions&&0!==this.swipeOffset?s("div",{class:"swipe-actions-container"},this.swipeOffset>0&&s("div",{class:"swipe-action-wrapper left"},this.leftActions.length>0?this.leftActions.map(((t,e)=>this.renderSwipeActionButton(t,"left",e))):s("button",{type:"button",class:`swipe-action left bg-${this.leftActionColor}`},s("ui-icon",{name:this.leftActionIcon,library:"fontawesome"}))),this.swipeOffset<0&&s("div",{class:"swipe-action-wrapper right"},this.rightActions.length>0?this.rightActions.map(((t,e)=>this.renderSwipeActionButton(t,"right",e))):s("button",{type:"button",class:`swipe-action right bg-${this.rightActionColor}`},s("ui-icon",{name:this.rightActionIcon,library:"fontawesome"})))):null}renderMediaContent(t){return this.skeleton?this.renderSkeletonMedia(this.getSkeletonMediaKind()):this.userAvatar?s("div",{class:"list-item-avatar-container"},s("ui-avatar",{class:{"list-item-avatar":!0},src:this.userAvatar,size:"lg"===this.size?"md":"sm"}),this.status&&s("span",{class:`list-item-status status-${this.status} pos-${this.statusPosition}`})):this.image?s("div",{class:{"list-item-image":!0}},s("img",{src:this.image,alt:this.label})):this.icon?s("ui-icon",{class:"list-item-icon",name:this.icon,library:"fontawesome"}):this.avatarGroup&&"media"===this.avatarGroupPosition?s("div",{class:"list-item-media-avatar-group"},s("ui-avatar-group",{items:t,size:"xs",spacing:"-12px",limit:3})):null}renderMediaSection(t,e){return this.avatarPosition!==t?null:s("div",{class:"left"===t?"list-item-left-media":"list-item-right-media"},this.renderMediaContent(e))}renderTags(t){return!t.length||this.skeleton?null:s("div",{class:"list-item-tags"},s("ui-tag-group",{spacing:"4px",readOnly:!0},t.map(((t,e)=>s("ui-tag",{key:`tag-${"string"==typeof t?t:t.label||e}`,label:"string"==typeof t?t:t.label,color:t.color||"default",variant:t.variant||"light",size:"xs",shape:t.shape||"pill",icon:t.icon})))))}renderContent(t,e){const i=this.getSkeletonTextWidths();return s("div",{class:{"list-item-content":!0,"list-item-skeleton-content":this.skeleton}},s("div",{class:"list-item-label-wrapper"},this.showStar&&!this.skeleton&&s("ui-icon",{class:{"list-item-star-icon":!0,"is-starred":this.starred},name:"star",library:"fontawesome",onClick:t=>{t.stopPropagation(),this.starred=!this.starred,this.starToggle.emit({value:this.value,starred:this.starred}),globalThis.navigator.vibrate?.(20)}}),this.skeleton?this.renderSkeletonLabel(i.label,"Loading list item label","16px"):s("span",{class:"list-item-label"},this.renderLabel(this.label)),this.badge&&!this.skeleton&&s("span",{class:`list-item-badge badge-${this.badgeColor}`},this.badge)),(this.sublabel||this.skeleton)&&s("div",{class:{"list-item-subline":!0,"is-skeleton-subline":this.skeleton}},this.skeleton?this.renderSkeletonLabel(i.sublabel,"Loading list item sublabel","12px"):s("span",{class:"list-item-sublabel"},this.renderLabel(this.sublabel)),!this.skeleton&&this.renderSparkline()),this.progress>=0&&!this.skeleton&&s("div",{class:"list-item-progress-container"},s("div",{class:"list-item-progress-bar",style:{width:`${this.progress}%`}}),s("span",{class:"list-item-progress-text"},this.progress,"%")),this.avatarGroup&&"content"===this.avatarGroupPosition&&!this.skeleton&&s("div",{class:"list-item-collaborators"},s("ui-avatar-group",{items:e,size:"xs",spacing:"-8px"})),this.renderTags(t))}renderContextMenu(){return this.contextMenuOpen?s("div",{ref:t=>{this.contextMenuRef=t},class:"list-item-context-menu-container",style:{top:`${this.contextMenuY}px`,left:`${this.contextMenuX}px`}},s("slot",{name:"context-menu"},s("div",{class:"context-menu-default"},s("button",{type:"button",class:"context-menu-item",onClick:()=>this.closeContextMenu()},s("ui-icon",{name:"info-circle",library:"fontawesome"}),s("span",null,"View Details")),s("button",{type:"button",class:"context-menu-item",onClick:()=>this.closeContextMenu()},s("ui-icon",{name:"edit",library:"fontawesome"}),s("span",null,"Edit Item")),s("div",{class:"context-menu-divider"}),s("button",{type:"button",class:"context-menu-item danger",onClick:()=>this.closeContextMenu()},s("ui-icon",{name:"trash",library:"fontawesome"}),s("span",null,"Delete Node"))))):null}render(){const t={"list-item":!0,[`list-item-${this.size}`]:!0,[`list-item-${this.color}`]:!0,[`list-item-${this.variant}`]:!0,"list-item-selected":this.selected,"list-item-disabled":this.disabled,"list-item-readonly":this.readonly,"list-item-focused":this.isFocused,"list-item-hovered":this.isHovered,"list-item-nested":this.nested,"list-item-tree-lines":this.treeLines&&this.level>0,"list-item-grid":this.gridMode,"list-item-collapsible":this.collapsible,"list-item-expanded":this.expanded,"list-item-divider":this.divider,"list-item-dense":this.dense,"list-item-interactive":this.interactive,"list-item-link":!!this.href,"list-item-context-menu":this.contextMenu,"list-item-context-menu-open":this.contextMenuOpen,"list-item-multiline":this.multiline,"list-item-with-checkbox":this.showCheckbox,"list-item-checked":this.checked,"is-skeleton":this.skeleton,"list-item-locked":this.locked,"list-item-starred":this.starred,"list-item-expandable":this.expandable,"list-item-detail-expanded":this.expandedDetail,"is-wobbling":this.wobble,[`list-item-density-${this.density}`]:!0,[`list-item-aura-${this.status}`]:Boolean(this.auraMode&&this.status&&!this.skeleton),[`list-item-selection-${this.selectionColor}`]:this.selected&&"default"!==this.selectionColor,[`list-item-hover-${this.hoverColor}`]:"default"!==this.hoverColor,"list-item-avatar-right":"right"===this.avatarPosition},e=24*this.level,i=this.parseTagsToItems(),o=this.getCollaborators(),a=this.getAriaExpanded(),l=this.getContainerRole(),n=this.shouldRenderGhostLayer(),c={paddingLeft:`${e+(this.level>0?32:16)}px`};return n&&(c.paddingRight="lg"===this.size?"52px":"sm"===this.size?"40px":"46px"),0!==this.swipeOffset&&(c.transform=`translateX(${this.swipeOffset}px)`),s(r,{key:"b9be695a6e2ff2568aa80eb007bb75ee251c7d44",onClick:this.handleClick,onContextMenu:this.handleContextMenu,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onMouseDown:()=>{this.longPressTimer=setTimeout((()=>{this.longPress.emit({value:this.value})}),this.longPressDelay)},onMouseUp:()=>clearTimeout(this.longPressTimer),onTouchStart:this.handleTouchStart,onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchEnd,tabIndex:this.disabled?-1:0,role:l,"aria-label":this.getItemAriaLabel(),"aria-pressed":l?this.selected.toString():void 0,"aria-disabled":l&&this.disabled?"true":void 0,"aria-haspopup":l&&this.contextMenu?"menu":void 0,"aria-expanded":l?a:void 0},s("div",{key:"b25f5293ef41d9833c045a0255b615e4866b3539",class:t,style:c,part:"list-item"},this.priorityPulse&&s("div",{key:"d2e37a48d4b8a542d0aa4b96af95ce5d903b0ee6",class:"list-item-pulse"}),this.renderPresenceHalos(),this.renderGhostLayer(),this.renderPresenceCursors(),this.renderSwipeActions(),this.skeleton&&null,this.showCheckbox&&!this.skeleton&&s("div",{key:"bb535bd28a20bffeb7623bd331e259973755a1cd",class:"list-item-checkbox"},s("ui-checkbox",{key:"5a24929a68f0a00db315c24a8c3ed8a4187893fb",checked:this.checked,disabled:this.disabled,readonly:this.readonly,onCheckboxChange:t=>this.handleCheckboxChange(t),size:"sm"})),this.collapsible&&!this.contextMenu&&!this.skeleton&&s("ui-icon",{key:"cee544048870b99d5da5e54043acdcba90d493e3",class:"collapse-icon",name:this.expanded?"chevron-down":"chevron-right",library:"fontawesome"}),this.renderMediaSection("left",o),this.renderContent(i,o),s("slot",{key:"45f68fd7931c1c3f1b0e156b8e538f76e18b857d"}),this.renderMediaSection("right",o),this.avatarGroup&&"right"===this.avatarGroupPosition&&!this.skeleton&&s("div",{key:"09a39760ebb4fe11d93598a9a5bec29a5e83dfae",class:"list-item-right-collaborators"},s("ui-avatar-group",{key:"0f0dc6645c37825bd6637ff18bebc47bced1eb3a",items:o,size:"xs",spacing:"-8px"})),""!==this.counter&&!this.skeleton&&s("span",{key:"74dcd244ba0ef99c1331f6d8a636e0e57ca92516",class:{"list-item-counter":!0,[`counter-${this.counterColor}`]:"default"!==this.counterColor},part:"counter"},this.counter),this.locked&&!this.skeleton&&s("ui-icon",{key:"de12bb2a48f98507af009d76b2704771b1702f4b",class:"list-item-lock-icon",name:"lock",library:"fontawesome",onClick:t=>{t.stopPropagation(),this.wobble=!0,setTimeout((()=>this.wobble=!1),400)}}),this.showMenu&&!this.skeleton&&s("button",{key:"b654fbb2fefe5ea30475f6993b5647d0d6770a7b",type:"button",class:"list-item-menu",onClick:t=>{t.stopPropagation(),this.toggleContextMenu(t)}},s("ui-icon",{key:"808303a454a47c6f1053bda6f20292d30f6c1577",name:"ellipsis-v",library:"fontawesome"}))),this.collapsible&&s("div",{key:"f8e93ec052234d8350044a9d62b86c89bd76df5b",class:{"list-item-children":!0,"is-collapsed":!this.expanded},"aria-hidden":(!this.expanded).toString()},s("slot",{key:"4dd4214df4dfb716cb67c63709f9c50527822f65",name:"children"})),this.renderContextMenu(),this.expandable&&s("div",{key:"a9ec15208be52ce95ed34ec4e0cd59b15116ee44",class:{"list-item-detail-panel":!0,"is-expanded":this.expandedDetail}},s("slot",{key:"e7c0c56505d51902b915016dcad989e2856debc4",name:"detail"})))}static get style(){return'.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;overflow:visible}.list-item{display:flex;align-items:center;padding:6px 8px;cursor:pointer;transition:all 0.2s ease;user-select:none;outline:none;position:relative;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.list-item:focus{outline:2px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);outline-offset:-2px}.collapse-icon{font-size:0.75rem;transition:transform 0.2s ease;color:var(--text-muted, #6b7280)}.list-item-icon{font-size:1.25rem;flex-shrink:0;transition:color 0.2s ease}.list-item-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-secondary, #f1f5f9)}.list-item-avatar img{width:100%;height:100%;object-fit:cover}.list-item-image{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-secondary, #f1f5f9)}.list-item-image img{width:100%;height:100%;object-fit:cover}.skeleton-pulse{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:list-skeleton-shimmer 1.5s infinite;pointer-events:none;z-index:10}.skeleton-text{height:0.8em;background:var(--bg-pressed, #e2e8f0);border-radius:4px;width:80%;display:inline-block;position:relative;overflow:hidden}.skeleton-text.list-item-sublabel{width:60%;margin-top:4px}.skeleton-circle{background:var(--bg-pressed, #e2e8f0);border-radius:50%;position:relative;overflow:hidden}.skeleton-rect{background:var(--bg-pressed, #e2e8f0);border-radius:8px;position:relative;overflow:hidden}@keyframes list-skeleton-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.is-skeleton{pointer-events:none;background:transparent !important;border-color:var(--border-subtle, #f1f5f9) !important;transform:none !important}.list-item-highlight{background:var(--bg-primary, #dcfce7);color:var(--color-success, #166534);padding:0 2px;border-radius:2px;font-weight:700}.list-item-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.list-item-subline{display:flex;align-items:center;gap:8px;min-width:0}.list-item-skeleton-content{align-items:flex-start;justify-content:center;gap:6px;width:100%}.list-item-skeleton-content .list-item-label-wrapper,.list-item-skeleton-content .list-item-subline{width:100%;min-width:0;overflow:visible}.list-item-skeleton-content .list-item-label-wrapper{align-items:flex-start}.list-item-skeleton-content .list-item-subline{margin-top:0}.list-item-skeleton-content ui-skeleton{display:block;max-width:100%;min-width:0;flex-shrink:0}.list-item-label-wrapper{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.list-item-label{font-size:1rem;color:var(--text-secondary, #374151);transition:color 0.2s ease;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-sublabel{font-size:0.875rem;color:var(--text-muted, #6b7280);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-multiline .list-item-content{padding:4px 0}.list-item-multiline .list-item-label{white-space:normal;line-height:1.5;word-wrap:break-word;word-break:break-word}.list-item-multiline .list-item-sublabel{white-space:normal;line-height:1.5;word-wrap:break-word;word-break:break-word}.list-item-action-icon{font-size:1.125rem;flex-shrink:0;padding:4px;border-radius:4px;transition:all 0.2s ease}.list-item-action-icon:hover{background:rgba(0, 0, 0, 0.05)}.list-item-action-icon:active{transform:scale(0.95)}.list-item-sm{padding:8px 12px;gap:8px}.list-item-sm .list-item-avatar{width:32px;height:32px}.list-item-sm .list-item-image{width:36px;height:36px}.list-item-sm .list-item-icon{font-size:1rem}.list-item-sm .list-item-label{font-size:0.875rem}.list-item-sm .list-item-action-icon{font-size:1rem}.list-item-sm .list-item-checkbox .checkbox-icon{font-size:1rem}.list-item-sm .list-item-ghost-layer{top:6px;right:6px}.list-item-sm .ghost-popover-trigger{width:18px;height:18px}.list-item-sm .ghost-popover-trigger ui-icon{font-size:0.625rem}.list-item-sm .ghost-meta{font-size:0.5625rem}.list-item-sm .list-item-badge{font-size:0.625rem;padding:1px 6px}.list-item-sm .list-item-counter{min-width:16px;height:16px;font-size:0.625rem}.list-item-sm .pill{padding:2px 8px;font-size:0.625rem}.list-item-sm .tag{padding:1px 6px;font-size:0.625rem}.list-item-sm .list-item-sublabel{font-size:0.75rem}.list-item-filled.list-item-primary{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.05);border-color:rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.list-item-filled.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.list-item-filled.list-item-secondary{background:rgba(107, 114, 128, 0.05);border-color:rgba(107, 114, 128, 0.2)}.list-item-filled.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.1)}.list-item-filled.list-item-success{background:rgba(22, 163, 74, 0.05);border-color:rgba(22, 163, 74, 0.2)}.list-item-filled.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.1)}.list-item-filled.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05);border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.2)}.list-item-filled.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.1)}.list-item-filled.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05);border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.2)}.list-item-filled.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1)}.list-item-filled.list-item-info{background:rgba(8, 145, 178, 0.05);border-color:rgba(8, 145, 178, 0.2)}.list-item-filled.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.1)}.list-item-outlined{background:transparent;border:1px solid var(--border-default, #e5e7eb);margin-bottom:2px;border-radius:6px}.list-item-outlined:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.02);border-color:var(--border-strong, #d1d5db)}.list-item-outlined.list-item-primary{border-color:rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.list-item-outlined.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.05);border-color:rgba(var(--color-primary-rgb, 59, 130, 246), 0.5)}.list-item-outlined.list-item-secondary{border-color:rgba(107, 114, 128, 0.3)}.list-item-outlined.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.05);border-color:rgba(107, 114, 128, 0.5)}.list-item-outlined.list-item-success{border-color:rgba(22, 163, 74, 0.3)}.list-item-outlined.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.05);border-color:rgba(22, 163, 74, 0.5)}.list-item-outlined.list-item-danger{border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.3)}.list-item-outlined.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05);border-color:rgba(var(--color-danger-rgb, 220, 38, 38), 0.5)}.list-item-outlined.list-item-warning{border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.3)}.list-item-outlined.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05);border-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.5)}.list-item-outlined.list-item-info{border-color:rgba(8, 145, 178, 0.3)}.list-item-outlined.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.05);border-color:rgba(8, 145, 178, 0.5)}.list-item-soft{background:rgba(0, 0, 0, 0.02);border-radius:6px;margin-bottom:2px}.list-item-soft:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.05)}.list-item-soft.list-item-primary{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.08)}.list-item-soft.list-item-primary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.12)}.list-item-soft.list-item-secondary{background:rgba(107, 114, 128, 0.08)}.list-item-soft.list-item-secondary:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(107, 114, 128, 0.12)}.list-item-soft.list-item-success{background:rgba(22, 163, 74, 0.08)}.list-item-soft.list-item-success:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(22, 163, 74, 0.12)}.list-item-soft.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.08)}.list-item-soft.list-item-danger:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.12)}.list-item-soft.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.08)}.list-item-soft.list-item-warning:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.12)}.list-item-soft.list-item-info{background:rgba(8, 145, 178, 0.08)}.list-item-soft.list-item-info:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(8, 145, 178, 0.12)}.list-item-default .list-item-icon{color:var(--text-muted, #6b7280)}.list-item-primary .list-item-icon{color:var(--color-primary, #3b82f6)}.list-item-secondary .list-item-icon{color:var(--text-muted, #6b7280)}.list-item-success .list-item-icon{color:var(--color-success, #16a34a)}.list-item-danger .list-item-icon{color:var(--color-danger-hover, #dc2626)}.list-item-warning .list-item-icon{color:var(--color-warning, #f59e0b)}.list-item-info .list-item-icon{color:var(--color-info-hover, #0891b2)}.list-item-text.list-item-selected.list-item-primary{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.08)}.list-item-text.list-item-selected.list-item-primary .list-item-icon,.list-item-text.list-item-selected.list-item-primary .list-item-label{color:var(--color-primary, #3b82f6);font-weight:600}.list-item-text.list-item-selected.list-item-secondary{background:rgba(107, 114, 128, 0.08)}.list-item-text.list-item-selected.list-item-secondary .list-item-icon,.list-item-text.list-item-selected.list-item-secondary .list-item-label{color:var(--text-secondary, #4b5563);font-weight:600}.list-item-text.list-item-selected.list-item-success{background:rgba(22, 163, 74, 0.08)}.list-item-text.list-item-selected.list-item-success .list-item-icon,.list-item-text.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #16a34a);font-weight:600}.list-item-text.list-item-selected.list-item-danger{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.08)}.list-item-text.list-item-selected.list-item-danger .list-item-icon,.list-item-text.list-item-selected.list-item-danger .list-item-label{color:var(--color-danger-hover, #dc2626);font-weight:600}.list-item-text.list-item-selected.list-item-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.08)}.list-item-text.list-item-selected.list-item-warning .list-item-icon,.list-item-text.list-item-selected.list-item-warning .list-item-label{color:var(--color-warning-hover, #d97706);font-weight:600}.list-item-text.list-item-selected.list-item-info{background:rgba(8, 145, 178, 0.08)}.list-item-text.list-item-selected.list-item-info .list-item-icon,.list-item-text.list-item-selected.list-item-info .list-item-label{color:var(--color-info-hover, #0891b2);font-weight:600}.list-item-text.list-item-selected.list-item-default{background:var(--bg-selected, rgba(107, 114, 128, 0.15))}.list-item-text.list-item-selected.list-item-default .list-item-label{font-weight:600}.list-item-filled.list-item-selected.list-item-primary{background:var(--bg-selected, var(--color-primary-subtle, rgba(59, 130, 246, 0.12)));border-color:var(--color-primary, #3b82f6)}.list-item-filled.list-item-selected.list-item-primary .list-item-icon,.list-item-filled.list-item-selected.list-item-primary .list-item-label{color:var(--color-primary, #3b82f6);font-weight:600}.list-item-filled.list-item-selected.list-item-success{background:var(--bg-primary, #dcfce7);border-color:var(--color-success, #16a34a)}.list-item-filled.list-item-selected.list-item-success .list-item-icon,.list-item-filled.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #166534);font-weight:600}.list-item-filled.list-item-selected.list-item-danger{background:var(--bg-primary, #fee2e2);border-color:var(--color-danger-hover, #dc2626)}.list-item-filled.list-item-selected.list-item-danger .list-item-icon,.list-item-filled.list-item-selected.list-item-danger .list-item-label{color:var(--color-danger, #991b1b);font-weight:600}.list-item-outlined.list-item-selected.list-item-primary{border-color:var(--color-primary, #3b82f6);border-width:2px}.list-item-outlined.list-item-selected.list-item-primary .list-item-icon,.list-item-outlined.list-item-selected.list-item-primary .list-item-label{color:var(--color-primary, #3b82f6);font-weight:600}.list-item-outlined.list-item-selected.list-item-success{border-color:var(--color-success, #16a34a);border-width:2px}.list-item-outlined.list-item-selected.list-item-success .list-item-icon,.list-item-outlined.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #16a34a);font-weight:600}.list-item-soft.list-item-selected.list-item-primary{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.12)}.list-item-soft.list-item-selected.list-item-primary .list-item-icon,.list-item-soft.list-item-selected.list-item-primary .list-item-label{color:var(--color-primary, #3b82f6);font-weight:600}.list-item-selected{border-radius:8px}.list-item-soft.list-item-selected.list-item-success{background:rgba(22, 163, 74, 0.12);border-radius:8px}.list-item-soft.list-item-selected.list-item-success .list-item-icon,.list-item-soft.list-item-selected.list-item-success .list-item-label{color:var(--color-success, #15803d);font-weight:600}.list-item-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.list-item-readonly{cursor:default}.list-item-divider::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--bg-primary, #e5e7eb)}.list-item-link .list-item-label{text-decoration:none}.list-item-link:hover .list-item-label{text-decoration:underline}.list-item-interactive{cursor:pointer}.list-item:not(.list-item-interactive){cursor:default}.list-item-children{display:flex;flex-direction:column;overflow:hidden;max-height:2000px;transition:max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;opacity:1}.list-item-children.is-collapsed{max-height:0;opacity:0;pointer-events:none}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.list-item-focused{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.list-item-hovered:not(.list-item-disabled):not(.list-item-readonly){border-radius:8px;box-shadow:0 8px 18px rgba(15, 23, 42, 0.08)}.list-item-context-menu{position:relative}.list-item-context-menu .list-item-context-icon{font-size:0.875rem;color:var(--text-muted, #9ca3af);margin-left:auto;transition:transform 0.2s ease}.list-item-context-menu.list-item-context-menu-open .list-item-context-icon{transform:rotate(90deg)}.list-item-context-menu:hover .list-item-context-icon{color:var(--text-muted, #6b7280)}.context-menu{min-width:200px;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);padding:8px 0;animation:contextMenuFadeIn 0.15s ease-out;overflow:hidden;max-height:400px;overflow-y:auto}.context-menu ::slotted(ui-list-item){margin:0;border-radius:0}.context-menu::-webkit-scrollbar{width:6px}.context-menu::-webkit-scrollbar-track{background:transparent}.context-menu::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:3px}.context-menu::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #9ca3af)}@keyframes contextMenuFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.context-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:transparent}.list-item-checkbox{display:flex;align-items:center;cursor:pointer;margin-right:4px}.list-item-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.list-item-checkbox .checkbox-icon{font-size:1.25rem;color:var(--text-muted, #9ca3af);transition:all 0.2s ease}.list-item-checkbox:hover .checkbox-icon{color:var(--text-muted, #6b7280)}.list-item-checked .checkbox-icon{color:var(--color-success, #3dcd58) !important}.list-item-disabled .list-item-checkbox,.list-item-readonly .list-item-checkbox{cursor:not-allowed;opacity:0.5}.list-item-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;line-height:1;white-space:nowrap}.list-item-badge.badge-default{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.list-item-badge.badge-primary{background:var(--bg-primary, #d1fae5);color:var(--color-success, #009B4E)}.list-item-badge.badge-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #4b5563)}.list-item-badge.badge-success{background:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.list-item-badge.badge-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.list-item-badge.badge-warning{background:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.list-item-badge.badge-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.list-item-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:0.75rem;font-weight:600;line-height:1;margin-left:auto;flex-shrink:0}.list-item-counter.counter-primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.list-item-counter.counter-secondary{background:var(--text-muted, #6b7280);color:var(--text-standard, #ffffff)}.list-item-counter.counter-success{background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff)}.list-item-counter.counter-danger{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.list-item-counter.counter-warning{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.list-item-counter.counter-info{background:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.list-item-right{display:flex;align-items:center;flex-direction:column;gap:6px;margin-left:auto;flex-shrink:0;max-width:50%;overflow:hidden}.list-item-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.list-item-pills::-webkit-scrollbar{height:4px}.list-item-pills::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:2px}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.pill i{font-size:0.75rem}.pill:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.pill:active{transform:translateY(0)}.pill.pill-default{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.pill.pill-default:hover{background:var(--bg-primary, #e5e7eb)}.pill.pill-primary{background:var(--bg-primary, #d1fae5);color:var(--color-success, #009B4E)}.pill.pill-primary:hover{background:var(--color-success, #a7f3d0)}.pill.pill-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #4b5563)}.pill.pill-secondary:hover{background:var(--bg-primary, #e5e7eb)}.pill.pill-success{background:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.pill.pill-success:hover{background:var(--color-success, #a7f3d0)}.pill.pill-danger{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.pill.pill-danger:hover{background:var(--color-danger, #fecaca)}.pill.pill-warning{background:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.pill.pill-warning:hover{background:var(--color-primary, #fde68a)}.pill.pill-info{background:var(--bg-primary, #e0f2fe);color:var(--color-primary, #075985)}.pill.pill-info:hover{background:var(--color-primary, #bae6fd)}.list-item-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.list-item-tags::-webkit-scrollbar{height:4px}.list-item-tags::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:2px}.tag{display:inline-flex;align-items:center;padding:2px 8px;background:var(--bg-secondary, #f3f4f6);color:var(--text-muted, #6b7280);border-radius:4px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.tag:hover{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.tag:active{transform:scale(0.95)}.list-item-lg{padding:16px 20px;gap:14px}.list-item-lg .list-item-avatar{width:48px;height:48px}.list-item-lg .list-item-image{width:64px;height:64px}.list-item-lg .list-item-icon{font-size:1.5rem}.list-item-lg .list-item-label{font-size:1.125rem}.list-item-lg .list-item-action-icon{font-size:1.25rem}.list-item-lg .list-item-checkbox .checkbox-icon{font-size:1.5rem}.list-item-lg .list-item-ghost-layer{top:10px;right:10px}.list-item-lg .ghost-popover-trigger{width:24px;height:24px}.list-item-lg .ghost-popover-trigger ui-icon{font-size:0.8125rem}.list-item-lg .ghost-meta{font-size:0.6875rem}.list-item-lg .list-item-badge{font-size:0.875rem;padding:3px 10px}.list-item-lg .list-item-counter{min-width:24px;height:24px;font-size:0.875rem}.list-item-lg .pill{padding:6px 12px;font-size:0.875rem}.list-item-lg .tag{padding:3px 10px;font-size:0.875rem}.list-item-lg .list-item-sublabel{font-size:1rem}.list-item-md{padding:12px 16px;gap:12px}.list-item-dense{padding:6px 12px;gap:8px}.list-item-dense .list-item-label{font-size:0.875rem}.list-item-text{background:transparent}.list-item-text:hover:not(.list-item-disabled):not(.list-item-readonly){background:rgba(0, 0, 0, 0.04)}.list-item-filled{background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);margin-bottom:2px;border-radius:6px}.list-item-filled:hover:not(.list-item-disabled):not(.list-item-readonly){background:var(--bg-primary, #f9fafb);border-color:var(--border-strong, #d1d5db)}.list-item-left-media{display:flex;align-items:center;gap:inherit;flex-shrink:0}.list-item-left-media ui-skeleton{flex-shrink:0}.list-item-right-media{display:flex;align-items:center;gap:inherit;flex-shrink:0;margin-left:12px}.list-item-right-media ui-skeleton{flex-shrink:0}.list-item-avatar-right .list-item-counter,.list-item-avatar-right .list-item-action-icon,.list-item-avatar-right .list-item-context-icon{margin-left:8px}.list-item-avatar-right .list-item-right-media{margin-left:auto}:host .list-item.list-item-selection-primary.list-item-selected{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.12) !important;border-color:var(--color-success, #3dcd58) !important}:host .list-item.list-item-selection-primary.list-item-selected .list-item-label{color:var(--color-success, #009B4E) !important}:host .list-item.list-item-selection-primary.list-item-selected .list-item-icon{color:var(--color-success, #009B4E) !important}:host .list-item.list-item-selection-secondary.list-item-selected{background:rgba(107, 114, 128, 0.12) !important;border-color:var(--color-primary, #6b7280) !important}:host .list-item.list-item-selection-secondary.list-item-selected .list-item-label{color:var(--color-primary, #4b5563) !important}:host .list-item.list-item-selection-secondary.list-item-selected .list-item-icon{color:var(--color-primary, #4b5563) !important}:host .list-item.list-item-selection-success.list-item-selected{background:rgba(22, 163, 74, 0.12) !important;border-color:var(--color-success, #16a34a) !important}:host .list-item.list-item-selection-success.list-item-selected .list-item-label{color:var(--color-success, #15803d) !important}:host .list-item.list-item-selection-success.list-item-selected .list-item-icon{color:var(--color-success, #15803d) !important}:host .list-item.list-item-selection-danger.list-item-selected{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.12) !important;border-color:var(--color-danger-hover, #dc2626) !important}:host .list-item.list-item-selection-danger.list-item-selected .list-item-label{color:var(--color-danger, #991b1b) !important}:host .list-item.list-item-selection-danger.list-item-selected .list-item-icon{color:var(--color-danger, #991b1b) !important}:host .list-item.list-item-selection-warning.list-item-selected{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.12) !important;border-color:var(--color-warning, #f59e0b) !important}:host .list-item.list-item-selection-warning.list-item-selected .list-item-label{color:var(--color-danger, #92400e) !important}:host .list-item.list-item-selection-warning.list-item-selected .list-item-icon{color:var(--color-danger, #92400e) !important}:host .list-item.list-item-selection-info.list-item-selected{background:rgba(8, 145, 178, 0.12) !important;border-color:var(--color-info-hover, #0891b2) !important}:host .list-item.list-item-selection-info.list-item-selected .list-item-label{color:var(--color-primary, #075985) !important}:host .list-item.list-item-selection-info.list-item-selected .list-item-icon{color:var(--color-primary, #075985) !important}:host .list-item.list-item-hover-primary:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-success-rgb, 61, 205, 88), 0.05) !important}:host .list-item.list-item-hover-secondary:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(107, 114, 128, 0.05) !important}:host .list-item.list-item-hover-success:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(22, 163, 74, 0.05) !important}:host .list-item.list-item-hover-danger:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.05) !important}:host .list-item.list-item-hover-warning:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.05) !important}:host .list-item.list-item-hover-info:hover:not(.list-item-selected):not(.list-item-disabled){background:rgba(8, 145, 178, 0.05) !important}:host .list-item[style*=transform]{transition:transform 0.1s ease-out}.list-item-lock-icon{font-size:0.875rem;color:var(--text-muted, #9ca3af);margin-left:12px;flex-shrink:0}.list-item-menu-icon{font-size:1rem;color:var(--text-muted, #6b7280);margin-left:8px;padding:6px;border-radius:6px;transition:all 0.2s ease;flex-shrink:0;cursor:pointer}.list-item-menu-icon:hover{background:rgba(0, 0, 0, 0.08);color:var(--text-primary, #1f2937)}.list-item-menu-icon:active{transform:scale(0.9)}.list-item-locked{cursor:default !important}.list-item-locked .list-item-label{color:var(--text-muted, #9ca3af) !important}.list-item-locked .list-item-icon{opacity:0.5}.list-item-locked:hover{transform:none !important;background:transparent !important}.swipe-actions-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;z-index:-1;overflow:hidden;border-radius:inherit}.swipe-action{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-standard, #ffffff);transition:opacity 0.2s ease}.swipe-action ui-icon{font-size:1.5rem}.swipe-action.left{justify-content:flex-start;padding-left:24px;background-color:var(--color-success, #10b981)}.swipe-action.right{justify-content:flex-end;padding-right:24px;background-color:var(--color-danger, #ef4444)}.bg-success{background-color:var(--color-success, #10b981)}.bg-danger{background-color:var(--color-danger, #ef4444)}.bg-warning{background-color:var(--color-warning, #f59e0b)}.bg-info{background-color:var(--color-primary, #10b981)}.bg-primary{background-color:var(--color-success, #3dcd58)}.list-item-grid{flex-direction:column !important;align-items:center !important;text-align:center;padding:24px 16px !important;border:1px solid var(--border-subtle, #f1f5f9);border-radius:16px !important;background:var(--bg-primary, #ffffff);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05)}.list-item-grid:hover{transform:translateY(-4px) !important;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);border-color:var(--color-primary, #10b981)}.list-item-grid .list-item-avatar,.list-item-grid .list-item-image{width:64px !important;height:64px !important;margin-bottom:16px}.list-item-grid .list-item-content{align-items:center;width:100%}.list-item-grid .list-item-label{font-size:1.125rem;font-weight:700}.list-item-grid .list-item-collaborators{margin-top:12px}.list-item-tree-lines{position:relative;--list-item-tree-line-color:var(--text-muted, #6b7280)}.list-item-tree-lines::before{content:"";position:absolute;left:26px;top:-12px;bottom:50%;width:2px;background:var(--list-item-tree-line-color)}.list-item-tree-lines::after{content:"";position:absolute;left:26px;top:50%;width:16px;height:2px;background:var(--list-item-tree-line-color);border-radius:0 2px 2px 0}.list-item-collaborators{display:flex;align-items:center;margin-top:4px}.list-item.focused-item{outline:2px solid var(--color-primary, #10b981);outline-offset:-2px;background:var(--bg-primary, #eff6ff)}.list-item-avatar-container{position:relative;display:inline-flex}.list-item-status{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-primary, #ffffff);z-index:2}.list-item-status.pos-bottom-right{bottom:0;right:0}.list-item-status.pos-top-right{top:0;right:0}.list-item-status.status-online{background:var(--color-success, #10b981)}.list-item-status.status-busy{background:var(--color-danger, #ef4444)}.list-item-status.status-away{background:var(--color-warning, #f59e0b)}.list-item-status.status-offline{background:var(--color-primary, #94a3b8)}.list-item-status.status-online::after{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:50%;animation:pulseStatus 2s infinite;opacity:0.6;left:0;top:0}@keyframes pulseStatus{0%{transform:scale(1);opacity:0.6}100%{transform:scale(3);opacity:0}}.list-item-progress-container{display:flex;align-items:center;gap:8px;margin-top:6px;width:100%}.list-item-progress-container .list-item-progress-bar{height:4px;background:var(--color-primary, #10b981);border-radius:2px;transition:width 0.3s ease}.list-item-progress-container .list-item-progress-text{font-size:10px;font-weight:700;color:var(--text-muted, #64748b)}.list-item-star-icon{font-size:0.875rem;color:var(--color-primary, #cbd5e1);margin-right:8px;cursor:pointer;transition:all 0.2s}.list-item-star-icon:hover{color:var(--color-primary, #94a3b8);transform:scale(1.1)}.list-item-star-icon.is-starred{color:var(--color-warning, #f59e0b) !important}.list-item-expandable-section{width:100%;background:var(--bg-primary, #f8fafc);overflow:hidden;border-top:1px solid var(--border-subtle, #f1f5f9);animation:expandDetail 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.list-item-expandable-section .expandable-detail-content{padding:16px 24px 16px 56px}@keyframes expandDetail{from{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.list-item-media-avatar-group{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.list-item-right-collaborators{display:flex;align-items:center;margin-left:auto;margin-right:12px}.is-wobbling{animation:wobbleNo 0.4s ease-in-out}@keyframes wobbleNo{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.list-item-pulse{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0);animation:etherealPulse 2s infinite;z-index:1}@keyframes etherealPulse{0%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0.4)}70%{box-shadow:0 0 0 12px rgba(var(--color-danger-rgb, 239, 68, 68), 0)}100%{box-shadow:0 0 0 0 rgba(var(--color-danger-rgb, 239, 68, 68), 0)}}.list-item-ghost-layer{position:absolute;top:8px;right:8px;z-index:6;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity 0.18s ease, transform 0.18s ease, z-index 0s}.list-item-ghost-layer:hover,.list-item-ghost-layer:focus-within{z-index:100}.list-item-ghost-layer ui-popover{--ghost-popover-bg:var(--bg-primary, #ffffff);--ghost-popover-surface-bg:var(--bg-primary, #ffffff);--ghost-popover-header-bg:var(--bg-primary, #ffffff);--ghost-popover-body-bg:var(--bg-primary, #ffffff);--ghost-popover-border:var(--border-default, #e5e7eb);--ghost-popover-text-primary:var(--text-primary, #0f172a);--ghost-popover-text-secondary:var(--text-secondary, #475569);--ghost-popover-footer-bg:var(--bg-secondary, #f8fafc)}.ghost-popover-trigger{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid rgba(148, 163, 184, 0.3);border-radius:999px;background:rgba(15, 23, 42, 0.88);box-shadow:0 10px 24px rgba(15, 23, 42, 0.28);color:rgba(255, 255, 255, 0.98);backdrop-filter:blur(8px);cursor:pointer;opacity:1;transition:transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease}.ghost-popover-trigger:hover,.ghost-popover-trigger:focus-visible{background:rgba(15, 23, 42, 0.96);border-color:rgba(191, 219, 254, 0.56);transform:translateY(-1px);box-shadow:0 12px 28px rgba(15, 23, 42, 0.34);outline:none}.ghost-popover-trigger ui-icon{font-size:0.8125rem;pointer-events:none}.ghost-popover-content{display:flex;flex-direction:column;gap:10px;min-width:0;min-width:280px;max-width:min(320px, 100vw - 32px)}.ghost-meta{display:grid;grid-template-columns:56px minmax(0, 1fr);gap:10px;align-items:start;font-size:0.75rem;line-height:1.4}.ghost-meta-label{font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-secondary, #475569)}.ghost-meta-value{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.8125rem;font-weight:700;color:var(--text-primary, #0f172a);overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.ghost-popover-content .ghost-meta+.ghost-meta{padding-top:8px;border-top:1px solid var(--border-default, rgba(148, 163, 184, 0.18))}.presence-halo{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-primary, #ffffff);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.presence-halo.presence-blue{background:var(--color-primary, #10b981)}.presence-halo.presence-purple{background:var(--color-primary, #a855f7)}.list-item-density-compact{padding-top:4px !important;padding-bottom:4px !important;min-height:40px}.list-item-density-compact .list-item-ghost-layer{top:5px;right:5px}.list-item-density-compact .ghost-popover-trigger{width:16px;height:16px}.list-item-density-compact .ghost-popover-trigger ui-icon{font-size:0.5625rem}.list-item-density-compact .list-item-sublabel,.list-item-density-compact .list-item-tags,.list-item-density-compact .list-item-progress-container{display:none}.list-item-density-compact .list-item-avatar-container,.list-item-density-compact ui-avatar{transform:scale(0.8)}.list-item-density-cozy{padding-top:20px !important;padding-bottom:20px !important}.list-item-density-cozy .list-item-label{font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a)}.list-item-density-cozy .list-item-avatar-container,.list-item-density-cozy ui-avatar{transform:scale(1.15)}.list-item-context-menu-container{position:fixed;z-index:100000;min-width:180px;background:var(--bg-tertiary, rgba(15, 23, 42, 0.95));backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border-default, rgba(255, 255, 255, 0.08));border-radius:12px;box-shadow:0 10px 30px -5px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.05);padding:6px;animation:contextMenuFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);overflow:hidden;box-sizing:border-box}@keyframes contextMenuFadeIn{from{opacity:0;transform:scale(0.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-default{display:flex;flex-direction:column;gap:2px;width:100%}.context-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:0.8125rem;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, 0.85));cursor:pointer;transition:all 0.15s ease;user-select:none}.context-menu-item ui-icon{font-size:1rem;color:var(--text-muted, rgba(255, 255, 255, 0.5));transition:color 0.15s ease}.context-menu-item span{color:inherit}.context-menu-item:hover{background:var(--bg-hover, rgba(255, 255, 255, 0.08));color:var(--text-primary, #ffffff)}.context-menu-item:hover ui-icon{color:var(--text-primary, #ffffff);transform:scale(1.05)}.context-menu-item:active{transform:scale(0.98)}.context-menu-item.danger{color:var(--color-danger, #fca5a5)}.context-menu-item.danger ui-icon{color:var(--color-danger, #ef4444)}.context-menu-item.danger:hover{background:rgba(239, 68, 68, 0.12);color:var(--color-danger, #ef4444)}.context-menu-item.danger:hover ui-icon{color:var(--color-danger, #ef4444)}.context-menu-divider{height:1px;background:var(--border-default, rgba(255, 255, 255, 0.08));margin:4px 6px}'}},[769,"ui-list-item",{selected:[1028],disabled:[4],readonly:[4],label:[1],value:[1],icon:[1],actionIcon:[1,"action-icon"],size:[1],color:[1],variant:[1],nested:[4],level:[2],collapsible:[4],expanded:[1028],divider:[4],dense:[4],interactive:[4],href:[1],target:[1],contextMenu:[4,"context-menu"],contextMenuTrigger:[1,"context-menu-trigger"],contextMenuPosition:[1,"context-menu-position"],showCheckbox:[4,"show-checkbox"],checked:[1028],sublabel:[1],multiline:[4],badge:[1],badgeColor:[1,"badge-color"],counter:[8],counterColor:[1,"counter-color"],tags:[1],image:[1],userAvatar:[1,"user-avatar"],skeleton:[4],highlight:[1],selectionColor:[1,"selection-color"],hoverColor:[1,"hover-color"],avatarPosition:[1,"avatar-position"],showMenu:[4,"show-menu"],rightActionColor:[1,"right-action-color"],avatarGroup:[1,"avatar-group"],avatarGroupPosition:[1,"avatar-group-position"],treeLines:[4,"tree-lines"],gridMode:[4,"grid-mode"],longPressDelay:[2,"long-press-delay"],locked:[4],swipeActions:[4,"swipe-actions"],swipeBehavior:[1,"swipe-behavior"],leftActionIcon:[1,"left-action-icon"],leftActionColor:[1,"left-action-color"],rightActionIcon:[1,"right-action-icon"],progress:[2],status:[1],statusPosition:[1,"status-position"],showStar:[4,"show-star"],leftActions:[16],rightActions:[16],fullSwipeThreshold:[2,"full-swipe-threshold"],starred:[1028],expandable:[4],expandedDetail:[1028,"expanded-detail"],wobble:[1028],priorityPulse:[4,"priority-pulse"],presence:[16],density:[1],sparkline:[16],metadata:[8],showGhostLayer:[4,"show-ghost-layer"],auraMode:[4,"aura-mode"],presenceCursors:[16],a11yLabel:[1,"a-1-1y-label"],isFocused:[32],isHovered:[32],contextMenuOpen:[32],contextMenuX:[32],contextMenuY:[32],swipeOffset:[32],showStatusEditor:[32],ghostPopoverVariant:[32],focusItem:[64]}]);function y(){"undefined"!=typeof customElements&&["ui-list-item","ui-avatar","ui-avatar-group","ui-badge","ui-button","ui-checkbox","ui-icon","ui-input","ui-loader","ui-popover","ui-skeleton","ui-stack","ui-tag","ui-tag-group"].forEach((t=>{switch(t){case"ui-list-item":customElements.get(o(t))||customElements.define(o(t),v);break;case"ui-avatar":customElements.get(o(t))||a();break;case"ui-avatar-group":customElements.get(o(t))||l();break;case"ui-badge":customElements.get(o(t))||n();break;case"ui-button":customElements.get(o(t))||c();break;case"ui-checkbox":customElements.get(o(t))||m();break;case"ui-icon":customElements.get(o(t))||d();break;case"ui-input":customElements.get(o(t))||h();break;case"ui-loader":customElements.get(o(t))||p();break;case"ui-popover":customElements.get(o(t))||g();break;case"ui-skeleton":customElements.get(o(t))||b();break;case"ui-stack":customElements.get(o(t))||u();break;case"ui-tag":customElements.get(o(t))||f();break;case"ui-tag-group":customElements.get(o(t))||x()}}))}export{v as A,y as d}

package/dist/components/lm-container2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,h as e,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./lm-panel2.js";import{d as l}from"./lm-splitter2.js";import{d as a}from"./lm-tabs2.js";import{d as r,a as s}from"./badge.js";import{d as m}from"./icon.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost()}node;activeTabId;renderChild(t,i){return"tabs"!==this.node.type||t.id===this.activeTabId||0===i&&!this.activeTabId||t.id===this.activeTabId?"panel"===t.type?e("lm-panel",{panel:t}):e("lm-container",{node:t}):null}render(){if(!this.node)return e("div",{class:"lm-container lm-empty"},"No configuration node provided");const t=`lm-container lm-${this.node.type}`;if("tabs"===this.node.type||"nav"===this.node.type||"single"===this.node.type){if("single"===this.node.type){const i=this.node.children[0];return e("div",{class:t,"data-id":this.node.id},i?this.renderChild(i,0):e("div",{class:"lm-empty-single"},"Empty"))}const i=this.activeTabId||(this.node.children[0]?this.node.children[0].id:null),n="nav"===this.node.type;return e("div",{class:`${t} ${n?"lm-nav-layout":""}`,"data-id":this.node.id},e("lm-tabs",{panels:this.node.children,activeTabId:i,containerId:this.node.id,mode:n?"vertical":"horizontal"}),e("div",{class:"lm-tab-content"},this.node.children.map(((t,n)=>e("div",{class:"lm-tab-pane",style:{display:t.id===i?"block":"none"}},this.renderChild(t,n))))))}return e("div",{class:t,"data-id":this.node.id},this.node.children.map(((t,i)=>{const n="column"===this.node.type||"vertical"===this.node.type;if(!0===t.collapsed)return null;const o=!this.node.children.slice(i+1).some((t=>!t.collapsed));return[e("div",{class:"lm-child","data-id":t.id,style:{flexGrow:t.size?`${t.size}`:"1",minWidth:t.minWidth?`${t.minWidth}px`:"0",minHeight:t.minHeight?`${t.minHeight}px`:"0"}},"panel"===t.type?e("lm-panel",{panel:t}):e("lm-container",{node:t})),!o&&e("lm-splitter",{containerId:this.node.id,index:i,direction:n?"vertical":"horizontal"})]})))}static get style(){return".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%;height:100%;overflow:hidden;box-sizing:border-box}.lm-container{display:flex;width:100%;height:100%;flex:1;overflow:hidden;box-sizing:border-box}.lm-container.lm-row,.lm-container.lm-horizontal{flex-direction:row}.lm-container.lm-column,.lm-container.lm-vertical{flex-direction:column}.lm-container{}.lm-container.lm-tabs{flex-direction:column}.lm-container{}.lm-container.lm-nav-layout{flex-direction:row;}.lm-container.lm-nav-layout>.lm-tabs{width:48px;flex-direction:column;border-bottom:none;border-right:1px solid var(--border-subtle, #e2e8f0)}.lm-container.lm-nav-layout>.lm-tab-content{flex:1;width:calc(100% - 48px)}.lm-child{display:flex;flex:1;min-width:0;min-height:0;overflow:hidden;position:relative;transition:flex-grow 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.lm-tab-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.lm-tab-pane{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}@media (max-width: 768px){.lm-container.lm-row,.lm-container.lm-horizontal,.lm-container.lm-nav-layout{flex-direction:column !important}.lm-container.lm-nav-layout>.lm-tabs{width:100% !important;flex-direction:row !important;border-right:none;border-bottom:1px solid var(--border-subtle, #e2e8f0);height:auto;overflow-x:auto}.lm-container.lm-nav-layout>.lm-tab-content{width:100% !important}:host-context(.lm-container) .lm-splitter{display:none !important}}"}},[512,"lm-container",{node:[16],activeTabId:[1,"active-tab-id"]}]);function d(){"undefined"!=typeof customElements&&["lm-container","lm-container","lm-panel","lm-splitter","lm-tabs","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"lm-container":customElements.get(n(t))||customElements.define(n(t),c);break;case"lm-container":customElements.get(n(t))||d();break;case"lm-panel":customElements.get(n(t))||o();break;case"lm-splitter":customElements.get(n(t))||l();break;case"lm-tabs":customElements.get(n(t))||a();break;case"ui-badge":customElements.get(n(t))||s();break;case"ui-button":customElements.get(n(t))||r();break;case"ui-icon":customElements.get(n(t))||m()}}))}export{c as L,d}
+import{proxyCustomElement as t,HTMLElement as i,h as e,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./lm-panel2.js";import{d as l}from"./lm-splitter2.js";import{d as a}from"./lm-tabs2.js";import{d as r}from"./badge.js";import{d as s}from"./button.js";import{d as m}from"./icon.js";import{d as c}from"./loader.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost()}node;activeTabId;renderChild(t,i){return"tabs"!==this.node.type||t.id===this.activeTabId||0===i&&!this.activeTabId||t.id===this.activeTabId?"panel"===t.type?e("lm-panel",{panel:t}):e("lm-container",{node:t}):null}render(){if(!this.node)return e("div",{class:"lm-container lm-empty"},"No configuration node provided");const t=`lm-container lm-${this.node.type}`;if("tabs"===this.node.type||"nav"===this.node.type||"single"===this.node.type){if("single"===this.node.type){const i=this.node.children[0];return e("div",{class:t,"data-id":this.node.id},i?this.renderChild(i,0):e("div",{class:"lm-empty-single"},"Empty"))}const i=this.activeTabId||(this.node.children[0]?this.node.children[0].id:null),n="nav"===this.node.type;return e("div",{class:`${t} ${n?"lm-nav-layout":""}`,"data-id":this.node.id},e("lm-tabs",{panels:this.node.children,activeTabId:i,containerId:this.node.id,mode:n?"vertical":"horizontal"}),e("div",{class:"lm-tab-content"},this.node.children.map(((t,n)=>e("div",{class:"lm-tab-pane",style:{display:t.id===i?"block":"none"}},this.renderChild(t,n))))))}return e("div",{class:t,"data-id":this.node.id},this.node.children.map(((t,i)=>{const n="column"===this.node.type||"vertical"===this.node.type;if(!0===t.collapsed)return null;const o=!this.node.children.slice(i+1).some((t=>!t.collapsed));return[e("div",{class:"lm-child","data-id":t.id,style:{flexGrow:t.size?`${t.size}`:"1",minWidth:t.minWidth?`${t.minWidth}px`:"0",minHeight:t.minHeight?`${t.minHeight}px`:"0"}},"panel"===t.type?e("lm-panel",{panel:t}):e("lm-container",{node:t})),!o&&e("lm-splitter",{containerId:this.node.id,index:i,direction:n?"vertical":"horizontal"})]})))}static get style(){return".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%;height:100%;overflow:hidden;box-sizing:border-box}.lm-container{display:flex;width:100%;height:100%;flex:1;overflow:hidden;box-sizing:border-box}.lm-container.lm-row,.lm-container.lm-horizontal{flex-direction:row}.lm-container.lm-column,.lm-container.lm-vertical{flex-direction:column}.lm-container{}.lm-container.lm-tabs{flex-direction:column}.lm-container{}.lm-container.lm-nav-layout{flex-direction:row;}.lm-container.lm-nav-layout>.lm-tabs{width:48px;flex-direction:column;border-bottom:none;border-right:1px solid var(--border-subtle, #e2e8f0)}.lm-container.lm-nav-layout>.lm-tab-content{flex:1;width:calc(100% - 48px)}.lm-child{display:flex;flex:1;min-width:0;min-height:0;overflow:hidden;position:relative;transition:flex-grow 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.lm-tab-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.lm-tab-pane{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}@media (max-width: 768px){.lm-container.lm-row,.lm-container.lm-horizontal,.lm-container.lm-nav-layout{flex-direction:column !important}.lm-container.lm-nav-layout>.lm-tabs{width:100% !important;flex-direction:row !important;border-right:none;border-bottom:1px solid var(--border-subtle, #e2e8f0);height:auto;overflow-x:auto}.lm-container.lm-nav-layout>.lm-tab-content{width:100% !important}:host-context(.lm-container) .lm-splitter{display:none !important}}"}},[512,"lm-container",{node:[16],activeTabId:[1,"active-tab-id"]}]);function p(){"undefined"!=typeof customElements&&["lm-container","lm-container","lm-panel","lm-splitter","lm-tabs","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"lm-container":customElements.get(n(t))||customElements.define(n(t),d);break;case"lm-container":customElements.get(n(t))||p();break;case"lm-panel":customElements.get(n(t))||o();break;case"lm-splitter":customElements.get(n(t))||l();break;case"lm-tabs":customElements.get(n(t))||a();break;case"ui-badge":customElements.get(n(t))||r();break;case"ui-button":customElements.get(n(t))||s();break;case"ui-icon":customElements.get(n(t))||m();break;case"ui-loader":customElements.get(n(t))||c()}}))}export{d as L,p as d}

package/dist/components/lm-floating-window2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as l,transformTag as a}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}panelId;x=100;y=100;render(){return l("div",{key:"987212734ff21ee0d02c5ae2f0fe144e901d8206",class:"lm-float",style:{left:`${this.x}px`,top:`${this.y}px`},"data-panel-id":this.panelId},l("div",{key:"8b922866c1955c167c6a2e5ea5d30c3c5a6bd57c",class:"lm-float-header"},"Floating - ",this.panelId),l("div",{key:"a0e3f8cd66090fc879b10b7ce0d7005ea6e76381",class:"lm-float-body"},l("slot",{key:"0362df47eeafe69e15151e443b72c62e97ca3300"})))}static get style(){return""}},[772,"lm-floating-window",{panelId:[1,"panel-id"],x:[32],y:[32]}]);function n(){"undefined"!=typeof customElements&&["lm-floating-window"].forEach((e=>{"lm-floating-window"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))}export{s as L,n as d}
+import{proxyCustomElement as e,HTMLElement as t,h as l,transformTag as a}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}panelId;x=100;y=100;render(){return l("div",{key:"92b28396c12cabbdffd7dd788ceb74be31bfde0f",class:"lm-float",style:{left:`${this.x}px`,top:`${this.y}px`},"data-panel-id":this.panelId},l("div",{key:"0f7457be8d396fdf15364b7c0041a795059c5556",class:"lm-float-header"},"Floating - ",this.panelId),l("div",{key:"5b34d95c36696850776f264b13f04c95a33376b4",class:"lm-float-body"},l("slot",{key:"ca6fa102f1477c914ac5ba84e1845704f0c5ba02"})))}static get style(){return""}},[772,"lm-floating-window",{panelId:[1,"panel-id"],x:[32],y:[32]}]);function n(){"undefined"!=typeof customElements&&["lm-floating-window"].forEach((e=>{"lm-floating-window"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))}export{s as L,n as d}

package/dist/components/lm-panel2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as i,transformTag as a}from"@stencil/core/internal/client";import{G as o}from"./event-bus.js";import{s as n,d as r}from"./icon.js";import{d as l,a as s}from"./badge.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}panel;closePanel(){o.emit("panel:closed",this.panel.id)}onHeaderMouseDown=e=>{o.emit("panel:dragstart",{panelId:this.panel.id,x:e.clientX,y:e.clientY})};render(){return i("div",{key:"deb12b776f98fd8ebf5fd56807afb71b8df2cd0d",class:"lm-panel","data-id":this.panel.id},i("div",{key:"92e40c443c14ee9f0ae3fbe26a11889a56911098",class:"lm-panel-header",onMouseDown:e=>this.onHeaderMouseDown(e)},i("div",{key:"4c10877061aeeabb9f80803c57bdd6e594dd5383",class:"lm-title",style:{display:"flex",alignItems:"center"}},this.panel.icon&&i("ui-icon",{key:"23a72b93dda720d0360c67e6e59c90544900dc44",name:this.panel.icon,library:"lucide",style:{width:"16px",height:"16px",marginRight:"8px"}}),this.panel.title),i("div",{key:"86191441afcbac1e185f1d27b0a2cf11192d423b",class:"lm-controls"},!1!==this.panel.closable&&i("ui-button",{key:"4dd85509e733a1b62e7980d2ba7e399fce209ef9",variant:"ghost",class:"lm-close",onClick:()=>this.closePanel(),ariaLabel:"Close panel",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"xxs"}))),i("div",{key:"8734d98fd113a5005a71f3adf121842d8b7a0000",class:"lm-panel-body"},this.panel.content?i("div",{innerHTML:n(this.panel.content)}):i("slot",null)))}static get style(){return".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%;height:100%;overflow:hidden}.lm-panel{display:flex;flex-direction:column;flex:1;width:100%;height:100%;background:var(--bg-primary, #ffffff);overflow:hidden;border:1px solid var(--border-subtle, #e2e8f0)}.lm-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #e2e8f0);min-height:36px;flex-shrink:0}.lm-panel-header .lm-title{font-size:13px;font-weight:600;color:var(--color-primary, #334155);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lm-panel-header .lm-controls{display:flex;align-items:center;gap:8px}.lm-close{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b);width:20px;height:20px;font-size:16px;line-height:1;transition:all 0.2s}.lm-close:hover{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #ef4444)}.lm-panel-body{flex:1;overflow:auto;position:relative;display:flex;flex-direction:column}.lm-panel-body>div{flex:1}"}},[772,"lm-panel",{panel:[16]}]);function p(){"undefined"!=typeof customElements&&["lm-panel","ui-badge","ui-button","ui-icon"].forEach((e=>{switch(e){case"lm-panel":customElements.get(a(e))||customElements.define(a(e),d);break;case"ui-badge":customElements.get(a(e))||s();break;case"ui-button":customElements.get(a(e))||l();break;case"ui-icon":customElements.get(a(e))||r()}}))}export{d as L,p as d}
+import{proxyCustomElement as e,HTMLElement as t,h as a,transformTag as i}from"@stencil/core/internal/client";import{G as o}from"./event-bus.js";import{s as r,d as n}from"./icon.js";import{d as l}from"./badge.js";import{d as s}from"./button.js";import{d}from"./loader.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}panel;closePanel(){o.emit("panel:closed",this.panel.id)}onHeaderMouseDown=e=>{o.emit("panel:dragstart",{panelId:this.panel.id,x:e.clientX,y:e.clientY})};render(){return a("div",{key:"a07057499cf078eec5ac103f866bad71e7b2f36c",class:"lm-panel","data-id":this.panel.id},a("div",{key:"a6b89b2f98ad49f8ba7757e44aeb173a577d7330",class:"lm-panel-header",onMouseDown:e=>this.onHeaderMouseDown(e)},a("div",{key:"fd1370a8d3632266573270f0d52d6e24b0bcc85d",class:"lm-title",style:{display:"flex",alignItems:"center"}},this.panel.icon&&a("ui-icon",{key:"d75ed5ff8fc4f4334cc05bc83a62506cf86494de",name:this.panel.icon,library:"lucide",style:{width:"16px",height:"16px",marginRight:"8px"}}),this.panel.title),a("div",{key:"b09c49a412ab7f8b97b4f3501e067c04f2ebc1a9",class:"lm-controls"},!1!==this.panel.closable&&a("ui-button",{key:"4ead18ecbb60a94873d3bb12111be89f627e5f83",variant:"ghost",class:"lm-close",onClick:()=>this.closePanel(),ariaLabel:"Close panel",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"xxs"}))),a("div",{key:"04da7542e34cd7864ceccc28a5ead701c8186300",class:"lm-panel-body"},this.panel.content?a("div",{innerHTML:r(this.panel.content)}):a("slot",null)))}static get style(){return".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%;height:100%;overflow:hidden}.lm-panel{display:flex;flex-direction:column;flex:1;width:100%;height:100%;background:var(--bg-primary, #ffffff);overflow:hidden;border:1px solid var(--border-subtle, #e2e8f0)}.lm-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #e2e8f0);min-height:36px;flex-shrink:0}.lm-panel-header .lm-title{font-size:13px;font-weight:600;color:var(--color-primary, #334155);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lm-panel-header .lm-controls{display:flex;align-items:center;gap:8px}.lm-close{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b);width:20px;height:20px;font-size:16px;line-height:1;transition:all 0.2s}.lm-close:hover{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #ef4444)}.lm-panel-body{flex:1;overflow:auto;position:relative;display:flex;flex-direction:column}.lm-panel-body>div{flex:1}"}},[772,"lm-panel",{panel:[16]}]);function p(){"undefined"!=typeof customElements&&["lm-panel","ui-badge","ui-button","ui-icon","ui-loader"].forEach((e=>{switch(e){case"lm-panel":customElements.get(i(e))||customElements.define(i(e),c);break;case"ui-badge":customElements.get(i(e))||l();break;case"ui-button":customElements.get(i(e))||s();break;case"ui-icon":customElements.get(i(e))||n();break;case"ui-loader":customElements.get(i(e))||d()}}))}export{c as L,p as d}

package/dist/components/lm-splitter2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,h as o,transformTag as r}from"@stencil/core/internal/client";import{G as n}from"./event-bus.js";const e=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost()}containerId;index;startX;startY;onDown(t){this.startX=t.clientX,this.startY=t.clientY,window.addEventListener("mousemove",this.onMove),window.addEventListener("mouseup",this.onUp)}onMove=t=>{const i=t.clientX-this.startX,o=t.clientY-this.startY;this.startX=t.clientX,this.startY=t.clientY,n.emit("splitter:drag",{containerId:this.containerId,index:this.index,dx:i,dy:o})};onUp=()=>{window.removeEventListener("mousemove",this.onMove),window.removeEventListener("mouseup",this.onUp)};direction="horizontal";render(){return o("div",{key:"6cbc72c65f18247f7a445a3c887c774d13551297",class:`lm-splitter ${this.direction}`,onMouseDown:t=>this.onDown(t)})}static get style(){return".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;z-index:10}.lm-splitter{background-color:var(--bg-primary, #e2e8f0);transition:background-color 0.2s;flex-shrink:0;}.lm-splitter.horizontal{width:4px;height:100%;cursor:col-resize}.lm-splitter{}.lm-splitter.vertical{width:100%;height:4px;cursor:row-resize}.lm-splitter:hover{background-color:var(--color-primary, #10b981)}@media (max-width: 768px){:host{display:none !important}}"}},[512,"lm-splitter",{containerId:[1,"container-id"],index:[2],direction:[1]}]);function s(){"undefined"!=typeof customElements&&["lm-splitter"].forEach((t=>{"lm-splitter"===t&&(customElements.get(r(t))||customElements.define(r(t),e))}))}export{e as L,s as d}
+import{proxyCustomElement as t,HTMLElement as i,h as o,transformTag as r}from"@stencil/core/internal/client";import{G as e}from"./event-bus.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost()}containerId;index;startX;startY;onDown(t){this.startX=t.clientX,this.startY=t.clientY,window.addEventListener("mousemove",this.onMove),window.addEventListener("mouseup",this.onUp)}onMove=t=>{const i=t.clientX-this.startX,o=t.clientY-this.startY;this.startX=t.clientX,this.startY=t.clientY,e.emit("splitter:drag",{containerId:this.containerId,index:this.index,dx:i,dy:o})};onUp=()=>{window.removeEventListener("mousemove",this.onMove),window.removeEventListener("mouseup",this.onUp)};direction="horizontal";render(){return o("div",{key:"1d67769bfa9249d7b7511805a3c49b1ff0429de8",class:`lm-splitter ${this.direction}`,onMouseDown:t=>this.onDown(t)})}static get style(){return".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;z-index:10}.lm-splitter{background-color:var(--bg-primary, #e2e8f0);transition:background-color 0.2s;flex-shrink:0;}.lm-splitter.horizontal{width:4px;height:100%;cursor:col-resize}.lm-splitter{}.lm-splitter.vertical{width:100%;height:4px;cursor:row-resize}.lm-splitter:hover{background-color:var(--color-primary, #10b981)}@media (max-width: 768px){:host{display:none !important}}"}},[512,"lm-splitter",{containerId:[1,"container-id"],index:[2],direction:[1]}]);function s(){"undefined"!=typeof customElements&&["lm-splitter"].forEach((t=>{"lm-splitter"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))}export{n as L,s as d}

package/dist/components/lm-tabs2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as a,h as r,transformTag as o}from"@stencil/core/internal/client";import{G as e}from"./event-bus.js";import{d as i}from"./icon.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost()}panels;activeTabId;containerId;mode="horizontal";switchTab(t){e.emit("tab:changed",{containerId:this.containerId,tabId:t})}closePanel(t,a){t.stopPropagation(),e.emit("panel:closed",a)}onTabMouseDown(t,a){0===t.button&&(t.target.classList.contains("lm-tab-close")||e.emit("panel:dragstart",{panelId:a,x:t.clientX,y:t.clientY}))}render(){return r("div",{key:"83f1cde2f6966da615dd0e0b5ab821e0f035ce22",class:`lm-tabs ${this.mode}`},r("div",{key:"507a672779ab113ca9da4d724c6d59451084daf4",class:"lm-tab-list"},this.panels.map((t=>r("div",{class:"lm-tab "+(t.id===this.activeTabId?"active":""),"data-id":t.id,onClick:()=>this.switchTab(t.id),onMouseDown:a=>this.onTabMouseDown(a,t.id)},r("span",{class:"lm-tab-title",style:{display:"flex",alignItems:"center"}},t.icon&&r("ui-icon",{name:t.icon,library:"lucide",style:{width:"14px",height:"14px",marginRight:"6px"}}),t.title),!1!==t.closable&&r("span",{class:"lm-tab-close",onClick:a=>this.closePanel(a,t.id)},"×"))))))}static get style(){return".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%}.lm-tabs{background-color:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-subtle, #e2e8f0);display:flex}.lm-tabs.horizontal{flex-direction:row;width:100%;min-height:32px;overflow-x:auto}.lm-tabs.vertical{flex-direction:column;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;background-color:var(--color-primary, #334155);color:var(--color-primary, #94a3b8)}.lm-tabs{}.lm-tabs::-webkit-scrollbar{display:none}.lm-tab-list{display:flex}.lm-tabs.horizontal .lm-tab-list{flex-direction:row}.lm-tabs.vertical .lm-tab-list{flex-direction:column;width:100%;align-items:center}.lm-tab{padding:8px 16px;font-size:13px;color:var(--text-muted, #64748b);cursor:pointer;transition:all 0.2s;white-space:nowrap;user-select:none;display:flex;align-items:center;justify-content:center}.lm-tab:hover{background:var(--bg-primary, #e2e8f0);color:var(--color-primary, #334155)}.lm-tabs.horizontal .lm-tab{border-right:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-secondary, #f1f5f9)}.lm-tabs.horizontal .lm-tab.active{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);font-weight:500;border-bottom:2px solid var(--color-primary, #10b981)}.lm-tabs.vertical .lm-tab{width:48px;height:48px;padding:0;border-bottom:none;color:var(--color-primary, #94a3b8)}.lm-tabs.vertical .lm-tab:hover{background:rgba(255, 255, 255, 0.1);color:var(--text-standard, #f1f5f9)}.lm-tabs.vertical .lm-tab.active{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);border-left:2px solid var(--color-primary, #10b981);}.lm-tab-title{flex:1;overflow:hidden;text-overflow:ellipsis}.lm-tab-close{margin-left:8px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;line-height:1;color:var(--color-primary, #94a3b8);transition:all 0.2s;cursor:pointer}.lm-tab-close:hover{background:var(--bg-primary, #e2e8f0);color:var(--color-danger, #ef4444)}.active .lm-tab-close{color:var(--color-primary, #94a3b8)}.active .lm-tab-close:hover{background:var(--bg-secondary, #f1f5f9);color:var(--color-danger, #ef4444)}.lm-tabs.vertical .lm-tab-close{display:none;}"}},[512,"lm-tabs",{panels:[16],activeTabId:[1,"active-tab-id"],containerId:[1,"container-id"],mode:[1]}]);function n(){"undefined"!=typeof customElements&&["lm-tabs","ui-icon"].forEach((t=>{switch(t){case"lm-tabs":customElements.get(o(t))||customElements.define(o(t),l);break;case"ui-icon":customElements.get(o(t))||i()}}))}export{l as L,n as d}
+import{proxyCustomElement as t,HTMLElement as a,h as r,transformTag as o}from"@stencil/core/internal/client";import{G as e}from"./event-bus.js";import{d as i}from"./icon.js";import{d as l}from"./loader.js";const n=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost()}panels;activeTabId;containerId;mode="horizontal";switchTab(t){e.emit("tab:changed",{containerId:this.containerId,tabId:t})}closePanel(t,a){t.stopPropagation(),e.emit("panel:closed",a)}onTabMouseDown(t,a){0===t.button&&(t.target.classList.contains("lm-tab-close")||e.emit("panel:dragstart",{panelId:a,x:t.clientX,y:t.clientY}))}render(){return r("div",{key:"7b3ae6f0161adba100d2021d125dace80b939f05",class:`lm-tabs ${this.mode}`},r("div",{key:"1908dcc64d869e6094d0d18dfae2e9e772bb28af",class:"lm-tab-list"},this.panels.map((t=>r("div",{class:"lm-tab "+(t.id===this.activeTabId?"active":""),"data-id":t.id,onClick:()=>this.switchTab(t.id),onMouseDown:a=>this.onTabMouseDown(a,t.id)},r("span",{class:"lm-tab-title",style:{display:"flex",alignItems:"center"}},t.icon&&r("ui-icon",{name:t.icon,library:"lucide",style:{width:"14px",height:"14px",marginRight:"6px"}}),t.title),!1!==t.closable&&r("span",{class:"lm-tab-close",onClick:a=>this.closePanel(a,t.id)},"×"))))))}static get style(){return".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%}.lm-tabs{background-color:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-subtle, #e2e8f0);display:flex}.lm-tabs.horizontal{flex-direction:row;width:100%;min-height:32px;overflow-x:auto}.lm-tabs.vertical{flex-direction:column;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;background-color:var(--color-primary, #334155);color:var(--color-primary, #94a3b8)}.lm-tabs{}.lm-tabs::-webkit-scrollbar{display:none}.lm-tab-list{display:flex}.lm-tabs.horizontal .lm-tab-list{flex-direction:row}.lm-tabs.vertical .lm-tab-list{flex-direction:column;width:100%;align-items:center}.lm-tab{padding:8px 16px;font-size:13px;color:var(--text-muted, #64748b);cursor:pointer;transition:all 0.2s;white-space:nowrap;user-select:none;display:flex;align-items:center;justify-content:center}.lm-tab:hover{background:var(--bg-primary, #e2e8f0);color:var(--color-primary, #334155)}.lm-tabs.horizontal .lm-tab{border-right:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-secondary, #f1f5f9)}.lm-tabs.horizontal .lm-tab.active{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);font-weight:500;border-bottom:2px solid var(--color-primary, #10b981)}.lm-tabs.vertical .lm-tab{width:48px;height:48px;padding:0;border-bottom:none;color:var(--color-primary, #94a3b8)}.lm-tabs.vertical .lm-tab:hover{background:rgba(255, 255, 255, 0.1);color:var(--text-standard, #f1f5f9)}.lm-tabs.vertical .lm-tab.active{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);border-left:2px solid var(--color-primary, #10b981);}.lm-tab-title{flex:1;overflow:hidden;text-overflow:ellipsis}.lm-tab-close{margin-left:8px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;line-height:1;color:var(--color-primary, #94a3b8);transition:all 0.2s;cursor:pointer}.lm-tab-close:hover{background:var(--bg-primary, #e2e8f0);color:var(--color-danger, #ef4444)}.active .lm-tab-close{color:var(--color-primary, #94a3b8)}.active .lm-tab-close:hover{background:var(--bg-secondary, #f1f5f9);color:var(--color-danger, #ef4444)}.lm-tabs.vertical .lm-tab-close{display:none;}"}},[512,"lm-tabs",{panels:[16],activeTabId:[1,"active-tab-id"],containerId:[1,"container-id"],mode:[1]}]);function s(){"undefined"!=typeof customElements&&["lm-tabs","ui-icon","ui-loader"].forEach((t=>{switch(t){case"lm-tabs":customElements.get(o(t))||customElements.define(o(t),n);break;case"ui-icon":customElements.get(o(t))||i();break;case"ui-loader":customElements.get(o(t))||l()}}))}export{n as L,s as d}

package/dist/components/loader.js

@@ -0,0 +1 @@
+import{proxyCustomElement as i,HTMLElement as e,createEvent as a,h as r,transformTag as t}from"@stencil/core/internal/client";const o=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.uiShow=a(this,"uiShow",7),this.uiHide=a(this,"uiHide",7)}get element(){return this}ariaLabel="Loading...";ariaLive="polite";backdropBlur=!1;enableBlur=!1;color="success";fullscreen=!1;label;description;labelPosition="bottom";overlay=!1;overlayOpacity=.5;overlayBackground;size="md";speed="normal";thickness=3;type="spinner";visible=!0;variant="standard";value;predictive=!1;messages;messageInterval=2500;image;rainText;rainColumns=5;trapFocus=!1;status="loading";activeLabel;currentProgress=0;uiShow;uiHide;messageTimer;predictiveTimer;activeMessageIndex=0;parsedMessages=[];originalFocusedElement=null;focusableElements=[];canvasElement;canvasAnimationId;canvasColumnsDrops=[];handleVisibilityChange(i){i?(this.uiShow.emit(),this.startTimers(),this.trapFocus&&this.setupFocusTrap()):(this.uiHide.emit(),this.stopTimers(),this.releaseFocusTrap())}parseMessagesProp(){if(this.messages){if("string"==typeof this.messages)try{this.parsedMessages=JSON.parse(this.messages)}catch{this.parsedMessages=this.messages.includes(",")?this.messages.split(",").map((i=>i.trim())):[this.messages]}else Array.isArray(this.messages)&&(this.parsedMessages=this.messages);this.activeMessageIndex=0,this.updateActiveLabel()}else this.parsedMessages=[]}handleStatusChange(i){"success"===i&&this.predictive&&(clearInterval(this.predictiveTimer),this.predictiveTimer=setInterval((()=>{this.currentProgress<100?this.currentProgress=Math.min(100,this.currentProgress+5):clearInterval(this.predictiveTimer)}),30))}componentWillLoad(){this.parseMessagesProp(),this.activeLabel=this.label,void 0!==this.value&&(this.currentProgress=this.value)}componentDidLoad(){this.visible&&(this.uiShow.emit(),this.startTimers(),this.trapFocus&&this.setupFocusTrap(),"raining-letters"===this.type&&this.initMatrixRain())}componentDidUpdate(){"raining-letters"!==this.type||this.canvasAnimationId?"raining-letters"!==this.type&&this.canvasAnimationId&&this.stopMatrixRain():this.initMatrixRain()}disconnectedCallback(){this.stopTimers(),this.releaseFocusTrap(),this.stopMatrixRain()}startTimers(){this.stopTimers(),this.parsedMessages.length>0&&(this.updateActiveLabel(),this.messageTimer=setInterval((()=>{this.activeMessageIndex=(this.activeMessageIndex+1)%this.parsedMessages.length,this.updateActiveLabel()}),this.messageInterval)),this.predictive&&"loading"===this.status&&(this.currentProgress=0,this.predictiveTimer=setInterval((()=>{if(this.currentProgress<95){const i=Math.max(.1,.05*(95-this.currentProgress)*Math.random());this.currentProgress=parseFloat((this.currentProgress+i).toFixed(1))}}),350))}stopTimers(){this.messageTimer&&(clearInterval(this.messageTimer),this.messageTimer=void 0),this.predictiveTimer&&(clearInterval(this.predictiveTimer),this.predictiveTimer=void 0)}updateActiveLabel(){this.activeLabel=this.parsedMessages.length>0&&this.activeMessageIndex<this.parsedMessages.length?this.parsedMessages[this.activeMessageIndex]:this.label}setupFocusTrap(){this.originalFocusedElement=document.activeElement,setTimeout((()=>{this.focusableElements=this.getFocusableElements(),this.focusableElements.length>0&&this.focusableElements[0].focus()}),50),document.addEventListener("keydown",this.handleKeyDown)}releaseFocusTrap(){document.removeEventListener("keydown",this.handleKeyDown),this.originalFocusedElement&&(this.originalFocusedElement.focus(),this.originalFocusedElement=null)}getFocusableElements(){return this.element.shadowRoot?Array.from(this.element.shadowRoot.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]')):[]}handleKeyDown=i=>{if(this.visible&&this.trapFocus&&"Tab"===i.key){if(this.focusableElements=this.getFocusableElements(),0===this.focusableElements.length)return void i.preventDefault();const e=this.focusableElements[0],a=this.focusableElements[this.focusableElements.length-1],r=this.element.shadowRoot?.activeElement;i.shiftKey?r!==e&&r!==document.body||(a.focus(),i.preventDefault()):r===a&&(e.focus(),i.preventDefault())}};initMatrixRain(){if(!this.canvasElement)return;this.stopMatrixRain();const i=this.canvasElement,e=i.getContext("2d");if(!e)return;i.width=160,i.height=120;const a=this.rainText||"ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",r=Math.max(3,this.rainColumns),t=Math.floor(160/r);this.canvasColumnsDrops=[];for(let i=0;i<r;i++)this.canvasColumnsDrops.push(-10*Math.random());const o=()=>{e.fillStyle="rgba(255, 255, 255, 0.15)",e.fillRect(0,0,160,120);let i="#10b981";this.color&&!["primary","secondary","success","danger","warning","info"].includes(this.color)?i=this.color:"primary"===this.color?i="#3b82f6":"danger"===this.color?i="#ef4444":"success"===this.color?i="#10b981":"warning"===this.color?i="#f59e0b":"info"===this.color&&(i="#06b6d4"),e.fillStyle=i,e.font=`${t}px monospace`;for(let i=0;i<this.canvasColumnsDrops.length;i++){const r=a[Math.floor(Math.random()*a.length)],o=this.canvasColumnsDrops[i]*t;e.fillText(r,i*t+t/4,o),o>120&&Math.random()>.96?this.canvasColumnsDrops[i]=0:this.canvasColumnsDrops[i]+=.45}this.canvasAnimationId=requestAnimationFrame(o)};o()}stopMatrixRain(){this.canvasAnimationId&&(cancelAnimationFrame(this.canvasAnimationId),this.canvasAnimationId=void 0)}getStyles(){const i={};return this.color&&(this.color.startsWith("#")||this.color.startsWith("rgb")||this.color.includes("gradient"))&&(i["--loader-color"]=this.color),this.size&&!["3xs","2xs","xs","small","md","large","xl","2xl","3xl","jumbo"].includes(this.size)&&(i["--loader-size"]=this.size),(this.overlay||this.fullscreen)&&(i["--overlay-opacity"]=`${this.overlayOpacity}`,this.overlayBackground&&(i["--overlay-background"]=this.overlayBackground)),this.speed&&(i["--loader-speed"]={slow:"2s",normal:"1s",fast:"0.5s"}[this.speed]||"1s"),this.thickness&&(i["--loader-thickness"]=`${this.thickness}px`),i}render(){if(!this.visible)return null;const i=this.overlay||this.fullscreen,e=["3xs","2xs","xs","small","md","large","xl","2xl","3xl","jumbo"].includes(this.size),a=["primary","secondary","success","danger","warning","info"].includes(this.color),t={"loader-wrapper":!0,"loader-overlay":i,"loader-fullscreen":this.fullscreen,"loader-blur":this.backdropBlur||this.enableBlur,[`loader-variant-${this.variant}`]:!0},o={"loader-container":!0,[`loader-size-${this.size}`]:e,[`loader-color-${this.color}`]:a,[`loader-label-${this.labelPosition}`]:!0,"loader-status-success":"success"===this.status,"loader-status-error":"error"===this.status};return r("div",{class:t,style:this.getStyles(),role:i?"dialog":"status","aria-modal":i?"true":void 0,"aria-label":this.ariaLabel,"aria-live":this.ariaLive},i&&this.trapFocus&&r("div",{tabIndex:0,class:"focus-trap-sentinel"}),r("div",{class:o},r("div",{class:"loader-visual"},"success"===this.status?this.renderStatusIcon("success"):"error"===this.status?this.renderStatusIcon("error"):this.renderAnimation()),(this.activeLabel||this.description||this.predictive)&&r("div",{class:"loader-text-block"},this.activeLabel&&r("span",{class:"loader-label-text"},this.activeLabel),this.description&&r("span",{class:"loader-desc-text"},this.description),this.predictive&&r("div",{class:"loader-predictive-bar"},r("div",{class:"loader-predictive-fill",style:{width:`${this.currentProgress}%`}}),r("span",{class:"loader-predictive-percentage"},Math.round(this.currentProgress),"%")))),i&&this.trapFocus&&r("div",{tabIndex:0,class:"focus-trap-sentinel"}))}renderStatusIcon(i){return"success"===i?r("div",{class:"status-icon-wrapper success"},r("svg",{viewBox:"0 0 52 52",class:"status-svg"},r("circle",{cx:"26",cy:"26",r:"25",fill:"none",class:"status-circle-bg"}),r("path",{fill:"none",d:"M14.1 27.2l7.1 7.2 16.7-16.8",class:"status-check-path"}))):r("div",{class:"status-icon-wrapper error"},r("svg",{viewBox:"0 0 52 52",class:"status-svg"},r("circle",{cx:"26",cy:"26",r:"25",fill:"none",class:"status-circle-bg"}),r("path",{fill:"none",d:"M16 16l20 20M36 16L16 36",class:"status-cross-path"})))}renderAnimation(){switch(this.type){case"dots":return r("div",{class:"anim-dots"},r("div",null),r("div",null),r("div",null));case"bar":return r("div",{class:"anim-bar"},r("div",void 0!==this.value?{class:"bar-determinate",style:{width:`${this.value}%`}}:{class:"bar-indeterminate"}));case"pulse":return r("div",{class:"anim-pulse"});case"ring":return r("div",{class:"anim-ring"});case"bounce":return r("div",{class:"anim-bounce"},r("div",null),r("div",null));case"grid":return r("div",{class:"anim-grid"},r("div",null),r("div",null),r("div",null),r("div",null),r("div",null),r("div",null),r("div",null),r("div",null),r("div",null));case"wave":return r("div",{class:"anim-wave"},r("div",null),r("div",null),r("div",null),r("div",null),r("div",null));case"dual-ring":return r("div",{class:"anim-dual-ring"});case"heartbeat":return r("div",{class:"anim-heartbeat"},r("svg",{viewBox:"0 0 32 32",class:"heart-svg"},r("path",{d:"M16 28.5S2 18.2 2 10.5a6.5 6.5 0 0 1 11-4.8 6.5 6.5 0 0 1 11 4.8c0 7.7-14 18-14 18z"})));case"clock":return r("div",{class:"anim-clock"},r("div",{class:"clock-hour"}),r("div",{class:"clock-minute"}));case"raining-letters":return r("div",{class:"anim-raining-letters"},r("canvas",{ref:i=>this.canvasElement=i}));case"ripple":return r("div",{class:"anim-ripple"},r("div",null),r("div",null),r("div",null));case"infinite":return r("div",{class:"anim-infinite"},r("svg",{viewBox:"0 0 100 50"},r("path",{d:"M30 15c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15zm40 0c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z",class:"infinity-bg"}),r("path",{d:"M30 15c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15zm40 0c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z",class:"infinity-loop"})));case"wifi":return r("div",{class:"anim-wifi"},r("div",{class:"wifi-dot"}),r("div",{class:"wifi-arc-1"}),r("div",{class:"wifi-arc-2"}),r("div",{class:"wifi-arc-3"}));case"rainbow":return r("div",{class:"anim-rainbow"});case"square-shuffle":return r("div",{class:"anim-square-shuffle"},r("div",null),r("div",null),r("div",null),r("div",null));case"dna-helix":return r("div",{class:"anim-dna-helix"},Array.from({length:12}).map(((i,e)=>r("div",{class:"dna-strand",style:{"--i":`${e}`}},r("div",{class:"dna-dot dot-top"}),r("div",{class:"dna-bar"}),r("div",{class:"dna-dot dot-bottom"})))));case"atom-sphere":return r("div",{class:"anim-atom-sphere"},r("div",{class:"atom-nucleus"}),r("div",{class:"atom-orbit orbit-1"},r("div",{class:"atom-electron"})),r("div",{class:"atom-orbit orbit-2"},r("div",{class:"atom-electron"})),r("div",{class:"atom-orbit orbit-3"},r("div",{class:"atom-electron"})));case"staircase":return r("div",{class:"anim-staircase"},r("div",{class:"stair-climber"}),r("div",{class:"stairs"},r("div",null),r("div",null),r("div",null),r("div",null)));case"radar":return r("div",{class:"anim-radar"},r("div",{class:"radar-scanner"}),r("div",{class:"radar-ring"}),r("div",{class:"radar-ring-mid"}),r("div",{class:"radar-dot"}));case"liquid-drop":return r("div",{class:"anim-liquid-drop"},r("div",{class:"drop-nozzle"}),r("div",{class:"drop-droplet"}),r("div",{class:"drop-surface"}));case"neon-path":return r("div",{class:"anim-neon-path"},r("div",null));case"neuro-pulse":return r("div",{class:"anim-neuro-pulse"},r("svg",{viewBox:"0 0 100 100",class:"neuro-svg"},r("path",{d:"M50 50 L20 20 M50 50 L80 20 M50 50 L50 80 M50 50 L20 70 M50 50 L80 70",class:"neuro-branch"}),r("circle",{cx:"50",cy:"50",r:"8",class:"neuro-center"}),r("circle",{cx:"20",cy:"20",r:"4",class:"neuro-terminal"}),r("circle",{cx:"80",cy:"20",r:"4",class:"neuro-terminal"}),r("circle",{cx:"50",cy:"80",r:"4",class:"neuro-terminal"}),r("circle",{cx:"20",cy:"70",r:"4",class:"neuro-terminal"}),r("circle",{cx:"80",cy:"70",r:"4",class:"neuro-terminal"}),r("circle",{cx:"50",cy:"50",class:"neuro-active-pulse pulse-1"}),r("circle",{cx:"50",cy:"50",class:"neuro-active-pulse pulse-2"})));case"vortex-ring":return r("div",{class:"anim-vortex-ring"},r("div",null),r("div",null),r("div",null));case"cube-fold":return r("div",{class:"anim-cube-fold"},r("div",{class:"fold-cube cube-1"}),r("div",{class:"fold-cube cube-2"}),r("div",{class:"fold-cube cube-4"}),r("div",{class:"fold-cube cube-3"}));case"breathing":return r("div",{class:"anim-breathing"});case"glitch-text":return r("div",{class:"anim-glitch-text","data-text":"LOADING"},"LOADING");case"plc-module":return r("div",{class:"anim-plc-module"},r("div",{class:"plc-header"},"CPU"),r("div",{class:"plc-leds"},r("div",{class:"plc-row"},r("span",{class:"led-label"},"RUN"),r("span",{class:"plc-led led-green blinking"})),r("div",{class:"plc-row"},r("span",{class:"led-label"},"ERR"),r("span",{class:"plc-led led-red off"})),r("div",{class:"plc-row"},r("span",{class:"led-label"},"COM"),r("span",{class:"plc-led led-amber flicker"})),r("div",{class:"plc-row"},r("span",{class:"led-label"},"I/O"),r("span",{class:"plc-led led-green flicker-delayed"}))));case"m580-signal":return r("div",{class:"anim-m580-signal"},r("div",null),r("div",null),r("div",null),r("div",null),r("div",null));case"circuit-board":return r("div",{class:"anim-circuit-board"},r("svg",{viewBox:"0 0 100 100"},r("path",{d:"M10 50 L40 50 L50 40 L90 40 M40 50 L50 60 L80 60",class:"circuit-path",fill:"none"}),r("circle",{cx:"10",cy:"50",r:"3",class:"circuit-node"}),r("circle",{cx:"90",cy:"40",r:"3",class:"circuit-node"}),r("circle",{cx:"80",cy:"60",r:"3",class:"circuit-node"}),r("circle",{cx:"0",cy:"0",r:"2.5",class:"circuit-pulse pulse-a"},r("animateMotion",{dur:"2s",repeatCount:"indefinite",path:"M10 50 L40 50 L50 40 L90 40"})),r("circle",{cx:"0",cy:"0",r:"2.5",class:"circuit-pulse pulse-b"},r("animateMotion",{dur:"2s",repeatCount:"indefinite",path:"M40 50 L50 60 L80 60",begin:"0.5s"}))));case"callout-rotate":return r("div",{class:"anim-callout-rotate"},r("div",{class:"callout-ring"}),r("div",{class:"callout-arrow"}));case"infinite-roller":return r("div",{class:"anim-infinite-roller"},r("div",null),r("div",null),r("div",null));case"image":return r("div",{class:"anim-image"},r("img",{src:this.image,alt:"loading-graphic"}));default:return r("div",{class:"anim-spinner"})}}static get watchers(){return{visible:[{handleVisibilityChange:0}],messages:[{parseMessagesProp:0}],status:[{handleStatusChange:0}]}}static get style(){return'.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:inline-block;box-sizing:border-box;--ui-primary-color:#3b82f6;--ui-secondary-color:#64748b;--ui-success-color:#10b981;--ui-danger-color:#ef4444;--ui-warning-color:#f59e0b;--ui-info-color:#06b6d4;--loader-color:var(--ui-success-color);--loader-size:40px;--loader-speed:1s;--loader-thickness:3px;--overlay-opacity:0.5;--overlay-background:rgba(255, 255, 255, var(--overlay-opacity))}.loader-wrapper{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;transition:opacity 0.3s ease}.loader-wrapper.loader-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background:var(--overlay-background);display:flex;align-items:center;justify-content:center}.loader-wrapper.loader-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:9999}.loader-wrapper.loader-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.loader-wrapper.loader-variant-glass{background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.1)}.loader-wrapper.loader-variant-neon{background:rgba(10, 10, 12, 0.95);box-shadow:inset 0 0 40px color-mix(in srgb, var(--loader-color) 20%, transparent), 0 0 20px color-mix(in srgb, var(--loader-color) 10%, transparent);--loader-color:#a855f7}.loader-wrapper.loader-variant-minimal{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.loader-wrapper.loader-variant-linear-strip{position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;z-index:1001}.loader-container{display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:16px}.loader-container.loader-size-3xs{--loader-size:12px}.loader-container.loader-size-2xs{--loader-size:16px}.loader-container.loader-size-xs{--loader-size:20px}.loader-container.loader-size-small{--loader-size:28px}.loader-container.loader-size-md{--loader-size:40px}.loader-container.loader-size-large{--loader-size:56px}.loader-container.loader-size-xl{--loader-size:72px}.loader-container.loader-size-2xl{--loader-size:96px}.loader-container.loader-size-3xl{--loader-size:120px}.loader-container.loader-size-jumbo{--loader-size:160px}.loader-container.loader-color-primary{--loader-color:var(--ui-primary-color)}.loader-container.loader-color-secondary{--loader-color:var(--ui-secondary-color)}.loader-container.loader-color-success{--loader-color:var(--ui-success-color)}.loader-container.loader-color-danger{--loader-color:var(--ui-danger-color)}.loader-container.loader-color-warning{--loader-color:var(--ui-warning-color)}.loader-container.loader-color-info{--loader-color:var(--ui-info-color)}.loader-container.loader-label-bottom{flex-direction:column;text-align:center}.loader-container.loader-label-top{flex-direction:column-reverse;text-align:center}.loader-container.loader-label-left{flex-direction:row-reverse;text-align:right}.loader-container.loader-label-right{flex-direction:row;text-align:left}.loader-visual{display:flex;align-items:center;justify-content:center;position:relative;width:var(--loader-size);height:var(--loader-size);min-width:var(--loader-size);min-height:var(--loader-size)}.loader-text-block{display:flex;flex-direction:column;gap:4px}.loader-label-text{font-family:system-ui, -apple-system, sans-serif;font-size:14px;font-weight:600;color:#1e293b;letter-spacing:0.02em;animation:breathe 2s ease-in-out infinite}.loader-variant-neon .loader-label-text{color:#e9d5ff;text-shadow:0 0 10px rgba(168, 85, 247, 0.8)}.loader-desc-text{font-family:system-ui, -apple-system, sans-serif;font-size:12px;color:#64748b}.loader-variant-neon .loader-desc-text{color:#c084fc}.loader-predictive-bar{display:flex;align-items:center;gap:8px;width:140px;margin-top:4px}.loader-predictive-bar .loader-predictive-fill{height:4px;background:var(--loader-color);border-radius:2px;transition:width 0.3s cubic-bezier(0.1, 0.8, 0.3, 1)}.loader-predictive-bar .loader-predictive-percentage{font-size:11px;font-weight:700;color:var(--loader-color)}.focus-trap-sentinel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.status-icon-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.status-icon-wrapper .status-svg{width:var(--loader-size);height:var(--loader-size)}.status-icon-wrapper .status-circle-bg{stroke-width:4;stroke-miterlimit:10;animation:status-stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}.status-icon-wrapper .status-check-path{transform-origin:50% 50%;stroke-width:4;stroke-linecap:round;stroke-dasharray:48;stroke-dashoffset:48;animation:status-stroke-offset 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards}.status-icon-wrapper .status-cross-path{transform-origin:50% 50%;stroke-width:4;stroke-linecap:round;stroke-dasharray:48;stroke-dashoffset:48;animation:status-stroke-offset 0.35s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards}.status-icon-wrapper.success .status-circle-bg{stroke:var(--ui-success-color);fill:none}.status-icon-wrapper.success .status-check-path{stroke:var(--ui-success-color)}.status-icon-wrapper.error .status-circle-bg{stroke:var(--ui-danger-color);fill:none}.status-icon-wrapper.error .status-cross-path{stroke:var(--ui-danger-color)}.anim-spinner{width:100%;height:100%;border:var(--loader-thickness) solid color-mix(in srgb, var(--loader-color) 15%, transparent);border-left-color:var(--loader-color);border-radius:50%;box-sizing:border-box;animation:spin var(--loader-speed) linear infinite}.loader-variant-neon .anim-spinner{box-shadow:0 0 10px var(--loader-color), inset 0 0 5px var(--loader-color)}.anim-dots{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.anim-dots div{width:25%;height:25%;background-color:var(--loader-color);border-radius:50%;animation:dots-pulse var(--loader-speed) ease-in-out infinite}.anim-dots div:nth-child(2){animation-delay:calc(var(--loader-speed) / 6)}.anim-dots div:nth-child(3){animation-delay:calc(var(--loader-speed) / 3)}.anim-bar{width:100%;height:var(--loader-thickness);background:rgba(120, 120, 120, 0.15);border-radius:calc(var(--loader-thickness) / 2);overflow:hidden;position:relative}.anim-bar .bar-indeterminate{position:absolute;height:100%;background:var(--loader-color);left:-50%;width:50%;border-radius:calc(var(--loader-thickness) / 2);animation:bar-slide calc(var(--loader-speed) * 1.5) cubic-bezier(0.4, 0, 0.2, 1) infinite}.anim-bar .bar-determinate{height:100%;background:var(--loader-color);border-radius:calc(var(--loader-thickness) / 2);transition:width 0.3s ease}.anim-pulse{width:80%;height:80%;background-color:var(--loader-color);border-radius:50%;animation:pulse-grow var(--loader-speed) ease-in-out infinite}.anim-ring{width:100%;height:100%;border:var(--loader-thickness) solid transparent;border-top-color:var(--loader-color);border-bottom-color:var(--loader-color);border-radius:50%;box-sizing:border-box;animation:spin var(--loader-speed) cubic-bezier(0.5, 0, 0.5, 1) infinite}.anim-bounce{width:100%;height:100%;position:relative}.anim-bounce div{width:100%;height:100%;border-radius:50%;background-color:var(--loader-color);opacity:0.6;position:absolute;top:0;left:0;animation:bounce-scale calc(var(--loader-speed) * 2) ease-in-out infinite}.anim-bounce div:nth-child(2){animation-delay:calc(var(--loader-speed) * -1)}.anim-grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:15%;width:100%;height:100%}.anim-grid div{background-color:var(--loader-color);border-radius:50%;animation:grid-fade calc(var(--loader-speed) * 1.2) ease-in-out infinite}.anim-grid div:nth-child(1){animation-delay:0s}.anim-grid div:nth-child(2){animation-delay:0.1s}.anim-grid div:nth-child(3){animation-delay:0.2s}.anim-grid div:nth-child(4){animation-delay:0.1s}.anim-grid div:nth-child(5){animation-delay:0.2s}.anim-grid div:nth-child(6){animation-delay:0.3s}.anim-grid div:nth-child(7){animation-delay:0.2s}.anim-grid div:nth-child(8){animation-delay:0.3s}.anim-grid div:nth-child(9){animation-delay:0.4s}.anim-wave{display:flex;align-items:center;justify-content:space-between;width:100%;height:80%}.anim-wave div{width:12%;height:100%;background-color:var(--loader-color);border-radius:4px;animation:wave-stretch var(--loader-speed) ease-in-out infinite}.anim-wave div:nth-child(1){animation-delay:-0.45s}.anim-wave div:nth-child(2){animation-delay:-0.3s}.anim-wave div:nth-child(3){animation-delay:-0.15s}.anim-wave div:nth-child(4){animation-delay:-0.3s}.anim-wave div:nth-child(5){animation-delay:-0.45s}.anim-dual-ring{width:100%;height:100%;border:var(--loader-thickness) solid transparent;border-left-color:var(--loader-color);border-right-color:var(--loader-color);border-radius:50%;animation:spin var(--loader-speed) linear infinite}.anim-heartbeat{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.anim-heartbeat .heart-svg{width:90%;height:90%;fill:var(--loader-color);animation:pulse-heart calc(var(--loader-speed) * 1.2) ease infinite}.anim-clock{width:100%;height:100%;border:var(--loader-thickness) solid var(--loader-color);border-radius:50%;position:relative;box-sizing:border-box}.anim-clock .clock-hour,.anim-clock .clock-minute{position:absolute;background-color:var(--loader-color);width:var(--loader-thickness);left:calc(50% - var(--loader-thickness) / 2);transform-origin:bottom center;border-radius:4px}.anim-clock .clock-hour{height:30%;top:20%;animation:spin calc(var(--loader-speed) * 6) linear infinite}.anim-clock .clock-minute{height:40%;top:10%;animation:spin var(--loader-speed) linear infinite}.anim-raining-letters{width:100%;height:100%;overflow:hidden;border-radius:8px;border:1px solid rgba(120, 120, 120, 0.15);box-sizing:border-box}.anim-raining-letters canvas{width:100% !important;height:100% !important;background:transparent}.anim-ripple{width:100%;height:100%;position:relative}.anim-ripple div{position:absolute;border:var(--loader-thickness) solid var(--loader-color);border-radius:50%;opacity:1;width:0;height:0;top:50%;left:50%;transform:translate(-50%, -50%);animation:ripple-grow var(--loader-speed) cubic-bezier(0, 0.2, 0.8, 1) infinite}.anim-ripple div:nth-child(2){animation-delay:-0.33s}.anim-ripple div:nth-child(3){animation-delay:-0.66s}.anim-infinite{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.anim-infinite svg{width:100%;height:60%}.anim-infinite .infinity-bg{stroke:rgba(120, 120, 120, 0.1);stroke-width:4;fill:none}.anim-infinite .infinity-loop{stroke:var(--loader-color);stroke-width:4;stroke-linecap:round;stroke-dasharray:120 200;fill:none;animation:loop-crawl calc(var(--loader-speed) * 1.5) linear infinite}.anim-wifi{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.anim-wifi div{border:var(--loader-thickness) solid transparent;border-top-color:var(--loader-color);border-radius:50%;position:absolute;transform-origin:center center;box-sizing:border-box}.anim-wifi .wifi-dot{width:15%;height:15%;background-color:var(--loader-color);border:none}.anim-wifi .wifi-arc-1{width:45%;height:45%;animation:wifi-pulse var(--loader-speed) ease-in-out infinite 0.1s}.anim-wifi .wifi-arc-2{width:70%;height:70%;animation:wifi-pulse var(--loader-speed) ease-in-out infinite 0.2s}.anim-wifi .wifi-arc-3{width:95%;height:95%;animation:wifi-pulse var(--loader-speed) ease-in-out infinite 0.3s}.anim-rainbow{width:100%;height:100%;border-radius:50%;padding:var(--loader-thickness);background:linear-gradient(90deg, #ff007f, #7f00ff, #00f0ff, #00ff7f, #ffef00, #ff007f);background-size:300% 300%;box-sizing:border-box;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;animation:spin var(--loader-speed) linear infinite, gradient-move 3s ease infinite}.anim-square-shuffle{width:100%;height:100%;position:relative}.anim-square-shuffle div{width:35%;height:35%;background-color:var(--loader-color);position:absolute;animation:shuffle-move calc(var(--loader-speed) * 2) cubic-bezier(0.25, 1, 0.5, 1) infinite}.anim-square-shuffle div:nth-child(1){top:10%;left:10%}.anim-square-shuffle div:nth-child(2){top:10%;left:55%;animation-delay:-0.5s}.anim-square-shuffle div:nth-child(3){top:55%;left:55%;animation-delay:-1s}.anim-square-shuffle div:nth-child(4){top:55%;left:10%;animation-delay:-1.5s}.anim-dna-helix{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.anim-dna-helix .dna-strand{height:100%;width:6%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;animation:dna-twist calc(var(--loader-speed) * 1.5) ease-in-out infinite;animation-delay:calc(var(--i) * -0.12s)}.anim-dna-helix .dna-strand .dna-dot{width:150%;height:6%;background:var(--loader-color);border-radius:50%}.anim-dna-helix .dna-strand .dna-bar{width:30%;height:80%;background:rgba(120, 120, 120, 0.15);border-radius:2px}.anim-atom-sphere{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.anim-atom-sphere .atom-nucleus{width:20%;height:20%;background:var(--loader-color);border-radius:50%;box-shadow:0 0 10px var(--loader-color)}.anim-atom-sphere .atom-orbit{position:absolute;width:100%;height:40%;border:1.5px solid color-mix(in srgb, var(--loader-color) 35%, transparent);border-radius:50%}.anim-atom-sphere .atom-orbit .atom-electron{width:var(--loader-thickness);height:var(--loader-thickness);background:var(--loader-color);border-radius:50%;position:absolute;top:-3px;left:50%;box-shadow:0 0 6px var(--loader-color)}.anim-atom-sphere .atom-orbit.orbit-1{transform:rotate(0deg)}.anim-atom-sphere .atom-orbit.orbit-1 .atom-electron{animation:orbit-spin var(--loader-speed) linear infinite}.anim-atom-sphere .atom-orbit.orbit-2{transform:rotate(60deg)}.anim-atom-sphere .atom-orbit.orbit-2 .atom-electron{animation:orbit-spin var(--loader-speed) linear infinite -0.33s}.anim-atom-sphere .atom-orbit.orbit-3{transform:rotate(-60deg)}.anim-atom-sphere .atom-orbit.orbit-3 .atom-electron{animation:orbit-spin var(--loader-speed) linear infinite -0.66s}.anim-staircase{width:100%;height:100%;position:relative}.anim-staircase .stair-climber{width:25%;height:25%;background-color:var(--loader-color);border-radius:4px;position:absolute;top:10%;left:10%;animation:stair-climb var(--loader-speed) cubic-bezier(0.25, 1, 0.5, 1) infinite}.anim-staircase .stairs{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;height:100%}.anim-staircase .stairs div{background:rgba(120, 120, 120, 0.15);height:20%;border-radius:2px;margin-top:5%}.anim-staircase .stairs div:nth-child(1){width:100%}.anim-staircase .stairs div:nth-child(2){width:75%}.anim-staircase .stairs div:nth-child(3){width:50%}.anim-staircase .stairs div:nth-child(4){width:25%}.anim-radar{width:100%;height:100%;border-radius:50%;border:1.5px solid rgba(120, 120, 120, 0.1);box-sizing:border-box;position:relative;overflow:hidden}.anim-radar .radar-scanner{position:absolute;top:50%;left:50%;width:100%;height:100%;background:conic-gradient(from 0deg at 50% 50%, color-mix(in srgb, var(--loader-color) 15%, transparent) 0%, transparent 40%, transparent 100%);transform:translate(-50%, -50%);animation:spin var(--loader-speed) linear infinite;transform-origin:50% 50%}.anim-radar .radar-ring,.anim-radar .radar-ring-mid{position:absolute;border:1px dashed color-mix(in srgb, var(--loader-color) 25%, transparent);border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%)}.anim-radar .radar-ring{width:70%;height:70%}.anim-radar .radar-ring-mid{width:40%;height:40%}.anim-radar .radar-dot{width:8%;height:8%;background:var(--loader-color);border-radius:50%;position:absolute;top:30%;left:65%;box-shadow:0 0 8px var(--loader-color);animation:blink 1.2s infinite}.anim-liquid-drop{width:100%;height:100%;position:relative}.anim-liquid-drop .drop-nozzle{width:20%;height:10%;background:rgba(120, 120, 120, 0.2);border-radius:0 0 4px 4px;margin:0 auto}.anim-liquid-drop .drop-droplet{width:14%;height:20%;background:var(--loader-color);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;position:absolute;top:10%;left:43%;animation:drop-fall var(--loader-speed) cubic-bezier(0.5, 0, 0.7, 0.4) infinite}.anim-liquid-drop .drop-surface{width:80%;height:8%;background:color-mix(in srgb, var(--loader-color) 30%, transparent);border-radius:50%;position:absolute;bottom:10%;left:10%;animation:surface-ripple var(--loader-speed) ease infinite}.anim-neon-path{width:100%;height:100%;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 15px color-mix(in srgb, var(--loader-color) 15%, transparent);box-sizing:border-box}.anim-neon-path div{width:100%;height:100%;border:var(--loader-thickness) solid var(--loader-color);border-radius:12px;box-sizing:border-box;animation:neon-glow-scale 1.5s ease-in-out infinite alternate}.anim-neuro-pulse{width:100%;height:100%}.anim-neuro-pulse .neuro-svg{width:100%;height:100%}.anim-neuro-pulse .neuro-branch{stroke:rgba(120, 120, 120, 0.15);stroke-width:2}.anim-neuro-pulse .neuro-center{fill:var(--loader-color)}.anim-neuro-pulse .neuro-terminal{fill:rgba(120, 120, 120, 0.4)}.anim-neuro-pulse .neuro-active-pulse{fill:var(--loader-color);animation:neuro-pulse-scale 2s ease-out infinite}.anim-neuro-pulse .neuro-active-pulse.pulse-2{animation-delay:1s}.anim-vortex-ring{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.anim-vortex-ring div{position:absolute;border:var(--loader-thickness) solid transparent;border-top-color:var(--loader-color);border-radius:50%;animation:spin var(--loader-speed) cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite}.anim-vortex-ring div:nth-child(1){width:100%;height:100%}.anim-vortex-ring div:nth-child(2){width:70%;height:70%;animation-delay:-0.2s;animation-direction:reverse}.anim-vortex-ring div:nth-child(3){width:40%;height:40%;animation-delay:-0.4s}.anim-cube-fold{width:70%;height:70%;transform:rotateZ(45deg);position:relative}.anim-cube-fold .fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.anim-cube-fold .fold-cube::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--loader-color);animation:cube-fold-anim calc(var(--loader-speed) * 2.4) linear infinite both;transform-origin:100% 100%}.anim-cube-fold .fold-cube.cube-2{transform:scale(1.1) rotateZ(90deg)}.anim-cube-fold .fold-cube.cube-2::before{animation-delay:0.3s}.anim-cube-fold .fold-cube.cube-3{transform:scale(1.1) rotateZ(270deg)}.anim-cube-fold .fold-cube.cube-3::before{animation-delay:0.9s}.anim-cube-fold .fold-cube.cube-4{transform:scale(1.1) rotateZ(180deg)}.anim-cube-fold .fold-cube.cube-4::before{animation-delay:0.6s}.anim-breathing{width:60%;height:60%;background-color:var(--loader-color);border-radius:50%;animation:breathe 2s ease-in-out infinite;box-shadow:0 0 15px var(--loader-color)}.anim-glitch-text{font-family:"Courier New", Courier, monospace;font-size:16px;font-weight:900;color:#fff;position:relative;text-shadow:0.05em 0 0 rgba(255, 0, 0, 0.75), -0.025em -0.05em 0 rgba(0, 255, 0, 0.75), 0.025em 0.05em 0 rgba(0, 0, 255, 0.75);animation:glitch 1s infinite}.anim-glitch-text::before,.anim-glitch-text::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.anim-glitch-text::before{animation:glitch-anim-1 0.7s infinite linear alternate-reverse;text-shadow:-2px 0 #ff00c1;clip:rect(44px, 450px, 56px, 0)}.anim-glitch-text::after{animation:glitch-anim-2 0.7s infinite linear alternate-reverse;text-shadow:-2px 0 #00fff9, 2px 2px #ff00c1;clip:rect(85px, 450px, 140px, 0)}.anim-plc-module{background:#27272a;border:1.5px solid #3f3f46;border-radius:6px;width:90%;height:90%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;font-family:monospace;font-size:8px;color:#a1a1aa}.anim-plc-module .plc-header{background:#3f3f46;color:#fff;font-weight:bold;text-align:center;padding:2px 0}.anim-plc-module .plc-leds{display:flex;flex-direction:column;gap:4px;padding:6px;flex:1;justify-content:center}.anim-plc-module .plc-row{display:flex;justify-content:space-between;align-items:center}.anim-plc-module .plc-led{width:6px;height:6px;border-radius:50%}.anim-plc-module .plc-led.led-green{background:#22c55e;box-shadow:0 0 4px #22c55e}.anim-plc-module .plc-led.led-amber{background:#f59e0b;box-shadow:0 0 4px #f59e0b}.anim-plc-module .plc-led.led-red{background:#ef4444}.anim-plc-module .plc-led.blinking{animation:blink 0.8s infinite}.anim-plc-module .plc-led.flicker{animation:blink 0.25s infinite}.anim-plc-module .plc-led.flicker-delayed{animation:blink 0.35s infinite 0.15s}.anim-plc-module .plc-led.off{background:#52525b;box-shadow:none}.anim-m580-signal{display:flex;align-items:flex-end;justify-content:space-between;width:80%;height:60%}.anim-m580-signal div{width:14%;background-color:#22c55e;border-radius:1px;box-shadow:0 0 3px #22c55e;animation:signal-rise 1.5s ease-in-out infinite}.anim-m580-signal div:nth-child(1){height:20%;animation-delay:0.1s}.anim-m580-signal div:nth-child(2){height:40%;animation-delay:0.2s}.anim-m580-signal div:nth-child(3){height:60%;animation-delay:0.3s}.anim-m580-signal div:nth-child(4){height:80%;animation-delay:0.4s}.anim-m580-signal div:nth-child(5){height:100%;animation-delay:0.5s}.anim-circuit-board{width:100%;height:100%}.anim-circuit-board svg{width:100%;height:100%}.anim-circuit-board .circuit-path{stroke:rgba(120, 120, 120, 0.15);stroke-width:3px}.anim-circuit-board .circuit-node{fill:none;stroke:var(--loader-color);stroke-width:2.5px}.anim-circuit-board .circuit-pulse{fill:var(--loader-color);box-shadow:0 0 8px var(--loader-color)}.anim-callout-rotate{width:100%;height:100%;position:relative}.anim-callout-rotate .callout-ring{width:100%;height:100%;border:var(--loader-thickness) dashed color-mix(in srgb, var(--loader-color) 40%, transparent);border-radius:50%;box-sizing:border-box;animation:spin calc(var(--loader-speed) * 3) linear infinite}.anim-callout-rotate .callout-arrow{position:absolute;width:30%;height:30%;border:var(--loader-thickness) solid var(--loader-color);border-top:none;border-left:none;top:35%;left:35%;transform:rotate(-45deg);animation:spin var(--loader-speed) ease-in-out infinite}.anim-infinite-roller{display:flex;align-items:center;justify-content:space-around;width:100%;height:30%;border-radius:10px;background:rgba(120, 120, 120, 0.1);padding:0 4px;box-sizing:border-box}.anim-infinite-roller div{width:16%;height:60%;background-color:var(--loader-color);border-radius:50%;animation:roll-slide 1.5s ease-in-out infinite}.anim-infinite-roller div:nth-child(1){animation-delay:0s}.anim-infinite-roller div:nth-child(2){animation-delay:0.25s}.anim-infinite-roller div:nth-child(3){animation-delay:0.5s}.anim-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.anim-image img{max-width:90%;max-height:90%;object-fit:contain;animation:pulse-grow 2s ease-in-out infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes breathe{0%,100%{opacity:0.45;transform:scale(0.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes dots-pulse{0%,100%{transform:scale(0.3);opacity:0.2}50%{transform:scale(1);opacity:1}}@keyframes bar-slide{0%{left:-50%}100%{left:100%}}@keyframes pulse-grow{0%,100%{transform:scale(0);opacity:0.8}50%{transform:scale(1);opacity:0.2}}@keyframes bounce-scale{0%,100%{transform:scale(0)}50%{transform:scale(1)}}@keyframes grid-fade{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.3;transform:scale(0.7)}}@keyframes wave-stretch{0%,100%{transform:scaleY(0.3)}50%{transform:scaleY(1)}}@keyframes pulse-heart{0%{transform:scale(0.9)}25%{transform:scale(1.1)}35%{transform:scale(1)}55%{transform:scale(1.15)}70%{transform:scale(1)}100%{transform:scale(0.9)}}@keyframes ripple-grow{0%{width:0;height:0;opacity:1}100%{width:100%;height:100%;opacity:0}}@keyframes loop-crawl{0%{stroke-dashoffset:320}100%{stroke-dashoffset:0}}@keyframes wifi-pulse{0%,100%{opacity:0.25}50%{opacity:1}}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes shuffle-move{0%,100%{transform:translate(0, 0)}25%{transform:translate(120%, 0)}50%{transform:translate(120%, 120%)}75%{transform:translate(0, 120%)}}@keyframes dna-twist{0%,100%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}@keyframes orbit-spin{0%{transform:rotate(0deg) translateX(0px)}100%{transform:rotate(360deg) translateX(0px)}}@keyframes stair-climb{0%{transform:translate(0, 0)}20%{transform:translate(0, -25%)}40%{transform:translate(25%, -25%)}60%{transform:translate(25%, -50%)}80%{transform:translate(50%, -50%)}100%{transform:translate(50%, -25%)}}@keyframes drop-fall{0%{transform:scale(0) translateY(0);opacity:0}10%{transform:scale(1) translateY(0);opacity:1}80%{transform:scale(1) translateY(250%);opacity:1}90%,100%{transform:scale(0) translateY(250%);opacity:0}}@keyframes surface-ripple{0%,75%{transform:scale(0.2);opacity:0}82%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes neon-glow-scale{0%{box-shadow:0 0 10px color-mix(in srgb, var(--loader-color) 30%, transparent)}100%{box-shadow:0 0 25px color-mix(in srgb, var(--loader-color) 75%, transparent)}}@keyframes neuro-pulse-scale{0%{transform:scale(0.6);opacity:0.8}100%{transform:scale(4.5);opacity:0}}@keyframes cube-fold-anim{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px, 2px)}40%{transform:translate(-2px, -2px)}60%{transform:translate(2px, 2px)}80%{transform:translate(2px, -2px)}100%{transform:translate(0)}}@keyframes glitch-anim-1{0%{clip:rect(15px, 9999px, 66px, 0)}5%{clip:rect(85px, 9999px, 5px, 0)}10%{clip:rect(34px, 9999px, 78px, 0)}15%{clip:rect(67px, 9999px, 12px, 0)}20%{clip:rect(12px, 9999px, 115px, 0)}25%{clip:rect(98px, 9999px, 94px, 0)}30%{clip:rect(5px, 9999px, 22px, 0)}35%{clip:rect(143px, 9999px, 87px, 0)}40%{clip:rect(61px, 9999px, 140px, 0)}45%{clip:rect(72px, 9999px, 34px, 0)}50%{clip:rect(110px, 9999px, 99px, 0)}55%{clip:rect(2px, 9999px, 45px, 0)}60%{clip:rect(89px, 9999px, 112px, 0)}65%{clip:rect(30px, 9999px, 5px, 0)}70%{clip:rect(122px, 9999px, 80px, 0)}75%{clip:rect(56px, 9999px, 18px, 0)}80%{clip:rect(95px, 9999px, 134px, 0)}85%{clip:rect(14px, 9999px, 49px, 0)}90%{clip:rect(68px, 9999px, 91px, 0)}95%{clip:rect(104px, 9999px, 120px, 0)}100%{clip:rect(40px, 9999px, 10px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(112px, 9999px, 76px, 0)}5%{clip:rect(25px, 9999px, 5px, 0)}10%{clip:rect(98px, 9999px, 34px, 0)}15%{clip:rect(5px, 9999px, 145px, 0)}20%{clip:rect(87px, 9999px, 67px, 0)}25%{clip:rect(120px, 9999px, 10px, 0)}30%{clip:rect(43px, 9999px, 89px, 0)}35%{clip:rect(72px, 9999px, 120px, 0)}40%{clip:rect(2px, 9999px, 54px, 0)}45%{clip:rect(134px, 9999px, 98px, 0)}50%{clip:rect(61px, 9999px, 15px, 0)}55%{clip:rect(95px, 9999px, 130px, 0)}60%{clip:rect(14px, 9999px, 45px, 0)}65%{clip:rect(80px, 9999px, 112px, 0)}70%{clip:rect(34px, 9999px, 2px, 0)}75%{clip:rect(104px, 9999px, 80px, 0)}80%{clip:rect(44px, 9999px, 91px, 0)}85%{clip:rect(122px, 9999px, 5px, 0)}90%{clip:rect(56px, 9999px, 140px, 0)}95%{clip:rect(89px, 9999px, 22px, 0)}100%{clip:rect(110px, 9999px, 99px, 0)}}@keyframes blink{0%,100%{opacity:0.25}50%{opacity:1}}@keyframes signal-rise{0%,100%{opacity:0.2;transform:scaleY(0.7)}50%{opacity:1;transform:scaleY(1)}}@keyframes roll-slide{0%,100%{transform:translateX(-30%)}50%{transform:translateX(30%)}}@keyframes status-stroke{100%{stroke-dashoffset:0}}@keyframes status-stroke-offset{100%{stroke-dashoffset:0}}'}},[513,"ui-loader",{ariaLabel:[1,"aria-label"],ariaLive:[1,"aria-live"],backdropBlur:[4,"blur"],enableBlur:[4,"enable-blur"],color:[1],fullscreen:[4],label:[1],description:[1],labelPosition:[1,"label-position"],overlay:[4],overlayOpacity:[2,"overlay-opacity"],overlayBackground:[1,"overlay-background"],size:[1],speed:[1],thickness:[2],type:[1],visible:[516],variant:[1],value:[2],predictive:[4],messages:[1025],messageInterval:[2,"message-interval"],image:[1],rainText:[1,"rain-text"],rainColumns:[2,"rain-columns"],trapFocus:[4,"trap-focus"],status:[1537],activeLabel:[32],currentProgress:[32]},void 0,{visible:[{handleVisibilityChange:0}],messages:[{parseMessagesProp:0}],status:[{handleStatusChange:0}]}]);function s(){"undefined"!=typeof customElements&&["ui-loader"].forEach((i=>{"ui-loader"===i&&(customElements.get(t(i))||customElements.define(t(i),o))}))}export{o as L,s as d}

package/dist/components/my-step.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as n}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}stepTitle="";icon="";subtitle="";badge="";tooltip="";disabled=!1;status="";index=0;validate;async renderContent(){return i("slot",null)}render(){return i("slot",{key:"6b62a13aaa9111709fb6683ad93320b3970a6454"})}static get style(){return".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}"}},[769,"my-step",{stepTitle:[1,"step-title"],icon:[1],subtitle:[1],badge:[1],tooltip:[1],disabled:[4],status:[1],index:[2],validate:[16],renderContent:[64]}]),r=o,a=function(){"undefined"!=typeof customElements&&["my-step"].forEach((t=>{"my-step"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))};export{r as MyStep,a as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as n}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}stepTitle="";icon="";subtitle="";badge="";tooltip="";disabled=!1;status="";index=0;validate;async renderContent(){return i("slot",null)}render(){return i("slot",{key:"07c09e3d2857a1d05a6e96a4b1d8aede882ea1f5"})}static get style(){return".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}"}},[769,"my-step",{stepTitle:[1,"step-title"],icon:[1],subtitle:[1],badge:[1],tooltip:[1],disabled:[4],status:[1],index:[2],validate:[16],renderContent:[64]}]),r=o,a=function(){"undefined"!=typeof customElements&&["my-step"].forEach((t=>{"my-step"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))};export{r as MyStep,a as defineCustomElement}