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

package/angular/esm/components/ai-interaction-textarea.d.ts

@@ -0,0 +1,108 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/ai-interaction-textarea';
+import type { LuzmoAiInteractionTextarea as LuzmoAiInteractionTextareaHostElement, Agent, Dataset, PromptBoxFileIcons, PromptSubmittedEventDetail } from '@luzmo/analytics-components-kit/ai-interaction-textarea';
+import * as i0 from "@angular/core";
+export type { Agent, Dataset, PromptBoxAttachment, PromptBoxFileIcons, PromptSubmittedEventDetail } from '@luzmo/analytics-components-kit/ai-interaction-textarea';
+export declare class LuzmoAiInteractionTextarea 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(): LuzmoAiInteractionTextareaHostElement;
+    /** Placeholder text for the textarea */
+    placeholder?: string;
+    /** Array of selected datasets */
+    selectedDatasets?: Dataset[];
+    /** 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 the entire component (opacity 60%, no interactions) */
+    disabled?: boolean;
+    /** When true, starts in compact single-line mode and auto-expands as needed */
+    singleLine?: boolean;
+    /** When true, hides the "+ Add dataset" button */
+    hideDatasetButton?: boolean;
+    /** When true, hides dataset-specific icons in selector tags and @ mention dataset headers */
+    hideDatasetIcons?: boolean;
+    /** Maximum number of selected dataset tags shown before the overflow control. */
+    maxVisibleSelectedDatasets?: number;
+    /** The saved Agent the prompt is scoped to, or null */
+    selectedAgent?: Agent | null;
+    /** When true, hides the Agents section in the add dropdown and ignores `selectedAgent` for `require-dataset` and `prompt-submitted` */
+    hideAgents?: boolean;
+    /** When true, disables the "+ Add dataset" button and disables dataset pill removal */
+    disableDatasetModification?: boolean;
+    /** When true, hides the dataset row entirely */
+    hideSelectedDatasets?: boolean;
+    /** When true, disables @ trigger mentions completely */
+    disableColumnMentions?: boolean;
+    /** When true, shows a spinning loader icon instead of the submit arrow */
+    isGenerating?: boolean;
+    /** When true, shows a stop control while `is-generating` is true */
+    stoppable?: boolean;
+    /** The current value of the textarea (can be controlled from parent to clear or set text) */
+    value?: string;
+    /** When true, retains the input value after submitting a prompt (default: false) When false (default), clears the textarea value after submission */
+    retainOnSubmit?: boolean;
+    /** When true, a selected agent or at least one selected dataset is required before the prompt can be submitted */
+    requireDataset?: boolean;
+    /** When true, enables image attachments via paste or the file picker. */
+    allowImages?: boolean;
+    /** When true, shows Lucero's mic control; the `POST /aidictation` transcript is inserted, never auto-sent. */
+    allowVoiceInput?: boolean;
+    /** Accepted attachment MIME types or extensions. */
+    acceptedFileTypes?: string[];
+    /** API version for built-in `POST /upload` and `POST /aidictation` (default `0.1.0`). */
+    apiVersion?: string;
+    /** Optional override for eager image upload on attach; return one signed URL per file */
+    uploadAttachments?: unknown;
+    /** Custom icons for non-image attachment tiles, keyed by extension. */
+    fileIcons?: PromptBoxFileIcons;
+    /** Size of the prompt box, its dataset row and its attachment button: `s`, `m` (default), `l` or `xl` */
+    size?: unknown;
+    /** Fired when a prompt is submitted with selected datasets */
+    readonly promptSubmitted: import("@angular/core").OutputEmitterRef<CustomEvent<PromptSubmittedEventDetail>>;
+    /** Fired when a running prompt is stopped */
+    readonly promptStopped: import("@angular/core").OutputEmitterRef<CustomEvent<void>>;
+    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<LuzmoAiInteractionTextarea, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoAiInteractionTextarea, "luzmo-ai-interaction-textarea", ["luzmoAiInteractionTextarea"], { "placeholder": { "alias": "placeholder"; "required": false; }; "selectedDatasets": { "alias": "selectedDatasets"; "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; }; "singleLine": { "alias": "singleLine"; "required": false; }; "hideDatasetButton": { "alias": "hideDatasetButton"; "required": false; }; "hideDatasetIcons": { "alias": "hideDatasetIcons"; "required": false; }; "maxVisibleSelectedDatasets": { "alias": "maxVisibleSelectedDatasets"; "required": false; }; "selectedAgent": { "alias": "selectedAgent"; "required": false; }; "hideAgents": { "alias": "hideAgents"; "required": false; }; "disableDatasetModification": { "alias": "disableDatasetModification"; "required": false; }; "hideSelectedDatasets": { "alias": "hideSelectedDatasets"; "required": false; }; "disableColumnMentions": { "alias": "disableColumnMentions"; "required": false; }; "isGenerating": { "alias": "isGenerating"; "required": false; }; "stoppable": { "alias": "stoppable"; "required": false; }; "value": { "alias": "value"; "required": false; }; "retainOnSubmit": { "alias": "retainOnSubmit"; "required": false; }; "requireDataset": { "alias": "requireDataset"; "required": false; }; "allowImages": { "alias": "allowImages"; "required": false; }; "allowVoiceInput": { "alias": "allowVoiceInput"; "required": false; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "apiVersion": { "alias": "apiVersion"; "required": false; }; "uploadAttachments": { "alias": "uploadAttachments"; "required": false; }; "fileIcons": { "alias": "fileIcons"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "promptSubmitted": "promptSubmitted"; "promptStopped": "promptStopped"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_includePublicDatasets: unknown;
+    static ngAcceptInputType_flagOpendata: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_singleLine: unknown;
+    static ngAcceptInputType_hideDatasetButton: unknown;
+    static ngAcceptInputType_hideDatasetIcons: unknown;
+    static ngAcceptInputType_hideAgents: unknown;
+    static ngAcceptInputType_disableDatasetModification: unknown;
+    static ngAcceptInputType_hideSelectedDatasets: unknown;
+    static ngAcceptInputType_disableColumnMentions: unknown;
+    static ngAcceptInputType_isGenerating: unknown;
+    static ngAcceptInputType_stoppable: unknown;
+    static ngAcceptInputType_retainOnSubmit: unknown;
+    static ngAcceptInputType_requireDataset: unknown;
+    static ngAcceptInputType_allowImages: unknown;
+    static ngAcceptInputType_allowVoiceInput: unknown;
+}
+/** The underlying custom element type for LuzmoAiInteractionTextarea */
+export type LuzmoAiInteractionTextareaElement = LuzmoAiInteractionTextareaHostElement;

package/angular/esm/components/ai-interaction-textarea.js

@@ -0,0 +1,313 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/ai-interaction-textarea';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-ai-interaction-textarea>
+ */
+export class LuzmoAiInteractionTextarea {
+    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;
+    }
+    /** Placeholder text for the textarea */
+    placeholder;
+    /** Array of selected datasets */
+    selectedDatasets;
+    /** 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;
+    /** When true, disables the entire component (opacity 60%, no interactions) */
+    disabled;
+    /** When true, starts in compact single-line mode and auto-expands as needed */
+    singleLine;
+    /** When true, hides the "+ Add dataset" button */
+    hideDatasetButton;
+    /** When true, hides dataset-specific icons in selector tags and @ mention dataset headers */
+    hideDatasetIcons;
+    /** Maximum number of selected dataset tags shown before the overflow control. */
+    maxVisibleSelectedDatasets;
+    /** The saved Agent the prompt is scoped to, or null */
+    selectedAgent;
+    /** When true, hides the Agents section in the add dropdown and ignores `selectedAgent` for `require-dataset` and `prompt-submitted` */
+    hideAgents;
+    /** When true, disables the "+ Add dataset" button and disables dataset pill removal */
+    disableDatasetModification;
+    /** When true, hides the dataset row entirely */
+    hideSelectedDatasets;
+    /** When true, disables @ trigger mentions completely */
+    disableColumnMentions;
+    /** When true, shows a spinning loader icon instead of the submit arrow */
+    isGenerating;
+    /** When true, shows a stop control while `is-generating` is true */
+    stoppable;
+    /** The current value of the textarea (can be controlled from parent to clear or set text) */
+    value;
+    /** When true, retains the input value after submitting a prompt (default: false) When false (default), clears the textarea value after submission */
+    retainOnSubmit;
+    /** When true, a selected agent or at least one selected dataset is required before the prompt can be submitted */
+    requireDataset;
+    /** When true, enables image attachments via paste or the file picker. */
+    allowImages;
+    /** When true, shows Lucero's mic control; the `POST /aidictation` transcript is inserted, never auto-sent. */
+    allowVoiceInput;
+    /** Accepted attachment MIME types or extensions. */
+    acceptedFileTypes;
+    /** API version for built-in `POST /upload` and `POST /aidictation` (default `0.1.0`). */
+    apiVersion;
+    /** Optional override for eager image upload on attach; return one signed URL per file */
+    uploadAttachments;
+    /** Custom icons for non-image attachment tiles, keyed by extension. */
+    fileIcons;
+    /** Size of the prompt box, its dataset row and its attachment button: `s`, `m` (default), `l` or `xl` */
+    size;
+    /** Fired when a prompt is submitted with selected datasets */
+    promptSubmitted = output({ alias: 'promptSubmitted' });
+    /** Fired when a running prompt is stopped */
+    promptStopped = output({ alias: 'promptStopped' });
+    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 'placeholder':
+                    this.setHostProperty('placeholder', changes['placeholder'].currentValue);
+                    break;
+                case 'selectedDatasets':
+                    this.setHostProperty('selectedDatasets', changes['selectedDatasets'].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;
+                case 'disabled':
+                    this.setHostProperty('disabled', changes['disabled'].currentValue);
+                    break;
+                case 'singleLine':
+                    this.setHostProperty('singleLine', changes['singleLine'].currentValue);
+                    break;
+                case 'hideDatasetButton':
+                    this.setHostProperty('hideDatasetButton', changes['hideDatasetButton'].currentValue);
+                    break;
+                case 'hideDatasetIcons':
+                    this.setHostProperty('hideDatasetIcons', changes['hideDatasetIcons'].currentValue);
+                    break;
+                case 'maxVisibleSelectedDatasets':
+                    this.setHostProperty('maxVisibleSelectedDatasets', changes['maxVisibleSelectedDatasets'].currentValue);
+                    break;
+                case 'selectedAgent':
+                    this.setHostProperty('selectedAgent', changes['selectedAgent'].currentValue);
+                    break;
+                case 'hideAgents':
+                    this.setHostProperty('hideAgents', changes['hideAgents'].currentValue);
+                    break;
+                case 'disableDatasetModification':
+                    this.setHostProperty('disableDatasetModification', changes['disableDatasetModification'].currentValue);
+                    break;
+                case 'hideSelectedDatasets':
+                    this.setHostProperty('hideSelectedDatasets', changes['hideSelectedDatasets'].currentValue);
+                    break;
+                case 'disableColumnMentions':
+                    this.setHostProperty('disableColumnMentions', changes['disableColumnMentions'].currentValue);
+                    break;
+                case 'isGenerating':
+                    this.setHostProperty('isGenerating', changes['isGenerating'].currentValue);
+                    break;
+                case 'stoppable':
+                    this.setHostProperty('stoppable', changes['stoppable'].currentValue);
+                    break;
+                case 'value':
+                    this.setHostProperty('value', changes['value'].currentValue);
+                    break;
+                case 'retainOnSubmit':
+                    this.setHostProperty('retainOnSubmit', changes['retainOnSubmit'].currentValue);
+                    break;
+                case 'requireDataset':
+                    this.setHostProperty('requireDataset', changes['requireDataset'].currentValue);
+                    break;
+                case 'allowImages':
+                    this.setHostProperty('allowImages', changes['allowImages'].currentValue);
+                    break;
+                case 'allowVoiceInput':
+                    this.setHostProperty('allowVoiceInput', changes['allowVoiceInput'].currentValue);
+                    break;
+                case 'acceptedFileTypes':
+                    this.setHostProperty('acceptedFileTypes', changes['acceptedFileTypes'].currentValue);
+                    break;
+                case 'apiVersion':
+                    this.setHostProperty('apiVersion', changes['apiVersion'].currentValue);
+                    break;
+                case 'uploadAttachments':
+                    this.setHostProperty('uploadAttachments', changes['uploadAttachments'].currentValue);
+                    break;
+                case 'fileIcons':
+                    this.setHostProperty('fileIcons', changes['fileIcons'].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, 'prompt-submitted', (event) => {
+            const typed = event;
+            this.promptSubmitted.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'prompt-stopped', (event) => {
+            const typed = event;
+            this.promptStopped.emit(typed);
+        }));
+    }
+    static ɵfac = function LuzmoAiInteractionTextarea_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoAiInteractionTextarea)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoAiInteractionTextarea, selectors: [["luzmo-ai-interaction-textarea"]], inputs: { placeholder: "placeholder", selectedDatasets: "selectedDatasets", authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", appServer: "appServer", includePublicDatasets: [2, "includePublicDatasets", "includePublicDatasets", booleanAttribute], flagOpendata: [2, "flagOpendata", "flagOpendata", booleanAttribute], disabled: [2, "disabled", "disabled", booleanAttribute], singleLine: [2, "singleLine", "singleLine", booleanAttribute], hideDatasetButton: [2, "hideDatasetButton", "hideDatasetButton", booleanAttribute], hideDatasetIcons: [2, "hideDatasetIcons", "hideDatasetIcons", booleanAttribute], maxVisibleSelectedDatasets: "maxVisibleSelectedDatasets", selectedAgent: "selectedAgent", hideAgents: [2, "hideAgents", "hideAgents", booleanAttribute], disableDatasetModification: [2, "disableDatasetModification", "disableDatasetModification", booleanAttribute], hideSelectedDatasets: [2, "hideSelectedDatasets", "hideSelectedDatasets", booleanAttribute], disableColumnMentions: [2, "disableColumnMentions", "disableColumnMentions", booleanAttribute], isGenerating: [2, "isGenerating", "isGenerating", booleanAttribute], stoppable: [2, "stoppable", "stoppable", booleanAttribute], value: "value", retainOnSubmit: [2, "retainOnSubmit", "retainOnSubmit", booleanAttribute], requireDataset: [2, "requireDataset", "requireDataset", booleanAttribute], allowImages: [2, "allowImages", "allowImages", booleanAttribute], allowVoiceInput: [2, "allowVoiceInput", "allowVoiceInput", booleanAttribute], acceptedFileTypes: "acceptedFileTypes", apiVersion: "apiVersion", uploadAttachments: "uploadAttachments", fileIcons: "fileIcons", size: "size" }, outputs: { promptSubmitted: "promptSubmitted", promptStopped: "promptStopped" }, exportAs: ["luzmoAiInteractionTextarea"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoAiInteractionTextarea_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoAiInteractionTextarea, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-ai-interaction-textarea',
+                exportAs: 'luzmoAiInteractionTextarea',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { placeholder: [{
+            type: Input,
+            args: [{ alias: 'placeholder' }]
+        }], selectedDatasets: [{
+            type: Input,
+            args: [{ alias: 'selectedDatasets' }]
+        }], 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 }]
+        }], disabled: [{
+            type: Input,
+            args: [{ alias: 'disabled', transform: booleanAttribute }]
+        }], singleLine: [{
+            type: Input,
+            args: [{ alias: 'singleLine', transform: booleanAttribute }]
+        }], hideDatasetButton: [{
+            type: Input,
+            args: [{ alias: 'hideDatasetButton', transform: booleanAttribute }]
+        }], hideDatasetIcons: [{
+            type: Input,
+            args: [{ alias: 'hideDatasetIcons', transform: booleanAttribute }]
+        }], maxVisibleSelectedDatasets: [{
+            type: Input,
+            args: [{ alias: 'maxVisibleSelectedDatasets' }]
+        }], selectedAgent: [{
+            type: Input,
+            args: [{ alias: 'selectedAgent' }]
+        }], hideAgents: [{
+            type: Input,
+            args: [{ alias: 'hideAgents', transform: booleanAttribute }]
+        }], disableDatasetModification: [{
+            type: Input,
+            args: [{ alias: 'disableDatasetModification', transform: booleanAttribute }]
+        }], hideSelectedDatasets: [{
+            type: Input,
+            args: [{ alias: 'hideSelectedDatasets', transform: booleanAttribute }]
+        }], disableColumnMentions: [{
+            type: Input,
+            args: [{ alias: 'disableColumnMentions', transform: booleanAttribute }]
+        }], isGenerating: [{
+            type: Input,
+            args: [{ alias: 'isGenerating', transform: booleanAttribute }]
+        }], stoppable: [{
+            type: Input,
+            args: [{ alias: 'stoppable', transform: booleanAttribute }]
+        }], value: [{
+            type: Input,
+            args: [{ alias: 'value' }]
+        }], retainOnSubmit: [{
+            type: Input,
+            args: [{ alias: 'retainOnSubmit', transform: booleanAttribute }]
+        }], requireDataset: [{
+            type: Input,
+            args: [{ alias: 'requireDataset', transform: booleanAttribute }]
+        }], allowImages: [{
+            type: Input,
+            args: [{ alias: 'allowImages', transform: booleanAttribute }]
+        }], allowVoiceInput: [{
+            type: Input,
+            args: [{ alias: 'allowVoiceInput', transform: booleanAttribute }]
+        }], acceptedFileTypes: [{
+            type: Input,
+            args: [{ alias: 'acceptedFileTypes' }]
+        }], apiVersion: [{
+            type: Input,
+            args: [{ alias: 'apiVersion' }]
+        }], uploadAttachments: [{
+            type: Input,
+            args: [{ alias: 'uploadAttachments' }]
+        }], fileIcons: [{
+            type: Input,
+            args: [{ alias: 'fileIcons' }]
+        }], size: [{
+            type: Input,
+            args: [{ alias: 'size' }]
+        }], promptSubmitted: [{ type: i0.Output, args: ["promptSubmitted"] }], promptStopped: [{ type: i0.Output, args: ["promptStopped"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoAiInteractionTextarea, { className: "LuzmoAiInteractionTextarea", filePath: "components/ai-interaction-textarea.ts", lineNumber: 16 }); })();

package/angular/esm/components/data-field-level.d.ts

@@ -0,0 +1,50 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/data-field-level';
+import type { LuzmoDataFieldLevel as LuzmoDataFieldLevelHostElement, DataFieldDragStartedEventDetail, DataFieldDroppedEventDetail } from '@luzmo/analytics-components-kit/data-field-level';
+import type { DatasetDataField } from '@luzmo/analytics-components-kit/types';
+import * as i0 from "@angular/core";
+export type { DataFieldDragStartedEventDetail, DataFieldDroppedEventDetail } from '@luzmo/analytics-components-kit/data-field-level';
+export declare class LuzmoDataFieldLevel 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(): LuzmoDataFieldLevelHostElement;
+    /** Visual treatment of the level: `highlight` to emphasize it, or `normal`. */
+    variant?: 'highlight' | 'normal';
+    /** Hides the data type icon shown before the level label. */
+    hideTypeIcon?: boolean;
+    /** Whether this is rendered as a nested sublevel row (indented under a parent field). */
+    sublevel?: boolean;
+    /** The language in which to display the level labels. */
+    language?: string;
+    /** Whether the level is disabled (non-interactive and visually muted). */
+    disabled?: boolean;
+    /** The dataset data field descriptor (column or formula field) this level represents. */
+    data?: DatasetDataField;
+    /** The size of the element */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /** Announces that the data field has been dropped */
+    readonly luzmoDataFieldDropped: import("@angular/core").OutputEmitterRef<CustomEvent<DataFieldDroppedEventDetail>>;
+    /** Announces that the drag is started on the data field */
+    readonly luzmoDataFieldDragStarted: import("@angular/core").OutputEmitterRef<CustomEvent<DataFieldDragStartedEventDetail>>;
+    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<LuzmoDataFieldLevel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoDataFieldLevel, "luzmo-data-field-level", ["luzmoDataFieldLevel"], { "variant": { "alias": "variant"; "required": false; }; "hideTypeIcon": { "alias": "hideTypeIcon"; "required": false; }; "sublevel": { "alias": "sublevel"; "required": false; }; "language": { "alias": "language"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoDataFieldDropped": "luzmoDataFieldDropped"; "luzmoDataFieldDragStarted": "luzmoDataFieldDragStarted"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hideTypeIcon: unknown;
+    static ngAcceptInputType_sublevel: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}
+/** The underlying custom element type for LuzmoDataFieldLevel */
+export type LuzmoDataFieldLevelElement = LuzmoDataFieldLevelHostElement;

package/angular/esm/components/data-field-level.js

@@ -0,0 +1,129 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/data-field-level';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-data-field-level>
+ */
+export class LuzmoDataFieldLevel {
+    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;
+    }
+    /** Visual treatment of the level: `highlight` to emphasize it, or `normal`. */
+    variant;
+    /** Hides the data type icon shown before the level label. */
+    hideTypeIcon;
+    /** Whether this is rendered as a nested sublevel row (indented under a parent field). */
+    sublevel;
+    /** The language in which to display the level labels. */
+    language;
+    /** Whether the level is disabled (non-interactive and visually muted). */
+    disabled;
+    /** The dataset data field descriptor (column or formula field) this level represents. */
+    data;
+    /** The size of the element */
+    size;
+    /** Announces that the data field has been dropped */
+    luzmoDataFieldDropped = output({ alias: 'luzmoDataFieldDropped' });
+    /** Announces that the drag is started on the data field */
+    luzmoDataFieldDragStarted = output({ alias: 'luzmoDataFieldDragStarted' });
+    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 'variant':
+                    this.setHostProperty('variant', changes['variant'].currentValue);
+                    break;
+                case 'hideTypeIcon':
+                    this.setHostProperty('hideTypeIcon', changes['hideTypeIcon'].currentValue);
+                    break;
+                case 'sublevel':
+                    this.setHostProperty('sublevel', changes['sublevel'].currentValue);
+                    break;
+                case 'language':
+                    this.setHostProperty('language', changes['language'].currentValue);
+                    break;
+                case 'disabled':
+                    this.setHostProperty('disabled', changes['disabled'].currentValue);
+                    break;
+                case 'data':
+                    this.setHostProperty('data', changes['data'].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-data-field-dropped', (event) => {
+            const typed = event;
+            this.luzmoDataFieldDropped.emit(typed);
+        }));
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-data-field-drag-started', (event) => {
+            const typed = event;
+            this.luzmoDataFieldDragStarted.emit(typed);
+        }));
+    }
+    static ɵfac = function LuzmoDataFieldLevel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoDataFieldLevel)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDataFieldLevel, selectors: [["luzmo-data-field-level"]], inputs: { variant: "variant", hideTypeIcon: [2, "hideTypeIcon", "hideTypeIcon", booleanAttribute], sublevel: [2, "sublevel", "sublevel", booleanAttribute], language: "language", disabled: [2, "disabled", "disabled", booleanAttribute], data: "data", size: "size" }, outputs: { luzmoDataFieldDropped: "luzmoDataFieldDropped", luzmoDataFieldDragStarted: "luzmoDataFieldDragStarted" }, exportAs: ["luzmoDataFieldLevel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDataFieldLevel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoDataFieldLevel, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-data-field-level',
+                exportAs: 'luzmoDataFieldLevel',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { variant: [{
+            type: Input,
+            args: [{ alias: 'variant' }]
+        }], hideTypeIcon: [{
+            type: Input,
+            args: [{ alias: 'hideTypeIcon', transform: booleanAttribute }]
+        }], sublevel: [{
+            type: Input,
+            args: [{ alias: 'sublevel', transform: booleanAttribute }]
+        }], language: [{
+            type: Input,
+            args: [{ alias: 'language' }]
+        }], disabled: [{
+            type: Input,
+            args: [{ alias: 'disabled', transform: booleanAttribute }]
+        }], data: [{
+            type: Input,
+            args: [{ alias: 'data' }]
+        }], size: [{
+            type: Input,
+            args: [{ alias: 'size' }]
+        }], luzmoDataFieldDropped: [{ type: i0.Output, args: ["luzmoDataFieldDropped"] }], luzmoDataFieldDragStarted: [{ type: i0.Output, args: ["luzmoDataFieldDragStarted"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoDataFieldLevel, { className: "LuzmoDataFieldLevel", filePath: "components/data-field-level.ts", lineNumber: 17 }); })();