@warp-ds/elements 2.1.1 → 2.2.0-next.10

package/dist/packages/rip-and-tear-radio/base-element.d.ts

@@ -0,0 +1,46 @@
+import type { CSSResult, CSSResultGroup } from 'lit';
+import { LitElement } from 'lit';
+declare module 'lit' {
+    interface PropertyDeclaration {
+        /**
+         * Specifies the property’s default value
+         */
+        default?: any;
+        initial?: any;
+    }
+}
+export default class BaseElement extends LitElement {
+    #private;
+    /**
+     * One or more CSS files to include in the component's shadow root. Host styles are automatically prepended. We use
+     * this instead of Lit's styles property because we're importing CSS files as strings and need to convert them using
+     * unsafeCSS.
+     */
+    static css?: CSSResultGroup | CSSResult | string | (CSSResult | string)[];
+    /**
+     * Override the default styles property to fetch and convert string CSS files. Components can override this behavior
+     * by setting their own `static styles = []` property.
+     */
+    static get styles(): CSSResultGroup;
+    initialReflectedProperties: Map<string, unknown>;
+    internals: ElementInternals;
+    dir: string;
+    lang: string;
+    constructor();
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    protected willUpdate(changedProperties: Parameters<LitElement['willUpdate']>[0]): void;
+    /**
+     * Methods for setting and checking custom states.
+     */
+    customStates: {
+        /** Adds or removes the specified custom state. */
+        set: (customState: string, active: boolean) => void;
+        /** Determines whether or not the element currently has the specified state. */
+        has: (customState: string) => boolean;
+    };
+    /**
+     * Given a native event, this function cancels it and dispatches it again from the host element using the desired
+     * event options.
+     */
+    relayNativeEvent(event: Event, eventOptions?: EventInit): void;
+}

package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts

@@ -0,0 +1,6 @@
+import type { Validator } from './form-associated-element';
+/**
+ * This validator is for if you have an exact copy of your element in the shadow DOM. Rather than needing
+ * custom translations and error messages, you can simply rely on the element "formControl" in your shadow dom.
+ */
+export declare const CustomErrorValidator: () => Validator;

package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts

@@ -0,0 +1,103 @@
+import { LitElement } from 'lit';
+import BaseElement from './base-element.js';
+export interface Validator<T extends BaseFormAssociatedElement = BaseFormAssociatedElement> {
+    observedAttributes?: string[];
+    checkValidity: (element: T) => {
+        message: string;
+        isValid: boolean;
+        invalidKeys: Exclude<keyof ValidityState, 'valid'>[];
+    };
+    message?: string | ((element: T) => string);
+}
+export interface BaseFormControl extends BaseElement {
+    name: null | string;
+    disabled?: boolean;
+    defaultValue?: unknown;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    defaultSelected?: boolean;
+    selected?: boolean;
+    form?: string | null;
+    value?: unknown;
+    pattern?: string;
+    min?: number | string | Date;
+    max?: number | string | Date;
+    step?: number | 'any';
+    required?: boolean;
+    minlength?: number;
+    maxlength?: number;
+    readonly validity: ValidityState;
+    readonly validationMessage: string;
+    checkValidity: () => boolean;
+    getForm: () => HTMLFormElement | null;
+    reportValidity: () => boolean;
+    setCustomValidity: (message: string) => void;
+    hasInteracted: boolean;
+    valueHasChanged?: boolean;
+    /** Convenience API for `setCustomValidity()` */
+    customError: null | string;
+}
+export declare class BaseFormAssociatedElement extends BaseElement implements Omit<ElementInternals, 'form' | 'setFormValue'>, BaseFormControl {
+    static formAssociated: boolean;
+    /**
+     * Validators are static because they have `observedAttributes`, essentially attributes to "watch"
+     * for changes. Whenever these attributes change, we want to be notified and update the validator.
+     */
+    static get validators(): Validator[];
+    static get observedAttributes(): string[];
+    /** The name of the input, submitted as a name/value pair with form data. */
+    name: string | null;
+    /** Disables the form control. */
+    disabled: boolean;
+    required: boolean;
+    assumeInteractionOn: string[];
+    input?: (HTMLElement & {
+        value: unknown;
+    }) | HTMLInputElement | HTMLTextAreaElement;
+    validators: Validator[];
+    valueHasChanged: boolean;
+    hasInteracted: boolean;
+    customError: string | null;
+    private emittedEvents;
+    constructor();
+    private states;
+    connectedCallback(): void;
+    firstUpdated(...args: Parameters<LitElement['firstUpdated']>): void;
+    emitInvalid: (e: Event) => void;
+    protected willUpdate(changedProperties: Parameters<LitElement['willUpdate']>[0]): void;
+    private handleInteraction;
+    get labels(): NodeList;
+    getForm(): HTMLFormElement;
+    get validity(): ValidityState;
+    get willValidate(): boolean;
+    get validationMessage(): string;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    /**
+     * Override this to change where constraint validation popups are anchored.
+     */
+    get validationTarget(): undefined | HTMLElement;
+    setValidity(...args: Parameters<typeof this.internals.setValidity>): void;
+    setCustomStates(): void;
+    /**
+     * Do not use this when creating a "Validator". This is intended for end users of components.
+     * We track manually defined custom errors so we don't clear them on accident in our validators.
+     *
+     */
+    setCustomValidity(message: string): void;
+    formResetCallback(): void;
+    formDisabledCallback(isDisabled: boolean): void;
+    /**
+     * Called when the browser is trying to restore element’s state to state in which case reason is "restore", or when
+     * the browser is trying to fulfill autofill on behalf of user in which case reason is "autocomplete". In the case of
+     * "restore", state is a string, File, or FormData object previously set as the second argument to setFormValue.
+     */
+    formStateRestoreCallback(state: string | File | FormData | null, reason: 'autocomplete' | 'restore'): void;
+    setValue(...args: Parameters<typeof this.internals.setFormValue>): void;
+    get allValidators(): Validator<BaseFormAssociatedElement>[];
+    /**
+     * Reset validity is a way of removing manual custom errors and native validation.
+     */
+    resetValidity(): void;
+    updateValidity(): void;
+}

package/dist/packages/rip-and-tear-radio/index.css

@@ -0,0 +1,2 @@
+:host{box-sizing:border-box!important}:host *,:host *:before,:host *:after{box-sizing:inherit!important}:host{color:var(--wa-form-control-value-color);display:inline-flex;flex-direction:row;align-items:top;font-family:inherit;font-weight:var(--wa-form-control-value-font-weight);line-height:var(--wa-form-control-value-line-height);cursor:pointer;user-select:none;-webkit-user-select:none}:host(:focus){outline:none}[part~=label]{display:inline}:host([appearance="default"]){.control{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wa-form-control-toggle-size, 2rem);height:var(--wa-form-control-toggle-size, 2rem);border-color:var(--wa-form-control-border-color, gray);border-radius:50%;border-style:var(--wa-form-control-border-style, solid);border-width:var(--wa-form-control-border-width, 1px);background-color:var(--wa-form-control-background-color, white);color:transparent;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;margin-inline-end:.5em}}:host([appearance="clickable"]) .control{position:absolute;inset:0;height:100%;width:100%;cursor:pointer}:host(:state(checked)):not(:host([appearance="clickable"])) .control{border-color:var(--wa-form-control-activated-color, blue);background-color:var(--wa-form-control-background-color, white);border-width:.6rem}:host(:focus-visible) .control{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px)}:host([appearance="clickable"]:focus-visible) .control{outline-offset:-4px;border-radius:8px}:host(:state(disabled)){opacity:.5;cursor:not-allowed}:host([appearance="button"]){align-items:center;min-height:var(--wa-form-control-height);background-color:var(--wa-color-surface-default);border:var(--wa-form-control-border-width) var(--wa-form-control-border-style) var(--wa-form-control-border-color);border-radius:var(--wa-border-radius-m);padding:0 var(--wa-form-control-padding-inline);transition:background-color var(--wa-transition-fast),border-color var(--wa-transition-fast);.control{display:none}}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-inner]){border-radius:0}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-first]){border-start-end-radius:0;border-end-end-radius:0}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-last]){border-start-start-radius:0;border-end-start-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-inner]){border-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-first]){border-end-start-radius:0;border-end-end-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-last]){border-start-start-radius:0;border-start-end-radius:0}@media (hover: hover){:host([appearance="button"]:hover:not(:state(disabled),:state(checked))){background-color:color-mix(in srgb,var(--wa-color-surface-default) 95%,var(--wa-color-mix-hover))}}:host([appearance="button"]:focus-visible){outline:var(--wa-focus-ring);outline-offset:var(--wa-focus-ring-offset)}:host([appearance="button"]:state(checked)){border-color:var(--wa-form-control-activated-color);background-color:var(--wa-color-brand-fill-quiet)}:host([appearance="button"]:state(checked):focus-visible){outline:var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-brand-border-loud);outline-offset:var(--wa-focus-ring-offset)}:host([appearance="button"][data-wa-radio-horizontal]:not([data-wa-radio-first])){margin-inline-start:calc(-1 * var(--wa-form-control-border-width))}:host([appearance="button"][data-wa-radio-vertical]:not([data-wa-radio-first])){margin-block-start:calc(-1 * var(--wa-form-control-border-width))}:host([appearance="button"]:hover),:host([appearance="button"]:state(checked)){position:relative;z-index:1}:host([appearance="button"]:focus-visible){z-index:2}:host{display:block}.form-control{position:relative;border:none;padding:0;margin:0}.label{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;cursor:pointer;padding-bottom:.4rem;color:var(--w-s-color-text);display:block}.radio-group-required .label:after{content:var(--wa-form-control-required-content);margin-inline-start:var(--wa-form-control-required-content-offset)}.button-group{display:flex}[part~=form-control-input]{display:flex;flex-direction:column;flex-wrap:wrap;gap:.75em}:host([orientation="horizontal"]) [part~=form-control-input]{flex-direction:row;gap:1em}[part~=hint]{margin-block-start:.5em}:host fieldset.has-radio-buttons{[part~=form-control-input]{gap:0}}
+/*# sourceMappingURL=index.css.map */

package/dist/packages/rip-and-tear-radio/index.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/rip-and-tear-radio/host.css", "../../../packages/rip-and-tear-radio/radio.css", "../../../packages/rip-and-tear-radio/radio-group.css"],
+  "sourcesContent": [":host {\n  box-sizing: border-box !important;\n}\n\n:host *,\n:host *::before,\n:host *::after {\n  box-sizing: inherit !important;\n}\n\n", ":host {\n  color: var(--wa-form-control-value-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: top;\n  font-family: inherit;\n  font-weight: var(--wa-form-control-value-font-weight);\n  line-height: var(--wa-form-control-value-line-height);\n  cursor: pointer;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n[part~='label'] {\n  display: inline;\n}\n\n[part~='hint'] {\n  margin-block-start: 0.5em;\n}\n\n/* Default appearance */\n:host([appearance='default']) {\n  .control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--wa-form-control-toggle-size, 2rem);\n    height: var(--wa-form-control-toggle-size, 2rem);\n    border-color: var(--wa-form-control-border-color, gray);\n    border-radius: 50%;\n    border-style: var(--wa-form-control-border-style, solid);\n    border-width: var(--wa-form-control-border-width, 1px);\n    background-color: var(--wa-form-control-background-color, white);\n    color: transparent;\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n\n    margin-inline-end: 0.5em;\n  }\n}\n\n:host([appearance='clickable']) .control {\n  position: absolute;\n  inset: 0;\n  height: 100%;\n  width: 100%;\n  cursor: pointer;\n}\n\n/* Checked */\n:host(:state(checked)):not(:host([appearance='clickable'])) .control {\n  /* color: var(--checked-icon-color, white); */\n  border-color: var(--wa-form-control-activated-color, blue);\n  background-color: var(--wa-form-control-background-color, white);\n  border-width: 0.6rem;\n}\n\n/* Focus */\n:host(:focus-visible) .control {\n  outline: 2px solid var(--w-s-color-border-focus);\n  outline-offset: var(--w-outline-offset, 1px);\n}\n\n:host([appearance='clickable']:focus-visible) .control {\n  outline-offset: -4px;\n  border-radius: 8px;\n}\n\n/* Disabled */\n:host(:state(disabled)) {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Button appearance */\n:host([appearance='button']) {\n  align-items: center;\n  min-height: var(--wa-form-control-height);\n  background-color: var(--wa-color-surface-default);\n  border: var(--wa-form-control-border-width) var(--wa-form-control-border-style) var(--wa-form-control-border-color);\n  border-radius: var(--wa-border-radius-m);\n  padding: 0 var(--wa-form-control-padding-inline);\n  transition:\n    background-color var(--wa-transition-fast),\n    border-color var(--wa-transition-fast);\n\n  .control {\n    display: none;\n  }\n}\n\n/* Horizontal grouping - remove inner border radius */\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-inner]) {\n  border-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-first]) {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-last]) {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n\n/* Vertical grouping - remove inner border radius */\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-inner]) {\n  border-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-first]) {\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-last]) {\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n}\n\n@media (hover: hover) {\n  :host([appearance='button']:hover:not(:state(disabled), :state(checked))) {\n    background-color: color-mix(in srgb, var(--wa-color-surface-default) 95%, var(--wa-color-mix-hover));\n  }\n}\n\n:host([appearance='button']:focus-visible) {\n  outline: var(--wa-focus-ring);\n  outline-offset: var(--wa-focus-ring-offset);\n}\n\n:host([appearance='button']:state(checked)) {\n  border-color: var(--wa-form-control-activated-color);\n  background-color: var(--wa-color-brand-fill-quiet);\n}\n\n:host([appearance='button']:state(checked):focus-visible) {\n  outline: var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-brand-border-loud);\n  outline-offset: var(--wa-focus-ring-offset);\n}\n\n/* Remove inner borders and handle overlap */\n:host([appearance='button'][data-wa-radio-horizontal]:not([data-wa-radio-first])) {\n  margin-inline-start: calc(-1 * var(--wa-form-control-border-width));\n}\n\n:host([appearance='button'][data-wa-radio-vertical]:not([data-wa-radio-first])) {\n  margin-block-start: calc(-1 * var(--wa-form-control-border-width));\n}\n\n/* Ensure interactive states are visible above adjacent buttons */\n:host([appearance='button']:hover),\n:host([appearance='button']:state(checked)) {\n  position: relative;\n  z-index: 1;\n}\n\n:host([appearance='button']:focus-visible) {\n  z-index: 2;\n}\n\n", ":host {\n  display: block;\n}\n\n.form-control {\n  position: relative;\n  border: none;\n  padding: 0;\n  margin: 0;\n}\n\n.label {\n  font-size: var(--w-font-size-s);\n  line-height: var(--w-line-height-s);\n  font-weight: 700;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-smoothing: grayscale;\n  cursor: pointer;\n  padding-bottom: 0.4rem;\n  color: var(--w-s-color-text);\n  display: block;\n}\n\n.radio-group-required .label::after {\n  content: var(--wa-form-control-required-content);\n  margin-inline-start: var(--wa-form-control-required-content-offset);\n}\n\n.button-group {\n  display: flex;\n}\n\n[part~='form-control-input'] {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  gap: 0.75em;\n}\n\n/* Horizontal */\n:host([orientation='horizontal']) [part~='form-control-input'] {\n  flex-direction: row;\n  gap: 1em;\n}\n\n/* Help text */\n[part~='hint'] {\n  margin-block-start: 0.5em;\n}\n\n/* Radios have the \"button\" appearance */\n:host fieldset.has-radio-buttons {\n  [part~='form-control-input'] {\n    gap: 0;\n  }\n}\n\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/packages/rip-and-tear-radio/index.d.ts

@@ -0,0 +1,8 @@
+import { WRadio } from './radio';
+import { WRadioGroup } from './radio-group';
+declare global {
+    interface HTMLElementTagNameMap {
+        'w-radio': WRadio;
+        'w-radio-group': WRadioGroup;
+    }
+}

package/dist/packages/rip-and-tear-radio/index.js

@@ -0,0 +1,157 @@
+var Wt=Object.defineProperty;var Gt=Object.getOwnPropertyDescriptor;var ft=r=>{throw TypeError(r)};var h=(r,e,t,s)=>{for(var i=s>1?void 0:s?Gt(e,t):e,o=r.length-1,a;o>=0;o--)(a=r[o])&&(i=(s?a(e,t,i):a(i))||i);return s&&i&&Wt(e,t,i),i};var mt=(r,e,t)=>e.has(r)||ft("Cannot "+t);var bt=(r,e,t)=>(mt(r,e,"read from private field"),t?t.call(r):e.get(r)),gt=(r,e,t)=>e.has(r)?ft("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t),vt=(r,e,t,s)=>(mt(r,e,"write to private field"),s?s.call(r,t):e.set(r,t),t);var j=globalThis,K=j.ShadowRoot&&(j.ShadyCSS===void 0||j.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,$t=Symbol(),yt=new WeakMap,F=class{constructor(e,t,s){if(this._$cssResult$=!0,s!==$t)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(K&&e===void 0){let s=t!==void 0&&t.length===1;s&&(e=yt.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),s&&yt.set(t,e))}return e}toString(){return this.cssText}},Z=r=>new F(typeof r=="string"?r:r+"",void 0,$t);var Et=(r,e)=>{if(K)r.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of e){let s=document.createElement("style"),i=j.litNonce;i!==void 0&&s.setAttribute("nonce",i),s.textContent=t.cssText,r.appendChild(s)}},tt=K?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(let s of e.cssRules)t+=s.cssText;return Z(t)})(r):r;var{is:te,defineProperty:ee,getOwnPropertyDescriptor:se,getOwnPropertyNames:ie,getOwnPropertySymbols:re,getPrototypeOf:oe}=Object,w=globalThis,wt=w.trustedTypes,ae=wt?wt.emptyScript:"",et=w.reactiveElementPolyfillSupport,H=(r,e)=>r,U={toAttribute(r,e){switch(e){case Boolean:r=r?ae:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,e){let t=r;switch(e){case Boolean:t=r!==null;break;case Number:t=r===null?null:Number(r);break;case Object:case Array:try{t=JSON.parse(r)}catch(s){t=null}}return t}},J=(r,e)=>!te(r,e),At={attribute:!0,type:String,converter:U,reflect:!1,useDefault:!1,hasChanged:J},_t,St;(_t=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(St=w.litPropertyMetadata)!=null||(w.litPropertyMetadata=new WeakMap);var y=class extends HTMLElement{static addInitializer(e){var t;this._$Ei(),((t=this.l)!=null?t:this.l=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=At){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let s=Symbol(),i=this.getPropertyDescriptor(e,s,t);i!==void 0&&ee(this.prototype,e,i)}}static getPropertyDescriptor(e,t,s){var a;let{get:i,set:o}=(a=se(this.prototype,e))!=null?a:{get(){return this[t]},set(l){this[t]=l}};return{get:i,set(l){let n=i==null?void 0:i.call(this);o==null||o.call(this,l),this.requestUpdate(e,n,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){var t;return(t=this.elementProperties.get(e))!=null?t:At}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;let e=oe(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){let t=this.properties,s=[...ie(t),...re(t)];for(let i of s)this.createProperty(i,t[i])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[s,i]of t)this.elementProperties.set(s,i)}this._$Eh=new Map;for(let[t,s]of this.elementProperties){let i=this._$Eu(t,s);i!==void 0&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let s=new Set(e.flat(1/0).reverse());for(let i of s)t.unshift(tt(i))}else e!==void 0&&t.push(tt(e));return t}static _$Eu(e,t){let s=t.attribute;return s===!1?void 0:typeof s=="string"?s:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t,s;((t=this._$EO)!=null?t:this._$EO=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&((s=e.hostConnected)==null||s.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let s of t.keys())this.hasOwnProperty(s)&&(e.set(s,this[s]),delete this[s]);e.size>0&&(this._$Ep=e)}createRenderRoot(){var t;let e=(t=this.shadowRoot)!=null?t:this.attachShadow(this.constructor.shadowRootOptions);return Et(e,this.constructor.elementStyles),e}connectedCallback(){var e,t;(e=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(s=>{var i;return(i=s.hostConnected)==null?void 0:i.call(s)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var s;return(s=t.hostDisconnected)==null?void 0:s.call(t)})}attributeChangedCallback(e,t,s){this._$AK(e,s)}_$ET(e,t){var o;let s=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,s);if(i!==void 0&&s.reflect===!0){let a=(((o=s.converter)==null?void 0:o.toAttribute)!==void 0?s.converter:U).toAttribute(t,s.type);this._$Em=e,a==null?this.removeAttribute(i):this.setAttribute(i,a),this._$Em=null}}_$AK(e,t){var o,a,l;let s=this.constructor,i=s._$Eh.get(e);if(i!==void 0&&this._$Em!==i){let n=s.getPropertyOptions(i),d=typeof n.converter=="function"?{fromAttribute:n.converter}:((o=n.converter)==null?void 0:o.fromAttribute)!==void 0?n.converter:U;this._$Em=i;let c=d.fromAttribute(t,n.type);this[i]=(l=c!=null?c:(a=this._$Ej)==null?void 0:a.get(i))!=null?l:c,this._$Em=null}}requestUpdate(e,t,s){var i,o;if(e!==void 0){let a=this.constructor,l=this[e];if(s!=null||(s=a.getPropertyOptions(e)),!(((i=s.hasChanged)!=null?i:J)(l,t)||s.useDefault&&s.reflect&&l===((o=this._$Ej)==null?void 0:o.get(e))&&!this.hasAttribute(a._$Eu(e,s))))return;this.C(e,t,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,t,{useDefault:s,reflect:i,wrapped:o},a){var l,n,d;s&&!((l=this._$Ej)!=null?l:this._$Ej=new Map).has(e)&&(this._$Ej.set(e,(n=a!=null?a:t)!=null?n:this[e]),o!==!0||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||s||(t=void 0),this._$AL.set(e,t)),i===!0&&this._$Em!==e&&((d=this._$Eq)!=null?d:this._$Eq=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s,i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((s=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[a,l]of this._$Ep)this[a]=l;this._$Ep=void 0}let o=this.constructor.elementProperties;if(o.size>0)for(let[a,l]of o){let{wrapped:n}=l,d=this[a];n!==!0||this._$AL.has(a)||d===void 0||this.C(a,void 0,l,d)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(i=this._$EO)==null||i.forEach(o=>{var a;return(a=o.hostUpdate)==null?void 0:a.call(o)}),this.update(t)):this._$EM()}catch(o){throw e=!1,this._$EM(),o}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach(s=>{var i;return(i=s.hostUpdated)==null?void 0:i.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(t=>this._$ET(t,this[t]))),this._$EM()}updated(e){}firstUpdated(e){}},xt;y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[H("elementProperties")]=new Map,y[H("finalized")]=new Map,et==null||et({ReactiveElement:y}),((xt=w.reactiveElementVersions)!=null?xt:w.reactiveElementVersions=[]).push("2.1.1");var O=globalThis,X=O.trustedTypes,Ct=X?X.createPolicy("lit-html",{createHTML:r=>r}):void 0,Ht="$lit$",A=`lit$${Math.random().toFixed(9).slice(2)}$`,Ut="?"+A,ne=`<${Ut}>`,C=document,N=()=>C.createComment(""),I=r=>r===null||typeof r!="object"&&typeof r!="function",dt=Array.isArray,le=r=>dt(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",st=`[ 	
+\f\r]`,L=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,kt=/-->/g,Vt=/>/g,S=RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Tt=/'/g,Rt=/"/g,Lt=/^(?:script|style|textarea|title)$/i,ct=r=>(e,...t)=>({_$litType$:r,strings:e,values:t}),Y=ct(1),Ee=ct(2),we=ct(3),$=Symbol.for("lit-noChange"),m=Symbol.for("lit-nothing"),Mt=new WeakMap,x=C.createTreeWalker(C,129);function Ot(r,e){if(!dt(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ct!==void 0?Ct.createHTML(e):e}var de=(r,e)=>{let t=r.length-1,s=[],i,o=e===2?"<svg>":e===3?"<math>":"",a=L;for(let l=0;l<t;l++){let n=r[l],d,c,p=-1,v=0;for(;v<n.length&&(a.lastIndex=v,c=a.exec(n),c!==null);)v=a.lastIndex,a===L?c[1]==="!--"?a=kt:c[1]!==void 0?a=Vt:c[2]!==void 0?(Lt.test(c[2])&&(i=RegExp("</"+c[2],"g")),a=S):c[3]!==void 0&&(a=S):a===S?c[0]===">"?(a=i!=null?i:L,p=-1):c[1]===void 0?p=-2:(p=a.lastIndex-c[2].length,d=c[1],a=c[3]===void 0?S:c[3]==='"'?Rt:Tt):a===Rt||a===Tt?a=S:a===kt||a===Vt?a=L:(a=S,i=void 0);let E=a===S&&r[l+1].startsWith("/>")?" ":"";o+=a===L?n+ne:p>=0?(s.push(d),n.slice(0,p)+Ht+n.slice(p)+A+E):n+A+(p===-2?l:E)}return[Ot(r,o+(r[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),s]},D=class r{constructor({strings:e,_$litType$:t},s){let i;this.parts=[];let o=0,a=0,l=e.length-1,n=this.parts,[d,c]=de(e,t);if(this.el=r.createElement(d,s),x.currentNode=this.el.content,t===2||t===3){let p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=x.nextNode())!==null&&n.length<l;){if(i.nodeType===1){if(i.hasAttributes())for(let p of i.getAttributeNames())if(p.endsWith(Ht)){let v=c[a++],E=i.getAttribute(p).split(A),B=/([.?@])?(.*)/.exec(v);n.push({type:1,index:o,name:B[2],strings:E,ctor:B[1]==="."?ot:B[1]==="?"?at:B[1]==="@"?nt:M}),i.removeAttribute(p)}else p.startsWith(A)&&(n.push({type:6,index:o}),i.removeAttribute(p));if(Lt.test(i.tagName)){let p=i.textContent.split(A),v=p.length-1;if(v>0){i.textContent=X?X.emptyScript:"";for(let E=0;E<v;E++)i.append(p[E],N()),x.nextNode(),n.push({type:2,index:++o});i.append(p[v],N())}}}else if(i.nodeType===8)if(i.data===Ut)n.push({type:2,index:o});else{let p=-1;for(;(p=i.data.indexOf(A,p+1))!==-1;)n.push({type:7,index:o}),p+=A.length-1}o++}}static createElement(e,t){let s=C.createElement("template");return s.innerHTML=e,s}};function R(r,e,t=r,s){var a,l,n;if(e===$)return e;let i=s!==void 0?(a=t._$Co)==null?void 0:a[s]:t._$Cl,o=I(e)?void 0:e._$litDirective$;return(i==null?void 0:i.constructor)!==o&&((l=i==null?void 0:i._$AO)==null||l.call(i,!1),o===void 0?i=void 0:(i=new o(r),i._$AT(r,t,s)),s!==void 0?((n=t._$Co)!=null?n:t._$Co=[])[s]=i:t._$Cl=i),i!==void 0&&(e=R(r,i._$AS(r,e.values),i,s)),e}var rt=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var d;let{el:{content:t},parts:s}=this._$AD,i=((d=e==null?void 0:e.creationScope)!=null?d:C).importNode(t,!0);x.currentNode=i;let o=x.nextNode(),a=0,l=0,n=s[0];for(;n!==void 0;){if(a===n.index){let c;n.type===2?c=new q(o,o.nextSibling,this,e):n.type===1?c=new n.ctor(o,n.name,n.strings,this,e):n.type===6&&(c=new lt(o,this,e)),this._$AV.push(c),n=s[++l]}a!==(n==null?void 0:n.index)&&(o=x.nextNode(),a++)}return x.currentNode=C,i}p(e){let t=0;for(let s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(e,s,t),t+=s.strings.length-2):s._$AI(e[t])),t++}},q=class r{get _$AU(){var e,t;return(t=(e=this._$AM)==null?void 0:e._$AU)!=null?t:this._$Cv}constructor(e,t,s,i){var o;this.type=2,this._$AH=m,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=s,this.options=i,this._$Cv=(o=i==null?void 0:i.isConnected)!=null?o:!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=R(this,e,t),I(e)?e===m||e==null||e===""?(this._$AH!==m&&this._$AR(),this._$AH=m):e!==this._$AH&&e!==$&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):le(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==m&&I(this._$AH)?this._$AA.nextSibling.data=e:this.T(C.createTextNode(e)),this._$AH=e}$(e){var o;let{values:t,_$litType$:s}=e,i=typeof s=="number"?this._$AC(e):(s.el===void 0&&(s.el=D.createElement(Ot(s.h,s.h[0]),this.options)),s);if(((o=this._$AH)==null?void 0:o._$AD)===i)this._$AH.p(t);else{let a=new rt(i,this),l=a.u(this.options);a.p(t),this.T(l),this._$AH=a}}_$AC(e){let t=Mt.get(e.strings);return t===void 0&&Mt.set(e.strings,t=new D(e)),t}k(e){dt(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,s,i=0;for(let o of e)i===t.length?t.push(s=new r(this.O(N()),this.O(N()),this,this.options)):s=t[i],s._$AI(o),i++;i<t.length&&(this._$AR(s&&s._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,t);e!==this._$AB;){let i=e.nextSibling;e.remove(),e=i}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}},M=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,s,i,o){this.type=1,this._$AH=m,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=o,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=m}_$AI(e,t=this,s,i){let o=this.strings,a=!1;if(o===void 0)e=R(this,e,t,0),a=!I(e)||e!==this._$AH&&e!==$,a&&(this._$AH=e);else{let l=e,n,d;for(e=o[0],n=0;n<o.length-1;n++)d=R(this,l[s+n],t,n),d===$&&(d=this._$AH[n]),a||(a=!I(d)||d!==this._$AH[n]),d===m?e=m:e!==m&&(e+=(d!=null?d:"")+o[n+1]),this._$AH[n]=d}a&&!i&&this.j(e)}j(e){e===m?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e!=null?e:"")}},ot=class extends M{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===m?void 0:e}},at=class extends M{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==m)}},nt=class extends M{constructor(e,t,s,i,o){super(e,t,s,i,o),this.type=5}_$AI(e,t=this){var a;if((e=(a=R(this,e,t,0))!=null?a:m)===$)return;let s=this._$AH,i=e===m&&s!==m||e.capture!==s.capture||e.once!==s.once||e.passive!==s.passive,o=e!==m&&(s===m||i);i&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,s;typeof this._$AH=="function"?this._$AH.call((s=(t=this.options)==null?void 0:t.host)!=null?s:this.element,e):this._$AH.handleEvent(e)}},lt=class{constructor(e,t,s){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(e){R(this,e)}};var it=O.litHtmlPolyfillSupport,Pt;it==null||it(D,q),((Pt=O.litHtmlVersions)!=null?Pt:O.litHtmlVersions=[]).push("3.3.1");var Nt=(r,e,t)=>{var o,a;let s=(o=t==null?void 0:t.renderBefore)!=null?o:e,i=s._$litPart$;if(i===void 0){let l=(a=t==null?void 0:t.renderBefore)!=null?a:null;s._$litPart$=i=new q(e.insertBefore(N(),l),l,void 0,t!=null?t:{})}return i._$AI(r),i};var k=globalThis,_=class extends y{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,s;let e=super.createRenderRoot();return(s=(t=this.renderOptions).renderBefore)!=null||(t.renderBefore=e.firstChild),e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Nt(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return $}},It;_._$litElement$=!0,_.finalized=!0,(It=k.litElementHydrateSupport)==null||It.call(k,{LitElement:_});var ht=k.litElementPolyfillSupport;ht==null||ht({LitElement:_});var Dt;((Dt=k.litElementVersions)!=null?Dt:k.litElementVersions=[]).push("4.2.1");var ce={attribute:!0,type:String,converter:U,reflect:!1,hasChanged:J},he=(r=ce,e,t)=>{let{kind:s,metadata:i}=t,o=globalThis.litPropertyMetadata.get(i);if(o===void 0&&globalThis.litPropertyMetadata.set(i,o=new Map),s==="setter"&&((r=Object.create(r)).wrapped=!0),o.set(t.name,r),s==="accessor"){let{name:a}=t;return{set(l){let n=e.get.call(this);e.set.call(this,l),this.requestUpdate(a,n,r)},init(l){return l!==void 0&&this.C(a,void 0,r,l),l}}}if(s==="setter"){let{name:a}=t;return function(l){let n=this[a];e.call(this,l),this.requestUpdate(a,n,r)}}throw Error("Unsupported decorator location: "+s)};function u(r){return(e,t)=>typeof t=="object"?he(r,e,t):((s,i,o)=>{let a=i.hasOwnProperty(o);return i.constructor.createProperty(o,s),a?Object.getOwnPropertyDescriptor(i,o):void 0})(r,e,t)}function P(r){return u({...r,state:!0,attribute:!1})}var V=(r,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(r,e,t),t);function qt(r,e){return(t,s,i)=>{let o=a=>{var l,n;return(n=(l=a.renderRoot)==null?void 0:l.querySelector(r))!=null?n:null};if(e){let{get:a,set:l}=typeof s=="object"?t:i!=null?i:(()=>{let n=Symbol();return{get(){return this[n]},set(d){this[n]=d}}})();return V(t,s,{get(){let n=a.call(this);return n===void 0&&(n=o(this),(n!==null||this.hasUpdated)&&l.call(this,n)),n}})}return V(t,s,{get(){return o(this)}})}}var zt={};var z,T=class extends _{constructor(){super();gt(this,z,!1);this.initialReflectedProperties=new Map;this.customStates={set:(t,s)=>{var i;(i=this.internals)!=null&&i.states&&(s?this.internals.states.add(t):this.internals.states.delete(t))},has:t=>{var s;return(s=this.internals)!=null&&s.states?this.internals.states.has(t):!1}};try{this.internals=this.attachInternals()}catch(s){console.error("Element internals are not supported in your browser. Consider using a polyfill")}this.customStates.set("wa-defined",!0);let t=this.constructor;for(let[s,i]of t.elementProperties)i.default==="inherit"&&i.initial!==void 0&&typeof s=="string"&&this.customStates.set(`initial-${s}-${i.initial}`,!0)}static get styles(){let t=Array.isArray(this.css)?this.css:this.css?[this.css]:[];return[zt,...t].map(s=>typeof s=="string"?Z(s):s)}attributeChangedCallback(t,s,i){bt(this,z)||(this.constructor.elementProperties.forEach((o,a)=>{o.reflect&&this[a]!=null&&this.initialReflectedProperties.set(a,this[a])}),vt(this,z,!0)),super.attributeChangedCallback(t,s,i)}willUpdate(t){super.willUpdate(t),this.initialReflectedProperties.forEach((s,i)=>{t.has(i)&&this[i]==null&&(this[i]=s)})}relayNativeEvent(t,s){t.stopImmediatePropagation(),this.dispatchEvent(new t.constructor(t.type,{...t,...s}))}};z=new WeakMap,h([u()],T.prototype,"dir",2),h([u()],T.prototype,"lang",2);var Bt=()=>({observedAttributes:["custom-error"],checkValidity(r){let e={message:"",isValid:!0,invalidKeys:[]};return r.customError&&(e.message=r.customError,e.isValid=!1,e.invalidKeys=["customError"]),e}});var Q=class extends Event{constructor(){super("w-invalid",{bubbles:!0,cancelable:!1,composed:!0})}};var b=class extends T{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=t=>{t.target===this&&(this.hasInteracted=!0,this.dispatchEvent(new Q))};this.handleInteraction=t=>{var i;let s=this.emittedEvents;s.includes(t.type)||s.push(t.type),s.length===((i=this.assumeInteractionOn)==null?void 0:i.length)&&(this.hasInteracted=!0)};this.addEventListener("invalid",this.emitInvalid)}static get validators(){return[Bt()]}static get observedAttributes(){let t=new Set(super.observedAttributes||[]);for(let s of this.validators)if(s.observedAttributes)for(let i of s.observedAttributes)t.add(i);return[...t]}connectedCallback(){super.connectedCallback(),this.updateValidity(),this.assumeInteractionOn.forEach(t=>{this.addEventListener(t,this.handleInteraction)})}firstUpdated(...t){super.firstUpdated(...t),this.updateValidity()}willUpdate(t){if(!!1&&t.has("customError")&&(this.customError||(this.customError=null),this.setCustomValidity(this.customError||"")),t.has("value")||t.has("disabled")){let s=this.value;if(Array.isArray(s)){if(this.name){let i=new FormData;for(let o of s)i.append(this.name,o);this.setValue(i,i)}}else this.setValue(s,s)}t.has("disabled")&&(this.customStates.set("disabled",this.disabled),(this.hasAttribute("disabled")||!!1&&!this.matches(":disabled"))&&this.toggleAttribute("disabled",this.disabled)),this.updateValidity(),super.willUpdate(t)}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(...t){let s=t[0],i=t[1],o=t[2];o||(o=this.validationTarget),this.internals.setValidity(s,i,o||void 0),this.requestUpdate("validity"),this.setCustomStates()}setCustomStates(){let t=!!this.required,s=this.internals.validity.valid,i=this.hasInteracted;this.customStates.set("required",t),this.customStates.set("optional",!t),this.customStates.set("invalid",!s),this.customStates.set("valid",s),this.customStates.set("user-invalid",!s&&i),this.customStates.set("user-valid",s&&i)}setCustomValidity(t){if(!t){this.customError=null,this.setValidity({});return}this.customError=t,this.setValidity({customError:!0},t,this.validationTarget)}formResetCallback(){this.resetValidity(),this.hasInteracted=!1,this.valueHasChanged=!1,this.emittedEvents=[],this.updateValidity()}formDisabledCallback(t){this.disabled=t,this.updateValidity()}formStateRestoreCallback(t,s){this.value=t,s==="restore"&&this.resetValidity(),this.updateValidity()}setValue(...t){let[s,i]=t;this.internals.setFormValue(s,i)}get allValidators(){let t=this.constructor.validators||[],s=this.validators||[];return[...t,...s]}resetValidity(){this.setCustomValidity(""),this.setValidity({})}updateValidity(){if(this.disabled||this.hasAttribute("disabled")||!this.willValidate){this.resetValidity();return}let t=this.allValidators;if(!(t!=null&&t.length))return;let s={customError:!!this.customError},i=this.validationTarget||this.input||void 0,o="";for(let a of t){let{isValid:l,message:n,invalidKeys:d}=a.checkValidity(this);l||(o||(o=n),(d==null?void 0:d.length)>=0&&d.forEach(c=>s[c]=!0))}o||(o=this.validationMessage),this.setValidity(s,o,i)}};b.formAssociated=!0,h([u({reflect:!0})],b.prototype,"name",2),h([u({type:Boolean})],b.prototype,"disabled",2),h([u({state:!0,attribute:!1})],b.prototype,"valueHasChanged",2),h([u({state:!0,attribute:!1})],b.prototype,"hasInteracted",2),h([u({attribute:"custom-error",reflect:!0})],b.prototype,"customError",2),h([u({attribute:!1,state:!0,type:Object})],b.prototype,"validity",1);var jt={};var g=class extends b{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(t){if(super.updated(t),t.has("checked")&&(this.customStates.set("checked",this.checked),this.setAttribute("aria-checked",this.checked?"true":"false"),!this.disabled&&!this.forceDisabled&&(this.tabIndex=this.checked?0:-1)),t.has("disabled")||t.has("forceDisabled")){let s=this.disabled||this.forceDisabled;this.customStates.set("disabled",s),this.setAttribute("aria-disabled",s?"true":"false"),s?this.tabIndex=-1:this.tabIndex=this.checked?0:-1}}setValue(){}render(){return Y`
+      <span part="control" class="control"></span>
+      <slot part="label" class="label"></slot>
+    `}};g.css=[jt],h([P()],g.prototype,"checked",2),h([P()],g.prototype,"forceDisabled",2),h([u({reflect:!0})],g.prototype,"form",2),h([u({reflect:!0})],g.prototype,"value",2),h([u({reflect:!0})],g.prototype,"appearance",2),h([u({reflect:!0})],g.prototype,"size",2),h([u({type:Boolean})],g.prototype,"disabled",2);var Ft={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Kt=r=>(...e)=>({_$litDirective$:r,values:e}),W=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,s){this._$Ct=e,this._$AM=t,this._$Ci=s}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};var pt=Kt(class extends W{constructor(r){var e;if(super(r),r.type!==Ft.ATTRIBUTE||r.name!=="class"||((e=r.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(r){return" "+Object.keys(r).filter(e=>r[e]).join(" ")+" "}update(r,[e]){var s,i;if(this.st===void 0){this.st=new Set,r.strings!==void 0&&(this.nt=new Set(r.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(let o in e)e[o]&&!((s=this.nt)!=null&&s.has(o))&&this.st.add(o);return this.render(e)}let t=r.element.classList;for(let o of this.st)o in e||(t.remove(o),this.st.delete(o));for(let o in e){let a=!!e[o];a===this.st.has(o)||(i=this.nt)!=null&&i.has(o)||(a?(t.add(o),this.st.add(o)):(t.remove(o),this.st.delete(o)))}return $}});var Zt="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";var Jt=(r=21)=>{let e="",t=crypto.getRandomValues(new Uint8Array(r|=0));for(;r--;)e+=Zt[t[r]&63];return e};function Xt(r=""){return`${r}${Jt()}`}var Yt={};var Qt=(r={})=>{let{validationElement:e,validationProperty:t}=r;e||(e=Object.assign(document.createElement("input"),{required:!0})),t||(t="value");let s={observedAttributes:["required"],message:e.validationMessage,checkValidity(i){var d;let o={message:"",isValid:!0,invalidKeys:[]};return((d=i.required)!=null?d:i.hasAttribute("required"))&&!i[t]&&(o.message=typeof s.message=="function"?s.message(i):s.message||"",o.isValid=!1,o.invalidKeys.push("valueMissing")),o}};return s};var G=class{constructor(e,...t){this.slotNames=[];this.handleSlotChange=e=>{let t=e.target;(this.slotNames.includes("[default]")&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()};(this.host=e).addController(this),this.slotNames=t}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{if(e.nodeType===Node.TEXT_NODE&&e.textContent.trim()!=="")return!0;if(e.nodeType===Node.ELEMENT_NODE){let t=e;if(t.tagName.toLowerCase()==="w-visually-hidden")return!1;if(!t.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return this.host.querySelector(`:scope > [slot="${e}"]`)!==null}test(e){return e==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};var f=class extends b{constructor(){super();this.hasSlotController=new G(this,"hint","label");this.hasRadioButtons=!1;this.label="";this.hint="";this.name=null;this.disabled=!1;this.orientation="vertical";this._value=null;this.defaultValue=this.getAttribute("value")||null;this.size="medium";this.required=!1;this.withLabel=!1;this.withHint=!1;this.handleRadioClick=t=>{let s=t.target.closest("w-radio");if(!s||s.disabled||s.forceDisabled||this.disabled)return;let i=this.value;this.value=s.value,s.checked=!0;let o=this.getAllRadios();for(let a of o)s!==a&&(a.checked=!1,a.setAttribute("tabindex","-1"));this.value!==i&&this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})};this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleRadioClick)}static get validators(){let t=[Qt({validationElement:Object.assign(document.createElement("input"),{required:!0,type:"radio",name:Xt("__w-radio")})})];return[...super.validators,...t]}get value(){var t;return this.valueHasChanged?this._value:(t=this._value)!=null?t:this.defaultValue}set value(t){typeof t=="number"&&(t=String(t)),this.valueHasChanged=!0,this._value=t}get validationTarget(){let t=this.querySelector(":is(w-radio):not([disabled])");if(t)return t}updated(t){(t.has("disabled")||t.has("value"))&&this.syncRadioElements()}formResetCallback(...t){this.value=this.defaultValue,super.formResetCallback(...t),this.syncRadioElements()}getAllRadios(){return[...this.querySelectorAll("w-radio")]}handleLabelClick(){this.focus()}async syncRadioElements(){let t=this.getAllRadios(),s=!1;if(t.forEach((i,o)=>{i.appearance==="button"&&(s=!0),i.setAttribute("size",this.size),i.toggleAttribute("data-w-radio-horizontal",this.orientation!=="vertical"),i.toggleAttribute("data-w-radio-vertical",this.orientation==="vertical"),i.toggleAttribute("data-w-radio-first",o===0),i.toggleAttribute("data-w-radio-inner",o!==0&&o!==t.length-1),i.toggleAttribute("data-w-radio-last",o===t.length-1),i.forceDisabled=this.disabled}),this.hasRadioButtons=s,await Promise.all(t.map(async i=>{await i.updateComplete,!i.disabled&&i.value===this.value?i.checked=!0:i.checked=!1})),this.disabled)t.forEach(i=>{i.tabIndex=-1});else{let i=t.filter(a=>!a.disabled),o=i.find(a=>a.checked);i.length>0&&(o?i.forEach(a=>{a.tabIndex=a.checked?0:-1}):i.forEach((a,l)=>{a.tabIndex=l===0?0:-1})),t.filter(a=>a.disabled).forEach(a=>{a.tabIndex=-1})}}handleKeyDown(t){var d;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key)||this.disabled)return;let s=this.getAllRadios().filter(c=>!c.disabled);if(s.length<=0)return;t.preventDefault();let i=this.value,o=(d=s.find(c=>c.checked))!=null?d:s[0],a=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,l=s.indexOf(o)+a;l||(l=0),l<0&&(l=s.length-1),l>s.length-1&&(l=0);let n=s.some(c=>c.tagName.toLowerCase()==="w-radio-button");this.getAllRadios().forEach(c=>{c.checked=!1,n||c.setAttribute("tabindex","-1")}),this.value=s[l].value,s[l].checked=!0,n?s[l].shadowRoot.querySelector("button").focus():(s[l].setAttribute("tabindex","0"),s[l].focus()),this.value!==i&&this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),t.preventDefault()}focus(t){if(this.disabled)return;let s=this.getAllRadios(),i=s.find(l=>l.checked),o=s.find(l=>!l.disabled),a=i||o;a&&a.focus(t)}render(){let t=this.hasUpdated?this.hasSlotController.test("label"):this.withLabel,s=this.hasUpdated?this.hasSlotController.test("hint"):this.withHint,i=this.label?!0:!!t,o=this.hint?!0:!!s;return Y`
+      <fieldset
+        part="form-control"
+        class=${pt({"form-control":!0,"form-control-radio-group":!0,"form-control-has-label":i,"has-radio-buttons":this.hasRadioButtons})}
+        role="radiogroup"
+        aria-labelledby="label"
+        aria-describedby="hint"
+        aria-errormessage="error-message"
+        aria-orientation=${this.orientation}>
+        <label
+          part="form-control-label"
+          id="label"
+          class="label"
+          aria-hidden=${i?"false":"true"}
+          @click=${this.handleLabelClick}>
+          <slot name="label">${this.label}</slot>
+        </label>
+
+        <slot part="form-control-input" @slotchange=${this.syncRadioElements}></slot>
+
+        <slot
+          id="hint"
+          name="hint"
+          part="hint"
+          class=${pt({"has-slotted":o})}
+          aria-hidden=${o?"false":"true"}
+          >${this.hint}</slot
+        >
+      </fieldset>
+    `}};f.css=[Yt],f.shadowRootOptions={...b.shadowRootOptions,delegatesFocus:!0},h([P()],f.prototype,"hasRadioButtons",2),h([qt("slot:not([name])")],f.prototype,"defaultSlot",2),h([u()],f.prototype,"label",2),h([u({attribute:"hint"})],f.prototype,"hint",2),h([u({reflect:!0})],f.prototype,"name",2),h([u({type:Boolean,reflect:!0})],f.prototype,"disabled",2),h([u({reflect:!0})],f.prototype,"orientation",2),h([P()],f.prototype,"value",1),h([u({attribute:"value",reflect:!0})],f.prototype,"defaultValue",2),h([u({reflect:!0})],f.prototype,"size",2),h([u({type:Boolean,reflect:!0})],f.prototype,"required",2),h([u({type:Boolean,attribute:"with-label"})],f.prototype,"withLabel",2),h([u({type:Boolean,attribute:"with-hint"})],f.prototype,"withHint",2);customElements.get("w-radio")||(customElements.define("w-radio",g),customElements.define("w-radio-group",f));
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/class-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=index.js.map