atomicuilibrary 0.0.1 → 0.1.3

package/dist/components/ui-list.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as a,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./avatar.js";import{d as o}from"./avatar-group.js";import{d as n,a as l}from"./badge.js";import{d as c}from"./checkbox.js";import{d}from"./icon.js";import{d as h}from"./input.js";import{d as p}from"./list-group.js";import{d as b}from"./list-item.js";import{d as f}from"./stack.js";import{d as u}from"./tag.js";import{d as m}from"./tag-group.js";const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.listItemSelect=i(this,"listItemSelect",7),this.listChange=i(this,"listChange",7),this.listStarToggle=i(this,"listStarToggle",7),this.swipeAction=i(this,"swipeAction",7),this.longPress=i(this,"longPress",7),this.searchChange=i(this,"searchChange",7),this.itemsReorder=i(this,"itemsReorder",7),this.pageChange=i(this,"pageChange",7),this.loadMore=i(this,"loadMore",7),this.bulkAction=i(this,"bulkAction",7),this.columnSort=i(this,"columnSort",7)}get el(){return this}label="";size="md";color="default";variant="text";dense=!1;dividers=!1;rounded=!1;elevated=!1;selectable=!0;multiSelect=!1;selectedValues=[];maxHeight="";fullWidth=!1;padding=!0;subheader="";virtual=!1;itemHeight=48;items=[];searchable=!1;searchPlaceholder="Search...";searchQuery="";loading=!1;loadingText="Loading...";skeleton=!1;emptyText="No items found";showEmpty=!0;isDraggable=!1;paginated=!1;itemsPerPage=10;currentPage=1;checkboxSelection=!1;keyboardNavigation=!0;grouped=!1;groupBy="";flush=!1;horizontal=!1;numbered=!1;infinite=!1;loadMoreThreshold=50;stickyHeaders=!1;showBulkHeader=!1;bulkActions=[];grid=!1;gridCols=3;dragGroup="";altMode=!0;altKeyPressed=!1;isPowerLauncherOpen=!1;emptyStateTitle="No results found";emptyStateActionLabel="";selectionHeaderColor="primary";ariaLabel="System Cluster List";density="comfortable";viewTabs=[];commandK=!0;showMinimap=!0;isCommandKOpen=!1;commandQuery="";activeTab=0;focusRingTop=-1;focusRingHeight=0;showConfetti=!1;isEKGActive=!0;groupDashboards=new Set;syncing=!1;filterChips=[];showSortingHeaders=!1;columns=[];showGroupFooter=!1;groupFooterLabel="Items";floatingFAB=!1;isPaletteOpen=!1;isQuickLookOpen=!1;shiftSelectionStartIndex=-1;scrollTop=0;lassoActive=!1;lassoStart={x:0,y:0};lassoEnd={x:0,y:0};visibleItems=[];filteredItems=[];focusedIndex=-1;draggedItem=null;totalPages=1;listItemSelect;listChange;listStarToggle;swipeAction;longPress;searchChange;itemsReorder;pageChange;loadMore;bulkAction;columnSort;_sortColumn="";_sortDir="asc";listRef;scrollTimeout;componentWillLoad(){try{this.filterItems()}catch(t){console.error("[AppList] Error filtering items:",t)}}componentDidLoad(){this.virtual&&this.updateVisibleItems()}handleItemsChange(){this.filterItems()}filterItems(){let t=[...this.items];if(this.searchQuery&&this.searchable){const e=this.searchQuery.toLowerCase();t=t.filter((t=>"string"==typeof t?t.toLowerCase().includes(e):t.label?t.label.toLowerCase().includes(e):t.text?t.text.toLowerCase().includes(e):JSON.stringify(t).toLowerCase().includes(e)))}if(this.filteredItems=t,this.paginated){this.totalPages=Math.ceil(t.length/this.itemsPerPage);const e=(this.currentPage-1)*this.itemsPerPage;this.filteredItems=t.slice(e,e+this.itemsPerPage)}this.virtual&&this.updateVisibleItems()}getGroupedItems(){if(!this.grouped||!this.groupBy)return null;const t={};return this.filteredItems.forEach((e=>{const i=e[this.groupBy]||"Other";t[i]||(t[i]=[]),t[i].push(e)})),t}updateVisibleItems(){if(!this.listRef||!this.virtual)return;const t=this.listRef.clientHeight||400,e=Math.floor(this.scrollTop/this.itemHeight),i=Math.ceil((this.scrollTop+t)/this.itemHeight);this.visibleItems=this.filteredItems.slice(Math.max(0,e-5),Math.min(this.filteredItems.length,i+5))}handleScroll=t=>{const e=t.target;this.scrollTop=e.scrollTop,this.virtual&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout((()=>{this.updateVisibleItems()}),50)),this.infinite&&e.scrollHeight-e.scrollTop-e.clientHeight<this.loadMoreThreshold&&this.loadMore.emit()};handleLassoStart=t=>{if(this.isPaletteOpen||this.isQuickLookOpen)return;if(!t.target.classList.contains("list"))return;this.lassoActive=!0;const e=this.listRef.getBoundingClientRect();this.lassoStart={x:t.clientX-e.left,y:t.clientY-e.top},this.lassoEnd={...this.lassoStart},document.addEventListener("mousemove",this.handleLassoMove),document.addEventListener("mouseup",this.handleLassoEnd)};handleLassoMove=t=>{if(!this.lassoActive)return;const e=this.listRef.getBoundingClientRect();this.lassoEnd={x:t.clientX-e.left,y:t.clientY-e.top},this.checkLassoSelection()};handleLassoEnd=()=>{this.lassoActive=!1,document.removeEventListener("mousemove",this.handleLassoMove),document.removeEventListener("mouseup",this.handleLassoEnd)};checkLassoSelection(){const t=Math.min(this.lassoStart.x,this.lassoEnd.x),e=Math.max(this.lassoStart.x,this.lassoEnd.x),i=Math.min(this.lassoStart.y,this.lassoEnd.y),a=Math.max(this.lassoStart.y,this.lassoEnd.y),s=this.listRef.querySelectorAll("ui-list-item"),r=[...this.selectedValues];s.forEach((s=>{const o=s.getBoundingClientRect(),n=this.listRef.getBoundingClientRect(),l=o.top-n.top,c=o.left-n.left;if(l+o.height>i&&l<a&&c+o.width>t&&c<e){const t=s.value||s.label;r.includes(t)||r.push(t)}})),this.selectedValues=Array.from(new Set(r))}handleGlobalKeyDown(t){if(!this.keyboardNavigation)return;if(t.composedPath()[0]instanceof HTMLInputElement||t.composedPath()[0]instanceof HTMLTextAreaElement)return;if("?"===t.key)return t.preventDefault(),void(this.isPaletteOpen=!this.isPaletteOpen);if(this.isPaletteOpen&&"Escape"===t.key)return void(this.isPaletteOpen=!1);if("["===t.key||"]"===t.key)return t.preventDefault(),void this.jumpToGroup("["===t.key?"prev":"next");if(" "===t.key&&!this.isPaletteOpen)return t.preventDefault(),void(this.isQuickLookOpen=!this.isQuickLookOpen);const e=t.shiftKey;switch("Alt"===t.key&&(this.altKeyPressed=!0),"k"===t.key&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.isCommandKOpen=!this.isCommandKOpen),t.key.toLowerCase()){case"j":case"arrowdown":t.preventDefault(),e&&this.focusedIndex>=0&&this.handleRangeSelection(this.focusedIndex,Math.min(this.filteredItems.length-1,this.focusedIndex+1)),this.moveFocusRel(1);break;case"k":case"arrowup":t.preventDefault(),e&&this.focusedIndex>=0&&this.handleRangeSelection(this.focusedIndex,Math.max(0,this.focusedIndex-1)),this.moveFocusRel(-1);break;case"x":if(this.focusedIndex>=0){const t=this.filteredItems[this.focusedIndex],e=t.value||t.id||""+this.focusedIndex;this.handleItemSelection(e,!this.selectedValues.includes(e))}}}handleGlobalKeyUp(t){"Alt"===t.key&&(this.altKeyPressed=!1)}handleKeyDown=t=>{if(!this.keyboardNavigation)return;const e=this.filteredItems;if(0!==e.length)if("ArrowDown"===t.key)t.preventDefault(),this.moveFocus(1);else if("ArrowUp"===t.key)t.preventDefault(),this.moveFocus(-1);else if("Enter"===t.key&&this.focusedIndex>=0){const t=e[this.focusedIndex];this.handleItemSelection(t.value||t.id||""+this.focusedIndex,!0)}else if(" "===t.key&&this.checkboxSelection&&this.focusedIndex>=0){t.preventDefault();const i=e[this.focusedIndex],a=i.value||i.id||""+this.focusedIndex,s=this.selectedValues.includes(a);this.handleItemSelection(a,!s)}};handleRangeSelection(t,e){-1===this.shiftSelectionStartIndex&&(this.shiftSelectionStartIndex=t);const i=Math.min(this.shiftSelectionStartIndex,e),a=Math.max(this.shiftSelectionStartIndex,e),s=Array.from(new Set([...this.selectedValues]));for(let t=i;t<=a;t++){const e=this.filteredItems[t].value||this.filteredItems[t].label;s.includes(e)||s.push(e)}this.selectedValues=s,this.listChange.emit({values:this.selectedValues})}jumpToGroup(t){const e=this.getGroupedItems();if(!e)return;const i=Object.keys(e),a=this.filteredItems[this.focusedIndex];if(!a)return void this.moveFocus(0);const s=i.find((t=>e[t].includes(a)));if(!s)return;let r=i.indexOf(s)+("next"===t?1:-1);r<0&&(r=i.length-1),r>=i.length&&(r=0);const o=this.filteredItems.indexOf(e[i[r]][0]);this.moveFocus(o-this.focusedIndex)}moveFocusRel(t){const e=Math.max(0,Math.min(this.focusedIndex+t,this.filteredItems.length-1));if(e!==this.focusedIndex){this.focusedIndex=e,this.updateFocusRing(),this.scrollToFocused();const t=this.el.shadowRoot?.querySelectorAll("ui-list-item");t?.[e]?.focus()}}updateFocusRing(){const t=this.el.shadowRoot?.querySelectorAll("ui-list-item"),e=t?.[this.focusedIndex];if(e){const t=this.listRef.getBoundingClientRect(),i=e.getBoundingClientRect();this.focusRingTop=i.top-t.top+this.listRef.scrollTop,this.focusRingHeight=i.height}}moveFocus(t){this.moveFocusRel(t)}scrollToFocused(){if(this.listRef&&this.focusedIndex>=0){const t=this.listRef.children[this.focusedIndex];t&&(t.scrollIntoView({block:"nearest",behavior:"smooth"}),t.focus())}}handleDragStart=(t,e,i)=>{this.isDraggable&&(this.draggedItem={item:e,index:i},t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/html",t.target.outerHTML),t.target.classList.add("dragging"))};handleDragOver=t=>{this.isDraggable&&this.draggedItem&&(t.preventDefault(),t.dataTransfer.dropEffect="move")};handleDrop=(t,e)=>{t.preventDefault();const i=t.dataTransfer.getData("source-list-id"),a=t.dataTransfer.getData("drag-group"),s=t.dataTransfer.getData("item-data");if(a&&a!==this.dragGroup)console.warn("[AppList] Drag group mismatch");else{if(i!==this.el.id&&i)try{const t=JSON.parse(s),i=[...this.filteredItems];i.splice(e,0,t),this.filteredItems=i,this.itemsReorder.emit({items:i})}catch(t){console.error("[AppList] Error parsing external item data",t)}else{if(!this.draggedItem)return;const t=this.draggedItem.index;if(t===e)return;const i=[...this.filteredItems],[a]=i.splice(t,1);i.splice(e,0,a),this.filteredItems=i,this.itemsReorder.emit({items:i})}this.draggedItem=null}};handleDragEnd=t=>{t.target.classList.remove("dragging"),this.draggedItem=null};handleItemSelection(t,e){this.selectable&&(this.multiSelect||this.checkboxSelection?e?this.selectedValues.includes(t)||(this.selectedValues=[...this.selectedValues,t]):this.selectedValues=this.selectedValues.filter((e=>e!==t)):this.selectedValues=e?[t]:[],this.listItemSelect.emit({value:t,values:this.selectedValues}),this.listChange.emit({values:this.selectedValues}))}goToPage(t){t<1||t>this.totalPages||(this.currentPage=t,this.pageChange.emit({page:t}))}renderSearch(){return this.searchable?a("div",{class:"list-search"},a("ui-icon",{name:"search",library:"fontawesome",class:"search-icon"}),a("ui-input",{type:"text",class:"search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,onInputChange:t=>{this.searchQuery=t.detail,this.searchChange.emit({query:this.searchQuery})},prefixIcon:"search",size:"sm"}),this.searchQuery&&a("ui-button",{variant:"ghost",class:"search-clear",onClick:()=>{this.searchQuery="",this.searchChange.emit({query:""})},icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})):null}renderLoading(){return this.loading?a("div",{class:"list-loading"},a("ui-loader",{type:"spinner",size:"1.2em",color:"primary"}),a("span",null,this.loadingText)):null}renderEmpty(){return!this.showEmpty||this.loading||this.filteredItems.length>0?null:a("div",{class:"list-empty"},a("ui-icon",{name:"inbox",library:"fontawesome"}),a("span",null,this.emptyText))}renderPagination(){if(!this.paginated||this.totalPages<=1)return null;const t=[];for(let e=1;e<=this.totalPages;e++)1===e||e===this.totalPages||e>=this.currentPage-2&&e<=this.currentPage+2?t.push(a("ui-button",{variant:e===this.currentPage?"primary":"ghost",class:{"pagination-button":!0,active:e===this.currentPage},onClick:()=>this.goToPage(e),label:""+e,size:"sm"})):e!==this.currentPage-3&&e!==this.currentPage+3||t.push(a("span",{class:"pagination-ellipsis"},"..."));return a("div",{class:"list-pagination"},a("ui-button",{variant:"ghost",class:"pagination-button",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1),icon:"chevron-left",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),t,a("ui-button",{variant:"ghost",class:"pagination-button",disabled:this.currentPage===this.totalPages,onClick:()=>this.goToPage(this.currentPage+1),icon:"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}))}renderVirtualList(){return a("div",{class:"virtual-list",style:{height:this.filteredItems.length*this.itemHeight+"px",position:"relative"}},a("div",{style:{transform:`translateY(${Math.floor(this.scrollTop/this.itemHeight)*this.itemHeight}px)`}},this.visibleItems.map(((t,e)=>this.renderItem(t,e)))))}renderItem(t,e){const i=t.value||t.id||""+e,s=this.selectedValues.includes(i);return a("ui-list-item",{style:{"--item-index":""+e},label:t.label||t.text||t,sublabel:t.sublabel||"",value:i,icon:t.icon||"",userAvatar:t.avatar||t.userAvatar||"",image:t.image||"",selected:s,skeleton:this.skeleton||this.loading,highlight:this.searchQuery,size:this.size,badge:t.badge||"",counter:t.counter||"",tags:t.tags||"",interactive:this.selectable,onListItemClick:()=>this.handleItemSelection(i,!s),onCheckboxChange:t=>this.handleItemSelection(i,t.detail.checked),showCheckbox:this.checkboxSelection,swipeActions:t.swipeActions??!0,leftActionIcon:t.leftActionIcon??"check",rightActionIcon:t.rightActionIcon??"trash",leftActions:t.leftActions||[],rightActions:t.rightActions||[],avatarGroup:t.avatarGroup||t.collaborators||"",avatarGroupPosition:t.avatarGroupPosition||"content",progress:t.progress??-1,status:t.status||"",statusPosition:t.statusPosition||"bottom-right",starred:t.starred||!1,showStar:t.showStar||!1,expandable:t.expandable||!1,priorityPulse:t.priorityPulse||!1,presence:t.presence||[],presenceCursors:t.presenceCursors||[],density:this.density,auraMode:!0,sparkline:t.sparkline||[],metadata:t.metadata||{},showGhostLayer:this.altKeyPressed,gridMode:this.grid,focused:this.focusedIndex===e,class:{draggable:this.isDraggable,"focused-item":this.focusedIndex===e},draggable:this.isDraggable,onDragStart:i=>{this.handleDragStart(i,t,e),i.dataTransfer.setData("source-list-id",this.el.id),i.dataTransfer.setData("drag-group",this.dragGroup),i.dataTransfer.setData("item-data",JSON.stringify(t))},onDragOver:this.handleDragOver,onDrop:t=>this.handleDrop(t,e),onDragEnd:this.handleDragEnd,onSwipeAction:t=>{t.stopPropagation(),this.swipeAction.emit({value:t.detail.value,side:t.detail.side,action:t.detail.action})},onLongPress:t=>{t.stopPropagation(),this.longPress.emit({value:t.detail.value})},onStarToggle:t=>{t.stopPropagation(),this.listStarToggle.emit({value:t.detail.value,starred:t.detail.starred})}})}renderGroupFooter(t){return this.showGroupFooter?a("div",{class:"list-group-footer",slot:"footer"},this.groupFooterLabel,": ",t.length):null}handleItemClick(t){const{value:e,selected:i,shiftKey:a,ctrlKey:s,metaKey:r}=t.detail;if(!this.selectable)return;const o=this.filteredItems.findIndex((t=>(t.value||t.id||t.label)===e));a&&-1!==this.shiftSelectionStartIndex&&this.multiSelect?this.handleRangeSelection(this.shiftSelectionStartIndex,o):(s||r)&&this.multiSelect?(this.handleItemSelection(e,!this.selectedValues.includes(e)),this.shiftSelectionStartIndex=o):(this.handleItemSelection(e,i),this.shiftSelectionStartIndex=o),this.listItemSelect.emit({value:e,values:this.selectedValues,shiftKey:a,ctrlKey:s,metaKey:r}),this.listChange.emit({values:this.selectedValues})}renderContent(){return this.loading?this.renderLoading():this.virtual?this.renderVirtualList():this.grouped&&this.items&&this.items.length>0?this.renderGroupedItems():this.items&&this.items.length>0?this.filteredItems.length>0?this.filteredItems.map(((t,e)=>this.renderItem(t,e))):this.renderEmpty():a("slot",null)}renderEKGWaveform(){return this.isEKGActive?a("div",{class:"list-ekg-container"},a("svg",{class:"list-ekg-waveform",viewBox:"0 0 100 20",preserveAspectRatio:"none"},a("path",{d:"M0,10 L10,10 L12,2 L15,18 L18,10 L30,10 L32,5 L35,15 L38,10 L50,10 L52,0 L55,20 L58,10 L100,10",fill:"none",stroke:"rgba(59, 130, 246, 0.4)","stroke-width":"1.5"}))):null}renderConfetti(){if(!this.showConfetti)return null;const t=Array.from({length:20});return a("div",{class:"list-confetti-burst"},t.map((()=>a("div",{class:"confetti-particle"}))))}renderGroupDashboard(t,e){if(!this.groupDashboards.has(t))return null;const i=Math.round(e.reduce(((t,e)=>t+(e.progress||0)),0)/e.length),s=e.filter((t=>"online"===t.status)).length;return a("div",{class:"group-mini-dashboard"},a("div",{class:"gm-stat"},"Group Pulse: ",a("strong",null,i,"%")),a("div",{class:"gm-stat"},"Vitality: ",a("strong",null,s,"/",e.length," Active")),a("div",{class:"gm-spark",style:{flex:"1"}},a("svg",{height:"24",width:"100%"},a("path",{d:"M0,12 Q25,2 50,12 T100,12",fill:"none",stroke:"#3bf673","stroke-width":"2"}))))}renderGroupedItems(){const t=this.getGroupedItems();return t?Object.keys(t).map((e=>a("ui-list-group",{key:e,label:e,collapsible:!0,expanded:!0},a("div",{slot:"header",class:"group-header-custom",onClick:t=>{t.stopPropagation();const i=new Set(this.groupDashboards);i.has(e)?i.delete(e):i.add(e),this.groupDashboards=i}},a("span",{class:"group-title-label"},e),a("span",{class:"group-pill"},t[e].length," Nodes"),a("ui-icon",{name:this.groupDashboards.has(e)?"chart-bar":"chevron-down",library:"fontawesome"})),this.renderGroupDashboard(e,t[e]),t[e].map(((t,i)=>{const s=this.filteredItems.indexOf(t);return a("div",{key:`${e}-${i}`},this.renderItem(t,s))})),this.renderGroupFooter(t[e])))):null}renderCommandPalette(){if(!this.isCommandKOpen)return null;const t=[{label:"Switch to Grid View",action:()=>this.grid=!0,icon:"th"},{label:"Switch to Compact Mode",action:()=>this.density="compact",icon:"list"},{label:"Export to CSV",action:()=>this.bulkAction.emit({action:"export-csv",values:this.selectedValues}),icon:"download"},{label:"Filter by Critical",action:()=>this.searchQuery="online",icon:"shield-alt"}].filter((t=>t.label.toLowerCase().includes(this.commandQuery.toLowerCase())));return a("div",{class:"list-command-palette-overlay",onClick:()=>this.isCommandKOpen=!1},a("div",{class:"command-palette-content",onClick:t=>t.stopPropagation()},a("div",{class:"cp-search"},a("ui-icon",{name:"search"}),a("ui-input",{type:"text",placeholder:"Type a command or search...",value:this.commandQuery,onInputChange:t=>this.commandQuery=t.detail,autoFocus:!0,prefixIcon:"search",size:"sm"}),a("kbd",null,"ESC")),a("div",{class:"cp-results"},t.map((t=>a("div",{class:"cp-item",onClick:()=>{t.action(),this.isCommandKOpen=!1}},a("ui-icon",{name:t.icon}),a("span",null,t.label)))))))}renderMinimap(){return this.showMinimap?a("div",{class:"list-scrollbar-minimap"},this.filteredItems.map(((t,e)=>"online"===t.status||"busy"===t.status||t.priorityPulse?a("div",{class:"m-marker m-"+(t.status||"danger"),style:{top:e/this.filteredItems.length*100+"%"}}):null))):null}renderViewTabs(){return this.viewTabs&&0!==this.viewTabs.length?a("div",{class:"list-view-tabs"},this.viewTabs.map(((t,e)=>a("div",{key:t.label,class:{"view-tab":!0,active:this.activeTab===e},onClick:()=>{this.activeTab=e,this.filterItems()}},t.label)))):null}render(){const t={list:!0,["list-"+this.size]:!0,["list-"+this.variant]:!0,"list-dense":this.dense,"list-dividers":this.dividers,"list-rounded":this.rounded,"list-elevated":this.elevated,"list-full-width":this.fullWidth,"list-no-padding":!this.padding,"list-draggable":this.isDraggable,"list-keyboard-nav":this.keyboardNavigation,"list-flush":this.flush,"list-horizontal":this.horizontal,"list-numbered":this.numbered,"list-grid":this.grid,"list-selection-active":this.selectedValues.length>0},e={...this.maxHeight?{maxHeight:this.maxHeight,overflowY:"auto"}:{},...this.grid?{display:"grid",gridTemplateColumns:`repeat(${this.gridCols}, 1fr)`,gap:"16px",padding:"16px"}:{}};return a("div",{key:"5684139656aa6922b537ed2c33d040ff00951369",class:{"list-container":!0,"list-has-selection":this.selectedValues.length>0,["selection-theme-"+this.selectionHeaderColor]:this.selectedValues.length>0},onKeyDown:this.handleKeyDown,tabindex:"0"},this.syncing&&a("div",{key:"3d0fa48f4af75ef72778c33a2e7c49b0fcdc951c",class:"list-sync-bar"}),a("div",{key:"ca2b3d140bde8c70c312694b09605f8c57494de6",class:"list-header-adaptive"},a("div",{key:"9652209ed505568d154ff0cea69a59946d152d0f",class:"header-main-titles"},this.label&&a("div",{key:"3a2219002b7c43dd851b577354e36da1c1b1bbdf",class:"list-label"},this.label),this.subheader&&a("div",{key:"65fdf444f79400cb22091c8e1ba559476c2e5e60",class:"list-subheader"},this.subheader)),this.renderViewTabs()),this.renderSearch(),this.filterChips.length>0&&a("div",{key:"83a004df672c8b81a61f98bbee307a29738655d7",class:"list-filter-chips"},this.filterChips.map((t=>a("ui-button",{variant:t.active?"primary":"ghost",class:{"filter-chip":!0,active:t.active},label:`${t.label} ${void 0!==t.count?t.count:""}`,size:"sm"})))),this.showSortingHeaders&&a("div",{key:"2a5f4ad0309980db00dc73dc86630998609a4c56",class:"list-sorting-headers"},this.columns.map((t=>a("div",{class:"sort-header",onClick:()=>{const e=this._sortColumn===t.key&&"asc"===this._sortDir?"desc":"asc";this._sortColumn=t.key,this._sortDir=e,this.columnSort.emit({key:t.key,direction:e})}},a("span",null,t.label),t.sortable&&a("ui-icon",{name:"sort",library:"fontawesome"}))))),this.showBulkHeader&&this.multiSelect&&a("div",{key:"23cb44d5f7bee3a990a724146b2df8ca42b5dd96",class:"list-bulk-header"},a("div",{key:"28dc1ac4b24e6e9689d4265147e88b5282c98919",class:"bulk-select-all"},a("ui-check-box",{key:"143d57d309f55370752c5f893a8c10cc054fe7f4",checked:this.selectedValues.length===this.items.length&&this.items.length>0,indeterminate:this.selectedValues.length>0&&this.selectedValues.length<this.items.length,onCheckChange:t=>{this.selectedValues=t.detail.checked?this.items.map(((t,e)=>t.value||t.id||""+e)):[],this.listChange.emit({values:this.selectedValues})}}),a("span",{key:"7a863464bb51a4e0696357cf47df4d673f1435da",class:"bulk-count"},this.selectedValues.length," selected")),this.selectedValues.length>0&&a("div",{key:"e4b0914bb4a1270b53d5ce22b78e692a773dd119",class:"bulk-actions"},this.bulkActions.map((t=>a("ui-button",{variant:"ghost",onClick:()=>this.bulkAction.emit({action:t.action,values:this.selectedValues}),icon:t.icon,iconLibrary:"fontawesome",label:t.label,size:"sm"}))))),this.floatingFAB&&this.selectedValues.length>0&&a("div",{key:"80d73a3f7aaf83ed56483b9b1289355c94ee2cd2",class:"list-power-launcher-container"},a("div",{key:"b17d2e799be661d020129b7282958cc390a5e1f3",class:{"launcher-fab":!0,active:this.isPowerLauncherOpen},onClick:()=>this.isPowerLauncherOpen=!this.isPowerLauncherOpen},a("ui-icon",{key:"2c480f1a330b88d988027b395cffea9007959875",name:this.isPowerLauncherOpen?"times":"bolt",library:"fontawesome"})),this.isPowerLauncherOpen&&a("div",{key:"22b2dc111065ea5d027f2036b0aa09c2b8e33c1c",class:"launcher-menu"},a("div",{key:"96757071c64097399f00003c5b8286109ae073d0",class:"l-item",onClick:()=>this.bulkAction.emit({action:"rolling-restart",values:this.selectedValues})},a("ui-icon",{key:"dcf809cf37cc3ce674ccbd45c17b4753dc2d0d00",name:"redo"})," Rolling Restart"),a("div",{key:"638b213324ce1fab5f08bcdc46c3eece46096e01",class:"l-item",onClick:()=>this.bulkAction.emit({action:"sync-cluster",values:this.selectedValues})},a("ui-icon",{key:"e56da100b1479ddc964b1881ea980a8e95ababa0",name:"sync"})," Sync Cluster"),a("div",{key:"e49e35e060cb5b3ac704701ca895bec1ce87f25d",class:"l-item",onClick:()=>this.bulkAction.emit({action:"patch-security",values:this.selectedValues})},a("ui-icon",{key:"809e778533d4a8f81bba9a9cc8ff4eba3873428f",name:"shield-alt"})," Patch Security"),a("div",{key:"c0a6cc4d0b9f18c372c2ed915c908eb56ddd5f85",class:"l-item danger",onClick:()=>this.bulkAction.emit({action:"delete",values:this.selectedValues})},a("ui-icon",{key:"3f21dccdecb41a5f55181a1e1aeb9e35bea1c64e",name:"trash"})," Terminate Selected"))),this.isPaletteOpen&&a("div",{key:"c7d9e294022223fa9a651ef38242c0bf6adb954f",class:"list-shortcut-palette",onClick:()=>this.isPaletteOpen=!1},a("div",{key:"806386e68869a9b330924aa912639f9e4c23f406",class:"palette-content",onClick:t=>t.stopPropagation()},a("h3",{key:"b1f9d573f682cb91e5c1e27678b5a23d88d53f0d"},"⌨️ Keyboard Shortcuts"),a("div",{key:"587cb46ffaf1d6b937b6cbf976d488716e99c4e7",class:"shortcut-grid"},a("div",{key:"99b60b30c17829122d01cab955e68abf2e325404",class:"s-row"},a("kbd",{key:"528dbdade7ea5e40d0f910485ee6dc97987b3cba"},"J")," / ",a("kbd",{key:"cf48324a3c57e1930f5df7a72d6a39b80398af7b"},"K")," ",a("span",{key:"45fdfcb587fe461e116e8377e9a60e4c713f3c5b"},"Navigate Down / Up")),a("div",{key:"cee7b640c85a03007caf55f321a6f7cb0a05f7ec",class:"s-row"},a("kbd",{key:"272dcd26548008a508b07ec840ff14551b727b77"},"Shift")," + ",a("kbd",{key:"192fb55ec1a65b52dd048e48d9f1fdeb8e749055"},"J/K")," ",a("span",{key:"a0650dd5e2f346b9928881f0b1afb279a1e447ce"},"Select Range")),a("div",{key:"978a95dba468ddd239a6564e64676ec49c56f814",class:"s-row"},a("kbd",{key:"dd89ce3941b66de4fdfe54fa9b642305ca5a1ec7"},"X")," ",a("span",{key:"e65cbc977404a02c8c97422969bd655066eaa24f"},"Toggle Selection")),a("div",{key:"2f4948053e0c57cdeda7b8dc95924c208cc2162d",class:"s-row"},a("kbd",{key:"96236740f75b1bd32ff2cd59d0e0a8f4fbc56790"},"Enter")," ",a("span",{key:"f97d42cd2426d7b8ce733d1d951a208d6a651214"},"Activate / Open")),a("div",{key:"19fc8715190f1170dbc8fa49dc175c41889c8800",class:"s-row"},a("kbd",{key:"9e3b21acfd2b90e5ef6092c4c76c7b272123c1d5"},"Space")," ",a("span",{key:"1fb4d5e4980463a275206fed93b84d932de58a47"},"Quick Look Preview")),a("div",{key:"e6db95f32afcdcc87869a3e2a25a0f4641e2ed06",class:"s-row"},a("kbd",{key:"96eff77c50f2cb47f0aec426028acd9fa62e9676"},"[")," / ",a("kbd",{key:"65291ab2f4667e8538b6dad3eef7acf2eca59bb7"},"]")," ",a("span",{key:"386e1754ec50d9dc8748cd5f0f79ebc4d07adb37"},"Jump to Prev / Next Group")),a("div",{key:"4330d1b02cff4b1fea58df8b4edc487a0d8afa40",class:"s-row"},a("kbd",{key:"5e32e02c048a583b6a514ec53cec46cd72dc609f"},"?")," ",a("span",{key:"0505f5dc146e9ccefcf7538a580c2cc9cc0ba83c"},"Toggle this help"))))),this.isQuickLookOpen&&a("div",{key:"96152ba016ee2466fbc4a768d8ba4858c3942759",class:"list-quick-look-modal",onClick:()=>this.isQuickLookOpen=!1},a("div",{key:"6394a176a2202a76e3ea5651013ae2cd966e4721",class:"quick-look-content",onClick:t=>t.stopPropagation()},a("ui-icon",{key:"2d1059432bd8ff8b0881db5c37ca6b7de545a7e2",name:"times",class:"close-look",onClick:()=>this.isQuickLookOpen=!1}),a("div",{key:"06966b3777cc0975455fdfb1b369101ed719d8bb",class:"look-header"},a("h2",{key:"d5d97e1c05289474b724d1057c9ff25e1a2c0dd2"},this.filteredItems[this.focusedIndex]?.label),a("span",{key:"0b65d7a4c60a924a8e1d1b958f49e4be95eb4dc4"},this.filteredItems[this.focusedIndex]?.sublabel)),a("div",{key:"4b95dcf39f8356e511cda85795fde30c53cc6afb",class:"look-body"},a("p",{key:"059ba589a2d86c5d3c311d43732cda2f791c2736"},"Comprehensive detail for Node ID: ",this.filteredItems[this.focusedIndex]?.value||"N/A"),a("div",{key:"492b7836c768053dd04571e7789d36f20ecc3316",class:"look-stats"},a("div",{key:"2dd11a134ec109eccf262fd7cff2603832008411",class:"l-stat"},"Status: ",a("strong",{key:"97b9d41633eee04ef2ae308e4cfb90e689d13471"},this.filteredItems[this.focusedIndex]?.status||"Idle")),a("div",{key:"cda37caa09ea5be1ca63ea05aa52b05c7ea7c60b",class:"l-stat"},"Health: ",a("strong",{key:"af222d5568b451b93b38ddce361c6a8ce4dc62d7"},this.filteredItems[this.focusedIndex]?.progress||100,"%")))))),a("div",{key:"7cda8202307e92b7450fa2947bb2c8e9262cc21e",ref:t=>this.listRef=t,class:t,style:e,role:"list","aria-label":this.ariaLabel,"aria-busy":this.syncing?"true":"false",part:"list",onScroll:this.handleScroll,onMouseDown:this.handleLassoStart},this.renderMinimap(),this.focusRingTop>=0&&a("div",{key:"2e57833bb56b58deaa11adb1309f7f2cd5db5b88",class:"list-focus-spring-ring",style:{top:this.focusRingTop+"px",height:this.focusRingHeight+"px"}}),this.lassoActive&&a("div",{key:"6a5277b2aeb18a682b5472dc8afb8a17c3ab6d3f",class:"list-lasso-box",style:{left:Math.min(this.lassoStart.x,this.lassoEnd.x)+"px",top:Math.min(this.lassoStart.y,this.lassoEnd.y)+"px",width:Math.abs(this.lassoEnd.x-this.lassoStart.x)+"px",height:Math.abs(this.lassoEnd.y-this.lassoStart.y)+"px"}}),this.renderContent()),this.renderPagination(),this.renderCommandPalette(),this.renderEKGWaveform(),this.renderConfetti(),this.showConfetti&&a("div",{key:"7a0cb9110e1b763f4651e1f6a2687f549dfa9870",class:"a11y-sr-only","aria-live":"assertive"},"Industrial Batch Operation Completed Successfully"),this.syncing&&a("div",{key:"7b2aa86d2b7913c3313a4b3bcdc04afee3efaba4",class:"a11y-sr-only","aria-live":"polite"},"Cluster data is currently synchronizing..."))}static get watchers(){return{items:[{handleItemsChange:0}],searchQuery:[{handleItemsChange:0}],currentPage:[{handleItemsChange: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}.list-container{display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);border-radius:12px;overflow:hidden;font-family:var(--font-family);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);transition:all 0.3s ease;width:100%}.list-label{padding:16px 20px 8px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.list-subheader{padding:4px 20px 12px;font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em}.list{display:flex;flex-direction:column;width:100%}.list.list-horizontal{flex-direction:row;overflow-x:auto;padding:8px;gap:8px}.list.list-horizontal::-webkit-scrollbar{display:none}.list-search{padding:12px 20px;display:flex;align-items:center;gap:10px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);position:relative}.list-search .search-icon{font-size:0.875rem;color:var(--color-primary, #94a3b8)}.list-search .search-input{flex:1;border:none;background:transparent;font-size:14px;outline:none;color:var(--text-primary, #1e293b)}.list-search .search-input::placeholder{color:var(--color-primary, #cbd5e1)}.list-search .search-clear{background:var(--bg-primary, #e2e8f0);border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary, #475569);font-size:10px;transition:all 0.2s}.list-search .search-clear:hover{background:var(--color-primary, #cbd5e1)}.list-loading,.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;color:var(--color-primary, #94a3b8);text-align:center}.list-loading ui-icon,.list-empty ui-icon{font-size:32px;opacity:0.5}.list-loading span,.list-empty span{font-size:14px;font-weight:500}.list-pagination{padding:12px 20px;border-top:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-primary, #f8fafc)}.list-pagination .pagination-button{min-width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted, #64748b);font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.list-pagination .pagination-button:hover:not(:disabled){background:var(--bg-primary, #ffffff);border-color:var(--border-subtle, #e2e8f0);color:var(--color-primary, #10b981)}.list-pagination .pagination-button.active{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.list-pagination .pagination-button:disabled{opacity:0.3;cursor:not-allowed}.list-pagination .pagination-ellipsis{color:var(--color-primary, #cbd5e1);font-size:12px;padding:0 4px}.list[style*=max-height]::-webkit-scrollbar{width:8px}.list[style*=max-height]::-webkit-scrollbar-track{background:transparent}.list[style*=max-height]::-webkit-scrollbar-thumb{background:var(--bg-primary, #e2e8f0);border-radius:10px;border:2px solid transparent;background-clip:content-box}.list[style*=max-height]::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #cbd5e1);background-clip:content-box}.virtual-list{contain:strict;will-change:transform}.list-container{overflow:visible}.list-container.list-has-selection .list-header-adaptive{background:var(--bg-primary, #eff6ff);border-bottom-color:var(--color-primary, #bfdbfe)}.list-container.list-has-selection .list-label{color:var(--color-primary, #1e40af)}.list-container.list-has-selection .list-search{display:none}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive{background:linear-gradient(135deg, var(--color-success, #3dcd58), var(--color-success, #2a9d47))}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-label,.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-subheader{color:var(--text-standard, #ffffff)}.list-header-adaptive{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.list-bulk-header{border-top:none;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-subtle, #e2e8f0);animation:slideDownBulk 0.3s ease-out}.list-bulk-header .bulk-select-all{display:flex;align-items:center;gap:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569)}.list-bulk-header .bulk-actions{display:flex;align-items:center;gap:8px}.list-bulk-header .bulk-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:var(--bg-primary, #ffffff);border-radius:6px;color:var(--text-primary, #1e293b);font-size:0.8125rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);transition:all 0.2s}.list-bulk-header .bulk-action-btn:hover{background:var(--bg-primary, #f8fafc);transform:translateY(-1px)}.list-bulk-header .bulk-action-btn:active{transform:translateY(0)}.list-bulk-header .bulk-action-btn ui-icon{font-size:0.875rem}.list-bulk-header .bulk-action-btn ui-icon[name=trash],.list-bulk-header .bulk-action-btn ui-icon[name=archive]{color:var(--color-danger, #ef4444)}@keyframes slideDownBulk{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sticky-header{position:sticky;top:0;z-index:20;background:var(--bg-primary, #ffffff);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.list-sync-bar{height:2px;width:100%;background:var(--bg-secondary, #f3f4f6);position:relative;overflow:hidden}.list-sync-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:30%;background:var(--color-primary, #10b981);animation:listSyncMode 2s infinite linear}@keyframes listSyncMode{0%{left:-30%}100%{left:100%}}.list-filter-chips{display:flex;align-items:center;gap:8px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-filter-chips::-webkit-scrollbar{display:none}.list-filter-chips .filter-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-primary, #ffffff);font-size:0.75rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px}.list-filter-chips .filter-chip:hover{background:var(--bg-primary, #f8fafc);color:var(--bg-primary, #1e293b)}.list-filter-chips .filter-chip.active{background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);border-color:var(--border-subtle, #1e293b)}.list-filter-chips .filter-chip .chip-count{opacity:0.6;font-weight:400}.list-sorting-headers{display:flex;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);padding:8px 16px}.list-sorting-headers .sort-header{flex:1;font-size:0.6875rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;gap:4px;cursor:pointer}.list-sorting-headers .sort-header:hover{color:var(--text-primary, #1e293b)}.list-sorting-headers .sort-header ui-icon{font-size:0.75rem;opacity:0.4}.list-group-footer{padding:8px 16px;background:var(--bg-primary, #fdfdfd);border-top:1px solid var(--border-subtle, #f1f5f9);font-size:0.6875rem;font-weight:700;color:var(--color-primary, #94a3b8);text-transform:uppercase;letter-spacing:0.025em;text-align:right}.list-floating-fab{position:absolute;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0, 0, 0, 0.25);cursor:pointer;z-index:100;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);animation:fabShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-floating-fab:hover{background:var(--color-primary, #334155);transform:scale(1.1)}.list-floating-fab:active{transform:scale(0.95)}.list-floating-fab ui-icon{font-size:1.25rem}@keyframes fabShow{from{transform:scale(0) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-shortcut-palette,.list-quick-look-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s ease-out}.palette-content{background:var(--bg-primary, #ffffff);width:90%;max-width:440px;border-radius:20px;padding:32px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)}.palette-content h3{margin:0 0 20px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.palette-content .shortcut-grid{display:flex;flex-direction:column;gap:12px}.palette-content .s-row{display:flex;align-items:center;gap:12px;font-size:0.875rem;color:var(--text-muted, #64748b)}.palette-content kbd{background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);border-bottom-width:3px;padding:2px 6px;border-radius:4px;font-family:inherit;font-weight:700;color:var(--text-primary, #1e293b);min-width:24px;text-align:center}.quick-look-content{background:var(--bg-primary, #ffffff);width:90%;max-width:600px;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0, 0, 0, 0.3);position:relative}.quick-look-content .close-look{position:absolute;top:20px;right:20px;cursor:pointer;opacity:0.5}.quick-look-content .close-look:hover{opacity:1}.quick-look-content .look-header{background:var(--bg-primary, #f8fafc);padding:40px 48px 32px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.quick-look-content .look-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #1e293b)}.quick-look-content .look-header span{color:var(--text-muted, #64748b);font-size:0.875rem}.quick-look-content .look-body{padding:32px 48px 48px}.quick-look-content .look-body p{color:var(--color-primary, #475569);line-height:1.6}.quick-look-content .look-body .look-stats{display:flex;gap:40px;margin-top:24px}.quick-look-content .look-body .l-stat{font-size:0.8125rem;color:var(--color-primary, #94a3b8)}.quick-look-content .look-body .l-stat strong{display:block;font-size:1.125rem;color:var(--text-primary, #1e293b);font-weight:700}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.list-lasso-box{position:absolute;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);border:1px solid var(--color-primary, #10b981);border-radius:2px;pointer-events:none;z-index:100;box-shadow:0 0 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.list-focus-spring-ring{position:absolute;left:0;right:0;border:2px solid var(--color-primary, #10b981);border-radius:8px;pointer-events:none;z-index:10;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.04)}.list-view-tabs{display:flex;gap:24px;margin-left:24px;align-items:center}.list-view-tabs .view-tab{font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);cursor:pointer;position:relative;transition:color 0.2s}.list-view-tabs .view-tab.active{color:var(--text-primary, #1e293b)}.list-view-tabs .view-tab.active::after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--color-primary, #10b981);border-radius:1px}.list-header-adaptive{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-header-adaptive .header-main-titles{flex:1}.list-power-launcher-container{position:absolute;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.list-power-launcher-container .launcher-fab{width:56px;height:56px;border-radius:50%;background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 25px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);cursor:pointer;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-fab.active{background:var(--bg-primary, #1e293b);transform:rotate(90deg)}.list-power-launcher-container .launcher-fab:hover{transform:scale(1.1)}.list-power-launcher-container .launcher-menu{background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.5);border-radius:20px;padding:12px;width:240px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.15);animation:launcherShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-menu .l-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s}.list-power-launcher-container .launcher-menu .l-item ui-icon{font-size:1rem;opacity:0.7}.list-power-launcher-container .launcher-menu .l-item:hover{background:var(--bg-secondary, #f1f5f9);color:var(--bg-primary, #1e293b)}.list-power-launcher-container .launcher-menu .l-item.danger{color:var(--color-danger, #ef4444)}.list-power-launcher-container .launcher-menu .l-item.danger:hover{background:var(--bg-primary, #fef2f2)}@keyframes launcherShow{from{transform:scale(0.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-sync-bar{position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary, #10b981);animation:syncProgress 2s linear infinite}@keyframes syncProgress{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}.list-ekg-container{position:absolute;bottom:0;left:0;right:0;height:20px;overflow:hidden;pointer-events:none;opacity:0.3}.list-ekg-waveform path{stroke-dasharray:200;stroke-dashoffset:200;animation:ekgScroll 4s linear infinite}@keyframes ekgScroll{to{stroke-dashoffset:-200}}@media (forced-colors: active){.list-item,.list-group-header,.list-header,.list-footer{border:1px solid CanvasText}.list-focus-spring-ring{outline:3px solid Highlight;background:transparent}}.list-confetti-burst{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1000}.list-confetti-burst .confetti-particle{position:absolute;width:8px;height:8px;background:var(--color-primary, #10b981);border-radius:2px;animation:confettiFall 2s ease-out forwards}@keyframes confettiFall{0%{transform:translate(0, 0) rotate(0deg);opacity:1}100%{transform:translate(var(--dx), var(--dy)) rotate(360deg);opacity:0}}.group-header-custom{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-primary, #f8fafc);cursor:pointer;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.group-header-custom .group-title-label{font-weight:700;color:var(--text-primary, #1e293b);flex:1;text-transform:uppercase;letter-spacing:0.1em;font-size:0.75rem}.group-header-custom .group-pill{background:var(--border-subtle, #e2e8f0);padding:2px 8px;border-radius:12px;font-size:0.7rem;color:var(--color-primary, #64748b);font-weight:800}.group-mini-dashboard{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(10px);padding:16px 32px;display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(0, 0, 0, 0.05);animation:slideDownFade 0.3s ease-out}.group-mini-dashboard .gm-stat{font-size:0.8125rem;color:var(--text-muted, #64748b)}.group-mini-dashboard .gm-stat strong{display:block;color:var(--text-primary, #1e293b);font-size:1.1rem}@keyframes slideDownFade{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.presence-cursors-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1000}.ghost-cursor{position:absolute;display:flex;align-items:center;gap:8px;transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);pointer-events:none}.ghost-cursor ui-icon{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.ghost-cursor .cursor-label{background:var(--bg-primary, #ffffff);padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:700;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);white-space:nowrap;border:1px solid rgba(0, 0, 0, 0.05)}.ghost-cursor.cursor-blue ui-icon{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-blue .cursor-label{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-purple ui-icon{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-purple .cursor-label{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-green ui-icon{color:var(--color-success, #10b981)}.ghost-cursor.cursor-green .cursor-label{color:var(--color-success, #10b981)}.is-morphing .list-item{transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.is-morphing .list-item-avatar-container,.is-morphing ui-avatar{transform:scale(1.15)}.list-item-aura-online{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.03), rgba(255, 255, 255, 0))}.list-item-aura-online.list-item-hovered{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.08), rgba(255, 255, 255, 0))}.list-item-aura-danger{background:linear-gradient(135deg, rgba(var(--color-danger-rgb, 239, 68, 68), 0.04), rgba(255, 255, 255, 0));position:relative}.list-item-aura-danger::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 50%, rgba(var(--color-danger-rgb, 239, 68, 68), 0.05), transparent 70%);animation:auraShift 8s infinite alternate}@keyframes auraShift{from{transform:translateX(-5%)}to{transform:translateX(5%)}}.list-command-palette-overlay{position:fixed;inset:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn 0.2s ease-out}.list-command-palette-overlay .command-palette-content{width:100%;max-width:600px;background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 70px rgba(0, 0, 0, 0.3);overflow:hidden;border:1px solid rgba(255, 255, 255, 0.2)}.list-command-palette-overlay .command-palette-content .cp-search{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9);gap:16px}.list-command-palette-overlay .command-palette-content .cp-search ui-icon{font-size:1.25rem;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-search input{flex:1;border:none;outline:none;font-size:1.1rem;color:var(--text-primary, #1e293b);font-weight:500;background:transparent}.list-command-palette-overlay .command-palette-content .cp-search kbd{font-size:0.75rem;padding:4px 8px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:6px;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-results{max-height:400px;overflow-y:auto;padding:8px}.list-command-palette-overlay .command-palette-content .cp-results .cp-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all 0.2s}.list-command-palette-overlay .command-palette-content .cp-results .cp-item ui-icon{color:var(--text-muted, #64748b);font-size:1.1rem}.list-command-palette-overlay .command-palette-content .cp-results .cp-item span{font-size:0.9375rem;color:var(--color-primary, #334155);font-weight:500}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover{background:var(--bg-secondary, #f1f5f9)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover ui-icon{color:var(--color-primary, #10b981)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover span{color:var(--text-primary, #1e293b)}.list-scrollbar-minimap{position:absolute;top:0;right:0;bottom:0;width:4px;background:rgba(0, 0, 0, 0.03);z-index:100;pointer-events:none}.list-scrollbar-minimap .m-marker{position:absolute;left:0;right:0;height:3px;border-radius:2px}.list-scrollbar-minimap .m-marker.m-online{background:var(--color-success, #10b981)}.list-scrollbar-minimap .m-marker.m-busy{background:var(--color-warning, #f59e0b)}.list-scrollbar-minimap .m-marker.m-danger{background:var(--color-danger, #ef4444)}'}},[769,"ui-list",{label:[1],size:[1],color:[1],variant:[1],dense:[4],dividers:[4],rounded:[4],elevated:[4],selectable:[4],multiSelect:[4,"multi-select"],selectedValues:[1040],maxHeight:[1,"max-height"],fullWidth:[4,"full-width"],padding:[4],subheader:[1],virtual:[4],itemHeight:[2,"item-height"],items:[16],searchable:[4],searchPlaceholder:[1,"search-placeholder"],searchQuery:[1025,"search-query"],loading:[4],loadingText:[1,"loading-text"],skeleton:[4],emptyText:[1,"empty-text"],showEmpty:[4,"show-empty"],isDraggable:[4,"is-draggable"],paginated:[4],itemsPerPage:[2,"items-per-page"],currentPage:[1026,"current-page"],checkboxSelection:[4,"checkbox-selection"],keyboardNavigation:[4,"keyboard-navigation"],grouped:[4],groupBy:[1,"group-by"],flush:[4],horizontal:[4],numbered:[4],infinite:[4],loadMoreThreshold:[2,"load-more-threshold"],stickyHeaders:[4,"sticky-headers"],showBulkHeader:[4,"show-bulk-header"],bulkActions:[16],grid:[4],gridCols:[2,"grid-cols"],dragGroup:[1,"drag-group"],altMode:[4,"alt-mode"],emptyStateTitle:[1,"empty-state-title"],emptyStateActionLabel:[1,"empty-state-action-label"],selectionHeaderColor:[1,"selection-header-color"],ariaLabel:[1,"aria-label"],density:[1],viewTabs:[16],commandK:[4,"command-k"],showMinimap:[4,"show-minimap"],syncing:[4],filterChips:[16],showSortingHeaders:[4,"show-sorting-headers"],columns:[16],showGroupFooter:[4,"show-group-footer"],groupFooterLabel:[1,"group-footer-label"],floatingFAB:[4,"floating-f-a-b"],altKeyPressed:[32],isPowerLauncherOpen:[32],isCommandKOpen:[32],commandQuery:[32],activeTab:[32],focusRingTop:[32],focusRingHeight:[32],showConfetti:[32],isEKGActive:[32],groupDashboards:[32],isPaletteOpen:[32],isQuickLookOpen:[32],shiftSelectionStartIndex:[32],scrollTop:[32],lassoActive:[32],lassoStart:[32],lassoEnd:[32],visibleItems:[32],filteredItems:[32],focusedIndex:[32],draggedItem:[32],totalPages:[32],_sortColumn:[32],_sortDir:[32]},[[8,"keydown","handleGlobalKeyDown"],[8,"keyup","handleGlobalKeyUp"],[0,"listItemClick","handleItemClick"]],{items:[{handleItemsChange:0}],searchQuery:[{handleItemsChange:0}],currentPage:[{handleItemsChange:0}]}]),y=g,v=function(){"undefined"!=typeof customElements&&["ui-list","ui-avatar","ui-avatar-group","ui-badge","ui-button","ui-checkbox","ui-icon","ui-input","ui-list-group","ui-list-item","ui-stack","ui-tag","ui-tag-group"].forEach((t=>{switch(t){case"ui-list":customElements.get(s(t))||customElements.define(s(t),g);break;case"ui-avatar":customElements.get(s(t))||r();break;case"ui-avatar-group":customElements.get(s(t))||o();break;case"ui-badge":customElements.get(s(t))||l();break;case"ui-button":customElements.get(s(t))||n();break;case"ui-checkbox":customElements.get(s(t))||c();break;case"ui-icon":customElements.get(s(t))||d();break;case"ui-input":customElements.get(s(t))||h();break;case"ui-list-group":customElements.get(s(t))||p();break;case"ui-list-item":customElements.get(s(t))||b();break;case"ui-stack":customElements.get(s(t))||f();break;case"ui-tag":customElements.get(s(t))||u();break;case"ui-tag-group":customElements.get(s(t))||m()}}))};export{y as UiList,v as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as a,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./avatar.js";import{d as o}from"./avatar-group.js";import{d as n}from"./badge.js";import{d as l}from"./button.js";import{d as c}from"./checkbox.js";import{d}from"./icon.js";import{d as h}from"./input.js";import{d as p}from"./list-group.js";import{d as b}from"./list-item.js";import{d as f}from"./loader.js";import{d as u}from"./popover.js";import{d as m}from"./skeleton-loader.js";import{d as g}from"./stack.js";import{d as y}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.listItemSelect=i(this,"listItemSelect",7),this.listChange=i(this,"listChange",7),this.listStarToggle=i(this,"listStarToggle",7),this.swipeAction=i(this,"swipeAction",7),this.longPress=i(this,"longPress",7),this.searchChange=i(this,"searchChange",7),this.itemsReorder=i(this,"itemsReorder",7),this.pageChange=i(this,"pageChange",7),this.loadMore=i(this,"loadMore",7),this.bulkAction=i(this,"bulkAction",7),this.columnSort=i(this,"columnSort",7)}get el(){return this}label="";size="md";color="default";variant="text";dense=!1;dividers=!1;rounded=!1;elevated=!1;selectable=!0;multiSelect=!1;selectedValues=[];maxHeight="";fullWidth=!1;padding=!0;subheader="";virtual=!1;itemHeight=48;items=[];searchable=!1;searchPlaceholder="Search...";searchQuery="";loading=!1;loadingText="Loading...";skeleton=!1;emptyText="No items found";showEmpty=!0;isDraggable=!1;paginated=!1;itemsPerPage=10;currentPage=1;checkboxSelection=!1;keyboardNavigation=!0;grouped=!1;groupBy="";flush=!1;horizontal=!1;numbered=!1;infinite=!1;loadMoreThreshold=50;stickyHeaders=!1;showBulkHeader=!1;bulkActions=[];grid=!1;gridCols=3;dragGroup="";altMode=!0;altKeyPressed=!1;isPowerLauncherOpen=!1;emptyStateTitle="No results found";emptyStateActionLabel="";selectionHeaderColor="primary";ariaLabel="System Cluster List";density="comfortable";viewTabs=[];commandK=!0;showMinimap=!0;isCommandKOpen=!1;commandQuery="";activeTab=0;focusRingTop=-1;focusRingHeight=0;showConfetti=!1;isEKGActive=!0;groupDashboards=new Set;syncing=!1;filterChips=[];showSortingHeaders=!1;columns=[];showGroupFooter=!1;groupFooterLabel="";floatingFAB=!1;isPaletteOpen=!1;isQuickLookOpen=!1;shiftSelectionStartIndex=-1;scrollTop=0;lassoActive=!1;lassoStart={x:0,y:0};lassoEnd={x:0,y:0};visibleItems=[];filteredItems=[];focusedIndex=-1;draggedItem=null;totalPages=1;listItemSelect;listChange;listStarToggle;swipeAction;longPress;searchChange;itemsReorder;pageChange;loadMore;bulkAction;columnSort;_sortColumn="";_sortDir="asc";listRef;scrollTimeout;componentWillLoad(){try{this.filterItems()}catch(t){console.error("[AppList] Error filtering items:",t)}}componentDidLoad(){this.virtual&&this.updateVisibleItems()}handleItemsChange(){this.filterItems()}filterItems(){let t=[...this.items];if(this.searchQuery&&this.searchable){const e=this.searchQuery.toLowerCase();t=t.filter((t=>"string"==typeof t?t.toLowerCase().includes(e):t.label?t.label.toLowerCase().includes(e):t.text?t.text.toLowerCase().includes(e):JSON.stringify(t).toLowerCase().includes(e)))}const e="string"==typeof this.viewTabs?JSON.parse(this.viewTabs):this.viewTabs;if(e&&e.length>0&&e[this.activeTab]){const i=e[this.activeTab].filter;i&&(t=t.filter((t=>"string"==typeof t?t===i:t.status===i||t.color===i||t.group===i||"danger"===i&&("busy"===t.status||"offline"===t.status||!0===t.priorityPulse))))}if(this.filteredItems=t,this.paginated){this.totalPages=Math.ceil(t.length/this.itemsPerPage);const e=(this.currentPage-1)*this.itemsPerPage;this.filteredItems=t.slice(e,e+this.itemsPerPage)}this.virtual&&this.updateVisibleItems()}getGroupedItems(){if(!this.grouped||!this.groupBy)return null;const t={};return this.filteredItems.forEach((e=>{const i=e[this.groupBy]||"Other";t[i]||(t[i]=[]),t[i].push(e)})),t}updateVisibleItems(){if(!this.listRef||!this.virtual)return;const t=this.listRef.clientHeight||400,e=Math.floor(this.scrollTop/this.itemHeight),i=Math.ceil((this.scrollTop+t)/this.itemHeight);this.visibleItems=this.filteredItems.slice(Math.max(0,e-5),Math.min(this.filteredItems.length,i+5))}handleScroll=t=>{const e=t.target;this.scrollTop=e.scrollTop,this.virtual&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout((()=>{this.updateVisibleItems()}),50)),this.infinite&&e.scrollHeight-e.scrollTop-e.clientHeight<this.loadMoreThreshold&&this.loadMore.emit()};handleLassoStart=t=>{if(this.isPaletteOpen||this.isQuickLookOpen)return;if(!t.target.classList.contains("list"))return;this.lassoActive=!0;const e=this.listRef.getBoundingClientRect();this.lassoStart={x:t.clientX-e.left,y:t.clientY-e.top},this.lassoEnd={...this.lassoStart},document.addEventListener("mousemove",this.handleLassoMove),document.addEventListener("mouseup",this.handleLassoEnd)};handleLassoMove=t=>{if(!this.lassoActive)return;const e=this.listRef.getBoundingClientRect();this.lassoEnd={x:t.clientX-e.left,y:t.clientY-e.top},this.checkLassoSelection()};handleLassoEnd=()=>{this.lassoActive=!1,document.removeEventListener("mousemove",this.handleLassoMove),document.removeEventListener("mouseup",this.handleLassoEnd)};checkLassoSelection(){const t=Math.min(this.lassoStart.x,this.lassoEnd.x),e=Math.max(this.lassoStart.x,this.lassoEnd.x),i=Math.min(this.lassoStart.y,this.lassoEnd.y),a=Math.max(this.lassoStart.y,this.lassoEnd.y),s=this.listRef.querySelectorAll("ui-list-item"),r=[...this.selectedValues];s.forEach((s=>{const o=s.getBoundingClientRect(),n=this.listRef.getBoundingClientRect(),l=o.top-n.top,c=o.left-n.left;if(l+o.height>i&&l<a&&c+o.width>t&&c<e){const t=s.value||s.label;r.includes(t)||r.push(t)}})),this.selectedValues=Array.from(new Set(r))}handleGlobalKeyDown(t){if(!this.keyboardNavigation)return;if(t.composedPath()[0]instanceof HTMLInputElement||t.composedPath()[0]instanceof HTMLTextAreaElement)return;if("?"===t.key)return t.preventDefault(),void(this.isPaletteOpen=!this.isPaletteOpen);if(this.isPaletteOpen&&"Escape"===t.key)return void(this.isPaletteOpen=!1);if("["===t.key||"]"===t.key)return t.preventDefault(),void this.jumpToGroup("["===t.key?"prev":"next");if(" "===t.key&&!this.isPaletteOpen)return t.preventDefault(),void(this.isQuickLookOpen=!this.isQuickLookOpen);const e=t.shiftKey;switch("Alt"===t.key&&(this.altKeyPressed=!0),"k"===t.key&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.isCommandKOpen=!this.isCommandKOpen),t.key.toLowerCase()){case"j":case"arrowdown":t.preventDefault(),e&&this.focusedIndex>=0&&this.handleRangeSelection(this.focusedIndex,Math.min(this.filteredItems.length-1,this.focusedIndex+1)),this.moveFocusRel(1);break;case"k":case"arrowup":t.preventDefault(),e&&this.focusedIndex>=0&&this.handleRangeSelection(this.focusedIndex,Math.max(0,this.focusedIndex-1)),this.moveFocusRel(-1);break;case"x":if(this.focusedIndex>=0){const t=this.filteredItems[this.focusedIndex],e=t.value||t.id||""+this.focusedIndex;this.handleItemSelection(e,!this.selectedValues.includes(e))}}}handleGlobalKeyUp(t){"Alt"===t.key&&(this.altKeyPressed=!1)}handleKeyDown=t=>{if(!this.keyboardNavigation)return;const e=this.filteredItems;if(0!==e.length)if("ArrowDown"===t.key)t.preventDefault(),this.moveFocus(1);else if("ArrowUp"===t.key)t.preventDefault(),this.moveFocus(-1);else if("Enter"===t.key&&this.focusedIndex>=0){const t=e[this.focusedIndex];this.handleItemSelection(t.value||t.id||""+this.focusedIndex,!0)}else if(" "===t.key&&this.checkboxSelection&&this.focusedIndex>=0){t.preventDefault();const i=e[this.focusedIndex],a=i.value||i.id||""+this.focusedIndex,s=this.selectedValues.includes(a);this.handleItemSelection(a,!s)}};handleRangeSelection(t,e){-1===this.shiftSelectionStartIndex&&(this.shiftSelectionStartIndex=t);const i=Math.min(this.shiftSelectionStartIndex,e),a=Math.max(this.shiftSelectionStartIndex,e),s=Array.from(new Set([...this.selectedValues]));for(let t=i;t<=a;t++){const e=this.filteredItems[t].value||this.filteredItems[t].label;s.includes(e)||s.push(e)}this.selectedValues=s,this.listChange.emit({values:this.selectedValues})}jumpToGroup(t){const e=this.getGroupedItems();if(!e)return;const i=Object.keys(e),a=this.filteredItems[this.focusedIndex];if(!a)return void this.moveFocus(0);const s=i.find((t=>e[t].includes(a)));if(!s)return;let r=i.indexOf(s)+("next"===t?1:-1);r<0&&(r=i.length-1),r>=i.length&&(r=0);const o=this.filteredItems.indexOf(e[i[r]][0]);this.moveFocus(o-this.focusedIndex)}moveFocusRel(t){const e=Math.max(0,Math.min(this.focusedIndex+t,this.filteredItems.length-1));if(e!==this.focusedIndex){this.focusedIndex=e,this.updateFocusRing(),this.scrollToFocused();const t=this.el.shadowRoot?.querySelectorAll("ui-list-item");t?.[e]?.focus()}}updateFocusRing(){const t=this.el.shadowRoot?.querySelectorAll("ui-list-item"),e=t?.[this.focusedIndex];if(e){const t=this.listRef.getBoundingClientRect(),i=e.getBoundingClientRect();this.focusRingTop=i.top-t.top+this.listRef.scrollTop,this.focusRingHeight=i.height}}moveFocus(t){this.moveFocusRel(t)}scrollToFocused(){if(this.listRef&&this.focusedIndex>=0){const t=this.listRef.children[this.focusedIndex];t&&(t.scrollIntoView({block:"nearest",behavior:"smooth"}),t.focus())}}handleDragStart=(t,e,i)=>{this.isDraggable&&(this.draggedItem={item:e,index:i},t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/html",t.target.outerHTML),t.target.classList.add("dragging"))};handleDragOver=t=>{this.isDraggable&&this.draggedItem&&(t.preventDefault(),t.dataTransfer.dropEffect="move")};handleDrop=(t,e)=>{t.preventDefault();const i=t.dataTransfer.getData("source-list-id"),a=t.dataTransfer.getData("drag-group"),s=t.dataTransfer.getData("item-data");if(a&&a!==this.dragGroup)console.warn("[AppList] Drag group mismatch");else{if(i!==this.el.id&&i)try{const t=JSON.parse(s),i=[...this.filteredItems];i.splice(e,0,t),this.filteredItems=i,this.itemsReorder.emit({items:i})}catch(t){console.error("[AppList] Error parsing external item data",t)}else{if(!this.draggedItem)return;const t=this.draggedItem.index;if(t===e)return;const i=[...this.filteredItems],[a]=i.splice(t,1);i.splice(e,0,a),this.filteredItems=i,this.itemsReorder.emit({items:i})}this.draggedItem=null}};handleDragEnd=t=>{t.target.classList.remove("dragging"),this.draggedItem=null};handleItemSelection(t,e){this.selectable&&(this.multiSelect||this.checkboxSelection?e?this.selectedValues.includes(t)||(this.selectedValues=[...this.selectedValues,t]):this.selectedValues=this.selectedValues.filter((e=>e!==t)):this.selectedValues=e?[t]:[],this.listItemSelect.emit({value:t,values:this.selectedValues}),this.listChange.emit({values:this.selectedValues}))}goToPage(t){t<1||t>this.totalPages||(this.currentPage=t,this.pageChange.emit({page:t}))}getPaginationItems(){if(this.totalPages<=7)return Array.from({length:this.totalPages},((t,e)=>e+1));const t=new Set([1,this.totalPages]),e=Math.max(2,this.currentPage-1),i=Math.min(this.totalPages-1,this.currentPage+1);for(let a=e;a<=i;a++)t.add(a);const a=Array.from(t).sort(((t,e)=>t-e)),s=[];return a.forEach(((t,e)=>{e>0&&t-a[e-1]>1&&s.push("ellipsis"),s.push(t)})),s}renderSearch(){return this.searchable?a("div",{class:"list-search"},a("ui-input",{type:"text",class:"search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,onInputChange:t=>{this.searchQuery=t.detail,this.searchChange.emit({query:this.searchQuery})},prefixIcon:"search",size:"sm"}),this.searchQuery&&a("ui-button",{variant:"ghost",class:"search-clear",onClick:()=>{this.searchQuery="",this.searchChange.emit({query:""})},icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})):null}renderLoading(){return this.loading?a("div",{class:"list-loading"},a("ui-loader",{type:"spinner",size:"1.2em",color:"primary"}),a("span",null,this.loadingText)):null}renderEmpty(){return!this.showEmpty||this.loading||this.filteredItems.length>0?null:this.searchable&&this.searchQuery?a("div",{class:"list-empty"},a("ui-icon",{name:"search",library:"fontawesome",class:"empty-icon"}),a("span",{class:"empty-title"},'No matches found for "',this.searchQuery,'"'),a("span",{class:"empty-subtitle"},"Please check your spelling or try changing your search input.")):a("div",{class:"list-empty"},a("ui-icon",{name:"inbox",library:"fontawesome"}),a("span",null,this.emptyText))}renderPagination(){if(!this.paginated||this.totalPages<=1)return null;const t=this.getPaginationItems().map(((t,e)=>"ellipsis"===t?a("span",{key:"ellipsis-"+e,class:"pagination-ellipsis"},"..."):a("ui-button",{key:"page-"+t,variant:t===this.currentPage?"primary":"ghost",class:{"pagination-button":!0,active:t===this.currentPage},onClick:()=>this.goToPage(t),label:""+t,size:"sm"})));return a("div",{class:"list-pagination"},a("ui-button",{variant:"ghost",class:"pagination-button",disabled:1===this.currentPage,onClick:()=>this.goToPage(this.currentPage-1),icon:"chevron-left",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),t,a("ui-button",{variant:"ghost",class:"pagination-button",disabled:this.currentPage===this.totalPages,onClick:()=>this.goToPage(this.currentPage+1),icon:"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}))}renderVirtualList(){return a("div",{class:"virtual-list",style:{height:this.filteredItems.length*this.itemHeight+"px",position:"relative"}},a("div",{style:{transform:`translateY(${Math.floor(this.scrollTop/this.itemHeight)*this.itemHeight}px)`}},this.visibleItems.map(((t,e)=>this.renderItem(t,e)))))}renderItem(t,e){const i=t.value||t.id||""+e,s=this.selectedValues.includes(i);return a("ui-list-item",{style:{"--item-index":""+e},label:t.label||t.text||t,sublabel:t.sublabel||"",value:i,icon:t.icon||"",userAvatar:t.avatar||t.userAvatar||"",image:t.image||"",selected:s,skeleton:this.skeleton||this.loading,highlight:this.searchQuery,size:this.size,badge:t.badge||"",counter:t.counter||"",tags:t.tags||"",interactive:this.selectable,onListItemClick:()=>this.handleItemSelection(i,!s),onCheckboxChange:t=>this.handleItemSelection(i,t.detail.checked),showCheckbox:this.checkboxSelection,swipeActions:t.swipeActions??!0,leftActionIcon:t.leftActionIcon??"check",rightActionIcon:t.rightActionIcon??"trash",leftActions:t.leftActions||[],rightActions:t.rightActions||[],avatarGroup:t.avatarGroup||t.collaborators||"",avatarGroupPosition:t.avatarGroupPosition||"content",progress:t.progress??-1,status:t.status||"",statusPosition:t.statusPosition||"bottom-right",starred:t.starred||!1,showStar:t.showStar||!1,expandable:t.expandable||!1,priorityPulse:t.priorityPulse||!1,presence:t.presence||[],presenceCursors:t.presenceCursors||[],density:this.density,auraMode:!0,sparkline:t.sparkline||[],metadata:t.metadata||{},showGhostLayer:t.showGhostLayer??(this.altMode&&this.altKeyPressed),gridMode:this.grid,focused:this.focusedIndex===e,class:{draggable:this.isDraggable,"focused-item":this.focusedIndex===e},draggable:this.isDraggable,onDragStart:i=>{this.handleDragStart(i,t,e),i.dataTransfer.setData("source-list-id",this.el.id),i.dataTransfer.setData("drag-group",this.dragGroup),i.dataTransfer.setData("item-data",JSON.stringify(t))},onDragOver:this.handleDragOver,onDrop:t=>this.handleDrop(t,e),onDragEnd:this.handleDragEnd,onSwipeAction:t=>{t.stopPropagation(),this.swipeAction.emit({value:t.detail.value,side:t.detail.side,action:t.detail.action})},onLongPress:t=>{t.stopPropagation(),this.longPress.emit({value:t.detail.value})},onStarToggle:t=>{t.stopPropagation(),this.listStarToggle.emit({value:t.detail.value,starred:t.detail.starred})}})}handleItemClick(t){const{value:e,selected:i,shiftKey:a,ctrlKey:s,metaKey:r}=t.detail;if(!this.selectable)return;const o=this.filteredItems.findIndex((t=>(t.value||t.id||t.label)===e));a&&-1!==this.shiftSelectionStartIndex&&this.multiSelect?this.handleRangeSelection(this.shiftSelectionStartIndex,o):(s||r)&&this.multiSelect?(this.handleItemSelection(e,!this.selectedValues.includes(e)),this.shiftSelectionStartIndex=o):(this.handleItemSelection(e,i),this.shiftSelectionStartIndex=o),this.listItemSelect.emit({value:e,values:this.selectedValues,shiftKey:a,ctrlKey:s,metaKey:r}),this.listChange.emit({values:this.selectedValues})}renderContent(){return this.loading?this.renderLoading():this.items&&this.items.length>0&&0===this.filteredItems.length?this.renderEmpty():this.virtual?this.renderVirtualList():this.grouped&&this.items&&this.items.length>0?this.renderGroupedItems():this.items&&this.items.length>0?this.filteredItems.map(((t,e)=>this.renderItem(t,e))):a("slot",null)}renderEKGWaveform(){return this.isEKGActive?a("div",{class:"list-ekg-container"},a("svg",{class:"list-ekg-waveform",viewBox:"0 0 100 20",preserveAspectRatio:"none"},a("path",{d:"M0,10 L10,10 L12,2 L15,18 L18,10 L30,10 L32,5 L35,15 L38,10 L50,10 L52,0 L55,20 L58,10 L100,10",fill:"none",stroke:"rgba(59, 130, 246, 0.4)","stroke-width":"1.5"}))):null}renderConfetti(){if(!this.showConfetti)return null;const t=Array.from({length:20});return a("div",{class:"list-confetti-burst"},t.map((()=>a("div",{class:"confetti-particle"}))))}renderGroupDashboard(t,e){if(!this.groupDashboards.has(t))return null;const i=Math.round(e.reduce(((t,e)=>t+(e.progress||0)),0)/e.length),s=e.filter((t=>"online"===t.status)).length;return a("div",{class:"group-mini-dashboard"},a("div",{class:"gm-stat"},"Group Pulse: ",a("strong",null,i,"%")),a("div",{class:"gm-stat"},"Vitality: ",a("strong",null,s,"/",e.length," Active")),a("div",{class:"gm-spark",style:{flex:"1"}},a("svg",{height:"24",width:"100%"},a("path",{d:"M0,12 Q25,2 50,12 T100,12",fill:"none",stroke:"#3bf673","stroke-width":"2"}))))}renderGroupFooter(t){const e=this.groupFooterLabel?.trim();return this.showGroupFooter&&e?a("div",{slot:"footer",class:"group-footer"},"Total: ",t.length," ",e):null}renderGroupedItems(){const t=this.getGroupedItems();return t?Object.keys(t).map((e=>a("ui-list-group",{key:e,label:e,collapsible:!0,expanded:!0},a("div",{slot:"header-actions",style:{fontSize:"11px",color:"#10b981",fontWeight:"bold",textTransform:"uppercase",marginRight:"8px"}},"Nodes: ",t[e].length),this.renderGroupDashboard(e,t[e]),t[e].map(((t,i)=>{const s=this.filteredItems.indexOf(t);return a("div",{key:`${e}-${i}`},this.renderItem(t,s))})),this.renderGroupFooter(t[e])))):null}renderCommandPalette(){if(!this.isCommandKOpen)return null;const t=[{label:"Switch to Grid View",action:()=>this.grid=!0,icon:"th"},{label:"Switch to Compact Mode",action:()=>this.density="compact",icon:"list"},{label:"Export to CSV",action:()=>this.bulkAction.emit({action:"export-csv",values:this.selectedValues}),icon:"download"},{label:"Filter by Critical",action:()=>this.searchQuery="online",icon:"shield-alt"}].filter((t=>t.label.toLowerCase().includes(this.commandQuery.toLowerCase())));return a("div",{class:"list-command-palette-overlay",onClick:()=>this.isCommandKOpen=!1},a("div",{class:"command-palette-content",onClick:t=>t.stopPropagation()},a("div",{class:"cp-search"},a("ui-icon",{name:"search"}),a("ui-input",{type:"text",placeholder:"Type a command or search...",value:this.commandQuery,onInputChange:t=>this.commandQuery=t.detail,autoFocus:!0,prefixIcon:"search",size:"sm"}),a("kbd",null,"ESC")),a("div",{class:"cp-results"},t.map((t=>a("div",{class:"cp-item",onClick:()=>{t.action(),this.isCommandKOpen=!1}},a("ui-icon",{name:t.icon}),a("span",null,t.label)))))))}renderMinimap(){return this.showMinimap?a("div",{class:"list-scrollbar-minimap"},this.filteredItems.map(((t,e)=>"online"===t.status||"busy"===t.status||t.priorityPulse?a("div",{class:"m-marker m-"+(t.status||"danger"),style:{top:e/this.filteredItems.length*100+"%"}}):null))):null}renderViewTabs(){const t="string"==typeof this.viewTabs?JSON.parse(this.viewTabs):this.viewTabs;return t&&0!==t.length?a("div",{class:"list-view-tabs"},t.map(((t,e)=>a("div",{key:t.label,class:{"view-tab":!0,active:this.activeTab===e},onClick:()=>{this.activeTab=e,this.filterItems()}},t.label)))):null}render(){const t={list:!0,["list-"+this.size]:!0,["list-"+this.variant]:!0,"list-dense":this.dense,"list-dividers":this.dividers,"list-rounded":this.rounded,"list-elevated":this.elevated,"list-full-width":this.fullWidth,"list-no-padding":!this.padding,"list-draggable":this.isDraggable,"list-keyboard-nav":this.keyboardNavigation,"list-flush":this.flush,"list-horizontal":this.horizontal,"list-numbered":this.numbered,"list-grid":this.grid,"list-selection-active":this.selectedValues.length>0},e={...this.maxHeight?{maxHeight:this.maxHeight,overflowY:"auto"}:{},...this.grid?{display:"grid",gridTemplateColumns:`repeat(${this.gridCols}, 1fr)`,gap:"16px",padding:"16px"}:{}};return a("div",{key:"bb00547184af81fff94b839aa963837068a12b67",class:{"list-container":!0,"list-has-selection":this.selectedValues.length>0,"list-show-bulk-header":this.showBulkHeader&&this.multiSelect,["selection-theme-"+this.selectionHeaderColor]:this.selectedValues.length>0},onKeyDown:this.handleKeyDown,tabindex:"0"},this.syncing&&a("div",{key:"465b32c39866f661ae0dd1ee72a93d76a13a7287",class:"list-sync-bar"}),""!==this.label||""!==this.subheader||this.viewTabs&&this.viewTabs.length>0?a("div",{class:"list-header-adaptive"},a("div",{class:"header-main-titles"},this.label&&a("div",{class:"list-label"},this.label),this.subheader&&a("div",{class:"list-subheader"},this.subheader)),this.renderViewTabs()):null,this.renderSearch(),this.filterChips.length>0&&a("div",{key:"59f4a5f1d64a8c156f097fc66e860b59a74c1fa0",class:"list-filter-chips"},this.filterChips.map((t=>a("ui-button",{variant:t.active?"primary":"ghost",class:{"filter-chip":!0,active:t.active},label:`${t.label} ${void 0!==t.count?t.count:""}`,size:"sm"})))),this.showSortingHeaders&&a("div",{key:"b4bbabc32064534ddd72d4fe09e0247515c187d7",class:"list-sorting-headers"},this.columns.map((t=>a("div",{class:"sort-header",onClick:()=>{const e=this._sortColumn===t.key&&"asc"===this._sortDir?"desc":"asc";this._sortColumn=t.key,this._sortDir=e,this.columnSort.emit({key:t.key,direction:e})}},a("span",null,t.label),t.sortable&&a("ui-icon",{name:"sort",library:"fontawesome"}))))),this.showBulkHeader&&this.multiSelect&&a("div",{key:"d7aaa947251a337d969e803f92a31f36ad23eafe",class:"list-bulk-header"},a("div",{key:"cf432032c183b98757ea62c28a897c5bd4b18244",class:"bulk-select-all"},a("ui-check-box",{key:"ca4476ce62396c22dacdf580c4bbba0d9c2d5c33",checked:this.selectedValues.length===this.items.length&&this.items.length>0,indeterminate:this.selectedValues.length>0&&this.selectedValues.length<this.items.length,onCheckChange:t=>{this.selectedValues=t.detail.checked?this.items.map(((t,e)=>t.value||t.id||""+e)):[],this.listChange.emit({values:this.selectedValues})}}),a("span",{key:"ec517dc6f4d5d0d9ffd1914e5e391c7d3a74505a",class:"bulk-count"},this.selectedValues.length," selected")),this.selectedValues.length>0&&a("div",{key:"b0600407777cbd52da525a09987153db769ba6a7",class:"bulk-actions"},this.bulkActions.map((t=>a("ui-button",{variant:"ghost",onClick:()=>this.bulkAction.emit({action:t.action,values:this.selectedValues}),icon:t.icon,iconLibrary:"fontawesome",label:t.label,size:"sm"}))))),this.floatingFAB&&this.selectedValues.length>0&&a("div",{key:"00b8aa6c267d50a47f6856cda876bad01ee9674e",class:"list-power-launcher-container"},a("div",{key:"e4ec0c4c8e8b58898686b5ef72e5a096ce66e3b5",class:{"launcher-fab":!0,active:this.isPowerLauncherOpen},onClick:()=>this.isPowerLauncherOpen=!this.isPowerLauncherOpen},a("ui-icon",{key:"a6bc20180a0bdcf40cf28275acefcd7c44a3815e",name:this.isPowerLauncherOpen?"times":"bolt",library:"fontawesome"})),this.isPowerLauncherOpen&&a("div",{key:"ef40293f768a0b40f3fc4a4c32798349040d4da2",class:"launcher-menu"},a("div",{key:"88be539c08a62f8de9b4ce82ee57518e1c92a3d4",class:"l-item",onClick:()=>this.bulkAction.emit({action:"rolling-restart",values:this.selectedValues})},a("ui-icon",{key:"f552d6377cc0939f3788caf7d129498b364c8459",name:"redo"})," Rolling Restart"),a("div",{key:"8d38b28a317a9a40e9a21bf8eb35fe186f51ac1c",class:"l-item",onClick:()=>this.bulkAction.emit({action:"sync-cluster",values:this.selectedValues})},a("ui-icon",{key:"12f7bfbbb932d89c45bd2c3df7365f0362535145",name:"sync"})," Sync Cluster"),a("div",{key:"7c71e2fbbf7179329013619a85fdab603088cae1",class:"l-item",onClick:()=>this.bulkAction.emit({action:"patch-security",values:this.selectedValues})},a("ui-icon",{key:"083ba7b124a9ddfd26fbdf6fa5027c9b005e76f5",name:"shield-alt"})," Patch Security"),a("div",{key:"b011aababd1f2079ddee4024c9bd33d7f4531357",class:"l-item danger",onClick:()=>this.bulkAction.emit({action:"delete",values:this.selectedValues})},a("ui-icon",{key:"8b0a9689e25e837876473d13487b6ef3e54600f1",name:"trash"})," Terminate Selected"))),this.isPaletteOpen&&a("div",{key:"7b938fda9a651dbf84ef1ef9219422c114282d63",class:"list-shortcut-palette",onClick:()=>this.isPaletteOpen=!1},a("div",{key:"a3998a5f1b5da498d3e181b1fda7a0e9577ba6a7",class:"palette-content",onClick:t=>t.stopPropagation()},a("h3",{key:"c09fb78ea4727525bc489f95e65de7be59952522"},"⌨️ Keyboard Shortcuts"),a("div",{key:"d4c0a024a9e89f214ebf5d8815ca6cd7dbd885ea",class:"shortcut-grid"},a("div",{key:"3ec41216e1df2a05ffe8676c6c84c7936194e87d",class:"s-row"},a("kbd",{key:"0004f6ff2a582b1a0037402365700395161f7952"},"J")," / ",a("kbd",{key:"679670b760357a2215b75e9e496fcef2fc06c7b4"},"K")," ",a("span",{key:"dd5bf7186501d66601302a624d8bbc77714c7b26"},"Navigate Down / Up")),a("div",{key:"64fbfcb5bfe9740082dd1f08a1aaf150eb09a55a",class:"s-row"},a("kbd",{key:"808dec5183b5dd0714f842f066f08794b5371156"},"Shift")," + ",a("kbd",{key:"cb57c4b93adcc7f1f1b9590e92439ba9ea19ac68"},"J/K")," ",a("span",{key:"dcac1d435c894641cb0fb9b84abbe889a6e0364d"},"Select Range")),a("div",{key:"1c7f84b9b8641ae4ad8f478724537f70d219d280",class:"s-row"},a("kbd",{key:"f5e0c806a1820089275adf63b6a11389dc3b926d"},"X")," ",a("span",{key:"f0d86c6842cc3b35e994963b3282586370181c07"},"Toggle Selection")),a("div",{key:"533f144a781063d3cd49a420aa80b43c745a3338",class:"s-row"},a("kbd",{key:"249b9b6ebfee73dc9b05c8d97e435fefe8af0eef"},"Enter")," ",a("span",{key:"07c36c47d132e3403f05e7b0d800e4374b83e01e"},"Activate / Open")),a("div",{key:"c9dc8867e160deffb05579bfa873587f1a6ded61",class:"s-row"},a("kbd",{key:"92b2dac699830feff2199bee101bc6fa99181aef"},"Space")," ",a("span",{key:"1d8ccd25114b6cd10ed255ccccc766a8de61ff35"},"Quick Look Preview")),a("div",{key:"376901f412fce5933eb3dca49e36c9aa18af4a50",class:"s-row"},a("kbd",{key:"142bdc9a21d78e25535e70c764cbf7144dd2eb04"},"[")," / ",a("kbd",{key:"606884510d2793a98cd371b8410d011d9065188c"},"]")," ",a("span",{key:"eafb3d4fb9b6b520e16b4f2936771b56f8ee4a5b"},"Jump to Prev / Next Group")),a("div",{key:"d1a3176cec793d83c48b0f53f0c635e6b98ba550",class:"s-row"},a("kbd",{key:"0cc2f021b294cce5c4b36ca714db5bb6540fa2df"},"?")," ",a("span",{key:"54efef235f24081e362eec2459eb55f223583dbe"},"Toggle this help"))))),this.isQuickLookOpen&&a("div",{key:"f194acddb04bbb4b217670666c13130dd7103ca8",class:"list-quick-look-modal",onClick:()=>this.isQuickLookOpen=!1},a("div",{key:"a888c716f4fd38a27f7503e1ec94e4a1b87640b1",class:"quick-look-content",onClick:t=>t.stopPropagation()},a("ui-icon",{key:"83b052f025e87eafce127aa024abe24dde014222",name:"times",class:"close-look",onClick:()=>this.isQuickLookOpen=!1}),a("div",{key:"558e0f06e84dcf9257f04fb7118fb26787c55ee4",class:"look-header"},a("h2",{key:"5d9caeba95720871cf4ae13187e68d2b4f1b9c92"},this.filteredItems[this.focusedIndex]?.label),a("span",{key:"2aa6d87d5081755e0f331c5ab237812a6608e8b5"},this.filteredItems[this.focusedIndex]?.sublabel)),a("div",{key:"6ff07d7edad52504773a064fa1a4e01ebacf35a8",class:"look-body"},a("p",{key:"543f894c81b5172ac243127f061fea6f6110dcf9"},"Comprehensive detail for Node ID: ",this.filteredItems[this.focusedIndex]?.value||"N/A"),a("div",{key:"7bac5a333c1c7f31089a6ca6ff05e997d3a96c26",class:"look-stats"},a("div",{key:"951d1ee50f6bed0ac479b817275c88d1038fbd5c",class:"l-stat"},"Status: ",a("strong",{key:"935fa52b092166b1c0453336192753cc4b4ebf98"},this.filteredItems[this.focusedIndex]?.status||"Idle")),a("div",{key:"777cd29fff1199c5793ff0f07924ba8c0fc7c11d",class:"l-stat"},"Health: ",a("strong",{key:"225a2b9212739f06d8359d5e201e36a29266f437"},this.filteredItems[this.focusedIndex]?.progress||100,"%")))))),a("div",{key:"77c2a4619e7c728ddf23f9d5e1d388708e41ad3b",ref:t=>this.listRef=t,class:t,style:e,role:"list","aria-label":this.ariaLabel,"aria-busy":this.syncing?"true":"false",part:"list",onScroll:this.handleScroll,onMouseDown:this.handleLassoStart},this.renderMinimap(),this.focusRingTop>=0&&a("div",{key:"19b2471c6ec43c7fc338eee4a377378b3575c90c",class:"list-focus-spring-ring",style:{top:this.focusRingTop+"px",height:this.focusRingHeight+"px"}}),this.lassoActive&&a("div",{key:"d50b5af30f8ba2aa942936c2aa491cdd54cd23b9",class:"list-lasso-box",style:{left:Math.min(this.lassoStart.x,this.lassoEnd.x)+"px",top:Math.min(this.lassoStart.y,this.lassoEnd.y)+"px",width:Math.abs(this.lassoEnd.x-this.lassoStart.x)+"px",height:Math.abs(this.lassoEnd.y-this.lassoStart.y)+"px"}}),this.renderContent()),this.renderPagination(),this.renderCommandPalette(),this.renderEKGWaveform(),this.renderConfetti(),this.showConfetti&&a("div",{key:"d4a48c4fa355aaa245066ef891279facf5ae12e0",class:"a11y-sr-only","aria-live":"assertive"},"Industrial Batch Operation Completed Successfully"),this.syncing&&a("div",{key:"411ccc3f6a9b589da46729eddca6ff2f202aa388",class:"a11y-sr-only","aria-live":"polite"},"Cluster data is currently synchronizing..."))}static get watchers(){return{items:[{handleItemsChange:0}],searchQuery:[{handleItemsChange:0}],currentPage:[{handleItemsChange: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}.list-container{display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);border-radius:12px;overflow:hidden;font-family:var(--font-family);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);transition:all 0.3s ease;width:100%}.list-label{padding:16px 20px 8px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.list-subheader{padding:4px 20px 12px;font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em}.list{display:flex;flex-direction:column;width:100%;--list-group-spacing:12px}.list>ui-list-group+ui-list-group{margin-top:var(--list-group-spacing)}.list.list-sm{--list-group-spacing:8px}.list.list-md{--list-group-spacing:12px}.list.list-lg{--list-group-spacing:16px}.list.list-horizontal{flex-direction:row;overflow-x:auto;padding:8px;gap:8px}.list.list-horizontal::-webkit-scrollbar{display:none}.list-search{padding:12px 20px;display:flex;align-items:center;gap:10px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);position:relative}.list-search .search-icon{font-size:0.875rem;color:var(--color-primary, #94a3b8)}.list-search .search-input{flex:1;border:none;background:transparent;font-size:14px;outline:none;color:var(--text-primary, #1e293b)}.list-search .search-input::placeholder{color:var(--color-primary, #cbd5e1)}.list-search .search-clear{background:var(--bg-primary, #e2e8f0);border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary, #475569);font-size:10px;transition:all 0.2s}.list-search .search-clear:hover{background:var(--color-primary, #cbd5e1)}.list-loading,.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;color:var(--text-muted, #94a3b8);text-align:center}.list-loading ui-icon,.list-empty ui-icon{font-size:32px;opacity:0.5}.list-loading ui-icon.empty-icon,.list-empty ui-icon.empty-icon{color:var(--color-primary, #10b981);opacity:0.7;animation:emptyPulse 2s infinite alternate ease-in-out}.list-loading span,.list-empty span{font-size:14px;font-weight:500}.list-loading .empty-title,.list-empty .empty-title{font-size:15px;font-weight:600;color:var(--text-primary, #1e293b);margin-top:4px}.list-loading .empty-subtitle,.list-empty .empty-subtitle{font-size:13px;font-weight:400;color:var(--text-muted, #64748b);max-width:280px;line-height:1.4}@keyframes emptyPulse{from{transform:scale(0.95);opacity:0.5}to{transform:scale(1.05);opacity:0.8}}.list-pagination{padding:12px 20px;border-top:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-primary, #f8fafc)}.list-pagination .pagination-button{min-width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted, #64748b);font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.list-pagination .pagination-button:hover:not(:disabled){background:var(--bg-primary, #ffffff);border-color:var(--border-subtle, #e2e8f0);color:var(--color-primary, #10b981)}.list-pagination .pagination-button.active{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.list-pagination .pagination-button:disabled{opacity:0.3;cursor:not-allowed}.list-pagination .pagination-ellipsis{color:var(--color-primary, #cbd5e1);font-size:12px;padding:0 4px}.list[style*=max-height]::-webkit-scrollbar{width:8px}.list[style*=max-height]::-webkit-scrollbar-track{background:transparent}.list[style*=max-height]::-webkit-scrollbar-thumb{background:var(--bg-primary, #e2e8f0);border-radius:10px;border:2px solid transparent;background-clip:content-box}.list[style*=max-height]::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #cbd5e1);background-clip:content-box}.virtual-list{contain:strict;will-change:transform}.list-container{overflow:visible}.list-container.list-has-selection .list-header-adaptive{background:var(--bg-primary, #eff6ff);border-bottom-color:var(--color-primary, #bfdbfe)}.list-container.list-has-selection .list-label{color:var(--color-primary, #1e40af)}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive{background:linear-gradient(135deg, var(--color-success, #3dcd58), var(--color-success, #2a9d47))}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-label,.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-subheader{color:var(--text-standard, #ffffff)}.list-header-adaptive{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.list-bulk-header{border-top:none;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-subtle, #e2e8f0);animation:slideDownBulk 0.3s ease-out}.list-bulk-header .bulk-select-all{display:flex;align-items:center;gap:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569)}.list-bulk-header .bulk-actions{display:flex;align-items:center;gap:8px}.list-bulk-header .bulk-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:var(--bg-primary, #ffffff);border-radius:6px;color:var(--text-primary, #1e293b);font-size:0.8125rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);transition:all 0.2s}.list-bulk-header .bulk-action-btn:hover{background:var(--bg-primary, #f8fafc);transform:translateY(-1px)}.list-bulk-header .bulk-action-btn:active{transform:translateY(0)}.list-bulk-header .bulk-action-btn ui-icon{font-size:0.875rem}.list-bulk-header .bulk-action-btn ui-icon[name=trash],.list-bulk-header .bulk-action-btn ui-icon[name=archive]{color:var(--color-danger, #ef4444)}@keyframes slideDownBulk{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sticky-header{position:sticky;top:0;z-index:20;background:var(--bg-primary, #ffffff);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.list-sync-bar{height:2px;width:100%;background:var(--bg-secondary, #f3f4f6);position:relative;overflow:hidden}.list-sync-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:30%;background:var(--color-primary, #10b981);animation:listSyncMode 2s infinite linear}@keyframes listSyncMode{0%{left:-30%}100%{left:100%}}.list-filter-chips{display:flex;align-items:center;gap:8px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-filter-chips::-webkit-scrollbar{display:none}.list-filter-chips .filter-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-primary, #ffffff);font-size:0.75rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px}.list-filter-chips .filter-chip:hover{background:var(--bg-primary, #f8fafc);color:var(--bg-primary, #1e293b)}.list-filter-chips .filter-chip.active{background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);border-color:var(--border-subtle, #1e293b)}.list-filter-chips .filter-chip .chip-count{opacity:0.6;font-weight:400}.list-sorting-headers{display:flex;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);padding:8px 16px}.list-sorting-headers .sort-header{flex:1;font-size:0.6875rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;gap:4px;cursor:pointer}.list-sorting-headers .sort-header:hover{color:var(--text-primary, #1e293b)}.list-sorting-headers .sort-header ui-icon{font-size:0.75rem;opacity:0.4}.list-group-footer{padding:8px 16px;background:var(--bg-primary, #fdfdfd);border-top:1px solid var(--border-subtle, #f1f5f9);font-size:0.6875rem;font-weight:700;color:var(--color-primary, #94a3b8);text-transform:uppercase;letter-spacing:0.025em;text-align:right}.list-floating-fab{position:absolute;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0, 0, 0, 0.25);cursor:pointer;z-index:100;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);animation:fabShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-floating-fab:hover{background:var(--color-primary, #334155);transform:scale(1.1)}.list-floating-fab:active{transform:scale(0.95)}.list-floating-fab ui-icon{font-size:1.25rem}@keyframes fabShow{from{transform:scale(0) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-shortcut-palette,.list-quick-look-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s ease-out}.palette-content{background:var(--bg-primary, #ffffff);width:90%;max-width:440px;border-radius:20px;padding:32px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)}.palette-content h3{margin:0 0 20px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.palette-content .shortcut-grid{display:flex;flex-direction:column;gap:12px}.palette-content .s-row{display:flex;align-items:center;gap:12px;font-size:0.875rem;color:var(--text-muted, #64748b)}.palette-content kbd{background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);border-bottom-width:3px;padding:2px 6px;border-radius:4px;font-family:inherit;font-weight:700;color:var(--text-primary, #1e293b);min-width:24px;text-align:center}.quick-look-content{background:var(--bg-primary, #ffffff);width:90%;max-width:600px;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0, 0, 0, 0.3);position:relative}.quick-look-content .close-look{position:absolute;top:20px;right:20px;cursor:pointer;opacity:0.5}.quick-look-content .close-look:hover{opacity:1}.quick-look-content .look-header{background:var(--bg-primary, #f8fafc);padding:40px 48px 32px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.quick-look-content .look-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #1e293b)}.quick-look-content .look-header span{color:var(--text-muted, #64748b);font-size:0.875rem}.quick-look-content .look-body{padding:32px 48px 48px}.quick-look-content .look-body p{color:var(--color-primary, #475569);line-height:1.6}.quick-look-content .look-body .look-stats{display:flex;gap:40px;margin-top:24px}.quick-look-content .look-body .l-stat{font-size:0.8125rem;color:var(--color-primary, #94a3b8)}.quick-look-content .look-body .l-stat strong{display:block;font-size:1.125rem;color:var(--text-primary, #1e293b);font-weight:700}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.list-lasso-box{position:absolute;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);border:1px solid var(--color-primary, #10b981);border-radius:2px;pointer-events:none;z-index:100;box-shadow:0 0 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.list-focus-spring-ring{position:absolute;left:0;right:0;border:2px solid var(--color-primary, #10b981);border-radius:8px;pointer-events:none;z-index:10;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.04)}.list-view-tabs{display:flex;gap:24px;margin-left:24px;align-items:center}.list-view-tabs .view-tab{font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);cursor:pointer;position:relative;transition:color 0.2s}.list-view-tabs .view-tab.active{color:var(--text-primary, #1e293b)}.list-view-tabs .view-tab.active::after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--color-primary, #10b981);border-radius:1px}.list-header-adaptive{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-header-adaptive .header-main-titles{flex:1}.list-power-launcher-container{position:absolute;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.list-power-launcher-container .launcher-fab{width:56px;height:56px;border-radius:50%;background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 25px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);cursor:pointer;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-fab.active{background:var(--bg-primary, #1e293b);transform:rotate(90deg)}.list-power-launcher-container .launcher-fab:hover{transform:scale(1.1)}.list-power-launcher-container .launcher-menu{background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.5);border-radius:20px;padding:12px;width:240px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.15);animation:launcherShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-menu .l-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s}.list-power-launcher-container .launcher-menu .l-item ui-icon{font-size:1rem;opacity:0.7}.list-power-launcher-container .launcher-menu .l-item:hover{background:var(--bg-secondary, #f1f5f9);color:var(--bg-primary, #1e293b)}.list-power-launcher-container .launcher-menu .l-item.danger{color:var(--color-danger, #ef4444)}.list-power-launcher-container .launcher-menu .l-item.danger:hover{background:var(--bg-primary, #fef2f2)}@keyframes launcherShow{from{transform:scale(0.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-sync-bar{position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary, #10b981);animation:syncProgress 2s linear infinite}@keyframes syncProgress{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}.list-ekg-container{position:absolute;bottom:0;left:0;right:0;height:20px;overflow:hidden;pointer-events:none;opacity:0.3}.list-ekg-waveform path{stroke-dasharray:200;stroke-dashoffset:200;animation:ekgScroll 4s linear infinite}@keyframes ekgScroll{to{stroke-dashoffset:-200}}@media (forced-colors: active){.list-item,.list-group-header,.list-header,.list-footer{border:1px solid CanvasText}.list-focus-spring-ring{outline:3px solid Highlight;background:transparent}}.list-confetti-burst{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1000}.list-confetti-burst .confetti-particle{position:absolute;width:8px;height:8px;background:var(--color-primary, #10b981);border-radius:2px;animation:confettiFall 2s ease-out forwards}@keyframes confettiFall{0%{transform:translate(0, 0) rotate(0deg);opacity:1}100%{transform:translate(var(--dx), var(--dy)) rotate(360deg);opacity:0}}.group-header-custom{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-primary, #f8fafc);cursor:pointer;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.group-header-custom .group-title-label{font-weight:700;color:var(--text-primary, #1e293b);flex:1;text-transform:uppercase;letter-spacing:0.1em;font-size:0.75rem}.group-header-custom .group-pill{background:var(--border-subtle, #e2e8f0);padding:2px 8px;border-radius:12px;font-size:0.7rem;color:var(--color-primary, #64748b);font-weight:800}.group-mini-dashboard{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(10px);padding:16px 32px;display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(0, 0, 0, 0.05);animation:slideDownFade 0.3s ease-out}.group-mini-dashboard .gm-stat{font-size:0.8125rem;color:var(--text-muted, #64748b)}.group-mini-dashboard .gm-stat strong{display:block;color:var(--text-primary, #1e293b);font-size:1.1rem}@keyframes slideDownFade{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.presence-cursors-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1000}.ghost-cursor{position:absolute;display:flex;align-items:center;gap:8px;transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);pointer-events:none}.ghost-cursor ui-icon{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.ghost-cursor .cursor-label{background:var(--bg-primary, #ffffff);padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:700;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);white-space:nowrap;border:1px solid rgba(0, 0, 0, 0.05)}.ghost-cursor.cursor-blue ui-icon{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-blue .cursor-label{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-purple ui-icon{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-purple .cursor-label{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-green ui-icon{color:var(--color-success, #10b981)}.ghost-cursor.cursor-green .cursor-label{color:var(--color-success, #10b981)}.is-morphing .list-item{transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.is-morphing .list-item-avatar-container,.is-morphing ui-avatar{transform:scale(1.15)}.list-item-aura-online{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.03), rgba(255, 255, 255, 0))}.list-item-aura-online.list-item-hovered{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.08), rgba(255, 255, 255, 0))}.list-item-aura-danger{background:linear-gradient(135deg, rgba(var(--color-danger-rgb, 239, 68, 68), 0.04), rgba(255, 255, 255, 0));position:relative}.list-item-aura-danger::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 50%, rgba(var(--color-danger-rgb, 239, 68, 68), 0.05), transparent 70%);animation:auraShift 8s infinite alternate}@keyframes auraShift{from{transform:translateX(-5%)}to{transform:translateX(5%)}}.list-command-palette-overlay{position:fixed;inset:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn 0.2s ease-out}.list-command-palette-overlay .command-palette-content{width:100%;max-width:600px;background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 70px rgba(0, 0, 0, 0.3);overflow:hidden;border:1px solid rgba(255, 255, 255, 0.2)}.list-command-palette-overlay .command-palette-content .cp-search{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9);gap:16px}.list-command-palette-overlay .command-palette-content .cp-search ui-icon{font-size:1.25rem;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-search input{flex:1;border:none;outline:none;font-size:1.1rem;color:var(--text-primary, #1e293b);font-weight:500;background:transparent}.list-command-palette-overlay .command-palette-content .cp-search kbd{font-size:0.75rem;padding:4px 8px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:6px;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-results{max-height:400px;overflow-y:auto;padding:8px}.list-command-palette-overlay .command-palette-content .cp-results .cp-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all 0.2s}.list-command-palette-overlay .command-palette-content .cp-results .cp-item ui-icon{color:var(--text-muted, #64748b);font-size:1.1rem}.list-command-palette-overlay .command-palette-content .cp-results .cp-item span{font-size:0.9375rem;color:var(--color-primary, #334155);font-weight:500}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover{background:var(--bg-secondary, #f1f5f9)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover ui-icon{color:var(--color-primary, #10b981)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover span{color:var(--text-primary, #1e293b)}.list-scrollbar-minimap{position:absolute;top:0;right:0;bottom:0;width:4px;background:rgba(0, 0, 0, 0.03);z-index:100;pointer-events:none}.list-scrollbar-minimap .m-marker{position:absolute;left:0;right:0;height:3px;border-radius:2px}.list-scrollbar-minimap .m-marker.m-online{background:var(--color-success, #10b981)}.list-scrollbar-minimap .m-marker.m-busy{background:var(--color-warning, #f59e0b)}.list-scrollbar-minimap .m-marker.m-danger{background:var(--color-danger, #ef4444)}'}},[769,"ui-list",{label:[1],size:[1],color:[1],variant:[1],dense:[4],dividers:[4],rounded:[4],elevated:[4],selectable:[4],multiSelect:[4,"multi-select"],selectedValues:[1040],maxHeight:[1,"max-height"],fullWidth:[4,"full-width"],padding:[4],subheader:[1],virtual:[4],itemHeight:[2,"item-height"],items:[16],searchable:[4],searchPlaceholder:[1,"search-placeholder"],searchQuery:[1025,"search-query"],loading:[4],loadingText:[1,"loading-text"],skeleton:[4],emptyText:[1,"empty-text"],showEmpty:[4,"show-empty"],isDraggable:[4,"is-draggable"],paginated:[4],itemsPerPage:[2,"items-per-page"],currentPage:[1026,"current-page"],checkboxSelection:[4,"checkbox-selection"],keyboardNavigation:[4,"keyboard-navigation"],grouped:[4],groupBy:[1,"group-by"],flush:[4],horizontal:[4],numbered:[4],infinite:[4],loadMoreThreshold:[2,"load-more-threshold"],stickyHeaders:[4,"sticky-headers"],showBulkHeader:[4,"show-bulk-header"],bulkActions:[16],grid:[4],gridCols:[2,"grid-cols"],dragGroup:[1,"drag-group"],altMode:[4,"alt-mode"],emptyStateTitle:[1,"empty-state-title"],emptyStateActionLabel:[1,"empty-state-action-label"],selectionHeaderColor:[1,"selection-header-color"],ariaLabel:[1,"aria-label"],density:[1],viewTabs:[16],commandK:[4,"command-k"],showMinimap:[4,"show-minimap"],syncing:[4],filterChips:[16],showSortingHeaders:[4,"show-sorting-headers"],columns:[16],showGroupFooter:[4,"show-group-footer"],groupFooterLabel:[1,"group-footer-label"],floatingFAB:[4,"floating-f-a-b"],altKeyPressed:[32],isPowerLauncherOpen:[32],isCommandKOpen:[32],commandQuery:[32],activeTab:[32],focusRingTop:[32],focusRingHeight:[32],showConfetti:[32],isEKGActive:[32],groupDashboards:[32],isPaletteOpen:[32],isQuickLookOpen:[32],shiftSelectionStartIndex:[32],scrollTop:[32],lassoActive:[32],lassoStart:[32],lassoEnd:[32],visibleItems:[32],filteredItems:[32],focusedIndex:[32],draggedItem:[32],totalPages:[32],_sortColumn:[32],_sortDir:[32]},[[8,"keydown","handleGlobalKeyDown"],[8,"keyup","handleGlobalKeyUp"],[0,"listItemClick","handleItemClick"]],{items:[{handleItemsChange:0}],searchQuery:[{handleItemsChange:0}],currentPage:[{handleItemsChange:0}]}]),k=v,w=function(){"undefined"!=typeof customElements&&["ui-list","ui-avatar","ui-avatar-group","ui-badge","ui-button","ui-checkbox","ui-icon","ui-input","ui-list-group","ui-list-item","ui-loader","ui-popover","ui-skeleton","ui-stack","ui-tag","ui-tag-group"].forEach((t=>{switch(t){case"ui-list":customElements.get(s(t))||customElements.define(s(t),v);break;case"ui-avatar":customElements.get(s(t))||r();break;case"ui-avatar-group":customElements.get(s(t))||o();break;case"ui-badge":customElements.get(s(t))||n();break;case"ui-button":customElements.get(s(t))||l();break;case"ui-checkbox":customElements.get(s(t))||c();break;case"ui-icon":customElements.get(s(t))||d();break;case"ui-input":customElements.get(s(t))||h();break;case"ui-list-group":customElements.get(s(t))||p();break;case"ui-list-item":customElements.get(s(t))||b();break;case"ui-loader":customElements.get(s(t))||f();break;case"ui-popover":customElements.get(s(t))||u();break;case"ui-skeleton":customElements.get(s(t))||m();break;case"ui-stack":customElements.get(s(t))||g();break;case"ui-tag":customElements.get(s(t))||y();break;case"ui-tag-group":customElements.get(s(t))||x()}}))};export{k as UiList,w as defineCustomElement}

package/dist/components/{ui-radio-group.d.ts → ui-loader.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface UiRadioGroup extends Components.UiRadioGroup, HTMLElement {}
-export const UiRadioGroup: {
-    prototype: UiRadioGroup;
-    new (): UiRadioGroup;
+interface UiLoader extends Components.UiLoader, HTMLElement {}
+export const UiLoader: {
+    prototype: UiLoader;
+    new (): UiLoader;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/ui-loader.js

@@ -0,0 +1 @@
+import{L as o,d as r}from"./loader.js";const s=o,a=r;export{s as UiLoader,a as defineCustomElement}

package/dist/components/ui-masonry.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,transformTag as a}from"@stencil/core/internal/client";import{d as o,a as r}from"./badge.js";import{d as n}from"./checkbox.js";import{d as l}from"./icon.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=e(this,"itemClick",7),this.filterChange=e(this,"filterChange",7),this.sortChange=e(this,"sortChange",7),this.itemSelectionChange=e(this,"itemSelectionChange",7),this.layoutChange=e(this,"layoutChange",7),this.itemsLoaded=e(this,"itemsLoaded",7),this.batchDelete=e(this,"batchDelete",7)}get el(){return this}items=[];columns=3;gap=16;layoutType="masonry";itemMinWidth=200;itemMaxWidth=400;breakpoints='{"640":2,"768":3,"1024":4,"1280":5}';filterBy="";sortBy="";sortOrder="asc";animationDuration=300;enableAnimation=!0;loadingState=!1;emptyMessage="No items to display";showFilters=!1;filterOptions=[];lazyLoad=!1;lazyLoadMargin="200px";infiniteScroll=!1;infiniteScrollDistance=200;selectable=!1;multiSelect=!1;showBatchActions=!1;lightbox=!1;filteredItems=[];currentColumns=3;isResizing=!1;selectedItems=new Set;loadedImages=new Set;visibleItems=12;activeImageIndex=-1;isLightboxOpen=!1;itemClick;filterChange;sortChange;itemSelectionChange;layoutChange;itemsLoaded;batchDelete;resizeObserver;componentWillLoad(){this.updateFilteredItems(),this.calculateColumns()}componentDidLoad(){this.setupResizeObserver(),this.infiniteScroll&&this.setupInfiniteScroll(),this.lazyLoad&&this.setupLazyLoading()}handleWindowKeyDown(t){if(this.isLightboxOpen&&this.lightbox)return"Escape"===t.key&&this.closeLightbox(),"ArrowRight"===t.key&&this.nextImage(t),void("ArrowLeft"===t.key&&this.prevImage(t));(this.selectedItems.size>0||document.activeElement===this.el)&&this.handleKeyDown(t)}handleKeyDown(t){if(this.selectable)return t.ctrlKey&&"a"===t.key?(t.preventDefault(),void this.selectAll()):"Escape"===t.key&&this.selectedItems.size>0?(t.preventDefault(),void this.deselectAll()):"Delete"===t.key&&this.selectedItems.size>0?(t.preventDefault(),void this.deleteSelected()):void 0}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.infiniteScrollObserver&&this.infiniteScrollObserver.disconnect(),this.lazyLoadObserver&&this.lazyLoadObserver.disconnect()}infiniteScrollObserver;lazyLoadObserver;setupInfiniteScroll(){void 0!==globalThis.IntersectionObserver&&(this.infiniteScrollObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&this.visibleItems<this.filteredItems.length&&(this.visibleItems=Math.min(this.visibleItems+12,this.filteredItems.length),this.itemsLoaded.emit({count:this.visibleItems,total:this.filteredItems.length}))}))}),{rootMargin:this.infiniteScrollDistance+"px"}),setTimeout((()=>{const t=this.el.shadowRoot?.querySelector(".infinite-scroll-sentinel");t&&this.infiniteScrollObserver.observe(t)}),100))}setupLazyLoading(){void 0!==globalThis.IntersectionObserver&&(this.lazyLoadObserver=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const i=parseInt(t.target.getAttribute("data-index"));this.loadedImages=new Set([...this.loadedImages,i]);const e=t.target,s=e.getAttribute("data-src");s&&!e.src&&(e.src=s),this.lazyLoadObserver.unobserve(t.target)}}))}),{rootMargin:this.lazyLoadMargin}),setTimeout((()=>{const t=this.el.shadowRoot?.querySelectorAll("img[data-src]");t?.forEach((t=>this.lazyLoadObserver.observe(t)))}),100))}toggleSelection(t,i){if(!this.selectable)return;i&&i.stopPropagation();const e=new Set(this.selectedItems);e.has(t)?e.delete(t):(this.multiSelect||e.clear(),e.add(t)),this.selectedItems=e;const s=Array.from(this.selectedItems),a=s.map((t=>this.filteredItems[t]));this.itemSelectionChange.emit({selectedItems:a,indices:s})}selectAll(){if(!this.selectable)return;this.selectedItems=new Set(this.filteredItems.map(((t,i)=>i)));const t=Array.from(this.selectedItems),i=t.map((t=>this.filteredItems[t]));this.itemSelectionChange.emit({selectedItems:i,indices:t})}deselectAll(){this.selectedItems=new Set,this.itemSelectionChange.emit({selectedItems:[],indices:[]})}deleteSelected(){const t=Array.from(this.selectedItems),i=t.map((t=>this.filteredItems[t]));this.batchDelete.emit({items:i,indices:t}),this.selectedItems=new Set,this.itemSelectionChange.emit({selectedItems:[],indices:[]})}watchItemsChange(){this.updateFilteredItems()}watchColumnsChange(){this.calculateColumns()}getParsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return console.error("Invalid items JSON"),[]}return this.items}getParsedFilterOptions(){if("string"==typeof this.filterOptions)try{return JSON.parse(this.filterOptions)}catch{return[]}return this.filterOptions}getParsedBreakpoints(){try{return JSON.parse(this.breakpoints)}catch{return{640:2,768:3,1024:4,1280:5}}}setupResizeObserver(){this.resizeObserver=new ResizeObserver((()=>{this.isResizing=!0,this.calculateColumns(),setTimeout((()=>{this.isResizing=!1}),100)}));const t=this.el.shadowRoot.querySelector(".masonry-container");t&&this.resizeObserver.observe(t)}calculateColumns(){const t=this.el.shadowRoot?.querySelector(".masonry-container");if(!t)return;const i=t.clientWidth,e=this.getParsedBreakpoints(),s=Object.keys(e).map(Number).sort(((t,i)=>i-t));let a=this.columns;for(const t of s)if(i>=t){a=e[t];break}this.currentColumns=a}updateFilteredItems(){let t=[...this.getParsedItems()];this.filterBy&&(t=t.filter((t=>{const[i,e]=this.filterBy.split(":");return t[i]&&(""+t[i]).toLowerCase().includes(e.toLowerCase())}))),this.sortBy&&t.sort(((t,i)=>{const e=t[this.sortBy],s=i[this.sortBy];if("number"==typeof e&&"number"==typeof s)return"asc"===this.sortOrder?e-s:s-e;const a=(e+"").toLowerCase(),o=(s+"").toLowerCase();return"asc"===this.sortOrder?a.localeCompare(o):o.localeCompare(a)})),this.filteredItems=t}handleItemClick=(t,i)=>{this.itemClick.emit({item:t,index:i})};handleFilterChange=(t,i)=>{this.filterChange.emit({filterBy:t,value:i})};handleSortChange=(t,i)=>{this.sortChange.emit({sortBy:t,order:i})};getColumnItems(t){return"masonry"===this.layoutType?this.filteredItems.filter(((i,e)=>e%this.currentColumns===t)):this.filteredItems}renderFilters(){if(!this.showFilters)return null;const t=this.getParsedFilterOptions();return s("div",{class:"masonry-filters"},s("div",{class:"filter-group"},s("label",null,"Filter:"),s("select",{onChange:i=>{const e=i.target.value;this.handleFilterChange(t[0]?.key||"category",e)}},s("option",{value:""},"All"),t.map((t=>s("option",{value:t.key},t.label))))),s("div",{class:"filter-group"},s("label",null,"Sort:"),s("select",{onChange:t=>this.handleSortChange(t.target.value,this.sortOrder)},s("option",{value:""},"None"),s("option",{value:"title"},"Title"),s("option",{value:"date"},"Date"),s("option",{value:"size"},"Size"))),s("div",{class:"filter-group"},s("ui-button",{variant:"ghost",class:{"sort-button":!0,active:"asc"===this.sortOrder},onClick:()=>this.handleSortChange(this.sortBy,"asc"),icon:"arrow-up",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),s("ui-button",{variant:"ghost",class:{"sort-button":!0,active:"desc"===this.sortOrder},onClick:()=>this.handleSortChange(this.sortBy,"desc"),icon:"arrow-down",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})))}renderMasonryLayout(){const t=this.infiniteScroll?this.filteredItems.slice(0,this.visibleItems):this.filteredItems;return s("div",{class:"masonry-columns",role:"grid","aria-label":"Masonry layout",style:{"column-count":""+this.currentColumns,"column-gap":this.gap+"px"}},t.map(((t,i)=>s("div",{class:{"masonry-item":!0,animate:this.enableAnimation&&!this.isResizing,selected:this.selectedItems.has(i)},style:{"margin-bottom":this.gap+"px","animation-delay":this.enableAnimation?50*i+"ms":"0ms"},onClick:()=>this.handleItemClick(t,i),role:"gridcell","aria-selected":this.selectedItems.has(i)?"true":"false",tabindex:0},this.selectable&&s("div",{class:"selection-checkbox"},s("ui-checkbox",{checked:this.selectedItems.has(i),onCheckboxChange:t=>this.toggleSelection(i,t),ariaLabel:"Select "+(t.title||"item "+(i+1)),size:"sm"})),s("slot",{name:"item-"+i},this.renderDefaultItem(t,i))))),this.infiniteScroll&&this.visibleItems<this.filteredItems.length&&s("div",{class:"infinite-scroll-sentinel"}))}renderGridLayout(){const t=this.infiniteScroll?this.filteredItems.slice(0,this.visibleItems):this.filteredItems;return s("div",{class:"masonry-grid",role:"grid","aria-label":"Grid layout",style:{"grid-template-columns":`repeat(${this.currentColumns}, 1fr)`,gap:this.gap+"px"}},t.map(((t,i)=>s("div",{class:{"masonry-item":!0,animate:this.enableAnimation&&!this.isResizing,selected:this.selectedItems.has(i)},style:{"animation-delay":this.enableAnimation?50*i+"ms":"0ms"},onClick:()=>this.handleItemClick(t,i),role:"gridcell","aria-selected":this.selectedItems.has(i)?"true":"false",tabindex:0},this.selectable&&s("div",{class:"selection-checkbox"},s("ui-checkbox",{checked:this.selectedItems.has(i),onCheckboxChange:t=>this.toggleSelection(i,t),ariaLabel:"Select "+(t.title||"item "+(i+1)),size:"sm"})),s("slot",{name:"item-"+i},this.renderDefaultItem(t,i))))),this.infiniteScroll&&this.visibleItems<this.filteredItems.length&&s("div",{class:"infinite-scroll-sentinel"}))}renderColumnsLayout(){const t=Array.from({length:this.currentColumns},((t,i)=>i)),i=this.infiniteScroll?this.filteredItems.slice(0,this.visibleItems):this.filteredItems;return s("div",{class:"masonry-flex-columns",role:"grid","aria-label":"Column layout",style:{gap:this.gap+"px"}},t.map((t=>s("div",{class:"masonry-column",style:{flex:"1"},role:"row"},this.getColumnItems(t).map(((e,a)=>{const o=t+a*this.currentColumns;return o>=i.length?null:s("div",{class:{"masonry-item":!0,animate:this.enableAnimation&&!this.isResizing,selected:this.selectedItems.has(o)},style:{"margin-bottom":this.gap+"px","animation-delay":this.enableAnimation?50*o+"ms":"0ms"},onClick:()=>this.handleItemClick(e,o),role:"gridcell","aria-selected":this.selectedItems.has(o)?"true":"false",tabindex:0},this.selectable&&s("div",{class:"selection-checkbox"},s("ui-checkbox",{checked:this.selectedItems.has(o),onCheckboxChange:t=>this.toggleSelection(o,t),ariaLabel:"Select "+(e.title||"item "+(o+1)),size:"sm"})),s("slot",{name:"item-"+o},this.renderDefaultItem(e,o)))}))))),this.infiniteScroll&&this.visibleItems<this.filteredItems.length&&s("div",{class:"infinite-scroll-sentinel"}))}openLightbox(t,i){this.lightbox&&(i.stopPropagation(),this.activeImageIndex=t,this.isLightboxOpen=!0,document.body.style.overflow="hidden")}closeLightbox(){this.isLightboxOpen=!1,document.body.style.overflow=""}nextImage(t){t&&t.stopPropagation(),this.activeImageIndex<this.filteredItems.length-1?this.activeImageIndex++:this.activeImageIndex=0}prevImage(t){t&&t.stopPropagation(),this.activeImageIndex>0?this.activeImageIndex--:this.activeImageIndex=this.filteredItems.length-1}renderLightbox(){if(!this.isLightboxOpen||-1===this.activeImageIndex)return null;const t=this.filteredItems[this.activeImageIndex];return t?s("div",{class:"masonry-lightbox",onClick:()=>this.closeLightbox()},s("ui-button",{variant:"ghost",class:"lightbox-close",onClick:()=>this.closeLightbox(),icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"lg",ariaLabel:"Close lightbox"}),s("div",{class:"lightbox-content",onClick:t=>t.stopPropagation()},s("ui-button",{variant:"ghost",class:"lightbox-nav prev",onClick:t=>this.prevImage(t),icon:"chevron-left",iconLibrary:"fontawesome",iconOnly:!0,size:"lg",ariaLabel:"Previous image"}),s("div",{class:"lightbox-image-container"},s("img",{src:t.image,alt:t.title,class:"lightbox-image"}),s("div",{class:"lightbox-details"},s("h3",null,t.title),t.description&&s("p",null,t.description))),s("ui-button",{variant:"ghost",class:"lightbox-nav next",onClick:t=>this.nextImage(t),icon:"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"lg",ariaLabel:"Next image"})),s("div",{class:"lightbox-counter"},this.activeImageIndex+1," / ",this.filteredItems.length)):null}renderSkeleton(){const t=Array.from({length:3*this.currentColumns},((t,i)=>i)),i=Array.from({length:this.currentColumns},((t,i)=>i));return s("div",{class:"masonry-flex-columns skeleton-wrapper",style:{gap:this.gap+"px"}},i.map((i=>s("div",{class:"masonry-column",style:{flex:"1"}},t.filter(((t,e)=>e%this.currentColumns===i)).map(((t,i)=>s("div",{class:"masonry-item skeleton-item",style:{"margin-bottom":this.gap+"px",height:200+50*i%200+"px"}},s("div",{class:"skeleton-shimmer"}))))))))}renderDefaultItem(t,i){return s("div",{class:"default-item",style:{"min-width":this.itemMinWidth?this.itemMinWidth+"px":void 0,"max-width":this.itemMaxWidth?this.itemMaxWidth+"px":void 0}},s("div",{class:"image-wrapper"},t.image&&s("img",this.lazyLoad?{"data-src":t.image,"data-index":""+i,alt:t.title||"Item",class:"lazy-image",style:{opacity:this.loadedImages.has(i)?"1":"0.3"}}:{src:t.image,alt:t.title||"Item",loading:"lazy"}),s("div",{class:"item-overlay"},s("div",{class:"overlay-actions"},this.lightbox&&s("ui-button",{variant:"ghost",onClick:t=>this.openLightbox(i,t),ariaLabel:"View Fullscreen",icon:"expand-alt",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),s("ui-button",{variant:"ghost",ariaLabel:"Like",icon:"heart",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),s("ui-button",{variant:"ghost",ariaLabel:"Info",icon:"info",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})))),t.title&&s("h3",{class:"item-title"},t.title),t.description&&s("p",{class:"item-description"},t.description),t.tags&&s("div",{class:"item-tags"},t.tags.map((t=>s("span",{class:"tag"},t)))))}renderEmpty(){return s("div",{class:"masonry-empty"},s("ui-icon",{name:"inbox",library:"fontawesome"}),s("p",null,this.emptyMessage))}renderBatchActions(){return this.showBatchActions&&0!==this.selectedItems.size?s("div",{class:"batch-actions-toolbar",role:"toolbar","aria-label":"Batch actions"},s("span",{class:"selection-count"},this.selectedItems.size," selected"),s("div",{class:"action-buttons"},s("ui-button",{variant:"ghost",onClick:()=>this.selectAll(),ariaLabel:"Select all items",icon:"check-square",iconLibrary:"fontawesome",label:"Select All"}),s("ui-button",{variant:"ghost",onClick:()=>this.deselectAll(),ariaLabel:"Clear selection",icon:"times",iconLibrary:"fontawesome",label:"Clear"}),s("ui-button",{variant:"ghost",onClick:()=>this.deleteSelected(),class:"delete-button",ariaLabel:"Delete selected items",icon:"trash",iconLibrary:"fontawesome",label:"Delete"}))):null}render(){return this.loadingState?this.renderSkeleton():0===this.filteredItems.length?this.renderEmpty():s("div",{class:"masonry-wrapper",tabindex:this.selectable?0:-1},this.renderFilters(),this.renderBatchActions(),s("div",{class:{"masonry-container":!0,["masonry-"+this.layoutType]:!0}},"masonry"===this.layoutType&&this.renderMasonryLayout(),"grid"===this.layoutType&&this.renderGridLayout(),"columns"===this.layoutType&&this.renderColumnsLayout()),this.renderLightbox())}static get watchers(){return{items:[{watchItemsChange:0}],filterBy:[{watchItemsChange:0}],sortBy:[{watchItemsChange:0}],sortOrder:[{watchItemsChange:0}],columns:[{watchColumnsChange: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}.masonry-wrapper{width:100%;padding:16px}.masonry-filters{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:16px;background:var(--bg-primary, #f9fafb);border-radius:8px;flex-wrap:wrap}.masonry-filters .filter-group{display:flex;gap:8px;align-items:center}.masonry-filters .filter-group label{font-weight:600;font-size:0.875rem;color:var(--text-secondary, #374151)}.masonry-filters .filter-group select{padding:8px 12px;border:1px solid var(--border-strong, #d1d5db);border-radius:6px;font-size:0.875rem;background:var(--bg-primary, #ffffff);cursor:pointer;min-width:120px}.masonry-filters .filter-group select:focus{outline:none;border-color:var(--color-primary-hover, #2563eb);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.masonry-filters .filter-group .sort-button{padding:8px 12px;border:1px solid var(--border-strong, #d1d5db);border-radius:6px;background:var(--bg-primary, #ffffff);cursor:pointer;transition:all 0.2s ease;color:var(--text-muted, #6b7280)}.masonry-filters .filter-group .sort-button:hover{background:var(--bg-secondary, #f3f4f6);border-color:var(--color-primary, #9ca3af)}.masonry-filters .filter-group .sort-button.active{background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);border-color:var(--color-success, #3dcd58)}.masonry-filters .filter-group .sort-button:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.masonry-container{width:100%}.masonry-columns{column-gap:16px}.masonry-columns .masonry-item{break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%}.masonry-grid{display:grid;grid-auto-rows:auto;width:100%}.masonry-grid .masonry-item{width:100%}.masonry-flex-columns{display:flex;width:100%}.masonry-flex-columns .masonry-column{display:flex;flex-direction:column}.masonry-item{cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease;background:var(--bg-primary, #ffffff);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.masonry-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.masonry-item.animate{animation:fadeInUp 0.3s ease forwards;opacity:0}.default-item img{width:100%;height:auto;display:block;object-fit:cover}.default-item .item-title{margin:12px 16px 8px;font-size:1rem;font-weight:600;color:var(--text-primary, #111827);line-height:1.4}.default-item .item-description{margin:0 16px 12px;font-size:0.875rem;color:var(--text-muted, #6b7280);line-height:1.5}.default-item .item-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 16px 16px}.default-item .item-tags .tag{padding:4px 8px;background:var(--bg-primary, #eff6ff);color:var(--color-success, #3dcd58);font-size:0.75rem;font-weight:500;border-radius:4px}.masonry-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted, #6b7280)}.masonry-loading .spinner{width:48px;height:48px;border:4px solid var(--border-default, #e5e7eb);border-top-color:var(--color-success, #3dcd58);border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:16px}.masonry-loading p{font-size:1rem;font-weight:500}.masonry-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted, #9ca3af)}.masonry-empty i{font-size:48px;margin-bottom:16px}.masonry-empty p{font-size:1rem;font-weight:500}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-item{background:var(--bg-secondary, #f3f4f6);position:relative;overflow:hidden;border-radius:8px}.skeleton-item .skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);animation:shimmer 1.5s infinite;transform:translateX(-100%)}@keyframes shimmer{100%{transform:translateX(100%)}}.masonry-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.9);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 0.3s ease}.masonry-lightbox .lightbox-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-standard, #ffffff);font-size:2rem;cursor:pointer;z-index:10001;transition:transform 0.2s ease}.masonry-lightbox .lightbox-close:hover{transform:scale(1.1)}.masonry-lightbox .lightbox-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:40px;box-sizing:border-box;position:relative}.masonry-lightbox .lightbox-nav{background:rgba(255, 255, 255, 0.1);border:none;color:var(--text-standard, #ffffff);font-size:1.5rem;padding:16px;border-radius:50%;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(4px)}.masonry-lightbox .lightbox-nav:hover{background:rgba(255, 255, 255, 0.2);transform:scale(1.1)}.masonry-lightbox .lightbox-nav.prev{margin-right:20px}.masonry-lightbox .lightbox-nav.next{margin-left:20px}.masonry-lightbox .lightbox-image-container{position:relative;max-width:80%;max-height:80vh;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px rgba(0, 0, 0, 0.5)}.masonry-lightbox .lightbox-image-container .lightbox-image{display:block;width:100%;height:100%;object-fit:contain;max-height:80vh}.masonry-lightbox .lightbox-image-container .lightbox-details{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);padding:24px;color:var(--text-standard, #ffffff);transform:translateY(100%);transition:transform 0.3s ease;box-sizing:border-box}.masonry-lightbox .lightbox-image-container .lightbox-details h3{margin:0 0 8px;font-size:1.25rem}.masonry-lightbox .lightbox-image-container .lightbox-details p{margin:0;opacity:0.8;font-size:0.9rem}.masonry-lightbox .lightbox-image-container:hover .lightbox-details{transform:translateY(0)}.masonry-lightbox .lightbox-counter{position:absolute;bottom:20px;color:rgba(255, 255, 255, 0.6);font-size:0.9rem;letter-spacing:1px}.default-item{position:relative}.default-item .image-wrapper{position:relative;overflow:hidden}.default-item .image-wrapper .item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.default-item .image-wrapper .item-overlay .overlay-actions{display:flex;gap:12px;transform:translateY(20px);transition:transform 0.3s ease}.default-item .image-wrapper .item-overlay .action-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-primary, #ffffff);border:none;color:var(--text-secondary, #333);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}.default-item .image-wrapper .item-overlay .action-btn:hover{transform:translateY(-2px);background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff)}.default-item .image-wrapper:hover .item-overlay{opacity:1}.default-item .image-wrapper:hover .item-overlay .overlay-actions{transform:translateY(0)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"}},[769,"ui-masonry",{items:[1],columns:[2],gap:[2],layoutType:[1,"layout-type"],itemMinWidth:[2,"item-min-width"],itemMaxWidth:[2,"item-max-width"],breakpoints:[1],filterBy:[1,"filter-by"],sortBy:[1,"sort-by"],sortOrder:[1,"sort-order"],animationDuration:[2,"animation-duration"],enableAnimation:[4,"enable-animation"],loadingState:[4,"loading-state"],emptyMessage:[1,"empty-message"],showFilters:[4,"show-filters"],filterOptions:[1,"filter-options"],lazyLoad:[4,"lazy-load"],lazyLoadMargin:[1,"lazy-load-margin"],infiniteScroll:[4,"infinite-scroll"],infiniteScrollDistance:[2,"infinite-scroll-distance"],selectable:[4],multiSelect:[4,"multi-select"],showBatchActions:[4,"show-batch-actions"],lightbox:[4],filteredItems:[32],currentColumns:[32],isResizing:[32],selectedItems:[32],loadedImages:[32],visibleItems:[32],activeImageIndex:[32],isLightboxOpen:[32]},[[8,"keydown","handleWindowKeyDown"]],{items:[{watchItemsChange:0}],filterBy:[{watchItemsChange:0}],sortBy:[{watchItemsChange:0}],sortOrder:[{watchItemsChange:0}],columns:[{watchColumnsChange:0}]}]),c=h,m=function(){"undefined"!=typeof customElements&&["ui-masonry","ui-badge","ui-button","ui-checkbox","ui-icon"].forEach((t=>{switch(t){case"ui-masonry":customElements.get(a(t))||customElements.define(a(t),h);break;case"ui-badge":customElements.get(a(t))||r();break;case"ui-button":customElements.get(a(t))||o();break;case"ui-checkbox":customElements.get(a(t))||n();break;case"ui-icon":customElements.get(a(t))||l()}}))};export{c as UiMasonry,m as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,transformTag as o}from"@stencil/core/internal/client";import{d as a}from"./badge.js";import{d as r}from"./button.js";import{d as n}from"./checkbox.js";import{d as l}from"./icon.js";import{d as h}from"./loader.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=e(this,"itemClick",7),this.filterChange=e(this,"filterChange",7),this.sortChange=e(this,"sortChange",7),this.itemSelectionChange=e(this,"itemSelectionChange",7),this.layoutChange=e(this,"layoutChange",7),this.itemsLoaded=e(this,"itemsLoaded",7),this.batchDelete=e(this,"batchDelete",7)}get el(){return this}items=[];columns=3;gap=16;layoutType="masonry";itemMinWidth=200;itemMaxWidth=400;breakpoints='{"640":2,"768":3,"1024":4,"1280":5}';filterBy="";sortBy="";sortOrder="asc";animationDuration=300;enableAnimation=!0;loadingState=!1;emptyMessage="No items to display";showFilters=!1;filterOptions=[];lazyLoad=!1;lazyLoadMargin="200px";infiniteScroll=!1;infiniteScrollDistance=200;selectable=!1;multiSelect=!1;showBatchActions=!1;lightbox=!1;filteredItems=[];currentColumns=3;isResizing=!1;selectedItems=new Set;loadedImages=new Set;visibleItems=12;activeImageIndex=-1;isLightboxOpen=!1;itemClick;filterChange;sortChange;itemSelectionChange;layoutChange;itemsLoaded;batchDelete;resizeObserver;componentWillLoad(){this.updateFilteredItems(),this.calculateColumns()}componentDidLoad(){this.setupResizeObserver(),this.infiniteScroll&&this.setupInfiniteScroll(),this.lazyLoad&&this.setupLazyLoading()}handleWindowKeyDown(t){if(this.isLightboxOpen&&this.lightbox)return"Escape"===t.key&&this.closeLightbox(),"ArrowRight"===t.key&&this.nextImage(t),void("ArrowLeft"===t.key&&this.prevImage(t));(this.selectedItems.size>0||document.activeElement===this.el)&&this.handleKeyDown(t)}handleKeyDown(t){if(this.selectable)return t.ctrlKey&&"a"===t.key?(t.preventDefault(),void this.selectAll()):"Escape"===t.key&&this.selectedItems.size>0?(t.preventDefault(),void this.deselectAll()):"Delete"===t.key&&this.selectedItems.size>0?(t.preventDefault(),void this.deleteSelected()):void 0}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.infiniteScrollObserver&&this.infiniteScrollObserver.disconnect(),this.lazyLoadObserver&&this.lazyLoadObserver.disconnect()}infiniteScrollObserver;lazyLoadObserver;setupInfiniteScroll(){void 0!==globalThis.IntersectionObserver&&(this.infiniteScrollObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&this.visibleItems<this.filteredItems.length&&(this.visibleItems=Math.min(this.visibleItems+12,this.filteredItems.length),this.itemsLoaded.emit({count:this.visibleItems,total:this.filteredItems.length}))}))}),{rootMargin:this.infiniteScrollDistance+"px"}),setTimeout((()=>{const t=this.el.shadowRoot?.querySelector(".infinite-scroll-sentinel");t&&this.infiniteScrollObserver.observe(t)}),100))}setupLazyLoading(){void 0!==globalThis.IntersectionObserver&&(this.lazyLoadObserver=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const i=parseInt(t.target.getAttribute("data-index"));this.loadedImages=new Set([...this.loadedImages,i]);const e=t.target,s=e.getAttribute("data-src");s&&!e.src&&(e.src=s),this.lazyLoadObserver.unobserve(t.target)}}))}),{rootMargin:this.lazyLoadMargin}),setTimeout((()=>{const t=this.el.shadowRoot?.querySelectorAll("img[data-src]");t?.forEach((t=>this.lazyLoadObserver.observe(t)))}),100))}toggleSelection(t,i){if(!this.selectable)return;i&&i.stopPropagation();const e=new Set(this.selectedItems);e.has(t)?e.delete(t):(this.multiSelect||e.clear(),e.add(t)),this.selectedItems=e;const s=Array.from(this.selectedItems),o=s.map((t=>this.filteredItems[t]));this.itemSelectionChange.emit({selectedItems:o,indices:s})}selectAll(){if(!this.selectable)return;this.selectedItems=new Set(this.filteredItems.map(((t,i)=>i)));const t=Array.from(this.selectedItems),i=t.map((t=>this.filteredItems[t]));this.itemSelectionChange.emit({selectedItems:i,indices:t})}deselectAll(){this.selectedItems=new Set,this.itemSelectionChange.emit({selectedItems:[],indices:[]})}deleteSelected(){const t=Array.from(this.selectedItems),i=t.map((t=>this.filteredItems[t]));this.batchDelete.emit({items:i,indices:t}),this.selectedItems=new Set,this.itemSelectionChange.emit({selectedItems:[],indices:[]})}watchItemsChange(){this.updateFilteredItems()}watchColumnsChange(){this.calculateColumns()}getParsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return console.error("Invalid items JSON"),[]}return this.items}getParsedFilterOptions(){if("string"==typeof this.filterOptions)try{return JSON.parse(this.filterOptions)}catch{return[]}return this.filterOptions}getParsedBreakpoints(){try{return JSON.parse(this.breakpoints)}catch{return{640:2,768:3,1024:4,1280:5}}}setupResizeObserver(){this.resizeObserver=new ResizeObserver((()=>{this.isResizing=!0,this.calculateColumns(),setTimeout((()=>{this.isResizing=!1}),100)}));const t=this.el.shadowRoot.querySelector(".masonry-container");t&&this.resizeObserver.observe(t)}calculateColumns(){const t=this.el.shadowRoot?.querySelector(".masonry-container");if(!t)return;const i=t.clientWidth,e=this.getParsedBreakpoints(),s=Object.keys(e).map(Number).sort(((t,i)=>i-t));let o=this.columns;for(const t of s)if(i>=t){o=e[t];break}this.currentColumns=o}updateFilteredItems(){let t=[...this.getParsedItems()];this.filterBy&&(t=t.filter((t=>{const[i,e]=this.filterBy.split(":");return t[i]&&(""+t[i]).toLowerCase().includes(e.toLowerCase())}))),this.sortBy&&t.sort(((t,i)=>{const e=t[this.sortBy],s=i[this.sortBy];if("number"==typeof e&&"number"==typeof s)return"asc"===this.sortOrder?e-s:s-e;const o=(e+"").toLowerCase(),a=(s+"").toLowerCase();return"asc"===this.sortOrder?o.localeCompare(a):a.localeCompare(o)})),this.filteredItems=t}handleItemClick=(t,i)=>{this.itemClick.emit({item:t,index:i})};handleFilterChange=(t,i)=>{this.filterChange.emit({filterBy:t,value:i})};handleSortChange=(t,i)=>{this.sortChange.emit({sortBy:t,order:i})};getColumnItems(t){return"masonry"===this.layoutType?this.filteredItems.filter(((i,e)=>e%this.currentColumns===t)):this.filteredItems}renderFilters(){if(!this.showFilters)return null;const t=this.getParsedFilterOptions();return s("div",{class:"masonry-filters"},s("div",{class:"filter-group"},s("label",null,"Filter:"),s("select",{onChange:i=>{const e=i.target.value;this.handleFilterChange(t[0]?.key||"category",e)}},s("option",{value:""},"All"),t.map((t=>s("option",{value:t.key},t.label))))),s("div",{class:"filter-group"},s("label",null,"Sort:"),s("select",{onChange:t=>this.handleSortChange(t.target.value,this.sortOrder)},s("option",{value:""},"None"),s("option",{value:"title"},"Title"),s("option",{value:"date"},"Date"),s("option",{value:"size"},"Size"))),s("div",{class:"filter-group"},s("ui-button",{variant:"ghost",class:{"sort-button":!0,active:"asc"===this.sortOrder},onClick:()=>this.handleSortChange(this.sortBy,"asc"),icon:"arrow-up",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),s("ui-button",{variant:"ghost",class:{"sort-button":!0,active:"desc"===this.sortOrder},onClick:()=>this.handleSortChange(this.sortBy,"desc"),icon:"arrow-down",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})))}renderMasonryLayout(){const t=this.infiniteScroll?this.filteredItems.slice(0,this.visibleItems):this.filteredItems;return s("div",{class:"masonry-columns",role:"grid","aria-label":"Masonry layout",style:{"column-count":""+this.currentColumns,"column-gap":this.gap+"px"}},t.map(((t,i)=>s("div",{class:{"masonry-item":!0,animate:this.enableAnimation&&!this.isResizing,selected:this.selectedItems.has(i)},style:{"margin-bottom":this.gap+"px","animation-delay":this.enableAnimation?50*i+"ms":"0ms"},onClick:()=>this.handleItemClick(t,i),role:"gridcell","aria-selected":this.selectedItems.has(i)?"true":"false",tabindex:0},this.selectable&&s("div",{class:"selection-checkbox"},s("ui-checkbox",{checked:this.selectedItems.has(i),onCheckboxChange:t=>this.toggleSelection(i,t),ariaLabel:"Select "+(t.title||"item "+(i+1)),size:"sm"})),s("slot",{name:"item-"+i},this.renderDefaultItem(t,i))))),this.infiniteScroll&&this.visibleItems<this.filteredItems.length&&s("div",{class:"infinite-scroll-sentinel"}))}renderGridLayout(){const t=this.infiniteScroll?this.filteredItems.slice(0,this.visibleItems):this.filteredItems;return s("div",{class:"masonry-grid",role:"grid","aria-label":"Grid layout",style:{"grid-template-columns":`repeat(${this.currentColumns}, 1fr)`,gap:this.gap+"px"}},t.map(((t,i)=>s("div",{class:{"masonry-item":!0,animate:this.enableAnimation&&!this.isResizing,selected:this.selectedItems.has(i)},style:{"animation-delay":this.enableAnimation?50*i+"ms":"0ms"},onClick:()=>this.handleItemClick(t,i),role:"gridcell","aria-selected":this.selectedItems.has(i)?"true":"false",tabindex:0},this.selectable&&s("div",{class:"selection-checkbox"},s("ui-checkbox",{checked:this.selectedItems.has(i),onCheckboxChange:t=>this.toggleSelection(i,t),ariaLabel:"Select "+(t.title||"item "+(i+1)),size:"sm"})),s("slot",{name:"item-"+i},this.renderDefaultItem(t,i))))),this.infiniteScroll&&this.visibleItems<this.filteredItems.length&&s("div",{class:"infinite-scroll-sentinel"}))}renderColumnsLayout(){const t=Array.from({length:this.currentColumns},((t,i)=>i)),i=this.infiniteScroll?this.filteredItems.slice(0,this.visibleItems):this.filteredItems;return s("div",{class:"masonry-flex-columns",role:"grid","aria-label":"Column layout",style:{gap:this.gap+"px"}},t.map((t=>s("div",{class:"masonry-column",style:{flex:"1"},role:"row"},this.getColumnItems(t).map(((e,o)=>{const a=t+o*this.currentColumns;return a>=i.length?null:s("div",{class:{"masonry-item":!0,animate:this.enableAnimation&&!this.isResizing,selected:this.selectedItems.has(a)},style:{"margin-bottom":this.gap+"px","animation-delay":this.enableAnimation?50*a+"ms":"0ms"},onClick:()=>this.handleItemClick(e,a),role:"gridcell","aria-selected":this.selectedItems.has(a)?"true":"false",tabindex:0},this.selectable&&s("div",{class:"selection-checkbox"},s("ui-checkbox",{checked:this.selectedItems.has(a),onCheckboxChange:t=>this.toggleSelection(a,t),ariaLabel:"Select "+(e.title||"item "+(a+1)),size:"sm"})),s("slot",{name:"item-"+a},this.renderDefaultItem(e,a)))}))))),this.infiniteScroll&&this.visibleItems<this.filteredItems.length&&s("div",{class:"infinite-scroll-sentinel"}))}openLightbox(t,i){this.lightbox&&(i.stopPropagation(),this.activeImageIndex=t,this.isLightboxOpen=!0,document.body.style.overflow="hidden")}closeLightbox(){this.isLightboxOpen=!1,document.body.style.overflow=""}nextImage(t){t&&t.stopPropagation(),this.activeImageIndex<this.filteredItems.length-1?this.activeImageIndex++:this.activeImageIndex=0}prevImage(t){t&&t.stopPropagation(),this.activeImageIndex>0?this.activeImageIndex--:this.activeImageIndex=this.filteredItems.length-1}renderLightbox(){if(!this.isLightboxOpen||-1===this.activeImageIndex)return null;const t=this.filteredItems[this.activeImageIndex];return t?s("div",{class:"masonry-lightbox",onClick:()=>this.closeLightbox()},s("ui-button",{variant:"ghost",class:"lightbox-close",onClick:()=>this.closeLightbox(),icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"lg",ariaLabel:"Close lightbox"}),s("div",{class:"lightbox-content",onClick:t=>t.stopPropagation()},s("ui-button",{variant:"ghost",class:"lightbox-nav prev",onClick:t=>this.prevImage(t),icon:"chevron-left",iconLibrary:"fontawesome",iconOnly:!0,size:"lg",ariaLabel:"Previous image"}),s("div",{class:"lightbox-image-container"},s("img",{src:t.image,alt:t.title,class:"lightbox-image"}),s("div",{class:"lightbox-details"},s("h3",null,t.title),t.description&&s("p",null,t.description))),s("ui-button",{variant:"ghost",class:"lightbox-nav next",onClick:t=>this.nextImage(t),icon:"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"lg",ariaLabel:"Next image"})),s("div",{class:"lightbox-counter"},this.activeImageIndex+1," / ",this.filteredItems.length)):null}renderSkeleton(){const t=Array.from({length:3*this.currentColumns},((t,i)=>i)),i=Array.from({length:this.currentColumns},((t,i)=>i));return s("div",{class:"masonry-flex-columns skeleton-wrapper",style:{gap:this.gap+"px"}},i.map((i=>s("div",{class:"masonry-column",style:{flex:"1"}},t.filter(((t,e)=>e%this.currentColumns===i)).map(((t,i)=>s("div",{class:"masonry-item skeleton-item",style:{"margin-bottom":this.gap+"px",height:200+50*i%200+"px"}},s("div",{class:"skeleton-shimmer"}))))))))}renderDefaultItem(t,i){return s("div",{class:"default-item",style:{"min-width":this.itemMinWidth?this.itemMinWidth+"px":void 0,"max-width":this.itemMaxWidth?this.itemMaxWidth+"px":void 0}},s("div",{class:"image-wrapper"},t.image&&s("img",this.lazyLoad?{"data-src":t.image,"data-index":""+i,alt:t.title||"Item",class:"lazy-image",style:{opacity:this.loadedImages.has(i)?"1":"0.3"}}:{src:t.image,alt:t.title||"Item",loading:"lazy"}),s("div",{class:"item-overlay"},s("div",{class:"overlay-actions"},this.lightbox&&s("ui-button",{variant:"ghost",onClick:t=>this.openLightbox(i,t),ariaLabel:"View Fullscreen",icon:"expand-alt",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),s("ui-button",{variant:"ghost",ariaLabel:"Like",icon:"heart",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),s("ui-button",{variant:"ghost",ariaLabel:"Info",icon:"info",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})))),t.title&&s("h3",{class:"item-title"},t.title),t.description&&s("p",{class:"item-description"},t.description),t.tags&&s("div",{class:"item-tags"},t.tags.map((t=>s("span",{class:"tag"},t)))))}renderEmpty(){return s("div",{class:"masonry-empty"},s("ui-icon",{name:"inbox",library:"fontawesome"}),s("p",null,this.emptyMessage))}renderBatchActions(){return this.showBatchActions&&0!==this.selectedItems.size?s("div",{class:"batch-actions-toolbar",role:"toolbar","aria-label":"Batch actions"},s("span",{class:"selection-count"},this.selectedItems.size," selected"),s("div",{class:"action-buttons"},s("ui-button",{variant:"ghost",onClick:()=>this.selectAll(),ariaLabel:"Select all items",icon:"check-square",iconLibrary:"fontawesome",label:"Select All"}),s("ui-button",{variant:"ghost",onClick:()=>this.deselectAll(),ariaLabel:"Clear selection",icon:"times",iconLibrary:"fontawesome",label:"Clear"}),s("ui-button",{variant:"ghost",onClick:()=>this.deleteSelected(),class:"delete-button",ariaLabel:"Delete selected items",icon:"trash",iconLibrary:"fontawesome",label:"Delete"}))):null}render(){return this.loadingState?this.renderSkeleton():0===this.filteredItems.length?this.renderEmpty():s("div",{class:"masonry-wrapper",tabindex:this.selectable?0:-1},this.renderFilters(),this.renderBatchActions(),s("div",{class:{"masonry-container":!0,["masonry-"+this.layoutType]:!0}},"masonry"===this.layoutType&&this.renderMasonryLayout(),"grid"===this.layoutType&&this.renderGridLayout(),"columns"===this.layoutType&&this.renderColumnsLayout()),this.renderLightbox())}static get watchers(){return{items:[{watchItemsChange:0}],filterBy:[{watchItemsChange:0}],sortBy:[{watchItemsChange:0}],sortOrder:[{watchItemsChange:0}],columns:[{watchColumnsChange: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}.masonry-wrapper{width:100%;padding:16px}.masonry-filters{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:16px;background:var(--bg-primary, #f9fafb);border-radius:8px;flex-wrap:wrap}.masonry-filters .filter-group{display:flex;gap:8px;align-items:center}.masonry-filters .filter-group label{font-weight:600;font-size:0.875rem;color:var(--text-secondary, #374151)}.masonry-filters .filter-group select{padding:8px 12px;border:1px solid var(--border-strong, #d1d5db);border-radius:6px;font-size:0.875rem;background:var(--bg-primary, #ffffff);cursor:pointer;min-width:120px}.masonry-filters .filter-group select:focus{outline:none;border-color:var(--color-primary-hover, #2563eb);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.masonry-filters .filter-group .sort-button{padding:8px 12px;border:1px solid var(--border-strong, #d1d5db);border-radius:6px;background:var(--bg-primary, #ffffff);cursor:pointer;transition:all 0.2s ease;color:var(--text-muted, #6b7280)}.masonry-filters .filter-group .sort-button:hover{background:var(--bg-secondary, #f3f4f6);border-color:var(--color-primary, #9ca3af)}.masonry-filters .filter-group .sort-button.active{background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);border-color:var(--color-success, #3dcd58)}.masonry-filters .filter-group .sort-button:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.masonry-container{width:100%}.masonry-columns{column-gap:16px}.masonry-columns .masonry-item{break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%}.masonry-grid{display:grid;grid-auto-rows:auto;width:100%}.masonry-grid .masonry-item{width:100%}.masonry-flex-columns{display:flex;width:100%}.masonry-flex-columns .masonry-column{display:flex;flex-direction:column}.masonry-item{cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease;background:var(--bg-primary, #ffffff);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.masonry-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.masonry-item.animate{animation:fadeInUp 0.3s ease forwards;opacity:0}.default-item img{width:100%;height:auto;display:block;object-fit:cover}.default-item .item-title{margin:12px 16px 8px;font-size:1rem;font-weight:600;color:var(--text-primary, #111827);line-height:1.4}.default-item .item-description{margin:0 16px 12px;font-size:0.875rem;color:var(--text-muted, #6b7280);line-height:1.5}.default-item .item-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 16px 16px}.default-item .item-tags .tag{padding:4px 8px;background:var(--bg-primary, #eff6ff);color:var(--color-success, #3dcd58);font-size:0.75rem;font-weight:500;border-radius:4px}.masonry-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted, #6b7280)}.masonry-loading .spinner{width:48px;height:48px;border:4px solid var(--border-default, #e5e7eb);border-top-color:var(--color-success, #3dcd58);border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:16px}.masonry-loading p{font-size:1rem;font-weight:500}.masonry-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted, #9ca3af)}.masonry-empty i{font-size:48px;margin-bottom:16px}.masonry-empty p{font-size:1rem;font-weight:500}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-item{background:var(--bg-secondary, #f3f4f6);position:relative;overflow:hidden;border-radius:8px}.skeleton-item .skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);animation:shimmer 1.5s infinite;transform:translateX(-100%)}@keyframes shimmer{100%{transform:translateX(100%)}}.masonry-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.9);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 0.3s ease}.masonry-lightbox .lightbox-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-standard, #ffffff);font-size:2rem;cursor:pointer;z-index:10001;transition:transform 0.2s ease}.masonry-lightbox .lightbox-close:hover{transform:scale(1.1)}.masonry-lightbox .lightbox-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:40px;box-sizing:border-box;position:relative}.masonry-lightbox .lightbox-nav{background:rgba(255, 255, 255, 0.1);border:none;color:var(--text-standard, #ffffff);font-size:1.5rem;padding:16px;border-radius:50%;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(4px)}.masonry-lightbox .lightbox-nav:hover{background:rgba(255, 255, 255, 0.2);transform:scale(1.1)}.masonry-lightbox .lightbox-nav.prev{margin-right:20px}.masonry-lightbox .lightbox-nav.next{margin-left:20px}.masonry-lightbox .lightbox-image-container{position:relative;max-width:80%;max-height:80vh;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px rgba(0, 0, 0, 0.5)}.masonry-lightbox .lightbox-image-container .lightbox-image{display:block;width:100%;height:100%;object-fit:contain;max-height:80vh}.masonry-lightbox .lightbox-image-container .lightbox-details{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);padding:24px;color:var(--text-standard, #ffffff);transform:translateY(100%);transition:transform 0.3s ease;box-sizing:border-box}.masonry-lightbox .lightbox-image-container .lightbox-details h3{margin:0 0 8px;font-size:1.25rem}.masonry-lightbox .lightbox-image-container .lightbox-details p{margin:0;opacity:0.8;font-size:0.9rem}.masonry-lightbox .lightbox-image-container:hover .lightbox-details{transform:translateY(0)}.masonry-lightbox .lightbox-counter{position:absolute;bottom:20px;color:rgba(255, 255, 255, 0.6);font-size:0.9rem;letter-spacing:1px}.default-item{position:relative}.default-item .image-wrapper{position:relative;overflow:hidden}.default-item .image-wrapper .item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.default-item .image-wrapper .item-overlay .overlay-actions{display:flex;gap:12px;transform:translateY(20px);transition:transform 0.3s ease}.default-item .image-wrapper .item-overlay .action-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-primary, #ffffff);border:none;color:var(--text-secondary, #333);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}.default-item .image-wrapper .item-overlay .action-btn:hover{transform:translateY(-2px);background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff)}.default-item .image-wrapper:hover .item-overlay{opacity:1}.default-item .image-wrapper:hover .item-overlay .overlay-actions{transform:translateY(0)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}"}},[769,"ui-masonry",{items:[1],columns:[2],gap:[2],layoutType:[1,"layout-type"],itemMinWidth:[2,"item-min-width"],itemMaxWidth:[2,"item-max-width"],breakpoints:[1],filterBy:[1,"filter-by"],sortBy:[1,"sort-by"],sortOrder:[1,"sort-order"],animationDuration:[2,"animation-duration"],enableAnimation:[4,"enable-animation"],loadingState:[4,"loading-state"],emptyMessage:[1,"empty-message"],showFilters:[4,"show-filters"],filterOptions:[1,"filter-options"],lazyLoad:[4,"lazy-load"],lazyLoadMargin:[1,"lazy-load-margin"],infiniteScroll:[4,"infinite-scroll"],infiniteScrollDistance:[2,"infinite-scroll-distance"],selectable:[4],multiSelect:[4,"multi-select"],showBatchActions:[4,"show-batch-actions"],lightbox:[4],filteredItems:[32],currentColumns:[32],isResizing:[32],selectedItems:[32],loadedImages:[32],visibleItems:[32],activeImageIndex:[32],isLightboxOpen:[32]},[[8,"keydown","handleWindowKeyDown"]],{items:[{watchItemsChange:0}],filterBy:[{watchItemsChange:0}],sortBy:[{watchItemsChange:0}],sortOrder:[{watchItemsChange:0}],columns:[{watchColumnsChange:0}]}]),m=c,d=function(){"undefined"!=typeof customElements&&["ui-masonry","ui-badge","ui-button","ui-checkbox","ui-icon","ui-loader"].forEach((t=>{switch(t){case"ui-masonry":customElements.get(o(t))||customElements.define(o(t),c);break;case"ui-badge":customElements.get(o(t))||a();break;case"ui-button":customElements.get(o(t))||r();break;case"ui-checkbox":customElements.get(o(t))||n();break;case"ui-icon":customElements.get(o(t))||l();break;case"ui-loader":customElements.get(o(t))||h()}}))};export{m as UiMasonry,d as defineCustomElement}

package/dist/components/ui-meter-group.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as i,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./icon.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.meterClick=r(this,"meterClick",7)}values=[];orientation="horizontal";size="md";showLabels=!0;iconLibrary="default";showValues=!0;showLegend=!1;shape="line";min=0;max=100;interactive=!1;animated=!0;meterClick;handleValuesChange(){this.normalizeProps()}componentWillLoad(){this.normalizeProps()}normalizeProps(){if("string"==typeof this.values)try{this.values=JSON.parse(this.values)}catch(e){console.warn("Failed to parse meter-group values",e)}}getValues(){return Array.isArray(this.values)?this.values:[]}getPercentage(e){return(e-this.min)/(this.max-this.min)*100}getDefaultColor(e){const t=["#3bf673","#10b981","#f59e0b","#ef4444","#8b5cf6","#ec4899"];return t[e%t.length]}handleSegmentClick(e){this.interactive&&this.meterClick.emit(e)}renderCircleMeter(){const e=this.getValues(),t=e.reduce(((e,t)=>e+t.value),0),r=2*Math.PI*50;let o=0;const s=e.map(((e,i)=>{const s=e.value/t*100,n=s/100*r,a=-o,l="object"==typeof e.color&&null!==e.color,c=l?e.color.from:e.color||this.getDefaultColor(i),h=`meter-grad-${i}-${Math.random().toString(36).substr(2,4)}`,m=e.gradient||l;return o+=n,{...e,color:c,gradientId:h,strokeDasharray:`${n} ${r}`,strokeDashoffset:a,percentage:s.toFixed(1),hasGradient:m}})),n="sm"===this.size?8:"lg"===this.size?16:12;return i("div",{class:"meter-circle-container"},i("svg",{viewBox:"0 0 120 120",class:"meter-circle"},i("circle",{cx:"60",cy:"60",r:50,fill:"none",stroke:"#e5e7eb","stroke-width":n}),i("defs",null,s.map((e=>{const t="object"==typeof e.color&&null!==e.color;if(!e.gradient&&!t)return null;const r=t?e.color.to:"object"==typeof e.gradient?e.gradient.to:e.color+"99";return i("linearGradient",{id:e.gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},i("stop",{offset:"0%","stop-color":t?e.color.from:"object"==typeof e.gradient?e.gradient.from:e.color}),i("stop",{offset:"100%","stop-color":r}))}))),s.map((e=>i("g",{onClick:()=>this.handleSegmentClick(e),style:{cursor:this.interactive?"pointer":"default"}},i("title",null,`${e.label}: ${e.value}`),i("circle",{cx:"60",cy:"60",r:50,fill:"none",stroke:e.gradient||"object"==typeof e.color&&null!==e.color?`url(#${e.gradientId})`:e.color,"stroke-width":n,"stroke-dasharray":e.strokeDasharray,"stroke-dashoffset":e.strokeDashoffset,"stroke-linecap":"round",transform:"rotate(-90 60 60)",style:{transition:this.animated?"stroke-dasharray 0.5s ease, stroke-dashoffset 0.5s ease":"none"}})))),this.showValues&&i("text",{x:"60",y:"60","text-anchor":"middle","dominant-baseline":"middle",class:"circle-total-value"},t)))}render(){const e=this.getValues(),t=e.reduce(((e,t)=>e+t.value),0);return i("div",{key:"3cf1fdd83af37d9f8f7f82e0caa61f889303aa45",class:["meter-group","meter-"+this.orientation,"meter-"+this.size,"meter-"+this.shape].join(" ")},"circle"===this.shape?this.renderCircleMeter():i("div",{class:"meter-container"},e.map(((e,t)=>{const r=this.getPercentage(e.value),o=e.color||this.getDefaultColor(t);return i("div",{class:"meter-segment",style:{["horizontal"===this.orientation?"width":"height"]:r+"%",background:(()=>{const t="object"==typeof e.color&&null!==e.color;return e.gradient||t?`linear-gradient(${"horizontal"===this.orientation?"to right":"to top"}, ${t?e.color.from:"object"==typeof e.gradient?e.gradient.from:o}, ${t?e.color.to:"object"==typeof e.gradient?e.gradient.to:o+"99"})`:o})(),cursor:this.interactive?"pointer":"default",transition:this.animated?"width 0.5s ease, height 0.5s ease":"none"},title:`${e.label}: ${e.value}`,onClick:()=>this.handleSegmentClick(e)},this.showValues&&i("span",{class:"meter-value"},e.value))}))),(this.showLabels||this.showLegend)&&i("div",{key:"646404cbc3ac39fcf2956d292bd34d5c68162ff6",class:"meter-legend"},e.map(((e,r)=>{const o=e.color||this.getDefaultColor(r),s=(e.value/t*100).toFixed(1);return i("div",{class:"legend-item",onClick:()=>this.handleSegmentClick(e),style:{cursor:this.interactive?"pointer":"default"}},i("span",{class:"legend-color",style:{backgroundColor:"object"==typeof o&&null!==o?o.from:o}}),e.icon&&i("span",{class:"legend-icon",style:{marginRight:"6px"}},i("ui-icon",{name:e.icon,library:e.iconLibrary||this.iconLibrary,size:"1.1em"})),i("span",{class:"legend-label"},e.label),this.showValues&&i("span",{class:"legend-value"},e.value," (",s,"%)"))}))))}static get watchers(){return{values:[{handleValuesChange: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}.meter-group{display:flex;flex-direction:column;gap:12px;font-family:inherit}.meter-container{display:flex;border-radius:8px;overflow:hidden;background-color:var(--bg-primary, #e5e7eb)}.meter-horizontal .meter-container{flex-direction:row;width:100%}.meter-horizontal.meter-sm .meter-container{height:16px}.meter-horizontal.meter-md .meter-container{height:24px}.meter-horizontal.meter-lg .meter-container{height:32px}.meter-vertical{flex-direction:row}.meter-vertical .meter-container{flex-direction:column-reverse;height:200px}.meter-vertical.meter-sm .meter-container{width:16px}.meter-vertical.meter-md .meter-container{width:24px}.meter-vertical.meter-lg .meter-container{width:32px}.meter-segment{display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;position:relative}.meter-segment:hover{filter:brightness(1.1)}.meter-value{color:var(--text-standard, #ffffff);font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);white-space:nowrap}.meter-horizontal .meter-segment:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.meter-horizontal .meter-segment:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.meter-vertical .meter-segment:first-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.meter-vertical .meter-segment:last-child{border-top-left-radius:8px;border-top-right-radius:8px}.meter-legend{display:flex;flex-wrap:wrap;gap:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-label{color:var(--text-secondary, #374151);font-weight:500}.legend-value{color:var(--text-muted, #6b7280);font-size:12px}.meter-circle-container{display:flex;justify-content:center;align-items:center}.meter-circle{width:100%;max-width:200px;height:auto}.meter-circle.meter-sm{max-width:120px}.meter-circle.meter-lg{max-width:280px}.circle-total-value{font-size:20px;font-weight:600;fill:var(--text-secondary, #374151)}.meter-sm .circle-total-value{font-size:14px}.meter-lg .circle-total-value{font-size:26px}"}},[513,"ui-meter-group",{values:[1025],orientation:[1],size:[1],showLabels:[4,"show-labels"],iconLibrary:[1,"icon-library"],showValues:[4,"show-values"],showLegend:[4,"show-legend"],shape:[1],min:[2],max:[2],interactive:[4],animated:[4]},void 0,{values:[{handleValuesChange:0}]}]),a=n,l=function(){"undefined"!=typeof customElements&&["ui-meter-group","ui-icon"].forEach((e=>{switch(e){case"ui-meter-group":customElements.get(o(e))||customElements.define(o(e),n);break;case"ui-icon":customElements.get(o(e))||s()}}))};export{a as UiMeterGroup,l as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as i,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./icon.js";import{d as a}from"./loader.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.meterClick=r(this,"meterClick",7)}values=[];orientation="horizontal";size="md";showLabels=!0;iconLibrary="default";showValues=!0;showLegend=!1;shape="line";min=0;max=100;interactive=!1;animated=!0;meterClick;handleValuesChange(){this.normalizeProps()}componentWillLoad(){this.normalizeProps()}normalizeProps(){if("string"==typeof this.values)try{this.values=JSON.parse(this.values)}catch(e){console.warn("Failed to parse meter-group values",e)}}getValues(){return Array.isArray(this.values)?this.values:[]}getPercentage(e){return(e-this.min)/(this.max-this.min)*100}getDefaultColor(e){const t=["#3bf673","#10b981","#f59e0b","#ef4444","#8b5cf6","#ec4899"];return t[e%t.length]}handleSegmentClick(e){this.interactive&&this.meterClick.emit(e)}renderCircleMeter(){const e=this.getValues(),t=e.reduce(((e,t)=>e+t.value),0),r=2*Math.PI*50;let o=0;const s=e.map(((e,i)=>{const s=e.value/t*100,a=s/100*r,n=-o,l="object"==typeof e.color&&null!==e.color,c=l?e.color.from:e.color||this.getDefaultColor(i),h=`meter-grad-${i}-${Math.random().toString(36).substr(2,4)}`,m=e.gradient||l;return o+=a,{...e,color:c,gradientId:h,strokeDasharray:`${a} ${r}`,strokeDashoffset:n,percentage:s.toFixed(1),hasGradient:m}})),a="sm"===this.size?8:"lg"===this.size?16:12;return i("div",{class:"meter-circle-container"},i("svg",{viewBox:"0 0 120 120",class:"meter-circle"},i("circle",{cx:"60",cy:"60",r:50,fill:"none",stroke:"#e5e7eb","stroke-width":a}),i("defs",null,s.map((e=>{const t="object"==typeof e.color&&null!==e.color;if(!e.gradient&&!t)return null;const r=t?e.color.to:"object"==typeof e.gradient?e.gradient.to:e.color+"99";return i("linearGradient",{id:e.gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},i("stop",{offset:"0%","stop-color":t?e.color.from:"object"==typeof e.gradient?e.gradient.from:e.color}),i("stop",{offset:"100%","stop-color":r}))}))),s.map((e=>i("g",{onClick:()=>this.handleSegmentClick(e),style:{cursor:this.interactive?"pointer":"default"}},i("title",null,`${e.label}: ${e.value}`),i("circle",{cx:"60",cy:"60",r:50,fill:"none",stroke:e.gradient||"object"==typeof e.color&&null!==e.color?`url(#${e.gradientId})`:e.color,"stroke-width":a,"stroke-dasharray":e.strokeDasharray,"stroke-dashoffset":e.strokeDashoffset,"stroke-linecap":"round",transform:"rotate(-90 60 60)",style:{transition:this.animated?"stroke-dasharray 0.5s ease, stroke-dashoffset 0.5s ease":"none"}})))),this.showValues&&i("text",{x:"60",y:"60","text-anchor":"middle","dominant-baseline":"middle",class:"circle-total-value"},t)))}render(){const e=this.getValues(),t=e.reduce(((e,t)=>e+t.value),0);return i("div",{key:"3cf1fdd83af37d9f8f7f82e0caa61f889303aa45",class:["meter-group","meter-"+this.orientation,"meter-"+this.size,"meter-"+this.shape].join(" ")},"circle"===this.shape?this.renderCircleMeter():i("div",{class:"meter-container"},e.map(((e,t)=>{const r=this.getPercentage(e.value),o=e.color||this.getDefaultColor(t);return i("div",{class:"meter-segment",style:{width:"horizontal"===this.orientation?r+"%":void 0,height:"vertical"===this.orientation?r+"%":void 0,background:(()=>{const t="object"==typeof e.color&&null!==e.color;return e.gradient||t?`linear-gradient(${"horizontal"===this.orientation?"to right":"to top"}, ${t?e.color.from:"object"==typeof e.gradient?e.gradient.from:o}, ${t?e.color.to:"object"==typeof e.gradient?e.gradient.to:o+"99"})`:o})(),cursor:this.interactive?"pointer":"default",transition:this.animated?"width 0.5s ease, height 0.5s ease":"none"},title:`${e.label}: ${e.value}`,onClick:()=>this.handleSegmentClick(e)},this.showValues&&i("span",{class:"meter-value"},e.value))}))),(this.showLabels||this.showLegend)&&i("div",{key:"b171d4c53a8154a0ca13b84c4e73d699b5c612bc",class:"meter-legend"},e.map(((e,r)=>{const o=e.color||this.getDefaultColor(r),s=(e.value/t*100).toFixed(1);return i("div",{class:"legend-item",onClick:()=>this.handleSegmentClick(e),style:{cursor:this.interactive?"pointer":"default"}},i("span",{class:"legend-color",style:{backgroundColor:"object"==typeof o&&null!==o?o.from:o}}),e.icon&&i("span",{class:"legend-icon",style:{marginRight:"6px"}},i("ui-icon",{name:e.icon,library:e.iconLibrary||this.iconLibrary,size:"1.1em"})),i("span",{class:"legend-label"},e.label),this.showValues&&i("span",{class:"legend-value"},e.value," (",s,"%)"))}))))}static get watchers(){return{values:[{handleValuesChange: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:block;width:100%}.meter-group{display:flex;flex-direction:column;gap:12px;font-family:inherit}.meter-container{display:flex;border-radius:8px;overflow:hidden;background-color:var(--bg-primary, #e5e7eb)}.meter-horizontal .meter-container{flex-direction:row;width:100%}.meter-horizontal.meter-sm .meter-container{height:16px}.meter-horizontal.meter-md .meter-container{height:24px}.meter-horizontal.meter-lg .meter-container{height:32px}.meter-vertical{flex-direction:row}.meter-vertical .meter-container{flex-direction:column-reverse;height:200px}.meter-vertical.meter-sm .meter-container{width:16px}.meter-vertical.meter-md .meter-container{width:24px}.meter-vertical.meter-lg .meter-container{width:32px}.meter-segment{display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;position:relative}.meter-segment:hover{filter:brightness(1.1)}.meter-value{color:var(--text-standard, #ffffff);font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);white-space:nowrap}.meter-horizontal .meter-segment:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.meter-horizontal .meter-segment:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.meter-vertical .meter-segment:first-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.meter-vertical .meter-segment:last-child{border-top-left-radius:8px;border-top-right-radius:8px}.meter-legend{display:flex;flex-wrap:wrap;gap:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-label{color:var(--text-secondary, #374151);font-weight:500}.legend-value{color:var(--text-muted, #6b7280);font-size:12px}.meter-circle-container{display:flex;justify-content:center;align-items:center}.meter-circle{width:100%;max-width:200px;height:auto}.meter-circle.meter-sm{max-width:120px}.meter-circle.meter-lg{max-width:280px}.circle-total-value{font-size:20px;font-weight:600;fill:var(--text-secondary, #374151)}.meter-sm .circle-total-value{font-size:14px}.meter-lg .circle-total-value{font-size:26px}"}},[513,"ui-meter-group",{values:[1025],orientation:[1],size:[1],showLabels:[4,"show-labels"],iconLibrary:[1,"icon-library"],showValues:[4,"show-values"],showLegend:[4,"show-legend"],shape:[1],min:[2],max:[2],interactive:[4],animated:[4]},void 0,{values:[{handleValuesChange:0}]}]),l=n,c=function(){"undefined"!=typeof customElements&&["ui-meter-group","ui-icon","ui-loader"].forEach((e=>{switch(e){case"ui-meter-group":customElements.get(o(e))||customElements.define(o(e),n);break;case"ui-icon":customElements.get(o(e))||s();break;case"ui-loader":customElements.get(o(e))||a()}}))};export{l as UiMeterGroup,c as defineCustomElement}