@luzmo/lucero 2.5.0 → 2.5.2

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 (492) 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/action-button.d.ts +3 -2
  10. package/components/action-button/index.cjs +1 -1
  11. package/components/action-button/index.js +1 -2
  12. package/components/action-button-BB3ZZFNN.js +136 -0
  13. package/components/action-button-CL4ZlryE.cjs +22 -0
  14. package/components/action-group/index.cjs +1 -1
  15. package/components/action-group/index.js +1 -2
  16. package/components/{action-group-oo7YV0EW.cjs → action-group-Doll-3Bf.cjs} +1 -1
  17. package/components/{action-group-DSiruuF0.js → action-group-HECoPCas.js} +7 -9
  18. package/components/action-menu/action-menu.d.ts +16 -1
  19. package/components/action-menu/index.cjs +1 -1
  20. package/components/action-menu/index.d.ts +1 -0
  21. package/components/action-menu/index.js +1 -2
  22. package/components/action-menu-BW-XpCVO.cjs +58 -0
  23. package/components/{action-menu-D1hTsg9A.js → action-menu-LnXQ7reF.js} +47 -31
  24. package/components/avatar/index.cjs +1 -1
  25. package/components/avatar/index.js +1 -2
  26. package/components/{avatar-CwSyYAKV.js → avatar-CVRQDsx6.js} +7 -9
  27. package/components/{avatar-DHS5UGTJ.cjs → avatar-DFzJbtId.cjs} +1 -1
  28. package/components/badge/index.cjs +1 -1
  29. package/components/badge/index.js +1 -2
  30. package/components/badge-BSfzmBRf.js +94 -0
  31. package/components/badge-DzElGOcl.cjs +23 -0
  32. package/components/button/index.cjs +1 -1
  33. package/components/button/index.js +2 -2
  34. package/components/button-BGEWdRbY.cjs +20 -0
  35. package/components/button-CpaltgRZ.js +125 -0
  36. package/components/{button-base-DiPzVpp4.js → button-base-BzakIKd0.js} +12 -35
  37. package/components/{button-base-DiNxrttk.cjs → button-base-CpK2ktvQ.cjs} +3 -3
  38. package/components/button-group/index.cjs +1 -1
  39. package/components/button-group/index.js +1 -2
  40. package/components/{button-group-Du7R4SxZ.cjs → button-group-C23OtGC0.cjs} +1 -1
  41. package/components/{button-group-Duf-Igst.js → button-group-DMsT6N0P.js} +4 -6
  42. package/components/calendar/index.cjs +1 -1
  43. package/components/calendar/index.js +1 -2
  44. package/components/{calendar-pQxEWdYC.cjs → calendar-BqyGW8gU.cjs} +3 -3
  45. package/components/{calendar-D1UtHvpY.js → calendar-D4x5gp_0.js} +14 -33
  46. package/components/chat-message/index.cjs +1 -1
  47. package/components/chat-message/index.js +1 -2
  48. package/components/{chat-message-D6U-sprD.js → chat-message-5gP_qbiz.js} +665 -654
  49. package/components/chat-message-Dn5GKsSD.cjs +148 -0
  50. package/components/chat-message-group/index.cjs +1 -1
  51. package/components/chat-message-group/index.js +1 -2
  52. package/components/{chat-message-group-k9lo-ZqD.js → chat-message-group-Bp4mshBY.js} +18 -18
  53. package/components/{chat-message-group-CvxdX3jt.cjs → chat-message-group-CJddlS85.cjs} +1 -1
  54. package/components/checkbox/index.cjs +1 -1
  55. package/components/checkbox/index.js +1 -2
  56. package/components/checkbox-CVi4GMoo.cjs +25 -0
  57. package/components/{checkbox-CydI9yXG.js → checkbox-CvRvgRzh.js} +7 -13
  58. package/components/{checkbox-mixin-jqmrh48O.js → checkbox-mixin-BIuvxtEt.js} +2 -3
  59. package/components/{checkbox-mixin-rFRXqyrK.cjs → checkbox-mixin-DAdnTm-F.cjs} +1 -1
  60. package/components/{close-button-Dlvtf9lB.js → close-button-7zS6PUzh.js} +5 -6
  61. package/components/{close-button-BAELImQY.cjs → close-button-B06i2hJn.cjs} +1 -1
  62. package/components/color-area/index.cjs +1 -1
  63. package/components/color-area/index.js +1 -2
  64. package/components/{color-area-CmKlQG1i.cjs → color-area-D1fRozE0.cjs} +1 -1
  65. package/components/{color-area-lbg8wwZG.js → color-area-qlEAp8ZN.js} +10 -20
  66. package/components/color-controller-BpdydwTO.cjs +18 -0
  67. package/components/{color-controller-Rg_Zl0sT.js → color-controller-CauSxC_r.js} +1 -2
  68. package/components/color-field/index.cjs +1 -1
  69. package/components/color-field/index.js +1 -2
  70. package/components/{color-field-BH9x46k_.cjs → color-field-CN8shDl_.cjs} +1 -1
  71. package/components/{color-field-C9S-Fv46.js → color-field-CVyDNZ4b.js} +5 -7
  72. package/components/color-handle/index.cjs +1 -1
  73. package/components/color-handle/index.js +1 -2
  74. package/components/{color-handle-2iFLp9FN.cjs → color-handle-BE0Z1gTU.cjs} +1 -1
  75. package/components/{color-handle-BEDQ1RcS.js → color-handle-Dc0uLgkf.js} +4 -6
  76. package/components/color-loupe/index.cjs +1 -1
  77. package/components/color-loupe/index.js +1 -2
  78. package/components/{color-loupe-6NcLbFco.cjs → color-loupe-2X1bCYU9.cjs} +1 -1
  79. package/components/{color-loupe-CqHyyvjQ.js → color-loupe-Bu37Uwk6.js} +3 -5
  80. package/components/color-menu/index.cjs +1 -1
  81. package/components/color-menu/index.js +1 -2
  82. package/components/{color-menu-qJK_clDq.js → color-menu-BxFQnH79.js} +12 -14
  83. package/components/{color-menu-BYTgxLQG.cjs → color-menu-Cus3S-Re.cjs} +1 -1
  84. package/components/color-palette/index.cjs +1 -1
  85. package/components/color-palette/index.js +1 -2
  86. package/components/{color-palette-x6W09EBL.cjs → color-palette-D5NZDz5I.cjs} +1 -1
  87. package/components/{color-palette-CqiO5ohz.js → color-palette-UU7Feiwh.js} +7 -8
  88. package/components/color-palette-group/index.cjs +1 -1
  89. package/components/color-palette-group/index.js +1 -2
  90. package/components/{color-palette-group-zByrO_qb.js → color-palette-group-CwmC9iR1.js} +5 -7
  91. package/components/{color-palette-group-D4k_7pW6.cjs → color-palette-group-DhGh0Db8.cjs} +1 -1
  92. package/components/color-picker/index.cjs +1 -1
  93. package/components/color-picker/index.js +1 -2
  94. package/components/{color-picker-BAikpqUT.cjs → color-picker-BTT1O-76.cjs} +1 -1
  95. package/components/{color-picker-CSuAPo5X.js → color-picker-orFSIqoZ.js} +9 -11
  96. package/components/color-slider/index.cjs +1 -1
  97. package/components/color-slider/index.js +1 -2
  98. package/components/{color-slider-CMW8gJ0Z.cjs → color-slider-9Ck28Qdk.cjs} +1 -1
  99. package/components/{color-slider-0JzdSRTy.js → color-slider-X1EArAnx.js} +8 -14
  100. package/components/{condition-attribute-with-id-BdnTdWKz.js → condition-attribute-with-id-v1wjKZc3.js} +1 -2
  101. package/components/date-range-picker/index.cjs +1 -1
  102. package/components/date-range-picker/index.js +1 -2
  103. package/components/{date-range-picker-DKVmGpUC.js → date-range-picker-CoCz3uDz.js} +28 -29
  104. package/components/{date-range-picker-D149LIGC.cjs → date-range-picker-DyJdcFiA.cjs} +3 -3
  105. package/components/date-time-picker/index.cjs +1 -1
  106. package/components/date-time-picker/index.js +1 -2
  107. package/components/{date-time-picker-CRpvRk9T.cjs → date-time-picker-CEEeMXGn.cjs} +3 -3
  108. package/components/{date-time-picker-6c19YzwF.js → date-time-picker-CsgO17tA.js} +23 -36
  109. package/components/{decorate-CkCg3wfh.js → decorate-CpKsOs9z.js} +18 -19
  110. package/components/{decorate-Dq34MBGe.cjs → decorate-SO02l0A6.cjs} +1 -1
  111. package/components/{dependency-manger-wHEXoU92.js → dependency-manger-BneVBZQi.js} +1 -2
  112. package/components/divider/index.cjs +1 -1
  113. package/components/divider/index.js +1 -2
  114. package/components/{divider-Cz5nyvP9.js → divider-Bt0NIqfu.js} +5 -7
  115. package/components/{divider-BcE8D-pH.cjs → divider-fWGUxO6A.cjs} +1 -1
  116. package/components/{divider.module-CPEKsaqR.js → divider.module-B_GRUJ4d.js} +1 -2
  117. package/components/{element-resolution-gap51AVo.js → element-resolution-BYvcpZwK.js} +1 -2
  118. package/components/field-group/index.cjs +1 -1
  119. package/components/field-group/index.js +2 -3
  120. package/components/{field-group-Dd5xYczm.cjs → field-group-B8mhEhNJ.cjs} +1 -1
  121. package/components/{field-group-C_kRq7pJ.js → field-group-CdDcdMO1.js} +3 -4
  122. package/components/field-label/index.cjs +1 -1
  123. package/components/field-label/index.js +1 -2
  124. package/components/{field-label-C0vfY1b6.cjs → field-label-B3IsGUTv.cjs} +2 -2
  125. package/components/{field-label-C28wWqC5.js → field-label-DOUnHwwh.js} +9 -15
  126. package/components/focus-group-C0ncbmUD.cjs +18 -0
  127. package/components/{focus-group-DVPa1zxz.js → focus-group-lQqPbdDl.js} +5 -7
  128. package/components/{focus-visible-DNHNlrty.cjs → focus-visible-BQAhwoxi.cjs} +1 -1
  129. package/components/{focus-visible-Bt2uDmuM.js → focus-visible-D6TRtUd7.js} +2 -3
  130. package/components/focusable-BIHTrJd6.cjs +18 -0
  131. package/components/{focusable-selectors-BWpiuXz5.js → focusable-selectors-BDNeWxbe.js} +1 -2
  132. package/components/{focusable-DuP0-Kuy.js → focusable-xjv79E40.js} +9 -17
  133. package/components/{get-label-from-slot-Bo9mqYCZ.js → get-label-from-slot-Bw5crGFw.js} +1 -2
  134. package/components/icon/index.cjs +1 -1
  135. package/components/icon/index.js +1 -2
  136. package/components/{icon-zOPAWCdx.cjs → icon-BlbMP3mJ.cjs} +1 -1
  137. package/components/{icon-CsJZMhIm.js → icon-DADJww_a.js} +4 -7
  138. package/components/index.cjs +1 -1
  139. package/components/index.js +72 -71
  140. package/components/infield-button/index.cjs +1 -1
  141. package/components/infield-button/index.js +1 -2
  142. package/components/{infield-button-DiE8R6ol.js → infield-button-CeE_JxR6.js} +5 -7
  143. package/components/{infield-button-kilVRjwB.cjs → infield-button-uD1GqTLW.cjs} +1 -1
  144. package/components/label/index.cjs +1 -1
  145. package/components/label/index.js +1 -2
  146. package/components/{label-e6Y13vrS.js → label-D1v4e6mN.js} +3 -5
  147. package/components/{label-B3zs6OX0.cjs → label-uuwIy_Ge.cjs} +1 -1
  148. package/components/{language-resolution-BaKYDD1a.js → language-resolution-7rc0khIK.js} +3 -4
  149. package/components/{language-resolution-CSjktYg5.cjs → language-resolution-B7D3hQ6_.cjs} +1 -1
  150. package/components/{like-anchor-DXCaEv7O.js → like-anchor-DcFv8rEo.js} +2 -3
  151. package/components/{like-anchor-BX4PSB3d.cjs → like-anchor-De9STeWr.cjs} +1 -1
  152. package/components/{manage-help-text-ByLb0QYX.js → manage-help-text-CFUaqINN.js} +4 -6
  153. package/components/{match-media-C5X2OZiD.js → match-media-UNh23w4s.js} +1 -2
  154. package/components/menu/index.cjs +1 -1
  155. package/components/menu/index.js +1 -2
  156. package/components/menu-BKwt6rnv.cjs +108 -0
  157. package/components/{menu-fdJseu1y.js → menu-L5qYivn6.js} +43 -67
  158. package/components/multi-language-field/index.cjs +1 -1
  159. package/components/multi-language-field/index.js +1 -2
  160. package/components/{multi-language-field-vJMK-osi.js → multi-language-field-NY2XwK2M.js} +6 -8
  161. package/components/{multi-language-field-BndVikur.cjs → multi-language-field-djoM4Okc.cjs} +1 -1
  162. package/components/notice/index.cjs +1 -1
  163. package/components/notice/index.js +1 -2
  164. package/components/{notice-N0-lxEf_.js → notice-CrLVNmqL.js} +6 -8
  165. package/components/{notice-CsWaqcq3.cjs → notice-f0p0TiGw.cjs} +1 -1
  166. package/components/number-field/index.cjs +1 -1
  167. package/components/number-field/index.js +1 -2
  168. package/components/{number-field-xxXgR70l.cjs → number-field-Ceeli_mh.cjs} +2 -2
  169. package/components/{number-field-DAOy_AvQ.js → number-field-D9UqpqpW.js} +12 -20
  170. package/components/{observe-slot-presence-BKY6n06-.js → observe-slot-presence-t2N_C6Ud.js} +1 -2
  171. package/components/{observe-slot-text-CvL-2ey3.cjs → observe-slot-text-BqwCIv2a.cjs} +1 -1
  172. package/components/{observe-slot-text-Db8Kx3P-.js → observe-slot-text-Dzkb_VqN.js} +2 -3
  173. package/components/options/index.cjs +1 -1
  174. package/components/options/index.js +1 -2
  175. package/components/{options-D_ifU0DH.js → options-BHDesKbF.js} +20 -31
  176. package/components/{options-CP9V2CSJ.cjs → options-Dk1uFeUT.cjs} +5 -5
  177. package/components/overlay/index.cjs +1 -1
  178. package/components/overlay/index.js +2 -2
  179. package/components/overlay-DAOyrYJL.cjs +102 -0
  180. package/components/{overlay-DpHIYJtd.js → overlay-D_Xfq92b.js} +62 -118
  181. package/components/{pending-state-CGHvTtKR.cjs → pending-state-A6NrvaQj.cjs} +1 -1
  182. package/components/{pending-state-D_b45qvi.js → pending-state-BuYmUP6G.js} +2 -3
  183. package/components/picker/index.cjs +1 -1
  184. package/components/picker/index.js +2 -3
  185. package/components/{picker-uKcRswTQ.js → picker-C5eX5WBl.js} +25 -41
  186. package/components/picker-CQCAt4Mx.cjs +124 -0
  187. package/components/picker-button/index.cjs +1 -1
  188. package/components/picker-button/index.js +1 -2
  189. package/components/{picker-button-B8Jbf9jK.cjs → picker-button-BWDfzx38.cjs} +2 -2
  190. package/components/{picker-button-CJQJshbo.js → picker-button-BhfY9gyk.js} +11 -12
  191. package/components/{platform-Ce9pNsR9.js → platform-CDW-WdXN.js} +1 -2
  192. package/components/popover/index.cjs +1 -1
  193. package/components/popover/index.js +1 -2
  194. package/components/{popover-BsdqkvKI.cjs → popover-CFzz83f8.cjs} +1 -1
  195. package/components/{popover-DC8tkee-.js → popover-CWrRLzOL.js} +4 -6
  196. package/components/progress-bar/index.cjs +1 -1
  197. package/components/progress-bar/index.js +1 -2
  198. package/components/{progress-bar-CrodWzcc.cjs → progress-bar-9Qg0PYAq.cjs} +2 -2
  199. package/components/{progress-bar-D4iFHkp7.js → progress-bar-D6wIZV5l.js} +16 -22
  200. package/components/progress-circle/index.cjs +1 -1
  201. package/components/progress-circle/index.js +1 -2
  202. package/components/{progress-circle-bO_VAX3N.cjs → progress-circle-C_9UZs2Y.cjs} +1 -1
  203. package/components/{progress-circle-By6qUQYe.js → progress-circle-DcGKwBTC.js} +5 -7
  204. package/components/progress-steps/index.cjs +1 -1
  205. package/components/progress-steps/index.js +1 -2
  206. package/components/progress-steps/progress-steps-model.d.ts +5 -0
  207. package/components/progress-steps/progress-steps.d.ts +4 -8
  208. package/components/progress-steps-5MhpnGKv.cjs +98 -0
  209. package/components/{progress-steps-BvCzsq9Z.js → progress-steps-Byem5ieS.js} +43 -54
  210. package/components/prompt-box/index.cjs +1 -1
  211. package/components/prompt-box/index.js +1 -2
  212. package/components/{prompt-box-Cz_m2wso.js → prompt-box-CrtFGmjm.js} +80 -112
  213. package/components/{prompt-box-sp9_-Hnx.cjs → prompt-box-D7owyhfG.cjs} +15 -15
  214. package/components/question-box/index.cjs +1 -1
  215. package/components/question-box/index.js +1 -2
  216. package/components/{question-box-Bcm-P-UV.js → question-box-BJYYLghb.js} +40 -86
  217. package/components/{question-box-DZnuGMBB.cjs → question-box-ym1eakXA.cjs} +3 -3
  218. package/components/radio/index.cjs +1 -1
  219. package/components/radio/index.js +1 -2
  220. package/components/{radio-B6hX9Klr.js → radio-CyxICbLM.js} +9 -15
  221. package/components/{radio-CRTfoEX_.cjs → radio-Dd-GgUMm.cjs} +2 -2
  222. package/components/{random-id-CiMDyX7v.js → random-id-CO3s9i3n.js} +1 -2
  223. package/components/{rolldown-runtime-Dy4uBu1J.js → rolldown-runtime-CGnMp29N.js} +1 -2
  224. package/components/{roving-tabindex-pomAn3z-.js → roving-tabindex-BKMkfzY0.js} +2 -3
  225. package/components/{roving-tabindex-BoPao4td.cjs → roving-tabindex-BUFR8hPH.cjs} +1 -1
  226. package/components/{scaled-indicator-C-TupV4L.js → scaled-indicator-CsfzvTDr.js} +1 -2
  227. package/components/search/index.cjs +1 -1
  228. package/components/search/index.js +1 -2
  229. package/components/{search-DEjLSJ96.js → search-C5uFmm6S.js} +7 -9
  230. package/components/{search-PxJEuwHt.cjs → search-DiCwSHFf.cjs} +1 -1
  231. package/components/segments-factory-BFgL5o9K.cjs +18 -0
  232. package/components/{segments-factory-BCRi1NKb.js → segments-factory-B_IBjpdp.js} +5 -12
  233. package/components/select/index.cjs +1 -1
  234. package/components/select/index.js +1 -2
  235. package/components/{select-CKMCEJf7.cjs → select-2Fvb7tpj.cjs} +6 -6
  236. package/components/{select-B86uAHme.js → select-HqF3tcHz.js} +31 -56
  237. package/components/{sized-mixin-DzQTebN-.js → sized-mixin-BmxIAuoH.js} +2 -3
  238. package/components/{sized-mixin-BT7cv-fT.cjs → sized-mixin-CSajkMro.cjs} +1 -1
  239. package/components/skeleton-loader/index.cjs +1 -1
  240. package/components/skeleton-loader/index.js +1 -2
  241. package/components/{skeleton-loader-CNcwCh4V.cjs → skeleton-loader-CEca0cqz.cjs} +1 -1
  242. package/components/{skeleton-loader-BeCsYADg.js → skeleton-loader-tin9y3xc.js} +3 -5
  243. package/components/slider/index.cjs +1 -1
  244. package/components/slider/index.js +1 -2
  245. package/components/{slider-C_8pSK4N.cjs → slider-C1AdDTfB.cjs} +2 -2
  246. package/components/{slider-Bsl8Xrme.js → slider-Ch7OgTdj.js} +13 -26
  247. package/components/{slottable-request-event-MRSZbgTu.js → slottable-request-event-24jJOhbh.js} +1 -2
  248. package/components/split-view/index.cjs +1 -1
  249. package/components/split-view/index.js +1 -2
  250. package/components/{split-view-CDwHDmII.js → split-view-DDwpoN2O.js} +8 -11
  251. package/components/{split-view-BwCFYey6.cjs → split-view-DNVlr5VD.cjs} +1 -1
  252. package/components/status-light/index.cjs +1 -1
  253. package/components/status-light/index.js +1 -2
  254. package/components/status-light-Do6z53mM.cjs +21 -0
  255. package/components/{status-light-DwUnjE3t.js → status-light-DqHhhZed.js} +6 -8
  256. package/components/strategies-C6hzAW86.cjs +18 -0
  257. package/components/{strategies-COS7mShJ.js → strategies-DgPG-vNk.js} +6 -13
  258. package/components/{streaming-listener-CtcMpYfS.js → streaming-listener-B6mDl4pZ.js} +1 -2
  259. package/components/swatch/index.cjs +1 -1
  260. package/components/swatch/index.js +1 -2
  261. package/components/{swatch-Bj2FARl1.js → swatch-BBVsuSAV.js} +25 -44
  262. package/components/{swatch-CQ0inIHK.cjs → swatch-DiNMN-SZ.cjs} +3 -3
  263. package/components/switch/index.cjs +1 -1
  264. package/components/switch/index.js +1 -2
  265. package/components/{switch-CpG-hSWY.js → switch-BBtewLDD.js} +6 -8
  266. package/components/{switch-qwpYXVnO.cjs → switch-DMhCYTgq.cjs} +1 -1
  267. package/components/table/index.cjs +1 -1
  268. package/components/table/index.js +1 -2
  269. package/components/table-CLMLGloR.cjs +180 -0
  270. package/components/{table-B75GjBhD.js → table-DlOWqm5C.js} +217 -264
  271. package/components/tabs/index.cjs +1 -1
  272. package/components/tabs/index.js +1 -2
  273. package/components/{tabs-DxOD4QNt.cjs → tabs-B0WHKMuF.cjs} +2 -2
  274. package/components/{tabs-BD_ATrBg.js → tabs-Dkt0B_-A.js} +17 -22
  275. package/components/tags/index.cjs +1 -1
  276. package/components/tags/index.js +1 -2
  277. package/components/tags-Be4yrNPw.js +206 -0
  278. package/components/tags-CHDNXpxh.cjs +47 -0
  279. package/components/template-property-Bks4Db5C.js +46 -0
  280. package/components/template-property-yhcAmPXk.cjs +18 -0
  281. package/components/text-field/index.cjs +1 -1
  282. package/components/text-field/index.js +2 -2
  283. package/components/{text-field-3fDtTQkR.cjs → text-field-BVl-HWzb.cjs} +1 -1
  284. package/components/{text-field-CmyqQxq0.js → text-field-D49lAD7L.js} +4 -5
  285. package/components/{text-field-CbN4nydd.cjs → text-field-DCcOZSvY.cjs} +1 -1
  286. package/components/{text-field-CmSym2QK.js → text-field-DpvP_tCP.js} +7 -10
  287. package/components/{text-field.module-BHhBReKL.js → text-field.module-hEHhPVFf.js} +1 -2
  288. package/components/toast/index.cjs +1 -1
  289. package/components/toast/index.js +1 -2
  290. package/components/{toast-DRrGgznK.cjs → toast-B6yesIcI.cjs} +1 -1
  291. package/components/{toast-KwHx-agn.js → toast-CXZUVaYz.js} +5 -7
  292. package/components/tokens.js +1 -2
  293. package/components/tooltip/index.cjs +1 -1
  294. package/components/tooltip/index.js +1 -2
  295. package/components/{tooltip-DjOW52n2.cjs → tooltip-BE01O3Sg.cjs} +1 -1
  296. package/components/{tooltip-xTa9Q5JW.js → tooltip-g2jd5Wsv.js} +19 -24
  297. package/components/top-nav/index.cjs +1 -1
  298. package/components/top-nav/index.js +1 -2
  299. package/components/{top-nav-81IKEGjR.cjs → top-nav-B0E1K_zf.cjs} +1 -1
  300. package/components/{top-nav-CXjnpdFR.js → top-nav-DiUCsUpZ.js} +9 -11
  301. package/components/utils.cjs +1 -1
  302. package/components/utils.js +9 -8
  303. package/components/{voice-recorder-CTg3kRxx.js → voice-recorder-BXY_l_78.js} +1 -2
  304. package/custom-elements.json +1 -1
  305. package/package.json +1 -1
  306. package/standalone/accordion.js +6 -2
  307. package/standalone/action-bar.js +1 -1
  308. package/standalone/action-button.js +1 -1
  309. package/standalone/action-group.js +1 -1
  310. package/standalone/action-menu.js +5 -3
  311. package/standalone/avatar.js +1 -1
  312. package/standalone/badge.js +1 -1
  313. package/standalone/button-group.js +1 -1
  314. package/standalone/button.js +1 -1
  315. package/standalone/calendar.js +1 -1
  316. package/standalone/chat-message-group.js +1 -1
  317. package/standalone/chat-message.js +31 -31
  318. package/standalone/checkbox.js +1 -1
  319. package/standalone/chunks/NumberFormatter-COykocAS.js +2 -0
  320. package/standalone/chunks/NumberParser--1Rm0Yk7.js +2 -0
  321. package/standalone/chunks/action-button-0d4u0dWv.js +6 -0
  322. package/standalone/chunks/{action-group-DTxf-0tP.js → action-group-DlClwXLO.js} +5 -1
  323. package/standalone/chunks/async-directive-ByLzVnWY.js +2 -0
  324. package/standalone/chunks/async-directive-DNgXlN7F.js +2 -0
  325. package/standalone/chunks/badge-DPFbBRCY.js +7 -0
  326. package/standalone/chunks/{button-Q1n9DH9a.js → button-Bgc3zdEa.js} +1 -1
  327. package/standalone/chunks/button-BhSe7abg.js +4 -0
  328. package/standalone/chunks/button-base-DLYrzCSm.js +9 -0
  329. package/standalone/chunks/calendar-BxARYymw.js +122 -0
  330. package/standalone/chunks/checkbox-Cl6YBcGA.js +9 -0
  331. package/standalone/chunks/{checkbox-mixin-BAQWmwps.js → checkbox-mixin-HnfmivU3.js} +1 -1
  332. package/standalone/chunks/class-map-E9JVium5.js +2 -0
  333. package/standalone/chunks/{clear-button-3zpCVxG5.js → clear-button-B4r_oxfc.js} +1 -1
  334. package/standalone/chunks/{close-button-C96dazyi.js → close-button-DVCeu3_f.js} +1 -1
  335. package/standalone/chunks/{color-area-Cj8oPsIF.js → color-area-BCI2oMGd.js} +3 -1
  336. package/standalone/chunks/color-controller-BlFueK6Y.js +2 -0
  337. package/standalone/chunks/{color-field-BFvUGE4L.js → color-field-BaVvupq0.js} +1 -1
  338. package/standalone/chunks/{color-handle-BHrAxEG2.js → color-handle-BLQiuRSS.js} +1 -1
  339. package/standalone/chunks/{color-loupe-C34cms5t.js → color-loupe-_dC69K1Z.js} +1 -1
  340. package/standalone/chunks/{color-menu-BIKuitbH.js → color-menu-BDZh85nX.js} +1 -1
  341. package/standalone/chunks/color-slider-Bipcekrc.js +49 -0
  342. package/standalone/chunks/{directive-helpers-Bu8icI7Y.js → directive-helpers-DM8VtBpR.js} +1 -1
  343. package/standalone/chunks/{divider-Bf9Drp2z.js → divider-vAjIOfo1.js} +1 -1
  344. package/standalone/chunks/{field-group-D8EjgC6F.js → field-group-C1oDgW9m.js} +1 -1
  345. package/standalone/chunks/{field-label-VWHDlW9_.js → field-label-Djcst_hn.js} +2 -2
  346. package/standalone/chunks/flow-CL5kBpdV.js +2 -0
  347. package/standalone/chunks/focus-group-xdTxdfaB.js +4 -0
  348. package/standalone/chunks/{icon-BypO7M7G.js → icon-6P1RsbD1.js} +1 -1
  349. package/standalone/chunks/{infield-button-D03MpU_s.js → infield-button-B8EkjwP9.js} +1 -1
  350. package/standalone/chunks/keyed-DYJaQjip.js +2 -0
  351. package/standalone/chunks/{language-resolution-BWHk9A73.js → language-resolution-BwIkGyuH.js} +1 -1
  352. package/standalone/chunks/lit-DWANyjiY.js +3 -0
  353. package/standalone/chunks/lucero-runtime-DMlHjBe_.js +18 -0
  354. package/standalone/chunks/{luzmo-icons-B-pCv-xg.js → luzmo-icons-vtQE0BSI.js} +1 -1
  355. package/standalone/chunks/{manage-help-text-Cl9OJ2xf.js → manage-help-text-DO3PkWgh.js} +1 -1
  356. package/standalone/chunks/menu-CefrRBIS.js +100 -0
  357. package/standalone/chunks/{number-field-B6BDXkL7.js → number-field-Dc4nBa6l.js} +2 -2
  358. package/standalone/chunks/observe-slot-presence-BxmG6A0m.js +2 -0
  359. package/standalone/chunks/options-rb_zaAJ6.js +89 -0
  360. package/standalone/chunks/overlay-CgQMEmrM.js +122 -0
  361. package/standalone/chunks/{pending-state-DxeRqe6Q.js → pending-state-DnTXKvtm.js} +1 -1
  362. package/standalone/chunks/picker-HoERLlkx.js +108 -0
  363. package/standalone/chunks/{picker-button-BZWqDoNQ.js → picker-button-DbamPU-T.js} +2 -2
  364. package/standalone/chunks/platform-wNs7qaiE.js +10 -0
  365. package/standalone/chunks/{popover-BsB3dmQe.js → popover-Ca-FBqiU.js} +1 -1
  366. package/standalone/chunks/{progress-circle-CEx1b5Sv.js → progress-circle-CFtVq9Ou.js} +1 -1
  367. package/standalone/chunks/property-BsDbx7Z2.js +2 -0
  368. package/standalone/chunks/{radio-2vHhfmHw.js → radio-BJ3RhyUD.js} +2 -2
  369. package/standalone/chunks/random-id-0GBXy8EY.js +2 -0
  370. package/standalone/chunks/repeat-CtNle5_O.js +2 -0
  371. package/standalone/chunks/{roving-tabindex-CB4xC55P.js → roving-tabindex-CivopiNn.js} +1 -1
  372. package/standalone/chunks/scaled-indicator-Do5uhz24.js +10 -0
  373. package/standalone/chunks/segments-factory-B6oGyosS.js +2 -0
  374. package/standalone/chunks/{skeleton-loader-BxYcRRJr.js → skeleton-loader-CymPdQl3.js} +1 -1
  375. package/standalone/chunks/strategies-yujlVHBS.js +4 -0
  376. package/standalone/chunks/streaming-listener-DbMoHlSj.js +8 -0
  377. package/standalone/chunks/style-map-DmBaq1-c.js +2 -0
  378. package/standalone/chunks/{swatch-CGR_GWqO.js → swatch-DivHeYOK.js} +4 -4
  379. package/standalone/chunks/template-property-CyrkVY0Q.js +2 -0
  380. package/standalone/chunks/{text-field-4OKvLOXG.js → text-field-D5ncaa2n.js} +1 -1
  381. package/standalone/chunks/{text-field-C2oROxum.js → text-field-DXzpM1Qn.js} +1 -1
  382. package/standalone/chunks/{tooltip-DB6jRVyB.js → tooltip-B-j8PrNl.js} +13 -1
  383. package/standalone/chunks/{unsafe-html-BPQaWy0v.js → unsafe-html-BeDipvu3.js} +1 -1
  384. package/standalone/clear-button.js +1 -1
  385. package/standalone/close-button.js +1 -1
  386. package/standalone/color-area.js +1 -1
  387. package/standalone/color-field.js +1 -1
  388. package/standalone/color-handle.js +1 -1
  389. package/standalone/color-loupe.js +1 -1
  390. package/standalone/color-menu.js +1 -1
  391. package/standalone/color-palette-group.js +1 -1
  392. package/standalone/color-palette.js +1 -1
  393. package/standalone/color-picker.js +1 -1
  394. package/standalone/color-slider.js +1 -1
  395. package/standalone/date-range-picker.js +3 -3
  396. package/standalone/date-time-picker.js +3 -3
  397. package/standalone/divider.js +1 -1
  398. package/standalone/field-group.js +1 -1
  399. package/standalone/field-label.js +1 -1
  400. package/standalone/icon.js +1 -1
  401. package/standalone/infield-button.js +1 -1
  402. package/standalone/label.js +1 -1
  403. package/standalone/lit.js +1 -1
  404. package/standalone/manifest.json +65 -65
  405. package/standalone/menu.js +1 -1
  406. package/standalone/multi-language-field.js +1 -1
  407. package/standalone/notice.js +1 -1
  408. package/standalone/number-field.js +1 -1
  409. package/standalone/options.js +1 -1
  410. package/standalone/overlay.js +1 -1
  411. package/standalone/picker-button.js +1 -1
  412. package/standalone/picker.js +1 -1
  413. package/standalone/popover.js +1 -1
  414. package/standalone/progress-bar.js +2 -2
  415. package/standalone/progress-circle.js +1 -1
  416. package/standalone/progress-steps.js +10 -10
  417. package/standalone/prompt-box.js +17 -17
  418. package/standalone/question-box.js +3 -3
  419. package/standalone/radio.js +1 -1
  420. package/standalone/search.js +1 -1
  421. package/standalone/select.js +6 -6
  422. package/standalone/skeleton-loader.js +1 -1
  423. package/standalone/slider.js +2 -2
  424. package/standalone/split-view.js +1 -1
  425. package/standalone/status-light.js +1 -1
  426. package/standalone/swatch.js +1 -1
  427. package/standalone/switch.js +1 -1
  428. package/standalone/table.js +32 -32
  429. package/standalone/tabs.js +2 -2
  430. package/standalone/tags.js +1 -1
  431. package/standalone/text-field.js +1 -1
  432. package/standalone/toast.js +1 -1
  433. package/standalone/tooltip.js +1 -1
  434. package/standalone/top-nav.js +1 -1
  435. package/standalone/utils.js +1 -1
  436. package/utils/index.d.ts +1 -0
  437. package/utils/template-property.d.ts +13 -0
  438. package/components/action-button-BRijXjEz.js +0 -138
  439. package/components/action-button-CX1uYbQp.cjs +0 -22
  440. package/components/action-menu-BNZWjeDd.cjs +0 -56
  441. package/components/badge-D2Hjf-Ww.js +0 -96
  442. package/components/badge-D8pIDEoq.cjs +0 -23
  443. package/components/button-Bvnidb4x.cjs +0 -20
  444. package/components/button-DIV_j_U3.js +0 -126
  445. package/components/chat-message-BDfomRm-.cjs +0 -148
  446. package/components/checkbox-JCvBro0K.cjs +0 -25
  447. package/components/color-controller-DbyPc33Y.cjs +0 -18
  448. package/components/focus-group-C8lOjbi9.cjs +0 -18
  449. package/components/focusable-B6h03pAe.cjs +0 -18
  450. package/components/menu-CrhA2iPZ.cjs +0 -108
  451. package/components/overlay-Dn7EbA_W.cjs +0 -102
  452. package/components/picker-COeWCv60.cjs +0 -124
  453. package/components/progress-steps-CvdQQwHc.cjs +0 -98
  454. package/components/segments-factory-DtPyN5sh.cjs +0 -18
  455. package/components/status-light-D3hdx8Pd.cjs +0 -21
  456. package/components/strategies-Bb7zEjrU.cjs +0 -18
  457. package/components/table-CHrAaVU1.cjs +0 -180
  458. package/components/tags-BIpFgOYy.js +0 -208
  459. package/components/tags-fLCGajv_.cjs +0 -47
  460. package/standalone/chunks/NumberFormatter-DMCfW685.js +0 -2
  461. package/standalone/chunks/NumberParser-r_jv94LA.js +0 -2
  462. package/standalone/chunks/action-button-FSsfXYe9.js +0 -6
  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/badge-DD-tMgzi.js +0 -7
  466. package/standalone/chunks/button-Bv3v7VbN.js +0 -4
  467. package/standalone/chunks/button-base-C7jeeyLp.js +0 -9
  468. package/standalone/chunks/calendar-DcFjY2tw.js +0 -122
  469. package/standalone/chunks/checkbox-DQ4wPgG_.js +0 -9
  470. package/standalone/chunks/class-map-CxQ0PcQP.js +0 -2
  471. package/standalone/chunks/color-controller-fJNWRHVI.js +0 -2
  472. package/standalone/chunks/color-slider-CAqvxsgS.js +0 -41
  473. package/standalone/chunks/flow-aCcJ5kgi.js +0 -2
  474. package/standalone/chunks/focus-group-Cl6MLy-C.js +0 -2
  475. package/standalone/chunks/keyed-CNWmQd2J.js +0 -2
  476. package/standalone/chunks/lit-BN_lRQbJ.js +0 -3
  477. package/standalone/chunks/lucero-runtime-DGJ9-isg.js +0 -16
  478. package/standalone/chunks/menu-DSMoQt1w.js +0 -92
  479. package/standalone/chunks/observe-slot-presence-DWPtw22K.js +0 -2
  480. package/standalone/chunks/options-CkmITqgV.js +0 -89
  481. package/standalone/chunks/overlay-C4ir0iyC.js +0 -31
  482. package/standalone/chunks/overlay-C_XW8yry.js +0 -57
  483. package/standalone/chunks/picker-FCQK0vdE.js +0 -108
  484. package/standalone/chunks/platform-BfrBbd97.js +0 -2
  485. package/standalone/chunks/property-CLXrnTGx.js +0 -2
  486. package/standalone/chunks/random-id-CeLe5NEk.js +0 -2
  487. package/standalone/chunks/repeat-CZdNcszA.js +0 -2
  488. package/standalone/chunks/scaled-indicator-k-1JmS0b.js +0 -10
  489. package/standalone/chunks/segments-factory-eS38mJRz.js +0 -2
  490. package/standalone/chunks/strategies-C-vW4MlK.js +0 -2
  491. package/standalone/chunks/streaming-listener-DFczLm8I.js +0 -2
  492. 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/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-D1fRozE0.cjs");exports.LuzmoColorArea=e.t;
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-qlEAp8ZN.js";
package/components/{color-area-CmKlQG1i.cjs → color-area-D1fRozE0.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("./color-controller-DbyPc33Y.cjs");require("./tokens.cjs");const t=require("./decorate-Dq34MBGe.cjs"),n=require("./language-resolution-CSjktYg5.cjs"),r=require("./platform-BAjeJp2W.cjs");require("./color-handle-2iFLp9FN.cjs");const i=require("./streaming-listener-Bfyk6Fsx.cjs");let a=require("lit"),o=require("lit/decorators.js"),s=require("lit/directives/if-defined.js");var c=`@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}`,l=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.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,a.unsafeCSS)(c)]}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._pointerDown||(this.altered=0,this.focused=!1,this._valueChanged=!1)}handleKeydown(e){let{code:t}=e;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)&&(e.preventDefault(),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);break;default:break}}),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.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)}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){e.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),e.target.setPointerCapture(e.pointerId),e.pointerType===`mouse`&&(this.focused=!0)}handlePointermove(e){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=!1,e.target.releasePointerCapture(e.pointerId);let t=this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}));this.inputX.focus(),e.pointerType===`mouse`&&(this.focused=!1),t||this.colorController.restorePreviousColor()}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(),o=`Color Picker`,c=(0,s.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 a.html`
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-BE0Z1gTU.cjs");const i=require("./streaming-listener-Bfyk6Fsx.cjs");let a=require("lit"),o=require("lit/decorators.js"),s=require("lit/directives/if-defined.js");var c=`@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}`,l=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.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,a.unsafeCSS)(c)]}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._pointerDown||(this.altered=0,this.focused=!1,this._valueChanged=!1)}handleKeydown(e){let{code:t}=e;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)&&(e.preventDefault(),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.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)}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){e.button===0?(this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),e.target.setPointerCapture(e.pointerId),e.pointerType===`mouse`&&(this.focused=!0)):e.preventDefault()}handlePointermove(e){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=!1,e.target.releasePointerCapture(e.pointerId);let t=this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}));this.inputX.focus(),e.pointerType===`mouse`&&(this.focused=!1),t||this.colorController.restorePreviousColor()}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(),o=`Color Picker`,c=(0,s.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 a.html`
19
19
  <div
20
20
  @pointerdown=${this.handleAreaPointerdown}
21
21
  class="gradient"
package/components/{color-area-lbg8wwZG.js → color-area-qlEAp8ZN.js} RENAMED
@@ -16,16 +16,16 @@
16
16
  * SOFTWARE.
17
17
  * */
18
18
  import "./tokens.js";
19
- import { n as e, t } from "./decorate-CkCg3wfh.js";
20
- import { t as n } from "./language-resolution-BaKYDD1a.js";
21
- import { a as r, t as i } from "./platform-Ce9pNsR9.js";
22
- import "./color-handle-BEDQ1RcS.js";
23
- import { t as a } from "./color-controller-Rg_Zl0sT.js";
24
- import { t as o } from "./streaming-listener-CtcMpYfS.js";
19
+ import { n as e, t } from "./decorate-CpKsOs9z.js";
20
+ import { t as n } from "./language-resolution-7rc0khIK.js";
21
+ import { a as r, t as i } from "./platform-CDW-WdXN.js";
22
+ import "./color-handle-Dc0uLgkf.js";
23
+ import { t as a } from "./color-controller-CauSxC_r.js";
24
+ import { t as o } from "./streaming-listener-B6mDl4pZ.js";
25
25
  import { html as s, unsafeCSS as c } from "lit";
26
26
  import { property as l, query as u } from "lit/decorators.js";
27
27
  import { ifDefined as d } from "lit/directives/if-defined.js";
28
- //#region src/components/color-area/color-area.module.scss?inline
28
+ // src/components/color-area/color-area.module.scss?inline
29
29
  var f = "@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}", p = class extends e {
30
30
  constructor(...e) {
31
31
  super(...e), this.disabled = !1, this.focused = !1, this.labelX = "saturation", this.labelY = "luminosity", this.isLTR = !0, this.languageResolver = new n(this), this.colorController = new a(this, { manageAs: "hsv" }), this.activeAxis = "x", this.step = .01, this.altered = 0, this.activeKeys = /* @__PURE__ */ new Set(), this._valueChanged = !1, this._pointerDown = !1, this.resizeRafId = 0, this.handleResize = (e) => {
@@ -114,11 +114,7 @@ var f = "@media (forced-colors:active){:host{--highcontrast-color-area-border-co
114
114
  case "Home":
115
115
  e = n * (this.isLTR ? -10 : 10);
116
116
  break;
117
- case "End":
118
- e = n * (this.isLTR ? 10 : -10);
119
- break;
120
- /* c8 ignore next 2 */
121
- default: break;
117
+ case "End": e = n * (this.isLTR ? 10 : -10);
122
118
  }
123
119
  }), 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.dispatchEvent(new Event("input", {
124
120
  bubbles: !0,
@@ -146,11 +142,7 @@ var f = "@media (forced-colors:active){:host{--highcontrast-color-area-border-co
146
142
  }));
147
143
  }
148
144
  handlePointerdown(e) {
149
- if (e.button !== 0) {
150
- e.preventDefault();
151
- return;
152
- }
153
- this._pointerDown = !0, this.colorController.savePreviousColor(), this.boundingClientRect = this.getBoundingClientRect(), e.target.setPointerCapture(e.pointerId), e.pointerType === "mouse" && (this.focused = !0);
145
+ e.button === 0 ? (this._pointerDown = !0, this.colorController.savePreviousColor(), this.boundingClientRect = this.getBoundingClientRect(), e.target.setPointerCapture(e.pointerId), e.pointerType === "mouse" && (this.focused = !0)) : e.preventDefault();
154
146
  }
155
147
  handlePointermove(e) {
156
148
  let [t, n] = this.calculateHandlePosition(e);
@@ -278,8 +270,7 @@ var f = "@media (forced-colors:active){:host{--highcontrast-color-area-border-co
278
270
  this.resizeRafId &&= (cancelAnimationFrame(this.resizeRafId), 0), this.observer?.disconnect(), this.observer = void 0, super.disconnectedCallback();
279
271
  }
280
272
  };
281
- //#endregion
282
- //#region src/components/color-area/index.ts
273
+ // src/components/color-area/index.ts
283
274
  t([l({
284
275
  type: String,
285
276
  reflect: !0
@@ -299,5 +290,4 @@ t([l({
299
290
  type: Boolean,
300
291
  attribute: "is-ltr"
301
292
  })], p.prototype, "isLTR", void 0), t([u(".handle")], p.prototype, "handle", void 0), t([l({ type: Number })], p.prototype, "hue", null), t([l({ type: String })], p.prototype, "value", null), t([l({ type: String })], p.prototype, "color", null), t([l({ attribute: !1 })], p.prototype, "activeAxis", void 0), t([l({ type: Number })], p.prototype, "x", null), t([l({ type: Number })], p.prototype, "y", null), t([l({ type: Number })], p.prototype, "step", void 0), t([u("[name=\"x\"]")], p.prototype, "inputX", void 0), t([u("[name=\"y\"]")], p.prototype, "inputY", void 0), customElements.get("luzmo-color-area") || customElements.define("luzmo-color-area", p);
302
- //#endregion
303
293
  export { p as t };
package/components/color-controller-BpdydwTO.cjs ADDED
@@ -0,0 +1,18 @@
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
+ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,o)=>(o=n==null?{}:e(i(n)),s(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));let l=require("colorjs.io");l=c(l,1);var u=class{get color(){return this._color}validateColorString(e){let t={spaceId:null,coords:[0,0,0],isValid:!1,alpha:1},n=[/rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d*\.?\d+)\s*\)/i,/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/i,/^rgba\s+(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})\s+(0|0?\.\d+|1)\s*$/i,/^rgb\s+(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})\s*$/i,/^rgba\(\s*(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})\s+(\d*\.?\d+)\s*\)$/i,/^rgb\(\s*(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})\s*\)$/i,/rgb\(\s*(100|[0-9]{1,2}%)\s*,\s*(100|[0-9]{1,2}%)\s*,\s*(100|[0-9]{1,2}%)\s*\)/i,/rgba\(\s*(100|[0-9]{1,2})%\s*,\s*(100|[0-9]{1,2})%\s*,\s*(100|[0-9]{1,2})%\s*,\s*(\d*\.?\d+)\s*\)/i],r=[/hsla\(\s*(\d{1,3})\s*,\s*(\d{1,3}%?)\s*,\s*(\d{1,3}%?)\s*,\s*(\d*\.?\d+)\s*\)/i,/hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3}%?)\s*,\s*(\d{1,3}%?)\s*\)/i,/^hsla\s+(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s+(\d*\.?\d+)\s*$/i,/^hsl\s+(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s*$/i,/^hsla\(\s*(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s+(\d*\.?\d+)\s*\)$/i,/^hsl\(\s*(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s*\)$/i],i=[/hsva\(\s*(\d{1,3})\s*,\s*(\d{1,3}%?)\s*,\s*(\d{1,3}%?)\s*,\s*(\d*\.?\d+)\s*\)/i,/hsv\(\s*(\d{1,3})\s*,\s*(\d{1,3}%?)\s*,\s*(\d{1,3}%?)\s*\)/i,/^hsva\s+(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s+(\d*\.?\d+)\s*$/i,/^hsv\s+(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s*$/i,/^hsva\(\s*(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s+(\d*\.?\d+)\s*\)$/i,/^hsv\(\s*(\d{1,3})\s+(\d{1,3}%?)\s+(\d{1,3}%?)\s*\)$/i],a=[/^#([A-Fa-f0-9]{6})([A-Fa-f0-9]{2})?$/,/^#([A-Fa-f0-9]{3})([A-Fa-f0-9]{1})?$/],o=n.find(t=>t.test(e))?.exec(e),s=r.find(t=>t.test(e))?.exec(e),c=i.find(t=>t.test(e))?.exec(e),l=a.find(t=>t.test(e))?.exec(e);if(o){let[,e,n,r,i]=o.filter(e=>typeof e==`string`),a=i===void 0?1:Number(i),s=e=>e.includes(`%`)?Number(e.replace(`%`,``))/100:Number(e)/255,c=s(e),l=s(n),u=s(r);t.spaceId=`srgb`,t.coords=[c,l,u],t.alpha=a,t.isValid=c>=0&&c<=1&&l>=0&&l<=1&&u>=0&&u<=1&&a>=0&&a<=1}else if(s){let[,e,n,r,i]=s,[a,o,c,l]=[e,n,r,i===void 0?`1`:i].map(e=>Number(e.replaceAll(/[^\d.]/g,``)));t.spaceId=`hsl`,t.coords=[a,o,c],t.alpha=l,t.isValid=a>=0&&a<=360&&o>=0&&o<=100&&c>=0&&c<=100&&l>=0&&l<=1}else if(c){let[,e,n,r,i]=c,[a,o,s,l]=[e,n,r,i===void 0?`1`:i].map(e=>Number(e.replaceAll(/[^\d.]/g,``)));t.spaceId=`hsv`,t.coords=[a,o,s],t.alpha=l,t.isValid=a>=0&&a<=360&&o>=0&&o<=100&&s>=0&&s<=100&&l>=0&&l<=1}else if(l){let[,e,n]=l,r=e=>(e.length===1&&(e+=e),Number.parseInt(e,16)/255),i,a,o;e.length===3?(i=r(e.slice(0,1)),a=r(e.slice(1,2)),o=r(e.slice(2,3))):(i=r(e.slice(0,2)),a=r(e.slice(2,4)),o=r(e.slice(4,6)));let s=n?r(n):1;t.spaceId=`srgb`,t.coords=[i,a,o],t.alpha=s,t.isValid=i>=0&&i<=1&&a>=0&&a<=1&&o>=0&&o<=1&&s>=0&&s<=1}return t}get colorOrigin(){return this._colorOrigin}set colorOrigin(e){this._colorOrigin=e}set color(e){this._colorOrigin=e;let t;if(typeof e==`string`){let n=this.validateColorString(e);if(n.isValid){let[e,r,i]=n.coords;t=new l.default(`${n.spaceId}`,[e,r,i],n.alpha)}else try{l.default.parse(e)}catch{try{t=new l.default(`#${e}`)}catch{return}}}else if(e instanceof l.default)t=e;else if(!Array.isArray(e)){let{h:n,s:r,l:i,v:a,r:o,g:s,b:c,a:u}=e;if(n!==void 0&&r!==void 0){let e=i??a;t=new l.default(i===void 0?`hsv`:`hsl`,[Number.parseFloat(n),typeof r==`string`?Number.parseFloat(r):r*100,typeof e==`string`?Number.parseFloat(e):e*100],Number.parseFloat(u||`1`))}else o!==void 0&&s!==void 0&&c!==void 0&&(t=new l.default(`srgb`,[Number.parseFloat(o)/255,Number.parseFloat(s)/255,Number.parseFloat(c)/255],Number.parseFloat(u||`1`)))}t||=new l.default(e),this._color=this.manageAs?t.to(this.manageAs):t,this.host.requestUpdate()}get colorValue(){let e;if(typeof this._colorOrigin==`string`)switch(e=this._colorOrigin.startsWith(`#`)?`hex string`:this._colorOrigin.startsWith(`rgb`)?`rgb`:this._colorOrigin.startsWith(`hsl`)?`hsl`:this._colorOrigin.startsWith(`hsv`)?`hsv`:`hex`,e){case`hsv`:{let e=this._colorOrigin[3]===`a`,{h:t,s:n,v:r}=this._color.to(`hsv`).hsv,i=this._color.alpha;return`hsv${e?`a`:``}(${Math.round(t)}, ${Math.round(n)}%, ${Math.round(r)}%${e?`, ${i}`:``})`}case`hsl`:{let e=this._colorOrigin[3]===`a`,{h:t,s:n,l:r}=this._color.to(`hsl`).hsl,i=this._color.alpha;return`hsl${e?`a`:``}(${Math.round(t)}, ${Math.round(n)}%, ${Math.round(r)}%${e?`, ${i}`:``})`}case`hex string`:{let{r:e,g:t,b:n}=this._color.to(`srgb`).srgb,r=this._colorOrigin.length===5||this._colorOrigin.length===9,i=this._color.alpha,a=Math.round(e*255).toString(16),o=Math.round(t*255).toString(16),s=Math.round(n*255).toString(16),c=Math.round(i*255).toString(16);return`#${a.padStart(2,`0`)}${o.padStart(2,`0`)}${s.padStart(2,`0`)}${r?c.padStart(2,`0`):``}`}case`hex`:{let{r:e,g:t,b:n}=this._color.to(`srgb`).srgb,r=this._colorOrigin.length===4||this._colorOrigin.length===8,i=this._color.alpha,a=Math.round(e*255).toString(16),o=Math.round(t*255).toString(16),s=Math.round(n*255).toString(16),c=Math.round(i*255).toString(16);return`${a.padStart(2,`0`)}${o.padStart(2,`0`)}${s.padStart(2,`0`)}${r?c.padStart(2,`0`):``}`}default:{let{r:e,g:t,b:n}=this._color.to(`srgb`).srgb,r=this._colorOrigin[3]===`a`,i=this._color.alpha;return this._colorOrigin.search(`%`)>-1?`rgb${r?`a`:``}(${Math.round(e*100)}%, ${Math.round(t*100)}%, ${Math.round(n*100)}%${r?`,${Math.round(i*100)}%`:``})`:`rgb${r?`a`:``}(${Math.round(e*255)}, ${Math.round(t*255)}, ${Math.round(n*255)}${r?`, ${i}`:``})`}}if(this._colorOrigin)try{({spaceId:e}=new l.default(this._colorOrigin))}catch{let{h:t,s:n,l:r,v:i,r:a,g:o,b:s}=this._colorOrigin;t!==void 0&&n!==void 0&&r!==void 0?e=`hsl`:t!==void 0&&n!==void 0&&i!==void 0?e=`hsv`:a!==void 0&&o!==void 0&&s!==void 0&&(e=`srgb`)}else({spaceId:e}=this.color);switch(e){case`hsv`:{let{h:e,s:t,v:n}=this._color.to(`hsv`).hsv;return{h:e,s:t/100,v:n/100,a:this._color.alpha}}case`hsl`:{let{h:e,s:t,l:n}=this._color.to(`hsl`).hsl;return{h:e,s:t/100,l:n/100,a:this._color.alpha}}case`srgb`:{let{r:e,g:t,b:n}=this._color.to(`srgb`).srgb;return this._colorOrigin&&typeof this._colorOrigin.r==`string`&&this._colorOrigin.r.search(`%`)?{r:`${Math.round(e*255)}%`,g:`${Math.round(t*255)}%`,b:`${Math.round(n*255)}%`,a:this._color.alpha}:{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(n*255),a:this._color.alpha}}}return this._color}get hue(){return Number(this._color.to(`hsl`).hsl.h)}set hue(e){this._color.set(`h`,e),this.host.requestUpdate()}constructor(e,{manageAs:t}={}){this._color=new l.default(`hsv`,[0,100,100],1),this.host=e,this.manageAs=t}getColor(e){if(typeof e==`string`&&![`srgb`,`hsva`,`hsv`,`hsl`,`hsla`].includes(e))throw Error(`not a valid format`);return this._color.to(e)}getHslString(){return this._color.to(`hsl`).toString()}savePreviousColor(){this._previousColor=this._color.clone()}restorePreviousColor(){this._color=this._previousColor}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
package/components/{color-controller-Rg_Zl0sT.js → color-controller-CauSxC_r.js} RENAMED
@@ -16,7 +16,7 @@
16
16
  * SOFTWARE.
17
17
  * */
18
18
  import e from "colorjs.io";
19
- //#region src/utils/reactive-controllers/color-controller.ts
19
+ // src/utils/reactive-controllers/color-controller.ts
20
20
  var t = class {
21
21
  get color() {
22
22
  return this._color;
@@ -243,5 +243,4 @@ var t = class {
243
243
  this._color = this._previousColor;
244
244
  }
245
245
  };
246
- //#endregion
247
246
  export { t };
package/components/color-field/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-field-BH9x46k_.cjs");exports.LuzmoColorField=e.t;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../color-field-CN8shDl_.cjs");exports.LuzmoColorField=e.t;
package/components/color-field/index.js CHANGED
@@ -16,5 +16,4 @@
16
16
  * SOFTWARE.
17
17
  * */
18
18
  import "../tokens.js";
19
- import { t as e } from "../color-field-C9S-Fv46.js";
20
- export { e as LuzmoColorField };
19
+ export { t as LuzmoColorField } from "../color-field-CVyDNZ4b.js";
package/components/{color-field-BH9x46k_.cjs → color-field-CN8shDl_.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("./color-controller-DbyPc33Y.cjs");require("./tokens.cjs");const t=require("./decorate-Dq34MBGe.cjs"),n=require("./text-field-3fDtTQkR.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=`:host{position:relative}`,o=class extends n.n{static get styles(){return[...super.styles,(0,r.unsafeCSS)(a)]}constructor(){super(),this.viewColor=!1,this.noAlphaChannel=!1,this._value=``,this.colorController=new e.t(this)}set value(e){if(e===this.value)return;let t=this._value;this._value=e,this.requestUpdate(`value`,t)}get value(){return this._value}updated(e){super.updated(e),e.has(`noAlphaChannel`)&&this.checkValidity()}renderColorHandle(){return this.viewColor&&this.valid?r.html`
18
+ const e=require("./color-controller-BpdydwTO.cjs");require("./tokens.cjs");const t=require("./decorate-SO02l0A6.cjs"),n=require("./text-field-BVl-HWzb.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=`:host{position:relative}`,o=class extends n.n{static get styles(){return[...super.styles,(0,r.unsafeCSS)(a)]}constructor(){super(),this.viewColor=!1,this.noAlphaChannel=!1,this._value=``,this.colorController=new e.t(this)}set value(e){if(e===this.value)return;let t=this._value;this._value=e,this.requestUpdate(`value`,t)}get value(){return this._value}updated(e){super.updated(e),e.has(`noAlphaChannel`)&&this.checkValidity()}renderColorHandle(){return this.viewColor&&this.valid?r.html`
19
19
  <luzmo-color-handle
20
20
  size="m"
21
21
  color=${this.colorController.getColor(`srgb`).toString()}
package/components/{color-field-C9S-Fv46.js → color-field-CVyDNZ4b.js} RENAMED
@@ -16,12 +16,12 @@
16
16
  * SOFTWARE.
17
17
  * */
18
18
  import "./tokens.js";
19
- import { t as e } from "./decorate-CkCg3wfh.js";
20
- import { t } from "./color-controller-Rg_Zl0sT.js";
21
- import { n } from "./text-field-CmSym2QK.js";
19
+ import { t as e } from "./decorate-CpKsOs9z.js";
20
+ import { t } from "./color-controller-CauSxC_r.js";
21
+ import { n } from "./text-field-DpvP_tCP.js";
22
22
  import { html as r, unsafeCSS as i } from "lit";
23
23
  import { property as a } from "lit/decorators.js";
24
- //#region src/components/color-field/color-field.module.scss?inline
24
+ // src/components/color-field/color-field.module.scss?inline
25
25
  var o = ":host{position:relative}", s = class extends n {
26
26
  static get styles() {
27
27
  return [...super.styles, i(o)];
@@ -63,8 +63,7 @@ var o = ":host{position:relative}", s = class extends n {
63
63
  return e;
64
64
  }
65
65
  };
66
- //#endregion
67
- //#region src/components/color-field/index.ts
66
+ // src/components/color-field/index.ts
68
67
  e([a({
69
68
  type: Boolean,
70
69
  attribute: "view-color"
@@ -72,5 +71,4 @@ e([a({
72
71
  type: Boolean,
73
72
  attribute: "no-alpha-channel"
74
73
  })], s.prototype, "noAlphaChannel", void 0), customElements.get("luzmo-color-field") || customElements.define("luzmo-color-field", s);
75
- //#endregion
76
74
  export { s as t };
package/components/color-handle/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-handle-2iFLp9FN.cjs");exports.LuzmoColorHandle=e.t;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../color-handle-BE0Z1gTU.cjs");exports.LuzmoColorHandle=e.t;
package/components/color-handle/index.js CHANGED
@@ -16,5 +16,4 @@
16
16
  * SOFTWARE.
17
17
  * */
18
18
  import "../tokens.js";
19
- import { t as e } from "../color-handle-BEDQ1RcS.js";
20
- export { e as LuzmoColorHandle };
19
+ export { t as LuzmoColorHandle } from "../color-handle-Dc0uLgkf.js";
package/components/{color-handle-2iFLp9FN.cjs → color-handle-BE0Z1gTU.cjs} RENAMED
@@ -15,7 +15,7 @@
15
15
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
16
  * SOFTWARE.
17
17
  * */
18
- require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs");require("./color-loupe-6NcLbFco.cjs");let t=require("lit"),n=require("lit/decorators.js");var r=`:host{touch-action:none;transition:inline-size var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), block-size var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), border-width var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), margin-inline var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), margin-block var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out);background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light,#fff) 0 25%, var(--luzmo-color-loupe-checkerboard-dark,#e6e6e6) 0 50%) var(--luzmo-color-loupe-checkerboard-position,left top)/calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2);background-position:50%}:host(:focus){outline:none}:host{z-index:1;box-sizing:border-box;inline-size:var(--luzmo-color-handle-size,16px);block-size:var(--luzmo-color-handle-size,16px);margin-inline:calc(var(--luzmo-color-handle-size,16px) / 2 * -1);margin-block:calc(var(--luzmo-color-handle-size,16px) / 2 * -1);box-shadow:0 0 0 var(--luzmo-color-handle-outer-border-width,1px) var(--luzmo-color-handle-outer-border-color,#0000006b);transition:all var(--luzmo-color-handle-animation-duration,0) var(--luzmo-color-handle-animation-easing,ease-in-out);border-width:var(--luzmo-color-handle-border-width,2px)!important;border-color:var(--luzmo-color-handle-border-color,#fff)!important;border-style:solid!important}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--luzmo-color-handle-hitarea-size,24px) / 2);inset-block:calc(50% - var(--luzmo-color-handle-hitarea-size,24px) / 2);inline-size:var(--luzmo-color-handle-hitarea-size,24px);block-size:var(--luzmo-color-handle-hitarea-size,24px);border-radius:var(--luzmo-color-handle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--luzmo-color-handle-focused-size,32px);block-size:var(--luzmo-color-handle-focused-size,32px);margin-inline:calc(var(--luzmo-color-handle-size,16px) * -1);margin-block:calc(var(--luzmo-color-handle-size,16px) * -1);outline:none}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-handle-fill-color-disabled,var(--luzmo-color-handle-fill-color-disabled,var(--luzmo-font-color-disabled)));box-shadow:none;border-color:var(--highcontrast-color-handle-border-color-disabled,var(--luzmo-color-handle-border-color-disabled,var(--luzmo-font-color-disabled)))!important}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--luzmo-color-handle-inner-border-width,var(--luzmo-border-width)) var(--luzmo-color-handle-inner-border-color,#0000006b);background-color:var(--luzmo-picked-color);border-radius:100%}@media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-color-handle-border-color-disabled:GrayText;--highcontrast-color-handle-fill-color-disabled:Canvas}}`,i=class extends e.n{constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.open=!1,this.color=`rgba(255, 0, 0, 0.5)`}static{this.styles=(0,t.unsafeCSS)(r)}handlePointerdown(e){e.pointerType===`touch`&&(this.open=!0),this.setPointerCapture(e.pointerId)}handlePointerup(e){this.open=!1,this.releasePointerCapture(e.pointerId)}render(){return t.html`
18
+ require("./tokens.cjs");const e=require("./decorate-SO02l0A6.cjs");require("./color-loupe-2X1bCYU9.cjs");let t=require("lit"),n=require("lit/decorators.js");var r=`:host{touch-action:none;transition:inline-size var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), block-size var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), border-width var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), margin-inline var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), margin-block var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out);background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light,#fff) 0 25%, var(--luzmo-color-loupe-checkerboard-dark,#e6e6e6) 0 50%) var(--luzmo-color-loupe-checkerboard-position,left top)/calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2);background-position:50%}:host(:focus){outline:none}:host{z-index:1;box-sizing:border-box;inline-size:var(--luzmo-color-handle-size,16px);block-size:var(--luzmo-color-handle-size,16px);margin-inline:calc(var(--luzmo-color-handle-size,16px) / 2 * -1);margin-block:calc(var(--luzmo-color-handle-size,16px) / 2 * -1);box-shadow:0 0 0 var(--luzmo-color-handle-outer-border-width,1px) var(--luzmo-color-handle-outer-border-color,#0000006b);transition:all var(--luzmo-color-handle-animation-duration,0) var(--luzmo-color-handle-animation-easing,ease-in-out);border-width:var(--luzmo-color-handle-border-width,2px)!important;border-color:var(--luzmo-color-handle-border-color,#fff)!important;border-style:solid!important}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--luzmo-color-handle-hitarea-size,24px) / 2);inset-block:calc(50% - var(--luzmo-color-handle-hitarea-size,24px) / 2);inline-size:var(--luzmo-color-handle-hitarea-size,24px);block-size:var(--luzmo-color-handle-hitarea-size,24px);border-radius:var(--luzmo-color-handle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--luzmo-color-handle-focused-size,32px);block-size:var(--luzmo-color-handle-focused-size,32px);margin-inline:calc(var(--luzmo-color-handle-size,16px) * -1);margin-block:calc(var(--luzmo-color-handle-size,16px) * -1);outline:none}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-handle-fill-color-disabled,var(--luzmo-color-handle-fill-color-disabled,var(--luzmo-font-color-disabled)));box-shadow:none;border-color:var(--highcontrast-color-handle-border-color-disabled,var(--luzmo-color-handle-border-color-disabled,var(--luzmo-font-color-disabled)))!important}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--luzmo-color-handle-inner-border-width,var(--luzmo-border-width)) var(--luzmo-color-handle-inner-border-color,#0000006b);background-color:var(--luzmo-picked-color);border-radius:100%}@media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-color-handle-border-color-disabled:GrayText;--highcontrast-color-handle-fill-color-disabled:Canvas}}`,i=class extends e.n{constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.open=!1,this.color=`rgba(255, 0, 0, 0.5)`}static{this.styles=(0,t.unsafeCSS)(r)}handlePointerdown(e){e.pointerType===`touch`&&(this.open=!0),this.setPointerCapture(e.pointerId)}handlePointerup(e){this.open=!1,this.releasePointerCapture(e.pointerId)}render(){return t.html`
19
19
  <div class="inner" style="background-color: ${this.color}"></div>
20
20
  <luzmo-color-loupe
21
21
  color=${this.color}
package/components/{color-handle-BEDQ1RcS.js → color-handle-Dc0uLgkf.js} RENAMED
@@ -16,11 +16,11 @@
16
16
  * SOFTWARE.
17
17
  * */
18
18
  import "./tokens.js";
19
- import { n as e, t } from "./decorate-CkCg3wfh.js";
20
- import "./color-loupe-CqHyyvjQ.js";
19
+ import { n as e, t } from "./decorate-CpKsOs9z.js";
20
+ import "./color-loupe-Bu37Uwk6.js";
21
21
  import { html as n, unsafeCSS as r } from "lit";
22
22
  import { property as i } from "lit/decorators.js";
23
- //#region src/components/color-handle/color-handle.module.scss?inline
23
+ // src/components/color-handle/color-handle.module.scss?inline
24
24
  var a = ":host{touch-action:none;transition:inline-size var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), block-size var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), border-width var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), margin-inline var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out), margin-block var(--luzmo-color-handle-animation-duration,.13s) var(--luzmo-color-handle-animation-easing,ease-in-out);background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light,#fff) 0 25%, var(--luzmo-color-loupe-checkerboard-dark,#e6e6e6) 0 50%) var(--luzmo-color-loupe-checkerboard-position,left top)/calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size,8px) * 2);background-position:50%}:host(:focus){outline:none}:host{z-index:1;box-sizing:border-box;inline-size:var(--luzmo-color-handle-size,16px);block-size:var(--luzmo-color-handle-size,16px);margin-inline:calc(var(--luzmo-color-handle-size,16px) / 2 * -1);margin-block:calc(var(--luzmo-color-handle-size,16px) / 2 * -1);box-shadow:0 0 0 var(--luzmo-color-handle-outer-border-width,1px) var(--luzmo-color-handle-outer-border-color,#0000006b);transition:all var(--luzmo-color-handle-animation-duration,0) var(--luzmo-color-handle-animation-easing,ease-in-out);border-width:var(--luzmo-color-handle-border-width,2px)!important;border-color:var(--luzmo-color-handle-border-color,#fff)!important;border-style:solid!important}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:\"\";inset-inline:calc(50% - var(--luzmo-color-handle-hitarea-size,24px) / 2);inset-block:calc(50% - var(--luzmo-color-handle-hitarea-size,24px) / 2);inline-size:var(--luzmo-color-handle-hitarea-size,24px);block-size:var(--luzmo-color-handle-hitarea-size,24px);border-radius:var(--luzmo-color-handle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--luzmo-color-handle-focused-size,32px);block-size:var(--luzmo-color-handle-focused-size,32px);margin-inline:calc(var(--luzmo-color-handle-size,16px) * -1);margin-block:calc(var(--luzmo-color-handle-size,16px) * -1);outline:none}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-handle-fill-color-disabled,var(--luzmo-color-handle-fill-color-disabled,var(--luzmo-font-color-disabled)));box-shadow:none;border-color:var(--highcontrast-color-handle-border-color-disabled,var(--luzmo-color-handle-border-color-disabled,var(--luzmo-font-color-disabled)))!important}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--luzmo-color-handle-inner-border-width,var(--luzmo-border-width)) var(--luzmo-color-handle-inner-border-color,#0000006b);background-color:var(--luzmo-picked-color);border-radius:100%}@media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-color-handle-border-color-disabled:GrayText;--highcontrast-color-handle-fill-color-disabled:Canvas}}", o = class extends e {
25
25
  constructor(...e) {
26
26
  super(...e), this.disabled = !1, this.focused = !1, this.open = !1, this.color = "rgba(255, 0, 0, 0.5)";
@@ -47,8 +47,7 @@ var a = ":host{touch-action:none;transition:inline-size var(--luzmo-color-handle
47
47
  super.firstUpdated(e), this.addEventListener("pointerdown", this.handlePointerdown), this.addEventListener("pointerup", this.handlePointerup), this.addEventListener("pointercancel", this.handlePointerup);
48
48
  }
49
49
  };
50
- //#endregion
51
- //#region src/components/color-handle/index.ts
50
+ // src/components/color-handle/index.ts
52
51
  t([i({
53
52
  type: Boolean,
54
53
  reflect: !0
@@ -59,5 +58,4 @@ t([i({
59
58
  type: Boolean,
60
59
  reflect: !0
61
60
  })], o.prototype, "open", void 0), t([i({ type: String })], o.prototype, "color", void 0), customElements.get("luzmo-color-handle") || customElements.define("luzmo-color-handle", o);
62
- //#endregion
63
61
  export { o as t };
package/components/color-loupe/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-loupe-6NcLbFco.cjs");exports.LuzmoColorLoupe=e.t;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../color-loupe-2X1bCYU9.cjs");exports.LuzmoColorLoupe=e.t;
package/components/color-loupe/index.js CHANGED
@@ -16,5 +16,4 @@
16
16
  * SOFTWARE.
17
17
  * */
18
18
  import "../tokens.js";
19
- import { t as e } from "../color-loupe-CqHyyvjQ.js";
20
- export { e as LuzmoColorLoupe };
19
+ export { t as LuzmoColorLoupe } from "../color-loupe-Bu37Uwk6.js";