@luzmo/analytics-components-kit 1.0.9-beta.10 → 1.0.9-beta.12

package/angular/components/filter-item.ts

@@ -1,207 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/filter-item';
-import type { LuzmoFilterItem as LuzmoFilterItemHostElement, FilterColumnDisplay, FilterItemDisplay } from '@luzmo/analytics-components-kit/filter-item';
-export type { FilterColumnDisplay, FilterItemDisplay } from '@luzmo/analytics-components-kit/filter-item';
-import type { FilterParameter } from '@luzmo/analytics-components-kit/filters';
-
-@Component({
-  selector: 'luzmo-filter-item',
-  exportAs: 'luzmoFilterItem',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content />'
-})
-/**
- * Angular wrapper component for <luzmo-filter-item>
- *
- * @csspart filter-item-text - The read-only filter sentence rendered by `display="text"`.
- * @csspart filter-item-text-field - A column or formula reference in the read-only sentence.
- */
-export class LuzmoFilterItem implements OnChanges {
-  private readonly elementRef = inject<ElementRef<LuzmoFilterItemHostElement>>(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(): LuzmoFilterItemHostElement {
-    return this.host;
-  }
-
-  /** 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;
-
-  /** The cache time of the databroker */
-  @Input({ alias: 'cacheTime' })
-  cacheTime?: number;
-
-  /** The language of the content */
-  @Input({ alias: 'contentLanguage' })
-  contentLanguage?: string;
-
-  /** The time zone to use for the date picker */
-  @Input({ alias: 'timeZone' })
-  timeZone?: string;
-
-  /** The dataset ids to fetch columns & formulas */
-  @Input({ alias: 'datasetIds' })
-  datasetIds?: string[];
-
-  /** The filter to display */
-  @Input({ alias: 'filter' })
-  filter?: any;
-
-  /** Presentation of the filter item: editable controls or a read-only sentence. */
-  @Input({ alias: 'display' })
-  display?: FilterItemDisplay;
-
-  /** Presentation of column and formula references in text display. */
-  @Input({ alias: 'columnDisplay' })
-  columnDisplay?: FilterColumnDisplay;
-
-  /** Removes rich-editor control chrome while keeping the controls editable. */
-  @Input({ alias: 'quiet', transform: booleanAttribute })
-  quiet?: boolean;
-
-  /** Prevents changes while preserving the selected display and visual treatment. */
-  @Input({ alias: 'readonly', transform: booleanAttribute })
-  readonly?: boolean;
-
-  /** Disables every rich-editor control and applies its disabled treatment. */
-  @Input({ alias: 'disabled', transform: booleanAttribute })
-  disabled?: boolean;
-
-  /** Whether parameter-backed filter values can be created and selected. */
-  @Input({ alias: 'allowParameters', transform: booleanAttribute })
-  allowParameters?: boolean;
-
-  /** Consumer-owned parameter definitions available for selection. */
-  @Input({ alias: 'parameters' })
-  parameters?: FilterParameter[];
-
-  /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-  @Input({ alias: 'language' })
-  language?: string;
-
-  /** The size of the element */
-  @Input({ alias: 'size' })
-  size?: 's' | 'm' | 'l' | 'xl';
-
-  /** 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 any part of the filter changes; `detail.filter` holds the updated filter. */
-  readonly luzmoFilterChanged = output<CustomEvent<unknown>>({ alias: 'luzmoFilterChanged' });
-
-  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 '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 'cacheTime':
-          this.setHostProperty('cacheTime', changes['cacheTime'].currentValue);
-          break;
-        case 'contentLanguage':
-          this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-          break;
-        case 'timeZone':
-          this.setHostProperty('timeZone', changes['timeZone'].currentValue);
-          break;
-        case 'datasetIds':
-          this.setHostProperty('datasetIds', changes['datasetIds'].currentValue);
-          break;
-        case 'filter':
-          this.setHostProperty('filter', changes['filter'].currentValue);
-          break;
-        case 'display':
-          this.setHostProperty('display', changes['display'].currentValue);
-          break;
-        case 'columnDisplay':
-          this.setHostProperty('columnDisplay', changes['columnDisplay'].currentValue);
-          break;
-        case 'quiet':
-          this.setHostProperty('quiet', changes['quiet'].currentValue);
-          break;
-        case 'readonly':
-          this.setHostProperty('readonly', changes['readonly'].currentValue);
-          break;
-        case 'disabled':
-          this.setHostProperty('disabled', changes['disabled'].currentValue);
-          break;
-        case 'allowParameters':
-          this.setHostProperty('allowParameters', changes['allowParameters'].currentValue);
-          break;
-        case 'parameters':
-          this.setHostProperty('parameters', changes['parameters'].currentValue);
-          break;
-        case 'language':
-          this.setHostProperty('language', changes['language'].currentValue);
-          break;
-        case 'size':
-          this.setHostProperty('size', changes['size'].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-filter-changed', (event: Event) => {
-        const typed = event as CustomEvent<unknown>;
-        this.luzmoFilterChanged.emit(typed);
-      })
-    );
-  }
-}
-
-/** The underlying custom element type for LuzmoFilterItem */
-export type LuzmoFilterItemElement = LuzmoFilterItemHostElement;

package/angular/components/filter-parameter-picker.ts

@@ -1,155 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/filter-parameter-picker';
-import type { LuzmoFilterParameterPicker as LuzmoFilterParameterPickerHostElement, FilterParameterPickerEventDetail } from '@luzmo/analytics-components-kit/filter-parameter-picker';
-export type { FilterParameterPickerEventDetail } from '@luzmo/analytics-components-kit/filter-parameter-picker';
-import type { FilterParameterType } from '@luzmo/analytics-components-kit/filters';
-import type { ItemFilterParameterDefinition } from '@luzmo/dashboard-contents-types';
-
-@Component({
-  selector: 'luzmo-filter-parameter-picker',
-  exportAs: 'luzmoFilterParameterPicker',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content />'
-})
-/**
- * Angular wrapper component for <luzmo-filter-parameter-picker>
- */
-export class LuzmoFilterParameterPicker implements OnChanges {
-  private readonly elementRef = inject<ElementRef<LuzmoFilterParameterPickerHostElement>>(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(): LuzmoFilterParameterPickerHostElement {
-    return this.host;
-  }
-
-  /** Parameter definitions available for selection. */
-  @Input({ alias: 'parameters' })
-  parameters?: ItemFilterParameterDefinition[];
-
-  /** Parameter types compatible with the active field and expression. */
-  @Input({ alias: 'allowedTypes' })
-  allowedTypes?: FilterParameterType[];
-
-  /** The parameter currently attached to the filter. */
-  @Input({ alias: 'selectedParameter' })
-  selectedParameter?: ItemFilterParameterDefinition;
-
-  /** The current literal filter value used as the default for a new parameter. */
-  @Input({ alias: 'currentValue' })
-  currentValue?: unknown;
-
-  /** Whether parameter selection is disabled. */
-  @Input({ alias: 'disabled', transform: booleanAttribute })
-  disabled?: boolean;
-
-  /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-  @Input({ alias: 'language' })
-  language?: string;
-
-  /** The size of the element */
-  @Input({ alias: 'size' })
-  size?: 's' | 'm' | 'l' | 'xl';
-
-  /** 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 a parameter is selected. */
-  readonly luzmoParameterSelected = output<CustomEvent<FilterParameterPickerEventDetail>>({ alias: 'luzmoParameterSelected' });
-
-  /** Fired when a parameter is created. */
-  readonly luzmoParameterCreated = output<CustomEvent<FilterParameterPickerEventDetail>>({ alias: 'luzmoParameterCreated' });
-
-  /** Fired when a parameter is detached from the filter. */
-  readonly luzmoParameterRemoved = output<CustomEvent<FilterParameterPickerEventDetail>>({ alias: 'luzmoParameterRemoved' });
-
-  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 'parameters':
-          this.setHostProperty('parameters', changes['parameters'].currentValue);
-          break;
-        case 'allowedTypes':
-          this.setHostProperty('allowedTypes', changes['allowedTypes'].currentValue);
-          break;
-        case 'selectedParameter':
-          this.setHostProperty('selectedParameter', changes['selectedParameter'].currentValue);
-          break;
-        case 'currentValue':
-          this.setHostProperty('currentValue', changes['currentValue'].currentValue);
-          break;
-        case 'disabled':
-          this.setHostProperty('disabled', changes['disabled'].currentValue);
-          break;
-        case 'language':
-          this.setHostProperty('language', changes['language'].currentValue);
-          break;
-        case 'size':
-          this.setHostProperty('size', changes['size'].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-parameter-selected', (event: Event) => {
-        const typed = event as CustomEvent<FilterParameterPickerEventDetail>;
-        this.luzmoParameterSelected.emit(typed);
-      })
-    );
-
-    this.listenerCleanup.push(
-      this.renderer.listen(this.host, 'luzmo-parameter-created', (event: Event) => {
-        const typed = event as CustomEvent<FilterParameterPickerEventDetail>;
-        this.luzmoParameterCreated.emit(typed);
-      })
-    );
-
-    this.listenerCleanup.push(
-      this.renderer.listen(this.host, 'luzmo-parameter-removed', (event: Event) => {
-        const typed = event as CustomEvent<FilterParameterPickerEventDetail>;
-        this.luzmoParameterRemoved.emit(typed);
-      })
-    );
-  }
-}
-
-/** The underlying custom element type for LuzmoFilterParameterPicker */
-export type LuzmoFilterParameterPickerElement = LuzmoFilterParameterPickerHostElement;

package/angular/components/filter-value-picker-datetime.ts

@@ -1,125 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/filter-value-picker-datetime';
-import type { LuzmoFilterValuePickerDatetime as LuzmoFilterValuePickerDatetimeHostElement } from '@luzmo/analytics-components-kit/filter-value-picker-datetime';
-
-@Component({
-  selector: 'luzmo-filter-value-picker-datetime',
-  exportAs: 'luzmoFilterValuePickerDatetime',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content />'
-})
-/**
- * Angular wrapper component for <luzmo-filter-value-picker-datetime>
- */
-export class LuzmoFilterValuePickerDatetime implements OnChanges {
-  private readonly elementRef = inject<ElementRef<LuzmoFilterValuePickerDatetimeHostElement>>(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(): LuzmoFilterValuePickerDatetimeHostElement {
-    return this.host;
-  }
-
-  /** The language to use for locale-aware formatting and column/formula labels */
-  @Input({ alias: 'contentLanguage' })
-  contentLanguage?: string;
-
-  /** The time zone to use for the date picker */
-  @Input({ alias: 'timeZone' })
-  timeZone?: string;
-
-  /** The filter used to retrieve the value */
-  @Input({ alias: 'filter' })
-  filter?: any;
-
-  /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-  @Input({ alias: 'language' })
-  language?: string;
-
-  /** The size of the element */
-  @Input({ alias: 'size' })
-  size?: 's' | 'm' | 'l' | 'xl';
-
-  /** 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 datetime filter value changes; `detail.value` holds the new value (ISO date or relative range). */
-  readonly luzmoFilterValueChanged = output<CustomEvent<unknown>>({ alias: 'luzmoFilterValueChanged' });
-
-  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 'contentLanguage':
-          this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-          break;
-        case 'timeZone':
-          this.setHostProperty('timeZone', changes['timeZone'].currentValue);
-          break;
-        case 'filter':
-          this.setHostProperty('filter', changes['filter'].currentValue);
-          break;
-        case 'language':
-          this.setHostProperty('language', changes['language'].currentValue);
-          break;
-        case 'size':
-          this.setHostProperty('size', changes['size'].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-filter-value-changed', (event: Event) => {
-        const typed = event as CustomEvent<unknown>;
-        this.luzmoFilterValueChanged.emit(typed);
-      })
-    );
-  }
-}
-
-/** The underlying custom element type for LuzmoFilterValuePickerDatetime */
-export type LuzmoFilterValuePickerDatetimeElement = LuzmoFilterValuePickerDatetimeHostElement;

package/angular/components/filter-value-picker-hierarchy.ts

@@ -1,146 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
-import '@luzmo/analytics-components-kit/filter-value-picker-hierarchy';
-import type { LuzmoFilterValuePickerHierarchy as LuzmoFilterValuePickerHierarchyHostElement } from '@luzmo/analytics-components-kit/filter-value-picker-hierarchy';
-
-@Component({
-  selector: 'luzmo-filter-value-picker-hierarchy',
-  exportAs: 'luzmoFilterValuePickerHierarchy',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: '<ng-content />'
-})
-/**
- * Angular wrapper component for <luzmo-filter-value-picker-hierarchy>
- */
-export class LuzmoFilterValuePickerHierarchy implements OnChanges {
-  private readonly elementRef = inject<ElementRef<LuzmoFilterValuePickerHierarchyHostElement>>(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(): LuzmoFilterValuePickerHierarchyHostElement {
-    return this.host;
-  }
-
-  /** 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;
-
-  /** The cache time of the databroker */
-  @Input({ alias: 'cacheTime' })
-  cacheTime?: number;
-
-  /** The language to use for locale-aware formatting and labels */
-  @Input({ alias: 'contentLanguage' })
-  contentLanguage?: string;
-
-  /** The filter used to retrieve the value */
-  @Input({ alias: 'filter' })
-  filter?: any;
-
-  /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
-  @Input({ alias: 'language' })
-  language?: string;
-
-  /** The size of the element */
-  @Input({ alias: 'size' })
-  size?: 's' | 'm' | 'l' | 'xl';
-
-  /** 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 hierarchy filter value changes; `detail.value` holds the selected value(s). */
-  readonly luzmoFilterValueChanged = output<CustomEvent<unknown>>({ alias: 'luzmoFilterValueChanged' });
-
-  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 '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 'cacheTime':
-          this.setHostProperty('cacheTime', changes['cacheTime'].currentValue);
-          break;
-        case 'contentLanguage':
-          this.setHostProperty('contentLanguage', changes['contentLanguage'].currentValue);
-          break;
-        case 'filter':
-          this.setHostProperty('filter', changes['filter'].currentValue);
-          break;
-        case 'language':
-          this.setHostProperty('language', changes['language'].currentValue);
-          break;
-        case 'size':
-          this.setHostProperty('size', changes['size'].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-filter-value-changed', (event: Event) => {
-        const typed = event as CustomEvent<unknown>;
-        this.luzmoFilterValueChanged.emit(typed);
-      })
-    );
-  }
-}
-
-/** The underlying custom element type for LuzmoFilterValuePickerHierarchy */
-export type LuzmoFilterValuePickerHierarchyElement = LuzmoFilterValuePickerHierarchyHostElement;