@luzmo/analytics-components-kit 1.0.1-alpha.86 → 1.0.1-alpha.87

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 (229) hide show
  1. package/components/ai-chat-messages-container/index.cjs +1 -1
  2. package/components/ai-chat-messages-container/index.js +2 -2
  3. package/components/ai-interaction-textarea/index.cjs +1 -1
  4. package/components/ai-interaction-textarea/index.js +1 -2
  5. package/components/area-chart-options.config-Bl8bhhOo.cjs +20 -0
  6. package/components/{area-chart-options.config-_J0sG4NF.js → area-chart-options.config-u8itidsi.js} +14 -26
  7. package/components/bar-chart-options.config-CePAqM83.cjs +20 -0
  8. package/components/{bar-chart-options.config-D1mb5TDl.js → bar-chart-options.config-DIirbAJ0.js} +21 -35
  9. package/components/box-plot-options.config-BVNrV2eD.cjs +20 -0
  10. package/components/{box-plot-options.config-xu_i6ms7.js → box-plot-options.config-BWROiguA.js} +52 -88
  11. package/components/{bubble-chart-options.config-BacgXkJ_.js → bubble-chart-options.config-4QD8VPhU.js} +9 -18
  12. package/components/bubble-chart-options.config-BDgOe3GQ.cjs +20 -0
  13. package/components/{bullet-chart-options.config-CDPpX1yc.js → bullet-chart-options.config-3bH7uekx.js} +1 -1
  14. package/components/{bullet-chart-options.config-DfS4Bwds.cjs → bullet-chart-options.config-tWb6Fio-.cjs} +1 -1
  15. package/components/calculate-data-item-icon-C8CbsMQf.js +139 -0
  16. package/components/{calculate-data-item-icon-DjW1_RI1.cjs → calculate-data-item-icon-CX4VW9Km.cjs} +1 -1
  17. package/components/{choropleth-map-options.config-B_W9-rhe.js → choropleth-map-options.config-CMxx3ORp.js} +63 -84
  18. package/components/choropleth-map-options.config-CWJACFd0.cjs +20 -0
  19. package/components/circular-gauge-options.config-BMxgq3zH.cjs +20 -0
  20. package/components/{circular-gauge-options.config-DAIjz4Rl.js → circular-gauge-options.config-DhIKn44k.js} +23 -36
  21. package/components/{color-DuJ4-73S.js → color-B7m0j8lX.js} +941 -950
  22. package/components/color-Czp4Im5q.cjs +20 -0
  23. package/components/{color-range-utils-Bvo9sm5A.js → color-range-utils-BSfqtB3A.js} +31 -32
  24. package/components/color-range-utils-DYYR-iwx.cjs +20 -0
  25. package/components/column-chart-options.config-BV9R3ssH.cjs +20 -0
  26. package/components/{column-chart-options.config-B5SjBVdy.js → column-chart-options.config-D5-yR7iq.js} +27 -37
  27. package/components/conditional-number-options.config-Co099Qfm.cjs +20 -0
  28. package/components/{conditional-number-options.config-BCEpSK9J.js → conditional-number-options.config-DPYsdML5.js} +24 -40
  29. package/components/dataset-icon/index.cjs +1 -1
  30. package/components/dataset-icon/index.js +1 -2
  31. package/components/dataset-selector-list/index.cjs +1 -1
  32. package/components/dataset-selector-list/index.js +32 -35
  33. package/components/dataset-selector-row/index.cjs +9 -9
  34. package/components/dataset-selector-row/index.js +51 -53
  35. package/components/{date-comparison-filter-options.config-JA_yYpJa.js → date-comparison-filter-options.config-CSwGyuBg.js} +3 -6
  36. package/components/{date-comparison-filter-options.config-DAVncmi0.cjs → date-comparison-filter-options.config-QaoWaFUn.cjs} +1 -1
  37. package/components/{date-filter-options.config-DBRxlTWy.js → date-filter-options.config-BTVyHRkp.js} +3 -6
  38. package/components/{date-filter-options.config-CWPMtA18.cjs → date-filter-options.config-n-zhWaYa.cjs} +1 -1
  39. package/components/display-settings/index.cjs +1 -1
  40. package/components/display-settings/index.js +1 -1
  41. package/components/display-settings-binning/index.cjs +5 -5
  42. package/components/display-settings-binning/index.js +29 -30
  43. package/components/display-settings-datetime/index.cjs +29 -29
  44. package/components/display-settings-datetime/index.js +112 -120
  45. package/components/display-settings-grand-totals/index.cjs +4 -4
  46. package/components/display-settings-grand-totals/index.js +23 -24
  47. package/components/display-settings-numeric/index.cjs +48 -48
  48. package/components/display-settings-numeric/index.js +194 -211
  49. package/components/display-settings-period-over-period/index.cjs +16 -16
  50. package/components/display-settings-period-over-period/index.js +91 -97
  51. package/components/{donut-chart-options.config-BulUEiaH.js → donut-chart-options.config-3ZqX8Cbb.js} +21 -37
  52. package/components/donut-chart-options.config-BQyPgnC9.cjs +20 -0
  53. package/components/draggable-data-item/index.cjs +8 -8
  54. package/components/draggable-data-item/index.js +44 -45
  55. package/components/draggable-data-item-level/index.cjs +11 -11
  56. package/components/draggable-data-item-level/index.js +89 -92
  57. package/components/{dropdown-filter-options.config-D9dvPypF.js → dropdown-filter-options.config-CGJTtgAX.js} +7 -10
  58. package/components/{dropdown-filter-options.config-DS-MORmq.cjs → dropdown-filter-options.config-DJvfCTk7.cjs} +1 -1
  59. package/components/droppable-slot/index.cjs +20 -20
  60. package/components/droppable-slot/index.js +167 -181
  61. package/components/edit-item/index.cjs +9 -9
  62. package/components/edit-item/index.js +116 -119
  63. package/components/edit-option/index.cjs +1 -1
  64. package/components/edit-option/index.js +1 -1
  65. package/components/edit-option-action-button-group/index.cjs +8 -8
  66. package/components/edit-option-action-button-group/index.js +52 -53
  67. package/components/{edit-option-base-DIc7iC-b.js → edit-option-base-Bh29-Cak.js} +1 -1
  68. package/components/{edit-option-base-VhTih9T1.cjs → edit-option-base-tFr8Qg2B.cjs} +1 -1
  69. package/components/edit-option-color-palette-picker/index.cjs +1 -1
  70. package/components/edit-option-color-palette-picker/index.js +1 -1
  71. package/components/edit-option-color-picker/index.cjs +1 -1
  72. package/components/edit-option-color-picker/index.js +1 -1
  73. package/components/edit-option-color-range/index.cjs +19 -19
  74. package/components/edit-option-color-range/index.js +106 -117
  75. package/components/edit-option-multi-language-field/index.cjs +3 -3
  76. package/components/edit-option-multi-language-field/index.js +26 -27
  77. package/components/edit-option-number-field/index.cjs +1 -1
  78. package/components/edit-option-number-field/index.js +1 -1
  79. package/components/edit-option-picker/index.cjs +5 -5
  80. package/components/edit-option-picker/index.js +7 -7
  81. package/components/edit-option-position-picker/index.cjs +4 -4
  82. package/components/edit-option-position-picker/index.js +21 -25
  83. package/components/edit-option-positions-number-field/index.cjs +9 -9
  84. package/components/edit-option-positions-number-field/index.js +76 -81
  85. package/components/edit-option-radio-button-group/index.cjs +6 -6
  86. package/components/edit-option-radio-button-group/index.js +21 -22
  87. package/components/edit-option-slider/index.cjs +1 -1
  88. package/components/edit-option-slider/index.js +1 -1
  89. package/components/edit-option-switch/index.cjs +1 -1
  90. package/components/edit-option-switch/index.js +1 -1
  91. package/components/edit-option-text-field/index.cjs +2 -2
  92. package/components/edit-option-text-field/index.js +22 -23
  93. package/components/en--a5SfjnM.cjs +20 -0
  94. package/components/en-CtCctD2c.js +1483 -0
  95. package/components/{en-GB-DG6uS3sM.cjs → en-GB-CXVKFWyH.cjs} +1 -1
  96. package/components/{en-GB-CEHEs8F2.js → en-GB-CbNfyZMo.js} +1 -1
  97. package/components/{evolution-number-options.config-DzkfeoIN.js → evolution-number-options.config-BIPO_4n3.js} +11 -14
  98. package/components/{evolution-number-options.config-BgIZY4gQ.cjs → evolution-number-options.config-Bc9eKYnn.cjs} +1 -1
  99. package/components/{extrapolate-color-0j_AeYkz.cjs → extrapolate-color-C0n1UDs-.cjs} +1 -1
  100. package/components/{extrapolate-color-CC9CURf6.js → extrapolate-color-v1PimdQr.js} +1 -1
  101. package/components/filter-data-item-picker/index.cjs +7 -7
  102. package/components/filter-data-item-picker/index.js +85 -86
  103. package/components/filter-expression-picker/index.cjs +1 -1
  104. package/components/filter-expression-picker/index.js +1 -1
  105. package/components/filter-item/index.cjs +6 -6
  106. package/components/filter-item/index.js +109 -119
  107. package/components/filter-value-picker/index.cjs +2 -2
  108. package/components/filter-value-picker/index.js +34 -36
  109. package/components/filter-value-picker-datetime/index.cjs +8 -8
  110. package/components/filter-value-picker-datetime/index.js +56 -71
  111. package/components/filter-value-picker-hierarchy/index.cjs +12 -12
  112. package/components/filter-value-picker-hierarchy/index.js +113 -124
  113. package/components/filter-value-picker-numeric/index.cjs +8 -8
  114. package/components/filter-value-picker-numeric/index.js +101 -110
  115. package/components/{focusable-DCIFkpiW.js → focusable-BS2pbY7w.js} +24 -26
  116. package/components/focusable-QLh-LlNt.cjs +20 -0
  117. package/components/{funnel-chart-options.config-C_VjTOvD.js → funnel-chart-options.config-CrJy2U7_.js} +5 -20
  118. package/components/funnel-chart-options.config-DrP4AFgk.cjs +20 -0
  119. package/components/{get-css-variable-DLiZYZEi.cjs → get-css-variable-CuDaWSjr.cjs} +2 -2
  120. package/components/{get-css-variable-YlLiVgo8.js → get-css-variable-DEf4GhTH.js} +4 -4
  121. package/components/grid/index.cjs +46 -46
  122. package/components/grid/index.js +2612 -1873
  123. package/components/heat-map-options.config-CIHnPdYE.cjs +20 -0
  124. package/components/{heat-map-options.config-BnLWe8jS.js → heat-map-options.config-CmL87j1j.js} +35 -41
  125. package/components/{heat-table-options.config-CUsDdgUr.js → heat-table-options.config-BrCYAgYD.js} +60 -88
  126. package/components/heat-table-options.config-DTlZRc_i.cjs +20 -0
  127. package/components/helpers-9I0oLoUB.cjs +20 -0
  128. package/components/helpers-bR8Ibjqh.js +79 -0
  129. package/components/{hexbin-map-options.config-F-7uCqxb.js → hexbin-map-options.config-BguV1w8q.js} +20 -38
  130. package/components/hexbin-map-options.config-CKnn3VAB.cjs +20 -0
  131. package/components/{index-Do7O9azB.js → index-3WsfvkZF.js} +112 -123
  132. package/components/index-BGb_wRRW.js +1766 -0
  133. package/components/{index-BPNsFiyq.cjs → index-BNAmjOkm.cjs} +4 -4
  134. package/components/index-BUal0r_D.cjs +121 -0
  135. package/components/index-D1Y5TRsH.cjs +20 -0
  136. package/components/{index-PMDgRSzR.js → index-DdyZ2g5L.js} +94 -104
  137. package/components/index-DvkzMbLt.cjs +249 -0
  138. package/components/{index-CdIUfo-L.js → index-haa7WNrl.js} +453 -481
  139. package/components/index.cjs +1 -1
  140. package/components/index.js +5 -5
  141. package/components/item-options-configs.cjs +1 -1
  142. package/components/item-options-configs.js +37 -37
  143. package/components/{line-chart-options.config-DB3IsXXr.js → line-chart-options.config-BhirTGqD.js} +13 -28
  144. package/components/line-chart-options.config-Cqwou5u6.cjs +20 -0
  145. package/components/{localize-r7ALOUy_.cjs → localize-C4zNlrwK.cjs} +1 -1
  146. package/components/{localize-BX7q0S0M.js → localize-CcDpq940.js} +10 -10
  147. package/components/{marker-map-options.config-DPJ955tt.js → marker-map-options.config-Bx17jmiq.js} +1 -1
  148. package/components/{marker-map-options.config-_FYZzRwA.cjs → marker-map-options.config-CvhCylSC.cjs} +1 -1
  149. package/components/{pivot-table-options.config-DNK_AIG7.js → pivot-table-options.config-CFc7y0IT.js} +15 -24
  150. package/components/pivot-table-options.config-uZDAertf.cjs +20 -0
  151. package/components/{pyramid-chart-options.config-CcVMatYx.js → pyramid-chart-options.config-2Waxb11l.js} +29 -43
  152. package/components/pyramid-chart-options.config-DoGfEvzU.cjs +20 -0
  153. package/components/{radar-chart-options.config-CUZn_3Fd.js → radar-chart-options.config-CPN5fOl8.js} +11 -23
  154. package/components/radar-chart-options.config-CtNUMN1l.cjs +20 -0
  155. package/components/{regular-table-options.config-BoLZsBry.js → regular-table-options.config-CFKCJQK1.js} +17 -23
  156. package/components/{regular-table-options.config-DTx3RTnS.cjs → regular-table-options.config-YRuoijIk.cjs} +1 -1
  157. package/components/route-map-options.config-CVTk5RVL.cjs +20 -0
  158. package/components/{route-map-options.config-CN86T7c0.js → route-map-options.config-CyolTJfK.js} +87 -109
  159. package/components/{sankey-diagram-options.config-RFB83YLZ.cjs → sankey-diagram-options.config-D7OSvSqm.cjs} +1 -1
  160. package/components/{sankey-diagram-options.config-tVLKy_Zn.js → sankey-diagram-options.config-Ldjk84ro.js} +7 -10
  161. package/components/scatter-plot-options.config-5gN7pMTm.cjs +20 -0
  162. package/components/{scatter-plot-options.config-Corlzno1.js → scatter-plot-options.config-CfxEfkQ1.js} +56 -86
  163. package/components/{search-filter-options.config-BE3JhR-F.js → search-filter-options.config-C0syQmP4.js} +3 -6
  164. package/components/{search-filter-options.config-BCaDlYqZ.cjs → search-filter-options.config-Oqco9BKj.cjs} +1 -1
  165. package/components/{set-locale-B-Tz2sdI.js → set-locale-hKTMz37h.js} +7 -9
  166. package/components/slicer-filter-options.config-CrusP6a0.cjs +20 -0
  167. package/components/{slicer-filter-options.config-3JZZcw5C.js → slicer-filter-options.config-DmOe3440.js} +9 -18
  168. package/components/{slider-filter-options.config-DH4SS8wH.js → slider-filter-options.config-B1M8RcDs.js} +1 -1
  169. package/components/{slider-filter-options.config-_8Z2zKmU.cjs → slider-filter-options.config-k45I-t6G.cjs} +1 -1
  170. package/components/slot-contents-picker/index.cjs +33 -33
  171. package/components/slot-contents-picker/index.js +194 -205
  172. package/components/slot-menu/index.cjs +12 -12
  173. package/components/slot-menu/index.js +171 -184
  174. package/components/slot-menu-list/index.cjs +3 -3
  175. package/components/slot-menu-list/index.js +97 -103
  176. package/components/speedometer-chart-options.config-B4ceg_qI.cjs +20 -0
  177. package/components/{speedometer-chart-options.config-SL581yOa.js → speedometer-chart-options.config-CzOmuEF8.js} +31 -53
  178. package/components/spike-map-options.config-BkkDqb4g.cjs +20 -0
  179. package/components/{spike-map-options.config-C5KewecZ.js → spike-map-options.config-Cbt1YUw6.js} +91 -122
  180. package/components/{sunburst-chart-options.config-AbNjWS6t.cjs → sunburst-chart-options.config-Yrxc2i57.cjs} +1 -1
  181. package/components/{sunburst-chart-options.config-CNauGQJv.js → sunburst-chart-options.config-_dyLQxPJ.js} +9 -20
  182. package/components/{symbol-map-options.config-DdDA4aa7.js → symbol-map-options.config-BORL1NSU.js} +11 -20
  183. package/components/symbol-map-options.config-NpBKm64d.cjs +20 -0
  184. package/components/{treemap-chart-options.config-D5AJaF_u.js → treemap-chart-options.config-B9i9qIm_.js} +20 -37
  185. package/components/treemap-chart-options.config-x4J54WSw.cjs +20 -0
  186. package/components/utils.cjs +1 -1
  187. package/components/utils.js +64 -65
  188. package/components/{video-options.config-CGsDTwHc.cjs → video-options.config-B0asgYt8.cjs} +1 -1
  189. package/components/{video-options.config-Dk36zJ1B.js → video-options.config-UX-9MDfS.js} +7 -10
  190. package/components/{wordcloud-chart-options.config-vGfCW8kE.cjs → wordcloud-chart-options.config-BKtJT8Va.cjs} +1 -1
  191. package/components/{wordcloud-chart-options.config-w2NUIWVA.js → wordcloud-chart-options.config-BoB_KuhA.js} +4 -7
  192. package/custom-elements.json +20 -0
  193. package/package.json +3 -3
  194. package/components/area-chart-options.config-C7sMAHco.cjs +0 -20
  195. package/components/bar-chart-options.config-DcxEkOT5.cjs +0 -20
  196. package/components/box-plot-options.config-SrrbDEYW.cjs +0 -20
  197. package/components/bubble-chart-options.config-Ihn6eVQI.cjs +0 -20
  198. package/components/calculate-data-item-icon-DZDqb3xu.js +0 -139
  199. package/components/choropleth-map-options.config-ZW8yoZH2.cjs +0 -20
  200. package/components/circular-gauge-options.config-msZ4mfpN.cjs +0 -20
  201. package/components/color-B6LaL8qz.cjs +0 -20
  202. package/components/color-range-utils-C5yXW7ZC.cjs +0 -20
  203. package/components/column-chart-options.config-BjDvA7i9.cjs +0 -20
  204. package/components/conditional-number-options.config-DgzUo0xi.cjs +0 -20
  205. package/components/donut-chart-options.config-tNpqBZfR.cjs +0 -20
  206. package/components/en-BKBhKBXY.cjs +0 -20
  207. package/components/en-BOTjhwEc.js +0 -1488
  208. package/components/focusable-B3E_hQmm.cjs +0 -20
  209. package/components/funnel-chart-options.config-D7H7gFcx.cjs +0 -20
  210. package/components/heat-map-options.config-DVH-Bb5-.cjs +0 -20
  211. package/components/heat-table-options.config-B12JEYnp.cjs +0 -20
  212. package/components/helpers-DXQwEH1P.cjs +0 -20
  213. package/components/helpers-v1bPALRP.js +0 -91
  214. package/components/hexbin-map-options.config-DZERRhM8.cjs +0 -20
  215. package/components/index-BPN3bG9X.js +0 -1733
  216. package/components/index-CQ9ck-BO.cjs +0 -249
  217. package/components/index-CXn67vdn.cjs +0 -121
  218. package/components/index-cfj52IbK.cjs +0 -20
  219. package/components/line-chart-options.config-DSugoe0t.cjs +0 -20
  220. package/components/pivot-table-options.config-BiJXKSFR.cjs +0 -20
  221. package/components/pyramid-chart-options.config-C4zbFS26.cjs +0 -20
  222. package/components/radar-chart-options.config-EqQu6PTh.cjs +0 -20
  223. package/components/route-map-options.config-D7NJePTu.cjs +0 -20
  224. package/components/scatter-plot-options.config-CFfGJXsV.cjs +0 -20
  225. package/components/slicer-filter-options.config-DNI-XevE.cjs +0 -20
  226. package/components/speedometer-chart-options.config-BX9LTQBH.cjs +0 -20
  227. package/components/spike-map-options.config-DoBFXPmN.cjs +0 -20
  228. package/components/symbol-map-options.config-m-lwLTtu.cjs +0 -20
  229. package/components/treemap-chart-options.config-C0Q9aQ1Z.cjs +0 -20
package/components/edit-option-color-range/index.js CHANGED
@@ -17,33 +17,33 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- var h = Object.getPrototypeOf;
21
- var z = Reflect.get;
22
- var m = (s, o, e) => z(h(s), e, o);
23
- import { luzmoTrashOutline as v } from "@luzmo/icons";
20
+ var m = Object.getPrototypeOf;
21
+ var h = Reflect.get;
22
+ var g = (s, o, e) => h(m(s), e, o);
23
+ import { luzmoTrashOutline as z } from "@luzmo/icons";
24
24
  import "@luzmo/lucero/action-button";
25
25
  import "@luzmo/lucero/color-field";
26
26
  import "@luzmo/lucero/color-picker";
27
27
  import "@luzmo/lucero/icon";
28
28
  import "@luzmo/lucero/number-field";
29
29
  import "@luzmo/lucero/text-field";
30
- import { unsafeCSS as b, html as d } from "lit";
31
- import { property as c, queryAll as f, state as x } from "lit/decorators.js";
32
- import { e as y } from "../extrapolate-color-CC9CURf6.js";
33
- import { L as w } from "../edit-option-base-DIc7iC-b.js";
30
+ import { unsafeCSS as v, html as i } from "lit";
31
+ import { property as t, queryAll as b, state as f } from "lit/decorators.js";
32
+ import { e as x } from "../extrapolate-color-v1PimdQr.js";
33
+ import { L as y } from "../edit-option-base-Bh29-Cak.js";
34
34
  (function() {
35
35
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
36
36
  const o = document.createElement("style");
37
37
  o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
38
38
  }
39
39
  })();
40
- const _ = ':host{--luzmo-swatch-size: 14px}.luzmo-edit-option{height:fit-content;align-items:start}.control-container{align-items:start;flex-grow:1}.color-range-line{display:flex;align-items:center}luzmo-color-field,luzmo-number-field{flex-grow:1}.color-range-lines-container,.color-range-lines{flex-grow:1;display:flex;flex-direction:column;gap:var(--luzmo-edit-option-color-range-ranges-gap, var(--color-ranges-gap))}.color-range-lines{width:100%}.extra-label{height:var(--edit-option-component-height);display:flex;align-items:center}.color-range-percentage-value{padding-inline-start:var(--luzmo-edit-option-color-range-color-swatch-to-percentage, var(--color-swatch-to-percentage));padding-inline-end:var(--luzmo-edit-option-color-range-percentage-to-input-field, var(--percentage-to-input-field))}luzmo-color-picker{position:relative}luzmo-color-picker:not(:has(+.color-range-percentage-value)){padding-inline-end:var(--luzmo-edit-option-color-range-color-swatch-to-input-field, var(--color-swatch-to-input-field))}luzmo-number-field:has(+luzmo-action-button),luzmo-color-field:has(+luzmo-action-button){padding-inline-end:var(--luzmo-edit-option-color-range-input-field-to-button, var(--input-field-to-button))}luzmo-color-picker:before{box-sizing:border-box;content:"";position:absolute;top:var(--color-range-connector-top);left:var(--color-range-connector-left);height:var(--color-range-connector-height);width:var(--color-range-connector-width);background:var(--range-color);border:var(--luzmo-edit-option-color-range-connector-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-color-range-connector-border-color, var(--luzmo-border-color));border-top:0;border-bottom:0;z-index:-1}:host([reverse]) luzmo-color-picker:before{top:var(--color-range-reverse-connector-top)}.color-range-lines:not(.edit-range-size) .color-range-line:last-child luzmo-color-picker:before{display:none}.color-range-add-value-container{height:var(--color-range-input-field-height);display:flex;align-items:center;justify-content:start}.color-range-add-value{box-sizing:border-box;display:flex;position:relative;align-items:center;justify-content:center;width:var(--luzmo-edit-option-color-range-add-value-width, var(--luzmo-swatch-size));height:var(--luzmo-edit-option-color-range-add-value-height, var(--luzmo-swatch-size));border-width:var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width));border-style:solid;border-color:var(--luzmo-edit-option-color-range-add-value-border-color, var(--luzmo-primary));border-radius:var(--luzmo-edit-option-color-range-add-value-border-radius, 50%);background-color:var(--luzmo-edit-option-color-range-add-value-background-color, var(--luzmo-background-color));cursor:pointer;color:var(--luzmo-edit-option-color-range-add-value-color, var(--luzmo-primary))}.color-range-add-value .plus-sign{position:absolute;top:0;left:0;width:100%;height:100%}.color-range-add-value .plus-sign:before{content:" ";position:absolute;display:block;background-color:var(--luzmo-edit-option-color-range-add-value-color, var(--luzmo-primary));height:var(--add-color-range-plus-size);width:var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width));top:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));left:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));z-index:1}.color-range-add-value .plus-sign:after{content:" ";position:absolute;display:block;background-color:var(--luzmo-edit-option-color-range-add-value-color, var(--luzmo-primary));width:var(--add-color-range-plus-size);height:var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width));left:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));top:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));z-index:1}.color-range-add-value:hover{background-color:var(--luzmo-edit-option-color-range-add-value-background-color-hover, var(--luzmo-background-color-hover));color:var(--luzmo-edit-option-color-range-add-value-color-hover, var(--luzmo-primary-hover))}.color-range-add-value[focused],.color-range-add-value:focus-visible{outline:none;background-color:var(--luzmo-edit-option-color-range-add-value-background-color-focus, var(--luzmo-background-color-focus));color:var(--luzmo-edit-option-color-range-add-value-color-focus, var(--luzmo-primary-focus))}.color-range-add-value[focused]:after,.color-range-add-value:focus-visible:after{content:"";inset:calc(var(--luzmo-edit-option-color-range-add-value-focus-indicator-gap, var(--add-value-focus-indicator-gap)) * -2);background-color:var(--luzmo-edit-option-color-range-add-value-focus-indicator-background-color, var(--luzmo-background-color));border-width:var(--luzmo-edit-option-color-range-add-value-focus-indicator-width, var(--add-value-focus-indicator-width));border-style:solid;border-color:var(--highcontrast-swatch-focus-indicator-color, var(--luzmo-edit-option-color-range-add-value-focus-indicator-color, var(--add-value-focus-indicator-color)));border-radius:var(--luzmo-edit-option-color-range-add-value-focus-indicator-border-radius, var(--add-value-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration) ease-in-out;position:absolute;z-index:-1}:host{--luzmo-swatch-size: var(--color-range-swatch-size);--color-range-swatch-size: 16px;--color-ranges-gap: calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--color-range-connector-width: .25rem;--color-range-connector-height: calc( var(--color-range-input-field-height) + var(--color-ranges-gap) - var(--color-range-swatch-size) + var(--color-range-connector-width) );--color-range-connector-top: calc( var(--color-range-swatch-size) - (var(--color-range-connector-width) / 2) );--color-range-reverse-connector-top: calc( -1 * var(--color-range-connector-height) + (var(--color-range-connector-width) / 2) );--color-range-connector-left: calc( (var(--color-range-swatch-size) - var(--color-range-connector-width)) / 2 );--color-range-input-field-height: var(--luzmo-component-height);--add-color-range-size: var(--color-range-swatch-size);--add-color-range-plus-size: 8px;--add-color-range-plus-sign-border-width: 2px;--add-value-focus-indicator-border-radius: 50%;--add-value-focus-indicator-gap: 3px;--add-value-focus-indicator-width: 1px;--add-value-focus-indicator-color: var(--luzmo-primary);--color-swatch-to-percentage: var(--luzmo-spacing-4);--color-swatch-to-input-field: var(--luzmo-spacing-4);--percentage-to-input-field: var(--luzmo-spacing-4);--input-field-to-button: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=s]){--color-range-swatch-size: 14px;--color-range-input-field-height: var(--luzmo-component-height-s);--color-ranges-gap: var(--luzmo-spacing-2);--add-color-range-plus-size: 6px;--add-color-range-plus-sign-border-width: 2px;--color-swatch-to-percentage: var(--luzmo-spacing-3);--color-swatch-to-input-field: var(--luzmo-spacing-3);--percentage-to-input-field: var(--luzmo-spacing-3);--input-field-to-button: var(--luzmo-spacing-2)}:host([size=l]){--color-range-swatch-size: 18px;--color-range-input-field-height: var(--luzmo-component-height-l);--color-ranges-gap: calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--add-color-range-plus-size: 10px;--color-swatch-to-percentage: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--color-swatch-to-input-field: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--percentage-to-input-field: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--input-field-to-button: var(--luzmo-spacing-3)}:host([size=xl]){--color-range-swatch-size: 20px;--color-range-input-field-height: var(--luzmo-component-height-xl);--color-ranges-gap: var(--luzmo-spacing-3);--add-color-range-plus-size: 10px;--color-swatch-to-percentage: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--color-swatch-to-input-field: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--percentage-to-input-field: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--input-field-to-button: var(--luzmo-spacing-4)}';
41
- var k = Object.defineProperty, i = (s, o, e, l) => {
42
- for (var r = void 0, n = s.length - 1, t; n >= 0; n--)
43
- (t = s[n]) && (r = t(o, e, r) || r);
44
- return r && k(o, e, r), r;
40
+ const w = ':host{--luzmo-swatch-size: 14px}.luzmo-edit-option{height:fit-content;align-items:start}.control-container{align-items:start;flex-grow:1}.color-range-line{display:flex;align-items:center}luzmo-color-field,luzmo-number-field{flex-grow:1}.color-range-lines-container,.color-range-lines{flex-grow:1;display:flex;flex-direction:column;gap:var(--luzmo-edit-option-color-range-ranges-gap, var(--color-ranges-gap))}.color-range-lines{width:100%}.extra-label{height:var(--edit-option-component-height);display:flex;align-items:center}.color-range-percentage-value{padding-inline-start:var(--luzmo-edit-option-color-range-color-swatch-to-percentage, var(--color-swatch-to-percentage));padding-inline-end:var(--luzmo-edit-option-color-range-percentage-to-input-field, var(--percentage-to-input-field))}luzmo-color-picker{position:relative}luzmo-color-picker:not(:has(+.color-range-percentage-value)){padding-inline-end:var(--luzmo-edit-option-color-range-color-swatch-to-input-field, var(--color-swatch-to-input-field))}luzmo-number-field:has(+luzmo-action-button),luzmo-color-field:has(+luzmo-action-button){padding-inline-end:var(--luzmo-edit-option-color-range-input-field-to-button, var(--input-field-to-button))}luzmo-color-picker:before{box-sizing:border-box;content:"";position:absolute;top:var(--color-range-connector-top);left:var(--color-range-connector-left);height:var(--color-range-connector-height);width:var(--color-range-connector-width);background:var(--range-color);border:var(--luzmo-edit-option-color-range-connector-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-color-range-connector-border-color, var(--luzmo-border-color));border-top:0;border-bottom:0;z-index:-1}:host([reverse]) luzmo-color-picker:before{top:var(--color-range-reverse-connector-top)}.color-range-lines:not(.edit-range-size) .color-range-line:last-child luzmo-color-picker:before{display:none}.color-range-add-value-container{height:var(--color-range-input-field-height);display:flex;align-items:center;justify-content:start}.color-range-add-value{box-sizing:border-box;display:flex;position:relative;align-items:center;justify-content:center;width:var(--luzmo-edit-option-color-range-add-value-width, var(--luzmo-swatch-size));height:var(--luzmo-edit-option-color-range-add-value-height, var(--luzmo-swatch-size));border-width:var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width));border-style:solid;border-color:var(--luzmo-edit-option-color-range-add-value-border-color, var(--luzmo-primary));border-radius:var(--luzmo-edit-option-color-range-add-value-border-radius, 50%);background-color:var(--luzmo-edit-option-color-range-add-value-background-color, var(--luzmo-background-color));cursor:pointer;color:var(--luzmo-edit-option-color-range-add-value-color, var(--luzmo-primary))}.color-range-add-value .plus-sign{position:absolute;top:0;left:0;width:100%;height:100%}.color-range-add-value .plus-sign:before{content:" ";position:absolute;display:block;background-color:var(--luzmo-edit-option-color-range-add-value-color, var(--luzmo-primary));height:var(--add-color-range-plus-size);width:var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width));top:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));left:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));z-index:1}.color-range-add-value .plus-sign:after{content:" ";position:absolute;display:block;background-color:var(--luzmo-edit-option-color-range-add-value-color, var(--luzmo-primary));width:var(--add-color-range-plus-size);height:var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width));left:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));top:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));z-index:1}.color-range-add-value:hover{background-color:var(--luzmo-edit-option-color-range-add-value-background-color-hover, var(--luzmo-background-color-hover));color:var(--luzmo-edit-option-color-range-add-value-color-hover, var(--luzmo-primary-hover))}.color-range-add-value[focused],.color-range-add-value:focus-visible{outline:none;background-color:var(--luzmo-edit-option-color-range-add-value-background-color-focus, var(--luzmo-background-color-focus));color:var(--luzmo-edit-option-color-range-add-value-color-focus, var(--luzmo-primary-focus))}.color-range-add-value[focused]:after,.color-range-add-value:focus-visible:after{content:"";inset:calc(var(--luzmo-edit-option-color-range-add-value-focus-indicator-gap, var(--add-value-focus-indicator-gap)) * -2);background-color:var(--luzmo-edit-option-color-range-add-value-focus-indicator-background-color, var(--luzmo-background-color));border-width:var(--luzmo-edit-option-color-range-add-value-focus-indicator-width, var(--add-value-focus-indicator-width));border-style:solid;border-color:var(--highcontrast-swatch-focus-indicator-color, var(--luzmo-edit-option-color-range-add-value-focus-indicator-color, var(--add-value-focus-indicator-color)));border-radius:var(--luzmo-edit-option-color-range-add-value-focus-indicator-border-radius, var(--add-value-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration) ease-in-out;position:absolute;z-index:-1}:host{--luzmo-swatch-size: var(--color-range-swatch-size);--color-range-swatch-size: 16px;--color-ranges-gap: calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--color-range-connector-width: .25rem;--color-range-connector-height: calc( var(--color-range-input-field-height) + var(--color-ranges-gap) - var(--color-range-swatch-size) + var(--color-range-connector-width) );--color-range-connector-top: calc( var(--color-range-swatch-size) - (var(--color-range-connector-width) / 2) );--color-range-reverse-connector-top: calc( -1 * var(--color-range-connector-height) + (var(--color-range-connector-width) / 2) );--color-range-connector-left: calc( (var(--color-range-swatch-size) - var(--color-range-connector-width)) / 2 );--color-range-input-field-height: var(--luzmo-component-height);--add-color-range-size: var(--color-range-swatch-size);--add-color-range-plus-size: 8px;--add-color-range-plus-sign-border-width: 2px;--add-value-focus-indicator-border-radius: 50%;--add-value-focus-indicator-gap: 3px;--add-value-focus-indicator-width: 1px;--add-value-focus-indicator-color: var(--luzmo-primary);--color-swatch-to-percentage: var(--luzmo-spacing-4);--color-swatch-to-input-field: var(--luzmo-spacing-4);--percentage-to-input-field: var(--luzmo-spacing-4);--input-field-to-button: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=s]){--color-range-swatch-size: 14px;--color-range-input-field-height: var(--luzmo-component-height-s);--color-ranges-gap: var(--luzmo-spacing-2);--add-color-range-plus-size: 6px;--add-color-range-plus-sign-border-width: 2px;--color-swatch-to-percentage: var(--luzmo-spacing-3);--color-swatch-to-input-field: var(--luzmo-spacing-3);--percentage-to-input-field: var(--luzmo-spacing-3);--input-field-to-button: var(--luzmo-spacing-2)}:host([size=l]){--color-range-swatch-size: 18px;--color-range-input-field-height: var(--luzmo-component-height-l);--color-ranges-gap: calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--add-color-range-plus-size: 10px;--color-swatch-to-percentage: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--color-swatch-to-input-field: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--percentage-to-input-field: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--input-field-to-button: var(--luzmo-spacing-3)}:host([size=xl]){--color-range-swatch-size: 20px;--color-range-input-field-height: var(--luzmo-component-height-xl);--color-ranges-gap: var(--luzmo-spacing-3);--add-color-range-plus-size: 10px;--color-swatch-to-percentage: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--color-swatch-to-input-field: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--percentage-to-input-field: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--input-field-to-button: var(--luzmo-spacing-4)}';
41
+ var _ = Object.defineProperty, l = (s, o, e, n) => {
42
+ for (var a = void 0, c = s.length - 1, d; c >= 0; c--)
43
+ (d = s[c]) && (a = d(o, e, a) || a);
44
+ return a && _(o, e, a), a;
45
45
  };
46
- const u = class u extends w {
46
+ const u = class u extends y {
47
47
  constructor() {
48
48
  super(...arguments), this.disabled = !1, this.percentage = !1, this.noAlphaChannel = !1, this.editRangeSize = !1, this.noValues = !1, this.minimumRangeSize = 2, this.negativeInfinityValue = !1, this.readOnlyColorPicker = !1, this.reverse = !1, this.debounce = 100, this._ranges = [];
49
49
  }
@@ -68,79 +68,72 @@ const u = class u extends w {
68
68
  }, this.debounce ?? 200);
69
69
  }
70
70
  _getIndex(o) {
71
- var l, r;
72
71
  let e = [...this.colorRangeLines].indexOf(
73
- (l = o == null ? void 0 : o.target) == null ? void 0 : l.closest(
72
+ o?.target?.closest(
74
73
  ".color-range-line"
75
74
  )
76
75
  );
77
- return this.reverse && (e = (((r = this._ranges) == null ? void 0 : r.length) ?? 0) - 1 - e), e;
76
+ return this.reverse && (e = (this._ranges?.length ?? 0) - 1 - e), e;
78
77
  }
79
78
  _extrapolateNewValue(o) {
80
79
  if (o.length < 2)
81
80
  return 0;
82
- const e = o.at(-1), l = o.at(-2), r = (e ?? 0) - (l ?? 0);
83
- return (e ?? 0) + r;
81
+ const e = o.at(-1), n = o.at(-2), a = (e ?? 0) - (n ?? 0);
82
+ return (e ?? 0) + a;
84
83
  }
85
84
  _setColor(o) {
86
- var r;
87
- const e = this._getIndex(o), l = o.target.color ?? o.target.value;
88
- (r = this._ranges) != null && r[e] && (this._ranges[e].color = String(l)), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
85
+ const e = this._getIndex(o), n = o.target.color ?? o.target.value;
86
+ this._ranges?.[e] && (this._ranges[e].color = String(n)), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
89
87
  }
90
88
  _setNumber(o) {
91
- var r;
92
- const e = this._getIndex(o), l = o.target.value;
93
- (r = this._ranges) != null && r[e] && (this._ranges[e].value = l), this._ranges = structuredClone(
94
- this._ranges.sort((n, t) => ((n == null ? void 0 : n.value) ?? 0) - ((t == null ? void 0 : t.value) ?? 0))
89
+ const e = this._getIndex(o), n = o.target.value;
90
+ this._ranges?.[e] && (this._ranges[e].value = n), this._ranges = structuredClone(
91
+ this._ranges.sort((a, c) => (a?.value ?? 0) - (c?.value ?? 0))
95
92
  ), this._handleChangeEvent();
96
93
  }
97
94
  _removeRangeValue(o) {
98
- var l;
99
95
  const e = this._getIndex(o);
100
- (l = this._ranges) == null || l.splice(e, 1), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
96
+ this._ranges?.splice(e, 1), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
101
97
  }
102
98
  _addRangeValue() {
103
- var l, r, n;
104
- const o = y(
105
- ((l = this._ranges) == null ? void 0 : l.map((t) => t.color)) ?? []
99
+ const o = x(
100
+ this._ranges?.map((n) => n.color) ?? []
106
101
  ), e = this._extrapolateNewValue(
107
- ((r = this._ranges) == null ? void 0 : r.map((t) => t.value ?? 0)) ?? []
102
+ this._ranges?.map((n) => n.value ?? 0) ?? []
108
103
  );
109
- (n = this._ranges) == null || n.push({ color: o, value: e }), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
104
+ this._ranges?.push({ color: o, value: e }), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
110
105
  }
111
106
  renderRangeValues() {
112
- const o = (r, n, t, g) => {
113
- var p;
114
- return d`
115
- <div class="color-range-line" style="--range-color: ${r}">
107
+ const o = (a, c, d, p) => i`
108
+ <div class="color-range-line" style="--range-color: ${a}">
116
109
  <luzmo-color-picker
117
- .color=${r}
110
+ .color=${a}
118
111
  .debounce=${this.debounce}
119
112
  ?disabled=${this.disabled}
120
113
  ?no-alpha-channel=${this.noAlphaChannel}
121
114
  ?read-only=${this.readOnlyColorPicker}
122
115
  @change=${this._setColor}
123
116
  ></luzmo-color-picker>
124
- ${this.percentage ? d`<div class="color-range-percentage-value">%</div>` : d``}
125
- ${this.noValues ? d` <luzmo-color-field
126
- .value=${r}
117
+ ${this.percentage ? i`<div class="color-range-percentage-value">%</div>` : i``}
118
+ ${this.noValues ? i` <luzmo-color-field
119
+ .value=${a}
127
120
  .size=${this.size}
128
121
  .debounce=${this.debounce}
129
122
  ?no-alpha-channel=${this.noAlphaChannel}
130
123
  ?disabled=${this.disabled}
131
124
  @change=${this._setColor}
132
- ></luzmo-color-field>` : t ? d` <luzmo-text-field
133
- .value=${"< " + (g ?? 0)}
125
+ ></luzmo-color-field>` : d ? i` <luzmo-text-field
126
+ .value=${"< " + (p ?? 0)}
134
127
  .size=${this.size}
135
128
  readonly
136
- ></luzmo-text-field>` : d` <luzmo-number-field
137
- .value=${n ?? 0}
129
+ ></luzmo-text-field>` : i` <luzmo-number-field
130
+ .value=${c ?? 0}
138
131
  .size=${this.size}
139
132
  .debounce=${this.debounce}
140
133
  ?disabled=${this.disabled}
141
134
  @change=${this._setNumber}
142
135
  ></luzmo-number-field>`}
143
- ${this.editRangeSize && !this.disabled && !t && (((p = this._ranges) == null ? void 0 : p.length) ?? 0) > this.minimumRangeSize ? d`<luzmo-action-button
136
+ ${this.editRangeSize && !this.disabled && !d && (this._ranges?.length ?? 0) > this.minimumRangeSize ? i`<luzmo-action-button
144
137
  quiet
145
138
  .size=${this.size}
146
139
  @click=${this._removeRangeValue}
@@ -148,48 +141,44 @@ const u = class u extends w {
148
141
  <luzmo-icon
149
142
  slot="icon"
150
143
  .size=${this.size}
151
- .icon=${v}
144
+ .icon=${z}
152
145
  ></luzmo-icon>
153
- </luzmo-action-button>` : d``}
146
+ </luzmo-action-button>` : i``}
154
147
  </div>
155
148
  `;
156
- };
157
149
  let e = this._ranges ?? this.default ?? [];
158
150
  this.reverse && (e = [...e].reverse());
159
- const l = e.map(
160
- ({ color: r, value: n }, t) => {
161
- var g;
162
- return o(
163
- r,
164
- n,
165
- t === 0 && this.negativeInfinityValue,
166
- t === 0 && this.negativeInfinityValue ? (g = e[1]) == null ? void 0 : g.value : void 0
167
- );
168
- }
151
+ const n = e.map(
152
+ ({ color: a, value: c }, d) => o(
153
+ a,
154
+ c,
155
+ d === 0 && this.negativeInfinityValue,
156
+ d === 0 && this.negativeInfinityValue ? e[1]?.value : void 0
157
+ )
169
158
  );
170
- return d`
159
+ return i`
171
160
  <div class="color-range-lines-container">
172
- ${this.editRangeSize && !this.disabled && this.reverse ? d`<div class="color-range-add-value-container">
161
+ ${this.editRangeSize && !this.disabled && this.reverse ? i`<div class="color-range-add-value-container">
173
162
  <button
174
163
  class="color-range-add-value"
175
164
  @click=${this._addRangeValue}
176
165
  >
177
166
  <div class="plus-sign"></div>
178
167
  </button>
179
- </div>` : d``}
168
+ </div>` : i``}
180
169
  <div
181
170
  class="color-range-lines ${this.editRangeSize && !this.disabled ? "edit-range-size" : ""}"
182
171
  >
183
- ${l}
172
+ ${n}
184
173
  </div>
185
- ${this.editRangeSize && !this.disabled && !this.reverse ? d`<div class="color-range-add-value-container">
174
+ ${this.editRangeSize && !this.disabled && !this.reverse ? i`<div class="color-range-add-value-container">
186
175
  <button
187
176
  class="color-range-add-value"
188
177
  @click=${this._addRangeValue}
189
178
  >
190
179
  <div class="plus-sign"></div>
191
180
  </button>
192
- </div>` : d``}
181
+ </div>` : i``}
193
182
  </div>
194
183
  `;
195
184
  }
@@ -197,64 +186,64 @@ const u = class u extends w {
197
186
  return this.renderRangeValues();
198
187
  }
199
188
  };
200
- u.styles = [m(u, u, "styles"), b(_)];
201
- let a = u;
202
- i([
203
- c({ type: Array, reflect: !0 })
204
- ], a.prototype, "value");
205
- i([
206
- c({ type: Array, reflect: !0 })
207
- ], a.prototype, "default");
208
- i([
209
- c({ type: Boolean, reflect: !0 })
210
- ], a.prototype, "disabled");
211
- i([
212
- c({ type: Boolean })
213
- ], a.prototype, "percentage");
214
- i([
215
- c({ type: Boolean, attribute: "no-alpha-channel" })
216
- ], a.prototype, "noAlphaChannel");
217
- i([
218
- c({ type: Boolean, attribute: "edit-range-size" })
219
- ], a.prototype, "editRangeSize");
220
- i([
221
- c({ type: Boolean, attribute: "no-values" })
222
- ], a.prototype, "noValues");
223
- i([
224
- c({ type: Number, reflect: !0, attribute: "minimum-range-size" })
225
- ], a.prototype, "minimumRangeSize");
226
- i([
227
- c({
189
+ u.styles = [g(u, u, "styles"), v(w)];
190
+ let r = u;
191
+ l([
192
+ t({ type: Array, reflect: !0 })
193
+ ], r.prototype, "value");
194
+ l([
195
+ t({ type: Array, reflect: !0 })
196
+ ], r.prototype, "default");
197
+ l([
198
+ t({ type: Boolean, reflect: !0 })
199
+ ], r.prototype, "disabled");
200
+ l([
201
+ t({ type: Boolean })
202
+ ], r.prototype, "percentage");
203
+ l([
204
+ t({ type: Boolean, attribute: "no-alpha-channel" })
205
+ ], r.prototype, "noAlphaChannel");
206
+ l([
207
+ t({ type: Boolean, attribute: "edit-range-size" })
208
+ ], r.prototype, "editRangeSize");
209
+ l([
210
+ t({ type: Boolean, attribute: "no-values" })
211
+ ], r.prototype, "noValues");
212
+ l([
213
+ t({ type: Number, reflect: !0, attribute: "minimum-range-size" })
214
+ ], r.prototype, "minimumRangeSize");
215
+ l([
216
+ t({
228
217
  type: Boolean,
229
218
  reflect: !0,
230
219
  attribute: "negative-infinity-value"
231
220
  })
232
- ], a.prototype, "negativeInfinityValue");
233
- i([
234
- c({ type: Boolean, attribute: "read-only-color-picker" })
235
- ], a.prototype, "readOnlyColorPicker");
236
- i([
237
- c({ type: Boolean })
238
- ], a.prototype, "reverse");
239
- i([
240
- c({ type: Number, reflect: !0 })
241
- ], a.prototype, "debounce");
242
- i([
243
- c()
244
- ], a.prototype, "parseValue");
245
- i([
246
- c()
247
- ], a.prototype, "toValue");
248
- i([
249
- f(".color-range-line")
250
- ], a.prototype, "colorRangeLines");
251
- i([
252
- x()
253
- ], a.prototype, "_ranges");
221
+ ], r.prototype, "negativeInfinityValue");
222
+ l([
223
+ t({ type: Boolean, attribute: "read-only-color-picker" })
224
+ ], r.prototype, "readOnlyColorPicker");
225
+ l([
226
+ t({ type: Boolean })
227
+ ], r.prototype, "reverse");
228
+ l([
229
+ t({ type: Number, reflect: !0 })
230
+ ], r.prototype, "debounce");
231
+ l([
232
+ t()
233
+ ], r.prototype, "parseValue");
234
+ l([
235
+ t()
236
+ ], r.prototype, "toValue");
237
+ l([
238
+ b(".color-range-line")
239
+ ], r.prototype, "colorRangeLines");
240
+ l([
241
+ f()
242
+ ], r.prototype, "_ranges");
254
243
  customElements.get("luzmo-edit-option-color-range") || customElements.define(
255
244
  "luzmo-edit-option-color-range",
256
- a
245
+ r
257
246
  );
258
247
  export {
259
- a as LuzmoEditOptionColorRange
248
+ r as LuzmoEditOptionColorRange
260
249
  };
package/components/edit-option-multi-language-field/index.cjs CHANGED
@@ -17,9 +17,9 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";var d=Object.getPrototypeOf;var c=Reflect.get;var p=(a,t,o)=>c(d(a),o,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/multi-language-field");const h=require("lit"),l=require("lit/decorators.js"),y=require("../edit-option-base-VhTih9T1.cjs");var g=Object.defineProperty,r=(a,t,o,m)=>{for(var i=void 0,n=a.length-1,s;n>=0;n--)(s=a[n])&&(i=s(t,o,i)||i);return i&&g(t,o,i),i};const u=class u extends y.LuzmoEditOptionBase{constructor(){super(...arguments),this.value={},this.invalid=!1,this.readonly=!1,this.language="en",this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var t,o;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(((t=this.multiLangFieldElement)==null?void 0:t.value)??{},this.language??"en"):((o=this.multiLangFieldElement)==null?void 0:o.value)??{}}}))},this.debounce??200)}renderController(){const t=typeof this.parseValue=="function"?this.parseValue(this.value,this.language??"en"):this.value;return h.html`
20
+ "use strict";var d=Object.getPrototypeOf;var c=Reflect.get;var p=(u,r,a)=>c(d(u),a,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/multi-language-field");const h=require("lit"),t=require("lit/decorators.js"),y=require("../edit-option-base-tFr8Qg2B.cjs");var g=Object.defineProperty,l=(u,r,a,m)=>{for(var o=void 0,n=u.length-1,s;n>=0;n--)(s=u[n])&&(o=s(r,a,o)||o);return o&&g(r,a,o),o};const i=class i extends y.LuzmoEditOptionBase{constructor(){super(...arguments),this.value={},this.invalid=!1,this.readonly=!1,this.language="en",this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(this.multiLangFieldElement?.value??{},this.language??"en"):this.multiLangFieldElement?.value??{}}}))},this.debounce??200)}renderController(){const r=typeof this.parseValue=="function"?this.parseValue(this.value,this.language??"en"):this.value;return h.html`
21
21
  <luzmo-multi-language-field
22
- .value=${t}
22
+ .value=${r}
23
23
  .language=${this.language??"en"}
24
24
  .disabled=${this.disabled}
25
25
  .size=${this.size}
@@ -28,4 +28,4 @@
28
28
  @change=${this._handleEvent}
29
29
  >
30
30
  </luzmo-multi-language-field>
31
- `}};u.styles=[p(u,u,"styles")];let e=u;r([l.property({type:Object,reflect:!0})],e.prototype,"value");r([l.property({type:Boolean,reflect:!0})],e.prototype,"invalid");r([l.property({type:Boolean,reflect:!0})],e.prototype,"readonly");r([l.property({type:String,reflect:!0})],e.prototype,"language");r([l.property({type:Object,reflect:!0})],e.prototype,"placeholder");r([l.property()],e.prototype,"parseValue");r([l.property()],e.prototype,"toValue");r([l.property({type:Number,reflect:!0})],e.prototype,"debounce");r([l.query("luzmo-multi-language-field")],e.prototype,"multiLangFieldElement");customElements.get("luzmo-edit-option-multi-language-field")||customElements.define("luzmo-edit-option-multi-language-field",e);exports.LuzmoEditOptionMultiLangField=e;
31
+ `}};i.styles=[p(i,i,"styles")];let e=i;l([t.property({type:Object,reflect:!0})],e.prototype,"value");l([t.property({type:Boolean,reflect:!0})],e.prototype,"invalid");l([t.property({type:Boolean,reflect:!0})],e.prototype,"readonly");l([t.property({type:String,reflect:!0})],e.prototype,"language");l([t.property({type:Object,reflect:!0})],e.prototype,"placeholder");l([t.property()],e.prototype,"parseValue");l([t.property()],e.prototype,"toValue");l([t.property({type:Number,reflect:!0})],e.prototype,"debounce");l([t.query("luzmo-multi-language-field")],e.prototype,"multiLangFieldElement");customElements.get("luzmo-edit-option-multi-language-field")||customElements.define("luzmo-edit-option-multi-language-field",e);exports.LuzmoEditOptionMultiLangField=e;
package/components/edit-option-multi-language-field/index.js CHANGED
@@ -19,29 +19,28 @@
19
19
  * */
20
20
  var s = Object.getPrototypeOf;
21
21
  var d = Reflect.get;
22
- var c = (i, o, u) => d(s(i), u, o);
22
+ var c = (t, e, m) => d(s(t), m, e);
23
23
  import "@luzmo/lucero/multi-language-field";
24
24
  import { html as z } from "lit";
25
25
  import { property as r, query as g } from "lit/decorators.js";
26
- import { L as f } from "../edit-option-base-DIc7iC-b.js";
26
+ import { L as f } from "../edit-option-base-Bh29-Cak.js";
27
27
  (function() {
28
28
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
29
- const o = document.createElement("style");
30
- o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
29
+ const e = document.createElement("style");
30
+ e.setAttribute("data-luzmo-vars", ""), e.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(e);
31
31
  }
32
32
  })();
33
- var p = Object.defineProperty, l = (i, o, u, b) => {
34
- for (var t = void 0, a = i.length - 1, n; a >= 0; a--)
35
- (n = i[a]) && (t = n(o, u, t) || t);
36
- return t && p(o, u, t), t;
33
+ var p = Object.defineProperty, l = (t, e, m, b) => {
34
+ for (var u = void 0, a = t.length - 1, n; a >= 0; a--)
35
+ (n = t[a]) && (u = n(e, m, u) || u);
36
+ return u && p(e, m, u), u;
37
37
  };
38
- const m = class m extends f {
38
+ const i = class i extends f {
39
39
  constructor() {
40
40
  super(...arguments), this.value = {}, this.invalid = !1, this.readonly = !1, this.language = "en", this.debounce = 200;
41
41
  }
42
42
  _handleEvent() {
43
43
  this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
44
- var o, u;
45
44
  this.dispatchEvent(
46
45
  new CustomEvent("option-changed", {
47
46
  bubbles: !0,
@@ -49,19 +48,19 @@ const m = class m extends f {
49
48
  cancelable: !0,
50
49
  detail: {
51
50
  value: typeof this.toValue == "function" ? this.toValue(
52
- ((o = this.multiLangFieldElement) == null ? void 0 : o.value) ?? {},
51
+ this.multiLangFieldElement?.value ?? {},
53
52
  this.language ?? "en"
54
- ) : ((u = this.multiLangFieldElement) == null ? void 0 : u.value) ?? {}
53
+ ) : this.multiLangFieldElement?.value ?? {}
55
54
  }
56
55
  })
57
56
  );
58
57
  }, this.debounce ?? 200);
59
58
  }
60
59
  renderController() {
61
- const o = typeof this.parseValue == "function" ? this.parseValue(this.value, this.language ?? "en") : this.value;
60
+ const e = typeof this.parseValue == "function" ? this.parseValue(this.value, this.language ?? "en") : this.value;
62
61
  return z`
63
62
  <luzmo-multi-language-field
64
- .value=${o}
63
+ .value=${e}
65
64
  .language=${this.language ?? "en"}
66
65
  .disabled=${this.disabled}
67
66
  .size=${this.size}
@@ -73,39 +72,39 @@ const m = class m extends f {
73
72
  `;
74
73
  }
75
74
  };
76
- m.styles = [c(m, m, "styles")];
77
- let e = m;
75
+ i.styles = [c(i, i, "styles")];
76
+ let o = i;
78
77
  l([
79
78
  r({ type: Object, reflect: !0 })
80
- ], e.prototype, "value");
79
+ ], o.prototype, "value");
81
80
  l([
82
81
  r({ type: Boolean, reflect: !0 })
83
- ], e.prototype, "invalid");
82
+ ], o.prototype, "invalid");
84
83
  l([
85
84
  r({ type: Boolean, reflect: !0 })
86
- ], e.prototype, "readonly");
85
+ ], o.prototype, "readonly");
87
86
  l([
88
87
  r({ type: String, reflect: !0 })
89
- ], e.prototype, "language");
88
+ ], o.prototype, "language");
90
89
  l([
91
90
  r({ type: Object, reflect: !0 })
92
- ], e.prototype, "placeholder");
91
+ ], o.prototype, "placeholder");
93
92
  l([
94
93
  r()
95
- ], e.prototype, "parseValue");
94
+ ], o.prototype, "parseValue");
96
95
  l([
97
96
  r()
98
- ], e.prototype, "toValue");
97
+ ], o.prototype, "toValue");
99
98
  l([
100
99
  r({ type: Number, reflect: !0 })
101
- ], e.prototype, "debounce");
100
+ ], o.prototype, "debounce");
102
101
  l([
103
102
  g("luzmo-multi-language-field")
104
- ], e.prototype, "multiLangFieldElement");
103
+ ], o.prototype, "multiLangFieldElement");
105
104
  customElements.get("luzmo-edit-option-multi-language-field") || customElements.define(
106
105
  "luzmo-edit-option-multi-language-field",
107
- e
106
+ o
108
107
  );
109
108
  export {
110
- e as LuzmoEditOptionMultiLangField
109
+ o as LuzmoEditOptionMultiLangField
111
110
  };
package/components/edit-option-number-field/index.cjs CHANGED
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";var h=Object.getPrototypeOf;var c=Reflect.get;var a=(s,i,o)=>c(h(s),o,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/number-field");const y=require("lit"),t=require("lit/decorators.js"),d=require("lit/directives/if-defined.js"),f=require("../edit-option-base-VhTih9T1.cjs");var m=Object.defineProperty,r=(s,i,o,b)=>{for(var u=void 0,l=s.length-1,n;l>=0;l--)(n=s[l])&&(u=n(i,o,u)||u);return u&&m(i,o,u),u};const p=class p extends f.LuzmoEditOptionBase{constructor(){super(...arguments),this.disabled=!1,this.step=1,this.unit=!1,this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(this.numberField.value):this.numberField.value}}))},this.debounce??200)}renderController(){const i=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,o=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return y.html`
20
+ "use strict";var h=Object.getPrototypeOf;var c=Reflect.get;var a=(s,i,o)=>c(h(s),o,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/number-field");const y=require("lit"),t=require("lit/decorators.js"),d=require("lit/directives/if-defined.js"),f=require("../edit-option-base-tFr8Qg2B.cjs");var m=Object.defineProperty,r=(s,i,o,b)=>{for(var u=void 0,l=s.length-1,n;l>=0;l--)(n=s[l])&&(u=n(i,o,u)||u);return u&&m(i,o,u),u};const p=class p extends f.LuzmoEditOptionBase{constructor(){super(...arguments),this.disabled=!1,this.step=1,this.unit=!1,this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(this.numberField.value):this.numberField.value}}))},this.debounce??200)}renderController(){const i=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,o=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return y.html`
21
21
  <luzmo-number-field
22
22
  style="min-width: ${this.minWidthInputField??"auto"}"
23
23
  value=${d.ifDefined(i??o)}
package/components/edit-option-number-field/index.js CHANGED
@@ -24,7 +24,7 @@ import "@luzmo/lucero/number-field";
24
24
  import { html as p } from "lit";
25
25
  import { property as l, query as f } from "lit/decorators.js";
26
26
  import { ifDefined as s } from "lit/directives/if-defined.js";
27
- import { L as b } from "../edit-option-base-DIc7iC-b.js";
27
+ import { L as b } from "../edit-option-base-Bh29-Cak.js";
28
28
  (function() {
29
29
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
30
30
  const r = document.createElement("style");
package/components/edit-option-picker/index.cjs CHANGED
@@ -17,13 +17,13 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";var c=Object.getPrototypeOf;var d=Reflect.get;var h=(i,e,r)=>d(c(i),r,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/menu");require("@luzmo/lucero/picker");const u=require("lit"),s=require("lit/decorators.js"),m=require("../edit-option-base-VhTih9T1.cjs");var y=Object.defineProperty,l=(i,e,r,f)=>{for(var o=void 0,p=i.length-1,n;p>=0;p--)(n=i[p])&&(o=n(e,r,o)||o);return o&&y(e,r,o),o};const a=class a extends m.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1,this.placement="bottom-end"}_handleEvent(e){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(e.detail):e.detail}}))}generateMenuItems(){return u.html`
21
- ${Object.entries(this.values).map(([e,r])=>u.html`
20
+ "use strict";var c=Object.getPrototypeOf;var d=Reflect.get;var h=(i,e,r)=>d(c(i),r,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/menu");require("@luzmo/lucero/picker");const p=require("lit"),s=require("lit/decorators.js"),m=require("../edit-option-base-tFr8Qg2B.cjs");var y=Object.defineProperty,l=(i,e,r,f)=>{for(var a=void 0,u=i.length-1,n;u>=0;u--)(n=i[u])&&(a=n(e,r,a)||a);return a&&y(e,r,a),a};const o=class o extends m.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1,this.placement="bottom-end"}_handleEvent(e){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(e.detail):e.detail}}))}generateMenuItems(){return p.html`
21
+ ${Object.entries(this.values).map(([e,r])=>p.html`
22
22
  <luzmo-menu-item value=${e}> ${r} </luzmo-menu-item>
23
23
  `)}
24
- `}renderController(){const e=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,r=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return u.html`
24
+ `}renderController(){const e=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,r=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return p.html`
25
25
  <luzmo-picker
26
- .value=${e!=null&&e.length?e:r??""}
26
+ .value=${e?.length?e:r??""}
27
27
  .size=${this.size}
28
28
  variant="highlight"
29
29
  .placement=${this.placement}
@@ -32,4 +32,4 @@
32
32
  >
33
33
  ${this.generateMenuItems()}
34
34
  </luzmo-picker>
35
- `}};a.styles=[h(a,a,"styles")];let t=a;l([s.property({type:Object})],t.prototype,"values");l([s.property({type:Boolean,reflect:!0})],t.prototype,"disabled");l([s.property()],t.prototype,"placement");l([s.property({type:String,reflect:!0})],t.prototype,"value");l([s.property()],t.prototype,"parseValue");l([s.property()],t.prototype,"toValue");l([s.property({type:String})],t.prototype,"default");customElements.get("luzmo-edit-option-picker")||customElements.define("luzmo-edit-option-picker",t);exports.LuzmoEditOptionPicker=t;
35
+ `}};o.styles=[h(o,o,"styles")];let t=o;l([s.property({type:Object})],t.prototype,"values");l([s.property({type:Boolean,reflect:!0})],t.prototype,"disabled");l([s.property()],t.prototype,"placement");l([s.property({type:String,reflect:!0})],t.prototype,"value");l([s.property()],t.prototype,"parseValue");l([s.property()],t.prototype,"toValue");l([s.property({type:String})],t.prototype,"default");customElements.get("luzmo-edit-option-picker")||customElements.define("luzmo-edit-option-picker",t);exports.LuzmoEditOptionPicker=t;