@luzmo/lucero 1.0.3-alpha.6 → 1.0.3-alpha.7

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 (364) hide show
  1. package/components/accordion/index.cjs +1 -1
  2. package/components/accordion/index.js +1 -1
  3. package/components/{accordion-DC7cjb1c.js → accordion-BDchhAjE.js} +4 -4
  4. package/components/accordion-CW7xAsId.cjs +43 -0
  5. package/components/action-bar/index.cjs +1 -1
  6. package/components/action-bar/index.js +1 -1
  7. package/components/{action-bar-Dn4IDXEF.js → action-bar-BO65QnWi.js} +6 -6
  8. package/components/action-bar-CSf3qi0f.cjs +39 -0
  9. package/components/action-button/index.cjs +1 -1
  10. package/components/action-button/index.js +1 -1
  11. package/components/action-button-CMRoRRWo.cjs +22 -0
  12. package/components/{action-button-DC-ZFZTm.js → action-button-CfpJ8ybz.js} +3 -3
  13. package/components/action-group/index.cjs +1 -1
  14. package/components/action-group/index.js +1 -1
  15. package/components/{action-group-DYKpp-mz.js → action-group-BQ-fyPYS.js} +3 -3
  16. package/components/action-group-D1G30Iir.cjs +20 -0
  17. package/components/action-menu/index.cjs +1 -1
  18. package/components/action-menu/index.js +1 -1
  19. package/components/{action-menu-DAzm6TyR.js → action-menu-CBSyW4O8.js} +8 -8
  20. package/components/{action-menu-BdCk6AXo.cjs → action-menu-CnkzFDHK.cjs} +2 -2
  21. package/components/avatar/index.cjs +1 -1
  22. package/components/avatar/index.js +1 -1
  23. package/components/{avatar-CyY_ZSD0.js → avatar-79Zd9NiA.js} +4 -4
  24. package/components/avatar-BRfwsoBh.cjs +24 -0
  25. package/components/badge/index.cjs +1 -1
  26. package/components/badge/index.js +1 -1
  27. package/components/{badge-D6p2hPj8.js → badge-2zAt91bn.js} +3 -3
  28. package/components/badge-BjusWIAn.cjs +23 -0
  29. package/components/button/index.cjs +1 -1
  30. package/components/button/index.js +2 -2
  31. package/components/{button-D1a4B85S.js → button-CPh-7eos.js} +5 -5
  32. package/components/button-D7RUI_x1.cjs +20 -0
  33. package/components/{button-base-CzTYjZND.js → button-base-CgZijING.js} +4 -4
  34. package/components/{button-base-Dj2qQqwO.cjs → button-base-UZcvbkXl.cjs} +2 -2
  35. package/components/button-group/index.cjs +1 -1
  36. package/components/button-group/index.js +1 -1
  37. package/components/button-group-6M8M-TUI.cjs +18 -0
  38. package/components/{button-group-BiQxYcQ2.js → button-group-DaANSInm.js} +2 -2
  39. package/components/calendar/index.cjs +1 -1
  40. package/components/calendar/index.js +1 -1
  41. package/components/calendar-9tmSkAp2.cjs +142 -0
  42. package/components/{calendar-BNRjXf9B.js → calendar-Ck40E6VN.js} +4 -4
  43. package/components/chat-message/index.cjs +1 -1
  44. package/components/chat-message/index.js +1 -1
  45. package/components/{chat-message-DJgocVNj.js → chat-message-BDTAV-Ph.js} +679 -501
  46. package/components/chat-message-SBnm0ITB.cjs +150 -0
  47. package/components/chat-message-group/index.cjs +1 -1
  48. package/components/chat-message-group/index.js +1 -1
  49. package/components/chat-message-group-CzCwyW7F.cjs +24 -0
  50. package/components/{chat-message-group-B4U2MzHx.js → chat-message-group-D7vdn2gG.js} +2 -2
  51. package/components/checkbox/checkbox.d.ts +1 -1
  52. package/components/checkbox/index.cjs +1 -1
  53. package/components/checkbox/index.js +1 -1
  54. package/components/checkbox-C-HC6f2c.cjs +25 -0
  55. package/components/{checkbox-CPS-tR_i.js → checkbox-DrbacuOs.js} +3 -3
  56. package/components/{checkbox-mixin-C5sLMo5L.js → checkbox-mixin-ClK1paqU.js} +1 -1
  57. package/components/{checkbox-mixin-D4HeLrMj.cjs → checkbox-mixin-PEFpw1Ep.cjs} +2 -2
  58. package/components/{close-button-MgaJT7yO.js → close-button-BG--crbw.js} +4 -4
  59. package/components/close-button-BQUJeFCq.cjs +18 -0
  60. package/components/color-area/color-area.d.ts +7 -0
  61. package/components/color-area/index.cjs +1 -1
  62. package/components/color-area/index.js +1 -1
  63. package/components/color-area-B5OHLqtm.cjs +80 -0
  64. package/components/{color-area-DViRjuKo.js → color-area-CAM3uysY.js} +14 -12
  65. package/components/color-controller-DZe3_BMD.cjs +18 -0
  66. package/components/color-field/index.cjs +1 -1
  67. package/components/color-field/index.js +1 -1
  68. package/components/{color-field-CxdIoSq6.js → color-field-Bq0IEitn.js} +3 -3
  69. package/components/{color-field-D7_7z2A2.cjs → color-field-IpL7Z89G.cjs} +2 -2
  70. package/components/color-handle/index.cjs +1 -1
  71. package/components/color-handle/index.js +1 -1
  72. package/components/color-handle-BwV3Nia5.cjs +24 -0
  73. package/components/{color-handle-BOusOFFx.js → color-handle-DioEcX1V.js} +2 -2
  74. package/components/color-loupe/index.cjs +1 -1
  75. package/components/color-loupe/index.js +1 -1
  76. package/components/color-loupe-C_C2hy-m.cjs +56 -0
  77. package/components/{color-loupe-bEzi2P0y.js → color-loupe-ZcCecT0r.js} +1 -1
  78. package/components/color-menu/index.cjs +1 -1
  79. package/components/color-menu/index.js +1 -1
  80. package/components/color-menu-CBpuPimx.cjs +89 -0
  81. package/components/{color-menu-Lxc9PTzl.js → color-menu-DtYUtPee.js} +9 -9
  82. package/components/color-palette/index.cjs +1 -1
  83. package/components/color-palette/index.js +1 -1
  84. package/components/color-palette-C6G0Tdla.cjs +18 -0
  85. package/components/{color-palette-BAdaNySC.js → color-palette-FQyIMSwP.js} +3 -3
  86. package/components/color-palette-group/index.cjs +1 -1
  87. package/components/color-palette-group/index.js +1 -1
  88. package/components/color-palette-group-B4r4tPfY.cjs +28 -0
  89. package/components/{color-palette-group-D8Mavsd2.js → color-palette-group-o6bnF-Ir.js} +3 -3
  90. package/components/color-picker/index.cjs +1 -1
  91. package/components/color-picker/index.js +1 -1
  92. package/components/{color-picker-CSWiU-X5.cjs → color-picker-CajJUS1c.cjs} +2 -2
  93. package/components/{color-picker-DqjfTvYf.js → color-picker-WCIGRufq.js} +6 -6
  94. package/components/color-slider/index.cjs +1 -1
  95. package/components/color-slider/index.js +1 -1
  96. package/components/{color-slider-ihAIFt5p.js → color-slider-BZ3G8Zgn.js} +6 -5
  97. package/components/color-slider-CVSEpLOP.cjs +57 -0
  98. package/components/{condition-attribute-with-id-DauPaLSS.cjs → condition-attribute-with-id-Cw92IbcP.cjs} +1 -1
  99. package/components/date-range-picker/index.cjs +1 -1
  100. package/components/date-range-picker/index.js +1 -1
  101. package/components/{date-range-picker-DaV1vcVx.js → date-range-picker-B2cRO9e5.js} +10 -10
  102. package/components/date-range-picker-nnN0b_N4.cjs +180 -0
  103. package/components/date-time-picker/index.cjs +1 -1
  104. package/components/date-time-picker/index.js +1 -1
  105. package/components/{date-time-picker-qVon-GIh.js → date-time-picker-CStBWop1.js} +11 -11
  106. package/components/date-time-picker-Cj4n6nG-.cjs +105 -0
  107. package/components/{decorate-aGxJUVxg.js → decorate-CkCg3wfh.js} +1 -1
  108. package/components/decorate-Dq34MBGe.cjs +18 -0
  109. package/components/{dependency-manger-CHy9t__e.cjs → dependency-manger-BSaHw9ju.cjs} +1 -1
  110. package/components/divider/index.cjs +1 -1
  111. package/components/divider/index.js +1 -1
  112. package/components/{divider-cU0lVwOp.js → divider-CGbT-CL8.js} +3 -3
  113. package/components/divider-wana0uPI.cjs +18 -0
  114. package/components/{divider.module-CL60P_z8.cjs → divider.module-BV6tmpOY.cjs} +1 -1
  115. package/components/{element-resolution-C0aiOB0Y.cjs → element-resolution-BjaAlqwX.cjs} +1 -1
  116. package/components/field-group/index.cjs +1 -1
  117. package/components/field-group/index.js +1 -1
  118. package/components/{field-group-C7ROsWq3.js → field-group-EZzkXa2e.js} +2 -2
  119. package/components/{field-group-OcI5Lgu7.cjs → field-group-aWhlzhoj.cjs} +2 -2
  120. package/components/field-label/index.cjs +1 -1
  121. package/components/field-label/index.js +1 -1
  122. package/components/{field-label-CtGCEmdp.js → field-label-B9S41b7c.js} +5 -5
  123. package/components/field-label-C5vdJ1ys.cjs +25 -0
  124. package/components/focus-group-C8lOjbi9.cjs +18 -0
  125. package/components/{focus-group-BshI1RpM.js → focus-group-DVPa1zxz.js} +1 -1
  126. package/components/{focus-visible-CrooVCUu.js → focus-visible-Bt2uDmuM.js} +2 -2
  127. package/components/focus-visible-eQdwUM9k.cjs +18 -0
  128. package/components/focusable-DTxxQ3yJ.cjs +18 -0
  129. package/components/{focusable-BmS8IzhH.js → focusable-DuP0-Kuy.js} +2 -2
  130. package/components/{focusable-selectors-5n5liBn0.cjs → focusable-selectors-DJqGLTJo.cjs} +1 -1
  131. package/components/{get-label-from-slot-LO_DZP60.cjs → get-label-from-slot-TV4APBYs.cjs} +1 -1
  132. package/components/icon/index.cjs +1 -1
  133. package/components/icon/index.js +1 -1
  134. package/components/{icon-CwBAE1eU.js → icon-M3agnqx7.js} +1 -1
  135. package/components/icon-xwNfYSkj.cjs +18 -0
  136. package/components/index.cjs +1 -1
  137. package/components/index.js +67 -67
  138. package/components/infield-button/index.cjs +1 -1
  139. package/components/infield-button/index.js +1 -1
  140. package/components/{infield-button-BvKsbtKr.js → infield-button-CMcy_QGt.js} +3 -3
  141. package/components/infield-button-DKlrlNuX.cjs +22 -0
  142. package/components/label/index.cjs +1 -1
  143. package/components/label/index.js +1 -1
  144. package/components/{label-ClJE2esm.js → label-B1HYQ4Pp.js} +1 -1
  145. package/components/label-DPG13Ib0.cjs +18 -0
  146. package/components/{language-resolution-BYemISJC.cjs → language-resolution-BUeKpSce.cjs} +1 -1
  147. package/components/{like-anchor-BZJXts_H.cjs → like-anchor-BX4PSB3d.cjs} +2 -2
  148. package/components/{like-anchor-DeOXX-MX.js → like-anchor-DXCaEv7O.js} +1 -1
  149. package/components/{manage-help-text-D9VbYRf_.cjs → manage-help-text-D20THJ3U.cjs} +2 -2
  150. package/components/{manage-help-text-CF0xBh0F.js → manage-help-text-DwfUBgHK.js} +2 -2
  151. package/components/menu/index.cjs +1 -1
  152. package/components/menu/index.js +1 -1
  153. package/components/menu/menu-item.d.ts +14 -0
  154. package/components/menu-BS_hemfn.cjs +108 -0
  155. package/components/{menu--ukVtSq7.js → menu-qMByaBwZ.js} +27 -18
  156. package/components/multi-language-field/index.cjs +1 -1
  157. package/components/multi-language-field/index.js +1 -1
  158. package/components/{multi-language-field-DmoMyCBH.cjs → multi-language-field-B7dnlCK9.cjs} +2 -2
  159. package/components/{multi-language-field-BzY75rOY.js → multi-language-field-DqAlPXww.js} +4 -4
  160. package/components/number-field/index.cjs +1 -1
  161. package/components/number-field/index.js +1 -1
  162. package/components/{number-field-DrJURvoW.js → number-field-B6BiDw0B.js} +7 -7
  163. package/components/number-field-BEBoSI-_.cjs +57 -0
  164. package/components/observe-slot-presence-CS8pMePk.cjs +18 -0
  165. package/components/{observe-slot-text-Ddf1OC6F.js → observe-slot-text-97nX6NyX.js} +1 -1
  166. package/components/observe-slot-text-DzUSxLpj.cjs +18 -0
  167. package/components/options/index.cjs +1 -1
  168. package/components/options/index.js +1 -1
  169. package/components/{options-BGwKMvng.js → options-BV5E4ygY.js} +8 -8
  170. package/components/{options-CKi3VkNR.cjs → options-Cq9Gx9UR.cjs} +2 -2
  171. package/components/overlay/index.cjs +1 -1
  172. package/components/overlay/index.js +3 -3
  173. package/components/overlay/placement-controller.d.ts +8 -0
  174. package/components/{overlay-CMd2Dnpv.cjs → overlay-CO_JAhWD.cjs} +2 -2
  175. package/components/{overlay-CwR_36OV.js → overlay-DR9oYpb5.js} +3 -3
  176. package/components/{overlay-8tN0KPbR.js → overlay-DpBGFUBW.js} +130 -123
  177. package/components/overlay-duS52Rsb.cjs +47 -0
  178. package/components/{pending-state-DFcNf5rd.js → pending-state-BeG7qBDP.js} +1 -1
  179. package/components/{pending-state-DIeF18qg.cjs → pending-state-a527YMWV.cjs} +2 -2
  180. package/components/picker/index.cjs +1 -1
  181. package/components/picker/index.js +1 -1
  182. package/components/picker/picker.d.ts +7 -0
  183. package/components/{picker-agQW7YNo.js → picker-D5AyIL5x.js} +24 -21
  184. package/components/picker-D_lZ-gXW.cjs +123 -0
  185. package/components/picker-button/index.cjs +1 -1
  186. package/components/picker-button/index.js +1 -1
  187. package/components/{picker-button-VAxzuhhg.js → picker-button-Bg1oKrx4.js} +5 -5
  188. package/components/picker-button-COrTSUL5.cjs +37 -0
  189. package/components/platform-BAjeJp2W.cjs +18 -0
  190. package/components/{platform-D4V_cOJF.js → platform-Ce9pNsR9.js} +2 -2
  191. package/components/popover/index.cjs +1 -1
  192. package/components/popover/index.js +1 -1
  193. package/components/{popover-DyC9xGhX.js → popover-CFawf-z9.js} +3 -3
  194. package/components/popover-R-fdNBvR.cjs +30 -0
  195. package/components/progress-bar/index.cjs +1 -1
  196. package/components/progress-bar/index.js +1 -1
  197. package/components/{progress-bar-DHgFRml1.js → progress-bar-BU_h5i27.js} +3 -3
  198. package/components/progress-bar-DHmthnzp.cjs +31 -0
  199. package/components/progress-circle/index.cjs +1 -1
  200. package/components/progress-circle/index.js +1 -1
  201. package/components/{progress-circle-Cg_ua9Ff.js → progress-circle-BVToDWX8.js} +3 -3
  202. package/components/progress-circle-DyApSKdm.cjs +33 -0
  203. package/components/progress-steps/index.cjs +1 -1
  204. package/components/progress-steps/index.js +1 -1
  205. package/components/{progress-steps-Da8aZWx3.js → progress-steps-9unA0ptN.js} +2 -2
  206. package/components/progress-steps-BgRH7KAn.cjs +96 -0
  207. package/components/prompt-box/index.cjs +1 -1
  208. package/components/prompt-box/index.js +1 -1
  209. package/components/{prompt-box-CCh9aOjY.js → prompt-box-B1eJoNNC.js} +13 -13
  210. package/components/{prompt-box-BjjBnJ7C.cjs → prompt-box-DG4G19Vq.cjs} +3 -3
  211. package/components/radio/index.cjs +1 -1
  212. package/components/radio/index.js +1 -1
  213. package/components/radio-Ch4iR6e1.cjs +22 -0
  214. package/components/{radio-BzEPGUmQ.js → radio-DhrwxuSB.js} +5 -5
  215. package/components/{random-id-B51lUxUB.cjs → random-id-BcUJAxUZ.cjs} +1 -1
  216. package/components/{random-id-Dd4boCPV.js → random-id-CiMDyX7v.js} +1 -1
  217. package/components/{chunk-D-qHiVGv.cjs → rolldown-runtime-DWNI8pZO.cjs} +1 -1
  218. package/components/{roving-tabindex-B7x5ePUB.cjs → roving-tabindex-BoPao4td.cjs} +1 -1
  219. package/components/{roving-tabindex-BP6mQbXf.js → roving-tabindex-pomAn3z-.js} +1 -1
  220. package/components/{scaled-indicator-DF45Sc3W.cjs → scaled-indicator-DLJIztx0.cjs} +2 -2
  221. package/components/search/index.cjs +1 -1
  222. package/components/search/index.js +1 -1
  223. package/components/search-COpGXyHi.cjs +47 -0
  224. package/components/{search-Dtff2EzC.js → search-DJa1-_UC.js} +4 -4
  225. package/components/segments-factory-DtPyN5sh.cjs +18 -0
  226. package/components/select/index.cjs +1 -1
  227. package/components/select/index.js +1 -1
  228. package/components/select/select.d.ts +7 -0
  229. package/components/{select-BNDNv50o.js → select-CzZZmuWl.js} +18 -15
  230. package/components/select-DV38y5iI.cjs +158 -0
  231. package/components/sized-mixin-BT7cv-fT.cjs +18 -0
  232. package/components/{sized-mixin-DaBoZkVS.js → sized-mixin-DzQTebN-.js} +1 -1
  233. package/components/skeleton-loader/index.cjs +1 -1
  234. package/components/skeleton-loader/index.js +1 -1
  235. package/components/{skeleton-loader-C1XG3m_u.js → skeleton-loader-C0LH3prK.js} +1 -1
  236. package/components/skeleton-loader-Cm50Ztzk.cjs +18 -0
  237. package/components/slider/index.cjs +1 -1
  238. package/components/slider/index.js +1 -1
  239. package/components/{slider-3QBnq0S8.js → slider-BLaYicz8.js} +2 -2
  240. package/components/slider-CfZ2IRgC.cjs +18 -0
  241. package/components/{slottable-request-event-gAcEQan2.cjs → slottable-request-event-C6eb7Ch3.cjs} +1 -1
  242. package/components/status-light/index.cjs +1 -1
  243. package/components/status-light/index.js +1 -1
  244. package/components/{status-light-Bf8jGu4G.js → status-light-BlfBJpqa.js} +2 -2
  245. package/components/status-light-Bu0G8-lH.cjs +21 -0
  246. package/components/{strategies-kuvLVIKO.cjs → strategies-CPWEHFe1.cjs} +1 -1
  247. package/components/{strategies-DhxJGIZT.js → strategies-Dbb3w-JB.js} +1 -1
  248. package/components/streaming-listener-Bfyk6Fsx.cjs +18 -0
  249. package/components/swatch/index.cjs +1 -1
  250. package/components/swatch/index.js +1 -1
  251. package/components/{swatch-BLuV-hlF.js → swatch-C2ty27bJ.js} +4 -4
  252. package/components/{swatch-G70JUe6I.cjs → swatch-DcUK5qDv.cjs} +2 -2
  253. package/components/switch/index.cjs +1 -1
  254. package/components/switch/index.js +1 -1
  255. package/components/{switch-C5g5t5x2.js → switch-B10exYOk.js} +4 -4
  256. package/components/switch-BKDJ3dZ9.cjs +22 -0
  257. package/components/tabs/index.cjs +1 -1
  258. package/components/tabs/index.js +1 -1
  259. package/components/{tabs-CTKkW-L8.cjs → tabs-C07QGZbj.cjs} +2 -2
  260. package/components/{tabs-DYpbsO58.js → tabs-CqYK2mFY.js} +11 -11
  261. package/components/tags/index.cjs +1 -1
  262. package/components/tags/index.js +1 -1
  263. package/components/tags-CX8xqWyH.cjs +47 -0
  264. package/components/{tags-DQLiHnTr.js → tags-DrDRVcwq.js} +11 -8
  265. package/components/text-field/index.cjs +1 -1
  266. package/components/text-field/index.js +2 -2
  267. package/components/{text-field-FJr8ZUhI.cjs → text-field-BG6dB1fv.cjs} +2 -2
  268. package/components/{text-field-BoGAvXvh.js → text-field-C9_95TpH.js} +3 -3
  269. package/components/text-field-D0Z0K_7q.cjs +21 -0
  270. package/components/{text-field-Cs8HYRYL.js → text-field-DItC9-FS.js} +5 -5
  271. package/components/{text-field.module-D5oDP7MB.cjs → text-field.module-DDRcQM7Y.cjs} +1 -1
  272. package/components/toast/index.cjs +1 -1
  273. package/components/toast/index.js +1 -1
  274. package/components/{toast-Bd0fleYT.js → toast-B2rcl_2b.js} +3 -3
  275. package/components/toast-BzIN9rHc.cjs +51 -0
  276. package/components/tooltip/index.cjs +1 -1
  277. package/components/tooltip/index.js +1 -1
  278. package/components/tooltip/tooltip.d.ts +30 -2
  279. package/components/{tooltip-C3O4AQ1l.js → tooltip-Byl1h4nN.js} +27 -12
  280. package/components/tooltip-Sm0pruxL.cjs +45 -0
  281. package/components/top-nav/index.cjs +1 -1
  282. package/components/top-nav/index.js +1 -1
  283. package/components/{top-nav-CMVB3G_v.js → top-nav-D3Iqfth0.js} +6 -6
  284. package/components/top-nav-Dqa5pB4f.cjs +45 -0
  285. package/components/utils.cjs +1 -1
  286. package/components/utils.js +7 -7
  287. package/components/{voice-recorder-BUtmSvPO.cjs → voice-recorder-B1tBrGTV.cjs} +1 -1
  288. package/custom-elements.json +1 -1
  289. package/package.json +1 -1
  290. package/components/accordion-BHBIfsLU.cjs +0 -43
  291. package/components/action-bar-BSMX042X.cjs +0 -39
  292. package/components/action-button-Cr_QN4On.cjs +0 -22
  293. package/components/action-group-CH8FTW0i.cjs +0 -20
  294. package/components/avatar-PulwjkMI.cjs +0 -24
  295. package/components/badge-D1Ry32wi.cjs +0 -23
  296. package/components/button-C5hcfigl.cjs +0 -20
  297. package/components/button-group-DIz5TZvc.cjs +0 -18
  298. package/components/calendar-BWArK3rh.cjs +0 -142
  299. package/components/chat-message-CNE-mGuP.cjs +0 -149
  300. package/components/chat-message-group-COmhCN-R.cjs +0 -24
  301. package/components/checkbox-DFwDrIdY.cjs +0 -25
  302. package/components/close-button-_EXjp6_m.cjs +0 -18
  303. package/components/color-area-DA3ps2-c.cjs +0 -80
  304. package/components/color-controller-DueaXfnX.cjs +0 -18
  305. package/components/color-handle-Cka48yPY.cjs +0 -24
  306. package/components/color-loupe-DMk8uWZW.cjs +0 -56
  307. package/components/color-menu-DwbTxeqv.cjs +0 -89
  308. package/components/color-palette-349EkPMg.cjs +0 -18
  309. package/components/color-palette-group-BvP09zmT.cjs +0 -28
  310. package/components/color-slider-DxjJ72ue.cjs +0 -57
  311. package/components/date-range-picker-BOTudFdP.cjs +0 -180
  312. package/components/date-time-picker-DpQWIAg0.cjs +0 -105
  313. package/components/decorate-B2wePfNm.cjs +0 -18
  314. package/components/divider-Dn8XqbB6.cjs +0 -18
  315. package/components/field-label-BCl6R1uO.cjs +0 -25
  316. package/components/focus-group-SF8Kj7iB.cjs +0 -18
  317. package/components/focus-visible-B0NNezGc.cjs +0 -18
  318. package/components/focusable-CupEoHmn.cjs +0 -18
  319. package/components/icon-B7hKwn_q.cjs +0 -18
  320. package/components/infield-button-D5cuBWE5.cjs +0 -22
  321. package/components/label-CqolZbJo.cjs +0 -18
  322. package/components/menu-DAA51y45.cjs +0 -108
  323. package/components/number-field-BmWODnnR.cjs +0 -57
  324. package/components/observe-slot-presence-Dx8hzNzK.cjs +0 -18
  325. package/components/observe-slot-text-BhTcGuHY.cjs +0 -18
  326. package/components/overlay-DdrfkOry.cjs +0 -47
  327. package/components/picker-C4RVOxLq.cjs +0 -123
  328. package/components/picker-button-adl1JO5u.cjs +0 -37
  329. package/components/platform-B7Sk7Qon.cjs +0 -18
  330. package/components/popover-dgL04x6P.cjs +0 -30
  331. package/components/progress-bar-BR28tISC.cjs +0 -31
  332. package/components/progress-circle-DuzwUiGN.cjs +0 -33
  333. package/components/progress-steps-WriXaZpE.cjs +0 -96
  334. package/components/radio-d-2GUbYE.cjs +0 -22
  335. package/components/search-CCvT87FX.cjs +0 -47
  336. package/components/segments-factory-CHo9oQw7.cjs +0 -18
  337. package/components/select-L6dKp-qu.cjs +0 -158
  338. package/components/sized-mixin-StFA4y0J.cjs +0 -18
  339. package/components/skeleton-loader-B8NgELvX.cjs +0 -18
  340. package/components/slider-uXRKcOz5.cjs +0 -18
  341. package/components/status-light-CBaAFRUc.cjs +0 -21
  342. package/components/streaming-listener-BnDW38lt.cjs +0 -18
  343. package/components/switch-COhz9ka9.cjs +0 -22
  344. package/components/tags-DBD74tKB.cjs +0 -47
  345. package/components/text-field-A4Obzs4l.cjs +0 -21
  346. package/components/toast-NZ0Z1lz9.cjs +0 -51
  347. package/components/tooltip-DY1trLtg.cjs +0 -45
  348. package/components/top-nav-bekRXHUk.cjs +0 -45
  349. /package/components/{color-controller-G2_v2xSl.js → color-controller-Rg_Zl0sT.js} +0 -0
  350. /package/components/{condition-attribute-with-id-Duo51HZ7.js → condition-attribute-with-id-BdnTdWKz.js} +0 -0
  351. /package/components/{dependency-manger-DMrulWcJ.js → dependency-manger-wHEXoU92.js} +0 -0
  352. /package/components/{divider.module-C65RfSUa.js → divider.module-CPEKsaqR.js} +0 -0
  353. /package/components/{element-resolution-Bs1x89vU.js → element-resolution-gap51AVo.js} +0 -0
  354. /package/components/{focusable-selectors-Bg60_Kra.js → focusable-selectors-BWpiuXz5.js} +0 -0
  355. /package/components/{get-label-from-slot-5vVnfSgN.js → get-label-from-slot-Bo9mqYCZ.js} +0 -0
  356. /package/components/{language-resolution-BpfGTC29.js → language-resolution-DR30FsWE.js} +0 -0
  357. /package/components/{observe-slot-presence-BCqd3VSd.js → observe-slot-presence-BKY6n06-.js} +0 -0
  358. /package/components/{rolldown-runtime-CAFD8bLK.js → rolldown-runtime-Dy4uBu1J.js} +0 -0
  359. /package/components/{scaled-indicator-BoLeYSgL.js → scaled-indicator-C-TupV4L.js} +0 -0
  360. /package/components/{segments-factory-D0IveW-q.js → segments-factory-BCRi1NKb.js} +0 -0
  361. /package/components/{slottable-request-event-DZ2Z_BLk.js → slottable-request-event-MRSZbgTu.js} +0 -0
  362. /package/components/{streaming-listener-2NcP7ys7.js → streaming-listener-CtcMpYfS.js} +0 -0
  363. /package/components/{text-field.module-Btsve-VN.js → text-field.module-BrBqDht3.js} +0 -0
  364. /package/components/{voice-recorder-477xPHRU.js → voice-recorder-CTg3kRxx.js} +0 -0
@@ -1,96 +0,0 @@
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
- require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`);let n=require(`lit`),r=require(`lit/decorators.js`),i=require(`@luzmo/icons`);var a=`:host{font-family:var(--luzmo-font-family);font-size:var(--luzmo-progress-steps-font-size,var(--progress-steps-font-size));color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color));display:block}.progress-steps-container{gap:var(--luzmo-progress-steps-gap,var(--progress-steps-gap));flex-direction:column;display:flex}.step{grid-template-columns:var(--luzmo-progress-steps-icon-size,var(--progress-steps-icon-size)) auto;column-gap:var(--luzmo-progress-steps-gap,var(--progress-steps-gap));animation:.3s ease-out forwards stepFadeIn;display:grid;position:relative}.step:not(:last-child):after{content:"";left:calc(var(--luzmo-progress-steps-icon-size,var(--progress-steps-icon-size)) / 2);top:var(--luzmo-progress-steps-icon-size,var(--progress-steps-icon-size));bottom:calc(-1 * var(--luzmo-progress-steps-gap,var(--progress-steps-gap)));background-color:var(--luzmo-progress-steps-substep-connector-color,var(--progress-steps-substep-connector-color));z-index:0;pointer-events:none;width:1px;position:absolute;transform:translate(-.5px)}.step:not(:last-child):has(.substeps-container.expanded):after{height:var(--luzmo-progress-steps-gap,var(--progress-steps-gap));top:auto}.step-header{-webkit-user-select:none;user-select:none;display:contents}.step-header.has-substeps{cursor:pointer}.step-icon{width:var(--luzmo-progress-steps-icon-size,var(--progress-steps-icon-size));height:var(--luzmo-progress-steps-icon-size,var(--progress-steps-icon-size));border-radius:var(--luzmo-progress-steps-icon-radius,var(--progress-steps-icon-radius,var(--luzmo-border-radius-l)));flex-shrink:0;grid-column:1;justify-content:center;align-self:center;align-items:center;display:flex;position:relative}.step-icon svg{width:100%;height:100%}.step-header.has-substeps .step-icon{cursor:pointer}.step-icon-pending{color:var(--luzmo-progress-steps-font-color-dimmed,var(--progress-steps-font-color-dimmed))}.step-icon-in-progress{position:relative}.step-dot{width:calc(var(--luzmo-progress-steps-icon-size,var(--progress-steps-icon-size)) * .4);height:calc(var(--luzmo-progress-steps-icon-size,var(--progress-steps-icon-size)) * .4);background-color:var(--luzmo-progress-steps-primary-color,var(--progress-steps-primary-color));border-radius:var(--luzmo-progress-steps-icon-radius,var(--progress-steps-icon-radius,var(--luzmo-border-radius-l)));position:relative}.step-dot:after{--progress-steps-pulse-offset-calc:var(--luzmo-progress-steps-pulse-offset,var(--progress-steps-pulse-offset,6px));content:"";top:calc(-1 * var(--progress-steps-pulse-offset-calc));left:calc(-1 * var(--progress-steps-pulse-offset-calc));right:calc(-1 * var(--progress-steps-pulse-offset-calc));bottom:calc(-1 * var(--progress-steps-pulse-offset-calc));border-radius:var(--luzmo-progress-steps-icon-radius,var(--progress-steps-icon-radius,var(--luzmo-border-radius-l)));background-color:var(--luzmo-progress-steps-pulse-color,var(--progress-steps-pulse-color));opacity:0;animation:2s cubic-bezier(.4,0,.6,1) infinite mainStepPulse;position:absolute}.step-icon-completed{color:var(--luzmo-progress-steps-completed-color,var(--progress-steps-completed-color))}.step-icon-error{color:var(--luzmo-progress-steps-error-color,var(--progress-steps-error-color))}.step-content{align-items:center;gap:var(--luzmo-progress-steps-gap,var(--progress-steps-gap));border-radius:var(--luzmo-progress-steps-border-radius,var(--progress-steps-border-radius));flex-direction:row;grid-column:2;align-self:center;min-width:0;display:flex}.step-header.has-substeps .step-content{cursor:pointer}.step-name{font-weight:var(--luzmo-font-weight-semibold);color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color))}.step-chevron{width:var(--luzmo-progress-steps-chevron-size,var(--progress-steps-chevron-size));height:var(--luzmo-progress-steps-chevron-size,var(--progress-steps-chevron-size));color:var(--luzmo-progress-steps-font-color-dimmed,var(--progress-steps-font-color-dimmed));flex-shrink:0;justify-content:center;align-items:end;display:flex}.step-chevron svg{width:100%;height:100%}.step-chevron.hidden{visibility:hidden;cursor:default}.substeps-container{grid-column:1/-1;grid-template-columns:var(--luzmo-progress-steps-icon-size,var(--progress-steps-icon-size)) 1fr;column-gap:var(--luzmo-progress-steps-gap,var(--progress-steps-gap));max-height:0;transition:none;display:grid;position:relative;overflow:clip}.substeps-container.expanded{max-height:var(--luzmo-progress-steps-substeps-max-height,var(--progress-steps-substeps-max-height,1000px));transition:max-height .3s cubic-bezier(.4,0,.2,1)}.substeps{gap:var(--luzmo-progress-steps-substep-gap,var(--progress-steps-substep-gap));padding-top:var(--luzmo-progress-steps-substep-gap,var(--progress-steps-substep-gap));flex-direction:column;grid-column:2;display:flex;position:relative}.substep{font-size:var(--luzmo-progress-steps-font-size-small,var(--progress-steps-font-size-small));--progress-steps-substep-line-height:1.4;--progress-steps-substep-bullet-center-offset:calc(var(--progress-steps-substep-line-height) * .5em);line-height:var(--progress-steps-substep-line-height);opacity:0;animation:.25s ease-out forwards substepFadeIn;position:relative}.substep:first-child{animation-delay:50ms}.substep:nth-child(2){animation-delay:.1s}.substep:nth-child(3){animation-delay:.15s}.substep:nth-child(4){animation-delay:.2s}.substep:nth-child(5){animation-delay:.25s}.substep:nth-child(6){animation-delay:.3s}.substep:nth-child(n+7){animation-delay:.35s}.substep-bullet{left:calc(-1 * var(--luzmo-progress-steps-gap,var(--progress-steps-gap)) - var(--luzmo-progress-steps-icon-size,var(--progress-steps-icon-size)) / 2 - var(--luzmo-progress-steps-substep-bullet-size,var(--progress-steps-substep-bullet-size)) / 2);top:calc(var(--progress-steps-substep-bullet-center-offset) - var(--luzmo-progress-steps-substep-bullet-size,var(--progress-steps-substep-bullet-size)) / 2);width:var(--luzmo-progress-steps-substep-bullet-size,var(--progress-steps-substep-bullet-size));height:var(--luzmo-progress-steps-substep-bullet-size,var(--progress-steps-substep-bullet-size));z-index:2;background-color:var(--luzmo-background-color,#fff);--progress-steps-substep-bullet-base:var(--luzmo-progress-steps-substep-bullet-color,var(--progress-steps-substep-bullet-color));--progress-steps-substep-bullet-fill:var(--luzmo-progress-steps-substep-bullet-color,var(--progress-steps-substep-bullet-color));border-radius:50%;position:absolute}.substep-bullet:before,.substep-bullet:after{content:"";border-radius:50%;position:absolute}.substep-bullet:before{background-color:var(--progress-steps-substep-bullet-base);z-index:0;inset:0}.substep-bullet:after{background-color:var(--progress-steps-substep-bullet-fill);z-index:1;inset:0}.substep:before,.substep:after{content:"";left:calc(-1 * var(--luzmo-progress-steps-gap,var(--progress-steps-gap)) - var(--luzmo-progress-steps-icon-size,var(--progress-steps-icon-size)) / 2);background-color:var(--luzmo-progress-steps-substep-connector-color,var(--progress-steps-substep-connector-color));z-index:0;width:1px;position:absolute;transform:translate(-.5px)}.substep.is-first:before{top:calc(-1 * var(--luzmo-progress-steps-substep-gap,var(--progress-steps-substep-gap)));height:calc(var(--progress-steps-substep-bullet-center-offset) + var(--luzmo-progress-steps-substep-gap,var(--progress-steps-substep-gap)))}.substep:not(.is-last):after{top:var(--progress-steps-substep-bullet-center-offset);height:calc(100% + var(--luzmo-progress-steps-substep-gap,var(--progress-steps-substep-gap)))}.substep.is-last:after{display:none}.step:not(:last-child) .substep.is-last:after{top:var(--progress-steps-substep-bullet-center-offset);height:calc(100% - var(--progress-steps-substep-bullet-center-offset));display:block}.substep.is-first:has(.substep-bullet-in-progress):before{background:linear-gradient(to bottom, var(--luzmo-progress-steps-substep-connector-color,var(--progress-steps-substep-connector-color)), var(--luzmo-progress-steps-primary-color,var(--progress-steps-primary-color)))}.substep:has(+.substep .substep-bullet-in-progress):after{background:linear-gradient(to bottom, var(--luzmo-progress-steps-substep-connector-color,var(--progress-steps-substep-connector-color)), var(--luzmo-progress-steps-primary-color,var(--progress-steps-primary-color)))}.substep-bullet-pending,.substep-bullet-completed,.substep-bullet-error{--progress-steps-substep-bullet-base:var(--luzmo-progress-steps-substep-bullet-color,var(--progress-steps-substep-bullet-color));--progress-steps-substep-bullet-fill:var(--luzmo-progress-steps-substep-bullet-color,var(--progress-steps-substep-bullet-color))}.substep-bullet-in-progress{--progress-steps-substep-bullet-base:var(--luzmo-progress-steps-font-color-dimmed,var(--progress-steps-font-color-dimmed));--progress-steps-substep-bullet-fill:var(--luzmo-progress-steps-primary-color,var(--progress-steps-primary-color));box-shadow:0 0 5px 0 color-mix(in srgb, var(--luzmo-progress-steps-primary-color,var(--progress-steps-primary-color)) 30%, transparent);animation:2s cubic-bezier(.4,0,.6,1) infinite substepBulletGlow}.substep-bullet-in-progress:after{animation:2s cubic-bezier(.4,0,.6,1) infinite substepBulletPulse}.substep-text,.substep-text-pending,.substep-text-completed,.substep-text-error{color:var(--luzmo-progress-steps-font-color-dimmed,var(--progress-steps-font-color-dimmed))}.substep-text-completed{color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color))}.substep-text-error{color:var(--luzmo-progress-steps-error-color,var(--progress-steps-error-color))}.condensed-toggle{align-items:center;gap:var(--luzmo-progress-steps-gap,var(--progress-steps-gap));cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--luzmo-progress-steps-font-color-dimmed,var(--progress-steps-font-color-dimmed));transition:color .2s;display:flex}.condensed-toggle:hover{color:var(--luzmo-progress-steps-font-color,var(--progress-steps-font-color))}.condensed-toggle-text{font-weight:var(--luzmo-font-weight-semibold)}.condensed-toggle-chevron{width:var(--luzmo-progress-steps-chevron-size,var(--progress-steps-chevron-size));height:var(--luzmo-progress-steps-chevron-size,var(--progress-steps-chevron-size));flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.condensed-toggle-chevron svg{width:100%;height:100%}.condensed-toggle-chevron.expanded{transform:rotate(180deg)}.condensed-steps{gap:var(--luzmo-progress-steps-gap,var(--progress-steps-gap));margin-top:var(--luzmo-progress-steps-gap,var(--progress-steps-gap));flex-direction:column;display:flex}@keyframes mainStepPulse{0%{opacity:.6;transform:scale(.8)}50%{opacity:.3;transform:scale(1.25)}to{opacity:.6;transform:scale(.8)}}@keyframes substepBulletPulse{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:.4;transform:scale(1.05)}}@keyframes substepBulletGlow{0%,to{box-shadow:0 0 4px 0 color-mix(in srgb, var(--luzmo-progress-steps-primary-color,var(--progress-steps-primary-color)) 25%, transparent)}50%{box-shadow:0 0 6px 1px color-mix(in srgb, var(--luzmo-progress-steps-primary-color,var(--progress-steps-primary-color)) 35%, transparent)}}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes substepFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}:host([no-animate]) .step{animation:none}:host([no-animate]) .substep{opacity:1;animation:none}:host([no-animate]) .substep-bullet-in-progress,:host([no-animate]) .substep-bullet-in-progress:after{animation:none}:host([no-animate]) .condensed-toggle-chevron{transition:none}:host{--progress-steps-primary-color:var(--luzmo-primary);--progress-steps-pulse-color:rgba(var(--luzmo-primary-rgb), .4);--progress-steps-font-color:var(--luzmo-font-color);--progress-steps-font-color-dimmed:var(--luzmo-font-color-extra-dimmed);--progress-steps-completed-color:var(--luzmo-positive-color);--progress-steps-error-color:var(--luzmo-negative-color);--progress-steps-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--progress-steps-substep-gap:var(--luzmo-spacing-3);--progress-steps-border-radius:var(--luzmo-border-radius);--progress-steps-font-size:var(--luzmo-font-size);--progress-steps-font-size-small:var(--luzmo-font-size-s);--progress-steps-icon-size:var(--luzmo-icon-size-xl);--progress-steps-icon-radius:var(--luzmo-border-radius-s);--progress-steps-chevron-size:var(--luzmo-icon-size-m);--progress-steps-substep-bullet-size:6px;--progress-steps-pulse-offset:6px;--progress-steps-substeps-max-height:1000px;--progress-steps-substep-connector-color:var(--luzmo-border-color);--progress-steps-substep-bullet-color:var(--luzmo-border-color)}:host([size=s]){--progress-steps-font-size:var(--luzmo-font-size-s);--progress-steps-font-size-small:var(--luzmo-font-size-xs);--progress-steps-gap:var(--luzmo-spacing-3);--progress-steps-substep-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--progress-steps-icon-size:var(--luzmo-icon-size-m);--progress-steps-chevron-size:var(--luzmo-icon-size-s);--progress-steps-substep-bullet-size:5px}:host([size=l]){--progress-steps-font-size:var(--luzmo-font-size-l);--progress-steps-font-size-small:var(--luzmo-font-size);--progress-steps-gap:var(--luzmo-spacing-4);--progress-steps-substep-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--progress-steps-icon-size:calc(var(--luzmo-icon-size-xl) + var(--luzmo-spacing-1));--progress-steps-chevron-size:var(--luzmo-icon-size-l);--progress-steps-substep-bullet-size:6px}:host([size=xl]){--progress-steps-font-size:var(--luzmo-font-size-xl);--progress-steps-font-size-small:var(--luzmo-font-size-l);--progress-steps-gap:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--progress-steps-substep-gap:var(--luzmo-spacing-4);--progress-steps-icon-size:calc(var(--luzmo-icon-size-xl) + var(--luzmo-spacing-2));--progress-steps-chevron-size:var(--luzmo-icon-size-xl);--progress-steps-substep-bullet-size:7px}:host{box-sizing:border-box}`,o={condensedSingular:`{{count}} step completed`,condensedPlural:`{{count}} steps completed`,stepInProgress:`Step in progress`,stepPending:`Step pending`,stepCompleted:`Step completed`,stepFailed:`Step failed`},s=class extends t.n(e.n,{defaultSize:`m`,validSizes:[`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.progress=null,this.locale=`en`,this.collapsed=!1,this.displayMode=`detailed`,this.condensed=!1,this.labels={...o},this.noAnimate=!1,this._condensedExpanded=!1,this._expandedNodes=new Set,this._autoExpandedNodes=new Set,this._manuallyExpandedNodes=new Set}static{this.styles=[(0,n.unsafeCSS)(a)]}willUpdate(e){if(super.willUpdate(e),e.has(`progress`)){let t=e.get(`progress`);this._handleProgressChange(t),(!this.progress||!t||this.progress.id!==t.id)&&(this._condensedExpanded=!1)}e.has(`condensed`)&&(this._condensedExpanded=!1),e.has(`collapsed`)&&(this.collapsed?this._collapseAutoExpandedNodes():this._reExpandInProgressNodes())}_handleProgressChange(e){(!this.progress||!e||this.progress.id!==e.id)&&this._clearExpansionState(),this.progress?.children&&(this._handleAutoExpandCollapse(this.progress.children),this.collapsed&&this._collapseAutoExpandedNodes())}_clearExpansionState(){this._expandedNodes.clear(),this._autoExpandedNodes.clear(),this._manuallyExpandedNodes.clear()}_handleAutoExpandCollapse(e){for(let t of e){let e=t.id;t.status===`inProgress`&&!this._autoExpandedNodes.has(e)&&(this._autoExpandedNodes.add(e),this._expandedNodes.add(e)),t.children&&this._handleAutoExpandCollapse(t.children)}}_collapseAutoExpandedNodes(){for(let e of this._autoExpandedNodes)this._manuallyExpandedNodes.has(e)||this._expandedNodes.delete(e)}_reExpandInProgressNodes(){this.progress?.children&&this._reExpandInProgressNodesRecursive(this.progress.children)}_reExpandInProgressNodesRecursive(e){for(let t of e)t.status===`inProgress`&&this._autoExpandedNodes.has(t.id)&&this._expandedNodes.add(t.id),t.children&&this._reExpandInProgressNodesRecursive(t.children)}_mapStatus(e){switch(e){case`inProgress`:return`in-progress`;case`success`:return`completed`;case`pending`:return`pending`;case`error`:return`error`;default:return`pending`}}_resolveLocalizedString(e){return e[this.locale]??e.en??Object.values(e)[0]??``}_interpolateDescription(e){return e.description?e.descriptionMetadata?e.description.replaceAll(/\{\{(\w+)\}\}/g,(t,n)=>{let r=e.descriptionMetadata?.[n];return r==null?`{{${n}}}`:Array.isArray(r)?r.map(e=>typeof e==`object`&&e?this._resolveLocalizedString(e):String(e)).join(`, `):typeof r==`object`?this._resolveLocalizedString(r):String(r)}):e.description:``}_toggleNodeExpansion(e){this._expandedNodes.has(e)?(this._expandedNodes.delete(e),this._manuallyExpandedNodes.delete(e),this.dispatchEvent(new CustomEvent(`luzmo-step-collapsed`,{bubbles:!0,composed:!0,detail:{nodeId:e}}))):(this._expandedNodes.add(e),this._manuallyExpandedNodes.add(e),this.dispatchEvent(new CustomEvent(`luzmo-step-expanded`,{bubbles:!0,composed:!0,detail:{nodeId:e}}))),this.requestUpdate()}_isNodeExpanded(e){return this._expandedNodes.has(e)}_renderStepIcon(e){let t;switch(e){case`in-progress`:t=this.labels.stepInProgress;break;case`pending`:t=this.labels.stepPending;break;case`completed`:t=this.labels.stepCompleted;break;case`error`:t=this.labels.stepFailed;break;default:t=this.labels.stepPending}if(e===`in-progress`)return n.html`
19
- <div
20
- class="step-icon step-icon-in-progress"
21
- aria-label=${t}
22
- role="img"
23
- >
24
- <div class="step-dot"></div>
25
- </div>
26
- `;let r;switch(e){case`pending`:r=i.luzmoCircle;break;case`completed`:r=i.luzmoCheckCircleOutline;break;case`error`:r=i.luzmoClose14;break;default:r=i.luzmoCircle}return n.html`
27
- <div
28
- class="step-icon step-icon-${e}"
29
- aria-label=${t}
30
- role="img"
31
- >
32
- ${(0,i.luzmoIcon)(r)}
33
- </div>
34
- `}_renderChevron(e,t){return n.html`<div class="step-chevron ${t?``:`hidden`}">
35
- ${(0,i.luzmoIcon)(e?i.luzmoAngleUp:i.luzmoAngleDown)}
36
- </div>`}_renderSubsteps(e){let t=e.length-1;return e.map((e,n)=>this._renderSubstep(e,n===0,n===t))}_renderSubstep(e,t,r){let i=this._mapStatus(e.status),a=this._interpolateDescription(e),o=[`substep`];return t&&o.push(`is-first`),r&&o.push(`is-last`),n.html`
37
- <div class=${o.join(` `)}>
38
- <div class="substep-bullet substep-bullet-${i}"></div>
39
- <div class="substep-text substep-text-${i}">${a}</div>
40
- </div>
41
- `}_renderStep(e){let t=this._mapStatus(e.status),r=this.displayMode===`compact`,i=this._interpolateDescription(e)||e.step,a=!r&&e.children&&e.children.length>0,o=this._isNodeExpanded(e.id),s=`substeps-${e.id}`;return n.html`
42
- <div class="step">
43
- <div
44
- class="step-header ${a?`has-substeps`:``}"
45
- role=${a?`button`:`status`}
46
- aria-expanded=${a?o:n.nothing}
47
- aria-controls=${a?s:n.nothing}
48
- tabindex=${a?0:n.nothing}
49
- @click=${a?()=>this._toggleNodeExpansion(e.id):n.nothing}
50
- @keydown=${a?t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),this._toggleNodeExpansion(e.id))}:n.nothing}
51
- >
52
- ${this._renderStepIcon(t)}
53
- <div class="step-content">
54
- <div class="step-name">${i}</div>
55
- ${r?n.nothing:this._renderChevron(o,!!a)}
56
- </div>
57
- </div>
58
- ${a?n.html`
59
- <div
60
- id=${s}
61
- class="substeps-container ${o?`expanded`:``}"
62
- >
63
- <div class="substeps">
64
- ${this._renderSubsteps(e.children??[])}
65
- </div>
66
- </div>
67
- `:n.nothing}
68
- </div>
69
- `}_toggleCondensed(){this._condensedExpanded=!this._condensedExpanded,this.requestUpdate()}_handleCondensedKeydown(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this._toggleCondensed())}_renderCondensed(){let e=this.progress?.children?.filter(e=>e.status===`success`).length??0,t=(e===1?this.labels.condensedSingular:this.labels.condensedPlural).replace(`{{count}}`,String(e));return n.html`
70
- <div class="condensed-container">
71
- <div
72
- class="condensed-toggle"
73
- role="button"
74
- tabindex="0"
75
- aria-expanded=${this._condensedExpanded}
76
- @click=${this._toggleCondensed}
77
- @keydown=${this._handleCondensedKeydown}
78
- >
79
- <span class="condensed-toggle-text">${t}</span>
80
- <span
81
- class="condensed-toggle-chevron ${this._condensedExpanded?`expanded`:``}"
82
- >
83
- ${(0,i.luzmoIcon)(i.luzmoAngleDown)}
84
- </span>
85
- </div>
86
- ${this._condensedExpanded?n.html`<div class="condensed-steps">${this._renderSteps()}</div>`:n.nothing}
87
- </div>
88
- `}_renderSteps(){return(this.progress?.children??[]).map(e=>this._renderStep(e))}render(){return this.condensed?n.html`
89
- <div class="progress-steps-container" role="status" aria-live="polite">
90
- ${this._renderCondensed()}
91
- </div>
92
- `:n.html`
93
- <div class="progress-steps-container" role="status" aria-live="polite">
94
- ${this._renderSteps()}
95
- </div>
96
- `}};e.t([(0,r.property)({type:Object})],s.prototype,`progress`,void 0),e.t([(0,r.property)({type:String})],s.prototype,`locale`,void 0),e.t([(0,r.property)({type:Boolean})],s.prototype,`collapsed`,void 0),e.t([(0,r.property)({type:String,attribute:`display-mode`})],s.prototype,`displayMode`,void 0),e.t([(0,r.property)({type:Boolean})],s.prototype,`condensed`,void 0),e.t([(0,r.property)({type:Object})],s.prototype,`labels`,void 0),e.t([(0,r.property)({type:Boolean,attribute:`no-animate`,reflect:!0})],s.prototype,`noAnimate`,void 0),e.t([(0,r.state)()],s.prototype,`_condensedExpanded`,void 0),e.t([(0,r.state)()],s.prototype,`_expandedNodes`,void 0),e.t([(0,r.state)()],s.prototype,`_autoExpandedNodes`,void 0),e.t([(0,r.state)()],s.prototype,`_manuallyExpandedNodes`,void 0),customElements.get(`luzmo-progress-steps`)||customElements.define(`luzmo-progress-steps`,s),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
@@ -1,22 +0,0 @@
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
- require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./focus-visible-B0NNezGc.cjs`),r=require(`./roving-tabindex-B7x5ePUB.cjs`),i=require(`./field-group-OcI5Lgu7.cjs`);let a=require(`lit`),o=require(`lit/decorators.js`);var s=`@media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--luzmo-radio-height,var(--radio-height));max-inline-size:100%;font-family:var(--luzmo-radio-font-family,var(--luzmo-font-family));align-items:flex-start;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--luzmo-radio-button-border-color-down,var(--radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--luzmo-radio-button-checked-border-color-down,var(--radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--luzmo-radio-neutral-content-color-down,var(--radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--luzmo-radio-button-border-color-focus,var(--radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--luzmo-radio-focus-indicator-color,var(--radio-focus-indicator-color)));border-width:var(--luzmo-radio-focus-indicator-width,var(--radio-focus-indicator-width));inline-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);block-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--luzmo-radio-button-checked-border-color-focus,var(--radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--luzmo-radio-neutral-content-color-focus,var(--radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--luzmo-radio-neutral-content-color,var(--radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--luzmo-radio-emphasized-accent-color,var(--radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--luzmo-radio-button-border-color-hover,var(--radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--luzmo-radio-button-checked-border-color-hover,var(--radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--luzmo-radio-neutral-content-color-hover,var(--radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--luzmo-radio-emphasized-accent-color-hover,var(--radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--luzmo-radio-emphasized-accent-color-down,var(--radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--luzmo-radio-emphasized-accent-color-focus,var(--radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--luzmo-radio-disabled-border-color,var(--radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--luzmo-radio-disabled-content-color,var(--radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--luzmo-radio-line-height,var(--radio-line-height));box-sizing:border-box;opacity:0;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--radio-button-control-size) / 2 - var(--radio-button-selection-indicator) / 2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--luzmo-radio-button-checked-border-color-default,var(--radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--luzmo-radio-focus-indicator-width,var(--radio-focus-indicator-width));border-color:var(--highcontrast-radio-focus-indicator-color,var(--luzmo-radio-focus-indicator-color,var(--radio-focus-indicator-color)));inline-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);block-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);border-style:solid}#label{text-align:start;font-size:var(--luzmo-radio-font-size,var(--radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--luzmo-radio-neutral-content-color,var(--radio-neutral-content-color)));line-height:var(--luzmo-radio-line-height,var(--radio-line-height));transition:color var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-in-out;margin-block-start:var(--radio-label-top-to-text);margin-block-end:var(--radio-label-bottom-to-text);margin-inline-start:var(--luzmo-radio-text-to-control,var(--radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-radio-line-height-cjk,var(--radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));block-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--luzmo-radio-button-top-to-control,var(--radio-button-top-to-control));position:relative}#button:before{z-index:0;content:"";box-sizing:border-box;inline-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));block-size:var(--luzmo-radio-button-control-size,var(--radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--luzmo-radio-button-background-color,var(--radio-button-background-color)));border-width:var(--luzmo-radio-border-width,var(--radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--luzmo-radio-button-border-color-default,var(--radio-button-border-color-default)));transition:border var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-in-out, box-shadow var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:"";transition:opacity var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-out, margin var(--luzmo-radio-animation-duration,var(--radio-animation-duration)) ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) #button:after{transform:translate(50%)translateY(-50%)}:host{--radio-button-border-color-default:var(--luzmo-border-color-full);--radio-button-border-color-hover:var(--luzmo-border-color-full-hover);--radio-button-border-color-down:var(--luzmo-border-color-full-hover);--radio-button-border-color-focus:var(--luzmo-border-color-full-hover);--radio-neutral-content-color:var(--luzmo-selected-color-hard);--radio-neutral-content-color-hover:var(--luzmo-selected-color-hard-hover);--radio-neutral-content-color-down:var(--luzmo-selected-color-hard-down);--radio-neutral-content-color-focus:var(--luzmo-selected-color-hard-focus);--radio-button-selection-indicator:var(--luzmo-spacing-2);--radio-focus-indicator-width:var(--luzmo-indicator-width);--radio-focus-indicator-gap:var(--luzmo-indicator-gap);--radio-focus-indicator-color:var(--luzmo-primary);--radio-disabled-content-color:var(--luzmo-disabled-color);--radio-disabled-border-color:var(--luzmo-border-color-disabled);--radio-emphasized-accent-color:var(--luzmo-primary);--radio-emphasized-accent-color-hover:var(--luzmo-primary-hover);--radio-emphasized-accent-color-down:var(--luzmo-primary-down);--radio-emphasized-accent-color-focus:var(--luzmo-primary-focus);--radio-border-width:calc(var(--luzmo-border-width) * 2);--radio-button-background-color:var(--luzmo-background-color);--radio-button-checked-border-color-default:var(--luzmo-selected-color-hard);--radio-button-checked-border-color-hover:var(--luzmo-selected-color-hard-hover);--radio-button-checked-border-color-down:var(--luzmo-selected-color-hard-down);--radio-button-checked-border-color-focus:var(--luzmo-selected-color-hard-focus);--radio-line-height:1.3;--radio-animation-duration:var(--luzmo-animation-duration);--radio-height:32px;--radio-button-control-size:14px;--radio-text-to-control:10px;--radio-label-top-to-text:6px;--radio-label-bottom-to-text:9px;--radio-button-top-to-control:9px;--radio-font-size:14px}:host(:lang(ja)),:host(:lang(zh)),:host(:lang(ko)){--radio-line-height-cjk:1.5}:host{--radio-height:var(--luzmo-component-height);--radio-button-control-size:14px;--radio-text-to-control:10px;--radio-label-top-to-text:7px;--radio-label-bottom-to-text:9px;--radio-button-top-to-control:9px;--radio-font-size:14px}:host([size=s]){--radio-height:var(--luzmo-component-height-s);--radio-button-control-size:var(--luzmo-spacing-4);--radio-text-to-control:9px;--radio-label-top-to-text:var(--luzmo-spacing-2);--radio-label-bottom-to-text:5px;--radio-button-top-to-control:6px;--radio-font-size:var(--luzmo-spacing-4)}:host([size=l]){--radio-height:var(--luzmo-component-height-l);--radio-button-control-size:16px;--radio-text-to-control:11px;--radio-label-top-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--radio-label-bottom-to-text:11px;--radio-button-top-to-control:var(--luzmo-spacing-4);--radio-font-size:16px}:host([size=xl]){--radio-height:var(--luzmo-component-height-xl);--radio-button-control-size:18px;--radio-text-to-control:13px;--radio-label-top-to-text:var(--luzmo-spacing-4);--radio-label-bottom-to-text:14px;--radio-button-top-to-control:15px;--radio-font-size:18px}:host([emphasized]){--radio-button-checked-border-color-default:var(--luzmo-primary);--radio-button-checked-border-color-hover:var(--luzmo-primary-hover);--radio-button-checked-border-color-down:var(--luzmo-primary-down);--radio-button-checked-border-color-focus:var(--luzmo-primary-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}`,c=class extends t.n(n.t(e.n),{noDefaultSize:!0}){constructor(...e){super(...e),this.autofocus=!1,this.value=``,this.checked=!1,this.disabled=!1,this.emphasized=!1,this.invalid=!1,this.readonly=!1}static get styles(){return[(0,a.unsafeCSS)(s)]}click(){this.disabled||this.activate()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent(`keydown`,{code:`Tab`})),this.focus())}activate(){this.checked||(this.checked=!0,this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})))}handleKeyup(e){e.code===`Space`&&this.activate()}render(){return a.html`
19
- <div id="input"></div>
20
- <span id="button"></span>
21
- <span id="label" role="presentation"><slot></slot></span>
22
- `}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`role`,`radio`),this.hasAttribute(`tabindex`)||(this.tabIndex=0),this.manageAutoFocus(),this.addEventListener(`click`,this.activate),this.addEventListener(`keyup`,this.handleKeyup)}updated(e){super.updated(e),e.has(`invalid`)&&(this.invalid?this.setAttribute(`aria-invalid`,`true`):this.removeAttribute(`aria-invalid`)),e.has(`checked`)&&(this.checked?this.setAttribute(`aria-checked`,`true`):this.setAttribute(`aria-checked`,`false`)),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}};e.t([(0,o.property)({type:Boolean})],c.prototype,`autofocus`,void 0),e.t([(0,o.property)({type:String,reflect:!0})],c.prototype,`value`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],c.prototype,`checked`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],c.prototype,`disabled`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],c.prototype,`emphasized`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],c.prototype,`invalid`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],c.prototype,`readonly`,void 0);var l=class extends n.t(i.t){constructor(...e){super(...e),this.name=``,this.rovingTabindexController=new r.t(this,{focusInIndex:e=>e.findIndex(e=>this.selected?!e.disabled&&e.value===this.selected:!e.disabled),elementEnterAction:e=>{this._setSelected(e.value)},elements:()=>this.buttons,isFocusableElement:e=>!e.disabled}),this.selected=``}get buttons(){return this.defaultNodes.filter(e=>e instanceof c)}focus(){this.rovingTabindexController.focus()}_setSelected(e){if(e===this.selected)return;let t=this.selected,n=e?this.querySelector(`luzmo-radio[value="${e}"]`):void 0;if(this.selected=n?e:``,!this.dispatchEvent(new Event(`change`,{cancelable:!0,bubbles:!0,composed:!0}))){this.selected=t;return}this.validateRadios()}willUpdate(e){if(!this.hasUpdated){this.setAttribute(`role`,`radiogroup`);let e=this.querySelector(`luzmo-radio[checked]`),t=e?e.value:``;if(this.selected=t||this.selected,this.selected&&this.selected!==t){let e=this.querySelector(`luzmo-radio[value="${this.selected}"]`);e&&(e.checked=!0)}this.shadowRoot.addEventListener(`change`,e=>{e.stopPropagation();let t=e.target;this._setSelected(t.value)})}e.has(`selected`)&&this.validateRadios()}async validateRadios(){let e=!1;this.hasUpdated||await this.updateComplete,this.buttons.map(t=>{t.checked=this.selected===t.value,e||=t.checked}),e||(this.selected=``)}handleSlotchange(){this.rovingTabindexController.clearElementCache()}};e.t([(0,o.property)({type:String})],l.prototype,`name`,void 0),e.t([(0,o.queryAssignedNodes)()],l.prototype,`defaultNodes`,void 0),e.t([(0,o.property)({reflect:!0})],l.prototype,`selected`,void 0),customElements.get(`luzmo-radio`)||customElements.define(`luzmo-radio`,c),customElements.get(`luzmo-radio-group`)||customElements.define(`luzmo-radio-group`,l),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
@@ -1,47 +0,0 @@
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
- require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`);require(`./icon-B7hKwn_q.cjs`),require(`./button-C5hcfigl.cjs`);const t=require(`./text-field-FJr8ZUhI.cjs`);let n=require(`lit`),r=require(`lit/decorators.js`),i=require(`@luzmo/icons`),a=require(`lit/directives/if-defined.js`);var o=`@media (forced-colors:active){#text-field #text-field,#text-field #text-field .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#text-field #button .luzmo-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#text-field{--search-button-inline-size:var(--search-block-size);--search-min-inline-size:calc(var(--search-min-inline-multiplier) * var(--search-block-size));--luzmo-text-field-font-family:var(--luzmo-search-font-family,var(--search-font-family));--luzmo-text-field-font-weight:var(--luzmo-search-font-weight,var(--search-font-weight));--luzmo-text-field-border-radius:var(--luzmo-search-border-radius,var(--search-border-radius));--luzmo-text-field-border-width:var(--luzmo-search-border-width,var(--search-border-width));--luzmo-text-field-focus-indicator-gap:var(--luzmo-search-focus-indicator-gap,var(--search-focus-indicator-gap));--luzmo-text-field-focus-indicator-width:var(--luzmo-search-focus-indicator-width,var(--search-focus-indicator-width));--luzmo-text-field-focus-indicator-color:var(--luzmo-search-focus-indicator-color,var(--search-focus-indicator-color));--luzmo-text-field-text-color-default:var(--luzmo-search-color-default,var(--search-color-default));--luzmo-text-field-text-color-hover:var(--luzmo-search-color-hover,var(--search-color-hover));--luzmo-text-field-text-color-focus:var(--luzmo-search-color-focus,var(--search-color-focus));--luzmo-text-field-text-color-focus-hover:var(--luzmo-search-color-focus-hover,var(--search-color-focus-hover));--luzmo-text-field-text-color-keyboard-focus:var(--luzmo-search-color-key-focus,var(--search-color-key-focus));--luzmo-text-field-text-color-disabled:var(--luzmo-search-color-disabled,var(--search-color-disabled));--luzmo-text-field-border-color:var(--luzmo-search-border-color-default,var(--search-border-color-default));--luzmo-text-field-border-color-hover:var(--luzmo-search-border-color-hover,var(--search-border-color-hover));--luzmo-text-field-border-color-focus:var(--luzmo-search-border-color-focus,var(--search-border-color-focus));--luzmo-text-field-border-color-focus-hover:var(--luzmo-search-border-color-focus-hover,var(--search-border-color-focus-hover));--luzmo-text-field-border-color-keyboard-focus:var(--luzmo-search-border-color-key-focus,var(--search-border-color-key-focus));--luzmo-text-field-border-color-disabled:var(--luzmo-search-border-color-disabled,var(--search-border-color-disabled));--luzmo-text-field-background-color:var(--luzmo-search-background-color,var(--search-background-color));--luzmo-text-field-background-color-disabled:var(--luzmo-search-background-color-disabled,var(--search-background-color-disabled));inline-size:var(--luzmo-search-inline-size,var(--search-inline-size));min-inline-size:var(--luzmo-search-min-inline-size,var(--search-min-inline-size));display:inline-block;position:relative}#text-field .luzmo-HelpText{margin-block-start:var(--luzmo-search-to-help-text,var(--search-to-help-text))}#button{height:var(--search-block-size);width:var(--search-block-size);position:absolute;inset-block-start:0;inset-inline-end:0}#button,#button .luzmo-ClearButton-fill{border-radius:var(--luzmo-search-border-radius,var(--search-border-radius))}#text-field.is-disabled #button{display:none}#text-field{inline-size:100%}.icon-search{--search-color:var(--highcontrast-search-color-default,var(--luzmo-search-color-default,var(--search-color-default)));color:var(--search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#text-field.is-focused .icon-search{--search-color:var(--highcontrast-search-color-focus,var(--luzmo-search-color-focus,var(--search-color-focus)))}#text-field.is-disabled .icon-search{--search-color:var(--highcontrast-search-color-disabled,var(--luzmo-search-color-disabled,var(--search-color-disabled)))}@media (hover:hover){#text-field:hover .icon-search{--search-color:var(--highcontrast-search-color-hover,var(--luzmo-search-color-hover,var(--search-color-hover)))}#text-field.is-focused:hover .icon-search{--search-color:var(--highcontrast-search-color-focus,var(--luzmo-search-color-focus-hover,var(--search-color-focus-hover)))}#text-field.is-disabled:hover .icon-search{--search-color:var(--highcontrast-search-color-disabled,var(--luzmo-search-color-disabled,var(--search-color-disabled)))}}.input{appearance:none;block-size:var(--luzmo-search-block-size,var(--search-block-size));font-style:var(--luzmo-search-font-style,var(--search-font-style));line-height:var(--luzmo-search-line-height,var(--search-line-height));padding-block-start:calc(var(--luzmo-search-top-to-text,var(--search-top-to-text)) - var(--luzmo-search-border-width,var(--search-border-width)));padding-block-end:calc(var(--luzmo-search-bottom-to-text,var(--search-bottom-to-text)) - var(--luzmo-search-border-width,var(--search-border-width)))}.input::-webkit-search-cancel-button{appearance:none}.input::-webkit-search-decoration{appearance:none}:host #text-field .icon-search{inset-inline-start:var(--luzmo-search-edge-to-visual,var(--search-edge-to-visual))}:host(:not([quiet])) #text-field .input{padding-inline-start:calc(var(--luzmo-search-edge-to-visual,var(--search-edge-to-visual)) - var(--luzmo-search-border-width,var(--search-border-width)) + var(--luzmo-search-icon-size,var(--search-icon-size)) + var(--luzmo-search-text-to-icon,var(--search-text-to-icon)));padding-inline-end:calc(var(--luzmo-search-button-inline-size,var(--search-button-inline-size)) - var(--luzmo-search-border-width,var(--search-border-width)))}:host([hide-icon]:not([quiet])) #text-field .input{padding-inline-start:calc(var(--luzmo-search-edge-to-visual,var(--search-edge-to-visual)) - var(--luzmo-search-border-width,var(--search-border-width)))}:host([hide-icon][quiet]) #text-field .input{padding-inline-start:var(--luzmo-search-edge-to-visual,var(--search-edge-to-visual))}:host([quiet]){--search-quiet-button-offset:var(--luzmo-search-quiet-button-offset,calc(var(--luzmo-search-block-size,var(--search-block-size)) / 2 - var(--luzmo-search-icon-size,var(--search-icon-size)) / 2))}:host([quiet]) #button .luzmo-ClearButton-icon{transform:translateX(var(--search-quiet-button-offset))}:host([quiet]) #text-field .input{border-radius:var(--luzmo-search-border-radius,var(--search-border-radius));padding-block-start:var(--luzmo-search-top-to-text,var(--search-top-to-text));padding-inline-start:calc(var(--luzmo-search-edge-to-visual,var(--search-edge-to-visual)) + var(--luzmo-search-icon-size,var(--search-icon-size)) + var(--luzmo-search-text-to-icon,var(--search-text-to-icon)));padding-inline-end:calc(var(--luzmo-search-button-inline-size,var(--search-button-inline-size)) - var(--search-quiet-button-offset))}:host{--search-border-color-default:var(--luzmo-border-color);--search-border-color-hover:rgba(var(--luzmo-primary-rgb), .3);--search-border-color-focus:var(--luzmo-primary);--search-border-color-focus-hover:var(--luzmo-primary);--search-border-color-key-focus:var(--luzmo-primary);--search-inline-size:192px;--search-min-inline-multiplier:3;--search-to-help-text:0px;--search-top-to-text:var(--luzmo-spacing-2);--search-bottom-to-text:var(--luzmo-spacing-2);--search-focus-indicator-width:var(--luzmo-indicator-width);--search-focus-indicator-gap:-1px;--search-focus-indicator-color:var(--luzmo-primary);--search-font-family:var(--luzmo-font-family);--search-font-weight:var(--luzmo-font-weight);--search-font-style:var(--luzmo-font-style);--search-line-height:var(--luzmo-line-height);--search-color-default:var(--luzmo-font-color);--search-color-hover:var(--luzmo-font-color-hover);--search-color-focus:var(--luzmo-font-color-focus);--search-color-focus-hover:var(--luzmo-font-focus);--search-color-key-focus:var(--luzmo-font-color-focus);--search-border-width:var(--luzmo-border-width);--search-background-color:var(--luzmo-background-color);--search-color-disabled:var(--luzmo-disabled-color);--search-background-color-disabled:var(--luzmo-background-color-disabled);--search-border-color-disabled:var(--luzmo-border-color-disabled)}:host #text-field{--search-border-radius:var(--luzmo-border-radius);--search-edge-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--search-block-size:var(--luzmo-component-height);--search-icon-size:var(--luzmo-font-size-l);--search-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=s]) #text-field{--search-border-radius:var(--luzmo-border-radius);--search-edge-to-visual:var(--luzmo-spacing-3);--search-block-size:var(--luzmo-component-height-s);--search-icon-size:var(--luzmo-font-size);--search-text-to-icon:var(--luzmo-spacing-3)}:host([size=l]) #text-field{--search-border-radius:var(--luzmo-border-radius);--search-edge-to-visual:var(--luzmo-spacing-4);--search-block-size:var(--luzmo-component-height-l);--search-icon-size:var(--luzmo-font-size-xl);--search-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]) #text-field{--search-border-radius:var(--luzmo-border-radius);--search-edge-to-visual:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--search-block-size:var(--luzmo-component-height-xl);--search-icon-size:var(--luzmo-font-size-xxl);--search-text-to-icon:var(--luzmo-spacing-4)}:host([quiet]) #text-field{--search-background-color:transparent;--search-background-color-disabled:transparent;--search-border-color-disabled:var(--luzmo-border-color-disabled);--search-border-radius:0;--search-edge-to-visual:0px}:host{--luzmo-text-field-spacing-inline:var(--alias-infield-button-full-height-m)}input::-webkit-search-cancel-button{display:none}@media (forced-colors:active){luzmo-clear-button{--clear-button-fill-background-color:transparent;--clear-button-fill-background-color-disabled:transparent;--clear-button-fill-background-color-down:transparent;--clear-button-fill-background-color-hover:transparent;--clear-button-fill-background-color-key-focus:transparent}}`,s=e=>e.stopPropagation(),c=e=>e===`s`?i.luzmoSearch12:e===`l`?i.luzmoSearch:i.luzmoSearch14,l=class extends t.t{constructor(...e){super(...e),this.action=``,this.label=`Search`,this.placeholder=`Search`,this.hideIcon=!1}static get styles(){return[...super.styles,(0,n.unsafeCSS)(o)]}handleSubmit(e){this.dispatchEvent(new Event(`submit`,{cancelable:!0,bubbles:!0}))||e.preventDefault()}handleKeydown(e){let{code:t}=e;t===`Escape`&&this.holdValueOnEscape||!this.value||t!==`Escape`||this.reset()}async reset(){this.value=``,await this.updateComplete,this.focusElement.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.focusElement.dispatchEvent(new InputEvent(`change`,{bubbles:!0}))}renderField(){return n.html`
19
- <form
20
- action=${this.action}
21
- id="form"
22
- method=${(0,a.ifDefined)(this.method)}
23
- @submit=${this.handleSubmit}
24
- @reset=${this.reset}
25
- @keydown=${this.handleKeydown}
26
- >
27
- ${this.hideIcon?n.nothing:n.html`
28
- <luzmo-icon
29
- block
30
- .icon=${c(this.size)}
31
- size=${this.size}
32
- class="icon magnifier icon-workflow icon-search"
33
- ></luzmo-icon>
34
- `}
35
- ${super.renderField()}
36
- ${this.value?n.html`
37
- <luzmo-clear-button
38
- id="button"
39
- label="Reset"
40
- tabindex="-1"
41
- type="reset"
42
- size=${(0,a.ifDefined)(this.size)}
43
- @keydown=${s}
44
- ></luzmo-clear-button>
45
- `:n.nothing}
46
- </form>
47
- `}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`holdValueOnEscape`)||this.inputElement.setAttribute(`type`,`search`)}willUpdate(){this.multiline=!1}};e.t([(0,r.property)()],l.prototype,`action`,void 0),e.t([(0,r.property)()],l.prototype,`label`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],l.prototype,`border`,void 0),e.t([(0,r.property)()],l.prototype,`method`,void 0),e.t([(0,r.property)()],l.prototype,`placeholder`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0,attribute:`hide-icon`})],l.prototype,`hideIcon`,void 0),e.t([(0,r.property)({type:Boolean})],l.prototype,`holdValueOnEscape`,void 0),e.t([(0,r.query)(`#form`)],l.prototype,`form`,void 0),customElements.get(`luzmo-search`)||customElements.define(`luzmo-search`,l),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
@@ -1,18 +0,0 @@
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
- require(`./chunk-D-qHiVGv.cjs`);let e=require(`@internationalized/date`),t=require(`@internationalized/number`);var n={Year:`year`,Month:`month`,Day:`day`,Hour:`hour`,Minute:`minute`,Second:`second`,Millisecond:`fractionalSecond`,DayPeriod:`dayPeriod`,Literal:`literal`},r={[n.Year]:`––––`,[n.Month]:`––`,[n.Day]:`––`,[n.Hour]:`––`,[n.Minute]:`––`,[n.Second]:`––`,[n.Millisecond]:`–––`,[n.DayPeriod]:`––`},i={Day:`day`,Hour:`hour`,Minute:`minute`,Second:`second`,Millisecond:`millisecond`},a=2e3;function o(e){return typeof e==`number`}function s(t){return t instanceof e.ZonedDateTime}function c(t){return t instanceof e.CalendarDateTime}function l(t){return t instanceof e.CalendarDate}function u(e,t){return e=e%12+t}function d(e){return e>=12?12:0}function f(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}function p(e){return l(e)?new Date(e.year,e.month-1,e.day):new Date(e.year,e.month-1,e.day,e.hour,e.minute,e.second,e.millisecond)}var m=class{constructor(e,t,n){this.type=e,this.formatted=t,this.label=n,this.placeholder=r[e]}increment(e){this.value===void 0?this.value=this.minValue:(this.value+=1,this.value>this.maxValue&&(this.value=this.minValue))}decrement(e){this.value===void 0?this.value=this.maxValue:(--this.value,this.value<this.minValue&&(this.value=this.maxValue))}setValueFromDate(e){this.type===`fractionalSecond`?this.value=e.millisecond:this.type!==n.DayPeriod&&(this.value=e[this.type])}clear(){this.value=void 0}handleInput(e,t){let n=t.parse(e);if(Number.isNaN(n))return;let r=t.parse(`${this.value??``}${n}`);if(this.isInputValueCompliant(r)){this.value=r;return}this.isInputValueCompliant(n)&&(this.value=n)}isInputValueCompliant(e){let{minValue:t,maxValue:n}=this.inputValidationLimits;return e>=t&&e<=n}get inputValidationLimits(){return{minValue:this.minValue,maxValue:this.maxValue}}updateValueToLimits(){this.value!==void 0&&(this.value<this.minValue&&(this.value=this.minValue),this.value>this.maxValue&&(this.value=this.maxValue))}},h=class extends m{constructor(e,t){super(n.Year,e,t),this.minValue=1,this.maxValue=9999}setLimits(e){this.minValue=1,this.maxValue=e.calendar.getYearsInEra(e),this.updateValueToLimits()}increment(e){this.value===void 0?this.value=e.year:super.increment()}decrement(e){this.value===void 0?this.value=e.year:super.decrement()}clear(){if(this.value===void 0)return;let e=Math.floor(this.value/10);this.value=e>0?e:void 0}},g=class{constructor(e){this.segments=e}get all(){return this.segments}get editableValues(){return this.all.filter(e=>e instanceof m).map(e=>e.value)}get year(){let e=this.getByType(n.Year);if(e&&e instanceof h)return e}get month(){let e=this.getByType(n.Month);if(e)return e}get day(){let e=this.getByType(n.Day);if(e)return e}get hour(){let e=this.getByType(n.Hour);if(e)return e}get minute(){let e=this.getByType(n.Minute);if(e)return e}get second(){let e=this.getByType(n.Second);if(e)return e}get millisecond(){let e=this.getByType(n.Millisecond);if(e)return e}get dayPeriod(){let e=this.getByType(n.DayPeriod);if(e)return e}getByType(e){return this.segments.find(t=>t.type===e)}getFormattedDate(t=i.Day){let n=this.year?.value,r=this.month?.value,a=this.day?.value;if(!o(n)||!o(r)||!o(a))return;if(t===i.Day)return new e.CalendarDate(n,r,a);let s=this.hour?.value;if(!o(s))return;if(this.dayPeriod){let e=this.dayPeriod.value;if(!o(e))return;s=u(s,e)}if(t===i.Hour)return new e.CalendarDateTime(n,r,a,s);let c=this.minute?.value;if(!o(c))return;if(t===i.Minute)return new e.CalendarDateTime(n,r,a,s,c);let l=this.second?.value;if(!o(l))return;if(t===i.Second)return new e.CalendarDateTime(n,r,a,s,c,l);let d=this.millisecond?.value;if(o(d))return new e.CalendarDateTime(n,r,a,s,c,l,d)}},_=class{constructor(e,n){this.dateFormatter=e,this.currentDate=n,this.numberFormatter=new t.NumberFormatter(this.dateFormatter.resolvedOptions().locale,{useGrouping:!1})}format(e){if(!e.year||!e.month||!e.day)return e;let t=this.getDateInfoWithDefaults(e);return t?(this.setSegmentsFormatted(e,t),this.padSegmentsFormatted(e),e):e}setSegmentsFormatted(e,t){e=new g(e.all);let{year:r,month:i,day:a,hour:o,minute:s,second:c,millisecond:l}=t,u=new Date(r,i-1,a,o,s,c,l);if(!e.year)return;e.year.formatted=this.numberFormatter.format(r);let d=[n.Month,n.Day,n.Hour,n.Minute,n.Second,n.DayPeriod],f=this.dateFormatter.formatToParts(u);for(let t of d){let n=e[t];if(!n)continue;let r=f.find(e=>e.type===t)?.value;r&&(n.formatted=r)}}padSegmentsFormatted(e){if(!e.hour)return;let t=[n.Month,n.Day,n.Hour,n.Minute,n.Second];for(let n of t){let t=e[n];t&&(t.formatted=t.formatted.padStart(2,this.numberFormatter.format(0)))}}getDateInfoWithDefaults(t){if(!t.year||!t.month||!t.day)return;let n=t.day.value??(0,e.getMinimumDayInMonth)(this.currentDate),r=t.month.value??(0,e.getMinimumMonthInYear)(this.currentDate),i=t.year.value??2e3,a=t.dayPeriod?.value,s=t.hour?.value;o(s)?o(a)&&(s=u(s,a)):s=o(a)?a:this.currentDate.hour;let c=t.minute?.value??this.currentDate.minute,l=t.second?.value??this.currentDate.second,d=t.millisecond?.value??this.currentDate.millisecond;return{year:i,month:r,day:n,hour:s,minute:c,second:l,millisecond:d}}},v=class{constructor(e){let{dateFormatter:t,segments:n,currentDate:r}=e;this.segments=new g(n.all),this.dateFormatter=t,this.currentDate=r}modify(e){let t=this.segments.getByType(e);if(!t)return this.segments;this.modifySegment(t),this.updateSegmentsLimits(e);let n=new _(this.dateFormatter,this.currentDate);return this.segments=n.format(this.segments),this.segments}updateSegmentsLimits(e){let t=e===n.Year,r=e===n.Month,i=this.segments.year,a=this.segments.month,o=this.segments.day;t&&(a?.setLimits(this.currentDate),o?.setLimits(this.currentDate,a?.value,i?.value)),r&&o?.setLimits(this.currentDate,a?.value,i?.value)}},y=class extends v{modifySegment(e){e.clear()}},b=class extends v{modifySegment(e){e.decrement(this.currentDate)}},x=class extends v{modifySegment(e){e.increment(this.currentDate)}},S=class extends v{constructor(e){let{dateFormatter:t,segments:n,currentDate:r}=e;super({dateFormatter:t,segments:n,currentDate:r}),this.eventData=e.eventData,this.numberParser=e.numberParser}modifySegment(e){this.eventData!==null&&e.handleInput(this.eventData,this.numberParser)}},C=class extends m{constructor(e,t){super(n.Day,e,t),this.minValue=1,this.maxValue=31}setLimits(t,n,r){if(!o(n)){this.minValue=1,this.maxValue=31;return}o(r)||(r=a);let i=new e.CalendarDate(r,n,1);this.maxValue=t.calendar.getDaysInMonth(i),this.minValue=(0,e.getMinimumDayInMonth)(i),this.updateValueToLimits()}},w=class extends m{constructor(e,t){super(n.Month,e,t),this.minValue=1,this.maxValue=12}setLimits(t){this.minValue=(0,e.getMinimumMonthInYear)(t),this.maxValue=t.calendar.getMonthsInYear(t),this.updateValueToLimits()}},T=class{constructor(e){this.formatted=e,this.type=n.Literal}},E=class extends m{constructor(e,t){super(n.DayPeriod,e,t),this.minValue=0,this.maxValue=12,this.localizedMinValue=`AM`,this.localizedMaxValue=`PM`}toggleAmPm(){this.value=this.value===0?12:0}increment(){this.value===void 0?this.value=this.minValue:this.toggleAmPm()}decrement(){this.value===void 0?this.value=this.maxValue:this.toggleAmPm()}setValueFromDate(e){this.value=d(e.hour)}handleInput(e){let t=e.toLowerCase(),n=this.localizedMinValue.toLowerCase().includes(t),r=this.localizedMaxValue.toLowerCase().includes(t);n&&r||(n&&(this.value=0),r&&(this.value=12))}setLocalizedLimits(e){let[t,n]=[new Date(0,0,0,this.minValue,0),new Date(0,0,0,this.maxValue,0)].map(this.getDayPeriodFromDate.bind(this,e));t&&(this.localizedMinValue=t),n&&(this.localizedMaxValue=n)}getDayPeriodFromDate(e,t){return e.formatToParts(t).find(e=>e.type===this.type)?.value}},D=class extends m{constructor(e,t){super(n.Hour,e,t),this.minValue=0,this.maxValue=23}setLimits(e){this.minValue=0,this.maxValue=23,e&&(this.minValue=0,this.maxValue=11),this.updateValueToLimits()}setValueFromDate(e,t){t?this.value=e.hour-d(e.hour):super.setValueFromDate(e)}get inputValidationLimits(){let e=this.maxValue===11;return{minValue:+!!e,maxValue:e?12:23}}},O=class extends m{constructor(e,t){super(n.Millisecond,e,t),this.minValue=0,this.maxValue=999}},k=class extends m{constructor(e,t){super(n.Minute,e,t),this.minValue=0,this.maxValue=59}},A=class extends m{constructor(e,t){super(n.Second,e,t),this.minValue=0,this.maxValue=59}},j=class{constructor(e){this.dateFormatter=e;let n=this.dateFormatter.resolvedOptions().locale;this.numberFormatter=new t.NumberFormatter(n,{useGrouping:!1}),this.dateTimeFieldDisplayNames=new Intl.DisplayNames([n],{type:`dateTimeField`})}createSegments(e,t=!1){let n=p(e),r=new g(this.dateFormatter.formatToParts(n).map(t=>{let n=t.type,r=t.value;return n===`year`&&(r=this.numberFormatter.format(e.year)),this.createSegment(n,r)})),i=r.year,a=r.month,o=r.day;i.setLimits(e),a.setLimits(e),t&&(i.setValueFromDate(e),a.setValueFromDate(e)),o.setLimits(e,a.value,i.value),t&&o.setValueFromDate(e);let s=r.hour,c=r.minute,l=r.second,u=r.millisecond,d=r.dayPeriod;if(d&&d.setLocalizedLimits(this.dateFormatter),!s)return r;let f=!!d;if(s.setLimits(f),t){if(s.setValueFromDate(e,f),f&&r.dayPeriod.setValueFromDate(e),!c||(c.setValueFromDate(e),!l)||(l.setValueFromDate(e),!u))return r;u.setValueFromDate(e)}return r}createSegment(e,t){if(e===n.Literal)return new T(t);let r=this.displayNameOfType(e);switch(e){case n.Year:return new h(t,r);case n.Month:return new w(t,r);case n.Day:return new C(t,r);case n.Hour:return new D(t,r);case n.Minute:return new k(t,r);case n.Second:return new A(t,r);case n.Millisecond:return new O(t,r);case n.DayPeriod:return new E(t,r)}}displayNameOfType(e){let t=e===`fractionalSecond`?`millisecond`:this.dateTimeFieldDisplayNames.of(e);return t?t.charAt(0).toUpperCase()+t.slice(1):``}};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return c}});
@@ -1,158 +0,0 @@
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
- require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./focusable-CupEoHmn.cjs`);require(`./icon-B7hKwn_q.cjs`);const r=require(`./dependency-manger-CHy9t__e.cjs`),i=require(`./strategies-kuvLVIKO.cjs`),a=require(`./pending-state-DIeF18qg.cjs`);require(`./overlay-CMd2Dnpv.cjs`),require(`./progress-circle/index.cjs`),require(`./tooltip-DY1trLtg.cjs`),require(`./popover/index.cjs`),require(`./options-CKi3VkNR.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`);var d=(e,t)=>{let n=getComputedStyle(e).getPropertyValue(t);for(;!n&&e.parentElement;)e=e.parentElement,n=getComputedStyle(e).getPropertyValue(t);return n.trim()},f=`:host{font-family:var(--luzmo-select-font-family,var(--select-font-family));font-size:var(--luzmo-select-font-size,var(--select-font-size))}#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-select-font-size,var(--select-font-size));margin-inline-end:var(--luzmo-select-spacing-text-to-icon,var(--select-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-select-focus-indicator-color:Highlight;--highcontrast-select-border-color-default:ButtonBorder;--highcontrast-select-border-color-hover:Highlight;--highcontrast-select-border-color-disabled:GrayText;--highcontrast-select-content-color-default:ButtonText;--highcontrast-select-content-color-disabled:GrayText;--highcontrast-select-background-color:ButtonFace}#button:focus-visible{--highcontrast-select-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(--select-minimum-width-multiplier) * var(--luzmo-select-button-block-size,var(--select-button-block-size)));block-size:var(--luzmo-select-button-block-size,var(--select-button-block-size));border-width:var(--luzmo-select-button-border-width,var(--select-button-border-width));border-radius:var(--luzmo-select-button-border-radius,var(--select-button-border-radius));box-shadow:var(--luzmo-select-button-box-shadow,var(--select-button-box-shadow));transition:background-color var(--luzmo-select-animation-duration,var(--select-animation-duration)), box-shadow var(--luzmo-select-animation-duration,var(--select-animation-duration)), border-color var(--luzmo-select-animation-duration,var(--select-animation-duration)) ease-in-out;color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-default,var(--select-background-color-default)));border-style:solid;border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-default,var(--select-border-color-default)));margin-block-start:var(--luzmo-select-spacing-label-to-select,var(--select-spacing-label-to-select));padding-block:0;padding-inline-start:var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content));padding-inline-end:var(--luzmo-select-spacing-edge-to-disclosure-icon,var(--select-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) * 2 + var(--luzmo-select-button-border-width,var(--select-button-border-width)) * 2);inline-size:calc(100% + var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) * 2 + var(--luzmo-select-button-border-width,var(--select-button-border-width)) * 2);border-style:solid;border-width:var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width));border-radius:calc(var(--luzmo-select-button-border-radius,var(--select-button-border-radius)) + var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-button-border-width,var(--select-button-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width)) + var(--luzmo-select-button-border-width,var(--select-button-border-width))) * -1);margin-inline-start:calc((var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width)) + var(--luzmo-select-button-border-width,var(--select-button-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-active,var(--select-background-color-active)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-active,var(--select-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-active,var(--select-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-key-focus,var(--select-background-color-key-focus)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-key-focus,var(--select-border-color-key-focus)));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-key-focus,var(--select-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-select-focus-indicator-color,var(--luzmo-select-focus-indicator-color,var(--select-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-key-focus,var(--select-font-color-key-focus)))}#button:focus-visible .disclosure-icon,#button:focus-visible .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-key-focus,var(--select-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default-open,var(--select-font-color-default-open)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-default-open,var(--select-background-color-default-open)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-default-open,var(--select-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon,:host([open]) #button:not(:disabled,.is-disabled) .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-default-open,var(--select-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-default,var(--select-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-error,var(--select-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-active,var(--select-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-default-open,var(--select-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-key-focus,var(--select-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon,:host([pending]) #button .clear-icon{color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-icon-color-disabled,var(--select-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-select-font-size,var(--select-font-size));line-height:var(--luzmo-select-button-line-height,var(--select-button-line-height));font-weight:var(--luzmo-select-font-weight,var(--select-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}.label.placeholder{font-weight:var(--luzmo-select-placeholder-font-weight,var(--select-font-weight));font-style:var(--luzmo-select-placeholder-font-style,var(--select-placeholder-font-style));transition:color var(--luzmo-select-animation-duration,var(--select-animation-duration)) ease-in-out;color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-active,var(--select-font-color-active)))}.clear-icon,.disclosure-icon{vertical-align:top;transition:color var(--luzmo-select-animation-duration,var(--select-animation-duration)) ease-out;color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-default,var(--select-icon-color-default)));flex-shrink:0;display:inline-block;position:relative}.disclosure-icon{margin-inline-start:var(--luzmo-select-spacing-icon-to-disclosure-icon,var(--select-spacing-icon-to-disclosure-icon))}.clear-icon{margin-inline-start:var(--luzmo-select-spacing-icon-to-clear-icon,var(--select-spacing-icon-to-clear-icon))}.disclosure-icon:active{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-active,var(--select-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-select-spacing-text-to-icon,var(--select-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-select-disclosure-icon-size,var(--select-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon,.label~.clear-icon{margin-inline-start:var(--luzmo-select-spacing-text-to-icon,var(--select-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-select-inline-edge-to-content-quiet,var(--select-inline-edge-to-content-quiet));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)));background-color:initial;background-color:var(--highcontrast-select-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-select-spacing-label-to-select-quiet,var(--select-spacing-label-to-select-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-select-spacing-edge-to-disclosure-icon-quiet,var(--select-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-select-content-color-default,var(--luzmo-select-font-color-hover,var(--select-font-color-hover)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-hover,var(--select-background-color-hover)));border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-hover,var(--select-border-color-hover)))}#button:hover .disclosure-icon,#button:hover .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-hover,var(--select-icon-color-hover)))}#button:hover .clear-icon:hover{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-clear-icon-color-hover,var(--select-icon-color-focus)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-hover-open,var(--select-font-color-hover-open)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-hover-open,var(--select-background-color-hover-open)));border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-hover-open,var(--select-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon,:host([open]) #button:not(:disabled,.is-disabled):hover .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-hover-open,var(--select-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-error-hover,var(--select-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-error-hover-open,var(--select-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-hover,var(--select-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-select-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-select-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width)) 0 0 var(--highcontrast-select-focus-indicator-color,var(--luzmo-select-focus-indicator-color,var(--select-focus-indicator-color)));margin:calc((var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-button-border-width,var(--select-button-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-select-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-disabled,var(--select-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-select-border-color-disabled,transparent);color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-font-color-disabled,var(--select-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .clear-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .clear-icon,#button:disabled .validation-icon{color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-icon-color-disabled,var(--select-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-font-color-disabled,var(--select-font-color-disabled)))}#popover{max-width:var(--luzmo-select-popover-max-width,var(--select-popover-max-width));min-width:var(--luzmo-select-popover-min-width,var(--select-popover-min-width));width:var(--luzmo-select-popover-width,var(--select-popover-width))}#popover.search-on{padding:0 0 var(--luzmo-popover-content-area-spacing-vertical,var(--popover-content-area-spacing-vertical)) 0!important}#search-container{border-bottom:var(--luzmo-select-search-container-border-bottom-width,var(--select-search-container-border-bottom-width)) solid var(--luzmo-select-search-container-border-bottom-color,var(--select-search-container-border-bottom-color));flex:none;display:flex;position:relative}#search-icon{left:var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content));color:var(--luzmo-select-search-icon-color,var(--select-search-icon-color));font-size:var(--luzmo-select-search-icon-height,var(--select-search-icon-height));width:var(--luzmo-select-search-icon-width,var(--select-search-icon-width));text-align:center;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}#search:focus-within+#search-icon,#search:focus+#search-icon{color:var(--luzmo-select-search-icon-color-focus,var(--select-search-icon-color-focus))}#search{box-sizing:border-box;border-top-left-radius:var(--luzmo-popover-border-radius,var(--popover-border-radius));border-top-right-radius:var(--luzmo-popover-border-radius,var(--popover-border-radius));background-color:var(--luzmo-select-search-background-color,var(--select-search-background-color));width:100%;color:var(--luzmo-select-search-color,var(--select-search-color));height:var(--luzmo-select-button-block-size,var(--select-button-block-size));line-height:var(--luzmo-select-button-block-size,var(--select-button-block-size));padding-left:calc(var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content)) + var(--luzmo-select-spacing-search-icon-to-text,var(--select-spacing-search-icon-to-text)) + var(--luzmo-select-search-icon-width,var(--select-search-icon-width)));padding-right:var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content));font-size:var(--luzmo-select-font-size,var(--select-font-size));font-family:var(--luzmo-select-font-family,var(--select-font-family));line-height:var(--luzmo-select-button-line-height,var(--select-button-line-height));font-weight:var(--luzmo-select-font-weight,var(--select-font-weight));border:var(--luzmo-select-search-input-border-bottom-width,var(--select-search-input-border-bottom-width)) solid var(--luzmo-select-search-input-border-bottom-color,var(--select-search-input-border-bottom-color));outline:none}#no-results{color:var(--luzmo-select-no-results-color,var(--select-no-results-color));font-style:var(--luzmo-select-no-results-font-style,var(--select-no-results-font-style));height:var(--luzmo-select-no-results-height,var(--select-no-results-height));padding-inline:var(--luzmo-select-no-results-spacing-edge-to-text,var(--select-no-results-spacing-edge-to-text));align-items:center;display:flex}:host{--select-popover-max-width:300px;--select-popover-min-width:160px;--select-font-family:var(--luzmo-font-family);--select-font-size:var(--luzmo-font-size);--select-font-weight:var(--luzmo-font-weight);--select-spacing-search-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-search-icon-height:var(--luzmo-font-size);--select-search-icon-width:var(--luzmo-font-size);--select-search-icon-color:var(--luzmo-disabled-color);--select-search-icon-color-focus:var(--luzmo-font-color);--select-search-color:var(--luzmo-font-color);--select-search-background-color:var(--luzmo-background-color);--select-search-container-border-bottom-width:var(--luzmo-border-width);--select-search-container-border-bottom-color:var(--luzmo-border-color);--select-search-input-border-bottom-width:var(--luzmo-border-width);--select-search-input-border-bottom-color:transparent;--select-background-color-default:var(--luzmo-background-color);--select-background-color-default-open:var(--luzmo-background-color-hover);--select-background-color-active:var(--luzmo-background-color-down);--select-background-color-hover:var(--luzmo-background-color-hover);--select-background-color-hover-open:var(--luzmo-background-color-down);--select-background-color-key-focus:var(--luzmo-background-color-down);--select-border-color-default:var(--luzmo-border-color);--select-border-color-default-open:var(--luzmo-border-color-hover);--select-border-color-hover:var(--luzmo-border-color);--select-border-color-hover-open:var(--luzmo-border-color-hover);--select-border-color-active:var(--luzmo-border-color);--select-border-color-key-focus:var(--luzmo-border-color);--select-button-border-width:var(--luzmo-border-width);--select-placeholder-font-style:var(--luzmo-font-style);--select-button-line-height:var(--luzmo-line-height);--select-button-box-shadow:0px 1px 3px 0px rgba(var(--luzmo-border-color-rgb), .06);--select-button-block-size:var(--luzmo-component-height);--select-button-border-radius:var(--luzmo-border-radius);--select-button-border-radius-reset:0;--select-inline-edge-to-content:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-icon-to-clear-icon:var(--select-spacing-icon-to-disclosure-icon);--select-inline-edge-to-content-quiet:0px;--select-spacing-label-to-select:0px;--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-edge-to-disclosure-icon-quiet:0px;--select-animation-duration:var(--luzmo-animation-duration);--select-font-color-default:var(--luzmo-font-color);--select-font-color-default-open:var(--luzmo-font-color-hover);--select-font-color-hover:var(--luzmo-font-color-hover);--select-font-color-hover-open:var(--luzmo-font-color-down);--select-font-color-active:var(--luzmo-font-color-focus);--select-font-color-key-focus:var(--luzmo-font-color-focus);--select-icon-color-default:var(--luzmo-font-color);--select-icon-color-default-open:var(--luzmo-font-color-hover);--select-icon-color-hover:var(--luzmo-font-color-hover);--select-icon-color-hover-open:var(--luzmo-font-color-hover);--select-icon-color-active:var(--luzmo-font-color-focus);--select-icon-color-key-focus:var(--luzmo-font-color-focus);--select-border-color-error-default:var(--luzmo-negative-color);--select-border-color-error-default-open:var(--luzmo-negative-color-down);--select-border-color-error-hover:var(--luzmo-negative-color-hover);--select-border-color-error-hover-open:var(--luzmo-negative-color-down);--select-border-color-error-active:var(--luzmo-negative-color-down);--select-border-color-error-key-focus:var(--luzmo-negative-color-focus);--select-icon-color-error:var(--luzmo-negative-color);--select-background-color-disabled:var(--luzmo-background-color-disabled);--select-font-color-disabled:var(--luzmo-disabled-color);--select-icon-color-disabled:var(--luzmo-disabled-color);--select-focus-indicator-gap:var(--luzmo-indicator-gap);--select-focus-indicator-width:var(--luzmo-indicator-width);--select-focus-indicator-color:var(--luzmo-indicator-color);--select-disclosure-icon-size:var(--luzmo-font-size-s);--select-no-results-height:var(--select-button-block-size);--select-no-results-color:var(--select-font-color-disabled);--select-no-results-font-style:italic;--select-no-results-spacing-edge-to-text:var(--select-inline-edge-to-content)}:host([size=s]){--select-button-block-size:var(--luzmo-component-height-s);--select-font-size:var(--luzmo-font-size-s);--select-search-icon-height:var(--luzmo-font-size-s);--select-search-icon-width:var(--luzmo-font-size-s);--select-popover-max-width:280px;--select-popover-min-width:140px;--select-spacing-search-icon-to-text:var(--luzmo-spacing-3);--select-inline-edge-to-content:var(--luzmo-spacing-3);--select-spacing-text-to-icon:var(--luzmo-spacing-3);--select-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--select-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-3));--select-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--select-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--select-button-block-size:var(--luzmo-component-height-l);--select-font-size:var(--luzmo-font-size-l);--select-search-icon-height:var(--luzmo-font-size-l);--select-search-icon-width:var(--luzmo-font-size-l);--select-popover-max-width:360px;--select-popover-min-width:220px;--select-spacing-search-icon-to-text:var(--luzmo-spacing-4);--select-inline-edge-to-content:var(--luzmo-spacing-4);--select-spacing-text-to-icon:var(--luzmo-spacing-4);--select-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--select-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-4));--select-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--select-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--select-button-block-size:var(--luzmo-component-height-xl);--select-font-size:var(--luzmo-font-size-xl);--select-search-icon-height:var(--luzmo-font-size-xl);--select-search-icon-width:var(--luzmo-font-size-xl);--select-popover-max-width:400px;--select-popover-min-width:260px;--select-spacing-search-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-inline-edge-to-content:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-option[selected]){--option-highlight-label-content-color:var(--luzmo-primary-inverse-color);--option-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-option-highlight-label-background-color,var(--option-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-select-inline-size,var(--select-inline-size));min-inline-size:calc(var(--select-minimum-width-multiplier) * var(--luzmo-select-block-size,var(--select-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}.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-options{pointer-events:initial}:host>#no-results,:host>luzmo-options{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--select-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}.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-select-background-color,var(--luzmo-select-background-color-default,var(--select-background-color-default)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-default,var(--select-border-color-default)));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-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-select-background-color,var(--luzmo-select-background-color-default,var(--select-background-color-default)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-default,var(--select-border-color-default)));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-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=()=>o.html`
27
- <div class="icon-container search-icon icon" id="search-icon">
28
- ${(0,c.luzmoIcon)(c.luzmoSearch)}
29
- </div>
30
- `,g=`select-option-menu`,_=class extends t.n(n.t,{noDefaultSize:!0}){static get styles(){return[(0,o.unsafeCSS)(f)]}get selfManageFocusElement(){return this._selfManageFocusElement}constructor(){super(),this.disabled=!1,this.focused=!1,this.variant=`checkmarks`,this.emphasized=!1,this.invalid=!1,this.search=`auto`,this.noWrap=!1,this.retrieving=!1,this.pending=!1,this.clearable=!1,this.hideDropdownIcon=!1,this.pendingLabel=`Pending`,this.searchLabel=`Search`,this.noResultsLabel=`No results`,this.noDataLabel=`No data`,this.multipleLabelTemplate=`Selected {count} items`,this.label=`Select`,this.open=!1,this.readonly=!1,this.placement=`bottom-end`,this.quiet=!1,this.value=[],this.options=[],this.selects=`multiple`,this.dependencyManager=new r.t(this),this.isMobile=new i.r(this,i.n),this.listRole=`listbox`,this.itemRole=`option`,this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.selectionPromise=Promise.resolve(),this.enterKeydownOn=null,this._selectedOptions=[],this.handleSlottableRequest=e=>{},this.renderAngleIcon=()=>p(),this.renderAlertIcon=()=>m(),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.clearValue=e=>{e.preventDefault(),e.stopPropagation(),this.value=[],this.strategy&&(this.strategy.preventNextToggle=`no`),this.open=!1,this.strategy&&(this.strategy.open=!1),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))},this.handleEscape=e=>{e.code===`Escape`&&this.open&&(e.stopPropagation(),e.preventDefault(),this.toggle(!1))},this.handleKeydown=e=>{let{code:t}=e;if(t===`Escape`){this.handleEscape(e);return}if([`Delete`,`Backspace`].includes(t)){this.clearValue(e);return}if(this.focused=!0,!(!t.startsWith(`Arrow`)||this.readonly||this.pending)){if(t===`ArrowUp`||t===`ArrowDown`){this.toggle(!0),e.preventDefault();return}if(e.preventDefault(),this.selects===`single`){let e=t===`ArrowRight`?1:-1,n=this.options.findIndex(e=>e?.value?.toString()===this.value?.[0]?.toString()),r=(this.options.length+n+e)%this.options.length,i=this.options.length;for(;this.options?.[r]?.disabled&&i;)--i,r=(this.options.length+r+e)%this.options.length;this.value=[this.options[r].value??null],this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))}}},this.pendingStateController=new a.t(this)}get focusElement(){return this.open?this.search===`on`||this.search===`auto`&&this.options?.length>20?this.searchInput: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){let t=e?.detail?.value??[];JSON.stringify(this.value)!==JSON.stringify(t)&&(this.value=t),this.strategy&&(this.strategy.preventNextToggle=`no`),e.stopPropagation(),(!e.cancelable||this.selects===`single`)&&(this.open=!1,this.strategy&&(this.strategy.open=!1)),e.preventDefault(),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))}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()}disconnectedCallback(){this.close(),this.strategy?.releaseDescription(),super.disconnectedCallback()}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}get labelTemplate(){let e=this._selectedOptions?.length===1&&this._selectedOptions[0]?.icon,t=o.html`<div
31
- id="icon"
32
- ?hidden=${typeof this.icons==`string`||this.value?.length>1||!e}
33
- >
34
- ${e?(0,c.luzmoIcon)(this._selectedOptions[0].icon):o.nothing}
35
- </div>`,n=e=>e.replaceAll(/{([^}]+)}/g,(e,t)=>t===`count`?String(this.value?.length):e),r={"visually-hidden":this.icons===`only`&&this.value?.length>0,placeholder:!this.value?.length,label:!0},i;i=this.value?.length?this.value.length===1?o.html`<span
36
- >${this._selectedOptions?.[0]?.shortLabel??this._selectedOptions?.[0]?.label??this.value?.[0]}</span
37
- >`:o.html`<span
38
- >${n(this.multipleLabelTemplate)}</span
39
- >`:o.html`
40
- <slot name="label" id="label">
41
- <span aria-hidden="true"> ${this.label} </span>
42
- </slot>
43
- `;let a=this.value?.length?o.html`
44
- <div aria-hidden="true" class="visually-hidden" id="applied-label">
45
- ${this.label}
46
- <slot name="label"></slot>
47
- </div>
48
- `:o.html` <span hidden id="applied-label">${this.label}</span> `;return[o.html`
49
- ${this.value?.length===1?t:o.nothing}
50
- <div
51
- id=${(0,l.ifDefined)(this.value?.length?`label`:void 0)}
52
- class=${(0,u.classMap)(r)}
53
- >
54
- ${i}
55
- </div>
56
- ${a}
57
- ${this.invalid&&!this.pending?o.html` ${this.renderAlertIcon()} `:o.nothing}
58
- ${this.pendingStateController.renderPendingState()}
59
- ${this.clearable&&!this.readonly&&this.value?.length>0?o.html`
60
- <div class="icon-container clear-icon icon" @click=${this.clearValue}>
61
- ${(0,c.luzmoIcon)(c.luzmoClose14)}
62
- </div>
63
- `:o.nothing}
64
- ${this.readonly||this.hideDropdownIcon?o.nothing:this.renderAngleIcon()}
65
- <slot
66
- aria-hidden="true"
67
- name="tooltip"
68
- id="tooltip"
69
- @slotchange=${this.handleTooltipSlotchange}
70
- ></slot>
71
- `]}update(e){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),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener(`keydown`,this.handleKeydown)}willUpdate(e){let t=e.has(`open`),n=e.has(`value`),r=e.has(`options`),i=e.has(`selects`),a=e.get(`open`);i&&this.selects===`single`&&this.value?.length>1&&(console.warn(`luzmo-select is being set to a single value given the selects property changed to 'single'`),this.value=this.value.slice(0,1)),t&&a===!1&&this.open&&this.searchString&&(this.searchString=``),(n||r)&&this.setSelectedOptionsFromValue()}updated(e){super.updated(e);let t=e.has(`options`),n=e.has(`open`),r=e.has(`placement`);if(n&&(this.strategy.open=this.open,this.open===!1&&this.optionsMenu.scrollToTop()),t){let e=this.options?.length??0;for(let t of this.options??[])t.children?.length&&(e+=t.children.length);if(e>25){let e=this.options[0];for(let t of this.options)(t.label?.length??0)>(e.label?.length??0)&&(e=t);for(let t of this.options)if(t.children?.length)for(let n of t.children){let r=`${t.label} (${n.label})`;r.length>(e?.label?.length??0)&&(e={...n,label:r})}this._estimatePopoverWidth(e)}else this.style.removeProperty(`--select-popover-width`)}this.strategy?.overlay&&(this.strategy.overlay.type!==`auto`&&(this.strategy.overlay.type=`auto`),(r||this.strategy.overlay.type===`auto`)&&(this.strategy.overlay.placement=this.placement))}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}_getCssVarInPixels(e){let t=d(this,e),n;if(t.endsWith(`rem`)){let e=Number.parseFloat(getComputedStyle(document.documentElement).fontSize);n=Number.parseFloat(t)*e}else if(t.endsWith(`em`)){let e=Number.parseFloat(getComputedStyle(this).fontSize);n=Number.parseFloat(t)*e}else n=Number.parseFloat(t);return n>=0?n:void 0}_estimatePopoverWidth(e){let t=this._getCssVarInPixels(`--luzmo-select-font-size`)??this._getCssVarInPixels(`--select-font-size`),n=this._getCssVarInPixels(`--luzmo-select-popover-min-width`)??this._getCssVarInPixels(`--select-popover-min-width`),r=this._getCssVarInPixels(`--luzmo-spacing-5`),i=document.createElement(`luzmo-options`);i.style.setProperty(`--luzmo-select-font-size`,`${t}px`),i.options=[e],i.value=[e.value??null],i.variant=this.variant,i.size=this.size,i.style.position=`absolute`,i.style.left=`-9999px`,i.style.top=`-9999px`,i.style.opacity=`0`,i.style.width=`auto`,document.body.append(i),i.updateComplete.then(()=>{let e=i.offsetWidth+(r??0);return e>(n??0)?this.style.setProperty(`--select-popover-width`,`${e}px`):this.style.removeProperty(`--select-popover-width`),i.remove(),e}).catch(e=>{console.error(e),i.remove()})}get dismissHelper(){return o.html`
72
- <div class="visually-hidden">
73
- <button
74
- tabindex="-1"
75
- aria-label="Dismiss"
76
- @click=${this.close}
77
- ></button>
78
- </div>
79
- `}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),o.html`
80
- <span
81
- id="focus-helper"
82
- tabindex=${this.focused||this.open?`-1`:`0`}
83
- @focus=${this.handleHelperFocus}
84
- aria-describedby=${g}
85
- ></span>
86
- <button
87
- aria-controls=${(0,l.ifDefined)(this.open?`menu`:void 0)}
88
- aria-describedby="tooltip"
89
- aria-expanded=${this.open?`true`:`false`}
90
- aria-haspopup="true"
91
- aria-labelledby="loader icon label applied-label"
92
- id="button"
93
- class=${(0,l.ifDefined)(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
94
- @blur=${this.handleButtonBlur}
95
- @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
96
- ?disabled=${this.disabled}
97
- tabindex="-1"
98
- >
99
- ${this.labelTemplate}
100
- </button>
101
- ${this.renderMenu} ${this.renderDescriptionSlot}
102
- `}get renderDescriptionSlot(){return o.html`
103
- <div id=${g}>
104
- <slot name="description"></slot>
105
- </div>
106
- `}setSelectedOptionsFromValue(){let e=[];for(let t of this.options){let n=t?.value;!t.children?.length&&this.value?.includes(n??null)&&e.push(t);for(let n of t.children??[]){let r=n?.value;this.value?.includes(r??null)&&e.push({...n,label:`${t.label} (${n.label})`})}}this._selectedOptions=e}renderSearchInput(){return o.html`
107
- <div id="search-container">
108
- <input
109
- type="text"
110
- id="search"
111
- .placeholder=${this.searchLabel}
112
- @input=${this.handleSearchInput}
113
- @keydown=${this.handleSearchKeydown}
114
- .value=${this.searchString??``}
115
- .aria-label=${this.searchLabel}
116
- autocomplete="off"
117
- tabindex="0"
118
- role="searchbox"
119
- />
120
- ${h()}
121
- </div>
122
- `}get renderMenu(){let e=this.options.filter(e=>(typeof e==`string`?e:e?.label)?.toString()?.toLowerCase()?.includes(this.searchString?.toLowerCase()??``)),t=o.html`
123
- <luzmo-options
124
- .variant=${this.variant}
125
- aria-labelledby="applied-label"
126
- id="menu"
127
- ?emphasized=${this.emphasized}
128
- .selects=${this.selects??`multiple`}
129
- .options=${e}
130
- .value=${this.value}
131
- .optionIconRenderer=${this.optionIconRenderer}
132
- ?pending=${this.retrieving}
133
- ?no-wrap=${this.noWrap}
134
- @change=${this.handleChange}
135
- @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
136
- @luzmo-scrolled=${this.handleScrolled}
137
- @luzmo-exceeded-top=${this.handleExceededTop}
138
- role=${this.listRole}
139
- size=${this.size}
140
- tabindex="0"
141
- >
142
- </luzmo-options>
143
- ${e.length===0&&!this.retrieving&&!this.pending?o.html`<div id="no-results">
144
- ${this.searchString?this.noResultsLabel:this.noDataLabel}
145
- </div>`:o.nothing}
146
- `;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add(`luzmo-overlay`),this.renderOverlay(t)):t}renderOverlay(e){return this.strategy?.overlay===void 0?e:((0,o.render)(this.renderContainer(e),this.strategy?.overlay,{host:this}),this.strategy?.overlay)}renderContainer(e){let t=this.search===`on`||this.searchString&&this.searchString?.length>0||this.search===`auto`&&this.options?.length>20,n=o.html`
147
- ${t?this.renderSearchInput():o.nothing} ${this.dismissHelper} ${e} ${this.dismissHelper}
148
- `;return this.dependencyManager.add(`luzmo-popover`),o.html`
149
- <luzmo-popover
150
- class=${(0,l.ifDefined)(t?`search-on`:void 0)}
151
- id="popover"
152
- size=${this.size}
153
- role="presentation"
154
- placement=${this.placement}
155
- >
156
- ${n}
157
- </luzmo-popover>
158
- `}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.selectionPromise,this.overlayElement&&await this.overlayElement.updateComplete,e}handleScrolled(e){e.stopPropagation(),e.preventDefault(),this.dispatchEvent(new CustomEvent(`luzmo-scrolled`,{bubbles:!0,composed:!0,cancelable:!0,detail:{first:e?.detail?.first,last:e?.detail?.last}}))}handleExceededTop(e){e.preventDefault(),e.stopPropagation(),this.searchInput?this.searchInput.focus():this.toggle(!1)}handleSearchInput(e){let t=e.target.value;t!==this.searchString&&(this.searchString=t,this.dispatchEvent(new CustomEvent(`luzmo-search`,{bubbles:!0,composed:!0,cancelable:!0,detail:{string:this.searchString}})))}handleSearchKeydown(e){if(e.code===`Escape`){this.searchString?this.searchString=``:this.handleEscape(e);return}if(e.code===`ArrowDown`){this.optionsMenu.focus(),e.preventDefault(),e.stopPropagation();return}else if(e.code===`ArrowUp`){this.toggle(!1);return}}};e.t([(0,s.query)(`#button`)],_.prototype,`button`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`disabled`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`focused`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],_.prototype,`icons`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],_.prototype,`variant`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`emphasized`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`invalid`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],_.prototype,`search`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0,attribute:`no-wrap`})],_.prototype,`noWrap`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`retrieving`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`pending`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`clearable`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0,attribute:`hide-dropdown-icon`})],_.prototype,`hideDropdownIcon`,void 0),e.t([(0,s.property)({type:String,attribute:`pending-label`})],_.prototype,`pendingLabel`,void 0),e.t([(0,s.property)({type:String,attribute:`search-label`})],_.prototype,`searchLabel`,void 0),e.t([(0,s.property)({type:String,attribute:`no-results-label`})],_.prototype,`noResultsLabel`,void 0),e.t([(0,s.property)({type:String,attribute:`no-data-label`})],_.prototype,`noDataLabel`,void 0),e.t([(0,s.property)({type:String,attribute:`multiple-label-template`,reflect:!0})],_.prototype,`multipleLabelTemplate`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],_.prototype,`label`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`open`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`readonly`,void 0),e.t([(0,s.state)()],_.prototype,`labelAlignment`,void 0),e.t([(0,s.state)()],_.prototype,`displayLabelContent`,void 0),e.t([(0,s.state)()],_.prototype,`searchString`,void 0),e.t([(0,s.query)(`luzmo-options`)],_.prototype,`optionsMenu`,void 0),e.t([(0,s.query)(`#search`)],_.prototype,`searchInput`,void 0),e.t([(0,s.query)(`luzmo-overlay`)],_.prototype,`overlayElement`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],_.prototype,`placement`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],_.prototype,`quiet`,void 0),e.t([(0,s.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])},converter:{fromAttribute:e=>{if(!e||e===``)return[];try{return JSON.parse(e)}catch{return[]}},toAttribute:e=>JSON.stringify(e)}})],_.prototype,`value`,void 0),e.t([(0,s.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])}})],_.prototype,`options`,void 0),e.t([(0,s.property)({attribute:!1})],_.prototype,`optionIconRenderer`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],_.prototype,`selects`,void 0),customElements.get(`luzmo-select`)||customElements.define(`luzmo-select`,_),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
@@ -1,18 +0,0 @@
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
- require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`);let t=require(`lit/decorators.js`);var n={xxs:`xxs`,xs:`xs`,s:`s`,m:`m`,l:`l`,xl:`xl`,xxl:`xxl`};function r(n,{validSizes:r=[`s`,`m`,`l`,`xl`],noDefaultSize:i,defaultSize:a=`m`}={}){class o extends n{constructor(...e){super(...e),this._size=a}get size(){return this._size||a}set size(e){let t=i?null:a,n=e&&e.toLocaleLowerCase(),o=r.includes(n)?n:t;if(o&&this.setAttribute(`size`,o),this._size===o)return;let s=this._size;this._size=o,this.requestUpdate(`size`,s)}update(e){!this.hasAttribute(`size`)&&!i&&this.setAttribute(`size`,this.size),super.update(e)}}return e.t([(0,t.property)({type:String})],o.prototype,`size`,null),o}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
@@ -1,18 +0,0 @@
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
- require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`);let t=require(`lit`),n=require(`lit/decorators.js`);var r=`:host{box-sizing:border-box;background-color:var(--highcontrast-skeleton-loader-background-color,var(--luzmo-skeleton-loader-background-color,var(--skeleton-loader-background-color)));border-radius:var(--luzmo-skeleton-loader-border-radius,var(--skeleton-loader-border-radius));block-size:100%;inline-size:100%;display:block;position:relative;overflow:hidden;border-width:var(--luzmo-skeleton-loader-border-width,var(--skeleton-loader-border-width))!important;border-style:solid!important;border-color:var(--highcontrast-skeleton-loader-border-color,var(--luzmo-skeleton-loader-border-color,var(--skeleton-loader-border-color)))!important}.shimmer{background:linear-gradient(to right, transparent 0%, var(--luzmo-skeleton-loader-shimmer-color,var(--skeleton-loader-shimmer-color)) 50%, transparent 100%);inline-size:100%;position:absolute;inset-block:0;inset-inline-start:0;transform:translate(-100%)}@keyframes skeleton-loader-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:no-preference){.shimmer{animation-name:skeleton-loader-shimmer;animation-duration:var(--luzmo-skeleton-loader-animation-duration,var(--skeleton-loader-animation-duration));will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite}}@media (forced-colors:active){:host{--highcontrast-skeleton-loader-background-color:Canvas;--highcontrast-skeleton-loader-border-color:CanvasText;forced-color-adjust:none}.shimmer{display:none}}:host{--skeleton-loader-background-color:var(--luzmo-background-color-highlight);--skeleton-loader-shimmer-color:#ffffffb3;--skeleton-loader-border-color:var(--luzmo-border-color);--skeleton-loader-border-width:var(--luzmo-border-width);--skeleton-loader-border-radius:var(--luzmo-border-radius-xl);--skeleton-loader-animation-duration:1.5s}`,i=class extends e.n{static get styles(){return[(0,t.unsafeCSS)(r)]}render(){return t.html`<div class="shimmer" part="shimmer"></div>`}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-hidden`,`true`)}updated(e){super.updated(e),e.has(`width`)&&(this.style.inlineSize=this.width??``),e.has(`height`)&&(this.style.blockSize=this.height??``)}};e.t([(0,n.property)({type:String,reflect:!0})],i.prototype,`width`,void 0),e.t([(0,n.property)({type:String,reflect:!0})],i.prototype,`height`,void 0),customElements.get(`luzmo-skeleton-loader`)||customElements.define(`luzmo-skeleton-loader`,i),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});