@luzmo/analytics-components-kit 1.0.7 → 1.0.8-beta.2

package/angular/esm/components/item-option.js

@@ -1,171 +0,0 @@
-import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-item-option>
- */
-export class LuzmoItemOption {
-    elementRef = inject(ElementRef);
-    renderer = inject(Renderer2);
-    destroyRef = inject(DestroyRef);
-    host = this.elementRef.nativeElement;
-    listenerCleanup = [];
-    /** The underlying custom element instance. Use to call imperative methods. */
-    get nativeElement() {
-        return this.host;
-    }
-    /** The language in which to display the option control. */
-    language;
-    /** The visualization item type whose options config and translations are loaded. */
-    itemType;
-    /** The key of the option (within the item type's options config) to render. */
-    optionKey;
-    /** A custom option configuration to render instead of resolving one from `itemType`/`optionKey`. */
-    customOptionConfiguration;
-    /** Translation overrides for the option label, tooltip, and enum values. */
-    customTranslations;
-    /** The current option values for the item. */
-    options;
-    /** The item's data slots, used by options that depend on slot contents. */
-    slots;
-    /** The theme configuration applied to the option control. */
-    theme;
-    /** The API URL of the databroker */
-    apiUrl;
-    /** The auth key of the databroker */
-    authKey;
-    /** The auth token of the databroker */
-    authToken;
-    /** The size variant of the option control (`s`, `m`, `l`, `xl`). */
-    size;
-    /** Callback that updates `options` and emits `luzmo-options-changed`; used internally by the rendered control. */
-    changedOptions;
-    /** Announces that the `options` of the element have changed */
-    luzmoOptionsChanged = output({ alias: 'luzmoOptionsChanged' });
-    constructor() {
-        this.bindEvents();
-        this.destroyRef.onDestroy(() => {
-            for (const cleanup of this.listenerCleanup) {
-                cleanup();
-            }
-        });
-    }
-    ngOnChanges(changes) {
-        for (const key of Object.keys(changes)) {
-            switch (key) {
-                case 'language':
-                    this.setHostProperty('language', changes['language'].currentValue);
-                    break;
-                case 'itemType':
-                    this.setHostProperty('itemType', changes['itemType'].currentValue);
-                    break;
-                case 'optionKey':
-                    this.setHostProperty('optionKey', changes['optionKey'].currentValue);
-                    break;
-                case 'customOptionConfiguration':
-                    this.setHostProperty('customOptionConfiguration', changes['customOptionConfiguration'].currentValue);
-                    break;
-                case 'customTranslations':
-                    this.setHostProperty('customTranslations', changes['customTranslations'].currentValue);
-                    break;
-                case 'options':
-                    this.setHostProperty('options', changes['options'].currentValue);
-                    break;
-                case 'slots':
-                    this.setHostProperty('slots', changes['slots'].currentValue);
-                    break;
-                case 'theme':
-                    this.setHostProperty('theme', changes['theme'].currentValue);
-                    break;
-                case 'apiUrl':
-                    this.setHostProperty('apiUrl', changes['apiUrl'].currentValue);
-                    break;
-                case 'authKey':
-                    this.setHostProperty('authKey', changes['authKey'].currentValue);
-                    break;
-                case 'authToken':
-                    this.setHostProperty('authToken', changes['authToken'].currentValue);
-                    break;
-                case 'size':
-                    this.setHostProperty('size', changes['size'].currentValue);
-                    break;
-                case 'changedOptions':
-                    this.setHostProperty('changedOptions', changes['changedOptions'].currentValue);
-                    break;
-                default:
-                    break;
-            }
-        }
-    }
-    /**
-     * Forward a wrapper @Input to the underlying host element via Renderer2 so
-     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
-     * Unlike a "skip undefined" guard, this lets consumers reset values back to
-     * undefined / null by clearing their bindings.
-     */
-    setHostProperty(key, value) {
-        this.renderer.setProperty(this.host, key, value);
-    }
-    bindEvents() {
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-options-changed', (event) => {
-            const typed = event;
-            this.luzmoOptionsChanged.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoItemOption_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOption)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOption, selectors: [["luzmo-item-option"]], inputs: { language: "language", itemType: "itemType", optionKey: "optionKey", customOptionConfiguration: "customOptionConfiguration", customTranslations: "customTranslations", options: "options", slots: "slots", theme: "theme", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", size: "size", changedOptions: "changedOptions" }, outputs: { luzmoOptionsChanged: "luzmoOptionsChanged" }, exportAs: ["luzmoItemOption"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOption_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOption, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-item-option',
-                exportAs: 'luzmoItemOption',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], itemType: [{
-            type: Input,
-            args: [{ alias: 'itemType' }]
-        }], optionKey: [{
-            type: Input,
-            args: [{ alias: 'optionKey' }]
-        }], customOptionConfiguration: [{
-            type: Input,
-            args: [{ alias: 'customOptionConfiguration' }]
-        }], customTranslations: [{
-            type: Input,
-            args: [{ alias: 'customTranslations' }]
-        }], options: [{
-            type: Input,
-            args: [{ alias: 'options' }]
-        }], slots: [{
-            type: Input,
-            args: [{ alias: 'slots' }]
-        }], theme: [{
-            type: Input,
-            args: [{ alias: 'theme' }]
-        }], apiUrl: [{
-            type: Input,
-            args: [{ alias: 'apiUrl' }]
-        }], authKey: [{
-            type: Input,
-            args: [{ alias: 'authKey' }]
-        }], authToken: [{
-            type: Input,
-            args: [{ alias: 'authToken' }]
-        }], size: [{
-            type: Input,
-            args: [{ alias: 'size' }]
-        }], changedOptions: [{
-            type: Input,
-            args: [{ alias: 'changedOptions' }]
-        }], luzmoOptionsChanged: [{ type: i0.Output, args: ["luzmoOptionsChanged"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOption, { className: "LuzmoItemOption", filePath: "components/item-option.ts", lineNumber: 18 }); })();

package/angular/esm/components/item-slot-drop-panel.d.ts

@@ -1,82 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-slot-drop-panel';
-import type { LuzmoItemSlotDropPanel as LuzmoItemSlotDropPanelHostElement, SlotConstraintTriggeredEventDetail, SlotsContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-drop-panel';
-import type { Placement } from '@floating-ui/dom';
-import type { SlotConfig, SlotPositioningConfig, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
-import * as i0 from "@angular/core";
-export type { DatasetConstraintTriggeredEventDetail, SlotConstraintTriggeredEventDetail, SlotsContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-drop-panel';
-export declare class LuzmoItemSlotDropPanel implements OnChanges {
-    private readonly elementRef;
-    private readonly renderer;
-    private readonly destroyRef;
-    private readonly host;
-    private readonly listenerCleanup;
-    /** The underlying custom element instance. Use to call imperative methods. */
-    get nativeElement(): LuzmoItemSlotDropPanelHostElement;
-    /** The type of the item (e.g., 'bar-chart', 'line-chart', 'area-chart') */
-    itemType?: VizItemType | string;
-    /** The language to use for locale-aware formatting and labels */
-    contentLanguage?: string;
-    /** Optional custom slots configuration (overrides loaded config from item-type). Each slot defines what data types it accepts and its behavior. */
-    slotsConfiguration?: SlotConfig[];
-    /** Optional custom positioning configuration for grid layout (overrides loaded config). Only used when `positioned` attribute is true. */
-    positioningConfiguration?: SlotPositioningConfig;
-    /** The contents of all slots. Each entry maps a slot name to its content items. Content items typically contain column/formula references and dataset IDs. */
-    slotsContents?: VizItemSlot[];
-    /** Whether to use grid-based positioning for slots When true, loads the positioning config and renders slots in a CSS grid */
-    positioned?: boolean;
-    /** Boundary element selector for drag operations */
-    dragBoundary?: string;
-    /** Placement of the slot menu popover */
-    slotMenuPlacement?: Placement;
-    /** Whether to hide the delete button on item slot drop targets */
-    hideDelete?: boolean;
-    /** Whether to hide the configuration button on item slot drop targets */
-    hideConfiguration?: boolean;
-    /** Whether the item slot drop targets grow to full width */
-    grows?: boolean;
-    /** Controls how slot constraints are handled - 'auto': Constraints are applied immediately (default) - 'event-only': Emit event with constraint details, let consumer decide */
-    constraintMode?: 'auto' | 'event-only';
-    /** The type of menu interaction for item slot drop targets */
-    slotMenuMode?: 'default' | 'draggable' | 'event-only';
-    /** The API URL of the databroker */
-    apiUrl?: string;
-    /** The auth key of the databroker */
-    authKey?: string;
-    /** The auth token of the databroker */
-    authToken?: string;
-    /** The main container for all slots */
-    slotspanel?: string;
-    /** The grid container when positioned mode is enabled */
-    slotsgrid?: string;
-    /** The grid cell wrapper for each slot when positioned */
-    slotcell?: string;
-    /** The item slot drop element */
-    itemslotdrop?: string;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language?: string;
-    /** The size of the element */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /** Emitted when constraint-mode is 'event-only' and a change would trigger constraints */
-    readonly luzmoSlotConstraintTriggered: import("@angular/core").OutputEmitterRef<CustomEvent<SlotConstraintTriggeredEventDetail>>;
-    /** Announces that the slots contents have changed */
-    readonly luzmoSlotsContentsChanged: import("@angular/core").OutputEmitterRef<CustomEvent<SlotsContentsChangedEventDetail>>;
-    constructor();
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Forward a wrapper @Input to the underlying host element via Renderer2 so
-     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
-     * Unlike a "skip undefined" guard, this lets consumers reset values back to
-     * undefined / null by clearing their bindings.
-     */
-    private setHostProperty;
-    private bindEvents;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemSlotDropPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotDropPanel, "luzmo-item-slot-drop-panel", ["luzmoItemSlotDropPanel"], { "itemType": { "alias": "itemType"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotsConfiguration": { "alias": "slotsConfiguration"; "required": false; }; "positioningConfiguration": { "alias": "positioningConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "positioned": { "alias": "positioned"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "constraintMode": { "alias": "constraintMode"; "required": false; }; "slotMenuMode": { "alias": "slotMenuMode"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "slotspanel": { "alias": "slotsPanel"; "required": false; }; "slotsgrid": { "alias": "slotsGrid"; "required": false; }; "slotcell": { "alias": "slotCell"; "required": false; }; "itemslotdrop": { "alias": "itemSlotDrop"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotConstraintTriggered": "luzmoSlotConstraintTriggered"; "luzmoSlotsContentsChanged": "luzmoSlotsContentsChanged"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_positioned: unknown;
-    static ngAcceptInputType_hideDelete: unknown;
-    static ngAcceptInputType_hideConfiguration: unknown;
-    static ngAcceptInputType_grows: unknown;
-}
-/** The underlying custom element type for LuzmoItemSlotDropPanel */
-export type LuzmoItemSlotDropPanelElement = LuzmoItemSlotDropPanelHostElement;

package/angular/esm/components/item-slot-drop-panel.js

@@ -1,249 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-slot-drop-panel';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-item-slot-drop-panel>
- */
-export class LuzmoItemSlotDropPanel {
-    elementRef = inject(ElementRef);
-    renderer = inject(Renderer2);
-    destroyRef = inject(DestroyRef);
-    host = this.elementRef.nativeElement;
-    listenerCleanup = [];
-    /** The underlying custom element instance. Use to call imperative methods. */
-    get nativeElement() {
-        return this.host;
-    }
-    /** The type of the item (e.g., 'bar-chart', 'line-chart', 'area-chart') */
-    itemType;
-    /** The language to use for locale-aware formatting and labels */
-    contentLanguage;
-    /** Optional custom slots configuration (overrides loaded config from item-type). Each slot defines what data types it accepts and its behavior. */
-    slotsConfiguration;
-    /** Optional custom positioning configuration for grid layout (overrides loaded config). Only used when `positioned` attribute is true. */
-    positioningConfiguration;
-    /** The contents of all slots. Each entry maps a slot name to its content items. Content items typically contain column/formula references and dataset IDs. */
-    slotsContents;
-    /** Whether to use grid-based positioning for slots When true, loads the positioning config and renders slots in a CSS grid */
-    positioned;
-    /** Boundary element selector for drag operations */
-    dragBoundary;
-    /** Placement of the slot menu popover */
-    slotMenuPlacement;
-    /** Whether to hide the delete button on item slot drop targets */
-    hideDelete;
-    /** Whether to hide the configuration button on item slot drop targets */
-    hideConfiguration;
-    /** Whether the item slot drop targets grow to full width */
-    grows;
-    /** Controls how slot constraints are handled - 'auto': Constraints are applied immediately (default) - 'event-only': Emit event with constraint details, let consumer decide */
-    constraintMode;
-    /** The type of menu interaction for item slot drop targets */
-    slotMenuMode;
-    /** The API URL of the databroker */
-    apiUrl;
-    /** The auth key of the databroker */
-    authKey;
-    /** The auth token of the databroker */
-    authToken;
-    /** The main container for all slots */
-    slotspanel;
-    /** The grid container when positioned mode is enabled */
-    slotsgrid;
-    /** The grid cell wrapper for each slot when positioned */
-    slotcell;
-    /** The item slot drop element */
-    itemslotdrop;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language;
-    /** The size of the element */
-    size;
-    /** Emitted when constraint-mode is 'event-only' and a change would trigger constraints */
-    luzmoSlotConstraintTriggered = output({ alias: 'luzmoSlotConstraintTriggered' });
-    /** Announces that the slots contents have changed */
-    luzmoSlotsContentsChanged = output({ alias: 'luzmoSlotsContentsChanged' });
-    constructor() {
-        this.bindEvents();
-        this.destroyRef.onDestroy(() => {
-            for (const cleanup of this.listenerCleanup) {
-                cleanup();
-            }
-        });
-    }
-    ngOnChanges(changes) {
-        for (const key of Object.keys(changes)) {
-            switch (key) {
-                case 'itemType':
-                    this.setHostProperty('itemType', changes['itemType'].currentValue);
-                    break;
-                case 'contentLanguage':
-                    this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-                    break;
-                case 'slotsConfiguration':
-                    this.setHostProperty('slotsConfiguration', changes['slotsConfiguration'].currentValue);
-                    break;
-                case 'positioningConfiguration':
-                    this.setHostProperty('positioningConfiguration', changes['positioningConfiguration'].currentValue);
-                    break;
-                case 'slotsContents':
-                    this.setHostProperty('slotsContents', changes['slotsContents'].currentValue);
-                    break;
-                case 'positioned':
-                    this.setHostProperty('positioned', changes['positioned'].currentValue);
-                    break;
-                case 'dragBoundary':
-                    this.setHostProperty('dragBoundary', changes['dragBoundary'].currentValue);
-                    break;
-                case 'slotMenuPlacement':
-                    this.setHostProperty('slotMenuPlacement', changes['slotMenuPlacement'].currentValue);
-                    break;
-                case 'hideDelete':
-                    this.setHostProperty('hideDelete', changes['hideDelete'].currentValue);
-                    break;
-                case 'hideConfiguration':
-                    this.setHostProperty('hideConfiguration', changes['hideConfiguration'].currentValue);
-                    break;
-                case 'grows':
-                    this.setHostProperty('grows', changes['grows'].currentValue);
-                    break;
-                case 'constraintMode':
-                    this.setHostProperty('constraintMode', changes['constraintMode'].currentValue);
-                    break;
-                case 'slotMenuMode':
-                    this.setHostProperty('slotMenuMode', changes['slotMenuMode'].currentValue);
-                    break;
-                case 'apiUrl':
-                    this.setHostProperty('apiUrl', changes['apiUrl'].currentValue);
-                    break;
-                case 'authKey':
-                    this.setHostProperty('authKey', changes['authKey'].currentValue);
-                    break;
-                case 'authToken':
-                    this.setHostProperty('authToken', changes['authToken'].currentValue);
-                    break;
-                case 'slotspanel':
-                    this.setHostProperty('slots-panel', changes['slotspanel'].currentValue);
-                    break;
-                case 'slotsgrid':
-                    this.setHostProperty('slots-grid', changes['slotsgrid'].currentValue);
-                    break;
-                case 'slotcell':
-                    this.setHostProperty('slot-cell', changes['slotcell'].currentValue);
-                    break;
-                case 'itemslotdrop':
-                    this.setHostProperty('item-slot-drop', changes['itemslotdrop'].currentValue);
-                    break;
-                case 'language':
-                    this.setHostProperty('language', changes['language'].currentValue);
-                    break;
-                case 'size':
-                    this.setHostProperty('size', changes['size'].currentValue);
-                    break;
-                default:
-                    break;
-            }
-        }
-    }
-    /**
-     * Forward a wrapper @Input to the underlying host element via Renderer2 so
-     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
-     * Unlike a "skip undefined" guard, this lets consumers reset values back to
-     * undefined / null by clearing their bindings.
-     */
-    setHostProperty(key, value) {
-        this.renderer.setProperty(this.host, key, value);
-    }
-    bindEvents() {
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-slot-constraint-triggered', (event) => {
-            const typed = event;
-            this.luzmoSlotConstraintTriggered.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-slots-contents-changed', (event) => {
-            const typed = event;
-            this.luzmoSlotsContentsChanged.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoItemSlotDropPanel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemSlotDropPanel)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotDropPanel, selectors: [["luzmo-item-slot-drop-panel"]], inputs: { itemType: "itemType", contentLanguage: "contentLanguage", slotsConfiguration: "slotsConfiguration", positioningConfiguration: "positioningConfiguration", slotsContents: "slotsContents", positioned: [2, "positioned", "positioned", booleanAttribute], dragBoundary: "dragBoundary", slotMenuPlacement: "slotMenuPlacement", hideDelete: [2, "hideDelete", "hideDelete", booleanAttribute], hideConfiguration: [2, "hideConfiguration", "hideConfiguration", booleanAttribute], grows: [2, "grows", "grows", booleanAttribute], constraintMode: "constraintMode", slotMenuMode: "slotMenuMode", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", slotspanel: [0, "slotsPanel", "slotspanel"], slotsgrid: [0, "slotsGrid", "slotsgrid"], slotcell: [0, "slotCell", "slotcell"], itemslotdrop: [0, "itemSlotDrop", "itemslotdrop"], language: "language", size: "size" }, outputs: { luzmoSlotConstraintTriggered: "luzmoSlotConstraintTriggered", luzmoSlotsContentsChanged: "luzmoSlotsContentsChanged" }, exportAs: ["luzmoItemSlotDropPanel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotDropPanel_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemSlotDropPanel, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-item-slot-drop-panel',
-                exportAs: 'luzmoItemSlotDropPanel',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { itemType: [{
-            type: Input,
-            args: [{ alias: 'itemType' }]
-        }], contentLanguage: [{
-            type: Input,
-            args: [{ alias: 'contentLanguage' }]
-        }], slotsConfiguration: [{
-            type: Input,
-            args: [{ alias: 'slotsConfiguration' }]
-        }], positioningConfiguration: [{
-            type: Input,
-            args: [{ alias: 'positioningConfiguration' }]
-        }], slotsContents: [{
-            type: Input,
-            args: [{ alias: 'slotsContents' }]
-        }], positioned: [{
-            type: Input,
-            args: [{ alias: 'positioned', transform: booleanAttribute }]
-        }], dragBoundary: [{
-            type: Input,
-            args: [{ alias: 'dragBoundary' }]
-        }], slotMenuPlacement: [{
-            type: Input,
-            args: [{ alias: 'slotMenuPlacement' }]
-        }], hideDelete: [{
-            type: Input,
-            args: [{ alias: 'hideDelete', transform: booleanAttribute }]
-        }], hideConfiguration: [{
-            type: Input,
-            args: [{ alias: 'hideConfiguration', transform: booleanAttribute }]
-        }], grows: [{
-            type: Input,
-            args: [{ alias: 'grows', transform: booleanAttribute }]
-        }], constraintMode: [{
-            type: Input,
-            args: [{ alias: 'constraintMode' }]
-        }], slotMenuMode: [{
-            type: Input,
-            args: [{ alias: 'slotMenuMode' }]
-        }], apiUrl: [{
-            type: Input,
-            args: [{ alias: 'apiUrl' }]
-        }], authKey: [{
-            type: Input,
-            args: [{ alias: 'authKey' }]
-        }], authToken: [{
-            type: Input,
-            args: [{ alias: 'authToken' }]
-        }], slotspanel: [{
-            type: Input,
-            args: [{ alias: 'slotsPanel' }]
-        }], slotsgrid: [{
-            type: Input,
-            args: [{ alias: 'slotsGrid' }]
-        }], slotcell: [{
-            type: Input,
-            args: [{ alias: 'slotCell' }]
-        }], itemslotdrop: [{
-            type: Input,
-            args: [{ alias: 'itemSlotDrop' }]
-        }], language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], size: [{
-            type: Input,
-            args: [{ alias: 'size' }]
-        }], luzmoSlotConstraintTriggered: [{ type: i0.Output, args: ["luzmoSlotConstraintTriggered"] }], luzmoSlotsContentsChanged: [{ type: i0.Output, args: ["luzmoSlotsContentsChanged"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemSlotDropPanel, { className: "LuzmoItemSlotDropPanel", filePath: "components/item-slot-drop-panel.ts", lineNumber: 18 }); })();

package/angular/esm/components/item-slot-drop.d.ts

@@ -1,77 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-slot-drop';
-import type { LuzmoItemSlotDrop as LuzmoItemSlotDropHostElement, InfoVisibilityChangedEventDetail, SlotConfig, SlotContentsChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from '@luzmo/analytics-components-kit/item-slot-drop';
-import type { SlotName, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
-import type { Placement } from '@luzmo/lucero';
-import * as i0 from "@angular/core";
-export type { InfoVisibilityChangedEventDetail, SlotConfig, SlotContentsChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from '@luzmo/analytics-components-kit/item-slot-drop';
-export declare class LuzmoItemSlotDrop implements OnChanges {
-    private readonly elementRef;
-    private readonly renderer;
-    private readonly destroyRef;
-    private readonly host;
-    private readonly listenerCleanup;
-    /** The underlying custom element instance. Use to call imperative methods. */
-    get nativeElement(): LuzmoItemSlotDropHostElement;
-    /** The visualization item type that determines the available slots and their configuration. */
-    itemType?: VizItemType;
-    /** The name of the slot this drop target represents. */
-    slotName?: SlotName;
-    /** The configuration for this slot (accepted field types, options, label, etc.). */
-    slotConfiguration?: SlotConfig;
-    /** The full set of slot contents for the item; the entry matching `slotName` is rendered here. */
-    slotsContents?: VizItemSlot[];
-    /** Overrides the slot's default label. */
-    label?: string;
-    /** The language to use for locale-aware formatting of content labels (e.g. column names). When different from `language`, UI chrome uses `language` while data labels use `contentLanguage`. */
-    contentLanguage?: string;
-    /** CSS selector for the boundary element that constrains dragging within the slot menu. */
-    dragBoundary?: string;
-    /** Renders the slot vertically. */
-    rotate?: boolean;
-    /** The API URL of the databroker */
-    apiUrl?: string;
-    /** The auth key of the databroker */
-    authKey?: string;
-    /** The auth token of the databroker */
-    authToken?: string;
-    /** The type of config interaction */
-    menu?: 'default' | 'draggable' | 'event-only';
-    /** Placement of the slot menu. Only relevant for 'popup' and 'draggable' menu type */
-    placement?: Placement;
-    /** Hides the delete button on filled slots. */
-    hideDelete?: boolean;
-    /** Hides the edit/configuration button and disables opening the slot menu. */
-    hideConfiguration?: boolean;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language?: string;
-    /** The size of the element */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /** Emitted when the slot menu overlay closes / becomes inactive. */
-    readonly luzmoSlotMenuInactive: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
-    /** Emitted when the slot menu overlay opens for a slot */
-    readonly luzmoSlotMenuActive: import("@angular/core").OutputEmitterRef<CustomEvent<SlotMenuActiveEventDetail>>;
-    /** Emitted to highlight the active column or formula in the slot menu */
-    readonly luzmoSlotMenuHighlight: import("@angular/core").OutputEmitterRef<CustomEvent<SlotMenuHighlightEventDetail>>;
-    /** Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values */
-    readonly luzmoInfoVisibilityChanged: import("@angular/core").OutputEmitterRef<CustomEvent<InfoVisibilityChangedEventDetail>>;
-    /** Announces that the slot contents has changed */
-    readonly luzmoSlotContentsChanged: import("@angular/core").OutputEmitterRef<CustomEvent<SlotContentsChangedEventDetail>>;
-    constructor();
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Forward a wrapper @Input to the underlying host element via Renderer2 so
-     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
-     * Unlike a "skip undefined" guard, this lets consumers reset values back to
-     * undefined / null by clearing their bindings.
-     */
-    private setHostProperty;
-    private bindEvents;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemSlotDrop, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotDrop, "luzmo-item-slot-drop", ["luzmoItemSlotDrop"], { "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; }; "contentLanguage": { "alias": "contentLanguage"; "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; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotMenuInactive": "luzmoSlotMenuInactive"; "luzmoSlotMenuActive": "luzmoSlotMenuActive"; "luzmoSlotMenuHighlight": "luzmoSlotMenuHighlight"; "luzmoInfoVisibilityChanged": "luzmoInfoVisibilityChanged"; "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_rotate: unknown;
-    static ngAcceptInputType_hideDelete: unknown;
-    static ngAcceptInputType_hideConfiguration: unknown;
-}
-/** The underlying custom element type for LuzmoItemSlotDrop */
-export type LuzmoItemSlotDropElement = LuzmoItemSlotDropHostElement;