atomicuilibrary 0.1.0 → 0.1.3

package/dist/components/input.js

@@ -1 +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";import{d as l}from"./loader.js";const c=["primary","secondary","success","warning","danger","error","info","default"],d=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&&!c.includes(this.color),u={...p?{"--ui-custom-color":this.color,"--ui-custom-color-rgb":n(this.color)}:{},"--ui-input-width":this.width},l=!!(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":l,"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:"3a051e8a9e1f0139e4657d60ef8164856307104a",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:"e3e095ca40775b9c8acebea74563510d1ce53783",class:{...d,"input-ripple":this.rippleEffect}},this.label&&!this.floatingLabel&&!r&&e("label",{key:"80cf74ffcb51ab88a4b741735f0dd2e605dd6093",class:"input-label"},this.label,this.required&&"*"),e("div",{key:"ab7fd102b717f98310a33f852941193eff690429",class:"input-container",onMouseDown:this.handleMouseDown,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},e("div",{key:"33ac5d37c8424e3676f0ff3aa7fcc56022234a7a",class:"clipping-layer"},this.showRipple&&e("div",{key:"04ce9c9370ba75eccc571b6a77fdc9d0d85aa414",class:"liquid-ripple",style:{left:`${this.rippleX}px`,top:`${this.rippleY}px`}}),this.linearLoading&&e("div",{key:"57fae93bef66ce2442cff10d8c1047c06534f2f4",class:"linear-loading-bar"}),this.backdropSheen&&e("div",{key:"4cc4cda3894e58b5de70ee5769c8dcdab7660394",class:"backdrop-sheen-effect"})),this.renderAutocomplete(),(this.badge||this.dirtyTracking&&this.isDirty)&&e("span",{key:"0d81a8f25b0a5f8d657334be35fd6265b0a6d517",class:"input-badge "+(this.badge?"":"dot-mode")},this.badge||""),this.renderPrefixIcon(),this.floatingLabel&&!r&&e("label",{key:"21b3824bad5426b981cd4c3e24f0d72b11f42800",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:"92a94bf2a1b15d0619402459af2042568d1b41e1",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:"d03600aa9ed340b7aee6d8cc67f85b5d9bffef11",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:"e41d89f9aa5e3f776152bb3571dfe791bb190429",class:{"suffix-text":!0,[`block-color-${this.suffixColor}`]:!!this.suffixColor}},this.suffixText),("none"!==this.statusIndicator||this.isRecording||this._voiceOffLabel)&&e("div",{key:"97c5bb06c3cd3c415ae269de07d15e9cae37bc11",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:"13305b3242980ce30f7ddb011f9c293f65520bff",library:"lucide",name:"mic",class:"mic-pulse"}),"listening"!==this.statusIndicator&&!this.isRecording&&!this._voiceOffLabel&&e("span",{key:"287f8784f85a1c8ce18185668ded6be9abdfe521",class:"status-dot"}),e("span",{key:"dcf8414fd07f22c907d8f0a44e2f291bd8d9e06a",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:"97e33fe463f2614ad1d50434113f901295476388",class:"typing-animation"},e("span",{key:"6a4deee492deb251b6d9166932f9bf39575dc7ae"}),e("span",{key:"7cfec2336ffed51a4a807f59d9acadf242d6eba1"}),e("span",{key:"537aee8e7a731ebe94a9a9d2782211c2ed27ee74"}))),this.renderSuffixContent(),this.renderSteppers(),this.hintTooltip&&e("div",{key:"0e823d9672e91e3f3e73fee5f3b3b7ffb852d124",class:"hint-tooltip-icon",title:this.hintTooltip},e("ui-icon",{key:"ddbdd7627df9b9e0b5f21549555478957b987acb",library:"lucide",name:"help-circle"}))),(s||this.showCounter||this.minLengthIndicator||this.maxLengthIndicator||"password"===this.type&&this.value&&this.showPasswordStrength)&&e("div",{key:"b744601318eb4bc5591c46b55c7bb6c695b53e0d",class:"input-footer"},"password"===this.type&&this.value&&this.showPasswordStrength&&e("div",{key:"0a53061d23adf47ed76c9f136208fa6d1aea24ba",class:"password-strength-meter"},e("div",{key:"bb04a6a647595ac406a19f66d2070709d9d70427",class:`strength-bar strength-${this.passwordStrength}`})),s&&e("span",{key:"b2afa105430243ed422fbba82f3411becb889a65",class:"helper-text "+("none"!==this.validationState?this.validationState+"-text":"")},"error"===this.validationState&&e("ui-icon",{key:"ada379d68e13611f58892c386133633ca52eb20f",library:"lucide",name:"alert-circle",class:"validation-icon"}),"warning"===this.validationState&&e("ui-icon",{key:"28b17d21ea957ba6e9c7fc556737182c11894d8f",library:"lucide",name:"alert-triangle",class:"validation-icon"}),"success"===this.validationState&&e("ui-icon",{key:"3ea20f412b2a859070585d2cbafade0f692bbbad",library:"lucide",name:"check-circle-2",class:"validation-icon"}),"info"===this.validationState&&e("ui-icon",{key:"f6cfbfbe60bcf78ea2dcd50b75bda182bc8133a1",library:"lucide",name:"info",class:"validation-icon"}),s),this.relativeTime&&"date"===this.type&&this.value&&e("span",{key:"f952bbb2fc1d5833b64e90717b1c0b8c2ed88e69",class:"relative-time-overlay"},this.getRelativeTimeString(this.value)),this.showCounter&&this.maxLength&&e("span",{key:"86521b16722af6200a90d99d97b5d41fb601cc88",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 h(){"undefined"!=typeof customElements&&["ui-input","ui-badge","ui-button","ui-icon","ui-loader"].forEach((i=>{switch(i){case"ui-input":customElements.get(a(i))||customElements.define(a(i),d);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();break;case"ui-loader":customElements.get(a(i))||l()}}))}export{d as I,h as d}
+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}from"./badge.js";import{d as p}from"./button.js";import{d as u}from"./icon.js";import{d as l}from"./loader.js";const c=["primary","secondary","success","warning","danger","error","info","default"],d=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")),"number"===this.type&&("ArrowUp"===i.key||"ArrowDown"===i.key))return i.preventDefault(),this.stepValue("ArrowUp"===i.key?"up":"down"),void this.inputKeydown.emit(i);if(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(){if(this.prefixText)return e("span",{class:"prefix-text"},this.prefixText);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",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&&!c.includes(this.color),u={...p?{"--ui-custom-color":this.color,"--ui-custom-color-rgb":n(this.color)}:{},"--ui-input-width":this.width},l=!!(this.prefixIcon&&"none"!==this.prefixIcon&&"false"!==this.prefixIcon||this.prefixText||this.showTypeIcon&&["search","email","tel","url","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":l,"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:"9a60ec147a5fa55b2e8b5707480b548c42f5ae9e",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:"e502dc3eb3906454cc9dd59d90ace7733c0d28be",class:{...d,"input-ripple":this.rippleEffect}},this.label&&!this.floatingLabel&&!r&&e("label",{key:"cf95f5a2c55b665b381e101da1935817e5f6854e",class:"input-label"},this.label,this.required&&"*"),e("div",{key:"720476ab6d027d170c9f6578aafbd9dd6d4666ab",class:"input-container",onMouseDown:this.handleMouseDown,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},e("div",{key:"0aa6363f0ab1ce0b1258faa1a8e50edd2ce0194a",class:"clipping-layer"},this.showRipple&&e("div",{key:"870e6c126209301040ab87cb8268292c4554c8c6",class:"liquid-ripple",style:{left:`${this.rippleX}px`,top:`${this.rippleY}px`}}),this.linearLoading&&e("div",{key:"0142a9159ae2da923f4cb8e235d450949b218858",class:"linear-loading-bar"}),this.backdropSheen&&e("div",{key:"16201b907180eecf6572aa4d35acd4dc4195c2c9",class:"backdrop-sheen-effect"})),this.renderAutocomplete(),(this.badge||this.dirtyTracking&&this.isDirty)&&e("span",{key:"d39d26d0cf846f63623798af36b1a3246b27c475",class:"input-badge "+(this.badge?"":"dot-mode")},this.badge||""),this.renderPrefixIcon(),this.floatingLabel&&!r&&e("label",{key:"b97c78efd92e947be92260d99e6ce33a5819e752",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:"b7cc0f56b519fcded55dca59706f65d68e2d4a6c",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:"25e806d92c00ba0152a107688613355cfe5068ee",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:"da03a61e714765539b519ad8245461e81c9674bd",class:{"suffix-text":!0,[`block-color-${this.suffixColor}`]:!!this.suffixColor}},this.suffixText),("none"!==this.statusIndicator||this.isRecording||this._voiceOffLabel)&&e("div",{key:"9680ae515520a198ad817148a24df39d7a3f6a98",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:"0c98b998db7a897d21be1f11db346cc4e205e26b",library:"lucide",name:"mic",class:"mic-pulse"}),"listening"!==this.statusIndicator&&!this.isRecording&&!this._voiceOffLabel&&e("span",{key:"88e14b5da603333797c322df5422246341f16285",class:"status-dot"}),e("span",{key:"9d770b76bc248d7dba69d0822c0b79f3bfaabab9",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:"1841bca58c42f9893f293457219f191fc3a3cbaa",class:"typing-animation"},e("span",{key:"566c69184b5962469dabf7f10f6576e0cdae2252"}),e("span",{key:"fb5556bb660ac76d8a5397cdd0d91186cf88339e"}),e("span",{key:"451c92cdcd4b43f05021224e12a44ff6fbd6912b"}))),this.renderSuffixContent(),this.renderSteppers(),this.hintTooltip&&e("div",{key:"97994c03e366b0053256666df50e66b4bbaaa5b5",class:"hint-tooltip-icon",title:this.hintTooltip},e("ui-icon",{key:"a7d61711aba28201c218a6a9899f1c76dab86070",library:"lucide",name:"help-circle"}))),(s||this.showCounter||this.minLengthIndicator||this.maxLengthIndicator||"password"===this.type&&this.value&&this.showPasswordStrength)&&e("div",{key:"b12ff7f34d5fd33eb4cf8a52bcee590b79ba540a",class:"input-footer"},"password"===this.type&&this.value&&this.showPasswordStrength&&e("div",{key:"063096f5f7c035a5f3d787a6cc4c104812dbe2d2",class:"password-strength-meter"},e("div",{key:"0bc8772ccfafcac7ffd343f3ffe447e22a271be0",class:`strength-bar strength-${this.passwordStrength}`})),s&&e("span",{key:"ddfc73c09005217a0c9bfb614690ad988a76dc0b",class:"helper-text "+("none"!==this.validationState?this.validationState+"-text":"")},"error"===this.validationState&&e("ui-icon",{key:"d5a240295b07fc6bb4e76ac4c9f6154cb4819655",library:"lucide",name:"alert-circle",class:"validation-icon"}),"warning"===this.validationState&&e("ui-icon",{key:"a596776cfd419ea66b6a69ea85ca65dc2c058d0b",library:"lucide",name:"alert-triangle",class:"validation-icon"}),"success"===this.validationState&&e("ui-icon",{key:"7c3b20980d11d7d4429a4c53fad8f93fb51773e7",library:"lucide",name:"check-circle-2",class:"validation-icon"}),"info"===this.validationState&&e("ui-icon",{key:"e2d6e55549ae7c038dd9f5f293895be1c255f25e",library:"lucide",name:"info",class:"validation-icon"}),s),this.relativeTime&&"date"===this.type&&this.value&&e("span",{key:"11d4bd88d83070f3ebdad9ae53686447d6f16152",class:"relative-time-overlay"},this.getRelativeTimeString(this.value)),this.showCounter&&this.maxLength&&e("span",{key:"7f7d35051ff6a206abe35085e798609725499268",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);--ui-input-soft-bg:rgba(255, 255, 255, 0.05) !important;--ui-input-filled-bg:rgba(255, 255, 255, 0.08) !important}: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)}.input-field[type=number]{-moz-appearance:textfield}.input-field[type=number]::-webkit-outer-spin-button,.input-field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}: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 h(){"undefined"!=typeof customElements&&["ui-input","ui-badge","ui-button","ui-icon","ui-loader"].forEach((i=>{switch(i){case"ui-input":customElements.get(a(i))||customElements.define(a(i),d);break;case"ui-badge":customElements.get(a(i))||s();break;case"ui-button":customElements.get(a(i))||p();break;case"ui-icon":customElements.get(a(i))||u();break;case"ui-loader":customElements.get(a(i))||l()}}))}export{d as I,h as d}

package/dist/components/layout-manager.js

@@ -1 +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";import{d as m}from"./loader.js";const f=t=>JSON.stringify(t),b=t=>JSON.parse(t);class x{state;constructor(t){this.state=t||x.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 y=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=b(this.initialLayout);this.engine=new x(t)}catch(t){console.warn("Invalid initial layout, using empty layout",t),this.engine=new x}else this.engine=new x;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 f(this.engine.save())}async loadLayout(t){const e=b(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:"a7d960702919a492c0f69534926d1a3eb3be72dd",class:"lm-root"},i("lm-container",{key:"065dad724b014066c553e9eedc8f43f893d7d573",node:this.layout.root}),this.dropIndicator&&i("div",{key:"8ed57f7562cdaf20c5d65f79cc16c638d8450b95",class:"lm-drop-indicator "+this.dropIndicator.zone,style:this.getIndicatorStyle()}),i("div",{key:"001e3f78b7e233858cad4ff5035849091dca554e",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]}]),g=y,w=function(){"undefined"!=typeof customElements&&["layout-manager","lm-container","lm-floating-window","lm-panel","lm-splitter","lm-tabs","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"layout-manager":customElements.get(s(t))||customElements.define(s(t),y);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();break;case"ui-loader":customElements.get(s(t))||m()}}))};export{g as LayoutManager,w as defineCustomElement}
+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}from"./badge.js";import{d as u}from"./button.js";import{d as p}from"./icon.js";import{d as m}from"./loader.js";const f=t=>JSON.stringify(t),b=t=>JSON.parse(t);class x{state;constructor(t){this.state=t||x.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 y=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=b(this.initialLayout);this.engine=new x(t)}catch(t){console.warn("Invalid initial layout, using empty layout",t),this.engine=new x}else this.engine=new x;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 f(this.engine.save())}async loadLayout(t){const e=b(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:"7753a9c91db9bde41c4d9722965cf7539dbf1853",class:"lm-root"},i("lm-container",{key:"bc8b0577999e7abe56bcdf0b165c6b11ff632f9c",node:this.layout.root}),this.dropIndicator&&i("div",{key:"4524e20157b1f2a6d2507f8d62e520dc887cd941",class:"lm-drop-indicator "+this.dropIndicator.zone,style:this.getIndicatorStyle()}),i("div",{key:"80eb024ac89e3417d43983de2a778b63714c932f",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]}]),g=y,w=function(){"undefined"!=typeof customElements&&["layout-manager","lm-container","lm-floating-window","lm-panel","lm-splitter","lm-tabs","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"layout-manager":customElements.get(s(t))||customElements.define(s(t),y);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))||d();break;case"ui-button":customElements.get(s(t))||u();break;case"ui-icon":customElements.get(s(t))||p();break;case"ui-loader":customElements.get(s(t))||m()}}))};export{g as LayoutManager,w as defineCustomElement}

package/dist/components/library-card2.js

@@ -1 +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";import{d}from"./loader.js";const s=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:"e7edb6ead577044fd1f0fa6b7679be3dcfeabe2b"},a("div",{key:"8ca7a57e9eaa74b7504e55e0babe472e38a0ec43",class:"card",onClick:this.handleViewDemo},a("div",{key:"3fad5c6b2c77cf04368ed68ad98cd1839580a5c2",class:"card-icon"},this.icon),a("div",{key:"4400e8559ff068d0eddba7e781498d583da9cb19",class:"card-content"},a("h3",{key:"59003194f0804f32b304c57c1ea6d72469759264",class:"card-title"},this.cardTitle,this.badge&&a("span",{key:"906582ba015efb8c817b4cfa2171e6174c7342d6",class:"badge"},this.badge)),a("p",{key:"0accb66ebbb468e22cffeaea5a1670f3c5a61922",class:"card-description"},this.description)),a("div",{key:"f62f8e4b3c46fdaa83797603874965ba891eb02a",class:"card-action"},this.docs&&a("ui-button",{key:"e8f3c1790fbb58887826012e0ffb79056de2cfaa",variant:"ghost",size:"md",icon:"file-text","icon-library":"lucide",title:"View Documentation",onClick:this.handleViewDocs}),a("ui-button",{key:"098cb0afc2110dd502003e164478eb9595f212f3",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 l(){"undefined"!=typeof customElements&&["library-card","ui-badge","ui-button","ui-icon","ui-loader"].forEach((e=>{switch(e){case"library-card":customElements.get(r(e))||customElements.define(r(e),s);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();break;case"ui-loader":customElements.get(r(e))||d()}}))}export{s as L,l as d}
+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}from"./badge.js";import{d as n}from"./button.js";import{d}from"./icon.js";import{d as c}from"./loader.js";const s=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:"e7ec177273206c16c1d847b2fbfec774a1110e2f"},a("div",{key:"65f2634e8b4a2e55a66e9a197ea6b5a288620ada",class:"card",onClick:this.handleViewDemo},a("div",{key:"c5c155738d5b4b767498a038dcf8e2a881450a71",class:"card-icon"},this.icon),a("div",{key:"67e580c68a11d42e9293013673630de3793e5bba",class:"card-content"},a("h3",{key:"cb82a9f63283b84b6752f1ed875b1abbd48c9206",class:"card-title"},this.cardTitle,this.badge&&a("span",{key:"b5d594310d069f64dd7233afcb0054642c545114",class:"badge"},this.badge)),a("p",{key:"340600aaa5c08ad4a045a16ec41b073744820605",class:"card-description"},this.description)),a("div",{key:"3bae409719d8db750146066a460463cf7fc35d86",class:"card-action"},this.docs&&a("ui-button",{key:"81640bd45d504b4db56c750750250e74dc7e7a30",variant:"ghost",size:"md",icon:"file-text","icon-library":"lucide",title:"View Documentation",onClick:this.handleViewDocs}),a("ui-button",{key:"6392be5ab1a22e874317f0d40e431cba816cdf6b",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 l(){"undefined"!=typeof customElements&&["library-card","ui-badge","ui-button","ui-icon","ui-loader"].forEach((e=>{switch(e){case"library-card":customElements.get(r(e))||customElements.define(r(e),s);break;case"ui-badge":customElements.get(r(e))||o();break;case"ui-button":customElements.get(r(e))||n();break;case"ui-icon":customElements.get(r(e))||d();break;case"ui-loader":customElements.get(r(e))||c()}}))}export{s as L,l as d}

package/dist/components/list-group.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as o,createEvent as r,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{d as s,a as n}from"./badge.js";import{d as l}from"./icon.js";import{d as c}from"./loader.js";const d=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.groupClick=r(this,"groupClick",7),this.groupToggle=r(this,"groupToggle",7)}get el(){return this}label="";collapsible=!1;expanded=!0;icon="";divider=!0;dense=!1;selectable=!1;selected=!1;badge="";badgeColor="default";level=0;skeleton=!1;groupClick;groupToggle;toggleExpanded=e=>{e.stopPropagation(),this.collapsible&&(this.expanded=!this.expanded,this.groupToggle.emit({expanded:this.expanded}))};handleHeaderClick=e=>{this.selectable&&(this.selected=!this.selected),this.groupClick.emit({selected:this.selected,expanded:this.expanded}),this.collapsible&&!this.selectable&&this.toggleExpanded(e)};renderSkeleton(){return t("div",{class:"list-group-skeleton"},t("div",{class:"skeleton-header"},t("div",{class:"skeleton-icon"}),t("div",{class:"skeleton-text"})),t("div",{class:"skeleton-content"},t("div",{class:"skeleton-item"}),t("div",{class:"skeleton-item"}),t("div",{class:"skeleton-item"})))}render(){if(this.skeleton)return t(a,null,this.renderSkeleton());const e={"group-header":!0,"group-header-collapsible":this.collapsible,"group-header-dense":this.dense,"group-header-selected":this.selected,"group-header-selectable":this.selectable},o={"group-content":!0,"group-content-collapsed":!this.expanded},r=24*this.level;return t(a,{style:{"--group-level":this.level.toString()}},this.label&&t("div",{class:e,onClick:this.handleHeaderClick,style:{paddingLeft:`${r+12}px`}},t("div",{class:"header-left"},this.collapsible&&t("ui-button",{variant:"ghost",onClick:this.toggleExpanded,ariaLabel:this.expanded?"Collapse group":"Expand group",icon:this.expanded?"chevron-down":"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),this.selectable&&t("div",{class:{"selection-checkbox":!0,selected:this.selected}},t("div",{class:"checkbox-box"},this.selected&&t("ui-icon",{name:"check",library:"fontawesome"}))),this.icon&&t("ui-icon",{class:"group-icon",name:this.icon.replace(/^fa[sb]? fa-/,""),library:"fontawesome"}),t("span",{class:"group-label"},this.label),this.badge&&t("span",{class:`group-badge badge-${this.badgeColor}`},this.badge)),t("div",{class:"header-actions"},t("slot",{name:"header-actions"}))),t("div",{class:o,role:"region","aria-expanded":this.expanded.toString()},t("slot",null)),t("div",{class:"group-footer"},t("slot",{name:"footer"})),this.divider&&t("div",{class:"group-divider"}))}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;--header-padding:12px 16px;--header-bg-hover:rgba(0, 0, 0, 0.04);--header-bg-selected:var(--primary-color-light, #e0f2fe);--header-color-selected:var(--primary-color, #0284c7)}.group-header{padding:var(--header-padding);font-weight:600;font-size:0.875rem;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;justify-content:space-between;user-select:none;border-radius:4px;margin-bottom:4px;transition:all 0.2s ease}.group-header-collapsible{cursor:pointer}.group-header-collapsible:hover{background-color:var(--header-bg-hover)}.group-header-selectable{cursor:pointer}.group-header-selectable:hover{background-color:var(--header-bg-hover)}.group-header-selected{background-color:var(--header-bg-selected);color:var(--header-color-selected)}.group-header-selected .group-icon,.group-header-selected .collapse-icon{color:var(--header-color-selected)}.group-header-dense{padding:8px 16px;font-size:0.8125rem}.header-left{display:flex;align-items:center;gap:12px;flex:1}.collapse-btn{background:none;border:none;padding:4px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 0.2s;margin-left:-8px}.collapse-btn:hover{background-color:rgba(0, 0, 0, 0.1)}.selection-checkbox{margin-right:-4px;display:flex;align-items:center;justify-content:center}.selection-checkbox .checkbox-box{width:20px;height:20px;border:2px solid var(--border-strong, #d1d5db);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;background:var(--bg-primary, #ffffff)}.selection-checkbox .checkbox-box i{font-size:12px;color:var(--text-standard, #ffffff);transform:scale(0);transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.selection-checkbox.selected .checkbox-box{background:var(--primary-color, #0ea5e9);border-color:var(--primary-color, #0ea5e9)}.selection-checkbox.selected .checkbox-box i{transform:scale(1)}.selection-checkbox:hover .checkbox-box{border-color:var(--primary-color, #0ea5e9)}.group-badge{padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;margin-left:8px;line-height:1.4}.group-badge.badge-default{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.group-badge.badge-primary{background:var(--primary-color, #0ea5e9);color:var(--text-standard, #ffffff)}.group-badge.badge-secondary{background:var(--secondary-color, #64748b);color:var(--text-standard, #ffffff)}.group-badge.badge-success{background:var(--success-color, #22c55e);color:var(--text-standard, #ffffff)}.group-badge.badge-danger{background:var(--danger-color, var(--color-danger, #ef4444));color:var(--text-standard, #ffffff)}.group-badge.badge-warning{background:var(--warning-color, var(--color-warning, #f59e0b));color:var(--text-standard, #ffffff)}.group-badge.badge-info{background:var(--info-color, var(--color-primary, #10b981));color:var(--text-standard, #ffffff)}.header-actions{display:flex;align-items:center;gap:8px}.group-footer{padding:8px 16px;border-top:1px solid var(--border-subtle, #f3f4f6);font-size:0.875rem;color:var(--text-muted, #6b7280)}.group-footer:empty{display:none}.collapse-icon{font-size:0.75rem;transition:transform 0.2s ease;color:var(--text-muted, #9ca3af)}.group-icon{font-size:1rem;color:var(--text-muted, #6b7280)}.group-label{flex:1}.group-content{display:block;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity:1;max-height:1000px;overflow:visible;transform-origin:top}.group-content-collapsed{max-height:0;opacity:0;overflow:hidden;transform:scaleY(0.95)}.group-divider{height:1px;background-color:var(--bg-primary, #e5e7eb);margin:8px 0}.list-group-skeleton{padding:16px}.list-group-skeleton .skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.list-group-skeleton .skeleton-header .skeleton-icon{width:24px;height:24px;border-radius:4px;background:var(--bg-primary, #e5e7eb);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-header .skeleton-text{height:16px;width:120px;border-radius:4px;background:var(--bg-primary, #e5e7eb);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-content{display:flex;flex-direction:column;gap:12px;padding-left:12px}.list-group-skeleton .skeleton-content .skeleton-item{height:48px;width:100%;border-radius:8px;background:var(--bg-secondary, #f3f4f6);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-content .skeleton-item:nth-child(2){animation-delay:0.1s}.list-group-skeleton .skeleton-content .skeleton-item:nth-child(3){animation-delay:0.2s}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}"}},[769,"ui-list-group",{label:[1],collapsible:[4],expanded:[1028],icon:[1],divider:[4],dense:[4],selectable:[4],selected:[1028],badge:[1],badgeColor:[1,"badge-color"],level:[2],skeleton:[4]}]);function p(){"undefined"!=typeof customElements&&["ui-list-group","ui-badge","ui-button","ui-icon","ui-loader"].forEach((e=>{switch(e){case"ui-list-group":customElements.get(i(e))||customElements.define(i(e),d);break;case"ui-badge":customElements.get(i(e))||n();break;case"ui-button":customElements.get(i(e))||s();break;case"ui-icon":customElements.get(i(e))||l();break;case"ui-loader":customElements.get(i(e))||c()}}))}export{d as A,p as d}
+import{proxyCustomElement as e,HTMLElement as o,createEvent as r,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./badge.js";import{d as n}from"./button.js";import{d as l}from"./icon.js";import{d}from"./loader.js";const c=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.groupClick=r(this,"groupClick",7),this.groupToggle=r(this,"groupToggle",7)}get el(){return this}label="";collapsible=!1;expanded=!0;icon="";divider=!0;dense=!1;selectable=!1;selected=!1;badge="";badgeColor="default";level=0;skeleton=!1;groupClick;groupToggle;toggleExpanded=e=>{e.stopPropagation(),this.collapsible&&(this.expanded=!this.expanded,this.groupToggle.emit({expanded:this.expanded}))};didToggleFromButton=!1;handleHeaderClick=()=>{this.didToggleFromButton?this.didToggleFromButton=!1:(this.selectable&&(this.selected=!this.selected),this.groupClick.emit({selected:this.selected,expanded:this.expanded}),this.collapsible&&!this.selectable&&(this.expanded=!this.expanded,this.groupToggle.emit({expanded:this.expanded})))};renderSkeleton(){return t("div",{class:"list-group-skeleton"},t("div",{class:"skeleton-header"},t("div",{class:"skeleton-icon"}),t("div",{class:"skeleton-text"})),t("div",{class:"skeleton-content"},t("div",{class:"skeleton-item"}),t("div",{class:"skeleton-item"}),t("div",{class:"skeleton-item"})))}render(){if(this.skeleton)return t(a,null,this.renderSkeleton());const e={"group-header":!0,"group-header-collapsible":this.collapsible,"group-header-dense":this.dense,"group-header-selected":this.selected,"group-header-selectable":this.selectable},o={"group-content":!0,"group-content-collapsed":!this.expanded},r=24*this.level;return t(a,{style:{"--group-level":this.level.toString()}},this.label&&t("div",{class:e,onClick:this.handleHeaderClick,style:{paddingLeft:`${r+12}px`}},t("div",{class:"header-left"},this.collapsible&&t("ui-button",{variant:"ghost",onClick:e=>{this.didToggleFromButton=!0,this.toggleExpanded(e)},ariaLabel:this.expanded?"Collapse group":"Expand group",icon:this.expanded?"chevron-down":"chevron-right",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}),this.selectable&&t("div",{class:{"selection-checkbox":!0,selected:this.selected}},t("div",{class:"checkbox-box"},this.selected&&t("ui-icon",{name:"check",library:"fontawesome"}))),this.icon&&t("ui-icon",{class:"group-icon",name:this.icon.replace(/^fa[sb]? fa-/,""),library:"fontawesome"}),t("span",{class:"group-label"},this.label),this.badge&&t("span",{class:`group-badge badge-${this.badgeColor}`},this.badge)),t("div",{class:"header-actions"},t("slot",{name:"header-actions"}))),t("div",{class:o,role:"region","aria-expanded":this.expanded.toString()},t("slot",null)),t("slot",{name:"footer"}),this.divider&&t("div",{class:"group-divider"}))}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;--header-bg-hover:rgba(0, 0, 0, 0.04);--header-bg-selected:var(--primary-color-light, #e0f2fe);--header-color-selected:var(--primary-color, #0284c7)}.group-header{padding:var(--header-padding);font-weight:600;font-size:0.875rem;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;justify-content:space-between;user-select:none;border-radius:4px;transition:all 0.2s ease}.group-header-collapsible{cursor:pointer}.group-header-collapsible:hover{background-color:var(--header-bg-hover)}.group-header-selectable{cursor:pointer}.group-header-selectable:hover{background-color:var(--header-bg-hover)}.group-header-selected{background-color:var(--header-bg-selected);color:var(--header-color-selected)}.group-header-selected .group-icon,.group-header-selected .collapse-icon{color:var(--header-color-selected)}.group-header-dense{padding:8px 16px;font-size:0.8125rem}.header-left{display:flex;align-items:center;gap:12px;flex:1}.collapse-btn{background:none;border:none;padding:4px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 0.2s;margin-left:-8px}.collapse-btn:hover{background-color:rgba(0, 0, 0, 0.1)}.selection-checkbox{margin-right:-4px;display:flex;align-items:center;justify-content:center}.selection-checkbox .checkbox-box{width:20px;height:20px;border:2px solid var(--border-strong, #d1d5db);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;background:var(--bg-primary, #ffffff)}.selection-checkbox .checkbox-box i{font-size:12px;color:var(--text-standard, #ffffff);transform:scale(0);transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.selection-checkbox.selected .checkbox-box{background:var(--primary-color, #0ea5e9);border-color:var(--primary-color, #0ea5e9)}.selection-checkbox.selected .checkbox-box i{transform:scale(1)}.selection-checkbox:hover .checkbox-box{border-color:var(--primary-color, #0ea5e9)}.group-badge{padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;margin-left:8px;line-height:1.4}.group-badge.badge-default{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.group-badge.badge-primary{background:var(--primary-color, #0ea5e9);color:var(--text-standard, #ffffff)}.group-badge.badge-secondary{background:var(--secondary-color, #64748b);color:var(--text-standard, #ffffff)}.group-badge.badge-success{background:var(--success-color, #22c55e);color:var(--text-standard, #ffffff)}.group-badge.badge-danger{background:var(--danger-color, var(--color-danger, #ef4444));color:var(--text-standard, #ffffff)}.group-badge.badge-warning{background:var(--warning-color, var(--color-warning, #f59e0b));color:var(--text-standard, #ffffff)}.group-badge.badge-info{background:var(--info-color, var(--color-primary, #10b981));color:var(--text-standard, #ffffff)}.header-actions{display:flex;align-items:center;gap:8px}.group-footer{padding:8px 16px;border-top:1px solid var(--border-subtle, #f3f4f6);font-size:0.875rem;color:var(--text-muted, #6b7280)}.group-footer:empty{display:none}.collapse-icon{font-size:0.75rem;transition:transform 0.2s ease;color:var(--text-muted, #9ca3af)}.group-icon{font-size:1rem;color:var(--text-muted, #6b7280)}.group-label{flex:1}.group-content{display:block;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity:1;max-height:1000px;overflow:visible;transform-origin:top}.group-content-collapsed{max-height:0;opacity:0;overflow:hidden;transform:scaleY(0.95)}.group-divider{height:1px;background-color:var(--bg-primary, #e5e7eb);margin:8px 0}.list-group-skeleton{padding:16px}.list-group-skeleton .skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.list-group-skeleton .skeleton-header .skeleton-icon{width:24px;height:24px;border-radius:4px;background:var(--bg-primary, #e5e7eb);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-header .skeleton-text{height:16px;width:120px;border-radius:4px;background:var(--bg-primary, #e5e7eb);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-content{display:flex;flex-direction:column;gap:12px;padding-left:12px}.list-group-skeleton .skeleton-content .skeleton-item{height:48px;width:100%;border-radius:8px;background:var(--bg-secondary, #f3f4f6);animation:pulse 1.5s infinite}.list-group-skeleton .skeleton-content .skeleton-item:nth-child(2){animation-delay:0.1s}.list-group-skeleton .skeleton-content .skeleton-item:nth-child(3){animation-delay:0.2s}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}"}},[769,"ui-list-group",{label:[1],collapsible:[4],expanded:[1028],icon:[1],divider:[4],dense:[4],selectable:[4],selected:[1028],badge:[1],badgeColor:[1,"badge-color"],level:[2],skeleton:[4]}]);function p(){"undefined"!=typeof customElements&&["ui-list-group","ui-badge","ui-button","ui-icon","ui-loader"].forEach((e=>{switch(e){case"ui-list-group":customElements.get(i(e))||customElements.define(i(e),c);break;case"ui-badge":customElements.get(i(e))||s();break;case"ui-button":customElements.get(i(e))||n();break;case"ui-icon":customElements.get(i(e))||l();break;case"ui-loader":customElements.get(i(e))||d()}}))}export{c as A,p as d}