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

package/angular/components/slot-menu.ts

@@ -0,0 +1,304 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/slot-menu';
+import type { LuzmoSlotMenu as LuzmoSlotMenuHostElement, InfoVisibilityChangedEventDetail, MeasureColumnsItem, SlotContentsChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from '@luzmo/analytics-components-kit/slot-menu';
+export type { InfoVisibilityChangedEventDetail, MeasureColumnsItem, SlotContentChangedEventDetail, SlotContentsChangedEventDetail, SlotListChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from '@luzmo/analytics-components-kit/slot-menu';
+import type { DatasetDataFields } from '@luzmo/analytics-components-kit/data-field-panel';
+import type { LuzmoDisplaySettings } from '@luzmo/analytics-components-kit/display-settings';
+import type { LuzmoSlotMenuList } from '@luzmo/analytics-components-kit/slot-menu-list';
+import type { SlotContent } from '@luzmo/analytics-components-kit/types';
+import type { SlotName, VizItemType } from '@luzmo/dashboard-contents-types';
+
+@Component({
+  selector: 'luzmo-slot-menu',
+  exportAs: 'luzmoSlotMenu',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content />'
+})
+/**
+ * Angular wrapper component for <luzmo-slot-menu>
+ */
+export class LuzmoSlotMenu implements OnChanges {
+  private readonly elementRef = inject<ElementRef<LuzmoSlotMenuHostElement>>(ElementRef);
+  private readonly renderer = inject<Renderer2>(Renderer2);
+  private readonly destroyRef = inject<DestroyRef>(DestroyRef);
+  private readonly host = this.elementRef.nativeElement;
+  private readonly listenerCleanup: Array<() => void> = [];
+
+  /** The underlying custom element instance. Use to call imperative methods. */
+  get nativeElement(): LuzmoSlotMenuHostElement {
+    return this.host;
+  }
+
+  /** The language of the settings interface */
+  @Input({ alias: 'language' })
+  language?: string;
+
+  /** The language to use for locale-aware formatting and labels */
+  @Input({ alias: 'contentLanguage' })
+  contentLanguage?: string;
+
+  /** The slot type */
+  @Input({ alias: 'slotType' })
+  slotType?: 'numeric' | 'categorical' | 'mixed';
+
+  /** The name of the slot being edited. */
+  @Input({ alias: 'slotName' })
+  slotName?: SlotName;
+
+  /** The visualization item type that provides slot and option configuration. */
+  @Input({ alias: 'itemType' })
+  itemType?: VizItemType;
+
+  /** Whether to show the drag handle and allow dragging */
+  @Input({ alias: 'noDrag', transform: booleanAttribute })
+  noDrag?: boolean;
+
+  /** Whether to show the close button */
+  @Input({ alias: 'noClose', transform: booleanAttribute })
+  noClose?: boolean;
+
+  /** The variant to show */
+  @Input({ alias: 'variant' })
+  variant?: 'popup' | 'draggable' | 'default';
+
+  /** Whether to show the top menu label & delete button */
+  @Input({ alias: 'noTopMenuLabel', transform: booleanAttribute })
+  noTopMenuLabel?: boolean;
+
+  /** CSS selector for the boundary element that constrains dragging of the menu. */
+  @Input({ alias: 'dragBoundary' })
+  dragBoundary?: string;
+
+  /** Whether grand-totals options are available for this slot. */
+  @Input({ alias: 'areGrandTotalsEnabled', transform: booleanAttribute })
+  areGrandTotalsEnabled?: boolean;
+
+  /** Whether datetime display options are available for this slot. */
+  @Input({ alias: 'areDatetimeOptionsEnabled', transform: booleanAttribute })
+  areDatetimeOptionsEnabled?: boolean;
+
+  /** Whether numeric binning options are hidden for this slot. */
+  @Input({ alias: 'isBinningDisabled', transform: booleanAttribute })
+  isBinningDisabled?: boolean;
+
+  /** Whether aggregation options are hidden for this slot. */
+  @Input({ alias: 'isAggregationDisabled', transform: booleanAttribute })
+  isAggregationDisabled?: boolean;
+
+  /** Whether cumulative-sum options are available for this slot. */
+  @Input({ alias: 'isCumulativeSumEnabled', transform: booleanAttribute })
+  isCumulativeSumEnabled?: boolean;
+
+  /** The contents (columns/formulas) assigned to this slot. */
+  @Input({ alias: 'slotContents' })
+  slotContents?: SlotContent[];
+
+  /** Measure columns available for rate aggregation. */
+  @Input({ alias: 'measureColumns' })
+  measureColumns?: MeasureColumnsItem[];
+
+  /** (Optional) If you only want to display a specific content of a slot, you can set the slotIndex to the index of the content you want to display. */
+  @Input({ alias: 'slotIndex' })
+  slotIndex?: number;
+
+  /** Reference to the rendered display-settings element. */
+  @Input({ alias: 'displaySettingsElement' })
+  displaySettingsElement?: LuzmoDisplaySettings;
+
+  /** Reference to the rendered slot-menu-list element. */
+  @Input({ alias: 'slotMenuListElement' })
+  slotMenuListElement?: LuzmoSlotMenuList;
+
+  /** The API URL of the databroker */
+  @Input({ alias: 'apiUrl' })
+  apiUrl?: string;
+
+  /** The auth key of the databroker */
+  @Input({ alias: 'authKey' })
+  authKey?: string;
+
+  /** The auth token of the databroker */
+  @Input({ alias: 'authToken' })
+  authToken?: string;
+
+  /** Datasets used to resolve column names in ad-hoc calculation previews. */
+  @Input({ alias: 'datasetsDataFields' })
+  datasetsDataFields?: DatasetDataFields[];
+
+  /** The size of the element */
+  @Input({ alias: 'size' })
+  size?: 's' | 'm' | 'l' | 'xl';
+
+  /** Emitted when the slot contents change */
+  readonly luzmoSlotContentsChanged = output<CustomEvent<SlotContentsChangedEventDetail>>({ alias: 'luzmoSlotContentsChanged' });
+
+  /** Emitted when the slot menu is closed */
+  readonly luzmoClose = output<CustomEvent<void>>({ alias: 'luzmoClose' });
+
+  /** Emitted when the slot menu becomes active for a dataset */
+  readonly luzmoSlotMenuActive = output<CustomEvent<SlotMenuActiveEventDetail>>({ alias: 'luzmoSlotMenuActive' });
+
+  /** Emitted to highlight a column or formula in the slot menu */
+  readonly luzmoSlotMenuHighlight = output<CustomEvent<SlotMenuHighlightEventDetail>>({ alias: 'luzmoSlotMenuHighlight' });
+
+  /** Emitted when the menu becomes inactive. */
+  readonly luzmoSlotMenuInactive = output<CustomEvent<unknown>>({ alias: 'luzmoSlotMenuInactive' });
+
+  /** Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values */
+  readonly luzmoInfoVisibilityChanged = output<CustomEvent<InfoVisibilityChangedEventDetail>>({ alias: 'luzmoInfoVisibilityChanged' });
+
+  constructor() {
+    this.bindEvents();
+    this.destroyRef.onDestroy(() => {
+      for (const cleanup of this.listenerCleanup) {
+        cleanup();
+      }
+    });
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const key of Object.keys(changes)) {
+      switch (key) {
+        case 'language':
+          this.setHostProperty('language', changes['language'].currentValue);
+          break;
+        case 'contentLanguage':
+          this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
+          break;
+        case 'slotType':
+          this.setHostProperty('slotType', changes['slotType'].currentValue);
+          break;
+        case 'slotName':
+          this.setHostProperty('slotName', changes['slotName'].currentValue);
+          break;
+        case 'itemType':
+          this.setHostProperty('itemType', changes['itemType'].currentValue);
+          break;
+        case 'noDrag':
+          this.setHostProperty('noDrag', changes['noDrag'].currentValue);
+          break;
+        case 'noClose':
+          this.setHostProperty('noClose', changes['noClose'].currentValue);
+          break;
+        case 'variant':
+          this.setHostProperty('variant', changes['variant'].currentValue);
+          break;
+        case 'noTopMenuLabel':
+          this.setHostProperty('noTopMenuLabel', changes['noTopMenuLabel'].currentValue);
+          break;
+        case 'dragBoundary':
+          this.setHostProperty('dragBoundary', changes['dragBoundary'].currentValue);
+          break;
+        case 'areGrandTotalsEnabled':
+          this.setHostProperty('areGrandTotalsEnabled', changes['areGrandTotalsEnabled'].currentValue);
+          break;
+        case 'areDatetimeOptionsEnabled':
+          this.setHostProperty('areDatetimeOptionsEnabled', changes['areDatetimeOptionsEnabled'].currentValue);
+          break;
+        case 'isBinningDisabled':
+          this.setHostProperty('isBinningDisabled', changes['isBinningDisabled'].currentValue);
+          break;
+        case 'isAggregationDisabled':
+          this.setHostProperty('isAggregationDisabled', changes['isAggregationDisabled'].currentValue);
+          break;
+        case 'isCumulativeSumEnabled':
+          this.setHostProperty('isCumulativeSumEnabled', changes['isCumulativeSumEnabled'].currentValue);
+          break;
+        case 'slotContents':
+          this.setHostProperty('slotContents', changes['slotContents'].currentValue);
+          break;
+        case 'measureColumns':
+          this.setHostProperty('measureColumns', changes['measureColumns'].currentValue);
+          break;
+        case 'slotIndex':
+          this.setHostProperty('slotIndex', changes['slotIndex'].currentValue);
+          break;
+        case 'displaySettingsElement':
+          this.setHostProperty('displaySettingsElement', changes['displaySettingsElement'].currentValue);
+          break;
+        case 'slotMenuListElement':
+          this.setHostProperty('slotMenuListElement', changes['slotMenuListElement'].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 'datasetsDataFields':
+          this.setHostProperty('datasetsDataFields', changes['datasetsDataFields'].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.
+   */
+  private setHostProperty(key: string, value: unknown): void {
+    this.renderer.setProperty(this.host, key, value);
+  }
+
+  private bindEvents(): void {
+    this.listenerCleanup.push(
+      this.renderer.listen(this.host, 'luzmo-slot-contents-changed', (event: Event) => {
+        const typed = event as CustomEvent<SlotContentsChangedEventDetail>;
+        this.luzmoSlotContentsChanged.emit(typed);
+      })
+    );
+
+    this.listenerCleanup.push(
+      this.renderer.listen(this.host, 'luzmo-close', (event: Event) => {
+        const typed = event as CustomEvent<void>;
+        this.luzmoClose.emit(typed);
+      })
+    );
+
+    this.listenerCleanup.push(
+      this.renderer.listen(this.host, 'luzmo-slot-menu-active', (event: Event) => {
+        const typed = event as CustomEvent<SlotMenuActiveEventDetail>;
+        this.luzmoSlotMenuActive.emit(typed);
+      })
+    );
+
+    this.listenerCleanup.push(
+      this.renderer.listen(this.host, 'luzmo-slot-menu-highlight', (event: Event) => {
+        const typed = event as CustomEvent<SlotMenuHighlightEventDetail>;
+        this.luzmoSlotMenuHighlight.emit(typed);
+      })
+    );
+
+    this.listenerCleanup.push(
+      this.renderer.listen(this.host, 'luzmo-slot-menu-inactive', (event: Event) => {
+        const typed = event as CustomEvent<unknown>;
+        this.luzmoSlotMenuInactive.emit(typed);
+      })
+    );
+
+    this.listenerCleanup.push(
+      this.renderer.listen(this.host, 'luzmo-info-visibility-changed', (event: Event) => {
+        const typed = event as CustomEvent<InfoVisibilityChangedEventDetail>;
+        this.luzmoInfoVisibilityChanged.emit(typed);
+      })
+    );
+  }
+
+  close(): void {
+    return (this.host as LuzmoSlotMenuHostElement).close();
+  }
+}
+
+/** The underlying custom element type for LuzmoSlotMenu */
+export type LuzmoSlotMenuElement = LuzmoSlotMenuHostElement;

package/angular/components/viz-item-menu.ts

@@ -0,0 +1,118 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/viz-item-menu';
+import type { LuzmoVizItemMenu as LuzmoVizItemMenuHostElement, VizItemMenuButton, VizItemMenuButtonClickedEventDetail, VizItemMenuSelectedChangedEventDetail } from '@luzmo/analytics-components-kit/viz-item-menu';
+export type { VizItemMenuButton, VizItemMenuButtonClickedEventDetail, VizItemMenuSelectedChangedEventDetail } from '@luzmo/analytics-components-kit/viz-item-menu';
+
+@Component({
+  selector: 'luzmo-viz-item-menu',
+  exportAs: 'luzmoVizItemMenu',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content />'
+})
+/**
+ * Angular wrapper component for <luzmo-viz-item-menu>
+ */
+export class LuzmoVizItemMenu implements OnChanges {
+  private readonly elementRef = inject<ElementRef<LuzmoVizItemMenuHostElement>>(ElementRef);
+  private readonly renderer = inject<Renderer2>(Renderer2);
+  private readonly destroyRef = inject<DestroyRef>(DestroyRef);
+  private readonly host = this.elementRef.nativeElement;
+  private readonly listenerCleanup: Array<() => void> = [];
+
+  /** The underlying custom element instance. Use to call imperative methods. */
+  get nativeElement(): LuzmoVizItemMenuHostElement {
+    return this.host;
+  }
+
+  /** The visualization item ID */
+  @Input({ alias: 'vizItemId' })
+  vizItemId?: string;
+
+  /** Array of menu buttons to hide */
+  @Input({ alias: 'hiddenButtons' })
+  hiddenButtons?: VizItemMenuButton[];
+
+  /** The currently selected menu button */
+  @Input({ alias: 'selectedButton' })
+  selectedButton?: VizItemMenuButton | null;
+
+  /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
+  @Input({ alias: 'language' })
+  language?: string;
+
+  /** Emitted when the selected button changes */
+  readonly selectedChanged = output<CustomEvent<VizItemMenuSelectedChangedEventDetail>>({ alias: 'selectedChanged' });
+
+  /** Emitted when any menu item is clicked */
+  readonly buttonClicked = output<CustomEvent<VizItemMenuButtonClickedEventDetail>>({ alias: 'buttonClicked' });
+
+  /** Emitted when hovering over the edit button */
+  readonly editButtonHovered = output<CustomEvent<void>>({ alias: 'editButtonHovered' });
+
+  constructor() {
+    this.bindEvents();
+    this.destroyRef.onDestroy(() => {
+      for (const cleanup of this.listenerCleanup) {
+        cleanup();
+      }
+    });
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const key of Object.keys(changes)) {
+      switch (key) {
+        case 'vizItemId':
+          this.setHostProperty('vizItemId', changes['vizItemId'].currentValue);
+          break;
+        case 'hiddenButtons':
+          this.setHostProperty('hiddenButtons', changes['hiddenButtons'].currentValue);
+          break;
+        case 'selectedButton':
+          this.setHostProperty('selectedButton', changes['selectedButton'].currentValue);
+          break;
+        case 'language':
+          this.setHostProperty('language', changes['language'].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.
+   */
+  private setHostProperty(key: string, value: unknown): void {
+    this.renderer.setProperty(this.host, key, value);
+  }
+
+  private bindEvents(): void {
+    this.listenerCleanup.push(
+      this.renderer.listen(this.host, 'selected-changed', (event: Event) => {
+        const typed = event as CustomEvent<VizItemMenuSelectedChangedEventDetail>;
+        this.selectedChanged.emit(typed);
+      })
+    );
+
+    this.listenerCleanup.push(
+      this.renderer.listen(this.host, 'button-clicked', (event: Event) => {
+        const typed = event as CustomEvent<VizItemMenuButtonClickedEventDetail>;
+        this.buttonClicked.emit(typed);
+      })
+    );
+
+    this.listenerCleanup.push(
+      this.renderer.listen(this.host, 'edit-button-hovered', (event: Event) => {
+        const typed = event as CustomEvent<void>;
+        this.editButtonHovered.emit(typed);
+      })
+    );
+  }
+}
+
+/** The underlying custom element type for LuzmoVizItemMenu */
+export type LuzmoVizItemMenuElement = LuzmoVizItemMenuHostElement;

package/angular/esm/components/ai-chat-empty-state.d.ts

@@ -0,0 +1,41 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/ai-chat';
+import type { LuzmoAiChatEmptyState as LuzmoAiChatEmptyStateHostElement, AiChatEmptyStateSuggestion, AiChatEmptyStateSuggestionSelectedDetail } from '@luzmo/analytics-components-kit/ai-chat';
+import * as i0 from "@angular/core";
+export type { AgentStreamDefinition, AiChatAgentConfig, AiChatCompleteEvent, AiChatConversationIdChangedEventDetail, AiChatDatasetsChangedEventDetail, AiChatEmptyStateSuggestion, AiChatEmptyStateSuggestionSelectedDetail, AiChatMessageSentEventDetail, AiChatRecognizedStepType, AiChatSessionBuildContext, AiChatSessionCallbacks, AiChatSessionConfig, AiChatSessionControllerOptions, AiChatSessionRestoreParams, AiChatSessionRestoreResult, AiChatSessionSeed, AiChatSessionState, AiChatSessionSubmitParams, AiChatStepBase, AiChatStepEvent, AiDictationCreateBody, AiDictationProperties, AiPromptCreateBody, AiPromptDeleteBody, AssistantMessageAction, AssistantMessageActionConfirmVariant, AssistantMessageActionEventDetail, BuildAiDictationRequestOptions, ChatMessageElicitation, LuzmoPromptSubmittedEventDetail, LuzmoRestoreRequestedEventDetail, ProgressTreeNode, PromptBoxAttachment, PromptBoxFileIcons, RecognizedStepEvent, StreamAiDictationOptions, StreamHandlerCallbacks, StreamHandlerContext, StreamHandlerState, StreamingRequestOptions, StreamingResponse, UnknownStepEvent, UploadAiPromptImagesOptions } from '@luzmo/analytics-components-kit/ai-chat';
+export declare class LuzmoAiChatEmptyState 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(): LuzmoAiChatEmptyStateHostElement;
+    /** Heading shown above the suggestions. */
+    title?: string;
+    /** Supporting text shown above suggestion chips when `suggestions` is non-empty. */
+    subtitle?: string;
+    /** Suggestion chips rendered with https://lucero.luzmo.com/ | Lucero `luzmo-action-button` (`variant="accent"`). */
+    suggestions?: AiChatEmptyStateSuggestion[];
+    /** When true, suggestion chips cannot be activated. */
+    disabled?: boolean;
+    /** Size of the title, subtitle and suggestion chips: `s`, `m` (default), `l` or `xl` */
+    size?: unknown;
+    /** Fired when the user selects a suggestion chip */
+    readonly luzmoSuggestionSelected: import("@angular/core").OutputEmitterRef<CustomEvent<AiChatEmptyStateSuggestionSelectedDetail>>;
+    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<LuzmoAiChatEmptyState, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoAiChatEmptyState, "luzmo-ai-chat-empty-state", ["luzmoAiChatEmptyState"], { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSuggestionSelected": "luzmoSuggestionSelected"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+/** The underlying custom element type for LuzmoAiChatEmptyState */
+export type LuzmoAiChatEmptyStateElement = LuzmoAiChatEmptyStateHostElement;

package/angular/esm/components/ai-chat-empty-state.js

@@ -0,0 +1,107 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/ai-chat';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-ai-chat-empty-state>
+ */
+export class LuzmoAiChatEmptyState {
+    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;
+    }
+    /** Heading shown above the suggestions. */
+    title;
+    /** Supporting text shown above suggestion chips when `suggestions` is non-empty. */
+    subtitle;
+    /** Suggestion chips rendered with https://lucero.luzmo.com/ | Lucero `luzmo-action-button` (`variant="accent"`). */
+    suggestions;
+    /** When true, suggestion chips cannot be activated. */
+    disabled;
+    /** Size of the title, subtitle and suggestion chips: `s`, `m` (default), `l` or `xl` */
+    size;
+    /** Fired when the user selects a suggestion chip */
+    luzmoSuggestionSelected = output({ alias: 'luzmoSuggestionSelected' });
+    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 'title':
+                    this.setHostProperty('title', changes['title'].currentValue);
+                    break;
+                case 'subtitle':
+                    this.setHostProperty('subtitle', changes['subtitle'].currentValue);
+                    break;
+                case 'suggestions':
+                    this.setHostProperty('suggestions', changes['suggestions'].currentValue);
+                    break;
+                case 'disabled':
+                    this.setHostProperty('disabled', changes['disabled'].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-suggestion-selected', (event) => {
+            const typed = event;
+            this.luzmoSuggestionSelected.emit(typed);
+        }));
+    }
+    static ɵfac = function LuzmoAiChatEmptyState_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoAiChatEmptyState)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoAiChatEmptyState, selectors: [["luzmo-ai-chat-empty-state"]], inputs: { title: "title", subtitle: "subtitle", suggestions: "suggestions", disabled: [2, "disabled", "disabled", booleanAttribute], size: "size" }, outputs: { luzmoSuggestionSelected: "luzmoSuggestionSelected" }, exportAs: ["luzmoAiChatEmptyState"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoAiChatEmptyState_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoAiChatEmptyState, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-ai-chat-empty-state',
+                exportAs: 'luzmoAiChatEmptyState',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { title: [{
+            type: Input,
+            args: [{ alias: 'title' }]
+        }], subtitle: [{
+            type: Input,
+            args: [{ alias: 'subtitle' }]
+        }], suggestions: [{
+            type: Input,
+            args: [{ alias: 'suggestions' }]
+        }], disabled: [{
+            type: Input,
+            args: [{ alias: 'disabled', transform: booleanAttribute }]
+        }], size: [{
+            type: Input,
+            args: [{ alias: 'size' }]
+        }], luzmoSuggestionSelected: [{ type: i0.Output, args: ["luzmoSuggestionSelected"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoAiChatEmptyState, { className: "LuzmoAiChatEmptyState", filePath: "components/ai-chat-empty-state.ts", lineNumber: 16 }); })();