@warp-ds/elements 2.10.0-next.11 → 2.10.0-next.13

package/dist/packages/card/styles.js

@@ -1,2 +1,2 @@
-import { css } from 'lit';
-export const styles = css `*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.outline{outline-style:solid}.inset-0{top:0;bottom:0;left:0;right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.\\!s-bg-selected{background-color:var(--w-s-color-background-selected)!important}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.\\!hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)!important}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.\\!active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)!important}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)}.s-border{border-color:var(--w-s-color-border)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.group:hover .group-hover\\:s-border-selected-hover{border-color:var(--w-s-color-border-selected-hover)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active)}.group:active .group-active\\:s-border-active{border-color:var(--w-s-color-border-active)}.group:active .group-active\\:s-border-selected-active{border-color:var(--w-s-color-border-selected-active)}.s-surface-elevated-200{background-color:var(--w-s-color-surface-elevated-200);box-shadow:var(--w-s-shadow-surface-elevated-200)}.hover\\:s-surface-elevated-200-hover:hover{background-color:var(--w-s-color-surface-elevated-200-hover);box-shadow:var(--w-s-shadow-surface-elevated-200-hover)}.active\\:s-surface-elevated-200-active:active{background-color:var(--w-s-color-surface-elevated-200-active);box-shadow:var(--w-s-shadow-surface-elevated-200-active)}.cursor-pointer{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}`;
+import { unsafeCSS } from 'lit';
+export const styles = unsafeCSS("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.block{display:block}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.overflow-hidden{overflow:hidden}.outline{outline-style:solid}.inset-0{top:0;bottom:0;left:0;right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.\\!s-bg-selected{background-color:var(--w-s-color-background-selected)!important}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.\\!hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)!important}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.\\!active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)!important}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)}.s-border{border-color:var(--w-s-color-border)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.group:hover .group-hover\\:s-border-selected-hover{border-color:var(--w-s-color-border-selected-hover)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active)}.group:active .group-active\\:s-border-active{border-color:var(--w-s-color-border-active)}.group:active .group-active\\:s-border-selected-active{border-color:var(--w-s-color-border-selected-active)}.s-surface-elevated-200{background-color:var(--w-s-color-surface-elevated-200);box-shadow:var(--w-s-shadow-surface-elevated-200)}.hover\\:s-surface-elevated-200-hover:hover{background-color:var(--w-s-color-surface-elevated-200-hover);box-shadow:var(--w-s-shadow-surface-elevated-200-hover)}.active\\:s-surface-elevated-200-active:active{background-color:var(--w-s-color-surface-elevated-200-active);box-shadow:var(--w-s-shadow-surface-elevated-200-active)}.cursor-pointer{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}");

package/dist/packages/checkbox/checkbox.d.ts

@@ -9,12 +9,12 @@ export declare class WarpCheckbox extends WarpCheckbox_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
     };
-    input: HTMLInputElement | null;
+    input: HTMLInputElement;
     /**
      * The name of the checkbox.
      *

package/dist/packages/checkbox/checkbox.js

@@ -1,4 +1,4 @@
-var pe=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ee=t=>{throw TypeError(t)};var u=(t,r,e,a)=>{for(var l=a>1?void 0:a?ve(r,e):r,g=t.length-1,x;g>=0;g--)(x=t[g])&&(l=(a?x(r,e,l):x(l))||l);return a&&l&&pe(r,e,l),l};var D=(t,r,e)=>r.has(t)||ee("Cannot "+e);var k=(t,r,e)=>(D(t,r,"read from private field"),e?e.call(t):r.get(t)),y=(t,r,e)=>r.has(t)?ee("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),I=(t,r,e,a)=>(D(t,r,"write to private field"),a?a.call(t,e):r.set(t,e),e),b=(t,r,e)=>(D(t,r,"access private method"),e);var n=function(t,r,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?t!==r||!a:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(t):a?a.value:r.get(t)},c=function(t,r,e,a,l){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!l)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?t!==r||!l:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?l.call(t,e):l?l.value=e:r.set(t,e),e};function re(t){var r,e,a,l,g,x,z,be,M,N,R,B,X,E,Z,f,U,O,W;class he extends t{constructor(...o){var i,d,h;super(...o),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),a.set(this,!1),l.set(this,!1),g.set(this,void 0),x.set(this,void 0),z.set(this,!0),M.set(this,""),N.set(this,()=>{c(this,l,!0,"f"),c(this,e,!0,"f"),n(this,r,"m",f).call(this)}),R.set(this,()=>{c(this,e,!1,"f"),n(this,r,"m",U).call(this,this.shouldFormValueUpdate()?n(this,M,"f"):""),!this.validity.valid&&n(this,l,"f")&&c(this,a,!0,"f");let m=n(this,r,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(m?this.internals.validationMessage:"")}),B.set(this,()=>{var m;n(this,z,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),c(this,z,!1,"f")),c(this,l,!0,"f"),c(this,a,!0,"f"),n(this,r,"m",f).call(this),(m=this===null||this===void 0?void 0:this.validationMessageCallback)===null||m===void 0||m.call(this,this.showError?this.internals.validationMessage:"")}),X.set(this,void 0),E.set(this,!1),Z.set(this,Promise.resolve()),(i=this.addEventListener)===null||i===void 0||i.call(this,"focus",n(this,N,"f")),(d=this.addEventListener)===null||d===void 0||d.call(this,"blur",n(this,R,"f")),(h=this.addEventListener)===null||h===void 0||h.call(this,"invalid",n(this,B,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let o=this.validators.map(h=>h.attribute).flat(),i=super.observedAttributes||[];return[...new Set([...i,...o])]}static getValidator(o){return this.validators.find(i=>i.attribute===o)||null}static getValidators(o){return this.validators.filter(i=>{var d;if(i.attribute===o||!((d=i.attribute)===null||d===void 0)&&d.includes(o))return!0})}get form(){return this.internals.form}get showError(){return n(this,r,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(o,i,d){var h;(h=super.attributeChangedCallback)===null||h===void 0||h.call(this,o,i,d);let S=this.constructor.getValidators(o);S?.length&&this.validationTarget&&this.setValue(n(this,M,"f"))}setValue(o){var i;c(this,a,!1,"f"),(i=this.validationMessageCallback)===null||i===void 0||i.call(this,""),c(this,M,o,"f");let h=this.shouldFormValueUpdate()?o:null;this.internals.setFormValue(h),n(this,r,"m",U).call(this,h),this.valueChangedCallback&&this.valueChangedCallback(h),n(this,r,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(o=>o(n(this,Z,"f")))}formResetCallback(){var o,i;c(this,l,!1,"f"),c(this,a,!1,"f"),n(this,r,"m",f).call(this),(o=this.resetFormControl)===null||o===void 0||o.call(this),(i=this.validationMessageCallback)===null||i===void 0||i.call(this,n(this,r,"m",f).call(this)?this.validationMessage:"")}}return e=new WeakMap,a=new WeakMap,l=new WeakMap,g=new WeakMap,x=new WeakMap,z=new WeakMap,M=new WeakMap,N=new WeakMap,R=new WeakMap,B=new WeakMap,X=new WeakMap,E=new WeakMap,Z=new WeakMap,r=new WeakSet,be=function(){let o=this.getRootNode(),i=`${this.localName}[name="${this.getAttribute("name")}"]`;return o.querySelectorAll(i)},f=function(){if(this.hasAttribute("disabled"))return!1;let o=n(this,a,"f")||n(this,l,"f")&&!this.validity.valid&&!n(this,e,"f");return o&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),o},U=function(o){let i=this.constructor,d={},h=i.validators,m=[],S=h.some(v=>v.isValid instanceof Promise);n(this,E,"f")||(c(this,Z,new Promise(v=>{c(this,X,v,"f")}),"f"),c(this,E,!0,"f")),n(this,g,"f")&&(n(this,g,"f").abort(),c(this,x,n(this,g,"f"),"f"));let T=new AbortController;c(this,g,T,"f");let j,Q=!1;h.length&&(h.forEach(v=>{let G=v.key||"customError",C=v.isValid(this,o,T.signal);C instanceof Promise?(m.push(C),C.then(H=>{H!=null&&(d[G]=!H,j=n(this,r,"m",W).call(this,v,o),n(this,r,"m",O).call(this,d,j))})):(d[G]=!C,this.validity[G]!==!C&&(Q=!0),!C&&!j&&(j=n(this,r,"m",W).call(this,v,o)))}),Promise.allSettled(m).then(()=>{var v;T?.signal.aborted||(c(this,E,!1,"f"),(v=n(this,X,"f"))===null||v===void 0||v.call(this))}),(Q||!S)&&n(this,r,"m",O).call(this,d,j))},O=function(o,i){if(this.validationTarget)this.internals.setValidity(o,i,this.validationTarget),c(this,z,!1,"f");else{if(this.internals.setValidity(o,i),this.internals.validity.valid)return;c(this,z,!0,"f")}},W=function(o,i){if(this.validityCallback){let d=this.validityCallback(o.key||"customError");if(d)return d}return o.message instanceof Function?o.message(this,i):o.message},he}import{html as ge,LitElement as ie}from"lit";import{property as w,query as me}from"lit/decorators.js";import{ifDefined as K}from"lit/directives/if-defined.js";import{live as ne}from"lit/directives/live.js";import{css as oe}from"lit";var te=oe`
+var he=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var ee=t=>{throw TypeError(t)};var u=(t,r,e,a)=>{for(var l=a>1?void 0:a?pe(r,e):r,g=t.length-1,x;g>=0;g--)(x=t[g])&&(l=(a?x(r,e,l):x(l))||l);return a&&l&&he(r,e,l),l};var D=(t,r,e)=>r.has(t)||ee("Cannot "+e);var k=(t,r,e)=>(D(t,r,"read from private field"),e?e.call(t):r.get(t)),y=(t,r,e)=>r.has(t)?ee("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),I=(t,r,e,a)=>(D(t,r,"write to private field"),a?a.call(t,e):r.set(t,e),e),b=(t,r,e)=>(D(t,r,"access private method"),e);var n=function(t,r,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?t!==r||!a:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(t):a?a.value:r.get(t)},c=function(t,r,e,a,l){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!l)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?t!==r||!l:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?l.call(t,e):l?l.value=e:r.set(t,e),e};function re(t){var r,e,a,l,g,x,z,ce,M,N,R,B,X,E,Z,f,U,O,W;class be extends t{constructor(...o){var i,d,h;super(...o),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),a.set(this,!1),l.set(this,!1),g.set(this,void 0),x.set(this,void 0),z.set(this,!0),M.set(this,""),N.set(this,()=>{c(this,l,!0,"f"),c(this,e,!0,"f"),n(this,r,"m",f).call(this)}),R.set(this,()=>{c(this,e,!1,"f"),n(this,r,"m",U).call(this,this.shouldFormValueUpdate()?n(this,M,"f"):""),!this.validity.valid&&n(this,l,"f")&&c(this,a,!0,"f");let m=n(this,r,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(m?this.internals.validationMessage:"")}),B.set(this,()=>{var m;n(this,z,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),c(this,z,!1,"f")),c(this,l,!0,"f"),c(this,a,!0,"f"),n(this,r,"m",f).call(this),(m=this===null||this===void 0?void 0:this.validationMessageCallback)===null||m===void 0||m.call(this,this.showError?this.internals.validationMessage:"")}),X.set(this,void 0),E.set(this,!1),Z.set(this,Promise.resolve()),(i=this.addEventListener)===null||i===void 0||i.call(this,"focus",n(this,N,"f")),(d=this.addEventListener)===null||d===void 0||d.call(this,"blur",n(this,R,"f")),(h=this.addEventListener)===null||h===void 0||h.call(this,"invalid",n(this,B,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let o=this.validators.map(h=>h.attribute).flat(),i=super.observedAttributes||[];return[...new Set([...i,...o])]}static getValidator(o){return this.validators.find(i=>i.attribute===o)||null}static getValidators(o){return this.validators.filter(i=>{var d;if(i.attribute===o||!((d=i.attribute)===null||d===void 0)&&d.includes(o))return!0})}get form(){return this.internals.form}get showError(){return n(this,r,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(o,i,d){var h;(h=super.attributeChangedCallback)===null||h===void 0||h.call(this,o,i,d);let S=this.constructor.getValidators(o);S?.length&&this.validationTarget&&this.setValue(n(this,M,"f"))}setValue(o){var i;c(this,a,!1,"f"),(i=this.validationMessageCallback)===null||i===void 0||i.call(this,""),c(this,M,o,"f");let h=this.shouldFormValueUpdate()?o:null;this.internals.setFormValue(h),n(this,r,"m",U).call(this,h),this.valueChangedCallback&&this.valueChangedCallback(h),n(this,r,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(o=>o(n(this,Z,"f")))}formResetCallback(){var o,i;c(this,l,!1,"f"),c(this,a,!1,"f"),n(this,r,"m",f).call(this),(o=this.resetFormControl)===null||o===void 0||o.call(this),(i=this.validationMessageCallback)===null||i===void 0||i.call(this,n(this,r,"m",f).call(this)?this.validationMessage:"")}}return e=new WeakMap,a=new WeakMap,l=new WeakMap,g=new WeakMap,x=new WeakMap,z=new WeakMap,M=new WeakMap,N=new WeakMap,R=new WeakMap,B=new WeakMap,X=new WeakMap,E=new WeakMap,Z=new WeakMap,r=new WeakSet,ce=function(){let o=this.getRootNode(),i=`${this.localName}[name="${this.getAttribute("name")}"]`;return o.querySelectorAll(i)},f=function(){if(this.hasAttribute("disabled"))return!1;let o=n(this,a,"f")||n(this,l,"f")&&!this.validity.valid&&!n(this,e,"f");return o&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),o},U=function(o){let i=this.constructor,d={},h=i.validators,m=[],S=h.some(v=>v.isValid instanceof Promise);n(this,E,"f")||(c(this,Z,new Promise(v=>{c(this,X,v,"f")}),"f"),c(this,E,!0,"f")),n(this,g,"f")&&(n(this,g,"f").abort(),c(this,x,n(this,g,"f"),"f"));let T=new AbortController;c(this,g,T,"f");let j,Q=!1;h.length&&(h.forEach(v=>{let G=v.key||"customError",C=v.isValid(this,o,T.signal);C instanceof Promise?(m.push(C),C.then(H=>{H!=null&&(d[G]=!H,j=n(this,r,"m",W).call(this,v,o),n(this,r,"m",O).call(this,d,j))})):(d[G]=!C,this.validity[G]!==!C&&(Q=!0),!C&&!j&&(j=n(this,r,"m",W).call(this,v,o)))}),Promise.allSettled(m).then(()=>{var v;T?.signal.aborted||(c(this,E,!1,"f"),(v=n(this,X,"f"))===null||v===void 0||v.call(this))}),(Q||!S)&&n(this,r,"m",O).call(this,d,j))},O=function(o,i){if(this.validationTarget)this.internals.setValidity(o,i,this.validationTarget),c(this,z,!1,"f");else{if(this.internals.setValidity(o,i),this.internals.validity.valid)return;c(this,z,!0,"f")}},W=function(o,i){if(this.validityCallback){let d=this.validityCallback(o.key||"customError");if(d)return d}return o.message instanceof Function?o.message(this,i):o.message},be}import{html as me,LitElement as ae}from"lit";import{property as w,query as we}from"lit/decorators.js";import{ifDefined as K}from"lit/directives/if-defined.js";import{live as ie}from"lit/directives/live.js";import{css as ve}from"lit";import{unsafeCSS as ue}from"lit";var oe=ve`
   *,
   :before,
   :after {
@@ -271,7 +271,7 @@ var pe=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ee=t=>{t
   svg {
     pointer-events: none;
   }
-`,ye=oe`*, :before, :after {
+`,ze=ue(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2136,8 +2136,8 @@ var pe=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ee=t=>{t
                 overflow-wrap: break-word
             }
 
-            .before\\:content-\\[\\"–\\"\\]:before {
-                content: "–"
+            .before\\:content-\\[\\"\xE2\u20AC\u201C\\"\\]:before {
+                content: "\xE2\u20AC\u201C"
             }
 
             .before\\:content-\\[\\"\\"\\]:before {
@@ -2437,7 +2437,7 @@ var pe=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ee=t=>{t
                     display: none
                 }
             }
-        `;import{css as ue}from"lit";var ae=ue`
+        `);import{css as ge}from"lit";var te=ge`
   :host {
     --_label-font-size: var(--w-c-checkbox-label-font-size, var(--w-font-size-m));
     --_label-line-height: var(--w-c-checkbox-label-line-height, var(--w-line-height-m));
@@ -2570,7 +2570,7 @@ var pe=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ee=t=>{t
   @media (prefers-reduced-motion: reduce) {
     :host { --w-c-checkbox-transition: none; }
   }
-`;var F,_,A,$,L,s,q,se,le,J,V,P,de,ce,p=class extends re(ie){constructor(){super(...arguments);y(this,s);this.value=null;this.indeterminate=!1;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;y(this,F,!1);y(this,_,!1);y(this,A,!1);y(this,$,()=>{b(this,s,q).call(this),b(this,s,V).call(this)});y(this,L,e=>{if(!this.disabled&&!e.defaultPrevented&&!(e.key!==" "&&e.key!=="Spacebar"&&e.key!=="Enter")){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}e.composedPath()[0]!==this.input&&(e.preventDefault(),this.click())}})}set name(e){this._ownName=e}get name(){return this._ownName||this._groupName}get _computedInvalid(){return this.invalid||this._groupInvalid===!0}connectedCallback(){super.connectedCallback();let e=this.getAttribute("value");this.value=e??"on",I(this,F,this.hasAttribute("checked")),this.checked=k(this,F),this.addEventListener("invalid",k(this,$)),this.addEventListener("keydown",k(this,L)),b(this,s,P).call(this)}handleClick(){this.disabled||(b(this,s,q).call(this),this.checked=!this.checked,this.indeterminate=!1,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}))}updated(e){super.updated(e),(e.has("checked")||e.has("indeterminate"))&&b(this,s,de).call(this),b(this,s,ce).call(this,e)&&(b(this,s,P).call(this),b(this,s,V).call(this))}resetFormControl(){this.checked=k(this,F),b(this,s,P).call(this),b(this,s,V).call(this)}click(){this.disabled||this.input?.click()}focus(e){this.input?.focus(e)}blur(){this.input?.blur()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return b(this,s,V).call(this),this.internals.checkValidity()}reportValidity(){return b(this,s,q).call(this),b(this,s,V).call(this),this.internals.checkValidity()}render(){let e=!this.checked&&this.indeterminate,a=e?"mixed":this.checked?"true":"false";return ge`
+`;var F,_,A,$,L,s,q,ne,se,J,V,P,le,de,p=class extends re(ae){constructor(){super(...arguments);y(this,s);this.value=null;this.indeterminate=!1;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;y(this,F,!1);y(this,_,!1);y(this,A,!1);y(this,$,()=>{b(this,s,q).call(this),b(this,s,V).call(this)});y(this,L,e=>{if(!this.disabled&&!e.defaultPrevented&&!(e.key!==" "&&e.key!=="Spacebar"&&e.key!=="Enter")){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}e.composedPath()[0]!==this.input&&(e.preventDefault(),this.click())}})}set name(e){this._ownName=e}get name(){return this._ownName||this._groupName}get _computedInvalid(){return this.invalid||this._groupInvalid===!0}connectedCallback(){super.connectedCallback();let e=this.getAttribute("value");this.value=e??"on",I(this,F,this.hasAttribute("checked")),this.checked=k(this,F),this.addEventListener("invalid",k(this,$)),this.addEventListener("keydown",k(this,L)),b(this,s,P).call(this)}handleClick(){this.disabled||(b(this,s,q).call(this),this.checked=!this.checked,this.indeterminate=!1,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}))}updated(e){super.updated(e),(e.has("checked")||e.has("indeterminate"))&&b(this,s,le).call(this),b(this,s,de).call(this,e)&&(b(this,s,P).call(this),b(this,s,V).call(this))}resetFormControl(){this.checked=k(this,F),b(this,s,P).call(this),b(this,s,V).call(this)}click(){this.disabled||this.input?.click()}focus(e){this.input?.focus(e)}blur(){this.input?.blur()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return b(this,s,V).call(this),this.internals.checkValidity()}reportValidity(){return b(this,s,q).call(this),b(this,s,V).call(this),this.internals.checkValidity()}render(){let e=!this.checked&&this.indeterminate,a=e?"mixed":this.checked?"true":"false";return me`
       <label part="base" class="wrapper">
         <span part="control" class="checkbox control">
           <input
@@ -2579,8 +2579,8 @@ var pe=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ee=t=>{t
             type="checkbox"
             name=${K(this.name||void 0)}
             value=${K(this.value)}
-            .indeterminate=${ne(this.indeterminate)}
-            .checked=${ne(this.checked)}
+            .indeterminate=${ie(this.indeterminate)}
+            .checked=${ie(this.checked)}
             .disabled=${this.disabled}
             .required=${this.required}
             aria-checked=${a}
@@ -2591,5 +2591,5 @@ var pe=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ee=t=>{t
 
         <slot part="label"></slot>
       </label>
-    `}};F=new WeakMap,_=new WeakMap,A=new WeakMap,$=new WeakMap,L=new WeakMap,s=new WeakSet,q=function(){I(this,A,!0)},se=function(){return this.input?.validationMessage||" "},le=function(){return this.input??void 0},J=function(e){this.internals.setValidity(e,b(this,s,se).call(this),b(this,s,le).call(this))},V=function(){if(this.disabled){this.internals.setValidity({});return}let e=this.required&&!this.checked,a=this.invalid&&!k(this,_);if(e){I(this,_,!0),this.invalid=k(this,A),b(this,s,J).call(this,{valueMissing:!0});return}if(k(this,_)&&(this.invalid=!1,I(this,_,!1)),a){b(this,s,J).call(this,{customError:!0});return}this.internals.setValidity({})},P=function(){if(this.disabled){this.setValue(null);return}let e=this.checked?this.value:null;this.setValue(e)},de=function(){this.input&&(this.input.checked=this.checked,this.input.indeterminate=this.indeterminate)},ce=function(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")},p.styles=[te,ae],p.shadowRootOptions={...ie.shadowRootOptions,delegatesFocus:!0},u([me('input[type="checkbox"]')],p.prototype,"input",2),u([w({reflect:!0})],p.prototype,"name",1),u([w({reflect:!0})],p.prototype,"value",2),u([w({type:Boolean,reflect:!0})],p.prototype,"indeterminate",2),u([w({type:Boolean,reflect:!0})],p.prototype,"checked",2),u([w({type:Boolean,reflect:!0})],p.prototype,"disabled",2),u([w({type:Boolean,reflect:!0})],p.prototype,"required",2),u([w({type:Boolean,reflect:!0})],p.prototype,"invalid",2),u([w({attribute:!1})],p.prototype,"_groupInvalid",2),u([w({attribute:!1})],p.prototype,"_groupName",2);var Ie=p;customElements.get("w-checkbox")||customElements.define("w-checkbox",p);export{Ie as WCheckbox,p as WarpCheckbox};
+    `}};F=new WeakMap,_=new WeakMap,A=new WeakMap,$=new WeakMap,L=new WeakMap,s=new WeakSet,q=function(){I(this,A,!0)},ne=function(){return this.input?.validationMessage||" "},se=function(){return this.input??void 0},J=function(e){this.internals.setValidity(e,b(this,s,ne).call(this),b(this,s,se).call(this))},V=function(){if(this.disabled){this.internals.setValidity({});return}let e=this.required&&!this.checked,a=this.invalid&&!k(this,_);if(e){I(this,_,!0),this.invalid=k(this,A),b(this,s,J).call(this,{valueMissing:!0});return}if(k(this,_)&&(this.invalid=!1,I(this,_,!1)),a){b(this,s,J).call(this,{customError:!0});return}this.internals.setValidity({})},P=function(){if(this.disabled){this.setValue(null);return}let e=this.checked?this.value:null;this.setValue(e)},le=function(){this.input&&(this.input.checked=this.checked,this.input.indeterminate=this.indeterminate)},de=function(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")},p.styles=[oe,te],p.shadowRootOptions={...ae.shadowRootOptions,delegatesFocus:!0},u([we('input[type="checkbox"]')],p.prototype,"input",2),u([w({reflect:!0})],p.prototype,"name",1),u([w({reflect:!0})],p.prototype,"value",2),u([w({type:Boolean,reflect:!0})],p.prototype,"indeterminate",2),u([w({type:Boolean,reflect:!0})],p.prototype,"checked",2),u([w({type:Boolean,reflect:!0})],p.prototype,"disabled",2),u([w({type:Boolean,reflect:!0})],p.prototype,"required",2),u([w({type:Boolean,reflect:!0})],p.prototype,"invalid",2),u([w({attribute:!1})],p.prototype,"_groupInvalid",2),u([w({attribute:!1})],p.prototype,"_groupName",2);var Xe=p;customElements.get("w-checkbox")||customElements.define("w-checkbox",p);export{Xe as WCheckbox,p as WarpCheckbox};
 //# sourceMappingURL=checkbox.js.map