@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/{checkbox-CydI9yXG.js → checkbox-CvRvgRzh.js} RENAMED
@@ -16,14 +16,14 @@
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 "./checkbox-mixin-jqmrh48O.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 "./checkbox-mixin-BIuvxtEt.js";
22
22
  import { html as i, unsafeCSS as a } from "lit";
23
23
  import { property as o } from "lit/decorators.js";
24
24
  import { luzmoCheck as s, luzmoDash as c, luzmoIcon as l } from "@luzmo/icons";
25
- //#region src/components/checkbox/checkbox.module.scss?inline
26
- var u = ":host{color:var(--highcontrast-checkbox-content-color-default,var(--luzmo-checkbox-content-color-default,var(--luzmo-font-color-down)));min-block-size:var(--luzmo-checkbox-height,var(--checkbox-height,32px));vertical-align:top;max-inline-size:100%;font-family:var(--luzmo-checkbox-font-family,var(--luzmo-font-family));align-items:flex-start;display:inline-flex;position:relative}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--luzmo-checkbox-control-color-down,var(--luzmo-font-color-down)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--luzmo-checkbox-control-selected-color-down,var(--luzmo-font-color-down)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down,var(--luzmo-checkbox-content-color-down,var(--luzmo-font-color-down)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-default,var(--luzmo-negative-color)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-content-color-default,var(--luzmo-font-color-down)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-control-selected-color-focus,var(--luzmo-font-color-focus)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-default,var(--luzmo-negative-color)));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-emphasized-color-default,var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-emphasized-color-focus,var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-focus,var(--luzmo-negative-color)))}@media (hover:hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-color-hover,var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-selected-color-hover,var(--luzmo-font-color-down)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--luzmo-checkbox-content-color-hover,var(--luzmo-font-color-hover)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-selected-color-hover,var(--luzmo-font-color-hover)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--luzmo-checkbox-content-color-hover,var(--luzmo-font-color-hover)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-emphasized-color-hover,var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-emphasized-color-down,var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-invalid-color-down,var(--luzmo-negative-color)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--luzmo-checkbox-control-color-focus,var(--luzmo-font-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size,var(--checkbox-font-size,14px));transition:color var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height,1.3);margin-block-start:var(--luzmo-checkbox-top-to-text,var(--checkbox-top-to-text,6px));margin-inline-start:var(--luzmo-checkbox-text-to-control,var(--checkbox-text-to-control,10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk,1.5)}#input{color:var(--luzmo-checkbox-control-color-default,var(--luzmo-font-color));box-sizing:border-box;opacity:.0001;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--luzmo-checkbox-control-color-focus,var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width,var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap,2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus,var(--luzmo-checkbox-content-color-focus,var(--luzmo-font-color-focus)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-control-selected-color-focus,var(--luzmo-font-color-down)))}#box{--luzmo-checkbox-spacing:calc(var(--luzmo-checkbox-height,var(--checkbox-height,32px)) - var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px)));flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;margin-block-start:calc(var(--luzmo-checkbox-spacing) / 2 - var(--checkbox-offset-for-baseline,0px));margin-block-end:calc(var(--luzmo-checkbox-spacing) / 2 + var(--checkbox-offset-for-baseline,0px));display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px));block-size:var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-color-default,var(--luzmo-font-color)));z-index:0;content:\"\";border-radius:var(--luzmo-checkbox-control-border-radius,2px);border-width:var(--luzmo-checkbox-border-width,var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out, box-shadow var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-border-radius,2px) + var(--luzmo-checkbox-focus-indicator-gap,2px));content:\"\";margin:var(--luzmo-checkbox-focus-indicator-gap,2px);transition:box-shadow var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-out, margin var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out, transform var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;width:var(--textbox-control-size,14px);font-size:var(--checkbox-icon-size);justify-content:center;align-items:center;display:flex;transform:scale(0)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default,var(--luzmo-checkbox-control-color-disabled,var(--luzmo-disabled-color)));background-color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default,var(--luzmo-checkbox-content-color-disabled,var(--luzmo-disabled-color)))}@media (forced-colors:active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap,var(--luzmo-checkbox-focus-indicator-gap,2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width,var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default:CanvasText;--highcontrast-checkbox-content-color-hover:CanvasText;--highcontrast-checkbox-content-color-down:CanvasText;--highcontrast-checkbox-content-color-focus:CanvasText;--highcontrast-checkbox-background-color-default:Canvas;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-color-focus:Highlight;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-focus-indicator-color:CanvasText}}:host([size=s]){--checkbox-font-size:var(--luzmo-checkbox-size-s-font-size,12px);--checkbox-height:var(--luzmo-checkbox-size-s-height,24px);--checkbox-control-size:var(--luzmo-checkbox-size-s-control-size,12px);--checkbox-top-to-text:var(--luzmo-checkbox-size-s-top-to-text,4px);--checkbox-text-to-control:var(--luzmo-checkbox-size-s-text-to-control,9px);--checkbox-icon-size:var(--luzmo-checkbox-size-s-icon-size,9px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-s-offset-for-baseline,1px)}:host{--checkbox-font-size:var(--luzmo-checkbox-size-m-font-size,14px);--checkbox-height:var(--luzmo-checkbox-size-m-height,32px);--checkbox-control-size:var(--luzmo-checkbox-size-m-control-size,14px);--checkbox-top-to-text:var(--luzmo-checkbox-size-m-top-to-text,6px);--checkbox-text-to-control:var(--luzmo-checkbox-size-m-text-to-control,10px);--checkbox-icon-size:var(--luzmo-checkbox-size-m-icon-size,10px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-m-offset-for-baseline,1px)}:host([size=l]){--checkbox-font-size:var(--luzmo-checkbox-size-l-font-size,16px);--checkbox-height:var(--luzmo-checkbox-size-l-height,40px);--checkbox-control-size:var(--luzmo-checkbox-size-l-control-size,16px);--checkbox-top-to-text:var(--luzmo-checkbox-size-l-top-to-text,9px);--checkbox-text-to-control:var(--luzmo-checkbox-size-l-text-to-control,11px);--checkbox-icon-size:var(--luzmo-checkbox-size-l-icon-size,11px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-l-offset-for-baseline,1px)}:host([size=xl]){--checkbox-font-size:var(--luzmo-checkbox-size-xl-font-size,18px);--checkbox-height:var(--luzmo-checkbox-size-xl-height,48px);--checkbox-control-size:var(--luzmo-checkbox-size-xl-control-size,18px);--checkbox-top-to-text:var(--luzmo-checkbox-size-xl-top-to-text,12px);--checkbox-text-to-control:var(--luzmo-checkbox-size-xl-text-to-control,13px);--checkbox-icon-size:var(--luzmo-checkbox-size-xl-icon-size,12px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-xl-offset-for-baseline,1px)}:host{vertical-align:top;display:inline-flex}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}", d = () => i`<div id="checkmark">${l(s)}</div>`, f = () => i`<div id="partialCheckmark">${l(c)}</div>`, p = class extends n(r(e), { noDefaultSize: !0 }) {
25
+ // src/components/checkbox/checkbox.module.scss?inline
26
+ var u = ":host{color:var(--highcontrast-checkbox-content-color-default,var(--luzmo-checkbox-content-color-default,var(--luzmo-font-color-down)));min-block-size:var(--luzmo-checkbox-height,var(--checkbox-height,32px));vertical-align:top;max-inline-size:100%;font-family:var(--luzmo-checkbox-font-family,var(--luzmo-font-family));align-items:flex-start;display:inline-flex;position:relative}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--luzmo-checkbox-control-color-down,var(--luzmo-font-color-down)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--luzmo-checkbox-control-selected-color-down,var(--luzmo-font-color-down)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down,var(--luzmo-checkbox-content-color-down,var(--luzmo-font-color-down)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-default,var(--luzmo-negative-color)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-content-color-default,var(--luzmo-font-color-down)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-control-selected-color-focus,var(--luzmo-font-color-focus)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-default,var(--luzmo-negative-color)));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-emphasized-color-default,var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-emphasized-color-focus,var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-focus,var(--luzmo-negative-color)))}@media (hover:hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-color-hover,var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-selected-color-hover,var(--luzmo-font-color-down)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--luzmo-checkbox-content-color-hover,var(--luzmo-font-color-hover)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-control-selected-color-hover,var(--luzmo-font-color-hover)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--luzmo-checkbox-content-color-hover,var(--luzmo-font-color-hover)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--luzmo-checkbox-invalid-color-hover,var(--luzmo-negative-color)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--luzmo-checkbox-emphasized-color-hover,var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-emphasized-color-down,var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-invalid-color-down,var(--luzmo-negative-color)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--luzmo-checkbox-control-color-focus,var(--luzmo-font-color)))}:host([emphasized]:not([readonly])) #input:checked:disabled+#box:before,:host([emphasized][indeterminate]:not([readonly])) #input:disabled+#box:before,:host([emphasized][indeterminate]:not([readonly])) #input:checked:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default,var(--luzmo-checkbox-control-color-disabled,var(--luzmo-disabled-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size,var(--checkbox-font-size,14px));transition:color var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height,1.3);margin-block-start:var(--luzmo-checkbox-top-to-text,var(--checkbox-top-to-text,6px));margin-inline-start:var(--luzmo-checkbox-text-to-control,var(--checkbox-text-to-control,10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk,1.5)}#input{color:var(--luzmo-checkbox-control-color-default,var(--luzmo-font-color));box-sizing:border-box;opacity:.0001;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--luzmo-checkbox-control-selected-color-default,var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width,calc(var(--checkbox-control-size,14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--luzmo-checkbox-control-color-focus,var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width,var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap,2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus,var(--luzmo-checkbox-content-color-focus,var(--luzmo-font-color-focus)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--luzmo-checkbox-control-selected-color-focus,var(--luzmo-font-color-down)))}#box{--luzmo-checkbox-spacing:calc(var(--luzmo-checkbox-height,var(--checkbox-height,32px)) - var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px)));flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;margin-block-start:calc(var(--luzmo-checkbox-spacing) / 2 - var(--checkbox-offset-for-baseline,0px));margin-block-end:calc(var(--luzmo-checkbox-spacing) / 2 + var(--checkbox-offset-for-baseline,0px));display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px));block-size:var(--luzmo-checkbox-control-size,var(--checkbox-control-size,14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default,var(--luzmo-checkbox-control-color-default,var(--luzmo-font-color)));z-index:0;content:\"\";border-radius:var(--luzmo-checkbox-control-border-radius,2px);border-width:var(--luzmo-checkbox-border-width,var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out, box-shadow var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-border-radius,2px) + var(--luzmo-checkbox-focus-indicator-gap,2px));content:\"\";margin:var(--luzmo-checkbox-focus-indicator-gap,2px);transition:box-shadow var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-out, margin var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out, transform var(--luzmo-checkbox-animation-duration,var(--luzmo-animation-duration)) ease-in-out;width:var(--textbox-control-size,14px);font-size:var(--checkbox-icon-size);justify-content:center;align-items:center;display:flex;transform:scale(0)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default,var(--luzmo-checkbox-control-color-disabled,var(--luzmo-disabled-color)));background-color:var(--highcontrast-checkbox-background-color-default,var(--luzmo-checkbox-checkmark-color,var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default,var(--luzmo-checkbox-content-color-disabled,var(--luzmo-disabled-color)))}@media (forced-colors:active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap,var(--luzmo-checkbox-focus-indicator-gap,2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width,var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color,var(--luzmo-checkbox-focus-indicator-color,var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default:CanvasText;--highcontrast-checkbox-content-color-hover:CanvasText;--highcontrast-checkbox-content-color-down:CanvasText;--highcontrast-checkbox-content-color-focus:CanvasText;--highcontrast-checkbox-background-color-default:Canvas;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-color-focus:Highlight;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-focus-indicator-color:CanvasText}}:host([size=s]){--checkbox-font-size:var(--luzmo-checkbox-size-s-font-size,12px);--checkbox-height:var(--luzmo-checkbox-size-s-height,24px);--checkbox-control-size:var(--luzmo-checkbox-size-s-control-size,12px);--checkbox-top-to-text:var(--luzmo-checkbox-size-s-top-to-text,4px);--checkbox-text-to-control:var(--luzmo-checkbox-size-s-text-to-control,9px);--checkbox-icon-size:var(--luzmo-checkbox-size-s-icon-size,9px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-s-offset-for-baseline,1px)}:host{--checkbox-font-size:var(--luzmo-checkbox-size-m-font-size,14px);--checkbox-height:var(--luzmo-checkbox-size-m-height,32px);--checkbox-control-size:var(--luzmo-checkbox-size-m-control-size,14px);--checkbox-top-to-text:var(--luzmo-checkbox-size-m-top-to-text,6px);--checkbox-text-to-control:var(--luzmo-checkbox-size-m-text-to-control,10px);--checkbox-icon-size:var(--luzmo-checkbox-size-m-icon-size,10px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-m-offset-for-baseline,1px)}:host([size=l]){--checkbox-font-size:var(--luzmo-checkbox-size-l-font-size,16px);--checkbox-height:var(--luzmo-checkbox-size-l-height,40px);--checkbox-control-size:var(--luzmo-checkbox-size-l-control-size,16px);--checkbox-top-to-text:var(--luzmo-checkbox-size-l-top-to-text,9px);--checkbox-text-to-control:var(--luzmo-checkbox-size-l-text-to-control,11px);--checkbox-icon-size:var(--luzmo-checkbox-size-l-icon-size,11px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-l-offset-for-baseline,1px)}:host([size=xl]){--checkbox-font-size:var(--luzmo-checkbox-size-xl-font-size,18px);--checkbox-height:var(--luzmo-checkbox-size-xl-height,48px);--checkbox-control-size:var(--luzmo-checkbox-size-xl-control-size,18px);--checkbox-top-to-text:var(--luzmo-checkbox-size-xl-top-to-text,12px);--checkbox-text-to-control:var(--luzmo-checkbox-size-xl-text-to-control,13px);--checkbox-icon-size:var(--luzmo-checkbox-size-xl-icon-size,12px);--checkbox-offset-for-baseline:var(--luzmo-checkbox-size-xl-offset-for-baseline,1px)}:host{vertical-align:top;display:inline-flex}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}", d = () => i`<div id="checkmark">${l(s)}</div>`, f = () => i`<div id="partialCheckmark">${l(c)}</div>`, p = class extends n(r(e), { noDefaultSize: !0 }) {
27
27
  constructor(...e) {
28
28
  super(...e), this.disabled = !1, this.indeterminate = !1, this.autofocus = !1, this.invalid = !1, this.emphasized = !1, this.tabIndex = 0, this._cachedTabIndex = null;
29
29
  }
@@ -45,11 +45,7 @@ var u = ":host{color:var(--highcontrast-checkbox-content-color-default,var(--luz
45
45
  this.disabled || this.readonly || this.inputElement?.click();
46
46
  }
47
47
  handleChange() {
48
- if (this.readonly) {
49
- super.handleChange(), this.inputElement.indeterminate = this.indeterminate;
50
- return;
51
- }
52
- this.indeterminate = !1, super.handleChange();
48
+ this.readonly ? (super.handleChange(), this.inputElement.indeterminate = this.indeterminate) : (this.indeterminate = !1, super.handleChange());
53
49
  }
54
50
  willUpdate(e) {
55
51
  super.willUpdate(e), e.has("disabled") && (this.disabled ? (this._cachedTabIndex === null && (this._cachedTabIndex = this.tabIndex), this.tabIndex = -1) : this._cachedTabIndex !== null && (this.tabIndex = this._cachedTabIndex, this._cachedTabIndex = null));
@@ -68,8 +64,7 @@ var u = ":host{color:var(--highcontrast-checkbox-content-color-default,var(--luz
68
64
  super.updated(e), e.has("disabled") && (this.inputElement.disabled = this.disabled), e.has("indeterminate") && (this.inputElement.indeterminate = this.indeterminate), e.has("invalid") && (this.invalid ? this.inputElement.setAttribute("aria-invalid", "true") : this.inputElement.removeAttribute("aria-invalid")), e.has("tabIndex") && (this.tabIndex < 0 ? this.inputElement.tabIndex = -1 : this.inputElement.removeAttribute("tabindex"));
69
65
  }
70
66
  };
71
- //#endregion
72
- //#region src/components/checkbox/index.ts
67
+ // src/components/checkbox/index.ts
73
68
  t([o({
74
69
  type: Boolean,
75
70
  reflect: !0
@@ -90,5 +85,4 @@ t([o({
90
85
  type: Number,
91
86
  attribute: "tabindex"
92
87
  })], p.prototype, "tabIndex", void 0), customElements.get("luzmo-checkbox") || customElements.define("luzmo-checkbox", p);
93
- //#endregion
94
88
  export { p as t };
package/components/{checkbox-mixin-jqmrh48O.js → checkbox-mixin-BIuvxtEt.js} RENAMED
@@ -15,11 +15,11 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- import { t as e } from "./decorate-CkCg3wfh.js";
18
+ import { t as e } from "./decorate-CpKsOs9z.js";
19
19
  import { html as t } from "lit";
20
20
  import { property as n, query as r } from "lit/decorators.js";
21
21
  import { ifDefined as i } from "lit/directives/if-defined.js";
22
- //#region src/components/checkbox/checkbox-mixin.ts
22
+ // src/components/checkbox/checkbox-mixin.ts
23
23
  function a(a) {
24
24
  class o extends a {
25
25
  constructor(...e) {
@@ -63,5 +63,4 @@ function a(a) {
63
63
  reflect: !0
64
64
  })], o.prototype, "readonly", void 0), e([r("#input")], o.prototype, "inputElement", void 0), o;
65
65
  }
66
- //#endregion
67
66
  export { a as t };
package/components/{checkbox-mixin-rFRXqyrK.cjs → checkbox-mixin-DAdnTm-F.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
- const e=require("./decorate-Dq34MBGe.cjs");let t=require("lit"),n=require("lit/decorators.js"),r=require("lit/directives/if-defined.js");function i(i){class a extends i{constructor(...e){super(...e),this.checked=!1,this.readonly=!1}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;let e=new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:this.checked});this.dispatchEvent(e)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked)}render(){return t.html`
18
+ const e=require("./decorate-SO02l0A6.cjs");let t=require("lit"),n=require("lit/decorators.js"),r=require("lit/directives/if-defined.js");function i(i){class a extends i{constructor(...e){super(...e),this.checked=!1,this.readonly=!1}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;let e=new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:this.checked});this.dispatchEvent(e)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked)}render(){return t.html`
19
19
  <input
20
20
  id="input"
21
21
  name=${(0,r.ifDefined)(this.name||void 0)}
package/components/{close-button-Dlvtf9lB.js → close-button-7zS6PUzh.js} RENAMED
@@ -15,14 +15,14 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- import { t as e } from "./decorate-CkCg3wfh.js";
19
- import { n as t } from "./sized-mixin-DzQTebN-.js";
20
- import "./icon-CsJZMhIm.js";
21
- import { t as n } from "./button-base-DiPzVpp4.js";
18
+ import { t as e } from "./decorate-CpKsOs9z.js";
19
+ import { n as t } from "./sized-mixin-BmxIAuoH.js";
20
+ import "./icon-DADJww_a.js";
21
+ import { t as n } from "./button-base-BzakIKd0.js";
22
22
  import { html as r, unsafeCSS as i } from "lit";
23
23
  import { property as a } from "lit/decorators.js";
24
24
  import { luzmoClose as o, luzmoClose12 as s, luzmoClose14 as c, luzmoIcon as l } from "@luzmo/icons";
25
- //#region src/components/button/close-button.module.scss?inline
25
+ // src/components/button/close-button.module.scss?inline
26
26
  var u = ":host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-sans-font-family-stack,var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;margin:0;-webkit-text-decoration:none;text-decoration:none;overflow:visible;border-style:solid!important}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}:host a{-webkit-user-select:none;user-select:none;-webkit-appearance:none}@media (forced-colors:active){:host{--highcontrast-close-button-icon-color-disabled:GrayText;--highcontrast-close-button-icon-color-down:Highlight;--highcontrast-close-button-icon-color-hover:Highlight;--highcontrast-close-button-icon-color-focus:Highlight;--highcontrast-close-button-background-color-default:ButtonFace;--highcontrast-close-button-focus-indicator-color:ButtonText}:host(:focus-visible):after{forced-color-adjust:none;margin:var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap));transition:opacity var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-out, margin var(--luzmo-close-button-animation-duraction,var(--close-button-animation-duration)) ease-out}:host([static-color=black]){--highcontrast-close-button-static-background-color-default:ButtonFace;--highcontrast-close-button-icon-color-default:Highlight;--highcontrast-close-button-icon-color-disabled:GrayText}:host([static-color=white]){--highcontrast-close-button-static-background-color-default:ButtonFace;--highcontrast-close-button-icon-color-default:Highlight;--highcontrast-close-button-icon-color-disabled:Highlight}}:host{block-size:var(--luzmo-close-button-height,var(--close-button-size));inline-size:var(--luzmo-close-button-width,var(--close-button-size));font-size:var(--luzmo-close-button-icon-size,var(--close-button-icon-size));color:inherit;border-radius:var(--luzmo-close-button-border-radius,var(--close-button-size));transition:border-color var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-in-out;margin-inline:var(--luzmo-close-button-margin-inline);justify-content:center;align-items:center;align-self:var(--luzmo-close-button-align-self);flex-direction:row;margin-block-start:var(--luzmo-close-button-margin-top);padding:0;display:inline-flex;position:relative;border-width:0!important;border-color:#0000!important}:host:after{pointer-events:none;content:\"\";margin:calc(var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap)) * -1);border-radius:calc(var(--luzmo-close-button-size,var(--close-button-size)) + var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap)));transition:box-shadow var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-in-out;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-close-button-focus-indicator-width,var(--close-button-focus-indicator-width)) var(--highcontrast-close-button-focus-indicator-color,var(--luzmo-close-button-focus-indicator-color,var(--close-button-focus-indicator-color)))}:host(:not([disabled])){background-color:var(--highcontrast-close-button-background-color-default,var(--luzmo-close-button-background-color-default,var(--close-button-background-color-default)))}:host(:not([disabled]):is(:active,[active])){background-color:var(--luzmo-close-button-background-color-down,var(--close-button-background-color-down))}:host(:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-down,var(--luzmo-close-button-icon-color-down,var(--close-button-icon-color-down)))}:host([focused]:not([disabled])),:host(:not([disabled]):focus-visible){background-color:var(--luzmo-close-button-background-color-focus,var(--close-button-background-color-focus))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-focus,var(--luzmo-close-button-icon-color-focus,var(--close-button-icon-color-focus)))}:host(:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus) .icon{color:var(--highcontrast-close-button-icon-color-focus,var(--luzmo-close-button-icon-color-focus,var(--close-button-icon-color-focus)))}:host([disabled]){background-color:var(--luzmo-close-button-background-color-default,var(--close-button-background-color-default))}:host([disabled]) .icon{color:var(--highcontrast-close-button-icon-color-disabled,var(--luzmo-close-button-icon-color-disabled,var(--close-button-icon-color-disabled)))}:host([static-color=black]:not([disabled])),:host([static-color=white]:not([disabled])){background-color:var(--highcontrast-close-button-static-background-color-default,var(--luzmo-close-button-static-background-color-default,var(--close-button-static-background-color-default)))}@media (hover:hover){:host(:not([disabled]):hover){--luzmo-icon-color:var(--luzmo-close-button-icon-color-hover,var(--close-button-icon-color-hover));background-color:var(--luzmo-close-button-background-color-hover,var(--close-button-background-color-hover))}:host(:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-hover,var(--luzmo-close-button-icon-color-hover,var(--close-button-icon-color-hover)))}:host([static-color=black]:not([disabled]):hover),:host([static-color=white]:not([disabled]):hover){background-color:var(--highcontrast-close-button-static-background-color-hover,var(--luzmo-close-button-static-background-color-hover,var(--close-button-static-background-color-hover)))}:host([static-color=black]:not([disabled]):hover) .icon,:host([static-color=white]:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}}:host([static-color=black]:not([disabled]):is(:active,[active])),:host([static-color=white]:not([disabled]):is(:active,[active])){background-color:var(--highcontrast-close-button-static-background-color-down,var(--luzmo-close-button-static-background-color-down,var(--close-button-static-background-color-down)))}:host([static-color=black]:not([disabled]):is(:active,[active])) .icon,:host([static-color=white]:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}:host([static-color=black][focused]:not([disabled])),:host([static-color=black]:not([disabled]):focus-visible),:host([static-color=white][focused]:not([disabled])),:host([static-color=white]:not([disabled]):focus-visible){background-color:var(--highcontrast-close-button-static-background-color-focus,var(--luzmo-close-button-static-background-color-focus,var(--close-button-static-background-color-focus)))}:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black]:not([disabled]):focus) .icon,:host([static-color=black]:not([disabled]):focus-visible) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white]:not([disabled]):focus) .icon,:host([static-color=white]:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}:host([static-color=black]:not([disabled])) .icon,:host([static-color=white]:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default))}:host([static-color=black][disabled]) .icon,:host([static-color=white][disabled]) .icon{color:var(--highcontrast-close-button-icon-disabled,var(--luzmo-close-button-icon-color-disabled,var(--close-button-icon-color-disabled)))}.icon{margin:0}:host{--close-button-background-color-default:transparent;--close-button-background-color-hover:var(--luzmo-background-color-hover);--close-button-background-color-down:var(--luzmo-background-color-down);--close-button-background-color-focus:var(--luzmo-background-color-focus);--close-button-icon-color-default:var(--luzmo-font-color);--close-button-icon-color-hover:var(--luzmo-font-color-hover);--close-button-icon-color-down:var(--luzmo-font-color-down);--close-button-icon-color-focus:var(--luzmo-font-color-focus);--close-button-icon-color-disabled:var(--luzmo-disabled-color);--close-button-focus-indicator-width:var(--luzmo-indicator-width);--close-button-focus-indicator-gap:var(--luzmo-indicator-gap);--close-button-focus-indicator-color:var(--luzmo-indicator-color);--close-button-animation-duration:var(--luzmo-animation-duration);--close-button-size:var(--luzmo-component-height)}:host([static-color=white]){--close-button-static-background-color-default:transparent;--close-button-static-background-color-hover:#fff3;--close-button-static-background-color-down:#fff6;--close-button-static-background-color-focus:#fff3;--close-button-icon-color-default:#fff;--close-button-icon-color-disabled:#fff3;--close-button-focus-indicator-color:#fff}:host([static-color=black]){--close-button-static-background-color-default:transparent;--close-button-static-background-color-hover:#0003;--close-button-static-background-color-down:#0006;--close-button-static-background-color-focus:#0003;--close-button-icon-color-default:#000;--close-button-icon-color-disabled:#0003;--close-button-focus-indicator-color:#000}:host([size=s]){--close-button-size:var(--luzmo-component-height-s);--close-button-icon-size:var(--luzmo-font-size-s)}:host{--close-button-size:var(--luzmo-component-height);--close-button-icon-size:var(--luzmo-font-size)}:host([size=l]){--close-button-size:var(--luzmo-component-height-l);--close-button-icon-size:var(--luzmo-font-size-l)}:host([size=xl]){--close-button-size:var(--luzmo-component-height-xl);--close-button-icon-size:var(--luzmo-font-size-xl)}", d = (e) => r` <div class="icon" slot="icon">${l(e === "s" ? s : e === "l" ? o : c)}</div> `, f = class extends t(n, { noDefaultSize: !0 }) {
27
27
  constructor(...e) {
28
28
  super(...e), this.variant = "";
@@ -38,5 +38,4 @@ e([a({ reflect: !0 })], f.prototype, "variant", void 0), e([a({
38
38
  reflect: !0,
39
39
  attribute: "static-color"
40
40
  })], f.prototype, "staticColor", void 0), typeof customElements < "u" && !customElements.get("luzmo-close-button") && customElements.define("luzmo-close-button", f);
41
- //#endregion
42
41
  export { f as t };
package/components/{close-button-BAELImQY.cjs → close-button-B06i2hJn.cjs} RENAMED
@@ -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
- const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs");require("./icon-zOPAWCdx.cjs");const n=require("./button-base-DiNxrttk.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@luzmo/icons");var o=`:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-sans-font-family-stack,var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;margin:0;-webkit-text-decoration:none;text-decoration:none;overflow:visible;border-style:solid!important}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}:host a{-webkit-user-select:none;user-select:none;-webkit-appearance:none}@media (forced-colors:active){:host{--highcontrast-close-button-icon-color-disabled:GrayText;--highcontrast-close-button-icon-color-down:Highlight;--highcontrast-close-button-icon-color-hover:Highlight;--highcontrast-close-button-icon-color-focus:Highlight;--highcontrast-close-button-background-color-default:ButtonFace;--highcontrast-close-button-focus-indicator-color:ButtonText}:host(:focus-visible):after{forced-color-adjust:none;margin:var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap));transition:opacity var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-out, margin var(--luzmo-close-button-animation-duraction,var(--close-button-animation-duration)) ease-out}:host([static-color=black]){--highcontrast-close-button-static-background-color-default:ButtonFace;--highcontrast-close-button-icon-color-default:Highlight;--highcontrast-close-button-icon-color-disabled:GrayText}:host([static-color=white]){--highcontrast-close-button-static-background-color-default:ButtonFace;--highcontrast-close-button-icon-color-default:Highlight;--highcontrast-close-button-icon-color-disabled:Highlight}}:host{block-size:var(--luzmo-close-button-height,var(--close-button-size));inline-size:var(--luzmo-close-button-width,var(--close-button-size));font-size:var(--luzmo-close-button-icon-size,var(--close-button-icon-size));color:inherit;border-radius:var(--luzmo-close-button-border-radius,var(--close-button-size));transition:border-color var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-in-out;margin-inline:var(--luzmo-close-button-margin-inline);justify-content:center;align-items:center;align-self:var(--luzmo-close-button-align-self);flex-direction:row;margin-block-start:var(--luzmo-close-button-margin-top);padding:0;display:inline-flex;position:relative;border-width:0!important;border-color:#0000!important}:host:after{pointer-events:none;content:"";margin:calc(var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap)) * -1);border-radius:calc(var(--luzmo-close-button-size,var(--close-button-size)) + var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap)));transition:box-shadow var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-in-out;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-close-button-focus-indicator-width,var(--close-button-focus-indicator-width)) var(--highcontrast-close-button-focus-indicator-color,var(--luzmo-close-button-focus-indicator-color,var(--close-button-focus-indicator-color)))}:host(:not([disabled])){background-color:var(--highcontrast-close-button-background-color-default,var(--luzmo-close-button-background-color-default,var(--close-button-background-color-default)))}:host(:not([disabled]):is(:active,[active])){background-color:var(--luzmo-close-button-background-color-down,var(--close-button-background-color-down))}:host(:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-down,var(--luzmo-close-button-icon-color-down,var(--close-button-icon-color-down)))}:host([focused]:not([disabled])),:host(:not([disabled]):focus-visible){background-color:var(--luzmo-close-button-background-color-focus,var(--close-button-background-color-focus))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-focus,var(--luzmo-close-button-icon-color-focus,var(--close-button-icon-color-focus)))}:host(:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus) .icon{color:var(--highcontrast-close-button-icon-color-focus,var(--luzmo-close-button-icon-color-focus,var(--close-button-icon-color-focus)))}:host([disabled]){background-color:var(--luzmo-close-button-background-color-default,var(--close-button-background-color-default))}:host([disabled]) .icon{color:var(--highcontrast-close-button-icon-color-disabled,var(--luzmo-close-button-icon-color-disabled,var(--close-button-icon-color-disabled)))}:host([static-color=black]:not([disabled])),:host([static-color=white]:not([disabled])){background-color:var(--highcontrast-close-button-static-background-color-default,var(--luzmo-close-button-static-background-color-default,var(--close-button-static-background-color-default)))}@media (hover:hover){:host(:not([disabled]):hover){--luzmo-icon-color:var(--luzmo-close-button-icon-color-hover,var(--close-button-icon-color-hover));background-color:var(--luzmo-close-button-background-color-hover,var(--close-button-background-color-hover))}:host(:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-hover,var(--luzmo-close-button-icon-color-hover,var(--close-button-icon-color-hover)))}:host([static-color=black]:not([disabled]):hover),:host([static-color=white]:not([disabled]):hover){background-color:var(--highcontrast-close-button-static-background-color-hover,var(--luzmo-close-button-static-background-color-hover,var(--close-button-static-background-color-hover)))}:host([static-color=black]:not([disabled]):hover) .icon,:host([static-color=white]:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}}:host([static-color=black]:not([disabled]):is(:active,[active])),:host([static-color=white]:not([disabled]):is(:active,[active])){background-color:var(--highcontrast-close-button-static-background-color-down,var(--luzmo-close-button-static-background-color-down,var(--close-button-static-background-color-down)))}:host([static-color=black]:not([disabled]):is(:active,[active])) .icon,:host([static-color=white]:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}:host([static-color=black][focused]:not([disabled])),:host([static-color=black]:not([disabled]):focus-visible),:host([static-color=white][focused]:not([disabled])),:host([static-color=white]:not([disabled]):focus-visible){background-color:var(--highcontrast-close-button-static-background-color-focus,var(--luzmo-close-button-static-background-color-focus,var(--close-button-static-background-color-focus)))}:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black]:not([disabled]):focus) .icon,:host([static-color=black]:not([disabled]):focus-visible) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white]:not([disabled]):focus) .icon,:host([static-color=white]:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}:host([static-color=black]:not([disabled])) .icon,:host([static-color=white]:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default))}:host([static-color=black][disabled]) .icon,:host([static-color=white][disabled]) .icon{color:var(--highcontrast-close-button-icon-disabled,var(--luzmo-close-button-icon-color-disabled,var(--close-button-icon-color-disabled)))}.icon{margin:0}:host{--close-button-background-color-default:transparent;--close-button-background-color-hover:var(--luzmo-background-color-hover);--close-button-background-color-down:var(--luzmo-background-color-down);--close-button-background-color-focus:var(--luzmo-background-color-focus);--close-button-icon-color-default:var(--luzmo-font-color);--close-button-icon-color-hover:var(--luzmo-font-color-hover);--close-button-icon-color-down:var(--luzmo-font-color-down);--close-button-icon-color-focus:var(--luzmo-font-color-focus);--close-button-icon-color-disabled:var(--luzmo-disabled-color);--close-button-focus-indicator-width:var(--luzmo-indicator-width);--close-button-focus-indicator-gap:var(--luzmo-indicator-gap);--close-button-focus-indicator-color:var(--luzmo-indicator-color);--close-button-animation-duration:var(--luzmo-animation-duration);--close-button-size:var(--luzmo-component-height)}:host([static-color=white]){--close-button-static-background-color-default:transparent;--close-button-static-background-color-hover:#fff3;--close-button-static-background-color-down:#fff6;--close-button-static-background-color-focus:#fff3;--close-button-icon-color-default:#fff;--close-button-icon-color-disabled:#fff3;--close-button-focus-indicator-color:#fff}:host([static-color=black]){--close-button-static-background-color-default:transparent;--close-button-static-background-color-hover:#0003;--close-button-static-background-color-down:#0006;--close-button-static-background-color-focus:#0003;--close-button-icon-color-default:#000;--close-button-icon-color-disabled:#0003;--close-button-focus-indicator-color:#000}:host([size=s]){--close-button-size:var(--luzmo-component-height-s);--close-button-icon-size:var(--luzmo-font-size-s)}:host{--close-button-size:var(--luzmo-component-height);--close-button-icon-size:var(--luzmo-font-size)}:host([size=l]){--close-button-size:var(--luzmo-component-height-l);--close-button-icon-size:var(--luzmo-font-size-l)}:host([size=xl]){--close-button-size:var(--luzmo-component-height-xl);--close-button-icon-size:var(--luzmo-font-size-xl)}`,s=e=>r.html` <div class="icon" slot="icon">${(0,a.luzmoIcon)(e===`s`?a.luzmoClose12:e===`l`?a.luzmoClose:a.luzmoClose14)}</div> `,c=class extends t.n(n.t,{noDefaultSize:!0}){constructor(...e){super(...e),this.variant=``}static get styles(){return[...super.styles,(0,r.unsafeCSS)(o)]}get buttonContent(){return[s(this.size)]}};e.t([(0,i.property)({reflect:!0})],c.prototype,`variant`,void 0),e.t([(0,i.property)({reflect:!0,attribute:`static-color`})],c.prototype,`staticColor`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-close-button`)&&customElements.define(`luzmo-close-button`,c),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
18
+ const e=require("./decorate-SO02l0A6.cjs"),t=require("./sized-mixin-CSajkMro.cjs");require("./icon-BlbMP3mJ.cjs");const n=require("./button-base-CpK2ktvQ.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@luzmo/icons");var o=`:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-sans-font-family-stack,var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;margin:0;-webkit-text-decoration:none;text-decoration:none;overflow:visible;border-style:solid!important}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}:host a{-webkit-user-select:none;user-select:none;-webkit-appearance:none}@media (forced-colors:active){:host{--highcontrast-close-button-icon-color-disabled:GrayText;--highcontrast-close-button-icon-color-down:Highlight;--highcontrast-close-button-icon-color-hover:Highlight;--highcontrast-close-button-icon-color-focus:Highlight;--highcontrast-close-button-background-color-default:ButtonFace;--highcontrast-close-button-focus-indicator-color:ButtonText}:host(:focus-visible):after{forced-color-adjust:none;margin:var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap));transition:opacity var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-out, margin var(--luzmo-close-button-animation-duraction,var(--close-button-animation-duration)) ease-out}:host([static-color=black]){--highcontrast-close-button-static-background-color-default:ButtonFace;--highcontrast-close-button-icon-color-default:Highlight;--highcontrast-close-button-icon-color-disabled:GrayText}:host([static-color=white]){--highcontrast-close-button-static-background-color-default:ButtonFace;--highcontrast-close-button-icon-color-default:Highlight;--highcontrast-close-button-icon-color-disabled:Highlight}}:host{block-size:var(--luzmo-close-button-height,var(--close-button-size));inline-size:var(--luzmo-close-button-width,var(--close-button-size));font-size:var(--luzmo-close-button-icon-size,var(--close-button-icon-size));color:inherit;border-radius:var(--luzmo-close-button-border-radius,var(--close-button-size));transition:border-color var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-in-out;margin-inline:var(--luzmo-close-button-margin-inline);justify-content:center;align-items:center;align-self:var(--luzmo-close-button-align-self);flex-direction:row;margin-block-start:var(--luzmo-close-button-margin-top);padding:0;display:inline-flex;position:relative;border-width:0!important;border-color:#0000!important}:host:after{pointer-events:none;content:"";margin:calc(var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap)) * -1);border-radius:calc(var(--luzmo-close-button-size,var(--close-button-size)) + var(--luzmo-close-button-focus-indicator-gap,var(--close-button-focus-indicator-gap)));transition:box-shadow var(--luzmo-close-button-animation-duration,var(--close-button-animation-duration)) ease-in-out;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-close-button-focus-indicator-width,var(--close-button-focus-indicator-width)) var(--highcontrast-close-button-focus-indicator-color,var(--luzmo-close-button-focus-indicator-color,var(--close-button-focus-indicator-color)))}:host(:not([disabled])){background-color:var(--highcontrast-close-button-background-color-default,var(--luzmo-close-button-background-color-default,var(--close-button-background-color-default)))}:host(:not([disabled]):is(:active,[active])){background-color:var(--luzmo-close-button-background-color-down,var(--close-button-background-color-down))}:host(:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-down,var(--luzmo-close-button-icon-color-down,var(--close-button-icon-color-down)))}:host([focused]:not([disabled])),:host(:not([disabled]):focus-visible){background-color:var(--luzmo-close-button-background-color-focus,var(--close-button-background-color-focus))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-focus,var(--luzmo-close-button-icon-color-focus,var(--close-button-icon-color-focus)))}:host(:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus) .icon{color:var(--highcontrast-close-button-icon-color-focus,var(--luzmo-close-button-icon-color-focus,var(--close-button-icon-color-focus)))}:host([disabled]){background-color:var(--luzmo-close-button-background-color-default,var(--close-button-background-color-default))}:host([disabled]) .icon{color:var(--highcontrast-close-button-icon-color-disabled,var(--luzmo-close-button-icon-color-disabled,var(--close-button-icon-color-disabled)))}:host([static-color=black]:not([disabled])),:host([static-color=white]:not([disabled])){background-color:var(--highcontrast-close-button-static-background-color-default,var(--luzmo-close-button-static-background-color-default,var(--close-button-static-background-color-default)))}@media (hover:hover){:host(:not([disabled]):hover){--luzmo-icon-color:var(--luzmo-close-button-icon-color-hover,var(--close-button-icon-color-hover));background-color:var(--luzmo-close-button-background-color-hover,var(--close-button-background-color-hover))}:host(:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-hover,var(--luzmo-close-button-icon-color-hover,var(--close-button-icon-color-hover)))}:host([static-color=black]:not([disabled]):hover),:host([static-color=white]:not([disabled]):hover){background-color:var(--highcontrast-close-button-static-background-color-hover,var(--luzmo-close-button-static-background-color-hover,var(--close-button-static-background-color-hover)))}:host([static-color=black]:not([disabled]):hover) .icon,:host([static-color=white]:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}}:host([static-color=black]:not([disabled]):is(:active,[active])),:host([static-color=white]:not([disabled]):is(:active,[active])){background-color:var(--highcontrast-close-button-static-background-color-down,var(--luzmo-close-button-static-background-color-down,var(--close-button-static-background-color-down)))}:host([static-color=black]:not([disabled]):is(:active,[active])) .icon,:host([static-color=white]:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}:host([static-color=black][focused]:not([disabled])),:host([static-color=black]:not([disabled]):focus-visible),:host([static-color=white][focused]:not([disabled])),:host([static-color=white]:not([disabled]):focus-visible){background-color:var(--highcontrast-close-button-static-background-color-focus,var(--luzmo-close-button-static-background-color-focus,var(--close-button-static-background-color-focus)))}:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black]:not([disabled]):focus) .icon,:host([static-color=black]:not([disabled]):focus-visible) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white]:not([disabled]):focus) .icon,:host([static-color=white]:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-default,var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default)))}:host([static-color=black]:not([disabled])) .icon,:host([static-color=white]:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default,var(--close-button-icon-color-default))}:host([static-color=black][disabled]) .icon,:host([static-color=white][disabled]) .icon{color:var(--highcontrast-close-button-icon-disabled,var(--luzmo-close-button-icon-color-disabled,var(--close-button-icon-color-disabled)))}.icon{margin:0}:host{--close-button-background-color-default:transparent;--close-button-background-color-hover:var(--luzmo-background-color-hover);--close-button-background-color-down:var(--luzmo-background-color-down);--close-button-background-color-focus:var(--luzmo-background-color-focus);--close-button-icon-color-default:var(--luzmo-font-color);--close-button-icon-color-hover:var(--luzmo-font-color-hover);--close-button-icon-color-down:var(--luzmo-font-color-down);--close-button-icon-color-focus:var(--luzmo-font-color-focus);--close-button-icon-color-disabled:var(--luzmo-disabled-color);--close-button-focus-indicator-width:var(--luzmo-indicator-width);--close-button-focus-indicator-gap:var(--luzmo-indicator-gap);--close-button-focus-indicator-color:var(--luzmo-indicator-color);--close-button-animation-duration:var(--luzmo-animation-duration);--close-button-size:var(--luzmo-component-height)}:host([static-color=white]){--close-button-static-background-color-default:transparent;--close-button-static-background-color-hover:#fff3;--close-button-static-background-color-down:#fff6;--close-button-static-background-color-focus:#fff3;--close-button-icon-color-default:#fff;--close-button-icon-color-disabled:#fff3;--close-button-focus-indicator-color:#fff}:host([static-color=black]){--close-button-static-background-color-default:transparent;--close-button-static-background-color-hover:#0003;--close-button-static-background-color-down:#0006;--close-button-static-background-color-focus:#0003;--close-button-icon-color-default:#000;--close-button-icon-color-disabled:#0003;--close-button-focus-indicator-color:#000}:host([size=s]){--close-button-size:var(--luzmo-component-height-s);--close-button-icon-size:var(--luzmo-font-size-s)}:host{--close-button-size:var(--luzmo-component-height);--close-button-icon-size:var(--luzmo-font-size)}:host([size=l]){--close-button-size:var(--luzmo-component-height-l);--close-button-icon-size:var(--luzmo-font-size-l)}:host([size=xl]){--close-button-size:var(--luzmo-component-height-xl);--close-button-icon-size:var(--luzmo-font-size-xl)}`,s=e=>r.html` <div class="icon" slot="icon">${(0,a.luzmoIcon)(e===`s`?a.luzmoClose12:e===`l`?a.luzmoClose:a.luzmoClose14)}</div> `,c=class extends t.n(n.t,{noDefaultSize:!0}){constructor(...e){super(...e),this.variant=``}static get styles(){return[...super.styles,(0,r.unsafeCSS)(o)]}get buttonContent(){return[s(this.size)]}};e.t([(0,i.property)({reflect:!0})],c.prototype,`variant`,void 0),e.t([(0,i.property)({reflect:!0,attribute:`static-color`})],c.prototype,`staticColor`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-close-button`)&&customElements.define(`luzmo-close-button`,c),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
package/components/color-area/color-area.d.ts CHANGED
@@ -7,6 +7,11 @@ import { ColorTypes } from '../../utils/reactive-controllers/color-controller';
7
7
  * @slot gradient - a custom gradient visually outlining the available color values
8
8
  * @fires input - The value of the Color Area has changed.
9
9
  * @fires change - An alteration to the value of the Color Area has been committed by the user.
10
+ * @fires {CustomEvent<InteractionEventDetail>} luzmo-interaction-start - A
11
+ * pointer drag or held-key interaction starts, before its first value change.
12
+ * @fires {CustomEvent<InteractionEventDetail>} luzmo-interaction-end - The
13
+ * interaction ends after its last `input`/`change`, even when nothing changed.
14
+ * A cancelled pointer commits and ends the same way.
10
15
  */
11
16
  export declare class LuzmoColorArea extends LuzmoElement {
12
17
  static get styles(): CSSResultArray;
@@ -47,6 +52,7 @@ export declare class LuzmoColorArea extends LuzmoElement {
47
52
  * @property {string} options.manageAs - Specifies the color model to manage, in this case 'hsv'.
48
53
  */
49
54
  private colorController;
55
+ private readonly _interaction;
50
56
  get hue(): number;
51
57
  set hue(value: number);
52
58
  get value(): ColorTypes;
@@ -74,9 +80,18 @@ export declare class LuzmoColorArea extends LuzmoElement {
74
80
  private handleChange;
75
81
  private boundingClientRect;
76
82
  _pointerDown: boolean;
83
+ private _capturedPointer?;
77
84
  private handlePointerdown;
78
85
  private handlePointermove;
79
86
  private handlePointerup;
87
+ /** Commits the pointer interaction in progress, then ends it. */
88
+ private _finishPointer;
89
+ /**
90
+ * Finishes the pointer drag or held-key interaction in progress as if the
91
+ * user released it, so a host can settle the value before it removes or
92
+ * hides the area. Does nothing when no interaction is in progress.
93
+ */
94
+ endInteraction(): void;
80
95
  /**
81
96
  * Returns the value under the cursor
82
97
  * @param: PointerEvent on slider
package/components/color-area/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("../color-area-CmKlQG1i.cjs");exports.LuzmoColorArea=e.t;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../color-area-CFBE-rG3.cjs");exports.LuzmoColorArea=e.t;
package/components/color-area/index.d.ts CHANGED
@@ -5,3 +5,4 @@ declare global {
5
5
  }
6
6
  }
7
7
  export { LuzmoColorArea } from './color-area';
8
+ export type { InteractionEventDetail, InteractionSource } from '../../utils/reactive-controllers/interaction';
package/components/color-area/index.js CHANGED
@@ -16,5 +16,4 @@
16
16
  * SOFTWARE.
17
17
  * */
18
18
  import "../tokens.js";
19
- import { t as e } from "../color-area-lbg8wwZG.js";
20
- export { e as LuzmoColorArea };
19
+ export { t as LuzmoColorArea } from "../color-area-GGa8KJyd.js";
package/components/color-area-CFBE-rG3.cjs ADDED
@@ -0,0 +1,80 @@
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("./language-resolution-B7D3hQ6_.cjs"),r=require("./platform-BAjeJp2W.cjs");require("./color-handle-hJ7Kblh4.cjs");const i=require("./interaction-BjXWVy_C.cjs"),a=require("./streaming-listener-BzGZUHkj.cjs");let o=require("lit"),s=require("lit/decorators.js"),c=require("lit/directives/if-defined.js");var l=`@media (forced-colors:active){:host{--highcontrast-color-area-border-color-disabled:GrayText;--highcontrast-color-area-border-color:Canvas;--highcontrast-color-area-fill-color-disabled:Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--luzmo-color-area-min-width,64px);min-block-size:var(--luzmo-color-area-min-height,64px);inline-size:var(--luzmo-color-area-width,192px);block-size:var(--luzmo-color-area-height,192px);box-sizing:border-box;border-radius:var(--luzmo-color-area-border-radius,var(--luzmo-border-radius-s));display:inline-block;position:relative;border:var(--luzmo-color-area-border-width,var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color,var(--luzmo-color-area-border-color,var(--luzmo-border-color)))!important}:host([focused]){z-index:1}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-area-fill-color-disabled,var(--luzmo-color-area-disabled-background-color,var(--luzmo-dimmed-color)));border:var(--luzmo-color-area-border-width,var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color-disabled)!important}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--luzmo-color-area-width,192px) - var(--luzmo-border-width)));inset-block-start:0}:host([dir=rtl]) .handle{inset-inline-end:0}.handle: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)){inset-inline-end:0}.gradient{border-radius:var(--luzmo-color-area-border-radius,var(--luzmo-border-radius-s));block-size:100%;inline-size:100%}.slider{opacity:0;z-index:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--luzmo-color-area-default-width), 0)}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}`,u=class extends t.n{constructor(...t){super(...t),this.disabled=!1,this.focused=!1,this.labelX=`saturation`,this.labelY=`luminosity`,this.isLTR=!0,this.languageResolver=new n.t(this),this.colorController=new e.t(this,{manageAs:`hsv`}),this._interaction=new i.t(this,{value:()=>[this.x,this.y],isEqual:(e,t)=>e[0]===t[0]&&e[1]===t[1]}),this.activeAxis=`x`,this.step=.01,this.altered=0,this.activeKeys=new Set,this._valueChanged=!1,this._pointerDown=!1,this.resizeRafId=0,this.handleResize=e=>{let t=e.at(-1);t&&(this.resizeRafId&&cancelAnimationFrame(this.resizeRafId),this.resizeRafId=requestAnimationFrame(()=>{this.resizeRafId=0,this.boundingClientRect=t.contentRect,this.requestUpdate()}))}}static get styles(){return[(0,o.unsafeCSS)(l)]}get hue(){return this.colorController.hue}set hue(e){this.colorController.hue=e}get value(){return this.colorController.colorValue}get color(){return this.colorController.colorValue}set color(e){this.colorController.color=e}get x(){return this.colorController.color.hsv.s/100}set x(e){if(e===this.x)return;let t=this.x;this.inputX?(this.inputX.value=e.toString(),this.colorController.color.set(`s`,this.inputX.valueAsNumber*100)):this.colorController.color.set(`s`,e*100),this.requestUpdate(`x`,t)}get y(){return this.colorController.color.hsv.v/100}set y(e){if(e===this.y)return;let t=this.y;this.inputY&&(this.inputY.value=e.toString(),this.colorController.color.set(`v`,this.inputY.valueAsNumber*100)),this.requestUpdate(`y`,t)}focus(e={}){super.focus(e),this.forwardFocus()}forwardFocus(){this.activeAxis===`x`?this.inputX.focus():this.inputY.focus()}handleFocus(){this.focused=!0,this._valueChanged=!1}handleBlur(){this.activeKeys.clear(),this._interaction.endKeyboard(),!this._pointerDown&&(this.altered=0,this.focused=!1,this._valueChanged=!1)}handleKeydown(e){let{code:t}=e;if(this.focused=!0,this.altered=[e.shiftKey,e.ctrlKey,e.altKey].filter(e=>!!e).length,t.search(`Arrow`)===0||t.search(`Page`)===0||t.search(`Home`)===0||t.search(`End`)===0){if(e.preventDefault(),this.disabled||!this._interaction.keyDown(t))return;if(this.disabled){this._interaction.end();return}this.activeKeys.add(t),this.handleKeypress()}}handleKeypress(){let e=0,t=0,n=Math.max(this.step,this.altered*5*this.step);this.activeKeys.forEach(r=>{switch(r){case`ArrowUp`:t=n;break;case`ArrowDown`:t=n*-1;break;case`ArrowLeft`:e=this.step*(this.isLTR?-1:1);break;case`ArrowRight`:e=this.step*(this.isLTR?1:-1);break;case`PageUp`:t=n*10;break;case`PageDown`:t=n*-10;break;case`Home`:e=n*(this.isLTR?-10:10);break;case`End`:e=n*(this.isLTR?10:-10)}}),e===0?t!==0&&(this.activeAxis=`y`,this.inputY.focus()):(this.activeAxis=`x`,this.inputX.focus()),this.x=Math.min(1,Math.max(this.x+e,0)),this.y=Math.min(1,Math.max(this.y+t,0)),this.colorController.savePreviousColor(),(e!==0||t!==0)&&(this._valueChanged=!0,this._interaction.commit(()=>this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0})),()=>{this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor()}))}handleKeyup(e){e.preventDefault();let{code:t}=e;this.activeKeys.delete(t),this._interaction.keyUp(t)}handleInput(e){let{valueAsNumber:t,name:n}=e.target;this[n]=t}handleChange(e){this.handleInput(e),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerdown(e){if(e.button!==0||!this._interaction.start(i.n(e))){e.preventDefault();return}if(this.disabled){this._interaction.end(),e.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect();let t=e.target;try{t.setPointerCapture(e.pointerId),this._capturedPointer={target:t,pointerId:e.pointerId}}catch{}e.pointerType===`mouse`&&(this.focused=!0)}handlePointermove(e){if(!this._pointerDown)return;let[t,n]=this.calculateHandlePosition(e);this._valueChanged=!1,this.x=t,this.y=n,this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(e){e.preventDefault(),this._pointerDown&&this._finishPointer(()=>{this.inputX.focus(),e.pointerType===`mouse`&&(this.focused=!1)})}_finishPointer(e){this._pointerDown=!1;let t=this._capturedPointer;this._capturedPointer=void 0,t?.target.hasPointerCapture(t.pointerId)&&t.target.releasePointerCapture(t.pointerId);let n=this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}));e?.(),n||this.colorController.restorePreviousColor(),this._interaction.end()}endInteraction(){this._pointerDown?this._finishPointer():(this.activeKeys.clear(),this._interaction.end())}calculateHandlePosition(e){if(!this.boundingClientRect)return[this.x,this.y];let t=this.boundingClientRect,n=t.left,r=t.top,i=e.clientX,a=e.clientY,o=t.width,s=t.height,c=Math.max(0,Math.min(1,(i-n)/o)),l=Math.max(0,Math.min(1,(a-r)/s));return[this.isLTR?c:1-c,1-l]}handleAreaPointerdown(e){e.button===0&&(e.stopPropagation(),e.preventDefault(),this.handle.dispatchEvent(new PointerEvent(`pointerdown`,e)),this.handlePointermove(e))}render(){let{width:e=0,height:t=0}=this.boundingClientRect||{},n=r.t()||r.a(),i=`Color Picker`,s=(0,c.ifDefined)(n?void 0:`2d slider`),l=this.labelX,u=this.labelY,d=new Intl.NumberFormat(this.languageResolver.language,{style:`percent`,unitDisplay:`narrow`}).format(this.x),f=new Intl.NumberFormat(this.languageResolver.language,{style:`percent`,unitDisplay:`narrow`}).format(this.y),p={background:`linear-gradient(to top, black 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%),linear-gradient(to right, white 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%), hsl(${this.hue}, 100%, 50%);`};return o.html`
19
+ <div
20
+ @pointerdown=${this.handleAreaPointerdown}
21
+ class="gradient"
22
+ style="background: ${p.background}"
23
+ >
24
+ <slot name="gradient"></slot>
25
+ </div>
26
+
27
+ <luzmo-color-handle
28
+ tabindex=${(0,c.ifDefined)(this.focused?void 0:`0`)}
29
+ @focus=${this.forwardFocus}
30
+ ?focused=${this.focused}
31
+ class="handle"
32
+ color=${this.colorController.getHslString()}
33
+ ?disabled=${this.disabled}
34
+ style=${`transform: translate(${(this.isLTR?this.x:1-this.x)*e}px, ${t-this.y*t}px);`}
35
+ ${a.t({start:[`pointerdown`,this.handlePointerdown],streamInside:[`pointermove`,this.handlePointermove],end:[[`pointerup`,`pointercancel`,`pointerleave`,`lostpointercapture`],this.handlePointerup]})}
36
+ ></luzmo-color-handle>
37
+
38
+ <fieldset
39
+ class="fieldset"
40
+ aria-label=${(0,c.ifDefined)(n?i:void 0)}
41
+ >
42
+ <div role="presentation">
43
+ <input
44
+ type="range"
45
+ class="slider"
46
+ name="x"
47
+ aria-label=${n?l:`${l} ${i}`}
48
+ aria-roledescription=${s}
49
+ aria-orientation="horizontal"
50
+ aria-valuetext=${n?d:`${d}, ${l}${this._valueChanged?``:`, ${f}, ${u}`}`}
51
+ min="0"
52
+ max="1"
53
+ step=${this.step}
54
+ tabindex="-1"
55
+ .value=${String(this.x)}
56
+ @input=${this.handleInput}
57
+ @change=${this.handleChange}
58
+ />
59
+ </div>
60
+ <div role="presentation">
61
+ <input
62
+ type="range"
63
+ class="slider"
64
+ name="y"
65
+ aria-label=${n?u:`${u} ${i}`}
66
+ aria-roledescription=${s}
67
+ aria-orientation="vertical"
68
+ aria-valuetext=${n?f:`${f}, ${u}${this._valueChanged?``:`, ${d}, ${l}`}`}
69
+ orient="vertical"
70
+ min="0"
71
+ max="1"
72
+ step=${this.step}
73
+ tabindex="-1"
74
+ .value=${String(this.y)}
75
+ @input=${this.handleInput}
76
+ @change=${this.handleChange}
77
+ />
78
+ </div>
79
+ </fieldset>
80
+ `}firstUpdated(e){super.firstUpdated(e),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener(`focus`,this.handleFocus),this.addEventListener(`blur`,this.handleBlur),this.addEventListener(`keyup`,this.handleKeyup),this.addEventListener(`keydown`,this.handleKeydown)}updated(e){if(super.updated(e),this.x!==this.inputX.valueAsNumber&&this.colorController.color.set(`s`,this.inputX.valueAsNumber*100),this.y!==this.inputY.valueAsNumber&&this.colorController.color.set(`v`,(1-this.inputY.valueAsNumber)*100),e.has(`focused`)&&this.focused){let e=this.inputX.parentElement,t=this.inputY.parentElement;if(!e.shadowRoot&&!t.shadowRoot){e.attachShadow({mode:`open`}),t.attachShadow({mode:`open`});let n=`<div tabindex="-1"><slot></slot></div>`;e.shadowRoot.innerHTML=n,t.shadowRoot.innerHTML=n}}}connectedCallback(){super.connectedCallback(),!this.observer&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(this.handleResize)),this.observer?.observe(this)}disconnectedCallback(){this._pointerDown=!1,this._capturedPointer=void 0,this.activeKeys.clear(),this.resizeRafId&&=(cancelAnimationFrame(this.resizeRafId),0),this.observer?.disconnect(),this.observer=void 0,super.disconnectedCallback()}};t.t([(0,s.property)({type:String,reflect:!0})],u.prototype,`dir`,void 0),t.t([(0,s.property)({type:Boolean,reflect:!0})],u.prototype,`disabled`,void 0),t.t([(0,s.property)({type:Boolean,reflect:!0})],u.prototype,`focused`,void 0),t.t([(0,s.property)({type:String,attribute:`label-x`})],u.prototype,`labelX`,void 0),t.t([(0,s.property)({type:String,attribute:`label-y`})],u.prototype,`labelY`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`is-ltr`})],u.prototype,`isLTR`,void 0),t.t([(0,s.query)(`.handle`)],u.prototype,`handle`,void 0),t.t([(0,s.property)({type:Number})],u.prototype,`hue`,null),t.t([(0,s.property)({type:String})],u.prototype,`value`,null),t.t([(0,s.property)({type:String})],u.prototype,`color`,null),t.t([(0,s.property)({attribute:!1})],u.prototype,`activeAxis`,void 0),t.t([(0,s.property)({type:Number})],u.prototype,`x`,null),t.t([(0,s.property)({type:Number})],u.prototype,`y`,null),t.t([(0,s.property)({type:Number})],u.prototype,`step`,void 0),t.t([(0,s.query)(`[name="x"]`)],u.prototype,`inputX`,void 0),t.t([(0,s.query)(`[name="y"]`)],u.prototype,`inputY`,void 0),customElements.get(`luzmo-color-area`)||customElements.define(`luzmo-color-area`,u),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});