atomicuilibrary 0.0.1 → 0.1.0

package/dist/esm/ui-progress.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-DUsoYu9r.js';
 
-const progressCss = () => `.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}:host *{box-sizing:border-box}.progress{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:14px;height:100%;width:100%;border-radius:inherit;display:flex;flex-direction:column}.progress-line-wrapper{display:flex;align-items:center;gap:12px}.progress-line-wrapper.progress-orient-vertical{flex-direction:column;height:100%;width:100%}.progress-line-wrapper.progress-orient-vertical .progress-text{text-align:center;min-width:unset;font-size:11px;font-weight:700;letter-spacing:0.05em;margin-top:8px;margin-left:0}.progress-line-trail{position:relative;overflow:hidden;transition:all 0.3s ease}.progress-line-trail:hover{opacity:0.9}.progress-line-bar{position:absolute;top:0;left:0;transition:width 0.5s cubic-bezier(0.4, 0, 0.2, 1), height 0.5s cubic-bezier(0.4, 0, 0.2, 1);border-radius:inherit;display:flex;align-items:center;justify-content:center;white-space:nowrap}.progress-text-inside{position:relative;z-index:2;font-weight:700;padding:0 8px;display:flex;align-items:center;justify-content:center}.progress-success-bar{position:absolute;top:0;right:0;border-radius:inherit}.progress-active .progress-line-bar::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:var(--bg-primary, #ffffff);opacity:0;animation:progress-active 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;border-radius:inherit}@keyframes progress-active{0%{opacity:0.1;width:0}20%{opacity:0.5;width:0}100%{opacity:0;width:100%}}.progress-indeterminate.progress-line .progress-line-bar{width:100%}.progress-indeterminate.progress-line .progress-line-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:50%;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:progress-line-indeterminate 1.5s infinite linear}@keyframes progress-line-indeterminate{0%{left:-100%}100%{left:100%}}.progress-steps-wrapper{display:flex;align-items:center;gap:12px}.progress-steps-container{display:flex;gap:4px;flex:1}.progress-step{border-radius:4px;transition:background 0.3s ease}.progress-circle-wrapper{position:relative;display:inline-block}.progress-indeterminate.progress-circle .progress-circle-wrapper,.progress-indeterminate.progress-dashboard .progress-circle-wrapper{animation:progress-circle-rotate 2s infinite linear}.progress-circle-path{transition:stroke-dashoffset 0.5s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes progress-circle-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:24px;font-weight:600;color:rgba(0, 0, 0, 0.85)}.progress-sm .progress-circle-text{font-size:16px}.progress-text{font-size:14px;color:rgba(0, 0, 0, 0.65);white-space:nowrap;min-width:32px;text-align:right;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.progress-text ui-icon{font-size:16px;vertical-align:middle}.progress-circle .progress-text{text-align:center}.progress-text i{font-size:16px;vertical-align:middle;margin-right:4px}.progress-success .progress-text i{color:var(--color-success, #52c41a)}.progress-text-warning i{color:var(--color-danger, #faad14)}.progress-text-exception i,.progress-exception .progress-text i,.progress-danger .progress-text i{color:var(--color-danger, #ff4d4f)}.progress-success .progress-line-bar{background:var(--color-success, #52c41a)}.progress-warning .progress-line-bar{background:var(--color-danger, #faad14)}.progress-exception .progress-line-bar,.progress-danger .progress-line-bar{background:var(--color-danger, #ff4d4f)}.progress-success .progress-circle-path{stroke:var(--color-success, #52c41a)}.progress-warning .progress-circle-path{stroke:var(--color-danger, #faad14)}.progress-exception .progress-circle-path,.progress-danger .progress-circle-path{stroke:var(--color-danger, #ff4d4f)}.progress-sm.progress-circle .progress-circle-wrapper{width:80px;height:80px}.progress-default.progress-circle .progress-circle-wrapper{width:120px;height:120px}.progress-liquid{overflow:hidden}.progress-liquid.progress-line-bar::after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cpath fill='var(--bg-primary, #ffffff)' opacity='0.2' d='M0 15 Q25 10 50 15 T100 15 V20 H0 Z'/%3E%3C/svg%3E");background-size:50% 100%;animation:wave-move 2s infinite linear}.progress-liquid.progress-circle-path{filter:url(#liquid-filter);stroke-dasharray:20 2 !important;animation:circular-liquid 2s infinite linear}@keyframes circular-liquid{0%{stroke-dashoffset:0}100%{stroke-dashoffset:44}}@keyframes wave-move{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.progress-glass .progress-line-trail{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05)}.progress-glass .progress-circle-wrapper path:first-child{stroke:rgba(255, 255, 255, 0.2) !important;filter:blur(1px)}.progress-glow.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px currentColor)}.progress-glow.progress-circle .progress-circle-path,.progress-glow.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px currentColor)}.progress-success.progress-glow .progress-line-bar{filter:drop-shadow(0 0 8px var(--color-success, #52c41a))}.progress-exception.progress-glow .progress-line-bar{filter:drop-shadow(0 0 8px var(--color-danger, #ff4d4f))}.progress-active.progress-glow .progress-line-bar{filter:drop-shadow(0 0 8px var(--color-primary, #1890ff))}.progress-industrial{mask-size:16px 100%;mask-image:linear-gradient(to right, var(--text-primary, #000) 70%, transparent 70%)}.progress-orient-vertical .progress-industrial{mask-size:100% 16px;mask-image:linear-gradient(to top, var(--text-primary, #000) 70%, transparent 70%)}.progress-industrial{box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.4), inset 0 -1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.1)}.progress-vibrate{animation:thermal-vibration 0.15s infinite}@keyframes thermal-vibration{0%{transform:translateY(0)}25%{transform:translateY(-1px) translateX(1px)}50%{transform:translateY(1px) translateX(-1px)}75%{transform:translateY(-1px)}100%{transform:translateY(0)}}.progress-peak-marker{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--color-primary, #1890ff);box-shadow:0 0 8px var(--color-primary, #1890ff);transition:left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:10;pointer-events:none}.progress-peak-marker::after{content:"";position:absolute;top:-4px;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-primary, #1890ff)}.progress-vitality-pulse{position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);width:50%;animation:vitality-wave 3s infinite ease-in-out;pointer-events:none;z-index:5}.progress-orient-vertical .progress-vitality-pulse{width:100%;height:50%;background:linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.2), transparent);animation:vitality-wave-vertical 3s infinite ease-in-out}@keyframes vitality-wave{0%{transform:translateX(-100%) skewX(-20deg)}50%{opacity:0.5}100%{transform:translateX(200%) skewX(-20deg)}}@keyframes vitality-wave-vertical{0%{transform:translateY(100%) skewY(-20deg)}50%{opacity:0.5}100%{transform:translateY(-200%) skewY(-20deg)}}.progress-tick{position:absolute;background:rgba(0, 0, 0, 0.1);pointer-events:none;z-index:1}.progress-orient-horizontal .progress-tick{top:0;bottom:0;width:1px}.progress-orient-vertical .progress-tick{left:0;right:0;height:1px}.milestone-marker{position:absolute;top:50%;transform:translate(-50%, -50%);z-index:15;cursor:help;display:flex;align-items:center;justify-content:center}.progress-orient-vertical .milestone-marker{left:50%;transform:translate(-50%, 50%)}.milestone-marker ui-icon{font-size:14px;color:var(--text-primary, #1a202c);background:var(--bg-primary, #ffffff);border-radius:50%;padding:2px;box-shadow:0 0 6px rgba(0, 0, 0, 0.1)}.milestone-dot{width:8px;height:8px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #1890ff);border-radius:50%;box-shadow:0 0 4px rgba(0, 0, 0, 0.15)}.multi-progress-container{border-top:1px solid var(--border-subtle, #edf2f7);padding-top:16px;margin-top:20px}.multi-progress-item{transition:all 0.2s ease}.multi-progress-item:hover{transform:translateX(4px)}.multi-progress-bar-wrap{position:relative;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.05)}.multi-progress-label{letter-spacing:0.025em;text-transform:uppercase}.time-estimate{font-size:11px;color:var(--color-primary, #718096);font-weight:600;margin-top:8px;display:block}.pause-button{display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #f7fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:50%;width:24px;height:24px;cursor:pointer;color:var(--color-primary, #4a5568);transition:all 0.2s ease;margin-top:8px}.pause-button:hover{background:var(--bg-primary, #edf2f7);color:var(--color-primary, #2d3748);transform:scale(1.1)}.pause-button ui-icon{font-size:10px}.progress-skeleton .progress-line-trail{background:var(--bg-primary, #e2e8f0) !important;position:relative;overflow:hidden}.progress-skeleton .progress-line-trail::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);animation:progress-shimmer 1.5s infinite}.progress-skeleton .progress-line-bar{display:none !important}@keyframes progress-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (forced-colors: active){.progress-line-trail{border:1px solid CanvasText}.progress-line-bar{background:Highlight}.progress-peak-marker{background:Mark;box-shadow:none}.progress-tick{background:CanvasText;opacity:0.3}}`;
+const progressCss = () => `.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}:host *{box-sizing:border-box}.progress{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:14px;height:100%;width:100%;border-radius:inherit;display:flex;flex-direction:column}.progress-line-wrapper{display:flex;align-items:center;gap:12px}.progress-line-wrapper.progress-status-bar--top{flex-direction:column;align-items:stretch;gap:4px}.progress-line-wrapper.progress-status-bar--top .progress-line-trail{flex:none}.progress-line-wrapper.progress-orient-vertical{flex-direction:column;height:100%;width:100%}.progress-line-wrapper.progress-orient-vertical .progress-text{text-align:center;min-width:unset;font-size:11px;font-weight:700;letter-spacing:0.05em;margin-top:8px;margin-left:0}.progress-line-trail{position:relative;overflow:hidden;transition:all 0.3s ease}.progress-line-trail:hover{opacity:0.9}.progress-line-bar{position:absolute;top:0;left:0;transition:width 0.5s cubic-bezier(0.4, 0, 0.2, 1), height 0.5s cubic-bezier(0.4, 0, 0.2, 1);border-radius:inherit;display:flex;align-items:center;justify-content:center;white-space:nowrap}.progress-text-inside{position:relative;z-index:2;font-weight:700;padding:0 8px;display:flex;align-items:center;justify-content:center}.progress-success-bar{position:absolute;top:0;right:0;border-radius:inherit}.progress-active .progress-line-bar::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:var(--bg-primary, #ffffff);opacity:0;animation:progress-active 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;border-radius:inherit}@keyframes progress-active{0%{opacity:0.1;width:0}20%{opacity:0.5;width:0}100%{opacity:0;width:100%}}.progress-indeterminate.progress-line .progress-line-bar{width:100%}.progress-indeterminate.progress-line .progress-line-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:50%;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:progress-line-indeterminate 1.5s infinite linear}@keyframes progress-line-indeterminate{0%{left:-100%}100%{left:100%}}.progress-steps-wrapper{display:flex;align-items:center;gap:12px}.progress-steps-container{display:flex;gap:4px;flex:1}.progress-step{border-radius:4px;transition:background 0.3s ease}.progress-circle-wrapper{position:relative;display:inline-block}.progress-indeterminate.progress-circle .progress-circle-wrapper,.progress-indeterminate.progress-dashboard .progress-circle-wrapper{animation:progress-circle-rotate 2s infinite linear}.progress-circle-path{transition:stroke-dashoffset 0.5s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes progress-circle-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:24px;font-weight:600;color:rgba(0, 0, 0, 0.85)}.progress-sm .progress-circle-text{font-size:16px}.progress-text{font-size:14px;color:rgba(0, 0, 0, 0.65);white-space:nowrap;min-width:32px;text-align:right;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.progress-text ui-icon{font-size:16px;vertical-align:middle}.progress-circle .progress-text{text-align:center}.progress-text i{font-size:16px;vertical-align:middle;margin-right:4px}.progress-success .progress-text i,.progress-completed .progress-text i{color:var(--color-success, #52c41a)}.progress-text-warning i{color:var(--color-danger, #faad14)}.progress-text-exception i,.progress-exception .progress-text i,.progress-danger .progress-text i,.progress-interrupted .progress-text i{color:var(--color-danger, #ff4d4f)}.progress-text-empty{color:var(--color-neutral, #8c8c8c) !important}.progress-text-empty i,.progress-text-empty ui-icon{color:var(--color-neutral, #8c8c8c) !important}.progress-text-running{color:var(--color-primary, #1890ff) !important}.progress-text-running i,.progress-text-running ui-icon{color:var(--color-primary, #1890ff) !important}.progress-text-success{color:var(--color-success, #52c41a) !important}.progress-text-success i,.progress-text-success ui-icon{color:var(--color-success, #52c41a) !important}.progress-text-exception{color:var(--color-danger, #ff4d4f) !important}.progress-text-exception i,.progress-text-exception ui-icon{color:var(--color-danger, #ff4d4f) !important}.progress-success .progress-line-bar,.progress-completed .progress-line-bar{background:var(--color-success, #52c41a)}.progress-warning .progress-line-bar{background:var(--color-danger, #faad14)}.progress-exception .progress-line-bar,.progress-danger .progress-line-bar,.progress-interrupted .progress-line-bar{background:var(--color-danger, #ff4d4f)}.progress-empty .progress-line-bar{background:var(--color-neutral, #d9d9d9)}.progress-running .progress-line-bar{background:var(--color-primary, #1890ff)}.progress-success .progress-circle-path,.progress-completed .progress-circle-path{stroke:var(--color-success, #52c41a)}.progress-warning .progress-circle-path{stroke:var(--color-danger, #faad14)}.progress-exception .progress-circle-path,.progress-danger .progress-circle-path,.progress-interrupted .progress-circle-path{stroke:var(--color-danger, #ff4d4f)}.progress-empty .progress-circle-path{stroke:var(--color-neutral, #d9d9d9)}.progress-running .progress-circle-path{stroke:var(--color-primary, #1890ff)}.progress-sm.progress-circle .progress-circle-wrapper{width:80px;height:80px}.progress-default.progress-circle .progress-circle-wrapper{width:120px;height:120px}.progress-liquid{overflow:hidden}.progress-liquid.progress-line-bar::after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cpath fill='var(--bg-primary, #ffffff)' opacity='0.2' d='M0 15 Q25 10 50 15 T100 15 V20 H0 Z'/%3E%3C/svg%3E");background-size:50% 100%;animation:wave-move 2s infinite linear}.progress-liquid.progress-circle-path{filter:url(#liquid-filter);stroke-dasharray:20 2 !important;animation:circular-liquid 2s infinite linear}@keyframes circular-liquid{0%{stroke-dashoffset:0}100%{stroke-dashoffset:44}}@keyframes wave-move{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.progress-glass .progress-line-trail{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05)}.progress-glass .progress-circle-wrapper path:first-child{stroke:rgba(255, 255, 255, 0.2) !important;filter:blur(1px)}.progress-glow.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px currentColor)}.progress-glow.progress-circle .progress-circle-path,.progress-glow.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px currentColor)}.progress-glow.progress-success.progress-line .progress-line-bar,.progress-glow.progress-completed.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px rgba(82, 196, 26, 0.45)) !important}.progress-glow.progress-success.progress-circle .progress-circle-path,.progress-glow.progress-success.progress-dashboard .progress-circle-path,.progress-glow.progress-completed.progress-circle .progress-circle-path,.progress-glow.progress-completed.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px rgba(82, 196, 26, 0.45)) !important}.progress-glow.progress-exception.progress-line .progress-line-bar,.progress-glow.progress-danger.progress-line .progress-line-bar,.progress-glow.progress-interrupted.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px rgba(255, 77, 79, 0.45)) !important}.progress-glow.progress-exception.progress-circle .progress-circle-path,.progress-glow.progress-exception.progress-dashboard .progress-circle-path,.progress-glow.progress-danger.progress-circle .progress-circle-path,.progress-glow.progress-danger.progress-dashboard .progress-circle-path,.progress-glow.progress-interrupted.progress-circle .progress-circle-path,.progress-glow.progress-interrupted.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px rgba(255, 77, 79, 0.45)) !important}.progress-glow.progress-warning.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px rgba(250, 173, 20, 0.45)) !important}.progress-glow.progress-warning.progress-circle .progress-circle-path,.progress-glow.progress-warning.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px rgba(250, 173, 20, 0.45)) !important}.progress-glow.progress-running.progress-line .progress-line-bar,.progress-glow.progress-active.progress-line .progress-line-bar{filter:drop-shadow(0 0 8px rgba(24, 144, 255, 0.45)) !important}.progress-glow.progress-running.progress-circle .progress-circle-path,.progress-glow.progress-running.progress-dashboard .progress-circle-path,.progress-glow.progress-active.progress-circle .progress-circle-path,.progress-glow.progress-active.progress-dashboard .progress-circle-path{filter:drop-shadow(0 0 6px rgba(24, 144, 255, 0.45)) !important}.progress-industrial{mask-size:16px 100%;mask-image:linear-gradient(to right, var(--text-primary, #000) 70%, transparent 70%)}.progress-orient-vertical .progress-industrial{mask-size:100% 16px;mask-image:linear-gradient(to top, var(--text-primary, #000) 70%, transparent 70%)}.progress-industrial{box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.4), inset 0 -1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);border:1px solid rgba(255, 255, 255, 0.1)}.progress-vibrate{animation:thermal-vibration 0.15s infinite}@keyframes thermal-vibration{0%{transform:translateY(0)}25%{transform:translateY(-1px) translateX(1px)}50%{transform:translateY(1px) translateX(-1px)}75%{transform:translateY(-1px)}100%{transform:translateY(0)}}.progress-peak-marker{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--color-primary, #1890ff);box-shadow:0 0 8px var(--color-primary, #1890ff);transition:left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:10;pointer-events:none}.progress-peak-marker::after{content:"";position:absolute;top:-4px;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-primary, #1890ff)}.progress-vitality-pulse{position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);width:50%;animation:vitality-wave 3s infinite ease-in-out;pointer-events:none;z-index:5}.progress-orient-vertical .progress-vitality-pulse{width:100%;height:50%;background:linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.2), transparent);animation:vitality-wave-vertical 3s infinite ease-in-out}@keyframes vitality-wave{0%{transform:translateX(-100%) skewX(-20deg)}50%{opacity:0.5}100%{transform:translateX(200%) skewX(-20deg)}}@keyframes vitality-wave-vertical{0%{transform:translateY(100%) skewY(-20deg)}50%{opacity:0.5}100%{transform:translateY(-200%) skewY(-20deg)}}.progress-tick{position:absolute;background:rgba(0, 0, 0, 0.1);pointer-events:none;z-index:1}.progress-orient-horizontal .progress-tick{top:0;bottom:0;width:1px}.progress-orient-vertical .progress-tick{left:0;right:0;height:1px}.milestone-marker{position:absolute;top:50%;transform:translate(-50%, -50%);z-index:15;cursor:help;display:flex;align-items:center;justify-content:center}.progress-orient-vertical .milestone-marker{left:50%;transform:translate(-50%, 50%)}.milestone-marker ui-icon{font-size:14px;color:var(--text-primary, #1a202c);background:var(--bg-primary, #ffffff);border-radius:50%;padding:2px;box-shadow:0 0 6px rgba(0, 0, 0, 0.1)}.milestone-dot{width:8px;height:8px;background:var(--bg-primary, #ffffff);border:2px solid var(--color-primary, #1890ff);border-radius:50%;box-shadow:0 0 4px rgba(0, 0, 0, 0.15)}.multi-progress-container{border-top:1px solid var(--border-subtle, #edf2f7);padding-top:16px;margin-top:20px}.multi-progress-item{transition:all 0.2s ease}.multi-progress-item:hover{transform:translateX(4px)}.multi-progress-bar-wrap{position:relative;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.05)}.multi-progress-label{letter-spacing:0.025em;text-transform:uppercase}.time-estimate{font-size:11px;color:var(--color-primary, #718096);font-weight:600;margin-top:8px;display:block}.pause-button{display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #f7fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:50%;width:24px;height:24px;cursor:pointer;color:var(--color-primary, #4a5568);transition:all 0.2s ease;margin-top:8px}.pause-button:hover{background:var(--bg-primary, #edf2f7);color:var(--color-primary, #2d3748);transform:scale(1.1)}.pause-button ui-icon{font-size:10px}.progress-skeleton .progress-line-trail{background:var(--bg-primary, #e2e8f0) !important;position:relative;overflow:hidden}.progress-skeleton .progress-line-trail::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);animation:progress-shimmer 1.5s infinite}.progress-skeleton .progress-line-bar{display:none !important}@keyframes progress-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (forced-colors: active){.progress-line-trail{border:1px solid CanvasText}.progress-line-bar{background:Highlight}.progress-peak-marker{background:Mark;box-shadow:none}.progress-tick{background:CanvasText;opacity:0.3}}.progress-status-header{display:flex;width:100%;margin-bottom:4px}.progress-status-header--left{justify-content:flex-start}.progress-status-header--center{justify-content:center}.progress-status-header--right{justify-content:flex-end}.progress-status-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;line-height:1;padding:4px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 6px rgba(0, 0, 0, 0.18);backdrop-filter:blur(4px);pointer-events:none;user-select:none}.progress-status-chip ui-icon{font-size:11px}.progress-status-chip--not-started{background:rgba(241, 245, 249, 0.93);color:#475569;border:1px solid #e2e8f0}.progress-status-chip--running{background:rgba(239, 246, 255, 0.93);color:#1d4ed8;border:1px solid #bfdbfe}.progress-status-chip--running ui-icon{animation:progress-spin 1s linear infinite}.progress-status-chip--interrupted{background:rgba(255, 251, 235, 0.93);color:#b45309;border:1px solid #fde68a}.progress-status-chip--completed{background:rgba(240, 253, 244, 0.93);color:#15803d;border:1px solid #bbf7d0}@keyframes progress-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}`;
 
 const Progress = class {
     constructor(hostRef) {
@@ -156,6 +156,30 @@ const Progress = class {
      * Enable glassmorphism effect for the trail
      */
     glass = false;
+    /**
+     * Status-bar variant: shows a lifecycle label (Not Started / Running / Interrupted / Completed)
+     * above the progress bar derived automatically from percent + status.
+     */
+    statusBar = false;
+    /**
+     * Alignment of the status badge inside the status bar header.
+     * 'left' (default) — badge left, percent right.
+     * 'center' — badge and percent centered together.
+     * 'right' — badge right, percent left.
+     */
+    statusBarAlign = 'left';
+    /**
+     * Position of the status chip/badge in status-bar mode.
+     * 'inside' (default) — inside the progress bar trail (requires minimum height of 32px).
+     * 'top' — above the progress bar (allows smaller progress bar heights).
+     */
+    statusBarPosition = 'inside';
+    /**
+     * Custom text labels for each status-bar state.
+     * Pass any subset to override — unset keys keep their defaults.
+     * e.g. { notStarted: 'Pending', running: 'In Progress', interrupted: 'Paused', completed: 'Done' }
+     */
+    statusLabels = {};
     /**
      * Enable dynamic glow effect based on status
      */
@@ -203,6 +227,8 @@ const Progress = class {
             if (typeof this.multiProgress === 'string') {
                 this.multiProgress = JSON.parse(this.multiProgress);
             }
+            if (typeof this.statusLabels === 'string')
+                this.statusLabels = JSON.parse(this.statusLabels);
         }
         catch (e) {
             console.warn('Failed to parse complex progress prop', e);
@@ -218,6 +244,9 @@ const Progress = class {
     handleStrokeColorChange() {
         this.normalizeProps();
     }
+    handleStatusChange(newStatus) {
+        this.currentStatus = newStatus;
+    }
     applyThresholds(val) {
         if (!this.thresholds.length)
             return;
@@ -301,16 +330,54 @@ const Progress = class {
         }
         return nodes;
     }
+    getStatusInfo() {
+        const lbl = this.statusLabels || {};
+        if (this.currentStatus === 'interrupted') {
+            return { label: lbl.interrupted ?? 'Interrupted', cssClass: 'interrupted', iconName: 'ban' };
+        }
+        if (this.animatedPercent >= 100 || this.currentStatus === 'completed') {
+            return { label: lbl.completed ?? 'Completed', cssClass: 'completed', iconName: 'check-circle' };
+        }
+        if (this.animatedPercent <= 0) {
+            return { label: lbl.notStarted ?? 'Not Started', cssClass: 'not-started', iconName: 'circle' };
+        }
+        return { label: lbl.running ?? 'Running', cssClass: 'running', iconName: 'loader' };
+    }
+    renderStatusBarChip(isOnTop = false) {
+        const { label, cssClass, iconName } = this.getStatusInfo();
+        const pct = Number(this.animatedPercent.toFixed(this.decimalPrecision));
+        let style = {};
+        if (!isOnTop) {
+            style = { position: 'absolute', top: '50%', transform: 'translateY(-50%)', zIndex: '2' };
+            if (this.statusBarAlign === 'right') {
+                style.right = '8px';
+            }
+            else if (this.statusBarAlign === 'center') {
+                style.left = '50%';
+                style.transform = 'translate(-50%, -50%)';
+            }
+            else {
+                style.left = '8px';
+            }
+        }
+        return (h("div", { class: `progress-status-chip progress-status-chip--${cssClass}`, style: style }, h("ui-icon", { name: iconName, library: "lucide" }), h("span", null, label), h("span", { "aria-hidden": "true", style: { opacity: '0.45', margin: '0 1px' } }, "\u00B7"), h("span", null, pct, "%")));
+    }
     getStrokeColor() {
-        if (this.currentStatus === 'success') {
+        if (this.currentStatus === 'success' || this.currentStatus === 'completed') {
             return '#52c41a';
         }
-        if (this.currentStatus === 'exception' || this.currentStatus === 'danger') {
+        if (this.currentStatus === 'exception' || this.currentStatus === 'danger' || this.currentStatus === 'interrupted') {
             return '#ff4d4f';
         }
         if (this.currentStatus === 'warning') {
             return '#faad14';
         }
+        if (this.currentStatus === 'empty') {
+            return '#d9d9d9';
+        }
+        if (this.currentStatus === 'running') {
+            return '#1890ff';
+        }
         const hasGradient = this.gradient || (typeof this.strokeColor === 'object' && this.strokeColor !== null);
         if (hasGradient) {
             return `url(#${this.gradientId})`;
@@ -342,27 +409,34 @@ const Progress = class {
             }
             backgroundStyle = `linear-gradient(${direction}, ${fromColor}, ${toColor})`;
         }
+        const showStatusOnTop = this.statusBar && this.statusBarPosition === 'top';
+        // When status-bar chip is active and inside, ensure the trail is at least 32px tall so the chip fits
+        const effectiveStrokeWidth = (this.statusBar && this.statusBarPosition === 'inside' && this.orientation !== 'vertical')
+            ? Math.max(this.strokeWidth, 32) : this.strokeWidth;
         const progressStyle = {
             [this.orientation === 'vertical' ? 'height' : 'width']: this.indeterminate ? '100%' : `${Math.min(this.animatedPercent, 100)}%`,
             [this.orientation === 'vertical' ? 'width' : 'height']: '100%',
-            borderRadius: this.strokeLinecap === 'round' ? `${this.strokeWidth}px` : '0',
+            borderRadius: this.strokeLinecap === 'round' ? `${effectiveStrokeWidth}px` : '0',
             background: backgroundStyle,
+            color: strokeColor,
             ...(this.orientation === 'vertical' ? { position: 'absolute', bottom: '0', left: '0' } : {})
         };
         const trailStyle = {
-            [this.orientation === 'vertical' ? 'width' : 'height']: `${this.strokeWidth}px`,
+            [this.orientation === 'vertical' ? 'width' : 'height']: `${effectiveStrokeWidth}px`,
             [this.orientation === 'vertical' ? 'height' : 'width']: this.orientation === 'vertical'
                 ? (typeof this.height === 'number' ? `${this.height}px` : this.height)
                 : (typeof this.width === 'number' ? `${this.width}px` : this.width),
-            borderRadius: this.strokeLinecap === 'round' ? `${this.strokeWidth}px` : '0',
+            borderRadius: this.strokeLinecap === 'round' ? `${effectiveStrokeWidth}px` : '0',
             background: this.trailColor,
             cursor: this.interactive ? 'pointer' : 'default',
-            flex: '1'
+            flex: showStatusOnTop ? 'none' : '1'
         };
         return (h("div", { class: {
                 'progress-line-wrapper': true,
+                'progress-status-bar': this.statusBar,
+                'progress-status-bar--top': showStatusOnTop,
                 [`progress-orient-${this.orientation}`]: true
-            } }, this.labelPosition === 'top' && this.showInfo && this.renderProgressInfo(), h("div", { class: "progress-line-trail", style: trailStyle, onMouseDown: this.handleInteraction, onTouchStart: this.handleInteraction }, this.vitality && h("div", { class: "progress-vitality-pulse" }), this.renderTicks(), this.showBuffer && this.buffer > 0 && (h("div", { class: "progress-buffer-bar", style: {
+            } }, showStatusOnTop && (h("div", { class: `progress-status-header progress-status-header--${this.statusBarAlign}` }, this.renderStatusBarChip(true))), !this.statusBar && this.labelPosition === 'top' && this.showInfo && this.renderProgressInfo(), h("div", { class: "progress-line-trail", style: trailStyle, onMouseDown: this.handleInteraction, onTouchStart: this.handleInteraction }, this.statusBar && this.statusBarPosition === 'inside' && this.renderStatusBarChip(false), this.vitality && h("div", { class: "progress-vitality-pulse" }), this.renderTicks(), this.showBuffer && this.buffer > 0 && (h("div", { class: "progress-buffer-bar", style: {
                 [this.orientation === 'vertical' ? 'height' : 'width']: `${Math.min(this.buffer, 100)}%`,
                 [this.orientation === 'vertical' ? 'width' : 'height']: `${this.strokeWidth}px`,
                 background: `${strokeColor}33`,
@@ -378,7 +452,7 @@ const Progress = class {
                 [this.orientation === 'vertical' ? 'height' : 'width']: `${((this.success.percent ?? 0) / this.animatedPercent) * 100}%`,
                 background: this.success.strokeColor || '#52c41a',
                 ...(this.orientation === 'vertical' ? { position: 'absolute', bottom: '0', left: '0' } : {})
-            } }))), this.peakMarker > 0 && (h("div", { class: "progress-peak-marker", style: { [this.orientation === 'vertical' ? 'bottom' : 'left']: `${this.peakMarker}%` }, title: `Session Peak: ${this.peakMarker}%` })), this.milestones.map(milestone => (h("div", { class: "milestone-marker", style: { [this.orientation === 'vertical' ? 'bottom' : 'left']: `${milestone.percent}%` }, title: milestone.label }, milestone.icon ? h("ui-icon", { name: milestone.icon.replace(/^fa[sb]? fa-/, ''), library: "fontawesome" }) : h("div", { class: "milestone-dot" }))))), this.multiProgress.length > 0 && this.renderMultiProgress(), this.labelPosition !== 'top' && this.showInfo && this.renderProgressInfo(), this.showTimeEstimate && this.estimatedTime > 0 && this.renderTimeEstimate(), this.showPauseButton && this.renderPauseButton()));
+            } }))), this.peakMarker > 0 && (h("div", { class: "progress-peak-marker", style: { [this.orientation === 'vertical' ? 'bottom' : 'left']: `${this.peakMarker}%` }, title: `Session Peak: ${this.peakMarker}%` })), this.milestones.map(milestone => (h("div", { class: "milestone-marker", style: { [this.orientation === 'vertical' ? 'bottom' : 'left']: `${milestone.percent}%` }, title: milestone.label }, milestone.icon ? h("ui-icon", { name: milestone.icon.replace(/^fa[sb]? fa-/, ''), library: "fontawesome" }) : h("div", { class: "milestone-dot" }))))), this.multiProgress.length > 0 && this.renderMultiProgress(), !this.statusBar && this.labelPosition !== 'top' && this.showInfo && this.renderProgressInfo(), this.showTimeEstimate && this.estimatedTime > 0 && this.renderTimeEstimate(), this.showPauseButton && this.renderPauseButton()));
     }
     renderMultiProgress() {
         return (h("div", { class: "multi-progress-container", style: { display: 'flex', flexDirection: 'column', gap: '8px', marginTop: '12px' } }, this.multiProgress.map((prog) => (h("div", { class: "multi-progress-item", style: { display: 'flex', alignItems: 'center', gap: '12px' } }, h("div", { class: "multi-progress-bar-wrap", style: { flex: '1', height: `${this.strokeWidth}px`, background: this.trailColor, borderRadius: '4px', overflow: 'hidden' } }, h("div", { class: "multi-progress-bar", style: {
@@ -440,7 +514,7 @@ const Progress = class {
         const isGradientProp = typeof this.strokeColor === 'object' && this.strokeColor !== null;
         const gradientObj2 = isGradientProp ? this.strokeColor : null;
         const hasGradient = this.gradient || isGradientProp;
-        return (h("div", { class: "progress-circle-wrapper", style: { width: `${size}px`, height: `${size}px` } }, h("svg", { width: size, height: size }, hasGradient && (h("defs", null, h("linearGradient", { id: this.gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "100%" }, h("stop", { offset: "0%", "stop-color": gradientObj2 ? (gradientObj2.from || strokeColor) : strokeColor }), h("stop", { offset: "100%", "stop-color": gradientObj2 ? (gradientObj2.to || '#52c41a') : (this.status === 'normal' ? '#69c0ff' : strokeColor) })))), h("path", { d: pathString, stroke: this.trailColor, "stroke-width": strokeWidth, fill: "none", "stroke-linecap": this.strokeLinecap }), h("path", { d: pathString, stroke: strokeColor, "stroke-width": strokeWidth, fill: "none", "stroke-linecap": this.strokeLinecap, "stroke-dasharray": circumference, "stroke-dashoffset": offset, class: {
+        return (h("div", { class: "progress-circle-wrapper", style: { width: `${size}px`, height: `${size}px` } }, h("svg", { width: size, height: size }, hasGradient && (h("defs", null, h("linearGradient", { id: this.gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "100%" }, h("stop", { offset: "0%", "stop-color": gradientObj2 ? (gradientObj2.from || strokeColor) : strokeColor }), h("stop", { offset: "100%", "stop-color": gradientObj2 ? (gradientObj2.to || '#52c41a') : (this.status === 'normal' ? '#69c0ff' : strokeColor) })))), h("path", { d: pathString, stroke: this.trailColor, "stroke-width": strokeWidth, fill: "none", "stroke-linecap": this.strokeLinecap }), h("path", { d: pathString, stroke: strokeColor, "stroke-width": strokeWidth, fill: "none", "stroke-linecap": this.strokeLinecap, "stroke-dasharray": circumference, "stroke-dashoffset": offset, style: { color: strokeColor }, class: {
                 'progress-circle-path': true,
                 'progress-indeterminate': this.indeterminate,
                 'progress-liquid': this.liquid
@@ -464,28 +538,35 @@ const Progress = class {
         const text = this.dataLabels || this.format(roundedPercent);
         const infoStyle = this.percentageColor ? { color: this.percentageColor } : {};
         const iconEl = this.icon ? h("ui-icon", { name: this.icon, library: this.iconLibrary, style: { marginRight: '6px' } }) : null;
-        if (this.status === 'success') {
-            return (h("span", { class: "progress-text", style: infoStyle }, iconEl || h("ui-icon", { name: "check-circle", library: "fontawesome" }), this.labelPosition !== 'inside' && text));
+        if (this.currentStatus === 'success' || this.currentStatus === 'completed') {
+            return (h("span", { class: "progress-text progress-text-success", style: infoStyle }, iconEl || h("ui-icon", { name: "check-circle", library: "fontawesome" }), this.labelPosition !== 'inside' && (this.dataLabels || (this.currentStatus === 'completed' ? 'Completed' : text))));
         }
-        if (this.status === 'exception' || this.status === 'danger') {
-            return (h("span", { class: "progress-text progress-text-exception", style: infoStyle }, iconEl || h("ui-icon", { name: "exclamation-triangle", library: "fontawesome" }), this.labelPosition !== 'inside' && text));
+        if (this.currentStatus === 'exception' || this.currentStatus === 'danger' || this.currentStatus === 'interrupted') {
+            return (h("span", { class: "progress-text progress-text-exception", style: infoStyle }, iconEl || h("ui-icon", { name: "exclamation-triangle", library: "fontawesome" }), this.labelPosition !== 'inside' && (this.dataLabels || (this.currentStatus === 'interrupted' ? 'Interrupted' : text))));
         }
-        if (this.status === 'warning') {
+        if (this.currentStatus === 'warning') {
             return (h("span", { class: "progress-text progress-text-warning", style: infoStyle }, iconEl || h("ui-icon", { name: "exclamation-circle", library: "fontawesome" }), text));
         }
+        if (this.currentStatus === 'empty') {
+            return (h("span", { class: "progress-text progress-text-empty", style: infoStyle }, iconEl || h("ui-icon", { name: "circle", library: "fontawesome", style: { opacity: 0.4 } }), this.labelPosition !== 'inside' && (this.dataLabels || 'Empty')));
+        }
+        if (this.currentStatus === 'running') {
+            return (h("span", { class: "progress-text progress-text-running", style: infoStyle }, iconEl || h("ui-icon", { name: "sync", library: "fontawesome", class: "fa-spin", style: { color: '#1890ff' } }), this.labelPosition !== 'inside' && (this.dataLabels || `Running (${text})`)));
+        }
         return (h("span", { class: "progress-text", style: infoStyle }, iconEl, text));
     }
     render() {
         const progressClass = {
             'progress': true,
             [`progress-${this.type}`]: true,
-            'progress-active': this.status === 'active' || this.indeterminate,
+            'progress-active': this.status === 'active' || this.currentStatus === 'running' || this.indeterminate,
             [`progress-${this.size}`]: this.type !== 'line',
             'progress-indeterminate': this.indeterminate,
             'progress-liquid': this.liquid,
             'progress-glass': this.glass,
             'progress-glow': this.glow,
             'progress-skeleton': this.skeleton,
+            [`progress-${this.currentStatus}`]: true,
         };
         let content;
         if (this.steps > 0 && this.type === 'line') {
@@ -498,7 +579,7 @@ const Progress = class {
             content = this.renderCircleProgress();
         }
         const roundedPercent = Number(this.animatedPercent.toFixed(this.decimalPrecision));
-        return (h(Host, { key: '0f584282c7c54dc1e352dcd047f9393219ea05d7', role: "progressbar", "aria-valuenow": roundedPercent, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": this.dataLabels || `Progress: ${this.percent}%`, style: this.orientation === 'vertical' ? { height: typeof this.height === 'number' ? `${this.height}px` : this.height } : {} }, h("div", { key: '7a81c6056d073cf9cdd90abf2e7748772f0f322d', class: progressClass }, content, (this.liquid || this.type === 'industrial') && (h("svg", { key: '1bee402a754d87ab25395c92acde5edd76da64a2', style: { position: 'absolute', width: '0', height: '0' } }, h("filter", { key: 'bebea12167e23049848d62e1fd182958dc249f2b', id: "liquid-filter" }, h("feGaussianBlur", { key: 'a31af8c228fc7a4a9391b46f12a3e5a5a08ed6eb', in: "SourceGraphic", stdDeviation: "10", result: "blur" }), h("feColorMatrix", { key: 'b4dddec3e0f1dfd172a3281e8c67897a89436387', in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7", result: "goo" }), h("feBlend", { key: 'f5c08e7d756af6ae228c47115dffd9a4e32142c7', in: "SourceGraphic", in2: "goo" })))))));
+        return (h(Host, { key: '21dcb1b89582338f185767a4301e4cf435c1842c', role: "progressbar", "aria-valuenow": roundedPercent, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": this.dataLabels || `Progress: ${this.percent}%`, style: this.orientation === 'vertical' ? { height: typeof this.height === 'number' ? `${this.height}px` : this.height } : {} }, h("div", { key: '7aebc6dc0cb2804300c171598c47699d8c8fabe8', class: progressClass }, content, (this.liquid || this.type === 'industrial') && (h("svg", { key: '7a70f4821a0752d1106107e9fa9618cf2b4de889', style: { position: 'absolute', width: '0', height: '0' } }, h("filter", { key: 'a899fcbc62ef322086eee654f24d0bf8b1cf83a6', id: "liquid-filter" }, h("feGaussianBlur", { key: '5b8dc993e949a4cddd661d3b45b9c44fe25e4f4d', in: "SourceGraphic", stdDeviation: "10", result: "blur" }), h("feColorMatrix", { key: '55da24d44b6cb35cd28e0f301d3c8316e3554e8d', in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7", result: "goo" }), h("feBlend", { key: 'e59ec2eda298c0796be6b28a1b2afd9a6dadab63', in: "SourceGraphic", in2: "goo" })))))));
     }
     static get watchers() { return {
         "percent": [{
@@ -506,6 +587,9 @@ const Progress = class {
             }],
         "strokeColor": [{
                 "handleStrokeColorChange": 0
+            }],
+        "status": [{
+                "handleStatusChange": 0
             }]
     }; }
 };

package/dist/esm/ui-resizable-panel.entry.js

@@ -449,7 +449,7 @@ const AppResizablePanel = class {
             'resizable-dragging': this.isDragging,
             'resizable-animated': this.animated && !this.isDragging,
         };
-        return (h(Host, { key: '222dabdb3f919a430a8dc35008607dd9ad21f670' }, h("div", { key: '6fab04ac24283a3dc1be30ca97488639021e0c13', class: containerClasses, ref: el => this.containerRef = el }, this.internalPanels.map((panel, index) => (h("div", { key: panel.id, class: "panel-wrapper", style: {
+        return (h(Host, { key: 'e95db5c4b7d28becf543e44ab2d80a1fb5a34f5a' }, h("div", { key: 'c8c49f4e023ba66b1535447b567eebe685e9f464', class: containerClasses, ref: el => this.containerRef = el }, this.internalPanels.map((panel, index) => (h("div", { key: panel.id, class: "panel-wrapper", style: {
                 [this.direction === 'horizontal' ? 'width' : 'height']: panel.collapsed ? `${this.handleSize}px` : `${panel.size}%`,
             } }, h("div", { class: {
                 'resizable-panel': true,

package/dist/esm/ui-smart-location-dropdown.entry.js

@@ -540,14 +540,14 @@ const SmartLocationDropdown = class {
         const filtered = this.filteredOptions;
         const hasSelection = this.selectedIds.size > 0;
         const canCreate = this.allowCustomValue && !!this.searchQuery.trim() && filtered.length === 0;
-        return (h("div", { key: '0d1270c7b8941a54d23f12b336a40248127a9515', class: { 'location-dropdown': true, open: this.isOpen, disabled: this.disabled } }, h("div", { key: '454a4fb32bdfcbb31f61ab24f69dd720f1d7975c', class: "location-trigger", role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", tabIndex: this.disabled ? -1 : 0, onClick: this.toggleDropdown, onKeyDown: this.handleKeyDown }, h("span", { key: '06e96ca6b9ce142e1c6eb4145d75de7c6753d0aa', class: { 'trigger-text': true, placeholder: !hasSelection } }, this.getDisplayText()), h("div", { key: '75bf60390f1983473a30b6c7fa6906d7bd39a99d', class: "trigger-icons" }, hasSelection && this.clearable && !this.disabled && (h("ui-button", { key: '274b970b60c84e37ba60ef76a226d8dffd21f85b', class: "clear-btn", onButtonClick: this.clearSelection, "aria-label": "Clear selected locations", variant: "plain", icon: "x", iconLibrary: "lucide", iconOnly: true })), h("ui-icon", { key: '872eb5b33bb7c84ebdf68d0685af115d78b893ba', name: "chevron-down", library: "lucide", size: "16px", class: { arrow: true, open: this.isOpen } }))), this.renderSelectedChips(), this.isOpen && (h("div", { key: '5285b7a36ec106df13afbfde4bae0127567dd459', class: { menu: true, top: this.dropdownPosition === 'top' }, role: "listbox", ref: el => (this.menuElement = el), style: {
+        return (h("div", { key: 'b1807bf502b50ae9fc48efa846426ab643d6516d', class: { 'location-dropdown': true, open: this.isOpen, disabled: this.disabled } }, h("div", { key: 'de7b775e9b312bd39da8927975e588648b4ca809', class: "location-trigger", role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", tabIndex: this.disabled ? -1 : 0, onClick: this.toggleDropdown, onKeyDown: this.handleKeyDown }, h("span", { key: 'e608f40b0ef1251ae3f9c303338ff415eb31b0cd', class: { 'trigger-text': true, placeholder: !hasSelection } }, this.getDisplayText()), h("div", { key: 'afbfc578336c32718d974e0ca2b28df8ae1bae2f', class: "trigger-icons" }, hasSelection && this.clearable && !this.disabled && (h("ui-button", { key: '65ce58563ea6447785f79325425f410ccac696b5', class: "clear-btn", onButtonClick: this.clearSelection, "aria-label": "Clear selected locations", variant: "plain", icon: "x", iconLibrary: "lucide", iconOnly: true })), h("ui-icon", { key: 'c30d26150e745053e5c64c7747692dc0e16de079', name: "chevron-down", library: "lucide", size: "16px", class: { arrow: true, open: this.isOpen } }))), this.renderSelectedChips(), this.isOpen && (h("div", { key: '17e2bda731910b2eacdcfa94c40697cb8cad6792', class: { menu: true, top: this.dropdownPosition === 'top' }, role: "listbox", ref: el => (this.menuElement = el), style: {
                 maxHeight: `${this.maxHeight}px`,
                 left: `${this.menuLeft}px`,
                 width: `${this.menuWidth}px`,
                 position: 'fixed',
                 zIndex: '10020',
                 top: `${this.menuTop}px`,
-            } }, this.searchable && (h("div", { key: '96c9247325ad38fa7ad1378141a8de53fe23c062', class: "search-row" }, h("ui-input", { key: '16e6a0e35ae37de129b1812ecd7ed7c46c3b84c3', ref: el => (this.searchInputRef = el), class: "search-input", value: this.searchQuery, placeholder: this.searchPlaceholder, onInputChange: (e) => this.onSearchInput_Custom(e.detail), onKeyDown: this.handleKeyDown, variant: "plain" }))), this.loading && h("div", { key: '8be3bb6ff2b546d4b77dedea4efdced3cf456a73', class: "status loading" }, "Loading locations..."), !this.loading && this.loadError && h("div", { key: '2990bc4eb6413fc9ad02ec4214af9701f3ddb63f', class: "status error" }, this.loadError), !this.loading && filtered.length > 0 && (h("div", { key: 'cc1da47a2b1e0703c8f9cf3b12f66c53f4c72215', class: "options-list" }, filtered.map((option, index) => this.renderOption(option, index)))), !this.loading && filtered.length === 0 && !canCreate && h("div", { key: '74871de825014986333f513ab8a78eee94efffca', class: "status empty" }, "No locations found"), canCreate && (h("ui-button", { key: '0fd041bedf71502bea54a09d658669ccd3bcc68f', class: "create-btn", onButtonClick: () => this.createCustomLocation(this.searchQuery.trim()), variant: "plain", align: "start", fullWidth: true, icon: "plus", iconLibrary: "lucide", label: `Create "${this.searchQuery.trim()}"` })), (this.showFavorites || this.showRecent) && !this.searchQuery && (h("div", { key: '5a4c6ecc6768d6a6ee8b3731e4d12b845c936a8f', class: "footer-meta" }, this.showFavorites && h("span", { key: 'e2cac6f8adb895ba9f262be9924ea9a5619c95e3' }, "Favorites: ", this.favoriteIds.length), this.showRecent && h("span", { key: 'f541571f8f6dd69ce531f7a54cc8cd6d06b3d8a8' }, "Recent: ", this.recentIds.length)))))));
+            } }, this.searchable && (h("div", { key: '927ac16ca61d07d1e0d9acf9cc6712ccd5e3be8a', class: "search-row" }, h("ui-input", { key: '95af520eb196a47d11ac31489237314049532bc2', ref: el => (this.searchInputRef = el), class: "search-input", value: this.searchQuery, placeholder: this.searchPlaceholder, onInputChange: (e) => this.onSearchInput_Custom(e.detail), onKeyDown: this.handleKeyDown, variant: "plain" }))), this.loading && h("div", { key: 'c5b48b1d0f1e08353dc8def6b7b962c15918f724', class: "status loading" }, "Loading locations..."), !this.loading && this.loadError && h("div", { key: '3a8f50555d86a4cf07fd27b810fe9c74168cac0e', class: "status error" }, this.loadError), !this.loading && filtered.length > 0 && (h("div", { key: '07298b5d440946c7a6d11e3ebae2d3c28d16c467', class: "options-list" }, filtered.map((option, index) => this.renderOption(option, index)))), !this.loading && filtered.length === 0 && !canCreate && h("div", { key: 'a01eb5729544c38466b7c16de2fe6e11baba36e4', class: "status empty" }, "No locations found"), canCreate && (h("ui-button", { key: '06c249712c8bf168d522678abe6fd68ae4d25949', class: "create-btn", onButtonClick: () => this.createCustomLocation(this.searchQuery.trim()), variant: "plain", align: "start", fullWidth: true, icon: "plus", iconLibrary: "lucide", label: `Create "${this.searchQuery.trim()}"` })), (this.showFavorites || this.showRecent) && !this.searchQuery && (h("div", { key: '0cfe965844fa111cb8888b1392e3dcac8b35c51a', class: "footer-meta" }, this.showFavorites && h("span", { key: '0b5f1c8816ed31ab7cdc5988f1271a2c7b384372' }, "Favorites: ", this.favoriteIds.length), this.showRecent && h("span", { key: 'aec4a486adee16e6100efa773475fc03d8b2f155' }, "Recent: ", this.recentIds.length)))))));
     }
     static get watchers() { return {
         "options": [{

package/dist/esm/ui-smart-stepper.entry.js

@@ -127,7 +127,7 @@ const SmartStepper = class {
             `stepper-${this.orientation}`,
             `stepper-${this.size}`
         ].join(' ');
-        return (h("div", { key: '055f2373e201924afcb4c2038ff1bd6c0d096111', class: containerClasses }, h("div", { key: 'f0f5dbbb155ba61648a4633bff44548cd4cb28e3', class: "stepper-header", onClick: this.handleStepClick }, h("slot", { key: 'fa4ef01b0c1b248dd5ac90b8ab9bc7689b943caa' })), h("div", { key: '592f2c79d4916c14c1e7a5a3ffaad77a257a01a3', class: "stepper-content-area" }, h("slot", { key: '958a6697b165c1b0499ac1433476a8cccf14bf9f', name: "content" }))));
+        return (h("div", { key: '5243803a66e8bfae497796c6bf73d4f006fa35e4', class: containerClasses }, h("div", { key: '6a7b4c7d81107e2f42ededb0e598c18ad0c8966a', class: "stepper-header", onClick: this.handleStepClick }, h("slot", { key: 'dcec321fde59e2b21f49344fd1d105a822d2d9c4' })), h("div", { key: 'd9fff061e8c196a8eef547c036ba9c9a384d59d8', class: "stepper-content-area" }, h("slot", { key: 'a89db3104943e20880b5633732e801dfdcd70dff', name: "content" }))));
     }
 };
 SmartStepper.style = smartStepperCss();

package/dist/esm/ui-snackbar.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, a as getElement, h } from './index-DUsoYu9r.js';
-import { s as sanitizeHTML } from './security-D2WzX6vR.js';
+import { s as sanitizeHTML } from './security-Dyu3Nplq.js';
 
 const snackbarCss = () => `@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}.snackbar-quick-input{width:100%;margin:12px 0 0 0;display:flex;align-items:center;pointer-events:auto}.snackbar-quick-input input{width:100%;min-width:0;box-sizing:border-box;padding:8px 12px;border-radius:6px;border:1px solid var(--border-default, #e5e7eb);font-size:15px;background:var(--bg-primary, #ffffff);outline:none;transition:border 0.2s, box-shadow 0.2s}.snackbar-quick-input input:focus{border:1.5px solid var(--color-primary, #6366f1);box-shadow:0 0 0 2px var(--color-primary, #c7d2fe)}:host{display:block;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:var(--snackbar-z-index, 10500);transform:translateZ(0);--snackbar-radius:12px;--snackbar-font:inherit;--snackbar-min-width:320px;--snackbar-max-width:440px;--snackbar-z-index:10500;--snackbar-bg:var(--bg-primary, #fdfdfd);--snackbar-color:var(--text-primary, #1f2937);--snackbar-border:rgba(0, 0, 0, 0.08);--snackbar-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--snackbar-success-bg:var(--color-success-hover, #059669);--snackbar-error-bg:var(--color-danger-hover, #dc2626);--snackbar-warning-bg:var(--color-warning-hover, #d97706);--snackbar-info-bg:var(--color-primary-hover, #2563eb);--snackbar-neutral-bg:var(--color-primary, #4b5563);--snackbar-badge-bg:rgba(15, 23, 42, 0.85);--snackbar-badge-color:var(--color-primary, #60a5fa)}.snackbar-container{display:block;position:absolute;z-index:10501;pointer-events:none;width:auto;max-width:100vw;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);max-height:calc(100vh - 40px)}.snackbar-clear-all{pointer-events:auto;align-self:center;margin-bottom:8px;background:rgba(255, 255, 255, 0.9);border:1px solid rgba(0, 0, 0, 0.1);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600;color:var(--text-secondary, #4b5563);display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);backdrop-filter:blur(8px);transition:all 0.2s;z-index:2000;}.snackbar-container.card-stack:not(.hovered) .snackbar-clear-all{display:none}.snackbar-clear-all:hover{background:var(--bg-primary, #ffffff);transform:translateY(-1px);box-shadow:0 6px 10px -1px rgba(0, 0, 0, 0.15)}.snackbar-clear-all .kb-hint{background:rgba(0, 0, 0, 0.05);padding:1px 4px;border-radius:3px;font-size:9px;opacity:0.6}.snackbar-badge-btn{background:var(--snackbar-badge-bg, rgba(15, 23, 42, 0.85));color:#fff;border-radius:12px;padding:2px 8px;font-size:10px;border:none;cursor:pointer;display:flex;align-items:center;transition:transform 0.2s;pointer-events:auto}.snackbar-badge-btn:hover{transform:scale(1.05)}.snackbar-badge-btn ui-icon{margin-left:4px;display:flex}.snackbar-history{margin-top:8px;padding:8px;background:rgba(0, 0, 0, 0.03);border-radius:6px;font-size:12px;max-height:120px;overflow-y:auto;scrollbar-width:thin}.snackbar-history .history-item{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid rgba(0, 0, 0, 0.05)}.snackbar-history .history-item:last-child{border-bottom:none}.snackbar-history .history-item .history-time{color:var(--text-secondary, #6b7280);font-family:monospace;white-space:nowrap}.snackbar-history .history-item .history-msg{color:var(--text-primary, #111827)}.theme-dark .snackbar-clear-all{background:var(--bg-primary, #1e293b);color:var(--text-standard, #e2e8f0);border-color:rgba(255, 255, 255, 0.1)}.snackbar-countdown{position:absolute;bottom:28px;right:12px;background:rgba(0, 0, 0, 0.55);color:rgba(255, 255, 255, 0.9);border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700;letter-spacing:0.02em;pointer-events:none;opacity:1;transition:opacity 0.3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;min-width:24px;text-align:center;font-variant-numeric:tabular-nums;}.snackbar-container.rtl .snackbar-countdown{right:auto;left:12px}.snackbar-container:hover .snackbar-countdown{opacity:0}.snackbar-container.top-left{top:0;left:0;align-items:flex-start}.snackbar-container.top-right{top:0;right:0;align-items:flex-end}.snackbar-container.top-center{top:0;left:50%;transform:translateX(-50%);align-items:center}.snackbar-container.bottom-left{bottom:0;left:0;flex-direction:column-reverse;align-items:flex-start}.snackbar-container.bottom-right{bottom:0;right:0;flex-direction:column-reverse;align-items:flex-end}.snackbar-container.bottom-center{bottom:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse;align-items:center}.snackbar-container.rtl.top-left{left:auto;right:0;align-items:flex-end}.snackbar-container.rtl.top-right{right:auto;left:0;align-items:flex-start}.snackbar-container.rtl.bottom-left{left:auto;right:0;align-items:flex-end}.snackbar-container.rtl.bottom-right{right:auto;left:0;align-items:flex-start}.snackbar-container.rtl .snackbar-item.slide-right{animation-name:slideInLeft}.snackbar-container.rtl .snackbar-item.slide-left{animation-name:slideInRight}.snackbar-container:not(.bottom-left):not(.bottom-right):not(.bottom-center) .snackbar-item{order:var(--stack-index)}.snackbar-container.bottom-left,.snackbar-container.bottom-right,.snackbar-container.bottom-center{padding-bottom:24px}.snackbar-container.top-left,.snackbar-container.top-right,.snackbar-container.top-center{padding-top:24px}.stack-count-badge{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:rgba(15, 23, 42, 0.85);color:var(--text-standard, #ffffff);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;cursor:pointer;z-index:200;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.15);transition:all 0.2s ease;pointer-events:auto;white-space:nowrap}.stack-count-badge:hover{background:rgba(15, 23, 42, 0.98);transform:translateX(-50%) translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.3)}.stack-count-badge .stack-count-number{font-size:13px;font-weight:800;color:var(--color-primary, #60a5fa)}.stack-count-badge .stack-count-label{opacity:0.7;font-weight:500}.snackbar-container.bottom-left .stack-count-badge,.snackbar-container.bottom-right .stack-count-badge,.snackbar-container.bottom-center .stack-count-badge{bottom:auto;top:-18px}.snackbar-container.bottom-left .stack-count-badge:hover,.snackbar-container.bottom-right .stack-count-badge:hover,.snackbar-container.bottom-center .stack-count-badge:hover{transform:translateX(-50%) translateY(2px)}.snackbar-container.top-right .stack-count-badge,.snackbar-container.bottom-right .stack-count-badge{left:auto;right:0;transform:none}.snackbar-container.top-right .stack-count-badge:hover,.snackbar-container.bottom-right .stack-count-badge:hover{transform:translateY(-2px)}.snackbar-container.top-left .stack-count-badge,.snackbar-container.bottom-left .stack-count-badge{left:0;transform:none}.snackbar-container.top-left .stack-count-badge:hover,.snackbar-container.bottom-left .stack-count-badge:hover{transform:translateY(-2px)}.snackbar-container.card-stack{display:flex !important;flex-direction:column;width:360px;max-width:calc(100vw - 32px);min-height:160px;padding:16px;pointer-events:none;overflow:visible;--stack-gap:8px;--stack-shrink:0.04;--stack-opacity:0.15;}.snackbar-container.card-stack::before{content:"";position:absolute;inset:-8px;background:transparent;pointer-events:auto;z-index:0}.snackbar-container.card-stack:not(.hovered) .snackbar-item{position:absolute !important;margin:0 !important;pointer-events:none;transition:transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease, width 0.5s ease;width:calc(100% - var(--stack-index, 0) * 14px);opacity:calc(1 - var(--stack-index, 0) * var(--stack-opacity));filter:brightness(calc(1 - var(--stack-index, 0) * 0.08));z-index:calc(50 - var(--stack-index, 0))}.snackbar-container.card-stack.top-left:not(.hovered) .snackbar-item,.snackbar-container.card-stack.top-right:not(.hovered) .snackbar-item,.snackbar-container.card-stack.top-center:not(.hovered) .snackbar-item{top:16px;transform:translateY(calc(var(--stack-index, 0) * var(--stack-gap)))}.snackbar-container.card-stack.bottom-left:not(.hovered) .snackbar-item,.snackbar-container.card-stack.bottom-right:not(.hovered) .snackbar-item,.snackbar-container.card-stack.bottom-center:not(.hovered) .snackbar-item{bottom:16px;transform:translateY(calc(var(--stack-index, 0) * var(--stack-gap) * -1))}.snackbar-container.card-stack.top-right:not(.hovered) .snackbar-item,.snackbar-container.card-stack.bottom-right:not(.hovered) .snackbar-item{right:0;left:auto !important}.snackbar-container.card-stack.top-left:not(.hovered) .snackbar-item,.snackbar-container.card-stack.bottom-left:not(.hovered) .snackbar-item{left:0 !important;right:auto}.snackbar-container.card-stack.top-center:not(.hovered) .snackbar-item,.snackbar-container.card-stack.bottom-center:not(.hovered) .snackbar-item{left:50% !important;right:auto;transform:translateX(-50%) translateY(calc(var(--stack-index, 0) * var(--stack-gap)))}.snackbar-container.card-stack.bottom-center:not(.hovered) .snackbar-item{transform:translateX(-50%) translateY(calc(var(--stack-index, 0) * var(--stack-gap) * -1))}@keyframes stackSlideFromTop{from{transform:translateX(-50%) translateY(-40px);opacity:0}to{transform:translateX(-50%) translateY(calc(var(--stack-index, 0) * var(--stack-gap)));opacity:calc(1 - var(--stack-index, 0) * var(--stack-opacity))}}@keyframes stackSlideFromBottom{from{transform:translateX(-50%) translateY(40px);opacity:0}to{transform:translateX(-50%) translateY(calc(var(--stack-index, 0) * var(--stack-gap) * -1));opacity:calc(1 - var(--stack-index, 0) * var(--stack-opacity))}}.snackbar-container.card-stack.top-center:not(.hovered) .snackbar-item{animation:stackSlideFromTop 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) both;animation-delay:calc(var(--stack-index, 0) * 60ms)}.snackbar-container.card-stack.bottom-center:not(.hovered) .snackbar-item{animation:stackSlideFromBottom 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) both;animation-delay:calc(var(--stack-index, 0) * 60ms)}.snackbar-container.card-stack:not(.hovered) .snackbar-item[data-stack-index="0"]{pointer-events:auto;opacity:1 !important;filter:none !important;z-index:100 !important;box-shadow:0 8px 24px rgba(0, 0, 0, 0.18)}.snackbar-container.card-stack.top-center:not(.hovered) .snackbar-item[data-stack-index="0"],.snackbar-container.card-stack.bottom-center:not(.hovered) .snackbar-item[data-stack-index="0"]{transform:translateX(-50%) !important}.snackbar-container.card-stack.hovered{pointer-events:auto;align-items:stretch;}.snackbar-container.card-stack.hovered .snackbar-item{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:100% !important;transform:none !important;opacity:1 !important;filter:none !important;pointer-events:auto;margin:0 0 8px 0 !important;z-index:auto !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease, box-shadow 0.2s ease}.snackbar-container.card-stack.hovered .snackbar-item:last-child{margin-bottom:0 !important}.snackbar-container.card-stack.hovered .snackbar-item:hover{transform:translateY(-2px) !important;box-shadow:0 12px 24px rgba(0, 0, 0, 0.14)}.snackbar-item{box-sizing:border-box;display:flex;flex-direction:column;width:auto;min-width:var(--snackbar-min-width, 320px);max-width:var(--snackbar-max-width, 440px);padding:16px;border-radius:var(--snackbar-radius, 12px);pointer-events:auto;box-shadow:var(--snackbar-shadow, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05));background:var(--snackbar-bg, #fdfdfd);color:var(--snackbar-color, var(--text-primary, #1f2937));transition:all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.2s ease;position:relative;overflow:visible;backdrop-filter:blur(16px);border:1px solid var(--snackbar-border, rgba(0, 0, 0, 0.08));z-index:calc(100 - var(--stack-index))}.snackbar-item:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.snackbar-item:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:4px;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);background:var(--bg-primary, #ffffff) !important}.snackbar-item{}.snackbar-item.sm{min-width:280px;padding:10px 12px;--snackbar-title-size:13px;--snackbar-msg-size:12px;--snackbar-icon-size:1.1rem;gap:8px}.snackbar-item.md{min-width:320px;padding:16px;--snackbar-title-size:15px;--snackbar-msg-size:14px;--snackbar-icon-size:1.25rem}.snackbar-item.lg{min-width:400px;padding:20px 24px;--snackbar-title-size:18px;--snackbar-msg-size:16px;--snackbar-icon-size:1.5rem;gap:16px}.item-main-row{display:flex;align-items:flex-start;gap:12px;width:100%}.snackbar-content{flex:1;min-width:0}.snackbar-title{font-weight:700;font-size:var(--snackbar-title-size, 15px);color:inherit;margin-bottom:2px;display:flex;align-items:center;gap:8px}.snackbar-message{font-size:var(--snackbar-msg-size, 14px);line-height:1.5;color:inherit;opacity:0.9;margin:0;word-break:break-word;white-space:pre-wrap}.snackbar-icon,.snackbar-custom-icon{font-size:var(--snackbar-icon-size, 1.25rem)}.snackbar-badge{background:rgba(0, 0, 0, 0.1);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:800;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.snackbar-badge.pulse{animation:badgePop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.6);background:var(--color-danger, #fbbf24);color:var(--text-primary, #000);box-shadow:0 0 15px rgba(251, 191, 36, 0.5)}100%{transform:scale(1)}}.snackbar-item.filled{color:var(--text-standard, #ffffff);border:none}.snackbar-item.filled.success{background:var(--snackbar-success-bg, var(--color-success-hover, #059669))}.snackbar-item.filled.error{background:var(--snackbar-error-bg, var(--color-danger-hover, #dc2626))}.snackbar-item.filled.warning{background:var(--snackbar-warning-bg, var(--color-warning-hover, #d97706))}.snackbar-item.filled.info{background:var(--snackbar-info-bg, var(--color-primary-hover, #2563eb))}.snackbar-item.filled.neutral{background:var(--snackbar-neutral-bg, #4b5563)}.snackbar-item.filled.loading{background:var(--snackbar-neutral-bg, #4b5563)}.snackbar-item.glass{background:rgba(255, 255, 255, 0.6);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.4);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.15);color:var(--text-primary, #1e293b)}.snackbar-item.glass.success{border-left:4px solid var(--color-success, #10b981);background:rgba(236, 253, 245, 0.6)}.snackbar-item.glass.error{border-left:4px solid var(--color-danger, #ef4444);background:rgba(254, 242, 242, 0.6)}.snackbar-item.glass.warning{border-left:4px solid var(--color-warning, #f59e0b);background:rgba(255, 251, 235, 0.6)}.snackbar-item.glass.info{border-left:4px solid var(--color-primary, #10b981);background:rgba(239, 246, 255, 0.6)}.snackbar-item.glass .snackbar-action-btn:not(.variant-danger){background:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.1);color:var(--color-primary, #334155)}.snackbar-item.glass .snackbar-action-btn:not(.variant-danger):hover{background:rgba(0, 0, 0, 0.1)}.snackbar-item.outlined{background:rgba(255, 255, 255, 0.9);border-width:1.5px;border-style:solid}.snackbar-item.outlined.success{border-color:var(--color-success-hover, #059669);color:var(--color-success-hover, #059669)}.snackbar-item.outlined.error{border-color:var(--color-danger-hover, #dc2626);color:var(--color-danger-hover, #dc2626)}.snackbar-item.outlined.warning{border-color:var(--color-warning-hover, #d97706);color:var(--color-warning-hover, #d97706)}.snackbar-item.outlined.info{border-color:var(--color-primary-hover, #2563eb);color:var(--color-primary-hover, #2563eb)}.snackbar-item.outlined.neutral{border-color:var(--border-strong, #4b5563);color:var(--text-secondary, #4b5563)}.snackbar-item.soft{background:rgba(255, 255, 255, 0.95)}.snackbar-item.soft.success{border-left:4px solid var(--color-success, #10b981);background:var(--bg-primary, #ecfdf5);color:var(--color-primary, #065f46)}.snackbar-item.soft.success .snackbar-title,.snackbar-item.soft.success .snackbar-icon{color:var(--color-success-hover, #059669)}.snackbar-item.soft.error{border-left:4px solid var(--color-danger, #ef4444);background:var(--bg-primary, #fef2f2);color:var(--color-danger, #991b1b)}.snackbar-item.soft.error .snackbar-title,.snackbar-item.soft.error .snackbar-icon{color:var(--color-danger-hover, #dc2626)}.snackbar-item.soft.warning{border-left:4px solid var(--color-warning, #f59e0b);background:var(--bg-primary, #fffbeb);color:var(--color-danger, #92400e)}.snackbar-item.soft.warning .snackbar-title,.snackbar-item.soft.warning .snackbar-icon{color:var(--color-warning-hover, #d97706)}.snackbar-item.soft.info{border-left:4px solid var(--color-primary, #10b981);background:var(--bg-primary, #eff6ff);color:var(--color-primary, #1e40af)}.snackbar-item.soft.info .snackbar-title,.snackbar-item.soft.info .snackbar-icon{color:var(--color-primary-hover, #2563eb)}.snackbar-item.soft.neutral{border-left:4px solid var(--color-primary, #475569);background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.snackbar-item.soft.neutral .snackbar-title,.snackbar-item.soft.neutral .snackbar-icon{color:var(--color-primary, #475569)}.snackbar-item.neutral:not(.filled),.snackbar-item.loading:not(.filled){background:var(--bg-primary, #f8fafc);border-color:var(--border-subtle, #e2e8f0);color:var(--color-primary, #334155)}.snackbar-item.filled.success{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.snackbar-item.filled.error{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.snackbar-item.filled.warning{background:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.snackbar-item.filled.info{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.snackbar-item.filled.neutral{background:var(--color-primary, #334155);color:var(--text-standard, #ffffff)}.snackbar-item.filled.loading{background:var(--color-primary, #475569);color:var(--text-standard, #ffffff)}.snackbar-item.sovereign{background:linear-gradient(135deg, var(--bg-primary, #1e293b) 0%, var(--bg-secondary, #0f172a) 100%);color:var(--color-danger, #fbbf24);border:1px solid rgba(251, 191, 36, 0.4);box-shadow:0 0 20px rgba(251, 191, 36, 0.15), 0 10px 15px -3px rgba(0, 0, 0, 0.3);overflow:hidden}.snackbar-item.sovereign::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(251, 191, 36, 0.1) 0%, transparent 70%);opacity:0.5;animation:sovereignPulse 4s infinite alternate}.snackbar-item.sovereign .snackbar-title{color:var(--color-danger, #fbbf24);text-shadow:0 0 8px rgba(251, 191, 36, 0.4);letter-spacing:0.05em}.snackbar-item.sovereign .snackbar-badge{background:var(--color-danger, #fbbf24);color:var(--text-primary, #0f172a)}.snackbar-item.sovereign .snackbar-progress{background:var(--color-danger, #fbbf24);box-shadow:0 0 10px var(--color-danger, #fbbf24);height:3px}.snackbar-item.sovereign .snackbar-icon{color:var(--color-danger, #fbbf24);filter:drop-shadow(0 0 5px rgba(251, 191, 36, 0.6))}@keyframes sovereignPulse{0%{transform:scale(1) translate(0, 0);opacity:0.3}100%{transform:scale(1.2) translate(5%, 5%);opacity:0.6}}.snackbar-item.theme-dark{background:var(--bg-secondary, #111827);color:var(--text-standard, #ffffff);border-color:rgba(255, 255, 255, 0.1);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.5)}.snackbar-item{opacity:0;transition:all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease;max-height:200px}.snackbar-item.slide-up{transform:translateY(40px) scale(0.9)}.snackbar-item.slide-down{transform:translateY(-40px) scale(0.9)}.snackbar-item.slide-left{transform:translateX(-100%) scale(0.9)}.snackbar-item.slide-right{transform:translateX(100%) scale(0.9)}.snackbar-item.fade{transform:scale(0.95)}.snackbar-item.scale{transform:scale(0.1)}.snackbar-item.spring{transform:translateY(100px)}.snackbar-item.show{opacity:1;transform:translate(0, 0) scale(1)}.snackbar-item.closing{opacity:0 !important;transform:scale(0.8) translateY(20px) !important;pointer-events:none;max-height:0 !important;margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;overflow:hidden;filter:blur(8px)}.snackbar-container.top-left .snackbar-item.closing,.snackbar-container.top-right .snackbar-item.closing,.snackbar-container.top-center .snackbar-item.closing{transform:scale(0.8) translateY(-20px) !important}.snackbar-item.spring.show{animation:springEntry 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards}@keyframes springEntry{0%{transform:translateY(100px) scale(0.4);opacity:0}70%{transform:translateY(-10px) scale(1.05);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}.snackbar-item.bounce.show{animation:bounceIn 0.5s cubic-bezier(0.36, 0, 0.66, -0.56) forwards}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.1);opacity:1}70%{transform:scale(0.9)}100%{transform:scale(1)}}.snackbar-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.snackbar-action-btn{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;background:rgba(0, 0, 0, 0.1);border:1px solid rgba(0, 0, 0, 0.1);color:inherit;cursor:pointer;transition:all 0.2s}.snackbar-action-btn:hover{background:rgba(0, 0, 0, 0.2)}.snackbar-item.filled .snackbar-action-btn{background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.3)}.snackbar-item.filled .snackbar-action-btn:hover{background:rgba(255, 255, 255, 0.3)}.snackbar-action-btn.variant-primary{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);border-color:var(--color-primary-hover, #2563eb)}.snackbar-action-btn.variant-primary:hover{background:var(--color-primary-hover, #2563eb)}.snackbar-action-btn.variant-danger{background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);border-color:var(--color-danger-hover, #dc2626)}.snackbar-action-btn.variant-danger:hover{background:var(--color-danger-hover, #dc2626)}.snackbar-action-btn.variant-text{background:transparent;border:none;font-weight:600;padding:4px 6px}.snackbar-action-btn.variant-text:hover{text-decoration:underline;background:rgba(0, 0, 0, 0.05)}.snackbar-link{font-size:12px;text-decoration:underline;color:inherit;opacity:0.8;font-weight:500}.snackbar-link:hover{opacity:1}.snackbar-progress{position:absolute;bottom:0;left:0;height:4px;background:rgba(255, 255, 255, 0.5);width:0%;transition:width linear;}.snackbar-container.hovered .snackbar-progress{animation:progressPulse 2s infinite ease-in-out}@keyframes progressPulse{0%,100%{opacity:0.5}50%{opacity:0.8}}.snackbar-item:not(.filled) .snackbar-progress,.snackbar-item.neutral.filled .snackbar-progress,.snackbar-item.outlined .snackbar-progress,.snackbar-item.soft .snackbar-progress{background:currentColor;opacity:0.15}.snackbar-progress-ring{position:absolute;top:12px;right:12px;width:20px;height:20px;transform:rotate(-90deg)}.snackbar-progress-ring circle{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:56.5;stroke-dashoffset:56.5;opacity:0.3}.snackbar-close{background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0.6;transition:all 0.2s}.snackbar-close:hover{opacity:1;background:rgba(0, 0, 0, 0.05)}.snackbar-icon-draw{width:24px;height:24px}.circle{stroke-dasharray:157;stroke-dashoffset:157;stroke-width:2;stroke-miterlimit:10;stroke:currentColor;fill:none;animation:stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}.check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:currentColor;stroke-width:3;animation:stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards}@keyframes stroke{100%{stroke-dashoffset:0}}.snackbar-history-indicator{margin-top:12px;border-top:1px solid rgba(0, 0, 0, 0.05);padding-top:8px;width:100%}.expand-history-btn{background:transparent;border:none;font-size:11px;font-weight:600;color:inherit;opacity:0.6;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:4px}.expand-history-btn:hover{opacity:1;text-decoration:underline}.snackbar-history-list{max-height:0;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;gap:6px}.snackbar-item.history-expanded .snackbar-history-list{max-height:150px;margin-top:8px;overflow-y:auto}.history-item{display:flex;flex-direction:column;padding:6px 8px;background:rgba(0, 0, 0, 0.03);border-radius:4px;font-size:12px}.history-item .history-time{font-size:10px;font-weight:700;opacity:0.5}.history-item .history-msg{opacity:0.8}.theme-dark .history-item{background:rgba(255, 255, 255, 0.05)}.snackbar-item.filled .history-item{background:rgba(255, 255, 255, 0.1)}.snackbar-loading-spinner{width:18px;height:18px;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:var(--bg-primary, #ffffff);animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.snackbar-quick-input{width:100%;margin-top:8px}.snackbar-quick-input input{width:100%;padding:8px 12px;border-radius:6px;border:1px solid rgba(0, 0, 0, 0.1);background:rgba(255, 255, 255, 0.5);font-size:13px;outline:none}.snackbar-quick-input input:focus{border-color:var(--color-primary, #10b981);background:var(--bg-primary, #ffffff)}@media (max-width: 500px){.snackbar-container{left:0 !important;right:0 !important;width:100% !important;max-width:100% !important;transform:none !important;padding:12px !important;bottom:0 !important;top:auto !important;}.snackbar-container.top-left,.snackbar-container.top-right,.snackbar-container.top-center{top:0 !important;bottom:auto !important}.snackbar-item{width:100% !important;min-width:0 !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important}.snackbar-clear-all{width:auto;align-self:center}.snackbar-container.card-stack{min-width:0 !important}.snackbar-container.card-stack::before{display:none}.snackbar-container.card-stack{}}@keyframes sb-particle-burst{0%{transform:translate(-50%, -50%) translate(0, 0) scale(0) rotate(0deg);opacity:0}15%{opacity:1;transform:translate(-50%, -50%) translate(calc(var(--tx) * 0.25px), calc(var(--ty) * 0.25px)) scale(var(--s)) rotate(calc(var(--r) * 0.2deg))}80%{opacity:0.7}100%{transform:translate(-50%, -50%) translate(calc(var(--tx) * 1px), calc(var(--ty) * 1px)) scale(0) rotate(calc(var(--r) * 1deg));opacity:0}}@keyframes sb-particle-float{0%{transform:translate(-50%, -50%) translate(0, 0) scale(0.5) rotate(0deg);opacity:0}20%{opacity:1}100%{transform:translate(-50%, -50%) translate(calc(var(--tx) * 0.5px), calc(var(--ty) * 1px)) scale(0) rotate(calc(var(--r) * 0.5deg));opacity:0}}@keyframes sb-particle-glint{0%{transform:translate(-50%, -50%) scale(0);opacity:0}30%{transform:translate(-50%, -50%) scale(1.6);opacity:1}100%{transform:translate(-50%, -50%) scale(0.3);opacity:0}}.sb-particle{position:absolute;top:50%;left:50%;pointer-events:none;will-change:transform, opacity;z-index:1000;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1);animation-duration:var(--d, 1.2s);animation-delay:var(--delay, 0s)}.sb-particle.sb-particle--burst{width:var(--size, 8px);height:var(--size, 8px);border-radius:50%;background:radial-gradient(circle, #fbbf24 0%, #f97316 60%, transparent 100%);box-shadow:0 0 6px 1px rgba(251, 191, 36, 0.5019607843);animation-name:sb-particle-burst}.sb-particle.sb-particle--float{font-size:var(--size, 14px);line-height:1;animation-name:sb-particle-float}.sb-particle.sb-particle--glint{width:var(--size, 6px);height:var(--size, 6px);border-radius:50%;background:#fff;box-shadow:0 0 4px 2px rgba(255, 255, 255, 0.5019607843);animation-name:sb-particle-glint}.snackbar-particle{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1000;opacity:0;will-change:transform, opacity}.snackbar-particle.type-glow{width:8px;height:8px;background:radial-gradient(circle, #fbbf24 0%, transparent 70%);border-radius:50%;box-shadow:0 0 10px #fbbf24;animation:snackbarParticleExplode 1.6s cubic-bezier(0.19, 1, 0.22, 1) forwards}.snackbar-particle.type-emoji{animation:snackbarParticleExplodeRotate 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards;white-space:nowrap}@keyframes snackbarParticleExplode{0%{transform:translate(-50%, -50%) scale(0);opacity:0}20%{transform:translate(-50%, -50%) scale(1.5);opacity:1}100%{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(0);opacity:0}}@keyframes snackbarParticleExplodeRotate{0%{transform:translate(-50%, -50%) scale(0) rotate(0deg);opacity:0}20%{transform:translate(-50%, -50%) scale(1.5) rotate(0deg);opacity:1}100%{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(0) rotate(var(--rot));opacity:0}}`;
 

package/dist/esm/ui-step.entry.js

@@ -20,7 +20,7 @@ const Step = class {
     /** optional custom renderer - parent will call if present */
     renderContent;
     render() {
-        return (h("div", { key: '439655eeb3c34f1fb7a09232397787d8bb2edf9e', class: "ui-step-container", role: "presentation" }, h("div", { key: 'b9237abc63d6676e3e388c60bc189542eebc768e', class: "ui-step-slots-hidden", style: { display: 'none' } }, h("slot", { key: '84f2032dbf5c05170c1219e0ef81c40701460967', name: "icon" }), h("slot", { key: 'a7c22833c64c592f755bd31e8690d7d96e6da3d8', name: "title" }), h("slot", { key: 'fdb8aae3e821578d0cfc199247577c5c435445f5', name: "description" })), h("slot", { key: '09ffd6d687bf76e5692b20c9fa8238e460c09c9c' })));
+        return (h("div", { key: '34d10339a1b9505e53b2adb8059cfeee2bbb0841', class: "ui-step-container", role: "presentation" }, h("div", { key: 'adfe6db495ad914bb066963d5d01f89ec4c8b500', class: "ui-step-slots-hidden", style: { display: 'none' } }, h("slot", { key: 'f00c0378d9cb2233b917e714ff9c3b73687fb43c', name: "icon" }), h("slot", { key: 'c8fe113292f4181096a2254012cef1c5f2ce9239', name: "title" }), h("slot", { key: '933b9f3adda9b05fa55fad607db3838329c540ed', name: "description" })), h("slot", { key: '16fa7b618483d991cfab40c55bb6e3f42cf431c0' })));
     }
 };
 Step.style = stepCss();

package/dist/esm/ui-stepper.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, a as getElement, h } from './index-DUsoYu9r.js';
-import { s as sanitizeHTML } from './security-D2WzX6vR.js';
+import { s as sanitizeHTML } from './security-Dyu3Nplq.js';
 
 const stepperCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%}.stepper-container{display:flex;width:100%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;box-sizing:border-box}.stepper-horizontal{flex-direction:row}.stepper-vertical{flex-direction:column}.stepper-step{position:relative;display:flex;flex:1;vertical-align:top}.stepper-horizontal .stepper-step{margin-right:16px}.stepper-horizontal .stepper-step:last-child{margin-right:0}.stepper-vertical .stepper-step{flex-direction:column;flex:none;min-height:64px}.stepper-step-wrapper{display:flex;align-items:flex-start;width:100%}.stepper-label-right .stepper-step-wrapper{flex-direction:row}.stepper-label-left .stepper-step-wrapper{flex-direction:row-reverse}.stepper-label-left .stepper-step-indicator{margin-right:0;margin-left:8px}.stepper-horizontal.stepper-label-top .stepper-step-wrapper{flex-direction:column-reverse;align-items:center;text-align:center}.stepper-horizontal.stepper-label-top .stepper-step-indicator{margin-right:0;margin-top:8px}.stepper-horizontal.stepper-label-bottom .stepper-step-wrapper,.stepper-horizontal.stepper-label-vertical .stepper-step-wrapper{flex-direction:column;align-items:center;text-align:center}.stepper-horizontal.stepper-label-bottom .stepper-step-indicator,.stepper-horizontal.stepper-label-vertical .stepper-step-indicator{margin-right:0;margin-bottom:8px}.stepper-horizontal.stepper-label-top .stepper-step-title,.stepper-horizontal.stepper-label-bottom .stepper-step-title{display:block;width:100%}.stepper-horizontal.stepper-label-top .stepper-step-title .stepper-connector,.stepper-horizontal.stepper-label-bottom .stepper-step-title .stepper-connector{display:none}.stepper-horizontal.stepper-label-top .stepper-step-content,.stepper-horizontal.stepper-label-bottom .stepper-step-content{display:flex;flex-direction:column;align-items:center;width:100%}.stepper-label-top .stepper-step-label,.stepper-label-bottom .stepper-step-label{text-align:center;padding-right:0}.stepper-vertical.stepper-label-top .stepper-step-wrapper,.stepper-vertical.stepper-label-bottom .stepper-step-wrapper{flex-direction:row;align-items:flex-start;text-align:left}.stepper-vertical.stepper-label-top .stepper-step-indicator,.stepper-vertical.stepper-label-bottom .stepper-step-indicator{margin-right:8px;margin-top:0;margin-bottom:0}.stepper-vertical.stepper-label-top .stepper-step-content,.stepper-vertical.stepper-label-bottom .stepper-step-content{align-items:flex-start;text-align:left}.stepper-vertical.stepper-label-top .stepper-step-wrapper{align-items:flex-end;align-items:flex-start}.stepper-vertical.stepper-label-bottom .stepper-step-wrapper{align-items:flex-start}.stepper-step-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:8px;background-color:var(--bg-primary, var(--text-standard, #ffffff));border:1px solid rgba(0, 0, 0, 0.25);border-radius:50%;transition:all 0.3s;flex-shrink:0;color:rgba(0, 0, 0, 0.25);font-size:14px;z-index:2}.stepper-shape-square .stepper-step-indicator{border-radius:4px !important}.stepper-shape-square-active .stepper-step-active .stepper-step-indicator{border-radius:4px !important;background-color:var(--bg-primary, #f6ffed) !important;border:1px solid var(--color-success, #b7eb8f) !important;padding:4px;width:38px !important;height:38px !important;position:relative;display:flex !important;align-items:center;justify-content:center;z-index:10}.stepper-shape-square-active .stepper-step-active .stepper-step-indicator::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:24px;height:24px;background-color:var(--color-primary, #1677ff);border-radius:50%;z-index:-1}.stepper-shape-square-active .stepper-step-active .stepper-step-indicator .stepper-step-icon,.stepper-shape-square-active .stepper-step-active .stepper-step-indicator .stepper-step-number,.stepper-shape-square-active .stepper-step-active .stepper-step-indicator ui-icon{color:var(--text-standard, #ffffff) !important;font-size:14px;--icon-color:var(--text-standard, #ffffff)}.stepper--primary{--stepper-color:var(--color-primary, #1677ff);--stepper-color-hover:var(--color-primary, #4096ff);--stepper-success:var(--color-success, #52c41a);--stepper-error:var(--color-danger, #ff4d4f);--stepper-warning:var(--color-danger, #faad14)}.stepper--success{--stepper-color:var(--color-success, #52c41a);--stepper-color-hover:var(--color-success, #73d13d)}.stepper--warning{--stepper-color:var(--color-danger, #faad14);--stepper-color-hover:var(--color-danger, #ffc53d)}.stepper--danger{--stepper-color:var(--color-danger, #ff4d4f);--stepper-color-hover:var(--color-danger, #ff7875)}.stepper-label-vertical .stepper-step-indicator{margin-right:0;margin-bottom:8px}.stepper-step-active .stepper-step-indicator{background-color:var(--stepper-color, #1677ff);border-color:var(--stepper-color, #1677ff);color:var(--text-standard, #ffffff)}.stepper-step-active .stepper-step-label{color:var(--stepper-color, #1677ff);font-weight:600}.stepper-shape-square-active .stepper-step-active .stepper-step-label{color:var(--color-success, #52c41a) !important;font-weight:700}.stepper-step-completed .stepper-step-indicator,.stepper-step-success .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-success, #52c41a);color:var(--color-success, #52c41a)}.stepper-step-completed .stepper-step-label,.stepper-step-success .stepper-step-label{color:rgba(0, 0, 0, 0.45)}.stepper-step-failed .stepper-step-indicator,.stepper-step-error .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-danger, #ff4d4f);color:var(--color-danger, #ff4d4f)}.stepper-step-failed .stepper-step-label,.stepper-step-error .stepper-step-label{color:var(--color-danger, #ff4d4f)}.stepper-step-pending .stepper-step-indicator,.stepper-step-waiting .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:rgba(0, 0, 0, 0.25);color:rgba(0, 0, 0, 0.25)}.stepper-step-info .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-primary, #1677ff);color:var(--color-primary, #1677ff)}.stepper-step-info .stepper-step-label{color:rgba(0, 0, 0, 0.45)}.stepper-step-warning .stepper-step-indicator{background-color:var(--bg-primary, var(--text-standard, #ffffff));border-color:var(--color-danger, #faad14);color:var(--color-danger, #faad14)}.stepper-step-warning .stepper-step-label{color:rgba(0, 0, 0, 0.45)}.stepper-step-disabled .stepper-step-indicator{background-color:var(--bg-primary, #f5f5f5);border-color:var(--border-default, #d9d9d9);color:rgba(0, 0, 0, 0.25);cursor:not-allowed}.stepper-step-disabled .stepper-step-label{color:rgba(0, 0, 0, 0.25);cursor:not-allowed}.stepper-step-icon{font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.stepper-progress-circle{position:absolute;top:-1px;left:-1px;width:34px;height:34px;transform:rotate(-90deg)}.stepper-progress-bg{fill:none;stroke:rgba(0, 0, 0, 0.06);stroke-width:2px}.stepper-progress-value{fill:none;stroke:var(--color-primary, #1677ff);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dashoffset 0.3s ease}.stepper-sm .stepper-progress-circle{width:26px;height:26px}.stepper-step-image-icon{width:20px;height:20px;border-radius:50%;object-fit:cover}.stepper-step-custom-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.stepper-step-custom-icon svg{width:16px;height:16px}.stepper-step-content{display:flex;flex-direction:column;flex:1;min-height:32px;justify-content:center}.stepper-step-label{position:relative;display:inline-block;padding-right:16px;color:rgba(0, 0, 0, 0.45);font-size:14px;line-height:32px;white-space:nowrap}.stepper-vertical .stepper-step-label{line-height:32px}.stepper-step-description{color:rgba(0, 0, 0, 0.45);font-size:14px;line-height:1.5;white-space:normal}.stepper-step-title{display:flex;align-items:center;position:relative}.stepper-connector{position:absolute;background-color:rgba(0, 0, 0, 0.06);transition:background-color 0.3s}.stepper-horizontal .stepper-connector{position:relative;flex:1;height:1px;margin:0 8px;background-color:rgba(0, 0, 0, 0.06);opacity:1;visibility:visible}.stepper-horizontal.stepper-label-bottom .stepper-connector{position:absolute;top:16px;left:50%;width:calc(100% + 16px);margin:0}.stepper-horizontal.stepper-label-top .stepper-connector{position:absolute;top:auto;bottom:16px;left:50%;width:calc(100% + 16px);margin:0}.stepper-horizontal.stepper-label-top .stepper-step,.stepper-horizontal.stepper-label-bottom .stepper-step{position:relative}.stepper-vertical .stepper-connector{top:36px;left:16px;width:1px;height:calc(100% - 40px);flex:var(--icon-line-flex, none)}.stepper-step-completed .stepper-connector,.stepper-step-success .stepper-connector,.stepper-shape-square-active .stepper-step-active .stepper-connector,.stepper-shape-square-active .stepper-connector-active{background-color:var(--color-success, #52c41a) !important;height:2px}.stepper-dot .stepper-step-indicator{width:8px;height:8px;margin-right:8px;margin-left:0;border:none;background-color:rgba(0, 0, 0, 0.25)}.stepper-dot .stepper-dot-inner{display:none}.stepper-dot .stepper-step-active .stepper-step-indicator{width:10px;height:10px;background-color:var(--color-primary, #1677ff)}.stepper-dot.stepper-horizontal .stepper-connector{position:absolute;top:4px;left:16px;width:calc(100% - 24px);margin:0}.stepper-dot.stepper-horizontal.stepper-label-bottom .stepper-connector{top:4px;left:50%;width:calc(100% + 16px);margin:0}.stepper-dot.stepper-horizontal.stepper-label-top .stepper-connector{top:auto;bottom:4px;left:50%;width:calc(100% + 16px);margin:0}.stepper-dot.stepper-vertical .stepper-connector{left:4px;top:10px}.stepper-dot .stepper-step-wrapper{align-items:center}.stepper-dot .stepper-step-content{min-height:auto}.stepper-sm .stepper-step-indicator{width:24px;height:24px;font-size:12px}.stepper-sm .stepper-step-label{font-size:14px;line-height:24px}.stepper-sm.stepper-horizontal .stepper-connector{top:12px}.stepper-lg .stepper-step-indicator{width:40px;height:40px;font-size:18px}.stepper-lg .stepper-step-label{font-size:16px;line-height:40px}.stepper-variant-inline{display:inline-flex;gap:0;border:1px solid var(--border-default, #d9d9d9);border-radius:6px;padding:0;background:var(--bg-primary, #ffffff);overflow:hidden}.stepper-variant-inline .stepper-step{padding:10px 20px;margin:0;border-right:1px solid var(--border-default, #d9d9d9);background:var(--bg-primary, #fafafa);transition:all 0.3s;position:relative}.stepper-variant-inline .stepper-step:last-child{border-right:none}.stepper-variant-inline .stepper-step:hover{background:var(--bg-primary, #f0f0f0)}.stepper-variant-inline .stepper-step-active{background:var(--color-primary, #1677ff);color:var(--text-standard, #ffffff)}.stepper-variant-inline .stepper-step-active .stepper-step-label{color:var(--text-standard, #ffffff);font-weight:600}.stepper-variant-inline .stepper-step-completed{background:var(--bg-primary, #f6ffed)}.stepper-variant-inline .stepper-connector{display:none}.stepper-variant-inline .stepper-step-indicator{width:18px;height:18px;font-size:11px}.stepper-variant-inline .stepper-step-wrapper{align-items:center}.stepper-variant-inline .stepper-step-content{min-height:auto}.stepper-variant-inline .stepper-step-label{line-height:18px;font-size:13px}.stepper-sub-steps{margin-top:8px;padding-left:12px;display:flex;flex-direction:column;gap:4px}.stepper-sub-step{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(0, 0, 0, 0.45)}.sub-step-dot{width:6px;height:6px;border-radius:50%;background-color:rgba(0, 0, 0, 0.25)}.stepper-sub-step-active .sub-step-label{color:var(--color-primary, #1677ff);font-weight:500}.stepper-sub-step-active .sub-step-dot{background-color:var(--color-primary, #1677ff)}.stepper-sub-step-completed .sub-step-dot{background-color:var(--color-success, #52c41a)}.stepper-controls{display:flex;gap:8px;margin-top:24px;justify-content:flex-end}.stepper-btn{padding:4px 15px;border-radius:6px;border:1px solid var(--border-default, #d9d9d9);background:var(--bg-primary, #ffffff);cursor:pointer;transition:all 0.2s}.stepper-btn:hover{color:var(--color-primary, #4096ff);border-color:var(--color-primary, #4096ff)}.stepper-btn.prev:hover{color:var(--color-primary, #4096ff);border-color:var(--color-primary, #4096ff)}.stepper-btn:disabled{color:rgba(0, 0, 0, 0.25);background-color:var(--bg-primary, #f5f5f5);border-color:var(--border-default, #d9d9d9);cursor:not-allowed}.stepper-step-clickable{cursor:pointer}.stepper-step-clickable:hover .stepper-step-indicator{border-color:var(--color-primary, #1677ff);color:var(--color-primary, #1677ff)}.stepper-step-clickable:hover .stepper-step-label{color:var(--color-primary, #1677ff)}.stepper-step-error-message{color:var(--color-danger, #ff4d4f);font-size:12px;margin-top:4px}.stepper-variant-navigation{border-bottom:1px solid rgba(0, 0, 0, 0.06);padding-bottom:8px}.stepper-variant-navigation .stepper-step{padding:8px 16px;margin:0;transition:background-color 0.3s}.stepper-variant-navigation .stepper-step::after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background-color:transparent;transition:all 0.3s}.stepper-variant-navigation .stepper-step-active::after{background-color:var(--color-primary, #1677ff)}.stepper-variant-navigation .stepper-step:hover{background-color:rgba(0, 0, 0, 0.02)}.stepper-variant-navigation .stepper-connector{display:none}.stepper-variant-panel{gap:0;background:transparent;padding:0;position:relative}.stepper-variant-panel .stepper-step{background:var(--bg-primary, #ffffff);border-radius:8px;padding:20px 24px;border:2px solid var(--border-subtle, #e8e8e8);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);margin:0;margin-right:24px;flex:1;box-shadow:0 1px 2px rgba(0, 0, 0, 0.04);position:relative}.stepper-variant-panel .stepper-step:last-child{margin-right:0}.stepper-variant-panel .stepper-step::after{content:"";position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid var(--border-subtle, #ffffff);z-index:2}.stepper-variant-panel .stepper-step::before{content:"";position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid var(--border-subtle, #e8e8e8);z-index:1}.stepper-variant-panel .stepper-step:last-child::after,.stepper-variant-panel .stepper-step:last-child::before{display:none}.stepper-variant-panel .stepper-step:hover{border-color:var(--border-default, #d9d9d9);box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}.stepper-variant-panel .stepper-step-active{background:linear-gradient(135deg, var(--bg-primary, #e6f4ff) 0%, var(--bg-primary, #f0f8ff) 100%);border-color:var(--color-primary, #1677ff);box-shadow:0 4px 12px rgba(22, 119, 255, 0.15);transform:scale(1.02)}.stepper-variant-panel .stepper-step-active::after{border-left-color:var(--border-subtle, #f0f8ff)}.stepper-variant-panel .stepper-step-active::before{border-left-color:var(--color-primary, #1677ff)}.stepper-variant-panel .stepper-step-active .stepper-step-indicator{background:linear-gradient(135deg, var(--color-primary, #1677ff) 0%, var(--color-primary, #4096ff) 100%);box-shadow:0 2px 8px rgba(22, 119, 255, 0.3)}.stepper-variant-panel .stepper-step-completed{background:var(--bg-primary, #f6ffed);border-color:var(--color-success, #b7eb8f)}.stepper-variant-panel .stepper-step-completed::after{border-left-color:var(--border-subtle, #f6ffed)}.stepper-variant-panel .stepper-step-completed::before{border-left-color:var(--color-success, #b7eb8f)}.stepper-variant-panel .stepper-step-completed .stepper-step-indicator{background:linear-gradient(135deg, var(--color-success, #52c41a) 0%, var(--color-success, #73d13d) 100%)}.stepper-variant-panel .stepper-step-label{font-weight:600;color:rgba(0, 0, 0, 0.85)}.stepper-variant-panel .stepper-step-active .stepper-step-label{color:var(--color-primary, #1677ff)}.stepper-variant-panel .stepper-connector{display:none}@media (max-width: 768px){.stepper-responsive.stepper-horizontal{flex-direction:column}.stepper-responsive.stepper-horizontal .stepper-step{margin-right:0;margin-bottom:16px}}.stepper-content-slot{display:none;margin-top:12px;width:100%}.stepper-step-active .stepper-content-slot{display:block}.stepper-vertical .stepper-content-slot{padding-left:0}.stepper-progress-bar{position:relative;width:100%;height:8px;background:var(--bg-primary, #e5e7eb);border-radius:4px;margin-bottom:24px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg, var(--color-success, #3dcd58), var(--color-success, #22c55e));border-radius:4px;transition:width 0.4s ease;position:relative}.progress-text{position:absolute;top:12px;right:0;font-size:0.75rem;font-weight:600;color:var(--text-muted, #6b7280)}.step-optional-badge{font-size:10px;background-color:var(--bg-primary, #f5f5f5);color:var(--text-secondary, #595959);padding:2px 6px;border-radius:10px;margin-left:8px;margin-top:4px;display:inline-block;vertical-align:middle}.scroll-indicator{position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:10}.scroll-indicator--left{left:0;background:linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}.scroll-indicator--right{right:0;background:linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}.stepper--snake-layout .snake-container{display:flex;flex-direction:column;gap:0;width:100%}.stepper--snake-layout .snake-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;position:relative;width:100%}.stepper--snake-layout .snake-row--odd{flex-direction:row-reverse}.stepper--snake-layout .stepper-item{position:relative;padding:0;flex:0 0 10%;max-width:10%;display:flex;justify-content:center;z-index:2;box-sizing:border-box}.stepper--snake-layout .step-icon-wrapper{width:32px;height:32px;background:var(--bg-primary, #e5e7eb);border-radius:50%;transition:all 0.2s;font-size:0.75rem;font-weight:700;color:var(--text-muted, #6b7280);display:flex;align-items:center;justify-content:center;z-index:2;position:relative;background-color:var(--bg-primary, var(--text-standard, #ffffff))}.stepper--snake-layout .stepper-item--active .step-icon-wrapper{width:36px;height:36px;background:var(--color-primary, #1677ff);color:var(--text-standard, #ffffff);transform:scale(1.1);box-shadow:0 4px 10px rgba(0, 0, 0, 0.15)}.stepper--snake-layout .stepper-item--completed .step-icon-wrapper{background:var(--color-success, #52c41a);color:var(--text-standard, #ffffff)}.stepper--snake-layout .stepper-item.has-connector::after{content:"";position:absolute;top:50%;height:2px;background:var(--bg-primary, #e5e7eb);z-index:-1;width:100%;left:50%;transform:translateY(-50%)}.stepper--snake-layout .snake-row--odd .stepper-item.has-connector::after{left:auto;right:50%}.stepper--snake-layout .stepper-item--completed.has-connector::after{background:var(--color-success, #52c41a)}.stepper--snake-layout .snake-connector-turn{position:absolute;top:50%;left:50%;transform:translateX(-50%);width:2px;height:64px;background:var(--bg-primary, #e5e7eb);z-index:-2}.stepper--snake-layout .stepper-item--completed.has-row-connector .snake-connector-turn{background:var(--color-success, #52c41a)}`;
 

package/dist/esm/ui-switch.entry.js

@@ -317,8 +317,8 @@ const UISwitch = class {
         return (h("div", { class: "switch-confirm-overlay", onClick: this.handleCancel }, h("div", { class: "switch-confirm-dialog", onClick: e => e.stopPropagation() }, h("div", { class: "confirm-message" }, this.confirmationMessage), h("div", { class: "confirm-actions" }, h("ui-button", { variant: "ghost", size: "sm", onClick: this.handleCancel, label: "Cancel" }), h("ui-button", { variant: "primary", size: "sm", onClick: this.handleConfirm, label: "Confirm" })))));
     }
     render() {
-        const labelElement = this.label && (h("span", { key: 'aaea5d41fe17902800129034edee86b1ba98d9e9', class: "switch-label" }, this.label, this.required && h("span", { key: '93e398287cfb42f1d43052d6f0492dc1cc1b7133', class: "switch-required" }, "*"), this.description && this.descriptionPosition === 'bottom' && (h("span", { key: '91cc70cec284734e944886bbf28deeafb161eec0', class: "switch-description-bottom" }, this.description))));
-        const sideDescription = this.description && this.descriptionPosition === 'side' && (h("span", { key: '5c6b858c2d9e135407a82a394f1472475bca1222', class: "switch-description-side" }, this.description));
+        const labelElement = this.label && (h("span", { key: '7ebf67ab54d6402ea0df0c4de0970d6cc2e43824', class: "switch-label" }, this.label, this.required && h("span", { key: '7044082ec79f25bd865e823bf0b4f8387dc18e11', class: "switch-required" }, "*"), this.description && this.descriptionPosition === 'bottom' && (h("span", { key: 'efe44feacd88bb77a6a8c128811610e7c9e45f16', class: "switch-description-bottom" }, this.description))));
+        const sideDescription = this.description && this.descriptionPosition === 'side' && (h("span", { key: '3fd19deb053caafb0b8482378067b1e0e7c6e93f', class: "switch-description-side" }, this.description));
         const trackStyle = {};
         if (this.gradient && this.gradientColors) {
             try {
@@ -333,7 +333,7 @@ const UISwitch = class {
         if (this.width) {
             hostStyle['--switch-track-width'] = this.width;
         }
-        return (h(Host, { key: '41e4d34b8c2aa2ee57e25823ffc67ac5316ec3e6', style: hostStyle, class: {
+        return (h(Host, { key: '2452fea25ee064d76b1255e099143b7c0c9b22da', style: hostStyle, class: {
                 'switch-host': true,
                 'switch-disabled': this.disabled || this.loading,
                 'switch-readonly': this.readonly,
@@ -350,7 +350,7 @@ const UISwitch = class {
                 [`switch-elevation-${this.elevation}`]: this.elevation > 0,
                 [`switch-color-${this.color}`]: true,
                 [`switch-${this.variant}`]: true,
-            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '6684aba1b0aa8ebb37558a0c7aee00c0be7cb1e9', part: "container", class: {
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'fbf20bb14cc99bd32eb4a52df4eefa60480804c4', part: "container", class: {
                 'switch-container-outer': true,
                 [`switch-${this.size}`]: true,
                 [`switch-color-${this.color}`]: true,
@@ -369,7 +369,7 @@ const UISwitch = class {
                 'switch-shaking': this.isShaking,
                 'switch-animate': this.enableAnimation,
                 'switch-indeterminate': this.indeterminate,
-            } }, h("label", { key: 'd8092db9b999f61d13ed28de07b51f0756b90203', part: "label", class: {
+            } }, h("label", { key: 'e089fc07a8a05b88b7281756e8720f42e4e39dee', part: "label", class: {
                 'switch-container': true,
                 [`switch-${this.size}`]: true,
                 [`switch-color-${this.color}`]: true,
@@ -378,19 +378,19 @@ const UISwitch = class {
                 [`thumb-${this.thumbShape}`]: true,
                 'switch-label-left': this.labelPosition === 'left',
                 'switch-label-right': this.labelPosition === 'right' || !this.labelPosition,
-            } }, this.labelPosition === 'left' && labelElement, h("div", { key: '45e4aebf40ca6590d98871188c95fc0cb7167820', part: "wrapper", class: "switch-wrapper" }, h("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: el => {
+            } }, this.labelPosition === 'left' && labelElement, h("div", { key: '3e1ca73f5839376c5effc92ad13686465dfe1c69', part: "wrapper", class: "switch-wrapper" }, h("input", { key: '620498359d8a26fdc9413e936b423ebc92e9e921', type: "checkbox", class: "switch-input", checked: this.checked, disabled: this.disabled || this.loading, readonly: this.readonly, name: this.name, value: this.value, required: this.required, tabindex: this.switchTabIndex, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, "aria-label": this.ariaLabel || this.label, "aria-checked": this.indeterminate ? 'mixed' : (this.checked ? 'true' : 'false'), "aria-disabled": (this.disabled || this.loading).toString(), "aria-invalid": this.invalid.toString(), ref: el => {
                 if (el && this.indeterminate)
                     el.indeterminate = true;
-            } }), h("div", { key: 'affc51e292c88c6eca57e14ea23ef57c88ef1719', part: "track", class: {
+            } }), h("div", { key: 'ed2db623b8d85ec19ec08b04d49f32ccbd22c2ca', part: "track", class: {
                 'switch-track': true,
                 'switch-track-checked': this.checked,
                 'switch-track-disabled': this.disabled || this.loading,
                 'switch-gradient': this.gradient,
-            }, style: trackStyle }, this.renderTrackText(), h("div", { key: 'be816a97508c3ec53b08a9436079e7475017c503', part: "thumb", class: {
+            }, style: trackStyle }, this.renderTrackText(), h("div", { key: 'f1fb7ac21b764239756664271a156a484d90ae71', part: "thumb", class: {
                 'switch-thumb': true,
                 'switch-thumb-checked': this.checked,
                 'switch-thumb-loading': this.loading,
-            } }, this.getIcon()), this.showRipple && h("div", { key: 'abc8476dd3e164ac6397443dfe46f89c244a8bdb', class: "switch-ripple" }), this.loading && h("div", { key: '049d77febd86e72fb513f4c8ba9012c31b0c55a9', class: "switch-loading-overlay" }))), this.labelPosition === 'right' && labelElement, sideDescription, this.renderSuccessFeedback()), this.renderHelperText(), this.renderTooltip()), this.renderConfirmDialog()));
+            } }, this.getIcon()), this.showRipple && h("div", { key: '12e603dc7715a81be1b49e10f3ff08ecd95d5a25', class: "switch-ripple" }), this.loading && h("div", { key: 'c09738abdd1ee94b9fd7ccb69569ab8b432425ed', class: "switch-loading-overlay" }))), this.labelPosition === 'right' && labelElement, sideDescription, this.renderSuccessFeedback()), this.renderHelperText(), this.renderTooltip()), this.renderConfirmDialog()));
     }
     static get watchers() { return {
         "checked": [{