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

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;

package/angular/components/item-grid.ts

@@ -1,242 +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 { LuzmoItemGrid as LuzmoItemGridHostElement, ClonedItemPositioning, GridItemActionEventDetail, GridItemData, GridItemRenderer, GridItemStatesChangedEventDetail, GridLifecycleEventDetail, InputActionGroup, ItemStates } 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 { ThemeConfig } from '@luzmo/dashboard-contents-types';
-import type { Placement } from '@luzmo/lucero';
-
-@Component({
-  selector: 'luzmo-item-grid',
-  exportAs: 'luzmoItemGrid',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content />'
-})
-/**
- * Angular wrapper component for <luzmo-item-grid>
- */
-export class LuzmoItemGrid implements OnChanges {
-  private readonly elementRef = inject<ElementRef<LuzmoItemGridHostElement>>(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(): LuzmoItemGridHostElement {
-    return this.host;
-  }
-
-  /** The URL of the app server */
-  @Input({ alias: 'appServer' })
-  appServer?: string;
-
-  /** The API Host of the databroker */
-  @Input({ alias: 'apiHost' })
-  apiHost?: string;
-
-  /** The auth key of the databroker */
-  @Input({ alias: 'authKey' })
-  authKey?: string;
-
-  /** The auth token of the databroker */
-  @Input({ alias: 'authToken' })
-  authToken?: string;
-
-  /** The cache time of the databroker */
-  @Input({ alias: 'cacheTime' })
-  cacheTime?: number;
-
-  /** 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 number of columns in the grid. */
-  @Input({ alias: 'columns' })
-  columns?: number;
-
-  /** The height of each row in pixels in the grid. */
-  @Input({ alias: 'rowHeight' })
-  rowHeight?: number;
-
-  /** Whether the grid is in view mode. When true, dragging, resizing and action buttons are disabled. */
-  @Input({ alias: 'viewMode', transform: booleanAttribute })
-  viewMode?: boolean;
-
-  /** When true (default), the item actions menu uses the Document Popover API (`popover="manual"`), which paints in the top layer. Set to false when embedding the grid next to another UI that also uses a document popover (e.g. an analyst side pane) so the actions menu stays in normal stacking with `position: fixed` + Floating UI instead. */
-  @Input({ alias: 'itemActionsDocumentPopover', transform: booleanAttribute })
-  itemActionsDocumentPopover?: boolean;
-
-  /** The placement of the item actions menu. */
-  @Input({ alias: 'placementItemActionsMenu' })
-  placementItemActionsMenu?: Placement;
-
-  /** The default item actions menu. */
-  @Input({ alias: 'defaultItemActionsMenu' })
-  defaultItemActionsMenu?: InputActionGroup[];
-
-  /** Where to position a cloned item in the grid. - `'below-item'` (default): places the clone directly below the original item, shifting other items down. - `'auto-position'`: lets the grid engine find the first available space (row-major scan, then compact upward). */
-  @Input({ alias: 'clonedItemPositioning' })
-  clonedItemPositioning?: ClonedItemPositioning;
-
-  /** Grid options configuration */
-  @Input({ alias: 'theme' })
-  theme?: ThemeConfig;
-
-  /** Items to add to the grid. The array is cloned on set so the component never mutates the caller's data. */
-  @Input({ alias: 'items' })
-  items?: GridItemData[];
-
-  /** Seed value for uncontrolled items mode. The component manages item changes internally from this starting point. Ignored when `items` is set. */
-  @Input({ alias: 'initialItems' })
-  initialItems?: GridItemData[];
-
-  /** Custom renderers for different item types */
-  @Input({ alias: 'renderers' })
-  renderers?: Record<string, GridItemRenderer>;
-
-  /** Controlled item states. When set, the component becomes controlled: it only reflects what the parent provides and does not update internal state on user interaction. */
-  @Input({ alias: 'itemStates' })
-  itemStates?: ItemStates;
-
-  /** Seed value for uncontrolled mode. The component manages state internally from this starting point. Ignored if `itemStates` is set.  Only one item with one active action is supported. If multiple items or actions are provided, a warning is emitted and only the first item with its first action is applied. Use controlled mode (`itemStates`) for multiple simultaneous active items. */
-  @Input({ alias: 'initialItemStates' })
-  initialItemStates?: ItemStates;
-
-  /** Fired when an item action is performed */
-  readonly luzmoItemGridItemAction = output<CustomEvent<GridItemActionEventDetail>>({ alias: 'luzmoItemGridItemAction' });
-
-  /** Fired when the grid layout is changed */
-  readonly luzmoItemGridLayoutChanged = output<CustomEvent<GridLifecycleEventDetail>>({ alias: 'luzmoItemGridLayoutChanged' });
-
-  /** Fired when the grid is ready */
-  readonly luzmoItemGridReady = output<CustomEvent<GridLifecycleEventDetail>>({ alias: 'luzmoItemGridReady' });
-
-  /** Fired when item states change (controlled and uncontrolled mode) */
-  readonly luzmoItemGridItemStatesChanged = output<CustomEvent<GridItemStatesChangedEventDetail>>({ alias: 'luzmoItemGridItemStatesChanged' });
-
-  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 'appServer':
-          this.setHostProperty('appServer', changes['appServer'].currentValue);
-          break;
-        case 'apiHost':
-          this.setHostProperty('apiHost', changes['apiHost'].currentValue);
-          break;
-        case 'authKey':
-          this.setHostProperty('authKey', changes['authKey'].currentValue);
-          break;
-        case 'authToken':
-          this.setHostProperty('authToken', changes['authToken'].currentValue);
-          break;
-        case 'cacheTime':
-          this.setHostProperty('cacheTime', changes['cacheTime'].currentValue);
-          break;
-        case 'language':
-          this.setHostProperty('language', changes['language'].currentValue);
-          break;
-        case 'contentLanguage':
-          this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-          break;
-        case 'columns':
-          this.setHostProperty('columns', changes['columns'].currentValue);
-          break;
-        case 'rowHeight':
-          this.setHostProperty('rowHeight', changes['rowHeight'].currentValue);
-          break;
-        case 'viewMode':
-          this.setHostProperty('viewMode', changes['viewMode'].currentValue);
-          break;
-        case 'itemActionsDocumentPopover':
-          this.setHostProperty('itemActionsDocumentPopover', changes['itemActionsDocumentPopover'].currentValue);
-          break;
-        case 'placementItemActionsMenu':
-          this.setHostProperty('placementItemActionsMenu', changes['placementItemActionsMenu'].currentValue);
-          break;
-        case 'defaultItemActionsMenu':
-          this.setHostProperty('defaultItemActionsMenu', changes['defaultItemActionsMenu'].currentValue);
-          break;
-        case 'clonedItemPositioning':
-          this.setHostProperty('clonedItemPositioning', changes['clonedItemPositioning'].currentValue);
-          break;
-        case 'theme':
-          this.setHostProperty('theme', changes['theme'].currentValue);
-          break;
-        case 'items':
-          this.setHostProperty('items', changes['items'].currentValue);
-          break;
-        case 'initialItems':
-          this.setHostProperty('initialItems', changes['initialItems'].currentValue);
-          break;
-        case 'renderers':
-          this.setHostProperty('renderers', changes['renderers'].currentValue);
-          break;
-        case 'itemStates':
-          this.setHostProperty('itemStates', changes['itemStates'].currentValue);
-          break;
-        case 'initialItemStates':
-          this.setHostProperty('initialItemStates', changes['initialItemStates'].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<GridItemActionEventDetail>;
-        this.luzmoItemGridItemAction.emit(typed);
-      })
-    );
-
-    this.listenerCleanup.push(
-      this.renderer.listen(this.host, 'luzmo-item-grid-layout-changed', (event: Event) => {
-        const typed = event as CustomEvent<GridLifecycleEventDetail>;
-        this.luzmoItemGridLayoutChanged.emit(typed);
-      })
-    );
-
-    this.listenerCleanup.push(
-      this.renderer.listen(this.host, 'luzmo-item-grid-ready', (event: Event) => {
-        const typed = event as CustomEvent<GridLifecycleEventDetail>;
-        this.luzmoItemGridReady.emit(typed);
-      })
-    );
-
-    this.listenerCleanup.push(
-      this.renderer.listen(this.host, 'luzmo-item-grid-item-states-changed', (event: Event) => {
-        const typed = event as CustomEvent<GridItemStatesChangedEventDetail>;
-        this.luzmoItemGridItemStatesChanged.emit(typed);
-      })
-    );
-  }
-}
-
-/** The underlying custom element type for LuzmoItemGrid */
-export type LuzmoItemGridElement = LuzmoItemGridHostElement;

package/angular/components/item-option-action-button-group.ts

@@ -1,105 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/item-option-action-button-group';
-import type { LuzmoItemOptionActionButtonGroup as LuzmoItemOptionActionButtonGroupHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-action-button-group';
-export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-action-button-group';
-
-@Component({
-  selector: 'luzmo-item-option-action-button-group',
-  exportAs: 'luzmoItemOptionActionButtonGroup',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content />'
-})
-/**
- * Angular wrapper component for <luzmo-item-option-action-button-group>
- */
-export class LuzmoItemOptionActionButtonGroup implements OnChanges {
-  private readonly elementRef = inject<ElementRef<LuzmoItemOptionActionButtonGroupHostElement>>(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(): LuzmoItemOptionActionButtonGroupHostElement {
-    return this.host;
-  }
-
-  /** The available buttons to choose from (key → button content). */
-  @Input({ alias: 'values' })
-  values?: unknown;
-
-  /** Whether the control is disabled (non-interactive). */
-  @Input({ alias: 'disabled', transform: booleanAttribute })
-  disabled?: boolean;
-
-  /** Selection mode: `single` or `multiple`. */
-  @Input({ alias: 'selects' })
-  selects?: 'single' | 'multiple';
-
-  /** The currently selected button key(s). */
-  @Input({ alias: 'value' })
-  value?: [string];
-
-  /** The default selection used when no value is set. */
-  @Input({ alias: 'default' })
-  default?: [string];
-
-  /** Emitted when the option value changes. */
-  readonly luzmoOptionChanged = output<CustomEvent<ItemOptionChangedEventDetail>>({ alias: 'luzmoOptionChanged' });
-
-  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 'values':
-          this.setHostProperty('values', changes['values'].currentValue);
-          break;
-        case 'disabled':
-          this.setHostProperty('disabled', changes['disabled'].currentValue);
-          break;
-        case 'selects':
-          this.setHostProperty('selects', changes['selects'].currentValue);
-          break;
-        case 'value':
-          this.setHostProperty('value', changes['value'].currentValue);
-          break;
-        case 'default':
-          this.setHostProperty('default', changes['default'].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-option-changed', (event: Event) => {
-        const typed = event as CustomEvent<ItemOptionChangedEventDetail>;
-        this.luzmoOptionChanged.emit(typed);
-      })
-    );
-  }
-}
-
-/** The underlying custom element type for LuzmoItemOptionActionButtonGroup */
-export type LuzmoItemOptionActionButtonGroupElement = LuzmoItemOptionActionButtonGroupHostElement;