@luzmo/analytics-components-kit 1.0.9-beta.7 → 1.0.9-beta.8

package/angular/esm/components/display-settings-numeric.js

@@ -1,115 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/display-settings-numeric';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-display-settings-numeric>
- */
-export class LuzmoDisplaySettingsNumeric {
-    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 slotContent that is passed to the settings */
-    slotContent;
-    /** The list of measure columns grouped by dataset that can be used for the rate aggregation. Shape: [{ datasetId, datasetName, columns: Column[] }] */
-    measureColumns;
-    /** Whether or not to show the aggregation options */
-    isAggregationDisabled;
-    /** Whether or not to show the cumulative sum options */
-    isCumulativeSumEnabled;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language;
-    /** The size of the element */
-    size;
-    /** Event that is fired when the slot content is changed */
-    luzmoSlotContentChanged = output({ alias: 'luzmoSlotContentChanged' });
-    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 'slotContent':
-                    this.setHostProperty('slotContent', changes['slotContent'].currentValue);
-                    break;
-                case 'measureColumns':
-                    this.setHostProperty('measureColumns', changes['measureColumns'].currentValue);
-                    break;
-                case 'isAggregationDisabled':
-                    this.setHostProperty('isAggregationDisabled', changes['isAggregationDisabled'].currentValue);
-                    break;
-                case 'isCumulativeSumEnabled':
-                    this.setHostProperty('isCumulativeSumEnabled', changes['isCumulativeSumEnabled'].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-content-changed', (event) => {
-            const typed = event;
-            this.luzmoSlotContentChanged.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoDisplaySettingsNumeric_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoDisplaySettingsNumeric)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDisplaySettingsNumeric, selectors: [["luzmo-display-settings-numeric"]], inputs: { slotContent: "slotContent", measureColumns: "measureColumns", isAggregationDisabled: [2, "isAggregationDisabled", "isAggregationDisabled", booleanAttribute], isCumulativeSumEnabled: [2, "isCumulativeSumEnabled", "isCumulativeSumEnabled", booleanAttribute], language: "language", size: "size" }, outputs: { luzmoSlotContentChanged: "luzmoSlotContentChanged" }, exportAs: ["luzmoDisplaySettingsNumeric"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDisplaySettingsNumeric_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoDisplaySettingsNumeric, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-display-settings-numeric',
-                exportAs: 'luzmoDisplaySettingsNumeric',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { slotContent: [{
-            type: Input,
-            args: [{ alias: 'slotContent' }]
-        }], measureColumns: [{
-            type: Input,
-            args: [{ alias: 'measureColumns' }]
-        }], isAggregationDisabled: [{
-            type: Input,
-            args: [{ alias: 'isAggregationDisabled', transform: booleanAttribute }]
-        }], isCumulativeSumEnabled: [{
-            type: Input,
-            args: [{ alias: 'isCumulativeSumEnabled', transform: booleanAttribute }]
-        }], language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], size: [{
-            type: Input,
-            args: [{ alias: 'size' }]
-        }], luzmoSlotContentChanged: [{ type: i0.Output, args: ["luzmoSlotContentChanged"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoDisplaySettingsNumeric, { className: "LuzmoDisplaySettingsNumeric", filePath: "components/display-settings-numeric.ts", lineNumber: 17 }); })();

package/angular/esm/components/display-settings-period-over-period.d.ts

@@ -1,50 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/display-settings-period-over-period';
-import type { LuzmoDisplaySettingsPeriodOverPeriod as LuzmoDisplaySettingsPeriodOverPeriodHostElement, DisplaySettingsSlotContentChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings-period-over-period';
-import type { PeriodOverPeriodCondition } from '@luzmo/analytics-components-kit/types';
-import type { Column } from '@luzmo/dashboard-contents-types';
-import * as i0 from "@angular/core";
-export type { DisplaySettingsSlotContentChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings-period-over-period';
-export declare class LuzmoDisplaySettingsPeriodOverPeriod 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(): LuzmoDisplaySettingsPeriodOverPeriodHostElement;
-    /** The slotContent that is passed to the settings */
-    slotContent?: any;
-    /** Which period-over-period UI variant to render, based on available datetime columns and comparison filters. */
-    periodOverPeriodUiType?: PeriodOverPeriodCondition;
-    /** Offer the "Periods" offset when there is no datetime category (an offset date column is needed). The item then shifts by the length of the period selected by its date filters. */
-    allowPeriodsWithoutDatetimeColumn?: boolean;
-    /** Hide the "Past value" comparison type, e.g. for items that only show the change. */
-    hidePastValue?: boolean;
-    /** Datetime columns from the linked dataset available as offset/comparison date columns. */
-    linkedDatasetDatetimeColumns?: (Column & {
-        datasetId: 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';
-    /** Event that is fired when the slot content is changed */
-    readonly luzmoSlotContentChanged: import("@angular/core").OutputEmitterRef<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
-    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<LuzmoDisplaySettingsPeriodOverPeriod, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoDisplaySettingsPeriodOverPeriod, "luzmo-display-settings-period-over-period", ["luzmoDisplaySettingsPeriodOverPeriod"], { "slotContent": { "alias": "slotContent"; "required": false; }; "periodOverPeriodUiType": { "alias": "periodOverPeriodType"; "required": false; }; "allowPeriodsWithoutDatetimeColumn": { "alias": "allowPeriodsWithoutDatetimeColumn"; "required": false; }; "hidePastValue": { "alias": "hidePastValue"; "required": false; }; "linkedDatasetDatetimeColumns": { "alias": "linkedDatasetDatetimeColumns"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotContentChanged": "luzmoSlotContentChanged"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_allowPeriodsWithoutDatetimeColumn: unknown;
-    static ngAcceptInputType_hidePastValue: unknown;
-}
-/** The underlying custom element type for LuzmoDisplaySettingsPeriodOverPeriod */
-export type LuzmoDisplaySettingsPeriodOverPeriodElement = LuzmoDisplaySettingsPeriodOverPeriodHostElement;

package/angular/esm/components/display-settings-period-over-period.js

@@ -1,123 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/display-settings-period-over-period';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-display-settings-period-over-period>
- */
-export class LuzmoDisplaySettingsPeriodOverPeriod {
-    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 slotContent that is passed to the settings */
-    slotContent;
-    /** Which period-over-period UI variant to render, based on available datetime columns and comparison filters. */
-    periodOverPeriodUiType;
-    /** Offer the "Periods" offset when there is no datetime category (an offset date column is needed). The item then shifts by the length of the period selected by its date filters. */
-    allowPeriodsWithoutDatetimeColumn;
-    /** Hide the "Past value" comparison type, e.g. for items that only show the change. */
-    hidePastValue;
-    /** Datetime columns from the linked dataset available as offset/comparison date columns. */
-    linkedDatasetDatetimeColumns;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language;
-    /** The size of the element */
-    size;
-    /** Event that is fired when the slot content is changed */
-    luzmoSlotContentChanged = output({ alias: 'luzmoSlotContentChanged' });
-    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 'slotContent':
-                    this.setHostProperty('slotContent', changes['slotContent'].currentValue);
-                    break;
-                case 'periodOverPeriodUiType':
-                    this.setHostProperty('periodOverPeriodUiType', changes['periodOverPeriodUiType'].currentValue);
-                    break;
-                case 'allowPeriodsWithoutDatetimeColumn':
-                    this.setHostProperty('allowPeriodsWithoutDatetimeColumn', changes['allowPeriodsWithoutDatetimeColumn'].currentValue);
-                    break;
-                case 'hidePastValue':
-                    this.setHostProperty('hidePastValue', changes['hidePastValue'].currentValue);
-                    break;
-                case 'linkedDatasetDatetimeColumns':
-                    this.setHostProperty('linkedDatasetDatetimeColumns', changes['linkedDatasetDatetimeColumns'].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-content-changed', (event) => {
-            const typed = event;
-            this.luzmoSlotContentChanged.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoDisplaySettingsPeriodOverPeriod_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoDisplaySettingsPeriodOverPeriod)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDisplaySettingsPeriodOverPeriod, selectors: [["luzmo-display-settings-period-over-period"]], inputs: { slotContent: "slotContent", periodOverPeriodUiType: [0, "periodOverPeriodType", "periodOverPeriodUiType"], allowPeriodsWithoutDatetimeColumn: [2, "allowPeriodsWithoutDatetimeColumn", "allowPeriodsWithoutDatetimeColumn", booleanAttribute], hidePastValue: [2, "hidePastValue", "hidePastValue", booleanAttribute], linkedDatasetDatetimeColumns: "linkedDatasetDatetimeColumns", language: "language", size: "size" }, outputs: { luzmoSlotContentChanged: "luzmoSlotContentChanged" }, exportAs: ["luzmoDisplaySettingsPeriodOverPeriod"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDisplaySettingsPeriodOverPeriod_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoDisplaySettingsPeriodOverPeriod, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-display-settings-period-over-period',
-                exportAs: 'luzmoDisplaySettingsPeriodOverPeriod',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { slotContent: [{
-            type: Input,
-            args: [{ alias: 'slotContent' }]
-        }], periodOverPeriodUiType: [{
-            type: Input,
-            args: [{ alias: 'periodOverPeriodType' }]
-        }], allowPeriodsWithoutDatetimeColumn: [{
-            type: Input,
-            args: [{ alias: 'allowPeriodsWithoutDatetimeColumn', transform: booleanAttribute }]
-        }], hidePastValue: [{
-            type: Input,
-            args: [{ alias: 'hidePastValue', transform: booleanAttribute }]
-        }], linkedDatasetDatetimeColumns: [{
-            type: Input,
-            args: [{ alias: 'linkedDatasetDatetimeColumns' }]
-        }], language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], size: [{
-            type: Input,
-            args: [{ alias: 'size' }]
-        }], luzmoSlotContentChanged: [{ type: i0.Output, args: ["luzmoSlotContentChanged"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoDisplaySettingsPeriodOverPeriod, { className: "LuzmoDisplaySettingsPeriodOverPeriod", filePath: "components/display-settings-period-over-period.ts", lineNumber: 18 }); })();

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

@@ -1,83 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/display-settings';
-import type { LuzmoDisplaySettings as LuzmoDisplaySettingsHostElement, DisplaySettingsSlotContentChangedEventDetail, InfoVisibilityChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings';
-import type { DatasetDataFields } from '@luzmo/analytics-components-kit/data-field-panel';
-import type { MeasureColumnsItem } from '@luzmo/analytics-components-kit/slot-menu';
-import type { PeriodOverPeriodCondition, SlotContent } from '@luzmo/analytics-components-kit/types';
-import type { SlotName } from '@luzmo/dashboard-contents-types';
-import * as i0 from "@angular/core";
-export type { DisplaySettingsRemoveSlotContentEventDetail, DisplaySettingsSlotContentChangedEventDetail, InfoVisibilityChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings';
-export declare class LuzmoDisplaySettings 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(): LuzmoDisplaySettingsHostElement;
-    /** The language of the settings interface */
-    language?: string;
-    /** The language to use for locale-aware formatting and labels */
-    contentLanguage?: string;
-    /** Whether to show the displaySettings. Is used to hide display Settings in cases where there are multiple columns */
-    hideDisplaySettings?: boolean;
-    /** Whether to show the binning in numeric */
-    isBinningDisabled?: boolean;
-    /** Whether to show the datetime options */
-    areDatetimeOptionsEnabled?: boolean;
-    /** Whether to show the grand totals */
-    areGrandTotalsEnabled?: boolean;
-    /** Whether to show the aggregation options */
-    isAggregationDisabled?: boolean;
-    /** Whether to show the cumulative sum options */
-    isCumulativeSumEnabled?: boolean;
-    /** Whether to show the period-over-period in numeric */
-    periodOverPeriodUiType?: PeriodOverPeriodCondition | null;
-    /** Whether to show the trash button next to the label */
-    showRemoveButton?: boolean;
-    /** The slot type */
-    slotType?: string;
-    /** The slot name used to distinguish measure and dimension calculations. */
-    slotName?: SlotName;
-    /** The slot content model (label, formatting, aggregation, etc.) for the field being configured. */
-    slotContent?: SlotContent;
-    /** Datasets used to resolve column names in ad-hoc calculation previews. */
-    datasetsDataFields?: DatasetDataFields[];
-    /** The API URL used when resolving calculation previews by dataset id. */
-    apiUrl?: string;
-    /** The auth key used when resolving calculation previews by dataset id. */
-    authKey?: string;
-    /** The auth token used when resolving calculation previews by dataset id. */
-    authToken?: string;
-    /** The list of columns that can be used for the rate aggregation */
-    measureColumns?: MeasureColumnsItem[];
-    /** The size of the element */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /** Event that is fired when the slot content is changed */
-    readonly luzmoSlotContentChanged: import("@angular/core").OutputEmitterRef<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
-    /** Event that is fired when the remove button is clicked */
-    readonly luzmoRemoveSlotContent: import("@angular/core").OutputEmitterRef<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
-    /** Event that is fired when the info button is clicked, includes the visibility state and ID values */
-    readonly luzmoInfoVisibilityChanged: import("@angular/core").OutputEmitterRef<CustomEvent<InfoVisibilityChangedEventDetail>>;
-    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<LuzmoDisplaySettings, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoDisplaySettings, "luzmo-display-settings", ["luzmoDisplaySettings"], { "language": { "alias": "language"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "hideDisplaySettings": { "alias": "hideDisplaySettings"; "required": false; }; "isBinningDisabled": { "alias": "isBinningDisabled"; "required": false; }; "areDatetimeOptionsEnabled": { "alias": "areDatetimeOptionsEnabled"; "required": false; }; "areGrandTotalsEnabled": { "alias": "areGrandTotalsEnabled"; "required": false; }; "isAggregationDisabled": { "alias": "isAggregationDisabled"; "required": false; }; "isCumulativeSumEnabled": { "alias": "isCumulativeSumEnabled"; "required": false; }; "periodOverPeriodUiType": { "alias": "periodOverPeriodUiType"; "required": false; }; "showRemoveButton": { "alias": "showRemoveButton"; "required": false; }; "slotType": { "alias": "slotType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotContent": { "alias": "slotContent"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "measureColumns": { "alias": "measureColumns"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotContentChanged": "luzmoSlotContentChanged"; "luzmoRemoveSlotContent": "luzmoRemoveSlotContent"; "luzmoInfoVisibilityChanged": "luzmoInfoVisibilityChanged"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_hideDisplaySettings: unknown;
-    static ngAcceptInputType_isBinningDisabled: unknown;
-    static ngAcceptInputType_areDatetimeOptionsEnabled: unknown;
-    static ngAcceptInputType_areGrandTotalsEnabled: unknown;
-    static ngAcceptInputType_isAggregationDisabled: unknown;
-    static ngAcceptInputType_isCumulativeSumEnabled: unknown;
-    static ngAcceptInputType_showRemoveButton: unknown;
-}
-/** The underlying custom element type for LuzmoDisplaySettings */
-export type LuzmoDisplaySettingsElement = LuzmoDisplaySettingsHostElement;

package/angular/esm/components/display-settings.js

@@ -1,231 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/display-settings';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-display-settings>
- */
-export class LuzmoDisplaySettings {
-    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 of the settings interface */
-    language;
-    /** The language to use for locale-aware formatting and labels */
-    contentLanguage;
-    /** Whether to show the displaySettings. Is used to hide display Settings in cases where there are multiple columns */
-    hideDisplaySettings;
-    /** Whether to show the binning in numeric */
-    isBinningDisabled;
-    /** Whether to show the datetime options */
-    areDatetimeOptionsEnabled;
-    /** Whether to show the grand totals */
-    areGrandTotalsEnabled;
-    /** Whether to show the aggregation options */
-    isAggregationDisabled;
-    /** Whether to show the cumulative sum options */
-    isCumulativeSumEnabled;
-    /** Whether to show the period-over-period in numeric */
-    periodOverPeriodUiType;
-    /** Whether to show the trash button next to the label */
-    showRemoveButton;
-    /** The slot type */
-    slotType;
-    /** The slot name used to distinguish measure and dimension calculations. */
-    slotName;
-    /** The slot content model (label, formatting, aggregation, etc.) for the field being configured. */
-    slotContent;
-    /** Datasets used to resolve column names in ad-hoc calculation previews. */
-    datasetsDataFields;
-    /** The API URL used when resolving calculation previews by dataset id. */
-    apiUrl;
-    /** The auth key used when resolving calculation previews by dataset id. */
-    authKey;
-    /** The auth token used when resolving calculation previews by dataset id. */
-    authToken;
-    /** The list of columns that can be used for the rate aggregation */
-    measureColumns;
-    /** The size of the element */
-    size;
-    /** Event that is fired when the slot content is changed */
-    luzmoSlotContentChanged = output({ alias: 'luzmoSlotContentChanged' });
-    /** Event that is fired when the remove button is clicked */
-    luzmoRemoveSlotContent = output({ alias: 'luzmoRemoveSlotContent' });
-    /** Event that is fired when the info button is clicked, includes the visibility state and ID values */
-    luzmoInfoVisibilityChanged = output({ alias: 'luzmoInfoVisibilityChanged' });
-    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 'contentLanguage':
-                    this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-                    break;
-                case 'hideDisplaySettings':
-                    this.setHostProperty('hideDisplaySettings', changes['hideDisplaySettings'].currentValue);
-                    break;
-                case 'isBinningDisabled':
-                    this.setHostProperty('isBinningDisabled', changes['isBinningDisabled'].currentValue);
-                    break;
-                case 'areDatetimeOptionsEnabled':
-                    this.setHostProperty('areDatetimeOptionsEnabled', changes['areDatetimeOptionsEnabled'].currentValue);
-                    break;
-                case 'areGrandTotalsEnabled':
-                    this.setHostProperty('areGrandTotalsEnabled', changes['areGrandTotalsEnabled'].currentValue);
-                    break;
-                case 'isAggregationDisabled':
-                    this.setHostProperty('isAggregationDisabled', changes['isAggregationDisabled'].currentValue);
-                    break;
-                case 'isCumulativeSumEnabled':
-                    this.setHostProperty('isCumulativeSumEnabled', changes['isCumulativeSumEnabled'].currentValue);
-                    break;
-                case 'periodOverPeriodUiType':
-                    this.setHostProperty('periodOverPeriodUiType', changes['periodOverPeriodUiType'].currentValue);
-                    break;
-                case 'showRemoveButton':
-                    this.setHostProperty('showRemoveButton', changes['showRemoveButton'].currentValue);
-                    break;
-                case 'slotType':
-                    this.setHostProperty('slotType', changes['slotType'].currentValue);
-                    break;
-                case 'slotName':
-                    this.setHostProperty('slotName', changes['slotName'].currentValue);
-                    break;
-                case 'slotContent':
-                    this.setHostProperty('slotContent', changes['slotContent'].currentValue);
-                    break;
-                case 'datasetsDataFields':
-                    this.setHostProperty('datasetsDataFields', changes['datasetsDataFields'].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 'measureColumns':
-                    this.setHostProperty('measureColumns', changes['measureColumns'].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-content-changed', (event) => {
-            const typed = event;
-            this.luzmoSlotContentChanged.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-remove-slot-content', (event) => {
-            const typed = event;
-            this.luzmoRemoveSlotContent.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-info-visibility-changed', (event) => {
-            const typed = event;
-            this.luzmoInfoVisibilityChanged.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoDisplaySettings_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoDisplaySettings)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDisplaySettings, selectors: [["luzmo-display-settings"]], inputs: { language: "language", contentLanguage: "contentLanguage", hideDisplaySettings: [2, "hideDisplaySettings", "hideDisplaySettings", booleanAttribute], isBinningDisabled: [2, "isBinningDisabled", "isBinningDisabled", booleanAttribute], areDatetimeOptionsEnabled: [2, "areDatetimeOptionsEnabled", "areDatetimeOptionsEnabled", booleanAttribute], areGrandTotalsEnabled: [2, "areGrandTotalsEnabled", "areGrandTotalsEnabled", booleanAttribute], isAggregationDisabled: [2, "isAggregationDisabled", "isAggregationDisabled", booleanAttribute], isCumulativeSumEnabled: [2, "isCumulativeSumEnabled", "isCumulativeSumEnabled", booleanAttribute], periodOverPeriodUiType: "periodOverPeriodUiType", showRemoveButton: [2, "showRemoveButton", "showRemoveButton", booleanAttribute], slotType: "slotType", slotName: "slotName", slotContent: "slotContent", datasetsDataFields: "datasetsDataFields", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", measureColumns: "measureColumns", size: "size" }, outputs: { luzmoSlotContentChanged: "luzmoSlotContentChanged", luzmoRemoveSlotContent: "luzmoRemoveSlotContent", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged" }, exportAs: ["luzmoDisplaySettings"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDisplaySettings_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoDisplaySettings, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-display-settings',
-                exportAs: 'luzmoDisplaySettings',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], contentLanguage: [{
-            type: Input,
-            args: [{ alias: 'contentLanguage' }]
-        }], hideDisplaySettings: [{
-            type: Input,
-            args: [{ alias: 'hideDisplaySettings', transform: booleanAttribute }]
-        }], isBinningDisabled: [{
-            type: Input,
-            args: [{ alias: 'isBinningDisabled', transform: booleanAttribute }]
-        }], areDatetimeOptionsEnabled: [{
-            type: Input,
-            args: [{ alias: 'areDatetimeOptionsEnabled', transform: booleanAttribute }]
-        }], areGrandTotalsEnabled: [{
-            type: Input,
-            args: [{ alias: 'areGrandTotalsEnabled', transform: booleanAttribute }]
-        }], isAggregationDisabled: [{
-            type: Input,
-            args: [{ alias: 'isAggregationDisabled', transform: booleanAttribute }]
-        }], isCumulativeSumEnabled: [{
-            type: Input,
-            args: [{ alias: 'isCumulativeSumEnabled', transform: booleanAttribute }]
-        }], periodOverPeriodUiType: [{
-            type: Input,
-            args: [{ alias: 'periodOverPeriodUiType' }]
-        }], showRemoveButton: [{
-            type: Input,
-            args: [{ alias: 'showRemoveButton', transform: booleanAttribute }]
-        }], slotType: [{
-            type: Input,
-            args: [{ alias: 'slotType' }]
-        }], slotName: [{
-            type: Input,
-            args: [{ alias: 'slotName' }]
-        }], slotContent: [{
-            type: Input,
-            args: [{ alias: 'slotContent' }]
-        }], datasetsDataFields: [{
-            type: Input,
-            args: [{ alias: 'datasetsDataFields' }]
-        }], apiUrl: [{
-            type: Input,
-            args: [{ alias: 'apiUrl' }]
-        }], authKey: [{
-            type: Input,
-            args: [{ alias: 'authKey' }]
-        }], authToken: [{
-            type: Input,
-            args: [{ alias: 'authToken' }]
-        }], measureColumns: [{
-            type: Input,
-            args: [{ alias: 'measureColumns' }]
-        }], size: [{
-            type: Input,
-            args: [{ alias: 'size' }]
-        }], luzmoSlotContentChanged: [{ type: i0.Output, args: ["luzmoSlotContentChanged"] }], luzmoRemoveSlotContent: [{ type: i0.Output, args: ["luzmoRemoveSlotContent"] }], luzmoInfoVisibilityChanged: [{ type: i0.Output, args: ["luzmoInfoVisibilityChanged"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoDisplaySettings, { className: "LuzmoDisplaySettings", filePath: "components/display-settings.ts", lineNumber: 20 }); })();