@luzmo/analytics-components-kit 1.0.1-alpha.87 → 1.0.1-alpha.90

package/angular/components/display-settings-binning.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-
+import type { GenericSlotContent } from '../types';
 
 @Component({
   selector: 'luzmo-display-settings-binning',
@@ -15,7 +15,7 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from
 })
 export class DisplaySettingsBinningComponent {
   @Input() language?: string;
-  @Input() slotContent?: any;
+  @Input() slotContent?: GenericSlotContent;
   @Input() size?: any;
   @Output() slotContentChanged = new EventEmitter<CustomEvent>();
 }

package/angular/components/display-settings-datetime.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import type { ElementSize } from '../types';
+import type { ElementSize, GenericSlotContent } from '../types';
 
 @Component({
   selector: 'luzmo-display-settings-datetime',
@@ -18,6 +18,6 @@ export class DisplaySettingsDatetimeComponent {
   @Input() language?: string;
   @Input() contentLanguage?: string;
   @Input() size?: ElementSize;
-  @Input() slotContent?: any;
+  @Input() slotContent?: GenericSlotContent;
   @Output() slotContentChanged = new EventEmitter<CustomEvent>();
 }

package/angular/components/display-settings-grand-totals.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-
+import type { GenericSlotContent } from '../types';
 
 @Component({
   selector: 'luzmo-display-settings-grand-totals',
@@ -15,7 +15,7 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from
 })
 export class DisplaySettingsGrandTotalsComponent {
   @Input() language?: string;
-  @Input() slotContent?: any;
+  @Input() slotContent?: GenericSlotContent;
   @Input() size?: any;
   @Output() slotContentChanged = new EventEmitter<CustomEvent>();
 }

package/angular/components/display-settings-numeric.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-
+import type { MeasureColumnsItem } from '../types';
 
 @Component({
   selector: 'luzmo-display-settings-numeric',
@@ -19,7 +19,7 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from
 export class DisplaySettingsNumericComponent {
   @Input() language?: string;
   @Input() slotContent?: any;
-  @Input() measureColumns?: any[];
+  @Input() measureColumns?: MeasureColumnsItem[];
   @Input() isAggregationDisabled?: boolean;
   @Input() isCumulativeSumEnabled?: boolean;
   @Input() size?: any;

package/angular/components/display-settings.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import type { PeriodOverPeriodCondition } from '../types';
+import type { PeriodOverPeriodCondition, GenericSlotContent, MeasureColumnsItem } from '../types';
 
 @Component({
   selector: 'luzmo-display-settings',
@@ -37,8 +37,8 @@ export class DisplaySettingsComponent {
   @Input() periodOverPeriodUiType?: PeriodOverPeriodCondition | null;
   @Input() showRemoveButton?: boolean;
   @Input() slotType?: string;
-  @Input() slotContent?: any;
-  @Input() measureColumns?: any[];
+  @Input() slotContent?: GenericSlotContent;
+  @Input() measureColumns?: MeasureColumnsItem[];
   @Input() size?: any;
   @Output() slotContentChanged = new EventEmitter<CustomEvent>();
   @Output() removeSlotContent = new EventEmitter<CustomEvent>();

package/angular/components/draggable-data-item/index.ts

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

package/angular/components/draggable-data-item/types.ts

@@ -0,0 +1,42 @@
+import { Column, Currency, Formula, HierarchyLevel } from '@luzmo/dashboard-contents-types';
+
+export type ColumnItemData = {
+  type: Column['type'];
+  name: Column['name'];
+  datasetId: string;
+  formulaId?: never;
+  columnId: Column['id'];
+  level?: number;
+  hierarchyLevels?: Pick<HierarchyLevel, 'id' | 'level' | 'name'>[];
+  currency?: Pick<Currency, 'id' | 'name' | 'symbol'>;
+} & Partial<Pick<Column,
+  | 'description'
+  | 'subtype'
+  | 'format'
+  | 'lowestLevel'
+  | 'highestLevel'
+  | 'hierarchy_enabled'
+  | 'duration_levels'
+  | 'duration_format'
+  | 'expression'
+>>;
+
+export type FormulaItemData = {
+  type: Formula['type'];
+  name: Formula['name'];
+  datasetId: string;
+  formulaId: Formula['id'];
+  columnId?: never;
+  level?: number;
+  currency?: Pick<Currency, 'id' | 'name' | 'symbol'>;
+} & Partial<Pick<Formula,
+  | 'description'
+  | 'subtype'
+  | 'format'
+  | 'lowestLevel'
+  | 'duration_levels'
+  | 'duration_format'
+  | 'expression'
+>>;
+
+export type DraggableDataItemData = ColumnItemData | FormulaItemData;

package/angular/components/draggable-data-item-level/index.ts

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

package/angular/components/draggable-data-item-level/types.ts

@@ -0,0 +1,15 @@
+import type { DraggableDataItemData } from '../draggable-data-item/types';
+
+export interface DataItemDroppedEventDetail {
+  data: DraggableDataItemData;
+}
+
+export interface DataItemDragStartedEventDetail {
+  data: DraggableDataItemData;
+}
+
+export interface SlotMenuHighlightEventDetail {
+  columnId?: string;
+  level?: number;
+  formulaId?: string;
+}

package/angular/components/draggable-data-item-level.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-
+import type { DraggableDataItemData } from '../types';
 
 @Component({
   selector: 'luzmo-draggable-data-item-level',
@@ -11,9 +11,6 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from
         [attr.sublevel]="sublevel"
         [attr.language]="language"
         [attr.disabled]="disabled"
-        [attr.label]="label"
-        [attr.description]="description"
-        [attr.secondary-icon-type]="secondaryIconType"
         [attr.data]="data"
         [attr.size]="size"
         (data-item-dropped)="dataItemDropped.emit($event)"
@@ -27,11 +24,8 @@ export class DraggableDataItemLevelComponent {
   @Input() sublevel?: boolean;
   @Input() language?: string;
   @Input() disabled?: boolean;
-  @Input() label?: string;
-  @Input() description?: string;
-  @Input() secondaryIconType?: 'derived' | 'formula';
-  @Input() data?: any;
+  @Input() data?: DraggableDataItemData;
   @Input() size?: any;
-  @Output() dataItemDropped = new EventEmitter<CustomEvent>();
-  @Output() dataItemDragStarted = new EventEmitter<CustomEvent>();
+  @Output() dataItemDropped = new EventEmitter<CustomEvent<{data: DraggableDataItemData}>>();
+  @Output() dataItemDragStarted = new EventEmitter<CustomEvent<{data: DraggableDataItemData}>>();
 }

package/angular/components/draggable-data-item.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-
+import type { DraggableDataItemData } from '../types';
 
 @Component({
   selector: 'luzmo-draggable-data-item',
@@ -11,9 +11,6 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from
         [attr.disabled]="disabled"
         [attr.hide-sublevels]="hideSublevels"
         [attr.hide-type-icon]="hideTypeIcon"
-        [attr.secondary-icon-type]="secondaryIconType"
-        [attr.label]="label"
-        [attr.description]="description"
         [attr.data]="data"
         [attr.size]="size"
         (data-item-dropped)="dataItemDropped.emit($event)"
@@ -27,11 +24,8 @@ export class DraggableDataItemComponent {
   @Input() disabled?: boolean;
   @Input() hideSublevels?: boolean;
   @Input() hideTypeIcon?: boolean;
-  @Input() secondaryIconType?: 'derived' | 'formula';
-  @Input() label?: string;
-  @Input() description?: string;
-  @Input() data?: any;
+  @Input() data?: DraggableDataItemData;
   @Input() size?: any;
-  @Output() dataItemDropped = new EventEmitter<CustomEvent>();
-  @Output() dataItemDragStarted = new EventEmitter<CustomEvent>();
+  @Output() dataItemDropped = new EventEmitter<CustomEvent<{data: DraggableDataItemData}>>();
+  @Output() dataItemDragStarted = new EventEmitter<CustomEvent<{data: DraggableDataItemData}>>();
 }

package/angular/components/droppable-slot/index.ts

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

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

@@ -0,0 +1,16 @@
+import {
+  ColumnType,
+  FormulaType,
+  GenericSlotContent,
+  SlotConfig
+} from '@luzmo/dashboard-contents-types';
+
+export type DroppableSlotConfiguration = Omit<SlotConfig, 'acceptableColumnTypes' | 'canAcceptMultipleColumns'> & {
+  acceptableDataItemTypes?: (ColumnType | FormulaType)[];
+  canAcceptMultipleDataItems?: boolean;
+};
+
+export interface SlotContentsChangedEventDetail {
+  slotContents: GenericSlotContent[];
+  linkedDatasetsIds: string[];
+}

package/angular/components/droppable-slot.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import type { VizItemType, SlotName, VizItemSlots, Placement } from '../types';
+import type { VizItemType, SlotName, DroppableSlotConfiguration, VizItemSlots, Placement, SlotContentsChangedEventDetail } from '../types';
 
 @Component({
   selector: 'luzmo-droppable-slot',
@@ -13,6 +13,7 @@ import type { VizItemType, SlotName, VizItemSlots, Placement } from '../types';
         [attr.label]="label"
         [attr.language]="language"
         [attr.drag-boundary]="dragBoundary"
+        [attr.rotate]="rotate"
         [attr.api-url]="apiUrl"
         [attr.auth-key]="authKey"
         [attr.auth-token]="authToken"
@@ -31,11 +32,12 @@ import type { VizItemType, SlotName, VizItemSlots, Placement } from '../types';
 export class DroppableSlotComponent {
   @Input() itemType?: VizItemType;
   @Input() slotName?: SlotName;
-  @Input() slotConfiguration?: any;
+  @Input() slotConfiguration?: DroppableSlotConfiguration;
   @Input() slotsContents?: VizItemSlots;
   @Input() label?: string;
   @Input() language?: string;
   @Input() dragBoundary?: string;
+  @Input() rotate?: boolean;
   @Input() apiUrl?: string;
   @Input() authKey?: string;
   @Input() authToken?: string;
@@ -47,5 +49,5 @@ export class DroppableSlotComponent {
   @Output() slotMenuInactive = new EventEmitter<CustomEvent>();
   @Output() slotMenuActive = new EventEmitter<CustomEvent>();
   @Output() slotMenuHighlight = new EventEmitter<CustomEvent>();
-  @Output() slotContentsChanged = new EventEmitter<CustomEvent>();
+  @Output() slotContentsChanged = new EventEmitter<CustomEvent<SlotContentsChangedEventDetail>>();
 }

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

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

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

@@ -0,0 +1,31 @@
+import { GenericSlotContent } from '@luzmo/dashboard-contents-types';
+import { DatasetColumnMetadata } from '@utils/data-broker';
+import type { SlotContentsChangedEventDetail } from '../droppable-slot/types';
+
+export type { SlotContentsChangedEventDetail } from '../droppable-slot/types';
+
+export interface MeasureColumnsItem {
+  datasetId: string;
+  datasetName: Record<string, string>;
+  columns: DatasetColumnMetadata[];
+}
+
+export interface SlotMenuActiveEventDetail {
+  datasetId: string;
+}
+
+export interface SlotMenuHighlightEventDetail {
+  datasetId: string;
+  level: number;
+  columnId?: string;
+  formulaId?: string;
+}
+
+export interface SlotContentChangedEventDetail {
+  slotContent: SlotContentsChangedEventDetail['slotContents'][number];
+}
+
+export interface SlotListChangedEventDetail {
+  slotContents: GenericSlotContent[];
+  activeIndex: number;
+}

package/angular/components/slot-menu-list.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-
+import type { GenericSlotContent } from '../types';
 
 @Component({
   selector: 'luzmo-slot-menu-list',
@@ -18,7 +18,7 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from
 export class SlotMenuListComponent {
   @Input() language?: string;
   @Input() contentLanguage?: string;
-  @Input() slotContents?: any;
+  @Input() slotContents?: GenericSlotContent[];
   @Input() activeIndex?: number;
   @Input() size?: any;
 

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

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import type { SlotName, GenericSlotContent } from '../types';
+import type { SlotName, VizItemType, GenericSlotContent } from '../types';
 
 @Component({
   selector: 'luzmo-slot-menu',
@@ -38,9 +38,9 @@ import type { SlotName, GenericSlotContent } from '../types';
 export class SlotMenuComponent {
   @Input() language?: string;
   @Input() contentLanguage?: string;
-  @Input() slotType?: string;
+  @Input() slotType?: 'numeric' | 'categorical' | 'mixed';
   @Input() slotName?: SlotName;
-  @Input() itemType?: string;
+  @Input() itemType?: VizItemType;
   @Input() noDrag?: boolean;
   @Input() noClose?: boolean;
   @Input() variant?: 'popup' | 'draggable' | 'default';

package/angular/esm/components/display-settings-binning.component.d.ts

@@ -1,8 +1,9 @@
 import { EventEmitter } from '@angular/core';
+import type { GenericSlotContent } from '../types';
 import * as i0 from "@angular/core";
 export declare class DisplaySettingsBinningComponent {
     language?: string;
-    slotContent?: any;
+    slotContent?: GenericSlotContent;
     size?: any;
     slotContentChanged: EventEmitter<CustomEvent<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DisplaySettingsBinningComponent, never>;

package/angular/esm/components/display-settings-datetime.component.d.ts

@@ -1,11 +1,11 @@
 import { EventEmitter } from '@angular/core';
-import type { ElementSize } from '../types';
+import type { ElementSize, GenericSlotContent } from '../types';
 import * as i0 from "@angular/core";
 export declare class DisplaySettingsDatetimeComponent {
     language?: string;
     contentLanguage?: string;
     size?: ElementSize;
-    slotContent?: any;
+    slotContent?: GenericSlotContent;
     slotContentChanged: EventEmitter<CustomEvent<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DisplaySettingsDatetimeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DisplaySettingsDatetimeComponent, "luzmo-display-settings-datetime", never, { "language": { "alias": "language"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "slotContent": { "alias": "slotContent"; "required": false; }; }, { "slotContentChanged": "slotContentChanged"; }, never, ["*"], true, never>;

package/angular/esm/components/display-settings-grand-totals.component.d.ts

@@ -1,8 +1,9 @@
 import { EventEmitter } from '@angular/core';
+import type { GenericSlotContent } from '../types';
 import * as i0 from "@angular/core";
 export declare class DisplaySettingsGrandTotalsComponent {
     language?: string;
-    slotContent?: any;
+    slotContent?: GenericSlotContent;
     size?: any;
     slotContentChanged: EventEmitter<CustomEvent<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DisplaySettingsGrandTotalsComponent, never>;

package/angular/esm/components/display-settings-numeric.component.d.ts

@@ -1,9 +1,10 @@
 import { EventEmitter } from '@angular/core';
+import type { MeasureColumnsItem } from '../types';
 import * as i0 from "@angular/core";
 export declare class DisplaySettingsNumericComponent {
     language?: string;
     slotContent?: any;
-    measureColumns?: any[];
+    measureColumns?: MeasureColumnsItem[];
     isAggregationDisabled?: boolean;
     isCumulativeSumEnabled?: boolean;
     size?: any;

package/angular/esm/components/display-settings.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import type { PeriodOverPeriodCondition } from '../types';
+import type { PeriodOverPeriodCondition, GenericSlotContent, MeasureColumnsItem } from '../types';
 import * as i0 from "@angular/core";
 export declare class DisplaySettingsComponent {
     language?: string;
@@ -13,8 +13,8 @@ export declare class DisplaySettingsComponent {
     periodOverPeriodUiType?: PeriodOverPeriodCondition | null;
     showRemoveButton?: boolean;
     slotType?: string;
-    slotContent?: any;
-    measureColumns?: any[];
+    slotContent?: GenericSlotContent;
+    measureColumns?: MeasureColumnsItem[];
     size?: any;
     slotContentChanged: EventEmitter<CustomEvent<any>>;
     removeSlotContent: EventEmitter<CustomEvent<any>>;

package/angular/esm/components/draggable-data-item/index.d.ts

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

package/angular/esm/components/draggable-data-item/index.js

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

package/angular/esm/components/draggable-data-item/types.d.ts

@@ -0,0 +1,21 @@
+import { Column, Currency, Formula, HierarchyLevel } from '@luzmo/dashboard-contents-types';
+export type ColumnItemData = {
+    type: Column['type'];
+    name: Column['name'];
+    datasetId: string;
+    formulaId?: never;
+    columnId: Column['id'];
+    level?: number;
+    hierarchyLevels?: Pick<HierarchyLevel, 'id' | 'level' | 'name'>[];
+    currency?: Pick<Currency, 'id' | 'name' | 'symbol'>;
+} & Partial<Pick<Column, 'description' | 'subtype' | 'format' | 'lowestLevel' | 'highestLevel' | 'hierarchy_enabled' | 'duration_levels' | 'duration_format' | 'expression'>>;
+export type FormulaItemData = {
+    type: Formula['type'];
+    name: Formula['name'];
+    datasetId: string;
+    formulaId: Formula['id'];
+    columnId?: never;
+    level?: number;
+    currency?: Pick<Currency, 'id' | 'name' | 'symbol'>;
+} & Partial<Pick<Formula, 'description' | 'subtype' | 'format' | 'lowestLevel' | 'duration_levels' | 'duration_format' | 'expression'>>;
+export type DraggableDataItemData = ColumnItemData | FormulaItemData;

package/angular/esm/components/draggable-data-item/types.js

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

package/angular/esm/components/draggable-data-item-level/index.d.ts

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

package/angular/esm/components/draggable-data-item-level/index.js

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

package/angular/esm/components/draggable-data-item-level/types.d.ts

@@ -0,0 +1,12 @@
+import type { DraggableDataItemData } from '../draggable-data-item/types';
+export interface DataItemDroppedEventDetail {
+    data: DraggableDataItemData;
+}
+export interface DataItemDragStartedEventDetail {
+    data: DraggableDataItemData;
+}
+export interface SlotMenuHighlightEventDetail {
+    columnId?: string;
+    level?: number;
+    formulaId?: string;
+}

package/angular/esm/components/draggable-data-item-level/types.js

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

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import type { DraggableDataItemData } from '../types';
 import * as i0 from "@angular/core";
 export declare class DraggableDataItemLevelComponent {
     variant?: 'highlight' | 'normal';
@@ -6,13 +7,14 @@ export declare class DraggableDataItemLevelComponent {
     sublevel?: boolean;
     language?: string;
     disabled?: boolean;
-    label?: string;
-    description?: string;
-    secondaryIconType?: 'derived' | 'formula';
-    data?: any;
+    data?: DraggableDataItemData;
     size?: any;
-    dataItemDropped: EventEmitter<CustomEvent<any>>;
-    dataItemDragStarted: EventEmitter<CustomEvent<any>>;
+    dataItemDropped: EventEmitter<CustomEvent<{
+        data: DraggableDataItemData;
+    }>>;
+    dataItemDragStarted: EventEmitter<CustomEvent<{
+        data: DraggableDataItemData;
+    }>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDataItemLevelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableDataItemLevelComponent, "luzmo-draggable-data-item-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; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "secondaryIconType": { "alias": "secondaryIconType"; "required": false; }; "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dataItemDropped": "dataItemDropped"; "dataItemDragStarted": "dataItemDragStarted"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableDataItemLevelComponent, "luzmo-draggable-data-item-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; }; }, { "dataItemDropped": "dataItemDropped"; "dataItemDragStarted": "dataItemDragStarted"; }, never, ["*"], true, never>;
 }

package/angular/esm/components/draggable-data-item-level.component.js

@@ -6,29 +6,23 @@ export class DraggableDataItemLevelComponent {
     sublevel;
     language;
     disabled;
-    label;
-    description;
-    secondaryIconType;
     data;
     size;
     dataItemDropped = new EventEmitter();
     dataItemDragStarted = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DraggableDataItemLevelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DraggableDataItemLevelComponent, isStandalone: true, selector: "luzmo-draggable-data-item-level", inputs: { variant: "variant", hideTypeIcon: "hideTypeIcon", sublevel: "sublevel", language: "language", disabled: "disabled", label: "label", description: "description", secondaryIconType: "secondaryIconType", data: "data", size: "size" }, outputs: { dataItemDropped: "dataItemDropped", dataItemDragStarted: "dataItemDragStarted" }, ngImport: i0, template: `<luzmo-draggable-data-item-level
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DraggableDataItemLevelComponent, isStandalone: true, selector: "luzmo-draggable-data-item-level", inputs: { variant: "variant", hideTypeIcon: "hideTypeIcon", sublevel: "sublevel", language: "language", disabled: "disabled", data: "data", size: "size" }, outputs: { dataItemDropped: "dataItemDropped", dataItemDragStarted: "dataItemDragStarted" }, ngImport: i0, template: `<luzmo-draggable-data-item-level
         [attr.variant]="variant"
         [attr.hide-type-icon]="hideTypeIcon"
         [attr.sublevel]="sublevel"
         [attr.language]="language"
         [attr.disabled]="disabled"
-        [attr.label]="label"
-        [attr.description]="description"
-        [attr.secondary-icon-type]="secondaryIconType"
         [attr.data]="data"
         [attr.size]="size"
         (data-item-dropped)="dataItemDropped.emit($event)"
         (data-item-drag-started)="dataItemDragStarted.emit($event)">
   <ng-content></ng-content>
-</luzmo-draggable-data-item-level>`, isInline: true, dependencies: [{ kind: "component", type: DraggableDataItemLevelComponent, selector: "luzmo-draggable-data-item-level", inputs: ["variant", "hideTypeIcon", "sublevel", "language", "disabled", "label", "description", "secondaryIconType", "data", "size"], outputs: ["dataItemDropped", "dataItemDragStarted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-draggable-data-item-level>`, isInline: true, dependencies: [{ kind: "component", type: DraggableDataItemLevelComponent, selector: "luzmo-draggable-data-item-level", inputs: ["variant", "hideTypeIcon", "sublevel", "language", "disabled", "data", "size"], outputs: ["dataItemDropped", "dataItemDragStarted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DraggableDataItemLevelComponent, decorators: [{
             type: Component,
@@ -42,9 +36,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.sublevel]="sublevel"
         [attr.language]="language"
         [attr.disabled]="disabled"
-        [attr.label]="label"
-        [attr.description]="description"
-        [attr.secondary-icon-type]="secondaryIconType"
         [attr.data]="data"
         [attr.size]="size"
         (data-item-dropped)="dataItemDropped.emit($event)"
@@ -62,12 +53,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
                 type: Input
             }], disabled: [{
                 type: Input
-            }], label: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }], secondaryIconType: [{
-                type: Input
             }], data: [{
                 type: Input
             }], size: [{

package/angular/esm/components/draggable-data-item.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import type { DraggableDataItemData } from '../types';
 import * as i0 from "@angular/core";
 export declare class DraggableDataItemComponent {
     variant?: 'highlight' | 'normal';
@@ -6,13 +7,14 @@ export declare class DraggableDataItemComponent {
     disabled?: boolean;
     hideSublevels?: boolean;
     hideTypeIcon?: boolean;
-    secondaryIconType?: 'derived' | 'formula';
-    label?: string;
-    description?: string;
-    data?: any;
+    data?: DraggableDataItemData;
     size?: any;
-    dataItemDropped: EventEmitter<CustomEvent<any>>;
-    dataItemDragStarted: EventEmitter<CustomEvent<any>>;
+    dataItemDropped: EventEmitter<CustomEvent<{
+        data: DraggableDataItemData;
+    }>>;
+    dataItemDragStarted: EventEmitter<CustomEvent<{
+        data: DraggableDataItemData;
+    }>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDataItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableDataItemComponent, "luzmo-draggable-data-item", never, { "variant": { "alias": "variant"; "required": false; }; "language": { "alias": "language"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideSublevels": { "alias": "hideSublevels"; "required": false; }; "hideTypeIcon": { "alias": "hideTypeIcon"; "required": false; }; "secondaryIconType": { "alias": "secondaryIconType"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dataItemDropped": "dataItemDropped"; "dataItemDragStarted": "dataItemDragStarted"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableDataItemComponent, "luzmo-draggable-data-item", never, { "variant": { "alias": "variant"; "required": false; }; "language": { "alias": "language"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideSublevels": { "alias": "hideSublevels"; "required": false; }; "hideTypeIcon": { "alias": "hideTypeIcon"; "required": false; }; "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dataItemDropped": "dataItemDropped"; "dataItemDragStarted": "dataItemDragStarted"; }, never, ["*"], true, never>;
 }