@luzmo/analytics-components-kit 1.0.1-alpha.147 → 1.0.1-alpha.149

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 (530) hide show
  1. package/angular/README.md +24 -23
  2. package/angular/components/data-field-level.component.ts +31 -0
  3. package/angular/components/{draggable-data-fields-panel.component.ts → data-field-panel.component.ts} +6 -6
  4. package/angular/components/{edit-filters.component.ts → filters.component.ts} +4 -4
  5. package/angular/components/{grid → item-grid}/types.ts +1 -1
  6. package/angular/components/{grid-item-actions-menu.component.ts → item-grid-item-actions-menu.component.ts} +6 -6
  7. package/angular/components/{grid.component.ts → item-grid.component.ts} +10 -10
  8. package/angular/components/{edit-option-action-button-group.component.ts → item-option-action-button-group.component.ts} +4 -4
  9. package/angular/components/{edit-option-color-palette-picker.component.ts → item-option-color-palette-picker.component.ts} +4 -4
  10. package/angular/components/{edit-option-color-picker.component.ts → item-option-color-picker.component.ts} +4 -4
  11. package/angular/components/{edit-option-color-range.component.ts → item-option-color-range.component.ts} +4 -4
  12. package/angular/components/{edit-option-multi-language-field.component.ts → item-option-multi-language-field.component.ts} +4 -4
  13. package/angular/components/{edit-option-number-field.component.ts → item-option-number-field.component.ts} +4 -4
  14. package/angular/components/{edit-item.component.ts → item-option-panel.component.ts} +4 -4
  15. package/angular/components/{edit-option-picker.component.ts → item-option-picker.component.ts} +4 -4
  16. package/angular/components/{edit-option-position-picker.component.ts → item-option-position-picker.component.ts} +4 -4
  17. package/angular/components/{edit-option-positions-number-field.component.ts → item-option-positions-number-field.component.ts} +4 -4
  18. package/angular/components/{edit-option-radio-button-group.component.ts → item-option-radio-button-group.component.ts} +4 -4
  19. package/angular/components/{edit-option-slider.component.ts → item-option-slider.component.ts} +4 -4
  20. package/angular/components/{edit-option-switch.component.ts → item-option-switch.component.ts} +4 -4
  21. package/angular/components/{edit-option-text-field.component.ts → item-option-text-field.component.ts} +4 -4
  22. package/angular/components/{edit-option.component.ts → item-option.component.ts} +4 -4
  23. package/angular/components/{item-data-drop-panel.component.ts → item-slot-drop-panel.component.ts} +4 -4
  24. package/angular/components/{droppable-slot.component.ts → item-slot-drop.component.ts} +6 -4
  25. package/angular/components/{item-data-picker-panel.component.ts → item-slot-picker-panel.component.ts} +4 -4
  26. package/angular/components/{slot-contents-picker.component.ts → item-slot-picker.component.ts} +4 -4
  27. package/angular/components/slot-menu/types.ts +1 -1
  28. package/angular/esm/components/data-field-level.component.d.ts +20 -0
  29. package/angular/esm/components/data-field-level.component.js +64 -0
  30. package/angular/esm/components/data-field-panel.component.d.ts +26 -0
  31. package/angular/esm/components/{draggable-data-fields-panel.component.js → data-field-panel.component.js} +12 -12
  32. package/angular/esm/components/filters.component.d.ts +21 -0
  33. package/angular/esm/components/{edit-filters.component.js → filters.component.js} +8 -8
  34. package/{react/esm/components/grid → angular/esm/components/item-grid}/types.d.ts +1 -1
  35. package/angular/esm/components/item-grid-item-actions-menu.component.d.ts +13 -0
  36. package/angular/esm/components/item-grid-item-actions-menu.component.js +49 -0
  37. package/angular/esm/components/item-grid.component.d.ts +25 -0
  38. package/angular/esm/components/{grid.component.js → item-grid.component.js} +20 -20
  39. package/angular/esm/components/{edit-option-action-button-group.component.d.ts → item-option-action-button-group.component.d.ts} +3 -3
  40. package/angular/esm/components/{edit-option-action-button-group.component.js → item-option-action-button-group.component.js} +8 -8
  41. package/angular/esm/components/{edit-option-color-palette-picker.component.d.ts → item-option-color-palette-picker.component.d.ts} +3 -3
  42. package/angular/esm/components/{edit-option-color-palette-picker.component.js → item-option-color-palette-picker.component.js} +8 -8
  43. package/angular/esm/components/{edit-option-color-picker.component.d.ts → item-option-color-picker.component.d.ts} +3 -3
  44. package/angular/esm/components/{edit-option-color-picker.component.js → item-option-color-picker.component.js} +8 -8
  45. package/angular/esm/components/{edit-option-color-range.component.d.ts → item-option-color-range.component.d.ts} +3 -3
  46. package/angular/esm/components/{edit-option-color-range.component.js → item-option-color-range.component.js} +8 -8
  47. package/angular/esm/components/{edit-option-multi-language-field.component.d.ts → item-option-multi-language-field.component.d.ts} +3 -3
  48. package/angular/esm/components/{edit-option-multi-language-field.component.js → item-option-multi-language-field.component.js} +8 -8
  49. package/angular/esm/components/{edit-option-number-field.component.d.ts → item-option-number-field.component.d.ts} +3 -3
  50. package/angular/esm/components/{edit-option-number-field.component.js → item-option-number-field.component.js} +8 -8
  51. package/angular/esm/components/item-option-panel.component.d.ts +19 -0
  52. package/angular/esm/components/{edit-item.component.js → item-option-panel.component.js} +8 -8
  53. package/angular/esm/components/{edit-option-picker.component.d.ts → item-option-picker.component.d.ts} +3 -3
  54. package/angular/esm/components/{edit-option-picker.component.js → item-option-picker.component.js} +8 -8
  55. package/angular/esm/components/{edit-option-position-picker.component.d.ts → item-option-position-picker.component.d.ts} +3 -3
  56. package/angular/esm/components/{edit-option-position-picker.component.js → item-option-position-picker.component.js} +8 -8
  57. package/angular/esm/components/{edit-option-positions-number-field.component.d.ts → item-option-positions-number-field.component.d.ts} +3 -3
  58. package/angular/esm/components/{edit-option-positions-number-field.component.js → item-option-positions-number-field.component.js} +8 -8
  59. package/angular/esm/components/{edit-option-radio-button-group.component.d.ts → item-option-radio-button-group.component.d.ts} +3 -3
  60. package/angular/esm/components/{edit-option-radio-button-group.component.js → item-option-radio-button-group.component.js} +8 -8
  61. package/angular/esm/components/{edit-option-slider.component.d.ts → item-option-slider.component.d.ts} +3 -3
  62. package/angular/esm/components/{edit-option-slider.component.js → item-option-slider.component.js} +8 -8
  63. package/angular/esm/components/{edit-option-switch.component.d.ts → item-option-switch.component.d.ts} +3 -3
  64. package/angular/esm/components/{edit-option-switch.component.js → item-option-switch.component.js} +8 -8
  65. package/angular/esm/components/{edit-option-text-field.component.d.ts → item-option-text-field.component.d.ts} +3 -3
  66. package/angular/esm/components/{edit-option-text-field.component.js → item-option-text-field.component.js} +8 -8
  67. package/angular/esm/components/{edit-option.component.d.ts → item-option.component.d.ts} +3 -3
  68. package/angular/esm/components/{edit-option.component.js → item-option.component.js} +8 -8
  69. package/angular/esm/components/{item-data-drop-panel.component.d.ts → item-slot-drop-panel.component.d.ts} +3 -3
  70. package/angular/esm/components/{item-data-drop-panel.component.js → item-slot-drop-panel.component.js} +8 -8
  71. package/angular/esm/components/item-slot-drop.component.d.ts +28 -0
  72. package/angular/esm/components/{droppable-slot.component.js → item-slot-drop.component.js} +13 -8
  73. package/angular/esm/components/{item-data-picker-panel.component.d.ts → item-slot-picker-panel.component.d.ts} +3 -3
  74. package/angular/esm/components/{item-data-picker-panel.component.js → item-slot-picker-panel.component.js} +8 -8
  75. package/angular/esm/components/item-slot-picker.component.d.ts +28 -0
  76. package/angular/esm/components/{slot-contents-picker.component.js → item-slot-picker.component.js} +8 -8
  77. package/angular/esm/components/slot-menu/types.d.ts +1 -1
  78. package/angular/esm/index.d.ts +49 -47
  79. package/angular/esm/index.js +72 -69
  80. package/angular/esm/types.d.ts +5 -5
  81. package/angular/index.ts +72 -69
  82. package/angular/types.ts +5 -5
  83. package/angular/utils/slot-state/slot-store.d.ts +1 -1
  84. package/angular/utils/transformations/convert-data-field-to-slot-content.d.ts +1 -1
  85. package/components/{draggable-data-field/draggable-data-field.d.ts → data-field/data-field.d.ts} +5 -5
  86. package/components/{draggable-data-field → data-field}/index.cjs +1 -1
  87. package/components/data-field/index.d.ts +8 -0
  88. package/components/{draggable-data-field → data-field}/index.js +3 -3
  89. package/components/{draggable-data-field-BGzTMUzr.js → data-field-DY0vTxzI.js} +14 -14
  90. package/components/{draggable-data-field-Du-icp82.cjs → data-field-DYqNZOUF.cjs} +8 -8
  91. package/components/{draggable-data-field-level/draggable-data-field-level.d.ts → data-field-level/data-field-level.d.ts} +4 -4
  92. package/components/{draggable-data-field-level → data-field-level}/index.cjs +1 -1
  93. package/components/data-field-level/index.d.ts +8 -0
  94. package/components/{draggable-data-field-level → data-field-level}/index.js +2 -2
  95. package/components/data-field-level-CZJTadFq.cjs +55 -0
  96. package/components/data-field-level-XuUMAZlR.js +242 -0
  97. package/components/{draggable-data-fields-panel/draggable-data-fields-panel.d.ts → data-field-panel/data-field-panel.d.ts} +8 -8
  98. package/components/{draggable-data-fields-panel → data-field-panel}/index.cjs +1 -1
  99. package/components/{draggable-data-fields-panel → data-field-panel}/index.d.ts +3 -3
  100. package/components/{draggable-data-fields-panel → data-field-panel}/index.js +4 -4
  101. package/components/{draggable-data-fields-panel-DDE9erKq.js → data-field-panel-CKc74BFY.js} +25 -25
  102. package/components/data-field-panel-VgFkJ0aL.cjs +86 -0
  103. package/components/display-settings/index.cjs +1 -1
  104. package/components/display-settings/index.js +1 -1
  105. package/components/{display-settings-C_ubOOoF.js → display-settings-h0061wKi.js} +1 -1
  106. package/components/{display-settings-Sh4LWJgN.cjs → display-settings-xKZk3Bn-.cjs} +1 -1
  107. package/components/{edit-filters/edit-filters.d.ts → filters/filters.d.ts} +3 -3
  108. package/components/{edit-filters → filters}/index.cjs +1 -1
  109. package/components/filters/index.d.ts +8 -0
  110. package/components/{edit-filters → filters}/index.js +2 -2
  111. package/components/{edit-filters → filters}/transformations/transform-filters.d.ts +6 -6
  112. package/components/filters-Cx0kYY3s.cjs +145 -0
  113. package/components/{edit-filters-DMH_g3eh.js → filters-D8xFvOpx.js} +13 -13
  114. package/components/index.cjs +1 -1
  115. package/components/index.js +28 -28
  116. package/components/{grid → item-grid}/helpers/grid-events.d.ts +1 -1
  117. package/components/{grid → item-grid}/index.cjs +1 -1
  118. package/components/item-grid/index.d.ts +11 -0
  119. package/components/{grid → item-grid}/index.js +2 -2
  120. package/components/{grid/grid-item-actions-menu.d.ts → item-grid/item-grid-item-actions-menu.d.ts} +3 -3
  121. package/components/{grid/grid.d.ts → item-grid/item-grid.d.ts} +7 -7
  122. package/{angular/esm/components/grid → components/item-grid}/types.d.ts +1 -1
  123. package/components/{grid-NxMxZ8L7.cjs → item-grid-Dfs0UDKF.cjs} +15 -15
  124. package/components/{grid-BchmSCUT.js → item-grid-Dx9Ssy7O.js} +94 -106
  125. package/components/{edit-option → item-option}/index.cjs +1 -1
  126. package/components/item-option/index.d.ts +7 -0
  127. package/components/{edit-option → item-option}/index.js +2 -2
  128. package/components/{edit-option/edit-option.d.ts → item-option/item-option.d.ts} +2 -2
  129. package/components/{edit-option-CAqIUpWx.cjs → item-option-B8MV1FwG.cjs} +29 -29
  130. package/components/{edit-option-BhYZQEpl.js → item-option-DpEQ5J3p.js} +54 -53
  131. package/components/{edit-option-action-button-group → item-option-action-button-group}/index.cjs +1 -1
  132. package/components/item-option-action-button-group/index.d.ts +7 -0
  133. package/components/{edit-option-action-button-group → item-option-action-button-group}/index.js +3 -3
  134. package/components/{edit-option-action-button-group/edit-option-action-button-group.d.ts → item-option-action-button-group/item-option-action-button-group.d.ts} +3 -3
  135. package/components/{edit-option-action-button-group-W34osCsN.cjs → item-option-action-button-group-BLZCRdal.cjs} +2 -2
  136. package/components/{edit-option-action-button-group-DNrXatQR.js → item-option-action-button-group-CpxigTwu.js} +7 -7
  137. package/components/{edit-option-base/edit-option-base.d.ts → item-option-base/item-option-base.d.ts} +2 -2
  138. package/components/{edit-option-base-CIsMGXix.js → item-option-base-BWERLehm.js} +12 -12
  139. package/components/{edit-option-base-DBfRz1gO.cjs → item-option-base-DHV8L9Ut.cjs} +3 -3
  140. package/components/{edit-option-color-palette-picker → item-option-color-palette-picker}/index.cjs +1 -1
  141. package/components/item-option-color-palette-picker/index.d.ts +7 -0
  142. package/components/{edit-option-color-palette-picker → item-option-color-palette-picker}/index.js +3 -3
  143. package/components/{edit-option-color-palette-picker/edit-option-color-palette-picker.d.ts → item-option-color-palette-picker/item-option-color-palette-picker.d.ts} +3 -3
  144. package/components/{edit-option-color-palette-picker-CGj9Vnfe.cjs → item-option-color-palette-picker-BpHn8zX4.cjs} +2 -2
  145. package/components/{edit-option-color-palette-picker-zqTMYlsF.js → item-option-color-palette-picker-Ccqo-1kI.js} +10 -10
  146. package/components/{edit-option-number-field → item-option-color-picker}/index.cjs +1 -1
  147. package/components/item-option-color-picker/index.d.ts +7 -0
  148. package/components/{edit-option-color-picker → item-option-color-picker}/index.js +3 -3
  149. package/components/{edit-option-color-picker/edit-option-color-picker.d.ts → item-option-color-picker/item-option-color-picker.d.ts} +3 -3
  150. package/components/{edit-option-color-picker-DiB3l1ZG.js → item-option-color-picker-DAMJt908.js} +10 -10
  151. package/components/{edit-option-color-picker-CCnSHbzk.cjs → item-option-color-picker-cJWlvgt1.cjs} +2 -2
  152. package/components/{edit-option-color-range → item-option-color-range}/index.cjs +1 -1
  153. package/components/item-option-color-range/index.d.ts +7 -0
  154. package/components/{edit-option-color-range → item-option-color-range}/index.js +3 -3
  155. package/components/{edit-option-color-range/edit-option-color-range.d.ts → item-option-color-range/item-option-color-range.d.ts} +3 -3
  156. package/components/{edit-option-color-range-CmpvQTSG.js → item-option-color-range-BAcxgr-8.js} +14 -14
  157. package/components/{edit-option-color-range-DVYMhG2R.cjs → item-option-color-range-DkJCkTvv.cjs} +2 -2
  158. package/components/{edit-option-multi-language-field → item-option-multi-language-field}/index.cjs +1 -1
  159. package/components/item-option-multi-language-field/index.d.ts +7 -0
  160. package/components/{edit-option-multi-language-field → item-option-multi-language-field}/index.js +3 -3
  161. package/components/{edit-option-multi-language-field/edit-option-multi-language-field.d.ts → item-option-multi-language-field/item-option-multi-language-field.d.ts} +3 -3
  162. package/components/{edit-option-multi-language-field-47AjaXIw.cjs → item-option-multi-language-field-Bq8VeZ9F.cjs} +2 -2
  163. package/components/{edit-option-multi-language-field-ByLEzlg8.js → item-option-multi-language-field-C9D1FYfV.js} +9 -9
  164. package/components/{edit-option-color-picker → item-option-number-field}/index.cjs +1 -1
  165. package/components/item-option-number-field/index.d.ts +7 -0
  166. package/components/{edit-option-number-field → item-option-number-field}/index.js +3 -3
  167. package/components/{edit-option-number-field/edit-option-number-field.d.ts → item-option-number-field/item-option-number-field.d.ts} +3 -3
  168. package/components/{edit-option-number-field-BMXponHb.cjs → item-option-number-field-8OBJEXpr.cjs} +2 -2
  169. package/components/{edit-option-number-field-BPU_5SFo.js → item-option-number-field-BQrQzauV.js} +13 -13
  170. package/components/{edit-item → item-option-panel}/index.cjs +1 -1
  171. package/components/item-option-panel/index.d.ts +7 -0
  172. package/components/{edit-item → item-option-panel}/index.js +3 -3
  173. package/components/{edit-item/edit-item.d.ts → item-option-panel/item-option-panel.d.ts} +4 -4
  174. package/components/{edit-item-ft4CT5Vl.js → item-option-panel-D9EdrPPd.js} +14 -14
  175. package/components/{edit-item-C89gy9JF.cjs → item-option-panel-DYFFpVW9.cjs} +4 -4
  176. package/components/{edit-option-picker → item-option-picker}/index.cjs +1 -1
  177. package/components/item-option-picker/index.d.ts +7 -0
  178. package/components/{edit-option-picker → item-option-picker}/index.js +3 -3
  179. package/components/{edit-option-picker/edit-option-picker.d.ts → item-option-picker/item-option-picker.d.ts} +3 -3
  180. package/components/{edit-option-picker-CpCILJtP.cjs → item-option-picker-B3TzIReA.cjs} +2 -2
  181. package/components/{edit-option-picker-BdpVCT4v.js → item-option-picker-CrZkJbtJ.js} +6 -6
  182. package/components/item-option-position-picker/index.cjs +20 -0
  183. package/components/item-option-position-picker/index.d.ts +7 -0
  184. package/components/item-option-position-picker/index.js +32 -0
  185. package/components/{edit-option-position-picker/edit-option-position-picker.d.ts → item-option-position-picker/item-option-position-picker.d.ts} +3 -3
  186. package/components/{edit-option-position-picker-utD_OSQy.cjs → item-option-position-picker-BhkYDCMg.cjs} +2 -2
  187. package/components/item-option-position-picker-C_frTuML.js +79 -0
  188. package/components/item-option-positions-number-field/index.cjs +20 -0
  189. package/components/item-option-positions-number-field/index.d.ts +7 -0
  190. package/components/item-option-positions-number-field/index.js +32 -0
  191. package/components/{edit-option-positions-number-field/edit-option-positions-number-field.d.ts → item-option-positions-number-field/item-option-positions-number-field.d.ts} +3 -3
  192. package/components/item-option-positions-number-field-C8pfRZ_L.cjs +46 -0
  193. package/components/{edit-option-positions-number-field-DZtxuvEY.js → item-option-positions-number-field-CHf2r7am.js} +11 -11
  194. package/components/item-option-radio-button-group/index.cjs +20 -0
  195. package/components/item-option-radio-button-group/index.d.ts +7 -0
  196. package/components/item-option-radio-button-group/index.js +32 -0
  197. package/components/{edit-option-radio-button-group/edit-option-radio-button-group.d.ts → item-option-radio-button-group/item-option-radio-button-group.d.ts} +3 -3
  198. package/components/{edit-option-radio-button-group-BCVOZOhT.cjs → item-option-radio-button-group-CN1zuAf8.cjs} +2 -2
  199. package/components/{edit-option-radio-button-group-D8AuOqNL.js → item-option-radio-button-group-C_AlEQSX.js} +5 -5
  200. package/components/{edit-option-slider → item-option-slider}/index.cjs +1 -1
  201. package/components/item-option-slider/index.d.ts +7 -0
  202. package/components/{edit-option-switch → item-option-slider}/index.js +3 -3
  203. package/components/{edit-option-slider/edit-option-slider.d.ts → item-option-slider/item-option-slider.d.ts} +3 -3
  204. package/components/{edit-option-slider-Ozb3RBHW.js → item-option-slider-CkKpi11t.js} +10 -10
  205. package/components/{edit-option-slider-B7ArGXrY.cjs → item-option-slider-Cx_w_v_0.cjs} +3 -3
  206. package/components/{edit-option-switch → item-option-switch}/index.cjs +1 -1
  207. package/components/item-option-switch/index.d.ts +7 -0
  208. package/components/{edit-option-slider → item-option-switch}/index.js +3 -3
  209. package/components/{edit-option-switch/edit-option-switch.d.ts → item-option-switch/item-option-switch.d.ts} +3 -3
  210. package/components/{edit-option-switch-ByyZ8LFD.cjs → item-option-switch-BX9eP6uu.cjs} +3 -3
  211. package/components/{edit-option-switch-BUjPU49i.js → item-option-switch-BgI9DcJH.js} +7 -7
  212. package/components/{edit-option-text-field → item-option-text-field}/index.cjs +1 -1
  213. package/components/item-option-text-field/index.d.ts +7 -0
  214. package/components/item-option-text-field/index.js +32 -0
  215. package/components/{edit-option-text-field/edit-option-text-field.d.ts → item-option-text-field/item-option-text-field.d.ts} +3 -3
  216. package/components/{edit-option-text-field-LTOr4mYL.cjs → item-option-text-field-CFrUMB2C.cjs} +2 -2
  217. package/components/{edit-option-text-field-CjdGtevT.js → item-option-text-field-D09YUogp.js} +8 -8
  218. package/components/{droppable-slot → item-slot-drop}/index.cjs +1 -1
  219. package/components/{droppable-slot → item-slot-drop}/index.d.ts +3 -3
  220. package/components/{droppable-slot → item-slot-drop}/index.js +4 -4
  221. package/components/{droppable-slot/droppable-slot.d.ts → item-slot-drop/item-slot-drop.d.ts} +10 -4
  222. package/components/{droppable-slot-9CuoBcbh.js → item-slot-drop-Bu3-3cMY.js} +33 -29
  223. package/components/item-slot-drop-Hy0NmvbM.cjs +87 -0
  224. package/components/{item-data-drop-panel → item-slot-drop-panel}/index.cjs +1 -1
  225. package/components/item-slot-drop-panel/index.d.ts +7 -0
  226. package/components/{item-data-drop-panel → item-slot-drop-panel}/index.js +5 -5
  227. package/components/{item-data-drop-panel/item-data-drop-panel.d.ts → item-slot-drop-panel/item-slot-drop-panel.d.ts} +9 -9
  228. package/components/{item-data-drop-panel-BgQiFBID.js → item-slot-drop-panel-B7haw0fm.js} +19 -19
  229. package/components/{item-data-drop-panel-DgwTr9fZ.cjs → item-slot-drop-panel-Dcx6R0YG.cjs} +5 -5
  230. package/components/{slot-contents-picker → item-slot-picker}/index.cjs +1 -1
  231. package/components/item-slot-picker/index.d.ts +7 -0
  232. package/components/{slot-contents-picker → item-slot-picker}/index.js +4 -4
  233. package/components/{slot-contents-picker/slot-contents-picker.d.ts → item-slot-picker/item-slot-picker.d.ts} +4 -4
  234. package/components/{slot-contents-picker-DOyN6E7t.js → item-slot-picker-BVJNYwe7.js} +26 -26
  235. package/components/{slot-contents-picker-CmG--h6p.cjs → item-slot-picker-Cpjhh9ew.cjs} +5 -5
  236. package/components/{item-data-picker-panel → item-slot-picker-panel}/index.cjs +1 -1
  237. package/components/item-slot-picker-panel/index.d.ts +7 -0
  238. package/components/{item-data-picker-panel → item-slot-picker-panel}/index.js +5 -5
  239. package/components/{item-data-picker-panel/item-data-picker-panel.d.ts → item-slot-picker-panel/item-slot-picker-panel.d.ts} +13 -13
  240. package/components/{item-data-picker-panel-BY8jVlsO.js → item-slot-picker-panel-CEGz-k-g.js} +26 -26
  241. package/components/item-slot-picker-panel-DqfkV_Km.cjs +77 -0
  242. package/components/slot-menu/index.cjs +1 -1
  243. package/components/slot-menu/index.d.ts +1 -1
  244. package/components/slot-menu/index.js +2 -2
  245. package/components/slot-menu/types.d.ts +1 -1
  246. package/components/{slot-menu-DIQ6h6Dz.cjs → slot-menu-BOKxYlGj.cjs} +1 -1
  247. package/components/{slot-menu-B3L8YEnv.js → slot-menu-o7-dulNZ.js} +1 -1
  248. package/custom-elements.json +6968 -6946
  249. package/index.d.ts +24 -24
  250. package/package.json +120 -120
  251. package/react/README.md +23 -22
  252. package/react/components/data-field-level.component.ts +30 -0
  253. package/react/components/{draggable-data-fields-panel.component.ts → data-field-panel.component.ts} +10 -10
  254. package/react/components/filters.component.ts +27 -0
  255. package/react/components/{grid → item-grid}/types.ts +1 -1
  256. package/react/components/item-grid.component.ts +33 -0
  257. package/react/components/item-option-action-button-group.component.ts +25 -0
  258. package/react/components/item-option-color-palette-picker.component.ts +25 -0
  259. package/react/components/item-option-color-picker.component.ts +27 -0
  260. package/react/components/item-option-color-range.component.ts +27 -0
  261. package/react/components/item-option-multi-language-field.component.ts +25 -0
  262. package/react/components/item-option-number-field.component.ts +25 -0
  263. package/react/components/item-option-panel.component.ts +27 -0
  264. package/react/components/item-option-picker.component.ts +25 -0
  265. package/react/components/item-option-position-picker.component.ts +25 -0
  266. package/react/components/item-option-positions-number-field.component.ts +25 -0
  267. package/react/components/item-option-radio-button-group.component.ts +25 -0
  268. package/react/components/item-option-slider.component.ts +25 -0
  269. package/react/components/item-option-switch.component.ts +25 -0
  270. package/react/components/item-option-text-field.component.ts +25 -0
  271. package/react/components/item-option.component.ts +22 -0
  272. package/react/components/{item-data-drop-panel.component.ts → item-slot-drop-panel.component.ts} +9 -9
  273. package/react/components/{droppable-slot.component.ts → item-slot-drop.component.ts} +9 -9
  274. package/react/components/{item-data-picker-panel.component.ts → item-slot-picker-panel.component.ts} +9 -9
  275. package/react/components/item-slot-picker.component.ts +27 -0
  276. package/react/components/slot-menu/types.ts +1 -1
  277. package/react/esm/components/data-field-level.component.d.ts +18 -0
  278. package/react/esm/components/data-field-level.component.js +19 -0
  279. package/react/esm/components/{draggable-data-fields-panel.component.d.ts → data-field-panel.component.d.ts} +6 -6
  280. package/react/esm/components/{draggable-data-fields-panel.component.js → data-field-panel.component.js} +7 -7
  281. package/react/esm/components/filters.component.d.ts +12 -0
  282. package/react/esm/components/filters.component.js +17 -0
  283. package/{components/grid → react/esm/components/item-grid}/types.d.ts +1 -1
  284. package/react/esm/components/item-grid.component.d.ts +16 -0
  285. package/react/esm/components/item-grid.component.js +21 -0
  286. package/react/esm/components/item-option-action-button-group.component.d.ts +10 -0
  287. package/react/esm/components/item-option-action-button-group.component.js +15 -0
  288. package/react/esm/components/item-option-color-palette-picker.component.d.ts +10 -0
  289. package/react/esm/components/item-option-color-palette-picker.component.js +15 -0
  290. package/react/esm/components/item-option-color-picker.component.d.ts +12 -0
  291. package/react/esm/components/item-option-color-picker.component.js +17 -0
  292. package/react/esm/components/item-option-color-range.component.d.ts +12 -0
  293. package/react/esm/components/item-option-color-range.component.js +17 -0
  294. package/react/esm/components/item-option-multi-language-field.component.d.ts +10 -0
  295. package/react/esm/components/item-option-multi-language-field.component.js +15 -0
  296. package/react/esm/components/item-option-number-field.component.d.ts +10 -0
  297. package/react/esm/components/item-option-number-field.component.js +15 -0
  298. package/react/esm/components/item-option-panel.component.d.ts +12 -0
  299. package/react/esm/components/item-option-panel.component.js +17 -0
  300. package/react/esm/components/item-option-picker.component.d.ts +10 -0
  301. package/react/esm/components/item-option-picker.component.js +15 -0
  302. package/react/esm/components/item-option-position-picker.component.d.ts +10 -0
  303. package/react/esm/components/item-option-position-picker.component.js +15 -0
  304. package/react/esm/components/item-option-positions-number-field.component.d.ts +10 -0
  305. package/react/esm/components/item-option-positions-number-field.component.js +15 -0
  306. package/react/esm/components/item-option-radio-button-group.component.d.ts +10 -0
  307. package/react/esm/components/item-option-radio-button-group.component.js +15 -0
  308. package/react/esm/components/item-option-slider.component.d.ts +10 -0
  309. package/react/esm/components/item-option-slider.component.js +15 -0
  310. package/react/esm/components/item-option-switch.component.d.ts +10 -0
  311. package/react/esm/components/item-option-switch.component.js +15 -0
  312. package/react/esm/components/item-option-text-field.component.d.ts +10 -0
  313. package/react/esm/components/item-option-text-field.component.js +15 -0
  314. package/react/esm/components/item-option.component.d.ts +8 -0
  315. package/react/esm/components/item-option.component.js +13 -0
  316. package/react/esm/components/{item-data-drop-panel.component.d.ts → item-slot-drop-panel.component.d.ts} +5 -5
  317. package/react/esm/components/{item-data-drop-panel.component.js → item-slot-drop-panel.component.js} +6 -6
  318. package/react/esm/components/{droppable-slot.component.d.ts → item-slot-drop.component.d.ts} +5 -5
  319. package/react/esm/components/{droppable-slot.component.js → item-slot-drop.component.js} +6 -6
  320. package/react/esm/components/{item-data-picker-panel.component.d.ts → item-slot-picker-panel.component.d.ts} +5 -5
  321. package/react/esm/components/{item-data-picker-panel.component.js → item-slot-picker-panel.component.js} +6 -6
  322. package/react/esm/components/item-slot-picker.component.d.ts +12 -0
  323. package/react/esm/components/item-slot-picker.component.js +17 -0
  324. package/react/esm/components/slot-menu/types.d.ts +1 -1
  325. package/react/esm/index.d.ts +25 -24
  326. package/react/esm/index.js +92 -88
  327. package/react/esm/types.d.ts +5 -5
  328. package/react/index.ts +92 -88
  329. package/react/luzmo-stub.d.ts +91 -85
  330. package/react/types.ts +5 -5
  331. package/react/utils/slot-state/slot-store.d.ts +1 -1
  332. package/react/utils/transformations/convert-data-field-to-slot-content.d.ts +1 -1
  333. package/storybook/register-components.d.ts +24 -24
  334. package/types.d.ts +5 -5
  335. package/utils/slot-state/slot-store.d.ts +1 -1
  336. package/utils/transformations/convert-data-field-to-slot-content.d.ts +1 -1
  337. package/angular/esm/components/draggable-data-fields-panel.component.d.ts +0 -26
  338. package/angular/esm/components/droppable-slot.component.d.ts +0 -27
  339. package/angular/esm/components/edit-filters.component.d.ts +0 -21
  340. package/angular/esm/components/edit-item.component.d.ts +0 -19
  341. package/angular/esm/components/grid-item-actions-menu.component.d.ts +0 -13
  342. package/angular/esm/components/grid-item-actions-menu.component.js +0 -49
  343. package/angular/esm/components/grid.component.d.ts +0 -25
  344. package/angular/esm/components/slot-contents-picker.component.d.ts +0 -28
  345. package/components/draggable-data-field/index.d.ts +0 -8
  346. package/components/draggable-data-field-level/index.d.ts +0 -8
  347. package/components/draggable-data-field-level-BQBMnApS.js +0 -242
  348. package/components/draggable-data-field-level-CI1No5x8.cjs +0 -55
  349. package/components/draggable-data-fields-panel-Bv-gHe79.cjs +0 -86
  350. package/components/droppable-slot-DccN0H1v.cjs +0 -87
  351. package/components/edit-filters/index.d.ts +0 -8
  352. package/components/edit-filters-Bl_Irma5.cjs +0 -145
  353. package/components/edit-item/index.d.ts +0 -7
  354. package/components/edit-option/index.d.ts +0 -7
  355. package/components/edit-option-action-button-group/index.d.ts +0 -7
  356. package/components/edit-option-color-palette-picker/index.d.ts +0 -7
  357. package/components/edit-option-color-picker/index.d.ts +0 -7
  358. package/components/edit-option-color-range/index.d.ts +0 -7
  359. package/components/edit-option-multi-language-field/index.d.ts +0 -7
  360. package/components/edit-option-number-field/index.d.ts +0 -7
  361. package/components/edit-option-picker/index.d.ts +0 -7
  362. package/components/edit-option-position-picker/index.cjs +0 -20
  363. package/components/edit-option-position-picker/index.d.ts +0 -7
  364. package/components/edit-option-position-picker/index.js +0 -32
  365. package/components/edit-option-position-picker-CC-7sJNj.js +0 -79
  366. package/components/edit-option-positions-number-field/index.cjs +0 -20
  367. package/components/edit-option-positions-number-field/index.d.ts +0 -7
  368. package/components/edit-option-positions-number-field/index.js +0 -32
  369. package/components/edit-option-positions-number-field-CmK8_2ZQ.cjs +0 -46
  370. package/components/edit-option-radio-button-group/index.cjs +0 -20
  371. package/components/edit-option-radio-button-group/index.d.ts +0 -7
  372. package/components/edit-option-radio-button-group/index.js +0 -32
  373. package/components/edit-option-slider/index.d.ts +0 -7
  374. package/components/edit-option-switch/index.d.ts +0 -7
  375. package/components/edit-option-text-field/index.d.ts +0 -7
  376. package/components/edit-option-text-field/index.js +0 -32
  377. package/components/grid/index.d.ts +0 -11
  378. package/components/item-data-drop-panel/index.d.ts +0 -7
  379. package/components/item-data-picker-panel/index.d.ts +0 -7
  380. package/components/item-data-picker-panel-D2cWbl99.cjs +0 -77
  381. package/components/slot-contents-picker/index.d.ts +0 -7
  382. package/react/components/edit-filters.component.ts +0 -27
  383. package/react/components/edit-item.component.ts +0 -27
  384. package/react/components/edit-option-action-button-group.component.ts +0 -25
  385. package/react/components/edit-option-color-palette-picker.component.ts +0 -25
  386. package/react/components/edit-option-color-picker.component.ts +0 -27
  387. package/react/components/edit-option-color-range.component.ts +0 -27
  388. package/react/components/edit-option-multi-language-field.component.ts +0 -25
  389. package/react/components/edit-option-number-field.component.ts +0 -25
  390. package/react/components/edit-option-picker.component.ts +0 -25
  391. package/react/components/edit-option-position-picker.component.ts +0 -25
  392. package/react/components/edit-option-positions-number-field.component.ts +0 -25
  393. package/react/components/edit-option-radio-button-group.component.ts +0 -25
  394. package/react/components/edit-option-slider.component.ts +0 -25
  395. package/react/components/edit-option-switch.component.ts +0 -25
  396. package/react/components/edit-option-text-field.component.ts +0 -25
  397. package/react/components/edit-option.component.ts +0 -22
  398. package/react/components/grid.component.ts +0 -33
  399. package/react/components/slot-contents-picker.component.ts +0 -27
  400. package/react/esm/components/edit-filters.component.d.ts +0 -12
  401. package/react/esm/components/edit-filters.component.js +0 -17
  402. package/react/esm/components/edit-item.component.d.ts +0 -12
  403. package/react/esm/components/edit-item.component.js +0 -17
  404. package/react/esm/components/edit-option-action-button-group.component.d.ts +0 -10
  405. package/react/esm/components/edit-option-action-button-group.component.js +0 -15
  406. package/react/esm/components/edit-option-color-palette-picker.component.d.ts +0 -10
  407. package/react/esm/components/edit-option-color-palette-picker.component.js +0 -15
  408. package/react/esm/components/edit-option-color-picker.component.d.ts +0 -12
  409. package/react/esm/components/edit-option-color-picker.component.js +0 -17
  410. package/react/esm/components/edit-option-color-range.component.d.ts +0 -12
  411. package/react/esm/components/edit-option-color-range.component.js +0 -17
  412. package/react/esm/components/edit-option-multi-language-field.component.d.ts +0 -10
  413. package/react/esm/components/edit-option-multi-language-field.component.js +0 -15
  414. package/react/esm/components/edit-option-number-field.component.d.ts +0 -10
  415. package/react/esm/components/edit-option-number-field.component.js +0 -15
  416. package/react/esm/components/edit-option-picker.component.d.ts +0 -10
  417. package/react/esm/components/edit-option-picker.component.js +0 -15
  418. package/react/esm/components/edit-option-position-picker.component.d.ts +0 -10
  419. package/react/esm/components/edit-option-position-picker.component.js +0 -15
  420. package/react/esm/components/edit-option-positions-number-field.component.d.ts +0 -10
  421. package/react/esm/components/edit-option-positions-number-field.component.js +0 -15
  422. package/react/esm/components/edit-option-radio-button-group.component.d.ts +0 -10
  423. package/react/esm/components/edit-option-radio-button-group.component.js +0 -15
  424. package/react/esm/components/edit-option-slider.component.d.ts +0 -10
  425. package/react/esm/components/edit-option-slider.component.js +0 -15
  426. package/react/esm/components/edit-option-switch.component.d.ts +0 -10
  427. package/react/esm/components/edit-option-switch.component.js +0 -15
  428. package/react/esm/components/edit-option-text-field.component.d.ts +0 -10
  429. package/react/esm/components/edit-option-text-field.component.js +0 -15
  430. package/react/esm/components/edit-option.component.d.ts +0 -8
  431. package/react/esm/components/edit-option.component.js +0 -13
  432. package/react/esm/components/grid.component.d.ts +0 -16
  433. package/react/esm/components/grid.component.js +0 -21
  434. package/react/esm/components/slot-contents-picker.component.d.ts +0 -12
  435. package/react/esm/components/slot-contents-picker.component.js +0 -17
  436. /package/angular/components/{draggable-data-fields-panel → data-field}/index.ts +0 -0
  437. /package/angular/components/{draggable-data-field → data-field}/types.ts +0 -0
  438. /package/angular/components/{draggable-data-field → data-field-panel}/index.ts +0 -0
  439. /package/angular/components/{draggable-data-fields-panel → data-field-panel}/types.ts +0 -0
  440. /package/angular/components/{droppable-slot → filters}/index.ts +0 -0
  441. /package/angular/components/{edit-filters → filters}/types.ts +0 -0
  442. /package/angular/components/{edit-filters → item-grid}/index.ts +0 -0
  443. /package/angular/components/{grid → item-slot-drop}/index.ts +0 -0
  444. /package/angular/components/{droppable-slot → item-slot-drop}/types.ts +0 -0
  445. /package/angular/esm/components/{draggable-data-fields-panel → data-field}/index.d.ts +0 -0
  446. /package/angular/esm/components/{draggable-data-fields-panel → data-field}/index.js +0 -0
  447. /package/angular/esm/components/{draggable-data-field → data-field}/types.d.ts +0 -0
  448. /package/angular/esm/components/{draggable-data-fields-panel → data-field}/types.js +0 -0
  449. /package/angular/esm/components/{draggable-data-field → data-field-panel}/index.d.ts +0 -0
  450. /package/angular/esm/components/{draggable-data-field → data-field-panel}/index.js +0 -0
  451. /package/angular/esm/components/{draggable-data-fields-panel → data-field-panel}/types.d.ts +0 -0
  452. /package/angular/esm/components/{draggable-data-field → data-field-panel}/types.js +0 -0
  453. /package/angular/esm/components/{droppable-slot → filters}/index.d.ts +0 -0
  454. /package/angular/esm/components/{droppable-slot → filters}/index.js +0 -0
  455. /package/angular/esm/components/{edit-filters → filters}/types.d.ts +0 -0
  456. /package/angular/esm/components/{droppable-slot → filters}/types.js +0 -0
  457. /package/angular/esm/components/{edit-filters → item-grid}/index.d.ts +0 -0
  458. /package/angular/esm/components/{edit-filters → item-grid}/index.js +0 -0
  459. /package/angular/esm/components/{edit-filters → item-grid}/types.js +0 -0
  460. /package/angular/esm/components/{grid → item-slot-drop}/index.d.ts +0 -0
  461. /package/angular/esm/components/{grid → item-slot-drop}/index.js +0 -0
  462. /package/angular/esm/components/{droppable-slot → item-slot-drop}/types.d.ts +0 -0
  463. /package/angular/esm/components/{grid → item-slot-drop}/types.js +0 -0
  464. /package/components/{draggable-data-field → data-field}/types.d.ts +0 -0
  465. /package/components/{draggable-data-field-level → data-field-level}/helpers/generate-preview.d.ts +0 -0
  466. /package/components/{draggable-data-fields-panel → data-field-panel}/types.d.ts +0 -0
  467. /package/components/{edit-filters → filters}/types.d.ts +0 -0
  468. /package/components/{grid → item-grid}/actions.d.ts +0 -0
  469. /package/components/{grid → item-grid}/helpers/grid-effects.d.ts +0 -0
  470. /package/components/{grid → item-grid}/helpers/grid-interactions.d.ts +0 -0
  471. /package/components/{grid → item-grid}/helpers/grid-item-management.d.ts +0 -0
  472. /package/components/{grid → item-grid}/helpers/grid-item-popover.d.ts +0 -0
  473. /package/components/{grid → item-grid}/helpers/grid-items.d.ts +0 -0
  474. /package/components/{grid → item-grid}/helpers/grid-keyboard-updates.d.ts +0 -0
  475. /package/components/{grid → item-grid}/helpers/grid-keydown-event.d.ts +0 -0
  476. /package/components/{grid → item-grid}/helpers/grid-popover-cleanup.d.ts +0 -0
  477. /package/components/{grid → item-grid}/helpers/grid-rendering.d.ts +0 -0
  478. /package/components/{grid → item-grid}/helpers/grid-stack-lifecycle.d.ts +0 -0
  479. /package/components/{grid → item-grid}/helpers/grid-theme.d.ts +0 -0
  480. /package/components/{grid → item-grid}/helpers/grid-update-cycle.d.ts +0 -0
  481. /package/components/{edit-option → item-option}/helpers/control-markup.d.ts +0 -0
  482. /package/components/{edit-option → item-option}/helpers/control-templates/action-button-group-template.d.ts +0 -0
  483. /package/components/{edit-option → item-option}/helpers/control-templates/color-palette-picker-template.d.ts +0 -0
  484. /package/components/{edit-option → item-option}/helpers/control-templates/color-picker-template.d.ts +0 -0
  485. /package/components/{edit-option → item-option}/helpers/control-templates/color-range-template.d.ts +0 -0
  486. /package/components/{edit-option → item-option}/helpers/control-templates/multi-language-field-template.d.ts +0 -0
  487. /package/components/{edit-option → item-option}/helpers/control-templates/number-field-template.d.ts +0 -0
  488. /package/components/{edit-option → item-option}/helpers/control-templates/picker-template.d.ts +0 -0
  489. /package/components/{edit-option → item-option}/helpers/control-templates/position-picker-template.d.ts +0 -0
  490. /package/components/{edit-option → item-option}/helpers/control-templates/positions-number-field-template.d.ts +0 -0
  491. /package/components/{edit-option → item-option}/helpers/control-templates/radio-button-group.d.ts +0 -0
  492. /package/components/{edit-option → item-option}/helpers/control-templates/slider-template.d.ts +0 -0
  493. /package/components/{edit-option → item-option}/helpers/control-templates/switch-template.d.ts +0 -0
  494. /package/components/{edit-option → item-option}/helpers/control-templates/text-field-template.d.ts +0 -0
  495. /package/components/{edit-option → item-option}/helpers/enum-values.d.ts +0 -0
  496. /package/components/{edit-option → item-option}/helpers/generate-callback.d.ts +0 -0
  497. /package/components/{edit-option → item-option}/helpers/get-control-by-key.d.ts +0 -0
  498. /package/components/{edit-option → item-option}/helpers/get-default-value.d.ts +0 -0
  499. /package/components/{edit-option → item-option}/helpers/get-enum-values.d.ts +0 -0
  500. /package/components/{edit-option → item-option}/helpers/get-extra-label-values.d.ts +0 -0
  501. /package/components/{edit-option → item-option}/helpers/get-value-by-key.d.ts +0 -0
  502. /package/components/{droppable-slot → item-slot-drop}/types.d.ts +0 -0
  503. /package/react/components/{draggable-data-fields-panel → data-field}/index.ts +0 -0
  504. /package/react/components/{draggable-data-field → data-field}/types.ts +0 -0
  505. /package/react/components/{draggable-data-field → data-field-panel}/index.ts +0 -0
  506. /package/react/components/{draggable-data-fields-panel → data-field-panel}/types.ts +0 -0
  507. /package/react/components/{droppable-slot → filters}/index.ts +0 -0
  508. /package/react/components/{edit-filters → filters}/types.ts +0 -0
  509. /package/react/components/{edit-filters → item-grid}/index.ts +0 -0
  510. /package/react/components/{grid → item-slot-drop}/index.ts +0 -0
  511. /package/react/components/{droppable-slot → item-slot-drop}/types.ts +0 -0
  512. /package/react/esm/components/{draggable-data-fields-panel → data-field}/index.d.ts +0 -0
  513. /package/react/esm/components/{draggable-data-fields-panel → data-field}/index.js +0 -0
  514. /package/react/esm/components/{draggable-data-field → data-field}/types.d.ts +0 -0
  515. /package/react/esm/components/{draggable-data-fields-panel → data-field}/types.js +0 -0
  516. /package/react/esm/components/{draggable-data-field → data-field-panel}/index.d.ts +0 -0
  517. /package/react/esm/components/{draggable-data-field → data-field-panel}/index.js +0 -0
  518. /package/react/esm/components/{draggable-data-fields-panel → data-field-panel}/types.d.ts +0 -0
  519. /package/react/esm/components/{draggable-data-field → data-field-panel}/types.js +0 -0
  520. /package/react/esm/components/{droppable-slot → filters}/index.d.ts +0 -0
  521. /package/react/esm/components/{droppable-slot → filters}/index.js +0 -0
  522. /package/react/esm/components/{edit-filters → filters}/types.d.ts +0 -0
  523. /package/react/esm/components/{droppable-slot → filters}/types.js +0 -0
  524. /package/react/esm/components/{edit-filters → item-grid}/index.d.ts +0 -0
  525. /package/react/esm/components/{edit-filters → item-grid}/index.js +0 -0
  526. /package/react/esm/components/{edit-filters → item-grid}/types.js +0 -0
  527. /package/react/esm/components/{grid → item-slot-drop}/index.d.ts +0 -0
  528. /package/react/esm/components/{grid → item-slot-drop}/index.js +0 -0
  529. /package/react/esm/components/{droppable-slot → item-slot-drop}/types.d.ts +0 -0
  530. /package/react/esm/components/{grid → item-slot-drop}/types.js +0 -0
@@ -1,55 +0,0 @@
1
- /*! * A kit of modern Luzmo Web Components for analytics in your web application.
2
- *
3
- * Copyright © 2026 Luzmo
4
- * All rights reserved.
5
- * Luzmo web components (“Luzmo Web Components”)
6
- * must be used according to the Luzmo Terms of Service.
7
- * This license allows users with a current active Luzmo account
8
- * to use the Luzmo Web Components. This license terminates
9
- * automatically if a user no longer has an active Luzmo account.
10
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
11
- *
12
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
14
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
15
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
16
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
17
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
- * SOFTWARE.
19
- * */
20
- const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localize-BBuZJf_h.cjs`),i=require(`./calculate-data-field-icon-BhiGlh0u.cjs`),a=require(`./get-css-variable-D9AU2CIU.cjs`);let o=require(`@luzmo/icons`),s=require(`lit`),c=require(`lit/decorators.js`);require(`@luzmo/lucero/tooltip`),require(`@luzmo/lucero/icon`);var l=`:host{font-family:var(--luzmo-draggable-data-field-level-font-family,var(--luzmo-font-family));color:var(--luzmo-draggable-data-field-level-font-color,var(--draggable-data-field-level-font-color))}.draggable-data-field-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-field-level-background-color,var(--draggable-data-field-level-background-color));grid-template-columns:var(--luzmo-draggable-data-field-level-drag-handle-width,var(--draggable-data-field-level-drag-handle-width))var(--luzmo-draggable-data-field-level-data-icon-width,var(--draggable-data-field-level-data-icon-width))1fr var(--luzmo-draggable-data-field-level-description-width,var(--draggable-data-field-level-description-width,auto));gap:var(--luzmo-draggable-data-field-level-gap,var(--draggable-data-field-level-gap));padding:0 var(--luzmo-draggable-data-field-level-horizontal-padding,var(--draggable-data-field-level-horizontal-padding));border-radius:var(--luzmo-draggable-data-field-level-border-radius,var(--draggable-data-field-level-border-radius));border-width:var(--luzmo-draggable-data-field-level-border-width,var(--draggable-data-field-level-border-width));border-style:var(--luzmo-draggable-data-field-level-border-style,var(--draggable-data-field-level-border-style));border-color:var(--luzmo-draggable-data-field-level-border-color,var(--draggable-data-field-level-border-color));align-items:center;display:grid}.draggable-data-field-level:hover{background-color:var(--luzmo-draggable-data-field-level-background-color-hover,var(--draggable-data-field-level-background-color-hover));color:var(--luzmo-draggable-data-field-level-font-color-hover,var(--draggable-data-field-level-font-color-hover));border-color:var(--luzmo-draggable-data-field-level-border-color-hover,var(--draggable-data-field-level-border-color-hover))}.draggable-data-field-level:hover .data-description{color:var(--luzmo-draggable-data-field-level-font-color-hover,var(--draggable-data-field-level-font-color-hover))}.draggable-data-field-level .data-label{font-size:var(--luzmo-draggable-data-field-level-label-font-size,var(--draggable-data-field-level-label-font-size));white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.draggable-data-field-level .data-description{height:100%;color:var(--luzmo-draggable-data-field-level-font-color,var(--draggable-data-field-level-font-color));font-size:var(--luzmo-draggable-data-field-level-label-font-size,var(--draggable-data-field-level-label-font-size));background-color:#0000;border:none;outline:none;align-items:center;display:flex}.draggable-data-field-level{height:var(--luzmo-draggable-data-field-level-height,var(--draggable-data-field-level-height));cursor:move}:host([sublevel]) .draggable-data-field-level{height:var(--luzmo-draggable-data-field-level-sublevel-height,var(--draggable-data-field-level-sublevel-height));background-color:var(--luzmo-draggable-data-field-level-sublevel-background-color,var(--draggable-data-field-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-field-level-sublevel-border-color,var(--draggable-data-field-level-sublevel-border-color));grid-template-columns:var(--luzmo-draggable-data-field-level-sublevel-drag-handle-width,var(--luzmo-draggable-data-field-level-drag-handle-width))1fr;margin-inline-start:var(--luzmo-draggable-data-field-level-sublevel-margin-inline-start,var(--draggable-data-field-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-field-level:hover{background-color:var(--luzmo-draggable-data-field-level-sublevel-background-color-hover,var(--draggable-data-field-level-sublevel-background-color-hover));color:var(--luzmo-draggable-data-field-level-sublevel-font-color-hover,var(--draggable-data-field-level-sublevel-font-color-hover))}:host([sublevel]) .draggable-data-field-level .drag-handle-icon{width:var(--luzmo-draggable-data-field-level-sublevel-drag-handle-width,var(--draggable-data-field-level-sublevel-drag-handle-width));text-align:center}:host(.highlighted) .draggable-data-field-level:not(:hover){background-color:var(--luzmo-draggable-data-field-level-background-color-highlighted,var(--draggable-data-field-level-background-color-highlighted));color:var(--luzmo-draggable-data-field-level-font-color-highlighted,var(--draggable-data-field-level-font-color-highlighted));border-color:var(--luzmo-draggable-data-field-level-border-color-highlighted,var(--draggable-data-field-level-border-color-highlighted))}:host(.highlighted) .draggable-data-field-level:not(:hover) .data-description{color:var(--luzmo-draggable-data-field-level-font-color-highlighted,var(--draggable-data-field-level-font-color-highlighted))}:host([disabled]) .draggable-data-field-level{background-color:var(--luzmo-draggable-data-field-level-background-color-disabled,var(--draggable-data-field-level-background-color-disabled));color:var(--luzmo-draggable-data-field-level-color-disabled,var(--draggable-data-field-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-field-level{background-color:var(--luzmo-draggable-data-field-level-sublevel-background-color-disabled,var(--draggable-data-field-level-sublevel-background-color-disabled))}:host(.pulse) .draggable-data-field-level{box-shadow:0 0 0 0 var(--luzmo-draggable-data-field-level-pulse-color,var(--draggable-data-field-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-field-level-pulse-color,var(--draggable-data-field-level-pulse-color));animation:1.5s cubic-bezier(.66,.33,0,1) infinite draggableDataFieldPulse}:host(.focus) .draggable-data-field-level{background-color:var(--luzmo-draggable-data-field-level-background-color-focus,var(--draggable-data-field-level-background-color-focus));color:var(--luzmo-draggable-data-field-level-font-color-focus,var(--draggable-data-field-level-font-color-focus));border-color:var(--luzmo-draggable-data-field-level-border-color-focus,var(--draggable-data-field-level-border-color-focus))}:host(.focus) .draggable-data-field-level .data-description{color:var(--luzmo-draggable-data-field-level-font-color-focus,var(--draggable-data-field-level-font-color-focus))}@keyframes draggableDataFieldPulse{0%{box-shadow:0 0 0 0 var(--luzmo-draggable-data-field-level-pulse-color,var(--draggable-data-field-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-field-level-pulse-color,var(--draggable-data-field-level-pulse-color))}to{box-shadow:0 0 0 .5rem #0000,0 0 0 .5rem #0000}}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-field-level-drag-handle-size,var(--luzmo-draggable-data-field-level-drag-handle-size));width:var(--luzmo-draggable-data-field-level-drag-handle-width,var(--luzmo-draggable-data-field-level-drag-handle-width));text-align:center;justify-self:center}.data-icon-type{width:var(--luzmo-draggable-data-field-level-data-icon-width,var(--luzmo-draggable-data-field-level-data-icon-width));text-align:center;justify-self:center;position:relative}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{width:auto;font-size:.75em;line-height:1;position:absolute;bottom:45%;left:70%}:host([variant=highlight]){--draggable-data-field-level-background-color:var(--luzmo-background-color-highlight);--draggable-data-field-level-border-color:var(--luzmo-background-color-highlight);--draggable-data-field-level-background-color-hover:var(--luzmo-background-color-highlight-hover);--draggable-data-field-level-font-color-hover:var(--luzmo-font-color-hover);--draggable-data-field-level-border-color-hover:var(--luzmo-background-color-highlight-hover)}:host{--draggable-data-field-level-height:var(--luzmo-component-height);--draggable-data-field-level-label-font-size:var(--luzmo-font-size);--draggable-data-field-level-icon-type-size:var(--luzmo-font-size);--draggable-data-field-level-horizontal-padding:var(--luzmo-spacing-5);--draggable-data-field-level-border-width:var(--luzmo-border-width);--draggable-data-field-level-border-style:solid;--draggable-data-field-level-border-color:var(--luzmo-border-color-hover);--draggable-data-field-level-border-radius:var(--luzmo-border-radius);--draggable-data-field-level-gap:var(--luzmo-spacing-4);--draggable-data-field-level-font-color:var(--luzmo-font-color);--draggable-data-field-level-color-disabled:var(--luzmo-color-disabled);--draggable-data-field-level-background-color-disabled:var(--luzmo-background-color-disabled);--luzmo-draggable-data-field-level-drag-handle-size:var(--luzmo-font-size-s);--luzmo-draggable-data-field-level-drag-handle-width:var(--draggable-data-field-level-icon-type-size);--luzmo-draggable-data-field-level-data-icon-width:calc(var(--draggable-data-field-level-icon-type-size) + var(--luzmo-spacing-3));--luzmo-draggable-data-field-level-description-width:calc(var(--draggable-data-field-level-icon-type-size) + var(--luzmo-spacing-2));--draggable-data-field-level-sublevel-height:var(--luzmo-component-height-s);--draggable-data-field-level-sublevel-border-color:transparent;--draggable-data-field-level-sublevel-background-color:transparent;--draggable-data-field-level-sublevel-background-color-disabled:transparent;--draggable-data-field-level-sublevel-margin-inline-start:calc(var(--draggable-data-field-level-gap) + var(--luzmo-draggable-data-field-level-drag-handle-width));--luzmo-draggable-data-field-level-sublevel-drag-handle-width:var(--luzmo-draggable-data-field-level-data-icon-width);--draggable-data-field-level-sublevel-background-color-hover:rgba(var(--luzmo-border-color-rgb),.05)}:host([hide-type-icon]){--draggable-data-field-level-sublevel-margin-inline-start:var(--draggable-data-field-level-gap)}:host(.highlighted){--draggable-data-field-level-background-color-highlighted:var(--luzmo-primary);--draggable-data-field-level-font-color-highlighted:var(--luzmo-primary-inverse-color);--draggable-data-field-level-border-color-highlighted:var(--luzmo-border-color)}:host(.focus){--draggable-data-field-level-background-color-focus:var(--luzmo-background-color-focus,var(--luzmo-secondary));--draggable-data-field-level-font-color-focus:var(--luzmo-font-color-focus,var(--luzmo-secondary-inverse-color));--draggable-data-field-level-border-color-focus:var(--luzmo-border-color-focus,var(--luzmo-secondary))}:host(.pulse){--draggable-data-field-level-pulse-color:var(--luzmo-secondary-outline,rgba(var(--luzmo-secondary-rgb),.4))}:host([size=s]){--draggable-data-field-level-height:var(--luzmo-component-height-s);--draggable-data-field-level-label-font-size:var(--luzmo-font-size-s);--draggable-data-field-level-icon-type-size:var(--luzmo-font-size-s);--draggable-data-field-level-horizontal-padding:var(--luzmo-spacing-4);--draggable-data-field-level-border-radius:var(--luzmo-border-radius);--draggable-data-field-level-gap:var(--luzmo-spacing-3);--draggable-data-field-level-sublevel-height:var(--luzmo-component-height-xs);--luzmo-draggable-data-field-level-drag-handle-size:var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-field-level-height:var(--luzmo-component-height-l);--draggable-data-field-level-label-font-size:var(--luzmo-font-size-l);--draggable-data-field-level-icon-type-size:var(--luzmo-font-size-l);--draggable-data-field-level-horizontal-padding:var(--luzmo-spacing-5);--draggable-data-field-level-border-radius:var(--luzmo-border-radius-l);--draggable-data-field-level-gap:var(--luzmo-spacing-5);--draggable-data-field-level-sublevel-height:var(--luzmo-component-height);--luzmo-draggable-data-field-level-drag-handle-size:var(--luzmo-font-size)}:host([size=xl]){--draggable-data-field-level-height:var(--luzmo-component-height-xl);--draggable-data-field-level-label-font-size:var(--luzmo-font-size-xl);--draggable-data-field-level-icon-type-size:var(--luzmo-font-size-xl);--draggable-data-field-level-horizontal-padding:var(--luzmo-spacing-5);--draggable-data-field-level-border-radius:var(--luzmo-border-radius-xl);--draggable-data-field-level-gap:var(--luzmo-spacing-5);--draggable-data-field-level-sublevel-height:var(--luzmo-component-height-l);--luzmo-draggable-data-field-level-drag-handle-size:var(--luzmo-font-size-l)}:host{box-sizing:border-box}`;const u=e=>{let t=e.source.element,n=e.source.data,o=t.renderRoot?.querySelector(`.data-label`)?.textContent||r.t(n.name,t.language)||`Untitled`,s=n.type,c=n.subtype,l=i.t({type:s,subtype:c},t.size),u={};[[`borderColor`,`--luzmo-draggable-data-field-level-border-color`,`--draggable-data-field-level-border-color`],[`backgroundColor`,`--luzmo-draggable-data-field-level-background-color`,`--draggable-data-field-level-background-color`],[`color`,`--luzmo-draggable-data-field-level-font-color`,`--draggable-data-field-level-font-color`],[`fontSize`,`--luzmo-draggable-data-field-level-label-font-size`,`--draggable-data-field-level-label-font-size`],[`height`,`--luzmo-draggable-data-field-level-height`,`--draggable-data-field-level-height`],[`borderRadius`,`--luzmo-draggable-data-field-level-border-radius`,`--draggable-data-field-level-border-radius`],[`fontFamily`,`--luzmo-draggable-data-field-level-font-family`,`--luzmo-font-family`],[`horizontalPadding`,`--luzmo-draggable-data-field-level-horizontal-padding`,`--draggable-data-field-level-horizontal-padding`],[`gap`,`--luzmo-draggable-data-field-level-gap`,`--draggable-data-field-level-gap`]].forEach(([e,n,r])=>{u[e]=a.t(t,n)||a.t(t,r)});let d=document.createElement(`div`),f=document.createElement(`div`);if(d.innerHTML=o,Object.assign(d.style,{maxWidth:`12rem`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`}),!t.sublevel){let e=document.createElement(`luzmo-icon`);e.icon=l,f.append(e)}return f.append(d),Object.assign(f.style,{display:`flex`,alignItems:`center`,maxWidth:`12rem`,lineHeight:`1`,height:u.height,border:`1px solid ${u.borderColor}`,backgroundColor:u.backgroundColor,borderRadius:u.borderRadius,fontFamily:u.fontFamily,fontSize:u.fontSize,color:u.color,padding:`0 ${u.horizontalPadding}`,gap:u.gap}),f};var d=class extends t.n(t.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...e){super(...e),this.language=`en`,this.data={},this._isCurrentlyHighlighted=!1,this._handleHighlight=e=>{let{columnId:t,level:n,formulaId:r}=e.detail??{},i=this.data?.columnId??this.data?.column??this.data?.formulaId??this.data?.formula??this.data?.id,a=this.data?.level??0,o=n??0,s=(i===t||i===r)&&a===o||(i===t||i===r)&&a===0&&o>0;if(this.classList.toggle(`highlighted`,s),s&&!this._isCurrentlyHighlighted){this._isCurrentlyHighlighted=!0;let e=this.getBoundingClientRect(),t=window.innerHeight||document.documentElement.clientHeight;if(e.top<0||e.bottom>t)try{this.scrollIntoView({block:`center`})}catch{this.scrollIntoView(!0)}}else !s&&this._isCurrentlyHighlighted&&(this._isCurrentlyHighlighted=!1)},this._clearHighlight=()=>{this.classList.remove(`highlighted`),this._isCurrentlyHighlighted=!1},this.dataFieldLevelDropped=e=>{this.dispatchEvent(new CustomEvent(`luzmo-data-field-dropped`,{bubbles:!0,composed:!0,cancelable:!0,detail:{data:e}}))},this.dataFieldLevelDragStarted=e=>{this.dispatchEvent(new CustomEvent(`luzmo-data-field-drag-started`,{bubbles:!0,composed:!0,cancelable:!0,detail:{data:e}}))}}static{this.styles=(0,s.unsafeCSS)(l)}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable&&=(this._cleanupDraggable(),void 0),window.removeEventListener(`luzmo-slot-menu-highlight`,this._handleHighlight),window.removeEventListener(`luzmo-slot-menu-inactive`,this._clearHighlight)}connectedCallback(){super.connectedCallback(),window.addEventListener(`luzmo-slot-menu-highlight`,this._handleHighlight),window.addEventListener(`luzmo-slot-menu-inactive`,this._clearHighlight)}firstUpdated(e){this._cleanupDraggable=a.r({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity=`0.5`,this.dataFieldLevelDragStarted(this.data)},onDrop:()=>{this.style.opacity=`1`,this.dataFieldLevelDropped(this.data)},getInitialData:()=>({...this.data}),onGenerateDragPreview:e=>{let t=e.nativeSetDragImage;a.n({render({container:t}){let n=u(e);t.append(n)},nativeSetDragImage:t})}})}render(){if(!this.data)return s.html`
21
- <div
22
- class="draggable-data-field-level"
23
- tabindex="0"
24
- ></div>
25
- `;let e=e=>{if(e)return e[this.language]??e[Object.keys(e)[0]]},t=this.data,n=(this.sublevel&&t.sublevelLabel?t.sublevelLabel:void 0)??e(this.data.name)??`Untitled`,r=e(this.data.description),a=i.n(this.data,this.size);return s.html`
26
- <div class="draggable-data-field-level" tabindex="0">
27
- <div class="drag-handle-icon">
28
- ${this.sublevel?(0,o.luzmoIcon)(o.luzmoDragLines):(0,o.luzmoIcon)(o.luzmoArrows)}
29
- </div>
30
- ${this.sublevel||this.hideTypeIcon?``:s.html`<div class="data-icon-type">
31
- <div class=${a?`with-secondary-icon`:``}>
32
- ${(0,o.luzmoIcon)(i.t(this.data,this.size))}
33
- </div>
34
- ${a?s.html`<div class="secondary-icon">
35
- ${(0,o.luzmoIcon)(a)}
36
- </div>`:``}
37
- </div>`}
38
- <div class="data-label">${n}</div>
39
- ${!this.sublevel&&r?s.html`<button class="data-description">
40
- ${(0,o.luzmoIcon)(o.luzmoInfoCircleOutline)}
41
- <luzmo-tooltip self-managed placement="top" size=${this.size}>
42
- ${r}
43
- </luzmo-tooltip>
44
- </button>`:``}
45
- <luzmo-tooltip
46
- self-managed
47
- placement="top"
48
- size=${this.size}
49
- show-only-if-truncated
50
- truncated-element-selector=".data-label"
51
- >
52
- ${n}
53
- </luzmo-tooltip>
54
- </div>
55
- `}};n.t([(0,c.property)({type:String,reflect:!0})],d.prototype,`variant`,void 0),n.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`hide-type-icon`})],d.prototype,`hideTypeIcon`,void 0),n.t([(0,c.property)({type:Boolean,reflect:!0})],d.prototype,`sublevel`,void 0),n.t([(0,c.property)({type:String,reflect:!0})],d.prototype,`language`,void 0),n.t([(0,c.property)({type:Boolean,reflect:!0})],d.prototype,`disabled`,void 0),n.t([(0,c.property)({type:Object})],d.prototype,`data`,void 0),customElements.get(`luzmo-draggable-data-field-level`)||customElements.define(`luzmo-draggable-data-field-level`,d),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
@@ -1,86 +0,0 @@
1
- /*! * A kit of modern Luzmo Web Components for analytics in your web application.
2
- *
3
- * Copyright © 2026 Luzmo
4
- * All rights reserved.
5
- * Luzmo web components (“Luzmo Web Components”)
6
- * must be used according to the Luzmo Terms of Service.
7
- * This license allows users with a current active Luzmo account
8
- * to use the Luzmo Web Components. This license terminates
9
- * automatically if a user no longer has an active Luzmo account.
10
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
11
- *
12
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
14
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
15
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
16
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
17
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
- * SOFTWARE.
19
- * */
20
- const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localized-mixin-DD2Hm1jz.cjs`),i=require(`./localize-BBuZJf_h.cjs`),a=require(`./data-broker-BUIUM5hr.cjs`),o=require(`./load-data-fields-for-datasets-B6cGgPld.cjs`);let s=require(`lit`),c=require(`lit/decorators.js`),l=require(`@lit/localize`),u=require(`lit/directives/repeat.js`),d=require(`@lit/task`);require(`@luzmo/lucero/progress-circle`),require(`@luzmo/lucero/search`),require(`@luzmo/lucero/select`);var f=`:host{--draggable-data-fields-panel-items-gap:var(--luzmo-spacing-2);--draggable-data-fields-panel-search-edge-to-visual:var(--luzmo-spacing-5);--draggable-data-fields-panel-search-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--draggable-data-fields-panel-search-quiet-block-size:calc(var(--luzmo-component-height) + var(--luzmo-spacing-3));--draggable-data-fields-panel-dataset-picker-margin-bottom:var(--luzmo-spacing-3)}:host([size=s]){--draggable-data-fields-panel-items-gap:var(--luzmo-spacing-1);--draggable-data-fields-panel-search-edge-to-visual:var(--luzmo-spacing-4);--draggable-data-fields-panel-search-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--draggable-data-fields-panel-search-quiet-block-size:calc(var(--luzmo-component-height-s) + var(--luzmo-spacing-3));--draggable-data-fields-panel-dataset-picker-margin-bottom:var(--luzmo-spacing-2)}:host([size=l]){--draggable-data-fields-panel-items-gap:var(--luzmo-spacing-2);--draggable-data-fields-panel-search-text-to-icon:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--draggable-data-fields-panel-search-quiet-block-size:calc(var(--luzmo-component-height-l) + var(--luzmo-spacing-3));--draggable-data-fields-panel-dataset-picker-margin-bottom:var(--luzmo-spacing-3)}:host([size=xl]){--draggable-data-fields-panel-items-gap:var(--luzmo-spacing-3);--draggable-data-fields-panel-search-text-to-icon:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--draggable-data-fields-panel-search-quiet-block-size:calc(var(--luzmo-component-height-xl) + var(--luzmo-spacing-3));--draggable-data-fields-panel-dataset-picker-margin-bottom:var(--luzmo-spacing-4)}:host([dataset-picker][search-quiet]):has(.search-container){--draggable-data-fields-panel-dataset-picker-margin-bottom:0}:host{box-sizing:border-box;height:100%;font-family:var(--luzmo-font-family,sans-serif);color:var(--luzmo-font-color,inherit);flex-direction:column;display:flex}.container{flex-direction:column;height:100%;display:flex}.dataset-picker{border-bottom-style:solid;border-bottom-width:var(--draggable-data-fields-panel-dataset-picker-divider-height,1px);border-bottom-color:var(--luzmo-draggable-data-fields-panel-dataset-picker-divider-color,var(--draggable-data-fields-panel-dataset-picker-divider-color,var(--luzmo-border-color)));flex-shrink:0;margin-block-end:var(--luzmo-draggable-data-fields-panel-dataset-picker-margin-block-end,var(--draggable-data-fields-panel-dataset-picker-margin-bottom));padding-block-end:var(--luzmo-draggable-data-fields-panel-dataset-picker-padding-block-end,var(--luzmo-spacing-3))}.dataset-picker luzmo-select{width:100%}.search-container{width:100%;flex-shrink:0;margin-block-end:var(--luzmo-draggable-data-fields-panel-search-margin-block-end,var(--luzmo-spacing-3,.75rem))}.search-container luzmo-search{--luzmo-search-edge-to-visual:var(--luzmo-draggable-data-fields-panel-search-edge-to-visual,var(--draggable-data-fields-panel-search-edge-to-visual));--luzmo-search-text-to-icon:var(--luzmo-draggable-data-fields-panel-search-text-to-icon,var(--draggable-data-fields-panel-search-text-to-icon));width:100%}.data-fields-list{gap:var(--luzmo-draggable-data-fields-panel-data-fields-gap,var(--draggable-data-fields-panel-items-gap));flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.data-fields-list::-webkit-scrollbar{width:var(--luzmo-draggable-data-fields-panel-scrollbar-width,var(--luzmo-scrollbar-size))}.data-fields-list::-webkit-scrollbar-track{background:var(--luzmo-draggable-data-fields-panel-scrollbar-track-background,var(--luzmo-scrollbar-track-background));border-radius:var(--luzmo-scrollbar-track-border-radius)}.data-fields-list::-webkit-scrollbar-thumb{background:var(--luzmo-draggable-data-fields-panel-scrollbar-thumb-background,var(--luzmo-scrollbar-thumb-background));border-radius:var(--luzmo-scrollbar-thumb-border-radius)}.data-fields-list::-webkit-scrollbar-thumb:hover{background:var(--luzmo-draggable-data-fields-panel-scrollbar-thumb-hover-background),var(--luzmo-scrollbar-thumb-hover-background)}.data-fields-list{scrollbar-width:var(--luzmo-scrollbar-width);scrollbar-color:var(--luzmo-draggable-data-fields-panel-scrollbar-thumb-background,var(--luzmo-scrollbar-thumb-background))var(--luzmo-draggable-data-fields-panel-scrollbar-track-background,var(--luzmo-scrollbar-track-background))}.empty-state{color:var(--luzmo-font-color-tertiary,#999);font-size:var(--luzmo-font-size);text-align:center;padding:var(--luzmo-spacing-4);flex:1;justify-content:center;align-items:center;display:flex}.pending-state{padding:var(--luzmo-spacing-4);flex:1;justify-content:center;align-items:center;display:flex}:host([search-quiet]){--luzmo-search-block-size:var(--luzmo-draggable-data-fields-panel-search-quiet-block-size,var(--draggable-data-fields-panel-search-quiet-block-size))}:host([dataset-picker][search-quiet]):has(.search-container){--draggable-data-fields-panel-dataset-picker-divider-color:transparent;--draggable-data-fields-panel-dataset-picker-divider-height:1px}`,p=50,m=class extends r.t(t.n(t.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){constructor(...e){super(...e),this._handleDataFieldDropped=e=>{e.target!==this&&(e.stopPropagation(),this.dispatchEvent(new CustomEvent(`luzmo-data-field-dropped`,{bubbles:!0,composed:!0,detail:e.detail})))},this._handleDataFieldDragStarted=e=>{e.target!==this&&(e.stopPropagation(),this.dispatchEvent(new CustomEvent(`luzmo-data-field-drag-started`,{bubbles:!0,composed:!0,detail:e.detail})))},this.datasetIds=[],this.datasetsDataFields=[],this.datasetPicker=!1,this.disabled=!1,this.pending=!1,this.draggableDataFieldVariant=`highlight`,this.searchQuiet=!1,this.hideTypeIcon=!1,this.hideSublevels=!1,this.apiUrl=`https://api.luzmo.com`,this.search=`auto`,this.searchThreshold=20,this._searchQuery=``,this._failedDatasetIds=new Set,this._loadDataFieldsTask=new d.Task(this,{args:()=>[this._currentDatasetId,this.apiUrl,this.authKey,this.authToken,this.datasetsDataFields.length],task:async([e,t,n,r,i])=>{if(i>0||!e||this._failedDatasetIds.has(e))return null;let a=await o.t([e],{dataBrokerConfig:{apiUrl:t,authKey:n,authToken:r}});return a.length===0?(this._failedDatasetIds.add(e),null):a[0]}}),this._datasetListItems=[],this._datasetListRetrieving=!1,this._datasetListPending=!1,this._datasetNamesFetchAttempted=!1,this._hasMoreDatasets=!0}static{this.styles=(0,s.unsafeCSS)(f)}connectedCallback(){super.connectedCallback(),this.addEventListener(`luzmo-data-field-dropped`,this._handleDataFieldDropped),this.addEventListener(`luzmo-data-field-drag-started`,this._handleDataFieldDragStarted)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`luzmo-data-field-dropped`,this._handleDataFieldDropped),this.removeEventListener(`luzmo-data-field-drag-started`,this._handleDataFieldDragStarted)}get _isDataFieldsPending(){return this.pending||this._loadDataFieldsTask.status===d.TaskStatus.PENDING}get _error(){if(this._loadDataFieldsTask.status===d.TaskStatus.ERROR){let e=this._loadDataFieldsTask.error,t=e instanceof Error?e.message:`Unknown error`;return`${(0,l.msg)(`Could not retrieve data`)}: ${t}`}}get _availableDatasets(){return this.datasetsDataFields.length>0?this.datasetsDataFields:this.datasetIds.length>0?this.datasetIds.map(e=>{let t=this._datasetListItems.find(t=>t.id===e);return t?{id:t.id,name:t.name,description:t.description,dataFields:[]}:{id:e,name:{en:e},dataFields:[]}}):this._datasetListItems.length>0?this._datasetListItems.map(e=>({id:e.id,name:e.name,description:e.description,dataFields:[]})):[]}get _selectedDataset(){return this._availableDatasets.find(e=>e.id===this._currentDatasetId)}get _dataFields(){let e=this._loadDataFieldsTask.value;if(e&&e.dataFields?.length>0)return e.dataFields;let t=this._selectedDataset;if(!t)return[];if(`dataFields`in t&&Array.isArray(t.dataFields)&&t.dataFields.length>0)return t.dataFields;let n=[];if(`columns`in t&&Array.isArray(t.columns))for(let e of t.columns)n.push({...e,datasetId:t.id});if(`formulas`in t&&Array.isArray(t.formulas))for(let e of t.formulas)n.push({...e,datasetId:t.id});return n}get _shouldFetchDatasetList(){return this.datasetPicker&&this.datasetsDataFields.length===0}get _showSearch(){return this.search===`off`?!1:this.search===`on`?!0:this._dataFields.length>this.searchThreshold}get _filteredDataFields(){let e=this._dataFields;if(!this._searchQuery.trim())return e;let t=this._searchQuery.toLowerCase().trim();return e.filter(e=>(i.t(e.name,this.language)||``).toLowerCase().includes(t))}willUpdate(e){super.willUpdate(e);let t=e.has(`selectedDatasetId`),n=e.has(`datasetsDataFields`),r=e.has(`datasetIds`),i=e.has(`datasetPicker`),o=e.has(`authKey`),s=e.has(`authToken`),c=e.has(`apiUrl`);(r||o||s||c)&&(this._datasetListItems=[],this._hasMoreDatasets=!0,this._failedDatasetIds.clear(),this._datasetNamesFetchAttempted=!1,a.t.configure({apiUrl:this.apiUrl,authKey:this.authKey??``,authToken:this.authToken??``})),n&&this.datasetsDataFields.length>0&&(this._datasetListItems=[],this._hasMoreDatasets=!0,this._failedDatasetIds.clear()),(t||n||r)&&this._updateCurrentDatasetId(),(r||o||s||c||i)&&this.datasetIds.length>0&&this.datasetPicker&&this.datasetsDataFields.length===0&&this._datasetListItems.length===0&&this._fetchDatasetNamesForPicker()}async _fetchDatasetNamesForPicker(){if(this.datasetIds.length!==0){this._datasetListPending=!0;try{this._datasetListItems=await a.t.fetchDatasetNames(this.datasetIds)}catch(e){console.warn(`Failed to fetch dataset names:`,e)}finally{this._datasetListPending=!1,this._datasetNamesFetchAttempted=!0}}}async _loadMoreDatasets(e){if(!(this._datasetListRetrieving||!this._hasMoreDatasets)){this._datasetListRetrieving=!0,e&&(e.retrieving=!0);try{let e=this._datasetListItems.length,t=await a.t.fetchAllDatasets({offset:e,limit:p});this._datasetListItems=[...this._datasetListItems,...t.data],this._hasMoreDatasets=e+p<(t.pagination?.total??0),!this._currentDatasetId&&this._datasetListItems.length>0&&this._updateCurrentDatasetId()}catch(e){console.warn(`Failed to load dataset list:`,e),this._hasMoreDatasets=!1}finally{this._datasetListRetrieving=!1,e&&(e.retrieving=!1)}}}_handlePickerScrolled(e){if(this.datasetIds.length>0)return;let t=e.target,{last:n}=e.detail;n>=this._datasetListItems.length-10&&this._hasMoreDatasets&&this._loadMoreDatasets(t)}async _handlePickerOpened(e){let t=e.target;if(this._datasetListItems.length===0&&this._shouldFetchDatasetList&&this.datasetIds.length===0&&this._hasMoreDatasets){t.pending=!0;try{await this._loadMoreDatasets(t)}finally{t.pending=!1}}}_updateCurrentDatasetId(){let e=this._availableDatasets;if(this.selectedDatasetId&&e.some(e=>e.id===this.selectedDatasetId)){this._currentDatasetId=this.selectedDatasetId;return}if(this.selectedDatasetId&&this.datasetIds.includes(this.selectedDatasetId)){this._currentDatasetId=this.selectedDatasetId;return}this._currentDatasetId=e.length>0?e[0].id:void 0}_handleDatasetChange(e){let t=e.detail?.value?.[0];t&&t!==this._currentDatasetId&&(this._currentDatasetId=t,this._searchQuery=``,this.dispatchEvent(new CustomEvent(`luzmo-dataset-changed`,{bubbles:!0,composed:!0,detail:{datasetId:t}})))}_getDataFieldKey(e){return`columnId`in e&&e.columnId?`col-${e.columnId}`:`formulaId`in e&&e.formulaId?`formula-${e.formulaId}`:`formula`in e&&e.formula?`adhoc-${e.formula}`:`field-${e.datasetId}-${Math.random().toString(36).slice(2,11)}`}_handleSearchInput(e){this._searchQuery=e.target.value}_renderDatasetPicker(){if(!this.datasetPicker)return s.nothing;let e=this._availableDatasets,t=e.length>1,n=this.datasetIds.length>0,r=this._shouldFetchDatasetList;if(!t&&!n&&!r)return s.nothing;let a=this._datasetListPending||this.datasetIds.length>0&&this._datasetListItems.length===0&&this.datasetsDataFields.length===0&&!this._datasetNamesFetchAttempted,o=a?[]:e.map(e=>({value:e.id,label:i.t(e.name,this.language)||e.id})),c=a?[]:this._currentDatasetId?[this._currentDatasetId]:[],u=a?(0,l.msg)(`Loading datasets...`):this.datasetPickerPlaceholder??(0,l.msg)(`Select dataset...`);return s.html`
21
- <div class="dataset-picker" part="dataset-picker">
22
- <luzmo-select
23
- selects="single"
24
- variant="highlight"
25
- .size=${this.size}
26
- .options=${o}
27
- .value=${c}
28
- .label=${u}
29
- ?disabled=${this.disabled}
30
- ?pending=${a}
31
- @change=${this._handleDatasetChange}
32
- @luzmo-opened=${this._handlePickerOpened}
33
- @luzmo-scrolled=${this._handlePickerScrolled}
34
- ></luzmo-select>
35
- </div>
36
- `}_renderSearch(){return!this._showSearch||this._isDataFieldsPending?s.nothing:s.html`
37
- <div class="search-container" part="search">
38
- <luzmo-search
39
- .size=${this.size}
40
- .placeholder=${this.searchPlaceholder??(0,l.msg)(`Search...`)}
41
- .value=${this._searchQuery}
42
- ?disabled=${this.disabled}
43
- ?quiet=${this.searchQuiet}
44
- @input=${this._handleSearchInput}
45
- ></luzmo-search>
46
- </div>
47
- `}_renderPendingState(){return s.html`
48
- <div class="pending-state" part="pending-state">
49
- <luzmo-progress-circle
50
- indeterminate
51
- .size=${this.size}
52
- ></luzmo-progress-circle>
53
- </div>
54
- `}_renderErrorState(){return s.html`
55
- <div class="empty-state" part="empty-state">
56
- ${this._error}
57
- </div>
58
- `}_renderDataFields(){if(this._error)return this._renderErrorState();if(this._dataFields.length===0)return s.html`
59
- <div class="empty-state" part="empty-state">
60
- ${(0,l.msg)(`No data available`,{desc:`Empty state message shown when the selected dataset has no data fields (columns or formulas)`})}
61
- </div>
62
- `;let e=this._filteredDataFields;return e.length===0?s.html`
63
- <div class="empty-state" part="empty-state">
64
- ${(0,l.msg)(`No results found`)}
65
- </div>
66
- `:s.html`
67
- <div class="data-fields-list" part="data-fields-list">
68
- ${(0,u.repeat)(e,e=>this._getDataFieldKey(e),e=>s.html`
69
- <luzmo-draggable-data-field
70
- .data=${e}
71
- .language=${this.language}
72
- .size=${this.size}
73
- .variant=${this.draggableDataFieldVariant}
74
- ?disabled=${this.disabled}
75
- ?hide-type-icon=${this.hideTypeIcon}
76
- ?hide-sublevels=${this.hideSublevels}
77
- ></luzmo-draggable-data-field>
78
- `)}
79
- </div>
80
- `}render(){return s.html`
81
- <div class="container" part="container">
82
- ${this._renderDatasetPicker()}
83
- ${this._renderSearch()}
84
- ${this._isDataFieldsPending?this._renderPendingState():this._renderDataFields()}
85
- </div>
86
- `}};n.t([(0,c.property)({type:Array,attribute:`dataset-ids`})],m.prototype,`datasetIds`,void 0),n.t([(0,c.property)({type:Array,attribute:!1})],m.prototype,`datasetsDataFields`,void 0),n.t([(0,c.property)({type:String,attribute:`selected-dataset-id`,reflect:!0})],m.prototype,`selectedDatasetId`,void 0),n.t([(0,c.property)({type:Boolean,attribute:`dataset-picker`,reflect:!0})],m.prototype,`datasetPicker`,void 0),n.t([(0,c.property)({type:Boolean,reflect:!0})],m.prototype,`disabled`,void 0),n.t([(0,c.property)({type:Boolean,reflect:!0})],m.prototype,`pending`,void 0),n.t([(0,c.property)({type:String,attribute:`draggable-data-field-variant`,reflect:!0})],m.prototype,`draggableDataFieldVariant`,void 0),n.t([(0,c.property)({type:Boolean,attribute:`search-quiet`,reflect:!0})],m.prototype,`searchQuiet`,void 0),n.t([(0,c.property)({type:Boolean,attribute:`hide-type-icon`,reflect:!0})],m.prototype,`hideTypeIcon`,void 0),n.t([(0,c.property)({type:Boolean,attribute:`hide-sublevels`,reflect:!0})],m.prototype,`hideSublevels`,void 0),n.t([(0,c.property)({type:String,attribute:`dataset-picker-placeholder`})],m.prototype,`datasetPickerPlaceholder`,void 0),n.t([(0,c.property)({type:String,attribute:`api-url`})],m.prototype,`apiUrl`,void 0),n.t([(0,c.property)({type:String,attribute:`auth-key`})],m.prototype,`authKey`,void 0),n.t([(0,c.property)({type:String,attribute:`auth-token`})],m.prototype,`authToken`,void 0),n.t([(0,c.property)({type:String,reflect:!0})],m.prototype,`search`,void 0),n.t([(0,c.property)({type:String,attribute:`search-placeholder`})],m.prototype,`searchPlaceholder`,void 0),n.t([(0,c.property)({type:Number,attribute:`search-threshold`})],m.prototype,`searchThreshold`,void 0),n.t([(0,c.state)()],m.prototype,`_currentDatasetId`,void 0),n.t([(0,c.state)()],m.prototype,`_searchQuery`,void 0),n.t([(0,c.state)()],m.prototype,`_datasetListItems`,void 0),n.t([(0,c.state)()],m.prototype,`_datasetListRetrieving`,void 0),n.t([(0,c.state)()],m.prototype,`_datasetListPending`,void 0),m=n.t([(0,l.localized)()],m),customElements.get(`luzmo-draggable-data-fields-panel`)||customElements.define(`luzmo-draggable-data-fields-panel`,m),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
@@ -1,87 +0,0 @@
1
- /*! * A kit of modern Luzmo Web Components for analytics in your web application.
2
- *
3
- * Copyright © 2026 Luzmo
4
- * All rights reserved.
5
- * Luzmo web components (“Luzmo Web Components”)
6
- * must be used according to the Luzmo Terms of Service.
7
- * This license allows users with a current active Luzmo account
8
- * to use the Luzmo Web Components. This license terminates
9
- * automatically if a user no longer has an active Luzmo account.
10
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
11
- *
12
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
14
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
15
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
16
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
17
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
- * SOFTWARE.
19
- * */
20
- const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localized-mixin-DD2Hm1jz.cjs`),i=require(`./localize-BBuZJf_h.cjs`),a=require(`./data-broker-BUIUM5hr.cjs`),o=require(`./display-settings-Sh4LWJgN.cjs`),s=require(`./get-css-variable-D9AU2CIU.cjs`),c=require(`./slots-config-mOBA4FHK.cjs`),l=require(`./default-acceptable-data-field-types-DY4JJ1aG.cjs`),u=require(`./slot-menu-DIQ6h6Dz.cjs`),d=require(`./slot-labels.config-BdrqhsYJ.cjs`);let f=require(`@luzmo/icons`),p=require(`lit`),m=require(`lit/decorators.js`),h=require(`@lit/localize`);require(`@luzmo/lucero/tooltip`);let g=require(`@lit/context`),_=require(`@lit/task`),v=require(`lit/directives/if-defined.js`);var y=`:host{font-family:var(--luzmo-droppable-slot-font-family,var(--luzmo-font-family));--slot-height:var(--luzmo-droppable-slot-height,var(--droppable-slot-height))}.droppable-slot-wrapper{width:var(--slot-height);min-width:var(--slot-height);height:auto;position:relative;overflow:visible}.droppable-slot[filled]{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));gap:var(--luzmo-droppable-slot-filled-gap,var(--droppable-slot-filled-gap));padding-right:0}.droppable-slot[filled]>:not(luzmo-overlay){cursor:pointer}.droppable-slot{background-color:var(--luzmo-droppable-slot-background-color,var(--droppable-slot-background-color));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));padding-left:var(--luzmo-droppable-slot-edge-to-label,var(--droppable-slot-edge-to-label));padding-right:var(--luzmo-droppable-slot-label-to-controls,var(--droppable-slot-label-to-controls));border-radius:var(--luzmo-droppable-slot-border-radius,var(--droppable-slot-border-radius));height:var(--luzmo-droppable-slot-height,var(--droppable-slot-height));justify-content:space-between;align-items:center;display:flex}:host(.pulse) .droppable-slot{animation:1s ease-in-out infinite dropelementpulse}:host([accept-drag]) .droppable-slot{background-color:var(--luzmo-droppable-slot-accept-drag-background-color,var(--droppable-slot-accept-drag-background-color));color:var(--luzmo-droppable-slot-accept-drag-font-color,var(--droppable-slot-accept-drag-font-color));border-color:var(--luzmo-droppable-slot-accept-drag-border-color,var(--droppable-slot-accept-drag-border-color));animation:1s ease-in-out infinite dropelementpulse}:host([accept-drag]) .controls{background-color:var(--luzmo-droppable-slot-accept-drag-controls-background-color,var(--droppable-slot-accept-drag-controls-background-color));color:var(--luzmo-droppable-slot-accept-drag-controls-color,var(--droppable-slot-accept-drag-controls-color))}:host([would-accept-drag]) .droppable-slot:not([filled]){animation:var(--luzmo-slot-would-accept-drop-animation,none)}@keyframes dropelementpulse{0%{box-shadow:0 0 0 0 var(--luzmo-droppable-slot-pulse-color,var(--droppable-slot-pulse-color)),0 0 0 0 var(--luzmo-droppable-slot-pulse-color,var(--droppable-slot-pulse-color))}to{box-shadow:0 0 0 1rem #0000,0 0 0 1rem #0000}}: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));padding-top:var(--luzmo-droppable-slot-label-padding-top,var(--droppable-slot-label-padding-top));padding-bottom:var(--luzmo-droppable-slot-label-padding-bottom,var(--droppable-slot-label-padding-bottom));max-width:var(--luzmo-droppable-slot-label-max-width);margin-right:var(--luzmo-droppable-slot-text-to-controls,var(--droppable-slot-text-to-controls));text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.controls{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));height:100%;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));font-size:var(--luzmo-droppable-slot-controls-font-size);border-top-right-radius:var(--luzmo-droppable-slot-border-radius,var(--droppable-slot-border-radius));border-bottom-right-radius:var(--luzmo-droppable-slot-border-radius,var(--droppable-slot-border-radius));display:flex}.controls div{cursor:pointer;height:100%;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding,var(--droppable-slot-controls-control-horizontal-padding));align-items:center;display:flex}.droppable-slot.rotate{transform-origin:50%;max-width:15rem;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-90deg)}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-accept-drag-background-color:var(--luzmo-positive-color);--droppable-slot-accept-drag-color:white;--droppable-slot-accept-drag-border-color:var(--luzmo-positive-color-down);--droppable-slot-accept-drag-controls-background-color:var(--luzmo-positive-color-down);--droppable-slot-accept-drag-controls-color:white;--droppable-slot-accept-drag-font-color:white;--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-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-label-to-controls:var(--luzmo-spacing-5);--droppable-slot-color-disabled:var(--luzmo-color-disabled);--droppable-slot-background-color-disabled:var(--luzmo-background-color-disabled);--droppable-slot-pulse-color:rgba(var(--luzmo-positive-color-rgb),.2);--droppable-slot-border-radius:var(--luzmo-border-radius);--droppable-slot-filled-gap:var(--luzmo-spacing-5);--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-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-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-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}`,b=class extends r.t(t.n(t.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){static{this.styles=(0,p.unsafeCSS)(y)}constructor(){super(),this._loadSlotsConfig=new _.Task(this,{task:async([e])=>{if(e&&e!==this._itemTypeLoaded)return this._itemTypeLoaded=e,this._slotsConfig=await c.t(e)??[],this._slotsConfig},args:()=>[this.itemType,this.language]}),this._slotsConfig=[],this.slotConfiguration={},this.slotsContents=[],this.rotate=!1,this.apiUrl=`https://api.luzmo.com`,this.authKey=``,this.authToken=``,this.menu=`default`,this.placement=`bottom-end`,this._slotContents=[],this._overlayReady=!1,this._store=new u.n,this._currentSlotContents=[],this._lastFetchedDatasetId=null,this._linkedDatasetsIds=[],this._attachDroppable=()=>{this._cleanupDroppable||=s.i({element:this,onDrop:async e=>{let t={...e.source?.data},n=e?.source?.element?.hasAttribute(`sublevel`)??!1,r=this._slotContents?.length===0,i=t.datasetId,o=l.n(t,n),s=this.slotConfiguration?.canAcceptMultipleDataFields?[...this._slotContents??[],o]:[o];this.removeAttribute(`accept-drag`),i&&i!==this._lastFetchedDatasetId&&(this._lastFetchedDatasetId=i,await a.t.fetchDatasetsRecursive([i]),this._linkedDatasetsIds=a.t.getLinkedDatasetsIds(i)),this.changedSlotContents(s,this._linkedDatasetsIds).defaultPrevented||(this._slotContents=s,this._currentSlotContents=[...this._slotContents],r?(this._overlayReady=!1,setTimeout(()=>{this._overlayReady=!0},200)):this._overlayReady=!0),this.classList.remove(`pulse`)},canDrop:({source:e})=>this._canDropField({source:e}),getDropEffect:()=>`move`,onDragEnter:()=>{this.setAttribute(`accept-drag`,``),this.classList.add(`pulse`)},onDragLeave:()=>{this.removeAttribute(`accept-drag`),this.classList.remove(`pulse`)}})},this._canDropField=({source:e})=>{if(![`LUZMO-DRAGGABLE-DATA-FIELD-LEVEL`,`LUZMO-DRAGGABLE-DATA-FIELD`].includes(e.element?.tagName)||!this.slotConfiguration?.canAcceptFormula&&(e?.data?.formulaId||e?.data?.formula||e?.data?.entity===`formula`))return!1;let{acceptableDataFieldTypes:t,acceptableColumnSubtypes:n}=this.slotConfiguration??{},r=Array.isArray(t)&&t.length>0?t:l.t;return e?.data?.type&&!r.includes(e?.data?.type)?!1:!(e?.data?.subtype&&Array.isArray(n)&&n.length>0&&!n.includes(e?.data?.subtype))},this.changedSlotContents=(e,t=[])=>{let n=new CustomEvent(`luzmo-slot-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:e,linkedDatasetsIds:t}});return this.dispatchEvent(n),n.defaultPrevented||this._store?.setContents(e,this.slotName),n},this._handleDragStart=e=>{let t=e,n=t.detail?.data;if(this._overlayElement&&(this._overlayElement.open=!1),!n)return;let r={data:n,element:{tagName:t.target instanceof HTMLElement&&t.target.tagName===`LUZMO-DRAGGABLE-DATA-FIELD-LEVEL`?`LUZMO-DRAGGABLE-DATA-FIELD-LEVEL`:`LUZMO-DRAGGABLE-DATA-FIELD`}};this._canDropField({source:r})&&this.setAttribute(`would-accept-drag`,``)},this._handleDragEnd=()=>{this.removeAttribute(`would-accept-drag`)},this._handleOverlayClick=e=>{e.detail>0&&e.target===this._overlayElement?this._overlayElement.open=!1:e.stopPropagation()},new g.ContextProvider(this,{context:o.n,initialValue:this._store})}connectedCallback(){super.connectedCallback(),this._attachDroppable(),document.addEventListener(`luzmo-data-field-drag-started`,this._handleDragStart),document.addEventListener(`luzmo-data-field-dropped`,this._handleDragEnd)}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable&&=(this._cleanupDroppable(),void 0),this._loadSlotsConfig.abort?.(),document.removeEventListener(`luzmo-data-field-drag-started`,this._handleDragStart),document.removeEventListener(`luzmo-data-field-dropped`,this._handleDragEnd)}emptySlotContents(e){e.preventDefault(),e.stopPropagation(),this._slotContents=[],this.changedSlotContents([])}willUpdate(e){super.willUpdate(e),e.has(`slotConfiguration`)&&(this._cleanupDroppable&&=(this._cleanupDroppable(),void 0),this._attachDroppable()),e.has(`slotsContents`)&&this._processSlotsContents()}_processSlotsContents(){this._store?.setFullContents(this.slotsContents),this._slotContents=this.slotsContents?.find(e=>e.name===this.slotName)?.content??[],this._currentSlotContents=[...this._slotContents],this._slotContents?.length>0&&(this._overlayReady=!0),this._store?.setContents(this._slotContents)}firstUpdated(e){super.firstUpdated(e),this._attachDroppable()}_onOverlayClosed(e){let t=e.overlay;this._slotMenuElement&&t===this._overlayElement&&(setTimeout(()=>{this._slotMenuElement.resetPosition()},500),this._slotMenuElement.resetInfoVisibility(),this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-inactive`,{bubbles:!0,composed:!0})))}_onOverlayOpened(e){let t=e.overlay;if(this._slotMenuElement&&t===this._overlayElement){let e=this._store?.activeIndex.get?.()??0,t=this._slotContents?.[e]??this._slotContents?.[0];if(!t)return;let n=t?.column??t?.columnId,r=t?.set??t?.datasetId,i=t?.formula;(n||i)&&r&&(this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-active`,{bubbles:!0,composed:!0,detail:{datasetId:r}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-highlight`,{bubbles:!0,composed:!0,detail:{datasetId:r,level:t?.level??0,...n&&{columnId:n},...i&&{formulaId:i}}}))}))}}_onSlotMenuChanges(e){e.preventDefault(),e.stopPropagation();let t=e.detail.linkedDatasetsIds;this._slotContents=e.detail.slotContents,this._currentSlotContents=[...this._slotContents],this.changedSlotContents(this._slotContents,t)}_onInfoVisibilityChanged(e){this.dispatchEvent(new CustomEvent(`luzmo-info-visibility-changed`,{detail:e.detail}))}get _fullLabel(){let e=``,t=d.t[this.slotConfiguration?.label]?d.t[this.slotConfiguration?.label]():this.slotConfiguration?.label;this._currentSlotContents?.length===1?e=i.t(this._currentSlotContents?.[0]?.label,this.language)??`Untitled`:this._currentSlotContents?.length>1&&(e=`${this._currentSlotContents.length} items`);let n=this.label||t||`Untitled`;return this._currentSlotContents?.length>0&&(n+=this._currentSlotContents?.length>1?`: ${this._currentSlotContents.length} items`:`: ${e}`),n}droppableSlotMarkup(){let e=p.html`
21
- <div
22
- id="trigger"
23
- class="droppable-slot ${this.rotate?`rotate`:``}"
24
- ?filled=${this._slotContents?.length>0}
25
- >
26
- <div class="droppable-slot-label">${this._fullLabel}</div>
27
- ${this._slotContents?.length>0&&!(this.hideConfiguration&&this.hideDelete)?p.html`<div class="controls">
28
- ${this.hideConfiguration?``:p.html`<div>
29
- ${(0,f.luzmoIcon)(f.luzmoCog)}
30
- <luzmo-tooltip
31
- self-managed
32
- placement=${this.rotate?`right`:`top`}
33
- size=${this.size}
34
- >
35
- edit
36
- </luzmo-tooltip>
37
- </div> `}
38
- ${this.hideDelete?``:p.html`<div @click=${this.emptySlotContents}>
39
- ${(0,f.luzmoIcon)(f.luzmoTrashOutline)}
40
- <luzmo-tooltip
41
- self-managed
42
- placement=${this.rotate?`right`:`top`}
43
- size=${this.size}
44
- >
45
- Delete
46
- </luzmo-tooltip>
47
- </div>`}
48
- </div>`:``}
49
- ${this._slotContents?.length>0&&this._overlayReady?p.html`<luzmo-overlay
50
- trigger="trigger@click"
51
- .placement=${this.placement}
52
- offset=${this.rotate?`-100`:`0`}
53
- @luzmo-closed=${this._onOverlayClosed}
54
- @luzmo-opened=${this._onOverlayOpened}
55
- @click=${this._handleOverlayClick}
56
- >
57
- <luzmo-slot-menu
58
- language=${this.language}
59
- content-language=${this.language}
60
- drag-boundary=${(0,v.ifDefined)(this.dragBoundary)}
61
- slot-type=${(0,v.ifDefined)(this.slotConfiguration?.type)}
62
- slot-name=${(0,v.ifDefined)(this.slotName)}
63
- item-type=${(0,v.ifDefined)(this.itemType)}
64
- .areGrandTotalsEnabled=${this.slotConfiguration?.options?.areGrandTotalsEnabled}
65
- .areDatetimeOptionsEnabled=${this.slotConfiguration?.options?.areDatetimeOptionsEnabled}
66
- .isBinningDisabled=${this.slotConfiguration?.options?.isBinningDisabled}
67
- .isAggregationDisabled=${this.slotConfiguration?.options?.isAggregationDisabled}
68
- .isCumulativeSumEnabled=${this.slotConfiguration?.options?.isCumulativeSumEnabled}
69
- .slotContents=${this._slotContents}
70
- variant=${this.menu===`draggable`?`draggable`:`popup`}
71
- .size=${this.size}
72
- api-url=${(0,v.ifDefined)(this.apiUrl)}
73
- auth-key=${(0,v.ifDefined)(this.authKey)}
74
- auth-token=${(0,v.ifDefined)(this.authToken)}
75
- @luzmo-slot-contents-changed=${this._onSlotMenuChanges}
76
- @luzmo-info-visibility-changed=${this._onInfoVisibilityChanged}
77
- ></luzmo-slot-menu>
78
- </luzmo-overlay>`:``}
79
- </div>
80
- `;return this.rotate?p.html`<div class="droppable-slot-wrapper">${e}</div>`:e}render(){return this.slotConfiguration&&Object.keys(this.slotConfiguration).length>0?this.droppableSlotMarkup():this._loadSlotsConfig.render({pending:()=>p.html`
81
- <p>Loading...</p>
82
- `,complete:e=>{if(this.slotName&&this.itemType&&e){let t=e.find(e=>e.name===this.slotName);t&&(this.slotConfiguration=t)}return this.droppableSlotMarkup()},error:e=>p.html`
83
- <div>
84
- Could not load droppable slot: '${this.slotName}' of chart
85
- '${this.itemType}': ${e}.
86
- </div>
87
- `})}};n.t([(0,m.property)({type:String,reflect:!0,attribute:`item-type`})],b.prototype,`itemType`,void 0),n.t([(0,m.property)({type:String,reflect:!0,attribute:`slot-name`})],b.prototype,`slotName`,void 0),n.t([(0,m.property)({type:Object})],b.prototype,`slotConfiguration`,void 0),n.t([(0,m.property)({type:Object})],b.prototype,`slotsContents`,void 0),n.t([(0,m.property)({type:String,reflect:!0})],b.prototype,`label`,void 0),n.t([(0,m.property)({type:String,reflect:!0,attribute:`drag-boundary`})],b.prototype,`dragBoundary`,void 0),n.t([(0,m.property)({type:Boolean,reflect:!0})],b.prototype,`rotate`,void 0),n.t([(0,m.property)({type:String,attribute:`api-url`,reflect:!0})],b.prototype,`apiUrl`,void 0),n.t([(0,m.property)({type:String,attribute:`auth-key`,reflect:!0})],b.prototype,`authKey`,void 0),n.t([(0,m.property)({type:String,attribute:`auth-token`,reflect:!0})],b.prototype,`authToken`,void 0),n.t([(0,m.property)({type:String,reflect:!0})],b.prototype,`menu`,void 0),n.t([(0,m.property)({type:String,reflect:!0})],b.prototype,`placement`,void 0),n.t([(0,m.property)({type:Boolean,reflect:!0,attribute:`hide-delete`})],b.prototype,`hideDelete`,void 0),n.t([(0,m.property)({type:Boolean,reflect:!0,attribute:`hide-configuration`})],b.prototype,`hideConfiguration`,void 0),n.t([(0,m.query)(`luzmo-slot-menu`)],b.prototype,`_slotMenuElement`,void 0),n.t([(0,m.query)(`luzmo-overlay`)],b.prototype,`_overlayElement`,void 0),n.t([(0,m.state)()],b.prototype,`_slotContents`,void 0),n.t([(0,m.state)()],b.prototype,`_overlayReady`,void 0),b=n.t([(0,h.localized)()],b),customElements.get(`luzmo-droppable-slot`)||customElements.define(`luzmo-droppable-slot`,b),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
@@ -1,8 +0,0 @@
1
- import { LuzmoEditFilters } from './edit-filters';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'luzmo-edit-filters': LuzmoEditFilters;
5
- }
6
- }
7
- export { LuzmoEditFilters } from './edit-filters';
8
- export type { FilterCondition, FilterGroup } from './types';
@@ -1,145 +0,0 @@
1
- /*! * A kit of modern Luzmo Web Components for analytics in your web application.
2
- *
3
- * Copyright © 2026 Luzmo
4
- * All rights reserved.
5
- * Luzmo web components (“Luzmo Web Components”)
6
- * must be used according to the Luzmo Terms of Service.
7
- * This license allows users with a current active Luzmo account
8
- * to use the Luzmo Web Components. This license terminates
9
- * automatically if a user no longer has an active Luzmo account.
10
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
11
- *
12
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
14
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
15
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
16
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
17
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
- * SOFTWARE.
19
- * */
20
- const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./localized-mixin-DD2Hm1jz.cjs`);let r=require(`@luzmo/icons`),i=require(`lit`),a=require(`lit/decorators.js`),o=require(`@lit/localize`),s=require(`lit/directives/repeat.js`);require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/button`);let c=require(`@luzmo/lucero/utils`);function l(e){return typeof e==`object`&&!!e&&`condition`in e&&`filters`in e}function u(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function d(e){if(!Array.isArray(e)||e.length===0)return[];let t=u(e[0])?e[0]:void 0,n=e.length>1?e[1]:void 0;return e.length>1?[t,n]:[t]}function f(e){return typeof e.expression!=`string`||e.expression.length===0?null:{expression:e.expression,parameters:d(e.parameters)}}function p(e){if(!e||!e.filters)return{condition:`and`,filters:[],subGroups:[]};let t=[],n=[];for(let r of e.filters)if(l(r))n.push(p(r));else{let e=f(r);e&&t.push(e)}return{condition:e.condition?.toLowerCase()===`or`?`or`:`and`,filters:t,subGroups:n}}function m(e){return e?[p(e)]:[]}function h(e){return{expression:e.expression,parameters:Array.isArray(e.parameters)?[...e.parameters]:[]}}function g(e){let t=e.subGroups??[];return{condition:e.condition===`or`?`OR`:`AND`,filters:[...e.filters.map(h),...t.map(e=>g(e))]}}function _(e){return!e||e.length===0?[]:e.map(e=>g(e))}var v=`:host{font-family:var(--luzmo-edit-filters-font-family,var(--luzmo-font-family));color:var(--luzmo-edit-filters-font-color,var(--luzmo-font-color));max-width:100%;display:block}.filter-group-container{max-width:100%;overflow:hidden}.filter-group{flex-direction:row;min-width:0;max-width:100%;display:flex}.filter-group.nested{margin-top:var(--luzmo-edit-filters-nested-group-margin-top,var(--edit-filters-nested-group-margin-top));margin-bottom:var(--luzmo-edit-filters-nested-group-margin-bottom,var(--edit-filters-nested-group-margin-bottom))}.group-content{flex-direction:column;flex:1;min-width:0;display:flex}.filters-list{gap:var(--luzmo-edit-filters-filters-list-gap,var(--edit-filters-filters-list-gap));flex-direction:column;min-width:0;max-width:100%;display:flex}.filter-item-wrapper{align-items:flex-start;min-width:0;max-width:100%;display:flex;position:relative}.filter-item-content{align-items:center;gap:var(--luzmo-edit-filters-filter-line-gap,var(--edit-filters-filter-line-gap));flex:1;min-width:0;display:flex}.filter-item-content luzmo-filter-item{flex:1;min-width:0}.filter-item-content .delete-filter-button{flex-shrink:0;align-self:center}.condition-wrapper{flex:0 0 var(--luzmo-edit-filters-condition-warpper-width,var(--edit-filters-condition-warpper-width));justify-content:center;align-items:center;display:flex;position:relative}.condition-wrapper:before{content:"";left:50%;top:var(--luzmo-edit-filters-vertical-line-top,var(--edit-filters-vertical-line-top));bottom:var(--luzmo-edit-filters-vertical-line-bottom,var(--edit-filters-vertical-line-bottom));width:var(--luzmo-edit-filters-vertical-line-width,var(--edit-filters-vertical-line-width));background:var(--luzmo-edit-filters-vertical-line-color,var(--luzmo-border-color));position:absolute}.condition-badge{min-width:auto;padding-inline:var(--luzmo-edit-filters-condition-padding-horizontal,var(--edit-filters-condition-padding-horizontal));text-transform:uppercase;background:var(--luzmo-edit-filters-condition-badge-background,var(--luzmo-primary));color:var(--luzmo-edit-filters-condition-badge-color,var(--luzmo-primary-inverse-color));border-radius:var(--luzmo-edit-filters-condition-badge-border-radius,var(--luzmo-border-radius));box-shadow:0 0 0 var(--luzmo-edit-filters-condition-badge-halo,var(--edit-filters-condition-badge-halo))var(--luzmo-edit-filters-condition-badge-background,var(--luzmo-background-color));font-weight:700}.condition-badge:hover{background:var(--luzmo-edit-filters-condition-badge-background-hover,var(--luzmo-primary-hover))}.group-actions{margin-top:var(--luzmo-edit-filters-group-actions-margin-top,var(--edit-filters-group-actions-margin-top));gap:var(--luzmo-edit-filters-group-actions-gap,var(--edit-filters-group-actions-gap));flex-wrap:wrap;display:flex}.delete-group-button{margin-left:auto}.add-root-group-container{margin-top:var(--luzmo-edit-filters-add-root-group-container-margin-top,var(--edit-filters-add-root-group-container-margin-top));padding-left:0}.add-subgroup-button,.add-filter-button{--luzmo-action-button-text-to-visual:var(--luzmo-edit-filters-group-actions-text-to-visual,var(--edit-filters-group-actions-text-to-visual));--luzmo-action-button-content-color-default:var(--luzmo-edit-filters-group-actions-color,var(--luzmo-primary-hover));--luzmo-action-button-content-color-hover:var(--luzmo-edit-filters-group-actions-color-hover,var(--luzmo-primary-hover));--luzmo-action-button-content-color-down:var(--luzmo-edit-filters-group-actions-color-down,var(--luzmo-primary-down));--luzmo-action-button-content-color-focus:var(--luzmo-edit-filters-group-actions-color-focus,var(--luzmo-primary-focus))}.add-group-button{--luzmo-button-padding-label-to-icon:var(--luzmo-edit-filters-add-group-button-text-to-visual,var(--edit-filters-add-group-button-text-to-visual))}.dataset-ids-empty-message{color:var(--luzmo-edit-filters-error-message-color,var(--luzmo-disabled-color));font-size:var(--luzmo-edit-filters-error-message-font-size,var(--edit-filters-font-size))}:host{--edit-filters-condition-warpper-width:56px;--edit-filters-condition-padding-horizontal:var(--luzmo-spacing-2);--edit-filters-condition-badge-halo:var(--luzmo-spacing-3);--edit-filters-filters-list-gap:var(--luzmo-spacing-3);--edit-filters-nested-group-margin-top:var(--luzmo-spacing-3);--edit-filters-nested-group-margin-bottom:var(--luzmo-spacing-3);--edit-filters-vertical-line-top:var(--luzmo-spacing-2);--edit-filters-vertical-line-bottom:var(--luzmo-spacing-2);--edit-filters-vertical-line-width:1px;--edit-filters-group-actions-text-to-visual:var(--luzmo-spacing-2);--edit-filters-add-group-button-text-to-visual:var(--luzmo-spacing-3);--edit-filters-group-actions-gap:var(--luzmo-spacing-3);--edit-filters-add-root-group-container-margin-top:var(--luzmo-spacing-4);--edit-filters-filter-line-gap:var(--luzmo-spacing-3);--edit-filters-group-actions-margin-top:var(--luzmo-spacing-3);--edit-filters-error-message-font-size:var(--luzmo-font-size)}:host([size=s]){--edit-filters-condition-warpper-width:48px;--edit-filters-condition-padding-horizontal:var(--luzmo-spacing-2);--edit-filters-condition-badge-halo:var(--luzmo-spacing-2);--edit-filters-filters-list-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-top:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-bottom:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--edit-filters-vertical-line-top:var(--luzmo-spacing-2);--edit-filters-vertical-line-bottom:var(--luzmo-spacing-2);--edit-filters-group-actions-text-to-visual:var(--luzmo-spacing-1);--edit-filters-add-group-button-text-to-visual:var(--luzmo-spacing-2);--edit-filters-group-actions-gap:var(--luzmo-spacing-2);--edit-filters-add-root-group-container-margin-top:var(--luzmo-spacing-3);--edit-filters-filter-line-gap:var(--luzmo-spacing-2);--edit-filters-group-actions-margin-top:var(--luzmo-spacing-2);--edit-filters-error-message-font-size:var(--luzmo-font-size-s)}:host([size=l]){--edit-filters-condition-warpper-width:64px;--edit-filters-condition-padding-horizontal:var(--luzmo-spacing-3);--edit-filters-condition-badge-halo:var(--luzmo-spacing-4);--edit-filters-filters-list-gap:var(--luzmo-spacing-4);--edit-filters-nested-group-margin-top:var(--luzmo-spacing-4);--edit-filters-nested-group-margin-bottom:var(--luzmo-spacing-4);--edit-filters-vertical-line-top:var(--luzmo-spacing-3);--edit-filters-vertical-line-bottom:var(--luzmo-spacing-3);--edit-filters-group-actions-text-to-visual:var(--luzmo-spacing-2);--edit-filters-add-group-button-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--edit-filters-group-actions-gap:var(--luzmo-spacing-3);--edit-filters-add-root-group-container-margin-top:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-filter-line-gap:var(--luzmo-spacing-3);--edit-filters-group-actions-margin-top:var(--luzmo-spacing-3);--edit-filters-error-message-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--edit-filters-condition-warpper-width:72px;--edit-filters-condition-padding-horizontal:var(--luzmo-spacing-3);--edit-filters-condition-badge-halo:var(--luzmo-spacing-4);--edit-filters-filters-list-gap:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-top:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-nested-group-margin-bottom:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--edit-filters-vertical-line-top:var(--luzmo-spacing-3);--edit-filters-vertical-line-bottom:var(--luzmo-spacing-3);--edit-filters-group-actions-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--edit-filters-add-group-button-text-to-visual:var(--luzmo-spacing-4);--edit-filters-group-actions-gap:var(--luzmo-spacing-4);--edit-filters-add-root-group-container-margin-top:var(--luzmo-spacing-5);--edit-filters-filter-line-gap:var(--luzmo-spacing-4);--edit-filters-group-actions-margin-top:var(--luzmo-spacing-4);--edit-filters-error-message-font-size:var(--luzmo-font-size-xl)}`,y={AND:()=>(0,o.msg)(`AND`,{desc:`Logical AND condition for combining filters`}),OR:()=>(0,o.msg)(`OR`,{desc:`Logical OR condition for combining filters`})},b=class extends n.t((0,c.SizedMixin)(c.LuzmoElement,{validSizes:Object.values(c.ElementSizes)})){constructor(...e){super(...e),this.apiUrl=`https://api.luzmo.com`,this.contentLanguage=`en`,this.filters=[],this.debounce=300,this._internalFilterGroup=null,this._debounceTimeout=null}static get styles(){return[(0,i.unsafeCSS)(v)]}get _oneSizeSmaller(){return{xxs:`xxs`,xs:`xs`,s:`xs`,m:`s`,l:`m`,xl:`l`,xxl:`xl`}[this.size]||`s`}get _isDatasetIdsEmpty(){return!this.datasetIds||this.datasetIds.length===0}disconnectedCallback(){super.disconnectedCallback(),this._debounceTimeout&&=(clearTimeout(this._debounceTimeout),null)}willUpdate(e){if(super.willUpdate(e),e.has(`filters`)){let e=_(this.filters);e.length===0?this._internalFilterGroup=null:e.length===1?this._internalFilterGroup=structuredClone(e[0]):this._internalFilterGroup={condition:`AND`,filters:structuredClone(e)}}}_generateEmptyGroup(){return{condition:`AND`,filters:[]}}_generateEmptyFilter(){return{expression:void 0,parameters:[]}}_getFiltersForExport(){if(!this._internalFilterGroup)return[];if(this._internalFilterGroup.filters.length>0&&this._internalFilterGroup.filters.every(e=>this._isGroup(e)))return structuredClone(this._internalFilterGroup.filters).map(e=>m(e)[0]).filter(e=>!!e);let[e]=m(structuredClone(this._internalFilterGroup));return e?[e]:[]}_sendChangeEvent(){this._debounceTimeout&&clearTimeout(this._debounceTimeout);let e=()=>{this.dispatchEvent(new CustomEvent(`luzmo-filters-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{filters:this._getFiltersForExport()}}))};this.debounce>0?this._debounceTimeout=setTimeout(e,this.debounce):e()}_isGroup(e){return`condition`in e&&`filters`in e}_toggleCondition(e){e.condition=e.condition===`AND`?`OR`:`AND`,this.requestUpdate(),this._sendChangeEvent()}_addFilter(e){if(this._isDatasetIdsEmpty)return;let t=e;t||=(this._internalFilterGroup||=this._generateEmptyGroup(),this._internalFilterGroup),t.filters.push(this._generateEmptyFilter()),this.requestUpdate(),this._sendChangeEvent()}_addSubGroup(e){if(this._isDatasetIdsEmpty)return;let t=this._generateEmptyGroup();t.condition=e.condition===`AND`?`OR`:`AND`,t.filters.push(this._generateEmptyFilter()),e.filters.push(t),this.requestUpdate(),this._sendChangeEvent()}_removeFilter(e,t){if(this._internalFilterGroup){if(e.filters.splice(t,1),e!==this._internalFilterGroup&&e.filters.length===0){let t=this._findParentGroup(this._internalFilterGroup,e);if(t){let n=t.filters.indexOf(e);n!==-1&&t.filters.splice(n,1)}}this._collapseGroupsAfterDelete(),this.requestUpdate(),this._sendChangeEvent()}}_updateFilter(e,t,n){n.stopPropagation(),this._isGroup(e.filters[t])||(e.filters[t]=n.detail.filter,this._sendChangeEvent())}_addGroup(){if(this._isDatasetIdsEmpty)return;this._internalFilterGroup||=this._generateEmptyGroup();let e=this._generateEmptyGroup();e.condition=this._internalFilterGroup.condition===`AND`?`OR`:`AND`,e.filters.push(this._internalFilterGroup);let t=this._generateEmptyGroup();t.condition=e.condition===`AND`?`OR`:`AND`,t.filters.push(this._generateEmptyFilter()),e.filters.push(t),this._internalFilterGroup=e,this.requestUpdate(),this._sendChangeEvent()}_renderFilterItem(e,t,n){return i.html`
21
- <div class="filter-item-wrapper">
22
- <div class="filter-item-content">
23
- <luzmo-filter-item
24
- .apiUrl=${this.apiUrl}
25
- .authKey=${this.authKey}
26
- .authToken=${this.authToken}
27
- .cacheTime=${this.cacheTime}
28
- .language=${this.language}
29
- .contentLanguage=${this.contentLanguage}
30
- .timeZone=${this.timeZone}
31
- .datasetIds=${this.datasetIds}
32
- .filter=${e}
33
- .size=${this.size}
34
- @luzmo-filter-changed=${this._updateFilter.bind(this,t,n)}
35
- ></luzmo-filter-item>
36
- <luzmo-action-button
37
- class="delete-filter-button"
38
- .size=${this.size}
39
- quiet
40
- @click=${this._removeFilter.bind(this,t,n)}
41
- >
42
- <luzmo-icon slot="icon" .icon=${r.luzmoTrashOutline} .size=${this.size}></luzmo-icon>
43
- </luzmo-action-button>
44
- </div>
45
- </div>
46
- `}_renderGroup(e,t=!1){let n=e.filters.length>0,a=e.filters.length>1,c=y[e.condition]?.()??e.condition;return i.html`
47
- <div class="filter-group ${t?`nested`:``}">
48
- ${t?i.html`
49
- <div class="condition-wrapper">
50
- ${a?i.html`
51
- <luzmo-action-button
52
- class="condition-badge"
53
- .size=${this._oneSizeSmaller}
54
- quiet
55
- @click=${this._toggleCondition.bind(this,e)}
56
- >
57
- ${c}
58
- </luzmo-action-button>
59
- `:``}
60
- </div>
61
- `:a?i.html`
62
- <div class="condition-wrapper">
63
- <luzmo-action-button
64
- class="condition-badge"
65
- .size=${this._oneSizeSmaller}
66
- quiet
67
- @click=${this._toggleCondition.bind(this,e)}
68
- >
69
- ${c}
70
- </luzmo-action-button>
71
- </div>
72
- `:``}
73
- <div class="group-content">
74
- ${n?i.html`
75
- <div class="filters-list">
76
- ${(0,s.repeat)(e.filters,(e,t)=>t,(t,n)=>i.html`
77
- ${this._isGroup(t)?this._renderGroup(t,!0):this._renderFilterItem(t,e,n)}
78
- `)}
79
- </div>
80
- `:``}
81
-
82
- <div class="group-actions">
83
- <luzmo-action-button
84
- class="add-filter-button"
85
- .size=${this.size}
86
- quiet
87
- ?disabled=${this._isDatasetIdsEmpty}
88
- @click=${this._addFilter.bind(this,e)}
89
- >
90
- <luzmo-icon slot="icon" .icon=${r.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
91
- ${(0,o.msg)(`Filter`,{desc:`Add filter button label`})}
92
- </luzmo-action-button>
93
-
94
- <luzmo-action-button
95
- class="add-subgroup-button"
96
- .size=${this.size}
97
- quiet
98
- ?disabled=${this._isDatasetIdsEmpty}
99
- @click=${this._addSubGroup.bind(this,e)}
100
- >
101
- <luzmo-icon slot="icon" .icon=${r.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
102
- ${(0,o.msg)(`Subgroup`,{desc:`Add subgroup button label`})}
103
- </luzmo-action-button>
104
- </div>
105
- </div>
106
- </div>
107
- `}_findParentGroup(e,t){for(let n of e.filters){if(n===t)return e;if(this._isGroup(n)){let e=this._findParentGroup(n,t);if(e)return e}}return null}_collapseIfNeeded(e){if(e.filters.length===1&&this._isGroup(e.filters[0])){let t=e.filters[0];e.condition=t.condition,e.filters=t.filters}}_collapseGroupsAfterDelete(){if(!this._internalFilterGroup)return;let e=t=>{for(let n of t.filters)this._isGroup(n)&&e(n);this._collapseIfNeeded(t)};e(this._internalFilterGroup)}render(){if(this._isDatasetIdsEmpty)return i.html`
108
- <div class="filter-group-container">
109
- <div class="dataset-ids-empty-message">
110
- ${(0,o.msg)(`Cannot retrieve dataset data fields`,{desc:`Error message when datasetIds is empty`})}
111
- </div>
112
- </div>
113
- `;if(!this._internalFilterGroup||this._internalFilterGroup.filters.length===0)return i.html`
114
- <div class="filter-group-container">
115
- <luzmo-button
116
- class="add-filter-button"
117
- .size=${this.size}
118
- treatment="outline"
119
- ?disabled=${this._isDatasetIdsEmpty}
120
- @click=${()=>this._addFilter()}
121
- >
122
- <luzmo-icon slot="icon" .icon=${r.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
123
- ${(0,o.msg)(`Add filter`,{desc:`Add filter button label`})}
124
- </luzmo-button>
125
- </div>
126
- `;let e=this._internalFilterGroup.filters.length>1;return i.html`
127
- <div class="filter-group-container">
128
- ${this._renderGroup(this._internalFilterGroup)}
129
-
130
- ${e?i.html`
131
- <div class="add-root-group-container">
132
- <luzmo-button
133
- class="add-group-button"
134
- .size=${this.size}
135
- treatment="outline"
136
- ?disabled=${this._isDatasetIdsEmpty}
137
- @click=${this._addGroup}
138
- >
139
- <luzmo-icon slot="icon" .icon=${r.luzmoPlus} .size=${this._oneSizeSmaller}></luzmo-icon>
140
- ${(0,o.msg)(`Group`,{desc:`Add group button label`})}
141
- </luzmo-button>
142
- </div>
143
- `:``}
144
- </div>
145
- `}};t.t([(0,a.property)({type:String,attribute:`api-url`,reflect:!0})],b.prototype,`apiUrl`,void 0),t.t([(0,a.property)({type:String,attribute:`auth-key`,reflect:!0})],b.prototype,`authKey`,void 0),t.t([(0,a.property)({type:String,attribute:`auth-token`,reflect:!0})],b.prototype,`authToken`,void 0),t.t([(0,a.property)({type:Number,attribute:`cache-time`,reflect:!0})],b.prototype,`cacheTime`,void 0),t.t([(0,a.property)({type:String,attribute:`content-language`,reflect:!0})],b.prototype,`contentLanguage`,void 0),t.t([(0,a.property)({type:String,attribute:`time-zone`,reflect:!0})],b.prototype,`timeZone`,void 0),t.t([(0,a.property)({type:Array,attribute:`dataset-ids`,reflect:!0})],b.prototype,`datasetIds`,void 0),t.t([(0,a.property)({type:Array,reflect:!1})],b.prototype,`filters`,void 0),t.t([(0,a.property)({type:Number,reflect:!0})],b.prototype,`debounce`,void 0),t.t([(0,a.state)()],b.prototype,`_internalFilterGroup`,void 0),b=t.t([(0,o.localized)()],b),customElements.get(`luzmo-edit-filters`)||customElements.define(`luzmo-edit-filters`,b),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
@@ -1,7 +0,0 @@
1
- import { LuzmoEditItem } from './edit-item';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'luzmo-edit-item': LuzmoEditItem;
5
- }
6
- }
7
- export { LuzmoEditItem } from './edit-item';
@@ -1,7 +0,0 @@
1
- import { LuzmoEditOption } from './edit-option';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'luzmo-edit-option': LuzmoEditOption;
5
- }
6
- }
7
- export { LuzmoEditOption } from './edit-option';
@@ -1,7 +0,0 @@
1
- import { LuzmoEditOptionActionButtonGroup } from './edit-option-action-button-group';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'luzmo-edit-option-action-button-group': LuzmoEditOptionActionButtonGroup;
5
- }
6
- }
7
- export { LuzmoEditOptionActionButtonGroup } from './edit-option-action-button-group';
@@ -1,7 +0,0 @@
1
- import { LuzmoEditOptionColorPalettePicker } from './edit-option-color-palette-picker';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'luzmo-edit-option-color-palette-picker': LuzmoEditOptionColorPalettePicker;
5
- }
6
- }
7
- export { LuzmoEditOptionColorPalettePicker } from './edit-option-color-palette-picker';
@@ -1,7 +0,0 @@
1
- import { LuzmoEditOptionColorPicker } from './edit-option-color-picker';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'luzmo-edit-option-color-picker': LuzmoEditOptionColorPicker;
5
- }
6
- }
7
- export { LuzmoEditOptionColorPicker } from './edit-option-color-picker';
@@ -1,7 +0,0 @@
1
- import { LuzmoEditOptionColorRange } from './edit-option-color-range';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'luzmo-edit-option-color-range': LuzmoEditOptionColorRange;
5
- }
6
- }
7
- export { LuzmoEditOptionColorRange } from './edit-option-color-range';
@@ -1,7 +0,0 @@
1
- import { LuzmoEditOptionMultiLangField } from './edit-option-multi-language-field';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'luzmo-edit-option-multi-language-field': LuzmoEditOptionMultiLangField;
5
- }
6
- }
7
- export { LuzmoEditOptionMultiLangField } from './edit-option-multi-language-field';
@@ -1,7 +0,0 @@
1
- import { LuzmoEditOptionNumberField } from './edit-option-number-field';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'luzmo-edit-option-number-field': LuzmoEditOptionNumberField;
5
- }
6
- }
7
- export { LuzmoEditOptionNumberField } from './edit-option-number-field';
@@ -1,7 +0,0 @@
1
- import { LuzmoEditOptionPicker } from './edit-option-picker';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'luzmo-edit-option-picker': LuzmoEditOptionPicker;
5
- }
6
- }
7
- export { LuzmoEditOptionPicker } from './edit-option-picker';
@@ -1,20 +0,0 @@
1
- /*! * A kit of modern Luzmo Web Components for analytics in your web application.
2
- *
3
- * Copyright © 2026 Luzmo
4
- * All rights reserved.
5
- * Luzmo web components (“Luzmo Web Components”)
6
- * must be used according to the Luzmo Terms of Service.
7
- * This license allows users with a current active Luzmo account
8
- * to use the Luzmo Web Components. This license terminates
9
- * automatically if a user no longer has an active Luzmo account.
10
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
11
- *
12
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
14
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
15
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
16
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
17
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
- * SOFTWARE.
19
- * */
20
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-C9s0jVjQ.cjs`),require(`../localized-mixin-DD2Hm1jz.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-position-picker-utD_OSQy.cjs`);exports.LuzmoEditOptionPositionPicker=e.t;
@@ -1,7 +0,0 @@
1
- import { LuzmoEditOptionPositionPicker } from './edit-option-position-picker';
2
- declare global {
3
- interface HTMLElementTagNameMap {
4
- 'luzmo-edit-option-position-picker': LuzmoEditOptionPositionPicker;
5
- }
6
- }
7
- export { LuzmoEditOptionPositionPicker } from './edit-option-position-picker';