@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.
- package/components/index.cjs +1 -1
- package/components/index.js +1 -1
- package/components/viz-item-menu/index.cjs +1 -1
- package/components/viz-item-menu/index.js +1 -1
- package/components/viz-item-menu/viz-item-menu.d.ts +3 -0
- package/components/{viz-item-menu-Ht6bklNL.js → viz-item-menu-B7yRaSAU.js} +1 -1
- package/components/{viz-item-menu-XHh4qhtn.cjs → viz-item-menu-hLdU-02Q.cjs} +1 -1
- package/custom-elements.json +14 -0
- package/package.json +1 -1
- package/react/package.json +2 -2
- package/angular/README.md +0 -40
- package/angular/components/ai-chat-empty-state.ts +0 -98
- package/angular/components/ai-chat.ts +0 -440
- package/angular/components/ai-interaction-textarea.ts +0 -283
- package/angular/components/data-field-level.ts +0 -130
- package/angular/components/data-field-panel.ts +0 -256
- package/angular/components/data-field.ts +0 -130
- package/angular/components/data-fields-select.ts +0 -212
- package/angular/components/dataset-icon.ts +0 -83
- package/angular/components/dataset-selector-list.ts +0 -147
- package/angular/components/dataset-selector-row.ts +0 -198
- package/angular/components/display-settings-binning.ts +0 -92
- package/angular/components/display-settings-datetime.ts +0 -100
- package/angular/components/display-settings-grand-totals.ts +0 -92
- package/angular/components/display-settings-numeric.ts +0 -113
- package/angular/components/display-settings-period-over-period.ts +0 -107
- package/angular/components/display-settings.ts +0 -227
- package/angular/components/filter-expression-picker.ts +0 -168
- package/angular/components/filter-item.ts +0 -175
- package/angular/components/filter-parameter-picker.ts +0 -155
- package/angular/components/filter-value-picker-datetime.ts +0 -125
- package/angular/components/filter-value-picker-hierarchy.ts +0 -146
- package/angular/components/filter-value-picker-numeric.ts +0 -146
- package/angular/components/filter-value-picker.ts +0 -160
- package/angular/components/filters.ts +0 -209
- package/angular/components/formula-editor.ts +0 -229
- package/angular/components/formula-field.ts +0 -198
- package/angular/components/formula.ts +0 -170
- package/angular/components/interactive-viz-item.ts +0 -186
- package/angular/components/item-grid-item-actions-menu.ts +0 -113
- package/angular/components/item-grid.ts +0 -242
- package/angular/components/item-option-action-button-group.ts +0 -105
- package/angular/components/item-option-color-palette-picker.ts +0 -126
- package/angular/components/item-option-color-picker.ts +0 -134
- package/angular/components/item-option-color-range.ts +0 -168
- package/angular/components/item-option-guidelines.ts +0 -84
- package/angular/components/item-option-multi-language-field.ts +0 -133
- package/angular/components/item-option-number-field.ts +0 -161
- package/angular/components/item-option-panel.ts +0 -149
- package/angular/components/item-option-picker.ts +0 -120
- package/angular/components/item-option-position-picker.ts +0 -98
- package/angular/components/item-option-positions-number-field.ts +0 -140
- package/angular/components/item-option-radio-button-group.ts +0 -119
- package/angular/components/item-option-slider.ts +0 -126
- package/angular/components/item-option-switch.ts +0 -98
- package/angular/components/item-option-text-field.ts +0 -112
- package/angular/components/item-option.ts +0 -163
- package/angular/components/item-slot-drop-panel.ts +0 -236
- package/angular/components/item-slot-drop.ts +0 -231
- package/angular/components/item-slot-picker-panel.ts +0 -299
- package/angular/components/item-slot-picker.ts +0 -241
- package/angular/components/slot-menu-list.ts +0 -121
- package/angular/components/slot-menu.ts +0 -304
- package/angular/components/viz-item-menu.ts +0 -118
- package/angular/esm/components/ai-chat-empty-state.d.ts +0 -39
- package/angular/esm/components/ai-chat-empty-state.js +0 -99
- package/angular/esm/components/ai-chat.d.ts +0 -147
- package/angular/esm/components/ai-chat.js +0 -455
- package/angular/esm/components/ai-interaction-textarea.d.ts +0 -106
- package/angular/esm/components/ai-interaction-textarea.js +0 -305
- package/angular/esm/components/data-field-level.d.ts +0 -50
- package/angular/esm/components/data-field-level.js +0 -129
- package/angular/esm/components/data-field-panel.d.ts +0 -86
- package/angular/esm/components/data-field-panel.js +0 -268
- package/angular/esm/components/data-field.d.ts +0 -50
- package/angular/esm/components/data-field.js +0 -129
- package/angular/esm/components/data-fields-select.d.ts +0 -81
- package/angular/esm/components/data-fields-select.js +0 -227
- package/angular/esm/components/dataset-icon.d.ts +0 -34
- package/angular/esm/components/dataset-icon.js +0 -86
- package/angular/esm/components/dataset-selector-list.d.ts +0 -56
- package/angular/esm/components/dataset-selector-list.js +0 -155
- package/angular/esm/components/dataset-selector-row.d.ts +0 -70
- package/angular/esm/components/dataset-selector-row.js +0 -197
- package/angular/esm/components/display-settings-binning.d.ts +0 -37
- package/angular/esm/components/display-settings-binning.js +0 -91
- package/angular/esm/components/display-settings-datetime.d.ts +0 -40
- package/angular/esm/components/display-settings-datetime.js +0 -99
- package/angular/esm/components/display-settings-grand-totals.d.ts +0 -37
- package/angular/esm/components/display-settings-grand-totals.js +0 -91
- package/angular/esm/components/display-settings-numeric.d.ts +0 -45
- package/angular/esm/components/display-settings-numeric.js +0 -115
- package/angular/esm/components/display-settings-period-over-period.d.ts +0 -44
- package/angular/esm/components/display-settings-period-over-period.js +0 -107
- package/angular/esm/components/display-settings.d.ts +0 -83
- package/angular/esm/components/display-settings.js +0 -231
- package/angular/esm/components/filter-expression-picker.d.ts +0 -64
- package/angular/esm/components/filter-expression-picker.js +0 -179
- package/angular/esm/components/filter-item.d.ts +0 -63
- package/angular/esm/components/filter-item.js +0 -187
- package/angular/esm/components/filter-parameter-picker.d.ts +0 -56
- package/angular/esm/components/filter-parameter-picker.js +0 -151
- package/angular/esm/components/filter-value-picker-datetime.d.ts +0 -47
- package/angular/esm/components/filter-value-picker-datetime.js +0 -131
- package/angular/esm/components/filter-value-picker-hierarchy.d.ts +0 -53
- package/angular/esm/components/filter-value-picker-hierarchy.js +0 -155
- package/angular/esm/components/filter-value-picker-numeric.d.ts +0 -53
- package/angular/esm/components/filter-value-picker-numeric.js +0 -155
- package/angular/esm/components/filter-value-picker.d.ts +0 -57
- package/angular/esm/components/filter-value-picker.js +0 -171
- package/angular/esm/components/filters.d.ts +0 -75
- package/angular/esm/components/filters.js +0 -215
- package/angular/esm/components/formula-editor.d.ts +0 -78
- package/angular/esm/components/formula-editor.js +0 -236
- package/angular/esm/components/formula-field.d.ts +0 -70
- package/angular/esm/components/formula-field.js +0 -209
- package/angular/esm/components/formula.d.ts +0 -60
- package/angular/esm/components/formula.js +0 -177
- package/angular/esm/components/interactive-viz-item.d.ts +0 -63
- package/angular/esm/components/interactive-viz-item.js +0 -188
- package/angular/esm/components/item-grid-item-actions-menu.d.ts +0 -45
- package/angular/esm/components/item-grid-item-actions-menu.js +0 -115
- package/angular/esm/components/item-grid.d.ts +0 -80
- package/angular/esm/components/item-grid.js +0 -245
- package/angular/esm/components/item-option-action-button-group.d.ts +0 -41
- package/angular/esm/components/item-option-action-button-group.js +0 -107
- package/angular/esm/components/item-option-color-palette-picker.d.ts +0 -48
- package/angular/esm/components/item-option-color-palette-picker.js +0 -131
- package/angular/esm/components/item-option-color-picker.d.ts +0 -51
- package/angular/esm/components/item-option-color-picker.js +0 -139
- package/angular/esm/components/item-option-color-range.d.ts +0 -66
- package/angular/esm/components/item-option-color-range.js +0 -179
- package/angular/esm/components/item-option-guidelines.d.ts +0 -34
- package/angular/esm/components/item-option-guidelines.js +0 -83
- package/angular/esm/components/item-option-multi-language-field.d.ts +0 -50
- package/angular/esm/components/item-option-multi-language-field.js +0 -139
- package/angular/esm/components/item-option-number-field.d.ts +0 -58
- package/angular/esm/components/item-option-number-field.js +0 -171
- package/angular/esm/components/item-option-panel.d.ts +0 -54
- package/angular/esm/components/item-option-panel.js +0 -155
- package/angular/esm/components/item-option-picker.d.ts +0 -46
- package/angular/esm/components/item-option-picker.js +0 -123
- package/angular/esm/components/item-option-position-picker.d.ts +0 -39
- package/angular/esm/components/item-option-position-picker.js +0 -99
- package/angular/esm/components/item-option-positions-number-field.d.ts +0 -54
- package/angular/esm/components/item-option-positions-number-field.js +0 -147
- package/angular/esm/components/item-option-radio-button-group.d.ts +0 -45
- package/angular/esm/components/item-option-radio-button-group.js +0 -123
- package/angular/esm/components/item-option-slider.d.ts +0 -46
- package/angular/esm/components/item-option-slider.js +0 -131
- package/angular/esm/components/item-option-switch.d.ts +0 -40
- package/angular/esm/components/item-option-switch.js +0 -99
- package/angular/esm/components/item-option-text-field.d.ts +0 -44
- package/angular/esm/components/item-option-text-field.js +0 -115
- package/angular/esm/components/item-option.d.ts +0 -58
- package/angular/esm/components/item-option.js +0 -171
- package/angular/esm/components/item-slot-drop-panel.d.ts +0 -82
- package/angular/esm/components/item-slot-drop-panel.js +0 -249
- package/angular/esm/components/item-slot-drop.d.ts +0 -77
- package/angular/esm/components/item-slot-drop.js +0 -227
- package/angular/esm/components/item-slot-picker-panel.d.ts +0 -97
- package/angular/esm/components/item-slot-picker-panel.js +0 -309
- package/angular/esm/components/item-slot-picker.d.ts +0 -86
- package/angular/esm/components/item-slot-picker.js +0 -259
- package/angular/esm/components/slot-menu-list.d.ts +0 -46
- package/angular/esm/components/slot-menu-list.js +0 -123
- package/angular/esm/components/slot-menu.d.ts +0 -104
- package/angular/esm/components/slot-menu.js +0 -300
- package/angular/esm/components/viz-item-menu.d.ts +0 -42
- package/angular/esm/components/viz-item-menu.js +0 -111
- package/angular/esm/index.d.ts +0 -109
- package/angular/esm/index.js +0 -217
- package/angular/index.ts +0 -223
- package/angular/package.json +0 -40
- package/angular/tsconfig.json +0 -36
- package/angular/type-fallbacks.d.ts +0 -0
- package/angular/utils/ai-prompt/attachments.d.ts +0 -10
- package/angular/utils/ai-prompt/dictation.d.ts +0 -50
- package/angular/utils/ai-prompt/image-upload.d.ts +0 -12
- package/angular/utils/ai-prompt/index.d.ts +0 -6
- package/angular/utils/ai-prompt/tests/attachments.test.d.ts +0 -1
- package/angular/utils/ai-prompt/tests/dictation.test.d.ts +0 -1
- package/angular/utils/ai-prompt/tests/image-upload.test.d.ts +0 -1
- package/angular/utils/base/base.d.ts +0 -16
- package/angular/utils/base/focus-visible.d.ts +0 -29
- package/angular/utils/base/focusable.d.ts +0 -58
- package/angular/utils/base/index.d.ts +0 -5
- package/angular/utils/base/localized-mixin.d.ts +0 -22
- package/angular/utils/base/sized-mixin.d.ts +0 -17
- package/angular/utils/color/color-palettes.d.ts +0 -17
- package/angular/utils/color/extrapolate-color.d.ts +0 -1
- package/angular/utils/data/load-data-fields-for-datasets.d.ts +0 -22
- package/angular/utils/data-broker/index.d.ts +0 -263
- package/angular/utils/data-field-types/calculate-data-field-icon.d.ts +0 -12
- package/angular/utils/data-field-types/default-acceptable-data-field-types.d.ts +0 -1
- package/angular/utils/data-field-types/tests/calculate-data-field-icon.test.d.ts +0 -1
- package/angular/utils/drag/draggable.d.ts +0 -13
- package/angular/utils/drag/pragmatic-element-adapter.d.ts +0 -2
- package/angular/utils/drag/tests/pragmatic-element-adapter.first-import.test.d.ts +0 -1
- package/angular/utils/drag/tests/pragmatic-element-adapter.test.d.ts +0 -1
- package/angular/utils/filters/expressions.d.ts +0 -15
- package/angular/utils/filters/index.d.ts +0 -1
- package/angular/utils/formatter/calculate-duration.d.ts +0 -2
- package/angular/utils/formatter/decompose-numeric-format.d.ts +0 -11
- package/angular/utils/formatter/default-local-formats.d.ts +0 -20
- package/angular/utils/formatter/formats/cs.d.ts +0 -20
- package/angular/utils/formatter/formats/da.d.ts +0 -20
- package/angular/utils/formatter/formats/de.d.ts +0 -21
- package/angular/utils/formatter/formats/en-GB.d.ts +0 -21
- package/angular/utils/formatter/formats/en-US.d.ts +0 -1
- package/angular/utils/formatter/formats/en.d.ts +0 -1
- package/angular/utils/formatter/formats/es.d.ts +0 -54
- package/angular/utils/formatter/formats/fi.d.ts +0 -20
- package/angular/utils/formatter/formats/fr.d.ts +0 -54
- package/angular/utils/formatter/formats/he.d.ts +0 -20
- package/angular/utils/formatter/formats/hu.d.ts +0 -20
- package/angular/utils/formatter/formats/it.d.ts +0 -54
- package/angular/utils/formatter/formats/ja.d.ts +0 -20
- package/angular/utils/formatter/formats/ko.d.ts +0 -20
- package/angular/utils/formatter/formats/mk.d.ts +0 -20
- package/angular/utils/formatter/formats/nl.d.ts +0 -21
- package/angular/utils/formatter/formats/no.d.ts +0 -21
- package/angular/utils/formatter/formats/pl.d.ts +0 -20
- package/angular/utils/formatter/formats/pt.d.ts +0 -20
- package/angular/utils/formatter/formats/ru.d.ts +0 -20
- package/angular/utils/formatter/formats/sv.d.ts +0 -20
- package/angular/utils/formatter/formats/tr.d.ts +0 -21
- package/angular/utils/formatter/formats/zh-CN.d.ts +0 -20
- package/angular/utils/formatter/formats/zh-TW.d.ts +0 -20
- package/angular/utils/formatter/formatter.d.ts +0 -9
- package/angular/utils/formatter/get-dataset-name.d.ts +0 -2
- package/angular/utils/formatter/get-localized-name.d.ts +0 -4
- package/angular/utils/formatter/localize.d.ts +0 -3
- package/angular/utils/formatter/smart-datetime-formats.const.d.ts +0 -36
- package/angular/utils/formatter/tests/calculate-duration.test.d.ts +0 -1
- package/angular/utils/formatter/tests/decompose-numeric-format.test.d.ts +0 -1
- package/angular/utils/formatter/tests/default-local-formats.test.d.ts +0 -1
- package/angular/utils/formatter/tests/formatter.test.d.ts +0 -1
- package/angular/utils/formatter/tests/get-localized-name.test.d.ts +0 -1
- package/angular/utils/formatter/tests/localize.test.d.ts +0 -1
- package/angular/utils/formula/base/formula-base.d.ts +0 -117
- package/angular/utils/formula/base/formula-input-base.d.ts +0 -62
- package/angular/utils/formula/codemirror/actions.d.ts +0 -47
- package/angular/utils/formula/codemirror/drop-cursor.d.ts +0 -15
- package/angular/utils/formula/codemirror/icon-element.d.ts +0 -7
- package/angular/utils/formula/codemirror/parser.d.ts +0 -16
- package/angular/utils/formula/codemirror/tests/actions.test.d.ts +0 -1
- package/angular/utils/formula/codemirror/theme.d.ts +0 -20
- package/angular/utils/formula/codemirror/widget.d.ts +0 -18
- package/angular/utils/formula/config/aggregations.d.ts +0 -9
- package/angular/utils/formula/config/build-datasets.d.ts +0 -10
- package/angular/utils/formula/config/expression-helpers.d.ts +0 -42
- package/angular/utils/formula/config/functions.d.ts +0 -3
- package/angular/utils/formula/config/groupings.d.ts +0 -9
- package/angular/utils/formula/config/regex.d.ts +0 -39
- package/angular/utils/formula/config/resolve-column-presentation.d.ts +0 -19
- package/angular/utils/formula/config/tests/build-datasets.test.d.ts +0 -1
- package/angular/utils/formula/config/validate-expression.d.ts +0 -19
- package/angular/utils/formula/load-formula-codemirror.d.ts +0 -4
- package/angular/utils/formula/render-explanation-tooltip.d.ts +0 -7
- package/angular/utils/formula/store/formula-display-store.d.ts +0 -93
- package/angular/utils/formula/store/formula-editor-context.d.ts +0 -8
- package/angular/utils/formula/store/formula-editor-store.d.ts +0 -46
- package/angular/utils/formula/store/tests/formula-editor-store.test.d.ts +0 -1
- package/angular/utils/formula/tests/validate-expression.test.d.ts +0 -1
- package/angular/utils/get-css-variable.d.ts +0 -1
- package/angular/utils/index.d.ts +0 -10
- package/angular/utils/localize/set-locale.d.ts +0 -7
- package/angular/utils/map-tile-providers/index.d.ts +0 -93
- package/angular/utils/set-nested-value.d.ts +0 -6
- package/angular/utils/slot-content/ad-hoc-slot-content.d.ts +0 -7
- package/angular/utils/slot-content/render-calculation-label.d.ts +0 -7
- package/angular/utils/slot-content/tests/ad-hoc-slot-content.test.d.ts +0 -1
- package/angular/utils/slot-state/slot-context.d.ts +0 -4
- package/angular/utils/slot-state/slot-store.d.ts +0 -39
- package/angular/utils/store/base-store.d.ts +0 -158
- package/angular/utils/store/dashboard-store.d.ts +0 -49
- package/angular/utils/store/index.d.ts +0 -135
- package/angular/utils/store/item-store.d.ts +0 -33
- package/angular/utils/store/store-registry.d.ts +0 -170
- package/angular/utils/store/tests/dashboard-store.test.d.ts +0 -1
- package/angular/utils/store/tests/item-store.test.d.ts +0 -1
- package/angular/utils/store/tests/store-registry.test.d.ts +0 -1
- package/angular/utils/store/types.d.ts +0 -270
- package/angular/utils/switch-item/index.d.ts +0 -34
- package/angular/utils/switch-item/slot-role-classification.d.ts +0 -31
- package/angular/utils/switch-item/stories/switch-item.stories.d.ts +0 -17
- package/angular/utils/switch-item/tests/slot-role-classification.test.d.ts +0 -1
- package/angular/utils/switch-item/tests/switch-item.test.d.ts +0 -1
- package/angular/utils/tests/set-nested-value.test.d.ts +0 -1
- package/angular/utils/themes/bliss.d.ts +0 -2
- package/angular/utils/themes/classic-dark.d.ts +0 -2
- package/angular/utils/themes/classic.d.ts +0 -2
- package/angular/utils/themes/default-dark.d.ts +0 -2
- package/angular/utils/themes/default.d.ts +0 -2
- package/angular/utils/themes/index.d.ts +0 -4
- package/angular/utils/themes/orion.d.ts +0 -2
- package/angular/utils/themes/pinky.d.ts +0 -2
- package/angular/utils/themes/radiant.d.ts +0 -2
- package/angular/utils/themes/royale.d.ts +0 -2
- package/angular/utils/themes/seasonal.d.ts +0 -2
- package/angular/utils/themes/urban.d.ts +0 -2
- package/angular/utils/themes/vivid.d.ts +0 -2
- package/angular/utils/time/formats.const.d.ts +0 -4
- package/angular/utils/time/period-over-period-condition.const.d.ts +0 -8
- package/angular/utils/time/periods.const.d.ts +0 -15
- package/angular/utils/timezone/datetime-timezone.d.ts +0 -25
- package/angular/utils/timezone/tests/datetime-timezone.test.d.ts +0 -1
- package/angular/utils/transformations/convert-data-field-to-slot-content.d.ts +0 -9
- package/angular/utils/transformations/convert-datasets-to-data-fields.d.ts +0 -30
- package/angular/utils/transformations/tests/convert-data-field-to-slot-content.test.d.ts +0 -1
- package/angular/utils/transformations/tests/convert-datasets-to-data-fields.test.d.ts +0 -1
- package/angular/utils/types/tests/type-check.test.d.ts +0 -1
- 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 }); })();
|