@warp-ds/elements 2.10.0-next.11 → 2.10.0-next.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +211 -189
- package/dist/docs/badge/api.md +4 -4
- package/dist/docs/badge/badge.md +4 -4
- package/dist/docs/button/api.md +24 -24
- package/dist/docs/button/button.md +24 -24
- package/dist/docs/checkbox/api.md +2 -2
- package/dist/docs/checkbox/checkbox.md +2 -2
- package/dist/docs/checkbox-group/api.md +6 -6
- package/dist/docs/checkbox-group/checkbox-group.md +6 -6
- package/dist/docs/datepicker/api.md +8 -8
- package/dist/docs/datepicker/datepicker.md +8 -8
- package/dist/docs/expandable/api.md +6 -6
- package/dist/docs/expandable/expandable.md +6 -6
- package/dist/docs/icon/api.md +4 -4
- package/dist/docs/icon/icon.md +4 -4
- package/dist/docs/link/api.md +10 -10
- package/dist/docs/link/link.md +10 -10
- package/dist/docs/modal/api.md +2 -2
- package/dist/docs/modal/modal.md +2 -2
- package/dist/docs/pagination/api.md +4 -4
- package/dist/docs/pagination/pagination.md +4 -4
- package/dist/docs/pill/api.md +8 -8
- package/dist/docs/pill/pill.md +8 -8
- package/dist/docs/select/api.md +10 -10
- package/dist/docs/select/select.md +10 -10
- package/dist/docs/slider/api.md +22 -22
- package/dist/docs/slider/slider.md +22 -22
- package/dist/docs/slider-thumb/api.md +12 -12
- package/dist/docs/slider-thumb/slider-thumb.md +12 -12
- package/dist/docs/tabs/api.md +2 -2
- package/dist/docs/tabs/tabs.md +2 -2
- package/dist/docs/textarea/api.md +14 -14
- package/dist/docs/textarea/textarea.md +14 -14
- package/dist/docs/textfield/api.md +34 -34
- package/dist/docs/textfield/textfield.md +34 -34
- package/dist/packages/affix/affix.d.ts +1 -1
- package/dist/packages/affix/affix.js +8 -8
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/affix/styles.js +2 -2
- package/dist/packages/alert/alert.js +7 -7
- package/dist/packages/alert/alert.js.map +3 -3
- package/dist/packages/alert/styles.js +2 -2
- package/dist/packages/attention/attention.js +42 -21
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/attention/attention.stories.js +1 -1
- package/dist/packages/attention/styles.js +2 -2
- package/dist/packages/badge/badge.d.ts +2 -2
- package/dist/packages/badge/badge.js +6 -6
- package/dist/packages/badge/badge.js.map +3 -3
- package/dist/packages/badge/styles.js +2 -2
- package/dist/packages/box/box.js +6 -6
- package/dist/packages/box/box.js.map +3 -3
- package/dist/packages/box/styles.js +2 -2
- package/dist/packages/breadcrumbs/breadcrumbs.d.ts +1 -2
- package/dist/packages/breadcrumbs/breadcrumbs.js +7 -7
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +1 -1
- package/dist/packages/breadcrumbs/styles.js +2 -2
- package/dist/packages/button/button.d.ts +11 -11
- package/dist/packages/button/button.js +37 -16
- package/dist/packages/button/button.js.map +4 -4
- package/dist/packages/button/button.react.stories.d.ts +2 -2
- package/dist/packages/button/react.d.ts +1 -1
- package/dist/packages/button/styles.js +18 -2
- package/dist/packages/card/card.js +8 -8
- package/dist/packages/card/card.js.map +4 -4
- package/dist/packages/card/styles.js +2 -2
- package/dist/packages/checkbox/checkbox.d.ts +2 -2
- package/dist/packages/checkbox/checkbox.js +9 -9
- package/dist/packages/checkbox/checkbox.js.map +3 -3
- package/dist/packages/checkbox-group/checkbox-group.d.ts +4 -4
- package/dist/packages/checkbox-group/checkbox-group.js.map +2 -2
- package/dist/packages/combobox/combobox.js +14 -15
- package/dist/packages/combobox/combobox.js.map +4 -4
- package/dist/packages/combobox/combobox.react.stories.d.ts +26 -10
- package/dist/packages/combobox/react.d.ts +13 -5
- package/dist/packages/combobox/styles.js +2 -3
- package/dist/packages/datepicker/datepicker.d.ts +5 -5
- package/dist/packages/datepicker/datepicker.js +29 -29
- package/dist/packages/datepicker/datepicker.js.map +4 -4
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +12 -12
- package/dist/packages/datepicker/react.d.ts +6 -6
- package/dist/packages/expandable/expandable.d.ts +3 -3
- package/dist/packages/expandable/expandable.js +10 -10
- package/dist/packages/expandable/expandable.js.map +3 -3
- package/dist/packages/expandable/styles.js +2 -2
- package/dist/packages/icon/icon.d.ts +1 -1
- package/dist/packages/icon/icon.js +2 -2
- package/dist/packages/icon/icon.js.map +1 -1
- package/dist/packages/icon/icon.react.stories.d.ts +1 -1
- package/dist/packages/icon/icon.react.stories.js +2 -0
- package/dist/packages/icon/icon.stories.d.ts +7 -30
- package/dist/packages/icon/icon.stories.js +11 -2
- package/dist/packages/link/link.d.ts +5 -5
- package/dist/packages/link/link.js +40 -19
- package/dist/packages/link/link.js.map +3 -3
- package/dist/packages/link/styles.js +5 -0
- package/dist/packages/modal/modal.d.ts +1 -1
- package/dist/packages/modal/modal.js +7 -7
- package/dist/packages/modal/modal.js.map +3 -3
- package/dist/packages/modal/modal.react.stories.d.ts +4 -4
- package/dist/packages/modal/react.d.ts +4 -4
- package/dist/packages/modal/util.js +3 -1
- package/dist/packages/modal-footer/modal-footer.js +7 -7
- package/dist/packages/modal-footer/modal-footer.js.map +3 -3
- package/dist/packages/modal-header/modal-header.js +11 -11
- package/dist/packages/modal-header/modal-header.js.map +4 -4
- package/dist/packages/modal-header/react.d.ts +2 -2
- package/dist/packages/page-indicator/page-indicator.d.ts +0 -4
- package/dist/packages/page-indicator/page-indicator.js +6 -6
- package/dist/packages/page-indicator/page-indicator.js.map +4 -4
- package/dist/packages/page-indicator/page-indicator.stories.d.ts +8 -26
- package/dist/packages/page-indicator/page-indicator.stories.js +9 -7
- package/dist/packages/pagination/pagination.d.ts +8 -9
- package/dist/packages/pagination/pagination.js +15 -15
- package/dist/packages/pagination/pagination.js.map +4 -4
- package/dist/packages/pagination/pagination.react.stories.d.ts +6 -6
- package/dist/packages/pagination/pagination.test.js +4 -7
- package/dist/packages/pagination/react.d.ts +3 -3
- package/dist/packages/pagination/styles.js +2 -2
- package/dist/packages/pill/pill.d.ts +4 -4
- package/dist/packages/pill/pill.js +9 -9
- package/dist/packages/pill/pill.js.map +4 -4
- package/dist/packages/pill/pill.react.stories.d.ts +8 -8
- package/dist/packages/pill/react.d.ts +4 -4
- package/dist/packages/pill/styles.js +2 -2
- package/dist/packages/radio/form-associated-element.d.ts +1 -1
- package/dist/packages/radio/radio.d.ts +1 -1
- package/dist/packages/radio/radio.js +8 -8
- package/dist/packages/radio/radio.js.map +3 -3
- package/dist/packages/radio-group/radio-group.d.ts +2 -2
- package/dist/packages/radio-group/radio-group.js +11 -11
- package/dist/packages/radio-group/radio-group.js.map +4 -4
- package/dist/packages/radio-group/react.d.ts +4 -4
- package/dist/packages/select/react.d.ts +3 -3
- package/dist/packages/select/select.d.ts +6 -7
- package/dist/packages/select/select.js +13 -13
- package/dist/packages/select/select.js.map +4 -4
- package/dist/packages/select/select.react.stories.d.ts +7 -7
- package/dist/packages/select/select.react.stories.js +15 -10
- package/dist/packages/select/styles.js +2 -2
- package/dist/packages/slider/slider.d.ts +14 -14
- package/dist/packages/slider/slider.js +12 -12
- package/dist/packages/slider/slider.js.map +4 -4
- package/dist/packages/slider/slider.stories.js +1 -0
- package/dist/packages/slider/styles.js +2 -2
- package/dist/packages/slider-thumb/react.d.ts +2 -2
- package/dist/packages/slider-thumb/slider-thumb.d.ts +14 -14
- package/dist/packages/slider-thumb/slider-thumb.js +11 -11
- package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
- package/dist/packages/slider-thumb/styles.d.ts +1 -0
- package/dist/packages/slider-thumb/styles.js +2 -0
- package/dist/packages/step/step.js +10 -10
- package/dist/packages/step/step.js.map +4 -4
- package/dist/packages/step-indicator/step-indicator.js +6 -6
- package/dist/packages/step-indicator/step-indicator.js.map +3 -3
- package/dist/packages/step-indicator/styles.js +2 -2
- package/dist/packages/styles.js +4 -2
- package/dist/packages/switch/styles.js +2 -2
- package/dist/packages/switch/switch.d.ts +3 -3
- package/dist/packages/switch/switch.js +6 -6
- package/dist/packages/switch/switch.js.map +3 -3
- package/dist/packages/tab/react.d.ts +4 -4
- package/dist/packages/tab/tab.d.ts +1 -1
- package/dist/packages/tab/tab.js +6 -6
- package/dist/packages/tab/tab.js.map +3 -3
- package/dist/packages/tab-panel/tab-panel.js +5 -5
- package/dist/packages/tab-panel/tab-panel.js.map +3 -3
- package/dist/packages/tabs/styles.js +2 -2
- package/dist/packages/tabs/tabs.d.ts +4 -3
- package/dist/packages/tabs/tabs.js +6 -6
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/textarea/react.d.ts +9 -9
- package/dist/packages/textarea/styles.js +2 -2
- package/dist/packages/textarea/textarea.a11y.test.js +1 -1
- package/dist/packages/textarea/textarea.d.ts +10 -10
- package/dist/packages/textarea/textarea.js +10 -10
- package/dist/packages/textarea/textarea.js.map +4 -4
- package/dist/packages/textarea/textarea.react.stories.d.ts +18 -18
- package/dist/packages/textfield/react.d.ts +9 -9
- package/dist/packages/textfield/styles.js +2 -2
- package/dist/packages/textfield/textfield.d.ts +22 -22
- package/dist/packages/textfield/textfield.js +10 -10
- package/dist/packages/textfield/textfield.js.map +3 -3
- package/dist/packages/textfield/textfield.react.stories.d.ts +18 -18
- package/dist/packages/toast/api.d.ts +1 -1
- package/dist/packages/toast/styles.js +2 -2
- package/dist/packages/toast/toast.d.ts +1 -1
- package/dist/packages/toast/toast.js +12 -12
- package/dist/packages/toast/toast.js.map +4 -4
- package/dist/packages/toast-container/styles.d.ts +1 -0
- package/dist/packages/toast-container/styles.js +2 -0
- package/dist/packages/toast-container/toast-container.js +8 -8
- package/dist/packages/toast-container/toast-container.js.map +3 -3
- package/dist/web-types.json +170 -159
- package/eik/index.js +19 -2459
- package/package.json +3 -3
|
@@ -4,10 +4,10 @@ import { Pill } from './react';
|
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
6
|
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"> & {
|
|
7
|
-
onClick?: (e: Event) => void;
|
|
8
|
-
onclick?: (e: Event) => void;
|
|
9
|
-
onClose?: (e: Event) => void;
|
|
10
|
-
onclose?: (e: Event) => void;
|
|
7
|
+
onClick?: ((e: Event) => void) | undefined;
|
|
8
|
+
onclick?: ((e: Event) => void) | undefined;
|
|
9
|
+
onClose?: ((e: Event) => void) | undefined;
|
|
10
|
+
onclose?: ((e: Event) => void) | undefined;
|
|
11
11
|
} & Partial<Omit<import("./pill").WarpPill, keyof HTMLElement>> & React.RefAttributes<import("./pill").WarpPill>, "ref">, "can-close" | "open-sr-label" | "open-aria-label" | "close-sr-label" | "close-aria-label"> & {
|
|
12
12
|
canClose?: boolean;
|
|
13
13
|
openSrLabel?: string;
|
|
@@ -16,10 +16,10 @@ declare const _default: {
|
|
|
16
16
|
closeAriaLabel?: string;
|
|
17
17
|
} & React.RefAttributes<import("./pill").WarpPill>): React.JSX.Element;
|
|
18
18
|
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"> & {
|
|
19
|
-
onClick?: (e: Event) => void;
|
|
20
|
-
onclick?: (e: Event) => void;
|
|
21
|
-
onClose?: (e: Event) => void;
|
|
22
|
-
onclose?: (e: Event) => void;
|
|
19
|
+
onClick?: ((e: Event) => void) | undefined;
|
|
20
|
+
onclick?: ((e: Event) => void) | undefined;
|
|
21
|
+
onClose?: ((e: Event) => void) | undefined;
|
|
22
|
+
onclose?: ((e: Event) => void) | undefined;
|
|
23
23
|
} & Partial<Omit<import("./pill").WarpPill, keyof HTMLElement>> & React.RefAttributes<import("./pill").WarpPill>, "ref">, "can-close" | "open-sr-label" | "open-aria-label" | "close-sr-label" | "close-aria-label"> & {
|
|
24
24
|
canClose?: boolean;
|
|
25
25
|
openSrLabel?: string;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { WarpPill } from './pill.js';
|
|
3
3
|
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"> & {
|
|
4
|
-
onClick?: (e: Event) => void;
|
|
5
|
-
onclick?: (e: Event) => void;
|
|
6
|
-
onClose?: (e: Event) => void;
|
|
7
|
-
onclose?: (e: Event) => void;
|
|
4
|
+
onClick?: ((e: Event) => void) | undefined;
|
|
5
|
+
onclick?: ((e: Event) => void) | undefined;
|
|
6
|
+
onClose?: ((e: Event) => void) | undefined;
|
|
7
|
+
onclose?: ((e: Event) => void) | undefined;
|
|
8
8
|
} & Partial<Omit<WarpPill, keyof HTMLElement>> & React.RefAttributes<WarpPill>, "ref">, "can-close" | "open-sr-label" | "open-aria-label" | "close-sr-label" | "close-aria-label"> & {
|
|
9
9
|
canClose?: boolean;
|
|
10
10
|
openSrLabel?: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export const styles =
|
|
1
|
+
import { unsafeCSS } from 'lit';
|
|
2
|
+
export const styles = unsafeCSS("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.bg-\\[--w-color-pill-suggestion-background\\]{background-color:var(--w-color-pill-suggestion-background)}.hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.rounded{border-radius:4px}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.active\\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.h-16{height:1.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.pl-12{padding-left:1.2rem}.pl-4{padding-left:.4rem}.pr-12{padding-right:1.2rem}.pr-2{padding-right:.2rem}.font-bold{font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}");
|
|
@@ -67,7 +67,7 @@ export declare class BaseFormAssociatedElement extends BaseElement implements Om
|
|
|
67
67
|
protected willUpdate(changedProperties: Parameters<LitElement['willUpdate']>[0]): void;
|
|
68
68
|
private handleInteraction;
|
|
69
69
|
get labels(): NodeList;
|
|
70
|
-
getForm(): HTMLFormElement;
|
|
70
|
+
getForm(): HTMLFormElement | null;
|
|
71
71
|
get validity(): ValidityState;
|
|
72
72
|
get willValidate(): boolean;
|
|
73
73
|
get validationMessage(): string;
|
|
@@ -11,7 +11,7 @@ export declare class WarpRadio extends WarpRadio_base {
|
|
|
11
11
|
static shadowRootOptions: {
|
|
12
12
|
delegatesFocus: boolean;
|
|
13
13
|
clonable?: boolean;
|
|
14
|
-
customElementRegistry?: CustomElementRegistry;
|
|
14
|
+
customElementRegistry?: CustomElementRegistry | null;
|
|
15
15
|
mode: ShadowRootMode;
|
|
16
16
|
serializable?: boolean;
|
|
17
17
|
slotAssignment?: SlotAssignmentMode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Q=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var W=a=>{throw TypeError(a)};var m=(a,r,e,o)=>{for(var i=o>1?void 0:o?ee(r,e):r,h=a.length-1,b;h>=0;h--)(b=a[h])&&(i=(o?b(r,e,i):b(i))||i);return o&&i&&Q(r,e,i),i};var D=(a,r,e)=>r.has(a)||W("Cannot "+e);var V=(a,r,e)=>(D(a,r,"read from private field"),e?e.call(a):r.get(a)),j=(a,r,e)=>r.has(a)?W("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(a):r.set(a,e),x=(a,r,e,o)=>(D(a,r,"write to private field"),o?o.call(a,e):r.set(a,e),e);var n=function(a,r,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?a!==r||!o:!r.has(a))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(a):o?o.value:r.get(a)},d=function(a,r,e,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?a!==r||!i:!r.has(a))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(a,e):i?i.value=e:r.set(a,e),e};function N(a){var r,e,o,i,h,b,w,f,v,R,G,X,A,M,Y,k,Z,L,O;class J extends a{constructor(...t){var s,l,c;super(...t),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),o.set(this,!1),i.set(this,!1),h.set(this,void 0),b.set(this,void 0),w.set(this,!0),v.set(this,""),R.set(this,()=>{d(this,i,!0,"f"),d(this,e,!0,"f"),n(this,r,"m",k).call(this)}),G.set(this,()=>{d(this,e,!1,"f"),n(this,r,"m",Z).call(this,this.shouldFormValueUpdate()?n(this,v,"f"):""),!this.validity.valid&&n(this,i,"f")&&d(this,o,!0,"f");let g=n(this,r,"m",k).call(this);this.validationMessageCallback&&this.validationMessageCallback(g?this.internals.validationMessage:"")}),X.set(this,()=>{var g;n(this,w,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),d(this,w,!1,"f")),d(this,i,!0,"f"),d(this,o,!0,"f"),n(this,r,"m",k).call(this),(g=this===null||this===void 0?void 0:this.validationMessageCallback)===null||g===void 0||g.call(this,this.showError?this.internals.validationMessage:"")}),A.set(this,void 0),M.set(this,!1),Y.set(this,Promise.resolve()),(s=this.addEventListener)===null||s===void 0||s.call(this,"focus",n(this,R,"f")),(l=this.addEventListener)===null||l===void 0||l.call(this,"blur",n(this,G,"f")),(c=this.addEventListener)===null||c===void 0||c.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(c=>c.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 l;if(s.attribute===t||!((l=s.attribute)===null||l===void 0)&&l.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,l){var c;(c=super.attributeChangedCallback)===null||c===void 0||c.call(this,t,s,l);let S=this.constructor.getValidators(t);S?.length&&this.validationTarget&&this.setValue(n(this,v,"f"))}setValue(t){var s;d(this,o,!1,"f"),(s=this.validationMessageCallback)===null||s===void 0||s.call(this,""),d(this,v,t,"f");let c=this.shouldFormValueUpdate()?t:null;this.internals.setFormValue(c),n(this,r,"m",Z).call(this,c),this.valueChangedCallback&&this.valueChangedCallback(c),n(this,r,"m",k).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(t=>t(n(this,Y,"f")))}formResetCallback(){var t,s;d(this,i,!1,"f"),d(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,i=new WeakMap,h=new WeakMap,b=new WeakMap,w=new WeakMap,v=new WeakMap,R=new WeakMap,G=new WeakMap,X=new WeakMap,A=new WeakMap,M=new WeakMap,Y=new WeakMap,r=new WeakSet,f=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,i,"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,l={},c=s.validators,g=[],S=c.some(u=>u.isValid instanceof Promise);n(this,M,"f")||(d(this,Y,new Promise(u=>{d(this,A,u,"f")}),"f"),d(this,M,!0,"f")),n(this,h,"f")&&(n(this,h,"f").abort(),d(this,b,n(this,h,"f"),"f"));let T=new AbortController;d(this,h,T,"f");let I,U=!1;c.length&&(c.forEach(u=>{let P=u.key||"customError",C=u.isValid(this,t,T.signal);C instanceof Promise?(g.push(C),C.then(q=>{q!=null&&(l[P]=!q,I=n(this,r,"m",O).call(this,u,t),n(this,r,"m",L).call(this,l,I))})):(l[P]=!C,this.validity[P]!==!C&&(U=!0),!C&&!I&&(I=n(this,r,"m",O).call(this,u,t)))}),Promise.allSettled(g).then(()=>{var u;T?.signal.aborted||(d(this,M,!1,"f"),(u=n(this,A,"f"))===null||u===void 0||u.call(this))}),(U||!S)&&n(this,r,"m",L).call(this,l,I))},L=function(t,s){if(this.validationTarget)this.internals.setValidity(t,s,this.validationTarget),d(this,w,!1,"f");else{if(this.internals.setValidity(t,s),this.internals.validity.valid)return;d(this,w,!0,"f")}},O=function(t,s){if(this.validityCallback){let l=this.validityCallback(t.key||"customError");if(l)return l}return t.message instanceof Function?t.message(this,s):t.message},J}import{html as ie,LitElement as K}from"lit";import{property as y}from"lit/decorators.js";import{css as re}from"lit";import{unsafeCSS as oe}from"lit";var B=re`
|
|
2
2
|
*,
|
|
3
3
|
:before,
|
|
4
4
|
:after {
|
|
@@ -271,7 +271,7 @@ var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var W=a=>{th
|
|
|
271
271
|
svg {
|
|
272
272
|
pointer-events: none;
|
|
273
273
|
}
|
|
274
|
-
`,
|
|
274
|
+
`,be=oe(`*, :before, :after {
|
|
275
275
|
--w-rotate: 0;
|
|
276
276
|
--w-rotate-x: 0;
|
|
277
277
|
--w-rotate-y: 0;
|
|
@@ -2136,8 +2136,8 @@ var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var W=a=>{th
|
|
|
2136
2136
|
overflow-wrap: break-word
|
|
2137
2137
|
}
|
|
2138
2138
|
|
|
2139
|
-
.before\\:content-\\[\\"
|
|
2140
|
-
content: "
|
|
2139
|
+
.before\\:content-\\[\\"\xE2\u20AC\u201C\\"\\]:before {
|
|
2140
|
+
content: "\xE2\u20AC\u201C"
|
|
2141
2141
|
}
|
|
2142
2142
|
|
|
2143
2143
|
.before\\:content-\\[\\"\\"\\]:before {
|
|
@@ -2437,7 +2437,7 @@ var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var W=a=>{th
|
|
|
2437
2437
|
display: none
|
|
2438
2438
|
}
|
|
2439
2439
|
}
|
|
2440
|
-
|
|
2440
|
+
`);import{css as te}from"lit";var $=te`
|
|
2441
2441
|
:host {
|
|
2442
2442
|
box-sizing: border-box !important;
|
|
2443
2443
|
}
|
|
@@ -2447,7 +2447,7 @@ var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var W=a=>{th
|
|
|
2447
2447
|
:host *::after {
|
|
2448
2448
|
box-sizing: inherit !important;
|
|
2449
2449
|
}
|
|
2450
|
-
`;import{css as
|
|
2450
|
+
`;import{css as ae}from"lit";var H=ae`
|
|
2451
2451
|
:host {
|
|
2452
2452
|
display: inline-flex;
|
|
2453
2453
|
align-items: center;
|
|
@@ -2607,10 +2607,10 @@ var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var W=a=>{th
|
|
|
2607
2607
|
border-color: var(--_border-color-disabled);
|
|
2608
2608
|
}
|
|
2609
2609
|
}
|
|
2610
|
-
`;var F,z,_,p=class extends N(
|
|
2610
|
+
`;var F,z,_,p=class extends N(K){constructor(){super();this.value=null;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;j(this,F,!1);j(this,z,!1);j(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=>{if(!this.isInGroup()&&!this.disabled&&!e.defaultPrevented){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){let o=this.getStandaloneNamedRadios().filter(v=>!v.disabled);if(o.length<=1)return;e.preventDefault();let i=o.find(v=>v.checked)??o.find(v=>v===this)??o[0],h=e.key==="ArrowUp"||e.key==="ArrowLeft"?-1:1,w=(o.indexOf(i)+h+o.length)%o.length,f=o[w];x(f,_,!0),f.checked||(f.checked=!0,f.updateComplete.then(()=>{f.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})),f.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(){super.connectedCallback(),this.value=this.getAttribute("value")??"on",x(this,F,this.hasAttribute("checked")),this.checked=V(this,F),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=V(this,F),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(){return this.internals.form??this.closest("form")??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(){let e=this.getStandaloneNamedRadios(),o=e.filter(b=>!b.disabled),h=o.find(b=>b.checked)??o[0]??null;e.forEach(b=>{b._standaloneTabIndex=b===h?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(i=>{i!==this&&(i.closest("w-radio-group")||i.checked&&(i.checked=!1))})}updateValidity(){if(this.disabled||this.isInGroup()){this.internals.setValidity({});return}let e=this.required&&!this.checked,o=this.invalid&&!V(this,z);if(e){x(this,z,!0),this.invalid=V(this,_),this.internals.setValidity({valueMissing:!0},this.internals.validationMessage||" ");return}if(V(this,z)&&(this.invalid=!1,x(this,z,!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 ie`
|
|
2611
2611
|
<div class="wrapper" tabindex="${this._internalTabIndex}">
|
|
2612
2612
|
<div part="control" class="control"></div>
|
|
2613
2613
|
<slot part="label" class="label"></slot>
|
|
2614
2614
|
</div>
|
|
2615
|
-
`}};F=new WeakMap,z=new WeakMap,_=new WeakMap,p.styles=[H
|
|
2615
|
+
`}};F=new WeakMap,z=new WeakMap,_=new WeakMap,p.styles=[$,B,H],p.shadowRootOptions={...K.shadowRootOptions,delegatesFocus:!0},m([y({reflect:!0})],p.prototype,"name",2),m([y({reflect:!0})],p.prototype,"value",2),m([y({type:Boolean,reflect:!0})],p.prototype,"checked",2),m([y({type:Boolean,reflect:!0})],p.prototype,"disabled",2),m([y({type:Boolean,reflect:!0})],p.prototype,"required",2),m([y({type:Boolean,reflect:!0})],p.prototype,"invalid",2),m([y({attribute:!1})],p.prototype,"_groupTabIndex",2),m([y({attribute:!1})],p.prototype,"_standaloneTabIndex",2);var _e=p;customElements.get("w-radio")||customElements.define("w-radio",p);export{_e as WRadio,p as WarpRadio};
|
|
2616
2616
|
//# sourceMappingURL=radio.js.map
|