atomicuilibrary 0.0.1

package/dist/components/dropdown.js

@@ -0,0 +1 @@
+import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as e,transformTag as i}from"@stencil/core/internal/client";import{c as d}from"./dom.js";import{d as n,a}from"./badge.js";import{d as s}from"./icon.js";import{d as p}from"./tag.js";const l=new class{container;politeRegion;assertiveRegion;constructor(){this.init()}init(){const o=document.getElementById("aria-live-regions");if(o)return this.container=o,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(o){const r=document.createElement("div");return r.id=`aria-live-${o}`,r.setAttribute("aria-live",o),r.setAttribute("aria-atomic","true"),r}announce(o,r="polite"){this.container||this.init();const t="assertive"===r?this.assertiveRegion:this.politeRegion;t.textContent="",setTimeout((()=>{t.textContent=o}),50)}},c=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.valueChange=t(this,"valueChange",7),this.dropdownOpen=t(this,"dropdownOpen",7),this.dropdownClose=t(this,"dropdownClose",7)}get hostElement(){return 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=o=>{if(!this.isOpen)return;const r=o.composedPath(),t=r.some((o=>o===this.hostElement)),e=this.menuElement&&r.some((o=>o===this.menuElement||o instanceof Node&&this.menuElement.contains(o)));t||e||this.closeDropdown()};expandAll=!1;skeleton=!1;showSelectAll=!1;selectAllLabel="Select All";textColor="";virtualScroll=!1;caseSensitive=!1;label="";valueChange;dropdownOpen;dropdownClose;handleOptionsChange(o){this.parseOptions(o),this.syncNestedPath()}handleValueChange(o){this.updateSelectedValues(o),this.syncNestedPath()}handleSearchQueryChange(){clearTimeout(this.searchDebounce),this.searchDebounce=setTimeout((()=>{const o=this.getVisibleOptionCount();l.announce(`${o} option${1!==o?"s":""} found`)}),300)}componentWillLoad(){this.parseOptions(this.options),this.updateSelectedValues(this.value),this.syncNestedPath(),this.expandAll&&this.cascading&&this.expandAllNodes(this.parsedOptions)}expandAllNodes(o){o.forEach((o=>{o.children&&(this.expandedNodes.add(o.value.toString()),this.expandAllNodes(o.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(o){return`dropdown-option-${o}`}handleKeyDown=o=>{if(!this.disabled)if(this.searchable||1!==o.key.length||!this.isOpen)switch(o.key){case"Enter":case" ":if(this.isOpen){if(this.highlightedIndex>=0){o.preventDefault();const r=this.getVisibleOptions();r[this.highlightedIndex]&&this.handleOptionClick(r[this.highlightedIndex],o)}}else o.preventDefault(),this.toggleDropdown();break;case"ArrowDown":if(o.preventDefault(),this.isOpen){const o=this.getVisibleOptionCount();this.highlightedIndex=Math.min(this.highlightedIndex+1,o-1),this.scrollToHighlighted()}else this.toggleDropdown();break;case"ArrowUp":o.preventDefault(),this.isOpen&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0),this.scrollToHighlighted());break;case"Escape":this.isOpen&&(o.preventDefault(),this.closeDropdown(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus());break;case"Tab":this.isOpen&&this.closeDropdown()}else{const r=o.key.toLowerCase(),t=this.getVisibleOptions(),e=this.highlightedIndex+1,i=[...t.slice(e),...t.slice(0,e)].findIndex((o=>(o.label??"").toLowerCase().startsWith(r)));if(-1!==i){let o=e+i;o>=t.length&&(o-=t.length),this.highlightedIndex=o,this.scrollToHighlighted(),l.announce(t[o].label??"")}}};getVisibleOptions(){if(this.isNestedMenuVariant())return this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).flat();const o=[],r=t=>{t.forEach((t=>{o.push(t),t.children&&(this.expandedNodes.has(t.value?.toString()??"")||this.searchQuery)&&r(t.children)}))};return this.cascading?r(this.filterOptions(this.parsedOptions)):this.filterOptions(this.parsedOptions).forEach((r=>o.push(r))),o}getVisibleOptionCount(){return this.getVisibleOptions().length}scrollToHighlighted(){const o=this.optionsRef[this.highlightedIndex];o&&o.scrollIntoView({block:"nearest"})}isNestedMenuVariant(){return"nested-menu"===this.variant&&this.cascading&&!this.searchQuery}findOptionPathByValue(o,r,t=[]){for(const e of o){const o=e.value?.toString()??"",i=o?[...t,o]:[...t];if(o===r)return i;if(e.children){const o=this.findOptionPathByValue(e.children,r,i);if(o)return o}}return null}syncNestedPath(){if("nested-menu"!==this.variant||!this.cascading)return void(this.nestedPath=[]);const o=Array.from(this.selectedValues)[0];this.nestedPath=o?this.findOptionPathByValue(this.parsedOptions,o)??[]:[]}setNestedPath(o,r){const t=this.nestedPath.slice(0,o);t[o]=r,this.nestedPath=t}getNestedMenuLevels(o){const r=[];let t=o;t.length>0&&r.push(t);for(let o=0;o<this.nestedPath.length;o++){const e=this.nestedPath[o],i=t.find((o=>(o.value?.toString()??"")===e));if(!i?.children?.length)break;t=i.children,r.push(t)}return r}getNestedMenuEstimatedWidth(){return("sm"===this.size?190:"lg"===this.size?260:220)*Math.max(1,this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).length)}parseOptions(o){let r=[];if("string"==typeof o&&o.length>0)try{r=JSON.parse(o)}catch(o){console.error("Invalid JSON for dropdown options:",o),r=[]}else if(Array.isArray(o)&&o.length>0)r=o;else{const o=Array.from(this.hostElement.querySelectorAll("option"));r=o.length>0?o.map((o=>({label:o.textContent||"",value:o.value||o.textContent||"",disabled:o.disabled,...o.dataset.icon?{icon:o.dataset.icon}:{},...o.dataset.subtitle?{subtitle:o.dataset.subtitle}:{},...o.dataset.description?{description:o.dataset.description}:{},...o.dataset.group?{group:o.dataset.group}:{}}))):[]}const t=[];r.forEach((o=>{o.options&&Array.isArray(o.options)?o.options.forEach((r=>{t.push({...r,group:o.label})})):t.push(o)})),this.parsedOptions=t}updateSelectedValues(o){this.selectedValues=o?this.multiSelect?new Set(o.split(",").filter((o=>o))):new Set([o]):new Set}toggleDropdown=()=>{if(this.disabled)return;const o=this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")||this.hostElement.querySelector(".dropdown-trigger");if(!o)return;const r=o.getBoundingClientRect();if(0!==r.width||0!==r.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 o=this.getVisibleOptions().findIndex((o=>this.selectedValues.has(o.value?.toString()??"")));-1!==o&&(this.highlightedIndex=o)}setTimeout((()=>{this.calculateDropdownPosition(),this.searchable&&this.searchInputRef&&this.searchInputRef.focus()}),50)}else this.closeDropdown()};schedulePositionUpdate(){null!==this.rafId&&cancelAnimationFrame(this.rafId);const o=performance.now(),r=t=>{this.isOpen?(this.calculateDropdownPosition(),this.rafId=t-o<250?requestAnimationFrame(r):null):this.rafId=null};this.rafId=requestAnimationFrame(r)}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 o=String(this.menuWidth).trim();if(!o)return{};if(/^\d+(?:\.\d+)?$/.test(o)){const r=Number(o);return{cssWidth:`${r}px`,pixelWidth:r}}return/^\d+(?:\.\d+)?px$/i.test(o)?{cssWidth:o,pixelWidth:parseFloat(o)}:{cssWidth:o}}getMenuStyle(o){const r=this.parseConfiguredMenuWidth(),t=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:o?"visible":0===this.menuLeft&&0===this.menuTop?"hidden":"visible",top:`${this.menuTop}px`};return r.cssWidth?{...e,width:r.cssWidth}:this.fullWidth?{...e,width:t,minWidth:t}:{...e,width:"max-content",minWidth:t}}shouldPortalMenu(){return!0}calculateDropdownPosition(){if(!this.hostElement||!this.isOpen||!this.menuElement)return;const o=this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")||this.hostElement.querySelector(".dropdown-trigger");if(!o)return;const r=o.getBoundingClientRect();if(0===r.width&&0===r.height)return this.menuLeft=0,this.menuTop=0,this.computedMenuWidth=0,void(this.dropdownPosition="bottom");const t=this.parseConfiguredMenuWidth(),e=o.offsetWidth||r.width,i=!this.fitContent&&t.pixelWidth?t.pixelWidth:this.isNestedMenuVariant()?Math.max(e,this.getNestedMenuEstimatedWidth()):e,n=this.shouldPortalMenu();n&&this.menuElement.parentElement!==document.body?(document.body.appendChild(this.menuElement),this.isPortaled=!0):!n&&this.isPortaled&&this.cleanupPortal();const{left:a,top:s,placement:p,availableHeight:l}=d(o,{menuWidth:i,menuHeight:this.maxHeight||300,gap:4,placement:"auto",useTransformedAncestorOffset:!n||!this.ignoreParentPosition}),c=Math.max(80,Math.min(this.maxHeight||300,l));let h=a,w=s;n||(h=a,w=s),this.menuLeft===h&&this.menuTop===w&&this.computedMenuWidth===e&&this.dropdownPosition===p&&this.menuMaxHeight===c||(this.menuLeft=h,this.menuTop=w,this.computedMenuWidth=e,this.dropdownPosition=p,this.menuMaxHeight=c)}closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.dropdownClose.emit(),this.searchQuery="",this.cleanupPortal())};handleOptionClick=(o,r)=>{if(r.stopPropagation(),!o.disabled)if(this.cascading&&o.children&&o.children.length>0){if(this.isNestedMenuVariant()){const r=this.getNestedMenuLevels(this.filterOptions(this.parsedOptions)).findIndex((r=>r.some((r=>(r.value?.toString()??"")===(o.value?.toString()??"")))));return void this.setNestedPath(-1===r?0:r,o.value?.toString()??"")}this.toggleNode(o.value?.toString()??"")}else{if(this.multiSelect){const r=new Set(this.selectedValues),t=o.value?.toString()??"";r.has(t)?(r.delete(t),l.announce(`Deselected ${o.label}`)):(r.add(t),l.announce(`Selected ${o.label}`)),this.selectedValues=r,this.value=Array.from(r).join(",")}else{const r=o.value?.toString()??"";this.selectedValues=new Set([r]),this.value=r,this.closeDropdown(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus(),l.announce(`Selected ${o.label}`)}this.emitChangeEvent()}};toggleNode=o=>{const r=new Set(this.expandedNodes);r.has(o)?r.delete(o):r.add(o),this.expandedNodes=r};handleClear=o=>{o.stopPropagation(),this.selectedValues=new Set,this.value="",this.emitChangeEvent(),this.hostElement.shadowRoot?.querySelector(".dropdown-trigger")?.focus()};handleSearchInput=o=>{this.searchQuery=o.target.value.toLowerCase()};emitChangeEvent(){const o=this.getSelectedOptions();this.valueChange.emit({value:this.value,selectedOptions:o})}getSelectedOptions(){const o=[],r=t=>{t.forEach((t=>{this.selectedValues.has(t.value?.toString()??"")&&o.push(t),t.children&&r(t.children)}))};return r(this.parsedOptions),o}getSelectedDescendantCount(o){if(!o.children)return 0;let r=0;const t=o=>{o.forEach((o=>{this.selectedValues.has(o.value?.toString()??"")&&r++,o.children&&t(o.children)}))};return t(o.children),r}filterOptions(o){return this.searchQuery?o.filter((o=>{const r=this.caseSensitive?this.searchQuery:this.searchQuery.toLowerCase(),t=this.caseSensitive?o.label??"":(o.label??"").toLowerCase(),e=this.caseSensitive?o.subtitle||"":(o.subtitle||"").toLowerCase(),i=this.caseSensitive?o.description||"":(o.description||"").toLowerCase(),d=this.caseSensitive?o.group||"":(o.group||"").toLowerCase(),n=t.includes(r),a=e.includes(r),s=i.includes(r),p=d.includes(r),l=o.children&&this.filterOptions(o.children).length>0;return n||a||s||p||l})).map((o=>({...o,children:o.children?this.filterOptions(o.children):void 0}))):o}getIconSize(o){let r="md";return"sm"!==this.size&&"md"!==this.size&&"lg"!==this.size||(r=this.size),{sm:{main:"14px",sub:"12px",marker:"16px"},md:{main:"16px",sub:"14px",marker:"18px"},lg:{main:"18px",sub:"16px",marker:"20px"}}[r][o]}highlightMatches(o){if(!this.searchQuery||!o)return o;const r=this.searchQuery.toLowerCase(),t=o.toLowerCase().indexOf(r);return-1===t?o:e("span",null,o.substring(0,t),e("span",{class:"dropdown-search-highlight"},o.substring(t,t+r.length)),o.substring(t+r.length))}renderOption(o,r=0,t={current:0}){if(o.isSeparator)return e("div",{class:"dropdown-separator"});const i=this.selectedValues.has(o.value?.toString()??""),d=!!(this.cascading&&o.children&&o.children.length>0),n=t.current;t.current++;const a=n===this.highlightedIndex,s=this.getOptionId(n);return e("div",{class:"dropdown-option-wrapper",key:o.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":!!o.disabled,"dropdown-option-parent":d},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:r=>this.handleOptionClick(o,r),ref:o=>{o&&(this.optionsRef[n]=o)}},(this.multiSelect&&!d||o.icon)&&e("div",{class:"dropdown-option-left"},this.multiSelect&&!d&&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"})),o.icon&&e("span",{class:"dropdown-option-icon"},"string"==typeof o.icon?e("ui-icon",{name:o.icon,library:o.iconLibrary,size:this.getIconSize("main")}):o.icon)),e("div",{class:"dropdown-option-text"},e("div",{class:{"dropdown-option-content":!0,"dropdown-content-parent":d}},e("div",{class:"dropdown-option-label"},this.highlightMatches(o.label??"")),(o.subtitle||o.description)&&e("div",{class:"dropdown-option-subtitle"},this.highlightMatches(o.subtitle??o.description??"")))),e("div",{class:"dropdown-option-right"},o.rightTag&&e("ui-tag",{label:o.rightTag,color:o.rightTagColor||"default",size:"sm",variant:"light",class:"dropdown-option-tag"}),o.rightIcon&&e("span",{class:"dropdown-option-right-icon"},e("ui-icon",{name:o.rightIcon,library:o.rightIconLibrary,size:this.getIconSize("sub")})),d&&e("div",{class:"dropdown-expand-group"},this.multiSelect&&(()=>{const r=this.getSelectedDescendantCount(o);return r>0?e("span",{class:"dropdown-badge"},r):null})(),e("ui-icon",{name:"chevron-right",library:"lucide",size:this.getIconSize("sub"),class:{"dropdown-expand-icon":!0,expanded:this.expandedNodes.has(o.value?.toString()??"")}})),!this.multiSelect&&!d&&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)))),d&&this.expandedNodes.has(o.value?.toString()??"")&&e("div",{class:"dropdown-children"},o.children?.map((o=>this.renderOption(o,r+1,t)))))}renderChips(){const o=this.getSelectedOptions();return 0===o.length?this.placeholder:e("div",{class:"dropdown-chips"},o.map((o=>e("ui-tag",{label:o.label??"",size:"sm",color:"primary",variant:"light",removable:!0,animation:"slide",onTagRemove:r=>{r.stopPropagation(),this.handleOptionClick(o,r)}}))))}getDisplayText(){if(0===this.selectedValues.size)return this.placeholder;if(this.multiSelect){if(this.chipView)return this.renderChips();const o=this.getSelectedOptions();return 1===o.length?o[0].label:`${o.length} items selected`}{const o=this.getSelectedOptions();if(o.length>0){const r=o[0];return"detailed"===this.variant&&r.icon?e("div",{class:"dropdown-trigger-content"},e("ui-icon",{name:r.icon,library:r.iconLibrary||this.iconLibrary,size:"18px",class:"dropdown-trigger-icon"}),e("span",{class:"dropdown-trigger-label"},r.label)):r.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 o=this.filterOptions(this.parsedOptions),r=this.selectedValues.size>0,t=void 0!==this.showArrow?this.showArrow:"button"!==this.appearance,i=void 0!==this.clearable?this.clearable:this.multiSelect&&!this.chipView,d=this.isOpen&&this.highlightedIndex>=0?this.getOptionId(this.highlightedIndex):void 0,n=!this.shouldPortalMenu();let a={};return a.color=this.textColor&&r?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&&r,"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":d},e("slot",{name:"prefix"}),e("div",{class:{"dropdown-display":!0,"dropdown-placeholder":!r},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"})),r&&i&&!this.disabled&&e("span",{class:"dropdown-clear",onClick:this.handleClear,tabIndex:0,role:"button","aria-label":"Clear selection",onKeyDown:o=>{"Enter"!==o.key&&" "!==o.key||(o.stopPropagation(),this.handleClear(o))}},e("ui-icon",{name:"x",library:"lucide",size:this.getIconSize("sub")})),t&&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":n,"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:o=>{o&&(this.menuElement=o)},style:this.getMenuStyle(n)},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:o=>{o&&(this.searchInputRef=o)},onKeyDown:this.handleKeyDown,"aria-activedescendant":d}))),e("div",{class:"dropdown-options"},this.renderBulkActions(o),o.length>0?this.renderMenuContents(o,{current:0}):e("div",{class:"dropdown-empty"},e("slot",{name:"empty-state"},"No options found")))))}isAllSelected(o){const r=o=>{let t=[];return o.forEach((o=>{t.push(o.value?.toString()??""),o.children&&(t=[...t,...r(o.children)])})),t},t=r(o);return 0!==t.length&&t.every((o=>this.selectedValues.has(o)))}toggleSelectAll(o){const r=o=>{let t=[];return o.forEach((o=>{t.push(o.value?.toString()??""),o.children&&(t=[...t,...r(o.children)])})),t},t=r(o),e=this.isAllSelected(o);t.forEach(e?o=>this.selectedValues.delete(o):o=>this.selectedValues.add(o)),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(o){if(!this.multiSelect||this.searchQuery)return null;const r=this.isAllSelected(o),t=this.selectedValues.size>0,i=this.showSelectAll&&o.length>0;return i||t?e("div",{class:"dropdown-bulk-actions"},i&&e("div",{class:{"dropdown-select-all":!0,"dropdown-select-all-with-clear":t},onClick:r=>{r.stopPropagation(),this.toggleSelectAll(o)}},e("div",{class:{"dropdown-checkbox":!0,"dropdown-checkbox-selected":r}},r&&e("ui-icon",{name:"check",library:"lucide",size:"12px"})),e("span",null,this.selectAllLabel)),t&&e("div",{class:"dropdown-clear-all",onClick:o=>{o.stopPropagation(),this.clearAllSelections()}},e("ui-icon",{name:"trash-2",library:"lucide",size:"14px"}),e("span",null,"Clear All"))):null}renderNestedMenuContents(o,r){const t=this.getNestedMenuLevels(o);return e("div",{class:"dropdown-nested-columns"},t.map(((o,t)=>e("div",{class:"dropdown-nested-panel",key:`nested-level-${t}`},o.map((o=>{const i=!!o.children?.length,d=o.value?.toString()??"",n=this.selectedValues.has(d),a=this.nestedPath[t]===d,s=r.current;r.current++;const p=s===this.highlightedIndex,l=this.getOptionId(s);return e("div",{class:"dropdown-option-wrapper",key:`${d}-${t}`,role:"option",id:l,"aria-selected":n?"true":"false"},e("div",{class:{"ui-dropdown-option":!0,dropdowndata:!0,"dropdown-nested-option":!0,"ui-dropdown-option-selected":n,"dropdown-option-highlighted":p,"dropdown-option-disabled":!!o.disabled,"dropdown-option-parent":i,"dropdown-nested-option-active":a},onMouseEnter:()=>{i&&this.setNestedPath(t,d)},onClick:r=>this.handleOptionClick(o,r),ref:o=>{o&&(this.optionsRef[s]=o)}},(this.multiSelect&&!i||o.icon)&&e("div",{class:"dropdown-option-left"},this.multiSelect&&!i&&e("div",{class:{"dropdown-checkbox":!0,checked:n,"dropdown-checkbox-selected":n}},n&&e("ui-icon",{name:"check",library:"lucide",size:this.getIconSize("sub"),color:"white"})),o.icon&&e("span",{class:"dropdown-option-icon"},"string"==typeof o.icon?e("ui-icon",{name:o.icon,library:o.iconLibrary,size:this.getIconSize("main")}):o.icon)),e("div",{class:"dropdown-option-text"},e("div",{class:"dropdown-option-content"},e("div",{class:"dropdown-option-label"},this.highlightMatches(o.label??"")),(o.subtitle||o.description)&&e("div",{class:"dropdown-option-subtitle"},this.highlightMatches(o.subtitle??o.description??"")))),e("div",{class:"dropdown-option-right"},o.rightTag&&e("ui-tag",{label:o.rightTag,color:o.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:n?{}:{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(o,r){if(this.isNestedMenuVariant())return this.renderNestedMenuContents(o,r);const t=[];let i=null;return(this.virtualScroll?o.slice(0,50):o).forEach((o=>{o.group&&o.group!==i&&(t.push(e("div",{class:"dropdown-group-header"},o.group)),i=o.group),t.push(this.renderOption(o,0,r))})),this.virtualScroll&&o.length>50&&t.push(e("div",{class:"dropdown-more-info"},"Showing 50 of ",o.length," items. Use search to find more.")),t}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}],searchQuery:[{handleSearchQueryChange:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}: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}'}},[772,"ui-dropdown",{options:[1],placeholder:[1],multiSelect:[4,"multi-select"],cascading:[4],value:[1025],disabled:[4],searchable:[4],maxHeight:[2,"max-height"],size:[1],appearance:[1],variant:[1],chipView:[4,"chip-view"],showArrow:[4,"show-arrow"],ignoreParentPosition:[4,"ignore-parent-position"],clearable:[4],fullWidth:[4,"full-width"],fitContent:[4,"fit-content"],menuWidth:[8,"menu-width"],loading:[4],invalid:[4],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],searchPlaceholder:[1,"search-placeholder"],iconLibrary:[1,"icon-library"],showPath:[4,"show-path"],highFidelity:[4,"high-fidelity"],rtl:[4],shape:[1],showSelectedMarker:[4,"show-selected-marker"],selectedMarkerIcon:[1,"selected-marker-icon"],selectedMarkerLibrary:[1,"selected-marker-library"],selectedMarkerLabel:[1,"selected-marker-label"],selectedMarkerColor:[1,"selected-marker-color"],expandAll:[4,"expand-all"],skeleton:[4],showSelectAll:[4,"show-select-all"],selectAllLabel:[1,"select-all-label"],textColor:[1,"text-color"],virtualScroll:[4,"virtual-scroll"],caseSensitive:[4,"case-sensitive"],label:[1],isOpen:[32],parsedOptions:[32],selectedValues:[32],searchQuery:[32],expandedNodes:[32],dropdownPosition:[32],menuLeft:[32],menuTop:[32],computedMenuWidth:[32],menuMaxHeight:[32],highlightedIndex:[32],nestedPath:[32],open:[64]},void 0,{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}],searchQuery:[{handleSearchQueryChange:0}]}]);function h(){"undefined"!=typeof customElements&&["ui-dropdown","ui-badge","ui-button","ui-icon","ui-tag"].forEach((o=>{switch(o){case"ui-dropdown":customElements.get(i(o))||customElements.define(i(o),c);break;case"ui-badge":customElements.get(i(o))||a();break;case"ui-button":customElements.get(i(o))||n();break;case"ui-icon":customElements.get(i(o))||s();break;case"ui-tag":customElements.get(i(o))||p()}}))}export{c as D,h as d}

package/dist/components/event-bus.js

@@ -0,0 +1 @@
+const s=new class{listeners=new Map;on(s,t){const n=this.listeners.get(s)||[];return n.push(t),this.listeners.set(s,n),()=>this.off(s,t)}off(s,t){const n=this.listeners.get(s)||[];this.listeners.set(s,n.filter((s=>s!==t)))}emit(s,...t){const n=this.listeners.get(s)||[];for(const s of n.slice())s(...t)}};export{s as G}

package/dist/components/focus-trap.js

@@ -0,0 +1 @@
+class t{container;options;originalFocusedElement=null;firstFocusable=null;lastFocusable=null;isActive=!1;focusableSelectors=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","iframe","object","embed","[contenteditable]",'[tabindex]:not([tabindex="-1"])',"ui-terminal","ui-code-editor"];constructor(t,i={}){this.container=t,this.options={escapeDeactivates:!0,clickOutsideDeactivates:!1,returnFocus:!0,...i}}activate(){if(!this.isActive){if(this.originalFocusedElement=document.activeElement,this.isActive=!0,this.container.addEventListener("keydown",this.handleKeyDown),this.options.clickOutsideDeactivates&&document.addEventListener("click",this.handleClickOutside),this.updateFocusableElements(),this.options.initialFocus){const t="string"==typeof this.options.initialFocus?this.container.querySelector(this.options.initialFocus):this.options.initialFocus;t?t.focus():this.firstFocusable&&this.firstFocusable.focus()}else this.firstFocusable&&this.firstFocusable.focus();this.container.classList.add("focus-trap-active")}}deactivate(){this.isActive&&(this.isActive=!1,this.container.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleClickOutside),this.container.classList.remove("focus-trap-active"),this.options.returnFocus&&this.originalFocusedElement&&document.contains(this.originalFocusedElement)&&("boolean"==typeof this.options.returnFocus?this.originalFocusedElement.focus():this.options.returnFocus.focus()))}updateFocusableElements=()=>{const t=Array.from(this.container.querySelectorAll(this.focusableSelectors.join(","))).filter((t=>null!==t.offsetParent&&!t.hasAttribute("disabled")&&"-1"!==t.getAttribute("tabindex")));this.firstFocusable=t[0]||null,this.lastFocusable=t[t.length-1]||null};handleKeyDown=t=>{if(this.options.escapeDeactivates&&"Escape"===t.key)this.deactivate();else if("Tab"===t.key){if(this.updateFocusableElements(),!this.firstFocusable||!this.lastFocusable)return void t.preventDefault();const i=this.getActiveElement();t.shiftKey?i!==this.firstFocusable&&this.containsPierce(this.container,i)||(t.preventDefault(),this.lastFocusable?.focus()):i!==this.lastFocusable&&this.containsPierce(this.container,i)||(t.preventDefault(),this.firstFocusable?.focus())}};getActiveElement(){let t=document.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}containsPierce(t,i){if(!i)return!1;let s=i;for(;s;){if(s===t)return!0;s=s.parentNode||s.host}return!1}handleClickOutside=t=>{this.containsPierce(this.container,t.target)||this.deactivate()}}export{t as F}

package/dist/components/icon.js

@@ -0,0 +1,2 @@
+import{proxyCustomElement as t,HTMLElement as e,h as n,Host as i,transformTag as o}from"@stencil/core/internal/client";const r={xxxs:"xxxs",xxs:"xxs",xs:"xs",sm:"sm",small:"sm",md:"md",medium:"md",lg:"lg",large:"lg",xl:"xl",xlarge:"xl","extra-large":"xl",extralarge:"xl",xxl:"xxl",xxxl:"xxxl",default:"md"};function a(t,e="md"){const n=String(t??e).trim();return n?r[n.toLowerCase()]??n:e}
+/*! @license DOMPurify 3.4.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.3/LICENSE */function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}const s=Object.entries,c=Object.setPrototypeOf,f=Object.isFrozen,u=Object.getPrototypeOf,m=Object.getOwnPropertyDescriptor;let p=Object.freeze,d=Object.seal,h=Object.create,g="undefined"!=typeof Reflect&&Reflect,y=g.apply,b=g.construct;p||(p=function(t){return t}),d||(d=function(t){return t}),y||(y=function(t,e){for(var n=arguments.length,i=new Array(n>2?n-2:0),o=2;o<n;o++)i[o-2]=arguments[o];return t.apply(e,i)}),b||(b=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];return new t(...n)});const x=B(Array.prototype.forEach),w=B(Array.prototype.lastIndexOf),v=B(Array.prototype.pop),k=B(Array.prototype.push),S=B(Array.prototype.splice),z=Array.isArray,A=B(String.prototype.toLowerCase),T=B(String.prototype.toString),j=B(String.prototype.match),E=B(String.prototype.replace),O=B(String.prototype.indexOf),I=B(String.prototype.trim),C=B(Number.prototype.toString),D=B(Boolean.prototype.toString),L="undefined"==typeof BigInt?null:B(BigInt.prototype.toString),R="undefined"==typeof Symbol?null:B(Symbol.prototype.toString),_=B(Object.prototype.hasOwnProperty),N=B(Object.prototype.toString),M=B(RegExp.prototype.test),F=($=TypeError,function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return b($,e)});var $;function B(t){return function(e){e instanceof RegExp&&(e.lastIndex=0);for(var n=arguments.length,i=new Array(n>1?n-1:0),o=1;o<n;o++)i[o-1]=arguments[o];return y(t,e,i)}}function P(t,e){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:A;if(c&&c(t,null),!z(e))return t;let i=e.length;for(;i--;){let o=e[i];if("string"==typeof o){const t=n(o);t!==o&&(f(e)||(e[i]=t),o=t)}t[o]=!0}return t}function U(t){for(let e=0;e<t.length;e++)_(t,e)||(t[e]=null);return t}function G(t){const e=h(null);for(const r of s(t)){var n=(o=2,function(t){if(Array.isArray(t))return t}(i=r)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var i,o,r,a,l=[],s=!0,c=!1;try{if(r=(n=n.call(t)).next,0===e);else for(;!(s=(i=r.call(n)).done)&&(l.push(i.value),l.length!==e);s=!0);}catch(t){c=!0,o=t}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}(i,o)||function(t,e){if(t){if("string"==typeof t)return l(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):void 0}}(i,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());const a=n[0],s=n[1];_(t,a)&&(e[a]=z(s)?U(s):s&&"object"==typeof s&&s.constructor===Object?G(s):s)}var i,o;return e}function H(t,e){for(;null!==t;){const n=m(t,e);if(n){if(n.get)return B(n.get);if("function"==typeof n.value)return B(n.value)}t=u(t)}return function(){return null}}const W=p(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),q=p(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),Y=p(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),K=p(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),V=p(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),X=p(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),Z=p(["#text"]),J=p(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns"]),Q=p(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),tt=p(["accent","accentunder","align","bevelled","close","columnalign","columnlines","columnspacing","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lquote","lspace","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),et=p(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),nt=d(/{{[\w\W]*|^[\w\W]*}}/g),it=d(/<%[\w\W]*|^[\w\W]*%>/g),ot=d(/\${[\w\W]*/g),rt=d(/^data-[\-\w.\u00B7-\uFFFF]+$/),at=d(/^aria-[\-\w]+$/),lt=d(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),st=d(/^(?:\w+script|data):/i),ct=d(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),ft=d(/^html$/i),ut=d(/^[a-z][.\w]*(-[.\w]+)+$/i),mt=function(){return"undefined"==typeof window?null:window};var pt=function t(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:mt();const n=e=>t(e);if(n.version="3.4.3",n.removed=[],!e||!e.document||9!==e.document.nodeType||!e.Element)return n.isSupported=!1,n;let i=e.document;const o=i,r=o.currentScript,a=e.DocumentFragment,l=e.HTMLTemplateElement,c=e.Node,f=e.Element,u=e.NodeFilter,m=e.NamedNodeMap,d=void 0===m?e.NamedNodeMap||e.MozNamedAttrMap:m,g=e.HTMLFormElement,y=e.DOMParser,b=e.trustedTypes,$=f.prototype,B=H($,"cloneNode"),U=H($,"remove"),pt=H($,"nextSibling"),dt=H($,"childNodes"),ht=H($,"parentNode");if("function"==typeof l){const t=i.createElement("template");t.content&&t.content.ownerDocument&&(i=t.content.ownerDocument)}let gt,yt="";const bt=i.implementation,xt=i.createNodeIterator,wt=i.createDocumentFragment,vt=i.getElementsByTagName,kt=o.importNode;let St={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};n.isSupported="function"==typeof s&&"function"==typeof ht&&bt&&void 0!==bt.createHTMLDocument;const zt=nt,At=it,Tt=ot,jt=rt,Et=at,Ot=st,It=ct,Ct=ut;let Dt=lt,Lt=null;const Rt=P({},[...W,...q,...Y,...V,...Z]);let _t=null;const Nt=P({},[...J,...Q,...tt,...et]);let Mt=Object.seal(h(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Ft=null,$t=null;const Bt=Object.seal(h(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}}));let Pt=!0,Ut=!0,Gt=!1,Ht=!0,Wt=!1,qt=!0,Yt=!1,Kt=!1,Vt=!1,Xt=!1,Zt=!1,Jt=!1,Qt=!0,te=!1;const ee="user-content-";let ne=!0,ie=!1,oe={},re=null;const ae=P({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let le=null;const se=P({},["audio","video","img","source","image","track"]);let ce=null;const fe=P({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),ue="http://www.w3.org/1998/Math/MathML",me="http://www.w3.org/2000/svg",pe="http://www.w3.org/1999/xhtml";let de=pe,he=!1,ge=null;const ye=P({},[ue,me,pe],T);let be=P({},["mi","mo","mn","ms","mtext"]),xe=P({},["annotation-xml"]);const we=P({},["title","style","font","a","script"]);let ve=null;const ke=["application/xhtml+xml","text/html"];let Se=null,ze=null;const Ae=i.createElement("form"),Te=function(t){return t instanceof RegExp||t instanceof Function},je=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(ze&&ze===t)return;t&&"object"==typeof t||(t={}),t=G(t),ve=-1===ke.indexOf(t.PARSER_MEDIA_TYPE)?"text/html":t.PARSER_MEDIA_TYPE,Se="application/xhtml+xml"===ve?T:A,Lt=_(t,"ALLOWED_TAGS")&&z(t.ALLOWED_TAGS)?P({},t.ALLOWED_TAGS,Se):Rt,_t=_(t,"ALLOWED_ATTR")&&z(t.ALLOWED_ATTR)?P({},t.ALLOWED_ATTR,Se):Nt,ge=_(t,"ALLOWED_NAMESPACES")&&z(t.ALLOWED_NAMESPACES)?P({},t.ALLOWED_NAMESPACES,T):ye,ce=_(t,"ADD_URI_SAFE_ATTR")&&z(t.ADD_URI_SAFE_ATTR)?P(G(fe),t.ADD_URI_SAFE_ATTR,Se):fe,le=_(t,"ADD_DATA_URI_TAGS")&&z(t.ADD_DATA_URI_TAGS)?P(G(se),t.ADD_DATA_URI_TAGS,Se):se,re=_(t,"FORBID_CONTENTS")&&z(t.FORBID_CONTENTS)?P({},t.FORBID_CONTENTS,Se):ae,Ft=_(t,"FORBID_TAGS")&&z(t.FORBID_TAGS)?P({},t.FORBID_TAGS,Se):G({}),$t=_(t,"FORBID_ATTR")&&z(t.FORBID_ATTR)?P({},t.FORBID_ATTR,Se):G({}),oe=!!_(t,"USE_PROFILES")&&(t.USE_PROFILES&&"object"==typeof t.USE_PROFILES?G(t.USE_PROFILES):t.USE_PROFILES),Pt=!1!==t.ALLOW_ARIA_ATTR,Ut=!1!==t.ALLOW_DATA_ATTR,Gt=t.ALLOW_UNKNOWN_PROTOCOLS||!1,Ht=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,Wt=t.SAFE_FOR_TEMPLATES||!1,qt=!1!==t.SAFE_FOR_XML,Yt=t.WHOLE_DOCUMENT||!1,Xt=t.RETURN_DOM||!1,Zt=t.RETURN_DOM_FRAGMENT||!1,Jt=t.RETURN_TRUSTED_TYPE||!1,Vt=t.FORCE_BODY||!1,Qt=!1!==t.SANITIZE_DOM,te=t.SANITIZE_NAMED_PROPS||!1,ne=!1!==t.KEEP_CONTENT,ie=t.IN_PLACE||!1,Dt=function(t){try{return M(t,""),!0}catch(t){return!1}}(t.ALLOWED_URI_REGEXP)?t.ALLOWED_URI_REGEXP:lt,de="string"==typeof t.NAMESPACE?t.NAMESPACE:pe,be=_(t,"MATHML_TEXT_INTEGRATION_POINTS")&&t.MATHML_TEXT_INTEGRATION_POINTS&&"object"==typeof t.MATHML_TEXT_INTEGRATION_POINTS?G(t.MATHML_TEXT_INTEGRATION_POINTS):P({},["mi","mo","mn","ms","mtext"]),xe=_(t,"HTML_INTEGRATION_POINTS")&&t.HTML_INTEGRATION_POINTS&&"object"==typeof t.HTML_INTEGRATION_POINTS?G(t.HTML_INTEGRATION_POINTS):P({},["annotation-xml"]);const e=_(t,"CUSTOM_ELEMENT_HANDLING")&&t.CUSTOM_ELEMENT_HANDLING&&"object"==typeof t.CUSTOM_ELEMENT_HANDLING?G(t.CUSTOM_ELEMENT_HANDLING):h(null);if(Mt=h(null),_(e,"tagNameCheck")&&Te(e.tagNameCheck)&&(Mt.tagNameCheck=e.tagNameCheck),_(e,"attributeNameCheck")&&Te(e.attributeNameCheck)&&(Mt.attributeNameCheck=e.attributeNameCheck),_(e,"allowCustomizedBuiltInElements")&&"boolean"==typeof e.allowCustomizedBuiltInElements&&(Mt.allowCustomizedBuiltInElements=e.allowCustomizedBuiltInElements),Wt&&(Ut=!1),Zt&&(Xt=!0),oe&&(Lt=P({},Z),_t=h(null),!0===oe.html&&(P(Lt,W),P(_t,J)),!0===oe.svg&&(P(Lt,q),P(_t,Q),P(_t,et)),!0===oe.svgFilters&&(P(Lt,Y),P(_t,Q),P(_t,et)),!0===oe.mathMl&&(P(Lt,V),P(_t,tt),P(_t,et))),Bt.tagCheck=null,Bt.attributeCheck=null,_(t,"ADD_TAGS")&&("function"==typeof t.ADD_TAGS?Bt.tagCheck=t.ADD_TAGS:z(t.ADD_TAGS)&&(Lt===Rt&&(Lt=G(Lt)),P(Lt,t.ADD_TAGS,Se))),_(t,"ADD_ATTR")&&("function"==typeof t.ADD_ATTR?Bt.attributeCheck=t.ADD_ATTR:z(t.ADD_ATTR)&&(_t===Nt&&(_t=G(_t)),P(_t,t.ADD_ATTR,Se))),_(t,"ADD_URI_SAFE_ATTR")&&z(t.ADD_URI_SAFE_ATTR)&&P(ce,t.ADD_URI_SAFE_ATTR,Se),_(t,"FORBID_CONTENTS")&&z(t.FORBID_CONTENTS)&&(re===ae&&(re=G(re)),P(re,t.FORBID_CONTENTS,Se)),_(t,"ADD_FORBID_CONTENTS")&&z(t.ADD_FORBID_CONTENTS)&&(re===ae&&(re=G(re)),P(re,t.ADD_FORBID_CONTENTS,Se)),ne&&(Lt["#text"]=!0),Yt&&P(Lt,["html","head","body"]),Lt.table&&(P(Lt,["tbody"]),delete Ft.tbody),t.TRUSTED_TYPES_POLICY){if("function"!=typeof t.TRUSTED_TYPES_POLICY.createHTML)throw F('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof t.TRUSTED_TYPES_POLICY.createScriptURL)throw F('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');gt=t.TRUSTED_TYPES_POLICY,yt=gt.createHTML("")}else void 0===gt&&(gt=function(t,e){if("object"!=typeof t||"function"!=typeof t.createPolicy)return null;let n=null;const i="data-tt-policy-suffix";e&&e.hasAttribute(i)&&(n=e.getAttribute(i));const o="dompurify"+(n?"#"+n:"");try{return t.createPolicy(o,{createHTML:t=>t,createScriptURL:t=>t})}catch(t){return console.warn("TrustedTypes policy "+o+" could not be created."),null}}(b,r)),null!==gt&&"string"==typeof yt&&(yt=gt.createHTML(""));p&&p(t),ze=t},Ee=P({},[...q,...Y,...K]),Oe=P({},[...V,...X]),Ie=function(t){k(n.removed,{element:t});try{ht(t).removeChild(t)}catch(e){U(t)}},Ce=function(t,e){try{k(n.removed,{attribute:e.getAttributeNode(t),from:e})}catch(t){k(n.removed,{attribute:null,from:e})}if(e.removeAttribute(t),"is"===t)if(Xt||Zt)try{Ie(e)}catch(t){}else try{e.setAttribute(t,"")}catch(t){}},De=function(t){let e=null,n=null;if(Vt)t="<remove></remove>"+t;else{const e=j(t,/^[\r\n\t ]+/);n=e&&e[0]}"application/xhtml+xml"===ve&&de===pe&&(t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>");const o=gt?gt.createHTML(t):t;if(de===pe)try{e=(new y).parseFromString(o,ve)}catch(t){}if(!e||!e.documentElement){e=bt.createDocument(de,"template",null);try{e.documentElement.innerHTML=he?yt:o}catch(t){}}const r=e.body||e.documentElement;return t&&n&&r.insertBefore(i.createTextNode(n),r.childNodes[0]||null),de===pe?vt.call(e,Yt?"html":"body")[0]:Yt?e.documentElement:r},Le=function(t){return xt.call(t.ownerDocument||t,t,u.SHOW_ELEMENT|u.SHOW_COMMENT|u.SHOW_TEXT|u.SHOW_PROCESSING_INSTRUCTION|u.SHOW_CDATA_SECTION,null)},Re=function(t){return t instanceof g&&("string"!=typeof t.nodeName||"string"!=typeof t.textContent||"function"!=typeof t.removeChild||!(t.attributes instanceof d)||"function"!=typeof t.removeAttribute||"function"!=typeof t.setAttribute||"string"!=typeof t.namespaceURI||"function"!=typeof t.insertBefore||"function"!=typeof t.hasChildNodes)},_e=function(t){return"function"==typeof c&&t instanceof c};function Ne(t,e,i){x(t,(t=>{t.call(n,e,i,ze)}))}const Me=function(t){let e=null;if(Ne(St.beforeSanitizeElements,t,null),Re(t))return Ie(t),!0;const i=Se(t.nodeName);if(Ne(St.uponSanitizeElement,t,{tagName:i,allowedTags:Lt}),qt&&t.hasChildNodes()&&!_e(t.firstElementChild)&&M(/<[/\w!]/g,t.innerHTML)&&M(/<[/\w!]/g,t.textContent))return Ie(t),!0;if(qt&&t.namespaceURI===pe&&"style"===i&&_e(t.firstElementChild))return Ie(t),!0;if(7===t.nodeType)return Ie(t),!0;if(qt&&8===t.nodeType&&M(/<[/\w]/g,t.data))return Ie(t),!0;if(Ft[i]||!(Bt.tagCheck instanceof Function&&Bt.tagCheck(i))&&!Lt[i]){if(!Ft[i]&&Be(i)){if(Mt.tagNameCheck instanceof RegExp&&M(Mt.tagNameCheck,i))return!1;if(Mt.tagNameCheck instanceof Function&&Mt.tagNameCheck(i))return!1}if(ne&&!re[i]){const e=ht(t)||t.parentNode,n=dt(t)||t.childNodes;if(n&&e)for(let i=n.length-1;i>=0;--i){const o=B(n[i],!0);e.insertBefore(o,pt(t))}}return Ie(t),!0}return t instanceof f&&!function(t){let e=ht(t);e&&e.tagName||(e={namespaceURI:de,tagName:"template"});const n=A(t.tagName),i=A(e.tagName);return!!ge[t.namespaceURI]&&(t.namespaceURI===me?e.namespaceURI===pe?"svg"===n:e.namespaceURI===ue?"svg"===n&&("annotation-xml"===i||be[i]):Boolean(Ee[n]):t.namespaceURI===ue?e.namespaceURI===pe?"math"===n:e.namespaceURI===me?"math"===n&&xe[i]:Boolean(Oe[n]):t.namespaceURI===pe?!(e.namespaceURI===me&&!xe[i])&&!(e.namespaceURI===ue&&!be[i])&&!Oe[n]&&(we[n]||!Ee[n]):!("application/xhtml+xml"!==ve||!ge[t.namespaceURI]))}(t)?(Ie(t),!0):"noscript"!==i&&"noembed"!==i&&"noframes"!==i||!M(/<\/no(script|embed|frames)/i,t.innerHTML)?(Wt&&3===t.nodeType&&(e=t.textContent,x([zt,At,Tt],(t=>{e=E(e,t," ")})),t.textContent!==e&&(k(n.removed,{element:t.cloneNode()}),t.textContent=e)),Ne(St.afterSanitizeElements,t,null),!1):(Ie(t),!0)},Fe=function(t,e,n){if($t[e])return!1;if(Qt&&("id"===e||"name"===e)&&(n in i||n in Ae))return!1;const o=_t[e]||Bt.attributeCheck instanceof Function&&Bt.attributeCheck(e,t);if(Ut&&!$t[e]&&M(jt,e));else if(Pt&&M(Et,e));else if(!o||$t[e]){if(!(Be(t)&&(Mt.tagNameCheck instanceof RegExp&&M(Mt.tagNameCheck,t)||Mt.tagNameCheck instanceof Function&&Mt.tagNameCheck(t))&&(Mt.attributeNameCheck instanceof RegExp&&M(Mt.attributeNameCheck,e)||Mt.attributeNameCheck instanceof Function&&Mt.attributeNameCheck(e,t))||"is"===e&&Mt.allowCustomizedBuiltInElements&&(Mt.tagNameCheck instanceof RegExp&&M(Mt.tagNameCheck,n)||Mt.tagNameCheck instanceof Function&&Mt.tagNameCheck(n))))return!1}else if(ce[e]);else if(M(Dt,E(n,It,"")));else if("src"!==e&&"xlink:href"!==e&&"href"!==e||"script"===t||0!==O(n,"data:")||!le[t])if(Gt&&!M(Ot,E(n,It,"")));else if(n)return!1;return!0},$e=P({},["annotation-xml","color-profile","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","missing-glyph"]),Be=function(t){return!$e[A(t)]&&M(Ct,t)},Pe=function(t){Ne(St.beforeSanitizeAttributes,t,null);const e=t.attributes;if(!e||Re(t))return;const i={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:_t,forceKeepAttr:void 0};let o=e.length;for(;o--;){const r=e[o],a=r.name,l=r.namespaceURI,s=r.value,c=Se(a),f=s;let u="value"===a?f:I(f);if(i.attrName=c,i.attrValue=u,i.keepAttr=!0,i.forceKeepAttr=void 0,Ne(St.uponSanitizeAttribute,t,i),u=i.attrValue,!te||"id"!==c&&"name"!==c||0===O(u,ee)||(Ce(a,t),u=ee+u),qt&&M(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,u)){Ce(a,t);continue}if("attributename"===c&&j(u,"href")){Ce(a,t);continue}if(i.forceKeepAttr)continue;if(!i.keepAttr){Ce(a,t);continue}if(!Ht&&M(/\/>/i,u)){Ce(a,t);continue}Wt&&x([zt,At,Tt],(t=>{u=E(u,t," ")}));const m=Se(t.nodeName);if(Fe(m,c,u)){if(gt&&"object"==typeof b&&"function"==typeof b.getAttributeType)if(l);else switch(b.getAttributeType(m,c)){case"TrustedHTML":u=gt.createHTML(u);break;case"TrustedScriptURL":u=gt.createScriptURL(u)}if(u!==f)try{l?t.setAttributeNS(l,a,u):t.setAttribute(a,u),Re(t)?Ie(t):v(n.removed)}catch(e){Ce(a,t)}}else Ce(a,t)}Ne(St.afterSanitizeAttributes,t,null)},Ue=function(t){let e=null;const n=Le(t);for(Ne(St.beforeSanitizeShadowDOM,t,null);e=n.nextNode();)Ne(St.uponSanitizeShadowNode,e,null),Me(e),Pe(e),e.content instanceof a&&Ue(e.content);Ne(St.afterSanitizeShadowDOM,t,null)},Ge=function(t){if(1===t.nodeType&&t.shadowRoot instanceof a){const e=t.shadowRoot;Ge(e),Ue(e)}const e=t.childNodes;if(!e)return;const n=[];x(e,(t=>{k(n,t)}));for(const t of n)Ge(t)};return n.sanitize=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=null,r=null,l=null,s=null;if(he=!t,he&&(t="\x3c!--\x3e"),"string"!=typeof t&&!_e(t)&&"string"!=typeof(t=function(t){switch(typeof t){case"string":return t;case"number":return C(t);case"boolean":return D(t);case"bigint":return L?L(t):"0";case"symbol":return R?R(t):"Symbol()";case"undefined":default:return N(t);case"function":case"object":{if(null===t)return N(t);const e=t,n=H(e,"toString");if("function"==typeof n){const t=n(e);return"string"==typeof t?t:N(t)}return N(t)}}}(t)))throw F("dirty is not a string, aborting");if(!n.isSupported)return t;if(Kt||je(e),n.removed=[],"string"==typeof t&&(ie=!1),ie){const e=t.nodeName;if("string"==typeof e){const t=Se(e);if(!Lt[t]||Ft[t])throw F("root node is forbidden and cannot be sanitized in-place")}Ge(t)}else if(t instanceof c)i=De("\x3c!----\x3e"),r=i.ownerDocument.importNode(t,!0),1===r.nodeType&&"BODY"===r.nodeName||"HTML"===r.nodeName?i=r:i.appendChild(r),Ge(r);else{if(!Xt&&!Wt&&!Yt&&-1===t.indexOf("<"))return gt&&Jt?gt.createHTML(t):t;if(i=De(t),!i)return Xt?null:Jt?yt:""}i&&Vt&&Ie(i.firstChild);const f=Le(ie?t:i);for(;l=f.nextNode();)Me(l),Pe(l),l.content instanceof a&&Ue(l.content);if(ie)return t;if(Xt){if(Wt){i.normalize();let t=i.innerHTML;x([zt,At,Tt],(e=>{t=E(t,e," ")})),i.innerHTML=t}if(Zt)for(s=wt.call(i.ownerDocument);i.firstChild;)s.appendChild(i.firstChild);else s=i;return(_t.shadowroot||_t.shadowrootmode)&&(s=kt.call(o,s,!0)),s}let u=Yt?i.outerHTML:i.innerHTML;return Yt&&Lt["!doctype"]&&i.ownerDocument&&i.ownerDocument.doctype&&i.ownerDocument.doctype.name&&M(ft,i.ownerDocument.doctype.name)&&(u="<!DOCTYPE "+i.ownerDocument.doctype.name+">\n"+u),Wt&&x([zt,At,Tt],(t=>{u=E(u,t," ")})),gt&&Jt?gt.createHTML(u):u},n.setConfig=function(){je(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Kt=!0},n.clearConfig=function(){ze=null,Kt=!1},n.isValidAttribute=function(t,e,n){ze||je({});const i=Se(t),o=Se(e);return Fe(i,o,n)},n.addHook=function(t,e){"function"==typeof e&&k(St[t],e)},n.removeHook=function(t,e){if(void 0!==e){const n=w(St[t],e);return-1===n?void 0:S(St[t],n,1)[0]}return v(St[t])},n.removeHooks=function(t){St[t]=[]},n.removeAllHooks=function(){St={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},n}();function dt(t){return t?pt.sanitize(t):""}const ht=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}name;library="default";src;size;fill;color;spin=!1;label;loading=!1;fetchedSvg="";isFetching=!1;get el(){return this}lucideContainer;static lucideLoadingPromise=null;static svgCache=new Map;handleIconChange(){this.initLucide(),this.loadRemoteSvg()}componentWillLoad(){this.loadRemoteSvg()}componentDidLoad(){this.initLucide(),this.ensureLibraryStyles()}componentDidUpdate(){this.initLucide(),this.ensureLibraryStyles()}async loadRemoteSvg(){const e=(this.library||"default").trim().toLowerCase(),n=(this.name||"").trim();if(!n||"iconoir"!==e&&"custom"!==e&&"default"!==e)return void(this.fetchedSvg="");let i="";if("iconoir"===e&&(i=`https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/icons/regular/${n.startsWith("iconoir-")?n.replace("iconoir-",""):n}.svg`),i)if(t.svgCache.has(i))this.fetchedSvg=t.svgCache.get(i);else{this.isFetching=!0;try{const e=await fetch(i);if(e.ok){const n=(await e.text()).replace(/width=".*?"/,'width="100%"').replace(/height=".*?"/,'height="100%"');t.svgCache.set(i,n),this.fetchedSvg=n}}catch(t){this.fetchedSvg=""}finally{this.isFetching=!1}}else this.fetchedSvg=""}async initLucide(){"lucide"===this.getEffectiveLibrary()&&this.lucideContainer&&(window.lucide||(t.lucideLoadingPromise||(t.lucideLoadingPromise=new Promise((t=>{let e=0;const n=()=>{window.lucide?t():e<100?(e++,setTimeout(n,100)):(console.warn("[ui-icon] Global Lucide load timeout after 10s. Icon library may be blocked or slow."),t())};n()}))),await t.lucideLoadingPromise),this.renderLucideIcon())}renderLucideIcon(){const t=window.lucide;if(!t||!this.lucideContainer)return;const e=(this.name||"").trim();if(!e)return;this.lucideContainer.innerHTML="";const n=e.replace(/(^\w|-\w)/g,(t=>t.replace(/-/,"").toUpperCase()));try{const i=t.icons?t.icons[n]:null;if(i&&"function"==typeof i.toSVG){const t=i.toSVG({width:"100%",height:"100%",stroke:"currentColor",fill:this.fill||"none","stroke-width":2});this.lucideContainer.innerHTML=dt(t)}else{const n=document.createElement("i");n.setAttribute("data-lucide",e),n.style.display="block",n.style.width="100%",n.style.height="100%",this.lucideContainer.appendChild(n),t.createIcons({icons:t.icons,root:this.lucideContainer,attrs:{width:"100%",height:"100%",stroke:"currentColor",fill:this.fill||"none","stroke-width":2}})}}catch(n){console.warn(`[ui-icon] Render failed for "${e}", trying fallback...`),"function"==typeof t.createIcons&&t.createIcons()}}isSvgPath(t){if("string"!=typeof t)return!1;const e=t.trim();return/^[mM]\s*[-+]?(?:\d*\.\d+|\d+)/.test(e)&&/[a-zA-Z]/.test(e.substring(1))}isUrl(t){return"string"==typeof t&&(t.startsWith("http")||t.startsWith("/")||t.startsWith("./")||t.startsWith("../")||t.includes(".svg")||t.includes(".png")||t.includes(".jpg"))}isEmoji(t){return"string"==typeof t&&/\p{Extended_Pictographic}/u.test(t)}getParsedSize(){if("number"==typeof this.size)return`${this.size}px`;if(!this.size)return"var(--size, 1em)";const t={xxxs:"0.75rem",xxs:"0.875rem",xs:"1rem",sm:"1.125rem",md:"1.25rem",lg:"1.375rem",xl:"1.5rem",xxl:"1.75rem",xxxl:"2rem"},e=this.size?.toString().trim()??"",n=a(e,e||"md").toLowerCase();return t[n]||e.includes("px")||e.includes("rem")||e.includes("em")?t[n]||e||"16px":/^\d+$/.test(e)?`${e}px`:`var(--size, ${e})`}getEffectiveLibrary(){let t=(this.library||"default").trim().toLowerCase();const e=(this.name||"").trim();return"default"===t?this.isUrl(e)||this.isSvgPath(e)?"custom":this.isEmoji(e)?"emoji":e.includes("fa-")||e.startsWith("fa ")?"fontawesome":e.startsWith("bi-")?"bootstrap":e.startsWith("ri-")?"remixicon":"lucide":t}ensureLibraryStyles(){const t={fontawesome:"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css",icons8:"https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css",iconoir:"https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css",bootstrap:"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css",remixicon:"https://cdn.jsdelivr.net/npm/remixicon@4.6.0/fonts/remixicon.css",google:"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"}[this.getEffectiveLibrary()];if(!t||!this.el.shadowRoot)return;if(this.el.shadowRoot.querySelector(`link[href="${t}"]`))return;const e=document.createElement("link");e.rel="stylesheet",e.href=t,this.el.shadowRoot.appendChild(e)}render(){const t=this.getParsedSize(),e=this.getEffectiveLibrary();return n(i,{key:"5a6bf9c51b3f46ec61428d94b6b230c5ec25527d",style:{fontSize:t,width:t,height:t,color:this.color||"inherit",display:"inline-flex",alignItems:"center",justifyContent:"center"},...this.label?{role:"img","aria-label":this.label}:{"aria-hidden":"true"}},n("div",{key:"531c468608680f4d9a5d543f0b1088ffeb75f4dc",class:"icon-container "+(this.spin?"fa-spin":"")},this.loading||this.isFetching?n("ui-loader",{size:"0.8em",color:"currentColor",type:"spinner"}):this.renderIconContent(e,t)))}renderIconContent(t,e){const i=(this.name||"").trim();if("custom"===t||this.isUrl(i)||this.isSvgPath(i)||this.src){if(this.src||this.isUrl(i))return n("img",{src:this.src||i,alt:"",style:{width:"100%",height:"100%",objectFit:"contain"}});if(this.isSvgPath(i))return n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",style:{width:"100%",height:"100%"}},n("path",{d:i}))}if("fontawesome"===t){let t=i;return i.includes("fa-")||i.startsWith("fa ")?i.startsWith("fa-")&&!i.includes(" ")&&(t=`fa-solid ${i}`):t=`fa-solid fa-${i}`,n("i",{class:t,"aria-hidden":"true",style:{fontSize:"inherit",color:"inherit"}})}if("icons8"===t){const t=i.includes("la-")?i:`las la-${i}`;return n("i",{class:t,"aria-hidden":"true",style:{fontSize:"inherit",color:"inherit"}})}if("iconoir"===t){if(this.fetchedSvg)return n("div",{class:"svg-container",style:{width:"100%",height:"100%"},innerHTML:dt(this.fetchedSvg)});const t=i.startsWith("iconoir-")?i:`iconoir-${i}`;return n("i",{class:t,style:{fontSize:"inherit",color:"inherit"}})}if("ionicons"===t)return n("ion-icon",{name:this.name,style:{fontSize:e,color:this.color||"inherit"}});if("lucide"===t)return n("div",{class:"lucide-wrapper",style:{width:"100%",height:"100%"},ref:t=>this.lucideContainer=t});if("bootstrap"===t){const t=i.startsWith("bi-")?i:`bi-${i}`;return n("i",{class:`bi ${t}`,style:{fontSize:"inherit",color:"inherit"}})}if("google"===t)return n("span",{class:"material-symbols-outlined",style:{fontSize:"inherit",color:"inherit"}},this.name);if("remixicon"===t){const t=i.startsWith("ri-")?i:`ri-${i}`;return n("i",{class:t,style:{fontSize:"inherit",color:"inherit"}})}return"emoji"===t?n("span",{class:"emoji-icon","aria-hidden":"true",style:{fontSize:"inherit",lineHeight:"1",fontStyle:"normal",userSelect:"none"}},this.name):i}static get watchers(){return{name:[{handleIconChange:0}],library:[{handleIconChange:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-flex;align-items:center;justify-content:center;overflow:visible;line-height:1;vertical-align:middle;color:inherit;}.material-symbols-outlined{font-family:"Material Symbols Outlined" !important;font-weight:normal;font-style:normal;font-size:1em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.icon-container{display:flex;align-items:center;justify-content:center;line-height:1;user-select:none;width:100%;height:100%}.icon-container svg,.icon-container .lucide-wrapper svg{display:block;width:100%;height:100%}.icon-container img{display:block;width:100%;height:100%;object-fit:contain}.icon-container i{font-size:inherit;color:inherit;line-height:1;display:flex;align-items:center;justify-content:center;width:1em;height:1em}.emoji-icon{font-family:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;font-style:normal;font-size:inherit;line-height:1;color:unset;display:inline-flex;align-items:center;justify-content:center;user-select:none}.fa-spin{animation:fa-spin 2s infinite linear}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}'}},[513,"ui-icon",{name:[1],library:[1],src:[1],size:[8],fill:[1],color:[1],spin:[4],label:[1],loading:[4],fetchedSvg:[32],isFetching:[32]},void 0,{name:[{handleIconChange:0}],library:[{handleIconChange:0}]}]);function gt(){"undefined"!=typeof customElements&&["ui-icon"].forEach((t=>{"ui-icon"===t&&(customElements.get(o(t))||customElements.define(o(t),ht))}))}export{ht as I,gt as d,a as n,dt as s}

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{f as format}from"./utils.js";const e=["light","dark","green","pink","yellow","violet","blue"],t="app-ui-theme",n="data-theme",o="light",r=[...e.map((e=>"theme-"+e)),"dark-theme","theme-blue","theme-ui"],i=new Set;function d(t){return e.includes(t)}const u={set(o){if(d(o)){!function(t){if("undefined"==typeof document)return;const o=document.documentElement,i=document.body;o.setAttribute(n,t),o.classList.remove(...e),o.classList.add(t),i&&(i.classList.remove(...r),i.classList.add("theme-"+t),"dark"===t&&i.classList.add("dark-theme"))}(o);try{localStorage.setItem(t,o)}catch{}!function(e){"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("app-ui-theme-change",{detail:{theme:e}}))}(o),function(e){i.forEach((t=>t(e)))}(o)}else console.warn(`[ThemeSwitcher] Unknown theme: "${o}". Valid themes: ${e.join(", ")}`)},get:()=>function(){if("undefined"==typeof document)return o;const t=document.documentElement,r=document.body,i=t.getAttribute(n);if(d(i))return i;for(const n of e)if(t.classList.contains(n)||r?.classList.contains("theme-"+n))return n;return r?.classList.contains("dark-theme")?"dark":o}(),init(){let e=null;try{e=localStorage.getItem(t)}catch{}if(d(e))return this.set(e),e;const n="undefined"!=typeof window&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":o;return this.set(n),n},toggle(t=e){const n=Array.from(new Set(t.filter(d))),o=n.length>0?n:e,r=this.get(),i=o.indexOf(r),u=i>=0?o[(i+1)%o.length]:o[0];return this.set(u),u},onChange:e=>(i.add(e),()=>i.delete(e)),list:()=>[...e]},c={light:"theme-light-btn",dark:"theme-dark-btn",green:"theme-green-btn",pink:"theme-pink-btn",yellow:"theme-yellow-btn",violet:"theme-violet-btn",blue:"theme-blue-btn"};let m=!1,a=!1;function h(e){if("undefined"==typeof document)return;const t=document.getElementById("theme-switcher-control");t&&(t.value=e);const n=document.getElementById("theme-toggle");n&&n.setAttribute("aria-label","Toggle theme. Current theme: "+e),function(e){"undefined"!=typeof document&&Object.entries(c).forEach((([t,n])=>{const o=document.getElementById(n);if(!o)return;const r=t===e;o.style.opacity=r?"1":"0.5",o.style.background=r?"rgba(59, 130, 246, 0.15)":"transparent",o.style.color=r?"#10b981":"inherit",o.setAttribute("aria-pressed",r?"true":"false")}))}(e)}"undefined"!=typeof window&&(window.ThemeSwitcher=u,window.setTheme=e=>u.set(e),window.toggleTheme=e=>u.toggle(e),window.getTheme=()=>u.get()),u.init(),function(){if("undefined"==typeof document||a)return;a=!0;const t=()=>{const t=document.getElementById("theme-switcher-control");t&&"true"!==t.dataset.themeBound&&(t.dataset.themeBound="true",t.addEventListener("buttonToggleGroupChange",(t=>{const n=t.detail,o=Array.isArray(n?.value)?n.value[0]:n?.value;o&&e.includes(o)&&u.set(o)})));const n=document.getElementById("theme-toggle");n&&"true"!==n.getAttribute("data-theme-bound")&&(n.setAttribute("data-theme-bound","true"),n.addEventListener("click",(()=>{u.toggle(["light","dark"])}))),Object.entries(c).forEach((([e,t])=>{const n=document.getElementById(t);n&&"true"!==n.getAttribute("data-theme-bound")&&(n.setAttribute("data-theme-bound","true"),n.addEventListener("click",(()=>u.set(e))))})),h(u.get())};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",t,{once:!0}):t()}(),m||(u.onChange(h),m=!0);export{e as THEMES,u as ThemeSwitcher}

package/dist/components/input.js

@@ -0,0 +1 @@
+import{proxyCustomElement as i,HTMLElement as t,createEvent as r,h as e,Host as o,transformTag as a}from"@stencil/core/internal/client";import{h as n}from"./utils.js";import{d as s,a as p}from"./badge.js";import{d as u}from"./icon.js";const l=["primary","secondary","success","warning","danger","error","info","default"],c=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.analyticsEvent=r(this,"analyticsEvent",7),this.inputChange=r(this,"inputChange",7),this.inputFocus=r(this,"inputFocus",7),this.inputBlur=r(this,"inputBlur",7),this.inputClear=r(this,"inputClear",7),this.inputKeydown=r(this,"inputKeydown",7),this.inputKeyup=r(this,"inputKeyup",7),this.inputCopy=r(this,"inputCopy",7),this.fileSelected=r(this,"fileSelected",7),this.suggestionSelected=r(this,"suggestionSelected",7),this.prefixClick=r(this,"prefixClick",7),this.suffixClick=r(this,"suffixClick",7),this.search=r(this,"search",7),this.inputInput=r(this,"inputInput",7),this.focusInternal=r(this,"focusInternal",7),this.pasteInternal=r(this,"pasteInternal",7),this.wheelInternal=r(this,"wheelInternal",7),this.internals=this.attachInternals()}get element(){return this}badge;color="primary";prefixColor;suffixColor;gradientDecorators=!1;rippleEffect=!0;linearLoading=!1;hintTooltip="";successPulse=!1;alwaysFloated=!1;shakeOnError=!1;maxRows=5;autocompleteSuggestions=[];voiceInput=!1;shortcutHint="";textTransform="none";relativeTime=!1;highlightMatches=!0;dropZone=!1;ghostText="";revealOnHold=!1;noSpaces=!1;alphaOnly=!1;numericOnly=!1;showPasswordStrength=!1;showProgressCircle=!1;dirtyTracking=!1;defaultValue="";otpLength=6;voiceEnabled=!1;statusIndicator="none";validationTrigger="onInput";gradientBorder=!1;backdropSheen=!1;isPasswordHeld=!1;currentGhost="";isDirty=!1;isRecording=!1;isDragging=!1;rippleX=0;rippleY=0;showRipple=!1;showClearButton=!1;customClass;analyticsEvent;inputElement;colorPickerElement;filePickerElement;debounceTimer;internals;type="text";variant="outlined";size="md";width;value="";placeholder="";label="";helperText="";errorText="";successText="";warningText="";infoText="";validationState="none";disabled=!1;readonly=!1;required=!1;multiline=!1;rows=3;autoResize=!1;minRows;cols;maxLength;minLength;showCounter=!1;showClear=!1;showPasswordToggle=!0;prefixIcon="";suffixIcon="";prefixText="";suffixText="";floatingLabel=!1;autocomplete="off";min;max;step;pattern;name;inputId;debounce=0;loading=!1;fullWidth=!1;autofocus=!1;customTabIndex;showCopy=!1;density="standard";showDividers=!1;mask="none";currency="USD";accept;multiple=!1;minLengthIndicator;maxLengthIndicator;tooltip;suggestions=[];inputmode;clearIcon="x-circle";showSteppers=!1;showTypeIcon=!0;formatter;parser;autoSelect=!1;autoTrim=!1;rtl=!1;passwordStrengthCalculator;resize="vertical";enterkeyhint;passwordIcon="eye";passwordVisibleIcon="eye-off";skeleton=!1;prefixClickable=!1;suffixClickable=!1;allowedChars="";blockInvalidPaste=!1;customMask="";selectOnClick=!1;clearOnEscape=!0;autoCapitalize="none";async setFocus(){this.inputElement&&this.inputElement.focus()}async openFilePicker(){this.filePickerElement&&this.filePickerElement.click()}async openColorPicker(){this.colorPickerElement&&this.colorPickerElement.click()}isFocused=!1;isPasswordVisible=!1;currentLength=0;showSuggestions=!1;selectedSuggestionIndex=-1;rangeValue=50;shake=!1;passwordStrength=0;capsLockOn=!1;selectedFileNames="";internalErrorText="";validate(i){if(!i&&!this.required)return this.validationState="none",void(this.internalErrorText="");if("email"===this.type&&i&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i))return this.validationState="error",void(this.internalErrorText="Please enter a valid email address");if("color"===this.type&&i&&!/^#([A-Fa-f0-9]{3}){1,2}$/.test(i))return this.validationState="error",void(this.internalErrorText="Please enter a valid Hex color (e.g. #ff0000)");if("url"===this.type&&i&&!/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/i.test(i))return this.validationState="error",void(this.internalErrorText="Please enter a valid URL");if(this.pattern&&i&&!new RegExp(this.pattern).test(i))return this.validationState="error",void(this.internalErrorText="Please match the requested format");if("number"===this.type&&i){const t=parseFloat(i);if(void 0!==this.min&&t<parseFloat(this.min))return this.validationState="error",void(this.internalErrorText=`Value must be greater than or equal to ${this.min}`);if(void 0!==this.max&&t>parseFloat(this.max))return this.validationState="error",void(this.internalErrorText=`Value must be less than or equal to ${this.max}`)}if(i){if(this.minLengthIndicator&&i.length<this.minLengthIndicator)return this.validationState="error",void(this.internalErrorText=`Please lengthen this text to ${this.minLengthIndicator} characters or more`);if(this.maxLengthIndicator&&i.length>this.maxLengthIndicator)return this.validationState="error",void(this.internalErrorText=`Please shorten this text to ${this.maxLengthIndicator} characters or less`)}"error"===this.validationState&&this.internalErrorText?this.internals&&this.internals.setValidity({customError:!0},this.internalErrorText,this.inputElement):(this.internals&&this.internals.setValidity({}),this.validationState="none",this.internalErrorText="")}updateFormValue(){this.internals&&this.internals.setFormValue(this.value)}inputChange;inputFocus;inputBlur;inputClear;inputKeydown;inputKeyup;inputCopy;fileSelected;suggestionSelected;prefixClick;suffixClick;search;inputInput;focusInternal;pasteInternal;wheelInternal;valueChanged(i){this.currentLength=i?.length||0,this.autoTrim&&i&&(this.value=i.trim()),this.dirtyTracking&&(this.isDirty=i!==this.defaultValue),this.autoResize&&this.multiline&&this.inputElement&&this.resizeTextarea(),"password"===this.type&&i&&(this.passwordStrength=this.calculatePasswordStrength(i)),"range"===this.type&&(this.rangeValue=parseFloat(i)||0),this.updateClearButtonVisibility(),this.updateFormValue()}handleValidationStateChange(i){this.shakeOnError&&"error"===i&&(this.shake=!0,setTimeout((()=>this.shake=!1),600))}handleShakeChange(i){i&&setTimeout((()=>this.shake=!1),600)}componentWillLoad(){"function"==typeof this.attachInternals&&(this.internals=this.attachInternals()),this.currentLength=this.value?.length||0,"range"===this.type&&this.value&&(this.rangeValue=parseFloat(this.value)||0),this.updateFormValue()}resizeObserver;componentDidLoad(){this.autoResize&&this.multiline&&this.inputElement&&(this.resizeTextarea(),this.resizeObserver=new ResizeObserver((()=>{this.resizeTextarea()})),this.resizeObserver.observe(this.inputElement))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.debounceTimer&&clearTimeout(this.debounceTimer)}updateClearButtonVisibility(){this.showClearButton=this.showClear&&!!this.value}getRangePercentage(){const i=parseFloat(this.min)||0,t=parseFloat(this.max)||100;return(this.rangeValue-i)/(t-i)*100}resizeTextarea(){if(this.inputElement&&this.multiline){const i=this.inputElement;i.style.height="auto";const t=parseInt(getComputedStyle(i).lineHeight)||20,r=this.maxRows?this.maxRows*t:0;let e=i.scrollHeight;this.maxRows&&e>r&&r>0?(i.style.height=`${r}px`,i.style.overflowY="auto"):(i.style.height=`${e}px`,i.style.overflowY="hidden")}}getMaskPlaceholder(){return this.customMask?this.customMask.replace(/#/g,"X").replace(/A/g,"X"):{phone:"(XXX) XXX-XXXX","credit-card":"XXXX XXXX XXXX XXXX",date:"MM/DD/YYYY",currency:"$0.00",ssn:"XXX-XX-XXXX",zip:"XXXXX",none:""}[this.mask]||""}applyMask(i){if(!i)return i;if(this.customMask){const t=i.replace(/[^A-Za-z0-9]/g,"");let r="",e=0;for(let i=0;i<this.customMask.length&&e<t.length;i++){const o=this.customMask[i];r+="#"===o||"A"===o?t[e++]:o}return r}if("none"===this.mask&&"currency"!==this.type)return i;const t="currency"===this.type?"currency":this.mask,r=i.replace(/\D/g,"");switch(t){case"phone":return r?r.length<=3?`(${r}`:r.length<=6?`(${r.slice(0,3)}) ${r.slice(3)}`:`(${r.slice(0,3)}) ${r.slice(3,6)}-${r.slice(6,10)}`:"";case"credit-card":return r.match(/.{1,4}/g)?.join(" ").slice(0,19)||r;case"date":return r.length<=2?r:r.length<=4?`${r.slice(0,2)}/${r.slice(2)}`:`${r.slice(0,2)}/${r.slice(2,4)}/${r.slice(4,8)}`;case"currency":{if(!r)return"";const i=(parseInt(r)/100).toFixed(2);return new Intl.NumberFormat("en-US",{style:"currency",currency:this.currency}).format(parseFloat(i))}case"ssn":return r.length<=3?r:r.length<=5?`${r.slice(0,3)}-${r.slice(3)}`:`${r.slice(0,3)}-${r.slice(3,5)}-${r.slice(5,9)}`;case"zip":return r.slice(0,5);default:return i}}calculatePasswordStrength(i){if(this.passwordStrengthCalculator)return this.passwordStrengthCalculator(i);let t=0;return i.length>=1&&(i.length>=8&&t++,/[A-Z]/.test(i)&&t++,/[0-9]/.test(i)&&t++,/[^A-Za-z0-9]/.test(i)&&t++),t}applyTextTransform(i){if(!i||"none"===this.textTransform)return i;switch(this.textTransform){case"uppercase":return i.toUpperCase();case"lowercase":return i.toLowerCase();case"capitalize":return i.charAt(0).toUpperCase()+i.slice(1).toLowerCase();case"pascal":return i.split(/\s+/).map((i=>i.charAt(0).toUpperCase()+i.slice(1).toLowerCase())).join("");case"words":return i.split(" ").map((i=>i.charAt(0).toUpperCase()+i.slice(1).toLowerCase())).join(" ");case"sentences":return i.split(". ").map((i=>i.charAt(0).toUpperCase()+i.slice(1))).join(". ");default:return i}}recognition=null;voiceStatusTimer=null;setVoiceStatus(i){this.isRecording=i,i?this.statusIndicator="listening":(this.statusIndicator="none",clearTimeout(this.voiceStatusTimer),this._voiceOffLabel=!0,this.voiceStatusTimer=setTimeout((()=>{this._voiceOffLabel=!1,this.isRecording=!1}),1500))}startVoiceRecognition=()=>{if(this.isRecording)return void(this.recognition?this.recognition.stop():this.setVoiceStatus(!1));const i=window.SpeechRecognition||window.webkitSpeechRecognition;i?(this.recognition=new i,this.recognition.continuous=!1,this.recognition.interimResults=!1,this.recognition.onstart=()=>this.setVoiceStatus(!0),this.recognition.onend=()=>{this.setVoiceStatus(!1),this.recognition=null},this.recognition.onerror=()=>{this.setVoiceStatus(!1),this.recognition=null},this.recognition.onresult=i=>{this.value=this.applyTextTransform(i.results[0][0].transcript),this.inputInput.emit(this.value),this.inputChange.emit(this.value)},this.setVoiceStatus(!0),this.recognition.start()):this.setVoiceStatus(!0)};handleMouseDown=i=>{if(!this.rippleEffect)return;const t=i.currentTarget.getBoundingClientRect();this.rippleX=i.clientX-t.left,this.rippleY=i.clientY-t.top,this.showRipple=!0,setTimeout((()=>this.showRipple=!1),600)};handleDragOver=i=>{this.dropZone&&"file"===this.type&&(i.preventDefault(),this.isDragging=!0)};handleDragLeave=()=>{this.isDragging=!1};handleDrop=i=>{if(!this.dropZone||"file"!==this.type)return;i.preventDefault(),this.isDragging=!1;const t=i.dataTransfer?.files;if(t&&t.length>0){if(this.filePickerElement){this.filePickerElement.files=t;const i=new window.Event("input",{bubbles:!0});this.filePickerElement.dispatchEvent(i)}this.selectedFileNames=Array.from(t).map((i=>i.name)).join(", "),this.fileSelected.emit(t)}};highlightTextMatches(i){if(!i||!this.value||!this.highlightMatches)return i;const t=this.value.toLowerCase(),r=i.toLowerCase().indexOf(t);return-1===r?i:e("span",null,i.slice(0,r),e("b",{class:"match-highlight"},i.slice(r,r+t.length)),i.slice(r+t.length))}getRelativeTimeString(i){try{const t=new Date(i);if(isNaN(t.getTime()))return"";const r=new Date,e=Math.round((t.getTime()-r.getTime())/864e5);return new Intl.RelativeTimeFormat("en",{numeric:"auto"}).format(e,"day")}catch{return""}}applyZenithFiltering(i){let t=i;return this.noSpaces&&(t=t.replace(/\s/g,"")),this.alphaOnly&&(t=t.replace(/[^a-zA-Z]/g,"")),this.numericOnly&&(t=t.replace(/[^0-9.]/g,"")),t}handleInput=i=>{const t=i.target;let r=t.value;if(r=this.applyZenithFiltering(r),r=this.applyTextTransform(r),t.value=r,this.ghostText&&(this.currentGhost=r&&this.ghostText.toLowerCase().startsWith(r.toLowerCase())?this.ghostText.slice(r.length):""),this.allowedChars){const i=new RegExp(this.allowedChars,"g"),e=r.match(i);r=e?e.join(""):"",t.value!==r&&(t.value=r)}if("number"===this.type){r=r.replace(/(?!^-)[^0-9.]/g,"");const i=r.split(".");i.length>2&&(r=i[0]+"."+i.slice(1).join("")),t.value=r}if(this.parser&&(r=this.parser(r)),"none"===this.mask&&"currency"!==this.type||"password"===this.type||(r=this.applyMask(r),t.value=r),"range"===this.type&&(this.rangeValue=parseFloat(r)),"file"===this.type&&t instanceof HTMLInputElement&&t.files){const i=Array.from(t.files);return this.selectedFileNames=i.map((i=>i.name)).join(", "),void this.fileSelected.emit(t.files)}this.value=r,this.currentLength=r.length,"onInput"===this.validationTrigger&&this.validate(r),this.autoResize&&this.multiline&&this.resizeTextarea(),(this.suggestions.length>0||this.autocompleteSuggestions.length>0)&&r&&(this.showSuggestions=!0,this.selectedSuggestionIndex=-1),this.debounce>0?(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.inputChange.emit(this.value),this.analyticsEvent&&this.analyticsEvent.emit({value:this.value})}),this.debounce)):(this.inputChange.emit(this.value),this.analyticsEvent&&this.analyticsEvent.emit({value:this.value}))};handleFocus=i=>{this.isFocused=!0,this.inputFocus.emit(i),(this.autoSelect||this.selectOnClick)&&this.inputElement&&this.inputElement.select()};handleBlur=i=>{this.isFocused=!1,"onInput"!==this.validationTrigger&&"onBlur"!==this.validationTrigger||this.validate(this.value),this.inputBlur.emit(i),this.autoTrim&&this.value&&(this.value=this.value.trim(),this.inputChange.emit(this.value))};handleRangeManualInput=i=>{const t=i.target.value,r=parseFloat(this.min)||0,e=parseFloat(this.max)||100;let o=parseFloat(t);isNaN(o)||(o<r&&(o=r),o>e&&(o=e),this.rangeValue=o,this.value=o.toString(),this.inputChange.emit(this.value))};stepValue=i=>{if(this.disabled||this.readonly||"number"!==this.type)return;const t=parseFloat(this.step)||1,r=parseFloat(this.value)||0,e=(this.step?.toString().split(".")[1]||"").length;let o="up"===i?r+t:r-t;o=parseFloat(o.toFixed(e)),void 0!==this.min&&(o=Math.max(parseFloat(this.min),o)),void 0!==this.max&&(o=Math.min(parseFloat(this.max),o)),this.value=o.toString(),this.inputChange.emit(this.value)};renderSteppers(){return"number"===this.type&&this.showSteppers&&"plain"!==this.variant&&"borderless"!==this.variant?e("div",{class:"stepper-controls"},e("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,onClick:()=>this.stepValue("up"),disabled:this.disabled||this.readonly,tabIndex:-1,icon:"chevron-up",iconLibrary:"lucide",ariaLabel:"Increase value"}),e("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,onClick:()=>this.stepValue("down"),disabled:this.disabled||this.readonly,tabIndex:-1,icon:"chevron-down",iconLibrary:"lucide",ariaLabel:"Decrease value"})):null}handleClear=()=>{this.value="",this.currentLength=0,this.inputChange.emit(this.value),this.inputClear.emit(),this.inputElement&&this.inputElement.focus()};handleKeydown=i=>{if("password"===this.type&&"function"==typeof i.getModifierState&&(this.capsLockOn=i.getModifierState("CapsLock")),this.showSuggestions&&this.suggestions.length>0){const t=this.getFilteredSuggestions();"ArrowDown"===i.key?(i.preventDefault(),this.selectedSuggestionIndex=Math.min(this.selectedSuggestionIndex+1,t.length-1)):"ArrowUp"===i.key?(i.preventDefault(),this.selectedSuggestionIndex=Math.max(this.selectedSuggestionIndex-1,0)):"Enter"===i.key&&this.selectedSuggestionIndex>=0?(i.preventDefault(),this.selectSuggestion(t[this.selectedSuggestionIndex])):"Escape"===i.key&&(this.showSuggestions=!1,this.selectedSuggestionIndex=-1)}else"Escape"===i.key&&this.clearOnEscape&&this.handleClear();"Enter"===i.key&&"search"===this.type&&this.search.emit(this.value),this.inputKeydown.emit(i)};handleKeyup=i=>{"password"===this.type&&"function"==typeof i.getModifierState&&(this.capsLockOn=i.getModifierState("CapsLock")),this.inputKeyup.emit(i)};handleCopy=async()=>{if(this.value)try{await navigator.clipboard.writeText(this.value),this.inputCopy.emit(this.value)}catch(i){console.error("Failed to copy:",i)}};selectSuggestion(i){this.value=i,this.showSuggestions=!1,this.selectedSuggestionIndex=-1,this.suggestionSelected.emit(i),this.inputChange.emit(i)}getFilteredSuggestions(){if(!this.suggestions||!Array.isArray(this.suggestions))return[];if(!this.value)return this.suggestions;const i=this.value.toLowerCase();return this.suggestions.filter((t=>t&&"string"==typeof t&&t.toLowerCase().includes(i)))}getCurrencyIcon(){if(this.currency)return{USD:"dollar-sign",EUR:"euro",GBP:"pound-sterling",JPY:"japanese-yen",INR:"indian-rupee",RUB:"russian-ruble",ILS:"shekel-sign"}[this.currency.toUpperCase()]}renderCurrencyText(){try{if(this.getCurrencyIcon())return null;const i=new Intl.NumberFormat("en",{style:"currency",currency:this.currency||"USD"}).formatToParts(0),t=i.find((i=>"currency"===i.type))?.value||"$";return e("span",{class:"prefix-text currency-text"},t)}catch{return e("span",{class:"prefix-text currency-text"},this.currency||"$")}}getValidationMessage(){return"error"===this.validationState?this.errorText||this.internalErrorText:"success"===this.validationState?this.successText:"warning"===this.validationState?this.warningText:"info"===this.validationState?this.infoText:this.helperText}renderPrefixIcon(){let i=this.prefixIcon;if("none"===i||"false"===i)return null;if(i||!this.showTypeIcon||this.prefixText||(i={search:"search",email:"mail",tel:"phone",url:"link",number:"hash",date:"calendar",currency:this.getCurrencyIcon()}[this.type]??""),!i&&"currency"===this.type)return this.renderCurrencyText();if(i||"credit-card"!==this.mask||(i="credit-card"),i||"color"!==this.type||(i="palette"),"number"===this.type&&("plain"===this.variant||"borderless"===this.variant)&&!this.prefixIcon)return null;const t=!!this.element.querySelector('[slot="prefix-icon"]');return i||t?e("div",{class:{"prefix-icon":!0,"prefix-icon--clickable":this.prefixClickable,[`block-color-${this.prefixColor}`]:!!this.prefixColor},onClick:()=>this.prefixClickable&&this.prefixClick.emit(),role:this.prefixClickable?"button":void 0,tabIndex:this.prefixClickable?0:void 0,"aria-label":this.prefixClickable?"Prefix action":void 0},e("slot",{name:"prefix-icon"},i&&e("ui-icon",{library:"lucide",name:i,color:"currentColor"}))):null}renderSuffixContent(){const i=[];if(this.showClearButton&&i.push(e("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"clear-button",onClick:this.handleClear,ariaLabel:"Clear input",tabIndex:-1,icon:this.clearIcon,iconLibrary:"lucide"})),"password"===this.type&&this.showPasswordToggle){const t=()=>{this.revealOnHold&&(this.isPasswordHeld=!0)},r=()=>{this.revealOnHold&&(this.isPasswordHeld=!1)};i.push(e("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"password-toggle",onClick:()=>!this.revealOnHold&&(this.isPasswordVisible=!this.isPasswordVisible),onMouseDown:t,onMouseUp:r,onMouseLeave:r,onTouchStart:t,onTouchEnd:r,ariaLabel:this.isPasswordVisible?"Hide password":"Show password",tabIndex:-1,icon:this.isPasswordVisible||this.isPasswordHeld?this.passwordVisibleIcon:this.passwordIcon,iconLibrary:"lucide"}))}if(this.capsLockOn&&i.push(e("div",{class:"caps-lock-warning",title:"Caps Lock is ON"},e("ui-icon",{library:"lucide",name:"arrow-big-up"}))),this.loading&&i.push(e("ui-icon",{library:"lucide",name:"loader-2",class:"loading-spinner",spin:!0})),this.showCopy&&i.push(e("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"copy-button",onClick:this.handleCopy,ariaLabel:"Copy to clipboard",icon:"copy",iconLibrary:"lucide"})),this.showProgressCircle&&this.maxLength){const t=Math.min(this.currentLength/this.maxLength*100,100),r=9,o=2*Math.PI*r,a=o-t/100*o;i.push(e("div",{class:"progress-circle-container",title:`${this.currentLength}/${this.maxLength}`},e("svg",{class:"progress-circle-svg",viewBox:"0 0 24 24"},e("circle",{class:"ring-track",cx:"12",cy:"12",r}),e("circle",{class:"ring-fill",cx:"12",cy:"12",r,style:{strokeDasharray:`${o}`,strokeDashoffset:`${a}`}}))))}(this.voiceEnabled||this.voiceInput)&&i.push(e("ui-button",{variant:this.isRecording?"danger":"ghost",size:"xxs",iconOnly:!0,class:{"voice-button":!0,"is-recording":this.isRecording},onClick:this.startVoiceRecognition,ariaLabel:this.isRecording?"Stop listening":"Start voice input",title:this.isRecording?"Listening… click to stop":"Click to speak",icon:this.isRecording?"mic-off":"mic",iconLibrary:"lucide"})),this.shortcutHint&&i.push(e("div",{class:"shortcut-hint"},this.shortcutHint));const t=!!this.element.querySelector('[slot="suffix-icon"]');return(this.suffixIcon||t)&&i.push(e("div",{class:{"suffix-icon":!0,"suffix-icon--clickable":this.suffixClickable,[`block-color-${this.suffixColor}`]:!!this.suffixColor},onClick:()=>this.suffixClickable&&this.suffixClick.emit(),role:this.suffixClickable?"button":void 0,tabIndex:this.suffixClickable?0:void 0,"aria-label":this.suffixClickable?"Suffix action":void 0},e("slot",{name:"suffix-icon"},this.suffixIcon&&e("ui-icon",{library:"lucide",name:this.suffixIcon,color:"currentColor"})))),i.length>0?i:null}renderLengthIndicator(){if(!this.minLengthIndicator&&!this.maxLengthIndicator)return null;const i=this.currentLength,t=this.minLengthIndicator||this.minLength||0,r=this.maxLengthIndicator||this.maxLength||0;let o="normal";return t&&i<t&&(o="warning"),r&&i>r&&(o="error"),t&&i>=t&&r&&i<=r&&(o="success"),e("span",{class:`length-indicator ${o}`},t&&i<t&&t-i+" more characters needed",r&&`${i}/${r}`)}renderAutocomplete(){const i=this.getFilteredSuggestions(),t=this.autocompleteSuggestions.length>0?this.autocompleteSuggestions:i.map((i=>({text:i,subtitle:void 0,icon:void 0})));return this.showSuggestions&&0!==t.length?e("div",{class:"autocomplete-dropdown",exportparts:"dropdown"},t.map(((i,t)=>i?e("div",{class:{"autocomplete-item":!0,active:t===this.selectedSuggestionIndex},onClick:()=>this.selectSuggestion(i.text)},i.icon&&e("ui-icon",{library:"lucide",name:i.icon,class:"suggestion-icon"}),e("div",{class:"suggestion-text-block"},e("span",{class:"suggestion-main-text"},this.highlightTextMatches(i.text)),i.subtitle&&e("span",{class:"suggestion-subtitle"},i.subtitle))):null))):null}render(){const i="color"===this.type,t="file"===this.type,r="otp"===this.type||"pin"===this.type,a=this.isPasswordVisible||this.isPasswordHeld||i||t?"text":this.type,s=this.getValidationMessage(),p=this.color&&!l.includes(this.color),u={...p?{"--ui-custom-color":this.color,"--ui-custom-color-rgb":n(this.color)}:{},"--ui-input-width":this.width},c=!!(this.prefixIcon&&"none"!==this.prefixIcon&&"false"!==this.prefixIcon||this.prefixText||this.showTypeIcon&&["search","email","tel","url","number","date","currency"].includes(this.type)&&!this.prefixIcon&&!this.prefixText&&"plain"!==this.variant&&"borderless"!==this.variant||i||"currency"===this.type),d={"input-wrapper":!0,focused:this.isFocused,disabled:this.disabled,readonly:this.readonly,"has-value":!!this.value,"has-prefix":c,"has-suffix":!!(this.suffixIcon&&"none"!==this.suffixIcon&&"false"!==this.suffixIcon||this.suffixText||this.showClear||"search"===this.type||"password"===this.type&&this.showPasswordToggle||this.loading||this.showCopy||this.voiceInput||this.shortcutHint),multiline:this.multiline,"full-width":this.fullWidth,"shake-animation":this.shake,"gradient-decorators":this.gradientDecorators,"is-always-floated":this.alwaysFloated,"is-success-pulse":this.successPulse&&"success"===this.validationState,"is-skeleton":this.skeleton,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,[`density-${this.density}`]:!0,"is-otp":r,"has-gradient-border":this.gradientBorder,"has-backdrop-sheen":this.backdropSheen},h={ref:i=>this.inputElement=i,class:"input-field",placeholder:!this.floatingLabel||this.isFocused||this.value?this.placeholder||this.getMaskPlaceholder():"",disabled:this.disabled,readonly:this.readonly,required:this.required,autocomplete:this.autocomplete,maxlength:r?this.otpLength:this.maxLength,name:this.name,id:this.inputId,autofocus:this.autofocus,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeydown,onKeyUp:this.handleKeyup};return e(o,{key:"e4063f1d2456a41e57309506da2b79f1bbf518bd",class:{[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,"full-width":this.fullWidth,[`has-${this.validationState}`]:"none"!==this.validationState,[`input-color-${p?"custom":this.color}`]:!0,"shake-animation":this.shake,focused:this.isFocused},style:u},e("div",{key:"7fd5939b576307e8285e5f53c91a7fc969617fa0",class:{...d,"input-ripple":this.rippleEffect}},this.label&&!this.floatingLabel&&!r&&e("label",{key:"0fa810d3e66f3d224340d93006df75b63f528912",class:"input-label"},this.label,this.required&&"*"),e("div",{key:"e2c21f6e14645a1fce1e6de5b1500ba41e04b115",class:"input-container",onMouseDown:this.handleMouseDown,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},e("div",{key:"73c7397d9d57c3effd34b6dab5bac043da68a78f",class:"clipping-layer"},this.showRipple&&e("div",{key:"dc23482a5f56c51605911625605285451225ca81",class:"liquid-ripple",style:{left:`${this.rippleX}px`,top:`${this.rippleY}px`}}),this.linearLoading&&e("div",{key:"a10a205c11a4dc9468d709148ab713f5a927699b",class:"linear-loading-bar"}),this.backdropSheen&&e("div",{key:"1d09a9fd9aa04999bc56186fec1be51f963f0e3d",class:"backdrop-sheen-effect"})),this.renderAutocomplete(),(this.badge||this.dirtyTracking&&this.isDirty)&&e("span",{key:"8b6b915bbf616387f937e25b73c15cd4f42694c3",class:"input-badge "+(this.badge?"":"dot-mode")},this.badge||""),this.renderPrefixIcon(),this.floatingLabel&&!r&&e("label",{key:"36418949fb5a3613f3c56517db0b2ba52e74d1d0",class:"floating-label"},this.label,this.required&&"*"),this.multiline?e("textarea",{...h,style:{resize:this.autoResize?"none":this.resize},value:this.value}):r?e("div",{class:"otp-container"},Array.from({length:this.otpLength}).map(((i,t)=>e("div",{class:{"otp-box":!0,filled:this.value.length>t,active:this.value.length===t&&this.isFocused}},this.value[t]||""))),e("input",{...h,style:{opacity:"0",position:"absolute",inset:"0",caretColor:"transparent"}})):"range"===this.type?e("div",{class:"range-input-wrapper",style:{"--range-progress":`${this.getRangePercentage()}%`}},e("input",{...h,type:"range",value:this.rangeValue,min:this.min||0,max:this.max||100,step:this.step||1}),e("div",{class:"range-manual-adornment"},e("input",{type:"number",class:"range-manual-input",value:this.rangeValue,min:this.min||0,max:this.max||100,step:this.step||1,onInput:this.handleRangeManualInput}))):e("div",{class:"input-field-stack"},e("input",{...h,type:a,value:t?this.selectedFileNames:this.value}),this.currentGhost&&e("span",{class:"ghost-text-overlay",onClick:()=>this.value=this.ghostText},this.currentGhost)),i&&e("input",{key:"71f29e41543ada3bb27402ec955ce17172866c35",type:"color",style:{opacity:"0",position:"absolute",inset:"0",pointerEvents:"none"},value:this.value||"#000000",onInput:i=>{this.value=i.target.value,this.inputChange.emit(this.value)},ref:i=>this.colorPickerElement=i}),t&&e("input",{key:"f11732d7b0a60588b2d3fc74525cecb63c494a0d",type:"file",style:{opacity:"0",position:"absolute",inset:"0",cursor:"pointer",zIndex:"1"},accept:this.accept,multiple:this.multiple,onInput:this.handleInput,ref:i=>this.filePickerElement=i}),this.suffixText&&e("span",{key:"5daa65c5274948ca30e12f9d305b5ed36aca27b9",class:{"suffix-text":!0,[`block-color-${this.suffixColor}`]:!!this.suffixColor}},this.suffixText),("none"!==this.statusIndicator||this.isRecording||this._voiceOffLabel)&&e("div",{key:"f0a15ca443598eccff24608f24e03f6b6c524409",class:`status-indicator status-${this.isRecording?"listening":this._voiceOffLabel?"offline":this.statusIndicator}`},!this.voiceEnabled&&!this.voiceInput&&("listening"===this.statusIndicator||this.isRecording)&&e("ui-icon",{key:"3debcf72af06dab5cd5ab03f9e81793cde4c0a95",library:"lucide",name:"mic",class:"mic-pulse"}),"listening"!==this.statusIndicator&&!this.isRecording&&!this._voiceOffLabel&&e("span",{key:"440b5c5cad18a6b7cd0de8c04dd0f49ae35db124",class:"status-dot"}),e("span",{key:"bffc20acbaf070199bef467cefa3c25adc328221",class:"status-label"},this.isRecording?"Listening":this._voiceOffLabel?"Not listening":"none"!==this.statusIndicator?this.statusIndicator.charAt(0).toUpperCase()+this.statusIndicator.slice(1):null),"typing"===this.statusIndicator&&e("span",{key:"19262bd829f945fd203266ea67c248a94a775f71",class:"typing-animation"},e("span",{key:"769cbdde9e871c0fefa37466f5189bd4b95f04c9"}),e("span",{key:"ada0306edd6f3f942e0d0258b820f3d425278654"}),e("span",{key:"687a023614358579750b5f493ad2bb8511ef2910"}))),this.renderSuffixContent(),this.renderSteppers(),this.hintTooltip&&e("div",{key:"86d50262507a075bd68ea71fabcf4914d6a118e3",class:"hint-tooltip-icon",title:this.hintTooltip},e("ui-icon",{key:"e5590e7a20808a41bdfc3719e00b9e5ad2fc4a1d",library:"lucide",name:"help-circle"}))),(s||this.showCounter||this.minLengthIndicator||this.maxLengthIndicator||"password"===this.type&&this.value&&this.showPasswordStrength)&&e("div",{key:"9479bdd436afd44ee5b05dfc99bd6ce84379f058",class:"input-footer"},"password"===this.type&&this.value&&this.showPasswordStrength&&e("div",{key:"0ea62a19ed66dc33e98a3aba4a63c62589fb560e",class:"password-strength-meter"},e("div",{key:"3564a2205d7ade940909e12ef18b3ec71c06b583",class:`strength-bar strength-${this.passwordStrength}`})),s&&e("span",{key:"4015b4eb68d7045a4447df795debefa080acd854",class:"helper-text "+("none"!==this.validationState?this.validationState+"-text":"")},"error"===this.validationState&&e("ui-icon",{key:"bb9a04f2f7b577d9d797e574263fc96800e7184a",library:"lucide",name:"alert-circle",class:"validation-icon"}),"warning"===this.validationState&&e("ui-icon",{key:"2e756012a47e39f76472cd21497c692cb2cb66fa",library:"lucide",name:"alert-triangle",class:"validation-icon"}),"success"===this.validationState&&e("ui-icon",{key:"66d61660c177e1f4fece47bf7433c37045a13506",library:"lucide",name:"check-circle-2",class:"validation-icon"}),"info"===this.validationState&&e("ui-icon",{key:"6e41af71dd9abacd6f58e386297d023294dff819",library:"lucide",name:"info",class:"validation-icon"}),s),this.relativeTime&&"date"===this.type&&this.value&&e("span",{key:"ac8f3dae2f0aa149cf6394e7683599a6a3e4505e",class:"relative-time-overlay"},this.getRelativeTimeString(this.value)),this.showCounter&&this.maxLength&&e("span",{key:"5226cbf5034a58151a46c687180616246c9039d9",class:"character-counter"},this.currentLength,"/",this.maxLength),this.renderLengthIndicator())))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}],validationState:[{handleValidationStateChange:0}],shake:[{handleShakeChange:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block;width:var(--ui-input-width, auto);min-width:0;max-width:100%}:host.variant-plain{min-width:0;box-sizing:border-box}:host{--ui-input-bg:var(--bg-primary, #ffffff);--ui-input-color:var(--text-primary, #1e293b);--ui-input-color-rgb:30,   41,   59;--ui-input-border:var(--color-primary, #bfc8d8);--ui-input-border-hover:var(--color-primary, #94a3b8);--ui-input-focus:var(--color-primary, #6366f1);--ui-input-focus-rgb:99,   102,   241;--ui-input-placeholder:var(--ui-input-color);--ui-input-label:var(--label-color, var(--text-primary, #1e293b));--ui-input-helper:var(--label-subtitle-color, var(--text-muted, #64748b));--ui-input-addon-bg:var(--bg-primary, #f8fafc);--ui-input-addon-border:var(--border-subtle, #e2e8f0);--ui-input-addon-color:var(--text-muted, #64748b);--ui-input-radius:10px;--ui-input-soft-bg:var(--bg-secondary, #f8fafc);--ui-input-soft-border:var(--border-subtle, #e2e8f0);--ui-input-filled-bg:var(--bg-secondary, #f1f5f9);--ui-input-underlined-border:var(--border-default, #e2e8f0);--ui-input-placeholder-opacity:0.45}:host(.input-color-primary){--ui-input-focus:var(--color-primary, #10b981);--ui-input-focus-rgb:unquote(37, 99, 235);--ui-input-border:var(--color-primary-border, #bfdbfe);--ui-input-border-hover:var(--color-primary, #10b981);--ui-input-addon-bg:var(--color-primary, #2563eb);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-primary, #10b981);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-primary-soft, #eff6ff);--ui-input-soft-border:var(--color-primary-border, #bfdbfe);--ui-input-filled-bg:var(--color-primary-ghost, #f1f5f9)}:host :host .input-color-primary{--ui-input-focus:var(--color-primary, #10b981);--ui-input-focus-rgb:unquote(37, 99, 235);--ui-input-border:var(--color-primary-border, #bfdbfe);--ui-input-border-hover:var(--color-primary, #10b981);--ui-input-addon-bg:var(--color-primary, #2563eb);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-primary, #10b981);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-primary-soft, #eff6ff);--ui-input-soft-border:var(--color-primary-border, #bfdbfe);--ui-input-filled-bg:var(--color-primary-ghost, #f1f5f9)}:host(.has-primary){--ui-input-focus:var(--color-primary, #10b981);--ui-input-focus-rgb:unquote(37, 99, 235);--ui-input-border:var(--color-primary, #10b981);--ui-input-border-hover:var(--color-primary, #10b981);--ui-input-brand-color:var(--color-primary, #10b981)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-secondary){--ui-input-focus:var(--color-secondary, #64748b);--ui-input-focus-rgb:unquote(100, 116, 139);--ui-input-border:var(--color-secondary-border, #e2e8f0);--ui-input-border-hover:var(--color-secondary, #64748b);--ui-input-addon-bg:var(--color-secondary, #64748b);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-secondary, #64748b);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-secondary-soft, #f1f5f9);--ui-input-soft-border:var(--color-secondary-border, #e2e8f0);--ui-input-filled-bg:var(--color-secondary-ghost, #f8fafc)}:host :host .input-color-secondary{--ui-input-focus:var(--color-secondary, #64748b);--ui-input-focus-rgb:unquote(100, 116, 139);--ui-input-border:var(--color-secondary-border, #e2e8f0);--ui-input-border-hover:var(--color-secondary, #64748b);--ui-input-addon-bg:var(--color-secondary, #64748b);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-secondary, #64748b);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-secondary-soft, #f1f5f9);--ui-input-soft-border:var(--color-secondary-border, #e2e8f0);--ui-input-filled-bg:var(--color-secondary-ghost, #f8fafc)}:host(.has-secondary){--ui-input-focus:var(--color-secondary, #64748b);--ui-input-focus-rgb:unquote(100, 116, 139);--ui-input-border:var(--color-secondary, #64748b);--ui-input-border-hover:var(--color-secondary, #64748b);--ui-input-brand-color:var(--color-secondary, #64748b)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-success){--ui-input-focus:var(--color-success, #10b981);--ui-input-focus-rgb:unquote(16, 185, 129);--ui-input-border:var(--color-success-border, #bbf7d0);--ui-input-border-hover:var(--color-success, #10b981);--ui-input-addon-bg:var(--color-success, #10b981);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-success, #10b981);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-success-soft, #f0fdf4);--ui-input-soft-border:var(--color-success-border, #bbf7d0);--ui-input-filled-bg:var(--color-success-ghost, #f0fdf4)}:host :host .input-color-success{--ui-input-focus:var(--color-success, #10b981);--ui-input-focus-rgb:unquote(16, 185, 129);--ui-input-border:var(--color-success-border, #bbf7d0);--ui-input-border-hover:var(--color-success, #10b981);--ui-input-addon-bg:var(--color-success, #10b981);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-success, #10b981);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-success-soft, #f0fdf4);--ui-input-soft-border:var(--color-success-border, #bbf7d0);--ui-input-filled-bg:var(--color-success-ghost, #f0fdf4)}:host(.has-success){--ui-input-focus:var(--color-success, #10b981);--ui-input-focus-rgb:unquote(16, 185, 129);--ui-input-border:var(--color-success, #10b981);--ui-input-border-hover:var(--color-success, #10b981);--ui-input-brand-color:var(--color-success, #10b981)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-danger){--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger-border, #fecaca);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-addon-bg:var(--color-danger, #ef4444);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-danger, #ef4444);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-danger-soft, #fef2f2);--ui-input-soft-border:var(--color-danger-border, #fecaca);--ui-input-filled-bg:var(--color-danger-ghost, #fef2f2)}:host :host .input-color-danger{--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger-border, #fecaca);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-addon-bg:var(--color-danger, #ef4444);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-danger, #ef4444);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-danger-soft, #fef2f2);--ui-input-soft-border:var(--color-danger-border, #fecaca);--ui-input-filled-bg:var(--color-danger-ghost, #fef2f2)}:host(.has-danger){--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger, #ef4444);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-brand-color:var(--color-danger, #ef4444)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-error){--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger-border, #fecaca);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-addon-bg:var(--color-danger, #ef4444);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-danger, #ef4444);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-danger-soft, #fef2f2);--ui-input-soft-border:var(--color-danger-border, #fecaca);--ui-input-filled-bg:var(--color-danger-ghost, #fef2f2)}:host :host .input-color-error{--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger-border, #fecaca);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-addon-bg:var(--color-danger, #ef4444);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-danger, #ef4444);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-danger-soft, #fef2f2);--ui-input-soft-border:var(--color-danger-border, #fecaca);--ui-input-filled-bg:var(--color-danger-ghost, #fef2f2)}:host(.has-error){--ui-input-focus:var(--color-danger, #ef4444);--ui-input-focus-rgb:unquote(239, 68, 68);--ui-input-border:var(--color-danger, #ef4444);--ui-input-border-hover:var(--color-danger, #ef4444);--ui-input-brand-color:var(--color-danger, #ef4444)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-warning){--ui-input-focus:var(--color-warning, #f59e0b);--ui-input-focus-rgb:unquote(245, 158, 11);--ui-input-border:var(--color-warning-border, #fde68a);--ui-input-border-hover:var(--color-warning, #f59e0b);--ui-input-addon-bg:var(--color-warning, #f59e0b);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-warning, #f59e0b);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-warning-soft, #fffbeb);--ui-input-soft-border:var(--color-warning-border, #fde68a);--ui-input-filled-bg:var(--color-warning-ghost, #fffbeb)}:host :host .input-color-warning{--ui-input-focus:var(--color-warning, #f59e0b);--ui-input-focus-rgb:unquote(245, 158, 11);--ui-input-border:var(--color-warning-border, #fde68a);--ui-input-border-hover:var(--color-warning, #f59e0b);--ui-input-addon-bg:var(--color-warning, #f59e0b);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-warning, #f59e0b);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-warning-soft, #fffbeb);--ui-input-soft-border:var(--color-warning-border, #fde68a);--ui-input-filled-bg:var(--color-warning-ghost, #fffbeb)}:host(.has-warning){--ui-input-focus:var(--color-warning, #f59e0b);--ui-input-focus-rgb:unquote(245, 158, 11);--ui-input-border:var(--color-warning, #f59e0b);--ui-input-border-hover:var(--color-warning, #f59e0b);--ui-input-brand-color:var(--color-warning, #f59e0b)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host(.input-color-info){--ui-input-focus:var(--color-info, #0ea5e9);--ui-input-focus-rgb:unquote(14, 165, 233);--ui-input-border:var(--color-info-border, #bae6fd);--ui-input-border-hover:var(--color-info, #0ea5e9);--ui-input-addon-bg:var(--color-info, #0ea5e9);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-info, #0ea5e9);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-info-soft, #f0f9ff);--ui-input-soft-border:var(--color-info-border, #bae6fd);--ui-input-filled-bg:var(--color-info-ghost, #f0f9ff)}:host :host .input-color-info{--ui-input-focus:var(--color-info, #0ea5e9);--ui-input-focus-rgb:unquote(14, 165, 233);--ui-input-border:var(--color-info-border, #bae6fd);--ui-input-border-hover:var(--color-info, #0ea5e9);--ui-input-addon-bg:var(--color-info, #0ea5e9);--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--color-info, #0ea5e9);--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:var(--color-info-soft, #f0f9ff);--ui-input-soft-border:var(--color-info-border, #bae6fd);--ui-input-filled-bg:var(--color-info-ghost, #f0f9ff)}:host(.has-info){--ui-input-focus:var(--color-info, #0ea5e9);--ui-input-focus-rgb:unquote(14, 165, 233);--ui-input-border:var(--color-info, #0ea5e9);--ui-input-border-hover:var(--color-info, #0ea5e9);--ui-input-brand-color:var(--color-info, #0ea5e9)}:host.has-value .input-container,:host.focused .input-container{border-color:var(--ui-input-border) !important}:host.input-color-custom{--ui-input-focus:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-focus-rgb:var(--ui-custom-color-rgb, 59, 130, 246);--ui-input-addon-bg:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.12);--ui-input-soft-border:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.3);--ui-input-filled-bg:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.08)}:host(.input-color-custom){--ui-input-focus:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-focus-rgb:var(--ui-custom-color-rgb, 59, 130, 246);--ui-input-addon-bg:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-addon-color:var(--text-standard, #ffffff);--ui-input-brand-color:var(--ui-custom-color, var(--color-primary, #10b981));--ui-input-addon-border:rgba(255, 255, 255, 0.1);--ui-input-soft-bg:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.12);--ui-input-soft-border:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.3);--ui-input-filled-bg:rgba(var(--ui-custom-color-rgb, 59, 130, 246), 0.08)}:host([class*=input-color-]) .prefix-icon:not(.prefix-icon--clickable),:host([class*=input-color-]) .suffix-icon:not(.suffix-icon--clickable){color:var(--ui-input-label);background:rgba(var(--ui-input-focus-rgb), 0.08);border-color:rgba(var(--ui-input-focus-rgb), 0.15)}:host([class*=input-color-]) .input-label{color:var(--ui-input-label)}:host[class*=input-color-] .prefix-icon:not(.prefix-icon--clickable),:host[class*=input-color-] .suffix-icon:not(.suffix-icon--clickable){color:var(--ui-input-brand-color);background:rgba(var(--ui-input-focus-rgb), 0.08);border-color:rgba(var(--ui-input-focus-rgb), 0.15)}:host[class*=input-color-] .input-label{color:var(--ui-input-label-color, var(--ui-input-label))}:host [class*=block-color-].block-color-primary{background:var(--color-primary, #10b981) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-secondary{background:var(--color-secondary, #64748b) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-success{background:var(--color-success, #10b981) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-danger{background:var(--color-danger, #ef4444) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-error{background:var(--color-danger, #ef4444) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-warning{background:var(--color-warning, #f59e0b) !important;color:var(--text-standard, #ffffff) !important}:host [class*=block-color-].block-color-info{background:var(--color-info, #0ea5e9) !important;color:var(--text-standard, #ffffff) !important}:host.gradient-decorators [class*=prefix-],:host.gradient-decorators [class*=suffix-]:not(.hidden){background-clip:padding-box !important;border:none !important}:host.gradient-decorators.input-color-primary [class*=prefix-],:host.gradient-decorators.input-color-primary [class*=suffix-]{background:linear-gradient(135deg, var(--color-primary, #10b981), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-secondary [class*=prefix-],:host.gradient-decorators.input-color-secondary [class*=suffix-]{background:linear-gradient(135deg, var(--color-secondary, #64748b), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-success [class*=prefix-],:host.gradient-decorators.input-color-success [class*=suffix-]{background:linear-gradient(135deg, var(--color-success, #10b981), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-danger [class*=prefix-],:host.gradient-decorators.input-color-danger [class*=suffix-]{background:linear-gradient(135deg, var(--color-danger, #ef4444), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-error [class*=prefix-],:host.gradient-decorators.input-color-error [class*=suffix-]{background:linear-gradient(135deg, var(--color-danger, #ef4444), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-warning [class*=prefix-],:host.gradient-decorators.input-color-warning [class*=suffix-]{background:linear-gradient(135deg, var(--color-warning, #f59e0b), var(--color-primary, #6366f1)) !important}:host.gradient-decorators.input-color-info [class*=prefix-],:host.gradient-decorators.input-color-info [class*=suffix-]{background:linear-gradient(135deg, var(--color-info, #0ea5e9), var(--color-primary, #6366f1)) !important}:host.full-width{display:block;width:100%}:host.multiline .input-field{resize:both;height:auto;min-height:100px;line-height:1.6;padding:12px 14px;white-space:pre-wrap;overflow-y:auto;text-overflow:clip}:host.shake-animation{animation:shake 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important}:host(.shake-animation){animation:shake 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important}:host-context(.dark),:host-context([data-theme=dark]),:host(.dark){--ui-input-bg:var(--bg-primary, #1e293b);--ui-input-color:var(--text-standard, #f1f5f9);--ui-input-border:var(--border-default, #334155);--ui-input-border-hover:var(--border-strong, #475569);--ui-input-focus:var(--color-primary, #4ade80);--ui-input-focus-rgb:var(--color-primary-rgb);--ui-input-placeholder:var(--text-muted);--ui-input-label:var(--label-color, #f5f5f5);--ui-input-helper:var(--label-subtitle-color, #c2c2c2);--ui-input-addon-bg:var(--bg-secondary, #0f172a);--ui-input-addon-border:var(--border-subtle, #334155);--ui-input-addon-color:var(--label-subtitle-color, #c2c2c2)}:host-context([data-theme=violet]){--ui-input-bg:var(--bg-primary, #1a1440);--ui-input-color:var(--text-standard, #f5f3ff);--ui-input-border:var(--color-primary);--ui-input-border-hover:var(--color-primary-hover);--ui-input-placeholder:var(--text-muted);--ui-input-label:var(--label-color, #ffffff);--ui-input-helper:var(--label-subtitle-color, #ddd6fe);--ui-input-addon-bg:var(--bg-secondary);--ui-input-addon-border:var(--border-subtle);--ui-input-addon-color:var(--label-subtitle-color)}.input-wrapper{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;min-width:0}.input-wrapper.full-width{width:100%}:host(.size-xxxs) .input-wrapper .input-field,.input-wrapper.size-xxxs .input-field{padding:var(--ui-input-padding, 0 6px);font-size:11px;height:20px;line-height:20px;text-align:var(--ui-input-text-align, left)}:host(.size-xxxs) .input-wrapper .input-label,.input-wrapper.size-xxxs .input-label{font-size:11px;line-height:16px}:host(.size-xxxs) .input-wrapper .helper-text,.input-wrapper.size-xxxs .helper-text{font-size:9px}:host(.size-xxxs) .input-wrapper .prefix-icon,:host(.size-xxxs) .input-wrapper .suffix-icon,:host(.size-xxxs) .input-wrapper .prefix-text,:host(.size-xxxs) .input-wrapper .suffix-text,.input-wrapper.size-xxxs .prefix-icon,.input-wrapper.size-xxxs .suffix-icon,.input-wrapper.size-xxxs .prefix-text,.input-wrapper.size-xxxs .suffix-text{padding:0 6px;font-size:11px}:host(.size-xxxs) .input-wrapper .otp-box,.input-wrapper.size-xxxs .otp-box{height:28px;width:22px;max-width:22px;font-size:11px}:host(.size-xxs) .input-wrapper .input-field,.input-wrapper.size-xxs .input-field{padding:var(--ui-input-padding, 0 8px);font-size:12px;height:24px;line-height:24px;text-align:var(--ui-input-text-align, left)}:host(.size-xxs) .input-wrapper .input-label,.input-wrapper.size-xxs .input-label{font-size:12px;line-height:18px}:host(.size-xxs) .input-wrapper .helper-text,.input-wrapper.size-xxs .helper-text{font-size:10px}:host(.size-xxs) .input-wrapper .prefix-icon,:host(.size-xxs) .input-wrapper .suffix-icon,:host(.size-xxs) .input-wrapper .prefix-text,:host(.size-xxs) .input-wrapper .suffix-text,.input-wrapper.size-xxs .prefix-icon,.input-wrapper.size-xxs .suffix-icon,.input-wrapper.size-xxs .prefix-text,.input-wrapper.size-xxs .suffix-text{padding:0 8px;font-size:12px}:host(.size-xxs) .input-wrapper .otp-box,.input-wrapper.size-xxs .otp-box{height:32px;width:26px;max-width:26px;font-size:12px}:host(.size-xs) .input-wrapper .input-field,.input-wrapper.size-xs .input-field{padding:var(--ui-input-padding, 0 10px);font-size:13px;height:28px;line-height:28px;text-align:var(--ui-input-text-align, left)}:host(.size-xs) .input-wrapper .input-label,.input-wrapper.size-xs .input-label{font-size:13px;line-height:20px}:host(.size-xs) .input-wrapper .helper-text,.input-wrapper.size-xs .helper-text{font-size:11px}:host(.size-xs) .input-wrapper .prefix-icon,:host(.size-xs) .input-wrapper .suffix-icon,:host(.size-xs) .input-wrapper .prefix-text,:host(.size-xs) .input-wrapper .suffix-text,.input-wrapper.size-xs .prefix-icon,.input-wrapper.size-xs .suffix-icon,.input-wrapper.size-xs .prefix-text,.input-wrapper.size-xs .suffix-text{padding:0 10px;font-size:13px}:host(.size-xs) .input-wrapper .otp-box,.input-wrapper.size-xs .otp-box{height:36px;width:30px;max-width:30px;font-size:13px}:host(.size-sm) .input-wrapper .input-container,.input-wrapper.size-sm .input-container{min-height:32px}:host(.size-sm) .input-wrapper .input-field,.input-wrapper.size-sm .input-field{padding:var(--ui-input-padding, 0 12px);font-size:14px;height:32px;line-height:32px;text-align:var(--ui-input-text-align, left)}:host(.size-sm) .input-wrapper .input-label,.input-wrapper.size-sm .input-label{font-size:14px;line-height:22px}:host(.size-sm) .input-wrapper .helper-text,.input-wrapper.size-sm .helper-text{font-size:11px}:host(.size-sm) .input-wrapper .prefix-icon,:host(.size-sm) .input-wrapper .suffix-icon,:host(.size-sm) .input-wrapper .prefix-text,:host(.size-sm) .input-wrapper .suffix-text,.input-wrapper.size-sm .prefix-icon,.input-wrapper.size-sm .suffix-icon,.input-wrapper.size-sm .prefix-text,.input-wrapper.size-sm .suffix-text{padding:0 12px;font-size:14px}:host(.size-sm) .input-wrapper .otp-box,.input-wrapper.size-sm .otp-box{height:40px;width:32px;max-width:32px;font-size:14px}:host(.size-md) .input-wrapper .input-container,.input-wrapper.size-md .input-container{min-height:38px}:host(.size-md) .input-wrapper .input-field,.input-wrapper.size-md .input-field{padding:var(--ui-input-padding, 0 14px);font-size:15px;height:38px;line-height:38px;text-align:var(--ui-input-text-align, left)}:host(.size-md) .input-wrapper .input-label,.input-wrapper.size-md .input-label{font-size:15px;line-height:24px}:host(.size-md) .input-wrapper .helper-text,.input-wrapper.size-md .helper-text{font-size:12px}:host(.size-md) .input-wrapper .prefix-icon,:host(.size-md) .input-wrapper .suffix-icon,:host(.size-md) .input-wrapper .prefix-text,:host(.size-md) .input-wrapper .suffix-text,.input-wrapper.size-md .prefix-icon,.input-wrapper.size-md .suffix-icon,.input-wrapper.size-md .prefix-text,.input-wrapper.size-md .suffix-text{padding:0 14px;font-size:15px}:host(.size-md) .input-wrapper .otp-box,.input-wrapper.size-md .otp-box{height:46px;width:36px;max-width:36px;font-size:16px}:host(.size-lg) .input-wrapper .input-container,.input-wrapper.size-lg .input-container{min-height:42px}:host(.size-lg) .input-wrapper .input-field,.input-wrapper.size-lg .input-field{padding:var(--ui-input-padding, 0 16px);font-size:16px;height:42px;line-height:42px;text-align:var(--ui-input-text-align, left)}:host(.size-lg) .input-wrapper .input-label,.input-wrapper.size-lg .input-label{font-size:16px;line-height:26px}:host(.size-lg) .input-wrapper .helper-text,.input-wrapper.size-lg .helper-text{font-size:13px}:host(.size-lg) .input-wrapper .prefix-icon,:host(.size-lg) .input-wrapper .suffix-icon,:host(.size-lg) .input-wrapper .prefix-text,:host(.size-lg) .input-wrapper .suffix-text,.input-wrapper.size-lg .prefix-icon,.input-wrapper.size-lg .suffix-icon,.input-wrapper.size-lg .prefix-text,.input-wrapper.size-lg .suffix-text{padding:0 16px;font-size:18px}:host(.size-lg) .input-wrapper .otp-box,.input-wrapper.size-lg .otp-box{height:52px;width:42px;max-width:42px;font-size:18px}:host(.size-xl) .input-wrapper .input-container,.input-wrapper.size-xl .input-container{min-height:48px}:host(.size-xl) .input-wrapper .input-field,.input-wrapper.size-xl .input-field{padding:var(--ui-input-padding, 0 18px);font-size:18px;height:48px;line-height:48px;text-align:var(--ui-input-text-align, left)}:host(.size-xl) .input-wrapper .input-label,.input-wrapper.size-xl .input-label{font-size:18px;line-height:28px}:host(.size-xl) .input-wrapper .helper-text,.input-wrapper.size-xl .helper-text{font-size:14px}:host(.size-xl) .input-wrapper .prefix-icon,:host(.size-xl) .input-wrapper .suffix-icon,:host(.size-xl) .input-wrapper .prefix-text,:host(.size-xl) .input-wrapper .suffix-text,.input-wrapper.size-xl .prefix-icon,.input-wrapper.size-xl .suffix-icon,.input-wrapper.size-xl .prefix-text,.input-wrapper.size-xl .suffix-text{padding:0 18px;font-size:20px}:host(.size-xl) .input-wrapper .otp-box,.input-wrapper.size-xl .otp-box{height:60px;width:48px;max-width:48px;font-size:20px}:host(.size-xxl) .input-wrapper .input-container,.input-wrapper.size-xxl .input-container{min-height:54px}:host(.size-xxl) .input-wrapper .input-field,.input-wrapper.size-xxl .input-field{padding:var(--ui-input-padding, 0 20px);font-size:20px;height:54px;line-height:54px;text-align:var(--ui-input-text-align, left)}:host(.size-xxl) .input-wrapper .input-label,.input-wrapper.size-xxl .input-label{font-size:20px;line-height:32px}:host(.size-xxl) .input-wrapper .helper-text,.input-wrapper.size-xxl .helper-text{font-size:15px}:host(.size-xxl) .input-wrapper .prefix-icon,:host(.size-xxl) .input-wrapper .suffix-icon,:host(.size-xxl) .input-wrapper .prefix-text,:host(.size-xxl) .input-wrapper .suffix-text,.input-wrapper.size-xxl .prefix-icon,.input-wrapper.size-xxl .suffix-icon,.input-wrapper.size-xxl .prefix-text,.input-wrapper.size-xxl .suffix-text{padding:0 20px;font-size:24px}:host(.size-xxl) .input-wrapper .otp-box,.input-wrapper.size-xxl .otp-box{height:68px;width:54px;max-width:54px;font-size:22px}:host(.size-xxxl) .input-wrapper .input-field,.input-wrapper.size-xxxl .input-field{padding:var(--ui-input-padding, 0 24px);font-size:24px;height:64px;line-height:64px;text-align:var(--ui-input-text-align, left)}:host(.size-xxxl) .input-wrapper .input-label,.input-wrapper.size-xxxl .input-label{font-size:24px;line-height:36px}:host(.size-xxxl) .input-wrapper .helper-text,.input-wrapper.size-xxxl .helper-text{font-size:16px}:host(.size-xxxl) .input-wrapper .prefix-icon,:host(.size-xxxl) .input-wrapper .suffix-icon,:host(.size-xxxl) .input-wrapper .prefix-text,:host(.size-xxxl) .input-wrapper .suffix-text,.input-wrapper.size-xxxl .prefix-icon,.input-wrapper.size-xxxl .suffix-icon,.input-wrapper.size-xxxl .prefix-text,.input-wrapper.size-xxxl .suffix-text{padding:0 24px;font-size:28px}:host(.size-xxxl) .input-wrapper .otp-box,.input-wrapper.size-xxxl .otp-box{height:80px;width:64px;max-width:64px;font-size:26px}.input-label{display:block;font-size:11px;font-weight:700;color:var(--ui-input-label-color, var(--ui-input-label));margin-bottom:8px;letter-spacing:0.08em;text-transform:uppercase;opacity:0.65}.input-label .required-indicator{color:var(--color-danger-hover, #dc2626);margin-left:3px;font-size:16px;vertical-align:middle}.input-container{position:relative;display:flex;align-items:center;border:1px solid var(--ui-input-border);border-radius:var(--ui-input-radius);background:var(--ui-input-bg);box-shadow:0 2px 4px rgba(0, 0, 0, 0.02), inset 0 1px 1px rgba(255, 255, 255, 0.5);transition:border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;width:100%;max-width:100%;min-width:0;overflow:visible;padding:0 !important;z-index:1}.input-container .clipping-layer{position:absolute;inset:-1px;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.density-cozy .input-container{gap:6px}.density-compact .input-container{gap:4px}.input-field{flex:1;border:none;outline:none;background:transparent;font-family:inherit;color:var(--ui-input-color);width:100%;min-width:0;font-weight:400;text-align:var(--ui-input-text-align, left);padding:0 var(--ui-input-padding-x, 12px) !important;transition:color 0.2s, opacity 0.2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.input-field::placeholder{color:var(--ui-input-placeholder);font-weight:400;opacity:var(--ui-input-placeholder-opacity)}.input-field:disabled{cursor:not-allowed;opacity:0.6;color:var(--text-muted, #6b7280)}.input-field:read-only{cursor:default;color:var(--text-secondary, #374151)}:host(.variant-outlined) .input-container{border:1px solid var(--ui-input-border);background:var(--ui-input-bg);box-shadow:0 2px 4px rgba(0, 0, 0, 0.02)}:host(.variant-outlined.focused) .input-container{border-color:var(--ui-input-focus) !important;box-shadow:0 0 0 3px rgba(var(--ui-input-focus-rgb, 99, 102, 241), 0.15), 0 1px 3px rgba(0, 0, 0, 0.08) !important}:host(.variant-filled) .input-container{border-bottom:2px solid transparent;border-radius:10px 10px 0 0;border:none;background:var(--ui-input-filled-bg);box-shadow:inset 0 -1px 0 0 var(--border-strong, #d1d5db)}:host(.variant-filled.focused) .input-container{background:var(--bg-primary, #e5e7eb);border-bottom-color:var(--ui-input-focus);box-shadow:inset 0 -2px 0 0 var(--ui-input-focus)}:host(.variant-underlined) .input-container{border-bottom:1px solid var(--ui-input-underlined-border, var(--border-strong, #d1d5db));border-radius:0;padding-left:0;padding-right:0;border:none;background:transparent;box-shadow:none}:host(.variant-underlined.focused) .input-container{border-bottom-color:var(--ui-input-focus);box-shadow:0 1px 0 0 var(--ui-input-focus)}:host(.variant-soft) .input-container{border:1px solid var(--ui-input-soft-border);background:var(--ui-input-soft-bg);box-shadow:none}:host(.variant-soft.focused) .input-container{background:var(--ui-input-bg);border-color:var(--ui-input-focus);box-shadow:0 0 0 3px rgba(var(--ui-input-focus-rgb, 99, 102, 241), 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.04) !important}.variant-borderless .input-container,.variant-plain .input-container{border:none !important;background:transparent !important;box-shadow:none !important;padding:0 !important}.floating-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:transparent;padding:0 4px;color:var(--ui-input-label, var(--label-subtitle-color));pointer-events:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-size:14px;line-height:1;z-index:2}.input-wrapper.has-prefix .floating-label{left:56px}.input-wrapper.has-prefix-text .floating-label{left:76px}.focused .floating-label,.has-value .floating-label,.is-always-floated .floating-label{top:0;left:12px;transform:translateY(-56%) scale(0.8);transform-origin:left bottom;background:var(--ui-input-bg);padding:0 6px;font-size:14px;font-weight:700;color:var(--label-color, #111827);letter-spacing:0.04em;text-transform:uppercase;z-index:5}.input-wrapper.has-prefix .focused .floating-label,.input-wrapper.has-prefix .has-value .floating-label,.input-wrapper.has-prefix .is-always-floated .floating-label{left:56px}.input-wrapper.has-prefix-text .focused .floating-label,.input-wrapper.has-prefix-text .has-value .floating-label,.input-wrapper.has-prefix-text .is-always-floated .floating-label{left:76px}.prefix-text,.suffix-text,.prefix-icon,.suffix-icon{display:flex;align-items:center;align-self:stretch;background:var(--ui-input-addon-bg);border-color:var(--ui-input-addon-border)}.prefix-text.prefix-text,.prefix-text.prefix-icon,.suffix-text.prefix-text,.suffix-text.prefix-icon,.prefix-icon.prefix-text,.prefix-icon.prefix-icon,.suffix-icon.prefix-text,.suffix-icon.prefix-icon{border-right:1px solid var(--ui-input-addon-border);border-radius:calc(var(--ui-input-radius) - 1px) 0 0 calc(var(--ui-input-radius) - 1px);margin-right:2px}.prefix-text.suffix-text,.prefix-text.suffix-icon,.suffix-text.suffix-text,.suffix-text.suffix-icon,.prefix-icon.suffix-text,.prefix-icon.suffix-icon,.suffix-icon.suffix-text,.suffix-icon.suffix-icon{border-left:1px solid var(--ui-input-addon-border);border-radius:0 calc(var(--ui-input-radius) - 1px) calc(var(--ui-input-radius) - 1px) 0;margin-left:2px}.prefix-text,.suffix-text,.prefix-icon,.suffix-icon{display:flex;align-items:center;justify-content:center;padding:0 12px;color:var(--label-icon-color, var(--label-subtitle-color));font-weight:500}.prefix-text--clickable,.suffix-text--clickable,.prefix-icon--clickable,.suffix-icon--clickable{cursor:pointer;border:none;transition:background 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;user-select:none}.prefix-text--clickable:hover,.suffix-text--clickable:hover,.prefix-icon--clickable:hover,.suffix-icon--clickable:hover{background:var(--ui-input-border-hover, rgba(var(--ui-input-focus-rgb, 99, 102, 241), 0.12));filter:brightness(0.92)}.prefix-text--clickable:active,.suffix-text--clickable:active,.prefix-icon--clickable:active,.suffix-icon--clickable:active{transform:scale(0.93)}.prefix-text--clickable:focus-visible,.suffix-text--clickable:focus-visible,.prefix-icon--clickable:focus-visible,.suffix-icon--clickable:focus-visible{outline:2px solid var(--ui-input-focus);outline-offset:-2px}.input-field-stack{position:relative;flex:1;display:flex;align-items:center;min-width:0;overflow:hidden}.input-field-stack .input-field{flex:1 !important;z-index:2 !important;background:transparent !important}.ghost-text-overlay{position:absolute;top:50%;left:0;transform:translateY(-50%);pointer-events:none;color:rgba(var(--ui-input-color-rgb), 0.35);font-size:inherit;padding-left:inherit;z-index:1;white-space:pre}.otp-container{display:flex;gap:8px;width:100%;justify-content:center;align-items:center;position:relative;padding:6px 16px;box-sizing:border-box}.otp-container input.input-field{position:absolute;opacity:0;inset:0;z-index:2;cursor:pointer}.otp-box{flex:0 0 auto;width:38px;height:46px;max-width:38px;overflow:hidden;border:2px solid var(--ui-input-border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;background:var(--bg-primary, #ffffff);transition:border-color 0.2s, box-shadow 0.2s;line-height:1;user-select:none}.otp-box.filled{border-color:var(--ui-input-focus);box-shadow:0 0 0 3px rgba(var(--ui-input-focus-rgb), 0.15), 0 4px 12px rgba(var(--ui-input-focus-rgb), 0.12)}.otp-box.active{border-color:var(--ui-input-focus);box-shadow:0 0 0 3px rgba(var(--ui-input-focus-rgb), 0.2)}.otp-box.active::after{content:"";width:2px;height:1.2em;background:var(--ui-input-focus);animation:otp-cursor 1s infinite}@keyframes otp-cursor{0%,100%{opacity:1}50%{opacity:0}}.has-gradient-border .clipping-layer::before{content:"";position:absolute;inset:-150%;background:conic-gradient(from 0deg, var(--color-primary, #8b5cf6), var(--color-danger, #ec4899), var(--color-success, #10b981), var(--color-warning, #f59e0b), var(--color-primary, #8b5cf6));animation:spin-shader 4s linear infinite;z-index:-1}.has-gradient-border .input-container{border-color:transparent !important}@keyframes spin-shader{100%{transform:rotate(360deg)}}.has-backdrop-sheen .clipping-layer::after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.3), transparent);animation:sheen-flow 3s ease-in-out infinite;transform:skewX(-20deg)}@keyframes sheen-flow{0%{left:-150%}100%{left:150%}}.liquid-ripple{position:absolute;background:rgba(var(--ui-input-focus-rgb, 61, 205, 88), 0.25);border-radius:50%;transform:translate(-50%, -50%) scale(0);pointer-events:none;animation:ripple-animation 0.6s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes ripple-animation{0%{transform:translate(-50%, -50%) scale(0);opacity:0.5}100%{transform:translate(-50%, -50%) scale(4);opacity:0}}.range-input-wrapper{display:flex;align-items:center;flex:1;gap:12px;height:100%;padding:0 14px;width:100%;min-width:0;overflow:hidden;position:relative}.range-input-wrapper input[type=range]{-webkit-appearance:none;appearance:none;flex:1;background:transparent;cursor:pointer;height:38px;z-index:2;margin:0}.range-input-wrapper input[type=range]:focus{outline:none}.range-input-wrapper input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right, var(--ui-input-focus) 0%, var(--ui-input-focus) var(--range-progress), var(--border-subtle, #e2e8f0) var(--range-progress), var(--border-subtle, #e2e8f0) 100%);border-radius:6px;transition:all 0.2s ease}.range-input-wrapper input[type=range]::-moz-range-track{height:6px;background:var(--border-subtle, #e2e8f0);border-radius:6px}.range-input-wrapper input[type=range]::-moz-range-progress{background:var(--ui-input-focus);height:6px;border-radius:6px 0 0 6px}.range-input-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:18px;width:18px;background:#ffffff;border:2px solid var(--ui-input-focus);border-radius:50%;margin-top:-6px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(var(--ui-input-focus-rgb), 0);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);z-index:10}.range-input-wrapper input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 3px 8px rgba(0, 0, 0, 0.2), 0 0 0 4px rgba(var(--ui-input-focus-rgb), 0.1);transform:scale(1.1)}.range-input-wrapper input[type=range]:active::-webkit-slider-thumb{transform:scale(0.95);background:var(--ui-input-focus);border-color:#ffffff}.range-input-wrapper input[type=range]::-moz-range-thumb{height:16px;width:16px;background:#ffffff;border:2px solid var(--ui-input-focus);border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);cursor:pointer}.range-input-wrapper input[type=range]:disabled{cursor:not-allowed;opacity:0.6}.range-input-wrapper input[type=range]:disabled::-webkit-slider-runnable-track{background:var(--border-subtle, #e2e8f0)}.range-input-wrapper input[type=range]:disabled::-webkit-slider-thumb{border-color:var(--text-muted)}.range-input-wrapper .range-manual-adornment{display:flex;align-items:center;margin-left:12px}.range-input-wrapper .range-manual-input{width:60px;height:28px;border:1px solid var(--ui-input-focus);border-radius:6px;background:rgba(var(--ui-input-focus-rgb), 0.05);color:var(--ui-input-focus);font-size:13px;font-weight:700;text-align:center;outline:none;transition:all 0.2s;font-family:inherit}.range-input-wrapper .range-manual-input::-webkit-inner-spin-button,.range-input-wrapper .range-manual-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.range-input-wrapper .range-manual-input:focus{background:#ffffff;box-shadow:0 0 0 2px rgba(var(--ui-input-focus-rgb), 0.2)}.status-indicator{display:inline-flex;align-items:center;gap:8px;position:relative;margin:0 8px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;background:var(--bg-primary, #ffffff);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);z-index:10;border:1px solid rgba(0, 0, 0, 0.05)}.status-indicator .status-dot{width:7px;height:7px;border-radius:50%}.status-indicator.status-online{color:var(--color-success)}.status-indicator.status-online .status-dot{background:var(--color-success);box-shadow:0 0 10px var(--color-success)}.status-indicator.status-away{color:var(--color-warning)}.status-indicator.status-away .status-dot{background:var(--color-warning);box-shadow:0 0 10px var(--color-warning)}.status-indicator.status-listening{color:var(--color-danger);background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.05);border-color:rgba(var(--color-danger-rgb, 239, 68, 68), 0.2)}.status-indicator.status-listening .mic-pulse{animation:mic-pulse 1.5s infinite;font-size:14px}.status-indicator .status-label{margin-left:2px;text-transform:capitalize;color:var(--text-secondary)}@keyframes mic-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0.7}100%{transform:scale(1);opacity:1}}.typing-animation{display:inline-flex;gap:2px}.typing-animation span{width:3px;height:3px;border-radius:50%;background:currentColor;animation:typing-blink 1.4s infinite both}.typing-animation span:nth-child(2){animation-delay:0.2s}.typing-animation span:nth-child(3){animation-delay:0.4s}@keyframes typing-blink{0%,80%,100%{opacity:0}40%{opacity:1}}.linear-loading-bar{position:absolute;bottom:-1.5px;left:-1.5px;right:-1.5px;height:3px;background:rgba(var(--ui-input-focus-rgb), 0.1);overflow:hidden;z-index:5}.linear-loading-bar::after{content:"";position:absolute;width:50%;height:100%;background:linear-gradient(90deg, transparent, var(--ui-input-focus), transparent);animation:linear-loading-flow 1.5s infinite}@keyframes linear-loading-flow{0%{left:-50%}100%{left:100%}}.input-footer{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-top:6px}.helper-text{display:inline-flex;align-items:center;gap:6px;color:var(--ui-input-helper-color, var(--ui-input-helper));flex:1}.helper-text .validation-icon{font-size:1.15em}.helper-text.success-text{color:var(--color-success, #10b981)}.helper-text.error-text{color:var(--color-danger, #ef4444)}.helper-text.warning-text{color:var(--color-warning, #f59e0b)}.helper-text.info-text{color:var(--color-primary, #0ea5e9)}.character-counter{color:var(--text-muted);font-size:12px;margin-left:auto}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--ui-input-bg);border:1.5px solid var(--ui-input-border);border-radius:12px;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1);margin-top:6px;max-height:280px;overflow-y:auto;z-index:1000;padding:6px}.autocomplete-dropdown .autocomplete-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all 0.2s}.autocomplete-dropdown .autocomplete-item:hover{background:rgba(var(--ui-input-focus-rgb), 0.08);color:var(--ui-input-focus);transform:translateX(4px)}.input-field[type=date],.input-field[type=datetime-local],.input-field[type=month],.input-field[type=week],.input-field[type=time]{cursor:pointer}.input-field[type=date]::-webkit-calendar-picker-indicator,.input-field[type=datetime-local]::-webkit-calendar-picker-indicator,.input-field[type=month]::-webkit-calendar-picker-indicator,.input-field[type=week]::-webkit-calendar-picker-indicator,.input-field[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0.6;transition:opacity 0.15s ease}.input-field[type=date]::-webkit-calendar-picker-indicator:hover,.input-field[type=datetime-local]::-webkit-calendar-picker-indicator:hover,.input-field[type=month]::-webkit-calendar-picker-indicator:hover,.input-field[type=week]::-webkit-calendar-picker-indicator:hover,.input-field[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.input-field[type=file]{cursor:pointer}.input-field[type=file]::-webkit-file-upload-button{cursor:pointer}.input-field[type=file]::file-selector-button{cursor:pointer}.input-field[type=color]{cursor:pointer}.input-field[type=color]::-webkit-color-swatch-wrapper,.input-field[type=color]::-webkit-color-swatch{cursor:pointer}.otp-container input.input-field{cursor:pointer}.otp-box{cursor:pointer}.shortcut-hint{cursor:default;user-select:none}.dirty-indicator{cursor:default}@keyframes shake{0%,100%{transform:translate3d(0, 0, 0)}10%,90%{transform:translate3d(-3px, 0, 0)}20%,80%{transform:translate3d(6px, 0, 0)}30%,50%,70%{transform:translate3d(-10px, 0, 0)}40%,60%{transform:translate3d(10px, 0, 0)}}'}},[833,"ui-input",{badge:[1],color:[1],prefixColor:[1,"prefix-color"],suffixColor:[1,"suffix-color"],gradientDecorators:[4,"gradient-decorators"],rippleEffect:[4,"ripple-effect"],linearLoading:[4,"linear-loading"],hintTooltip:[1,"hint-tooltip"],successPulse:[4,"success-pulse"],alwaysFloated:[4,"always-floated"],shakeOnError:[4,"shake-on-error"],maxRows:[2,"max-rows"],autocompleteSuggestions:[16],voiceInput:[4,"voice-input"],shortcutHint:[1,"shortcut-hint"],textTransform:[1,"text-transform"],relativeTime:[4,"relative-time"],highlightMatches:[4,"highlight-matches"],dropZone:[4,"drop-zone"],ghostText:[1,"ghost-text"],revealOnHold:[4,"reveal-on-hold"],noSpaces:[4,"no-spaces"],alphaOnly:[4,"alpha-only"],numericOnly:[4,"numeric-only"],showPasswordStrength:[4,"show-password-strength"],showProgressCircle:[4,"show-progress-circle"],dirtyTracking:[4,"dirty-tracking"],defaultValue:[1,"default-value"],otpLength:[2,"otp-length"],voiceEnabled:[4,"voice-enabled"],statusIndicator:[1,"status-indicator"],validationTrigger:[1,"validation-trigger"],gradientBorder:[4,"gradient-border"],backdropSheen:[4,"backdrop-sheen"],customClass:[1,"custom-class"],type:[1],variant:[1],size:[1],width:[1],value:[1025],placeholder:[1],label:[1],helperText:[1,"helper-text"],errorText:[1,"error-text"],successText:[1,"success-text"],warningText:[1,"warning-text"],infoText:[1,"info-text"],validationState:[1025,"validation-state"],disabled:[4],readonly:[4],required:[4],multiline:[4],rows:[2],autoResize:[4,"auto-resize"],minRows:[2,"min-rows"],cols:[2],maxLength:[2,"max-length"],minLength:[2,"min-length"],showCounter:[4,"show-counter"],showClear:[4,"show-clear"],showPasswordToggle:[4,"show-password-toggle"],prefixIcon:[1,"prefix-icon"],suffixIcon:[1,"suffix-icon"],prefixText:[1,"prefix-text"],suffixText:[1,"suffix-text"],floatingLabel:[4,"floating-label"],autocomplete:[1],min:[8],max:[8],step:[8],pattern:[1],name:[1],inputId:[1,"input-id"],debounce:[2],loading:[4],fullWidth:[4,"full-width"],autofocus:[4],customTabIndex:[2,"custom-tab-index"],showCopy:[4,"show-copy"],density:[1],showDividers:[4,"show-dividers"],mask:[1],currency:[1],accept:[1],multiple:[4],minLengthIndicator:[2,"min-length-indicator"],maxLengthIndicator:[2,"max-length-indicator"],tooltip:[1],suggestions:[16],inputmode:[1],clearIcon:[1,"clear-icon"],showSteppers:[4,"show-steppers"],showTypeIcon:[4,"show-type-icon"],formatter:[16],parser:[16],autoSelect:[4,"auto-select"],autoTrim:[4,"auto-trim"],rtl:[4],passwordStrengthCalculator:[16],resize:[1],enterkeyhint:[1],passwordIcon:[1,"password-icon"],passwordVisibleIcon:[1,"password-visible-icon"],skeleton:[4],prefixClickable:[4,"prefix-clickable"],suffixClickable:[4,"suffix-clickable"],allowedChars:[1,"allowed-chars"],blockInvalidPaste:[4,"block-invalid-paste"],customMask:[1,"custom-mask"],selectOnClick:[4,"select-on-click"],clearOnEscape:[4,"clear-on-escape"],autoCapitalize:[1,"auto-capitalize"],shake:[1028],isPasswordHeld:[32],currentGhost:[32],isDirty:[32],isRecording:[32],isDragging:[32],rippleX:[32],rippleY:[32],showRipple:[32],showClearButton:[32],isFocused:[32],isPasswordVisible:[32],currentLength:[32],showSuggestions:[32],selectedSuggestionIndex:[32],rangeValue:[32],passwordStrength:[32],capsLockOn:[32],selectedFileNames:[32],internalErrorText:[32],setFocus:[64],openFilePicker:[64],openColorPicker:[64]},void 0,{value:[{valueChanged:0}],validationState:[{handleValidationStateChange:0}],shake:[{handleShakeChange:0}]}]);function d(){"undefined"!=typeof customElements&&["ui-input","ui-badge","ui-button","ui-icon"].forEach((i=>{switch(i){case"ui-input":customElements.get(a(i))||customElements.define(a(i),c);break;case"ui-badge":customElements.get(a(i))||p();break;case"ui-button":customElements.get(a(i))||s();break;case"ui-icon":customElements.get(a(i))||u()}}))}export{c as I,d}

package/dist/components/layout-manager.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LayoutManager extends Components.LayoutManager, HTMLElement {}
+export const LayoutManager: {
+    prototype: LayoutManager;
+    new (): LayoutManager;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/layout-manager.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as s}from"@stencil/core/internal/client";import{g as n}from"./dom.js";import{G as o}from"./event-bus.js";import{d as a}from"./lm-container2.js";import{d as r}from"./lm-floating-window2.js";import{d as l}from"./lm-panel2.js";import{d as h}from"./lm-splitter2.js";import{d as c}from"./lm-tabs2.js";import{d,a as u}from"./badge.js";import{d as p}from"./icon.js";const m=t=>JSON.stringify(t),f=t=>JSON.parse(t);class b{state;constructor(t){this.state=t||b.emptyLayout()}static emptyLayout(){return{version:1,root:{id:"root",type:"row",children:[]},floating:[]}}findPanel(t,e=this.state.root){for(let i=0;i<e.children.length;i++){const s=e.children[i];if("panel"===s.type&&s.id===t)return{parent:e,index:i};if(s.children){const e=this.findPanel(t,s);if(e)return e}}return null}addPanel(t,e){const i={...t,id:t.id||"p_"+Date.now(),type:"panel"};let s=e?this.findContainer(e):null;if(!s){const t=e=>{if(["row","column","tabs"].includes(e.type))return e;for(const i of e.children)if(i.children){const e=t(i);if(e)return e}return null};s=t(this.state.root)}if(s){if("single"===s.type&&s.children.length>0)return console.warn(`Container ${s.id} is 'single' and already has a panel. Rejecting add.`),null;s.children.push(i)}else this.state.root.children.push(i);return o.emit("panel:added",i),i.id}removePanel(t){const e=this.findPanel(t);if(!e||!e.parent)return!1;const i=e.parent.children.splice(e.index,1)[0];return o.emit("panel:removed",i),!0}resizePanel(t,e,i){const s=this.findContainer(t);if(!s||!s.children||s.children.length<=e+1)return;const n=s.children[e],a=s.children[e+1];n.size||(n.size=50),a.size||(a.size=50);const r=.1*i;n.size+=r,a.size-=r,n.size<5&&(n.size=5),a.size<5&&(a.size=5),o.emit("layout:updated",this.state)}setActiveTab(t,e){const i=this.findContainer(t);i&&"tabs"===i.type&&(i.activeTabId=e,o.emit("layout:updated",this.state))}findContainer(t,e=this.state.root){if(e.id===t)return e;for(const i of e.children)if(i.children){const e=this.findContainer(t,i);if(e)return e}return null}save(){return JSON.parse(JSON.stringify(this.state))}load(t){this.state=t,o.emit("layout:loaded",t),o.emit("layout:updated",this.state)}splitPanel(t,e,i){const s=this.findPanel(t);if(!s||!s.parent)return!1;const{parent:n,index:a}=s,r=n.children[a],l={...i,id:i.id||"p_"+Date.now(),type:"panel"},h="horizontal"===e?"row":"column",c=(r.size||100)/2;if(r.size=c,l.size=c,n.type===h)n.children.splice(a+1,0,l);else{const t={id:"c_"+Date.now(),type:h,children:[r,l]};n.children.splice(a,1,t)}return this.rebalanceSizes(n),o.emit("layout:updated",this.state),o.emit("panel:added",l),l.id}getPanelState(t,e=this.state.root){const i=this.findPanel(t,e);return i?i.parent.children[i.index]:null}movePanel(t,e,i){const s=this.findPanel(t);if(!s||!s.parent)return!1;const n=s.parent.children.splice(s.index,1)[0],a=this.findContainer(e);if(!a){const t=this.findPanel(e);return!!t&&(t.parent.children.splice(t.index+1,0,n),this.cleanupContainers(this.state.root),o.emit("layout:updated",this.state),!0)}return"number"==typeof i?a.children.splice(i,0,n):a.children.push(n),this.cleanupContainers(this.state.root),o.emit("panel:moved",n,e),o.emit("layout:updated",this.state),!0}mergePanel(t,e){const i=this.getPanelState(t),s=this.findContainer(e);if(s&&"tabs"===s.type)return this.movePanel(t,e);const n=this.findPanel(e);if(n){const{parent:e,index:s}=n,a=e.children[s];this.removePanel(t);const r={id:"c_tabs_"+Date.now(),type:"tabs",children:[a,{...i,id:t}]};return e.children.splice(s,1,r),this.cleanupContainers(this.state.root),o.emit("layout:updated",this.state),!0}return!1}cleanupContainers(t){t.children=t.children.filter((t=>!t.children||(this.cleanupContainers(t),t.children.length>0))),this.rebalanceSizes(t)}rebalanceSizes(t){if(!t.children||0===t.children.length)return;const e=t.children.filter((t=>!t.size));if(e.length>0){const i=t.children.reduce(((t,e)=>t+(e.size||0)),0),s=Math.max(0,100-i)/e.length;e.forEach((t=>t.size=s))}const i=t.children.reduce(((t,e)=>t+(e.size||0)),0);i>0&&Math.abs(i-100)>.1&&t.children.forEach((t=>t.size=t.size/i*100))}collapsePanel(t){const e=this.getPanelState(t);return!(!e||e.collapsed||(e.collapsed=!0,o.emit("layout:updated",this.state),0))}expandPanel(t){const e=this.getPanelState(t);return!(!e||!e.collapsed||(e.collapsed=!1,o.emit("layout:updated",this.state),0))}}const x=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}initialLayout;layout;engine;isDragging=!1;draggedPanelId=null;dropIndicator=null;currentDropTargetId=null;currentDropIndex=null;componentWillLoad(){if(this.initialLayout)try{const t=f(this.initialLayout);this.engine=new b(t)}catch(t){console.warn("Invalid initial layout, using empty layout",t),this.engine=new b}else this.engine=new b;this.layout=this.engine.save(),o.on("panel:dragstart",(t=>{this.isDragging=!0,this.draggedPanelId=t.panelId,document.addEventListener("mousemove",this.onGlobalMouseMove),document.addEventListener("mouseup",this.onGlobalMouseUp)})),o.on("splitter:drag",(t=>{const e=this.engine.findContainer(t.containerId);let i=0;e&&("row"===e.type||"horizontal"===e.type?i=t.dx:"column"!==e.type&&"vertical"!==e.type||(i=t.dy),0!==i&&(this.engine.resizePanel(t.containerId,t.index,i),this.layout=this.engine.save()))})),o.on("tab:changed",(t=>{this.engine.setActiveTab(t.containerId,t.tabId),this.layout=this.engine.save()})),o.on("panel:closed",(t=>{this.engine.removePanel(t),this.layout=this.engine.save()})),o.on("layout:updated",(()=>{this.layout=this.engine.save()})),window.LayoutEventBus=o}resizeObserver;componentDidLoad(){"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.checkAutoCollapse()})),this.resizeObserver.observe(this.el))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),document.removeEventListener("mousemove",this.onGlobalMouseMove),document.removeEventListener("mouseup",this.onGlobalMouseUp)}checkAutoCollapse(){this.el&&Array.from(this.el.querySelectorAll(".lm-panel")).forEach((t=>{const e=t.getAttribute("data-id"),i=this.engine.getPanelState(e);if(!i||!i.collapsible||i.collapsed)return;const s=t.getBoundingClientRect();(s.width<(i.minWidth||100)||s.height<(i.minHeight||100))&&(this.engine.collapsePanel(e),this.layout=this.engine.save())}))}async addPanel(t){const e=this.engine.addPanel(t);return this.layout=this.engine.save(),e}async removePanel(t){const e=this.engine.removePanel(t);return this.layout=this.engine.save(),e}async saveLayout(){return m(this.engine.save())}async loadLayout(t){const e=f(t);return this.engine.load(e),this.layout=this.engine.save(),!0}async splitPanel(t,e,i){const s=this.engine.splitPanel(t,e,i);return s?(this.layout=this.engine.save(),s):null}getIndicatorStyle(){if(!this.dropIndicator)return{};const{rect:t,zone:e}=this.dropIndicator,i=n(this.el),s={position:"fixed",pointerEvents:"none",zIndex:"10000",background:"rgba(59, 130, 246, 0.3)",border:"2px solid #3bf673",transition:"all 0.1s ease-out",borderRadius:"4px"},o=t.left-i.x,a=t.top-i.y,r=t.width,l=t.height;switch(e){case"left":s.left=o+"px",s.top=a+"px",s.width=r/2+"px",s.height=l+"px";break;case"right":s.left=o+r/2+"px",s.top=a+"px",s.width=r/2+"px",s.height=l+"px";break;case"top":s.left=o+"px",s.top=a+"px",s.width=r+"px",s.height=l/2+"px";break;case"bottom":s.left=o+"px",s.top=a+l/2+"px",s.width=r+"px",s.height=l/2+"px";break;case"root-left":s.left=o+"px",s.top=a+"px",s.width="40px",s.height=l+"px";break;case"root-right":s.left=o+r-40+"px",s.top=a+"px",s.width="40px",s.height=l+"px";break;case"root-top":s.left=o+"px",s.top=a+"px",s.width=r+"px",s.height="40px";break;case"root-bottom":s.left=o+"px",s.top=a+l-40+"px",s.width=r+"px",s.height="40px";break;default:s.left=o+"px",s.top=a+"px",s.width=r+"px",s.height=l+"px"}return s}onGlobalMouseMove=t=>{if(!this.isDragging)return;const e=this.el.getBoundingClientRect(),i=t.clientX-e.left,s=t.clientY-e.top;let n=null;if(i<30?n="root-left":i>e.width-30?n="root-right":s<30?n="root-top":s>e.height-30&&(n="root-bottom"),n)return this.currentDropTargetId="root",void(this.dropIndicator={rect:e,zone:n});const o=document.elementsFromPoint(t.clientX,t.clientY).find((t=>t.classList.contains("lm-panel")||t.classList.contains("lm-container")||t.classList.contains("lm-tabs")));if(o){let e=o.getAttribute("data-id");const i=o.getBoundingClientRect();if(o.classList.contains("lm-tabs")){const e=o.querySelector(".lm-tab-list");if(e){const s=Array.from(e.querySelectorAll(".lm-tab"));let n=s.length;return s.forEach(((e,i)=>{const o=e.getBoundingClientRect();t.clientX<o.left+o.width/2&&n===s.length&&(n=i)})),this.currentDropTargetId=o.getAttribute("data-id"),this.currentDropIndex=n,void(this.dropIndicator={rect:i,zone:"center",index:n})}}if(e===this.draggedPanelId)return this.dropIndicator=null,void(this.currentDropTargetId=null);const s=(t.clientX-i.left)/i.width,n=(t.clientY-i.top)/i.height;let a="center";s<.25?a="left":s>.75?a="right":n<.25?a="top":n>.85&&(a="bottom"),this.currentDropTargetId=e,this.currentDropIndex=null,this.dropIndicator={rect:i,zone:a}}else this.dropIndicator=null,this.currentDropTargetId=null,this.currentDropIndex=null};onGlobalMouseUp=()=>{if(this.isDragging&&this.draggedPanelId&&this.currentDropTargetId){const t=this.dropIndicator?.zone,e=this.currentDropTargetId,i=this.draggedPanelId;if("center"===t)if(i.startsWith("new:")){const t=i.split(":")[1],s="p_"+Date.now();this.engine.addPanel({id:s,title:t,content:"Content for "+t}),null!==this.currentDropIndex?this.engine.movePanel(s,e,this.currentDropIndex):this.engine.mergePanel(s,e)}else null!==this.currentDropIndex?this.engine.movePanel(i,e,this.currentDropIndex):this.engine.mergePanel(i,e);else if(t.startsWith("root-")){const e="root-left"===t||"root-right"===t?"horizontal":"vertical";let s;if(i.startsWith("new:")){const t=i.split(":")[1];s={id:"p_"+Date.now(),title:t,content:"Content for "+t}}else s=this.engine.getPanelState(i),this.engine.removePanel(i);s&&this.engine.splitPanel(this.layout.root.id,e,s)}else if(t){const s="left"===t||"right"===t?"horizontal":"vertical";let n;if(i.startsWith("new:")){const t=i.split(":")[1];n={id:"p_"+Date.now(),title:t,content:"New "+t}}else n=this.engine.getPanelState(i),this.engine.removePanel(i);n&&this.engine.splitPanel(e,s,n)}this.layout=this.engine.save()}this.isDragging=!1,this.draggedPanelId=null,this.dropIndicator=null,document.removeEventListener("mousemove",this.onGlobalMouseMove),document.removeEventListener("mouseup",this.onGlobalMouseUp)};render(){return i("div",{key:"f569e28b4534614afdb516bf769ad888c11b103f",class:"lm-root"},i("lm-container",{key:"fd8a5616176a28a3da539012d2e683f5216209fb",node:this.layout.root}),this.dropIndicator&&i("div",{key:"27e38072647723cba399914c9f1684dc9ea62de5",class:"lm-drop-indicator "+this.dropIndicator.zone,style:this.getIndicatorStyle()}),i("div",{key:"dfc23cda195b1b5ef6096c2fb76f52a0fd57cd3f",class:"lm-floating"},this.layout.floating.map((t=>i("lm-floating-window",{"panel-id":t.id})))))}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.lm-root{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;position:relative}.lm-floating{position:absolute;top:0;left:0;width:0;height:0;z-index:9999}"}},[512,"layout-manager",{initialLayout:[1,"initial-layout"],layout:[32],isDragging:[32],draggedPanelId:[32],dropIndicator:[32],addPanel:[64],removePanel:[64],saveLayout:[64],loadLayout:[64],splitPanel:[64]}]),y=x,g=function(){"undefined"!=typeof customElements&&["layout-manager","lm-container","lm-floating-window","lm-panel","lm-splitter","lm-tabs","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"layout-manager":customElements.get(s(t))||customElements.define(s(t),x);break;case"lm-container":customElements.get(s(t))||a();break;case"lm-floating-window":customElements.get(s(t))||r();break;case"lm-panel":customElements.get(s(t))||l();break;case"lm-splitter":customElements.get(s(t))||h();break;case"lm-tabs":customElements.get(s(t))||c();break;case"ui-badge":customElements.get(s(t))||u();break;case"ui-button":customElements.get(s(t))||d();break;case"ui-icon":customElements.get(s(t))||p()}}))};export{y as LayoutManager,g as defineCustomElement}

package/dist/components/library-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LibraryCard extends Components.LibraryCard, HTMLElement {}
+export const LibraryCard: {
+    prototype: LibraryCard;
+    new (): LibraryCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/library-card.js

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

package/dist/components/library-card2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as i,transformTag as r}from"@stencil/core/internal/client";import{d as o,a as n}from"./badge.js";import{d as c}from"./icon.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentId;cardTitle;description;icon="📦";badge;docs;mode="demo";handleViewDemo=()=>{if("doc"===this.mode)return void(this.docs&&(window.location.href=this.docs));if(window.showSection)return void window.showSection(this.componentId);const e=`/index.html#${this.componentId}`;try{window.parent!==window?window.parent.location.href=e:window.location.href=e}catch(t){window.location.href=e}};handleViewDocs=e=>{e.stopPropagation(),this.docs&&(window.location.href=this.docs)};render(){return a(i,{key:"3a3ff13a2954f14c350206fdad4ba6340f653e4e"},a("div",{key:"b92cca51b6cc6af60d8476f386482ccfdd475a34",class:"card",onClick:this.handleViewDemo},a("div",{key:"30a68d761de621658d2fc34a40ea101fbf04141e",class:"card-icon"},this.icon),a("div",{key:"9ac9cba2c76b9568e2a5f319f0b04cb283a5e682",class:"card-content"},a("h3",{key:"0b62e3e8b4839a79a4f567dee7ff1da61a8799cf",class:"card-title"},this.cardTitle,this.badge&&a("span",{key:"2254007ce97d9a0cc9cbcf66f8b397e48eaca256",class:"badge"},this.badge)),a("p",{key:"4d5a519fd7d9759ae9f17783e680002e66a82106",class:"card-description"},this.description)),a("div",{key:"71b72af77182f87ce4e09ad2f17a3f66618ffc12",class:"card-action"},this.docs&&a("ui-button",{key:"3b9318ef02116646198e2535f97394ccf634f674",variant:"ghost",size:"md",icon:"file-text","icon-library":"lucide",title:"View Documentation",onClick:this.handleViewDocs}),a("ui-button",{key:"de3abccdcdd7e3504e7fc57d3525e0a41b27b731",variant:"filled",color:"primary",size:"md",icon:"play","icon-library":"lucide",title:"View Demo"}))))}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(145deg, rgba(30, 41, 59, 0.7), rgba(15, 23, 42, 0.8));border:1px solid rgba(255, 255, 255, 0.08);border-radius:20px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.05));opacity:0;transition:opacity 0.3s ease;pointer-events:none}.card:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(99, 102, 241, 0.5);box-shadow:0 20px 40px rgba(0, 0, 0, 0.3), 0 0 30px rgba(99, 102, 241, 0.2)}.card:hover::before{opacity:1}.card:active{transform:translateY(-2px) scale(1.01)}.card-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(168, 85, 247, 0.2));border-radius:14px;flex-shrink:0;transition:transform 0.3s ease}.card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-content{flex:1;min-width:0}.card-title{margin:0 0 6px 0;font-size:1.1rem;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px}.badge{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:3px 8px;background:linear-gradient(135deg, #6366f1, #a855f7);border-radius:20px;color:white;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.card-description{margin:0;font-size:0.85rem;color:#94a3b8;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-action{flex-shrink:0}.play-btn{width:44px;height:44px;border:none;border-radius:50%;background:linear-gradient(135deg, #6366f1, #8b5cf6);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;opacity:0;transform:scale(0.8)}.card:hover .play-btn{opacity:1;transform:scale(1)}.play-btn:hover{background:linear-gradient(135deg, #818cf8, #a78bfa);transform:scale(1.15);box-shadow:0 8px 20px rgba(99, 102, 241, 0.4)}.play-btn:active{transform:scale(1.05)}:host-context(.light) .card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.8));border-color:rgba(0, 0, 0, 0.1)}:host-context(.light) .card-title{color:#1e293b}:host-context(.light) .card-description{color:#64748b}'}},[513,"library-card",{componentId:[1,"component-id"],cardTitle:[1,"card-title"],description:[1],icon:[1],badge:[1],docs:[1],mode:[1]}]);function s(){"undefined"!=typeof customElements&&["library-card","ui-badge","ui-button","ui-icon"].forEach((e=>{switch(e){case"library-card":customElements.get(r(e))||customElements.define(r(e),d);break;case"ui-badge":customElements.get(r(e))||n();break;case"ui-button":customElements.get(r(e))||o();break;case"ui-icon":customElements.get(r(e))||c()}}))}export{d as L,s as d}