@luzmo/analytics-components-kit 1.0.1-alpha.147 → 1.0.1-alpha.149

package/storybook/register-components.d.ts

@@ -16,36 +16,36 @@ import '../components/display-settings-datetime';
 import '../components/display-settings-grand-totals';
 import '../components/display-settings-numeric';
 import '../components/display-settings-period-over-period';
-import '../components/draggable-data-field';
-import '../components/draggable-data-field-level';
-import '../components/draggable-data-fields-panel';
-import '../components/droppable-slot';
-import '../components/edit-filters';
-import '../components/edit-item';
-import '../components/edit-option';
-import '../components/edit-option-action-button-group';
-import '../components/edit-option-color-palette-picker';
-import '../components/edit-option-color-picker';
-import '../components/edit-option-color-range';
-import '../components/edit-option-multi-language-field';
-import '../components/edit-option-number-field';
-import '../components/edit-option-picker';
-import '../components/edit-option-position-picker';
-import '../components/edit-option-positions-number-field';
-import '../components/edit-option-radio-button-group';
-import '../components/edit-option-slider';
-import '../components/edit-option-switch';
-import '../components/edit-option-text-field';
+import '../components/data-field';
+import '../components/data-field-level';
+import '../components/data-field-panel';
+import '../components/item-slot-drop';
+import '../components/filters';
+import '../components/item-option-panel';
+import '../components/item-option';
+import '../components/item-option-action-button-group';
+import '../components/item-option-color-palette-picker';
+import '../components/item-option-color-picker';
+import '../components/item-option-color-range';
+import '../components/item-option-multi-language-field';
+import '../components/item-option-number-field';
+import '../components/item-option-picker';
+import '../components/item-option-position-picker';
+import '../components/item-option-positions-number-field';
+import '../components/item-option-radio-button-group';
+import '../components/item-option-slider';
+import '../components/item-option-switch';
+import '../components/item-option-text-field';
 import '../components/filter-expression-picker';
 import '../components/filter-item';
 import '../components/filter-value-picker';
 import '../components/filter-value-picker-datetime';
 import '../components/filter-value-picker-hierarchy';
 import '../components/filter-value-picker-numeric';
-import '../components/grid';
-import '../components/item-data-drop-panel';
-import '../components/item-data-picker-panel';
-import '../components/slot-contents-picker';
+import '../components/item-grid';
+import '../components/item-slot-drop-panel';
+import '../components/item-slot-picker-panel';
+import '../components/item-slot-picker';
 import '../components/slot-menu';
 import '../components/slot-menu-list';
 import '../components/viz-item-menu';

package/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';

package/utils/slot-state/slot-store.d.ts

@@ -3,7 +3,7 @@ import type { SlotContent } from '../../types/slot.types';
 import { PeriodOverPeriodCondition } from '../time/period-over-period-condition.const';
 export declare class SlotStore {
     /**
-     * Holds all contents for this droppable slot.
+     * Holds all contents for this item slot drop target.
      */
     readonly slotContents: import("signal-polyfill").Signal.State<import("@luzmo/dashboard-contents-types").GenericSlotContent[]>;
     readonly slotsContents: import("signal-polyfill").Signal.State<VizItemSlot[]>;

package/utils/transformations/convert-data-field-to-slot-content.d.ts

@@ -1,7 +1,7 @@
 import type { GenericSlotContent } from '@luzmo/dashboard-contents-types';
 import type { DatasetDataField } from '../../types/dataset-data-field.types';
 /**
- * Converts data coming from a draggable data field (representing a Dataset column or formula) to the expected format for Luzmo slot contents.
+ * Converts data coming from a data field (representing a Dataset column or formula) to the expected format for Luzmo slot contents.
  * @param data{DatasetDataField} - The DatasetDataField object to convert.
  * @param isSublevelDrop{boolean} - Whether the drop is a sublevel drop.
  * @returns - The GenericSlotContent object.

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

@@ -1,26 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class DraggableDataFieldsPanelComponent {
-    datasetIds?: string[];
-    selectedDatasetId?: string;
-    datasetPicker?: boolean;
-    disabled?: boolean;
-    pending?: boolean;
-    draggableDataFieldVariant?: '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<DraggableDataFieldsPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableDataFieldsPanelComponent, "luzmo-draggable-data-fields-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; }; "draggableDataFieldVariant": { "alias": "draggableDataFieldVariant"; "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/droppable-slot.component.d.ts

@@ -1,27 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import type { VizItemType, SlotName, SlotConfig, VizItemSlot, Placement, InfoVisibilityChangedEventDetail, SlotContentsChangedEventDetail } from '../types';
-import * as i0 from "@angular/core";
-export declare class DroppableSlotComponent {
-    itemType?: VizItemType;
-    slotName?: SlotName;
-    slotConfiguration?: SlotConfig;
-    slotsContents?: VizItemSlot[];
-    label?: string;
-    dragBoundary?: string;
-    rotate?: boolean;
-    apiUrl?: string;
-    authKey?: string;
-    authToken?: string;
-    menu?: 'default' | 'draggable' | 'event-only';
-    placement?: Placement;
-    hideDelete?: boolean;
-    hideConfiguration?: boolean;
-    size?: any;
-    luzmoSlotMenuInactive: EventEmitter<CustomEvent<any>>;
-    luzmoSlotMenuActive: EventEmitter<CustomEvent<any>>;
-    luzmoSlotMenuHighlight: EventEmitter<CustomEvent<any>>;
-    luzmoInfoVisibilityChanged: EventEmitter<CustomEvent<InfoVisibilityChangedEventDetail>>;
-    luzmoSlotContentsChanged: EventEmitter<CustomEvent<SlotContentsChangedEventDetail>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DroppableSlotComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DroppableSlotComponent, "luzmo-droppable-slot", never, { "itemType": { "alias": "itemType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotConfiguration": { "alias": "slotConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "label": { "alias": "label"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotMenuInactive": "luzmoSlotMenuInactive"; "luzmoSlotMenuActive": "luzmoSlotMenuActive"; "luzmoSlotMenuHighlight": "luzmoSlotMenuHighlight"; "luzmoInfoVisibilityChanged": "luzmoInfoVisibilityChanged"; "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; }, never, ["*"], true, never>;
-}

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

@@ -1,21 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import type { ItemFilterGroup } from '../types';
-import * as i0 from "@angular/core";
-export declare class EditFiltersComponent {
-    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<EditFiltersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditFiltersComponent, "luzmo-edit-filters", never, { "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "cacheTime": { "alias": "cacheTime"; "required": false; }; "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-item.component.d.ts

@@ -1,19 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import type { VizItemType, Slot, OptionsConfig, TranslationOverrides, TranslationsFile, ThemeConfig, ElementSize } from '../types';
-import * as i0 from "@angular/core";
-export declare class EditItemComponent {
-    language?: string;
-    itemType?: VizItemType;
-    options?: Record<string, unknown>;
-    slots?: Slot[];
-    customOptionsConfiguration?: OptionsConfig;
-    customTranslations?: TranslationOverrides | TranslationsFile;
-    theme?: ThemeConfig & Record<string, any>;
-    size?: ElementSize;
-    apiUrl?: string;
-    authKey?: string;
-    authToken?: string;
-    luzmoOptionsChanged: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditItemComponent, "luzmo-edit-item", never, { "language": { "alias": "language"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "options": { "alias": "options"; "required": false; }; "slots": { "alias": "slots"; "required": false; }; "customOptionsConfiguration": { "alias": "customOptionsConfiguration"; "required": false; }; "customTranslations": { "alias": "customTranslations"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "size": { "alias": "size"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; }, { "luzmoOptionsChanged": "luzmoOptionsChanged"; }, never, ["*"], true, never>;
-}

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

@@ -1,13 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import type { Placement, ActionGroup } from '../types';
-import * as i0 from "@angular/core";
-export declare class GridItemActionsMenuComponent {
-    placement?: Placement;
-    actions?: ActionGroup[];
-    disabled?: any;
-    autofocus?: any;
-    tabIndex?: any;
-    luzmoGridItemAction: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GridItemActionsMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridItemActionsMenuComponent, "luzmo-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; }; }, { "luzmoGridItemAction": "luzmoGridItemAction"; }, never, ["*"], true, never>;
-}

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

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

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

@@ -1,25 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import type { Placement, InputActionGroup, ThemeConfig, GridItemData, GridItemRenderer } from '../types';
-import * as i0 from "@angular/core";
-export declare class GridComponent {
-    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>;
-    luzmoGridItemAction: EventEmitter<CustomEvent<any>>;
-    luzmoGridChanged: EventEmitter<CustomEvent<any>>;
-    luzmoGridReady: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "luzmo-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; }; }, { "luzmoGridItemAction": "luzmoGridItemAction"; "luzmoGridChanged": "luzmoGridChanged"; "luzmoGridReady": "luzmoGridReady"; }, never, ["*"], true, never>;
-}

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

@@ -1,28 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import type { VizItemType, SlotName, SlotConfig, SlotContent, DatasetsDataFields, Placement } from '../types';
-import * as i0 from "@angular/core";
-export declare class SlotContentsPickerComponent {
-    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<SlotContentsPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SlotContentsPickerComponent, "luzmo-slot-contents-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/components/draggable-data-field/index.d.ts

@@ -1,8 +0,0 @@
-import { LuzmoDraggableDataField } from './draggable-data-field';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-draggable-data-field': LuzmoDraggableDataField;
-    }
-}
-export { LuzmoDraggableDataField } from './draggable-data-field';
-export type { DatasetDataFieldWithSublevel } from './types';

package/components/draggable-data-field-level/index.d.ts

@@ -1,8 +0,0 @@
-import { LuzmoDraggableDataFieldLevel } from './draggable-data-field-level';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-draggable-data-field-level': LuzmoDraggableDataFieldLevel;
-    }
-}
-export { LuzmoDraggableDataFieldLevel } from './draggable-data-field-level';
-export type { DataFieldDragStartedEventDetail, DataFieldDroppedEventDetail } from '../../types/data-field-events.types';

package/components/draggable-data-field-level-BQBMnApS.js

@@ -1,242 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { n as setCustomNativeDragPreview, r as draggable, t as getCssVariableValue } from "./get-css-variable-DpEed5QG.js";
-import { i as LuzmoElement, n as SizedMixin } from "./base-rg2x95aL.js";
-import { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as localize } from "./localize-Dlt3EN5i.js";
-import { n as calculateDataFieldSecondaryIcon, t as calculateDataFieldIcon } from "./calculate-data-field-icon-CY7Y6fn1.js";
-import { luzmoArrows, luzmoDragLines, luzmoIcon, luzmoInfoCircleOutline } from "@luzmo/icons";
-import { html, unsafeCSS } from "lit";
-import { property } from "lit/decorators.js";
-import "@luzmo/lucero/tooltip";
-import "@luzmo/lucero/icon";
-var draggable_data_field_level_module_default = ":host{font-family:var(--luzmo-draggable-data-field-level-font-family,var(--luzmo-font-family));color:var(--luzmo-draggable-data-field-level-font-color,var(--draggable-data-field-level-font-color))}.draggable-data-field-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-field-level-background-color,var(--draggable-data-field-level-background-color));grid-template-columns:var(--luzmo-draggable-data-field-level-drag-handle-width,var(--draggable-data-field-level-drag-handle-width))var(--luzmo-draggable-data-field-level-data-icon-width,var(--draggable-data-field-level-data-icon-width))1fr var(--luzmo-draggable-data-field-level-description-width,var(--draggable-data-field-level-description-width,auto));gap:var(--luzmo-draggable-data-field-level-gap,var(--draggable-data-field-level-gap));padding:0 var(--luzmo-draggable-data-field-level-horizontal-padding,var(--draggable-data-field-level-horizontal-padding));border-radius:var(--luzmo-draggable-data-field-level-border-radius,var(--draggable-data-field-level-border-radius));border-width:var(--luzmo-draggable-data-field-level-border-width,var(--draggable-data-field-level-border-width));border-style:var(--luzmo-draggable-data-field-level-border-style,var(--draggable-data-field-level-border-style));border-color:var(--luzmo-draggable-data-field-level-border-color,var(--draggable-data-field-level-border-color));align-items:center;display:grid}.draggable-data-field-level:hover{background-color:var(--luzmo-draggable-data-field-level-background-color-hover,var(--draggable-data-field-level-background-color-hover));color:var(--luzmo-draggable-data-field-level-font-color-hover,var(--draggable-data-field-level-font-color-hover));border-color:var(--luzmo-draggable-data-field-level-border-color-hover,var(--draggable-data-field-level-border-color-hover))}.draggable-data-field-level:hover .data-description{color:var(--luzmo-draggable-data-field-level-font-color-hover,var(--draggable-data-field-level-font-color-hover))}.draggable-data-field-level .data-label{font-size:var(--luzmo-draggable-data-field-level-label-font-size,var(--draggable-data-field-level-label-font-size));white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.draggable-data-field-level .data-description{height:100%;color:var(--luzmo-draggable-data-field-level-font-color,var(--draggable-data-field-level-font-color));font-size:var(--luzmo-draggable-data-field-level-label-font-size,var(--draggable-data-field-level-label-font-size));background-color:#0000;border:none;outline:none;align-items:center;display:flex}.draggable-data-field-level{height:var(--luzmo-draggable-data-field-level-height,var(--draggable-data-field-level-height));cursor:move}:host([sublevel]) .draggable-data-field-level{height:var(--luzmo-draggable-data-field-level-sublevel-height,var(--draggable-data-field-level-sublevel-height));background-color:var(--luzmo-draggable-data-field-level-sublevel-background-color,var(--draggable-data-field-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-field-level-sublevel-border-color,var(--draggable-data-field-level-sublevel-border-color));grid-template-columns:var(--luzmo-draggable-data-field-level-sublevel-drag-handle-width,var(--luzmo-draggable-data-field-level-drag-handle-width))1fr;margin-inline-start:var(--luzmo-draggable-data-field-level-sublevel-margin-inline-start,var(--draggable-data-field-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-field-level:hover{background-color:var(--luzmo-draggable-data-field-level-sublevel-background-color-hover,var(--draggable-data-field-level-sublevel-background-color-hover));color:var(--luzmo-draggable-data-field-level-sublevel-font-color-hover,var(--draggable-data-field-level-sublevel-font-color-hover))}:host([sublevel]) .draggable-data-field-level .drag-handle-icon{width:var(--luzmo-draggable-data-field-level-sublevel-drag-handle-width,var(--draggable-data-field-level-sublevel-drag-handle-width));text-align:center}:host(.highlighted) .draggable-data-field-level:not(:hover){background-color:var(--luzmo-draggable-data-field-level-background-color-highlighted,var(--draggable-data-field-level-background-color-highlighted));color:var(--luzmo-draggable-data-field-level-font-color-highlighted,var(--draggable-data-field-level-font-color-highlighted));border-color:var(--luzmo-draggable-data-field-level-border-color-highlighted,var(--draggable-data-field-level-border-color-highlighted))}:host(.highlighted) .draggable-data-field-level:not(:hover) .data-description{color:var(--luzmo-draggable-data-field-level-font-color-highlighted,var(--draggable-data-field-level-font-color-highlighted))}:host([disabled]) .draggable-data-field-level{background-color:var(--luzmo-draggable-data-field-level-background-color-disabled,var(--draggable-data-field-level-background-color-disabled));color:var(--luzmo-draggable-data-field-level-color-disabled,var(--draggable-data-field-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-field-level{background-color:var(--luzmo-draggable-data-field-level-sublevel-background-color-disabled,var(--draggable-data-field-level-sublevel-background-color-disabled))}:host(.pulse) .draggable-data-field-level{box-shadow:0 0 0 0 var(--luzmo-draggable-data-field-level-pulse-color,var(--draggable-data-field-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-field-level-pulse-color,var(--draggable-data-field-level-pulse-color));animation:1.5s cubic-bezier(.66,.33,0,1) infinite draggableDataFieldPulse}:host(.focus) .draggable-data-field-level{background-color:var(--luzmo-draggable-data-field-level-background-color-focus,var(--draggable-data-field-level-background-color-focus));color:var(--luzmo-draggable-data-field-level-font-color-focus,var(--draggable-data-field-level-font-color-focus));border-color:var(--luzmo-draggable-data-field-level-border-color-focus,var(--draggable-data-field-level-border-color-focus))}:host(.focus) .draggable-data-field-level .data-description{color:var(--luzmo-draggable-data-field-level-font-color-focus,var(--draggable-data-field-level-font-color-focus))}@keyframes draggableDataFieldPulse{0%{box-shadow:0 0 0 0 var(--luzmo-draggable-data-field-level-pulse-color,var(--draggable-data-field-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-field-level-pulse-color,var(--draggable-data-field-level-pulse-color))}to{box-shadow:0 0 0 .5rem #0000,0 0 0 .5rem #0000}}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-field-level-drag-handle-size,var(--luzmo-draggable-data-field-level-drag-handle-size));width:var(--luzmo-draggable-data-field-level-drag-handle-width,var(--luzmo-draggable-data-field-level-drag-handle-width));text-align:center;justify-self:center}.data-icon-type{width:var(--luzmo-draggable-data-field-level-data-icon-width,var(--luzmo-draggable-data-field-level-data-icon-width));text-align:center;justify-self:center;position:relative}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{width:auto;font-size:.75em;line-height:1;position:absolute;bottom:45%;left:70%}:host([variant=highlight]){--draggable-data-field-level-background-color:var(--luzmo-background-color-highlight);--draggable-data-field-level-border-color:var(--luzmo-background-color-highlight);--draggable-data-field-level-background-color-hover:var(--luzmo-background-color-highlight-hover);--draggable-data-field-level-font-color-hover:var(--luzmo-font-color-hover);--draggable-data-field-level-border-color-hover:var(--luzmo-background-color-highlight-hover)}:host{--draggable-data-field-level-height:var(--luzmo-component-height);--draggable-data-field-level-label-font-size:var(--luzmo-font-size);--draggable-data-field-level-icon-type-size:var(--luzmo-font-size);--draggable-data-field-level-horizontal-padding:var(--luzmo-spacing-5);--draggable-data-field-level-border-width:var(--luzmo-border-width);--draggable-data-field-level-border-style:solid;--draggable-data-field-level-border-color:var(--luzmo-border-color-hover);--draggable-data-field-level-border-radius:var(--luzmo-border-radius);--draggable-data-field-level-gap:var(--luzmo-spacing-4);--draggable-data-field-level-font-color:var(--luzmo-font-color);--draggable-data-field-level-color-disabled:var(--luzmo-color-disabled);--draggable-data-field-level-background-color-disabled:var(--luzmo-background-color-disabled);--luzmo-draggable-data-field-level-drag-handle-size:var(--luzmo-font-size-s);--luzmo-draggable-data-field-level-drag-handle-width:var(--draggable-data-field-level-icon-type-size);--luzmo-draggable-data-field-level-data-icon-width:calc(var(--draggable-data-field-level-icon-type-size) + var(--luzmo-spacing-3));--luzmo-draggable-data-field-level-description-width:calc(var(--draggable-data-field-level-icon-type-size) + var(--luzmo-spacing-2));--draggable-data-field-level-sublevel-height:var(--luzmo-component-height-s);--draggable-data-field-level-sublevel-border-color:transparent;--draggable-data-field-level-sublevel-background-color:transparent;--draggable-data-field-level-sublevel-background-color-disabled:transparent;--draggable-data-field-level-sublevel-margin-inline-start:calc(var(--draggable-data-field-level-gap) + var(--luzmo-draggable-data-field-level-drag-handle-width));--luzmo-draggable-data-field-level-sublevel-drag-handle-width:var(--luzmo-draggable-data-field-level-data-icon-width);--draggable-data-field-level-sublevel-background-color-hover:rgba(var(--luzmo-border-color-rgb),.05)}:host([hide-type-icon]){--draggable-data-field-level-sublevel-margin-inline-start:var(--draggable-data-field-level-gap)}:host(.highlighted){--draggable-data-field-level-background-color-highlighted:var(--luzmo-primary);--draggable-data-field-level-font-color-highlighted:var(--luzmo-primary-inverse-color);--draggable-data-field-level-border-color-highlighted:var(--luzmo-border-color)}:host(.focus){--draggable-data-field-level-background-color-focus:var(--luzmo-background-color-focus,var(--luzmo-secondary));--draggable-data-field-level-font-color-focus:var(--luzmo-font-color-focus,var(--luzmo-secondary-inverse-color));--draggable-data-field-level-border-color-focus:var(--luzmo-border-color-focus,var(--luzmo-secondary))}:host(.pulse){--draggable-data-field-level-pulse-color:var(--luzmo-secondary-outline,rgba(var(--luzmo-secondary-rgb),.4))}:host([size=s]){--draggable-data-field-level-height:var(--luzmo-component-height-s);--draggable-data-field-level-label-font-size:var(--luzmo-font-size-s);--draggable-data-field-level-icon-type-size:var(--luzmo-font-size-s);--draggable-data-field-level-horizontal-padding:var(--luzmo-spacing-4);--draggable-data-field-level-border-radius:var(--luzmo-border-radius);--draggable-data-field-level-gap:var(--luzmo-spacing-3);--draggable-data-field-level-sublevel-height:var(--luzmo-component-height-xs);--luzmo-draggable-data-field-level-drag-handle-size:var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-field-level-height:var(--luzmo-component-height-l);--draggable-data-field-level-label-font-size:var(--luzmo-font-size-l);--draggable-data-field-level-icon-type-size:var(--luzmo-font-size-l);--draggable-data-field-level-horizontal-padding:var(--luzmo-spacing-5);--draggable-data-field-level-border-radius:var(--luzmo-border-radius-l);--draggable-data-field-level-gap:var(--luzmo-spacing-5);--draggable-data-field-level-sublevel-height:var(--luzmo-component-height);--luzmo-draggable-data-field-level-drag-handle-size:var(--luzmo-font-size)}:host([size=xl]){--draggable-data-field-level-height:var(--luzmo-component-height-xl);--draggable-data-field-level-label-font-size:var(--luzmo-font-size-xl);--draggable-data-field-level-icon-type-size:var(--luzmo-font-size-xl);--draggable-data-field-level-horizontal-padding:var(--luzmo-spacing-5);--draggable-data-field-level-border-radius:var(--luzmo-border-radius-xl);--draggable-data-field-level-gap:var(--luzmo-spacing-5);--draggable-data-field-level-sublevel-height:var(--luzmo-component-height-l);--luzmo-draggable-data-field-level-drag-handle-size:var(--luzmo-font-size-l)}:host{box-sizing:border-box}";
-const generateDragPreview = (e) => {
-	let c = e.source.element, u = e.source.data, d = c.renderRoot?.querySelector(".data-label")?.textContent || localize(u.name, c.language) || "Untitled", f = u.type, m = u.subtype, h = calculateDataFieldIcon({
-		type: f,
-		subtype: m
-	}, c.size), g = {};
-	[
-		[
-			"borderColor",
-			"--luzmo-draggable-data-field-level-border-color",
-			"--draggable-data-field-level-border-color"
-		],
-		[
-			"backgroundColor",
-			"--luzmo-draggable-data-field-level-background-color",
-			"--draggable-data-field-level-background-color"
-		],
-		[
-			"color",
-			"--luzmo-draggable-data-field-level-font-color",
-			"--draggable-data-field-level-font-color"
-		],
-		[
-			"fontSize",
-			"--luzmo-draggable-data-field-level-label-font-size",
-			"--draggable-data-field-level-label-font-size"
-		],
-		[
-			"height",
-			"--luzmo-draggable-data-field-level-height",
-			"--draggable-data-field-level-height"
-		],
-		[
-			"borderRadius",
-			"--luzmo-draggable-data-field-level-border-radius",
-			"--draggable-data-field-level-border-radius"
-		],
-		[
-			"fontFamily",
-			"--luzmo-draggable-data-field-level-font-family",
-			"--luzmo-font-family"
-		],
-		[
-			"horizontalPadding",
-			"--luzmo-draggable-data-field-level-horizontal-padding",
-			"--draggable-data-field-level-horizontal-padding"
-		],
-		[
-			"gap",
-			"--luzmo-draggable-data-field-level-gap",
-			"--draggable-data-field-level-gap"
-		]
-	].forEach(([e, u, d]) => {
-		g[e] = getCssVariableValue(c, u) || getCssVariableValue(c, d);
-	});
-	let _ = document.createElement("div"), v = document.createElement("div");
-	if (_.innerHTML = d, Object.assign(_.style, {
-		maxWidth: "12rem",
-		overflow: "hidden",
-		textOverflow: "ellipsis",
-		whiteSpace: "nowrap"
-	}), !c.sublevel) {
-		let e = document.createElement("luzmo-icon");
-		e.icon = h, v.append(e);
-	}
-	return v.append(_), Object.assign(v.style, {
-		display: "flex",
-		alignItems: "center",
-		maxWidth: "12rem",
-		lineHeight: "1",
-		height: g.height,
-		border: `1px solid ${g.borderColor}`,
-		backgroundColor: g.backgroundColor,
-		borderRadius: g.borderRadius,
-		fontFamily: g.fontFamily,
-		fontSize: g.fontSize,
-		color: g.color,
-		padding: `0 ${g.horizontalPadding}`,
-		gap: g.gap
-	}), v;
-};
-var LuzmoDraggableDataFieldLevel = class extends SizedMixin(LuzmoElement, {
-	validSizes: [
-		"s",
-		"m",
-		"l",
-		"xl"
-	],
-	noDefaultSize: !0
-}) {
-	constructor(...e) {
-		super(...e), this.language = "en", this.data = {}, this._isCurrentlyHighlighted = !1, this._handleHighlight = (e) => {
-			let { columnId: c, level: l, formulaId: u } = e.detail ?? {}, d = this.data?.columnId ?? this.data?.column ?? this.data?.formulaId ?? this.data?.formula ?? this.data?.id, f = this.data?.level ?? 0, p = l ?? 0, m = (d === c || d === u) && f === p || (d === c || d === u) && f === 0 && p > 0;
-			if (this.classList.toggle("highlighted", m), m && !this._isCurrentlyHighlighted) {
-				this._isCurrentlyHighlighted = !0;
-				let e = this.getBoundingClientRect(), c = window.innerHeight || document.documentElement.clientHeight;
-				if (e.top < 0 || e.bottom > c) try {
-					this.scrollIntoView({ block: "center" });
-				} catch {
-					this.scrollIntoView(!0);
-				}
-			} else !m && this._isCurrentlyHighlighted && (this._isCurrentlyHighlighted = !1);
-		}, this._clearHighlight = () => {
-			this.classList.remove("highlighted"), this._isCurrentlyHighlighted = !1;
-		}, this.dataFieldLevelDropped = (e) => {
-			this.dispatchEvent(new CustomEvent("luzmo-data-field-dropped", {
-				bubbles: !0,
-				composed: !0,
-				cancelable: !0,
-				detail: { data: e }
-			}));
-		}, this.dataFieldLevelDragStarted = (e) => {
-			this.dispatchEvent(new CustomEvent("luzmo-data-field-drag-started", {
-				bubbles: !0,
-				composed: !0,
-				cancelable: !0,
-				detail: { data: e }
-			}));
-		};
-	}
-	static {
-		this.styles = unsafeCSS(draggable_data_field_level_module_default);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback(), this._cleanupDraggable &&= (this._cleanupDraggable(), void 0), window.removeEventListener("luzmo-slot-menu-highlight", this._handleHighlight), window.removeEventListener("luzmo-slot-menu-inactive", this._clearHighlight);
-	}
-	connectedCallback() {
-		super.connectedCallback(), window.addEventListener("luzmo-slot-menu-highlight", this._handleHighlight), window.addEventListener("luzmo-slot-menu-inactive", this._clearHighlight);
-	}
-	firstUpdated(l) {
-		this._cleanupDraggable = draggable({
-			element: this,
-			canDrag: () => !this.disabled,
-			onDragStart: () => {
-				this.style.opacity = "0.5", this.dataFieldLevelDragStarted(this.data);
-			},
-			onDrop: () => {
-				this.style.opacity = "1", this.dataFieldLevelDropped(this.data);
-			},
-			getInitialData: () => ({ ...this.data }),
-			onGenerateDragPreview: (c) => {
-				let l = c.nativeSetDragImage;
-				setCustomNativeDragPreview({
-					render({ container: e }) {
-						let l = generateDragPreview(c);
-						e.append(l);
-					},
-					nativeSetDragImage: l
-				});
-			}
-		});
-	}
-	render() {
-		if (!this.data) return html`
-        <div
-          class="draggable-data-field-level"
-          tabindex="0"
-        ></div>
-      `;
-		let e = (e) => {
-			if (e) return e[this.language] ?? e[Object.keys(e)[0]];
-		}, c = this.data, l = (this.sublevel && c.sublevelLabel ? c.sublevelLabel : void 0) ?? e(this.data.name) ?? "Untitled", u = e(this.data.description), d = calculateDataFieldSecondaryIcon(this.data, this.size);
-		return html`
-      <div class="draggable-data-field-level" tabindex="0">
-        <div class="drag-handle-icon">
-          ${this.sublevel ? luzmoIcon(luzmoDragLines) : luzmoIcon(luzmoArrows)}
-        </div>
-        ${this.sublevel || this.hideTypeIcon ? "" : html`<div class="data-icon-type">
-              <div class=${d ? "with-secondary-icon" : ""}>
-                ${luzmoIcon(calculateDataFieldIcon(this.data, this.size))}
-              </div>
-              ${d ? html`<div class="secondary-icon">
-                    ${luzmoIcon(d)}
-                  </div>` : ""}
-            </div>`}
-        <div class="data-label">${l}</div>
-        ${!this.sublevel && u ? html`<button class="data-description">
-              ${luzmoIcon(luzmoInfoCircleOutline)}
-              <luzmo-tooltip self-managed placement="top" size=${this.size}>
-                ${u}
-              </luzmo-tooltip>
-            </button>` : ""}
-        <luzmo-tooltip
-          self-managed
-          placement="top"
-          size=${this.size}
-          show-only-if-truncated
-          truncated-element-selector=".data-label"
-        >
-          ${l}
-        </luzmo-tooltip>
-      </div>
-    `;
-	}
-};
-__decorate([property({
-	type: String,
-	reflect: !0
-})], LuzmoDraggableDataFieldLevel.prototype, "variant", void 0), __decorate([property({
-	type: Boolean,
-	reflect: !0,
-	attribute: "hide-type-icon"
-})], LuzmoDraggableDataFieldLevel.prototype, "hideTypeIcon", void 0), __decorate([property({
-	type: Boolean,
-	reflect: !0
-})], LuzmoDraggableDataFieldLevel.prototype, "sublevel", void 0), __decorate([property({
-	type: String,
-	reflect: !0
-})], LuzmoDraggableDataFieldLevel.prototype, "language", void 0), __decorate([property({
-	type: Boolean,
-	reflect: !0
-})], LuzmoDraggableDataFieldLevel.prototype, "disabled", void 0), __decorate([property({ type: Object })], LuzmoDraggableDataFieldLevel.prototype, "data", void 0), customElements.get("luzmo-draggable-data-field-level") || customElements.define("luzmo-draggable-data-field-level", LuzmoDraggableDataFieldLevel);
-export { LuzmoDraggableDataFieldLevel as t };