@warp-ds/elements 2.4.0-next.7 → 2.4.0-next.8

package/dist/packages/pagination/pagination.react.stories.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { StoryObj } from '@storybook/react';
+import React from 'react';
 import { Pagination } from './react';
 declare const _default: {
     title: string;

package/dist/packages/pagination/react.js

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
 import { createComponent } from '@lit/react';
+import { LitElement } from 'lit';
 import React from 'react';
 // decouple from CDN by providing a dummy class
 class Component extends LitElement {

package/dist/packages/pill/pill.react.stories.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { StoryObj } from '@storybook/react';
+import React from 'react';
 import { Pill } from './react';
 declare const _default: {
     title: string;

package/dist/packages/pill/react.js

@@ -1,6 +1,6 @@
+import { createComponent } from '@lit/react';
 import { LitElement } from 'lit';
 import React from 'react';
-import { createComponent } from '@lit/react';
 // decouple from CDN by providing a dummy class
 class Component extends LitElement {
 }

package/dist/packages/radio/radio.js

@@ -1,120 +1,4 @@
-var j=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var m=t=>{throw TypeError(t)};var i=(t,a,e,r)=>{for(var o=r>1?void 0:r?T(a,e):a,n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=(r?d(a,e,o):d(o))||o);return r&&o&&j(a,e,o),o};var w=(t,a,e)=>a.has(t)||m("Cannot "+e);var f=(t,a,e)=>(w(t,a,"read from private field"),e?e.call(t):a.get(t)),k=(t,a,e)=>a.has(t)?m("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(t):a.set(t,e),x=(t,a,e,r)=>(w(t,a,"write to private field"),r?r.call(t,e):a.set(t,e),e);import{html as F}from"lit";import{property as h,state as I}from"lit/decorators.js";import{isServer as v}from"lit";import{property as b}from"lit/decorators.js";import{LitElement as L,unsafeCSS as X}from"lit";import{property as z}from"lit/decorators.js";import{css as D}from"lit";var y=D`
-  :host {
-    box-sizing: border-box !important;
-  }
-
-  :host *,
-  :host *::before,
-  :host *::after {
-    box-sizing: inherit !important;
-  }
-`;var p,c=class extends L{constructor(){super();k(this,p,!1);this.initialReflectedProperties=new Map;this.customStates={set:(e,r)=>{var o;(o=this.internals)!=null&&o.states&&(r?this.internals.states.add(e):this.internals.states.delete(e))},has:e=>{var r;return(r=this.internals)!=null&&r.states?this.internals.states.has(e):!1}};try{this.internals=this.attachInternals()}catch(r){console.error("Element internals are not supported in your browser. Consider using a polyfill")}this.customStates.set("wa-defined",!0);let e=this.constructor;for(let[r,o]of e.elementProperties)o.default==="inherit"&&o.initial!==void 0&&typeof r=="string"&&this.customStates.set(`initial-${r}-${o.initial}`,!0)}static get styles(){let e=Array.isArray(this.css)?this.css:this.css?[this.css]:[];return[y,...e].map(r=>typeof r=="string"?X(r):r)}attributeChangedCallback(e,r,o){f(this,p)||(this.constructor.elementProperties.forEach((n,d)=>{n.reflect&&this[d]!=null&&this.initialReflectedProperties.set(d,this[d])}),x(this,p,!0)),super.attributeChangedCallback(e,r,o)}willUpdate(e){super.willUpdate(e),this.initialReflectedProperties.forEach((r,o)=>{e.has(o)&&this[o]==null&&(this[o]=r)})}relayNativeEvent(e,r){e.stopImmediatePropagation(),this.dispatchEvent(new e.constructor(e.type,{...e,...r}))}};p=new WeakMap,i([z()],c.prototype,"dir",2),i([z()],c.prototype,"lang",2);var V=()=>({observedAttributes:["custom-error"],checkValidity(t){let a={message:"",isValid:!0,invalidKeys:[]};return t.customError&&(a.message=t.customError,a.isValid=!1,a.invalidKeys=["customError"]),a}});var g=class extends Event{constructor(){super("w-invalid",{bubbles:!0,cancelable:!1,composed:!0})}};var s=class extends c{constructor(){super();this.name=null;this.disabled=!1;this.required=!1;this.assumeInteractionOn=["input"];this.validators=[];this.valueHasChanged=!1;this.hasInteracted=!1;this.customError=null;this.emittedEvents=[];this.emitInvalid=e=>{e.target===this&&(this.hasInteracted=!0,this.dispatchEvent(new g))};this.handleInteraction=e=>{var o;let r=this.emittedEvents;r.includes(e.type)||r.push(e.type),r.length===((o=this.assumeInteractionOn)==null?void 0:o.length)&&(this.hasInteracted=!0)};v||this.addEventListener("invalid",this.emitInvalid)}static get validators(){return[V()]}static get observedAttributes(){let e=new Set(super.observedAttributes||[]);for(let r of this.validators)if(r.observedAttributes)for(let o of r.observedAttributes)e.add(o);return[...e]}connectedCallback(){super.connectedCallback(),this.updateValidity(),this.assumeInteractionOn.forEach(e=>{this.addEventListener(e,this.handleInteraction)})}firstUpdated(...e){super.firstUpdated(...e),this.updateValidity()}willUpdate(e){if(!v&&e.has("customError")&&(this.customError||(this.customError=null),this.setCustomValidity(this.customError||"")),e.has("value")||e.has("disabled")){let r=this.value;if(Array.isArray(r)){if(this.name){let o=new FormData;for(let n of r)o.append(this.name,n);this.setValue(o,o)}}else this.setValue(r,r)}e.has("disabled")&&(this.customStates.set("disabled",this.disabled),(this.hasAttribute("disabled")||!v&&!this.matches(":disabled"))&&this.toggleAttribute("disabled",this.disabled)),this.updateValidity(),super.willUpdate(e)}get labels(){return this.internals.labels}getForm(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}get validationMessage(){return this.internals.validationMessage}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.updateValidity(),this.hasInteracted=!0,this.internals.reportValidity()}get validationTarget(){return this.input||void 0}setValidity(...e){let r=e[0],o=e[1],n=e[2];n||(n=this.validationTarget),this.internals.setValidity(r,o,n||void 0),this.requestUpdate("validity"),this.setCustomStates()}setCustomStates(){let e=!!this.required,r=this.internals.validity.valid,o=this.hasInteracted;this.customStates.set("required",e),this.customStates.set("optional",!e),this.customStates.set("invalid",!r),this.customStates.set("valid",r),this.customStates.set("user-invalid",!r&&o),this.customStates.set("user-valid",r&&o)}setCustomValidity(e){if(!e){this.customError=null,this.setValidity({});return}this.customError=e,this.setValidity({customError:!0},e,this.validationTarget)}formResetCallback(){this.resetValidity(),this.hasInteracted=!1,this.valueHasChanged=!1,this.emittedEvents=[],this.updateValidity()}formDisabledCallback(e){this.disabled=e,this.updateValidity()}formStateRestoreCallback(e,r){this.value=e,r==="restore"&&this.resetValidity(),this.updateValidity()}setValue(...e){let[r,o]=e;this.internals.setFormValue(r,o)}get allValidators(){let e=this.constructor.validators||[],r=this.validators||[];return[...e,...r]}resetValidity(){this.setCustomValidity(""),this.setValidity({})}updateValidity(){if(this.disabled||this.hasAttribute("disabled")||!this.willValidate){this.resetValidity();return}let e=this.allValidators;if(!(e!=null&&e.length))return;let r={customError:!!this.customError},o=this.validationTarget||this.input||void 0,n="";for(let d of e){let{isValid:Y,message:A,invalidKeys:u}=d.checkValidity(this);Y||(n||(n=A),(u==null?void 0:u.length)>=0&&u.forEach(M=>r[M]=!0))}n||(n=this.validationMessage),this.setValidity(r,n,o)}};s.formAssociated=!0,i([b({reflect:!0})],s.prototype,"name",2),i([b({type:Boolean})],s.prototype,"disabled",2),i([b({state:!0,attribute:!1})],s.prototype,"valueHasChanged",2),i([b({state:!0,attribute:!1})],s.prototype,"hasInteracted",2),i([b({attribute:"custom-error",reflect:!0})],s.prototype,"customError",2),i([b({attribute:!1,state:!0,type:Object})],s.prototype,"validity",1);import{css as Z}from"lit";var E=Z`
-  [part~='label'] {
-    display: block;
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-    user-select: none;
-    cursor: pointer;
-  }
-  .wrapper {
-    display: grid;
-    grid-template-columns: 2rem max-content;
-    gap: 8px;
-  }
-  .hide-toggle {
-    position: absolute;
-    padding: 0;
-    margin: 0;
-    opacity: 0;
-    pointer-events: none;
-    inset: 0;
-  }
-  .control {
-    display: block;
-    border-width: 1px;
-    transition-property: all;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms;
-    cursor: pointer;
-    appearance: none;
-    user-select: none;
-    flex-shrink: 0;
-    height: 2rem;
-    width: 2rem;
-    background-color: var(--w-s-color-background);
-    border-color: var(--w-s-color-border-strong);
-    color: var(--w-s-color-icon-inverted);
-    font-weight: 700;
-    text-align: center;
-    line-height: var(--w-line-height-xs);
-    font-size: var(--w-font-size-m);
-  }
-  .checkbox {
-    position: relative;
-  }
-  :host([type='checkbox']) .control {
-    border-radius: 4px;
-  }
-  .checkbox:has(:checked, :indeterminate),
-  :host([type='checkbox'][checked]) .control,
-  :host([type='checkbox'][indeterminate]) .control {
-    background-color: var(--w-s-color-background-primary);
-    border-color: var(--w-s-color-border-primary);
-  }
-  .checkbox:has(:checked),
-  :host([type='checkbox'][checked]) .control {
-    background-image: var(--w-icon-toggle-checked);
-    background-position: center;
-  }
-  :host([type='radio']) .control,
-  :host([role='radio']) .control {
-    border-radius: 50%;
-  }
-  :host([type='radio'][checked]) .control,
-  /* :state is newly available, so we set an attribute in radio for compat */
-  :host([role='radio'][checked-ui]) .control,
-  :host([role='radio']:state(checked)) .control {
-    border-color: var(--w-s-color-border-selected);
-    border-width: 0.6rem;
-  }
-  .checkbox:has(:invalid),
-  :host([invalid]) .control {
-    border-color: var(--w-s-color-border-negative) !important;
-  }
-  /* handles invalid checkbox state inside w-checkbox */
-  .checkbox:has(:checked, :indeterminate):has(:invalid),
-  /* allows invalid to be set on the w-checkbox element */
-  :host([invalid]) .checkbox:has(:checked, :indeterminate),
-  :host([type='checkbox'][invalid][checked]) .control,
-  :host([type='checkbox'][invalid][indeterminate]) .control {
-    background-color: var(--w-s-color-background-negative);
-  }
-
-  :host(:focus-visible) {
-    outline: none;
-  }
-  .checkbox:has(> input:focus-visible:not(:disabled)),
-  :host(:focus-visible) .control {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: var(--w-outline-offset, 1px);
-  }
-
-  :host([type='radio'][disabled]) .control,
-  /* :state is newly available, so we set an attribute in radio for compat */
-  :host([role='radio'][disabled-ui]) .control,
-  :host([role='radio']:state(disabled)) .control,
-  :host([type='checkbox'][disabled]) .control,
-  .checkbox:has(> input:disabled) {
-    border-color: var(--w-s-color-border-disabled);
-    background-color: var(--w-s-color-background-disabled-subtle);
-  }
-
-  :host([type='checkbox'][disabled][checked]) .control,
-  :host([type='checkbox'][disabled][indeterminate]) .control,
-  .checkbox:has(:checked, :indeterminate):has(> input:disabled) {
-    background-color: var(--w-s-color-background-disabled);
-  }
-`;import{css as S}from"lit";var C=S`
+var j=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var m=t=>{throw TypeError(t)};var i=(t,a,e,r)=>{for(var o=r>1?void 0:r?T(a,e):a,n=t.length-1,d;n>=0;n--)(d=t[n])&&(o=(r?d(a,e,o):d(o))||o);return r&&o&&j(a,e,o),o};var w=(t,a,e)=>a.has(t)||m("Cannot "+e);var f=(t,a,e)=>(w(t,a,"read from private field"),e?e.call(t):a.get(t)),k=(t,a,e)=>a.has(t)?m("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(t):a.set(t,e),x=(t,a,e,r)=>(w(t,a,"write to private field"),r?r.call(t,e):a.set(t,e),e);import{html as F}from"lit";import{property as h,state as I}from"lit/decorators.js";import{css as y}from"lit";var z=y`
   *,
   :before,
   :after {
@@ -387,7 +271,7 @@ var j=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var m=t=>{thro
   svg {
     pointer-events: none;
   }
-`,ne=S`*, :before, :after {
+`,U=y`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2553,10 +2437,126 @@ var j=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var m=t=>{thro
                     display: none
                 }
             }
-        `;var l=class extends s{constructor(){super();this.checked=!1;this.forceDisabled=!1;this.form=null;this.appearance="default";this.size="medium";this.disabled=!1;this.handleClick=()=>{!this.disabled&&!this.forceDisabled&&(this.checked=!0)};this.addEventListener("click",this.handleClick)}connectedCallback(){super.connectedCallback(),this.setInitialAttributes()}setInitialAttributes(){this.setAttribute("role","radio"),this.tabIndex=0,this.setAttribute("aria-disabled",this.disabled||this.forceDisabled?"true":"false")}updated(e){if(super.updated(e),e.has("checked")&&(this.customStates.set("checked",this.checked),this[this.checked?"setAttribute":"removeAttribute"]("checked-ui",""),this.setAttribute("aria-checked",this.checked?"true":"false"),!this.disabled&&!this.forceDisabled&&(this.tabIndex=this.checked?0:-1)),e.has("disabled")||e.has("forceDisabled")){let r=this.disabled||this.forceDisabled;this.customStates.set("disabled",r),this[r?"setAttribute":"removeAttribute"]("disabled-ui",""),this.setAttribute("aria-disabled",r?"true":"false"),r?this.tabIndex=-1:this.tabIndex=this.checked?0:-1}}setValue(){}render(){return F`
+        `;import{css as D}from"lit";var V=D`
+  [part~='label'] {
+    display: block;
+    font-size: var(--w-font-size-m);
+    line-height: var(--w-line-height-m);
+    user-select: none;
+    cursor: pointer;
+  }
+  .wrapper {
+    display: grid;
+    grid-template-columns: 2rem max-content;
+    gap: 8px;
+  }
+  .hide-toggle {
+    position: absolute;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    pointer-events: none;
+    inset: 0;
+  }
+  .control {
+    display: block;
+    border-width: 1px;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+    cursor: pointer;
+    appearance: none;
+    user-select: none;
+    flex-shrink: 0;
+    height: 2rem;
+    width: 2rem;
+    background-color: var(--w-s-color-background);
+    border-color: var(--w-s-color-border-strong);
+    color: var(--w-s-color-icon-inverted);
+    font-weight: 700;
+    text-align: center;
+    line-height: var(--w-line-height-xs);
+    font-size: var(--w-font-size-m);
+  }
+  .checkbox {
+    position: relative;
+  }
+  :host([type='checkbox']) .control {
+    border-radius: 4px;
+  }
+  .checkbox:has(:checked, :indeterminate),
+  :host([type='checkbox'][checked]) .control,
+  :host([type='checkbox'][indeterminate]) .control {
+    background-color: var(--w-s-color-background-primary);
+    border-color: var(--w-s-color-border-primary);
+  }
+  .checkbox:has(:checked),
+  :host([type='checkbox'][checked]) .control {
+    background-image: var(--w-icon-toggle-checked);
+    background-position: center;
+  }
+  :host([type='radio']) .control,
+  :host([role='radio']) .control {
+    border-radius: 50%;
+  }
+  :host([type='radio'][checked]) .control,
+  /* :state is newly available, so we set an attribute in radio for compat */
+  :host([role='radio'][checked-ui]) .control,
+  :host([role='radio']:state(checked)) .control {
+    border-color: var(--w-s-color-border-selected);
+    border-width: 0.6rem;
+  }
+  .checkbox:has(:invalid),
+  :host([invalid]) .control {
+    border-color: var(--w-s-color-border-negative) !important;
+  }
+  /* handles invalid checkbox state inside w-checkbox */
+  .checkbox:has(:checked, :indeterminate):has(:invalid),
+  /* allows invalid to be set on the w-checkbox element */
+  :host([invalid]) .checkbox:has(:checked, :indeterminate),
+  :host([type='checkbox'][invalid][checked]) .control,
+  :host([type='checkbox'][invalid][indeterminate]) .control {
+    background-color: var(--w-s-color-background-negative);
+  }
+
+  :host(:focus-visible) {
+    outline: none;
+  }
+  .checkbox:has(> input:focus-visible:not(:disabled)),
+  :host(:focus-visible) .control {
+    outline: 2px solid var(--w-s-color-border-focus);
+    outline-offset: var(--w-outline-offset, 1px);
+  }
+
+  :host([type='radio'][disabled]) .control,
+  /* :state is newly available, so we set an attribute in radio for compat */
+  :host([role='radio'][disabled-ui]) .control,
+  :host([role='radio']:state(disabled)) .control,
+  :host([type='checkbox'][disabled]) .control,
+  .checkbox:has(> input:disabled) {
+    border-color: var(--w-s-color-border-disabled);
+    background-color: var(--w-s-color-background-disabled-subtle);
+  }
+
+  :host([type='checkbox'][disabled][checked]) .control,
+  :host([type='checkbox'][disabled][indeterminate]) .control,
+  .checkbox:has(:checked, :indeterminate):has(> input:disabled) {
+    background-color: var(--w-s-color-background-disabled);
+  }
+`;import{isServer as v}from"lit";import{property as b}from"lit/decorators.js";import{LitElement as X,unsafeCSS as Z}from"lit";import{property as S}from"lit/decorators.js";import{css as L}from"lit";var E=L`
+  :host {
+    box-sizing: border-box !important;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit !important;
+  }
+`;var p,c=class extends X{constructor(){super();k(this,p,!1);this.initialReflectedProperties=new Map;this.customStates={set:(e,r)=>{var o;(o=this.internals)!=null&&o.states&&(r?this.internals.states.add(e):this.internals.states.delete(e))},has:e=>{var r;return(r=this.internals)!=null&&r.states?this.internals.states.has(e):!1}};try{this.internals=this.attachInternals()}catch(r){console.error("Element internals are not supported in your browser. Consider using a polyfill")}this.customStates.set("wa-defined",!0);let e=this.constructor;for(let[r,o]of e.elementProperties)o.default==="inherit"&&o.initial!==void 0&&typeof r=="string"&&this.customStates.set(`initial-${r}-${o.initial}`,!0)}static get styles(){let e=Array.isArray(this.css)?this.css:this.css?[this.css]:[];return[E,...e].map(r=>typeof r=="string"?Z(r):r)}attributeChangedCallback(e,r,o){f(this,p)||(this.constructor.elementProperties.forEach((n,d)=>{n.reflect&&this[d]!=null&&this.initialReflectedProperties.set(d,this[d])}),x(this,p,!0)),super.attributeChangedCallback(e,r,o)}willUpdate(e){super.willUpdate(e),this.initialReflectedProperties.forEach((r,o)=>{e.has(o)&&this[o]==null&&(this[o]=r)})}relayNativeEvent(e,r){e.stopImmediatePropagation(),this.dispatchEvent(new e.constructor(e.type,{...e,...r}))}};p=new WeakMap,i([S()],c.prototype,"dir",2),i([S()],c.prototype,"lang",2);var C=()=>({observedAttributes:["custom-error"],checkValidity(t){let a={message:"",isValid:!0,invalidKeys:[]};return t.customError&&(a.message=t.customError,a.isValid=!1,a.invalidKeys=["customError"]),a}});var g=class extends Event{constructor(){super("w-invalid",{bubbles:!0,cancelable:!1,composed:!0})}};var s=class extends c{constructor(){super();this.name=null;this.disabled=!1;this.required=!1;this.assumeInteractionOn=["input"];this.validators=[];this.valueHasChanged=!1;this.hasInteracted=!1;this.customError=null;this.emittedEvents=[];this.emitInvalid=e=>{e.target===this&&(this.hasInteracted=!0,this.dispatchEvent(new g))};this.handleInteraction=e=>{var o;let r=this.emittedEvents;r.includes(e.type)||r.push(e.type),r.length===((o=this.assumeInteractionOn)==null?void 0:o.length)&&(this.hasInteracted=!0)};v||this.addEventListener("invalid",this.emitInvalid)}static get validators(){return[C()]}static get observedAttributes(){let e=new Set(super.observedAttributes||[]);for(let r of this.validators)if(r.observedAttributes)for(let o of r.observedAttributes)e.add(o);return[...e]}connectedCallback(){super.connectedCallback(),this.updateValidity(),this.assumeInteractionOn.forEach(e=>{this.addEventListener(e,this.handleInteraction)})}firstUpdated(...e){super.firstUpdated(...e),this.updateValidity()}willUpdate(e){if(!v&&e.has("customError")&&(this.customError||(this.customError=null),this.setCustomValidity(this.customError||"")),e.has("value")||e.has("disabled")){let r=this.value;if(Array.isArray(r)){if(this.name){let o=new FormData;for(let n of r)o.append(this.name,n);this.setValue(o,o)}}else this.setValue(r,r)}e.has("disabled")&&(this.customStates.set("disabled",this.disabled),(this.hasAttribute("disabled")||!v&&!this.matches(":disabled"))&&this.toggleAttribute("disabled",this.disabled)),this.updateValidity(),super.willUpdate(e)}get labels(){return this.internals.labels}getForm(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}get validationMessage(){return this.internals.validationMessage}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.updateValidity(),this.hasInteracted=!0,this.internals.reportValidity()}get validationTarget(){return this.input||void 0}setValidity(...e){let r=e[0],o=e[1],n=e[2];n||(n=this.validationTarget),this.internals.setValidity(r,o,n||void 0),this.requestUpdate("validity"),this.setCustomStates()}setCustomStates(){let e=!!this.required,r=this.internals.validity.valid,o=this.hasInteracted;this.customStates.set("required",e),this.customStates.set("optional",!e),this.customStates.set("invalid",!r),this.customStates.set("valid",r),this.customStates.set("user-invalid",!r&&o),this.customStates.set("user-valid",r&&o)}setCustomValidity(e){if(!e){this.customError=null,this.setValidity({});return}this.customError=e,this.setValidity({customError:!0},e,this.validationTarget)}formResetCallback(){this.resetValidity(),this.hasInteracted=!1,this.valueHasChanged=!1,this.emittedEvents=[],this.updateValidity()}formDisabledCallback(e){this.disabled=e,this.updateValidity()}formStateRestoreCallback(e,r){this.value=e,r==="restore"&&this.resetValidity(),this.updateValidity()}setValue(...e){let[r,o]=e;this.internals.setFormValue(r,o)}get allValidators(){let e=this.constructor.validators||[],r=this.validators||[];return[...e,...r]}resetValidity(){this.setCustomValidity(""),this.setValidity({})}updateValidity(){if(this.disabled||this.hasAttribute("disabled")||!this.willValidate){this.resetValidity();return}let e=this.allValidators;if(!(e!=null&&e.length))return;let r={customError:!!this.customError},o=this.validationTarget||this.input||void 0,n="";for(let d of e){let{isValid:Y,message:A,invalidKeys:u}=d.checkValidity(this);Y||(n||(n=A),(u==null?void 0:u.length)>=0&&u.forEach(M=>r[M]=!0))}n||(n=this.validationMessage),this.setValidity(r,n,o)}};s.formAssociated=!0,i([b({reflect:!0})],s.prototype,"name",2),i([b({type:Boolean})],s.prototype,"disabled",2),i([b({state:!0,attribute:!1})],s.prototype,"valueHasChanged",2),i([b({state:!0,attribute:!1})],s.prototype,"hasInteracted",2),i([b({attribute:"custom-error",reflect:!0})],s.prototype,"customError",2),i([b({attribute:!1,state:!0,type:Object})],s.prototype,"validity",1);var l=class extends s{constructor(){super();this.checked=!1;this.forceDisabled=!1;this.form=null;this.appearance="default";this.size="medium";this.disabled=!1;this.handleClick=()=>{!this.disabled&&!this.forceDisabled&&(this.checked=!0)};this.addEventListener("click",this.handleClick)}connectedCallback(){super.connectedCallback(),this.setInitialAttributes()}setInitialAttributes(){this.setAttribute("role","radio"),this.tabIndex=0,this.setAttribute("aria-disabled",this.disabled||this.forceDisabled?"true":"false")}updated(e){if(super.updated(e),e.has("checked")&&(this.customStates.set("checked",this.checked),this[this.checked?"setAttribute":"removeAttribute"]("checked-ui",""),this.setAttribute("aria-checked",this.checked?"true":"false"),!this.disabled&&!this.forceDisabled&&(this.tabIndex=this.checked?0:-1)),e.has("disabled")||e.has("forceDisabled")){let r=this.disabled||this.forceDisabled;this.customStates.set("disabled",r),this[r?"setAttribute":"removeAttribute"]("disabled-ui",""),this.setAttribute("aria-disabled",r?"true":"false"),r?this.tabIndex=-1:this.tabIndex=this.checked?0:-1}}setValue(){}render(){return F`
       <div class="wrapper">
         <div part="control" class="control"></div>
         <slot part="label" class="label"></slot>
       </div>
-    `}};l.css=[C,E],i([I()],l.prototype,"checked",2),i([I()],l.prototype,"forceDisabled",2),i([h({reflect:!0})],l.prototype,"form",2),i([h({reflect:!0})],l.prototype,"value",2),i([h({reflect:!0})],l.prototype,"appearance",2),i([h({reflect:!0})],l.prototype,"size",2),i([h({type:Boolean})],l.prototype,"disabled",2);customElements.get("w-radio")||customElements.define("w-radio",l);export{l as WRadio};
+    `}};l.css=[z,V],i([I()],l.prototype,"checked",2),i([I()],l.prototype,"forceDisabled",2),i([h({reflect:!0})],l.prototype,"form",2),i([h({reflect:!0})],l.prototype,"value",2),i([h({reflect:!0})],l.prototype,"appearance",2),i([h({reflect:!0})],l.prototype,"size",2),i([h({type:Boolean})],l.prototype,"disabled",2);customElements.get("w-radio")||customElements.define("w-radio",l);export{l as WRadio};
 //# sourceMappingURL=radio.js.map