@luzmo/analytics-components-kit 1.0.1-alpha.98 → 1.0.1-alpha.99

package/angular/README.md

@@ -26,6 +26,7 @@ bootstrapApplication(AiChatMessageAssistantComponent);
 - `AiChatMessageUserComponent` → <luzmo-ai-chat-message-user>
 - `AiChatMessagesContainerComponent` → <luzmo-ai-chat-messages-container>
 - `AiInteractionTextareaComponent` → <luzmo-ai-interaction-textarea>
+- `DataItemsSelectComponent` → <luzmo-data-items-select>
 - `DatasetIconComponent` → <luzmo-dataset-icon>
 - `DatasetSelectorListComponent` → <luzmo-dataset-selector-list>
 - `DatasetSelectorRowComponent` → <luzmo-dataset-selector-row>
@@ -38,13 +39,12 @@ bootstrapApplication(AiChatMessageAssistantComponent);
 - `DraggableDataItemComponent` → <luzmo-draggable-data-item>
 - `DraggableDataItemLevelComponent` → <luzmo-draggable-data-item-level>
 - `DroppableSlotComponent` → <luzmo-droppable-slot>
+- `EditFiltersComponent` → <luzmo-edit-filters>
 - `EditItemComponent` → <luzmo-edit-item>
 - `EditOptionComponent` → <luzmo-edit-option>
 - `EditOptionColorPickerComponent` → <luzmo-edit-option-color-picker>
 - `EditOptionColorRangeComponent` → <luzmo-edit-option-color-range>
-- `FilterDataItemPickerComponent` → <luzmo-filter-data-item-picker>
 - `FilterExpressionPickerComponent` → <luzmo-filter-expression-picker>
-- `FilterGroupComponent` → <luzmo-filter-group>
 - `FilterItemComponent` → <luzmo-filter-item>
 - `FilterParameterPickerComponent` → <luzmo-filter-parameter-picker>
 - `FilterValuePickerComponent` → <luzmo-filter-value-picker>

package/angular/components/ai-interaction-textarea.component.ts

@@ -14,6 +14,10 @@ import type { Dataset } from '../types';
         [attr.app-server]="appServer"
         [attr.flag-opendata]="flagOpendata"
         [attr.disabled]="disabled"
+        [attr.single-line]="singleLine"
+        [attr.hide-dataset-button]="hideDatasetButton"
+        [attr.is-generating]="isGenerating"
+        [attr.value]="value"
         (prompt-submitted)="promptSubmitted.emit($event)">
   <ng-content></ng-content>
 </luzmo-ai-interaction-textarea>`
@@ -27,5 +31,9 @@ export class AiInteractionTextareaComponent {
   @Input() appServer?: string;
   @Input() flagOpendata?: boolean;
   @Input() disabled?: boolean;
+  @Input() singleLine?: boolean;
+  @Input() hideDatasetButton?: boolean;
+  @Input() isGenerating?: boolean;
+  @Input() value?: string;
   @Output() promptSubmitted = new EventEmitter<CustomEvent>();
 }

package/angular/components/{filter-data-item-picker.component.ts → data-items-select.component.ts}

@@ -1,50 +1,67 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import type { DataItem } from '../types';
+import type { DataItemExtended } from '../types';
 
 @Component({
-  selector: 'luzmo-filter-data-item-picker',
+  selector: 'luzmo-data-items-select',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `<luzmo-filter-data-item-picker
+  template: `<luzmo-data-items-select
         [attr.language]="language"
         [attr.content-language]="contentLanguage"
-        [attr.has-label]="hasLabel"
         [attr.label]="label"
         [attr.icons]="icons"
         [attr.allow-empty]="allowEmpty"
         [attr.placeholder]="placeholder"
-        [attr.data-item-id]="dataItemId"
+        [attr.selects]="selects"
+        [attr.data-item-ids]="dataItemIds"
         [attr.loading]="loading"
         [attr.invalid]="invalid"
+        [attr.clearable]="clearable"
+        [attr.pending]="pending"
+        [attr.disabled]="disabled"
+        [attr.placement]="placement"
         [attr.datasetsDataItems]="datasetsDataItems"
         [attr.size]="size"
-        [attr.disabled]="disabled"
         [attr.autofocus]="autofocus"
         [attr.tabIndex]="tabIndex"
-        (data-item-selected)="dataItemSelected.emit($event)">
+        (data-items-selected)="dataItemsSelected.emit($event)">
   <ng-content></ng-content>
-</luzmo-filter-data-item-picker>`
+</luzmo-data-items-select>`
 })
-export class FilterDataItemPickerComponent {
+export class DataItemsSelectComponent {
   @Input() language?: string;
   @Input() contentLanguage?: string;
-  @Input() hasLabel?: boolean;
   @Input() label?: string;
-  @Input() icons?: 'none' | 'only-menu' | 'all';
+  @Input() icons?: 'none' | 'menu-only' | 'all';
   @Input() allowEmpty?: boolean;
-  @Input() placeholder?: string;
-  @Input() dataItemId?: string;
+  @Input() placeholder?: any;
+  @Input() selects?: 'single' | 'multiple';
+  @Input() dataItemIds?: string[];
   @Input() loading?: boolean;
   @Input() invalid?: boolean;
+  @Input() clearable?: boolean;
+  @Input() pending?: boolean;
+  @Input() disabled?: boolean;
+  @Input() placement?: | 'top'
+    | 'top-start'
+    | 'top-end'
+    | 'right'
+    | 'right-start'
+    | 'right-end'
+    | 'bottom'
+    | 'bottom-start'
+    | 'bottom-end'
+    | 'left'
+    | 'left-start'
+    | 'left-end';
   @Input() datasetsDataItems?: {
     id: string;
     name: { [key: string]: string };
-    columns: DataItem[];
-    formulas: DataItem[];
+    columns: DataItemExtended[];
+    formulas: DataItemExtended[];
   }[];
   @Input() size?: any;
-  @Input() disabled?: any;
   @Input() autofocus?: any;
   @Input() tabIndex?: any;
-  @Output() dataItemSelected = new EventEmitter<CustomEvent>();
+  @Output() dataItemsSelected = new EventEmitter<CustomEvent>();
 }

package/angular/components/edit-filters/index.ts

@@ -0,0 +1 @@
+export * from './types';

package/angular/components/edit-filters/types.ts

@@ -0,0 +1,10 @@
+export interface FilterCondition {
+  expression?: string;
+  parameters?: any[];
+}
+
+export interface FilterGroup {
+  condition: 'AND' | 'OR';
+  filters: (FilterCondition | FilterGroup)[];
+}
+

package/angular/components/edit-filters.component.ts

@@ -0,0 +1,41 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import type { FilterGroup } from '../types';
+
+@Component({
+  selector: 'luzmo-edit-filters',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<luzmo-edit-filters
+        [attr.api-url]="apiUrl"
+        [attr.auth-key]="authKey"
+        [attr.auth-token]="authToken"
+        [attr.cache-time]="cacheTime"
+        [attr.language]="language"
+        [attr.content-language]="contentLanguage"
+        [attr.time-zone]="timeZone"
+        [attr.dataset-ids]="datasetIds"
+        [attr.filters]="filters"
+        [attr.size]="size"
+        [attr.disabled]="disabled"
+        [attr.autofocus]="autofocus"
+        [attr.tabIndex]="tabIndex"
+        (filters-changed)="filtersChanged.emit($event)">
+  <ng-content></ng-content>
+</luzmo-edit-filters>`
+})
+export class EditFiltersComponent {
+  @Input() apiUrl?: string;
+  @Input() authKey?: string;
+  @Input() authToken?: string;
+  @Input() cacheTime?: number;
+  @Input() language?: string;
+  @Input() contentLanguage?: string;
+  @Input() timeZone?: string;
+  @Input() datasetIds?: string[];
+  @Input() filters?: FilterGroup | null;
+  @Input() size?: any;
+  @Input() disabled?: any;
+  @Input() autofocus?: any;
+  @Input() tabIndex?: any;
+  @Output() filtersChanged = new EventEmitter<CustomEvent>();
+}

package/angular/components/slot-contents-picker.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import type { Placement } from '../types';
+import type { VizItemType, SlotName, Placement } from '../types';
 
 @Component({
   selector: 'luzmo-slot-contents-picker',
@@ -22,15 +22,16 @@ import type { Placement } from '../types';
         [attr.placement]="placement"
         [attr.hide-delete]="hideDelete"
         [attr.hide-configuration]="hideConfiguration"
-        [attr.stretch]="stretch"
+        [attr.hide-clear]="hideClear"
+        [attr.search]="search"
         [attr.size]="size"
         (slot-contents-changed)="slotContentsChanged.emit($event)">
   <ng-content></ng-content>
 </luzmo-slot-contents-picker>`
 })
 export class SlotContentsPickerComponent {
-  @Input() itemType?: string;
-  @Input() slotName?: string;
+  @Input() itemType?: VizItemType;
+  @Input() slotName?: SlotName;
   @Input() slotConfiguration?: any;
   @Input() slotContents?: any;
   @Input() language?: string;
@@ -39,7 +40,7 @@ export class SlotContentsPickerComponent {
   @Input() hasLabel?: boolean;
   @Input() label?: string;
   @Input() selects?: 'single' | 'multiple';
-  @Input() icons?: 'none' | 'only-menu' | 'all';
+  @Input() icons?: 'none' | 'menu-only' | 'all';
   @Input() placeholder?: string;
   @Input() datasetsDataItems?: {
     id: string;
@@ -50,7 +51,8 @@ export class SlotContentsPickerComponent {
   @Input() placement?: Placement;
   @Input() hideDelete?: boolean;
   @Input() hideConfiguration?: boolean;
-  @Input() stretch?: boolean;
+  @Input() hideClear?: boolean;
+  @Input() search?: any;
   @Input() size?: any;
   @Output() slotContentsChanged = new EventEmitter<CustomEvent>();
 }

package/angular/esm/components/ai-interaction-textarea.component.d.ts

@@ -10,7 +10,11 @@ export declare class AiInteractionTextareaComponent {
     appServer?: string;
     flagOpendata?: boolean;
     disabled?: boolean;
+    singleLine?: boolean;
+    hideDatasetButton?: boolean;
+    isGenerating?: boolean;
+    value?: string;
     promptSubmitted: EventEmitter<CustomEvent<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AiInteractionTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AiInteractionTextareaComponent, "luzmo-ai-interaction-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "selectedDatasets": { "alias": "selectedDatasets"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "appServer": { "alias": "appServer"; "required": false; }; "flagOpendata": { "alias": "flagOpendata"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "promptSubmitted": "promptSubmitted"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AiInteractionTextareaComponent, "luzmo-ai-interaction-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "selectedDatasets": { "alias": "selectedDatasets"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "appServer": { "alias": "appServer"; "required": false; }; "flagOpendata": { "alias": "flagOpendata"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "singleLine": { "alias": "singleLine"; "required": false; }; "hideDatasetButton": { "alias": "hideDatasetButton"; "required": false; }; "isGenerating": { "alias": "isGenerating"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "promptSubmitted": "promptSubmitted"; }, never, ["*"], true, never>;
 }

package/angular/esm/components/ai-interaction-textarea.component.js

@@ -9,9 +9,13 @@ export class AiInteractionTextareaComponent {
     appServer;
     flagOpendata;
     disabled;
+    singleLine;
+    hideDatasetButton;
+    isGenerating;
+    value;
     promptSubmitted = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: AiInteractionTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: AiInteractionTextareaComponent, isStandalone: true, selector: "luzmo-ai-interaction-textarea", inputs: { placeholder: "placeholder", selectedDatasets: "selectedDatasets", authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", appServer: "appServer", flagOpendata: "flagOpendata", disabled: "disabled" }, outputs: { promptSubmitted: "promptSubmitted" }, ngImport: i0, template: `<luzmo-ai-interaction-textarea
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: AiInteractionTextareaComponent, isStandalone: true, selector: "luzmo-ai-interaction-textarea", inputs: { placeholder: "placeholder", selectedDatasets: "selectedDatasets", authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", appServer: "appServer", flagOpendata: "flagOpendata", disabled: "disabled", singleLine: "singleLine", hideDatasetButton: "hideDatasetButton", isGenerating: "isGenerating", value: "value" }, outputs: { promptSubmitted: "promptSubmitted" }, ngImport: i0, template: `<luzmo-ai-interaction-textarea
         [attr.placeholder]="placeholder"
         [attr.selectedDatasets]="selectedDatasets"
         [attr.auth-key]="authKey"
@@ -20,9 +24,13 @@ export class AiInteractionTextareaComponent {
         [attr.app-server]="appServer"
         [attr.flag-opendata]="flagOpendata"
         [attr.disabled]="disabled"
+        [attr.single-line]="singleLine"
+        [attr.hide-dataset-button]="hideDatasetButton"
+        [attr.is-generating]="isGenerating"
+        [attr.value]="value"
         (prompt-submitted)="promptSubmitted.emit($event)">
   <ng-content></ng-content>
-</luzmo-ai-interaction-textarea>`, isInline: true, dependencies: [{ kind: "component", type: AiInteractionTextareaComponent, selector: "luzmo-ai-interaction-textarea", inputs: ["placeholder", "selectedDatasets", "authKey", "authToken", "apiUrl", "appServer", "flagOpendata", "disabled"], outputs: ["promptSubmitted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-ai-interaction-textarea>`, isInline: true, dependencies: [{ kind: "component", type: AiInteractionTextareaComponent, selector: "luzmo-ai-interaction-textarea", inputs: ["placeholder", "selectedDatasets", "authKey", "authToken", "apiUrl", "appServer", "flagOpendata", "disabled", "singleLine", "hideDatasetButton", "isGenerating", "value"], outputs: ["promptSubmitted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: AiInteractionTextareaComponent, decorators: [{
             type: Component,
@@ -39,6 +47,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.app-server]="appServer"
         [attr.flag-opendata]="flagOpendata"
         [attr.disabled]="disabled"
+        [attr.single-line]="singleLine"
+        [attr.hide-dataset-button]="hideDatasetButton"
+        [attr.is-generating]="isGenerating"
+        [attr.value]="value"
         (prompt-submitted)="promptSubmitted.emit($event)">
   <ng-content></ng-content>
 </luzmo-ai-interaction-textarea>`
@@ -59,6 +71,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
                 type: Input
             }], disabled: [{
                 type: Input
+            }], singleLine: [{
+                type: Input
+            }], hideDatasetButton: [{
+                type: Input
+            }], isGenerating: [{
+                type: Input
+            }], value: [{
+                type: Input
             }], promptSubmitted: [{
                 type: Output
             }] } });

package/angular/esm/components/data-items-select.component.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '@angular/core';
+import type { DataItemExtended } from '../types';
+import * as i0 from "@angular/core";
+export declare class DataItemsSelectComponent {
+    language?: string;
+    contentLanguage?: string;
+    label?: string;
+    icons?: 'none' | 'menu-only' | 'all';
+    allowEmpty?: boolean;
+    placeholder?: any;
+    selects?: 'single' | 'multiple';
+    dataItemIds?: string[];
+    loading?: boolean;
+    invalid?: boolean;
+    clearable?: boolean;
+    pending?: boolean;
+    disabled?: boolean;
+    placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    datasetsDataItems?: {
+        id: string;
+        name: {
+            [key: string]: string;
+        };
+        columns: DataItemExtended[];
+        formulas: DataItemExtended[];
+    }[];
+    size?: any;
+    autofocus?: any;
+    tabIndex?: any;
+    dataItemsSelected: EventEmitter<CustomEvent<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataItemsSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataItemsSelectComponent, "luzmo-data-items-select", never, { "language": { "alias": "language"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "dataItemIds": { "alias": "dataItemIds"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "datasetsDataItems": { "alias": "datasetsDataItems"; "required": false; }; "size": { "alias": "size"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "dataItemsSelected": "dataItemsSelected"; }, never, ["*"], true, never>;
+}

package/angular/esm/components/{filter-data-item-picker.component.js → data-items-select.component.js}

@@ -1,75 +1,82 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class FilterDataItemPickerComponent {
+export class DataItemsSelectComponent {
     language;
     contentLanguage;
-    hasLabel;
     label;
     icons;
     allowEmpty;
     placeholder;
-    dataItemId;
+    selects;
+    dataItemIds;
     loading;
     invalid;
+    clearable;
+    pending;
+    disabled;
+    placement;
     datasetsDataItems;
     size;
-    disabled;
     autofocus;
     tabIndex;
-    dataItemSelected = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: FilterDataItemPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: FilterDataItemPickerComponent, isStandalone: true, selector: "luzmo-filter-data-item-picker", inputs: { language: "language", contentLanguage: "contentLanguage", hasLabel: "hasLabel", label: "label", icons: "icons", allowEmpty: "allowEmpty", placeholder: "placeholder", dataItemId: "dataItemId", loading: "loading", invalid: "invalid", datasetsDataItems: "datasetsDataItems", size: "size", disabled: "disabled", autofocus: "autofocus", tabIndex: "tabIndex" }, outputs: { dataItemSelected: "dataItemSelected" }, ngImport: i0, template: `<luzmo-filter-data-item-picker
+    dataItemsSelected = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DataItemsSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DataItemsSelectComponent, isStandalone: true, selector: "luzmo-data-items-select", inputs: { language: "language", contentLanguage: "contentLanguage", label: "label", icons: "icons", allowEmpty: "allowEmpty", placeholder: "placeholder", selects: "selects", dataItemIds: "dataItemIds", loading: "loading", invalid: "invalid", clearable: "clearable", pending: "pending", disabled: "disabled", placement: "placement", datasetsDataItems: "datasetsDataItems", size: "size", autofocus: "autofocus", tabIndex: "tabIndex" }, outputs: { dataItemsSelected: "dataItemsSelected" }, ngImport: i0, template: `<luzmo-data-items-select
         [attr.language]="language"
         [attr.content-language]="contentLanguage"
-        [attr.has-label]="hasLabel"
         [attr.label]="label"
         [attr.icons]="icons"
         [attr.allow-empty]="allowEmpty"
         [attr.placeholder]="placeholder"
-        [attr.data-item-id]="dataItemId"
+        [attr.selects]="selects"
+        [attr.data-item-ids]="dataItemIds"
         [attr.loading]="loading"
         [attr.invalid]="invalid"
+        [attr.clearable]="clearable"
+        [attr.pending]="pending"
+        [attr.disabled]="disabled"
+        [attr.placement]="placement"
         [attr.datasetsDataItems]="datasetsDataItems"
         [attr.size]="size"
-        [attr.disabled]="disabled"
         [attr.autofocus]="autofocus"
         [attr.tabIndex]="tabIndex"
-        (data-item-selected)="dataItemSelected.emit($event)">
+        (data-items-selected)="dataItemsSelected.emit($event)">
   <ng-content></ng-content>
-</luzmo-filter-data-item-picker>`, isInline: true, dependencies: [{ kind: "component", type: FilterDataItemPickerComponent, selector: "luzmo-filter-data-item-picker", inputs: ["language", "contentLanguage", "hasLabel", "label", "icons", "allowEmpty", "placeholder", "dataItemId", "loading", "invalid", "datasetsDataItems", "size", "disabled", "autofocus", "tabIndex"], outputs: ["dataItemSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-data-items-select>`, isInline: true, dependencies: [{ kind: "component", type: DataItemsSelectComponent, selector: "luzmo-data-items-select", inputs: ["language", "contentLanguage", "label", "icons", "allowEmpty", "placeholder", "selects", "dataItemIds", "loading", "invalid", "clearable", "pending", "disabled", "placement", "datasetsDataItems", "size", "autofocus", "tabIndex"], outputs: ["dataItemsSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: FilterDataItemPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DataItemsSelectComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-filter-data-item-picker',
+                    selector: 'luzmo-data-items-select',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-filter-data-item-picker
+                    template: `<luzmo-data-items-select
         [attr.language]="language"
         [attr.content-language]="contentLanguage"
-        [attr.has-label]="hasLabel"
         [attr.label]="label"
         [attr.icons]="icons"
         [attr.allow-empty]="allowEmpty"
         [attr.placeholder]="placeholder"
-        [attr.data-item-id]="dataItemId"
+        [attr.selects]="selects"
+        [attr.data-item-ids]="dataItemIds"
         [attr.loading]="loading"
         [attr.invalid]="invalid"
+        [attr.clearable]="clearable"
+        [attr.pending]="pending"
+        [attr.disabled]="disabled"
+        [attr.placement]="placement"
         [attr.datasetsDataItems]="datasetsDataItems"
         [attr.size]="size"
-        [attr.disabled]="disabled"
         [attr.autofocus]="autofocus"
         [attr.tabIndex]="tabIndex"
-        (data-item-selected)="dataItemSelected.emit($event)">
+        (data-items-selected)="dataItemsSelected.emit($event)">
   <ng-content></ng-content>
-</luzmo-filter-data-item-picker>`
+</luzmo-data-items-select>`
                 }]
         }], propDecorators: { language: [{
                 type: Input
             }], contentLanguage: [{
                 type: Input
-            }], hasLabel: [{
-                type: Input
             }], label: [{
                 type: Input
             }], icons: [{
@@ -78,22 +85,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
                 type: Input
             }], placeholder: [{
                 type: Input
-            }], dataItemId: [{
+            }], selects: [{
+                type: Input
+            }], dataItemIds: [{
                 type: Input
             }], loading: [{
                 type: Input
             }], invalid: [{
                 type: Input
-            }], datasetsDataItems: [{
+            }], clearable: [{
                 type: Input
-            }], size: [{
+            }], pending: [{
                 type: Input
             }], disabled: [{
                 type: Input
+            }], placement: [{
+                type: Input
+            }], datasetsDataItems: [{
+                type: Input
+            }], size: [{
+                type: Input
             }], autofocus: [{
                 type: Input
             }], tabIndex: [{
                 type: Input
-            }], dataItemSelected: [{
+            }], dataItemsSelected: [{
                 type: Output
             }] } });

package/angular/esm/components/edit-filters/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/angular/esm/components/edit-filters/index.js

@@ -0,0 +1 @@
+export * from './types';

package/angular/esm/components/edit-filters/types.d.ts

@@ -0,0 +1,8 @@
+export interface FilterCondition {
+    expression?: string;
+    parameters?: any[];
+}
+export interface FilterGroup {
+    condition: 'AND' | 'OR';
+    filters: (FilterCondition | FilterGroup)[];
+}

package/angular/esm/components/edit-filters/types.js

@@ -0,0 +1 @@
+export {};

package/angular/esm/components/edit-filters.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '@angular/core';
+import type { FilterGroup } from '../types';
+import * as i0 from "@angular/core";
+export declare class EditFiltersComponent {
+    apiUrl?: string;
+    authKey?: string;
+    authToken?: string;
+    cacheTime?: number;
+    language?: string;
+    contentLanguage?: string;
+    timeZone?: string;
+    datasetIds?: string[];
+    filters?: FilterGroup | null;
+    size?: any;
+    disabled?: any;
+    autofocus?: any;
+    tabIndex?: any;
+    filtersChanged: EventEmitter<CustomEvent<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditFiltersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditFiltersComponent, "luzmo-edit-filters", never, { "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "cacheTime": { "alias": "cacheTime"; "required": false; }; "language": { "alias": "language"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "timeZone": { "alias": "timeZone"; "required": false; }; "datasetIds": { "alias": "datasetIds"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "filtersChanged": "filtersChanged"; }, never, ["*"], true, never>;
+}

package/angular/esm/components/edit-filters.component.js

@@ -0,0 +1,89 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EditFiltersComponent {
+    apiUrl;
+    authKey;
+    authToken;
+    cacheTime;
+    language;
+    contentLanguage;
+    timeZone;
+    datasetIds;
+    filters;
+    size;
+    disabled;
+    autofocus;
+    tabIndex;
+    filtersChanged = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: EditFiltersComponent, isStandalone: true, selector: "luzmo-edit-filters", inputs: { apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", cacheTime: "cacheTime", language: "language", contentLanguage: "contentLanguage", timeZone: "timeZone", datasetIds: "datasetIds", filters: "filters", size: "size", disabled: "disabled", autofocus: "autofocus", tabIndex: "tabIndex" }, outputs: { filtersChanged: "filtersChanged" }, ngImport: i0, template: `<luzmo-edit-filters
+        [attr.api-url]="apiUrl"
+        [attr.auth-key]="authKey"
+        [attr.auth-token]="authToken"
+        [attr.cache-time]="cacheTime"
+        [attr.language]="language"
+        [attr.content-language]="contentLanguage"
+        [attr.time-zone]="timeZone"
+        [attr.dataset-ids]="datasetIds"
+        [attr.filters]="filters"
+        [attr.size]="size"
+        [attr.disabled]="disabled"
+        [attr.autofocus]="autofocus"
+        [attr.tabIndex]="tabIndex"
+        (filters-changed)="filtersChanged.emit($event)">
+  <ng-content></ng-content>
+</luzmo-edit-filters>`, isInline: true, dependencies: [{ kind: "component", type: EditFiltersComponent, selector: "luzmo-edit-filters", inputs: ["apiUrl", "authKey", "authToken", "cacheTime", "language", "contentLanguage", "timeZone", "datasetIds", "filters", "size", "disabled", "autofocus", "tabIndex"], outputs: ["filtersChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditFiltersComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'luzmo-edit-filters',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<luzmo-edit-filters
+        [attr.api-url]="apiUrl"
+        [attr.auth-key]="authKey"
+        [attr.auth-token]="authToken"
+        [attr.cache-time]="cacheTime"
+        [attr.language]="language"
+        [attr.content-language]="contentLanguage"
+        [attr.time-zone]="timeZone"
+        [attr.dataset-ids]="datasetIds"
+        [attr.filters]="filters"
+        [attr.size]="size"
+        [attr.disabled]="disabled"
+        [attr.autofocus]="autofocus"
+        [attr.tabIndex]="tabIndex"
+        (filters-changed)="filtersChanged.emit($event)">
+  <ng-content></ng-content>
+</luzmo-edit-filters>`
+                }]
+        }], propDecorators: { apiUrl: [{
+                type: Input
+            }], authKey: [{
+                type: Input
+            }], authToken: [{
+                type: Input
+            }], cacheTime: [{
+                type: Input
+            }], language: [{
+                type: Input
+            }], contentLanguage: [{
+                type: Input
+            }], timeZone: [{
+                type: Input
+            }], datasetIds: [{
+                type: Input
+            }], filters: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], autofocus: [{
+                type: Input
+            }], tabIndex: [{
+                type: Input
+            }], filtersChanged: [{
+                type: Output
+            }] } });