@luzmo/lucero 2.5.1 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (490) hide show
  1. package/components/accordion/index.cjs +1 -1
  2. package/components/accordion/index.js +1 -2
  3. package/components/{accordion-ciplqKwM.js → accordion-BJLsCC-2.js} +7 -8
  4. package/components/{accordion-BK0LfhmL.cjs → accordion-OQ0RoC_7.cjs} +1 -1
  5. package/components/action-bar/index.cjs +1 -1
  6. package/components/action-bar/index.js +1 -2
  7. package/components/{action-bar-BZBIeGo7.js → action-bar-B-Y-gJ8B.js} +9 -17
  8. package/components/{action-bar-DAqG_7VG.cjs → action-bar-Dyt2tyjr.cjs} +1 -1
  9. package/components/action-button/index.cjs +1 -1
  10. package/components/action-button/index.js +1 -2
  11. package/components/{action-button-DU95RNNi.js → action-button-BB3ZZFNN.js} +6 -8
  12. package/components/{action-button-B4_uvHiN.cjs → action-button-CL4ZlryE.cjs} +1 -1
  13. package/components/action-group/index.cjs +1 -1
  14. package/components/action-group/index.js +1 -2
  15. package/components/{action-group-oo7YV0EW.cjs → action-group-Doll-3Bf.cjs} +1 -1
  16. package/components/{action-group-DSiruuF0.js → action-group-HECoPCas.js} +7 -9
  17. package/components/action-menu/index.cjs +1 -1
  18. package/components/action-menu/index.js +1 -2
  19. package/components/{action-menu-C_vyFNJt.cjs → action-menu-BW-XpCVO.cjs} +1 -1
  20. package/components/{action-menu-B6nNYwlL.js → action-menu-LnXQ7reF.js} +11 -13
  21. package/components/avatar/index.cjs +1 -1
  22. package/components/avatar/index.js +1 -2
  23. package/components/{avatar-CwSyYAKV.js → avatar-CVRQDsx6.js} +7 -9
  24. package/components/{avatar-DHS5UGTJ.cjs → avatar-DFzJbtId.cjs} +1 -1
  25. package/components/badge/index.cjs +1 -1
  26. package/components/badge/index.js +1 -2
  27. package/components/{badge-Bp-1d70q.js → badge-BSfzmBRf.js} +6 -8
  28. package/components/{badge-CNeUkS4b.cjs → badge-DzElGOcl.cjs} +1 -1
  29. package/components/button/index.cjs +1 -1
  30. package/components/button/index.js +2 -2
  31. package/components/{button-B1V_2tHk.cjs → button-BGEWdRbY.cjs} +2 -2
  32. package/components/{button-QXavBh1X.js → button-CpaltgRZ.js} +12 -13
  33. package/components/{button-base-DiPzVpp4.js → button-base-BzakIKd0.js} +12 -35
  34. package/components/{button-base-DiNxrttk.cjs → button-base-CpK2ktvQ.cjs} +3 -3
  35. package/components/button-group/index.cjs +1 -1
  36. package/components/button-group/index.js +1 -2
  37. package/components/{button-group-Du7R4SxZ.cjs → button-group-C23OtGC0.cjs} +1 -1
  38. package/components/{button-group-Duf-Igst.js → button-group-DMsT6N0P.js} +4 -6
  39. package/components/calendar/index.cjs +1 -1
  40. package/components/calendar/index.js +1 -2
  41. package/components/{calendar-CLGqcox8.cjs → calendar-BqyGW8gU.cjs} +3 -3
  42. package/components/{calendar-BNGwCJsG.js → calendar-D4x5gp_0.js} +14 -33
  43. package/components/chat-message/index.cjs +1 -1
  44. package/components/chat-message/index.js +1 -2
  45. package/components/{chat-message-D6U-sprD.js → chat-message-5gP_qbiz.js} +665 -654
  46. package/components/chat-message-Dn5GKsSD.cjs +148 -0
  47. package/components/chat-message-group/index.cjs +1 -1
  48. package/components/chat-message-group/index.js +1 -2
  49. package/components/{chat-message-group-k9lo-ZqD.js → chat-message-group-Bp4mshBY.js} +18 -18
  50. package/components/{chat-message-group-CvxdX3jt.cjs → chat-message-group-CJddlS85.cjs} +1 -1
  51. package/components/checkbox/index.cjs +1 -1
  52. package/components/checkbox/index.js +1 -2
  53. package/components/checkbox-CVi4GMoo.cjs +25 -0
  54. package/components/{checkbox-CydI9yXG.js → checkbox-CvRvgRzh.js} +7 -13
  55. package/components/{checkbox-mixin-jqmrh48O.js → checkbox-mixin-BIuvxtEt.js} +2 -3
  56. package/components/{checkbox-mixin-rFRXqyrK.cjs → checkbox-mixin-DAdnTm-F.cjs} +1 -1
  57. package/components/{close-button-Dlvtf9lB.js → close-button-7zS6PUzh.js} +5 -6
  58. package/components/{close-button-BAELImQY.cjs → close-button-B06i2hJn.cjs} +1 -1
  59. package/components/color-area/color-area.d.ts +15 -0
  60. package/components/color-area/index.cjs +1 -1
  61. package/components/color-area/index.d.ts +1 -0
  62. package/components/color-area/index.js +1 -2
  63. package/components/color-area-CFBE-rG3.cjs +80 -0
  64. package/components/{color-area-lbg8wwZG.js → color-area-GGa8KJyd.js} +88 -57
  65. package/components/color-controller-BpdydwTO.cjs +18 -0
  66. package/components/{color-controller-Rg_Zl0sT.js → color-controller-CauSxC_r.js} +1 -2
  67. package/components/color-field/index.cjs +1 -1
  68. package/components/color-field/index.js +1 -2
  69. package/components/{color-field-BH9x46k_.cjs → color-field-CN8shDl_.cjs} +1 -1
  70. package/components/{color-field-C9S-Fv46.js → color-field-CVyDNZ4b.js} +5 -7
  71. package/components/color-handle/index.cjs +1 -1
  72. package/components/color-handle/index.js +1 -2
  73. package/components/{color-handle-BEDQ1RcS.js → color-handle-Ya92rdpA.js} +9 -8
  74. package/components/{color-handle-2iFLp9FN.cjs → color-handle-hJ7Kblh4.cjs} +1 -1
  75. package/components/color-loupe/index.cjs +1 -1
  76. package/components/color-loupe/index.js +1 -2
  77. package/components/{color-loupe-6NcLbFco.cjs → color-loupe-2X1bCYU9.cjs} +1 -1
  78. package/components/{color-loupe-CqHyyvjQ.js → color-loupe-Bu37Uwk6.js} +3 -5
  79. package/components/color-menu/color-menu.d.ts +11 -0
  80. package/components/color-menu/index.cjs +1 -1
  81. package/components/color-menu/index.d.ts +1 -0
  82. package/components/color-menu/index.js +1 -2
  83. package/components/{color-menu-BYTgxLQG.cjs → color-menu-COhe5VUB.cjs} +1 -1
  84. package/components/{color-menu-qJK_clDq.js → color-menu-Ct3f01bI.js} +15 -14
  85. package/components/color-palette/index.cjs +1 -1
  86. package/components/color-palette/index.js +1 -2
  87. package/components/{color-palette-x6W09EBL.cjs → color-palette-D5NZDz5I.cjs} +1 -1
  88. package/components/{color-palette-CqiO5ohz.js → color-palette-UU7Feiwh.js} +7 -8
  89. package/components/color-palette-group/index.cjs +1 -1
  90. package/components/color-palette-group/index.js +1 -2
  91. package/components/{color-palette-group-zByrO_qb.js → color-palette-group-CwmC9iR1.js} +5 -7
  92. package/components/{color-palette-group-D4k_7pW6.cjs → color-palette-group-DhGh0Db8.cjs} +1 -1
  93. package/components/color-picker/color-picker.d.ts +13 -0
  94. package/components/color-picker/index.cjs +1 -1
  95. package/components/color-picker/index.d.ts +1 -0
  96. package/components/color-picker/index.js +1 -2
  97. package/components/{color-picker-CSuAPo5X.js → color-picker-DWERcNZi.js} +13 -12
  98. package/components/{color-picker-BAikpqUT.cjs → color-picker-ELa0yF2F.cjs} +1 -1
  99. package/components/color-slider/color-slider.d.ts +17 -0
  100. package/components/color-slider/index.cjs +1 -1
  101. package/components/color-slider/index.d.ts +1 -0
  102. package/components/color-slider/index.js +1 -2
  103. package/components/{color-slider-0JzdSRTy.js → color-slider-DNd_ZrD6.js} +97 -64
  104. package/components/color-slider-IYBn2DL7.cjs +58 -0
  105. package/components/{condition-attribute-with-id-BdnTdWKz.js → condition-attribute-with-id-v1wjKZc3.js} +1 -2
  106. package/components/date-range-picker/index.cjs +1 -1
  107. package/components/date-range-picker/index.js +1 -2
  108. package/components/{date-range-picker-5SDPe2fQ.js → date-range-picker-CoCz3uDz.js} +28 -29
  109. package/components/{date-range-picker-CLfEEYkE.cjs → date-range-picker-DyJdcFiA.cjs} +3 -3
  110. package/components/date-time-picker/index.cjs +1 -1
  111. package/components/date-time-picker/index.js +1 -2
  112. package/components/{date-time-picker-DXTksnPd.cjs → date-time-picker-CEEeMXGn.cjs} +3 -3
  113. package/components/{date-time-picker-s3xujamC.js → date-time-picker-CsgO17tA.js} +23 -36
  114. package/components/{decorate-CkCg3wfh.js → decorate-CpKsOs9z.js} +18 -19
  115. package/components/{decorate-Dq34MBGe.cjs → decorate-SO02l0A6.cjs} +1 -1
  116. package/components/{dependency-manger-wHEXoU92.js → dependency-manger-BneVBZQi.js} +1 -2
  117. package/components/divider/index.cjs +1 -1
  118. package/components/divider/index.js +1 -2
  119. package/components/{divider-Cz5nyvP9.js → divider-Bt0NIqfu.js} +5 -7
  120. package/components/{divider-BcE8D-pH.cjs → divider-fWGUxO6A.cjs} +1 -1
  121. package/components/{divider.module-CPEKsaqR.js → divider.module-B_GRUJ4d.js} +1 -2
  122. package/components/{element-resolution-gap51AVo.js → element-resolution-BYvcpZwK.js} +1 -2
  123. package/components/field-group/index.cjs +1 -1
  124. package/components/field-group/index.js +2 -3
  125. package/components/{field-group-Dd5xYczm.cjs → field-group-B8mhEhNJ.cjs} +1 -1
  126. package/components/{field-group-C_kRq7pJ.js → field-group-CdDcdMO1.js} +3 -4
  127. package/components/field-label/index.cjs +1 -1
  128. package/components/field-label/index.js +1 -2
  129. package/components/{field-label-C0vfY1b6.cjs → field-label-B3IsGUTv.cjs} +2 -2
  130. package/components/{field-label-C28wWqC5.js → field-label-DOUnHwwh.js} +9 -15
  131. package/components/focus-group-C0ncbmUD.cjs +18 -0
  132. package/components/{focus-group-DVPa1zxz.js → focus-group-lQqPbdDl.js} +5 -7
  133. package/components/{focus-visible-DNHNlrty.cjs → focus-visible-BQAhwoxi.cjs} +1 -1
  134. package/components/{focus-visible-Bt2uDmuM.js → focus-visible-D6TRtUd7.js} +2 -3
  135. package/components/focusable-BIHTrJd6.cjs +18 -0
  136. package/components/{focusable-selectors-BWpiuXz5.js → focusable-selectors-BDNeWxbe.js} +1 -2
  137. package/components/{focusable-DuP0-Kuy.js → focusable-xjv79E40.js} +9 -17
  138. package/components/{get-label-from-slot-Bo9mqYCZ.js → get-label-from-slot-Bw5crGFw.js} +1 -2
  139. package/components/icon/index.cjs +1 -1
  140. package/components/icon/index.js +1 -2
  141. package/components/{icon-zOPAWCdx.cjs → icon-BlbMP3mJ.cjs} +1 -1
  142. package/components/{icon-CsJZMhIm.js → icon-DADJww_a.js} +4 -7
  143. package/components/index.cjs +1 -1
  144. package/components/index.js +71 -71
  145. package/components/infield-button/index.cjs +1 -1
  146. package/components/infield-button/index.js +1 -2
  147. package/components/{infield-button-DiE8R6ol.js → infield-button-CeE_JxR6.js} +5 -7
  148. package/components/{infield-button-kilVRjwB.cjs → infield-button-uD1GqTLW.cjs} +1 -1
  149. package/components/interaction-BjXWVy_C.cjs +18 -0
  150. package/components/interaction-BpCLJ1OV.js +83 -0
  151. package/components/label/index.cjs +1 -1
  152. package/components/label/index.js +1 -2
  153. package/components/{label-e6Y13vrS.js → label-D1v4e6mN.js} +3 -5
  154. package/components/{label-B3zs6OX0.cjs → label-uuwIy_Ge.cjs} +1 -1
  155. package/components/{language-resolution-BaKYDD1a.js → language-resolution-7rc0khIK.js} +3 -4
  156. package/components/{language-resolution-CSjktYg5.cjs → language-resolution-B7D3hQ6_.cjs} +1 -1
  157. package/components/{like-anchor-DXCaEv7O.js → like-anchor-DcFv8rEo.js} +2 -3
  158. package/components/{like-anchor-BX4PSB3d.cjs → like-anchor-De9STeWr.cjs} +1 -1
  159. package/components/{manage-help-text-ByLb0QYX.js → manage-help-text-CFUaqINN.js} +4 -6
  160. package/components/{match-media-C5X2OZiD.js → match-media-UNh23w4s.js} +1 -2
  161. package/components/menu/index.cjs +1 -1
  162. package/components/menu/index.js +1 -2
  163. package/components/menu-BKwt6rnv.cjs +108 -0
  164. package/components/{menu-fdJseu1y.js → menu-L5qYivn6.js} +43 -67
  165. package/components/multi-language-field/index.cjs +1 -1
  166. package/components/multi-language-field/index.js +1 -2
  167. package/components/{multi-language-field-vJMK-osi.js → multi-language-field-NY2XwK2M.js} +6 -8
  168. package/components/{multi-language-field-BndVikur.cjs → multi-language-field-djoM4Okc.cjs} +1 -1
  169. package/components/notice/index.cjs +1 -1
  170. package/components/notice/index.js +1 -2
  171. package/components/{notice-CQI5kFRd.js → notice-CrLVNmqL.js} +6 -8
  172. package/components/{notice-CQFyo6OE.cjs → notice-f0p0TiGw.cjs} +1 -1
  173. package/components/number-field/index.cjs +1 -1
  174. package/components/number-field/index.js +1 -2
  175. package/components/number-field/number-field.d.ts +4 -0
  176. package/components/{number-field-xxXgR70l.cjs → number-field-CV7g2Q20.cjs} +2 -2
  177. package/components/{number-field-DAOy_AvQ.js → number-field-Crol6vc9.js} +26 -28
  178. package/components/{observe-slot-presence-BKY6n06-.js → observe-slot-presence-t2N_C6Ud.js} +1 -2
  179. package/components/{observe-slot-text-CvL-2ey3.cjs → observe-slot-text-BqwCIv2a.cjs} +1 -1
  180. package/components/{observe-slot-text-Db8Kx3P-.js → observe-slot-text-Dzkb_VqN.js} +2 -3
  181. package/components/options/index.cjs +1 -1
  182. package/components/options/index.js +1 -2
  183. package/components/{options-D_ifU0DH.js → options-BHDesKbF.js} +20 -31
  184. package/components/{options-CP9V2CSJ.cjs → options-Dk1uFeUT.cjs} +5 -5
  185. package/components/overlay/index.cjs +1 -1
  186. package/components/overlay/index.js +2 -2
  187. package/components/overlay-DAOyrYJL.cjs +102 -0
  188. package/components/{overlay-DpHIYJtd.js → overlay-D_Xfq92b.js} +62 -118
  189. package/components/{pending-state-CGHvTtKR.cjs → pending-state-A6NrvaQj.cjs} +1 -1
  190. package/components/{pending-state-D_b45qvi.js → pending-state-BuYmUP6G.js} +2 -3
  191. package/components/picker/index.cjs +1 -1
  192. package/components/picker/index.js +2 -3
  193. package/components/{picker-Czkf6auL.js → picker-C5eX5WBl.js} +24 -40
  194. package/components/{picker-C1tD-4ac.cjs → picker-CQCAt4Mx.cjs} +4 -4
  195. package/components/picker-button/index.cjs +1 -1
  196. package/components/picker-button/index.js +1 -2
  197. package/components/{picker-button-B8Jbf9jK.cjs → picker-button-BWDfzx38.cjs} +2 -2
  198. package/components/{picker-button-CJQJshbo.js → picker-button-BhfY9gyk.js} +11 -12
  199. package/components/{platform-Ce9pNsR9.js → platform-CDW-WdXN.js} +1 -2
  200. package/components/popover/index.cjs +1 -1
  201. package/components/popover/index.js +1 -2
  202. package/components/{popover-BsdqkvKI.cjs → popover-CFzz83f8.cjs} +1 -1
  203. package/components/{popover-DC8tkee-.js → popover-CWrRLzOL.js} +4 -6
  204. package/components/progress-bar/index.cjs +1 -1
  205. package/components/progress-bar/index.js +1 -2
  206. package/components/{progress-bar-CrodWzcc.cjs → progress-bar-9Qg0PYAq.cjs} +2 -2
  207. package/components/{progress-bar-D4iFHkp7.js → progress-bar-D6wIZV5l.js} +16 -22
  208. package/components/progress-circle/index.cjs +1 -1
  209. package/components/progress-circle/index.js +1 -2
  210. package/components/{progress-circle-bO_VAX3N.cjs → progress-circle-C_9UZs2Y.cjs} +1 -1
  211. package/components/{progress-circle-By6qUQYe.js → progress-circle-DcGKwBTC.js} +5 -7
  212. package/components/progress-steps/index.cjs +1 -1
  213. package/components/progress-steps/index.js +1 -2
  214. package/components/progress-steps/progress-steps-model.d.ts +5 -0
  215. package/components/progress-steps/progress-steps.d.ts +4 -3
  216. package/components/progress-steps-5MhpnGKv.cjs +98 -0
  217. package/components/{progress-steps-CXJEaaUg.js → progress-steps-Byem5ieS.js} +43 -51
  218. package/components/prompt-box/index.cjs +1 -1
  219. package/components/prompt-box/index.js +1 -2
  220. package/components/{prompt-box-CA8bsoZP.js → prompt-box-CrtFGmjm.js} +80 -112
  221. package/components/{prompt-box-DyODaKXV.cjs → prompt-box-D7owyhfG.cjs} +15 -15
  222. package/components/question-box/index.cjs +1 -1
  223. package/components/question-box/index.js +1 -2
  224. package/components/{question-box-DSwTpxAW.js → question-box-BJYYLghb.js} +40 -86
  225. package/components/{question-box-cBeVshAq.cjs → question-box-ym1eakXA.cjs} +3 -3
  226. package/components/radio/index.cjs +1 -1
  227. package/components/radio/index.js +1 -2
  228. package/components/{radio-B6hX9Klr.js → radio-CyxICbLM.js} +9 -15
  229. package/components/{radio-CRTfoEX_.cjs → radio-Dd-GgUMm.cjs} +2 -2
  230. package/components/{random-id-CiMDyX7v.js → random-id-CO3s9i3n.js} +1 -2
  231. package/components/{rolldown-runtime-Dy4uBu1J.js → rolldown-runtime-CGnMp29N.js} +1 -2
  232. package/components/{roving-tabindex-pomAn3z-.js → roving-tabindex-BKMkfzY0.js} +2 -3
  233. package/components/{roving-tabindex-BoPao4td.cjs → roving-tabindex-BUFR8hPH.cjs} +1 -1
  234. package/components/{scaled-indicator-C-TupV4L.js → scaled-indicator-CsfzvTDr.js} +1 -2
  235. package/components/search/index.cjs +1 -1
  236. package/components/search/index.js +1 -2
  237. package/components/{search-CFTOvmWA.js → search-C5uFmm6S.js} +7 -9
  238. package/components/{search-DJ6KwOam.cjs → search-DiCwSHFf.cjs} +1 -1
  239. package/components/segments-factory-BFgL5o9K.cjs +18 -0
  240. package/components/{segments-factory-BCRi1NKb.js → segments-factory-B_IBjpdp.js} +5 -12
  241. package/components/select/index.cjs +1 -1
  242. package/components/select/index.js +1 -2
  243. package/components/{select-CKMCEJf7.cjs → select-2Fvb7tpj.cjs} +6 -6
  244. package/components/{select-B86uAHme.js → select-HqF3tcHz.js} +31 -56
  245. package/components/{sized-mixin-DzQTebN-.js → sized-mixin-BmxIAuoH.js} +2 -3
  246. package/components/{sized-mixin-BT7cv-fT.cjs → sized-mixin-CSajkMro.cjs} +1 -1
  247. package/components/skeleton-loader/index.cjs +1 -1
  248. package/components/skeleton-loader/index.js +1 -2
  249. package/components/{skeleton-loader-CNcwCh4V.cjs → skeleton-loader-CEca0cqz.cjs} +1 -1
  250. package/components/{skeleton-loader-BeCsYADg.js → skeleton-loader-tin9y3xc.js} +3 -5
  251. package/components/slider/index.cjs +1 -1
  252. package/components/slider/index.d.ts +1 -0
  253. package/components/slider/index.js +1 -2
  254. package/components/slider/slider.d.ts +18 -0
  255. package/components/{slider-Bsl8Xrme.js → slider-BFTuAXK1.js} +178 -175
  256. package/components/slider-Ce6qgPZ4.cjs +136 -0
  257. package/components/{slottable-request-event-MRSZbgTu.js → slottable-request-event-24jJOhbh.js} +1 -2
  258. package/components/split-view/index.cjs +1 -1
  259. package/components/split-view/index.js +1 -2
  260. package/components/{split-view-CDwHDmII.js → split-view-DDwpoN2O.js} +8 -11
  261. package/components/{split-view-BwCFYey6.cjs → split-view-DNVlr5VD.cjs} +1 -1
  262. package/components/status-light/index.cjs +1 -1
  263. package/components/status-light/index.js +1 -2
  264. package/components/{status-light-COApWq-B.cjs → status-light-Do6z53mM.cjs} +1 -1
  265. package/components/{status-light-B1T3aGJs.js → status-light-DqHhhZed.js} +5 -7
  266. package/components/strategies-C6hzAW86.cjs +18 -0
  267. package/components/{strategies-COS7mShJ.js → strategies-DgPG-vNk.js} +6 -13
  268. package/components/{streaming-listener-Bfyk6Fsx.cjs → streaming-listener-BzGZUHkj.cjs} +1 -1
  269. package/components/{streaming-listener-CtcMpYfS.js → streaming-listener-DyS3scAi.js} +2 -3
  270. package/components/swatch/index.cjs +1 -1
  271. package/components/swatch/index.js +1 -2
  272. package/components/{swatch-Bj2FARl1.js → swatch-BBVsuSAV.js} +25 -44
  273. package/components/{swatch-CQ0inIHK.cjs → swatch-DiNMN-SZ.cjs} +3 -3
  274. package/components/switch/index.cjs +1 -1
  275. package/components/switch/index.js +1 -2
  276. package/components/{switch-CpG-hSWY.js → switch-BBtewLDD.js} +6 -8
  277. package/components/{switch-qwpYXVnO.cjs → switch-DMhCYTgq.cjs} +1 -1
  278. package/components/table/index.cjs +1 -1
  279. package/components/table/index.js +1 -2
  280. package/components/{table-Bcq2K21l.cjs → table-CLMLGloR.cjs} +11 -11
  281. package/components/{table-BckZkgeh.js → table-DlOWqm5C.js} +47 -103
  282. package/components/tabs/index.cjs +1 -1
  283. package/components/tabs/index.js +1 -2
  284. package/components/{tabs-CMU8X4ho.cjs → tabs-B0WHKMuF.cjs} +2 -2
  285. package/components/{tabs-D8U2PxcE.js → tabs-Dkt0B_-A.js} +17 -22
  286. package/components/tags/index.cjs +1 -1
  287. package/components/tags/index.js +1 -2
  288. package/components/{tags-ZzY_q4TH.js → tags-Be4yrNPw.js} +9 -11
  289. package/components/{tags-D8F1o4UZ.cjs → tags-CHDNXpxh.cjs} +1 -1
  290. package/components/{template-property-DNDi7lQv.js → template-property-Bks4Db5C.js} +1 -2
  291. package/components/text-field/index.cjs +1 -1
  292. package/components/text-field/index.js +2 -2
  293. package/components/{text-field-3fDtTQkR.cjs → text-field-BVl-HWzb.cjs} +1 -1
  294. package/components/{text-field-CmyqQxq0.js → text-field-D49lAD7L.js} +4 -5
  295. package/components/{text-field-CbN4nydd.cjs → text-field-DCcOZSvY.cjs} +1 -1
  296. package/components/{text-field-CmSym2QK.js → text-field-DpvP_tCP.js} +7 -10
  297. package/components/{text-field.module-BHhBReKL.js → text-field.module-hEHhPVFf.js} +1 -2
  298. package/components/toast/index.cjs +1 -1
  299. package/components/toast/index.js +1 -2
  300. package/components/{toast-DRrGgznK.cjs → toast-B6yesIcI.cjs} +1 -1
  301. package/components/{toast-KwHx-agn.js → toast-CXZUVaYz.js} +5 -7
  302. package/components/tokens.js +1 -2
  303. package/components/tooltip/index.cjs +1 -1
  304. package/components/tooltip/index.js +1 -2
  305. package/components/{tooltip-DjOW52n2.cjs → tooltip-BE01O3Sg.cjs} +1 -1
  306. package/components/{tooltip-xTa9Q5JW.js → tooltip-g2jd5Wsv.js} +19 -24
  307. package/components/top-nav/index.cjs +1 -1
  308. package/components/top-nav/index.js +1 -2
  309. package/components/{top-nav-81IKEGjR.cjs → top-nav-B0E1K_zf.cjs} +1 -1
  310. package/components/{top-nav-CXjnpdFR.js → top-nav-DiUCsUpZ.js} +9 -11
  311. package/components/utils.cjs +1 -1
  312. package/components/utils.js +8 -8
  313. package/components/{voice-recorder-CTg3kRxx.js → voice-recorder-BXY_l_78.js} +1 -2
  314. package/custom-elements.json +1 -1
  315. package/package.json +1 -1
  316. package/standalone/accordion.js +6 -2
  317. package/standalone/action-bar.js +1 -1
  318. package/standalone/action-button.js +1 -1
  319. package/standalone/action-group.js +1 -1
  320. package/standalone/action-menu.js +1 -1
  321. package/standalone/avatar.js +1 -1
  322. package/standalone/badge.js +1 -1
  323. package/standalone/button-group.js +1 -1
  324. package/standalone/button.js +1 -1
  325. package/standalone/calendar.js +1 -1
  326. package/standalone/chat-message-group.js +1 -1
  327. package/standalone/chat-message.js +31 -31
  328. package/standalone/checkbox.js +1 -1
  329. package/standalone/chunks/NumberFormatter-COykocAS.js +2 -0
  330. package/standalone/chunks/NumberParser--1Rm0Yk7.js +2 -0
  331. package/standalone/chunks/{action-button-BJGE_BDu.js → action-button-0d4u0dWv.js} +1 -1
  332. package/standalone/chunks/{action-group-DTxf-0tP.js → action-group-DlClwXLO.js} +5 -1
  333. package/standalone/chunks/async-directive-ByLzVnWY.js +2 -0
  334. package/standalone/chunks/async-directive-DNgXlN7F.js +2 -0
  335. package/standalone/chunks/{badge-SNXdnyCZ.js → badge-DPFbBRCY.js} +1 -1
  336. package/standalone/chunks/{button-DTL9dD2r.js → button-Bgc3zdEa.js} +1 -1
  337. package/standalone/chunks/{button-DHan4NJY.js → button-BhSe7abg.js} +1 -1
  338. package/standalone/chunks/button-base-DLYrzCSm.js +9 -0
  339. package/standalone/chunks/calendar-BxARYymw.js +122 -0
  340. package/standalone/chunks/checkbox-Cl6YBcGA.js +9 -0
  341. package/standalone/chunks/{checkbox-mixin-BAQWmwps.js → checkbox-mixin-HnfmivU3.js} +1 -1
  342. package/standalone/chunks/class-map-E9JVium5.js +2 -0
  343. package/standalone/chunks/{clear-button-3zpCVxG5.js → clear-button-B4r_oxfc.js} +1 -1
  344. package/standalone/chunks/{close-button-C96dazyi.js → close-button-DVCeu3_f.js} +1 -1
  345. package/standalone/chunks/color-area-D-AVcZza.js +66 -0
  346. package/standalone/chunks/color-controller-BlFueK6Y.js +2 -0
  347. package/standalone/chunks/{color-field-BFvUGE4L.js → color-field-BaVvupq0.js} +1 -1
  348. package/standalone/chunks/{color-handle-BHrAxEG2.js → color-handle-DO7dxFGx.js} +1 -1
  349. package/standalone/chunks/{color-loupe-C34cms5t.js → color-loupe-_dC69K1Z.js} +1 -1
  350. package/standalone/chunks/{color-menu-BIKuitbH.js → color-menu-DIX2y9m_.js} +1 -1
  351. package/standalone/chunks/color-slider-MSADvkPC.js +50 -0
  352. package/standalone/chunks/{directive-helpers-Bu8icI7Y.js → directive-helpers-DM8VtBpR.js} +1 -1
  353. package/standalone/chunks/{divider-Bf9Drp2z.js → divider-vAjIOfo1.js} +1 -1
  354. package/standalone/chunks/{field-group-D8EjgC6F.js → field-group-C1oDgW9m.js} +1 -1
  355. package/standalone/chunks/{field-label-VWHDlW9_.js → field-label-Djcst_hn.js} +2 -2
  356. package/standalone/chunks/flow-CL5kBpdV.js +2 -0
  357. package/standalone/chunks/focus-group-xdTxdfaB.js +4 -0
  358. package/standalone/chunks/{icon-BypO7M7G.js → icon-6P1RsbD1.js} +1 -1
  359. package/standalone/chunks/{infield-button-D03MpU_s.js → infield-button-B8EkjwP9.js} +1 -1
  360. package/standalone/chunks/interaction-BQyflxg-.js +2 -0
  361. package/standalone/chunks/keyed-DYJaQjip.js +2 -0
  362. package/standalone/chunks/{language-resolution-BWHk9A73.js → language-resolution-BwIkGyuH.js} +1 -1
  363. package/standalone/chunks/lit-DWANyjiY.js +3 -0
  364. package/standalone/chunks/lucero-runtime-DMlHjBe_.js +18 -0
  365. package/standalone/chunks/{luzmo-icons-B-pCv-xg.js → luzmo-icons-vtQE0BSI.js} +1 -1
  366. package/standalone/chunks/{manage-help-text-Cl9OJ2xf.js → manage-help-text-DO3PkWgh.js} +1 -1
  367. package/standalone/chunks/menu-CefrRBIS.js +100 -0
  368. package/standalone/chunks/{number-field-B6BDXkL7.js → number-field-BoIKbmIv.js} +2 -2
  369. package/standalone/chunks/observe-slot-presence-BxmG6A0m.js +2 -0
  370. package/standalone/chunks/options-rb_zaAJ6.js +89 -0
  371. package/standalone/chunks/overlay-CgQMEmrM.js +122 -0
  372. package/standalone/chunks/{pending-state-DxeRqe6Q.js → pending-state-DnTXKvtm.js} +1 -1
  373. package/standalone/chunks/{picker-jZI5AjVJ.js → picker-HoERLlkx.js} +4 -4
  374. package/standalone/chunks/{picker-button-BZWqDoNQ.js → picker-button-DbamPU-T.js} +2 -2
  375. package/standalone/chunks/platform-wNs7qaiE.js +10 -0
  376. package/standalone/chunks/{popover-BsB3dmQe.js → popover-Ca-FBqiU.js} +1 -1
  377. package/standalone/chunks/{progress-circle-CEx1b5Sv.js → progress-circle-CFtVq9Ou.js} +1 -1
  378. package/standalone/chunks/property-BsDbx7Z2.js +2 -0
  379. package/standalone/chunks/{radio-2vHhfmHw.js → radio-BJ3RhyUD.js} +2 -2
  380. package/standalone/chunks/random-id-0GBXy8EY.js +2 -0
  381. package/standalone/chunks/repeat-CtNle5_O.js +2 -0
  382. package/standalone/chunks/{roving-tabindex-CB4xC55P.js → roving-tabindex-CivopiNn.js} +1 -1
  383. package/standalone/chunks/scaled-indicator-Do5uhz24.js +10 -0
  384. package/standalone/chunks/segments-factory-B6oGyosS.js +2 -0
  385. package/standalone/chunks/{skeleton-loader-BxYcRRJr.js → skeleton-loader-CymPdQl3.js} +1 -1
  386. package/standalone/chunks/strategies-yujlVHBS.js +4 -0
  387. package/standalone/chunks/streaming-listener-0FSzb9QY.js +8 -0
  388. package/standalone/chunks/style-map-DmBaq1-c.js +2 -0
  389. package/standalone/chunks/{swatch-CGR_GWqO.js → swatch-DivHeYOK.js} +4 -4
  390. package/standalone/chunks/{template-property-Dn64faHO.js → template-property-CyrkVY0Q.js} +1 -1
  391. package/standalone/chunks/{text-field-4OKvLOXG.js → text-field-D5ncaa2n.js} +1 -1
  392. package/standalone/chunks/{text-field-C2oROxum.js → text-field-DXzpM1Qn.js} +1 -1
  393. package/standalone/chunks/{tooltip-DB6jRVyB.js → tooltip-B-j8PrNl.js} +13 -1
  394. package/standalone/chunks/{unsafe-html-BPQaWy0v.js → unsafe-html-BeDipvu3.js} +1 -1
  395. package/standalone/clear-button.js +1 -1
  396. package/standalone/close-button.js +1 -1
  397. package/standalone/color-area.js +1 -1
  398. package/standalone/color-field.js +1 -1
  399. package/standalone/color-handle.js +1 -1
  400. package/standalone/color-loupe.js +1 -1
  401. package/standalone/color-menu.js +1 -1
  402. package/standalone/color-palette-group.js +1 -1
  403. package/standalone/color-palette.js +1 -1
  404. package/standalone/color-picker.js +1 -1
  405. package/standalone/color-slider.js +1 -1
  406. package/standalone/date-range-picker.js +3 -3
  407. package/standalone/date-time-picker.js +3 -3
  408. package/standalone/divider.js +1 -1
  409. package/standalone/field-group.js +1 -1
  410. package/standalone/field-label.js +1 -1
  411. package/standalone/icon.js +1 -1
  412. package/standalone/infield-button.js +1 -1
  413. package/standalone/label.js +1 -1
  414. package/standalone/lit.js +1 -1
  415. package/standalone/manifest.json +66 -66
  416. package/standalone/menu.js +1 -1
  417. package/standalone/multi-language-field.js +1 -1
  418. package/standalone/notice.js +1 -1
  419. package/standalone/number-field.js +1 -1
  420. package/standalone/options.js +1 -1
  421. package/standalone/overlay.js +1 -1
  422. package/standalone/picker-button.js +1 -1
  423. package/standalone/picker.js +1 -1
  424. package/standalone/popover.js +1 -1
  425. package/standalone/progress-bar.js +2 -2
  426. package/standalone/progress-circle.js +1 -1
  427. package/standalone/progress-steps.js +10 -10
  428. package/standalone/prompt-box.js +17 -17
  429. package/standalone/question-box.js +3 -3
  430. package/standalone/radio.js +1 -1
  431. package/standalone/search.js +1 -1
  432. package/standalone/select.js +6 -6
  433. package/standalone/skeleton-loader.js +1 -1
  434. package/standalone/slider.js +11 -10
  435. package/standalone/split-view.js +1 -1
  436. package/standalone/status-light.js +1 -1
  437. package/standalone/swatch.js +1 -1
  438. package/standalone/switch.js +1 -1
  439. package/standalone/table.js +22 -22
  440. package/standalone/tabs.js +2 -2
  441. package/standalone/tags.js +1 -1
  442. package/standalone/text-field.js +1 -1
  443. package/standalone/toast.js +1 -1
  444. package/standalone/tooltip.js +1 -1
  445. package/standalone/top-nav.js +1 -1
  446. package/standalone/utils.js +1 -1
  447. package/utils/reactive-controllers/interaction.d.ts +85 -0
  448. package/components/chat-message-BDfomRm-.cjs +0 -148
  449. package/components/checkbox-JCvBro0K.cjs +0 -25
  450. package/components/color-area-CmKlQG1i.cjs +0 -80
  451. package/components/color-controller-DbyPc33Y.cjs +0 -18
  452. package/components/color-slider-CMW8gJ0Z.cjs +0 -57
  453. package/components/focus-group-C8lOjbi9.cjs +0 -18
  454. package/components/focusable-B6h03pAe.cjs +0 -18
  455. package/components/menu-CrhA2iPZ.cjs +0 -108
  456. package/components/overlay-Dn7EbA_W.cjs +0 -102
  457. package/components/progress-steps-Dqh53oC1.cjs +0 -98
  458. package/components/segments-factory-DtPyN5sh.cjs +0 -18
  459. package/components/slider-C_8pSK4N.cjs +0 -135
  460. package/components/strategies-Bb7zEjrU.cjs +0 -18
  461. package/standalone/chunks/NumberFormatter-DMCfW685.js +0 -2
  462. package/standalone/chunks/NumberParser-r_jv94LA.js +0 -2
  463. package/standalone/chunks/async-directive-BA2_dM-5.js +0 -2
  464. package/standalone/chunks/async-directive-CPdA0BOw.js +0 -2
  465. package/standalone/chunks/button-base-C7jeeyLp.js +0 -9
  466. package/standalone/chunks/calendar-BOzu003d.js +0 -122
  467. package/standalone/chunks/checkbox-DQ4wPgG_.js +0 -9
  468. package/standalone/chunks/class-map-CxQ0PcQP.js +0 -2
  469. package/standalone/chunks/color-area-Cj8oPsIF.js +0 -64
  470. package/standalone/chunks/color-controller-fJNWRHVI.js +0 -2
  471. package/standalone/chunks/color-slider-CAqvxsgS.js +0 -41
  472. package/standalone/chunks/flow-aCcJ5kgi.js +0 -2
  473. package/standalone/chunks/focus-group-Cl6MLy-C.js +0 -2
  474. package/standalone/chunks/keyed-CNWmQd2J.js +0 -2
  475. package/standalone/chunks/lit-BN_lRQbJ.js +0 -3
  476. package/standalone/chunks/lucero-runtime-DGJ9-isg.js +0 -16
  477. package/standalone/chunks/menu-DSMoQt1w.js +0 -92
  478. package/standalone/chunks/observe-slot-presence-DWPtw22K.js +0 -2
  479. package/standalone/chunks/options-CkmITqgV.js +0 -89
  480. package/standalone/chunks/overlay-C4ir0iyC.js +0 -31
  481. package/standalone/chunks/overlay-C_XW8yry.js +0 -57
  482. package/standalone/chunks/platform-BfrBbd97.js +0 -2
  483. package/standalone/chunks/property-CLXrnTGx.js +0 -2
  484. package/standalone/chunks/random-id-CeLe5NEk.js +0 -2
  485. package/standalone/chunks/repeat-CZdNcszA.js +0 -2
  486. package/standalone/chunks/scaled-indicator-k-1JmS0b.js +0 -10
  487. package/standalone/chunks/segments-factory-Da9ojsLC.js +0 -2
  488. package/standalone/chunks/strategies-C-vW4MlK.js +0 -2
  489. package/standalone/chunks/streaming-listener-DFczLm8I.js +0 -2
  490. package/standalone/chunks/style-map-D4QeV3m0.js +0 -2
package/components/{options-D_ifU0DH.js → options-BHDesKbF.js} RENAMED
@@ -16,23 +16,23 @@
16
16
  * SOFTWARE.
17
17
  * */
18
18
  import "./tokens.js";
19
- import { n as e, t } from "./decorate-CkCg3wfh.js";
20
- import { n } from "./sized-mixin-DzQTebN-.js";
21
- import { t as r } from "./focusable-DuP0-Kuy.js";
22
- import "./icon-CsJZMhIm.js";
23
- import { t as i } from "./like-anchor-DXCaEv7O.js";
24
- import { t as a } from "./observe-slot-text-Db8Kx3P-.js";
25
- import { t as o } from "./random-id-CiMDyX7v.js";
26
- import { t as s } from "./observe-slot-presence-BKY6n06-.js";
27
- import "./progress-circle-By6qUQYe.js";
28
- import { t as c } from "./divider.module-CPEKsaqR.js";
19
+ import { n as e, t } from "./decorate-CpKsOs9z.js";
20
+ import { n } from "./sized-mixin-BmxIAuoH.js";
21
+ import { t as r } from "./focusable-xjv79E40.js";
22
+ import "./icon-DADJww_a.js";
23
+ import { t as i } from "./like-anchor-DcFv8rEo.js";
24
+ import { t as a } from "./observe-slot-text-Dzkb_VqN.js";
25
+ import { t as o } from "./random-id-CO3s9i3n.js";
26
+ import { t as s } from "./observe-slot-presence-t2N_C6Ud.js";
27
+ import "./progress-circle-DcGKwBTC.js";
28
+ import { t as c } from "./divider.module-B_GRUJ4d.js";
29
29
  import { html as l, nothing as u, unsafeCSS as d } from "lit";
30
30
  import { property as f, query as p, queryAll as m, state as h } from "lit/decorators.js";
31
31
  import { luzmoAngleRight as g, luzmoCheck as _, luzmoCheckbox as v, luzmoCheckboxChecked as y, luzmoIcon as b } from "@luzmo/icons";
32
32
  import { MutationController as x } from "@lit-labs/observers/mutation-controller.js";
33
33
  import { LitVirtualizer as S } from "@lit-labs/virtualizer/LitVirtualizer.js";
34
34
  import { repeat as C } from "lit/directives/repeat.js";
35
- //#region src/components/options/option.module.scss?inline
35
+ // src/components/options/option.module.scss?inline
36
36
  var w = "#icon{height:var(--luzmo-option-icon-container-height,var(--option-icon-container-height));min-height:var(--luzmo-option-icon-size,var(--option-icon-height));color:var(--highcontrast-option-color-default,var(--luzmo-option-label-icon-color-default,var(--option-label-icon-color-default)));grid-area:iconArea;justify-content:center;align-self:start;align-items:center;display:flex}::slotted([slot=icon]){fill:var(--highcontrast-option-color-default,var(--luzmo-option-label-icon-color-default,var(--option-label-icon-color-default)));block-size:var(--luzmo-option-icon-size,var(--option-icon-height));inline-size:var(--luzmo-option-icon-width,var(--option-icon-width));font-size:var(--luzmo-option-icon-size,var(--option-icon-height));border-radius:var(--luzmo-option-icon-border-radius,0);border-width:var(--luzmo-option-icon-border-width,0);border-style:var(--luzmo-option-icon-border-style,solid);border-color:var(--luzmo-option-icon-border-color,transparent);text-align:center;--luzmo-icon-vertical-align:0;--luzmo-icon-img-object-fit:var(--luzmo-option-icon-object-fit,var(--option-icon-object-fit,fill));--luzmo-icon-img-object-position:var(--luzmo-option-icon-object-position,var(--option-icon-object-position,50% 50%));justify-content:center;align-items:center;margin-inline-end:max(var(--luzmo-option-label-text-to-visual,var(--option-label-text-to-visual)), var(--luzmo-option-icon-size,var(--option-icon-height)) * .35);display:flex;overflow:hidden}::slotted([slot=icon][data-option-thumbnail]){border-radius:var(--luzmo-option-thumbnail-border-radius,var(--luzmo-option-icon-border-radius,var(--luzmo-border-radius-s,4px)));border-width:var(--luzmo-option-thumbnail-border-width,1px);border-style:var(--luzmo-option-thumbnail-border-style,solid);border-color:var(--luzmo-option-thumbnail-border-color,var(--luzmo-option-icon-border-color,var(--luzmo-border-color-full,var(--luzmo-border-color,#0000001f))))}:host{cursor:pointer;box-sizing:border-box;background-color:var(--highcontrast-option-background-color-default,var(--luzmo-option-background-color-default,var(--option-background-color-default)));line-height:var(--luzmo-option-label-line-height,var(--option-label-line-height));min-block-size:max(var(--luzmo-option-min-height,var(--option-min-height)), var(--luzmo-option-icon-size,var(--option-icon-height)) + var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text)) + var(--luzmo-option-bottom-edge-to-text,var(--option-bottom-edge-to-text)));padding-block-start:var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text));padding-block-end:var(--luzmo-option-bottom-edge-to-text,var(--option-bottom-edge-to-text));padding-inline:var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content));outline:none;flex-shrink:0;grid-template:\". .headingIconArea sectionHeadingArea. .\"\"selectedArea checkArea iconArea labelArea valueArea actionsArea\"1fr\". . .descriptionArea. .\"\". . . . . .\"/auto auto auto 1fr auto auto;justify-content:start;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:grid;position:relative}:host:focus-visible{outline:none}#label{grid-area:submenuItemLabelArea}.checkmark,.checkbox{opacity:1;grid-area:checkArea;align-self:start;display:block}.checkmark{font-size:var(--luzmo-option-checkmark-size,var(--option-checkmark-size));fill:var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default)));color:var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default)));margin-block-start:calc(var(--luzmo-option-top-to-checkmark,var(--option-top-to-checkmark)) - var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text)));margin-inline-end:var(--luzmo-option-text-to-control,var(--option-label-text-to-control))}.checkbox{font-size:var(--luzmo-option-checkbox-size,var(--option-checkbox-size));fill:var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default)));color:var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default)));margin-block-start:calc(var(--luzmo-option-top-to-checkbox,var(--option-top-to-checkbox)) - var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text)));margin-inline-end:var(--luzmo-option-text-to-control,var(--option-label-text-to-control))}::slotted([slot=value]){grid-area:submenuItemValueArea}:host([focused]){background-color:var(--highcontrast-option-background-color-focus,var(--luzmo-option-background-color-key-focus,var(--option-background-color-key-focus)));outline:none}:host([focused])>#label,:host(:focus)>#label{color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-content-color-focus,var(--option-label-content-color-focus)))}:host([focused])>[name=description]::slotted(*),:host(:focus)>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus,var(--luzmo-option-description-color-focus,var(--option-description-color-focus)))}:host([focused])>::slotted([slot=value]),:host(:focus)>::slotted([slot=value]){color:var(--highcontrast-option-color-focus,var(--luzmo-option-value-color-focus,var(--option-value-color-focus)))}:host([focused])>.icon:not(.checkmark,.checkbox),:host(:focus)>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-focus,var(--option-label-icon-color-focus)));color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-focus,var(--option-label-icon-color-focus)))}:host([focused])>.checkmark,:host(:focus)>.checkmark{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-focus,var(--options-checkmark-icon-color-focus)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-focus,var(--options-checkmark-icon-color-focus)))}:host([focused])>.checkbox,:host(:focus)>.checkbox{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-focus,var(--options-checkbox-icon-color-focus)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-focus,var(--options-checkbox-icon-color-focus)))}:is(: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)),:host([dir=rtl])){--option-focus-indicator-direction-scalar:-1}:host(:is(:active,[active])){background-color:var(--highcontrast-option-background-color-focus,var(--luzmo-option-background-color-down,var(--option-background-color-down)))}:host(:is(:active,[active]))>#label{color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-content-color-down,var(--option-label-content-color-down)))}:host(:is(:active,[active]))>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus,var(--luzmo-option-description-color-down,var(--option-description-color-down)))}:host(:is(:active,[active]))>::slotted([slot=value]){color:var(--highcontrast-option-color-focus,var(--luzmo-option-value-color-down,var(--option-value-color-down)))}:host(:is(:active,[active]))>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-down,var(--option-label-icon-color-down)));color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-down,var(--option-label-icon-color-down)))}:host(:is(:active,[active]))>.checkmark{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-down,var(--options-checkmark-icon-color-down)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-down,var(--options-checkmark-icon-color-down)))}:host(:is(:active,[active]))>.checkbox{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-down,var(--options-checkbox-icon-color-down)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-down,var(--options-checkbox-icon-color-down)))}:host([disabled]),:host([aria-disabled=true]){background-color:initial}:host([disabled]) #label,:host([disabled]) ::slotted([slot=value]),:host([aria-disabled=true]) #label,:host([aria-disabled=true]) ::slotted([slot=value]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-content-color-disabled,var(--option-label-content-color-disabled)))}:host([disabled]) [name=description]::slotted(*),:host([aria-disabled=true]) [name=description]::slotted(*){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-description-color-disabled,var(--option-description-color-disabled)))}:host([disabled]) ::slotted([slot=icon]),:host([aria-disabled=true]) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)));fill:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)))}:host([focused]){box-shadow:inset calc(var(--luzmo-option-focus-indicator-width,var(--option-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-option-focus-indicator-color,var(--luzmo-option-focus-indicator-color,var(--option-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-option-focus-indicator-width,var(--option-focus-indicator-width)) * var(--option-focus-indicator-direction-scalar,1)) 0 0 0 var(--highcontrast-option-focus-indicator-color,var(--luzmo-option-focus-indicator-color,var(--option-focus-indicator-color)))}#label{font-size:var(--luzmo-option-label-font-size,var(--option-label-font-size));color:var(--highcontrast-option-color-default,var(--luzmo-option-label-content-color-default,var(--option-label-content-color-default)));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;grid-area:labelArea}:host([variant=highlight][selected]){--option-shortcut-opacity:1;background-color:var(--luzmo-option-highlight-selected-label-background-color,var(--option-highlight-selected-label-background-color))}:host([variant=highlight][selected]) #label{color:var(--luzmo-option-highlight-selected-label-content-color,var(--option-highlight-selected-label-content-color))}:host([variant=highlight][selected]) [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color,var(--option-highlight-selected-label-content-color))}:host([variant=highlight][selected])>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color,var(--option-highlight-selected-label-content-color))}:host([variant=highlight][selected]):hover #label{color:var(--luzmo-option-highlight-selected-label-content-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]):hover [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]):hover>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]):active #label{color:var(--luzmo-option-highlight-selected-label-content-color-down,var(--option-highlight-selected-label-content-color-down))}:host([variant=highlight][selected]):active [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-down,var(--option-highlight-selected-label-content-color-down))}:host([variant=highlight][selected]):active>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color-down,var(--option-highlight-selected-label-content-color-down))}:host([variant=highlight][selected]):focus #label{color:var(--luzmo-option-highlight-selected-label-content-color-focus,var(--option-highlight-selected-label-content-color-focus))}:host([variant=highlight][selected]):focus [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-focus,var(--option-highlight-selected-label-content-color-focus))}:host([variant=highlight][selected]):focus>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color-focus,var(--option-highlight-selected-label-content-color-focus))}:host([variant=highlight][selected]) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-highlight-selected-label-content-color,var(--option-highlight-selected-label-content-color)));fill:var(--highcontrast-option-color-disabled,var(--luzmo-option-highlight-selected-label-content-color,var(--option-highlight-selected-label-content-color)))}::slotted([slot=value]){color:var(--highcontrast-option-color-default,var(--luzmo-option-value-color-default,var(--option-value-color-default)));font-family:inherit;font-size:var(--luzmo-option-label-font-size,var(--option-label-font-size));grid-area:valueArea;justify-self:end}::slotted(kbd[slot=value]){font-size:var(--option-shortcut-font-size);opacity:var(--option-shortcut-opacity)}[name=description]::slotted(*){color:var(--highcontrast-option-color-default,var(--luzmo-option-description-color-default,var(--option-description-color-default)));font-size:var(--luzmo-option-description-font-size,var(--option-description-font-size));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;line-height:var(--luzmo-option-description-line-height,var(--option-description-line-height));grid-area:descriptionArea;margin-block-start:var(--luzmo-option-label-to-description-spacing,var(--option-label-to-description-spacing))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([expandable]){cursor:pointer}:host([expandable][has-selected-child][variant=highlight]:not([expanded])){background-color:color-mix(in srgb, var(--luzmo-option-highlight-selected-label-background-color,var(--option-highlight-selected-label-background-color)) 12%, transparent)}:host([expandable])>.checkmark{color:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent)}:host([expandable])>.checkbox{color:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent)}:host([expandable][has-selected-child])>.checkmark{color:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent)}:host([expandable][has-selected-child])>.checkbox{color:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent)}:host([child-option]){padding-inline-start:calc(var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content)) + 24px)}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-option-background-color-focus,var(--luzmo-option-background-color-hover,var(--option-background-color-hover)))}:host(:hover)>#label{color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-content-color-hover,var(--option-label-content-color-hover)))}:host([variant=highlight][selected]:hover)>#label{color:var(--luzmo-option-highlight-selected-label-content-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]:hover)>[name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host(:hover)>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus,var(--luzmo-option-description-color-hover,var(--option-description-color-hover)))}:host(:hover)>::slotted([slot=value]){color:var(--highcontrast-option-color-focus,var(--luzmo-option-value-color-hover,var(--option-value-color-hover)))}:host(:hover)>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-hover,var(--option-label-icon-color-hover)));color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-hover,var(--option-label-icon-color-hover)))}:host([variant=highlight][selected]:hover)>.icon:not(.checkmark,.checkbox){fill:var(--luzmo-option-highlight-selected-label-icon-color-hover,var(--option-highlight-selected-label-icon-color-hover))}:host(:hover)>.checkmark{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-hover,var(--options-checkmark-icon-color-hover)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-hover,var(--options-checkmark-icon-color-hover)))}:host(:hover)>.checkbox{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-hover,var(--options-checkbox-icon-color-hover)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-hover,var(--options-checkbox-icon-color-hover)))}:host([disabled]:hover),:host([aria-disabled=true]:hover){cursor:default;background-color:initial}:host([disabled]:hover) #label,:host([disabled]:hover) ::slotted([slot=value]),:host([aria-disabled=true]:hover) #label,:host([aria-disabled=true]:hover) ::slotted([slot=value]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-content-color-disabled,var(--option-label-content-color-disabled)))}:host([disabled]:hover) [name=description]::slotted(*),:host([aria-disabled=true]:hover) [name=description]::slotted(*){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-description-color-disabled,var(--option-description-color-disabled)))}:host([disabled]:hover) ::slotted([slot=icon]),:host([aria-disabled=true]:hover) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)));fill:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)))}}:host([emphasized]){--options-checkmark-icon-color-default:var(--luzmo-primary);--options-checkmark-icon-color-hover:var(--luzmo-primary-hover);--options-checkmark-icon-color-down:var(--luzmo-primary-down);--options-checkmark-icon-color-focus:var(--luzmo-primary-focus);--options-checkbox-icon-color-default:var(--luzmo-primary);--options-checkbox-icon-color-hover:var(--luzmo-primary-hover);--options-checkbox-icon-color-down:var(--luzmo-primary-down);--options-checkbox-icon-color-focus:var(--luzmo-primary-focus)}:host{text-align:initial;font-family:var(--luzmo-option-font-family,var(--luzmo-font-family))}:host([hidden]){display:none}:host([disabled]){pointer-events:none}:host([disabled]) [name=value]::slotted(*){color:var(--luzmo-option-label-icon-color-disabled,var(--luzmo-disabled-color))}#button{position:absolute;inset:0}.icon-container>svg{vertical-align:top}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors:active){:host{forced-color-adjust:none}}:host([no-wrap]) #label{display:block}", T = (e) => l`
37
37
  <span class="icon-container icon checkmark ${e.join(" ")}">
38
38
  ${b(_)}
@@ -188,8 +188,7 @@ t([f({
188
188
  return !1;
189
189
  }
190
190
  })], O.prototype, "noWrap", void 0), t([p(".anchor")], O.prototype, "anchorElement", void 0);
191
- //#endregion
192
- //#region src/components/options/options-divider.module.scss?inline
191
+ // src/components/options/options-divider.module.scss?inline
193
192
  var k = ":host{--options-divider-thickness:var(--divider-thickness-medium,var(--luzmo-border-width));inline-size:auto;margin-block:var(--luzmo-options-section-divider-margin-block,max(0px, (var(--option-section-divider-height) - var(--options-divider-thickness)) / 2));margin-inline:var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content));flex-shrink:0;display:block;overflow:visible}", A = class extends n(e, { validSizes: [
194
193
  "s",
195
194
  "m",
@@ -202,8 +201,7 @@ var k = ":host{--options-divider-thickness:var(--divider-thickness-medium,var(--
202
201
  super.firstUpdated(e), this.hasAttribute("role") || this.setAttribute("role", "separator");
203
202
  }
204
203
  }, j = ":host{--option-top-to-action:var(--luzmo-spacing-1);--option-top-to-checkbox:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-line-height:var(--luzmo-line-height);--option-label-line-height-cjk:1.5;--option-label-to-description-spacing:1px;--option-focus-indicator-width:var(--luzmo-indicator-width);--option-focus-indicator-color:var(--luzmo-indicator-color);--option-label-to-value-area-min-spacing:var(--luzmo-spacing-3);--option-label-content-color-default:var(--luzmo-font-color);--option-label-content-color-hover:var(--luzmo-font-color-hover);--option-label-content-color-down:var(--luzmo-font-color-down);--option-label-content-color-focus:var(--luzmo-font-color-focus);--option-label-icon-color-default:var(--luzmo-font-color);--option-label-icon-color-hover:var(--luzmo-font-color-hover);--option-label-icon-color-down:var(--luzmo-font-color-down);--option-label-icon-color-focus:var(--luzmo-font-color-focus);--option-highlight-selected-label-background-color:var(--luzmo-primary);--option-highlight-selected-label-content-color:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-hover:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-down:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-focus:var(--luzmo-primary-inverse-color);--option-label-content-color-disabled:var(--luzmo-font-color-disabled);--option-label-icon-color-disabled:var(--luzmo-font-color-disabled);--option-description-line-height:var(--luzmo-line-height);--option-description-line-height-cjk:1.5;--option-description-color-default:var(--luzmo-font-color);--option-description-color-hover:var(--luzmo-font-color-hover);--option-description-color-down:var(--luzmo-font-color-down);--option-description-color-focus:var(--luzmo-font-color-focus);--option-description-color-disabled:var(--luzmo-disabled-color);--options-section-header-line-height:var(--luzmo-line-height);--options-section-header-line-height-cjk:1.5;--options-section-header-font-weight:var(--luzmo-font-weight-semibold);--options-section-header-color:var(--luzmo-font-color-down);--options-collapsible-icon-color:var(--luzmo-font-color-down);--options-checkmark-icon-color-default:var(--luzmo-font-color);--options-checkmark-icon-color-hover:var(--luzmo-font-color-hover);--options-checkmark-icon-color-down:var(--luzmo-font-color-down);--options-checkmark-icon-color-focus:var(--luzmo-font-color-focus);--options-checkbox-icon-color-default:var(--luzmo-font-color);--options-checkbox-icon-color-hover:var(--luzmo-font-color-hover);--options-checkbox-icon-color-down:var(--luzmo-font-color-down);--options-checkbox-icon-color-focus:var(--luzmo-font-color-focus);--options-drillin-icon-color-default:var(--luzmo-font-color);--options-drillin-icon-color-hover:var(--luzmo-font-color-hover);--options-drillin-icon-color-down:var(--luzmo-font-color-down);--options-drillin-icon-color-focus:var(--luzmo-font-color-focus);--option-value-color-default:var(--luzmo-font-color);--option-value-color-hover:var(--luzmo-font-color-hover);--option-value-color-down:var(--luzmo-font-color-down);--option-value-color-focus:var(--luzmo-font-color-focus);--option-shortcut-opacity:.7;--option-collapsible-no-icon-suboption-padding-x-start:28px;--option-background-color-selected:var(--luzmo-background-color);--option-background-color-default:var(--luzmo-background-color);--option-background-color-hover:var(--luzmo-background-color-hover);--option-background-color-down:var(--luzmo-background-color-down);--option-background-color-key-focus:var(--luzmo-background-color-focus);--options-scrollbar-width:var(--luzmo-scrollbar-size);--options-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--options-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--options-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--options-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--options-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--luzmo-option-thumbnail-border-radius:var(--luzmo-border-radius-s,4px);--luzmo-option-thumbnail-border-width:1px;--luzmo-option-thumbnail-border-style:solid;--luzmo-option-thumbnail-border-color:var(--luzmo-border-color-full,var(--luzmo-border-color,#0000001f));--option-min-height:var(--luzmo-component-height);--options-max-height:calc(8 * var(--option-min-height));--option-icon-container-height:18px;--options-pending-height:var(--option-min-height);--progress-circle-size:calc(var(--options-pending-height) - var(--option-top-edge-to-text) - var(--option-bottom-edge-to-text));--option-icon-height:var(--luzmo-font-size);--option-icon-width:var(--luzmo-font-size);--option-label-font-size:var(--luzmo-font-size);--option-shortcut-font-size:var(--luzmo-font-size-s);--option-label-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-text-to-control:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-inline-edge-to-content:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--pending-inline-edge-to-content:var(--option-label-inline-edge-to-content);--option-top-edge-to-text:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--option-bottom-edge-to-text:var(--luzmo-spacing-3);--option-description-font-size:var(--luzmo-font-size-xs);--options-section-header-font-size:var(--luzmo-font-size);--options-section-header-min-width:var(--luzmo-component-height);--option-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-checkmark-size:var(--luzmo-font-size-xs);--option-checkbox-size:var(--luzmo-font-size-xs);--option-top-to-checkmark:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=s]){--option-min-height:var(--luzmo-component-height-s);--option-icon-container-height:17px;--option-icon-height:var(--luzmo-font-size-s);--option-icon-width:var(--luzmo-font-size-s);--option-label-font-size:var(--luzmo-font-size-s);--option-shortcut-font-size:var(--luzmo-font-size-xs);--option-label-text-to-visual:var(--luzmo-spacing-3);--option-label-text-to-control:var(--luzmo-spacing-3);--option-label-inline-edge-to-content:var(--luzmo-spacing-3);--option-top-edge-to-text:calc(var(--luzmo-spacing-1) + var(--luzmo-spacing-2));--option-bottom-edge-to-text:var(--luzmo-spacing-2);--option-description-font-size:var(--luzmo-font-size-xs);--options-section-header-font-size:var(--luzmo-font-size-s);--options-section-header-min-width:var(--luzmo-component-height-s);--option-selectable-edge-to-text-not-selected:var(--luzmo-spacing-3);--option-checkmark-size:var(--luzmo-font-size-xs);--option-checkbox-size:var(--luzmo-font-size-xs);--option-top-to-checkmark:var(--luzmo-spacing-3);--option-top-to-checkbox:var(--luzmo-spacing-3)}:host([size=l]){--option-min-height:var(--luzmo-component-height-l);--option-icon-container-height:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--option-icon-height:var(--luzmo-font-size-l);--option-icon-width:var(--luzmo-font-size-l);--option-label-font-size:var(--luzmo-font-size-l);--option-shortcut-font-size:var(--luzmo-font-size);--option-label-text-to-visual:var(--luzmo-spacing-4);--option-label-text-to-control:var(--luzmo-spacing-4);--option-label-inline-edge-to-content:var(--luzmo-spacing-4);--option-top-edge-to-text:var(--luzmo-spacing-4);--option-bottom-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-description-font-size:var(--luzmo-font-size-s);--options-section-header-font-size:var(--luzmo-font-size-l);--options-section-header-min-width:var(--luzmo-component-height-l);--option-selectable-edge-to-text-not-selected:var(--luzmo-spacing-4);--option-checkmark-size:var(--luzmo-font-size-s);--option-checkbox-size:var(--luzmo-font-size-s);--option-top-to-checkmark:var(--luzmo-spacing-4);--option-top-to-checkbox:var(--luzmo-spacing-4)}:host([size=xl]){--option-min-height:var(--luzmo-component-height-xl);--option-icon-container-height:26px;--option-icon-height:var(--luzmo-font-size-xl);--option-icon-width:var(--luzmo-font-size-xl);--option-label-font-size:var(--luzmo-font-size-xl);--option-shortcut-font-size:var(--luzmo-font-size-l);--option-label-text-to-visual:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-label-text-to-control:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-label-inline-edge-to-content:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-top-edge-to-text:var(--luzmo-spacing-4);--option-bottom-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-description-font-size:var(--luzmo-font-size);--options-section-header-font-size:var(--luzmo-font-size-xl);--options-section-header-min-width:var(--luzmo-component-height-xl);--option-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-checkmark-size:var(--luzmo-font-size);--option-checkbox-size:var(--luzmo-font-size);--option-top-to-checkmark:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-top-to-checkbox:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}@media (forced-colors:active){:host{--highcontrast-option-background-color-default:ButtonFace;--highcontrast-option-color-default:ButtonText;--highcontrast-option-background-color-focus:Highlight;--highcontrast-option-color-focus:HighlightText;--highcontrast-options-checkmark-icon-color-default:Highlight;--highcontrast-options-checkbox-icon-color-default:Highlight;--highcontrast-option-color-disabled:GrayText;--highcontrast-option-focus-indicator-color:Highlight;--highcontrast-option-selected-background-color:Highlight;--highcontrast-option-selected-color:HighlightText}@supports (color:SelectedItem){:host{--highcontrast-option-selected-background-color:SelectedItem;--highcontrast-option-selected-color:SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-options-inline-size,auto);box-sizing:border-box;max-height:var(--luzmo-options-max-height,var(--options-max-height));margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host::-webkit-scrollbar{width:var(--luzmo-options-scrollbar-width,var(--options-scrollbar-width));height:var(--luzmo-options-scrollbar-width,var(--options-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-options-scrollbar-track-background,var(--options-scrollbar-track-background));border-radius:var(--luzmo-options-scrollbar-track-border-radius,var(--options-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-options-scrollbar-thumb-background,var(--options-scrollbar-thumb-background));border-radius:var(--luzmo-options-scrollbar-thumb-border-radius,var(--options-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-options-scrollbar-thumb-hover-background,var(--options-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-options-scrollbar-thumb-background,var(--options-scrollbar-thumb-background)) var(--luzmo-options-scrollbar-track-background,var(--options-scrollbar-track-background))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--option-label-line-height:var(--luzmo-option-label-line-height-cjk,var(--option-label-line-height-cjk));--option-description-line-height:var(--luzmo-option-description-line-height-cjk,var(--option-description-line-height-cjk));--options-section-header-line-height:var(--luzmo-options-section-header-line-height-cjk,var(--options-section-header-line-height-cjk))}luzmo-option{width:100%}.section-header{align-items:center;gap:var(--option-label-text-to-visual);box-sizing:border-box;min-inline-size:var(--options-section-header-min-width);padding-block:var(--option-top-edge-to-text) var(--option-bottom-edge-to-text);padding-inline:var(--option-label-inline-edge-to-content);font-family:var(--luzmo-font-family);font-size:var(--luzmo-options-section-header-font-size,var(--options-section-header-font-size));font-weight:var(--luzmo-options-section-header-font-weight,var(--options-section-header-font-weight));line-height:var(--luzmo-options-section-header-line-height,var(--options-section-header-line-height));color:var(--luzmo-options-section-header-color,var(--options-section-header-color));flex-shrink:0;display:flex}.section-header-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#pending{height:var(--options-pending-height);padding-inline:var(--pending-inline-edge-to-content);flex-shrink:0;align-items:center;display:flex}:host{flex-direction:column;width:100%;display:inline-flex}:host(:focus){outline:none}::slotted(*){flex-shrink:0}";
205
- //#endregion
206
- //#region src/components/options/options.ts
204
+ // src/components/options/options.ts
207
205
  customElements.get("lit-virtualizer") || customElements.define("lit-virtualizer", S);
208
206
  var M = (e) => l`
209
207
  <luzmo-icon
@@ -291,20 +289,12 @@ var I = class extends n(e, { noDefaultSize: !0 }) {
291
289
  handleKeydown(e) {
292
290
  if (e.defaultPrevented) return;
293
291
  let t = this._flattenedOptions, n = this.focusedOptionIndex, r = [...this.visibleOptionElements].find((e) => e.value?.toString() === t?.[n]?.value?.toString()), { key: i } = e;
294
- if (i === "Tab") {
295
- this.prepareToCleanUp();
296
- return;
297
- }
298
- if (i === " " || i === "Enter") {
292
+ if (i === "Tab") this.prepareToCleanUp();
293
+ else if (i === " " || i === "Enter") {
299
294
  e.preventDefault();
300
295
  let i = t?.[n];
301
296
  r && i && (i.children?.length ? this.toggleExpand(i) : this.toggleOption(e, i));
302
- return;
303
- }
304
- if (i === "ArrowDown" || i === "ArrowUp") {
305
- e.preventDefault(), this.navigateWithinOptions(e, r);
306
- return;
307
- }
297
+ } else (i === "ArrowDown" || i === "ArrowUp") && (e.preventDefault(), this.navigateWithinOptions(e, r));
308
298
  }
309
299
  navigateWithinOptions(e, t) {
310
300
  let { key: n } = e, r = n === "ArrowDown" ? 1 : -1;
@@ -433,19 +423,19 @@ var I = class extends n(e, { noDefaultSize: !0 }) {
433
423
  ${o ? t(o) : u}
434
424
  ${s ? l`<kbd slot="value">${s}</kbd>` : u}
435
425
  </luzmo-option>`;
436
- }, i = this._flattenedOptions;
437
- return l`${this._flatVirtualizeActive ? l`<lit-virtualizer
426
+ }, i = this._flattenedOptions, a = this._flatVirtualizeActive ? l`<lit-virtualizer
438
427
  role="presentation"
439
428
  .items=${i}
440
429
  .renderItem=${r}
441
430
  @rangeChanged=${this.rangeChange}
442
431
  @visibilityChanged=${this.visibilityChanged}
443
- ></lit-virtualizer>` : C(i, r)} ${this.pending ? l`<div id="pending" aria-hidden="true">
432
+ ></lit-virtualizer>` : C(i, r), o = this.pending ? l`<div id="pending" aria-hidden="true">
444
433
  <luzmo-progress-circle
445
434
  indeterminate
446
435
  label="Loading"
447
436
  ></luzmo-progress-circle>
448
- </div>` : u}`;
437
+ </div>` : u;
438
+ return l`${a} ${o}`;
449
439
  }
450
440
  connectedCallback() {
451
441
  super.connectedCallback(), this.setAttribute("role", "listbox"), this.updateComplete.then(() => this.updateItemFocus());
@@ -501,5 +491,4 @@ t([f({
501
491
  return JSON.stringify(e ?? []) !== JSON.stringify(t ?? []);
502
492
  }
503
493
  })], I.prototype, "value", void 0), t([f({ attribute: !1 })], I.prototype, "optionIconRenderer", void 0), t([p("lit-virtualizer")], I.prototype, "virtualizer", void 0), t([m("luzmo-option")], I.prototype, "visibleOptionElements", void 0), t([h()], I.prototype, "_expandedValues", void 0), customElements.get("luzmo-options") || customElements.define("luzmo-options", I), customElements.get("luzmo-options-divider") || customElements.define("luzmo-options-divider", A), customElements.get("luzmo-option") || customElements.define("luzmo-option", O);
504
- //#endregion
505
494
  export { O as a, A as i, P as n, N as r, I as t };
package/components/{options-CP9V2CSJ.cjs → options-Dk1uFeUT.cjs} RENAMED
@@ -15,7 +15,7 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-B6h03pAe.cjs");require("./icon-zOPAWCdx.cjs");const r=require("./like-anchor-BX4PSB3d.cjs"),i=require("./observe-slot-text-CvL-2ey3.cjs"),a=require("./random-id-BcUJAxUZ.cjs"),o=require("./observe-slot-presence-CS8pMePk.cjs");require("./progress-circle-bO_VAX3N.cjs");const s=require("./divider.module-BV6tmpOY.cjs");let c=require("lit"),l=require("lit/decorators.js"),u=require("@luzmo/icons"),d=require("@lit-labs/observers/mutation-controller.js"),f=require("@lit-labs/virtualizer/LitVirtualizer.js"),p=require("lit/directives/repeat.js");var m=`#icon{height:var(--luzmo-option-icon-container-height,var(--option-icon-container-height));min-height:var(--luzmo-option-icon-size,var(--option-icon-height));color:var(--highcontrast-option-color-default,var(--luzmo-option-label-icon-color-default,var(--option-label-icon-color-default)));grid-area:iconArea;justify-content:center;align-self:start;align-items:center;display:flex}::slotted([slot=icon]){fill:var(--highcontrast-option-color-default,var(--luzmo-option-label-icon-color-default,var(--option-label-icon-color-default)));block-size:var(--luzmo-option-icon-size,var(--option-icon-height));inline-size:var(--luzmo-option-icon-width,var(--option-icon-width));font-size:var(--luzmo-option-icon-size,var(--option-icon-height));border-radius:var(--luzmo-option-icon-border-radius,0);border-width:var(--luzmo-option-icon-border-width,0);border-style:var(--luzmo-option-icon-border-style,solid);border-color:var(--luzmo-option-icon-border-color,transparent);text-align:center;--luzmo-icon-vertical-align:0;--luzmo-icon-img-object-fit:var(--luzmo-option-icon-object-fit,var(--option-icon-object-fit,fill));--luzmo-icon-img-object-position:var(--luzmo-option-icon-object-position,var(--option-icon-object-position,50% 50%));justify-content:center;align-items:center;margin-inline-end:max(var(--luzmo-option-label-text-to-visual,var(--option-label-text-to-visual)), var(--luzmo-option-icon-size,var(--option-icon-height)) * .35);display:flex;overflow:hidden}::slotted([slot=icon][data-option-thumbnail]){border-radius:var(--luzmo-option-thumbnail-border-radius,var(--luzmo-option-icon-border-radius,var(--luzmo-border-radius-s,4px)));border-width:var(--luzmo-option-thumbnail-border-width,1px);border-style:var(--luzmo-option-thumbnail-border-style,solid);border-color:var(--luzmo-option-thumbnail-border-color,var(--luzmo-option-icon-border-color,var(--luzmo-border-color-full,var(--luzmo-border-color,#0000001f))))}:host{cursor:pointer;box-sizing:border-box;background-color:var(--highcontrast-option-background-color-default,var(--luzmo-option-background-color-default,var(--option-background-color-default)));line-height:var(--luzmo-option-label-line-height,var(--option-label-line-height));min-block-size:max(var(--luzmo-option-min-height,var(--option-min-height)), var(--luzmo-option-icon-size,var(--option-icon-height)) + var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text)) + var(--luzmo-option-bottom-edge-to-text,var(--option-bottom-edge-to-text)));padding-block-start:var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text));padding-block-end:var(--luzmo-option-bottom-edge-to-text,var(--option-bottom-edge-to-text));padding-inline:var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content));outline:none;flex-shrink:0;grid-template:". .headingIconArea sectionHeadingArea. .""selectedArea checkArea iconArea labelArea valueArea actionsArea"1fr". . .descriptionArea. ."". . . . . ."/auto auto auto 1fr auto auto;justify-content:start;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:grid;position:relative}:host:focus-visible{outline:none}#label{grid-area:submenuItemLabelArea}.checkmark,.checkbox{opacity:1;grid-area:checkArea;align-self:start;display:block}.checkmark{font-size:var(--luzmo-option-checkmark-size,var(--option-checkmark-size));fill:var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default)));color:var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default)));margin-block-start:calc(var(--luzmo-option-top-to-checkmark,var(--option-top-to-checkmark)) - var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text)));margin-inline-end:var(--luzmo-option-text-to-control,var(--option-label-text-to-control))}.checkbox{font-size:var(--luzmo-option-checkbox-size,var(--option-checkbox-size));fill:var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default)));color:var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default)));margin-block-start:calc(var(--luzmo-option-top-to-checkbox,var(--option-top-to-checkbox)) - var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text)));margin-inline-end:var(--luzmo-option-text-to-control,var(--option-label-text-to-control))}::slotted([slot=value]){grid-area:submenuItemValueArea}:host([focused]){background-color:var(--highcontrast-option-background-color-focus,var(--luzmo-option-background-color-key-focus,var(--option-background-color-key-focus)));outline:none}:host([focused])>#label,:host(:focus)>#label{color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-content-color-focus,var(--option-label-content-color-focus)))}:host([focused])>[name=description]::slotted(*),:host(:focus)>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus,var(--luzmo-option-description-color-focus,var(--option-description-color-focus)))}:host([focused])>::slotted([slot=value]),:host(:focus)>::slotted([slot=value]){color:var(--highcontrast-option-color-focus,var(--luzmo-option-value-color-focus,var(--option-value-color-focus)))}:host([focused])>.icon:not(.checkmark,.checkbox),:host(:focus)>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-focus,var(--option-label-icon-color-focus)));color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-focus,var(--option-label-icon-color-focus)))}:host([focused])>.checkmark,:host(:focus)>.checkmark{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-focus,var(--options-checkmark-icon-color-focus)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-focus,var(--options-checkmark-icon-color-focus)))}:host([focused])>.checkbox,:host(:focus)>.checkbox{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-focus,var(--options-checkbox-icon-color-focus)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-focus,var(--options-checkbox-icon-color-focus)))}:is(: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)),:host([dir=rtl])){--option-focus-indicator-direction-scalar:-1}:host(:is(:active,[active])){background-color:var(--highcontrast-option-background-color-focus,var(--luzmo-option-background-color-down,var(--option-background-color-down)))}:host(:is(:active,[active]))>#label{color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-content-color-down,var(--option-label-content-color-down)))}:host(:is(:active,[active]))>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus,var(--luzmo-option-description-color-down,var(--option-description-color-down)))}:host(:is(:active,[active]))>::slotted([slot=value]){color:var(--highcontrast-option-color-focus,var(--luzmo-option-value-color-down,var(--option-value-color-down)))}:host(:is(:active,[active]))>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-down,var(--option-label-icon-color-down)));color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-down,var(--option-label-icon-color-down)))}:host(:is(:active,[active]))>.checkmark{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-down,var(--options-checkmark-icon-color-down)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-down,var(--options-checkmark-icon-color-down)))}:host(:is(:active,[active]))>.checkbox{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-down,var(--options-checkbox-icon-color-down)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-down,var(--options-checkbox-icon-color-down)))}:host([disabled]),:host([aria-disabled=true]){background-color:initial}:host([disabled]) #label,:host([disabled]) ::slotted([slot=value]),:host([aria-disabled=true]) #label,:host([aria-disabled=true]) ::slotted([slot=value]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-content-color-disabled,var(--option-label-content-color-disabled)))}:host([disabled]) [name=description]::slotted(*),:host([aria-disabled=true]) [name=description]::slotted(*){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-description-color-disabled,var(--option-description-color-disabled)))}:host([disabled]) ::slotted([slot=icon]),:host([aria-disabled=true]) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)));fill:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)))}:host([focused]){box-shadow:inset calc(var(--luzmo-option-focus-indicator-width,var(--option-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-option-focus-indicator-color,var(--luzmo-option-focus-indicator-color,var(--option-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-option-focus-indicator-width,var(--option-focus-indicator-width)) * var(--option-focus-indicator-direction-scalar,1)) 0 0 0 var(--highcontrast-option-focus-indicator-color,var(--luzmo-option-focus-indicator-color,var(--option-focus-indicator-color)))}#label{font-size:var(--luzmo-option-label-font-size,var(--option-label-font-size));color:var(--highcontrast-option-color-default,var(--luzmo-option-label-content-color-default,var(--option-label-content-color-default)));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;grid-area:labelArea}:host([variant=highlight][selected]){--option-shortcut-opacity:1;background-color:var(--luzmo-option-highlight-selected-label-background-color,var(--option-highlight-selected-label-background-color))}:host([variant=highlight][selected]) #label{color:var(--luzmo-option-highlight-selected-label-content-color,var(--option-highlight-selected-label-content-color))}:host([variant=highlight][selected]) [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color,var(--option-highlight-selected-label-content-color))}:host([variant=highlight][selected])>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color,var(--option-highlight-selected-label-content-color))}:host([variant=highlight][selected]):hover #label{color:var(--luzmo-option-highlight-selected-label-content-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]):hover [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]):hover>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]):active #label{color:var(--luzmo-option-highlight-selected-label-content-color-down,var(--option-highlight-selected-label-content-color-down))}:host([variant=highlight][selected]):active [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-down,var(--option-highlight-selected-label-content-color-down))}:host([variant=highlight][selected]):active>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color-down,var(--option-highlight-selected-label-content-color-down))}:host([variant=highlight][selected]):focus #label{color:var(--luzmo-option-highlight-selected-label-content-color-focus,var(--option-highlight-selected-label-content-color-focus))}:host([variant=highlight][selected]):focus [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-focus,var(--option-highlight-selected-label-content-color-focus))}:host([variant=highlight][selected]):focus>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color-focus,var(--option-highlight-selected-label-content-color-focus))}:host([variant=highlight][selected]) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-highlight-selected-label-content-color,var(--option-highlight-selected-label-content-color)));fill:var(--highcontrast-option-color-disabled,var(--luzmo-option-highlight-selected-label-content-color,var(--option-highlight-selected-label-content-color)))}::slotted([slot=value]){color:var(--highcontrast-option-color-default,var(--luzmo-option-value-color-default,var(--option-value-color-default)));font-family:inherit;font-size:var(--luzmo-option-label-font-size,var(--option-label-font-size));grid-area:valueArea;justify-self:end}::slotted(kbd[slot=value]){font-size:var(--option-shortcut-font-size);opacity:var(--option-shortcut-opacity)}[name=description]::slotted(*){color:var(--highcontrast-option-color-default,var(--luzmo-option-description-color-default,var(--option-description-color-default)));font-size:var(--luzmo-option-description-font-size,var(--option-description-font-size));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;line-height:var(--luzmo-option-description-line-height,var(--option-description-line-height));grid-area:descriptionArea;margin-block-start:var(--luzmo-option-label-to-description-spacing,var(--option-label-to-description-spacing))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([expandable]){cursor:pointer}:host([expandable][has-selected-child][variant=highlight]:not([expanded])){background-color:color-mix(in srgb, var(--luzmo-option-highlight-selected-label-background-color,var(--option-highlight-selected-label-background-color)) 12%, transparent)}:host([expandable])>.checkmark{color:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent)}:host([expandable])>.checkbox{color:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent)}:host([expandable][has-selected-child])>.checkmark{color:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent)}:host([expandable][has-selected-child])>.checkbox{color:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent)}:host([child-option]){padding-inline-start:calc(var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content)) + 24px)}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-option-background-color-focus,var(--luzmo-option-background-color-hover,var(--option-background-color-hover)))}:host(:hover)>#label{color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-content-color-hover,var(--option-label-content-color-hover)))}:host([variant=highlight][selected]:hover)>#label{color:var(--luzmo-option-highlight-selected-label-content-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]:hover)>[name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host(:hover)>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus,var(--luzmo-option-description-color-hover,var(--option-description-color-hover)))}:host(:hover)>::slotted([slot=value]){color:var(--highcontrast-option-color-focus,var(--luzmo-option-value-color-hover,var(--option-value-color-hover)))}:host(:hover)>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-hover,var(--option-label-icon-color-hover)));color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-hover,var(--option-label-icon-color-hover)))}:host([variant=highlight][selected]:hover)>.icon:not(.checkmark,.checkbox){fill:var(--luzmo-option-highlight-selected-label-icon-color-hover,var(--option-highlight-selected-label-icon-color-hover))}:host(:hover)>.checkmark{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-hover,var(--options-checkmark-icon-color-hover)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-hover,var(--options-checkmark-icon-color-hover)))}:host(:hover)>.checkbox{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-hover,var(--options-checkbox-icon-color-hover)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-hover,var(--options-checkbox-icon-color-hover)))}:host([disabled]:hover),:host([aria-disabled=true]:hover){cursor:default;background-color:initial}:host([disabled]:hover) #label,:host([disabled]:hover) ::slotted([slot=value]),:host([aria-disabled=true]:hover) #label,:host([aria-disabled=true]:hover) ::slotted([slot=value]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-content-color-disabled,var(--option-label-content-color-disabled)))}:host([disabled]:hover) [name=description]::slotted(*),:host([aria-disabled=true]:hover) [name=description]::slotted(*){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-description-color-disabled,var(--option-description-color-disabled)))}:host([disabled]:hover) ::slotted([slot=icon]),:host([aria-disabled=true]:hover) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)));fill:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)))}}:host([emphasized]){--options-checkmark-icon-color-default:var(--luzmo-primary);--options-checkmark-icon-color-hover:var(--luzmo-primary-hover);--options-checkmark-icon-color-down:var(--luzmo-primary-down);--options-checkmark-icon-color-focus:var(--luzmo-primary-focus);--options-checkbox-icon-color-default:var(--luzmo-primary);--options-checkbox-icon-color-hover:var(--luzmo-primary-hover);--options-checkbox-icon-color-down:var(--luzmo-primary-down);--options-checkbox-icon-color-focus:var(--luzmo-primary-focus)}:host{text-align:initial;font-family:var(--luzmo-option-font-family,var(--luzmo-font-family))}:host([hidden]){display:none}:host([disabled]){pointer-events:none}:host([disabled]) [name=value]::slotted(*){color:var(--luzmo-option-label-icon-color-disabled,var(--luzmo-disabled-color))}#button{position:absolute;inset:0}.icon-container>svg{vertical-align:top}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors:active){:host{forced-color-adjust:none}}:host([no-wrap]) #label{display:block}`,h=e=>c.html`
18
+ require("./tokens.cjs");const e=require("./decorate-SO02l0A6.cjs"),t=require("./sized-mixin-CSajkMro.cjs"),n=require("./focusable-BIHTrJd6.cjs");require("./icon-BlbMP3mJ.cjs");const r=require("./like-anchor-De9STeWr.cjs"),i=require("./observe-slot-text-BqwCIv2a.cjs"),a=require("./random-id-BcUJAxUZ.cjs"),o=require("./observe-slot-presence-CS8pMePk.cjs");require("./progress-circle-C_9UZs2Y.cjs");const s=require("./divider.module-BV6tmpOY.cjs");let c=require("lit"),l=require("lit/decorators.js"),u=require("@luzmo/icons"),d=require("@lit-labs/observers/mutation-controller.js"),f=require("@lit-labs/virtualizer/LitVirtualizer.js"),p=require("lit/directives/repeat.js");var m=`#icon{height:var(--luzmo-option-icon-container-height,var(--option-icon-container-height));min-height:var(--luzmo-option-icon-size,var(--option-icon-height));color:var(--highcontrast-option-color-default,var(--luzmo-option-label-icon-color-default,var(--option-label-icon-color-default)));grid-area:iconArea;justify-content:center;align-self:start;align-items:center;display:flex}::slotted([slot=icon]){fill:var(--highcontrast-option-color-default,var(--luzmo-option-label-icon-color-default,var(--option-label-icon-color-default)));block-size:var(--luzmo-option-icon-size,var(--option-icon-height));inline-size:var(--luzmo-option-icon-width,var(--option-icon-width));font-size:var(--luzmo-option-icon-size,var(--option-icon-height));border-radius:var(--luzmo-option-icon-border-radius,0);border-width:var(--luzmo-option-icon-border-width,0);border-style:var(--luzmo-option-icon-border-style,solid);border-color:var(--luzmo-option-icon-border-color,transparent);text-align:center;--luzmo-icon-vertical-align:0;--luzmo-icon-img-object-fit:var(--luzmo-option-icon-object-fit,var(--option-icon-object-fit,fill));--luzmo-icon-img-object-position:var(--luzmo-option-icon-object-position,var(--option-icon-object-position,50% 50%));justify-content:center;align-items:center;margin-inline-end:max(var(--luzmo-option-label-text-to-visual,var(--option-label-text-to-visual)), var(--luzmo-option-icon-size,var(--option-icon-height)) * .35);display:flex;overflow:hidden}::slotted([slot=icon][data-option-thumbnail]){border-radius:var(--luzmo-option-thumbnail-border-radius,var(--luzmo-option-icon-border-radius,var(--luzmo-border-radius-s,4px)));border-width:var(--luzmo-option-thumbnail-border-width,1px);border-style:var(--luzmo-option-thumbnail-border-style,solid);border-color:var(--luzmo-option-thumbnail-border-color,var(--luzmo-option-icon-border-color,var(--luzmo-border-color-full,var(--luzmo-border-color,#0000001f))))}:host{cursor:pointer;box-sizing:border-box;background-color:var(--highcontrast-option-background-color-default,var(--luzmo-option-background-color-default,var(--option-background-color-default)));line-height:var(--luzmo-option-label-line-height,var(--option-label-line-height));min-block-size:max(var(--luzmo-option-min-height,var(--option-min-height)), var(--luzmo-option-icon-size,var(--option-icon-height)) + var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text)) + var(--luzmo-option-bottom-edge-to-text,var(--option-bottom-edge-to-text)));padding-block-start:var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text));padding-block-end:var(--luzmo-option-bottom-edge-to-text,var(--option-bottom-edge-to-text));padding-inline:var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content));outline:none;flex-shrink:0;grid-template:". .headingIconArea sectionHeadingArea. .""selectedArea checkArea iconArea labelArea valueArea actionsArea"1fr". . .descriptionArea. ."". . . . . ."/auto auto auto 1fr auto auto;justify-content:start;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:grid;position:relative}:host:focus-visible{outline:none}#label{grid-area:submenuItemLabelArea}.checkmark,.checkbox{opacity:1;grid-area:checkArea;align-self:start;display:block}.checkmark{font-size:var(--luzmo-option-checkmark-size,var(--option-checkmark-size));fill:var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default)));color:var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default)));margin-block-start:calc(var(--luzmo-option-top-to-checkmark,var(--option-top-to-checkmark)) - var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text)));margin-inline-end:var(--luzmo-option-text-to-control,var(--option-label-text-to-control))}.checkbox{font-size:var(--luzmo-option-checkbox-size,var(--option-checkbox-size));fill:var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default)));color:var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default)));margin-block-start:calc(var(--luzmo-option-top-to-checkbox,var(--option-top-to-checkbox)) - var(--luzmo-option-top-edge-to-text,var(--option-top-edge-to-text)));margin-inline-end:var(--luzmo-option-text-to-control,var(--option-label-text-to-control))}::slotted([slot=value]){grid-area:submenuItemValueArea}:host([focused]){background-color:var(--highcontrast-option-background-color-focus,var(--luzmo-option-background-color-key-focus,var(--option-background-color-key-focus)));outline:none}:host([focused])>#label,:host(:focus)>#label{color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-content-color-focus,var(--option-label-content-color-focus)))}:host([focused])>[name=description]::slotted(*),:host(:focus)>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus,var(--luzmo-option-description-color-focus,var(--option-description-color-focus)))}:host([focused])>::slotted([slot=value]),:host(:focus)>::slotted([slot=value]){color:var(--highcontrast-option-color-focus,var(--luzmo-option-value-color-focus,var(--option-value-color-focus)))}:host([focused])>.icon:not(.checkmark,.checkbox),:host(:focus)>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-focus,var(--option-label-icon-color-focus)));color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-focus,var(--option-label-icon-color-focus)))}:host([focused])>.checkmark,:host(:focus)>.checkmark{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-focus,var(--options-checkmark-icon-color-focus)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-focus,var(--options-checkmark-icon-color-focus)))}:host([focused])>.checkbox,:host(:focus)>.checkbox{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-focus,var(--options-checkbox-icon-color-focus)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-focus,var(--options-checkbox-icon-color-focus)))}:is(: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)),:host([dir=rtl])){--option-focus-indicator-direction-scalar:-1}:host(:is(:active,[active])){background-color:var(--highcontrast-option-background-color-focus,var(--luzmo-option-background-color-down,var(--option-background-color-down)))}:host(:is(:active,[active]))>#label{color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-content-color-down,var(--option-label-content-color-down)))}:host(:is(:active,[active]))>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus,var(--luzmo-option-description-color-down,var(--option-description-color-down)))}:host(:is(:active,[active]))>::slotted([slot=value]){color:var(--highcontrast-option-color-focus,var(--luzmo-option-value-color-down,var(--option-value-color-down)))}:host(:is(:active,[active]))>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-down,var(--option-label-icon-color-down)));color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-down,var(--option-label-icon-color-down)))}:host(:is(:active,[active]))>.checkmark{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-down,var(--options-checkmark-icon-color-down)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-down,var(--options-checkmark-icon-color-down)))}:host(:is(:active,[active]))>.checkbox{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-down,var(--options-checkbox-icon-color-down)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-down,var(--options-checkbox-icon-color-down)))}:host([disabled]),:host([aria-disabled=true]){background-color:initial}:host([disabled]) #label,:host([disabled]) ::slotted([slot=value]),:host([aria-disabled=true]) #label,:host([aria-disabled=true]) ::slotted([slot=value]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-content-color-disabled,var(--option-label-content-color-disabled)))}:host([disabled]) [name=description]::slotted(*),:host([aria-disabled=true]) [name=description]::slotted(*){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-description-color-disabled,var(--option-description-color-disabled)))}:host([disabled]) ::slotted([slot=icon]),:host([aria-disabled=true]) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)));fill:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)))}:host([focused]){box-shadow:inset calc(var(--luzmo-option-focus-indicator-width,var(--option-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-option-focus-indicator-color,var(--luzmo-option-focus-indicator-color,var(--option-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-option-focus-indicator-width,var(--option-focus-indicator-width)) * var(--option-focus-indicator-direction-scalar,1)) 0 0 0 var(--highcontrast-option-focus-indicator-color,var(--luzmo-option-focus-indicator-color,var(--option-focus-indicator-color)))}#label{font-size:var(--luzmo-option-label-font-size,var(--option-label-font-size));color:var(--highcontrast-option-color-default,var(--luzmo-option-label-content-color-default,var(--option-label-content-color-default)));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;grid-area:labelArea}:host([variant=highlight][selected]){--option-shortcut-opacity:1;background-color:var(--luzmo-option-highlight-selected-label-background-color,var(--option-highlight-selected-label-background-color))}:host([variant=highlight][selected]) #label{color:var(--luzmo-option-highlight-selected-label-content-color,var(--option-highlight-selected-label-content-color))}:host([variant=highlight][selected]) [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color,var(--option-highlight-selected-label-content-color))}:host([variant=highlight][selected])>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color,var(--option-highlight-selected-label-content-color))}:host([variant=highlight][selected]):hover #label{color:var(--luzmo-option-highlight-selected-label-content-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]):hover [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]):hover>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]):active #label{color:var(--luzmo-option-highlight-selected-label-content-color-down,var(--option-highlight-selected-label-content-color-down))}:host([variant=highlight][selected]):active [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-down,var(--option-highlight-selected-label-content-color-down))}:host([variant=highlight][selected]):active>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color-down,var(--option-highlight-selected-label-content-color-down))}:host([variant=highlight][selected]):focus #label{color:var(--luzmo-option-highlight-selected-label-content-color-focus,var(--option-highlight-selected-label-content-color-focus))}:host([variant=highlight][selected]):focus [name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-focus,var(--option-highlight-selected-label-content-color-focus))}:host([variant=highlight][selected]):focus>::slotted([slot=value]){color:var(--luzmo-option-highlight-selected-value-color-focus,var(--option-highlight-selected-label-content-color-focus))}:host([variant=highlight][selected]) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-highlight-selected-label-content-color,var(--option-highlight-selected-label-content-color)));fill:var(--highcontrast-option-color-disabled,var(--luzmo-option-highlight-selected-label-content-color,var(--option-highlight-selected-label-content-color)))}::slotted([slot=value]){color:var(--highcontrast-option-color-default,var(--luzmo-option-value-color-default,var(--option-value-color-default)));font-family:inherit;font-size:var(--luzmo-option-label-font-size,var(--option-label-font-size));grid-area:valueArea;justify-self:end}::slotted(kbd[slot=value]){font-size:var(--option-shortcut-font-size);opacity:var(--option-shortcut-opacity)}[name=description]::slotted(*){color:var(--highcontrast-option-color-default,var(--luzmo-option-description-color-default,var(--option-description-color-default)));font-size:var(--luzmo-option-description-font-size,var(--option-description-font-size));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;line-height:var(--luzmo-option-description-line-height,var(--option-description-line-height));grid-area:descriptionArea;margin-block-start:var(--luzmo-option-label-to-description-spacing,var(--option-label-to-description-spacing))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([expandable]){cursor:pointer}:host([expandable][has-selected-child][variant=highlight]:not([expanded])){background-color:color-mix(in srgb, var(--luzmo-option-highlight-selected-label-background-color,var(--option-highlight-selected-label-background-color)) 12%, transparent)}:host([expandable])>.checkmark{color:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent)}:host([expandable])>.checkbox{color:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent)}:host([expandable][has-selected-child])>.checkmark{color:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkmark-icon-color-default,var(--luzmo-options-checkmark-icon-color-default,var(--options-checkmark-icon-color-default))) 50%, transparent)}:host([expandable][has-selected-child])>.checkbox{color:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent);fill:color-mix(in srgb, var(--highcontrast-options-checkbox-icon-color-default,var(--luzmo-options-checkbox-icon-color-default,var(--options-checkbox-icon-color-default))) 50%, transparent)}:host([child-option]){padding-inline-start:calc(var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content)) + 24px)}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-option-background-color-focus,var(--luzmo-option-background-color-hover,var(--option-background-color-hover)))}:host(:hover)>#label{color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-content-color-hover,var(--option-label-content-color-hover)))}:host([variant=highlight][selected]:hover)>#label{color:var(--luzmo-option-highlight-selected-label-content-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]:hover)>[name=description]::slotted(*){color:var(--luzmo-option-highlight-selected-description-color-hover,var(--option-highlight-selected-label-content-color-hover))}:host(:hover)>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus,var(--luzmo-option-description-color-hover,var(--option-description-color-hover)))}:host(:hover)>::slotted([slot=value]){color:var(--highcontrast-option-color-focus,var(--luzmo-option-value-color-hover,var(--option-value-color-hover)))}:host(:hover)>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-hover,var(--option-label-icon-color-hover)));color:var(--highcontrast-option-color-focus,var(--luzmo-option-label-icon-color-hover,var(--option-label-icon-color-hover)))}:host([variant=highlight][selected]:hover)>.icon:not(.checkmark,.checkbox){fill:var(--luzmo-option-highlight-selected-label-icon-color-hover,var(--option-highlight-selected-label-icon-color-hover))}:host(:hover)>.checkmark{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-hover,var(--options-checkmark-icon-color-hover)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkmark-icon-color-hover,var(--options-checkmark-icon-color-hover)))}:host(:hover)>.checkbox{fill:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-hover,var(--options-checkbox-icon-color-hover)));color:var(--highcontrast-option-color-focus,var(--luzmo-options-checkbox-icon-color-hover,var(--options-checkbox-icon-color-hover)))}:host([disabled]:hover),:host([aria-disabled=true]:hover){cursor:default;background-color:initial}:host([disabled]:hover) #label,:host([disabled]:hover) ::slotted([slot=value]),:host([aria-disabled=true]:hover) #label,:host([aria-disabled=true]:hover) ::slotted([slot=value]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-content-color-disabled,var(--option-label-content-color-disabled)))}:host([disabled]:hover) [name=description]::slotted(*),:host([aria-disabled=true]:hover) [name=description]::slotted(*){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-description-color-disabled,var(--option-description-color-disabled)))}:host([disabled]:hover) ::slotted([slot=icon]),:host([aria-disabled=true]:hover) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)));fill:var(--highcontrast-option-color-disabled,var(--luzmo-option-label-icon-color-disabled,var(--option-label-icon-color-disabled)))}}:host([emphasized]){--options-checkmark-icon-color-default:var(--luzmo-primary);--options-checkmark-icon-color-hover:var(--luzmo-primary-hover);--options-checkmark-icon-color-down:var(--luzmo-primary-down);--options-checkmark-icon-color-focus:var(--luzmo-primary-focus);--options-checkbox-icon-color-default:var(--luzmo-primary);--options-checkbox-icon-color-hover:var(--luzmo-primary-hover);--options-checkbox-icon-color-down:var(--luzmo-primary-down);--options-checkbox-icon-color-focus:var(--luzmo-primary-focus)}:host{text-align:initial;font-family:var(--luzmo-option-font-family,var(--luzmo-font-family))}:host([hidden]){display:none}:host([disabled]){pointer-events:none}:host([disabled]) [name=value]::slotted(*){color:var(--luzmo-option-label-icon-color-disabled,var(--luzmo-disabled-color))}#button{position:absolute;inset:0}.icon-container>svg{vertical-align:top}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors:active){:host{forced-color-adjust:none}}:host([no-wrap]) #label{display:block}`,h=e=>c.html`
19
19
  <span class="icon-container icon checkmark ${e.join(` `)}">
20
20
  ${(0,u.luzmoIcon)(u.luzmoCheck)}
21
21
  </span>
@@ -44,7 +44,7 @@ require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./
44
44
  .icon=${u.luzmoAngleRight}
45
45
  style="transition: transform var(--luzmo-animation-duration, 130ms) ease; transform: rotate(${e?`90deg`:`0deg`})"
46
46
  ></luzmo-icon>
47
- `;function C(e){return typeof e==`object`&&(!!e?.header||!!e?.divider)}var w=25;function T(e,t){return!!t&&(e===t||e.contains(t))}var E=class extends t.n(e.n,{noDefaultSize:!0}){static get styles(){return[(0,c.unsafeCSS)(x)]}get _flattenedOptions(){let e=[];for(let t of this.options)if(e.push(t),t.children?.length&&t.value!==void 0&&this._expandedValues.has(t.value))for(let n of t.children)e.push({...n,_isChild:!0,_parentValue:t.value});return e}get _flatVirtualizeActive(){let e=this.options.length;for(let t of this.options)t.children?.length&&(e+=t.children.length);return e>25}toggleExpand(e){let t=e.value;if(t===void 0)return;let n=new Set(this._expandedValues);n.has(t)?n.delete(t):n.add(t),this._expandedValues=n}constructor(){super(),this.label=``,this.variant=`highlight`,this.selects=`single`,this.emphasized=!1,this.pending=!1,this.options=[],this.value=[],this.focusedOptionIndex=0,this._selectedOptions=[],this._firstVisibleIndex=0,this._expandedValues=new Set,this.addEventListener(`focusin`,this.handleFocusin),this.addEventListener(`blur`,this.handleBlur)}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`tabindex`)||(this.tabIndex=0);let t=[new Promise(e=>requestAnimationFrame(()=>e(!0)))];[...this.children].forEach(e=>{e.localName===`luzmo-option`&&t.push(e.updateComplete)}),this.optionElementsUpdated=Promise.all(t)}willUpdate(e){e.has(`selects`)&&this.selects===`single`&&this.value?.length>1&&(this.value=this.value.slice(0,1))}updated(e){super.updated(e),e.has(`label`)&&(this.label||e.get(`label`)!==void 0)&&(this.label?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`)),e.has(`pending`)&&(this.pending?this.setAttribute(`aria-busy`,`true`):this.removeAttribute(`aria-busy`))}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.optionElementsUpdated,e}focus({preventScroll:e}={}){super.focus({preventScroll:e}),this.focusOptionByOffset(0)}_removeFocusedPropertyOnOptions(){requestAnimationFrame(()=>{this.visibleOptionElements.forEach(e=>{e.focused=!1})})}scrollToTop(){this.scrollTop=0}handleFocusin(){this.startListeningToKeyboard()}handleBlur(e){T(this,e.relatedTarget)||(this.stopListeningToKeyboard(),this._removeFocusedPropertyOnOptions(),this.removeAttribute(`aria-activedescendant`))}startListeningToKeyboard(){this.addEventListener(`keydown`,this.handleKeydown)}stopListeningToKeyboard(){this.removeEventListener(`keydown`,this.handleKeydown)}handleKeydown(e){if(e.defaultPrevented)return;let t=this._flattenedOptions,n=this.focusedOptionIndex,r=[...this.visibleOptionElements].find(e=>e.value?.toString()===t?.[n]?.value?.toString()),{key:i}=e;if(i===`Tab`){this.prepareToCleanUp();return}if(i===` `||i===`Enter`){e.preventDefault();let i=t?.[n];r&&i&&(i.children?.length?this.toggleExpand(i):this.toggleOption(e,i));return}if(i===`ArrowDown`||i===`ArrowUp`){e.preventDefault(),this.navigateWithinOptions(e,r);return}}navigateWithinOptions(e,t){let{key:n}=e,r=n===`ArrowDown`?1:-1;e.preventDefault(),e.stopPropagation();let i=this.focusOptionByOffset(r,t,!0);i!==t&&(this._flatVirtualizeActive||i?.scrollIntoView({block:`nearest`}))}focusOptionByOffset(e,t,n){let r=this._flattenedOptions,i=e||1;t&&(t.focused=!1);let a=this.focusedOptionIndex;this.focusedOptionIndex=r.length>0?(r.length+this.focusedOptionIndex+e)%r.length:0;let o=r[this.focusedOptionIndex],s=r.length;for(;(o?.disabled||o?.divider||o?.header)&&s;)--s,this.focusedOptionIndex=(r.length+this.focusedOptionIndex+i)%r.length,o=r[this.focusedOptionIndex];let c=a<this.focusedOptionIndex&&e===-1,l=a>this.focusedOptionIndex&&e===1;(c||l)&&(this.focusedOptionIndex=a,this.dispatchEvent(new Event(`luzmo-exceeded-${c?`top`:`bottom`}`,{bubbles:!0,composed:!0,cancelable:!0})));let u;return n&&this._flatVirtualizeActive&&(u=[...this.visibleOptionElements].find(e=>e.value?.toString()===r[this.focusedOptionIndex]?.value?.toString()),u||(this.focusedOptionIndex=this._firstVisibleIndex)),this._flatVirtualizeActive&&n&&this.virtualizer.element(this.focusedOptionIndex)?.scrollIntoView({behavior:`smooth`,block:`nearest`}),u??=[...this.visibleOptionElements].find(e=>(e.value===null?null:e.value?.toString())===(r[this.focusedOptionIndex]?.value===null?r[this.focusedOptionIndex]?.value:r[this.focusedOptionIndex]?.value?.toString())),o?.disabled||this.setFocusedAndActiveDescendant(u),u}updateSelectedItemIndex(){this.focusedOptionIndex=this._flatVirtualizeActive?this._firstVisibleIndex:0}setSelectedOptionsFromValue(){this._selectedOptions=this.options.filter(e=>Array.isArray(this.value)&&this.value?.includes(e?.value??null))}visibilityChanged(e){this._firstVisibleIndex=e?.first??0}rangeChange(e){e.stopPropagation(),e.preventDefault(),e?.first!==-1&&e?.last!==-1&&this.dispatchEvent(new CustomEvent(`luzmo-scrolled`,{bubbles:!0,composed:!0,cancelable:!0,detail:{first:e.first,last:e.last}}))}async toggleOption(e,t){let n=e instanceof KeyboardEvent,r=this._flattenedOptions.findIndex(e=>e?.value===t?.value);this.focusedOptionIndex=r,this.visibleOptionElements.forEach(e=>{if(n){let n=(e?.value===null?null:e.value?.toString())===(t?.value===null?null:t?.value?.toString());e.focused=n,n&&this.setFocusedAndActiveDescendant(e)}else e.focused=!1});let i=Array.isArray(this.value)&&this.value?.includes(t?.value??null);this.selects===`single`?(this.value=[t?.value],this._selectedOptions=[t]):(this.value=i?this.value.filter(e=>e!==t?.value):[...this.value??[],t?.value],this._selectedOptions=i?this._selectedOptions.filter(e=>e.value!==t.value):[...this._selectedOptions,t]),await this.updateComplete,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}})),this.prepareToCleanUp()}handleOptionClick(e,t){this.toggleOption(t,e)}handleExpandClick(e){this.toggleExpand(e)}render(){let e=e=>c.html`<luzmo-icon
47
+ `;function C(e){return typeof e==`object`&&(!!e?.header||!!e?.divider)}var w=25;function T(e,t){return!!t&&(e===t||e.contains(t))}var E=class extends t.n(e.n,{noDefaultSize:!0}){static get styles(){return[(0,c.unsafeCSS)(x)]}get _flattenedOptions(){let e=[];for(let t of this.options)if(e.push(t),t.children?.length&&t.value!==void 0&&this._expandedValues.has(t.value))for(let n of t.children)e.push({...n,_isChild:!0,_parentValue:t.value});return e}get _flatVirtualizeActive(){let e=this.options.length;for(let t of this.options)t.children?.length&&(e+=t.children.length);return e>25}toggleExpand(e){let t=e.value;if(t===void 0)return;let n=new Set(this._expandedValues);n.has(t)?n.delete(t):n.add(t),this._expandedValues=n}constructor(){super(),this.label=``,this.variant=`highlight`,this.selects=`single`,this.emphasized=!1,this.pending=!1,this.options=[],this.value=[],this.focusedOptionIndex=0,this._selectedOptions=[],this._firstVisibleIndex=0,this._expandedValues=new Set,this.addEventListener(`focusin`,this.handleFocusin),this.addEventListener(`blur`,this.handleBlur)}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`tabindex`)||(this.tabIndex=0);let t=[new Promise(e=>requestAnimationFrame(()=>e(!0)))];[...this.children].forEach(e=>{e.localName===`luzmo-option`&&t.push(e.updateComplete)}),this.optionElementsUpdated=Promise.all(t)}willUpdate(e){e.has(`selects`)&&this.selects===`single`&&this.value?.length>1&&(this.value=this.value.slice(0,1))}updated(e){super.updated(e),e.has(`label`)&&(this.label||e.get(`label`)!==void 0)&&(this.label?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`)),e.has(`pending`)&&(this.pending?this.setAttribute(`aria-busy`,`true`):this.removeAttribute(`aria-busy`))}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.optionElementsUpdated,e}focus({preventScroll:e}={}){super.focus({preventScroll:e}),this.focusOptionByOffset(0)}_removeFocusedPropertyOnOptions(){requestAnimationFrame(()=>{this.visibleOptionElements.forEach(e=>{e.focused=!1})})}scrollToTop(){this.scrollTop=0}handleFocusin(){this.startListeningToKeyboard()}handleBlur(e){T(this,e.relatedTarget)||(this.stopListeningToKeyboard(),this._removeFocusedPropertyOnOptions(),this.removeAttribute(`aria-activedescendant`))}startListeningToKeyboard(){this.addEventListener(`keydown`,this.handleKeydown)}stopListeningToKeyboard(){this.removeEventListener(`keydown`,this.handleKeydown)}handleKeydown(e){if(e.defaultPrevented)return;let t=this._flattenedOptions,n=this.focusedOptionIndex,r=[...this.visibleOptionElements].find(e=>e.value?.toString()===t?.[n]?.value?.toString()),{key:i}=e;if(i===`Tab`)this.prepareToCleanUp();else if(i===` `||i===`Enter`){e.preventDefault();let i=t?.[n];r&&i&&(i.children?.length?this.toggleExpand(i):this.toggleOption(e,i))}else(i===`ArrowDown`||i===`ArrowUp`)&&(e.preventDefault(),this.navigateWithinOptions(e,r))}navigateWithinOptions(e,t){let{key:n}=e,r=n===`ArrowDown`?1:-1;e.preventDefault(),e.stopPropagation();let i=this.focusOptionByOffset(r,t,!0);i!==t&&(this._flatVirtualizeActive||i?.scrollIntoView({block:`nearest`}))}focusOptionByOffset(e,t,n){let r=this._flattenedOptions,i=e||1;t&&(t.focused=!1);let a=this.focusedOptionIndex;this.focusedOptionIndex=r.length>0?(r.length+this.focusedOptionIndex+e)%r.length:0;let o=r[this.focusedOptionIndex],s=r.length;for(;(o?.disabled||o?.divider||o?.header)&&s;)--s,this.focusedOptionIndex=(r.length+this.focusedOptionIndex+i)%r.length,o=r[this.focusedOptionIndex];let c=a<this.focusedOptionIndex&&e===-1,l=a>this.focusedOptionIndex&&e===1;(c||l)&&(this.focusedOptionIndex=a,this.dispatchEvent(new Event(`luzmo-exceeded-${c?`top`:`bottom`}`,{bubbles:!0,composed:!0,cancelable:!0})));let u;return n&&this._flatVirtualizeActive&&(u=[...this.visibleOptionElements].find(e=>e.value?.toString()===r[this.focusedOptionIndex]?.value?.toString()),u||(this.focusedOptionIndex=this._firstVisibleIndex)),this._flatVirtualizeActive&&n&&this.virtualizer.element(this.focusedOptionIndex)?.scrollIntoView({behavior:`smooth`,block:`nearest`}),u??=[...this.visibleOptionElements].find(e=>(e.value===null?null:e.value?.toString())===(r[this.focusedOptionIndex]?.value===null?r[this.focusedOptionIndex]?.value:r[this.focusedOptionIndex]?.value?.toString())),o?.disabled||this.setFocusedAndActiveDescendant(u),u}updateSelectedItemIndex(){this.focusedOptionIndex=this._flatVirtualizeActive?this._firstVisibleIndex:0}setSelectedOptionsFromValue(){this._selectedOptions=this.options.filter(e=>Array.isArray(this.value)&&this.value?.includes(e?.value??null))}visibilityChanged(e){this._firstVisibleIndex=e?.first??0}rangeChange(e){e.stopPropagation(),e.preventDefault(),e?.first!==-1&&e?.last!==-1&&this.dispatchEvent(new CustomEvent(`luzmo-scrolled`,{bubbles:!0,composed:!0,cancelable:!0,detail:{first:e.first,last:e.last}}))}async toggleOption(e,t){let n=e instanceof KeyboardEvent,r=this._flattenedOptions.findIndex(e=>e?.value===t?.value);this.focusedOptionIndex=r,this.visibleOptionElements.forEach(e=>{if(n){let n=(e?.value===null?null:e.value?.toString())===(t?.value===null?null:t?.value?.toString());e.focused=n,n&&this.setFocusedAndActiveDescendant(e)}else e.focused=!1});let i=Array.isArray(this.value)&&this.value?.includes(t?.value??null);this.selects===`single`?(this.value=[t?.value],this._selectedOptions=[t]):(this.value=i?this.value.filter(e=>e!==t?.value):[...this.value??[],t?.value],this._selectedOptions=i?this._selectedOptions.filter(e=>e.value!==t.value):[...this._selectedOptions,t]),await this.updateComplete,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}})),this.prepareToCleanUp()}handleOptionClick(e,t){this.toggleOption(t,e)}handleExpandClick(e){this.toggleExpand(e)}render(){let e=e=>c.html`<luzmo-icon
48
48
  slot="icon"
49
49
  .icon=${e}
50
50
  .size=${this.size}
@@ -91,15 +91,15 @@ require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./
91
91
  ${g} ${a}
92
92
  ${o?t(o):c.nothing}
93
93
  ${s?c.html`<kbd slot="value">${s}</kbd>`:c.nothing}
94
- </luzmo-option>`},i=this._flattenedOptions;return c.html`${this._flatVirtualizeActive?c.html`<lit-virtualizer
94
+ </luzmo-option>`},i=this._flattenedOptions,a=this._flatVirtualizeActive?c.html`<lit-virtualizer
95
95
  role="presentation"
96
96
  .items=${i}
97
97
  .renderItem=${r}
98
98
  @rangeChanged=${this.rangeChange}
99
99
  @visibilityChanged=${this.visibilityChanged}
100
- ></lit-virtualizer>`:(0,p.repeat)(i,r)} ${this.pending?c.html`<div id="pending" aria-hidden="true">
100
+ ></lit-virtualizer>`:(0,p.repeat)(i,r),o=this.pending?c.html`<div id="pending" aria-hidden="true">
101
101
  <luzmo-progress-circle
102
102
  indeterminate
103
103
  label="Loading"
104
104
  ></luzmo-progress-circle>
105
- </div>`:c.nothing}`}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`listbox`),this.updateComplete.then(()=>this.updateItemFocus())}disconnectedCallback(){super.disconnectedCallback()}prepareToCleanUp(){document.addEventListener(`focusout`,()=>{requestAnimationFrame(()=>{this.updateSelectedItemIndex()})},{once:!0})}updateItemFocus(){if(this.visibleOptionElements.length===0)return;let e=this._flattenedOptions,t=this.focusedOptionIndex,n=[...this.visibleOptionElements].find(n=>(n.value===null?null:n.value?.toString())===(e?.[t]?.value===null?null:e?.[t]?.value?.toString()));this.setFocusedAndActiveDescendant(n)}setFocusedAndActiveDescendant(e){if(!e)return;let t=this.hasVisibleFocusInTree()||!!(this.visibleOptionElements?.some&&this.visibleOptionElements?.some(e=>e.hasVisibleFocusInTree()));e.focused=t,t&&this.setAttribute(`aria-activedescendant`,e.id)}};e.t([(0,l.property)({type:String,reflect:!0})],E.prototype,`label`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],E.prototype,`variant`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],E.prototype,`selects`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],E.prototype,`emphasized`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],E.prototype,`pending`,void 0),e.t([(0,l.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])}})],E.prototype,`options`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`no-wrap`})],E.prototype,`noWrap`,void 0),e.t([(0,l.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])}})],E.prototype,`value`,void 0),e.t([(0,l.property)({attribute:!1})],E.prototype,`optionIconRenderer`,void 0),e.t([(0,l.query)(`lit-virtualizer`)],E.prototype,`virtualizer`,void 0),e.t([(0,l.queryAll)(`luzmo-option`)],E.prototype,`visibleOptionElements`,void 0),e.t([(0,l.state)()],E.prototype,`_expandedValues`,void 0),customElements.get(`luzmo-options`)||customElements.define(`luzmo-options`,E),customElements.get(`luzmo-options-divider`)||customElements.define(`luzmo-options-divider`,b),customElements.get(`luzmo-option`)||customElements.define(`luzmo-option`,v),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});
105
+ </div>`:c.nothing;return c.html`${a} ${o}`}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`listbox`),this.updateComplete.then(()=>this.updateItemFocus())}disconnectedCallback(){super.disconnectedCallback()}prepareToCleanUp(){document.addEventListener(`focusout`,()=>{requestAnimationFrame(()=>{this.updateSelectedItemIndex()})},{once:!0})}updateItemFocus(){if(this.visibleOptionElements.length===0)return;let e=this._flattenedOptions,t=this.focusedOptionIndex,n=[...this.visibleOptionElements].find(n=>(n.value===null?null:n.value?.toString())===(e?.[t]?.value===null?null:e?.[t]?.value?.toString()));this.setFocusedAndActiveDescendant(n)}setFocusedAndActiveDescendant(e){if(!e)return;let t=this.hasVisibleFocusInTree()||!!(this.visibleOptionElements?.some&&this.visibleOptionElements?.some(e=>e.hasVisibleFocusInTree()));e.focused=t,t&&this.setAttribute(`aria-activedescendant`,e.id)}};e.t([(0,l.property)({type:String,reflect:!0})],E.prototype,`label`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],E.prototype,`variant`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],E.prototype,`selects`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],E.prototype,`emphasized`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],E.prototype,`pending`,void 0),e.t([(0,l.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])}})],E.prototype,`options`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`no-wrap`})],E.prototype,`noWrap`,void 0),e.t([(0,l.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])}})],E.prototype,`value`,void 0),e.t([(0,l.property)({attribute:!1})],E.prototype,`optionIconRenderer`,void 0),e.t([(0,l.query)(`lit-virtualizer`)],E.prototype,`virtualizer`,void 0),e.t([(0,l.queryAll)(`luzmo-option`)],E.prototype,`visibleOptionElements`,void 0),e.t([(0,l.state)()],E.prototype,`_expandedValues`,void 0),customElements.get(`luzmo-options`)||customElements.define(`luzmo-options`,E),customElements.get(`luzmo-options-divider`)||customElements.define(`luzmo-options-divider`,b),customElements.get(`luzmo-option`)||customElements.define(`luzmo-option`,v),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});
package/components/overlay/index.cjs CHANGED
@@ -15,4 +15,4 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../slottable-request-event-C6eb7Ch3.cjs"),t=require("../overlay-Dn7EbA_W.cjs");exports.ClickController=t.d,exports.HoverController=t.u,exports.InteractionController=t.f,exports.InteractionTypes=t.p,exports.LONGPRESS_INSTRUCTIONS=t.c,exports.LongpressController=t.l,exports.LuzmoAbstractOverlay=t.y,exports.LuzmoOverlay=t.s,exports.LuzmoOverlayTrigger=t.o,exports.OverlayTriggerDirective=t.t,exports.PlacementController=t.g,exports.SAFARI_FOCUS_RING_CLASS=t.m,exports.SlottableRequestDirective=t.r,exports.SlottableRequestEvent=e.t,exports.VirtualTrigger=t.v,exports.guaranteedAllTransitionend=t.b,exports.lastInteractionType=t.h,exports.nextFrame=t.x,exports.noop=t.S,exports.openOverlay=t.a,exports.overlayTimer=t.C,exports.placementUpdatedSymbol=t._,exports.removeSlottableRequest=e.n,exports.slottableRequest=t.i,exports.trigger=t.n;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../slottable-request-event-C6eb7Ch3.cjs"),t=require("../overlay-DAOyrYJL.cjs");exports.ClickController=t.d,exports.HoverController=t.u,exports.InteractionController=t.f,exports.InteractionTypes=t.p,exports.LONGPRESS_INSTRUCTIONS=t.c,exports.LongpressController=t.l,exports.LuzmoAbstractOverlay=t.y,exports.LuzmoOverlay=t.s,exports.LuzmoOverlayTrigger=t.o,exports.OverlayTriggerDirective=t.t,exports.PlacementController=t.g,exports.SAFARI_FOCUS_RING_CLASS=t.m,exports.SlottableRequestDirective=t.r,exports.SlottableRequestEvent=e.t,exports.VirtualTrigger=t.v,exports.guaranteedAllTransitionend=t.b,exports.lastInteractionType=t.h,exports.nextFrame=t.x,exports.noop=t.S,exports.openOverlay=t.a,exports.overlayTimer=t.C,exports.placementUpdatedSymbol=t._,exports.removeSlottableRequest=e.n,exports.slottableRequest=t.i,exports.trigger=t.n;
package/components/overlay/index.js CHANGED
@@ -16,6 +16,6 @@
16
16
  * SOFTWARE.
17
17
  * */
18
18
  import "../tokens.js";
19
- import { n as e, t } from "../slottable-request-event-MRSZbgTu.js";
20
- import { C as n, S as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, x as C, y as w } from "../overlay-DpHIYJtd.js";
19
+ import { n as e, t } from "../slottable-request-event-24jJOhbh.js";
20
+ import { C as n, S as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, x as C, y as w } from "../overlay-D_Xfq92b.js";
21
21
  export { c as ClickController, x as HoverController, l as InteractionController, _ as InteractionTypes, s as LONGPRESS_INSTRUCTIONS, p as LongpressController, w as LuzmoAbstractOverlay, y as LuzmoOverlay, g as LuzmoOverlayTrigger, b as OverlayTriggerDirective, u as PlacementController, m as SAFARI_FOCUS_RING_CLASS, v as SlottableRequestDirective, t as SlottableRequestEvent, S as VirtualTrigger, o as guaranteedAllTransitionend, d as lastInteractionType, C as nextFrame, r as noop, a as openOverlay, n as overlayTimer, i as placementUpdatedSymbol, e as removeSlottableRequest, f as slottableRequest, h as trigger };
package/components/overlay-DAOyrYJL.cjs ADDED
@@ -0,0 +1,102 @@
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2026 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
+ * */
18
+ const e=require("./color-controller-BpdydwTO.cjs");require("./tokens.cjs");const t=require("./decorate-SO02l0A6.cjs"),n=require("./condition-attribute-with-id-Cw92IbcP.cjs"),r=require("./random-id-BcUJAxUZ.cjs"),i=require("./element-resolution-BjaAlqwX.cjs"),a=require("./slottable-request-event-C6eb7Ch3.cjs"),o=require("./focusable-selectors-DJqGLTJo.cjs"),s=require("./platform-BAjeJp2W.cjs");let c=require("lit"),l=require("lit/decorators.js"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/style-map.js"),f=require("@floating-ui/dom"),p=require("lit/async-directive.js");function m(e,t,n=[]){for(let[r,i]of t.entries()){let t=e[r],a=t.parentElement||t.getRootNode();n[r]&&n[r](i),a&&a!==t&&t.replaceWith(i),delete e[r]}return t}var h=(e,t,{position:n,prepareCallback:r}={position:`beforeend`})=>{let{length:i}=e;if(i===0)return()=>e;let a=1,o=0;(n===`afterbegin`||n===`afterend`)&&(a=-1,o=i-1);let s=[];s.length=i;let c=[];c.length=i;let l=typeof document>`u`?null:document.createComment(`placeholder for reparented element`);do{let i=e[o];r&&(c[o]=r(i)),s[o]=l.cloneNode();let u=i.parentElement||i.getRootNode();u&&u!==i&&i.replaceWith(s[o]),t.insertAdjacentElement(n,i),o+=a}while(--i>0);return function(){return m(s,e,c)}},g=1e3,_=1e3,v=new class{constructor(e={}){this.warmUpDelay=g,this.coolDownDelay=_,this.isWarm=!1,this.timeout=0,Object.assign(this,e)}openTimer(e){if(this.cancelCooldownTimer(),!this.component||e!==this.component)return this.component&&(this.close(this.component),this.cancelCooldownTimer()),this.component=e,this.isWarm?Promise.resolve(!1):(this.promise=new Promise(e=>{this.resolve=e,this.timeout=typeof window>`u`?0:window.setTimeout(()=>{this.resolve&&(this.resolve(!1),this.isWarm=!0)},this.warmUpDelay)}),this.promise);if(this.promise)return this.promise;throw Error(`Inconsistent state`)}close(e){this.component&&this.component===e&&(this.resetCooldownTimer(),this.timeout>0&&(clearTimeout(this.timeout),this.timeout=0),this.resolve&&(this.resolve(!0),delete this.resolve),delete this.promise,delete this.component)}resetCooldownTimer(){this.isWarm&&(this.cooldownTimeout&&typeof window<`u`&&window.clearTimeout(this.cooldownTimeout),this.cooldownTimeout=typeof window>`u`?void 0:window.setTimeout(()=>{this.isWarm=!1,delete this.cooldownTimeout},this.coolDownDelay))}cancelCooldownTimer(){this.cooldownTimeout&&typeof window<`u`&&window.clearTimeout(this.cooldownTimeout),delete this.cooldownTimeout}},y=()=>{},b=(e,t,n)=>{let r=new AbortController,i=new Map,a=()=>{r.abort(),n()},o,s,c=requestAnimationFrame(()=>{o=requestAnimationFrame(()=>{s=requestAnimationFrame(()=>{a()})})}),l=t=>{t.target===e&&(i.set(t.propertyName,i.get(t.propertyName)-1),i.get(t.propertyName)||i.delete(t.propertyName),i.size===0&&a())};e.addEventListener(`transitionrun`,t=>{t.target===e&&(i.has(t.propertyName)||i.set(t.propertyName,0),i.set(t.propertyName,i.get(t.propertyName)+1),cancelAnimationFrame(c),cancelAnimationFrame(o),cancelAnimationFrame(s))},{signal:r.signal}),e.addEventListener(`transitionend`,l,{signal:r.signal}),e.addEventListener(`transitioncancel`,l,{signal:r.signal}),t()};function x(){return new Promise(e=>requestAnimationFrame(()=>e()))}var S=class e extends t.n{constructor(...e){super(...e),this.dispose=y,this.offset=0,this.willPreventClose=!1}applyFocus(e,t){}get delayed(){return!1}set delayed(e){}get disabled(){return!1}set disabled(e){}get elementResolver(){return this._elementResolver}set elementResolver(e){this._elementResolver=e}ensureOnDOM(e){}makeTransition(e){return null}manageDelay(e){}manageDialogOpen(){}managePopoverOpen(){}managePosition(){}get open(){return!1}set open(e){}get placementController(){return this._placementController}set placementController(e){this._placementController=e}requestSlottable(){}returnFocus(){}get state(){return`closed`}set state(e){}manuallyKeepOpen(){}static update(){let e=new CustomEvent(`luzmo-update-overlays`,{bubbles:!0,composed:!0,cancelable:!0});document.dispatchEvent(e)}static async open(t,n,r,i){await Promise.resolve().then(()=>ae);let a=arguments.length===2,o=r||t,s=new this,c=!1,l=h([o],s,{position:`beforeend`,prepareCallback:e=>{let t=e.slot;return e.removeAttribute(`slot`),()=>{e.slot=t}}});if(s.dispose=()=>{s.addEventListener(`luzmo-closed`,()=>{c||=(l(),!0),requestAnimationFrame(()=>{s.remove()})}),s.open=!1,s.dispose=y},!a&&o&&i){let r=t,a=n,c=i;return e.applyOptions(s,{...c,delayed:c.delayed||o.hasAttribute(`delayed`),trigger:c.virtualTrigger||r,type:a===`modal`?`modal`:a===`hover`?`hint`:`auto`}),r.after(s),await s.updateComplete,s.open=!0,s.dispose}let u=n;return s.append(o),e.applyOptions(s,{...u,delayed:u.delayed||o.hasAttribute(`delayed`)}),s.updateComplete.then(()=>{s.open=!0}),s}static applyOptions(e,t){e.delayed=!!t.delayed,e.receivesFocus=t.receivesFocus??`auto`,e.triggerElement=t.trigger||null,e.type=t.type||`modal`,e.offset=t.offset??0,e.placement=t.placement,e.willPreventClose=!!t.notImmediatelyClosable}},C=e=>e.querySelector(o.n),w=e=>e.assignedElements().find(e=>e.matches(o.n)),T=class extends Event{constructor(){super(`beforetoggle`,{bubbles:!1,composed:!1}),this.currentState=`open`,this.newState=`closed`}},E=class extends Event{constructor(){super(`beforetoggle`,{bubbles:!1,composed:!1}),this.currentState=`closed`,this.newState=`open`}},D=class extends Event{constructor(e,t,{publish:n,interaction:r,reason:i}){super(e,{bubbles:n,composed:n}),this.overlay=t,this.detail={interaction:r,reason:i}}},O=class{constructor(e,t,n){this.x=0,this.y=0,this.x=e,this.y=t,this.rectTop=n}updateBoundingClientRect(e,t,n){this.x=e,this.y=t,this.rectTop=n,S.update()}getBoundingClientRect(){let e=this.rectTop??this.y;return{width:0,height:this.y-e,top:e,right:this.x,y:e,x:this.x,bottom:this.y,left:this.x,toJSON(){}}}};function ee(e){class t extends e{async manageDialogOpen(){let e=this.open;if(await x(),await this.managePosition(),this.open!==e)return;let t=await this.dialogMakeTransition(e);this.open===e&&await this.dialogApplyFocus(e,t)}dialogMakeTransition(e){let t=null,n=(n,r)=>()=>{if(n.open=e,!e){let e=()=>{n.removeEventListener(`close`,e)};n.addEventListener(`close`,e)}if(r>0)return;let i=e?E:T;this.dispatchEvent(new i),e&&(n.matches(o.n)&&(t=n),t||=C(n),t||n.querySelectorAll(`slot`).forEach(e=>{t||=w(e)}),this.isConnected&&!this.dialogEl.open&&this.dialogEl.showModal())},r=(t,n)=>()=>{if(this.open!==e)return;let r=e?`luzmo-opened`:`luzmo-closed`;if(n>0){t.dispatchEvent(new D(r,this,{interaction:this.type,publish:!1}));return}if(!this.isConnected||e!==this.open)return;let i=async()=>{let n=this.triggerElement instanceof O;this.dispatchEvent(new D(r,this,{interaction:this.type,publish:n})),t.dispatchEvent(new D(r,this,{interaction:this.type,publish:!1})),this.triggerElement&&!n&&this.triggerElement.dispatchEvent(new D(r,this,{interaction:this.type,publish:!0})),this.state=e?`opened`:`closed`,this.returnFocus(),await x(),await x(),e===this.open&&e===!1&&this.requestSlottable()};!e&&this.dialogEl.open?(this.dialogEl.addEventListener(`close`,()=>{i()},{once:!0}),this.dialogEl.close()):i()};return this.elements.forEach((e,t)=>{b(e,n(e,t),r(e,t))}),t}dialogApplyFocus(e,t){this.applyFocus(e,t)}}return t}function te(e){class t extends e{async managePopoverOpen(){await this.managePosition()}async manageDelay(e){e===!1||e!==this.open?v.close(this):this.delayed&&await v.openTimer(this)&&(this.open=!e)}ensureOnDOM(e){document.body.offsetHeight}makeTransition(e){if(this.open!==e)return null;let t=null,n=(n,r)=>()=>{if(e===this.open){if(n.open=e,r===0){let t=e?E:T;this.dispatchEvent(new t)}e===!0&&(n.matches(o.n)&&(t=n),t||=C(n),!t&&n.querySelectorAll(`slot`).forEach(e=>{t||=w(e)}))}},r=(t,n)=>async()=>{if(this.open!==e)return;let r=e?`luzmo-opened`:`luzmo-closed`;if(t.dispatchEvent(new D(r,this,{interaction:this.type})),n>0)return;let i=this.triggerElement instanceof O;this.dispatchEvent(new D(r,this,{interaction:this.type,publish:i})),this.triggerElement&&!i&&this.triggerElement.dispatchEvent(new D(r,this,{interaction:this.type,publish:!0})),this.state=e?`opened`:`closed`,this.returnFocus(),await x(),await x(),e===this.open&&e===!1&&this.requestSlottable()};return this.elements.forEach((e,t)=>{b(e,n(e,t),r(e,t))}),t}}return t}var k=typeof CSS<`u`&&CSS.supports(`(overlay: auto)`);function A(e){let t=!1;try{t=e.matches(`:popover-open`)}catch{}let n=!1;try{n=e.matches(`:open`)}catch{}return t||n}function j(e){class t extends e{async manageDelay(e){e===!1||e!==this.open?v.close(this):this.delayed&&await v.openTimer(this)&&(this.open=!e)}shouldHidePopover(e){if(e&&this.open!==e)return;let t=async({newState:e}={})=>{e!==`open`&&await this.placementController.resetOverlayPosition()};A(this.dialogEl)?this.dialogEl.addEventListener(`toggle`,t,{once:!0}):t()}shouldShowPopover(e){let t=!1;try{t=this.dialogEl.matches(`:popover-open`)}catch{}let n=!1;try{n=this.dialogEl.matches(`:open`)}catch{}e&&this.open===e&&!t&&!n&&this.isConnected&&(this.dialogEl.showPopover(),this.managePosition())}async ensureOnDOM(e){k||await this.shouldHidePopover(e),this.shouldShowPopover(e),await x()}makeTransition(e){if(this.open!==e)return null;let t=null,n=(n,r)=>()=>{if(n.open=e,r===0){let t=e?E:T;this.dispatchEvent(new t)}e&&(n.matches(o.n)&&(t=n),t||=C(n),!t&&n.querySelectorAll(`slot`).forEach(e=>{t||=w(e)}))},r=(t,n)=>()=>{if(this.open!==e)return;let r=e?`luzmo-opened`:`luzmo-closed`;if(n>0){t.dispatchEvent(new D(r,this,{interaction:this.type,publish:!1}));return}let i=async()=>{if(this.open!==e)return;await x();let n=this.triggerElement instanceof O;this.dispatchEvent(new D(r,this,{interaction:this.type,publish:n})),t.dispatchEvent(new D(r,this,{interaction:this.type,publish:!1})),this.triggerElement&&!n&&this.triggerElement.dispatchEvent(new D(r,this,{interaction:this.type,publish:!0})),this.state=e?`opened`:`closed`,this.returnFocus(),await x(),await x(),e===this.open&&e===!1&&this.requestSlottable()};if(this.open!==e)return;let a=A(this.dialogEl);e!==!0&&a&&this.isConnected?(this.dialogEl.addEventListener(`beforetoggle`,()=>{i()},{once:!0}),this.dialogEl.hidePopover()):i()};return this.elements.forEach((e,t)=>{b(e,n(e,t),r(e,t))}),t}}return t}var M=typeof document<`u`&&`showPopover`in document.createElement(`div`),N=new class{get document(){return this.root.ownerDocument||document}constructor(){this.root=typeof document>`u`?null:document.body,this.stack=[],this.handleScroll=e=>{(typeof document>`u`||e.target===document||e.target===document.documentElement||e.target===document.body)&&this.stack.forEach(t=>{t.open&&(t.type===`auto`&&t.triggerElement instanceof HTMLElement&&t.triggerElement.closest(`luzmo-picker, luzmo-select, luzmo-action-menu`)&&e.stopPropagation(),typeof document<`u`&&document.dispatchEvent(new CustomEvent(`luzmo-update-overlays`,{bubbles:!0,composed:!0,cancelable:!0})))})},this.handlePointerdown=e=>{this.pointerdownPath=e.composedPath(),this.lastOverlay=this.stack.at(-1)},this.handlePointerup=()=>{let e=this.pointerdownPath;if(this.pointerdownPath=void 0,this.stack.length===0||!e?.length)return;let t=this.lastOverlay;this.lastOverlay=void 0;let n=this.stack.length-1,r=this.stack.filter((r,i)=>!e.find(e=>e===r||e===r?.triggerElement&&r?.type===`hint`||i===n&&r!==t&&r.triggerInteraction===`longpress`)&&!r.shouldPreventClose()&&r.type!==`manual`&&(r.type!==`modal`||t===r));r.reverse(),r.forEach(e=>{this.closeOverlay(e);let t=e.parentOverlayToForceClose;for(;t;)this.closeOverlay(t),t=t.parentOverlayToForceClose})},this.handleBeforetoggle=e=>{let{target:t,newState:n}=e;n!==`open`&&this.closeOverlay(t)},this.handleKeydown=e=>{if(e.code!==`Escape`||this.stack.length===0)return;let t=this.stack.at(-1);t?.type===`page`?e.preventDefault():t?.type===`manual`?this.closeOverlay(t):M||t&&this.closeOverlay(t)},typeof document<`u`&&this.bindEvents()}bindEvents(){typeof document<`u`&&(this.document.addEventListener(`pointerdown`,this.handlePointerdown),this.document.addEventListener(`pointerup`,this.handlePointerup),this.document.addEventListener(`keydown`,this.handleKeydown),this.document.addEventListener(`scroll`,this.handleScroll,{capture:!0}))}closeOverlay(e){let t=this.stack.indexOf(e);t!==-1&&this.stack.splice(t,1),e.open=!1}overlaysByTriggerElement(e){return this.stack.filter(t=>t.triggerElement===e)}add(e){if(this.stack.includes(e)){let t=this.stack.indexOf(e);t!==-1&&(this.stack.splice(t,1),this.stack.push(e))}else{if(e.type===`auto`||e.type===`modal`||e.type===`page`){let t=`luzmo-overlay-query-path`,n=new Event(t,{composed:!0,bubbles:!0});e.addEventListener(t,e=>{let t=e.composedPath();this.stack.forEach(e=>{!t.find(t=>t===e)&&e.type!==`manual`&&e.type!==`modal`&&this.closeOverlay(e)})},{once:!0}),e.dispatchEvent(n)}else if(e.type===`hint`){if(this.stack.some(t=>t.type!==`manual`&&t.triggerElement&&t.triggerElement===e.triggerElement)){e.open=!1;return}this.stack.forEach(e=>{e.type===`hint`&&this.closeOverlay(e)})}requestAnimationFrame(()=>{this.stack.push(e),e.addEventListener(`beforetoggle`,this.handleBeforetoggle,{once:!0})})}}remove(e){this.closeOverlay(e)}},ne=`:host{pointer-events:none;--luzmo-overlay-animation-distance:.5rem;display:contents}:host(:has(>luzmo-tooltip)){--luzmo-overlay-animation-distance:var(--luzmo-tooltip-animation-distance,4px)}.dialog{box-sizing:border-box;--luzmo-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--luzmo-popover-filter:drop-shadow(0px 2px 6px var(--luzmo-shadow-color))}:host(:not([open])) .dialog{--luzmo-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(luzmo-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--luzmo-popover-filter:drop-shadow(0px 2px 6px var(--luzmo-shadow-color))}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--luzmo-popover-filter:drop-shadow(0px 2px 6px var(--luzmo-shadow-color))}}@supports (overlay:auto){.dialog{transition:all var(--luzmo-overlay-animation-duration,.13s), translate 0s, display var(--luzmo-overlay-animation-duration,.13s);transition-behavior:allow-discrete;display:none}:is(.dialog:popover-open,.dialog:modal){display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--luzmo-overlay-z-index-base,1000) + var(--luzmo-overlay-open-count))}}`;function P(e){if(e===void 0)return 0;let t=window.devicePixelRatio||1;return Math.round(e*t)/t}var F=8,re=100,I=e=>({left:[`right`,`bottom`,`top`],"left-start":[`right-start`,`bottom`,`top`],"left-end":[`right-end`,`bottom`,`top`],right:[`left`,`bottom`,`top`],"right-start":[`left-start`,`bottom`,`top`],"right-end":[`left-end`,`bottom`,`top`],top:[`bottom`,`left`,`right`],"top-start":[`bottom-start`,`left`,`right`],"top-end":[`bottom-end`,`left`,`right`],bottom:[`top`,`left`,`right`],"bottom-start":[`top-start`,`left`,`right`],"bottom-end":[`top-end`,`left`,`right`]})[e]??[e],L=Symbol(`placement updated`),R=class{constructor(e){this.originalPlacements=new WeakMap,this.placementGeneration=0,this.allowPlacementUpdate=!1,this.closeForAncestorUpdate=e=>{s.u()&&e?.currentTarget===window.visualViewport||(!this.allowPlacementUpdate&&this.options.type!==`modal`&&this.cleanup&&this.target.dispatchEvent(new Event(`close`,{bubbles:!0})),this.allowPlacementUpdate=!1)},this.updatePlacement=()=>{this.computePlacement()},this.resetOverlayPosition=()=>{this.target&&this.options&&(this.clearOverlayPosition(),this.host.offsetHeight,this.computePlacement())},this.host=e,this.host.addController(this)}placeOverlay(e=this.target,t=this.options){if(this.cleanup?.(),this.cleanup=void 0,this.target=e,this.options=t,!e||!t)return;let n=(0,f.autoUpdate)(t.trigger,e,this.closeForAncestorUpdate,{ancestorResize:!1,elementResize:!1,layoutShift:!1}),r=(0,f.autoUpdate)(t.trigger,e,this.updatePlacement,{ancestorScroll:!1}),i=window.visualViewport,a=0,o=!1,c=()=>{o||a||(a=requestAnimationFrame(()=>{a=0,!o&&this.updatePlacement()}))};i&&s.u()&&(i.addEventListener(`resize`,c,{passive:!0}),i.addEventListener(`scroll`,c,{passive:!0})),this.cleanup=()=>{this.placementGeneration+=1,o=!0,this.host.elements?.forEach(e=>{e.addEventListener(`luzmo-closed`,()=>{let t=this.originalPlacements.get(e);t&&e.setAttribute(`placement`,t),this.originalPlacements.delete(e)},{once:!0})}),n(),r(),i&&s.u()&&(i.removeEventListener(`resize`,c),i.removeEventListener(`scroll`,c),a&&=(cancelAnimationFrame(a),0))}}async computePlacement(){let{options:e,target:t}=this,n=this.placementGeneration,r=()=>this.placementGeneration===n&&!!this.target&&this.target===t;if(await(document.fonts?document.fonts.ready:Promise.resolve()),!r()||s.u()&&(await new Promise(e=>requestAnimationFrame(e)),!r()))return;let i=e.trigger instanceof HTMLElement?(0,f.flip)():(0,f.flip)({padding:F,fallbackPlacements:I(e.placement)}),[a=0,o=0]=Array.isArray(e?.offset)?e.offset:[e.offset,0],c=this.host.elements.find(e=>e.tipElement)?.tipElement,l=[(0,f.offset)({mainAxis:a,crossAxis:o}),(0,f.shift)({padding:F}),i,(0,f.size)({padding:F,apply:({availableWidth:e,availableHeight:n,rects:{floating:r}})=>{let i=Math.max(re,Math.floor(n)),a=r.height;this.initialHeight=this.isConstrained&&this.initialHeight||a,this.isConstrained=a<this.initialHeight||i<=a;let o=this.isConstrained?`${i}px`:``;Object.assign(t.style,{maxWidth:`${Math.floor(e)}px`,maxHeight:o})}}),...c?[(0,f.arrow)({element:c,padding:e.tipPadding||F})]:[]],{x:u,y:d,placement:p,middlewareData:m}=await(0,f.computePosition)(e.trigger,t,{placement:e.placement,middleware:l,strategy:`fixed`});if(!r())return;let h=u,g=d,_=window.visualViewport;if(_&&s.u()&&(h-=_.offsetLeft,g-=_.offsetTop),Object.assign(t.style,{top:`0px`,left:`0px`,translate:`${P(h)}px ${P(g)}px`}),t.setAttribute(`actual-placement`,p),this.host.elements?.forEach(e=>{this.originalPlacements.has(e)||this.originalPlacements.set(e,e.getAttribute(`placement`)),e.setAttribute(`placement`,p)}),c&&m.arrow){let{x:e,y:t}=m.arrow;Object.assign(c.style,{top:p.startsWith(`right`)||p.startsWith(`left`)?`0px`:``,left:p.startsWith(`bottom`)||p.startsWith(`top`)?`0px`:``,translate:`${P(e)}px ${P(t)}px`})}}clearOverlayPosition(){this.target&&(this.target.style.removeProperty(`max-height`),this.target.style.removeProperty(`max-width`),this.initialHeight=void 0,this.isConstrained=!1)}hostConnected(){document.addEventListener(`luzmo-update-overlays`,this.resetOverlayPosition)}hostUpdated(){this.host.open||(this.cleanup?.(),this.cleanup=void 0)}hostDisconnected(){this.cleanup?.(),this.cleanup=void 0,document.removeEventListener(`luzmo-update-overlays`,this.resetOverlayPosition)}},z=function(e){return e.click=`click`,e.hover=`hover`,e.longpress=`longpress`,e}({}),B=Symbol(`lastInteractionType`),V=`remove-focus-ring-safari-hack`,H=class{get activelyOpening(){return!1}get open(){return this.overlay?.open??this.isLazilyOpen}set open(e){e!==this.open&&(this.isLazilyOpen=e,this.overlay?(this.overlay.open=e,this.target[B]=this.type):e&&Promise.resolve().then(()=>require("./overlay/index.cjs")).then(()=>{this.overlay=document.createElement(`luzmo-overlay`),this.overlay.open=!0,this.target[B]=this.type}))}get overlay(){return this._overlay}set overlay(e){e&&this.overlay!==e&&(this.overlay&&this.overlay.removeController(this),this._overlay=e,this.overlay.addController(this),this.initOverlay(),this.prepareDescription(this.target),this.handleOverlayReady?.(this.overlay))}constructor(e,{overlay:t,isPersistent:n,handleOverlayReady:r}){this.target=e,this.isLazilyOpen=!1,this.isPersistent=!1,this.isPersistent=!!n,this.handleOverlayReady=r,this.isPersistent&&this.init(),this.overlay=t}prepareDescription(e){}releaseDescription(){}shouldCompleteOpen(){}init(){}initOverlay(){}abort(){this.releaseDescription(),this.abortController?.abort()}hostConnected(){this.init()}hostDisconnected(){this.isPersistent||this.abort()}},U=class extends H{constructor(...e){super(...e),this.type=z.click,this.preventNextToggle=!1}handleClick(){this.preventNextToggle||(this.open=!this.open),this.preventNextToggle=!1}handlePointerdown(){this.preventNextToggle=this.open}init(){this.abortController?.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`click`,()=>this.handleClick(),{signal:e}),this.target.addEventListener(`pointerdown`,()=>this.handlePointerdown(),{signal:e})}},W=300,G=class extends H{constructor(...e){super(...e),this.type=z.hover,this.elementIds=[],this.focusedin=!1,this.pointerentered=!1}handleKeyup(e){(e.code===`Tab`||e.code===`Escape`)&&(this.open=!0,this.removeSafariFocusRingClass())}handleTargetFocusin(){this.target.matches(`:focus-visible`)&&(s.u()&&this.target[B]===z.click?this.target.classList.add(V):(this.open=!0,this.focusedin=!0,this.removeSafariFocusRingClass()))}handleTargetFocusout(){this.removeSafariFocusRingClass(),this.focusedin=!1,!this.pointerentered&&(this.open=!1)}handleTargetPointerenter(){this.hoverTimeout&&=(clearTimeout(this.hoverTimeout),void 0),!this.overlay?.disabled&&(this.open=!0,this.pointerentered=!0)}handleTargetPointerleave(){this.doPointerleave()}handleHostPointerenter(){this.hoverTimeout&&=(clearTimeout(this.hoverTimeout),void 0)}handleHostPointerleave(){this.doPointerleave()}prepareDescription(){if(this.overlay.elements.length===0)return;let e=this.target.getRootNode(),t=this.overlay.elements[0].getRootNode();e===this.overlay.getRootNode()?this.prepareOverlayRelativeDescription():e===t&&this.prepareContentRelativeDescription()}prepareOverlayRelativeDescription(){let e=n.t(this.target,`aria-describedby`,[this.overlay.id]);this.releaseDescription=()=>{e(),this.releaseDescription=y}}prepareContentRelativeDescription(){let e=[],t=this.overlay.elements.map(t=>(e.push(t.id),t.id||=`${this.overlay.tagName.toLowerCase()}-helper-${r.t()}`,t.id));this.elementIds=e;let i=n.t(this.target,`aria-describedby`,t);this.releaseDescription=()=>{i(),this.overlay.elements.map((e,t)=>{e.id=this.elementIds[t]}),this.releaseDescription=y}}doPointerleave(){this.pointerentered=!1;let e=this.target;this.focusedin&&e.matches(`:focus-visible`)||(this.hoverTimeout=setTimeout(()=>{this.open=!1},W))}init(){this.abortController?.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`keyup`,e=>this.handleKeyup(e),{signal:e}),this.target.addEventListener(`focusin`,()=>this.handleTargetFocusin(),{signal:e}),this.target.addEventListener(`focusout`,()=>this.handleTargetFocusout(),{signal:e}),this.target.addEventListener(`pointerenter`,()=>this.handleTargetPointerenter(),{signal:e}),this.target.addEventListener(`pointerleave`,()=>this.handleTargetPointerleave(),{signal:e}),this.overlay&&this.initOverlay()}initOverlay(){if(!this.abortController)return;let{signal:e}=this.abortController;this.overlay.addEventListener(`pointerenter`,()=>this.handleHostPointerenter(),{signal:e}),this.overlay.addEventListener(`pointerleave`,()=>this.handleHostPointerleave(),{signal:e})}removeSafariFocusRingClass(){s.u()&&this.target.classList.contains(`remove-focus-ring-safari-hack`)&&this.target.classList.remove(V)}},ie=300,K={touch:`Double tap and long press for additional options`,keyboard:`Press Space or Alt+Down Arrow for additional options`,mouse:`Click and hold for additional options`},q=class extends H{constructor(...e){super(...e),this.type=z.longpress,this.longpressState=null,this.releaseDescription=y,this.handlePointerup=()=>{clearTimeout(this.timeout),this.target&&(this.longpressState=this.overlay?.state===`opening`?`pressed`:null,document.removeEventListener(`pointerup`,this.handlePointerup),document.removeEventListener(`pointercancel`,this.handlePointerup))}}get activelyOpening(){return this.longpressState===`opening`||this.longpressState===`pressed`}handleLongpress(){this.open=!0,this.longpressState=this.longpressState===`potential`?`opening`:`pressed`}handlePointerdown(e){this.target&&e.button===0&&(this.longpressState=`potential`,document.addEventListener(`pointerup`,this.handlePointerup),document.addEventListener(`pointercancel`,this.handlePointerup),!(`holdAffordance`in this.target)&&(this.timeout=setTimeout(()=>{this.target&&this.target.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`pointer`}}))},ie)))}handleKeydown(e){let{code:t,altKey:n}=e;n&&t===`ArrowDown`&&(e.stopPropagation(),e.stopImmediatePropagation())}handleKeyup(e){let{code:t,altKey:n}=e;if(t===`Space`||n&&t===`ArrowDown`){if(!this.target)return;e.stopPropagation(),this.target.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`keyboard`}})),setTimeout(()=>{this.longpressState=null})}}prepareDescription(e){if(this.releaseDescription!==y||this.overlay.elements.length===0)return;let t=document.createElement(`div`);t.id=`longpress-describedby-descriptor-${r.t()}`,t.textContent=K[s.a()||s.t()?`touch`:`keyboard`],t.slot=`longpress-describedby-descriptor`;let i=e.getRootNode();i===this.overlay.getRootNode()?this.overlay.append(t):(t.hidden=!(`host`in i),e.after(t));let a=n.t(e,`aria-describedby`,[t.id]);this.releaseDescription=()=>{a(),t.remove(),this.releaseDescription=y}}shouldCompleteOpen(){this.longpressState=this.longpressState===`pressed`?null:this.longpressState}init(){this.abortController?.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`longpress`,()=>this.handleLongpress(),{signal:e}),this.target.addEventListener(`pointerdown`,e=>this.handlePointerdown(e),{signal:e}),this.prepareDescription(this.target),!this.target.holdAffordance&&(this.target.addEventListener(`keydown`,e=>this.handleKeydown(e),{signal:e}),this.target.addEventListener(`keyup`,e=>this.handleKeyup(e),{signal:e}))}},J={click:U,longpress:q,hover:G},ae=e.n({LuzmoOverlay:()=>X}),oe=typeof document<`u`&&`showPopover`in document.createElement(`div`),Y=ee(S);Y=oe?j(Y):te(Y);var X=class e extends Y{constructor(...e){super(...e),this._delayed=!1,this._disabled=!1,this.offset=0,this._open=!1,this.lastRequestSlottableState=!1,this.receivesFocus=`auto`,this._state=`closed`,this.triggerElement=null,this.type=`auto`,this.wasOpen=!1,this.closeOnFocusOut=e=>{if(!e.relatedTarget)return;let t=new Event(`overlay-relation-query`,{bubbles:!0,composed:!0});e.relatedTarget.addEventListener(t.type,e=>{e.composedPath().includes(this)||(this.open=!1)}),e.relatedTarget.dispatchEvent(t)}}static{this.styles=[(0,c.unsafeCSS)(ne)]}get delayed(){return this.elements.at(-1)?.hasAttribute(`delayed`)||this._delayed}set delayed(e){this._delayed=e}get disabled(){return this._disabled}set disabled(e){this._disabled=e,e?(this.strategy?.abort(),this.wasOpen=this.open,this.open=!1):(this.bindEvents(),this.open=this.open||this.wasOpen,this.wasOpen=!1)}get hasNonVirtualTrigger(){return!!this.triggerElement&&!(this.triggerElement instanceof O)}get placementController(){return this._placementController||=new R(this),this._placementController}get open(){return this._open}set open(t){t&&this.disabled||t!==this.open&&(!this.strategy?.activelyOpening||t)&&(this._open=t,this.open&&(e.openCount+=1),this.requestUpdate(`open`,!this.open),this.open&&this.requestSlottable())}static{this.openCount=1}get state(){return this._state}set state(e){if(e===this.state)return;let t=this.state;this._state=e,(this.state===`opened`||this.state===`closed`)&&this.strategy?.shouldCompleteOpen(),this.requestUpdate(`state`,t)}get elementResolver(){return this._elementResolver||=new i.t(this),this._elementResolver}get usesDialog(){return this.type===`modal`||this.type===`page`}get popoverValue(){if(`popover`in this)switch(this.type){case`modal`:case`page`:return;case`hint`:return`manual`;default:return this.type}}get requiresPositioning(){return!(this.type===`page`||!this.open||!this.triggerElement||!this.placement&&this.type!==`hint`)}managePosition(){if(!this.requiresPositioning||!this.open)return;let e=this.offset||0,t=this.triggerElement,n=this.placement||`right`,r=this.tipPadding;this.placementController.placeOverlay(this.dialogEl,{offset:e,placement:n,tipPadding:r,trigger:t,type:this.type})}async managePopoverOpen(){super.managePopoverOpen();let e=this.open;if(this.open!==e||(await this.manageDelay(e),this.open!==e)||(this.triggerInteraction===`longpress`&&await x(),await this.ensureOnDOM(e),this.open!==e))return;let t=await this.makeTransition(e);this.open===e&&await this.applyFocus(e,t)}async applyFocus(e,t){this.receivesFocus!==`false`&&this.type!==`hint`&&(await x(),await x(),e===this.open&&!this.open?this.hasNonVirtualTrigger&&this.contains(this.getRootNode().activeElement)&&this.triggerElement.focus():t?.focus())}returnFocus(){this.open||this.type===`hint`||this.receivesFocus!==`false`&&this.triggerElement?.focus&&(this.contains(this.getRootNode().activeElement)||(()=>{let e=[],t=typeof document>`u`?null:document.activeElement;for(;t?.shadowRoot?.activeElement;)t=t.shadowRoot.activeElement;for(;t;){let n=t.assignedSlot||t.parentElement||t.getRootNode()?.host;n&&e.push(n),t=n}return e})().includes(this)||typeof document<`u`&&document.activeElement===document.body)&&this.triggerElement.focus()}async manageOpen(e){if((this.isConnected||!this.open)&&(this.hasUpdated||await this.updateComplete,this.open?(N.add(this),this.willPreventClose&&(document.addEventListener(`pointerup`,()=>{this.dialogEl.classList.toggle(`not-immediately-closable`,!1),this.willPreventClose=!1},{once:!0}),this.dialogEl.classList.toggle(`not-immediately-closable`,!0))):(e&&this.dispose(),N.remove(this)),this.open&&this.state!==`opened`?this.state=`opening`:!this.open&&this.state!==`closed`&&(this.state=`closing`),this.usesDialog?this.manageDialogOpen():this.managePopoverOpen(),this.type===`auto`)){let e=this.getRootNode();this.open?e.addEventListener(`focusout`,this.closeOnFocusOut,{capture:!0}):e.removeEventListener(`focusout`,this.closeOnFocusOut,{capture:!0})}}bindEvents(){this.strategy?.abort(),this.strategy=void 0,this.hasNonVirtualTrigger&&this.triggerInteraction&&(this.strategy=new J[this.triggerInteraction](this.triggerElement,{overlay:this}))}handleBeforetoggle(e){e.newState!==`open`&&this.handleBrowserClose(e)}handleBrowserClose(e){e.stopPropagation(),this.strategy?.activelyOpening?this.manuallyKeepOpen():this.open=!1}handleDialogCancel(e){this.type===`page`?e.preventDefault():this.handleBrowserClose(e)}manuallyKeepOpen(){this.open=!0,this.placementController.allowPlacementUpdate=!0,this.manageOpen(!1)}handleSlotchange(){this.elements.length===0?this.strategy?.releaseDescription():this.hasNonVirtualTrigger&&this.strategy?.prepareDescription(this.triggerElement)}shouldPreventClose(){let e=this.willPreventClose;return this.willPreventClose=!1,e}requestSlottable(){this.lastRequestSlottableState!==this.open&&(this.open||document.body.offsetHeight,this.dispatchEvent(new a.t(`overlay-content`,this.open?{}:a.n)),this.lastRequestSlottableState=this.open)}willUpdate(e){if(this.hasAttribute(`id`)||this.setAttribute(`id`,`${this.tagName.toLowerCase()}-${r.t()}`),e.has(`open`)&&(this.hasUpdated||this.open)&&this.manageOpen(e.get(`open`)),e.has(`trigger`)){let[e,t]=this.trigger?.split(`@`)||[];this.elementResolver.selector=e?`#${e}`:``,this.triggerInteraction=t}let t=!1;e.has(i.n)&&(t=this.triggerElement,this.triggerElement=this.elementResolver.element),e.has(`triggerElement`)&&(t=e.get(`triggerElement`)),t!==!1&&this.bindEvents()}updated(e){super.updated(e),e.has(`placement`)&&(this.placement?this.dialogEl.setAttribute(`actual-placement`,this.placement):this.dialogEl.removeAttribute(`actual-placement`),this.open&&e.get(`placement`)!==void 0&&this.placementController.resetOverlayPosition()),e.has(`state`)&&this.state===`closed`&&e.get(`state`)!==void 0&&this.placementController.clearOverlayPosition()}renderContent(){return c.html` <slot @slotchange=${this.handleSlotchange}></slot> `}get dialogStyleMap(){return{"--luzmo-overlay-open-count":e.openCount.toString()}}renderDialog(){return c.html`
19
+ <dialog
20
+ class="dialog"
21
+ part="dialog"
22
+ placement=${(0,u.ifDefined)(this.requiresPositioning?this.placement||`right`:void 0)}
23
+ style=${(0,d.styleMap)(this.dialogStyleMap)}
24
+ @close=${this.handleBrowserClose}
25
+ @cancel=${this.handleDialogCancel}
26
+ @beforetoggle=${this.handleBeforetoggle}
27
+ ?is-visible=${this.state!==`closed`}
28
+ >
29
+ ${this.renderContent()}
30
+ </dialog>
31
+ `}renderPopover(){return c.html`
32
+ <div
33
+ class="dialog"
34
+ part="dialog"
35
+ placement=${(0,u.ifDefined)(this.requiresPositioning?this.placement||`right`:void 0)}
36
+ popover=${(0,u.ifDefined)(this.popoverValue)}
37
+ style=${(0,d.styleMap)(this.dialogStyleMap)}
38
+ @beforetoggle=${this.handleBeforetoggle}
39
+ @close=${this.handleBrowserClose}
40
+ ?is-visible=${this.state!==`closed`}
41
+ >
42
+ ${this.renderContent()}
43
+ </div>
44
+ `}render(){let e=this.type===`modal`||this.type===`page`;return c.html`
45
+ ${e?this.renderDialog():this.renderPopover()}
46
+ <slot name="longpress-describedby-descriptor"></slot>
47
+ `}connectedCallback(){super.connectedCallback(),this.addEventListener(`close`,e=>{e.defaultPrevented||(this.open=!1)}),this.addEventListener(`luzmo-close`,e=>{e.defaultPrevented||(this.open=!1)}),this.hasUpdated&&this.bindEvents()}disconnectedCallback(){this.strategy?.releaseDescription(),this.open=!1,super.disconnectedCallback()}};t.t([(0,l.property)({type:Boolean})],X.prototype,`delayed`,null),t.t([(0,l.query)(`.dialog`)],X.prototype,`dialogEl`,void 0),t.t([(0,l.property)({type:Boolean})],X.prototype,`disabled`,null),t.t([(0,l.queryAssignedElements)({flatten:!0,selector:`:not([slot="longpress-describedby-descriptor"], slot)`})],X.prototype,`elements`,void 0),t.t([(0,l.property)({type:Number})],X.prototype,`offset`,void 0),t.t([(0,l.property)({type:Boolean,reflect:!0})],X.prototype,`open`,null),t.t([(0,l.property)()],X.prototype,`placement`,void 0),t.t([(0,l.property)({attribute:`receives-focus`})],X.prototype,`receivesFocus`,void 0),t.t([(0,l.query)(`slot`)],X.prototype,`slotEl`,void 0),t.t([(0,l.state)()],X.prototype,`state`,null),t.t([(0,l.property)({type:Number,attribute:`tip-padding`})],X.prototype,`tipPadding`,void 0),t.t([(0,l.property)()],X.prototype,`trigger`,void 0),t.t([(0,l.property)({attribute:!1})],X.prototype,`triggerElement`,void 0),t.t([(0,l.property)({attribute:!1})],X.prototype,`triggerInteraction`,void 0),t.t([(0,l.property)()],X.prototype,`type`,void 0);var se=`:host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}`,Z=class extends t.n{constructor(...e){super(...e),this.content=`click hover longpress`,this.offset=6,this.disabled=!1,this.receivesFocus=`auto`,this.clickContent=[],this.longpressContent=[],this.hoverContent=[],this.targetContent=[]}static get styles(){return[(0,c.unsafeCSS)(se)]}getAssignedElementsFromSlot(e){return e.assignedElements({flatten:!0})}handleTriggerContent(e){this.targetContent=this.getAssignedElementsFromSlot(e.target)}handleSlotContent(e){switch(e.target.name){case`click-content`:this.clickContent=this.getAssignedElementsFromSlot(e.target);break;case`longpress-content`:this.longpressContent=this.getAssignedElementsFromSlot(e.target);break;case`hover-content`:this.hoverContent=this.getAssignedElementsFromSlot(e.target)}}handleBeforetoggle(e){let{target:t}=e,n;if(t===this.clickOverlayElement)n=`click`;else if(t===this.longpressOverlayElement)n=`longpress`;else if(t===this.hoverOverlayElement)n=`hover`;else return;e.newState===`open`?this.open=n:this.open===n&&(this.open=void 0)}update(e){e.has(`clickContent`)&&(this.clickPlacement=this.clickContent[0]?.getAttribute(`placement`)||this.clickContent[0]?.getAttribute(`direction`)||void 0),e.has(`hoverContent`)&&(this.hoverPlacement=this.hoverContent[0]?.getAttribute(`placement`)||this.hoverContent[0]?.getAttribute(`direction`)||void 0),e.has(`longpressContent`)&&(this.longpressPlacement=this.longpressContent[0]?.getAttribute(`placement`)||this.longpressContent[0]?.getAttribute(`direction`)||void 0),super.update(e)}renderSlot(e){return c.html`
48
+ <slot name=${e} @slotchange=${this.handleSlotContent}></slot>
49
+ `}renderClickOverlay(){let e=this.renderSlot(`click-content`),t=c.html`
50
+ <luzmo-overlay
51
+ id="click-overlay"
52
+ ?disabled=${this.disabled||this.clickContent.length===0}
53
+ ?open=${this.open===`click`&&this.clickContent.length>0}
54
+ .offset=${this.offset}
55
+ .placement=${this.clickPlacement||this.placement}
56
+ .triggerElement=${this.targetContent[0]}
57
+ .triggerInteraction=${`click`}
58
+ .type=${this.type===`modal`?`modal`:`auto`}
59
+ @beforetoggle=${this.handleBeforetoggle}
60
+ .receivesFocus=${this.receivesFocus}
61
+ >
62
+ ${e}
63
+ </luzmo-overlay>
64
+ `;return this.triggeredBy?.includes(`click`)?t:this.clickContent.length===0?e:t}renderHoverOverlay(){let e=this.renderSlot(`hover-content`),t=c.html`
65
+ <luzmo-overlay
66
+ id="hover-overlay"
67
+ ?open=${this.open===`hover`&&this.hoverContent.length>0}
68
+ ?disabled=${this.disabled||this.hoverContent.length===0||!!this.open&&this.open!==`hover`}
69
+ .offset=${this.offset}
70
+ .placement=${this.hoverPlacement||this.placement}
71
+ .triggerElement=${this.targetContent[0]}
72
+ .triggerInteraction=${`hover`}
73
+ .type=${`hint`}
74
+ @beforetoggle=${this.handleBeforetoggle}
75
+ .receivesFocus=${this.receivesFocus}
76
+ >
77
+ ${e}
78
+ </luzmo-overlay>
79
+ `;return this.triggeredBy?.includes(`hover`)?t:this.hoverContent.length===0?e:t}renderLongpressOverlay(){let e=this.renderSlot(`longpress-content`),t=c.html`
80
+ <luzmo-overlay
81
+ id="longpress-overlay"
82
+ ?disabled=${this.disabled||this.longpressContent.length===0}
83
+ ?open=${this.open===`longpress`&&this.longpressContent.length>0}
84
+ .offset=${this.offset}
85
+ .placement=${this.longpressPlacement||this.placement}
86
+ .triggerElement=${this.targetContent[0]}
87
+ .triggerInteraction=${`longpress`}
88
+ .type=${`auto`}
89
+ @beforetoggle=${this.handleBeforetoggle}
90
+ .receivesFocus=${this.receivesFocus}
91
+ >
92
+ ${e}
93
+ </luzmo-overlay>
94
+ <slot name="longpress-describedby-descriptor"></slot>
95
+ `;return this.triggeredBy?.includes(`longpress`)?t:this.longpressContent.length===0?e:t}render(){return c.html`
96
+ <slot
97
+ id="trigger"
98
+ name="trigger"
99
+ @slotchange=${this.handleTriggerContent}
100
+ ></slot>
101
+ ${[this.renderClickOverlay(),this.renderHoverOverlay(),this.renderLongpressOverlay()]}
102
+ `}updated(e){super.updated(e),this.disabled&&e.has(`disabled`)&&(this.open=void 0)}async getUpdateComplete(){return await super.getUpdateComplete()}};t.t([(0,l.property)()],Z.prototype,`content`,void 0),t.t([(0,l.property)({attribute:`triggered-by`})],Z.prototype,`triggeredBy`,void 0),t.t([(0,l.property)({reflect:!0})],Z.prototype,`placement`,void 0),t.t([(0,l.property)()],Z.prototype,`type`,void 0),t.t([(0,l.property)({type:Number})],Z.prototype,`offset`,void 0),t.t([(0,l.property)({reflect:!0})],Z.prototype,`open`,void 0),t.t([(0,l.property)({type:Boolean,reflect:!0})],Z.prototype,`disabled`,void 0),t.t([(0,l.property)({attribute:`receives-focus`})],Z.prototype,`receivesFocus`,void 0),t.t([(0,l.state)()],Z.prototype,`clickContent`,void 0),t.t([(0,l.state)()],Z.prototype,`longpressContent`,void 0),t.t([(0,l.state)()],Z.prototype,`hoverContent`,void 0),t.t([(0,l.state)()],Z.prototype,`targetContent`,void 0),t.t([(0,l.query)(`#click-overlay`,!0)],Z.prototype,`clickOverlayElement`,void 0),t.t([(0,l.query)(`#longpress-overlay`,!0)],Z.prototype,`longpressOverlayElement`,void 0),t.t([(0,l.query)(`#hover-overlay`,!0)],Z.prototype,`hoverOverlayElement`,void 0);function ce(e,t,n,r){return X.open(e,t,n,r)}var Q=class extends p.AsyncDirective{render(e){return c.nothing}update(e,[t]){this.template=t,this.target!==e.element&&(this.target=e.element,this.renderBefore=this.target.children[0]),this.listenerHost=this.target,this.init()}handleSlottableRequest(e){if(e.target!==e.currentTarget)return;let t=e.data===a.n;(0,c.render)(t?void 0:this.template(),this.target,{renderBefore:this.renderBefore})}init(){this.listeners?.abort(),this.listeners=new AbortController;let{signal:e}=this.listeners;this.listenerHost.addEventListener(`slottable-request`,e=>this.handleSlottableRequest(e),{signal:e})}disconnected(){this.listeners?.abort()}reconnected(){this.init()}},le=(0,p.directive)(Q),$=class extends Q{constructor(...e){super(...e),this.defaultOptions={triggerInteraction:`click`,overlayOptions:{type:`auto`,offset:0}},this.options={...this.defaultOptions.overlayOptions}}render(e,t){return c.nothing}update(e,[t,n]){this.options={...this.defaultOptions.overlayOptions,...n?.overlayOptions},this.insertionOptions=n?.insertionOptions,this.template=t,this.host=e.options?.host;let r=!1,i=n?.triggerInteraction||this.defaultOptions.triggerInteraction,a=z[this.strategy?.type]!==i;this.target!==e.element&&(this.target=e.element,r=!0),(r||a)&&(this.strategy?.abort(),this.strategy=new J[i](this.target,{isPersistent:!0,handleOverlayReady:e=>{this.listenerHost=this.overlay=e,this.init()}})),this.strategy.open=n?.open??!1}handleSlottableRequest(e){if(e.target!==e.currentTarget)return;let t=e.data===a.n,n={};if(this.host&&(n.host=this.host),(0,c.render)(t?void 0:this.template(),this.overlay,n),t)this.overlay.remove();else{S.applyOptions(this.overlay,{...this.options,trigger:this.target});let e=typeof this.insertionOptions?.el==`function`?this.insertionOptions.el():this.insertionOptions?.el||this.target,{where:t=`afterend`}=this.insertionOptions||{};e.insertAdjacentElement(t,this.overlay)}}},ue=(0,p.directive)($);customElements.get(`luzmo-overlay`)||customElements.define(`luzmo-overlay`,X),customElements.get(`luzmo-overlay-trigger`)||customElements.define(`luzmo-overlay-trigger`,Z),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return ce}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return le}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return ue}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return S}});