@luzmo/analytics-components-kit 1.3.0 → 2.0.0

package/angular/esm/components/item-option-multi-language-field.js

@@ -15,8 +15,6 @@ export class LuzmoItemOptionMultiLanguageField {
     get nativeElement() {
         return this.host;
     }
-    /** Internal timer handle used to debounce change events. */
-    debounceTimeout;
     /** The current value per language (language code → text). */
     value;
     /** Whether the control is shown in an invalid state. */
@@ -33,6 +31,8 @@ export class LuzmoItemOptionMultiLanguageField {
     toValue;
     /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
     debounce;
+    /** Internal timer handle used to debounce change events. */
+    debounceTimeout;
     /** Emitted when the option value changes. */
     luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
     constructor() {
@@ -46,9 +46,6 @@ export class LuzmoItemOptionMultiLanguageField {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
-                case 'debounceTimeout':
-                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-                    break;
                 case 'value':
                     this.setHostProperty('value', changes['value'].currentValue);
                     break;
@@ -73,6 +70,9 @@ export class LuzmoItemOptionMultiLanguageField {
                 case 'debounce':
                     this.setHostProperty('debounce', changes['debounce'].currentValue);
                     break;
+                case 'debounceTimeout':
+                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
+                    break;
                 default:
                     break;
             }
@@ -94,7 +94,7 @@ export class LuzmoItemOptionMultiLanguageField {
         }));
     }
     static ɵfac = function LuzmoItemOptionMultiLanguageField_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionMultiLanguageField)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionMultiLanguageField, selectors: [["luzmo-item-option-multi-language-field"]], inputs: { debounceTimeout: "debounceTimeout", value: "value", invalid: [2, "invalid", "invalid", booleanAttribute], readonly: [2, "readonly", "readonly", booleanAttribute], language: "language", placeholder: "placeholder", parseValue: "parseValue", toValue: "toValue", debounce: "debounce" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionMultiLanguageField"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionMultiLanguageField_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionMultiLanguageField, selectors: [["luzmo-item-option-multi-language-field"]], inputs: { value: "value", invalid: [2, "invalid", "invalid", booleanAttribute], readonly: [2, "readonly", "readonly", booleanAttribute], language: "language", placeholder: "placeholder", parseValue: "parseValue", toValue: "toValue", debounce: "debounce", debounceTimeout: "debounceTimeout" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionMultiLanguageField"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionMultiLanguageField_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -108,10 +108,7 @@ export class LuzmoItemOptionMultiLanguageField {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { debounceTimeout: [{
-            type: Input,
-            args: [{ alias: 'debounceTimeout' }]
-        }], value: [{
+    }], () => [], { value: [{
             type: Input,
             args: [{ alias: 'value' }]
         }], invalid: [{
@@ -135,5 +132,8 @@ export class LuzmoItemOptionMultiLanguageField {
         }], debounce: [{
             type: Input,
             args: [{ alias: 'debounce' }]
+        }], debounceTimeout: [{
+            type: Input,
+            args: [{ alias: 'debounceTimeout' }]
         }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionMultiLanguageField, { className: "LuzmoItemOptionMultiLanguageField", filePath: "components/item-option-multi-language-field.ts", lineNumber: 16 }); })();

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

@@ -11,10 +11,6 @@ export declare class LuzmoItemOptionNumberField implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoItemOptionNumberFieldHostElement;
-    /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
-    debounce?: number;
-    /** Internal timer handle used to debounce change events. */
-    debounceTimeout?: any;
     /** Whether the control is disabled (non-interactive). */
     disabled?: boolean;
     /** The minimum allowed value. */
@@ -33,10 +29,14 @@ export declare class LuzmoItemOptionNumberField implements OnChanges {
     step?: number;
     /** Unit suffix shown after the value. */
     unit?: boolean;
+    /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
+    debounce?: number;
     /** 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;
+    /** Internal timer handle used to debounce change events. */
+    debounceTimeout?: any;
     /** Emitted when the option value changes. */
     readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
     constructor();
@@ -50,7 +50,7 @@ export declare class LuzmoItemOptionNumberField implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemOptionNumberField, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionNumberField, "luzmo-item-option-number-field", ["luzmoItemOptionNumberField"], { "debounce": { "alias": "debounce"; "required": false; }; "debounceTimeout": { "alias": "debounceTimeout"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "default": { "alias": "default"; "required": false; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minWidthInputField": { "alias": "minWidthInputField"; "required": false; }; "step": { "alias": "step"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionNumberField, "luzmo-item-option-number-field", ["luzmoItemOptionNumberField"], { "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "default": { "alias": "default"; "required": false; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minWidthInputField": { "alias": "minWidthInputField"; "required": false; }; "step": { "alias": "step"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; "debounceTimeout": { "alias": "debounceTimeout"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_unit: unknown;
 }

package/angular/esm/components/item-option-number-field.js

@@ -15,10 +15,6 @@ export class LuzmoItemOptionNumberField {
     get nativeElement() {
         return this.host;
     }
-    /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
-    debounce;
-    /** Internal timer handle used to debounce change events. */
-    debounceTimeout;
     /** Whether the control is disabled (non-interactive). */
     disabled;
     /** The minimum allowed value. */
@@ -37,10 +33,14 @@ export class LuzmoItemOptionNumberField {
     step;
     /** Unit suffix shown after the value. */
     unit;
+    /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
+    debounce;
     /** 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;
+    /** Internal timer handle used to debounce change events. */
+    debounceTimeout;
     /** Emitted when the option value changes. */
     luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
     constructor() {
@@ -54,12 +54,6 @@ export class LuzmoItemOptionNumberField {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
-                case 'debounce':
-                    this.setHostProperty('debounce', changes['debounce'].currentValue);
-                    break;
-                case 'debounceTimeout':
-                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-                    break;
                 case 'disabled':
                     this.setHostProperty('disabled', changes['disabled'].currentValue);
                     break;
@@ -87,12 +81,18 @@ export class LuzmoItemOptionNumberField {
                 case 'unit':
                     this.setHostProperty('unit', changes['unit'].currentValue);
                     break;
+                case 'debounce':
+                    this.setHostProperty('debounce', changes['debounce'].currentValue);
+                    break;
                 case 'parseValue':
                     this.setHostProperty('parseValue', changes['parseValue'].currentValue);
                     break;
                 case 'toValue':
                     this.setHostProperty('toValue', changes['toValue'].currentValue);
                     break;
+                case 'debounceTimeout':
+                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
+                    break;
                 default:
                     break;
             }
@@ -114,7 +114,7 @@ export class LuzmoItemOptionNumberField {
         }));
     }
     static ɵfac = function LuzmoItemOptionNumberField_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionNumberField)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionNumberField, selectors: [["luzmo-item-option-number-field"]], inputs: { debounce: "debounce", debounceTimeout: "debounceTimeout", disabled: [2, "disabled", "disabled", booleanAttribute], min: "min", max: "max", default: "default", value: "value", placeholder: "placeholder", minWidthInputField: "minWidthInputField", step: "step", unit: [2, "unit", "unit", booleanAttribute], parseValue: "parseValue", toValue: "toValue" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionNumberField"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionNumberField_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionNumberField, selectors: [["luzmo-item-option-number-field"]], inputs: { disabled: [2, "disabled", "disabled", booleanAttribute], min: "min", max: "max", default: "default", value: "value", placeholder: "placeholder", minWidthInputField: "minWidthInputField", step: "step", unit: [2, "unit", "unit", booleanAttribute], debounce: "debounce", parseValue: "parseValue", toValue: "toValue", debounceTimeout: "debounceTimeout" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionNumberField"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionNumberField_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -128,13 +128,7 @@ export class LuzmoItemOptionNumberField {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { debounce: [{
-            type: Input,
-            args: [{ alias: 'debounce' }]
-        }], debounceTimeout: [{
-            type: Input,
-            args: [{ alias: 'debounceTimeout' }]
-        }], disabled: [{
+    }], () => [], { disabled: [{
             type: Input,
             args: [{ alias: 'disabled', transform: booleanAttribute }]
         }], min: [{
@@ -161,11 +155,17 @@ export class LuzmoItemOptionNumberField {
         }], unit: [{
             type: Input,
             args: [{ alias: 'unit', transform: booleanAttribute }]
+        }], debounce: [{
+            type: Input,
+            args: [{ alias: 'debounce' }]
         }], parseValue: [{
             type: Input,
             args: [{ alias: 'parseValue' }]
         }], toValue: [{
             type: Input,
             args: [{ alias: 'toValue' }]
+        }], debounceTimeout: [{
+            type: Input,
+            args: [{ alias: 'debounceTimeout' }]
         }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionNumberField, { className: "LuzmoItemOptionNumberField", filePath: "components/item-option-number-field.ts", lineNumber: 16 }); })();

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

@@ -11,10 +11,6 @@ export declare class LuzmoItemOptionPositionsNumberField implements OnChanges {
     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. */
@@ -31,6 +27,10 @@ export declare class LuzmoItemOptionPositionsNumberField implements OnChanges {
     debounce?: number;
     /** Whether all positions are currently synced to a single value. */
     sync?: boolean;
+    /** The value applied to all positions when sync is enabled. */
+    syncedValue?: number;
+    /** Internal timer handle used to debounce change events. */
+    debounceTimeout?: any;
     /** Emitted when the option value changes. */
     readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
     constructor();
@@ -44,7 +44,7 @@ export declare class LuzmoItemOptionPositionsNumberField implements OnChanges {
     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 ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionPositionsNumberField, "luzmo-item-option-positions-number-field", ["luzmoItemOptionPositionsNumberField"], { "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; }; "syncedValue": { "alias": "syncedValue"; "required": false; }; "debounceTimeout": { "alias": "debounceTimeout"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
     static ngAcceptInputType_canSync: unknown;
     static ngAcceptInputType_invalid: unknown;
     static ngAcceptInputType_readonly: unknown;

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

@@ -15,10 +15,6 @@ export class LuzmoItemOptionPositionsNumberField {
     get nativeElement() {
         return this.host;
     }
-    /** The value applied to all positions when sync is enabled. */
-    syncedValue;
-    /** Internal timer handle used to debounce change events. */
-    debounceTimeout;
     /** Which positions to render input fields for (e.g. top/right/bottom/left, or corners and center). */
     positions;
     /** The current numeric value for each position. */
@@ -35,6 +31,10 @@ export class LuzmoItemOptionPositionsNumberField {
     debounce;
     /** Whether all positions are currently synced to a single value. */
     sync;
+    /** The value applied to all positions when sync is enabled. */
+    syncedValue;
+    /** Internal timer handle used to debounce change events. */
+    debounceTimeout;
     /** Emitted when the option value changes. */
     luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
     constructor() {
@@ -48,12 +48,6 @@ export class LuzmoItemOptionPositionsNumberField {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
-                case 'syncedValue':
-                    this.setHostProperty('syncedValue', changes['syncedValue'].currentValue);
-                    break;
-                case 'debounceTimeout':
-                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-                    break;
                 case 'positions':
                     this.setHostProperty('positions', changes['positions'].currentValue);
                     break;
@@ -78,6 +72,12 @@ export class LuzmoItemOptionPositionsNumberField {
                 case 'sync':
                     this.setHostProperty('sync', changes['sync'].currentValue);
                     break;
+                case 'syncedValue':
+                    this.setHostProperty('syncedValue', changes['syncedValue'].currentValue);
+                    break;
+                case 'debounceTimeout':
+                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
+                    break;
                 default:
                     break;
             }
@@ -99,7 +99,7 @@ export class LuzmoItemOptionPositionsNumberField {
         }));
     }
     static ɵfac = function LuzmoItemOptionPositionsNumberField_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionPositionsNumberField)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionPositionsNumberField, selectors: [["luzmo-item-option-positions-number-field"]], inputs: { syncedValue: "syncedValue", debounceTimeout: "debounceTimeout", positions: "positions", values: "values", canSync: [2, "canSync", "canSync", booleanAttribute], positionConfiguration: "positionConfiguration", invalid: [2, "invalid", "invalid", booleanAttribute], readonly: [2, "readonly", "readonly", booleanAttribute], debounce: "debounce", sync: [2, "sync", "sync", booleanAttribute] }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionPositionsNumberField"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionPositionsNumberField_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionPositionsNumberField, selectors: [["luzmo-item-option-positions-number-field"]], inputs: { positions: "positions", values: "values", canSync: [2, "canSync", "canSync", booleanAttribute], positionConfiguration: "positionConfiguration", invalid: [2, "invalid", "invalid", booleanAttribute], readonly: [2, "readonly", "readonly", booleanAttribute], debounce: "debounce", sync: [2, "sync", "sync", booleanAttribute], syncedValue: "syncedValue", debounceTimeout: "debounceTimeout" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionPositionsNumberField"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionPositionsNumberField_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -113,13 +113,7 @@ export class LuzmoItemOptionPositionsNumberField {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { syncedValue: [{
-            type: Input,
-            args: [{ alias: 'syncedValue' }]
-        }], debounceTimeout: [{
-            type: Input,
-            args: [{ alias: 'debounceTimeout' }]
-        }], positions: [{
+    }], () => [], { positions: [{
             type: Input,
             args: [{ alias: 'positions' }]
         }], values: [{
@@ -143,5 +137,11 @@ export class LuzmoItemOptionPositionsNumberField {
         }], sync: [{
             type: Input,
             args: [{ alias: 'sync', transform: booleanAttribute }]
+        }], syncedValue: [{
+            type: Input,
+            args: [{ alias: 'syncedValue' }]
+        }], debounceTimeout: [{
+            type: Input,
+            args: [{ alias: 'debounceTimeout' }]
         }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionPositionsNumberField, { className: "LuzmoItemOptionPositionsNumberField", filePath: "components/item-option-positions-number-field.ts", lineNumber: 16 }); })();

package/angular/esm/components/item-option-radio-button-group.d.ts

@@ -11,8 +11,6 @@ export declare class LuzmoItemOptionRadioButtonGroup implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoItemOptionRadioButtonGroupHostElement;
-    /** Internal timer handle used to debounce change events. */
-    debounceTimeout?: any;
     /** The available options to choose from (key → label). */
     values?: Record<string, string>;
     /** Whether the control is disabled (non-interactive). */
@@ -25,6 +23,8 @@ export declare class LuzmoItemOptionRadioButtonGroup implements OnChanges {
     parseValue?: unknown;
     /** Optional transform applied to the control's value before it is emitted in the change event. */
     toValue?: unknown;
+    /** Internal timer handle used to debounce change events. */
+    debounceTimeout?: any;
     /** Emitted when the option value changes. */
     readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
     constructor();
@@ -38,7 +38,7 @@ export declare class LuzmoItemOptionRadioButtonGroup implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemOptionRadioButtonGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionRadioButtonGroup, "luzmo-item-option-radio-button-group", ["luzmoItemOptionRadioButtonGroup"], { "debounceTimeout": { "alias": "debounceTimeout"; "required": false; }; "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionRadioButtonGroup, "luzmo-item-option-radio-button-group", ["luzmoItemOptionRadioButtonGroup"], { "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; "debounceTimeout": { "alias": "debounceTimeout"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 /** The underlying custom element type for LuzmoItemOptionRadioButtonGroup */

package/angular/esm/components/item-option-radio-button-group.js

@@ -15,8 +15,6 @@ export class LuzmoItemOptionRadioButtonGroup {
     get nativeElement() {
         return this.host;
     }
-    /** Internal timer handle used to debounce change events. */
-    debounceTimeout;
     /** The available options to choose from (key → label). */
     values;
     /** Whether the control is disabled (non-interactive). */
@@ -29,6 +27,8 @@ export class LuzmoItemOptionRadioButtonGroup {
     parseValue;
     /** Optional transform applied to the control's value before it is emitted in the change event. */
     toValue;
+    /** Internal timer handle used to debounce change events. */
+    debounceTimeout;
     /** Emitted when the option value changes. */
     luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
     constructor() {
@@ -42,9 +42,6 @@ export class LuzmoItemOptionRadioButtonGroup {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
-                case 'debounceTimeout':
-                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-                    break;
                 case 'values':
                     this.setHostProperty('values', changes['values'].currentValue);
                     break;
@@ -63,6 +60,9 @@ export class LuzmoItemOptionRadioButtonGroup {
                 case 'toValue':
                     this.setHostProperty('toValue', changes['toValue'].currentValue);
                     break;
+                case 'debounceTimeout':
+                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
+                    break;
                 default:
                     break;
             }
@@ -84,7 +84,7 @@ export class LuzmoItemOptionRadioButtonGroup {
         }));
     }
     static ɵfac = function LuzmoItemOptionRadioButtonGroup_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionRadioButtonGroup)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionRadioButtonGroup, selectors: [["luzmo-item-option-radio-button-group"]], inputs: { debounceTimeout: "debounceTimeout", values: "values", disabled: [2, "disabled", "disabled", booleanAttribute], value: "value", default: "default", parseValue: "parseValue", toValue: "toValue" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionRadioButtonGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionRadioButtonGroup_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionRadioButtonGroup, selectors: [["luzmo-item-option-radio-button-group"]], inputs: { values: "values", disabled: [2, "disabled", "disabled", booleanAttribute], value: "value", default: "default", parseValue: "parseValue", toValue: "toValue", debounceTimeout: "debounceTimeout" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionRadioButtonGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionRadioButtonGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -98,10 +98,7 @@ export class LuzmoItemOptionRadioButtonGroup {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { debounceTimeout: [{
-            type: Input,
-            args: [{ alias: 'debounceTimeout' }]
-        }], values: [{
+    }], () => [], { values: [{
             type: Input,
             args: [{ alias: 'values' }]
         }], disabled: [{
@@ -119,5 +116,8 @@ export class LuzmoItemOptionRadioButtonGroup {
         }], toValue: [{
             type: Input,
             args: [{ alias: 'toValue' }]
+        }], debounceTimeout: [{
+            type: Input,
+            args: [{ alias: 'debounceTimeout' }]
         }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionRadioButtonGroup, { className: "LuzmoItemOptionRadioButtonGroup", filePath: "components/item-option-radio-button-group.ts", lineNumber: 16 }); })();

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

@@ -11,8 +11,6 @@ export declare class LuzmoItemOptionTextField implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoItemOptionTextFieldHostElement;
-    /** Internal timer handle used to debounce change events. */
-    debounceTimeout?: any;
     /** The current text value. */
     value?: string;
     /** Whether the control is shown in an invalid state. */
@@ -23,6 +21,8 @@ export declare class LuzmoItemOptionTextField implements OnChanges {
     placeholder?: string;
     /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
     debounce?: number;
+    /** Internal timer handle used to debounce change events. */
+    debounceTimeout?: any;
     /** Emitted when the option value changes. */
     readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
     constructor();
@@ -36,7 +36,7 @@ export declare class LuzmoItemOptionTextField implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemOptionTextField, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionTextField, "luzmo-item-option-text-field", ["luzmoItemOptionTextField"], { "debounceTimeout": { "alias": "debounceTimeout"; "required": false; }; "value": { "alias": "value"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionTextField, "luzmo-item-option-text-field", ["luzmoItemOptionTextField"], { "value": { "alias": "value"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "debounceTimeout": { "alias": "debounceTimeout"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
     static ngAcceptInputType_invalid: unknown;
     static ngAcceptInputType_readonly: unknown;
 }

package/angular/esm/components/item-option-text-field.js

@@ -15,8 +15,6 @@ export class LuzmoItemOptionTextField {
     get nativeElement() {
         return this.host;
     }
-    /** Internal timer handle used to debounce change events. */
-    debounceTimeout;
     /** The current text value. */
     value;
     /** Whether the control is shown in an invalid state. */
@@ -27,6 +25,8 @@ export class LuzmoItemOptionTextField {
     placeholder;
     /** Delay in milliseconds before the change event is emitted after the user stops interacting. */
     debounce;
+    /** Internal timer handle used to debounce change events. */
+    debounceTimeout;
     /** Emitted when the option value changes. */
     luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
     constructor() {
@@ -40,9 +40,6 @@ export class LuzmoItemOptionTextField {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
-                case 'debounceTimeout':
-                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
-                    break;
                 case 'value':
                     this.setHostProperty('value', changes['value'].currentValue);
                     break;
@@ -58,6 +55,9 @@ export class LuzmoItemOptionTextField {
                 case 'debounce':
                     this.setHostProperty('debounce', changes['debounce'].currentValue);
                     break;
+                case 'debounceTimeout':
+                    this.setHostProperty('debounceTimeout', changes['debounceTimeout'].currentValue);
+                    break;
                 default:
                     break;
             }
@@ -79,7 +79,7 @@ export class LuzmoItemOptionTextField {
         }));
     }
     static ɵfac = function LuzmoItemOptionTextField_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionTextField)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionTextField, selectors: [["luzmo-item-option-text-field"]], inputs: { debounceTimeout: "debounceTimeout", value: "value", invalid: [2, "invalid", "invalid", booleanAttribute], readonly: [2, "readonly", "readonly", booleanAttribute], placeholder: "placeholder", debounce: "debounce" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionTextField"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionTextField_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionTextField, selectors: [["luzmo-item-option-text-field"]], inputs: { value: "value", invalid: [2, "invalid", "invalid", booleanAttribute], readonly: [2, "readonly", "readonly", booleanAttribute], placeholder: "placeholder", debounce: "debounce", debounceTimeout: "debounceTimeout" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionTextField"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionTextField_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -93,10 +93,7 @@ export class LuzmoItemOptionTextField {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { debounceTimeout: [{
-            type: Input,
-            args: [{ alias: 'debounceTimeout' }]
-        }], value: [{
+    }], () => [], { value: [{
             type: Input,
             args: [{ alias: 'value' }]
         }], invalid: [{
@@ -111,5 +108,8 @@ export class LuzmoItemOptionTextField {
         }], debounce: [{
             type: Input,
             args: [{ alias: 'debounce' }]
+        }], debounceTimeout: [{
+            type: Input,
+            args: [{ alias: 'debounceTimeout' }]
         }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionTextField, { className: "LuzmoItemOptionTextField", filePath: "components/item-option-text-field.ts", lineNumber: 16 }); })();

package/angular/esm/components/item-slot-drop-panel.d.ts

@@ -13,6 +13,8 @@ export declare class LuzmoItemSlotDropPanel implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoItemSlotDropPanelHostElement;
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter?: boolean;
     /** The type of the item (e.g., 'bar-chart', 'line-chart', 'area-chart') */
     itemType?: VizItemType | string;
     /** The language to use for locale-aware formatting and labels */
@@ -72,7 +74,8 @@ export declare class LuzmoItemSlotDropPanel implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemSlotDropPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotDropPanel, "luzmo-item-slot-drop-panel", ["luzmoItemSlotDropPanel"], { "itemType": { "alias": "itemType"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotsConfiguration": { "alias": "slotsConfiguration"; "required": false; }; "positioningConfiguration": { "alias": "positioningConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "positioned": { "alias": "positioned"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "constraintMode": { "alias": "constraintMode"; "required": false; }; "slotMenuMode": { "alias": "slotMenuMode"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "slotspanel": { "alias": "slotsPanel"; "required": false; }; "slotsgrid": { "alias": "slotsGrid"; "required": false; }; "slotcell": { "alias": "slotCell"; "required": false; }; "itemslotdrop": { "alias": "itemSlotDrop"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotConstraintTriggered": "luzmoSlotConstraintTriggered"; "luzmoSlotsContentsChanged": "luzmoSlotsContentsChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotDropPanel, "luzmo-item-slot-drop-panel", ["luzmoItemSlotDropPanel"], { "hasConnectedComparisonFilter": { "alias": "hasConnectedComparisonFilter"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotsConfiguration": { "alias": "slotsConfiguration"; "required": false; }; "positioningConfiguration": { "alias": "positioningConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "positioned": { "alias": "positioned"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "constraintMode": { "alias": "constraintMode"; "required": false; }; "slotMenuMode": { "alias": "slotMenuMode"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "slotspanel": { "alias": "slotsPanel"; "required": false; }; "slotsgrid": { "alias": "slotsGrid"; "required": false; }; "slotcell": { "alias": "slotCell"; "required": false; }; "itemslotdrop": { "alias": "itemSlotDrop"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotConstraintTriggered": "luzmoSlotConstraintTriggered"; "luzmoSlotsContentsChanged": "luzmoSlotsContentsChanged"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hasConnectedComparisonFilter: unknown;
     static ngAcceptInputType_positioned: unknown;
     static ngAcceptInputType_hideDelete: unknown;
     static ngAcceptInputType_hideConfiguration: unknown;

package/angular/esm/components/item-slot-drop-panel.js

@@ -15,6 +15,8 @@ export class LuzmoItemSlotDropPanel {
     get nativeElement() {
         return this.host;
     }
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter;
     /** The type of the item (e.g., 'bar-chart', 'line-chart', 'area-chart') */
     itemType;
     /** The language to use for locale-aware formatting and labels */
@@ -74,6 +76,9 @@ export class LuzmoItemSlotDropPanel {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
+                case 'hasConnectedComparisonFilter':
+                    this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+                    break;
                 case 'itemType':
                     this.setHostProperty('itemType', changes['itemType'].currentValue);
                     break;
@@ -165,7 +170,7 @@ export class LuzmoItemSlotDropPanel {
         }));
     }
     static ɵfac = function LuzmoItemSlotDropPanel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemSlotDropPanel)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotDropPanel, selectors: [["luzmo-item-slot-drop-panel"]], inputs: { itemType: "itemType", contentLanguage: "contentLanguage", slotsConfiguration: "slotsConfiguration", positioningConfiguration: "positioningConfiguration", slotsContents: "slotsContents", positioned: [2, "positioned", "positioned", booleanAttribute], dragBoundary: "dragBoundary", slotMenuPlacement: "slotMenuPlacement", hideDelete: [2, "hideDelete", "hideDelete", booleanAttribute], hideConfiguration: [2, "hideConfiguration", "hideConfiguration", booleanAttribute], grows: [2, "grows", "grows", booleanAttribute], constraintMode: "constraintMode", slotMenuMode: "slotMenuMode", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", slotspanel: [0, "slotsPanel", "slotspanel"], slotsgrid: [0, "slotsGrid", "slotsgrid"], slotcell: [0, "slotCell", "slotcell"], itemslotdrop: [0, "itemSlotDrop", "itemslotdrop"], language: "language", size: "size" }, outputs: { luzmoSlotConstraintTriggered: "luzmoSlotConstraintTriggered", luzmoSlotsContentsChanged: "luzmoSlotsContentsChanged" }, exportAs: ["luzmoItemSlotDropPanel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotDropPanel_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotDropPanel, selectors: [["luzmo-item-slot-drop-panel"]], inputs: { hasConnectedComparisonFilter: [2, "hasConnectedComparisonFilter", "hasConnectedComparisonFilter", booleanAttribute], itemType: "itemType", contentLanguage: "contentLanguage", slotsConfiguration: "slotsConfiguration", positioningConfiguration: "positioningConfiguration", slotsContents: "slotsContents", positioned: [2, "positioned", "positioned", booleanAttribute], dragBoundary: "dragBoundary", slotMenuPlacement: "slotMenuPlacement", hideDelete: [2, "hideDelete", "hideDelete", booleanAttribute], hideConfiguration: [2, "hideConfiguration", "hideConfiguration", booleanAttribute], grows: [2, "grows", "grows", booleanAttribute], constraintMode: "constraintMode", slotMenuMode: "slotMenuMode", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", slotspanel: [0, "slotsPanel", "slotspanel"], slotsgrid: [0, "slotsGrid", "slotsgrid"], slotcell: [0, "slotCell", "slotcell"], itemslotdrop: [0, "itemSlotDrop", "itemslotdrop"], language: "language", size: "size" }, outputs: { luzmoSlotConstraintTriggered: "luzmoSlotConstraintTriggered", luzmoSlotsContentsChanged: "luzmoSlotsContentsChanged" }, exportAs: ["luzmoItemSlotDropPanel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotDropPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -179,7 +184,10 @@ export class LuzmoItemSlotDropPanel {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { itemType: [{
+    }], () => [], { hasConnectedComparisonFilter: [{
+            type: Input,
+            args: [{ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute }]
+        }], itemType: [{
             type: Input,
             args: [{ alias: 'itemType' }]
         }], contentLanguage: [{

package/angular/esm/components/item-slot-drop.d.ts

@@ -13,6 +13,8 @@ export declare class LuzmoItemSlotDrop implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoItemSlotDropHostElement;
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter?: boolean;
     /** The visualization item type that determines the available slots and their configuration. */
     itemType?: VizItemType;
     /** The name of the slot this drop target represents. */
@@ -68,7 +70,8 @@ export declare class LuzmoItemSlotDrop implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemSlotDrop, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotDrop, "luzmo-item-slot-drop", ["luzmoItemSlotDrop"], { "itemType": { "alias": "itemType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotConfiguration": { "alias": "slotConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "label": { "alias": "label"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotMenuInactive": "luzmoSlotMenuInactive"; "luzmoSlotMenuActive": "luzmoSlotMenuActive"; "luzmoSlotMenuHighlight": "luzmoSlotMenuHighlight"; "luzmoInfoVisibilityChanged": "luzmoInfoVisibilityChanged"; "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotDrop, "luzmo-item-slot-drop", ["luzmoItemSlotDrop"], { "hasConnectedComparisonFilter": { "alias": "hasConnectedComparisonFilter"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotConfiguration": { "alias": "slotConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "label": { "alias": "label"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotMenuInactive": "luzmoSlotMenuInactive"; "luzmoSlotMenuActive": "luzmoSlotMenuActive"; "luzmoSlotMenuHighlight": "luzmoSlotMenuHighlight"; "luzmoInfoVisibilityChanged": "luzmoInfoVisibilityChanged"; "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hasConnectedComparisonFilter: unknown;
     static ngAcceptInputType_rotate: unknown;
     static ngAcceptInputType_hideDelete: unknown;
     static ngAcceptInputType_hideConfiguration: unknown;