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

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 (254) 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 +932 -341
  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/modal.react.stories.d.ts +4 -4
  170. package/dist/packages/modal/modal.react.stories.js +9 -1
  171. package/dist/packages/modal/react.d.ts +34 -4
  172. package/dist/packages/modal/react.js +30 -0
  173. package/dist/packages/modal-header/modal-header.js +11 -9
  174. package/dist/packages/modal-header/modal-header.js.map +4 -4
  175. package/dist/packages/page-indicator/page-indicator.hydration.test.js +1 -1
  176. package/dist/packages/page-indicator/page-indicator.js +5 -5
  177. package/dist/packages/page-indicator/page-indicator.js.map +3 -3
  178. package/dist/packages/pagination/pagination.hydration.test.js +1 -1
  179. package/dist/packages/pagination/pagination.js +4 -4
  180. package/dist/packages/pagination/pagination.js.map +4 -4
  181. package/dist/packages/pagination/pagination.test.js +1 -1
  182. package/dist/packages/pill/pill.hydration.test.js +1 -1
  183. package/dist/packages/pill/pill.js +3 -3
  184. package/dist/packages/pill/pill.js.map +4 -4
  185. package/dist/packages/radio/radio.hydration.test.js +1 -1
  186. package/dist/packages/radio/radio.js +3 -3
  187. package/dist/packages/radio/radio.js.map +3 -3
  188. package/dist/packages/radio/radio.test.js +1 -1
  189. package/dist/packages/radio-group/radio-group.a11y.test.js +7 -3
  190. package/dist/packages/radio-group/radio-group.hydration.test.js +6 -2
  191. package/dist/packages/radio-group/radio-group.js +11 -11
  192. package/dist/packages/radio-group/radio-group.js.map +4 -4
  193. package/dist/packages/select/select.a11y.test.js +6 -2
  194. package/dist/packages/select/select.hydration.test.js +1 -1
  195. package/dist/packages/select/select.js +7 -7
  196. package/dist/packages/select/select.js.map +4 -4
  197. package/dist/packages/select/select.test.js +4 -2
  198. package/dist/packages/slider/slider.hydration.test.js +7 -2
  199. package/dist/packages/slider/slider.js +5 -5
  200. package/dist/packages/slider/slider.js.map +4 -4
  201. package/dist/packages/slider/slider.react.stories.js +2 -2
  202. package/dist/packages/slider/slider.test.js +1 -1
  203. package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +1 -1
  204. package/dist/packages/slider-thumb/slider-thumb.js +20 -20
  205. package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
  206. package/dist/packages/step/step.hydration.test.js +1 -1
  207. package/dist/packages/step/step.js +8 -8
  208. package/dist/packages/step/step.js.map +4 -4
  209. package/dist/packages/step-indicator/step-indicator.hydration.test.js +1 -1
  210. package/dist/packages/switch/switch.a11y.test.js +1 -1
  211. package/dist/packages/switch/switch.hydration.test.js +1 -1
  212. package/dist/packages/switch/switch.js +1 -1
  213. package/dist/packages/switch/switch.js.map +1 -1
  214. package/dist/packages/tab/tab.hydration.test.js +1 -1
  215. package/dist/packages/tab/tab.js +10 -10
  216. package/dist/packages/tab/tab.js.map +2 -2
  217. package/dist/packages/tab-panel/tab-panel.hydration.test.js +1 -1
  218. package/dist/packages/tab-panel/tab-panel.js +3 -3
  219. package/dist/packages/tab-panel/tab-panel.js.map +2 -2
  220. package/dist/packages/tabs/tabs.a11y.test.js +2 -2
  221. package/dist/packages/tabs/tabs.hydration.test.js +1 -1
  222. package/dist/packages/tabs/tabs.js +1 -1
  223. package/dist/packages/tabs/tabs.js.map +2 -2
  224. package/dist/packages/tabs/tabs.test.js +4 -4
  225. package/dist/packages/textarea/textarea.hydration.test.js +1 -1
  226. package/dist/packages/textarea/textarea.js +4 -4
  227. package/dist/packages/textarea/textarea.js.map +3 -3
  228. package/dist/packages/textarea/textarea.test.js +1 -1
  229. package/dist/packages/textfield/textfield.hydration.test.js +1 -1
  230. package/dist/packages/textfield/textfield.js +1 -1
  231. package/dist/packages/textfield/textfield.js.map +1 -1
  232. package/dist/packages/textfield/textfield.test.js +1 -1
  233. package/dist/packages/toast/toast.js +6 -6
  234. package/dist/packages/toast/toast.js.map +4 -4
  235. package/dist/packages/toast/toast.stories.d.ts +1 -5
  236. package/dist/packages/toast/toast.stories.js +0 -17
  237. package/dist/packages/toast-container/toast-container.js +2 -2
  238. package/dist/packages/toast-container/toast-container.js.map +2 -2
  239. package/dist/web-types.json +238 -103
  240. package/eik/index.js +2536 -0
  241. package/package.json +15 -9
  242. package/dist/docs/modal-footer/accessibility.md +0 -1
  243. package/dist/docs/modal-footer/examples.md +0 -1
  244. package/dist/docs/modal-footer/usage.md +0 -1
  245. package/dist/docs/modal-header/accessibility.md +0 -1
  246. package/dist/docs/modal-header/examples.md +0 -1
  247. package/dist/docs/modal-header/usage.md +0 -1
  248. package/dist/docs/radio/accessibility.md +0 -1
  249. package/dist/docs/radio/examples.md +0 -1
  250. package/dist/docs/radio/usage.md +0 -1
  251. package/dist/packages/button/styles/w-button.styles.d.ts +0 -1
  252. package/dist/packages/button/styles/w-button.styles.js +0 -282
  253. package/dist/packages/link/styles/w-link.styles.d.ts +0 -1
  254. package/dist/packages/link/styles/w-link.styles.js +0 -213
@@ -114,8 +114,8 @@ export const OpenEnded = {
114
114
  React.createElement(SliderThumb, { slot: "from", "aria-label": "Fra \u00E5r", name: "from", value: openEndedFrom }),
115
115
  React.createElement(SliderThumb, { slot: "to", "aria-label": "Til \u00E5r", name: "to", value: openEndedTo })),
116
116
  React.createElement("button", { type: "button", onClick: () => {
117
- setOpenEndedFrom("");
118
- setOpenEndedTo("");
117
+ setOpenEndedFrom('');
118
+ setOpenEndedTo('');
119
119
  } }, "What's button type reset lol")),
120
120
  React.createElement("p", null, "Drag the slider to show the value below. See the Code tab for how to format the labels."),
121
121
  React.createElement("output", null,
@@ -1,4 +1,4 @@
1
- import { userEvent } from '@vitest/browser/context';
1
+ import { userEvent } from 'vitest/browser';
2
2
  import { html } from 'lit';
3
3
  import { expect, test } from 'vitest';
4
4
  import { render } from 'vitest-browser-lit';
@@ -1,5 +1,5 @@
1
1
  import { i18n } from '@lingui/core';
2
- import { describe, expect, test, beforeEach, afterEach } from 'vitest';
2
+ import { afterEach, beforeEach, describe, expect, test } from 'vitest';
3
3
  import { setupHydrationWarningCapture, testHydration } from '../../tests/react-hydration';
4
4
  import './slider-thumb.js';
5
5
  // Activate i18n before tests (normally done by parent w-slider)
@@ -1,12 +1,12 @@
1
- var $e=Object.defineProperty;var Se=Object.getOwnPropertyDescriptor;var be=o=>{throw TypeError(o)};var p=(o,r,e,t)=>{for(var a=t>1?void 0:t?Se(r,e):r,i=o.length-1,n;i>=0;i--)(n=o[i])&&(a=(t?n(r,e,a):n(a))||a);return t&&a&&$e(r,e,a),a};var ee=(o,r,e)=>r.has(o)||be("Cannot "+e);var re=(o,r,e)=>(ee(o,r,"read from private field"),e?e.call(o):r.get(o)),te=(o,r,e)=>r.has(o)?be("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(o):r.set(o,e),oe=(o,r,e,t)=>(ee(o,r,"write to private field"),t?t.call(o,e):r.set(o,e),e),m=(o,r,e)=>(ee(o,r,"access private method"),e);var A=o=>typeof o=="string",Pe=o=>typeof o=="function",pe=new Map,ge="en";function ne(o){return[...Array.isArray(o)?o:[o],ge]}function le(o,r,e){let t=ne(o);e||(e="default");let a;if(typeof e=="string")switch(a={day:"numeric",month:"short",year:"numeric"},e){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=e;return H(()=>Z("date",t,e),()=>new Intl.DateTimeFormat(t,a)).format(A(r)?new Date(r):r)}function Ne(o,r,e){let t;if(e||(e="default"),typeof e=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=e;return le(o,r,t)}function ae(o,r,e){let t=ne(o);return H(()=>Z("number",t,e),()=>new Intl.NumberFormat(t,e)).format(r)}function me(o,r,e,{offset:t=0,...a}){var s,c;let i=ne(o),n=r?H(()=>Z("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):H(()=>Z("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(c=(s=a[e])!=null?s:a[n.select(e-t)])!=null?c:a.other}function H(o,r){let e=o(),t=pe.get(e);return t||(t=r(),pe.set(e,t)),t}function Z(o,r,e){let t=r.join("-");return`${o}-${t}-${JSON.stringify(e)}`}var ve=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,fe=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,t)=>{if(e){let a=parseInt(e,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),we="%__lingui_octothorpe__%",Ae=(o,r,e={})=>{let t=r||o,a=n=>typeof n=="object"?n:e[n],i=(n,s)=>{let c=Object.keys(e).length?a("number"):void 0,f=ae(t,n,c);return s.replace(new RegExp(we,"g"),f)};return{plural:(n,s)=>{let{offset:c=0}=s,f=me(t,!1,n,s);return i(n-c,f)},selectordinal:(n,s)=>{let{offset:c=0}=s,f=me(t,!0,n,s);return i(n-c,f)},select:Le,number:(n,s)=>ae(t,n,a(s)||{style:s}),date:(n,s)=>le(t,n,a(s)||s),time:(n,s)=>Ne(t,n,a(s)||s)}},Le=(o,r)=>{var e;return(e=r[o])!=null?e:r.other};function De(o,r,e){return(t={},a)=>{let i=Ae(r,e,a),n=(c,f=!1)=>Array.isArray(c)?c.reduce((E,F)=>{if(F==="#"&&f)return E+we;if(A(F))return E+F;let[M,k,y]=F,_={};k==="plural"||k==="selectordinal"||k==="select"?Object.entries(y).forEach(([S,V])=>{_[S]=n(V,k==="plural"||k==="selectordinal")}):_=y;let x;if(k){let S=i[k];x=S(t[M],_)}else x=t[M];return x==null?E:E+x},""):c,s=n(o);return A(s)&&ve.test(s)?fe(s):A(s)?s:s?String(s):""}}var Te=Object.defineProperty,je=(o,r,e)=>r in o?Te(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,Ye=(o,r,e)=>(je(o,typeof r!="symbol"?r+"":r,e),e),ie=class{constructor(){Ye(this,"_events",{})}on(r,e){var a;var t;return(a=(t=this._events)[r])!=null||(t[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let t=this._getListeners(r);if(!t)return;let a=t.indexOf(e);~a&&t.splice(a,1)}emit(r,...e){let t=this._getListeners(r);t&&t.map(a=>a.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Ie=Object.defineProperty,Xe=(o,r,e)=>r in o?Ie(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,D=(o,r,e)=>(Xe(o,typeof r!="symbol"?r+"":r,e),e),se=class extends ie{constructor(r){var e;super(),D(this,"_locale",""),D(this,"_locales"),D(this,"_localeData",{}),D(this,"_messages",{}),D(this,"_missing"),D(this,"_messageCompiler"),D(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((e=r.locale)!=null?e:ge,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var r;return(r=this._messages[this._locale])!=null?r:{}}get localeData(){var r;return(r=this._localeData[this._locale])!=null?r:{}}_loadLocaleData(r,e){let t=this._localeData[r];t?Object.assign(t,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(t=>this._loadLocaleData(t,r[t])),this.emit("change")}_load(r,e){let t=this._messages[r];t?Object.assign(t,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:t}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=t,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,t){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 a=t==null?void 0:t.message;r||(r=""),A(r)||(e=r.values||e,a=r.message,r=r.id);let i=this.messages[r],n=i===void 0,s=this._missing;if(s&&n)return Pe(s)?s(this._locale,r):s;n&&this.emit("missing",{id:r,locale:this._locale});let c=i||a||r;return A(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
1
+ var Ve=Object.defineProperty;var $e=Object.getOwnPropertyDescriptor;var be=o=>{throw TypeError(o)};var p=(o,r,e,t)=>{for(var a=t>1?void 0:t?$e(r,e):r,i=o.length-1,n;i>=0;i--)(n=o[i])&&(a=(t?n(r,e,a):n(a))||a);return t&&a&&Ve(r,e,a),a};var ee=(o,r,e)=>r.has(o)||be("Cannot "+e);var re=(o,r,e)=>(ee(o,r,"read from private field"),e?e.call(o):r.get(o)),te=(o,r,e)=>r.has(o)?be("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(o):r.set(o,e),oe=(o,r,e,t)=>(ee(o,r,"write to private field"),t?t.call(o,e):r.set(o,e),e),m=(o,r,e)=>(ee(o,r,"access private method"),e);var N=o=>typeof o=="string",Se=o=>typeof o=="function",pe=new Map,ge="en";function ne(o){return[...Array.isArray(o)?o:[o],ge]}function le(o,r,e){let t=ne(o);e||(e="default");let a;if(typeof e=="string")switch(a={day:"numeric",month:"short",year:"numeric"},e){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=e;return H(()=>Z("date",t,e),()=>new Intl.DateTimeFormat(t,a)).format(N(r)?new Date(r):r)}function Pe(o,r,e){let t;if(e||(e="default"),typeof e=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=e;return le(o,r,t)}function ae(o,r,e){let t=ne(o);return H(()=>Z("number",t,e),()=>new Intl.NumberFormat(t,e)).format(r)}function me(o,r,e,{offset:t=0,...a}){let i=ne(o),n=r?H(()=>Z("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):H(()=>Z("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return a[e]??a[n.select(e-t)]??a.other}function H(o,r){let e=o(),t=pe.get(e);return t||(t=r(),pe.set(e,t)),t}function Z(o,r,e){let t=r.join("-");return`${o}-${t}-${JSON.stringify(e)}`}var ve=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,fe=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,t)=>{if(e){let a=parseInt(e,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),we="%__lingui_octothorpe__%",Ne=(o,r,e={})=>{let t=r||o,a=n=>typeof n=="object"?n:e[n],i=(n,s)=>{let b=Object.keys(e).length?a("number"):void 0,f=ae(t,n,b);return s.replace(new RegExp(we,"g"),f)};return{plural:(n,s)=>{let{offset:b=0}=s,f=me(t,!1,n,s);return i(n-b,f)},selectordinal:(n,s)=>{let{offset:b=0}=s,f=me(t,!0,n,s);return i(n-b,f)},select:Ae,number:(n,s)=>ae(t,n,a(s)||{style:s}),date:(n,s)=>le(t,n,a(s)||s),time:(n,s)=>Pe(t,n,a(s)||s)}},Ae=(o,r)=>r[o]??r.other;function Le(o,r,e){return(t={},a)=>{let i=Ne(r,e,a),n=(b,f=!1)=>Array.isArray(b)?b.reduce((F,y)=>{if(y==="#"&&f)return F+we;if(N(y))return F+y;let[$,x,z]=y,M={};x==="plural"||x==="selectordinal"||x==="select"?Object.entries(z).forEach(([_,Y])=>{M[_]=n(Y,x==="plural"||x==="selectordinal")}):M=z;let k;if(x){let _=i[x];k=_(t[$],M)}else k=t[$];return k==null?F:F+k},""):b,s=n(o);return N(s)&&ve.test(s)?fe(s):N(s)?s:s?String(s):""}}var De=Object.defineProperty,Te=(o,r,e)=>r in o?De(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,je=(o,r,e)=>(Te(o,typeof r!="symbol"?r+"":r,e),e),ie=class{constructor(){je(this,"_events",{})}on(r,e){var t;return(t=this._events)[r]??(t[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let t=this._getListeners(r);if(!t)return;let a=t.indexOf(e);~a&&t.splice(a,1)}emit(r,...e){let t=this._getListeners(r);t&&t.map(a=>a.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Ye=Object.defineProperty,Ie=(o,r,e)=>r in o?Ye(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,L=(o,r,e)=>(Ie(o,typeof r!="symbol"?r+"":r,e),e),se=class extends ie{constructor(r){super(),L(this,"_locale",""),L(this,"_locales"),L(this,"_localeData",{}),L(this,"_messages",{}),L(this,"_missing"),L(this,"_messageCompiler"),L(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??ge,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 t=this._localeData[r];t?Object.assign(t,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(t=>this._loadLocaleData(t,r[t])),this.emit("change")}_load(r,e){let t=this._messages[r];t?Object.assign(t,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:t}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=t,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,t){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 a=t?.message;r||(r=""),N(r)||(e=r.values||e,a=r.message,r=r.id);let i=this.messages[r],n=i===void 0,s=this._missing;if(s&&n)return Se(s)?s(this._locale,r):s;n&&this.emit("missing",{id:r,locale:this._locale});let b=i||a||r;return N(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
2
2
 
3
- > ${c}
3
+ > ${b}
4
4
 
5
5
  That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
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
- `)),A(c)&&ve.test(c)?fe(c):A(c)?c:De(c,this._locale,this._locales)(e,t==null?void 0:t.formats)}date(r,e){return le(this._locales||this._locale,r,e)}number(r,e){return ae(this._locales||this._locale,r,e)}};function Re(o={}){return new se(o)}var C=Re();var u=function(o,r,e,t){if(e==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?o!==r||!t:!r.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?t:e==="a"?t.call(o):t?t.value:r.get(o)},v=function(o,r,e,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?o!==r||!a:!r.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,e):a?a.value=e:r.set(o,e),e};function xe(o){var r,e,t,a,i,n,s,c,f,E,F,M,k,y,_,x,S,V,J;class Ve extends o{constructor(...l){var h,g,w;super(...l),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),t.set(this,!1),a.set(this,!1),i.set(this,void 0),n.set(this,void 0),s.set(this,!0),f.set(this,""),E.set(this,()=>{v(this,a,!0,"f"),v(this,e,!0,"f"),u(this,r,"m",x).call(this)}),F.set(this,()=>{v(this,e,!1,"f"),u(this,r,"m",S).call(this,this.shouldFormValueUpdate()?u(this,f,"f"):""),!this.validity.valid&&u(this,a,"f")&&v(this,t,!0,"f");let P=u(this,r,"m",x).call(this);this.validationMessageCallback&&this.validationMessageCallback(P?this.internals.validationMessage:"")}),M.set(this,()=>{var P;u(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),v(this,s,!1,"f")),v(this,a,!0,"f"),v(this,t,!0,"f"),u(this,r,"m",x).call(this),(P=this===null||this===void 0?void 0:this.validationMessageCallback)===null||P===void 0||P.call(this,this.showError?this.internals.validationMessage:"")}),k.set(this,void 0),y.set(this,!1),_.set(this,Promise.resolve()),(h=this.addEventListener)===null||h===void 0||h.call(this,"focus",u(this,E,"f")),(g=this.addEventListener)===null||g===void 0||g.call(this,"blur",u(this,F,"f")),(w=this.addEventListener)===null||w===void 0||w.call(this,"invalid",u(this,M,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let l=this.validators.map(w=>w.attribute).flat(),h=super.observedAttributes||[];return[...new Set([...h,...l])]}static getValidator(l){return this.validators.find(h=>h.attribute===l)||null}static getValidators(l){return this.validators.filter(h=>{var g;if(h.attribute===l||!((g=h.attribute)===null||g===void 0)&&g.includes(l))return!0})}get form(){return this.internals.form}get showError(){return u(this,r,"m",x).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,h,g){var w;(w=super.attributeChangedCallback)===null||w===void 0||w.call(this,l,h,g);let X=this.constructor.getValidators(l);X!=null&&X.length&&this.validationTarget&&this.setValue(u(this,f,"f"))}setValue(l){var h;v(this,t,!1,"f"),(h=this.validationMessageCallback)===null||h===void 0||h.call(this,""),v(this,f,l,"f");let w=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(w),u(this,r,"m",S).call(this,w),this.valueChangedCallback&&this.valueChangedCallback(w),u(this,r,"m",x).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(u(this,_,"f")))}formResetCallback(){var l,h;v(this,a,!1,"f"),v(this,t,!1,"f"),u(this,r,"m",x).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(h=this.validationMessageCallback)===null||h===void 0||h.call(this,u(this,r,"m",x).call(this)?this.validationMessage:"")}}return e=new WeakMap,t=new WeakMap,a=new WeakMap,i=new WeakMap,n=new WeakMap,s=new WeakMap,f=new WeakMap,E=new WeakMap,F=new WeakMap,M=new WeakMap,k=new WeakMap,y=new WeakMap,_=new WeakMap,r=new WeakSet,c=function(){let l=this.getRootNode(),h=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(h)},x=function(){if(this.hasAttribute("disabled"))return!1;let l=u(this,t,"f")||u(this,a,"f")&&!this.validity.valid&&!u(this,e,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},S=function(l){let h=this.constructor,g={},w=h.validators,P=[],X=w.some(z=>z.isValid instanceof Promise);u(this,y,"f")||(v(this,_,new Promise(z=>{v(this,k,z,"f")}),"f"),v(this,y,!0,"f")),u(this,i,"f")&&(u(this,i,"f").abort(),v(this,n,u(this,i,"f"),"f"));let R=new AbortController;v(this,i,R,"f");let O,ue=!1;w.length&&(w.forEach(z=>{let Q=z.key||"customError",j=z.isValid(this,l,R.signal);j instanceof Promise?(P.push(j),j.then(W=>{W!=null&&(g[Q]=!W,O=u(this,r,"m",J).call(this,z,l),u(this,r,"m",V).call(this,g,O))})):(g[Q]=!j,this.validity[Q]!==!j&&(ue=!0),!j&&!O&&(O=u(this,r,"m",J).call(this,z,l)))}),Promise.allSettled(P).then(()=>{var z;R!=null&&R.signal.aborted||(v(this,y,!1,"f"),(z=u(this,k,"f"))===null||z===void 0||z.call(this))}),(ue||!X)&&u(this,r,"m",V).call(this,g,O))},V=function(l,h){if(this.validationTarget)this.internals.setValidity(l,h,this.validationTarget),v(this,s,!1,"f");else{if(this.internals.setValidity(l,h),this.internals.validity.valid)return;v(this,s,!0,"f")}},J=function(l,h){if(this.validityCallback){let g=this.validityCallback(l.key||"customError");if(g)return g}return l.message instanceof Function?l.message(this,h):l.message},Ve}import{html as q,LitElement as Ce,nothing as L}from"lit";import{property as $,query as de,state as N}from"lit/decorators.js";import{classMap as Ue}from"lit/directives/class-map.js";import{ifDefined as K}from"lit/directives/if-defined.js";import{css as Oe}from"lit";var ke=Oe`*,: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}.hidden{display:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;import{css as ye}from"lit";var _e=ye`
9
+ `)),N(b)&&ve.test(b)?fe(b):N(b)?b:Le(b,this._locale,this._locales)(e,t?.formats)}date(r,e){return le(this._locales||this._locale,r,e)}number(r,e){return ae(this._locales||this._locale,r,e)}};function Xe(o={}){return new se(o)}var E=Xe();var h=function(o,r,e,t){if(e==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?o!==r||!t:!r.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?t:e==="a"?t.call(o):t?t.value:r.get(o)},v=function(o,r,e,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?o!==r||!a:!r.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,e):a?a.value=e:r.set(o,e),e};function xe(o){var r,e,t,a,i,n,s,b,f,F,y,$,x,z,M,k,_,Y,J;class Me extends o{constructor(...l){var c,g,w;super(...l),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),t.set(this,!1),a.set(this,!1),i.set(this,void 0),n.set(this,void 0),s.set(this,!0),f.set(this,""),F.set(this,()=>{v(this,a,!0,"f"),v(this,e,!0,"f"),h(this,r,"m",k).call(this)}),y.set(this,()=>{v(this,e,!1,"f"),h(this,r,"m",_).call(this,this.shouldFormValueUpdate()?h(this,f,"f"):""),!this.validity.valid&&h(this,a,"f")&&v(this,t,!0,"f");let S=h(this,r,"m",k).call(this);this.validationMessageCallback&&this.validationMessageCallback(S?this.internals.validationMessage:"")}),$.set(this,()=>{var S;h(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),v(this,s,!1,"f")),v(this,a,!0,"f"),v(this,t,!0,"f"),h(this,r,"m",k).call(this),(S=this===null||this===void 0?void 0:this.validationMessageCallback)===null||S===void 0||S.call(this,this.showError?this.internals.validationMessage:"")}),x.set(this,void 0),z.set(this,!1),M.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,F,"f")),(g=this.addEventListener)===null||g===void 0||g.call(this,"blur",h(this,y,"f")),(w=this.addEventListener)===null||w===void 0||w.call(this,"invalid",h(this,$,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let l=this.validators.map(w=>w.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...l])]}static getValidator(l){return this.validators.find(c=>c.attribute===l)||null}static getValidators(l){return this.validators.filter(c=>{var g;if(c.attribute===l||!((g=c.attribute)===null||g===void 0)&&g.includes(l))return!0})}get form(){return this.internals.form}get showError(){return h(this,r,"m",k).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,c,g){var w;(w=super.attributeChangedCallback)===null||w===void 0||w.call(this,l,c,g);let X=this.constructor.getValidators(l);X?.length&&this.validationTarget&&this.setValue(h(this,f,"f"))}setValue(l){var c;v(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),v(this,f,l,"f");let w=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(w),h(this,r,"m",_).call(this,w),this.valueChangedCallback&&this.valueChangedCallback(w),h(this,r,"m",k).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(h(this,M,"f")))}formResetCallback(){var l,c;v(this,a,!1,"f"),v(this,t,!1,"f"),h(this,r,"m",k).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,r,"m",k).call(this)?this.validationMessage:"")}}return e=new WeakMap,t=new WeakMap,a=new WeakMap,i=new WeakMap,n=new WeakMap,s=new WeakMap,f=new WeakMap,F=new WeakMap,y=new WeakMap,$=new WeakMap,x=new WeakMap,z=new WeakMap,M=new WeakMap,r=new WeakSet,b=function(){let l=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(c)},k=function(){if(this.hasAttribute("disabled"))return!1;let l=h(this,t,"f")||h(this,a,"f")&&!this.validity.valid&&!h(this,e,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},_=function(l){let c=this.constructor,g={},w=c.validators,S=[],X=w.some(C=>C.isValid instanceof Promise);h(this,z,"f")||(v(this,M,new Promise(C=>{v(this,x,C,"f")}),"f"),v(this,z,!0,"f")),h(this,i,"f")&&(h(this,i,"f").abort(),v(this,n,h(this,i,"f"),"f"));let R=new AbortController;v(this,i,R,"f");let O,ue=!1;w.length&&(w.forEach(C=>{let Q=C.key||"customError",T=C.isValid(this,l,R.signal);T instanceof Promise?(S.push(T),T.then(W=>{W!=null&&(g[Q]=!W,O=h(this,r,"m",J).call(this,C,l),h(this,r,"m",Y).call(this,g,O))})):(g[Q]=!T,this.validity[Q]!==!T&&(ue=!0),!T&&!O&&(O=h(this,r,"m",J).call(this,C,l)))}),Promise.allSettled(S).then(()=>{var C;R?.signal.aborted||(v(this,z,!1,"f"),(C=h(this,x,"f"))===null||C===void 0||C.call(this))}),(ue||!X)&&h(this,r,"m",Y).call(this,g,O))},Y=function(l,c){if(this.validationTarget)this.internals.setValidity(l,c,this.validationTarget),v(this,s,!1,"f");else{if(this.internals.setValidity(l,c),this.internals.validity.valid)return;v(this,s,!0,"f")}},J=function(l,c){if(this.validityCallback){let g=this.validityCallback(l.key||"customError");if(g)return g}return l.message instanceof Function?l.message(this,c):l.message},Me}import{html as q,LitElement as Ce,nothing as A}from"lit";import{property as V,query as de,state as P}from"lit/decorators.js";import{classMap as qe}from"lit/directives/class-map.js";import{ifDefined as K}from"lit/directives/if-defined.js";import{css as Re}from"lit";var ke=Re`*,: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}.hidden{display:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;import{css as ye}from"lit";var _e=ye`
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
- `,We=ye`*, :before, :after {
282
+ `,Qe=ye`*, :before, :after {
283
283
  --w-rotate: 0;
284
284
  --w-rotate-x: 0;
285
285
  --w-rotate-y: 0;
@@ -2445,7 +2445,7 @@ Please compile your catalog first.
2445
2445
  display: none
2446
2446
  }
2447
2447
  }
2448
- `;import{css as qe}from"lit";var ze=qe`
2448
+ `;import{css as Oe}from"lit";var ze=Oe`
2449
2449
  .w-slider-thumb {
2450
2450
  position: relative;
2451
2451
  display: grid;
@@ -2636,7 +2636,7 @@ Please compile your catalog first.
2636
2636
  w-textfield {
2637
2637
  --w-textfield-placeholder-color-text: var(--w-s-color-text);
2638
2638
  }
2639
- `;var Ee={};var T,d,B,G,ce,Y,U,he,Fe,Me,b=class extends xe(Ce){constructor(){super(...arguments);te(this,d);this.disabled=!1;this.invalid=!1;this.openEnded=!1;this.suffix="";this._showTooltip=!1;this._inputHasFocus=!1;this._hiddenTextfield=!1;te(this,T,null);this.anchorPositioningStyleElement=null}resetFormControl(){this.value=re(this,T),this.dispatchEvent(new CustomEvent("thumbreset",{bubbles:!0}))}async updateFieldAfterValidation(){let e=this.shadowRoot.querySelector("w-textfield");await m(this,d,U).call(this,e.value,!0)}async connectedCallback(){if(super.connectedCallback(),oe(this,T,this.value),this.setValue(this.value),this.slot&&!this.ariaDescription&&(this.slot==="from"?this.ariaDescription=C.t({id:"slider.label.from",comment:"Accessible label for the 'from value' input field in a range slider",message:"From"}):this.slot==="to"&&(this.ariaDescription=C.t({id:"slider.label.to",comment:"Accessible label for the 'to value' input field in a range slider",message:"To"}))),"anchorName"in document.documentElement.style)await this.updateComplete;else{let a=Ee.url.substring(0,Ee.url.lastIndexOf("/"));try{let[{default:i}]=await Promise.all([import(`${a}/oddbird-css-anchor-positioning.js`),this.updateComplete]);this.anchorPositioningStyleElement||(this.anchorPositioningStyleElement=document.createElement("style"),this.shadowRoot.prepend(this.anchorPositioningStyleElement)),this.anchorPositioningStyleElement.textContent=`
2639
+ `;var D,d,B,G,ce,j,U,he,Ee,Fe,u=class extends xe(Ce){constructor(){super(...arguments);te(this,d);this.disabled=!1;this.invalid=!1;this.openEnded=!1;this.suffix="";this._showTooltip=!1;this._inputHasFocus=!1;this._hiddenTextfield=!1;te(this,D,null);this.anchorPositioningStyleElement=null}resetFormControl(){this.value=re(this,D),this.dispatchEvent(new CustomEvent("thumbreset",{bubbles:!0}))}async updateFieldAfterValidation(){let e=this.shadowRoot.querySelector("w-textfield");await m(this,d,U).call(this,e.value,!0)}async connectedCallback(){if(super.connectedCallback(),oe(this,D,this.value),this.setValue(this.value),this.slot&&!this.ariaDescription&&(this.slot==="from"?this.ariaDescription=E.t({id:"slider.label.from",comment:"Accessible label for the 'from value' input field in a range slider",message:"From"}):this.slot==="to"&&(this.ariaDescription=E.t({id:"slider.label.to",comment:"Accessible label for the 'to value' input field in a range slider",message:"To"}))),"anchorName"in document.documentElement.style)await this.updateComplete;else{let a=import.meta.url.substring(0,import.meta.url.lastIndexOf("/"));try{let[{default:i}]=await Promise.all([import(`${a}/oddbird-css-anchor-positioning.js`),this.updateComplete]);this.anchorPositioningStyleElement||(this.anchorPositioningStyleElement=document.createElement("style"),this.shadowRoot.prepend(this.anchorPositioningStyleElement)),this.anchorPositioningStyleElement.textContent=`
2640
2640
  /*
2641
2641
  * The polyfill can only anchor to ::before and ::after pseudo elements, not the pseudo element slider thumb.
2642
2642
  * We work around that by recreating a transparent version of the active range
@@ -2685,9 +2685,9 @@ Please compile your catalog first.
2685
2685
  left: anchor(--polyfilled-thumb left);
2686
2686
  margin-left: 38px;
2687
2687
  }
2688
- `,await i({roots:[this.shadowRoot],elements:[this.anchorPositioningStyleElement]})}catch(i){console.error(new Error("Error registering the CSS anchor positioning polyfill. The UI will look broken.",{cause:i}))}}let e=window.navigator.userAgent;/WebKit/.test(e)&&!/Chrome/.test(e)&&this.tooltipTarget&&this.tooltipTarget.style.setProperty("--transform-offset","var(--w-slider-thumb-size, 28px)"),m(this,d,ce).call(this)}get boundaryValue(){return this.slot==="from"?this.min:this.max}get textFieldDisplayValue(){var e;return this._inputHasFocus?this.value!==""?this.value:(e=this.range)!=null&&e.value?Math.min(Math.max(Number(this.range.value),Number(this.min)+1),Number(this.max)-1).toString():"":this.value}get tooltipDisplayValue(){var t,a;let e=0;return this.tooltipFormatter?e=this.tooltipFormatter(this.value,this.slot):this.valueFormatter?e=this.valueFormatter(this.value,this.slot):this.value===""?e=(a=(t=this.range)==null?void 0:t.value)!=null?a:this.boundaryValue:e=this.value||0,e}get ariaDescriptionText(){let e="",t=this.ariaDescription||"",a=this.value==="";return this.openEnded&&a&&(e=this.slot==="from"?C.t({id:"slider.placeholder.from",message:"Min"}):C.t({id:"slider.placeholder.to",message:"Max"})),e?`${e}, ${t}`:t}updated(e){e.has("openEnded")&&this.openEnded&&!this.placeholder&&(this.slot==="to"||this.slot===""?this.placeholder=C.t({id:"slider.placeholder.to",message:"Max",comment:"Max as in short for Maximum"}):this.slot==="from"&&(this.placeholder=C.t({id:"slider.placeholder.from",message:"Min",comment:"Min as in short for Minimum"}))),e.has("value")&&(typeof re(this,T)=="undefined"&&typeof this.value!="undefined"&&oe(this,T,this.value),this.setValue(this.value),m(this,d,ce).call(this))}render(){var t,a,i,n;let e=this.placeholder&&!this.value;return q`
2688
+ `,await i({roots:[this.shadowRoot],elements:[this.anchorPositioningStyleElement]})}catch(i){console.error(new Error("Error registering the CSS anchor positioning polyfill. The UI will look broken.",{cause:i}))}}let e=window.navigator.userAgent;/WebKit/.test(e)&&!/Chrome/.test(e)&&this.tooltipTarget&&this.tooltipTarget.style.setProperty("--transform-offset","var(--w-slider-thumb-size, 28px)"),m(this,d,ce).call(this)}get boundaryValue(){return this.slot==="from"?this.min:this.max}get textFieldDisplayValue(){return this._inputHasFocus?this.value!==""?this.value:this.range?.value?Math.min(Math.max(Number(this.range.value),Number(this.min)+1),Number(this.max)-1).toString():"":this.value}get tooltipDisplayValue(){let e=0;return this.tooltipFormatter?e=this.tooltipFormatter(this.value,this.slot):this.valueFormatter?e=this.valueFormatter(this.value,this.slot):this.value===""?e=this.range?.value??this.boundaryValue:e=this.value||0,e}get ariaDescriptionText(){let e="",t=this.ariaDescription||"",a=this.value==="";return this.openEnded&&a&&(e=this.slot==="from"?E.t({id:"slider.placeholder.from",message:"Min"}):E.t({id:"slider.placeholder.to",message:"Max"})),e?`${e}, ${t}`:t}updated(e){if(e.has("openEnded")&&this.openEnded&&!this.placeholder&&(this.slot==="to"||this.slot===""?this.placeholder=E.t({id:"slider.placeholder.to",message:"Max",comment:"Max as in short for Maximum"}):this.slot==="from"&&(this.placeholder=E.t({id:"slider.placeholder.from",message:"Min",comment:"Min as in short for Minimum"}))),e.has("value")){typeof re(this,D)>"u"&&typeof this.value<"u"&&oe(this,D,this.value),this.setValue(this.value),m(this,d,ce).call(this);let t=e.get("value");this.value===""&&t&&this.dispatchEvent(new CustomEvent("thumbreset",{bubbles:!0}))}}render(){let e=this.placeholder&&!this.value;return q`
2689
2689
  <div class="w-slider-thumb">
2690
- ${"anchorName"in document.documentElement.style?L:q`<div class="polyfill-range">
2690
+ ${"anchorName"in document.documentElement.style?A:q`<div class="polyfill-range">
2691
2691
  <div class="polyfill-active-range"></div>
2692
2692
  </div>`}
2693
2693
  <input
@@ -2708,13 +2708,13 @@ Please compile your catalog first.
2708
2708
  @focus="${m(this,d,B)}"
2709
2709
  @blur="${m(this,d,G)}"
2710
2710
  @input="${m(this,d,he)}"
2711
- @keydown="${m(this,d,Fe)}"
2711
+ @keydown="${m(this,d,Ee)}"
2712
2712
  />
2713
2713
 
2714
2714
  ${this.slot==="from"||!this.slot?q`
2715
2715
  <span class="sr-only">
2716
- ${C.t({id:"slider.label.from",message:"From"})+" "+(this.labelFormatter?this.labelFormatter("from"):this.min)+", "+C.t({id:"slider.label.to",message:"To"})+" "+(this.labelFormatter?this.labelFormatter("to"):this.max)}
2717
- </span>`:L}
2716
+ ${E.t({id:"slider.label.from",message:"From"})+" "+(this.labelFormatter?this.labelFormatter("from"):this.min)+", "+E.t({id:"slider.label.to",message:"To"})+" "+(this.labelFormatter?this.labelFormatter("to"):this.max)}
2717
+ </span>`:A}
2718
2718
 
2719
2719
  <span
2720
2720
  aria-hidden="true"
@@ -2732,21 +2732,21 @@ Please compile your catalog first.
2732
2732
  <w-textfield
2733
2733
  aria-label="${this.ariaLabel}"
2734
2734
  aria-description="${K(this.ariaDescriptionText)}"
2735
- class="${Ue({"w-slider-thumb__textfield":!0,"sr-only":this._hiddenTextfield})}"
2735
+ class="${qe({"w-slider-thumb__textfield":!0,"sr-only":this._hiddenTextfield})}"
2736
2736
  type="number"
2737
- tabindex="${this._hiddenTextfield?-1:L}"
2737
+ tabindex="${this._hiddenTextfield?-1:A}"
2738
2738
  placeholder="${this.placeholder}"
2739
2739
  .value="${this.textFieldDisplayValue}"
2740
- .formatter=${this.valueFormatter&&!e?s=>this.valueFormatter(s,this.slot):L}
2741
- min="${this.openEnded?L:this.min}"
2742
- max="${this.openEnded?L:this.max}"
2740
+ .formatter=${this.valueFormatter&&!e?t=>this.valueFormatter(t,this.slot):A}
2741
+ min="${this.openEnded?A:this.min}"
2742
+ max="${this.openEnded?A:this.max}"
2743
2743
  step="${K(this.step)}"
2744
2744
  ?invalid="${!!this.invalid}"
2745
2745
  @input="${m(this,d,he)}"
2746
- @keydown="${m(this,d,Me)}"
2746
+ @keydown="${m(this,d,Fe)}"
2747
2747
  ?disabled="${this.disabled}"
2748
2748
  >
2749
- ${(t=this.suffix)!=null&&t?q`<w-affix slot="suffix" label="${(a=this.suffix)!=null?a:""}"></w-affix>`:L}
2749
+ ${this.suffix??""?q`<w-affix slot="suffix" label="${this.suffix??""}"></w-affix>`:A}
2750
2750
  </w-textfield>
2751
2751
  <w-attention
2752
2752
  tooltip
@@ -2761,7 +2761,7 @@ Please compile your catalog first.
2761
2761
  slot="target"
2762
2762
  ></output>
2763
2763
  <span slot="message">
2764
- ${this.tooltipDisplayValue}${(i=this.suffix)!=null&&i?q`&nbsp;${(n=this.suffix)!=null?n:""}`:L}
2764
+ ${this.tooltipDisplayValue}${this.suffix??""?q`&nbsp;${this.suffix??""}`:A}
2765
2765
  </span>
2766
2766
  </w-attention>
2767
2767
 
@@ -2770,5 +2770,5 @@ Please compile your catalog first.
2770
2770
  ${this.ariaDescriptionText}
2771
2771
  </span>
2772
2772
  </div>
2773
- `}};T=new WeakMap,d=new WeakSet,B=function(){this._showTooltip=!0,this.shadowRoot.querySelector("w-attention").handleDone()},G=function(){this._showTooltip=!1},ce=function(){this.range&&(this.value===""?this.range.value=this.boundaryValue:this.value&&(this.range.value=this.value))},Y=function(e){this.dispatchEvent(new CustomEvent("slidervalidity",{bubbles:!0,detail:{invalid:e,slot:this.slot}}))},U=async function(e,t){var E;let a=(E=this.suffix)!=null?E:"",i=Number.parseInt(e);if(this.openEnded&&!t&&this.step&&!(this.slot==="to"&&i>=Number(this.max)-1||this.slot==="from"&&i<=Number(this.min)+1)){let M=1/this.step;i=Math.round(i*M)/M,e=i.toString()}let n=Number.parseInt(this.max),s=Number.parseInt(this.min);if(!this.openEnded&&(i>n||i<s))return m(this,d,Y).call(this,C.t({id:"slider.error.out_of_bounds",message:"Value must be between {min} and {max}",values:{min:`${this.min} ${a}`.trim(),max:`${this.max} ${a}`.trim()}})),{shouldCancel:!0};e===""&&this.required&&m(this,d,Y).call(this,C.t({id:"slider.error.required",message:"This field is required"})),this.value=e;let c=e===this.max||e===this.min,f=!1;if(this.slot){let F=this.parentElement.querySelector('w-slider-thumb[slot="to"]'),M=this.parentElement.querySelector('w-slider-thumb[slot="from"]'),k=F.textfield.value||this.max,y=M.textfield.value||this.min,_=Number.parseInt(k),x=Number.parseInt(y),S=C.t({id:"slider.error.overlap",message:"The maximum value cannot be less than the minimum"});if(this.slot==="from"){let V=this.openEnded&&_>n?_:Math.min(_,this.openEnded?n-1:n);i>V&&(f=!0,this.openEnded&&c?this.value=String(V):this.value=k,t&&(m(this,d,Y).call(this,S),await this.updateComplete,this.textfield.value=e))}else{let V=this.openEnded&&x<s?x:Math.max(Number.parseInt(y),this.openEnded?s+1:s);i<V&&(f=!0,this.openEnded&&c?this.value=String(V):this.value=y,t&&(m(this,d,Y).call(this,S),await this.updateComplete,this.textfield.value=e))}}return f?{shouldCancel:!0}:(m(this,d,Y).call(this,""),this.range.value=Math.min(Math.max(Number(e),Number(this.min)),Number(this.max)).toString(),this.value=this.openEnded&&!t&&c?"":e,this.shadowRoot.querySelector("w-attention").handleDone(),{shouldCancel:!1})},he=async function(e){let t=e.currentTarget.tagName==="W-TEXTFIELD";if(e instanceof CustomEvent)return;let a=e.currentTarget.value;return(await m(this,d,U).call(this,a,t)).shouldCancel?(e.preventDefault(),!1):!0},Fe=async function(e){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}if(!this.openEnded||e.key!=="ArrowLeft"&&e.key!=="ArrowRight")return;let t=Number(this.range.value),a=this.step||1,i;e.key==="ArrowLeft"?i=t-a:i=t+a,i=Math.min(Math.max(i,Number(this.min)),Number(this.max)),(await m(this,d,U).call(this,i.toString(),!1)).shouldCancel&&e.preventDefault()},Me=async function(e){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}if(this.textfield.value)return;let t="";this.slot==="from"?e.key==="ArrowUp"?t=String(Number(this.min)+1)||"1":e.key==="ArrowDown"&&(t=String(Number(this.min))||"0"):e.key==="ArrowUp"?t=String(Number(this.max))||"100":e.key==="ArrowDown"&&(t=String(Number(this.max)-1)||"99"),t&&(e.preventDefault(),await m(this,d,U).call(this,t,!0))},b.shadowRootOptions={...Ce.shadowRootOptions,delegatesFocus:!0},b.styles=[_e,ke,ze],p([$({attribute:"aria-label"})],b.prototype,"ariaLabel",2),p([$({attribute:"aria-description"})],b.prototype,"ariaDescription",2),p([$({reflect:!0})],b.prototype,"name",2),p([$({reflect:!0})],b.prototype,"value",2),p([$({type:Boolean,reflect:!0})],b.prototype,"disabled",2),p([$({type:Boolean,reflect:!0})],b.prototype,"invalid",2),p([$({attribute:!1,reflect:!1})],b.prototype,"openEnded",2),p([$({reflect:!0})],b.prototype,"placeholder",2),p([N()],b.prototype,"markers",2),p([N()],b.prototype,"required",2),p([N()],b.prototype,"step",2),p([N()],b.prototype,"min",2),p([N()],b.prototype,"max",2),p([N()],b.prototype,"suffix",2),p([$({attribute:!1})],b.prototype,"valueFormatter",2),p([$({attribute:!1})],b.prototype,"tooltipFormatter",2),p([$({attribute:!1})],b.prototype,"labelFormatter",2),p([de('input[type="range"]')],b.prototype,"range",2),p([de(".w-slider-thumb__tooltip-target")],b.prototype,"tooltipTarget",2),p([de("w-textfield")],b.prototype,"textfield",2),p([N()],b.prototype,"_showTooltip",2),p([N()],b.prototype,"_inputHasFocus",2),p([N()],b.prototype,"_hiddenTextfield",2);customElements.get("w-slider-thumb")||customElements.define("w-slider-thumb",b);export{b as WarpSliderThumb};
2773
+ `}};D=new WeakMap,d=new WeakSet,B=function(){this._showTooltip=!0,this.shadowRoot.querySelector("w-attention").handleDone()},G=function(){this._showTooltip=!1},ce=function(){this.range&&(this.value===""?this.range.value=this.boundaryValue:this.value&&(this.range.value=this.value))},j=function(e){this.dispatchEvent(new CustomEvent("slidervalidity",{bubbles:!0,detail:{invalid:e,slot:this.slot}}))},U=async function(e,t){let a=this.suffix??"",i=Number.parseInt(e);if(this.openEnded&&!t&&this.step&&!(this.slot==="to"&&i>=Number(this.max)-1||this.slot==="from"&&i<=Number(this.min)+1)){let y=1/this.step;i=Math.round(i*y)/y,e=i.toString()}let n=Number.parseInt(this.max),s=Number.parseInt(this.min);if(!this.openEnded&&(i>n||i<s))return m(this,d,j).call(this,E.t({id:"slider.error.out_of_bounds",message:"Value must be between {min} and {max}",values:{min:`${this.min} ${a}`.trim(),max:`${this.max} ${a}`.trim()}})),{shouldCancel:!0};e===""&&this.required&&m(this,d,j).call(this,E.t({id:"slider.error.required",message:"This field is required"})),this.value=e;let b=e===this.max||e===this.min,f=!1;if(this.slot){let F=this.parentElement.querySelector('w-slider-thumb[slot="to"]'),y=this.parentElement.querySelector('w-slider-thumb[slot="from"]'),$=F.textfield.value||this.max,x=y.textfield.value||this.min,z=Number.parseInt($),M=Number.parseInt(x),k=E.t({id:"slider.error.overlap",message:"The maximum value cannot be less than the minimum"});if(this.slot==="from"){let _=this.openEnded&&z>n?z:Math.min(z,this.openEnded?n-1:n);i>_&&(f=!0,this.openEnded&&b?this.value=String(_):this.value=$,t&&(m(this,d,j).call(this,k),await this.updateComplete,this.textfield.value=e))}else{let _=this.openEnded&&M<s?M:Math.max(Number.parseInt(x),this.openEnded?s+1:s);i<_&&(f=!0,this.openEnded&&b?this.value=String(_):this.value=x,t&&(m(this,d,j).call(this,k),await this.updateComplete,this.textfield.value=e))}}return f?{shouldCancel:!0}:(m(this,d,j).call(this,""),this.range.value=Math.min(Math.max(Number(e),Number(this.min)),Number(this.max)).toString(),this.value=this.openEnded&&!t&&b?"":e,this.shadowRoot.querySelector("w-attention").handleDone(),{shouldCancel:!1})},he=async function(e){let t=e.currentTarget.tagName==="W-TEXTFIELD";if(e instanceof CustomEvent)return;let a=e.currentTarget.value;return(await m(this,d,U).call(this,a,t)).shouldCancel?(e.preventDefault(),!1):!0},Ee=async function(e){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}if(!this.openEnded||e.key!=="ArrowLeft"&&e.key!=="ArrowRight")return;let t=Number(this.range.value),a=this.step||1,i;e.key==="ArrowLeft"?i=t-a:i=t+a,i=Math.min(Math.max(i,Number(this.min)),Number(this.max)),(await m(this,d,U).call(this,i.toString(),!1)).shouldCancel&&e.preventDefault()},Fe=async function(e){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}if(this.textfield.value)return;let t="";this.slot==="from"?e.key==="ArrowUp"?t=String(Number(this.min)+1)||"1":e.key==="ArrowDown"&&(t=String(Number(this.min))||"0"):e.key==="ArrowUp"?t=String(Number(this.max))||"100":e.key==="ArrowDown"&&(t=String(Number(this.max)-1)||"99"),t&&(e.preventDefault(),await m(this,d,U).call(this,t,!0))},u.shadowRootOptions={...Ce.shadowRootOptions,delegatesFocus:!0},u.styles=[_e,ke,ze],p([V({attribute:"aria-label"})],u.prototype,"ariaLabel",2),p([V({attribute:"aria-description"})],u.prototype,"ariaDescription",2),p([V({reflect:!0})],u.prototype,"name",2),p([V({reflect:!0})],u.prototype,"value",2),p([V({type:Boolean,reflect:!0})],u.prototype,"disabled",2),p([V({type:Boolean,reflect:!0})],u.prototype,"invalid",2),p([V({attribute:!1,reflect:!1})],u.prototype,"openEnded",2),p([V({reflect:!0})],u.prototype,"placeholder",2),p([P()],u.prototype,"markers",2),p([P()],u.prototype,"required",2),p([P()],u.prototype,"step",2),p([P()],u.prototype,"min",2),p([P()],u.prototype,"max",2),p([P()],u.prototype,"suffix",2),p([V({attribute:!1})],u.prototype,"valueFormatter",2),p([V({attribute:!1})],u.prototype,"tooltipFormatter",2),p([V({attribute:!1})],u.prototype,"labelFormatter",2),p([de('input[type="range"]')],u.prototype,"range",2),p([de(".w-slider-thumb__tooltip-target")],u.prototype,"tooltipTarget",2),p([de("w-textfield")],u.prototype,"textfield",2),p([P()],u.prototype,"_showTooltip",2),p([P()],u.prototype,"_inputHasFocus",2),p([P()],u.prototype,"_hiddenTextfield",2);customElements.get("w-slider-thumb")||customElements.define("w-slider-thumb",u);export{u as WarpSliderThumb};
2774
2774
  //# sourceMappingURL=slider-thumb.js.map