@luzmo/analytics-components-kit 1.0.8-beta.6 → 1.0.8-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (314) hide show
  1. package/components/index.cjs +1 -1
  2. package/components/index.js +1 -1
  3. package/components/viz-item-menu/index.cjs +1 -1
  4. package/components/viz-item-menu/index.js +1 -1
  5. package/components/viz-item-menu/viz-item-menu.d.ts +3 -0
  6. package/components/{viz-item-menu-Ht6bklNL.js → viz-item-menu-B7yRaSAU.js} +1 -1
  7. package/components/{viz-item-menu-XHh4qhtn.cjs → viz-item-menu-hLdU-02Q.cjs} +1 -1
  8. package/custom-elements.json +14 -0
  9. package/package.json +1 -1
  10. package/react/package.json +2 -2
  11. package/angular/README.md +0 -40
  12. package/angular/components/ai-chat-empty-state.ts +0 -98
  13. package/angular/components/ai-chat.ts +0 -440
  14. package/angular/components/ai-interaction-textarea.ts +0 -283
  15. package/angular/components/data-field-level.ts +0 -130
  16. package/angular/components/data-field-panel.ts +0 -256
  17. package/angular/components/data-field.ts +0 -130
  18. package/angular/components/data-fields-select.ts +0 -212
  19. package/angular/components/dataset-icon.ts +0 -83
  20. package/angular/components/dataset-selector-list.ts +0 -147
  21. package/angular/components/dataset-selector-row.ts +0 -198
  22. package/angular/components/display-settings-binning.ts +0 -92
  23. package/angular/components/display-settings-datetime.ts +0 -100
  24. package/angular/components/display-settings-grand-totals.ts +0 -92
  25. package/angular/components/display-settings-numeric.ts +0 -113
  26. package/angular/components/display-settings-period-over-period.ts +0 -107
  27. package/angular/components/display-settings.ts +0 -227
  28. package/angular/components/filter-expression-picker.ts +0 -168
  29. package/angular/components/filter-item.ts +0 -175
  30. package/angular/components/filter-parameter-picker.ts +0 -155
  31. package/angular/components/filter-value-picker-datetime.ts +0 -125
  32. package/angular/components/filter-value-picker-hierarchy.ts +0 -146
  33. package/angular/components/filter-value-picker-numeric.ts +0 -146
  34. package/angular/components/filter-value-picker.ts +0 -160
  35. package/angular/components/filters.ts +0 -209
  36. package/angular/components/formula-editor.ts +0 -229
  37. package/angular/components/formula-field.ts +0 -198
  38. package/angular/components/formula.ts +0 -170
  39. package/angular/components/interactive-viz-item.ts +0 -186
  40. package/angular/components/item-grid-item-actions-menu.ts +0 -113
  41. package/angular/components/item-grid.ts +0 -242
  42. package/angular/components/item-option-action-button-group.ts +0 -105
  43. package/angular/components/item-option-color-palette-picker.ts +0 -126
  44. package/angular/components/item-option-color-picker.ts +0 -134
  45. package/angular/components/item-option-color-range.ts +0 -168
  46. package/angular/components/item-option-guidelines.ts +0 -84
  47. package/angular/components/item-option-multi-language-field.ts +0 -133
  48. package/angular/components/item-option-number-field.ts +0 -161
  49. package/angular/components/item-option-panel.ts +0 -149
  50. package/angular/components/item-option-picker.ts +0 -120
  51. package/angular/components/item-option-position-picker.ts +0 -98
  52. package/angular/components/item-option-positions-number-field.ts +0 -140
  53. package/angular/components/item-option-radio-button-group.ts +0 -119
  54. package/angular/components/item-option-slider.ts +0 -126
  55. package/angular/components/item-option-switch.ts +0 -98
  56. package/angular/components/item-option-text-field.ts +0 -112
  57. package/angular/components/item-option.ts +0 -163
  58. package/angular/components/item-slot-drop-panel.ts +0 -236
  59. package/angular/components/item-slot-drop.ts +0 -231
  60. package/angular/components/item-slot-picker-panel.ts +0 -299
  61. package/angular/components/item-slot-picker.ts +0 -241
  62. package/angular/components/slot-menu-list.ts +0 -121
  63. package/angular/components/slot-menu.ts +0 -304
  64. package/angular/components/viz-item-menu.ts +0 -118
  65. package/angular/esm/components/ai-chat-empty-state.d.ts +0 -39
  66. package/angular/esm/components/ai-chat-empty-state.js +0 -99
  67. package/angular/esm/components/ai-chat.d.ts +0 -147
  68. package/angular/esm/components/ai-chat.js +0 -455
  69. package/angular/esm/components/ai-interaction-textarea.d.ts +0 -106
  70. package/angular/esm/components/ai-interaction-textarea.js +0 -305
  71. package/angular/esm/components/data-field-level.d.ts +0 -50
  72. package/angular/esm/components/data-field-level.js +0 -129
  73. package/angular/esm/components/data-field-panel.d.ts +0 -86
  74. package/angular/esm/components/data-field-panel.js +0 -268
  75. package/angular/esm/components/data-field.d.ts +0 -50
  76. package/angular/esm/components/data-field.js +0 -129
  77. package/angular/esm/components/data-fields-select.d.ts +0 -81
  78. package/angular/esm/components/data-fields-select.js +0 -227
  79. package/angular/esm/components/dataset-icon.d.ts +0 -34
  80. package/angular/esm/components/dataset-icon.js +0 -86
  81. package/angular/esm/components/dataset-selector-list.d.ts +0 -56
  82. package/angular/esm/components/dataset-selector-list.js +0 -155
  83. package/angular/esm/components/dataset-selector-row.d.ts +0 -70
  84. package/angular/esm/components/dataset-selector-row.js +0 -197
  85. package/angular/esm/components/display-settings-binning.d.ts +0 -37
  86. package/angular/esm/components/display-settings-binning.js +0 -91
  87. package/angular/esm/components/display-settings-datetime.d.ts +0 -40
  88. package/angular/esm/components/display-settings-datetime.js +0 -99
  89. package/angular/esm/components/display-settings-grand-totals.d.ts +0 -37
  90. package/angular/esm/components/display-settings-grand-totals.js +0 -91
  91. package/angular/esm/components/display-settings-numeric.d.ts +0 -45
  92. package/angular/esm/components/display-settings-numeric.js +0 -115
  93. package/angular/esm/components/display-settings-period-over-period.d.ts +0 -44
  94. package/angular/esm/components/display-settings-period-over-period.js +0 -107
  95. package/angular/esm/components/display-settings.d.ts +0 -83
  96. package/angular/esm/components/display-settings.js +0 -231
  97. package/angular/esm/components/filter-expression-picker.d.ts +0 -64
  98. package/angular/esm/components/filter-expression-picker.js +0 -179
  99. package/angular/esm/components/filter-item.d.ts +0 -63
  100. package/angular/esm/components/filter-item.js +0 -187
  101. package/angular/esm/components/filter-parameter-picker.d.ts +0 -56
  102. package/angular/esm/components/filter-parameter-picker.js +0 -151
  103. package/angular/esm/components/filter-value-picker-datetime.d.ts +0 -47
  104. package/angular/esm/components/filter-value-picker-datetime.js +0 -131
  105. package/angular/esm/components/filter-value-picker-hierarchy.d.ts +0 -53
  106. package/angular/esm/components/filter-value-picker-hierarchy.js +0 -155
  107. package/angular/esm/components/filter-value-picker-numeric.d.ts +0 -53
  108. package/angular/esm/components/filter-value-picker-numeric.js +0 -155
  109. package/angular/esm/components/filter-value-picker.d.ts +0 -57
  110. package/angular/esm/components/filter-value-picker.js +0 -171
  111. package/angular/esm/components/filters.d.ts +0 -75
  112. package/angular/esm/components/filters.js +0 -215
  113. package/angular/esm/components/formula-editor.d.ts +0 -78
  114. package/angular/esm/components/formula-editor.js +0 -236
  115. package/angular/esm/components/formula-field.d.ts +0 -70
  116. package/angular/esm/components/formula-field.js +0 -209
  117. package/angular/esm/components/formula.d.ts +0 -60
  118. package/angular/esm/components/formula.js +0 -177
  119. package/angular/esm/components/interactive-viz-item.d.ts +0 -63
  120. package/angular/esm/components/interactive-viz-item.js +0 -188
  121. package/angular/esm/components/item-grid-item-actions-menu.d.ts +0 -45
  122. package/angular/esm/components/item-grid-item-actions-menu.js +0 -115
  123. package/angular/esm/components/item-grid.d.ts +0 -80
  124. package/angular/esm/components/item-grid.js +0 -245
  125. package/angular/esm/components/item-option-action-button-group.d.ts +0 -41
  126. package/angular/esm/components/item-option-action-button-group.js +0 -107
  127. package/angular/esm/components/item-option-color-palette-picker.d.ts +0 -48
  128. package/angular/esm/components/item-option-color-palette-picker.js +0 -131
  129. package/angular/esm/components/item-option-color-picker.d.ts +0 -51
  130. package/angular/esm/components/item-option-color-picker.js +0 -139
  131. package/angular/esm/components/item-option-color-range.d.ts +0 -66
  132. package/angular/esm/components/item-option-color-range.js +0 -179
  133. package/angular/esm/components/item-option-guidelines.d.ts +0 -34
  134. package/angular/esm/components/item-option-guidelines.js +0 -83
  135. package/angular/esm/components/item-option-multi-language-field.d.ts +0 -50
  136. package/angular/esm/components/item-option-multi-language-field.js +0 -139
  137. package/angular/esm/components/item-option-number-field.d.ts +0 -58
  138. package/angular/esm/components/item-option-number-field.js +0 -171
  139. package/angular/esm/components/item-option-panel.d.ts +0 -54
  140. package/angular/esm/components/item-option-panel.js +0 -155
  141. package/angular/esm/components/item-option-picker.d.ts +0 -46
  142. package/angular/esm/components/item-option-picker.js +0 -123
  143. package/angular/esm/components/item-option-position-picker.d.ts +0 -39
  144. package/angular/esm/components/item-option-position-picker.js +0 -99
  145. package/angular/esm/components/item-option-positions-number-field.d.ts +0 -54
  146. package/angular/esm/components/item-option-positions-number-field.js +0 -147
  147. package/angular/esm/components/item-option-radio-button-group.d.ts +0 -45
  148. package/angular/esm/components/item-option-radio-button-group.js +0 -123
  149. package/angular/esm/components/item-option-slider.d.ts +0 -46
  150. package/angular/esm/components/item-option-slider.js +0 -131
  151. package/angular/esm/components/item-option-switch.d.ts +0 -40
  152. package/angular/esm/components/item-option-switch.js +0 -99
  153. package/angular/esm/components/item-option-text-field.d.ts +0 -44
  154. package/angular/esm/components/item-option-text-field.js +0 -115
  155. package/angular/esm/components/item-option.d.ts +0 -58
  156. package/angular/esm/components/item-option.js +0 -171
  157. package/angular/esm/components/item-slot-drop-panel.d.ts +0 -82
  158. package/angular/esm/components/item-slot-drop-panel.js +0 -249
  159. package/angular/esm/components/item-slot-drop.d.ts +0 -77
  160. package/angular/esm/components/item-slot-drop.js +0 -227
  161. package/angular/esm/components/item-slot-picker-panel.d.ts +0 -97
  162. package/angular/esm/components/item-slot-picker-panel.js +0 -309
  163. package/angular/esm/components/item-slot-picker.d.ts +0 -86
  164. package/angular/esm/components/item-slot-picker.js +0 -259
  165. package/angular/esm/components/slot-menu-list.d.ts +0 -46
  166. package/angular/esm/components/slot-menu-list.js +0 -123
  167. package/angular/esm/components/slot-menu.d.ts +0 -104
  168. package/angular/esm/components/slot-menu.js +0 -300
  169. package/angular/esm/components/viz-item-menu.d.ts +0 -42
  170. package/angular/esm/components/viz-item-menu.js +0 -111
  171. package/angular/esm/index.d.ts +0 -109
  172. package/angular/esm/index.js +0 -217
  173. package/angular/index.ts +0 -223
  174. package/angular/package.json +0 -40
  175. package/angular/tsconfig.json +0 -36
  176. package/angular/type-fallbacks.d.ts +0 -0
  177. package/angular/utils/ai-prompt/attachments.d.ts +0 -10
  178. package/angular/utils/ai-prompt/dictation.d.ts +0 -50
  179. package/angular/utils/ai-prompt/image-upload.d.ts +0 -12
  180. package/angular/utils/ai-prompt/index.d.ts +0 -6
  181. package/angular/utils/ai-prompt/tests/attachments.test.d.ts +0 -1
  182. package/angular/utils/ai-prompt/tests/dictation.test.d.ts +0 -1
  183. package/angular/utils/ai-prompt/tests/image-upload.test.d.ts +0 -1
  184. package/angular/utils/base/base.d.ts +0 -16
  185. package/angular/utils/base/focus-visible.d.ts +0 -29
  186. package/angular/utils/base/focusable.d.ts +0 -58
  187. package/angular/utils/base/index.d.ts +0 -5
  188. package/angular/utils/base/localized-mixin.d.ts +0 -22
  189. package/angular/utils/base/sized-mixin.d.ts +0 -17
  190. package/angular/utils/color/color-palettes.d.ts +0 -17
  191. package/angular/utils/color/extrapolate-color.d.ts +0 -1
  192. package/angular/utils/data/load-data-fields-for-datasets.d.ts +0 -22
  193. package/angular/utils/data-broker/index.d.ts +0 -263
  194. package/angular/utils/data-field-types/calculate-data-field-icon.d.ts +0 -12
  195. package/angular/utils/data-field-types/default-acceptable-data-field-types.d.ts +0 -1
  196. package/angular/utils/data-field-types/tests/calculate-data-field-icon.test.d.ts +0 -1
  197. package/angular/utils/drag/draggable.d.ts +0 -13
  198. package/angular/utils/drag/pragmatic-element-adapter.d.ts +0 -2
  199. package/angular/utils/drag/tests/pragmatic-element-adapter.first-import.test.d.ts +0 -1
  200. package/angular/utils/drag/tests/pragmatic-element-adapter.test.d.ts +0 -1
  201. package/angular/utils/filters/expressions.d.ts +0 -15
  202. package/angular/utils/filters/index.d.ts +0 -1
  203. package/angular/utils/formatter/calculate-duration.d.ts +0 -2
  204. package/angular/utils/formatter/decompose-numeric-format.d.ts +0 -11
  205. package/angular/utils/formatter/default-local-formats.d.ts +0 -20
  206. package/angular/utils/formatter/formats/cs.d.ts +0 -20
  207. package/angular/utils/formatter/formats/da.d.ts +0 -20
  208. package/angular/utils/formatter/formats/de.d.ts +0 -21
  209. package/angular/utils/formatter/formats/en-GB.d.ts +0 -21
  210. package/angular/utils/formatter/formats/en-US.d.ts +0 -1
  211. package/angular/utils/formatter/formats/en.d.ts +0 -1
  212. package/angular/utils/formatter/formats/es.d.ts +0 -54
  213. package/angular/utils/formatter/formats/fi.d.ts +0 -20
  214. package/angular/utils/formatter/formats/fr.d.ts +0 -54
  215. package/angular/utils/formatter/formats/he.d.ts +0 -20
  216. package/angular/utils/formatter/formats/hu.d.ts +0 -20
  217. package/angular/utils/formatter/formats/it.d.ts +0 -54
  218. package/angular/utils/formatter/formats/ja.d.ts +0 -20
  219. package/angular/utils/formatter/formats/ko.d.ts +0 -20
  220. package/angular/utils/formatter/formats/mk.d.ts +0 -20
  221. package/angular/utils/formatter/formats/nl.d.ts +0 -21
  222. package/angular/utils/formatter/formats/no.d.ts +0 -21
  223. package/angular/utils/formatter/formats/pl.d.ts +0 -20
  224. package/angular/utils/formatter/formats/pt.d.ts +0 -20
  225. package/angular/utils/formatter/formats/ru.d.ts +0 -20
  226. package/angular/utils/formatter/formats/sv.d.ts +0 -20
  227. package/angular/utils/formatter/formats/tr.d.ts +0 -21
  228. package/angular/utils/formatter/formats/zh-CN.d.ts +0 -20
  229. package/angular/utils/formatter/formats/zh-TW.d.ts +0 -20
  230. package/angular/utils/formatter/formatter.d.ts +0 -9
  231. package/angular/utils/formatter/get-dataset-name.d.ts +0 -2
  232. package/angular/utils/formatter/get-localized-name.d.ts +0 -4
  233. package/angular/utils/formatter/localize.d.ts +0 -3
  234. package/angular/utils/formatter/smart-datetime-formats.const.d.ts +0 -36
  235. package/angular/utils/formatter/tests/calculate-duration.test.d.ts +0 -1
  236. package/angular/utils/formatter/tests/decompose-numeric-format.test.d.ts +0 -1
  237. package/angular/utils/formatter/tests/default-local-formats.test.d.ts +0 -1
  238. package/angular/utils/formatter/tests/formatter.test.d.ts +0 -1
  239. package/angular/utils/formatter/tests/get-localized-name.test.d.ts +0 -1
  240. package/angular/utils/formatter/tests/localize.test.d.ts +0 -1
  241. package/angular/utils/formula/base/formula-base.d.ts +0 -117
  242. package/angular/utils/formula/base/formula-input-base.d.ts +0 -62
  243. package/angular/utils/formula/codemirror/actions.d.ts +0 -47
  244. package/angular/utils/formula/codemirror/drop-cursor.d.ts +0 -15
  245. package/angular/utils/formula/codemirror/icon-element.d.ts +0 -7
  246. package/angular/utils/formula/codemirror/parser.d.ts +0 -16
  247. package/angular/utils/formula/codemirror/tests/actions.test.d.ts +0 -1
  248. package/angular/utils/formula/codemirror/theme.d.ts +0 -20
  249. package/angular/utils/formula/codemirror/widget.d.ts +0 -18
  250. package/angular/utils/formula/config/aggregations.d.ts +0 -9
  251. package/angular/utils/formula/config/build-datasets.d.ts +0 -10
  252. package/angular/utils/formula/config/expression-helpers.d.ts +0 -42
  253. package/angular/utils/formula/config/functions.d.ts +0 -3
  254. package/angular/utils/formula/config/groupings.d.ts +0 -9
  255. package/angular/utils/formula/config/regex.d.ts +0 -39
  256. package/angular/utils/formula/config/resolve-column-presentation.d.ts +0 -19
  257. package/angular/utils/formula/config/tests/build-datasets.test.d.ts +0 -1
  258. package/angular/utils/formula/config/validate-expression.d.ts +0 -19
  259. package/angular/utils/formula/load-formula-codemirror.d.ts +0 -4
  260. package/angular/utils/formula/render-explanation-tooltip.d.ts +0 -7
  261. package/angular/utils/formula/store/formula-display-store.d.ts +0 -93
  262. package/angular/utils/formula/store/formula-editor-context.d.ts +0 -8
  263. package/angular/utils/formula/store/formula-editor-store.d.ts +0 -46
  264. package/angular/utils/formula/store/tests/formula-editor-store.test.d.ts +0 -1
  265. package/angular/utils/formula/tests/validate-expression.test.d.ts +0 -1
  266. package/angular/utils/get-css-variable.d.ts +0 -1
  267. package/angular/utils/index.d.ts +0 -10
  268. package/angular/utils/localize/set-locale.d.ts +0 -7
  269. package/angular/utils/map-tile-providers/index.d.ts +0 -93
  270. package/angular/utils/set-nested-value.d.ts +0 -6
  271. package/angular/utils/slot-content/ad-hoc-slot-content.d.ts +0 -7
  272. package/angular/utils/slot-content/render-calculation-label.d.ts +0 -7
  273. package/angular/utils/slot-content/tests/ad-hoc-slot-content.test.d.ts +0 -1
  274. package/angular/utils/slot-state/slot-context.d.ts +0 -4
  275. package/angular/utils/slot-state/slot-store.d.ts +0 -39
  276. package/angular/utils/store/base-store.d.ts +0 -158
  277. package/angular/utils/store/dashboard-store.d.ts +0 -49
  278. package/angular/utils/store/index.d.ts +0 -135
  279. package/angular/utils/store/item-store.d.ts +0 -33
  280. package/angular/utils/store/store-registry.d.ts +0 -170
  281. package/angular/utils/store/tests/dashboard-store.test.d.ts +0 -1
  282. package/angular/utils/store/tests/item-store.test.d.ts +0 -1
  283. package/angular/utils/store/tests/store-registry.test.d.ts +0 -1
  284. package/angular/utils/store/types.d.ts +0 -270
  285. package/angular/utils/switch-item/index.d.ts +0 -34
  286. package/angular/utils/switch-item/slot-role-classification.d.ts +0 -31
  287. package/angular/utils/switch-item/stories/switch-item.stories.d.ts +0 -17
  288. package/angular/utils/switch-item/tests/slot-role-classification.test.d.ts +0 -1
  289. package/angular/utils/switch-item/tests/switch-item.test.d.ts +0 -1
  290. package/angular/utils/tests/set-nested-value.test.d.ts +0 -1
  291. package/angular/utils/themes/bliss.d.ts +0 -2
  292. package/angular/utils/themes/classic-dark.d.ts +0 -2
  293. package/angular/utils/themes/classic.d.ts +0 -2
  294. package/angular/utils/themes/default-dark.d.ts +0 -2
  295. package/angular/utils/themes/default.d.ts +0 -2
  296. package/angular/utils/themes/index.d.ts +0 -4
  297. package/angular/utils/themes/orion.d.ts +0 -2
  298. package/angular/utils/themes/pinky.d.ts +0 -2
  299. package/angular/utils/themes/radiant.d.ts +0 -2
  300. package/angular/utils/themes/royale.d.ts +0 -2
  301. package/angular/utils/themes/seasonal.d.ts +0 -2
  302. package/angular/utils/themes/urban.d.ts +0 -2
  303. package/angular/utils/themes/vivid.d.ts +0 -2
  304. package/angular/utils/time/formats.const.d.ts +0 -4
  305. package/angular/utils/time/period-over-period-condition.const.d.ts +0 -8
  306. package/angular/utils/time/periods.const.d.ts +0 -15
  307. package/angular/utils/timezone/datetime-timezone.d.ts +0 -25
  308. package/angular/utils/timezone/tests/datetime-timezone.test.d.ts +0 -1
  309. package/angular/utils/transformations/convert-data-field-to-slot-content.d.ts +0 -9
  310. package/angular/utils/transformations/convert-datasets-to-data-fields.d.ts +0 -30
  311. package/angular/utils/transformations/tests/convert-data-field-to-slot-content.test.d.ts +0 -1
  312. package/angular/utils/transformations/tests/convert-datasets-to-data-fields.test.d.ts +0 -1
  313. package/angular/utils/types/tests/type-check.test.d.ts +0 -1
  314. package/angular/utils/types/type-check.d.ts +0 -28
@@ -1,179 +0,0 @@
1
- import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/filter-expression-picker';
3
- import * as i0 from "@angular/core";
4
- const _c0 = ["*"];
5
- /**
6
- * Angular wrapper component for <luzmo-filter-expression-picker>
7
- */
8
- export class LuzmoFilterExpressionPicker {
9
- elementRef = inject(ElementRef);
10
- renderer = inject(Renderer2);
11
- destroyRef = inject(DestroyRef);
12
- host = this.elementRef.nativeElement;
13
- listenerCleanup = [];
14
- /** The underlying custom element instance. Use to call imperative methods. */
15
- get nativeElement() {
16
- return this.host;
17
- }
18
- /** The filter object */
19
- filter;
20
- /** Whether the picker has a label */
21
- hasLabel;
22
- /** The label for the picker, if hasLabel is true */
23
- label;
24
- /** Allow no selection. If true, the picker will not show a value when no item is selected. Else if no value is provided it will pick the first item. */
25
- allowEmpty;
26
- /** The placeholder text for the picker is no value selected. If allowEmpty is true, this will be used as the label. */
27
- placeholder;
28
- /** Whether the picker is disabled */
29
- disabled;
30
- /** The type of the column */
31
- type;
32
- /** The subtype of the column */
33
- subtype;
34
- /** Whether the expression is invalid */
35
- invalid;
36
- /** Whether the column is a formula */
37
- isFormula;
38
- /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
39
- language;
40
- /** The size of the element */
41
- size;
42
- /** When this control is rendered, focus it automatically */
43
- autofocus;
44
- /** The tab index to apply to this control. See general documentation about the tabindex HTML property */
45
- tabIndex;
46
- /** Fired when the user selects a filter expression (operator); `detail.expression` holds the chosen expression. */
47
- luzmoExpressionSelected = output({ alias: 'luzmoExpressionSelected' });
48
- constructor() {
49
- this.bindEvents();
50
- this.destroyRef.onDestroy(() => {
51
- for (const cleanup of this.listenerCleanup) {
52
- cleanup();
53
- }
54
- });
55
- }
56
- ngOnChanges(changes) {
57
- for (const key of Object.keys(changes)) {
58
- switch (key) {
59
- case 'filter':
60
- this.setHostProperty('filter', changes['filter'].currentValue);
61
- break;
62
- case 'hasLabel':
63
- this.setHostProperty('hasLabel', changes['hasLabel'].currentValue);
64
- break;
65
- case 'label':
66
- this.setHostProperty('label', changes['label'].currentValue);
67
- break;
68
- case 'allowEmpty':
69
- this.setHostProperty('allowEmpty', changes['allowEmpty'].currentValue);
70
- break;
71
- case 'placeholder':
72
- this.setHostProperty('placeholder', changes['placeholder'].currentValue);
73
- break;
74
- case 'disabled':
75
- this.setHostProperty('disabled', changes['disabled'].currentValue);
76
- break;
77
- case 'type':
78
- this.setHostProperty('type', changes['type'].currentValue);
79
- break;
80
- case 'subtype':
81
- this.setHostProperty('subtype', changes['subtype'].currentValue);
82
- break;
83
- case 'invalid':
84
- this.setHostProperty('invalid', changes['invalid'].currentValue);
85
- break;
86
- case 'isFormula':
87
- this.setHostProperty('isFormula', changes['isFormula'].currentValue);
88
- break;
89
- case 'language':
90
- this.setHostProperty('language', changes['language'].currentValue);
91
- break;
92
- case 'size':
93
- this.setHostProperty('size', changes['size'].currentValue);
94
- break;
95
- case 'autofocus':
96
- this.setHostProperty('autofocus', changes['autofocus'].currentValue);
97
- break;
98
- case 'tabIndex':
99
- this.setHostProperty('tabIndex', changes['tabIndex'].currentValue);
100
- break;
101
- default:
102
- break;
103
- }
104
- }
105
- }
106
- /**
107
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
108
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
109
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
110
- * undefined / null by clearing their bindings.
111
- */
112
- setHostProperty(key, value) {
113
- this.renderer.setProperty(this.host, key, value);
114
- }
115
- bindEvents() {
116
- this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-expression-selected', (event) => {
117
- const typed = event;
118
- this.luzmoExpressionSelected.emit(typed);
119
- }));
120
- }
121
- static ɵfac = function LuzmoFilterExpressionPicker_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoFilterExpressionPicker)(); };
122
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoFilterExpressionPicker, selectors: [["luzmo-filter-expression-picker"]], inputs: { filter: "filter", hasLabel: [2, "hasLabel", "hasLabel", booleanAttribute], label: "label", allowEmpty: [2, "allowEmpty", "allowEmpty", booleanAttribute], placeholder: "placeholder", disabled: [2, "disabled", "disabled", booleanAttribute], type: "type", subtype: "subtype", invalid: [2, "invalid", "invalid", booleanAttribute], isFormula: [2, "isFormula", "isFormula", booleanAttribute], language: "language", size: "size", autofocus: [2, "autofocus", "autofocus", booleanAttribute], tabIndex: "tabIndex" }, outputs: { luzmoExpressionSelected: "luzmoExpressionSelected" }, exportAs: ["luzmoFilterExpressionPicker"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoFilterExpressionPicker_Template(rf, ctx) { if (rf & 1) {
123
- i0.ɵɵprojectionDef();
124
- i0.ɵɵprojection(0);
125
- } }, encapsulation: 2 });
126
- }
127
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoFilterExpressionPicker, [{
128
- type: Component,
129
- args: [{
130
- selector: 'luzmo-filter-expression-picker',
131
- exportAs: 'luzmoFilterExpressionPicker',
132
- standalone: true,
133
- changeDetection: ChangeDetectionStrategy.OnPush,
134
- template: '<ng-content />'
135
- }]
136
- }], () => [], { filter: [{
137
- type: Input,
138
- args: [{ alias: 'filter' }]
139
- }], hasLabel: [{
140
- type: Input,
141
- args: [{ alias: 'hasLabel', transform: booleanAttribute }]
142
- }], label: [{
143
- type: Input,
144
- args: [{ alias: 'label' }]
145
- }], allowEmpty: [{
146
- type: Input,
147
- args: [{ alias: 'allowEmpty', transform: booleanAttribute }]
148
- }], placeholder: [{
149
- type: Input,
150
- args: [{ alias: 'placeholder' }]
151
- }], disabled: [{
152
- type: Input,
153
- args: [{ alias: 'disabled', transform: booleanAttribute }]
154
- }], type: [{
155
- type: Input,
156
- args: [{ alias: 'type' }]
157
- }], subtype: [{
158
- type: Input,
159
- args: [{ alias: 'subtype' }]
160
- }], invalid: [{
161
- type: Input,
162
- args: [{ alias: 'invalid', transform: booleanAttribute }]
163
- }], isFormula: [{
164
- type: Input,
165
- args: [{ alias: 'isFormula', transform: booleanAttribute }]
166
- }], language: [{
167
- type: Input,
168
- args: [{ alias: 'language' }]
169
- }], size: [{
170
- type: Input,
171
- args: [{ alias: 'size' }]
172
- }], autofocus: [{
173
- type: Input,
174
- args: [{ alias: 'autofocus', transform: booleanAttribute }]
175
- }], tabIndex: [{
176
- type: Input,
177
- args: [{ alias: 'tabIndex' }]
178
- }], luzmoExpressionSelected: [{ type: i0.Output, args: ["luzmoExpressionSelected"] }] }); })();
179
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoFilterExpressionPicker, { className: "LuzmoFilterExpressionPicker", filePath: "components/filter-expression-picker.ts", lineNumber: 16 }); })();
@@ -1,63 +0,0 @@
1
- import { OnChanges, SimpleChanges } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/filter-item';
3
- import type { LuzmoFilterItem as LuzmoFilterItemHostElement } from '@luzmo/analytics-components-kit/filter-item';
4
- import type { FilterParameter } from '@luzmo/analytics-components-kit/filters';
5
- import * as i0 from "@angular/core";
6
- export declare class LuzmoFilterItem implements OnChanges {
7
- private readonly elementRef;
8
- private readonly renderer;
9
- private readonly destroyRef;
10
- private readonly host;
11
- private readonly listenerCleanup;
12
- /** The underlying custom element instance. Use to call imperative methods. */
13
- get nativeElement(): LuzmoFilterItemHostElement;
14
- /** The API URL of the databroker */
15
- apiUrl?: string;
16
- /** The auth key of the databroker */
17
- authKey?: string;
18
- /** The auth token of the databroker */
19
- authToken?: string;
20
- /** The cache time of the databroker */
21
- cacheTime?: number;
22
- /** The language of the content */
23
- contentLanguage?: string;
24
- /** The time zone to use for the date picker */
25
- timeZone?: string;
26
- /** The dataset ids to fetch columns & formulas */
27
- datasetIds?: string[];
28
- /** The filter to display */
29
- filter?: any;
30
- /** Whether parameter-backed filter values can be created and selected. */
31
- allowParameters?: boolean;
32
- /** Consumer-owned parameter definitions available for selection. */
33
- parameters?: FilterParameter[];
34
- /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
35
- language?: string;
36
- /** The size of the element */
37
- size?: 's' | 'm' | 'l' | 'xl';
38
- /** Disable this control. It will not receive focus or events */
39
- disabled?: boolean;
40
- /** When this control is rendered, focus it automatically */
41
- autofocus?: boolean;
42
- /** The tab index to apply to this control. See general documentation about the tabindex HTML property */
43
- tabIndex?: number;
44
- /** Fired when any part of the filter changes; `detail.filter` holds the updated filter. */
45
- readonly luzmoFilterChanged: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
46
- constructor();
47
- ngOnChanges(changes: SimpleChanges): void;
48
- /**
49
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
50
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
51
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
52
- * undefined / null by clearing their bindings.
53
- */
54
- private setHostProperty;
55
- private bindEvents;
56
- static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoFilterItem, never>;
57
- static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoFilterItem, "luzmo-filter-item", ["luzmoFilterItem"], { "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "cacheTime": { "alias": "cacheTime"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "timeZone": { "alias": "timeZone"; "required": false; }; "datasetIds": { "alias": "datasetIds"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "allowParameters": { "alias": "allowParameters"; "required": false; }; "parameters": { "alias": "parameters"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "luzmoFilterChanged": "luzmoFilterChanged"; }, never, ["*"], true, never>;
58
- static ngAcceptInputType_allowParameters: unknown;
59
- static ngAcceptInputType_disabled: unknown;
60
- static ngAcceptInputType_autofocus: unknown;
61
- }
62
- /** The underlying custom element type for LuzmoFilterItem */
63
- export type LuzmoFilterItemElement = LuzmoFilterItemHostElement;
@@ -1,187 +0,0 @@
1
- import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/filter-item';
3
- import * as i0 from "@angular/core";
4
- const _c0 = ["*"];
5
- /**
6
- * Angular wrapper component for <luzmo-filter-item>
7
- */
8
- export class LuzmoFilterItem {
9
- elementRef = inject(ElementRef);
10
- renderer = inject(Renderer2);
11
- destroyRef = inject(DestroyRef);
12
- host = this.elementRef.nativeElement;
13
- listenerCleanup = [];
14
- /** The underlying custom element instance. Use to call imperative methods. */
15
- get nativeElement() {
16
- return this.host;
17
- }
18
- /** The API URL of the databroker */
19
- apiUrl;
20
- /** The auth key of the databroker */
21
- authKey;
22
- /** The auth token of the databroker */
23
- authToken;
24
- /** The cache time of the databroker */
25
- cacheTime;
26
- /** The language of the content */
27
- contentLanguage;
28
- /** The time zone to use for the date picker */
29
- timeZone;
30
- /** The dataset ids to fetch columns & formulas */
31
- datasetIds;
32
- /** The filter to display */
33
- filter;
34
- /** Whether parameter-backed filter values can be created and selected. */
35
- allowParameters;
36
- /** Consumer-owned parameter definitions available for selection. */
37
- parameters;
38
- /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
39
- language;
40
- /** The size of the element */
41
- size;
42
- /** Disable this control. It will not receive focus or events */
43
- disabled;
44
- /** When this control is rendered, focus it automatically */
45
- autofocus;
46
- /** The tab index to apply to this control. See general documentation about the tabindex HTML property */
47
- tabIndex;
48
- /** Fired when any part of the filter changes; `detail.filter` holds the updated filter. */
49
- luzmoFilterChanged = output({ alias: 'luzmoFilterChanged' });
50
- constructor() {
51
- this.bindEvents();
52
- this.destroyRef.onDestroy(() => {
53
- for (const cleanup of this.listenerCleanup) {
54
- cleanup();
55
- }
56
- });
57
- }
58
- ngOnChanges(changes) {
59
- for (const key of Object.keys(changes)) {
60
- switch (key) {
61
- case 'apiUrl':
62
- this.setHostProperty('apiUrl', changes['apiUrl'].currentValue);
63
- break;
64
- case 'authKey':
65
- this.setHostProperty('authKey', changes['authKey'].currentValue);
66
- break;
67
- case 'authToken':
68
- this.setHostProperty('authToken', changes['authToken'].currentValue);
69
- break;
70
- case 'cacheTime':
71
- this.setHostProperty('cacheTime', changes['cacheTime'].currentValue);
72
- break;
73
- case 'contentLanguage':
74
- this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
75
- break;
76
- case 'timeZone':
77
- this.setHostProperty('timeZone', changes['timeZone'].currentValue);
78
- break;
79
- case 'datasetIds':
80
- this.setHostProperty('datasetIds', changes['datasetIds'].currentValue);
81
- break;
82
- case 'filter':
83
- this.setHostProperty('filter', changes['filter'].currentValue);
84
- break;
85
- case 'allowParameters':
86
- this.setHostProperty('allowParameters', changes['allowParameters'].currentValue);
87
- break;
88
- case 'parameters':
89
- this.setHostProperty('parameters', changes['parameters'].currentValue);
90
- break;
91
- case 'language':
92
- this.setHostProperty('language', changes['language'].currentValue);
93
- break;
94
- case 'size':
95
- this.setHostProperty('size', changes['size'].currentValue);
96
- break;
97
- case 'disabled':
98
- this.setHostProperty('disabled', changes['disabled'].currentValue);
99
- break;
100
- case 'autofocus':
101
- this.setHostProperty('autofocus', changes['autofocus'].currentValue);
102
- break;
103
- case 'tabIndex':
104
- this.setHostProperty('tabIndex', changes['tabIndex'].currentValue);
105
- break;
106
- default:
107
- break;
108
- }
109
- }
110
- }
111
- /**
112
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
113
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
114
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
115
- * undefined / null by clearing their bindings.
116
- */
117
- setHostProperty(key, value) {
118
- this.renderer.setProperty(this.host, key, value);
119
- }
120
- bindEvents() {
121
- this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-filter-changed', (event) => {
122
- const typed = event;
123
- this.luzmoFilterChanged.emit(typed);
124
- }));
125
- }
126
- static ɵfac = function LuzmoFilterItem_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoFilterItem)(); };
127
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoFilterItem, selectors: [["luzmo-filter-item"]], inputs: { apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", cacheTime: "cacheTime", contentLanguage: "contentLanguage", timeZone: "timeZone", datasetIds: "datasetIds", filter: "filter", allowParameters: [2, "allowParameters", "allowParameters", booleanAttribute], parameters: "parameters", language: "language", size: "size", disabled: [2, "disabled", "disabled", booleanAttribute], autofocus: [2, "autofocus", "autofocus", booleanAttribute], tabIndex: "tabIndex" }, outputs: { luzmoFilterChanged: "luzmoFilterChanged" }, exportAs: ["luzmoFilterItem"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoFilterItem_Template(rf, ctx) { if (rf & 1) {
128
- i0.ɵɵprojectionDef();
129
- i0.ɵɵprojection(0);
130
- } }, encapsulation: 2 });
131
- }
132
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoFilterItem, [{
133
- type: Component,
134
- args: [{
135
- selector: 'luzmo-filter-item',
136
- exportAs: 'luzmoFilterItem',
137
- standalone: true,
138
- changeDetection: ChangeDetectionStrategy.OnPush,
139
- template: '<ng-content />'
140
- }]
141
- }], () => [], { apiUrl: [{
142
- type: Input,
143
- args: [{ alias: 'apiUrl' }]
144
- }], authKey: [{
145
- type: Input,
146
- args: [{ alias: 'authKey' }]
147
- }], authToken: [{
148
- type: Input,
149
- args: [{ alias: 'authToken' }]
150
- }], cacheTime: [{
151
- type: Input,
152
- args: [{ alias: 'cacheTime' }]
153
- }], contentLanguage: [{
154
- type: Input,
155
- args: [{ alias: 'contentLanguage' }]
156
- }], timeZone: [{
157
- type: Input,
158
- args: [{ alias: 'timeZone' }]
159
- }], datasetIds: [{
160
- type: Input,
161
- args: [{ alias: 'datasetIds' }]
162
- }], filter: [{
163
- type: Input,
164
- args: [{ alias: 'filter' }]
165
- }], allowParameters: [{
166
- type: Input,
167
- args: [{ alias: 'allowParameters', transform: booleanAttribute }]
168
- }], parameters: [{
169
- type: Input,
170
- args: [{ alias: 'parameters' }]
171
- }], language: [{
172
- type: Input,
173
- args: [{ alias: 'language' }]
174
- }], size: [{
175
- type: Input,
176
- args: [{ alias: 'size' }]
177
- }], disabled: [{
178
- type: Input,
179
- args: [{ alias: 'disabled', transform: booleanAttribute }]
180
- }], autofocus: [{
181
- type: Input,
182
- args: [{ alias: 'autofocus', transform: booleanAttribute }]
183
- }], tabIndex: [{
184
- type: Input,
185
- args: [{ alias: 'tabIndex' }]
186
- }], luzmoFilterChanged: [{ type: i0.Output, args: ["luzmoFilterChanged"] }] }); })();
187
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoFilterItem, { className: "LuzmoFilterItem", filePath: "components/filter-item.ts", lineNumber: 16 }); })();
@@ -1,56 +0,0 @@
1
- import { OnChanges, SimpleChanges } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/filter-parameter-picker';
3
- import type { LuzmoFilterParameterPicker as LuzmoFilterParameterPickerHostElement, FilterParameterPickerEventDetail } from '@luzmo/analytics-components-kit/filter-parameter-picker';
4
- import type { FilterParameterType } from '@luzmo/analytics-components-kit/filters';
5
- import type { ItemFilterParameterDefinition } from '@luzmo/dashboard-contents-types';
6
- import * as i0 from "@angular/core";
7
- export type { FilterParameterPickerEventDetail } from '@luzmo/analytics-components-kit/filter-parameter-picker';
8
- export declare class LuzmoFilterParameterPicker implements OnChanges {
9
- private readonly elementRef;
10
- private readonly renderer;
11
- private readonly destroyRef;
12
- private readonly host;
13
- private readonly listenerCleanup;
14
- /** The underlying custom element instance. Use to call imperative methods. */
15
- get nativeElement(): LuzmoFilterParameterPickerHostElement;
16
- /** Parameter definitions available for selection. */
17
- parameters?: ItemFilterParameterDefinition[];
18
- /** Parameter types compatible with the active field and expression. */
19
- allowedTypes?: FilterParameterType[];
20
- /** The parameter currently attached to the filter. */
21
- selectedParameter?: ItemFilterParameterDefinition;
22
- /** The current literal filter value used as the default for a new parameter. */
23
- currentValue?: unknown;
24
- /** Whether parameter selection is disabled. */
25
- disabled?: boolean;
26
- /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
27
- language?: string;
28
- /** The size of the element */
29
- size?: 's' | 'm' | 'l' | 'xl';
30
- /** When this control is rendered, focus it automatically */
31
- autofocus?: boolean;
32
- /** The tab index to apply to this control. See general documentation about the tabindex HTML property */
33
- tabIndex?: number;
34
- /** Fired when a parameter is selected. */
35
- readonly luzmoParameterSelected: import("@angular/core").OutputEmitterRef<CustomEvent<FilterParameterPickerEventDetail>>;
36
- /** Fired when a parameter is created. */
37
- readonly luzmoParameterCreated: import("@angular/core").OutputEmitterRef<CustomEvent<FilterParameterPickerEventDetail>>;
38
- /** Fired when a parameter is detached from the filter. */
39
- readonly luzmoParameterRemoved: import("@angular/core").OutputEmitterRef<CustomEvent<FilterParameterPickerEventDetail>>;
40
- constructor();
41
- ngOnChanges(changes: SimpleChanges): void;
42
- /**
43
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
44
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
45
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
46
- * undefined / null by clearing their bindings.
47
- */
48
- private setHostProperty;
49
- private bindEvents;
50
- static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoFilterParameterPicker, never>;
51
- static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoFilterParameterPicker, "luzmo-filter-parameter-picker", ["luzmoFilterParameterPicker"], { "parameters": { "alias": "parameters"; "required": false; }; "allowedTypes": { "alias": "allowedTypes"; "required": false; }; "selectedParameter": { "alias": "selectedParameter"; "required": false; }; "currentValue": { "alias": "currentValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "luzmoParameterSelected": "luzmoParameterSelected"; "luzmoParameterCreated": "luzmoParameterCreated"; "luzmoParameterRemoved": "luzmoParameterRemoved"; }, never, ["*"], true, never>;
52
- static ngAcceptInputType_disabled: unknown;
53
- static ngAcceptInputType_autofocus: unknown;
54
- }
55
- /** The underlying custom element type for LuzmoFilterParameterPicker */
56
- export type LuzmoFilterParameterPickerElement = LuzmoFilterParameterPickerHostElement;
@@ -1,151 +0,0 @@
1
- import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/filter-parameter-picker';
3
- import * as i0 from "@angular/core";
4
- const _c0 = ["*"];
5
- /**
6
- * Angular wrapper component for <luzmo-filter-parameter-picker>
7
- */
8
- export class LuzmoFilterParameterPicker {
9
- elementRef = inject(ElementRef);
10
- renderer = inject(Renderer2);
11
- destroyRef = inject(DestroyRef);
12
- host = this.elementRef.nativeElement;
13
- listenerCleanup = [];
14
- /** The underlying custom element instance. Use to call imperative methods. */
15
- get nativeElement() {
16
- return this.host;
17
- }
18
- /** Parameter definitions available for selection. */
19
- parameters;
20
- /** Parameter types compatible with the active field and expression. */
21
- allowedTypes;
22
- /** The parameter currently attached to the filter. */
23
- selectedParameter;
24
- /** The current literal filter value used as the default for a new parameter. */
25
- currentValue;
26
- /** Whether parameter selection is disabled. */
27
- disabled;
28
- /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
29
- language;
30
- /** The size of the element */
31
- size;
32
- /** When this control is rendered, focus it automatically */
33
- autofocus;
34
- /** The tab index to apply to this control. See general documentation about the tabindex HTML property */
35
- tabIndex;
36
- /** Fired when a parameter is selected. */
37
- luzmoParameterSelected = output({ alias: 'luzmoParameterSelected' });
38
- /** Fired when a parameter is created. */
39
- luzmoParameterCreated = output({ alias: 'luzmoParameterCreated' });
40
- /** Fired when a parameter is detached from the filter. */
41
- luzmoParameterRemoved = output({ alias: 'luzmoParameterRemoved' });
42
- constructor() {
43
- this.bindEvents();
44
- this.destroyRef.onDestroy(() => {
45
- for (const cleanup of this.listenerCleanup) {
46
- cleanup();
47
- }
48
- });
49
- }
50
- ngOnChanges(changes) {
51
- for (const key of Object.keys(changes)) {
52
- switch (key) {
53
- case 'parameters':
54
- this.setHostProperty('parameters', changes['parameters'].currentValue);
55
- break;
56
- case 'allowedTypes':
57
- this.setHostProperty('allowedTypes', changes['allowedTypes'].currentValue);
58
- break;
59
- case 'selectedParameter':
60
- this.setHostProperty('selectedParameter', changes['selectedParameter'].currentValue);
61
- break;
62
- case 'currentValue':
63
- this.setHostProperty('currentValue', changes['currentValue'].currentValue);
64
- break;
65
- case 'disabled':
66
- this.setHostProperty('disabled', changes['disabled'].currentValue);
67
- break;
68
- case 'language':
69
- this.setHostProperty('language', changes['language'].currentValue);
70
- break;
71
- case 'size':
72
- this.setHostProperty('size', changes['size'].currentValue);
73
- break;
74
- case 'autofocus':
75
- this.setHostProperty('autofocus', changes['autofocus'].currentValue);
76
- break;
77
- case 'tabIndex':
78
- this.setHostProperty('tabIndex', changes['tabIndex'].currentValue);
79
- break;
80
- default:
81
- break;
82
- }
83
- }
84
- }
85
- /**
86
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
87
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
88
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
89
- * undefined / null by clearing their bindings.
90
- */
91
- setHostProperty(key, value) {
92
- this.renderer.setProperty(this.host, key, value);
93
- }
94
- bindEvents() {
95
- this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-parameter-selected', (event) => {
96
- const typed = event;
97
- this.luzmoParameterSelected.emit(typed);
98
- }));
99
- this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-parameter-created', (event) => {
100
- const typed = event;
101
- this.luzmoParameterCreated.emit(typed);
102
- }));
103
- this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-parameter-removed', (event) => {
104
- const typed = event;
105
- this.luzmoParameterRemoved.emit(typed);
106
- }));
107
- }
108
- static ɵfac = function LuzmoFilterParameterPicker_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoFilterParameterPicker)(); };
109
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoFilterParameterPicker, selectors: [["luzmo-filter-parameter-picker"]], inputs: { parameters: "parameters", allowedTypes: "allowedTypes", selectedParameter: "selectedParameter", currentValue: "currentValue", disabled: [2, "disabled", "disabled", booleanAttribute], language: "language", size: "size", autofocus: [2, "autofocus", "autofocus", booleanAttribute], tabIndex: "tabIndex" }, outputs: { luzmoParameterSelected: "luzmoParameterSelected", luzmoParameterCreated: "luzmoParameterCreated", luzmoParameterRemoved: "luzmoParameterRemoved" }, exportAs: ["luzmoFilterParameterPicker"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoFilterParameterPicker_Template(rf, ctx) { if (rf & 1) {
110
- i0.ɵɵprojectionDef();
111
- i0.ɵɵprojection(0);
112
- } }, encapsulation: 2 });
113
- }
114
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoFilterParameterPicker, [{
115
- type: Component,
116
- args: [{
117
- selector: 'luzmo-filter-parameter-picker',
118
- exportAs: 'luzmoFilterParameterPicker',
119
- standalone: true,
120
- changeDetection: ChangeDetectionStrategy.OnPush,
121
- template: '<ng-content />'
122
- }]
123
- }], () => [], { parameters: [{
124
- type: Input,
125
- args: [{ alias: 'parameters' }]
126
- }], allowedTypes: [{
127
- type: Input,
128
- args: [{ alias: 'allowedTypes' }]
129
- }], selectedParameter: [{
130
- type: Input,
131
- args: [{ alias: 'selectedParameter' }]
132
- }], currentValue: [{
133
- type: Input,
134
- args: [{ alias: 'currentValue' }]
135
- }], disabled: [{
136
- type: Input,
137
- args: [{ alias: 'disabled', transform: booleanAttribute }]
138
- }], language: [{
139
- type: Input,
140
- args: [{ alias: 'language' }]
141
- }], size: [{
142
- type: Input,
143
- args: [{ alias: 'size' }]
144
- }], autofocus: [{
145
- type: Input,
146
- args: [{ alias: 'autofocus', transform: booleanAttribute }]
147
- }], tabIndex: [{
148
- type: Input,
149
- args: [{ alias: 'tabIndex' }]
150
- }], luzmoParameterSelected: [{ type: i0.Output, args: ["luzmoParameterSelected"] }], luzmoParameterCreated: [{ type: i0.Output, args: ["luzmoParameterCreated"] }], luzmoParameterRemoved: [{ type: i0.Output, args: ["luzmoParameterRemoved"] }] }); })();
151
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoFilterParameterPicker, { className: "LuzmoFilterParameterPicker", filePath: "components/filter-parameter-picker.ts", lineNumber: 18 }); })();