@luzmo/lucero 2.2.1 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (512) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +34 -1
  3. package/components/accordion/index.cjs +2 -2
  4. package/components/accordion/index.js +3 -8
  5. package/components/{accordion-DpsYMoeb.cjs → accordion-BK0LfhmL.cjs} +2 -2
  6. package/components/{accordion-BDchhAjE.js → accordion-ciplqKwM.js} +2 -1
  7. package/components/action-bar/action-bar.d.ts +3 -3
  8. package/components/action-bar/index.cjs +2 -2
  9. package/components/action-bar/index.js +3 -8
  10. package/components/{action-bar-2FGCCKMW.js → action-bar-BZBIeGo7.js} +6 -5
  11. package/components/action-bar-DAqG_7VG.cjs +39 -0
  12. package/components/action-button/index.cjs +2 -2
  13. package/components/action-button/index.js +3 -8
  14. package/components/{action-button-OB5MM04X.js → action-button-BRijXjEz.js} +2 -1
  15. package/components/action-button-CX1uYbQp.cjs +22 -0
  16. package/components/action-group/index.cjs +2 -2
  17. package/components/action-group/index.js +3 -11
  18. package/components/{action-group-BQ-fyPYS.js → action-group-DSiruuF0.js} +5 -2
  19. package/components/action-group-oo7YV0EW.cjs +20 -0
  20. package/components/action-menu/index.cjs +2 -2
  21. package/components/action-menu/index.js +3 -8
  22. package/components/{action-menu-Diehg1Kc.js → action-menu-C0sHNsjG.js} +7 -6
  23. package/components/{action-menu-CtMswuyc.cjs → action-menu-CwzRbF61.cjs} +2 -2
  24. package/components/avatar/index.cjs +2 -2
  25. package/components/avatar/index.js +3 -8
  26. package/components/{avatar-Nb0368Wi.js → avatar-CwSyYAKV.js} +2 -1
  27. package/components/avatar-DHS5UGTJ.cjs +34 -0
  28. package/components/badge/index.cjs +2 -2
  29. package/components/badge/index.js +3 -8
  30. package/components/{badge-DP1uxXaZ.js → badge-D2Hjf-Ww.js} +2 -1
  31. package/components/badge-D8pIDEoq.cjs +23 -0
  32. package/components/button/index.cjs +2 -2
  33. package/components/button/index.js +4 -9
  34. package/components/button-Bvnidb4x.cjs +20 -0
  35. package/components/{button-DXWWEbir.js → button-DIV_j_U3.js} +4 -3
  36. package/components/button-base-DiNxrttk.cjs +1 -1
  37. package/components/button-base-DiPzVpp4.js +1 -1
  38. package/components/button-group/index.cjs +2 -2
  39. package/components/button-group/index.js +3 -8
  40. package/components/button-group-Du7R4SxZ.cjs +18 -0
  41. package/components/{button-group-DaANSInm.js → button-group-Duf-Igst.js} +2 -1
  42. package/components/calendar/index.cjs +2 -2
  43. package/components/calendar/index.js +3 -8
  44. package/components/{calendar-C8u_88jX.js → calendar-D1UtHvpY.js} +4 -3
  45. package/components/calendar-pQxEWdYC.cjs +138 -0
  46. package/components/chat-message/index.cjs +2 -2
  47. package/components/chat-message/index.js +3 -8
  48. package/components/chat-message-Dgo6h0rD.cjs +148 -0
  49. package/components/{chat-message-CXq0Trjx.js → chat-message-T6QIK2Bl.js} +528 -563
  50. package/components/chat-message-group/index.cjs +2 -2
  51. package/components/chat-message-group/index.js +3 -8
  52. package/components/chat-message-group-CvxdX3jt.cjs +24 -0
  53. package/components/{chat-message-group-D7vdn2gG.js → chat-message-group-k9lo-ZqD.js} +2 -1
  54. package/components/checkbox/index.cjs +2 -2
  55. package/components/checkbox/index.js +3 -8
  56. package/components/{checkbox-6YzkdHR4.js → checkbox-BEjvkjfc.js} +2 -1
  57. package/components/checkbox-ClVrkeLp.cjs +25 -0
  58. package/components/checkbox-mixin-jqmrh48O.js +1 -1
  59. package/components/checkbox-mixin-rFRXqyrK.cjs +1 -1
  60. package/components/{close-button-BntGLAcp.cjs → close-button-BAELImQY.cjs} +2 -2
  61. package/components/{close-button-D12zZ9zC.js → close-button-Dlvtf9lB.js} +3 -3
  62. package/components/color-area/index.cjs +2 -2
  63. package/components/color-area/index.js +3 -8
  64. package/components/color-area-CmKlQG1i.cjs +80 -0
  65. package/components/{color-area-DMpXKgPY.js → color-area-lbg8wwZG.js} +3 -2
  66. package/components/color-controller-DbyPc33Y.cjs +1 -1
  67. package/components/color-controller-Rg_Zl0sT.js +1 -1
  68. package/components/color-field/index.cjs +2 -2
  69. package/components/color-field/index.js +3 -8
  70. package/components/{color-field-BNGnBRSO.cjs → color-field-BH9x46k_.cjs} +2 -2
  71. package/components/{color-field-CUdHxonc.js → color-field-C9S-Fv46.js} +2 -1
  72. package/components/color-handle/color-handle.d.ts +1 -1
  73. package/components/color-handle/index.cjs +2 -2
  74. package/components/color-handle/index.js +3 -8
  75. package/components/color-handle-2iFLp9FN.cjs +24 -0
  76. package/components/{color-handle-TKbLs1ax.js → color-handle-BEDQ1RcS.js} +3 -2
  77. package/components/color-loupe/index.cjs +2 -2
  78. package/components/color-loupe/index.js +3 -11
  79. package/components/color-loupe-6NcLbFco.cjs +56 -0
  80. package/components/{color-loupe-DAxrNPJz.js → color-loupe-CqHyyvjQ.js} +5 -2
  81. package/components/color-menu/index.cjs +2 -2
  82. package/components/color-menu/index.js +3 -8
  83. package/components/color-menu-BYTgxLQG.cjs +89 -0
  84. package/components/{color-menu-jkdcr5ir.js → color-menu-qJK_clDq.js} +9 -8
  85. package/components/color-palette/index.cjs +2 -2
  86. package/components/color-palette/index.js +3 -8
  87. package/components/{color-palette-FQyIMSwP.js → color-palette-CqiO5ohz.js} +2 -1
  88. package/components/color-palette-group/index.cjs +2 -2
  89. package/components/color-palette-group/index.js +3 -8
  90. package/components/color-palette-group-D4k_7pW6.cjs +28 -0
  91. package/components/{color-palette-group-o6bnF-Ir.js → color-palette-group-zByrO_qb.js} +2 -1
  92. package/components/color-palette-x6W09EBL.cjs +18 -0
  93. package/components/color-picker/index.cjs +2 -2
  94. package/components/color-picker/index.js +3 -8
  95. package/components/{color-picker-C4pvkA2k.cjs → color-picker-BAikpqUT.cjs} +2 -2
  96. package/components/{color-picker-DF3gBQvH.js → color-picker-CSuAPo5X.js} +6 -5
  97. package/components/color-slider/index.cjs +2 -2
  98. package/components/color-slider/index.js +3 -8
  99. package/components/{color-slider-DejvUYrW.js → color-slider-0JzdSRTy.js} +3 -2
  100. package/components/color-slider-CMW8gJ0Z.cjs +57 -0
  101. package/components/condition-attribute-with-id-BdnTdWKz.js +1 -1
  102. package/components/condition-attribute-with-id-Cw92IbcP.cjs +1 -1
  103. package/components/date-range-picker/index.cjs +2 -2
  104. package/components/date-range-picker/index.js +3 -8
  105. package/components/date-range-picker-D149LIGC.cjs +180 -0
  106. package/components/{date-range-picker-DCOv5PYH.js → date-range-picker-DKVmGpUC.js} +7 -6
  107. package/components/date-time-picker/index.cjs +2 -2
  108. package/components/date-time-picker/index.js +3 -8
  109. package/components/{date-time-picker-ClgATXBy.js → date-time-picker-6c19YzwF.js} +7 -6
  110. package/components/date-time-picker-CRpvRk9T.cjs +105 -0
  111. package/components/decorate-CkCg3wfh.js +1 -1
  112. package/components/decorate-Dq34MBGe.cjs +1 -1
  113. package/components/dependency-manger-BSaHw9ju.cjs +1 -1
  114. package/components/dependency-manger-wHEXoU92.js +1 -1
  115. package/components/divider/index.cjs +2 -2
  116. package/components/divider/index.js +3 -8
  117. package/components/divider-BcE8D-pH.cjs +18 -0
  118. package/components/{divider-CGbT-CL8.js → divider-Cz5nyvP9.js} +2 -1
  119. package/components/divider.module-BV6tmpOY.cjs +1 -1
  120. package/components/divider.module-CPEKsaqR.js +1 -1
  121. package/components/element-resolution-BjaAlqwX.cjs +1 -1
  122. package/components/element-resolution-gap51AVo.js +1 -1
  123. package/components/field-group/index.cjs +2 -2
  124. package/components/field-group/index.js +2 -7
  125. package/components/field-group-C_kRq7pJ.js +1 -1
  126. package/components/field-group-Dd5xYczm.cjs +1 -1
  127. package/components/field-label/index.cjs +2 -2
  128. package/components/field-label/index.js +3 -11
  129. package/components/field-label-C0vfY1b6.cjs +25 -0
  130. package/components/{field-label-B9S41b7c.js → field-label-C28wWqC5.js} +5 -2
  131. package/components/focus-group-C8lOjbi9.cjs +1 -1
  132. package/components/focus-group-DVPa1zxz.js +1 -1
  133. package/components/focus-visible-Bt2uDmuM.js +1 -1
  134. package/components/focus-visible-DNHNlrty.cjs +1 -1
  135. package/components/focusable-B6h03pAe.cjs +1 -1
  136. package/components/focusable-DuP0-Kuy.js +1 -1
  137. package/components/focusable-selectors-BWpiuXz5.js +1 -1
  138. package/components/focusable-selectors-DJqGLTJo.cjs +1 -1
  139. package/components/get-label-from-slot-Bo9mqYCZ.js +1 -1
  140. package/components/get-label-from-slot-TV4APBYs.cjs +1 -1
  141. package/components/icon/index.cjs +2 -2
  142. package/components/icon/index.js +3 -8
  143. package/components/{icon-DB1DRieA.js → icon-CsJZMhIm.js} +2 -1
  144. package/components/icon-zOPAWCdx.cjs +18 -0
  145. package/components/index.cjs +2 -2
  146. package/components/index.js +64 -75
  147. package/components/infield-button/index.cjs +2 -2
  148. package/components/infield-button/index.js +3 -8
  149. package/components/{infield-button-C1mz69Qf.js → infield-button-DiE8R6ol.js} +2 -1
  150. package/components/infield-button-kilVRjwB.cjs +22 -0
  151. package/components/label/index.cjs +2 -2
  152. package/components/label/index.js +3 -8
  153. package/components/{label-DPG13Ib0.cjs → label-B3zs6OX0.cjs} +2 -2
  154. package/components/{label-B1HYQ4Pp.js → label-e6Y13vrS.js} +2 -1
  155. package/components/language-resolution-BaKYDD1a.js +1 -1
  156. package/components/language-resolution-CSjktYg5.cjs +1 -1
  157. package/components/like-anchor-BX4PSB3d.cjs +1 -1
  158. package/components/like-anchor-DXCaEv7O.js +1 -1
  159. package/components/manage-help-text-ByLb0QYX.js +1 -1
  160. package/components/manage-help-text-DtFJsl0k.cjs +1 -1
  161. package/components/menu/index.cjs +2 -2
  162. package/components/menu/index.js +3 -8
  163. package/components/{menu-Cq7BEv5Y.cjs → menu-CrhA2iPZ.cjs} +3 -3
  164. package/components/{menu-DY8q8qyn.js → menu-fdJseu1y.js} +3 -2
  165. package/components/multi-language-field/index.cjs +2 -2
  166. package/components/multi-language-field/index.js +3 -8
  167. package/components/{multi-language-field-Cfy3M_ZS.cjs → multi-language-field-BndVikur.cjs} +2 -2
  168. package/components/{multi-language-field-DhQ98r2D.js → multi-language-field-vJMK-osi.js} +3 -2
  169. package/components/notice/index.cjs +2 -2
  170. package/components/notice/index.js +3 -8
  171. package/components/notice-CsWaqcq3.cjs +60 -0
  172. package/components/{notice-s6QHF_tq.js → notice-N0-lxEf_.js} +4 -3
  173. package/components/number-field/index.cjs +2 -2
  174. package/components/number-field/index.js +3 -8
  175. package/components/{number-field-BqnZS9Gx.js → number-field-DAOy_AvQ.js} +3 -2
  176. package/components/number-field-xxXgR70l.cjs +57 -0
  177. package/components/observe-slot-presence-BKY6n06-.js +1 -1
  178. package/components/observe-slot-presence-CS8pMePk.cjs +1 -1
  179. package/components/observe-slot-text-CvL-2ey3.cjs +1 -1
  180. package/components/observe-slot-text-Db8Kx3P-.js +1 -1
  181. package/components/options/index.cjs +2 -2
  182. package/components/options/index.js +3 -8
  183. package/components/options/options.d.ts +1 -0
  184. package/components/{options-Bd6Uly5_.cjs → options-CP9V2CSJ.cjs} +2 -2
  185. package/components/{options-CpaaBaxn.js → options-D_ifU0DH.js} +4 -2
  186. package/components/overlay/index.cjs +2 -2
  187. package/components/overlay/index.js +4 -10
  188. package/components/overlay/placement-controller.d.ts +2 -1
  189. package/components/overlay-Dn7EbA_W.cjs +102 -0
  190. package/components/{overlay-CyBsHuOL.js → overlay-DpHIYJtd.js} +282 -77
  191. package/components/{pending-state-a527YMWV.cjs → pending-state-CGHvTtKR.cjs} +2 -2
  192. package/components/{pending-state-BeG7qBDP.js → pending-state-D_b45qvi.js} +2 -2
  193. package/components/picker/index.cjs +2 -2
  194. package/components/picker/index.js +3 -8
  195. package/components/picker-BliQJlY_.cjs +124 -0
  196. package/components/{picker-f4fSGZX8.js → picker-D0fMBZLb.js} +6 -6
  197. package/components/picker-button/index.cjs +2 -2
  198. package/components/picker-button/index.js +3 -8
  199. package/components/picker-button-B8Jbf9jK.cjs +37 -0
  200. package/components/{picker-button-DVzLeTq8.js → picker-button-CJQJshbo.js} +3 -2
  201. package/components/platform-BAjeJp2W.cjs +1 -1
  202. package/components/platform-Ce9pNsR9.js +1 -1
  203. package/components/popover/index.cjs +2 -2
  204. package/components/popover/index.js +3 -11
  205. package/components/popover-BsdqkvKI.cjs +30 -0
  206. package/components/{popover-DTsrgH-f.js → popover-DC8tkee-.js} +17 -15
  207. package/components/progress-bar/index.cjs +2 -2
  208. package/components/progress-bar/index.js +3 -8
  209. package/components/progress-bar-CrodWzcc.cjs +34 -0
  210. package/components/{progress-bar-BJO8j1aX.js → progress-bar-D4iFHkp7.js} +2 -1
  211. package/components/progress-circle/index.cjs +2 -2
  212. package/components/progress-circle/index.js +3 -11
  213. package/components/{progress-circle-BVToDWX8.js → progress-circle-By6qUQYe.js} +5 -2
  214. package/components/progress-circle-bO_VAX3N.cjs +33 -0
  215. package/components/progress-steps/index.cjs +2 -2
  216. package/components/progress-steps/index.d.ts +2 -1
  217. package/components/progress-steps/index.js +4 -9
  218. package/components/progress-steps/progress-steps-model.d.ts +23 -0
  219. package/components/progress-steps/progress-steps.d.ts +82 -109
  220. package/components/progress-steps/types.d.ts +18 -3
  221. package/components/progress-steps-Y-Tgh_fQ.cjs +98 -0
  222. package/components/progress-steps-ohguJaPa.js +368 -0
  223. package/components/prompt-box/index.cjs +2 -2
  224. package/components/prompt-box/index.js +3 -8
  225. package/components/{prompt-box-BY1xKFZO.js → prompt-box-Cz_m2wso.js} +8 -8
  226. package/components/{prompt-box-Dg9S0C5x.cjs → prompt-box-sp9_-Hnx.cjs} +3 -3
  227. package/components/question-box/index.cjs +2 -2
  228. package/components/question-box/index.js +3 -8
  229. package/components/{question-box-CZxQTeS9.cjs → question-box-Bdtsgv1k.cjs} +2 -2
  230. package/components/{question-box-CyojSIop.js → question-box-D7YSi_6c.js} +9 -8
  231. package/components/radio/index.cjs +2 -2
  232. package/components/radio/index.js +3 -8
  233. package/components/{radio-DRI4on-W.js → radio-B6hX9Klr.js} +2 -1
  234. package/components/radio-CRTfoEX_.cjs +22 -0
  235. package/components/random-id-BcUJAxUZ.cjs +1 -1
  236. package/components/random-id-CiMDyX7v.js +1 -1
  237. package/components/rolldown-runtime-Dy4uBu1J.js +1 -1
  238. package/components/roving-tabindex-BoPao4td.cjs +1 -1
  239. package/components/roving-tabindex-pomAn3z-.js +1 -1
  240. package/components/scaled-indicator-C-TupV4L.js +1 -1
  241. package/components/scaled-indicator-DLJIztx0.cjs +1 -1
  242. package/components/search/index.cjs +2 -2
  243. package/components/search/index.js +3 -8
  244. package/components/{search-C-EPZmTG.js → search-DEjLSJ96.js} +4 -3
  245. package/components/search-PxJEuwHt.cjs +47 -0
  246. package/components/segments-factory-BCRi1NKb.js +1 -1
  247. package/components/segments-factory-DtPyN5sh.cjs +1 -1
  248. package/components/select/index.cjs +2 -2
  249. package/components/select/index.js +3 -8
  250. package/components/{select-BbFG38ag.js → select-BUgHi69P.js} +9 -8
  251. package/components/select-DsGVB01K.cjs +158 -0
  252. package/components/sized-mixin-BT7cv-fT.cjs +1 -1
  253. package/components/sized-mixin-DzQTebN-.js +1 -1
  254. package/components/skeleton-loader/index.cjs +2 -2
  255. package/components/skeleton-loader/index.js +3 -8
  256. package/components/{skeleton-loader-C0LH3prK.js → skeleton-loader-BeCsYADg.js} +2 -1
  257. package/components/skeleton-loader-CNcwCh4V.cjs +18 -0
  258. package/components/slider/index.cjs +2 -2
  259. package/components/slider/index.js +3 -8
  260. package/components/{slider-B7QAhDTM.js → slider-Bsl8Xrme.js} +3 -2
  261. package/components/{slider-DxliwjT6.cjs → slider-C_8pSK4N.cjs} +2 -2
  262. package/components/slottable-request-event-C6eb7Ch3.cjs +1 -1
  263. package/components/slottable-request-event-MRSZbgTu.js +1 -1
  264. package/components/split-view/index.cjs +2 -2
  265. package/components/split-view/index.js +3 -8
  266. package/components/split-view-BwCFYey6.cjs +43 -0
  267. package/components/{split-view-FxpiSCem.js → split-view-CDwHDmII.js} +2 -1
  268. package/components/status-light/index.cjs +2 -2
  269. package/components/status-light/index.js +3 -8
  270. package/components/status-light-D3hdx8Pd.cjs +21 -0
  271. package/components/{status-light-DC8qqO8q.js → status-light-DwUnjE3t.js} +2 -1
  272. package/components/strategies-BwNbUXYS.cjs +1 -1
  273. package/components/strategies-Cl59wdNZ.js +1 -1
  274. package/components/streaming-listener-Bfyk6Fsx.cjs +1 -1
  275. package/components/streaming-listener-CtcMpYfS.js +1 -1
  276. package/components/swatch/index.cjs +2 -2
  277. package/components/swatch/index.js +3 -8
  278. package/components/{swatch-C2ty27bJ.js → swatch-Bj2FARl1.js} +2 -1
  279. package/components/{swatch-DUmBmg4S.cjs → swatch-CQ0inIHK.cjs} +2 -2
  280. package/components/switch/index.cjs +2 -2
  281. package/components/switch/index.js +3 -8
  282. package/components/{switch-DOuXlFwI.js → switch-CpG-hSWY.js} +2 -1
  283. package/components/switch-qwpYXVnO.cjs +22 -0
  284. package/components/tabs/index.cjs +2 -2
  285. package/components/tabs/index.js +3 -8
  286. package/components/{tabs-CjY4eX9W.js → tabs-BD_ATrBg.js} +4 -3
  287. package/components/{tabs-ZwcVrVub.cjs → tabs-DxOD4QNt.cjs} +2 -2
  288. package/components/tags/index.cjs +2 -2
  289. package/components/tags/index.js +3 -8
  290. package/components/{tags-BCKNzEaH.js → tags-BIpFgOYy.js} +4 -3
  291. package/components/tags-fLCGajv_.cjs +47 -0
  292. package/components/text-field/index.cjs +2 -2
  293. package/components/text-field/index.js +3 -8
  294. package/components/text-field-3fDtTQkR.cjs +1 -1
  295. package/components/text-field-CbN4nydd.cjs +21 -0
  296. package/components/text-field-CmSym2QK.js +1 -1
  297. package/components/{text-field-C2MHZbTp.js → text-field-CmyqQxq0.js} +2 -1
  298. package/components/text-field.module-BHhBReKL.js +1 -1
  299. package/components/text-field.module-l8CaTCwE.cjs +1 -1
  300. package/components/toast/index.cjs +2 -2
  301. package/components/toast/index.js +3 -8
  302. package/components/toast-DRrGgznK.cjs +51 -0
  303. package/components/{toast-DlOeMDCI.js → toast-KwHx-agn.js} +3 -2
  304. package/components/tokens.cjs +18 -0
  305. package/components/tokens.css +18 -0
  306. package/components/tokens.js +23 -0
  307. package/components/tooltip/index.cjs +2 -2
  308. package/components/tooltip/index.js +3 -8
  309. package/components/tooltip-DjOW52n2.cjs +45 -0
  310. package/components/{tooltip-Byl1h4nN.js → tooltip-xTa9Q5JW.js} +2 -1
  311. package/components/top-nav/index.cjs +2 -2
  312. package/components/top-nav/index.js +3 -8
  313. package/components/top-nav-81IKEGjR.cjs +41 -0
  314. package/components/{top-nav-B9YKdtFB.js → top-nav-CXjnpdFR.js} +2 -1
  315. package/components/utils.cjs +1 -1
  316. package/components/utils.js +1 -1
  317. package/components/voice-recorder-B1tBrGTV.cjs +1 -1
  318. package/components/voice-recorder-CTg3kRxx.js +1 -1
  319. package/custom-elements.json +1 -1
  320. package/package.json +11 -2
  321. package/standalone/accordion.js +45 -0
  322. package/standalone/action-bar.js +41 -0
  323. package/standalone/action-button.js +20 -0
  324. package/standalone/action-group.js +20 -0
  325. package/standalone/action-menu.js +58 -0
  326. package/standalone/avatar.js +36 -0
  327. package/standalone/badge.js +20 -0
  328. package/standalone/button-group.js +20 -0
  329. package/standalone/button.js +20 -0
  330. package/standalone/calendar.js +20 -0
  331. package/standalone/chat-message-group.js +26 -0
  332. package/standalone/chat-message.js +150 -0
  333. package/standalone/checkbox.js +20 -0
  334. package/standalone/chunks/NumberFormatter-DMCfW685.js +2 -0
  335. package/standalone/chunks/NumberParser-r_jv94LA.js +2 -0
  336. package/standalone/chunks/action-button-BzzPBqt5.js +6 -0
  337. package/standalone/chunks/action-group-DTxf-0tP.js +4 -0
  338. package/standalone/chunks/async-directive-BA2_dM-5.js +2 -0
  339. package/standalone/chunks/async-directive-CPdA0BOw.js +2 -0
  340. package/standalone/chunks/badge-DD-tMgzi.js +7 -0
  341. package/standalone/chunks/button-Bv3v7VbN.js +4 -0
  342. package/standalone/chunks/button-Dykw3TSO.js +2 -0
  343. package/standalone/chunks/button-base-C7jeeyLp.js +9 -0
  344. package/standalone/chunks/calendar-ZwUYkzVq.js +122 -0
  345. package/standalone/chunks/checkbox-OQtakoP8.js +9 -0
  346. package/standalone/chunks/checkbox-mixin-BAQWmwps.js +11 -0
  347. package/standalone/chunks/class-map-CxQ0PcQP.js +2 -0
  348. package/standalone/chunks/clear-button-pVGfwye8.js +2 -0
  349. package/standalone/chunks/close-button-RpPiwBdf.js +2 -0
  350. package/standalone/chunks/color-area-Cj8oPsIF.js +64 -0
  351. package/standalone/chunks/color-controller-fJNWRHVI.js +2 -0
  352. package/standalone/chunks/color-field-CrCF4kqZ.js +7 -0
  353. package/standalone/chunks/color-handle-BHrAxEG2.js +8 -0
  354. package/standalone/chunks/color-loupe-C34cms5t.js +40 -0
  355. package/standalone/chunks/color-menu-B5UOMYmX.js +73 -0
  356. package/standalone/chunks/color-slider-CAqvxsgS.js +41 -0
  357. package/standalone/chunks/condition-attribute-with-id-Dv8Yd-N1.js +2 -0
  358. package/standalone/chunks/dependency-manger-BPrqqTnJ.js +2 -0
  359. package/standalone/chunks/directive-Du_3lDov.js +2 -0
  360. package/standalone/chunks/directive-helpers-Bu8icI7Y.js +2 -0
  361. package/standalone/chunks/divider-Bf9Drp2z.js +2 -0
  362. package/standalone/chunks/divider.module-sYekRHno.js +2 -0
  363. package/standalone/chunks/element-resolution-DX0ea-Cd.js +2 -0
  364. package/standalone/chunks/field-group-D8EjgC6F.js +7 -0
  365. package/standalone/chunks/field-label-VWHDlW9_.js +9 -0
  366. package/standalone/chunks/flow-aCcJ5kgi.js +2 -0
  367. package/standalone/chunks/focus-group-Cl6MLy-C.js +2 -0
  368. package/standalone/chunks/focusable-selectors-D5e0OxNL.js +2 -0
  369. package/standalone/chunks/get-label-from-slot-Dfoiptqo.js +2 -0
  370. package/standalone/chunks/icon-Dy6J1QeX.js +2 -0
  371. package/{components/infield-button-CYO9V1eX.cjs → standalone/chunks/infield-button-D03MpU_s.js} +3 -19
  372. package/standalone/chunks/keyed-CNWmQd2J.js +2 -0
  373. package/standalone/chunks/language-resolution-BWHk9A73.js +2 -0
  374. package/standalone/chunks/lit-BN_lRQbJ.js +3 -0
  375. package/standalone/chunks/lucero-runtime-DGJ9-isg.js +16 -0
  376. package/standalone/chunks/luzmo-icons-CJa-aByT.js +13 -0
  377. package/standalone/chunks/manage-help-text-Cl9OJ2xf.js +14 -0
  378. package/standalone/chunks/menu-nolJetlp.js +92 -0
  379. package/standalone/chunks/number-field-C3DYfl1s.js +41 -0
  380. package/standalone/chunks/observe-slot-presence-DWPtw22K.js +2 -0
  381. package/standalone/chunks/options-BjRSj630.js +89 -0
  382. package/standalone/chunks/overlay-C4ir0iyC.js +31 -0
  383. package/standalone/chunks/overlay-C_XW8yry.js +57 -0
  384. package/standalone/chunks/pending-state-DxeRqe6Q.js +11 -0
  385. package/standalone/chunks/picker-button-BeXTIgUt.js +21 -0
  386. package/standalone/chunks/picker-hbMQOkUX.js +108 -0
  387. package/standalone/chunks/platform-BfrBbd97.js +2 -0
  388. package/standalone/chunks/popover-BsB3dmQe.js +14 -0
  389. package/standalone/chunks/progress-circle-CEx1b5Sv.js +17 -0
  390. package/standalone/chunks/property-CLXrnTGx.js +2 -0
  391. package/standalone/chunks/radio-2vHhfmHw.js +6 -0
  392. package/standalone/chunks/random-id-CeLe5NEk.js +2 -0
  393. package/standalone/chunks/repeat-CZdNcszA.js +2 -0
  394. package/standalone/chunks/rolldown-runtime-DWK5is8u.js +2 -0
  395. package/standalone/chunks/roving-tabindex-CB4xC55P.js +2 -0
  396. package/standalone/chunks/scaled-indicator-k-1JmS0b.js +10 -0
  397. package/standalone/chunks/segments-factory-Ch3AAizU.js +2 -0
  398. package/standalone/chunks/skeleton-loader-BxYcRRJr.js +2 -0
  399. package/standalone/chunks/slottable-request-event-D9FhiqH1.js +2 -0
  400. package/standalone/chunks/strategies-kad_0dTB.js +2 -0
  401. package/standalone/chunks/streaming-listener-DFczLm8I.js +2 -0
  402. package/standalone/chunks/style-map-D4QeV3m0.js +2 -0
  403. package/standalone/chunks/swatch-m_4GcO2_.js +33 -0
  404. package/standalone/chunks/text-field-BnZtyodU.js +5 -0
  405. package/standalone/chunks/text-field-BrlDeJsx.js +65 -0
  406. package/standalone/chunks/text-field.module-ClDE7laI.js +2 -0
  407. package/standalone/chunks/tooltip-DB6jRVyB.js +29 -0
  408. package/standalone/chunks/unsafe-html-BPQaWy0v.js +2 -0
  409. package/standalone/chunks/voice-recorder--d34tYNu.js +2 -0
  410. package/standalone/chunks/when-BWvpqCBs.js +2 -0
  411. package/standalone/clear-button.js +20 -0
  412. package/standalone/close-button.js +20 -0
  413. package/standalone/color-area.js +20 -0
  414. package/standalone/color-field.js +20 -0
  415. package/standalone/color-handle.js +20 -0
  416. package/standalone/color-loupe.js +20 -0
  417. package/standalone/color-menu.js +20 -0
  418. package/standalone/color-palette-group.js +30 -0
  419. package/standalone/color-palette.js +20 -0
  420. package/standalone/color-picker.js +50 -0
  421. package/standalone/color-slider.js +20 -0
  422. package/standalone/date-range-picker.js +182 -0
  423. package/standalone/date-time-picker.js +107 -0
  424. package/standalone/divider.js +20 -0
  425. package/standalone/field-group.js +20 -0
  426. package/standalone/field-label.js +20 -0
  427. package/standalone/icon.js +20 -0
  428. package/standalone/infield-button.js +20 -0
  429. package/standalone/label.js +20 -0
  430. package/standalone/lit.js +20 -0
  431. package/standalone/manifest.json +152 -0
  432. package/standalone/menu.js +20 -0
  433. package/standalone/multi-language-field.js +42 -0
  434. package/standalone/notice.js +62 -0
  435. package/standalone/number-field.js +20 -0
  436. package/standalone/options.js +20 -0
  437. package/standalone/overlay.js +20 -0
  438. package/standalone/picker-button.js +20 -0
  439. package/standalone/picker.js +20 -0
  440. package/standalone/popover.js +20 -0
  441. package/standalone/progress-bar.js +36 -0
  442. package/standalone/progress-circle.js +20 -0
  443. package/standalone/progress-steps.js +100 -0
  444. package/standalone/prompt-box.js +316 -0
  445. package/standalone/question-box.js +403 -0
  446. package/standalone/radio.js +20 -0
  447. package/standalone/search.js +49 -0
  448. package/standalone/select.js +160 -0
  449. package/standalone/skeleton-loader.js +20 -0
  450. package/standalone/slider.js +137 -0
  451. package/standalone/split-view.js +45 -0
  452. package/standalone/status-light.js +23 -0
  453. package/standalone/swatch.js +20 -0
  454. package/standalone/switch.js +24 -0
  455. package/standalone/tabs.js +78 -0
  456. package/standalone/tags.js +49 -0
  457. package/standalone/text-field.js +20 -0
  458. package/standalone/toast.js +53 -0
  459. package/standalone/tokens.css +1 -0
  460. package/standalone/tokens.js +20 -0
  461. package/standalone/tooltip.js +20 -0
  462. package/standalone/top-nav.js +43 -0
  463. package/standalone/utils.js +20 -0
  464. package/styles/tokens.d.ts +1 -0
  465. package/utils/reactive-controllers/pending-state.d.ts +1 -1
  466. package/components/action-bar-CXT4lT30.cjs +0 -39
  467. package/components/action-button-BKnzGQR6.cjs +0 -22
  468. package/components/action-group-D1G30Iir.cjs +0 -20
  469. package/components/avatar-Cu9c0sCS.cjs +0 -34
  470. package/components/badge-XJP3sZhB.cjs +0 -23
  471. package/components/button-group-6M8M-TUI.cjs +0 -18
  472. package/components/button-l0fRopSN.cjs +0 -20
  473. package/components/calendar-DZkKMs2L.cjs +0 -138
  474. package/components/chat-message-group-CzCwyW7F.cjs +0 -24
  475. package/components/chat-message-t4a0r3R6.cjs +0 -148
  476. package/components/checkbox-DdatW4xE.cjs +0 -25
  477. package/components/color-area-B_pRu9Vf.cjs +0 -80
  478. package/components/color-handle-DIoVrLRF.cjs +0 -24
  479. package/components/color-loupe-sY1wOisV.cjs +0 -56
  480. package/components/color-menu-CdETqhbP.cjs +0 -89
  481. package/components/color-palette-CidHsmE0.cjs +0 -18
  482. package/components/color-palette-group-B4r4tPfY.cjs +0 -28
  483. package/components/color-slider-DLEM1nGA.cjs +0 -57
  484. package/components/date-range-picker-9ioTuDZq.cjs +0 -180
  485. package/components/date-time-picker-DRjQTyGS.cjs +0 -105
  486. package/components/divider-wana0uPI.cjs +0 -18
  487. package/components/field-label-C5vdJ1ys.cjs +0 -25
  488. package/components/icon-CSqR-OOO.cjs +0 -18
  489. package/components/notice-xgrLOiC0.cjs +0 -60
  490. package/components/number-field-04RFqrUa.cjs +0 -57
  491. package/components/overlay-B-gaxspw.cjs +0 -47
  492. package/components/overlay-CPZvL0Ic.cjs +0 -73
  493. package/components/overlay-DdIs4w5M.js +0 -227
  494. package/components/picker-D225VAbx.cjs +0 -124
  495. package/components/picker-button-BR7oM7_M.cjs +0 -37
  496. package/components/popover-DWWYpY-k.cjs +0 -30
  497. package/components/progress-bar-C7wJ5bxS.cjs +0 -34
  498. package/components/progress-circle-DyApSKdm.cjs +0 -33
  499. package/components/progress-steps-Ba4VbAKR.cjs +0 -96
  500. package/components/progress-steps-nJ8Xw-nG.js +0 -262
  501. package/components/radio-O3a1rmCe.cjs +0 -22
  502. package/components/search-BhMhfCBh.cjs +0 -47
  503. package/components/select-D5fQgPPj.cjs +0 -158
  504. package/components/skeleton-loader-Cm50Ztzk.cjs +0 -18
  505. package/components/split-view-5uMSU_b7.cjs +0 -43
  506. package/components/status-light-BYBYorYy.cjs +0 -21
  507. package/components/switch-B-gu-War.cjs +0 -22
  508. package/components/tags-B28zWEic.cjs +0 -47
  509. package/components/text-field-wJK2bzMT.cjs +0 -21
  510. package/components/toast-COQ7Xl5T.cjs +0 -51
  511. package/components/tooltip-Sm0pruxL.cjs +0 -45
  512. package/components/top-nav-BcZLCBP_.cjs +0 -41
@@ -0,0 +1,2 @@
1
+
2
+ function e(e,t){let n=e.length;Array.isArray(e[0])||(e=[e]),Array.isArray(t[0])||(t=t.map(e=>[e]));let r=t[0].length,i=t[0].map((e,n)=>t.map(e=>e[n])),a=e.map(e=>i.map(t=>{let n=0;if(!Array.isArray(e)){for(let r of t)n+=e*r;return n}for(let r=0;r<e.length;r++)n+=e[r]*(t[r]||0);return n}));return n===1&&(a=a[0]),r===1?a.map(e=>e[0]):a}function t(e){return n(e)===`string`}function n(e){return(Object.prototype.toString.call(e).match(/^\[object\s+(.*?)\]$/)[1]||``).toLowerCase()}function r(e,{precision:t,unit:n}){return i(e)?`none`:o(e,t)+(n??``)}function i(e){return Number.isNaN(e)||e instanceof Number&&e?.none}function a(e){return i(e)?0:e}function o(e,t){if(e===0)return 0;let n=~~e,r=0;n&&t&&(r=~~Math.log10(Math.abs(n))+1);let i=10**(t-r);return Math.floor(e*i+.5)/i}var s={deg:1,grad:.9,rad:180/Math.PI,turn:360};function c(e){if(!e)return;e=e.trim();let t=/^([a-z]+)\((.+?)\)$/i,n=/^-?[\d.]+$/,r=/%|deg|g?rad|turn$/,i=/\/?\s*(none|[-\w.]+(?:%|deg|g?rad|turn)?)/g,a=e.match(t);if(a){let e=[];return a[2].replace(i,(t,i)=>{let a=i.match(r),o=i;if(a){let e=a[0],t=o.slice(0,-e.length);e===`%`?(o=new Number(t/100),o.type=`<percentage>`):(o=new Number(t*s[e]),o.type=`<angle>`,o.unit=e)}else n.test(o)?(o=new Number(o),o.type=`<number>`):o===`none`&&(o=new Number(NaN),o.none=!0);t.startsWith(`/`)&&(o=o instanceof Number?o:new Number(o),o.alpha=!0),typeof o==`object`&&o instanceof Number&&(o.raw=i),e.push(o)}),{name:a[1].toLowerCase(),rawName:a[1],rawArgs:a[2],args:e}}}function l(e){return e[e.length-1]}function u(e,t,n){return isNaN(e)?t:isNaN(t)?e:e+(t-e)*n}function d(e,t,n){return(n-e)/(t-e)}function f(e,t,n){return u(t[0],t[1],d(e[0],e[1],n))}function p(e){return e.map(e=>e.split(`|`).map(e=>{e=e.trim();let t=e.match(/^(<[a-z]+>)\[(-?[.\d]+),\s*(-?[.\d]+)\]?$/);if(t){let e=new String(t[1]);return e.range=[+t[2],+t[3]],e}return e}))}function m(e,t,n){return Math.max(Math.min(n,t),e)}function h(e,t){return Math.sign(e)===Math.sign(t)?e:-e}function g(e,t){return h(Math.abs(e)**t,e)}function _(e,t){return t===0?0:e/t}function v(e,t,n=0,r=e.length){for(;n<r;){let i=n+r>>1;e[i]<t?n=i+1:r=i}return n}var y=Object.freeze({__proto__:null,bisectLeft:v,clamp:m,copySign:h,interpolate:u,interpolateInv:d,isNone:i,isString:t,last:l,mapRange:f,multiplyMatrices:e,parseCoordGrammar:p,parseFunction:c,serializeNumber:r,skipNone:a,spow:g,toPrecision:o,type:n,zdiv:_}),b=new class{add(e,t,n){if(typeof arguments[0]!=`string`){for(var e in arguments[0])this.add(e,arguments[0][e],arguments[1]);return}(Array.isArray(e)?e:[e]).forEach(function(e){this[e]=this[e]||[],t&&this[e][n?`unshift`:`push`](t)},this)}run(e,t){this[e]=this[e]||[],this[e].forEach(function(e){e.call(t&&t.context?t.context:t,t)})}},x={gamut_mapping:`css`,precision:5,deltaE:`76`,verbose:globalThis?.process?.env?.NODE_ENV?.toLowerCase()!==`test`,warn:function(e){this.verbose&&globalThis?.console?.warn?.(e)}},S={D50:[.3457/.3585,1,.2958/.3585],D65:[.3127/.329,1,.3583/.329]};function C(e){return Array.isArray(e)?e:S[e]}function w(t,n,r,i={}){if(t=C(t),n=C(n),!t||!n)throw TypeError(`Missing white point to convert ${t?``:`from`}${!t&&!n?`/`:``}${n?``:`to`}`);if(t===n)return r;let a={W1:t,W2:n,XYZ:r,options:i};if(b.run(`chromatic-adaptation-start`,a),a.M||(a.W1===S.D65&&a.W2===S.D50?a.M=[[1.0479297925449969,.022946870601609652,-.05019226628920524],[.02962780877005599,.9904344267538799,-.017073799063418826],[-.009243040646204504,.015055191490298152,.7518742814281371]]:a.W1===S.D50&&a.W2===S.D65&&(a.M=[[.955473421488075,-.02309845494876471,.06325924320057072],[-.0283697093338637,1.0099953980813041,.021041441191917323],[.012314014864481998,-.020507649298898964,1.330365926242124]])),b.run(`chromatic-adaptation-end`,a),a.M)return e(a.M,a.XYZ);throw TypeError(`Only Bradford CAT with white points D50 and D65 supported for now.`)}var T=new Set([`<number>`,`<percentage>`,`<angle>`]);function ee(e,t,n,r){return Object.entries(e.coords).map(([e,i],a)=>{let o=t.coordGrammar[a],s=r[a],c=s?.type,l;if(l=s.none?o.find(e=>T.has(e)):o.find(e=>e==c),!l){let t=i.name||e;throw TypeError(`${c??s.raw} not allowed for ${t} in ${n}()`)}let u=l.range;c===`<percentage>`&&(u||=[0,1]);let d=i.range||i.refRange;return u&&d&&(r[a]=f(u,d,r[a])),l})}function E(e,{meta:t}={}){let n={str:String(e)?.trim()};if(b.run(`parse-start`,n),n.color)return n.color;if(n.parsed=c(n.str),n.parsed){let e=n.parsed.name;if(e===`color`){let e=n.parsed.args.shift(),r=e.startsWith(`--`)?e.substring(2):`--${e}`,i=[e,r],a=n.parsed.rawArgs.indexOf(`/`)>0?n.parsed.args.pop():1;for(let r of O.all){let o=r.getFormat(`color`);if(o&&(i.includes(o.id)||o.ids?.filter(e=>i.includes(e)).length)){let i=Object.keys(r.coords).map((e,t)=>n.parsed.args[t]||0),s;return o.coordGrammar&&(s=ee(r,o,`color`,i)),t&&Object.assign(t,{formatId:`color`,types:s}),o.id.startsWith(`--`)&&!e.startsWith(`--`)&&x.warn(`${r.name} is a non-standard space and not currently supported in the CSS spec. Use prefixed color(${o.id}) instead of color(${e}).`),e.startsWith(`--`)&&!o.id.startsWith(`--`)&&x.warn(`${r.name} is a standard space and supported in the CSS spec. Use color(${o.id}) instead of prefixed color(${e}).`),{spaceId:r.id,coords:i,alpha:a}}}let o=``,s=e in O.registry?e:r;if(s in O.registry){let e=O.registry[s].formats?.color?.id;e&&(o=`Did you mean color(${e})?`)}throw TypeError(`Cannot parse color(${e}). `+(o||`Missing a plugin?`))}else for(let r of O.all){let i=r.getFormat(e);if(i&&i.type===`function`){let a=1;(i.lastAlpha||l(n.parsed.args).alpha)&&(a=n.parsed.args.pop());let o=n.parsed.args,s;return i.coordGrammar&&(s=ee(r,i,e,o)),t&&Object.assign(t,{formatId:i.name,types:s}),{spaceId:r.id,coords:o,alpha:a}}}}else for(let e of O.all)for(let r in e.formats){let i=e.formats[r];if(i.type!==`custom`||i.test&&!i.test(n.str))continue;let a=i.parse(n.str);if(a)return a.alpha??=1,t&&(t.formatId=r),a}throw TypeError(`Could not parse ${e} as a color. Missing a plugin?`)}function D(e){if(Array.isArray(e))return e.map(D);if(!e)throw TypeError(`Empty color reference`);t(e)&&(e=E(e));let n=e.space||e.spaceId;return n instanceof O||(e.space=O.get(n)),e.alpha===void 0&&(e.alpha=1),e}var te=75e-6,O=class e{constructor(t){this.id=t.id,this.name=t.name,this.base=t.base?e.get(t.base):null,this.aliases=t.aliases,this.base&&(this.fromBase=t.fromBase,this.toBase=t.toBase);let n=t.coords??this.base.coords;for(let e in n)`name`in n[e]||(n[e].name=e);this.coords=n;let r=t.white??this.base.white??`D65`;this.white=C(r),this.formats=t.formats??{};for(let e in this.formats){let t=this.formats[e];t.type||=`function`,t.name||=e}this.formats.color?.id||(this.formats.color={...this.formats.color??{},id:t.cssId||this.id}),t.gamutSpace?this.gamutSpace=t.gamutSpace===`self`?this:e.get(t.gamutSpace):this.isPolar?this.gamutSpace=this.base:this.gamutSpace=this,this.gamutSpace.isUnbounded&&(this.inGamut=(e,t)=>!0),this.referred=t.referred,Object.defineProperty(this,"path",{value:ne(this).reverse(),writable:!1,enumerable:!0,configurable:!0}),b.run(`colorspace-init-end`,this)}inGamut(e,{epsilon:t=te}={}){if(!this.equals(this.gamutSpace))return e=this.to(this.gamutSpace,e),this.gamutSpace.inGamut(e,{epsilon:t});let n=Object.values(this.coords);return e.every((e,r)=>{let i=n[r];if(i.type!==`angle`&&i.range){if(Number.isNaN(e))return!0;let[n,r]=i.range;return(n===void 0||e>=n-t)&&(r===void 0||e<=r+t)}return!0})}get isUnbounded(){return Object.values(this.coords).every(e=>!(`range`in e))}get cssId(){return this.formats?.color?.id||this.id}get isPolar(){for(let e in this.coords)if(this.coords[e].type===`angle`)return!0;return!1}getFormat(e){if(typeof e==`object`)return e=re(e,this),e;let t;return t=e==="default"?Object.values(this.formats)[0]:this.formats[e],t?(t=re(t,this),t):null}equals(e){return e?this===e||this.id===e||this.id===e.id:!1}to(t,n){if(arguments.length===1){let e=D(t);[t,n]=[e.space,e.coords]}if(t=e.get(t),this.equals(t))return n;n=n.map(e=>Number.isNaN(e)?0:e);let r=this.path,i=t.path,a,o;for(let e=0;e<r.length&&r[e].equals(i[e]);e++)a=r[e],o=e;if(!a)throw Error(`Cannot convert between color spaces ${this} and ${t}: no connection space was found`);for(let e=r.length-1;e>o;e--)n=r[e].toBase(n);for(let e=o+1;e<i.length;e++)n=i[e].fromBase(n);return n}from(t,n){if(arguments.length===1){let e=D(t);[t,n]=[e.space,e.coords]}return t=e.get(t),t.to(this,n)}toString(){return`${this.name} (${this.id})`}getMinCoords(){let e=[];for(let t in this.coords){let n=this.coords[t],r=n.range||n.refRange;e.push(r?.min??0)}return e}static registry={};static get all(){return[...new Set(Object.values(e.registry))]}static register(e,t){if(arguments.length===1&&(t=arguments[0],e=t.id),t=this.get(t),this.registry[e]&&this.registry[e]!==t)throw Error(`Duplicate color space registration: '${e}'`);if(this.registry[e]=t,arguments.length===1&&t.aliases)for(let e of t.aliases)this.register(e,t);return t}static get(t,...r){if(!t||t instanceof e)return t;if(n(t)===`string`){let n=e.registry[t.toLowerCase()];if(!n)throw TypeError(`No color space found with id = "${t}"`);return n}if(r.length)return e.get(...r);throw TypeError(`${t} is not a valid color space`)}static resolveCoord(t,r){let i=n(t),a,o;if(i===`string`?t.includes(`.`)?[a,o]=t.split(`.`):[a,o]=[,t]:Array.isArray(t)?[a,o]=t:(a=t.space,o=t.coordId),a=e.get(a),a||=r,!a)throw TypeError(`Cannot resolve coordinate reference ${t}: No color space specified and relative references are not allowed here`);if(i=n(o),i===`number`||i===`string`&&o>=0){let e=Object.entries(a.coords)[o];if(e)return{space:a,id:e[0],index:o,...e[1]}}a=e.get(a);let s=o.toLowerCase(),c=0;for(let e in a.coords){let t=a.coords[e];if(e.toLowerCase()===s||t.name?.toLowerCase()===s)return{space:a,id:e,index:c,...t};c++}throw TypeError(`No "${o}" coordinate found in ${a.name}. Its coordinates are: ${Object.keys(a.coords).join(`, `)}`)}static DEFAULT_FORMAT={type:`functions`,name:`color`}};function ne(e){let t=[e];for(let n=e;n=n.base;)t.push(n);return t}function re(e,{coords:t}={}){if(e.coords&&!e.coordGrammar){e.type||=`function`,e.name||=`color`,e.coordGrammar=p(e.coords);let n=Object.entries(t).map(([t,n],r)=>{let i=e.coordGrammar[r][0],a=n.range||n.refRange,o=i.range,s=``;return i==`<percentage>`?(o=[0,100],s=`%`):i==`<angle>`&&(s=`deg`),{fromRange:a,toRange:o,suffix:s}});e.serializeCoords=(e,t)=>e.map((e,i)=>{let{fromRange:a,toRange:o,suffix:s}=n[i];return a&&o&&(e=f(a,o,e)),e=r(e,{precision:t,unit:s}),e})}return e}var k=new O({id:`xyz-d65`,name:`XYZ D65`,coords:{x:{name:`X`},y:{name:`Y`},z:{name:`Z`}},white:`D65`,formats:{color:{ids:[`xyz-d65`,`xyz`]}},aliases:[`xyz`]}),A=class extends O{constructor(t){t.coords||={r:{range:[0,1],name:`Red`},g:{range:[0,1],name:`Green`},b:{range:[0,1],name:`Blue`}},t.base||=k,t.toXYZ_M&&t.fromXYZ_M&&(t.toBase??=n=>{let r=e(t.toXYZ_M,n);return this.white!==this.base.white&&(r=w(this.white,this.base.white,r)),r},t.fromBase??=n=>(n=w(this.base.white,this.white,n),e(t.fromXYZ_M,n))),t.referred??=`display`,super(t)}};function j(e,t){return e=D(e),!t||e.space.equals(t)?e.coords.slice():(t=O.get(t),t.from(e))}function M(e,t){e=D(e);let{space:n,index:r}=O.resolveCoord(t,e.space);return j(e,n)[r]}function N(e,t,n){return e=D(e),t=O.get(t),e.coords=t.to(e.space,n),e}N.returns=`color`;function P(e,t,r){if(e=D(e),arguments.length===2&&n(arguments[1])===`object`){let t=arguments[1];for(let n in t)P(e,n,t[n])}else{typeof r==`function`&&(r=r(M(e,t)));let{space:n,index:i}=O.resolveCoord(t,e.space),a=j(e,n);a[i]=r,N(e,n,a)}return e}P.returns=`color`;var ie=new O({id:`xyz-d50`,name:`XYZ D50`,white:`D50`,base:k,fromBase:e=>w(k.white,`D50`,e),toBase:e=>w(`D50`,k.white,e)}),ae=216/24389,oe=24/116,F=24389/27,se=S.D50,I=new O({id:`lab`,name:`Lab`,coords:{l:{refRange:[0,100],name:`Lightness`},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:se,base:ie,fromBase(e){let t=e.map((e,t)=>e/se[t]).map(e=>e>ae?Math.cbrt(e):(F*e+16)/116);return[116*t[1]-16,500*(t[0]-t[1]),200*(t[1]-t[2])]},toBase(e){let t=[];return t[1]=(e[0]+16)/116,t[0]=e[1]/500+t[1],t[2]=t[1]-e[2]/200,[t[0]>oe?t[0]**3:(116*t[0]-16)/F,e[0]>8?((e[0]+16)/116)**3:e[0]/F,t[2]>oe?t[2]**3:(116*t[2]-16)/F].map((e,t)=>e*se[t])},formats:{lab:{coords:[`<number> | <percentage>`,`<number> | <percentage>[-1,1]`,`<number> | <percentage>[-1,1]`]}}});function L(e){return(e%360+360)%360}function ce(e,t){if(e===`raw`)return t;let[n,r]=t.map(L),i=r-n;return e===`increasing`?i<0&&(r+=360):e===`decreasing`?i>0&&(n+=360):e===`longer`?-180<i&&i<180&&(i>0?n+=360:r+=360):e===`shorter`&&(i>180?n+=360:i<-180&&(r+=360)),[n,r]}var R=new O({id:`lch`,name:`LCH`,coords:{l:{refRange:[0,100],name:`Lightness`},c:{refRange:[0,150],name:`Chroma`},h:{refRange:[0,360],type:`angle`,name:`Hue`}},base:I,fromBase(e){let[t,n,r]=e,i,a=.02;return i=Math.abs(n)<a&&Math.abs(r)<a?NaN:Math.atan2(r,n)*180/Math.PI,[t,Math.sqrt(n**2+r**2),L(i)]},toBase(e){let[t,n,r]=e;return n<0&&(n=0),isNaN(r)&&(r=0),[t,n*Math.cos(r*Math.PI/180),n*Math.sin(r*Math.PI/180)]},formats:{lch:{coords:[`<number> | <percentage>`,`<number> | <percentage>`,`<number> | <angle>`]}}}),le=25**7,ue=Math.PI,de=180/ue,z=ue/180;function fe(e){let t=e*e;return t*t*t*e}function pe(e,t,{kL:n=1,kC:r=1,kH:i=1}={}){[e,t]=D([e,t]);let[a,o,s]=I.from(e),c=R.from(I,[a,o,s])[1],[l,u,d]=I.from(t),f=R.from(I,[l,u,d])[1];c<0&&(c=0),f<0&&(f=0);let p=fe((c+f)/2),m=.5*(1-Math.sqrt(p/(p+le))),h=(1+m)*o,g=(1+m)*u,_=Math.sqrt(h**2+s**2),v=Math.sqrt(g**2+d**2),y=h===0&&s===0?0:Math.atan2(s,h),b=g===0&&d===0?0:Math.atan2(d,g);y<0&&(y+=2*ue),b<0&&(b+=2*ue),y*=de,b*=de;let S=l-a,C=v-_,w=b-y,T=y+b,ee=Math.abs(w),E;_*v===0?E=0:ee<=180?E=w:w>180?E=w-360:w<-180?E=w+360:x.warn(`the unthinkable has happened`);let te=2*Math.sqrt(v*_)*Math.sin(E*z/2),O=(a+l)/2,ne=(_+v)/2,re=fe(ne),k;k=_*v===0?T:ee<=180?T/2:T<360?(T+360)/2:(T-360)/2;let A=(O-50)**2,j=1+.015*A/Math.sqrt(20+A),M=1+.045*ne,N=1;N-=.17*Math.cos((k-30)*z),N+=.24*Math.cos(2*k*z),N+=.32*Math.cos((3*k+6)*z),N-=.2*Math.cos((4*k-63)*z);let P=1+.015*ne*N,ie=30*Math.exp(-1*((k-275)/25)**2),ae=2*Math.sqrt(re/(re+le)),oe=-1*Math.sin(2*ie*z)*ae,F=(S/(n*j))**2;return F+=(C/(r*M))**2,F+=(te/(i*P))**2,F+=oe*(C/(r*M))*(te/(i*P)),Math.sqrt(F)}var me=[[.819022437996703,.3619062600528904,-.1288737815209879],[.0329836539323885,.9292868615863434,.0361446663506424],[.0481771893596242,.2642395317527308,.6335478284694309]],he=[[1.2268798758459243,-.5578149944602171,.2813910456659647],[-.0405757452148008,1.112286803280317,-.0717110580655164],[-.0763729366746601,-.4214933324022432,1.5869240198367816]],ge=[[.210454268309314,.7936177747023054,-.0040720430116193],[1.9779985324311684,-2.42859224204858,.450593709617411],[.0259040424655478,.7827717124575296,-.8086757549230774]],_e=[[1,.3963377773761749,.2158037573099136],[1,-.1055613458156586,-.0638541728258133],[1,-.0894841775298119,-1.2914855480194092]],B=new O({id:`oklab`,name:`Oklab`,coords:{l:{refRange:[0,1],name:`Lightness`},a:{refRange:[-.4,.4]},b:{refRange:[-.4,.4]}},white:`D65`,base:k,fromBase(t){return e(ge,e(me,t).map(e=>Math.cbrt(e)))},toBase(t){return e(he,e(_e,t).map(e=>e**3))},formats:{oklab:{coords:[`<percentage> | <number>`,`<number> | <percentage>[-1,1]`,`<number> | <percentage>[-1,1]`]}}});function ve(e,t){[e,t]=D([e,t]);let[n,r,i]=B.from(e),[a,o,s]=B.from(t),c=n-a,l=r-o,u=i-s;return Math.sqrt(c**2+l**2+u**2)}var ye=75e-6;function V(e,t,{epsilon:n=ye}={}){e=D(e),t||=e.space,t=O.get(t);let r=e.coords;return t!==e.space&&(r=t.from(e)),t.inGamut(r,{epsilon:n})}function H(e){return{space:e.space,coords:e.coords.slice(),alpha:e.alpha}}function be(e,t,n=`lab`){n=O.get(n);let r=n.from(e),i=n.from(t);return Math.sqrt(r.reduce((e,t,n)=>{let r=i[n];return isNaN(t)||isNaN(r)?e:e+(r-t)**2},0))}function xe(e,t){return be(e,t,`lab`)}var Se=Math.PI/180;function Ce(e,t,{l:n=2,c:r=1}={}){[e,t]=D([e,t]);let[i,a,o]=I.from(e),[,s,c]=R.from(I,[i,a,o]),[l,u,d]=I.from(t),f=R.from(I,[l,u,d])[1];s<0&&(s=0),f<0&&(f=0);let p=i-l,m=s-f,h=a-u,g=o-d,_=h**2+g**2-m**2,v=.511;i>=16&&(v=.040975*i/(1+.01765*i));let y=.0638*s/(1+.0131*s)+.638,b;Number.isNaN(c)&&(c=0),b=c>=164&&c<=345?.56+Math.abs(.2*Math.cos((c+168)*Se)):.36+Math.abs(.4*Math.cos((c+35)*Se));let x=s**4,S=Math.sqrt(x/(x+1900)),C=y*(S*b+1-S),w=(p/(n*v))**2;return w+=(m/(r*y))**2,w+=_/C**2,Math.sqrt(w)}var we=203,Te=new O({id:`xyz-abs-d65`,cssId:`--xyz-abs-d65`,name:`Absolute XYZ D65`,coords:{x:{refRange:[0,9504.7],name:`Xa`},y:{refRange:[0,1e4],name:`Ya`},z:{refRange:[0,10888.3],name:`Za`}},base:k,fromBase(e){return e.map(e=>Math.max(e*we,0))},toBase(e){return e.map(e=>Math.max(e/we,0))}}),Ee=1.15,De=.66,Oe=2610/2**14,ke=2**14/2610,Ae=3424/2**12,je=2413/2**7,Me=2392/2**7,Ne=1.7*2523/2**5,Pe=2**5/(1.7*2523),Fe=-.56,Ie=16295499532821565e-27,Le=[[.41478972,.579999,.014648],[-.20151,1.120649,.0531008],[-.0166008,.2648,.6684799]],Re=[[1.9242264357876067,-1.0047923125953657,.037651404030618],[.35031676209499907,.7264811939316552,-.06538442294808501],[-.09098281098284752,-.3127282905230739,1.5227665613052603]],ze=[[.5,.5,0],[3.524,-4.066708,.542708],[.199076,1.096799,-1.295875]],Be=[[1,.1386050432715393,.05804731615611886],[.9999999999999999,-.1386050432715393,-.05804731615611886],[.9999999999999998,-.09601924202631895,-.8118918960560388]],Ve=new O({id:`jzazbz`,name:`Jzazbz`,coords:{jz:{refRange:[0,1],name:`Jz`},az:{refRange:[-.5,.5]},bz:{refRange:[-.5,.5]}},base:Te,fromBase(t){let[n,r,i]=t,[a,o,s]=e(ze,e(Le,[Ee*n-(Ee-1)*i,De*r-(De-1)*n,i]).map(function(e){return((Ae+je*(e/1e4)**Oe)/(1+Me*(e/1e4)**Oe))**Ne}));return[.43999999999999995*a/(1+Fe*a)-Ie,o,s]},toBase(t){let[n,r,i]=t,[a,o,s]=e(Re,e(Be,[(n+Ie)/(.43999999999999995-Fe*(n+Ie)),r,i]).map(function(e){return 1e4*((Ae-e**Pe)/(Me*e**Pe-je))**ke})),c=(a+(Ee-1)*s)/Ee;return[c,(o+(De-1)*c)/De,s]},formats:{color:{coords:[`<number> | <percentage>`,`<number> | <percentage>[-1,1]`,`<number> | <percentage>[-1,1]`]}}}),He=new O({id:`jzczhz`,name:`JzCzHz`,coords:{jz:{refRange:[0,1],name:`Jz`},cz:{refRange:[0,1],name:`Chroma`},hz:{refRange:[0,360],type:`angle`,name:`Hue`}},base:Ve,fromBase(e){let[t,n,r]=e,i,a=2e-4;return i=Math.abs(n)<a&&Math.abs(r)<a?NaN:Math.atan2(r,n)*180/Math.PI,[t,Math.sqrt(n**2+r**2),L(i)]},toBase(e){return[e[0],e[1]*Math.cos(e[2]*Math.PI/180),e[1]*Math.sin(e[2]*Math.PI/180)]}});function Ue(e,t){[e,t]=D([e,t]);let[n,r,i]=He.from(e),[a,o,s]=He.from(t),c=n-a,l=r-o;Number.isNaN(i)&&Number.isNaN(s)?(i=0,s=0):Number.isNaN(i)?i=s:Number.isNaN(s)&&(s=i);let u=i-s,d=2*Math.sqrt(r*o)*Math.sin(u/2*(Math.PI/180));return Math.sqrt(c**2+l**2+d**2)}var We=3424/4096,Ge=2413/128,Ke=2392/128,qe=2610/16384,Je=2523/32,Ye=16384/2610,Xe=32/2523,Ze=[[.3592832590121217,.6976051147779502,-.035891593232029],[-.1920808463704993,1.100476797037432,.0753748658519118],[.0070797844607479,.0748396662186362,.8433265453898765]],Qe=[[2048/4096,2048/4096,0],[6610/4096,-13613/4096,7003/4096],[17933/4096,-17390/4096,-543/4096]],$e=[[.9999999999999998,.0086090370379328,.111029625003026],[.9999999999999998,-.0086090370379328,-.1110296250030259],[.9999999999999998,.5600313357106791,-.3206271749873188]],et=[[2.0701522183894223,-1.3263473389671563,.2066510476294053],[.3647385209748072,.6805660249472273,-.0453045459220347],[-.0497472075358123,-.0492609666966131,1.1880659249923042]],tt=new O({id:`ictcp`,name:`ICTCP`,coords:{i:{refRange:[0,1],name:`I`},ct:{refRange:[-.5,.5],name:`CT`},cp:{refRange:[-.5,.5],name:`CP`}},base:Te,fromBase(t){return nt(e(Ze,t))},toBase(t){return e(et,rt(t))}});function nt(t){return e(Qe,t.map(function(e){return((We+Ge*(e/1e4)**qe)/(1+Ke*(e/1e4)**qe))**Je}))}function rt(t){return e($e,t).map(function(e){return 1e4*(Math.max(e**Xe-We,0)/(Ge-Ke*e**Xe))**Ye})}function it(e,t){[e,t]=D([e,t]);let[n,r,i]=tt.from(e),[a,o,s]=tt.from(t);return 720*Math.sqrt((n-a)**2+.25*(r-o)**2+(i-s)**2)}var at=S.D65,ot=.42,st=1/ot,ct=2*Math.PI,lt=[[.401288,.650173,-.051461],[-.250268,1.204414,.045854],[-.002079,.048952,.953127]],ut=[[1.8620678550872327,-1.0112546305316843,.14918677544445175],[.38752654323613717,.6214474419314753,-.008973985167612518],[-.015841498849333856,-.03412293802851557,1.0499644368778496]],dt=[[460,451,288],[460,-891,-261],[460,-220,-6300]],ft={dark:[.8,.525,.8],dim:[.9,.59,.9],average:[1,.69,1]},U={h:[20.14,90,164.25,237.53,380.14],e:[.8,.7,1,1.2,.8],H:[0,100,200,300,400]},pt=180/Math.PI,mt=Math.PI/180;function ht(e,t){return e.map(e=>{let n=g(t*Math.abs(e)*.01,ot);return 400*h(n,e)/(n+27.13)})}function gt(e,t){let n=100/t*27.13**st;return e.map(e=>{let t=Math.abs(e);return h(n*g(t/(400-t),st),e)})}function _t(e){let t=L(e);t<=U.h[0]&&(t+=360);let n=v(U.h,t)-1,[r,i]=U.h.slice(n,n+2),[a,o]=U.e.slice(n,n+2),s=U.H[n],c=(t-r)/a;return s+100*c/(c+(i-t)/o)}function vt(e){let t=(e%400+400)%400,n=Math.floor(.01*t);t%=100;let[r,i]=U.h.slice(n,n+2),[a,o]=U.e.slice(n,n+2);return L((t*(o*r-a*i)-100*r*o)/(t*(o-a)-100*o))}function yt(t,n,r,i,a){let o={};o.discounting=a,o.refWhite=t,o.surround=i;let s=t.map(e=>e*100);o.la=n,o.yb=r;let c=s[1],l=e(lt,s);i=ft[o.surround];let d=i[0];o.c=i[1],o.nc=i[2];let f=(1/(5*o.la+1))**4;o.fl=f*o.la+.1*(1-f)*(1-f)*Math.cbrt(5*o.la),o.flRoot=o.fl**.25,o.n=o.yb/c,o.z=1.48+Math.sqrt(o.n),o.nbb=.725*o.n**-.2,o.ncb=o.nbb;let p=a?1:Math.max(Math.min(d*(1-1/3.6*Math.exp((-o.la-42)/92)),1),0);o.dRgb=l.map(e=>u(1,c/e,p)),o.dRgbInv=o.dRgb.map(e=>1/e);let m=ht(l.map((e,t)=>e*o.dRgb[t]),o.fl);return o.aW=o.nbb*(2*m[0]+m[1]+.05*m[2]),o}var bt=yt(at,64/Math.PI*.2,20,`average`,!1);function xt(t,n){if(!(t.J!==void 0^t.Q!==void 0))throw Error(`Conversion requires one and only one: 'J' or 'Q'`);if(!(t.C!==void 0^t.M!==void 0^t.s!==void 0))throw Error(`Conversion requires one and only one: 'C', 'M' or 's'`);if(!(t.h!==void 0^t.H!==void 0))throw Error(`Conversion requires one and only one: 'h' or 'H'`);if(t.J===0||t.Q===0)return[0,0,0];let r=0;r=t.h===void 0?vt(t.H)*mt:L(t.h)*mt;let i=Math.cos(r),a=Math.sin(r),o=0;t.J===void 0?t.Q!==void 0&&(o=.25*n.c*t.Q/((n.aW+4)*n.flRoot)):o=g(t.J,1/2)*.1;let s=0;t.C===void 0?t.M===void 0?t.s!==void 0&&(s=4e-4*t.s**2*(n.aW+4)/n.c):s=t.M/n.flRoot/o:s=t.C/o;let c=g(s*(1.64-.29**n.n)**-.73,10/9),l=.25*(Math.cos(r+2)+3.8),u=n.aW*g(o,2/n.c/n.z),d=5e4/13*n.nc*n.ncb*l,f=u/n.nbb,p=23*(f+.305)*_(c,23*d+c*(11*i+108*a));return e(ut,gt(e(dt,[f,p*i,p*a]).map(e=>e*1/1403),n.fl).map((e,t)=>e*n.dRgbInv[t])).map(e=>e/100)}function St(t,n){let r=ht(e(lt,t.map(e=>e*100)).map((e,t)=>e*n.dRgb[t]),n.fl),i=r[0]+(-12*r[1]+r[2])/11,a=(r[0]+r[1]-2*r[2])/9,o=(Math.atan2(a,i)%ct+ct)%ct,s=.25*(Math.cos(o+2)+3.8),c=g(5e4/13*n.nc*n.ncb*_(s*Math.sqrt(i**2+a**2),r[0]+r[1]+1.05*r[2]+.305),.9)*(1.64-.29**n.n)**.73,l=g(n.nbb*(2*r[0]+r[1]+.05*r[2])/n.aW,.5*n.c*n.z),u=100*g(l,2),d=4/n.c*l*(n.aW+4)*n.flRoot,f=c*l,p=f*n.flRoot,m=L(o*pt),h=_t(m);return{J:u,C:f,h:m,s:50*g(n.c*c/(n.aW+4),1/2),Q:d,M:p,H:h}}var Ct=new O({id:`cam16-jmh`,cssId:`--cam16-jmh`,name:`CAM16-JMh`,coords:{j:{refRange:[0,100],name:`J`},m:{refRange:[0,105],name:`Colorfulness`},h:{refRange:[0,360],type:`angle`,name:`Hue`}},base:k,fromBase(e){let t=St(e,bt);return[t.J,t.M,t.h]},toBase(e){return xt({J:e[0],M:e[1],h:e[2]},bt)}}),wt=S.D65,Tt=216/24389,Et=24389/27;function Dt(e){return 116*(e>Tt?Math.cbrt(e):(Et*e+16)/116)-16}function Ot(e){return e>8?((e+16)/116)**3:e/Et}function kt(e,t){let[n,r,i]=e,a=[],o=0;if(i===0)return[0,0,0];let s=Ot(i);o=i>0?.00379058511492914*i**2+.608983189401032*i+.9155088574762233:9514440756550361e-21*i**2+.08693057439788597*i-21.928975842194614;let c=0,l=1/0;for(;c<=15;){a=xt({J:o,C:r,h:n},t);let e=Math.abs(a[1]-s);if(e<l){if(e<=2e-12)return a;l=e}o-=(a[1]-s)*o/(2*a[1]),c+=1}return xt({J:o,C:r,h:n},t)}function At(e,t){let n=Dt(e[1]);if(n===0)return[0,0,0];let r=St(e,jt);return[L(r.h),r.C,n]}var jt=yt(wt,200/Math.PI*Ot(50),Ot(50)*100,`average`,!1),Mt=new O({id:`hct`,name:`HCT`,coords:{h:{refRange:[0,360],type:`angle`,name:`Hue`},c:{refRange:[0,145],name:`Colorfulness`},t:{refRange:[0,100],name:`Tone`}},base:k,fromBase(e){return At(e)},toBase(e){return kt(e,jt)},formats:{color:{id:`--hct`,coords:[`<number> | <angle>`,`<percentage> | <number>`,`<percentage> | <number>`]}}}),Nt=Math.PI/180,Pt=[1,.007,.0228];function Ft(e){e[1]<0&&(e=Mt.fromBase(Mt.toBase(e)));let t=Math.log(Math.max(1+Pt[2]*e[1]*jt.flRoot,1))/Pt[2],n=e[0]*Nt,r=t*Math.cos(n),i=t*Math.sin(n);return[e[2],r,i]}function It(e,t){[e,t]=D([e,t]);let[n,r,i]=Ft(Mt.from(e)),[a,o,s]=Ft(Mt.from(t));return Math.sqrt((n-a)**2+(r-o)**2+(i-s)**2)}var W={deltaE76:xe,deltaECMC:Ce,deltaE2000:pe,deltaEJz:Ue,deltaEITP:it,deltaEOK:ve,deltaEHCT:It};function Lt(e){return Math.max(parseFloat(`1e${(e?Math.floor(Math.log10(Math.abs(e))):0)-2}`),1e-6)}var Rt={hct:{method:`hct.c`,jnd:2,deltaEMethod:`hct`,blackWhiteClamp:{}},"hct-tonal":{method:`hct.c`,jnd:0,deltaEMethod:`hct`,blackWhiteClamp:{channel:`hct.t`,min:0,max:100}}};function G(e,{method:n=x.gamut_mapping,space:r=void 0,deltaEMethod:a=``,jnd:o=2,blackWhiteClamp:s={}}={}){if(e=D(e),t(arguments[1])?r=arguments[1]:r||=e.space,r=O.get(r),V(e,r,{epsilon:0}))return e;let c;if(n===`css`)c=Bt(e,{space:r});else{if(n!==`clip`&&!V(e,r)){Object.prototype.hasOwnProperty.call(Rt,n)&&({method:n,jnd:o,deltaEMethod:a,blackWhiteClamp:s}=Rt[n]);let t=pe;if(a!==``){for(let e in W)if(`deltae`+a.toLowerCase()===e.toLowerCase()){t=W[e];break}}let l=G(K(e,r),{method:`clip`,space:r});if(t(e,l)>o){if(Object.keys(s).length===3){let t=O.resolveCoord(s.channel),n=M(K(e,t.space),t.id);if(i(n)&&(n=0),n>=s.max)return K({space:`xyz-d65`,coords:S.D65},e.space);if(n<=s.min)return K({space:`xyz-d65`,coords:[0,0,0]},e.space)}let a=O.resolveCoord(n),l=a.space,u=a.id,d=K(e,l);d.coords.forEach((e,t)=>{i(e)&&(d.coords[t]=0)});let f=(a.range||a.refRange)[0],p=Lt(o),m=f,h=M(d,u);for(;h-m>p;){let e=H(d);e=G(e,{space:r,method:`clip`}),t(d,e)-o<p?m=M(d,u):h=M(d,u),P(d,u,(m+h)/2)}c=K(d,r)}else c=l}else c=K(e,r);if(n===`clip`||!V(c,r,{epsilon:0})){let e=Object.values(r.coords).map(e=>e.range||[]);c.coords=c.coords.map((t,n)=>{let[r,i]=e[n];return r!==void 0&&(t=Math.max(r,t)),i!==void 0&&(t=Math.min(t,i)),t})}}return r!==e.space&&(c=K(c,e.space)),e.coords=c.coords,e}G.returns=`color`;var zt={WHITE:{space:B,coords:[1,0,0]},BLACK:{space:B,coords:[0,0,0]}};function Bt(e,{space:t}={}){let n=.02,r=1e-4;e=D(e),t||=e.space,t=O.get(t);let i=O.get(`oklch`);if(t.isUnbounded)return K(e,t);let a=K(e,i),o=a.coords[0];if(o>=1){let n=K(zt.WHITE,t);return n.alpha=e.alpha,K(n,t)}if(o<=0){let n=K(zt.BLACK,t);return n.alpha=e.alpha,K(n,t)}if(V(a,t,{epsilon:0}))return K(a,t);function s(e){let n=K(e,t),r=Object.values(t.coords);return n.coords=n.coords.map((e,t)=>{if(`range`in r[t]){let[n,i]=r[t].range;return m(n,e,i)}return e}),n}let c=0,l=a.coords[1],u=!0,d=H(a),f=s(d),p=ve(f,d);if(p<n)return f;for(;l-c>r;){let e=(c+l)/2;if(d.coords[1]=e,u&&V(d,t,{epsilon:0}))c=e;else if(f=s(d),p=ve(f,d),p<n){if(n-p<r)break;u=!1,c=e}else l=e}return f}function K(e,t,{inGamut:n}={}){e=D(e),t=O.get(t);let r=t.from(e),i={space:t,coords:r,alpha:e.alpha};return n&&(i=G(i,n===!0?void 0:n)),i}K.returns=`color`;function Vt(e,{precision:t=x.precision,format:n=`default`,inGamut:i=!0,...a}={}){let o;e=D(e);let s=n;n=e.space.getFormat(n)??e.space.getFormat(`default`)??O.DEFAULT_FORMAT;let c=e.coords.slice();if(i||=n.toGamut,i&&!V(e)&&(c=G(H(e),i===!0?void 0:i).coords),n.type===`custom`)if(a.precision=t,n.serialize)o=n.serialize(c,e.alpha,a);else throw TypeError(`format ${s} can only be used to parse colors, not for serialization`);else{let i=n.name||`color`;n.serializeCoords?c=n.serializeCoords(c,t):t!==null&&(c=c.map(e=>r(e,{precision:t})));let a=[...c];if(i===`color`){let t=n.id||n.ids?.[0]||e.space.id;a.unshift(t)}let s=e.alpha;t!==null&&(s=r(s,{precision:t}));let l=e.alpha>=1||n.noAlpha?``:`${n.commas?`,`:` /`} ${s}`;o=`${i}(${a.join(n.commas?`, `:` `)}${l})`}return o}var Ht=new A({id:`rec2020-linear`,cssId:`--rec2020-linear`,name:`Linear REC.2020`,white:`D65`,toXYZ_M:[[.6369580483012914,.14461690358620832,.1688809751641721],[.2627002120112671,.6779980715188708,.05930171646986196],[0,.028072693049087428,1.060985057710791]],fromXYZ_M:[[1.716651187971268,-.355670783776392,-.25336628137366],[-.666684351832489,1.616481236634939,.0157685458139111],[.017639857445311,-.042770613257809,.942103121235474]]}),Ut=1.09929682680944,Wt=.018053968510807,Gt=new A({id:`rec2020`,name:`REC.2020`,base:Ht,toBase(e){return e.map(function(e){return e<Wt*4.5?e/4.5:((e+Ut-1)/Ut)**(1/.45)})},fromBase(e){return e.map(function(e){return e>=Wt?Ut*e**.45-(Ut-1):4.5*e})}}),Kt=new A({id:`p3-linear`,cssId:`--display-p3-linear`,name:`Linear P3`,white:`D65`,toXYZ_M:[[.4865709486482162,.26566769316909306,.1982172852343625],[.2289745640697488,.6917385218365064,.079286914093745],[0,.04511338185890264,1.043944368900976]],fromXYZ_M:[[2.493496911941425,-.9313836179191239,-.40271078445071684],[-.8294889695615747,1.7626640603183463,.023624685841943577],[.03584583024378447,-.07617238926804182,.9568845240076872]]}),qt=[[.41239079926595934,.357584339383878,.1804807884018343],[.21263900587151027,.715168678767756,.07219231536073371],[.01933081871559182,.11919477979462598,.9505321522496607]],q=[[3.2409699419045226,-1.537383177570094,-.4986107602930034],[-.9692436362808796,1.8759675015077202,.04155505740717559],[.05563007969699366,-.20397695888897652,1.0569715142428786]],Jt=new A({id:`srgb-linear`,name:`Linear sRGB`,white:`D65`,toXYZ_M:qt,fromXYZ_M:q}),Yt={aliceblue:[240/255,248/255,1],antiquewhite:[250/255,235/255,215/255],aqua:[0,1,1],aquamarine:[127/255,1,212/255],azure:[240/255,1,1],beige:[245/255,245/255,220/255],bisque:[1,228/255,196/255],black:[0,0,0],blanchedalmond:[1,235/255,205/255],blue:[0,0,1],blueviolet:[138/255,43/255,226/255],brown:[165/255,42/255,42/255],burlywood:[222/255,184/255,135/255],cadetblue:[95/255,158/255,160/255],chartreuse:[127/255,1,0],chocolate:[210/255,105/255,30/255],coral:[1,127/255,80/255],cornflowerblue:[100/255,149/255,237/255],cornsilk:[1,248/255,220/255],crimson:[220/255,20/255,60/255],cyan:[0,1,1],darkblue:[0,0,139/255],darkcyan:[0,139/255,139/255],darkgoldenrod:[184/255,134/255,11/255],darkgray:[169/255,169/255,169/255],darkgreen:[0,100/255,0],darkgrey:[169/255,169/255,169/255],darkkhaki:[189/255,183/255,107/255],darkmagenta:[139/255,0,139/255],darkolivegreen:[85/255,107/255,47/255],darkorange:[1,140/255,0],darkorchid:[153/255,50/255,204/255],darkred:[139/255,0,0],darksalmon:[233/255,150/255,122/255],darkseagreen:[143/255,188/255,143/255],darkslateblue:[72/255,61/255,139/255],darkslategray:[47/255,79/255,79/255],darkslategrey:[47/255,79/255,79/255],darkturquoise:[0,206/255,209/255],darkviolet:[148/255,0,211/255],deeppink:[1,20/255,147/255],deepskyblue:[0,191/255,1],dimgray:[105/255,105/255,105/255],dimgrey:[105/255,105/255,105/255],dodgerblue:[30/255,144/255,1],firebrick:[178/255,34/255,34/255],floralwhite:[1,250/255,240/255],forestgreen:[34/255,139/255,34/255],fuchsia:[1,0,1],gainsboro:[220/255,220/255,220/255],ghostwhite:[248/255,248/255,1],gold:[1,215/255,0],goldenrod:[218/255,165/255,32/255],gray:[128/255,128/255,128/255],green:[0,128/255,0],greenyellow:[173/255,1,47/255],grey:[128/255,128/255,128/255],honeydew:[240/255,1,240/255],hotpink:[1,105/255,180/255],indianred:[205/255,92/255,92/255],indigo:[75/255,0,130/255],ivory:[1,1,240/255],khaki:[240/255,230/255,140/255],lavender:[230/255,230/255,250/255],lavenderblush:[1,240/255,245/255],lawngreen:[124/255,252/255,0],lemonchiffon:[1,250/255,205/255],lightblue:[173/255,216/255,230/255],lightcoral:[240/255,128/255,128/255],lightcyan:[224/255,1,1],lightgoldenrodyellow:[250/255,250/255,210/255],lightgray:[211/255,211/255,211/255],lightgreen:[144/255,238/255,144/255],lightgrey:[211/255,211/255,211/255],lightpink:[1,182/255,193/255],lightsalmon:[1,160/255,122/255],lightseagreen:[32/255,178/255,170/255],lightskyblue:[135/255,206/255,250/255],lightslategray:[119/255,136/255,153/255],lightslategrey:[119/255,136/255,153/255],lightsteelblue:[176/255,196/255,222/255],lightyellow:[1,1,224/255],lime:[0,1,0],limegreen:[50/255,205/255,50/255],linen:[250/255,240/255,230/255],magenta:[1,0,1],maroon:[128/255,0,0],mediumaquamarine:[102/255,205/255,170/255],mediumblue:[0,0,205/255],mediumorchid:[186/255,85/255,211/255],mediumpurple:[147/255,112/255,219/255],mediumseagreen:[60/255,179/255,113/255],mediumslateblue:[123/255,104/255,238/255],mediumspringgreen:[0,250/255,154/255],mediumturquoise:[72/255,209/255,204/255],mediumvioletred:[199/255,21/255,133/255],midnightblue:[25/255,25/255,112/255],mintcream:[245/255,1,250/255],mistyrose:[1,228/255,225/255],moccasin:[1,228/255,181/255],navajowhite:[1,222/255,173/255],navy:[0,0,128/255],oldlace:[253/255,245/255,230/255],olive:[128/255,128/255,0],olivedrab:[107/255,142/255,35/255],orange:[1,165/255,0],orangered:[1,69/255,0],orchid:[218/255,112/255,214/255],palegoldenrod:[238/255,232/255,170/255],palegreen:[152/255,251/255,152/255],paleturquoise:[175/255,238/255,238/255],palevioletred:[219/255,112/255,147/255],papayawhip:[1,239/255,213/255],peachpuff:[1,218/255,185/255],peru:[205/255,133/255,63/255],pink:[1,192/255,203/255],plum:[221/255,160/255,221/255],powderblue:[176/255,224/255,230/255],purple:[128/255,0,128/255],rebeccapurple:[102/255,51/255,153/255],red:[1,0,0],rosybrown:[188/255,143/255,143/255],royalblue:[65/255,105/255,225/255],saddlebrown:[139/255,69/255,19/255],salmon:[250/255,128/255,114/255],sandybrown:[244/255,164/255,96/255],seagreen:[46/255,139/255,87/255],seashell:[1,245/255,238/255],sienna:[160/255,82/255,45/255],silver:[192/255,192/255,192/255],skyblue:[135/255,206/255,235/255],slateblue:[106/255,90/255,205/255],slategray:[112/255,128/255,144/255],slategrey:[112/255,128/255,144/255],snow:[1,250/255,250/255],springgreen:[0,1,127/255],steelblue:[70/255,130/255,180/255],tan:[210/255,180/255,140/255],teal:[0,128/255,128/255],thistle:[216/255,191/255,216/255],tomato:[1,99/255,71/255],turquoise:[64/255,224/255,208/255],violet:[238/255,130/255,238/255],wheat:[245/255,222/255,179/255],white:[1,1,1],whitesmoke:[245/255,245/255,245/255],yellow:[1,1,0],yellowgreen:[154/255,205/255,50/255]},Xt=[,,,].fill(`<percentage> | <number>[0, 255]`),Zt=[,,,].fill(`<number>[0, 255]`),J=new A({id:`srgb`,name:`sRGB`,base:Jt,fromBase:e=>e.map(e=>{let t=e<0?-1:1,n=e*t;return n>.0031308?t*(1.055*n**(1/2.4)-.055):12.92*e}),toBase:e=>e.map(e=>{let t=e<0?-1:1,n=e*t;return n<=.04045?e/12.92:t*((n+.055)/1.055)**2.4}),formats:{rgb:{coords:Xt},rgb_number:{name:`rgb`,commas:!0,coords:Zt,noAlpha:!0},color:{},rgba:{coords:Xt,commas:!0,lastAlpha:!0},rgba_number:{name:`rgba`,commas:!0,coords:Zt},hex:{type:`custom`,toGamut:!0,test:e=>/^#([a-f0-9]{3,4}){1,2}$/i.test(e),parse(e){e.length<=5&&(e=e.replace(/[a-f0-9]/gi,`$&$&`));let t=[];return e.replace(/[a-f0-9]{2}/gi,e=>{t.push(parseInt(e,16)/255)}),{spaceId:`srgb`,coords:t.slice(0,3),alpha:t.slice(3)[0]}},serialize:(e,t,{collapse:n=!0}={})=>{t<1&&e.push(t),e=e.map(e=>Math.round(e*255));let r=n&&e.every(e=>e%17==0);return`#`+e.map(e=>r?(e/17).toString(16):e.toString(16).padStart(2,`0`)).join(``)}},keyword:{type:`custom`,test:e=>/^[a-z]+$/i.test(e),parse(e){e=e.toLowerCase();let t={spaceId:`srgb`,coords:null,alpha:1};if(e===`transparent`?(t.coords=Yt.black,t.alpha=0):t.coords=Yt[e],t.coords)return t}}}}),Qt=new A({id:`p3`,cssId:`display-p3`,name:`P3`,base:Kt,fromBase:J.fromBase,toBase:J.toBase});x.display_space=J;var $t;if(typeof CSS<`u`&&CSS.supports)for(let e of[I,Gt,Qt]){let t=Vt({space:e,coords:e.getMinCoords(),alpha:1});if(CSS.supports(`color`,t)){x.display_space=e;break}}function en(e,{space:t=x.display_space,...n}={}){let r=Vt(e,n);if(typeof CSS>`u`||CSS.supports(`color`,r)||!x.display_space)r=new String(r),r.color=e;else{let o=e;if((e.coords.some(i)||i(e.alpha))&&!($t??=CSS.supports(`color`,`hsl(none 50% 50%)`))&&(o=H(e),o.coords=o.coords.map(a),o.alpha=a(o.alpha),r=Vt(o,n),CSS.supports(`color`,r)))return r=new String(r),r.color=o,r;o=K(o,t),r=new String(Vt(o,n)),r.color=o}return r}function tn(e,t){return e=D(e),t=D(t),e.space===t.space&&e.alpha===t.alpha&&e.coords.every((e,n)=>e===t.coords[n])}function Y(e){return M(e,[k,`y`])}function nn(e,t){P(e,[k,`y`],t)}function rn(e){Object.defineProperty(e.prototype,"luminance",{get(){return Y(this)},set(e){nn(this,e)}})}var an=Object.freeze({__proto__:null,getLuminance:Y,register:rn,setLuminance:nn});function on(e,t){e=D(e),t=D(t);let n=Math.max(Y(e),0),r=Math.max(Y(t),0);return r>n&&([n,r]=[r,n]),(n+.05)/(r+.05)}var sn=.56,cn=.57,ln=.62,un=.65,dn=.022,fn=1.414,pn=.1,mn=5e-4,hn=1.14,gn=.027,_n=1.14;function vn(e){return e>=dn?e:e+(dn-e)**fn}function X(e){return(e<0?-1:1)*Math.abs(e)**2.4}function yn(e,t){t=D(t),e=D(e);let n,r,i,a,o,s;t=K(t,`srgb`),[a,o,s]=t.coords;let c=X(a)*.2126729+X(o)*.7151522+X(s)*.072175;e=K(e,`srgb`),[a,o,s]=e.coords;let l=X(a)*.2126729+X(o)*.7151522+X(s)*.072175,u=vn(c),d=vn(l),f=d>u;return Math.abs(d-u)<mn?r=0:f?(n=d**sn-u**cn,r=n*hn):(n=d**un-u**ln,r=n*_n),i=Math.abs(r)<pn?0:r>0?r-gn:r+gn,i*100}function bn(e,t){e=D(e),t=D(t);let n=Math.max(Y(e),0),r=Math.max(Y(t),0);r>n&&([n,r]=[r,n]);let i=n+r;return i===0?0:(n-r)/i}var xn=5e4;function Sn(e,t){e=D(e),t=D(t);let n=Math.max(Y(e),0),r=Math.max(Y(t),0);return r>n&&([n,r]=[r,n]),r===0?xn:(n-r)/r}function Cn(e,t){e=D(e),t=D(t);let n=M(e,[I,`l`]),r=M(t,[I,`l`]);return Math.abs(n-r)}var wn=216/24389,Tn=24/116,En=24389/27,Dn=S.D65,On=new O({id:`lab-d65`,name:`Lab D65`,coords:{l:{refRange:[0,100],name:`Lightness`},a:{refRange:[-125,125]},b:{refRange:[-125,125]}},white:Dn,base:k,fromBase(e){let t=e.map((e,t)=>e/Dn[t]).map(e=>e>wn?Math.cbrt(e):(En*e+16)/116);return[116*t[1]-16,500*(t[0]-t[1]),200*(t[1]-t[2])]},toBase(e){let t=[];return t[1]=(e[0]+16)/116,t[0]=e[1]/500+t[1],t[2]=t[1]-e[2]/200,[t[0]>Tn?t[0]**3:(116*t[0]-16)/En,e[0]>8?((e[0]+16)/116)**3:e[0]/En,t[2]>Tn?t[2]**3:(116*t[2]-16)/En].map((e,t)=>e*Dn[t])},formats:{"lab-d65":{coords:[`<number> | <percentage>`,`<number> | <percentage>[-1,1]`,`<number> | <percentage>[-1,1]`]}}}),kn=5**.5*.5+.5;function An(e,t){e=D(e),t=D(t);let n=M(e,[On,`l`]),r=M(t,[On,`l`]),i=Math.abs(n**+kn-r**+kn)**(1/kn)*Math.SQRT2-40;return i<7.5?0:i}var jn=Object.freeze({__proto__:null,contrastAPCA:yn,contrastDeltaPhi:An,contrastLstar:Cn,contrastMichelson:bn,contrastWCAG21:on,contrastWeber:Sn});function Mn(e,n,r={}){t(r)&&(r={algorithm:r});let{algorithm:i,...a}=r;if(!i){let e=Object.keys(jn).map(e=>e.replace(/^contrast/,``)).join(`, `);throw TypeError(`contrast() function needs a contrast algorithm. Please specify one of: ${e}`)}e=D(e),n=D(n);for(let t in jn)if(`contrast`+i.toLowerCase()===t.toLowerCase())return jn[t](e,n,a);throw TypeError(`Unknown contrast algorithm: ${i}`)}function Nn(e){let[t,n,r]=j(e,k),i=t+15*n+3*r;return[4*t/i,9*n/i]}function Pn(e){let[t,n,r]=j(e,k),i=t+n+r;return[t/i,n/i]}function Fn(e){Object.defineProperty(e.prototype,"uv",{get(){return Nn(this)}}),Object.defineProperty(e.prototype,"xy",{get(){return Pn(this)}})}var In=Object.freeze({__proto__:null,register:Fn,uv:Nn,xy:Pn});function Ln(e,n,r={}){t(r)&&(r={method:r});let{method:i=x.deltaE,...a}=r;for(let t in W)if(`deltae`+i.toLowerCase()===t.toLowerCase())return W[t](e,n,a);throw TypeError(`Unknown deltaE method: ${i}`)}function Rn(e,t=.25){return P(e,[O.get(`oklch`,`lch`),`l`],e=>e*(1+t))}function zn(e,t=.25){return P(e,[O.get(`oklch`,`lch`),`l`],e=>e*(1-t))}var Bn=Object.freeze({__proto__:null,darken:zn,lighten:Rn});function Vn(e,t,r=.5,i={}){return[e,t]=[D(e),D(t)],n(r)===`object`&&([r,i]=[.5,r]),Un(e,t,i)(r)}function Hn(e,t,n={}){let r;Wn(e)&&([r,n]=[e,t],[e,t]=r.rangeArgs.colors);let{maxDeltaE:i,deltaEMethod:a,steps:o=2,maxSteps:s=1e3,...c}=n;r||=([e,t]=[D(e),D(t)],Un(e,t,c));let l=Ln(e,t),u=i>0?Math.max(o,Math.ceil(l/i)+1):o,d=[];if(s!==void 0&&(u=Math.min(u,s)),u===1)d=[{p:.5,color:r(.5)}];else{let e=1/(u-1);d=Array.from({length:u},(t,n)=>{let i=n*e;return{p:i,color:r(i)}})}if(i>0){let e=d.reduce((e,t,n)=>{if(n===0)return 0;let r=Ln(t.color,d[n-1].color,a);return Math.max(e,r)},0);for(;e>i;){e=0;for(let t=1;t<d.length&&d.length<s;t++){let n=d[t-1],i=d[t],a=(i.p+n.p)/2,o=r(a);e=Math.max(e,Ln(o,n.color),Ln(o,i.color)),d.splice(t,0,{p:a,color:r(a)}),t++}}}return d=d.map(e=>e.color),d}function Un(e,t,n={}){if(Wn(e)){let[n,r]=[e,t];return Un(...n.rangeArgs.colors,{...n.rangeArgs.options,...r})}let{space:r,outputSpace:i,progression:a,premultiplied:o}=n;e=D(e),t=D(t),e=H(e),t=H(t);let s={colors:[e,t],options:n};if(r=r?O.get(r):O.registry[x.interpolationSpace]||e.space,i=i?O.get(i):r,e=K(e,r),t=K(t,r),e=G(e),t=G(t),r.coords.h&&r.coords.h.type===`angle`){let i=n.hue=n.hue||`shorter`,a=[r,`h`],[o,s]=[M(e,a),M(t,a)];isNaN(o)&&!isNaN(s)?o=s:isNaN(s)&&!isNaN(o)&&(s=o),[o,s]=ce(i,[o,s]),P(e,a,o),P(t,a,s)}return o&&(e.coords=e.coords.map(t=>t*e.alpha),t.coords=t.coords.map(e=>e*t.alpha)),Object.assign(n=>{n=a?a(n):n;let s=e.coords.map((e,r)=>{let i=t.coords[r];return u(e,i,n)}),c=u(e.alpha,t.alpha,n),l={space:r,coords:s,alpha:c};return o&&(l.coords=l.coords.map(e=>e/c)),i!==r&&(l=K(l,i)),l},{rangeArgs:s})}function Wn(e){return n(e)===`function`&&!!e.rangeArgs}x.interpolationSpace=`lab`;function Gn(e){e.defineFunction(`mix`,Vn,{returns:`color`}),e.defineFunction(`range`,Un,{returns:`function<color>`}),e.defineFunction(`steps`,Hn,{returns:`array<color>`})}var Kn=Object.freeze({__proto__:null,isRange:Wn,mix:Vn,range:Un,register:Gn,steps:Hn}),qn=new O({id:`hsl`,name:`HSL`,coords:{h:{refRange:[0,360],type:`angle`,name:`Hue`},s:{range:[0,100],name:`Saturation`},l:{range:[0,100],name:`Lightness`}},base:J,fromBase:e=>{let t=Math.max(...e),n=Math.min(...e),[r,i,a]=e,[o,s,c]=[NaN,0,(n+t)/2],l=t-n;if(l!==0){switch(s=c===0||c===1?0:(t-c)/Math.min(c,1-c),t){case r:o=(i-a)/l+(i<a?6:0);break;case i:o=(a-r)/l+2;break;case a:o=(r-i)/l+4}o*=60}return s<0&&(o+=180,s=Math.abs(s)),o>=360&&(o-=360),[o,s*100,c*100]},toBase:e=>{let[t,n,r]=e;t%=360,t<0&&(t+=360),n/=100,r/=100;function i(e){let i=(e+t/30)%12,a=n*Math.min(r,1-r);return r-a*Math.max(-1,Math.min(i-3,9-i,1))}return[i(0),i(8),i(4)]},formats:{hsl:{coords:[`<number> | <angle>`,`<percentage>`,`<percentage>`]},hsla:{coords:[`<number> | <angle>`,`<percentage>`,`<percentage>`],commas:!0,lastAlpha:!0}}}),Jn=new O({id:`hsv`,name:`HSV`,coords:{h:{refRange:[0,360],type:`angle`,name:`Hue`},s:{range:[0,100],name:`Saturation`},v:{range:[0,100],name:`Value`}},base:qn,fromBase(e){let[t,n,r]=e;n/=100,r/=100;let i=r+n*Math.min(r,1-r);return[t,i===0?0:200*(1-r/i),100*i]},toBase(e){let[t,n,r]=e;n/=100,r/=100;let i=r*(1-n/2);return[t,i===0||i===1?0:(r-i)/Math.min(i,1-i)*100,i*100]},formats:{color:{id:`--hsv`,coords:[`<number> | <angle>`,`<percentage> | <number>`,`<percentage> | <number>`]}}}),Yn=new O({id:`hwb`,name:`HWB`,coords:{h:{refRange:[0,360],type:`angle`,name:`Hue`},w:{range:[0,100],name:`Whiteness`},b:{range:[0,100],name:`Blackness`}},base:Jn,fromBase(e){let[t,n,r]=e;return[t,r*(100-n)/100,100-r]},toBase(e){let[t,n,r]=e;n/=100,r/=100;let i=n+r;if(i>=1)return[t,0,n/i*100];let a=1-r;return[t,(a===0?0:1-n/a)*100,a*100]},formats:{hwb:{coords:[`<number> | <angle>`,`<percentage> | <number>`,`<percentage> | <number>`]}}}),Xn=new A({id:`a98rgb-linear`,cssId:`--a98-rgb-linear`,name:`Linear Adobe® 98 RGB compatible`,white:`D65`,toXYZ_M:[[.5766690429101305,.1855582379065463,.1882286462349947],[.29734497525053605,.6273635662554661,.07529145849399788],[.02703136138641234,.07068885253582723,.9913375368376388]],fromXYZ_M:[[2.0415879038107465,-.5650069742788596,-.34473135077832956],[-.9692436362808795,1.8759675015077202,.04155505740717557],[.013444280632031142,-.11836239223101838,1.0151749943912054]]}),Zn=new A({id:`a98rgb`,cssId:`a98-rgb`,name:`Adobe® 98 RGB compatible`,base:Xn,toBase:e=>e.map(e=>Math.abs(e)**(563/256)*Math.sign(e)),fromBase:e=>e.map(e=>Math.abs(e)**(256/563)*Math.sign(e))}),Qn=new A({id:`prophoto-linear`,cssId:`--prophoto-rgb-linear`,name:`Linear ProPhoto`,white:`D50`,base:ie,toXYZ_M:[[.7977666449006423,.13518129740053308,.0313477341283922],[.2880748288194013,.711835234241873,8993693872564e-17],[0,0,.8251046025104602]],fromXYZ_M:[[1.3457868816471583,-.25557208737979464,-.05110186497554526],[-.5446307051249019,1.5082477428451468,.02052744743642139],[0,0,1.2119675456389452]]}),$n=1/512,er=16/512,tr=new A({id:`prophoto`,cssId:`prophoto-rgb`,name:`ProPhoto`,base:Qn,toBase(e){return e.map(e=>e<er?e/16:e**1.8)},fromBase(e){return e.map(e=>e>=$n?e**(1/1.8):16*e)}}),nr=new O({id:`oklch`,name:`Oklch`,coords:{l:{refRange:[0,1],name:`Lightness`},c:{refRange:[0,.4],name:`Chroma`},h:{refRange:[0,360],type:`angle`,name:`Hue`}},white:`D65`,base:B,fromBase(e){let[t,n,r]=e,i,a=2e-4;return i=Math.abs(n)<a&&Math.abs(r)<a?NaN:Math.atan2(r,n)*180/Math.PI,[t,Math.sqrt(n**2+r**2),L(i)]},toBase(e){let[t,n,r]=e,i,a;return isNaN(r)?(i=0,a=0):(i=n*Math.cos(r*Math.PI/180),a=n*Math.sin(r*Math.PI/180)),[t,i,a]},formats:{oklch:{coords:[`<percentage> | <number>`,`<number> | <percentage>[0,1]`,`<number> | <angle>`]}}}),rr=S.D65,ir=216/24389,ar=24389/27,[or,sr]=Nn({space:k,coords:rr}),cr=new O({id:`luv`,name:`Luv`,coords:{l:{refRange:[0,100],name:`Lightness`},u:{refRange:[-215,215]},v:{refRange:[-215,215]}},white:rr,base:k,fromBase(e){let t=[a(e[0]),a(e[1]),a(e[2])],n=t[1],[r,i]=Nn({space:k,coords:t});if(!Number.isFinite(r)||!Number.isFinite(i))return[0,0,0];let o=n<=ir?ar*n:116*Math.cbrt(n)-16;return[o,13*o*(r-or),13*o*(i-sr)]},toBase(e){let[t,n,r]=e;if(t===0||i(t))return[0,0,0];n=a(n),r=a(r);let o=n/(13*t)+or,s=r/(13*t)+sr,c=t<=8?t/ar:((t+16)/116)**3;return[c*(9*o/(4*s)),c,c*((12-3*o-20*s)/(4*s))]},formats:{color:{id:`--luv`,coords:[`<number> | <percentage>`,`<number> | <percentage>[-1,1]`,`<number> | <percentage>[-1,1]`]}}}),lr=new O({id:`lchuv`,name:`LChuv`,coords:{l:{refRange:[0,100],name:`Lightness`},c:{refRange:[0,220],name:`Chroma`},h:{refRange:[0,360],type:`angle`,name:`Hue`}},base:cr,fromBase(e){let[t,n,r]=e,i,a=.02;return i=Math.abs(n)<a&&Math.abs(r)<a?NaN:Math.atan2(r,n)*180/Math.PI,[t,Math.sqrt(n**2+r**2),L(i)]},toBase(e){let[t,n,r]=e;return n<0&&(n=0),isNaN(r)&&(r=0),[t,n*Math.cos(r*Math.PI/180),n*Math.sin(r*Math.PI/180)]},formats:{color:{id:`--lchuv`,coords:[`<number> | <percentage>`,`<number> | <percentage>`,`<number> | <angle>`]}}}),ur=216/24389,dr=24389/27,fr=q[0][0],pr=q[0][1],mr=q[0][2],hr=q[1][0],gr=q[1][1],_r=q[1][2],vr=q[2][0],yr=q[2][1],br=q[2][2];function Z(e,t,n){let r=t/(Math.sin(n)-e*Math.cos(n));return r<0?1/0:r}function xr(e){let t=(e+16)**3/1560896,n=t>ur?t:e/dr,r=n*(284517*fr-94839*mr),i=n*(838422*mr+769860*pr+731718*fr),a=n*(632260*mr-126452*pr),o=n*(284517*hr-94839*_r),s=n*(838422*_r+769860*gr+731718*hr),c=n*(632260*_r-126452*gr),l=n*(284517*vr-94839*br),u=n*(838422*br+769860*yr+731718*vr),d=n*(632260*br-126452*yr);return{r0s:r/a,r0i:i*e/a,r1s:r/(a+126452),r1i:(i-769860)*e/(a+126452),g0s:o/c,g0i:s*e/c,g1s:o/(c+126452),g1i:(s-769860)*e/(c+126452),b0s:l/d,b0i:u*e/d,b1s:l/(d+126452),b1i:(u-769860)*e/(d+126452)}}function Sr(e,t){let n=t/360*Math.PI*2,r=Z(e.r0s,e.r0i,n),i=Z(e.r1s,e.r1i,n),a=Z(e.g0s,e.g0i,n),o=Z(e.g1s,e.g1i,n),s=Z(e.b0s,e.b0i,n),c=Z(e.b1s,e.b1i,n);return Math.min(r,i,a,o,s,c)}var Cr=new O({id:`hsluv`,name:`HSLuv`,coords:{h:{refRange:[0,360],type:`angle`,name:`Hue`},s:{range:[0,100],name:`Saturation`},l:{range:[0,100],name:`Lightness`}},base:lr,gamutSpace:J,fromBase(e){let[t,n,r]=[a(e[0]),a(e[1]),a(e[2])],i;return t>99.9999999?(i=0,t=100):t<1e-8?(i=0,t=0):i=n/Sr(xr(t),r)*100,[r,i,t]},toBase(e){let[t,n,r]=[a(e[0]),a(e[1]),a(e[2])],i;return r>99.9999999?(r=100,i=0):r<1e-8?(r=0,i=0):i=Sr(xr(r),t)/100*n,[r,i,t]},formats:{color:{id:`--hsluv`,coords:[`<number> | <angle>`,`<percentage> | <number>`,`<percentage> | <number>`]}}});q[0][0],q[0][1],q[0][2],q[1][0],q[1][1],q[1][2],q[2][0],q[2][1],q[2][2];function Q(e,t){return Math.abs(t)/Math.sqrt(e**2+1)}function wr(e){let t=Q(e.r0s,e.r0i),n=Q(e.r1s,e.r1i),r=Q(e.g0s,e.g0i),i=Q(e.g1s,e.g1i),a=Q(e.b0s,e.b0i),o=Q(e.b1s,e.b1i);return Math.min(t,n,r,i,a,o)}var Tr=new O({id:`hpluv`,name:`HPLuv`,coords:{h:{refRange:[0,360],type:`angle`,name:`Hue`},s:{range:[0,100],name:`Saturation`},l:{range:[0,100],name:`Lightness`}},base:lr,gamutSpace:`self`,fromBase(e){let[t,n,r]=[a(e[0]),a(e[1]),a(e[2])],i;return t>99.9999999?(i=0,t=100):t<1e-8?(i=0,t=0):i=n/wr(xr(t))*100,[r,i,t]},toBase(e){let[t,n,r]=[a(e[0]),a(e[1]),a(e[2])],i;return r>99.9999999?(r=100,i=0):r<1e-8?(r=0,i=0):i=wr(xr(r))/100*n,[r,i,t]},formats:{color:{id:`--hpluv`,coords:[`<number> | <angle>`,`<percentage> | <number>`,`<percentage> | <number>`]}}}),Er=203,Dr=2610/2**14,Or=2**14/2610,kr=2523/2**5,Ar=2**5/2523,jr=3424/2**12,Mr=2413/2**7,Nr=2392/2**7,Pr=new A({id:`rec2100pq`,cssId:`rec2100-pq`,name:`REC.2100-PQ`,base:Ht,toBase(e){return e.map(function(e){return(Math.max(e**Ar-jr,0)/(Mr-Nr*e**Ar))**Or*1e4/Er})},fromBase(e){return e.map(function(e){let t=Math.max(e*Er/1e4,0);return((jr+Mr*t**Dr)/(1+Nr*t**Dr))**kr})}}),Fr=.17883277,Ir=.28466892,Lr=.55991073,Rr=3.7743,zr=new A({id:`rec2100hlg`,cssId:`rec2100-hlg`,name:`REC.2100-HLG`,referred:`scene`,base:Ht,toBase(e){return e.map(function(e){return e<=.5?e**2/3*Rr:(Math.exp((e-Lr)/Fr)+Ir)/12*Rr})},fromBase(e){return e.map(function(e){return e/=Rr,e<=1/12?Math.sqrt(3*e):Fr*Math.log(12*e-Ir)+Lr})}}),Br={};b.add(`chromatic-adaptation-start`,e=>{e.options.method&&(e.M=Hr(e.W1,e.W2,e.options.method))}),b.add(`chromatic-adaptation-end`,e=>{e.M||=Hr(e.W1,e.W2,e.options.method)});function Vr({id:e,toCone_M:t,fromCone_M:n}){Br[e]=arguments[0]}function Hr(t,n,r=`Bradford`){let i=Br[r],[a,o,s]=e(i.toCone_M,t),[c,l,u]=e(i.toCone_M,n),d=e([[c/a,0,0],[0,l/o,0],[0,0,u/s]],i.toCone_M);return e(i.fromCone_M,d)}Vr({id:`von Kries`,toCone_M:[[.40024,.7076,-.08081],[-.2263,1.16532,.0457],[0,0,.91822]],fromCone_M:[[1.8599363874558397,-1.1293816185800916,.21989740959619328],[.3611914362417676,.6388124632850422,-6370596838649899e-21],[0,0,1.0890636230968613]]}),Vr({id:`Bradford`,toCone_M:[[.8951,.2664,-.1614],[-.7502,1.7135,.0367],[.0389,-.0685,1.0296]],fromCone_M:[[.9869929054667121,-.14705425642099013,.15996265166373122],[.4323052697233945,.5183602715367774,.049291228212855594],[-.00852866457517732,.04004282165408486,.96848669578755]]}),Vr({id:`CAT02`,toCone_M:[[.7328,.4296,-.1624],[-.7036,1.6975,.0061],[.003,.0136,.9834]],fromCone_M:[[1.0961238208355142,-.27886900021828726,.18274517938277307],[.4543690419753592,.4735331543074117,.07209780371722911],[-.009627608738429355,-.00569803121611342,1.0153256399545427]]}),Vr({id:`CAT16`,toCone_M:[[.401288,.650173,-.051461],[-.250268,1.204414,.045854],[-.002079,.048952,.953127]],fromCone_M:[[1.862067855087233,-1.0112546305316845,.14918677544445172],[.3875265432361372,.6214474419314753,-.008973985167612521],[-.01584149884933386,-.03412293802851557,1.0499644368778496]]}),Object.assign(S,{A:[1.0985,1,.35585],C:[.98074,1,1.18232],D55:[.95682,1,.92149],D75:[.94972,1,1.22638],E:[1,1,1],F2:[.99186,1,.67393],F7:[.95041,1,1.08747],F11:[1.00962,1,.6435]}),S.ACES=[.32168/.33767,1,.34065/.33767];var Ur=new A({id:`acescg`,cssId:`--acescg`,name:`ACEScg`,coords:{r:{range:[0,65504],name:`Red`},g:{range:[0,65504],name:`Green`},b:{range:[0,65504],name:`Blue`}},referred:`scene`,white:S.ACES,toXYZ_M:[[.6624541811085053,.13400420645643313,.1561876870049078],[.27222871678091454,.6740817658111484,.05368951740793705],[-.005574649490394108,.004060733528982826,1.0103391003129971]],fromXYZ_M:[[1.6410233796943257,-.32480329418479,-.23642469523761225],[-.6636628587229829,1.6153315916573379,.016756347685530137],[.011721894328375376,-.008284441996237409,.9883948585390215]]}),Wr=2**-16,Gr=-.35828683,Kr=(Math.log2(65504)+9.72)/17.52,qr=new A({id:`acescc`,cssId:`--acescc`,name:`ACEScc`,coords:{r:{range:[Gr,Kr],name:`Red`},g:{range:[Gr,Kr],name:`Green`},b:{range:[Gr,Kr],name:`Blue`}},referred:`scene`,base:Ur,toBase(e){return e.map(function(e){return e<=-.3013698630136986?(2**(e*17.52-9.72)-Wr)*2:e<Kr?2**(e*17.52-9.72):65504})},fromBase(e){return e.map(function(e){return e<=0?(Math.log2(Wr)+9.72)/17.52:e<Wr?(Math.log2(Wr+e*.5)+9.72)/17.52:(Math.log2(e)+9.72)/17.52})}}),Jr=Object.freeze({__proto__:null,A98RGB:Zn,A98RGB_Linear:Xn,ACEScc:qr,ACEScg:Ur,CAM16_JMh:Ct,HCT:Mt,HPLuv:Tr,HSL:qn,HSLuv:Cr,HSV:Jn,HWB:Yn,ICTCP:tt,JzCzHz:He,Jzazbz:Ve,LCH:R,LCHuv:lr,Lab:I,Lab_D65:On,Luv:cr,OKLCH:nr,OKLab:B,P3:Qt,P3_Linear:Kt,ProPhoto:tr,ProPhoto_Linear:Qn,REC_2020:Gt,REC_2020_Linear:Ht,REC_2100_HLG:zr,REC_2100_PQ:Pr,XYZ_ABS_D65:Te,XYZ_D50:ie,XYZ_D65:k,sRGB:J,sRGB_Linear:Jt}),$=class e{constructor(...e){let t;e.length===1&&(t=D(e[0]));let n,r,i;t?(n=t.space||t.spaceId,r=t.coords,i=t.alpha):[n,r,i]=e,Object.defineProperty(this,"space",{value:O.get(n),writable:!1,enumerable:!0,configurable:!0}),this.coords=r?r.slice():[0,0,0],this.alpha=i>1||i===void 0?1:i<0?0:i;for(let e=0;e<this.coords.length;e++)this.coords[e]===`NaN`&&(this.coords[e]=NaN);for(let e in this.space.coords)Object.defineProperty(this,e,{get:()=>this.get(e),set:t=>this.set(e,t)})}get spaceId(){return this.space.id}clone(){return new e(this.space,this.coords,this.alpha)}toJSON(){return{spaceId:this.spaceId,coords:this.coords,alpha:this.alpha}}display(...t){let n=en(this,...t);return n.color=new e(n.color),n}static get(t,...n){return t instanceof e?t:new e(t,...n)}static defineFunction(t,n,r=n){let{instance:i=!0,returns:a}=r,o=function(...t){let r=n(...t);if(a===`color`)r=e.get(r);else if(a===`function<color>`){let t=r;r=function(...n){let r=t(...n);return e.get(r)},Object.assign(r,t)}else a===`array<color>`&&(r=r.map(t=>e.get(t)));return r};t in e||(e[t]=o),i&&(e.prototype[t]=function(...e){return o(this,...e)})}static defineFunctions(t){for(let n in t)e.defineFunction(n,t[n],t[n])}static extend(t){if(t.register)t.register(e);else for(let n in t)e.defineFunction(n,t[n])}};$.defineFunctions({get:M,getAll:j,set:P,setAll:N,to:K,equals:tn,inGamut:V,toGamut:G,distance:be,toString:Vt}),Object.assign($,{util:y,hooks:b,WHITES:S,Space:O,spaces:O.registry,parse:E,defaults:x});for(let e of Object.keys(Jr))O.register(Jr[e]);for(let e in O.registry)Yr(e,O.registry[e]);b.add(`colorspace-init-end`,e=>{Yr(e.id,e),e.aliases?.forEach(t=>{Yr(t,e)})});function Yr(e,t){let n=e.replace(/-/g,`_`);Object.defineProperty($.prototype,n,{get(){let n=this.getAll(e);return typeof Proxy>`u`?n:new Proxy(n,{has:(e,n)=>{try{return O.resolveCoord([t,n]),!0}catch{}return Reflect.has(e,n)},get:(e,n,r)=>{if(n&&typeof n!=`symbol`&&!(n in e)){let{index:r}=O.resolveCoord([t,n]);if(r>=0)return e[r]}return Reflect.get(e,n,r)},set:(n,r,i,a)=>{if(r&&typeof r!=`symbol`&&!(r in n)||r>=0){let{index:a}=O.resolveCoord([t,r]);if(a>=0)return n[a]=i,this.setAll(e,n),!0}return Reflect.set(n,r,i,a)}})},set(t){this.setAll(e,t)},configurable:!0,enumerable:!0})}$.extend(W),$.extend({deltaE:Ln}),Object.assign($,{deltaEMethods:W}),$.extend(Bn),$.extend({contrast:Mn}),$.extend(In),$.extend(an),$.extend(Kn),$.extend(jn);var Xr=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 $(`${n.spaceId}`,[e,r,i],n.alpha)}else try{$.parse(e)}catch{try{t=new $(`#${e}`)}catch{return}}}else if(e instanceof $)t=e;else if(!Array.isArray(e)){let{h:n,s:r,l:i,v:a,r:o,g:s,b:c,a:l}=e;if(n!==void 0&&r!==void 0){let e=i??a;t=new $(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(l||`1`))}else o!==void 0&&s!==void 0&&c!==void 0&&(t=new $(`srgb`,[Number.parseFloat(o)/255,Number.parseFloat(s)/255,Number.parseFloat(c)/255],Number.parseFloat(l||`1`)))}t||=new $(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 $(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 $(`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}};export{Xr as t};
@@ -0,0 +1,7 @@
1
+
2
+ import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{l as n,y as r}from"./lucero-runtime-DGJ9-isg.js";import{t as i}from"./color-controller-fJNWRHVI.js";import{n as a}from"./text-field-BrlDeJsx.js";var o=`:host{position:relative}`,s=class extends a{static get styles(){return[...super.styles,t(o)]}constructor(){super(),this.viewColor=!1,this.noAlphaChannel=!1,this._value=``,this.colorController=new i(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?e`
3
+ <luzmo-color-handle
4
+ size="m"
5
+ color=${this.colorController.getColor(`srgb`).toString()}
6
+ ></luzmo-color-handle>
7
+ `:e``}getColorValue(){return this.valid?this.colorController.getColor(`srgb`).toString():``}render(){return this.viewColor&&import(`../color-handle.js`),e` ${super.render()} ${this.renderColorHandle()} `}checkValidity(){let e=super.checkValidity();if(this.value){let t=this.colorController.validateColorString(this.value),n=!1;this.value.startsWith(`rgba`)?n=!0:this.value.startsWith(`rgb`)?n=!1:this.value.startsWith(`hsla`)?n=!0:this.value.startsWith(`hsl`)?n=!1:this.value.startsWith(`#`)&&(n=this.value.length===9),this.valid=e=t.isValid&&(!this.noAlphaChannel||!n),this.invalid=!e,this.valid&&(this.colorController.color=this.value)}else this.valid=this.invalid=!1;return e}};n([r({type:Boolean,attribute:`view-color`})],s.prototype,`viewColor`,void 0),n([r({type:Boolean,attribute:`no-alpha-channel`})],s.prototype,`noAlphaChannel`,void 0),customElements.get(`luzmo-color-field`)||customElements.define(`luzmo-color-field`,s);export{s as t};
@@ -0,0 +1,8 @@
1
+
2
+ import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{l as n,u as r,y as i}from"./lucero-runtime-DGJ9-isg.js";import"./color-loupe-C34cms5t.js";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 r{constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.open=!1,this.color=`rgba(255, 0, 0, 0.5)`}static{this.styles=t(a)}handlePointerdown(e){e.pointerType===`touch`&&(this.open=!0),this.setPointerCapture(e.pointerId)}handlePointerup(e){this.open=!1,this.releasePointerCapture(e.pointerId)}render(){return e`
3
+ <div class="inner" style="background-color: ${this.color}"></div>
4
+ <luzmo-color-loupe
5
+ color=${this.color}
6
+ ?open=${this.open&&!this.disabled}
7
+ ></luzmo-color-loupe>
8
+ `}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`pointerdown`,this.handlePointerdown),this.addEventListener(`pointerup`,this.handlePointerup),this.addEventListener(`pointercancel`,this.handlePointerup)}};n([i({type:Boolean,reflect:!0})],o.prototype,`disabled`,void 0),n([i({type:Boolean,reflect:!0})],o.prototype,`focused`,void 0),n([i({type:Boolean,reflect:!0})],o.prototype,`open`,void 0),n([i({type:String})],o.prototype,`color`,void 0),customElements.get(`luzmo-color-handle`)||customElements.define(`luzmo-color-handle`,o);export{o as t};
@@ -0,0 +1,40 @@
1
+
2
+ import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{l as n,u as r,y as i}from"./lucero-runtime-DGJ9-isg.js";var a=`:host{inline-size:var(--luzmo-color-loupe-width,48px);block-size:var(--luzmo-color-loupe-height,64px);transform:translateY(var(--luzmo-color-loupe-animation-distance,8px));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--luzmo-color-loupe-drop-shadow-x,0) var(--luzmo-color-loupe-drop-shadow-y,2px) var(--luzmo-color-loupe-drop-shadow-blur,8px) var(--luzmo-color-loupe-drop-shadow-color,var(--luzmo-shadow-color)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;inset-block-end:calc(var(--luzmo-color-handle-size,16px) - var(--luzmo-color-handle-outer-border-width,1px) + var(--luzmo-color-loupe-offset,12px));inset-inline-end:calc(50% - var(--luzmo-color-loupe-width,48px) / 2)}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){inset-inline-end:calc(50% - var(--luzmo-color-loupe-width,48px) / 2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.luzmo-color-loupe-inner-border{fill:var(--luzmo-picked-color);stroke:var(--luzmo-color-loupe-inner-border-color,#0000001a);stroke-width:var(--luzmo-color-loupe-inner-border-width,1px)}.luzmo-color-loupe-outer-border{fill:none;stroke:var(--luzmo-color-loupe-outer-border-color,white);stroke-width:calc(var(--luzmo-color-loupe-outer-border-width,2px) + 2px);transform:translate(calc((var(--luzmo-color-loupe-outer-border-width,2px) + 2px) / 2), 0)}.luzmo-color-loupe-checkerboard-pattern{fill:var(--luzmo-color-loupe-checkerboard-dark-color,#e6e6e6)}.luzmo-color-loupe-checkerboard-background{fill:var(--luzmo-color-loupe-checkerboard-light-color,#fff)}.luzmo-color-loupe-checkerboard-fill{fill:var(--luzmo-color-loupe-checkerboard-fill,url(#checkerboard-primary))}@media (forced-colors:active){:host{--highcontrast-colorloupe-outer-border-color:CanvasText}}svg{width:inherit;height:inherit}.loupe-clipped{clip-path:path("M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ")}.opacity-checkerboard{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);block-size:100%;inline-size:100%;position:absolute;top:2px;left:2px}`,o=class extends r{constructor(...e){super(...e),this.open=!1,this.color=`rgba(255, 0, 0, 0.5)`}static{this.styles=t(a)}render(){return e`
3
+ <div class="opacity-checkerboard loupe-clipped"></div>
4
+ <div class="luzmo-color-loupe-inner-border loupe-clipped"></div>
5
+ <div class="luzmo-color-loupe-outer-border loupe-clipped"></div>
6
+ <svg
7
+ aria-hidden="true"
8
+ class="luzmo-color-loupe is-open"
9
+ overflow="visible"
10
+ style="--luzmo-picked-color: ${this.color}; position: absolute;"
11
+ >
12
+ <defs>
13
+ <path
14
+ id="loupe-path"
15
+ d="M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ"
16
+ transform="translate(2, 2)"
17
+ />
18
+ <mask id="loupe-mask">
19
+ <rect x="0" y="0" height="100" width="100" fill="white" />
20
+ <use xlink:href="#path" fill="black" />
21
+ </mask>
22
+ </defs>
23
+
24
+ <g class="luzmo-color-loupe-loupe">
25
+ <g>
26
+ <use
27
+ xlink:href="#loupe-path"
28
+ mask="url(#loupe-mask)"
29
+ transform="translate(2, 2)"
30
+ class="luzmo-color-loupe-inner-border"
31
+ />
32
+ <use
33
+ xlink:href="#loupe-path"
34
+ mask="url(#loupe-mask)"
35
+ class="luzmo-color-loupe-outer-border"
36
+ />
37
+ </g>
38
+ </g>
39
+ </svg>
40
+ `}};n([i({type:Boolean,reflect:!0})],o.prototype,`open`,void 0),n([i({type:String})],o.prototype,`color`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-color-loupe`)&&customElements.define(`luzmo-color-loupe`,o);export{o as t};
@@ -0,0 +1,73 @@
1
+
2
+ import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{a as n,c as r,g as i,l as a,v as o,y as s}from"./lucero-runtime-DGJ9-isg.js";import{C as c,P as l,T as u}from"./luzmo-icons-CJa-aByT.js";import"./popover-BsB3dmQe.js";import"./color-handle-BHrAxEG2.js";import"./color-area-Cj8oPsIF.js";import"./color-field-CrCF4kqZ.js";import{n as d}from"./color-slider-CAqvxsgS.js";import"./divider-Bf9Drp2z.js";import"./swatch-m_4GcO2_.js";var f=`:host{width:var(--luzmo-color-menu-width,var(--color-menu-width))}.hue-opacity-text-swatches-container{gap:var(--luzmo-color-menu-color-controls-vertical-gap,var(--color-menu-color-controls-vertical-gap));padding:var(--luzmo-color-menu-hue-opacity-text-swatches-vertical-padding,var(--color-menu-hue-opacity-text-swatches-vertical-padding)) var(--luzmo-color-menu-hue-opacity-text-swatches-horizontal-padding,var(--color-menu-hue-opacity-text-swatches-horizontal-padding));flex-direction:column;display:flex}.swatch-sliders-container{gap:var(--luzmo-color-menu-swatch-to-sliders-space,var(--color-menu-swatch-to-sliders-space));display:flex}.swatch-example-container{align-items:center;display:flex}.field-container{align-items:center;gap:var(--luzmo-color-menu-format-field-to-format-space,var(--color-menu-format-field-to-format-space));display:flex}.format-container{text-transform:uppercase;height:var(--luzmo-color-menu-format-height,var(--color-menu-format-height));cursor:pointer;font-size:var(--luzmo-color-menu-format-font-size,var(--color-menu-format-font-size));color:var(--luzmo-color-menu-format-font-color,var(--color-menu-format-font-color));align-items:center;gap:var(--luzmo-color-menu-format-name-to-icon,var(--color-menu-format-name-to-icon-space));padding:0 var(--luzmo-color-menu-format-horizontal-padding,var(--color-menu-format-horizontal-padding));background:0 0;border:none;outline:none;display:flex;position:relative}.format-container:hover{color:var(--luzmo-color-menu-format-font-color-hover,var(--color-menu-format-font-color-hover))}.format-container:focus-visible{outline:none}.format-container:focus-visible:after{content:"";box-sizing:border-box;border:var(--luzmo-color-menu-format-indicator-width,var(--luzmo-indicator-width)) solid var(--luzmo-color-menu-format-indicator-color,var(--luzmo-indicator-color));border-radius:var(--luzmo-color-menu-format-label-indicator-border-radius,var(--luzmo-border-radius-s));width:100%;height:100%;position:absolute;top:0;left:0}.format-container:focus-visible,.format-container:active{color:var(--luzmo-color-menu-format-font-color-down,var(--color-menu-format-font-color-down))}.format-container .format-label{-webkit-user-select:none;user-select:none}.format-container .angle-icon{height:calc(var(--color-menu-format-font-size) / 1.5);align-items:center;display:flex}.slider-container{justify-content:center;gap:var(--luzmo-color-menu-slider-gap,var(--color-menu-slider-gap));flex-direction:column;display:flex}luzmo-color-area{width:100%;height:var(--luzmo-color-menu-height,var(--color-menu-height))}luzmo-color-slider{width:100%}luzmo-divider{margin:var(--luzmo-spacing-5) à}.swatches-container{gap:var(--luzmo-color-menu-swatches-gap,var(--color-menu-swatches-gap));grid-template-columns:repeat(6,1fr);display:grid}.swatches-container luzmo-swatch{cursor:pointer}.swatches-container .swatch-choice{justify-content:center;align-items:center;display:flex}:host{--luzmo-text-field-icon-size-valid:0px;--luzmo-text-field-icon-spacing-inline-end-valid:1px;--luzmo-text-field-text-align:center;--color-menu-width:290px;--luzmo-text-field-width:220px;--luzmo-color-slider-control-track-width:8px;--color-menu-height:140px;--color-menu-hue-opacity-text-swatches-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-hue-opacity-text-swatches-vertical-padding:var(--luzmo-spacing-5);--color-menu-color-controls-vertical-gap:var(--luzmo-spacing-5);--color-menu-swatch-to-sliders-space:var(--luzmo-spacing-5);--color-menu-slider-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-format-height:var(--luzmo-component-height);--color-menu-format-font-size:var(--luzmo-font-size-s);--color-menu-format-name-to-icon-space:var(--luzmo-spacing-2);--color-menu-format-field-to-format-space:var(--luzmo-spacing-2);--color-menu-format-horizontal-padding:var(--luzmo-spacing-3);--color-menu-format-font-color:var(--luzmo-font-color);--color-menu-format-font-color-hover:var(--luzmo-font-color-hover);--color-menu-format-font-color-down:var(--luzmo-font-color-down);--color-menu-swatches-gap:var(--luzmo-spacing-4)}:host .swatches-container{--luzmo-swatch-size:22px}:host([size=s]){--color-menu-width:260px;--luzmo-text-field-width:200px;--luzmo-color-slider-control-track-width:8px;--color-menu-hue-opacity-text-swatches-horizontal-padding:var(--luzmo-spacing-5);--color-menu-hue-opacity-text-swatches-vertical-padding:var(--luzmo-spacing-4);--color-menu-color-controls-vertical-gap:var(--luzmo-spacing-4);--color-menu-swatch-to-sliders-space:var(--luzmo-spacing-4);--color-menu-slider-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-format-height:var(--luzmo-component-height-s);--color-menu-format-font-size:var(--luzmo-font-size-xs);--color-menu-format-name-to-icon-space:var(--luzmo-spacing-2);--color-menu-format-field-to-format-space:var(--luzmo-spacing-2);--color-menu-format-horizontal-padding:var(--luzmo-spacing-2);--color-menu-swatches-gap:var(--luzmo-spacing-3)}:host([size=s]) .swatches-container{--luzmo-swatch-size:20px}:host([size=l]){--color-menu-width:350px;--luzmo-text-field-width:240px;--luzmo-color-slider-control-track-width:16px;--color-menu-hue-opacity-text-swatches-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--color-menu-hue-opacity-text-swatches-vertical-padding:var(--luzmo-spacing-5);--color-menu-color-controls-vertical-gap:var(--luzmo-spacing-5);--color-menu-swatch-to-sliders-space:var(--luzmo-spacing-5);--color-menu-slider-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--color-menu-format-height:var(--luzmo-component-height-l);--color-menu-format-font-size:var(--luzmo-font-size);--color-menu-format-name-to-icon-space:var(--luzmo-spacing-3);--color-menu-format-field-to-format-space:var(--luzmo-spacing-2);--color-menu-format-horizontal-padding:var(--luzmo-spacing-4);--color-menu-swatches-gap:var(--luzmo-spacing-4)}:host([size=l]) .swatches-container{--luzmo-swatch-size:24px}:host([size=l]) .swatch-example-container{--luzmo-swatch-size:56px}:host([size=xl]){--color-menu-width:380px;--luzmo-text-field-width:280px;--luzmo-color-slider-control-track-width:16px;--color-menu-hue-opacity-text-swatches-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--color-menu-hue-opacity-text-swatches-vertical-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-color-controls-vertical-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-swatch-to-sliders-space:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-slider-gap:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--color-menu-format-height:var(--luzmo-component-height-xl);--color-menu-format-font-size:var(--luzmo-font-size-l);--color-menu-format-name-to-icon-space:var(--luzmo-spacing-3);--color-menu-format-field-to-format-space:var(--luzmo-spacing-3);--color-menu-format-horizontal-padding:var(--luzmo-spacing-4);--color-menu-swatches-gap:var(--luzmo-spacing-4)}:host([size=xl]) .swatches-container{--luzmo-swatch-size:26px}:host([size=xl]) .swatch-example-container{--luzmo-swatch-size:64px}`,p=class extends r(n){constructor(...e){super(...e),this.color=`rgb(255, 0, 0)`,this.noAlphaChannel=!1,this._alpha=1,this._rgbColor=`rgb(255, 0, 0)`,this._rgbaColor=`rgb(255, 0, 0, 1)`,this._previousColor=`rgb(255, 0, 0)`}static{this.styles=t(f)}setColor(e){let t=new d(e?.target?.color);this._format=t.format===`name`?`rgb`:t.format,this._rgbaColor=t.toRgbString(),this._alpha=this.noAlphaChannel?1:t.getAlpha(),this._rgbColor=t.setAlpha(1).toRgbString(),this.hueSliderElement.color=this._rgbColor,this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this.colorFieldElement.value=this.formatTextField(t),this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent(`change`,{detail:this.color}))}handleAreaChange(e){e.stopPropagation(),e.preventDefault(),this._rgbColor=this.areaElement.color;let t=new d(this._rgbColor);this._rgbaColor=t.setAlpha(this._alpha).toRgbString(),this.colorFieldElement.value=this._rgbaColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.colorFieldElement.value=this.formatTextField(t),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent(`change`,{detail:this.color}))}get focusElement(){return this.areaElement||this.colorFieldElement||this}handleHueSliderChange(e){e.stopPropagation(),e.preventDefault();let t=new d(this._rgbColor).toHsl();t.h=this.hueSliderElement.value;let n=new d(t);this._rgbColor=n.toRgbString(),this._rgbaColor=n.setAlpha(this._alpha).toRgbString(),this.areaElement.color=`hsla(${t.h}, ${t.s*100}%, ${t.l*100}%, ${t.a})`,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.colorFieldElement.value=this.formatTextField(n),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent(`change`,{detail:this.color}))}handleOpacitySliderChange(e){e.stopPropagation(),e.preventDefault(),this._alpha=this.opacitySliderElement.sliderHandlePosition/100;let t=new d(this._rgbColor).setAlpha(this._alpha);this._rgbaColor=t.toRgbString(),this.colorFieldElement.value=this.formatTextField(t),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent(`change`,{detail:this.color}))}handleFieldChange(e){if(e.stopPropagation(),e.preventDefault(),this.colorFieldElement.checkValidity()){let e=new d(this.colorFieldElement.value);this._format=e.format,this._rgbaColor=e.toRgbString(),this._alpha=e.getAlpha(),this._rgbColor=e.setAlpha(1).toRgbString(),this.noAlphaChannel&&(this._rgbaColor=this._rgbColor,this._alpha=1),this.hueSliderElement.color=this._rgbColor,this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent(`change`,{detail:this.color}))}}formatTextField(e){return this._format===`hsl`?e.toHslString():this._format===`hex`?this.noAlphaChannel?e.toHexString():e.toHex8String():(this._format===`name`&&(this._format=`rgb`),e.toRgbString())}cycleFormat(){let e=[`rgb`,`hsl`,`hex`];this._format=e[(e.indexOf(this._format)+1)%e.length];let t=new d(this.color),n=this.formatTextField(t);this.colorFieldElement.value=n}updated(e){if(e.has(`color`)&&this.color!==this._previousColor){this._previousColor=this.color;let e=new d(this.color);this._alpha=e.getAlpha(),this._rgbColor=e.setAlpha(1).toRgbString(),this._rgbaColor=e.setAlpha(this._alpha).toRgbString(),this.areaElement.color=this._rgbColor,this.hueSliderElement.color=this._rgbColor,this.colorFieldElement.value=this._rgbaColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this._format=`rgb`}e.has(`noAlphaChannel`)&&!this.noAlphaChannel&&(this.opacitySliderElement.color=this._rgbaColor)}renderOpacitySlider(){return e`
3
+ <luzmo-color-slider
4
+ id="luzmo-opacity-slider"
5
+ label="Opacity"
6
+ mode="opacity"
7
+ @input=${this.handleOpacitySliderChange}
8
+ >
9
+ </luzmo-color-slider>
10
+ `}render(){return e`
11
+ <div id="color-menu" tabindex="0">
12
+ <luzmo-color-area
13
+ .size=${this.size}
14
+ @input=${this.handleAreaChange}
15
+ ></luzmo-color-area>
16
+ <div class="hue-opacity-text-swatches-container">
17
+ <div class="swatch-sliders-container">
18
+ <div class="swatch-example-container">
19
+ <luzmo-swatch
20
+ label="Color preview"
21
+ rounding="full"
22
+ .size=${this.noAlphaChannel&&[`s`,`m`].includes(this.size)?`s`:`l`}
23
+ readonly
24
+ ></luzmo-swatch>
25
+ </div>
26
+ <div class="slider-container" style="flex-grow: 1;">
27
+ <luzmo-color-slider
28
+ id="luzmo-hue-slider"
29
+ @input=${this.handleHueSliderChange}
30
+ >
31
+ </luzmo-color-slider>
32
+ ${this.noAlphaChannel?``:this.renderOpacitySlider()}
33
+ </div>
34
+ </div>
35
+ <div class="field-container">
36
+ <luzmo-color-field
37
+ label="Color value"
38
+ .size=${this.size}
39
+ @input=${this.handleFieldChange}
40
+ >
41
+ </luzmo-color-field>
42
+ <button
43
+ class="format-container"
44
+ aria-label="Color format"
45
+ @click=${this.cycleFormat}
46
+ tabindex="0"
47
+ >
48
+ <div class="format-label">${this._format}</div>
49
+ <div class="change-format-icon">
50
+ <div class="angle-icon">${c(u)}</div>
51
+ <div class="angle-icon">${c(l)}</div>
52
+ </div>
53
+ </button>
54
+ </div>
55
+ ${this.swatches?.length>0?e`
56
+ <luzmo-divider></luzmo-divider>
57
+ <div class="swatches-container">
58
+ ${this.swatches.map(t=>e`
59
+ <div class="swatch-choice">
60
+ <luzmo-swatch
61
+ @click=${this.setColor}
62
+ .color=${t}
63
+ .size=${this.size}
64
+ readonly
65
+ >
66
+ </luzmo-swatch>
67
+ </div>
68
+ `)}
69
+ </div>
70
+ `:``}
71
+ </div>
72
+ </div>
73
+ `}};a([s({type:String,reflect:!0})],p.prototype,`color`,void 0),a([s({type:Boolean,reflect:!0,attribute:`no-alpha-channel`})],p.prototype,`noAlphaChannel`,void 0),a([s({type:Array,reflect:!0})],p.prototype,`swatches`,void 0),a([i(`luzmo-color-area`)],p.prototype,`areaElement`,void 0),a([i(`#luzmo-hue-slider`)],p.prototype,`hueSliderElement`,void 0),a([i(`#luzmo-opacity-slider`)],p.prototype,`opacitySliderElement`,void 0),a([i(`luzmo-color-field`)],p.prototype,`colorFieldElement`,void 0),a([i(`luzmo-swatch`)],p.prototype,`swatchElement`,void 0),a([o()],p.prototype,`_format`,void 0),customElements.get(`luzmo-color-menu`)||customElements.define(`luzmo-color-menu`,p);export{p as t};
@@ -0,0 +1,41 @@
1
+
2
+ import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{a as n,g as r,i,l as a,y as o}from"./lucero-runtime-DGJ9-isg.js";import{t as s}from"./language-resolution-BWHk9A73.js";import{t as c}from"./style-map-D4QeV3m0.js";import"./color-handle-BHrAxEG2.js";import{t as l}from"./streaming-listener-DFczLm8I.js";function u(e,t){f(e)&&(e=`100%`);let n=p(e);return e=t===360?e:Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(String(e*t),10)/100),Math.abs(e-t)<1e-6?1:(e=t===360?(e<0?e%t+t:e%t)/parseFloat(String(t)):e%t/parseFloat(String(t)),e)}function d(e){return Math.min(1,Math.max(0,e))}function f(e){return typeof e==`string`&&e.indexOf(`.`)!==-1&&parseFloat(e)===1}function p(e){return typeof e==`string`&&e.indexOf(`%`)!==-1}function m(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function h(e){return Number(e)<=1?`${Number(e)*100}%`:e}function g(e){return e.length===1?`0`+e:String(e)}function _(e,t,n){return{r:u(e,255)*255,g:u(t,255)*255,b:u(n,255)*255}}function v(e,t,n){e=u(e,255),t=u(t,255),n=u(n,255);let r=Math.max(e,t,n),i=Math.min(e,t,n),a=0,o=0,s=(r+i)/2;if(r===i)o=0,a=0;else{let c=r-i;switch(o=s>.5?c/(2-r-i):c/(r+i),r){case e:a=(t-n)/c+(t<n?6:0);break;case t:a=(n-e)/c+2;break;case n:a=(e-t)/c+4;break;default:break}a/=6}return{h:a,s:o,l:s}}function y(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*(6*n):n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function b(e,t,n){let r,i,a;if(e=u(e,360),t=u(t,100),n=u(n,100),t===0)i=n,a=n,r=n;else{let o=n<.5?n*(1+t):n+t-n*t,s=2*n-o;r=y(s,o,e+1/3),i=y(s,o,e),a=y(s,o,e-1/3)}return{r:r*255,g:i*255,b:a*255}}function x(e,t,n){e=u(e,255),t=u(t,255),n=u(n,255);let r=Math.max(e,t,n),i=Math.min(e,t,n),a=0,o=r,s=r-i,c=r===0?0:s/r;if(r===i)a=0;else{switch(r){case e:a=(t-n)/s+(t<n?6:0);break;case t:a=(n-e)/s+2;break;case n:a=(e-t)/s+4;break;default:break}a/=6}return{h:a,s:c,v:o}}function S(e,t,n){e=u(e,360)*6,t=u(t,100),n=u(n,100);let r=Math.floor(e),i=e-r,a=n*(1-t),o=n*(1-i*t),s=n*(1-(1-i)*t),c=r%6,l=[n,o,a,a,s,n][c],d=[s,n,n,o,a,a][c],f=[a,a,s,n,n,o][c];return{r:l*255,g:d*255,b:f*255}}function C(e,t,n,r){let i=[g(Math.round(e).toString(16)),g(Math.round(t).toString(16)),g(Math.round(n).toString(16))];return r&&i[0].startsWith(i[0].charAt(1))&&i[1].startsWith(i[1].charAt(1))&&i[2].startsWith(i[2].charAt(1))?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0):i.join(``)}function w(e,t,n,r,i){let a=[g(Math.round(e).toString(16)),g(Math.round(t).toString(16)),g(Math.round(n).toString(16)),g(D(r))];return i&&a[0].startsWith(a[0].charAt(1))&&a[1].startsWith(a[1].charAt(1))&&a[2].startsWith(a[2].charAt(1))&&a[3].startsWith(a[3].charAt(1))?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0):a.join(``)}function T(e,t,n,r){let i=e/100,a=t/100,o=n/100,s=r/100;return{r:255*(1-i)*(1-s),g:255*(1-a)*(1-s),b:255*(1-o)*(1-s)}}function E(e,t,n){let r=1-e/255,i=1-t/255,a=1-n/255,o=Math.min(r,i,a);return o===1?(r=0,i=0,a=0):(r=(r-o)/(1-o)*100,i=(i-o)/(1-o)*100,a=(a-o)/(1-o)*100),o*=100,{c:Math.round(r),m:Math.round(i),y:Math.round(a),k:Math.round(o)}}function D(e){return Math.round(parseFloat(e)*255).toString(16)}function O(e){return k(e)/255}function k(e){return parseInt(e,16)}function A(e){return{r:e>>16,g:(e&65280)>>8,b:e&255}}var j={aliceblue:`#f0f8ff`,antiquewhite:`#faebd7`,aqua:`#00ffff`,aquamarine:`#7fffd4`,azure:`#f0ffff`,beige:`#f5f5dc`,bisque:`#ffe4c4`,black:`#000000`,blanchedalmond:`#ffebcd`,blue:`#0000ff`,blueviolet:`#8a2be2`,brown:`#a52a2a`,burlywood:`#deb887`,cadetblue:`#5f9ea0`,chartreuse:`#7fff00`,chocolate:`#d2691e`,coral:`#ff7f50`,cornflowerblue:`#6495ed`,cornsilk:`#fff8dc`,crimson:`#dc143c`,cyan:`#00ffff`,darkblue:`#00008b`,darkcyan:`#008b8b`,darkgoldenrod:`#b8860b`,darkgray:`#a9a9a9`,darkgreen:`#006400`,darkgrey:`#a9a9a9`,darkkhaki:`#bdb76b`,darkmagenta:`#8b008b`,darkolivegreen:`#556b2f`,darkorange:`#ff8c00`,darkorchid:`#9932cc`,darkred:`#8b0000`,darksalmon:`#e9967a`,darkseagreen:`#8fbc8f`,darkslateblue:`#483d8b`,darkslategray:`#2f4f4f`,darkslategrey:`#2f4f4f`,darkturquoise:`#00ced1`,darkviolet:`#9400d3`,deeppink:`#ff1493`,deepskyblue:`#00bfff`,dimgray:`#696969`,dimgrey:`#696969`,dodgerblue:`#1e90ff`,firebrick:`#b22222`,floralwhite:`#fffaf0`,forestgreen:`#228b22`,fuchsia:`#ff00ff`,gainsboro:`#dcdcdc`,ghostwhite:`#f8f8ff`,goldenrod:`#daa520`,gold:`#ffd700`,gray:`#808080`,green:`#008000`,greenyellow:`#adff2f`,grey:`#808080`,honeydew:`#f0fff0`,hotpink:`#ff69b4`,indianred:`#cd5c5c`,indigo:`#4b0082`,ivory:`#fffff0`,khaki:`#f0e68c`,lavenderblush:`#fff0f5`,lavender:`#e6e6fa`,lawngreen:`#7cfc00`,lemonchiffon:`#fffacd`,lightblue:`#add8e6`,lightcoral:`#f08080`,lightcyan:`#e0ffff`,lightgoldenrodyellow:`#fafad2`,lightgray:`#d3d3d3`,lightgreen:`#90ee90`,lightgrey:`#d3d3d3`,lightpink:`#ffb6c1`,lightsalmon:`#ffa07a`,lightseagreen:`#20b2aa`,lightskyblue:`#87cefa`,lightslategray:`#778899`,lightslategrey:`#778899`,lightsteelblue:`#b0c4de`,lightyellow:`#ffffe0`,lime:`#00ff00`,limegreen:`#32cd32`,linen:`#faf0e6`,magenta:`#ff00ff`,maroon:`#800000`,mediumaquamarine:`#66cdaa`,mediumblue:`#0000cd`,mediumorchid:`#ba55d3`,mediumpurple:`#9370db`,mediumseagreen:`#3cb371`,mediumslateblue:`#7b68ee`,mediumspringgreen:`#00fa9a`,mediumturquoise:`#48d1cc`,mediumvioletred:`#c71585`,midnightblue:`#191970`,mintcream:`#f5fffa`,mistyrose:`#ffe4e1`,moccasin:`#ffe4b5`,navajowhite:`#ffdead`,navy:`#000080`,oldlace:`#fdf5e6`,olive:`#808000`,olivedrab:`#6b8e23`,orange:`#ffa500`,orangered:`#ff4500`,orchid:`#da70d6`,palegoldenrod:`#eee8aa`,palegreen:`#98fb98`,paleturquoise:`#afeeee`,palevioletred:`#db7093`,papayawhip:`#ffefd5`,peachpuff:`#ffdab9`,peru:`#cd853f`,pink:`#ffc0cb`,plum:`#dda0dd`,powderblue:`#b0e0e6`,purple:`#800080`,rebeccapurple:`#663399`,red:`#ff0000`,rosybrown:`#bc8f8f`,royalblue:`#4169e1`,saddlebrown:`#8b4513`,salmon:`#fa8072`,sandybrown:`#f4a460`,seagreen:`#2e8b57`,seashell:`#fff5ee`,sienna:`#a0522d`,silver:`#c0c0c0`,skyblue:`#87ceeb`,slateblue:`#6a5acd`,slategray:`#708090`,slategrey:`#708090`,snow:`#fffafa`,springgreen:`#00ff7f`,steelblue:`#4682b4`,tan:`#d2b48c`,teal:`#008080`,thistle:`#d8bfd8`,tomato:`#ff6347`,turquoise:`#40e0d0`,violet:`#ee82ee`,wheat:`#f5deb3`,white:`#ffffff`,whitesmoke:`#f5f5f5`,yellow:`#ffff00`,yellowgreen:`#9acd32`};function M(e){let t={r:0,g:0,b:0},n=1,r=null,i=null,a=null,o=!1,s=!1;return typeof e==`string`&&(e=P(e)),typeof e==`object`&&(F(e.r)&&F(e.g)&&F(e.b)?(t=_(e.r,e.g,e.b),o=!0,s=String(e.r).substr(-1)===`%`?`prgb`:`rgb`):F(e.h)&&F(e.s)&&F(e.v)?(r=h(e.s),i=h(e.v),t=S(e.h,r,i),o=!0,s=`hsv`):F(e.h)&&F(e.s)&&F(e.l)?(r=h(e.s),a=h(e.l),t=b(e.h,r,a),o=!0,s=`hsl`):F(e.c)&&F(e.m)&&F(e.y)&&F(e.k)&&(t=T(e.c,e.m,e.y,e.k),o=!0,s=`cmyk`),Object.prototype.hasOwnProperty.call(e,`a`)&&(n=e.a)),n=m(n),{ok:o,format:e.format||s,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}var N={CSS_UNIT:RegExp(`(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)`),rgb:RegExp(`rgb[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),rgba:RegExp(`rgba[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),hsl:RegExp(`hsl[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),hsla:RegExp(`hsla[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),hsv:RegExp(`hsv[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),hsva:RegExp(`hsva[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),cmyk:RegExp(`cmyk[\\s|\\(]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))[,|\\s]+((?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?))\\s*\\)?`),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function P(e){if(e=e.trim().toLowerCase(),e.length===0)return!1;let t=!1;if(j[e])e=j[e],t=!0;else if(e===`transparent`)return{r:0,g:0,b:0,a:0,format:`name`};let n=N.rgb.exec(e);return n?{r:n[1],g:n[2],b:n[3]}:(n=N.rgba.exec(e),n?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=N.hsl.exec(e),n?{h:n[1],s:n[2],l:n[3]}:(n=N.hsla.exec(e),n?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=N.hsv.exec(e),n?{h:n[1],s:n[2],v:n[3]}:(n=N.hsva.exec(e),n?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=N.cmyk.exec(e),n?{c:n[1],m:n[2],y:n[3],k:n[4]}:(n=N.hex8.exec(e),n?{r:k(n[1]),g:k(n[2]),b:k(n[3]),a:O(n[4]),format:t?`name`:`hex8`}:(n=N.hex6.exec(e),n?{r:k(n[1]),g:k(n[2]),b:k(n[3]),format:t?`name`:`hex`}:(n=N.hex4.exec(e),n?{r:k(n[1]+n[1]),g:k(n[2]+n[2]),b:k(n[3]+n[3]),a:O(n[4]+n[4]),format:t?`name`:`hex8`}:(n=N.hex3.exec(e),n?{r:k(n[1]+n[1]),g:k(n[2]+n[2]),b:k(n[3]+n[3]),format:t?`name`:`hex`}:!1))))))))))}function F(e){return typeof e==`number`?!Number.isNaN(e):N.CSS_UNIT.test(e)}var I=class e{constructor(t=``,n={}){if(t instanceof e)return t;typeof t==`number`&&(t=A(t)),this.originalInput=t;let r=M(t);this.originalInput=t,this.r=r.r,this.g=r.g,this.b=r.b,this.a=r.a,this.roundA=Math.round(100*this.a)/100,this.format=n.format??r.format,this.gradientType=n.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=r.ok}isDark(){return this.getBrightness()<128}isLight(){return!this.isDark()}getBrightness(){let e=this.toRgb();return(e.r*299+e.g*587+e.b*114)/1e3}getLuminance(){let e=this.toRgb(),t,n,r,i=e.r/255,a=e.g/255,o=e.b/255;return t=i<=.03928?i/12.92:((i+.055)/1.055)**2.4,n=a<=.03928?a/12.92:((a+.055)/1.055)**2.4,r=o<=.03928?o/12.92:((o+.055)/1.055)**2.4,.2126*t+.7152*n+.0722*r}getAlpha(){return this.a}setAlpha(e){return this.a=m(e),this.roundA=Math.round(100*this.a)/100,this}isMonochrome(){let{s:e}=this.toHsl();return e===0}toHsv(){let e=x(this.r,this.g,this.b);return{h:e.h*360,s:e.s,v:e.v,a:this.a}}toHsvString(){let e=x(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.v*100);return this.a===1?`hsv(${t}, ${n}%, ${r}%)`:`hsva(${t}, ${n}%, ${r}%, ${this.roundA})`}toHsl(){let e=v(this.r,this.g,this.b);return{h:e.h*360,s:e.s,l:e.l,a:this.a}}toHslString(){let e=v(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.l*100);return this.a===1?`hsl(${t}, ${n}%, ${r}%)`:`hsla(${t}, ${n}%, ${r}%, ${this.roundA})`}toHex(e=!1){return C(this.r,this.g,this.b,e)}toHexString(e=!1){return`#`+this.toHex(e)}toHex8(e=!1){return w(this.r,this.g,this.b,this.a,e)}toHex8String(e=!1){return`#`+this.toHex8(e)}toHexShortString(e=!1){return this.a===1?this.toHexString(e):this.toHex8String(e)}toRgb(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}}toRgbString(){let e=Math.round(this.r),t=Math.round(this.g),n=Math.round(this.b);return this.a===1?`rgb(${e}, ${t}, ${n})`:`rgba(${e}, ${t}, ${n}, ${this.roundA})`}toPercentageRgb(){let e=e=>`${Math.round(u(e,255)*100)}%`;return{r:e(this.r),g:e(this.g),b:e(this.b),a:this.a}}toPercentageRgbString(){let e=e=>Math.round(u(e,255)*100);return this.a===1?`rgb(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%)`:`rgba(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%, ${this.roundA})`}toCmyk(){return{...E(this.r,this.g,this.b)}}toCmykString(){let{c:e,m:t,y:n,k:r}=E(this.r,this.g,this.b);return`cmyk(${e}, ${t}, ${n}, ${r})`}toName(){if(this.a===0)return`transparent`;if(this.a<1)return!1;let e=`#`+C(this.r,this.g,this.b,!1);for(let[t,n]of Object.entries(j))if(e===n)return t;return!1}toString(e){let t=!!e;e??=this.format;let n=!1,r=this.a<1&&this.a>=0;return!t&&r&&(e.startsWith(`hex`)||e===`name`)?e===`name`&&this.a===0?this.toName():this.toRgbString():(e===`rgb`&&(n=this.toRgbString()),e===`prgb`&&(n=this.toPercentageRgbString()),(e===`hex`||e===`hex6`)&&(n=this.toHexString()),e===`hex3`&&(n=this.toHexString(!0)),e===`hex4`&&(n=this.toHex8String(!0)),e===`hex8`&&(n=this.toHex8String()),e===`name`&&(n=this.toName()),e===`hsl`&&(n=this.toHslString()),e===`hsv`&&(n=this.toHsvString()),e===`cmyk`&&(n=this.toCmykString()),n||this.toHexString())}toNumber(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)}clone(){return new e(this.toString())}lighten(t=10){let n=this.toHsl();return n.l+=t/100,n.l=d(n.l),new e(n)}brighten(t=10){let n=this.toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(255*-(t/100)))),n.g=Math.max(0,Math.min(255,n.g-Math.round(255*-(t/100)))),n.b=Math.max(0,Math.min(255,n.b-Math.round(255*-(t/100)))),new e(n)}darken(t=10){let n=this.toHsl();return n.l-=t/100,n.l=d(n.l),new e(n)}tint(e=10){return this.mix(`white`,e)}shade(e=10){return this.mix(`black`,e)}desaturate(t=10){let n=this.toHsl();return n.s-=t/100,n.s=d(n.s),new e(n)}saturate(t=10){let n=this.toHsl();return n.s+=t/100,n.s=d(n.s),new e(n)}greyscale(){return this.desaturate(100)}spin(t){let n=this.toHsl(),r=(n.h+t)%360;return n.h=r<0?360+r:r,new e(n)}mix(t,n=50){let r=this.toRgb(),i=new e(t).toRgb(),a=n/100,o={r:(i.r-r.r)*a+r.r,g:(i.g-r.g)*a+r.g,b:(i.b-r.b)*a+r.b,a:(i.a-r.a)*a+r.a};return new e(o)}analogous(t=6,n=30){let r=this.toHsl(),i=360/n,a=[this];for(r.h=(r.h-(i*t>>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(new e(r));return a}complement(){let t=this.toHsl();return t.h=(t.h+180)%360,new e(t)}monochromatic(t=6){let n=this.toHsv(),{h:r}=n,{s:i}=n,{v:a}=n,o=[],s=1/t;for(;t--;)o.push(new e({h:r,s:i,v:a})),a=(a+s)%1;return o}splitcomplement(){let t=this.toHsl(),{h:n}=t;return[this,new e({h:(n+72)%360,s:t.s,l:t.l}),new e({h:(n+216)%360,s:t.s,l:t.l})]}onBackground(t){let n=this.toRgb(),r=new e(t).toRgb(),i=n.a+r.a*(1-n.a);return new e({r:(n.r*n.a+r.r*r.a*(1-n.a))/i,g:(n.g*n.a+r.g*r.a*(1-n.a))/i,b:(n.b*n.a+r.b*r.a*(1-n.a))/i,a:i})}triad(){return this.polyad(3)}tetrad(){return this.polyad(4)}polyad(t){let n=this.toHsl(),{h:r}=n,i=[this],a=360/t;for(let o=1;o<t;o++)i.push(new e({h:(r+o*a)%360,s:n.s,l:n.l}));return i}equals(t){let n=new e(t);return this.format===`cmyk`||n.format===`cmyk`?this.toCmykString()===n.toCmykString():this.toRgbString()===n.toRgbString()}},L=/^hs[v|l]a?\s?\((\d{1,3}\.?\d*?),?\s?(\d{1,3})/,R=/(^hs[v|l]a?\s?\()\d{1,3}\.?\d*?(,?\s?)\d{1,3}/,z=/(^hs[v|l]a?\()\d{1,3}/,B=(e,t)=>t?e.toHexString():e.toHex(),V=class{setColorProcess(e,t,n,r){this.maintains===`hue`?this.setColorMaintainHue(e,t,n,r):this.maintains===`saturation`&&this.setColorMaintainSaturation(e,t,n,r)}setColorMaintainHue(e,t,n,r){let{h:i,s:a,v:o,a:s}=this._color.toHsv(),c;if(r&&n.startsWith(`hs`)){let e=L.exec(t);if(e!==null){let[,t]=e;c=Number(t)}}else if(!r&&n.startsWith(`hs`)){let t=e.originalInput;c=Object.values(t)[0]}this.hue=c||i,this.opacity=s??1,this.applyColorToState({h:i,s:a,v:o,a:s})}setColorMaintainSaturation(e,t,n,r){let{a:i}=this._color.toHsv();if(r&&n.startsWith(`hs`)){let e=L.exec(t);if(e!==null){let[,t,n]=e;this.hue=Number(t),this.saturation=Number(n)}}else if(!r&&n.startsWith(`hs`)){let t=e.originalInput,n=Object.values(t);this.hue=n[0],this.saturation=n[1]}else{let{h:t}=e.toHsv();this.hue=t}this.opacity=i??1,this.applyColorToState(e.toHsv())}constructor(e,{applyColorToState:t,extractColorFromState:n,maintains:r}){this.maintains=`hue`,this._hue=0,this._opacity=1,this.getColorProcesses={rgb:(e,t)=>t?e.toRgbString():e.toRgb(),prgb:(e,t)=>t?e.toPercentageRgbString():e.toPercentageRgb(),hex8:(e,t)=>t?e.toHex8String():e.toHex8(),name:e=>e.toName()||e.toRgbString(),hsl:(e,t)=>{if(this.maintains===`hue`){if(t)return e.toHslString().replace(z,`$1${this.hue}`);let{s:n,l:r,a:i}=e.toHsl();return{h:this.hue,s:n,l:r,a:i}}if(t)return e.toHslString().replace(R,`$1${this.hue}$2${this.saturation}`);let{s:n,l:r,a:i}=e.toHsl();return{h:this.hue,s:n,l:r,a:i}},hsv:(e,t)=>{if(this.maintains===`hue`){if(t)return e.toHsvString().replace(z,`$1${this.hue}`);let{s:n,v:r,a:i}=e.toHsv();return{h:this.hue,s:n,v:r,a:i}}if(t)return e.toHsvString().replace(R,`$1${this.hue}$2${this.saturation}`);let{s:n,v:r,a:i}=e.toHsv();return{h:this.hue,s:n,v:r,a:i}},hex:B,hex3:B,hex4:B,hex6:B},this._color=new I({h:0,s:1,v:1}),this._previousColor=new I({h:0,s:1,v:1}),this._format={format:``,isString:!1},this.host=e,this.applyColorToState=t,this.extractColorFromState=n,this.maintains=r||this.maintains}applyColorFromState(){this._color=new I(this.extractColorFromState(this))}get hue(){return this._hue}set hue(e){let t=Math.min(360,Math.max(0,e));if(t===this.hue)return;let n=this.hue,{s:r,v:i,a}=this._color.toHsv();this._color=new I({h:t,s:r,v:i,a}),this._hue=t,this.host.requestUpdate(`hue`,n)}get opacity(){return this._opacity}set opacity(e){let t=Math.min(1,Math.max(0,e));if(t===this.opacity)return;let n=this.opacity,{h:r,s:i,v:a}=this._color.toHsv();this._color=new I({h:r,s:i,v:a,a:t}),this._opacity=t,this.host.requestUpdate(`opacity`,n)}get value(){return this.color}get color(){return this.getColorProcesses[this._format.format||`hex`](this._color,this._format.isString)}set color(e){if(e===this.color)return;let t=this._color;this._color=new I(e);let n=this._color.format,r=typeof e==`string`||e instanceof String;n.startsWith(`hex`)&&(r=e.startsWith(`#`)),this._format={format:n,isString:r},this.setColorProcess(this._color,e,n,r),this.host.requestUpdate(`color`,t)}getColor(e){return this._color[{hsl:`toHsl`}[e]]()}setColor(e){this._color=e;let t=typeof this._color.originalInput==`string`||this._color.originalInput instanceof String;this.setColorProcess(this._color,e,this._color.format,t)}getHslString(){return this._color.toHslString()}savePreviousColor(){this._previousColor=this._color.clone()}restorePreviousColor(){this.setColor(this._previousColor)}},H=`.opacity-checkerboard{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);block-size:100%;inline-size:100%;position:absolute}:host{--luzmo-color-slider-gradient-fallback:red 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%;touch-action:none}:host([vertical]) .handle{inset-block-start:unset;inset-block-end:0}:host([vertical]) .slider{appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){width:100%;height:100%}@media (forced-colors:active){:host{--highcontrast-color-slider-border-color:CanvasText;--highcontrast-color-slider-border-color-disabled:GrayText;--highcontrast-color-slider-background-color-disabled:Canvas;forced-color-adjust:none}}:host{--luzmo-color-handle-hitarea-border-radius:var(--luzmo-color-slider-handle-hitarea-border-radius,0px);min-inline-size:var(--luzmo-color-slider-minimum-length,80px);inline-size:var(--luzmo-color-slider-length,192px);block-size:var(--luzmo-color-slider-control-track-width,24px);-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--luzmo-color-slider-vertical-minimum-height,var(--luzmo-color-slider-minimum-length,80px));block-size:var(--luzmo-color-slider-vertical-height,var(--luzmo-color-slider-length,192px));min-inline-size:0;inline-size:var(--luzmo-color-slider-vertical-control-track-width,var(--luzmo-color-slider-control-track-height,24px));display:inline-block}:host([vertical]) .handle{inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--luzmo-color-slider-border-color-local:var(--highcontrast-color-slider-border-color,var(--luzmo-color-slider-border-color,var(--luzmo-border-color)))}.checkerboard:before{content:"";z-index:1;box-shadow:inset 0 0 0 var(--luzmo-color-slider-border-width,var(--luzmo-border-width)) var(--luzmo-color-slider-border-color-local);border-radius:var(--luzmo-color-slider-border-rounding,var(--luzmo-border-radius-s));position:absolute;inset:0}:host([disabled]) .checkerboard{--luzmo-color-slider-border-color-local:var(--highcontrast-color-slider-border-color-disabled,var(--luzmo-color-slider-border-color-disabled,var(--luzmo-dimmed-color)));background:var(--highcontrast-color-slider-background-color-disabled,var(--luzmo-color-slider-background-color-disabled,var(--luzmo-dimmed-color)))}.checkerboard,.gradient{border-radius:var(--luzmo-color-slider-border-rounding,var(--luzmo-border-radius-s));block-size:100%;inline-size:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.gradient: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)){transform:scaleX(-1)}.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}`,U=class extends n{constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.label=`hue`,this.vertical=!1,this.languageResolver=new s(this),this.colorController=new V(this,{applyColorToState:()=>{if(this.mode===`opacity`){let e=new I(this.colorController.color);this.sliderHandlePosition=100*e.getAlpha()}else this.sliderHandlePosition=100*(this.colorController.hue/360)},extractColorFromState:e=>this.mode===`opacity`?{...e.getColor(`hsl`),a:this.value}:{...e.getColor(`hsl`),h:this.value},maintains:`saturation`}),this.sliderHandlePosition=0,this.step=1,this.isLTR=!0,this._altered=0,this._pointerDown=!1}static get styles(){return[t(H)]}get value(){return this.mode===`opacity`?this.colorController.opacity:this.colorController.hue}set value(e){this.mode===`opacity`?this.colorController.opacity=e:this.colorController.hue=e}get color(){return this.colorController.color}set color(e){this.colorController.color=e}get altered(){return this._altered}set altered(e){this._altered=e,this.step=Math.max(1,this.altered*10)}get focusElement(){return this.input}handleKeydown(e){let{key:t}=e;this.focused=!0,this.altered=[e.shiftKey,e.ctrlKey,e.altKey].filter(e=>!!e).length;let n=0;switch(t){case`ArrowUp`:n=this.step;break;case`ArrowDown`:n=-this.step;break;case`ArrowLeft`:n=this.step*(this.isLTR?-1:1);break;case`ArrowRight`:n=this.step*(this.isLTR?1:-1);break;default:return}e.preventDefault();let r=100/(this.mode===`opacity`?100:360);this.sliderHandlePosition=Math.min(100,Math.max(0,this.sliderHandlePosition+n*r)),this.value=this.mode===`opacity`?Math.min(1,Math.max(0,this.value+n/100)):Math.min(360,Math.max(0,this.value+n)),this.colorController.applyColorFromState(),n!==0&&(this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})))}handleInput(e){let{valueAsNumber:t}=e.target;this.value=t,this.sliderHandlePosition=100*(this.mode===`opacity`?this.value:this.value/360),this.colorController.applyColorFromState()}handleChange(e){this.handleInput(e),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}focus(e={}){super.focus(e),this.forwardFocus()}forwardFocus(){this.input.focus()}handleFocus(){this.focused=!0}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1)}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){this.sliderHandlePosition=this.calculateHandlePosition(e),this.value=(this.mode===`opacity`?1:360)*(this.sliderHandlePosition/100),this.colorController.applyColorFromState(),this.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(e){this._pointerDown=!1,e.target.releasePointerCapture(e.pointerId),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor(),this.focus(),e.pointerType===`mouse`&&(this.focused=!1)}calculateHandlePosition(e){if(!this.boundingClientRect)return this.sliderHandlePosition;let t=this.boundingClientRect,n=this.vertical?t.top:t.left,r=this.vertical?e.clientY:e.clientX,i=this.vertical?t.height:t.width,a=Math.max(0,Math.min(1,(r-n)/i));return this.vertical||!this.isLTR?100-100*a:100*a}handleGradientPointerdown(e){e.button===0&&(e.stopPropagation(),e.preventDefault(),this.handle.dispatchEvent(new PointerEvent(`pointerdown`,e)),this.handlePointermove(e))}get handlePositionStyles(){return`${this.vertical?`inset-block-end`:`inset-inline-start`}: ${this.sliderHandlePosition}%`}get getColorSliderStyle(){let e=this.vertical?`top`:`right`;return this.mode===`opacity`?{background:`linear-gradient(to ${e}, transparent, ${new I(this.colorController.color).setAlpha(1).toRgbString()})`}:{background:`linear-gradient(to ${e}, var(--luzmo-color-slider-gradient, var(--luzmo-color-slider-gradient-fallback)))`}}render(){return e`
3
+ <div
4
+ class="opacity-checkerboard checkerboard"
5
+ role="presentation"
6
+ @pointerdown=${this.handleGradientPointerdown}
7
+ >
8
+ <div
9
+ class="gradient"
10
+ role="presentation"
11
+ style=${c(this.getColorSliderStyle)}
12
+ >
13
+ <slot name="gradient"></slot>
14
+ </div>
15
+ </div>
16
+ <luzmo-color-handle
17
+ tabindex=${i(this.focused?void 0:`0`)}
18
+ @focus=${this.forwardFocus}
19
+ ?focused=${this.focused}
20
+ class="handle"
21
+ color=${this.mode===`opacity`?this.color:`hsl(`+this.value+`, 100%, 50%)`}
22
+ ?disabled=${this.disabled}
23
+ style=${this.handlePositionStyles}
24
+ ${l({start:[`pointerdown`,this.handlePointerdown],streamInside:[`pointermove`,this.handlePointermove],end:[[`pointerup`,`pointercancel`,`pointerleave`],this.handlePointerup]})}
25
+ ></luzmo-color-handle>
26
+ <input
27
+ type="range"
28
+ class="slider"
29
+ min="0"
30
+ max=${this.mode===`opacity`?`100`:`360`}
31
+ aria-orientation=${i(this.vertical?`vertical`:void 0)}
32
+ orient=${i(this.vertical?`vertical`:void 0)}
33
+ step=${this.step}
34
+ aria-label=${this.label}
35
+ .value=${String(this.mode===`opacity`?this.value*100:this.value)}
36
+ aria-valuetext=${`${new Intl.NumberFormat(this.languageResolver.language,{maximumFractionDigits:0,minimumIntegerDigits:1,style:`unit`,unit:this.mode===`opacity`?`percent`:`degree`,unitDisplay:`narrow`}).format(this.mode===`opacity`?this.value*100:this.value)}`}
37
+ @input=${this.handleInput}
38
+ @change=${this.handleChange}
39
+ @keydown=${this.handleKeydown}
40
+ />
41
+ `}firstUpdated(e){super.firstUpdated(e),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener(`focus`,this.handleFocus),this.addEventListener(`blur`,this.handleBlur)}updated(e){e.has(`mode`)&&(this.handle.style.insetInlineStart=``,this.handle.style.insetBlockEnd=``,this.mode===`opacity`&&(this.colorController.color=new I(this.colorController.color).toRgbString(),this.handle.style.insetInlineStart=100*this.colorController.opacity+`%`))}};a([o({type:String,reflect:!0})],U.prototype,`dir`,void 0),a([o({type:String,reflect:!0})],U.prototype,`mode`,void 0),a([o({type:Boolean,reflect:!0})],U.prototype,`disabled`,void 0),a([o({type:Boolean,reflect:!0})],U.prototype,`focused`,void 0),a([r(`.handle`)],U.prototype,`handle`,void 0),a([o({type:String})],U.prototype,`label`,void 0),a([o({type:Boolean,reflect:!0})],U.prototype,`vertical`,void 0),a([o({type:Number})],U.prototype,`value`,null),a([o({type:Number,reflect:!0})],U.prototype,`sliderHandlePosition`,void 0),a([o({type:String})],U.prototype,`color`,null),a([o({type:Number})],U.prototype,`step`,void 0),a([o({type:Boolean,attribute:`is-ltr`})],U.prototype,`isLTR`,void 0),a([r(`input`)],U.prototype,`input`,void 0),customElements.get(`luzmo-color-slider`)||customElements.define(`luzmo-color-slider`,U);export{I as n,U as t};
@@ -0,0 +1,2 @@
1
+
2
+ function e(e,t,n){let r=e.getAttribute(t),i=r?r.split(/\s+/):[];i=i.filter(e=>!n.includes(e)),i.length>0?e.setAttribute(t,i.join(` `)):e.removeAttribute(t)}function t(t,n,r){let i=Array.isArray(r)?r:[r],a=t.getAttribute(n),o=a?a.split(/\s+/):[];return i.every(e=>o.includes(e))?()=>{}:(o.push(...i),t.setAttribute(n,o.join(` `)),()=>e(t,n,i))}export{e as n,t};
@@ -0,0 +1,2 @@
1
+
2
+ var e=Symbol(`dependency manager loaded`),t=class{get loaded(){return this._loaded}set loaded(t){t!==this.loaded&&(this._loaded=t,this.host.requestUpdate(e,!this.loaded))}constructor(e){this.dependencies={},this._loaded=!1,this.host=e}add(e,t){let n=!!t||typeof customElements<`u`&&!!customElements.get(e)||this.dependencies[e];!n&&typeof customElements<`u`&&customElements.whenDefined(e).then(()=>{this.add(e,!0)}),this.dependencies={...this.dependencies,[e]:n},this.loaded=Object.values(this.dependencies).every(Boolean)}};export{t};
@@ -0,0 +1,2 @@
1
+
2
+ var e={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},t=e=>(...t)=>({_$litDirective$:e,values:t}),n=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};export{n,e as r,t};
@@ -0,0 +1,2 @@
1
+
2
+ import{l as e}from"./lit-BN_lRQbJ.js";var{I:t}=e,n=e=>e,r=e=>e.strings===void 0,i=()=>document.createComment(``),a=(e,r,a)=>{let o=e._$AA.parentNode,s=r===void 0?e._$AB:r._$AA;if(a===void 0)a=new t(o.insertBefore(i(),s),o.insertBefore(i(),s),e,e.options);else{let t=a._$AB.nextSibling,r=a._$AM,i=r!==e;if(i){let t;a._$AQ?.(e),a._$AM=e,a._$AP!==void 0&&(t=e._$AU)!==r._$AU&&a._$AP(t)}if(t!==s||i){let e=a._$AA;for(;e!==t;){let t=n(e).nextSibling;n(o).insertBefore(e,s),e=t}}}return a},o=(e,t,n=e)=>(e._$AI(t,n),e),s={},c=(e,t=s)=>e._$AH=t,l=e=>e._$AH,u=e=>{e._$AR(),e._$AA.remove()};export{o as a,r as i,u as n,a as o,c as r,l as t};
@@ -0,0 +1,2 @@
1
+
2
+ import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{c as n,l as r,u as i,y as a}from"./lucero-runtime-DGJ9-isg.js";import{t as o}from"./divider.module-sYekRHno.js";var s=class extends n(i,{validSizes:[`s`,`m`,`l`],noDefaultSize:!0}){constructor(...e){super(...e),this.vertical=!1}static{this.styles=[t(o)]}render(){return e``}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`role`,`separator`)}updated(e){super.updated(e),e.has(`vertical`)&&(this.vertical?this.setAttribute(`aria-orientation`,`vertical`):this.removeAttribute(`aria-orientation`))}};r([a({type:Boolean,reflect:!0})],s.prototype,`vertical`,void 0),r([a({type:String,reflect:!0,attribute:`static-color`})],s.prototype,`staticColor`,void 0),customElements.get(`luzmo-divider`)||customElements.define(`luzmo-divider`,s);export{s as t};
@@ -0,0 +1,2 @@
1
+
2
+ var e=`@media (forced-colors:active){:host{background-color:canvastext!important}}:host{block-size:var(--luzmo-divider-thickness,var(--divider-thickness));border-radius:var(--luzmo-divider-thickness,var(--divider-thickness));background-color:var(--luzmo-divider-background-color,var(--divider-background-color));inline-size:100%;overflow:visible;border:none!important;border-width:var(--luzmo-divider-thickness,var(--divider-thickness))!important}:host([size=s]){--divider-thickness:var(--divider-thickness-small,var(--luzmo-border-width));--divider-background-color:var(--divider-background-color-small)}:host,:host{--divider-thickness:var(--divider-thickness-medium,var(--luzmo-border-width));--divider-background-color:var(--divider-background-color-medium)}:host([size=l]){--divider-thickness:var(--divider-thickness-large,var(--luzmo-border-width));--divider-background-color:var(--divider-background-color-large)}:host([static-color=white][size=s]){--divider-background-color:var(--luzmo-divider-background-color-small-static-white,var(--divider-background-color-small-static-white))}:host([static-color=white]){--divider-background-color:var(--luzmo-divider-background-color-medium-static-white,var(--divider-background-color-medium-static-white))}:host([static-color=white][size=l]){--divider-background-color:var(--luzmo-divider-background-color-large-static-white,var(--divider-background-color-large-static-white))}:host([static-color=black][size=s]){--divider-background-color:var(--luzmo-divider-background-color-small-static-black,var(--divider-background-color-small-static-black))}:host([static-color=black]){--divider-background-color:var(--luzmo-divider-background-color-medium-static-black,var(--divider-background-color-medium-static-black))}:host([static-color=black][size=l]){--divider-background-color:var(--luzmo-divider-background-color-large-static-black,var(--divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--luzmo-divider-thickness,var(--divider-thickness,var(--luzmo-border-width)));margin-block:var(--luzmo-divider-vertical-margin);block-size:100%;block-size:var(--luzmo-divider-vertical-height,100%);align-self:var(--luzmo-divider-vertical-align)}:host{--divider-background-color-small:#d5d5d5;--divider-background-color-medium:#d5d5d5;--divider-background-color-large:#d5d5d5;--divider-background-color-small-static-white:#ffffff40;--divider-background-color-medium-static-white:#ffffff40;--divider-background-color-large-static-white:#ffffffe6;--divider-background-color-small-static-black:#00000040;--divider-background-color-medium-static-black:#00000040;--divider-background-color-large-static-black:#000000e6;display:block}hr{border:none;margin:0}`;export{e as t};
@@ -0,0 +1,2 @@
1
+
2
+ var e=Symbol(`element resolver updated`),t=class{get element(){return this._element}set element(t){if(t===this.element)return;let n=this.element;this._element=t,this.host.requestUpdate(e,n)}get selector(){return this._selector}set selector(e){e!==this.selector&&(this.releaseElement(),this._selector=e,this.resolveElement())}get selectorAsId(){return this.selector.slice(1)}get selectorIsId(){return!!this.selector&&this.selector.startsWith(`#`)}constructor(e,{selector:t}={selector:``}){this._element=null,this._selector=``,this.mutationCallback=e=>{let t=!1;e.forEach(e=>{if(!t){if(e.type===`childList`){let n=this.element&&[...e.removedNodes].includes(this.element),r=!!this.selector&&[...e.addedNodes].some(e=>this.elementIsSelected(e));t=t||n||r}if(e.type===`attributes`){let n=e.target===this.element,r=!!this.selector&&this.elementIsSelected(e.target);t=t||n||r}}}),t&&this.resolveElement()},this.elementIsSelected=e=>this.selectorIsId?e?.id===this.selectorAsId:e?.matches?.(this.selector),this.host=e,this.selector=t,this.observer=new MutationObserver(this.mutationCallback),this.host.addController(this)}hostConnected(){this.resolveElement(),this.observer.observe(this.host.getRootNode(),{subtree:!0,childList:!0,attributes:!0})}hostDisconnected(){this.releaseElement(),this.observer.disconnect()}resolveElement(){if(!this.selector){this.releaseElement();return}let e=this.host.getRootNode();this.element=this.selectorIsId?e.getElementById(this.selectorAsId):e.querySelector(this.selector)}releaseElement(){this.element=null}};export{e as n,t};
@@ -0,0 +1,7 @@
1
+
2
+ import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{l as n,u as r,y as i}from"./lucero-runtime-DGJ9-isg.js";import{t as a}from"./manage-help-text-Cl9OJ2xf.js";var o=`.luzmo-FieldGroup--toplabel{flex-direction:column}.luzmo-FieldGroup--sidelabel{flex-direction:row}.group{flex-flow:column wrap;display:flex}:host([vertical]) .group{flex-direction:column}:host([horizontal]) .group{flex-direction:row}:host([horizontal]) .group slot:not([name])::slotted(:not(:last-child)){margin-inline-end:var(--field-group-margin)}:host([horizontal]) .group .luzmo-HelpText{flex-basis:100%}:host{--field-group-margin:16px;--field-group-readonly-delimiter:","}:host([horizontal][dir=rtl]) slot:not([name])::slotted(:not(:last-child)),:host([dir=rtl]:not([vertical])) slot:not([name])::slotted(:not(:last-child)){margin:0 0 0 var(--field-group-margin)}:host([horizontal][dir=ltr]) slot:not([name])::slotted(:not(:last-child)),:host([dir=ltr]:not([vertical])) slot:not([name])::slotted(:not(:last-child)){margin:0 var(--field-group-margin) 0 0}`,s=class extends a(r,{mode:`external`}){constructor(...e){super(...e),this.horizontal=!1,this.invalid=!1,this.label=``,this.vertical=!1}static get styles(){return[t(o)]}handleSlotchange(){}render(){return e`
3
+ <div class="group" role="presentation">
4
+ <slot @slotchange=${this.handleSlotchange}></slot>
5
+ </div>
6
+ ${this.renderHelpText(this.invalid)}
7
+ `}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`group`)}updated(e){super.updated(e),e.has(`label`)&&(this.label?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`))}};n([i({type:Boolean,reflect:!0})],s.prototype,`horizontal`,void 0),n([i({type:Boolean,reflect:!0})],s.prototype,`invalid`,void 0),n([i()],s.prototype,`label`,void 0),n([i({type:Boolean,reflect:!0})],s.prototype,`vertical`,void 0);export{s as t};
@@ -0,0 +1,9 @@
1
+
2
+ import"../tokens.js";import{c as e,i as t,y as n}from"./lit-BN_lRQbJ.js";import{c as r,g as i,l as a,u as o,y as s}from"./lucero-runtime-DGJ9-isg.js";import{n as c,t as l}from"./condition-attribute-with-id-Dv8Yd-N1.js";import{t as u}from"./random-id-CeLe5NEk.js";import{n as d,t as f}from"./element-resolution-DX0ea-Cd.js";var p=`:host{box-sizing:border-box;min-block-size:var(--luzmo-field-label-min-height,var(--field-label-min-height));padding-block:var(--luzmo-field-label-padding-block,var(--luzmo-field-label-top-to-text,var(--field-label-top-to-text)) var(--luzmo-field-label-bottom-to-text,var(--field-label-bottom-to-text)));padding-inline:0;padding-inline:var(--luzmo-field-label-padding-inline,0);margin-block:0;margin-block:var(--luzmo-field-label-margin-block,var(--luzmo-field-label-margin-block-start,0) var(--luzmo-field-label-margin-block-end,0));margin-inline:0;margin-inline:var(--luzmo-field-label-margin-inline,var(--luzmo-field-label-margin-inline-start,0) var(--luzmo-field-label-margin-inline-end,0));font-size:var(--luzmo-field-label-font-size,var(--field-label-font-size));font-weight:var(--luzmo-field-label-font-weight,var(--field-label-font-weight));line-height:var(--luzmo-field-label-line-height,var(--field-label-line-height));-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:var(--luzmo-field-label-color,var(--field-label-color));font-family:var(--luzmo-field-label-font-family,var(--luzmo-font-family));display:block}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--luzmo-field-label-line-height:var(--luzmo-field-label-line-height-cjk,var(--field-label-line-height-cjk))}:host([disabled]),:host([disabled]) .required-icon{--luzmo-field-label-color:var(--highcontrast-field-label-disabled-content-color,var(--luzmo-disabled-content-color,var(--field-label-disabled-content-color)))}.required-icon{margin-block:0;margin-inline:var(--luzmo-field-label-text-to-asterisk,var(--field-label-text-to-asterisk)) 0;vertical-align:initial;vertical-align:var(--luzmo-field-label-asterisk-vertical-align,baseline);display:inline-block}:host([side-aligned=start]),:host([side-aligned=end]){vertical-align:top;font-size:var(--luzmo-field-label-side-aligned-font-size,var(--field-label-side-aligned-font-size));block-size:var(--luzmo-field-label-side-aligned-height,var(--field-label-side-aligned-height));align-items:center;margin-block:0;margin-inline-end:var(--luzmo-field-label-side-padding-right,var(--field-label-side-padding-right));display:inline-flex}:host([side-aligned=end]){text-align:end}@media (forced-colors:active){:host{--highcontrast-field-label-disabled-content-color:GrayText}}:host{--field-label-color:var(--luzmo-font-color);--field-label-font-weight:var(--luzmo-font-weight);--field-label-line-height:var(--luzmo-line-height);--field-label-line-height-cjk:1.5;--field-label-disabled-content-color:var(--luzmo-font-color-disabled);--field-label-min-height:var(--luzmo-component-height-xs);--field-label-side-aligned-height:var(--luzmo-component-height);--field-label-top-to-text:calc(var(--luzmo-spacing-2));--field-label-bottom-to-text:var(--luzmo-spacing-2);--field-label-side-aligned-font-size:var(--luzmo-font-size);--field-label-font-size:var(--luzmo-font-size-s);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:0px}:host([size=s]){--field-label-min-height:var(--luzmo-component-height-xxs);--field-label-side-aligned-height:var(--luzmo-component-height-s);--field-label-top-to-text:calc(var(--luzmo-spacing-1));--field-label-bottom-to-text:var(--luzmo-spacing-1);--field-label-side-aligned-font-size:var(--luzmo-font-size-s);--field-label-font-size:var(--luzmo-font-size-xs);--field-label-side-padding-right:var(--luzmo-spacing-3);--field-label-text-to-asterisk:0px}:host([size=l]){--field-label-min-height:var(--luzmo-component-height-xs);--field-label-side-aligned-height:var(--luzmo-component-height-l);--field-label-top-to-text:var(--luzmo-spacing-3);--field-label-bottom-to-text:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--field-label-side-aligned-font-size:var(--luzmo-font-size-l);--field-label-font-size:var(--luzmo-font-size);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:var(--luzmo-spacing-1)}:host([size=xl]){--field-label-min-height:var(--luzmo-component-height-s);--field-label-side-aligned-height:var(--luzmo-component-height-xl);--field-label-top-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--field-label-bottom-to-text:var(--luzmo-spacing-3);--field-label-side-aligned-font-size:var(--luzmo-font-size-xl);--field-label-font-size:var(--luzmo-font-size-l);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:var(--luzmo-spacing-1)}label{display:inline-block}`,m=()=>e`
3
+ <div class="icon-container required-icon">*</div>
4
+ `,h=class extends r(o,{noDefaultSize:!0}){constructor(...e){super(...e),this.disabled=!1,this.id=``,this.for=``,this.required=!1,this.resolvedElement=new f(this)}static get styles(){return[n(p)]}handleClick(e){if(!this.target||this.disabled||e.defaultPrevented)return;this.target.focus();let t=this.getRootNode(),n=this.target,r=n.getRootNode(),i=r.host;r===t&&n.forceFocusVisible?n.forceFocusVisible():i&&i.forceFocusVisible&&i.forceFocusVisible()}applyTargetLabel(e){if(this.target=e||this.target,this.target){let t=this.target.applyFocusElementLabel,n=this.target.focusElement||this.target,r=n.getRootNode();t===void 0?r===this.getRootNode()?(e?l:c)(n,`aria-labelledby`,[this.id]):e?n.setAttribute(`aria-label`,this.labelText):n.removeAttribute(`aria-label`):t.call(this.target,this.labelText,this)}}async manageTarget(){this.applyTargetLabel();let e=this.resolvedElement.element;if(!e){this.target=e;return}e.localName.search(`-`)>0&&await customElements.whenDefined(e.localName),e.updateComplete!==void 0&&await e.updateComplete,this.applyTargetLabel(e)}get labelText(){let e=this.slotEl.assignedNodes({flatten:!0});return e.length===0?``:e.map(e=>(e.textContent||``).trim()).join(` `)}render(){return e`
5
+ <label>
6
+ <slot></slot>
7
+ ${this.required?e` ${m()} `:t}
8
+ </label>
9
+ `}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`click`,this.handleClick)}willUpdate(e){this.hasAttribute(`id`)||this.setAttribute(`id`,`${this.tagName.toLowerCase()}-${u()}`),e.has(`for`)&&(this.resolvedElement.selector=this.for?`#${this.for}`:``),(e.has(`id`)||e.has(d))&&this.manageTarget()}};a([s({type:Boolean,reflect:!0})],h.prototype,`disabled`,void 0),a([s({type:String})],h.prototype,`id`,void 0),a([s({type:String})],h.prototype,`for`,void 0),a([s({type:Boolean,reflect:!0})],h.prototype,`required`,void 0),a([i(`slot`)],h.prototype,`slotEl`,void 0),a([s({type:String,reflect:!0,attribute:`side-aligned`})],h.prototype,`sideAligned`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-field-label`)&&customElements.define(`luzmo-field-label`,h);export{h as t};
@@ -0,0 +1,2 @@
1
+
2
+ var e=class{constructor(e){this._map=new Map,this._roundAverageSize=!1,this.totalSize=0,e?.roundAverageSize===!0&&(this._roundAverageSize=!0)}set(e,t){let n=this._map.get(e)||0;this._map.set(e,t),this.totalSize+=t-n}get averageSize(){if(this._map.size>0){let e=this.totalSize/this._map.size;return this._roundAverageSize?Math.round(e):e}return 0}getSize(e){return this._map.get(e)}clear(){this._map.clear(),this.totalSize=0}};function t(e){return e===`horizontal`?`width`:`height`}var n=class{_getDefaultConfig(){return{direction:`vertical`}}constructor(e,t){this._latestCoords={left:0,top:0},this._direction=null,this._viewportSize={width:0,height:0},this.totalScrollSize={width:0,height:0},this.offsetWithinScroller={left:0,top:0},this._pendingReflow=!1,this._pendingLayoutUpdate=!1,this._pin=null,this._firstVisible=0,this._lastVisible=0,this._physicalMin=0,this._physicalMax=0,this._first=-1,this._last=-1,this._sizeDim=`height`,this._secondarySizeDim=`width`,this._positionDim=`top`,this._secondaryPositionDim=`left`,this._scrollPosition=0,this._scrollError=0,this._items=[],this._scrollSize=1,this._overhang=1e3,this._hostSink=e,Promise.resolve().then(()=>this.config=t||this._getDefaultConfig())}set config(e){Object.assign(this,Object.assign({},this._getDefaultConfig(),e))}get config(){return{direction:this.direction}}get items(){return this._items}set items(e){this._setItems(e)}_setItems(e){e!==this._items&&(this._items=e,this._scheduleReflow())}get direction(){return this._direction}set direction(e){e=e===`horizontal`?e:`vertical`,e!==this._direction&&(this._direction=e,this._sizeDim=e===`horizontal`?`width`:`height`,this._secondarySizeDim=e===`horizontal`?`height`:`width`,this._positionDim=e===`horizontal`?`left`:`top`,this._secondaryPositionDim=e===`horizontal`?`top`:`left`,this._triggerReflow())}get viewportSize(){return this._viewportSize}set viewportSize(e){let{_viewDim1:t,_viewDim2:n}=this;Object.assign(this._viewportSize,e),n===this._viewDim2?t!==this._viewDim1&&this._checkThresholds():this._scheduleLayoutUpdate()}get viewportScroll(){return this._latestCoords}set viewportScroll(e){Object.assign(this._latestCoords,e);let t=this._scrollPosition;this._scrollPosition=this._latestCoords[this._positionDim],Math.abs(t-this._scrollPosition)>=1&&this._checkThresholds()}reflowIfNeeded(e=!1){(e||this._pendingReflow)&&(this._pendingReflow=!1,this._reflow())}set pin(e){this._pin=e,this._triggerReflow()}get pin(){if(this._pin!==null){let{index:e,block:t}=this._pin;return{index:Math.max(0,Math.min(e,this.items.length-1)),block:t}}return null}_clampScrollPosition(e){return Math.max(-this.offsetWithinScroller[this._positionDim],Math.min(e,this.totalScrollSize[t(this.direction)]-this._viewDim1))}unpin(){this._pin!==null&&(this._sendUnpinnedMessage(),this._pin=null)}_updateLayout(){}get _viewDim1(){return this._viewportSize[this._sizeDim]}get _viewDim2(){return this._viewportSize[this._secondarySizeDim]}_scheduleReflow(){this._pendingReflow=!0}_scheduleLayoutUpdate(){this._pendingLayoutUpdate=!0,this._scheduleReflow()}_triggerReflow(){this._scheduleLayoutUpdate(),Promise.resolve().then(()=>this.reflowIfNeeded())}_reflow(){this._pendingLayoutUpdate&&=(this._updateLayout(),!1),this._updateScrollSize(),this._setPositionFromPin(),this._getActiveItems(),this._updateVisibleIndices(),this._sendStateChangedMessage()}_setPositionFromPin(){if(this.pin!==null){let e=this._scrollPosition,{index:t,block:n}=this.pin;this._scrollPosition=this._calculateScrollIntoViewPosition({index:t,block:n||`start`})-this.offsetWithinScroller[this._positionDim],this._scrollError=e-this._scrollPosition}}_calculateScrollIntoViewPosition(e){let{block:t}=e,n=Math.min(this.items.length,Math.max(0,e.index)),r=this._getItemPosition(n)[this._positionDim],i=r;if(t!==`start`){let e=this._getItemSize(n)[this._sizeDim];if(t===`center`)i=r-.5*this._viewDim1+.5*e;else{let n=r-this._viewDim1+e;if(t===`end`)i=n;else{let e=this._scrollPosition;i=Math.abs(e-r)<Math.abs(e-n)?r:n}}}return i+=this.offsetWithinScroller[this._positionDim],this._clampScrollPosition(i)}getScrollIntoViewCoordinates(e){return{[this._positionDim]:this._calculateScrollIntoViewPosition(e)}}_sendUnpinnedMessage(){this._hostSink({type:`unpinned`})}_sendVisibilityChangedMessage(){this._hostSink({type:`visibilityChanged`,firstVisible:this._firstVisible,lastVisible:this._lastVisible})}_sendStateChangedMessage(){let e=new Map;if(this._first!==-1&&this._last!==-1)for(let t=this._first;t<=this._last;t++)e.set(t,this._getItemPosition(t));let t={type:`stateChanged`,scrollSize:{[this._sizeDim]:this._scrollSize,[this._secondarySizeDim]:null},range:{first:this._first,last:this._last,firstVisible:this._firstVisible,lastVisible:this._lastVisible},childPositions:e};this._scrollError&&=(t.scrollError={[this._positionDim]:this._scrollError,[this._secondaryPositionDim]:0},0),this._hostSink(t)}get _num(){return this._first===-1||this._last===-1?0:this._last-this._first+1}_checkThresholds(){if(this._viewDim1===0&&this._num>0||this._pin!==null)this._scheduleReflow();else{let e=Math.max(0,this._scrollPosition-this._overhang),t=Math.min(this._scrollSize,this._scrollPosition+this._viewDim1+this._overhang);this._physicalMin>e||this._physicalMax<t?this._scheduleReflow():this._updateVisibleIndices({emit:!0})}}_updateVisibleIndices(e){if(this._first===-1||this._last===-1)return;let t=this._first;for(;t<this._last&&Math.round(this._getItemPosition(t)[this._positionDim]+this._getItemSize(t)[this._sizeDim])<=Math.round(this._scrollPosition);)t++;let n=this._last;for(;n>this._first&&Math.round(this._getItemPosition(n)[this._positionDim])>=Math.round(this._scrollPosition+this._viewDim1);)n--;(t!==this._firstVisible||n!==this._lastVisible)&&(this._firstVisible=t,this._lastVisible=n,e&&e.emit&&this._sendVisibilityChangedMessage())}};function r(e){return e===`horizontal`?`marginLeft`:`marginTop`}function i(e){return e===`horizontal`?`marginRight`:`marginBottom`}function a(e){return e===`horizontal`?`xOffset`:`yOffset`}function o(e,t){let n=[e,t].sort();return n[1]<=0?Math.min(...n):n[0]>=0?Math.max(...n):n[0]+n[1]}var s=class{constructor(){this._childSizeCache=new e,this._marginSizeCache=new e,this._metricsCache=new Map}update(e,n){let a=new Set;Object.keys(e).forEach(r=>{let i=Number(r);this._metricsCache.set(i,e[i]),this._childSizeCache.set(i,e[i][t(n)]),a.add(i),a.add(i+1)});for(let e of a){let t=this._metricsCache.get(e)?.[r(n)]||0,a=this._metricsCache.get(e-1)?.[i(n)]||0;this._marginSizeCache.set(e,o(t,a))}}get averageChildSize(){return this._childSizeCache.averageSize}get totalChildSize(){return this._childSizeCache.totalSize}get averageMarginSize(){return this._marginSizeCache.averageSize}get totalMarginSize(){return this._marginSizeCache.totalSize}getLeadingMarginValue(e,t){return this._metricsCache.get(e)?.[r(t)]||0}getChildSize(e){return this._childSizeCache.getSize(e)}getMarginSize(e){return this._marginSizeCache.getSize(e)}clear(){this._childSizeCache.clear(),this._marginSizeCache.clear(),this._metricsCache.clear()}},c=class extends n{constructor(){super(...arguments),this._itemSize={width:100,height:100},this._physicalItems=new Map,this._newPhysicalItems=new Map,this._metricsCache=new s,this._anchorIdx=null,this._anchorPos=null,this._stable=!0,this._measureChildren=!0,this._estimate=!0}get measureChildren(){return this._measureChildren}updateItemSizes(e){this._metricsCache.update(e,this.direction),this._scheduleReflow()}_getPhysicalItem(e){return this._newPhysicalItems.get(e)??this._physicalItems.get(e)}_getSize(e){return this._getPhysicalItem(e)&&this._metricsCache.getChildSize(e)}_getAverageSize(){return this._metricsCache.averageChildSize||this._itemSize[this._sizeDim]}_estimatePosition(e){let t=this._metricsCache;if(this._first===-1||this._last===-1)return t.averageMarginSize+e*(t.averageMarginSize+this._getAverageSize());if(e<this._first){let n=this._first-e;return this._getPhysicalItem(this._first).pos-(t.getMarginSize(this._first-1)||t.averageMarginSize)-(n*t.averageChildSize+(n-1)*t.averageMarginSize)}else{let n=e-this._last;return this._getPhysicalItem(this._last).pos+(t.getChildSize(this._last)||t.averageChildSize)+(t.getMarginSize(this._last)||t.averageMarginSize)+n*(t.averageChildSize+t.averageMarginSize)}}_getPosition(e){let t=this._getPhysicalItem(e),{averageMarginSize:n}=this._metricsCache;return e===0?this._metricsCache.getMarginSize(0)??n:t?t.pos:this._estimatePosition(e)}_calculateAnchor(e,t){return e<=0?0:t>this._scrollSize-this._viewDim1?this.items.length-1:Math.max(0,Math.min(this.items.length-1,Math.floor((e+t)/2/this._delta)))}_getAnchor(e,t){if(this._physicalItems.size===0||this._first<0||this._last<0)return this._calculateAnchor(e,t);let n=this._getPhysicalItem(this._first),r=this._getPhysicalItem(this._last),i=n.pos;if(r.pos+this._metricsCache.getChildSize(this._last)<e||i>t)return this._calculateAnchor(e,t);let a=this._firstVisible-1,o=-1/0;for(;o<e;)o=this._getPhysicalItem(++a).pos+this._metricsCache.getChildSize(a);return a}_getActiveItems(){this._viewDim1===0||this.items.length===0?this._clearItems():this._getItems()}_clearItems(){this._first=-1,this._last=-1,this._physicalMin=0,this._physicalMax=0;let e=this._newPhysicalItems;this._newPhysicalItems=this._physicalItems,this._newPhysicalItems.clear(),this._physicalItems=e,this._stable=!0}_getItems(){let e=this._newPhysicalItems;this._stable=!0;let t,n;if(this.pin!==null){let{index:e}=this.pin;this._anchorIdx=e,this._anchorPos=this._getPosition(e)}if(t=this._scrollPosition-this._overhang,n=this._scrollPosition+this._viewDim1+this._overhang,n<0||t>this._scrollSize){this._clearItems();return}(this._anchorIdx===null||this._anchorPos===null)&&(this._anchorIdx=this._getAnchor(t,n),this._anchorPos=this._getPosition(this._anchorIdx));let r=this._getSize(this._anchorIdx);r===void 0&&(this._stable=!1,r=this._getAverageSize());let i=this._metricsCache.getMarginSize(this._anchorIdx)??this._metricsCache.averageMarginSize,a=this._metricsCache.getMarginSize(this._anchorIdx+1)??this._metricsCache.averageMarginSize;this._anchorIdx===0&&(this._anchorPos=i),this._anchorIdx===this.items.length-1&&(this._anchorPos=this._scrollSize-a-r);let o=0;for(this._anchorPos+r+a<t&&(o=t-(this._anchorPos+r+a)),this._anchorPos-i>n&&(o=n-(this._anchorPos-i)),o&&(this._scrollPosition-=o,t-=o,n-=o,this._scrollError+=o),e.set(this._anchorIdx,{pos:this._anchorPos,size:r}),this._first=this._last=this._anchorIdx,this._physicalMin=this._anchorPos-i,this._physicalMax=this._anchorPos+r+a;this._physicalMin>t&&this._first>0;){let t=this._getSize(--this._first);t===void 0&&(this._stable=!1,t=this._getAverageSize());let n=this._metricsCache.getMarginSize(this._first);n===void 0&&(this._stable=!1,n=this._metricsCache.averageMarginSize),this._physicalMin-=t;let r=this._physicalMin;if(e.set(this._first,{pos:r,size:t}),this._physicalMin-=n,this._stable===!1&&this._estimate===!1)break}for(;this._physicalMax<n&&this._last<this.items.length-1;){let t=this._getSize(++this._last);t===void 0&&(this._stable=!1,t=this._getAverageSize());let n=this._metricsCache.getMarginSize(this._last);n===void 0&&(this._stable=!1,n=this._metricsCache.averageMarginSize);let r=this._physicalMax;if(e.set(this._last,{pos:r,size:t}),this._physicalMax+=t+n,!this._stable&&!this._estimate)break}let s=this._calculateError();s&&(this._physicalMin-=s,this._physicalMax-=s,this._anchorPos-=s,this._scrollPosition-=s,e.forEach(e=>e.pos-=s),this._scrollError+=s),this._stable&&(this._newPhysicalItems=this._physicalItems,this._newPhysicalItems.clear(),this._physicalItems=e)}_calculateError(){return this._first===0?this._physicalMin:this._physicalMin<=0?this._physicalMin-this._first*this._delta:this._last===this.items.length-1?this._physicalMax-this._scrollSize:this._physicalMax>=this._scrollSize?this._physicalMax-this._scrollSize+(this.items.length-1-this._last)*this._delta:0}_reflow(){let{_first:e,_last:t}=this;super._reflow(),(this._first===-1&&this._last==-1||this._first===e&&this._last===t)&&this._resetReflowState()}_resetReflowState(){this._anchorIdx=null,this._anchorPos=null,this._stable=!0}_updateScrollSize(){let{averageMarginSize:e}=this._metricsCache;this._scrollSize=Math.max(1,this.items.length*(e+this._getAverageSize())+e)}get _delta(){let{averageMarginSize:e}=this._metricsCache;return this._getAverageSize()+e}_getItemPosition(e){return{[this._positionDim]:this._getPosition(e),[this._secondaryPositionDim]:0,[a(this.direction)]:-(this._metricsCache.getLeadingMarginValue(e,this.direction)??this._metricsCache.averageMarginSize)}}_getItemSize(e){return{[this._sizeDim]:this._getSize(e)||this._getAverageSize(),[this._secondarySizeDim]:this._itemSize[this._secondarySizeDim]}}_viewDim2Changed(){this._metricsCache.clear(),this._scheduleReflow()}};export{c as FlowLayout};
@@ -0,0 +1,2 @@
1
+
2
+ function e(e,t,n){return typeof e===t?(()=>e):typeof e==`function`?e:n}var t=class{get currentIndex(){return this._currentIndex===-1&&(this._currentIndex=this.focusInIndex),this._currentIndex-this.offset}set currentIndex(e){this._currentIndex=e+this.offset}get direction(){return this._direction()}get elements(){return this.cachedElements||=this._elements(),this.cachedElements}set focused(e){e!==this.focused&&(this._focused=e)}get focused(){return this._focused}get focusInElement(){return this.elements[this.focusInIndex]}get focusInIndex(){return this._focusInIndex(this.elements)}isEventWithinListenerScope(e){return this._listenerScope()===this.host||e.composedPath().includes(this._listenerScope())}constructor(t,{direction:n,elementEnterAction:r,elements:i,focusInIndex:a,isFocusableElement:o,listenerScope:s}={elements:()=>[]}){this._currentIndex=-1,this.prevIndex=-1,this._direction=()=>`both`,this.directionLength=5,this.elementEnterAction=e=>{},this._focused=!1,this._focusInIndex=e=>0,this.isFocusableElement=e=>!0,this._listenerScope=()=>this.host,this.offset=0,this.recentlyConnected=!1,this.handleFocusin=e=>{if(!this.isEventWithinListenerScope(e))return;let t=e.composedPath(),n=-1;t.find(e=>(n=this.elements.indexOf(e),n!==-1)),this.prevIndex=this.currentIndex,this.currentIndex=n>-1?n:this.currentIndex,this.isRelatedTargetOrContainAnElement(e)&&this.hostContainsFocus()},this.handleClick=()=>{let e=this.elements;if(e.length===0)return;let t=e[this.currentIndex];this.currentIndex<0||((!t||!this.isFocusableElement(t))&&(this.setCurrentIndexCircularly(1),t=e[this.currentIndex]),t&&this.isFocusableElement(t)&&(e[this.prevIndex]?.setAttribute(`tabindex`,`-1`),t.setAttribute(`tabindex`,`0`)))},this.handleFocusout=e=>{this.isRelatedTargetOrContainAnElement(e)&&this.hostNoLongerContainsFocus()},this.handleKeydown=e=>{if(!this.acceptsEventCode(e.code)||e.defaultPrevented)return;let t=0;switch(this.prevIndex=this.currentIndex,e.code){case`ArrowRight`:t+=1;break;case`ArrowDown`:t+=this.direction===`grid`?this.directionLength:1;break;case`ArrowLeft`:--t;break;case`ArrowUp`:t-=this.direction===`grid`?this.directionLength:1;break;case`End`:this.currentIndex=0,--t;break;case`Home`:this.currentIndex=this.elements.length-1,t+=1;break}e.preventDefault(),this.direction===`grid`&&this.currentIndex+t<0?this.currentIndex=0:this.direction===`grid`&&this.currentIndex+t>this.elements.length-1?this.currentIndex=this.elements.length-1:this.setCurrentIndexCircularly(t),this.elementEnterAction(this.elements[this.currentIndex]),this.focus()},this.mutationObserver=new MutationObserver(()=>{this.handleItemMutation()}),this.host=t,this.host.addController(this),this._elements=i,this.isFocusableElement=o||this.isFocusableElement,this._direction=e(n,`string`,this._direction),this.elementEnterAction=r||this.elementEnterAction,this._focusInIndex=e(a,`number`,this._focusInIndex),this._listenerScope=e(s,`object`,this._listenerScope)}handleItemMutation(){if(this._currentIndex===-1||this.elements.length<=this._elements().length)return;let e=this.elements[this.currentIndex];if(this.clearElementCache(),this.elements.includes(e))return;let t=this.currentIndex!==this.elements.length,n=t?1:-1;t&&this.setCurrentIndexCircularly(-1),this.setCurrentIndexCircularly(n),this.focus()}update({elements:e}={elements:()=>[]}){this.unmanage(),this._elements=e,this.clearElementCache(),this.manage()}focus(e){let t=this.elements;if(t.length===0)return;let n=t[this.currentIndex];(!n||!this.isFocusableElement(n))&&(this.setCurrentIndexCircularly(1),n=t[this.currentIndex]),n&&this.isFocusableElement(n)&&(t[this.prevIndex]?.setAttribute(`tabindex`,`-1`),n.tabIndex=0,n.focus(e))}clearElementCache(e=0){this.mutationObserver.disconnect(),delete this.cachedElements,this.offset=e,requestAnimationFrame(()=>{this.elements.forEach(e=>{this.mutationObserver.observe(e,{attributes:!0})})})}setCurrentIndexCircularly(e){let{length:t}=this.elements,n=t;this.prevIndex=this.currentIndex;let r=(t+this.currentIndex+e)%t;for(;n&&this.elements[r]&&!this.isFocusableElement(this.elements[r]);)r=(t+r+e)%t,--n;this.currentIndex=r}hostContainsFocus(){this.host.addEventListener(`focusout`,this.handleFocusout),this.host.addEventListener(`keydown`,this.handleKeydown),this.focused=!0}hostNoLongerContainsFocus(){this.host.addEventListener(`focusin`,this.handleFocusin),this.host.removeEventListener(`focusout`,this.handleFocusout),this.host.removeEventListener(`keydown`,this.handleKeydown),this.focused=!1}isRelatedTargetOrContainAnElement(e){let t=e.relatedTarget,n=this.elements.includes(t),r=this.elements.some(e=>e.contains(t));return!(n||r)}acceptsEventCode(e){if(e===`End`||e===`Home`)return!0;switch(this.direction){case`horizontal`:return e===`ArrowLeft`||e===`ArrowRight`;case`vertical`:return e===`ArrowUp`||e===`ArrowDown`;case`both`:case`grid`:return e.startsWith(`Arrow`)}}manage(){this.addEventListeners()}unmanage(){this.removeEventListeners()}addEventListeners(){this.host.addEventListener(`focusin`,this.handleFocusin),this.host.addEventListener(`click`,this.handleClick)}removeEventListeners(){this.host.removeEventListener(`focusin`,this.handleFocusin),this.host.removeEventListener(`focusout`,this.handleFocusout),this.host.removeEventListener(`keydown`,this.handleKeydown),this.host.removeEventListener(`click`,this.handleClick)}hostConnected(){this.recentlyConnected=!0,this.addEventListeners()}hostDisconnected(){this.mutationObserver.disconnect(),this.removeEventListeners()}hostUpdated(){this.recentlyConnected&&(this.recentlyConnected=!1,this.elements.forEach(e=>{this.mutationObserver.observe(e,{attributes:!0})}))}};export{t};
@@ -0,0 +1,2 @@
1
+
2
+ var e=[`button`,`[focusable]`,`[href]`,`input`,`label`,`select`,`textarea`,`[tabindex]`],t=`:not([tabindex="-1"])`,n=e.join(`${t}, `)+t,r=e.join(`, `);export{n,r as t};
@@ -0,0 +1,2 @@
1
+
2
+ var e=(e,t)=>{if(e)return null;let n=t.assignedNodes().reduce((e,t)=>t.textContent?e+t.textContent:e,``);return n?n.trim():null};export{e as t};
@@ -0,0 +1,2 @@
1
+
2
+ import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{i as n,l as r,u as i,y as a}from"./lucero-runtime-DGJ9-isg.js";import{C as o}from"./luzmo-icons-CJa-aByT.js";var s=`:host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform,none);block-size:var(--luzmo-icon-block-size,var(--luzmo-icon-size,var(--icon-size)));font-size:var(--luzmo-icon-block-size,var(--luzmo-icon-size,var(--icon-size)));color:var(--luzmo-icon-color,inherit);fill:currentColor;text-align:center;display:inline-block}::slotted(svg),:host(:not([block])) svg,:host(:not([block])) img{vertical-align:var(--luzmo-icon-vertical-align,-.125em)!important}:host([block]){--icon-vertical-align:top;vertical-align:top;display:flex}:host([block]) ::slotted(svg),:host([block]) svg,:host([block]) img{--icon-vertical-align:top;vertical-align:var(--luzmo-icon-vertical-align,top)}:host([size=xxs]){--icon-size:var(--luzmo-icon-size-xxs)}:host([size=xs]){--icon-size:var(--luzmo-icon-size-xs)}:host([size=s]){--icon-size:var(--luzmo-icon-size-s)}:host,:host([size=m]){--icon-size:var(--luzmo-icon-size-m)}:host([size=l]){--icon-size:var(--luzmo-icon-size-l)}:host([size=xl]){--icon-size:var(--luzmo-icon-size-xl)}:host([size=xxl]){--icon-size:var(--luzmo-icon-size-xxl)}:host(:not(:root)){overflow:visible}@media (forced-colors:active){:host{forced-color-adjust:auto}}img{object-fit:var(--luzmo-icon-img-object-fit,var(--icon-img-object-fit,fill));object-position:var(--luzmo-icon-img-object-position,var(--icon-img-object-position,50% 50%));width:100%}img,svg,::slotted(*){vertical-align:top;height:100%;color:inherit}@media (forced-colors:active){img,svg,::slotted(*){forced-color-adjust:auto}}`,c=class extends i{constructor(...e){super(...e),this.label=``}static get styles(){return[t(s)]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}update(e){e.has(`label`)&&(this.label?this.removeAttribute(`aria-hidden`):this.setAttribute(`aria-hidden`,`true`)),super.update(e)}render(){return e` <slot></slot> `}};r([a({reflect:!0})],c.prototype,`label`,void 0),r([a({reflect:!0})],c.prototype,`size`,void 0);var l=class extends c{constructor(...e){super(...e),this.block=!1}render(){return this.icon?o(this.icon,this.options):this.src?e` <img src=${this.src} alt=${n(this.label)} /> `:super.render()}};r([a()],l.prototype,`src`,void 0),r([a()],l.prototype,`options`,void 0),r([a()],l.prototype,`icon`,void 0),r([a({type:Boolean,reflect:!0})],l.prototype,`block`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-icon`)&&customElements.define(`luzmo-icon`,l);export{l as t};