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

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

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class DroppableSlotComponent {
+export class ItemSlotDropComponent {
     itemType;
     slotName;
     slotConfiguration;
@@ -21,8 +21,8 @@ export class DroppableSlotComponent {
     luzmoSlotMenuHighlight = new EventEmitter();
     luzmoInfoVisibilityChanged = new EventEmitter();
     luzmoSlotContentsChanged = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DroppableSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DroppableSlotComponent, isStandalone: true, selector: "luzmo-droppable-slot", inputs: { itemType: "itemType", slotName: "slotName", slotConfiguration: "slotConfiguration", slotsContents: "slotsContents", label: "label", dragBoundary: "dragBoundary", rotate: "rotate", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", menu: "menu", placement: "placement", hideDelete: "hideDelete", hideConfiguration: "hideConfiguration", size: "size" }, outputs: { luzmoSlotMenuInactive: "luzmoSlotMenuInactive", luzmoSlotMenuActive: "luzmoSlotMenuActive", luzmoSlotMenuHighlight: "luzmoSlotMenuHighlight", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged", luzmoSlotContentsChanged: "luzmoSlotContentsChanged" }, ngImport: i0, template: `<luzmo-droppable-slot
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemSlotDropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemSlotDropComponent, isStandalone: true, selector: "luzmo-item-slot-drop", inputs: { itemType: "itemType", slotName: "slotName", slotConfiguration: "slotConfiguration", slotsContents: "slotsContents", label: "label", dragBoundary: "dragBoundary", rotate: "rotate", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", menu: "menu", placement: "placement", hideDelete: "hideDelete", hideConfiguration: "hideConfiguration", size: "size" }, outputs: { luzmoSlotMenuInactive: "luzmoSlotMenuInactive", luzmoSlotMenuActive: "luzmoSlotMenuActive", luzmoSlotMenuHighlight: "luzmoSlotMenuHighlight", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged", luzmoSlotContentsChanged: "luzmoSlotContentsChanged" }, ngImport: i0, template: `<luzmo-item-slot-drop
         [attr.item-type]="itemType"
         [attr.slot-name]="slotName"
         [attr.slotConfiguration]="slotConfiguration"
@@ -44,15 +44,15 @@ export class DroppableSlotComponent {
         (luzmo-info-visibility-changed)="luzmoInfoVisibilityChanged.emit($event)"
         (luzmo-slot-contents-changed)="luzmoSlotContentsChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-droppable-slot>`, isInline: true, dependencies: [{ kind: "component", type: DroppableSlotComponent, selector: "luzmo-droppable-slot", inputs: ["itemType", "slotName", "slotConfiguration", "slotsContents", "label", "dragBoundary", "rotate", "apiUrl", "authKey", "authToken", "menu", "placement", "hideDelete", "hideConfiguration", "size"], outputs: ["luzmoSlotMenuInactive", "luzmoSlotMenuActive", "luzmoSlotMenuHighlight", "luzmoInfoVisibilityChanged", "luzmoSlotContentsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-slot-drop>`, isInline: true, dependencies: [{ kind: "component", type: ItemSlotDropComponent, selector: "luzmo-item-slot-drop", inputs: ["itemType", "slotName", "slotConfiguration", "slotsContents", "label", "dragBoundary", "rotate", "apiUrl", "authKey", "authToken", "menu", "placement", "hideDelete", "hideConfiguration", "size"], outputs: ["luzmoSlotMenuInactive", "luzmoSlotMenuActive", "luzmoSlotMenuHighlight", "luzmoInfoVisibilityChanged", "luzmoSlotContentsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DroppableSlotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemSlotDropComponent, decorators: [{
             type: Component,
             args: [{
-                    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"
@@ -74,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         (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>`
                 }]
         }], propDecorators: { itemType: [{
                 type: Input

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import type { VizItemType, SlotConfig, VizItemSlot, DatasetsDataFields, DatasetMetadata, Placement } from '../types';
 import * as i0 from "@angular/core";
-export declare class ItemDataPickerPanelComponent {
+export declare class ItemSlotPickerPanelComponent {
     itemType?: VizItemType | string;
     contentLanguage?: string;
     slotsConfiguration?: SlotConfig[];
@@ -27,6 +27,6 @@ export declare class ItemDataPickerPanelComponent {
     luzmoSlotsContentsChanged: EventEmitter<CustomEvent<any>>;
     luzmoDatasetChanged: EventEmitter<CustomEvent<any>>;
     luzmoSlotConstraintTriggered: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ItemDataPickerPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ItemDataPickerPanelComponent, "luzmo-item-data-picker-panel", never, { "itemType": { "alias": "itemType"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotsConfiguration": { "alias": "slotsConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "dataFieldsSearch": { "alias": "dataFieldsSearch"; "required": false; }; "datasetSearch": { "alias": "datasetSearch"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "datasetIds": { "alias": "datasetIds"; "required": false; }; "selectedDatasetId": { "alias": "selectedDatasetId"; "required": false; }; "datasetPicker": { "alias": "datasetPicker"; "required": false; }; "datasetPickerLabel": { "alias": "datasetPickerLabel"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "constraintMode": { "alias": "constraintMode"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoDatasetConstraintTriggered": "luzmoDatasetConstraintTriggered"; "luzmoSlotsContentsChanged": "luzmoSlotsContentsChanged"; "luzmoDatasetChanged": "luzmoDatasetChanged"; "luzmoSlotConstraintTriggered": "luzmoSlotConstraintTriggered"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemSlotPickerPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemSlotPickerPanelComponent, "luzmo-item-slot-picker-panel", never, { "itemType": { "alias": "itemType"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotsConfiguration": { "alias": "slotsConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "dataFieldsSearch": { "alias": "dataFieldsSearch"; "required": false; }; "datasetSearch": { "alias": "datasetSearch"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "datasetIds": { "alias": "datasetIds"; "required": false; }; "selectedDatasetId": { "alias": "selectedDatasetId"; "required": false; }; "datasetPicker": { "alias": "datasetPicker"; "required": false; }; "datasetPickerLabel": { "alias": "datasetPickerLabel"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "constraintMode": { "alias": "constraintMode"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoDatasetConstraintTriggered": "luzmoDatasetConstraintTriggered"; "luzmoSlotsContentsChanged": "luzmoSlotsContentsChanged"; "luzmoDatasetChanged": "luzmoDatasetChanged"; "luzmoSlotConstraintTriggered": "luzmoSlotConstraintTriggered"; }, never, ["*"], true, never>;
 }

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

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class ItemDataPickerPanelComponent {
+export class ItemSlotPickerPanelComponent {
     itemType;
     contentLanguage;
     slotsConfiguration;
@@ -26,8 +26,8 @@ export class ItemDataPickerPanelComponent {
     luzmoSlotsContentsChanged = new EventEmitter();
     luzmoDatasetChanged = new EventEmitter();
     luzmoSlotConstraintTriggered = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemDataPickerPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemDataPickerPanelComponent, isStandalone: true, selector: "luzmo-item-data-picker-panel", inputs: { itemType: "itemType", contentLanguage: "contentLanguage", slotsConfiguration: "slotsConfiguration", slotsContents: "slotsContents", selects: "selects", dataFieldsSearch: "dataFieldsSearch", datasetSearch: "datasetSearch", icons: "icons", datasetsDataFields: "datasetsDataFields", datasetIds: "datasetIds", selectedDatasetId: "selectedDatasetId", datasetPicker: "datasetPicker", datasetPickerLabel: "datasetPickerLabel", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", placement: "placement", slotMenuPlacement: "slotMenuPlacement", constraintMode: "constraintMode", grows: "grows", size: "size" }, outputs: { luzmoDatasetConstraintTriggered: "luzmoDatasetConstraintTriggered", luzmoSlotsContentsChanged: "luzmoSlotsContentsChanged", luzmoDatasetChanged: "luzmoDatasetChanged", luzmoSlotConstraintTriggered: "luzmoSlotConstraintTriggered" }, ngImport: i0, template: `<luzmo-item-data-picker-panel
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemSlotPickerPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemSlotPickerPanelComponent, isStandalone: true, selector: "luzmo-item-slot-picker-panel", inputs: { itemType: "itemType", contentLanguage: "contentLanguage", slotsConfiguration: "slotsConfiguration", slotsContents: "slotsContents", selects: "selects", dataFieldsSearch: "dataFieldsSearch", datasetSearch: "datasetSearch", icons: "icons", datasetsDataFields: "datasetsDataFields", datasetIds: "datasetIds", selectedDatasetId: "selectedDatasetId", datasetPicker: "datasetPicker", datasetPickerLabel: "datasetPickerLabel", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", placement: "placement", slotMenuPlacement: "slotMenuPlacement", constraintMode: "constraintMode", grows: "grows", size: "size" }, outputs: { luzmoDatasetConstraintTriggered: "luzmoDatasetConstraintTriggered", luzmoSlotsContentsChanged: "luzmoSlotsContentsChanged", luzmoDatasetChanged: "luzmoDatasetChanged", luzmoSlotConstraintTriggered: "luzmoSlotConstraintTriggered" }, ngImport: i0, template: `<luzmo-item-slot-picker-panel
         [attr.item-type]="itemType"
         [attr.content-language]="contentLanguage"
         [attr.slotsConfiguration]="slotsConfiguration"
@@ -54,15 +54,15 @@ export class ItemDataPickerPanelComponent {
         (luzmo-dataset-changed)="luzmoDatasetChanged.emit($event)"
         (luzmo-slot-constraint-triggered)="luzmoSlotConstraintTriggered.emit($event)">
   <ng-content></ng-content>
-</luzmo-item-data-picker-panel>`, isInline: true, dependencies: [{ kind: "component", type: ItemDataPickerPanelComponent, selector: "luzmo-item-data-picker-panel", inputs: ["itemType", "contentLanguage", "slotsConfiguration", "slotsContents", "selects", "dataFieldsSearch", "datasetSearch", "icons", "datasetsDataFields", "datasetIds", "selectedDatasetId", "datasetPicker", "datasetPickerLabel", "apiUrl", "authKey", "authToken", "placement", "slotMenuPlacement", "constraintMode", "grows", "size"], outputs: ["luzmoDatasetConstraintTriggered", "luzmoSlotsContentsChanged", "luzmoDatasetChanged", "luzmoSlotConstraintTriggered"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-slot-picker-panel>`, isInline: true, dependencies: [{ kind: "component", type: ItemSlotPickerPanelComponent, selector: "luzmo-item-slot-picker-panel", inputs: ["itemType", "contentLanguage", "slotsConfiguration", "slotsContents", "selects", "dataFieldsSearch", "datasetSearch", "icons", "datasetsDataFields", "datasetIds", "selectedDatasetId", "datasetPicker", "datasetPickerLabel", "apiUrl", "authKey", "authToken", "placement", "slotMenuPlacement", "constraintMode", "grows", "size"], outputs: ["luzmoDatasetConstraintTriggered", "luzmoSlotsContentsChanged", "luzmoDatasetChanged", "luzmoSlotConstraintTriggered"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemDataPickerPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemSlotPickerPanelComponent, decorators: [{
             type: Component,
             args: [{
-                    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"
@@ -89,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         (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>`
                 }]
         }], propDecorators: { itemType: [{
                 type: Input

package/angular/esm/components/item-slot-picker.component.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '@angular/core';
+import type { VizItemType, SlotName, SlotConfig, SlotContent, DatasetsDataFields, Placement } from '../types';
+import * as i0 from "@angular/core";
+export declare class ItemSlotPickerComponent {
+    itemType?: VizItemType | string;
+    slotName?: SlotName;
+    slotConfiguration?: SlotConfig;
+    slotContents?: SlotContent[];
+    contentLanguage?: string;
+    disabled?: boolean;
+    grows?: boolean;
+    menu?: 'default' | 'draggable' | 'event-only';
+    hasLabel?: boolean;
+    label?: string;
+    selects?: 'single' | 'multiple';
+    icons?: 'none' | 'menu-only' | 'all';
+    placeholder?: string;
+    datasetsDataFields?: DatasetsDataFields[];
+    placement?: Placement;
+    slotMenuPlacement?: Placement;
+    hideConfiguration?: boolean;
+    hideClear?: boolean;
+    search?: any;
+    size?: any;
+    luzmoSlotContentsChanged: EventEmitter<CustomEvent<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemSlotPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemSlotPickerComponent, "luzmo-item-slot-picker", never, { "itemType": { "alias": "itemType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotConfiguration": { "alias": "slotConfiguration"; "required": false; }; "slotContents": { "alias": "slotContents"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "hasLabel": { "alias": "hasLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "hideClear": { "alias": "hideClear"; "required": false; }; "search": { "alias": "search"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; }, never, ["*"], true, never>;
+}

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

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class SlotContentsPickerComponent {
+export class ItemSlotPickerComponent {
     itemType;
     slotName;
     slotConfiguration;
@@ -22,8 +22,8 @@ export class SlotContentsPickerComponent {
     search;
     size;
     luzmoSlotContentsChanged = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: SlotContentsPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: SlotContentsPickerComponent, isStandalone: true, selector: "luzmo-slot-contents-picker", inputs: { itemType: "itemType", slotName: "slotName", slotConfiguration: "slotConfiguration", slotContents: "slotContents", contentLanguage: "contentLanguage", disabled: "disabled", grows: "grows", menu: "menu", hasLabel: "hasLabel", label: "label", selects: "selects", icons: "icons", placeholder: "placeholder", datasetsDataFields: "datasetsDataFields", placement: "placement", slotMenuPlacement: "slotMenuPlacement", hideConfiguration: "hideConfiguration", hideClear: "hideClear", search: "search", size: "size" }, outputs: { luzmoSlotContentsChanged: "luzmoSlotContentsChanged" }, ngImport: i0, template: `<luzmo-slot-contents-picker
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemSlotPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemSlotPickerComponent, isStandalone: true, selector: "luzmo-item-slot-picker", inputs: { itemType: "itemType", slotName: "slotName", slotConfiguration: "slotConfiguration", slotContents: "slotContents", contentLanguage: "contentLanguage", disabled: "disabled", grows: "grows", menu: "menu", hasLabel: "hasLabel", label: "label", selects: "selects", icons: "icons", placeholder: "placeholder", datasetsDataFields: "datasetsDataFields", placement: "placement", slotMenuPlacement: "slotMenuPlacement", hideConfiguration: "hideConfiguration", hideClear: "hideClear", search: "search", size: "size" }, outputs: { luzmoSlotContentsChanged: "luzmoSlotContentsChanged" }, ngImport: i0, template: `<luzmo-item-slot-picker
         [attr.item-type]="itemType"
         [attr.slot-name]="slotName"
         [attr.slotConfiguration]="slotConfiguration"
@@ -46,15 +46,15 @@ export class SlotContentsPickerComponent {
         [attr.size]="size"
         (luzmo-slot-contents-changed)="luzmoSlotContentsChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-slot-contents-picker>`, isInline: true, dependencies: [{ kind: "component", type: SlotContentsPickerComponent, selector: "luzmo-slot-contents-picker", inputs: ["itemType", "slotName", "slotConfiguration", "slotContents", "contentLanguage", "disabled", "grows", "menu", "hasLabel", "label", "selects", "icons", "placeholder", "datasetsDataFields", "placement", "slotMenuPlacement", "hideConfiguration", "hideClear", "search", "size"], outputs: ["luzmoSlotContentsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-slot-picker>`, isInline: true, dependencies: [{ kind: "component", type: ItemSlotPickerComponent, selector: "luzmo-item-slot-picker", inputs: ["itemType", "slotName", "slotConfiguration", "slotContents", "contentLanguage", "disabled", "grows", "menu", "hasLabel", "label", "selects", "icons", "placeholder", "datasetsDataFields", "placement", "slotMenuPlacement", "hideConfiguration", "hideClear", "search", "size"], outputs: ["luzmoSlotContentsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: SlotContentsPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemSlotPickerComponent, decorators: [{
             type: Component,
             args: [{
-                    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"
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.size]="size"
         (luzmo-slot-contents-changed)="luzmoSlotContentsChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-slot-contents-picker>`
+</luzmo-item-slot-picker>`
                 }]
         }], propDecorators: { itemType: [{
                 type: Input

package/angular/esm/components/slot-menu/types.d.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;
     datasetName: Record<string, string>;

package/angular/esm/index.d.ts

@@ -1,4 +1,6 @@
 import { AiInteractionTextareaComponent } from './components/ai-interaction-textarea.component';
+import { DataFieldLevelComponent } from './components/data-field-level.component';
+import { DataFieldPanelComponent } from './components/data-field-panel.component';
 import { DatasetIconComponent } from './components/dataset-icon.component';
 import { DatasetSelectorListComponent } from './components/dataset-selector-list.component';
 import { DatasetSelectorRowComponent } from './components/dataset-selector-row.component';
@@ -8,24 +10,6 @@ import { DisplaySettingsDatetimeComponent } from './components/display-settings-
 import { DisplaySettingsGrandTotalsComponent } from './components/display-settings-grand-totals.component';
 import { DisplaySettingsNumericComponent } from './components/display-settings-numeric.component';
 import { DisplaySettingsPeriodOverPeriodComponent } from './components/display-settings-period-over-period.component';
-import { DraggableDataFieldsPanelComponent } from './components/draggable-data-fields-panel.component';
-import { DroppableSlotComponent } from './components/droppable-slot.component';
-import { EditFiltersComponent } from './components/edit-filters.component';
-import { EditItemComponent } from './components/edit-item.component';
-import { EditOptionComponent } from './components/edit-option.component';
-import { EditOptionActionButtonGroupComponent } from './components/edit-option-action-button-group.component';
-import { EditOptionColorPalettePickerComponent } from './components/edit-option-color-palette-picker.component';
-import { EditOptionColorPickerComponent } from './components/edit-option-color-picker.component';
-import { EditOptionColorRangeComponent } from './components/edit-option-color-range.component';
-import { EditOptionMultiLanguageFieldComponent } from './components/edit-option-multi-language-field.component';
-import { EditOptionNumberFieldComponent } from './components/edit-option-number-field.component';
-import { EditOptionPickerComponent } from './components/edit-option-picker.component';
-import { EditOptionPositionPickerComponent } from './components/edit-option-position-picker.component';
-import { EditOptionPositionsNumberFieldComponent } from './components/edit-option-positions-number-field.component';
-import { EditOptionRadioButtonGroupComponent } from './components/edit-option-radio-button-group.component';
-import { EditOptionSliderComponent } from './components/edit-option-slider.component';
-import { EditOptionSwitchComponent } from './components/edit-option-switch.component';
-import { EditOptionTextFieldComponent } from './components/edit-option-text-field.component';
 import { FilterExpressionPickerComponent } from './components/filter-expression-picker.component';
 import { FilterItemComponent } from './components/filter-item.component';
 import { FilterParameterPickerComponent } from './components/filter-parameter-picker.component';
@@ -33,15 +17,34 @@ import { FilterValuePickerComponent } from './components/filter-value-picker.com
 import { FilterValuePickerDatetimeComponent } from './components/filter-value-picker-datetime.component';
 import { FilterValuePickerHierarchyComponent } from './components/filter-value-picker-hierarchy.component';
 import { FilterValuePickerNumericComponent } from './components/filter-value-picker-numeric.component';
-import { GridComponent } from './components/grid.component';
-import { GridItemActionsMenuComponent } from './components/grid-item-actions-menu.component';
-import { ItemDataDropPanelComponent } from './components/item-data-drop-panel.component';
-import { ItemDataPickerPanelComponent } from './components/item-data-picker-panel.component';
-import { SlotContentsPickerComponent } from './components/slot-contents-picker.component';
+import { FiltersComponent } from './components/filters.component';
+import { ItemGridComponent } from './components/item-grid.component';
+import { ItemGridItemActionsMenuComponent } from './components/item-grid-item-actions-menu.component';
+import { ItemOptionComponent } from './components/item-option.component';
+import { ItemOptionActionButtonGroupComponent } from './components/item-option-action-button-group.component';
+import { ItemOptionColorPalettePickerComponent } from './components/item-option-color-palette-picker.component';
+import { ItemOptionColorPickerComponent } from './components/item-option-color-picker.component';
+import { ItemOptionColorRangeComponent } from './components/item-option-color-range.component';
+import { ItemOptionMultiLanguageFieldComponent } from './components/item-option-multi-language-field.component';
+import { ItemOptionNumberFieldComponent } from './components/item-option-number-field.component';
+import { ItemOptionPanelComponent } from './components/item-option-panel.component';
+import { ItemOptionPickerComponent } from './components/item-option-picker.component';
+import { ItemOptionPositionPickerComponent } from './components/item-option-position-picker.component';
+import { ItemOptionPositionsNumberFieldComponent } from './components/item-option-positions-number-field.component';
+import { ItemOptionRadioButtonGroupComponent } from './components/item-option-radio-button-group.component';
+import { ItemOptionSliderComponent } from './components/item-option-slider.component';
+import { ItemOptionSwitchComponent } from './components/item-option-switch.component';
+import { ItemOptionTextFieldComponent } from './components/item-option-text-field.component';
+import { ItemSlotDropComponent } from './components/item-slot-drop.component';
+import { ItemSlotDropPanelComponent } from './components/item-slot-drop-panel.component';
+import { ItemSlotPickerComponent } from './components/item-slot-picker.component';
+import { ItemSlotPickerPanelComponent } from './components/item-slot-picker-panel.component';
 import { SlotMenuComponent } from './components/slot-menu.component';
 import { SlotMenuListComponent } from './components/slot-menu-list.component';
 import { VizItemMenuComponent } from './components/viz-item-menu.component';
 export { AiInteractionTextareaComponent } from './components/ai-interaction-textarea.component';
+export { DataFieldLevelComponent } from './components/data-field-level.component';
+export { DataFieldPanelComponent } from './components/data-field-panel.component';
 export { DatasetIconComponent } from './components/dataset-icon.component';
 export { DatasetSelectorListComponent } from './components/dataset-selector-list.component';
 export { DatasetSelectorRowComponent } from './components/dataset-selector-row.component';
@@ -51,24 +54,6 @@ export { DisplaySettingsDatetimeComponent } from './components/display-settings-
 export { DisplaySettingsGrandTotalsComponent } from './components/display-settings-grand-totals.component';
 export { DisplaySettingsNumericComponent } from './components/display-settings-numeric.component';
 export { DisplaySettingsPeriodOverPeriodComponent } from './components/display-settings-period-over-period.component';
-export { DraggableDataFieldsPanelComponent } from './components/draggable-data-fields-panel.component';
-export { DroppableSlotComponent } from './components/droppable-slot.component';
-export { EditFiltersComponent } from './components/edit-filters.component';
-export { EditItemComponent } from './components/edit-item.component';
-export { EditOptionComponent } from './components/edit-option.component';
-export { EditOptionActionButtonGroupComponent } from './components/edit-option-action-button-group.component';
-export { EditOptionColorPalettePickerComponent } from './components/edit-option-color-palette-picker.component';
-export { EditOptionColorPickerComponent } from './components/edit-option-color-picker.component';
-export { EditOptionColorRangeComponent } from './components/edit-option-color-range.component';
-export { EditOptionMultiLanguageFieldComponent } from './components/edit-option-multi-language-field.component';
-export { EditOptionNumberFieldComponent } from './components/edit-option-number-field.component';
-export { EditOptionPickerComponent } from './components/edit-option-picker.component';
-export { EditOptionPositionPickerComponent } from './components/edit-option-position-picker.component';
-export { EditOptionPositionsNumberFieldComponent } from './components/edit-option-positions-number-field.component';
-export { EditOptionRadioButtonGroupComponent } from './components/edit-option-radio-button-group.component';
-export { EditOptionSliderComponent } from './components/edit-option-slider.component';
-export { EditOptionSwitchComponent } from './components/edit-option-switch.component';
-export { EditOptionTextFieldComponent } from './components/edit-option-text-field.component';
 export { FilterExpressionPickerComponent } from './components/filter-expression-picker.component';
 export { FilterItemComponent } from './components/filter-item.component';
 export { FilterParameterPickerComponent } from './components/filter-parameter-picker.component';
@@ -76,12 +61,29 @@ export { FilterValuePickerComponent } from './components/filter-value-picker.com
 export { FilterValuePickerDatetimeComponent } from './components/filter-value-picker-datetime.component';
 export { FilterValuePickerHierarchyComponent } from './components/filter-value-picker-hierarchy.component';
 export { FilterValuePickerNumericComponent } from './components/filter-value-picker-numeric.component';
-export { GridComponent } from './components/grid.component';
-export { GridItemActionsMenuComponent } from './components/grid-item-actions-menu.component';
-export { ItemDataDropPanelComponent } from './components/item-data-drop-panel.component';
-export { ItemDataPickerPanelComponent } from './components/item-data-picker-panel.component';
-export { SlotContentsPickerComponent } from './components/slot-contents-picker.component';
+export { FiltersComponent } from './components/filters.component';
+export { ItemGridComponent } from './components/item-grid.component';
+export { ItemGridItemActionsMenuComponent } from './components/item-grid-item-actions-menu.component';
+export { ItemOptionComponent } from './components/item-option.component';
+export { ItemOptionActionButtonGroupComponent } from './components/item-option-action-button-group.component';
+export { ItemOptionColorPalettePickerComponent } from './components/item-option-color-palette-picker.component';
+export { ItemOptionColorPickerComponent } from './components/item-option-color-picker.component';
+export { ItemOptionColorRangeComponent } from './components/item-option-color-range.component';
+export { ItemOptionMultiLanguageFieldComponent } from './components/item-option-multi-language-field.component';
+export { ItemOptionNumberFieldComponent } from './components/item-option-number-field.component';
+export { ItemOptionPanelComponent } from './components/item-option-panel.component';
+export { ItemOptionPickerComponent } from './components/item-option-picker.component';
+export { ItemOptionPositionPickerComponent } from './components/item-option-position-picker.component';
+export { ItemOptionPositionsNumberFieldComponent } from './components/item-option-positions-number-field.component';
+export { ItemOptionRadioButtonGroupComponent } from './components/item-option-radio-button-group.component';
+export { ItemOptionSliderComponent } from './components/item-option-slider.component';
+export { ItemOptionSwitchComponent } from './components/item-option-switch.component';
+export { ItemOptionTextFieldComponent } from './components/item-option-text-field.component';
+export { ItemSlotDropComponent } from './components/item-slot-drop.component';
+export { ItemSlotDropPanelComponent } from './components/item-slot-drop-panel.component';
+export { ItemSlotPickerComponent } from './components/item-slot-picker.component';
+export { ItemSlotPickerPanelComponent } from './components/item-slot-picker-panel.component';
 export { SlotMenuComponent } from './components/slot-menu.component';
 export { SlotMenuListComponent } from './components/slot-menu-list.component';
 export { VizItemMenuComponent } from './components/viz-item-menu.component';
-export declare const LUZMO_COMPONENTS: readonly [typeof AiInteractionTextareaComponent, typeof DatasetIconComponent, typeof DatasetSelectorListComponent, typeof DatasetSelectorRowComponent, typeof DisplaySettingsComponent, typeof DisplaySettingsBinningComponent, typeof DisplaySettingsDatetimeComponent, typeof DisplaySettingsGrandTotalsComponent, typeof DisplaySettingsNumericComponent, typeof DisplaySettingsPeriodOverPeriodComponent, typeof DraggableDataFieldsPanelComponent, typeof DroppableSlotComponent, typeof EditFiltersComponent, typeof EditItemComponent, typeof EditOptionComponent, typeof EditOptionActionButtonGroupComponent, typeof EditOptionColorPalettePickerComponent, typeof EditOptionColorPickerComponent, typeof EditOptionColorRangeComponent, typeof EditOptionMultiLanguageFieldComponent, typeof EditOptionNumberFieldComponent, typeof EditOptionPickerComponent, typeof EditOptionPositionPickerComponent, typeof EditOptionPositionsNumberFieldComponent, typeof EditOptionRadioButtonGroupComponent, typeof EditOptionSliderComponent, typeof EditOptionSwitchComponent, typeof EditOptionTextFieldComponent, typeof FilterExpressionPickerComponent, typeof FilterItemComponent, typeof FilterParameterPickerComponent, typeof FilterValuePickerComponent, typeof FilterValuePickerDatetimeComponent, typeof FilterValuePickerHierarchyComponent, typeof FilterValuePickerNumericComponent, typeof GridComponent, typeof GridItemActionsMenuComponent, typeof ItemDataDropPanelComponent, typeof ItemDataPickerPanelComponent, typeof SlotContentsPickerComponent, typeof SlotMenuComponent, typeof SlotMenuListComponent, typeof VizItemMenuComponent];
+export declare const LUZMO_COMPONENTS: readonly [typeof AiInteractionTextareaComponent, typeof DataFieldLevelComponent, typeof DataFieldPanelComponent, typeof DatasetIconComponent, typeof DatasetSelectorListComponent, typeof DatasetSelectorRowComponent, typeof DisplaySettingsComponent, typeof DisplaySettingsBinningComponent, typeof DisplaySettingsDatetimeComponent, typeof DisplaySettingsGrandTotalsComponent, typeof DisplaySettingsNumericComponent, typeof DisplaySettingsPeriodOverPeriodComponent, typeof FilterExpressionPickerComponent, typeof FilterItemComponent, typeof FilterParameterPickerComponent, typeof FilterValuePickerComponent, typeof FilterValuePickerDatetimeComponent, typeof FilterValuePickerHierarchyComponent, typeof FilterValuePickerNumericComponent, typeof FiltersComponent, typeof ItemGridComponent, typeof ItemGridItemActionsMenuComponent, typeof ItemOptionComponent, typeof ItemOptionActionButtonGroupComponent, typeof ItemOptionColorPalettePickerComponent, typeof ItemOptionColorPickerComponent, typeof ItemOptionColorRangeComponent, typeof ItemOptionMultiLanguageFieldComponent, typeof ItemOptionNumberFieldComponent, typeof ItemOptionPanelComponent, typeof ItemOptionPickerComponent, typeof ItemOptionPositionPickerComponent, typeof ItemOptionPositionsNumberFieldComponent, typeof ItemOptionRadioButtonGroupComponent, typeof ItemOptionSliderComponent, typeof ItemOptionSwitchComponent, typeof ItemOptionTextFieldComponent, typeof ItemSlotDropComponent, typeof ItemSlotDropPanelComponent, typeof ItemSlotPickerComponent, typeof ItemSlotPickerPanelComponent, typeof SlotMenuComponent, typeof SlotMenuListComponent, typeof VizItemMenuComponent];

package/angular/esm/index.js

@@ -1,4 +1,6 @@
 import { AiInteractionTextareaComponent } from './components/ai-interaction-textarea.component';
+import { DataFieldLevelComponent } from './components/data-field-level.component';
+import { DataFieldPanelComponent } from './components/data-field-panel.component';
 import { DatasetIconComponent } from './components/dataset-icon.component';
 import { DatasetSelectorListComponent } from './components/dataset-selector-list.component';
 import { DatasetSelectorRowComponent } from './components/dataset-selector-row.component';
@@ -8,24 +10,6 @@ import { DisplaySettingsDatetimeComponent } from './components/display-settings-
 import { DisplaySettingsGrandTotalsComponent } from './components/display-settings-grand-totals.component';
 import { DisplaySettingsNumericComponent } from './components/display-settings-numeric.component';
 import { DisplaySettingsPeriodOverPeriodComponent } from './components/display-settings-period-over-period.component';
-import { DraggableDataFieldsPanelComponent } from './components/draggable-data-fields-panel.component';
-import { DroppableSlotComponent } from './components/droppable-slot.component';
-import { EditFiltersComponent } from './components/edit-filters.component';
-import { EditItemComponent } from './components/edit-item.component';
-import { EditOptionComponent } from './components/edit-option.component';
-import { EditOptionActionButtonGroupComponent } from './components/edit-option-action-button-group.component';
-import { EditOptionColorPalettePickerComponent } from './components/edit-option-color-palette-picker.component';
-import { EditOptionColorPickerComponent } from './components/edit-option-color-picker.component';
-import { EditOptionColorRangeComponent } from './components/edit-option-color-range.component';
-import { EditOptionMultiLanguageFieldComponent } from './components/edit-option-multi-language-field.component';
-import { EditOptionNumberFieldComponent } from './components/edit-option-number-field.component';
-import { EditOptionPickerComponent } from './components/edit-option-picker.component';
-import { EditOptionPositionPickerComponent } from './components/edit-option-position-picker.component';
-import { EditOptionPositionsNumberFieldComponent } from './components/edit-option-positions-number-field.component';
-import { EditOptionRadioButtonGroupComponent } from './components/edit-option-radio-button-group.component';
-import { EditOptionSliderComponent } from './components/edit-option-slider.component';
-import { EditOptionSwitchComponent } from './components/edit-option-switch.component';
-import { EditOptionTextFieldComponent } from './components/edit-option-text-field.component';
 import { FilterExpressionPickerComponent } from './components/filter-expression-picker.component';
 import { FilterItemComponent } from './components/filter-item.component';
 import { FilterParameterPickerComponent } from './components/filter-parameter-picker.component';
@@ -33,15 +17,34 @@ import { FilterValuePickerComponent } from './components/filter-value-picker.com
 import { FilterValuePickerDatetimeComponent } from './components/filter-value-picker-datetime.component';
 import { FilterValuePickerHierarchyComponent } from './components/filter-value-picker-hierarchy.component';
 import { FilterValuePickerNumericComponent } from './components/filter-value-picker-numeric.component';
-import { GridComponent } from './components/grid.component';
-import { GridItemActionsMenuComponent } from './components/grid-item-actions-menu.component';
-import { ItemDataDropPanelComponent } from './components/item-data-drop-panel.component';
-import { ItemDataPickerPanelComponent } from './components/item-data-picker-panel.component';
-import { SlotContentsPickerComponent } from './components/slot-contents-picker.component';
+import { FiltersComponent } from './components/filters.component';
+import { ItemGridComponent } from './components/item-grid.component';
+import { ItemGridItemActionsMenuComponent } from './components/item-grid-item-actions-menu.component';
+import { ItemOptionComponent } from './components/item-option.component';
+import { ItemOptionActionButtonGroupComponent } from './components/item-option-action-button-group.component';
+import { ItemOptionColorPalettePickerComponent } from './components/item-option-color-palette-picker.component';
+import { ItemOptionColorPickerComponent } from './components/item-option-color-picker.component';
+import { ItemOptionColorRangeComponent } from './components/item-option-color-range.component';
+import { ItemOptionMultiLanguageFieldComponent } from './components/item-option-multi-language-field.component';
+import { ItemOptionNumberFieldComponent } from './components/item-option-number-field.component';
+import { ItemOptionPanelComponent } from './components/item-option-panel.component';
+import { ItemOptionPickerComponent } from './components/item-option-picker.component';
+import { ItemOptionPositionPickerComponent } from './components/item-option-position-picker.component';
+import { ItemOptionPositionsNumberFieldComponent } from './components/item-option-positions-number-field.component';
+import { ItemOptionRadioButtonGroupComponent } from './components/item-option-radio-button-group.component';
+import { ItemOptionSliderComponent } from './components/item-option-slider.component';
+import { ItemOptionSwitchComponent } from './components/item-option-switch.component';
+import { ItemOptionTextFieldComponent } from './components/item-option-text-field.component';
+import { ItemSlotDropComponent } from './components/item-slot-drop.component';
+import { ItemSlotDropPanelComponent } from './components/item-slot-drop-panel.component';
+import { ItemSlotPickerComponent } from './components/item-slot-picker.component';
+import { ItemSlotPickerPanelComponent } from './components/item-slot-picker-panel.component';
 import { SlotMenuComponent } from './components/slot-menu.component';
 import { SlotMenuListComponent } from './components/slot-menu-list.component';
 import { VizItemMenuComponent } from './components/viz-item-menu.component';
 export { AiInteractionTextareaComponent } from './components/ai-interaction-textarea.component';
+export { DataFieldLevelComponent } from './components/data-field-level.component';
+export { DataFieldPanelComponent } from './components/data-field-panel.component';
 export { DatasetIconComponent } from './components/dataset-icon.component';
 export { DatasetSelectorListComponent } from './components/dataset-selector-list.component';
 export { DatasetSelectorRowComponent } from './components/dataset-selector-row.component';
@@ -51,24 +54,6 @@ export { DisplaySettingsDatetimeComponent } from './components/display-settings-
 export { DisplaySettingsGrandTotalsComponent } from './components/display-settings-grand-totals.component';
 export { DisplaySettingsNumericComponent } from './components/display-settings-numeric.component';
 export { DisplaySettingsPeriodOverPeriodComponent } from './components/display-settings-period-over-period.component';
-export { DraggableDataFieldsPanelComponent } from './components/draggable-data-fields-panel.component';
-export { DroppableSlotComponent } from './components/droppable-slot.component';
-export { EditFiltersComponent } from './components/edit-filters.component';
-export { EditItemComponent } from './components/edit-item.component';
-export { EditOptionComponent } from './components/edit-option.component';
-export { EditOptionActionButtonGroupComponent } from './components/edit-option-action-button-group.component';
-export { EditOptionColorPalettePickerComponent } from './components/edit-option-color-palette-picker.component';
-export { EditOptionColorPickerComponent } from './components/edit-option-color-picker.component';
-export { EditOptionColorRangeComponent } from './components/edit-option-color-range.component';
-export { EditOptionMultiLanguageFieldComponent } from './components/edit-option-multi-language-field.component';
-export { EditOptionNumberFieldComponent } from './components/edit-option-number-field.component';
-export { EditOptionPickerComponent } from './components/edit-option-picker.component';
-export { EditOptionPositionPickerComponent } from './components/edit-option-position-picker.component';
-export { EditOptionPositionsNumberFieldComponent } from './components/edit-option-positions-number-field.component';
-export { EditOptionRadioButtonGroupComponent } from './components/edit-option-radio-button-group.component';
-export { EditOptionSliderComponent } from './components/edit-option-slider.component';
-export { EditOptionSwitchComponent } from './components/edit-option-switch.component';
-export { EditOptionTextFieldComponent } from './components/edit-option-text-field.component';
 export { FilterExpressionPickerComponent } from './components/filter-expression-picker.component';
 export { FilterItemComponent } from './components/filter-item.component';
 export { FilterParameterPickerComponent } from './components/filter-parameter-picker.component';
@@ -76,16 +61,35 @@ export { FilterValuePickerComponent } from './components/filter-value-picker.com
 export { FilterValuePickerDatetimeComponent } from './components/filter-value-picker-datetime.component';
 export { FilterValuePickerHierarchyComponent } from './components/filter-value-picker-hierarchy.component';
 export { FilterValuePickerNumericComponent } from './components/filter-value-picker-numeric.component';
-export { GridComponent } from './components/grid.component';
-export { GridItemActionsMenuComponent } from './components/grid-item-actions-menu.component';
-export { ItemDataDropPanelComponent } from './components/item-data-drop-panel.component';
-export { ItemDataPickerPanelComponent } from './components/item-data-picker-panel.component';
-export { SlotContentsPickerComponent } from './components/slot-contents-picker.component';
+export { FiltersComponent } from './components/filters.component';
+export { ItemGridComponent } from './components/item-grid.component';
+export { ItemGridItemActionsMenuComponent } from './components/item-grid-item-actions-menu.component';
+export { ItemOptionComponent } from './components/item-option.component';
+export { ItemOptionActionButtonGroupComponent } from './components/item-option-action-button-group.component';
+export { ItemOptionColorPalettePickerComponent } from './components/item-option-color-palette-picker.component';
+export { ItemOptionColorPickerComponent } from './components/item-option-color-picker.component';
+export { ItemOptionColorRangeComponent } from './components/item-option-color-range.component';
+export { ItemOptionMultiLanguageFieldComponent } from './components/item-option-multi-language-field.component';
+export { ItemOptionNumberFieldComponent } from './components/item-option-number-field.component';
+export { ItemOptionPanelComponent } from './components/item-option-panel.component';
+export { ItemOptionPickerComponent } from './components/item-option-picker.component';
+export { ItemOptionPositionPickerComponent } from './components/item-option-position-picker.component';
+export { ItemOptionPositionsNumberFieldComponent } from './components/item-option-positions-number-field.component';
+export { ItemOptionRadioButtonGroupComponent } from './components/item-option-radio-button-group.component';
+export { ItemOptionSliderComponent } from './components/item-option-slider.component';
+export { ItemOptionSwitchComponent } from './components/item-option-switch.component';
+export { ItemOptionTextFieldComponent } from './components/item-option-text-field.component';
+export { ItemSlotDropComponent } from './components/item-slot-drop.component';
+export { ItemSlotDropPanelComponent } from './components/item-slot-drop-panel.component';
+export { ItemSlotPickerComponent } from './components/item-slot-picker.component';
+export { ItemSlotPickerPanelComponent } from './components/item-slot-picker-panel.component';
 export { SlotMenuComponent } from './components/slot-menu.component';
 export { SlotMenuListComponent } from './components/slot-menu-list.component';
 export { VizItemMenuComponent } from './components/viz-item-menu.component';
 export const LUZMO_COMPONENTS = [
     AiInteractionTextareaComponent,
+    DataFieldLevelComponent,
+    DataFieldPanelComponent,
     DatasetIconComponent,
     DatasetSelectorListComponent,
     DatasetSelectorRowComponent,
@@ -95,24 +99,6 @@ export const LUZMO_COMPONENTS = [
     DisplaySettingsGrandTotalsComponent,
     DisplaySettingsNumericComponent,
     DisplaySettingsPeriodOverPeriodComponent,
-    DraggableDataFieldsPanelComponent,
-    DroppableSlotComponent,
-    EditFiltersComponent,
-    EditItemComponent,
-    EditOptionComponent,
-    EditOptionActionButtonGroupComponent,
-    EditOptionColorPalettePickerComponent,
-    EditOptionColorPickerComponent,
-    EditOptionColorRangeComponent,
-    EditOptionMultiLanguageFieldComponent,
-    EditOptionNumberFieldComponent,
-    EditOptionPickerComponent,
-    EditOptionPositionPickerComponent,
-    EditOptionPositionsNumberFieldComponent,
-    EditOptionRadioButtonGroupComponent,
-    EditOptionSliderComponent,
-    EditOptionSwitchComponent,
-    EditOptionTextFieldComponent,
     FilterExpressionPickerComponent,
     FilterItemComponent,
     FilterParameterPickerComponent,
@@ -120,11 +106,28 @@ export const LUZMO_COMPONENTS = [
     FilterValuePickerDatetimeComponent,
     FilterValuePickerHierarchyComponent,
     FilterValuePickerNumericComponent,
-    GridComponent,
-    GridItemActionsMenuComponent,
-    ItemDataDropPanelComponent,
-    ItemDataPickerPanelComponent,
-    SlotContentsPickerComponent,
+    FiltersComponent,
+    ItemGridComponent,
+    ItemGridItemActionsMenuComponent,
+    ItemOptionComponent,
+    ItemOptionActionButtonGroupComponent,
+    ItemOptionColorPalettePickerComponent,
+    ItemOptionColorPickerComponent,
+    ItemOptionColorRangeComponent,
+    ItemOptionMultiLanguageFieldComponent,
+    ItemOptionNumberFieldComponent,
+    ItemOptionPanelComponent,
+    ItemOptionPickerComponent,
+    ItemOptionPositionPickerComponent,
+    ItemOptionPositionsNumberFieldComponent,
+    ItemOptionRadioButtonGroupComponent,
+    ItemOptionSliderComponent,
+    ItemOptionSwitchComponent,
+    ItemOptionTextFieldComponent,
+    ItemSlotDropComponent,
+    ItemSlotDropPanelComponent,
+    ItemSlotPickerComponent,
+    ItemSlotPickerPanelComponent,
     SlotMenuComponent,
     SlotMenuListComponent,
     VizItemMenuComponent

package/angular/esm/types.d.ts

@@ -14,11 +14,11 @@ export type * from './types/dataset.types';
 export type * from './types/slot.types';
 export type * from './components/dataset-icon/types';
 export type * from './components/display-settings/types';
-export type * from './components/draggable-data-field/types';
-export type * from './components/draggable-data-fields-panel/types';
-export type * from './components/droppable-slot/types';
-export type * from './components/edit-filters/types';
-export type * from './components/grid/types';
+export type * from './components/data-field/types';
+export type * from './components/data-field-panel/types';
+export type * from './components/item-slot-drop/types';
+export type * from './components/filters/types';
+export type * from './components/item-grid/types';
 export type * from './components/slot-menu/types';
 export type * from './components/viz-item-menu/types';
 export type * from './utils/data-broker';