snice 7.5.0 → 7.7.0

package/dist/cdn/switch/snice-switch.min.js

@@ -1,4 +1,4 @@
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-switch.min.js");var SniceSwitch=function(t,e){"use strict";function i(t,e,i,s,a,n){function l(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var r,c=s.kind,h="getter"===c?"get":"setter"===c?"set":"value",o=!e&&t?s.static?t:t.prototype:null,d=e||(o?Object.getOwnPropertyDescriptor(o,s.name):{}),u=!1,m=i.length-1;m>=0;m--){var b={};for(var p in s)b[p]="access"===p?{}:s[p];for(var p in s.access)b.access[p]=s.access[p];b.addInitializer=function(t){if(u)throw new TypeError("Cannot add initializers after decoration has completed");n.push(l(t||null))};var f=(0,i[m])("accessor"===c?{get:d.get,set:d.set}:d[h],b);if("accessor"===c){if(void 0===f)continue;if(null===f||"object"!=typeof f)throw new TypeError("Object expected");(r=l(f.get))&&(d.get=r),(r=l(f.set))&&(d.set=r),(r=l(f.init))&&a.unshift(r)}else(r=l(f))&&("field"===c?a.unshift(r):d[h]=r)}o&&Object.defineProperty(o,s.name,d),u=!0}function s(t,e,i){for(var s=arguments.length>2,a=0;a<e.length;a++)i=s?e[a].call(t,i):e[a].call(t);return s?i:void 0}"function"==typeof SuppressedError&&SuppressedError;const a=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"];function n(t){return a.some(e=>Boolean(t[e]))}const l=new WeakMap;function r(t){return t.replace(/\s+/gu," ").trim()}function c(t,e){return t===e||t.nodeType===Node.ELEMENT_NODE&&t.contains(e)}function h(t,e){const i=t.getRootNode();return"getElementById"in i?i.getElementById(e):null}function o(t,e){if(t===e)return"";if(t.nodeType===Node.TEXT_NODE)return t.nodeValue||"";if(t.nodeType!==Node.ELEMENT_NODE)return"";const i=t;return i.hidden||"true"===i.getAttribute("aria-hidden")||["script","style","template"].includes(i.localName)?"":"br"===i.localName?" ":"img"===i.localName?i.getAttribute("alt")||"":Array.from(i.childNodes).map(t=>o(t,e)).join(" ")}function d(t,e){const i=t.getAttribute("aria-labelledby");if(i){const s=r(i.split(/\s+/u).map(e=>h(t,e)).filter(e=>Boolean(e)&&e!==t).map(t=>o(t,e)).join(" "));if(s)return s}return t.hasAttribute("aria-label")?r(t.getAttribute("aria-label")||""):r(o(t,e))||r(t.getAttribute("title")||"")}class u{constructor(t,e,i,s,a){this.host=t,this.getInternals=e,this.getTarget=i,this.getFallbackName=s,this.syncRelatedNames=a,this.connected=!1,this.currentLabels=[],this.currentNamingNodes=[],this.referencedIds=new Set,this.handleHostActivation=t=>{if(t.composedPath()[0]!==this.host)return;if(this.currentLabels=this.resolveLabels(),0===this.currentLabels.length)return;const e=this.getTarget();e?e.focus():t.preventDefault()},this.handleLabelActivation=t=>{const e=t.composedPath(),i=t.target;if(i===this.host||i instanceof Node&&this.host.contains(i))return;const s=t.currentTarget;if(e.some(t=>t instanceof HTMLElement&&t!==s&&t.matches('a[href], button, input, select, textarea, [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"]')))return;const a=this.getTarget();a?(a.focus(),setTimeout(()=>{const t=this.getTarget();this.connected&&t?.isConnected&&this.currentLabels.includes(s)&&t.focus()},0)):t.preventDefault()}}get labels(){const t=this.host.getRootNode();if(this.host.id&&"querySelectorAll"in t)try{const e=CSS.escape(this.host.id),i=CSS.escape(this.host.localName);return t.querySelectorAll(`label[for="${e}"], label:not([for]):has(${i}#${e})`)}catch{}return this.getInternals()?.labels??null}get accessibleName(){const t=this.resolveLabels();return r(t.length>0?t.map(t=>d(t,this.host)).join(" "):this.getFallbackName())}connect(){this.connected||(this.connected=!0,this.host.addEventListener("click",this.handleHostActivation),this.bindRegistry(),this.sync())}disconnect(){this.connected&&(this.connected=!1,this.host.removeEventListener("click",this.handleHostActivation),this.unbindLabelActivation(),this.releaseRegistry(),this.currentLabels=[],this.currentNamingNodes=[],this.referencedIds.clear())}sync(){if(this.connected&&this.bindRegistry(),this.unbindLabelActivation(),this.currentLabels=this.resolveLabels(),this.connected)for(const t of this.currentLabels)t.addEventListener("click",this.handleLabelActivation);this.currentNamingNodes=[...this.currentLabels],this.referencedIds.clear();for(const t of this.currentLabels)for(const e of(t.getAttribute("aria-labelledby")||"").split(/\s+/u).filter(Boolean)){this.referencedIds.add(e);const i=h(t,e);i&&i!==t&&this.currentNamingNodes.push(i)}const t=r(this.currentLabels.length>0?this.currentLabels.map(t=>d(t,this.host)).join(" "):this.getFallbackName());this.getTarget()?.setAttribute("aria-label",t),this.syncRelatedNames?.(t)}isAffectedBy(t){if("attributes"===t.type){if(t.target===this.host&&"id"===t.attributeName)return!0;const e=t.target;return"label"===e.localName&&"for"===t.attributeName?this.currentLabels.includes(e)||Boolean(this.host.id)&&e.htmlFor===this.host.id:!("id"!==t.attributeName||!this.referencedIds.has(e.id))||this.currentNamingNodes.some(t=>t===e||t.contains(e))}return!!this.currentNamingNodes.some(e=>e===t.target||e.contains(t.target))||"childList"===t.type&&[...t.addedNodes,...t.removedNodes].some(t=>{if(c(t,this.host)||c(this.host,t))return!0;if(this.currentNamingNodes.some(e=>c(t,e)))return!0;if(t.nodeType!==Node.ELEMENT_NODE)return!1;const e=t;return!!("label"===e.localName?[e]:Array.from(e.querySelectorAll("label"))).some(t=>t.hasAttribute("for")?Boolean(this.host.id)&&t.htmlFor===this.host.id:t.contains(this.host))||[e,...Array.from(e.querySelectorAll("[id]"))].some(t=>this.referencedIds.has(t.id))})}unbindLabelActivation(){for(const t of this.currentLabels)t.removeEventListener("click",this.handleLabelActivation)}bindRegistry(){const t=function(t){const e=t.getRootNode();return e.nodeType===Node.DOCUMENT_NODE||"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot?e:null}(this.host);t!==this.registryRoot&&(this.releaseRegistry(),t&&(this.registryRoot=t,this.registry=function(t){const e=t.nodeType===Node.DOCUMENT_NODE?t.documentElement:t;if(!e||"undefined"==typeof MutationObserver)return null;const i=l.get(t);if(i)return i;const s=new Set,a=new MutationObserver(t=>{for(const e of s)t.some(t=>e.isAffectedBy(t))&&e.sync()});a.observe(e,{subtree:!0,childList:!0,characterData:!0,attributes:!0,attributeFilter:["for","id","aria-label","aria-labelledby","aria-hidden","hidden","alt","title"]});const n={associations:s,observer:a};return l.set(t,n),n}(t)||void 0,this.registry?.associations.add(this)))}releaseRegistry(){this.registry?.associations.delete(this),this.registry&&0===this.registry.associations.size&&this.registryRoot&&(this.registry.observer.disconnect(),l.delete(this.registryRoot)),this.registry=void 0,this.registryRoot=void 0}resolveLabels(){const t=this.host.getRootNode();return"querySelectorAll"in t?Array.from(t.querySelectorAll("label")).filter(t=>t.hasAttribute("for")?Boolean(this.host.id)&&t.htmlFor===this.host.id:t.contains(this.host)):Array.from(this.getInternals()?.labels||[])}}let m=(()=>{let t,a,l,r,c,h,o,d,m,b,p,f,g,w,k,v,y,C,L,N,S,E,A,D,O,q,V,x,I,$,R,T,M,z,F,B,j,P,H=[e.element("snice-switch",{formAssociated:!0,delegatesFocus:!0})],X=[],_=HTMLElement,U=[],W=[],Y=[],G=[],J=[],K=[],Q=[],Z=[],tt=[],et=[],it=[],st=[],at=[],nt=[],lt=[],rt=[],ct=[],ht=[],ot=[],dt=[],ut=[],mt=[],bt=[],pt=[],ft=[],gt=[],wt=[],kt=[],vt=[],yt=[],Ct=[],Lt=[],Nt=[],St=[],Et=[],At=[],Dt=[],Ot=[],qt=[],Vt=[],xt=[];return class extends _{static{a=this}static{const n="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;l=[e.state()],r=[e.state()],c=[e.state()],h=[e.property({type:Boolean,attribute:"checked"})],o=[e.property({type:Boolean})],d=[e.property({type:Boolean})],m=[e.property({type:Boolean})],b=[e.property({type:Boolean})],p=[e.property({})],f=[e.property({})],g=[e.property({})],w=[e.property({})],k=[e.property({attribute:"label-on"})],v=[e.property({attribute:"label-off"})],y=[e.query(".switch-input")],C=[e.query(".switch-track")],L=[e.query(".switch-label")],N=[e.query(".switch-wrapper")],S=[e.query(".switch-state-label--on")],E=[e.query(".switch-state-label--off")],A=[e.render()],D=[e.styles()],O=[e.ready()],q=[e.reconnect()],V=[e.on("click")],x=[e.watch("checkedState")],I=[e.watch("disabled","loading","formDisabled")],$=[e.watch("invalid")],R=[e.watch("required")],T=[e.watch("label")],M=[e.watch("labelOn","labelOff")],z=[e.watch("name")],F=[e.watch("value")],B=[e.watch("defaultChecked")],j=[e.dispatch("switch-change",{bubbles:!0,composed:!0})],P=[e.dispose()],i(this,null,A,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:n},null,U),i(this,null,D,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:n},null,U),i(this,null,O,{kind:"method",name:"init",static:!1,private:!1,access:{has:t=>"init"in t,get:t=>t.init},metadata:n},null,U),i(this,null,q,{kind:"method",name:"onReconnect",static:!1,private:!1,access:{has:t=>"onReconnect"in t,get:t=>t.onReconnect},metadata:n},null,U),i(this,null,V,{kind:"method",name:"handleClick",static:!1,private:!1,access:{has:t=>"handleClick"in t,get:t=>t.handleClick},metadata:n},null,U),i(this,null,x,{kind:"method",name:"handleCheckedChange",static:!1,private:!1,access:{has:t=>"handleCheckedChange"in t,get:t=>t.handleCheckedChange},metadata:n},null,U),i(this,null,I,{kind:"method",name:"handleDisabledChange",static:!1,private:!1,access:{has:t=>"handleDisabledChange"in t,get:t=>t.handleDisabledChange},metadata:n},null,U),i(this,null,$,{kind:"method",name:"handleInvalidChange",static:!1,private:!1,access:{has:t=>"handleInvalidChange"in t,get:t=>t.handleInvalidChange},metadata:n},null,U),i(this,null,R,{kind:"method",name:"handleRequiredChange",static:!1,private:!1,access:{has:t=>"handleRequiredChange"in t,get:t=>t.handleRequiredChange},metadata:n},null,U),i(this,null,T,{kind:"method",name:"handleLabelChange",static:!1,private:!1,access:{has:t=>"handleLabelChange"in t,get:t=>t.handleLabelChange},metadata:n},null,U),i(this,null,M,{kind:"method",name:"handleStateLabelChange",static:!1,private:!1,access:{has:t=>"handleStateLabelChange"in t,get:t=>t.handleStateLabelChange},metadata:n},null,U),i(this,null,z,{kind:"method",name:"handleNameChange",static:!1,private:!1,access:{has:t=>"handleNameChange"in t,get:t=>t.handleNameChange},metadata:n},null,U),i(this,null,F,{kind:"method",name:"handleValueChange",static:!1,private:!1,access:{has:t=>"handleValueChange"in t,get:t=>t.handleValueChange},metadata:n},null,U),i(this,null,B,{kind:"method",name:"handleDefaultCheckedChange",static:!1,private:!1,access:{has:t=>"handleDefaultCheckedChange"in t,get:t=>t.handleDefaultCheckedChange},metadata:n},null,U),i(this,null,j,{kind:"method",name:"dispatchChangeEvent",static:!1,private:!1,access:{has:t=>"dispatchChangeEvent"in t,get:t=>t.dispatchChangeEvent},metadata:n},null,U),i(this,null,P,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:t=>"cleanup"in t,get:t=>t.cleanup},metadata:n},null,U),i(null,null,l,{kind:"field",name:"checkedState",static:!1,private:!1,access:{has:t=>"checkedState"in t,get:t=>t.checkedState,set:(t,e)=>{t.checkedState=e}},metadata:n},W,Y),i(null,null,r,{kind:"field",name:"formDisabled",static:!1,private:!1,access:{has:t=>"formDisabled"in t,get:t=>t.formDisabled,set:(t,e)=>{t.formDisabled=e}},metadata:n},G,J),i(null,null,c,{kind:"field",name:"constraintInvalid",static:!1,private:!1,access:{has:t=>"constraintInvalid"in t,get:t=>t.constraintInvalid,set:(t,e)=>{t.constraintInvalid=e}},metadata:n},K,Q),i(null,null,h,{kind:"field",name:"defaultChecked",static:!1,private:!1,access:{has:t=>"defaultChecked"in t,get:t=>t.defaultChecked,set:(t,e)=>{t.defaultChecked=e}},metadata:n},Z,tt),i(null,null,o,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:n},et,it),i(null,null,d,{kind:"field",name:"loading",static:!1,private:!1,access:{has:t=>"loading"in t,get:t=>t.loading,set:(t,e)=>{t.loading=e}},metadata:n},st,at),i(null,null,m,{kind:"field",name:"required",static:!1,private:!1,access:{has:t=>"required"in t,get:t=>t.required,set:(t,e)=>{t.required=e}},metadata:n},nt,lt),i(null,null,b,{kind:"field",name:"invalid",static:!1,private:!1,access:{has:t=>"invalid"in t,get:t=>t.invalid,set:(t,e)=>{t.invalid=e}},metadata:n},rt,ct),i(null,null,p,{kind:"field",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:n},ht,ot),i(null,null,f,{kind:"field",name:"name",static:!1,private:!1,access:{has:t=>"name"in t,get:t=>t.name,set:(t,e)=>{t.name=e}},metadata:n},dt,ut),i(null,null,g,{kind:"field",name:"value",static:!1,private:!1,access:{has:t=>"value"in t,get:t=>t.value,set:(t,e)=>{t.value=e}},metadata:n},mt,bt),i(null,null,w,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:n},pt,ft),i(null,null,k,{kind:"field",name:"labelOn",static:!1,private:!1,access:{has:t=>"labelOn"in t,get:t=>t.labelOn,set:(t,e)=>{t.labelOn=e}},metadata:n},gt,wt),i(null,null,v,{kind:"field",name:"labelOff",static:!1,private:!1,access:{has:t=>"labelOff"in t,get:t=>t.labelOff,set:(t,e)=>{t.labelOff=e}},metadata:n},kt,vt),i(null,null,y,{kind:"field",name:"input",static:!1,private:!1,access:{has:t=>"input"in t,get:t=>t.input,set:(t,e)=>{t.input=e}},metadata:n},yt,Ct),i(null,null,C,{kind:"field",name:"track",static:!1,private:!1,access:{has:t=>"track"in t,get:t=>t.track,set:(t,e)=>{t.track=e}},metadata:n},Lt,Nt),i(null,null,L,{kind:"field",name:"labelElement",static:!1,private:!1,access:{has:t=>"labelElement"in t,get:t=>t.labelElement,set:(t,e)=>{t.labelElement=e}},metadata:n},St,Et),i(null,null,N,{kind:"field",name:"wrapper",static:!1,private:!1,access:{has:t=>"wrapper"in t,get:t=>t.wrapper,set:(t,e)=>{t.wrapper=e}},metadata:n},At,Dt),i(null,null,S,{kind:"field",name:"onLabel",static:!1,private:!1,access:{has:t=>"onLabel"in t,get:t=>t.onLabel,set:(t,e)=>{t.onLabel=e}},metadata:n},Ot,qt),i(null,null,E,{kind:"field",name:"offLabel",static:!1,private:!1,access:{has:t=>"offLabel"in t,get:t=>t.offLabel,set:(t,e)=>{t.offLabel=e}},metadata:n},Vt,xt),i(null,t={value:a},H,{kind:"class",name:a.name,metadata:n},null,X),a=t.value,n&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:n}),s(a,X)}constructor(){super(),this.internals=s(this,U),this.dirtyCheckedness=!1,this.checkedState=s(this,W,!1),this.formDisabled=(s(this,Y),s(this,G,!1)),this.constraintInvalid=(s(this,J),s(this,K,!1)),this.customValidationMessage=(s(this,Q),""),this.defaultChecked=s(this,Z,!1),this.disabled=(s(this,tt),s(this,et,!1)),this.loading=(s(this,it),s(this,st,!1)),this.required=(s(this,at),s(this,nt,!1)),this.invalid=(s(this,lt),s(this,rt,!1)),this.size=(s(this,ct),s(this,ht,"medium")),this.name=(s(this,ot),s(this,dt,"")),this.value=(s(this,ut),s(this,mt,"on")),this.label=(s(this,bt),s(this,pt,"")),this.labelOn=(s(this,ft),s(this,gt,"")),this.labelOff=(s(this,wt),s(this,kt,"")),this.input=(s(this,vt),s(this,yt,void 0)),this.track=(s(this,Ct),s(this,Lt,void 0)),this.labelElement=(s(this,Nt),s(this,St,void 0)),this.wrapper=(s(this,Et),s(this,At,void 0)),this.onLabel=(s(this,Dt),s(this,Ot,void 0)),this.offLabel=(s(this,qt),s(this,Vt,void 0)),this.inputId=(s(this,xt),`snice-switch-${Math.random().toString(36).slice(2,10)}`),this.labelId=`${this.inputId}-label`,"function"==typeof this.attachInternals&&(this.internals=this.attachInternals()),this.labelAssociation=new u(this,()=>this.internals,()=>this.interactionDisabled?void 0:this.input,()=>this.label||"Switch")}get checked(){return this.checkedState}set checked(t){this.setCheckedness(Boolean(t),!0)}formAssociatedCallback(){this.syncFormState()}formResetCallback(){this.dirtyCheckedness=!1,this.setCheckedness(this.defaultChecked,!1),this.syncFormState()}formDisabledCallback(t){this.formDisabled=t,this.syncValidity()}formStateRestoreCallback(t){"checked"===t?this.setCheckedness(!0,!0):"unchecked"===t&&this.setCheckedness(!1,!0),this.syncFormState()}get interactionDisabled(){return this.disabled||this.formDisabled||this.loading}render(){const t=this.invalid||this.constraintInvalid;return e.html`
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-switch.min.js");var SniceSwitch=function(t,e){"use strict";function i(t,e,i,a,s,n){function l(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var r,c=a.kind,h="getter"===c?"get":"setter"===c?"set":"value",o=!e&&t?a.static?t:t.prototype:null,d=e||(o?Object.getOwnPropertyDescriptor(o,a.name):{}),u=!1,m=i.length-1;m>=0;m--){var p={};for(var b in a)p[b]="access"===b?{}:a[b];for(var b in a.access)p.access[b]=a.access[b];p.addInitializer=function(t){if(u)throw new TypeError("Cannot add initializers after decoration has completed");n.push(l(t||null))};var g=(0,i[m])("accessor"===c?{get:d.get,set:d.set}:d[h],p);if("accessor"===c){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(r=l(g.get))&&(d.get=r),(r=l(g.set))&&(d.set=r),(r=l(g.init))&&s.unshift(r)}else(r=l(g))&&("field"===c?s.unshift(r):d[h]=r)}o&&Object.defineProperty(o,a.name,d),u=!0}function a(t,e,i){for(var a=arguments.length>2,s=0;s<e.length;s++)i=a?e[s].call(t,i):e[s].call(t);return a?i:void 0}"function"==typeof SuppressedError&&SuppressedError;const s=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"];function n(t){return s.some(e=>Boolean(t[e]))}const l=new WeakMap;function r(t){return t.replace(/\s+/gu," ").trim()}function c(t,e){return t===e||t.nodeType===Node.ELEMENT_NODE&&t.contains(e)}function h(t,e){const i=t.getRootNode();return"getElementById"in i?i.getElementById(e):null}function o(t,e){if(t===e)return"";if(t.nodeType===Node.TEXT_NODE)return t.nodeValue||"";if(t.nodeType!==Node.ELEMENT_NODE)return"";const i=t;return i.hidden||"true"===i.getAttribute("aria-hidden")||["script","style","template"].includes(i.localName)?"":"br"===i.localName?" ":"img"===i.localName?i.getAttribute("alt")||"":Array.from(i.childNodes).map(t=>o(t,e)).join(" ")}function d(t,e){const i=t.getAttribute("aria-labelledby");if(i){const a=r(i.split(/\s+/u).map(e=>h(t,e)).filter(e=>Boolean(e)&&e!==t).map(t=>o(t,e)).join(" "));if(a)return a}return t.hasAttribute("aria-label")?r(t.getAttribute("aria-label")||""):r(o(t,e))||r(t.getAttribute("title")||"")}class u{constructor(t,e,i,a,s){this.host=t,this.getInternals=e,this.getTarget=i,this.getFallbackName=a,this.syncRelatedNames=s,this.connected=!1,this.currentLabels=[],this.currentNamingNodes=[],this.referencedIds=new Set,this.handleHostActivation=t=>{if(t.composedPath()[0]!==this.host)return;if(this.currentLabels=this.resolveLabels(),0===this.currentLabels.length)return;const e=this.getTarget();e?e.focus():t.preventDefault()},this.handleLabelActivation=t=>{const e=t.composedPath(),i=t.target;if(i===this.host||i instanceof Node&&this.host.contains(i))return;const a=t.currentTarget;if(e.some(t=>t instanceof HTMLElement&&t!==a&&t.matches('a[href], button, input, select, textarea, [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"]')))return;const s=this.getTarget();s?(s.focus(),setTimeout(()=>{const t=this.getTarget();this.connected&&t?.isConnected&&this.currentLabels.includes(a)&&t.focus()},0)):t.preventDefault()}}get labels(){const t=this.host.getRootNode();if(this.host.id&&"querySelectorAll"in t)try{const e=CSS.escape(this.host.id),i=CSS.escape(this.host.localName);return t.querySelectorAll(`label[for="${e}"], label:not([for]):has(${i}#${e})`)}catch{}return this.getInternals()?.labels??null}get accessibleName(){const t=this.resolveLabels();return r(t.length>0?t.map(t=>d(t,this.host)).join(" "):this.getFallbackName())}connect(){this.connected||(this.connected=!0,this.host.addEventListener("click",this.handleHostActivation),this.bindRegistry(),this.sync())}disconnect(){this.connected&&(this.connected=!1,this.host.removeEventListener("click",this.handleHostActivation),this.unbindLabelActivation(),this.releaseRegistry(),this.currentLabels=[],this.currentNamingNodes=[],this.referencedIds.clear())}sync(){if(this.connected&&this.bindRegistry(),this.unbindLabelActivation(),this.currentLabels=this.resolveLabels(),this.connected)for(const t of this.currentLabels)t.addEventListener("click",this.handleLabelActivation);this.currentNamingNodes=[...this.currentLabels],this.referencedIds.clear();for(const t of this.currentLabels)for(const e of(t.getAttribute("aria-labelledby")||"").split(/\s+/u).filter(Boolean)){this.referencedIds.add(e);const i=h(t,e);i&&i!==t&&this.currentNamingNodes.push(i)}const t=r(this.currentLabels.length>0?this.currentLabels.map(t=>d(t,this.host)).join(" "):this.getFallbackName());this.getTarget()?.setAttribute("aria-label",t),this.syncRelatedNames?.(t)}isAffectedBy(t){if("attributes"===t.type){if(t.target===this.host&&"id"===t.attributeName)return!0;const e=t.target;return"label"===e.localName&&"for"===t.attributeName?this.currentLabels.includes(e)||Boolean(this.host.id)&&e.htmlFor===this.host.id:!("id"!==t.attributeName||!this.referencedIds.has(e.id))||this.currentNamingNodes.some(t=>t===e||t.contains(e))}return!!this.currentNamingNodes.some(e=>e===t.target||e.contains(t.target))||"childList"===t.type&&[...t.addedNodes,...t.removedNodes].some(t=>{if(c(t,this.host)||c(this.host,t))return!0;if(this.currentNamingNodes.some(e=>c(t,e)))return!0;if(t.nodeType!==Node.ELEMENT_NODE)return!1;const e=t;return!!("label"===e.localName?[e]:Array.from(e.querySelectorAll("label"))).some(t=>t.hasAttribute("for")?Boolean(this.host.id)&&t.htmlFor===this.host.id:t.contains(this.host))||[e,...Array.from(e.querySelectorAll("[id]"))].some(t=>this.referencedIds.has(t.id))})}unbindLabelActivation(){for(const t of this.currentLabels)t.removeEventListener("click",this.handleLabelActivation)}bindRegistry(){const t=function(t){const e=t.getRootNode();return e.nodeType===Node.DOCUMENT_NODE||"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot?e:null}(this.host);t!==this.registryRoot&&(this.releaseRegistry(),t&&(this.registryRoot=t,this.registry=function(t){const e=t.nodeType===Node.DOCUMENT_NODE?t.documentElement:t;if(!e||"undefined"==typeof MutationObserver)return null;const i=l.get(t);if(i)return i;const a=new Set,s=new MutationObserver(t=>{for(const e of a)t.some(t=>e.isAffectedBy(t))&&e.sync()});s.observe(e,{subtree:!0,childList:!0,characterData:!0,attributes:!0,attributeFilter:["for","id","aria-label","aria-labelledby","aria-hidden","hidden","alt","title"]});const n={associations:a,observer:s};return l.set(t,n),n}(t)||void 0,this.registry?.associations.add(this)))}releaseRegistry(){this.registry?.associations.delete(this),this.registry&&0===this.registry.associations.size&&this.registryRoot&&(this.registry.observer.disconnect(),l.delete(this.registryRoot)),this.registry=void 0,this.registryRoot=void 0}resolveLabels(){const t=this.host.getRootNode();return"querySelectorAll"in t?Array.from(t.querySelectorAll("label")).filter(t=>t.hasAttribute("for")?Boolean(this.host.id)&&t.htmlFor===this.host.id:t.contains(this.host)):Array.from(this.getInternals()?.labels||[])}}let m=(()=>{let t,s,l,r,c,h,o,d,m,p,b,g,f,k,w,v,y,C,L,N,S,E,A,O,x,D,q,V,$,I,z,R,T,M,F,B,j,P,H=[e.element("snice-switch",{formAssociated:!0,delegatesFocus:!0})],_=[],U=HTMLElement,W=[],X=[],Y=[],G=[],J=[],K=[],Q=[],Z=[],tt=[],et=[],it=[],at=[],st=[],nt=[],lt=[],rt=[],ct=[],ht=[],ot=[],dt=[],ut=[],mt=[],pt=[],bt=[],gt=[],ft=[],kt=[],wt=[],vt=[],yt=[],Ct=[],Lt=[],Nt=[],St=[],Et=[],At=[],Ot=[],xt=[],Dt=[],qt=[],Vt=[];return class extends U{static{s=this}static{const n="function"==typeof Symbol&&Symbol.metadata?Object.create(U[Symbol.metadata]??null):void 0;l=[e.state()],r=[e.state()],c=[e.state()],h=[e.property({type:Boolean,attribute:"checked"})],o=[e.property({type:Boolean})],d=[e.property({type:Boolean})],m=[e.property({type:Boolean})],p=[e.property({type:Boolean})],b=[e.property({})],g=[e.property({})],f=[e.property({})],k=[e.property({})],w=[e.property({attribute:"label-on"})],v=[e.property({attribute:"label-off"})],y=[e.query(".switch-input")],C=[e.query(".switch-track")],L=[e.query(".switch-label")],N=[e.query(".switch-wrapper")],S=[e.query(".switch-state-label--on")],E=[e.query(".switch-state-label--off")],A=[e.render()],O=[e.styles()],x=[e.ready()],D=[e.reconnect()],q=[e.on("click")],V=[e.watch("checkedState")],$=[e.watch("disabled","loading","formDisabled")],I=[e.watch("invalid")],z=[e.watch("required")],R=[e.watch("label")],T=[e.watch("labelOn","labelOff")],M=[e.watch("name")],F=[e.watch("value")],B=[e.watch("defaultChecked")],j=[e.dispatch("switch-change",{bubbles:!0,composed:!0})],P=[e.dispose()],i(this,null,A,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:n},null,W),i(this,null,O,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:n},null,W),i(this,null,x,{kind:"method",name:"init",static:!1,private:!1,access:{has:t=>"init"in t,get:t=>t.init},metadata:n},null,W),i(this,null,D,{kind:"method",name:"onReconnect",static:!1,private:!1,access:{has:t=>"onReconnect"in t,get:t=>t.onReconnect},metadata:n},null,W),i(this,null,q,{kind:"method",name:"handleClick",static:!1,private:!1,access:{has:t=>"handleClick"in t,get:t=>t.handleClick},metadata:n},null,W),i(this,null,V,{kind:"method",name:"handleCheckedChange",static:!1,private:!1,access:{has:t=>"handleCheckedChange"in t,get:t=>t.handleCheckedChange},metadata:n},null,W),i(this,null,$,{kind:"method",name:"handleDisabledChange",static:!1,private:!1,access:{has:t=>"handleDisabledChange"in t,get:t=>t.handleDisabledChange},metadata:n},null,W),i(this,null,I,{kind:"method",name:"handleInvalidChange",static:!1,private:!1,access:{has:t=>"handleInvalidChange"in t,get:t=>t.handleInvalidChange},metadata:n},null,W),i(this,null,z,{kind:"method",name:"handleRequiredChange",static:!1,private:!1,access:{has:t=>"handleRequiredChange"in t,get:t=>t.handleRequiredChange},metadata:n},null,W),i(this,null,R,{kind:"method",name:"handleLabelChange",static:!1,private:!1,access:{has:t=>"handleLabelChange"in t,get:t=>t.handleLabelChange},metadata:n},null,W),i(this,null,T,{kind:"method",name:"handleStateLabelChange",static:!1,private:!1,access:{has:t=>"handleStateLabelChange"in t,get:t=>t.handleStateLabelChange},metadata:n},null,W),i(this,null,M,{kind:"method",name:"handleNameChange",static:!1,private:!1,access:{has:t=>"handleNameChange"in t,get:t=>t.handleNameChange},metadata:n},null,W),i(this,null,F,{kind:"method",name:"handleValueChange",static:!1,private:!1,access:{has:t=>"handleValueChange"in t,get:t=>t.handleValueChange},metadata:n},null,W),i(this,null,B,{kind:"method",name:"handleDefaultCheckedChange",static:!1,private:!1,access:{has:t=>"handleDefaultCheckedChange"in t,get:t=>t.handleDefaultCheckedChange},metadata:n},null,W),i(this,null,j,{kind:"method",name:"dispatchChangeEvent",static:!1,private:!1,access:{has:t=>"dispatchChangeEvent"in t,get:t=>t.dispatchChangeEvent},metadata:n},null,W),i(this,null,P,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:t=>"cleanup"in t,get:t=>t.cleanup},metadata:n},null,W),i(null,null,l,{kind:"field",name:"checkedState",static:!1,private:!1,access:{has:t=>"checkedState"in t,get:t=>t.checkedState,set:(t,e)=>{t.checkedState=e}},metadata:n},X,Y),i(null,null,r,{kind:"field",name:"formDisabled",static:!1,private:!1,access:{has:t=>"formDisabled"in t,get:t=>t.formDisabled,set:(t,e)=>{t.formDisabled=e}},metadata:n},G,J),i(null,null,c,{kind:"field",name:"constraintInvalid",static:!1,private:!1,access:{has:t=>"constraintInvalid"in t,get:t=>t.constraintInvalid,set:(t,e)=>{t.constraintInvalid=e}},metadata:n},K,Q),i(null,null,h,{kind:"field",name:"defaultChecked",static:!1,private:!1,access:{has:t=>"defaultChecked"in t,get:t=>t.defaultChecked,set:(t,e)=>{t.defaultChecked=e}},metadata:n},Z,tt),i(null,null,o,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:n},et,it),i(null,null,d,{kind:"field",name:"loading",static:!1,private:!1,access:{has:t=>"loading"in t,get:t=>t.loading,set:(t,e)=>{t.loading=e}},metadata:n},at,st),i(null,null,m,{kind:"field",name:"required",static:!1,private:!1,access:{has:t=>"required"in t,get:t=>t.required,set:(t,e)=>{t.required=e}},metadata:n},nt,lt),i(null,null,p,{kind:"field",name:"invalid",static:!1,private:!1,access:{has:t=>"invalid"in t,get:t=>t.invalid,set:(t,e)=>{t.invalid=e}},metadata:n},rt,ct),i(null,null,b,{kind:"field",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:n},ht,ot),i(null,null,g,{kind:"field",name:"name",static:!1,private:!1,access:{has:t=>"name"in t,get:t=>t.name,set:(t,e)=>{t.name=e}},metadata:n},dt,ut),i(null,null,f,{kind:"field",name:"value",static:!1,private:!1,access:{has:t=>"value"in t,get:t=>t.value,set:(t,e)=>{t.value=e}},metadata:n},mt,pt),i(null,null,k,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:n},bt,gt),i(null,null,w,{kind:"field",name:"labelOn",static:!1,private:!1,access:{has:t=>"labelOn"in t,get:t=>t.labelOn,set:(t,e)=>{t.labelOn=e}},metadata:n},ft,kt),i(null,null,v,{kind:"field",name:"labelOff",static:!1,private:!1,access:{has:t=>"labelOff"in t,get:t=>t.labelOff,set:(t,e)=>{t.labelOff=e}},metadata:n},wt,vt),i(null,null,y,{kind:"field",name:"input",static:!1,private:!1,access:{has:t=>"input"in t,get:t=>t.input,set:(t,e)=>{t.input=e}},metadata:n},yt,Ct),i(null,null,C,{kind:"field",name:"track",static:!1,private:!1,access:{has:t=>"track"in t,get:t=>t.track,set:(t,e)=>{t.track=e}},metadata:n},Lt,Nt),i(null,null,L,{kind:"field",name:"labelElement",static:!1,private:!1,access:{has:t=>"labelElement"in t,get:t=>t.labelElement,set:(t,e)=>{t.labelElement=e}},metadata:n},St,Et),i(null,null,N,{kind:"field",name:"wrapper",static:!1,private:!1,access:{has:t=>"wrapper"in t,get:t=>t.wrapper,set:(t,e)=>{t.wrapper=e}},metadata:n},At,Ot),i(null,null,S,{kind:"field",name:"onLabel",static:!1,private:!1,access:{has:t=>"onLabel"in t,get:t=>t.onLabel,set:(t,e)=>{t.onLabel=e}},metadata:n},xt,Dt),i(null,null,E,{kind:"field",name:"offLabel",static:!1,private:!1,access:{has:t=>"offLabel"in t,get:t=>t.offLabel,set:(t,e)=>{t.offLabel=e}},metadata:n},qt,Vt),i(null,t={value:s},H,{kind:"class",name:s.name,metadata:n},null,_),s=t.value,n&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:n}),a(s,_)}constructor(){super(),this.internals=a(this,W),this.dirtyCheckedness=!1,this.checkedState=a(this,X,!1),this.formDisabled=(a(this,Y),a(this,G,!1)),this.constraintInvalid=(a(this,J),a(this,K,!1)),this.customValidationMessage=(a(this,Q),""),this.defaultChecked=a(this,Z,!1),this.disabled=(a(this,tt),a(this,et,!1)),this.loading=(a(this,it),a(this,at,!1)),this.required=(a(this,st),a(this,nt,!1)),this.invalid=(a(this,lt),a(this,rt,!1)),this.size=(a(this,ct),a(this,ht,"medium")),this.name=(a(this,ot),a(this,dt,"")),this.value=(a(this,ut),a(this,mt,"on")),this.label=(a(this,pt),a(this,bt,"")),this.labelOn=(a(this,gt),a(this,ft,"")),this.labelOff=(a(this,kt),a(this,wt,"")),this.input=(a(this,vt),a(this,yt,void 0)),this.track=(a(this,Ct),a(this,Lt,void 0)),this.labelElement=(a(this,Nt),a(this,St,void 0)),this.wrapper=(a(this,Et),a(this,At,void 0)),this.onLabel=(a(this,Ot),a(this,xt,void 0)),this.offLabel=(a(this,Dt),a(this,qt,void 0)),this.inputId=(a(this,Vt),`snice-switch-${Math.random().toString(36).slice(2,10)}`),this.labelId=`${this.inputId}-label`,"function"==typeof this.attachInternals&&(this.internals=this.attachInternals()),this.labelAssociation=new u(this,()=>this.internals,()=>this.interactionDisabled?void 0:this.input,()=>this.label||"Switch")}get checked(){return this.checkedState}set checked(t){this.setCheckedness(Boolean(t),!0)}formAssociatedCallback(){this.syncFormState()}formResetCallback(){this.dirtyCheckedness=!1,this.setCheckedness(this.defaultChecked,!1),this.syncFormState()}formDisabledCallback(t){this.formDisabled=t,this.syncValidity()}formStateRestoreCallback(t){"checked"===t?this.setCheckedness(!0,!0):"unchecked"===t&&this.setCheckedness(!1,!0),this.syncFormState()}get interactionDisabled(){return this.disabled||this.formDisabled||this.loading}render(){const t=this.invalid||this.constraintInvalid;return e.html`
       <label class="${`switch-wrapper${this.interactionDisabled?" switch-wrapper--disabled":""}${this.loading?" switch-wrapper--loading":""}`}" for="${this.inputId}">
         <input
           id="${this.inputId}"
@@ -24,8 +24,12 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
             </if>
           </span>
           <if ${this.labelOn||this.labelOff}>
-            <span class="switch-state-label switch-state-label--on">${this.labelOn}</span>
-            <span class="switch-state-label switch-state-label--off">${this.labelOff}</span>
+            <span class="switch-state-label switch-state-label--on" part="label-on">${this.labelOn}</span>
+            <span class="switch-state-label switch-state-label--off" part="label-off">${this.labelOff}</span>
+            <span class="switch-track-sizer" aria-hidden="true">
+              <span>${this.labelOn}</span>
+              <span>${this.labelOff}</span>
+            </span>
           </if>
         </span>
 
@@ -35,5 +39,5 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </span>
         </if>
       </label>
-    `}styles(){return e.css`${":host([hidden]){display:none}:host{display:inline-flex;align-items:center;align-self:flex-end;min-height:2.5rem;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}:host([size=small]){min-height:2rem;align-self:center}:host([size=large]){min-height:3rem;align-self:center}.switch-wrapper{display:inline-flex;align-items:center;gap:var(--snice-spacing-xs,.5rem);cursor:pointer;user-select:none}.switch-wrapper--disabled{cursor:not-allowed;opacity:.6}.switch-input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;display:inline-block;background:var(--snice-color-border,rgb(226 226 226));border-radius:999px;transition:background-color var(--snice-transition-fast, 150ms) ease}.switch-track--small{width:2.25rem;height:1.25rem}.switch-track--medium{width:2.75rem;height:1.5rem}.switch-track--large{width:3.25rem;height:1.75rem}.switch-thumb{position:absolute;top:2px;left:2px;background:var(--snice-color-surface-container-lowest,rgb(255 255 255));border-radius:50%;box-shadow:var(--snice-shadow-sm,0 2px 6px 0 rgb(0 0 0 / .04),0 2px 4px -1px rgb(0 0 0 / .06));transition:transform var(--snice-transition-fast, 150ms) ease;z-index:2}.switch-track--small .switch-thumb{width:1rem;height:1rem}.switch-track--medium .switch-thumb{width:1.25rem;height:1.25rem}.switch-track--large .switch-thumb{width:1.5rem;height:1.5rem}.switch-input:checked~.switch-track{background:var(--snice-color-primary,rgb(37 99 235))}.switch-input:checked~.switch-track--small .switch-thumb{transform:translateX(1rem)}.switch-input:checked~.switch-track--medium .switch-thumb{transform:translateX(1.25rem)}.switch-input:checked~.switch-track--large .switch-thumb{transform:translateX(1.5rem)}.switch-input:focus-visible~.switch-track{box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.switch-input:disabled~.switch-track{background:var(--snice-color-surface-container-low,rgb(250 250 250))}.switch-input:disabled~.switch-track .switch-thumb{background:var(--snice-color-surface-container-lowest,rgb(255 255 255))}.switch-input:disabled:checked~.switch-track{background:var(--snice-color-text-secondary,rgb(82 82 82))}.switch-track--invalid{background:var(--snice-color-danger-subtle,rgb(254 226 226))}.switch-input:checked~.switch-track--invalid{background:var(--snice-color-danger,rgb(220 38 38))}.switch-wrapper:not(.switch-wrapper--disabled):hover .switch-track{background:var(--snice-color-border-hover,rgb(163 163 163))}.switch-wrapper:not(.switch-wrapper--disabled):hover .switch-input:checked~.switch-track{background:var(--snice-color-primary-hover,rgb(29 78 216))}.switch-label{color:var(--snice-color-text,rgb(23 23 23));cursor:pointer}.switch-label--small{font-size:var(--snice-font-size-sm, .875rem)}.switch-label--medium{font-size:var(--snice-font-size-md, 1rem)}.switch-label--large{font-size:var(--snice-font-size-lg, 1.125rem)}.switch-wrapper--disabled .switch-label{color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:not-allowed}.switch-label--required::after{content:' *';color:var(--snice-color-danger,rgb(220 38 38))}.switch-state-label{position:absolute;top:50%;transform:translateY(-50%);font-size:.5rem;font-weight:var(--snice-font-weight-bold,700);text-transform:uppercase;letter-spacing:var(--snice-tracking-widest, .1em);opacity:0;transition:opacity var(--snice-transition-fast, 150ms) ease;pointer-events:none;z-index:1}.switch-state-label--on{left:.3125rem;color:var(--snice-color-text-inverse,rgb(250 250 250));mix-blend-mode:overlay}.switch-state-label--off{right:.375rem;color:var(--snice-color-text,rgb(23 23 23))}.switch-track--medium .switch-state-label{font-size:.5625rem}.switch-track--medium .switch-state-label--on{left:.3125rem}.switch-track--medium .switch-state-label--off{right:.5rem}.switch-track--large .switch-state-label{font-size:.625rem}.switch-track--large .switch-state-label--on{left:.4375rem}.switch-track--large .switch-state-label--off{right:.5rem}.switch-input:checked~.switch-track .switch-state-label--on,.switch-input:not(:checked)~.switch-track .switch-state-label--off{opacity:.7}.switch-track--small .switch-state-label{display:none}.switch-track--loading .switch-thumb{animation:1s ease-in-out infinite switch-pulse}@keyframes switch-pulse{0%,100%{opacity:1}50%{opacity:.5}}.switch-wrapper--loading{cursor:wait;opacity:.7}.switch-track--loading{cursor:wait}.switch-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.switch-spinner::after{content:'';display:block;width:.625em;height:.625em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}:host([label-off]) .switch-track--small,:host([label-on]) .switch-track--small{width:3rem}:host([label-off]) .switch-track--medium,:host([label-on]) .switch-track--medium{width:3.5rem}:host([label-off]) .switch-track--large,:host([label-on]) .switch-track--large{width:4rem}:host([label-off]) .switch-input:checked~.switch-track--small .switch-thumb,:host([label-on]) .switch-input:checked~.switch-track--small .switch-thumb{transform:translateX(1.75rem)}:host([label-off]) .switch-input:checked~.switch-track--medium .switch-thumb,:host([label-on]) .switch-input:checked~.switch-track--medium .switch-thumb{transform:translateX(2rem)}:host([label-off]) .switch-input:checked~.switch-track--large .switch-thumb,:host([label-on]) .switch-input:checked~.switch-track--large .switch-thumb{transform:translateX(2.25rem)}"}`}init(){if(Object.prototype.hasOwnProperty.call(this,"checked")){const t=Boolean(this.checked);delete this.checked,this.checked=t}else this.dirtyCheckedness||this.setCheckedness(this.defaultChecked,!1);this.input&&(this.input.checked=this.checked,this.name&&(this.input.name=this.name),this.value&&(this.input.value=this.value)),this.syncFormState(),this.labelAssociation.connect(),this.updateStateLabels()}onReconnect(){this.labelAssociation.connect()}setCheckedness(t,e){e&&(this.dirtyCheckedness=!0),this.checkedState=t}syncFormState(){var t,e,i;e=this.checked?this.value:null,i=this.checked?"checked":"unchecked",(t=this.internals)&&"function"==typeof t.setFormValue&&(void 0===i?t.setFormValue(e):t.setFormValue(e,i)),this.syncValidity()}syncValidity(){this.input&&(this.input.checked=this.checked,this.input.required=this.required,this.input.disabled=this.interactionDisabled,this.input.setCustomValidity(this.customValidationMessage));const t=this.interactionDisabled?{}:{customError:Boolean(this.customValidationMessage),valueMissing:this.required&&!this.checked},e=n(t),i=this.customValidationMessage||this.input?.validationMessage||(e?"Please turn on this switch.":"");this.constraintInvalid=e;const s=this.invalid||e;this.input?.setAttribute("aria-invalid",String(s)),this.track?.classList.toggle("switch-track--invalid",s),function(t,e,i,s){t&&"function"==typeof t.setValidity&&(n(e)?s?t.setValidity(e,i,s):t.setValidity(e,i):t.setValidity({}))}(this.internals,t,i,this.input)}handleChange(t){const e=t.currentTarget;e.matches(".switch-input")&&(this.checked=e.checked,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchChangeEvent())}handleClick(t){t.target.matches(".switch-input")&&t.stopPropagation()}handleCheckedChange(){this.input&&(this.input.checked=this.checked,this.input.setAttribute("aria-checked",String(this.checked))),this.syncFormState()}handleDisabledChange(){this.input&&(this.input.disabled=this.interactionDisabled),this.wrapper&&this.wrapper.classList.toggle("switch-wrapper--disabled",this.interactionDisabled),this.syncValidity()}handleInvalidChange(){this.input&&this.input.setAttribute("aria-invalid",String(this.invalid||this.constraintInvalid)),this.track&&this.track.classList.toggle("switch-track--invalid",this.invalid||this.constraintInvalid)}handleRequiredChange(){this.input&&(this.input.required=this.required),this.labelElement&&this.labelElement.classList.toggle("switch-label--required",this.required),this.syncValidity()}handleLabelChange(){this.labelElement&&(this.labelElement.textContent=this.label,this.labelElement.style.display=this.label?"":"none"),this.labelAssociation.sync()}handleStateLabelChange(){this.updateStateLabels()}handleNameChange(){this.input&&(this.input.name=this.name)}handleValueChange(){this.input&&(this.input.value=this.value),this.syncFormState()}handleDefaultCheckedChange(){this.dirtyCheckedness||this.setCheckedness(this.defaultChecked,!1)}updateStateLabels(){this.onLabel&&(this.onLabel.textContent=this.labelOn,this.onLabel.style.display=this.labelOn?"":"none"),this.offLabel&&(this.offLabel.textContent=this.labelOff,this.offLabel.style.display=this.labelOff?"":"none")}dispatchChangeEvent(){return{checked:this.checked,switch:this}}focus(){this.input?.focus()}blur(){this.input?.blur()}click(){this.interactionDisabled||this.input?.click()}toggle(){this.click()}get type(){return"checkbox"}get form(){return function(t,e){if(e?.form)return e.form;const i=t.getAttribute("form");if(null!==i){const e=t.getRootNode();return"querySelectorAll"in e?Array.from(e.querySelectorAll("form[id]")).find(t=>t instanceof HTMLFormElement&&t.id===i)??null:null}return t.closest("form")}(this,this.internals)}get validity(){return this.internals?.validity??this.input.validity}get validationMessage(){return this.internals?.validationMessage??this.input?.validationMessage??""}get willValidate(){return!this.interactionDisabled&&(this.internals?.willValidate??this.input?.willValidate??!1)}get labels(){return this.labelAssociation.labels}checkValidity(){return this.syncValidity(),this.internals?.checkValidity()??this.input?.checkValidity()??!0}reportValidity(){return this.syncValidity(),this.internals?.reportValidity()??this.input?.reportValidity()??!0}setCustomValidity(t){this.customValidationMessage=String(t),this.syncValidity()}cleanup(){this.labelAssociation.disconnect()}},a})();return t.SniceSwitch=m,t}({},Snice);
+    `}styles(){return e.css`${":host([hidden]){display:none}:host{display:inline-flex;align-items:center;align-self:flex-end;min-height:2.5rem;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}:host([size=small]){min-height:2rem;align-self:center}:host([size=large]){min-height:3rem;align-self:center}.switch-wrapper{display:inline-flex;align-items:center;gap:var(--snice-spacing-xs,.5rem);cursor:pointer;user-select:none}.switch-wrapper--disabled{cursor:not-allowed;opacity:.6}.switch-input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;display:inline-block;background:var(--snice-color-border,rgb(226 226 226));border-radius:999px;transition:background-color var(--snice-transition-fast, 150ms) ease}.switch-track--small{min-width:2.25rem;height:1.25rem}.switch-track--medium{min-width:2.75rem;height:1.5rem}.switch-track--large{min-width:3.25rem;height:1.75rem}.switch-thumb{position:absolute;top:2px;left:2px;background:var(--snice-color-surface-container-lowest,rgb(255 255 255));border-radius:50%;box-shadow:var(--snice-shadow-sm,0 2px 6px 0 rgb(0 0 0 / .04),0 2px 4px -1px rgb(0 0 0 / .06));transition:left var(--snice-transition-fast, 150ms) ease;z-index:2}.switch-track--small .switch-thumb{width:1rem;height:1rem}.switch-track--medium .switch-thumb{width:1.25rem;height:1.25rem}.switch-track--large .switch-thumb{width:1.5rem;height:1.5rem}.switch-input:checked~.switch-track{background:var(--snice-color-primary,rgb(37 99 235))}.switch-input:checked~.switch-track--small .switch-thumb{left:calc(100% - 1rem - 2px)}.switch-input:checked~.switch-track--medium .switch-thumb{left:calc(100% - 1.25rem - 2px)}.switch-input:checked~.switch-track--large .switch-thumb{left:calc(100% - 1.5rem - 2px)}.switch-input:focus-visible~.switch-track{box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.switch-input:disabled~.switch-track{background:var(--snice-color-surface-container-low,rgb(250 250 250))}.switch-input:disabled~.switch-track .switch-thumb{background:var(--snice-color-surface-container-lowest,rgb(255 255 255))}.switch-input:disabled:checked~.switch-track{background:var(--snice-color-text-secondary,rgb(82 82 82))}.switch-track--invalid{background:var(--snice-color-danger-subtle,rgb(254 226 226))}.switch-input:checked~.switch-track--invalid{background:var(--snice-color-danger,rgb(220 38 38))}.switch-wrapper:not(.switch-wrapper--disabled):hover .switch-track{background:var(--snice-color-border-hover,rgb(163 163 163))}.switch-wrapper:not(.switch-wrapper--disabled):hover .switch-input:checked~.switch-track{background:var(--snice-color-primary-hover,rgb(29 78 216))}.switch-label{color:var(--snice-color-text,rgb(23 23 23));cursor:pointer}.switch-label--small{font-size:var(--snice-font-size-sm, .875rem)}.switch-label--medium{font-size:var(--snice-font-size-md, 1rem)}.switch-label--large{font-size:var(--snice-font-size-lg, 1.125rem)}.switch-wrapper--disabled .switch-label{color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:not-allowed}.switch-label--required::after{content:' *';color:var(--snice-color-danger,rgb(220 38 38))}.switch-state-label,.switch-track-sizer>span{font-size:.5rem;font-weight:var(--snice-font-weight-bold,700);text-transform:uppercase;letter-spacing:var(--snice-tracking-widest, .1em)}.switch-state-label{position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:opacity var(--snice-transition-fast, 150ms) ease;pointer-events:none;z-index:1}.switch-track-sizer{display:grid;visibility:hidden}.switch-track-sizer>span{grid-area:1/1;white-space:nowrap}.switch-state-label--on{left:.3125rem;color:var(--snice-color-text-inverse,rgb(250 250 250))}.switch-state-label--off{right:.375rem;color:var(--snice-color-text,rgb(23 23 23))}.switch-track--medium .switch-state-label,.switch-track--medium .switch-track-sizer>span{font-size:.5625rem}.switch-track--medium .switch-track-sizer{padding-left:calc(1.25rem + 6px);padding-right:.5rem}.switch-track--large .switch-track-sizer{padding-left:calc(1.5rem + 6px);padding-right:.5rem}.switch-track--medium .switch-state-label--on{left:.3125rem}.switch-track--medium .switch-state-label--off{right:.5rem}.switch-track--large .switch-state-label,.switch-track--large .switch-track-sizer>span{font-size:.625rem}.switch-track--large .switch-state-label--on{left:.4375rem}.switch-track--large .switch-state-label--off{right:.5rem}.switch-input:checked~.switch-track .switch-state-label--on,.switch-input:not(:checked)~.switch-track .switch-state-label--off{opacity:1}.switch-track--small .switch-state-label,.switch-track--small .switch-track-sizer{display:none}.switch-track--loading .switch-thumb{animation:1s ease-in-out infinite switch-pulse}@keyframes switch-pulse{0%,100%{opacity:1}50%{opacity:.5}}.switch-wrapper--loading{cursor:wait;opacity:.7}.switch-track--loading{cursor:wait}.switch-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.switch-spinner::after{content:'';display:block;width:.625em;height:.625em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}init(){if(Object.prototype.hasOwnProperty.call(this,"checked")){const t=Boolean(this.checked);delete this.checked,this.checked=t}else this.dirtyCheckedness||this.setCheckedness(this.defaultChecked,!1);this.input&&(this.input.checked=this.checked,this.name&&(this.input.name=this.name),this.value&&(this.input.value=this.value)),this.syncFormState(),this.labelAssociation.connect(),this.updateStateLabels()}onReconnect(){this.labelAssociation.connect()}setCheckedness(t,e){e&&(this.dirtyCheckedness=!0),this.checkedState=t}syncFormState(){var t,e,i;e=this.checked?this.value:null,i=this.checked?"checked":"unchecked",(t=this.internals)&&"function"==typeof t.setFormValue&&(void 0===i?t.setFormValue(e):t.setFormValue(e,i)),this.syncValidity()}syncValidity(){this.input&&(this.input.checked=this.checked,this.input.required=this.required,this.input.disabled=this.interactionDisabled,this.input.setCustomValidity(this.customValidationMessage));const t=this.interactionDisabled?{}:{customError:Boolean(this.customValidationMessage),valueMissing:this.required&&!this.checked},e=n(t),i=this.customValidationMessage||this.input?.validationMessage||(e?"Please turn on this switch.":"");this.constraintInvalid=e;const a=this.invalid||e;this.input?.setAttribute("aria-invalid",String(a)),this.track?.classList.toggle("switch-track--invalid",a),function(t,e,i,a){t&&"function"==typeof t.setValidity&&(n(e)?a?t.setValidity(e,i,a):t.setValidity(e,i):t.setValidity({}))}(this.internals,t,i,this.input)}handleChange(t){const e=t.currentTarget;e.matches(".switch-input")&&(this.checked=e.checked,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchChangeEvent())}handleClick(t){t.target.matches(".switch-input")&&t.stopPropagation()}handleCheckedChange(){this.input&&(this.input.checked=this.checked,this.input.setAttribute("aria-checked",String(this.checked))),this.syncFormState()}handleDisabledChange(){this.input&&(this.input.disabled=this.interactionDisabled),this.wrapper&&this.wrapper.classList.toggle("switch-wrapper--disabled",this.interactionDisabled),this.syncValidity()}handleInvalidChange(){this.input&&this.input.setAttribute("aria-invalid",String(this.invalid||this.constraintInvalid)),this.track&&this.track.classList.toggle("switch-track--invalid",this.invalid||this.constraintInvalid)}handleRequiredChange(){this.input&&(this.input.required=this.required),this.labelElement&&this.labelElement.classList.toggle("switch-label--required",this.required),this.syncValidity()}handleLabelChange(){this.labelElement&&(this.labelElement.textContent=this.label,this.labelElement.style.display=this.label?"":"none"),this.labelAssociation.sync()}handleStateLabelChange(){this.updateStateLabels()}handleNameChange(){this.input&&(this.input.name=this.name)}handleValueChange(){this.input&&(this.input.value=this.value),this.syncFormState()}handleDefaultCheckedChange(){this.dirtyCheckedness||this.setCheckedness(this.defaultChecked,!1)}updateStateLabels(){this.onLabel&&(this.onLabel.textContent=this.labelOn,this.onLabel.style.display=this.labelOn?"":"none"),this.offLabel&&(this.offLabel.textContent=this.labelOff,this.offLabel.style.display=this.labelOff?"":"none")}dispatchChangeEvent(){return{checked:this.checked,switch:this}}focus(){this.input?.focus()}blur(){this.input?.blur()}click(){this.interactionDisabled||this.input?.click()}toggle(){this.click()}get type(){return"checkbox"}get form(){return function(t,e){if(e?.form)return e.form;const i=t.getAttribute("form");if(null!==i){const e=t.getRootNode();return"querySelectorAll"in e?Array.from(e.querySelectorAll("form[id]")).find(t=>t instanceof HTMLFormElement&&t.id===i)??null:null}return t.closest("form")}(this,this.internals)}get validity(){return this.internals?.validity??this.input.validity}get validationMessage(){return this.internals?.validationMessage??this.input?.validationMessage??""}get willValidate(){return!this.interactionDisabled&&(this.internals?.willValidate??this.input?.willValidate??!1)}get labels(){return this.labelAssociation.labels}checkValidity(){return this.syncValidity(),this.internals?.checkValidity()??this.input?.checkValidity()??!0}reportValidity(){return this.syncValidity(),this.internals?.reportValidity()??this.input?.reportValidity()??!0}setCustomValidity(t){this.customValidationMessage=String(t),this.syncValidity()}cleanup(){this.labelAssociation.disconnect()}},s})();return t.SniceSwitch=m,t}({},Snice);
 //# sourceMappingURL=snice-switch.min.js.map