npm - @siemens/ix-angular - Versions diffs - 1.4.2 → 1.5.0-beta.1 - Mend

@siemens/ix-angular 1.4.2 → 1.5.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/components.d.ts +228 -215
package/declare-components.d.ts +1 -1
package/esm2020/angular-component-lib/utils.mjs +6 -8
package/esm2020/components.mjs +179 -177
package/esm2020/declare-components.mjs +2 -2
package/esm2020/module.mjs +2 -2
package/esm2020/toast/toast.service.mjs +8 -2
package/fesm2015/siemens-ix-angular.mjs +192 -186
package/fesm2015/siemens-ix-angular.mjs.map +1 -1
package/fesm2020/siemens-ix-angular.mjs +192 -186
package/fesm2020/siemens-ix-angular.mjs.map +1 -1
package/module.d.ts +1 -1
package/package.json +2 -2
package/toast/toast.service.d.ts +3 -1

package/fesm2020/siemens-ix-angular.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { closeModal, dismissModal, modal, themeSwitcher, toast } from '@siemens/ix';
+import { closeModal, dismissModal, modal, themeSwitcher, getToastContainer, toast } from '@siemens/ix';
 export * from '@siemens/ix';
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
@@ -10,20 +10,20 @@ import { applyPolyfills, defineCustomElements } from '@siemens/ix/loader';
 /* eslint-disable */
 const proxyInputs = (Cmp, inputs) => {
     const Prototype = Cmp.prototype;
-    inputs.forEach(item => {
+    inputs.forEach((item) => {
         Object.defineProperty(Prototype, item, {
             get() {
                 return this.el[item];
             },
             set(val) {
                 this.z.runOutsideAngular(() => (this.el[item] = val));
-            }
+            },
         });
     });
 };
 const proxyMethods = (Cmp, methods) => {
     const Prototype = Cmp.prototype;
-    methods.forEach(methodName => {
+    methods.forEach((methodName) => {
         Prototype[methodName] = function () {
             const args = arguments;
             return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
@@ -31,12 +31,10 @@ const proxyMethods = (Cmp, methods) => {
     });
 };
 const proxyOutputs = (instance, el, events) => {
-    events.forEach(eventName => instance[eventName] = fromEvent(el, eventName));
+    events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
 };
 const defineCustomElement = (tagName, customElement) => {
-    if (customElement !== undefined &&
-        typeof customElements !== 'undefined' &&
-        !customElements.get(tagName)) {
+    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
         customElements.define(tagName, customElement);
     }
 };
@@ -69,7 +67,6 @@ let IxAnimatedTab = class IxAnimatedTab {
 /** @nocollapse */ IxAnimatedTab.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxAnimatedTab, selector: "ix-animated-tab", inputs: { count: "count", icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxAnimatedTab = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['count', 'icon']
     })
 ], IxAnimatedTab);
@@ -79,7 +76,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-animated-tab',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['count', 'icon']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['count', 'icon'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxAnimatedTabs = class IxAnimatedTabs {
@@ -94,7 +92,6 @@ let IxAnimatedTabs = class IxAnimatedTabs {
 /** @nocollapse */ IxAnimatedTabs.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxAnimatedTabs, selector: "ix-animated-tabs", inputs: { selectedIndex: "selectedIndex", tabPlacement: "tabPlacement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxAnimatedTabs = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['selectedIndex', 'tabPlacement']
     })
 ], IxAnimatedTabs);
@@ -104,7 +101,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-animated-tabs',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['selectedIndex', 'tabPlacement']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['selectedIndex', 'tabPlacement'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxApplicationHeader = class IxApplicationHeader {
@@ -118,7 +116,6 @@ let IxApplicationHeader = class IxApplicationHeader {
 /** @nocollapse */ IxApplicationHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxApplicationHeader, selector: "ix-application-header", inputs: { name: "name" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxApplicationHeader = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['name']
     })
 ], IxApplicationHeader);
@@ -128,7 +125,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-application-header',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['name']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['name'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxBasicNavigation = class IxBasicNavigation {
@@ -142,7 +140,6 @@ let IxBasicNavigation = class IxBasicNavigation {
 /** @nocollapse */ IxBasicNavigation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxBasicNavigation, selector: "ix-basic-navigation", inputs: { applicationName: "applicationName", hideHeader: "hideHeader" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxBasicNavigation = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['applicationName', 'hideHeader']
     })
 ], IxBasicNavigation);
@@ -152,7 +149,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-basic-navigation',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['applicationName', 'hideHeader']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['applicationName', 'hideHeader'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxBlind = class IxBlind {
@@ -164,11 +162,10 @@ let IxBlind = class IxBlind {
     }
 };
 /** @nocollapse */ IxBlind.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxBlind, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IxBlind.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxBlind, selector: "ix-blind", inputs: { collapsed: "collapsed", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IxBlind.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxBlind, selector: "ix-blind", inputs: { collapsed: "collapsed", icon: "icon", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxBlind = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['collapsed', 'label']
+        inputs: ['collapsed', 'icon', 'label']
     })
 ], IxBlind);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxBlind, decorators: [{
@@ -177,7 +174,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-blind',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['collapsed', 'label']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['collapsed', 'icon', 'label'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxBreadcrumb = class IxBreadcrumb {
@@ -192,7 +190,6 @@ let IxBreadcrumb = class IxBreadcrumb {
 /** @nocollapse */ IxBreadcrumb.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxBreadcrumb, selector: "ix-breadcrumb", inputs: { ghost: "ghost", nextItems: "nextItems", visibleItemCount: "visibleItemCount" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxBreadcrumb = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['ghost', 'nextItems', 'visibleItemCount']
     })
 ], IxBreadcrumb);
@@ -202,7 +199,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-breadcrumb',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['ghost', 'nextItems', 'visibleItemCount']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['ghost', 'nextItems', 'visibleItemCount'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxBreadcrumbItem = class IxBreadcrumbItem {
@@ -216,7 +214,6 @@ let IxBreadcrumbItem = class IxBreadcrumbItem {
 /** @nocollapse */ IxBreadcrumbItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxBreadcrumbItem, selector: "ix-breadcrumb-item", inputs: { icon: "icon", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxBreadcrumbItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['icon', 'label']
     })
 ], IxBreadcrumbItem);
@@ -226,7 +223,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-breadcrumb-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['icon', 'label']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['icon', 'label'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxButton = class IxButton {
@@ -240,7 +238,6 @@ let IxButton = class IxButton {
 /** @nocollapse */ IxButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxButton, selector: "ix-button", inputs: { disabled: "disabled", ghost: "ghost", invisible: "invisible", outline: "outline", selected: "selected", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['disabled', 'ghost', 'invisible', 'outline', 'selected', 'type', 'variant']
     })
 ], IxButton);
@@ -250,7 +247,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-button',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled', 'ghost', 'invisible', 'outline', 'selected', 'type', 'variant']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['disabled', 'ghost', 'invisible', 'outline', 'selected', 'type', 'variant'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxCategoryFilter = class IxCategoryFilter {
@@ -265,7 +263,6 @@ let IxCategoryFilter = class IxCategoryFilter {
 /** @nocollapse */ IxCategoryFilter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxCategoryFilter, selector: "ix-category-filter", inputs: { categories: "categories", filterState: "filterState", hideIcon: "hideIcon", i18nPlainText: "i18nPlainText", icon: "icon", initialState: "initialState", labelCategories: "labelCategories", nonSelectableCategories: "nonSelectableCategories", placeholder: "placeholder", repeatCategories: "repeatCategories", suggestions: "suggestions" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxCategoryFilter = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['categories', 'filterState', 'hideIcon', 'i18nPlainText', 'icon', 'initialState', 'labelCategories', 'nonSelectableCategories', 'placeholder', 'repeatCategories', 'suggestions']
     })
 ], IxCategoryFilter);
@@ -275,7 +272,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-category-filter',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['categories', 'filterState', 'hideIcon', 'i18nPlainText', 'icon', 'initialState', 'labelCategories', 'nonSelectableCategories', 'placeholder', 'repeatCategories', 'suggestions']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['categories', 'filterState', 'hideIcon', 'i18nPlainText', 'icon', 'initialState', 'labelCategories', 'nonSelectableCategories', 'placeholder', 'repeatCategories', 'suggestions'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxChip = class IxChip {
@@ -283,14 +281,13 @@ let IxChip = class IxChip {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['close']);
+        proxyOutputs(this, this.el, ['close', 'closeChip']);
     }
 };
 /** @nocollapse */ IxChip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 /** @nocollapse */ IxChip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxChip, selector: "ix-chip", inputs: { active: "active", background: "background", closable: "closable", color: "color", icon: "icon", outline: "outline", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxChip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['active', 'background', 'closable', 'color', 'icon', 'outline', 'variant']
     })
 ], IxChip);
@@ -300,7 +297,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-chip',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['active', 'background', 'closable', 'color', 'icon', 'outline', 'variant']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['active', 'background', 'closable', 'color', 'icon', 'outline', 'variant'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxCounterPill = class IxCounterPill {
@@ -314,7 +312,6 @@ let IxCounterPill = class IxCounterPill {
 /** @nocollapse */ IxCounterPill.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxCounterPill, selector: "ix-counter-pill", inputs: { alignLeft: "alignLeft", background: "background", color: "color", outline: "outline", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxCounterPill = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['alignLeft', 'background', 'color', 'outline', 'variant']
     })
 ], IxCounterPill);
@@ -324,7 +321,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-counter-pill',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['alignLeft', 'background', 'color', 'outline', 'variant']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['alignLeft', 'background', 'color', 'outline', 'variant'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxDatePicker = class IxDatePicker {
@@ -339,7 +337,6 @@ let IxDatePicker = class IxDatePicker {
 /** @nocollapse */ IxDatePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxDatePicker, selector: "ix-date-picker", inputs: { corners: "corners", eventDelimiter: "eventDelimiter", format: "format", from: "from", individual: "individual", maxDate: "maxDate", minDate: "minDate", range: "range", textSelectDate: "textSelectDate", to: "to" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxDatePicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['corners', 'eventDelimiter', 'format', 'from', 'individual', 'maxDate', 'minDate', 'range', 'textSelectDate', 'to'],
         methods: ['getCurrentDate']
     })
@@ -350,31 +347,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-date-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['corners', 'eventDelimiter', 'format', 'from', 'individual', 'maxDate', 'minDate', 'range', 'textSelectDate', 'to']
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IxDateTimeCard = class IxDateTimeCard {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-};
-/** @nocollapse */ IxDateTimeCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxDateTimeCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IxDateTimeCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxDateTimeCard, selector: "ix-date-time-card", inputs: { corners: "corners", individual: "individual" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IxDateTimeCard = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['corners', 'individual']
-    })
-], IxDateTimeCard);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxDateTimeCard, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ix-date-time-card',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['corners', 'individual']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['corners', 'eventDelimiter', 'format', 'from', 'individual', 'maxDate', 'minDate', 'range', 'textSelectDate', 'to'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxDatetimePicker = class IxDatetimePicker {
@@ -389,7 +363,6 @@ let IxDatetimePicker = class IxDatetimePicker {
 /** @nocollapse */ IxDatetimePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxDatetimePicker, selector: "ix-datetime-picker", inputs: { dateFormat: "dateFormat", eventDelimiter: "eventDelimiter", from: "from", maxDate: "maxDate", minDate: "minDate", range: "range", showHour: "showHour", showMinutes: "showMinutes", showSeconds: "showSeconds", showTimeReference: "showTimeReference", textSelectDate: "textSelectDate", time: "time", timeFormat: "timeFormat", timeReference: "timeReference", to: "to" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxDatetimePicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['dateFormat', 'eventDelimiter', 'from', 'maxDate', 'minDate', 'range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'textSelectDate', 'time', 'timeFormat', 'timeReference', 'to']
     })
 ], IxDatetimePicker);
@@ -399,7 +372,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-datetime-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['dateFormat', 'eventDelimiter', 'from', 'maxDate', 'minDate', 'range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'textSelectDate', 'time', 'timeFormat', 'timeReference', 'to']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['dateFormat', 'eventDelimiter', 'from', 'maxDate', 'minDate', 'range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'textSelectDate', 'time', 'timeFormat', 'timeReference', 'to'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxDivider = class IxDivider {
@@ -412,16 +386,16 @@ let IxDivider = class IxDivider {
 /** @nocollapse */ IxDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxDivider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 /** @nocollapse */ IxDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxDivider, selector: "ix-divider", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxDivider = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined
-    })
+    ProxyCmp({})
 ], IxDivider);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxDivider, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-divider',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxDrawer = class IxDrawer {
@@ -436,7 +410,6 @@ let IxDrawer = class IxDrawer {
 /** @nocollapse */ IxDrawer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxDrawer, selector: "ix-drawer", inputs: { closeOnClickOutside: "closeOnClickOutside", fullHeight: "fullHeight", maxWidth: "maxWidth", minWidth: "minWidth", show: "show", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxDrawer = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['closeOnClickOutside', 'fullHeight', 'maxWidth', 'minWidth', 'show', 'width'],
         methods: ['toggleDrawer']
     })
@@ -447,7 +420,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-drawer',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['closeOnClickOutside', 'fullHeight', 'maxWidth', 'minWidth', 'show', 'width']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['closeOnClickOutside', 'fullHeight', 'maxWidth', 'minWidth', 'show', 'width'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxDropdown = class IxDropdown {
@@ -462,7 +436,6 @@ let IxDropdown = class IxDropdown {
 /** @nocollapse */ IxDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxDropdown, selector: "ix-dropdown", inputs: { adjustDropdownWidthToReferenceWidth: "adjustDropdownWidthToReferenceWidth", adjustDropdownWidthToReferenceWith: "adjustDropdownWidthToReferenceWith", anchor: "anchor", closeBehavior: "closeBehavior", header: "header", placement: "placement", positioningStrategy: "positioningStrategy", show: "show", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxDropdown = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['adjustDropdownWidthToReferenceWidth', 'adjustDropdownWidthToReferenceWith', 'anchor', 'closeBehavior', 'header', 'placement', 'positioningStrategy', 'show', 'trigger'],
         methods: ['updatePosition']
     })
@@ -473,7 +446,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-dropdown',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['adjustDropdownWidthToReferenceWidth', 'adjustDropdownWidthToReferenceWith', 'anchor', 'closeBehavior', 'header', 'placement', 'positioningStrategy', 'show', 'trigger']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['adjustDropdownWidthToReferenceWidth', 'adjustDropdownWidthToReferenceWith', 'anchor', 'closeBehavior', 'header', 'placement', 'positioningStrategy', 'show', 'trigger'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxDropdownButton = class IxDropdownButton {
@@ -487,7 +461,6 @@ let IxDropdownButton = class IxDropdownButton {
 /** @nocollapse */ IxDropdownButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxDropdownButton, selector: "ix-dropdown-button", inputs: { active: "active", disabled: "disabled", ghost: "ghost", icon: "icon", label: "label", outline: "outline", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxDropdownButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['active', 'disabled', 'ghost', 'icon', 'label', 'outline', 'variant']
     })
 ], IxDropdownButton);
@@ -497,7 +470,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-dropdown-button',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['active', 'disabled', 'ghost', 'icon', 'label', 'outline', 'variant']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['active', 'disabled', 'ghost', 'icon', 'label', 'outline', 'variant'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxDropdownItem = class IxDropdownItem {
@@ -512,7 +486,6 @@ let IxDropdownItem = class IxDropdownItem {
 /** @nocollapse */ IxDropdownItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxDropdownItem, selector: "ix-dropdown-item", inputs: { checked: "checked", disabled: "disabled", hover: "hover", icon: "icon", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxDropdownItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['checked', 'disabled', 'hover', 'icon', 'label'],
         methods: ['emitItemClick']
     })
@@ -523,7 +496,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-dropdown-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['checked', 'disabled', 'hover', 'icon', 'label']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['checked', 'disabled', 'hover', 'icon', 'label'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxDropdownQuickActions = class IxDropdownQuickActions {
@@ -536,16 +510,16 @@ let IxDropdownQuickActions = class IxDropdownQuickActions {
 /** @nocollapse */ IxDropdownQuickActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxDropdownQuickActions, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 /** @nocollapse */ IxDropdownQuickActions.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxDropdownQuickActions, selector: "ix-dropdown-quick-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxDropdownQuickActions = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined
-    })
+    ProxyCmp({})
 ], IxDropdownQuickActions);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxDropdownQuickActions, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-dropdown-quick-actions',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxEventList = class IxEventList {
@@ -559,7 +533,6 @@ let IxEventList = class IxEventList {
 /** @nocollapse */ IxEventList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxEventList, selector: "ix-event-list", inputs: { animated: "animated", chevron: "chevron", compact: "compact", itemHeight: "itemHeight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxEventList = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['animated', 'chevron', 'compact', 'itemHeight']
     })
 ], IxEventList);
@@ -569,7 +542,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-event-list',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['animated', 'chevron', 'compact', 'itemHeight']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['animated', 'chevron', 'compact', 'itemHeight'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxEventListItem = class IxEventListItem {
@@ -584,7 +558,6 @@ let IxEventListItem = class IxEventListItem {
 /** @nocollapse */ IxEventListItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxEventListItem, selector: "ix-event-list-item", inputs: { chevron: "chevron", color: "color", disabled: "disabled", opacity: "opacity", selected: "selected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxEventListItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['chevron', 'color', 'disabled', 'opacity', 'selected']
     })
 ], IxEventListItem);
@@ -594,7 +567,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-event-list-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['chevron', 'color', 'disabled', 'opacity', 'selected']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['chevron', 'color', 'disabled', 'opacity', 'selected'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxExpandingSearch = class IxExpandingSearch {
@@ -609,7 +583,6 @@ let IxExpandingSearch = class IxExpandingSearch {
 /** @nocollapse */ IxExpandingSearch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxExpandingSearch, selector: "ix-expanding-search", inputs: { icon: "icon", placeholder: "placeholder", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxExpandingSearch = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['icon', 'placeholder', 'value']
     })
 ], IxExpandingSearch);
@@ -619,7 +592,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-expanding-search',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['icon', 'placeholder', 'value']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['icon', 'placeholder', 'value'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxFilterChip = class IxFilterChip {
@@ -634,7 +608,6 @@ let IxFilterChip = class IxFilterChip {
 /** @nocollapse */ IxFilterChip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxFilterChip, selector: "ix-filter-chip", inputs: { disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxFilterChip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['disabled']
     })
 ], IxFilterChip);
@@ -644,7 +617,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-filter-chip',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['disabled'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxFlipTile = class IxFlipTile {
@@ -655,11 +629,10 @@ let IxFlipTile = class IxFlipTile {
     }
 };
 /** @nocollapse */ IxFlipTile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxFlipTile, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IxFlipTile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxFlipTile, selector: "ix-flip-tile", inputs: { footer: "footer", state: "state" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IxFlipTile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxFlipTile, selector: "ix-flip-tile", inputs: { footer: "footer", height: "height", state: "state", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxFlipTile = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['footer', 'state']
+        inputs: ['footer', 'height', 'state', 'width']
     })
 ], IxFlipTile);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxFlipTile, decorators: [{
@@ -668,7 +641,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-flip-tile',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['footer', 'state']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['footer', 'height', 'state', 'width'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxFlipTileContent = class IxFlipTileContent {
@@ -681,16 +655,16 @@ let IxFlipTileContent = class IxFlipTileContent {
 /** @nocollapse */ IxFlipTileContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxFlipTileContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 /** @nocollapse */ IxFlipTileContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxFlipTileContent, selector: "ix-flip-tile-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxFlipTileContent = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined
-    })
+    ProxyCmp({})
 ], IxFlipTileContent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxFlipTileContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-flip-tile-content',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxGroup = class IxGroup {
@@ -705,7 +679,6 @@ let IxGroup = class IxGroup {
 /** @nocollapse */ IxGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxGroup, selector: "ix-group", inputs: { collapsed: "collapsed", expandOnHeaderClick: "expandOnHeaderClick", header: "header", index: "index", selected: "selected", subHeader: "subHeader", suppressHeaderSelection: "suppressHeaderSelection" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['collapsed', 'expandOnHeaderClick', 'header', 'index', 'selected', 'subHeader', 'suppressHeaderSelection']
     })
 ], IxGroup);
@@ -715,7 +688,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['collapsed', 'expandOnHeaderClick', 'header', 'index', 'selected', 'subHeader', 'suppressHeaderSelection']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['collapsed', 'expandOnHeaderClick', 'header', 'index', 'selected', 'subHeader', 'suppressHeaderSelection'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxGroupContextMenu = class IxGroupContextMenu {
@@ -728,16 +702,16 @@ let IxGroupContextMenu = class IxGroupContextMenu {
 /** @nocollapse */ IxGroupContextMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxGroupContextMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 /** @nocollapse */ IxGroupContextMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxGroupContextMenu, selector: "ix-group-context-menu", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxGroupContextMenu = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined
-    })
+    ProxyCmp({})
 ], IxGroupContextMenu);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxGroupContextMenu, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-group-context-menu',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxGroupDropdownItem = class IxGroupDropdownItem {
@@ -751,7 +725,6 @@ let IxGroupDropdownItem = class IxGroupDropdownItem {
 /** @nocollapse */ IxGroupDropdownItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxGroupDropdownItem, selector: "ix-group-dropdown-item", inputs: { icon: "icon", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxGroupDropdownItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['icon', 'label']
     })
 ], IxGroupDropdownItem);
@@ -761,7 +734,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-group-dropdown-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['icon', 'label']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['icon', 'label'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxGroupItem = class IxGroupItem {
@@ -776,7 +750,6 @@ let IxGroupItem = class IxGroupItem {
 /** @nocollapse */ IxGroupItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxGroupItem, selector: "ix-group-item", inputs: { focusable: "focusable", icon: "icon", index: "index", secondaryText: "secondaryText", selected: "selected", suppressSelection: "suppressSelection", text: "text" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxGroupItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['focusable', 'icon', 'index', 'secondaryText', 'selected', 'suppressSelection', 'text']
     })
 ], IxGroupItem);
@@ -786,7 +759,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-group-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['focusable', 'icon', 'index', 'secondaryText', 'selected', 'suppressSelection', 'text']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['focusable', 'icon', 'index', 'secondaryText', 'selected', 'suppressSelection', 'text'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxIcon = class IxIcon {
@@ -800,7 +774,6 @@ let IxIcon = class IxIcon {
 /** @nocollapse */ IxIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxIcon, selector: "ix-icon", inputs: { color: "color", name: "name", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxIcon = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['color', 'name', 'size']
     })
 ], IxIcon);
@@ -810,7 +783,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-icon',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['color', 'name', 'size']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'name', 'size'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxIconButton = class IxIconButton {
@@ -824,7 +798,6 @@ let IxIconButton = class IxIconButton {
 /** @nocollapse */ IxIconButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxIconButton, selector: "ix-icon-button", inputs: { color: "color", disabled: "disabled", ghost: "ghost", icon: "icon", invisible: "invisible", outline: "outline", oval: "oval", selected: "selected", size: "size", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxIconButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['color', 'disabled', 'ghost', 'icon', 'invisible', 'outline', 'oval', 'selected', 'size', 'type', 'variant']
     })
 ], IxIconButton);
@@ -834,7 +807,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-icon-button',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['color', 'disabled', 'ghost', 'icon', 'invisible', 'outline', 'oval', 'selected', 'size', 'type', 'variant']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'disabled', 'ghost', 'icon', 'invisible', 'outline', 'oval', 'selected', 'size', 'type', 'variant'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxInputGroup = class IxInputGroup {
@@ -847,16 +821,16 @@ let IxInputGroup = class IxInputGroup {
 /** @nocollapse */ IxInputGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxInputGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 /** @nocollapse */ IxInputGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxInputGroup, selector: "ix-input-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxInputGroup = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined
-    })
+    ProxyCmp({})
 ], IxInputGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxInputGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-input-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxKpi = class IxKpi {
@@ -870,7 +844,6 @@ let IxKpi = class IxKpi {
 /** @nocollapse */ IxKpi.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxKpi, selector: "ix-kpi", inputs: { label: "label", orientation: "orientation", state: "state", unit: "unit", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxKpi = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['label', 'orientation', 'state', 'unit', 'value']
     })
 ], IxKpi);
@@ -880,7 +853,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-kpi',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['label', 'orientation', 'state', 'unit', 'value']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['label', 'orientation', 'state', 'unit', 'value'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMapNavigation = class IxMapNavigation {
@@ -895,7 +869,6 @@ let IxMapNavigation = class IxMapNavigation {
 /** @nocollapse */ IxMapNavigation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMapNavigation, selector: "ix-map-navigation", inputs: { applicationName: "applicationName", hideContextMenu: "hideContextMenu", navigationTitle: "navigationTitle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMapNavigation = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['applicationName', 'hideContextMenu', 'navigationTitle'],
         methods: ['openOverlay', 'closeOverlay']
     })
@@ -906,7 +879,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-map-navigation',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['applicationName', 'hideContextMenu', 'navigationTitle']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['applicationName', 'hideContextMenu', 'navigationTitle'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMapNavigationOverlay = class IxMapNavigationOverlay {
@@ -921,7 +895,6 @@ let IxMapNavigationOverlay = class IxMapNavigationOverlay {
 /** @nocollapse */ IxMapNavigationOverlay.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMapNavigationOverlay, selector: "ix-map-navigation-overlay", inputs: { color: "color", icon: "icon", name: "name" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMapNavigationOverlay = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['color', 'icon', 'name']
     })
 ], IxMapNavigationOverlay);
@@ -931,7 +904,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-map-navigation-overlay',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['color', 'icon', 'name']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'icon', 'name'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMenu = class IxMenu {
@@ -946,7 +920,6 @@ let IxMenu = class IxMenu {
 /** @nocollapse */ IxMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMenu, selector: "ix-menu", inputs: { applicationDescription: "applicationDescription", applicationName: "applicationName", enableMapExpand: "enableMapExpand", enableSettings: "enableSettings", enableToggleTheme: "enableToggleTheme", expand: "expand", i18nCollapse: "i18nCollapse", i18nExpand: "i18nExpand", i18nLegal: "i18nLegal", i18nMore: "i18nMore", i18nSettings: "i18nSettings", i18nToggleTheme: "i18nToggleTheme", maxVisibleMenuItems: "maxVisibleMenuItems", showAbout: "showAbout", showSettings: "showSettings" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMenu = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['applicationDescription', 'applicationName', 'enableMapExpand', 'enableSettings', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nLegal', 'i18nMore', 'i18nSettings', 'i18nToggleTheme', 'maxVisibleMenuItems', 'showAbout', 'showSettings'],
         methods: ['toggleMapExpand', 'toggleMenu', 'toggleSettings', 'toggleAbout']
     })
@@ -957,7 +930,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-menu',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['applicationDescription', 'applicationName', 'enableMapExpand', 'enableSettings', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nLegal', 'i18nMore', 'i18nSettings', 'i18nToggleTheme', 'maxVisibleMenuItems', 'showAbout', 'showSettings']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['applicationDescription', 'applicationName', 'enableMapExpand', 'enableSettings', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nLegal', 'i18nMore', 'i18nSettings', 'i18nToggleTheme', 'maxVisibleMenuItems', 'showAbout', 'showSettings'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMenuAbout = class IxMenuAbout {
@@ -972,7 +946,6 @@ let IxMenuAbout = class IxMenuAbout {
 /** @nocollapse */ IxMenuAbout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMenuAbout, selector: "ix-menu-about", inputs: { activeTabLabel: "activeTabLabel", label: "label", show: "show" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMenuAbout = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['activeTabLabel', 'label', 'show']
     })
 ], IxMenuAbout);
@@ -982,7 +955,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-menu-about',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['activeTabLabel', 'label', 'show']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['activeTabLabel', 'label', 'show'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMenuAboutItem = class IxMenuAboutItem {
@@ -996,7 +970,6 @@ let IxMenuAboutItem = class IxMenuAboutItem {
 /** @nocollapse */ IxMenuAboutItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMenuAboutItem, selector: "ix-menu-about-item", inputs: { label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMenuAboutItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['label']
     })
 ], IxMenuAboutItem);
@@ -1006,7 +979,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-menu-about-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['label']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['label'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMenuAboutNews = class IxMenuAboutNews {
@@ -1021,7 +995,6 @@ let IxMenuAboutNews = class IxMenuAboutNews {
 /** @nocollapse */ IxMenuAboutNews.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMenuAboutNews, selector: "ix-menu-about-news", inputs: { aboutItemLabel: "aboutItemLabel", expanded: "expanded", i18nShowMore: "i18nShowMore", label: "label", offsetBottom: "offsetBottom", show: "show" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMenuAboutNews = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['aboutItemLabel', 'expanded', 'i18nShowMore', 'label', 'offsetBottom', 'show']
     })
 ], IxMenuAboutNews);
@@ -1031,7 +1004,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-menu-about-news',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['aboutItemLabel', 'expanded', 'i18nShowMore', 'label', 'offsetBottom', 'show']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['aboutItemLabel', 'expanded', 'i18nShowMore', 'label', 'offsetBottom', 'show'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMenuAvatar = class IxMenuAvatar {
@@ -1046,7 +1020,6 @@ let IxMenuAvatar = class IxMenuAvatar {
 /** @nocollapse */ IxMenuAvatar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMenuAvatar, selector: "ix-menu-avatar", inputs: { bottom: "bottom", i18nLogout: "i18nLogout", image: "image", initials: "initials", top: "top" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMenuAvatar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['bottom', 'i18nLogout', 'image', 'initials', 'top']
     })
 ], IxMenuAvatar);
@@ -1056,7 +1029,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-menu-avatar',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['bottom', 'i18nLogout', 'image', 'initials', 'top']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['bottom', 'i18nLogout', 'image', 'initials', 'top'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMenuAvatarItem = class IxMenuAvatarItem {
@@ -1071,7 +1045,6 @@ let IxMenuAvatarItem = class IxMenuAvatarItem {
 /** @nocollapse */ IxMenuAvatarItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMenuAvatarItem, selector: "ix-menu-avatar-item", inputs: { icon: "icon", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMenuAvatarItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['icon', 'label']
     })
 ], IxMenuAvatarItem);
@@ -1081,7 +1054,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-menu-avatar-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['icon', 'label']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['icon', 'label'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMenuItem = class IxMenuItem {
@@ -1095,7 +1069,6 @@ let IxMenuItem = class IxMenuItem {
 /** @nocollapse */ IxMenuItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMenuItem, selector: "ix-menu-item", inputs: { active: "active", bottom: "bottom", disabled: "disabled", home: "home", notifications: "notifications", tabIcon: "tabIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMenuItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['active', 'bottom', 'disabled', 'home', 'notifications', 'tabIcon']
     })
 ], IxMenuItem);
@@ -1105,7 +1078,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-menu-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['active', 'bottom', 'disabled', 'home', 'notifications', 'tabIcon']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['active', 'bottom', 'disabled', 'home', 'notifications', 'tabIcon'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMenuSettings = class IxMenuSettings {
@@ -1120,7 +1094,6 @@ let IxMenuSettings = class IxMenuSettings {
 /** @nocollapse */ IxMenuSettings.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMenuSettings, selector: "ix-menu-settings", inputs: { activeTabLabel: "activeTabLabel", label: "label", show: "show" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMenuSettings = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['activeTabLabel', 'label', 'show']
     })
 ], IxMenuSettings);
@@ -1130,7 +1103,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-menu-settings',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['activeTabLabel', 'label', 'show']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['activeTabLabel', 'label', 'show'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMenuSettingsItem = class IxMenuSettingsItem {
@@ -1144,7 +1118,6 @@ let IxMenuSettingsItem = class IxMenuSettingsItem {
 /** @nocollapse */ IxMenuSettingsItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMenuSettingsItem, selector: "ix-menu-settings-item", inputs: { label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMenuSettingsItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['label']
     })
 ], IxMenuSettingsItem);
@@ -1154,7 +1127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-menu-settings-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['label']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['label'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxMessageBar = class IxMessageBar {
@@ -1169,7 +1143,6 @@ let IxMessageBar = class IxMessageBar {
 /** @nocollapse */ IxMessageBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxMessageBar, selector: "ix-message-bar", inputs: { dismissible: "dismissible", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxMessageBar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['dismissible', 'type']
     })
 ], IxMessageBar);
@@ -1179,7 +1152,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-message-bar',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['dismissible', 'type']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['dismissible', 'type'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxModal = class IxModal {
@@ -1194,7 +1168,6 @@ let IxModal = class IxModal {
 /** @nocollapse */ IxModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxModal, selector: "ix-modal", inputs: { animation: "animation", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", backdrop: "backdrop", backdropClass: "backdropClass", beforeDismiss: "beforeDismiss", centered: "centered", content: "content", headerTitle: "headerTitle", icon: "icon", iconColor: "iconColor", keyboard: "keyboard", modalDialogClass: "modalDialogClass", scrollable: "scrollable", size: "size", windowClass: "windowClass" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxModal = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['animation', 'ariaDescribedBy', 'ariaLabelledBy', 'backdrop', 'backdropClass', 'beforeDismiss', 'centered', 'content', 'headerTitle', 'icon', 'iconColor', 'keyboard', 'modalDialogClass', 'scrollable', 'size', 'windowClass'],
         methods: ['dismiss', 'close']
     })
@@ -1205,7 +1178,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-modal',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['animation', 'ariaDescribedBy', 'ariaLabelledBy', 'backdrop', 'backdropClass', 'beforeDismiss', 'centered', 'content', 'headerTitle', 'icon', 'iconColor', 'keyboard', 'modalDialogClass', 'scrollable', 'size', 'windowClass']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['animation', 'ariaDescribedBy', 'ariaLabelledBy', 'backdrop', 'backdropClass', 'beforeDismiss', 'centered', 'content', 'headerTitle', 'icon', 'iconColor', 'keyboard', 'modalDialogClass', 'scrollable', 'size', 'windowClass'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxModalContainer = class IxModalContainer {
@@ -1219,7 +1193,6 @@ let IxModalContainer = class IxModalContainer {
 /** @nocollapse */ IxModalContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxModalContainer, selector: "ix-modal-container", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxModalContainer = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         methods: ['showModal']
     })
 ], IxModalContainer);
@@ -1228,7 +1201,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             args: [{
                     selector: 'ix-modal-container',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxModalExample = class IxModalExample {
@@ -1241,16 +1216,41 @@ let IxModalExample = class IxModalExample {
 /** @nocollapse */ IxModalExample.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModalExample, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 /** @nocollapse */ IxModalExample.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxModalExample, selector: "ix-modal-example", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxModalExample = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: undefined
-    })
+    ProxyCmp({})
 ], IxModalExample);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModalExample, decorators: [{
             type: Component,
             args: [{
                     selector: 'ix-modal-example',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let IxPagination = class IxPagination {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['pageSelected', 'itemCountChanged']);
+    }
+};
+/** @nocollapse */ IxPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ IxPagination.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxPagination, selector: "ix-pagination", inputs: { advanced: "advanced", count: "count", i18nItems: "i18nItems", i18nOf: "i18nOf", i18nPage: "i18nPage", itemCount: "itemCount", selectedPage: "selectedPage", showItemCount: "showItemCount" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IxPagination = __decorate([
+    ProxyCmp({
+        inputs: ['advanced', 'count', 'i18nItems', 'i18nOf', 'i18nPage', 'itemCount', 'selectedPage', 'showItemCount']
+    })
+], IxPagination);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxPagination, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ix-pagination',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['advanced', 'count', 'i18nItems', 'i18nOf', 'i18nPage', 'itemCount', 'selectedPage', 'showItemCount'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxPill = class IxPill {
@@ -1264,7 +1264,6 @@ let IxPill = class IxPill {
 /** @nocollapse */ IxPill.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxPill, selector: "ix-pill", inputs: { alignLeft: "alignLeft", background: "background", color: "color", icon: "icon", outline: "outline", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxPill = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['alignLeft', 'background', 'color', 'icon', 'outline', 'variant']
     })
 ], IxPill);
@@ -1274,7 +1273,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-pill',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['alignLeft', 'background', 'color', 'icon', 'outline', 'variant']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['alignLeft', 'background', 'color', 'icon', 'outline', 'variant'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxSelect = class IxSelect {
@@ -1289,7 +1289,6 @@ let IxSelect = class IxSelect {
 /** @nocollapse */ IxSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxSelect, selector: "ix-select", inputs: { allowClear: "allowClear", disabled: "disabled", editable: "editable", i18nPlaceholder: "i18nPlaceholder", i18nPlaceholderEditable: "i18nPlaceholderEditable", i18nSelectListHeader: "i18nSelectListHeader", mode: "mode", readonly: "readonly", selectedIndices: "selectedIndices" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxSelect = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['allowClear', 'disabled', 'editable', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nSelectListHeader', 'mode', 'readonly', 'selectedIndices']
     })
 ], IxSelect);
@@ -1299,7 +1298,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-select',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['allowClear', 'disabled', 'editable', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nSelectListHeader', 'mode', 'readonly', 'selectedIndices']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['allowClear', 'disabled', 'editable', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nSelectListHeader', 'mode', 'readonly', 'selectedIndices'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxSelectItem = class IxSelectItem {
@@ -1314,7 +1314,6 @@ let IxSelectItem = class IxSelectItem {
 /** @nocollapse */ IxSelectItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxSelectItem, selector: "ix-select-item", inputs: { label: "label", selected: "selected", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxSelectItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['label', 'selected', 'value']
     })
 ], IxSelectItem);
@@ -1324,7 +1323,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-select-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['label', 'selected', 'value']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['label', 'selected', 'value'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxSpinner = class IxSpinner {
@@ -1338,7 +1338,6 @@ let IxSpinner = class IxSpinner {
 /** @nocollapse */ IxSpinner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxSpinner, selector: "ix-spinner", inputs: { size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxSpinner = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['size', 'variant']
     })
 ], IxSpinner);
@@ -1348,7 +1347,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-spinner',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size', 'variant']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['size', 'variant'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxSplitButton = class IxSplitButton {
@@ -1363,7 +1363,6 @@ let IxSplitButton = class IxSplitButton {
 /** @nocollapse */ IxSplitButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxSplitButton, selector: "ix-split-button", inputs: { disabled: "disabled", ghost: "ghost", icon: "icon", invisible: "invisible", label: "label", outline: "outline", placement: "placement", splitIcon: "splitIcon", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxSplitButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['disabled', 'ghost', 'icon', 'invisible', 'label', 'outline', 'placement', 'splitIcon', 'variant']
     })
 ], IxSplitButton);
@@ -1373,7 +1372,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-split-button',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled', 'ghost', 'icon', 'invisible', 'label', 'outline', 'placement', 'splitIcon', 'variant']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['disabled', 'ghost', 'icon', 'invisible', 'label', 'outline', 'placement', 'splitIcon', 'variant'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxSplitButtonItem = class IxSplitButtonItem {
@@ -1388,7 +1388,6 @@ let IxSplitButtonItem = class IxSplitButtonItem {
 /** @nocollapse */ IxSplitButtonItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxSplitButtonItem, selector: "ix-split-button-item", inputs: { icon: "icon", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxSplitButtonItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['icon', 'label']
     })
 ], IxSplitButtonItem);
@@ -1398,7 +1397,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-split-button-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['icon', 'label']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['icon', 'label'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxTabItem = class IxTabItem {
@@ -1412,7 +1412,6 @@ let IxTabItem = class IxTabItem {
 /** @nocollapse */ IxTabItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxTabItem, selector: "ix-tab-item", inputs: { counter: "counter", disabled: "disabled", icon: "icon", layout: "layout", placement: "placement", rounded: "rounded", selected: "selected", small: "small" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxTabItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['counter', 'disabled', 'icon', 'layout', 'placement', 'rounded', 'selected', 'small']
     })
 ], IxTabItem);
@@ -1422,7 +1421,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-tab-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['counter', 'disabled', 'icon', 'layout', 'placement', 'rounded', 'selected', 'small']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['counter', 'disabled', 'icon', 'layout', 'placement', 'rounded', 'selected', 'small'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxTabs = class IxTabs {
@@ -1436,7 +1436,6 @@ let IxTabs = class IxTabs {
 /** @nocollapse */ IxTabs.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxTabs, selector: "ix-tabs", inputs: { layout: "layout", placement: "placement", rounded: "rounded", selected: "selected", small: "small" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxTabs = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['layout', 'placement', 'rounded', 'selected', 'small']
     })
 ], IxTabs);
@@ -1446,7 +1445,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-tabs',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['layout', 'placement', 'rounded', 'selected', 'small']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['layout', 'placement', 'rounded', 'selected', 'small'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxTile = class IxTile {
@@ -1460,7 +1460,6 @@ let IxTile = class IxTile {
 /** @nocollapse */ IxTile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxTile, selector: "ix-tile", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxTile = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['size']
     })
 ], IxTile);
@@ -1470,7 +1469,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-tile',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['size']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['size'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxTimePicker = class IxTimePicker {
@@ -1485,7 +1485,6 @@ let IxTimePicker = class IxTimePicker {
 /** @nocollapse */ IxTimePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxTimePicker, selector: "ix-time-picker", inputs: { corners: "corners", format: "format", individual: "individual", showHour: "showHour", showMinutes: "showMinutes", showSeconds: "showSeconds", showTimeReference: "showTimeReference", textSelectTime: "textSelectTime", time: "time", timeReference: "timeReference" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxTimePicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['corners', 'format', 'individual', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'textSelectTime', 'time', 'timeReference'],
         methods: ['getCurrentTime']
     })
@@ -1496,7 +1495,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-time-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['corners', 'format', 'individual', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'textSelectTime', 'time', 'timeReference']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['corners', 'format', 'individual', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'textSelectTime', 'time', 'timeReference'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxToast = class IxToast {
@@ -1511,7 +1511,6 @@ let IxToast = class IxToast {
 /** @nocollapse */ IxToast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxToast, selector: "ix-toast", inputs: { autoClose: "autoClose", autoCloseDelay: "autoCloseDelay", icon: "icon", iconColor: "iconColor", toastTitle: "toastTitle", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxToast = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['autoClose', 'autoCloseDelay', 'icon', 'iconColor', 'toastTitle', 'type']
     })
 ], IxToast);
@@ -1521,7 +1520,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-toast',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoClose', 'autoCloseDelay', 'icon', 'iconColor', 'toastTitle', 'type']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoClose', 'autoCloseDelay', 'icon', 'iconColor', 'toastTitle', 'type'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxToastContainer = class IxToastContainer {
@@ -1535,7 +1535,6 @@ let IxToastContainer = class IxToastContainer {
 /** @nocollapse */ IxToastContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxToastContainer, selector: "ix-toast-container", inputs: { containerClass: "containerClass", containerId: "containerId", position: "position" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxToastContainer = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['containerClass', 'containerId', 'position'],
         methods: ['showToast']
     })
@@ -1546,7 +1545,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-toast-container',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['containerClass', 'containerId', 'position']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['containerClass', 'containerId', 'position'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxToggle = class IxToggle {
@@ -1561,7 +1561,6 @@ let IxToggle = class IxToggle {
 /** @nocollapse */ IxToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxToggle, selector: "ix-toggle", inputs: { checked: "checked", color: "color", disabled: "disabled", hideText: "hideText", indeterminate: "indeterminate", textIndeterminate: "textIndeterminate", textOff: "textOff", textOn: "textOn" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxToggle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['checked', 'color', 'disabled', 'hideText', 'indeterminate', 'textIndeterminate', 'textOff', 'textOn']
     })
 ], IxToggle);
@@ -1571,7 +1570,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-toggle',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['checked', 'color', 'disabled', 'hideText', 'indeterminate', 'textIndeterminate', 'textOff', 'textOn']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['checked', 'color', 'disabled', 'hideText', 'indeterminate', 'textIndeterminate', 'textOff', 'textOn'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxTooltip = class IxTooltip {
@@ -1585,7 +1585,6 @@ let IxTooltip = class IxTooltip {
 /** @nocollapse */ IxTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxTooltip, selector: "ix-tooltip", inputs: { for: "for", interactive: "interactive", titleContent: "titleContent" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxTooltip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['for', 'interactive', 'titleContent']
     })
 ], IxTooltip);
@@ -1595,7 +1594,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-tooltip',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['for', 'interactive', 'titleContent']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['for', 'interactive', 'titleContent'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxTreeItem = class IxTreeItem {
@@ -1610,7 +1610,6 @@ let IxTreeItem = class IxTreeItem {
 /** @nocollapse */ IxTreeItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxTreeItem, selector: "ix-tree-item", inputs: { context: "context", hasChildren: "hasChildren", text: "text" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxTreeItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['context', 'hasChildren', 'text']
     })
 ], IxTreeItem);
@@ -1620,7 +1619,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-tree-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['context', 'hasChildren', 'text']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['context', 'hasChildren', 'text'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxUpload = class IxUpload {
@@ -1635,7 +1635,6 @@ let IxUpload = class IxUpload {
 /** @nocollapse */ IxUpload.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxUpload, selector: "ix-upload", inputs: { accept: "accept", disabled: "disabled", i18nUploadDisabled: "i18nUploadDisabled", i18nUploadFile: "i18nUploadFile", loadingText: "loadingText", multiline: "multiline", multiple: "multiple", selectFileText: "selectFileText", state: "state", uploadFailedText: "uploadFailedText", uploadSuccessText: "uploadSuccessText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxUpload = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['accept', 'disabled', 'i18nUploadDisabled', 'i18nUploadFile', 'loadingText', 'multiline', 'multiple', 'selectFileText', 'state', 'uploadFailedText', 'uploadSuccessText'],
         methods: ['setFilesToUpload']
     })
@@ -1646,7 +1645,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-upload',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['accept', 'disabled', 'i18nUploadDisabled', 'i18nUploadFile', 'loadingText', 'multiline', 'multiple', 'selectFileText', 'state', 'uploadFailedText', 'uploadSuccessText']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['accept', 'disabled', 'i18nUploadDisabled', 'i18nUploadFile', 'loadingText', 'multiline', 'multiple', 'selectFileText', 'state', 'uploadFailedText', 'uploadSuccessText'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxValidationTooltip = class IxValidationTooltip {
@@ -1660,7 +1660,6 @@ let IxValidationTooltip = class IxValidationTooltip {
 /** @nocollapse */ IxValidationTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxValidationTooltip, selector: "ix-validation-tooltip", inputs: { message: "message", placement: "placement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxValidationTooltip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['message', 'placement']
     })
 ], IxValidationTooltip);
@@ -1670,7 +1669,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-validation-tooltip',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['message', 'placement']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['message', 'placement'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxWorkflowStep = class IxWorkflowStep {
@@ -1684,7 +1684,6 @@ let IxWorkflowStep = class IxWorkflowStep {
 /** @nocollapse */ IxWorkflowStep.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxWorkflowStep, selector: "ix-workflow-step", inputs: { clickable: "clickable", disabled: "disabled", position: "position", selected: "selected", status: "status", vertical: "vertical" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxWorkflowStep = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['clickable', 'disabled', 'position', 'selected', 'status', 'vertical']
     })
 ], IxWorkflowStep);
@@ -1694,7 +1693,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-workflow-step',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['clickable', 'disabled', 'position', 'selected', 'status', 'vertical']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['clickable', 'disabled', 'position', 'selected', 'status', 'vertical'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IxWorkflowSteps = class IxWorkflowSteps {
@@ -1709,7 +1709,6 @@ let IxWorkflowSteps = class IxWorkflowSteps {
 /** @nocollapse */ IxWorkflowSteps.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IxWorkflowSteps, selector: "ix-workflow-steps", inputs: { clickable: "clickable", linear: "linear", selectedIndex: "selectedIndex", vertical: "vertical" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IxWorkflowSteps = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
         inputs: ['clickable', 'linear', 'selectedIndex', 'vertical']
     })
 ], IxWorkflowSteps);
@@ -1719,7 +1718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'ix-workflow-steps',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['clickable', 'linear', 'selectedIndex', 'vertical']
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['clickable', 'linear', 'selectedIndex', 'vertical'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
@@ -1917,7 +1917,6 @@ const DIRECTIVES = [
     IxChip,
     IxCounterPill,
     IxDatePicker,
-    IxDateTimeCard,
     IxDatetimePicker,
     IxDivider,
     IxDrawer,
@@ -1954,6 +1953,7 @@ const DIRECTIVES = [
     IxModal,
     IxModalContainer,
     IxModalExample,
+    IxPagination,
     IxPill,
     IxSelect,
     IxSelectItem,
@@ -2025,6 +2025,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * LICENSE file in the root directory of this source tree.
  */
 class ToastService {
+    setPosition(position) {
+        getToastContainer().position = position;
+    }
+    getPosition() {
+        return getToastContainer().position;
+    }
     async show(config) {
         if (typeof config.message === 'string') {
             return toast(config);
@@ -2173,7 +2179,7 @@ class IxModule {
     }
 }
 /** @nocollapse */ IxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ IxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModule, declarations: [IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDateTimeCard, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, IxTree, IxDropdownTriggerDirective], exports: [IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDateTimeCard, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, IxTree, IxDropdownTriggerDirective] });
+/** @nocollapse */ IxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModule, declarations: [IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPagination, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, IxTree, IxDropdownTriggerDirective], exports: [IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPagination, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, IxTree, IxDropdownTriggerDirective] });
 /** @nocollapse */ IxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IxModule, decorators: [{
             type: NgModule,
@@ -2196,5 +2202,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { IxActiveModal, IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDateTimeCard, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxModule, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTree, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, ModalService, ThemeService, ToastService };
+export { IxActiveModal, IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxDropdownTriggerDirective, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxModule, IxPagination, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTree, IxTreeItem, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, ModalService, ThemeService, ToastService };
 //# sourceMappingURL=siemens-ix-angular.mjs.map