atomicuilibrary 0.1.0 → 0.1.3

package/dist/exploration-project-tailwind/p-717dad1f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,a as r,h as e,H as i}from"./p-DUsoYu9r.js";import{c as n}from"./p-BMFah5q3.js";const d=new class{container;politeRegion;assertiveRegion;constructor(){this.init()}init(){const t=document.getElementById("aria-live-regions");if(t)return this.container=t,this.politeRegion=document.getElementById("aria-live-polite"),void(this.assertiveRegion=document.getElementById("aria-live-assertive"));this.container=document.createElement("div"),this.container.id="aria-live-regions",this.container.style.position="absolute",this.container.style.width="1px",this.container.style.height="1px",this.container.style.padding="0",this.container.style.margin="-1px",this.container.style.overflow="hidden",this.container.style.clip="rect(0, 0, 0, 0)",this.container.style.whiteSpace="nowrap",this.container.style.border="0",this.politeRegion=this.createRegion("polite"),this.assertiveRegion=this.createRegion("assertive"),this.container.appendChild(this.politeRegion),this.container.appendChild(this.assertiveRegion),document.body.appendChild(this.container)}createRegion(t){const o=document.createElement("div");return o.id=`aria-live-${t}`,o.setAttribute("aria-live",t),o.setAttribute("aria-atomic","true"),o}announce(t,o="polite"){this.container||this.init();const r="assertive"===o?this.assertiveRegion:this.politeRegion;r.textContent="",setTimeout((()=>{r.textContent=t}),50)}},a=class{constructor(r){t(this,r),this.valueChange=o(this,"valueChange"),this.dropdownOpen=o(this,"dropdownOpen"),this.dropdownClose=o(this,"dropdownClose")}get hostElement(){return r(this)}options=[];placeholder="Select an option";multiSelect=!1;cascading=!1;value="";disabled=!1;searchable=!1;maxHeight=300;size="md";appearance="dropdown";variant="default";chipView=!1;showArrow;ignoreParentPosition=!0;clearable;fullWidth=!1;fitContent=!1;menuWidth;loading=!1;invalid=!1;helperText;errorMessage;searchPlaceholder="Search...";iconLibrary="ionicons";showPath=!1;highFidelity=!0;rtl=!1;shape="default";showSelectedMarker=!0;selectedMarkerIcon="check";selectedMarkerLibrary="lucide";selectedMarkerLabel="";selectedMarkerColor="";isOpen=!1;parsedOptions=[];selectedValues=new Set;searchQuery="";expandedNodes=new Set;dropdownPosition="bottom";menuLeft=0;menuTop=0;computedMenuWidth=0;menuMaxHeight=0;highlightedIndex=-1;nestedPath=[];optionsRef=[];searchInputRef;searchDebounce;menuElement;rafId=null;isPortaled=!1;handleDocumentClick=t=>{if(!this.isOpen)return;const o=t.composedPath(),r=o.some((t=>t===this.hostElement)),e=this.menuElement&&o.some((t=>t===this.menuElement||t instanceof Node&&this.menuElement.contains(t)));r||e||this.closeDropdown()};expandAll=!1;skeleton=!1;showSelectAll=!1;selectAllLabel="Select All";textColor="";virtualScroll=!1;caseSensitive=!1;label="";valueChange;dropdownOpen;dropdownClose;handleOptionsChange(t){this.parseOptions(t),this.syncNestedPath()}handleValueChange(t){this.updateSelectedValues(t),this.syncNestedPath()}handleSearchQueryChange(){clearTimeout(this.searchDebounce),this.searchDebounce=setTimeout((()=>{const t=this.getVisibleOptionCount();d.announce(`${t} option${1!==t?"s":""} found`)}),300)}componentWillLoad(){this.parseOptions(this.options),this.updateSelectedValues(this.value),this.syncNestedPath(),this.expandAll&&this.cascading&&this.expandAllNodes(this.parsedOptions)}expandAllNodes(t){t.forEach((t=>{t.children&&(this.expandedNodes.add(t.value.toString()),this.expandAllNodes(t.children))})),this.expandedNodes=new Set(this.expandedNodes)}async open(){this.isOpen||this.toggleDropdown()}componentDidUpdate(){this.isOpen&&this.menuElement&&this.calculateDropdownPosition()}connectedCallback(){this.handleViewportChange=this.handleViewportChange.bind(this),window.addEventListener("scroll",this.handleViewportChange,!0),window.addEventListener("resize",this.handleViewportChange),document.addEventListener("click",this.handleDocumentClick,!0),window.addEventListener("popstate",this.closeDropdown),window.addEventListener("hashchange",this.closeDropdown)}disconnectedCallback(){window.removeEventListener("scroll",this.handleViewportChange,!0),window.removeEventListener("resize",this.handleViewportChange),document.removeEventListener("click",this.handleDocumentClick,!0),window.removeEventListener("popstate",this.closeDropdown),window.removeEventListener("hashchange",this.closeDropdown),this.cleanupPortal()}getOptionId(t){return`dropdown-option-${t}`}handleKeyDown=t=>{if(!this.disabled)if(this.searchable||1!==t.key.length||!this.isOpen)switch(t.key){case"Enter":case" ":if(this.isOpen){if(this.highlightedIndex>=0){t.preventDefault();const o=this.getVisibleOptions();o[this.highlightedIndex]&&this.handleOptionClick(o[this.highlightedIndex],t)}}else t.preventDefault(),this.toggleDropdown();break;case"ArrowDown":if(t.preventDefault(),this.isOpen){const t=this.getVisibleOptionCount();this.highlightedIndex=Math.min(this.highlightedIndex+1,t-1),this.scrollToHighlighted()}else this.toggleDropdown();break;case"ArrowUp":t.preventDefault(),this.isOpen&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0),this.scrollToHighlighted());break;case"Escape":this.isOpen&&(t.preventDefault(),this.closeDropdown(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus());break;case"Tab":this.isOpen&&this.closeDropdown()}else{const o=t.key.toLowerCase(),r=this.getVisibleOptions(),e=this.highlightedIndex+1,i=[...r.slice(e),...r.slice(0,e)].findIndex((t=>(t.label??"").toLowerCase().startsWith(o)));if(-1!==i){let t=e+i;t>=r.length&&(t-=r.length),this.highlightedIndex=t,this.scrollToHighlighted(),d.announce(r[t].label??"")}}};getVisibleOptions(){if(this.isNestedMenuVariant())return this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).flat();const t=[],o=r=>{r.forEach((r=>{t.push(r),r.children&&(this.expandedNodes.has(r.value?.toString()??"")||this.searchQuery)&&o(r.children)}))};return this.cascading?o(this.filterOptions(this.parsedOptions)):this.filterOptions(this.parsedOptions).forEach((o=>t.push(o))),t}getVisibleOptionCount(){return this.getVisibleOptions().length}scrollToHighlighted(){const t=this.optionsRef[this.highlightedIndex];t&&t.scrollIntoView({block:"nearest"})}isNestedMenuVariant(){return"nested-menu"===this.variant&&this.cascading&&!this.searchQuery}findOptionPathByValue(t,o,r=[]){for(const e of t){const t=e.value?.toString()??"",i=t?[...r,t]:[...r];if(t===o)return i;if(e.children){const t=this.findOptionPathByValue(e.children,o,i);if(t)return t}}return null}syncNestedPath(){if("nested-menu"!==this.variant||!this.cascading)return void(this.nestedPath=[]);const t=Array.from(this.selectedValues)[0];this.nestedPath=t?this.findOptionPathByValue(this.parsedOptions,t)??[]:[]}setNestedPath(t,o){const r=this.nestedPath.slice(0,t);r[t]=o,this.nestedPath=r}getNestedMenuLevels(t){const o=[];let r=t;r.length>0&&o.push(r);for(let t=0;t<this.nestedPath.length;t++){const e=this.nestedPath[t],i=r.find((t=>(t.value?.toString()??"")===e));if(!i?.children?.length)break;r=i.children,o.push(r)}return o}getNestedMenuEstimatedWidth(){return("sm"===this.size?190:"lg"===this.size?260:220)*Math.max(1,this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).length)}parseOptions(t){let o=[];if("string"==typeof t&&t.length>0)try{o=JSON.parse(t)}catch(t){console.error("Invalid JSON for dropdown options:",t),o=[]}else if(Array.isArray(t)&&t.length>0)o=t;else{const t=Array.from(this.hostElement.querySelectorAll("option"));o=t.length>0?t.map((t=>({label:t.textContent||"",value:t.value||t.textContent||"",disabled:t.disabled,...t.dataset.icon?{icon:t.dataset.icon}:{},...t.dataset.subtitle?{subtitle:t.dataset.subtitle}:{},...t.dataset.description?{description:t.dataset.description}:{},...t.dataset.group?{group:t.dataset.group}:{}}))):[]}const r=[];o.forEach((t=>{t.options&&Array.isArray(t.options)?t.options.forEach((o=>{r.push({...o,group:t.label})})):r.push(t)})),this.parsedOptions=r}updateSelectedValues(t){this.selectedValues=t?this.multiSelect?new Set(t.split(",").filter((t=>t))):new Set([t]):new Set}toggleDropdown=()=>{if(this.disabled)return;const t=this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")||this.hostElement.querySelector(".dropdown-trigger");if(!t)return;const o=t.getBoundingClientRect();if(0!==o.width||0!==o.height)if(this.isOpen=!this.isOpen,this.isOpen){if(this.dropdownOpen.emit(),this.highlightedIndex=-1,"nested-menu"===this.variant&&this.cascading&&this.syncNestedPath(),this.schedulePositionUpdate(),!this.multiSelect&&this.selectedValues.size>0){const t=this.getVisibleOptions().findIndex((t=>this.selectedValues.has(t.value?.toString()??"")));-1!==t&&(this.highlightedIndex=t)}setTimeout((()=>{this.calculateDropdownPosition(),this.searchable&&this.searchInputRef&&this.searchInputRef.focus()}),50)}else this.closeDropdown()};schedulePositionUpdate(){null!==this.rafId&&cancelAnimationFrame(this.rafId);const t=performance.now(),o=r=>{this.isOpen?(this.calculateDropdownPosition(),this.rafId=r-t<250?requestAnimationFrame(o):null):this.rafId=null};this.rafId=requestAnimationFrame(o)}cleanupPortal(){null!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null),this.isPortaled&&this.menuElement&&this.menuElement.parentElement===document.body&&(this.hostElement.appendChild(this.menuElement),this.isPortaled=!1)}handleViewportChange(){this.isOpen&&this.calculateDropdownPosition()}parseConfiguredMenuWidth(){if(null==this.menuWidth)return{};if("number"==typeof this.menuWidth&&Number.isFinite(this.menuWidth))return{cssWidth:`${this.menuWidth}px`,pixelWidth:this.menuWidth};const t=String(this.menuWidth).trim();if(!t)return{};if(/^\d+(?:\.\d+)?$/.test(t)){const o=Number(t);return{cssWidth:`${o}px`,pixelWidth:o}}return/^\d+(?:\.\d+)?px$/i.test(t)?{cssWidth:t,pixelWidth:parseFloat(t)}:{cssWidth:t}}getMenuStyle(t){const o=this.parseConfiguredMenuWidth(),r=this.computedMenuWidth>0?`${this.computedMenuWidth}px`:void 0,e={left:`${this.menuLeft}px`,maxWidth:"calc(100vw - 16px)",maxHeight:`${this.menuMaxHeight>0?this.menuMaxHeight:this.maxHeight||300}px`,visibility:t?"visible":0===this.menuLeft&&0===this.menuTop?"hidden":"visible",top:`${this.menuTop}px`};return o.cssWidth?{...e,width:o.cssWidth}:this.fullWidth?{...e,width:r,minWidth:r}:{...e,width:"max-content",minWidth:r}}shouldPortalMenu(){return!0}calculateDropdownPosition(){if(!this.hostElement||!this.isOpen||!this.menuElement)return;const t=this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")||this.hostElement.querySelector(".dropdown-trigger");if(!t)return;const o=t.getBoundingClientRect();if(0===o.width&&0===o.height)return this.menuLeft=0,this.menuTop=0,this.computedMenuWidth=0,void(this.dropdownPosition="bottom");const r=this.parseConfiguredMenuWidth(),e=t.offsetWidth||o.width,i=!this.fitContent&&r.pixelWidth?r.pixelWidth:this.isNestedMenuVariant()?Math.max(e,this.getNestedMenuEstimatedWidth()):e,d=this.shouldPortalMenu();d&&this.menuElement.parentElement!==document.body?(document.body.appendChild(this.menuElement),this.isPortaled=!0):!d&&this.isPortaled&&this.cleanupPortal();const{left:a,top:s,placement:p,availableHeight:l}=n(t,{menuWidth:i,menuHeight:this.maxHeight||300,gap:4,placement:"auto",useTransformedAncestorOffset:!d||!this.ignoreParentPosition}),h=Math.max(80,Math.min(this.maxHeight||300,l));let c=a,g=s;d||(c=a,g=s),this.menuLeft===c&&this.menuTop===g&&this.computedMenuWidth===e&&this.dropdownPosition===p&&this.menuMaxHeight===h||(this.menuLeft=c,this.menuTop=g,this.computedMenuWidth=e,this.dropdownPosition=p,this.menuMaxHeight=h)}closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.dropdownClose.emit(),this.searchQuery="",this.cleanupPortal())};handleOptionClick=(t,o)=>{if(o.stopPropagation(),!t.disabled)if(this.cascading&&t.children&&t.children.length>0){if(this.isNestedMenuVariant()){const o=this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).findIndex((o=>o.some((o=>(o.value?.toString()??"")===(t.value?.toString()??"")))));return void this.setNestedPath(-1===o?0:o,t.value?.toString()??"")}this.toggleNode(t.value?.toString()??"")}else{if(this.multiSelect){const o=new Set(this.selectedValues),r=t.value?.toString()??"";o.has(r)?(o.delete(r),d.announce(`Deselected ${t.label}`)):(o.add(r),d.announce(`Selected ${t.label}`)),this.selectedValues=o,this.value=Array.from(o).join(",")}else{const o=t.value?.toString()??"";this.selectedValues=new Set([o]),this.value=o,this.closeDropdown(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus(),d.announce(`Selected ${t.label}`)}this.emitChangeEvent()}};toggleNode=t=>{const o=new Set(this.expandedNodes);o.has(t)?o.delete(t):o.add(t),this.expandedNodes=o};handleClear=t=>{t.stopPropagation(),this.selectedValues=new Set,this.value="",this.emitChangeEvent(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus()};handleSearchInput=t=>{this.searchQuery=t.target.value.toLowerCase()};emitChangeEvent(){const t=this.getSelectedOptions();this.valueChange.emit({value:this.value,selectedOptions:t})}getSelectedOptions(){const t=[],o=r=>{r.forEach((r=>{this.selectedValues.has(r.value?.toString()??"")&&t.push(r),r.children&&o(r.children)}))};return o(this.parsedOptions),t}getSelectedDescendantCount(t){if(!t.children)return 0;let o=0;const r=t=>{t.forEach((t=>{this.selectedValues.has(t.value?.toString()??"")&&o++,t.children&&r(t.children)}))};return r(t.children),o}filterOptions(t){return this.searchQuery?t.filter((t=>{const o=this.caseSensitive?this.searchQuery:this.searchQuery.toLowerCase(),r=this.caseSensitive?t.label??"":(t.label??"").toLowerCase(),e=this.caseSensitive?t.subtitle||"":(t.subtitle||"").toLowerCase(),i=this.caseSensitive?t.description||"":(t.description||"").toLowerCase(),n=this.caseSensitive?t.group||"":(t.group||"").toLowerCase(),d=r.includes(o),a=e.includes(o),s=i.includes(o),p=n.includes(o),l=t.children&&this.filterOptions(t.children).length>0;return d||a||s||p||l})).map((t=>({...t,children:t.children?this.filterOptions(t.children):void 0}))):t}getIconSize(t){let o="md";return"sm"!==this.size&&"md"!==this.size&&"lg"!==this.size||(o=this.size),{sm:{main:"14px",sub:"12px",marker:"16px"},md:{main:"16px",sub:"14px",marker:"18px"},lg:{main:"18px",sub:"16px",marker:"20px"}}[o][t]}highlightMatches(t){if(!this.searchQuery||!t)return t;const o=this.searchQuery.toLowerCase(),r=t.toLowerCase().indexOf(o);return-1===r?t:e("span",null,t.substring(0,r),e("span",{class:"dropdown-search-highlight"},t.substring(r,r+o.length)),t.substring(r+o.length))}renderOption(t,o=0,r={current:0}){if(t.isSeparator)return e("div",{class:"dropdown-separator"});const i=this.selectedValues.has(t.value?.toString()??""),n=!!(this.cascading&&t.children&&t.children.length>0),d=r.current;r.current++;const a=d===this.highlightedIndex,s=this.getOptionId(d);return e("div",{class:"dropdown-option-wrapper",key:t.value?.toString()??"",role:"option",id:s,"aria-selected":i?"true":"false"},e("div",{class:{"ui-dropdown-option":!0,dropdowndata:!0,"ui-dropdown-option-selected":i,"dropdown-option-highlighted":a,"dropdown-option-disabled":!!t.disabled,"dropdown-option-parent":n},style:{paddingLeft:"16px",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:"12px",boxSizing:"border-box",width:"100%",whiteSpace:"nowrap",...i?{backgroundColor:"var(--dd-selected-bg)",color:"var(--dd-selected-text)",borderRadius:"12px"}:{}},onClick:o=>this.handleOptionClick(t,o),ref:t=>{t&&(this.optionsRef[d]=t)}},(this.multiSelect&&!n||t.icon)&&e("div",{class:"dropdown-option-left"},this.multiSelect&&!n&&e("div",{class:{"dropdown-checkbox":!0,checked:i,"dropdown-checkbox-selected":i}},i&&e("ui-icon",{name:"check",library:"lucide",size:this.getIconSize("sub"),color:"white"})),t.icon&&e("span",{class:"dropdown-option-icon"},"string"==typeof t.icon?e("ui-icon",{name:t.icon,library:t.iconLibrary,size:this.getIconSize("main")}):t.icon)),e("div",{class:"dropdown-option-text"},e("div",{class:{"dropdown-option-content":!0,"dropdown-content-parent":n}},e("div",{class:"dropdown-option-label"},this.highlightMatches(t.label??"")),(t.subtitle||t.description)&&e("div",{class:"dropdown-option-subtitle"},this.highlightMatches(t.subtitle??t.description??"")))),e("div",{class:"dropdown-option-right"},t.rightTag&&e("ui-tag",{label:t.rightTag,color:t.rightTagColor||"default",size:"sm",variant:"light",class:"dropdown-option-tag"}),t.rightIcon&&e("span",{class:"dropdown-option-right-icon"},e("ui-icon",{name:t.rightIcon,library:t.rightIconLibrary,size:this.getIconSize("sub")})),n&&e("div",{class:"dropdown-expand-group"},this.multiSelect&&(()=>{const o=this.getSelectedDescendantCount(t);return o>0?e("span",{class:"dropdown-badge"},o):null})(),e("ui-icon",{name:"chevron-right",library:"lucide",size:this.getIconSize("sub"),class:{"dropdown-expand-icon":!0,expanded:this.expandedNodes.has(t.value?.toString()??"")}})),!this.multiSelect&&!n&&this.showSelectedMarker&&e("span",{class:"ui-dropdown-selected-marker-wrap",style:i?{}:{visibility:"hidden"}},e("ui-icon",{name:this.selectedMarkerIcon,library:this.selectedMarkerLibrary,size:this.getIconSize("marker"),class:"ui-dropdown-selected-marker",color:this.selectedMarkerColor||"var(--dd-selected-icon)"}),this.selectedMarkerLabel&&e("span",{class:"ui-dropdown-selected-marker-label"},this.selectedMarkerLabel)))),n&&this.expandedNodes.has(t.value?.toString()??"")&&e("div",{class:"dropdown-children"},t.children?.map((t=>this.renderOption(t,o+1,r)))))}renderChips(){const t=this.getSelectedOptions();return 0===t.length?this.placeholder:e("div",{class:"dropdown-chips"},t.map((t=>e("ui-tag",{label:t.label??"",size:"sm",color:"primary",variant:"light",removable:!0,animation:"slide",onTagRemove:o=>{o.stopPropagation(),this.handleOptionClick(t,o)}}))))}getDisplayText(){if(0===this.selectedValues.size)return this.placeholder;if(this.multiSelect){if(this.chipView)return this.renderChips();const t=this.getSelectedOptions();return 1===t.length?t[0].label:`${t.length} items selected`}{const t=this.getSelectedOptions();if(t.length>0){const o=t[0];return"detailed"===this.variant&&o.icon?e("div",{class:"dropdown-trigger-content"},e("ui-icon",{name:o.icon,library:o.iconLibrary||this.iconLibrary,size:"18px",class:"dropdown-trigger-icon"}),e("span",{class:"dropdown-trigger-label"},o.label)):o.label}return this.placeholder}}renderValidationSubstrate(){return this.invalid&&this.errorMessage?e("div",{class:"dropdown-helper-text dropdown-error-text"},e("ui-icon",{name:"alert-circle",library:"lucide",size:"12px"}),e("span",null,this.errorMessage)):this.helperText?e("div",{class:"dropdown-helper-text"},this.helperText):null}render(){if(this.skeleton)return e("div",{class:{"dropdown-container":!0,"dropdown-skeleton":!0,[`dropdown-${this.size}`]:!0,"dropdown-full-width":this.fullWidth,"dropdown-fit-content":this.fitContent,[`variant-${this.variant}`]:!0}},e("div",{class:"dropdown-trigger"},e("div",{class:"dropdown-skeleton-text"}),e("div",{class:"dropdown-skeleton-icon"})));const t=this.filterOptions(this.parsedOptions),o=this.selectedValues.size>0,r=void 0!==this.showArrow?this.showArrow:"button"!==this.appearance,i=void 0!==this.clearable?this.clearable:this.multiSelect&&!this.chipView,n=this.isOpen&&this.highlightedIndex>=0?this.getOptionId(this.highlightedIndex):void 0,d=!this.shouldPortalMenu();let a={};return a.color=this.textColor&&o?this.textColor:"var(--dd-text, var(--color-on-surface, #10213a))",e("div",{class:{"dropdown-container":!0,[`dropdown-${this.size}`]:!0,[`variant-${this.variant}`]:!0,"dropdown-disabled":this.disabled,"dropdown-open":this.isOpen,"dropdown-invalid":this.invalid,"dropdown-appearance-button":"button"===this.appearance,"dropdown-full-width":this.fullWidth,"dropdown-fit-content":this.fitContent,"dropdown-has-chips":this.chipView&&this.multiSelect&&o,"dropdown-rtl":this.rtl,[`dropdown-shape-${this.shape}`]:"default"!==this.shape},dir:this.rtl?"rtl":"ltr"},this.label&&e("label",{class:"dropdown-label"},this.label),e("div",{class:"dropdown-trigger",onClick:this.toggleDropdown,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-controls":"dropdown-list","aria-label":this.placeholder,"aria-activedescendant":n},e("slot",{name:"prefix"}),e("div",{class:{"dropdown-display":!0,"dropdown-placeholder":!o},style:a},this.getDisplayText()),e("div",{class:"dropdown-icons"},this.loading&&e("span",{class:"dropdown-spinner"},e("ui-icon",{name:"loader-2",library:"lucide",spin:!0,size:"16px"})),o&&i&&!this.disabled&&e("span",{class:"dropdown-clear",onClick:this.handleClear,tabIndex:0,role:"button","aria-label":"Clear selection",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.stopPropagation(),this.handleClear(t))}},e("ui-icon",{name:"x",library:"lucide",size:this.getIconSize("sub")})),r&&e("ui-icon",{name:"chevron-down",library:"lucide",size:this.getIconSize("sub"),class:{"dropdown-arrow":!0,open:this.isOpen}}))),this.renderValidationSubstrate(),this.isOpen&&e("div",{class:{"ui-dropdown-menu":!0,"ui-dropdown-menu--local":d,"dropdown-menu-top":"top"===this.dropdownPosition,[`dropdown-menu-${this.size}`]:!0,[`dropdown-menu-variant-${this.variant}`]:!0,"dropdown-menu-searchable":this.searchable,"dropdown-menu-cascading":this.cascading},id:"dropdown-list",role:"listbox","aria-multiselectable":this.multiSelect?"true":"false",ref:t=>{t&&(this.menuElement=t)},style:this.getMenuStyle(d)},this.searchable&&e("div",{class:"dropdown-search"},e("div",{class:"dropdown-search-container"},e("ui-icon",{name:"search",library:"lucide",size:"16px",class:"dropdown-search-icon"}),e("input",{type:"text",class:"dropdown-search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,onInput:this.handleSearchInput,ref:t=>{t&&(this.searchInputRef=t)},onKeyDown:this.handleKeyDown,"aria-activedescendant":n}))),e("div",{class:"dropdown-options"},this.renderBulkActions(t),t.length>0?this.renderMenuContents(t,{current:0}):e("div",{class:"dropdown-empty"},e("slot",{name:"empty-state"},"No options found")))))}isAllSelected(t){const o=t=>{let r=[];return t.forEach((t=>{r.push(t.value?.toString()??""),t.children&&(r=[...r,...o(t.children)])})),r},r=o(t);return 0!==r.length&&r.every((t=>this.selectedValues.has(t)))}toggleSelectAll(t){const o=t=>{let r=[];return t.forEach((t=>{r.push(t.value?.toString()??""),t.children&&(r=[...r,...o(t.children)])})),r},r=o(t),e=this.isAllSelected(t);r.forEach(e?t=>this.selectedValues.delete(t):t=>this.selectedValues.add(t)),this.selectedValues=new Set(this.selectedValues),this.value=Array.from(this.selectedValues).join(","),this.emitChangeEvent()}clearAllSelections(){this.selectedValues=new Set,this.value="",this.emitChangeEvent()}renderBulkActions(t){if(!this.multiSelect||this.searchQuery)return null;const o=this.isAllSelected(t),r=this.selectedValues.size>0,i=this.showSelectAll&&t.length>0;return i||r?e("div",{class:"dropdown-bulk-actions"},i&&e("div",{class:{"dropdown-select-all":!0,"dropdown-select-all-with-clear":r},onClick:o=>{o.stopPropagation(),this.toggleSelectAll(t)}},e("div",{class:{"dropdown-checkbox":!0,"dropdown-checkbox-selected":o}},o&&e("ui-icon",{name:"check",library:"lucide",size:"12px"})),e("span",null,this.selectAllLabel)),r&&e("div",{class:"dropdown-clear-all",onClick:t=>{t.stopPropagation(),this.clearAllSelections()}},e("ui-icon",{name:"trash-2",library:"lucide",size:"14px"}),e("span",null,"Clear All"))):null}renderNestedMenuContents(t,o){const r=this.getNestedMenuLevels(t);return e("div",{class:"dropdown-nested-columns"},r.map(((t,r)=>e("div",{class:"dropdown-nested-panel",key:`nested-level-${r}`},t.map((t=>{const i=!!t.children?.length,n=t.value?.toString()??"",d=this.selectedValues.has(n),a=this.nestedPath[r]===n,s=o.current;o.current++;const p=s===this.highlightedIndex,l=this.getOptionId(s);return e("div",{class:"dropdown-option-wrapper",key:`${n}-${r}`,role:"option",id:l,"aria-selected":d?"true":"false"},e("div",{class:{"ui-dropdown-option":!0,dropdowndata:!0,"dropdown-nested-option":!0,"ui-dropdown-option-selected":d,"dropdown-option-highlighted":p,"dropdown-option-disabled":!!t.disabled,"dropdown-option-parent":i,"dropdown-nested-option-active":a},onMouseEnter:()=>{i&&this.setNestedPath(r,n)},onClick:o=>this.handleOptionClick(t,o),ref:t=>{t&&(this.optionsRef[s]=t)}},(this.multiSelect&&!i||t.icon)&&e("div",{class:"dropdown-option-left"},this.multiSelect&&!i&&e("div",{class:{"dropdown-checkbox":!0,checked:d,"dropdown-checkbox-selected":d}},d&&e("ui-icon",{name:"check",library:"lucide",size:this.getIconSize("sub"),color:"white"})),t.icon&&e("span",{class:"dropdown-option-icon"},"string"==typeof t.icon?e("ui-icon",{name:t.icon,library:t.iconLibrary,size:this.getIconSize("main")}):t.icon)),e("div",{class:"dropdown-option-text"},e("div",{class:"dropdown-option-content"},e("div",{class:"dropdown-option-label"},this.highlightMatches(t.label??"")),(t.subtitle||t.description)&&e("div",{class:"dropdown-option-subtitle"},this.highlightMatches(t.subtitle??t.description??"")))),e("div",{class:"dropdown-option-right"},t.rightTag&&e("ui-tag",{label:t.rightTag,color:t.rightTagColor||"default",size:"sm",variant:"light",class:"dropdown-option-tag"}),i&&e("ui-icon",{name:"chevron-right",library:"lucide",size:this.getIconSize("sub"),class:{"dropdown-expand-icon":!0,expanded:a}}),!this.multiSelect&&!i&&this.showSelectedMarker&&e("span",{class:"ui-dropdown-selected-marker-wrap",style:d?{}:{visibility:"hidden"}},e("ui-icon",{name:this.selectedMarkerIcon,library:this.selectedMarkerLibrary,size:this.getIconSize("marker"),class:"ui-dropdown-selected-marker",color:this.selectedMarkerColor||"var(--dd-selected-icon)"}),this.selectedMarkerLabel&&e("span",{class:"ui-dropdown-selected-marker-label"},this.selectedMarkerLabel)))))}))))))}renderMenuContents(t,o){if(this.isNestedMenuVariant())return this.renderNestedMenuContents(t,o);const r=[];let i=null;return(this.virtualScroll?t.slice(0,50):t).forEach((t=>{t.group&&t.group!==i&&(r.push(e("div",{class:"dropdown-group-header"},t.group)),i=t.group),r.push(this.renderOption(t,0,o))})),this.virtualScroll&&t.length>50&&r.push(e("div",{class:"dropdown-more-info"},"Showing 50 of ",t.length," items. Use search to find more.")),r}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}],searchQuery:[{handleSearchQueryChange:0}]}}};a.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:root{--dd-primary:var(--color-primary, #2563eb);--dd-border:var(--border-default, #cfd8e3);--dd-border-strong:var(--border-strong, #b4c1d1);--dd-focus:var(--color-primary-hover, #2563eb);--dd-text:var(--label-color, var(--text-primary, var(--color-on-surface, #10213a)));--dd-muted:var(--label-subtitle-color, var(--text-secondary, var(--color-on-surface-muted, #62748a)));--dd-bg:var(--bg-primary, #ffffff);--dd-panel:rgba(255, 255, 255, 0.98);--dd-panel-solid:var(--bg-primary, #ffffff);--dd-hover:var(--bg-primary, #f3f8ff);--dd-selected:var(--dropdown-selected-bg, var(--color-success-light, #ecfdf5));--dd-selected-bg:var(--dropdown-selected-bg, var(--color-success-light, #ecfdf5));--dd-selected-text:var(--dropdown-selected-text, var(--color-success, var(--color-on-primary, #059669)));--dd-selected-icon:var(--dropdown-selected-icon, var(--color-success, var(--color-on-primary, #059669)));--dd-selected-border:var(--dropdown-selected-border, var(--color-success-border, var(--color-on-primary-border, #a7f3d0)));--dd-transition:all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);--dd-error:var(--color-danger, #ef4444);--dd-radius-sm:8px;--dd-radius-md:10px}.dropdown-label{display:block;font-size:11px;font-weight:700;color:var(--dd-text);margin-bottom:8px;letter-spacing:0.08em;text-transform:uppercase;opacity:0.65;cursor:default}.dropdown-container{position:relative;display:inline-flex;flex-direction:column;width:max-content;min-width:50px;vertical-align:middle}.dropdown-full-width{width:100%;display:block;}.dropdown-fit-content{width:max-content;min-width:unset}.dropdown-fit-content .ui-dropdown-menu{width:max-content;min-width:100%;white-space:nowrap}.dropdown-fit-content .dropdown-trigger{width:max-content}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-primary, #ffffff);border:1px solid var(--dd-border);border-radius:var(--dd-radius-md);cursor:pointer;transition:var(--dd-transition);-webkit-user-select:none;user-select:none;gap:12px;padding:0 16px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);color:var(--dd-text);font-weight:500;line-height:normal;box-sizing:border-box}.dropdown-trigger:hover{border-color:var(--dd-border-strong);box-shadow:0 10px 22px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08)}.dropdown-open .dropdown-trigger{border-color:var(--dd-focus);background:var(--dd-bg);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.dropdown-disabled .dropdown-trigger{background:var(--bg-secondary, #f1f5f9);cursor:not-allowed;opacity:0.7;border-color:var(--dd-border);box-shadow:none}.dropdown-disabled .dropdown-trigger:hover{background:var(--bg-secondary, #f1f5f9)}.dropdown-sm .dropdown-trigger{padding:0 12px;font-size:13px;min-height:32px;height:32px;border-radius:var(--dd-radius-sm)}.dropdown-md .dropdown-trigger{padding:0 16px;font-size:14px;min-height:40px;height:40px;border-radius:var(--dd-radius-md)}.dropdown-lg .dropdown-trigger{padding:0 20px;font-size:15px;min-height:44px;height:44px;border-radius:var(--dd-radius-md)}.dropdown-shape-square .dropdown-trigger,.dropdown-shape-square .dropdown-menu{border-radius:0 !important}.dropdown-shape-rounded .dropdown-trigger,.dropdown-shape-rounded .dropdown-menu{border-radius:20px !important}.dropdown-shape-pill .dropdown-trigger{border-radius:999px !important}.dropdown-shape-pill .dropdown-menu{border-radius:28px !important}.dropdown-appearance-button .dropdown-trigger{background:var(--dd-primary);border-color:var(--dd-primary);color:var(--color-primary-text, var(--dd-text, #ffffff));box-shadow:0 4px 14px 0 rgba(var(--color-primary-rgb, 37, 99, 235), 0.39)}.dropdown-appearance-button .dropdown-trigger:hover{background:var(--color-primary, #1d4ed8);border-color:var(--color-primary, #1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 37, 99, 235), 0.23)}.dropdown-appearance-button .dropdown-trigger:active{transform:translateY(0)}.variant-glass .dropdown-trigger{background:rgba(255, 255, 255, 0.08);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.12);color:var(--text-standard, #ffffff);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.07)}.variant-glass .dropdown-trigger:hover{background:rgba(255, 255, 255, 0.12);border-color:rgba(255, 255, 255, 0.2)}.variant-glass .dropdown-display,.variant-glass .dropdown-placeholder{color:var(--text-standard, #ffffff)}.variant-glass.dropdown-open .dropdown-trigger{background:rgba(255, 255, 255, 0.15);border-color:var(--dd-focus)}.variant-toggle{min-width:unset !important}.variant-toggle .dropdown-trigger{background:transparent;border-color:transparent;padding:0 !important;min-height:unset !important;height:auto !important;box-shadow:none;gap:4px}.variant-toggle .dropdown-trigger:hover{background:var(--dd-hover);border-color:var(--dd-border)}.variant-toggle.dropdown-open .dropdown-trigger{background:var(--dd-hover);border-color:var(--dd-focus);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.variant-toggle .dropdown-display{padding:2px}.dropdown-appearance-button .dropdown-display{color:var(--color-primary-text, var(--dd-text, #ffffff))}.dropdown-appearance-button .dropdown-clear,.dropdown-appearance-button .dropdown-arrow{color:var(--color-primary-text, var(--dd-text, #ffffff))}.dropdown-display{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.dropdown-has-chips .dropdown-trigger{height:auto;min-height:48px;padding:6px 16px}.dropdown-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0;width:100%}.dropdown-placeholder{color:var(--label-subtitle-color, #91a0b4);font-weight:400}.dropdown-icons{display:flex;align-items:center;gap:8px;flex-shrink:0}.dropdown-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg-primary, #eef4fb);color:var(--dd-muted);transition:var(--dd-transition)}.dropdown-clear:hover{background:var(--bg-primary, #e2ecf8);color:var(--dd-text)}.dropdown-arrow{display:flex;align-items:center;color:var(--dd-muted);transition:transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}.dropdown-arrow.open{transform:rotate(180deg);color:var(--dd-focus)}.ui-dropdown-menu{position:fixed;display:flex !important;flex-direction:column !important;gap:0;background:var(--bg-primary, #ffffff) !important;border:1px solid rgba(0, 0, 0, 0.08);border-radius:16px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.1);z-index:10001;overflow:hidden;animation:dropdownPop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);width:auto;min-width:0}.ui-dropdown-menu--local{position:absolute}@keyframes dropdownPop{from{opacity:0;transform:translateY(12px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-menu-top{top:auto;bottom:calc(100% + 8px);animation:dropdownPopTop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes dropdownPopTop{from{opacity:0;transform:translateY(-4px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-search{padding:12px;border-bottom:1px solid var(--border-subtle, #edf2f7);background:var(--dd-panel)}.dropdown-search-container{position:relative;display:flex;align-items:center}.dropdown-search-icon{position:absolute;left:12px;color:var(--dd-muted);pointer-events:none}.dropdown-search-input{width:100%;padding:11px 13px 11px 36px;background:var(--bg-primary, #f9fbfe);border:1px solid var(--border-default, #d4deea);border-radius:12px;font-size:14px;color:var(--dd-text);outline:none;transition:var(--dd-transition)}.dropdown-search-input::placeholder{color:var(--dd-muted);opacity:0.8}.dropdown-search-input:focus{background:var(--bg-primary, #ffffff);border-color:var(--dd-focus);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.dropdown-options{flex:1;min-height:0;overflow-y:auto;padding:8px;background:var(--dd-panel-solid)}.dropdown-menu-sm{border-radius:12px;--dd-option-min-height:28px;--dd-option-padding-y:8px;--dd-option-padding-x:12px;--dd-option-gap:10px;--dd-option-spacing-y:2px}.dropdown-menu-sm .dropdown-search{padding:8px}.dropdown-menu-sm .dropdown-search-input{min-height:34px;font-size:13px;padding:8px 12px 8px 34px}.dropdown-menu-sm .dropdown-options{padding:6px}.dropdown-menu-sm .dropdown-option-label{font-size:13px}.dropdown-menu-sm .dropdown-option-subtitle,.dropdown-menu-sm .dropdown-empty,.dropdown-menu-sm .dropdown-group-header,.dropdown-menu-sm .dropdown-bulk-actions,.dropdown-menu-sm .dropdown-select-all,.dropdown-menu-sm .dropdown-clear-all{font-size:12px}.dropdown-menu-md{border-radius:16px;--dd-option-min-height:30px;--dd-option-padding-y:10px;--dd-option-padding-x:16px;--dd-option-gap:12px;--dd-option-spacing-y:4px}.dropdown-menu-lg{border-radius:18px;--dd-option-min-height:32px;--dd-option-padding-y:12px;--dd-option-padding-x:18px;--dd-option-gap:14px;--dd-option-spacing-y:6px}.dropdown-menu-lg .dropdown-search{padding:14px}.dropdown-menu-lg .dropdown-search-input{min-height:46px;font-size:15px;padding:12px 14px 12px 40px}.dropdown-menu-lg .dropdown-options{padding:10px}.dropdown-menu-lg .dropdown-option-label{font-size:15px}.dropdown-menu-lg .dropdown-option-subtitle,.dropdown-menu-lg .dropdown-empty,.dropdown-menu-lg .dropdown-group-header,.dropdown-menu-lg .dropdown-bulk-actions,.dropdown-menu-lg .dropdown-select-all,.dropdown-menu-lg .dropdown-clear-all{font-size:14px}.dropdown-options::-webkit-scrollbar{width:5px}.dropdown-options::-webkit-scrollbar-track{background:transparent}.dropdown-options::-webkit-scrollbar-thumb{background:var(--color-primary, #cbd5e1);border-radius:10px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #94a3b8)}.dropdown-option-wrapper{position:relative}.ui-dropdown-option,.dropdowndata{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;gap:var(--dd-option-gap, 12px);background-color:transparent;transition:var(--dd-transition);border-radius:12px;margin:var(--dd-option-spacing-y, 4px) 0;padding:var(--dd-option-padding-y, 10px) var(--dd-option-padding-x, 16px);min-height:var(--dd-option-min-height, 48px);width:100%;box-sizing:border-box}.dropdown-menu-sm .ui-dropdown-option,.dropdown-menu-sm .dropdowndata{border-radius:10px}.dropdown-menu-lg .ui-dropdown-option,.dropdown-menu-lg .dropdowndata{border-radius:14px}.ui-dropdown-option:hover,.dropdowndata:hover,.dropdown-option-highlighted{background:var(--dd-hover);border-color:var(--color-primary, #d7e7ff);box-shadow:0 10px 24px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08);transform:translateY(-1px)}.ui-dropdown-option-selected{background:var(--dd-selected-bg) !important;color:var(--dd-selected-text) !important;font-weight:600;border-radius:12px;margin:4px 0;box-shadow:none !important}.ui-dropdown-option-selected .dropdown-option-label{color:var(--dd-selected-text) !important;font-weight:600 !important}.dropdown-option-disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.dropdown-option-parent{font-weight:600;letter-spacing:-0.01em}.dropdown-option-left{display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-option-icon{display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--dd-muted);line-height:1}.dropdown-option-text{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;overflow:hidden;line-height:normal;padding:4px 0}.dropdown-option-text .dropdown-option-content{width:100%;min-width:0;overflow:hidden}.dropdown-option-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:500;color:var(--dd-text, var(--color-on-surface, #10213a))}.dropdown-option-subtitle{font-size:12px;color:var(--dd-muted, var(--color-on-surface-muted, #62748a));font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.dropdown-option-description{font-size:12px;color:var(--dd-muted, var(--color-on-surface-muted, #62748a));font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.dropdown-option-right{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto;gap:8px}.dropdown-option-right:empty{display:none}.dropdown-option-tag{flex-shrink:0}.dropdown-option-right-icon{display:flex;align-items:center;justify-content:center;color:var(--dd-muted);opacity:0.8}.ui-dropdown-selected-marker{display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;animation:checkPop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}.ui-dropdown-selected-marker-wrap{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.ui-dropdown-selected-marker-label{font-size:11px;font-weight:500;color:var(--dd-selected-text);white-space:nowrap;animation:checkPop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes checkPop{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}.dropdown-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--color-primary, #cbd5e1);border-radius:5px;flex-shrink:0;transition:var(--dd-transition);background:var(--bg-primary, #ffffff);line-height:1}.dropdown-checkbox ui-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-standard, #ffffff)}.dropdown-option-selected .dropdown-checkbox,.dropdown-checkbox.checked,.dropdown-checkbox.dropdown-checkbox-selected{background:var(--dd-primary);border-color:var(--dd-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 37, 99, 235), 0.2)}.dropdown-expand-icon{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);color:var(--dd-muted);opacity:0.6}.dropdown-expand-icon.expanded{transform:rotate(90deg);color:var(--dd-primary);opacity:1}.dropdown-children{margin-left:20px;padding-left:12px;border-left:1px solid var(--dd-border);margin-top:-1px;margin-bottom:4px}.dropdown-empty{padding:32px 16px;font-size:14px}.dropdown-helper-text{margin-top:6px;font-size:12px;color:var(--dd-muted);display:flex;align-items:center;gap:6px;padding:0 4px}.dropdown-error-text{color:var(--dd-error);font-weight:500;animation:dropdownShake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.dropdown-invalid .dropdown-trigger{border-color:var(--dd-error)}.dropdown-invalid .dropdown-trigger:hover{box-shadow:0 0 0 4px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}@keyframes dropdownShake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.dropdown-spinner{display:flex;animation:dropdownSpin 1s linear infinite;color:var(--dd-primary)}@keyframes dropdownSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.dropdown-group-header{padding:12px 14px 6px;font-size:11px;font-weight:700;color:var(--dd-muted);text-transform:uppercase;letter-spacing:0.05em;background:var(--dd-panel-solid)}.dropdown-select-all{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;font-weight:600;font-size:14px;color:var(--dd-primary);background:transparent;transition:var(--dd-transition);border-bottom:none;border-radius:10px;min-height:36px;flex:1;justify-content:flex-start}.dropdown-select-all.dropdown-select-all-with-clear{border-bottom:1px solid var(--dd-border)}.dropdown-select-all:hover{background:rgba(var(--color-primary-rgb, 37, 99, 235), 0.08)}.dropdown-select-all .dropdown-checkbox{width:18px;height:18px;border:1px solid var(--dd-border-strong);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--dd-transition)}.dropdown-select-all .dropdown-checkbox.checked{background-color:var(--dd-primary);border-color:var(--dd-primary)}.dropdown-skeleton{pointer-events:none}.dropdown-skeleton .dropdown-trigger{background:var(--bg-secondary, #f1f5f9);border-color:var(--border-subtle, #e2e8f0);box-shadow:none}.dropdown-skeleton .dropdown-skeleton-text{width:60%;height:14px;background:linear-gradient(90deg, var(--bg-primary, #e2e8f0) 25%, var(--bg-primary, #f8fafc) 50%, var(--bg-primary, #e2e8f0) 75%);background-size:200% 100%;animation:dropdownShimmer 1.5s infinite;border-radius:4px}.dropdown-skeleton .dropdown-skeleton-icon{width:16px;height:16px;background:var(--bg-primary, #e2e8f0);border-radius:4px}@keyframes dropdownShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.dropdown-separator{height:1px;background-color:var(--dd-border);margin:6px 10px;pointer-events:none}.dropdown-search-highlight{background-color:var(--bg-primary, #fef08a);color:var(--color-danger, #854d0e);border-radius:2px;padding:0 1px;font-weight:600}.dropdown-bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--dd-border);background:linear-gradient(180deg, var(--bg-primary, #fbfdff) 0%, var(--bg-primary, #f8fafc) 100%);font-size:13px;gap:12px}.dropdown-clear-all{display:flex;align-items:center;gap:8px;color:var(--color-danger, #ef4444);cursor:pointer;padding:8px 10px;border-radius:10px;transition:all 0.2s;font-weight:500;min-height:36px;justify-content:center;white-space:nowrap}.dropdown-clear-all:hover{background-color:var(--bg-primary, #fef2f2);color:var(--color-danger-hover, #dc2626)}.dropdown-menu-variant-nested-menu{overflow:visible}.dropdown-menu-variant-nested-menu .dropdown-options{overflow:visible;padding:6px}.dropdown-nested-columns{display:flex;align-items:stretch;min-width:max-content}.dropdown-nested-panel{min-width:210px;max-width:280px;padding:2px}.dropdown-nested-panel+.dropdown-nested-panel{border-left:1px solid var(--dd-border);margin-left:4px;padding-left:10px}.dropdown-menu-sm .dropdown-nested-panel{min-width:180px}.dropdown-menu-lg .dropdown-nested-panel{min-width:240px}.dropdown-nested-option{margin:2px 0}.dropdown-nested-option-active{background:var(--dd-hover);border-color:var(--dd-border-strong)}.variant-detailed .dropdown-trigger{border-color:var(--dd-border);border-radius:14px;min-height:48px;background:linear-gradient(180deg, var(--bg-primary, #ffffff) 0%, var(--bg-primary, #f8fbff) 100%);box-shadow:0 2px 8px rgba(15, 23, 42, 0.04);font-weight:500}.variant-detailed .dropdown-trigger:hover{border-color:var(--dd-border-strong);box-shadow:0 10px 22px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08)}.variant-detailed.dropdown-open .dropdown-trigger{border-color:var(--dd-focus);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 37, 99, 235), 0.14), 0 16px 32px rgba(var(--color-primary-rgb, 37, 99, 235), 0.14)}.variant-detailed .dropdown-menu{border-radius:20px !important;padding:6px !important;background:rgba(255, 255, 255, 0.98) !important;backdrop-filter:blur(20px) !important;box-shadow:0 20px 50px rgba(15, 23, 42, 0.22) !important}.variant-detailed .dropdown-options{padding:4px !important}.variant-detailed .ui-dropdown-option,.variant-detailed .dropdowndata{padding:12px 14px !important;border-radius:16px !important;margin:4px 0 !important;gap:14px !important;border:1px solid transparent !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important}.variant-detailed .ui-dropdown-option:hover,.variant-detailed .ui-dropdown-option.dropdown-option-highlighted,.variant-detailed .dropdowndata:hover,.variant-detailed .dropdowndata.dropdown-option-highlighted{background:var(--bg-primary, #f0f7ff) !important;border-color:var(--border-subtle, #dbeafe) !important;transform:translateY(-1.5px) !important;box-shadow:0 8px 16px rgba(var(--color-primary-rgb, 37, 99, 235), 0.08) !important}.variant-detailed .ui-dropdown-option.ui-dropdown-option-selected,.variant-detailed .dropdowndata.ui-dropdown-option-selected{background:var(--dd-selected-bg) !important;border-color:var(--dd-selected-border) !important;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5) !important}.variant-detailed .ui-dropdown-option.ui-dropdown-option-selected .dropdown-option-label,.variant-detailed .dropdowndata.ui-dropdown-option-selected .dropdown-option-label{color:var(--dd-selected-text) !important;font-weight:700 !important}.variant-detailed .dropdown-option-label{font-size:14px !important;font-weight:600 !important;color:var(--text-primary, #1e293b) !important;margin-bottom:2px !important}.variant-detailed .dropdown-option-subtitle{font-size:11px !important;color:var(--text-muted, #64748b) !important;font-weight:500 !important;text-transform:uppercase !important;letter-spacing:0.02em !important}.variant-detailed .dropdown-option-tag{font-size:10px !important;font-weight:700 !important;letter-spacing:0.05em !important;padding:4px 10px !important;border-radius:999px !important;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05) !important}.variant-detailed .dropdown-option-icon,.variant-detailed .dropdown-option-right-icon{font-size:20px !important;display:flex !important;align-items:center !important;justify-content:center !important}.variant-detailed .dropdown-option-right-icon{color:var(--color-primary, #cbd5e1) !important;transition:all 0.2s !important}.variant-detailed .dropdown-option-right-icon:hover{color:var(--color-warning, #f59e0b) !important;transform:scale(1.1) !important}.variant-detailed .ui-dropdown-selected-marker{display:inline-flex !important;align-items:center !important;justify-content:center !important;color:var(--dd-primary) !important;background:var(--bg-primary, #dbeafe) !important;padding:4px !important;border-radius:50% !important;flex-shrink:0 !important}.variant-detailed .dropdown-trigger-content{display:flex !important;align-items:center !important;gap:10px !important}.variant-detailed .dropdown-trigger-icon{color:var(--dd-primary, var(--color-primary, #10b981)) !important;font-size:18px !important;flex-shrink:0 !important}.variant-detailed .dropdown-trigger-label{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.variant-detailed .dropdown-expand-group{display:flex !important;align-items:center !important;gap:8px !important}.variant-detailed .dropdown-badge{background:var(--dd-primary, var(--color-primary, #10b981)) !important;color:var(--text-standard, #ffffff) !important;font-size:10px !important;font-weight:800 !important;height:18px !important;min-width:18px !important;padding:0 5px !important;border-radius:9px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3) !important;animation:badgePop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important}@keyframes badgePop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.dropdown-option:active{transform:scale(0.98);transition:transform 0.1s ease}.dropdown-option-selected.dropdowndata{position:relative;overflow:hidden}.dropdown-option-selected.dropdowndata::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1) 0%, transparent 70%);pointer-events:none}';const s=class{constructor(r){t(this,r),this.toggleGroupChange=o(this,"toggleGroupChange"),this.toggleGroupSearch=o(this,"toggleGroupSearch"),this.toggleGroupReorder=o(this,"toggleGroupReorder"),this.toggleGroupCollapse=o(this,"toggleGroupCollapse")}get el(){return r(this)}value=[];name="";disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";layout="horizontal";columns=3;selectionMode="single";size="md";color="primary";variant="solid";shape="default";options=[];labelPosition="right";showIcons=!1;enableAnimation=!0;keyboardNavigation=!0;showSelectAll=!1;searchable=!1;searchPlaceholder="Search toggles...";isDraggable=!1;collapsible=!1;collapsed=!1;loading=!1;loadingText="Loading options...";maxSelections=0;showSkeleton=!1;skeletonCount=3;compact=!1;items=[];searchQuery="";focusedIndex=-1;isCollapsed=!1;draggedIndex=-1;dragOverIndex=-1;indicatorRect={left:0,top:0,width:0,height:0,opacity:0};listEl;resizeObserver;internals;toggleGroupChange;toggleGroupSearch;toggleGroupReorder;toggleGroupCollapse;handleOptionsChange(){this.parseOptions()}handleValueChange(){this.syncToggles(),this.updateIndicator()}componentWillLoad(){"function"==typeof this.el.attachInternals&&(this.internals=this.el.attachInternals()),this.parseOptions(),this.isCollapsed=this.collapsed,"multiple"!==this.selectionMode||Array.isArray(this.value)||(this.value=this.value?[this.value]:[]),this.updateFormValue()}updateFormValue(){if(this.internals){const t=Array.isArray(this.value)?this.value.join(","):this.value;this.internals.setFormValue(t)}}componentDidRender(){this.updateIndicator(),!this.resizeObserver&&this.el&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateIndicator())),this.resizeObserver.observe(this.el))}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0)}async updateIndicator(){"segmented"===this.variant&&this.listEl&&"multiple"!==this.selectionMode?requestAnimationFrame((()=>{const t=this.value;if(!t)return void(this.indicatorRect={...this.indicatorRect,opacity:0});const o=this.listEl?.querySelector(`.toggle-item-wrapper[data-value="${t}"]`);this.indicatorRect=o?{left:o.offsetLeft,top:o.offsetTop,width:o.offsetWidth,height:o.offsetHeight,opacity:1}:{...this.indicatorRect,opacity:0}})):0!==this.indicatorRect.opacity&&(this.indicatorRect={...this.indicatorRect,opacity:0})}parseOptions(){if("string"==typeof this.options)try{this.items=JSON.parse(this.options)}catch(t){console.error("Invalid options JSON in ui-toggle-group"),this.items=[]}else this.items=[...this.options||[]]}handleSwitchChange(t){t.stopPropagation();const o=t.detail.value,r=t.detail.checked;if("single"===this.selectionMode)r?this.value=o:this.required||(this.value="");else{let e=Array.isArray(this.value)?[...this.value]:[];if(r){if(this.maxSelections>0&&e.length>=this.maxSelections)return void(t.target.checked=!1);e.includes(o)||e.push(o)}else e=e.filter((t=>t!==o));this.value=e}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}syncToggles(){const t=this.el.shadowRoot?.querySelectorAll("ui-switch");t?.forEach((t=>{if("single"===this.selectionMode)t.checked=t.value===this.value;else{const o=Array.isArray(this.value)?this.value:[];t.checked=o.includes(t.value)}}))}handleSearch=t=>{this.searchQuery=t.detail.toLowerCase();const o=this.getFilteredItems();this.toggleGroupSearch.emit({query:this.searchQuery,results:o})};getFilteredItems(){return this.searchQuery?this.items.filter((t=>t.label?.toLowerCase().includes(this.searchQuery)||t.value?.toLowerCase().includes(this.searchQuery))):this.items}handleSelectAll=t=>{if("multiple"===this.selectionMode){if(t){const t=this.items.map((t=>t.value));this.value=this.maxSelections>0?t.slice(0,this.maxSelections):t}else this.value=[];this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}};toggleCollapse=()=>{this.isCollapsed=!this.isCollapsed,this.toggleGroupCollapse.emit({collapsed:this.isCollapsed})};onDragStart=t=>{this.isDraggable&&(this.draggedIndex=t)};onDragOver=(t,o)=>{this.isDraggable&&(t.preventDefault(),this.dragOverIndex=o)};onDrop=t=>{if(!this.isDraggable||-1===this.draggedIndex)return;const o=[...this.items],r=o.splice(this.draggedIndex,1)[0];o.splice(t,0,r),this.items=o,this.toggleGroupReorder.emit({oldIndex:this.draggedIndex,newIndex:t,items:o}),this.draggedIndex=-1,this.dragOverIndex=-1};handleKeyDown=t=>{if(!this.keyboardNavigation)return;const o=this.getFilteredItems();"ArrowDown"===t.key||"ArrowRight"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex+1)%o.length):"ArrowUp"===t.key||"ArrowLeft"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex-1+o.length)%o.length):"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),-1===this.focusedIndex)||this.toggleItemValue(o[this.focusedIndex].value)};toggleItemValue(t){if("single"===this.selectionMode)this.value=t;else{let o=Array.isArray(this.value)?[...this.value]:[];o.includes(t)?o=o.filter((o=>o!==t)):(0===this.maxSelections||o.length<this.maxSelections)&&o.push(t),this.value=o}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}renderLabel(){return this.label?e("div",{class:"toggle-group-header"},e("label",{class:"toggle-group-label"},this.label,this.required&&e("span",{class:"required"},"*")),this.collapsible&&e("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,icon:this.isCollapsed?"chevron-down":"chevron-up",iconLibrary:"lucide",iconSize:"16px",onClick:this.toggleCollapse,ariaLabel:this.isCollapsed?"Expand":"Collapse"})):null}renderSearch(){return this.searchable?e("div",{class:"search-container"},e("ui-icon",{name:"search",library:"lucide",size:"14px",class:"search-icon"}),e("ui-input",{type:"text",placeholder:this.searchPlaceholder,onInputChange:this.handleSearch,value:this.searchQuery,size:"sm",fullWidth:!0})):null}renderControls(){return this.showSelectAll&&"multiple"===this.selectionMode?e("div",{class:"group-controls"},e("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!0),icon:"check-circle",iconLibrary:"lucide",iconSize:"14px",label:"Select All",ariaLabel:"Select All"}),e("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!1),icon:"x-circle",iconLibrary:"lucide",iconSize:"14px",label:"Deselect All",ariaLabel:"Deselect All"}),this.maxSelections>0&&e("span",{class:"max-badge"},"Max: ",this.maxSelections)):null}renderLoading(){return this.showSkeleton?e("div",{class:"skeleton-container"},Array.from({length:this.skeletonCount}).map((()=>e("div",{class:"skeleton-item"},e("div",{class:"skeleton-switch"}),e("div",{class:"skeleton-text"}))))):this.loading?e("div",{class:"loading-container"},e("ui-icon",{name:"refresh",spin:!0})," ",this.loadingText):null}render(){const t=t=>"single"===this.selectionMode?this.value===t:Array.isArray(this.value)&&this.value.includes(t),o=this.getFilteredItems();return e(i,{class:{"toggle-group-host":!0,"group-disabled":this.disabled,"group-invalid":this.invalid,"group-collapsed":this.isCollapsed,"group-compact":this.compact},onKeyDown:this.handleKeyDown},this.renderLabel(),this.renderSearch(),this.renderControls(),this.loading||this.showSkeleton?this.renderLoading():!this.isCollapsed&&e("div",{class:{"toggle-list":!0,[`layout-${this.layout}`]:!0,"is-segmented":"segmented"===this.variant},style:"grid"===this.layout?{"grid-template-columns":`repeat(${this.columns}, 1fr)`}:{},ref:t=>this.listEl=t},"segmented"===this.variant&&e("div",{class:"segmented-indicator",style:{transform:`translate3d(${this.indicatorRect.left}px, ${this.indicatorRect.top}px, 0)`,width:`${this.indicatorRect.width}px`,height:`${this.indicatorRect.height}px`,opacity:`${this.indicatorRect.opacity}`,backgroundColor:`var(--toggle-group-${this.color})`}}),o.map(((o,r)=>e("div",{class:{"toggle-item-wrapper":!0,"is-dragging":this.draggedIndex===r,"is-drag-over":this.dragOverIndex===r,"is-focused":this.focusedIndex===r,"is-active":t(o.value)&&"segmented"===this.variant},"data-value":o.value,onClick:()=>this.toggleItemValue(o.value),draggable:this.isDraggable,onDragStart:()=>this.onDragStart(r),onDragOver:t=>this.onDragOver(t,r),onDrop:()=>this.onDrop(r)},this.isDraggable&&e("ui-icon",{name:"menu",class:"drag-handle"}),e("ui-switch",{value:o.value,label:o.label,"icon-on":o.icon,disabled:this.disabled||o.disabled,checked:t(o.value),size:this.size,color:this.color,variant:this.variant,shape:this.shape,"label-position":this.labelPosition,"show-icons":this.showIcons,"enable-animation":this.enableAnimation,readonly:this.readonly}))))),this.invalid&&this.errorMessage&&e("div",{class:"error-message"},e("ui-icon",{name:"alert-circle",library:"lucide",size:"14px"}),this.errorMessage),this.helperText&&!this.invalid&&e("div",{class:"helper-text"},this.helperText))}static get formAssociated(){return!0}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}]}}};s.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--toggle-group-gap:16px;--toggle-group-border:var(--border-subtle, #e2e8f0);--toggle-group-text:var(--text-primary, #1e293b);--toggle-group-muted:var(--color-primary, #64748b);--toggle-group-primary:var(--color-primary-hover, #2563eb);--toggle-group-danger:var(--color-danger, #ef4444)}.toggle-group-host{display:flex;flex-direction:column}.toggle-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.toggle-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--toggle-group-text);display:flex;align-items:center}.toggle-group-label .required{color:var(--toggle-group-danger);margin-left:4px}.collapse-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--toggle-group-muted);transition:all 0.2s}.collapse-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-text)}.search-container{position:relative;margin-bottom:16px}.search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--toggle-group-muted)}.search-container .search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--toggle-group-border);border-radius:8px;font-size:14px;transition:all 0.2s;outline:none}.search-container .search-input:focus{border-color:var(--toggle-group-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.group-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px}.group-controls .control-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-primary, #ffffff);border:1px solid var(--toggle-group-border);border-radius:6px;font-size:13px;font-weight:600;color:var(--toggle-group-muted);cursor:pointer;transition:all 0.2s}.group-controls .control-btn ui-icon{color:var(--toggle-group-muted)}.group-controls .control-btn:hover{background:var(--bg-primary, #f8fafc);border-color:var(--color-primary, #cbd5e1);transform:translateY(-1px);color:var(--toggle-group-text)}.max-badge{font-size:11px;background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-muted);padding:2px 8px;border-radius:9999px;font-weight:600}.group-compact{gap:8px}.group-compact .toggle-list{gap:8px}.group-compact .layout-vertical{gap:4px}.group-compact .toggle-group-header{margin-bottom:4px}.toggle-list{display:flex;gap:var(--toggle-group-gap)}.toggle-list.layout-horizontal{flex-direction:row;flex-wrap:wrap}.toggle-list.layout-vertical{flex-direction:column;gap:8px}.toggle-list.layout-grid{display:grid;gap:16px}.toggle-list{}.toggle-list.is-segmented{position:relative;background:var(--bg-secondary, #f1f5f9);padding:6px;border-radius:16px;display:inline-flex;width:fit-content;gap:0;border:none;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}.toggle-list.is-segmented .toggle-item-wrapper{position:relative;z-index:2;padding:10px 24px;border-radius:12px;background:transparent !important;border:none !important;box-shadow:none !important;transform:none !important;flex:1;justify-content:center;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);min-width:120px;font-weight:700}.toggle-list.is-segmented .toggle-item-wrapper ui-switch{transition:color 0.3s ease;--switch-track-bg:transparent;--switch-thumb-bg:transparent;--switch-glow:none;pointer-events:none;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(track){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(thumb){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(container){margin:0;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(label){margin:0;width:100%;text-align:center;justify-content:center;align-items:center}.toggle-list.is-segmented .toggle-item-wrapper.is-active ui-switch::part(label){color:#ffffff !important;font-weight:700;text-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}.toggle-list.is-segmented .toggle-item-wrapper:hover:not(.is-active){background:rgba(0, 0, 0, 0.03) !important}.toggle-list.is-segmented .segmented-indicator{position:absolute;top:6px;left:6px;bottom:6px;border-radius:12px;transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), width 0.4s ease, background-color 0.4s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);z-index:1}.toggle-item-wrapper{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:12px;border:1px solid transparent;transition:background-color 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease, border-color 0.2s ease;cursor:pointer}.toggle-item-wrapper:hover{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.03);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05)}.toggle-item-wrapper:active{transform:scale(0.96);background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.06)}.toggle-item-wrapper:focus-within{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05);border-color:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.4);box-shadow:0 0 0 3px rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.15)}.toggle-item-wrapper.is-dragging{opacity:0.5;transform:scale(0.98);background:var(--bg-secondary, #f1f5f9);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.toggle-item-wrapper.is-drag-over{border-top:2px solid var(--toggle-group-primary);padding-top:2px}.toggle-item-wrapper.is-focused{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05)}.drag-handle{cursor:grab;color:var(--toggle-group-muted);opacity:0.4}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.error-message{margin-top:8px;font-size:13px;color:var(--toggle-group-danger);display:flex;align-items:center;gap:6px}.helper-text{margin-top:8px;font-size:13px;color:var(--toggle-group-muted)}.skeleton-container{display:flex;flex-direction:inherit;gap:16px}.skeleton-item{display:flex;align-items:center;gap:12px}.skeleton-item .skeleton-switch{width:44px;height:24px;border-radius:12px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item .skeleton-text{width:120px;height:16px;border-radius:4px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.group-disabled{opacity:0.5;pointer-events:none}.group-collapsed .toggle-list{display:none}';export{a as ui_dropdown,s as ui_toggle_group}

package/dist/exploration-project-tailwind/p-71d95bb1.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,a as s,h as c,H as a}from"./p-DUsoYu9r.js";const h=class{constructor(s){t(this,s),this.switchChange=i(this,"switchChange"),this.switchFocus=i(this,"switchFocus"),this.switchBlur=i(this,"switchBlur"),this.switchConfirm=i(this,"switchConfirm"),this.switchSuccess=i(this,"switchSuccess")}get el(){return s(this)}checked=!1;disabled=!1;readonly=!1;invalid=!1;loading=!1;size="md";color="primary";variant="solid";shape="default";width;label="";labelPosition="right";elevation=0;thumbShape="circle";iconOff;iconOn;showIcons=!1;enableAnimation=!0;orientation="horizontal";helperText="";errorMessage="";checkedText="";uncheckedText="";showTrackText=!1;rtl=!1;formId="";name="";value="on";physics="liquid";glow=!1;requireConfirmation=!1;confirmationMessage="Are you sure you want to change this?";indeterminate=!1;showSuccessFeedback=!1;switchTabIndex=0;ariaLabel="";gradient=!1;gradientColors="";autoSubmit=!1;showDefaultIcons=!1;required=!1;haptic=!1;description;descriptionPosition="bottom";checkedImage;uncheckedImage;async=!1;internalLoading=!1;isShaking=!1;async shake(){this.isShaking=!0,this.haptic&&"vibrate"in navigator&&navigator.vibrate([10,50,10,50,10]),setTimeout((()=>{this.isShaking=!1}),600)}showTooltip=!1;tooltipText="";iconLibrary="ionicons";isFocused=!1;isHovered=!1;showingSuccess=!1;showConfirmDialog=!1;pendingValue=!1;showRipple=!1;switchChange;switchFocus;switchBlur;switchConfirm;switchSuccess;handleCheckedChange(t){this.autoSubmit&&this.triggerFormSubmit(),this.showSuccessFeedback&&t&&this.triggerSuccessFeedback()}triggerFormSubmit(){let t=null;if(t=this.formId?document.getElementById(this.formId):this.el.closest("form"),t){const i=new window.Event("submit",{cancelable:!0,bubbles:!0});t.dispatchEvent(i),i.defaultPrevented||t.submit()}}handleChange=t=>{if(this.disabled||this.readonly||this.loading)return void t.preventDefault();const i=t.target,s=i.checked;return this.indeterminate&&(this.indeterminate=!1,i.indeterminate=!1),this.requireConfirmation?(this.pendingValue=s,this.showConfirmDialog=!0,void(i.checked=this.checked)):(this.haptic&&"vibrate"in navigator&&navigator.vibrate(this.checked?10:15),this.async?(this.switchChange.emit({checked:s,value:this.value}),i.checked=this.checked,void(this.internalLoading=!0)):void this.applyToggle(s))};async stopAsyncLoading(){this.internalLoading=!1}applyToggle(t){this.checked!==t&&(this.checked=t,this.checked&&this.triggerRipple(),this.switchChange.emit({checked:this.checked,value:this.value}))}triggerRipple(){this.showRipple=!0,setTimeout((()=>{this.showRipple=!1}),600)}triggerSuccessFeedback(){this.showingSuccess=!0,this.switchSuccess.emit(),setTimeout((()=>{this.showingSuccess=!1}),2e3)}handleConfirm=()=>{this.showConfirmDialog=!1,this.switchConfirm.emit({confirmed:!0,value:this.pendingValue}),this.applyToggle(this.pendingValue)};handleCancel=()=>{this.showConfirmDialog=!1,this.switchConfirm.emit({confirmed:!1,value:this.pendingValue})};handleFocus=()=>{this.disabled||this.loading||(this.isFocused=!0,this.switchFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.switchBlur.emit()};handleMouseEnter=()=>{this.disabled||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=t=>{this.disabled||this.readonly||this.loading||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.triggerRipple(),this.applyToggle(!this.checked))};getIcon(){if(this.loading)return c("span",{class:"switch-spinner"},c("ui-icon",{name:"refresh",library:this.iconLibrary,spin:!0,size:"14px"}));const t=this.checked?this.checkedImage:this.uncheckedImage;if(t)return c("div",{class:"switch-image-container"},c("img",{src:t,class:"switch-thumb-image",alt:"status"}));if(this.checked){if(this.iconOn)return c("span",{class:"switch-icon"},c("ui-icon",{name:this.iconOn,library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}));if(this.showIcons||this.showDefaultIcons)return c("span",{class:"switch-icon"},c("ui-icon",{name:"checkmark",library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}))}else{if(this.iconOff)return c("span",{class:"switch-icon"},c("ui-icon",{name:this.iconOff,library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}));if(this.showIcons||this.showDefaultIcons)return c("span",{class:"switch-icon"},c("ui-icon",{name:"close",library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}))}return null}renderTrackText(){return this.showTrackText?c("span",{class:"switch-track-text"},this.checked?this.checkedText||"ON":this.uncheckedText||"OFF"):null}renderHelperText(){return this.invalid&&this.errorMessage?c("div",{class:"switch-helper-text switch-error-text"},c("ui-icon",{name:"alert-circle",library:"lucide",size:"12px"}),c("span",null,this.errorMessage)):this.helperText?c("div",{class:"switch-helper-text"},this.helperText):null}renderTooltip(){return this.showTooltip&&this.tooltipText&&this.isHovered?c("div",{class:"switch-tooltip"},this.tooltipText):null}renderSuccessFeedback(){return this.showingSuccess?c("div",{class:"switch-success-feedback"},c("ui-icon",{name:"check-circle",library:"lucide",size:"16px"})):null}renderConfirmDialog(){return this.showConfirmDialog?c("div",{class:"switch-confirm-overlay",onClick:this.handleCancel},c("div",{class:"switch-confirm-dialog",onClick:t=>t.stopPropagation()},c("div",{class:"confirm-message"},this.confirmationMessage),c("div",{class:"confirm-actions"},c("ui-button",{variant:"ghost",size:"sm",onClick:this.handleCancel,label:"Cancel"}),c("ui-button",{variant:"primary",size:"sm",onClick:this.handleConfirm,label:"Confirm"})))):null}render(){const t=this.label&&c("span",{key:"7ebf67ab54d6402ea0df0c4de0970d6cc2e43824",class:"switch-label"},this.label,this.required&&c("span",{key:"7044082ec79f25bd865e823bf0b4f8387dc18e11",class:"switch-required"},"*"),this.description&&"bottom"===this.descriptionPosition&&c("span",{key:"efe44feacd88bb77a6a8c128811610e7c9e45f16",class:"switch-description-bottom"},this.description)),i=this.description&&"side"===this.descriptionPosition&&c("span",{key:"3fd19deb053caafb0b8482378067b1e0e7c6e93f",class:"switch-description-side"},this.description),s={};if(this.gradient&&this.gradientColors)try{const t=JSON.parse(this.gradientColors);Array.isArray(t)&&t.length>=2&&(s.background=`linear-gradient(135deg, ${t[0]} 0%, ${t[1]} 100%)`)}catch(t){}const h={};return this.width&&(h["--switch-track-width"]=this.width),c(a,{key:"2452fea25ee064d76b1255e099143b7c0c9b22da",style:h,class:{"switch-host":!0,"switch-disabled":this.disabled||this.loading,"switch-readonly":this.readonly,"switch-checked":this.checked,"switch-invalid":this.invalid,"switch-focused":this.isFocused,"switch-hovered":this.isHovered,"switch-vertical":"vertical"===this.orientation,"switch-animate":this.enableAnimation,"switch-indeterminate":this.indeterminate,"switch-glow":this.glow,"switch-rtl":this.rtl,[`switch-physics-${this.physics}`]:!0,[`switch-elevation-${this.elevation}`]:this.elevation>0,[`switch-color-${this.color}`]:!0,[`switch-${this.variant}`]:!0},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},c("div",{key:"fbf20bb14cc99bd32eb4a52df4eefa60480804c4",part:"container",class:{"switch-container-outer":!0,[`switch-${this.size}`]:!0,[`switch-color-${this.color}`]:!0,[`switch-physics-${this.physics}`]:!0,[`switch-variant-${this.variant}`]:!0,[`switch-${this.shape}`]:!0,[`thumb-${this.thumbShape}`]:!0,"switch-checked":this.checked,"switch-disabled":this.disabled,"switch-readonly":this.readonly,"switch-loading":this.loading||this.internalLoading,"switch-error":this.invalid,"switch-glow":this.glow&&this.checked,"switch-haptic":this.haptic,"switch-rtl":this.rtl,"switch-shaking":this.isShaking,"switch-animate":this.enableAnimation,"switch-indeterminate":this.indeterminate}},c("label",{key:"e089fc07a8a05b88b7281756e8720f42e4e39dee",part:"label",class:{"switch-container":!0,[`switch-${this.size}`]:!0,[`switch-color-${this.color}`]:!0,[`switch-${this.variant}`]:!0,[`switch-${this.shape}`]:!0,[`thumb-${this.thumbShape}`]:!0,"switch-label-left":"left"===this.labelPosition,"switch-label-right":"right"===this.labelPosition||!this.labelPosition}},"left"===this.labelPosition&&t,c("div",{key:"3e1ca73f5839376c5effc92ad13686465dfe1c69",part:"wrapper",class:"switch-wrapper"},c("input",{key:"620498359d8a26fdc9413e936b423ebc92e9e921",type:"checkbox",class:"switch-input",checked:this.checked,disabled:this.disabled||this.loading,readonly:this.readonly,name:this.name,value:this.value,required:this.required,tabindex:this.switchTabIndex,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,"aria-label":this.ariaLabel||this.label,"aria-checked":this.indeterminate?"mixed":this.checked?"true":"false","aria-disabled":(this.disabled||this.loading).toString(),"aria-invalid":this.invalid.toString(),ref:t=>{t&&this.indeterminate&&(t.indeterminate=!0)}}),c("div",{key:"ed2db623b8d85ec19ec08b04d49f32ccbd22c2ca",part:"track",class:{"switch-track":!0,"switch-track-checked":this.checked,"switch-track-disabled":this.disabled||this.loading,"switch-gradient":this.gradient},style:s},this.renderTrackText(),c("div",{key:"f1fb7ac21b764239756664271a156a484d90ae71",part:"thumb",class:{"switch-thumb":!0,"switch-thumb-checked":this.checked,"switch-thumb-loading":this.loading}},this.getIcon()),this.showRipple&&c("div",{key:"12e603dc7715a81be1b49e10f3ff08ecd95d5a25",class:"switch-ripple"}),this.loading&&c("div",{key:"c09738abdd1ee94b9fd7ccb69569ab8b432425ed",class:"switch-loading-overlay"}))),"right"===this.labelPosition&&t,i,this.renderSuccessFeedback()),this.renderHelperText(),this.renderTooltip()),this.renderConfirmDialog())}static get watchers(){return{checked:[{handleCheckedChange:0}]}}};h.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block;--switch-primary:var(--color-primary-hover, #2563eb);--switch-secondary:var(--color-primary, #64748b);--switch-success:var(--color-success, #10b981);--switch-danger:var(--color-danger, #ef4444);--switch-warning:var(--color-warning, #f59e0b);--switch-info:var(--color-primary, #10b981);--switch-primary-rgb:37, 99, 235;--switch-secondary-rgb:100, 116, 139;--switch-success-rgb:16, 185, 129;--switch-danger-rgb:239, 68, 104;--switch-warning-rgb:245, 158, 11;--switch-info-rgb:59, 130, 246;--switch-track-bg:var(--bg-primary, #e2e8f0);--switch-thumb-bg:var(--bg-primary, #ffffff);--switch-text:var(--label-color, var(--text-primary, #1e293b));--switch-text-muted:var(--label-subtitle-color, var(--text-secondary, #64748b));--switch-font:-apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif;--switch-duration:0.4s;--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-transition:all var(--switch-duration) var(--switch-easing)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]){--switch-track-bg:var(--bg-secondary, #1e293b);--switch-thumb-bg:var(--bg-primary, #334155)}.switch-host{font-family:var(--switch-font);-webkit-tap-highlight-color:transparent}.switch-host.switch-glow.switch-checked .switch-track{box-shadow:0 0 15px rgba(var(--switch-primary-rgb, 37, 99, 235), 0.4)}.switch-host.switch-glow.switch-checked.switch-success .switch-track{box-shadow:0 0 15px rgba(var(--switch-success-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-danger .switch-track{box-shadow:0 0 15px rgba(var(--switch-danger-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-warning .switch-track{box-shadow:0 0 15px rgba(var(--switch-warning-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-info .switch-track{box-shadow:0 0 15px rgba(var(--switch-info-rgb), 0.4)}.switch-host{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1)}.switch-host.switch-physics-linear{--switch-easing:cubic-bezier(0, 0, 1, 1)}.switch-host.switch-physics-stiff{--switch-easing:cubic-bezier(0.18, 0.89, 0.32, 1.28);--switch-duration:0.2s}.switch-host.switch-physics-liquid{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-duration:0.4s}.switch-host.switch-physics-bouncy{--switch-easing:cubic-bezier(0.68, -0.6, 0.32, 1.6);--switch-duration:0.5s}.switch-host .switch-track,.switch-host .switch-thumb,.switch-host .switch-track-text,.switch-host .switch-ripple{transition:var(--switch-transition)}:host(.switch-color-primary){--switch-active-bg:var(--switch-primary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-success){--switch-active-bg:var(--switch-success);--switch-active-bg-rgb:var(--color-success-rgb)}:host(.switch-color-danger){--switch-active-bg:var(--switch-danger);--switch-active-bg-rgb:var(--color-danger-rgb)}:host(.switch-color-warning){--switch-active-bg:var(--switch-warning);--switch-active-bg-rgb:var(--color-warning-rgb)}:host(.switch-color-info){--switch-active-bg:var(--switch-info);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-secondary){--switch-active-bg:var(--switch-secondary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-checked.switch-solid) .switch-track{background:var(--switch-active-bg);border-color:rgba(0, 0, 0, 0.05)}:host(.switch-checked.switch-solid) .switch-track-text{color:var(--color-primary-text, #ffffff)}:host(.switch-glass) .switch-track{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2)}:host(.switch-glass.switch-checked) .switch-track{background:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.2) !important;border-color:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.4)}:host(.switch-glass.switch-checked) .switch-track-text{color:var(--switch-active-bg);text-shadow:0 0 8px rgba(var(--switch-active-bg-rgb), 0.4)}:host(.switch-raised) .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8)}:host(.switch-raised) .switch-thumb{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8)}:host(.switch-raised.switch-checked) .switch-track{background:linear-gradient(135deg, var(--switch-active-bg), rgba(var(--switch-active-bg-rgb), 0.8));box-shadow:inset 2px 2px 4px rgba(0, 0, 0, 0.2)}:host(.switch-outlined) .switch-track{background:transparent !important;border:2px solid var(--border-subtle, #e2e8f0)}:host(.switch-outlined.switch-checked) .switch-track{border-color:var(--switch-active-bg)}:host(.switch-outlined) .switch-thumb{background:var(--color-primary, #94a3b8)}:host(.switch-outlined.switch-checked) .switch-thumb{background:var(--switch-active-bg);box-shadow:0 0 10px rgba(var(--switch-active-bg-rgb), 0.3)}:host(.switch-glow.switch-checked) .switch-track{box-shadow:0 0 12px rgba(var(--switch-active-bg-rgb), 0.3);animation:switch-glow-pulse 2s ease-in-out infinite}.switch-loading .switch-track{position:relative;overflow:hidden}.switch-loading .switch-track::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);background-size:200% 100%;animation:switch-shimmer 1.5s infinite linear;z-index:1}.switch-loading .switch-track::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:4px 4px;opacity:0.5;z-index:0}@keyframes switch-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.switch-container-outer{display:flex;flex-direction:column}.switch-container{display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:opacity var(--switch-duration) var(--switch-easing);font-family:"Inter", -apple-system, sans-serif}.switch-label-left{flex-direction:row-reverse}.switch-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.switch-input{position:absolute;width:100%;height:100%;opacity:0;cursor:inherit;z-index:2;margin:0;outline:none}.switch-input:focus-visible~.switch-track{box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--switch-active-bg, var(--switch-primary));transform:scale(1.02)}.switch-track{position:relative;display:flex;align-items:center;background:var(--switch-track-bg);border-radius:9999px;transition:background-color var(--switch-duration) var(--switch-easing), box-shadow 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow:hidden;border:1px solid rgba(0, 0, 0, 0.05)}.switch-container:hover .switch-track{filter:brightness(1.05);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.switch-container:active .switch-track{transform:scale(0.96);filter:brightness(0.95)}.switch-ripple{position:absolute;left:50%;top:50%;width:10px;height:10px;background:rgba(255, 255, 255, 0.4);border-radius:50%;transform:translate(-50%, -50%);pointer-events:none;animation:switch-ripple-expand 0.6s cubic-bezier(0, 0, 0.2, 1) forwards;z-index:1}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.15);z-index:10;overflow:hidden}.switch-loading-overlay::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:8px 8px;opacity:0.3}.switch-loading-overlay::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);animation:switch-shimmer 1.5s infinite}@keyframes switch-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes switch-ripple-expand{0%{transform:translate(-50%, -50%) scale(0);opacity:0.8}100%{transform:translate(-50%, -50%) scale(15);opacity:0}}.switch-thumb{position:absolute;background-color:var(--bg-primary, #ffffff);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--switch-duration) var(--switch-easing), background-color var(--switch-duration) var(--switch-easing), box-shadow var(--switch-duration) var(--switch-easing);z-index:2;display:flex;align-items:center;justify-content:center;border:0.5px solid rgba(0, 0, 0, 0.04)}.switch-thumb:hover{transform:scale(1.05) translateZ(0);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.switch-icon{display:flex;align-items:center;justify-content:center;font-size:10px}.switch-track-text{position:absolute;font-size:calc(var(--switch-thumb-size, 20px) * 0.45);font-weight:800;color:var(--switch-text-muted);text-transform:uppercase;user-select:none;pointer-events:none;transition:var(--switch-transition);opacity:0.8;letter-spacing:0.02em}.switch-xxxs{--switch-thumb-size:10px;--switch-track-width:24px}.switch-xxxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:12px}.switch-xxxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxs.switch-checked .switch-track-text{left:4px}.switch-xxs{--switch-thumb-size:12px;--switch-track-width:28px}.switch-xxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:14px}.switch-xxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxs.switch-checked .switch-track-text{left:4px}.switch-xs{--switch-thumb-size:14px;--switch-track-width:32px}.switch-xs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:17px}.switch-xs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xs.switch-checked .switch-track-text{left:4px}.switch-sm{--switch-thumb-size:16px;--switch-track-width:36px}.switch-sm .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:20px}.switch-sm .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-sm.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-sm .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-sm.switch-checked .switch-track-text{left:4px}.switch-md{--switch-thumb-size:20px;--switch-track-width:44px}.switch-md .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:24px}.switch-md .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-md.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-md .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-md.switch-checked .switch-track-text{left:4px}.switch-lg{--switch-thumb-size:24px;--switch-track-width:52px}.switch-lg .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:28px}.switch-lg .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-lg.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-lg .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-lg.switch-checked .switch-track-text{left:4px}.switch-xl{--switch-thumb-size:28px;--switch-track-width:64px}.switch-xl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:32px}.switch-xl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xl.switch-checked .switch-track-text{left:4px}.switch-xxl{--switch-thumb-size:34px;--switch-track-width:76px}.switch-xxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:38px}.switch-xxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxl.switch-checked .switch-track-text{left:4px}.switch-xxxl{--switch-thumb-size:40px;--switch-track-width:88px}.switch-xxxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:44px}.switch-xxxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxl.switch-checked .switch-track-text{left:4px}@keyframes switch-glow-pulse{0%,100%{filter:drop-shadow(0 0 5px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.3))}50%{filter:drop-shadow(0 0 12px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.6))}}.switch-glass .switch-track{background:rgba(255, 255, 255, 0.08) !important;backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.12);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1)}.switch-glass .switch-thumb{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(8px);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid rgba(255, 255, 255, 0.3)}.switch-raised .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8);border:1px solid rgba(0, 0, 0, 0.02)}.switch-raised .switch-thumb{background:linear-gradient(145deg, var(--bg-primary, #ffffff), var(--bg-primary, #f8fafc));box-shadow:2px 2px 5px rgba(0, 0, 0, 0.05), -1px -1px 3px rgba(255, 255, 255, 0.9);border:0.5px solid rgba(0, 0, 0, 0.02)}.switch-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit}.switch-thumb-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.switch-rounded .switch-track,.switch-rounded .switch-thumb{border-radius:4px}.switch-square .switch-track,.switch-square .switch-thumb{border-radius:0}.switch-pill .switch-track,.switch-pill .switch-thumb{border-radius:9999px}.thumb-square .switch-thumb{border-radius:2px}.switch-vertical .switch-container{flex-direction:column}.switch-vertical .switch-track{flex-direction:column}.switch-vertical .switch-thumb{left:50%;transform:translateX(-50%);top:2px}.switch-vertical.switch-xxxs .switch-track{width:12px;height:24px}.switch-vertical.switch-xxxs.switch-checked .switch-thumb{transform:translate(-50%, 11px)}.switch-vertical.switch-xxs .switch-track{width:14px;height:28px}.switch-vertical.switch-xxs.switch-checked .switch-thumb{transform:translate(-50%, 13px)}.switch-vertical.switch-xs .switch-track{width:17px;height:32px}.switch-vertical.switch-xs.switch-checked .switch-thumb{transform:translate(-50%, 15px)}.switch-vertical.switch-sm .switch-track{width:20px;height:36px}.switch-vertical.switch-sm.switch-checked .switch-thumb{transform:translate(-50%, 16px)}.switch-vertical.switch-md .switch-track{width:24px;height:44px}.switch-vertical.switch-md.switch-checked .switch-thumb{transform:translate(-50%, 20px)}.switch-vertical.switch-lg .switch-track{width:28px;height:52px}.switch-vertical.switch-lg.switch-checked .switch-thumb{transform:translate(-50%, 24px)}.switch-vertical.switch-xl .switch-track{width:32px;height:64px}.switch-vertical.switch-xl.switch-checked .switch-thumb{transform:translate(-50%, 32px)}.switch-vertical.switch-xxl .switch-track{width:38px;height:76px}.switch-vertical.switch-xxl.switch-checked .switch-thumb{transform:translate(-50%, 38px)}.switch-vertical.switch-xxxl .switch-track{width:44px;height:88px}.switch-vertical.switch-xxxl.switch-checked .switch-thumb{transform:translate(-50%, 44px)}.switch-disabled{opacity:0.5;cursor:not-allowed !important}.switch-readonly{cursor:default !important}.switch-readonly .switch-input{pointer-events:none}.switch-invalid .switch-track{border-color:var(--switch-danger);box-shadow:0 0 0 2px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}.switch-focused .switch-track{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.2)}.switch-hovered:not(.switch-disabled) .switch-track{filter:brightness(0.95)}.switch-gradient .switch-track{border:none}.switch-elevation-1 .switch-track{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.switch-elevation-2 .switch-track{box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}.switch-elevation-3 .switch-track{box-shadow:0 6px 12px rgba(0, 0, 0, 0.1)}.switch-elevation-4 .switch-track{box-shadow:0 8px 16px rgba(0, 0, 0, 0.1)}.switch-elevation-5 .switch-track{box-shadow:0 10px 20px rgba(0, 0, 0, 0.1)}.switch-indeterminate .switch-thumb{left:50%;transform:translateX(-50%)}.switch-indeterminate .switch-thumb::after{content:"";position:absolute;width:50%;height:2px;background:var(--switch-active-bg, #94a3b8);border-radius:4px}.switch-rtl{direction:rtl}.switch-rtl .switch-container{flex-direction:row-reverse}.switch-rtl .switch-thumb{left:auto;inset-inline-start:2px;inset-inline-end:auto}.switch-rtl.switch-checked .switch-thumb{transform:translateX(calc(-1 * (var(--switch-track-width) - var(--switch-thumb-size) - 4px)))}.switch-rtl .switch-track-text{inset-inline-start:4px;inset-inline-end:auto;text-align:left;left:auto}.switch-rtl.switch-checked .switch-track-text{inset-inline-start:calc(var(--switch-thumb-size) + 8px);inset-inline-end:auto;left:auto}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.2);z-index:1}.switch-spinner{display:flex;align-items:center;justify-content:center}.switch-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;display:flex;flex-direction:column;line-height:1.2}.switch-description-bottom{font-size:11px;font-weight:400;color:var(--switch-text-muted);opacity:0.8;margin-top:2px}.switch-description-side{font-size:12px;font-weight:400;color:var(--switch-text-muted);opacity:0.6;margin-inline-start:12px;padding-inline-start:12px;border-inline-start:1px solid rgba(0, 0, 0, 0.08);white-space:nowrap}.switch-required{color:var(--switch-danger);margin-inline-start:2px}.switch-helper-text{margin-top:4px;font-size:12px;color:var(--switch-text-muted);display:flex;align-items:center;gap:4px}.switch-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);background:rgba(15, 23, 42, 0.95);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.1);animation:tooltip-fade-in 0.2s ease}.switch-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(15, 23, 42, 0.95)}@keyframes tooltip-fade-in{from{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(-10px)}}.switch-error-text{color:var(--switch-danger)}.switch-success-feedback{color:var(--switch-success);margin-inline-start:8px;animation:success-pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes success-pop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.switch-confirm-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fade-in 0.2s ease}.switch-confirm-dialog{background:var(--bg-primary, #ffffff);padding:24px;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1);max-width:320px;width:90%;animation:slide-up 0.3s ease}.confirm-message{margin-bottom:20px;font-size:15px;color:var(--text-primary, #1e293b);line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all 0.2s}.confirm-btn.cancel{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #475569)}.confirm-btn.ok{background:var(--switch-primary);color:var(--text-standard, #ffffff)}.confirm-btn:hover{opacity:0.9;transform:translateY(-1px)}.switch-shaking{animation:switch-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes switch-shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-up{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}';export{h as ui_switch}

package/dist/exploration-project-tailwind/p-9bd14f69.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,H as i}from"./p-DUsoYu9r.js";const r=class{constructor(a){t(this,a),this.patternInputChange=e(this,"patternInputChange"),this.patternInput=e(this,"patternInput"),this.patternInputFocus=e(this,"patternInputFocus"),this.patternInputBlur=e(this,"patternInputBlur"),this.patternInputValidate=e(this,"patternInputValidate")}inputElement;debounceTimer;value="";pattern;validationRegex;placeholder;label;name;disabled=!1;required=!1;size="md";showValidation=!0;allowedChars;autoFormat=!0;maskChar="#";showCounter=!1;maxLength;inputType="text";helperText;errorMessage;successMessage;rtl=!1;clearable=!1;isValid=!0;isTouched=!1;isFocused=!1;patternInputChange;patternInput;patternInputFocus;patternInputBlur;patternInputValidate;valueChanged(t){this.validateInput(t)}componentDidLoad(){this.value&&this.validateInput(this.value)}getInputTypeRegex(){switch(this.inputType){case"numeric":return/^[0-9]*$/;case"alpha":return/^[a-zA-Z]*$/;case"alphanumeric":return/^[a-zA-Z0-9]*$/;case"custom":return this.allowedChars?new RegExp(this.allowedChars):null;default:return null}}isCharAllowed(t,e){const a=this.getInputTypeRegex();return!a||a.test(e+t)}extractRawValue(t){return this.pattern&&this.autoFormat?t.replace(/[^\w\s]/g,"").replace(/\s+/g,""):t}formatValue(t){if(!this.pattern||!this.autoFormat)return t;let e="",a=0;for(let i=0;i<this.pattern.length&&a<t.length;i++){const r=this.pattern[i];r===this.maskChar?(e+=t[a],a++):e+=r}return e}validateInput(t){if(!t&&!this.required)return this.isValid=!0,!0;if(!t&&this.required)return this.isValid=!1,!1;if(this.validationRegex)try{const e=new RegExp(this.validationRegex),a=this.extractRawValue(t);this.isValid=e.test(a)}catch(t){console.error("Invalid validation regex:",t),this.isValid=!1}else this.isValid=!0;return this.isValid}handleInput=t=>{const e=this.extractRawValue(t.detail),a=this.autoFormat?this.formatValue(e):e;this.value=a;const i=this.validateInput(a);this.patternInput.emit({value:e,formatted:a}),clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.patternInputChange.emit({value:e,formatted:a,isValid:i}),this.patternInputValidate.emit({isValid:i,value:e})}),300)};handleKeyPress=t=>{if(this.disabled)return;const e=t.key;if(e.length>1||t.ctrlKey||t.metaKey)return;const a=this.extractRawValue(this.value);this.isCharAllowed(e,a)?this.maxLength&&a.length>=this.maxLength&&t.preventDefault():t.preventDefault()};handlePaste=t=>{if(this.disabled)return;t.preventDefault();const e=t.clipboardData?.getData("text")||"";let a="";for(const t of e)this.isCharAllowed(t,a)&&(a+=t);if(this.maxLength){const t=this.extractRawValue(this.value);a=a.substring(0,this.maxLength-t.length)}const i=this.autoFormat?this.formatValue(a):a;this.value=i,this.inputElement&&(this.inputElement.value=i);const r=this.validateInput(i);this.patternInputChange.emit({value:a,formatted:i,isValid:r})};handleFocus=()=>{this.isFocused=!0,this.patternInputFocus.emit()};handleBlur=()=>{this.isFocused=!1,this.isTouched=!0,this.patternInputBlur.emit()};getValidationMessage(){return this.isTouched&&this.showValidation?!this.isValid&&this.errorMessage?this.errorMessage:this.isValid&&this.value&&this.successMessage?this.successMessage:null:null}getCharCount(){return{current:this.extractRawValue(this.value).length,max:this.maxLength}}render(){const t=this.getValidationMessage(),e=this.getCharCount(),r=this.isTouched&&!this.isValid&&this.showValidation,n=this.isTouched&&this.isValid&&this.value&&this.showValidation;return a(i,{key:"9cfd6e56d3dd519cf55cac5e2235f2354a52721c",class:{"pattern-input-host":!0,"pattern-input-disabled":this.disabled,"pattern-input-focused":this.isFocused,"pattern-input-error":r,"pattern-input-success":n}},a("div",{key:"1671b3507d2aec67260e71b5d5474c0f0c7d651e",class:"pattern-input-wrapper",dir:this.rtl?"rtl":"ltr"},this.label&&a("label",{key:"930d777f7a89a971ba40dc70c7d40580efe61553",class:"pattern-input-label"},this.label,this.required&&a("span",{key:"ec37aa883c2685c3d5f6f8216555e1d7e1ea03fc",class:"pattern-input-required"},"*")),a("div",{key:"8072997dc60ce56e0c66aac528ffcc031c7279b8",class:{"pattern-input-container":!0,[`pattern-input-${this.size}`]:!0,"pattern-input-container-focused":this.isFocused,"pattern-input-container-error":r,"pattern-input-container-success":n}},a("slot",{key:"d6a57fddf8b72b150ded442c8a396cff618c67e4",name:"prefix"}),a("ui-input",{key:"e599eb6b3930f523b994e6ca144f11e2679bb578",ref:t=>this.inputElement=t,type:"text",class:"pattern-input-field",value:this.value,placeholder:this.placeholder||this.pattern,disabled:this.disabled,required:this.required,name:this.name,maxLength:this.pattern?.length||this.maxLength,onInputChange:this.handleInput,onInputKeydown:t=>this.handleKeyPress(t.detail),onPasteInternal:t=>this.handlePaste(t.detail),onFocusInternal:this.handleFocus,onInputBlur:this.handleBlur,ariaInvalid:r,ariaRequired:this.required,fullWidth:!0,size:this.size}),this.showValidation&&a("span",{key:"70fd6c40881eb546323d3328fa492b079b6af342",class:"pattern-input-status"},r&&a("ui-icon",{key:"6c7e1aa7143bd48d713e5a6151623a12f1c593d8",name:"x-circle",library:"lucide",size:"1.2em",class:"status-icon status-error"}),n&&a("ui-icon",{key:"1ca858ea0ce27bc2e58b27b30a35d5412bfde6c7",name:"check-circle",library:"lucide",size:"1.2em",class:"status-icon status-success"})),this.clearable&&this.value&&!this.disabled&&a("ui-button",{key:"099210c8bcb453b480c84069d4de050b7d0f4ee3",variant:"ghost",class:"pattern-input-clear",onClick:()=>{this.value="",this.patternInputChange.emit({value:"",formatted:"",isValid:!this.required})},ariaLabel:"Clear input",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}),a("slot",{key:"e69b12741509f6d5882b15bc8f68adc962f0d83e",name:"suffix"})),a("div",{key:"85a62c89a440665d10cedbb79be5e46ea5415dae",class:"pattern-input-footer"},a("div",{key:"3c225fb91c2de23a2e142896eb83016cf5572e2e",class:"pattern-input-messages"},this.helperText&&!t&&a("span",{key:"6ad5311570c86551b4836977b6094028c13317c3",class:"helper-text"},this.helperText),t&&a("span",{key:"91e7c6a38f345345581f6835d141196b4539c0ce",class:{"validation-message":!0,"validation-error":r,"validation-success":n}},t)),this.showCounter&&a("span",{key:"ad4fd580ebc1fcd9923bc8e58064ee35935a057a",class:"char-counter"},e.current,e.max&&` / ${e.max}`))))}static get watchers(){return{value:[{valueChanged:0}]}}};r.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.pattern-input-wrapper{display:flex;flex-direction:column;gap:8px}.pattern-input-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-secondary, #374151));margin-bottom:8px}.pattern-input-required{color:var(--color-danger, #ef4444);margin-left:4px}.pattern-input-container{position:relative;display:flex;align-items:center;background:var(--bg-primary, #ffffff);border:2px solid var(--border-strong, #d1d5db);border-radius:8px;transition:all 0.2s ease;padding:0 12px}.pattern-input-container:hover:not(.pattern-input-container-error){border-color:var(--color-primary, #9ca3af)}.pattern-input-container-focused{border-color:var(--color-primary-hover, #2563eb);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.pattern-input-container-error{border-color:var(--color-danger, #ef4444)}.pattern-input-container-error.pattern-input-container-focused{box-shadow:0 0 0 3px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}.pattern-input-container-success{border-color:var(--color-success, #10b981)}.pattern-input-container-success.pattern-input-container-focused{box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 16, 185, 129), 0.1)}.pattern-input-field{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--text-primary, #1f2937);font-family:"Courier New", monospace;letter-spacing:0.5px}.pattern-input-field::placeholder{color:var(--text-muted, #9ca3af);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;letter-spacing:normal}.pattern-input-field:disabled{cursor:not-allowed;color:var(--text-muted, #9ca3af);background:var(--bg-primary, #f9fafb)}.pattern-input-sm{padding:6px 10px}.pattern-input-sm .pattern-input-field{font-size:13px;padding:2px 0}.pattern-input-md{padding:8px 12px}.pattern-input-md .pattern-input-field{font-size:14px;padding:4px 0}.pattern-input-lg{padding:10px 14px}.pattern-input-lg .pattern-input-field{font-size:16px;padding:6px 0}.pattern-input-status{display:flex;align-items:center;margin-left:8px}.status-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:bold}.status-error{background:var(--bg-primary, #fef2f2);color:var(--color-danger, #ef4444)}.status-success{background:var(--bg-primary, #f0fdf4);color:var(--color-success, #10b981)}.pattern-input-footer{display:flex;justify-content:space-between;align-items:flex-start;min-height:20px}.pattern-input-messages{flex:1}.helper-text,.validation-message{display:block;font-size:12px;line-height:1.4}.helper-text{color:var(--text-muted, #6b7280)}.validation-error{color:var(--color-danger, #ef4444);font-weight:500}.validation-success{color:var(--color-success, #10b981);font-weight:500}.char-counter{font-size:12px;color:var(--text-muted, #6b7280);font-weight:500;white-space:nowrap;margin-left:12px}.pattern-input-disabled{opacity:0.6;cursor:not-allowed}.pattern-input-disabled .pattern-input-container{background:var(--bg-primary, #f9fafb);cursor:not-allowed}.pattern-input-field:focus-visible{outline:none}.status-icon{animation:statusFadeIn 0.2s ease}@keyframes statusFadeIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.pattern-input-field[placeholder]{text-overflow:ellipsis}:host(.pattern-input-focused) .pattern-input-field{font-family:"Courier New", monospace}';export{r as ui_pattern_input}

package/dist/exploration-project-tailwind/p-9fc06ff0.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as a,H as s}from"./p-DUsoYu9r.js";const t=class{constructor(a){e(this,a),this.fileSelect=i(this,"fileSelect"),this.fileRemove=i(this,"fileRemove"),this.fileReject=i(this,"fileReject"),this.uploadProgress=i(this,"uploadProgress"),this.uploadSuccess=i(this,"uploadSuccess"),this.allUploadsComplete=i(this,"allUploadsComplete")}disconnectedCallback(){Object.values(this.uploadIntervals).forEach((e=>clearInterval(e))),this.uploadIntervals={}}label="";helperText="";accept="";multiple=!1;maxSize=10485760;minSize=0;maxFiles=5;showPreview=!0;disabled=!1;variant="dropzone";uploadIcon="📁";rtl=!1;capture=!1;validateFileName=!0;fileNamePattern="";showValidateButton=!1;showUploadButton=!1;autoUpload=!0;autoCloseOnSuccess=!1;headerTitle="";isDragging=!1;files=[];errors=[];componentStatus="idle";uploadIntervals={};fileSelect;fileRemove;fileReject;uploadProgress;uploadSuccess;allUploadsComplete;inputRef;async removeInvalidFiles(){this.files=this.files.filter((e=>"error"!==e.status)),this.errors=[],this.fileSelect.emit(this.files)}async validate(){this.componentStatus="validating";let e=!0;const i=this.files.map((i=>"pending"!==i.status&&"validating"!==i.status?i:this.validateFile(i.file).length>0?(e=!1,{...i,status:"error"}):{...i,status:"pending"}));return this.files=[...i],await new Promise((e=>setTimeout(e,600))),this.componentStatus=e?"idle":"error",e}async upload(){if("uploading"===this.componentStatus)return;this.componentStatus="uploading";const e=this.files.filter((e=>"pending"===e.status||"error"===e.status));0!==e.length?e.forEach((e=>{this.startSimulation(e.name)})):this.componentStatus="idle"}async clear(){Object.values(this.uploadIntervals).forEach((e=>clearInterval(e))),this.uploadIntervals={},this.files=[],this.errors=[],this.componentStatus="idle"}formatSize(e){return e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(1)} KB`:`${(e/1048576).toFixed(1)} MB`}getAcceptTokens(){return this.accept.split(",").map((e=>e.trim())).filter(Boolean)}matchesAcceptRule(e){const i=this.getAcceptTokens();if(0===i.length)return!0;const a=(e.type||"").toLowerCase(),s=e.name.toLowerCase();return i.some((e=>{const i=e.toLowerCase();return i.startsWith(".")?s.endsWith(i):i.endsWith("/*")?a.startsWith(i.slice(0,-1)):a===i}))}getFileNameValidationError(e){if(!this.validateFileName)return null;if(!e.trim())return{fileName:e,message:"A selected file is missing a valid name",rule:"invalid-name"};if(/[<>:"/\\|?*\u0000-\u001F]/.test(e))return{fileName:e,message:`${e} contains invalid filename characters`,rule:"invalid-name"};if(/[. ]$/.test(e))return{fileName:e,message:`${e} cannot end with a space or period`,rule:"invalid-name"};const i=e.replace(/\.[^/.]+$/,"");if(/^(con|prn|aux|nul|com[1-9]|lpt[1-9])$/i.test(i))return{fileName:e,message:`${e} uses a reserved filename`,rule:"reserved-name"};if(this.fileNamePattern)try{if(!new RegExp(this.fileNamePattern).test(e))return{fileName:e,message:`${e} does not match the required filename pattern`,rule:"file-name-pattern"}}catch(e){}return null}validateFile(e){const i=[],a=this.getFileNameValidationError(e.name);return a&&i.push(a),this.minSize>0&&e.size<this.minSize&&i.push({fileName:e.name,message:`${e.name} is smaller than the minimum size (${this.formatSize(this.minSize)})`,rule:"min-size"}),e.size>this.maxSize&&i.push({fileName:e.name,message:`${e.name} exceeds max size (${this.formatSize(this.maxSize)})`,rule:"max-size"}),this.matchesAcceptRule(e)||i.push({fileName:e.name,message:`${e.name} is not an accepted file type`,rule:"accept"}),i}processFiles(e){const i=[],a=[],s=this.maxFiles-this.files.length;s<=0&&i.push({fileName:"",message:`You can upload up to ${this.maxFiles} files`,rule:"max-files"}),e.length>s&&s>0&&i.push({fileName:"",message:`Only ${s} more file${1===s?"":"s"} can be added`,rule:"max-files"}),Array.from(e).slice(0,s).forEach((e=>{const s=this.files.some((i=>i.name===e.name&&i.size===e.size)),t={name:e.name,size:e.size,type:e.type,file:e,status:"pending",progress:0};s&&(t.status="error",t.errorMessage=`Duplicate detected: "${e.name}"`,i.push({fileName:e.name,message:t.errorMessage,rule:"duplicate-file"})),0===e.size&&(t.status="error",t.errorMessage="File is empty (0 bytes)",i.push({fileName:e.name,message:t.errorMessage,rule:"empty-file"}));const o=this.validateFile(e);o.length>0&&"error"!==t.status&&(t.status="error",t.errorMessage=o[0].message,i.push(...o));const r=new FileReader;r.onload=e=>{t.dataUrl=e.target?.result,this.files=[...this.files]},e.type.startsWith("image/")&&r.readAsDataURL(e),a.push(t)})),this.errors=i.map((e=>e.message)),this.files=[...this.files,...a],this.autoUpload&&a.filter((e=>"pending"===e.status)).forEach((e=>this.startSimulation(e.name))),i.length>0&&this.fileReject.emit(i),this.fileSelect.emit(this.files)}handleDrop=e=>{e.preventDefault(),this.isDragging=!1,!this.disabled&&e.dataTransfer?.files&&this.processFiles(e.dataTransfer.files)};handlePaste=e=>{!this.disabled&&e.clipboardData?.files.length&&this.processFiles(e.clipboardData.files)};startSimulation(e){this.uploadIntervals[e]&&clearInterval(this.uploadIntervals[e]);const i=this.files.findIndex((i=>i.name===e));-1!==i&&(this.files[i].status="uploading",this.files=[...this.files],this.uploadIntervals[e]=setInterval((()=>{const i=this.files.findIndex((i=>i.name===e));if(-1===i)return void clearInterval(this.uploadIntervals[e]);const a=this.files[i].progress||0;if(a>=100)clearInterval(this.uploadIntervals[e]),delete this.uploadIntervals[e],this.files[i].status="success",this.files[i].progress=100,this.files=[...this.files],this.uploadSuccess.emit(this.files[i]),this.checkAllComplete();else{const s=Math.min(100,a+15*Math.random()+5);this.files[i].progress=s,this.files=[...this.files],this.uploadProgress.emit({fileName:e,progress:s})}}),400))}checkAllComplete(){this.files.every((e=>"success"===e.status||"error"===e.status))&&this.files.length>0&&(this.allUploadsComplete.emit(this.files),this.componentStatus="success",this.autoCloseOnSuccess&&setTimeout((()=>{this.clear()}),1500))}handleFileInput=e=>{const i=e.target;i.files&&this.processFiles(i.files),i.value=""};removeFile=e=>{const i=this.files[e];this.uploadIntervals[i.name]&&(clearInterval(this.uploadIntervals[i.name]),delete this.uploadIntervals[i.name]),this.files=this.files.filter(((i,a)=>a!==e)),this.fileRemove.emit(i.name),this.fileSelect.emit(this.files)};getIcon(e){return e.startsWith("image/")?"🖼️":"application/pdf"===e?"📄":e.includes("word")?"📝":e.includes("sheet")||e.includes("excel")?"📊":e.includes("zip")||e.includes("rar")?"🗜️":"📎"}render(){const e=!this.disabled&&this.files.length<this.maxFiles,i=this.files.length>0,t="uploading"===this.componentStatus,o="validating"===this.componentStatus,r=this.files.filter((e=>"error"!==e.status)).length,l=this.files.some((e=>"error"===e.status));return a(s,{key:"e023a6d860e04cbad81a073a3d921b4670644ea1",dir:this.rtl?"rtl":"ltr",onPaste:this.handlePaste,class:{"is-sideload":"sideload"===this.variant}},"sideload"===this.variant&&a("div",{key:"f0a9154a2d0fd3574b659674cf76f3a12f058d57",class:"fu-sideload-header"},a("div",{key:"83d0168bac94abaa64b8e97026c97fd8d2423ae3",class:"fu-header-title-row"},a("ui-icon",{key:"8387010b6ef439d6de023eb97eb18fc38d9aa06d",name:"upload-cloud",library:"lucide",size:"24px",color:"var(--color-primary, #10b981)"}),a("h2",{key:"a31a8e98afedd667a99090de154ee41565e7d6ca"},this.headerTitle||"Sideload Firmware"),a("ui-button",{key:"b6253491fe52f40256bc7160c5d7f127f56618f3",variant:"ghost",size:"md",iconOnly:!0,icon:"x",iconLibrary:"lucide",class:"fu-close-dialog"})),a("div",{key:"b1628a83b975aaf63a78fb4827eda5b723d7559e",class:{"fu-sideload-zone":!0,"is-dragging":this.isDragging},onDragOver:e=>{e.preventDefault(),this.isDragging=!0},onDragLeave:()=>this.isDragging=!1,onDrop:this.handleDrop,onClick:()=>e&&this.inputRef?.click()},a("ui-icon",{key:"438322e56615a49d5b59ce048a53baa70a378bbd",name:"upload",library:"lucide",size:"20px",color:"var(--color-primary, #10b981)"}),a("span",{key:"55635c6bdee2d0f6cdb76f6c631e43af00119c29"},"Drop more files or ",a("strong",{key:"38a4347b3acc9f226d8807513a13e896cc3988ab",class:"fu-browse-pill"},"Browse")))),this.label&&"sideload"!==this.variant&&a("label",{key:"8d7e1ab4892d62a638a0ac2a7ed3de49ea4db3a7",class:"fu-label"},this.label),"dropzone"===this.variant&&a("div",{key:"e3db150b83ca3874088a4f0ab4ff721d1eb8599a",class:{"fu-zone":!0,"fu-dragging":this.isDragging,"fu-disabled":this.disabled},onDragOver:e=>{e.preventDefault(),this.isDragging=!0},onDragLeave:()=>this.isDragging=!1,onDrop:this.handleDrop,onClick:()=>e&&this.inputRef?.click()},a("div",{key:"c067ae850850024015757974c5e881b1fc52cdd0",class:"fu-zone-icon"},this.uploadIcon),a("div",{key:"a438cded36e799c246e29bd636bc79c833246d2e",class:"fu-zone-title"},"Drag & drop files here"),a("div",{key:"952dd6afce21218fa9a3b9c1f7cb1a2854ab9f21",class:"fu-zone-sub"},"or ",a("span",{key:"5946db023c7713f63ff402082de612cfe27d79e1",class:"fu-zone-browse"},"browse files")),a("div",{key:"0b63680de4b4c3d99a985747efd1bdf2733b8c1a",class:"fu-zone-limit"},this.accept&&a("span",{key:"5c75daa15408bec904c57ee6f7e4af4ba09f56b7"},"Accepts: ",this.accept),a("span",{key:"34488fd0e8064650fcbc50672d9f4b40b56c3252"},"Max ",this.formatSize(this.maxSize)," · Up to ",this.maxFiles," files"))),("button"===this.variant||"compact"===this.variant)&&a("div",{key:"805a97dbff1ac3911e20d25d9feb5dc0e0254d90",class:"fu-trigger-row"},"button"===this.variant&&a("ui-button",{key:"54b3624ef218f5c5c8d62a4c5dc88fe24ddc9a27",variant:"primary",onClick:()=>e&&this.inputRef?.click(),disabled:this.disabled||t,label:this.label||"Select Files",icon:this.uploadIcon}),"compact"===this.variant&&a("div",{key:"3ebbfb44da248d985e86f48759772545de916d5d",class:{"fu-compact":!0,"fu-disabled":this.disabled},onClick:()=>e&&this.inputRef?.click()},a("span",{key:"39e88c85f57b10cec99d7c677689cd0402b8b5b0",class:"fu-compact-icon"},this.uploadIcon),a("span",{key:"41e011e8f46008ef0e803fcfe7bbecc55e7ddd98",class:"fu-compact-text"},this.label||"Choose file"),a("span",{key:"5f2c96e19c6ab3d715ffbd9d33fd49c507cda31b",class:"fu-compact-count"},this.files.length," / ",this.maxFiles)),(this.showValidateButton||this.showUploadButton)&&a("div",{key:"494128b8db00f33ab9d602b78c2c17c9374ddf0a",class:"fu-actions"},this.showValidateButton&&a("ui-button",{key:"470be75a0b9a69b8557f749c615f60848b045f7f",variant:"outline",size:"md",loading:o,disabled:t||this.disabled||!i,onClick:()=>this.validate(),label:"Validate"}),this.showUploadButton&&a("ui-button",{key:"14cea3a0039fe06e5a6eff5baf4ce1ffcee724ad",variant:"primary",size:"md",loading:t,disabled:o||this.disabled||!i,onClick:()=>this.upload(),label:"Upload All",icon:"upload",iconLibrary:"lucide"}))),"dropzone"===this.variant&&(this.showValidateButton||this.showUploadButton)&&a("div",{key:"aba1a4dc3bfffe9b2613719ce2ae876e10bd9aca",class:"fu-dropzone-actions"},a("span",{key:"f6bddf09dfb74057ee74aff7e82a38a999973e9c",class:"fu-status-text"},i?`${this.files.length} file(s) selected`:"No files selected"),a("div",{key:"e050caeb8ba45b9d2d0adeddf659b5a53abddf89",class:"fu-button-group"},this.showValidateButton&&a("ui-button",{key:"95b6ea727bbe7cad4a3ba6f10e1b3777393b4ca4",variant:"ghost",size:"md",loading:o,disabled:t||!i,onClick:()=>this.validate(),label:"Validate Files"}),this.showUploadButton&&a("ui-button",{key:"3d92daaa1f7d0bb85e1bf016fb53aa0f771c4510",variant:"primary",size:"md",loading:t,disabled:o||!i,onClick:()=>this.upload(),label:"Start Upload"}))),a("input",{key:"33eaf23068f5a8042b7e44ef8564f22860693395",ref:e=>this.inputRef=e,type:"file",class:"fu-input-hidden",accept:this.accept,multiple:this.multiple,capture:!0===this.capture?"environment":this.capture||void 0,onChange:this.handleFileInput}),this.errors.length>0&&"sideload"!==this.variant&&a("div",{key:"7c206fe6b3cd098262a1061e9abf88909c443fb2",class:"fu-errors"},this.errors.map((e=>a("div",{class:"fu-error"},"⚠ ",e)))),this.showPreview&&i&&a("div",{key:"36884700bc547826dfbfa32556a59e56ea0c9ff1",class:{"fu-file-list":!0,"is-sideload-list":"sideload"===this.variant}},"sideload"!==this.variant&&a("div",{key:"634011f23cba7105437851f7e969e98ee1e46c09",class:"fu-list-header"},"QUEUED FILES"),this.files.map(((e,i)=>{const s=e.progress||0,o=e.status,r="error"===o?"alert-triangle":"success"===o?"check-circle":"info",l="error"===o?"#f59e0b":"success"===o?"#10b981":"#3b82f6";return a("div",{class:{"fu-file-item":!0,[`is-${o}`]:!0},key:e.name+i},"sideload"===this.variant?a("ui-icon",{class:"fu-sideload-item-icon",name:r,library:"lucide",size:"24px",color:l}):e.type.startsWith("image/")&&e.dataUrl?a("img",{class:"fu-thumb",src:e.dataUrl,alt:e.name}):a("span",{class:"fu-file-icon"},this.getIcon(e.type)),a("div",{class:"fu-file-info"},a("div",{class:"fu-file-name-row"},a("span",{class:"fu-file-name"},e.name),a("span",{class:"fu-file-status"},"sideload"!==this.variant&&a("span",{class:"fu-status-label"},{pending:"Ready",validating:"Validating...",uploading:"Uploading...",success:"Complete",error:"Failed"}[o]),"success"===o&&a("ui-icon",{name:"check",library:"lucide",size:"14px",color:"#10b981"}),"error"===o&&"sideload"!==this.variant&&a("ui-icon",{name:"alert-circle",library:"lucide",size:"14px",color:"#ef4444"}),"uploading"===o&&a("span",{class:"fu-file-percent"},Math.round(s),"%"))),a("div",{class:"fu-file-meta"},a("span",{class:"fu-file-size"},this.formatSize(e.size)),e.errorMessage&&a("span",{class:"fu-item-error-msg"}," · ",e.errorMessage)),("uploading"===o||"success"===o)&&a("div",{class:"fu-progress-bar"},a("div",{class:"fu-progress-fill",style:{width:`${s}%`}}))),a("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"fu-remove",onClick:e=>{e.stopPropagation(),this.removeFile(i)},ariaLabel:"Remove",icon:"x-circle",iconLibrary:"lucide",iconSize:"18px",disabled:t&&"uploading"===o}))}))),"sideload"===this.variant&&a("div",{key:"ef71906dbefd987da6f7cf54dacb41528d8e7d4b",class:"fu-sideload-footer"},a("div",{key:"e5ce897412814293206de68572bce9fe93478fff",class:"fu-footer-actions-left"},l&&a("ui-button",{key:"40c336eb57ba23767800511d7f8a5525c3bb3a0f",variant:"ghost",size:"md",label:"Clean Queue",onClick:()=>this.removeInvalidFiles(),icon:"trash-2",iconLibrary:"lucide"})),a("div",{key:"31c7983a14455d24158aa3c7bb69b490f995968e",class:"fu-footer-actions-right"},a("ui-button",{key:"d9723f7193044a178473437cad30d2074d41b6b4",variant:"outline",label:"Cancel",onClick:()=>this.clear()}),a("ui-button",{key:"532aae5a83893629ee5d8186904286393183f5e7",variant:"primary",label:`Upload ${r} files`,disabled:0===r||t,loading:t,onClick:()=>this.upload(),icon:"upload",iconLibrary:"lucide"}))),this.helperText&&"sideload"!==this.variant&&a("div",{key:"6bd4941a135fbf542f3d9ca275847660424695d9",class:"fu-helper"},this.helperText))}};t.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:inherit}:host(.is-sideload){background:white;border-radius:24px;overflow:hidden;box-shadow:0 10px 40px rgba(0, 0, 0, 0.12);border:1px solid #e5e7eb}.fu-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary, #374151);margin-bottom:6px}.fu-sideload-header{padding:32px 32px 16px 32px}.fu-header-title-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.fu-header-title-row h2{margin:0;font-size:28px;font-weight:500;color:#111827;flex:1}.fu-close-dialog{background:#ef4444 !important;color:white !important;border-radius:8px !important;width:36px;height:36px}.fu-sideload-zone{border:2px dashed #e5e7eb;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;background:#fdfdfd;transition:all 0.2s}.fu-sideload-zone:hover,.fu-sideload-zone.is-dragging{border-color:#10b981;background:#f0fdf4}.fu-sideload-zone span{font-size:15px;color:#4b5563}.fu-browse-pill{background:#10b981;color:white;padding:2px 12px;border-radius:20px;font-weight:600;margin-left:4px}.fu-zone{border:2px dashed var(--border-strong, #d1d5db);border-radius:14px;padding:40px 24px;text-align:center;cursor:pointer;background:var(--bg-primary, #fafafa);transition:border-color 0.2s, background 0.2s}.fu-zone:hover:not(.fu-disabled){border-color:var(--color-primary, #10b981);background:var(--bg-primary, #eff6ff)}.fu-zone.fu-dragging{border-color:var(--color-primary, #10b981);background:var(--bg-primary, #eff6ff);box-shadow:inset 0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.fu-zone.fu-disabled{opacity:0.5;cursor:not-allowed}.fu-zone-icon{font-size:40px;margin-bottom:10px}.fu-file-list{display:flex;flex-direction:column;gap:12px;padding:16px 32px;max-height:400px;overflow-y:auto}.fu-file-list.is-sideload-list{padding:0 32px 32px 32px}.fu-file-item{display:flex;align-items:center;gap:16px;padding:14px 20px;border:1px solid #e5e7eb;border-radius:14px;background:white;transition:transform 0.2s}.fu-file-item.is-error{background:#fff1f2;border-color:#fecaca}.fu-sideload-item-icon{flex-shrink:0}.fu-file-info{flex:1;min-width:0}.fu-file-name{display:block;font-size:15px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fu-file-meta{font-size:13px;color:#6b7280;margin-top:2px}.fu-item-error-msg{color:#ef4444;font-weight:700;background:rgba(239, 68, 68, 0.08);padding:1px 6px;border-radius:4px}.fu-remove{color:#9ca3af !important}.fu-remove:hover{color:#ef4444 !important}.fu-sideload-footer{padding:24px 32px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.fu-footer-actions-right{display:flex;gap:12px}.fu-trigger-row{display:flex;align-items:center;gap:16px}.fu-actions{display:flex;gap:8px}.fu-progress-bar{height:6px;background:#e5e7eb;border-radius:3px;margin-top:10px;overflow:hidden}.fu-progress-fill{height:100%;background:#10b981;transition:width 0.3s ease}.fu-input-hidden{display:none}";export{t as ui_file_upload}

package/dist/exploration-project-tailwind/p-BMFah5q3.js

@@ -1 +0,0 @@
-function t(t){const e=function(t){let e=t;for(;e&&e!==document.documentElement;){if(1!==e.nodeType){e=e.host||e.parentNode;continue}const t=window.getComputedStyle(e);if(!t){e=e.assignedSlot||e.parentElement||e.getRootNode().host;continue}const n=t.transform||t.webkitTransform||t.mozTransform||t.msTransform||t.oTransform,o=t.translate||"",a=t.rotate||"",i=t.scale||"",r=t.filter||t.webkitFilter||t.mozFilter||t.msFilter||t.oFilter,l=t.backdropFilter||t.webkitBackdropFilter||t.mozBackdropFilter||t.msBackdropFilter||t.oBackdropFilter,s=t.perspective||t.webkitPerspective||t.mozPerspective||t.msPerspective||t.oPerspective,c=t.mask||t.webkitMask||"",u=t.clipPath||t.webkitClipPath||"",m=t.willChange||"",p=n&&"none"!==n||o&&"none"!==o||a&&"none"!==a||i&&"none"!==i,f=r&&"none"!==r,h=l&&"none"!==l,d=s&&"none"!==s,b=c&&"none"!==c,w=u&&"none"!==u,g=m&&(m.includes("transform")||m.includes("perspective")||m.includes("filter")||m.includes("backdrop-filter")||m.includes("translate")||m.includes("rotate")||m.includes("scale")||m.includes("mask")||m.includes("clip-path")||m.includes("contain")),M=t.contain,v=M&&(M.includes("layout")||M.includes("paint")||M.includes("strict")||M.includes("content"));if(p||f||h||d||b||w||g||v)return e;e=e.assignedSlot||e.parentElement||e.getRootNode().host}return null}(t);if(e){const t=e.getBoundingClientRect();return{x:t.left,y:t.top,el:e}}return{x:0,y:0,el:null}}function e(t,e,n,o={}){const{animationFrame:a=!1}=o;let i=null;const r=()=>{n(),a&&(i=requestAnimationFrame(r))};a?i=requestAnimationFrame(r):n(),window.addEventListener("scroll",n,{capture:!0,passive:!0}),window.addEventListener("resize",n,{passive:!0});const l=new ResizeObserver((()=>n()));return l.observe(t),l.observe(e),()=>{null!==i&&cancelAnimationFrame(i),window.removeEventListener("scroll",n,{capture:!0}),window.removeEventListener("resize",n),l.disconnect()}}function n(e,n){const{menuWidth:o,menuHeight:a,gap:i=4,placement:r="auto",align:l="center",padding:s=8,useTransformedAncestorOffset:c=!0}=n;if(!e)return{left:0,top:0,width:0,availableWidth:0,availableHeight:0,placement:"bottom",isClamped:!1};const u=e.getBoundingClientRect(),m=window.innerWidth,p=window.innerHeight,f=c?t(e):{x:0,y:0,el:null},h="auto"===r?"bottom":r;let d=h;if("auto"===r){const t=p-u.bottom-i-s,e=u.top-i-s,n=m-u.right-i-s,r=u.left-i-s;"bottom"===h&&t<a&&e>t?d="top":"top"===h&&e<a&&t>e?d="bottom":"right"===h&&n<o&&r>n?d="left":"left"===h&&r<o&&n>r&&(d="right"),"top"===d||"bottom"===d?Math.max(e,t)<a&&(n>=o||r>=o)&&(d=n>r?"right":"left"):Math.max(r,n)<o&&(e>=a||t>=a)&&(d=e>t?"top":"bottom")}let b=0,w=0,g=m-2*s,M=p-2*s;switch(d){case"top":w=u.top-a-i,M=u.top-i-s;break;case"bottom":w=u.bottom+i,M=p-u.bottom-i-s;break;case"left":b=u.left-o-i,g=u.left-i-s;break;case"right":b=u.right+i,g=m-u.right-i-s}"top"===d||"bottom"===d?(b="start"===l?u.left:"end"===l?u.right-o:u.left+u.width/2-o/2,g=m-2*s):(w="start"===l?u.top:"end"===l?u.bottom-a:u.top+u.height/2-a/2,M=p-2*s),b-=f.x,w-=f.y;const v=f.el?f.el.getBoundingClientRect().width:m,k=f.el?f.el.getBoundingClientRect().height:p,x=b,y=w;"top"===d||"bottom"===d?b=Math.max(s,Math.min(b,v-o-s)):w=Math.max(s,Math.min(w,k-a-s));const A=b!==x||w!==y;let F=0,z=0;return"top"===d||"bottom"===d?(F=u.left+u.width/2-(b+f.x),F=Math.max(12,Math.min(F,o-12))):(z=u.top+u.height/2-(w+f.y),z=Math.max(12,Math.min(z,a-12))),{left:b,top:w,width:o,availableWidth:g,availableHeight:M,placement:d,isClamped:A,arrowX:F,arrowY:z}}function o(e,n,o){const a=t(o);return{x:e-a.x,y:n-a.y}}export{e as a,o as b,n as c,t as g}

package/dist/exploration-project-tailwind/p-DUsoYu9r.js

@@ -1,2 +0,0 @@
-const e=()=>{},o='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:root,.light,[data-theme=light]{--background-color:#ffffff;--text-color:#000000;--primary-color:#22c55e;--secondary-color:#03dac6;--error-color:#b00020;--color-primary:#22c55e;--color-primary-rgb:34, 197, 94;--color-secondary:#03dac6;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--ui-tray-bg:rgba(255, 255, 255, 0.9);--ui-tray-text:#0f172a;--ui-tray-border:rgba(0, 0, 0, 0.08);--ui-tray-hover:rgba(59, 130, 246, 0.08);--color-on-surface:#10213a;--color-on-surface-muted:#62748a;--color-on-primary:#ffffff;--color-on-primary-border:#e5e7eb}.dark,[data-theme=dark]{--color-on-surface:#f1f5f9;--color-on-surface-muted:#94a3b8;--color-on-primary:#121212;--color-on-primary-border:#334155;--background-color:#121212;--text-color:#ffffff;--primary-color:#4ade80;--secondary-color:#03dac6;--error-color:#cf6679;--danger-color:#ef4444;--success-color:#4ade80;--warning-color:#fbbf24;--info-color:#38bdf8;--color-primary:#4ade80;--color-primary-rgb:74, 222, 128;--color-secondary:#64748b;--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#ef4444;--color-error:#ef4444;--color-info:#38bdf8;--bg-primary:#121212;--bg-secondary:#1e293b;--border-subtle:#334155;--border-strong:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-standard:#ffffff;--ui-tray-bg:rgba(15, 23, 42, 0.95);--ui-tray-text:#ffffff;--ui-tray-border:rgba(255, 255, 255, 0.15);--ui-tray-hover:rgba(59, 130, 246, 0.2)}[data-theme=green]{color-scheme:dark;--bg-page:#071410;--bg-primary:#0d1f1a;--bg-secondary:#16302a;--bg-tertiary:#1f4035;--background-color:#071410;--background-secondary:#0d1f1a;--text-primary:#e8faf2;--text-secondary:#a8d8c0;--text-muted:#6aaa8a;--text-disabled:#3a6852;--text-standard:#daf4ea;--text-emphasized:#f0fdf7;--text-subdued:#90c8a8;--text-inverse:#0d1f1a;--text-color:#e8faf2;--label-color:#e8faf2;--label-title-color:#daf4ea;--label-subtitle-color:#a8d8c0;--label-icon-color:#daf4ea;--list-text-main:#e8faf2;--list-text-secondary:#a8d8c0;--list-text-tertiary:#6aaa8a;--dd-text:#e8faf2;--dd-muted:#6aaa8a;--color-primary:#38a878;--color-primary-rgb:56, 168, 120;--color-primary-hover:#52c090;--color-primary-active:#28905e;--color-primary-subtle:rgba(56, 168, 120, 0.15);--color-primary-text:#ffffff;--primary-color:#38a878;--color-success:#50c87a;--color-success-hover:#68d890;--color-success-rgb:80, 200, 122;--color-success-subtle:rgba(80, 200, 122, 0.12);--color-warning:#c89430;--color-warning-hover:#dcaa48;--color-warning-rgb:200, 148, 48;--color-warning-subtle:rgba(200, 148, 48, 0.12);--color-danger:#cc5858;--color-danger-hover:#e07070;--color-danger-rgb:204, 88, 88;--color-danger-subtle:rgba(204, 88, 88, 0.12);--error-color:#cc5858;--color-info:#5294c8;--color-info-hover:#6aaade;--color-info-rgb:82, 148, 200;--color-info-subtle:rgba(82, 148, 200, 0.12);--secondary-color:#5294c8;--surface-color:#0d1f1a;--border-color:#1f4035;--border-default:#1f4035;--border-subtle:#16302a;--border-strong:#2e5e48;--border-color-strong:#2e5e48;--ring-color:#38a878;--bg-hover:#16302a;--bg-pressed:#1f4035;--bg-selected:#274e42;--focus-ring:#38a878;--opacity-disabled:0.4;--selected-header-color:#e8faf2;--selected-header-bg:#2e5e48;--shadow-sm:0 1px 3px 0 rgba(7, 20, 16, 0.5);--shadow-md:0 4px 8px -1px rgba(7, 20, 16, 0.55);--shadow-lg:0 10px 20px -3px rgba(7, 20, 16, 0.6);--elevation-panel:0 2px 16px 0 rgba(0, 0, 0, 0.4);--elevation-navigation:0 4px 32px 0 rgba(0, 0, 0, 0.45);--elevation-popup:0 8px 40px 0 rgba(0, 0, 0, 0.5);--overlay-bg:rgba(7, 20, 16, 0.8);--overlay-blur:12px;--divider-standard:#1f4035;--divider-emphasized:#2e5e48;--link-default:#52c090;--link-hover:#70d4a8;--link-pressed:#28905e;--link-visited:#7ab0e0;--aside-overlay-bg:rgba(7, 20, 16, 0.82);--aside-panel-bg:#0d1f1a;--aside-panel-text:#e8faf2;--aside-panel-shadow:0 12px 48px rgba(0, 0, 0, 0.5);--aside-close-btn-color:#a8d8c0;--aside-close-btn-hover-bg:#1f4035;--aside-close-btn-hover-color:#ffffff;--aside-resize-handle-hover:#2e5e48;--aside-panel-padding:24px;--aside-transition-duration:300ms;--aside-ease:cubic-bezier(0.4, 0, 0.2, 1);--aside-z-index-overlay:1000;--aside-z-index-panel:1001;--avatar-border-color:#0d1f1a;--avatar-border-width:2px;--avatar-spacing:-16px}[data-theme=pink]{color-scheme:dark;--bg-page:#181020;--bg-primary:#21182e;--bg-secondary:#2e2040;--bg-tertiary:#3d2b52;--background-color:#181020;--background-secondary:#21182e;--text-primary:#fce8f0;--text-secondary:#e2b4c8;--text-muted:#b8819a;--text-disabled:#6b4a5e;--text-standard:#f4dce6;--text-emphasized:#ffffff;--text-subdued:#c0908c;--text-inverse:#21182e;--text-color:#fce8f0;--label-color:#fce8f0;--label-title-color:#f4dce6;--label-subtitle-color:#cca0b4;--label-icon-color:#f4dce6;--color-primary:#d4849c;--color-primary-rgb:212, 132, 156;--color-primary-hover:#e8a0b8;--color-primary-active:#bf6a83;--color-primary-subtle:rgba(212, 132, 156, 0.15);--color-primary-text:#ffffff;--primary-color:#d4849c;--color-success:#5ab88c;--color-success-hover:#74cca0;--color-success-rgb:90, 184, 140;--color-success-subtle:rgba(90, 184, 140, 0.12);--color-warning:#d4a040;--color-warning-hover:#e6b85a;--color-warning-rgb:212, 160, 64;--color-warning-subtle:rgba(212, 160, 64, 0.12);--color-danger:#d95f5f;--color-danger-hover:#ec7878;--color-danger-rgb:217, 95, 95;--color-danger-subtle:rgba(217, 95, 95, 0.12);--error-color:#d95f5f;--color-info:#7aace0;--color-info-hover:#96c0e8;--color-info-rgb:122, 172, 224;--color-info-subtle:rgba(122, 172, 224, 0.12);--secondary-color:#7aace0;--list-text-main:#fce8f0;--list-text-secondary:#e2b4c8;--list-text-tertiary:#b8819a;--dd-text:#fce8f0;--dd-muted:#b8819a;--surface-color:#21182e;--border-color:#3d2b52;--border-default:#3d2b52;--border-subtle:#2e2040;--border-strong:#5a3d6e;--border-color-strong:#5a3d6e;--ring-color:#d4849c;--bg-hover:#2e2040;--bg-pressed:#3d2b52;--bg-selected:#4a3460;--focus-ring:#d4849c;--selected-header-color:#fce8f0;--selected-header-bg:#5a3d6e;--shadow-sm:0 1px 3px 0 rgba(24, 16, 32, 0.4);--shadow-md:0 4px 8px -1px rgba(24, 16, 32, 0.45);--shadow-lg:0 10px 20px -3px rgba(24, 16, 32, 0.5);--elevation-panel:0 2px 16px 0 rgba(0, 0, 0, 0.35);--elevation-navigation:0 4px 32px 0 rgba(0, 0, 0, 0.4);--elevation-popup:0 8px 40px 0 rgba(0, 0, 0, 0.45);--overlay-bg:rgba(24, 16, 32, 0.75);--overlay-blur:12px;--divider-standard:#3d2b52;--divider-emphasized:#5a3d6e;--link-default:#e8a0b8;--link-hover:#f4bece;--link-pressed:#bf6a83;--link-visited:#a88ed8;--aside-overlay-bg:rgba(24, 16, 32, 0.8);--aside-panel-bg:#21182e;--aside-panel-text:#fce8f0;--aside-panel-shadow:0 12px 48px rgba(0, 0, 0, 0.45);--aside-close-btn-color:#e2b4c8;--aside-close-btn-hover-bg:#3d2b52;--aside-close-btn-hover-color:#ffffff;--aside-resize-handle-hover:#5a3d6e;--aside-panel-padding:24px;--aside-transition-duration:300ms;--aside-ease:cubic-bezier(0.4, 0, 0.2, 1);--aside-z-index-overlay:1000;--aside-z-index-panel:1001;--avatar-border-color:#21182e;--avatar-border-width:2px;--avatar-spacing:-16px}[data-theme=yellow]{color-scheme:light;--bg-page:#fdf8ec;--bg-primary:#ffffff;--bg-secondary:#fef3c3;--bg-tertiary:#fde68a;--background-color:#fdf8ec;--background-secondary:#fef3c3;--text-primary:#2c1f00;--text-secondary:#6b4a10;--text-muted:#9a7030;--text-disabled:#cca85a;--text-standard:#3a2a00;--text-emphasized:#1a1200;--text-subdued:#8a6a28;--text-inverse:#ffffff;--text-color:#2c1f00;--label-color:#2c1f00;--label-title-color:#1a1200;--label-subtitle-color:#5a4010;--label-icon-color:#2c1f00;--color-primary:#b07820;--color-primary-rgb:176, 120, 32;--color-primary-hover:#c9901a;--color-primary-active:#8a5e14;--color-primary-subtle:rgba(176, 120, 32, 0.1);--color-primary-text:#ffffff;--primary-color:#b07820;--color-success:#2e8a52;--color-success-hover:#3aa864;--color-success-rgb:46, 138, 82;--color-success-subtle:rgba(46, 138, 82, 0.1);--color-warning:#c07820;--color-warning-hover:#d88c30;--color-warning-rgb:192, 120, 32;--color-warning-subtle:rgba(192, 120, 32, 0.1);--color-danger:#b03428;--color-danger-hover:#c84838;--color-danger-rgb:176, 52, 40;--color-danger-subtle:rgba(176, 52, 40, 0.08);--error-color:#b03428;--color-info:#3468a8;--color-info-hover:#4a7ec0;--color-info-rgb:52, 104, 168;--color-info-subtle:rgba(52, 104, 168, 0.08);--secondary-color:#3468a8;--list-text-main:#2c1f00;--list-text-secondary:#6b4a10;--list-text-tertiary:#9a7030;--dd-text:#2c1f00;--dd-muted:#9a7030;--surface-color:#fdf8ec;--border-color:#e8d090;--border-default:#e8d090;--border-subtle:#f4e8b8;--border-strong:#d4b060;--border-color-strong:#d4b060;--ring-color:#b07820;--bg-hover:#fef3c3;--bg-pressed:#fde68a;--bg-selected:#fce078;--focus-ring:#b07820;--opacity-disabled:0.45;--selected-header-color:#b07820;--selected-header-bg:#fef3c3;--shadow-sm:0 1px 2px 0 rgba(140, 90, 10, 0.08);--shadow-md:0 4px 8px -1px rgba(140, 90, 10, 0.12);--shadow-lg:0 10px 20px -3px rgba(140, 90, 10, 0.14);--elevation-panel:0 2px 16px 0 rgba(176, 120, 32, 0.12);--elevation-navigation:0 4px 32px 0 rgba(176, 120, 32, 0.14);--elevation-popup:0 8px 40px 0 rgba(176, 120, 32, 0.16);--overlay-bg:rgba(44, 31, 0, 0.4);--overlay-blur:12px;--divider-standard:#e8d090;--divider-emphasized:#d4b060;--link-default:#3468a8;--link-hover:#4a7ec0;--link-pressed:#24508a;--link-visited:#6a44a0;--aside-overlay-bg:rgba(44, 31, 0, 0.4);--aside-panel-bg:#ffffff;--aside-panel-text:#2c1f00;--aside-panel-shadow:0 8px 32px rgba(176, 120, 32, 0.18);--aside-close-btn-color:#6b4a10;--aside-close-btn-hover-bg:#fef3c3;--aside-close-btn-hover-color:#2c1f00;--aside-resize-handle-hover:#e8d090;--aside-panel-padding:24px;--aside-transition-duration:300ms;--aside-ease:cubic-bezier(0.4, 0, 0.2, 1);--aside-z-index-overlay:1000;--aside-z-index-panel:1001;--avatar-border-color:#fdf8ec;--avatar-border-width:2px;--avatar-spacing:-16px}[data-theme=violet]{color-scheme:dark;--bg-page:#0e0c1c;--bg-primary:#16132a;--bg-secondary:#211d3a;--bg-tertiary:#2e2850;--background-color:#0e0c1c;--background-secondary:#16132a;--text-primary:#ede8ff;--text-secondary:#c4b8f0;--text-muted:#9580c8;--text-disabled:#52457a;--text-standard:#e4dcf8;--text-emphasized:#ffffff;--text-subdued:#b0a0d8;--text-inverse:#16132a;--text-color:#ede8ff;--label-color:#ede8ff;--label-title-color:#e4dcf8;--label-subtitle-color:#b8acdc;--label-icon-color:#e4dcf8;--list-text-main:#ede8ff;--list-text-secondary:#c4b8f0;--list-text-tertiary:#9580c8;--dd-text:#ede8ff;--dd-muted:#9580c8;--color-primary:#9d82e8;--color-primary-rgb:157, 130, 232;--color-primary-hover:#b89ef4;--color-primary-active:#8468cc;--color-primary-subtle:rgba(157, 130, 232, 0.15);--color-primary-text:#ffffff;--primary-color:#9d82e8;--color-success:#52b88a;--color-success-hover:#6ecca0;--color-success-rgb:82, 184, 138;--color-success-subtle:rgba(82, 184, 138, 0.12);--color-warning:#cc9a38;--color-warning-hover:#dfb252;--color-warning-rgb:204, 154, 56;--color-warning-subtle:rgba(204, 154, 56, 0.12);--color-danger:#d46060;--color-danger-hover:#e87878;--color-danger-rgb:212, 96, 96;--color-danger-subtle:rgba(212, 96, 96, 0.12);--error-color:#d46060;--color-info:#6aaad8;--color-info-hover:#88bfe4;--color-info-rgb:106, 170, 216;--color-info-subtle:rgba(106, 170, 216, 0.12);--secondary-color:#6aaad8;--surface-color:#16132a;--border-color:#2e2850;--border-default:#2e2850;--border-subtle:#211d3a;--border-strong:#443c6e;--border-color-strong:#443c6e;--ring-color:#9d82e8;--bg-hover:#211d3a;--bg-pressed:#2e2850;--bg-selected:#3a3364;--focus-ring:#9d82e8;--opacity-disabled:0.4;--selected-header-color:#ede8ff;--selected-header-bg:#443c6e;--shadow-sm:0 1px 3px 0 rgba(14, 12, 28, 0.45);--shadow-md:0 4px 8px -1px rgba(14, 12, 28, 0.5);--shadow-lg:0 10px 20px -3px rgba(14, 12, 28, 0.55);--elevation-panel:0 2px 16px 0 rgba(0, 0, 0, 0.4);--elevation-navigation:0 4px 32px 0 rgba(0, 0, 0, 0.45);--elevation-popup:0 8px 40px 0 rgba(0, 0, 0, 0.5);--overlay-bg:rgba(14, 12, 28, 0.78);--overlay-blur:12px;--divider-standard:#2e2850;--divider-emphasized:#443c6e;--link-default:#b89ef4;--link-hover:#cbbcf8;--link-pressed:#8468cc;--link-visited:#8aaSd0;--aside-overlay-bg:rgba(14, 12, 28, 0.8);--aside-panel-bg:#16132a;--aside-panel-text:#ede8ff;--aside-panel-shadow:0 12px 48px rgba(0, 0, 0, 0.5);--aside-close-btn-color:#c4b8f0;--aside-close-btn-hover-bg:#2e2850;--aside-close-btn-hover-color:#ffffff;--aside-resize-handle-hover:#443c6e;--aside-panel-padding:24px;--aside-transition-duration:300ms;--aside-ease:cubic-bezier(0.4, 0, 0.2, 1);--aside-z-index-overlay:1000;--aside-z-index-panel:1001;--avatar-border-color:#16132a;--avatar-border-width:2px;--avatar-spacing:-16px}[data-theme=blue]{color-scheme:dark;--bg-page:#080f1c;--bg-primary:#101828;--bg-secondary:#1a2740;--bg-tertiary:#243352;--background-color:#080f1c;--background-secondary:#101828;--text-primary:#e8f4fd;--text-secondary:#aacce8;--text-muted:#6a96be;--text-disabled:#3a5878;--text-standard:#dceefa;--text-emphasized:#f0f8ff;--text-subdued:#8aaecc;--text-inverse:#101828;--text-color:#e8f4fd;--label-color:#e8f4fd;--label-title-color:#dceefa;--label-subtitle-color:#aacce8;--label-icon-color:#dceefa;--list-text-main:#e8f4fd;--list-text-secondary:#aacce8;--list-text-tertiary:#6a96be;--dd-text:#e8f4fd;--dd-muted:#6a96be;--color-primary:#5aa8d8;--color-primary-rgb:90, 168, 216;--color-primary-hover:#78bce4;--color-primary-active:#3e8cc0;--color-primary-subtle:rgba(90, 168, 216, 0.15);--color-primary-text:#ffffff;--primary-color:#5aa8d8;--color-success:#3eaa80;--color-success-hover:#52c296;--color-success-rgb:62, 170, 128;--color-success-subtle:rgba(62, 170, 128, 0.12);--color-warning:#c89430;--color-warning-hover:#dcaa48;--color-warning-rgb:200, 148, 48;--color-warning-subtle:rgba(200, 148, 48, 0.12);--color-danger:#d06060;--color-danger-hover:#e47878;--color-danger-rgb:208, 96, 96;--color-danger-subtle:rgba(208, 96, 96, 0.12);--error-color:#d06060;--color-info:#8096d8;--color-info-hover:#9aaeed;--color-info-rgb:128, 150, 216;--color-info-subtle:rgba(128, 150, 216, 0.12);--secondary-color:#8096d8;--surface-color:#101828;--border-color:#243352;--border-default:#243352;--border-subtle:#1a2740;--border-strong:#34496e;--border-color-strong:#34496e;--ring-color:#5aa8d8;--bg-hover:#1a2740;--bg-pressed:#243352;--bg-selected:#2e4068;--focus-ring:#5aa8d8;--opacity-disabled:0.4;--selected-header-color:#e8f4fd;--selected-header-bg:#2e4068;--shadow-sm:0 1px 3px 0 rgba(8, 15, 28, 0.45);--shadow-md:0 4px 8px -1px rgba(8, 15, 28, 0.5);--shadow-lg:0 10px 20px -3px rgba(8, 15, 28, 0.55);--elevation-panel:0 2px 16px 0 rgba(0, 0, 0, 0.38);--elevation-navigation:0 4px 32px 0 rgba(0, 0, 0, 0.42);--elevation-popup:0 8px 40px 0 rgba(0, 0, 0, 0.48);--overlay-bg:rgba(8, 15, 28, 0.8);--overlay-blur:12px;--divider-standard:#243352;--divider-emphasized:#34496e;--link-default:#78bce4;--link-hover:#96d0f0;--link-pressed:#3e8cc0;--link-visited:#9aaeed;--aside-overlay-bg:rgba(8, 15, 28, 0.82);--aside-panel-bg:#101828;--aside-panel-text:#e8f4fd;--aside-panel-shadow:0 12px 48px rgba(0, 0, 0, 0.45);--aside-close-btn-color:#aacce8;--aside-close-btn-hover-bg:#1a2740;--aside-close-btn-hover-color:#ffffff;--aside-resize-handle-hover:#34496e;--aside-panel-padding:24px;--aside-transition-duration:300ms;--aside-ease:cubic-bezier(0.4, 0, 0.2, 1);--aside-z-index-overlay:1000;--aside-z-index-panel:1001;--avatar-border-color:#101828;--avatar-border-width:2px;--avatar-spacing:-16px}#db-tray-dock{position:fixed;bottom:0;left:0;right:0;height:48px;z-index:1000000;pointer-events:none;display:none;flex-direction:row;align-items:flex-end;justify-content:center}#db-tray-bar{max-width:92vw;height:52px;display:flex;flex-direction:row;align-items:stretch;pointer-events:auto;overflow:hidden;border-radius:16px 16px 0 0;background:rgba(13, 17, 23, 0.98);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(200px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.08);border-bottom:none;box-shadow:0 -8px 32px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05)}#db-tray-bar .db-dock-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;flex:1;min-width:0;overflow-x:auto;scroll-behavior:smooth;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none;}#db-tray-bar .db-dock-row::-webkit-scrollbar{display:none}.db-dock-arrow{display:flex;align-items:center;justify-content:center;width:36px;background:transparent;border:none;cursor:pointer;color:rgba(255, 255, 255, 0.4);opacity:0;pointer-events:none;transition:opacity 0.2s, color 0.15s, background 0.15s;font-size:20px}.db-dock-arrow.visible{opacity:1;pointer-events:auto}.db-dock-arrow:hover{color:#fff;background:rgba(255, 255, 255, 0.06)}.db-dock-arrow-left{border-right:1px solid rgba(255, 255, 255, 0.08)}.db-dock-arrow-right{border-left:1px solid rgba(255, 255, 255, 0.08)}#db-dock-menu-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;background:rgba(255, 255, 255, 0.03);margin:8px;border-radius:10px;border:1px solid rgba(255, 255, 255, 0.05);cursor:pointer;color:rgba(255, 255, 255, 0.5);transition:all 0.2s ease;min-width:64px}#db-dock-menu-btn:hover,#db-dock-menu-btn.open{background:rgba(255, 255, 255, 0.08);color:#fff;border-color:rgba(255, 255, 255, 0.1)}#db-dock-menu-btn .db-badge{min-width:20px;height:20px;border-radius:10px;background:#4f46e5;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(79, 70, 229, 0.4)}#db-tray-menu-panel{position:fixed;z-index:1000003;min-width:252px;max-width:310px;background:rgba(8, 14, 30, 0.97);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(255, 255, 255, 0.11);border-radius:10px;box-shadow:0 -4px 32px rgba(0, 0, 0, 0.55), 0 16px 48px rgba(0, 0, 0, 0.4);display:none;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:sdMenuIn 0.17s cubic-bezier(0.16, 1, 0.3, 1) forwards}#db-tray-menu-panel.open{display:flex}#db-tray-menu-hdr{display:flex;align-items:center;justify-content:space-between;padding:9px 13px 7px;font-size:10px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:rgba(255, 255, 255, 0.28);border-bottom:1px solid rgba(255, 255, 255, 0.06)}#db-tray-menu-list{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255, 255, 255, 0.12) transparent}.db-mi{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:all 0.2s;border-bottom:1px solid rgba(255, 255, 255, 0.04)}.db-mi:last-child{border-bottom:none}.db-mi:hover{background:rgba(255, 255, 255, 0.07)}.db-mi-dot{width:7px;height:7px;border-radius:50%;background:rgba(255, 255, 255, 0.18)}.db-mi-dot.info{background:#10b981}.db-mi-dot.success{background:#10b981;box-shadow:0 0 5px rgba(16, 185, 129, 0.5)}.db-mi-dot.warning{background:#f59e0b}.db-mi-dot.error{background:#ef4444;box-shadow:0 0 5px rgba(239, 68, 68, 0.5)}.db-mi-label{flex:1;font-size:12.5px;font-weight:500;color:rgba(255, 255, 255, 0.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#db-tray-overlay{position:fixed;inset:0;z-index:1000002;display:none}#db-tray-overlay.open{display:block}@keyframes sdMenuIn{from{opacity:0;transform:translateY(8px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}body{background-color:var(--background-color, var(--bg-primary, #ffffff));color:var(--text-color, var(--text-primary, #111827))}';function r(e,o,r){const t="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==t;){const t=Object.getOwnPropertyDescriptor(e,o);if(t&&(!r||t.get))return t;e=Object.getPrototypeOf(e)}}var t,a=(e,o)=>{var t;Object.entries(null!=(t=o.t.o)?t:{}).map((([t,[a]])=>{if(31&a||32&a){const a=e[t],n=r(Object.getPrototypeOf(e),t,!0)||Object.getOwnPropertyDescriptor(e,t);n&&Object.defineProperty(e,t,{get(){return n.get.call(this)},set(e){n.set.call(this,e)},configurable:!0,enumerable:!0}),o.l.has(t)?e[t]=o.l.get(t):void 0!==a&&(e[t]=a)}}))},n=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},l=(e,o)=>{o&&(e.__stencil__getHostRef=()=>o,o.i=e,512&o.t.p&&a(e,o))},i=(e,o)=>o in e,c=(e,o)=>(0,console.error)(e,o),s=new Map,d=new Map,f="slot-fb{display:contents}slot-fb[hidden]{display:none}",b="http://www.w3.org/1999/xlink",p=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],u="undefined"!=typeof window?window:{},g={p:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,o,r,t)=>e.addEventListener(o,r,t),rel:(e,o,r,t)=>e.removeEventListener(o,r,t),ce:(e,o)=>new CustomEvent(e,o)},x=e=>Promise.resolve(e),h=(()=>{try{return!!u.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),m=!!h&&(()=>!!u.document&&Object.getOwnPropertyDescriptor(u.document.adoptedStyleSheets,"length").writable)(),v=!1,y=[],w=[],k=(e,o)=>r=>{e.push(r),v||(v=!0,o&&4&g.p?z(j):g.raf(j))},$=e=>{for(let o=0;o<e.length;o++)try{e[o](performance.now())}catch(e){c(e)}e.length=0},j=()=>{$(y),$(w),(v=y.length>0)&&g.raf(j)},z=e=>x().then(e),S=k(w,!0);function O(e){var r;const a={mode:"open"};a.delegatesFocus=!!(16&e.p);const n=this.attachShadow(a);if(void 0===t&&(t=null!=(r=function(e){if(!h)return;const o=new CSSStyleSheet;return o.replaceSync(e),o}(o))?r:null),t)m?n.adoptedStyleSheets.push(t):n.adoptedStyleSheets=[...n.adoptedStyleSheets,t];else if(!h){const e=document.createElement("style");e.innerHTML=o,n.prepend(e)}}var C=e=>{const o=T(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&E(o,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!M(e,R(e),!1).length)}));let r=0;for(r=0;r<o.length;r++){const e=o[r];1===e.nodeType&&T(e,"childNodes").length&&C(e)}};function E(e,o,r){let t,a=0,n=[];for(;a<e.length;a++){if(t=e[a],t["s-sr"]&&(!o||t["s-hn"]===o)&&(void 0===r||R(t)===r)&&(n.push(t),void 0!==r))return n;n=[...n,...E(t.childNodes,o,r)]}return n}var M=(e,o,r=!0)=>{const t=[];(r&&e["s-sr"]||!e["s-sr"])&&t.push(e);let a=e;for(;a=a.nextSibling;)R(a)!==o||!r&&a["s-sr"]||t.push(a);return t},N=(e,o)=>1===e.nodeType?null===e.getAttribute("slot")&&""===o||e.getAttribute("slot")===o:e["s-sn"]===o||""===o,R=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")||void 0;function T(e,o){if("__"+o in e){const r=e["__"+o];return"function"!=typeof r?r:r.bind(e)}return"function"!=typeof e[o]?e[o]:e[o].bind(e)}function A(e){var o,r,t;return null!=(t=null==(r=null==(o=e.head)?void 0:o.querySelector('meta[name="csp-nonce"]'))?void 0:r.getAttribute("content"))?t:void 0}var F,L,U,D=new WeakMap,H=e=>"sc-"+e.h,I=e=>"object"==(e=typeof e)||"function"===e,P=(e,o,...r)=>{let t=null,a=null,n=null,l=!1,i=!1;const c=[],s=o=>{for(let r=0;r<o.length;r++)t=o[r],Array.isArray(t)?s(t):null!=t&&"boolean"!=typeof t&&((l="function"!=typeof e&&!I(t))&&(t+=""),l&&i?c[c.length-1].m+=t:c.push(l?_(null,t):t),i=l)};if(s(r),o){o.key&&(a=o.key),o.name&&(n=o.name);{const e=o.className||o.class;e&&(o.class="object"!=typeof e?e:Object.keys(e).filter((o=>e[o])).join(" "))}}if("function"==typeof e)return e(null===o?{}:o,c,W);const d=_(e,null);return d.v=o,c.length>0&&(d.k=c),d.$=a,d.j=n,d},_=(e,o)=>({p:0,S:e,m:null!=o?o:null,O:null,k:null,v:null,$:null,j:null}),B={},W={forEach:(e,o)=>e.map(Y).forEach(o),map:(e,o)=>e.map(Y).map(o).map(V)},Y=e=>({vattrs:e.v,vchildren:e.k,vkey:e.$,vname:e.j,vtag:e.S,vtext:e.m}),V=e=>{if("function"==typeof e.vtag){const o={...e.vattrs};return e.vkey&&(o.key=e.vkey),e.vname&&(o.name=e.vname),P(e.vtag,o,...e.vchildren||[])}const o=_(e.vtag,e.vtext);return o.v=e.vattrs,o.k=e.vchildren,o.$=e.vkey,o.j=e.vname,o},q=e=>{if(!e)return;const o=Object.keys(e);if(0===o.length)return;let r=!1;for(const t of o){if(r)break;for(const o of e[t])if("string"==typeof o){r=!0;break}}if(!r)return e;const t={};for(const r of o)t[r]=e[r].map((e=>"string"==typeof e?{[e]:0}:e));return t},G=(e,o,r)=>null==e||I(e)?e:4&o?(r&&"string"==typeof e||"false"!==e)&&(""===e||!!e):2&o?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&o?e+"":e,Z=e=>{var o;return null==(o=n(e))?void 0:o.$hostElement$},J=(e,o)=>{const r=Z(e);return{emit:e=>K(r,o,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},K=(e,o,r)=>{const t=g.ce(o,r);return e.dispatchEvent(t),t},Q=(e,o,r,t,a,l)=>{if(r===t)return;let c=i(e,o),s=o.toLowerCase();if("class"===o){const o=e.classList,a=ee(r);let n=ee(t);o.remove(...a.filter((e=>e&&!n.includes(e)))),o.add(...n.filter((e=>e&&!a.includes(e))))}else if("style"===o){for(const o in r)t&&null!=t[o]||(o.includes("-")?e.style.removeProperty(o):e.style[o]="");for(const o in t)r&&t[o]===r[o]||(o.includes("-")?e.style.setProperty(o,t[o]):e.style[o]=t[o])}else if("key"===o);else if("ref"===o)t&&ke(t,e);else if(c||"o"!==o[0]||"n"!==o[1]){if("a"===o[0]&&o.startsWith("attr:")){const r=o.slice(5);let a;{const o=n(e);if(o&&o.t&&o.t.o){const e=o.t.o[r];e&&e[1]&&(a=e[1])}}return a||(a=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==t||!1===t?!1===t&&""!==e.getAttribute(a)||e.removeAttribute(a):e.setAttribute(a,!0===t?"":t))}if("p"===o[0]&&o.startsWith("prop:")){const r=o.slice(5);try{e[r]=t}catch(e){}return}{const n=I(t);if((c||n&&null!==t)&&!a)try{if(e.tagName.includes("-"))e[o]!==t&&(e[o]=t);else{const a=null==t?"":t;"list"===o?c=!1:null!=r&&e[o]===a||("function"==typeof e.__lookupSetter__(o)?e[o]=a:e.setAttribute(o,a))}}catch(e){}let i=!1;s!==(s=s.replace(/^xlink\:?/,""))&&(o=s,i=!0),null==t||!1===t?!1===t&&""!==e.getAttribute(o)||(i?e.removeAttributeNS(b,o):e.removeAttribute(o)):(!c||4&l||a)&&!n&&1===e.nodeType&&(t=!0===t?"":t,i?e.setAttributeNS(b,o,t):e.setAttribute(o,t))}}else if(o="-"===o[2]?o.slice(3):i(u,s)?s.slice(2):s[2]+o.slice(3),r||t){const a=o.endsWith(oe);o=o.replace(re,""),r&&g.rel(e,o,r,a),t&&g.ael(e,o,t,a)}},X=/\s/,ee=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(X):[]),oe="Capture",re=RegExp(oe+"$"),te=(e,o,r)=>{const t=11===o.O.nodeType&&o.O.host?o.O.host:o.O,a=e&&e.v||{},n=o.v||{};for(const e of ae(Object.keys(a)))e in n||Q(t,e,a[e],void 0,r,o.p);for(const e of ae(Object.keys(n)))Q(t,e,a[e],n[e],r,o.p)};function ae(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var ne=!1,le=!1,ie=!1,ce=!1,se=[],de=[],fe=(e,o,r)=>{var t;const a=o.k[r];let n,l,i,c=0;if(ne||(ie=!0,"slot"===a.S&&(a.p|=a.k?2:1)),null!=a.m)n=a.O=u.document.createTextNode(a.m);else if(1&a.p)n=a.O=u.document.createTextNode(""),te(null,a,ce);else{if(ce||(ce="svg"===a.S),!u.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(n=a.O=u.document.createElementNS(ce?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ne&&2&a.p?"slot-fb":a.S),ce&&"foreignObject"===a.S&&(ce=!1),te(null,a,ce),null!=F&&void 0!==F&&n["s-si"]!==F&&n.classList.add(n["s-si"]=F),a.k){const o="template"===a.S?n.content:n;for(c=0;c<a.k.length;++c)l=fe(e,a,c),l&&o.appendChild(l)}"svg"===a.S?ce=!1:"foreignObject"===n.tagName&&(ce=!0)}return n["s-hn"]=U,3&a.p&&(n["s-sr"]=!0,n["s-cr"]=L,n["s-sn"]=a.j||"",n["s-rf"]=null==(t=a.v)?void 0:t.ref,function(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const o=o=>function(e){const r=[],t=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const a=this["s-cr"].parentElement;return(a.__childNodes?a.childNodes:(e=>{const o=[];for(let r=0;r<e.length;r++){const t=e[r]["s-nr"]||void 0;t&&t.isConnected&&o.push(t)}return o})(a.childNodes)).forEach((e=>{t===R(e)&&r.push(e)})),o?r.filter((e=>1===e.nodeType)):r}.bind(e);e.assignedElements=o(!0),e.assignedNodes=o(!1)}(n),i=e&&e.k&&e.k[r],i&&i.S===a.S&&e.O&&be(e.O),je(L,n,o.O,null==e?void 0:e.O)),n},be=e=>{g.p|=1;const o=e.closest(U.toLowerCase());if(null!=o){const r=Array.from(o.__childNodes||o.childNodes).find((e=>e["s-cr"])),t=Array.from(e.__childNodes||e.childNodes);for(const e of r?t.reverse():t)null!=e["s-sh"]&&($e(o,e,null!=r?r:null),e["s-sh"]=void 0,ie=!0)}g.p&=-2},pe=(e,o)=>{g.p|=1;const r=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]){let o=e;for(;o=o.nextSibling;)o&&o["s-sn"]===e["s-sn"]&&o["s-sh"]===U&&r.push(o)}for(let e=r.length-1;e>=0;e--){const t=r[e];t["s-hn"]!==U&&t["s-ol"]&&($e(he(t).parentNode,t,he(t)),t["s-ol"].remove(),t["s-ol"]=void 0,t["s-sh"]=void 0,ie=!0),o&&pe(t,o)}g.p&=-2},ue=(e,o,r,t,a,n)=>{let l,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===U&&(i=i.shadowRoot),"template"===r.S&&(i=i.content);a<=n;++a)t[a]&&(l=fe(null,r,a),l&&(t[a].O=l,$e(i,l,he(o))))},ge=(e,o,r)=>{for(let t=o;t<=r;++t){const o=e[t];if(o){const e=o.O;we(o),e&&(le=!0,e["s-ol"]?e["s-ol"].remove():pe(e,!0),e.remove())}}},xe=(e,o,r=!1)=>e.S===o.S&&("slot"===e.S?e.j===o.j:r?(r&&!e.$&&o.$&&(e.$=o.$),!0):e.$===o.$),he=e=>e&&e["s-ol"]||e,me=(e,o,r=!1)=>{const t=o.O=e.O,a=e.k,n=o.k,l=o.S,i=o.m;let c;null==i?(ce="svg"===l||"foreignObject"!==l&&ce,"slot"!==l||ne||e.j!==o.j&&(o.O["s-sn"]=o.j||"",be(o.O.parentElement)),te(e,o,ce),null!==a&&null!==n?((e,o,r,t,a=!1)=>{let n,l,i=0,c=0,s=0,d=0,f=o.length-1,b=o[0],p=o[f],u=t.length-1,g=t[0],x=t[u];const h="template"===r.S?e.content:e;for(;i<=f&&c<=u;)if(null==b)b=o[++i];else if(null==p)p=o[--f];else if(null==g)g=t[++c];else if(null==x)x=t[--u];else if(xe(b,g,a))me(b,g,a),b=o[++i],g=t[++c];else if(xe(p,x,a))me(p,x,a),p=o[--f],x=t[--u];else if(xe(b,x,a))"slot"!==b.S&&"slot"!==x.S||pe(b.O.parentNode,!1),me(b,x,a),$e(h,b.O,p.O.nextSibling),b=o[++i],x=t[--u];else if(xe(p,g,a))"slot"!==b.S&&"slot"!==x.S||pe(p.O.parentNode,!1),me(p,g,a),$e(h,p.O,b.O),p=o[--f],g=t[++c];else{for(s=-1,d=i;d<=f;++d)if(o[d]&&null!==o[d].$&&o[d].$===g.$){s=d;break}s>=0?(l=o[s],l.S!==g.S?n=fe(o&&o[c],r,s):(me(l,g,a),o[s]=void 0,n=l.O),g=t[++c]):(n=fe(o&&o[c],r,c),g=t[++c]),n&&$e(he(b.O).parentNode,n,he(b.O))}i>f?ue(e,null==t[u+1]?null:t[u+1].O,r,t,c,u):c>u&&ge(o,i,f)})(t,a,o,n,r):null!==n?(null!==e.m&&(t.textContent=""),ue(t,null,o,n,0,n.length-1)):!r&&null!==a&&ge(a,0,a.length-1),ce&&"svg"===l&&(ce=!1)):(c=t["s-cr"])?c.parentNode.textContent=i:e.m!==i&&(t.data=i)},ve=[],ye=e=>{let o,r,t;const a=e.__childNodes||e.childNodes;for(const e of a){if(e["s-sr"]&&(o=e["s-cr"])&&o.parentNode){r=o.parentNode.__childNodes||o.parentNode.childNodes;const a=e["s-sn"];for(t=r.length-1;t>=0;t--)if(o=r[t],!(o["s-cn"]||o["s-nr"]||o["s-hn"]===e["s-hn"]||o["s-sh"]&&o["s-sh"]===e["s-hn"]))if(N(o,a)){let r=ve.find((e=>e.C===o));le=!0,o["s-sn"]=o["s-sn"]||a,r?(r.C["s-sh"]=e["s-hn"],r.M=e):(o["s-sh"]=e["s-hn"],ve.push({M:e,C:o})),o["s-sr"]&&ve.map((e=>{N(e.C,o["s-sn"])&&(r=ve.find((e=>e.C===o)),r&&!e.M&&(e.M=r.M))}))}else ve.some((e=>e.C===o))||ve.push({C:o})}1===e.nodeType&&ye(e)}},we=e=>{e.v&&e.v.ref&&se.push((()=>e.v.ref(null))),e.k&&e.k.map(we)},ke=(e,o)=>{de.push((()=>e(o)))},$e=(e,o,r,t)=>{if("string"==typeof o["s-sn"]&&o["s-sr"]&&o["s-cr"])je(o["s-cr"],o,e,o.parentElement);else if("string"==typeof o["s-sn"]){e.insertBefore(o,r);const{slotNode:a}=function(e,o){var r;if(!(o=o||(null==(r=e["s-ol"])?void 0:r.parentElement)))return{slotNode:null,slotName:""};const t=e["s-sn"]=R(e)||"";return{slotNode:E(T(o,"childNodes"),o.tagName,t)[0],slotName:t}}(o);return a&&!t&&function(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(a),o}return e.__insertBefore?e.__insertBefore(o,r):null==e?void 0:e.insertBefore(o,r)};function je(e,o,r,t){var a,n;let l;if(e&&"string"==typeof o["s-sn"]&&o["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(l=o["s-si"]||e.parentNode["s-sc"])){const e=o["s-sn"],i=o["s-hn"];if(null==(a=r.classList)||a.add(l+"-s"),t&&(null==(n=t.classList)?void 0:n.contains(l+"-s"))){let o=(t.__childNodes||t.childNodes)[0],r=!1;for(;o;){if(o["s-sn"]!==e&&o["s-hn"]===i&&o["s-sr"]){r=!0;break}o=o.nextSibling}r||t.classList.remove(l+"-s")}}}var ze=(e,o)=>{if(o&&!e.N&&o["s-p"]){const r=o["s-p"].push(new Promise((t=>e.N=()=>{o["s-p"].splice(r-1,1),t()})))}},Se=(e,o)=>{if(e.p|=16,4&e.p)return void(e.p|=512);ze(e,e.R);const r=()=>Oe(e,o);if(!o)return S(r);queueMicrotask((()=>{r()}))},Oe=(e,o)=>{const r=e.$hostElement$,t=e.i;if(!t)throw Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return o?(e.T&&(e.T=!1,Ae(t,"connectedCallback",void 0,r)),e.p|=256,e.A&&(e.A.map((([e,o])=>Ae(t,e,o,r))),e.A=void 0),e.F.length&&e.F.forEach((e=>e(r))),a=Ae(t,"componentWillLoad",void 0,r)):a=Ae(t,"componentWillUpdate",void 0,r),a=Ce(a,(()=>Ae(t,"componentWillRender",void 0,r))),Ce(a,(()=>Me(e,t,o)))},Ce=(e,o)=>Ee(e)?e.then(o).catch((e=>{console.error(e),o()})):o(),Ee=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Me=async(e,o,r)=>{var t;const a=e.$hostElement$,n=a["s-rc"];r&&(e=>{const o=e.t,r=e.$hostElement$,t=o.p,a=((e,o)=>{var r,t,a;const n=H(o),l=d.get(n);if(!u.document)return n;if(e=11===e.nodeType?e:u.document,l)if("string"==typeof l){let a,i=D.get(e=e.head||e);if(i||D.set(e,i=new Set),!i.has(n)){a=u.document.createElement("style"),a.textContent=l;const c=null!=(r=g.L)?r:A(u.document);if(null!=c&&a.setAttribute("nonce",c),!(1&o.p))if("HEAD"===e.nodeName){const o=e.querySelectorAll("link[rel=preconnect]"),r=o.length>0?o[o.length-1].nextSibling:e.querySelector("style");e.insertBefore(a,(null==r?void 0:r.parentNode)===e?r:null)}else if("host"in e)if(h){const o=new(null!=(t=e.defaultView)?t:e.ownerDocument.defaultView).CSSStyleSheet;o.replaceSync(l),m?e.adoptedStyleSheets.unshift(o):e.adoptedStyleSheets=[o,...e.adoptedStyleSheets]}else{const o=e.querySelector("style");o?o.textContent=l+o.textContent:e.prepend(a)}else e.append(a);1&o.p&&e.insertBefore(a,null),4&o.p&&(a.textContent+=f),i&&i.add(n)}}else{let o=D.get(e);if(o||D.set(e,o=new Set),!o.has(n)){const r=null!=(a=e.defaultView)?a:e.ownerDocument.defaultView;let t;if(l.constructor===r.CSSStyleSheet)t=l;else{t=new r.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)t.insertRule(l.cssRules[e].cssText,e)}m?e.adoptedStyleSheets.push(t):e.adoptedStyleSheets=[...e.adoptedStyleSheets,t],o.add(n)}}return n})(r.shadowRoot?r.shadowRoot:r.getRootNode(),o);10&t&&(r["s-sc"]=a,r.classList.add(a+"-h"))})(e);Ne(e,o,a,r),n&&(n.map((e=>e())),a["s-rc"]=void 0);{const o=null!=(t=a["s-p"])?t:[],r=()=>Re(e);0===o.length?r():(Promise.all(o).then(r).catch(r),e.p|=4,o.length=0)}},Ne=(e,o,r,t)=>{try{o=o.render(),e.p&=-17,e.p|=2,((e,o,r=!1)=>{var t,a,n,l,i;const c=e.$hostElement$,s=e.t,d=e.U||_(null,null),f=(e=>e&&e.S===B)(o)?o:P(null,null,o);if(U=c.tagName,s.D&&(f.v=f.v||{},s.D.forEach((([e,o])=>{f.v[o]=c[e]}))),r&&f.v)for(const e of Object.keys(f.v))c.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(f.v[e]=c[e]);if(f.S=null,f.p|=4,e.U=f,f.O=d.O=c.shadowRoot||c,F=c["s-sc"],ne=!(!(1&s.p)||128&s.p),L=c["s-cr"],le=!1,me(d,f,r),g.p|=1,ie){ye(f.O);for(const e of ve){const o=e.C;if(!o["s-ol"]&&u.document){const e=u.document.createTextNode("");e["s-nr"]=o,$e(o.parentNode,o["s-ol"]=e,o,r)}}for(const e of ve){const o=e.C,i=e.M;if(1===o.nodeType&&r&&(o["s-ih"]=null!=(t=o.hidden)&&t),i){const e=i.parentNode;let t=i.nextSibling;if(t&&1===t.nodeType){let r=null==(a=o["s-ol"])?void 0:a.previousSibling;for(;r;){let a=null!=(n=r["s-nr"])?n:null;if(a&&a["s-sn"]===o["s-sn"]&&e===(a.__parentNode||a.parentNode)){for(a=a.nextSibling;a===o||(null==a?void 0:a["s-sr"]);)a=null==a?void 0:a.nextSibling;if(!a||!a["s-nr"]){t=a;break}}r=r.previousSibling}}if((!t&&e!==(o.__parentNode||o.parentNode)||(o.__nextSibling||o.nextSibling)!==t)&&o!==t){if($e(e,o,t,r),8===o.nodeType&&o.nodeValue.startsWith("s-nt-")){const e=u.document.createTextNode(o.nodeValue.replace(/^s-nt-/,""));e["s-hn"]=o["s-hn"],e["s-sn"]=o["s-sn"],e["s-sh"]=o["s-sh"],e["s-sr"]=o["s-sr"],e["s-ol"]=o["s-ol"],e["s-ol"]["s-nr"]=e,$e(o.parentNode,e,o,r),o.parentNode.removeChild(o)}1===o.nodeType&&"SLOT-FB"!==o.tagName&&(o.hidden=null!=(l=o["s-ih"])&&l)}o&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===o.nodeType&&(o.hidden=!0)}}if(le&&C(f.O),g.p&=-2,ve.length=0,!ne&&!(1&s.p)&&c["s-cr"]){const e=f.O.__childNodes||f.O.childNodes;for(const o of e)if(o["s-hn"]!==U&&!o["s-sh"])if(r&&null==o["s-ih"]&&(o["s-ih"]=null!=(i=o.hidden)&&i),1===o.nodeType)o.hidden=!0;else if(3===o.nodeType&&o.nodeValue.trim()){const e=u.document.createComment("s-nt-"+o.nodeValue);e["s-sn"]=o["s-sn"],$e(o.parentNode,e,o,r),o.parentNode.removeChild(o)}}L=void 0,se.forEach((e=>e())),se.length=0,de.forEach((e=>e())),de.length=0})(e,o,t)}catch(o){c(o,e.$hostElement$)}return null},Re=e=>{const o=e.$hostElement$,r=e.i,t=e.R;Ae(r,"componentDidRender",void 0,o),64&e.p?Ae(r,"componentDidUpdate",void 0,o):(e.p|=64,Fe(o),Ae(r,"componentDidLoad",void 0,o),e.H(o),t||Te()),e.I(o),e.N&&(e.N(),e.N=void 0),512&e.p&&z((()=>Se(e,!1))),e.p&=-517},Te=()=>{z((()=>K(u,"appload",{detail:{namespace:"exploration-project-tailwind"}})))},Ae=(e,o,r,t)=>{if(e&&e[o])try{return e[o](r)}catch(e){c(e,t)}},Fe=e=>e.classList.add("hydrated"),Le=(e,o,r,t)=>{const a=n(e);if(!a)return;if(!a)throw Error(`Couldn't find host element for "${t.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=a.$hostElement$,i=a.l.get(o),s=a.p,d=a.i;if(r=G(r,t.o[o][0],!!(64&t.p)),!(8&s&&void 0!==i||r===i||Number.isNaN(i)&&Number.isNaN(r))){if(a.l.set(o,r),t.P){const e=t.P[o];e&&e.map((e=>{try{const[[t,n]]=Object.entries(e);(128&s||1&n)&&(d?d[t](r,i,o):a.F.push((()=>{a.i[t](r,i,o)})))}catch(e){c(e,l)}}))}if(2&s){if(d.componentShouldUpdate&&!1===d.componentShouldUpdate(r,i,o)&&!(16&s))return;16&s||Se(a,!1)}}},Ue=(e,o,t)=>{var a,l;const i=e.prototype;64&o.p&&1&t&&p.forEach((e=>{Object.defineProperty(i,e,{value(...o){var r;const t=n(this),a=null==t?void 0:t.i;if(a){const r=a[e];"function"==typeof r&&r.call(a,...o)}else null==(r=null==t?void 0:t._)||r.then((r=>{const t=r[e];"function"==typeof t&&t.call(r,...o)}))}})}));{e.watchers&&!o.P&&(o.P=q(e.watchers)),e.deserializers&&!o.B&&(o.B=e.deserializers),e.serializers&&!o.W&&(o.W=e.serializers);const c=Object.entries(null!=(a=o.o)?a:{});if(c.map((([e,[a]])=>{if(31&a||2&t&&32&a){const{get:l,set:c}=r(i,e)||{};l&&(o.o[e][0]|=2048),c&&(o.o[e][0]|=4096),(1&t||!l)&&Object.defineProperty(i,e,{get(){{if(!(2048&o.o[e][0]))return((e,o)=>n(this).l.get(o))(0,e);const r=n(this),t=r?r.i:i;if(!t)return;return t[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(r){const l=n(this);if(l){if(c)return void 0===(32&a?this[e]:l.$hostElement$[e])&&l.l.get(e)&&(r=l.l.get(e)),c.call(this,G(r,a,!!(64&o.p))),void Le(this,e,r=32&a?this[e]:l.$hostElement$[e],o);{if(!(1&t&&4096&o.o[e][0]))return Le(this,e,r,o),void(1&t&&!l.i&&l.F.push((()=>{4096&o.o[e][0]&&l.i[e]!==l.l.get(e)&&(l.i[e]=r)})));const n=()=>{const t=l.i[e];!l.l.get(e)&&t&&l.l.set(e,t),l.i[e]=G(r,a,!!(64&o.p)),Le(this,e,l.i[e],o)};l.i?n():l.F.push((()=>{n()}))}}}})}else 1&t&&64&a&&Object.defineProperty(i,e,{value(...o){var r;const t=n(this);return null==(r=null==t?void 0:t.Y)?void 0:r.then((()=>{var r;return null==(r=t.i)?void 0:r[e](...o)}))}})})),1&t){const r=new Map;i.attributeChangedCallback=function(e,t,a){g.jmp((()=>{var l;const s=r.get(e),d=n(this);if(this.hasOwnProperty(s)&&(a=this[s],delete this[s]),i.hasOwnProperty(s)&&"number"==typeof this[s]&&this[s]==a)return;if(null==s){const r=null==d?void 0:d.p;if(d&&r&&!(8&r)&&a!==t){const n=d.i,i=null==(l=o.P)?void 0:l[e];null==i||i.forEach((o=>{const[[l,i]]=Object.entries(o);null!=n[l]&&(128&r||1&i)&&n[l].call(n,a,t,e)}))}return}const f=c.find((([e])=>e===s)),b=f&&4&f[1][0],p=b&&null===a&&void 0===this[s];b&&(a=null!==a&&"false"!==a);const u=Object.getOwnPropertyDescriptor(i,s);p||a==this[s]||u.get&&!u.set||(this[s]=a)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=o.P)?l:{}),...c.filter((([e,o])=>31&o[0])).map((([e,t])=>{var a;const n=t[1]||e;return r.set(n,e),512&t[0]&&(null==(a=o.D)||a.push([e,n])),n}))]))}}return e},De=(e,o)=>{Ae(e,"connectedCallback",void 0,o)},He=(e,o)=>{Ae(e,"disconnectedCallback",void 0,o||e)},Ie=(e,o={})=>{var r;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const t=[],a=o.exclude||[],l=u.customElements,i=u.document.head,b=i.querySelector("meta[charset]"),p=u.document.createElement("style"),x=[];let m,v=!0;Object.assign(g,o),g.u=new URL(o.resourcesUrl||"./",u.document.baseURI).href;let y=!1;if(e.map((e=>{e[1].map((o=>{var r,i;const f={p:o[0],h:o[1],o:o[2],V:o[3]};4&f.p&&(y=!0),f.o=o[2],f.V=o[3],f.D=[],f.P=q(o[4]),f.W=null!=(r=o[5])?r:{},f.B=null!=(i=o[6])?i:{};const b=f.h,p=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,o)=>{const r={p:0,$hostElement$:e,t:o,l:new Map,q:new Map};r.Y=new Promise((e=>r.I=e)),r._=new Promise((e=>r.H=e)),e["s-p"]=[],e["s-rc"]=[],r.F=[];const t=r;e.__stencil__getHostRef=()=>t})(e=this,f),1&f.p)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${f.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else O.call(e,f)}connectedCallback(){const e=n(this);e&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,_e(this,e,f.V)),m&&(clearTimeout(m),m=null),v?x.push(this):g.jmp((()=>(e=>{if(!(1&g.p)){const o=n(e);if(!o)return;const r=o.t,t=()=>{};if(1&o.p)_e(e,o,r.V),(null==o?void 0:o.i)?De(o.i,e):(null==o?void 0:o._)&&o._.then((()=>De(o.i,e)));else{o.p|=1,12&r.p&&(e=>{if(!u.document)return;const o=e["s-cr"]=u.document.createComment("");o["s-cn"]=!0,$e(e,o,e.firstChild)})(e);{let r=e;for(;r=r.parentNode||r.host;)if(r["s-p"]){ze(o,o.R=r);break}}r.o&&Object.entries(r.o).map((([o,[r]])=>{if(31&r&&Object.prototype.hasOwnProperty.call(e,o)){const r=e[o];delete e[o],e[o]=r}})),(async(e,o,r)=>{let t;try{if(!(32&o.p)){if(o.p|=32,r.G){const a=((e,o)=>{const r=e.h.replace(/-/g,"_"),t=e.G;if(!t)return;const a=s.get(t);return a?a[r]:import(`./${t}.entry.js`).then((e=>(s.set(t,e),e[r])),(e=>{c(e,o.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(r,o);if(a&&"then"in a){const e=()=>{};t=await a,e()}else t=a;if(!t)throw Error(`Constructor for "${r.h}#${o.Z}" was not found`);t.isProxied||(r.P=q(t.watchers),r.W=t.serializers,r.B=t.deserializers,Ue(t,r,2),t.isProxied=!0);const n=()=>{};o.p|=8;try{new t(o)}catch(o){c(o,e)}o.p&=-9,o.p|=128,n(),4&r.p?o.T=!0:De(o.i,e)}else t=e.constructor,customElements.whenDefined(e.localName).then((()=>o.p|=128));if(t&&t.style){let e;"string"==typeof t.style&&(e=t.style);const o=H(r);if(!d.has(o)){const t=()=>{};((e,o,r)=>{let t=d.get(e);h&&r?(t=t||new CSSStyleSheet,"string"==typeof t?t=o:t.replaceSync(o)):t=o,d.set(e,t)})(o,e,!!(1&r.p)),t()}}}const a=o.R,n=()=>Se(o,!0);a&&a["s-rc"]?a["s-rc"].push(n):n()}catch(r){c(r,e),o.N&&(o.N(),o.N=void 0),o.H&&o.H(e)}})(e,o,r)}t()}})(this))))}disconnectedCallback(){g.jmp((()=>(async e=>{if(!(1&g.p)){const o=n(e);(null==o?void 0:o.J)&&(o.J.map((e=>e())),o.J=void 0),(null==o?void 0:o.i)?He(o.i,e):(null==o?void 0:o._)&&o._.then((()=>He(o.i,e)))}D.has(e)&&D.delete(e),e.shadowRoot&&D.has(e.shadowRoot)&&D.delete(e.shadowRoot)})(this))),g.raf((()=>{var e;const o=n(this);if(!o)return;const r=x.findIndex((e=>e===this));r>-1&&x.splice(r,1),(null==(e=null==o?void 0:o.U)?void 0:e.O)instanceof Node&&!o.U.O.isConnected&&delete o.U.O}))}componentOnReady(){var e;return null==(e=n(this))?void 0:e._}};64&f.p&&(p.formAssociated=!0),f.G=e[0],a.includes(b)||l.get(b)||(t.push(b),l.define(b,Ue(p,f,1)))}))})),t.length>0&&(y&&(p.textContent+=f),p.textContent+=t.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",p.innerHTML.length)){p.setAttribute("data-styles","");const e=null!=(r=g.L)?r:A(u.document);null!=e&&p.setAttribute("nonce",e),i.insertBefore(p,b?b.nextSibling:i.firstChild)}v=!1,x.length?x.map((e=>e.connectedCallback())):g.jmp((()=>m=setTimeout(Te,30)))},Pe=(e,o)=>o,_e=(e,o,r)=>{r&&u.document&&r.map((([r,t,a])=>{const n=We(u.document,e,r),l=Be(o,a),i=Ye(r);g.ael(n,t,l,i),(o.J=o.J||[]).push((()=>g.rel(n,t,l,i)))}))},Be=(e,o)=>r=>{var t;try{256&e.p?null==(t=e.i)||t[o](r):(e.A=e.A||[]).push([o,r])}catch(o){c(o,e.$hostElement$)}},We=(e,o,r)=>4&r?e:8&r?u:o,Ye=e=>({passive:!!(1&e),capture:!!(2&e)}),Ve=e=>g.L=e;export{Pe as F,B as H,Z as a,Ie as b,J as c,e as g,P as h,x as p,l as r,Ve as s}

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

@@ -1 +0,0 @@
-import{r as t,a as r,h as a,H as e,c as i}from"./p-DUsoYu9r.js";import{s as o}from"./p-Dyu3Nplq.js";const s=class{constructor(r){t(this,r)}get el(){return r(this)}avatars=[];maxVisible=5;max=null;size="m";shape="circle";layout="stack";spacing=4;overlap=null;borderColor="white";borderWidth=2;enablePopover=!0;animated=!0;slottedAvatars=[];showPopover=!1;isRosterOpen=!1;isHovered=!1;handleSlotChange(){this.updateSlottedAvatars()}componentWillLoad(){this.updateSlottedAvatars()}componentDidLoad(){}updateSlottedAvatars(){const t=this.el.shadowRoot?.querySelector("slot"),r=t?t.assignedElements():Array.from(this.el.children);this.slottedAvatars=r.filter((t=>"ui-avatar"===t.tagName.toLowerCase()))}getMaxCount(){const t=this.max||this.maxVisible;return"number"==typeof t?t:t&&"object"==typeof t&&"count"in t&&t.count||1/0}getMaxStyle(){return this.max&&"object"==typeof this.max&&"style"in this.max?this.max.style:{}}calculateOverlap(){if("grid"===this.layout)return this.spacing;if(null!==this.overlap)return-Math.abs(this.overlap);const t={xs:24,s:32,sm:32,default:20,m:40,lg:40,l:48,xl:64};let r=40;const a=parseFloat(this.size);return isNaN(a)?"string"==typeof this.size&&t[this.size]&&(r=t[this.size]):r=a,-.4*r}handleMouseEnterGroup=()=>{this.isHovered=!0};handleMouseLeaveGroup=()=>{this.isHovered=!1,this.showPopover=!1};toggleRoster=t=>{t.stopPropagation(),this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};renderExcessCount(t,r){const e=t-r;if(e<=0)return null;const i=this.getMaxStyle();return a("div",{class:"excess-avatar-container",onMouseEnter:()=>this.showPopover=this.enablePopover,onMouseLeave:()=>this.showPopover=!1,onClick:this.toggleRoster},a("div",{class:{"avatar-extra":!0,[`avatar-${this.getSizeAlias()}`]:!0,[`shape-${this.shape}`]:!0},style:{...i,backgroundColor:i.backgroundColor||"#f56a00"}},"+",e),this.showPopover&&this.enablePopover&&"stack"===this.layout&&this.renderPopover(r))}renderPopover(t){const r=this.getAllAvatarData().slice(t);return a("div",{class:"avatar-popover"},a("div",{class:"popover-content"},r.map(((t,r)=>a("div",{class:"popover-item",key:r},a("ui-avatar",{size:"xs",shape:this.shape,src:t.src,icon:t.icon,name:t.name,content:t.content,bgColor:t.bgColor}),a("span",{class:"popover-text"},t.name||t.content||"User"))))))}getAllAvatarData(){return this.avatars&&this.avatars.length>0?this.avatars:this.slottedAvatars.map((t=>({src:t.getAttribute("src"),name:t.getAttribute("name"),content:t.getAttribute("content")||t.textContent?.trim(),tooltipText:t.getAttribute("tooltipText")||t.getAttribute("tooltip-text")||t.getAttribute("name")||t.textContent?.trim(),icon:t.getAttribute("icon"),bgColor:t.getAttribute("bgColor")||t.getAttribute("bg-color"),badge:t.getAttribute("badge"),status:t.getAttribute("status")})))}getSizeAlias(){return{sm:"s",md:"m",lg:"l"}[this.size]||this.size}render(){const t=this.getAllAvatarData(),r=this.getMaxCount(),i="grid"===this.layout?t:t.slice(0,r),o=this.calculateOverlap(),s={"avatar-group":!0,[`layout-${this.layout}`]:!0,"avatar-group-animated":this.animated&&"stack"===this.layout,expanded:this.isHovered&&"stack"===this.layout},n={"--avatar-spacing":`${o}px`,"--avatar-border-color":this.borderColor,"--avatar-border-width":`${this.borderWidth}px`,"--avatar-size":"number"==typeof this.size?`${this.size}px`:this.size.toString()};return a(e,{key:"d1c53574be9549de6cce9cf8aae33ac8019dd556"},a("div",{key:"0f64bd06b7f8bd077e98286b9df7cd24e1924a50",class:s,style:n,onMouseEnter:this.handleMouseEnterGroup,onMouseLeave:this.handleMouseLeaveGroup},a("div",{key:"937475ddb42adc924320a2f15f61a76f3ec3c916",class:"avatar-list"},i.map(((r,e)=>a("ui-avatar",{...r,key:e,size:this.size,shape:this.shape,border:`${this.borderWidth}px solid ${this.borderColor}`,class:"group-avatar",style:{zIndex:("stack"===this.layout?t.length-e:1).toString()}}))),"stack"===this.layout&&this.renderExcessCount(t.length,r)),a("div",{key:"52779f80360501b288b88cd896f2dd117b18c0e1",style:{display:"none"}},a("slot",{key:"bd6996c4789091de98a2f01349990412278e51ee"}))),this.isRosterOpen&&a("div",{key:"fb404a5fd2e4723bb54465a8e6b94d220052721d",class:"avatar-roster-backdrop",onClick:this.closeRoster},a("div",{key:"81df0d927175829c2fe80e3c39bf81350011620e",class:"avatar-roster-content",onClick:t=>t.stopPropagation()},a("div",{key:"89cea0f5aed19f87eaab53bdab36b0ccf429dc54",class:"roster-header"},a("h3",{key:"3d113ccb91edb0b47e7bccc311af3f52f09ed5f2"},"Participants (",t.length,")"),a("ui-button",{key:"ad42880fadf89334d69ff0fca445adf7fb1b4494",variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),a("div",{key:"d683e744b8a132d600d8681254c39b0569b1564c",class:"roster-list"},t.map(((t,r)=>a("div",{key:r,class:"roster-item"},a("ui-avatar",{...t,size:"s",shape:this.shape}),a("div",{class:"roster-info"},a("span",{class:"roster-name"},t.name||t.content||"Anonymous"),t.status&&a("span",{class:`roster-status status-${t.status}`},t.status)))))))))}};s.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.avatar-group{display:inline-flex;position:relative;align-items:center}.avatar-group.layout-stack .group-avatar{margin-right:var(--avatar-spacing, -16px);transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1);transform-origin:center bottom}.avatar-group.layout-stack .group-avatar:hover{z-index:100 !important;transform:scale(1.25) translateY(-10px);margin-right:8px !important;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);border-color:var(--border-subtle, #fff) !important}.avatar-group.layout-stack .group-avatar:hover~.group-avatar,.avatar-group.layout-stack .group-avatar:hover~.excess-avatar-container{transform:translateX(24px)}.avatar-group.layout-stack.avatar-group-animated:hover{padding-right:40px}.avatar-group.layout-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(var(--avatar-size) + 8px), 1fr));gap:8px;width:100%}.avatar-list{display:flex;flex-wrap:wrap;align-items:center}.layout-stack .avatar-list{flex-wrap:nowrap}.avatar-extra{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-danger, #f56a00);color:var(--text-standard, #ffffff);font-weight:600;border:var(--avatar-border-width, 2px) solid var(--avatar-border-color, #fff);cursor:pointer;z-index:1;transition:transform 0.2s;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);font-size:0.8em}.avatar-extra:hover{transform:scale(1.1) translateY(-4px);z-index:100;box-shadow:0 8px 20px rgba(0, 0, 0, 0.15)}.avatar-extra.shape-circle{border-radius:50%}.avatar-extra.shape-square{border-radius:8px}.avatar-popover{position:absolute;top:100%;right:0;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.2);padding:12px;z-index:1000;min-width:180px;margin-top:8px;animation:popoverFadeIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.avatar-popover::after{content:"";position:absolute;top:-12px;right:12px;border:6px solid transparent;border-bottom-color:var(--bg-primary, #ffffff)}.avatar-popover .popover-content{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.avatar-popover .popover-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;transition:background 0.2s;cursor:pointer}.avatar-popover .popover-item:hover{background:var(--bg-secondary, #f3f4f6)}.avatar-popover .popover-item ui-avatar{transition:none !important;transform:none !important;box-shadow:none !important}.avatar-popover .popover-text{font-size:14px;color:var(--text-secondary, #374151);font-weight:500}@keyframes popoverFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.avatar-roster-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.avatar-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:500px;max-height:80vh;border-radius:16px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.3);display:flex;flex-direction:column;overflow:hidden;animation:modalIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:20px;border-bottom:1px solid var(--border-subtle, #eee);display:flex;align-items:center;justify-content:space-between}.roster-header h3{margin:0;color:var(--text-primary, #1f2937)}.roster-header .close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-muted, #9ca3af)}.roster-header .close-btn:hover{color:var(--text-primary, #1f2937)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;transition:background 0.2s}.roster-item:hover{background:var(--bg-primary, #f9fafb)}.roster-info{display:flex;flex-direction:column}.roster-name{font-weight:600;color:var(--text-primary, #111827)}.roster-status{font-size:11px;text-transform:capitalize;border-radius:4px;padding:1px 6px;width:fit-content}.status-online{color:var(--color-success-hover, #059669);background:var(--bg-primary, #ecfdf5)}@keyframes modalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}';const n=class{constructor(r){t(this,r)}get el(){return r(this)}direction="horizontal";wrap="nowrap";spacing="8px";align="center";justify="start";max=0;overlap=!1;showDividers=!1;dividerType="solid";childrenCount=0;isRosterOpen=!1;mutationObserver;componentWillLoad(){this.updateChildrenCount()}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateChildrenCount()})),this.mutationObserver.observe(this.el,{childList:!0})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}toggleRoster=()=>{this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};updateChildrenVisibility(t){Array.from(this.el.children).forEach(((r,a)=>{r.style.display=a<t?"":"none"}))}updateChildrenCount(){this.childrenCount=this.el.children.length}renderRoster(t,r){return a("div",{class:"stack-roster-backdrop",onClick:this.closeRoster},a("div",{class:"stack-roster-content",onClick:t=>t.stopPropagation()},a("div",{class:"roster-header"},a("div",{class:"roster-titles"},a("h4",{class:"roster-main-title"},"Hidden Items"),a("span",{class:"roster-sub-title"},r," items total")),a("ui-button",{variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})),a("div",{class:"roster-list"},t.map(((t,r)=>a("div",{key:r,class:"roster-item"},a("div",{class:"roster-item-preview",innerHTML:o(t.outerHTML)}),a("span",{class:"roster-item-label"},"Item ",r+1)))))))}render(){const t=this.overlap||this.spacing.startsWith("-"),r=this.max>0?this.max:this.childrenCount,i=this.childrenCount-r,o=Array.from(this.el.children);return requestAnimationFrame((()=>this.updateChildrenVisibility(r))),a(e,{key:"6568eda1f5875356d720bc67a8c234f6f97effcf",class:{"ui-stack":!0,[`stack-${this.direction}`]:!0,[`stack-wrap-${this.wrap}`]:!0,"stack-overlap":t,"stack-show-dividers":this.showDividers&&!t,[`divider-${this.dividerType}`]:this.showDividers},style:{"--stack-spacing":t?"0":this.spacing,"--stack-overlap":t?this.spacing.startsWith("-")?this.spacing:"-12px":"0","align-items":this.align,"justify-content":this.justify,"flex-wrap":this.wrap}},a("div",{key:"3363f516615fadfd894b42961f94d83a7a254011",class:"stack-container"},a("slot",{key:"5f2c8cb4d62229c4439858f5433f30ed78d9bd71"}),i>0&&a("div",{key:"eb7614444d0beba127e9d1a9ca125265dbcd5e43",class:"stack-overflow-indicator",onClick:t=>{t.stopPropagation(),this.toggleRoster()},onKeyDown:t=>{"Enter"===t.key&&this.toggleRoster()},tabindex:"0",role:"button",title:`View ${i} more items`},"+",i)),this.isRosterOpen&&this.renderRoster(o,this.childrenCount))}};n.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block}:host(.stack-horizontal) .stack-container{flex-direction:row}:host(.stack-vertical) .stack-container{flex-direction:column}.stack-container{display:flex;gap:var(--stack-spacing, 8px)}:host(.stack-wrap-wrap) .stack-container{flex-wrap:wrap}:host(.stack-wrap-wrap-reverse) .stack-container{flex-wrap:wrap-reverse}:host(.stack-show-dividers) .stack-container{gap:0}:host(.stack-show-dividers) ::slotted(*:not(:last-child)){position:relative;margin-right:var(--stack-spacing, 8px);display:flex;align-items:center}:host(.stack-show-dividers) ::slotted(*:not(:last-child))::after{content:"";position:absolute;right:calc(var(--stack-spacing, 8px) / -2);background:var(--bg-primary, #e5e7eb)}:host(.stack-horizontal.stack-show-dividers) ::slotted(*:not(:last-child))::after{width:1px;height:60%;top:20%}:host(.stack-vertical.stack-show-dividers) ::slotted(*:not(:last-child))::after{height:1px;width:60%;left:20%;bottom:calc(var(--stack-spacing, 8px) / -2)}:host(.divider-dashed) ::slotted(*:not(:last-child))::after{border-right:1px dashed var(--border-default, #e5e7eb);background:none}:host(.divider-dotted) ::slotted(*:not(:last-child))::after{border-right:1px dotted var(--border-default, #e5e7eb);background:none}:host(.stack-overlap) .stack-container{padding-right:20px}:host(.stack-overlap) ::slotted(*){margin-right:var(--stack-overlap, -12px) !important;transition:transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), z-index 0s, filter 0.3s ease;position:relative;z-index:1;border:2px solid var(--bg-primary, #ffffff);box-sizing:border-box;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));cursor:pointer}:host(.stack-overlap) ::slotted(*:hover){transform:translateY(-8px) scale(1.1) rotate(1deg);z-index:100 !important;filter:drop-shadow(0 12px 24px rgba(0, 0, 0, 0.2))}:host(.stack-overlap) ::slotted(*:last-child){margin-right:0 !important}.stack-roster-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn 0.2s ease-out}.stack-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:400px;max-height:80vh;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;overflow:hidden;animation:slideUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle, #f1f5f9);display:flex;justify-content:space-between;align-items:center}.roster-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1e293b)}.close-btn{background:var(--bg-secondary, #f1f5f9);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted, #64748b);font-size:18px;transition:all 0.2s}.close-btn:hover{background:var(--bg-primary, #e2e8f0);color:var(--text-primary, #0f172a)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{padding:10px;border-radius:10px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;transition:background 0.2s}.roster-item:hover{background:var(--bg-secondary, #f1f5f9)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stack-overflow-indicator{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);border:2px solid var(--bg-primary, #ffffff);color:var(--text-secondary, #4b5563);font-size:12px;font-weight:600;z-index:10;cursor:pointer;transition:transform 0.2s}.stack-overflow-indicator:hover{transform:scale(1.1);background:var(--bg-primary, #e5e7eb)}@media (prefers-color-scheme: dark){.stack-roster-content{background:var(--bg-primary, #1e293b)}.roster-header h4{color:var(--text-standard, #ffffff)}.roster-item{background:var(--color-primary, #334155);border-color:var(--color-primary, #475569)}.roster-item:hover{background:var(--color-primary, #475569)}.stack-overflow-indicator{background:var(--color-primary, #374151);border-color:var(--border-strong, #1f2937);color:var(--text-standard, #f3f4f6)}.stack-overflow-indicator:hover{background:var(--color-primary, #4b5563)}}';const p=class{constructor(r){t(this,r),this.tagAdd=i(this,"tagAdd"),this.tagGroupChange=i(this,"tagGroupChange")}get el(){return r(this)}max=0;spacing="8px";overlap=!1;value=[];selectionMode="none";size;variant;color;rounded=!1;removable=!1;creatable=!1;searchable=!1;collapsible=!1;caseSensitive=!1;delimiters=[","," "];skeleton=!1;shape;animation;readOnly=!1;placeholder="Add tag...";tagAdd;searchQuery="";isExpanded=!1;isLastTagHighlighted=!1;tagGroupChange;handleKeyDown(t){if(this.readOnly)return;const r=Array.from(this.el.querySelectorAll("ui-tag")),a=this.el.shadowRoot?.activeElement||document.activeElement,e=r.findIndex((t=>t===a||t.contains(a))),i=a===this.el.shadowRoot?.querySelector(".tag-group-inline-input");if("ArrowLeft"===t.key)i&&0===t.target.selectionStart?r.length>0&&(r[r.length-1].focus(),t.preventDefault()):e>0&&(r[e-1].focus(),t.preventDefault());else if("ArrowRight"===t.key)-1!==e&&(e===r.length-1?this.el.shadowRoot?.querySelector(".tag-group-inline-input")?.focus():r[e+1].focus(),t.preventDefault());else if(("Backspace"===t.key||"Delete"===t.key)&&-1!==e){const a=r[e],i=e<r.length-1?r[e+1]:this.el.shadowRoot?.querySelector(".tag-group-inline-input");this.removable&&(this.removeTagByValue(a.value||a.label),i&&i.focus(),t.preventDefault())}}handleGroupChange(){this.updateChildren()}handleTagRemove(t){if(this.readOnly)return;const r=t.target;if(!r)return;const a=r.value||r.label;if(Array.isArray(this.value)){const t=this.value.indexOf(a);if(t>-1){const r=[...this.value];r.splice(t,1),this.value=r,this.tagGroupChange.emit(this.value)}}else this.value===a&&(this.value="",this.tagGroupChange.emit(this.value));r.parentNode===this.el&&this.el.removeChild(r),setTimeout((()=>this.updateChildren()),50)}handleTagCheck(t){if(this.readOnly||"none"===this.selectionMode)return;const r=t.target,a=r.value||r.label;if("single"===this.selectionMode)this.value=t.detail?a:"",this.syncSelection();else{const r=Array.isArray(this.value)?[...this.value]:this.value?[this.value]:[];if(t.detail)r.includes(a)||r.push(a);else{const t=r.indexOf(a);t>-1&&r.splice(t,1)}this.value=r,this.syncSelection()}this.tagGroupChange.emit(this.value)}componentDidLoad(){this.updateChildren();const t=this.el.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",(()=>this.updateChildren()))}updateChildren(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=this.searchQuery.toLowerCase();t.forEach(((a,e)=>{this.size&&(a.size=this.size),this.variant&&(a.variant=this.variant),this.color&&(a.color=this.color),!this.overlap||this.shape||a.shape?this.shape?a.shape=this.shape:this.rounded&&(a.shape="pill"):a.shape="circle",this.skeleton&&(a.skeleton=this.skeleton),this.animation&&(a.animation=this.animation),a.removable=!this.readOnly&&this.removable,a.disabled=this.readOnly,"none"!==this.selectionMode&&(a.checkable=!0);const i=(a.label||"").toLowerCase().includes(r),o=this.max>0&&e>=this.max;this.isLastTagHighlighted&&e===t.length-1?a.setAttribute("highlighted","true"):a.removeAttribute("highlighted"),a.style.display=!i||o&&!this.isExpanded?"none":""})),this.syncSelection()}syncSelection(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=Array.isArray(this.value)?this.value:[this.value];t.forEach((t=>{t.checked=r.includes(t.value||t.label)}))}handleSearch=t=>{this.searchQuery=t.detail,this.updateChildren()};addTags(t){if(!t)return;this.isLastTagHighlighted=!1;const r=this.delimiters.map((t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))).join("|"),a=new RegExp(r||",","g");t.split(a).map((t=>t.trim())).filter((t=>!!t)).forEach((t=>{const r=Array.from(this.el.querySelectorAll("ui-tag")).find((r=>this.caseSensitive?r.label===t:r.label.toLowerCase()===t.toLowerCase()));if(r)r.pulse=!0,setTimeout((()=>r.pulse=!1),2e3);else{const r=document.createElement("ui-tag");r.setAttribute("label",t),this.el.appendChild(r),this.tagAdd.emit(t)}})),this.updateChildren()}removeLastTag(){const t=Array.from(this.el.querySelectorAll("ui-tag"));if(t.length>0){const r=t[t.length-1],a=r.value||r.label;if(Array.isArray(this.value)){const t=this.value.indexOf(a);if(t>-1){const r=[...this.value];r.splice(t,1),this.value=r,this.tagGroupChange.emit(this.value)}}this.el.removeChild(r),this.updateChildren()}}removeTagByValue(t){if(Array.isArray(this.value)){const r=this.value.indexOf(t);if(r>-1){const t=[...this.value];t.splice(r,1),this.value=t,this.tagGroupChange.emit(this.value)}}else this.value===t&&(this.value="",this.tagGroupChange.emit(this.value));const r=Array.from(this.el.querySelectorAll("ui-tag")).find((r=>(r.value||r.label)===t));r&&this.el.removeChild(r),this.updateChildren()}handleAddTag=t=>{const r=t.detail.target,a=r.value,e=t.detail.key;if("Enter"===e||this.delimiters.includes(e)&&a.trim())return this.delimiters.includes(e)&&t.detail.preventDefault(),this.addTags(a),void(r.value="");"Backspace"!==e||a?(a||"Backspace"!==e)&&(this.isLastTagHighlighted=!1,this.updateChildren()):this.isLastTagHighlighted?(this.removeLastTag(),this.isLastTagHighlighted=!1):(this.isLastTagHighlighted=!0,this.updateChildren()),"Escape"===e&&(this.isLastTagHighlighted=!1,this.updateChildren())};toggleExpand=()=>{this.isExpanded=!this.isExpanded};render(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=t.filter((t=>"none"!==t.style.display)),i=this.max>0&&t.length>this.max,o=0===t.length,s=t.length>0&&0===r.length,n=(this.searchable||this.creatable)&&!this.readOnly;return a(e,{key:"a27c92c78b6c9072b966c299c67ce1677ee9e036"},a("div",{key:"f043228fbbe2f79c2800384c2dacaa1cb0148505",class:{"tag-group-container":!0,"is-readonly":this.readOnly,"is-empty":o}},a("ui-stack",{key:"ca9b9a02f7650193b1633fc4a1b0c5c37e51229a",spacing:this.spacing,overlap:this.overlap,max:this.isExpanded?0:this.max,wrap:"wrap"},a("slot",{key:"d764e67e7dc971c7949d24db226ab9154a657e27"}),n&&a("ui-input",{key:"271591fa4b6bdca9aa879a0179c87018bcd744fc",type:"text",class:"tag-group-inline-input",placeholder:o?this.placeholder:"",value:this.searchQuery,onInputChange:this.handleSearch,onInputKeydown:this.handleAddTag,size:"sm",variant:"borderless",hideBorder:!0,fullWidth:!0})),s&&a("div",{key:"32a338d6978df6192b25a0e98f27079aa3b39ef9",class:"tag-group-empty no-results"},a("span",{key:"ce1d744f56bbd0c85eab6e9c458fade4c1b12fd1"},'No tags match "',this.searchQuery,'"'))||o&&this.readOnly&&a("div",{key:"306938778dae4c4c1890278a67a1df651850792b",class:"tag-group-empty"},a("ui-icon",{key:"b0d025b5476d3895ff968b72eb06d5afff79b870",name:"tag",library:"lucide",size:"1.4em"}),a("span",{key:"52debfaff2c840d1a8c56119f81ec22380082392"},"No items assigned")),this.collapsible&&i&&a("ui-button",{key:"a689ec4aa7f4536f0babc1edf0edeae22a151630",variant:"ghost",size:"sm",class:"tag-group-overflow-toggle",onClick:this.toggleExpand,label:this.isExpanded?"Show less":`View all ${t.length} items`})))}static get watchers(){return{isExpanded:[{handleGroupChange:0}],skeleton:[{handleGroupChange:0}],shape:[{handleGroupChange:0}],color:[{handleGroupChange:0}]}}};p.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.tag-group-container{display:flex;flex-direction:column;gap:12px;padding:8px 12px;border:1.5px solid var(--border-subtle, #e2e8f0);border-radius:10px;background:var(--bg-primary, #f8fafc);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);min-height:42px}.tag-group-container:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.tag-group-container.is-readonly{background:transparent;border-color:transparent;padding:0;pointer-events:none}.tag-group-inline-input{flex:1;min-width:60px;border:none;background:transparent;font-size:13px;padding:4px 0;outline:none;color:var(--text-primary, #1e293b)}.tag-group-inline-input::placeholder{color:var(--color-primary, #94a3b8)}ui-stack[overlap] ui-tag,ui-stack[overlap=true] ui-tag{--ui-tag-border:2px solid var(--bg-primary, #ffffff) !important;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}ui-stack[overlap] ui-tag:hover,ui-stack[overlap=true] ui-tag:hover{transform:translateY(-4px) scale(1.1);z-index:100 !important}ui-tag[highlighted=true]{--ui-tag-bg:var(--color-primary, #10b981) !important;--ui-tag-color:var(--text-standard, #ffffff) !important;--ui-tag-border:1px solid var(--color-primary-hover, #2563eb) !important;transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.tag-group-overflow-toggle{margin-top:4px;align-self:flex-start;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-muted, #64748b);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;cursor:pointer;padding:4px 12px;border-radius:999px;transition:all 0.2s ease}.tag-group-overflow-toggle:hover{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981);transform:translateY(-1px)}.tag-group-overflow-toggle:active{transform:translateY(0)}.tag-group-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:8px;color:var(--color-primary, #94a3b8);background:transparent}.tag-group-empty ui-icon{opacity:0.4}.tag-group-empty span{font-size:13px;font-weight:500}.tag-group-empty.no-results{padding:12px;border-radius:8px;background:rgba(241, 245, 249, 0.5);color:var(--text-muted, #64748b);border:1px dashed var(--border-subtle, #e2e8f0)}";export{s as ui_avatar_group,n as ui_stack,p as ui_tag_group}

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

@@ -1 +0,0 @@
-import{r as t,c as e,a as i,h as r,F as o}from"./p-DUsoYu9r.js";const s=class{constructor(i){t(this,i),this.otpChange=e(this,"otpChange"),this.otpComplete=e(this,"otpComplete"),this.otpSubmit=e(this,"otpSubmit"),this.resendClick=e(this,"resendClick")}get el(){return i(this)}length=6;value="";label="";helperText="";errorText="";disabled=!1;readonly=!1;required=!1;type="number";autoFocus=!0;secure=!1;size="md";color="primary";variant="default";invalid=!1;skeleton=!1;autoSubmit=!1;groupSize=0;placeholder="";rtl=!1;resendInterval=60;resendLabel="Resend Code";otpValues=[];focusedIndex=-1;internalInvalid=!1;internalErrorText="";resendTimer=0;resendIntervalId;otpChange;otpComplete;otpSubmit;resendClick;inputRefs=[];componentWillLoad(){if(this.otpValues=new Array(this.length).fill(""),this.value){const t=this.value.split("").slice(0,this.length);this.otpValues=[...t,...new Array(this.length-t.length).fill("")]}}startResendTimer(){this.resendTimer=this.resendInterval,this.resendIntervalId=setInterval((()=>{this.resendTimer>0?this.resendTimer--:clearInterval(this.resendIntervalId)}),1e3)}handleResend=()=>{this.resendTimer>0||(this.resendClick.emit(),this.startResendTimer())};disconnectedCallback(){this.resendIntervalId&&clearInterval(this.resendIntervalId)}componentDidLoad(){this.autoFocus&&this.inputRefs[0]&&this.inputRefs[0].focus()}handleValueChange(t){if(t===this.otpValues.join(""))return;const e=t.split("").slice(0,this.length);this.otpValues=[...e,...new Array(this.length-e.length).fill("")]}handleInput=(t,e)=>{let i=t.detail;if(i.length>1&&(i=i.slice(-1)),("number"===this.type||"numeric"===this.type)&&i&&!/^\d$/.test(i))return void this.showTemporaryError("Only numbers allowed");if("alphanumeric"===this.type&&i&&!/^[a-zA-Z0-9]$/.test(i))return void this.showTemporaryError("Only letters and numbers allowed");this.internalInvalid=!1,this.internalErrorText="",this.otpValues[e]=i,this.otpValues=[...this.otpValues];const r=this.otpValues.join("");this.value=r;const o=r.length===this.length&&!r.includes("");this.otpChange.emit({value:r,complete:o}),o&&(this.otpComplete.emit({value:r}),this.autoSubmit&&this.handleSubmit()),i&&e<this.length-1&&this.inputRefs[e+1]?.focus()};handleSubmit=()=>{this.otpSubmit.emit({value:this.value})};handleKeyDown=(t,e)=>{if("Backspace"===t.key){if(!this.otpValues[e]&&e>0){this.otpValues[e-1]="",this.otpValues=[...this.otpValues],this.inputRefs[e-1]?.focus();const t=this.otpValues.join("");this.value=t,this.otpChange.emit({value:t,complete:!1})}}else"ArrowLeft"===t.key&&e>0?this.rtl?e<this.length-1&&this.inputRefs[e+1]?.focus():this.inputRefs[e-1]?.focus():"ArrowRight"===t.key&&e<this.length-1&&(this.rtl?this.inputRefs[e-1]?.focus():this.inputRefs[e+1]?.focus())};handlePaste=t=>{t.preventDefault();const e=t.clipboardData.getData("text").split("").slice(0,this.length);if(("number"===this.type||"numeric"===this.type)&&!/^\d+$/.test(e.join("")))return void this.showTemporaryError("Only numbers allowed");if("alphanumeric"===this.type&&!/^[a-zA-Z0-9]+$/.test(e.join("")))return void this.showTemporaryError("Only letters and numbers allowed");this.internalInvalid=!1,this.internalErrorText="",this.otpValues=[...e,...new Array(this.length-e.length).fill("")];const i=this.otpValues.join("");this.value=i;const r=i.length===this.length;this.otpChange.emit({value:i,complete:r}),r?(this.otpComplete.emit({value:i}),this.inputRefs[this.length-1]?.focus()):this.inputRefs[e.length]?.focus()};errorTimeout;showTemporaryError(t){this.internalInvalid=!0,this.internalErrorText=t,this.errorTimeout&&clearTimeout(this.errorTimeout),this.errorTimeout=setTimeout((()=>{this.internalInvalid=!1,this.internalErrorText=""}),2e3)}handleFocus=t=>{this.focusedIndex!==t&&(this.focusedIndex=t,this.inputRefs[t]?.select())};handleBlur=()=>{this.focusedIndex=-1};clear(){this.otpValues=new Array(this.length).fill(""),this.value="",this.otpChange.emit({value:"",complete:!1}),this.inputRefs[0]?.focus()}focus(){this.inputRefs[0]?.focus()}render(){const t=this.invalid||this.internalInvalid,e=this.internalErrorText||this.errorText;return r("div",{key:"0a0a9c52b8714d1f057b2957f0ebcc78a8579d5f",class:{"otp-input":!0,[`otp-input-${this.size}`]:!0,[`otp-input-${this.color}`]:!0,[`otp-input-${this.variant}`]:!0,"otp-input-disabled":this.disabled,"otp-input-readonly":this.readonly,"otp-input-invalid":t,"otp-input-skeleton":this.skeleton},dir:this.rtl?"rtl":"ltr"},this.label&&r("label",{key:"46fb358d236e21367170beee13b0fa63c7bb045c",class:"otp-label"},this.label),r("div",{key:"4c768be697520bbb7b9be1f481efa5aeea85aa5f",class:"otp-inputs-container"},this.otpValues.map(((t,e)=>{const i=this.groupSize>0&&(e+1)%this.groupSize==0&&e!==this.length-1;return r(o,null,r("ui-input",{ref:t=>this.inputRefs[e]=t,type:this.secure?"password":"text",inputMode:"number"===this.type||"numeric"===this.type?"numeric":"text",pattern:"number"===this.type||"numeric"===this.type?"[0-9]*":void 0,maxLength:1,class:{"otp-input-field":!0,focused:this.focusedIndex===e,filled:!!t},value:t,placeholder:this.placeholder,disabled:this.disabled||this.skeleton,readonly:this.readonly,onInputChange:t=>this.handleInput(t,e),onInputKeydown:t=>this.handleKeyDown(t.detail,e),onPasteInternal:t=>0===e?this.handlePaste(t.detail):t.detail.preventDefault(),onFocusInternal:()=>this.handleFocus(e),onInputBlur:this.handleBlur,ariaLabel:`Digit ${e+1}`,size:this.size,align:"center"}),i&&r("div",{class:"otp-divider"}))}))),t&&e&&r("div",{key:"c5349d5e5e04c6f238e8d2e826684d1a47464385",class:"error-text"},r("ui-icon",{key:"440b6a35be56cb372799676c24436cb8655fe8e7",name:"exclamation-circle",library:"fontawesome"}),e),!t&&this.helperText&&r("div",{key:"9e8357a1bc20e41ae07a2cb14b8f88c1b6c73b9f",class:"helper-text"},this.helperText),r("div",{key:"11f5ed36239872e672e9626ad8713a603a7a50fe",class:"otp-resend-container"},r("ui-button",{key:"bb46ef1c84eafc63a5a8ed507972f7c33646544d",variant:"ghost",size:"sm",onClick:this.handleResend,disabled:this.resendTimer>0||this.disabled,label:`${this.resendLabel} ${this.resendTimer>0?`(${this.resendTimer}s)`:""}`})))}static get watchers(){return{value:[{handleValueChange:0}]}}};s.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.otp-input{display:flex;flex-direction:column;gap:12px}.otp-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-primary, #333));margin-bottom:8px}.otp-inputs-container{display:flex;gap:8px;justify-content:center;align-items:center}.otp-divider{width:12px;height:2px;background:var(--border-color, #e0e0e0);margin-inline-start:4px;margin-inline-end:4px}.otp-input-field{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--surface-color, var(--bg-primary, #ffffff));outline:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);caret-color:var(--primary-color, var(--color-success, #3dcd58))}.otp-input-field:hover:not(:disabled){border-color:var(--border-hover, #bbb)}.otp-input-field:focus,.otp-input-field.focused{border-color:var(--primary-color, var(--color-success, #3dcd58));box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 61, 205, 88), 0.15);transform:translateY(-2px)}.otp-input-field.filled{border-color:var(--primary-color, var(--color-success, #3dcd58));background:var(--primary-color-light, rgba(var(--color-success-rgb, 61, 205, 88), 0.05))}.otp-input-field:disabled{background:var(--background-secondary, #f5f5f5);cursor:not-allowed;opacity:0.6}.otp-input-sm .otp-input-field{width:40px;height:48px;font-size:20px}.otp-input-lg .otp-input-field{width:56px;height:64px;font-size:28px}.otp-input-secondary .otp-input-field:focus{border-color:var(--color-primary, #6b7280);box-shadow:0 0 0 3px rgba(107, 114, 128, 0.15)}.otp-input-success .otp-input-field:focus{border-color:var(--color-success, #16a34a);box-shadow:0 0 0 3px rgba(22, 163, 74, 0.15)}.otp-input-danger .otp-input-field:focus{border-color:var(--color-danger-hover, #dc2626);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb, 220, 38, 38), 0.15)}.otp-input-warning .otp-input-field:focus{border-color:var(--color-warning, #f59e0b);box-shadow:0 0 0 3px rgba(var(--color-warning-rgb, 245, 158, 11), 0.15)}.otp-input-info .otp-input-field:focus{border-color:var(--color-info-hover, #0891b2);box-shadow:0 0 0 3px rgba(8, 145, 178, 0.15)}.otp-input-underlined .otp-input-field{border:none;border-bottom:2px solid var(--border-color);border-radius:0;background:transparent}.otp-input-underlined .otp-input-field:focus{transform:none;border-bottom-color:var(--primary-color);box-shadow:none}.otp-input-flushed .otp-input-field{border:none;background:var(--background-secondary, var(--bg-secondary, #f3f4f6));border-radius:12px}.otp-input-flushed .otp-input-field:focus{background:var(--surface-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}.otp-input-separated .otp-input-field{margin-inline-start:4px;margin-inline-end:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);border-radius:12px}.otp-input-invalid{animation:otp-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.otp-input-invalid .otp-input-field{border-color:var(--danger-color, #f44336) !important}.otp-input-invalid .otp-input-field:focus{box-shadow:0 0 0 3px rgba(244, 67, 54, 0.15)}.error-text{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--danger-color, #f44336)}.error-text i{font-size:14px}.helper-text{font-size:12px;color:var(--label-subtitle-color, var(--text-secondary, #666));text-align:center}.otp-input-skeleton{pointer-events:none}.otp-input-skeleton .otp-input-field{background:linear-gradient(90deg, var(--bg-secondary, #f3f4f6) 25%, var(--bg-primary, #e5e7eb) 50%, var(--bg-secondary, #f3f4f6) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-color:transparent}.otp-input-skeleton .otp-label{width:80px;height:14px;background:var(--bg-primary, #e5e7eb);border-radius:4px;margin-bottom:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes otp-shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes fillPulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 15px rgba(var(--color-success-rgb, 61, 205, 88), 0.3)}100%{transform:scale(1)}}.otp-input-field.filled{animation:fillPulse 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}";export{s as ui_otp_input}