npm - atomicuilibrary - Versions diffs - 0.0.1 → 0.1.3 - Mend

atomicuilibrary 0.0.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (675) hide show

package/dist/components/switch.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as c,Host as a,transformTag as e}from"@stencil/core/internal/client";import{d as h,a as r}from"./badge.js";import{d as o}from"./icon.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.switchChange=s(this,"switchChange",7),this.switchFocus=s(this,"switchFocus",7),this.switchBlur=s(this,"switchBlur",7),this.switchConfirm=s(this,"switchConfirm",7),this.switchSuccess=s(this,"switchSuccess",7)}get el(){return this}checked=!1;disabled=!1;readonly=!1;invalid=!1;loading=!1;size="md";color="primary";variant="solid";shape="default";width;label="";labelPosition="right";elevation=0;thumbShape="circle";iconOff;iconOn;showIcons=!1;enableAnimation=!0;orientation="horizontal";helperText="";errorMessage="";checkedText="";uncheckedText="";showTrackText=!1;rtl=!1;formId="";name="";value="on";physics="liquid";glow=!1;requireConfirmation=!1;confirmationMessage="Are you sure you want to change this?";indeterminate=!1;showSuccessFeedback=!1;switchTabIndex=0;ariaLabel="";gradient=!1;gradientColors="";autoSubmit=!1;showDefaultIcons=!1;required=!1;haptic=!1;description;descriptionPosition="bottom";checkedImage;uncheckedImage;async=!1;internalLoading=!1;isShaking=!1;async shake(){this.isShaking=!0,this.haptic&&"vibrate"in navigator&&navigator.vibrate([10,50,10,50,10]),setTimeout((()=>{this.isShaking=!1}),600)}showTooltip=!1;tooltipText="";iconLibrary="ionicons";isFocused=!1;isHovered=!1;showingSuccess=!1;showConfirmDialog=!1;pendingValue=!1;showRipple=!1;switchChange;switchFocus;switchBlur;switchConfirm;switchSuccess;handleCheckedChange(t){this.autoSubmit&&this.triggerFormSubmit(),this.showSuccessFeedback&&t&&this.triggerSuccessFeedback()}triggerFormSubmit(){let t=null;if(t=this.formId?document.getElementById(this.formId):this.el.closest("form"),t){const i=new window.Event("submit",{cancelable:!0,bubbles:!0});t.dispatchEvent(i),i.defaultPrevented\|\|t.submit()}}handleChange=t=>{if(this.disabled\|\|this.readonly\|\|this.loading)return void t.preventDefault();const i=t.target,s=i.checked;return this.indeterminate&&(this.indeterminate=!1,i.indeterminate=!1),this.requireConfirmation?(this.pendingValue=s,this.showConfirmDialog=!0,void(i.checked=this.checked)):(this.haptic&&"vibrate"in navigator&&navigator.vibrate(this.checked?10:15),this.async?(this.switchChange.emit({checked:s,value:this.value}),i.checked=this.checked,void(this.internalLoading=!0)):void this.applyToggle(s))};async stopAsyncLoading(){this.internalLoading=!1}applyToggle(t){this.checked!==t&&(this.checked=t,this.checked&&this.triggerRipple(),this.switchChange.emit({checked:this.checked,value:this.value}))}triggerRipple(){this.showRipple=!0,setTimeout((()=>{this.showRipple=!1}),600)}triggerSuccessFeedback(){this.showingSuccess=!0,this.switchSuccess.emit(),setTimeout((()=>{this.showingSuccess=!1}),2e3)}handleConfirm=()=>{this.showConfirmDialog=!1,this.switchConfirm.emit({confirmed:!0,value:this.pendingValue}),this.applyToggle(this.pendingValue)};handleCancel=()=>{this.showConfirmDialog=!1,this.switchConfirm.emit({confirmed:!1,value:this.pendingValue})};handleFocus=()=>{this.disabled\|\|this.loading\|\|(this.isFocused=!0,this.switchFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.switchBlur.emit()};handleMouseEnter=()=>{this.disabled\|\|(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=t=>{this.disabled\|\|this.readonly\|\|this.loading\|\|"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),this.triggerRipple(),this.applyToggle(!this.checked))};getIcon(){if(this.loading)return c("span",{class:"switch-spinner"},c("ui-icon",{name:"refresh",library:this.iconLibrary,spin:!0,size:"14px"}));const t=this.checked?this.checkedImage:this.uncheckedImage;if(t)return c("div",{class:"switch-image-container"},c("img",{src:t,class:"switch-thumb-image",alt:"status"}));if(this.checked){if(this.iconOn)return c("span",{class:"switch-icon"},c("ui-icon",{name:this.iconOn,library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}));if(this.showIcons\|\|this.showDefaultIcons)return c("span",{class:"switch-icon"},c("ui-icon",{name:"checkmark",library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}))}else{if(this.iconOff)return c("span",{class:"switch-icon"},c("ui-icon",{name:this.iconOff,library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}));if(this.showIcons\|\|this.showDefaultIcons)return c("span",{class:"switch-icon"},c("ui-icon",{name:"close",library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}))}return null}renderTrackText(){return this.showTrackText?c("span",{class:"switch-track-text"},this.checked?this.checkedText\|\|"ON":this.uncheckedText\|\|"OFF"):null}renderHelperText(){return this.invalid&&this.errorMessage?c("div",{class:"switch-helper-text switch-error-text"},c("ui-icon",{name:"alert-circle",library:"lucide",size:"12px"}),c("span",null,this.errorMessage)):this.helperText?c("div",{class:"switch-helper-text"},this.helperText):null}renderTooltip(){return this.showTooltip&&this.tooltipText&&this.isHovered?c("div",{class:"switch-tooltip"},this.tooltipText):null}renderSuccessFeedback(){return this.showingSuccess?c("div",{class:"switch-success-feedback"},c("ui-icon",{name:"check-circle",library:"lucide",size:"16px"})):null}renderConfirmDialog(){return this.showConfirmDialog?c("div",{class:"switch-confirm-overlay",onClick:this.handleCancel},c("div",{class:"switch-confirm-dialog",onClick:t=>t.stopPropagation()},c("div",{class:"confirm-message"},this.confirmationMessage),c("div",{class:"confirm-actions"},c("ui-button",{variant:"ghost",size:"sm",onClick:this.handleCancel,label:"Cancel"}),c("ui-button",{variant:"primary",size:"sm",onClick:this.handleConfirm,label:"Confirm"})))):null}render(){const t=this.label&&c("span",{key:"aaea5d41fe17902800129034edee86b1ba98d9e9",class:"switch-label"},this.label,this.required&&c("span",{key:"93e398287cfb42f1d43052d6f0492dc1cc1b7133",class:"switch-required"},""),this.description&&"bottom"===this.descriptionPosition&&c("span",{key:"91cc70cec284734e944886bbf28deeafb161eec0",class:"switch-description-bottom"},this.description)),i=this.description&&"side"===this.descriptionPosition&&c("span",{key:"5c6b858c2d9e135407a82a394f1472475bca1222",class:"switch-description-side"},this.description),s={};if(this.gradient&&this.gradientColors)try{const t=JSON.parse(this.gradientColors);Array.isArray(t)&&t.length>=2&&(s.background=`linear-gradient(135deg, ${t[0]} 0%, ${t[1]} 100%)`)}catch(t){}const e={};return this.width&&(e["--switch-track-width"]=this.width),c(a,{key:"41e4d34b8c2aa2ee57e25823ffc67ac5316ec3e6",style:e,class:{"switch-host":!0,"switch-disabled":this.disabled\|\|this.loading,"switch-readonly":this.readonly,"switch-checked":this.checked,"switch-invalid":this.invalid,"switch-focused":this.isFocused,"switch-hovered":this.isHovered,"switch-vertical":"vertical"===this.orientation,"switch-animate":this.enableAnimation,"switch-indeterminate":this.indeterminate,"switch-glow":this.glow,"switch-rtl":this.rtl,[`switch-physics-${this.physics}`]:!0,[`switch-elevation-${this.elevation}`]:this.elevation>0,[`switch-color-${this.color}`]:!0,[`switch-${this.variant}`]:!0},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},c("div",{key:"6684aba1b0aa8ebb37558a0c7aee00c0be7cb1e9",part:"container",class:{"switch-container-outer":!0,[`switch-${this.size}`]:!0,[`switch-color-${this.color}`]:!0,[`switch-physics-${this.physics}`]:!0,[`switch-variant-${this.variant}`]:!0,[`switch-${this.shape}`]:!0,[`thumb-${this.thumbShape}`]:!0,"switch-checked":this.checked,"switch-disabled":this.disabled,"switch-readonly":this.readonly,"switch-loading":this.loading\|\|this.internalLoading,"switch-error":this.invalid,"switch-glow":this.glow&&this.checked,"switch-haptic":this.haptic,"switch-rtl":this.rtl,"switch-shaking":this.isShaking,"switch-animate":this.enableAnimation,"switch-indeterminate":this.indeterminate}},c("label",{key:"d8092db9b999f61d13ed28de07b51f0756b90203",part:"label",class:{"switch-container":!0,[`switch-${this.size}`]:!0,[`switch-color-${this.color}`]:!0,[`switch-${this.variant}`]:!0,[`switch-${this.shape}`]:!0,[`thumb-${this.thumbShape}`]:!0,"switch-label-left":"left"===this.labelPosition,"switch-label-right":"right"===this.labelPosition\|\|!this.labelPosition}},"left"===this.labelPosition&&t,c("div",{key:"45e4aebf40ca6590d98871188c95fc0cb7167820",part:"wrapper",class:"switch-wrapper"},c("input",{key:"2f4f3b4641e4f2f8e53debbabc06ddedb57118a7",type:"checkbox",class:"switch-input",checked:this.checked,disabled:this.disabled\|\|this.loading,readonly:this.readonly,name:this.name,value:this.value,required:this.required,tabindex:this.switchTabIndex,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,"aria-label":this.ariaLabel\|\|this.label,"aria-checked":this.indeterminate?"mixed":this.checked?"true":"false","aria-disabled":(this.disabled\|\|this.loading).toString(),"aria-invalid":this.invalid.toString(),ref:t=>{t&&this.indeterminate&&(t.indeterminate=!0)}}),c("div",{key:"affc51e292c88c6eca57e14ea23ef57c88ef1719",part:"track",class:{"switch-track":!0,"switch-track-checked":this.checked,"switch-track-disabled":this.disabled\|\|this.loading,"switch-gradient":this.gradient},style:s},this.renderTrackText(),c("div",{key:"be816a97508c3ec53b08a9436079e7475017c503",part:"thumb",class:{"switch-thumb":!0,"switch-thumb-checked":this.checked,"switch-thumb-loading":this.loading}},this.getIcon()),this.showRipple&&c("div",{key:"abc8476dd3e164ac6397443dfe46f89c244a8bdb",class:"switch-ripple"}),this.loading&&c("div",{key:"049d77febd86e72fb513f4c8ba9012c31b0c55a9",class:"switch-loading-overlay"}))),"right"===this.labelPosition&&t,i,this.renderSuccessFeedback()),this.renderHelperText(),this.renderTooltip()),this.renderConfirmDialog())}static get watchers(){return{checked:[{handleCheckedChange: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;--switch-primary:var(--color-primary-hover, #2563eb);--switch-secondary:var(--color-primary, #64748b);--switch-success:var(--color-success, #10b981);--switch-danger:var(--color-danger, #ef4444);--switch-warning:var(--color-warning, #f59e0b);--switch-info:var(--color-primary, #10b981);--switch-primary-rgb:37, 99, 235;--switch-secondary-rgb:100, 116, 139;--switch-success-rgb:16, 185, 129;--switch-danger-rgb:239, 68, 104;--switch-warning-rgb:245, 158, 11;--switch-info-rgb:59, 130, 246;--switch-track-bg:var(--bg-primary, #e2e8f0);--switch-thumb-bg:var(--bg-primary, #ffffff);--switch-text:var(--label-color, var(--text-primary, #1e293b));--switch-text-muted:var(--label-subtitle-color, var(--text-secondary, #64748b));--switch-font:-apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif;--switch-duration:0.4s;--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-transition:all var(--switch-duration) var(--switch-easing)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]){--switch-track-bg:var(--bg-secondary, #1e293b);--switch-thumb-bg:var(--bg-primary, #334155)}.switch-host{font-family:var(--switch-font);-webkit-tap-highlight-color:transparent}.switch-host.switch-glow.switch-checked .switch-track{box-shadow:0 0 15px rgba(var(--switch-primary-rgb, 37, 99, 235), 0.4)}.switch-host.switch-glow.switch-checked.switch-success .switch-track{box-shadow:0 0 15px rgba(var(--switch-success-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-danger .switch-track{box-shadow:0 0 15px rgba(var(--switch-danger-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-warning .switch-track{box-shadow:0 0 15px rgba(var(--switch-warning-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-info .switch-track{box-shadow:0 0 15px rgba(var(--switch-info-rgb), 0.4)}.switch-host{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1)}.switch-host.switch-physics-linear{--switch-easing:cubic-bezier(0, 0, 1, 1)}.switch-host.switch-physics-stiff{--switch-easing:cubic-bezier(0.18, 0.89, 0.32, 1.28);--switch-duration:0.2s}.switch-host.switch-physics-liquid{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-duration:0.4s}.switch-host.switch-physics-bouncy{--switch-easing:cubic-bezier(0.68, -0.6, 0.32, 1.6);--switch-duration:0.5s}.switch-host .switch-track,.switch-host .switch-thumb,.switch-host .switch-track-text,.switch-host .switch-ripple{transition:var(--switch-transition)}:host(.switch-color-primary){--switch-active-bg:var(--switch-primary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-success){--switch-active-bg:var(--switch-success);--switch-active-bg-rgb:var(--color-success-rgb)}:host(.switch-color-danger){--switch-active-bg:var(--switch-danger);--switch-active-bg-rgb:var(--color-danger-rgb)}:host(.switch-color-warning){--switch-active-bg:var(--switch-warning);--switch-active-bg-rgb:var(--color-warning-rgb)}:host(.switch-color-info){--switch-active-bg:var(--switch-info);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-secondary){--switch-active-bg:var(--switch-secondary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-checked.switch-solid) .switch-track{background:var(--switch-active-bg);border-color:rgba(0, 0, 0, 0.05)}:host(.switch-checked.switch-solid) .switch-track-text{color:var(--color-primary-text, #ffffff)}:host(.switch-glass) .switch-track{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2)}:host(.switch-glass.switch-checked) .switch-track{background:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.2) !important;border-color:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.4)}:host(.switch-glass.switch-checked) .switch-track-text{color:var(--switch-active-bg);text-shadow:0 0 8px rgba(var(--switch-active-bg-rgb), 0.4)}:host(.switch-raised) .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8)}:host(.switch-raised) .switch-thumb{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8)}:host(.switch-raised.switch-checked) .switch-track{background:linear-gradient(135deg, var(--switch-active-bg), rgba(var(--switch-active-bg-rgb), 0.8));box-shadow:inset 2px 2px 4px rgba(0, 0, 0, 0.2)}:host(.switch-outlined) .switch-track{background:transparent !important;border:2px solid var(--border-subtle, #e2e8f0)}:host(.switch-outlined.switch-checked) .switch-track{border-color:var(--switch-active-bg)}:host(.switch-outlined) .switch-thumb{background:var(--color-primary, #94a3b8)}:host(.switch-outlined.switch-checked) .switch-thumb{background:var(--switch-active-bg);box-shadow:0 0 10px rgba(var(--switch-active-bg-rgb), 0.3)}:host(.switch-glow.switch-checked) .switch-track{box-shadow:0 0 12px rgba(var(--switch-active-bg-rgb), 0.3);animation:switch-glow-pulse 2s ease-in-out infinite}.switch-loading .switch-track{position:relative;overflow:hidden}.switch-loading .switch-track::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);background-size:200% 100%;animation:switch-shimmer 1.5s infinite linear;z-index:1}.switch-loading .switch-track::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:4px 4px;opacity:0.5;z-index:0}@keyframes switch-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.switch-container-outer{display:flex;flex-direction:column}.switch-container{display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:opacity var(--switch-duration) var(--switch-easing);font-family:"Inter", -apple-system, sans-serif}.switch-label-left{flex-direction:row-reverse}.switch-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.switch-input{position:absolute;width:100%;height:100%;opacity:0;cursor:inherit;z-index:2;margin:0;outline:none}.switch-input:focus-visible~.switch-track{box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--switch-active-bg, var(--switch-primary));transform:scale(1.02)}.switch-track{position:relative;display:flex;align-items:center;background:var(--switch-track-bg);border-radius:9999px;transition:background-color var(--switch-duration) var(--switch-easing), box-shadow 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow:hidden;border:1px solid rgba(0, 0, 0, 0.05)}.switch-container:hover .switch-track{filter:brightness(1.05);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.switch-container:active .switch-track{transform:scale(0.96);filter:brightness(0.95)}.switch-ripple{position:absolute;left:50%;top:50%;width:10px;height:10px;background:rgba(255, 255, 255, 0.4);border-radius:50%;transform:translate(-50%, -50%);pointer-events:none;animation:switch-ripple-expand 0.6s cubic-bezier(0, 0, 0.2, 1) forwards;z-index:1}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.15);z-index:10;overflow:hidden}.switch-loading-overlay::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:8px 8px;opacity:0.3}.switch-loading-overlay::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);animation:switch-shimmer 1.5s infinite}@keyframes switch-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes switch-ripple-expand{0%{transform:translate(-50%, -50%) scale(0);opacity:0.8}100%{transform:translate(-50%, -50%) scale(15);opacity:0}}.switch-thumb{position:absolute;background-color:var(--bg-primary, #ffffff);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--switch-duration) var(--switch-easing), background-color var(--switch-duration) var(--switch-easing), box-shadow var(--switch-duration) var(--switch-easing);z-index:2;display:flex;align-items:center;justify-content:center;border:0.5px solid rgba(0, 0, 0, 0.04)}.switch-thumb:hover{transform:scale(1.05) translateZ(0);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.switch-icon{display:flex;align-items:center;justify-content:center;font-size:10px}.switch-track-text{position:absolute;font-size:calc(var(--switch-thumb-size, 20px) 0.45);font-weight:800;color:var(--switch-text-muted);text-transform:uppercase;user-select:none;pointer-events:none;transition:var(--switch-transition);opacity:0.8;letter-spacing:0.02em}.switch-xxxs{--switch-thumb-size:10px;--switch-track-width:24px}.switch-xxxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:12px}.switch-xxxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxs.switch-checked .switch-track-text{left:4px}.switch-xxs{--switch-thumb-size:12px;--switch-track-width:28px}.switch-xxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:14px}.switch-xxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxs.switch-checked .switch-track-text{left:4px}.switch-xs{--switch-thumb-size:14px;--switch-track-width:32px}.switch-xs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:17px}.switch-xs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xs.switch-checked .switch-track-text{left:4px}.switch-sm{--switch-thumb-size:16px;--switch-track-width:36px}.switch-sm .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:20px}.switch-sm .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-sm.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-sm .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-sm.switch-checked .switch-track-text{left:4px}.switch-md{--switch-thumb-size:20px;--switch-track-width:44px}.switch-md .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:24px}.switch-md .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-md.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-md .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-md.switch-checked .switch-track-text{left:4px}.switch-lg{--switch-thumb-size:24px;--switch-track-width:52px}.switch-lg .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:28px}.switch-lg .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-lg.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-lg .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-lg.switch-checked .switch-track-text{left:4px}.switch-xl{--switch-thumb-size:28px;--switch-track-width:64px}.switch-xl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:32px}.switch-xl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xl.switch-checked .switch-track-text{left:4px}.switch-xxl{--switch-thumb-size:34px;--switch-track-width:76px}.switch-xxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:38px}.switch-xxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxl.switch-checked .switch-track-text{left:4px}.switch-xxxl{--switch-thumb-size:40px;--switch-track-width:88px}.switch-xxxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:44px}.switch-xxxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxl.switch-checked .switch-track-text{left:4px}@keyframes switch-glow-pulse{0%,100%{filter:drop-shadow(0 0 5px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.3))}50%{filter:drop-shadow(0 0 12px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.6))}}.switch-glass .switch-track{background:rgba(255, 255, 255, 0.08) !important;backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.12);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1)}.switch-glass .switch-thumb{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(8px);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid rgba(255, 255, 255, 0.3)}.switch-raised .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8);border:1px solid rgba(0, 0, 0, 0.02)}.switch-raised .switch-thumb{background:linear-gradient(145deg, var(--bg-primary, #ffffff), var(--bg-primary, #f8fafc));box-shadow:2px 2px 5px rgba(0, 0, 0, 0.05), -1px -1px 3px rgba(255, 255, 255, 0.9);border:0.5px solid rgba(0, 0, 0, 0.02)}.switch-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit}.switch-thumb-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.switch-rounded .switch-track,.switch-rounded .switch-thumb{border-radius:4px}.switch-square .switch-track,.switch-square .switch-thumb{border-radius:0}.switch-pill .switch-track,.switch-pill .switch-thumb{border-radius:9999px}.thumb-square .switch-thumb{border-radius:2px}.switch-vertical .switch-container{flex-direction:column}.switch-vertical .switch-track{flex-direction:column}.switch-vertical .switch-thumb{left:50%;transform:translateX(-50%);top:2px}.switch-vertical.switch-xxxs .switch-track{width:12px;height:24px}.switch-vertical.switch-xxxs.switch-checked .switch-thumb{transform:translate(-50%, 11px)}.switch-vertical.switch-xxs .switch-track{width:14px;height:28px}.switch-vertical.switch-xxs.switch-checked .switch-thumb{transform:translate(-50%, 13px)}.switch-vertical.switch-xs .switch-track{width:17px;height:32px}.switch-vertical.switch-xs.switch-checked .switch-thumb{transform:translate(-50%, 15px)}.switch-vertical.switch-sm .switch-track{width:20px;height:36px}.switch-vertical.switch-sm.switch-checked .switch-thumb{transform:translate(-50%, 16px)}.switch-vertical.switch-md .switch-track{width:24px;height:44px}.switch-vertical.switch-md.switch-checked .switch-thumb{transform:translate(-50%, 20px)}.switch-vertical.switch-lg .switch-track{width:28px;height:52px}.switch-vertical.switch-lg.switch-checked .switch-thumb{transform:translate(-50%, 24px)}.switch-vertical.switch-xl .switch-track{width:32px;height:64px}.switch-vertical.switch-xl.switch-checked .switch-thumb{transform:translate(-50%, 32px)}.switch-vertical.switch-xxl .switch-track{width:38px;height:76px}.switch-vertical.switch-xxl.switch-checked .switch-thumb{transform:translate(-50%, 38px)}.switch-vertical.switch-xxxl .switch-track{width:44px;height:88px}.switch-vertical.switch-xxxl.switch-checked .switch-thumb{transform:translate(-50%, 44px)}.switch-disabled{opacity:0.5;cursor:not-allowed !important}.switch-readonly{cursor:default !important}.switch-readonly .switch-input{pointer-events:none}.switch-invalid .switch-track{border-color:var(--switch-danger);box-shadow:0 0 0 2px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}.switch-focused .switch-track{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.2)}.switch-hovered:not(.switch-disabled) .switch-track{filter:brightness(0.95)}.switch-gradient .switch-track{border:none}.switch-elevation-1 .switch-track{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.switch-elevation-2 .switch-track{box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}.switch-elevation-3 .switch-track{box-shadow:0 6px 12px rgba(0, 0, 0, 0.1)}.switch-elevation-4 .switch-track{box-shadow:0 8px 16px rgba(0, 0, 0, 0.1)}.switch-elevation-5 .switch-track{box-shadow:0 10px 20px rgba(0, 0, 0, 0.1)}.switch-indeterminate .switch-thumb{left:50%;transform:translateX(-50%)}.switch-indeterminate .switch-thumb::after{content:"";position:absolute;width:50%;height:2px;background:var(--switch-active-bg, #94a3b8);border-radius:4px}.switch-rtl{direction:rtl}.switch-rtl .switch-container{flex-direction:row-reverse}.switch-rtl .switch-thumb{left:auto;inset-inline-start:2px;inset-inline-end:auto}.switch-rtl.switch-checked .switch-thumb{transform:translateX(calc(-1 * (var(--switch-track-width) - var(--switch-thumb-size) - 4px)))}.switch-rtl .switch-track-text{inset-inline-start:4px;inset-inline-end:auto;text-align:left;left:auto}.switch-rtl.switch-checked .switch-track-text{inset-inline-start:calc(var(--switch-thumb-size) + 8px);inset-inline-end:auto;left:auto}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.2);z-index:1}.switch-spinner{display:flex;align-items:center;justify-content:center}.switch-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;display:flex;flex-direction:column;line-height:1.2}.switch-description-bottom{font-size:11px;font-weight:400;color:var(--switch-text-muted);opacity:0.8;margin-top:2px}.switch-description-side{font-size:12px;font-weight:400;color:var(--switch-text-muted);opacity:0.6;margin-inline-start:12px;padding-inline-start:12px;border-inline-start:1px solid rgba(0, 0, 0, 0.08);white-space:nowrap}.switch-required{color:var(--switch-danger);margin-inline-start:2px}.switch-helper-text{margin-top:4px;font-size:12px;color:var(--switch-text-muted);display:flex;align-items:center;gap:4px}.switch-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);background:rgba(15, 23, 42, 0.95);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.1);animation:tooltip-fade-in 0.2s ease}.switch-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(15, 23, 42, 0.95)}@keyframes tooltip-fade-in{from{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(-10px)}}.switch-error-text{color:var(--switch-danger)}.switch-success-feedback{color:var(--switch-success);margin-inline-start:8px;animation:success-pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes success-pop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.switch-confirm-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fade-in 0.2s ease}.switch-confirm-dialog{background:var(--bg-primary, #ffffff);padding:24px;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1);max-width:320px;width:90%;animation:slide-up 0.3s ease}.confirm-message{margin-bottom:20px;font-size:15px;color:var(--text-primary, #1e293b);line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all 0.2s}.confirm-btn.cancel{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #475569)}.confirm-btn.ok{background:var(--switch-primary);color:var(--text-standard, #ffffff)}.confirm-btn:hover{opacity:0.9;transform:translateY(-1px)}.switch-shaking{animation:switch-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes switch-shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-up{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}'}},[513,"ui-switch",{checked:[1540],disabled:[4],readonly:[4],invalid:[4],loading:[4],size:[1],color:[1],variant:[1],shape:[1],width:[1],label:[1],labelPosition:[1,"label-position"],elevation:[2],thumbShape:[1,"thumb-shape"],iconOff:[1,"icon-off"],iconOn:[1,"icon-on"],showIcons:[4,"show-icons"],enableAnimation:[4,"enable-animation"],orientation:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],checkedText:[1,"checked-text"],uncheckedText:[1,"unchecked-text"],showTrackText:[4,"show-track-text"],rtl:[4],formId:[1,"form-id"],name:[1],value:[1],physics:[1],glow:[4],requireConfirmation:[4,"require-confirmation"],confirmationMessage:[1,"confirmation-message"],indeterminate:[1028],showSuccessFeedback:[4,"show-success-feedback"],switchTabIndex:[2,"switch-tab-index"],ariaLabel:[1,"aria-label"],gradient:[4],gradientColors:[1,"gradient-colors"],autoSubmit:[4,"auto-submit"],showDefaultIcons:[4,"show-default-icons"],required:[4],haptic:[4],description:[1],descriptionPosition:[1,"description-position"],checkedImage:[1,"checked-image"],uncheckedImage:[1,"unchecked-image"],async:[4],showTooltip:[4,"show-tooltip"],tooltipText:[1,"tooltip-text"],iconLibrary:[1,"icon-library"],internalLoading:[32],isShaking:[32],isFocused:[32],isHovered:[32],showingSuccess:[32],showConfirmDialog:[32],pendingValue:[32],showRipple:[32],shake:[64],stopAsyncLoading:[64]},void 0,{checked:[{handleCheckedChange:0}]}]);function w(){"undefined"!=typeof customElements&&["ui-switch","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-switch":customElements.get(e(t))\|\|customElements.define(e(t),n);break;case"ui-badge":customElements.get(e(t))\|\|r();break;case"ui-button":customElements.get(e(t))\|\|h();break;case"ui-icon":customElements.get(e(t))\|\|o()}}))}export{n as U,w as d}
1	+ import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as a,Host as c,transformTag as r}from"@stencil/core/internal/client";import{n as e,d as h}from"./icon.js";import{d as o}from"./badge.js";import{d as n}from"./button.js";import{d as w}from"./loader.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.switchChange=s(this,"switchChange",7),this.switchFocus=s(this,"switchFocus",7),this.switchBlur=s(this,"switchBlur",7),this.switchConfirm=s(this,"switchConfirm",7),this.switchSuccess=s(this,"switchSuccess",7)}get el(){return this}checked=!1;disabled=!1;readonly=!1;invalid=!1;loading=!1;size="md";color="primary";variant="solid";shape="default";width;label="";labelPosition="right";elevation=0;thumbShape="circle";iconOff;iconOn;showIcons=!1;enableAnimation=!0;orientation="horizontal";helperText="";errorMessage="";checkedText="";uncheckedText="";showTrackText=!1;rtl=!1;formId="";name="";value="on";physics="liquid";glow=!1;requireConfirmation=!1;confirmationMessage="Are you sure you want to change this?";indeterminate=!1;showSuccessFeedback=!1;switchTabIndex=0;ariaLabel="";gradient=!1;gradientColors="";autoSubmit=!1;showDefaultIcons=!1;required=!1;haptic=!1;description;descriptionPosition="bottom";checkedImage;uncheckedImage;async=!1;internalLoading=!1;isShaking=!1;async shake(){this.isShaking=!0,this.haptic&&"vibrate"in navigator&&navigator.vibrate([10,50,10,50,10]),setTimeout((()=>{this.isShaking=!1}),600)}showTooltip=!1;tooltipText="";iconLibrary="ionicons";isFocused=!1;isHovered=!1;showingSuccess=!1;showConfirmDialog=!1;pendingValue=!1;showRipple=!1;switchChange;switchFocus;switchBlur;switchConfirm;switchSuccess;handleCheckedChange(t){this.autoSubmit&&this.triggerFormSubmit(),this.showSuccessFeedback&&t&&this.triggerSuccessFeedback()}triggerFormSubmit(){let t=null;if(t=this.formId?document.getElementById(this.formId):this.el.closest("form"),t){const i=new window.Event("submit",{cancelable:!0,bubbles:!0});t.dispatchEvent(i),i.defaultPrevented\|\|t.submit()}}handleChange=t=>{if(this.disabled\|\|this.readonly\|\|this.loading)return void t.preventDefault();const i=t.target,s=i.checked;return this.indeterminate&&(this.indeterminate=!1,i.indeterminate=!1),this.requireConfirmation?(this.pendingValue=s,this.showConfirmDialog=!0,void(i.checked=this.checked)):(this.haptic&&"vibrate"in navigator&&navigator.vibrate(this.checked?10:15),this.async?(this.switchChange.emit({checked:s,value:this.value}),i.checked=this.checked,void(this.internalLoading=!0)):void this.applyToggle(s))};async stopAsyncLoading(){this.internalLoading=!1}applyToggle(t){this.checked!==t&&(this.checked=t,this.checked&&this.triggerRipple(),this.switchChange.emit({checked:this.checked,value:this.value}))}triggerRipple(){this.showRipple=!0,setTimeout((()=>{this.showRipple=!1}),600)}triggerSuccessFeedback(){this.showingSuccess=!0,this.switchSuccess.emit(),setTimeout((()=>{this.showingSuccess=!1}),2e3)}handleConfirm=()=>{this.showConfirmDialog=!1,this.switchConfirm.emit({confirmed:!0,value:this.pendingValue}),this.applyToggle(this.pendingValue)};handleCancel=()=>{this.showConfirmDialog=!1,this.switchConfirm.emit({confirmed:!1,value:this.pendingValue})};handleFocus=()=>{this.disabled\|\|this.loading\|\|(this.isFocused=!0,this.switchFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.switchBlur.emit()};handleMouseEnter=()=>{this.disabled\|\|(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=t=>{this.disabled\|\|this.readonly\|\|this.loading\|\|"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),this.triggerRipple(),this.applyToggle(!this.checked))};getIcon(){if(this.loading)return a("span",{class:"switch-spinner"},a("ui-icon",{name:"refresh",library:this.iconLibrary,spin:!0,size:"14px"}));const t=this.checked?this.checkedImage:this.uncheckedImage;if(t)return a("div",{class:"switch-image-container"},a("img",{src:t,class:"switch-thumb-image",alt:"status"}));if(this.checked){if(this.iconOn)return a("span",{class:"switch-icon"},a("ui-icon",{name:this.iconOn,library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}));if(this.showIcons\|\|this.showDefaultIcons)return a("span",{class:"switch-icon"},a("ui-icon",{name:"checkmark",library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}))}else{if(this.iconOff)return a("span",{class:"switch-icon"},a("ui-icon",{name:this.iconOff,library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}));if(this.showIcons\|\|this.showDefaultIcons)return a("span",{class:"switch-icon"},a("ui-icon",{name:"close",library:this.iconLibrary,size:"calc(var(--switch-thumb-size, 20px) * 0.6)"}))}return null}renderTrackText(){return this.showTrackText?a("span",{class:"switch-track-text"},this.checked?this.checkedText\|\|"ON":this.uncheckedText\|\|"OFF"):null}renderHelperText(){return this.invalid&&this.errorMessage?a("div",{class:"switch-helper-text switch-error-text"},a("ui-icon",{name:"alert-circle",library:"lucide",size:"12px"}),a("span",null,this.errorMessage)):this.helperText?a("div",{class:"switch-helper-text"},this.helperText):null}renderTooltip(){return this.showTooltip&&this.tooltipText&&this.isHovered?a("div",{class:"switch-tooltip"},this.tooltipText):null}renderSuccessFeedback(){return this.showingSuccess?a("div",{class:"switch-success-feedback"},a("ui-icon",{name:"check-circle",library:"lucide",size:"16px"})):null}renderConfirmDialog(){return this.showConfirmDialog?a("div",{class:"switch-confirm-overlay",onClick:this.handleCancel},a("div",{class:"switch-confirm-dialog",onClick:t=>t.stopPropagation()},a("div",{class:"confirm-message"},this.confirmationMessage),a("div",{class:"confirm-actions"},a("ui-button",{variant:"ghost",size:"sm",onClick:this.handleCancel,label:"Cancel"}),a("ui-button",{variant:"primary",size:"sm",onClick:this.handleConfirm,label:"Confirm"})))):null}render(){const t=this.label&&a("span",{key:"f905beb970bc012fe3dd7f4bd7acf493cf3fb3f6",class:"switch-label"},this.label,this.required&&a("span",{key:"81a78c65abe3d6479c7d41328bca0e88a8735161",class:"switch-required"},""),this.description&&"bottom"===this.descriptionPosition&&a("span",{key:"365373b18336c14fbfa70873b71141fe9e1c96e2",class:"switch-description-bottom"},this.description)),i=this.description&&"side"===this.descriptionPosition&&a("span",{key:"52abfd268f4fd11c36d9f5e9936db895dd5408f1",class:"switch-description-side"},this.description),s={};if(this.gradient&&this.gradientColors)try{const t=JSON.parse(this.gradientColors);Array.isArray(t)&&t.length>=2&&(s.background=`linear-gradient(135deg, ${t[0]} 0%, ${t[1]} 100%)`)}catch(t){}const r={};return this.width&&(r["--switch-track-width"]=this.width),a(c,{key:"b7ba49c8d24a3a2cfc13e1ce958b5457b88d784f",style:r,class:{"switch-host":!0,"switch-disabled":this.disabled\|\|this.loading,"switch-readonly":this.readonly,"switch-checked":this.checked,"switch-invalid":this.invalid,"switch-focused":this.isFocused,"switch-hovered":this.isHovered,"switch-vertical":"vertical"===this.orientation,"switch-animate":this.enableAnimation,"switch-indeterminate":this.indeterminate,"switch-glow":this.glow,"switch-rtl":this.rtl,[`switch-physics-${this.physics}`]:!0,[`switch-elevation-${this.elevation}`]:this.elevation>0,[`switch-color-${this.color}`]:!0,[`switch-${this.variant}`]:!0},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},a("div",{key:"17e3523dd99ee0267d2b6f76e23312c6fa0f0101",part:"container",class:{"switch-container-outer":!0,[`switch-${e(this.size,"md")}`]:!0,[`switch-color-${this.color}`]:!0,[`switch-physics-${this.physics}`]:!0,[`switch-variant-${this.variant}`]:!0,[`switch-${this.shape}`]:!0,[`thumb-${this.thumbShape}`]:!0,"switch-checked":this.checked,"switch-disabled":this.disabled,"switch-readonly":this.readonly,"switch-loading":this.loading\|\|this.internalLoading,"switch-error":this.invalid,"switch-glow":this.glow&&this.checked,"switch-haptic":this.haptic,"switch-rtl":this.rtl,"switch-shaking":this.isShaking,"switch-animate":this.enableAnimation,"switch-indeterminate":this.indeterminate}},a("label",{key:"0eaca201f9bfb9441af8c66ad61342debf248910",part:"label",class:{"switch-container":!0,[`switch-${e(this.size,"md")}`]:!0,[`switch-color-${this.color}`]:!0,[`switch-${this.variant}`]:!0,[`switch-${this.shape}`]:!0,[`thumb-${this.thumbShape}`]:!0,"switch-label-left":"left"===this.labelPosition,"switch-label-right":"right"===this.labelPosition\|\|!this.labelPosition}},"left"===this.labelPosition&&t,a("div",{key:"96a10112cb18eb3fe11dfe32c266d9aa35d3d2d3",part:"wrapper",class:"switch-wrapper"},a("input",{key:"cd6b45812dbe942086571fd9c9d8a37a28e80d90",type:"checkbox",class:"switch-input",checked:this.checked,disabled:this.disabled\|\|this.loading,readonly:this.readonly,name:this.name,value:this.value,required:this.required,tabindex:this.switchTabIndex,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,"aria-label":this.ariaLabel\|\|this.label,"aria-checked":this.indeterminate?"mixed":this.checked?"true":"false","aria-disabled":(this.disabled\|\|this.loading).toString(),"aria-invalid":this.invalid.toString(),ref:t=>{t&&this.indeterminate&&(t.indeterminate=!0)}}),a("div",{key:"857bbb32f9ba5f0dd4091d0876ff015a1feaebbd",part:"track",class:{"switch-track":!0,"switch-track-checked":this.checked,"switch-track-disabled":this.disabled\|\|this.loading,"switch-gradient":this.gradient},style:s},this.renderTrackText(),a("div",{key:"6ff1c6881314adc05e6dd21a1d559da3a7fa974b",part:"thumb",class:{"switch-thumb":!0,"switch-thumb-checked":this.checked,"switch-thumb-loading":this.loading}},this.getIcon()),this.showRipple&&a("div",{key:"4823c08f49784985cb598c001e25dd83a7417143",class:"switch-ripple"}),this.loading&&a("div",{key:"3eafccb3b4f423091ed2e8b408d7123b89e7cb58",class:"switch-loading-overlay"}))),"right"===this.labelPosition&&t,i,this.renderSuccessFeedback()),this.renderHelperText(),this.renderTooltip()),this.renderConfirmDialog())}static get watchers(){return{checked:[{handleCheckedChange:0}]}}static get style(){return'@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block;--switch-primary:var(--color-primary-hover, #2563eb);--switch-secondary:var(--color-primary, #64748b);--switch-success:var(--color-success, #10b981);--switch-danger:var(--color-danger, #ef4444);--switch-warning:var(--color-warning, #f59e0b);--switch-info:var(--color-primary, #10b981);--switch-primary-rgb:37, 99, 235;--switch-secondary-rgb:100, 116, 139;--switch-success-rgb:16, 185, 129;--switch-danger-rgb:239, 68, 104;--switch-warning-rgb:245, 158, 11;--switch-info-rgb:59, 130, 246;--switch-track-bg:#b8c4d0;--switch-thumb-bg:var(--bg-primary, #ffffff);--switch-text:var(--label-color, var(--text-primary, #1e293b));--switch-text-muted:var(--label-subtitle-color, var(--text-secondary, #64748b));--switch-font:-apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif;--switch-duration:0.4s;--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-transition:all var(--switch-duration) var(--switch-easing)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]){--switch-track-bg:var(--bg-tertiary, #334155);--switch-thumb-bg:var(--text-emphasized, #ffffff);--switch-text:var(--label-color, #f1f5f9);--switch-text-muted:var(--label-subtitle-color, #cbd5e1)}:host-context(.dark) .switch-track,:host-context([data-theme=dark]) .switch-track,:host-context([data-theme=violet]) .switch-track,:host-context([data-theme=pink]) .switch-track,:host-context([data-theme=blue]) .switch-track,:host-context([data-theme=green]) .switch-track{border:1px solid var(--border-strong, rgba(255, 255, 255, 0.12))}.switch-host{font-family:var(--switch-font);-webkit-tap-highlight-color:transparent}.switch-host.switch-glow.switch-checked .switch-track{box-shadow:0 0 15px rgba(var(--switch-primary-rgb, 37, 99, 235), 0.4)}.switch-host.switch-glow.switch-checked.switch-success .switch-track{box-shadow:0 0 15px rgba(var(--switch-success-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-danger .switch-track{box-shadow:0 0 15px rgba(var(--switch-danger-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-warning .switch-track{box-shadow:0 0 15px rgba(var(--switch-warning-rgb), 0.4)}.switch-host.switch-glow.switch-checked.switch-info .switch-track{box-shadow:0 0 15px rgba(var(--switch-info-rgb), 0.4)}.switch-host{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1)}.switch-host.switch-physics-linear{--switch-easing:cubic-bezier(0, 0, 1, 1)}.switch-host.switch-physics-stiff{--switch-easing:cubic-bezier(0.18, 0.89, 0.32, 1.28);--switch-duration:0.2s}.switch-host.switch-physics-liquid{--switch-easing:cubic-bezier(0.4, 0, 0.2, 1);--switch-duration:0.4s}.switch-host.switch-physics-bouncy{--switch-easing:cubic-bezier(0.68, -0.6, 0.32, 1.6);--switch-duration:0.5s}.switch-host .switch-track,.switch-host .switch-thumb,.switch-host .switch-track-text,.switch-host .switch-ripple{transition:var(--switch-transition)}:host(.switch-color-primary){--switch-active-bg:var(--switch-primary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-success){--switch-active-bg:var(--switch-success);--switch-active-bg-rgb:var(--color-success-rgb)}:host(.switch-color-danger){--switch-active-bg:var(--switch-danger);--switch-active-bg-rgb:var(--color-danger-rgb)}:host(.switch-color-warning){--switch-active-bg:var(--switch-warning);--switch-active-bg-rgb:var(--color-warning-rgb)}:host(.switch-color-info){--switch-active-bg:var(--switch-info);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-color-secondary){--switch-active-bg:var(--switch-secondary);--switch-active-bg-rgb:var(--color-primary-rgb)}:host(.switch-checked.switch-solid) .switch-track{background:var(--switch-active-bg);border-color:rgba(0, 0, 0, 0.05)}:host(.switch-checked.switch-solid) .switch-track-text{color:var(--color-primary-text, #ffffff)}:host(.switch-glass) .switch-track{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.2)}:host(.switch-glass.switch-checked) .switch-track{background:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.2) !important;border-color:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.4)}:host(.switch-glass.switch-checked) .switch-track-text{color:var(--switch-active-bg);text-shadow:0 0 8px rgba(var(--switch-active-bg-rgb), 0.4)}:host(.switch-raised) .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8)}:host(.switch-raised) .switch-thumb{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8)}:host(.switch-raised.switch-checked) .switch-track{background:linear-gradient(135deg, var(--switch-active-bg), rgba(var(--switch-active-bg-rgb), 0.8));box-shadow:inset 2px 2px 4px rgba(0, 0, 0, 0.2)}:host(.switch-outlined) .switch-track{background:transparent !important;border:2px solid var(--border-subtle, #e2e8f0)}:host(.switch-outlined.switch-checked) .switch-track{border-color:var(--switch-active-bg)}:host(.switch-outlined) .switch-thumb{background:var(--color-primary, #94a3b8)}:host(.switch-outlined.switch-checked) .switch-thumb{background:var(--switch-active-bg);box-shadow:0 0 10px rgba(var(--switch-active-bg-rgb), 0.3)}:host(.switch-glow.switch-checked) .switch-track{box-shadow:0 0 12px rgba(var(--switch-active-bg-rgb), 0.3);animation:switch-glow-pulse 2s ease-in-out infinite}.switch-loading .switch-track{position:relative;overflow:hidden}.switch-loading .switch-track::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);background-size:200% 100%;animation:switch-shimmer 1.5s infinite linear;z-index:1}.switch-loading .switch-track::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:4px 4px;opacity:0.5;z-index:0}@keyframes switch-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.switch-container-outer{display:flex;flex-direction:column}.switch-container{display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:opacity var(--switch-duration) var(--switch-easing);font-family:"Inter", -apple-system, sans-serif}.switch-label-left{flex-direction:row-reverse}.switch-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.switch-input{position:absolute;width:100%;height:100%;opacity:0;cursor:inherit;z-index:2;margin:0;outline:none}.switch-input:focus-visible~.switch-track{box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 4px var(--switch-active-bg, var(--switch-primary));transform:scale(1.02)}.switch-track{position:relative;display:flex;align-items:center;background:var(--switch-track-bg);border-radius:9999px;transition:background-color var(--switch-duration) var(--switch-easing), box-shadow 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow:hidden;border:1px solid rgba(0, 0, 0, 0.14)}.switch-container:hover .switch-track{filter:brightness(1.05);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.switch-container:active .switch-track{transform:scale(0.96);filter:brightness(0.95)}.switch-ripple{position:absolute;left:50%;top:50%;width:10px;height:10px;background:rgba(255, 255, 255, 0.4);border-radius:50%;transform:translate(-50%, -50%);pointer-events:none;animation:switch-ripple-expand 0.6s cubic-bezier(0, 0, 0.2, 1) forwards;z-index:1}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.15);z-index:10;overflow:hidden}.switch-loading-overlay::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:8px 8px;opacity:0.3}.switch-loading-overlay::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);animation:switch-shimmer 1.5s infinite}@keyframes switch-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes switch-ripple-expand{0%{transform:translate(-50%, -50%) scale(0);opacity:0.8}100%{transform:translate(-50%, -50%) scale(15);opacity:0}}.switch-thumb{position:absolute;background-color:var(--switch-thumb-bg, var(--bg-primary, #ffffff));border-radius:50%;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12);transition:transform var(--switch-duration) var(--switch-easing), background-color var(--switch-duration) var(--switch-easing), box-shadow var(--switch-duration) var(--switch-easing);z-index:2;display:flex;align-items:center;justify-content:center;border:0.5px solid rgba(0, 0, 0, 0.1)}.switch-thumb:hover{transform:scale(1.05) translateZ(0);box-shadow:0 4px 8px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.12)}.switch-icon{display:flex;align-items:center;justify-content:center;font-size:10px}.switch-track-text{position:absolute;font-size:calc(var(--switch-thumb-size, 20px) 0.45);font-weight:800;color:var(--switch-text-muted);text-transform:uppercase;user-select:none;pointer-events:none;transition:var(--switch-transition);opacity:0.8;letter-spacing:0.02em}.switch-xxxs{--switch-thumb-size:10px;--switch-track-width:24px}.switch-xxxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:12px}.switch-xxxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxs.switch-checked .switch-track-text{left:4px}.switch-xxs{--switch-thumb-size:12px;--switch-track-width:28px}.switch-xxs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:14px}.switch-xxs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxs.switch-checked .switch-track-text{left:4px}.switch-xs{--switch-thumb-size:14px;--switch-track-width:32px}.switch-xs .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:17px}.switch-xs .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xs.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xs .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xs.switch-checked .switch-track-text{left:4px}.switch-sm{--switch-thumb-size:16px;--switch-track-width:36px}.switch-sm .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:20px}.switch-sm .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-sm.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-sm .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-sm.switch-checked .switch-track-text{left:4px}.switch-md{--switch-thumb-size:20px;--switch-track-width:44px}.switch-md .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:24px}.switch-md .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-md.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-md .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-md.switch-checked .switch-track-text{left:4px}.switch-lg{--switch-thumb-size:24px;--switch-track-width:52px}.switch-lg .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:28px}.switch-lg .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-lg.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-lg .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-lg.switch-checked .switch-track-text{left:4px}.switch-xl{--switch-thumb-size:28px;--switch-track-width:64px}.switch-xl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:32px}.switch-xl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xl.switch-checked .switch-track-text{left:4px}.switch-xxl{--switch-thumb-size:34px;--switch-track-width:76px}.switch-xxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:38px}.switch-xxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxl.switch-checked .switch-track-text{left:4px}.switch-xxxl{--switch-thumb-size:40px;--switch-track-width:88px}.switch-xxxl .switch-track{width:var(--switch-track-width);min-width:var(--switch-track-width);height:44px}.switch-xxxl .switch-thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);left:2px}.switch-xxxl.switch-checked .switch-thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px))}.switch-xxxl .switch-track-text{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--switch-track-width) - var(--switch-thumb-size) - 6px);text-align:center;line-height:1;left:calc(var(--switch-thumb-size) + 2px);transition:all var(--switch-duration) var(--switch-easing)}.switch-xxxl.switch-checked .switch-track-text{left:4px}@keyframes switch-glow-pulse{0%,100%{filter:drop-shadow(0 0 5px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.3))}50%{filter:drop-shadow(0 0 12px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.6))}}.switch-glass .switch-track{background:rgba(255, 255, 255, 0.08) !important;backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.12);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1)}.switch-glass .switch-thumb{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(8px);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border:1px solid rgba(255, 255, 255, 0.3)}.switch-raised .switch-track{background:var(--bg-secondary, #f1f5f9);box-shadow:inset 4px 4px 8px rgba(0, 0, 0, 0.06), inset -4px -4px 8px rgba(255, 255, 255, 0.8);border:1px solid rgba(0, 0, 0, 0.02)}.switch-raised .switch-thumb{background:linear-gradient(145deg, var(--bg-primary, #ffffff), var(--bg-primary, #f8fafc));box-shadow:2px 2px 5px rgba(0, 0, 0, 0.05), -1px -1px 3px rgba(255, 255, 255, 0.9);border:0.5px solid rgba(0, 0, 0, 0.02)}.switch-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit}.switch-thumb-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.switch-rounded .switch-track,.switch-rounded .switch-thumb{border-radius:4px}.switch-square .switch-track,.switch-square .switch-thumb{border-radius:0}.switch-pill .switch-track,.switch-pill .switch-thumb{border-radius:9999px}.thumb-square .switch-thumb{border-radius:2px}.switch-vertical .switch-container{flex-direction:column}.switch-vertical .switch-track{flex-direction:column}.switch-vertical .switch-thumb{left:50%;transform:translateX(-50%);top:2px}.switch-vertical.switch-xxxs .switch-track{width:12px;height:24px}.switch-vertical.switch-xxxs.switch-checked .switch-thumb{transform:translate(-50%, 11px)}.switch-vertical.switch-xxs .switch-track{width:14px;height:28px}.switch-vertical.switch-xxs.switch-checked .switch-thumb{transform:translate(-50%, 13px)}.switch-vertical.switch-xs .switch-track{width:17px;height:32px}.switch-vertical.switch-xs.switch-checked .switch-thumb{transform:translate(-50%, 15px)}.switch-vertical.switch-sm .switch-track{width:20px;height:36px}.switch-vertical.switch-sm.switch-checked .switch-thumb{transform:translate(-50%, 16px)}.switch-vertical.switch-md .switch-track{width:24px;height:44px}.switch-vertical.switch-md.switch-checked .switch-thumb{transform:translate(-50%, 20px)}.switch-vertical.switch-lg .switch-track{width:28px;height:52px}.switch-vertical.switch-lg.switch-checked .switch-thumb{transform:translate(-50%, 24px)}.switch-vertical.switch-xl .switch-track{width:32px;height:64px}.switch-vertical.switch-xl.switch-checked .switch-thumb{transform:translate(-50%, 32px)}.switch-vertical.switch-xxl .switch-track{width:38px;height:76px}.switch-vertical.switch-xxl.switch-checked .switch-thumb{transform:translate(-50%, 38px)}.switch-vertical.switch-xxxl .switch-track{width:44px;height:88px}.switch-vertical.switch-xxxl.switch-checked .switch-thumb{transform:translate(-50%, 44px)}.switch-disabled{opacity:0.5;cursor:not-allowed !important}.switch-readonly{cursor:default !important}.switch-readonly .switch-input{pointer-events:none}.switch-invalid .switch-track{border-color:var(--switch-danger);box-shadow:0 0 0 2px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}.switch-focused .switch-track{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.2)}.switch-hovered:not(.switch-disabled) .switch-track{filter:brightness(0.95)}.switch-gradient .switch-track{border:none}.switch-elevation-1 .switch-track{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.switch-elevation-2 .switch-track{box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}.switch-elevation-3 .switch-track{box-shadow:0 6px 12px rgba(0, 0, 0, 0.1)}.switch-elevation-4 .switch-track{box-shadow:0 8px 16px rgba(0, 0, 0, 0.1)}.switch-elevation-5 .switch-track{box-shadow:0 10px 20px rgba(0, 0, 0, 0.1)}.switch-indeterminate .switch-thumb{left:50%;transform:translateX(-50%)}.switch-indeterminate .switch-thumb::after{content:"";position:absolute;width:50%;height:2px;background:var(--switch-active-bg, #94a3b8);border-radius:4px}.switch-rtl{direction:rtl}.switch-rtl .switch-container{flex-direction:row-reverse}.switch-rtl .switch-thumb{left:auto;inset-inline-start:2px;inset-inline-end:auto}.switch-rtl.switch-checked .switch-thumb{transform:translateX(calc(-1 * (var(--switch-track-width) - var(--switch-thumb-size) - 4px)))}.switch-rtl .switch-track-text{inset-inline-start:4px;inset-inline-end:auto;text-align:left;left:auto}.switch-rtl.switch-checked .switch-track-text{inset-inline-start:calc(var(--switch-thumb-size) + 8px);inset-inline-end:auto;left:auto}.switch-loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.2);z-index:1}.switch-spinner{display:flex;align-items:center;justify-content:center}.switch-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--switch-text);display:flex;flex-direction:column;line-height:1.2}.switch-description-bottom{font-size:11px;font-weight:400;color:var(--switch-text-muted);opacity:0.8;margin-top:2px}.switch-description-side{font-size:12px;font-weight:400;color:var(--switch-text-muted);opacity:0.6;margin-inline-start:12px;padding-inline-start:12px;border-inline-start:1px solid rgba(0, 0, 0, 0.08);white-space:nowrap}.switch-required{color:var(--switch-danger);margin-inline-start:2px}.switch-helper-text{margin-top:4px;font-size:12px;color:var(--switch-text-muted);display:flex;align-items:center;gap:4px}.switch-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);background:rgba(15, 23, 42, 0.95);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.1);animation:tooltip-fade-in 0.2s ease}.switch-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(15, 23, 42, 0.95)}@keyframes tooltip-fade-in{from{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(-10px)}}.switch-error-text{color:var(--switch-danger)}.switch-success-feedback{color:var(--switch-success);margin-inline-start:8px;animation:success-pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes success-pop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.switch-confirm-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fade-in 0.2s ease}.switch-confirm-dialog{background:var(--bg-primary, #ffffff);padding:24px;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1);max-width:320px;width:90%;animation:slide-up 0.3s ease}.confirm-message{margin-bottom:20px;font-size:15px;color:var(--text-primary, #1e293b);line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all 0.2s}.confirm-btn.cancel{background:var(--bg-secondary, #f1f5f9);color:var(--color-primary, #475569)}.confirm-btn.ok{background:var(--switch-primary);color:var(--text-standard, #ffffff)}.confirm-btn:hover{opacity:0.9;transform:translateY(-1px)}.switch-shaking{animation:switch-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes switch-shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-up{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.switch-flat .switch-track{background:transparent !important;border:2px solid var(--switch-track-bg) !important;box-shadow:none !important}.switch-flat .switch-thumb{background:var(--switch-track-bg) !important;box-shadow:none !important;border:none !important}:host(.switch-checked.switch-flat) .switch-track{border-color:var(--switch-active-bg) !important}:host(.switch-checked.switch-flat) .switch-thumb{background:var(--switch-active-bg) !important;box-shadow:0 2px 8px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.35) !important}.switch-dot .switch-wrapper{padding-top:14px}.switch-dot .switch-wrapper::before{content:"";position:absolute;top:2px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:var(--switch-track-bg);transition:background var(--switch-duration) var(--switch-easing), transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease}:host(.switch-checked.switch-dot) .switch-wrapper::before{background:var(--switch-active-bg);box-shadow:0 0 7px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.55);transform:translateX(-50%) scale(1.2)}.switch-metallic .switch-track{background:linear-gradient(145deg, #2d2d2d, #484848) !important;border:1px solid rgba(0, 0, 0, 0.5) !important;box-shadow:inset 3px 3px 7px rgba(0, 0, 0, 0.55), inset -2px -2px 5px rgba(255, 255, 255, 0.06) !important}.switch-metallic .switch-thumb{background:radial-gradient(circle at 35% 30%, #f5f5f5, #b0b0b0 50%, #707070) !important;box-shadow:3px 3px 7px rgba(0, 0, 0, 0.45), -1px -1px 4px rgba(255, 255, 255, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;border:1px solid rgba(80, 80, 80, 0.4) !important}:host(.switch-checked.switch-metallic) .switch-track{background:linear-gradient(145deg, #0f3020, #1a5535) !important;box-shadow:inset 3px 3px 7px rgba(0, 0, 0, 0.55), 0 0 16px rgba(var(--switch-success-rgb, 16, 185, 129), 0.3) !important;border-color:rgba(16, 185, 129, 0.4) !important}.switch-slider .switch-track{background:transparent !important;border:none !important;box-shadow:none !important;overflow:visible !important}.switch-slider .switch-track::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);background:var(--switch-track-bg);border-radius:2px;z-index:0;transition:background var(--switch-duration) var(--switch-easing)}.switch-slider .switch-thumb{z-index:3;background:var(--switch-thumb-bg) !important;box-shadow:0 3px 10px rgba(0, 0, 0, 0.18), 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.7) !important;border:1.5px solid rgba(0, 0, 0, 0.07) !important}:host(.switch-checked.switch-slider) .switch-track::before{background:var(--switch-active-bg)}:host(.switch-checked.switch-slider) .switch-thumb{background:var(--switch-active-bg) !important;box-shadow:0 3px 10px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;border-color:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.2) !important}.switch-pill-flat .switch-track{background:var(--switch-track-bg) !important;border:none !important;box-shadow:none !important;border-radius:9999px !important}.switch-pill-flat .switch-thumb{box-shadow:0 1px 3px rgba(0, 0, 0, 0.12) !important;border:none !important;border-radius:9999px !important;background:#ffffff !important}:host(.switch-checked.switch-pill-flat) .switch-track{background:var(--switch-active-bg) !important}:host(.switch-checked.switch-pill-flat) .switch-thumb{box-shadow:0 1px 4px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.25) !important}.switch-soft .switch-track{background:rgba(var(--switch-active-bg-rgb, 148, 163, 184), 0.12) !important;border:1.5px solid rgba(var(--switch-active-bg-rgb, 148, 163, 184), 0.28) !important;box-shadow:none !important}.switch-soft .switch-thumb{background:rgba(var(--switch-active-bg-rgb, 148, 163, 184), 0.65) !important;box-shadow:0 1px 4px rgba(0, 0, 0, 0.1) !important;border:none !important}:host(.switch-checked.switch-soft) .switch-track{background:rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.18) !important;border-color:var(--switch-active-bg) !important}:host(.switch-checked.switch-soft) .switch-thumb{background:var(--switch-active-bg) !important;box-shadow:0 2px 8px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.35) !important}.switch-bicolor .switch-track{background:linear-gradient(to right, #22c55e 50%, #ef4444 50%) !important;border:none !important;box-shadow:none !important;overflow:hidden}.switch-bicolor .switch-track::before{content:"✓";position:absolute;left:6px;top:50%;transform:translateY(-50%);color:rgba(255, 255, 255, 0.95);font-size:calc(var(--switch-thumb-size, 20px) * 0.55);font-weight:900;z-index:1;pointer-events:none;line-height:1}.switch-bicolor .switch-track::after{content:"✕";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:rgba(255, 255, 255, 0.95);font-size:calc(var(--switch-thumb-size, 20px) * 0.55);font-weight:900;z-index:1;pointer-events:none;line-height:1}.switch-bicolor .switch-thumb{z-index:2;background:#ffffff !important;box-shadow:0 2px 10px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.15) !important;border:1.5px solid rgba(255, 255, 255, 0.8) !important}:host-context(.dark) .switch-bicolor .switch-track,[data-theme=dark] .switch-bicolor .switch-track{background:linear-gradient(to right, #16a34a 50%, #dc2626 50%) !important}.switch-power .switch-track{height:var(--switch-track-width) !important;border-radius:50% !important;background:var(--bg-primary, #ffffff) !important;border:5px solid #94a3b8 !important;box-shadow:inset 2px 2px 8px rgba(0, 0, 0, 0.1), inset -2px -2px 6px rgba(255, 255, 255, 0.85), 0 4px 16px rgba(0, 0, 0, 0.1) !important;justify-content:center;align-items:center}.switch-power .switch-track::before{content:"OFF";color:#94a3b8;font-size:calc(var(--switch-track-width, 44px) * 0.22);font-weight:900;letter-spacing:0.05em;pointer-events:none;z-index:2;transition:color 0.3s ease}.switch-power .switch-thumb{display:none !important}:host(.switch-checked.switch-power) .switch-track{border-color:var(--switch-active-bg) !important;background:var(--bg-primary, #ffffff) !important;box-shadow:inset 1px 1px 4px rgba(0, 0, 0, 0.05), inset -1px -1px 4px rgba(255, 255, 255, 0.9), 0 0 24px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.35) !important}:host(.switch-checked.switch-power) .switch-track::before{content:"ON";color:var(--switch-active-bg)}:host-context(.dark) .switch-power .switch-track,[data-theme=dark] .switch-power .switch-track{background:#1e293b !important;box-shadow:inset 3px 3px 8px rgba(0, 0, 0, 0.5), inset -2px -2px 6px rgba(255, 255, 255, 0.05), 0 4px 16px rgba(0, 0, 0, 0.3) !important}:host(.switch-status){--switch-track-width:104px}.switch-status .switch-track{background:linear-gradient(to right, #22c55e 52%, var(--bg-secondary, #f1f5f9) 48%) !important;border:2px solid #22c55e !important;box-shadow:none !important;overflow:hidden}.switch-status .switch-track::before{content:"✓";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#22c55e;font-size:calc(var(--switch-thumb-size, 20px) * 0.7);font-weight:900;z-index:1;pointer-events:none;line-height:1;transition:color 0.3s ease}.switch-status .switch-track-text{position:absolute !important;top:50% !important;left:8px !important;right:auto !important;transform:translateY(-50%) !important;width:auto !important;color:#ffffff !important;font-size:10px !important;font-weight:900 !important;letter-spacing:0.05em !important;opacity:1 !important;white-space:nowrap;transition:none !important}.switch-status .switch-thumb{display:none !important}:host(.switch-checked.switch-status) .switch-track{background:linear-gradient(to right, var(--bg-secondary, #f1f5f9) 48%, #ef4444 52%) !important;border-color:#ef4444 !important}:host(.switch-checked.switch-status) .switch-track::before{content:"✕";right:auto;left:10px;color:#ef4444}:host(.switch-checked.switch-status) .switch-track-text{left:auto !important;right:8px !important;color:#ffffff !important}:host(.switch-labeled){--switch-track-width:120px}.switch-labeled .switch-track{background:#cbd5e1 !important;border:none !important;box-shadow:inset 2px 2px 6px rgba(0, 0, 0, 0.14), inset -1px -1px 4px rgba(255, 255, 255, 0.85) !important}.switch-labeled .switch-track-text{color:#475569 !important;font-size:11px !important;font-weight:800 !important;letter-spacing:0.04em !important;text-transform:uppercase !important;opacity:1 !important;width:auto !important;white-space:nowrap}.switch-labeled .switch-thumb{position:relative;background:#ffffff !important;box-shadow:0 2px 8px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;border:none !important}.switch-labeled .switch-thumb::after{content:"⊘";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;color:#94a3b8;font-size:calc(var(--switch-thumb-size, 20px) * 0.52);font-weight:400;pointer-events:none;line-height:1}:host(.switch-checked.switch-labeled) .switch-track{background:var(--switch-active-bg) !important;box-shadow:inset 1px 1px 4px rgba(0, 0, 0, 0.1), inset -1px -1px 3px rgba(255, 255, 255, 0.12), 0 0 12px rgba(var(--switch-active-bg-rgb, 37, 99, 235), 0.2) !important}:host(.switch-checked.switch-labeled) .switch-track-text{color:#ffffff !important}:host(.switch-checked.switch-labeled) .switch-thumb::after{content:"✓";color:var(--switch-active-bg);font-weight:900;font-size:calc(var(--switch-thumb-size, 20px) * 0.6)}:host-context(.dark) .switch-labeled .switch-track,[data-theme=dark] .switch-labeled .switch-track{background:#334155 !important;box-shadow:inset 2px 2px 6px rgba(0, 0, 0, 0.4), inset -1px -1px 3px rgba(255, 255, 255, 0.05) !important}:host-context(.dark) .switch-labeled .switch-track-text,[data-theme=dark] .switch-labeled .switch-track-text{color:#94a3b8 !important}'}},[513,"ui-switch",{checked:[1540],disabled:[4],readonly:[4],invalid:[4],loading:[4],size:[1],color:[1],variant:[1],shape:[1],width:[1],label:[1],labelPosition:[1,"label-position"],elevation:[2],thumbShape:[1,"thumb-shape"],iconOff:[1,"icon-off"],iconOn:[1,"icon-on"],showIcons:[4,"show-icons"],enableAnimation:[4,"enable-animation"],orientation:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],checkedText:[1,"checked-text"],uncheckedText:[1,"unchecked-text"],showTrackText:[4,"show-track-text"],rtl:[4],formId:[1,"form-id"],name:[1],value:[1],physics:[1],glow:[4],requireConfirmation:[4,"require-confirmation"],confirmationMessage:[1,"confirmation-message"],indeterminate:[1028],showSuccessFeedback:[4,"show-success-feedback"],switchTabIndex:[2,"switch-tab-index"],ariaLabel:[1,"aria-label"],gradient:[4],gradientColors:[1,"gradient-colors"],autoSubmit:[4,"auto-submit"],showDefaultIcons:[4,"show-default-icons"],required:[4],haptic:[4],description:[1],descriptionPosition:[1,"description-position"],checkedImage:[1,"checked-image"],uncheckedImage:[1,"unchecked-image"],async:[4],showTooltip:[4,"show-tooltip"],tooltipText:[1,"tooltip-text"],iconLibrary:[1,"icon-library"],internalLoading:[32],isShaking:[32],isFocused:[32],isHovered:[32],showingSuccess:[32],showConfirmDialog:[32],pendingValue:[32],showRipple:[32],shake:[64],stopAsyncLoading:[64]},void 0,{checked:[{handleCheckedChange:0}]}]);function l(){"undefined"!=typeof customElements&&["ui-switch","ui-badge","ui-button","ui-icon","ui-loader"].forEach((t=>{switch(t){case"ui-switch":customElements.get(r(t))\|\|customElements.define(r(t),d);break;case"ui-badge":customElements.get(r(t))\|\|o();break;case"ui-button":customElements.get(r(t))\|\|n();break;case"ui-icon":customElements.get(r(t))\|\|h();break;case"ui-loader":customElements.get(r(t))\|\|w()}}))}export{d as U,l as d}

package/dist/components/tag-group.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as a,Host as s,transformTag as r}from"@stencil/core/internal/client";import{d as o,a as n}from"./badge.js";import{d as h}from"./icon.js";import{d as p}from"./input.js";import{d as c}from"./stack.js";import{d as l}from"./tag.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tagAdd=i(this,"tagAdd",7),this.tagGroupChange=i(this,"tagGroupChange",7)}get el(){return this}max=0;spacing="8px";overlap=!1;value=[];selectionMode="none";size;variant;color;rounded=!1;removable=!1;creatable=!1;searchable=!1;collapsible=!1;caseSensitive=!1;delimiters=[","," "];skeleton=!1;shape;animation;readOnly=!1;placeholder="Add tag...";tagAdd;searchQuery="";isExpanded=!1;isLastTagHighlighted=!1;tagGroupChange;handleKeyDown(t){if(this.readOnly)return;const e=Array.from(this.el.querySelectorAll("ui-tag")),i=this.el.shadowRoot?.activeElement\|\|document.activeElement,a=e.findIndex((t=>t===i\|\|t.contains(i))),s=i===this.el.shadowRoot?.querySelector(".tag-group-inline-input");if("ArrowLeft"===t.key)s&&0===t.target.selectionStart?e.length>0&&(e[e.length-1].focus(),t.preventDefault()):a>0&&(e[a-1].focus(),t.preventDefault());else if("ArrowRight"===t.key)-1!==a&&(a===e.length-1?this.el.shadowRoot?.querySelector(".tag-group-inline-input")?.focus():e[a+1].focus(),t.preventDefault());else if(("Backspace"===t.key\|\|"Delete"===t.key)&&-1!==a){const i=e[a],s=a<e.length-1?e[a+1]:this.el.shadowRoot?.querySelector(".tag-group-inline-input");this.removable&&(this.removeTagByValue(i.value\|\|i.label),s&&s.focus(),t.preventDefault())}}handleGroupChange(){this.updateChildren()}handleTagRemove(t){if(this.readOnly)return;const e=t.target;if(!e)return;const i=e.value\|\|e.label;if(Array.isArray(this.value)){const t=this.value.indexOf(i);if(t>-1){const e=[...this.value];e.splice(t,1),this.value=e,this.tagGroupChange.emit(this.value)}}else this.value===i&&(this.value="",this.tagGroupChange.emit(this.value));e.parentNode===this.el&&this.el.removeChild(e),setTimeout((()=>this.updateChildren()),50)}handleTagCheck(t){if(this.readOnly\|\|"none"===this.selectionMode)return;const e=t.target,i=e.value\|\|e.label;if("single"===this.selectionMode)this.value=t.detail?i:"",this.syncSelection();else{const e=Array.isArray(this.value)?[...this.value]:this.value?[this.value]:[];if(t.detail)e.includes(i)\|\|e.push(i);else{const t=e.indexOf(i);t>-1&&e.splice(t,1)}this.value=e,this.syncSelection()}this.tagGroupChange.emit(this.value)}componentDidLoad(){this.updateChildren();const t=this.el.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",(()=>this.updateChildren()))}updateChildren(){const t=Array.from(this.el.querySelectorAll("ui-tag")),e=this.searchQuery.toLowerCase();t.forEach(((i,a)=>{this.size&&(i.size=this.size),this.variant&&(i.variant=this.variant),this.color&&(i.color=this.color),!this.overlap\|\|this.shape\|\|i.shape?this.shape?i.shape=this.shape:this.rounded&&(i.shape="pill"):i.shape="circle",this.skeleton&&(i.skeleton=this.skeleton),this.animation&&(i.animation=this.animation),i.removable=!this.readOnly&&this.removable,i.disabled=this.readOnly,"none"!==this.selectionMode&&(i.checkable=!0);const s=(i.label\|\|"").toLowerCase().includes(e),r=this.max>0&&a>=this.max;this.isLastTagHighlighted&&a===t.length-1?i.setAttribute("highlighted","true"):i.removeAttribute("highlighted"),i.style.display=!s\|\|r&&!this.isExpanded?"none":""})),this.syncSelection()}syncSelection(){const t=Array.from(this.el.querySelectorAll("ui-tag")),e=Array.isArray(this.value)?this.value:[this.value];t.forEach((t=>{t.checked=e.includes(t.value\|\|t.label)}))}handleSearch=t=>{this.searchQuery=t.detail,this.updateChildren()};addTags(t){if(!t)return;this.isLastTagHighlighted=!1;const e=this.delimiters.map((t=>t.replace(/[.*+?^${}()\|[\]\\]/g,"\\$&"))).join("\|"),i=new RegExp(e\|\|",","g");t.split(i).map((t=>t.trim())).filter((t=>!!t)).forEach((t=>{const e=Array.from(this.el.querySelectorAll("ui-tag")).find((e=>this.caseSensitive?e.label===t:e.label.toLowerCase()===t.toLowerCase()));if(e)e.pulse=!0,setTimeout((()=>e.pulse=!1),2e3);else{const e=document.createElement("ui-tag");e.setAttribute("label",t),this.el.appendChild(e),this.tagAdd.emit(t)}})),this.updateChildren()}removeLastTag(){const t=Array.from(this.el.querySelectorAll("ui-tag"));if(t.length>0){const e=t[t.length-1],i=e.value\|\|e.label;if(Array.isArray(this.value)){const t=this.value.indexOf(i);if(t>-1){const e=[...this.value];e.splice(t,1),this.value=e,this.tagGroupChange.emit(this.value)}}this.el.removeChild(e),this.updateChildren()}}removeTagByValue(t){if(Array.isArray(this.value)){const e=this.value.indexOf(t);if(e>-1){const t=[...this.value];t.splice(e,1),this.value=t,this.tagGroupChange.emit(this.value)}}else this.value===t&&(this.value="",this.tagGroupChange.emit(this.value));const e=Array.from(this.el.querySelectorAll("ui-tag")).find((e=>(e.value\|\|e.label)===t));e&&this.el.removeChild(e),this.updateChildren()}handleAddTag=t=>{const e=t.detail.target,i=e.value,a=t.detail.key;if("Enter"===a\|\|this.delimiters.includes(a)&&i.trim())return this.delimiters.includes(a)&&t.detail.preventDefault(),this.addTags(i),void(e.value="");"Backspace"!==a\|\|i?(i\|\|"Backspace"!==a)&&(this.isLastTagHighlighted=!1,this.updateChildren()):this.isLastTagHighlighted?(this.removeLastTag(),this.isLastTagHighlighted=!1):(this.isLastTagHighlighted=!0,this.updateChildren()),"Escape"===a&&(this.isLastTagHighlighted=!1,this.updateChildren())};toggleExpand=()=>{this.isExpanded=!this.isExpanded};render(){const t=Array.from(this.el.querySelectorAll("ui-tag")),e=t.filter((t=>"none"!==t.style.display)),i=this.max>0&&t.length>this.max,r=0===t.length,o=t.length>0&&0===e.length,n=(this.searchable\|\|this.creatable)&&!this.readOnly;return a(s,{key:"100edcd7c662a814b0f9fb61726e2582e794a228"},a("div",{key:"4c67c1ca95250f7b86aa920806a9c610fd177e5b",class:{"tag-group-container":!0,"is-readonly":this.readOnly,"is-empty":r}},a("ui-stack",{key:"80cc96c4c1106e7627160f5396443f9f76ff05d5",spacing:this.spacing,overlap:this.overlap,max:this.isExpanded?0:this.max,wrap:"wrap"},a("slot",{key:"4d6a8877bc1aad8548782ca3eb79d55bd620a3b7"}),n&&a("ui-input",{key:"1097f155dbea020ea979f38ad1557113d5f535f8",type:"text",class:"tag-group-inline-input",placeholder:r?this.placeholder:"",value:this.searchQuery,onInputChange:this.handleSearch,onInputKeydown:this.handleAddTag,size:"sm",variant:"borderless",hideBorder:!0,fullWidth:!0})),o&&a("div",{key:"887770e92e8f74e0c2299b082123aa99f0a8e973",class:"tag-group-empty no-results"},a("span",{key:"0b99fe5f1f8f1a8e0546d6ef986e4868513f0c98"},'No tags match "',this.searchQuery,'"'))\|\|r&&this.readOnly&&a("div",{key:"af1db7772425a2792d52641b9b6a0850a236d4dd",class:"tag-group-empty"},a("ui-icon",{key:"c436b83d899bddf9c606cb767b97cbd5485d4086",name:"tag",library:"lucide",size:"1.4em"}),a("span",{key:"22a6243817d886e23b529ead4366bcf81b2fe057"},"No items assigned")),this.collapsible&&i&&a("ui-button",{key:"bf5f9ce800276a0c6294d48c9817b3b342b09a0c",variant:"ghost",size:"sm",class:"tag-group-overflow-toggle",onClick:this.toggleExpand,label:this.isExpanded?"Show less":`View all ${t.length} items`})))}static get watchers(){return{isExpanded:[{handleGroupChange:0}],skeleton:[{handleGroupChange:0}],shape:[{handleGroupChange:0}],color:[{handleGroupChange:0}]}}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}.tag-group-container{display:flex;flex-direction:column;gap:12px;padding:8px 12px;border:1.5px solid var(--border-subtle, #e2e8f0);border-radius:10px;background:var(--bg-primary, #f8fafc);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);min-height:42px}.tag-group-container:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.tag-group-container.is-readonly{background:transparent;border-color:transparent;padding:0;pointer-events:none}.tag-group-inline-input{flex:1;min-width:60px;border:none;background:transparent;font-size:13px;padding:4px 0;outline:none;color:var(--text-primary, #1e293b)}.tag-group-inline-input::placeholder{color:var(--color-primary, #94a3b8)}ui-stack[overlap] ui-tag,ui-stack[overlap=true] ui-tag{--ui-tag-border:2px solid var(--bg-primary, #ffffff) !important;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}ui-stack[overlap] ui-tag:hover,ui-stack[overlap=true] ui-tag:hover{transform:translateY(-4px) scale(1.1);z-index:100 !important}ui-tag[highlighted=true]{--ui-tag-bg:var(--color-primary, #10b981) !important;--ui-tag-color:var(--text-standard, #ffffff) !important;--ui-tag-border:1px solid var(--color-primary-hover, #2563eb) !important;transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.tag-group-overflow-toggle{margin-top:4px;align-self:flex-start;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-muted, #64748b);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;cursor:pointer;padding:4px 12px;border-radius:999px;transition:all 0.2s ease}.tag-group-overflow-toggle:hover{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981);transform:translateY(-1px)}.tag-group-overflow-toggle:active{transform:translateY(0)}.tag-group-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:8px;color:var(--color-primary, #94a3b8);background:transparent}.tag-group-empty ui-icon{opacity:0.4}.tag-group-empty span{font-size:13px;font-weight:500}.tag-group-empty.no-results{padding:12px;border-radius:8px;background:rgba(241, 245, 249, 0.5);color:var(--text-muted, #64748b);border:1px dashed var(--border-subtle, #e2e8f0)}"}},[769,"ui-tag-group",{max:[2],spacing:[1],overlap:[4],value:[1025],selectionMode:[1,"selection-mode"],size:[1],variant:[1],color:[1],rounded:[4],removable:[4],creatable:[4],searchable:[4],collapsible:[4],caseSensitive:[4,"case-sensitive"],delimiters:[16],skeleton:[4],shape:[1],animation:[1],readOnly:[4,"read-only"],placeholder:[1],searchQuery:[32],isExpanded:[32],isLastTagHighlighted:[32]},[[0,"keydown","handleKeyDown"],[0,"tagRemove","handleTagRemove"],[0,"tagCheck","handleTagCheck"]],{isExpanded:[{handleGroupChange:0}],skeleton:[{handleGroupChange:0}],shape:[{handleGroupChange:0}],color:[{handleGroupChange:0}]}]);function g(){"undefined"!=typeof customElements&&["ui-tag-group","ui-badge","ui-button","ui-icon","ui-input","ui-stack","ui-tag"].forEach((t=>{switch(t){case"ui-tag-group":customElements.get(r(t))\|\|customElements.define(r(t),d);break;case"ui-badge":customElements.get(r(t))\|\|n();break;case"ui-button":customElements.get(r(t))\|\|o();break;case"ui-icon":customElements.get(r(t))\|\|h();break;case"ui-input":customElements.get(r(t))\|\|p();break;case"ui-stack":customElements.get(r(t))\|\|c();break;case"ui-tag":customElements.get(r(t))\|\|l()}}))}export{d as T,g as d}
1	+ import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as a,Host as s,transformTag as r}from"@stencil/core/internal/client";import{d as o}from"./badge.js";import{d as n}from"./button.js";import{d as h}from"./icon.js";import{d as c}from"./input.js";import{d as p}from"./loader.js";import{d as l}from"./stack.js";import{d}from"./tag.js";const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tagAdd=i(this,"tagAdd",7),this.tagGroupChange=i(this,"tagGroupChange",7)}get el(){return this}max=0;spacing="8px";overlap=!1;value=[];selectionMode="none";size;variant;color;rounded=!1;removable=!1;creatable=!1;searchable=!1;collapsible=!1;caseSensitive=!1;delimiters=[","," "];skeleton=!1;shape;animation;readOnly=!1;placeholder="Add tag...";tagAdd;searchQuery="";isExpanded=!1;isLastTagHighlighted=!1;tagGroupChange;handleKeyDown(t){if(this.readOnly)return;const e=Array.from(this.el.querySelectorAll("ui-tag")),i=this.el.shadowRoot?.activeElement\|\|document.activeElement,a=e.findIndex((t=>t===i\|\|t.contains(i))),s=i===this.el.shadowRoot?.querySelector(".tag-group-inline-input");if("ArrowLeft"===t.key)s&&0===t.target.selectionStart?e.length>0&&(e[e.length-1].focus(),t.preventDefault()):a>0&&(e[a-1].focus(),t.preventDefault());else if("ArrowRight"===t.key)-1!==a&&(a===e.length-1?this.el.shadowRoot?.querySelector(".tag-group-inline-input")?.focus():e[a+1].focus(),t.preventDefault());else if(("Backspace"===t.key\|\|"Delete"===t.key)&&-1!==a){const i=e[a],s=a<e.length-1?e[a+1]:this.el.shadowRoot?.querySelector(".tag-group-inline-input");this.removable&&(this.removeTagByValue(i.value\|\|i.label),s&&s.focus(),t.preventDefault())}}handleGroupChange(){this.updateChildren()}handleTagRemove(t){if(this.readOnly)return;const e=t.target;if(!e)return;const i=e.value\|\|e.label;if(Array.isArray(this.value)){const t=this.value.indexOf(i);if(t>-1){const e=[...this.value];e.splice(t,1),this.value=e,this.tagGroupChange.emit(this.value)}}else this.value===i&&(this.value="",this.tagGroupChange.emit(this.value));e.parentNode===this.el&&this.el.removeChild(e),setTimeout((()=>this.updateChildren()),50)}handleTagCheck(t){if(this.readOnly\|\|"none"===this.selectionMode)return;const e=t.target,i=e.value\|\|e.label;if("single"===this.selectionMode)this.value=t.detail?i:"",this.syncSelection();else{const e=Array.isArray(this.value)?[...this.value]:this.value?[this.value]:[];if(t.detail)e.includes(i)\|\|e.push(i);else{const t=e.indexOf(i);t>-1&&e.splice(t,1)}this.value=e,this.syncSelection()}this.tagGroupChange.emit(this.value)}componentDidLoad(){this.updateChildren();const t=this.el.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",(()=>this.updateChildren()))}updateChildren(){const t=Array.from(this.el.querySelectorAll("ui-tag")),e=this.searchQuery.toLowerCase();t.forEach(((i,a)=>{this.size&&(i.size=this.size),this.variant&&(i.variant=this.variant),this.color&&(i.color=this.color),!this.overlap\|\|this.shape\|\|i.shape?this.shape?i.shape=this.shape:this.rounded&&(i.shape="pill"):i.shape="circle",this.skeleton&&(i.skeleton=this.skeleton),this.animation&&(i.animation=this.animation),i.removable=!this.readOnly&&this.removable,i.disabled=this.readOnly,"none"!==this.selectionMode&&(i.checkable=!0);const s=(i.label\|\|"").toLowerCase().includes(e),r=this.max>0&&a>=this.max;this.isLastTagHighlighted&&a===t.length-1?i.setAttribute("highlighted","true"):i.removeAttribute("highlighted"),i.style.display=!s\|\|r&&!this.isExpanded?"none":""})),this.syncSelection()}syncSelection(){const t=Array.from(this.el.querySelectorAll("ui-tag")),e=Array.isArray(this.value)?this.value:[this.value];t.forEach((t=>{t.checked=e.includes(t.value\|\|t.label)}))}handleSearch=t=>{this.searchQuery=t.detail,this.updateChildren()};addTags(t){if(!t)return;this.isLastTagHighlighted=!1;const e=this.delimiters.map((t=>t.replace(/[.*+?^${}()\|[\]\\]/g,"\\$&"))).join("\|"),i=new RegExp(e\|\|",","g");t.split(i).map((t=>t.trim())).filter((t=>!!t)).forEach((t=>{const e=Array.from(this.el.querySelectorAll("ui-tag")).find((e=>this.caseSensitive?e.label===t:e.label.toLowerCase()===t.toLowerCase()));if(e)e.pulse=!0,setTimeout((()=>e.pulse=!1),2e3);else{const e=document.createElement("ui-tag");e.setAttribute("label",t),this.el.appendChild(e),this.tagAdd.emit(t)}})),this.updateChildren()}removeLastTag(){const t=Array.from(this.el.querySelectorAll("ui-tag"));if(t.length>0){const e=t[t.length-1],i=e.value\|\|e.label;if(Array.isArray(this.value)){const t=this.value.indexOf(i);if(t>-1){const e=[...this.value];e.splice(t,1),this.value=e,this.tagGroupChange.emit(this.value)}}this.el.removeChild(e),this.updateChildren()}}removeTagByValue(t){if(Array.isArray(this.value)){const e=this.value.indexOf(t);if(e>-1){const t=[...this.value];t.splice(e,1),this.value=t,this.tagGroupChange.emit(this.value)}}else this.value===t&&(this.value="",this.tagGroupChange.emit(this.value));const e=Array.from(this.el.querySelectorAll("ui-tag")).find((e=>(e.value\|\|e.label)===t));e&&this.el.removeChild(e),this.updateChildren()}handleAddTag=t=>{const e=t.detail.target,i=e.value,a=t.detail.key;if("Enter"===a\|\|this.delimiters.includes(a)&&i.trim())return this.delimiters.includes(a)&&t.detail.preventDefault(),this.addTags(i),void(e.value="");"Backspace"!==a\|\|i?(i\|\|"Backspace"!==a)&&(this.isLastTagHighlighted=!1,this.updateChildren()):this.isLastTagHighlighted?(this.removeLastTag(),this.isLastTagHighlighted=!1):(this.isLastTagHighlighted=!0,this.updateChildren()),"Escape"===a&&(this.isLastTagHighlighted=!1,this.updateChildren())};toggleExpand=()=>{this.isExpanded=!this.isExpanded};render(){const t=Array.from(this.el.querySelectorAll("ui-tag")),e=t.filter((t=>"none"!==t.style.display)),i=this.max>0&&t.length>this.max,r=0===t.length,o=t.length>0&&0===e.length,n=(this.searchable\|\|this.creatable)&&!this.readOnly;return a(s,{key:"6c10d465949f447fa8e70506522ccf0c5bbbb16d"},a("div",{key:"f119d30704ba77309e2556f41f179ffa7e3c05f2",class:{"tag-group-container":!0,"is-readonly":this.readOnly,"is-empty":r}},a("ui-stack",{key:"afe10b0b6142a688eed69d1a6817c6efcac002cb",spacing:this.spacing,overlap:this.overlap,max:this.isExpanded?0:this.max,wrap:"wrap"},a("slot",{key:"a3f61d253532ea24995c8c594b227fe389d1bce0"}),n&&a("ui-input",{key:"d2513ef2ea36f1c74db509f27ffcc51cf2b5b625",type:"text",class:"tag-group-inline-input",placeholder:r?this.placeholder:"",value:this.searchQuery,onInputChange:this.handleSearch,onInputKeydown:this.handleAddTag,size:"sm",variant:"borderless",hideBorder:!0,fullWidth:!0})),o&&a("div",{key:"bb89ba2759c045e62522ca64fb4ba480717ffc2b",class:"tag-group-empty no-results"},a("span",{key:"7ff0d17ae03cbb6415092177c6866143b82b6fda"},'No tags match "',this.searchQuery,'"'))\|\|r&&this.readOnly&&a("div",{key:"f05bf41a4c408107c88e19c866d28a74563bd134",class:"tag-group-empty"},a("ui-icon",{key:"d688dc6f2c9093749469cbab269cd137e62d5889",name:"tag",library:"lucide",size:"1.4em"}),a("span",{key:"9a364908f459d9b8586310e8a6f0388e722637ed"},"No items assigned")),this.collapsible&&i&&a("ui-button",{key:"ba66f535b3c914bd54ccfbb3f376229e3a061524",variant:"ghost",size:"sm",class:"tag-group-overflow-toggle",onClick:this.toggleExpand,label:this.isExpanded?"Show less":`View all ${t.length} items`})))}static get watchers(){return{isExpanded:[{handleGroupChange:0}],skeleton:[{handleGroupChange:0}],shape:[{handleGroupChange:0}],color:[{handleGroupChange:0}]}}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}.tag-group-container{display:flex;flex-direction:column;gap:12px;padding:8px 12px;border:1.5px solid var(--border-subtle, #e2e8f0);border-radius:10px;background:var(--bg-primary, #f8fafc);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.tag-group-container:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.tag-group-container.is-readonly{background:transparent;border-color:transparent;padding:0;pointer-events:none}.tag-group-inline-input{flex:1;min-width:60px;border:none;background:transparent;font-size:13px;padding:4px 0;outline:none;color:var(--text-primary, #1e293b)}.tag-group-inline-input::placeholder{color:var(--color-primary, #94a3b8)}ui-stack[overlap] ui-tag,ui-stack[overlap=true] ui-tag{--ui-tag-border:2px solid var(--bg-primary, #ffffff) !important;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}ui-stack[overlap] ui-tag:hover,ui-stack[overlap=true] ui-tag:hover{transform:translateY(-4px) scale(1.1);z-index:100 !important}ui-tag[highlighted=true]{--ui-tag-bg:var(--color-primary, #10b981) !important;--ui-tag-color:var(--text-standard, #ffffff) !important;--ui-tag-border:1px solid var(--color-primary-hover, #2563eb) !important;transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.tag-group-overflow-toggle{margin-top:4px;align-self:flex-start;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-muted, #64748b);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;cursor:pointer;padding:4px 12px;border-radius:999px;transition:all 0.2s ease}.tag-group-overflow-toggle:hover{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981);transform:translateY(-1px)}.tag-group-overflow-toggle:active{transform:translateY(0)}.tag-group-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:8px;color:var(--color-primary, #94a3b8);background:transparent}.tag-group-empty ui-icon{opacity:0.4}.tag-group-empty span{font-size:13px;font-weight:500}.tag-group-empty.no-results{padding:12px;border-radius:8px;background:rgba(241, 245, 249, 0.5);color:var(--text-muted, #64748b);border:1px dashed var(--border-subtle, #e2e8f0)}"}},[769,"ui-tag-group",{max:[2],spacing:[1],overlap:[4],value:[1025],selectionMode:[1,"selection-mode"],size:[1],variant:[1],color:[1],rounded:[4],removable:[4],creatable:[4],searchable:[4],collapsible:[4],caseSensitive:[4,"case-sensitive"],delimiters:[16],skeleton:[4],shape:[1],animation:[1],readOnly:[4,"read-only"],placeholder:[1],searchQuery:[32],isExpanded:[32],isLastTagHighlighted:[32]},[[0,"keydown","handleKeyDown"],[0,"tagRemove","handleTagRemove"],[0,"tagCheck","handleTagCheck"]],{isExpanded:[{handleGroupChange:0}],skeleton:[{handleGroupChange:0}],shape:[{handleGroupChange:0}],color:[{handleGroupChange:0}]}]);function u(){"undefined"!=typeof customElements&&["ui-tag-group","ui-badge","ui-button","ui-icon","ui-input","ui-loader","ui-stack","ui-tag"].forEach((t=>{switch(t){case"ui-tag-group":customElements.get(r(t))\|\|customElements.define(r(t),g);break;case"ui-badge":customElements.get(r(t))\|\|o();break;case"ui-button":customElements.get(r(t))\|\|n();break;case"ui-icon":customElements.get(r(t))\|\|h();break;case"ui-input":customElements.get(r(t))\|\|c();break;case"ui-loader":customElements.get(r(t))\|\|p();break;case"ui-stack":customElements.get(r(t))\|\|l();break;case"ui-tag":customElements.get(r(t))\|\|d()}}))}export{g as T,u as d}

package/dist/components/tag.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as a,HTMLElement as t,createEvent as r,h as o,transformTag as e}from"@stencil/core/internal/client";import{d as i,a as n}from"./badge.js";import{d as s}from"./icon.js";const g=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.tagRemove=r(this,"tagRemove",7),this.tagCheck=r(this,"tagCheck",7)}get element(){return this}label;value;color="default";size="md";rtl=!1;variant="filled";removable=!1;icon;orientation="horizontal";shape="rounded";iconSpin=!1;closeIcon;customColor;customTextColor;tooltip;disabled=!1;iconPosition="left";iconLibrary="default";image;userAvatar;checkable=!1;checked=!1;animation="scale";animationDuration=300;clickable=!1;elevation=0;loading=!1;pulse=!1;autoColor=!1;gradient;maxWidth;iconSize="1.14em";skeleton=!1;showTooltip=!1;badge;badgeColor="default";counter;isClosing=!1;isOpening=!0;visible=!0;tagRemove;tagCheck;getColorFromHash(a){const t=[{bg:"#3bf673",rgb:"59, 130, 246"},{bg:"#10b981",rgb:"16, 185, 129"},{bg:"#ef4444",rgb:"239, 68, 68"},{bg:"#f59e0b",rgb:"245, 158, 11"},{bg:"#8b5cf6",rgb:"139, 92, 246"},{bg:"#ec4899",rgb:"236, 72, 153"},{bg:"#06b6d4",rgb:"6, 182, 212"}];if(!a)return t[0];let r=0;for(let t=0;t<a.length;t++)r=a.charCodeAt(t)+((r<<5)-r);return t[Math.abs(r)%t.length]}handleKeyDown=a=>{"Enter"!==a.key&&" "!==a.key\|\|(a.preventDefault(),this.handleClick())};handleRemove=a=>{a.stopPropagation(),this.disabled\|\|this.isClosing\|\|(this.isClosing=!0,this.tagRemove.emit(),setTimeout((()=>{this.visible=!1}),this.animationDuration))};handleClick=()=>{this.disabled\|\|this.checkable&&(this.checked=!this.checked,this.tagCheck.emit(this.checked))};componentDidLoad(){setTimeout((()=>{this.isOpening=!1}),50)}render(){if(!this.visible)return null;const a=this.autoColor?this.getColorFromHash(this.label??""):null,t={tag:!0,[`tag-${this.color}`]:!this.autoColor&&!this.gradient,[`tag-${this.size}`]:!0,[`tag-${this.variant}`]:!0,[`tag-shape-${this.shape}`]:!0,"tag-rounded":"rounded"===this.shape,"tag-checkable":this.checkable,"tag-clickable":this.clickable,"tag-checked":this.checked,"tag-loading":this.loading,"tag-disabled":this.disabled,"tag-pulse":this.pulse,"tag-skeleton":this.skeleton,[`tag-${this.orientation}`]:"horizontal"!==this.orientation,[`tag-elevated-${this.elevation}`]:this.elevation>0,[`tag-closing-${this.animation}`]:this.isClosing,[`tag-opening-${this.animation}`]:this.isOpening,[`tag-gradient-${this.gradient}`]:!!this.gradient&&!this.gradient.includes("gradient"),"tag-custom-gradient":!!this.gradient&&this.gradient.includes("gradient"),"tag-truncate":!!this.maxWidth},r={"--animation-duration":`${this.animationDuration}ms`};this.gradient&&this.gradient.includes("gradient")&&(r.background=this.gradient,r.border="none",r.color="#fff"),this.maxWidth&&(r["max-width"]=this.maxWidth),this.customColor&&(r["background-color"]=this.customColor,r["border-color"]="transparent"),this.customTextColor&&(r.color=this.customTextColor),a&&(r["background-color"]=a.bg,r.color="white",r["border-color"]="transparent",r["--tag-glow-color"]=a.rgb);const e=this.clickable\|\|this.checkable\|\|this.removable;return o("span",{class:t,onClick:this.handleClick,onKeyDown:this.handleKeyDown,style:r,title:this.tooltip\|\|(this.showTooltip?this.label:void 0),dir:this.rtl?"rtl":"ltr",tabIndex:e&&!this.disabled?0:-1,role:e?"button":void 0,"aria-pressed":this.checkable?this.checked:void 0,"aria-disabled":this.disabled?"true":void 0},this.skeleton?o("span",{class:"tag-skeleton-content"}):["dot"===this.variant&&o("span",{class:"tag-dot-indicator"}),"left"===this.iconPosition&&this.renderMedia(),o("span",{class:"tag-label"},this.loading&&!this.label?"Loading...":this.label),("ticket"===this.shape\|\|"coupon"===this.shape)&&o("span",{class:"tag-ticket-hole tag-hole-right"}),"coupon"===this.shape&&o("span",{class:"tag-ticket-hole tag-hole-left"}),"right"===this.iconPosition&&this.renderMedia(),this.badge&&o("span",{class:`tag-badge tag-badge-${this.badgeColor}`},this.badge),this.counter&&o("span",{class:"tag-counter"},this.counter),this.removable&&!this.disabled&&o("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,class:"tag-remove",onClick:this.handleRemove,ariaLabel:"Remove tag",tabIndex:-1,icon:this.closeIcon\|\|"x",iconLibrary:"lucide",iconSize:"14px"})])}renderMedia(){return this.loading&&"dot"!==this.variant?o("ui-loader",{type:"spinner",size:"0.8em",color:"inherit"}):this.userAvatar?o("img",{src:this.userAvatar,alt:"",class:"tag-avatar"}):this.image?o("img",{src:this.image,alt:"",class:"tag-image"}):this.icon?o("span",{class:{"tag-icon":!0,"tag-icon-spin":this.iconSpin}},o("ui-icon",{name:this.icon,library:this.iconLibrary,size:this.iconSize})):null}static get style(){return'@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.tag{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:500;white-space:nowrap;border:1px solid transparent;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);user-select:none;box-sizing:border-box;--tag-notch-size:8px}.tag-sm{padding:0 8px;font-size:11px;height:24px;gap:4px;--tag-notch-size:6px}.tag-md{padding:0 12px;font-size:13px;height:32px;gap:8px;--tag-notch-size:8px}.tag-lg{padding:0 16px;font-size:15px;height:40px;gap:10px;--tag-notch-size:10px}.tag-checkable,.tag-clickable{cursor:pointer}.tag-filled.tag-primary{background-color:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.tag-filled.tag-secondary{background-color:var(--text-muted, #6b7280);color:var(--text-standard, #ffffff)}.tag-filled.tag-success{background-color:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.tag-filled.tag-danger{background-color:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.tag-filled.tag-warning{background-color:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tag-filled.tag-info{background-color:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.tag-filled.tag-default{background-color:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.tag-outlined{background-color:transparent}.tag-outlined.tag-primary{border-color:var(--color-primary, #10b981);color:var(--color-primary, #10b981)}.tag-outlined.tag-secondary{border-color:var(--color-primary, #6b7280);color:var(--text-muted, #6b7280)}.tag-outlined.tag-success{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.tag-outlined.tag-danger{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.tag-outlined.tag-warning{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.tag-outlined.tag-info{border-color:var(--color-info, #06b6d4);color:var(--color-info, #06b6d4)}.tag-outlined.tag-default{border-color:var(--border-strong, #d1d5db);color:var(--text-muted, #6b7280)}.tag-light.tag-primary{background-color:var(--bg-primary, #dbeafe);color:var(--color-primary, #1e40af)}.tag-light.tag-secondary{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.tag-light.tag-success{background-color:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.tag-light.tag-danger{background-color:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.tag-light.tag-warning{background-color:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.tag-light.tag-info{background-color:var(--bg-primary, #cffafe);color:var(--color-primary, #164e63)}.tag-light.tag-default{background-color:var(--bg-primary, #f9fafb);color:var(--text-secondary, #4b5563)}.tag-dot{background:transparent;border-color:var(--border-default, #e5e7eb);color:var(--text-secondary, #374151)}.tag-dot-indicator{width:6px;height:6px;border-radius:50%;background-color:currentColor}.tag-dot.tag-primary .tag-dot-indicator{background-color:var(--color-primary, #10b981)}.tag-dot.tag-success .tag-dot-indicator{background-color:var(--color-success, #10b981)}.tag-dot.tag-danger .tag-dot-indicator{background-color:var(--color-danger, #ef4444)}.tag-checkable.tag-checked{filter:brightness(0.9);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1)}.tag-checkable.tag-checked::before{content:"✓";font-size:0.9em;margin-inline-end:-2px}.tag-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255, 255, 255, 0.3);margin-inline-start:-8px;}.tag-image{width:20px;height:20px;border-radius:4px;object-fit:cover;margin-inline-start:-6px}.tag-icon{display:flex;align-items:center;font-size:1.1em}.tag-remove{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s;opacity:0.4;margin-inline-start:-4px;margin-inline-end:-4px}.tag-remove:hover{opacity:1;background:rgba(0, 0, 0, 0.1)}.tag-elevated-1{box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)}.tag-elevated-2{box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tag-elevated-3{box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)}.tag-pulse{animation:tag-pulse-glow 2s infinite}@keyframes tag-pulse-glow{0%{box-shadow:0 0 0 0 rgba(var(--tag-glow-color, 59, 130, 246), 0.4)}70%{box-shadow:0 0 0 10px rgba(var(--tag-glow-color, 59, 130, 246), 0)}100%{box-shadow:0 0 0 0 rgba(var(--tag-glow-color, 59, 130, 246), 0)}}.tag-loading{position:relative;overflow:hidden;pointer-events:none;opacity:0.7}.tag-loading::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:tag-shimmer 1.5s infinite}@keyframes tag-shimmer{100%{transform:translateX(100%)}}.tag-opening-scale{animation:tagScaleIn var(--animation-duration) ease forwards}.tag-closing-scale{animation:tagScaleOut var(--animation-duration) ease forwards}@keyframes tagScaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes tagScaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}.tag-opening-fade{animation:tagFadeIn var(--animation-duration) ease forwards}.tag-closing-fade{animation:tagFadeOut var(--animation-duration) ease forwards}@keyframes tagFadeIn{from{opacity:0}to{opacity:1}}@keyframes tagFadeOut{from{opacity:1}to{opacity:0}}.tag-opening-rotate{animation:tagRotateIn var(--animation-duration) ease forwards}.tag-closing-rotate{animation:tagRotateOut var(--animation-duration) ease forwards}@keyframes tagRotateIn{from{opacity:0;transform:rotate(-10deg) scale(0.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes tagRotateOut{from{opacity:1;transform:rotate(0) scale(1)}to{opacity:0;transform:rotate(10deg) scale(0.9)}}.tag-opening-slide{animation:tagSlideIn var(--animation-duration) ease forwards}.tag-closing-slide{animation:tagSlideOut var(--animation-duration) ease forwards}@keyframes tagSlideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes tagSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.tag-badge{font-size:10px;font-weight:700;border-radius:9999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;margin-inline-start:4px;line-height:1;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);border:1px solid rgba(255, 255, 255, 0.2)}.tag-badge-primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.tag-badge-success{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.tag-badge-danger{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.tag-badge-warning{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tag-badge-info{background:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.tag-badge-secondary{background:var(--color-primary, #6b7280);color:var(--text-standard, #ffffff)}.tag-badge-default{background:rgba(0, 0, 0, 0.1);color:inherit}.tag-counter{font-size:11px;font-weight:600;background:rgba(0, 0, 0, 0.08);color:inherit;border-radius:10px;padding:0 6px;margin-inline-start:6px;opacity:0.8}@media (prefers-color-scheme: dark){.tag-badge-default{background:rgba(255, 255, 255, 0.1)}.tag-counter{background:rgba(255, 255, 255, 0.1)}}.tag-shape-pill{border-radius:999px !important}.tag-shape-square{border-radius:4px !important}.tag-shape-rounded{border-radius:8px !important}.tag-shape-ribbon{padding-inline-end:18px !important;clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%) !important;border-start-start-radius:4px !important;border-end-start-radius:4px !important}.tag-shape-ribbon:host([dir=rtl]) .tag-shape-ribbon,.tag-shape-ribbon[dir=rtl]{clip-path:polygon(100% 0, 0 0, 10px 50%, 0 100%, 100% 100%) !important;border-start-end-radius:4px !important;border-end-end-radius:4px !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.tag-shape-ticket{padding-inline-end:28px !important;clip-path:polygon(0 0, 100% 0, calc(100% - var(--tag-notch-size)) 50%, 100% 100%, 0 100%) !important;border-start-start-radius:4px !important;border-end-start-radius:4px !important;box-shadow:0 2px 4px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.2);position:relative}.tag-shape-ticket:host([dir=rtl]) .tag-shape-ticket,.tag-shape-ticket[dir=rtl]{clip-path:polygon(100% 0, 0 0, var(--tag-notch-size) 50%, 0 100%, 100% 100%) !important;border-start-end-radius:4px !important;border-end-end-radius:4px !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.tag-shape-coupon{padding-left:20px !important;padding-right:20px !important;clip-path:polygon(var(--tag-notch-size) 50%, 0 0, 100% 0, calc(100% - var(--tag-notch-size)) 50%, 100% 100%, 0 100%) !important;border-radius:0 !important;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1)}.tag-hole-right{inset-inline-end:14px}.tag-hole-left{inset-inline-start:14px}.tag-icon-spin{display:inline-flex;animation:tag-icon-spin 2s linear infinite}@keyframes tag-icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tag-opening-scale{animation:tagOpeningScale var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.tag-opening-fade{animation:tagOpeningFade var(--animation-duration) ease forwards}.tag-opening-slide{animation:tagOpeningSlide var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.tag-opening-rotate{animation:tagOpeningRotate var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes tagOpeningScale{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}@keyframes tagOpeningFade{from{opacity:0}to{opacity:1}}@keyframes tagOpeningSlide{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}@keyframes tagOpeningRotate{from{opacity:0;transform:rotate(-10deg) scale(0.8)}to{opacity:1;transform:rotate(0) scale(1)}}.tag-ticket-hole{position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--bg-primary, #ffffff);border-radius:50%;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);z-index:2}.tag-shape-circle{border-radius:50% !important;padding:0 !important;width:32px;height:32px;justify-content:center}.tag-shape-circle.tag-sm{width:24px;height:24px}.tag-shape-circle.tag-lg{width:40px;height:40px}.tag-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.tag-vertical{flex-direction:column;height:auto !important;padding:8px 12px !important;gap:4px !important}.tag-vertical .tag-avatar{width:32px;height:32px;margin-bottom:2px}.tag-vertical .tag-icon{font-size:1.4em}.tag-vertical-text,.tag-vertical-rotated{height:auto !important;min-height:40px;width:32px;padding:12px 4px !important;display:inline-flex;flex-direction:column}.tag-vertical-text .tag-label{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:1px;line-height:1.2;text-align:center}.tag-vertical-rotated .tag-label{writing-mode:vertical-rl;transform:rotate(180deg);text-orientation:sideways;text-align:center}.tag-soft.tag-primary{background-color:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);color:var(--color-primary, #10b981)}.tag-soft.tag-secondary{background-color:rgba(107, 114, 128, 0.1);color:var(--text-muted, #6b7280)}.tag-soft.tag-success{background-color:rgba(var(--color-success-rgb, 16, 185, 129), 0.1);color:var(--color-success, #10b981)}.tag-soft.tag-danger{background-color:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--color-danger, #ef4444)}.tag-soft.tag-warning{background-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--color-warning, #f59e0b)}.tag-soft.tag-info{background-color:rgba(6, 182, 212, 0.1);color:var(--color-info, #06b6d4)}.tag-soft.tag-default{background-color:rgba(156, 163, 175, 0.1);color:var(--text-muted, #6b7280)}.tag-bordered{background-color:var(--bg-primary, #ffffff);border-width:2px}.tag-bordered.tag-primary{border-color:var(--color-primary, #10b981);color:var(--color-primary, #10b981)}.tag-bordered.tag-secondary{border-color:var(--color-primary, #6b7280);color:var(--color-primary, #6b7280)}.tag-bordered.tag-success{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.tag-bordered.tag-danger{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.tag-bordered.tag-warning{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.tag-bordered.tag-info{border-color:var(--color-info, #06b6d4);color:var(--color-info, #06b6d4)}.tag-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb, currentColor, transparent 70%);border-top-color:currentColor;border-radius:50%;animation:tag-spin 0.6s linear infinite}@keyframes tag-spin{to{transform:rotate(360deg)}}.tag-gradient-blue-purple{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-green-teal{background:linear-gradient(135deg, var(--color-success, #10b981) 0%, var(--color-info, #06b6d4) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-orange-red{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #ef4444) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-pink-purple{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-blue-green{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-success, #10b981) 100%);color:var(--bg-primary, #ffffff);border:none}.tag[tabindex="0"]{outline:none}.tag[tabindex="0"]:focus-visible{box-shadow:0 0 0 2px var(--text-standard, #ffffff), 0 0 0 4px var(--ui-tag-focus-color, var(--color-primary, #10b981));z-index:10}.tag-clickable:hover,.tag-checkable:hover{filter:brightness(1.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);transform:translateY(-1px)}.tag-clickable:active,.tag-checkable:active{transform:scale(0.96);filter:brightness(0.9)}.tag-skeleton{border-color:var(--border-subtle, #e2e8f0);background:var(--bg-secondary, #f1f5f9);pointer-events:none;overflow:hidden}.tag-skeleton-content{display:block;width:100%;height:12px;background:var(--bg-primary, #e2e8f0);border-radius:4px;position:relative;overflow:hidden}.tag-skeleton-content::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);animation:tag-skeleton-shimmer 1.5s infinite}@keyframes tag-skeleton-shimmer{100%{transform:translateX(100%)}}.tag-truncate .tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}'}},[513,"ui-tag",{label:[1],value:[1],color:[1],size:[1],rtl:[4],variant:[1],removable:[4],icon:[1],orientation:[513],shape:[513],iconSpin:[4,"icon-spin"],closeIcon:[1,"close-icon"],customColor:[1,"custom-color"],customTextColor:[1,"custom-text-color"],tooltip:[1],disabled:[4],iconPosition:[1,"icon-position"],iconLibrary:[1,"icon-library"],image:[1],userAvatar:[1,"user-avatar"],checkable:[4],checked:[1540],animation:[1],animationDuration:[2,"animation-duration"],clickable:[4],elevation:[2],loading:[4],pulse:[4],autoColor:[4,"auto-color"],gradient:[1],maxWidth:[1,"max-width"],iconSize:[1,"icon-size"],skeleton:[4],showTooltip:[4,"show-tooltip"],badge:[8],badgeColor:[1,"badge-color"],counter:[8],isClosing:[32],isOpening:[32],visible:[32]}]);function c(){"undefined"!=typeof customElements&&["ui-tag","ui-badge","ui-button","ui-icon"].forEach((a=>{switch(a){case"ui-tag":customElements.get(e(a))\|\|customElements.define(e(a),g);break;case"ui-badge":customElements.get(e(a))\|\|n();break;case"ui-button":customElements.get(e(a))\|\|i();break;case"ui-icon":customElements.get(e(a))\|\|s()}}))}export{g as T,c as d}
1	+ import{proxyCustomElement as a,HTMLElement as t,createEvent as r,h as o,transformTag as e}from"@stencil/core/internal/client";import{d as i}from"./icon.js";import{d as n}from"./loader.js";const s=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.tagRemove=r(this,"tagRemove",7),this.tagCheck=r(this,"tagCheck",7)}get element(){return this}label;value;color="default";size="md";rtl=!1;variant="filled";removable=!1;icon;orientation="horizontal";shape="rounded";iconSpin=!1;closeIcon;customColor;customTextColor;tooltip;disabled=!1;iconPosition="left";iconLibrary="default";image;userAvatar;checkable=!1;checked=!1;animation="scale";animationDuration=300;clickable=!1;elevation=0;loading=!1;pulse=!1;autoColor=!1;gradient;maxWidth;iconSize="1.14em";skeleton=!1;showTooltip=!1;badge;badgeColor="default";counter;isClosing=!1;isOpening=!0;visible=!0;tagRemove;tagCheck;getColorFromHash(a){const t=[{bg:"#3bf673",rgb:"59, 130, 246"},{bg:"#10b981",rgb:"16, 185, 129"},{bg:"#ef4444",rgb:"239, 68, 68"},{bg:"#f59e0b",rgb:"245, 158, 11"},{bg:"#8b5cf6",rgb:"139, 92, 246"},{bg:"#ec4899",rgb:"236, 72, 153"},{bg:"#06b6d4",rgb:"6, 182, 212"}];if(!a)return t[0];let r=0;for(let t=0;t<a.length;t++)r=a.charCodeAt(t)+((r<<5)-r);return t[Math.abs(r)%t.length]}handleKeyDown=a=>{"Enter"!==a.key&&" "!==a.key\|\|(a.preventDefault(),this.handleClick())};handleRemove=a=>{a.stopPropagation(),this.disabled\|\|this.isClosing\|\|(this.isClosing=!0,this.tagRemove.emit(),setTimeout((()=>{this.visible=!1}),this.animationDuration))};handleClick=()=>{this.disabled\|\|this.checkable&&(this.checked=!this.checked,this.tagCheck.emit(this.checked))};componentDidLoad(){setTimeout((()=>{this.isOpening=!1}),50)}isCircleShape(){return"circle"===this.shape}hasCircleVisualContent(){return!!(this.loading\|\|this.userAvatar\|\|this.image\|\|this.icon)}resolveMediaSrc(a){if(!a)return;const t=a.trim().replaceAll("\\","/");return t?/^(https?:\|data:\|blob:\|file:\|\/\/)/i.test(t)\|\|/^(\.\/\|\.\.\/\|\/)?build\//i.test(t)?t:t.startsWith("/assets/")?`/build${t}`:/^(\.\/\|\.\.\/)?assets\//i.test(t)?t.replace(/^((?:\.\/\|\.\.\/)?)assets\//i,"$1build/assets/"):/^(\.\/\|\.\.\/)?images\//i.test(t)?t.replace(/^((?:\.\/\|\.\.\/)?)images\//i,"$1build/assets/images/"):t.includes("/")?t:`./build/assets/images/${t}`:void 0}getDisplayLabel(){const a=this.loading&&!this.label?"Loading...":this.label\|\|"";return!this.isCircleShape()\|\|this.hasCircleVisualContent()?a:Array.from(a.trim()).slice(0,2).join("")}render(){if(!this.visible)return null;const a=this.autoColor?this.getColorFromHash(this.label??""):null,t=this.isCircleShape(),r=this.getDisplayLabel(),e=t&&this.hasCircleVisualContent(),i={tag:!0,[`tag-${this.color}`]:!this.autoColor&&!this.gradient,[`tag-${this.size}`]:!0,[`tag-${this.variant}`]:!0,[`tag-shape-${this.shape}`]:!0,"tag-rounded":"rounded"===this.shape,"tag-checkable":this.checkable,"tag-clickable":this.clickable,"tag-checked":this.checked,"tag-loading":this.loading,"tag-disabled":this.disabled,"tag-pulse":this.pulse,"tag-skeleton":this.skeleton,[`tag-${this.orientation}`]:"horizontal"!==this.orientation,[`tag-elevated-${this.elevation}`]:this.elevation>0,[`tag-closing-${this.animation}`]:this.isClosing,[`tag-opening-${this.animation}`]:this.isOpening,[`tag-gradient-${this.gradient}`]:!!this.gradient&&!this.gradient.includes("gradient"),"tag-custom-gradient":!!this.gradient&&this.gradient.includes("gradient"),"tag-truncate":!!this.maxWidth},n={"--animation-duration":`${this.animationDuration}ms`};this.gradient&&this.gradient.includes("gradient")&&(n.background=this.gradient,n.border="none",n.color="#fff"),this.maxWidth&&(n["max-width"]=this.maxWidth),this.customColor&&(n["background-color"]=this.customColor,n["border-color"]="transparent"),this.customTextColor&&(n.color=this.customTextColor),a&&(n["background-color"]=a.bg,n.color="white",n["border-color"]="transparent",n["--tag-glow-color"]=a.rgb);const s=this.clickable\|\|this.checkable\|\|this.removable;return o("span",{class:i,onClick:this.handleClick,onKeyDown:this.handleKeyDown,style:n,title:this.tooltip\|\|(t&&!e&&this.label&&r!==this.label\|\|this.showTooltip?this.label:void 0),dir:this.rtl?"rtl":"ltr",tabIndex:s&&!this.disabled?0:-1,role:s?"button":void 0,"aria-pressed":this.checkable?this.checked:void 0,"aria-disabled":this.disabled?"true":void 0},this.skeleton?o("span",{class:"tag-skeleton-content"}):["dot"===this.variant&&o("span",{class:"tag-dot-indicator"}),(e\|\|"left"===this.iconPosition)&&this.renderMedia(),!e&&o("span",{class:"tag-label"},r),("ticket"===this.shape\|\|"coupon"===this.shape)&&o("span",{class:"tag-ticket-hole tag-hole-right"}),"coupon"===this.shape&&o("span",{class:"tag-ticket-hole tag-hole-left"}),"right"===this.iconPosition&&!e&&this.renderMedia(),!t&&this.badge&&o("span",{class:`tag-badge tag-badge-${this.badgeColor}`},this.badge),!t&&this.counter&&o("span",{class:"tag-counter"},this.counter),!t&&this.removable&&!this.disabled&&o("button",{class:"tag-remove",onClick:this.handleRemove,"aria-label":"Remove tag",tabIndex:-1},o("ui-icon",{name:this.closeIcon\|\|"x",library:"lucide",size:"1em"}))])}renderMedia(){if(this.loading&&"dot"!==this.variant)return o("ui-loader",{type:"spinner",size:"0.8em",color:"inherit"});const a=this.resolveMediaSrc(this.userAvatar),t=this.resolveMediaSrc(this.image);return a?o("img",{src:a,alt:"",class:"tag-avatar"}):t?o("img",{src:t,alt:"",class:"tag-image"}):this.icon?o("span",{class:{"tag-icon":!0,"tag-icon-spin":this.iconSpin}},o("ui-icon",{name:this.icon,library:this.iconLibrary,size:this.iconSize})):null}static get style(){return'@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.tag{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:500;white-space:nowrap;border:1px solid transparent;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);user-select:none;box-sizing:border-box;--tag-notch-size:8px}.tag-xs{padding:2px 6px;font-size:10px;height:20px;gap:4px;--tag-notch-size:4px;--tag-remove-size:14px;--tag-remove-icon-size:10px}.tag-sm{padding:4px 8px;font-size:11px;height:24px;gap:4px;--tag-notch-size:6px;--tag-remove-size:16px;--tag-remove-icon-size:12px}.tag-md{padding:4px 12px;font-size:13px;height:32px;gap:8px;--tag-notch-size:8px;--tag-remove-size:20px;--tag-remove-icon-size:14px}.tag-lg{padding:4px 16px;font-size:15px;height:40px;gap:10px;--tag-notch-size:10px;--tag-remove-size:24px;--tag-remove-icon-size:16px}.tag-checkable,.tag-clickable{cursor:pointer}.tag-filled.tag-primary{background-color:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.tag-filled.tag-secondary{background-color:var(--text-muted, #6b7280);color:var(--text-standard, #ffffff)}.tag-filled.tag-success{background-color:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.tag-filled.tag-danger{background-color:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.tag-filled.tag-warning{background-color:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tag-filled.tag-info{background-color:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.tag-filled.tag-default{background-color:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #374151)}.tag-outlined{background-color:transparent}.tag-outlined.tag-primary{border-color:var(--color-primary, #10b981);color:var(--color-primary, #10b981)}.tag-outlined.tag-secondary{border-color:var(--color-primary, #6b7280);color:var(--text-muted, #6b7280)}.tag-outlined.tag-success{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.tag-outlined.tag-danger{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.tag-outlined.tag-warning{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.tag-outlined.tag-info{border-color:var(--color-info, #06b6d4);color:var(--color-info, #06b6d4)}.tag-outlined.tag-default{border-color:var(--border-strong, #d1d5db);color:var(--text-muted, #6b7280)}.tag-light.tag-primary{background-color:var(--bg-primary, #dbeafe);color:var(--color-primary, #1e40af)}.tag-light.tag-secondary{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.tag-light.tag-success{background-color:var(--bg-primary, #d1fae5);color:var(--color-primary, #065f46)}.tag-light.tag-danger{background-color:var(--bg-primary, #fee2e2);color:var(--color-danger, #991b1b)}.tag-light.tag-warning{background-color:var(--bg-primary, #fef3c7);color:var(--color-danger, #92400e)}.tag-light.tag-info{background-color:var(--bg-primary, #cffafe);color:var(--color-primary, #164e63)}.tag-light.tag-default{background-color:var(--bg-primary, #f9fafb);color:var(--text-secondary, #4b5563)}.tag-dot{background:transparent;border-color:var(--border-default, #e5e7eb);color:var(--text-secondary, #374151)}.tag-dot-indicator{width:6px;height:6px;border-radius:50%;background-color:currentColor}.tag-dot.tag-primary .tag-dot-indicator{background-color:var(--color-primary, #10b981)}.tag-dot.tag-success .tag-dot-indicator{background-color:var(--color-success, #10b981)}.tag-dot.tag-danger .tag-dot-indicator{background-color:var(--color-danger, #ef4444)}.tag-checkable.tag-checked{filter:brightness(0.9);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1)}.tag-checkable.tag-checked::before{content:"✓";font-size:0.9em;margin-inline-end:-2px}.tag-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255, 255, 255, 0.3);margin-inline-start:-8px;}.tag-image{width:20px;height:20px;border-radius:4px;object-fit:cover;margin-inline-start:-6px}.tag-icon{display:flex;align-items:center;font-size:1.1em}.tag-remove{background:none;border:none;color:inherit;font-size:var(--tag-remove-icon-size, 14px);cursor:pointer;padding:0;width:var(--tag-remove-size, 20px);height:var(--tag-remove-size, 20px);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s;opacity:0.4;margin-inline-start:-4px;margin-inline-end:-4px}.tag-remove:hover{opacity:1;background:rgba(0, 0, 0, 0.1)}.tag-elevated-1{box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)}.tag-elevated-2{box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tag-elevated-3{box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)}.tag-pulse{animation:tag-pulse-glow 2s infinite}@keyframes tag-pulse-glow{0%{box-shadow:0 0 0 0 rgba(var(--tag-glow-color, 59, 130, 246), 0.4)}70%{box-shadow:0 0 0 10px rgba(var(--tag-glow-color, 59, 130, 246), 0)}100%{box-shadow:0 0 0 0 rgba(var(--tag-glow-color, 59, 130, 246), 0)}}.tag-loading{position:relative;overflow:hidden;pointer-events:none;opacity:0.7}.tag-loading::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:tag-shimmer 1.5s infinite}@keyframes tag-shimmer{100%{transform:translateX(100%)}}.tag-opening-scale{animation:tagScaleIn var(--animation-duration) ease forwards}.tag-closing-scale{animation:tagScaleOut var(--animation-duration) ease forwards}@keyframes tagScaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes tagScaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}.tag-opening-fade{animation:tagFadeIn var(--animation-duration) ease forwards}.tag-closing-fade{animation:tagFadeOut var(--animation-duration) ease forwards}@keyframes tagFadeIn{from{opacity:0}to{opacity:1}}@keyframes tagFadeOut{from{opacity:1}to{opacity:0}}.tag-opening-rotate{animation:tagRotateIn var(--animation-duration) ease forwards}.tag-closing-rotate{animation:tagRotateOut var(--animation-duration) ease forwards}@keyframes tagRotateIn{from{opacity:0;transform:rotate(-10deg) scale(0.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes tagRotateOut{from{opacity:1;transform:rotate(0) scale(1)}to{opacity:0;transform:rotate(10deg) scale(0.9)}}.tag-opening-slide{animation:tagSlideIn var(--animation-duration) ease forwards}.tag-closing-slide{animation:tagSlideOut var(--animation-duration) ease forwards}@keyframes tagSlideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes tagSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.tag-badge{font-size:10px;font-weight:700;border-radius:9999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;margin-inline-start:4px;line-height:1;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);border:1px solid rgba(255, 255, 255, 0.2)}.tag-badge-primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.tag-badge-success{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.tag-badge-danger{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.tag-badge-warning{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.tag-badge-info{background:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.tag-badge-secondary{background:var(--color-primary, #6b7280);color:var(--text-standard, #ffffff)}.tag-badge-default{background:rgba(0, 0, 0, 0.1);color:inherit}.tag-counter{font-size:11px;font-weight:600;background:rgba(0, 0, 0, 0.08);color:inherit;border-radius:10px;padding:0 6px;margin-inline-start:6px;opacity:0.8}@media (prefers-color-scheme: dark){.tag-badge-default{background:rgba(255, 255, 255, 0.1)}.tag-counter{background:rgba(255, 255, 255, 0.1)}}.tag-shape-pill{border-radius:999px !important}.tag-shape-square{border-radius:4px !important}.tag-shape-rounded{border-radius:8px !important}.tag-shape-ribbon{padding-inline-end:18px !important;clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%) !important;border-start-start-radius:4px !important;border-end-start-radius:4px !important}.tag-shape-ribbon:host([dir=rtl]) .tag-shape-ribbon,.tag-shape-ribbon[dir=rtl]{clip-path:polygon(100% 0, 0 0, 10px 50%, 0 100%, 100% 100%) !important;border-start-end-radius:4px !important;border-end-end-radius:4px !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.tag-shape-ticket{padding-inline-end:28px !important;clip-path:polygon(0 0, 100% 0, calc(100% - var(--tag-notch-size)) 50%, 100% 100%, 0 100%) !important;border-start-start-radius:4px !important;border-end-start-radius:4px !important;box-shadow:0 2px 4px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.2);position:relative}.tag-shape-ticket:host([dir=rtl]) .tag-shape-ticket,.tag-shape-ticket[dir=rtl]{clip-path:polygon(100% 0, 0 0, var(--tag-notch-size) 50%, 0 100%, 100% 100%) !important;border-start-end-radius:4px !important;border-end-end-radius:4px !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.tag-shape-coupon{padding-left:20px !important;padding-right:20px !important;clip-path:polygon(var(--tag-notch-size) 50%, 0 0, 100% 0, calc(100% - var(--tag-notch-size)) 50%, 100% 100%, 0 100%) !important;border-radius:0 !important;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1)}.tag-hole-right{inset-inline-end:14px}.tag-hole-left{inset-inline-start:14px}.tag-icon-spin{display:inline-flex;animation:tag-icon-spin 2s linear infinite}@keyframes tag-icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tag-opening-scale{animation:tagOpeningScale var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.tag-opening-fade{animation:tagOpeningFade var(--animation-duration) ease forwards}.tag-opening-slide{animation:tagOpeningSlide var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.tag-opening-rotate{animation:tagOpeningRotate var(--animation-duration) cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes tagOpeningScale{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}@keyframes tagOpeningFade{from{opacity:0}to{opacity:1}}@keyframes tagOpeningSlide{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}@keyframes tagOpeningRotate{from{opacity:0;transform:rotate(-10deg) scale(0.8)}to{opacity:1;transform:rotate(0) scale(1)}}.tag-ticket-hole{position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--bg-primary, #ffffff);border-radius:50%;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3);z-index:2}.tag-shape-circle{border-radius:9999px;min-width:32px;width:auto;height:32px;padding:0 6px;justify-content:center}.tag-shape-circle.tag-sm{min-width:24px;height:24px;padding:0 4px}.tag-shape-circle.tag-lg{min-width:40px;height:40px;padding:0 8px}.tag-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.tag-vertical{flex-direction:column;height:auto !important;padding:8px 12px !important;gap:4px !important}.tag-vertical .tag-avatar{width:32px;height:32px;margin-bottom:2px}.tag-vertical .tag-icon{font-size:1.4em}.tag-vertical-text,.tag-vertical-rotated{height:auto !important;min-height:40px;width:32px;padding:12px 4px !important;display:inline-flex;flex-direction:column}.tag-vertical-text .tag-label{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:1px;line-height:1.2;text-align:center}.tag-vertical-rotated .tag-label{writing-mode:vertical-rl;transform:rotate(180deg);text-orientation:sideways;text-align:center}.tag-soft{padding:4px 10px}.tag-bordered{padding:4px 10px}.tag-soft.tag-primary{background-color:rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);color:var(--color-primary, #10b981)}.tag-soft.tag-secondary{background-color:rgba(107, 114, 128, 0.1);color:var(--text-muted, #6b7280)}.tag-soft.tag-success{background-color:rgba(var(--color-success-rgb, 16, 185, 129), 0.1);color:var(--color-success, #10b981)}.tag-soft.tag-danger{background-color:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--color-danger, #ef4444)}.tag-soft.tag-warning{background-color:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--color-warning, #f59e0b)}.tag-soft.tag-info{background-color:rgba(6, 182, 212, 0.1);color:var(--color-info, #06b6d4)}.tag-soft.tag-default{background-color:rgba(156, 163, 175, 0.1);color:var(--text-muted, #6b7280)}.tag-bordered{background-color:var(--bg-primary, #ffffff);border-width:2px}.tag-bordered.tag-primary{border-color:var(--color-primary, #10b981);color:var(--color-primary, #10b981)}.tag-bordered.tag-secondary{border-color:var(--color-primary, #6b7280);color:var(--color-primary, #6b7280)}.tag-bordered.tag-success{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.tag-bordered.tag-danger{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.tag-bordered.tag-warning{border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}.tag-bordered.tag-info{border-color:var(--color-info, #06b6d4);color:var(--color-info, #06b6d4)}.tag-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb, currentColor, transparent 70%);border-top-color:currentColor;border-radius:50%;animation:tag-spin 0.6s linear infinite}@keyframes tag-spin{to{transform:rotate(360deg)}}.tag-gradient-blue-purple{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-green-teal{background:linear-gradient(135deg, var(--color-success, #10b981) 0%, var(--color-info, #06b6d4) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-orange-red{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #ef4444) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-pink-purple{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--bg-primary, #ffffff);border:none}.tag-gradient-blue-green{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-success, #10b981) 100%);color:var(--bg-primary, #ffffff);border:none}.tag[tabindex="0"]{outline:none}.tag[tabindex="0"]:focus-visible{box-shadow:0 0 0 2px var(--text-standard, #ffffff), 0 0 0 4px var(--ui-tag-focus-color, var(--color-primary, #10b981));z-index:10}.tag-clickable:hover,.tag-checkable:hover{filter:brightness(1.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);transform:translateY(-1px)}.tag-clickable:active,.tag-checkable:active{transform:scale(0.96);filter:brightness(0.9)}.tag-skeleton{border-color:var(--border-subtle, #e2e8f0);background:var(--bg-secondary, #f1f5f9);pointer-events:none;overflow:hidden}.tag-skeleton-content{display:block;width:100%;height:12px;background:var(--bg-primary, #e2e8f0);border-radius:4px;position:relative;overflow:hidden}.tag-skeleton-content::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);animation:tag-skeleton-shimmer 1.5s infinite}@keyframes tag-skeleton-shimmer{100%{transform:translateX(100%)}}.tag-truncate .tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}'}},[513,"ui-tag",{label:[1],value:[1],color:[1],size:[1],rtl:[4],variant:[1],removable:[4],icon:[1],orientation:[513],shape:[513],iconSpin:[4,"icon-spin"],closeIcon:[1,"close-icon"],customColor:[1,"custom-color"],customTextColor:[1,"custom-text-color"],tooltip:[1],disabled:[4],iconPosition:[1,"icon-position"],iconLibrary:[1,"icon-library"],image:[1],userAvatar:[1,"user-avatar"],checkable:[4],checked:[1540],animation:[1],animationDuration:[2,"animation-duration"],clickable:[4],elevation:[2],loading:[4],pulse:[4],autoColor:[4,"auto-color"],gradient:[1],maxWidth:[1,"max-width"],iconSize:[1,"icon-size"],skeleton:[4],showTooltip:[4,"show-tooltip"],badge:[8],badgeColor:[1,"badge-color"],counter:[8],isClosing:[32],isOpening:[32],visible:[32]}]);function g(){"undefined"!=typeof customElements&&["ui-tag","ui-icon","ui-loader"].forEach((a=>{switch(a){case"ui-tag":customElements.get(e(a))\|\|customElements.define(e(a),s);break;case"ui-icon":customElements.get(e(a))\|\|i();break;case"ui-loader":customElements.get(e(a))\|\|n()}}))}export{s as T,g as d}

package/dist/components/timeline-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as n}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}itemTitle;itemDescription;itemDate;render(){return i("div",{key:"~~54a294a4b0f3ba13841d3c8de125694e81f2141c~~",class:"timeline-item-container"},i("div",{key:"~~0ccb68f5384a8ac2bba5cebb5d75b96fb1dccc16~~",class:"timeline-item-content"},i("h2",{key:"~~75c5b1f55e06a1345105dd12b924e41a3bada993~~"},this.itemTitle),i("p",{key:"~~7ae3c4cf655c6831943b8d53db977e3348907471~~"},this.itemDescription),i("span",{key:"~~23175d4215f96f76a580dece414fe379446a23da~~"},this.itemDate)))}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}.timeline-item-container{position:relative;margin-bottom:20px}.timeline-item-content{position:relative;width:400px;min-height:120px;padding:20px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease}.timeline-item-content:hover{transform:translateY(-5px)}.timeline-item-container::after{content:"";position:absolute;top:20px;width:16px;height:16px;background-color:#f9f9f9;border:4px solid #ddd;border-radius:50%;z-index:1}:host(:nth-child(odd)) .timeline-item-container::after{right:-8px}:host(:nth-child(even)) .timeline-item-container::after{left:-8px}:host(:nth-child(odd)) .timeline-item-content{left:0}:host(:nth-child(even)) .timeline-item-content{right:0}'}},[513,"timeline-item",{itemTitle:[1,"item-title"],itemDescription:[1,"item-description"],itemDate:[1,"item-date"]}]),r=o,a=function(){"undefined"!=typeof customElements&&["timeline-item"].forEach((t=>{"timeline-item"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),o))}))};export{r as TimelineItem,a as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as n}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}itemTitle;itemDescription;itemDate;render(){return i("div",{key:"d95b2638f4ddd5cfe6123e0dca0573d50f7a9b12",class:"timeline-item-container"},i("div",{key:"1af79e9d89d34c86588dde5f8a17a3d858818eca",class:"timeline-item-content"},i("h2",{key:"20b3627366401ffcbeb5ec3673ff54960b86b87d"},this.itemTitle),i("p",{key:"830ff3c7ee8eab68977b343a5fa275eb8f4e9df5"},this.itemDescription),i("span",{key:"e349ec06b84933f61fb194dde37e12624694a981"},this.itemDate)))}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}.timeline-item-container{position:relative;margin-bottom:20px}.timeline-item-content{position:relative;width:400px;min-height:120px;padding:20px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease}.timeline-item-content:hover{transform:translateY(-5px)}.timeline-item-container::after{content:"";position:absolute;top:20px;width:16px;height:16px;background-color:#f9f9f9;border:4px solid #ddd;border-radius:50%;z-index:1}:host(:nth-child(odd)) .timeline-item-container::after{right:-8px}:host(:nth-child(even)) .timeline-item-container::after{left:-8px}:host(:nth-child(odd)) .timeline-item-content{left:0}:host(:nth-child(even)) .timeline-item-content{right:0}'}},[513,"timeline-item",{itemTitle:[1,"item-title"],itemDescription:[1,"item-description"],itemDate:[1,"item-date"]}]),r=o,a=function(){"undefined"!=typeof customElements&&["timeline-item"].forEach((t=>{"timeline-item"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),o))}))};export{r as TimelineItem,a as defineCustomElement}

package/dist/components/toggle-group.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";import{d as a,a as n}from"./badge.js";import{d as l}from"./icon.js";import{d as g}from"./input.js";import{d as p}from"./switch.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggleGroupChange=i(this,"toggleGroupChange",7),this.toggleGroupSearch=i(this,"toggleGroupSearch",7),this.toggleGroupReorder=i(this,"toggleGroupReorder",7),this.toggleGroupCollapse=i(this,"toggleGroupCollapse",7)}get el(){return this}value=[];name="";disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";layout="horizontal";columns=3;selectionMode="single";size="md";color="primary";variant="solid";shape="default";options=[];labelPosition="right";showIcons=!1;enableAnimation=!0;keyboardNavigation=!0;showSelectAll=!1;searchable=!1;searchPlaceholder="Search toggles...";isDraggable=!1;collapsible=!1;collapsed=!1;loading=!1;loadingText="Loading options...";maxSelections=0;showSkeleton=!1;skeletonCount=3;compact=!1;items=[];searchQuery="";focusedIndex=-1;isCollapsed=!1;draggedIndex=-1;dragOverIndex=-1;indicatorRect={left:0,top:0,width:0,height:0,opacity:0};listEl;resizeObserver;internals;toggleGroupChange;toggleGroupSearch;toggleGroupReorder;toggleGroupCollapse;handleOptionsChange(){this.parseOptions()}handleValueChange(){this.syncToggles(),this.updateIndicator()}componentWillLoad(){"function"==typeof this.el.attachInternals&&(this.internals=this.el.attachInternals()),this.parseOptions(),this.isCollapsed=this.collapsed,"multiple"!==this.selectionMode\|\|Array.isArray(this.value)\|\|(this.value=this.value?[this.value]:[]),this.updateFormValue()}updateFormValue(){if(this.internals){const t=Array.isArray(this.value)?this.value.join(","):this.value;this.internals.setFormValue(t)}}componentDidRender(){this.updateIndicator(),!this.resizeObserver&&this.el&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateIndicator())),this.resizeObserver.observe(this.el))}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0)}async updateIndicator(){"segmented"===this.variant&&this.listEl&&"multiple"!==this.selectionMode?requestAnimationFrame((()=>{const t=this.value;if(!t)return void(this.indicatorRect={...this.indicatorRect,opacity:0});const e=this.listEl?.querySelector(`.toggle-item-wrapper[data-value="${t}"]`);this.indicatorRect=e?{left:e.offsetLeft,top:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight,opacity:1}:{...this.indicatorRect,opacity:0}})):0!==this.indicatorRect.opacity&&(this.indicatorRect={...this.indicatorRect,opacity:0})}parseOptions(){if("string"==typeof this.options)try{this.items=JSON.parse(this.options)}catch(t){console.error("Invalid options JSON in ui-toggle-group"),this.items=[]}else this.items=[...this.options\|\|[]]}handleSwitchChange(t){t.stopPropagation();const e=t.detail.value,i=t.detail.checked;if("single"===this.selectionMode)i?this.value=e:this.required\|\|(this.value="");else{let o=Array.isArray(this.value)?[...this.value]:[];if(i){if(this.maxSelections>0&&o.length>=this.maxSelections)return void(t.target.checked=!1);o.includes(e)\|\|o.push(e)}else o=o.filter((t=>t!==e));this.value=o}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}syncToggles(){const t=this.el.shadowRoot?.querySelectorAll("ui-switch");t?.forEach((t=>{if("single"===this.selectionMode)t.checked=t.value===this.value;else{const e=Array.isArray(this.value)?this.value:[];t.checked=e.includes(t.value)}}))}handleSearch=t=>{this.searchQuery=t.detail.toLowerCase();const e=this.getFilteredItems();this.toggleGroupSearch.emit({query:this.searchQuery,results:e})};getFilteredItems(){return this.searchQuery?this.items.filter((t=>t.label?.toLowerCase().includes(this.searchQuery)\|\|t.value?.toLowerCase().includes(this.searchQuery))):this.items}handleSelectAll=t=>{if("multiple"===this.selectionMode){if(t){const t=this.items.map((t=>t.value));this.value=this.maxSelections>0?t.slice(0,this.maxSelections):t}else this.value=[];this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}};toggleCollapse=()=>{this.isCollapsed=!this.isCollapsed,this.toggleGroupCollapse.emit({collapsed:this.isCollapsed})};onDragStart=t=>{this.isDraggable&&(this.draggedIndex=t)};onDragOver=(t,e)=>{this.isDraggable&&(t.preventDefault(),this.dragOverIndex=e)};onDrop=t=>{if(!this.isDraggable\|\|-1===this.draggedIndex)return;const e=[...this.items],i=e.splice(this.draggedIndex,1)[0];e.splice(t,0,i),this.items=e,this.toggleGroupReorder.emit({oldIndex:this.draggedIndex,newIndex:t,items:e}),this.draggedIndex=-1,this.dragOverIndex=-1};handleKeyDown=t=>{if(!this.keyboardNavigation)return;const e=this.getFilteredItems();"ArrowDown"===t.key\|\|"ArrowRight"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex+1)%e.length):"ArrowUp"===t.key\|\|"ArrowLeft"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex-1+e.length)%e.length):"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),-1===this.focusedIndex)\|\|this.toggleItemValue(e[this.focusedIndex].value)};toggleItemValue(t){if("single"===this.selectionMode)this.value=t;else{let e=Array.isArray(this.value)?[...this.value]:[];e.includes(t)?e=e.filter((e=>e!==t)):(0===this.maxSelections\|\|e.length<this.maxSelections)&&e.push(t),this.value=e}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}renderLabel(){return this.label?o("div",{class:"toggle-group-header"},o("label",{class:"toggle-group-label"},this.label,this.required&&o("span",{class:"required"},"*")),this.collapsible&&o("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,icon:this.isCollapsed?"chevron-down":"chevron-up",iconLibrary:"lucide",iconSize:"16px",onClick:this.toggleCollapse,ariaLabel:this.isCollapsed?"Expand":"Collapse"})):null}renderSearch(){return this.searchable?o("div",{class:"search-container"},o("ui-icon",{name:"search",library:"lucide",size:"14px",class:"search-icon"}),o("ui-input",{type:"text",placeholder:this.searchPlaceholder,onInputChange:this.handleSearch,value:this.searchQuery,size:"sm",fullWidth:!0})):null}renderControls(){return this.showSelectAll&&"multiple"===this.selectionMode?o("div",{class:"group-controls"},o("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!0),icon:"check-circle",iconLibrary:"lucide",iconSize:"14px",label:"Select All",ariaLabel:"Select All"}),o("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!1),icon:"x-circle",iconLibrary:"lucide",iconSize:"14px",label:"Deselect All",ariaLabel:"Deselect All"}),this.maxSelections>0&&o("span",{class:"max-badge"},"Max: ",this.maxSelections)):null}renderLoading(){return this.showSkeleton?o("div",{class:"skeleton-container"},Array.from({length:this.skeletonCount}).map((()=>o("div",{class:"skeleton-item"},o("div",{class:"skeleton-switch"}),o("div",{class:"skeleton-text"}))))):this.loading?o("div",{class:"loading-container"},o("ui-icon",{name:"refresh",spin:!0})," ",this.loadingText):null}render(){const t=t=>"single"===this.selectionMode?this.value===t:Array.isArray(this.value)&&this.value.includes(t),e=this.getFilteredItems();return o(r,{class:{"toggle-group-host":!0,"group-disabled":this.disabled,"group-invalid":this.invalid,"group-collapsed":this.isCollapsed,"group-compact":this.compact},onKeyDown:this.handleKeyDown},this.renderLabel(),this.renderSearch(),this.renderControls(),this.loading\|\|this.showSkeleton?this.renderLoading():!this.isCollapsed&&o("div",{class:{"toggle-list":!0,[`layout-${this.layout}`]:!0,"is-segmented":"segmented"===this.variant},style:"grid"===this.layout?{"grid-template-columns":`repeat(${this.columns}, 1fr)`}:{},ref:t=>this.listEl=t},"segmented"===this.variant&&o("div",{class:"segmented-indicator",style:{transform:`translate3d(${this.indicatorRect.left}px, ${this.indicatorRect.top}px, 0)`,width:`${this.indicatorRect.width}px`,height:`${this.indicatorRect.height}px`,opacity:`${this.indicatorRect.opacity}`,backgroundColor:`var(--toggle-group-${this.color})`}}),e.map(((e,i)=>o("div",{class:{"toggle-item-wrapper":!0,"is-dragging":this.draggedIndex===i,"is-drag-over":this.dragOverIndex===i,"is-focused":this.focusedIndex===i,"is-active":t(e.value)&&"segmented"===this.variant},"data-value":e.value,onClick:()=>this.toggleItemValue(e.value),draggable:this.isDraggable,onDragStart:()=>this.onDragStart(i),onDragOver:t=>this.onDragOver(t,i),onDrop:()=>this.onDrop(i)},this.isDraggable&&o("ui-icon",{name:"menu",class:"drag-handle"}),o("ui-switch",{value:e.value,label:e.label,"icon-on":e.icon,disabled:this.disabled\|\|e.disabled,checked:t(e.value),size:this.size,color:this.color,variant:this.variant,shape:this.shape,"label-position":this.labelPosition,"show-icons":this.showIcons,"enable-animation":this.enableAnimation,readonly:this.readonly}))))),this.invalid&&this.errorMessage&&o("div",{class:"error-message"},o("ui-icon",{name:"alert-circle",library:"lucide",size:"14px"}),this.errorMessage),this.helperText&&!this.invalid&&o("div",{class:"helper-text"},this.helperText))}static get formAssociated(){return!0}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--toggle-group-gap:16px;--toggle-group-border:var(--border-subtle, #e2e8f0);--toggle-group-text:var(--text-primary, #1e293b);--toggle-group-muted:var(--color-primary, #64748b);--toggle-group-primary:var(--color-primary-hover, #2563eb);--toggle-group-danger:var(--color-danger, #ef4444)}.toggle-group-host{display:flex;flex-direction:column}.toggle-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.toggle-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--toggle-group-text);display:flex;align-items:center}.toggle-group-label .required{color:var(--toggle-group-danger);margin-left:4px}.collapse-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--toggle-group-muted);transition:all 0.2s}.collapse-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-text)}.search-container{position:relative;margin-bottom:16px}.search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--toggle-group-muted)}.search-container .search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--toggle-group-border);border-radius:8px;font-size:14px;transition:all 0.2s;outline:none}.search-container .search-input:focus{border-color:var(--toggle-group-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.group-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px}.group-controls .control-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-primary, #ffffff);border:1px solid var(--toggle-group-border);border-radius:6px;font-size:13px;font-weight:600;color:var(--toggle-group-muted);cursor:pointer;transition:all 0.2s}.group-controls .control-btn ui-icon{color:var(--toggle-group-muted)}.group-controls .control-btn:hover{background:var(--bg-primary, #f8fafc);border-color:var(--color-primary, #cbd5e1);transform:translateY(-1px);color:var(--toggle-group-text)}.max-badge{font-size:11px;background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-muted);padding:2px 8px;border-radius:9999px;font-weight:600}.group-compact{gap:8px}.group-compact .toggle-list{gap:8px}.group-compact .layout-vertical{gap:4px}.group-compact .toggle-group-header{margin-bottom:4px}.toggle-list{display:flex;gap:var(--toggle-group-gap)}.toggle-list.layout-horizontal{flex-direction:row;flex-wrap:wrap}.toggle-list.layout-vertical{flex-direction:column;gap:8px}.toggle-list.layout-grid{display:grid;gap:16px}.toggle-list{}.toggle-list.is-segmented{position:relative;background:var(--bg-secondary, #f1f5f9);padding:6px;border-radius:16px;display:inline-flex;width:fit-content;gap:0;border:none;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}.toggle-list.is-segmented .toggle-item-wrapper{position:relative;z-index:2;padding:10px 24px;border-radius:12px;background:transparent !important;border:none !important;box-shadow:none !important;transform:none !important;flex:1;justify-content:center;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);min-width:120px;font-weight:700}.toggle-list.is-segmented .toggle-item-wrapper ui-switch{transition:color 0.3s ease;--switch-track-bg:transparent;--switch-thumb-bg:transparent;--switch-glow:none;pointer-events:none;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(track){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(thumb){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(container){margin:0;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(label){margin:0;width:100%;text-align:center;justify-content:center;align-items:center}.toggle-list.is-segmented .toggle-item-wrapper.is-active ui-switch::part(label){color:#ffffff !important;font-weight:700;text-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}.toggle-list.is-segmented .toggle-item-wrapper:hover:not(.is-active){background:rgba(0, 0, 0, 0.03) !important}.toggle-list.is-segmented .segmented-indicator{position:absolute;top:6px;left:6px;bottom:6px;border-radius:12px;transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), width 0.4s ease, background-color 0.4s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);z-index:1}.toggle-item-wrapper{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:12px;border:1px solid transparent;transition:background-color 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease, border-color 0.2s ease;cursor:pointer}.toggle-item-wrapper:hover{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.03);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05)}.toggle-item-wrapper:active{transform:scale(0.96);background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.06)}.toggle-item-wrapper:focus-within{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05);border-color:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.4);box-shadow:0 0 0 3px rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.15)}.toggle-item-wrapper.is-dragging{opacity:0.5;transform:scale(0.98);background:var(--bg-secondary, #f1f5f9);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.toggle-item-wrapper.is-drag-over{border-top:2px solid var(--toggle-group-primary);padding-top:2px}.toggle-item-wrapper.is-focused{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05)}.drag-handle{cursor:grab;color:var(--toggle-group-muted);opacity:0.4}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.error-message{margin-top:8px;font-size:13px;color:var(--toggle-group-danger);display:flex;align-items:center;gap:6px}.helper-text{margin-top:8px;font-size:13px;color:var(--toggle-group-muted)}.skeleton-container{display:flex;flex-direction:inherit;gap:16px}.skeleton-item{display:flex;align-items:center;gap:12px}.skeleton-item .skeleton-switch{width:44px;height:24px;border-radius:12px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item .skeleton-text{width:120px;height:16px;border-radius:4px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.group-disabled{opacity:0.5;pointer-events:none}.group-collapsed .toggle-list{display:none}'}},[577,"ui-toggle-group",{value:[1537],name:[1],disabled:[4],readonly:[4],required:[4],invalid:[4],label:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],layout:[1],columns:[2],selectionMode:[1,"selection-mode"],size:[1],color:[1],variant:[1],shape:[1],options:[1],labelPosition:[1,"label-position"],showIcons:[4,"show-icons"],enableAnimation:[4,"enable-animation"],keyboardNavigation:[4,"keyboard-navigation"],showSelectAll:[4,"show-select-all"],searchable:[4],searchPlaceholder:[1,"search-placeholder"],isDraggable:[4,"is-draggable"],collapsible:[4],collapsed:[4],loading:[4],loadingText:[1,"loading-text"],maxSelections:[2,"max-selections"],showSkeleton:[4,"show-skeleton"],skeletonCount:[2,"skeleton-count"],compact:[4],items:[32],searchQuery:[32],focusedIndex:[32],isCollapsed:[32],draggedIndex:[32],dragOverIndex:[32],indicatorRect:[32],updateIndicator:[64]},[[0,"switchChange","handleSwitchChange"]],{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}]}]);function c(){"undefined"!=typeof customElements&&["ui-toggle-group","ui-badge","ui-button","ui-icon","ui-input","ui-switch"].forEach((t=>{switch(t){case"ui-toggle-group":customElements.get(s(t))\|\|customElements.define(s(t),h);break;case"ui-badge":customElements.get(s(t))\|\|n();break;case"ui-button":customElements.get(s(t))\|\|a();break;case"ui-icon":customElements.get(s(t))\|\|l();break;case"ui-input":customElements.get(s(t))\|\|g();break;case"ui-switch":customElements.get(s(t))\|\|p()}}))}export{h as U,c as d}
1	+ import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";import{d as a}from"./badge.js";import{d as n}from"./button.js";import{d as l}from"./icon.js";import{d as g}from"./input.js";import{d as p}from"./loader.js";import{d as h}from"./switch.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggleGroupChange=i(this,"toggleGroupChange",7),this.toggleGroupSearch=i(this,"toggleGroupSearch",7),this.toggleGroupReorder=i(this,"toggleGroupReorder",7),this.toggleGroupCollapse=i(this,"toggleGroupCollapse",7)}get el(){return this}value=[];name="";disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";layout="horizontal";columns=3;selectionMode="single";size="md";color="primary";variant="solid";shape="default";options=[];labelPosition="right";showIcons=!1;enableAnimation=!0;keyboardNavigation=!0;showSelectAll=!1;searchable=!1;searchPlaceholder="Search toggles...";isDraggable=!1;collapsible=!1;collapsed=!1;loading=!1;loadingText="Loading options...";maxSelections=0;showSkeleton=!1;skeletonCount=3;compact=!1;items=[];searchQuery="";focusedIndex=-1;isCollapsed=!1;draggedIndex=-1;dragOverIndex=-1;indicatorRect={left:0,top:0,width:0,height:0,opacity:0};listEl;resizeObserver;internals;toggleGroupChange;toggleGroupSearch;toggleGroupReorder;toggleGroupCollapse;handleOptionsChange(){this.parseOptions()}handleValueChange(){this.syncToggles(),this.updateIndicator()}componentWillLoad(){"function"==typeof this.el.attachInternals&&(this.internals=this.el.attachInternals()),this.parseOptions(),this.isCollapsed=this.collapsed,"multiple"!==this.selectionMode\|\|Array.isArray(this.value)\|\|(this.value=this.value?[this.value]:[]),this.updateFormValue()}updateFormValue(){if(this.internals){const t=Array.isArray(this.value)?this.value.join(","):this.value;this.internals.setFormValue(t)}}componentDidRender(){this.updateIndicator(),!this.resizeObserver&&this.el&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateIndicator())),this.resizeObserver.observe(this.el))}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0)}async updateIndicator(){"segmented"===this.variant&&this.listEl&&"multiple"!==this.selectionMode?requestAnimationFrame((()=>{const t=this.value;if(!t)return void(this.indicatorRect={...this.indicatorRect,opacity:0});const e=this.listEl?.querySelector(`.toggle-item-wrapper[data-value="${t}"]`);this.indicatorRect=e?{left:e.offsetLeft,top:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight,opacity:1}:{...this.indicatorRect,opacity:0}})):0!==this.indicatorRect.opacity&&(this.indicatorRect={...this.indicatorRect,opacity:0})}parseOptions(){if("string"==typeof this.options)try{this.items=JSON.parse(this.options)}catch(t){console.error("Invalid options JSON in ui-toggle-group"),this.items=[]}else this.items=[...this.options\|\|[]]}handleSwitchChange(t){t.stopPropagation();const e=t.detail.value,i=t.detail.checked;if("single"===this.selectionMode)i?this.value=e:this.required\|\|(this.value="");else{let o=Array.isArray(this.value)?[...this.value]:[];if(i){if(this.maxSelections>0&&o.length>=this.maxSelections)return void(t.target.checked=!1);o.includes(e)\|\|o.push(e)}else o=o.filter((t=>t!==e));this.value=o}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}syncToggles(){const t=this.el.shadowRoot?.querySelectorAll("ui-switch");t?.forEach((t=>{if("single"===this.selectionMode)t.checked=t.value===this.value;else{const e=Array.isArray(this.value)?this.value:[];t.checked=e.includes(t.value)}}))}handleSearch=t=>{this.searchQuery=t.detail.toLowerCase();const e=this.getFilteredItems();this.toggleGroupSearch.emit({query:this.searchQuery,results:e})};getFilteredItems(){return this.searchQuery?this.items.filter((t=>t.label?.toLowerCase().includes(this.searchQuery)\|\|t.value?.toLowerCase().includes(this.searchQuery))):this.items}handleSelectAll=t=>{if("multiple"===this.selectionMode){if(t){const t=this.items.map((t=>t.value));this.value=this.maxSelections>0?t.slice(0,this.maxSelections):t}else this.value=[];this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}};toggleCollapse=()=>{this.isCollapsed=!this.isCollapsed,this.toggleGroupCollapse.emit({collapsed:this.isCollapsed})};onDragStart=t=>{this.isDraggable&&(this.draggedIndex=t)};onDragOver=(t,e)=>{this.isDraggable&&(t.preventDefault(),this.dragOverIndex=e)};onDrop=t=>{if(!this.isDraggable\|\|-1===this.draggedIndex)return;const e=[...this.items],i=e.splice(this.draggedIndex,1)[0];e.splice(t,0,i),this.items=e,this.toggleGroupReorder.emit({oldIndex:this.draggedIndex,newIndex:t,items:e}),this.draggedIndex=-1,this.dragOverIndex=-1};handleKeyDown=t=>{if(!this.keyboardNavigation)return;const e=this.getFilteredItems();"ArrowDown"===t.key\|\|"ArrowRight"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex+1)%e.length):"ArrowUp"===t.key\|\|"ArrowLeft"===t.key?(t.preventDefault(),this.focusedIndex=(this.focusedIndex-1+e.length)%e.length):"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),-1===this.focusedIndex)\|\|this.toggleItemValue(e[this.focusedIndex].value)};toggleItemValue(t){if("single"===this.selectionMode)this.value=t;else{let e=Array.isArray(this.value)?[...this.value]:[];e.includes(t)?e=e.filter((e=>e!==t)):(0===this.maxSelections\|\|e.length<this.maxSelections)&&e.push(t),this.value=e}this.toggleGroupChange.emit({value:this.value}),this.syncToggles(),this.updateFormValue()}renderLabel(){return this.label?o("div",{class:"toggle-group-header"},o("label",{class:"toggle-group-label"},this.label,this.required&&o("span",{class:"required"},"*")),this.collapsible&&o("ui-button",{variant:"ghost",size:"xxs",iconOnly:!0,icon:this.isCollapsed?"chevron-down":"chevron-up",iconLibrary:"lucide",iconSize:"16px",onClick:this.toggleCollapse,ariaLabel:this.isCollapsed?"Expand":"Collapse"})):null}renderSearch(){return this.searchable?o("div",{class:"search-container"},o("ui-icon",{name:"search",library:"lucide",size:"14px",class:"search-icon"}),o("ui-input",{type:"text",placeholder:this.searchPlaceholder,onInputChange:this.handleSearch,value:this.searchQuery,size:"sm",fullWidth:!0})):null}renderControls(){return this.showSelectAll&&"multiple"===this.selectionMode?o("div",{class:"group-controls"},o("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!0),icon:"check-circle",iconLibrary:"lucide",iconSize:"14px",label:"Select All",ariaLabel:"Select All"}),o("ui-button",{variant:"ghost",size:"sm",onClick:()=>this.handleSelectAll(!1),icon:"x-circle",iconLibrary:"lucide",iconSize:"14px",label:"Deselect All",ariaLabel:"Deselect All"}),this.maxSelections>0&&o("span",{class:"max-badge"},"Max: ",this.maxSelections)):null}renderLoading(){return this.showSkeleton?o("div",{class:"skeleton-container"},Array.from({length:this.skeletonCount}).map((()=>o("div",{class:"skeleton-item"},o("div",{class:"skeleton-switch"}),o("div",{class:"skeleton-text"}))))):this.loading?o("div",{class:"loading-container"},o("ui-icon",{name:"refresh",spin:!0})," ",this.loadingText):null}render(){const t=t=>"single"===this.selectionMode?this.value===t:Array.isArray(this.value)&&this.value.includes(t),e=this.getFilteredItems();return o(r,{class:{"toggle-group-host":!0,"group-disabled":this.disabled,"group-invalid":this.invalid,"group-collapsed":this.isCollapsed,"group-compact":this.compact},onKeyDown:this.handleKeyDown},this.renderLabel(),this.renderSearch(),this.renderControls(),this.loading\|\|this.showSkeleton?this.renderLoading():!this.isCollapsed&&o("div",{class:{"toggle-list":!0,[`layout-${this.layout}`]:!0,"is-segmented":"segmented"===this.variant,"is-multiple":"multiple"===this.selectionMode},style:{..."grid"===this.layout?{"grid-template-columns":`repeat(${this.columns}, 1fr)`}:{},"--active-bg":`var(--toggle-group-${this.color})`},ref:t=>this.listEl=t},"segmented"===this.variant&&o("div",{class:"segmented-indicator",style:{transform:`translate3d(${this.indicatorRect.left}px, ${this.indicatorRect.top}px, 0)`,width:`${this.indicatorRect.width}px`,height:`${this.indicatorRect.height}px`,opacity:`${this.indicatorRect.opacity}`,backgroundColor:`var(--toggle-group-${this.color})`}}),e.map(((e,i)=>o("div",{class:{"toggle-item-wrapper":!0,"is-dragging":this.draggedIndex===i,"is-drag-over":this.dragOverIndex===i,"is-focused":this.focusedIndex===i,"is-active":t(e.value)&&"segmented"===this.variant},"data-value":e.value,onClick:()=>this.toggleItemValue(e.value),draggable:this.isDraggable,onDragStart:()=>this.onDragStart(i),onDragOver:t=>this.onDragOver(t,i),onDrop:()=>this.onDrop(i)},this.isDraggable&&o("ui-icon",{name:"menu",class:"drag-handle"}),o("ui-switch",{value:e.value,label:e.label,"icon-on":e.icon,disabled:this.disabled\|\|e.disabled,checked:t(e.value),size:this.size,color:this.color,variant:this.variant,shape:this.shape,"label-position":this.labelPosition,"show-icons":this.showIcons,"enable-animation":this.enableAnimation,readonly:this.readonly}))))),this.invalid&&this.errorMessage&&o("div",{class:"error-message"},o("ui-icon",{name:"alert-circle",library:"lucide",size:"14px"}),this.errorMessage),this.helperText&&!this.invalid&&o("div",{class:"helper-text"},this.helperText))}static get formAssociated(){return!0}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--toggle-group-gap:16px;--toggle-group-border:var(--border-subtle, #e2e8f0);--toggle-group-text:var(--text-primary, #1e293b);--toggle-group-muted:var(--color-primary, #64748b);--toggle-group-primary:var(--color-primary-hover, #2563eb);--toggle-group-danger:var(--color-danger, #ef4444)}.toggle-group-host{display:flex;flex-direction:column}.toggle-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.toggle-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--toggle-group-text);display:flex;align-items:center}.toggle-group-label .required{color:var(--toggle-group-danger);margin-left:4px}.collapse-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--toggle-group-muted);transition:all 0.2s}.collapse-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-text)}.search-container{position:relative;margin-bottom:16px}.search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--toggle-group-muted)}.search-container .search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--toggle-group-border);border-radius:8px;font-size:14px;transition:all 0.2s;outline:none}.search-container .search-input:focus{border-color:var(--toggle-group-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.group-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px}.group-controls .control-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-primary, #ffffff);border:1px solid var(--toggle-group-border);border-radius:6px;font-size:13px;font-weight:600;color:var(--toggle-group-muted);cursor:pointer;transition:all 0.2s}.group-controls .control-btn ui-icon{color:var(--toggle-group-muted)}.group-controls .control-btn:hover{background:var(--bg-primary, #f8fafc);border-color:var(--color-primary, #cbd5e1);transform:translateY(-1px);color:var(--toggle-group-text)}.max-badge{font-size:11px;background:var(--bg-secondary, #f1f5f9);color:var(--toggle-group-muted);padding:2px 8px;border-radius:9999px;font-weight:600}.group-compact{gap:8px}.group-compact .toggle-list{gap:8px}.group-compact .layout-vertical{gap:4px}.group-compact .toggle-group-header{margin-bottom:4px}.toggle-list{display:flex;gap:var(--toggle-group-gap)}.toggle-list.layout-horizontal{flex-direction:row;flex-wrap:wrap}.toggle-list.layout-vertical{flex-direction:column;gap:8px}.toggle-list.layout-grid{display:grid;gap:16px}.toggle-list{}.toggle-list.is-segmented{position:relative;background:var(--bg-secondary, #f1f5f9);padding:6px;border-radius:16px;display:inline-flex;width:fit-content;gap:0;border:none;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}.toggle-list.is-segmented .toggle-item-wrapper{position:relative;z-index:2;padding:10px 24px;border-radius:12px;background:transparent !important;border:none !important;box-shadow:none !important;transform:none !important;flex:1;justify-content:center;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);min-width:120px;font-weight:700}.toggle-list.is-segmented .toggle-item-wrapper ui-switch{transition:color 0.3s ease;--switch-track-bg:transparent;--switch-thumb-bg:transparent;--switch-glow:none;pointer-events:none;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(track){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(thumb){opacity:0;visibility:hidden;display:none}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(container){margin:0;width:100%;display:flex;justify-content:center}.toggle-list.is-segmented .toggle-item-wrapper ui-switch::part(label){margin:0;width:100%;text-align:center;justify-content:center;align-items:center}.toggle-list.is-segmented .toggle-item-wrapper.is-active ui-switch::part(label){color:#ffffff !important;font-weight:700;text-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}.toggle-list.is-segmented .toggle-item-wrapper:hover:not(.is-active){background:rgba(0, 0, 0, 0.03) !important}.toggle-list.is-segmented .segmented-indicator{position:absolute;top:0px;left:0px;bottom:6px;border-radius:12px;transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), width 0.4s ease, background-color 0.4s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12)}.toggle-list.is-segmented.is-multiple .toggle-item-wrapper.is-active{background:var(--active-bg, var(--toggle-group-primary)) !important;border-radius:12px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12)}.toggle-item-wrapper{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:12px;border:1px solid transparent;transition:background-color 0.2s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease, border-color 0.2s ease;cursor:pointer}.toggle-item-wrapper:hover{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.03);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05)}.toggle-item-wrapper:active{transform:scale(0.96);background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.06)}.toggle-item-wrapper:focus-within{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05);border-color:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.4);box-shadow:0 0 0 3px rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.15)}.toggle-item-wrapper.is-dragging{opacity:0.5;transform:scale(0.98);background:var(--bg-secondary, #f1f5f9);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.toggle-item-wrapper.is-drag-over{border-top:2px solid var(--toggle-group-primary);padding-top:2px}.toggle-item-wrapper.is-focused{background:rgba(var(--toggle-group-primary-rgb, 37, 99, 235), 0.05)}.drag-handle{cursor:grab;color:var(--toggle-group-muted);opacity:0.4}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.error-message{margin-top:8px;font-size:13px;color:var(--toggle-group-danger);display:flex;align-items:center;gap:6px}.helper-text{margin-top:8px;font-size:13px;color:var(--toggle-group-muted)}.skeleton-container{display:flex;flex-direction:inherit;gap:16px}.skeleton-item{display:flex;align-items:center;gap:12px}.skeleton-item .skeleton-switch{width:44px;height:24px;border-radius:12px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item .skeleton-text{width:120px;height:16px;border-radius:4px;background:var(--bg-secondary, #f1f5f9)}.skeleton-item{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.group-disabled{opacity:0.5;pointer-events:none}.group-collapsed .toggle-list{display:none}'}},[577,"ui-toggle-group",{value:[1537],name:[1],disabled:[4],readonly:[4],required:[4],invalid:[4],label:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],layout:[1],columns:[2],selectionMode:[1,"selection-mode"],size:[1],color:[1],variant:[1],shape:[1],options:[1],labelPosition:[1,"label-position"],showIcons:[4,"show-icons"],enableAnimation:[4,"enable-animation"],keyboardNavigation:[4,"keyboard-navigation"],showSelectAll:[4,"show-select-all"],searchable:[4],searchPlaceholder:[1,"search-placeholder"],isDraggable:[4,"is-draggable"],collapsible:[4],collapsed:[4],loading:[4],loadingText:[1,"loading-text"],maxSelections:[2,"max-selections"],showSkeleton:[4,"show-skeleton"],skeletonCount:[2,"skeleton-count"],compact:[4],items:[32],searchQuery:[32],focusedIndex:[32],isCollapsed:[32],draggedIndex:[32],dragOverIndex:[32],indicatorRect:[32],updateIndicator:[64]},[[0,"switchChange","handleSwitchChange"]],{options:[{handleOptionsChange:0}],value:[{handleValueChange:0}]}]);function d(){"undefined"!=typeof customElements&&["ui-toggle-group","ui-badge","ui-button","ui-icon","ui-input","ui-loader","ui-switch"].forEach((t=>{switch(t){case"ui-toggle-group":customElements.get(s(t))\|\|customElements.define(s(t),c);break;case"ui-badge":customElements.get(s(t))\|\|a();break;case"ui-button":customElements.get(s(t))\|\|n();break;case"ui-icon":customElements.get(s(t))\|\|l();break;case"ui-input":customElements.get(s(t))\|\|g();break;case"ui-loader":customElements.get(s(t))\|\|p();break;case"ui-switch":customElements.get(s(t))\|\|h()}}))}export{c as U,d}