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

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 (120) hide show
  1. package/components/{async-directive-FGzMycjH-Bgeca09f.js → async-directive-DWRUSKKF-CmOVMf6V.js} +1 -1
  2. package/components/{async-directive-FGzMycjH-CeG35vZ3.cjs → async-directive-DWRUSKKF-D4itZyzc.cjs} +3 -3
  3. package/components/{button-base-CDLQV7Vk-BXgdcJZo.cjs → button-base-B7v4eeRh-BKKUK3x0.cjs} +4 -4
  4. package/components/{button-base-CDLQV7Vk-C_3zTrbV.js → button-base-B7v4eeRh-D3-GH03o.js} +3 -3
  5. package/components/{checkbox-mixin-DXUIwtea-wiCZr_KI.js → checkbox-mixin-BFGTmw17-C34LMsgu.js} +6 -6
  6. package/components/{checkbox-mixin-DXUIwtea-DNISZS47.cjs → checkbox-mixin-BFGTmw17-CCjGd0nS.cjs} +4 -4
  7. package/components/{directive-helpers-BLDZnGQv-DYFfxaqA.cjs → directive-helpers-nlQRAaQt-3kEWF2GV.cjs} +2 -2
  8. package/components/{directive-helpers-BLDZnGQv-oKMCBvb2.js → directive-helpers-nlQRAaQt-I6T4KZKW.js} +10 -10
  9. package/components/display-settings/index.cjs +1 -1
  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 +4 -4
  13. package/components/display-settings-binning/index.js +20 -21
  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 +1 -1
  17. package/components/display-settings-grand-totals/index.js +8 -8
  18. package/components/display-settings-numeric/index.cjs +1 -1
  19. package/components/display-settings-numeric/index.js +12 -12
  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 +2 -2
  25. package/components/draggable-data-item-level/index.js +16 -16
  26. package/components/droppable-slot/index.cjs +2 -2
  27. package/components/droppable-slot/index.js +8 -8
  28. package/components/edit-item/index.cjs +6 -6
  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 +6 -6
  34. package/components/{edit-option-base-DnrerC_T.cjs → edit-option-base-Boz7TNRZ.cjs} +2 -2
  35. package/components/{edit-option-base-oIvlolV9.js → edit-option-base-qePiIQWd.js} +4 -4
  36. package/components/edit-option-color-picker/index.cjs +33 -33
  37. package/components/edit-option-color-picker/index.js +124 -124
  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 +1 -1
  45. package/components/edit-option-positions-number-field/index.js +5 -5
  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-BsAhbMzm.js → en-DMOM5QNw.js} +12 -12
  55. package/components/{en-GB-qub-Kemt.js → en-GB-BPwcXBDg.js} +1 -1
  56. package/components/{en-GB-g8rSQSba.cjs → en-GB-Cp6Zq89F.cjs} +1 -1
  57. package/components/{en-CdROUdjt.cjs → en-o_2c6hRN.cjs} +2 -2
  58. package/components/{if-defined-DMSuo5Qx.cjs → if-defined-8BOch-oC.cjs} +1 -1
  59. package/components/{if-defined-CYpcjGCb-tXzyj9Dq.js → if-defined-BSAr_4u4-4Ys8VE7T.js} +4 -4
  60. package/components/{if-defined-CYpcjGCb-Bzbg7zmM.cjs → if-defined-BSAr_4u4-gECNwmTC.cjs} +2 -2
  61. package/components/{if-defined-Ch2dtEOS.js → if-defined-Bv6MRdSW.js} +1 -1
  62. package/components/{index-gfU9TGd5.cjs → index-86cIx1Ql.cjs} +3 -3
  63. package/components/{index-DszPbTTD.js → index-B3ve6cAj.js} +17 -17
  64. package/components/{index-CkDDDzuJ.js → index-B5Wvyv9s.js} +28 -28
  65. package/components/{index-BD3VxQBH.js → index-BBrer3_5.js} +1 -1
  66. package/components/index-BJVxTeoi.cjs +192 -0
  67. package/components/{index-B2z7i1-X.js → index-BUSWsm5N.js} +10 -10
  68. package/components/{index-BqTdFs1o.js → index-BVX_ozT9.js} +3 -3
  69. package/components/{index-B5VaT0lQ.js → index-BYfDERr7.js} +3 -3
  70. package/components/{index-BGaxFTL4.js → index-Bee1uunR.js} +4 -4
  71. package/components/index-BrEDK88k.cjs +185 -0
  72. package/components/{index-C_3Ak4MQ.cjs → index-Bt5nP_6w.cjs} +5 -5
  73. package/components/{index-CayjvyyX.cjs → index-ByjLd3bT.cjs} +4 -4
  74. package/components/{index-DskAouD-.js → index-C8IL2IZ6.js} +4 -4
  75. package/components/{index-C2qG2Sm8-BQUlk-w0.js → index-CMvLpPKD-D5MpMVYZ.js} +14 -14
  76. package/components/{index-C2qG2Sm8-CbVWlbag.cjs → index-CMvLpPKD-Yf1PLWrj.cjs} +12 -12
  77. package/components/{index-BRk42NQn.js → index-CXIT0cYY.js} +166 -166
  78. package/components/{index-EQldC-LR.js → index-CdCtJpK9.js} +6 -6
  79. package/components/{index-B0cBkCaq.cjs → index-CdUTqQ3L.cjs} +4 -4
  80. package/components/{index-DQiQXn8N.cjs → index-CdpyJ7hp.cjs} +1 -1
  81. package/components/{index-Cp-lHUlX.js → index-CfEn3fIT.js} +3 -3
  82. package/components/{index-Bofs4Q2E.cjs → index-D8qmoauu.cjs} +1 -1
  83. package/components/{index-ON4x-yZ7.cjs → index-DEVOZNSc.cjs} +2 -2
  84. package/components/{index-CTPox3yS.cjs → index-DUO13KGl.cjs} +3 -3
  85. package/components/{index-B2N_PZf3.js → index-DVAsMiOm.js} +4 -4
  86. package/components/{index-DVaeDCbe.js → index-DnozlYag.js} +1 -1
  87. package/components/{index-liTHhAef.cjs → index-h9T5DPIm.cjs} +2 -2
  88. package/components/{index-3ewegRbb.cjs → index-i8GaIN7i.cjs} +4 -4
  89. package/components/{index-D9vzXhtJ.cjs → index-iYpAy-Kg.cjs} +6 -6
  90. package/components/{index-BC-nmKjU.js → index-ymMEPngt.js} +14 -14
  91. package/components/{index-CtHO6VyI.cjs → index-zuArOtOt.cjs} +3 -3
  92. package/components/index.cjs +1 -1
  93. package/components/index.js +1 -1
  94. package/components/{language-resolution-8yZa5r_P-CTSmbE1U.js → language-resolution-8yZa5r_P-Bn0bYosv.js} +3 -3
  95. package/components/{language-resolution-8yZa5r_P-DQ3rZzW5.cjs → language-resolution-8yZa5r_P-FqQChUDW.cjs} +3 -3
  96. package/components/{luzmo-icons-CZEpXpvy.js → luzmo-icons-BE2T8vWu.js} +1 -1
  97. package/components/{luzmo-icons-BrtBl3E5.cjs → luzmo-icons-XsFsTAl3.cjs} +1 -1
  98. package/components/{observe-slot-text-BG0H7bQK-CrkAqUMj.cjs → observe-slot-text-ggb4kKgY-DBVrKDBD.cjs} +4 -4
  99. package/components/{observe-slot-text-BG0H7bQK-C0wmc4DO.js → observe-slot-text-ggb4kKgY-o5QFWUeA.js} +4 -4
  100. package/components/{popover-bg0EQQ8p-Dha09dhV.cjs → popover-DlkzrLpl-BhTvuvTu.cjs} +5 -5
  101. package/components/{popover-bg0EQQ8p-D4-hrhIx.js → popover-DlkzrLpl-CCwcTIXr.js} +3 -3
  102. package/components/property-0L4eB11h.cjs +112 -0
  103. package/components/{property-CD3dwBJC.js → property-B2F7x7Cz.js} +581 -547
  104. package/components/{sized-mixin-PyCYpyQq-B40Ek2UB.js → sized-mixin-BxMraZLS-B_y0PzR3.js} +1 -1
  105. package/components/{sized-mixin-PyCYpyQq-sKzDjc75.cjs → sized-mixin-BxMraZLS-DEFWqo8f.cjs} +2 -2
  106. package/components/slot-menu/index.cjs +1 -1
  107. package/components/slot-menu/index.js +4 -4
  108. package/components/slot-menu-list/index.cjs +2 -2
  109. package/components/slot-menu-list/index.js +10 -10
  110. package/components/{state-ByiKNRhp.cjs → state-BFA93Sye.cjs} +1 -1
  111. package/components/{state-B1a8XIDm.js → state-Joaryhrg.js} +1 -1
  112. package/components/{task-HFsHfTra.cjs → task-B8yMzxui.cjs} +1 -1
  113. package/components/{task-BPD0PyaQ.js → task-Cr9aRIbV.js} +1 -1
  114. package/components/{text-field-7ITo3Lac-DqVO04kR.js → text-field-CvKSS59x-Dn0_1HO7.js} +29 -29
  115. package/components/text-field-CvKSS59x-E9LQElL4.cjs +131 -0
  116. package/package.json +1 -1
  117. package/components/index-Bjs6Yqet.cjs +0 -185
  118. package/components/index-D4x-O9Uc.cjs +0 -192
  119. package/components/property-Su1Q6aME.cjs +0 -124
  120. package/components/text-field-7ITo3Lac-CKXsSqJP.cjs +0 -131
package/components/draggable-data-item-level/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 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 f=require("../get-css-variable-DLiZYZEi.cjs"),e=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-h9T5DPIm.cjs");require("../index-ByjLd3bT.cjs");const i=require("../property-0L4eB11h.cjs"),F=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),M=require("../localize-DbobqcKs.cjs"),R=":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],U=a=>{var u,c,h,p,x,k,w,S,C,D,O,P,$,q,E,I,_;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=M.localize((C=(S=a==null?void 0:a.source)==null?void 0:S.data)==null?void 0:C.label,(O=(D=a==null?void 0:a.source)==null?void 0:D.element)==null?void 0:O.language),t=t||"Untitled");const v=($=(P=a==null?void 0:a.source)==null?void 0:P.data)==null?void 0:$.type,o=(E=(q=a==null?void 0:a.source)==null?void 0:q.data)==null?void 0:E.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 B=f.getCssVariableValue(l,T)||f.getCssVariableValue(l,V);r[z]=B});const m=document.createElement("div"),s=document.createElement("div");if(m.innerHTML=t,!((_=(I=a==null?void 0:a.source)==null?void 0:I.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 W=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&&W(l,t,o),o};const y=class y extends F.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=f.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;f.setCustomNativeDragPreview({render({container:o}){const n=U(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`
21
21
  <div class="draggable-data-item-level">
22
22
  <div class="drag-handle-icon">
23
23
  ${this.sublevel?e.O2(e.b0):e.O2(e.W)}
@@ -33,4 +33,4 @@
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
+ `}};y.styles=i.r$1(R);let g=y;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;
package/components/draggable-data-item-level/index.js CHANGED
@@ -18,12 +18,12 @@
18
18
  * SOFTWARE.
19
19
  * */
20
20
  import { g as U, a as Y, s as J } from "../get-css-variable-Bhbr-Kr1.js";
21
- import { o as B, s as ee, t as le, N as F, Q as ae, u as oe, y as p, z as H, Z as re, A as te, H as T, K as ie, V as de, L as V, R as ge, X as ne, a0 as A, a1 as me, a2 as se, a3 as N, a4 as ue, a5 as be, a6 as q, a7 as ce, a8 as ve, a9 as M, aa as ze, ab as he, ac as G, ad as pe, ae as fe, af as L, ag as ye, ah as xe, O as f, ai as ke, W as we, p as Se } from "../luzmo-icons-CZEpXpvy.js";
22
- import "../index-BC-nmKjU.js";
23
- import "../index-DskAouD-.js";
24
- import { I as Ce, r as De, x as y, n as g } from "../property-CD3dwBJC.js";
25
- import { m as Ee } from "../sized-mixin-PyCYpyQq-B40Ek2UB.js";
26
- import { l as $e } from "../localize-B6AsX_Zv.js";
21
+ import { o as B, s as ee, t as le, N as F, Q as ae, u as oe, y as p, z as H, Z as re, A as te, H as T, K as ie, V as de, L as V, R as ge, X as ne, a0 as A, a1 as me, a2 as se, a3 as N, a4 as ue, a5 as be, a6 as q, a7 as ce, a8 as ve, a9 as M, aa as ze, ab as he, ac as G, ad as pe, ae as fe, af as L, ag as ye, ah as xe, O as f, ai as ke, W as we, p as Se } from "../luzmo-icons-BE2T8vWu.js";
22
+ import "../index-ymMEPngt.js";
23
+ import "../index-C8IL2IZ6.js";
24
+ import { k as Ce, a as De, x as y, n as g } from "../property-B2F7x7Cz.js";
25
+ import { m as Ee } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
26
+ import { l as Pe } from "../localize-B6AsX_Zv.js";
27
27
  const K = () => {
28
28
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
29
29
  const l = document.createElement("style");
@@ -31,7 +31,7 @@ const K = () => {
31
31
  }
32
32
  };
33
33
  K();
34
- const Pe = ":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}", t = {
34
+ const $e = ":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}", t = {
35
35
  array: {
36
36
  s: le,
37
37
  m: ee,
@@ -104,17 +104,17 @@ const Pe = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family,
104
104
  l: G,
105
105
  xl: G
106
106
  }
107
- }, Q = (l, e) => (e == null ? void 0 : e.type) === "array" ? t.array[l] : (e == null ? void 0 : e.type) === "image" ? t.image[l] : (e == null ? void 0 : e.type) === "spatial" ? (e == null ? void 0 : e.subtype) === "topography" ? t.topography[l] : t.coordinates[l] : (e == null ? void 0 : e.type) === "numeric" ? (e == null ? void 0 : e.subtype) === "currency" ? t.currency[l] : (e == null ? void 0 : e.subtype) === "duration" ? t.duration[l] : t.numeric[l] : (e == null ? void 0 : e.type) === "datetime" ? (e == null ? void 0 : e.subtype) === "time" ? t.time[l] : (e == null ? void 0 : e.subtype) === "date" ? t.date[l] : t.datetime[l] : (e == null ? void 0 : e.type) === "hierarchy" && (e == null ? void 0 : e.subtype) === "ipaddress" ? t.ipaddress[l] : t.hierarchy[l], Ie = (l) => {
108
- var b, c, v, z, k, w, S, C, D, E, $, P, I, O, R, _, j;
107
+ }, Q = (l, e) => (e == null ? void 0 : e.type) === "array" ? t.array[l] : (e == null ? void 0 : e.type) === "image" ? t.image[l] : (e == null ? void 0 : e.type) === "spatial" ? (e == null ? void 0 : e.subtype) === "topography" ? t.topography[l] : t.coordinates[l] : (e == null ? void 0 : e.type) === "numeric" ? (e == null ? void 0 : e.subtype) === "currency" ? t.currency[l] : (e == null ? void 0 : e.subtype) === "duration" ? t.duration[l] : t.numeric[l] : (e == null ? void 0 : e.type) === "datetime" ? (e == null ? void 0 : e.subtype) === "time" ? t.time[l] : (e == null ? void 0 : e.subtype) === "date" ? t.date[l] : t.datetime[l] : (e == null ? void 0 : e.type) === "hierarchy" && (e == null ? void 0 : e.subtype) === "ipaddress" ? t.ipaddress[l] : t.hierarchy[l], Oe = (l) => {
108
+ var b, c, v, z, k, w, S, C, D, E, P, $, O, I, R, _, j;
109
109
  const e = l.source.element;
110
110
  let a = "";
111
111
  (z = (v = (c = (b = l.source) == null ? void 0 : b.element) == null ? void 0 : c.renderRoot) == null ? void 0 : v.querySelector(".data-label")) != null && z.textContent && (a = (S = (w = (k = l.source) == null ? void 0 : k.element) == null ? void 0 : w.renderRoot) == null ? void 0 : S.querySelector(
112
112
  ".data-label"
113
- ).textContent), a || (a = $e(
113
+ ).textContent), a || (a = Pe(
114
114
  (D = (C = l == null ? void 0 : l.source) == null ? void 0 : C.data) == null ? void 0 : D.label,
115
- ($ = (E = l == null ? void 0 : l.source) == null ? void 0 : E.element) == null ? void 0 : $.language
115
+ (P = (E = l == null ? void 0 : l.source) == null ? void 0 : E.element) == null ? void 0 : P.language
116
116
  ), a = a || "Untitled");
117
- const m = (I = (P = l == null ? void 0 : l.source) == null ? void 0 : P.data) == null ? void 0 : I.type, r = (R = (O = l == null ? void 0 : l.source) == null ? void 0 : O.data) == null ? void 0 : R.subtype, d = Q(e.size, { type: m, subtype: r }), o = {};
117
+ const m = (O = ($ = l == null ? void 0 : l.source) == null ? void 0 : $.data) == null ? void 0 : O.type, r = (R = (I = l == null ? void 0 : l.source) == null ? void 0 : I.data) == null ? void 0 : R.subtype, d = Q(e.size, { type: m, subtype: r }), o = {};
118
118
  [
119
119
  [
120
120
  "borderColor",
@@ -184,10 +184,10 @@ const Pe = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family,
184
184
  gap: o.gap
185
185
  }), s;
186
186
  };
187
- var Oe = Object.defineProperty, n = (l, e, a, m) => {
187
+ var Ie = Object.defineProperty, n = (l, e, a, m) => {
188
188
  for (var r = void 0, d = l.length - 1, o; d >= 0; d--)
189
189
  (o = l[d]) && (r = o(e, a, r) || r);
190
- return r && Oe(e, a, r), r;
190
+ return r && Ie(e, a, r), r;
191
191
  };
192
192
  const x = class x extends Ee(Ce, {
193
193
  validSizes: ["s", "m", "l", "xl"],
@@ -228,7 +228,7 @@ const x = class x extends Ee(Ce, {
228
228
  const m = a.nativeSetDragImage;
229
229
  J({
230
230
  render({ container: r }) {
231
- const d = Ie(a);
231
+ const d = Oe(a);
232
232
  r.append(d);
233
233
  },
234
234
  nativeSetDragImage: m
@@ -258,7 +258,7 @@ const x = class x extends Ee(Ce, {
258
258
  `;
259
259
  }
260
260
  };
261
- x.styles = De(Pe);
261
+ x.styles = De($e);
262
262
  let i = x;
263
263
  n([
264
264
  g({ type: String, reflect: !0 })
package/components/droppable-slot/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 f=require("../get-css-variable-DLiZYZEi.cjs"),y=require("../task-HFsHfTra.cjs"),m=require("../luzmo-icons-BrtBl3E5.cjs");require("../index-CayjvyyX.cjs");const r=require("../property-Su1Q6aME.cjs"),C=require("../sized-mixin-PyCYpyQq-sKzDjc75.cjs"),S=require("../localize-DbobqcKs.cjs"),k=require("../query-D5qWDopr.cjs");require("../slot-menu/index.cjs");const _=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family))}.droppable-slot[filled]{cursor:pointer;border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color))}.droppable-slot{color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));flex-grow:1;margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-droppable-slot-overlay-vertical-gap, var(--droppable-slot-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled )}:host([accept-drag]){--droppable-slot-filled-background-color: var(--luzmo-color-positive);--droppable-slot-filled-color: white;--droppable-slot-filled-border-color: var(--luzmo-color-positive-down);--droppable-slot-controls-background-color: var(--luzmo-color-positive-down);--droppable-slot-controls-color: white;--droppable-slot-background-color: var(--luzmo-color-positive);--droppable-slot-font-color: white}:host{--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var(--luzmo-component-height-s);--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var(--luzmo-component-height-l);--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var(--luzmo-component-height-xl);--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}";var w=Object.defineProperty,i=(v,t,o,l)=>{for(var e=void 0,s=v.length-1,n;s>=0;s--)(n=v[s])&&(e=n(t,o,e)||e);return e&&w(t,o,e),e};const h=class h extends C.m(r.I,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new y.h(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const o=Object.assign({"./item-slots-configs/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-BLxiYX05.cjs")),"./item-slots-configs/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-Jx1PveTM.cjs")),"./item-slots-configs/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DIp-24lO.cjs"))});if(o[`./item-slots-configs/${t}-slots.config.ts`]){const l=await o[`./item-slots-configs/${t}-slots.config.ts`]();this._slotsConfig=(l==null?void 0:l.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.menu="default",this.placement="bottom-end",this.changedSlotContents=t=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t}}))},this._currentSlotContents=[]}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable()}emptySlotContents(t){t.preventDefault(),t.stopPropagation(),this.slotContents=[],this.changedSlotContents([])}willUpdate(t){t.has("slotContents")&&(this._currentSlotContents=structuredClone(this.slotContents))}firstUpdated(t){this._cleanupDroppable||(this._cleanupDroppable=f.dropTargetForElements({element:this,onDrop:o=>{var n,p,d,c;const l={...(n=o.source)==null?void 0:n.data},e={...(l==null?void 0:l.label)??{en:"Untitled"}},s=l==null?void 0:l.type;if(s==="datetime"&&!l.level&&(l.level=l.lowestLevel??(l.subtype==="date"?5:9)),s==="datetime"&&((d=(p=o==null?void 0:o.source)==null?void 0:p.element)!=null&&d.hasAttribute("sublevel"))){const u=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],b=(l==null?void 0:l.level)??1,g=Object.keys(e);for(const z of g)e[z]=`${e[z]} ${u[b-1]}`;l.label=e}this.slotContents=(c=this.slotConfiguration)!=null&&c.canAcceptMultipleColumns?[...this.slotContents??[],l]:[l],this.removeAttribute("accept-drag"),this.changedSlotContents(this.slotContents)},canDrop:({source:o})=>{var e,s,n,p,d,c,u,b,g;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((e=o.element)==null?void 0:e.tagName))return!1;const l=((n=(s=this.slotConfiguration)==null?void 0:s.acceptableColumnTypes)==null?void 0:n.length)>0?this.slotConfiguration.acceptableColumnTypes:["numeric","hierarchy","datetime"];return(p=o==null?void 0:o.data)!=null&&p.type&&!l.includes((d=o==null?void 0:o.data)==null?void 0:d.type)?!1:!((c=o==null?void 0:o.data)!=null&&c.subtype&&((b=(u=this.slotConfiguration)==null?void 0:u.acceptableColumnSubtypes)==null?void 0:b.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((g=o==null?void 0:o.data)==null?void 0:g.subtype))},getDropEffect:()=>"link",onDragEnter:()=>{this.setAttribute("accept-drag","")},onDragLeave:()=>{this.removeAttribute("accept-drag")}}))}updated(){this.createFullLabel()}_onSlotMenuChanges(t){var o;t.preventDefault(),t.stopPropagation(),this.slotContents.length===((o=t.detail.slotContents)==null?void 0:o.length)?(this._currentSlotContents=t.detail.slotContents,this.createFullLabel(),this.changedSlotContents(this._currentSlotContents)):(this.slotContents=t.detail.slotContents,this.changedSlotContents(this.slotContents))}createFullLabel(){var l,e,s,n,p,d,c;let t="";((l=this._currentSlotContents)==null?void 0:l.length)===1?t=S.localize((s=(e=this._currentSlotContents)==null?void 0:e[0])==null?void 0:s.label,this.language)??"Untitled":((n=this._currentSlotContents)==null?void 0:n.length)>1&&(t=`${this._currentSlotContents.length} items`);let o="";this.label?o=this.label:(p=this.slotConfiguration)!=null&&p.label&&(o=this.slotConfiguration.label),o=o||"Untitled",((d=this._currentSlotContents)==null?void 0:d.length)>0&&(o+=((c=this._currentSlotContents)==null?void 0:c.length)>1?`: ${this._currentSlotContents.length} items`:`: ${t}`),this._droppableSlotLabelElement&&(this._droppableSlotLabelElement.textContent=o)}droppableSlotMarkup(){var t,o,l,e;return r.x`
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../get-css-variable-DLiZYZEi.cjs"),y=require("../task-B8yMzxui.cjs"),m=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-ByjLd3bT.cjs");const r=require("../property-0L4eB11h.cjs"),C=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),S=require("../localize-DbobqcKs.cjs"),k=require("../query-D5qWDopr.cjs");require("../slot-menu/index.cjs");const _=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family))}.droppable-slot[filled]{cursor:pointer;border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color))}.droppable-slot{color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));flex-grow:1;margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-droppable-slot-overlay-vertical-gap, var(--droppable-slot-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled )}:host([accept-drag]){--droppable-slot-filled-background-color: var(--luzmo-color-positive);--droppable-slot-filled-color: white;--droppable-slot-filled-border-color: var(--luzmo-color-positive-down);--droppable-slot-controls-background-color: var(--luzmo-color-positive-down);--droppable-slot-controls-color: white;--droppable-slot-background-color: var(--luzmo-color-positive);--droppable-slot-font-color: white}:host{--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var(--luzmo-component-height-s);--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var(--luzmo-component-height-l);--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var(--luzmo-component-height-xl);--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}";var x=Object.defineProperty,i=(v,t,o,l)=>{for(var e=void 0,s=v.length-1,n;s>=0;s--)(n=v[s])&&(e=n(t,o,e)||e);return e&&x(t,o,e),e};const h=class h extends C.m(r.kt,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new y.h(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const o=Object.assign({"./item-slots-configs/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-BLxiYX05.cjs")),"./item-slots-configs/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-Jx1PveTM.cjs")),"./item-slots-configs/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DIp-24lO.cjs"))});if(o[`./item-slots-configs/${t}-slots.config.ts`]){const l=await o[`./item-slots-configs/${t}-slots.config.ts`]();this._slotsConfig=(l==null?void 0:l.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.menu="default",this.placement="bottom-end",this.changedSlotContents=t=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t}}))},this._currentSlotContents=[]}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable()}emptySlotContents(t){t.preventDefault(),t.stopPropagation(),this.slotContents=[],this.changedSlotContents([])}willUpdate(t){t.has("slotContents")&&(this._currentSlotContents=structuredClone(this.slotContents))}firstUpdated(t){this._cleanupDroppable||(this._cleanupDroppable=f.dropTargetForElements({element:this,onDrop:o=>{var n,p,d,c;const l={...(n=o.source)==null?void 0:n.data},e={...(l==null?void 0:l.label)??{en:"Untitled"}},s=l==null?void 0:l.type;if(s==="datetime"&&!l.level&&(l.level=l.lowestLevel??(l.subtype==="date"?5:9)),s==="datetime"&&((d=(p=o==null?void 0:o.source)==null?void 0:p.element)!=null&&d.hasAttribute("sublevel"))){const u=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],b=(l==null?void 0:l.level)??1,g=Object.keys(e);for(const z of g)e[z]=`${e[z]} ${u[b-1]}`;l.label=e}this.slotContents=(c=this.slotConfiguration)!=null&&c.canAcceptMultipleColumns?[...this.slotContents??[],l]:[l],this.removeAttribute("accept-drag"),this.changedSlotContents(this.slotContents)},canDrop:({source:o})=>{var e,s,n,p,d,c,u,b,g;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((e=o.element)==null?void 0:e.tagName))return!1;const l=((n=(s=this.slotConfiguration)==null?void 0:s.acceptableColumnTypes)==null?void 0:n.length)>0?this.slotConfiguration.acceptableColumnTypes:["numeric","hierarchy","datetime"];return(p=o==null?void 0:o.data)!=null&&p.type&&!l.includes((d=o==null?void 0:o.data)==null?void 0:d.type)?!1:!((c=o==null?void 0:o.data)!=null&&c.subtype&&((b=(u=this.slotConfiguration)==null?void 0:u.acceptableColumnSubtypes)==null?void 0:b.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((g=o==null?void 0:o.data)==null?void 0:g.subtype))},getDropEffect:()=>"link",onDragEnter:()=>{this.setAttribute("accept-drag","")},onDragLeave:()=>{this.removeAttribute("accept-drag")}}))}updated(){this.createFullLabel()}_onSlotMenuChanges(t){var o;t.preventDefault(),t.stopPropagation(),this.slotContents.length===((o=t.detail.slotContents)==null?void 0:o.length)?(this._currentSlotContents=t.detail.slotContents,this.createFullLabel(),this.changedSlotContents(this._currentSlotContents)):(this.slotContents=t.detail.slotContents,this.changedSlotContents(this.slotContents))}createFullLabel(){var l,e,s,n,p,d,c;let t="";((l=this._currentSlotContents)==null?void 0:l.length)===1?t=S.localize((s=(e=this._currentSlotContents)==null?void 0:e[0])==null?void 0:s.label,this.language)??"Untitled":((n=this._currentSlotContents)==null?void 0:n.length)>1&&(t=`${this._currentSlotContents.length} items`);let o="";this.label?o=this.label:(p=this.slotConfiguration)!=null&&p.label&&(o=this.slotConfiguration.label),o=o||"Untitled",((d=this._currentSlotContents)==null?void 0:d.length)>0&&(o+=((c=this._currentSlotContents)==null?void 0:c.length)>1?`: ${this._currentSlotContents.length} items`:`: ${t}`),this._droppableSlotLabelElement&&(this._droppableSlotLabelElement.textContent=o)}droppableSlotMarkup(){var t,o,l,e;return r.x`
21
21
  <div
22
22
  class="droppable-slot"
23
23
  ?filled=${((t=this.slotContents)==null?void 0:t.length)>0}
@@ -66,4 +66,4 @@
66
66
  Could not load droppable slot: '${this.slotName}' of chart
67
67
  '${this.itemType}': ${t}.
68
68
  </div>
69
- `})}};h.styles=r.r(_);let a=h;i([r.n({type:String,reflect:!0,attribute:"item-type"})],a.prototype,"itemType");i([r.n({type:String,reflect:!0,attribute:"slot-name"})],a.prototype,"slotName");i([r.n({type:Object})],a.prototype,"slotConfiguration");i([r.n({type:Object})],a.prototype,"slotContents");i([r.n({type:String,reflect:!0})],a.prototype,"label");i([r.n({type:String,reflect:!0})],a.prototype,"language");i([r.n({type:String,reflect:!0})],a.prototype,"menu");i([r.n({type:String,reflect:!0})],a.prototype,"placement");i([r.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],a.prototype,"hideDelete");i([r.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],a.prototype,"hideConfiguration");i([k.e(".droppable-slot-label")],a.prototype,"_droppableSlotLabelElement");customElements.get("luzmo-droppable-slot")||customElements.define("luzmo-droppable-slot",a);exports.LuzmoDroppableSlot=a;
69
+ `})}};h.styles=r.r$1(_);let a=h;i([r.n({type:String,reflect:!0,attribute:"item-type"})],a.prototype,"itemType");i([r.n({type:String,reflect:!0,attribute:"slot-name"})],a.prototype,"slotName");i([r.n({type:Object})],a.prototype,"slotConfiguration");i([r.n({type:Object})],a.prototype,"slotContents");i([r.n({type:String,reflect:!0})],a.prototype,"label");i([r.n({type:String,reflect:!0})],a.prototype,"language");i([r.n({type:String,reflect:!0})],a.prototype,"menu");i([r.n({type:String,reflect:!0})],a.prototype,"placement");i([r.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],a.prototype,"hideDelete");i([r.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],a.prototype,"hideConfiguration");i([k.e(".droppable-slot-label")],a.prototype,"_droppableSlotLabelElement");customElements.get("luzmo-droppable-slot")||customElements.define("luzmo-droppable-slot",a);exports.LuzmoDroppableSlot=a;
package/components/droppable-slot/index.js CHANGED
@@ -18,11 +18,11 @@
18
18
  * SOFTWARE.
19
19
  * */
20
20
  import { d as C } from "../get-css-variable-Bhbr-Kr1.js";
21
- import { h as x } from "../task-BPD0PyaQ.js";
22
- import { O as v, M as S, v as w } from "../luzmo-icons-CZEpXpvy.js";
23
- import "../index-DskAouD-.js";
24
- import { I as k, r as _, x as u, n as i } from "../property-CD3dwBJC.js";
25
- import { m as $ } from "../sized-mixin-PyCYpyQq-B40Ek2UB.js";
21
+ import { h as x } from "../task-Cr9aRIbV.js";
22
+ import { O as v, M as k, v as S } from "../luzmo-icons-BE2T8vWu.js";
23
+ import "../index-C8IL2IZ6.js";
24
+ import { k as w, a as _, x as u, n as i } from "../property-B2F7x7Cz.js";
25
+ import { m as $ } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
26
26
  import { l as D } from "../localize-B6AsX_Zv.js";
27
27
  import { e as E } from "../query-Ddbd72Um.js";
28
28
  import "../slot-menu/index.js";
@@ -39,7 +39,7 @@ var A = Object.defineProperty, n = (m, l, o, t) => {
39
39
  (s = m[a]) && (e = s(l, o, e) || e);
40
40
  return e && A(l, o, e), e;
41
41
  };
42
- const h = class h extends $(k, {
42
+ const h = class h extends $(w, {
43
43
  validSizes: ["s", "m", "l", "xl"],
44
44
  noDefaultSize: !0
45
45
  }) {
@@ -156,7 +156,7 @@ const h = class h extends $(k, {
156
156
  <div class="droppable-slot-label"></div>
157
157
  ${((o = this.slotContents) == null ? void 0 : o.length) > 0 && !(this.hideConfiguration && this.hideDelete) ? u`<div class="controls">
158
158
  ${this.hideConfiguration ? "" : u`<div>
159
- ${v(S)}
159
+ ${v(k)}
160
160
  <luzmo-tooltip
161
161
  self-managed
162
162
  placement="top"
@@ -166,7 +166,7 @@ const h = class h extends $(k, {
166
166
  </luzmo-tooltip>
167
167
  </div> `}
168
168
  ${this.hideDelete ? "" : u`<div @click=${this.emptySlotContents}>
169
- ${v(w)}
169
+ ${v(S)}
170
170
  <luzmo-tooltip
171
171
  self-managed
172
172
  placement="top"
package/components/edit-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 v=require("../task-HFsHfTra.cjs"),i=require("../property-Su1Q6aME.cjs"),f=require("../query-assigned-nodes-C76XVPWY-BcyGjObB.cjs"),b=require("../focus-group-DHeTq18L-C9l9oHwM.cjs"),p=require("../sized-mixin-PyCYpyQq-sKzDjc75.cjs"),g=require("../luzmo-icons-BrtBl3E5.cjs"),x=require("../when-CDK1Tt5Y-BN3qcTK0.cjs");require("../index-ON4x-yZ7.cjs");require("../edit-option/index.cjs");/*! * Lucero - The design system for Luzmo.
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../task-B8yMzxui.cjs"),i=require("../property-0L4eB11h.cjs"),f=require("../query-assigned-nodes-C76XVPWY-BcyGjObB.cjs"),b=require("../focus-group-DHeTq18L-C9l9oHwM.cjs"),p=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),g=require("../luzmo-icons-XsFsTAl3.cjs"),x=require("../when-CDK1Tt5Y-BN3qcTK0.cjs");require("../index-DEVOZNSc.cjs");require("../edit-option/index.cjs");/*! * Lucero - The design system for Luzmo.
21
21
  *
22
22
  * Copyright © 2025 Luzmo
23
23
  * All rights reserved.
@@ -33,16 +33,16 @@
33
33
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
34
34
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
35
35
  * SOFTWARE.
36
- * */const y=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const c=document.createElement("style");c.setAttribute("data-luzmo-vars",""),c.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(c)}};y();const k=":host{--accordion-item-header-line-height: 1.25;--accordion-item-header-bottom-margin: 0px;--accordion-item-header-text-case: initial;--accordion-item-min-block-size: max( var(--luzmo-accordion-item-height, var(--accordion-item-height)), calc( var( --luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding) ) * 2 + var( --luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size) ) * var( --luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height) ) ) );margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height: var( --luzmo-accordion-item-header-line-height-cjk );--luzmo-accordion-item-content-line-height: var( --luzmo-accordion-item-content-line-height-cjk )}:host:dir(rtl),:host([dir=rtl]){--luzmo-logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host{--accordion-item-height: 40px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xxl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height: 24px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height: 32px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height: 40px;--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([density=compact][size=xl]){--accordion-item-height: 48px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case: uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color: var( --luzmo-background-color-highlight );--accordion-item-disabled-background-color: var( --luzmo-background-color-highlight-disabled );--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color: var(--luzmo-background-color);--accordion-item-disabled-background-color: transparent;--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius);--accordion-item-header-font-weight: normal;--accordion-item-content-border-left-width: var(--luzmo-border-width);--accordion-item-content-border-left-color: var(--luzmo-border-color);--accordion-item-content-border-left-style: solid;--accordion-edge-to-disclosure-indicator-space: 0px}:host([variant=highlight-child][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-content-margin-left: var(--luzmo-spacing-2);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3);--accordion-item-content-margin-left: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-content-padding-left: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-5);--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text: 0px}";var w=Object.defineProperty,m=(c,e,r,t)=>{for(var o=void 0,a=c.length-1,d;a>=0;a--)(d=c[a])&&(o=d(e,r,o)||o);return o&&w(e,r,o),o};class s extends p.m(i.I,{noDefaultSize:!0}){constructor(){super(...arguments),this.allowMultiple=!1,this.noContentPadding=!1,this.variant="default",this.focusGroupController=new b.m(this,{direction:"vertical",elements:()=>this.items,isFocusableElement:e=>!e.disabled})}static get styles(){return[i.r(k)]}get items(){return[...this.defaultNodes||[]].filter(e=>e.tagName!==void 0)}focus(){this.focusGroupController.focus()}onToggle(e){const r=e.target,t=[...this.items];if(t.includes(r)){if(this.allowMultiple||e.defaultPrevented||t&&t.length===0)return;t.forEach(o=>{o!==r&&(o.open=!1)})}}handleSlotchange(){this.focusGroupController.clearElementCache(),this.items.forEach(e=>{e.size=this.size})}updated(e){super.updated(e),e.has("size")&&(e.get("size")||this.size!=="m")&&this.items.forEach(r=>{r.size=this.size})}render(){return i.x`
36
+ * */const y=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const c=document.createElement("style");c.setAttribute("data-luzmo-vars",""),c.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(c)}};y();const k=":host{--accordion-item-header-line-height: 1.25;--accordion-item-header-bottom-margin: 0px;--accordion-item-header-text-case: initial;--accordion-item-min-block-size: max( var(--luzmo-accordion-item-height, var(--accordion-item-height)), calc( var( --luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding) ) * 2 + var( --luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size) ) * var( --luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height) ) ) );margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height: var( --luzmo-accordion-item-header-line-height-cjk );--luzmo-accordion-item-content-line-height: var( --luzmo-accordion-item-content-line-height-cjk )}:host:dir(rtl),:host([dir=rtl]){--luzmo-logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host{--accordion-item-height: 40px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xxl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height: 24px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height: 32px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height: 40px;--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([density=compact][size=xl]){--accordion-item-height: 48px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case: uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color: var( --luzmo-background-color-highlight );--accordion-item-disabled-background-color: var( --luzmo-background-color-highlight-disabled );--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color: var(--luzmo-background-color);--accordion-item-disabled-background-color: transparent;--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius);--accordion-item-header-font-weight: normal;--accordion-item-content-border-left-width: var(--luzmo-border-width);--accordion-item-content-border-left-color: var(--luzmo-border-color);--accordion-item-content-border-left-style: solid;--accordion-edge-to-disclosure-indicator-space: 0px}:host([variant=highlight-child][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-content-margin-left: var(--luzmo-spacing-2);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3);--accordion-item-content-margin-left: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-content-padding-left: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-5);--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text: 0px}";var w=Object.defineProperty,m=(c,e,r,t)=>{for(var o=void 0,a=c.length-1,d;a>=0;a--)(d=c[a])&&(o=d(e,r,o)||o);return o&&w(e,r,o),o};class s extends p.m(i.kt,{noDefaultSize:!0}){constructor(){super(...arguments),this.allowMultiple=!1,this.noContentPadding=!1,this.variant="default",this.focusGroupController=new b.m(this,{direction:"vertical",elements:()=>this.items,isFocusableElement:e=>!e.disabled})}static get styles(){return[i.ht(k)]}get items(){return[...this.defaultNodes||[]].filter(e=>e.tagName!==void 0)}focus(){this.focusGroupController.focus()}onToggle(e){const r=e.target,t=[...this.items];if(t.includes(r)){if(this.allowMultiple||e.defaultPrevented||t&&t.length===0)return;t.forEach(o=>{o!==r&&(o.open=!1)})}}handleSlotchange(){this.focusGroupController.clearElementCache(),this.items.forEach(e=>{e.size=this.size})}updated(e){super.updated(e),e.has("size")&&(e.get("size")||this.size!=="m")&&this.items.forEach(r=>{r.size=this.size})}render(){return i.Ht`
37
37
  <slot
38
38
  @slotchange=${this.handleSlotchange}
39
39
  @luzmo-accordion-item-toggle=${this.onToggle}
40
40
  ></slot>
41
- `}}m([i.H({type:Boolean,reflect:!0,attribute:"allow-multiple"})],s.prototype,"allowMultiple");m([i.H({type:String,reflect:!0})],s.prototype,"density");m([i.H({type:String,reflect:!0,attribute:"header-case"})],s.prototype,"headerCase");m([i.H({type:Boolean,reflect:!0,attribute:"no-content-padding"})],s.prototype,"noContentPadding");m([i.H({type:String,reflect:!0})],s.prototype,"variant");m([f.m()],s.prototype,"defaultNodes");const $=':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-block-end:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)));margin:0;position:relative}:host(:first-child){border-block-start:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height, var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));margin:0;margin-block:0;position:relative;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin, var(--accordion-item-header-bottom-margin, 0px))}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color-hard));justify-content:center;align-items:center;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 0px));display:flex;position:absolute;height:100%}.icon-container:dir(rtl),:host([dir=rtl]) .icon-container{transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content, 8px) var(--luzmo-accordion-item-content-area-bottom-to-content, 16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left, var(--accordion-item-content-padding-left, 0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom, var(--accordion-item-content-margin-bottom, 0px));margin-left:var(--luzmo-accordion-item-content-margin-left, var(--accordion-item-content-margin-left, 0px));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width, var(--accordion-item-content-border-left-width, 0)) var(--luzmo-accordion-item-content-border-left-style, var(--accordion-item-content-border-left-style, solid)) var(--luzmo-accordion-item-content-border-left-color, var(--accordion-item-content-border-left-color, var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color, var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight, var(--accordion-item-content-font-weight, var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style, var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size, var(--accordion-item-content-font-size, var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family, var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height, 1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height, 1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case, var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));font-weight:var(--luzmo-accordion-item-header-font-weight, var(--accordion-item-header-font-weight, 600));font-style:var(--luzmo-accordion-item-header-font-style, var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family, var(--luzmo-font-family));-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color, var(--accordion-item-header-background-color, var(--luzmo-background-color)));border:0;padding-top:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space, var(--accordion-disclosure-indicator-to-text-space, 0px)) + var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height, 32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, 0px));position:relative;border-radius:var(--luzmo-accordion-item-accordion-header-border-radius, var(--accordion-item-accordion-header-border-radius))}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-corner-radius, var(--accordion-item-accordion-header-border-radius, var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width, var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color, var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus, var(--luzmo-font-color-hard));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap, 2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down, var(--accordion-item-header-background-color, var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down, var(--luzmo-font-color-hard))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled));background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}@media (hover: hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover, var(--luzmo-font-color-hard))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color, var(--luzmo-color-disabled))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors: active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}';var C=Object.defineProperty,h=(c,e,r,t)=>{for(var o=void 0,a=c.length-1,d;a>=0;a--)(d=c[a])&&(o=d(e,r,o)||o);return o&&C(e,r,o),o};const q=()=>i.x`
41
+ `}}m([i.Rt({type:Boolean,reflect:!0,attribute:"allow-multiple"})],s.prototype,"allowMultiple");m([i.Rt({type:String,reflect:!0})],s.prototype,"density");m([i.Rt({type:String,reflect:!0,attribute:"header-case"})],s.prototype,"headerCase");m([i.Rt({type:Boolean,reflect:!0,attribute:"no-content-padding"})],s.prototype,"noContentPadding");m([i.Rt({type:String,reflect:!0})],s.prototype,"variant");m([f.m()],s.prototype,"defaultNodes");const $=':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-block-end:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)));margin:0;position:relative}:host(:first-child){border-block-start:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height, var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));margin:0;margin-block:0;position:relative;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin, var(--accordion-item-header-bottom-margin, 0px))}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color-hard));justify-content:center;align-items:center;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 0px));display:flex;position:absolute;height:100%}.icon-container:dir(rtl),:host([dir=rtl]) .icon-container{transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content, 8px) var(--luzmo-accordion-item-content-area-bottom-to-content, 16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left, var(--accordion-item-content-padding-left, 0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom, var(--accordion-item-content-margin-bottom, 0px));margin-left:var(--luzmo-accordion-item-content-margin-left, var(--accordion-item-content-margin-left, 0px));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width, var(--accordion-item-content-border-left-width, 0)) var(--luzmo-accordion-item-content-border-left-style, var(--accordion-item-content-border-left-style, solid)) var(--luzmo-accordion-item-content-border-left-color, var(--accordion-item-content-border-left-color, var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color, var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight, var(--accordion-item-content-font-weight, var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style, var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size, var(--accordion-item-content-font-size, var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family, var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height, 1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height, 1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case, var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));font-weight:var(--luzmo-accordion-item-header-font-weight, var(--accordion-item-header-font-weight, 600));font-style:var(--luzmo-accordion-item-header-font-style, var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family, var(--luzmo-font-family));-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color, var(--accordion-item-header-background-color, var(--luzmo-background-color)));border:0;padding-top:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space, var(--accordion-disclosure-indicator-to-text-space, 0px)) + var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height, 32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, 0px));position:relative;border-radius:var(--luzmo-accordion-item-accordion-header-border-radius, var(--accordion-item-accordion-header-border-radius))}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-corner-radius, var(--accordion-item-accordion-header-border-radius, var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width, var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color, var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus, var(--luzmo-font-color-hard));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap, 2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down, var(--accordion-item-header-background-color, var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down, var(--luzmo-font-color-hard))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled));background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}@media (hover: hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover, var(--luzmo-font-color-hard))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color, var(--luzmo-color-disabled))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors: active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}';var C=Object.defineProperty,h=(c,e,r,t)=>{for(var o=void 0,a=c.length-1,d;a>=0;a--)(d=c[a])&&(o=d(e,r,o)||o);return o&&C(e,r,o),o};const q=()=>i.Ht`
42
42
  <div class="icon-container">
43
43
  ${g.O2(g.k,{className:"indicator"})}
44
44
  </div>
45
- `;class u extends p.m(i.r$1,{noDefaultSize:!0}){constructor(){super(...arguments),this.open=!1,this.label="",this.disabled=!1,this.renderAngleIcon=()=>q()}static get styles(){return[i.r($)]}get focusElement(){return this.renderRoot.querySelector("#header")}onClick(){this.disabled||this.toggle()}toggle(){this.open=!this.open,this.dispatchEvent(new CustomEvent("luzmo-accordion-item-toggle",{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!this.open)}render(){return i.x`
45
+ `;class u extends p.m(i.r,{noDefaultSize:!0}){constructor(){super(...arguments),this.open=!1,this.label="",this.disabled=!1,this.renderAngleIcon=()=>q()}static get styles(){return[i.ht($)]}get focusElement(){return this.renderRoot.querySelector("#header")}onClick(){this.disabled||this.toggle()}toggle(){this.open=!this.open,this.dispatchEvent(new CustomEvent("luzmo-accordion-item-toggle",{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!this.open)}render(){return i.Ht`
46
46
  <h3 id="heading">
47
47
  ${x.o(this.size,this.renderAngleIcon)}
48
48
  <button
@@ -58,7 +58,7 @@
58
58
  <div id="content" role="region" aria-labelledby="header">
59
59
  <slot></slot>
60
60
  </div>
61
- `}updated(e){super.updated(e),e.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}h([i.H({type:Boolean,reflect:!0})],u.prototype,"open");h([i.H({type:String,reflect:!0})],u.prototype,"label");h([i.H({type:Boolean,reflect:!0})],u.prototype,"disabled");customElements.get("luzmo-accordion-item")||customElements.define("luzmo-accordion-item",u);customElements.get("luzmo-accordion")||customElements.define("luzmo-accordion",s);const P=":host{font-size:var(--luzmo-edit-item-font-size, var(--luzmo-font-size))}:host luzmo-divider{display:block;margin:var(--luzmo-edit-item-divider-vertical-margin, calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))) 0}:host luzmo-edit-option{display:block;margin:var(--luzmo-edit-option-divider-vertical-margin, var(--luzmo-spacing-4)) 0}:host([size=s]){font-size:var(--luzmo-edit-item-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-item-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-item-font-size-xl, var(--luzmo-font-size-xl))}";var S=Object.defineProperty,l=(c,e,r,t)=>{for(var o=void 0,a=c.length-1,d;a>=0;a--)(d=c[a])&&(o=d(e,r,o)||o);return o&&S(e,r,o),o};const z=class z extends i.I{constructor(){super(...arguments),this._loadItemConfig=new v.h(this,{task:async([e,r])=>{let t=!1;if(e&&e!==this._itemTypeLoaded){const o=Object.assign({"../edit-option/item-configs/bar-chart.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart.config-B57geUzJ.cjs")),"../edit-option/item-configs/column-chart.config.ts":()=>Promise.resolve().then(()=>require("../column-chart.config-B57geUzJ.cjs")),"../edit-option/item-configs/donut-chart.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart.config-DLWJUlHx.cjs")),"../edit-option/item-configs/imageobject.config.ts":()=>Promise.resolve().then(()=>require("../imageobject.config-B7ld9bj3.cjs")),"../edit-option/item-configs/line-chart.config.ts":()=>Promise.resolve().then(()=>require("../line-chart.config-BZcvfO2c.cjs")),"../edit-option/item-configs/textobject.config.ts":()=>Promise.resolve().then(()=>require("../textobject.config-DbAajFz8.cjs"))});if(o[`../edit-option/item-configs/${e}.config.ts`]){const a=await o[`../edit-option/item-configs/${e}.config.ts`]();this.optionsConfiguration=(a==null?void 0:a.default)??{}}t=!0}if(r&&(r!==this._languageLoaded||t)){const o=Object.assign({"../edit-option/item-translations/bar-chart.en.ts":()=>Promise.resolve().then(()=>require("../bar-chart.en-BqYbiHO3.cjs")),"../edit-option/item-translations/bar-chart.fr.ts":()=>Promise.resolve().then(()=>require("../bar-chart.fr-DGx9smEh.cjs")),"../edit-option/item-translations/bar-chart.nl.ts":()=>Promise.resolve().then(()=>require("../bar-chart.nl-BYzVExsz.cjs")),"../edit-option/item-translations/donut-chart.en.ts":()=>Promise.resolve().then(()=>require("../donut-chart.en-Blb9oSdU.cjs")),"../edit-option/item-translations/donut-chart.fr.ts":()=>Promise.resolve().then(()=>require("../donut-chart.fr-BeTVa2wh.cjs")),"../edit-option/item-translations/donut-chart.nl.ts":()=>Promise.resolve().then(()=>require("../donut-chart.nl-D9YGbOce.cjs"))});if(o[`../edit-option/item-translations/${e}.${r}.ts`]){const a=await o[`../edit-option/item-translations/${e}.${r}.ts`]();this.translations=(a==null?void 0:a.default)??{}}}return{config:this.optionsConfiguration,translations:this.translations}},args:()=>[this.itemType,this.language]}),this.language="en",this.options={},this.slots={},this.theme={},this.size="m",this.renderAllGroups=e=>{const r=e.map(t=>{if(t!=null&&t.children)return this.renderGroup(t)});return i.x`<luzmo-accordion
61
+ `}updated(e){super.updated(e),e.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}h([i.Rt({type:Boolean,reflect:!0})],u.prototype,"open");h([i.Rt({type:String,reflect:!0})],u.prototype,"label");h([i.Rt({type:Boolean,reflect:!0})],u.prototype,"disabled");customElements.get("luzmo-accordion-item")||customElements.define("luzmo-accordion-item",u);customElements.get("luzmo-accordion")||customElements.define("luzmo-accordion",s);const P=":host{font-size:var(--luzmo-edit-item-font-size, var(--luzmo-font-size))}:host luzmo-divider{display:block;margin:var(--luzmo-edit-item-divider-vertical-margin, calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))) 0}:host luzmo-edit-option{display:block;margin:var(--luzmo-edit-option-divider-vertical-margin, var(--luzmo-spacing-4)) 0}:host([size=s]){font-size:var(--luzmo-edit-item-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-item-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-item-font-size-xl, var(--luzmo-font-size-xl))}";var S=Object.defineProperty,l=(c,e,r,t)=>{for(var o=void 0,a=c.length-1,d;a>=0;a--)(d=c[a])&&(o=d(e,r,o)||o);return o&&S(e,r,o),o};const z=class z extends i.kt{constructor(){super(...arguments),this._loadItemConfig=new v.h(this,{task:async([e,r])=>{let t=!1;if(e&&e!==this._itemTypeLoaded){const o=Object.assign({"../edit-option/item-configs/bar-chart.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart.config-B57geUzJ.cjs")),"../edit-option/item-configs/column-chart.config.ts":()=>Promise.resolve().then(()=>require("../column-chart.config-B57geUzJ.cjs")),"../edit-option/item-configs/donut-chart.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart.config-DLWJUlHx.cjs")),"../edit-option/item-configs/imageobject.config.ts":()=>Promise.resolve().then(()=>require("../imageobject.config-B7ld9bj3.cjs")),"../edit-option/item-configs/line-chart.config.ts":()=>Promise.resolve().then(()=>require("../line-chart.config-BZcvfO2c.cjs")),"../edit-option/item-configs/textobject.config.ts":()=>Promise.resolve().then(()=>require("../textobject.config-DbAajFz8.cjs"))});if(o[`../edit-option/item-configs/${e}.config.ts`]){const a=await o[`../edit-option/item-configs/${e}.config.ts`]();this.optionsConfiguration=(a==null?void 0:a.default)??{}}t=!0}if(r&&(r!==this._languageLoaded||t)){const o=Object.assign({"../edit-option/item-translations/bar-chart.en.ts":()=>Promise.resolve().then(()=>require("../bar-chart.en-BqYbiHO3.cjs")),"../edit-option/item-translations/bar-chart.fr.ts":()=>Promise.resolve().then(()=>require("../bar-chart.fr-DGx9smEh.cjs")),"../edit-option/item-translations/bar-chart.nl.ts":()=>Promise.resolve().then(()=>require("../bar-chart.nl-BYzVExsz.cjs")),"../edit-option/item-translations/donut-chart.en.ts":()=>Promise.resolve().then(()=>require("../donut-chart.en-Blb9oSdU.cjs")),"../edit-option/item-translations/donut-chart.fr.ts":()=>Promise.resolve().then(()=>require("../donut-chart.fr-BeTVa2wh.cjs")),"../edit-option/item-translations/donut-chart.nl.ts":()=>Promise.resolve().then(()=>require("../donut-chart.nl-D9YGbOce.cjs"))});if(o[`../edit-option/item-translations/${e}.${r}.ts`]){const a=await o[`../edit-option/item-translations/${e}.${r}.ts`]();this.translations=(a==null?void 0:a.default)??{}}}return{config:this.optionsConfiguration,translations:this.translations}},args:()=>[this.itemType,this.language]}),this.language="en",this.options={},this.slots={},this.theme={},this.size="m",this.renderAllGroups=e=>{const r=e.map(t=>{if(t!=null&&t.children)return this.renderGroup(t)});return i.x`<luzmo-accordion
62
62
  variant="highlight"
63
63
  .size=${this.size}
64
64
  density="compact"
@@ -82,4 +82,4 @@
82
82
  Could not load options configuration controls for chart
83
83
  '${this.itemType}': ${e}.
84
84
  </div>
85
- `})}};z.styles=i.r(P);let n=z;l([i.n({type:String,reflect:!0})],n.prototype,"language");l([i.n({type:String,reflect:!0,attribute:"item-type"})],n.prototype,"itemType");l([i.n({type:Object})],n.prototype,"options");l([i.n({type:Object})],n.prototype,"slots");l([i.n({type:Object})],n.prototype,"theme");l([i.n({type:String,reflect:!0})],n.prototype,"size");l([i.n({type:Object})],n.prototype,"optionsConfiguration");l([i.n({type:Object})],n.prototype,"translations");customElements.get("luzmo-edit-item")||customElements.define("luzmo-edit-item",n);exports.LuzmoEditItem=n;
85
+ `})}};z.styles=i.r$1(P);let n=z;l([i.n({type:String,reflect:!0})],n.prototype,"language");l([i.n({type:String,reflect:!0,attribute:"item-type"})],n.prototype,"itemType");l([i.n({type:Object})],n.prototype,"options");l([i.n({type:Object})],n.prototype,"slots");l([i.n({type:Object})],n.prototype,"theme");l([i.n({type:String,reflect:!0})],n.prototype,"size");l([i.n({type:Object})],n.prototype,"optionsConfiguration");l([i.n({type:Object})],n.prototype,"translations");customElements.get("luzmo-edit-item")||customElements.define("luzmo-edit-item",n);exports.LuzmoEditItem=n;