@kirbydesign/designsystem 5.3.1 → 6.0.0-rc.2

package/fesm2015/kirbydesign-designsystem-testing-base.js

@@ -1,26 +1,34 @@
-import { Component, forwardRef, Input, EventEmitter, Output, Directive, NgModule } from '@angular/core';
-import { AccordionItemComponent, ActionSheetComponent, AppComponent, AvatarComponent, ButtonComponent, CalendarComponent, CardFooterComponent, CardHeaderComponent, CardComponent, ChartDeprecatedComponent, ChartComponent, CheckboxComponent, ChipComponent, DividerComponent, DropdownComponent, EmptyStateComponent, FabSheetComponent, FlagComponent, FormFieldMessageComponent, FormFieldComponent, GridComponent, IconComponent, InputCounterComponent, InputComponent, ItemGroupComponent, ItemSlidingComponent, ItemComponent, LabelComponent, ListExperimentalComponent, ListHeaderComponent, ListItemComponent, ListSectionHeaderComponent, ListComponent, LoadingOverlayComponent, ModalFooterComponent, PageFooterComponent, PageTitleDirective, PageToolbarTitleDirective, PageActionsDirective, PageContentDirective, PageProgressComponent, PageTitleComponent, PageContentComponent, PageActionsComponent, PageComponent, PopoverComponent, ProgressCircleComponent, RadioGroupComponent, RadioComponent, RangeComponent, ReorderListComponent, RouterOutletComponent, SectionHeaderComponent, SegmentedControlComponent, SlideButtonComponent, SpinnerComponent, TabButtonComponent, TabsComponent, TextareaComponent, ToggleButtonComponent, ToggleComponent, AccordionDirective, FitHeadingDirective, ThemeColorDirective } from '@kirbydesign/designsystem';
+import * as i0 from '@angular/core';
+import { forwardRef, Component, Input, EventEmitter, Output, Directive, NgModule } from '@angular/core';
+import { AccordionItemComponent, ActionSheetComponent, AppComponent, AvatarComponent, ButtonComponent, CalendarComponent, CardFooterComponent, CardHeaderComponent, CardComponent, ChartDeprecatedComponent, ChartComponent, CheckboxComponent, ChipComponent, DividerComponent, DropdownComponent, EmptyStateComponent, FabSheetComponent, FlagComponent, FormFieldMessageComponent, FormFieldComponent, GridComponent, IconComponent, InputCounterComponent, InputComponent, ItemGroupComponent, ItemSlidingComponent, ItemComponent, LabelComponent, ListExperimentalComponent, ListHeaderComponent, ListItemComponent, ListSectionHeaderComponent, ListComponent, LoadingOverlayComponent, ModalFooterComponent, PageFooterComponent, PageTitleDirective, PageSubtitleDirective, PageToolbarTitleDirective, PageActionsDirective, PageContentDirective, PageProgressComponent, PageTitleComponent, PageContentComponent, PageActionsComponent, PageComponent, PopoverComponent, ProgressCircleComponent, RadioGroupComponent, RadioComponent, RangeComponent, ReorderListComponent, RouterOutletComponent, SectionHeaderComponent, SegmentedControlComponent, SlideButtonComponent, SlideDirective, SlidesComponent, SpinnerComponent, TabButtonComponent, TabsComponent, TextareaComponent, ToggleButtonComponent, ToggleComponent, BadgeComponent, AccordionDirective, FitHeadingDirective, ThemeColorDirective } from '@kirbydesign/designsystem';
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockAccordionItemComponent {
 }
-MockAccordionItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-accordion-item',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: AccordionItemComponent,
-                        useExisting: forwardRef(() => MockAccordionItemComponent),
-                    },
-                ]
-            },] }
-];
-MockAccordionItemComponent.propDecorators = {
-    title: [{ type: Input }],
-    isExpanded: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockAccordionItemComponent, selector: "kirby-accordion-item", inputs: { title: "title", isExpanded: "isExpanded" }, providers: [
+        {
+            provide: AccordionItemComponent,
+            useExisting: forwardRef((() => MockAccordionItemComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockAccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-accordion-item',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: AccordionItemComponent,
+                            useExisting: forwardRef((() => MockAccordionItemComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockActionSheetComponent {
@@ -29,98 +37,141 @@ class MockActionSheetComponent {
         this.itemSelect = new EventEmitter();
     }
 }
-MockActionSheetComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-action-sheet',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ActionSheetComponent,
-                        useExisting: forwardRef(() => MockActionSheetComponent),
-                    },
-                ]
-            },] }
-];
-MockActionSheetComponent.propDecorators = {
-    cancelButtonText: [{ type: Input }],
-    hideCancel: [{ type: Input }],
-    disabled: [{ type: Input }],
-    header: [{ type: Input }],
-    subheader: [{ type: Input }],
-    items: [{ type: Input }],
-    cancel: [{ type: Output }],
-    itemSelect: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockActionSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockActionSheetComponent, selector: "kirby-action-sheet", inputs: { cancelButtonText: "cancelButtonText", hideCancel: "hideCancel", disabled: "disabled", header: "header", subheader: "subheader", items: "items" }, outputs: { cancel: "cancel", itemSelect: "itemSelect" }, providers: [
+        {
+            provide: ActionSheetComponent,
+            useExisting: forwardRef((() => MockActionSheetComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockActionSheetComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-action-sheet',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ActionSheetComponent,
+                            useExisting: forwardRef((() => MockActionSheetComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { cancelButtonText: [{
+                type: Input
+            }], hideCancel: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], subheader: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], cancel: [{
+                type: Output
+            }], itemSelect: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockAppComponent {
 }
-MockAppComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-app',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: AppComponent,
-                        useExisting: forwardRef(() => MockAppComponent),
-                    },
-                ]
-            },] }
-];
-// #endregion
+/** @nocollapse */ MockAppComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockAppComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockAppComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockAppComponent, selector: "kirby-app", providers: [
+        {
+            provide: AppComponent,
+            useExisting: forwardRef((() => MockAppComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockAppComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-app',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: AppComponent,
+                            useExisting: forwardRef((() => MockAppComponent)),
+                        },
+                    ],
+                }]
+        }] });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockAvatarComponent {
 }
-MockAvatarComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-avatar',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: AvatarComponent,
-                        useExisting: forwardRef(() => MockAvatarComponent),
-                    },
-                ]
-            },] }
-];
-MockAvatarComponent.propDecorators = {
-    imageSrc: [{ type: Input }],
-    altText: [{ type: Input }],
-    shadow: [{ type: Input }],
-    text: [{ type: Input }],
-    overlay: [{ type: Input }],
-    size: [{ type: Input }],
-    themeColor: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockAvatarComponent, selector: "kirby-avatar", inputs: { imageSrc: "imageSrc", altText: "altText", shadow: "shadow", text: "text", overlay: "overlay", size: "size", themeColor: "themeColor" }, providers: [
+        {
+            provide: AvatarComponent,
+            useExisting: forwardRef((() => MockAvatarComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockAvatarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-avatar',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: AvatarComponent,
+                            useExisting: forwardRef((() => MockAvatarComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { imageSrc: [{
+                type: Input
+            }], altText: [{
+                type: Input
+            }], shadow: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], overlay: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockButtonComponent {
 }
-MockButtonComponent.decorators = [
-    { type: Component, args: [{
-                // tslint:disable-next-line: component-selector
-                selector: 'button[kirby-button],Button[kirby-button]',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ButtonComponent,
-                        useExisting: forwardRef(() => MockButtonComponent),
-                    },
-                ]
-            },] }
-];
-MockButtonComponent.propDecorators = {
-    attentionLevel: [{ type: Input }],
-    isDestructive: [{ type: Input }],
-    themeColor: [{ type: Input }],
-    expand: [{ type: Input }],
-    isFloating: [{ type: Input }],
-    size: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockButtonComponent, selector: "button[kirby-button],Button[kirby-button]", inputs: { attentionLevel: "attentionLevel", isDestructive: "isDestructive", themeColor: "themeColor", expand: "expand", isFloating: "isFloating", size: "size" }, providers: [
+        {
+            provide: ButtonComponent,
+            useExisting: forwardRef((() => MockButtonComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // tslint:disable-next-line: component-selector
+                    selector: 'button[kirby-button],Button[kirby-button]',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ButtonComponent,
+                            useExisting: forwardRef((() => MockButtonComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { attentionLevel: [{
+                type: Input
+            }], isDestructive: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }], expand: [{
+                type: Input
+            }], isFloating: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockCalendarComponent {
@@ -130,157 +181,230 @@ class MockCalendarComponent {
         this.yearSelect = new EventEmitter();
     }
 }
-MockCalendarComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-calendar',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: CalendarComponent,
-                        useExisting: forwardRef(() => MockCalendarComponent),
-                    },
-                ]
-            },] }
-];
-MockCalendarComponent.propDecorators = {
-    dateChange: [{ type: Output }],
-    dateSelect: [{ type: Output }],
-    yearSelect: [{ type: Output }],
-    timezone: [{ type: Input }],
-    disableWeekends: [{ type: Input }],
-    disablePastDates: [{ type: Input }],
-    disableFutureDates: [{ type: Input }],
-    alwaysEnableToday: [{ type: Input }],
-    customLocales: [{ type: Input }],
-    usePopover: [{ type: Input }],
-    yearNavigatorOptions: [{ type: Input }],
-    selectedDate: [{ type: Input }],
-    disabledDates: [{ type: Input }],
-    todayDate: [{ type: Input }],
-    minDate: [{ type: Input }],
-    maxDate: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockCalendarComponent, selector: "kirby-calendar", inputs: { timezone: "timezone", disableWeekends: "disableWeekends", disablePastDates: "disablePastDates", disableFutureDates: "disableFutureDates", alwaysEnableToday: "alwaysEnableToday", customLocales: "customLocales", usePopover: "usePopover", yearNavigatorOptions: "yearNavigatorOptions", selectedDate: "selectedDate", disabledDates: "disabledDates", todayDate: "todayDate", minDate: "minDate", maxDate: "maxDate" }, outputs: { dateChange: "dateChange", dateSelect: "dateSelect", yearSelect: "yearSelect" }, providers: [
+        {
+            provide: CalendarComponent,
+            useExisting: forwardRef((() => MockCalendarComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockCalendarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-calendar',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: CalendarComponent,
+                            useExisting: forwardRef((() => MockCalendarComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { dateChange: [{
+                type: Output
+            }], dateSelect: [{
+                type: Output
+            }], yearSelect: [{
+                type: Output
+            }], timezone: [{
+                type: Input
+            }], disableWeekends: [{
+                type: Input
+            }], disablePastDates: [{
+                type: Input
+            }], disableFutureDates: [{
+                type: Input
+            }], alwaysEnableToday: [{
+                type: Input
+            }], customLocales: [{
+                type: Input
+            }], usePopover: [{
+                type: Input
+            }], yearNavigatorOptions: [{
+                type: Input
+            }], selectedDate: [{
+                type: Input
+            }], disabledDates: [{
+                type: Input
+            }], todayDate: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockCardFooterComponent {
 }
-MockCardFooterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-card-footer',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: CardFooterComponent,
-                        useExisting: forwardRef(() => MockCardFooterComponent),
-                    },
-                ]
-            },] }
-];
-// #endregion
+/** @nocollapse */ MockCardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockCardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockCardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockCardFooterComponent, selector: "kirby-card-footer", providers: [
+        {
+            provide: CardFooterComponent,
+            useExisting: forwardRef((() => MockCardFooterComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockCardFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-card-footer',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: CardFooterComponent,
+                            useExisting: forwardRef((() => MockCardFooterComponent)),
+                        },
+                    ],
+                }]
+        }] });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockCardHeaderComponent {
 }
-MockCardHeaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-card-header',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: CardHeaderComponent,
-                        useExisting: forwardRef(() => MockCardHeaderComponent),
-                    },
-                ]
-            },] }
-];
-MockCardHeaderComponent.propDecorators = {
-    title: [{ type: Input }],
-    subtitle: [{ type: Input }],
-    isTitleBold: [{ type: Input }],
-    flagged: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockCardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockCardHeaderComponent, selector: "kirby-card-header", inputs: { title: "title", subtitle: "subtitle", isTitleBold: "isTitleBold", flagged: "flagged" }, providers: [
+        {
+            provide: CardHeaderComponent,
+            useExisting: forwardRef((() => MockCardHeaderComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockCardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-card-header',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: CardHeaderComponent,
+                            useExisting: forwardRef((() => MockCardHeaderComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], isTitleBold: [{
+                type: Input
+            }], flagged: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockCardComponent {
 }
-MockCardComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-card',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: CardComponent,
-                        useExisting: forwardRef(() => MockCardComponent),
-                    },
-                ]
-            },] }
-];
-MockCardComponent.propDecorators = {
-    title: [{ type: Input }],
-    subtitle: [{ type: Input }],
-    backgroundImageUrl: [{ type: Input }],
-    hasPadding: [{ type: Input }],
-    sizes: [{ type: Input }],
-    mode: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockCardComponent, selector: "kirby-card", inputs: { title: "title", subtitle: "subtitle", backgroundImageUrl: "backgroundImageUrl", hasPadding: "hasPadding", sizes: "sizes", mode: "mode" }, providers: [
+        {
+            provide: CardComponent,
+            useExisting: forwardRef((() => MockCardComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockCardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-card',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: CardComponent,
+                            useExisting: forwardRef((() => MockCardComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], backgroundImageUrl: [{
+                type: Input
+            }], hasPadding: [{
+                type: Input
+            }], sizes: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockChartDeprecatedComponent {
 }
-MockChartDeprecatedComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-chart-deprecated',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ChartDeprecatedComponent,
-                        useExisting: forwardRef(() => MockChartDeprecatedComponent),
-                    },
-                ]
-            },] }
-];
-MockChartDeprecatedComponent.propDecorators = {
-    data: [{ type: Input }],
-    categories: [{ type: Input }],
-    breaks: [{ type: Input }],
-    height: [{ type: Input }],
-    type: [{ type: Input }],
-    description: [{ type: Input }],
-    showDataLabels: [{ type: Input }],
-    options: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockChartDeprecatedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockChartDeprecatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockChartDeprecatedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockChartDeprecatedComponent, selector: "kirby-chart-deprecated", inputs: { data: "data", categories: "categories", breaks: "breaks", height: "height", type: "type", description: "description", showDataLabels: "showDataLabels", options: "options" }, providers: [
+        {
+            provide: ChartDeprecatedComponent,
+            useExisting: forwardRef((() => MockChartDeprecatedComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockChartDeprecatedComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-chart-deprecated',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ChartDeprecatedComponent,
+                            useExisting: forwardRef((() => MockChartDeprecatedComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], categories: [{
+                type: Input
+            }], breaks: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], showDataLabels: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockChartComponent {
 }
-MockChartComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-chart',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ChartComponent,
-                        useExisting: forwardRef(() => MockChartComponent),
-                    },
-                ]
-            },] }
-];
-MockChartComponent.propDecorators = {
-    type: [{ type: Input }],
-    data: [{ type: Input }],
-    labels: [{ type: Input }],
-    dataLabels: [{ type: Input }],
-    customOptions: [{ type: Input }],
-    dataLabelOptions: [{ type: Input }],
-    annotations: [{ type: Input }],
-    highlightedElements: [{ type: Input }],
-    height: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockChartComponent, selector: "kirby-chart", inputs: { type: "type", data: "data", labels: "labels", customOptions: "customOptions", dataLabelOptions: "dataLabelOptions", annotations: "annotations", highlightedElements: "highlightedElements", height: "height" }, providers: [
+        {
+            provide: ChartComponent,
+            useExisting: forwardRef((() => MockChartComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-chart',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ChartComponent,
+                            useExisting: forwardRef((() => MockChartComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], labels: [{
+                type: Input
+            }], customOptions: [{
+                type: Input
+            }], dataLabelOptions: [{
+                type: Input
+            }], annotations: [{
+                type: Input
+            }], highlightedElements: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockCheckboxComponent {
@@ -288,69 +412,94 @@ class MockCheckboxComponent {
         this.checkedChange = new EventEmitter();
     }
 }
-MockCheckboxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-checkbox',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: CheckboxComponent,
-                        useExisting: forwardRef(() => MockCheckboxComponent),
-                    },
-                ]
-            },] }
-];
-MockCheckboxComponent.propDecorators = {
-    checked: [{ type: Input }],
-    attentionLevel: [{ type: Input }],
-    text: [{ type: Input }],
-    size: [{ type: Input }],
-    hasError: [{ type: Input }],
-    disabled: [{ type: Input }],
-    checkedChange: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockCheckboxComponent, selector: "kirby-checkbox", inputs: { checked: "checked", attentionLevel: "attentionLevel", text: "text", size: "size", hasError: "hasError", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, providers: [
+        {
+            provide: CheckboxComponent,
+            useExisting: forwardRef((() => MockCheckboxComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-checkbox',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: CheckboxComponent,
+                            useExisting: forwardRef((() => MockCheckboxComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { checked: [{
+                type: Input
+            }], attentionLevel: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], hasError: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], checkedChange: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockChipComponent {
 }
-MockChipComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-chip',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ChipComponent,
-                        useExisting: forwardRef(() => MockChipComponent),
-                    },
-                ]
-            },] }
-];
-MockChipComponent.propDecorators = {
-    text: [{ type: Input }],
-    isSelected: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockChipComponent, selector: "kirby-chip", inputs: { text: "text", isSelected: "isSelected" }, providers: [
+        {
+            provide: ChipComponent,
+            useExisting: forwardRef((() => MockChipComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockChipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-chip',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ChipComponent,
+                            useExisting: forwardRef((() => MockChipComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], isSelected: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockDividerComponent {
 }
-MockDividerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-divider',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: DividerComponent,
-                        useExisting: forwardRef(() => MockDividerComponent),
-                    },
-                ]
-            },] }
-];
-MockDividerComponent.propDecorators = {
-    hasMargin: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockDividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockDividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockDividerComponent, selector: "kirby-divider", inputs: { hasMargin: "hasMargin" }, providers: [
+        {
+            provide: DividerComponent,
+            useExisting: forwardRef((() => MockDividerComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockDividerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-divider',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: DividerComponent,
+                            useExisting: forwardRef((() => MockDividerComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { hasMargin: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockDropdownComponent {
@@ -358,350 +507,484 @@ class MockDropdownComponent {
         this.change = new EventEmitter();
     }
 }
-MockDropdownComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-dropdown',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: DropdownComponent,
-                        useExisting: forwardRef(() => MockDropdownComponent),
-                    },
-                ]
-            },] }
-];
-MockDropdownComponent.propDecorators = {
-    items: [{ type: Input }],
-    selectedIndex: [{ type: Input }],
-    itemTextProperty: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    popout: [{ type: Input }],
-    attentionLevel: [{ type: Input }],
-    expand: [{ type: Input }],
-    disabled: [{ type: Input }],
-    hasError: [{ type: Input }],
-    size: [{ type: Input }],
-    tabindex: [{ type: Input }],
-    usePopover: [{ type: Input }],
-    change: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockDropdownComponent, selector: "kirby-dropdown", inputs: { items: "items", selectedIndex: "selectedIndex", itemTextProperty: "itemTextProperty", placeholder: "placeholder", popout: "popout", attentionLevel: "attentionLevel", expand: "expand", disabled: "disabled", hasError: "hasError", size: "size", tabindex: "tabindex", usePopover: "usePopover" }, outputs: { change: "change" }, providers: [
+        {
+            provide: DropdownComponent,
+            useExisting: forwardRef((() => MockDropdownComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockDropdownComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-dropdown',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: DropdownComponent,
+                            useExisting: forwardRef((() => MockDropdownComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], selectedIndex: [{
+                type: Input
+            }], itemTextProperty: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], popout: [{
+                type: Input
+            }], attentionLevel: [{
+                type: Input
+            }], expand: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], hasError: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], usePopover: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockEmptyStateComponent {
 }
-MockEmptyStateComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-empty-state',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: EmptyStateComponent,
-                        useExisting: forwardRef(() => MockEmptyStateComponent),
-                    },
-                ]
-            },] }
-];
-MockEmptyStateComponent.propDecorators = {
-    iconName: [{ type: Input }],
-    customIconName: [{ type: Input }],
-    title: [{ type: Input }],
-    subtitle: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockEmptyStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockEmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockEmptyStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockEmptyStateComponent, selector: "kirby-empty-state", inputs: { iconName: "iconName", customIconName: "customIconName", title: "title", subtitle: "subtitle" }, providers: [
+        {
+            provide: EmptyStateComponent,
+            useExisting: forwardRef((() => MockEmptyStateComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockEmptyStateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-empty-state',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: EmptyStateComponent,
+                            useExisting: forwardRef((() => MockEmptyStateComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { iconName: [{
+                type: Input
+            }], customIconName: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockFabSheetComponent {
 }
-MockFabSheetComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-fab-sheet',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: FabSheetComponent,
-                        useExisting: forwardRef(() => MockFabSheetComponent),
-                    },
-                ]
-            },] }
-];
-MockFabSheetComponent.propDecorators = {
-    disabled: [{ type: Input }],
-    horizontalAlignment: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockFabSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockFabSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockFabSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockFabSheetComponent, selector: "kirby-fab-sheet", inputs: { disabled: "disabled", horizontalAlignment: "horizontalAlignment" }, providers: [
+        {
+            provide: FabSheetComponent,
+            useExisting: forwardRef((() => MockFabSheetComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockFabSheetComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-fab-sheet',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: FabSheetComponent,
+                            useExisting: forwardRef((() => MockFabSheetComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], horizontalAlignment: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockFlagComponent {
 }
-MockFlagComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-flag',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: FlagComponent,
-                        useExisting: forwardRef(() => MockFlagComponent),
-                    },
-                ]
-            },] }
-];
-MockFlagComponent.propDecorators = {
-    size: [{ type: Input }],
-    themeColor: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockFlagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockFlagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockFlagComponent, selector: "kirby-flag", inputs: { size: "size", themeColor: "themeColor" }, providers: [
+        {
+            provide: FlagComponent,
+            useExisting: forwardRef((() => MockFlagComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockFlagComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-flag',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: FlagComponent,
+                            useExisting: forwardRef((() => MockFlagComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockFormFieldMessageComponent {
 }
-MockFormFieldMessageComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-form-field-message',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: FormFieldMessageComponent,
-                        useExisting: forwardRef(() => MockFormFieldMessageComponent),
-                    },
-                ]
-            },] }
-];
-MockFormFieldMessageComponent.propDecorators = {
-    text: [{ type: Input }],
-    position: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockFormFieldMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockFormFieldMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockFormFieldMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockFormFieldMessageComponent, selector: "kirby-form-field-message", inputs: { text: "text", position: "position" }, providers: [
+        {
+            provide: FormFieldMessageComponent,
+            useExisting: forwardRef((() => MockFormFieldMessageComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockFormFieldMessageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-form-field-message',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: FormFieldMessageComponent,
+                            useExisting: forwardRef((() => MockFormFieldMessageComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockFormFieldComponent {
     focus() { }
 }
-MockFormFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-form-field',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: FormFieldComponent,
-                        useExisting: forwardRef(() => MockFormFieldComponent),
-                    },
-                ]
-            },] }
-];
-MockFormFieldComponent.propDecorators = {
-    label: [{ type: Input }],
-    message: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockFormFieldComponent, selector: "kirby-form-field", inputs: { label: "label", message: "message" }, providers: [
+        {
+            provide: FormFieldComponent,
+            useExisting: forwardRef((() => MockFormFieldComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-form-field',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: FormFieldComponent,
+                            useExisting: forwardRef((() => MockFormFieldComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockGridComponent {
 }
-MockGridComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-grid',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: GridComponent,
-                        useExisting: forwardRef(() => MockGridComponent),
-                    },
-                ]
-            },] }
-];
-MockGridComponent.propDecorators = {
-    maxColumns: [{ type: Input }],
-    cardConfigurations: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockGridComponent, selector: "kirby-grid", inputs: { maxColumns: "maxColumns", cardConfigurations: "cardConfigurations" }, providers: [
+        {
+            provide: GridComponent,
+            useExisting: forwardRef((() => MockGridComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockGridComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-grid',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: GridComponent,
+                            useExisting: forwardRef((() => MockGridComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { maxColumns: [{
+                type: Input
+            }], cardConfigurations: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockIconComponent {
 }
-MockIconComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-icon',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: IconComponent,
-                        useExisting: forwardRef(() => MockIconComponent),
-                    },
-                ]
-            },] }
-];
-MockIconComponent.propDecorators = {
-    size: [{ type: Input }],
-    name: [{ type: Input }],
-    customName: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockIconComponent, selector: "kirby-icon", inputs: { size: "size", name: "name", customName: "customName" }, providers: [
+        {
+            provide: IconComponent,
+            useExisting: forwardRef((() => MockIconComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-icon',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: IconComponent,
+                            useExisting: forwardRef((() => MockIconComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], customName: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockInputCounterComponent {
 }
-MockInputCounterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-input-counter',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: InputCounterComponent,
-                        useExisting: forwardRef(() => MockInputCounterComponent),
-                    },
-                ]
-            },] }
-];
-MockInputCounterComponent.propDecorators = {
-    listenTo: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockInputCounterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockInputCounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockInputCounterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockInputCounterComponent, selector: "kirby-input-counter", inputs: { listenTo: "listenTo" }, providers: [
+        {
+            provide: InputCounterComponent,
+            useExisting: forwardRef((() => MockInputCounterComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockInputCounterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-input-counter',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: InputCounterComponent,
+                            useExisting: forwardRef((() => MockInputCounterComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { listenTo: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockInputComponent {
 }
-MockInputComponent.decorators = [
-    { type: Component, args: [{
-                // tslint:disable-next-line: component-selector
-                selector: 'input[kirby-input]',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: InputComponent,
-                        useExisting: forwardRef(() => MockInputComponent),
-                    },
-                ]
-            },] }
-];
-MockInputComponent.propDecorators = {
-    type: [{ type: Input }],
-    size: [{ type: Input }],
-    borderless: [{ type: Input }],
-    hasError: [{ type: Input }],
-    autocomplete: [{ type: Input }],
-    autocorrect: [{ type: Input }],
-    value: [{ type: Input }],
-    maxlength: [{ type: Input }],
-    inputmode: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockInputComponent, selector: "input[kirby-input]", inputs: { type: "type", size: "size", borderless: "borderless", hasError: "hasError", autocomplete: "autocomplete", autocorrect: "autocorrect", value: "value", maxlength: "maxlength", inputmode: "inputmode" }, providers: [
+        {
+            provide: InputComponent,
+            useExisting: forwardRef((() => MockInputComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // tslint:disable-next-line: component-selector
+                    selector: 'input[kirby-input]',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: InputComponent,
+                            useExisting: forwardRef((() => MockInputComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], borderless: [{
+                type: Input
+            }], hasError: [{
+                type: Input
+            }], autocomplete: [{
+                type: Input
+            }], autocorrect: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], inputmode: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockItemGroupComponent {
 }
-MockItemGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-item-group',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ItemGroupComponent,
-                        useExisting: forwardRef(() => MockItemGroupComponent),
-                    },
-                ]
-            },] }
-];
-// #endregion
+/** @nocollapse */ MockItemGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockItemGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockItemGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockItemGroupComponent, selector: "kirby-item-group", providers: [
+        {
+            provide: ItemGroupComponent,
+            useExisting: forwardRef((() => MockItemGroupComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockItemGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-item-group',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ItemGroupComponent,
+                            useExisting: forwardRef((() => MockItemGroupComponent)),
+                        },
+                    ],
+                }]
+        }] });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockItemSlidingComponent {
 }
-MockItemSlidingComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-item-sliding',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ItemSlidingComponent,
-                        useExisting: forwardRef(() => MockItemSlidingComponent),
-                    },
-                ]
-            },] }
-];
-MockItemSlidingComponent.propDecorators = {
-    swipeActions: [{ type: Input }],
-    side: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockItemSlidingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockItemSlidingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockItemSlidingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockItemSlidingComponent, selector: "kirby-item-sliding", inputs: { swipeActions: "swipeActions", side: "side" }, providers: [
+        {
+            provide: ItemSlidingComponent,
+            useExisting: forwardRef((() => MockItemSlidingComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockItemSlidingComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-item-sliding',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ItemSlidingComponent,
+                            useExisting: forwardRef((() => MockItemSlidingComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { swipeActions: [{
+                type: Input
+            }], side: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockItemComponent {
 }
-MockItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-item',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ItemComponent,
-                        useExisting: forwardRef(() => MockItemComponent),
-                    },
-                ]
-            },] }
-];
-MockItemComponent.propDecorators = {
-    disabled: [{ type: Input }],
-    selected: [{ type: Input }],
-    selectable: [{ type: Input }],
-    reorderable: [{ type: Input }],
-    size: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockItemComponent, selector: "kirby-item", inputs: { disabled: "disabled", selected: "selected", selectable: "selectable", reorderable: "reorderable", size: "size" }, providers: [
+        {
+            provide: ItemComponent,
+            useExisting: forwardRef((() => MockItemComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-item',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ItemComponent,
+                            useExisting: forwardRef((() => MockItemComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], reorderable: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockLabelComponent {
 }
-MockLabelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-label',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: LabelComponent,
-                        useExisting: forwardRef(() => MockLabelComponent),
-                    },
-                ]
-            },] }
-];
-MockLabelComponent.propDecorators = {
-    direction: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockLabelComponent, selector: "kirby-label", inputs: { direction: "direction" }, providers: [
+        {
+            provide: LabelComponent,
+            useExisting: forwardRef((() => MockLabelComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-label',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: LabelComponent,
+                            useExisting: forwardRef((() => MockLabelComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { direction: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockListExperimentalComponent {
 }
-MockListExperimentalComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-list-experimental',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ListExperimentalComponent,
-                        useExisting: forwardRef(() => MockListExperimentalComponent),
-                    },
-                ]
-            },] }
-];
-// #endregion
+/** @nocollapse */ MockListExperimentalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockListExperimentalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockListExperimentalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockListExperimentalComponent, selector: "kirby-list-experimental", providers: [
+        {
+            provide: ListExperimentalComponent,
+            useExisting: forwardRef((() => MockListExperimentalComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockListExperimentalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-list-experimental',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ListExperimentalComponent,
+                            useExisting: forwardRef((() => MockListExperimentalComponent)),
+                        },
+                    ],
+                }]
+        }] });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockListHeaderComponent {
 }
-MockListHeaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-list-header',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ListHeaderComponent,
-                        useExisting: forwardRef(() => MockListHeaderComponent),
-                    },
-                ]
-            },] }
-];
-// #endregion
+/** @nocollapse */ MockListHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockListHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockListHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockListHeaderComponent, selector: "kirby-list-header", providers: [
+        {
+            provide: ListHeaderComponent,
+            useExisting: forwardRef((() => MockListHeaderComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockListHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-list-header',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ListHeaderComponent,
+                            useExisting: forwardRef((() => MockListHeaderComponent)),
+                        },
+                    ],
+                }]
+        }] });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockListItemComponent {
@@ -710,50 +993,70 @@ class MockListItemComponent {
         this.swipeActionSelect = new EventEmitter();
     }
 }
-MockListItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-list-item',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ListItemComponent,
-                        useExisting: forwardRef(() => MockListItemComponent),
-                    },
-                ]
-            },] }
-];
-MockListItemComponent.propDecorators = {
-    item: [{ type: Input }],
-    boundaryClass: [{ type: Input }],
-    swipeActions: [{ type: Input }],
-    itemTemplate: [{ type: Input }],
-    isSelected: [{ type: Input }],
-    isSelectable: [{ type: Input }],
-    getItemColor: [{ type: Input }],
-    itemSelect: [{ type: Output }],
-    swipeActionSelect: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockListItemComponent, selector: "kirby-list-item", inputs: { item: "item", boundaryClass: "boundaryClass", swipeActions: "swipeActions", itemTemplate: "itemTemplate", isSelected: "isSelected", isSelectable: "isSelectable", getItemColor: "getItemColor" }, outputs: { itemSelect: "itemSelect", swipeActionSelect: "swipeActionSelect" }, providers: [
+        {
+            provide: ListItemComponent,
+            useExisting: forwardRef((() => MockListItemComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockListItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-list-item',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ListItemComponent,
+                            useExisting: forwardRef((() => MockListItemComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { item: [{
+                type: Input
+            }], boundaryClass: [{
+                type: Input
+            }], swipeActions: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], isSelected: [{
+                type: Input
+            }], isSelectable: [{
+                type: Input
+            }], getItemColor: [{
+                type: Input
+            }], itemSelect: [{
+                type: Output
+            }], swipeActionSelect: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockListSectionHeaderComponent {
 }
-MockListSectionHeaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-list-section-header',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ListSectionHeaderComponent,
-                        useExisting: forwardRef(() => MockListSectionHeaderComponent),
-                    },
-                ]
-            },] }
-];
-MockListSectionHeaderComponent.propDecorators = {
-    title: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockListSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockListSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockListSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockListSectionHeaderComponent, selector: "kirby-list-section-header", inputs: { title: "title" }, providers: [
+        {
+            provide: ListSectionHeaderComponent,
+            useExisting: forwardRef((() => MockListSectionHeaderComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockListSectionHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-list-section-header',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ListSectionHeaderComponent,
+                            useExisting: forwardRef((() => MockListSectionHeaderComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { title: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockListComponent {
@@ -762,213 +1065,337 @@ class MockListComponent {
         this.itemSelect = new EventEmitter();
     }
 }
-MockListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-list',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ListComponent,
-                        useExisting: forwardRef(() => MockListComponent),
-                    },
-                ]
-            },] }
-];
-MockListComponent.propDecorators = {
-    items: [{ type: Input }],
-    getItemColor: [{ type: Input }],
-    getSectionName: [{ type: Input }],
-    trackBy: [{ type: Input }],
-    noMoreItemsText: [{ type: Input }],
-    showDivider: [{ type: Input }],
-    markSelectedRow: [{ type: Input }],
-    shape: [{ type: Input }],
-    hasItemSpacing: [{ type: Input }],
-    isLoadOnDemandEnabled: [{ type: Input }],
-    loadOnDemand: [{ type: Output }],
-    swipeActions: [{ type: Input }],
-    itemSelect: [{ type: Output }],
-    disableSelectionHighlight: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockListComponent, selector: "kirby-list", inputs: { items: "items", getItemColor: "getItemColor", getSectionName: "getSectionName", trackBy: "trackBy", noMoreItemsText: "noMoreItemsText", showDivider: "showDivider", markSelectedRow: "markSelectedRow", shape: "shape", hasItemSpacing: "hasItemSpacing", isLoadOnDemandEnabled: "isLoadOnDemandEnabled", swipeActions: "swipeActions", disableSelectionHighlight: "disableSelectionHighlight" }, outputs: { loadOnDemand: "loadOnDemand", itemSelect: "itemSelect" }, providers: [
+        {
+            provide: ListComponent,
+            useExisting: forwardRef((() => MockListComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-list',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ListComponent,
+                            useExisting: forwardRef((() => MockListComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], getItemColor: [{
+                type: Input
+            }], getSectionName: [{
+                type: Input
+            }], trackBy: [{
+                type: Input
+            }], noMoreItemsText: [{
+                type: Input
+            }], showDivider: [{
+                type: Input
+            }], markSelectedRow: [{
+                type: Input
+            }], shape: [{
+                type: Input
+            }], hasItemSpacing: [{
+                type: Input
+            }], isLoadOnDemandEnabled: [{
+                type: Input
+            }], loadOnDemand: [{
+                type: Output
+            }], swipeActions: [{
+                type: Input
+            }], itemSelect: [{
+                type: Output
+            }], disableSelectionHighlight: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockLoadingOverlayComponent {
 }
-MockLoadingOverlayComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-loading-overlay',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: LoadingOverlayComponent,
-                        useExisting: forwardRef(() => MockLoadingOverlayComponent),
-                    },
-                ]
-            },] }
-];
-MockLoadingOverlayComponent.propDecorators = {
-    isLoading: [{ type: Input }],
-    showBackdrop: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockLoadingOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockLoadingOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockLoadingOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockLoadingOverlayComponent, selector: "kirby-loading-overlay", inputs: { isLoading: "isLoading", showBackdrop: "showBackdrop" }, providers: [
+        {
+            provide: LoadingOverlayComponent,
+            useExisting: forwardRef((() => MockLoadingOverlayComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockLoadingOverlayComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-loading-overlay',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: LoadingOverlayComponent,
+                            useExisting: forwardRef((() => MockLoadingOverlayComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { isLoading: [{
+                type: Input
+            }], showBackdrop: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockModalFooterComponent {
 }
-MockModalFooterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-modal-footer',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ModalFooterComponent,
-                        useExisting: forwardRef(() => MockModalFooterComponent),
-                    },
-                ]
-            },] }
-];
-MockModalFooterComponent.propDecorators = {
-    snapToKeyboard: [{ type: Input }],
-    type: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockModalFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockModalFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockModalFooterComponent, selector: "kirby-modal-footer", inputs: { snapToKeyboard: "snapToKeyboard", type: "type" }, providers: [
+        {
+            provide: ModalFooterComponent,
+            useExisting: forwardRef((() => MockModalFooterComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockModalFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-modal-footer',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ModalFooterComponent,
+                            useExisting: forwardRef((() => MockModalFooterComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { snapToKeyboard: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockPageFooterComponent {
 }
-MockPageFooterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-page-footer',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: PageFooterComponent,
-                        useExisting: forwardRef(() => MockPageFooterComponent),
-                    },
-                ]
-            },] }
-];
-MockPageFooterComponent.propDecorators = {
-    hasPadding: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockPageFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockPageFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockPageFooterComponent, selector: "kirby-page-footer", inputs: { hasPadding: "hasPadding" }, providers: [
+        {
+            provide: PageFooterComponent,
+            useExisting: forwardRef((() => MockPageFooterComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-page-footer',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: PageFooterComponent,
+                            useExisting: forwardRef((() => MockPageFooterComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { hasPadding: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockPageTitleDirective {
 }
-MockPageTitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[kirbyPageTitle]',
-                providers: [
-                    {
-                        provide: PageTitleDirective,
-                        useExisting: forwardRef(() => MockPageTitleDirective),
-                    },
-                ],
-            },] }
-];
+/** @nocollapse */ MockPageTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ MockPageTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MockPageTitleDirective, selector: "[kirbyPageTitle]", providers: [
+        {
+            provide: PageTitleDirective,
+            useExisting: forwardRef((() => MockPageTitleDirective)),
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kirbyPageTitle]',
+                    providers: [
+                        {
+                            provide: PageTitleDirective,
+                            useExisting: forwardRef((() => MockPageTitleDirective)),
+                        },
+                    ],
+                }]
+        }] });
+class MockPageSubtitleDirective {
+}
+/** @nocollapse */ MockPageSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ MockPageSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MockPageSubtitleDirective, selector: "[kirbyPageSubtitle]", providers: [
+        {
+            provide: PageSubtitleDirective,
+            useExisting: forwardRef((() => MockPageSubtitleDirective)),
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageSubtitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kirbyPageSubtitle]',
+                    providers: [
+                        {
+                            provide: PageSubtitleDirective,
+                            useExisting: forwardRef((() => MockPageSubtitleDirective)),
+                        },
+                    ],
+                }]
+        }] });
 class MockPageToolbarTitleDirective {
 }
-MockPageToolbarTitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[kirbyPageToolbarTitle]',
-                providers: [
-                    {
-                        provide: PageToolbarTitleDirective,
-                        useExisting: forwardRef(() => MockPageToolbarTitleDirective),
-                    },
-                ],
-            },] }
-];
+/** @nocollapse */ MockPageToolbarTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageToolbarTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ MockPageToolbarTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MockPageToolbarTitleDirective, selector: "[kirbyPageToolbarTitle]", providers: [
+        {
+            provide: PageToolbarTitleDirective,
+            useExisting: forwardRef((() => MockPageToolbarTitleDirective)),
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageToolbarTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kirbyPageToolbarTitle]',
+                    providers: [
+                        {
+                            provide: PageToolbarTitleDirective,
+                            useExisting: forwardRef((() => MockPageToolbarTitleDirective)),
+                        },
+                    ],
+                }]
+        }] });
 class MockPageActionsDirective {
 }
-MockPageActionsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[kirbyPageActions]',
-                providers: [
-                    {
-                        provide: PageActionsDirective,
-                        useExisting: forwardRef(() => MockPageActionsDirective),
-                    },
-                ],
-            },] }
-];
-MockPageActionsDirective.propDecorators = {
-    config: [{ type: Input, args: ['kirbyPageActions',] }]
-};
+/** @nocollapse */ MockPageActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ MockPageActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MockPageActionsDirective, selector: "[kirbyPageActions]", inputs: { config: ["kirbyPageActions", "config"] }, providers: [
+        {
+            provide: PageActionsDirective,
+            useExisting: forwardRef((() => MockPageActionsDirective)),
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kirbyPageActions]',
+                    providers: [
+                        {
+                            provide: PageActionsDirective,
+                            useExisting: forwardRef((() => MockPageActionsDirective)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { config: [{
+                type: Input,
+                args: ['kirbyPageActions']
+            }] } });
 class MockPageContentDirective {
 }
-MockPageContentDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[kirbyPageContent]',
-                providers: [
-                    {
-                        provide: PageContentDirective,
-                        useExisting: forwardRef(() => MockPageContentDirective),
-                    },
-                ],
-            },] }
-];
-MockPageContentDirective.propDecorators = {
-    config: [{ type: Input, args: ['kirbyPageContent',] }]
-};
+/** @nocollapse */ MockPageContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ MockPageContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MockPageContentDirective, selector: "[kirbyPageContent]", inputs: { config: ["kirbyPageContent", "config"] }, providers: [
+        {
+            provide: PageContentDirective,
+            useExisting: forwardRef((() => MockPageContentDirective)),
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kirbyPageContent]',
+                    providers: [
+                        {
+                            provide: PageContentDirective,
+                            useExisting: forwardRef((() => MockPageContentDirective)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { config: [{
+                type: Input,
+                args: ['kirbyPageContent']
+            }] } });
 class MockPageProgressComponent {
 }
-MockPageProgressComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-page-progress',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: PageProgressComponent,
-                        useExisting: forwardRef(() => MockPageProgressComponent),
-                    },
-                ]
-            },] }
-];
+/** @nocollapse */ MockPageProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockPageProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockPageProgressComponent, selector: "kirby-page-progress", providers: [
+        {
+            provide: PageProgressComponent,
+            useExisting: forwardRef((() => MockPageProgressComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageProgressComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-page-progress',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: PageProgressComponent,
+                            useExisting: forwardRef((() => MockPageProgressComponent)),
+                        },
+                    ],
+                }]
+        }] });
 class MockPageTitleComponent {
 }
-MockPageTitleComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-page-title',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: PageTitleComponent,
-                        useExisting: forwardRef(() => MockPageTitleComponent),
-                    },
-                ]
-            },] }
-];
+/** @nocollapse */ MockPageTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockPageTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockPageTitleComponent, selector: "kirby-page-title", providers: [
+        {
+            provide: PageTitleComponent,
+            useExisting: forwardRef((() => MockPageTitleComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-page-title',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: PageTitleComponent,
+                            useExisting: forwardRef((() => MockPageTitleComponent)),
+                        },
+                    ],
+                }]
+        }] });
 class MockPageContentComponent {
 }
-MockPageContentComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-page-content',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: PageContentComponent,
-                        useExisting: forwardRef(() => MockPageContentComponent),
-                    },
-                ]
-            },] }
-];
+/** @nocollapse */ MockPageContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockPageContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockPageContentComponent, selector: "kirby-page-content", providers: [
+        {
+            provide: PageContentComponent,
+            useExisting: forwardRef((() => MockPageContentComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-page-content',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: PageContentComponent,
+                            useExisting: forwardRef((() => MockPageContentComponent)),
+                        },
+                    ],
+                }]
+        }] });
 class MockPageActionsComponent {
 }
-MockPageActionsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-page-actions',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: PageActionsComponent,
-                        useExisting: forwardRef(() => MockPageActionsComponent),
-                    },
-                ]
-            },] }
-];
+/** @nocollapse */ MockPageActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockPageActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockPageActionsComponent, selector: "kirby-page-actions", providers: [
+        {
+            provide: PageActionsComponent,
+            useExisting: forwardRef((() => MockPageActionsComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-page-actions',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: PageActionsComponent,
+                            useExisting: forwardRef((() => MockPageActionsComponent)),
+                        },
+                    ],
+                }]
+        }] });
 class MockPageComponent {
     constructor() {
         this.enter = new EventEmitter();
@@ -976,31 +1403,48 @@ class MockPageComponent {
         this.refresh = new EventEmitter();
     }
 }
-MockPageComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-page',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: PageComponent,
-                        useExisting: forwardRef(() => MockPageComponent),
-                    },
-                ]
-            },] }
-];
-MockPageComponent.propDecorators = {
-    title: [{ type: Input }],
-    toolbarTitle: [{ type: Input }],
-    titleAlignment: [{ type: Input }],
-    defaultBackHref: [{ type: Input }],
-    hideBackButton: [{ type: Input }],
-    titleMaxLines: [{ type: Input }],
-    tabBarBottomHidden: [{ type: Input }],
-    enter: [{ type: Output }],
-    leave: [{ type: Output }],
-    refresh: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockPageComponent, selector: "kirby-page", inputs: { title: "title", subtitle: "subtitle", toolbarTitle: "toolbarTitle", titleAlignment: "titleAlignment", defaultBackHref: "defaultBackHref", hideBackButton: "hideBackButton", titleMaxLines: "titleMaxLines", tabBarBottomHidden: "tabBarBottomHidden" }, outputs: { enter: "enter", leave: "leave", refresh: "refresh" }, providers: [
+        {
+            provide: PageComponent,
+            useExisting: forwardRef((() => MockPageComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-page',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: PageComponent,
+                            useExisting: forwardRef((() => MockPageComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], toolbarTitle: [{
+                type: Input
+            }], titleAlignment: [{
+                type: Input
+            }], defaultBackHref: [{
+                type: Input
+            }], hideBackButton: [{
+                type: Input
+            }], titleMaxLines: [{
+                type: Input
+            }], tabBarBottomHidden: [{
+                type: Input
+            }], enter: [{
+                type: Output
+            }], leave: [{
+                type: Output
+            }], refresh: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockPopoverComponent {
@@ -1008,46 +1452,62 @@ class MockPopoverComponent {
         this.willHide = new EventEmitter();
     }
 }
-MockPopoverComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-popover',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: PopoverComponent,
-                        useExisting: forwardRef(() => MockPopoverComponent),
-                    },
-                ]
-            },] }
-];
-MockPopoverComponent.propDecorators = {
-    popout: [{ type: Input }],
-    target: [{ type: Input }],
-    willHide: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockPopoverComponent, selector: "kirby-popover", inputs: { popout: "popout", target: "target" }, outputs: { willHide: "willHide" }, providers: [
+        {
+            provide: PopoverComponent,
+            useExisting: forwardRef((() => MockPopoverComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockPopoverComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-popover',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: PopoverComponent,
+                            useExisting: forwardRef((() => MockPopoverComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { popout: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], willHide: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockProgressCircleComponent {
 }
-MockProgressCircleComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-progress-circle',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ProgressCircleComponent,
-                        useExisting: forwardRef(() => MockProgressCircleComponent),
-                    },
-                ]
-            },] }
-];
-MockProgressCircleComponent.propDecorators = {
-    value: [{ type: Input }],
-    size: [{ type: Input }],
-    themeColor: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockProgressCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockProgressCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockProgressCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockProgressCircleComponent, selector: "kirby-progress-circle", inputs: { value: "value", size: "size", themeColor: "themeColor" }, providers: [
+        {
+            provide: ProgressCircleComponent,
+            useExisting: forwardRef((() => MockProgressCircleComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockProgressCircleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-progress-circle',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ProgressCircleComponent,
+                            useExisting: forwardRef((() => MockProgressCircleComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockRadioGroupComponent {
@@ -1055,52 +1515,74 @@ class MockRadioGroupComponent {
         this.valueChange = new EventEmitter();
     }
 }
-MockRadioGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-radio-group',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: RadioGroupComponent,
-                        useExisting: forwardRef(() => MockRadioGroupComponent),
-                    },
-                ]
-            },] }
-];
-MockRadioGroupComponent.propDecorators = {
-    disabled: [{ type: Input }],
-    hasError: [{ type: Input }],
-    items: [{ type: Input }],
-    itemTextProperty: [{ type: Input }],
-    itemDisabledProperty: [{ type: Input }],
-    selectedIndex: [{ type: Input }],
-    value: [{ type: Input }],
-    valueChange: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockRadioGroupComponent, selector: "kirby-radio-group", inputs: { disabled: "disabled", hasError: "hasError", items: "items", itemTextProperty: "itemTextProperty", itemDisabledProperty: "itemDisabledProperty", selectedIndex: "selectedIndex", value: "value" }, outputs: { valueChange: "valueChange" }, providers: [
+        {
+            provide: RadioGroupComponent,
+            useExisting: forwardRef((() => MockRadioGroupComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockRadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-radio-group',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: RadioGroupComponent,
+                            useExisting: forwardRef((() => MockRadioGroupComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], hasError: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], itemTextProperty: [{
+                type: Input
+            }], itemDisabledProperty: [{
+                type: Input
+            }], selectedIndex: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockRadioComponent {
 }
-MockRadioComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-radio',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: RadioComponent,
-                        useExisting: forwardRef(() => MockRadioComponent),
-                    },
-                ]
-            },] }
-];
-MockRadioComponent.propDecorators = {
-    value: [{ type: Input }],
-    text: [{ type: Input }],
-    size: [{ type: Input }],
-    disabled: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockRadioComponent, selector: "kirby-radio", inputs: { value: "value", text: "text", size: "size", disabled: "disabled" }, providers: [
+        {
+            provide: RadioComponent,
+            useExisting: forwardRef((() => MockRadioComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockRadioComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-radio',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: RadioComponent,
+                            useExisting: forwardRef((() => MockRadioComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockRangeComponent {
@@ -1112,32 +1594,48 @@ class MockRangeComponent {
     registerOnTouched() { }
     registerOnChange() { }
 }
-MockRangeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-range',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: RangeComponent,
-                        useExisting: forwardRef(() => MockRangeComponent),
-                    },
-                ]
-            },] }
-];
-MockRangeComponent.propDecorators = {
-    minLabel: [{ type: Input }],
-    maxLabel: [{ type: Input }],
-    debounce: [{ type: Input }],
-    max: [{ type: Input }],
-    min: [{ type: Input }],
-    pin: [{ type: Input }],
-    step: [{ type: Input }],
-    ticks: [{ type: Input }],
-    disabled: [{ type: Input }],
-    value: [{ type: Input }],
-    change: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockRangeComponent, selector: "kirby-range", inputs: { minLabel: "minLabel", maxLabel: "maxLabel", debounce: "debounce", max: "max", min: "min", pin: "pin", step: "step", ticks: "ticks", disabled: "disabled", value: "value" }, outputs: { change: "change" }, providers: [
+        {
+            provide: RangeComponent,
+            useExisting: forwardRef((() => MockRangeComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockRangeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-range',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: RangeComponent,
+                            useExisting: forwardRef((() => MockRangeComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { minLabel: [{
+                type: Input
+            }], maxLabel: [{
+                type: Input
+            }], debounce: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], pin: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], ticks: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockReorderListComponent {
@@ -1146,63 +1644,86 @@ class MockReorderListComponent {
         this.subItemReorder = new EventEmitter();
     }
 }
-MockReorderListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-reorder-list',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ReorderListComponent,
-                        useExisting: forwardRef(() => MockReorderListComponent),
-                    },
-                ]
-            },] }
-];
-MockReorderListComponent.propDecorators = {
-    items: [{ type: Input }],
-    subItemsName: [{ type: Input }],
-    getItemTextDefault: [{ type: Input }],
-    itemReorder: [{ type: Output }],
-    subItemReorder: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockReorderListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockReorderListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockReorderListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockReorderListComponent, selector: "kirby-reorder-list", inputs: { items: "items", subItemsName: "subItemsName", getItemTextDefault: "getItemTextDefault" }, outputs: { itemReorder: "itemReorder", subItemReorder: "subItemReorder" }, providers: [
+        {
+            provide: ReorderListComponent,
+            useExisting: forwardRef((() => MockReorderListComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockReorderListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-reorder-list',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ReorderListComponent,
+                            useExisting: forwardRef((() => MockReorderListComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], subItemsName: [{
+                type: Input
+            }], getItemTextDefault: [{
+                type: Input
+            }], itemReorder: [{
+                type: Output
+            }], subItemReorder: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockRouterOutletComponent {
 }
-MockRouterOutletComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-router-outlet',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: RouterOutletComponent,
-                        useExisting: forwardRef(() => MockRouterOutletComponent),
-                    },
-                ]
-            },] }
-];
-MockRouterOutletComponent.propDecorators = {
-    main: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockRouterOutletComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockRouterOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockRouterOutletComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockRouterOutletComponent, selector: "kirby-router-outlet", inputs: { main: "main" }, providers: [
+        {
+            provide: RouterOutletComponent,
+            useExisting: forwardRef((() => MockRouterOutletComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockRouterOutletComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-router-outlet',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: RouterOutletComponent,
+                            useExisting: forwardRef((() => MockRouterOutletComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { main: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockSectionHeaderComponent {
 }
-MockSectionHeaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-section-header',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: SectionHeaderComponent,
-                        useExisting: forwardRef(() => MockSectionHeaderComponent),
-                    },
-                ]
-            },] }
-];
-// #endregion
+/** @nocollapse */ MockSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockSectionHeaderComponent, selector: "kirby-section-header", providers: [
+        {
+            provide: SectionHeaderComponent,
+            useExisting: forwardRef((() => MockSectionHeaderComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSectionHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-section-header',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: SectionHeaderComponent,
+                            useExisting: forwardRef((() => MockSectionHeaderComponent)),
+                        },
+                    ],
+                }]
+        }] });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockSegmentedControlComponent {
@@ -1210,27 +1731,38 @@ class MockSegmentedControlComponent {
         this.segmentSelect = new EventEmitter();
     }
 }
-MockSegmentedControlComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-segmented-control',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: SegmentedControlComponent,
-                        useExisting: forwardRef(() => MockSegmentedControlComponent),
-                    },
-                ]
-            },] }
-];
-MockSegmentedControlComponent.propDecorators = {
-    mode: [{ type: Input }],
-    items: [{ type: Input }],
-    selectedIndex: [{ type: Input }],
-    value: [{ type: Input }],
-    size: [{ type: Input }],
-    segmentSelect: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockSegmentedControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockSegmentedControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockSegmentedControlComponent, selector: "kirby-segmented-control", inputs: { mode: "mode", items: "items", selectedIndex: "selectedIndex", value: "value", size: "size" }, outputs: { segmentSelect: "segmentSelect" }, providers: [
+        {
+            provide: SegmentedControlComponent,
+            useExisting: forwardRef((() => MockSegmentedControlComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSegmentedControlComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-segmented-control',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: SegmentedControlComponent,
+                            useExisting: forwardRef((() => MockSegmentedControlComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { mode: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], selectedIndex: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], segmentSelect: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockSlideButtonComponent {
@@ -1239,42 +1771,106 @@ class MockSlideButtonComponent {
         this.slidingPercentageChanged = new EventEmitter();
     }
 }
-MockSlideButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-slide-button',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: SlideButtonComponent,
-                        useExisting: forwardRef(() => MockSlideButtonComponent),
-                    },
-                ]
-            },] }
-];
-MockSlideButtonComponent.propDecorators = {
-    text: [{ type: Input }],
-    expand: [{ type: Input }],
-    slideDone: [{ type: Output }],
-    slidingPercentageChanged: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockSlideButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSlideButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockSlideButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockSlideButtonComponent, selector: "kirby-slide-button", inputs: { text: "text", expand: "expand" }, outputs: { slideDone: "slideDone", slidingPercentageChanged: "slidingPercentageChanged" }, providers: [
+        {
+            provide: SlideButtonComponent,
+            useExisting: forwardRef((() => MockSlideButtonComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSlideButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-slide-button',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: SlideButtonComponent,
+                            useExisting: forwardRef((() => MockSlideButtonComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], expand: [{
+                type: Input
+            }], slideDone: [{
+                type: Output
+            }], slidingPercentageChanged: [{
+                type: Output
+            }] } });
+
+class MockSlideDirective {
+}
+/** @nocollapse */ MockSlideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSlideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ MockSlideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MockSlideDirective, selector: "[kirbySlide]", providers: [
+        {
+            provide: SlideDirective,
+            useExisting: forwardRef((() => MockSlideDirective)),
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSlideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kirbySlide]',
+                    providers: [
+                        {
+                            provide: SlideDirective,
+                            useExisting: forwardRef((() => MockSlideDirective)),
+                        },
+                    ],
+                }]
+        }] });
+class MockSlidesComponent {
+}
+/** @nocollapse */ MockSlidesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSlidesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockSlidesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockSlidesComponent, selector: "kirby-slides", inputs: { slidesOptions: "slidesOptions", slides: "slides" }, providers: [
+        {
+            provide: SlidesComponent,
+            useExisting: forwardRef((() => MockSlidesComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSlidesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-slides',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: SlidesComponent,
+                            useExisting: forwardRef((() => MockSlidesComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { slidesOptions: [{
+                type: Input
+            }], slides: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockSpinnerComponent {
 }
-MockSpinnerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-spinner',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: SpinnerComponent,
-                        useExisting: forwardRef(() => MockSpinnerComponent),
-                    },
-                ]
-            },] }
-];
-// #endregion
+/** @nocollapse */ MockSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockSpinnerComponent, selector: "kirby-spinner", providers: [
+        {
+            provide: SpinnerComponent,
+            useExisting: forwardRef((() => MockSpinnerComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-spinner',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: SpinnerComponent,
+                            useExisting: forwardRef((() => MockSpinnerComponent)),
+                        },
+                    ],
+                }]
+        }] });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockTabButtonComponent {
@@ -1282,66 +1878,91 @@ class MockTabButtonComponent {
         this.click = new EventEmitter();
     }
 }
-MockTabButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-tab-button',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: TabButtonComponent,
-                        useExisting: forwardRef(() => MockTabButtonComponent),
-                    },
-                ]
-            },] }
-];
-MockTabButtonComponent.propDecorators = {
-    routerLink: [{ type: Input }],
-    click: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockTabButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockTabButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockTabButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockTabButtonComponent, selector: "kirby-tab-button", inputs: { routerLink: "routerLink" }, outputs: { click: "click" }, providers: [
+        {
+            provide: TabButtonComponent,
+            useExisting: forwardRef((() => MockTabButtonComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockTabButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-tab-button',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: TabButtonComponent,
+                            useExisting: forwardRef((() => MockTabButtonComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { routerLink: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockTabsComponent {
 }
-MockTabsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-tab-bar',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: TabsComponent,
-                        useExisting: forwardRef(() => MockTabsComponent),
-                    },
-                ]
-            },] }
-];
-// #endregion
+/** @nocollapse */ MockTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockTabsComponent, selector: "kirby-tab-bar", providers: [
+        {
+            provide: TabsComponent,
+            useExisting: forwardRef((() => MockTabsComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockTabsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-tab-bar',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: TabsComponent,
+                            useExisting: forwardRef((() => MockTabsComponent)),
+                        },
+                    ],
+                }]
+        }] });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockTextareaComponent {
 }
-MockTextareaComponent.decorators = [
-    { type: Component, args: [{
-                // tslint:disable-next-line: component-selector
-                selector: 'textarea[kirby-textarea]',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: TextareaComponent,
-                        useExisting: forwardRef(() => MockTextareaComponent),
-                    },
-                ]
-            },] }
-];
-MockTextareaComponent.propDecorators = {
-    value: [{ type: Input }],
-    borderless: [{ type: Input }],
-    hasError: [{ type: Input }],
-    autocomplete: [{ type: Input }],
-    autocorrect: [{ type: Input }],
-    maxlength: [{ type: Input }]
-};
-// #endregion
+/** @nocollapse */ MockTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockTextareaComponent, selector: "textarea[kirby-textarea]", inputs: { value: "value", borderless: "borderless", hasError: "hasError", autocomplete: "autocomplete", autocorrect: "autocorrect", maxlength: "maxlength" }, providers: [
+        {
+            provide: TextareaComponent,
+            useExisting: forwardRef((() => MockTextareaComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockTextareaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // tslint:disable-next-line: component-selector
+                    selector: 'textarea[kirby-textarea]',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: TextareaComponent,
+                            useExisting: forwardRef((() => MockTextareaComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], borderless: [{
+                type: Input
+            }], hasError: [{
+                type: Input
+            }], autocomplete: [{
+                type: Input
+            }], autocorrect: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockToggleButtonComponent {
@@ -1349,23 +1970,30 @@ class MockToggleButtonComponent {
         this.checkChanged = new EventEmitter();
     }
 }
-MockToggleButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-toggle-button',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ToggleButtonComponent,
-                        useExisting: forwardRef(() => MockToggleButtonComponent),
-                    },
-                ]
-            },] }
-];
-MockToggleButtonComponent.propDecorators = {
-    checked: [{ type: Input }],
-    checkChanged: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockToggleButtonComponent, selector: "kirby-toggle-button", inputs: { checked: "checked" }, outputs: { checkChanged: "checkChanged" }, providers: [
+        {
+            provide: ToggleButtonComponent,
+            useExisting: forwardRef((() => MockToggleButtonComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockToggleButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-toggle-button',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ToggleButtonComponent,
+                            useExisting: forwardRef((() => MockToggleButtonComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { checked: [{
+                type: Input
+            }], checkChanged: [{
+                type: Output
+            }] } });
 
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockToggleComponent {
@@ -1373,24 +2001,139 @@ class MockToggleComponent {
         this.checkedChange = new EventEmitter();
     }
 }
-MockToggleComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kirby-toggle',
-                template: '<ng-content></ng-content>',
-                providers: [
-                    {
-                        provide: ToggleComponent,
-                        useExisting: forwardRef(() => MockToggleComponent),
-                    },
-                ]
-            },] }
-];
-MockToggleComponent.propDecorators = {
-    checked: [{ type: Input }],
-    disabled: [{ type: Input }],
-    checkedChange: [{ type: Output }]
-};
-// #endregion
+/** @nocollapse */ MockToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockToggleComponent, selector: "kirby-toggle", inputs: { checked: "checked", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, providers: [
+        {
+            provide: ToggleComponent,
+            useExisting: forwardRef((() => MockToggleComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockToggleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-toggle',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: ToggleComponent,
+                            useExisting: forwardRef((() => MockToggleComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { checked: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], checkedChange: [{
+                type: Output
+            }] } });
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+class MockBadgeComponent {
+}
+/** @nocollapse */ MockBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ MockBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MockBadgeComponent, selector: "kirby-badge", inputs: { size: "size", text: "text", themeColor: "themeColor" }, providers: [
+        {
+            provide: BadgeComponent,
+            useExisting: forwardRef((() => MockBadgeComponent)),
+        },
+    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockBadgeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kirby-badge',
+                    template: '<ng-content></ng-content>',
+                    providers: [
+                        {
+                            provide: BadgeComponent,
+                            useExisting: forwardRef((() => MockBadgeComponent)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }] } });
+
+class MockAccordionDirective {
+}
+/** @nocollapse */ MockAccordionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockAccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ MockAccordionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MockAccordionDirective, selector: "[kirbyAccordion], kirby-accordion", providers: [
+        {
+            provide: AccordionDirective,
+            useExisting: forwardRef((() => MockAccordionDirective)),
+        },
+    ], exportAs: ["kirby-accordion"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockAccordionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kirbyAccordion], kirby-accordion',
+                    exportAs: 'kirby-accordion',
+                    providers: [
+                        {
+                            provide: AccordionDirective,
+                            useExisting: forwardRef((() => MockAccordionDirective)),
+                        },
+                    ],
+                }]
+        }] });
+
+class MockFitHeadingDirective {
+}
+/** @nocollapse */ MockFitHeadingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockFitHeadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ MockFitHeadingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MockFitHeadingDirective, selector: "h1[kirbyFitHeading],\n             h2[kirbyFitHeading],\n             h3[kirbyFitHeading]", inputs: { config: ["kirbyFitHeading", "config"] }, providers: [
+        {
+            provide: FitHeadingDirective,
+            useExisting: forwardRef((() => MockFitHeadingDirective)),
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockFitHeadingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `h1[kirbyFitHeading],
+             h2[kirbyFitHeading],
+             h3[kirbyFitHeading]`,
+                    providers: [
+                        {
+                            provide: FitHeadingDirective,
+                            useExisting: forwardRef((() => MockFitHeadingDirective)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { config: [{
+                type: Input,
+                args: ['kirbyFitHeading']
+            }] } });
+
+class MockThemeColorDirective {
+}
+/** @nocollapse */ MockThemeColorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockThemeColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ MockThemeColorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MockThemeColorDirective, selector: "kirby-card[themeColor],\n             kirby-icon[themeColor],\n             kirby-empty-state[themeColor]", inputs: { themeColor: "themeColor" }, providers: [
+        {
+            provide: ThemeColorDirective,
+            useExisting: forwardRef((() => MockThemeColorDirective)),
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MockThemeColorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // tslint:disable-next-line:directive-selector
+                    selector: `kirby-card[themeColor],
+             kirby-icon[themeColor],
+             kirby-empty-state[themeColor]`,
+                    providers: [
+                        {
+                            provide: ThemeColorDirective,
+                            useExisting: forwardRef((() => MockThemeColorDirective)),
+                        },
+                    ],
+                }]
+        }], propDecorators: { themeColor: [{
+                type: Input
+            }] } });
 
 // AUTO-GENERATED - PLEASE DON'T EDIT THIS FILE MANUALLY
 const MOCK_COMPONENTS = [
@@ -1432,6 +2175,7 @@ const MOCK_COMPONENTS = [
     MockModalFooterComponent,
     MockPageFooterComponent,
     MockPageTitleDirective,
+    MockPageSubtitleDirective,
     MockPageToolbarTitleDirective,
     MockPageActionsDirective,
     MockPageContentDirective,
@@ -1455,62 +2199,9 @@ const MOCK_COMPONENTS = [
     MockTabsComponent,
     MockToggleComponent,
     MockToggleButtonComponent,
+    MockBadgeComponent,
 ];
 
-class MockAccordionDirective {
-}
-MockAccordionDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[kirbyAccordion], kirby-accordion',
-                exportAs: 'kirby-accordion',
-                providers: [
-                    {
-                        provide: AccordionDirective,
-                        useExisting: forwardRef(() => MockAccordionDirective),
-                    },
-                ],
-            },] }
-];
-
-class MockFitHeadingDirective {
-}
-MockFitHeadingDirective.decorators = [
-    { type: Directive, args: [{
-                selector: `h1[kirbyFitHeading],
-             h2[kirbyFitHeading],
-             h3[kirbyFitHeading]`,
-                providers: [
-                    {
-                        provide: FitHeadingDirective,
-                        useExisting: forwardRef(() => MockFitHeadingDirective),
-                    },
-                ],
-            },] }
-];
-MockFitHeadingDirective.propDecorators = {
-    config: [{ type: Input, args: ['kirbyFitHeading',] }]
-};
-
-class MockThemeColorDirective {
-}
-MockThemeColorDirective.decorators = [
-    { type: Directive, args: [{
-                // tslint:disable-next-line:directive-selector
-                selector: `kirby-card[themeColor],
-             kirby-icon[themeColor],
-             kirby-empty-state[themeColor]`,
-                providers: [
-                    {
-                        provide: ThemeColorDirective,
-                        useExisting: forwardRef(() => MockThemeColorDirective),
-                    },
-                ],
-            },] }
-];
-MockThemeColorDirective.propDecorators = {
-    themeColor: [{ type: Input }]
-};
-
 const MOCK_DIRECTIVES = [
     MockThemeColorDirective,
     MockFitHeadingDirective,
@@ -1519,16 +2210,20 @@ const MOCK_DIRECTIVES = [
 
 class KirbyTestingBaseModule {
 }
-KirbyTestingBaseModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [MOCK_COMPONENTS, MOCK_DIRECTIVES],
-                exports: [MOCK_COMPONENTS, MOCK_DIRECTIVES],
-            },] }
-];
+/** @nocollapse */ KirbyTestingBaseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KirbyTestingBaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ KirbyTestingBaseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KirbyTestingBaseModule, declarations: [MockAccordionItemComponent, MockAppComponent, MockAvatarComponent, MockButtonComponent, MockCalendarComponent, MockCardFooterComponent, MockCardHeaderComponent, MockCardComponent, MockChartComponent, MockChartDeprecatedComponent, MockCheckboxComponent, MockChipComponent, MockDividerComponent, MockDropdownComponent, MockEmptyStateComponent, MockFabSheetComponent, MockFlagComponent, MockFormFieldMessageComponent, MockFormFieldComponent, MockInputComponent, MockInputCounterComponent, MockTextareaComponent, MockGridComponent, MockIconComponent, MockItemComponent, MockLabelComponent, MockItemGroupComponent, MockItemSlidingComponent, MockListExperimentalComponent, MockListHeaderComponent, MockListItemComponent, MockListSectionHeaderComponent, MockListComponent, MockLoadingOverlayComponent, MockActionSheetComponent, MockModalFooterComponent, MockPageFooterComponent, MockPageTitleDirective, MockPageSubtitleDirective, MockPageToolbarTitleDirective, MockPageActionsDirective, MockPageContentDirective, MockPageProgressComponent, MockPageTitleComponent, MockPageContentComponent, MockPageActionsComponent, MockPageComponent, MockPopoverComponent, MockProgressCircleComponent, MockRadioGroupComponent, MockRadioComponent, MockRangeComponent, MockReorderListComponent, MockRouterOutletComponent, MockSectionHeaderComponent, MockSegmentedControlComponent, MockSlideButtonComponent, MockSpinnerComponent, MockTabButtonComponent, MockTabsComponent, MockToggleComponent, MockToggleButtonComponent, MockBadgeComponent, MockThemeColorDirective, MockFitHeadingDirective, MockAccordionDirective], exports: [MockAccordionItemComponent, MockAppComponent, MockAvatarComponent, MockButtonComponent, MockCalendarComponent, MockCardFooterComponent, MockCardHeaderComponent, MockCardComponent, MockChartComponent, MockChartDeprecatedComponent, MockCheckboxComponent, MockChipComponent, MockDividerComponent, MockDropdownComponent, MockEmptyStateComponent, MockFabSheetComponent, MockFlagComponent, MockFormFieldMessageComponent, MockFormFieldComponent, MockInputComponent, MockInputCounterComponent, MockTextareaComponent, MockGridComponent, MockIconComponent, MockItemComponent, MockLabelComponent, MockItemGroupComponent, MockItemSlidingComponent, MockListExperimentalComponent, MockListHeaderComponent, MockListItemComponent, MockListSectionHeaderComponent, MockListComponent, MockLoadingOverlayComponent, MockActionSheetComponent, MockModalFooterComponent, MockPageFooterComponent, MockPageTitleDirective, MockPageSubtitleDirective, MockPageToolbarTitleDirective, MockPageActionsDirective, MockPageContentDirective, MockPageProgressComponent, MockPageTitleComponent, MockPageContentComponent, MockPageActionsComponent, MockPageComponent, MockPopoverComponent, MockProgressCircleComponent, MockRadioGroupComponent, MockRadioComponent, MockRangeComponent, MockReorderListComponent, MockRouterOutletComponent, MockSectionHeaderComponent, MockSegmentedControlComponent, MockSlideButtonComponent, MockSpinnerComponent, MockTabButtonComponent, MockTabsComponent, MockToggleComponent, MockToggleButtonComponent, MockBadgeComponent, MockThemeColorDirective, MockFitHeadingDirective, MockAccordionDirective] });
+/** @nocollapse */ KirbyTestingBaseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KirbyTestingBaseModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: KirbyTestingBaseModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MOCK_COMPONENTS, MOCK_DIRECTIVES],
+                    exports: [MOCK_COMPONENTS, MOCK_DIRECTIVES],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { KirbyTestingBaseModule, MOCK_COMPONENTS as ɵa, MockAccordionItemComponent as ɵb, MockLabelComponent as ɵba, MockItemGroupComponent as ɵbb, MockItemSlidingComponent as ɵbc, MockListExperimentalComponent as ɵbd, MockListHeaderComponent as ɵbe, MockListItemComponent as ɵbf, MockListSectionHeaderComponent as ɵbg, MockListComponent as ɵbh, MockLoadingOverlayComponent as ɵbi, MockActionSheetComponent as ɵbj, MockModalFooterComponent as ɵbk, MockPageFooterComponent as ɵbl, MockPageTitleDirective as ɵbm, MockPageToolbarTitleDirective as ɵbn, MockPageActionsDirective as ɵbo, MockPageContentDirective as ɵbp, MockPageProgressComponent as ɵbq, MockPageTitleComponent as ɵbr, MockPageContentComponent as ɵbs, MockPageActionsComponent as ɵbt, MockPageComponent as ɵbu, MockPopoverComponent as ɵbv, MockProgressCircleComponent as ɵbw, MockRadioGroupComponent as ɵbx, MockRadioComponent as ɵby, MockRangeComponent as ɵbz, MockAppComponent as ɵc, MockReorderListComponent as ɵca, MockRouterOutletComponent as ɵcb, MockSectionHeaderComponent as ɵcc, MockSegmentedControlComponent as ɵcd, MockSlideButtonComponent as ɵce, MockSpinnerComponent as ɵcf, MockTabButtonComponent as ɵcg, MockTabsComponent as ɵch, MockToggleComponent as ɵci, MockToggleButtonComponent as ɵcj, MOCK_DIRECTIVES as ɵck, MockThemeColorDirective as ɵcl, MockFitHeadingDirective as ɵcm, MockAccordionDirective as ɵcn, MockAvatarComponent as ɵd, MockButtonComponent as ɵe, MockCalendarComponent as ɵf, MockCardFooterComponent as ɵg, MockCardHeaderComponent as ɵh, MockCardComponent as ɵi, MockChartComponent as ɵj, MockChartDeprecatedComponent as ɵk, MockCheckboxComponent as ɵl, MockChipComponent as ɵm, MockDividerComponent as ɵn, MockDropdownComponent as ɵo, MockEmptyStateComponent as ɵp, MockFabSheetComponent as ɵq, MockFlagComponent as ɵr, MockFormFieldMessageComponent as ɵs, MockFormFieldComponent as ɵt, MockInputComponent as ɵu, MockInputCounterComponent as ɵv, MockTextareaComponent as ɵw, MockGridComponent as ɵx, MockIconComponent as ɵy, MockItemComponent as ɵz };
+export { KirbyTestingBaseModule, MockAccordionDirective, MockAccordionItemComponent, MockActionSheetComponent, MockAppComponent, MockAvatarComponent, MockBadgeComponent, MockButtonComponent, MockCalendarComponent, MockCardComponent, MockCardFooterComponent, MockCardHeaderComponent, MockChartComponent, MockChartDeprecatedComponent, MockCheckboxComponent, MockChipComponent, MockDividerComponent, MockDropdownComponent, MockEmptyStateComponent, MockFabSheetComponent, MockFitHeadingDirective, MockFlagComponent, MockFormFieldComponent, MockFormFieldMessageComponent, MockGridComponent, MockIconComponent, MockInputComponent, MockInputCounterComponent, MockItemComponent, MockItemGroupComponent, MockItemSlidingComponent, MockLabelComponent, MockListComponent, MockListExperimentalComponent, MockListHeaderComponent, MockListItemComponent, MockListSectionHeaderComponent, MockLoadingOverlayComponent, MockModalFooterComponent, MockPageActionsComponent, MockPageActionsDirective, MockPageComponent, MockPageContentComponent, MockPageContentDirective, MockPageFooterComponent, MockPageProgressComponent, MockPageSubtitleDirective, MockPageTitleComponent, MockPageTitleDirective, MockPageToolbarTitleDirective, MockPopoverComponent, MockProgressCircleComponent, MockRadioComponent, MockRadioGroupComponent, MockRangeComponent, MockReorderListComponent, MockRouterOutletComponent, MockSectionHeaderComponent, MockSegmentedControlComponent, MockSlideButtonComponent, MockSlideDirective, MockSlidesComponent, MockSpinnerComponent, MockTabButtonComponent, MockTabsComponent, MockTextareaComponent, MockThemeColorDirective, MockToggleButtonComponent, MockToggleComponent };
 //# sourceMappingURL=kirbydesign-designsystem-testing-base.js.map