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

package/angular/components/formula-field.ts

@@ -1,198 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/formula-field';
-import type { LuzmoFormulaField as LuzmoFormulaFieldHostElement } from '@luzmo/analytics-components-kit/formula-field';
-
-@Component({
-  selector: 'luzmo-formula-field',
-  exportAs: 'luzmoFormulaField',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content />'
-})
-/**
- * Angular wrapper component for <luzmo-formula-field>
- */
-export class LuzmoFormulaField implements OnChanges {
-  private readonly elementRef = inject<ElementRef<LuzmoFormulaFieldHostElement>>(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(): LuzmoFormulaFieldHostElement {
-    return this.host;
-  }
-
-  /** Renders the field display-only (no editing). */
-  @Input({ alias: 'readonly', transform: booleanAttribute })
-  readonly?: boolean;
-
-  /** Placeholder text shown in the editable input when the expression is empty. */
-  @Input({ alias: 'placeholder' })
-  placeholder?: string;
-
-  /** Number of text lines the input is sized to start with. Defaults to 3. */
-  @Input({ alias: 'rows' })
-  rows?: number;
-
-  /** Maximum number of text lines before a scrollbar appears (only when `grows`). */
-  @Input({ alias: 'maxRows' })
-  maxRows?: number;
-
-  /** Whether the input grows in height with its content (up to `maxRows` if set). */
-  @Input({ alias: 'grows', transform: booleanAttribute })
-  grows?: boolean;
-
-  /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-  @Input({ alias: 'language' })
-  language?: string;
-
-  /** The formula expression (function syntax), e.g. `SUM({datasetId:columnId})`. */
-  @Input({ alias: 'expression' })
-  expression?: string;
-
-  /** Datasets and their data fields, provided directly (takes preference over `datasetIds`). */
-  @Input({ alias: 'datasetsDataFields' })
-  datasetsDataFields?: unknown;
-
-  /** Dataset ids to fetch from the Luzmo API (auth attributes optional for public datasets). */
-  @Input({ alias: 'datasetIds' })
-  datasetIds?: string[];
-
-  /** Base URL of the Luzmo API used to fetch datasets by id. */
-  @Input({ alias: 'apiUrl' })
-  apiUrl?: string;
-
-  /** Luzmo API authorization key, used with `authToken` to fetch datasets by id. */
-  @Input({ alias: 'authKey' })
-  authKey?: string;
-
-  /** Luzmo API authorization token, used with `authKey` to fetch datasets by id. */
-  @Input({ alias: 'authToken' })
-  authToken?: string;
-
-  /** Whether aggregation functions are offered (in the autocompletion, and - for the editor - via the aggregations list and pills). Defaults to `true`.  Note: as a boolean attribute defaulting to `true` it cannot be turned off via markup (an absent attribute keeps the default); set the `.showAggregations` property to `false` to disable. */
-  @Input({ alias: 'showAggregations', transform: booleanAttribute })
-  showAggregations?: boolean;
-
-  /** Language used for data labels (column / dataset names). */
-  @Input({ alias: 'contentLanguage' })
-  contentLanguage?: string;
-
-  /** When true, aggregations render as multi-stage nested widgets. */
-  @Input({ alias: 'multiStageAggregation', transform: booleanAttribute })
-  multiStageAggregation?: boolean;
-
-  /** When true, aggregations can be nested inside other aggregations. */
-  @Input({ alias: 'nestedAggregation', transform: booleanAttribute })
-  nestedAggregation?: boolean;
-
-  /** The size of the element */
-  @Input({ alias: 'size' })
-  size?: 's' | 'm' | 'l' | 'xl';
-
-  /** Fired (debounced) when the expression changes (only when not readonly). */
-  readonly luzmoExpressionChanged = output<CustomEvent<unknown>>({ alias: 'luzmoExpressionChanged' });
-
-  /** Fired when fetching datasets by id fails. */
-  readonly luzmoDatasetsError = output<CustomEvent<unknown>>({ alias: 'luzmoDatasetsError' });
-
-  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 'readonly':
-          this.setHostProperty('readonly', changes['readonly'].currentValue);
-          break;
-        case 'placeholder':
-          this.setHostProperty('placeholder', changes['placeholder'].currentValue);
-          break;
-        case 'rows':
-          this.setHostProperty('rows', changes['rows'].currentValue);
-          break;
-        case 'maxRows':
-          this.setHostProperty('maxRows', changes['maxRows'].currentValue);
-          break;
-        case 'grows':
-          this.setHostProperty('grows', changes['grows'].currentValue);
-          break;
-        case 'language':
-          this.setHostProperty('language', changes['language'].currentValue);
-          break;
-        case 'expression':
-          this.setHostProperty('expression', changes['expression'].currentValue);
-          break;
-        case 'datasetsDataFields':
-          this.setHostProperty('datasetsDataFields', changes['datasetsDataFields'].currentValue);
-          break;
-        case 'datasetIds':
-          this.setHostProperty('datasetIds', changes['datasetIds'].currentValue);
-          break;
-        case 'apiUrl':
-          this.setHostProperty('apiUrl', changes['apiUrl'].currentValue);
-          break;
-        case 'authKey':
-          this.setHostProperty('authKey', changes['authKey'].currentValue);
-          break;
-        case 'authToken':
-          this.setHostProperty('authToken', changes['authToken'].currentValue);
-          break;
-        case 'showAggregations':
-          this.setHostProperty('showAggregations', changes['showAggregations'].currentValue);
-          break;
-        case 'contentLanguage':
-          this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-          break;
-        case 'multiStageAggregation':
-          this.setHostProperty('multiStageAggregation', changes['multiStageAggregation'].currentValue);
-          break;
-        case 'nestedAggregation':
-          this.setHostProperty('nestedAggregation', changes['nestedAggregation'].currentValue);
-          break;
-        case 'size':
-          this.setHostProperty('size', changes['size'].currentValue);
-          break;
-        default:
-          break;
-      }
-    }
-  }
-
-  /**
-   * Forward a wrapper @Input to the underlying host element via Renderer2 so
-   * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
-   * Unlike a "skip undefined" guard, this lets consumers reset values back to
-   * undefined / null by clearing their bindings.
-   */
-  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-expression-changed', (event: Event) => {
-        const typed = event as CustomEvent<unknown>;
-        this.luzmoExpressionChanged.emit(typed);
-      })
-    );
-
-    this.listenerCleanup.push(
-      this.renderer.listen(this.host, 'luzmo-datasets-error', (event: Event) => {
-        const typed = event as CustomEvent<unknown>;
-        this.luzmoDatasetsError.emit(typed);
-      })
-    );
-  }
-}
-
-/** The underlying custom element type for LuzmoFormulaField */
-export type LuzmoFormulaFieldElement = LuzmoFormulaFieldHostElement;

package/angular/components/formula.ts

@@ -1,170 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/formula';
-import type { LuzmoFormula as LuzmoFormulaHostElement } from '@luzmo/analytics-components-kit/formula';
-
-@Component({
-  selector: 'luzmo-formula',
-  exportAs: 'luzmoFormula',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content />'
-})
-/**
- * Angular wrapper component for <luzmo-formula>
- */
-export class LuzmoFormula implements OnChanges {
-  private readonly elementRef = inject<ElementRef<LuzmoFormulaHostElement>>(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(): LuzmoFormulaHostElement {
-    return this.host;
-  }
-
-  /** Rendering mode. `rich` (default) renders read-only column / aggregation pills; `text` renders plain text with an inline type icon per column. Both are always read-only. */
-  @Input({ alias: 'display' })
-  display?: 'rich' | 'text';
-
-  /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-  @Input({ alias: 'language' })
-  language?: string;
-
-  /** The formula expression (function syntax), e.g. `SUM({datasetId:columnId})`. */
-  @Input({ alias: 'expression' })
-  expression?: string;
-
-  /** Datasets and their data fields, provided directly (takes preference over `datasetIds`). */
-  @Input({ alias: 'datasetsDataFields' })
-  datasetsDataFields?: unknown;
-
-  /** Dataset ids to fetch from the Luzmo API (auth attributes optional for public datasets). */
-  @Input({ alias: 'datasetIds' })
-  datasetIds?: string[];
-
-  /** Base URL of the Luzmo API used to fetch datasets by id. */
-  @Input({ alias: 'apiUrl' })
-  apiUrl?: string;
-
-  /** Luzmo API authorization key, used with `authToken` to fetch datasets by id. */
-  @Input({ alias: 'authKey' })
-  authKey?: string;
-
-  /** Luzmo API authorization token, used with `authKey` to fetch datasets by id. */
-  @Input({ alias: 'authToken' })
-  authToken?: string;
-
-  /** Whether aggregation functions are offered (in the autocompletion, and - for the editor - via the aggregations list and pills). Defaults to `true`.  Note: as a boolean attribute defaulting to `true` it cannot be turned off via markup (an absent attribute keeps the default); set the `.showAggregations` property to `false` to disable. */
-  @Input({ alias: 'showAggregations', transform: booleanAttribute })
-  showAggregations?: boolean;
-
-  /** Language used for data labels (column / dataset names). */
-  @Input({ alias: 'contentLanguage' })
-  contentLanguage?: string;
-
-  /** When true, aggregations render as multi-stage nested widgets. */
-  @Input({ alias: 'multiStageAggregation', transform: booleanAttribute })
-  multiStageAggregation?: boolean;
-
-  /** When true, aggregations can be nested inside other aggregations. */
-  @Input({ alias: 'nestedAggregation', transform: booleanAttribute })
-  nestedAggregation?: boolean;
-
-  /** The size of the element */
-  @Input({ alias: 'size' })
-  size?: 's' | 'm' | 'l' | 'xl';
-
-  /** Fired (debounced) when the formula expression changes; `detail.expression` holds the new expression. */
-  readonly luzmoExpressionChanged = output<CustomEvent<unknown>>({ alias: 'luzmoExpressionChanged' });
-
-  /** Fired when fetching datasets by id fails. */
-  readonly luzmoDatasetsError = output<CustomEvent<unknown>>({ alias: 'luzmoDatasetsError' });
-
-  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 'display':
-          this.setHostProperty('display', changes['display'].currentValue);
-          break;
-        case 'language':
-          this.setHostProperty('language', changes['language'].currentValue);
-          break;
-        case 'expression':
-          this.setHostProperty('expression', changes['expression'].currentValue);
-          break;
-        case 'datasetsDataFields':
-          this.setHostProperty('datasetsDataFields', changes['datasetsDataFields'].currentValue);
-          break;
-        case 'datasetIds':
-          this.setHostProperty('datasetIds', changes['datasetIds'].currentValue);
-          break;
-        case 'apiUrl':
-          this.setHostProperty('apiUrl', changes['apiUrl'].currentValue);
-          break;
-        case 'authKey':
-          this.setHostProperty('authKey', changes['authKey'].currentValue);
-          break;
-        case 'authToken':
-          this.setHostProperty('authToken', changes['authToken'].currentValue);
-          break;
-        case 'showAggregations':
-          this.setHostProperty('showAggregations', changes['showAggregations'].currentValue);
-          break;
-        case 'contentLanguage':
-          this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-          break;
-        case 'multiStageAggregation':
-          this.setHostProperty('multiStageAggregation', changes['multiStageAggregation'].currentValue);
-          break;
-        case 'nestedAggregation':
-          this.setHostProperty('nestedAggregation', changes['nestedAggregation'].currentValue);
-          break;
-        case 'size':
-          this.setHostProperty('size', changes['size'].currentValue);
-          break;
-        default:
-          break;
-      }
-    }
-  }
-
-  /**
-   * Forward a wrapper @Input to the underlying host element via Renderer2 so
-   * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
-   * Unlike a "skip undefined" guard, this lets consumers reset values back to
-   * undefined / null by clearing their bindings.
-   */
-  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-expression-changed', (event: Event) => {
-        const typed = event as CustomEvent<unknown>;
-        this.luzmoExpressionChanged.emit(typed);
-      })
-    );
-
-    this.listenerCleanup.push(
-      this.renderer.listen(this.host, 'luzmo-datasets-error', (event: Event) => {
-        const typed = event as CustomEvent<unknown>;
-        this.luzmoDatasetsError.emit(typed);
-      })
-    );
-  }
-}
-
-/** The underlying custom element type for LuzmoFormula */
-export type LuzmoFormulaElement = LuzmoFormulaHostElement;

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

@@ -1,186 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/interactive-viz-item';
-import type { LuzmoInteractiveVizItem as LuzmoInteractiveVizItemHostElement, ChartFeedback, FlexChartConfig, InteractiveVizItemChartChangedEventDetail, InteractiveVizItemChartOptionsChangedEventDetail, InteractiveVizItemFeedbackChangedEventDetail } from '@luzmo/analytics-components-kit/interactive-viz-item';
-export type { ChartActionDescriptor, ChartActionType, ChartFeedback, ChartFeedbackRating, ChartMutationRequest, ChartOption, FlexChartConfig, InteractiveVizItemChartChangedEventDetail, InteractiveVizItemChartOptionsChangedEventDetail, InteractiveVizItemFeedbackChangedEventDetail, NormalizedChartConfig, Ranking, Sort } from '@luzmo/analytics-components-kit/interactive-viz-item';
-
-@Component({
-  selector: 'luzmo-interactive-viz-item',
-  exportAs: 'luzmoInteractiveVizItem',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content />'
-})
-/**
- * Angular wrapper component for <luzmo-interactive-viz-item>
- *
- * @slot chart-actions-extra - Host-injected actions rendered at the end of the inline actions bar (e.g. copy-to-dashboard).
- * @csspart container - The viz item container.
- * @csspart chart-container - The embedded chart wrapper.
- * @csspart config-panel - The expandable configuration panel.
- */
-export class LuzmoInteractiveVizItem implements OnChanges {
-  private readonly elementRef = inject<ElementRef<LuzmoInteractiveVizItemHostElement>>(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(): LuzmoInteractiveVizItemHostElement {
-    return this.host;
-  }
-
-  /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-  @Input({ alias: 'language' })
-  language?: string;
-
-  /** Loose chart config (type, options, slots, filters); slots may use the keyed-object form. */
-  @Input({ alias: 'chart' })
-  chart?: FlexChartConfig | null;
-
-  /** Current feedback (drives the thumbs up/down selection). */
-  @Input({ alias: 'feedback' })
-  feedback?: ChartFeedback | null;
-
-  /** Message id from the backend. Feedback is only shown when set. */
-  @Input({ alias: 'messageId' })
-  messageId?: string;
-
-  /** Auth key for the embedded chart and config panels. */
-  @Input({ alias: 'authKey' })
-  authKey?: string;
-
-  /** Auth token for the embedded chart and config panels. */
-  @Input({ alias: 'authToken' })
-  authToken?: string;
-
-  /** API URL for the embedded chart and config panels. */
-  @Input({ alias: 'apiUrl' })
-  apiUrl?: string;
-
-  /** App server URL for the embedded chart (assets, thumbnails). */
-  @Input({ alias: 'appServer' })
-  appServer?: string;
-
-  /** Content language for chart data and dataset metadata. Defaults to the UI `language`. */
-  @Input({ alias: 'contentLanguage' })
-  contentLanguage?: string;
-
-  /** When present, hides the inline chart actions (ranking, display mode). */
-  @Input({ alias: 'hideActions', transform: booleanAttribute })
-  hideActions?: boolean;
-
-  /** When present, hides the feedback bar. */
-  @Input({ alias: 'hideFeedback', transform: booleanAttribute })
-  hideFeedback?: boolean;
-
-  /** When present, hides the config-panel toggle and the panel itself. */
-  @Input({ alias: 'hideConfigPanel', transform: booleanAttribute })
-  hideConfigPanel?: boolean;
-
-  /** The size of the element */
-  @Input({ alias: 'size' })
-  size?: 's' | 'm' | 'l' | 'xl';
-
-  /** Fired when the inline actions (ranking, sort, display mode) change the chart options. */
-  readonly luzmoChartOptionsChanged = output<CustomEvent<InteractiveVizItemChartOptionsChangedEventDetail>>({ alias: 'luzmoChartOptionsChanged' });
-
-  /** Fired when the config panel changes slots, filters, or options (full chart). */
-  readonly luzmoChartChanged = output<CustomEvent<InteractiveVizItemChartChangedEventDetail>>({ alias: 'luzmoChartChanged' });
-
-  /** Fired when the user changes the thumbs up/down rating. */
-  readonly luzmoFeedbackChanged = output<CustomEvent<InteractiveVizItemFeedbackChangedEventDetail>>({ alias: 'luzmoFeedbackChanged' });
-
-  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 'chart':
-          this.setHostProperty('chart', changes['chart'].currentValue);
-          break;
-        case 'feedback':
-          this.setHostProperty('feedback', changes['feedback'].currentValue);
-          break;
-        case 'messageId':
-          this.setHostProperty('messageId', changes['messageId'].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 'contentLanguage':
-          this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-          break;
-        case 'hideActions':
-          this.setHostProperty('hideActions', changes['hideActions'].currentValue);
-          break;
-        case 'hideFeedback':
-          this.setHostProperty('hideFeedback', changes['hideFeedback'].currentValue);
-          break;
-        case 'hideConfigPanel':
-          this.setHostProperty('hideConfigPanel', changes['hideConfigPanel'].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-chart-options-changed', (event: Event) => {
-        const typed = event as CustomEvent<InteractiveVizItemChartOptionsChangedEventDetail>;
-        this.luzmoChartOptionsChanged.emit(typed);
-      })
-    );
-
-    this.listenerCleanup.push(
-      this.renderer.listen(this.host, 'luzmo-chart-changed', (event: Event) => {
-        const typed = event as CustomEvent<InteractiveVizItemChartChangedEventDetail>;
-        this.luzmoChartChanged.emit(typed);
-      })
-    );
-
-    this.listenerCleanup.push(
-      this.renderer.listen(this.host, 'luzmo-feedback-changed', (event: Event) => {
-        const typed = event as CustomEvent<InteractiveVizItemFeedbackChangedEventDetail>;
-        this.luzmoFeedbackChanged.emit(typed);
-      })
-    );
-  }
-}
-
-/** The underlying custom element type for LuzmoInteractiveVizItem */
-export type LuzmoInteractiveVizItemElement = LuzmoInteractiveVizItemHostElement;

package/angular/components/item-grid-item-actions-menu.ts

@@ -1,113 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-grid';
-import type { LuzmoItemGridItemActionsMenu as LuzmoItemGridItemActionsMenuHostElement, ActionGroup } from '@luzmo/analytics-components-kit/item-grid';
-export type { Action, ActionGroup, AddGridItemInput, ClonedItemPositioning, DefaultActionType, GridItemActionEventDetail, GridItemData, GridItemPatch, GridItemPosition, GridItemPositionPatch, GridItemRenderer, GridItemSizePatch, GridItemStatesChangedEventDetail, GridLifecycleEventDetail, InputActionGroup, ItemStates } from '@luzmo/analytics-components-kit/item-grid';
-import type { Placement } from '@luzmo/lucero';
-
-@Component({
-  selector: 'luzmo-item-grid-item-actions-menu',
-  exportAs: 'luzmoItemGridItemActionsMenu',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content />'
-})
-/**
- * Angular wrapper component for <luzmo-item-grid-item-actions-menu>
- */
-export class LuzmoItemGridItemActionsMenu implements OnChanges {
-  private readonly elementRef = inject<ElementRef<LuzmoItemGridItemActionsMenuHostElement>>(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(): LuzmoItemGridItemActionsMenuHostElement {
-    return this.host;
-  }
-
-  /** The preferred placement of the menu */
-  @Input({ alias: 'placement' })
-  placement?: Placement;
-
-  /** The Actions to display in the menu */
-  @Input({ alias: 'actions' })
-  actions?: ActionGroup[];
-
-  /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-  @Input({ alias: 'language' })
-  language?: string;
-
-  /** Disable this control. It will not receive focus or events */
-  @Input({ alias: 'disabled', transform: booleanAttribute })
-  disabled?: boolean;
-
-  /** When this control is rendered, focus it automatically */
-  @Input({ alias: 'autofocus', transform: booleanAttribute })
-  autofocus?: boolean;
-
-  /** The tab index to apply to this control. See general documentation about the tabindex HTML property */
-  @Input({ alias: 'tabIndex' })
-  tabIndex?: number;
-
-  /** Fired when the user clicks an action in the menu; `detail` holds the action key, type, and active state. */
-  readonly luzmoItemGridItemAction = output<CustomEvent<unknown>>({ alias: 'luzmoItemGridItemAction' });
-
-  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 'placement':
-          this.setHostProperty('placement', changes['placement'].currentValue);
-          break;
-        case 'actions':
-          this.setHostProperty('actions', changes['actions'].currentValue);
-          break;
-        case 'language':
-          this.setHostProperty('language', changes['language'].currentValue);
-          break;
-        case 'disabled':
-          this.setHostProperty('disabled', changes['disabled'].currentValue);
-          break;
-        case 'autofocus':
-          this.setHostProperty('autofocus', changes['autofocus'].currentValue);
-          break;
-        case 'tabIndex':
-          this.setHostProperty('tabIndex', changes['tabIndex'].currentValue);
-          break;
-        default:
-          break;
-      }
-    }
-  }
-
-  /**
-   * Forward a wrapper @Input to the underlying host element via Renderer2 so
-   * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
-   * Unlike a "skip undefined" guard, this lets consumers reset values back to
-   * undefined / null by clearing their bindings.
-   */
-  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-item-grid-item-action', (event: Event) => {
-        const typed = event as CustomEvent<unknown>;
-        this.luzmoItemGridItemAction.emit(typed);
-      })
-    );
-  }
-}
-
-/** The underlying custom element type for LuzmoItemGridItemActionsMenu */
-export type LuzmoItemGridItemActionsMenuElement = LuzmoItemGridItemActionsMenuHostElement;