@luzmo/analytics-components-kit 1.0.8-beta.4 → 1.0.8-beta.6

package/angular/esm/components/item-option-panel.js

@@ -0,0 +1,155 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/item-option-panel';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-item-option-panel>
+ */
+export class LuzmoItemOptionPanel {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    host = this.elementRef.nativeElement;
+    listenerCleanup = [];
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement() {
+        return this.host;
+    }
+    /** The language in which to display the option configuration controls. */
+    language;
+    /** The item type to load the configuration for. Leave empty if using a custom options configuration. */
+    itemType;
+    /** The options of the item. */
+    options;
+    /** The slots of the item. */
+    slots;
+    /** When using a custom options configuration, this is the configuration object. */
+    customOptionsConfiguration;
+    /** When using a custom translations configuration, this is the configuration object. */
+    customTranslations;
+    /** The theme of the item. */
+    theme;
+    /** The size of the item option panel component. */
+    size;
+    /** The API URL of the databroker */
+    apiUrl;
+    /** The auth key of the databroker */
+    authKey;
+    /** The auth token of the databroker */
+    authToken;
+    /** Announces that the `options` of the element have changed */
+    luzmoOptionsChanged = output({ alias: 'luzmoOptionsChanged' });
+    constructor() {
+        this.bindEvents();
+        this.destroyRef.onDestroy(() => {
+            for (const cleanup of this.listenerCleanup) {
+                cleanup();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        for (const key of Object.keys(changes)) {
+            switch (key) {
+                case 'language':
+                    this.setHostProperty('language', changes['language'].currentValue);
+                    break;
+                case 'itemType':
+                    this.setHostProperty('itemType', changes['itemType'].currentValue);
+                    break;
+                case 'options':
+                    this.setHostProperty('options', changes['options'].currentValue);
+                    break;
+                case 'slots':
+                    this.setHostProperty('slots', changes['slots'].currentValue);
+                    break;
+                case 'customOptionsConfiguration':
+                    this.setHostProperty('customOptionsConfiguration', changes['customOptionsConfiguration'].currentValue);
+                    break;
+                case 'customTranslations':
+                    this.setHostProperty('customTranslations', changes['customTranslations'].currentValue);
+                    break;
+                case 'theme':
+                    this.setHostProperty('theme', changes['theme'].currentValue);
+                    break;
+                case 'size':
+                    this.setHostProperty('size', changes['size'].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;
+                default:
+                    break;
+            }
+        }
+    }
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    setHostProperty(key, value) {
+        this.renderer.setProperty(this.host, key, value);
+    }
+    bindEvents() {
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-options-changed', (event) => {
+            const typed = event;
+            this.luzmoOptionsChanged.emit(typed);
+        }));
+    }
+    static ɵfac = function LuzmoItemOptionPanel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionPanel)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionPanel, selectors: [["luzmo-item-option-panel"]], inputs: { language: "language", itemType: "itemType", options: "options", slots: "slots", customOptionsConfiguration: "customOptionsConfiguration", customTranslations: "customTranslations", theme: "theme", size: "size", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken" }, outputs: { luzmoOptionsChanged: "luzmoOptionsChanged" }, exportAs: ["luzmoItemOptionPanel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionPanel, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-item-option-panel',
+                exportAs: 'luzmoItemOptionPanel',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { language: [{
+            type: Input,
+            args: [{ alias: 'language' }]
+        }], itemType: [{
+            type: Input,
+            args: [{ alias: 'itemType' }]
+        }], options: [{
+            type: Input,
+            args: [{ alias: 'options' }]
+        }], slots: [{
+            type: Input,
+            args: [{ alias: 'slots' }]
+        }], customOptionsConfiguration: [{
+            type: Input,
+            args: [{ alias: 'customOptionsConfiguration' }]
+        }], customTranslations: [{
+            type: Input,
+            args: [{ alias: 'customTranslations' }]
+        }], theme: [{
+            type: Input,
+            args: [{ alias: 'theme' }]
+        }], size: [{
+            type: Input,
+            args: [{ alias: 'size' }]
+        }], apiUrl: [{
+            type: Input,
+            args: [{ alias: 'apiUrl' }]
+        }], authKey: [{
+            type: Input,
+            args: [{ alias: 'authKey' }]
+        }], authToken: [{
+            type: Input,
+            args: [{ alias: 'authToken' }]
+        }], luzmoOptionsChanged: [{ type: i0.Output, args: ["luzmoOptionsChanged"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionPanel, { className: "LuzmoItemOptionPanel", filePath: "components/item-option-panel.ts", lineNumber: 18 }); })();

package/angular/esm/components/item-option-picker.d.ts

@@ -0,0 +1,46 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/item-option-picker';
+import type { LuzmoItemOptionPicker as LuzmoItemOptionPickerHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-picker';
+import type { Placement } from '@luzmo/lucero';
+import * as i0 from "@angular/core";
+export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-picker';
+export declare class LuzmoItemOptionPicker implements OnChanges {
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly destroyRef;
+    private readonly host;
+    private readonly listenerCleanup;
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement(): LuzmoItemOptionPickerHostElement;
+    /** The available options to choose from (key → label). */
+    values?: Record<string, string>;
+    /** Whether the control is disabled (non-interactive). */
+    disabled?: boolean;
+    /** Placement of the picker dropdown relative to its trigger. */
+    placement?: Placement;
+    /** The currently selected option key. */
+    value?: string;
+    /** Optional transform applied to the stored value before it is displayed in the control. */
+    parseValue?: unknown;
+    /** Optional transform applied to the control's value before it is emitted in the change event. */
+    toValue?: unknown;
+    /** The default option key used when no value is set. */
+    default?: string;
+    /** Emitted when the option value changes. */
+    readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    private setHostProperty;
+    private bindEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemOptionPicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionPicker, "luzmo-item-option-picker", ["luzmoItemOptionPicker"], { "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "value": { "alias": "value"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; "default": { "alias": "default"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+/** The underlying custom element type for LuzmoItemOptionPicker */
+export type LuzmoItemOptionPickerElement = LuzmoItemOptionPickerHostElement;

package/angular/esm/components/item-option-picker.js

@@ -0,0 +1,123 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/item-option-picker';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-item-option-picker>
+ */
+export class LuzmoItemOptionPicker {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    host = this.elementRef.nativeElement;
+    listenerCleanup = [];
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement() {
+        return this.host;
+    }
+    /** The available options to choose from (key → label). */
+    values;
+    /** Whether the control is disabled (non-interactive). */
+    disabled;
+    /** Placement of the picker dropdown relative to its trigger. */
+    placement;
+    /** The currently selected option key. */
+    value;
+    /** Optional transform applied to the stored value before it is displayed in the control. */
+    parseValue;
+    /** Optional transform applied to the control's value before it is emitted in the change event. */
+    toValue;
+    /** The default option key used when no value is set. */
+    default;
+    /** Emitted when the option value changes. */
+    luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
+    constructor() {
+        this.bindEvents();
+        this.destroyRef.onDestroy(() => {
+            for (const cleanup of this.listenerCleanup) {
+                cleanup();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        for (const key of Object.keys(changes)) {
+            switch (key) {
+                case 'values':
+                    this.setHostProperty('values', changes['values'].currentValue);
+                    break;
+                case 'disabled':
+                    this.setHostProperty('disabled', changes['disabled'].currentValue);
+                    break;
+                case 'placement':
+                    this.setHostProperty('placement', changes['placement'].currentValue);
+                    break;
+                case 'value':
+                    this.setHostProperty('value', changes['value'].currentValue);
+                    break;
+                case 'parseValue':
+                    this.setHostProperty('parseValue', changes['parseValue'].currentValue);
+                    break;
+                case 'toValue':
+                    this.setHostProperty('toValue', changes['toValue'].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.
+     */
+    setHostProperty(key, value) {
+        this.renderer.setProperty(this.host, key, value);
+    }
+    bindEvents() {
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-option-changed', (event) => {
+            const typed = event;
+            this.luzmoOptionChanged.emit(typed);
+        }));
+    }
+    static ɵfac = function LuzmoItemOptionPicker_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionPicker)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionPicker, selectors: [["luzmo-item-option-picker"]], inputs: { values: "values", disabled: [2, "disabled", "disabled", booleanAttribute], placement: "placement", value: "value", parseValue: "parseValue", toValue: "toValue", default: "default" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionPicker"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionPicker_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionPicker, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-item-option-picker',
+                exportAs: 'luzmoItemOptionPicker',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { values: [{
+            type: Input,
+            args: [{ alias: 'values' }]
+        }], disabled: [{
+            type: Input,
+            args: [{ alias: 'disabled', transform: booleanAttribute }]
+        }], placement: [{
+            type: Input,
+            args: [{ alias: 'placement' }]
+        }], value: [{
+            type: Input,
+            args: [{ alias: 'value' }]
+        }], parseValue: [{
+            type: Input,
+            args: [{ alias: 'parseValue' }]
+        }], toValue: [{
+            type: Input,
+            args: [{ alias: 'toValue' }]
+        }], default: [{
+            type: Input,
+            args: [{ alias: 'default' }]
+        }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionPicker, { className: "LuzmoItemOptionPicker", filePath: "components/item-option-picker.ts", lineNumber: 17 }); })();

package/angular/esm/components/item-option-position-picker.d.ts

@@ -0,0 +1,39 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/item-option-position-picker';
+import type { LuzmoItemOptionPositionPicker as LuzmoItemOptionPositionPickerHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-position-picker';
+import * as i0 from "@angular/core";
+export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-position-picker';
+export declare class LuzmoItemOptionPositionPicker implements OnChanges {
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly destroyRef;
+    private readonly host;
+    private readonly listenerCleanup;
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement(): LuzmoItemOptionPositionPickerHostElement;
+    /** The currently selected position. */
+    value?: string;
+    /** The default position used when no value is set (e.g. `topRight`). */
+    default?: string;
+    /** The set of positions offered for selection. */
+    positions?: string[];
+    /** Whether the control is read-only. */
+    readonly?: boolean;
+    /** Emitted when the option value changes. */
+    readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    private setHostProperty;
+    private bindEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemOptionPositionPicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionPositionPicker, "luzmo-item-option-position-picker", ["luzmoItemOptionPositionPicker"], { "value": { "alias": "value"; "required": false; }; "default": { "alias": "defaultPosition"; "required": false; }; "positions": { "alias": "positions"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_readonly: unknown;
+}
+/** The underlying custom element type for LuzmoItemOptionPositionPicker */
+export type LuzmoItemOptionPositionPickerElement = LuzmoItemOptionPositionPickerHostElement;

package/angular/esm/components/item-option-position-picker.js

@@ -0,0 +1,99 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/item-option-position-picker';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-item-option-position-picker>
+ */
+export class LuzmoItemOptionPositionPicker {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    host = this.elementRef.nativeElement;
+    listenerCleanup = [];
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement() {
+        return this.host;
+    }
+    /** The currently selected position. */
+    value;
+    /** The default position used when no value is set (e.g. `topRight`). */
+    default;
+    /** The set of positions offered for selection. */
+    positions;
+    /** Whether the control is read-only. */
+    readonly;
+    /** Emitted when the option value changes. */
+    luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
+    constructor() {
+        this.bindEvents();
+        this.destroyRef.onDestroy(() => {
+            for (const cleanup of this.listenerCleanup) {
+                cleanup();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        for (const key of Object.keys(changes)) {
+            switch (key) {
+                case 'value':
+                    this.setHostProperty('value', changes['value'].currentValue);
+                    break;
+                case 'default':
+                    this.setHostProperty('default', changes['default'].currentValue);
+                    break;
+                case 'positions':
+                    this.setHostProperty('positions', changes['positions'].currentValue);
+                    break;
+                case 'readonly':
+                    this.setHostProperty('readonly', changes['readonly'].currentValue);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    setHostProperty(key, value) {
+        this.renderer.setProperty(this.host, key, value);
+    }
+    bindEvents() {
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-option-changed', (event) => {
+            const typed = event;
+            this.luzmoOptionChanged.emit(typed);
+        }));
+    }
+    static ɵfac = function LuzmoItemOptionPositionPicker_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionPositionPicker)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionPositionPicker, selectors: [["luzmo-item-option-position-picker"]], inputs: { value: "value", default: [0, "defaultPosition", "default"], positions: "positions", readonly: [2, "readonly", "readonly", booleanAttribute] }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionPositionPicker"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionPositionPicker_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionPositionPicker, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-item-option-position-picker',
+                exportAs: 'luzmoItemOptionPositionPicker',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { value: [{
+            type: Input,
+            args: [{ alias: 'value' }]
+        }], default: [{
+            type: Input,
+            args: [{ alias: 'defaultPosition' }]
+        }], positions: [{
+            type: Input,
+            args: [{ alias: 'positions' }]
+        }], readonly: [{
+            type: Input,
+            args: [{ alias: 'readonly', transform: booleanAttribute }]
+        }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionPositionPicker, { className: "LuzmoItemOptionPositionPicker", filePath: "components/item-option-position-picker.ts", lineNumber: 16 }); })();

package/angular/esm/components/item-option-positions-number-field.d.ts

@@ -0,0 +1,54 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/item-option-positions-number-field';
+import type { LuzmoItemOptionPositionsNumberField as LuzmoItemOptionPositionsNumberFieldHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-positions-number-field';
+import * as i0 from "@angular/core";
+export type { ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-positions-number-field';
+export declare class LuzmoItemOptionPositionsNumberField implements OnChanges {
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly destroyRef;
+    private readonly host;
+    private readonly listenerCleanup;
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement(): LuzmoItemOptionPositionsNumberFieldHostElement;
+    /** The value applied to all positions when sync is enabled. */
+    syncedValue?: number;
+    /** Internal timer handle used to debounce change events. */
+    debounceTimeout?: any;
+    /** Which positions to render input fields for (e.g. top/right/bottom/left, or corners and center). */
+    positions?: ('top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center')[];
+    /** The current numeric value for each position. */
+    values?: Record<('top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center'), number>;
+    /** Whether the center lock control is shown to sync all positions to a single value. */
+    canSync?: boolean;
+    /** Per-position min/max/step/default constraints for the number inputs. */
+    positionConfiguration?: unknown;
+    /** Whether the inputs are shown in an invalid state. */
+    invalid?: boolean;
+    /** Whether the inputs are read-only. */
+    readonly?: boolean;
+    /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
+    debounce?: number;
+    /** Whether all positions are currently synced to a single value. */
+    sync?: boolean;
+    /** Emitted when the option value changes. */
+    readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    private setHostProperty;
+    private bindEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemOptionPositionsNumberField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionPositionsNumberField, "luzmo-item-option-positions-number-field", ["luzmoItemOptionPositionsNumberField"], { "syncedValue": { "alias": "syncedValue"; "required": false; }; "debounceTimeout": { "alias": "debounceTimeout"; "required": false; }; "positions": { "alias": "positions"; "required": false; }; "values": { "alias": "values"; "required": false; }; "canSync": { "alias": "canSync"; "required": false; }; "positionConfiguration": { "alias": "positionConfiguration"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "sync": { "alias": "sync"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_canSync: unknown;
+    static ngAcceptInputType_invalid: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_sync: unknown;
+}
+/** The underlying custom element type for LuzmoItemOptionPositionsNumberField */
+export type LuzmoItemOptionPositionsNumberFieldElement = LuzmoItemOptionPositionsNumberFieldHostElement;