@warp-ds/elements 2.9.1 → 2.10.0-next.1

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { Pill } from './react';
 declare const _default: {
     title: string;
-    render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./pill").WarpPill>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onclick" | "onclose" | "render" | "renderOptions" | "onClick" | "canClose" | "onClose" | "suggestion" | "openSrLabel" | "openAriaLabel" | "closeSrLabel" | "closeAriaLabel" | "openFilterSrText" | "removeFilterSrText" | "_labelClasses" | "_closeClasses" | "_onClick" | "_onClose"> & {
+    render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./pill").WarpPill>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onclick" | "onclose" | "render" | "renderOptions" | "onClick" | "canClose" | "onClose" | "suggestion" | "openSrLabel" | "openAriaLabel" | "closeSrLabel" | "closeAriaLabel"> & {
         onClick?: (e: Event) => void;
         onclick?: (e: Event) => void;
         onClose?: (e: Event) => void;
@@ -15,7 +15,7 @@ declare const _default: {
         closeSrLabel?: string;
         closeAriaLabel?: string;
     } & React.RefAttributes<import("./pill").WarpPill>): React.JSX.Element;
-    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./pill").WarpPill>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onclick" | "onclose" | "render" | "renderOptions" | "onClick" | "canClose" | "onClose" | "suggestion" | "openSrLabel" | "openAriaLabel" | "closeSrLabel" | "closeAriaLabel" | "openFilterSrText" | "removeFilterSrText" | "_labelClasses" | "_closeClasses" | "_onClick" | "_onClose"> & {
+    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./pill").WarpPill>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onclick" | "onclose" | "render" | "renderOptions" | "onClick" | "canClose" | "onClose" | "suggestion" | "openSrLabel" | "openAriaLabel" | "closeSrLabel" | "closeAriaLabel"> & {
         onClick?: (e: Event) => void;
         onclick?: (e: Event) => void;
         onClose?: (e: Event) => void;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WarpPill } from './pill.js';
-export declare const Pill: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpPill>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onclick" | "onclose" | "render" | "renderOptions" | "onClick" | "canClose" | "onClose" | "suggestion" | "openSrLabel" | "openAriaLabel" | "closeSrLabel" | "closeAriaLabel" | "openFilterSrText" | "removeFilterSrText" | "_labelClasses" | "_closeClasses" | "_onClick" | "_onClose"> & {
+export declare const Pill: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<WarpPill>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onclick" | "onclose" | "render" | "renderOptions" | "onClick" | "canClose" | "onClose" | "suggestion" | "openSrLabel" | "openAriaLabel" | "closeSrLabel" | "closeAriaLabel"> & {
     onClick?: (e: Event) => void;
     onclick?: (e: Event) => void;
     onClose?: (e: Event) => void;

package/dist/packages/radio/radio.d.ts

@@ -1,9 +1,13 @@
 import type { PropertyValues } from 'lit';
 import { LitElement } from 'lit';
-declare const WRadio_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
-export declare class WRadio extends WRadio_base {
+declare const WarpRadio_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
+/**
+ * @parent w-radio-group
+ */
+export declare class WarpRadio extends WarpRadio_base {
     #private;
     static styles: import("lit").CSSResult[];
+    /** @internal */
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
@@ -12,17 +16,29 @@ export declare class WRadio extends WRadio_base {
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
     };
-    /** The name of the radio, submitted as a name/value pair with form data. */
+    /**
+     * The name of the radio, submitted as a name/value pair with form data.
+     */
     name: string;
-    /** The radio's value. When selected, the radio group will receive this value. */
+    /**
+     * The radio's value. When selected, the radio group will receive this value.
+     */
     value: string | null;
-    /** Draws the radio in a checked state (reflected to attribute). */
+    /**
+     * Draws the radio in a checked state (reflected to attribute).
+     */
     checked: boolean;
-    /** Disables the radio. */
+    /**
+     * Disables the radio.
+     */
     disabled: boolean;
-    /** Makes the radio a required field. */
+    /**
+     * Makes the radio a required field.
+     */
     required: boolean;
-    /** Draws the radio in an invalid state. */
+    /**
+     * Draws the radio in an invalid state.
+     */
     invalid: boolean;
     /**
      * Internal tabindex managed by parent radio-group.
@@ -33,11 +49,14 @@ export declare class WRadio extends WRadio_base {
     /**
      * Override tabIndex getter to return the computed internal tabIndex.
      * This allows external code to check if the radio is focusable.
+     * @internal
      */
     get tabIndex(): number;
     /**
      * Override tabIndex setter to set _groupTabIndex (for backwards compatibility).
      * Radio-group should use _groupTabIndex directly for clarity.
+     *
+     * @internal
      */
     set tabIndex(value: number);
     constructor();
@@ -49,14 +68,27 @@ export declare class WRadio extends WRadio_base {
     private handleClick;
     private handleInvalid;
     private handleKeyDown;
+    /** @internal */
     resetFormControl(): void;
-    /** Returns the validation message if the radio is invalid, otherwise an empty string */
+    /**
+     * Returns the validation message if the radio is invalid, otherwise an empty string
+     * @internal
+     */
     get validationMessage(): string;
-    /** Returns the validity state of the radio */
+    /**
+     * Returns the validity state of the radio
+     * @internal
+     */
     get validity(): ValidityState;
-    /** Checks whether the radio passes constraint validation */
+    /**
+     * Checks whether the radio passes constraint validation
+     * @internal
+     */
     checkValidity(): boolean;
-    /** Checks validity and shows the browser's validation message if invalid */
+    /**
+     * Checks validity and shows the browser's validation message if invalid
+     * @internal
+     */
     reportValidity(): boolean;
     private isInGroup;
     private getRadioScope;
@@ -70,6 +102,8 @@ export declare class WRadio extends WRadio_base {
     /**
      * Internal tabindex for standalone radios (not in a group).
      * Non-reflecting to avoid DOM changes during hydration.
+     *
+     * @internal
      */
     _standaloneTabIndex: number | undefined;
     protected firstUpdated(): void;
@@ -79,9 +113,13 @@ export declare class WRadio extends WRadio_base {
     private shouldSyncFormState;
     render(): import("lit").TemplateResult<1>;
 }
+/**
+ * @deprecated Exported for backwards compatibility only, use `WarpRadio`
+ */
+export declare const WRadio: typeof WarpRadio;
 declare global {
     interface HTMLElementTagNameMap {
-        'w-radio': WRadio;
+        'w-radio': WarpRadio;
     }
 }
 export {};

package/dist/packages/radio/radio.js

@@ -1,4 +1,4 @@
-var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var D=i=>{throw TypeError(i)};var f=(i,r,e,o)=>{for(var a=o>1?void 0:o?re(r,e):r,l=i.length-1,u;l>=0;l--)(u=i[l])&&(a=(o?u(r,e,a):u(a))||a);return o&&a&&ee(r,e,a),a};var N=(i,r,e)=>r.has(i)||D("Cannot "+e);var F=(i,r,e)=>(N(i,r,"read from private field"),e?e.call(i):r.get(i)),G=(i,r,e)=>r.has(i)?D("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(i):r.set(i,e),x=(i,r,e,o)=>(N(i,r,"write to private field"),o?o.call(i,e):r.set(i,e),e);var n=function(i,r,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?i!==r||!o:!r.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(i):o?o.value:r.get(i)},c=function(i,r,e,o,a){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?i!==r||!a:!r.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(i,e):a?a.value=e:r.set(i,e),e};function W(i){var r,e,o,a,l,u,h,q,z,g,m,X,Y,E,j,k,Z,L,O;class Q extends i{constructor(...t){var s,d,b;super(...t),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),o.set(this,!1),a.set(this,!1),l.set(this,void 0),u.set(this,void 0),h.set(this,!0),z.set(this,""),g.set(this,()=>{c(this,a,!0,"f"),c(this,e,!0,"f"),n(this,r,"m",k).call(this)}),m.set(this,()=>{c(this,e,!1,"f"),n(this,r,"m",Z).call(this,this.shouldFormValueUpdate()?n(this,z,"f"):""),!this.validity.valid&&n(this,a,"f")&&c(this,o,!0,"f");let w=n(this,r,"m",k).call(this);this.validationMessageCallback&&this.validationMessageCallback(w?this.internals.validationMessage:"")}),X.set(this,()=>{var w;n(this,h,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),c(this,h,!1,"f")),c(this,a,!0,"f"),c(this,o,!0,"f"),n(this,r,"m",k).call(this),(w=this===null||this===void 0?void 0:this.validationMessageCallback)===null||w===void 0||w.call(this,this.showError?this.internals.validationMessage:"")}),Y.set(this,void 0),E.set(this,!1),j.set(this,Promise.resolve()),(s=this.addEventListener)===null||s===void 0||s.call(this,"focus",n(this,g,"f")),(d=this.addEventListener)===null||d===void 0||d.call(this,"blur",n(this,m,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"invalid",n(this,X,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let t=this.validators.map(b=>b.attribute).flat(),s=super.observedAttributes||[];return[...new Set([...s,...t])]}static getValidator(t){return this.validators.find(s=>s.attribute===t)||null}static getValidators(t){return this.validators.filter(s=>{var d;if(s.attribute===t||!((d=s.attribute)===null||d===void 0)&&d.includes(t))return!0})}get form(){return this.internals.form}get showError(){return n(this,r,"m",k).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(t,s,d){var b;(b=super.attributeChangedCallback)===null||b===void 0||b.call(this,t,s,d);let S=this.constructor.getValidators(t);S!=null&&S.length&&this.validationTarget&&this.setValue(n(this,z,"f"))}setValue(t){var s;c(this,o,!1,"f"),(s=this.validationMessageCallback)===null||s===void 0||s.call(this,""),c(this,z,t,"f");let b=this.shouldFormValueUpdate()?t:null;this.internals.setFormValue(b),n(this,r,"m",Z).call(this,b),this.valueChangedCallback&&this.valueChangedCallback(b),n(this,r,"m",k).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(t=>t(n(this,j,"f")))}formResetCallback(){var t,s;c(this,a,!1,"f"),c(this,o,!1,"f"),n(this,r,"m",k).call(this),(t=this.resetFormControl)===null||t===void 0||t.call(this),(s=this.validationMessageCallback)===null||s===void 0||s.call(this,n(this,r,"m",k).call(this)?this.validationMessage:"")}}return e=new WeakMap,o=new WeakMap,a=new WeakMap,l=new WeakMap,u=new WeakMap,h=new WeakMap,z=new WeakMap,g=new WeakMap,m=new WeakMap,X=new WeakMap,Y=new WeakMap,E=new WeakMap,j=new WeakMap,r=new WeakSet,q=function(){let t=this.getRootNode(),s=`${this.localName}[name="${this.getAttribute("name")}"]`;return t.querySelectorAll(s)},k=function(){if(this.hasAttribute("disabled"))return!1;let t=n(this,o,"f")||n(this,a,"f")&&!this.validity.valid&&!n(this,e,"f");return t&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),t},Z=function(t){let s=this.constructor,d={},b=s.validators,w=[],S=b.some(v=>v.isValid instanceof Promise);n(this,E,"f")||(c(this,j,new Promise(v=>{c(this,Y,v,"f")}),"f"),c(this,E,!0,"f")),n(this,l,"f")&&(n(this,l,"f").abort(),c(this,u,n(this,l,"f"),"f"));let I=new AbortController;c(this,l,I,"f");let A,U=!1;b.length&&(b.forEach(v=>{let P=v.key||"customError",V=v.isValid(this,t,I.signal);V instanceof Promise?(w.push(V),V.then(R=>{R!=null&&(d[P]=!R,A=n(this,r,"m",O).call(this,v,t),n(this,r,"m",L).call(this,d,A))})):(d[P]=!V,this.validity[P]!==!V&&(U=!0),!V&&!A&&(A=n(this,r,"m",O).call(this,v,t)))}),Promise.allSettled(w).then(()=>{var v;I!=null&&I.signal.aborted||(c(this,E,!1,"f"),(v=n(this,Y,"f"))===null||v===void 0||v.call(this))}),(U||!S)&&n(this,r,"m",L).call(this,d,A))},L=function(t,s){if(this.validationTarget)this.internals.setValidity(t,s,this.validationTarget),c(this,h,!1,"f");else{if(this.internals.setValidity(t,s),this.internals.validity.valid)return;c(this,h,!0,"f")}},O=function(t,s){if(this.validityCallback){let d=this.validityCallback(t.key||"customError");if(d)return d}return t.message instanceof Function?t.message(this,s):t.message},Q}import{html as ae,LitElement as J}from"lit";import{property as y}from"lit/decorators.js";import{css as B}from"lit";var $=B`
+var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var W=i=>{throw TypeError(i)};var f=(i,r,e,o)=>{for(var a=o>1?void 0:o?re(r,e):r,l=i.length-1,u;l>=0;l--)(u=i[l])&&(a=(o?u(r,e,a):u(a))||a);return o&&a&&ee(r,e,a),a};var D=(i,r,e)=>r.has(i)||W("Cannot "+e);var F=(i,r,e)=>(D(i,r,"read from private field"),e?e.call(i):r.get(i)),G=(i,r,e)=>r.has(i)?W("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(i):r.set(i,e),x=(i,r,e,o)=>(D(i,r,"write to private field"),o?o.call(i,e):r.set(i,e),e);var n=function(i,r,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?i!==r||!o:!r.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(i):o?o.value:r.get(i)},c=function(i,r,e,o,a){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?i!==r||!a:!r.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(i,e):a?a.value=e:r.set(i,e),e};function N(i){var r,e,o,a,l,u,h,q,z,g,m,X,Y,E,j,k,R,Z,L;class Q extends i{constructor(...t){var s,d,b;super(...t),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),o.set(this,!1),a.set(this,!1),l.set(this,void 0),u.set(this,void 0),h.set(this,!0),z.set(this,""),g.set(this,()=>{c(this,a,!0,"f"),c(this,e,!0,"f"),n(this,r,"m",k).call(this)}),m.set(this,()=>{c(this,e,!1,"f"),n(this,r,"m",R).call(this,this.shouldFormValueUpdate()?n(this,z,"f"):""),!this.validity.valid&&n(this,a,"f")&&c(this,o,!0,"f");let w=n(this,r,"m",k).call(this);this.validationMessageCallback&&this.validationMessageCallback(w?this.internals.validationMessage:"")}),X.set(this,()=>{var w;n(this,h,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),c(this,h,!1,"f")),c(this,a,!0,"f"),c(this,o,!0,"f"),n(this,r,"m",k).call(this),(w=this===null||this===void 0?void 0:this.validationMessageCallback)===null||w===void 0||w.call(this,this.showError?this.internals.validationMessage:"")}),Y.set(this,void 0),E.set(this,!1),j.set(this,Promise.resolve()),(s=this.addEventListener)===null||s===void 0||s.call(this,"focus",n(this,g,"f")),(d=this.addEventListener)===null||d===void 0||d.call(this,"blur",n(this,m,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"invalid",n(this,X,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let t=this.validators.map(b=>b.attribute).flat(),s=super.observedAttributes||[];return[...new Set([...s,...t])]}static getValidator(t){return this.validators.find(s=>s.attribute===t)||null}static getValidators(t){return this.validators.filter(s=>{var d;if(s.attribute===t||!((d=s.attribute)===null||d===void 0)&&d.includes(t))return!0})}get form(){return this.internals.form}get showError(){return n(this,r,"m",k).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(t,s,d){var b;(b=super.attributeChangedCallback)===null||b===void 0||b.call(this,t,s,d);let S=this.constructor.getValidators(t);S!=null&&S.length&&this.validationTarget&&this.setValue(n(this,z,"f"))}setValue(t){var s;c(this,o,!1,"f"),(s=this.validationMessageCallback)===null||s===void 0||s.call(this,""),c(this,z,t,"f");let b=this.shouldFormValueUpdate()?t:null;this.internals.setFormValue(b),n(this,r,"m",R).call(this,b),this.valueChangedCallback&&this.valueChangedCallback(b),n(this,r,"m",k).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(t=>t(n(this,j,"f")))}formResetCallback(){var t,s;c(this,a,!1,"f"),c(this,o,!1,"f"),n(this,r,"m",k).call(this),(t=this.resetFormControl)===null||t===void 0||t.call(this),(s=this.validationMessageCallback)===null||s===void 0||s.call(this,n(this,r,"m",k).call(this)?this.validationMessage:"")}}return e=new WeakMap,o=new WeakMap,a=new WeakMap,l=new WeakMap,u=new WeakMap,h=new WeakMap,z=new WeakMap,g=new WeakMap,m=new WeakMap,X=new WeakMap,Y=new WeakMap,E=new WeakMap,j=new WeakMap,r=new WeakSet,q=function(){let t=this.getRootNode(),s=`${this.localName}[name="${this.getAttribute("name")}"]`;return t.querySelectorAll(s)},k=function(){if(this.hasAttribute("disabled"))return!1;let t=n(this,o,"f")||n(this,a,"f")&&!this.validity.valid&&!n(this,e,"f");return t&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),t},R=function(t){let s=this.constructor,d={},b=s.validators,w=[],S=b.some(v=>v.isValid instanceof Promise);n(this,E,"f")||(c(this,j,new Promise(v=>{c(this,Y,v,"f")}),"f"),c(this,E,!0,"f")),n(this,l,"f")&&(n(this,l,"f").abort(),c(this,u,n(this,l,"f"),"f"));let I=new AbortController;c(this,l,I,"f");let A,U=!1;b.length&&(b.forEach(v=>{let O=v.key||"customError",V=v.isValid(this,t,I.signal);V instanceof Promise?(w.push(V),V.then(P=>{P!=null&&(d[O]=!P,A=n(this,r,"m",L).call(this,v,t),n(this,r,"m",Z).call(this,d,A))})):(d[O]=!V,this.validity[O]!==!V&&(U=!0),!V&&!A&&(A=n(this,r,"m",L).call(this,v,t)))}),Promise.allSettled(w).then(()=>{var v;I!=null&&I.signal.aborted||(c(this,E,!1,"f"),(v=n(this,Y,"f"))===null||v===void 0||v.call(this))}),(U||!S)&&n(this,r,"m",Z).call(this,d,A))},Z=function(t,s){if(this.validationTarget)this.internals.setValidity(t,s,this.validationTarget),c(this,h,!1,"f");else{if(this.internals.setValidity(t,s),this.internals.validity.valid)return;c(this,h,!0,"f")}},L=function(t,s){if(this.validityCallback){let d=this.validityCallback(t.key||"customError");if(d)return d}return t.message instanceof Function?t.message(this,s):t.message},Q}import{html as ae,LitElement as J}from"lit";import{property as y}from"lit/decorators.js";import{css as B}from"lit";var $=B`
   *,
   :before,
   :after {
@@ -2607,10 +2607,10 @@ var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var D=i=>{th
       border-color: var(--_border-color-disabled);
     }
   }
-`;var M,C,_,p=class extends W(J){constructor(){super();this.value=null;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;G(this,M,!1);G(this,C,!1);G(this,_,!1);this.handleClick=()=>{this.isInGroup()||this.disabled||(x(this,_,!0),!this.checked&&(this.checked=!0,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})))};this.handleInvalid=()=>{x(this,_,!0),this.updateValidity()};this.handleKeyDown=e=>{var o,a;if(!this.isInGroup()&&!this.disabled&&!e.defaultPrevented){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){let l=this.getStandaloneNamedRadios().filter(m=>!m.disabled);if(l.length<=1)return;e.preventDefault();let u=(a=(o=l.find(m=>m.checked))!=null?o:l.find(m=>m===this))!=null?a:l[0],h=e.key==="ArrowUp"||e.key==="ArrowLeft"?-1:1,z=(l.indexOf(u)+h+l.length)%l.length,g=l[z];x(g,_,!0),g.checked||(g.checked=!0,g.updateComplete.then(()=>{g.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})),g.focus();return}if(!(e.key!==" "&&e.key!=="Spacebar"&&e.key!=="Enter")){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}e.preventDefault(),this.click()}}};this.addEventListener("click",this.handleClick),this.addEventListener("invalid",this.handleInvalid),this.addEventListener("keydown",this.handleKeyDown)}get tabIndex(){return this._internalTabIndex}set tabIndex(e){this._groupTabIndex=e}connectedCallback(){var e;super.connectedCallback(),this.value=(e=this.getAttribute("value"))!=null?e:"on",x(this,M,this.hasAttribute("checked")),this.checked=F(this,M),this.internals.role="radio",this.syncAriaDisabled(),this.syncFormValue(),this.updateValidity()}syncAriaDisabled(){this.internals.ariaDisabled=this.disabled?"true":"false"}syncAriaChecked(){this.internals.ariaChecked=this.checked?"true":"false"}willUpdate(e){this.shouldSyncFormState(e)&&(this.syncFormValue(),this.updateValidity())}updated(e){super.updated(e),e.has("checked")&&(this.syncAriaChecked(),this.checked&&!this.isInGroup()&&(this.uncheckOtherRadios(),this.syncStandaloneTabOrder())),e.has("disabled")&&(this.syncAriaDisabled(),this.isInGroup()||this.syncStandaloneTabOrder()),e.has("invalid")&&(this.internals.ariaInvalid=this.invalid?"true":null),e.has("name")&&this.checked&&!this.isInGroup()&&this.uncheckOtherRadios()}resetFormControl(){this.checked=F(this,M),this.syncFormValue(),this.updateValidity()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return x(this,_,!0),this.updateValidity(),this.internals.checkValidity()}isInGroup(){return!!this.closest("w-radio-group")}getRadioScope(){var e,o;return(o=(e=this.internals.form)!=null?e:this.closest("form"))!=null?o:document}getStandaloneNamedRadios(){if(!this.name)return[this];let e=this.getRadioScope();return Array.from(e.querySelectorAll(`w-radio[name="${this.name}"]`)).filter(o=>!o.closest("w-radio-group"))}syncStandaloneTabOrder(){var u;let e=this.getStandaloneNamedRadios(),o=e.filter(h=>!h.disabled),a=o.find(h=>h.checked),l=(u=a!=null?a:o[0])!=null?u:null;e.forEach(h=>{h._standaloneTabIndex=h===l?0:-1})}get _internalTabIndex(){return this.disabled?-1:this._groupTabIndex!==void 0?this._groupTabIndex:this._standaloneTabIndex!==void 0?this._standaloneTabIndex:0}firstUpdated(){this.isInGroup()||this.syncStandaloneTabOrder()}uncheckOtherRadios(){if(!this.name)return;let e=this.getRadioScope();Array.from(e.querySelectorAll(`w-radio[name="${this.name}"]`)).forEach(a=>{a!==this&&(a.closest("w-radio-group")||a.checked&&(a.checked=!1))})}updateValidity(){if(this.disabled||this.isInGroup()){this.internals.setValidity({});return}let e=this.required&&!this.checked,o=this.invalid&&!F(this,C);if(e){x(this,C,!0),this.invalid=F(this,_),this.internals.setValidity({valueMissing:!0},this.internals.validationMessage||" ");return}if(F(this,C)&&(this.invalid=!1,x(this,C,!1)),o){this.internals.setValidity({customError:!0},this.internals.validationMessage||" ");return}this.internals.setValidity({})}syncFormValue(){if(this.disabled){this.setValue(null);return}this.setValue(this.checked?this.value:null)}shouldSyncFormState(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")}render(){return ae`
+`;var M,C,_,p=class extends N(J){constructor(){super();this.value=null;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;G(this,M,!1);G(this,C,!1);G(this,_,!1);this.handleClick=()=>{this.isInGroup()||this.disabled||(x(this,_,!0),!this.checked&&(this.checked=!0,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})))};this.handleInvalid=()=>{x(this,_,!0),this.updateValidity()};this.handleKeyDown=e=>{var o,a;if(!this.isInGroup()&&!this.disabled&&!e.defaultPrevented){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){let l=this.getStandaloneNamedRadios().filter(m=>!m.disabled);if(l.length<=1)return;e.preventDefault();let u=(a=(o=l.find(m=>m.checked))!=null?o:l.find(m=>m===this))!=null?a:l[0],h=e.key==="ArrowUp"||e.key==="ArrowLeft"?-1:1,z=(l.indexOf(u)+h+l.length)%l.length,g=l[z];x(g,_,!0),g.checked||(g.checked=!0,g.updateComplete.then(()=>{g.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})),g.focus();return}if(!(e.key!==" "&&e.key!=="Spacebar"&&e.key!=="Enter")){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}e.preventDefault(),this.click()}}};this.addEventListener("click",this.handleClick),this.addEventListener("invalid",this.handleInvalid),this.addEventListener("keydown",this.handleKeyDown)}get tabIndex(){return this._internalTabIndex}set tabIndex(e){this._groupTabIndex=e}connectedCallback(){var e;super.connectedCallback(),this.value=(e=this.getAttribute("value"))!=null?e:"on",x(this,M,this.hasAttribute("checked")),this.checked=F(this,M),this.internals.role="radio",this.syncAriaDisabled(),this.syncFormValue(),this.updateValidity()}syncAriaDisabled(){this.internals.ariaDisabled=this.disabled?"true":"false"}syncAriaChecked(){this.internals.ariaChecked=this.checked?"true":"false"}willUpdate(e){this.shouldSyncFormState(e)&&(this.syncFormValue(),this.updateValidity())}updated(e){super.updated(e),e.has("checked")&&(this.syncAriaChecked(),this.checked&&!this.isInGroup()&&(this.uncheckOtherRadios(),this.syncStandaloneTabOrder())),e.has("disabled")&&(this.syncAriaDisabled(),this.isInGroup()||this.syncStandaloneTabOrder()),e.has("invalid")&&(this.internals.ariaInvalid=this.invalid?"true":null),e.has("name")&&this.checked&&!this.isInGroup()&&this.uncheckOtherRadios()}resetFormControl(){this.checked=F(this,M),this.syncFormValue(),this.updateValidity()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return x(this,_,!0),this.updateValidity(),this.internals.checkValidity()}isInGroup(){return!!this.closest("w-radio-group")}getRadioScope(){var e,o;return(o=(e=this.internals.form)!=null?e:this.closest("form"))!=null?o:document}getStandaloneNamedRadios(){if(!this.name)return[this];let e=this.getRadioScope();return Array.from(e.querySelectorAll(`w-radio[name="${this.name}"]`)).filter(o=>!o.closest("w-radio-group"))}syncStandaloneTabOrder(){var u;let e=this.getStandaloneNamedRadios(),o=e.filter(h=>!h.disabled),a=o.find(h=>h.checked),l=(u=a!=null?a:o[0])!=null?u:null;e.forEach(h=>{h._standaloneTabIndex=h===l?0:-1})}get _internalTabIndex(){return this.disabled?-1:this._groupTabIndex!==void 0?this._groupTabIndex:this._standaloneTabIndex!==void 0?this._standaloneTabIndex:0}firstUpdated(){this.isInGroup()||this.syncStandaloneTabOrder()}uncheckOtherRadios(){if(!this.name)return;let e=this.getRadioScope();Array.from(e.querySelectorAll(`w-radio[name="${this.name}"]`)).forEach(a=>{a!==this&&(a.closest("w-radio-group")||a.checked&&(a.checked=!1))})}updateValidity(){if(this.disabled||this.isInGroup()){this.internals.setValidity({});return}let e=this.required&&!this.checked,o=this.invalid&&!F(this,C);if(e){x(this,C,!0),this.invalid=F(this,_),this.internals.setValidity({valueMissing:!0},this.internals.validationMessage||" ");return}if(F(this,C)&&(this.invalid=!1,x(this,C,!1)),o){this.internals.setValidity({customError:!0},this.internals.validationMessage||" ");return}this.internals.setValidity({})}syncFormValue(){if(this.disabled){this.setValue(null);return}this.setValue(this.checked?this.value:null)}shouldSyncFormState(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")}render(){return ae`
       <div class="wrapper" tabindex="${this._internalTabIndex}">
         <div part="control" class="control"></div>
         <slot part="label" class="label"></slot>
       </div>
-    `}};M=new WeakMap,C=new WeakMap,_=new WeakMap,p.styles=[H,$,K],p.shadowRootOptions={...J.shadowRootOptions,delegatesFocus:!0},f([y({reflect:!0})],p.prototype,"name",2),f([y({reflect:!0})],p.prototype,"value",2),f([y({type:Boolean,reflect:!0})],p.prototype,"checked",2),f([y({type:Boolean,reflect:!0})],p.prototype,"disabled",2),f([y({type:Boolean,reflect:!0})],p.prototype,"required",2),f([y({type:Boolean,reflect:!0})],p.prototype,"invalid",2),f([y({attribute:!1})],p.prototype,"_groupTabIndex",2),f([y({attribute:!1})],p.prototype,"_standaloneTabIndex",2);customElements.get("w-radio")||customElements.define("w-radio",p);export{p as WRadio};
+    `}};M=new WeakMap,C=new WeakMap,_=new WeakMap,p.styles=[H,$,K],p.shadowRootOptions={...J.shadowRootOptions,delegatesFocus:!0},f([y({reflect:!0})],p.prototype,"name",2),f([y({reflect:!0})],p.prototype,"value",2),f([y({type:Boolean,reflect:!0})],p.prototype,"checked",2),f([y({type:Boolean,reflect:!0})],p.prototype,"disabled",2),f([y({type:Boolean,reflect:!0})],p.prototype,"required",2),f([y({type:Boolean,reflect:!0})],p.prototype,"invalid",2),f([y({attribute:!1})],p.prototype,"_groupTabIndex",2),f([y({attribute:!1})],p.prototype,"_standaloneTabIndex",2);var xe=p;customElements.get("w-radio")||customElements.define("w-radio",p);export{xe as WRadio,p as WarpRadio};
 //# sourceMappingURL=radio.js.map