@luzmo/analytics-components-kit 1.0.8-beta.5 → 1.0.8-beta.6

package/angular/esm/components/data-fields-select.js

@@ -0,0 +1,227 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/data-fields-select';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-data-fields-select>
+ */
+export class LuzmoDataFieldsSelect {
+    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 to use for locale-aware formatting and labels */
+    contentLanguage;
+    /** The accessible label for the select (used for aria-label) */
+    label;
+    /** Where to show icons */
+    icons;
+    /** Whether datetime and hierarchy columns expand into selectable sublevels. Turn this off in contexts that address the column as a whole, so the column stays selectable by its own id. */
+    levels;
+    /** Allow no selection. If true, the picker will not show a value when no item is selected. Else if no value is provided it will pick the first item. */
+    allowEmpty;
+    /** The placeholder text for the picker is no value selected. If allowEmpty is true, this will be used as the label. */
+    placeholder;
+    /** Whether the picker allows single or multiple selections. */
+    selects;
+    /** The IDs of the selected data fields. If not provided, the first item will be selected (when allowEmpty is false). */
+    value;
+    /** Whether the picker is in retrieving state (shows loading indicator) */
+    retrieving;
+    /** Whether the picker is invalid - eg. the dataFieldId is not found in the datasetsDataFields or query failed to fetch data */
+    invalid;
+    /** Whether the picker is clearable */
+    clearable;
+    /** Whether the picker is in pending state */
+    pending;
+    /** Whether the picker is disabled */
+    disabled;
+    /** Whether to show a search field in the dropdown */
+    search;
+    /** The placement of the dropdown menu */
+    placement;
+    /** The datasets and their dataFields to display. The `formulas` array accepts both saved formulas (with `id`) and ad hoc formulas (with a `formula` expression string). Ad hoc formulas render inline with a formula icon. */
+    datasetsDataFields;
+    /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
+    language;
+    /** The size of the element */
+    size;
+    /** 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;
+    /** Emitted when data fields are selected */
+    luzmoDataFieldsSelected = output({ alias: 'luzmoDataFieldsSelected' });
+    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 'contentLanguage':
+                    this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
+                    break;
+                case 'label':
+                    this.setHostProperty('label', changes['label'].currentValue);
+                    break;
+                case 'icons':
+                    this.setHostProperty('icons', changes['icons'].currentValue);
+                    break;
+                case 'levels':
+                    this.setHostProperty('levels', changes['levels'].currentValue);
+                    break;
+                case 'allowEmpty':
+                    this.setHostProperty('allowEmpty', changes['allowEmpty'].currentValue);
+                    break;
+                case 'placeholder':
+                    this.setHostProperty('placeholder', changes['placeholder'].currentValue);
+                    break;
+                case 'selects':
+                    this.setHostProperty('selects', changes['selects'].currentValue);
+                    break;
+                case 'value':
+                    this.setHostProperty('value', changes['value'].currentValue);
+                    break;
+                case 'retrieving':
+                    this.setHostProperty('retrieving', changes['retrieving'].currentValue);
+                    break;
+                case 'invalid':
+                    this.setHostProperty('invalid', changes['invalid'].currentValue);
+                    break;
+                case 'clearable':
+                    this.setHostProperty('clearable', changes['clearable'].currentValue);
+                    break;
+                case 'pending':
+                    this.setHostProperty('pending', changes['pending'].currentValue);
+                    break;
+                case 'disabled':
+                    this.setHostProperty('disabled', changes['disabled'].currentValue);
+                    break;
+                case 'search':
+                    this.setHostProperty('search', changes['search'].currentValue);
+                    break;
+                case 'placement':
+                    this.setHostProperty('placement', changes['placement'].currentValue);
+                    break;
+                case 'datasetsDataFields':
+                    this.setHostProperty('datasetsDataFields', changes['datasetsDataFields'].currentValue);
+                    break;
+                case 'language':
+                    this.setHostProperty('language', changes['language'].currentValue);
+                    break;
+                case 'size':
+                    this.setHostProperty('size', changes['size'].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-data-fields-selected', (event) => {
+            const typed = event;
+            this.luzmoDataFieldsSelected.emit(typed);
+        }));
+    }
+    static ɵfac = function LuzmoDataFieldsSelect_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoDataFieldsSelect)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDataFieldsSelect, selectors: [["luzmo-data-fields-select"]], inputs: { contentLanguage: "contentLanguage", label: "label", icons: "icons", levels: "levels", allowEmpty: [2, "allowEmpty", "allowEmpty", booleanAttribute], placeholder: "placeholder", selects: "selects", value: "value", retrieving: [2, "retrieving", "retrieving", booleanAttribute], invalid: [2, "invalid", "invalid", booleanAttribute], clearable: [2, "clearable", "clearable", booleanAttribute], pending: [2, "pending", "pending", booleanAttribute], disabled: [2, "disabled", "disabled", booleanAttribute], search: "search", placement: "placement", datasetsDataFields: "datasetsDataFields", language: "language", size: "size", autofocus: [2, "autofocus", "autofocus", booleanAttribute], tabIndex: "tabIndex" }, outputs: { luzmoDataFieldsSelected: "luzmoDataFieldsSelected" }, exportAs: ["luzmoDataFieldsSelect"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDataFieldsSelect_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoDataFieldsSelect, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-data-fields-select',
+                exportAs: 'luzmoDataFieldsSelect',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { contentLanguage: [{
+            type: Input,
+            args: [{ alias: 'contentLanguage' }]
+        }], label: [{
+            type: Input,
+            args: [{ alias: 'label' }]
+        }], icons: [{
+            type: Input,
+            args: [{ alias: 'icons' }]
+        }], levels: [{
+            type: Input,
+            args: [{ alias: 'levels' }]
+        }], allowEmpty: [{
+            type: Input,
+            args: [{ alias: 'allowEmpty', transform: booleanAttribute }]
+        }], placeholder: [{
+            type: Input,
+            args: [{ alias: 'placeholder' }]
+        }], selects: [{
+            type: Input,
+            args: [{ alias: 'selects' }]
+        }], value: [{
+            type: Input,
+            args: [{ alias: 'value' }]
+        }], retrieving: [{
+            type: Input,
+            args: [{ alias: 'retrieving', transform: booleanAttribute }]
+        }], invalid: [{
+            type: Input,
+            args: [{ alias: 'invalid', transform: booleanAttribute }]
+        }], clearable: [{
+            type: Input,
+            args: [{ alias: 'clearable', transform: booleanAttribute }]
+        }], pending: [{
+            type: Input,
+            args: [{ alias: 'pending', transform: booleanAttribute }]
+        }], disabled: [{
+            type: Input,
+            args: [{ alias: 'disabled', transform: booleanAttribute }]
+        }], search: [{
+            type: Input,
+            args: [{ alias: 'search' }]
+        }], placement: [{
+            type: Input,
+            args: [{ alias: 'placement' }]
+        }], datasetsDataFields: [{
+            type: Input,
+            args: [{ alias: 'datasetsDataFields' }]
+        }], language: [{
+            type: Input,
+            args: [{ alias: 'language' }]
+        }], size: [{
+            type: Input,
+            args: [{ alias: 'size' }]
+        }], autofocus: [{
+            type: Input,
+            args: [{ alias: 'autofocus', transform: booleanAttribute }]
+        }], tabIndex: [{
+            type: Input,
+            args: [{ alias: 'tabIndex' }]
+        }], luzmoDataFieldsSelected: [{ type: i0.Output, args: ["luzmoDataFieldsSelected"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoDataFieldsSelect, { className: "LuzmoDataFieldsSelect", filePath: "components/data-fields-select.ts", lineNumber: 18 }); })();

package/angular/esm/components/dataset-icon.d.ts

@@ -0,0 +1,34 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/dataset-icon';
+import type { LuzmoDatasetIcon as LuzmoDatasetIconHostElement, DatasetIcon } from '@luzmo/analytics-components-kit/dataset-icon';
+import * as i0 from "@angular/core";
+export type { DatasetIcon } from '@luzmo/analytics-components-kit/dataset-icon';
+export declare class LuzmoDatasetIcon 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(): LuzmoDatasetIconHostElement;
+    /** The dataset information containing subtype and thumbnail data */
+    datasetInfo?: DatasetIcon;
+    /** The size of the icon */
+    size?: '16px' | '24px' | '32px' | '48px' | '64px';
+    /** The base URL for the application (used for thumbnail URLs) */
+    appUrl?: string;
+    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<LuzmoDatasetIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoDatasetIcon, "luzmo-dataset-icon", ["luzmoDatasetIcon"], { "datasetInfo": { "alias": "dataset"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appUrl": { "alias": "appUrl"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** The underlying custom element type for LuzmoDatasetIcon */
+export type LuzmoDatasetIconElement = LuzmoDatasetIconHostElement;

package/angular/esm/components/dataset-icon.js

@@ -0,0 +1,86 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/dataset-icon';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-dataset-icon>
+ */
+export class LuzmoDatasetIcon {
+    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 dataset information containing subtype and thumbnail data */
+    datasetInfo;
+    /** The size of the icon */
+    size;
+    /** The base URL for the application (used for thumbnail URLs) */
+    appUrl;
+    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 'datasetInfo':
+                    this.setHostProperty('datasetInfo', changes['datasetInfo'].currentValue);
+                    break;
+                case 'size':
+                    this.setHostProperty('size', changes['size'].currentValue);
+                    break;
+                case 'appUrl':
+                    this.setHostProperty('appUrl', changes['appUrl'].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() {
+        // No custom events for this wrapper.
+    }
+    static ɵfac = function LuzmoDatasetIcon_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoDatasetIcon)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDatasetIcon, selectors: [["luzmo-dataset-icon"]], inputs: { datasetInfo: [0, "dataset", "datasetInfo"], size: "size", appUrl: "appUrl" }, exportAs: ["luzmoDatasetIcon"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDatasetIcon_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoDatasetIcon, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-dataset-icon',
+                exportAs: 'luzmoDatasetIcon',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { datasetInfo: [{
+            type: Input,
+            args: [{ alias: 'dataset' }]
+        }], size: [{
+            type: Input,
+            args: [{ alias: 'size' }]
+        }], appUrl: [{
+            type: Input,
+            args: [{ alias: 'appUrl' }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoDatasetIcon, { className: "LuzmoDatasetIcon", filePath: "components/dataset-icon.ts", lineNumber: 16 }); })();

package/angular/esm/components/dataset-selector-list.d.ts

@@ -0,0 +1,56 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/dataset-selector-list';
+import type { LuzmoDatasetSelectorList as LuzmoDatasetSelectorListHostElement, Dataset } from '@luzmo/analytics-components-kit/dataset-selector-list';
+import * as i0 from "@angular/core";
+export type { Dataset } from '@luzmo/analytics-components-kit/dataset-selector-list';
+export declare class LuzmoDatasetSelectorList 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(): LuzmoDatasetSelectorListHostElement;
+    /** Set of dataset IDs that are already selected and should be filtered out */
+    selectedDatasets?: Set<string>;
+    /** Whether to show the search input field */
+    showSearch?: boolean;
+    /** Placeholder text for the search input */
+    searchPlaceholder?: string;
+    /** Message to show when no datasets are found */
+    noDatasetsMessage?: string;
+    /** Whether to highlight matched search terms in dataset names */
+    highlightSearchMatches?: boolean;
+    /** Auth key for DataBroker authentication */
+    authKey?: string;
+    /** Auth token for DataBroker authentication */
+    authToken?: string;
+    /** API URL for DataBroker */
+    apiUrl?: string;
+    /** The URL of the app server for thumbnails and assets */
+    appServer?: string;
+    /** When true, shows public datasets alongside the user's other datasets. */
+    includePublicDatasets?: boolean;
+    /** Alias for includePublicDatasets. */
+    flagOpendata?: boolean;
+    /** Fired when a dataset is selected */
+    readonly datasetSelected: import("@angular/core").OutputEmitterRef<CustomEvent<Dataset>>;
+    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<LuzmoDatasetSelectorList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoDatasetSelectorList, "luzmo-dataset-selector-list", ["luzmoDatasetSelectorList"], { "selectedDatasets": { "alias": "selectedDatasets"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "noDatasetsMessage": { "alias": "noDatasetsMessage"; "required": false; }; "highlightSearchMatches": { "alias": "highlightSearchMatches"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "appServer": { "alias": "appServer"; "required": false; }; "includePublicDatasets": { "alias": "includePublicDatasets"; "required": false; }; "flagOpendata": { "alias": "flagOpendata"; "required": false; }; }, { "datasetSelected": "datasetSelected"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_showSearch: unknown;
+    static ngAcceptInputType_highlightSearchMatches: unknown;
+    static ngAcceptInputType_includePublicDatasets: unknown;
+    static ngAcceptInputType_flagOpendata: unknown;
+}
+/** The underlying custom element type for LuzmoDatasetSelectorList */
+export type LuzmoDatasetSelectorListElement = LuzmoDatasetSelectorListHostElement;

package/angular/esm/components/dataset-selector-list.js

@@ -0,0 +1,155 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/dataset-selector-list';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-dataset-selector-list>
+ */
+export class LuzmoDatasetSelectorList {
+    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;
+    }
+    /** Set of dataset IDs that are already selected and should be filtered out */
+    selectedDatasets;
+    /** Whether to show the search input field */
+    showSearch;
+    /** Placeholder text for the search input */
+    searchPlaceholder;
+    /** Message to show when no datasets are found */
+    noDatasetsMessage;
+    /** Whether to highlight matched search terms in dataset names */
+    highlightSearchMatches;
+    /** Auth key for DataBroker authentication */
+    authKey;
+    /** Auth token for DataBroker authentication */
+    authToken;
+    /** API URL for DataBroker */
+    apiUrl;
+    /** The URL of the app server for thumbnails and assets */
+    appServer;
+    /** When true, shows public datasets alongside the user's other datasets. */
+    includePublicDatasets;
+    /** Alias for includePublicDatasets. */
+    flagOpendata;
+    /** Fired when a dataset is selected */
+    datasetSelected = output({ alias: 'datasetSelected' });
+    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 'selectedDatasets':
+                    this.setHostProperty('selectedDatasets', changes['selectedDatasets'].currentValue);
+                    break;
+                case 'showSearch':
+                    this.setHostProperty('showSearch', changes['showSearch'].currentValue);
+                    break;
+                case 'searchPlaceholder':
+                    this.setHostProperty('searchPlaceholder', changes['searchPlaceholder'].currentValue);
+                    break;
+                case 'noDatasetsMessage':
+                    this.setHostProperty('noDatasetsMessage', changes['noDatasetsMessage'].currentValue);
+                    break;
+                case 'highlightSearchMatches':
+                    this.setHostProperty('highlightSearchMatches', changes['highlightSearchMatches'].currentValue);
+                    break;
+                case 'authKey':
+                    this.setHostProperty('authKey', changes['authKey'].currentValue);
+                    break;
+                case 'authToken':
+                    this.setHostProperty('authToken', changes['authToken'].currentValue);
+                    break;
+                case 'apiUrl':
+                    this.setHostProperty('apiUrl', changes['apiUrl'].currentValue);
+                    break;
+                case 'appServer':
+                    this.setHostProperty('appServer', changes['appServer'].currentValue);
+                    break;
+                case 'includePublicDatasets':
+                    this.setHostProperty('includePublicDatasets', changes['includePublicDatasets'].currentValue);
+                    break;
+                case 'flagOpendata':
+                    this.setHostProperty('flagOpendata', changes['flagOpendata'].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, 'dataset-selected', (event) => {
+            const typed = event;
+            this.datasetSelected.emit(typed);
+        }));
+    }
+    static ɵfac = function LuzmoDatasetSelectorList_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoDatasetSelectorList)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDatasetSelectorList, selectors: [["luzmo-dataset-selector-list"]], inputs: { selectedDatasets: "selectedDatasets", showSearch: [2, "showSearch", "showSearch", booleanAttribute], searchPlaceholder: "searchPlaceholder", noDatasetsMessage: "noDatasetsMessage", highlightSearchMatches: [2, "highlightSearchMatches", "highlightSearchMatches", booleanAttribute], authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", appServer: "appServer", includePublicDatasets: [2, "includePublicDatasets", "includePublicDatasets", booleanAttribute], flagOpendata: [2, "flagOpendata", "flagOpendata", booleanAttribute] }, outputs: { datasetSelected: "datasetSelected" }, exportAs: ["luzmoDatasetSelectorList"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDatasetSelectorList_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoDatasetSelectorList, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-dataset-selector-list',
+                exportAs: 'luzmoDatasetSelectorList',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { selectedDatasets: [{
+            type: Input,
+            args: [{ alias: 'selectedDatasets' }]
+        }], showSearch: [{
+            type: Input,
+            args: [{ alias: 'showSearch', transform: booleanAttribute }]
+        }], searchPlaceholder: [{
+            type: Input,
+            args: [{ alias: 'searchPlaceholder' }]
+        }], noDatasetsMessage: [{
+            type: Input,
+            args: [{ alias: 'noDatasetsMessage' }]
+        }], highlightSearchMatches: [{
+            type: Input,
+            args: [{ alias: 'highlightSearchMatches', transform: booleanAttribute }]
+        }], authKey: [{
+            type: Input,
+            args: [{ alias: 'authKey' }]
+        }], authToken: [{
+            type: Input,
+            args: [{ alias: 'authToken' }]
+        }], apiUrl: [{
+            type: Input,
+            args: [{ alias: 'apiUrl' }]
+        }], appServer: [{
+            type: Input,
+            args: [{ alias: 'appServer' }]
+        }], includePublicDatasets: [{
+            type: Input,
+            args: [{ alias: 'includePublicDatasets', transform: booleanAttribute }]
+        }], flagOpendata: [{
+            type: Input,
+            args: [{ alias: 'flagOpendata', transform: booleanAttribute }]
+        }], datasetSelected: [{ type: i0.Output, args: ["datasetSelected"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoDatasetSelectorList, { className: "LuzmoDatasetSelectorList", filePath: "components/dataset-selector-list.ts", lineNumber: 16 }); })();

package/angular/esm/components/dataset-selector-row.d.ts

@@ -0,0 +1,70 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/dataset-selector-row';
+import type { LuzmoDatasetSelectorRow as LuzmoDatasetSelectorRowHostElement, Agent, Dataset } from '@luzmo/analytics-components-kit/dataset-selector-row';
+import * as i0 from "@angular/core";
+export type { Agent, Dataset } from '@luzmo/analytics-components-kit/dataset-selector-row';
+export declare class LuzmoDatasetSelectorRow 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(): LuzmoDatasetSelectorRowHostElement;
+    /** Array of selected datasets */
+    selectedDatasets?: Dataset[];
+    /** The agent the chat is scoped to, or null */
+    selectedAgent?: Agent | null;
+    /** When true, hides the Agents section and ignores `selectedAgent` */
+    hideAgents?: boolean;
+    /** Accessible label and hover tooltip text for the search trigger */
+    buttonLabel?: string;
+    /** Auth key for DataBroker authentication */
+    authKey?: string;
+    /** Auth token for DataBroker authentication */
+    authToken?: string;
+    /** API URL for DataBroker */
+    apiUrl?: string;
+    /** The URL of the app server for thumbnails and assets */
+    appServer?: string;
+    /** When true, shows public datasets alongside the user's other datasets. */
+    includePublicDatasets?: boolean;
+    /** Alias for includePublicDatasets. */
+    flagOpendata?: boolean;
+    /** When true, disables all interactions: disables the add button, removes dataset pill delete buttons, and makes tags non-interactive */
+    disabled?: boolean;
+    /** When true, disables dataset search and removal while leaving informational controls interactive. */
+    disableDatasetModification?: boolean;
+    /** When true, hides dataset icons in selected tags and search options */
+    hideDatasetIcons?: boolean;
+    /** Maximum number of selected dataset tags shown before the overflow control; unset shows all tags. */
+    maxVisibleSelectedDatasets?: number;
+    /** Fired when an agent is selected */
+    readonly luzmoAgentSelected: import("@angular/core").OutputEmitterRef<CustomEvent<Agent>>;
+    /** Fired when a dataset is selected */
+    readonly datasetSelected: import("@angular/core").OutputEmitterRef<CustomEvent<Dataset>>;
+    /** Fired when a dataset is removed */
+    readonly datasetRemoved: import("@angular/core").OutputEmitterRef<CustomEvent<Dataset>>;
+    /** Fired when the selected agent is removed */
+    readonly luzmoAgentRemoved: import("@angular/core").OutputEmitterRef<CustomEvent<Agent>>;
+    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<LuzmoDatasetSelectorRow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoDatasetSelectorRow, "luzmo-dataset-selector-row", ["luzmoDatasetSelectorRow"], { "selectedDatasets": { "alias": "selectedDatasets"; "required": false; }; "selectedAgent": { "alias": "selectedAgent"; "required": false; }; "hideAgents": { "alias": "hideAgents"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "appServer": { "alias": "appServer"; "required": false; }; "includePublicDatasets": { "alias": "includePublicDatasets"; "required": false; }; "flagOpendata": { "alias": "flagOpendata"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableDatasetModification": { "alias": "disableDatasetModification"; "required": false; }; "hideDatasetIcons": { "alias": "hideDatasetIcons"; "required": false; }; "maxVisibleSelectedDatasets": { "alias": "maxVisibleSelectedDatasets"; "required": false; }; }, { "luzmoAgentSelected": "luzmoAgentSelected"; "datasetSelected": "datasetSelected"; "datasetRemoved": "datasetRemoved"; "luzmoAgentRemoved": "luzmoAgentRemoved"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hideAgents: unknown;
+    static ngAcceptInputType_includePublicDatasets: unknown;
+    static ngAcceptInputType_flagOpendata: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_disableDatasetModification: unknown;
+    static ngAcceptInputType_hideDatasetIcons: unknown;
+}
+/** The underlying custom element type for LuzmoDatasetSelectorRow */
+export type LuzmoDatasetSelectorRowElement = LuzmoDatasetSelectorRowHostElement;