@luzmo/lucero 1.0.3-alpha.8 → 2.0.0

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 (417) hide show
  1. package/components/accordion/index.cjs +1 -1
  2. package/components/accordion/index.js +2 -2
  3. package/components/{accordion-DC7cjb1c.js → accordion-BDchhAjE.js} +4 -4
  4. package/components/accordion-DpsYMoeb.cjs +43 -0
  5. package/components/action-bar/index.cjs +1 -1
  6. package/components/action-bar/index.js +2 -2
  7. package/components/{action-bar-Dn4IDXEF.js → action-bar-BhYEHEfo.js} +7 -7
  8. package/components/action-bar-VhZT8kQM.cjs +39 -0
  9. package/components/action-button/action-button.d.ts +12 -1
  10. package/components/action-button/index.cjs +1 -1
  11. package/components/action-button/index.d.ts +1 -1
  12. package/components/action-button/index.js +2 -2
  13. package/components/action-button-CWAg-5tz.cjs +22 -0
  14. package/components/{action-button-DC-ZFZTm.js → action-button-cULkUUi6.js} +8 -6
  15. package/components/action-group/index.cjs +1 -1
  16. package/components/action-group/index.js +2 -2
  17. package/components/{action-group-DYKpp-mz.js → action-group-BQ-fyPYS.js} +3 -3
  18. package/components/action-group-D1G30Iir.cjs +20 -0
  19. package/components/action-menu/index.cjs +1 -1
  20. package/components/action-menu/index.js +2 -2
  21. package/components/{action-menu-BlR6cLpi.js → action-menu-CkU-u55D.js} +21 -21
  22. package/components/{action-menu-C1C1Gx39.cjs → action-menu-DREgNCXt.cjs} +15 -15
  23. package/components/avatar/avatar.d.ts +17 -1
  24. package/components/avatar/index.cjs +1 -1
  25. package/components/avatar/index.js +2 -2
  26. package/components/avatar-Cu9c0sCS.cjs +34 -0
  27. package/components/avatar-Nb0368Wi.js +98 -0
  28. package/components/badge/badge.d.ts +1 -1
  29. package/components/badge/index.cjs +1 -1
  30. package/components/badge/index.js +2 -2
  31. package/components/badge-BzQfqgq6.cjs +23 -0
  32. package/components/badge-Dnkh-mfN.js +94 -0
  33. package/components/button/button-base.d.ts +1 -0
  34. package/components/button/button.d.ts +0 -1
  35. package/components/button/index.cjs +1 -1
  36. package/components/button/index.js +3 -3
  37. package/components/button-BJ0Y6wlM.cjs +20 -0
  38. package/components/{button-D1a4B85S.js → button-BtWr5Lag.js} +6 -6
  39. package/components/{button-base-CzTYjZND.js → button-base-DsUg0bJB.js} +26 -12
  40. package/components/{button-base-Dj2qQqwO.cjs → button-base-aTiE83bl.cjs} +3 -3
  41. package/components/button-group/index.cjs +1 -1
  42. package/components/button-group/index.js +2 -2
  43. package/components/button-group-6M8M-TUI.cjs +18 -0
  44. package/components/{button-group-BiQxYcQ2.js → button-group-DaANSInm.js} +2 -2
  45. package/components/calendar/index.cjs +1 -1
  46. package/components/calendar/index.js +2 -2
  47. package/components/{calendar-BNRjXf9B.js → calendar-CXjdC7jm.js} +5 -9
  48. package/components/calendar-DSlKZZCR.cjs +138 -0
  49. package/components/chat-message/chat-message.d.ts +0 -1
  50. package/components/chat-message/index.cjs +1 -1
  51. package/components/chat-message/index.js +2 -2
  52. package/components/chat-message-7cx2Bpo8.cjs +148 -0
  53. package/components/{chat-message-DJgocVNj.js → chat-message-CJ7Xk7tz.js} +757 -545
  54. package/components/chat-message-group/index.cjs +1 -1
  55. package/components/chat-message-group/index.js +2 -2
  56. package/components/chat-message-group-CzCwyW7F.cjs +24 -0
  57. package/components/{chat-message-group-B4U2MzHx.js → chat-message-group-D7vdn2gG.js} +2 -2
  58. package/components/checkbox/checkbox.d.ts +8 -1
  59. package/components/checkbox/index.cjs +1 -1
  60. package/components/checkbox/index.js +2 -2
  61. package/components/{checkbox-CPS-tR_i.js → checkbox-6YzkdHR4.js} +9 -5
  62. package/components/checkbox-DdatW4xE.cjs +25 -0
  63. package/components/{checkbox-mixin-C5sLMo5L.js → checkbox-mixin-jqmrh48O.js} +2 -2
  64. package/components/{checkbox-mixin-D4HeLrMj.cjs → checkbox-mixin-rFRXqyrK.cjs} +3 -3
  65. package/components/{close-button-MgaJT7yO.js → close-button-WomHVbgz.js} +4 -4
  66. package/components/close-button-hicleVjQ.cjs +18 -0
  67. package/components/color-area/index.cjs +1 -1
  68. package/components/color-area/index.js +2 -2
  69. package/components/{color-area-mWOctRNt.js → color-area-BRrtUbvH.js} +6 -6
  70. package/components/color-area-ayGmH8dj.cjs +80 -0
  71. package/components/color-controller-DbyPc33Y.cjs +18 -0
  72. package/components/color-field/index.cjs +1 -1
  73. package/components/color-field/index.js +2 -2
  74. package/components/{color-field-D7_7z2A2.cjs → color-field-BNGnBRSO.cjs} +2 -2
  75. package/components/{color-field-CxdIoSq6.js → color-field-CUdHxonc.js} +3 -3
  76. package/components/color-handle/index.cjs +1 -1
  77. package/components/color-handle/index.js +2 -2
  78. package/components/color-handle-DIoVrLRF.cjs +24 -0
  79. package/components/{color-handle-BOusOFFx.js → color-handle-TKbLs1ax.js} +2 -2
  80. package/components/color-loupe/index.cjs +1 -1
  81. package/components/color-loupe/index.js +2 -2
  82. package/components/{color-loupe-bEzi2P0y.js → color-loupe-DAxrNPJz.js} +2 -2
  83. package/components/color-loupe-sY1wOisV.cjs +56 -0
  84. package/components/color-menu/index.cjs +1 -1
  85. package/components/color-menu/index.js +2 -2
  86. package/components/color-menu-DOq9PAWG.cjs +89 -0
  87. package/components/{color-menu-Cryp_5Gh.js → color-menu-iKU6Vw8a.js} +24 -24
  88. package/components/color-palette/index.cjs +1 -1
  89. package/components/color-palette/index.js +2 -2
  90. package/components/color-palette-CidHsmE0.cjs +18 -0
  91. package/components/{color-palette-BAdaNySC.js → color-palette-FQyIMSwP.js} +3 -3
  92. package/components/color-palette-group/index.cjs +1 -1
  93. package/components/color-palette-group/index.js +2 -2
  94. package/components/color-palette-group-B4r4tPfY.cjs +28 -0
  95. package/components/{color-palette-group-D8Mavsd2.js → color-palette-group-o6bnF-Ir.js} +3 -3
  96. package/components/color-picker/index.cjs +1 -1
  97. package/components/color-picker/index.js +2 -2
  98. package/components/{color-picker-DgjqWiVd.js → color-picker-Bw5UKyME.js} +6 -6
  99. package/components/{color-picker-DL7rqWnW.cjs → color-picker-D3WFls0M.cjs} +2 -2
  100. package/components/color-slider/index.cjs +1 -1
  101. package/components/color-slider/index.js +2 -2
  102. package/components/color-slider-BiVpn9_U.cjs +57 -0
  103. package/components/{color-slider-ihAIFt5p.js → color-slider-BtPNTmQu.js} +6 -5
  104. package/components/{condition-attribute-with-id-DauPaLSS.cjs → condition-attribute-with-id-Cw92IbcP.cjs} +1 -1
  105. package/components/date-range-picker/index.cjs +1 -1
  106. package/components/date-range-picker/index.js +2 -2
  107. package/components/date-range-picker-DMq8EaiB.cjs +180 -0
  108. package/components/{date-range-picker-DocjwZKA.js → date-range-picker-DaHFLwQL.js} +13 -13
  109. package/components/date-time-picker/index.cjs +1 -1
  110. package/components/date-time-picker/index.js +2 -2
  111. package/components/date-time-picker-DdtcziBG.cjs +105 -0
  112. package/components/{date-time-picker-CPbIj4TN.js → date-time-picker-hjeFVUz9.js} +12 -12
  113. package/components/{decorate-aGxJUVxg.js → decorate-CkCg3wfh.js} +1 -1
  114. package/components/decorate-Dq34MBGe.cjs +18 -0
  115. package/components/{dependency-manger-CHy9t__e.cjs → dependency-manger-BSaHw9ju.cjs} +1 -1
  116. package/components/divider/index.cjs +1 -1
  117. package/components/divider/index.js +2 -2
  118. package/components/{divider-cU0lVwOp.js → divider-CGbT-CL8.js} +3 -3
  119. package/components/divider-wana0uPI.cjs +18 -0
  120. package/components/{divider.module-CL60P_z8.cjs → divider.module-BV6tmpOY.cjs} +1 -1
  121. package/components/{element-resolution-C0aiOB0Y.cjs → element-resolution-BjaAlqwX.cjs} +1 -1
  122. package/components/field-group/index.cjs +1 -1
  123. package/components/field-group/index.js +2 -2
  124. package/components/{field-group-C7ROsWq3.js → field-group-C_kRq7pJ.js} +2 -2
  125. package/components/{field-group-OcI5Lgu7.cjs → field-group-Dd5xYczm.cjs} +2 -2
  126. package/components/field-label/index.cjs +1 -1
  127. package/components/field-label/index.js +2 -2
  128. package/components/{field-label-CtGCEmdp.js → field-label-B9S41b7c.js} +5 -5
  129. package/components/field-label-C5vdJ1ys.cjs +25 -0
  130. package/components/focus-group-C8lOjbi9.cjs +18 -0
  131. package/components/{focus-group-BshI1RpM.js → focus-group-DVPa1zxz.js} +1 -1
  132. package/components/{focus-visible-CrooVCUu.js → focus-visible-Bt2uDmuM.js} +2 -2
  133. package/components/focus-visible-DNHNlrty.cjs +18 -0
  134. package/components/focusable-B6h03pAe.cjs +18 -0
  135. package/components/{focusable-BmS8IzhH.js → focusable-DuP0-Kuy.js} +2 -2
  136. package/components/{focusable-selectors-5n5liBn0.cjs → focusable-selectors-DJqGLTJo.cjs} +1 -1
  137. package/components/{get-label-from-slot-LO_DZP60.cjs → get-label-from-slot-TV4APBYs.cjs} +1 -1
  138. package/components/icon/index.cjs +1 -1
  139. package/components/icon/index.js +2 -2
  140. package/components/icon-CSqR-OOO.cjs +18 -0
  141. package/components/{icon-CwBAE1eU.js → icon-DB1DRieA.js} +5 -2
  142. package/components/index.cjs +1 -1
  143. package/components/index.js +71 -69
  144. package/components/infield-button/index.cjs +1 -1
  145. package/components/infield-button/index.js +2 -2
  146. package/components/{infield-button-BvKsbtKr.js → infield-button-BmGfFDDA.js} +3 -3
  147. package/components/infield-button-Cdee_UPX.cjs +22 -0
  148. package/components/label/index.cjs +1 -1
  149. package/components/label/index.js +2 -2
  150. package/components/{label-ClJE2esm.js → label-B1HYQ4Pp.js} +1 -1
  151. package/components/label-DPG13Ib0.cjs +18 -0
  152. package/components/{language-resolution-BYemISJC.cjs → language-resolution-BUeKpSce.cjs} +1 -1
  153. package/components/{like-anchor-BZJXts_H.cjs → like-anchor-BX4PSB3d.cjs} +2 -2
  154. package/components/{like-anchor-DeOXX-MX.js → like-anchor-DXCaEv7O.js} +1 -1
  155. package/components/{manage-help-text-CF0xBh0F.js → manage-help-text-ByLb0QYX.js} +13 -10
  156. package/components/{manage-help-text-D9VbYRf_.cjs → manage-help-text-DtFJsl0k.cjs} +3 -3
  157. package/components/menu/index.cjs +1 -1
  158. package/components/menu/index.js +2 -2
  159. package/components/menu/menu-item.d.ts +1 -1
  160. package/components/menu/menu.d.ts +12 -1
  161. package/components/{menu-Cdz2FEB7.js → menu-C9ogB7Bq.js} +82 -65
  162. package/components/menu-DXONqtwu.cjs +108 -0
  163. package/components/multi-language-field/index.cjs +1 -1
  164. package/components/multi-language-field/index.js +2 -2
  165. package/components/{multi-language-field-DmoMyCBH.cjs → multi-language-field-Cfy3M_ZS.cjs} +2 -2
  166. package/components/{multi-language-field-BzY75rOY.js → multi-language-field-DhQ98r2D.js} +4 -4
  167. package/components/notice/index.cjs +18 -0
  168. package/components/notice/index.d.ts +8 -0
  169. package/components/notice/index.js +25 -0
  170. package/components/notice/notice.d.ts +121 -0
  171. package/components/notice-BeL9oE94.js +218 -0
  172. package/components/notice-COZLmk94.cjs +60 -0
  173. package/components/number-field/index.cjs +1 -1
  174. package/components/number-field/index.js +2 -2
  175. package/components/number-field-D19qjVbk.cjs +57 -0
  176. package/components/{number-field-DrJURvoW.js → number-field-DjvWkjL8.js} +42 -42
  177. package/components/observe-slot-presence-CS8pMePk.cjs +18 -0
  178. package/components/observe-slot-text-CvL-2ey3.cjs +18 -0
  179. package/components/{observe-slot-text-Ddf1OC6F.js → observe-slot-text-Db8Kx3P-.js} +7 -7
  180. package/components/options/index.cjs +1 -1
  181. package/components/options/index.d.ts +5 -3
  182. package/components/options/index.js +2 -2
  183. package/components/options/option.d.ts +0 -1
  184. package/components/{options-BGwKMvng.js → options-C1MoEq26.js} +9 -9
  185. package/components/{options-CKi3VkNR.cjs → options-yWbz0D6O.cjs} +3 -3
  186. package/components/overlay/index.cjs +1 -1
  187. package/components/overlay/index.d.ts +3 -2
  188. package/components/overlay/index.js +4 -4
  189. package/components/overlay/overlay-trigger.d.ts +1 -1
  190. package/components/overlay-B-gaxspw.cjs +47 -0
  191. package/components/{overlay-BGI4wOGe.cjs → overlay-CPZvL0Ic.cjs} +2 -2
  192. package/components/{overlay-BbQuYBxp.js → overlay-CyBsHuOL.js} +20 -15
  193. package/components/{overlay-mdk7-NOt.js → overlay-DdIs4w5M.js} +3 -3
  194. package/components/{pending-state-DFcNf5rd.js → pending-state-BeG7qBDP.js} +1 -1
  195. package/components/{pending-state-DIeF18qg.cjs → pending-state-a527YMWV.cjs} +2 -2
  196. package/components/picker/index.cjs +1 -1
  197. package/components/picker/index.js +2 -2
  198. package/components/picker/picker.d.ts +1 -0
  199. package/components/{picker-DOiM_cUu.js → picker-Bufw-biD.js} +64 -66
  200. package/components/picker-D6ZM08K8.cjs +124 -0
  201. package/components/picker-button/index.cjs +1 -1
  202. package/components/picker-button/index.js +2 -2
  203. package/components/{picker-button-VAxzuhhg.js → picker-button-CF6yD_1d.js} +5 -5
  204. package/components/picker-button-Dh2gGZ8R.cjs +37 -0
  205. package/components/platform-BAjeJp2W.cjs +18 -0
  206. package/components/{platform-D4V_cOJF.js → platform-Ce9pNsR9.js} +2 -2
  207. package/components/popover/index.cjs +1 -1
  208. package/components/popover/index.js +2 -2
  209. package/components/{popover-DyC9xGhX.js → popover-DTsrgH-f.js} +4 -4
  210. package/components/popover-DWWYpY-k.cjs +30 -0
  211. package/components/progress-bar/index.cjs +1 -1
  212. package/components/progress-bar/index.js +2 -2
  213. package/components/{progress-bar-DHgFRml1.js → progress-bar-BJO8j1aX.js} +9 -6
  214. package/components/progress-bar-C7wJ5bxS.cjs +34 -0
  215. package/components/progress-circle/index.cjs +1 -1
  216. package/components/progress-circle/index.js +2 -2
  217. package/components/{progress-circle-Cg_ua9Ff.js → progress-circle-BVToDWX8.js} +3 -3
  218. package/components/progress-circle-DyApSKdm.cjs +33 -0
  219. package/components/progress-steps/index.cjs +1 -1
  220. package/components/progress-steps/index.js +2 -2
  221. package/components/progress-steps-Ba4VbAKR.cjs +96 -0
  222. package/components/{progress-steps-Da8aZWx3.js → progress-steps-nJ8Xw-nG.js} +10 -10
  223. package/components/prompt-box/controllers/attachments-controller.d.ts +1 -0
  224. package/components/prompt-box/index.cjs +1 -1
  225. package/components/prompt-box/index.d.ts +2 -1
  226. package/components/prompt-box/index.js +3 -3
  227. package/components/prompt-box/prompt-box-templates.d.ts +4 -0
  228. package/components/prompt-box/prompt-box.d.ts +33 -4
  229. package/components/prompt-box/types.d.ts +8 -0
  230. package/components/prompt-box-D358CWoY.cjs +314 -0
  231. package/components/{prompt-box-Bj0qIPOy.js → prompt-box-y7qWHF3P.js} +242 -186
  232. package/components/question-box/index.cjs +18 -0
  233. package/components/question-box/index.d.ts +11 -0
  234. package/components/question-box/index.js +25 -0
  235. package/components/question-box/question-box-elicitation.d.ts +58 -0
  236. package/components/question-box/question-box-model.d.ts +25 -0
  237. package/components/question-box/question-box-templates.d.ts +65 -0
  238. package/components/question-box/question-box.d.ts +182 -0
  239. package/components/question-box/types.d.ts +124 -0
  240. package/components/question-box-9F6Ppakl.js +1171 -0
  241. package/components/question-box-DaAgC3_D.cjs +401 -0
  242. package/components/radio/index.cjs +1 -1
  243. package/components/radio/index.js +2 -2
  244. package/components/radio/radio-group.d.ts +5 -1
  245. package/components/radio/radio.d.ts +7 -1
  246. package/components/{radio-BzEPGUmQ.js → radio-DRI4on-W.js} +30 -26
  247. package/components/radio-O3a1rmCe.cjs +22 -0
  248. package/components/{random-id-B51lUxUB.cjs → random-id-BcUJAxUZ.cjs} +1 -1
  249. package/components/{random-id-Dd4boCPV.js → random-id-CiMDyX7v.js} +1 -1
  250. package/components/{roving-tabindex-B7x5ePUB.cjs → roving-tabindex-BoPao4td.cjs} +1 -1
  251. package/components/{roving-tabindex-BP6mQbXf.js → roving-tabindex-pomAn3z-.js} +1 -1
  252. package/components/{scaled-indicator-DF45Sc3W.cjs → scaled-indicator-DLJIztx0.cjs} +2 -2
  253. package/components/search/index.cjs +1 -1
  254. package/components/search/index.js +2 -2
  255. package/components/search-B2DQb14U.js +100 -0
  256. package/components/search-CsNvKd8x.cjs +47 -0
  257. package/components/segments-factory-DtPyN5sh.cjs +18 -0
  258. package/components/select/index.cjs +1 -1
  259. package/components/select/index.js +2 -2
  260. package/components/select-B_E-w1a2.cjs +158 -0
  261. package/components/{select-C2gh8zRr.js → select-CE6pIRX3.js} +12 -12
  262. package/components/{chunk-D-qHiVGv.cjs → sized-mixin-BT7cv-fT.cjs} +1 -1
  263. package/components/{sized-mixin-DaBoZkVS.js → sized-mixin-DzQTebN-.js} +1 -1
  264. package/components/skeleton-loader/index.cjs +1 -1
  265. package/components/skeleton-loader/index.js +2 -2
  266. package/components/{skeleton-loader-C1XG3m_u.js → skeleton-loader-C0LH3prK.js} +1 -1
  267. package/components/skeleton-loader-Cm50Ztzk.cjs +18 -0
  268. package/components/slider/controllers/slider-handle-controller.d.ts +79 -0
  269. package/components/slider/index.cjs +1 -1
  270. package/components/slider/index.d.ts +5 -1
  271. package/components/slider/index.js +3 -3
  272. package/components/slider/slider-control-templates.d.ts +36 -0
  273. package/components/slider/slider-handle.d.ts +62 -0
  274. package/components/slider/slider-model.d.ts +16 -0
  275. package/components/slider/slider-templates.d.ts +6 -0
  276. package/components/slider/slider.d.ts +197 -19
  277. package/components/slider/types.d.ts +57 -0
  278. package/components/slider-CDrXecqO.cjs +135 -0
  279. package/components/slider-CfgH3NK8.js +921 -0
  280. package/components/{slottable-request-event-gAcEQan2.cjs → slottable-request-event-C6eb7Ch3.cjs} +1 -1
  281. package/components/status-light/index.cjs +1 -1
  282. package/components/status-light/index.js +2 -2
  283. package/components/{status-light-Bf8jGu4G.js → status-light-BlfBJpqa.js} +2 -2
  284. package/components/status-light-Bu0G8-lH.cjs +21 -0
  285. package/components/strategies-BwNbUXYS.cjs +18 -0
  286. package/components/{strategies-DhxJGIZT.js → strategies-Cl59wdNZ.js} +21 -19
  287. package/components/streaming-listener-Bfyk6Fsx.cjs +18 -0
  288. package/components/swatch/index.cjs +1 -1
  289. package/components/swatch/index.js +2 -2
  290. package/components/{swatch-BLuV-hlF.js → swatch-C2ty27bJ.js} +4 -4
  291. package/components/{swatch-G70JUe6I.cjs → swatch-DUmBmg4S.cjs} +2 -2
  292. package/components/switch/index.cjs +1 -1
  293. package/components/switch/index.js +2 -2
  294. package/components/switch-B-gu-War.cjs +22 -0
  295. package/components/{switch-C5g5t5x2.js → switch-DOuXlFwI.js} +5 -5
  296. package/components/tabs/index.cjs +1 -1
  297. package/components/tabs/index.js +2 -2
  298. package/components/tabs/tabs.d.ts +1 -2
  299. package/components/{tabs-CTKkW-L8.cjs → tabs-CcnIX4jQ.cjs} +2 -2
  300. package/components/{tabs-DYpbsO58.js → tabs-D1puCPrL.js} +11 -11
  301. package/components/tags/index.cjs +1 -1
  302. package/components/tags/index.js +2 -2
  303. package/components/tags/tag.d.ts +4 -3
  304. package/components/{tags-CBL5oFEo.js → tags-Bw-y2Wfl.js} +26 -26
  305. package/components/tags-Cr8ObbWn.cjs +47 -0
  306. package/components/text-field/help-text-manager.d.ts +3 -1
  307. package/components/text-field/help-text.d.ts +4 -0
  308. package/components/text-field/index.cjs +1 -1
  309. package/components/text-field/index.js +3 -3
  310. package/components/text-field/manage-help-text.d.ts +2 -1
  311. package/components/text-field/text-field.d.ts +9 -0
  312. package/components/{text-field-FJr8ZUhI.cjs → text-field-3fDtTQkR.cjs} +2 -2
  313. package/components/{text-field-BoGAvXvh.js → text-field-C2MHZbTp.js} +3 -3
  314. package/components/{text-field-Cs8HYRYL.js → text-field-CmSym2QK.js} +5 -5
  315. package/components/text-field-wJK2bzMT.cjs +21 -0
  316. package/components/{text-field.module-Btsve-VN.js → text-field.module-BHhBReKL.js} +1 -1
  317. package/components/{text-field.module-D5oDP7MB.cjs → text-field.module-l8CaTCwE.cjs} +1 -1
  318. package/components/toast/index.cjs +1 -1
  319. package/components/toast/index.js +2 -2
  320. package/components/toast-BPhdMJTx.cjs +51 -0
  321. package/components/{toast-Bd0fleYT.js → toast-D90C9Cim.js} +4 -4
  322. package/components/tooltip/index.cjs +1 -1
  323. package/components/tooltip/index.js +2 -2
  324. package/components/{tooltip-CVSSKlDP.js → tooltip-Byl1h4nN.js} +4 -4
  325. package/components/tooltip-Sm0pruxL.cjs +45 -0
  326. package/components/top-nav/index.cjs +1 -1
  327. package/components/top-nav/index.js +2 -2
  328. package/components/{top-nav-CMVB3G_v.js → top-nav-B9YKdtFB.js} +7 -11
  329. package/components/top-nav-BcZLCBP_.cjs +41 -0
  330. package/components/utils.cjs +1 -1
  331. package/components/utils.js +7 -7
  332. package/components/{voice-recorder-BUtmSvPO.cjs → voice-recorder-B1tBrGTV.cjs} +1 -1
  333. package/custom-elements.json +1 -1
  334. package/index.d.ts +2 -0
  335. package/package.json +15 -4
  336. package/utils/button-interaction-controllers/interaction-controller.d.ts +4 -2
  337. package/utils/reactive-controllers/match-media.d.ts +1 -0
  338. package/components/accordion-BHBIfsLU.cjs +0 -43
  339. package/components/action-bar-BSMX042X.cjs +0 -39
  340. package/components/action-button-Cr_QN4On.cjs +0 -22
  341. package/components/action-group-CH8FTW0i.cjs +0 -20
  342. package/components/avatar-CyY_ZSD0.js +0 -65
  343. package/components/avatar-PulwjkMI.cjs +0 -24
  344. package/components/badge-D1Ry32wi.cjs +0 -23
  345. package/components/badge-D6p2hPj8.js +0 -94
  346. package/components/button-C5hcfigl.cjs +0 -20
  347. package/components/button-group-DIz5TZvc.cjs +0 -18
  348. package/components/calendar-BWArK3rh.cjs +0 -142
  349. package/components/chat-message-CNE-mGuP.cjs +0 -149
  350. package/components/chat-message-group-COmhCN-R.cjs +0 -24
  351. package/components/checkbox-DFwDrIdY.cjs +0 -25
  352. package/components/close-button-_EXjp6_m.cjs +0 -18
  353. package/components/color-area-C3Y2d5cu.cjs +0 -80
  354. package/components/color-controller-DueaXfnX.cjs +0 -18
  355. package/components/color-handle-Cka48yPY.cjs +0 -24
  356. package/components/color-loupe-DMk8uWZW.cjs +0 -56
  357. package/components/color-menu-BAKmi_EI.cjs +0 -89
  358. package/components/color-palette-349EkPMg.cjs +0 -18
  359. package/components/color-palette-group-BvP09zmT.cjs +0 -28
  360. package/components/color-slider-DxjJ72ue.cjs +0 -57
  361. package/components/date-range-picker-DdY9hGsU.cjs +0 -180
  362. package/components/date-time-picker-DdujhIkd.cjs +0 -105
  363. package/components/decorate-B2wePfNm.cjs +0 -18
  364. package/components/divider-Dn8XqbB6.cjs +0 -18
  365. package/components/field-label-BCl6R1uO.cjs +0 -25
  366. package/components/focus-group-SF8Kj7iB.cjs +0 -18
  367. package/components/focus-visible-B0NNezGc.cjs +0 -18
  368. package/components/focusable-CupEoHmn.cjs +0 -18
  369. package/components/icon-B7hKwn_q.cjs +0 -18
  370. package/components/infield-button-D5cuBWE5.cjs +0 -22
  371. package/components/label-CqolZbJo.cjs +0 -18
  372. package/components/menu-DFKS4sRU.cjs +0 -108
  373. package/components/number-field-BmWODnnR.cjs +0 -57
  374. package/components/observe-slot-presence-Dx8hzNzK.cjs +0 -18
  375. package/components/observe-slot-text-BhTcGuHY.cjs +0 -18
  376. package/components/overlay-DU_p8MNs.cjs +0 -47
  377. package/components/picker-CssPvvau.cjs +0 -123
  378. package/components/picker-button-adl1JO5u.cjs +0 -37
  379. package/components/platform-B7Sk7Qon.cjs +0 -18
  380. package/components/popover-dgL04x6P.cjs +0 -30
  381. package/components/progress-bar-BR28tISC.cjs +0 -31
  382. package/components/progress-circle-DuzwUiGN.cjs +0 -33
  383. package/components/progress-steps-WriXaZpE.cjs +0 -96
  384. package/components/prompt-box-6Z5LIjCF.cjs +0 -299
  385. package/components/radio-d-2GUbYE.cjs +0 -22
  386. package/components/search-CCvT87FX.cjs +0 -47
  387. package/components/search-Dtff2EzC.js +0 -100
  388. package/components/segments-factory-CHo9oQw7.cjs +0 -18
  389. package/components/select-qAKOLhmQ.cjs +0 -158
  390. package/components/sized-mixin-StFA4y0J.cjs +0 -18
  391. package/components/skeleton-loader-B8NgELvX.cjs +0 -18
  392. package/components/slider-3QBnq0S8.js +0 -96
  393. package/components/slider-uXRKcOz5.cjs +0 -18
  394. package/components/status-light-CBaAFRUc.cjs +0 -21
  395. package/components/strategies-kuvLVIKO.cjs +0 -18
  396. package/components/streaming-listener-BnDW38lt.cjs +0 -18
  397. package/components/switch-COhz9ka9.cjs +0 -22
  398. package/components/tags-CndS4S2k.cjs +0 -47
  399. package/components/text-field-A4Obzs4l.cjs +0 -21
  400. package/components/toast-NZ0Z1lz9.cjs +0 -51
  401. package/components/tooltip-6y-g7e9V.cjs +0 -45
  402. package/components/top-nav-bekRXHUk.cjs +0 -45
  403. /package/components/{color-controller-G2_v2xSl.js → color-controller-Rg_Zl0sT.js} +0 -0
  404. /package/components/{condition-attribute-with-id-Duo51HZ7.js → condition-attribute-with-id-BdnTdWKz.js} +0 -0
  405. /package/components/{dependency-manger-DMrulWcJ.js → dependency-manger-wHEXoU92.js} +0 -0
  406. /package/components/{divider.module-C65RfSUa.js → divider.module-CPEKsaqR.js} +0 -0
  407. /package/components/{element-resolution-Bs1x89vU.js → element-resolution-gap51AVo.js} +0 -0
  408. /package/components/{focusable-selectors-Bg60_Kra.js → focusable-selectors-BWpiuXz5.js} +0 -0
  409. /package/components/{get-label-from-slot-5vVnfSgN.js → get-label-from-slot-Bo9mqYCZ.js} +0 -0
  410. /package/components/{language-resolution-BpfGTC29.js → language-resolution-DR30FsWE.js} +0 -0
  411. /package/components/{observe-slot-presence-BCqd3VSd.js → observe-slot-presence-BKY6n06-.js} +0 -0
  412. /package/components/{rolldown-runtime-CAFD8bLK.js → rolldown-runtime-Dy4uBu1J.js} +0 -0
  413. /package/components/{scaled-indicator-BoLeYSgL.js → scaled-indicator-C-TupV4L.js} +0 -0
  414. /package/components/{segments-factory-D0IveW-q.js → segments-factory-BCRi1NKb.js} +0 -0
  415. /package/components/{slottable-request-event-DZ2Z_BLk.js → slottable-request-event-MRSZbgTu.js} +0 -0
  416. /package/components/{streaming-listener-2NcP7ys7.js → streaming-listener-CtcMpYfS.js} +0 -0
  417. /package/components/{voice-recorder-477xPHRU.js → voice-recorder-CTg3kRxx.js} +0 -0
package/components/{picker-DOiM_cUu.js → picker-Bufw-biD.js} RENAMED
@@ -15,32 +15,32 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- import { t as e } from "./decorate-aGxJUVxg.js";
19
- import { n as t } from "./sized-mixin-DaBoZkVS.js";
20
- import { t as n } from "./focusable-BmS8IzhH.js";
21
- import { t as r } from "./dependency-manger-DMrulWcJ.js";
22
- import { n as i, r as a, t as o } from "./strategies-DhxJGIZT.js";
23
- import { t as s } from "./pending-state-DFcNf5rd.js";
24
- import "./menu-Cdz2FEB7.js";
25
- import "./overlay-mdk7-NOt.js";
18
+ import { t as e } from "./decorate-CkCg3wfh.js";
19
+ import { n as t } from "./sized-mixin-DzQTebN-.js";
20
+ import { t as n } from "./focusable-DuP0-Kuy.js";
21
+ import { t as r } from "./dependency-manger-wHEXoU92.js";
22
+ import { i, n as a, r as o, t as s } from "./strategies-Cl59wdNZ.js";
23
+ import { t as c } from "./pending-state-BeG7qBDP.js";
24
+ import "./menu-C9ogB7Bq.js";
25
+ import "./overlay-DdIs4w5M.js";
26
26
  import "./progress-circle/index.js";
27
- import "./tooltip-CVSSKlDP.js";
28
- import { html as c, nothing as l, render as u, unsafeCSS as d } from "lit";
29
- import { property as f, query as p, state as m } from "lit/decorators.js";
30
- import { luzmoAlert as h, luzmoAngleDown as g, luzmoIcon as _ } from "@luzmo/icons";
31
- import { ifDefined as v } from "lit/directives/if-defined.js";
32
- import { classMap as y } from "lit/directives/class-map.js";
33
- import { styleMap as b } from "lit/directives/style-map.js";
27
+ import "./tooltip-Byl1h4nN.js";
28
+ import { html as l, nothing as u, render as d, unsafeCSS as f } from "lit";
29
+ import { property as p, query as m, state as h } from "lit/decorators.js";
30
+ import { luzmoAlert as g, luzmoAngleDown as _, luzmoIcon as v } from "@luzmo/icons";
31
+ import { ifDefined as y } from "lit/directives/if-defined.js";
32
+ import { classMap as b } from "lit/directives/class-map.js";
33
+ import { styleMap as x } from "lit/directives/style-map.js";
34
34
  //#region src/components/picker/picker.module.scss?inline
35
- var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:\"\";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px rgba(var(--luzmo-border-color-rgb), .06);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}", S = () => c`
35
+ var S = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:\"\";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}", C = () => l`
36
36
  <div class="disclosure-icon icon">
37
- ${_(g, { className: "indicator" })}
37
+ ${v(_, { className: "indicator" })}
38
38
  </div>
39
- `, C = () => c`
39
+ `, w = () => l`
40
40
  <div class="icon-container validation-icon icon">
41
- ${_(h)}
41
+ ${v(g)}
42
42
  </div>
43
- `, w = "option-picker", T = class extends t(n, { noDefaultSize: !0 }) {
43
+ `, T = "option-picker", E = class extends t(n, { noDefaultSize: !0 }) {
44
44
  get selectedItem() {
45
45
  return this._selectedItem;
46
46
  }
@@ -57,7 +57,7 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
57
57
  return this.optionsMenu.childItems;
58
58
  }
59
59
  constructor() {
60
- super(), this.disabled = !1, this.focused = !1, this.invalid = !1, this.pending = !1, this.pendingLabel = "Pending", this.open = !1, this.readonly = !1, this.placement = "bottom-start", this.quiet = !1, this.value = "", this.selects = "single", this.dependencyManager = new r(this), this.isMobile = new a(this, i), this.listRole = "listbox", this.itemRole = "option", this.hasRenderedOverlay = !1, this._selfManageFocusElement = !1, this.deprecatedMenu = null, this.selectionPromise = Promise.resolve(), this.willManageSelection = !1, this.recentlyConnected = !1, this.enterKeydownOn = null, this.handleSlottableRequest = (e) => {}, this.applyFocusElementLabel = (e, t) => {
60
+ super(), this.disabled = !1, this.focused = !1, this.invalid = !1, this.pending = !1, this.pendingLabel = "Pending", this.open = !1, this.readonly = !1, this.placement = "bottom-start", this.quiet = !1, this.value = "", this.selects = "single", this.dependencyManager = new r(this), this.isMobile = new i(this, a), this.isTouchDevice = new i(this, o), this.listRole = "listbox", this.itemRole = "option", this.hasRenderedOverlay = !1, this._selfManageFocusElement = !1, this.deprecatedMenu = null, this.selectionPromise = Promise.resolve(), this.willManageSelection = !1, this.recentlyConnected = !1, this.enterKeydownOn = null, this.handleSlottableRequest = (e) => {}, this.applyFocusElementLabel = (e, t) => {
61
61
  this.appliedLabel = e, this.labelAlignment = t.sideAligned ? "inline" : void 0;
62
62
  }, this.handleEscape = (e) => {
63
63
  e.code === "Escape" && this.open && (e.stopPropagation(), e.preventDefault(), this.toggle(!1));
@@ -67,7 +67,7 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
67
67
  return;
68
68
  }
69
69
  e.code !== "ArrowDown" && e.code !== "ArrowUp" || (e.stopPropagation(), e.preventDefault(), this.toggle(!0));
70
- }, this.renderAngleIcon = () => S(), this.renderAlertIcon = () => C(), this._popoverDependencyRegistered = !1, this.handleEnterKeydown = (e) => {
70
+ }, this.renderAngleIcon = () => C(), this.renderAlertIcon = () => w(), this._popoverDependencyRegistered = !1, this.handleEnterKeydown = (e) => {
71
71
  if (e.code === "Enter") {
72
72
  if (this.enterKeydownOn) {
73
73
  e.preventDefault();
@@ -77,7 +77,7 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
77
77
  e.code === "Enter" && (this.enterKeydownOn = null);
78
78
  }, { once: !0 });
79
79
  }
80
- }, this.pendingStateController = new s(this);
80
+ }, this.pendingStateController = new c(this);
81
81
  }
82
82
  set selectedItem(e) {
83
83
  let t = e?.querySelector("[slot=\"icon\"]");
@@ -118,7 +118,7 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
118
118
  this.readonly || this.strategy && (this.open = !1, this.strategy.open = !1);
119
119
  }
120
120
  bindEvents() {
121
- this.strategy?.abort(), this.strategy = new o.desktop(this.button, this), this.strategy?.overlay && (this.strategy.overlay.type = "auto", this.strategy.overlay.placement = this.placement);
121
+ this.strategy?.abort(), this.strategy = new s.desktop(this.button, this), this.strategy?.overlay && (this.strategy.overlay.type = "auto", this.strategy.overlay.placement = this.placement);
122
122
  }
123
123
  connectedCallback() {
124
124
  super.connectedCallback(), this.recentlyConnected = this.hasUpdated, this.ensurePopoverDependency();
@@ -158,9 +158,9 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
158
158
  this.tooltipEl = e.target.assignedElements()[0];
159
159
  }
160
160
  renderLabelContent(e) {
161
- return this.value && this.selectedItem ? e : c`
161
+ return this.value && this.selectedItem ? e : l`
162
162
  <slot name="label" id="label">
163
- <span aria-hidden=${v(this.appliedLabel ? void 0 : "true")}>
163
+ <span aria-hidden=${y(this.appliedLabel ? void 0 : "true")}>
164
164
  ${this.label}
165
165
  </span>
166
166
  </slot>
@@ -171,18 +171,18 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
171
171
  "visually-hidden": this.icons === "only" && !!this.value,
172
172
  placeholder: !this.value,
173
173
  label: !0
174
- }, t = this.appliedLabel || this.label, n = c` <div id="icon" ?hidden=${this.icons === "none"}>
175
- ${this._selectedItemIcon ? _(this._selectedItemIcon) : l}
174
+ }, t = this.appliedLabel || this.label, n = l` <div id="icon" ?hidden=${this.icons === "none"}>
175
+ ${this._selectedItemIcon ? v(this._selectedItemIcon) : u}
176
176
  </div>`;
177
- return [c`
178
- ${this._selectedItemIcon ? n : l}
177
+ return [l`
178
+ ${this._selectedItemIcon ? n : u}
179
179
  <div
180
- id=${v(this.value && this.selectedItem ? "label" : void 0)}
181
- class=${y(e)}
180
+ id=${y(this.value && this.selectedItem ? "label" : void 0)}
181
+ class=${b(e)}
182
182
  >
183
183
  ${this.renderLabelContent(this.selectedItemContent.content)}
184
184
  </div>
185
- ${this.value && this.selectedItem ? c`
185
+ ${this.value && this.selectedItem ? l`
186
186
  <div
187
187
  aria-hidden="true"
188
188
  class="visually-hidden"
@@ -191,10 +191,10 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
191
191
  ${t}
192
192
  <slot name="label"></slot>
193
193
  </div>
194
- ` : c` <span hidden id="applied-label">${t}</span> `}
195
- ${this.invalid && !this.pending ? c` ${this.renderAlertIcon()} ` : l}
194
+ ` : l` <span hidden id="applied-label">${t}</span> `}
195
+ ${this.invalid && !this.pending ? l` ${this.renderAlertIcon()} ` : u}
196
196
  ${this.pendingStateController.renderPendingState()}
197
- ${this.readonly ? l : this.renderAngleIcon()}
197
+ ${this.readonly ? u : this.renderAngleIcon()}
198
198
  <slot
199
199
  aria-hidden="true"
200
200
  name="tooltip"
@@ -204,31 +204,31 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
204
204
  `];
205
205
  }
206
206
  renderOverlay(e) {
207
- return this.strategy?.overlay === void 0 ? e : (u(this.renderContainer(e), this.strategy?.overlay, { host: this }), this.strategy?.overlay);
207
+ return this.strategy?.overlay === void 0 ? e : (d(this.renderContainer(e), this.strategy?.overlay, { host: this }), this.strategy?.overlay);
208
208
  }
209
209
  get renderDescriptionSlot() {
210
- return c`
211
- <div id=${w}>
210
+ return l`
211
+ <div id=${T}>
212
212
  <slot name="description"></slot>
213
213
  </div>
214
214
  `;
215
215
  }
216
216
  render() {
217
- return this.tooltipEl && (this.tooltipEl.disabled = this.open), c`
217
+ return this.tooltipEl && (this.tooltipEl.disabled = this.open), l`
218
218
  <span
219
219
  id="focus-helper"
220
220
  tabindex=${this.focused || this.open ? "-1" : "0"}
221
221
  @focus=${this.handleHelperFocus}
222
- aria-describedby=${w}
222
+ aria-describedby=${T}
223
223
  ></span>
224
224
  <button
225
- aria-controls=${v(this.open ? "menu" : void 0)}
225
+ aria-controls=${y(this.open ? "menu" : void 0)}
226
226
  aria-describedby="tooltip"
227
227
  aria-expanded=${this.open ? "true" : "false"}
228
228
  aria-haspopup="true"
229
229
  aria-labelledby="loader icon label applied-label"
230
230
  id="button"
231
- class=${v(this.labelAlignment ? `label-${this.labelAlignment}` : void 0)}
231
+ class=${y(this.labelAlignment ? `label-${this.labelAlignment}` : void 0)}
232
232
  @blur=${this.handleButtonBlur}
233
233
  @keydown=${{
234
234
  handleEvent: this.handleEnterKeydown,
@@ -255,7 +255,7 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
255
255
  super.firstUpdated(e), this.bindButtonKeydownListener(), this.bindEvents();
256
256
  }
257
257
  get dismissHelper() {
258
- return c`
258
+ return l`
259
259
  <div class="visually-hidden">
260
260
  <button
261
261
  tabindex="-1"
@@ -269,15 +269,15 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
269
269
  this._popoverDependencyRegistered || (this._popoverDependencyRegistered = !0, this.dependencyManager.add("luzmo-popover"), import("./popover/index.js"));
270
270
  }
271
271
  renderContainer(e) {
272
- let t = c`
272
+ let t = l`
273
273
  ${this.dismissHelper} ${e} ${this.dismissHelper}
274
274
  `;
275
- return c`
275
+ return l`
276
276
  <luzmo-popover
277
277
  id="popover"
278
278
  size=${this.size}
279
279
  role="presentation"
280
- style=${b(this.containerStyles)}
280
+ style=${x(this.containerStyles)}
281
281
  placement=${this.placement}
282
282
  >
283
283
  ${t}
@@ -285,7 +285,7 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
285
285
  `;
286
286
  }
287
287
  get renderMenu() {
288
- let e = c`
288
+ let e = l`
289
289
  <luzmo-menu
290
290
  aria-labelledby="applied-label"
291
291
  @change=${this.handleChange}
@@ -298,6 +298,7 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
298
298
  role=${this.listRole}
299
299
  .selects=${this.selects}
300
300
  .selected=${this.value ? [this.value] : []}
301
+ .shouldSupportDragAndSelect=${!this.isTouchDevice.matches}
301
302
  size=${this.size}
302
303
  @luzmo-menu-item-added-or-updated=${this.shouldManageSelection}
303
304
  >
@@ -329,44 +330,41 @@ var x = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
329
330
  return await this.selectionPromise, e;
330
331
  }
331
332
  onScroll() {
332
- this.dispatchEvent(new Event("scroll", {
333
- cancelable: !0,
334
- composed: !0
335
- }));
333
+ this.dispatchEvent(new Event("scroll"));
336
334
  }
337
335
  };
338
- e([m()], T.prototype, "appliedLabel", void 0), e([p("#button")], T.prototype, "button", void 0), e([f({
336
+ e([h()], E.prototype, "appliedLabel", void 0), e([m("#button")], E.prototype, "button", void 0), e([p({
339
337
  type: Boolean,
340
338
  reflect: !0
341
- })], T.prototype, "disabled", void 0), e([f({
339
+ })], E.prototype, "disabled", void 0), e([p({
342
340
  type: Boolean,
343
341
  reflect: !0
344
- })], T.prototype, "focused", void 0), e([f({
342
+ })], E.prototype, "focused", void 0), e([p({
345
343
  type: String,
346
344
  reflect: !0
347
- })], T.prototype, "icons", void 0), e([f({
345
+ })], E.prototype, "icons", void 0), e([p({
348
346
  type: String,
349
347
  reflect: !0
350
- })], T.prototype, "variant", void 0), e([f({
348
+ })], E.prototype, "variant", void 0), e([p({
351
349
  type: Boolean,
352
350
  reflect: !0
353
- })], T.prototype, "invalid", void 0), e([f({
351
+ })], E.prototype, "invalid", void 0), e([p({
354
352
  type: Boolean,
355
353
  reflect: !0
356
- })], T.prototype, "pending", void 0), e([f({
354
+ })], E.prototype, "pending", void 0), e([p({
357
355
  type: String,
358
356
  attribute: "pending-label"
359
- })], T.prototype, "pendingLabel", void 0), e([f()], T.prototype, "label", void 0), e([f({
357
+ })], E.prototype, "pendingLabel", void 0), e([p()], E.prototype, "label", void 0), e([p({
360
358
  type: Boolean,
361
359
  reflect: !0
362
- })], T.prototype, "open", void 0), e([f({
360
+ })], E.prototype, "open", void 0), e([p({
363
361
  type: Boolean,
364
362
  reflect: !0
365
- })], T.prototype, "readonly", void 0), e([m()], T.prototype, "labelAlignment", void 0), e([p("luzmo-menu")], T.prototype, "optionsMenu", void 0), e([p("luzmo-overlay")], T.prototype, "overlayElement", void 0), e([f()], T.prototype, "placement", void 0), e([f({
363
+ })], E.prototype, "readonly", void 0), e([h()], E.prototype, "labelAlignment", void 0), e([m("luzmo-menu")], E.prototype, "optionsMenu", void 0), e([m("luzmo-overlay")], E.prototype, "overlayElement", void 0), e([p()], E.prototype, "placement", void 0), e([p({
366
364
  type: Boolean,
367
365
  reflect: !0
368
- })], T.prototype, "quiet", void 0), e([f({ type: String })], T.prototype, "value", void 0), e([f({ attribute: !1 })], T.prototype, "selectedItem", null), e([m()], T.prototype, "selectedItemContent", null);
369
- var E = class extends T {
366
+ })], E.prototype, "quiet", void 0), e([p({ type: String })], E.prototype, "value", void 0), e([p({ attribute: !1 })], E.prototype, "selectedItem", null), e([h()], E.prototype, "selectedItemContent", null);
367
+ var D = class extends E {
370
368
  constructor(...e) {
371
369
  super(...e), this.handleKeydown = (e) => {
372
370
  let { code: t } = e;
@@ -386,7 +384,7 @@ var E = class extends T {
386
384
  };
387
385
  }
388
386
  static get styles() {
389
- return [d(x)];
387
+ return [f(S)];
390
388
  }
391
389
  get containerStyles() {
392
390
  let e = super.containerStyles;
@@ -394,4 +392,4 @@ var E = class extends T {
394
392
  }
395
393
  };
396
394
  //#endregion
397
- export { E as n, T as r, w as t };
395
+ export { D as n, E as r, T as t };
package/components/picker-D6ZM08K8.cjs ADDED
@@ -0,0 +1,124 @@
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
+ * */
18
+ const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-B6h03pAe.cjs"),r=require("./dependency-manger-BSaHw9ju.cjs"),i=require("./strategies-BwNbUXYS.cjs"),a=require("./pending-state-a527YMWV.cjs");require("./menu-DXONqtwu.cjs"),require("./overlay-CPZvL0Ic.cjs"),require("./progress-circle/index.cjs"),require("./tooltip-Sm0pruxL.cjs");let o=require("lit"),s=require("lit/decorators.js"),c=require("@luzmo/icons"),l=require("lit/directives/if-defined.js"),u=require("lit/directives/class-map.js"),d=require("lit/directives/style-map.js");var f=`#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}`,p=()=>o.html`
19
+ <div class="disclosure-icon icon">
20
+ ${(0,c.luzmoIcon)(c.luzmoAngleDown,{className:`indicator`})}
21
+ </div>
22
+ `,m=()=>o.html`
23
+ <div class="icon-container validation-icon icon">
24
+ ${(0,c.luzmoIcon)(c.luzmoAlert)}
25
+ </div>
26
+ `,h=`option-picker`,g=class extends t.n(n.t,{noDefaultSize:!0}){get selectedItem(){return this._selectedItem}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}get selfManageFocusElement(){return this._selfManageFocusElement}get menuItems(){return this.optionsMenu.childItems}constructor(){super(),this.disabled=!1,this.focused=!1,this.invalid=!1,this.pending=!1,this.pendingLabel=`Pending`,this.open=!1,this.readonly=!1,this.placement=`bottom-start`,this.quiet=!1,this.value=``,this.selects=`single`,this.dependencyManager=new r.t(this),this.isMobile=new i.i(this,i.n),this.isTouchDevice=new i.i(this,i.r),this.listRole=`listbox`,this.itemRole=`option`,this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.deprecatedMenu=null,this.selectionPromise=Promise.resolve(),this.willManageSelection=!1,this.recentlyConnected=!1,this.enterKeydownOn=null,this.handleSlottableRequest=e=>{},this.applyFocusElementLabel=(e,t)=>{this.appliedLabel=e,this.labelAlignment=t.sideAligned?`inline`:void 0},this.handleEscape=e=>{e.code===`Escape`&&this.open&&(e.stopPropagation(),e.preventDefault(),this.toggle(!1))},this.handleKeydown=e=>{if(this.focused=!0,e.code===`Escape`){this.handleEscape(e);return}e.code!==`ArrowDown`&&e.code!==`ArrowUp`||(e.stopPropagation(),e.preventDefault(),this.toggle(!0))},this.renderAngleIcon=()=>p(),this.renderAlertIcon=()=>m(),this._popoverDependencyRegistered=!1,this.handleEnterKeydown=e=>{if(e.code===`Enter`){if(this.enterKeydownOn){e.preventDefault();return}this.enterKeydownOn=e.target,this.addEventListener(`keyup`,e=>{e.code===`Enter`&&(this.enterKeydownOn=null)},{once:!0})}},this.pendingStateController=new a.t(this)}set selectedItem(e){let t=e?.querySelector(`[slot="icon"]`);if(this.selectedItemContent=e?e.itemChildren:void 0,e===this.selectedItem)return;let n=this.selectedItem;this._selectedItem=e,this._selectedItemIcon=t?.icon??void 0,this.requestUpdate(`selectedItem`,n)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(e){this.strategy&&(this.strategy.preventNextToggle=`no`);let[t]=e.target.selectedItems;e.stopPropagation(),e.cancelable?this.setValueFromItem(t,e):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(e){this.strategy?.handleButtonFocus(e)}toggle(e){this.readonly||this.pending||(this.open=e===void 0?!this.open:e,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){this.strategy?.abort(),this.strategy=new i.t.desktop(this.button,this),this.strategy?.overlay&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}connectedCallback(){super.connectedCallback(),this.recentlyConnected=this.hasUpdated,this.ensurePopoverDependency()}disconnectedCallback(){this.close(),this.strategy?.releaseDescription(),super.disconnectedCallback()}async setValueFromItem(e,t){this.open=!1,this.strategy&&(this.strategy.open=!1);let n=this.selectedItem,r=this.value;if(this.selectedItem=e,this.value=e?.value??``,await this.updateComplete,!this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:this.value}))&&this.selects){t&&t.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),n&&this.setMenuItemSelected(n,!0),this.selectedItem=n,this.value=r,this.open=!0,this.strategy&&(this.strategy.open=!0);return}else if(!this.selects){this.selectedItem=n,this.value=r;return}n&&this.setMenuItemSelected(n,!1),this.setMenuItemSelected(e,!!this.selects)}setMenuItemSelected(e,t){this.selects!=null&&(e.selected=t)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":`100%`}:{}}set selectedItemContent(e){if(e===this.selectedItemContent)return;let t=this.selectedItemContent;this._selectedItemContent=e,this.requestUpdate(`selectedItemContent`,t)}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}renderLabelContent(e){return this.value&&this.selectedItem?e:o.html`
27
+ <slot name="label" id="label">
28
+ <span aria-hidden=${(0,l.ifDefined)(this.appliedLabel?void 0:`true`)}>
29
+ ${this.label}
30
+ </span>
31
+ </slot>
32
+ `}get buttonContent(){let e={"visually-hidden":this.icons===`only`&&!!this.value,placeholder:!this.value,label:!0},t=this.appliedLabel||this.label,n=o.html` <div id="icon" ?hidden=${this.icons===`none`}>
33
+ ${this._selectedItemIcon?(0,c.luzmoIcon)(this._selectedItemIcon):o.nothing}
34
+ </div>`;return[o.html`
35
+ ${this._selectedItemIcon?n:o.nothing}
36
+ <div
37
+ id=${(0,l.ifDefined)(this.value&&this.selectedItem?`label`:void 0)}
38
+ class=${(0,u.classMap)(e)}
39
+ >
40
+ ${this.renderLabelContent(this.selectedItemContent.content)}
41
+ </div>
42
+ ${this.value&&this.selectedItem?o.html`
43
+ <div
44
+ aria-hidden="true"
45
+ class="visually-hidden"
46
+ id="applied-label"
47
+ >
48
+ ${t}
49
+ <slot name="label"></slot>
50
+ </div>
51
+ `:o.html` <span hidden id="applied-label">${t}</span> `}
52
+ ${this.invalid&&!this.pending?o.html` ${this.renderAlertIcon()} `:o.nothing}
53
+ ${this.pendingStateController.renderPendingState()}
54
+ ${this.readonly?o.nothing:this.renderAngleIcon()}
55
+ <slot
56
+ aria-hidden="true"
57
+ name="tooltip"
58
+ id="tooltip"
59
+ @slotchange=${this.handleTooltipSlotchange}
60
+ ></slot>
61
+ `]}renderOverlay(e){return this.strategy?.overlay===void 0?e:((0,o.render)(this.renderContainer(e),this.strategy?.overlay,{host:this}),this.strategy?.overlay)}get renderDescriptionSlot(){return o.html`
62
+ <div id=${h}>
63
+ <slot name="description"></slot>
64
+ </div>
65
+ `}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),o.html`
66
+ <span
67
+ id="focus-helper"
68
+ tabindex=${this.focused||this.open?`-1`:`0`}
69
+ @focus=${this.handleHelperFocus}
70
+ aria-describedby=${h}
71
+ ></span>
72
+ <button
73
+ aria-controls=${(0,l.ifDefined)(this.open?`menu`:void 0)}
74
+ aria-describedby="tooltip"
75
+ aria-expanded=${this.open?`true`:`false`}
76
+ aria-haspopup="true"
77
+ aria-labelledby="loader icon label applied-label"
78
+ id="button"
79
+ class=${(0,l.ifDefined)(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
80
+ @blur=${this.handleButtonBlur}
81
+ @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
82
+ ?disabled=${this.disabled}
83
+ tabindex="-1"
84
+ >
85
+ ${this.buttonContent}
86
+ </button>
87
+ ${this.renderMenu} ${this.renderDescriptionSlot}
88
+ `}update(e){this.selects&&=`single`,e.has(`disabled`)&&this.disabled&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`pending`)&&this.pending&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`value`)&&this.shouldScheduleManageSelection(),this.hasUpdated||(this.deprecatedMenu=this.querySelector(`:scope > luzmo-menu`),this.deprecatedMenu?.toggleAttribute(`ignore`,!0),this.deprecatedMenu?.setAttribute(`selects`,`inherit`)),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener(`keydown`,this.handleKeydown)}updated(e){super.updated(e),e.has(`open`)&&(this.strategy.open=this.open),this.strategy?.overlay&&this.strategy.overlay.type!==`auto`&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}get dismissHelper(){return o.html`
89
+ <div class="visually-hidden">
90
+ <button
91
+ tabindex="-1"
92
+ aria-label="Dismiss"
93
+ @click=${this.close}
94
+ ></button>
95
+ </div>
96
+ `}ensurePopoverDependency(){this._popoverDependencyRegistered||(this._popoverDependencyRegistered=!0,this.dependencyManager.add(`luzmo-popover`),Promise.resolve().then(()=>require("./popover/index.cjs")))}renderContainer(e){let t=o.html`
97
+ ${this.dismissHelper} ${e} ${this.dismissHelper}
98
+ `;return o.html`
99
+ <luzmo-popover
100
+ id="popover"
101
+ size=${this.size}
102
+ role="presentation"
103
+ style=${(0,d.styleMap)(this.containerStyles)}
104
+ placement=${this.placement}
105
+ >
106
+ ${t}
107
+ </luzmo-popover>
108
+ `}get renderMenu(){let e=o.html`
109
+ <luzmo-menu
110
+ aria-labelledby="applied-label"
111
+ @change=${this.handleChange}
112
+ id="menu"
113
+ @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
114
+ @scroll=${this.onScroll}
115
+ role=${this.listRole}
116
+ .selects=${this.selects}
117
+ .selected=${this.value?[this.value]:[]}
118
+ .shouldSupportDragAndSelect=${!this.isTouchDevice.matches}
119
+ size=${this.size}
120
+ @luzmo-menu-item-added-or-updated=${this.shouldManageSelection}
121
+ >
122
+ <slot @slotchange=${this.shouldScheduleManageSelection}></slot>
123
+ </luzmo-menu>
124
+ `;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open||!!this.deprecatedMenu,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add(`luzmo-overlay`),this.renderOverlay(e)):e}shouldScheduleManageSelection(e){!this.willManageSelection&&(!e||e.target.getRootNode().host===this)&&(this.willManageSelection=!0,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.manageSelection()})}))}shouldManageSelection(){this.willManageSelection||(this.willManageSelection=!0,this.manageSelection())}async manageSelection(){if(this.selects==null)return;this.selectionPromise=new Promise(e=>this.selectionResolver=e);let e;await this.optionsMenu.updateComplete,this.recentlyConnected&&=(await new Promise(e=>requestAnimationFrame(()=>e(!0))),!1),this.menuItems.forEach(t=>{this.value===t.value&&!t.disabled?e=t:t.selected=!1}),e?(e.selected=!!this.selects,this.selectedItem=e):(this.value=``,this.selectedItem=void 0),this.open&&(await this.optionsMenu.updateComplete,this.optionsMenu.updateSelectedItemIndex()),this.selectionResolver(),this.willManageSelection=!1}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.selectionPromise,e}onScroll(){this.dispatchEvent(new Event(`scroll`))}};e.t([(0,s.state)()],g.prototype,`appliedLabel`,void 0),e.t([(0,s.query)(`#button`)],g.prototype,`button`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`disabled`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`focused`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`icons`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`variant`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`invalid`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`pending`,void 0),e.t([(0,s.property)({type:String,attribute:`pending-label`})],g.prototype,`pendingLabel`,void 0),e.t([(0,s.property)()],g.prototype,`label`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`open`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`readonly`,void 0),e.t([(0,s.state)()],g.prototype,`labelAlignment`,void 0),e.t([(0,s.query)(`luzmo-menu`)],g.prototype,`optionsMenu`,void 0),e.t([(0,s.query)(`luzmo-overlay`)],g.prototype,`overlayElement`,void 0),e.t([(0,s.property)()],g.prototype,`placement`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`quiet`,void 0),e.t([(0,s.property)({type:String})],g.prototype,`value`,void 0),e.t([(0,s.property)({attribute:!1})],g.prototype,`selectedItem`,null),e.t([(0,s.state)()],g.prototype,`selectedItemContent`,null);var _=class extends g{constructor(...e){super(...e),this.handleKeydown=e=>{let{code:t}=e;if(this.focused=!0,t===`Escape`){this.handleEscape(e);return}if(!t.startsWith(`Arrow`)||this.readonly||this.pending)return;if(t===`ArrowUp`||t===`ArrowDown`){this.toggle(!0),e.preventDefault();return}e.preventDefault();let n=this.selectedItem?this.menuItems.indexOf(this.selectedItem):-1,r=n<0||t===`ArrowRight`?1:-1,i=n+r;for(;this.menuItems[i]&&this.menuItems[i].disabled;)i+=r;!this.menuItems[i]||this.menuItems[i].disabled||(!this.value||i!==n)&&this.setValueFromItem(this.menuItems[i])}}static get styles(){return[(0,o.unsafeCSS)(f)]}get containerStyles(){let e=super.containerStyles;return this.quiet||(e[`min-width`]=`${this.offsetWidth}px`),e}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
package/components/picker-button/index.cjs CHANGED
@@ -15,4 +15,4 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../picker-button-adl1JO5u.cjs`);exports.LuzmoPickerButton=e.t;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../picker-button-Dh2gGZ8R.cjs");exports.LuzmoPickerButton=e.t;