atomicuilibrary 0.1.0 → 0.1.3

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

@@ -1 +0,0 @@
-import{r as t,c as e,a as i,h as s,H as r}from"./p-DUsoYu9r.js";const o=class{constructor(i){t(this,i),this.groupClick=e(this,"groupClick"),this.groupToggle=e(this,"groupToggle")}get el(){return i(this)}label="";collapsible=!1;expanded=!0;icon="";divider=!0;dense=!1;selectable=!1;selected=!1;badge="";badgeColor="default";level=0;skeleton=!1;groupClick;groupToggle;toggleExpanded=t=>{t.stopPropagation(),this.collapsible&&(this.expanded=!this.expanded,this.groupToggle.emit({expanded:this.expanded}))};handleHeaderClick=t=>{this.selectable&&(this.selected=!this.selected),this.groupClick.emit({selected:this.selected,expanded:this.expanded}),this.collapsible&&!this.selectable&&this.toggleExpanded(t)};renderSkeleton(){return s("div",{class:"list-group-skeleton"},s("div",{class:"skeleton-header"},s("div",{class:"skeleton-icon"}),s("div",{class:"skeleton-text"})),s("div",{class:"skeleton-content"},s("div",{class:"skeleton-item"}),s("div",{class:"skeleton-item"}),s("div",{class:"skeleton-item"})))}render(){if(this.skeleton)return s(r,null,this.renderSkeleton());const t={"group-header":!0,"group-header-collapsible":this.collapsible,"group-header-dense":this.dense,"group-header-selected":this.selected,"group-header-selectable":this.selectable},e={"group-content":!0,"group-content-collapsed":!this.expanded},i=24*this.level;return s(r,{style:{"--group-level":this.level.toString()}},this.label&&s("div",{class:t,onClick:this.handleHeaderClick,style:{paddingLeft:`${i+12}px`}},s("div",{class:"header-left"},this.collapsible&&s("ui-button",{variant:"ghost",onClick:this.toggleExpanded,ariaLabel:this.expanded?"Collapse group":"Expand group",icon:this.expanded?"chevron-down":"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),this.selectable&&s("div",{class:{"selection-checkbox":!0,selected:this.selected}},s("div",{class:"checkbox-box"},this.selected&&s("ui-icon",{name:"check",library:"fontawesome"}))),this.icon&&s("ui-icon",{class:"group-icon",name:this.icon.replace(/^fa[sb]? fa-/,""),library:"fontawesome"}),s("span",{class:"group-label"},this.label),this.badge&&s("span",{class:`group-badge badge-${this.badgeColor}`},this.badge)),s("div",{class:"header-actions"},s("slot",{name:"header-actions"}))),s("div",{class:e,role:"region","aria-expanded":this.expanded.toString()},s("slot",null)),s("div",{class:"group-footer"},s("slot",{name:"footer"})),this.divider&&s("div",{class:"group-divider"}))}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;--header-padding:12px 16px;--header-bg-hover:rgba(0, 0, 0, 0.04);--header-bg-selected:var(--primary-color-light, #e0f2fe);--header-color-selected:var(--primary-color, #0284c7)}.group-header{padding:var(--header-padding);font-weight:600;font-size:0.875rem;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;justify-content:space-between;user-select:none;border-radius:4px;margin-bottom:4px;transition:all 0.2s ease}.group-header-collapsible{cursor:pointer}.group-header-collapsible:hover{background-color:var(--header-bg-hover)}.group-header-selectable{cursor:pointer}.group-header-selectable:hover{background-color:var(--header-bg-hover)}.group-header-selected{background-color:var(--header-bg-selected);color:var(--header-color-selected)}.group-header-selected .group-icon,.group-header-selected .collapse-icon{color:var(--header-color-selected)}.group-header-dense{padding:8px 16px;font-size:0.8125rem}.header-left{display:flex;align-items:center;gap:12px;flex:1}.collapse-btn{background:none;border:none;padding:4px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 0.2s;margin-left:-8px}.collapse-btn:hover{background-color:rgba(0, 0, 0, 0.1)}.selection-checkbox{margin-right:-4px;display:flex;align-items:center;justify-content:center}.selection-checkbox .checkbox-box{width:20px;height:20px;border:2px solid var(--border-strong, #d1d5db);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;background:var(--bg-primary, #ffffff)}.selection-checkbox .checkbox-box i{font-size:12px;color:var(--text-standard, #ffffff);transform:scale(0);transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.selection-checkbox.selected .checkbox-box{background:var(--primary-color, #0ea5e9);border-color:var(--primary-color, #0ea5e9)}.selection-checkbox.selected .checkbox-box i{transform:scale(1)}.selection-checkbox:hover .checkbox-box{border-color:var(--primary-color, #0ea5e9)}.group-badge{padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;margin-left:8px;line-height:1.4}.group-badge.badge-default{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.group-badge.badge-primary{background:var(--primary-color, #0ea5e9);color:var(--text-standard, #ffffff)}.group-badge.badge-secondary{background:var(--secondary-color, #64748b);color:var(--text-standard, #ffffff)}.group-badge.badge-success{background:var(--success-color, #22c55e);color:var(--text-standard, #ffffff)}.group-badge.badge-danger{background:var(--danger-color, var(--color-danger, #ef4444));color:var(--text-standard, #ffffff)}.group-badge.badge-warning{background:var(--warning-color, var(--color-warning, #f59e0b));color:var(--text-standard, #ffffff)}.group-badge.badge-info{background:var(--info-color, var(--color-primary, #10b981));color:var(--text-standard, #ffffff)}.header-actions{display:flex;align-items:center;gap:8px}.group-footer{padding:8px 16px;border-top:1px solid var(--border-subtle, #f3f4f6);font-size:0.875rem;color:var(--text-muted, #6b7280)}.group-footer:empty{display:none}.collapse-icon{font-size:0.75rem;transition:transform 0.2s ease;color:var(--text-muted, #9ca3af)}.group-icon{font-size:1rem;color:var(--text-muted, #6b7280)}.group-label{flex:1}.group-content{display:block;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity:1;max-height:1000px;overflow:visible;transform-origin:top}.group-content-collapsed{max-height:0;opacity:0;overflow:hidden;transform:scaleY(0.95)}.group-divider{height:1px;background-color:var(--bg-primary, #e5e7eb);margin:8px 0}.list-group-skeleton{padding:16px}.list-group-skeleton .skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.list-group-skeleton .skeleton-header .skeleton-icon{width:24px;height:24px;border-radius:4px;background:var(--bg-primary, #e5e7eb);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-header .skeleton-text{height:16px;width:120px;border-radius:4px;background:var(--bg-primary, #e5e7eb);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-content{display:flex;flex-direction:column;gap:12px;padding-left:12px}.list-group-skeleton .skeleton-content .skeleton-item{height:48px;width:100%;border-radius:8px;background:var(--bg-secondary, #f3f4f6);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-content .skeleton-item:nth-child(2){animation-delay:0.1s}.list-group-skeleton .skeleton-content .skeleton-item:nth-child(3){animation-delay:0.2s}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}";const a=class{constructor(i){t(this,i),this.listItemClick=e(this,"listItemClick"),this.listItemActionClick=e(this,"listItemActionClick"),this.listItemToggle=e(this,"listItemToggle"),this.contextMenuOpenEvent=e(this,"contextMenuOpenEvent"),this.contextMenuCloseEvent=e(this,"contextMenuCloseEvent"),this.checkboxChange=e(this,"checkboxChange"),this.pillClick=e(this,"pillClick"),this.tagClick=e(this,"tagClick"),this.swipeAction=e(this,"swipeAction"),this.longPress=e(this,"longPress"),this.starToggle=e(this,"starToggle"),this.detailToggle=e(this,"detailToggle")}get el(){return i(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="";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;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 e=this.el.shadowRoot.querySelector(".list-item");e&&!e.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 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}),navigator.vibrate&&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)};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="left"===t?this.leftActions.length?this.leftActions:[{icon:this.leftActionIcon,action:"left"}]:this.rightActions.length?this.rightActions:[{icon:this.rightActionIcon,action:"right"}],i=e[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:i}),"dismiss"===this.swipeBehavior?this.el.style.display="none":this.swipeOffset=0}),200)}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,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),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}))}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},e=24*this.level,i=this.parseTagsToItems(),o="string"==typeof this.avatarGroup?JSON.parse(this.avatarGroup||"[]"):this.avatarGroup||[];return s(r,{key:"68703af536d1a333ea4729dde39a4b0a3a1a963a",onKeyDown:this.handleKeyDown,tabIndex:this.interactive&&!this.disabled?0:-1},s("div",{key:"9e02626ec81c7db9ce167cb5b32aaf4d4878bdde",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:`${e+(this.level>0?32:16)}px`,transform:`translateX(${this.swipeOffset}px)`},part:"list-item"},this.priorityPulse&&s("div",{key:"29d6dd764bf04afdcf38425cdcd739585a2903af",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:"b9d5129954d5021f5d47104d85557bb1006c2a28",class:"swipe-actions-container"},this.swipeOffset>0&&s("div",{key:"d94c942653b41cc7c404e5236d142cf392b3026e",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:"ff0e3be9faefe1792b5bb5f2dac71639b8fc943b",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:"509fdfe2043cfa2c1584747a1cdff696e49e6e1c",class:"skeleton-pulse"}),this.showCheckbox&&!this.skeleton&&s("div",{key:"3b94d917cda90a81674d30a01e058d7e1627cc15",class:"list-item-checkbox"},s("ui-checkbox",{key:"ed51e5443153fd04a454e785539f27c8d5d0d8fa",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:"40d4c58284448f55872a0d0a8fa6942bf5bf3d68",class:"collapse-icon",name:this.expanded?"chevron-down":"chevron-right",library:"fontawesome"}),"left"===this.avatarPosition&&s("div",{key:"3a6d23758b12c51dc8b3b129a48a5ed4e4b03527",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:"7324255b937c72d9c0554551283752f5420873ad",class:"list-item-content"},s("div",{key:"5228f2e36dc8dfd59846145283d92dfaddae02a1",class:"list-item-label-wrapper"},this.showStar&&!this.skeleton&&s("ui-icon",{key:"3be9af3d26463d813b16d72b64d50490c47f743c",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:"ce95f56be7c57cb22f18dbe29b563f23370c8ad4",class:{"list-item-label":!0,"skeleton-text":this.skeleton}},this.skeleton?"":this.renderLabel(this.label)),this.badge&&!this.skeleton&&s("span",{key:"a0f89fcb57de59bf532a08890e4320df97a20a8e",class:`list-item-badge badge-${this.badgeColor}`},this.badge)),(this.sublabel||this.skeleton)&&s("div",{key:"3f7faa356828db1ae100e842817806c959df0793",class:"list-item-subline"},s("span",{key:"8a44708f95a0fbc37e1cc423d7ec3ac1335013b3",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:"88e4acf63cd5a2c41ed6a415dd6f507248b76932",class:"list-item-progress-container"},s("div",{key:"47f6768a5fd86b2ab0cdc99c8f8d190722614cc1",class:"list-item-progress-bar",style:{width:`${this.progress}%`}}),s("span",{key:"cccb5de1b94b9e4d5bc67404fa99cfb9da977ad2",class:"list-item-progress-text"},this.progress,"%")),this.avatarGroup&&"content"===this.avatarGroupPosition&&!this.skeleton&&s("div",{key:"af82b569419d754fad9c69e2897edec209021098",class:"list-item-collaborators"},s("ui-avatar-group",{key:"6c9b9fe703202462dccf061df0b4348dcf6f6cf6",items:o,size:"xs",spacing:"-8px"})),i.length>0&&!this.skeleton&&s("div",{key:"9d976bb0110f663b72bcc6043237ecc73df8b72a",class:"list-item-tags"},s("ui-tag-group",{key:"96dcf37a09327a14126ccbf6076ab286a607aa02",spacing:"4px"},i.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:"09bf74616891faad73651171d6fe26c75abe3445"}),"right"===this.avatarPosition&&s("div",{key:"834d8db05fa7e4f716ec8d7e68666d38de4f6cef",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:"551ca783c0367ad8dbc84b24f6314c6887b041e7",class:"list-item-right-collaborators"},s("ui-avatar-group",{key:"f40c83478abf51489bedf99286938cd9a47d6dbe",items:o,size:"xs",spacing:"-8px"})),""!==this.counter&&!this.skeleton&&s("span",{key:"00aa9fe0ac7c99d4bfa0b1c4624d10e6894c57ca",class:{"list-item-counter":!0,[`counter-${this.counterColor}`]:"default"!==this.counterColor},part:"counter"},this.counter),this.locked&&!this.skeleton&&s("ui-icon",{key:"c80b721608132dea939c6b8f93f631b488aefa7f",class:"list-item-lock-icon",name:"lock",library:"fontawesome"}),this.showMenu&&!this.skeleton&&s("div",{key:"1b518b506020c79e6627c16934c050a48aabe0d2",class:"list-item-menu",onClick:t=>{t.stopPropagation(),this.toggleContextMenu(t)}},s("ui-icon",{key:"01f76b775711b2e742255cbdd2b3dc15b4b2730f",name:"ellipsis-v",library:"fontawesome"}))),this.contextMenuOpen&&s("div",{key:"320e1f36c5d48e6aec081d1504a30519f5a7e05e",ref:t=>this.contextMenuRef=t,class:"list-item-context-menu-container",style:{top:`${this.contextMenuY}px`,left:`${this.contextMenuX}px`}},s("slot",{key:"1825b38bd66e89e24ce8cc4178d68503acfb984a",name:"context-menu"},s("div",{key:"185c97398e040eb1a453357515c3f35613f8b212",class:"context-menu-default"},s("div",{key:"7c42cfd7239776e53f964db28d929171c67eea90",class:"context-menu-item",onClick:()=>this.closeContextMenu()},s("ui-icon",{key:"e6c186b90b24b646b6676d9c6a620bef8abd3e36",name:"info-circle",library:"fontawesome"}),s("span",{key:"bc804dee80b4c031e3ab1ca2a8008a4ac892f1bd"},"View Details")),s("div",{key:"edc2215ead4093d378a1aa86145dcf2de45880ac",class:"context-menu-item",onClick:()=>this.closeContextMenu()},s("ui-icon",{key:"1e0c1666d0a81a8bf79836428ec4dd64193779c9",name:"edit",library:"fontawesome"}),s("span",{key:"8805f4641c23e9dd97b1aa7fa1b62cb0be5ac1ee"},"Edit Item")),s("div",{key:"8c6076bbda9ffe77a6ed2d17d63542e9c945d316",class:"context-menu-divider"}),s("div",{key:"b75413de809407021aa18bb45b77904a19434013",class:"context-menu-item danger",onClick:()=>this.closeContextMenu()},s("ui-icon",{key:"bac87420c04683ec95c8a45c292348dfe2c1009c",name:"trash",library:"fontawesome"}),s("span",{key:"181d578e7817cf822e4a8c80b824cbf94d35240f"},"Delete Node"))))),this.expandable&&s("div",{key:"081ffb4a8b6786ee42ed19d0506ac11b0108661a",class:{"list-item-detail-panel":!0,"is-expanded":this.expandedDetail}},s("slot",{key:"120fb4d707d9e39474c31cb3d8d9ed84a8bad003",name:"detail"})))}};a.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.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-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-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)}';export{o as ui_list_group,a as ui_list_item}