@infineon/infineon-design-system-angular 39.5.5 → 39.6.0--canary.2100.20337516878.0

package/fesm2022/infineon-infineon-design-system-angular.mjs

@@ -1,32 +1,10 @@
-import * as i0 from '@angular/core';
-import { APP_INITIALIZER, NgModule, ChangeDetectionStrategy, Component } from '@angular/core';
-import { defineCustomElements } from '@infineon/infineon-design-system-stencil/loader';
 import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Output, NgZone, APP_INITIALIZER, NgModule } from '@angular/core';
 import { fromEvent } from 'rxjs';
-
-class ComponentLibraryModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ComponentLibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: ComponentLibraryModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ComponentLibraryModule, providers: [
-            {
-                provide: APP_INITIALIZER,
-                useFactory: () => defineCustomElements,
-                multi: true
-            },
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ComponentLibraryModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    providers: [
-                        {
-                            provide: APP_INITIALIZER,
-                            useFactory: () => defineCustomElements,
-                            multi: true
-                        },
-                    ]
-                }]
-        }] });
+import '@infineon/infineon-design-system-stencil/styles.css';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { defineCustomElements } from '@infineon/infineon-design-system-stencil/loader';
 
 /* eslint-disable */
 /* tslint:disable */
@@ -87,13 +65,15 @@ function ProxyCmp(opts) {
 }
 
 let IfxAccordion = class IfxAccordion {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxAccordion, isStandalone: true, selector: "ifx-accordion", inputs: { autoCollapse: "autoCollapse" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxAccordion, isStandalone: false, selector: "ifx-accordion", inputs: { autoCollapse: "autoCollapse" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxAccordion = __decorate([
     ProxyCmp({
@@ -108,17 +88,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['autoCollapse'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxAccordionItem = class IfxAccordionItem {
+    z;
+    el;
+    ifxOpen = new EventEmitter();
+    ifxClose = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxOpen', 'ifxClose']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxAccordionItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxAccordionItem, isStandalone: true, selector: "ifx-accordion-item", inputs: { AriaLevel: "AriaLevel", caption: "caption", open: "open" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxAccordionItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxAccordionItem, isStandalone: false, selector: "ifx-accordion-item", inputs: { AriaLevel: "AriaLevel", caption: "caption", open: "open" }, outputs: { ifxOpen: "ifxOpen", ifxClose: "ifxClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxAccordionItem = __decorate([
     ProxyCmp({
@@ -133,16 +117,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['AriaLevel', 'caption', 'open'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxOpen', 'ifxClose'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxOpen: [{
+                type: Output
+            }], ifxClose: [{
+                type: Output
+            }] } });
 let IfxActionList = class IfxActionList {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxActionList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxActionList, isStandalone: true, selector: "ifx-action-list", inputs: { listAriaLabel: "listAriaLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxActionList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxActionList, isStandalone: false, selector: "ifx-action-list", inputs: { listAriaLabel: "listAriaLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxActionList = __decorate([
     ProxyCmp({
@@ -157,17 +149,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['listAriaLabel'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxActionListItem = class IfxActionListItem {
+    z;
+    el;
+    ifxActionListItemClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxActionListItemClick']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxActionListItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxActionListItem, isStandalone: true, selector: "ifx-action-list-item", inputs: { description: "description", disabled: "disabled", href: "href", itemAriaLabel: "itemAriaLabel", itemTitle: "itemTitle", target: "target", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxActionListItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxActionListItem, isStandalone: false, selector: "ifx-action-list-item", inputs: { description: "description", disabled: "disabled", href: "href", itemAriaLabel: "itemAriaLabel", itemTitle: "itemTitle", target: "target", value: "value" }, outputs: { ifxActionListItemClick: "ifxActionListItemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxActionListItem = __decorate([
     ProxyCmp({
@@ -182,17 +177,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['description', 'disabled', 'href', 'itemAriaLabel', 'itemTitle', 'target', 'value'],
+                    outputs: ['ifxActionListItemClick'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxActionListItemClick: [{
+                type: Output
+            }] } });
 let IfxAlert = class IfxAlert {
+    z;
+    el;
+    ifxClose = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxClose']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxAlert, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxAlert, isStandalone: true, selector: "ifx-alert", inputs: { AriaLive: "AriaLive", closable: "closable", icon: "icon", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxAlert, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxAlert, isStandalone: false, selector: "ifx-alert", inputs: { AriaLive: "AriaLive", closable: "closable", icon: "icon", variant: "variant" }, outputs: { ifxClose: "ifxClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxAlert = __decorate([
     ProxyCmp({
@@ -207,16 +208,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['AriaLive', 'closable', 'icon', 'variant'],
+                    outputs: ['ifxClose'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxClose: [{
+                type: Output
+            }] } });
 let IfxBasicTable = class IfxBasicTable {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxBasicTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxBasicTable, isStandalone: true, selector: "ifx-basic-table", inputs: { cols: "cols", rowHeight: "rowHeight", rows: "rows", tableHeight: "tableHeight", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxBasicTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxBasicTable, isStandalone: false, selector: "ifx-basic-table", inputs: { cols: "cols", rowHeight: "rowHeight", rows: "rows", tableHeight: "tableHeight", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxBasicTable = __decorate([
     ProxyCmp({
@@ -231,16 +238,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['cols', 'rowHeight', 'rows', 'tableHeight', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxBreadcrumb = class IfxBreadcrumb {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxBreadcrumb, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxBreadcrumb, isStandalone: true, selector: "ifx-breadcrumb", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxBreadcrumb, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxBreadcrumb, isStandalone: false, selector: "ifx-breadcrumb", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxBreadcrumb = __decorate([
     ProxyCmp({})
@@ -253,16 +263,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxBreadcrumbItem = class IfxBreadcrumbItem {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxBreadcrumbItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxBreadcrumbItem, isStandalone: true, selector: "ifx-breadcrumb-item", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxBreadcrumbItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxBreadcrumbItem, isStandalone: false, selector: "ifx-breadcrumb-item", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxBreadcrumbItem = __decorate([
     ProxyCmp({})
@@ -275,17 +288,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxBreadcrumbItemLabel = class IfxBreadcrumbItemLabel {
+    z;
+    el;
+    breadcrumbMenuIconWrapper = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['breadcrumbMenuIconWrapper']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxBreadcrumbItemLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxBreadcrumbItemLabel, isStandalone: true, selector: "ifx-breadcrumb-item-label", inputs: { href: "href", icon: "icon", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxBreadcrumbItemLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxBreadcrumbItemLabel, isStandalone: false, selector: "ifx-breadcrumb-item-label", inputs: { href: "href", icon: "icon", target: "target" }, outputs: { breadcrumbMenuIconWrapper: "breadcrumbMenuIconWrapper" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxBreadcrumbItemLabel = __decorate([
     ProxyCmp({
@@ -300,16 +316,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['href', 'icon', 'target'],
+                    outputs: ['breadcrumbMenuIconWrapper'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { breadcrumbMenuIconWrapper: [{
+                type: Output
+            }] } });
 let IfxButton = class IfxButton {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxButton, isStandalone: true, selector: "ifx-button", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", fullWidth: "fullWidth", href: "href", size: "size", target: "target", theme: "theme", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxButton, isStandalone: false, selector: "ifx-button", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", fullWidth: "fullWidth", href: "href", size: "size", target: "target", theme: "theme", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxButton = __decorate([
     ProxyCmp({
@@ -325,16 +347,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'disabled', 'fullWidth', 'href', 'size', 'target', 'theme', 'type', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxCard = class IfxCard {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCard, isStandalone: true, selector: "ifx-card", inputs: { ariaLabel: "ariaLabel", direction: "direction", href: "href", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCard, isStandalone: false, selector: "ifx-card", inputs: { ariaLabel: "ariaLabel", direction: "direction", href: "href", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxCard = __decorate([
     ProxyCmp({
@@ -349,16 +374,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'direction', 'href', 'target'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxCardHeadline = class IfxCardHeadline {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCardHeadline, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCardHeadline, isStandalone: true, selector: "ifx-card-headline", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCardHeadline, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCardHeadline, isStandalone: false, selector: "ifx-card-headline", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxCardHeadline = __decorate([
     ProxyCmp({})
@@ -371,17 +399,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxCardImage = class IfxCardImage {
+    z;
+    el;
+    imgPosition = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['imgPosition']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCardImage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCardImage, isStandalone: true, selector: "ifx-card-image", inputs: { alt: "alt", position: "position", src: "src" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCardImage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCardImage, isStandalone: false, selector: "ifx-card-image", inputs: { alt: "alt", position: "position", src: "src" }, outputs: { imgPosition: "imgPosition" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxCardImage = __decorate([
     ProxyCmp({
@@ -396,16 +427,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['alt', 'position', 'src'],
+                    outputs: ['imgPosition'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { imgPosition: [{
+                type: Output
+            }] } });
 let IfxCardLinks = class IfxCardLinks {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCardLinks, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCardLinks, isStandalone: true, selector: "ifx-card-links", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCardLinks, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCardLinks, isStandalone: false, selector: "ifx-card-links", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxCardLinks = __decorate([
     ProxyCmp({})
@@ -418,16 +455,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxCardOverline = class IfxCardOverline {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCardOverline, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCardOverline, isStandalone: true, selector: "ifx-card-overline", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCardOverline, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCardOverline, isStandalone: false, selector: "ifx-card-overline", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxCardOverline = __decorate([
     ProxyCmp({})
@@ -440,16 +480,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxCardText = class IfxCardText {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCardText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCardText, isStandalone: true, selector: "ifx-card-text", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCardText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCardText, isStandalone: false, selector: "ifx-card-text", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxCardText = __decorate([
     ProxyCmp({})
@@ -462,17 +505,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxCheckbox = class IfxCheckbox {
+    z;
+    el;
+    ifxChange = new EventEmitter();
+    ifxError = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxChange', 'ifxError']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCheckbox, isStandalone: true, selector: "ifx-checkbox", inputs: { checked: "checked", disabled: "disabled", error: "error", indeterminate: "indeterminate", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCheckbox, isStandalone: false, selector: "ifx-checkbox", inputs: { checked: "checked", disabled: "disabled", error: "error", indeterminate: "indeterminate", size: "size", value: "value" }, outputs: { ifxChange: "ifxChange", ifxError: "ifxError" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxCheckbox = __decorate([
     ProxyCmp({
@@ -488,16 +535,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['checked', 'disabled', 'error', 'indeterminate', 'size', 'value'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxChange', 'ifxError'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxChange: [{
+                type: Output
+            }], ifxError: [{
+                type: Output
+            }] } });
 let IfxCheckboxGroup = class IfxCheckboxGroup {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCheckboxGroup, isStandalone: true, selector: "ifx-checkbox-group", inputs: { alignment: "alignment", captionText: "captionText", groupLabelText: "groupLabelText", required: "required", showCaption: "showCaption", showCaptionIcon: "showCaptionIcon", showGroupLabel: "showGroupLabel", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxCheckboxGroup, isStandalone: false, selector: "ifx-checkbox-group", inputs: { alignment: "alignment", captionText: "captionText", groupLabelText: "groupLabelText", required: "required", showCaption: "showCaption", showCaptionIcon: "showCaptionIcon", showGroupLabel: "showGroupLabel", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxCheckboxGroup = __decorate([
     ProxyCmp({
@@ -513,17 +568,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['alignment', 'captionText', 'groupLabelText', 'required', 'showCaption', 'showCaptionIcon', 'showGroupLabel', 'size'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxChip = class IfxChip {
+    z;
+    el;
+    ifxChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxChip, isStandalone: true, selector: "ifx-chip", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", icon: "icon", placeholder: "placeholder", readOnly: "readOnly", size: "size", theme: "theme", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxChip, isStandalone: false, selector: "ifx-chip", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", icon: "icon", placeholder: "placeholder", readOnly: "readOnly", size: "size", theme: "theme", value: "value", variant: "variant" }, outputs: { ifxChange: "ifxChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxChip = __decorate([
     ProxyCmp({
@@ -538,17 +596,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'disabled', 'icon', 'placeholder', 'readOnly', 'size', 'theme', 'value', 'variant'],
+                    outputs: ['ifxChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxChange: [{
+                type: Output
+            }] } });
 let IfxChipItem = class IfxChipItem {
+    z;
+    el;
+    ifxChipItemSelect = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxChipItemSelect']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxChipItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxChipItem, isStandalone: true, selector: "ifx-chip-item", inputs: { chipState: "chipState", selected: "selected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxChipItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxChipItem, isStandalone: false, selector: "ifx-chip-item", inputs: { chipState: "chipState", selected: "selected", value: "value" }, outputs: { ifxChipItemSelect: "ifxChipItemSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxChipItem = __decorate([
     ProxyCmp({
@@ -563,17 +627,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['chipState', 'selected', 'value'],
+                    outputs: ['ifxChipItemSelect'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxChipItemSelect: [{
+                type: Output
+            }] } });
 let IfxContentSwitcher = class IfxContentSwitcher {
+    z;
+    el;
+    ifxChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxContentSwitcher, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxContentSwitcher, isStandalone: true, selector: "ifx-content-switcher", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxContentSwitcher, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxContentSwitcher, isStandalone: false, selector: "ifx-content-switcher", outputs: { ifxChange: "ifxChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxContentSwitcher = __decorate([
     ProxyCmp({})
@@ -586,16 +656,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    outputs: ['ifxChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxChange: [{
+                type: Output
+            }] } });
 let IfxContentSwitcherItem = class IfxContentSwitcherItem {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxContentSwitcherItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxContentSwitcherItem, isStandalone: true, selector: "ifx-content-switcher-item", inputs: { selected: "selected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxContentSwitcherItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxContentSwitcherItem, isStandalone: false, selector: "ifx-content-switcher-item", inputs: { selected: "selected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxContentSwitcherItem = __decorate([
     ProxyCmp({
@@ -610,17 +686,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['selected', 'value'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxDatePicker = class IfxDatePicker {
+    z;
+    el;
+    ifxDate = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxDate']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDatePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDatePicker, isStandalone: true, selector: "ifx-date-picker", inputs: { ariaLabel: "ariaLabel", autocomplete: "autocomplete", caption: "caption", disabled: "disabled", error: "error", label: "label", max: "max", min: "min", required: "required", size: "size", success: "success", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDatePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDatePicker, isStandalone: false, selector: "ifx-date-picker", inputs: { ariaLabel: "ariaLabel", autocomplete: "autocomplete", caption: "caption", disabled: "disabled", error: "error", label: "label", max: "max", min: "min", required: "required", size: "size", success: "success", type: "type", value: "value" }, outputs: { ifxDate: "ifxDate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxDatePicker = __decorate([
     ProxyCmp({
@@ -635,16 +714,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'autocomplete', 'caption', 'disabled', 'error', 'label', 'max', 'min', 'required', 'size', 'success', 'type', 'value'],
+                    outputs: ['ifxDate'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxDate: [{
+                type: Output
+            }] } });
 let IfxDownload = class IfxDownload {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDownload, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDownload, isStandalone: true, selector: "ifx-download", inputs: { tokens: "tokens" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDownload, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDownload, isStandalone: false, selector: "ifx-download", inputs: { tokens: "tokens" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxDownload = __decorate([
     ProxyCmp({
@@ -659,17 +744,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['tokens'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxDropdown = class IfxDropdown {
+    z;
+    el;
+    ifxOpen = new EventEmitter();
+    ifxClose = new EventEmitter();
+    ifxDropdown = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxOpen', 'ifxClose', 'ifxDropdown']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdown, isStandalone: true, selector: "ifx-dropdown", inputs: { defaultOpen: "defaultOpen", disabled: "disabled", noAppendToBody: "noAppendToBody", noCloseOnMenuClick: "noCloseOnMenuClick", noCloseOnOutsideClick: "noCloseOnOutsideClick", placement: "placement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdown, isStandalone: false, selector: "ifx-dropdown", inputs: { defaultOpen: "defaultOpen", disabled: "disabled", noAppendToBody: "noAppendToBody", noCloseOnMenuClick: "noCloseOnMenuClick", noCloseOnOutsideClick: "noCloseOnOutsideClick", placement: "placement" }, outputs: { ifxOpen: "ifxOpen", ifxClose: "ifxClose", ifxDropdown: "ifxDropdown" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxDropdown = __decorate([
     ProxyCmp({
@@ -685,16 +775,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['defaultOpen', 'disabled', 'noAppendToBody', 'noCloseOnMenuClick', 'noCloseOnOutsideClick', 'placement'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxOpen', 'ifxClose', 'ifxDropdown'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxOpen: [{
+                type: Output
+            }], ifxClose: [{
+                type: Output
+            }], ifxDropdown: [{
+                type: Output
+            }] } });
 let IfxDropdownHeader = class IfxDropdownHeader {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownHeader, isStandalone: true, selector: "ifx-dropdown-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownHeader, isStandalone: false, selector: "ifx-dropdown-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxDropdownHeader = __decorate([
     ProxyCmp({})
@@ -707,17 +807,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxDropdownItem = class IfxDropdownItem {
+    z;
+    el;
+    ifxDropdownItem = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxDropdownItem']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownItem, isStandalone: true, selector: "ifx-dropdown-item", inputs: { hide: "hide", href: "href", icon: "icon", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownItem, isStandalone: false, selector: "ifx-dropdown-item", inputs: { hide: "hide", href: "href", icon: "icon", target: "target" }, outputs: { ifxDropdownItem: "ifxDropdownItem" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxDropdownItem = __decorate([
     ProxyCmp({
@@ -732,17 +835,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['hide', 'href', 'icon', 'target'],
+                    outputs: ['ifxDropdownItem'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxDropdownItem: [{
+                type: Output
+            }] } });
 let IfxDropdownMenu = class IfxDropdownMenu {
+    z;
+    el;
+    menuSize = new EventEmitter();
+    ifxDropdownMenuItem = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['menuSize', 'ifxDropdownMenuItem']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownMenu, isStandalone: true, selector: "ifx-dropdown-menu", inputs: { isOpen: "isOpen", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownMenu, isStandalone: false, selector: "ifx-dropdown-menu", inputs: { isOpen: "isOpen", size: "size" }, outputs: { menuSize: "menuSize", ifxDropdownMenuItem: "ifxDropdownMenuItem" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxDropdownMenu = __decorate([
     ProxyCmp({
@@ -757,16 +867,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['isOpen', 'size'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['menuSize', 'ifxDropdownMenuItem'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { menuSize: [{
+                type: Output
+            }], ifxDropdownMenuItem: [{
+                type: Output
+            }] } });
 let IfxDropdownSeparator = class IfxDropdownSeparator {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownSeparator, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownSeparator, isStandalone: true, selector: "ifx-dropdown-separator", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownSeparator, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownSeparator, isStandalone: false, selector: "ifx-dropdown-separator", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxDropdownSeparator = __decorate([
     ProxyCmp({})
@@ -779,16 +897,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxDropdownTrigger = class IfxDropdownTrigger {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownTrigger, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownTrigger, isStandalone: true, selector: "ifx-dropdown-trigger", inputs: { isOpen: "isOpen" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownTrigger, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownTrigger, isStandalone: false, selector: "ifx-dropdown-trigger", inputs: { isOpen: "isOpen" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxDropdownTrigger = __decorate([
     ProxyCmp({
@@ -803,16 +924,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['isOpen'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxDropdownTriggerButton = class IfxDropdownTriggerButton {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownTriggerButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownTriggerButton, isStandalone: true, selector: "ifx-dropdown-trigger-button", inputs: { disabled: "disabled", hideArrow: "hideArrow", isOpen: "isOpen", size: "size", theme: "theme", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxDropdownTriggerButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxDropdownTriggerButton, isStandalone: false, selector: "ifx-dropdown-trigger-button", inputs: { disabled: "disabled", hideArrow: "hideArrow", isOpen: "isOpen", size: "size", theme: "theme", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxDropdownTriggerButton = __decorate([
     ProxyCmp({
@@ -827,16 +951,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled', 'hideArrow', 'isOpen', 'size', 'theme', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxFaq = class IfxFaq {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFaq, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFaq, isStandalone: true, selector: "ifx-faq", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFaq, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFaq, isStandalone: false, selector: "ifx-faq", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxFaq = __decorate([
     ProxyCmp({})
@@ -849,17 +976,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxFileUpload = class IfxFileUpload {
+    z;
+    el;
+    ifxFileUploadAdd = new EventEmitter();
+    ifxFileUploadRemove = new EventEmitter();
+    ifxFileUploadChange = new EventEmitter();
+    ifxFileUploadError = new EventEmitter();
+    ifxFileUploadInvalid = new EventEmitter();
+    ifxFileUploadStart = new EventEmitter();
+    ifxFileUploadComplete = new EventEmitter();
+    ifxFileUploadAllComplete = new EventEmitter();
+    ifxFileUploadAbort = new EventEmitter();
+    ifxFileUploadDrop = new EventEmitter();
+    ifxFileUploadClick = new EventEmitter();
+    ifxFileUploadMaxFilesExceeded = new EventEmitter();
+    ifxFileUploadValidation = new EventEmitter();
+    ifxFileUploadRetry = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxFileUploadAdd', 'ifxFileUploadRemove', 'ifxFileUploadChange', 'ifxFileUploadError', 'ifxFileUploadInvalid', 'ifxFileUploadStart', 'ifxFileUploadComplete', 'ifxFileUploadAllComplete', 'ifxFileUploadAbort', 'ifxFileUploadDrop', 'ifxFileUploadClick', 'ifxFileUploadMaxFilesExceeded', 'ifxFileUploadValidation', 'ifxFileUploadRetry']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFileUpload, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFileUpload, isStandalone: true, selector: "ifx-file-upload", inputs: { additionalAllowedFileTypes: "additionalAllowedFileTypes", allowAnyFileType: "allowAnyFileType", allowedFileExtensions: "allowedFileExtensions", allowedFileTypes: "allowedFileTypes", ariaLabelBrowseFiles: "ariaLabelBrowseFiles", ariaLabelCancelUpload: "ariaLabelCancelUpload", ariaLabelDropzone: "ariaLabelDropzone", ariaLabelFileInput: "ariaLabelFileInput", ariaLabelRemoveFile: "ariaLabelRemoveFile", ariaLabelRetryUpload: "ariaLabelRetryUpload", ariaLabelUploadFailedStatus: "ariaLabelUploadFailedStatus", ariaLabelUploadedStatus: "ariaLabelUploadedStatus", ariaLabelUploadingStatus: "ariaLabelUploadingStatus", disabled: "disabled", dragAndDrop: "dragAndDrop", label: "label", labelBrowseFiles: "labelBrowseFiles", labelDragAndDrop: "labelDragAndDrop", labelFilePlural: "labelFilePlural", labelFileSingular: "labelFileSingular", labelFileTooLarge: "labelFileTooLarge", labelMaxFilesExceeded: "labelMaxFilesExceeded", labelMaxFilesInfo: "labelMaxFilesInfo", labelRequiredError: "labelRequiredError", labelSupportedFormatsTemplate: "labelSupportedFormatsTemplate", labelUnsupportedFileType: "labelUnsupportedFileType", labelUploadFailed: "labelUploadFailed", labelUploaded: "labelUploaded", labelUploadedFilesHeading: "labelUploadedFilesHeading", maxFileSizeMB: "maxFileSizeMB", maxFiles: "maxFiles", required: "required", uploadHandler: "uploadHandler" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFileUpload, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFileUpload, isStandalone: false, selector: "ifx-file-upload", inputs: { additionalAllowedFileTypes: "additionalAllowedFileTypes", allowAnyFileType: "allowAnyFileType", allowedFileExtensions: "allowedFileExtensions", allowedFileTypes: "allowedFileTypes", ariaLabelBrowseFiles: "ariaLabelBrowseFiles", ariaLabelCancelUpload: "ariaLabelCancelUpload", ariaLabelDropzone: "ariaLabelDropzone", ariaLabelFileInput: "ariaLabelFileInput", ariaLabelRemoveFile: "ariaLabelRemoveFile", ariaLabelRetryUpload: "ariaLabelRetryUpload", ariaLabelUploadFailedStatus: "ariaLabelUploadFailedStatus", ariaLabelUploadedStatus: "ariaLabelUploadedStatus", ariaLabelUploadingStatus: "ariaLabelUploadingStatus", disabled: "disabled", dragAndDrop: "dragAndDrop", label: "label", labelBrowseFiles: "labelBrowseFiles", labelDragAndDrop: "labelDragAndDrop", labelFilePlural: "labelFilePlural", labelFileSingular: "labelFileSingular", labelFileTooLarge: "labelFileTooLarge", labelMaxFilesExceeded: "labelMaxFilesExceeded", labelMaxFilesInfo: "labelMaxFilesInfo", labelRequiredError: "labelRequiredError", labelSupportedFormatsTemplate: "labelSupportedFormatsTemplate", labelUnsupportedFileType: "labelUnsupportedFileType", labelUploadFailed: "labelUploadFailed", labelUploaded: "labelUploaded", labelUploadedFilesHeading: "labelUploadedFilesHeading", maxFileSizeMB: "maxFileSizeMB", maxFiles: "maxFiles", required: "required", uploadHandler: "uploadHandler" }, outputs: { ifxFileUploadAdd: "ifxFileUploadAdd", ifxFileUploadRemove: "ifxFileUploadRemove", ifxFileUploadChange: "ifxFileUploadChange", ifxFileUploadError: "ifxFileUploadError", ifxFileUploadInvalid: "ifxFileUploadInvalid", ifxFileUploadStart: "ifxFileUploadStart", ifxFileUploadComplete: "ifxFileUploadComplete", ifxFileUploadAllComplete: "ifxFileUploadAllComplete", ifxFileUploadAbort: "ifxFileUploadAbort", ifxFileUploadDrop: "ifxFileUploadDrop", ifxFileUploadClick: "ifxFileUploadClick", ifxFileUploadMaxFilesExceeded: "ifxFileUploadMaxFilesExceeded", ifxFileUploadValidation: "ifxFileUploadValidation", ifxFileUploadRetry: "ifxFileUploadRetry" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxFileUpload = __decorate([
     ProxyCmp({
@@ -875,17 +1018,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['additionalAllowedFileTypes', 'allowAnyFileType', 'allowedFileExtensions', 'allowedFileTypes', 'ariaLabelBrowseFiles', 'ariaLabelCancelUpload', 'ariaLabelDropzone', 'ariaLabelFileInput', 'ariaLabelRemoveFile', 'ariaLabelRetryUpload', 'ariaLabelUploadFailedStatus', 'ariaLabelUploadedStatus', 'ariaLabelUploadingStatus', 'disabled', 'dragAndDrop', 'label', 'labelBrowseFiles', 'labelDragAndDrop', 'labelFilePlural', 'labelFileSingular', 'labelFileTooLarge', 'labelMaxFilesExceeded', 'labelMaxFilesInfo', 'labelRequiredError', 'labelSupportedFormatsTemplate', 'labelUnsupportedFileType', 'labelUploadFailed', 'labelUploaded', 'labelUploadedFilesHeading', 'maxFileSizeMB', 'maxFiles', 'required', 'uploadHandler'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxFileUploadAdd', 'ifxFileUploadRemove', 'ifxFileUploadChange', 'ifxFileUploadError', 'ifxFileUploadInvalid', 'ifxFileUploadStart', 'ifxFileUploadComplete', 'ifxFileUploadAllComplete', 'ifxFileUploadAbort', 'ifxFileUploadDrop', 'ifxFileUploadClick', 'ifxFileUploadMaxFilesExceeded', 'ifxFileUploadValidation', 'ifxFileUploadRetry'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxFileUploadAdd: [{
+                type: Output
+            }], ifxFileUploadRemove: [{
+                type: Output
+            }], ifxFileUploadChange: [{
+                type: Output
+            }], ifxFileUploadError: [{
+                type: Output
+            }], ifxFileUploadInvalid: [{
+                type: Output
+            }], ifxFileUploadStart: [{
+                type: Output
+            }], ifxFileUploadComplete: [{
+                type: Output
+            }], ifxFileUploadAllComplete: [{
+                type: Output
+            }], ifxFileUploadAbort: [{
+                type: Output
+            }], ifxFileUploadDrop: [{
+                type: Output
+            }], ifxFileUploadClick: [{
+                type: Output
+            }], ifxFileUploadMaxFilesExceeded: [{
+                type: Output
+            }], ifxFileUploadValidation: [{
+                type: Output
+            }], ifxFileUploadRetry: [{
+                type: Output
+            }] } });
 let IfxFilterAccordion = class IfxFilterAccordion {
+    z;
+    el;
+    ifxFilterAccordionChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxFilterAccordionChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFilterAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFilterAccordion, isStandalone: true, selector: "ifx-filter-accordion", inputs: { filterGroupName: "filterGroupName", maxVisibleItems: "maxVisibleItems" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFilterAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFilterAccordion, isStandalone: false, selector: "ifx-filter-accordion", inputs: { filterGroupName: "filterGroupName", maxVisibleItems: "maxVisibleItems" }, outputs: { ifxFilterAccordionChange: "ifxFilterAccordionChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxFilterAccordion = __decorate([
     ProxyCmp({
@@ -900,17 +1075,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['filterGroupName', 'maxVisibleItems'],
+                    outputs: ['ifxFilterAccordionChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxFilterAccordionChange: [{
+                type: Output
+            }] } });
 let IfxFilterBar = class IfxFilterBar {
+    z;
+    el;
+    ifxTopbarFilterChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxTopbarFilterChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFilterBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFilterBar, isStandalone: true, selector: "ifx-filter-bar", inputs: { maxShownFilters: "maxShownFilters", showMoreFiltersButton: "showMoreFiltersButton" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFilterBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFilterBar, isStandalone: false, selector: "ifx-filter-bar", inputs: { maxShownFilters: "maxShownFilters", showMoreFiltersButton: "showMoreFiltersButton" }, outputs: { ifxTopbarFilterChange: "ifxTopbarFilterChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxFilterBar = __decorate([
     ProxyCmp({
@@ -925,17 +1106,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['maxShownFilters', 'showMoreFiltersButton'],
+                    outputs: ['ifxTopbarFilterChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxTopbarFilterChange: [{
+                type: Output
+            }] } });
 let IfxFilterSearch = class IfxFilterSearch {
+    z;
+    el;
+    ifxFilterSearchChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxFilterSearchChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFilterSearch, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFilterSearch, isStandalone: true, selector: "ifx-filter-search", inputs: { disabled: "disabled", filterKey: "filterKey", filterName: "filterName", filterOrientation: "filterOrientation", filterValue: "filterValue", placeholder: "placeholder" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFilterSearch, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFilterSearch, isStandalone: false, selector: "ifx-filter-search", inputs: { disabled: "disabled", filterKey: "filterKey", filterName: "filterName", filterOrientation: "filterOrientation", filterValue: "filterValue", placeholder: "placeholder" }, outputs: { ifxFilterSearchChange: "ifxFilterSearchChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxFilterSearch = __decorate([
     ProxyCmp({
@@ -950,17 +1137,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled', 'filterKey', 'filterName', 'filterOrientation', 'filterValue', 'placeholder'],
+                    outputs: ['ifxFilterSearchChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxFilterSearchChange: [{
+                type: Output
+            }] } });
 let IfxFilterTypeGroup = class IfxFilterTypeGroup {
+    z;
+    el;
+    ifxSidebarFilterChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxSidebarFilterChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFilterTypeGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFilterTypeGroup, isStandalone: true, selector: "ifx-filter-type-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFilterTypeGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFilterTypeGroup, isStandalone: false, selector: "ifx-filter-type-group", outputs: { ifxSidebarFilterChange: "ifxSidebarFilterChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxFilterTypeGroup = __decorate([
     ProxyCmp({})
@@ -973,16 +1166,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    outputs: ['ifxSidebarFilterChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxSidebarFilterChange: [{
+                type: Output
+            }] } });
 let IfxFooter = class IfxFooter {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFooter, isStandalone: true, selector: "ifx-footer", inputs: { copyrightText: "copyrightText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFooter, isStandalone: false, selector: "ifx-footer", inputs: { copyrightText: "copyrightText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxFooter = __decorate([
     ProxyCmp({
@@ -997,16 +1196,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['copyrightText'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxFooterColumn = class IfxFooterColumn {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFooterColumn, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFooterColumn, isStandalone: true, selector: "ifx-footer-column", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxFooterColumn, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxFooterColumn, isStandalone: false, selector: "ifx-footer-column", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxFooterColumn = __decorate([
     ProxyCmp({})
@@ -1019,17 +1221,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxIcon = class IfxIcon {
+    z;
+    el;
+    consoleError = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['consoleError']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxIcon, isStandalone: true, selector: "ifx-icon", inputs: { icon: "icon", ifxIcon: "ifxIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxIcon, isStandalone: false, selector: "ifx-icon", inputs: { icon: "icon", ifxIcon: "ifxIcon" }, outputs: { consoleError: "consoleError" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxIcon = __decorate([
     ProxyCmp({
@@ -1044,16 +1249,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['icon', 'ifxIcon'],
+                    outputs: ['consoleError'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { consoleError: [{
+                type: Output
+            }] } });
 let IfxIconButton = class IfxIconButton {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxIconButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxIconButton, isStandalone: true, selector: "ifx-icon-button", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", href: "href", icon: "icon", shape: "shape", size: "size", target: "target", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxIconButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxIconButton, isStandalone: false, selector: "ifx-icon-button", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", href: "href", icon: "icon", shape: "shape", size: "size", target: "target", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxIconButton = __decorate([
     ProxyCmp({
@@ -1069,16 +1280,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'disabled', 'href', 'icon', 'shape', 'size', 'target', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxIconsPreview = class IfxIconsPreview {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxIconsPreview, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxIconsPreview, isStandalone: true, selector: "ifx-icons-preview", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxIconsPreview, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxIconsPreview, isStandalone: false, selector: "ifx-icons-preview", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxIconsPreview = __decorate([
     ProxyCmp({})
@@ -1091,16 +1305,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxIndicator = class IfxIndicator {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxIndicator, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxIndicator, isStandalone: true, selector: "ifx-indicator", inputs: { ariaLabel: "ariaLabel", inverted: "inverted", number: "number", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxIndicator, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxIndicator, isStandalone: false, selector: "ifx-indicator", inputs: { ariaLabel: "ariaLabel", inverted: "inverted", number: "number", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxIndicator = __decorate([
     ProxyCmp({
@@ -1115,16 +1332,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'inverted', 'number', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxLink = class IfxLink {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxLink, isStandalone: true, selector: "ifx-link", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", download: "download", href: "href", size: "size", target: "target", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxLink, isStandalone: false, selector: "ifx-link", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", download: "download", href: "href", size: "size", target: "target", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxLink = __decorate([
     ProxyCmp({
@@ -1139,17 +1359,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'disabled', 'download', 'href', 'size', 'target', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxList = class IfxList {
+    z;
+    el;
+    ifxListUpdate = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxListUpdate']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxList, isStandalone: true, selector: "ifx-list", inputs: { maxVisibleItems: "maxVisibleItems", name: "name", resetTrigger: "resetTrigger", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxList, isStandalone: false, selector: "ifx-list", inputs: { maxVisibleItems: "maxVisibleItems", name: "name", resetTrigger: "resetTrigger", type: "type" }, outputs: { ifxListUpdate: "ifxListUpdate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxList = __decorate([
     ProxyCmp({
@@ -1164,17 +1387,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['maxVisibleItems', 'name', 'resetTrigger', 'type'],
+                    outputs: ['ifxListUpdate'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxListUpdate: [{
+                type: Output
+            }] } });
 let IfxListEntry = class IfxListEntry {
+    z;
+    el;
+    ifxListEntryChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxListEntryChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxListEntry, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxListEntry, isStandalone: true, selector: "ifx-list-entry", inputs: { label: "label", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxListEntry, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxListEntry, isStandalone: false, selector: "ifx-list-entry", inputs: { label: "label", type: "type", value: "value" }, outputs: { ifxListEntryChange: "ifxListEntryChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxListEntry = __decorate([
     ProxyCmp({
@@ -1189,17 +1418,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['label', 'type', 'value'],
+                    outputs: ['ifxListEntryChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxListEntryChange: [{
+                type: Output
+            }] } });
 let IfxModal = class IfxModal {
+    z;
+    el;
+    ifxOpen = new EventEmitter();
+    ifxClose = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxOpen', 'ifxClose']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxModal, isStandalone: true, selector: "ifx-modal", inputs: { alertIcon: "alertIcon", cancelButtonLabel: "cancelButtonLabel", caption: "caption", captionAriaLabel: "captionAriaLabel", closeButtonAriaLabel: "closeButtonAriaLabel", closeOnOverlayClick: "closeOnOverlayClick", okButtonLabel: "okButtonLabel", opened: "opened", showCloseButton: "showCloseButton", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxModal, isStandalone: false, selector: "ifx-modal", inputs: { alertIcon: "alertIcon", cancelButtonLabel: "cancelButtonLabel", caption: "caption", captionAriaLabel: "captionAriaLabel", closeButtonAriaLabel: "closeButtonAriaLabel", closeOnOverlayClick: "closeOnOverlayClick", okButtonLabel: "okButtonLabel", opened: "opened", showCloseButton: "showCloseButton", size: "size", variant: "variant" }, outputs: { ifxOpen: "ifxOpen", ifxClose: "ifxClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxModal = __decorate([
     ProxyCmp({
@@ -1214,17 +1450,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['alertIcon', 'cancelButtonLabel', 'caption', 'captionAriaLabel', 'closeButtonAriaLabel', 'closeOnOverlayClick', 'okButtonLabel', 'opened', 'showCloseButton', 'size', 'variant'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxOpen', 'ifxClose'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxOpen: [{
+                type: Output
+            }], ifxClose: [{
+                type: Output
+            }] } });
 let IfxMultiselect = class IfxMultiselect {
+    z;
+    el;
+    ifxSelect = new EventEmitter();
+    ifxOpen = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxSelect', 'ifxOpen']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxMultiselect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxMultiselect, isStandalone: true, selector: "ifx-multiselect", inputs: { ariaClearLabel: "ariaClearLabel", ariaCollapseAllLabel: "ariaCollapseAllLabel", ariaExpandAllLabel: "ariaExpandAllLabel", ariaMultiSelectDescribedBy: "ariaMultiSelectDescribedBy", ariaMultiSelectLabel: "ariaMultiSelectLabel", ariaMultiSelectLabelledBy: "ariaMultiSelectLabelledBy", ariaSearchLabel: "ariaSearchLabel", ariaSelectAllLabel: "ariaSelectAllLabel", ariaToggleLabel: "ariaToggleLabel", caption: "caption", collapseLabel: "collapseLabel", disabled: "disabled", error: "error", expandLabel: "expandLabel", label: "label", name: "name", noResultsMessage: "noResultsMessage", placeholder: "placeholder", required: "required", searchPlaceholder: "searchPlaceholder", selectAllLabel: "selectAllLabel", showClearButton: "showClearButton", showExpandCollapse: "showExpandCollapse", showNoResultsMessage: "showNoResultsMessage", showSearch: "showSearch", showSelectAll: "showSelectAll" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxMultiselect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxMultiselect, isStandalone: false, selector: "ifx-multiselect", inputs: { ariaClearLabel: "ariaClearLabel", ariaCollapseAllLabel: "ariaCollapseAllLabel", ariaExpandAllLabel: "ariaExpandAllLabel", ariaMultiSelectDescribedBy: "ariaMultiSelectDescribedBy", ariaMultiSelectLabel: "ariaMultiSelectLabel", ariaMultiSelectLabelledBy: "ariaMultiSelectLabelledBy", ariaSearchLabel: "ariaSearchLabel", ariaSelectAllLabel: "ariaSelectAllLabel", ariaToggleLabel: "ariaToggleLabel", caption: "caption", collapseLabel: "collapseLabel", disabled: "disabled", error: "error", expandLabel: "expandLabel", label: "label", name: "name", noResultsMessage: "noResultsMessage", placeholder: "placeholder", required: "required", searchPlaceholder: "searchPlaceholder", selectAllLabel: "selectAllLabel", showClearButton: "showClearButton", showExpandCollapse: "showExpandCollapse", showNoResultsMessage: "showNoResultsMessage", showSearch: "showSearch", showSelectAll: "showSelectAll" }, outputs: { ifxSelect: "ifxSelect", ifxOpen: "ifxOpen" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxMultiselect = __decorate([
     ProxyCmp({
@@ -1240,16 +1485,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaClearLabel', 'ariaCollapseAllLabel', 'ariaExpandAllLabel', 'ariaMultiSelectDescribedBy', 'ariaMultiSelectLabel', 'ariaMultiSelectLabelledBy', 'ariaSearchLabel', 'ariaSelectAllLabel', 'ariaToggleLabel', 'caption', 'collapseLabel', 'disabled', 'error', 'expandLabel', 'label', 'name', 'noResultsMessage', 'placeholder', 'required', 'searchPlaceholder', 'selectAllLabel', 'showClearButton', 'showExpandCollapse', 'showNoResultsMessage', 'showSearch', 'showSelectAll'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxSelect', 'ifxOpen'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxSelect: [{
+                type: Output
+            }], ifxOpen: [{
+                type: Output
+            }] } });
 let IfxMultiselectOption = class IfxMultiselectOption {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxMultiselectOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxMultiselectOption, isStandalone: true, selector: "ifx-multiselect-option", inputs: { disabled: "disabled", indeterminate: "indeterminate", selected: "selected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxMultiselectOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxMultiselectOption, isStandalone: false, selector: "ifx-multiselect-option", inputs: { disabled: "disabled", indeterminate: "indeterminate", selected: "selected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxMultiselectOption = __decorate([
     ProxyCmp({
@@ -1264,17 +1517,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled', 'indeterminate', 'selected', 'value'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxNavbar = class IfxNavbar {
+    z;
+    el;
+    ifxNavbarMobileMenuIsOpen = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxNavbarMobileMenuIsOpen']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxNavbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxNavbar, isStandalone: true, selector: "ifx-navbar", inputs: { applicationName: "applicationName", fixed: "fixed", logoHref: "logoHref", logoHrefTarget: "logoHrefTarget", showLogoAndAppname: "showLogoAndAppname" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxNavbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxNavbar, isStandalone: false, selector: "ifx-navbar", inputs: { applicationName: "applicationName", fixed: "fixed", logoHref: "logoHref", logoHrefTarget: "logoHrefTarget", showLogoAndAppname: "showLogoAndAppname" }, outputs: { ifxNavbarMobileMenuIsOpen: "ifxNavbarMobileMenuIsOpen" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxNavbar = __decorate([
     ProxyCmp({
@@ -1289,17 +1545,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['applicationName', 'fixed', 'logoHref', 'logoHrefTarget', 'showLogoAndAppname'],
+                    outputs: ['ifxNavbarMobileMenuIsOpen'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxNavbarMobileMenuIsOpen: [{
+                type: Output
+            }] } });
 let IfxNavbarItem = class IfxNavbarItem {
+    z;
+    el;
+    ifxNavItem = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxNavItem']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxNavbarItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxNavbarItem, isStandalone: true, selector: "ifx-navbar-item", inputs: { dotIndicator: "dotIndicator", hideOnMobile: "hideOnMobile", href: "href", icon: "icon", numberIndicator: "numberIndicator", showLabel: "showLabel", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxNavbarItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxNavbarItem, isStandalone: false, selector: "ifx-navbar-item", inputs: { dotIndicator: "dotIndicator", hideOnMobile: "hideOnMobile", href: "href", icon: "icon", numberIndicator: "numberIndicator", showLabel: "showLabel", target: "target" }, outputs: { ifxNavItem: "ifxNavItem" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxNavbarItem = __decorate([
     ProxyCmp({
@@ -1315,16 +1577,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['dotIndicator', 'hideOnMobile', 'href', 'icon', 'numberIndicator', 'showLabel', 'target'],
+                    outputs: ['ifxNavItem'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxNavItem: [{
+                type: Output
+            }] } });
 let IfxNavbarProfile = class IfxNavbarProfile {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxNavbarProfile, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxNavbarProfile, isStandalone: true, selector: "ifx-navbar-profile", inputs: { alt: "alt", href: "href", imageUrl: "imageUrl", showLabel: "showLabel", target: "target", userName: "userName" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxNavbarProfile, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxNavbarProfile, isStandalone: false, selector: "ifx-navbar-profile", inputs: { alt: "alt", href: "href", imageUrl: "imageUrl", showLabel: "showLabel", target: "target", userName: "userName" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxNavbarProfile = __decorate([
     ProxyCmp({
@@ -1340,16 +1608,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['alt', 'href', 'imageUrl', 'showLabel', 'target', 'userName'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxNotification = class IfxNotification {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxNotification, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxNotification, isStandalone: true, selector: "ifx-notification", inputs: { icon: "icon", linkHref: "linkHref", linkTarget: "linkTarget", linkText: "linkText", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxNotification, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxNotification, isStandalone: false, selector: "ifx-notification", inputs: { icon: "icon", linkHref: "linkHref", linkTarget: "linkTarget", linkText: "linkText", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxNotification = __decorate([
     ProxyCmp({
@@ -1364,16 +1635,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['icon', 'linkHref', 'linkTarget', 'linkText', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxOverviewTable = class IfxOverviewTable {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxOverviewTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxOverviewTable, isStandalone: true, selector: "ifx-overview-table", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxOverviewTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxOverviewTable, isStandalone: false, selector: "ifx-overview-table", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxOverviewTable = __decorate([
     ProxyCmp({})
@@ -1386,17 +1660,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxPagination = class IfxPagination {
+    z;
+    el;
+    ifxPageChange = new EventEmitter();
+    ifxItemsPerPageChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxPageChange', 'ifxItemsPerPageChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxPagination, isStandalone: true, selector: "ifx-pagination", inputs: { currentPage: "currentPage", itemsPerPage: "itemsPerPage", showItemsPerPage: "showItemsPerPage", total: "total" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxPagination, isStandalone: false, selector: "ifx-pagination", inputs: { currentPage: "currentPage", itemsPerPage: "itemsPerPage", showItemsPerPage: "showItemsPerPage", total: "total" }, outputs: { ifxPageChange: "ifxPageChange", ifxItemsPerPageChange: "ifxItemsPerPageChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxPagination = __decorate([
     ProxyCmp({
@@ -1411,16 +1689,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['currentPage', 'itemsPerPage', 'showItemsPerPage', 'total'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxPageChange', 'ifxItemsPerPageChange'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxPageChange: [{
+                type: Output
+            }], ifxItemsPerPageChange: [{
+                type: Output
+            }] } });
 let IfxProgressBar = class IfxProgressBar {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxProgressBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxProgressBar, isStandalone: true, selector: "ifx-progress-bar", inputs: { showLabel: "showLabel", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxProgressBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxProgressBar, isStandalone: false, selector: "ifx-progress-bar", inputs: { showLabel: "showLabel", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxProgressBar = __decorate([
     ProxyCmp({
@@ -1435,17 +1721,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['showLabel', 'size', 'value'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxRadioButton = class IfxRadioButton {
+    z;
+    el;
+    ifxChange = new EventEmitter();
+    ifxError = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxChange', 'ifxError']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxRadioButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxRadioButton, isStandalone: true, selector: "ifx-radio-button", inputs: { checked: "checked", disabled: "disabled", error: "error", name: "name", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxRadioButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxRadioButton, isStandalone: false, selector: "ifx-radio-button", inputs: { checked: "checked", disabled: "disabled", error: "error", name: "name", size: "size", value: "value" }, outputs: { ifxChange: "ifxChange", ifxError: "ifxError" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxRadioButton = __decorate([
     ProxyCmp({
@@ -1461,16 +1751,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['checked', 'disabled', 'error', 'name', 'size', 'value'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxChange', 'ifxError'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxChange: [{
+                type: Output
+            }], ifxError: [{
+                type: Output
+            }] } });
 let IfxRadioButtonGroup = class IfxRadioButtonGroup {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxRadioButtonGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxRadioButtonGroup, isStandalone: true, selector: "ifx-radio-button-group", inputs: { alignment: "alignment", captionText: "captionText", groupLabelText: "groupLabelText", required: "required", showCaption: "showCaption", showCaptionIcon: "showCaptionIcon", showGroupLabel: "showGroupLabel", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxRadioButtonGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxRadioButtonGroup, isStandalone: false, selector: "ifx-radio-button-group", inputs: { alignment: "alignment", captionText: "captionText", groupLabelText: "groupLabelText", required: "required", showCaption: "showCaption", showCaptionIcon: "showCaptionIcon", showGroupLabel: "showGroupLabel", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxRadioButtonGroup = __decorate([
     ProxyCmp({
@@ -1486,17 +1784,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['alignment', 'captionText', 'groupLabelText', 'required', 'showCaption', 'showCaptionIcon', 'showGroupLabel', 'size'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxSearchBar = class IfxSearchBar {
+    z;
+    el;
+    ifxInput = new EventEmitter();
+    ifxOpen = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxInput', 'ifxOpen']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSearchBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSearchBar, isStandalone: true, selector: "ifx-search-bar", inputs: { autocomplete: "autocomplete", disabled: "disabled", isOpen: "isOpen", maxlength: "maxlength", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSearchBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSearchBar, isStandalone: false, selector: "ifx-search-bar", inputs: { autocomplete: "autocomplete", disabled: "disabled", isOpen: "isOpen", maxlength: "maxlength", value: "value" }, outputs: { ifxInput: "ifxInput", ifxOpen: "ifxOpen" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSearchBar = __decorate([
     ProxyCmp({
@@ -1512,17 +1814,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['autocomplete', 'disabled', 'isOpen', 'maxlength', 'value'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxInput', 'ifxOpen'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxInput: [{
+                type: Output
+            }], ifxOpen: [{
+                type: Output
+            }] } });
 let IfxSearchField = class IfxSearchField {
+    z;
+    el;
+    ifxInput = new EventEmitter();
+    ifxSuggestionRequested = new EventEmitter();
+    ifxSuggestionSelected = new EventEmitter();
+    ifxFocus = new EventEmitter();
+    ifxBlur = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxInput', 'ifxSuggestionRequested', 'ifxSuggestionSelected', 'ifxFocus', 'ifxBlur']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSearchField, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSearchField, isStandalone: true, selector: "ifx-search-field", inputs: { ariaDescribedBy: "ariaDescribedBy", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", autocomplete: "autocomplete", deleteIconAriaLabel: "deleteIconAriaLabel", disabled: "disabled", dropdownAriaLabel: "dropdownAriaLabel", enableHistory: "enableHistory", historyDeleteAriaLabel: "historyDeleteAriaLabel", historyHeaderText: "historyHeaderText", historyItemAriaLabel: "historyItemAriaLabel", historyKey: "historyKey", maxHistoryItems: "maxHistoryItems", maxSuggestions: "maxSuggestions", maxlength: "maxlength", placeholder: "placeholder", showDeleteIcon: "showDeleteIcon", showSuggestions: "showSuggestions", size: "size", suggestionAriaLabel: "suggestionAriaLabel", suggestions: "suggestions", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSearchField, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSearchField, isStandalone: false, selector: "ifx-search-field", inputs: { ariaDescribedBy: "ariaDescribedBy", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", autocomplete: "autocomplete", deleteIconAriaLabel: "deleteIconAriaLabel", disabled: "disabled", dropdownAriaLabel: "dropdownAriaLabel", enableHistory: "enableHistory", historyDeleteAriaLabel: "historyDeleteAriaLabel", historyHeaderText: "historyHeaderText", historyItemAriaLabel: "historyItemAriaLabel", historyKey: "historyKey", maxHistoryItems: "maxHistoryItems", maxSuggestions: "maxSuggestions", maxlength: "maxlength", placeholder: "placeholder", showDeleteIcon: "showDeleteIcon", showSuggestions: "showSuggestions", size: "size", suggestionAriaLabel: "suggestionAriaLabel", suggestions: "suggestions", value: "value" }, outputs: { ifxInput: "ifxInput", ifxSuggestionRequested: "ifxSuggestionRequested", ifxSuggestionSelected: "ifxSuggestionSelected", ifxFocus: "ifxFocus", ifxBlur: "ifxBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSearchField = __decorate([
     ProxyCmp({
@@ -1537,17 +1851,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaDescribedBy', 'ariaLabel', 'ariaLabelledBy', 'autocomplete', 'deleteIconAriaLabel', 'disabled', 'dropdownAriaLabel', 'enableHistory', 'historyDeleteAriaLabel', 'historyHeaderText', 'historyItemAriaLabel', 'historyKey', 'maxHistoryItems', 'maxSuggestions', 'maxlength', 'placeholder', 'showDeleteIcon', 'showSuggestions', 'size', 'suggestionAriaLabel', 'suggestions', 'value'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxInput', 'ifxSuggestionRequested', 'ifxSuggestionSelected', 'ifxFocus', 'ifxBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxInput: [{
+                type: Output
+            }], ifxSuggestionRequested: [{
+                type: Output
+            }], ifxSuggestionSelected: [{
+                type: Output
+            }], ifxFocus: [{
+                type: Output
+            }], ifxBlur: [{
+                type: Output
+            }] } });
 let IfxSegment = class IfxSegment {
+    z;
+    el;
+    segmentSelect = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['segmentSelect']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSegment, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSegment, isStandalone: true, selector: "ifx-segment", inputs: { icon: "icon", segmentIndex: "segmentIndex", selected: "selected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSegment, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSegment, isStandalone: false, selector: "ifx-segment", inputs: { icon: "icon", segmentIndex: "segmentIndex", selected: "selected", value: "value" }, outputs: { segmentSelect: "segmentSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSegment = __decorate([
     ProxyCmp({
@@ -1561,18 +1889,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['icon', 'segmentIndex', 'selected', 'value'],
+                    inputs: ['icon', 'segmentIndex', 'selected', { name: 'value', required: true }],
+                    outputs: ['segmentSelect'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { segmentSelect: [{
+                type: Output
+            }] } });
 let IfxSegmentedControl = class IfxSegmentedControl {
+    z;
+    el;
+    ifxChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSegmentedControl, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSegmentedControl, isStandalone: true, selector: "ifx-segmented-control", inputs: { caption: "caption", error: "error", label: "label", required: "required", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSegmentedControl, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSegmentedControl, isStandalone: false, selector: "ifx-segmented-control", inputs: { caption: "caption", error: "error", label: "label", required: "required", size: "size" }, outputs: { ifxChange: "ifxChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSegmentedControl = __decorate([
     ProxyCmp({
@@ -1587,17 +1921,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['caption', 'error', 'label', 'required', 'size'],
+                    outputs: ['ifxChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxChange: [{
+                type: Output
+            }] } });
 let IfxSelect = class IfxSelect {
+    z;
+    el;
+    ifxSelect = new EventEmitter();
+    ifxInput = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxSelect', 'ifxInput']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSelect, isStandalone: true, selector: "ifx-select", inputs: { addItemFilter: "addItemFilter", addItemText: "addItemText", addItems: "addItems", appendValue: "appendValue", callbackOnCreateTemplates: "callbackOnCreateTemplates", callbackOnInit: "callbackOnInit", caption: "caption", choices: "choices", classNames: "classNames", customAddItemText: "customAddItemText", delimiter: "delimiter", disabled: "disabled", duplicateItemsAllowed: "duplicateItemsAllowed", editItems: "editItems", error: "error", fuseOptions: "fuseOptions", itemSelectText: "itemSelectText", items: "items", label: "label", loadingText: "loadingText", maxItemCount: "maxItemCount", maxItemText: "maxItemText", name: "name", noChoicesText: "noChoicesText", noResultsText: "noResultsText", options: "options", paste: "paste", placeholder: "placeholder", placeholderValue: "placeholderValue", position: "position", prependValue: "prependValue", removeItemButton: "removeItemButton", removeItems: "removeItems", renderChoiceLimit: "renderChoiceLimit", renderSelectedChoices: "renderSelectedChoices", required: "required", resetScrollPosition: "resetScrollPosition", searchChoices: "searchChoices", searchFields: "searchFields", searchFloor: "searchFloor", searchPlaceholderValue: "searchPlaceholderValue", searchResultLimit: "searchResultLimit", shouldSort: "shouldSort", shouldSortItems: "shouldSortItems", showClearButton: "showClearButton", showSearch: "showSearch", size: "size", sorter: "sorter", uniqueItemText: "uniqueItemText", value: "value", valueComparer: "valueComparer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSelect, isStandalone: false, selector: "ifx-select", inputs: { addItemFilter: "addItemFilter", addItemText: "addItemText", addItems: "addItems", appendValue: "appendValue", callbackOnCreateTemplates: "callbackOnCreateTemplates", callbackOnInit: "callbackOnInit", caption: "caption", choices: "choices", classNames: "classNames", customAddItemText: "customAddItemText", delimiter: "delimiter", disabled: "disabled", duplicateItemsAllowed: "duplicateItemsAllowed", editItems: "editItems", error: "error", fuseOptions: "fuseOptions", itemSelectText: "itemSelectText", items: "items", label: "label", loadingText: "loadingText", maxItemCount: "maxItemCount", maxItemText: "maxItemText", name: "name", noChoicesText: "noChoicesText", noResultsText: "noResultsText", options: "options", paste: "paste", placeholder: "placeholder", placeholderValue: "placeholderValue", position: "position", prependValue: "prependValue", removeItemButton: "removeItemButton", removeItems: "removeItems", renderChoiceLimit: "renderChoiceLimit", renderSelectedChoices: "renderSelectedChoices", required: "required", resetScrollPosition: "resetScrollPosition", searchChoices: "searchChoices", searchFields: "searchFields", searchFloor: "searchFloor", searchPlaceholderValue: "searchPlaceholderValue", searchResultLimit: "searchResultLimit", shouldSort: "shouldSort", shouldSortItems: "shouldSortItems", showClearButton: "showClearButton", showSearch: "showSearch", size: "size", sorter: "sorter", uniqueItemText: "uniqueItemText", value: "value", valueComparer: "valueComparer" }, outputs: { ifxSelect: "ifxSelect", ifxInput: "ifxInput" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSelect = __decorate([
     ProxyCmp({
@@ -1613,17 +1954,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['addItemFilter', 'addItemText', 'addItems', 'appendValue', 'callbackOnCreateTemplates', 'callbackOnInit', 'caption', 'choices', 'classNames', 'customAddItemText', 'delimiter', 'disabled', 'duplicateItemsAllowed', 'editItems', 'error', 'fuseOptions', 'itemSelectText', 'items', 'label', 'loadingText', 'maxItemCount', 'maxItemText', 'name', 'noChoicesText', 'noResultsText', 'options', 'paste', 'placeholder', 'placeholderValue', 'position', 'prependValue', 'removeItemButton', 'removeItems', 'renderChoiceLimit', 'renderSelectedChoices', 'required', 'resetScrollPosition', 'searchChoices', 'searchFields', 'searchFloor', 'searchPlaceholderValue', 'searchResultLimit', 'shouldSort', 'shouldSortItems', 'showClearButton', 'showSearch', 'size', 'sorter', 'uniqueItemText', 'value', 'valueComparer'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxSelect', 'ifxInput'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxSelect: [{
+                type: Output
+            }], ifxInput: [{
+                type: Output
+            }] } });
 let IfxSetFilter = class IfxSetFilter {
+    z;
+    el;
+    ifxFilterSelect = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxFilterSelect']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSetFilter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSetFilter, isStandalone: true, selector: "ifx-set-filter", inputs: { filterLabel: "filterLabel", filterName: "filterName", options: "options", placeholder: "placeholder", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSetFilter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSetFilter, isStandalone: false, selector: "ifx-set-filter", inputs: { filterLabel: "filterLabel", filterName: "filterName", options: "options", placeholder: "placeholder", type: "type" }, outputs: { ifxFilterSelect: "ifxFilterSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSetFilter = __decorate([
     ProxyCmp({
@@ -1638,17 +1987,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['filterLabel', 'filterName', 'options', 'placeholder', 'type'],
+                    outputs: ['ifxFilterSelect'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxFilterSelect: [{
+                type: Output
+            }] } });
 let IfxSidebar = class IfxSidebar {
+    z;
+    el;
+    ifxSidebarCollapseChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxSidebarCollapseChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSidebar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSidebar, isStandalone: true, selector: "ifx-sidebar", inputs: { applicationName: "applicationName", collapsed: "collapsed", collapsible: "collapsible", copyrightText: "copyrightText", hideMenuLabel: "hideMenuLabel", imprint: "imprint", initialCollapse: "initialCollapse", privacyPolicy: "privacyPolicy", showFooter: "showFooter", showHeader: "showHeader", target: "target", termsOfUse: "termsOfUse" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSidebar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSidebar, isStandalone: false, selector: "ifx-sidebar", inputs: { applicationName: "applicationName", collapsed: "collapsed", collapsible: "collapsible", copyrightText: "copyrightText", hideMenuLabel: "hideMenuLabel", imprint: "imprint", initialCollapse: "initialCollapse", privacyPolicy: "privacyPolicy", showFooter: "showFooter", showHeader: "showHeader", target: "target", termsOfUse: "termsOfUse" }, outputs: { ifxSidebarCollapseChange: "ifxSidebarCollapseChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSidebar = __decorate([
     ProxyCmp({
@@ -1664,17 +2019,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['applicationName', 'collapsed', 'collapsible', 'copyrightText', 'hideMenuLabel', 'imprint', 'initialCollapse', 'privacyPolicy', 'showFooter', 'showHeader', 'target', 'termsOfUse'],
+                    outputs: ['ifxSidebarCollapseChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxSidebarCollapseChange: [{
+                type: Output
+            }] } });
 let IfxSidebarItem = class IfxSidebarItem {
+    z;
+    el;
+    ifxSidebarMenu = new EventEmitter();
+    ifxSidebarNavigationItem = new EventEmitter();
+    ifxSidebarActionItem = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxSidebarMenu', 'ifxSidebarNavigationItem', 'ifxSidebarActionItem']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSidebarItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSidebarItem, isStandalone: true, selector: "ifx-sidebar-item", inputs: { active: "active", handleItemClick: "handleItemClick", href: "href", icon: "icon", isActionItem: "isActionItem", numberIndicator: "numberIndicator", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSidebarItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSidebarItem, isStandalone: false, selector: "ifx-sidebar-item", inputs: { active: "active", handleItemClick: "handleItemClick", href: "href", icon: "icon", isActionItem: "isActionItem", numberIndicator: "numberIndicator", target: "target" }, outputs: { ifxSidebarMenu: "ifxSidebarMenu", ifxSidebarNavigationItem: "ifxSidebarNavigationItem", ifxSidebarActionItem: "ifxSidebarActionItem" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSidebarItem = __decorate([
     ProxyCmp({
@@ -1690,16 +2053,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['active', 'handleItemClick', 'href', 'icon', 'isActionItem', 'numberIndicator', 'target'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxSidebarMenu', 'ifxSidebarNavigationItem', 'ifxSidebarActionItem'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxSidebarMenu: [{
+                type: Output
+            }], ifxSidebarNavigationItem: [{
+                type: Output
+            }], ifxSidebarActionItem: [{
+                type: Output
+            }] } });
 let IfxSidebarTitle = class IfxSidebarTitle {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSidebarTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSidebarTitle, isStandalone: true, selector: "ifx-sidebar-title", inputs: { showInCollapsed: "showInCollapsed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSidebarTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSidebarTitle, isStandalone: false, selector: "ifx-sidebar-title", inputs: { showInCollapsed: "showInCollapsed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSidebarTitle = __decorate([
     ProxyCmp({
@@ -1714,17 +2087,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['showInCollapsed'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxSlider = class IfxSlider {
+    z;
+    el;
+    ifxChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSlider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSlider, isStandalone: true, selector: "ifx-slider", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", leftIcon: "leftIcon", leftText: "leftText", max: "max", maxValueHandle: "maxValueHandle", min: "min", minValueHandle: "minValueHandle", rightIcon: "rightIcon", rightText: "rightText", showPercentage: "showPercentage", step: "step", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSlider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSlider, isStandalone: false, selector: "ifx-slider", inputs: { ariaLabel: "ariaLabel", disabled: "disabled", leftIcon: "leftIcon", leftText: "leftText", max: "max", maxValueHandle: "maxValueHandle", min: "min", minValueHandle: "minValueHandle", rightIcon: "rightIcon", rightText: "rightText", showPercentage: "showPercentage", step: "step", type: "type", value: "value" }, outputs: { ifxChange: "ifxChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSlider = __decorate([
     ProxyCmp({
@@ -1739,16 +2115,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'disabled', 'leftIcon', 'leftText', 'max', 'maxValueHandle', 'min', 'minValueHandle', 'rightIcon', 'rightText', 'showPercentage', 'step', 'type', 'value'],
+                    outputs: ['ifxChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxChange: [{
+                type: Output
+            }] } });
 let IfxSpinner = class IfxSpinner {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSpinner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSpinner, isStandalone: true, selector: "ifx-spinner", inputs: { ariaLabel: "ariaLabel", inverted: "inverted", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSpinner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSpinner, isStandalone: false, selector: "ifx-spinner", inputs: { ariaLabel: "ariaLabel", inverted: "inverted", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSpinner = __decorate([
     ProxyCmp({
@@ -1763,16 +2145,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'inverted', 'size', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxStatus = class IfxStatus {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxStatus, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxStatus, isStandalone: true, selector: "ifx-status", inputs: { border: "border", color: "color", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxStatus, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxStatus, isStandalone: false, selector: "ifx-status", inputs: { border: "border", color: "color", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxStatus = __decorate([
     ProxyCmp({
@@ -1787,16 +2172,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['border', 'color', 'label'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxStep = class IfxStep {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxStep, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxStep, isStandalone: true, selector: "ifx-step", inputs: { complete: "complete", disabled: "disabled", error: "error", lastStep: "lastStep", stepId: "stepId", stepperState: "stepperState" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxStep, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxStep, isStandalone: false, selector: "ifx-step", inputs: { complete: "complete", disabled: "disabled", error: "error", lastStep: "lastStep", stepId: "stepId", stepperState: "stepperState" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxStep = __decorate([
     ProxyCmp({
@@ -1811,17 +2199,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['complete', 'disabled', 'error', 'lastStep', 'stepId', 'stepperState'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxStepper = class IfxStepper {
+    z;
+    el;
+    ifxChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxStepper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxStepper, isStandalone: true, selector: "ifx-stepper", inputs: { activeStep: "activeStep", ariaCurrent: "ariaCurrent", ariaLabel: "ariaLabel", indicatorPosition: "indicatorPosition", showStepNumber: "showStepNumber", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxStepper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxStepper, isStandalone: false, selector: "ifx-stepper", inputs: { activeStep: "activeStep", ariaCurrent: "ariaCurrent", ariaLabel: "ariaLabel", indicatorPosition: "indicatorPosition", showStepNumber: "showStepNumber", variant: "variant" }, outputs: { ifxChange: "ifxChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxStepper = __decorate([
     ProxyCmp({
@@ -1836,17 +2227,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['activeStep', 'ariaCurrent', 'ariaLabel', 'indicatorPosition', 'showStepNumber', 'variant'],
+                    outputs: ['ifxChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxChange: [{
+                type: Output
+            }] } });
 let IfxSwitch = class IfxSwitch {
+    z;
+    el;
+    ifxChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSwitch, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSwitch, isStandalone: true, selector: "ifx-switch", inputs: { checked: "checked", disabled: "disabled", name: "name", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxSwitch, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxSwitch, isStandalone: false, selector: "ifx-switch", inputs: { checked: "checked", disabled: "disabled", name: "name", value: "value" }, outputs: { ifxChange: "ifxChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxSwitch = __decorate([
     ProxyCmp({
@@ -1862,17 +2259,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['checked', 'disabled', 'name', 'value'],
+                    outputs: ['ifxChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxChange: [{
+                type: Output
+            }] } });
 let IfxTab = class IfxTab {
+    z;
+    el;
+    tabHeaderChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['tabHeaderChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTab, isStandalone: true, selector: "ifx-tab", inputs: { disabled: "disabled", header: "header", icon: "icon", iconPosition: "iconPosition" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTab, isStandalone: false, selector: "ifx-tab", inputs: { disabled: "disabled", header: "header", icon: "icon", iconPosition: "iconPosition" }, outputs: { tabHeaderChange: "tabHeaderChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxTab = __decorate([
     ProxyCmp({
@@ -1887,16 +2290,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['disabled', 'header', 'icon', 'iconPosition'],
+                    outputs: ['tabHeaderChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tabHeaderChange: [{
+                type: Output
+            }] } });
 let IfxTable = class IfxTable {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTable, isStandalone: true, selector: "ifx-table", inputs: { buttonRendererOptions: "buttonRendererOptions", checkboxRendererOptions: "checkboxRendererOptions", cols: "cols", enableSelection: "enableSelection", filterOrientation: "filterOrientation", headline: "headline", iconButtonRendererOptions: "iconButtonRendererOptions", pagination: "pagination", paginationItemsPerPage: "paginationItemsPerPage", rowHeight: "rowHeight", rows: "rows", serverPageChangeHandler: "serverPageChangeHandler", serverSidePagination: "serverSidePagination", showLoading: "showLoading", tableHeight: "tableHeight", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTable, isStandalone: false, selector: "ifx-table", inputs: { buttonRendererOptions: "buttonRendererOptions", checkboxRendererOptions: "checkboxRendererOptions", cols: "cols", enableSelection: "enableSelection", filterOrientation: "filterOrientation", headline: "headline", iconButtonRendererOptions: "iconButtonRendererOptions", pagination: "pagination", paginationItemsPerPage: "paginationItemsPerPage", rowHeight: "rowHeight", rows: "rows", serverPageChangeHandler: "serverPageChangeHandler", serverSidePagination: "serverSidePagination", showLoading: "showLoading", tableHeight: "tableHeight", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxTable = __decorate([
     ProxyCmp({
@@ -1912,17 +2321,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['buttonRendererOptions', 'checkboxRendererOptions', 'cols', 'enableSelection', 'filterOrientation', 'headline', 'iconButtonRendererOptions', 'pagination', 'paginationItemsPerPage', 'rowHeight', 'rows', 'serverPageChangeHandler', 'serverSidePagination', 'showLoading', 'tableHeight', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxTabs = class IfxTabs {
+    z;
+    el;
+    ifxChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTabs, isStandalone: true, selector: "ifx-tabs", inputs: { activeTabIndex: "activeTabIndex", fullWidth: "fullWidth", orientation: "orientation" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTabs, isStandalone: false, selector: "ifx-tabs", inputs: { activeTabIndex: "activeTabIndex", fullWidth: "fullWidth", orientation: "orientation" }, outputs: { ifxChange: "ifxChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxTabs = __decorate([
     ProxyCmp({
@@ -1937,17 +2349,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['activeTabIndex', 'fullWidth', 'orientation'],
+                    outputs: ['ifxChange'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxChange: [{
+                type: Output
+            }] } });
 let IfxTemplate = class IfxTemplate {
+    z;
+    el;
+    toggleTemplates = new EventEmitter();
+    fieldError = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['toggleTemplates', 'fieldError']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTemplate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTemplate, isStandalone: true, selector: "ifx-template", inputs: { name: "name", thumbnail: "thumbnail" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTemplate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTemplate, isStandalone: false, selector: "ifx-template", inputs: { name: "name", thumbnail: "thumbnail" }, outputs: { toggleTemplates: "toggleTemplates", fieldError: "fieldError" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxTemplate = __decorate([
     ProxyCmp({
@@ -1963,16 +2382,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['name', 'thumbnail'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['toggleTemplates', 'fieldError'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { toggleTemplates: [{
+                type: Output
+            }], fieldError: [{
+                type: Output
+            }] } });
 let IfxTemplatesUi = class IfxTemplatesUi {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTemplatesUi, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTemplatesUi, isStandalone: true, selector: "ifx-templates-ui", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTemplatesUi, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTemplatesUi, isStandalone: false, selector: "ifx-templates-ui", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxTemplatesUi = __decorate([
     ProxyCmp({})
@@ -1985,17 +2412,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: [],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxTextField = class IfxTextField {
+    z;
+    el;
+    ifxInput = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxInput']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTextField, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTextField, isStandalone: true, selector: "ifx-text-field", inputs: { autocomplete: "autocomplete", caption: "caption", disabled: "disabled", error: "error", icon: "icon", internalId: "internalId", label: "label", maxlength: "maxlength", placeholder: "placeholder", readOnly: "readOnly", required: "required", showDeleteIcon: "showDeleteIcon", size: "size", success: "success", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTextField, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTextField, isStandalone: false, selector: "ifx-text-field", inputs: { autocomplete: "autocomplete", caption: "caption", disabled: "disabled", error: "error", icon: "icon", internalId: "internalId", label: "label", maxlength: "maxlength", placeholder: "placeholder", readOnly: "readOnly", required: "required", showDeleteIcon: "showDeleteIcon", size: "size", success: "success", type: "type", value: "value" }, outputs: { ifxInput: "ifxInput" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxTextField = __decorate([
     ProxyCmp({
@@ -2011,17 +2441,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['autocomplete', 'caption', 'disabled', 'error', 'icon', 'internalId', 'label', 'maxlength', 'placeholder', 'readOnly', 'required', 'showDeleteIcon', 'size', 'success', 'type', 'value'],
+                    outputs: ['ifxInput'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxInput: [{
+                type: Output
+            }] } });
 let IfxTextarea = class IfxTextarea {
+    z;
+    el;
+    ifxInput = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxInput']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTextarea, isStandalone: true, selector: "ifx-textarea", inputs: { caption: "caption", cols: "cols", disabled: "disabled", error: "error", fullWidth: "fullWidth", label: "label", maxlength: "maxlength", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", resize: "resize", rows: "rows", value: "value", wrap: "wrap" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTextarea, isStandalone: false, selector: "ifx-textarea", inputs: { caption: "caption", cols: "cols", disabled: "disabled", error: "error", fullWidth: "fullWidth", label: "label", maxlength: "maxlength", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", resize: "resize", rows: "rows", value: "value", wrap: "wrap" }, outputs: { ifxInput: "ifxInput" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxTextarea = __decorate([
     ProxyCmp({
@@ -2037,16 +2473,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['caption', 'cols', 'disabled', 'error', 'fullWidth', 'label', 'maxlength', 'name', 'placeholder', 'readOnly', 'required', 'resize', 'rows', 'value', 'wrap'],
+                    outputs: ['ifxInput'],
+                    standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxInput: [{
+                type: Output
+            }] } });
 let IfxTooltip = class IfxTooltip {
+    z;
+    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTooltip, isStandalone: true, selector: "ifx-tooltip", inputs: { ariaLabel: "ariaLabel", header: "header", icon: "icon", position: "position", text: "text", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTooltip, isStandalone: false, selector: "ifx-tooltip", inputs: { ariaLabel: "ariaLabel", header: "header", icon: "icon", position: "position", text: "text", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxTooltip = __decorate([
     ProxyCmp({
@@ -2061,17 +2503,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'header', 'icon', 'position', 'text', 'variant'],
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let IfxTreeView = class IfxTreeView {
+    z;
+    el;
+    ifxTreeViewExpandAllChange = new EventEmitter();
+    ifxTreeViewDisableAllChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxTreeViewExpandAllChange', 'ifxTreeViewDisableAllChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTreeView, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTreeView, isStandalone: true, selector: "ifx-tree-view", inputs: { ariaLabel: "ariaLabel", disableAllItems: "disableAllItems", expandAllItems: "expandAllItems", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTreeView, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTreeView, isStandalone: false, selector: "ifx-tree-view", inputs: { ariaLabel: "ariaLabel", disableAllItems: "disableAllItems", expandAllItems: "expandAllItems", label: "label" }, outputs: { ifxTreeViewExpandAllChange: "ifxTreeViewExpandAllChange", ifxTreeViewDisableAllChange: "ifxTreeViewDisableAllChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxTreeView = __decorate([
     ProxyCmp({
@@ -2086,17 +2532,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'disableAllItems', 'expandAllItems', 'label'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxTreeViewExpandAllChange', 'ifxTreeViewDisableAllChange'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxTreeViewExpandAllChange: [{
+                type: Output
+            }], ifxTreeViewDisableAllChange: [{
+                type: Output
+            }] } });
 let IfxTreeViewItem = class IfxTreeViewItem {
+    z;
+    el;
+    ifxTreeViewItemExpandChange = new EventEmitter();
+    ifxTreeViewItemCheckChange = new EventEmitter();
+    ifxTreeViewItemDisableChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ifxTreeViewItemExpandChange', 'ifxTreeViewItemCheckChange', 'ifxTreeViewItemDisableChange']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTreeViewItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTreeViewItem, isStandalone: true, selector: "ifx-tree-view-item", inputs: { ariaLabel: "ariaLabel", disableItem: "disableItem", expanded: "expanded", initiallyExpanded: "initiallyExpanded", initiallySelected: "initiallySelected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: IfxTreeViewItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: IfxTreeViewItem, isStandalone: false, selector: "ifx-tree-view-item", inputs: { ariaLabel: "ariaLabel", disableItem: "disableItem", expanded: "expanded", initiallyExpanded: "initiallyExpanded", initiallySelected: "initiallySelected", value: "value" }, outputs: { ifxTreeViewItemExpandChange: "ifxTreeViewItemExpandChange", ifxTreeViewItemCheckChange: "ifxTreeViewItemCheckChange", ifxTreeViewItemDisableChange: "ifxTreeViewItemDisableChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IfxTreeViewItem = __decorate([
     ProxyCmp({
@@ -2111,8 +2567,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['ariaLabel', 'disableItem', 'expanded', 'initiallyExpanded', 'initiallySelected', 'value'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+                    outputs: ['ifxTreeViewItemExpandChange', 'ifxTreeViewItemCheckChange', 'ifxTreeViewItemDisableChange'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { ifxTreeViewItemExpandChange: [{
+                type: Output
+            }], ifxTreeViewItemCheckChange: [{
+                type: Output
+            }], ifxTreeViewItemDisableChange: [{
+                type: Output
+            }] } });
 
 const DIRECTIVES = [
     IfxAccordion,
@@ -2200,13 +2664,36 @@ const DIRECTIVES = [
     IfxTreeViewItem
 ];
 
-/*
- * Public API Surface of component-library
- */
+class InfineonDesignSystemModule {
+    static forRoot() {
+        return {
+            ngModule: InfineonDesignSystemModule,
+            providers: [
+                {
+                    provide: APP_INITIALIZER,
+                    useFactory: () => defineCustomElements,
+                    multi: true,
+                    deps: [DOCUMENT, NgZone],
+                },
+            ],
+        };
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InfineonDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: InfineonDesignSystemModule, declarations: [IfxAccordion, IfxAccordionItem, IfxActionList, IfxActionListItem, IfxAlert, IfxBasicTable, IfxBreadcrumb, IfxBreadcrumbItem, IfxBreadcrumbItemLabel, IfxButton, IfxCard, IfxCardHeadline, IfxCardImage, IfxCardLinks, IfxCardOverline, IfxCardText, IfxCheckbox, IfxCheckboxGroup, IfxChip, IfxChipItem, IfxContentSwitcher, IfxContentSwitcherItem, IfxDatePicker, IfxDownload, IfxDropdown, IfxDropdownHeader, IfxDropdownItem, IfxDropdownMenu, IfxDropdownSeparator, IfxDropdownTrigger, IfxDropdownTriggerButton, IfxFaq, IfxFileUpload, IfxFilterAccordion, IfxFilterBar, IfxFilterSearch, IfxFilterTypeGroup, IfxFooter, IfxFooterColumn, IfxIcon, IfxIconButton, IfxIconsPreview, IfxIndicator, IfxLink, IfxList, IfxListEntry, IfxModal, IfxMultiselect, IfxMultiselectOption, IfxNavbar, IfxNavbarItem, IfxNavbarProfile, IfxNotification, IfxOverviewTable, IfxPagination, IfxProgressBar, IfxRadioButton, IfxRadioButtonGroup, IfxSearchBar, IfxSearchField, IfxSegment, IfxSegmentedControl, IfxSelect, IfxSetFilter, IfxSidebar, IfxSidebarItem, IfxSidebarTitle, IfxSlider, IfxSpinner, IfxStatus, IfxStep, IfxStepper, IfxSwitch, IfxTab, IfxTable, IfxTabs, IfxTemplate, IfxTemplatesUi, IfxTextField, IfxTextarea, IfxTooltip, IfxTreeView, IfxTreeViewItem], imports: [CommonModule], exports: [IfxAccordion, IfxAccordionItem, IfxActionList, IfxActionListItem, IfxAlert, IfxBasicTable, IfxBreadcrumb, IfxBreadcrumbItem, IfxBreadcrumbItemLabel, IfxButton, IfxCard, IfxCardHeadline, IfxCardImage, IfxCardLinks, IfxCardOverline, IfxCardText, IfxCheckbox, IfxCheckboxGroup, IfxChip, IfxChipItem, IfxContentSwitcher, IfxContentSwitcherItem, IfxDatePicker, IfxDownload, IfxDropdown, IfxDropdownHeader, IfxDropdownItem, IfxDropdownMenu, IfxDropdownSeparator, IfxDropdownTrigger, IfxDropdownTriggerButton, IfxFaq, IfxFileUpload, IfxFilterAccordion, IfxFilterBar, IfxFilterSearch, IfxFilterTypeGroup, IfxFooter, IfxFooterColumn, IfxIcon, IfxIconButton, IfxIconsPreview, IfxIndicator, IfxLink, IfxList, IfxListEntry, IfxModal, IfxMultiselect, IfxMultiselectOption, IfxNavbar, IfxNavbarItem, IfxNavbarProfile, IfxNotification, IfxOverviewTable, IfxPagination, IfxProgressBar, IfxRadioButton, IfxRadioButtonGroup, IfxSearchBar, IfxSearchField, IfxSegment, IfxSegmentedControl, IfxSelect, IfxSetFilter, IfxSidebar, IfxSidebarItem, IfxSidebarTitle, IfxSlider, IfxSpinner, IfxStatus, IfxStep, IfxStepper, IfxSwitch, IfxTab, IfxTable, IfxTabs, IfxTemplate, IfxTemplatesUi, IfxTextField, IfxTextarea, IfxTooltip, IfxTreeView, IfxTreeViewItem] });
+    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InfineonDesignSystemModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InfineonDesignSystemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...DIRECTIVES],
+                    exports: [...DIRECTIVES],
+                    imports: [CommonModule],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ComponentLibraryModule, DIRECTIVES, IfxAccordion, IfxAccordionItem, IfxActionList, IfxActionListItem, IfxAlert, IfxBasicTable, IfxBreadcrumb, IfxBreadcrumbItem, IfxBreadcrumbItemLabel, IfxButton, IfxCard, IfxCardHeadline, IfxCardImage, IfxCardLinks, IfxCardOverline, IfxCardText, IfxCheckbox, IfxCheckboxGroup, IfxChip, IfxChipItem, IfxContentSwitcher, IfxContentSwitcherItem, IfxDatePicker, IfxDownload, IfxDropdown, IfxDropdownHeader, IfxDropdownItem, IfxDropdownMenu, IfxDropdownSeparator, IfxDropdownTrigger, IfxDropdownTriggerButton, IfxFaq, IfxFileUpload, IfxFilterAccordion, IfxFilterBar, IfxFilterSearch, IfxFilterTypeGroup, IfxFooter, IfxFooterColumn, IfxIcon, IfxIconButton, IfxIconsPreview, IfxIndicator, IfxLink, IfxList, IfxListEntry, IfxModal, IfxMultiselect, IfxMultiselectOption, IfxNavbar, IfxNavbarItem, IfxNavbarProfile, IfxNotification, IfxOverviewTable, IfxPagination, IfxProgressBar, IfxRadioButton, IfxRadioButtonGroup, IfxSearchBar, IfxSearchField, IfxSegment, IfxSegmentedControl, IfxSelect, IfxSetFilter, IfxSidebar, IfxSidebarItem, IfxSidebarTitle, IfxSlider, IfxSpinner, IfxStatus, IfxStep, IfxStepper, IfxSwitch, IfxTab, IfxTable, IfxTabs, IfxTemplate, IfxTemplatesUi, IfxTextField, IfxTextarea, IfxTooltip, IfxTreeView, IfxTreeViewItem };
+export { DIRECTIVES, IfxAccordion, IfxAccordionItem, IfxActionList, IfxActionListItem, IfxAlert, IfxBasicTable, IfxBreadcrumb, IfxBreadcrumbItem, IfxBreadcrumbItemLabel, IfxButton, IfxCard, IfxCardHeadline, IfxCardImage, IfxCardLinks, IfxCardOverline, IfxCardText, IfxCheckbox, IfxCheckboxGroup, IfxChip, IfxChipItem, IfxContentSwitcher, IfxContentSwitcherItem, IfxDatePicker, IfxDownload, IfxDropdown, IfxDropdownHeader, IfxDropdownItem, IfxDropdownMenu, IfxDropdownSeparator, IfxDropdownTrigger, IfxDropdownTriggerButton, IfxFaq, IfxFileUpload, IfxFilterAccordion, IfxFilterBar, IfxFilterSearch, IfxFilterTypeGroup, IfxFooter, IfxFooterColumn, IfxIcon, IfxIconButton, IfxIconsPreview, IfxIndicator, IfxLink, IfxList, IfxListEntry, IfxModal, IfxMultiselect, IfxMultiselectOption, IfxNavbar, IfxNavbarItem, IfxNavbarProfile, IfxNotification, IfxOverviewTable, IfxPagination, IfxProgressBar, IfxRadioButton, IfxRadioButtonGroup, IfxSearchBar, IfxSearchField, IfxSegment, IfxSegmentedControl, IfxSelect, IfxSetFilter, IfxSidebar, IfxSidebarItem, IfxSidebarTitle, IfxSlider, IfxSpinner, IfxStatus, IfxStep, IfxStepper, IfxSwitch, IfxTab, IfxTable, IfxTabs, IfxTemplate, IfxTemplatesUi, IfxTextField, IfxTextarea, IfxTooltip, IfxTreeView, IfxTreeViewItem, InfineonDesignSystemModule };
 //# sourceMappingURL=infineon-infineon-design-system-angular.mjs.map