@luzmo/analytics-components-kit 1.0.1-alpha.29 → 1.0.1-alpha.30

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 (105) hide show
  1. package/components/{async-directive-DWRUSKKF-CPf9l5wJ.js → async-directive-C_bp5UcZ-B5_19oN_.js} +1 -1
  2. package/components/{async-directive-DWRUSKKF-DWUZeMaj.cjs → async-directive-C_bp5UcZ-mUPcBvyn.cjs} +3 -3
  3. package/components/base-D76d76ww-BEIhYtgV.cjs +94 -0
  4. package/components/{base-D76d76ww-M5t7LVBG.js → base-D76d76ww-D0dTUBua.js} +300 -299
  5. package/components/{button-base-DSHx7XO8-ChNRhetl.cjs → button-base-WsJSnMie-B1TLbPwk.cjs} +4 -4
  6. package/components/{button-base-DSHx7XO8-B_LbLx9g.js → button-base-WsJSnMie-CyGPs7kd.js} +4 -4
  7. package/components/{checkbox-mixin-BFGTmw17-C1tjSMaa.js → checkbox-mixin-CmeCReJh-C94-rm4F.js} +2 -2
  8. package/components/{checkbox-mixin-BFGTmw17-DF2p-vSz.cjs → checkbox-mixin-CmeCReJh-wY0R8cuc.cjs} +3 -3
  9. package/components/{directive-helpers-nlQRAaQt-DTZp2cFt.cjs → directive-helpers-Bx_ey3Gk-BxvL9t9F.cjs} +2 -2
  10. package/components/{directive-helpers-nlQRAaQt-DgSC1Yr2.js → directive-helpers-Bx_ey3Gk-Csi4AxXe.js} +1 -1
  11. package/components/display-settings/index.cjs +1 -1
  12. package/components/display-settings/index.js +7 -7
  13. package/components/display-settings-binning/index.cjs +1 -1
  14. package/components/display-settings-binning/index.js +5 -5
  15. package/components/display-settings-datetime/index.cjs +1 -1
  16. package/components/display-settings-datetime/index.js +8 -8
  17. package/components/display-settings-grand-totals/index.cjs +1 -1
  18. package/components/display-settings-grand-totals/index.js +4 -4
  19. package/components/display-settings-numeric/index.cjs +3 -3
  20. package/components/display-settings-numeric/index.js +12 -12
  21. package/components/display-settings-period-over-period/index.cjs +5 -5
  22. package/components/display-settings-period-over-period/index.js +14 -14
  23. package/components/draggable-data-item-level/index.cjs +1 -1
  24. package/components/draggable-data-item-level/index.js +15 -15
  25. package/components/droppable-slot/index.cjs +9 -9
  26. package/components/droppable-slot/index.js +63 -63
  27. package/components/edit-item/index.cjs +6 -6
  28. package/components/edit-item/index.js +14 -14
  29. package/components/edit-option-action-button-group/index.cjs +1 -1
  30. package/components/edit-option-action-button-group/index.js +20 -20
  31. package/components/{edit-option-base-C0zI8SOd.js → edit-option-base-DOezOLDd.js} +2 -2
  32. package/components/{edit-option-base-D8vs3Bty.cjs → edit-option-base-jkkFevzT.cjs} +1 -1
  33. package/components/edit-option-color-picker/index.cjs +29 -29
  34. package/components/edit-option-color-picker/index.js +40 -40
  35. package/components/edit-option-multi-language-field/index.cjs +1 -1
  36. package/components/edit-option-multi-language-field/index.js +2 -2
  37. package/components/edit-option-number-field/index.cjs +1 -1
  38. package/components/edit-option-number-field/index.js +2 -2
  39. package/components/edit-option-picker/index.cjs +1 -1
  40. package/components/edit-option-picker/index.js +3 -3
  41. package/components/edit-option-position-picker/index.cjs +1 -1
  42. package/components/edit-option-position-picker/index.js +2 -2
  43. package/components/edit-option-positions-number-field/index.cjs +1 -1
  44. package/components/edit-option-positions-number-field/index.js +3 -3
  45. package/components/edit-option-radio-button-group/index.cjs +1 -1
  46. package/components/edit-option-radio-button-group/index.js +3 -3
  47. package/components/edit-option-slider/index.cjs +2 -2
  48. package/components/edit-option-slider/index.js +2 -2
  49. package/components/edit-option-switch/index.cjs +3 -3
  50. package/components/edit-option-switch/index.js +7 -7
  51. package/components/edit-option-text-field/index.cjs +1 -1
  52. package/components/edit-option-text-field/index.js +2 -2
  53. package/components/{focusable-cj2QhwDT-DlzfnLn9.js → focusable-BNESohBR-DYvAZYXL.js} +1 -1
  54. package/components/{focusable-cj2QhwDT-CvevSkDr.cjs → focusable-BNESohBR-DbTLvYXr.cjs} +2 -2
  55. package/components/{if-defined-BSAr_4u4-CIqREoag.cjs → if-defined-D-1p2bLN-0_AoRnT2.cjs} +1 -1
  56. package/components/{if-defined-BSAr_4u4-BCnSpSsA.js → if-defined-D-1p2bLN-Bn-33APC.js} +1 -1
  57. package/components/{index-CC53jnJB.cjs → index-0HUnZcem.cjs} +2 -2
  58. package/components/{index-fheP_kQJ.js → index-B3jkBlKY.js} +7 -7
  59. package/components/{index-B2LO8M42.js → index-B9dQtvu7.js} +3 -3
  60. package/components/{index-BIauj-BP.cjs → index-BKcvEgWr.cjs} +4 -4
  61. package/components/{index-BjdUsH9B.js → index-BXMPi13W.js} +75 -75
  62. package/components/{index-D8GVYuJ-.js → index-Bb8vxGZY.js} +29 -29
  63. package/components/{index-Cl7wWlXl.cjs → index-BkCJwWm3.cjs} +3 -3
  64. package/components/{index-fzqLW5XZ.js → index-BnbhRpm9.js} +12 -12
  65. package/components/{index-Du8Q4hhF.js → index-Brg_sVUg.js} +1 -1
  66. package/components/{index-b9OSfNB6.cjs → index-Bwxvaqxq.cjs} +19 -19
  67. package/components/{index-BIcAxPGg.cjs → index-C2-2RrwB.cjs} +4 -4
  68. package/components/{index-9hGc0AF6.cjs → index-C9-QEfA9.cjs} +5 -5
  69. package/components/{index-Bp6XY9q2.cjs → index-CF84gqsb.cjs} +4 -4
  70. package/components/{index-zFIy9Mwl.js → index-CRx2nPkq.js} +3 -3
  71. package/components/{index-B3417kqb.cjs → index-CVuJ-LUO.cjs} +2 -2
  72. package/components/{index-CBNsaHFy.js → index-CbeVu32V.js} +2 -2
  73. package/components/{index-Dku2WLRc.js → index-CqFCIIIl.js} +3 -3
  74. package/components/{index-mB-t2zP2.cjs → index-CqynTbW1.cjs} +23 -23
  75. package/components/{index-BW6jffrL.cjs → index-D5rT-qy9.cjs} +13 -13
  76. package/components/{index-BLyfPWMW.cjs → index-D8Na-686.cjs} +1 -1
  77. package/components/{index-DelXrrBi.js → index-DFnzlbHX.js} +13 -13
  78. package/components/{index-BnVt-dJY.js → index-DJik7S7b.js} +2 -2
  79. package/components/{index-C8yP7YJD.js → index-DZZMSlYS.js} +3 -3
  80. package/components/{index-DQCvi59x.js → index-Rjoe8cIs.js} +24 -24
  81. package/components/{index-CZUy8SUo.cjs → index-_McOOiwL.cjs} +4 -4
  82. package/components/{index-CAwT4m7K.cjs → index-bZQXFqxv.cjs} +9 -9
  83. package/components/{index-KY89MPqI.js → index-fl13NYnO.js} +1 -1
  84. package/components/{index-Cz9Cvq1K.cjs → index-uRWe553S.cjs} +4 -4
  85. package/components/luzmo-icons-BDClm1AE.cjs +31 -0
  86. package/components/luzmo-icons-BLN3xVgr-Cr3OrsqW.cjs +47 -0
  87. package/components/luzmo-icons-BLN3xVgr-Tz5XXgbL.js +118 -0
  88. package/components/{luzmo-icons-CmY3chvZ.js → luzmo-icons-U09GB75o.js} +136 -188
  89. package/components/{observe-slot-text-ggb4kKgY-5zLP4Vgh.cjs → observe-slot-text-CVKLDesL-BB2RmFgc.cjs} +4 -4
  90. package/components/{observe-slot-text-ggb4kKgY-tm0SQCaj.js → observe-slot-text-CVKLDesL-CXUeCmXW.js} +7 -7
  91. package/components/{popover-Bx4ZDHk4-Cw2DKR2x.cjs → popover-DRyjN9y_-7mF_fAOh.cjs} +4 -4
  92. package/components/{popover-Bx4ZDHk4-HbUSJ86p.js → popover-DRyjN9y_-w1zh4tvw.js} +2 -2
  93. package/components/{query-assigned-nodes-C76XVPWY-DON51dMU.js → query-assigned-nodes-C76XVPWY-BWouxGZs.js} +1 -1
  94. package/components/{query-assigned-nodes-C76XVPWY-DzOeAzcN.cjs → query-assigned-nodes-C76XVPWY-k1jDPyUQ.cjs} +1 -1
  95. package/components/slot-menu/index.cjs +1 -1
  96. package/components/slot-menu/index.js +2 -2
  97. package/components/slot-menu-list/index.cjs +1 -1
  98. package/components/slot-menu-list/index.js +1 -1
  99. package/components/{streaming-listener-CCalHg57-2AtO4Ho2.cjs → streaming-listener-C8Ctj0Q6-BhMxS69F.cjs} +3 -3
  100. package/components/{streaming-listener-CCalHg57-CQgWstyf.js → streaming-listener-C8Ctj0Q6-lanbGKR9.js} +3 -3
  101. package/components/{text-field-BTnBJoP9-BuahhcXU.js → text-field-C0pFjPG1-B4TRivuD.js} +17 -17
  102. package/components/{text-field-BTnBJoP9-CDMhK3d1.cjs → text-field-C0pFjPG1-BCVbGXp7.cjs} +12 -12
  103. package/package.json +1 -1
  104. package/components/base-D76d76ww-C6YO3slp.cjs +0 -94
  105. package/components/luzmo-icons-lvebt6bp.cjs +0 -31
@@ -20,24 +20,24 @@
20
20
  var Co = Object.getPrototypeOf;
21
21
  var $o = Reflect.get;
22
22
  var oo = (r, o, e) => $o(Co(r), e, o);
23
- import { h as R, R as s, k as O, H as m, m as X } from "../base-D76d76ww-M5t7LVBG.js";
24
- import { n as uo } from "../directive-helpers-nlQRAaQt-DgSC1Yr2.js";
25
- import { m as U, d as C } from "../if-defined-BSAr_4u4-BCnSpSsA.js";
26
- import { O as J, n as Eo, m as _o, T as Ao } from "../luzmo-icons-CmY3chvZ.js";
27
- import { w as Mo, a as Ho } from "../async-directive-DWRUSKKF-CPf9l5wJ.js";
28
- import { l as ho, u as mo } from "../streaming-listener-CCalHg57-CQgWstyf.js";
29
- import { i as Po } from "../text-field-BTnBJoP9-BuahhcXU.js";
30
- import { p as Ro, d as Fo, a as To } from "../index-BjdUsH9B.js";
31
- import { r as po } from "../focusable-cj2QhwDT-DlzfnLn9.js";
32
- import "../index-KY89MPqI.js";
33
- import "../index-Du8Q4hhF.js";
23
+ import { a as R, D as s, z as I, R as m, m as X } from "../base-D76d76ww-D0dTUBua.js";
24
+ import { n as uo } from "../directive-helpers-Bx_ey3Gk-Csi4AxXe.js";
25
+ import { m as U, d as C } from "../if-defined-D-1p2bLN-Bn-33APC.js";
26
+ import { S as J, g as Eo, v as _o, s as Ao } from "../luzmo-icons-BLN3xVgr-Tz5XXgbL.js";
27
+ import { w as Mo, a as Ho } from "../async-directive-C_bp5UcZ-B5_19oN_.js";
28
+ import { l as ho, u as mo } from "../streaming-listener-C8Ctj0Q6-lanbGKR9.js";
29
+ import { i as Po } from "../text-field-C0pFjPG1-B4TRivuD.js";
30
+ import { p as Ro, d as Fo, a as To } from "../index-BXMPi13W.js";
31
+ import { r as po } from "../focusable-BNESohBR-DYvAZYXL.js";
32
+ import "../index-fl13NYnO.js";
33
+ import "../index-Brg_sVUg.js";
34
34
  import { o as eo } from "../when-CDK1Tt5Y-C6ViXC43.js";
35
- import { a as Bo } from "../observe-slot-text-ggb4kKgY-tm0SQCaj.js";
35
+ import { a as Bo } from "../observe-slot-text-CVKLDesL-CXUeCmXW.js";
36
36
  import { m as No } from "../roving-tabindex-DOg4z6ZU-dufnVmvL.js";
37
- import "../index-DQCvi59x.js";
37
+ import "../index-Rjoe8cIs.js";
38
38
  import { x as Uo, n as F } from "../focusable-Dw_pMNQL.js";
39
- import { e as Io } from "../query-Ddbd72Um.js";
40
- import { L as Oo } from "../edit-option-base-C0zI8SOd.js";
39
+ import { e as Do } from "../query-Ddbd72Um.js";
40
+ import { L as Io } from "../edit-option-base-DOezOLDd.js";
41
41
  const So = () => {
42
42
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
43
43
  const r = document.createElement("style");
@@ -62,13 +62,13 @@ So();
62
62
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
63
63
  * SOFTWARE.
64
64
  * */
65
- const Do = ':host{inline-size:var(--luzmo-color-loupe-width, 48px);block-size:var(--luzmo-color-loupe-height, 64px);transform:translateY(var(--luzmo-color-loupe-animation-distance, 8px));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--luzmo-color-loupe-drop-shadow-x, 0) var(--luzmo-color-loupe-drop-shadow-y, 2px) var(--luzmo-color-loupe-drop-shadow-blur, 8px) var(--luzmo-color-loupe-drop-shadow-color, rgba(0, 0, 0, .25)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;inset-block-end:calc(var(--luzmo-color-handle-size, 16px) - var(--luzmo-color-handle-outer-border-width, 1px) + var(--luzmo-color-loupe-offset, 12px));inset-inline-end:calc(50% - var(--luzmo-color-loupe-width, 48px) / 2)}:host:dir(rtl),:host([dir=rtl]){inset-inline-end:calc(50% - var(--luzmo-color-loupe-width, 48px) / 2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.luzmo-color-loupe-inner-border{fill:var(--luzmo-picked-color);stroke:var(--luzmo-color-loupe-inner-border-color, rgba(0, 0, 0, .1));stroke-width:var(--luzmo-color-loupe-inner-border-width, 1px)}.luzmo-color-loupe-outer-border{fill:none;stroke:var(--luzmo-color-loupe-outer-border-color, white);stroke-width:calc(var(--luzmo-color-loupe-outer-border-width, 2px) + 2px);transform:translate(calc((var(--luzmo-color-loupe-outer-border-width, 2px) + 2px) / 2))}.luzmo-color-loupe-checkerboard-pattern{fill:var(--luzmo-color-loupe-checkerboard-dark-color, rgb(230, 230, 230))}.luzmo-color-loupe-checkerboard-background{fill:var(--luzmo-color-loupe-checkerboard-light-color, rgb(255, 255, 255))}.luzmo-color-loupe-checkerboard-fill{fill:var(--luzmo-color-loupe-checkerboard-fill, url(#checkerboard-primary))}@media (forced-colors: active){:host{--highcontrast-colorloupe-outer-border-color: CanvasText}}svg{width:inherit;height:inherit}.loupe-clipped{clip-path:path("M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ")}.opacity-checkerboard{position:absolute;top:2px;left:2px;block-size:100%;inline-size:100%}.opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2)}';
65
+ const Oo = ':host{inline-size:var(--luzmo-color-loupe-width, 48px);block-size:var(--luzmo-color-loupe-height, 64px);transform:translateY(var(--luzmo-color-loupe-animation-distance, 8px));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--luzmo-color-loupe-drop-shadow-x, 0) var(--luzmo-color-loupe-drop-shadow-y, 2px) var(--luzmo-color-loupe-drop-shadow-blur, 8px) var(--luzmo-color-loupe-drop-shadow-color, rgba(0, 0, 0, .25)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;inset-block-end:calc(var(--luzmo-color-handle-size, 16px) - var(--luzmo-color-handle-outer-border-width, 1px) + var(--luzmo-color-loupe-offset, 12px));inset-inline-end:calc(50% - var(--luzmo-color-loupe-width, 48px) / 2)}:host:dir(rtl),:host([dir=rtl]){inset-inline-end:calc(50% - var(--luzmo-color-loupe-width, 48px) / 2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.luzmo-color-loupe-inner-border{fill:var(--luzmo-picked-color);stroke:var(--luzmo-color-loupe-inner-border-color, rgba(0, 0, 0, .1));stroke-width:var(--luzmo-color-loupe-inner-border-width, 1px)}.luzmo-color-loupe-outer-border{fill:none;stroke:var(--luzmo-color-loupe-outer-border-color, white);stroke-width:calc(var(--luzmo-color-loupe-outer-border-width, 2px) + 2px);transform:translate(calc((var(--luzmo-color-loupe-outer-border-width, 2px) + 2px) / 2))}.luzmo-color-loupe-checkerboard-pattern{fill:var(--luzmo-color-loupe-checkerboard-dark-color, rgb(230, 230, 230))}.luzmo-color-loupe-checkerboard-background{fill:var(--luzmo-color-loupe-checkerboard-light-color, rgb(255, 255, 255))}.luzmo-color-loupe-checkerboard-fill{fill:var(--luzmo-color-loupe-checkerboard-fill, url(#checkerboard-primary))}@media (forced-colors: active){:host{--highcontrast-colorloupe-outer-border-color: CanvasText}}svg{width:inherit;height:inherit}.loupe-clipped{clip-path:path("M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ")}.opacity-checkerboard{position:absolute;top:2px;left:2px;block-size:100%;inline-size:100%}.opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2)}';
66
66
  var Lo = Object.defineProperty, go = (r, o, e, t) => {
67
67
  for (var l = void 0, i = r.length - 1, a; i >= 0; i--)
68
68
  (a = r[i]) && (l = a(o, e, l) || l);
69
69
  return l && Lo(o, e, l), l;
70
70
  };
71
- const bo = class extends O {
71
+ const bo = class extends I {
72
72
  constructor() {
73
73
  super(...arguments), this.open = !1, this.color = "rgba(255, 0, 0, 0.5)";
74
74
  }
@@ -114,7 +114,7 @@ const bo = class extends O {
114
114
  `;
115
115
  }
116
116
  };
117
- bo.styles = R(Do);
117
+ bo.styles = R(Oo);
118
118
  let zo = bo;
119
119
  go([
120
120
  s({ type: Boolean, reflect: !0 })
@@ -152,7 +152,7 @@ var Ko = Object.defineProperty, W = (r, o, e, t) => {
152
152
  (a = r[i]) && (l = a(o, e, l) || l);
153
153
  return l && Ko(o, e, l), l;
154
154
  };
155
- const fo = class extends O {
155
+ const fo = class extends I {
156
156
  constructor() {
157
157
  super(...arguments), this.disabled = !1, this.focused = !1, this.open = !1, this.color = "rgba(255, 0, 0, 0.5)";
158
158
  }
@@ -176,23 +176,23 @@ const fo = class extends O {
176
176
  }
177
177
  };
178
178
  fo.styles = R(qo);
179
- let D = fo;
179
+ let O = fo;
180
180
  W([
181
181
  s({ type: Boolean, reflect: !0 })
182
- ], D.prototype, "disabled");
182
+ ], O.prototype, "disabled");
183
183
  W([
184
184
  s({ type: Boolean, reflect: !0 })
185
- ], D.prototype, "focused");
185
+ ], O.prototype, "focused");
186
186
  W([
187
187
  s({ type: Boolean, reflect: !0 })
188
- ], D.prototype, "open");
188
+ ], O.prototype, "open");
189
189
  W([
190
190
  s({ type: String })
191
- ], D.prototype, "color");
192
- customElements.get("luzmo-color-handle") || customElements.define("luzmo-color-handle", D);
191
+ ], O.prototype, "color");
192
+ customElements.get("luzmo-color-handle") || customElements.define("luzmo-color-handle", O);
193
193
  const Vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
194
194
  __proto__: null,
195
- LuzmoColorHandle: D
195
+ LuzmoColorHandle: O
196
196
  }, Symbol.toStringTag, { value: "Module" }));
197
197
  /*! * Lucero - The design system for Luzmo.
198
198
  *
@@ -1122,7 +1122,7 @@ var ne = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, z = (r, o,
1122
1122
  (a = r[i]) && (l = (t ? a(o, e, l) : a(l)) || l);
1123
1123
  return t && l && ne(o, e, l), l;
1124
1124
  };
1125
- class g extends O {
1125
+ class g extends I {
1126
1126
  constructor() {
1127
1127
  super(...arguments), this.disabled = !1, this.focused = !1, this.labelX = "saturation", this.labelY = "luminosity", this.isLTR = !0, this.languageResolver = new ho(this), this.colorController = new xo(this, {
1128
1128
  extractColorFromState: () => ({
@@ -2001,12 +2001,12 @@ E([
2001
2001
  s()
2002
2002
  ], $.prototype, "value", 1);
2003
2003
  const ye = ":host{justify-content:flex-start;align-items:flex-start;gap:var(--luzmo-swatch-group-spacing-regular, var(--swatch-group-spacing-regular));flex-flow:wrap;display:inline-flex}:host([density=compact]){gap:var(--luzmo-swatch-group-spacing-compact, var(--swatch-group-spacing-compact))}:host([density=spacious]){gap:var(--luzmo-swatch-group-spacing-spacious, var(--swatch-group-spacing-spacious))}:host{--swatch-group-spacing-compact: 2px;--swatch-group-spacing-regular: 4px;--swatch-group-spacing-spacious: 8px}";
2004
- var we = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, I = (r, o, e, t) => {
2004
+ var we = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, D = (r, o, e, t) => {
2005
2005
  for (var l = t > 1 ? void 0 : t ? ke(o, e) : o, i = r.length - 1, a; i >= 0; i--)
2006
2006
  (a = r[i]) && (l = (t ? a(o, e, l) : a(l)) || l);
2007
2007
  return t && l && we(o, e, l), l;
2008
2008
  };
2009
- class T extends X(O, {
2009
+ class T extends X(I, {
2010
2010
  validSizes: ["xs", "s", "m", "l"],
2011
2011
  noDefaultSize: !0
2012
2012
  }) {
@@ -2137,25 +2137,25 @@ class T extends X(O, {
2137
2137
  );
2138
2138
  }
2139
2139
  }
2140
- I([
2140
+ D([
2141
2141
  s({ reflect: !0 })
2142
2142
  ], T.prototype, "border", 2);
2143
- I([
2143
+ D([
2144
2144
  s({ reflect: !0 })
2145
2145
  ], T.prototype, "density", 2);
2146
- I([
2146
+ D([
2147
2147
  s({ reflect: !0 })
2148
2148
  ], T.prototype, "rounding", 2);
2149
- I([
2149
+ D([
2150
2150
  s({ type: Array })
2151
2151
  ], T.prototype, "selected", 1);
2152
- I([
2152
+ D([
2153
2153
  s()
2154
2154
  ], T.prototype, "selects", 2);
2155
- I([
2155
+ D([
2156
2156
  s({ reflect: !0 })
2157
2157
  ], T.prototype, "shape", 2);
2158
- I([
2158
+ D([
2159
2159
  Fo({ flatten: !0 })
2160
2160
  ], T.prototype, "swatches", 2);
2161
2161
  customElements.get("luzmo-swatch") || customElements.define("luzmo-swatch", $);
@@ -2190,7 +2190,7 @@ var Se = Object.defineProperty, M = (r, o, e, t) => {
2190
2190
  (a = r[i]) && (l = a(o, e, l) || l);
2191
2191
  return l && Se(o, e, l), l;
2192
2192
  };
2193
- const wo = class extends X(O) {
2193
+ const wo = class extends X(I) {
2194
2194
  constructor() {
2195
2195
  super(...arguments), this.color = "rgb(255, 0, 0)", this.noAlphaChannel = !1, this._alpha = 1, this._rgbColor = "rgb(255, 0, 0)", this._rgbaColor = "rgb(255, 0, 0, 1)", this._previousColor = "rgb(255, 0, 0)";
2196
2196
  }
@@ -2377,7 +2377,7 @@ var Ae = Object.defineProperty, _ = (r, o, e, t) => {
2377
2377
  (a = r[i]) && (l = a(o, e, l) || l);
2378
2378
  return l && Ae(o, e, l), l;
2379
2379
  };
2380
- const ko = class extends X(O) {
2380
+ const ko = class extends X(I) {
2381
2381
  constructor() {
2382
2382
  super(...arguments), this.color = "rgb(255, 0, 0)", this.open = !1, this.disabled = !1, this.placement = "left-start", this.rounding = "full", this.swatches = [], this.noAlphaChannel = !1, this._renderMenu = !1;
2383
2383
  }
@@ -2481,7 +2481,7 @@ var Me = Object.defineProperty, H = (r, o, e, t) => {
2481
2481
  (a = r[i]) && (l = a(o, e, l) || l);
2482
2482
  return l && Me(o, e, l), l;
2483
2483
  };
2484
- const L = class L extends Oo {
2484
+ const L = class L extends Io {
2485
2485
  constructor() {
2486
2486
  super(...arguments), this.value = "transparent", this.disabled = !1, this.noAlphaChannel = !1, this.swatches = [], this.rounding = "full", this.shape = "circle", this.placement = "left-start", this.debounce = 50;
2487
2487
  }
@@ -2543,7 +2543,7 @@ H([
2543
2543
  F({ type: Number, reflect: !0 })
2544
2544
  ], k.prototype, "debounce");
2545
2545
  H([
2546
- Io("luzmo-color-picker")
2546
+ Do("luzmo-color-picker")
2547
2547
  ], k.prototype, "colorPicker");
2548
2548
  customElements.get("luzmo-edit-option-color-picker") || customElements.define(
2549
2549
  "luzmo-edit-option-color-picker",
@@ -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 c=Object.getPrototypeOf;var d=Reflect.get;var p=(o,t,n)=>d(c(o),n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-Cl7wWlXl.cjs");const l=require("../focusable-Cu_m_GTh.cjs"),h=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-D8vs3Bty.cjs");var m=Object.defineProperty,i=(o,t,n,f)=>{for(var u=void 0,s=o.length-1,r;s>=0;s--)(r=o[s])&&(u=r(t,n,u)||u);return u&&m(t,n,u),u};const a=class a extends g.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,n;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"):((n=this.multiLangFieldElement)==null?void 0:n.value)??{}}}))},this.debounce??200)}renderController(){const t=typeof this.parseValue=="function"?this.parseValue(this.value,this.language??"en"):this.value;return l.x`
20
+ "use strict";var c=Object.getPrototypeOf;var d=Reflect.get;var p=(o,t,n)=>d(c(o),n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-BkCJwWm3.cjs");const l=require("../focusable-Cu_m_GTh.cjs"),h=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-jkkFevzT.cjs");var m=Object.defineProperty,i=(o,t,n,f)=>{for(var u=void 0,s=o.length-1,r;s>=0;s--)(r=o[s])&&(u=r(t,n,u)||u);return u&&m(t,n,u),u};const a=class a extends g.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,n;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"):((n=this.multiLangFieldElement)==null?void 0:n.value)??{}}}))},this.debounce??200)}renderController(){const t=typeof this.parseValue=="function"?this.parseValue(this.value,this.language??"en"):this.value;return l.x`
21
21
  <luzmo-multi-language-field
22
22
  .value=${t}
23
23
  .language=${this.language??"en"}
@@ -20,10 +20,10 @@
20
20
  var s = Object.getPrototypeOf;
21
21
  var d = Reflect.get;
22
22
  var c = (r, e, u) => d(s(r), u, e);
23
- import "../index-fzqLW5XZ.js";
23
+ import "../index-BnbhRpm9.js";
24
24
  import { x as f, n as t } from "../focusable-Dw_pMNQL.js";
25
25
  import { e as g } from "../query-Ddbd72Um.js";
26
- import { L as p } from "../edit-option-base-C0zI8SOd.js";
26
+ import { L as p } from "../edit-option-base-DOezOLDd.js";
27
27
  const z = () => {
28
28
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
29
29
  const r = document.createElement("style");
@@ -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 c=Object.getPrototypeOf;var d=Reflect.get;var p=(n,r,s)=>d(c(n),s,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CAwT4m7K.cjs");const t=require("../focusable-Cu_m_GTh.cjs"),f=require("../query-D5qWDopr.cjs"),h=require("../edit-option-base-D8vs3Bty.cjs");var m=Object.defineProperty,u=(n,r,s,b)=>{for(var i=void 0,l=n.length-1,a;l>=0;l--)(a=n[l])&&(i=a(r,s,i)||i);return i&&m(r,s,i),i};const o=class o extends h.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 r=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,s=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return t.x`
20
+ "use strict";var c=Object.getPrototypeOf;var d=Reflect.get;var p=(n,r,s)=>d(c(n),s,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-bZQXFqxv.cjs");const t=require("../focusable-Cu_m_GTh.cjs"),f=require("../query-D5qWDopr.cjs"),h=require("../edit-option-base-jkkFevzT.cjs");var m=Object.defineProperty,u=(n,r,s,b)=>{for(var i=void 0,l=n.length-1,a;l>=0;l--)(a=n[l])&&(i=a(r,s,i)||i);return i&&m(r,s,i),i};const o=class o extends h.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 r=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,s=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return t.x`
21
21
  <luzmo-number-field
22
22
  .value=${r??s??0}
23
23
  .size=${this.size}
@@ -20,10 +20,10 @@
20
20
  var a = Object.getPrototypeOf;
21
21
  var d = Reflect.get;
22
22
  var s = (r, t, u) => d(a(r), u, t);
23
- import "../index-D8GVYuJ-.js";
23
+ import "../index-Bb8vxGZY.js";
24
24
  import { x as f, n as l } from "../focusable-Dw_pMNQL.js";
25
25
  import { e as p } from "../query-Ddbd72Um.js";
26
- import { L as b } from "../edit-option-base-C0zI8SOd.js";
26
+ import { L as b } from "../edit-option-base-DOezOLDd.js";
27
27
  const z = () => {
28
28
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
29
29
  const r = document.createElement("style");
@@ -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 c=Object.getPrototypeOf;var h=Reflect.get;var p=(r,e,l)=>h(c(r),l,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-BW6jffrL.cjs");require("../index-mB-t2zP2.cjs");const s=require("../focusable-Cu_m_GTh.cjs"),d=require("../edit-option-base-D8vs3Bty.cjs");var m=Object.defineProperty,a=(r,e,l,f)=>{for(var n=void 0,u=r.length-1,o;u>=0;u--)(o=r[u])&&(n=o(e,l,n)||n);return n&&m(e,l,n),n};const i=class i extends d.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 s.x`
20
+ "use strict";var c=Object.getPrototypeOf;var h=Reflect.get;var p=(r,e,l)=>h(c(r),l,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-D5rT-qy9.cjs");require("../index-CqynTbW1.cjs");const s=require("../focusable-Cu_m_GTh.cjs"),d=require("../edit-option-base-jkkFevzT.cjs");var m=Object.defineProperty,a=(r,e,l,f)=>{for(var n=void 0,u=r.length-1,o;u>=0;u--)(o=r[u])&&(n=o(e,l,n)||n);return n&&m(e,l,n),n};const i=class i extends d.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 s.x`
21
21
  ${Object.entries(this.values).map(([e,l])=>s.x`
22
22
  <luzmo-menu-item value=${e}> ${l} </luzmo-menu-item>
23
23
  `)}
@@ -20,10 +20,10 @@
20
20
  var z = Object.getPrototypeOf;
21
21
  var d = Reflect.get;
22
22
  var s = (l, o, r) => d(z(l), r, o);
23
- import "../index-DQCvi59x.js";
24
- import "../index-DelXrrBi.js";
23
+ import "../index-Rjoe8cIs.js";
24
+ import "../index-DFnzlbHX.js";
25
25
  import { x as n, n as t } from "../focusable-Dw_pMNQL.js";
26
- import { L as f } from "../edit-option-base-C0zI8SOd.js";
26
+ import { L as f } from "../edit-option-base-DOezOLDd.js";
27
27
  const p = () => {
28
28
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
29
29
  const l = document.createElement("style");
@@ -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 m=Object.getPrototypeOf;var h=Reflect.get;var c=(r,o,i)=>h(m(r),i,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CZUy8SUo.cjs");const e=require("../focusable-Cu_m_GTh.cjs"),k=require("../edit-option-base-D8vs3Bty.cjs"),v=":host{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height));display:flex;align-items:center}.luzmo-edit-option{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height))}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--luzmo-edit-option-position-picker-grid-gap, var(--edit-option-position-picker-grid-gap));width:var(--luzmo-edit-option-position-picker-grid-width, var(--edit-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-grid-border-color, var(--luzmo-border-color));padding:var(--luzmo-edit-option-position-picker-grid-padding, var(--edit-option-position-picker-grid-padding));border-radius:var(--luzmo-edit-option-position-picker-grid-border-radius, var(--edit-option-position-picker-grid-border-radius))}.position-item{width:100%;height:var(--luzmo-edit-option-position-picker-item-height, var(--edit-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-position-picker-border-radius, var(--edit-option-position-picker-border-radius));background:var(--luzmo-edit-option-position-picker-background, var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-edit-option-position-picker-animation-duration, var(--luzmo-animation-duration)) ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-edit-option-position-picker-background-hover, var(--luzmo-background-color-highlight-down))}.position-item.selected,.position-item.selected:hover,.position-item.selected:active,.position-item.selected:focus{background-color:var(--luzmo-edit-option-position-picker-background-selected, var(--luzmo-primary));transition:background-color var(--luzmo-edit-option-position-picker-selected-animation-duration, 0) ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--edit-option-position-picker-grid-height: 7rem;--edit-option-position-picker-grid-width: 7rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-padding: .25rem;--edit-option-position-picker-item-height: 1.75rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=s]){--edit-option-position-picker-grid-height: 5.125rem;--edit-option-position-picker-grid-width: 5.625rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-s );--edit-option-position-picker-grid-padding: .125rem;--edit-option-position-picker-item-height: 1.5rem;--edit-option-position-picker-grid-gap: .125rem}:host([size=l]){--edit-option-position-picker-grid-height: 8rem;--edit-option-position-picker-grid-width: 8rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-l);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-l );--edit-option-position-picker-grid-padding: .3rem;--edit-option-position-picker-item-height: 2rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=xl]){--edit-option-position-picker-grid-height: 9rem;--edit-option-position-picker-grid-width: 9rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-xl);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-xl );--edit-option-position-picker-grid-padding: .375rem;--edit-option-position-picker-item-height: 2.25rem;--edit-option-position-picker-grid-gap: .275rem}";var b=Object.defineProperty,n=(r,o,i,s)=>{for(var p=void 0,a=r.length-1,l;a>=0;a--)(l=r[a])&&(p=l(o,i,p)||p);return p&&b(o,i,p),p};const g=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],u=g.filter(r=>r!=="center"),d=class d extends k.LuzmoEditOptionBase{constructor(){super(...arguments),this.default="topRight",this.positions=u,this.readonly=!1}_handleEvent(){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}_handleClick(o){var i;(i=this.positions)!=null&&i.includes(o)&&(this.value=o,this._handleEvent())}willUpdate(){this.value=this.value??this.default??"topRight",this.positions=this.positions??u}renderController(){const o=g.map(i=>{var s;return e.x`
20
+ "use strict";var m=Object.getPrototypeOf;var h=Reflect.get;var c=(r,o,i)=>h(m(r),i,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-_McOOiwL.cjs");const e=require("../focusable-Cu_m_GTh.cjs"),k=require("../edit-option-base-jkkFevzT.cjs"),v=":host{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height));display:flex;align-items:center}.luzmo-edit-option{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height))}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--luzmo-edit-option-position-picker-grid-gap, var(--edit-option-position-picker-grid-gap));width:var(--luzmo-edit-option-position-picker-grid-width, var(--edit-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-grid-border-color, var(--luzmo-border-color));padding:var(--luzmo-edit-option-position-picker-grid-padding, var(--edit-option-position-picker-grid-padding));border-radius:var(--luzmo-edit-option-position-picker-grid-border-radius, var(--edit-option-position-picker-grid-border-radius))}.position-item{width:100%;height:var(--luzmo-edit-option-position-picker-item-height, var(--edit-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-position-picker-border-radius, var(--edit-option-position-picker-border-radius));background:var(--luzmo-edit-option-position-picker-background, var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-edit-option-position-picker-animation-duration, var(--luzmo-animation-duration)) ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-edit-option-position-picker-background-hover, var(--luzmo-background-color-highlight-down))}.position-item.selected,.position-item.selected:hover,.position-item.selected:active,.position-item.selected:focus{background-color:var(--luzmo-edit-option-position-picker-background-selected, var(--luzmo-primary));transition:background-color var(--luzmo-edit-option-position-picker-selected-animation-duration, 0) ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--edit-option-position-picker-grid-height: 7rem;--edit-option-position-picker-grid-width: 7rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-padding: .25rem;--edit-option-position-picker-item-height: 1.75rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=s]){--edit-option-position-picker-grid-height: 5.125rem;--edit-option-position-picker-grid-width: 5.625rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-s );--edit-option-position-picker-grid-padding: .125rem;--edit-option-position-picker-item-height: 1.5rem;--edit-option-position-picker-grid-gap: .125rem}:host([size=l]){--edit-option-position-picker-grid-height: 8rem;--edit-option-position-picker-grid-width: 8rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-l);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-l );--edit-option-position-picker-grid-padding: .3rem;--edit-option-position-picker-item-height: 2rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=xl]){--edit-option-position-picker-grid-height: 9rem;--edit-option-position-picker-grid-width: 9rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-xl);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-xl );--edit-option-position-picker-grid-padding: .375rem;--edit-option-position-picker-item-height: 2.25rem;--edit-option-position-picker-grid-gap: .275rem}";var b=Object.defineProperty,n=(r,o,i,s)=>{for(var p=void 0,a=r.length-1,l;a>=0;a--)(l=r[a])&&(p=l(o,i,p)||p);return p&&b(o,i,p),p};const g=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],u=g.filter(r=>r!=="center"),d=class d extends k.LuzmoEditOptionBase{constructor(){super(...arguments),this.default="topRight",this.positions=u,this.readonly=!1}_handleEvent(){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}_handleClick(o){var i;(i=this.positions)!=null&&i.includes(o)&&(this.value=o,this._handleEvent())}willUpdate(){this.value=this.value??this.default??"topRight",this.positions=this.positions??u}renderController(){const o=g.map(i=>{var s;return e.x`
21
21
  <div
22
22
  class="position-item ${(s=this.positions)!=null&&s.includes(i)?"position-item-allowed":"position-item-not-allowed"} ${this.value===i?"selected":""}"
23
23
  @click=${this._handleClick.bind(this,i)}
@@ -20,9 +20,9 @@
20
20
  var z = Object.getPrototypeOf;
21
21
  var h = Reflect.get;
22
22
  var a = (i, r, o) => h(z(i), o, r);
23
- import "../index-Dku2WLRc.js";
23
+ import "../index-CqFCIIIl.js";
24
24
  import { r as f, x as c, n as d } from "../focusable-Dw_pMNQL.js";
25
- import { L as v } from "../edit-option-base-C0zI8SOd.js";
25
+ import { L as v } from "../edit-option-base-DOezOLDd.js";
26
26
  const b = () => {
27
27
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
28
28
  const i = document.createElement("style");
@@ -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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../luzmo-icons-lvebt6bp.cjs");require("../index-CAwT4m7K.cjs");const s=require("../focusable-Cu_m_GTh.cjs"),$=require("../state-QgHgNZLe.cjs"),x=require("../edit-option-base-D8vs3Bty.cjs"),S=":host{--edit-option-positions-number-field-container-row-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-container-column-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height) * 1.5 )}:host([size=s]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-s) * 1.5 )}:host([size=l]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-l) * 1.5 )}:host([size=xl]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-xl) * 1.5 )}:host{--var: test}.positions-container{max-width:var(--luzmo-edit-option-positions-number-field-container-max-width, var(--edit-option-positions-number-field-container-max-width));display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);row-gap:var(--luzmo-edit-option-positions-number-field-container-row-gap, var(--edit-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-edit-option-positions-number-field-container-column-gap, var(--edit-option-positions-number-field-container-column-gap))}.position,.sync-button{display:flex;align-items:center;justify-content:center}.sync-button{cursor:pointer}.sync-button[position=center].sync{border:var(--luzmo-edit-option-positions-number-field-sync-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-sync-border-color, var(--luzmo-primary));border-radius:var(--luzmo-edit-option-positions-number-field-sync-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height))}.no-sync-center{border:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-no-sync-center-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height));background-color:var(--luzmo-edit-option-positions-number-field-no-sync-center-background-color, var(--luzmo-background-color-highlight))}";var V=Object.defineProperty,a=(f,t,i,n)=>{for(var e=void 0,o=f.length-1,r;o>=0;o--)(r=f[o])&&(e=r(t,i,e)||e);return e&&V(t,i,e),e};class u extends x.LuzmoEditOptionBase{constructor(){super(...arguments),this.canSync=!0,this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[["top-left","top","top-right"],["left","center","right"],["bottom-left","bottom","bottom-right"]]}static get styles(){return[s.r(S)]}_calculateSyncedValue(){var n;let t;const i={};return(n=this.positions)==null||n.forEach(e=>{var o,r,l;i[e]=((o=this.values)==null?void 0:o[e])??((l=(r=this.positionConfiguration)==null?void 0:r[e])==null?void 0:l.default)??0,t=typeof t=="number"&&i[e]?Math.min(t,i[e]):i[e]}),t}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue=="number")){this.values={...this.values};for(const t of this.positions??[])this.values[t]=this.syncedValue}}_handleEvent(t){const i=t.target.getAttribute("position"),n=t.target.value;let e={};if(!(!i||typeof n!="number")){if(this.canSync&&this.sync&&i==="center"){this.syncedValue=n;for(const o of this.positions??[])e[o]=n}else e={...this.values,[i]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var c;const o=Object.keys(this.values??{}),r=Object.keys(e);let l=!0;o.length!==r.length&&(l=!1);for(const d of o)((c=this.values)==null?void 0:c[d])!==e[d]&&(l=!1);l||(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...e}}})),this.values=e)},this.debounce??200)}}_renderNumberField(t){var i,n,e,o,r,l,c,d,p,h,m;return(i=this.positions)!=null&&i.includes(t)||t==="center"?this.canSync&&(this.sync&&t!=="center"||!this.sync&&t==="center")?s.x`<div
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../luzmo-icons-BDClm1AE.cjs");require("../index-bZQXFqxv.cjs");const s=require("../focusable-Cu_m_GTh.cjs"),$=require("../state-QgHgNZLe.cjs"),x=require("../edit-option-base-jkkFevzT.cjs"),S=":host{--edit-option-positions-number-field-container-row-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-container-column-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height) * 1.5 )}:host([size=s]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-s) * 1.5 )}:host([size=l]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-l) * 1.5 )}:host([size=xl]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-xl) * 1.5 )}:host{--var: test}.positions-container{max-width:var(--luzmo-edit-option-positions-number-field-container-max-width, var(--edit-option-positions-number-field-container-max-width));display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);row-gap:var(--luzmo-edit-option-positions-number-field-container-row-gap, var(--edit-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-edit-option-positions-number-field-container-column-gap, var(--edit-option-positions-number-field-container-column-gap))}.position,.sync-button{display:flex;align-items:center;justify-content:center}.sync-button{cursor:pointer}.sync-button[position=center].sync{border:var(--luzmo-edit-option-positions-number-field-sync-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-sync-border-color, var(--luzmo-primary));border-radius:var(--luzmo-edit-option-positions-number-field-sync-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height))}.no-sync-center{border:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-no-sync-center-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height));background-color:var(--luzmo-edit-option-positions-number-field-no-sync-center-background-color, var(--luzmo-background-color-highlight))}";var V=Object.defineProperty,a=(f,t,i,n)=>{for(var e=void 0,o=f.length-1,r;o>=0;o--)(r=f[o])&&(e=r(t,i,e)||e);return e&&V(t,i,e),e};class u extends x.LuzmoEditOptionBase{constructor(){super(...arguments),this.canSync=!0,this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[["top-left","top","top-right"],["left","center","right"],["bottom-left","bottom","bottom-right"]]}static get styles(){return[s.r(S)]}_calculateSyncedValue(){var n;let t;const i={};return(n=this.positions)==null||n.forEach(e=>{var o,r,l;i[e]=((o=this.values)==null?void 0:o[e])??((l=(r=this.positionConfiguration)==null?void 0:r[e])==null?void 0:l.default)??0,t=typeof t=="number"&&i[e]?Math.min(t,i[e]):i[e]}),t}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue=="number")){this.values={...this.values};for(const t of this.positions??[])this.values[t]=this.syncedValue}}_handleEvent(t){const i=t.target.getAttribute("position"),n=t.target.value;let e={};if(!(!i||typeof n!="number")){if(this.canSync&&this.sync&&i==="center"){this.syncedValue=n;for(const o of this.positions??[])e[o]=n}else e={...this.values,[i]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var c;const o=Object.keys(this.values??{}),r=Object.keys(e);let l=!0;o.length!==r.length&&(l=!1);for(const d of o)((c=this.values)==null?void 0:c[d])!==e[d]&&(l=!1);l||(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...e}}})),this.values=e)},this.debounce??200)}}_renderNumberField(t){var i,n,e,o,r,l,c,d,p,h,m;return(i=this.positions)!=null&&i.includes(t)||t==="center"?this.canSync&&(this.sync&&t!=="center"||!this.sync&&t==="center")?s.x`<div
21
21
  class="sync-button ${this.sync?"":"sync"}"
22
22
  position=${t}
23
23
  @click=${this.toggleSync}
@@ -17,11 +17,11 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- import { O as k, $ } from "../luzmo-icons-CmY3chvZ.js";
21
- import "../index-D8GVYuJ-.js";
20
+ import { f as k, $ } from "../luzmo-icons-U09GB75o.js";
21
+ import "../index-Bb8vxGZY.js";
22
22
  import { r as S, x as p, n as m } from "../focusable-Dw_pMNQL.js";
23
23
  import { r as C } from "../state-e2n-fyrr.js";
24
- import { L as V } from "../edit-option-base-C0zI8SOd.js";
24
+ import { L as V } from "../edit-option-base-DOezOLDd.js";
25
25
  const w = () => {
26
26
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
27
27
  const d = document.createElement("style");
@@ -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 d=Object.getPrototypeOf;var h=Reflect.get;var c=(l,e,t)=>h(d(l),t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-Bp6XY9q2.cjs");require("../index-BIauj-BP.cjs");const a=require("../focusable-Cu_m_GTh.cjs"),v=require("../query-D5qWDopr.cjs"),f=require("../edit-option-base-D8vs3Bty.cjs");var y=Object.defineProperty,i=(l,e,t,u)=>{for(var o=void 0,n=l.length-1,p;n>=0;n--)(p=l[n])&&(o=p(e,t,o)||o);return o&&y(e,t,o),o};const r=class r extends f.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}generateRadioButtons(){const e=Object.entries(this.values).map(([t,u])=>a.x`
20
+ "use strict";var d=Object.getPrototypeOf;var h=Reflect.get;var c=(l,e,t)=>h(d(l),t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CF84gqsb.cjs");require("../index-BKcvEgWr.cjs");const a=require("../focusable-Cu_m_GTh.cjs"),v=require("../query-D5qWDopr.cjs"),f=require("../edit-option-base-jkkFevzT.cjs");var y=Object.defineProperty,i=(l,e,t,u)=>{for(var o=void 0,n=l.length-1,p;n>=0;n--)(p=l[n])&&(o=p(e,t,o)||o);return o&&y(e,t,o),o};const r=class r extends f.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}generateRadioButtons(){const e=Object.entries(this.values).map(([t,u])=>a.x`
21
21
  <luzmo-action-button value=${t} ?disabled=${this.disabled}>
22
22
  ${u}
23
23
  </luzmo-action-button>
@@ -20,11 +20,11 @@
20
20
  var z = Object.getPrototypeOf;
21
21
  var p = Reflect.get;
22
22
  var d = (t, o, e) => p(z(t), e, o);
23
- import "../index-C8yP7YJD.js";
24
- import "../index-B2LO8M42.js";
23
+ import "../index-DZZMSlYS.js";
24
+ import "../index-B9dQtvu7.js";
25
25
  import { x as m, n as i } from "../focusable-Dw_pMNQL.js";
26
26
  import { e as b } from "../query-Ddbd72Um.js";
27
- import { L as g } from "../edit-option-base-C0zI8SOd.js";
27
+ import { L as g } from "../edit-option-base-DOezOLDd.js";
28
28
  const f = () => {
29
29
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
30
30
  const t = document.createElement("style");