@luzmo/analytics-components-kit 1.0.1-alpha.5 → 1.0.1-alpha.6

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 (125) hide show
  1. package/components/{async-directive-FGzMycjH-CeG35vZ3.cjs → async-directive-DWRUSKKF-C2JoUGYR.cjs} +3 -3
  2. package/components/{async-directive-FGzMycjH-Bgeca09f.js → async-directive-DWRUSKKF-CNTJHpgh.js} +1 -1
  3. package/components/{button-base-CDLQV7Vk-C_3zTrbV.js → button-base-B7v4eeRh-B4fczZlv.js} +3 -3
  4. package/components/{button-base-CDLQV7Vk-BXgdcJZo.cjs → button-base-B7v4eeRh-CjngVDsD.cjs} +4 -4
  5. package/components/{checkbox-mixin-DXUIwtea-wiCZr_KI.js → checkbox-mixin-BFGTmw17-BR4ufh0S.js} +6 -6
  6. package/components/{checkbox-mixin-DXUIwtea-DNISZS47.cjs → checkbox-mixin-BFGTmw17-lIHmn1jk.cjs} +4 -4
  7. package/components/{directive-helpers-BLDZnGQv-DYFfxaqA.cjs → directive-helpers-nlQRAaQt-CQ_hWlbQ.cjs} +2 -2
  8. package/components/{directive-helpers-BLDZnGQv-oKMCBvb2.js → directive-helpers-nlQRAaQt-arNFWD5u.js} +10 -10
  9. package/components/display-settings/index.cjs +3 -3
  10. package/components/display-settings/index.js +11 -11
  11. package/components/display-settings-binning/display-settings-binning.d.ts +2 -2
  12. package/components/display-settings-binning/index.cjs +5 -5
  13. package/components/display-settings-binning/index.js +17 -18
  14. package/components/display-settings-datetime/index.cjs +1 -1
  15. package/components/display-settings-datetime/index.js +1 -1
  16. package/components/display-settings-grand-totals/index.cjs +2 -2
  17. package/components/display-settings-grand-totals/index.js +12 -12
  18. package/components/display-settings-numeric/index.cjs +2 -2
  19. package/components/display-settings-numeric/index.js +36 -36
  20. package/components/display-settings-period-over-period/index.cjs +5 -5
  21. package/components/display-settings-period-over-period/index.js +85 -85
  22. package/components/draggable-data-item/index.cjs +2 -2
  23. package/components/draggable-data-item/index.js +2 -2
  24. package/components/draggable-data-item-level/index.cjs +5 -5
  25. package/components/draggable-data-item-level/index.js +85 -85
  26. package/components/droppable-slot/index.cjs +4 -4
  27. package/components/droppable-slot/index.js +8 -8
  28. package/components/edit-item/index.cjs +7 -7
  29. package/components/edit-item/index.js +72 -72
  30. package/components/edit-option/index.cjs +3 -3
  31. package/components/edit-option/index.js +3 -3
  32. package/components/edit-option-action-button-group/index.cjs +2 -2
  33. package/components/edit-option-action-button-group/index.js +37 -37
  34. package/components/{edit-option-base-DnrerC_T.cjs → edit-option-base-Ck3NFAli.cjs} +2 -2
  35. package/components/{edit-option-base-oIvlolV9.js → edit-option-base-w3UBiCoU.js} +4 -4
  36. package/components/edit-option-color-picker/index.cjs +33 -33
  37. package/components/edit-option-color-picker/index.js +131 -131
  38. package/components/edit-option-multi-language-field/index.cjs +1 -1
  39. package/components/edit-option-multi-language-field/index.js +3 -3
  40. package/components/edit-option-number-field/index.cjs +1 -1
  41. package/components/edit-option-number-field/index.js +3 -3
  42. package/components/edit-option-picker/index.cjs +1 -1
  43. package/components/edit-option-picker/index.js +4 -4
  44. package/components/edit-option-positions-number-field/index.cjs +3 -3
  45. package/components/edit-option-positions-number-field/index.js +7 -7
  46. package/components/edit-option-radio-button-group/index.cjs +1 -1
  47. package/components/edit-option-radio-button-group/index.js +4 -4
  48. package/components/edit-option-slider/index.cjs +3 -3
  49. package/components/edit-option-slider/index.js +217 -217
  50. package/components/edit-option-switch/index.cjs +4 -4
  51. package/components/edit-option-switch/index.js +30 -30
  52. package/components/edit-option-text-field/index.cjs +1 -1
  53. package/components/edit-option-text-field/index.js +3 -3
  54. package/components/{en-GB-g8rSQSba.cjs → en-BvtH5B9A.cjs} +1 -1
  55. package/components/en-CN4CDOzo.js +23 -0
  56. package/components/{en-GB-qub-Kemt.js → en-GB-BMvD7axC.js} +1 -1
  57. package/components/en-GB-DrOGXwdM.cjs +20 -0
  58. package/components/en-US-BvtH5B9A.cjs +20 -0
  59. package/components/en-US-CN4CDOzo.js +23 -0
  60. package/components/{if-defined-CYpcjGCb-Bzbg7zmM.cjs → if-defined-BSAr_4u4-CNmaFBUP.cjs} +2 -2
  61. package/components/{if-defined-CYpcjGCb-tXzyj9Dq.js → if-defined-BSAr_4u4-CVDyXUmc.js} +4 -4
  62. package/components/{if-defined-Ch2dtEOS.js → if-defined-_S7apvH1.js} +1 -1
  63. package/components/{if-defined-DMSuo5Qx.cjs → if-defined-aQZR75uI.cjs} +1 -1
  64. package/components/{index-B0cBkCaq.cjs → index-B0ZqIWfU.cjs} +4 -4
  65. package/components/{index-DQiQXn8N.cjs → index-BEi8DTwW.cjs} +1 -1
  66. package/components/{index-3ewegRbb.cjs → index-Bti4K2L2.cjs} +4 -4
  67. package/components/{index-BGaxFTL4.js → index-BuW8doNV.js} +4 -4
  68. package/components/{index-Bofs4Q2E.cjs → index-BxFGd_xp.cjs} +1 -1
  69. package/components/{index-liTHhAef.cjs → index-ByfMhxDr.cjs} +2 -2
  70. package/components/{index-Cp-lHUlX.js → index-C44nA7Wn.js} +3 -3
  71. package/components/{index-BqTdFs1o.js → index-CHLcEawI.js} +3 -3
  72. package/components/{index-CTPox3yS.cjs → index-CKbGBBId.cjs} +3 -3
  73. package/components/{index-C2qG2Sm8-BQUlk-w0.js → index-CMvLpPKD-CgGXdNKs.js} +20 -20
  74. package/components/{index-C2qG2Sm8-CbVWlbag.cjs → index-CMvLpPKD-DoxJRhRP.cjs} +14 -14
  75. package/components/index-CQjWiSIp.cjs +202 -0
  76. package/components/{index-B2N_PZf3.js → index-C_Cxv6xn.js} +4 -4
  77. package/components/index-C_xCeCrL.cjs +185 -0
  78. package/components/{index-C_3Ak4MQ.cjs → index-CdHFj3ra.cjs} +5 -5
  79. package/components/{index-DskAouD-.js → index-Ci0Pe5UA.js} +4 -4
  80. package/components/{index-CayjvyyX.cjs → index-DC2Pby0z.cjs} +4 -4
  81. package/components/index-DDleIdd8.cjs +192 -0
  82. package/components/{index-CtHO6VyI.cjs → index-DLrQ4hc5.cjs} +4 -4
  83. package/components/{index-BC-nmKjU.js → index-DMbzEC_s.js} +13 -13
  84. package/components/{index-BRk42NQn.js → index-DUlH3hbL.js} +166 -166
  85. package/components/{en-BsAhbMzm.js → index-DeyQ1JGg.js} +404 -411
  86. package/components/{index-B2z7i1-X.js → index-DiSrnT1e.js} +7 -7
  87. package/components/{index-DVaeDCbe.js → index-Dkom_Qy5.js} +1 -1
  88. package/components/{index-ON4x-yZ7.cjs → index-DxXcY78P.cjs} +2 -2
  89. package/components/{index-D9vzXhtJ.cjs → index-EkTLplXl.cjs} +8 -8
  90. package/components/{index-BD3VxQBH.js → index-FSUV_4nO.js} +1 -1
  91. package/components/{index-CkDDDzuJ.js → index-Pmv-d4iw.js} +25 -25
  92. package/components/{index-DszPbTTD.js → index-aLxc3xA_.js} +17 -17
  93. package/components/{index-EQldC-LR.js → index-dJXOanPE.js} +4 -4
  94. package/components/{index-gfU9TGd5.cjs → index-f8GtjOLn.cjs} +3 -3
  95. package/components/{index-B5VaT0lQ.js → index-fbS4OrPM.js} +3 -3
  96. package/components/index.cjs +1 -1
  97. package/components/index.js +1 -1
  98. package/components/{language-resolution-8yZa5r_P-CTSmbE1U.js → language-resolution-8yZa5r_P-CLZhU076.js} +3 -3
  99. package/components/{language-resolution-8yZa5r_P-DQ3rZzW5.cjs → language-resolution-8yZa5r_P-CpbzT4ej.cjs} +3 -3
  100. package/components/{observe-slot-text-BG0H7bQK-CrkAqUMj.cjs → observe-slot-text-ggb4kKgY-DqsddtTd.cjs} +4 -4
  101. package/components/{observe-slot-text-BG0H7bQK-C0wmc4DO.js → observe-slot-text-ggb4kKgY-yUxhPbbJ.js} +4 -4
  102. package/components/{popover-bg0EQQ8p-D4-hrhIx.js → popover-DlkzrLpl-DFIvgCjc.js} +3 -3
  103. package/components/{popover-bg0EQQ8p-Dha09dhV.cjs → popover-DlkzrLpl-TYw7ejnD.cjs} +5 -5
  104. package/components/{property-CD3dwBJC.js → property-CXJD1jOW.js} +661 -628
  105. package/components/property-ChsOQ1Yj.cjs +112 -0
  106. package/components/{sized-mixin-PyCYpyQq-B40Ek2UB.js → sized-mixin-BxMraZLS-Dc6r-Wg4.js} +1 -1
  107. package/components/{sized-mixin-PyCYpyQq-sKzDjc75.cjs → sized-mixin-BxMraZLS-w9I35lP7.cjs} +2 -2
  108. package/components/slot-menu/index.cjs +4 -4
  109. package/components/slot-menu/index.js +4 -4
  110. package/components/slot-menu-list/index.cjs +3 -3
  111. package/components/slot-menu-list/index.js +19 -19
  112. package/components/{state-ByiKNRhp.cjs → state-DLrsMPet.cjs} +1 -1
  113. package/components/{state-B1a8XIDm.js → state-DwFtyqCc.js} +1 -1
  114. package/components/{task-HFsHfTra.cjs → task-CgK9ztaw.cjs} +1 -1
  115. package/components/{task-BPD0PyaQ.js → task-DYLITx7R.js} +1 -1
  116. package/components/{text-field-7ITo3Lac-DqVO04kR.js → text-field-CvKSS59x-BzSqtt2_.js} +29 -29
  117. package/components/text-field-CvKSS59x-D0MM0fDH.cjs +131 -0
  118. package/package.json +1 -1
  119. package/components/en-CdROUdjt.cjs +0 -202
  120. package/components/index-Bjs6Yqet.cjs +0 -185
  121. package/components/index-D4x-O9Uc.cjs +0 -192
  122. package/components/luzmo-icons-BrtBl3E5.cjs +0 -31
  123. package/components/luzmo-icons-CZEpXpvy.js +0 -613
  124. package/components/property-Su1Q6aME.cjs +0 -124
  125. package/components/text-field-7ITo3Lac-CKXsSqJP.cjs +0 -131
package/components/display-settings-period-over-period/index.js CHANGED
@@ -17,24 +17,24 @@
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 w, F as E, n as L } from "../luzmo-icons-CZEpXpvy.js";
21
- import { r as C, x as c, I as p, H as h, n as O } from "../property-CD3dwBJC.js";
22
- import { m as _, d as S } from "../sized-mixin-PyCYpyQq-B40Ek2UB.js";
23
- import { y as I } from "../checkbox-mixin-DXUIwtea-wiCZr_KI.js";
24
- import "../index-B5VaT0lQ.js";
25
- import "../index-BD3VxQBH.js";
26
- import "../index-DszPbTTD.js";
27
- import "../index-CkDDDzuJ.js";
28
- import { d as j } from "../decompose-numeric-format-BuZcjH2k.js";
29
- import { r as A } from "../state-B1a8XIDm.js";
30
- import { e as v } from "../query-Ddbd72Um.js";
31
- const $ = () => {
20
+ import { luzmoIcon as C, luzmoCheck as $, luzmoDash as L } from "@luzmo/icons";
21
+ import { h as O, H as v, k as x, R as s, a as S, x as z, n as I } from "../property-CXJD1jOW.js";
22
+ import { m as _, d as j } from "../sized-mixin-BxMraZLS-Dc6r-Wg4.js";
23
+ import { k as A } from "../checkbox-mixin-BFGTmw17-BR4ufh0S.js";
24
+ import "../index-fbS4OrPM.js";
25
+ import "../index-FSUV_4nO.js";
26
+ import "../index-aLxc3xA_.js";
27
+ import "../index-Pmv-d4iw.js";
28
+ import { d as H } from "../decompose-numeric-format-BuZcjH2k.js";
29
+ import { r as T } from "../state-DwFtyqCc.js";
30
+ import { e as p } from "../query-Ddbd72Um.js";
31
+ const E = () => {
32
32
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
33
33
  const t = document.createElement("style");
34
34
  t.setAttribute("data-luzmo-vars", ""), t.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-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-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-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(t);
35
35
  }
36
36
  };
37
- $();
37
+ E();
38
38
  /*! * Lucero - The design system for Luzmo.
39
39
  *
40
40
  * Copyright © 2025 Luzmo
@@ -59,13 +59,13 @@ const F = () => {
59
59
  }
60
60
  };
61
61
  F();
62
- const T = ':host{color:var(--highcontrast-checkbox-content-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)));min-block-size:var(--luzmo-checkbox-height, var(--checkbox-height, 32px));max-inline-size:100%;vertical-align:top;align-items:flex-start;display:inline-flex;position:relative;font-family:var(--luzmo-checkbox-font-family, var(--luzmo-font-family))}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-selected-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down, var(--luzmo-checkbox-content-color-down, var(--luzmo-font-color-hard)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-color-negative)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-color-negative)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-default, var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-emphasized-color-focus, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-focus, var(--luzmo-color-negative)))}@media (hover: hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-color-hover, var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-down, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-invalid-color-down, var(--luzmo-color-negative)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size, var(--checkbox-font-size, 14px));transition:color var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height, 1.3);margin-block-start:var(--luzmo-checkbox-top-to-text, var(--checkbox-top-to-text, 6px));margin-inline-start:var(--luzmo-checkbox-text-to-control, var(--checkbox-text-to-control, 10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk, 1.5)}#input{color:var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:.0001;z-index:1;cursor:pointer;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width, var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap, 2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus, var(--luzmo-checkbox-content-color-focus, var(--luzmo-font-color-hard)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}#box{--luzmo-checkbox-spacing: calc( var(--luzmo-checkbox-height, var(--checkbox-height, 32px)) - var( --luzmo-checkbox-control-size, var(--checkbox-control-size, 14px) ) );margin:calc(var(--luzmo-checkbox-spacing) / 2) 0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px));block-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color)));z-index:0;content:"";border-radius:var(--luzmo-checkbox-control-corner-radius, 2px);border-width:var(--luzmo-checkbox-border-width, var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-corner-radius, 2px) + var(--luzmo-checkbox-focus-indicator-gap, 2px));content:"";margin:var(--luzmo-checkbox-focus-indicator-gap, 2px);transition:box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out,margin var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,transform var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;transform:scale(0);width:var(--textbox-control-size, 14px);display:flex;align-items:center;justify-content:center;font-size:var(--checkbox-icon-size)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-control-color-disabled, var(--luzmo-color-disabled)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-content-color-disabled, var(--luzmo-color-disabled)))}@media (forced-colors: active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap, var(--luzmo-checkbox-focus-indicator-gap, 2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width, var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default: CanvasText;--highcontrast-checkbox-content-color-hover: CanvasText;--highcontrast-checkbox-content-color-down: CanvasText;--highcontrast-checkbox-content-color-focus: CanvasText;--highcontrast-checkbox-background-color-default: Canvas;--highcontrast-checkbox-color-default: ButtonText;--highcontrast-checkbox-color-hover: ButtonText;--highcontrast-checkbox-color-focus: Highlight;--highcontrast-checkbox-highlight-color-default: Highlight;--highcontrast-checkbox-highlight-color-hover: Highlight;--highcontrast-checkbox-highlight-color-down: Highlight;--highcontrast-checkbox-highlight-color-focus: Highlight;--highcontrast-checkbox-disabled-color-default: GrayText;--highcontrast-checkbox-focus-indicator-color: CanvasText}}:host([size=s]){--checkbox-font-size: var(--luzmo-checkbox-size-s-font-size, 12px);--checkbox-height: var(--luzmo-checkbox-size-s-height, 24px);--checkbox-control-size: var(--luzmo-checkbox-size-s-control-size, 12px);--checkbox-top-to-text: var(--luzmo-checkbox-size-s-top-to-text, 4px);--checkbox-text-to-control: var(--luzmo-checkbox-size-s-text-to-control, 9px);--checkbox-icon-size: var(--luzmo-checkbox-size-s-icon-size, 9px)}:host{--checkbox-font-size: var(--luzmo-checkbox-size-m-font-size, 14px);--checkbox-height: var(--luzmo-checkbox-size-m-height, 32px);--checkbox-control-size: var(--luzmo-checkbox-size-m-control-size, 14px);--checkbox-top-to-text: var(--luzmo-checkbox-size-m-top-to-text, 6px);--checkbox-text-to-control: var( --luzmo-checkbox-size-m-text-to-control, 10px );--checkbox-icon-size: var(--luzmo-checkbox-size-m-icon-size, 10px)}:host([size=l]){--checkbox-font-size: var(--luzmo-checkbox-size-l-font-size, 16px);--checkbox-height: var(--luzmo-checkbox-size-l-height, 40px);--checkbox-control-size: var(--luzmo-checkbox-size-l-control-size, 16px);--checkbox-top-to-text: var(--luzmo-checkbox-size-l-top-to-text, 9px);--checkbox-text-to-control: var( --luzmo-checkbox-size-l-text-to-control, 11px );--checkbox-icon-size: var(--luzmo-checkbox-size-l-icon-size, 11px)}:host([size=xl]){--checkbox-font-size: var(--luzmo-checkbox-size-xl-font-size, 18px);--checkbox-height: var(--luzmo-checkbox-size-xl-height, 48px);--checkbox-control-size: var(--luzmo-checkbox-size-xl-control-size, 18px);--checkbox-top-to-text: var(--luzmo-checkbox-size-xl-top-to-text, 12px);--checkbox-text-to-control: var( --luzmo-checkbox-size-xl-text-to-control, 13px );--checkbox-icon-size: var(--luzmo-checkbox-size-xl-icon-size, 12px)}:host{display:inline-flex;vertical-align:top}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}';
63
- var H = Object.defineProperty, d = (t, o, e, a) => {
62
+ const B = ':host{color:var(--highcontrast-checkbox-content-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)));min-block-size:var(--luzmo-checkbox-height, var(--checkbox-height, 32px));max-inline-size:100%;vertical-align:top;align-items:flex-start;display:inline-flex;position:relative;font-family:var(--luzmo-checkbox-font-family, var(--luzmo-font-family))}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-selected-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down, var(--luzmo-checkbox-content-color-down, var(--luzmo-font-color-hard)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-color-negative)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-color-negative)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-default, var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-emphasized-color-focus, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-focus, var(--luzmo-color-negative)))}@media (hover: hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-color-hover, var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-down, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-invalid-color-down, var(--luzmo-color-negative)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size, var(--checkbox-font-size, 14px));transition:color var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height, 1.3);margin-block-start:var(--luzmo-checkbox-top-to-text, var(--checkbox-top-to-text, 6px));margin-inline-start:var(--luzmo-checkbox-text-to-control, var(--checkbox-text-to-control, 10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk, 1.5)}#input{color:var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:.0001;z-index:1;cursor:pointer;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width, var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap, 2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus, var(--luzmo-checkbox-content-color-focus, var(--luzmo-font-color-hard)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}#box{--luzmo-checkbox-spacing: calc( var(--luzmo-checkbox-height, var(--checkbox-height, 32px)) - var( --luzmo-checkbox-control-size, var(--checkbox-control-size, 14px) ) );margin:calc(var(--luzmo-checkbox-spacing) / 2) 0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px));block-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color)));z-index:0;content:"";border-radius:var(--luzmo-checkbox-control-corner-radius, 2px);border-width:var(--luzmo-checkbox-border-width, var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-corner-radius, 2px) + var(--luzmo-checkbox-focus-indicator-gap, 2px));content:"";margin:var(--luzmo-checkbox-focus-indicator-gap, 2px);transition:box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out,margin var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,transform var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;transform:scale(0);width:var(--textbox-control-size, 14px);display:flex;align-items:center;justify-content:center;font-size:var(--checkbox-icon-size)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-control-color-disabled, var(--luzmo-color-disabled)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-content-color-disabled, var(--luzmo-color-disabled)))}@media (forced-colors: active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap, var(--luzmo-checkbox-focus-indicator-gap, 2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width, var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default: CanvasText;--highcontrast-checkbox-content-color-hover: CanvasText;--highcontrast-checkbox-content-color-down: CanvasText;--highcontrast-checkbox-content-color-focus: CanvasText;--highcontrast-checkbox-background-color-default: Canvas;--highcontrast-checkbox-color-default: ButtonText;--highcontrast-checkbox-color-hover: ButtonText;--highcontrast-checkbox-color-focus: Highlight;--highcontrast-checkbox-highlight-color-default: Highlight;--highcontrast-checkbox-highlight-color-hover: Highlight;--highcontrast-checkbox-highlight-color-down: Highlight;--highcontrast-checkbox-highlight-color-focus: Highlight;--highcontrast-checkbox-disabled-color-default: GrayText;--highcontrast-checkbox-focus-indicator-color: CanvasText}}:host([size=s]){--checkbox-font-size: var(--luzmo-checkbox-size-s-font-size, 12px);--checkbox-height: var(--luzmo-checkbox-size-s-height, 24px);--checkbox-control-size: var(--luzmo-checkbox-size-s-control-size, 12px);--checkbox-top-to-text: var(--luzmo-checkbox-size-s-top-to-text, 4px);--checkbox-text-to-control: var(--luzmo-checkbox-size-s-text-to-control, 9px);--checkbox-icon-size: var(--luzmo-checkbox-size-s-icon-size, 9px)}:host{--checkbox-font-size: var(--luzmo-checkbox-size-m-font-size, 14px);--checkbox-height: var(--luzmo-checkbox-size-m-height, 32px);--checkbox-control-size: var(--luzmo-checkbox-size-m-control-size, 14px);--checkbox-top-to-text: var(--luzmo-checkbox-size-m-top-to-text, 6px);--checkbox-text-to-control: var( --luzmo-checkbox-size-m-text-to-control, 10px );--checkbox-icon-size: var(--luzmo-checkbox-size-m-icon-size, 10px)}:host([size=l]){--checkbox-font-size: var(--luzmo-checkbox-size-l-font-size, 16px);--checkbox-height: var(--luzmo-checkbox-size-l-height, 40px);--checkbox-control-size: var(--luzmo-checkbox-size-l-control-size, 16px);--checkbox-top-to-text: var(--luzmo-checkbox-size-l-top-to-text, 9px);--checkbox-text-to-control: var( --luzmo-checkbox-size-l-text-to-control, 11px );--checkbox-icon-size: var(--luzmo-checkbox-size-l-icon-size, 11px)}:host([size=xl]){--checkbox-font-size: var(--luzmo-checkbox-size-xl-font-size, 18px);--checkbox-height: var(--luzmo-checkbox-size-xl-height, 48px);--checkbox-control-size: var(--luzmo-checkbox-size-xl-control-size, 18px);--checkbox-top-to-text: var(--luzmo-checkbox-size-xl-top-to-text, 12px);--checkbox-text-to-control: var( --luzmo-checkbox-size-xl-text-to-control, 13px );--checkbox-icon-size: var(--luzmo-checkbox-size-xl-icon-size, 12px)}:host{display:inline-flex;vertical-align:top}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}';
63
+ var N = Object.defineProperty, h = (t, o, e, c) => {
64
64
  for (var r = void 0, l = t.length - 1, i; l >= 0; l--)
65
65
  (i = t[l]) && (r = i(o, e, r) || r);
66
- return r && H(o, e, r), r;
66
+ return r && N(o, e, r), r;
67
67
  };
68
- const B = () => c`<div id="checkmark">${w(E)}</div>`, N = () => c`<div id="partialCheckmark">${w(L)}</div>`, P = class extends _(I(p), {
68
+ const R = () => v`<div id="checkmark">${C($)}</div>`, D = () => v`<div id="partialCheckmark">${C(L)}</div>`, P = class extends _(A(x), {
69
69
  noDefaultSize: !0
70
70
  }) {
71
71
  constructor() {
@@ -77,7 +77,7 @@ const B = () => c`<div id="checkmark">${w(E)}</div>`, N = () => c`<div id="parti
77
77
  });
78
78
  }
79
79
  static get styles() {
80
- return [C(T)];
80
+ return [O(B)];
81
81
  }
82
82
  click() {
83
83
  var o;
@@ -87,11 +87,11 @@ const B = () => c`<div id="checkmark">${w(E)}</div>`, N = () => c`<div id="parti
87
87
  this.indeterminate = !1, super.handleChange();
88
88
  }
89
89
  render() {
90
- return c`
90
+ return v`
91
91
  ${super.render()}
92
92
  <span id="box">
93
- ${this.checked ? B() : c``}
94
- ${this.indeterminate ? N() : c``}
93
+ ${this.checked ? R() : v``}
94
+ ${this.indeterminate ? D() : v``}
95
95
  </span>
96
96
  <label id="label" for="input"><slot></slot></label>
97
97
  `;
@@ -101,35 +101,35 @@ const B = () => c`<div id="checkmark">${w(E)}</div>`, N = () => c`<div id="parti
101
101
  }
102
102
  };
103
103
  P.shadowRootOptions = {
104
- ...p.shadowRootOptions,
104
+ ...x.shadowRootOptions,
105
105
  delegatesFocus: !0
106
106
  };
107
- let n = P;
108
- d([
109
- h({ type: Boolean, reflect: !0 })
110
- ], n.prototype, "disabled");
111
- d([
112
- h({ type: Boolean, reflect: !0 })
113
- ], n.prototype, "indeterminate");
114
- d([
115
- h({ type: Boolean, reflect: !0 })
116
- ], n.prototype, "autofocus");
117
- d([
118
- h({ type: Boolean, reflect: !0 })
119
- ], n.prototype, "invalid");
120
- d([
121
- h({ type: Boolean, reflect: !0 })
122
- ], n.prototype, "emphasized");
123
- d([
124
- h({ reflect: !0, type: Number, attribute: "tabindex" })
125
- ], n.prototype, "tabIndex");
126
- customElements.get("luzmo-checkbox") || customElements.define("luzmo-checkbox", n);
127
- const y = {
107
+ let a = P;
108
+ h([
109
+ s({ type: Boolean, reflect: !0 })
110
+ ], a.prototype, "disabled");
111
+ h([
112
+ s({ type: Boolean, reflect: !0 })
113
+ ], a.prototype, "indeterminate");
114
+ h([
115
+ s({ type: Boolean, reflect: !0 })
116
+ ], a.prototype, "autofocus");
117
+ h([
118
+ s({ type: Boolean, reflect: !0 })
119
+ ], a.prototype, "invalid");
120
+ h([
121
+ s({ type: Boolean, reflect: !0 })
122
+ ], a.prototype, "emphasized");
123
+ h([
124
+ s({ reflect: !0, type: Number, attribute: "tabindex" })
125
+ ], a.prototype, "tabIndex");
126
+ customElements.get("luzmo-checkbox") || customElements.define("luzmo-checkbox", a);
127
+ const w = {
128
128
  none: "None",
129
129
  past: "Past value",
130
130
  absoluteChange: "Absolute change",
131
131
  percentageChange: "% change"
132
- }, D = [
132
+ }, U = [
133
133
  "periods",
134
134
  "years",
135
135
  "quarters",
@@ -139,38 +139,38 @@ const y = {
139
139
  "hours",
140
140
  "minutes",
141
141
  "seconds"
142
- ], R = ":host{font-family:var(--luzmo-display-settings-period-over-period-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-period-over-period-font-size, var(--luzmo-font-size));color:var(--luzmo-display-settings-period-over-period-color, var(--luzmo-font-color))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-period-over-period-gap, var(--display-settings-period-over-period-gap))}:host{--display-settings-period-over-period-gap: var(--luzmo-spacing-3)}:host([size=s]){--display-settings-period-over-period-gap: var(--luzmo-spacing-3)}:host([size=l]){--display-settings-period-over-period-gap: var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-period-over-period-gap: var(--luzmo-spacing-5)}";
143
- var U = Object.defineProperty, u = (t, o, e, a) => {
142
+ ], q = ":host{font-family:var(--luzmo-display-settings-period-over-period-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-period-over-period-font-size, var(--luzmo-font-size));color:var(--luzmo-display-settings-period-over-period-color, var(--luzmo-font-color))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-period-over-period-gap, var(--display-settings-period-over-period-gap))}:host{--display-settings-period-over-period-gap: var(--luzmo-spacing-3)}:host([size=s]){--display-settings-period-over-period-gap: var(--luzmo-spacing-3)}:host([size=l]){--display-settings-period-over-period-gap: var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-period-over-period-gap: var(--luzmo-spacing-5)}";
143
+ var V = Object.defineProperty, d = (t, o, e, c) => {
144
144
  for (var r = void 0, l = t.length - 1, i; l >= 0; l--)
145
145
  (i = t[l]) && (r = i(o, e, r) || r);
146
- return r && U(o, e, r), r;
146
+ return r && V(o, e, r), r;
147
147
  };
148
- class s extends _(
149
- p,
148
+ class n extends _(
149
+ x,
150
150
  {
151
- validSizes: Object.values(S)
151
+ validSizes: Object.values(j)
152
152
  }
153
153
  ) {
154
154
  constructor() {
155
155
  super(...arguments), this.slotContent = {};
156
156
  }
157
157
  static get styles() {
158
- return [C(R)];
158
+ return [S(q)];
159
159
  }
160
160
  willUpdate(o) {
161
- var e, a, r, l, i, m, b, z, x, f, g, k;
162
- o.has("slotContent") && (this._periodComparison = (a = (e = this.slotContent) == null ? void 0 : e.PeriodOverPeriod) == null ? void 0 : a.type, this._numberPeriods = (l = (r = this.slotContent) == null ? void 0 : r.PeriodOverPeriod) == null ? void 0 : l.quantity, this._periodLevel = (m = (i = this.slotContent) == null ? void 0 : i.PeriodOverPeriod) == null ? void 0 : m.level, this._incompletePeriods = (z = (b = this.slotContent) == null ? void 0 : b.PeriodOverPeriod) == null ? void 0 : z.periodToDate, this._minLevel = ((f = (x = this.slotContent) == null ? void 0 : x.PeriodOverPeriod) == null ? void 0 : f.minLevel) ?? ((g = this.slotContent) == null ? void 0 : g.lowestLevel) ?? (((k = this.slotContent) == null ? void 0 : k.subtype) === "date" ? 5 : 9)), this._periodComparison = this._periodComparison ?? "none", this._numberPeriods = this._numberPeriods ?? 1, this._periodLevel = this._periodLevel ?? "periods", this._incompletePeriods = this._incompletePeriods ?? !1, this._minLevel = this._minLevel ?? 9;
161
+ var e, c, r, l, i, u, m, b, f, g, k, y;
162
+ o.has("slotContent") && (this._periodComparison = (c = (e = this.slotContent) == null ? void 0 : e.PeriodOverPeriod) == null ? void 0 : c.type, this._numberPeriods = (l = (r = this.slotContent) == null ? void 0 : r.PeriodOverPeriod) == null ? void 0 : l.quantity, this._periodLevel = (u = (i = this.slotContent) == null ? void 0 : i.PeriodOverPeriod) == null ? void 0 : u.level, this._incompletePeriods = (b = (m = this.slotContent) == null ? void 0 : m.PeriodOverPeriod) == null ? void 0 : b.periodToDate, this._minLevel = ((g = (f = this.slotContent) == null ? void 0 : f.PeriodOverPeriod) == null ? void 0 : g.minLevel) ?? ((k = this.slotContent) == null ? void 0 : k.lowestLevel) ?? (((y = this.slotContent) == null ? void 0 : y.subtype) === "date" ? 5 : 9)), this._periodComparison = this._periodComparison ?? "none", this._numberPeriods = this._numberPeriods ?? 1, this._periodLevel = this._periodLevel ?? "periods", this._incompletePeriods = this._incompletePeriods ?? !1, this._minLevel = this._minLevel ?? 9;
163
163
  }
164
164
  setPeriodComparison() {
165
- var z;
165
+ var b;
166
166
  const o = { ...this.slotContent };
167
167
  this._periodComparison = this._periodComparisonElement.value;
168
- const e = j((z = this.slotContent) == null ? void 0 : z.format), a = ["%", "y", "a%", "ay"].includes(
168
+ const e = H((b = this.slotContent) == null ? void 0 : b.format), c = ["%", "y", "a%", "ay"].includes(
169
169
  e.typeFormat
170
- ), r = e.typeFormat.includes("a"), l = r ? "a" : "", i = e.comma === "," || r ? "," : "", m = e.precision ? Number.parseInt(e.precision.replace(".", ""), 10) : 0, b = ["z", "az", "y", "ay", "w", "aw"].includes(
170
+ ), r = e.typeFormat.includes("a"), l = r ? "a" : "", i = e.comma === "," || r ? "," : "", u = e.precision ? Number.parseInt(e.precision.replace(".", ""), 10) : 0, m = ["z", "az", "y", "ay", "w", "aw"].includes(
171
171
  e.typeFormat
172
172
  );
173
- this._periodComparison === "percentageChange" && !a ? o.format = `${i}.${m}${l}${b ? "y" : "%"}` : this._periodComparison !== "percentageChange" && o.subtype === "currency" && a && (o.format = `${i}.${m}${l}${b ? "z" : "f"}`), this.sendEvent(o);
173
+ this._periodComparison === "percentageChange" && !c ? o.format = `${i}.${u}${l}${m ? "y" : "%"}` : this._periodComparison !== "percentageChange" && o.subtype === "currency" && c && (o.format = `${i}.${u}${l}${m ? "z" : "f"}`), this.sendEvent(o);
174
174
  }
175
175
  setNumberOfPeriods() {
176
176
  this._numberPeriods = Number.parseInt(this._numberPeriodsElement.value, 10);
@@ -207,16 +207,16 @@ class s extends _(
207
207
  );
208
208
  }
209
209
  renderPeriodSettings() {
210
- const o = D.slice(0, (this._minLevel ?? 0) + 1).map(
211
- (e) => c`<luzmo-menu-item value=${e}>
210
+ const o = U.slice(0, (this._minLevel ?? 0) + 1).map(
211
+ (e) => z`<luzmo-menu-item value=${e}>
212
212
  ${e}
213
213
  </luzmo-menu-item>`
214
214
  );
215
- return c` <div class="settings-row">
215
+ return z` <div class="settings-row">
216
216
  <div class="setting">
217
217
  ${["percentageChange", "absoluteChange"].includes(
218
218
  this._periodComparison ?? ""
219
- ) ? c`<luzmo-field-label for="number-periods" side-aligned="start">
219
+ ) ? z`<luzmo-field-label for="number-periods" side-aligned="start">
220
220
  From
221
221
  </luzmo-field-label>` : ""}
222
222
  <luzmo-number-field
@@ -255,12 +255,12 @@ class s extends _(
255
255
  </div>`;
256
256
  }
257
257
  render() {
258
- const o = Object.keys(y).map(
259
- (e) => c`<luzmo-menu-item value=${e}>
260
- ${y[e]}
258
+ const o = Object.keys(w).map(
259
+ (e) => z`<luzmo-menu-item value=${e}>
260
+ ${w[e]}
261
261
  </luzmo-menu-item>`
262
262
  );
263
- return c`<div class="settings-container">
263
+ return z`<div class="settings-container">
264
264
  <div class="settings-row">
265
265
  <div class="setting">
266
266
  <luzmo-field-label for="period-comparison">
@@ -281,28 +281,28 @@ class s extends _(
281
281
  </div>`;
282
282
  }
283
283
  }
284
- u([
285
- O({ type: String, reflect: !0 })
286
- ], s.prototype, "language");
287
- u([
288
- v("#period-comparison")
289
- ], s.prototype, "_periodComparisonElement");
290
- u([
291
- v("#number-periods")
292
- ], s.prototype, "_numberPeriodsElement");
293
- u([
294
- v("#period-level")
295
- ], s.prototype, "_periodLevelElement");
296
- u([
297
- v("#incomplete-periods")
298
- ], s.prototype, "_incompletePeriodsElement");
299
- u([
300
- A()
301
- ], s.prototype, "_periodComparison");
284
+ d([
285
+ I({ type: String, reflect: !0 })
286
+ ], n.prototype, "language");
287
+ d([
288
+ p("#period-comparison")
289
+ ], n.prototype, "_periodComparisonElement");
290
+ d([
291
+ p("#number-periods")
292
+ ], n.prototype, "_numberPeriodsElement");
293
+ d([
294
+ p("#period-level")
295
+ ], n.prototype, "_periodLevelElement");
296
+ d([
297
+ p("#incomplete-periods")
298
+ ], n.prototype, "_incompletePeriodsElement");
299
+ d([
300
+ T()
301
+ ], n.prototype, "_periodComparison");
302
302
  customElements.get("luzmo-display-settings-period-over-period") || customElements.define(
303
303
  "luzmo-display-settings-period-over-period",
304
- s
304
+ n
305
305
  );
306
306
  export {
307
- s as LuzmoDisplaySettingsPeriodOverPeriod
307
+ n as LuzmoDisplaySettingsPeriodOverPeriod
308
308
  };
package/components/draggable-data-item/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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../property-Su1Q6aME.cjs"),p=require("../sized-mixin-PyCYpyQq-sKzDjc75.cjs");require("../draggable-data-item-level/index.cjs");const m=":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";var y=Object.defineProperty,l=(h,s,d,g)=>{for(var a=void 0,i=h.length-1,n;i>=0;i--)(n=h[i])&&(a=n(s,d,a)||a);return a&&y(s,d,a),a};const b=class b extends p.m(e.I,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={}}renderSublevels(){var d,g,a,i,n;let s;if(((d=this.data)==null?void 0:d.type)==="datetime"){s=((g=this.data)==null?void 0:g.subtype)==="date"?this.data.lowestLevel??5:this.data.lowestLevel??9;const u=["Year","Quarter","Month","Week","Day","Hour","Minute","Second","Millisecond"];return e.x`
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../property-ChsOQ1Yj.cjs"),p=require("../sized-mixin-BxMraZLS-w9I35lP7.cjs");require("../draggable-data-item-level/index.cjs");const m=":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";var y=Object.defineProperty,l=(h,s,d,g)=>{for(var a=void 0,i=h.length-1,n;i>=0;i--)(n=h[i])&&(a=n(s,d,a)||a);return a&&y(s,d,a),a};const b=class b extends p.m(e.kt,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={}}renderSublevels(){var d,g,a,i,n;let s;if(((d=this.data)==null?void 0:d.type)==="datetime"){s=((g=this.data)==null?void 0:g.subtype)==="date"?this.data.lowestLevel??5:this.data.lowestLevel??9;const u=["Year","Quarter","Month","Week","Day","Hour","Minute","Second","Millisecond"];return e.x`
21
21
  <div class="draggable-data-item-sublevels">
22
22
  ${Array.from({length:s},(r,o)=>{const v=u[o],c={...this.data,level:o+1};return e.x`<luzmo-draggable-data-item-level
23
23
  sublevel
@@ -52,4 +52,4 @@
52
52
  ?hide-type-icon=${this.hideTypeIcon}
53
53
  ></luzmo-draggable-data-item-level>
54
54
  ${this.hideSublevels?"":this.renderSublevels()}
55
- `}};b.styles=e.r(m);let t=b;l([e.n({type:String,reflect:!0})],t.prototype,"variant");l([e.n({type:String,reflect:!0})],t.prototype,"language");l([e.n({type:Boolean,reflect:!0})],t.prototype,"disabled");l([e.n({type:Boolean,reflect:!0,attribute:"hide-sublevels"})],t.prototype,"hideSublevels");l([e.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],t.prototype,"hideTypeIcon");l([e.n({type:String,reflect:!0})],t.prototype,"label");l([e.n({type:String,reflect:!0})],t.prototype,"description");l([e.n({type:Object})],t.prototype,"data");customElements.get("luzmo-draggable-data-item")||customElements.define("luzmo-draggable-data-item",t);exports.LuzmoDraggableDataItem=t;
55
+ `}};b.styles=e.r$1(m);let t=b;l([e.n({type:String,reflect:!0})],t.prototype,"variant");l([e.n({type:String,reflect:!0})],t.prototype,"language");l([e.n({type:Boolean,reflect:!0})],t.prototype,"disabled");l([e.n({type:Boolean,reflect:!0,attribute:"hide-sublevels"})],t.prototype,"hideSublevels");l([e.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],t.prototype,"hideTypeIcon");l([e.n({type:String,reflect:!0})],t.prototype,"label");l([e.n({type:String,reflect:!0})],t.prototype,"description");l([e.n({type:Object})],t.prototype,"data");customElements.get("luzmo-draggable-data-item")||customElements.define("luzmo-draggable-data-item",t);exports.LuzmoDraggableDataItem=t;
package/components/draggable-data-item/index.js CHANGED
@@ -17,8 +17,8 @@
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 { I as f, r as v, x as s, n as l } from "../property-CD3dwBJC.js";
21
- import { m as x } from "../sized-mixin-PyCYpyQq-B40Ek2UB.js";
20
+ import { k as f, a as v, x as s, n as l } from "../property-CXJD1jOW.js";
21
+ import { m as x } from "../sized-mixin-BxMraZLS-Dc6r-Wg4.js";
22
22
  import "../draggable-data-item-level/index.js";
23
23
  const h = () => {
24
24
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
package/components/draggable-data-item-level/index.cjs CHANGED
@@ -17,20 +17,20 @@
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 y=require("../get-css-variable-DLiZYZEi.cjs"),e=require("../luzmo-icons-BrtBl3E5.cjs");require("../index-liTHhAef.cjs");require("../index-CayjvyyX.cjs");const i=require("../property-Su1Q6aME.cjs"),R=require("../sized-mixin-PyCYpyQq-sKzDjc75.cjs"),U=require("../localize-DbobqcKs.cjs"),W=":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}:host([variant=highlight]){--draggable-data-item-level-background-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-border-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-background-color-hover: var( --luzmo-background-color-highlight-hover )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}",d={array:{s:e.D0,m:e.w0,l:e.x0,xl:e.x0},coordinates:{s:e.A0,m:e.Z0,l:e.u0,xl:e.u0},currency:{s:e.V0,m:e.H0,l:e.p0,xl:e.p0},date:{s:e.a0,m:e.o0,l:e.t,xl:e.t},datetime:{s:e.n0,m:e.z0,l:e.l0,xl:e.l0},duration:{s:e.k0,m:e.S0,l:e.f0,xl:e.f0},hierarchy:{s:e.E0,m:e.P0,l:e.U0,xl:e.U0},image:{s:e.O0,m:e.Q0,l:e.N0,xl:e.N0},numeric:{s:e.X0,m:e.Y0,l:e._0,xl:e._0},time:{s:e.M2,m:e.L2,l:e.r2,xl:e.r2},topography:{s:e.W1,m:e.W1,l:e.W1,xl:e.W1},ipaddress:{s:e.x2,m:e.B2,l:e.F2,xl:e.F2}},j=(a,l)=>(l==null?void 0:l.type)==="array"?d.array[a]:(l==null?void 0:l.type)==="image"?d.image[a]:(l==null?void 0:l.type)==="spatial"?(l==null?void 0:l.subtype)==="topography"?d.topography[a]:d.coordinates[a]:(l==null?void 0:l.type)==="numeric"?(l==null?void 0:l.subtype)==="currency"?d.currency[a]:(l==null?void 0:l.subtype)==="duration"?d.duration[a]:d.numeric[a]:(l==null?void 0:l.type)==="datetime"?(l==null?void 0:l.subtype)==="time"?d.time[a]:(l==null?void 0:l.subtype)==="date"?d.date[a]:d.datetime[a]:(l==null?void 0:l.type)==="hierarchy"&&(l==null?void 0:l.subtype)==="ipaddress"?d.ipaddress[a]:d.hierarchy[a],B=a=>{var u,c,h,p,x,k,w,S,C,D,P,O,q,I,$,E,_;const l=a.source.element;let t="";(p=(h=(c=(u=a.source)==null?void 0:u.element)==null?void 0:c.renderRoot)==null?void 0:h.querySelector(".data-label"))!=null&&p.textContent&&(t=(w=(k=(x=a.source)==null?void 0:x.element)==null?void 0:k.renderRoot)==null?void 0:w.querySelector(".data-label").textContent),t||(t=U.localize((C=(S=a==null?void 0:a.source)==null?void 0:S.data)==null?void 0:C.label,(P=(D=a==null?void 0:a.source)==null?void 0:D.element)==null?void 0:P.language),t=t||"Untitled");const v=(q=(O=a==null?void 0:a.source)==null?void 0:O.data)==null?void 0:q.type,o=($=(I=a==null?void 0:a.source)==null?void 0:I.data)==null?void 0:$.subtype,n=j(l.size,{type:v,subtype:o}),r={};[["borderColor","--luzmo-draggable-data-item-level-border-color","--draggable-data-item-level-border-color"],["backgroundColor","--luzmo-draggable-data-item-level-background-color","--draggable-data-item-level-background-color"],["color","--luzmo-draggable-data-item-level-font-color","--draggable-data-item-level-font-color"],["fontSize","--luzmo-draggable-data-item-level-label-font-size","--draggable-data-item-level-label-font-size"],["height","--luzmo-draggable-data-item-level-height","--draggable-data-item-level-height"],["borderRadius","--luzmo-draggable-data-item-level-border-radius","--draggable-data-item-level-border-radius"],["fontFamily","--luzmo-draggable-data-item-level-font-family","--luzmo-font-family"],["horizontalPadding","--luzmo-draggable-data-item-level-horizontal-padding","--draggable-data-item-level-horizontal-padding"],["gap","--luzmo-draggable-data-item-level-gap","--draggable-data-item-level-gap"]].forEach(([z,T,V])=>{const F=y.getCssVariableValue(l,T)||y.getCssVariableValue(l,V);r[z]=F});const m=document.createElement("div"),s=document.createElement("div");if(m.innerHTML=t,!((_=(E=a==null?void 0:a.source)==null?void 0:E.element)!=null&&_.sublevel)){const z=document.createElement("luzmo-icon");z.icon=n,s.append(z)}return s.append(m),Object.assign(s.style,{display:"flex",alignItems:"center",height:r.height,border:`1px solid ${r.borderColor}`,backgroundColor:r.backgroundColor,borderRadius:r.borderRadius,fontFamily:r.fontFamily,fontSize:r.fontSize,color:r.color,padding:`0 ${r.horizontalPadding}`,gap:r.gap}),s};var M=Object.defineProperty,b=(a,l,t,v)=>{for(var o=void 0,n=a.length-1,r;n>=0;n--)(r=a[n])&&(o=r(l,t,o)||o);return o&&M(l,t,o),o};const f=class f extends R.m(i.I,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this.dataItemLevelDropped=l=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:l}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable()}firstUpdated(l){this._cleanupDraggable=y.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5"},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const t={...this.data};return this.label&&this.language&&!this.sublevel&&(t.label={},t.label[this.language]=this.label),this.description&&this.language&&(t.description={},t.description[this.language]=this.description),t},onGenerateDragPreview:t=>{const v=t.nativeSetDragImage;y.setCustomNativeDragPreview({render({container:o}){const n=B(t);o.append(n)},nativeSetDragImage:v})}})}render(){var v,o,n,r,m,s,u,c,h,p;const l=this.label??((o=(v=this.data)==null?void 0:v.label)==null?void 0:o[this.language])??((m=(n=this.data)==null?void 0:n.label)==null?void 0:m[Object.keys((r=this.data)==null?void 0:r.label)[0]])??"Untitled",t=this.description??((u=(s=this.data)==null?void 0:s.description)==null?void 0:u[this.language])??((p=(c=this.data)==null?void 0:c.description)==null?void 0:p[Object.keys((h=this.data)==null?void 0:h.description)[0]]);return i.x`
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../get-css-variable-DLiZYZEi.cjs"),e=require("@luzmo/icons");require("../index-ByfMhxDr.cjs");require("../index-DC2Pby0z.cjs");const i=require("../property-ChsOQ1Yj.cjs"),H=require("../sized-mixin-BxMraZLS-w9I35lP7.cjs"),N=require("../localize-DbobqcKs.cjs"),V=":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}:host([variant=highlight]){--draggable-data-item-level-background-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-border-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-background-color-hover: var( --luzmo-background-color-highlight-hover )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}",d={array:{s:e.luzmoTypeArray12,m:e.luzmoTypeArray14,l:e.luzmoTypeArray,xl:e.luzmoTypeArray},coordinates:{s:e.luzmoTypeCoordinates12,m:e.luzmoTypeCoordinates14,l:e.luzmoTypeCoordinates,xl:e.luzmoTypeCoordinates},currency:{s:e.luzmoTypeCurrency12,m:e.luzmoTypeCurrency14,l:e.luzmoTypeCurrency,xl:e.luzmoTypeCurrency},date:{s:e.luzmoTypeDate12,m:e.luzmoTypeDate14,l:e.luzmoTypeDate,xl:e.luzmoTypeDate},datetime:{s:e.luzmoTypeDatetime12,m:e.luzmoTypeDatetime14,l:e.luzmoTypeDatetime,xl:e.luzmoTypeDatetime},duration:{s:e.luzmoTypeDuration12,m:e.luzmoTypeDuration14,l:e.luzmoTypeDuration,xl:e.luzmoTypeDuration},hierarchy:{s:e.luzmoTypeHierarchy12,m:e.luzmoTypeHierarchy14,l:e.luzmoTypeHierarchy,xl:e.luzmoTypeHierarchy},image:{s:e.luzmoTypeImage12,m:e.luzmoTypeImage14,l:e.luzmoTypeImage,xl:e.luzmoTypeImage},numeric:{s:e.luzmoTypeNumeric12,m:e.luzmoTypeNumeric14,l:e.luzmoTypeNumeric,xl:e.luzmoTypeNumeric},time:{s:e.luzmoTypeTime12,m:e.luzmoTypeTime14,l:e.luzmoTypeTime,xl:e.luzmoTypeTime},topography:{s:e.luzmoTypeTopography,m:e.luzmoTypeTopography,l:e.luzmoTypeTopography,xl:e.luzmoTypeTopography},ipaddress:{s:e.luzmoRouter12,m:e.luzmoRouter14,l:e.luzmoRouter16,xl:e.luzmoRouter16}},j=(a,l)=>(l==null?void 0:l.type)==="array"?d.array[a]:(l==null?void 0:l.type)==="image"?d.image[a]:(l==null?void 0:l.type)==="spatial"?(l==null?void 0:l.subtype)==="topography"?d.topography[a]:d.coordinates[a]:(l==null?void 0:l.type)==="numeric"?(l==null?void 0:l.subtype)==="currency"?d.currency[a]:(l==null?void 0:l.subtype)==="duration"?d.duration[a]:d.numeric[a]:(l==null?void 0:l.type)==="datetime"?(l==null?void 0:l.subtype)==="time"?d.time[a]:(l==null?void 0:l.subtype)==="date"?d.date[a]:d.datetime[a]:(l==null?void 0:l.type)==="hierarchy"&&(l==null?void 0:l.subtype)==="ipaddress"?d.ipaddress[a]:d.hierarchy[a],B=a=>{var v,c,p,h,T,k,x,w,D,C,I,S,$,P,q,R,E;const l=a.source.element;let t="";(h=(p=(c=(v=a.source)==null?void 0:v.element)==null?void 0:c.renderRoot)==null?void 0:p.querySelector(".data-label"))!=null&&h.textContent&&(t=(x=(k=(T=a.source)==null?void 0:T.element)==null?void 0:k.renderRoot)==null?void 0:x.querySelector(".data-label").textContent),t||(t=N.localize((D=(w=a==null?void 0:a.source)==null?void 0:w.data)==null?void 0:D.label,(I=(C=a==null?void 0:a.source)==null?void 0:C.element)==null?void 0:I.language),t=t||"Untitled");const u=($=(S=a==null?void 0:a.source)==null?void 0:S.data)==null?void 0:$.type,o=(q=(P=a==null?void 0:a.source)==null?void 0:P.data)==null?void 0:q.subtype,n=j(l.size,{type:u,subtype:o}),r={};[["borderColor","--luzmo-draggable-data-item-level-border-color","--draggable-data-item-level-border-color"],["backgroundColor","--luzmo-draggable-data-item-level-background-color","--draggable-data-item-level-background-color"],["color","--luzmo-draggable-data-item-level-font-color","--draggable-data-item-level-font-color"],["fontSize","--luzmo-draggable-data-item-level-label-font-size","--draggable-data-item-level-label-font-size"],["height","--luzmo-draggable-data-item-level-height","--draggable-data-item-level-height"],["borderRadius","--luzmo-draggable-data-item-level-border-radius","--draggable-data-item-level-border-radius"],["fontFamily","--luzmo-draggable-data-item-level-font-family","--luzmo-font-family"],["horizontalPadding","--luzmo-draggable-data-item-level-horizontal-padding","--draggable-data-item-level-horizontal-padding"],["gap","--luzmo-draggable-data-item-level-gap","--draggable-data-item-level-gap"]].forEach(([z,O,_])=>{const A=y.getCssVariableValue(l,O)||y.getCssVariableValue(l,_);r[z]=A});const s=document.createElement("div"),b=document.createElement("div");if(s.innerHTML=t,!((E=(R=a==null?void 0:a.source)==null?void 0:R.element)!=null&&E.sublevel)){const z=document.createElement("luzmo-icon");z.icon=n,b.append(z)}return b.append(s),Object.assign(b.style,{display:"flex",alignItems:"center",height:r.height,border:`1px solid ${r.borderColor}`,backgroundColor:r.backgroundColor,borderRadius:r.borderRadius,fontFamily:r.fontFamily,fontSize:r.fontSize,color:r.color,padding:`0 ${r.horizontalPadding}`,gap:r.gap}),b};var M=Object.defineProperty,m=(a,l,t,u)=>{for(var o=void 0,n=a.length-1,r;n>=0;n--)(r=a[n])&&(o=r(l,t,o)||o);return o&&M(l,t,o),o};const f=class f extends H.m(i.kt,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this.dataItemLevelDropped=l=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:l}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable()}firstUpdated(l){this._cleanupDraggable=y.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5"},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const t={...this.data};return this.label&&this.language&&!this.sublevel&&(t.label={},t.label[this.language]=this.label),this.description&&this.language&&(t.description={},t.description[this.language]=this.description),t},onGenerateDragPreview:t=>{const u=t.nativeSetDragImage;y.setCustomNativeDragPreview({render({container:o}){const n=B(t);o.append(n)},nativeSetDragImage:u})}})}render(){var u,o,n,r,s,b,v,c,p,h;const l=this.label??((o=(u=this.data)==null?void 0:u.label)==null?void 0:o[this.language])??((s=(n=this.data)==null?void 0:n.label)==null?void 0:s[Object.keys((r=this.data)==null?void 0:r.label)[0]])??"Untitled",t=this.description??((v=(b=this.data)==null?void 0:b.description)==null?void 0:v[this.language])??((h=(c=this.data)==null?void 0:c.description)==null?void 0:h[Object.keys((p=this.data)==null?void 0:p.description)[0]]);return i.x`
21
21
  <div class="draggable-data-item-level">
22
22
  <div class="drag-handle-icon">
23
- ${this.sublevel?e.O2(e.b0):e.O2(e.W)}
23
+ ${this.sublevel?e.luzmoIcon(e.luzmoDragLines):e.luzmoIcon(e.luzmoArrows)}
24
24
  </div>
25
25
  ${this.sublevel||this.hideTypeIcon?"":i.x`<div class="data-icon-type">
26
- ${e.O2(j(this.size,this.data))}
26
+ ${e.luzmoIcon(j(this.size,this.data))}
27
27
  </div>`}
28
28
  <div class="data-label">${l}</div>
29
29
  ${t?i.x`<button class="data-description">
30
- ${e.O2(e.p1)}
30
+ ${e.luzmoIcon(e.luzmoInfoCircleOutline)}
31
31
  <luzmo-tooltip self-managed placement="top" size=${this.size}>
32
32
  ${t}
33
33
  </luzmo-tooltip>
34
34
  </button>`:""}
35
35
  </div>
36
- `}};f.styles=i.r(W);let g=f;b([i.n({type:String,reflect:!0})],g.prototype,"variant");b([i.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],g.prototype,"hideTypeIcon");b([i.n({type:Boolean,reflect:!0})],g.prototype,"sublevel");b([i.n({type:String,reflect:!0})],g.prototype,"language");b([i.n({type:Boolean,reflect:!0})],g.prototype,"disabled");b([i.n({type:String,reflect:!0})],g.prototype,"label");b([i.n({type:String,reflect:!0})],g.prototype,"description");b([i.n({type:Object})],g.prototype,"data");customElements.get("luzmo-draggable-data-item-level")||customElements.define("luzmo-draggable-data-item-level",g);exports.LuzmoDraggableDataItemLevel=g;
36
+ `}};f.styles=i.r$1(V);let g=f;m([i.n({type:String,reflect:!0})],g.prototype,"variant");m([i.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],g.prototype,"hideTypeIcon");m([i.n({type:Boolean,reflect:!0})],g.prototype,"sublevel");m([i.n({type:String,reflect:!0})],g.prototype,"language");m([i.n({type:Boolean,reflect:!0})],g.prototype,"disabled");m([i.n({type:String,reflect:!0})],g.prototype,"label");m([i.n({type:String,reflect:!0})],g.prototype,"description");m([i.n({type:Object})],g.prototype,"data");customElements.get("luzmo-draggable-data-item-level")||customElements.define("luzmo-draggable-data-item-level",g);exports.LuzmoDraggableDataItemLevel=g;