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

package/angular/esm/components/filters.js

@@ -1,251 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/filters';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-filters>
- *
- * @csspart filters-text - The inline sentence shown when `display` is `text`.
- * @csspart filters-outline - The bracket layout shown when `display` is `outline`.
- * @csspart filters-outline-row - One filter row in the outline, including its delete button when shown.
- */
-export class LuzmoFilters {
-    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 API URL of the databroker */
-    apiUrl;
-    /** The auth key of the databroker */
-    authKey;
-    /** The auth token of the databroker */
-    authToken;
-    /** The cache time of the databroker */
-    cacheTime;
-    /** The language to use for locale-aware formatting and labels */
-    contentLanguage;
-    /** The time zone to use for the date picker */
-    timeZone;
-    /** The dataset ids to fetch columns & formulas */
-    datasetIds;
-    /** The filter groups to display.  Accepts both halves of the public `ItemFilterOutput` / `DashboardFilterOutput` unions: canonical `ItemFilterGroup[]` and clean clause groups with flattened leaves. Nested `and` / `or` groups are preserved either way. */
-    filters;
-    /** Output format for the `luzmo-filters-changed` event.  `canonical` emits `ItemFilterGroup[]`; `clean` emits the clean clause groups that aligned hosts consume. A tree that cannot be represented cleanly falls back to canonical output, and the event says which format it carries. */
-    format;
-    /** How the filters are presented. `rich` is the editable group editor. `text` is a read-only sentence, with parentheses around nested AND/OR groups. `outline` is one wrapping filter per line inside bracket rails, and can delete a filter unless `readonly` is set. */
-    display;
-    /** Presentation of column and formula references in text and outline displays. */
-    columnDisplay;
-    /** Removes rich-editor control chrome while keeping the filters editable. */
-    quiet;
-    /** Prevents changes while preserving the selected display and visual treatment. In `outline`, this hides the delete buttons. */
-    readonly;
-    /** Whether parameter-backed filter values can be created and selected. */
-    allowParameters;
-    /** Consumer-owned parameter definitions available to filter rows. */
-    parameters;
-    /** Debounce time in milliseconds for the filters-changed event */
-    debounce;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language;
-    /** The size of the element */
-    size;
-    /** Disable this control. It will not receive focus or events */
-    disabled;
-    /** When this control is rendered, focus it automatically */
-    autofocus;
-    /** The tab index to apply to this control. See general documentation about the tabindex HTML property */
-    tabIndex;
-    /** Announces that the filters have changed, carrying the emitted groups and the format they are in. `display="text"` never fires this. Outline fires it after a filter is deleted. */
-    luzmoFiltersChanged = output({ alias: 'luzmoFiltersChanged' });
-    /** Announces that a parameter was created and added to `parameters`. */
-    luzmoParameterCreated = output({ alias: 'luzmoParameterCreated' });
-    /** Announces that a parameter was detached from a filter. */
-    luzmoParameterRemoved = output({ alias: 'luzmoParameterRemoved' });
-    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 '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 'cacheTime':
-                    this.setHostProperty('cacheTime', changes['cacheTime'].currentValue);
-                    break;
-                case 'contentLanguage':
-                    this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-                    break;
-                case 'timeZone':
-                    this.setHostProperty('timeZone', changes['timeZone'].currentValue);
-                    break;
-                case 'datasetIds':
-                    this.setHostProperty('datasetIds', changes['datasetIds'].currentValue);
-                    break;
-                case 'filters':
-                    this.setHostProperty('filters', changes['filters'].currentValue);
-                    break;
-                case 'format':
-                    this.setHostProperty('format', changes['format'].currentValue);
-                    break;
-                case 'display':
-                    this.setHostProperty('display', changes['display'].currentValue);
-                    break;
-                case 'columnDisplay':
-                    this.setHostProperty('columnDisplay', changes['columnDisplay'].currentValue);
-                    break;
-                case 'quiet':
-                    this.setHostProperty('quiet', changes['quiet'].currentValue);
-                    break;
-                case 'readonly':
-                    this.setHostProperty('readonly', changes['readonly'].currentValue);
-                    break;
-                case 'allowParameters':
-                    this.setHostProperty('allowParameters', changes['allowParameters'].currentValue);
-                    break;
-                case 'parameters':
-                    this.setHostProperty('parameters', changes['parameters'].currentValue);
-                    break;
-                case 'debounce':
-                    this.setHostProperty('debounce', changes['debounce'].currentValue);
-                    break;
-                case 'language':
-                    this.setHostProperty('language', changes['language'].currentValue);
-                    break;
-                case 'size':
-                    this.setHostProperty('size', changes['size'].currentValue);
-                    break;
-                case 'disabled':
-                    this.setHostProperty('disabled', changes['disabled'].currentValue);
-                    break;
-                case 'autofocus':
-                    this.setHostProperty('autofocus', changes['autofocus'].currentValue);
-                    break;
-                case 'tabIndex':
-                    this.setHostProperty('tabIndex', changes['tabIndex'].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-filters-changed', (event) => {
-            const typed = event;
-            this.luzmoFiltersChanged.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-parameter-created', (event) => {
-            const typed = event;
-            this.luzmoParameterCreated.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-parameter-removed', (event) => {
-            const typed = event;
-            this.luzmoParameterRemoved.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoFilters_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoFilters)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoFilters, selectors: [["luzmo-filters"]], inputs: { apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", cacheTime: "cacheTime", contentLanguage: "contentLanguage", timeZone: "timeZone", datasetIds: "datasetIds", filters: "filters", format: "format", display: "display", columnDisplay: "columnDisplay", quiet: [2, "quiet", "quiet", booleanAttribute], readonly: [2, "readonly", "readonly", booleanAttribute], allowParameters: [2, "allowParameters", "allowParameters", booleanAttribute], parameters: "parameters", debounce: "debounce", language: "language", size: "size", disabled: [2, "disabled", "disabled", booleanAttribute], autofocus: [2, "autofocus", "autofocus", booleanAttribute], tabIndex: "tabIndex" }, outputs: { luzmoFiltersChanged: "luzmoFiltersChanged", luzmoParameterCreated: "luzmoParameterCreated", luzmoParameterRemoved: "luzmoParameterRemoved" }, exportAs: ["luzmoFilters"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoFilters_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoFilters, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-filters',
-                exportAs: 'luzmoFilters',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { apiUrl: [{
-            type: Input,
-            args: [{ alias: 'apiUrl' }]
-        }], authKey: [{
-            type: Input,
-            args: [{ alias: 'authKey' }]
-        }], authToken: [{
-            type: Input,
-            args: [{ alias: 'authToken' }]
-        }], cacheTime: [{
-            type: Input,
-            args: [{ alias: 'cacheTime' }]
-        }], contentLanguage: [{
-            type: Input,
-            args: [{ alias: 'contentLanguage' }]
-        }], timeZone: [{
-            type: Input,
-            args: [{ alias: 'timeZone' }]
-        }], datasetIds: [{
-            type: Input,
-            args: [{ alias: 'datasetIds' }]
-        }], filters: [{
-            type: Input,
-            args: [{ alias: 'filters' }]
-        }], format: [{
-            type: Input,
-            args: [{ alias: 'format' }]
-        }], display: [{
-            type: Input,
-            args: [{ alias: 'display' }]
-        }], columnDisplay: [{
-            type: Input,
-            args: [{ alias: 'columnDisplay' }]
-        }], quiet: [{
-            type: Input,
-            args: [{ alias: 'quiet', transform: booleanAttribute }]
-        }], readonly: [{
-            type: Input,
-            args: [{ alias: 'readonly', transform: booleanAttribute }]
-        }], allowParameters: [{
-            type: Input,
-            args: [{ alias: 'allowParameters', transform: booleanAttribute }]
-        }], parameters: [{
-            type: Input,
-            args: [{ alias: 'parameters' }]
-        }], debounce: [{
-            type: Input,
-            args: [{ alias: 'debounce' }]
-        }], language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], size: [{
-            type: Input,
-            args: [{ alias: 'size' }]
-        }], disabled: [{
-            type: Input,
-            args: [{ alias: 'disabled', transform: booleanAttribute }]
-        }], autofocus: [{
-            type: Input,
-            args: [{ alias: 'autofocus', transform: booleanAttribute }]
-        }], tabIndex: [{
-            type: Input,
-            args: [{ alias: 'tabIndex' }]
-        }], luzmoFiltersChanged: [{ type: i0.Output, args: ["luzmoFiltersChanged"] }], luzmoParameterCreated: [{ type: i0.Output, args: ["luzmoParameterCreated"] }], luzmoParameterRemoved: [{ type: i0.Output, args: ["luzmoParameterRemoved"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoFilters, { className: "LuzmoFilters", filePath: "components/filters.ts", lineNumber: 20 }); })();

package/angular/esm/components/formula-editor.d.ts

@@ -1,78 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/formula-editor';
-import type { LuzmoFormulaEditor as LuzmoFormulaEditorHostElement } from '@luzmo/analytics-components-kit/formula-editor';
-import type { ValidityChangedEventDetail } from '@luzmo/analytics-components-kit/types';
-import * as i0 from "@angular/core";
-export type { LuzmoFormulaCodeMirror } from '@luzmo/analytics-components-kit/formula-editor';
-export declare class LuzmoFormulaEditor 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(): LuzmoFormulaEditorHostElement;
-    /** Whether the expression is validated as a column or a formula. */
-    expressionResource?: 'column' | 'formula';
-    /** How function / aggregation explanations are surfaced: as hover `tooltip`s on the list items (default), or in a dedicated `description` region. With `tooltip` there is no description, so the remaining lists spread across the full width. */
-    explanationDisplay?: 'tooltip' | 'description';
-    /** Renders the field display-only (no editing). */
-    readonly?: boolean;
-    /** Placeholder text shown in the editable input when the expression is empty. */
-    placeholder?: string;
-    /** Number of text lines the input is sized to start with. Defaults to 3. */
-    rows?: number;
-    /** Maximum number of text lines before a scrollbar appears (only when `grows`). */
-    maxRows?: number;
-    /** Whether the input grows in height with its content (up to `maxRows` if set). */
-    grows?: boolean;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language?: string;
-    /** The formula expression (function syntax), e.g. `SUM({datasetId:columnId})`. */
-    expression?: string;
-    /** Datasets and their data fields, provided directly (takes preference over `datasetIds`). */
-    datasetsDataFields?: unknown;
-    /** Dataset ids to fetch from the Luzmo API (auth attributes optional for public datasets). */
-    datasetIds?: string[];
-    /** Base URL of the Luzmo API used to fetch datasets by id. */
-    apiUrl?: string;
-    /** Luzmo API authorization key, used with `authToken` to fetch datasets by id. */
-    authKey?: string;
-    /** Luzmo API authorization token, used with `authKey` to fetch datasets by id. */
-    authToken?: string;
-    /** Whether aggregation functions are offered (in the autocompletion, and - for the editor - via the aggregations list and pills). Defaults to `true`.  Note: as a boolean attribute defaulting to `true` it cannot be turned off via markup (an absent attribute keeps the default); set the `.showAggregations` property to `false` to disable. */
-    showAggregations?: boolean;
-    /** Language used for data labels (column / dataset names). */
-    contentLanguage?: string;
-    /** When true, aggregations render as multi-stage nested widgets. */
-    multiStageAggregation?: boolean;
-    /** When true, aggregations can be nested inside other aggregations. */
-    nestedAggregation?: boolean;
-    /** The size of the element */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /** Fired when expression validity changes, including when backend validation starts (`detail.validating`) or settles. */
-    readonly luzmoValidityChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ValidityChangedEventDetail>>;
-    /** Fired (debounced) when the expression changes. */
-    readonly luzmoExpressionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
-    /** Fired when fetching datasets by id fails. */
-    readonly luzmoDatasetsError: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
-    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<LuzmoFormulaEditor, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoFormulaEditor, "luzmo-formula-editor", ["luzmoFormulaEditor"], { "expressionResource": { "alias": "expressionResource"; "required": false; }; "explanationDisplay": { "alias": "explanationDisplay"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "language": { "alias": "language"; "required": false; }; "expression": { "alias": "expression"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "datasetIds": { "alias": "datasetIds"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "showAggregations": { "alias": "showAggregations"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "multiStageAggregation": { "alias": "multiStageAggregation"; "required": false; }; "nestedAggregation": { "alias": "nestedAggregation"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoValidityChanged": "luzmoValidityChanged"; "luzmoExpressionChanged": "luzmoExpressionChanged"; "luzmoDatasetsError": "luzmoDatasetsError"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_readonly: unknown;
-    static ngAcceptInputType_grows: unknown;
-    static ngAcceptInputType_showAggregations: unknown;
-    static ngAcceptInputType_multiStageAggregation: unknown;
-    static ngAcceptInputType_nestedAggregation: unknown;
-}
-/** The underlying custom element type for LuzmoFormulaEditor */
-export type LuzmoFormulaEditorElement = LuzmoFormulaEditorHostElement;

package/angular/esm/components/formula-editor.js

@@ -1,236 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
-import '@luzmo/analytics-components-kit/formula-editor';
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-/**
- * Angular wrapper component for <luzmo-formula-editor>
- *
- * @csspart formula-editor - Root editor layout (input, validation feedback, lists).
- * @csspart validating - In-flight validation status row (spinner + "Validating…" text).
- * @csspart error - Validation error message row shown after a settled invalid result.
- * @csspart lists - Side panel hosting aggregations, datasets, functions (and optional description).
- */
-export class LuzmoFormulaEditor {
-    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;
-    }
-    /** Whether the expression is validated as a column or a formula. */
-    expressionResource;
-    /** How function / aggregation explanations are surfaced: as hover `tooltip`s on the list items (default), or in a dedicated `description` region. With `tooltip` there is no description, so the remaining lists spread across the full width. */
-    explanationDisplay;
-    /** Renders the field display-only (no editing). */
-    readonly;
-    /** Placeholder text shown in the editable input when the expression is empty. */
-    placeholder;
-    /** Number of text lines the input is sized to start with. Defaults to 3. */
-    rows;
-    /** Maximum number of text lines before a scrollbar appears (only when `grows`). */
-    maxRows;
-    /** Whether the input grows in height with its content (up to `maxRows` if set). */
-    grows;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language;
-    /** The formula expression (function syntax), e.g. `SUM({datasetId:columnId})`. */
-    expression;
-    /** Datasets and their data fields, provided directly (takes preference over `datasetIds`). */
-    datasetsDataFields;
-    /** Dataset ids to fetch from the Luzmo API (auth attributes optional for public datasets). */
-    datasetIds;
-    /** Base URL of the Luzmo API used to fetch datasets by id. */
-    apiUrl;
-    /** Luzmo API authorization key, used with `authToken` to fetch datasets by id. */
-    authKey;
-    /** Luzmo API authorization token, used with `authKey` to fetch datasets by id. */
-    authToken;
-    /** Whether aggregation functions are offered (in the autocompletion, and - for the editor - via the aggregations list and pills). Defaults to `true`.  Note: as a boolean attribute defaulting to `true` it cannot be turned off via markup (an absent attribute keeps the default); set the `.showAggregations` property to `false` to disable. */
-    showAggregations;
-    /** Language used for data labels (column / dataset names). */
-    contentLanguage;
-    /** When true, aggregations render as multi-stage nested widgets. */
-    multiStageAggregation;
-    /** When true, aggregations can be nested inside other aggregations. */
-    nestedAggregation;
-    /** The size of the element */
-    size;
-    /** Fired when expression validity changes, including when backend validation starts (`detail.validating`) or settles. */
-    luzmoValidityChanged = output({ alias: 'luzmoValidityChanged' });
-    /** Fired (debounced) when the expression changes. */
-    luzmoExpressionChanged = output({ alias: 'luzmoExpressionChanged' });
-    /** Fired when fetching datasets by id fails. */
-    luzmoDatasetsError = output({ alias: 'luzmoDatasetsError' });
-    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 'expressionResource':
-                    this.setHostProperty('expressionResource', changes['expressionResource'].currentValue);
-                    break;
-                case 'explanationDisplay':
-                    this.setHostProperty('explanationDisplay', changes['explanationDisplay'].currentValue);
-                    break;
-                case 'readonly':
-                    this.setHostProperty('readonly', changes['readonly'].currentValue);
-                    break;
-                case 'placeholder':
-                    this.setHostProperty('placeholder', changes['placeholder'].currentValue);
-                    break;
-                case 'rows':
-                    this.setHostProperty('rows', changes['rows'].currentValue);
-                    break;
-                case 'maxRows':
-                    this.setHostProperty('maxRows', changes['maxRows'].currentValue);
-                    break;
-                case 'grows':
-                    this.setHostProperty('grows', changes['grows'].currentValue);
-                    break;
-                case 'language':
-                    this.setHostProperty('language', changes['language'].currentValue);
-                    break;
-                case 'expression':
-                    this.setHostProperty('expression', changes['expression'].currentValue);
-                    break;
-                case 'datasetsDataFields':
-                    this.setHostProperty('datasetsDataFields', changes['datasetsDataFields'].currentValue);
-                    break;
-                case 'datasetIds':
-                    this.setHostProperty('datasetIds', changes['datasetIds'].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 'showAggregations':
-                    this.setHostProperty('showAggregations', changes['showAggregations'].currentValue);
-                    break;
-                case 'contentLanguage':
-                    this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-                    break;
-                case 'multiStageAggregation':
-                    this.setHostProperty('multiStageAggregation', changes['multiStageAggregation'].currentValue);
-                    break;
-                case 'nestedAggregation':
-                    this.setHostProperty('nestedAggregation', changes['nestedAggregation'].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-validity-changed', (event) => {
-            const typed = event;
-            this.luzmoValidityChanged.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-expression-changed', (event) => {
-            const typed = event;
-            this.luzmoExpressionChanged.emit(typed);
-        }));
-        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-datasets-error', (event) => {
-            const typed = event;
-            this.luzmoDatasetsError.emit(typed);
-        }));
-    }
-    static ɵfac = function LuzmoFormulaEditor_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoFormulaEditor)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoFormulaEditor, selectors: [["luzmo-formula-editor"]], inputs: { expressionResource: "expressionResource", explanationDisplay: "explanationDisplay", readonly: [2, "readonly", "readonly", booleanAttribute], placeholder: "placeholder", rows: "rows", maxRows: "maxRows", grows: [2, "grows", "grows", booleanAttribute], language: "language", expression: "expression", datasetsDataFields: "datasetsDataFields", datasetIds: "datasetIds", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", showAggregations: [2, "showAggregations", "showAggregations", booleanAttribute], contentLanguage: "contentLanguage", multiStageAggregation: [2, "multiStageAggregation", "multiStageAggregation", booleanAttribute], nestedAggregation: [2, "nestedAggregation", "nestedAggregation", booleanAttribute], size: "size" }, outputs: { luzmoValidityChanged: "luzmoValidityChanged", luzmoExpressionChanged: "luzmoExpressionChanged", luzmoDatasetsError: "luzmoDatasetsError" }, exportAs: ["luzmoFormulaEditor"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoFormulaEditor_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoFormulaEditor, [{
-        type: Component,
-        args: [{
-                selector: 'luzmo-formula-editor',
-                exportAs: 'luzmoFormulaEditor',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: '<ng-content />'
-            }]
-    }], () => [], { expressionResource: [{
-            type: Input,
-            args: [{ alias: 'expressionResource' }]
-        }], explanationDisplay: [{
-            type: Input,
-            args: [{ alias: 'explanationDisplay' }]
-        }], readonly: [{
-            type: Input,
-            args: [{ alias: 'readonly', transform: booleanAttribute }]
-        }], placeholder: [{
-            type: Input,
-            args: [{ alias: 'placeholder' }]
-        }], rows: [{
-            type: Input,
-            args: [{ alias: 'rows' }]
-        }], maxRows: [{
-            type: Input,
-            args: [{ alias: 'maxRows' }]
-        }], grows: [{
-            type: Input,
-            args: [{ alias: 'grows', transform: booleanAttribute }]
-        }], language: [{
-            type: Input,
-            args: [{ alias: 'language' }]
-        }], expression: [{
-            type: Input,
-            args: [{ alias: 'expression' }]
-        }], datasetsDataFields: [{
-            type: Input,
-            args: [{ alias: 'datasetsDataFields' }]
-        }], datasetIds: [{
-            type: Input,
-            args: [{ alias: 'datasetIds' }]
-        }], apiUrl: [{
-            type: Input,
-            args: [{ alias: 'apiUrl' }]
-        }], authKey: [{
-            type: Input,
-            args: [{ alias: 'authKey' }]
-        }], authToken: [{
-            type: Input,
-            args: [{ alias: 'authToken' }]
-        }], showAggregations: [{
-            type: Input,
-            args: [{ alias: 'showAggregations', transform: booleanAttribute }]
-        }], contentLanguage: [{
-            type: Input,
-            args: [{ alias: 'contentLanguage' }]
-        }], multiStageAggregation: [{
-            type: Input,
-            args: [{ alias: 'multiStageAggregation', transform: booleanAttribute }]
-        }], nestedAggregation: [{
-            type: Input,
-            args: [{ alias: 'nestedAggregation', transform: booleanAttribute }]
-        }], size: [{
-            type: Input,
-            args: [{ alias: 'size' }]
-        }], luzmoValidityChanged: [{ type: i0.Output, args: ["luzmoValidityChanged"] }], luzmoExpressionChanged: [{ type: i0.Output, args: ["luzmoExpressionChanged"] }], luzmoDatasetsError: [{ type: i0.Output, args: ["luzmoDatasetsError"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoFormulaEditor, { className: "LuzmoFormulaEditor", filePath: "components/formula-editor.ts", lineNumber: 22 }); })();

package/angular/esm/components/formula-field.d.ts

@@ -1,70 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/formula-field';
-import type { LuzmoFormulaField as LuzmoFormulaFieldHostElement } from '@luzmo/analytics-components-kit/formula-field';
-import * as i0 from "@angular/core";
-export declare class LuzmoFormulaField 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(): LuzmoFormulaFieldHostElement;
-    /** Renders the field display-only (no editing). */
-    readonly?: boolean;
-    /** Placeholder text shown in the editable input when the expression is empty. */
-    placeholder?: string;
-    /** Number of text lines the input is sized to start with. Defaults to 3. */
-    rows?: number;
-    /** Maximum number of text lines before a scrollbar appears (only when `grows`). */
-    maxRows?: number;
-    /** Whether the input grows in height with its content (up to `maxRows` if set). */
-    grows?: boolean;
-    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-    language?: string;
-    /** The formula expression (function syntax), e.g. `SUM({datasetId:columnId})`. */
-    expression?: string;
-    /** Datasets and their data fields, provided directly (takes preference over `datasetIds`). */
-    datasetsDataFields?: unknown;
-    /** Dataset ids to fetch from the Luzmo API (auth attributes optional for public datasets). */
-    datasetIds?: string[];
-    /** Base URL of the Luzmo API used to fetch datasets by id. */
-    apiUrl?: string;
-    /** Luzmo API authorization key, used with `authToken` to fetch datasets by id. */
-    authKey?: string;
-    /** Luzmo API authorization token, used with `authKey` to fetch datasets by id. */
-    authToken?: string;
-    /** Whether aggregation functions are offered (in the autocompletion, and - for the editor - via the aggregations list and pills). Defaults to `true`.  Note: as a boolean attribute defaulting to `true` it cannot be turned off via markup (an absent attribute keeps the default); set the `.showAggregations` property to `false` to disable. */
-    showAggregations?: boolean;
-    /** Language used for data labels (column / dataset names). */
-    contentLanguage?: string;
-    /** When true, aggregations render as multi-stage nested widgets. */
-    multiStageAggregation?: boolean;
-    /** When true, aggregations can be nested inside other aggregations. */
-    nestedAggregation?: boolean;
-    /** The size of the element */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /** Fired (debounced) when the expression changes (only when not readonly). */
-    readonly luzmoExpressionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
-    /** Fired when fetching datasets by id fails. */
-    readonly luzmoDatasetsError: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
-    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<LuzmoFormulaField, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoFormulaField, "luzmo-formula-field", ["luzmoFormulaField"], { "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "language": { "alias": "language"; "required": false; }; "expression": { "alias": "expression"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "datasetIds": { "alias": "datasetIds"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "showAggregations": { "alias": "showAggregations"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "multiStageAggregation": { "alias": "multiStageAggregation"; "required": false; }; "nestedAggregation": { "alias": "nestedAggregation"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoExpressionChanged": "luzmoExpressionChanged"; "luzmoDatasetsError": "luzmoDatasetsError"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_readonly: unknown;
-    static ngAcceptInputType_grows: unknown;
-    static ngAcceptInputType_showAggregations: unknown;
-    static ngAcceptInputType_multiStageAggregation: unknown;
-    static ngAcceptInputType_nestedAggregation: unknown;
-}
-/** The underlying custom element type for LuzmoFormulaField */
-export type LuzmoFormulaFieldElement = LuzmoFormulaFieldHostElement;