@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,147 +0,0 @@
1
- import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/item-option-positions-number-field';
3
- import * as i0 from "@angular/core";
4
- const _c0 = ["*"];
5
- /**
6
- * Angular wrapper component for <luzmo-item-option-positions-number-field>
7
- */
8
- export class LuzmoItemOptionPositionsNumberField {
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 value applied to all positions when sync is enabled. */
19
- syncedValue;
20
- /** Internal timer handle used to debounce change events. */
21
- debounceTimeout;
22
- /** Which positions to render input fields for (e.g. top/right/bottom/left, or corners and center). */
23
- positions;
24
- /** The current numeric value for each position. */
25
- values;
26
- /** Whether the center lock control is shown to sync all positions to a single value. */
27
- canSync;
28
- /** Per-position min/max/step/default constraints for the number inputs. */
29
- positionConfiguration;
30
- /** Whether the inputs are shown in an invalid state. */
31
- invalid;
32
- /** Whether the inputs are read-only. */
33
- readonly;
34
- /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
35
- debounce;
36
- /** Whether all positions are currently synced to a single value. */
37
- sync;
38
- /** Emitted when the option value changes. */
39
- luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
40
- constructor() {
41
- this.bindEvents();
42
- this.destroyRef.onDestroy(() => {
43
- for (const cleanup of this.listenerCleanup) {
44
- cleanup();
45
- }
46
- });
47
- }
48
- ngOnChanges(changes) {
49
- for (const key of Object.keys(changes)) {
50
- switch (key) {
51
- case 'syncedValue':
52
- this.setHostProperty('syncedValue', changes['syncedValue'].currentValue);
53
- break;
54
- case 'debounceTimeout':
55
- this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
56
- break;
57
- case 'positions':
58
- this.setHostProperty('positions', changes['positions'].currentValue);
59
- break;
60
- case 'values':
61
- this.setHostProperty('values', changes['values'].currentValue);
62
- break;
63
- case 'canSync':
64
- this.setHostProperty('canSync', changes['canSync'].currentValue);
65
- break;
66
- case 'positionConfiguration':
67
- this.setHostProperty('positionConfiguration', changes['positionConfiguration'].currentValue);
68
- break;
69
- case 'invalid':
70
- this.setHostProperty('invalid', changes['invalid'].currentValue);
71
- break;
72
- case 'readonly':
73
- this.setHostProperty('readonly', changes['readonly'].currentValue);
74
- break;
75
- case 'debounce':
76
- this.setHostProperty('debounce', changes['debounce'].currentValue);
77
- break;
78
- case 'sync':
79
- this.setHostProperty('sync', changes['sync'].currentValue);
80
- break;
81
- default:
82
- break;
83
- }
84
- }
85
- }
86
- /**
87
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
88
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
89
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
90
- * undefined / null by clearing their bindings.
91
- */
92
- setHostProperty(key, value) {
93
- this.renderer.setProperty(this.host, key, value);
94
- }
95
- bindEvents() {
96
- this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-option-changed', (event) => {
97
- const typed = event;
98
- this.luzmoOptionChanged.emit(typed);
99
- }));
100
- }
101
- static ɵfac = function LuzmoItemOptionPositionsNumberField_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionPositionsNumberField)(); };
102
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionPositionsNumberField, selectors: [["luzmo-item-option-positions-number-field"]], inputs: { syncedValue: "syncedValue", debounceTimeout: "debounceTimeout", positions: "positions", values: "values", canSync: [2, "canSync", "canSync", booleanAttribute], positionConfiguration: "positionConfiguration", invalid: [2, "invalid", "invalid", booleanAttribute], readonly: [2, "readonly", "readonly", booleanAttribute], debounce: "debounce", sync: [2, "sync", "sync", booleanAttribute] }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionPositionsNumberField"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionPositionsNumberField_Template(rf, ctx) { if (rf & 1) {
103
- i0.ɵɵprojectionDef();
104
- i0.ɵɵprojection(0);
105
- } }, encapsulation: 2 });
106
- }
107
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionPositionsNumberField, [{
108
- type: Component,
109
- args: [{
110
- selector: 'luzmo-item-option-positions-number-field',
111
- exportAs: 'luzmoItemOptionPositionsNumberField',
112
- standalone: true,
113
- changeDetection: ChangeDetectionStrategy.OnPush,
114
- template: '<ng-content />'
115
- }]
116
- }], () => [], { syncedValue: [{
117
- type: Input,
118
- args: [{ alias: 'syncedValue' }]
119
- }], debounceTimeout: [{
120
- type: Input,
121
- args: [{ alias: 'debounceTimeout' }]
122
- }], positions: [{
123
- type: Input,
124
- args: [{ alias: 'positions' }]
125
- }], values: [{
126
- type: Input,
127
- args: [{ alias: 'values' }]
128
- }], canSync: [{
129
- type: Input,
130
- args: [{ alias: 'canSync', transform: booleanAttribute }]
131
- }], positionConfiguration: [{
132
- type: Input,
133
- args: [{ alias: 'positionConfiguration' }]
134
- }], invalid: [{
135
- type: Input,
136
- args: [{ alias: 'invalid', transform: booleanAttribute }]
137
- }], readonly: [{
138
- type: Input,
139
- args: [{ alias: 'readonly', transform: booleanAttribute }]
140
- }], debounce: [{
141
- type: Input,
142
- args: [{ alias: 'debounce' }]
143
- }], sync: [{
144
- type: Input,
145
- args: [{ alias: 'sync', transform: booleanAttribute }]
146
- }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
147
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionPositionsNumberField, { className: "LuzmoItemOptionPositionsNumberField", filePath: "components/item-option-positions-number-field.ts", lineNumber: 16 }); })();
@@ -1,45 +0,0 @@
1
- import { OnChanges, SimpleChanges } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/item-option-radio-button-group';
3
- import type { LuzmoItemOptionRadioButtonGroup as LuzmoItemOptionRadioButtonGroupHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-radio-button-group';
4
- import * as i0 from "@angular/core";
5
- export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-radio-button-group';
6
- export declare class LuzmoItemOptionRadioButtonGroup 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(): LuzmoItemOptionRadioButtonGroupHostElement;
14
- /** Internal timer handle used to debounce change events. */
15
- debounceTimeout?: any;
16
- /** The available options to choose from (key → label). */
17
- values?: Record<string, string>;
18
- /** Whether the control is disabled (non-interactive). */
19
- disabled?: boolean;
20
- /** The currently selected option key. */
21
- value?: string;
22
- /** The default option key used when no value is set. */
23
- default?: string;
24
- /** Optional transform applied to the stored value before it is displayed in the control. */
25
- parseValue?: unknown;
26
- /** Optional transform applied to the control's value before it is emitted in the change event. */
27
- toValue?: unknown;
28
- /** Emitted when the option value changes. */
29
- readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
30
- constructor();
31
- ngOnChanges(changes: SimpleChanges): void;
32
- /**
33
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
34
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
35
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
36
- * undefined / null by clearing their bindings.
37
- */
38
- private setHostProperty;
39
- private bindEvents;
40
- static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemOptionRadioButtonGroup, never>;
41
- static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionRadioButtonGroup, "luzmo-item-option-radio-button-group", ["luzmoItemOptionRadioButtonGroup"], { "debounceTimeout": { "alias": "debounceTimeout"; "required": false; }; "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
42
- static ngAcceptInputType_disabled: unknown;
43
- }
44
- /** The underlying custom element type for LuzmoItemOptionRadioButtonGroup */
45
- export type LuzmoItemOptionRadioButtonGroupElement = LuzmoItemOptionRadioButtonGroupHostElement;
@@ -1,123 +0,0 @@
1
- import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/item-option-radio-button-group';
3
- import * as i0 from "@angular/core";
4
- const _c0 = ["*"];
5
- /**
6
- * Angular wrapper component for <luzmo-item-option-radio-button-group>
7
- */
8
- export class LuzmoItemOptionRadioButtonGroup {
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
- /** Internal timer handle used to debounce change events. */
19
- debounceTimeout;
20
- /** The available options to choose from (key → label). */
21
- values;
22
- /** Whether the control is disabled (non-interactive). */
23
- disabled;
24
- /** The currently selected option key. */
25
- value;
26
- /** The default option key used when no value is set. */
27
- default;
28
- /** Optional transform applied to the stored value before it is displayed in the control. */
29
- parseValue;
30
- /** Optional transform applied to the control's value before it is emitted in the change event. */
31
- toValue;
32
- /** Emitted when the option value changes. */
33
- luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
34
- constructor() {
35
- this.bindEvents();
36
- this.destroyRef.onDestroy(() => {
37
- for (const cleanup of this.listenerCleanup) {
38
- cleanup();
39
- }
40
- });
41
- }
42
- ngOnChanges(changes) {
43
- for (const key of Object.keys(changes)) {
44
- switch (key) {
45
- case 'debounceTimeout':
46
- this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
47
- break;
48
- case 'values':
49
- this.setHostProperty('values', changes['values'].currentValue);
50
- break;
51
- case 'disabled':
52
- this.setHostProperty('disabled', changes['disabled'].currentValue);
53
- break;
54
- case 'value':
55
- this.setHostProperty('value', changes['value'].currentValue);
56
- break;
57
- case 'default':
58
- this.setHostProperty('default', changes['default'].currentValue);
59
- break;
60
- case 'parseValue':
61
- this.setHostProperty('parseValue', changes['parseValue'].currentValue);
62
- break;
63
- case 'toValue':
64
- this.setHostProperty('toValue', changes['toValue'].currentValue);
65
- break;
66
- default:
67
- break;
68
- }
69
- }
70
- }
71
- /**
72
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
73
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
74
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
75
- * undefined / null by clearing their bindings.
76
- */
77
- setHostProperty(key, value) {
78
- this.renderer.setProperty(this.host, key, value);
79
- }
80
- bindEvents() {
81
- this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-option-changed', (event) => {
82
- const typed = event;
83
- this.luzmoOptionChanged.emit(typed);
84
- }));
85
- }
86
- static ɵfac = function LuzmoItemOptionRadioButtonGroup_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionRadioButtonGroup)(); };
87
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionRadioButtonGroup, selectors: [["luzmo-item-option-radio-button-group"]], inputs: { debounceTimeout: "debounceTimeout", values: "values", disabled: [2, "disabled", "disabled", booleanAttribute], value: "value", default: "default", parseValue: "parseValue", toValue: "toValue" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionRadioButtonGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionRadioButtonGroup_Template(rf, ctx) { if (rf & 1) {
88
- i0.ɵɵprojectionDef();
89
- i0.ɵɵprojection(0);
90
- } }, encapsulation: 2 });
91
- }
92
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionRadioButtonGroup, [{
93
- type: Component,
94
- args: [{
95
- selector: 'luzmo-item-option-radio-button-group',
96
- exportAs: 'luzmoItemOptionRadioButtonGroup',
97
- standalone: true,
98
- changeDetection: ChangeDetectionStrategy.OnPush,
99
- template: '<ng-content />'
100
- }]
101
- }], () => [], { debounceTimeout: [{
102
- type: Input,
103
- args: [{ alias: 'debounceTimeout' }]
104
- }], values: [{
105
- type: Input,
106
- args: [{ alias: 'values' }]
107
- }], disabled: [{
108
- type: Input,
109
- args: [{ alias: 'disabled', transform: booleanAttribute }]
110
- }], value: [{
111
- type: Input,
112
- args: [{ alias: 'value' }]
113
- }], default: [{
114
- type: Input,
115
- args: [{ alias: 'default' }]
116
- }], parseValue: [{
117
- type: Input,
118
- args: [{ alias: 'parseValue' }]
119
- }], toValue: [{
120
- type: Input,
121
- args: [{ alias: 'toValue' }]
122
- }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
123
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionRadioButtonGroup, { className: "LuzmoItemOptionRadioButtonGroup", filePath: "components/item-option-radio-button-group.ts", lineNumber: 16 }); })();
@@ -1,46 +0,0 @@
1
- import { OnChanges, SimpleChanges } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/item-option-slider';
3
- import type { LuzmoItemOptionSlider as LuzmoItemOptionSliderHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-slider';
4
- import * as i0 from "@angular/core";
5
- export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-slider';
6
- export declare class LuzmoItemOptionSlider 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(): LuzmoItemOptionSliderHostElement;
14
- /** The current slider value. */
15
- value?: number;
16
- /** The default slider value used when no value is set. */
17
- default?: number;
18
- /** The minimum slider value. */
19
- min?: number;
20
- /** The maximum slider value. */
21
- max?: number;
22
- /** The increment between slider values. */
23
- step?: number;
24
- /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
25
- debounce?: number;
26
- /** Optional transform applied to the stored value before it is displayed in the control. */
27
- parseValue?: unknown;
28
- /** Optional transform applied to the control's value before it is emitted in the change event. */
29
- toValue?: unknown;
30
- /** Emitted when the option value changes. */
31
- readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
32
- constructor();
33
- ngOnChanges(changes: SimpleChanges): void;
34
- /**
35
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
36
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
37
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
38
- * undefined / null by clearing their bindings.
39
- */
40
- private setHostProperty;
41
- private bindEvents;
42
- static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemOptionSlider, never>;
43
- static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionSlider, "luzmo-item-option-slider", ["luzmoItemOptionSlider"], { "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
44
- }
45
- /** The underlying custom element type for LuzmoItemOptionSlider */
46
- export type LuzmoItemOptionSliderElement = LuzmoItemOptionSliderHostElement;
@@ -1,131 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/item-option-slider';
3
- import * as i0 from "@angular/core";
4
- const _c0 = ["*"];
5
- /**
6
- * Angular wrapper component for <luzmo-item-option-slider>
7
- */
8
- export class LuzmoItemOptionSlider {
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 current slider value. */
19
- value;
20
- /** The default slider value used when no value is set. */
21
- default;
22
- /** The minimum slider value. */
23
- min;
24
- /** The maximum slider value. */
25
- max;
26
- /** The increment between slider values. */
27
- step;
28
- /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
29
- debounce;
30
- /** Optional transform applied to the stored value before it is displayed in the control. */
31
- parseValue;
32
- /** Optional transform applied to the control's value before it is emitted in the change event. */
33
- toValue;
34
- /** Emitted when the option value changes. */
35
- luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
36
- constructor() {
37
- this.bindEvents();
38
- this.destroyRef.onDestroy(() => {
39
- for (const cleanup of this.listenerCleanup) {
40
- cleanup();
41
- }
42
- });
43
- }
44
- ngOnChanges(changes) {
45
- for (const key of Object.keys(changes)) {
46
- switch (key) {
47
- case 'value':
48
- this.setHostProperty('value', changes['value'].currentValue);
49
- break;
50
- case 'default':
51
- this.setHostProperty('default', changes['default'].currentValue);
52
- break;
53
- case 'min':
54
- this.setHostProperty('min', changes['min'].currentValue);
55
- break;
56
- case 'max':
57
- this.setHostProperty('max', changes['max'].currentValue);
58
- break;
59
- case 'step':
60
- this.setHostProperty('step', changes['step'].currentValue);
61
- break;
62
- case 'debounce':
63
- this.setHostProperty('debounce', changes['debounce'].currentValue);
64
- break;
65
- case 'parseValue':
66
- this.setHostProperty('parseValue', changes['parseValue'].currentValue);
67
- break;
68
- case 'toValue':
69
- this.setHostProperty('toValue', changes['toValue'].currentValue);
70
- break;
71
- default:
72
- break;
73
- }
74
- }
75
- }
76
- /**
77
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
78
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
79
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
80
- * undefined / null by clearing their bindings.
81
- */
82
- setHostProperty(key, value) {
83
- this.renderer.setProperty(this.host, key, value);
84
- }
85
- bindEvents() {
86
- this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-option-changed', (event) => {
87
- const typed = event;
88
- this.luzmoOptionChanged.emit(typed);
89
- }));
90
- }
91
- static ɵfac = function LuzmoItemOptionSlider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionSlider)(); };
92
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionSlider, selectors: [["luzmo-item-option-slider"]], inputs: { value: "value", default: "default", min: "min", max: "max", step: "step", debounce: "debounce", parseValue: "parseValue", toValue: "toValue" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionSlider"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionSlider_Template(rf, ctx) { if (rf & 1) {
93
- i0.ɵɵprojectionDef();
94
- i0.ɵɵprojection(0);
95
- } }, encapsulation: 2 });
96
- }
97
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionSlider, [{
98
- type: Component,
99
- args: [{
100
- selector: 'luzmo-item-option-slider',
101
- exportAs: 'luzmoItemOptionSlider',
102
- standalone: true,
103
- changeDetection: ChangeDetectionStrategy.OnPush,
104
- template: '<ng-content />'
105
- }]
106
- }], () => [], { value: [{
107
- type: Input,
108
- args: [{ alias: 'value' }]
109
- }], default: [{
110
- type: Input,
111
- args: [{ alias: 'default' }]
112
- }], min: [{
113
- type: Input,
114
- args: [{ alias: 'min' }]
115
- }], max: [{
116
- type: Input,
117
- args: [{ alias: 'max' }]
118
- }], step: [{
119
- type: Input,
120
- args: [{ alias: 'step' }]
121
- }], debounce: [{
122
- type: Input,
123
- args: [{ alias: 'debounce' }]
124
- }], parseValue: [{
125
- type: Input,
126
- args: [{ alias: 'parseValue' }]
127
- }], toValue: [{
128
- type: Input,
129
- args: [{ alias: 'toValue' }]
130
- }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
131
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionSlider, { className: "LuzmoItemOptionSlider", filePath: "components/item-option-slider.ts", lineNumber: 16 }); })();
@@ -1,40 +0,0 @@
1
- import { OnChanges, SimpleChanges } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/item-option-switch';
3
- import type { LuzmoItemOptionSwitch as LuzmoItemOptionSwitchHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-switch';
4
- import * as i0 from "@angular/core";
5
- export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-switch';
6
- export declare class LuzmoItemOptionSwitch 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(): LuzmoItemOptionSwitchHostElement;
14
- /** The current on/off state of the switch. */
15
- value?: boolean;
16
- /** The default on/off state used when no value is set. */
17
- default?: boolean;
18
- /** Optional transform applied to the stored value before it is displayed in the control. */
19
- parseValue?: unknown;
20
- /** Optional transform applied to the control's value before it is emitted in the change event. */
21
- toValue?: unknown;
22
- /** Emitted when the option value changes. */
23
- readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
24
- constructor();
25
- ngOnChanges(changes: SimpleChanges): void;
26
- /**
27
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
28
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
29
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
30
- * undefined / null by clearing their bindings.
31
- */
32
- private setHostProperty;
33
- private bindEvents;
34
- static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemOptionSwitch, never>;
35
- static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionSwitch, "luzmo-item-option-switch", ["luzmoItemOptionSwitch"], { "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
36
- static ngAcceptInputType_value: unknown;
37
- static ngAcceptInputType_default: unknown;
38
- }
39
- /** The underlying custom element type for LuzmoItemOptionSwitch */
40
- export type LuzmoItemOptionSwitchElement = LuzmoItemOptionSwitchHostElement;
@@ -1,99 +0,0 @@
1
- import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
2
- import '@luzmo/analytics-components-kit/item-option-switch';
3
- import * as i0 from "@angular/core";
4
- const _c0 = ["*"];
5
- /**
6
- * Angular wrapper component for <luzmo-item-option-switch>
7
- */
8
- export class LuzmoItemOptionSwitch {
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 current on/off state of the switch. */
19
- value;
20
- /** The default on/off state used when no value is set. */
21
- default;
22
- /** Optional transform applied to the stored value before it is displayed in the control. */
23
- parseValue;
24
- /** Optional transform applied to the control's value before it is emitted in the change event. */
25
- toValue;
26
- /** Emitted when the option value changes. */
27
- luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
28
- constructor() {
29
- this.bindEvents();
30
- this.destroyRef.onDestroy(() => {
31
- for (const cleanup of this.listenerCleanup) {
32
- cleanup();
33
- }
34
- });
35
- }
36
- ngOnChanges(changes) {
37
- for (const key of Object.keys(changes)) {
38
- switch (key) {
39
- case 'value':
40
- this.setHostProperty('value', changes['value'].currentValue);
41
- break;
42
- case 'default':
43
- this.setHostProperty('default', changes['default'].currentValue);
44
- break;
45
- case 'parseValue':
46
- this.setHostProperty('parseValue', changes['parseValue'].currentValue);
47
- break;
48
- case 'toValue':
49
- this.setHostProperty('toValue', changes['toValue'].currentValue);
50
- break;
51
- default:
52
- break;
53
- }
54
- }
55
- }
56
- /**
57
- * Forward a wrapper @Input to the underlying host element via Renderer2 so
58
- * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
59
- * Unlike a "skip undefined" guard, this lets consumers reset values back to
60
- * undefined / null by clearing their bindings.
61
- */
62
- setHostProperty(key, value) {
63
- this.renderer.setProperty(this.host, key, value);
64
- }
65
- bindEvents() {
66
- this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-option-changed', (event) => {
67
- const typed = event;
68
- this.luzmoOptionChanged.emit(typed);
69
- }));
70
- }
71
- static ɵfac = function LuzmoItemOptionSwitch_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionSwitch)(); };
72
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionSwitch, selectors: [["luzmo-item-option-switch"]], inputs: { value: [2, "value", "value", booleanAttribute], default: [2, "default", "default", booleanAttribute], parseValue: "parseValue", toValue: "toValue" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionSwitch"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionSwitch_Template(rf, ctx) { if (rf & 1) {
73
- i0.ɵɵprojectionDef();
74
- i0.ɵɵprojection(0);
75
- } }, encapsulation: 2 });
76
- }
77
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionSwitch, [{
78
- type: Component,
79
- args: [{
80
- selector: 'luzmo-item-option-switch',
81
- exportAs: 'luzmoItemOptionSwitch',
82
- standalone: true,
83
- changeDetection: ChangeDetectionStrategy.OnPush,
84
- template: '<ng-content />'
85
- }]
86
- }], () => [], { value: [{
87
- type: Input,
88
- args: [{ alias: 'value', transform: booleanAttribute }]
89
- }], default: [{
90
- type: Input,
91
- args: [{ alias: 'default', transform: booleanAttribute }]
92
- }], parseValue: [{
93
- type: Input,
94
- args: [{ alias: 'parseValue' }]
95
- }], toValue: [{
96
- type: Input,
97
- args: [{ alias: 'toValue' }]
98
- }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
99
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionSwitch, { className: "LuzmoItemOptionSwitch", filePath: "components/item-option-switch.ts", lineNumber: 16 }); })();