@warp-ds/elements 2.10.0-next.11 → 2.10.0-next.12

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 (185) hide show
  1. package/dist/custom-elements.json +211 -189
  2. package/dist/docs/badge/api.md +4 -4
  3. package/dist/docs/badge/badge.md +4 -4
  4. package/dist/docs/button/api.md +24 -24
  5. package/dist/docs/button/button.md +24 -24
  6. package/dist/docs/checkbox/api.md +2 -2
  7. package/dist/docs/checkbox/checkbox.md +2 -2
  8. package/dist/docs/checkbox-group/api.md +6 -6
  9. package/dist/docs/checkbox-group/checkbox-group.md +6 -6
  10. package/dist/docs/datepicker/api.md +8 -8
  11. package/dist/docs/datepicker/datepicker.md +8 -8
  12. package/dist/docs/expandable/api.md +6 -6
  13. package/dist/docs/expandable/expandable.md +6 -6
  14. package/dist/docs/icon/api.md +4 -4
  15. package/dist/docs/icon/icon.md +4 -4
  16. package/dist/docs/link/api.md +10 -10
  17. package/dist/docs/link/link.md +10 -10
  18. package/dist/docs/modal/api.md +2 -2
  19. package/dist/docs/modal/modal.md +2 -2
  20. package/dist/docs/pagination/api.md +4 -4
  21. package/dist/docs/pagination/pagination.md +4 -4
  22. package/dist/docs/pill/api.md +8 -8
  23. package/dist/docs/pill/pill.md +8 -8
  24. package/dist/docs/select/api.md +10 -10
  25. package/dist/docs/select/select.md +10 -10
  26. package/dist/docs/slider/api.md +22 -22
  27. package/dist/docs/slider/slider.md +22 -22
  28. package/dist/docs/slider-thumb/api.md +12 -12
  29. package/dist/docs/slider-thumb/slider-thumb.md +12 -12
  30. package/dist/docs/tabs/api.md +2 -2
  31. package/dist/docs/tabs/tabs.md +2 -2
  32. package/dist/docs/textarea/api.md +14 -14
  33. package/dist/docs/textarea/textarea.md +14 -14
  34. package/dist/docs/textfield/api.md +34 -34
  35. package/dist/docs/textfield/textfield.md +34 -34
  36. package/dist/packages/affix/affix.d.ts +1 -1
  37. package/dist/packages/affix/affix.js +1 -1
  38. package/dist/packages/affix/affix.js.map +4 -4
  39. package/dist/packages/affix/styles.js +2 -2
  40. package/dist/packages/alert/alert.js +3 -3
  41. package/dist/packages/alert/alert.js.map +3 -3
  42. package/dist/packages/alert/styles.js +2 -2
  43. package/dist/packages/attention/attention.js +2 -2
  44. package/dist/packages/attention/attention.js.map +4 -4
  45. package/dist/packages/attention/attention.stories.js +1 -1
  46. package/dist/packages/attention/styles.js +2 -2
  47. package/dist/packages/badge/badge.d.ts +2 -2
  48. package/dist/packages/badge/badge.js +1 -1
  49. package/dist/packages/badge/badge.js.map +3 -3
  50. package/dist/packages/badge/styles.js +2 -2
  51. package/dist/packages/box/box.js +2 -2
  52. package/dist/packages/box/box.js.map +3 -3
  53. package/dist/packages/box/styles.js +2 -2
  54. package/dist/packages/breadcrumbs/breadcrumbs.d.ts +1 -2
  55. package/dist/packages/breadcrumbs/breadcrumbs.js +3 -3
  56. package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
  57. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +1 -1
  58. package/dist/packages/breadcrumbs/styles.js +2 -2
  59. package/dist/packages/button/button.d.ts +11 -11
  60. package/dist/packages/button/button.js +1 -1
  61. package/dist/packages/button/button.js.map +3 -3
  62. package/dist/packages/button/button.react.stories.d.ts +2 -2
  63. package/dist/packages/button/react.d.ts +1 -1
  64. package/dist/packages/card/card.js +2 -2
  65. package/dist/packages/card/card.js.map +4 -4
  66. package/dist/packages/card/styles.js +2 -2
  67. package/dist/packages/checkbox/checkbox.d.ts +2 -2
  68. package/dist/packages/checkbox/checkbox.js.map +2 -2
  69. package/dist/packages/checkbox-group/checkbox-group.d.ts +4 -4
  70. package/dist/packages/checkbox-group/checkbox-group.js.map +2 -2
  71. package/dist/packages/combobox/combobox.js +10 -11
  72. package/dist/packages/combobox/combobox.js.map +4 -4
  73. package/dist/packages/combobox/combobox.react.stories.d.ts +26 -10
  74. package/dist/packages/combobox/react.d.ts +13 -5
  75. package/dist/packages/combobox/styles.js +2 -3
  76. package/dist/packages/datepicker/datepicker.d.ts +5 -5
  77. package/dist/packages/datepicker/datepicker.js +12 -12
  78. package/dist/packages/datepicker/datepicker.js.map +3 -3
  79. package/dist/packages/datepicker/datepicker.react.stories.d.ts +12 -12
  80. package/dist/packages/datepicker/react.d.ts +6 -6
  81. package/dist/packages/expandable/expandable.d.ts +3 -3
  82. package/dist/packages/expandable/expandable.js +11 -11
  83. package/dist/packages/expandable/expandable.js.map +3 -3
  84. package/dist/packages/expandable/styles.js +2 -2
  85. package/dist/packages/icon/icon.d.ts +1 -1
  86. package/dist/packages/icon/icon.js +2 -2
  87. package/dist/packages/icon/icon.js.map +1 -1
  88. package/dist/packages/icon/icon.react.stories.d.ts +1 -1
  89. package/dist/packages/icon/icon.react.stories.js +2 -0
  90. package/dist/packages/icon/icon.stories.d.ts +7 -30
  91. package/dist/packages/icon/icon.stories.js +11 -2
  92. package/dist/packages/link/link.d.ts +5 -5
  93. package/dist/packages/link/link.js.map +1 -1
  94. package/dist/packages/modal/modal.d.ts +1 -1
  95. package/dist/packages/modal/modal.js.map +2 -2
  96. package/dist/packages/modal/modal.react.stories.d.ts +4 -4
  97. package/dist/packages/modal/react.d.ts +4 -4
  98. package/dist/packages/modal/util.js +3 -1
  99. package/dist/packages/modal-footer/modal-footer.js.map +2 -2
  100. package/dist/packages/modal-header/modal-header.js +4 -4
  101. package/dist/packages/modal-header/modal-header.js.map +3 -3
  102. package/dist/packages/modal-header/react.d.ts +2 -2
  103. package/dist/packages/page-indicator/page-indicator.d.ts +0 -4
  104. package/dist/packages/page-indicator/page-indicator.js +6 -6
  105. package/dist/packages/page-indicator/page-indicator.js.map +4 -4
  106. package/dist/packages/page-indicator/page-indicator.stories.d.ts +8 -26
  107. package/dist/packages/page-indicator/page-indicator.stories.js +9 -7
  108. package/dist/packages/pagination/pagination.d.ts +8 -9
  109. package/dist/packages/pagination/pagination.js +11 -11
  110. package/dist/packages/pagination/pagination.js.map +4 -4
  111. package/dist/packages/pagination/pagination.react.stories.d.ts +6 -6
  112. package/dist/packages/pagination/pagination.test.js +4 -7
  113. package/dist/packages/pagination/react.d.ts +3 -3
  114. package/dist/packages/pagination/styles.js +2 -2
  115. package/dist/packages/pill/pill.d.ts +4 -4
  116. package/dist/packages/pill/pill.js +3 -3
  117. package/dist/packages/pill/pill.js.map +4 -4
  118. package/dist/packages/pill/pill.react.stories.d.ts +8 -8
  119. package/dist/packages/pill/react.d.ts +4 -4
  120. package/dist/packages/pill/styles.js +2 -2
  121. package/dist/packages/radio/form-associated-element.d.ts +1 -1
  122. package/dist/packages/radio/radio.d.ts +1 -1
  123. package/dist/packages/radio-group/radio-group.d.ts +2 -2
  124. package/dist/packages/radio-group/radio-group.js.map +1 -1
  125. package/dist/packages/radio-group/react.d.ts +4 -4
  126. package/dist/packages/select/react.d.ts +3 -3
  127. package/dist/packages/select/select.d.ts +6 -7
  128. package/dist/packages/select/select.js +5 -5
  129. package/dist/packages/select/select.js.map +4 -4
  130. package/dist/packages/select/select.react.stories.d.ts +7 -7
  131. package/dist/packages/select/select.react.stories.js +15 -10
  132. package/dist/packages/select/styles.js +2 -2
  133. package/dist/packages/slider/slider.d.ts +14 -14
  134. package/dist/packages/slider/slider.js +6 -6
  135. package/dist/packages/slider/slider.js.map +3 -3
  136. package/dist/packages/slider/slider.stories.js +1 -0
  137. package/dist/packages/slider-thumb/react.d.ts +2 -2
  138. package/dist/packages/slider-thumb/slider-thumb.d.ts +14 -14
  139. package/dist/packages/slider-thumb/slider-thumb.js +2 -2
  140. package/dist/packages/slider-thumb/slider-thumb.js.map +3 -3
  141. package/dist/packages/slider-thumb/styles.d.ts +1 -0
  142. package/dist/packages/slider-thumb/styles.js +2 -0
  143. package/dist/packages/step/step.js +3 -3
  144. package/dist/packages/step/step.js.map +4 -4
  145. package/dist/packages/step-indicator/step-indicator.js +3 -3
  146. package/dist/packages/step-indicator/step-indicator.js.map +3 -3
  147. package/dist/packages/step-indicator/styles.js +2 -2
  148. package/dist/packages/switch/styles.js +2 -2
  149. package/dist/packages/switch/switch.d.ts +3 -3
  150. package/dist/packages/switch/switch.js +3 -3
  151. package/dist/packages/switch/switch.js.map +3 -3
  152. package/dist/packages/tab/react.d.ts +4 -4
  153. package/dist/packages/tab/tab.d.ts +1 -1
  154. package/dist/packages/tab/tab.js +4 -4
  155. package/dist/packages/tab/tab.js.map +3 -3
  156. package/dist/packages/tab-panel/tab-panel.js +1 -1
  157. package/dist/packages/tab-panel/tab-panel.js.map +3 -3
  158. package/dist/packages/tabs/styles.js +2 -2
  159. package/dist/packages/tabs/tabs.d.ts +4 -3
  160. package/dist/packages/tabs/tabs.js +1 -1
  161. package/dist/packages/tabs/tabs.js.map +3 -3
  162. package/dist/packages/textarea/react.d.ts +9 -9
  163. package/dist/packages/textarea/styles.js +2 -2
  164. package/dist/packages/textarea/textarea.a11y.test.js +1 -1
  165. package/dist/packages/textarea/textarea.d.ts +10 -10
  166. package/dist/packages/textarea/textarea.js +6 -6
  167. package/dist/packages/textarea/textarea.js.map +4 -4
  168. package/dist/packages/textarea/textarea.react.stories.d.ts +18 -18
  169. package/dist/packages/textfield/react.d.ts +9 -9
  170. package/dist/packages/textfield/styles.js +2 -2
  171. package/dist/packages/textfield/textfield.d.ts +22 -22
  172. package/dist/packages/textfield/textfield.js +4 -4
  173. package/dist/packages/textfield/textfield.js.map +3 -3
  174. package/dist/packages/textfield/textfield.react.stories.d.ts +18 -18
  175. package/dist/packages/toast/api.d.ts +1 -1
  176. package/dist/packages/toast/toast.d.ts +1 -1
  177. package/dist/packages/toast/toast.js +3 -3
  178. package/dist/packages/toast/toast.js.map +3 -3
  179. package/dist/packages/toast-container/styles.d.ts +1 -0
  180. package/dist/packages/toast-container/styles.js +2 -0
  181. package/dist/packages/toast-container/toast-container.js +2 -2
  182. package/dist/packages/toast-container/toast-container.js.map +2 -2
  183. package/dist/web-types.json +170 -159
  184. package/eik/index.js +21 -22
  185. package/package.json +3 -3
@@ -3,17 +3,17 @@ import React from 'react';
3
3
  import { Select } from './react';
4
4
  declare const _default: {
5
5
  title: string;
6
- render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "readOnly" | "readonly" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "optional" | "willUpdate" | "formStateRestoreCallback" | "always" | "_options" | "_setValue" | "handleKeyDown"> & {
7
- onChange?: (e: Event) => void;
8
- onchange?: (e: Event) => void;
6
+ render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "readOnly" | "readonly" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "optional" | "willUpdate" | "formStateRestoreCallback" | "always" | "_setValue" | "handleKeyDown"> & {
7
+ onChange?: ((e: CustomEvent<any>) => void) | undefined;
8
+ onchange?: ((e: CustomEvent<any>) => void) | undefined;
9
9
  } & Partial<Omit<import("./select").WarpSelect, keyof HTMLElement>> & React.RefAttributes<import("./select").WarpSelect>, "ref">, "help-text" | "read-only" | "auto-focus"> & {
10
10
  autoFocus?: boolean;
11
11
  helpText?: string;
12
12
  readOnly?: boolean;
13
13
  } & React.RefAttributes<import("./select").WarpSelect>): React.JSX.Element;
14
- component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "readOnly" | "readonly" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "optional" | "willUpdate" | "formStateRestoreCallback" | "always" | "_options" | "_setValue" | "handleKeyDown"> & {
15
- onChange?: (e: Event) => void;
16
- onchange?: (e: Event) => void;
14
+ component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./select").WarpSelect>, "value" | "form" | "label" | "name" | "disabled" | "invalid" | "helpText" | "readOnly" | "readonly" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onchange" | "updated" | "firstUpdated" | "resetFormControl" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "autoFocus" | "onChange" | "hint" | "optional" | "willUpdate" | "formStateRestoreCallback" | "always" | "_setValue" | "handleKeyDown"> & {
15
+ onChange?: ((e: CustomEvent<any>) => void) | undefined;
16
+ onchange?: ((e: CustomEvent<any>) => void) | undefined;
17
17
  } & Partial<Omit<import("./select").WarpSelect, keyof HTMLElement>> & React.RefAttributes<import("./select").WarpSelect>, "ref">, "help-text" | "read-only" | "auto-focus"> & {
18
18
  autoFocus?: boolean;
19
19
  helpText?: string;
@@ -23,4 +23,4 @@ declare const _default: {
23
23
  export default _default;
24
24
  export type Story = StoryObj<typeof Select>;
25
25
  export declare const Default: Story;
26
- export declare const ChangeEvent: (args: any) => React.JSX.Element;
26
+ export declare const ChangeEvent: Story;
@@ -15,14 +15,19 @@ export const Default = {
15
15
  label: 'Berries',
16
16
  },
17
17
  };
18
- export const ChangeEvent = (args) => {
19
- const [selectedValue, setSelectedValue] = useState('');
20
- return (React.createElement(React.Fragment, null,
21
- React.createElement("div", null,
22
- "Selected Value: ",
23
- selectedValue),
24
- React.createElement(Select, { ...args, onChange: (e) => setSelectedValue(e.detail) },
25
- React.createElement(Option, { value: "strawberries" }, "Strawberries"),
26
- React.createElement(Option, { value: "raspberries", selected: true }, "Raspberries"),
27
- React.createElement(Option, { value: "cloudberries" }, "Cloudberries"))));
18
+ export const ChangeEvent = {
19
+ args: {
20
+ label: 'Berries',
21
+ },
22
+ render(args) {
23
+ const [selectedValue, setSelectedValue] = useState('');
24
+ return (React.createElement(React.Fragment, null,
25
+ React.createElement("div", null,
26
+ "Selected Value: ",
27
+ selectedValue),
28
+ React.createElement(Select, { ...args, onChange: (e) => setSelectedValue(e.detail) },
29
+ React.createElement(Option, { value: "strawberries" }, "Strawberries"),
30
+ React.createElement(Option, { value: "raspberries", selected: true }, "Raspberries"),
31
+ React.createElement(Option, { value: "cloudberries" }, "Cloudberries"))));
32
+ }
28
33
  };
@@ -1,2 +1,2 @@
1
- import { css } from 'lit';
2
- export const styles = css `*,: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}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display:none}.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}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;
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}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.flex{display:flex}.before\\:hidden:before{display:none}.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}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}");
@@ -15,7 +15,7 @@ declare class WarpSlider extends LitElement {
15
15
  static shadowRootOptions: {
16
16
  delegatesFocus: boolean;
17
17
  clonable?: boolean;
18
- customElementRegistry?: CustomElementRegistry;
18
+ customElementRegistry?: CustomElementRegistry | null;
19
19
  mode: ShadowRootMode;
20
20
  serializable?: boolean;
21
21
  slotAssignment?: SlotAssignmentMode;
@@ -26,7 +26,7 @@ declare class WarpSlider extends LitElement {
26
26
  *
27
27
  * If you need to display HTML, use the `label` slot instead (f. ex. `<legend class="sr-only" slot="label">Production year</legend>`)
28
28
  */
29
- label: string;
29
+ label: string | undefined;
30
30
  disabled: boolean;
31
31
  /**
32
32
  * Whether or not to allow values outside the range such as "Before 1950" and "2025+".
@@ -35,11 +35,11 @@ declare class WarpSlider extends LitElement {
35
35
  /**
36
36
  * Validation error text, if any
37
37
  */
38
- error: string;
38
+ error: string | undefined;
39
39
  /**
40
40
  * Additional description to show below the fieldset
41
41
  */
42
- helpText: string;
42
+ helpText: string | undefined;
43
43
  /**
44
44
  * Sets the form fields and fieldset in an invalid state
45
45
  */
@@ -52,24 +52,24 @@ declare class WarpSlider extends LitElement {
52
52
  * The minimum allowed value in the range inputs
53
53
  * @default 0
54
54
  */
55
- min: string;
55
+ min: string | undefined;
56
56
  /**
57
57
  * The maximum allowed value in the range inputs
58
58
  * @default 100
59
59
  */
60
- max: string;
60
+ max: string | undefined;
61
61
  /**
62
62
  * Pass a value similar to step to create visual markers at that interval
63
63
  */
64
- markers: number;
64
+ markers: number | undefined;
65
65
  /**
66
66
  * ets step on the range input to jump between values when dragging
67
67
  */
68
- step: number;
68
+ step: number | undefined;
69
69
  /**
70
70
  * Suffix used in text input fields and for the min and max values of the slider
71
71
  */
72
- suffix: string;
72
+ suffix: string | undefined;
73
73
  /**
74
74
  * Should only be used in special cases
75
75
  */
@@ -77,17 +77,17 @@ declare class WarpSlider extends LitElement {
77
77
  /**
78
78
  * Formatter for the tooltip and input mask values
79
79
  */
80
- valueFormatter: (value: string, slot: SliderSlot) => string;
80
+ valueFormatter: ((value: string, slot: SliderSlot) => string) | undefined;
81
81
  /**
82
82
  * Overrides {@link valueFormatter} for the tooltip.
83
83
  *
84
84
  * Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip.
85
85
  */
86
- tooltipFormatter: (value: string, slot: SliderSlot) => string;
86
+ tooltipFormatter: ((value: string, slot: SliderSlot) => string) | undefined;
87
87
  /**
88
88
  * Formatter for the min and max labels below the range.
89
89
  */
90
- labelFormatter: (slot: SliderSlot) => string;
90
+ labelFormatter: ((slot: SliderSlot) => string) | undefined;
91
91
  /** @internal */
92
92
  fieldset: HTMLFieldSetElement;
93
93
  /** @internal */
@@ -100,9 +100,9 @@ declare class WarpSlider extends LitElement {
100
100
  _tabbableElements: Array<HTMLElement>;
101
101
  constructor();
102
102
  /** @internal */
103
- get edgeMin(): string;
103
+ get edgeMin(): string | undefined;
104
104
  /** @internal */
105
- get edgeMax(): string;
105
+ get edgeMax(): string | undefined;
106
106
  connectedCallback(): Promise<void>;
107
107
  updated(changedProperties: PropertyValues<this>): void;
108
108
  /** @internal */
@@ -1,4 +1,4 @@
1
- var ve=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var P=a=>{throw TypeError(a)};var c=(a,r,e,o)=>{for(var t=o>1?void 0:o?fe(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(o?s(r,e,t):s(t))||t);return o&&t&&ve(r,e,t),t};var we=(a,r,e)=>r.has(a)||P("Cannot "+e);var R=(a,r,e)=>r.has(a)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(a):r.set(a,e);var h=(a,r,e)=>(we(a,r,"access private method"),e);import{html as x,LitElement as de,nothing as j}from"lit";import{property as g,query as je,state as T}from"lit/decorators.js";var u=a=>typeof a=="string",xe=a=>typeof a=="function",X=new Map,Z="en";function Y(a){return[...Array.isArray(a)?a:[a],Z]}function $(a,r,e){let o=Y(a);e||(e="default");let t;if(typeof e=="string")switch(t={day:"numeric",month:"short",year:"numeric"},e){case"full":t.weekday="long";case"long":t.month="long";break;case"short":t.month="numeric";break}else t=e;return z(()=>E("date",o,e),()=>new Intl.DateTimeFormat(o,t)).format(u(r)?new Date(r):r)}function ke(a,r,e){let o;if(e||(e="default"),typeof e=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=e;return $(a,r,o)}function N(a,r,e){let o=Y(a);return z(()=>E("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function V(a,r,e,{offset:o=0,...t}){let i=Y(a),s=r?z(()=>E("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):z(()=>E("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return t[e]??t[s.select(e-o)]??t.other}function z(a,r){let e=a(),o=X.get(e);return o||(o=r(),X.set(e,o)),o}function E(a,r,e){let o=r.join("-");return`${a}-${o}-${JSON.stringify(e)}`}var H=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,B=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let t=parseInt(e,16);return String.fromCharCode(t)}else{let t=parseInt(o,16);return String.fromCharCode(t)}}),J="%__lingui_octothorpe__%",ye=(a,r,e={})=>{let o=r||a,t=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let b=Object.keys(e).length?t("number"):void 0,v=N(o,s,b);return n.replace(new RegExp(J,"g"),v)};return{plural:(s,n)=>{let{offset:b=0}=n,v=V(o,!1,s,n);return i(s-b,v)},selectordinal:(s,n)=>{let{offset:b=0}=n,v=V(o,!0,s,n);return i(s-b,v)},select:_e,number:(s,n)=>N(o,s,t(n)||{style:n}),date:(s,n)=>$(o,s,t(n)||n),time:(s,n)=>ke(o,s,t(n)||n)}},_e=(a,r)=>r[a]??r.other;function ze(a,r,e){return(o={},t)=>{let i=ye(r,e,t),s=(b,v=!1)=>Array.isArray(b)?b.reduce((k,y)=>{if(y==="#"&&v)return k+J;if(u(y))return k+y;let[I,f,O]=y,S={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(O).forEach(([F,me])=>{S[F]=s(me,f==="plural"||f==="selectordinal")}):S=O;let _;if(f){let F=i[f];_=F(o[I],S)}else _=o[I];return _==null?k:k+_},""):b,n=s(a);return u(n)&&H.test(n)?B(n):u(n)?n:n?String(n):""}}var Ee=Object.defineProperty,Me=(a,r,e)=>r in a?Ee(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,Te=(a,r,e)=>(Me(a,typeof r!="symbol"?r+"":r,e),e),A=class{constructor(){Te(this,"_events",{})}on(r,e){var o;return(o=this._events)[r]??(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let t=o.indexOf(e);~t&&o.splice(t,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(t=>t.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Le=Object.defineProperty,Se=(a,r,e)=>r in a?Le(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,w=(a,r,e)=>(Se(a,typeof r!="symbol"?r+"":r,e),e),C=class extends A{constructor(r){super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate(r.locale??Z,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(r,e){let o=this._localeData[r];o?Object.assign(o,e):this._localeData[r]=e}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,e){typeof r=="string"?this._loadLocaleData(r,e):Object.keys(r).forEach(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,e){let o=this._messages[r];o?Object.assign(o,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([o,t])=>this._load(o,t)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:o}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let t=o?.message;r||(r=""),u(r)||(e=r.values||e,t=r.message,r=r.id);let i=this.messages[r],s=i===void 0,n=this._missing;if(n&&s)return xe(n)?n(this._locale,r):n;s&&this.emit("missing",{id:r,locale:this._locale});let b=i||t||r;return u(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
1
+ var ve=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var P=a=>{throw TypeError(a)};var c=(a,r,e,o)=>{for(var t=o>1?void 0:o?fe(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(o?s(r,e,t):s(t))||t);return o&&t&&ve(r,e,t),t};var we=(a,r,e)=>r.has(a)||P("Cannot "+e);var R=(a,r,e)=>r.has(a)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(a):r.set(a,e);var h=(a,r,e)=>(we(a,r,"access private method"),e);import{html as x,LitElement as de,nothing as j}from"lit";import{property as g,query as je,state as T}from"lit/decorators.js";var p=a=>typeof a=="string",xe=a=>typeof a=="function",H=new Map,V="en";function Y(a){return[...Array.isArray(a)?a:[a],V]}function $(a,r,e){let o=Y(a);e||(e="default");let t;if(typeof e=="string")switch(t={day:"numeric",month:"short",year:"numeric"},e){case"full":t.weekday="long";case"long":t.month="long";break;case"short":t.month="numeric";break}else t=e;return z(()=>E("date",o,e),()=>new Intl.DateTimeFormat(o,t)).format(p(r)?new Date(r):r)}function ke(a,r,e){let o;if(e||(e="default"),typeof e=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=e;return $(a,r,o)}function N(a,r,e){let o=Y(a);return z(()=>E("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function X(a,r,e,{offset:o=0,...t}){let i=Y(a),s=r?z(()=>E("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):z(()=>E("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return t[e]??t[s.select(e-o)]??t.other}function z(a,r){let e=a(),o=H.get(e);return o||(o=r(),H.set(e,o)),o}function E(a,r,e){let o=r.join("-");return`${a}-${o}-${JSON.stringify(e)}`}var Z=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,B=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let t=parseInt(e,16);return String.fromCharCode(t)}else{let t=parseInt(o,16);return String.fromCharCode(t)}}),J="%__lingui_octothorpe__%",ye=(a,r,e={})=>{let o=r||a,t=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let b=Object.keys(e).length?t("number"):void 0,v=N(o,s,b);return n.replace(new RegExp(J,"g"),v)};return{plural:(s,n)=>{let{offset:b=0}=n,v=X(o,!1,s,n);return i(s-b,v)},selectordinal:(s,n)=>{let{offset:b=0}=n,v=X(o,!0,s,n);return i(s-b,v)},select:_e,number:(s,n)=>N(o,s,t(n)||{style:n}),date:(s,n)=>$(o,s,t(n)||n),time:(s,n)=>ke(o,s,t(n)||n)}},_e=(a,r)=>r[a]??r.other;function ze(a,r,e){return(o={},t)=>{let i=ye(r,e,t),s=(b,v=!1)=>Array.isArray(b)?b.reduce((k,y)=>{if(y==="#"&&v)return k+J;if(p(y))return k+y;let[I,f,O]=y,S={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(O).forEach(([F,me])=>{S[F]=s(me,f==="plural"||f==="selectordinal")}):S=O;let _;if(f){let F=i[f];_=F(o[I],S)}else _=o[I];return _==null?k:k+_},""):b,n=s(a);return p(n)&&Z.test(n)?B(n):p(n)?n:n?String(n):""}}var Ee=Object.defineProperty,Me=(a,r,e)=>r in a?Ee(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,Te=(a,r,e)=>(Me(a,typeof r!="symbol"?r+"":r,e),e),A=class{constructor(){Te(this,"_events",{})}on(r,e){var o;return(o=this._events)[r]??(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let t=o.indexOf(e);~t&&o.splice(t,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(t=>t.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Le=Object.defineProperty,Se=(a,r,e)=>r in a?Le(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,w=(a,r,e)=>(Se(a,typeof r!="symbol"?r+"":r,e),e),C=class extends A{constructor(r){super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate(r.locale??V,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(r,e){let o=this._localeData[r];o?Object.assign(o,e):this._localeData[r]=e}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,e){typeof r=="string"?this._loadLocaleData(r,e):Object.keys(r).forEach(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,e){let o=this._messages[r];o?Object.assign(o,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([o,t])=>this._load(o,t)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:o}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let t=o?.message;r||(r=""),p(r)||(e=r.values||e,t=r.message,r=r.id);let i=this.messages[r],s=i===void 0,n=this._missing;if(n&&s)return xe(n)?n(this._locale,r):n;s&&this.emit("missing",{id:r,locale:this._locale});let b=i||t||r;return p(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
2
2
 
3
3
  > ${b}
4
4
 
@@ -6,7 +6,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
6
6
  ICU features such as interpolation and plurals will not work properly for that message.
7
7
 
8
8
  Please compile your catalog first.
9
- `)),u(b)&&H.test(b)?B(b):u(b)?b:ze(b,this._locale,this._locales)(e,o?.formats)}date(r,e){return $(this._locales||this._locale,r,e)}number(r,e){return N(this._locales||this._locale,r,e)}};function Fe(a={}){return new C(a)}var p=Fe();var Ne=["en","nb","fi","da","sv"],D="en",M=a=>Ne.find(r=>a===r||a.toLowerCase().includes(r))||D;function U(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(a)}try{let a=G(document);if(a)return M(a);let r=$e();if(r)return M(r);let e=G(ee());return e?M(e):D}catch(a){return console.warn("could not detect locale, falling back to source locale",a),D}}var Q=(a,r,e,o,t)=>{p.load("en",a),p.load("nb",r),p.load("fi",e),p.load("da",o),p.load("sv",t);let i=U();p.activate(i),W(),Ce()},Ae="warp-i18n-change";function W(){typeof window>"u"||window.dispatchEvent(new Event(Ae))}var K=!1;function Ce(){if(K||typeof window>"u"||!document?.documentElement)return;K=!0;let a=()=>{let t=U();p.locale!==t&&(p.activate(t),W())},r=new MutationObserver(t=>{for(let i of t)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=ee();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Ye();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function ee(){try{return window.parent?.document??null}catch{return null}}function G(a){try{return a?.documentElement?.lang??""}catch{return""}}function Ye(){try{return window.frameElement??null}catch{return null}}function $e(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as re}from"lit";var oe=re`
9
+ `)),p(b)&&Z.test(b)?B(b):p(b)?b:ze(b,this._locale,this._locales)(e,o?.formats)}date(r,e){return $(this._locales||this._locale,r,e)}number(r,e){return N(this._locales||this._locale,r,e)}};function Fe(a={}){return new C(a)}var u=Fe();var Ne=["en","nb","fi","da","sv"],D="en",M=a=>Ne.find(r=>a===r||a.toLowerCase().includes(r))||D;function U(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(a)}try{let a=G(document);if(a)return M(a);let r=$e();if(r)return M(r);let e=G(ee());return e?M(e):D}catch(a){return console.warn("could not detect locale, falling back to source locale",a),D}}var Q=(a,r,e,o,t)=>{u.load("en",a),u.load("nb",r),u.load("fi",e),u.load("da",o),u.load("sv",t);let i=U();u.activate(i),W(),Ce()},Ae="warp-i18n-change";function W(){typeof window>"u"||window.dispatchEvent(new Event(Ae))}var K=!1;function Ce(){if(K||typeof window>"u"||!document?.documentElement)return;K=!0;let a=()=>{let t=U();u.locale!==t&&(u.activate(t),W())},r=new MutationObserver(t=>{for(let i of t)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=ee();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Ye();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function ee(){try{return window.parent?.document??null}catch{return null}}function G(a){try{return a?.documentElement?.lang??""}catch{return""}}function Ye(){try{return window.frameElement??null}catch{return null}}function $e(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as re}from"lit";var oe=re`
10
10
  *,
11
11
  :before,
12
12
  :after {
@@ -279,7 +279,7 @@ Please compile your catalog first.
279
279
  svg {
280
280
  pointer-events: none;
281
281
  }
282
- `,Ve=re`*, :before, :after {
282
+ `,Xe=re`*, :before, :after {
283
283
  --w-rotate: 0;
284
284
  --w-rotate-x: 0;
285
285
  --w-rotate-y: 0;
@@ -2597,13 +2597,13 @@ Please compile your catalog first.
2597
2597
  bottom: 0;
2598
2598
  grid-area: slider;
2599
2599
  }
2600
- `;var l,m,ce,be,he,ge,pe,ue,q,L,d=class extends de{constructor(){super();R(this,l);this.disabled=!1;this.openEnded=!1;this.invalid=!1;this.required=!1;this.hiddenTextfield=!1;this._invalidMessage="";this._hasInternalError=!1;this._showError=!1;this._tabbableElements=[];Q(ae,se,ie,te,ne)}get edgeMin(){return this.openEnded?(Number(this.min)-1).toString():this.min}get edgeMax(){return this.openEnded?(Number(this.max)+1).toString():this.max}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.step&&this.fieldset.style.setProperty("--step",String(this.step)),this.min!==void 0&&this.fieldset.style.setProperty("--min",this.edgeMin),this.max!==void 0&&this.fieldset.style.setProperty("--max",this.max),this.markers&&this.fieldset.style.setProperty("--markers",String(this.markers)),this.openEnded&&this.fieldset.style.setProperty("--over-under-offset","1");let e=this.querySelectorAll("w-slider-thumb");if(e.length===2){this.fieldset.style.setProperty("--range-slider-magic-pixel","1px");let t=Array.from(e);this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[1].shadowRoot.querySelector("input"),this._tabbableElements[2]=t[0].shadowRoot.querySelector("w-textfield"),this._tabbableElements[3]=t[1].shadowRoot.querySelector("w-textfield")}else if(e.length===1){let t=Array.from(e);this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[0].shadowRoot.querySelector("w-textfield")}this.invalid&&this.error&&(this._showError=!0),h(this,l,m).call(this)}updated(e){(e.has("disabled")||e.has("required")||e.has("min")||e.has("step")||e.has("max")||e.has("suffix")||e.has("labelFormatter")||e.has("valueFormatter")||e.has("_invalidMessage")||e.has("_hasInternalError"))&&h(this,l,m).call(this),(e.has("error")||e.has("invalid"))&&(this.error&&this.invalid?this._showError=!0:this._showError=!1,h(this,l,m).call(this))}get componentHasError(){return this.invalid||this._hasInternalError}get errorText(){return this._showError?this.error||this._invalidMessage:""}render(){return x`
2600
+ `;var l,m,ce,be,he,ge,ue,pe,q,L,d=class extends de{constructor(){super();R(this,l);this.disabled=!1;this.openEnded=!1;this.invalid=!1;this.required=!1;this.hiddenTextfield=!1;this._invalidMessage="";this._hasInternalError=!1;this._showError=!1;this._tabbableElements=[];Q(ae,se,ie,te,ne)}get edgeMin(){return this.openEnded?(Number(this.min)-1).toString():this.min}get edgeMax(){return this.openEnded?(Number(this.max)+1).toString():this.max}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.step&&this.fieldset.style.setProperty("--step",String(this.step)),this.min!==void 0&&this.fieldset.style.setProperty("--min",this.edgeMin),this.max!==void 0&&this.fieldset.style.setProperty("--max",this.max),this.markers&&this.fieldset.style.setProperty("--markers",String(this.markers)),this.openEnded&&this.fieldset.style.setProperty("--over-under-offset","1");let e=this.querySelectorAll("w-slider-thumb");if(e.length===2){this.fieldset.style.setProperty("--range-slider-magic-pixel","1px");let t=Array.from(e);this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[1].shadowRoot.querySelector("input"),this._tabbableElements[2]=t[0].shadowRoot.querySelector("w-textfield"),this._tabbableElements[3]=t[1].shadowRoot.querySelector("w-textfield")}else if(e.length===1){let t=Array.from(e);this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[0].shadowRoot.querySelector("w-textfield")}this.invalid&&this.error&&(this._showError=!0),h(this,l,m).call(this)}updated(e){(e.has("disabled")||e.has("required")||e.has("min")||e.has("step")||e.has("max")||e.has("suffix")||e.has("labelFormatter")||e.has("valueFormatter")||e.has("_invalidMessage")||e.has("_hasInternalError"))&&h(this,l,m).call(this),(e.has("error")||e.has("invalid"))&&(this.error&&this.invalid?this._showError=!0:this._showError=!1,h(this,l,m).call(this))}get componentHasError(){return this.invalid||this._hasInternalError}get errorText(){return this._showError?this.error||this._invalidMessage:""}render(){return x`
2601
2601
  <fieldset
2602
2602
  id="fieldset"
2603
2603
  class="w-slider"
2604
2604
  @input="${h(this,l,be)}"
2605
2605
  @focusout="${h(this,l,he)}"
2606
- @slidervalidity="${h(this,l,ue)}"
2606
+ @slidervalidity="${h(this,l,pe)}"
2607
2607
  @thumbreset="${h(this,l,ce)}"
2608
2608
  @keydown="${h(this,l,ge)}"
2609
2609
  aria-invalid="${this.errorText?"true":j}"
@@ -2637,5 +2637,5 @@ Please compile your catalog first.
2637
2637
  ${this.helpText}
2638
2638
  </p>`:j}
2639
2639
  </fieldset>
2640
- `}};l=new WeakSet,m=function(){let e=this.querySelectorAll("w-slider-thumb"),o=!1;for(let t of e.values())t.min=this.edgeMin,t.max=this.edgeMax,t.step=this.step,t.suffix=this.suffix??"",t.required=this.required,t.labelFormatter=this.labelFormatter,t.valueFormatter=this.valueFormatter,t.tooltipFormatter=this.tooltipFormatter,t.openEnded=this.openEnded,t._hiddenTextfield=this.hiddenTextfield,t.ariaLabel||(t.slot||(t.ariaLabel=this.label),t.slot==="from"&&(t.ariaLabel=`${this.label} min`),t.slot==="to"&&(t.ariaLabel=`${this.label} max`)),(t.slot==="from"||t.slot==="to")&&(o=!0),t.disabled=this.disabled,t.invalid=!!this.errorText,h(this,l,L).call(this,t);o?(this.fieldset.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),this.fieldset.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):this.fieldset.style.setProperty("--active-range-border-radius","4px")},ce=function(e){e.stopPropagation();let o=e.target;h(this,l,L).call(this,o)},be=function(e){let o=e.target;h(this,l,L).call(this,o),o.slot&&h(this,l,pe).call(this)},he=function(){this.componentHasError?this._showError=!0:this._showError=!1,h(this,l,m).call(this)},ge=function(e){if(e.key==="Tab"){let o=this._tabbableElements.indexOf(e.target.shadowRoot.activeElement);if(o===-1)return;let t=e.shiftKey?-1:1,i=this._tabbableElements[o+t];if(!i)return;e.preventDefault(),i.focus()}},pe=function(){let e,o,t=this.querySelectorAll("w-slider-thumb");for(let i of t.values())i.slot==="from"&&(e=i),i.slot==="to"&&(o=i);!e||!o||!e.invalid&&o.invalid},ue=function(e){e.stopPropagation();let o=this._hasInternalError||this.invalid,t=e.target;if(this._hasInternalError=!!e.detail.invalid||this.invalid,this._invalidMessage=e.detail.invalid,o===!0&&this._hasInternalError===!1){let i=this.querySelectorAll("w-slider-thumb");for(let s of i.values())s!==t&&s.updateFieldAfterValidation()}},q=function(e,o){return(o.value===void 0||o.value===null)&&(o.value=this.openEnded?"":e),o.value===""?e:o.value},L=function(e){let o=e.slot;o||this.fieldset.style.setProperty("--from","0"),o==="from"&&this.fieldset.style.setProperty("--from",h(this,l,q).call(this,this.edgeMin,e)),(!o||o==="to")&&this.fieldset.style.setProperty("--to",h(this,l,q).call(this,this.edgeMax,e))},d.shadowRootOptions={...de.shadowRootOptions,delegatesFocus:!0},d.styles=[oe,le],c([g({reflect:!0})],d.prototype,"label",2),c([g({type:Boolean,reflect:!0})],d.prototype,"disabled",2),c([g({type:Boolean,attribute:"open-ended"})],d.prototype,"openEnded",2),c([g({type:String,reflect:!0})],d.prototype,"error",2),c([g({type:String,reflect:!0,attribute:"help-text"})],d.prototype,"helpText",2),c([g({type:Boolean,reflect:!0})],d.prototype,"invalid",2),c([g({type:Boolean,reflect:!0})],d.prototype,"required",2),c([g({reflect:!0})],d.prototype,"min",2),c([g({reflect:!0})],d.prototype,"max",2),c([g({type:Number,reflect:!0})],d.prototype,"markers",2),c([g({type:Number,reflect:!0})],d.prototype,"step",2),c([g({reflect:!0})],d.prototype,"suffix",2),c([g({type:Boolean,reflect:!0,attribute:"hidden-textfield"})],d.prototype,"hiddenTextfield",2),c([g({attribute:!1})],d.prototype,"valueFormatter",2),c([g({attribute:!1})],d.prototype,"tooltipFormatter",2),c([g({attribute:!1})],d.prototype,"labelFormatter",2),c([je("fieldset")],d.prototype,"fieldset",2),c([T()],d.prototype,"_invalidMessage",2),c([T()],d.prototype,"_hasInternalError",2),c([T()],d.prototype,"_showError",2),c([T()],d.prototype,"_tabbableElements",2);customElements.get("w-slider")||customElements.define("w-slider",d);export{d as WarpSlider};
2640
+ `}};l=new WeakSet,m=function(){let e=this.querySelectorAll("w-slider-thumb"),o=!1;for(let t of e.values())t.min=this.edgeMin,t.max=this.edgeMax,t.step=this.step,t.suffix=this.suffix??"",t.required=this.required,t.labelFormatter=this.labelFormatter,t.valueFormatter=this.valueFormatter,t.tooltipFormatter=this.tooltipFormatter,t.openEnded=this.openEnded,t._hiddenTextfield=this.hiddenTextfield,t.ariaLabel||(t.slot||(t.ariaLabel=this.label||null),t.slot==="from"&&(t.ariaLabel=`${this.label} min`),t.slot==="to"&&(t.ariaLabel=`${this.label} max`)),(t.slot==="from"||t.slot==="to")&&(o=!0),t.disabled=this.disabled,t.invalid=!!this.errorText,h(this,l,L).call(this,t);o?(this.fieldset.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),this.fieldset.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):this.fieldset.style.setProperty("--active-range-border-radius","4px")},ce=function(e){e.stopPropagation();let o=e.target;h(this,l,L).call(this,o)},be=function(e){let o=e.target;h(this,l,L).call(this,o),o.slot&&h(this,l,ue).call(this)},he=function(){this.componentHasError?this._showError=!0:this._showError=!1,h(this,l,m).call(this)},ge=function(e){if(e.key==="Tab"){let o=this._tabbableElements.indexOf(e.target.shadowRoot.activeElement);if(o===-1)return;let t=e.shiftKey?-1:1,i=this._tabbableElements[o+t];if(!i)return;e.preventDefault(),i.focus()}},ue=function(){let e=null,o=null,t=this.querySelectorAll("w-slider-thumb");for(let i of t.values())i.slot==="from"&&(e=i),i.slot==="to"&&(o=i);!e||!o||!e.invalid&&o.invalid},pe=function(e){e.stopPropagation();let o=this._hasInternalError||this.invalid,t=e.target;if(this._hasInternalError=!!e.detail.invalid||this.invalid,this._invalidMessage=e.detail.invalid,o===!0&&this._hasInternalError===!1){let i=this.querySelectorAll("w-slider-thumb");for(let s of i.values())s!==t&&s.updateFieldAfterValidation()}},q=function(e,o){return(o.value===void 0||o.value===null)&&(o.value=this.openEnded?"":e),o.value===""?e:o.value},L=function(e){let o=e.slot;o||this.fieldset.style.setProperty("--from","0"),o==="from"&&this.fieldset.style.setProperty("--from",h(this,l,q).call(this,this.edgeMin,e)),(!o||o==="to")&&this.fieldset.style.setProperty("--to",h(this,l,q).call(this,this.edgeMax,e))},d.shadowRootOptions={...de.shadowRootOptions,delegatesFocus:!0},d.styles=[oe,le],c([g({reflect:!0})],d.prototype,"label",2),c([g({type:Boolean,reflect:!0})],d.prototype,"disabled",2),c([g({type:Boolean,attribute:"open-ended"})],d.prototype,"openEnded",2),c([g({type:String,reflect:!0})],d.prototype,"error",2),c([g({type:String,reflect:!0,attribute:"help-text"})],d.prototype,"helpText",2),c([g({type:Boolean,reflect:!0})],d.prototype,"invalid",2),c([g({type:Boolean,reflect:!0})],d.prototype,"required",2),c([g({reflect:!0})],d.prototype,"min",2),c([g({reflect:!0})],d.prototype,"max",2),c([g({type:Number,reflect:!0})],d.prototype,"markers",2),c([g({type:Number,reflect:!0})],d.prototype,"step",2),c([g({reflect:!0})],d.prototype,"suffix",2),c([g({type:Boolean,reflect:!0,attribute:"hidden-textfield"})],d.prototype,"hiddenTextfield",2),c([g({attribute:!1})],d.prototype,"valueFormatter",2),c([g({attribute:!1})],d.prototype,"tooltipFormatter",2),c([g({attribute:!1})],d.prototype,"labelFormatter",2),c([je("fieldset")],d.prototype,"fieldset",2),c([T()],d.prototype,"_invalidMessage",2),c([T()],d.prototype,"_hasInternalError",2),c([T()],d.prototype,"_showError",2),c([T()],d.prototype,"_tabbableElements",2);customElements.get("w-slider")||customElements.define("w-slider",d);export{d as WarpSlider};
2641
2641
  //# sourceMappingURL=slider.js.map