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

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.
Files changed (250) hide show
  1. package/README.md +4 -0
  2. package/dist/api.js +1 -1
  3. package/dist/api.js.map +1 -1
  4. package/dist/custom-elements.json +233 -87
  5. package/dist/docs/affix/affix.md +2 -2
  6. package/dist/docs/affix/styling.md +1 -0
  7. package/dist/docs/alert/alert.md +2 -2
  8. package/dist/docs/alert/styling.md +1 -0
  9. package/dist/docs/attention/attention.md +2 -0
  10. package/dist/docs/attention/styling.md +1 -0
  11. package/dist/docs/badge/badge.md +2 -0
  12. package/dist/docs/badge/styling.md +1 -0
  13. package/dist/docs/box/box.md +22 -40
  14. package/dist/docs/box/examples.md +20 -38
  15. package/dist/docs/box/styling.md +1 -0
  16. package/dist/docs/breadcrumbs/breadcrumbs.md +8 -2
  17. package/dist/docs/breadcrumbs/examples.md +7 -1
  18. package/dist/docs/breadcrumbs/styling.md +1 -0
  19. package/dist/docs/button/button.md +73 -2
  20. package/dist/docs/button/styling.md +72 -0
  21. package/dist/docs/card/accessibility.md +74 -0
  22. package/dist/docs/card/api.md +9 -3
  23. package/dist/docs/card/card.md +236 -5
  24. package/dist/docs/card/examples.md +75 -0
  25. package/dist/docs/card/styling.md +1 -0
  26. package/dist/docs/card/usage.md +76 -0
  27. package/dist/docs/checkbox/api.md +128 -0
  28. package/dist/docs/checkbox/checkbox.md +134 -0
  29. package/dist/docs/checkbox-group/accessibility.md +71 -0
  30. package/dist/docs/checkbox-group/api.md +79 -0
  31. package/dist/docs/checkbox-group/checkbox-group.md +492 -0
  32. package/dist/docs/checkbox-group/examples.md +105 -0
  33. package/dist/docs/checkbox-group/styling.md +132 -0
  34. package/dist/docs/checkbox-group/usage.md +95 -0
  35. package/dist/docs/combobox/accessibility.md +71 -0
  36. package/dist/docs/combobox/api.md +60 -30
  37. package/dist/docs/combobox/combobox.md +205 -32
  38. package/dist/docs/combobox/examples.md +44 -0
  39. package/dist/docs/combobox/styling.md +1 -0
  40. package/dist/docs/combobox/usage.md +28 -0
  41. package/dist/docs/datepicker/accessibility.md +25 -0
  42. package/dist/docs/datepicker/api.md +22 -14
  43. package/dist/docs/datepicker/datepicker.md +208 -16
  44. package/dist/docs/datepicker/examples.md +75 -0
  45. package/dist/docs/datepicker/styling.md +1 -0
  46. package/dist/docs/datepicker/usage.md +84 -0
  47. package/dist/docs/expandable/api.md +20 -32
  48. package/dist/docs/expandable/examples.md +54 -0
  49. package/dist/docs/expandable/expandable.md +74 -32
  50. package/dist/docs/expandable/styling.md +1 -0
  51. package/dist/docs/icon/accessibility.md +5 -0
  52. package/dist/docs/icon/api.md +43 -0
  53. package/dist/docs/icon/examples.md +45 -0
  54. package/dist/docs/icon/icon.md +115 -0
  55. package/dist/docs/icon/styling.md +1 -0
  56. package/dist/docs/icon/usage.md +11 -0
  57. package/dist/docs/index.md +46 -0
  58. package/dist/docs/link/api.md +18 -22
  59. package/dist/docs/link/examples.md +75 -0
  60. package/dist/docs/link/link.md +113 -24
  61. package/dist/docs/link/styling.md +1 -0
  62. package/dist/docs/link/usage.md +18 -0
  63. package/dist/docs/modal/modal.md +2 -0
  64. package/dist/docs/modal/styling.md +1 -0
  65. package/dist/docs/modal-footer/modal-footer.md +0 -6
  66. package/dist/docs/modal-header/modal-header.md +0 -6
  67. package/dist/docs/page-indicator/page-indicator.md +2 -0
  68. package/dist/docs/page-indicator/styling.md +1 -0
  69. package/dist/docs/pagination/pagination.md +2 -0
  70. package/dist/docs/pagination/styling.md +1 -0
  71. package/dist/docs/pill/pill.md +2 -0
  72. package/dist/docs/pill/styling.md +1 -0
  73. package/dist/docs/radio/radio.md +1 -7
  74. package/dist/docs/select/select.md +2 -0
  75. package/dist/docs/select/styling.md +1 -0
  76. package/dist/docs/slider/slider.md +2 -0
  77. package/dist/docs/slider/styling.md +1 -0
  78. package/dist/docs/slider-thumb/slider-thumb.md +2 -0
  79. package/dist/docs/slider-thumb/styling.md +1 -0
  80. package/dist/docs/step-indicator/step-indicator.md +2 -0
  81. package/dist/docs/step-indicator/styling.md +1 -0
  82. package/dist/docs/switch/styling.md +1 -0
  83. package/dist/docs/switch/switch.md +2 -0
  84. package/dist/docs/tabs/styling.md +1 -0
  85. package/dist/docs/tabs/tabs.md +2 -0
  86. package/dist/docs/textarea/styling.md +1 -0
  87. package/dist/docs/textarea/textarea.md +2 -0
  88. package/dist/docs/textfield/styling.md +1 -0
  89. package/dist/docs/textfield/textfield.md +2 -0
  90. package/dist/index.d.ts +645 -313
  91. package/dist/packages/affix/affix.hydration.test.js +1 -1
  92. package/dist/packages/affix/affix.js +4 -4
  93. package/dist/packages/affix/affix.js.map +4 -4
  94. package/dist/packages/alert/alert.hydration.test.js +1 -1
  95. package/dist/packages/alert/alert.js +3 -3
  96. package/dist/packages/alert/alert.js.map +3 -3
  97. package/dist/packages/attention/attention.hydration.test.js +1 -1
  98. package/dist/packages/attention/attention.js +397 -446
  99. package/dist/packages/attention/attention.js.map +4 -4
  100. package/dist/packages/attention/attention.test.js +1 -1
  101. package/dist/packages/badge/badge.hydration.test.js +1 -1
  102. package/dist/packages/box/box.hydration.test.js +1 -1
  103. package/dist/packages/box/box.js +1 -1
  104. package/dist/packages/box/box.js.map +1 -1
  105. package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.js +3 -2
  106. package/dist/packages/breadcrumbs/breadcrumbs.js +4 -4
  107. package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
  108. package/dist/packages/button/button.hydration.test.js +1 -1
  109. package/dist/packages/button/button.js +387 -436
  110. package/dist/packages/button/button.js.map +4 -4
  111. package/dist/packages/button/button.stories.d.ts +29 -0
  112. package/dist/packages/button/button.stories.js +176 -2
  113. package/dist/packages/button/styles.d.ts +22 -1
  114. package/dist/packages/button/styles.js +390 -1
  115. package/dist/packages/card/card.d.ts +9 -6
  116. package/dist/packages/card/card.hydration.test.js +1 -1
  117. package/dist/packages/card/card.js +3 -3
  118. package/dist/packages/card/card.js.map +4 -4
  119. package/dist/packages/checkbox/checkbox.d.ts +45 -14
  120. package/dist/packages/checkbox/checkbox.hydration.test.js +1 -1
  121. package/dist/packages/checkbox/checkbox.js +3 -3
  122. package/dist/packages/checkbox/checkbox.js.map +3 -3
  123. package/dist/packages/checkbox/checkbox.react.stories.d.ts +1 -1
  124. package/dist/packages/checkbox/checkbox.stories.d.ts +2 -2
  125. package/dist/packages/checkbox/checkbox.test.js +1 -1
  126. package/dist/packages/checkbox/react.d.ts +2 -2
  127. package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +1 -1
  128. package/dist/packages/checkbox-group/checkbox-group.d.ts +35 -8
  129. package/dist/packages/checkbox-group/checkbox-group.hydration.test.js +1 -1
  130. package/dist/packages/checkbox-group/checkbox-group.js +6 -6
  131. package/dist/packages/checkbox-group/checkbox-group.js.map +4 -4
  132. package/dist/packages/checkbox-group/react.d.ts +3 -3
  133. package/dist/packages/combobox/combobox.a11y.test.js +24 -0
  134. package/dist/packages/combobox/combobox.d.ts +65 -45
  135. package/dist/packages/combobox/combobox.hydration.test.js +39 -1
  136. package/dist/packages/combobox/combobox.js +21 -21
  137. package/dist/packages/combobox/combobox.js.map +4 -4
  138. package/dist/packages/combobox/combobox.stories.js +28 -15
  139. package/dist/packages/combobox/combobox.test.js +110 -0
  140. package/dist/packages/datepicker/DatePicker.test.js +1 -1
  141. package/dist/packages/datepicker/datepicker.d.ts +22 -30
  142. package/dist/packages/datepicker/datepicker.hydration.test.js +1 -1
  143. package/dist/packages/datepicker/datepicker.js +49 -49
  144. package/dist/packages/datepicker/datepicker.js.map +4 -4
  145. package/dist/packages/datepicker/datepicker.test.js +1 -1
  146. package/dist/packages/expandable/expandable.d.ts +11 -32
  147. package/dist/packages/expandable/expandable.hydration.test.js +1 -1
  148. package/dist/packages/expandable/expandable.js +11 -11
  149. package/dist/packages/expandable/expandable.js.map +3 -3
  150. package/dist/packages/expandable/expandable.react.stories.d.ts +2 -2
  151. package/dist/packages/expandable/react.d.ts +1 -1
  152. package/dist/packages/icon/icon.d.ts +16 -4
  153. package/dist/packages/icon/icon.hydration.test.js +1 -1
  154. package/dist/packages/icon/icon.js +2 -2
  155. package/dist/packages/icon/icon.js.map +3 -3
  156. package/dist/packages/icon/icon.react.stories.d.ts +1 -1
  157. package/dist/packages/icon/react.d.ts +2 -2
  158. package/dist/packages/link/link.d.ts +15 -16
  159. package/dist/packages/link/link.hydration.test.js +1 -1
  160. package/dist/packages/link/link.js +420 -190
  161. package/dist/packages/link/link.js.map +4 -4
  162. package/dist/packages/link/link.test.js +1 -1
  163. package/dist/packages/link/styles.d.ts +5 -0
  164. package/dist/packages/link/styles.js +80 -0
  165. package/dist/packages/modal/modal.d.ts +1 -0
  166. package/dist/packages/modal/modal.hydration.test.js +1 -1
  167. package/dist/packages/modal/modal.js +4 -4
  168. package/dist/packages/modal/modal.js.map +3 -3
  169. package/dist/packages/modal-header/modal-header.js +11 -9
  170. package/dist/packages/modal-header/modal-header.js.map +4 -4
  171. package/dist/packages/page-indicator/page-indicator.hydration.test.js +1 -1
  172. package/dist/packages/page-indicator/page-indicator.js +5 -5
  173. package/dist/packages/page-indicator/page-indicator.js.map +3 -3
  174. package/dist/packages/pagination/pagination.hydration.test.js +1 -1
  175. package/dist/packages/pagination/pagination.js +4 -4
  176. package/dist/packages/pagination/pagination.js.map +4 -4
  177. package/dist/packages/pagination/pagination.test.js +1 -1
  178. package/dist/packages/pill/pill.hydration.test.js +1 -1
  179. package/dist/packages/pill/pill.js +3 -3
  180. package/dist/packages/pill/pill.js.map +4 -4
  181. package/dist/packages/radio/radio.hydration.test.js +1 -1
  182. package/dist/packages/radio/radio.js +3 -3
  183. package/dist/packages/radio/radio.js.map +3 -3
  184. package/dist/packages/radio/radio.test.js +1 -1
  185. package/dist/packages/radio-group/radio-group.a11y.test.js +7 -3
  186. package/dist/packages/radio-group/radio-group.hydration.test.js +6 -2
  187. package/dist/packages/radio-group/radio-group.js +11 -11
  188. package/dist/packages/radio-group/radio-group.js.map +4 -4
  189. package/dist/packages/select/select.a11y.test.js +6 -2
  190. package/dist/packages/select/select.hydration.test.js +1 -1
  191. package/dist/packages/select/select.js +7 -7
  192. package/dist/packages/select/select.js.map +4 -4
  193. package/dist/packages/select/select.test.js +4 -2
  194. package/dist/packages/slider/slider.hydration.test.js +7 -2
  195. package/dist/packages/slider/slider.js +5 -5
  196. package/dist/packages/slider/slider.js.map +4 -4
  197. package/dist/packages/slider/slider.react.stories.js +2 -2
  198. package/dist/packages/slider/slider.test.js +1 -1
  199. package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +1 -1
  200. package/dist/packages/slider-thumb/slider-thumb.js +20 -20
  201. package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
  202. package/dist/packages/step/step.hydration.test.js +1 -1
  203. package/dist/packages/step/step.js +8 -8
  204. package/dist/packages/step/step.js.map +4 -4
  205. package/dist/packages/step-indicator/step-indicator.hydration.test.js +1 -1
  206. package/dist/packages/switch/switch.a11y.test.js +1 -1
  207. package/dist/packages/switch/switch.hydration.test.js +1 -1
  208. package/dist/packages/switch/switch.js +1 -1
  209. package/dist/packages/switch/switch.js.map +1 -1
  210. package/dist/packages/tab/tab.hydration.test.js +1 -1
  211. package/dist/packages/tab/tab.js +10 -10
  212. package/dist/packages/tab/tab.js.map +2 -2
  213. package/dist/packages/tab-panel/tab-panel.hydration.test.js +1 -1
  214. package/dist/packages/tab-panel/tab-panel.js +3 -3
  215. package/dist/packages/tab-panel/tab-panel.js.map +2 -2
  216. package/dist/packages/tabs/tabs.a11y.test.js +2 -2
  217. package/dist/packages/tabs/tabs.hydration.test.js +1 -1
  218. package/dist/packages/tabs/tabs.js +1 -1
  219. package/dist/packages/tabs/tabs.js.map +2 -2
  220. package/dist/packages/tabs/tabs.test.js +4 -4
  221. package/dist/packages/textarea/textarea.hydration.test.js +1 -1
  222. package/dist/packages/textarea/textarea.js +4 -4
  223. package/dist/packages/textarea/textarea.js.map +3 -3
  224. package/dist/packages/textarea/textarea.test.js +1 -1
  225. package/dist/packages/textfield/textfield.hydration.test.js +1 -1
  226. package/dist/packages/textfield/textfield.js +1 -1
  227. package/dist/packages/textfield/textfield.js.map +1 -1
  228. package/dist/packages/textfield/textfield.test.js +1 -1
  229. package/dist/packages/toast/toast.js +6 -6
  230. package/dist/packages/toast/toast.js.map +4 -4
  231. package/dist/packages/toast/toast.stories.d.ts +1 -5
  232. package/dist/packages/toast/toast.stories.js +0 -17
  233. package/dist/packages/toast-container/toast-container.js +2 -2
  234. package/dist/packages/toast-container/toast-container.js.map +2 -2
  235. package/dist/web-types.json +238 -103
  236. package/eik/index.js +2536 -0
  237. package/package.json +15 -9
  238. package/dist/docs/modal-footer/accessibility.md +0 -1
  239. package/dist/docs/modal-footer/examples.md +0 -1
  240. package/dist/docs/modal-footer/usage.md +0 -1
  241. package/dist/docs/modal-header/accessibility.md +0 -1
  242. package/dist/docs/modal-header/examples.md +0 -1
  243. package/dist/docs/modal-header/usage.md +0 -1
  244. package/dist/docs/radio/accessibility.md +0 -1
  245. package/dist/docs/radio/examples.md +0 -1
  246. package/dist/docs/radio/usage.md +0 -1
  247. package/dist/packages/button/styles/w-button.styles.d.ts +0 -1
  248. package/dist/packages/button/styles/w-button.styles.js +0 -282
  249. package/dist/packages/link/styles/w-link.styles.d.ts +0 -1
  250. package/dist/packages/link/styles/w-link.styles.js +0 -213
@@ -1,6 +1,9 @@
1
1
  import { LitElement, PropertyValues } from 'lit';
2
- declare const WCheckbox_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
3
- export declare class WCheckbox extends WCheckbox_base {
2
+ declare const WarpCheckbox_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
3
+ /**
4
+ * @parent w-checkbox-group
5
+ */
6
+ export declare class WarpCheckbox extends WarpCheckbox_base {
4
7
  #private;
5
8
  static styles: import("lit").CSSResult[];
6
9
  static shadowRootOptions: {
@@ -12,34 +15,60 @@ export declare class WCheckbox extends WCheckbox_base {
12
15
  slotAssignment?: SlotAssignmentMode;
13
16
  };
14
17
  input: HTMLInputElement | null;
15
- /** The name of the checkbox, submitted as a name/value pair with form data. */
18
+ /**
19
+ * The name of the checkbox.
20
+ *
21
+ * When the checkbox is checked and belongs to a form, this name is submitted with the checkbox value. If the checkbox is inside a `w-checkbox-group` with a name, the group name is used when the checkbox does not have its own name.
22
+ */
16
23
  set name(value: string | undefined);
17
24
  get name(): string | undefined;
18
25
  private _ownName;
19
- /** The value of the checkbox, submitted as a name/value pair with form data. */
26
+ /**
27
+ * The value submitted when the checkbox is checked.
28
+ *
29
+ * If no value attribute is set, the checkbox defaults to `on`. Unchecked and disabled checkboxes do not submit a value.
30
+ */
20
31
  value: string | null;
21
- /** Draws the checkbox in an indeterminate state. */
32
+ /**
33
+ * Whether the checkbox is visually indeterminate.
34
+ *
35
+ * Use this for parent options that represent a mixed set of child selections. Clicking the checkbox clears the indeterminate state and sets the checkbox to checked.
36
+ */
22
37
  indeterminate: boolean;
23
- /** Draws the checkbox in a checked state (reflected to attribute). */
38
+ /**
39
+ * Whether the checkbox is checked.
40
+ *
41
+ * Checked checkboxes submit their value with form data. The property is reflected to the `checked` attribute.
42
+ */
24
43
  checked: boolean;
25
- /** Disables the checkbox. */
44
+ /**
45
+ * Whether the checkbox is disabled.
46
+ *
47
+ * Disabled checkboxes cannot be focused, changed, or submitted with form data.
48
+ */
26
49
  disabled: boolean;
27
- /** Makes the checkbox a required field. */
50
+ /**
51
+ * Whether the checkbox must be checked before form submission.
52
+ *
53
+ * A required checkbox is invalid until it is checked. For requiring at least one option in a set, use `required` on `w-checkbox-group`.
54
+ */
28
55
  required: boolean;
29
- /** Draws the checkbox in an invalid state. */
56
+ /**
57
+ * Whether the checkbox is visually invalid.
58
+ *
59
+ * Use this to show an externally managed validation error. Required validation also sets the invalid state after the user interacts with the checkbox or tries to submit the form.
60
+ */
30
61
  invalid: boolean;
31
62
  /**
32
63
  * Internal invalid state managed by parent checkbox-group.
33
64
  * Non-reflecting to avoid DOM changes during hydration.
34
- * @internal
35
65
  */
36
- _groupInvalid: boolean | undefined;
66
+ private _groupInvalid;
37
67
  /**
38
68
  * Internal name managed by parent checkbox-group.
39
69
  * Non-reflecting to avoid DOM changes during hydration.
40
- * @internal
41
70
  */
42
- _groupName: string | undefined;
71
+ private _groupName;
43
72
  /** Computed invalid state: combines own invalid with group invalid */
44
73
  get _computedInvalid(): boolean;
45
74
  connectedCallback(): void;
@@ -59,9 +88,11 @@ export declare class WCheckbox extends WCheckbox_base {
59
88
  reportValidity(): boolean;
60
89
  render(): import("lit").TemplateResult<1>;
61
90
  }
91
+ /** @deprecated Use WarpCheckbox */
92
+ export declare const WCheckbox: typeof WarpCheckbox;
62
93
  declare global {
63
94
  interface HTMLElementTagNameMap {
64
- 'w-checkbox': WCheckbox;
95
+ 'w-checkbox': WarpCheckbox;
65
96
  }
66
97
  }
67
98
  export {};
@@ -1,4 +1,4 @@
1
- import { describe, expect, test, beforeEach, afterEach } from 'vitest';
1
+ import { afterEach, beforeEach, describe, expect, test } from 'vitest';
2
2
  import { setupHydrationWarningCapture, testHydration } from '../../tests/react-hydration';
3
3
  import './checkbox.js';
4
4
  describe('w-checkbox React SSR hydration', () => {
@@ -1,4 +1,4 @@
1
- var pe=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ee=t=>{throw TypeError(t)};var u=(t,r,e,a)=>{for(var l=a>1?void 0:a?ve(r,e):r,g=t.length-1,x;g>=0;g--)(x=t[g])&&(l=(a?x(r,e,l):x(l))||l);return a&&l&&pe(r,e,l),l};var D=(t,r,e)=>r.has(t)||ee("Cannot "+e);var k=(t,r,e)=>(D(t,r,"read from private field"),e?e.call(t):r.get(t)),y=(t,r,e)=>r.has(t)?ee("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),I=(t,r,e,a)=>(D(t,r,"write to private field"),a?a.call(t,e):r.set(t,e),e),b=(t,r,e)=>(D(t,r,"access private method"),e);var n=function(t,r,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?t!==r||!a:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(t):a?a.value:r.get(t)},c=function(t,r,e,a,l){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!l)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?t!==r||!l:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?l.call(t,e):l?l.value=e:r.set(t,e),e};function re(t){var r,e,a,l,g,x,z,be,M,N,R,B,X,E,Z,f,U,O,G;class he extends t{constructor(...o){var i,d,h;super(...o),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),a.set(this,!1),l.set(this,!1),g.set(this,void 0),x.set(this,void 0),z.set(this,!0),M.set(this,""),N.set(this,()=>{c(this,l,!0,"f"),c(this,e,!0,"f"),n(this,r,"m",f).call(this)}),R.set(this,()=>{c(this,e,!1,"f"),n(this,r,"m",U).call(this,this.shouldFormValueUpdate()?n(this,M,"f"):""),!this.validity.valid&&n(this,l,"f")&&c(this,a,!0,"f");let m=n(this,r,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(m?this.internals.validationMessage:"")}),B.set(this,()=>{var m;n(this,z,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),c(this,z,!1,"f")),c(this,l,!0,"f"),c(this,a,!0,"f"),n(this,r,"m",f).call(this),(m=this===null||this===void 0?void 0:this.validationMessageCallback)===null||m===void 0||m.call(this,this.showError?this.internals.validationMessage:"")}),X.set(this,void 0),E.set(this,!1),Z.set(this,Promise.resolve()),(i=this.addEventListener)===null||i===void 0||i.call(this,"focus",n(this,N,"f")),(d=this.addEventListener)===null||d===void 0||d.call(this,"blur",n(this,R,"f")),(h=this.addEventListener)===null||h===void 0||h.call(this,"invalid",n(this,B,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let o=this.validators.map(h=>h.attribute).flat(),i=super.observedAttributes||[];return[...new Set([...i,...o])]}static getValidator(o){return this.validators.find(i=>i.attribute===o)||null}static getValidators(o){return this.validators.filter(i=>{var d;if(i.attribute===o||!((d=i.attribute)===null||d===void 0)&&d.includes(o))return!0})}get form(){return this.internals.form}get showError(){return n(this,r,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(o,i,d){var h;(h=super.attributeChangedCallback)===null||h===void 0||h.call(this,o,i,d);let S=this.constructor.getValidators(o);S!=null&&S.length&&this.validationTarget&&this.setValue(n(this,M,"f"))}setValue(o){var i;c(this,a,!1,"f"),(i=this.validationMessageCallback)===null||i===void 0||i.call(this,""),c(this,M,o,"f");let h=this.shouldFormValueUpdate()?o:null;this.internals.setFormValue(h),n(this,r,"m",U).call(this,h),this.valueChangedCallback&&this.valueChangedCallback(h),n(this,r,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(o=>o(n(this,Z,"f")))}formResetCallback(){var o,i;c(this,l,!1,"f"),c(this,a,!1,"f"),n(this,r,"m",f).call(this),(o=this.resetFormControl)===null||o===void 0||o.call(this),(i=this.validationMessageCallback)===null||i===void 0||i.call(this,n(this,r,"m",f).call(this)?this.validationMessage:"")}}return e=new WeakMap,a=new WeakMap,l=new WeakMap,g=new WeakMap,x=new WeakMap,z=new WeakMap,M=new WeakMap,N=new WeakMap,R=new WeakMap,B=new WeakMap,X=new WeakMap,E=new WeakMap,Z=new WeakMap,r=new WeakSet,be=function(){let o=this.getRootNode(),i=`${this.localName}[name="${this.getAttribute("name")}"]`;return o.querySelectorAll(i)},f=function(){if(this.hasAttribute("disabled"))return!1;let o=n(this,a,"f")||n(this,l,"f")&&!this.validity.valid&&!n(this,e,"f");return o&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),o},U=function(o){let i=this.constructor,d={},h=i.validators,m=[],S=h.some(v=>v.isValid instanceof Promise);n(this,E,"f")||(c(this,Z,new Promise(v=>{c(this,X,v,"f")}),"f"),c(this,E,!0,"f")),n(this,g,"f")&&(n(this,g,"f").abort(),c(this,x,n(this,g,"f"),"f"));let T=new AbortController;c(this,g,T,"f");let j,Q=!1;h.length&&(h.forEach(v=>{let H=v.key||"customError",C=v.isValid(this,o,T.signal);C instanceof Promise?(m.push(C),C.then(W=>{W!=null&&(d[H]=!W,j=n(this,r,"m",G).call(this,v,o),n(this,r,"m",O).call(this,d,j))})):(d[H]=!C,this.validity[H]!==!C&&(Q=!0),!C&&!j&&(j=n(this,r,"m",G).call(this,v,o)))}),Promise.allSettled(m).then(()=>{var v;T!=null&&T.signal.aborted||(c(this,E,!1,"f"),(v=n(this,X,"f"))===null||v===void 0||v.call(this))}),(Q||!S)&&n(this,r,"m",O).call(this,d,j))},O=function(o,i){if(this.validationTarget)this.internals.setValidity(o,i,this.validationTarget),c(this,z,!1,"f");else{if(this.internals.setValidity(o,i),this.internals.validity.valid)return;c(this,z,!0,"f")}},G=function(o,i){if(this.validityCallback){let d=this.validityCallback(o.key||"customError");if(d)return d}return o.message instanceof Function?o.message(this,i):o.message},he}import{html as ge,LitElement as ie}from"lit";import{property as w,query as me}from"lit/decorators.js";import{ifDefined as K}from"lit/directives/if-defined.js";import{live as ne}from"lit/directives/live.js";import{css as oe}from"lit";var te=oe`
1
+ var pe=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ee=t=>{throw TypeError(t)};var u=(t,r,e,a)=>{for(var l=a>1?void 0:a?ve(r,e):r,g=t.length-1,x;g>=0;g--)(x=t[g])&&(l=(a?x(r,e,l):x(l))||l);return a&&l&&pe(r,e,l),l};var D=(t,r,e)=>r.has(t)||ee("Cannot "+e);var k=(t,r,e)=>(D(t,r,"read from private field"),e?e.call(t):r.get(t)),y=(t,r,e)=>r.has(t)?ee("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),I=(t,r,e,a)=>(D(t,r,"write to private field"),a?a.call(t,e):r.set(t,e),e),b=(t,r,e)=>(D(t,r,"access private method"),e);var n=function(t,r,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?t!==r||!a:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(t):a?a.value:r.get(t)},c=function(t,r,e,a,l){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!l)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?t!==r||!l:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?l.call(t,e):l?l.value=e:r.set(t,e),e};function re(t){var r,e,a,l,g,x,z,be,M,N,R,B,X,E,Z,f,U,O,W;class he extends t{constructor(...o){var i,d,h;super(...o),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),a.set(this,!1),l.set(this,!1),g.set(this,void 0),x.set(this,void 0),z.set(this,!0),M.set(this,""),N.set(this,()=>{c(this,l,!0,"f"),c(this,e,!0,"f"),n(this,r,"m",f).call(this)}),R.set(this,()=>{c(this,e,!1,"f"),n(this,r,"m",U).call(this,this.shouldFormValueUpdate()?n(this,M,"f"):""),!this.validity.valid&&n(this,l,"f")&&c(this,a,!0,"f");let m=n(this,r,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(m?this.internals.validationMessage:"")}),B.set(this,()=>{var m;n(this,z,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),c(this,z,!1,"f")),c(this,l,!0,"f"),c(this,a,!0,"f"),n(this,r,"m",f).call(this),(m=this===null||this===void 0?void 0:this.validationMessageCallback)===null||m===void 0||m.call(this,this.showError?this.internals.validationMessage:"")}),X.set(this,void 0),E.set(this,!1),Z.set(this,Promise.resolve()),(i=this.addEventListener)===null||i===void 0||i.call(this,"focus",n(this,N,"f")),(d=this.addEventListener)===null||d===void 0||d.call(this,"blur",n(this,R,"f")),(h=this.addEventListener)===null||h===void 0||h.call(this,"invalid",n(this,B,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let o=this.validators.map(h=>h.attribute).flat(),i=super.observedAttributes||[];return[...new Set([...i,...o])]}static getValidator(o){return this.validators.find(i=>i.attribute===o)||null}static getValidators(o){return this.validators.filter(i=>{var d;if(i.attribute===o||!((d=i.attribute)===null||d===void 0)&&d.includes(o))return!0})}get form(){return this.internals.form}get showError(){return n(this,r,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(o,i,d){var h;(h=super.attributeChangedCallback)===null||h===void 0||h.call(this,o,i,d);let S=this.constructor.getValidators(o);S?.length&&this.validationTarget&&this.setValue(n(this,M,"f"))}setValue(o){var i;c(this,a,!1,"f"),(i=this.validationMessageCallback)===null||i===void 0||i.call(this,""),c(this,M,o,"f");let h=this.shouldFormValueUpdate()?o:null;this.internals.setFormValue(h),n(this,r,"m",U).call(this,h),this.valueChangedCallback&&this.valueChangedCallback(h),n(this,r,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(o=>o(n(this,Z,"f")))}formResetCallback(){var o,i;c(this,l,!1,"f"),c(this,a,!1,"f"),n(this,r,"m",f).call(this),(o=this.resetFormControl)===null||o===void 0||o.call(this),(i=this.validationMessageCallback)===null||i===void 0||i.call(this,n(this,r,"m",f).call(this)?this.validationMessage:"")}}return e=new WeakMap,a=new WeakMap,l=new WeakMap,g=new WeakMap,x=new WeakMap,z=new WeakMap,M=new WeakMap,N=new WeakMap,R=new WeakMap,B=new WeakMap,X=new WeakMap,E=new WeakMap,Z=new WeakMap,r=new WeakSet,be=function(){let o=this.getRootNode(),i=`${this.localName}[name="${this.getAttribute("name")}"]`;return o.querySelectorAll(i)},f=function(){if(this.hasAttribute("disabled"))return!1;let o=n(this,a,"f")||n(this,l,"f")&&!this.validity.valid&&!n(this,e,"f");return o&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),o},U=function(o){let i=this.constructor,d={},h=i.validators,m=[],S=h.some(v=>v.isValid instanceof Promise);n(this,E,"f")||(c(this,Z,new Promise(v=>{c(this,X,v,"f")}),"f"),c(this,E,!0,"f")),n(this,g,"f")&&(n(this,g,"f").abort(),c(this,x,n(this,g,"f"),"f"));let T=new AbortController;c(this,g,T,"f");let j,Q=!1;h.length&&(h.forEach(v=>{let G=v.key||"customError",C=v.isValid(this,o,T.signal);C instanceof Promise?(m.push(C),C.then(H=>{H!=null&&(d[G]=!H,j=n(this,r,"m",W).call(this,v,o),n(this,r,"m",O).call(this,d,j))})):(d[G]=!C,this.validity[G]!==!C&&(Q=!0),!C&&!j&&(j=n(this,r,"m",W).call(this,v,o)))}),Promise.allSettled(m).then(()=>{var v;T?.signal.aborted||(c(this,E,!1,"f"),(v=n(this,X,"f"))===null||v===void 0||v.call(this))}),(Q||!S)&&n(this,r,"m",O).call(this,d,j))},O=function(o,i){if(this.validationTarget)this.internals.setValidity(o,i,this.validationTarget),c(this,z,!1,"f");else{if(this.internals.setValidity(o,i),this.internals.validity.valid)return;c(this,z,!0,"f")}},W=function(o,i){if(this.validityCallback){let d=this.validityCallback(o.key||"customError");if(d)return d}return o.message instanceof Function?o.message(this,i):o.message},he}import{html as ge,LitElement as ie}from"lit";import{property as w,query as me}from"lit/decorators.js";import{ifDefined as K}from"lit/directives/if-defined.js";import{live as ne}from"lit/directives/live.js";import{css as oe}from"lit";var te=oe`
2
2
  *,
3
3
  :before,
4
4
  :after {
@@ -2570,7 +2570,7 @@ var pe=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ee=t=>{t
2570
2570
  @media (prefers-reduced-motion: reduce) {
2571
2571
  :host { --w-c-checkbox-transition: none; }
2572
2572
  }
2573
- `;var V,_,A,$,L,s,q,se,le,J,F,P,de,ce,p=class extends re(ie){constructor(){super(...arguments);y(this,s);this.value=null;this.indeterminate=!1;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;y(this,V,!1);y(this,_,!1);y(this,A,!1);y(this,$,()=>{b(this,s,q).call(this),b(this,s,F).call(this)});y(this,L,e=>{if(!this.disabled&&!e.defaultPrevented&&!(e.key!==" "&&e.key!=="Spacebar"&&e.key!=="Enter")){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}e.composedPath()[0]!==this.input&&(e.preventDefault(),this.click())}})}set name(e){this._ownName=e}get name(){return this._ownName||this._groupName}get _computedInvalid(){return this.invalid||this._groupInvalid===!0}connectedCallback(){super.connectedCallback();let e=this.getAttribute("value");this.value=e!=null?e:"on",I(this,V,this.hasAttribute("checked")),this.checked=k(this,V),this.addEventListener("invalid",k(this,$)),this.addEventListener("keydown",k(this,L)),b(this,s,P).call(this)}handleClick(){this.disabled||(b(this,s,q).call(this),this.checked=!this.checked,this.indeterminate=!1,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}))}updated(e){super.updated(e),(e.has("checked")||e.has("indeterminate"))&&b(this,s,de).call(this),b(this,s,ce).call(this,e)&&(b(this,s,P).call(this),b(this,s,F).call(this))}resetFormControl(){this.checked=k(this,V),b(this,s,P).call(this),b(this,s,F).call(this)}click(){var e;this.disabled||(e=this.input)==null||e.click()}focus(e){var a;(a=this.input)==null||a.focus(e)}blur(){var e;(e=this.input)==null||e.blur()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return b(this,s,F).call(this),this.internals.checkValidity()}reportValidity(){return b(this,s,q).call(this),b(this,s,F).call(this),this.internals.checkValidity()}render(){let e=!this.checked&&this.indeterminate,a=e?"mixed":this.checked?"true":"false";return ge`
2573
+ `;var F,_,A,$,L,s,q,se,le,J,V,P,de,ce,p=class extends re(ie){constructor(){super(...arguments);y(this,s);this.value=null;this.indeterminate=!1;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;y(this,F,!1);y(this,_,!1);y(this,A,!1);y(this,$,()=>{b(this,s,q).call(this),b(this,s,V).call(this)});y(this,L,e=>{if(!this.disabled&&!e.defaultPrevented&&!(e.key!==" "&&e.key!=="Spacebar"&&e.key!=="Enter")){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}e.composedPath()[0]!==this.input&&(e.preventDefault(),this.click())}})}set name(e){this._ownName=e}get name(){return this._ownName||this._groupName}get _computedInvalid(){return this.invalid||this._groupInvalid===!0}connectedCallback(){super.connectedCallback();let e=this.getAttribute("value");this.value=e??"on",I(this,F,this.hasAttribute("checked")),this.checked=k(this,F),this.addEventListener("invalid",k(this,$)),this.addEventListener("keydown",k(this,L)),b(this,s,P).call(this)}handleClick(){this.disabled||(b(this,s,q).call(this),this.checked=!this.checked,this.indeterminate=!1,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}))}updated(e){super.updated(e),(e.has("checked")||e.has("indeterminate"))&&b(this,s,de).call(this),b(this,s,ce).call(this,e)&&(b(this,s,P).call(this),b(this,s,V).call(this))}resetFormControl(){this.checked=k(this,F),b(this,s,P).call(this),b(this,s,V).call(this)}click(){this.disabled||this.input?.click()}focus(e){this.input?.focus(e)}blur(){this.input?.blur()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return b(this,s,V).call(this),this.internals.checkValidity()}reportValidity(){return b(this,s,q).call(this),b(this,s,V).call(this),this.internals.checkValidity()}render(){let e=!this.checked&&this.indeterminate,a=e?"mixed":this.checked?"true":"false";return ge`
2574
2574
  <label part="base" class="wrapper">
2575
2575
  <span part="control" class="checkbox control">
2576
2576
  <input
@@ -2591,5 +2591,5 @@ var pe=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ee=t=>{t
2591
2591
 
2592
2592
  <slot part="label"></slot>
2593
2593
  </label>
2594
- `}};V=new WeakMap,_=new WeakMap,A=new WeakMap,$=new WeakMap,L=new WeakMap,s=new WeakSet,q=function(){I(this,A,!0)},se=function(){var e;return((e=this.input)==null?void 0:e.validationMessage)||" "},le=function(){var e;return(e=this.input)!=null?e:void 0},J=function(e){this.internals.setValidity(e,b(this,s,se).call(this),b(this,s,le).call(this))},F=function(){if(this.disabled){this.internals.setValidity({});return}let e=this.required&&!this.checked,a=this.invalid&&!k(this,_);if(e){I(this,_,!0),this.invalid=k(this,A),b(this,s,J).call(this,{valueMissing:!0});return}if(k(this,_)&&(this.invalid=!1,I(this,_,!1)),a){b(this,s,J).call(this,{customError:!0});return}this.internals.setValidity({})},P=function(){if(this.disabled){this.setValue(null);return}let e=this.checked?this.value:null;this.setValue(e)},de=function(){this.input&&(this.input.checked=this.checked,this.input.indeterminate=this.indeterminate)},ce=function(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")},p.styles=[te,ae],p.shadowRootOptions={...ie.shadowRootOptions,delegatesFocus:!0},u([me('input[type="checkbox"]')],p.prototype,"input",2),u([w({reflect:!0})],p.prototype,"name",1),u([w({reflect:!0})],p.prototype,"value",2),u([w({type:Boolean,reflect:!0})],p.prototype,"indeterminate",2),u([w({type:Boolean,reflect:!0})],p.prototype,"checked",2),u([w({type:Boolean,reflect:!0})],p.prototype,"disabled",2),u([w({type:Boolean,reflect:!0})],p.prototype,"required",2),u([w({type:Boolean,reflect:!0})],p.prototype,"invalid",2),u([w({attribute:!1})],p.prototype,"_groupInvalid",2),u([w({attribute:!1})],p.prototype,"_groupName",2);customElements.get("w-checkbox")||customElements.define("w-checkbox",p);export{p as WCheckbox};
2594
+ `}};F=new WeakMap,_=new WeakMap,A=new WeakMap,$=new WeakMap,L=new WeakMap,s=new WeakSet,q=function(){I(this,A,!0)},se=function(){return this.input?.validationMessage||" "},le=function(){return this.input??void 0},J=function(e){this.internals.setValidity(e,b(this,s,se).call(this),b(this,s,le).call(this))},V=function(){if(this.disabled){this.internals.setValidity({});return}let e=this.required&&!this.checked,a=this.invalid&&!k(this,_);if(e){I(this,_,!0),this.invalid=k(this,A),b(this,s,J).call(this,{valueMissing:!0});return}if(k(this,_)&&(this.invalid=!1,I(this,_,!1)),a){b(this,s,J).call(this,{customError:!0});return}this.internals.setValidity({})},P=function(){if(this.disabled){this.setValue(null);return}let e=this.checked?this.value:null;this.setValue(e)},de=function(){this.input&&(this.input.checked=this.checked,this.input.indeterminate=this.indeterminate)},ce=function(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")},p.styles=[te,ae],p.shadowRootOptions={...ie.shadowRootOptions,delegatesFocus:!0},u([me('input[type="checkbox"]')],p.prototype,"input",2),u([w({reflect:!0})],p.prototype,"name",1),u([w({reflect:!0})],p.prototype,"value",2),u([w({type:Boolean,reflect:!0})],p.prototype,"indeterminate",2),u([w({type:Boolean,reflect:!0})],p.prototype,"checked",2),u([w({type:Boolean,reflect:!0})],p.prototype,"disabled",2),u([w({type:Boolean,reflect:!0})],p.prototype,"required",2),u([w({type:Boolean,reflect:!0})],p.prototype,"invalid",2),u([w({attribute:!1})],p.prototype,"_groupInvalid",2),u([w({attribute:!1})],p.prototype,"_groupName",2);var Ie=p;customElements.get("w-checkbox")||customElements.define("w-checkbox",p);export{Ie as WCheckbox,p as WarpCheckbox};
2595
2595
  //# sourceMappingURL=checkbox.js.map