@luzmo/analytics-components-kit 1.0.1-alpha.146 → 1.0.1-alpha.148

package/angular/components/{item-data-drop-panel.component.ts → item-slot-drop-panel.component.ts}

@@ -2,10 +2,10 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from
 import type { VizItemType, SlotConfig, SlotPositioningConfig, VizItemSlot, Placement } from '../types';
 
 @Component({
-  selector: 'luzmo-item-data-drop-panel',
+  selector: 'luzmo-item-slot-drop-panel',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `<luzmo-item-data-drop-panel
+  template: `<luzmo-item-slot-drop-panel
         [attr.item-type]="itemType"
         [attr.content-language]="contentLanguage"
         [attr.slotsConfiguration]="slotsConfiguration"
@@ -26,9 +26,9 @@ import type { VizItemType, SlotConfig, SlotPositioningConfig, VizItemSlot, Place
         (luzmo-slot-constraint-triggered)="luzmoSlotConstraintTriggered.emit($event)"
         (luzmo-slots-contents-changed)="luzmoSlotsContentsChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-item-data-drop-panel>`
+</luzmo-item-slot-drop-panel>`
 })
-export class ItemDataDropPanelComponent {
+export class ItemSlotDropPanelComponent {
   @Input() itemType?: VizItemType | string;
   @Input() contentLanguage?: string;
   @Input() slotsConfiguration?: SlotConfig[];

package/angular/components/{droppable-slot.component.ts → item-slot-drop.component.ts}

@@ -2,10 +2,10 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from
 import type { VizItemType, SlotName, SlotConfig, VizItemSlot, Placement, InfoVisibilityChangedEventDetail, SlotContentsChangedEventDetail } from '../types';
 
 @Component({
-  selector: 'luzmo-droppable-slot',
+  selector: 'luzmo-item-slot-drop',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `<luzmo-droppable-slot
+  template: `<luzmo-item-slot-drop
         [attr.item-type]="itemType"
         [attr.slot-name]="slotName"
         [attr.slotConfiguration]="slotConfiguration"
@@ -27,9 +27,9 @@ import type { VizItemType, SlotName, SlotConfig, VizItemSlot, Placement, InfoVis
         (luzmo-info-visibility-changed)="luzmoInfoVisibilityChanged.emit($event)"
         (luzmo-slot-contents-changed)="luzmoSlotContentsChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-droppable-slot>`
+</luzmo-item-slot-drop>`
 })
-export class DroppableSlotComponent {
+export class ItemSlotDropComponent {
   @Input() itemType?: VizItemType;
   @Input() slotName?: SlotName;
   @Input() slotConfiguration?: SlotConfig;

package/angular/components/{item-data-picker-panel.component.ts → item-slot-picker-panel.component.ts}

@@ -2,10 +2,10 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from
 import type { VizItemType, SlotConfig, VizItemSlot, DatasetsDataFields, DatasetMetadata, Placement } from '../types';
 
 @Component({
-  selector: 'luzmo-item-data-picker-panel',
+  selector: 'luzmo-item-slot-picker-panel',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `<luzmo-item-data-picker-panel
+  template: `<luzmo-item-slot-picker-panel
         [attr.item-type]="itemType"
         [attr.content-language]="contentLanguage"
         [attr.slotsConfiguration]="slotsConfiguration"
@@ -32,9 +32,9 @@ import type { VizItemType, SlotConfig, VizItemSlot, DatasetsDataFields, DatasetM
         (luzmo-dataset-changed)="luzmoDatasetChanged.emit($event)"
         (luzmo-slot-constraint-triggered)="luzmoSlotConstraintTriggered.emit($event)">
   <ng-content></ng-content>
-</luzmo-item-data-picker-panel>`
+</luzmo-item-slot-picker-panel>`
 })
-export class ItemDataPickerPanelComponent {
+export class ItemSlotPickerPanelComponent {
   @Input() itemType?: VizItemType | string;
   @Input() contentLanguage?: string;
   @Input() slotsConfiguration?: SlotConfig[];

package/angular/components/{slot-contents-picker.component.ts → item-slot-picker.component.ts}

@@ -2,10 +2,10 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from
 import type { VizItemType, SlotName, SlotConfig, SlotContent, DatasetsDataFields, Placement } from '../types';
 
 @Component({
-  selector: 'luzmo-slot-contents-picker',
+  selector: 'luzmo-item-slot-picker',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `<luzmo-slot-contents-picker
+  template: `<luzmo-item-slot-picker
         [attr.item-type]="itemType"
         [attr.slot-name]="slotName"
         [attr.slotConfiguration]="slotConfiguration"
@@ -28,9 +28,9 @@ import type { VizItemType, SlotName, SlotConfig, SlotContent, DatasetsDataFields
         [attr.size]="size"
         (luzmo-slot-contents-changed)="luzmoSlotContentsChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-slot-contents-picker>`
+</luzmo-item-slot-picker>`
 })
-export class SlotContentsPickerComponent {
+export class ItemSlotPickerComponent {
   @Input() itemType?: VizItemType | string;
   @Input() slotName?: SlotName;
   @Input() slotConfiguration?: SlotConfig;

package/angular/components/slot-menu/types.ts

@@ -1,6 +1,6 @@
 import { GenericSlotContent } from '@luzmo/dashboard-contents-types';
 import { DatasetColumnMetadata } from '@utils/data-broker';
-import type { SlotContentsChangedEventDetail } from '../droppable-slot/types';
+import type { SlotContentsChangedEventDetail } from '../item-slot-drop/types';
 
 export interface MeasureColumnsItem {
   datasetId: string;

package/angular/esm/components/data-field-level.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import type { DatasetDataField } from '../types';
+import * as i0 from "@angular/core";
+export declare class DataFieldLevelComponent {
+    variant?: 'highlight' | 'normal';
+    hideTypeIcon?: boolean;
+    sublevel?: boolean;
+    language?: string;
+    disabled?: boolean;
+    data?: DatasetDataField;
+    size?: any;
+    luzmoDataFieldDropped: EventEmitter<CustomEvent<{
+        data: DatasetDataField;
+    }>>;
+    luzmoDataFieldDragStarted: EventEmitter<CustomEvent<{
+        data: DatasetDataField;
+    }>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataFieldLevelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataFieldLevelComponent, "luzmo-data-field-level", never, { "variant": { "alias": "variant"; "required": false; }; "hideTypeIcon": { "alias": "hideTypeIcon"; "required": false; }; "sublevel": { "alias": "sublevel"; "required": false; }; "language": { "alias": "language"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoDataFieldDropped": "luzmoDataFieldDropped"; "luzmoDataFieldDragStarted": "luzmoDataFieldDragStarted"; }, never, ["*"], true, never>;
+}

package/angular/esm/components/data-field-level.component.js

@@ -0,0 +1,64 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DataFieldLevelComponent {
+    variant;
+    hideTypeIcon;
+    sublevel;
+    language;
+    disabled;
+    data;
+    size;
+    luzmoDataFieldDropped = new EventEmitter();
+    luzmoDataFieldDragStarted = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DataFieldLevelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DataFieldLevelComponent, isStandalone: true, selector: "luzmo-data-field-level", inputs: { variant: "variant", hideTypeIcon: "hideTypeIcon", sublevel: "sublevel", language: "language", disabled: "disabled", data: "data", size: "size" }, outputs: { luzmoDataFieldDropped: "luzmoDataFieldDropped", luzmoDataFieldDragStarted: "luzmoDataFieldDragStarted" }, ngImport: i0, template: `<luzmo-data-field-level
+        [attr.variant]="variant"
+        [attr.hide-type-icon]="hideTypeIcon"
+        [attr.sublevel]="sublevel"
+        [attr.language]="language"
+        [attr.disabled]="disabled"
+        [attr.data]="data"
+        [attr.size]="size"
+        (luzmo-data-field-dropped)="luzmoDataFieldDropped.emit($event)"
+        (luzmo-data-field-drag-started)="luzmoDataFieldDragStarted.emit($event)">
+  <ng-content></ng-content>
+</luzmo-data-field-level>`, isInline: true, dependencies: [{ kind: "component", type: DataFieldLevelComponent, selector: "luzmo-data-field-level", inputs: ["variant", "hideTypeIcon", "sublevel", "language", "disabled", "data", "size"], outputs: ["luzmoDataFieldDropped", "luzmoDataFieldDragStarted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DataFieldLevelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'luzmo-data-field-level',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<luzmo-data-field-level
+        [attr.variant]="variant"
+        [attr.hide-type-icon]="hideTypeIcon"
+        [attr.sublevel]="sublevel"
+        [attr.language]="language"
+        [attr.disabled]="disabled"
+        [attr.data]="data"
+        [attr.size]="size"
+        (luzmo-data-field-dropped)="luzmoDataFieldDropped.emit($event)"
+        (luzmo-data-field-drag-started)="luzmoDataFieldDragStarted.emit($event)">
+  <ng-content></ng-content>
+</luzmo-data-field-level>`
+                }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], hideTypeIcon: [{
+                type: Input
+            }], sublevel: [{
+                type: Input
+            }], language: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], luzmoDataFieldDropped: [{
+                type: Output
+            }], luzmoDataFieldDragStarted: [{
+                type: Output
+            }] } });

package/angular/esm/components/data-field-panel.component.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DataFieldPanelComponent {
+    datasetIds?: string[];
+    selectedDatasetId?: string;
+    datasetPicker?: boolean;
+    disabled?: boolean;
+    pending?: boolean;
+    dataFieldVariant?: 'highlight' | 'normal';
+    searchQuiet?: boolean;
+    hideTypeIcon?: boolean;
+    hideSublevels?: boolean;
+    datasetPickerPlaceholder?: string;
+    apiUrl?: string;
+    authKey?: string;
+    authToken?: string;
+    search?: string;
+    searchPlaceholder?: string;
+    searchThreshold?: number;
+    size?: any;
+    luzmoDatasetChanged: EventEmitter<CustomEvent<any>>;
+    luzmoDataFieldDropped: EventEmitter<CustomEvent<any>>;
+    luzmoDataFieldDragStarted: EventEmitter<CustomEvent<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataFieldPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataFieldPanelComponent, "luzmo-data-field-panel", never, { "datasetIds": { "alias": "datasetIds"; "required": false; }; "selectedDatasetId": { "alias": "selectedDatasetId"; "required": false; }; "datasetPicker": { "alias": "datasetPicker"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "dataFieldVariant": { "alias": "dataFieldVariant"; "required": false; }; "searchQuiet": { "alias": "searchQuiet"; "required": false; }; "hideTypeIcon": { "alias": "hideTypeIcon"; "required": false; }; "hideSublevels": { "alias": "hideSublevels"; "required": false; }; "datasetPickerPlaceholder": { "alias": "datasetPickerPlaceholder"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchThreshold": { "alias": "searchThreshold"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoDatasetChanged": "luzmoDatasetChanged"; "luzmoDataFieldDropped": "luzmoDataFieldDropped"; "luzmoDataFieldDragStarted": "luzmoDataFieldDragStarted"; }, never, ["*"], true, never>;
+}

package/angular/esm/components/{draggable-data-fields-panel.component.js → data-field-panel.component.js}

@@ -1,12 +1,12 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class DraggableDataFieldsPanelComponent {
+export class DataFieldPanelComponent {
     datasetIds;
     selectedDatasetId;
     datasetPicker;
     disabled;
     pending;
-    draggableDataFieldVariant;
+    dataFieldVariant;
     searchQuiet;
     hideTypeIcon;
     hideSublevels;
@@ -21,14 +21,14 @@ export class DraggableDataFieldsPanelComponent {
     luzmoDatasetChanged = new EventEmitter();
     luzmoDataFieldDropped = new EventEmitter();
     luzmoDataFieldDragStarted = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DraggableDataFieldsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DraggableDataFieldsPanelComponent, isStandalone: true, selector: "luzmo-draggable-data-fields-panel", inputs: { datasetIds: "datasetIds", selectedDatasetId: "selectedDatasetId", datasetPicker: "datasetPicker", disabled: "disabled", pending: "pending", draggableDataFieldVariant: "draggableDataFieldVariant", searchQuiet: "searchQuiet", hideTypeIcon: "hideTypeIcon", hideSublevels: "hideSublevels", datasetPickerPlaceholder: "datasetPickerPlaceholder", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", search: "search", searchPlaceholder: "searchPlaceholder", searchThreshold: "searchThreshold", size: "size" }, outputs: { luzmoDatasetChanged: "luzmoDatasetChanged", luzmoDataFieldDropped: "luzmoDataFieldDropped", luzmoDataFieldDragStarted: "luzmoDataFieldDragStarted" }, ngImport: i0, template: `<luzmo-draggable-data-fields-panel
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DataFieldPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DataFieldPanelComponent, isStandalone: true, selector: "luzmo-data-field-panel", inputs: { datasetIds: "datasetIds", selectedDatasetId: "selectedDatasetId", datasetPicker: "datasetPicker", disabled: "disabled", pending: "pending", dataFieldVariant: "dataFieldVariant", searchQuiet: "searchQuiet", hideTypeIcon: "hideTypeIcon", hideSublevels: "hideSublevels", datasetPickerPlaceholder: "datasetPickerPlaceholder", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", search: "search", searchPlaceholder: "searchPlaceholder", searchThreshold: "searchThreshold", size: "size" }, outputs: { luzmoDatasetChanged: "luzmoDatasetChanged", luzmoDataFieldDropped: "luzmoDataFieldDropped", luzmoDataFieldDragStarted: "luzmoDataFieldDragStarted" }, ngImport: i0, template: `<luzmo-data-field-panel
         [attr.dataset-ids]="datasetIds"
         [attr.selected-dataset-id]="selectedDatasetId"
         [attr.dataset-picker]="datasetPicker"
         [attr.disabled]="disabled"
         [attr.pending]="pending"
-        [attr.draggable-data-field-variant]="draggableDataFieldVariant"
+        [attr.data-field-variant]="dataFieldVariant"
         [attr.search-quiet]="searchQuiet"
         [attr.hide-type-icon]="hideTypeIcon"
         [attr.hide-sublevels]="hideSublevels"
@@ -44,21 +44,21 @@ export class DraggableDataFieldsPanelComponent {
         (luzmo-data-field-dropped)="luzmoDataFieldDropped.emit($event)"
         (luzmo-data-field-drag-started)="luzmoDataFieldDragStarted.emit($event)">
   <ng-content></ng-content>
-</luzmo-draggable-data-fields-panel>`, isInline: true, dependencies: [{ kind: "component", type: DraggableDataFieldsPanelComponent, selector: "luzmo-draggable-data-fields-panel", inputs: ["datasetIds", "selectedDatasetId", "datasetPicker", "disabled", "pending", "draggableDataFieldVariant", "searchQuiet", "hideTypeIcon", "hideSublevels", "datasetPickerPlaceholder", "apiUrl", "authKey", "authToken", "search", "searchPlaceholder", "searchThreshold", "size"], outputs: ["luzmoDatasetChanged", "luzmoDataFieldDropped", "luzmoDataFieldDragStarted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-data-field-panel>`, isInline: true, dependencies: [{ kind: "component", type: DataFieldPanelComponent, selector: "luzmo-data-field-panel", inputs: ["datasetIds", "selectedDatasetId", "datasetPicker", "disabled", "pending", "dataFieldVariant", "searchQuiet", "hideTypeIcon", "hideSublevels", "datasetPickerPlaceholder", "apiUrl", "authKey", "authToken", "search", "searchPlaceholder", "searchThreshold", "size"], outputs: ["luzmoDatasetChanged", "luzmoDataFieldDropped", "luzmoDataFieldDragStarted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DraggableDataFieldsPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DataFieldPanelComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-draggable-data-fields-panel',
+                    selector: 'luzmo-data-field-panel',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-draggable-data-fields-panel
+                    template: `<luzmo-data-field-panel
         [attr.dataset-ids]="datasetIds"
         [attr.selected-dataset-id]="selectedDatasetId"
         [attr.dataset-picker]="datasetPicker"
         [attr.disabled]="disabled"
         [attr.pending]="pending"
-        [attr.draggable-data-field-variant]="draggableDataFieldVariant"
+        [attr.data-field-variant]="dataFieldVariant"
         [attr.search-quiet]="searchQuiet"
         [attr.hide-type-icon]="hideTypeIcon"
         [attr.hide-sublevels]="hideSublevels"
@@ -74,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         (luzmo-data-field-dropped)="luzmoDataFieldDropped.emit($event)"
         (luzmo-data-field-drag-started)="luzmoDataFieldDragStarted.emit($event)">
   <ng-content></ng-content>
-</luzmo-draggable-data-fields-panel>`
+</luzmo-data-field-panel>`
                 }]
         }], propDecorators: { datasetIds: [{
                 type: Input
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
                 type: Input
             }], pending: [{
                 type: Input
-            }], draggableDataFieldVariant: [{
+            }], dataFieldVariant: [{
                 type: Input
             }], searchQuiet: [{
                 type: Input

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

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

package/angular/esm/components/{edit-filters.component.js → filters.component.js}

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class EditFiltersComponent {
+export class FiltersComponent {
     apiUrl;
     authKey;
     authToken;
@@ -15,8 +15,8 @@ export class EditFiltersComponent {
     autofocus;
     tabIndex;
     luzmoFiltersChanged = 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", contentLanguage: "contentLanguage", timeZone: "timeZone", datasetIds: "datasetIds", filters: "filters", debounce: "debounce", size: "size", disabled: "disabled", autofocus: "autofocus", tabIndex: "tabIndex" }, outputs: { luzmoFiltersChanged: "luzmoFiltersChanged" }, ngImport: i0, template: `<luzmo-edit-filters
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: FiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: FiltersComponent, isStandalone: true, selector: "luzmo-filters", inputs: { apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", cacheTime: "cacheTime", contentLanguage: "contentLanguage", timeZone: "timeZone", datasetIds: "datasetIds", filters: "filters", debounce: "debounce", size: "size", disabled: "disabled", autofocus: "autofocus", tabIndex: "tabIndex" }, outputs: { luzmoFiltersChanged: "luzmoFiltersChanged" }, ngImport: i0, template: `<luzmo-filters
         [attr.api-url]="apiUrl"
         [attr.auth-key]="authKey"
         [attr.auth-token]="authToken"
@@ -32,15 +32,15 @@ export class EditFiltersComponent {
         [attr.tabIndex]="tabIndex"
         (luzmo-filters-changed)="luzmoFiltersChanged.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", "contentLanguage", "timeZone", "datasetIds", "filters", "debounce", "size", "disabled", "autofocus", "tabIndex"], outputs: ["luzmoFiltersChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-filters>`, isInline: true, dependencies: [{ kind: "component", type: FiltersComponent, selector: "luzmo-filters", inputs: ["apiUrl", "authKey", "authToken", "cacheTime", "contentLanguage", "timeZone", "datasetIds", "filters", "debounce", "size", "disabled", "autofocus", "tabIndex"], outputs: ["luzmoFiltersChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditFiltersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-edit-filters',
+                    selector: 'luzmo-filters',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-edit-filters
+                    template: `<luzmo-filters
         [attr.api-url]="apiUrl"
         [attr.auth-key]="authKey"
         [attr.auth-token]="authToken"
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.tabIndex]="tabIndex"
         (luzmo-filters-changed)="luzmoFiltersChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-filters>`
+</luzmo-filters>`
                 }]
         }], propDecorators: { apiUrl: [{
                 type: Input

package/{react/esm/components/grid → angular/esm/components/item-grid}/types.d.ts

@@ -2,7 +2,7 @@ import type { ItemFilterGroup, VizItemOptions, VizItemSlot, VizItemType } from '
 import type { IconDefinition } from '@luzmo/icons';
 import type { Placement } from '@luzmo/lucero';
 import type { TemplateResult } from 'lit';
-export type DefaultActionType = 'lock' | 'filters' | 'edit' | 'edit-data' | 'edit-options' | 'edit-filters' | 'delete' | 'clone';
+export type DefaultActionType = 'lock' | 'filters' | 'edit' | 'edit-data' | 'item-options' | 'delete' | 'clone';
 export interface Action {
     icon?: IconDefinition;
     label?: string;

package/angular/esm/components/item-grid-item-actions-menu.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import type { Placement, ActionGroup } from '../types';
+import * as i0 from "@angular/core";
+export declare class ItemGridItemActionsMenuComponent {
+    placement?: Placement;
+    actions?: ActionGroup[];
+    disabled?: any;
+    autofocus?: any;
+    tabIndex?: any;
+    luzmoItemGridItemAction: EventEmitter<CustomEvent<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemGridItemActionsMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemGridItemActionsMenuComponent, "luzmo-item-grid-item-actions-menu", never, { "placement": { "alias": "placement"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "luzmoItemGridItemAction": "luzmoItemGridItemAction"; }, never, ["*"], true, never>;
+}

package/angular/esm/components/item-grid-item-actions-menu.component.js

@@ -0,0 +1,49 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ItemGridItemActionsMenuComponent {
+    placement;
+    actions;
+    disabled;
+    autofocus;
+    tabIndex;
+    luzmoItemGridItemAction = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemGridItemActionsMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemGridItemActionsMenuComponent, isStandalone: true, selector: "luzmo-item-grid-item-actions-menu", inputs: { placement: "placement", actions: "actions", disabled: "disabled", autofocus: "autofocus", tabIndex: "tabIndex" }, outputs: { luzmoItemGridItemAction: "luzmoItemGridItemAction" }, ngImport: i0, template: `<luzmo-item-grid-item-actions-menu
+        [attr.placement]="placement"
+        [attr.actions]="actions"
+        [attr.disabled]="disabled"
+        [attr.autofocus]="autofocus"
+        [attr.tabIndex]="tabIndex"
+        (luzmo-item-grid-item-action)="luzmoItemGridItemAction.emit($event)">
+  <ng-content></ng-content>
+</luzmo-item-grid-item-actions-menu>`, isInline: true, dependencies: [{ kind: "component", type: ItemGridItemActionsMenuComponent, selector: "luzmo-item-grid-item-actions-menu", inputs: ["placement", "actions", "disabled", "autofocus", "tabIndex"], outputs: ["luzmoItemGridItemAction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemGridItemActionsMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'luzmo-item-grid-item-actions-menu',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<luzmo-item-grid-item-actions-menu
+        [attr.placement]="placement"
+        [attr.actions]="actions"
+        [attr.disabled]="disabled"
+        [attr.autofocus]="autofocus"
+        [attr.tabIndex]="tabIndex"
+        (luzmo-item-grid-item-action)="luzmoItemGridItemAction.emit($event)">
+  <ng-content></ng-content>
+</luzmo-item-grid-item-actions-menu>`
+                }]
+        }], propDecorators: { placement: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], autofocus: [{
+                type: Input
+            }], tabIndex: [{
+                type: Input
+            }], luzmoItemGridItemAction: [{
+                type: Output
+            }] } });

package/angular/esm/components/item-grid.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '@angular/core';
+import type { Placement, InputActionGroup, ThemeConfig, GridItemData, GridItemRenderer } from '../types';
+import * as i0 from "@angular/core";
+export declare class ItemGridComponent {
+    appServer?: string;
+    apiHost?: string;
+    authKey?: string;
+    authToken?: string;
+    cacheTime?: number;
+    language?: string;
+    contentLanguage?: string;
+    columns?: number;
+    rowHeight?: number;
+    viewMode?: boolean;
+    placementItemActionsMenu?: Placement;
+    defaultItemActionsMenu?: InputActionGroup[];
+    theme?: ThemeConfig;
+    items?: GridItemData[];
+    renderers?: Record<string, GridItemRenderer>;
+    luzmoItemGridItemAction: EventEmitter<CustomEvent<any>>;
+    luzmoItemGridChanged: EventEmitter<CustomEvent<any>>;
+    luzmoItemGridReady: EventEmitter<CustomEvent<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemGridComponent, "luzmo-item-grid", never, { "appServer": { "alias": "appServer"; "required": false; }; "apiHost": { "alias": "apiHost"; "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; }; "columns": { "alias": "columns"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "placementItemActionsMenu": { "alias": "placementItemActionsMenu"; "required": false; }; "defaultItemActionsMenu": { "alias": "defaultItemActionsMenu"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "items": { "alias": "items"; "required": false; }; "renderers": { "alias": "renderers"; "required": false; }; }, { "luzmoItemGridItemAction": "luzmoItemGridItemAction"; "luzmoItemGridChanged": "luzmoItemGridChanged"; "luzmoItemGridReady": "luzmoItemGridReady"; }, never, ["*"], true, never>;
+}

package/angular/esm/components/{grid.component.js → item-grid.component.js}

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class GridComponent {
+export class ItemGridComponent {
     appServer;
     apiHost;
     authKey;
@@ -16,11 +16,11 @@ export class GridComponent {
     theme;
     items;
     renderers;
-    luzmoGridItemAction = new EventEmitter();
-    luzmoGridChanged = new EventEmitter();
-    luzmoGridReady = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: GridComponent, isStandalone: true, selector: "luzmo-grid", inputs: { appServer: "appServer", apiHost: "apiHost", authKey: "authKey", authToken: "authToken", cacheTime: "cacheTime", language: "language", contentLanguage: "contentLanguage", columns: "columns", rowHeight: "rowHeight", viewMode: "viewMode", placementItemActionsMenu: "placementItemActionsMenu", defaultItemActionsMenu: "defaultItemActionsMenu", theme: "theme", items: "items", renderers: "renderers" }, outputs: { luzmoGridItemAction: "luzmoGridItemAction", luzmoGridChanged: "luzmoGridChanged", luzmoGridReady: "luzmoGridReady" }, ngImport: i0, template: `<luzmo-grid
+    luzmoItemGridItemAction = new EventEmitter();
+    luzmoItemGridChanged = new EventEmitter();
+    luzmoItemGridReady = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemGridComponent, isStandalone: true, selector: "luzmo-item-grid", inputs: { appServer: "appServer", apiHost: "apiHost", authKey: "authKey", authToken: "authToken", cacheTime: "cacheTime", language: "language", contentLanguage: "contentLanguage", columns: "columns", rowHeight: "rowHeight", viewMode: "viewMode", placementItemActionsMenu: "placementItemActionsMenu", defaultItemActionsMenu: "defaultItemActionsMenu", theme: "theme", items: "items", renderers: "renderers" }, outputs: { luzmoItemGridItemAction: "luzmoItemGridItemAction", luzmoItemGridChanged: "luzmoItemGridChanged", luzmoItemGridReady: "luzmoItemGridReady" }, ngImport: i0, template: `<luzmo-item-grid
         [attr.app-server]="appServer"
         [attr.api-host]="apiHost"
         [attr.auth-key]="authKey"
@@ -36,19 +36,19 @@ export class GridComponent {
         [attr.theme]="theme"
         [attr.items]="items"
         [attr.renderers]="renderers"
-        (luzmo-grid-item-action)="luzmoGridItemAction.emit($event)"
-        (luzmo-grid-changed)="luzmoGridChanged.emit($event)"
-        (luzmo-grid-ready)="luzmoGridReady.emit($event)">
+        (luzmo-item-grid-item-action)="luzmoItemGridItemAction.emit($event)"
+        (luzmo-item-grid-changed)="luzmoItemGridChanged.emit($event)"
+        (luzmo-item-grid-ready)="luzmoItemGridReady.emit($event)">
   <ng-content></ng-content>
-</luzmo-grid>`, isInline: true, dependencies: [{ kind: "component", type: GridComponent, selector: "luzmo-grid", inputs: ["appServer", "apiHost", "authKey", "authToken", "cacheTime", "language", "contentLanguage", "columns", "rowHeight", "viewMode", "placementItemActionsMenu", "defaultItemActionsMenu", "theme", "items", "renderers"], outputs: ["luzmoGridItemAction", "luzmoGridChanged", "luzmoGridReady"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-grid>`, isInline: true, dependencies: [{ kind: "component", type: ItemGridComponent, selector: "luzmo-item-grid", inputs: ["appServer", "apiHost", "authKey", "authToken", "cacheTime", "language", "contentLanguage", "columns", "rowHeight", "viewMode", "placementItemActionsMenu", "defaultItemActionsMenu", "theme", "items", "renderers"], outputs: ["luzmoItemGridItemAction", "luzmoItemGridChanged", "luzmoItemGridReady"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: GridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemGridComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-grid',
+                    selector: 'luzmo-item-grid',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-grid
+                    template: `<luzmo-item-grid
         [attr.app-server]="appServer"
         [attr.api-host]="apiHost"
         [attr.auth-key]="authKey"
@@ -64,11 +64,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.theme]="theme"
         [attr.items]="items"
         [attr.renderers]="renderers"
-        (luzmo-grid-item-action)="luzmoGridItemAction.emit($event)"
-        (luzmo-grid-changed)="luzmoGridChanged.emit($event)"
-        (luzmo-grid-ready)="luzmoGridReady.emit($event)">
+        (luzmo-item-grid-item-action)="luzmoItemGridItemAction.emit($event)"
+        (luzmo-item-grid-changed)="luzmoItemGridChanged.emit($event)"
+        (luzmo-item-grid-ready)="luzmoItemGridReady.emit($event)">
   <ng-content></ng-content>
-</luzmo-grid>`
+</luzmo-item-grid>`
                 }]
         }], propDecorators: { appServer: [{
                 type: Input
@@ -100,10 +100,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
                 type: Input
             }], renderers: [{
                 type: Input
-            }], luzmoGridItemAction: [{
+            }], luzmoItemGridItemAction: [{
                 type: Output
-            }], luzmoGridChanged: [{
+            }], luzmoItemGridChanged: [{
                 type: Output
-            }], luzmoGridReady: [{
+            }], luzmoItemGridReady: [{
                 type: Output
             }] } });

package/angular/esm/components/{edit-option-action-button-group.component.d.ts → item-option-action-button-group.component.d.ts}

@@ -1,12 +1,12 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class EditOptionActionButtonGroupComponent {
+export declare class ItemOptionActionButtonGroupComponent {
     values?: any;
     disabled?: any;
     selects?: any;
     value?: any;
     default?: any;
     luzmoOptionChanged: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditOptionActionButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditOptionActionButtonGroupComponent, "luzmo-edit-option-action-button-group", never, { "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemOptionActionButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemOptionActionButtonGroupComponent, "luzmo-item-option-action-button-group", never, { "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
 }