@luzmo/analytics-components-kit 1.0.1-alpha.97 → 1.0.1-alpha.98

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 (235) hide show
  1. package/components/ai-chat-message-assistant/index.cjs +1 -1
  2. package/components/ai-chat-message-assistant/index.js +1 -0
  3. package/components/ai-chat-messages-container/index.cjs +1 -1
  4. package/components/ai-chat-messages-container/index.js +2 -2
  5. package/components/ai-interaction-textarea/index.cjs +1 -1
  6. package/components/ai-interaction-textarea/index.js +2 -1
  7. package/components/area-chart-options.config-C7sMAHco.cjs +20 -0
  8. package/components/{area-chart-options.config-u8itidsi.js → area-chart-options.config-_J0sG4NF.js} +26 -14
  9. package/components/{bar-chart-options.config-DIirbAJ0.js → bar-chart-options.config-D1mb5TDl.js} +35 -21
  10. package/components/bar-chart-options.config-DcxEkOT5.cjs +20 -0
  11. package/components/box-plot-options.config-SrrbDEYW.cjs +20 -0
  12. package/components/{box-plot-options.config-BWROiguA.js → box-plot-options.config-xu_i6ms7.js} +88 -52
  13. package/components/{bubble-chart-options.config-4QD8VPhU.js → bubble-chart-options.config-BacgXkJ_.js} +18 -9
  14. package/components/bubble-chart-options.config-Ihn6eVQI.cjs +20 -0
  15. package/components/{bullet-chart-options.config-3bH7uekx.js → bullet-chart-options.config-CDPpX1yc.js} +1 -1
  16. package/components/{bullet-chart-options.config-tWb6Fio-.cjs → bullet-chart-options.config-DfS4Bwds.cjs} +1 -1
  17. package/components/calculate-data-item-icon-CEa82-5u.cjs +20 -0
  18. package/components/calculate-data-item-icon-DjlZwMdO.js +147 -0
  19. package/components/{choropleth-map-options.config-CMxx3ORp.js → choropleth-map-options.config-B_W9-rhe.js} +84 -63
  20. package/components/choropleth-map-options.config-ZW8yoZH2.cjs +20 -0
  21. package/components/{circular-gauge-options.config-DhIKn44k.js → circular-gauge-options.config-DAIjz4Rl.js} +36 -23
  22. package/components/circular-gauge-options.config-msZ4mfpN.cjs +20 -0
  23. package/components/color-B6LaL8qz.cjs +20 -0
  24. package/components/{color-B7m0j8lX.js → color-DuJ4-73S.js} +950 -941
  25. package/components/{color-range-utils-BSfqtB3A.js → color-range-utils-Bvo9sm5A.js} +32 -31
  26. package/components/color-range-utils-C5yXW7ZC.cjs +20 -0
  27. package/components/{column-chart-options.config-D5-yR7iq.js → column-chart-options.config-B5SjBVdy.js} +37 -27
  28. package/components/column-chart-options.config-BjDvA7i9.cjs +20 -0
  29. package/components/{conditional-number-options.config-DPYsdML5.js → conditional-number-options.config-BCEpSK9J.js} +40 -24
  30. package/components/conditional-number-options.config-DgzUo0xi.cjs +20 -0
  31. package/components/dataset-icon/index.cjs +1 -1
  32. package/components/dataset-icon/index.js +2 -1
  33. package/components/dataset-selector-list/index.cjs +1 -1
  34. package/components/dataset-selector-list/index.js +35 -32
  35. package/components/dataset-selector-row/index.cjs +9 -9
  36. package/components/dataset-selector-row/index.js +52 -50
  37. package/components/{date-comparison-filter-options.config-QaoWaFUn.cjs → date-comparison-filter-options.config-DAVncmi0.cjs} +1 -1
  38. package/components/{date-comparison-filter-options.config-CSwGyuBg.js → date-comparison-filter-options.config-JA_yYpJa.js} +6 -3
  39. package/components/{date-filter-options.config-n-zhWaYa.cjs → date-filter-options.config-CWPMtA18.cjs} +1 -1
  40. package/components/{date-filter-options.config-BTVyHRkp.js → date-filter-options.config-DBRxlTWy.js} +6 -3
  41. package/components/display-settings/index.cjs +1 -1
  42. package/components/display-settings/index.js +1 -1
  43. package/components/display-settings-binning/index.cjs +5 -5
  44. package/components/display-settings-binning/index.js +30 -29
  45. package/components/display-settings-datetime/index.cjs +29 -29
  46. package/components/display-settings-datetime/index.js +120 -112
  47. package/components/display-settings-grand-totals/index.cjs +4 -4
  48. package/components/display-settings-grand-totals/index.js +24 -23
  49. package/components/display-settings-numeric/index.cjs +48 -48
  50. package/components/display-settings-numeric/index.js +206 -190
  51. package/components/display-settings-period-over-period/index.cjs +16 -16
  52. package/components/display-settings-period-over-period/index.js +97 -91
  53. package/components/{donut-chart-options.config-3ZqX8Cbb.js → donut-chart-options.config-BulUEiaH.js} +37 -21
  54. package/components/donut-chart-options.config-tNpqBZfR.cjs +20 -0
  55. package/components/draggable-data-item/index.cjs +5 -5
  56. package/components/draggable-data-item/index.js +46 -45
  57. package/components/draggable-data-item-level/index.cjs +11 -11
  58. package/components/draggable-data-item-level/index.js +73 -70
  59. package/components/{dropdown-filter-options.config-CGJTtgAX.js → dropdown-filter-options.config-D9dvPypF.js} +10 -7
  60. package/components/{dropdown-filter-options.config-DJvfCTk7.cjs → dropdown-filter-options.config-DS-MORmq.cjs} +1 -1
  61. package/components/droppable-slot/index.cjs +16 -16
  62. package/components/droppable-slot/index.js +223 -208
  63. package/components/edit-item/index.cjs +9 -9
  64. package/components/edit-item/index.js +119 -116
  65. package/components/edit-option/index.cjs +1 -1
  66. package/components/edit-option/index.js +1 -1
  67. package/components/edit-option-action-button-group/index.cjs +8 -8
  68. package/components/edit-option-action-button-group/index.js +53 -52
  69. package/components/{edit-option-base-Bh29-Cak.js → edit-option-base-DIc7iC-b.js} +1 -1
  70. package/components/{edit-option-base-tFr8Qg2B.cjs → edit-option-base-VhTih9T1.cjs} +1 -1
  71. package/components/edit-option-color-palette-picker/index.cjs +1 -1
  72. package/components/edit-option-color-palette-picker/index.js +1 -1
  73. package/components/edit-option-color-picker/index.cjs +1 -1
  74. package/components/edit-option-color-picker/index.js +1 -1
  75. package/components/edit-option-color-range/index.cjs +19 -19
  76. package/components/edit-option-color-range/index.js +117 -106
  77. package/components/edit-option-multi-language-field/index.cjs +3 -3
  78. package/components/edit-option-multi-language-field/index.js +27 -26
  79. package/components/edit-option-number-field/index.cjs +1 -1
  80. package/components/edit-option-number-field/index.js +1 -1
  81. package/components/edit-option-picker/index.cjs +5 -5
  82. package/components/edit-option-picker/index.js +7 -7
  83. package/components/edit-option-position-picker/index.cjs +4 -4
  84. package/components/edit-option-position-picker/index.js +25 -21
  85. package/components/edit-option-positions-number-field/index.cjs +9 -9
  86. package/components/edit-option-positions-number-field/index.js +81 -76
  87. package/components/edit-option-radio-button-group/index.cjs +6 -6
  88. package/components/edit-option-radio-button-group/index.js +22 -21
  89. package/components/edit-option-slider/index.cjs +1 -1
  90. package/components/edit-option-slider/index.js +1 -1
  91. package/components/edit-option-switch/index.cjs +1 -1
  92. package/components/edit-option-switch/index.js +1 -1
  93. package/components/edit-option-text-field/index.cjs +2 -2
  94. package/components/edit-option-text-field/index.js +23 -22
  95. package/components/en-BKBhKBXY.cjs +20 -0
  96. package/components/en-BOTjhwEc.js +1488 -0
  97. package/components/{en-GB-ialeqj_z.js → en-GB-CEHEs8F2.js} +1 -1
  98. package/components/{en-GB-TqvgIw9B.cjs → en-GB-DG6uS3sM.cjs} +1 -1
  99. package/components/{evolution-number-options.config-Bc9eKYnn.cjs → evolution-number-options.config-BgIZY4gQ.cjs} +1 -1
  100. package/components/{evolution-number-options.config-BIPO_4n3.js → evolution-number-options.config-DzkfeoIN.js} +14 -11
  101. package/components/{extrapolate-color-C0n1UDs-.cjs → extrapolate-color-0j_AeYkz.cjs} +1 -1
  102. package/components/{extrapolate-color-v1PimdQr.js → extrapolate-color-CC9CURf6.js} +1 -1
  103. package/components/filter-data-item-picker/index.cjs +7 -7
  104. package/components/filter-data-item-picker/index.js +86 -85
  105. package/components/filter-expression-picker/index.cjs +1 -1
  106. package/components/filter-expression-picker/index.js +1 -1
  107. package/components/filter-item/index.cjs +6 -6
  108. package/components/filter-item/index.js +119 -109
  109. package/components/filter-value-picker/index.cjs +2 -2
  110. package/components/filter-value-picker/index.js +36 -34
  111. package/components/filter-value-picker-datetime/index.cjs +8 -8
  112. package/components/filter-value-picker-datetime/index.js +71 -56
  113. package/components/filter-value-picker-hierarchy/index.cjs +12 -12
  114. package/components/filter-value-picker-hierarchy/index.js +124 -113
  115. package/components/filter-value-picker-numeric/index.cjs +8 -8
  116. package/components/filter-value-picker-numeric/index.js +110 -101
  117. package/components/focusable-B3E_hQmm.cjs +20 -0
  118. package/components/{focusable-BS2pbY7w.js → focusable-DCIFkpiW.js} +26 -24
  119. package/components/{funnel-chart-options.config-CrJy2U7_.js → funnel-chart-options.config-C_VjTOvD.js} +20 -5
  120. package/components/funnel-chart-options.config-D7H7gFcx.cjs +20 -0
  121. package/components/get-css-variable-DLiZYZEi.cjs +24 -0
  122. package/components/{get-css-variable-Bb7TxJdX.js → get-css-variable-YlLiVgo8.js} +37 -37
  123. package/components/grid/index.cjs +49 -43
  124. package/components/grid/index.js +1878 -2610
  125. package/components/{heat-map-options.config-CmL87j1j.js → heat-map-options.config-BnLWe8jS.js} +41 -35
  126. package/components/heat-map-options.config-DVH-Bb5-.cjs +20 -0
  127. package/components/heat-table-options.config-B12JEYnp.cjs +20 -0
  128. package/components/{heat-table-options.config-BrCYAgYD.js → heat-table-options.config-CUsDdgUr.js} +88 -60
  129. package/components/helpers-DXQwEH1P.cjs +20 -0
  130. package/components/helpers-v1bPALRP.js +91 -0
  131. package/components/hexbin-map-options.config-DZERRhM8.cjs +20 -0
  132. package/components/{hexbin-map-options.config-BguV1w8q.js → hexbin-map-options.config-F-7uCqxb.js} +38 -20
  133. package/components/{index-BNAmjOkm.cjs → index-BPNsFiyq.cjs} +4 -4
  134. package/components/index-CDi4fe3N.js +1716 -0
  135. package/components/index-CQ9ck-BO.cjs +249 -0
  136. package/components/index-CXn67vdn.cjs +121 -0
  137. package/components/{index-haa7WNrl.js → index-CdIUfo-L.js} +481 -453
  138. package/components/index-Cz9vSXy6.cjs +20 -0
  139. package/components/{index-DdyZ2g5L.js → index-D0GBF6tg.js} +104 -94
  140. package/components/{index-CqKpf0B8.js → index-Do7O9azB.js} +123 -112
  141. package/components/index.cjs +1 -1
  142. package/components/index.js +5 -5
  143. package/components/item-options-configs.cjs +1 -1
  144. package/components/item-options-configs.js +37 -37
  145. package/components/{line-chart-options.config-BhirTGqD.js → line-chart-options.config-DB3IsXXr.js} +28 -13
  146. package/components/line-chart-options.config-DSugoe0t.cjs +20 -0
  147. package/components/{localize-CcDpq940.js → localize-BX7q0S0M.js} +10 -10
  148. package/components/{localize-C4zNlrwK.cjs → localize-r7ALOUy_.cjs} +1 -1
  149. package/components/{marker-map-options.config-Bx17jmiq.js → marker-map-options.config-DPJ955tt.js} +1 -1
  150. package/components/{marker-map-options.config-CvhCylSC.cjs → marker-map-options.config-_FYZzRwA.cjs} +1 -1
  151. package/components/pivot-table-options.config-BiJXKSFR.cjs +20 -0
  152. package/components/{pivot-table-options.config-CFc7y0IT.js → pivot-table-options.config-DNK_AIG7.js} +24 -15
  153. package/components/pyramid-chart-options.config-C4zbFS26.cjs +20 -0
  154. package/components/{pyramid-chart-options.config-2Waxb11l.js → pyramid-chart-options.config-CcVMatYx.js} +43 -29
  155. package/components/{radar-chart-options.config-CPN5fOl8.js → radar-chart-options.config-CUZn_3Fd.js} +23 -11
  156. package/components/radar-chart-options.config-EqQu6PTh.cjs +20 -0
  157. package/components/{regular-table-options.config-CFKCJQK1.js → regular-table-options.config-BoLZsBry.js} +23 -17
  158. package/components/{regular-table-options.config-YRuoijIk.cjs → regular-table-options.config-DTx3RTnS.cjs} +1 -1
  159. package/components/{route-map-options.config-CyolTJfK.js → route-map-options.config-CN86T7c0.js} +109 -87
  160. package/components/route-map-options.config-D7NJePTu.cjs +20 -0
  161. package/components/{sankey-diagram-options.config-D7OSvSqm.cjs → sankey-diagram-options.config-RFB83YLZ.cjs} +1 -1
  162. package/components/{sankey-diagram-options.config-Ldjk84ro.js → sankey-diagram-options.config-tVLKy_Zn.js} +10 -7
  163. package/components/scatter-plot-options.config-CFfGJXsV.cjs +20 -0
  164. package/components/{scatter-plot-options.config-CfxEfkQ1.js → scatter-plot-options.config-Corlzno1.js} +86 -56
  165. package/components/{search-filter-options.config-Oqco9BKj.cjs → search-filter-options.config-BCaDlYqZ.cjs} +1 -1
  166. package/components/{search-filter-options.config-C0syQmP4.js → search-filter-options.config-BE3JhR-F.js} +6 -3
  167. package/components/{set-locale-hKTMz37h.js → set-locale-Dp3N_gXN.js} +8 -1
  168. package/components/{slicer-filter-options.config-DmOe3440.js → slicer-filter-options.config-3JZZcw5C.js} +18 -9
  169. package/components/slicer-filter-options.config-DNI-XevE.cjs +20 -0
  170. package/components/{slider-filter-options.config-B1M8RcDs.js → slider-filter-options.config-DH4SS8wH.js} +1 -1
  171. package/components/{slider-filter-options.config-k45I-t6G.cjs → slider-filter-options.config-_8Z2zKmU.cjs} +1 -1
  172. package/components/slot-contents-picker/index.cjs +33 -33
  173. package/components/slot-contents-picker/index.js +205 -194
  174. package/components/slot-menu/index.cjs +12 -12
  175. package/components/slot-menu/index.js +184 -171
  176. package/components/slot-menu-list/index.cjs +3 -3
  177. package/components/slot-menu-list/index.js +103 -97
  178. package/components/speedometer-chart-options.config-BX9LTQBH.cjs +20 -0
  179. package/components/{speedometer-chart-options.config-CzOmuEF8.js → speedometer-chart-options.config-SL581yOa.js} +53 -31
  180. package/components/{spike-map-options.config-Cbt1YUw6.js → spike-map-options.config-C5KewecZ.js} +122 -91
  181. package/components/spike-map-options.config-DoBFXPmN.cjs +20 -0
  182. package/components/{sunburst-chart-options.config-Yrxc2i57.cjs → sunburst-chart-options.config-AbNjWS6t.cjs} +1 -1
  183. package/components/{sunburst-chart-options.config-_dyLQxPJ.js → sunburst-chart-options.config-CNauGQJv.js} +20 -9
  184. package/components/{symbol-map-options.config-BORL1NSU.js → symbol-map-options.config-DdDA4aa7.js} +20 -11
  185. package/components/symbol-map-options.config-m-lwLTtu.cjs +20 -0
  186. package/components/treemap-chart-options.config-C0Q9aQ1Z.cjs +20 -0
  187. package/components/{treemap-chart-options.config-B9i9qIm_.js → treemap-chart-options.config-D5AJaF_u.js} +37 -20
  188. package/components/utils.cjs +1 -1
  189. package/components/utils.js +97 -94
  190. package/components/{video-options.config-B0asgYt8.cjs → video-options.config-CGsDTwHc.cjs} +1 -1
  191. package/components/{video-options.config-UX-9MDfS.js → video-options.config-Dk36zJ1B.js} +10 -7
  192. package/components/viz-item-menu/index.cjs +2 -2
  193. package/components/viz-item-menu/index.js +5 -4
  194. package/components/{wordcloud-chart-options.config-BKtJT8Va.cjs → wordcloud-chart-options.config-vGfCW8kE.cjs} +1 -1
  195. package/components/{wordcloud-chart-options.config-BoB_KuhA.js → wordcloud-chart-options.config-w2NUIWVA.js} +7 -4
  196. package/custom-elements.json +0 -20
  197. package/package.json +1 -1
  198. package/components/area-chart-options.config-Bl8bhhOo.cjs +0 -20
  199. package/components/bar-chart-options.config-CePAqM83.cjs +0 -20
  200. package/components/box-plot-options.config-BVNrV2eD.cjs +0 -20
  201. package/components/bubble-chart-options.config-BDgOe3GQ.cjs +0 -20
  202. package/components/calculate-data-item-icon-DMDhKq_m.js +0 -147
  203. package/components/calculate-data-item-icon-DtVGbet3.cjs +0 -20
  204. package/components/choropleth-map-options.config-CWJACFd0.cjs +0 -20
  205. package/components/circular-gauge-options.config-BMxgq3zH.cjs +0 -20
  206. package/components/color-Czp4Im5q.cjs +0 -20
  207. package/components/color-range-utils-DYYR-iwx.cjs +0 -20
  208. package/components/column-chart-options.config-BV9R3ssH.cjs +0 -20
  209. package/components/conditional-number-options.config-Co099Qfm.cjs +0 -20
  210. package/components/donut-chart-options.config-BQyPgnC9.cjs +0 -20
  211. package/components/en-D3ihEGXg.js +0 -1483
  212. package/components/en-DZcn_iz_.cjs +0 -20
  213. package/components/focusable-QLh-LlNt.cjs +0 -20
  214. package/components/funnel-chart-options.config-DrP4AFgk.cjs +0 -20
  215. package/components/get-css-variable-Pzks_rOx.cjs +0 -24
  216. package/components/heat-map-options.config-CIHnPdYE.cjs +0 -20
  217. package/components/heat-table-options.config-DTlZRc_i.cjs +0 -20
  218. package/components/helpers-9I0oLoUB.cjs +0 -20
  219. package/components/helpers-bR8Ibjqh.js +0 -79
  220. package/components/hexbin-map-options.config-CKnn3VAB.cjs +0 -20
  221. package/components/index-BekTY3Em.cjs +0 -121
  222. package/components/index-CFL6gmIu.cjs +0 -20
  223. package/components/index-DNPULp4A.js +0 -1755
  224. package/components/index-DvkzMbLt.cjs +0 -249
  225. package/components/line-chart-options.config-Cqwou5u6.cjs +0 -20
  226. package/components/pivot-table-options.config-uZDAertf.cjs +0 -20
  227. package/components/pyramid-chart-options.config-DoGfEvzU.cjs +0 -20
  228. package/components/radar-chart-options.config-CtNUMN1l.cjs +0 -20
  229. package/components/route-map-options.config-CVTk5RVL.cjs +0 -20
  230. package/components/scatter-plot-options.config-5gN7pMTm.cjs +0 -20
  231. package/components/slicer-filter-options.config-CrusP6a0.cjs +0 -20
  232. package/components/speedometer-chart-options.config-B4ceg_qI.cjs +0 -20
  233. package/components/spike-map-options.config-BkkDqb4g.cjs +0 -20
  234. package/components/symbol-map-options.config-NpBKm64d.cjs +0 -20
  235. package/components/treemap-chart-options.config-x4J54WSw.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 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";
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";
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 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";
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";
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 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;
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;
45
45
  };
46
- const u = class u extends y {
46
+ const u = class u extends w {
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,72 +68,79 @@ const u = class u extends y {
68
68
  }, this.debounce ?? 200);
69
69
  }
70
70
  _getIndex(o) {
71
+ var l, r;
71
72
  let e = [...this.colorRangeLines].indexOf(
72
- o?.target?.closest(
73
+ (l = o == null ? void 0 : o.target) == null ? void 0 : l.closest(
73
74
  ".color-range-line"
74
75
  )
75
76
  );
76
- return this.reverse && (e = (this._ranges?.length ?? 0) - 1 - e), e;
77
+ return this.reverse && (e = (((r = this._ranges) == null ? void 0 : r.length) ?? 0) - 1 - e), e;
77
78
  }
78
79
  _extrapolateNewValue(o) {
79
80
  if (o.length < 2)
80
81
  return 0;
81
- const e = o.at(-1), n = o.at(-2), a = (e ?? 0) - (n ?? 0);
82
- return (e ?? 0) + a;
82
+ const e = o.at(-1), l = o.at(-2), r = (e ?? 0) - (l ?? 0);
83
+ return (e ?? 0) + r;
83
84
  }
84
85
  _setColor(o) {
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();
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();
87
89
  }
88
90
  _setNumber(o) {
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))
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))
92
95
  ), this._handleChangeEvent();
93
96
  }
94
97
  _removeRangeValue(o) {
98
+ var l;
95
99
  const e = this._getIndex(o);
96
- this._ranges?.splice(e, 1), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
100
+ (l = this._ranges) == null || l.splice(e, 1), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
97
101
  }
98
102
  _addRangeValue() {
99
- const o = x(
100
- this._ranges?.map((n) => n.color) ?? []
103
+ var l, r, n;
104
+ const o = y(
105
+ ((l = this._ranges) == null ? void 0 : l.map((t) => t.color)) ?? []
101
106
  ), e = this._extrapolateNewValue(
102
- this._ranges?.map((n) => n.value ?? 0) ?? []
107
+ ((r = this._ranges) == null ? void 0 : r.map((t) => t.value ?? 0)) ?? []
103
108
  );
104
- this._ranges?.push({ color: o, value: e }), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
109
+ (n = this._ranges) == null || n.push({ color: o, value: e }), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
105
110
  }
106
111
  renderRangeValues() {
107
- const o = (a, c, d, p) => i`
108
- <div class="color-range-line" style="--range-color: ${a}">
112
+ const o = (r, n, t, g) => {
113
+ var p;
114
+ return d`
115
+ <div class="color-range-line" style="--range-color: ${r}">
109
116
  <luzmo-color-picker
110
- .color=${a}
117
+ .color=${r}
111
118
  .debounce=${this.debounce}
112
119
  ?disabled=${this.disabled}
113
120
  ?no-alpha-channel=${this.noAlphaChannel}
114
121
  ?read-only=${this.readOnlyColorPicker}
115
122
  @change=${this._setColor}
116
123
  ></luzmo-color-picker>
117
- ${this.percentage ? i`<div class="color-range-percentage-value">%</div>` : i``}
118
- ${this.noValues ? i` <luzmo-color-field
119
- .value=${a}
124
+ ${this.percentage ? d`<div class="color-range-percentage-value">%</div>` : d``}
125
+ ${this.noValues ? d` <luzmo-color-field
126
+ .value=${r}
120
127
  .size=${this.size}
121
128
  .debounce=${this.debounce}
122
129
  ?no-alpha-channel=${this.noAlphaChannel}
123
130
  ?disabled=${this.disabled}
124
131
  @change=${this._setColor}
125
- ></luzmo-color-field>` : d ? i` <luzmo-text-field
126
- .value=${"< " + (p ?? 0)}
132
+ ></luzmo-color-field>` : t ? d` <luzmo-text-field
133
+ .value=${"< " + (g ?? 0)}
127
134
  .size=${this.size}
128
135
  readonly
129
- ></luzmo-text-field>` : i` <luzmo-number-field
130
- .value=${c ?? 0}
136
+ ></luzmo-text-field>` : d` <luzmo-number-field
137
+ .value=${n ?? 0}
131
138
  .size=${this.size}
132
139
  .debounce=${this.debounce}
133
140
  ?disabled=${this.disabled}
134
141
  @change=${this._setNumber}
135
142
  ></luzmo-number-field>`}
136
- ${this.editRangeSize && !this.disabled && !d && (this._ranges?.length ?? 0) > this.minimumRangeSize ? i`<luzmo-action-button
143
+ ${this.editRangeSize && !this.disabled && !t && (((p = this._ranges) == null ? void 0 : p.length) ?? 0) > this.minimumRangeSize ? d`<luzmo-action-button
137
144
  quiet
138
145
  .size=${this.size}
139
146
  @click=${this._removeRangeValue}
@@ -141,44 +148,48 @@ const u = class u extends y {
141
148
  <luzmo-icon
142
149
  slot="icon"
143
150
  .size=${this.size}
144
- .icon=${z}
151
+ .icon=${v}
145
152
  ></luzmo-icon>
146
- </luzmo-action-button>` : i``}
153
+ </luzmo-action-button>` : d``}
147
154
  </div>
148
155
  `;
156
+ };
149
157
  let e = this._ranges ?? this.default ?? [];
150
158
  this.reverse && (e = [...e].reverse());
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
- )
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
+ }
158
169
  );
159
- return i`
170
+ return d`
160
171
  <div class="color-range-lines-container">
161
- ${this.editRangeSize && !this.disabled && this.reverse ? i`<div class="color-range-add-value-container">
172
+ ${this.editRangeSize && !this.disabled && this.reverse ? d`<div class="color-range-add-value-container">
162
173
  <button
163
174
  class="color-range-add-value"
164
175
  @click=${this._addRangeValue}
165
176
  >
166
177
  <div class="plus-sign"></div>
167
178
  </button>
168
- </div>` : i``}
179
+ </div>` : d``}
169
180
  <div
170
181
  class="color-range-lines ${this.editRangeSize && !this.disabled ? "edit-range-size" : ""}"
171
182
  >
172
- ${n}
183
+ ${l}
173
184
  </div>
174
- ${this.editRangeSize && !this.disabled && !this.reverse ? i`<div class="color-range-add-value-container">
185
+ ${this.editRangeSize && !this.disabled && !this.reverse ? d`<div class="color-range-add-value-container">
175
186
  <button
176
187
  class="color-range-add-value"
177
188
  @click=${this._addRangeValue}
178
189
  >
179
190
  <div class="plus-sign"></div>
180
191
  </button>
181
- </div>` : i``}
192
+ </div>` : d``}
182
193
  </div>
183
194
  `;
184
195
  }
@@ -186,64 +197,64 @@ const u = class u extends y {
186
197
  return this.renderRangeValues();
187
198
  }
188
199
  };
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({
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({
217
228
  type: Boolean,
218
229
  reflect: !0,
219
230
  attribute: "negative-infinity-value"
220
231
  })
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");
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");
243
254
  customElements.get("luzmo-edit-option-color-range") || customElements.define(
244
255
  "luzmo-edit-option-color-range",
245
- r
256
+ a
246
257
  );
247
258
  export {
248
- r as LuzmoEditOptionColorRange
259
+ a as LuzmoEditOptionColorRange
249
260
  };
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=(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`
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`
21
21
  <luzmo-multi-language-field
22
- .value=${r}
22
+ .value=${t}
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
- `}};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;
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;
package/components/edit-option-multi-language-field/index.js CHANGED
@@ -19,28 +19,29 @@
19
19
  * */
20
20
  var s = Object.getPrototypeOf;
21
21
  var d = Reflect.get;
22
- var c = (t, e, m) => d(s(t), m, e);
22
+ var c = (i, o, u) => d(s(i), u, o);
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-Bh29-Cak.js";
26
+ import { L as f } from "../edit-option-base-DIc7iC-b.js";
27
27
  (function() {
28
28
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
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);
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);
31
31
  }
32
32
  })();
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;
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;
37
37
  };
38
- const i = class i extends f {
38
+ const m = class m 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;
44
45
  this.dispatchEvent(
45
46
  new CustomEvent("option-changed", {
46
47
  bubbles: !0,
@@ -48,19 +49,19 @@ const i = class i extends f {
48
49
  cancelable: !0,
49
50
  detail: {
50
51
  value: typeof this.toValue == "function" ? this.toValue(
51
- this.multiLangFieldElement?.value ?? {},
52
+ ((o = this.multiLangFieldElement) == null ? void 0 : o.value) ?? {},
52
53
  this.language ?? "en"
53
- ) : this.multiLangFieldElement?.value ?? {}
54
+ ) : ((u = this.multiLangFieldElement) == null ? void 0 : u.value) ?? {}
54
55
  }
55
56
  })
56
57
  );
57
58
  }, this.debounce ?? 200);
58
59
  }
59
60
  renderController() {
60
- const e = typeof this.parseValue == "function" ? this.parseValue(this.value, this.language ?? "en") : this.value;
61
+ const o = typeof this.parseValue == "function" ? this.parseValue(this.value, this.language ?? "en") : this.value;
61
62
  return z`
62
63
  <luzmo-multi-language-field
63
- .value=${e}
64
+ .value=${o}
64
65
  .language=${this.language ?? "en"}
65
66
  .disabled=${this.disabled}
66
67
  .size=${this.size}
@@ -72,39 +73,39 @@ const i = class i extends f {
72
73
  `;
73
74
  }
74
75
  };
75
- i.styles = [c(i, i, "styles")];
76
- let o = i;
76
+ m.styles = [c(m, m, "styles")];
77
+ let e = m;
77
78
  l([
78
79
  r({ type: Object, reflect: !0 })
79
- ], o.prototype, "value");
80
+ ], e.prototype, "value");
80
81
  l([
81
82
  r({ type: Boolean, reflect: !0 })
82
- ], o.prototype, "invalid");
83
+ ], e.prototype, "invalid");
83
84
  l([
84
85
  r({ type: Boolean, reflect: !0 })
85
- ], o.prototype, "readonly");
86
+ ], e.prototype, "readonly");
86
87
  l([
87
88
  r({ type: String, reflect: !0 })
88
- ], o.prototype, "language");
89
+ ], e.prototype, "language");
89
90
  l([
90
91
  r({ type: Object, reflect: !0 })
91
- ], o.prototype, "placeholder");
92
+ ], e.prototype, "placeholder");
92
93
  l([
93
94
  r()
94
- ], o.prototype, "parseValue");
95
+ ], e.prototype, "parseValue");
95
96
  l([
96
97
  r()
97
- ], o.prototype, "toValue");
98
+ ], e.prototype, "toValue");
98
99
  l([
99
100
  r({ type: Number, reflect: !0 })
100
- ], o.prototype, "debounce");
101
+ ], e.prototype, "debounce");
101
102
  l([
102
103
  g("luzmo-multi-language-field")
103
- ], o.prototype, "multiLangFieldElement");
104
+ ], e.prototype, "multiLangFieldElement");
104
105
  customElements.get("luzmo-edit-option-multi-language-field") || customElements.define(
105
106
  "luzmo-edit-option-multi-language-field",
106
- o
107
+ e
107
108
  );
108
109
  export {
109
- o as LuzmoEditOptionMultiLangField
110
+ e as LuzmoEditOptionMultiLangField
110
111
  };
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-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`
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`
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-Bh29-Cak.js";
27
+ import { L as b } from "../edit-option-base-DIc7iC-b.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 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`
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`
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 p.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 u.html`
25
25
  <luzmo-picker
26
- .value=${e?.length?e:r??""}
26
+ .value=${e!=null&&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
- `}};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;
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;