@luzmo/analytics-components-kit 1.0.7 → 1.0.8-beta.2

package/deprecated-react/components/item-option-guidelines.component.cjs

@@ -0,0 +1 @@
+module.exports = require('../../react/esm/components/item-option-guidelines.component.js');

package/index.d.ts

@@ -24,6 +24,7 @@ export * from './components/item-option-action-button-group';
 export * from './components/item-option-color-palette-picker';
 export * from './components/item-option-color-picker';
 export * from './components/item-option-color-range';
+export * from './components/item-option-guidelines';
 export * from './components/item-option-multi-language-field';
 export * from './components/item-option-number-field';
 export * from './components/item-option-picker';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.7",
+  "version": "1.0.8-beta.2",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",
@@ -176,6 +176,11 @@
       "import": "./components/item-option-color-range/index.js",
       "require": "./components/item-option-color-range/index.cjs"
     },
+    "./item-option-guidelines": {
+      "types": "./components/item-option-guidelines/index.d.ts",
+      "import": "./components/item-option-guidelines/index.js",
+      "require": "./components/item-option-guidelines/index.cjs"
+    },
     "./item-option-multi-language-field": {
       "types": "./components/item-option-multi-language-field/index.d.ts",
       "import": "./components/item-option-multi-language-field/index.js",
@@ -344,7 +349,7 @@
     "@codemirror/commands": "^6.10.3",
     "@codemirror/state": "^6.6.0",
     "@codemirror/view": "^6.43.1",
-    "@luzmo/dashboard-contents-types": "1.0.39",
+    "@luzmo/dashboard-contents-types": "1.0.42",
     "@tanstack/query-core": "^5.90.5",
     "dompurify": "^3.4.12",
     "gridstack": "^12.3.3",

package/react/components/item-option-guidelines.component.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionGuidelines as LuzmoItemOptionGuidelinesClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-guidelines';
+
+const LuzmoItemOptionGuidelinesComponent = createComponent({
+  tagName: 'luzmo-item-option-guidelines',
+  elementClass: LuzmoItemOptionGuidelinesClass,
+  react: React,
+  events: {
+    onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent<ItemOptionChangedEventDetail>>
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option-guidelines>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the guidelines value changes.
+ */
+export const LuzmoItemOptionGuidelines = LuzmoItemOptionGuidelinesComponent as ReactWebComponent<
+  LuzmoItemOptionGuidelinesClass,
+  {
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
+  }
+>;
+
+/** The underlying custom element type for LuzmoItemOptionGuidelines */
+export type LuzmoItemOptionGuidelinesElement = LuzmoItemOptionGuidelinesClass;

package/react/esm/components/item-option-guidelines.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionGuidelines as LuzmoItemOptionGuidelinesClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-guidelines';
+/**
+ * React wrapper for <luzmo-item-option-guidelines>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the guidelines value changes.
+ */
+export declare const LuzmoItemOptionGuidelines: ReactWebComponent<LuzmoItemOptionGuidelinesClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionGuidelines */
+export type LuzmoItemOptionGuidelinesElement = LuzmoItemOptionGuidelinesClass;

package/react/esm/components/item-option-guidelines.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionGuidelines as LuzmoItemOptionGuidelinesClass } from '@luzmo/analytics-components-kit/item-option-guidelines';
+const LuzmoItemOptionGuidelinesComponent = createComponent({
+    tagName: 'luzmo-item-option-guidelines',
+    elementClass: LuzmoItemOptionGuidelinesClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-guidelines>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the guidelines value changes.
+ */
+export const LuzmoItemOptionGuidelines = LuzmoItemOptionGuidelinesComponent;

package/react/esm/index.d.ts

@@ -31,6 +31,7 @@ export { LuzmoItemOptionActionButtonGroup, type LuzmoItemOptionActionButtonGroup
 export { LuzmoItemOptionColorPalettePicker, type LuzmoItemOptionColorPalettePickerElement } from './components/item-option-color-palette-picker.component';
 export { LuzmoItemOptionColorPicker, type LuzmoItemOptionColorPickerElement } from './components/item-option-color-picker.component';
 export { LuzmoItemOptionColorRange, type LuzmoItemOptionColorRangeElement } from './components/item-option-color-range.component';
+export { LuzmoItemOptionGuidelines, type LuzmoItemOptionGuidelinesElement } from './components/item-option-guidelines.component';
 export { LuzmoItemOptionMultiLanguageField, type LuzmoItemOptionMultiLanguageFieldElement } from './components/item-option-multi-language-field.component';
 export { LuzmoItemOptionNumberField, type LuzmoItemOptionNumberFieldElement } from './components/item-option-number-field.component';
 export { LuzmoItemOptionPanel, type LuzmoItemOptionPanelElement } from './components/item-option-panel.component';
@@ -48,6 +49,6 @@ export { LuzmoItemSlotPickerPanel, type LuzmoItemSlotPickerPanelElement } from '
 export { LuzmoSlotMenu, type LuzmoSlotMenuElement } from './components/slot-menu.component';
 export { LuzmoSlotMenuList, type LuzmoSlotMenuListElement } from './components/slot-menu-list.component';
 export { LuzmoVizItemMenu, type LuzmoVizItemMenuElement } from './components/viz-item-menu.component';
-export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
-export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoAiChat", "LuzmoAiInteractionTextarea", "LuzmoDataField", "LuzmoDataFieldLevel", "LuzmoDataFieldPanel", "LuzmoDataFieldsSelect", "LuzmoDatasetIcon", "LuzmoDatasetSelectorList", "LuzmoDatasetSelectorRow", "LuzmoDisplaySettings", "LuzmoDisplaySettingsBinning", "LuzmoDisplaySettingsDatetime", "LuzmoDisplaySettingsGrandTotals", "LuzmoDisplaySettingsNumeric", "LuzmoDisplaySettingsPeriodOverPeriod", "LuzmoFilterExpressionPicker", "LuzmoFilterItem", "LuzmoFilterParameterPicker", "LuzmoFilterValuePicker", "LuzmoFilterValuePickerDatetime", "LuzmoFilterValuePickerHierarchy", "LuzmoFilterValuePickerNumeric", "LuzmoFilters", "LuzmoFormula", "LuzmoFormulaEditor", "LuzmoFormulaField", "LuzmoInteractiveVizItem", "LuzmoItemGrid", "LuzmoItemOption", "LuzmoItemOptionActionButtonGroup", "LuzmoItemOptionColorPalettePicker", "LuzmoItemOptionColorPicker", "LuzmoItemOptionColorRange", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel", "LuzmoSlotMenu", "LuzmoSlotMenuList", "LuzmoVizItemMenu"];
+export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
+export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoAiChat", "LuzmoAiInteractionTextarea", "LuzmoDataField", "LuzmoDataFieldLevel", "LuzmoDataFieldPanel", "LuzmoDataFieldsSelect", "LuzmoDatasetIcon", "LuzmoDatasetSelectorList", "LuzmoDatasetSelectorRow", "LuzmoDisplaySettings", "LuzmoDisplaySettingsBinning", "LuzmoDisplaySettingsDatetime", "LuzmoDisplaySettingsGrandTotals", "LuzmoDisplaySettingsNumeric", "LuzmoDisplaySettingsPeriodOverPeriod", "LuzmoFilterExpressionPicker", "LuzmoFilterItem", "LuzmoFilterParameterPicker", "LuzmoFilterValuePicker", "LuzmoFilterValuePickerDatetime", "LuzmoFilterValuePickerHierarchy", "LuzmoFilterValuePickerNumeric", "LuzmoFilters", "LuzmoFormula", "LuzmoFormulaEditor", "LuzmoFormulaField", "LuzmoInteractiveVizItem", "LuzmoItemGrid", "LuzmoItemOption", "LuzmoItemOptionActionButtonGroup", "LuzmoItemOptionColorPalettePicker", "LuzmoItemOptionColorPicker", "LuzmoItemOptionColorRange", "LuzmoItemOptionGuidelines", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel", "LuzmoSlotMenu", "LuzmoSlotMenuList", "LuzmoVizItemMenu"];
 export type LuzmoReactComponentName = typeof LUZMO_REACT_COMPONENT_NAMES[number];

package/react/esm/index.js

@@ -33,6 +33,7 @@ import { LuzmoItemOptionActionButtonGroup } from './components/item-option-actio
 import { LuzmoItemOptionColorPalettePicker } from './components/item-option-color-palette-picker.component';
 import { LuzmoItemOptionColorPicker } from './components/item-option-color-picker.component';
 import { LuzmoItemOptionColorRange } from './components/item-option-color-range.component';
+import { LuzmoItemOptionGuidelines } from './components/item-option-guidelines.component';
 import { LuzmoItemOptionMultiLanguageField } from './components/item-option-multi-language-field.component';
 import { LuzmoItemOptionNumberField } from './components/item-option-number-field.component';
 import { LuzmoItemOptionPanel } from './components/item-option-panel.component';
@@ -83,6 +84,7 @@ export { LuzmoItemOptionActionButtonGroup } from './components/item-option-actio
 export { LuzmoItemOptionColorPalettePicker } from './components/item-option-color-palette-picker.component';
 export { LuzmoItemOptionColorPicker } from './components/item-option-color-picker.component';
 export { LuzmoItemOptionColorRange } from './components/item-option-color-range.component';
+export { LuzmoItemOptionGuidelines } from './components/item-option-guidelines.component';
 export { LuzmoItemOptionMultiLanguageField } from './components/item-option-multi-language-field.component';
 export { LuzmoItemOptionNumberField } from './components/item-option-number-field.component';
 export { LuzmoItemOptionPanel } from './components/item-option-panel.component';
@@ -135,6 +137,7 @@ export const LUZMO_REACT_COMPONENTS = [
     LuzmoItemOptionColorPalettePicker,
     LuzmoItemOptionColorPicker,
     LuzmoItemOptionColorRange,
+    LuzmoItemOptionGuidelines,
     LuzmoItemOptionMultiLanguageField,
     LuzmoItemOptionNumberField,
     LuzmoItemOptionPanel,
@@ -188,6 +191,7 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoItemOptionColorPalettePicker',
     'LuzmoItemOptionColorPicker',
     'LuzmoItemOptionColorRange',
+    'LuzmoItemOptionGuidelines',
     'LuzmoItemOptionMultiLanguageField',
     'LuzmoItemOptionNumberField',
     'LuzmoItemOptionPanel',

package/react/index.ts

@@ -34,6 +34,7 @@ import { LuzmoItemOptionActionButtonGroup } from './components/item-option-actio
 import { LuzmoItemOptionColorPalettePicker } from './components/item-option-color-palette-picker.component';
 import { LuzmoItemOptionColorPicker } from './components/item-option-color-picker.component';
 import { LuzmoItemOptionColorRange } from './components/item-option-color-range.component';
+import { LuzmoItemOptionGuidelines } from './components/item-option-guidelines.component';
 import { LuzmoItemOptionMultiLanguageField } from './components/item-option-multi-language-field.component';
 import { LuzmoItemOptionNumberField } from './components/item-option-number-field.component';
 import { LuzmoItemOptionPanel } from './components/item-option-panel.component';
@@ -85,6 +86,7 @@ export { LuzmoItemOptionActionButtonGroup, type LuzmoItemOptionActionButtonGroup
 export { LuzmoItemOptionColorPalettePicker, type LuzmoItemOptionColorPalettePickerElement } from './components/item-option-color-palette-picker.component';
 export { LuzmoItemOptionColorPicker, type LuzmoItemOptionColorPickerElement } from './components/item-option-color-picker.component';
 export { LuzmoItemOptionColorRange, type LuzmoItemOptionColorRangeElement } from './components/item-option-color-range.component';
+export { LuzmoItemOptionGuidelines, type LuzmoItemOptionGuidelinesElement } from './components/item-option-guidelines.component';
 export { LuzmoItemOptionMultiLanguageField, type LuzmoItemOptionMultiLanguageFieldElement } from './components/item-option-multi-language-field.component';
 export { LuzmoItemOptionNumberField, type LuzmoItemOptionNumberFieldElement } from './components/item-option-number-field.component';
 export { LuzmoItemOptionPanel, type LuzmoItemOptionPanelElement } from './components/item-option-panel.component';
@@ -138,6 +140,7 @@ export const LUZMO_REACT_COMPONENTS = [
   LuzmoItemOptionColorPalettePicker,
   LuzmoItemOptionColorPicker,
   LuzmoItemOptionColorRange,
+  LuzmoItemOptionGuidelines,
   LuzmoItemOptionMultiLanguageField,
   LuzmoItemOptionNumberField,
   LuzmoItemOptionPanel,
@@ -192,6 +195,7 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
   'LuzmoItemOptionColorPalettePicker',
   'LuzmoItemOptionColorPicker',
   'LuzmoItemOptionColorRange',
+  'LuzmoItemOptionGuidelines',
   'LuzmoItemOptionMultiLanguageField',
   'LuzmoItemOptionNumberField',
   'LuzmoItemOptionPanel',

package/react/luzmo-stub.d.ts

@@ -186,6 +186,11 @@ declare module '@luzmo/analytics-components-kit/item-option-color-range' {
   export type ItemOptionChangedEventDetail = Record<string, unknown>;
 }
 
+declare module '@luzmo/analytics-components-kit/item-option-guidelines' {
+  export class LuzmoItemOptionGuidelines extends HTMLElement {}
+  export type ItemOptionChangedEventDetail = Record<string, unknown>;
+}
+
 declare module '@luzmo/analytics-components-kit/item-option-multi-language-field' {
   export class LuzmoItemOptionMultiLangField extends HTMLElement {}
   export type ItemOptionChangedEventDetail = Record<string, unknown>;

package/react/package.json

@@ -29,7 +29,7 @@
   "peerDependencies": {
     "@lit/react": "^1.0.6",
     "react": "^18.0.0 || ^19.0.0",
-    "@luzmo/analytics-components-kit": "^1.0.7"
+    "@luzmo/analytics-components-kit": "^1.0.8-beta.2"
   },
-  "version": "1.0.7"
+  "version": "1.0.8-beta.2"
 }

package/storybook/register-components.d.ts

@@ -37,6 +37,7 @@ import '../components/item-option-action-button-group';
 import '../components/item-option-color-palette-picker';
 import '../components/item-option-color-picker';
 import '../components/item-option-color-range';
+import '../components/item-option-guidelines';
 import '../components/item-option-multi-language-field';
 import '../components/item-option-number-field';
 import '../components/item-option-panel';

package/types.d.ts

@@ -18,6 +18,7 @@ export type * from './components/display-settings/types';
 export type * from './components/data-fields-select/types';
 export type * from './components/ai-interaction-textarea/types';
 export type * from './components/item-option/types';
+export type * from './components/item-option-guidelines/types';
 export type * from './components/data-field/types';
 export type * from './components/data-field-panel/types';
 export type * from './components/item-slot-drop/types';

package/utils/data-broker/index.d.ts

@@ -112,6 +112,21 @@ export interface PerformanceMetrics {
     processing: number;
     rows: number;
 }
+type DataQuery = {
+    dimensions?: any[];
+    measures?: any[];
+    where?: any[];
+    order?: any[];
+    limit?: {
+        by: number;
+        offset: number;
+    };
+    options?: any;
+};
+type DataResult = {
+    data: any[][];
+    performance: PerformanceMetrics;
+};
 /**
  * DataBroker service for Luzmo API
  * Provides methods to fetch and manipulate data from Luzmo REST API
@@ -197,20 +212,11 @@ export declare class DataBroker {
      * @param queryParams - Query parameters (filters, sort, etc.)
      * @returns Dataset data
      */
-    fetchData(query: {
-        dimensions?: any[];
-        measures?: any[];
-        where?: any[];
-        order?: any[];
-        limit?: {
-            by: number;
-            offset: number;
-        };
-        options?: any;
-    }): Promise<{
-        data: any[][];
-        performance: PerformanceMetrics;
-    }>;
+    fetchData(query: DataQuery): Promise<DataResult>;
+    /**
+     * Returns fresh data already held by the query cache without starting a request.
+     */
+    getCachedData(query: DataQuery): DataResult | undefined;
     /**
      * Validates a column or formula expression against the Luzmo API.
      *

package/utils/set-nested-value.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Immutably set a value at a dot-delimited object path.
+ * Numeric path segments preserve or create arrays; missing, primitive, and null
+ * intermediate values are replaced with the container needed by the next segment.
+ */
+export declare const setNestedValue: (object: Record<string, unknown>, path: string, value: unknown) => Record<string, unknown>;

package/utils/store/base-store.d.ts

@@ -150,10 +150,6 @@ export declare abstract class BaseStore<TState> {
      * Deep clone a value using structuredClone
      */
     protected clone<T>(value: T): T;
-    /**
-     * Set a nested value in an object using dot notation path
-     */
-    protected setNestedValue(obj: Record<string, unknown>, path: string, value: unknown): Record<string, unknown>;
     /**
      * Execute a function within a transaction with local origin
      * This ensures changes are tracked by the undo manager

package/angular/README.md

@@ -1,40 +0,0 @@
-# Luzmo Analytics Components Kit - Angular Wrappers
-
-> Standalone Angular wrapper components for the Luzmo Analytics Components Kit web components
-
-This package provides Angular wrappers for the Luzmo Analytics Components Kit web components.
-
-## Installation
-
-```bash
-npm install @luzmo/ngx-analytics-components-kit @luzmo/analytics-components-kit @angular/core @angular/forms
-```
-
-## Requirements
-
-- Angular `>= 17.3` (the wrappers use the functional `output()` API).
-- The peer package `@luzmo/analytics-components-kit` provides the underlying
-  custom-element classes that the wrappers register at import time.
-
-## Usage
-
-```ts
-import { Component } from '@angular/core';
-import { LuzmoDataField } from '@luzmo/ngx-analytics-components-kit';
-
-@Component({
-  selector: 'app-root',
-  standalone: true,
-  imports: [LuzmoDataField],
-  template: `<luzmo-data-field></luzmo-data-field>`
-})
-export class AppComponent {}
-```
-
-The wrapper class name mirrors the host element (`LuzmoDataField`); the
-underlying `HTMLElement` subclass type is re-exported as
-`LuzmoDataFieldElement` for `@ViewChild` / `ElementRef<T>` use cases.
-
-## Notes
-
-- This package depends on `@luzmo/analytics-components-kit` for the underlying custom elements.

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

@@ -1,98 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, 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';
-export type { AgentStreamDefinition, 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, LuzmoPromptSubmittedEventDetail, LuzmoRestoreRequestedEventDetail, ProgressTreeNode, PromptBoxAttachment, PromptBoxFileIcons, RecognizedStepEvent, StreamAiDictationOptions, StreamHandlerCallbacks, StreamHandlerContext, StreamHandlerState, StreamingRequestOptions, StreamingResponse, UnknownStepEvent, UploadAiPromptImagesOptions } from '@luzmo/analytics-components-kit/ai-chat';
-
-@Component({
-  selector: 'luzmo-ai-chat-empty-state',
-  exportAs: 'luzmoAiChatEmptyState',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content />'
-})
-/**
- * Angular wrapper component for <luzmo-ai-chat-empty-state>
- */
-export class LuzmoAiChatEmptyState implements OnChanges {
-  private readonly elementRef = inject<ElementRef<LuzmoAiChatEmptyStateHostElement>>(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(): LuzmoAiChatEmptyStateHostElement {
-    return this.host;
-  }
-
-  /** Heading shown above the suggestions. */
-  @Input({ alias: 'title' })
-  title?: string;
-
-  /** Supporting text shown above suggestion chips when `suggestions` is non-empty. */
-  @Input({ alias: 'subtitle' })
-  subtitle?: string;
-
-  /** Suggestion chips rendered with https://lucero.luzmo.com/ | Lucero `luzmo-action-button` (`variant="accent"`). */
-  @Input({ alias: 'suggestions' })
-  suggestions?: AiChatEmptyStateSuggestion[];
-
-  /** When true, suggestion chips cannot be activated. */
-  @Input({ alias: 'disabled', transform: booleanAttribute })
-  disabled?: boolean;
-
-  /** Fired when the user selects a suggestion chip */
-  readonly luzmoSuggestionSelected = output<CustomEvent<AiChatEmptyStateSuggestionSelectedDetail>>({ alias: 'luzmoSuggestionSelected' });
-
-  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 '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;
-        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-suggestion-selected', (event: Event) => {
-        const typed = event as CustomEvent<AiChatEmptyStateSuggestionSelectedDetail>;
-        this.luzmoSuggestionSelected.emit(typed);
-      })
-    );
-  }
-}
-
-/** The underlying custom element type for LuzmoAiChatEmptyState */
-export type LuzmoAiChatEmptyStateElement = LuzmoAiChatEmptyStateHostElement;