@kirbydesign/designsystem 5.3.1 → 6.0.0-rc.2

package/lib/directives/theme-color/theme-color.directive.d.ts

@@ -1,4 +1,5 @@
 import { ThemeColor } from '@kirbydesign/core';
+import * as i0 from "@angular/core";
 export declare class ThemeColorDirective {
     private _isDefault;
     get isDefault(): boolean;
@@ -29,4 +30,6 @@ export declare class ThemeColorDirective {
     private _isBrightnessDark;
     get isBrightnessDark(): boolean;
     set themeColor(value: ThemeColor);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeColorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThemeColorDirective, "kirby-avatar[themeColor],             kirby-card[themeColor],             kirby-icon[themeColor],             kirby-progress-circle-ring[themeColor],             kirby-modal-footer[themeColor],             kirby-empty-state[themeColor]", never, { "themeColor": "themeColor"; }, {}, never>;
 }

package/lib/helpers/line-clamp-helper.d.ts

@@ -1,8 +1,11 @@
 import { Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class LineClampHelper {
     private renderer;
     constructor(renderer: Renderer2);
     setMaxLines(element: Element, maxLines: number): void;
     setLineHeight(element: Element, lineHeight: string): void;
     removeLineClamp(element: Element): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LineClampHelper, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LineClampHelper>;
 }

package/lib/helpers/platform.service.d.ts

@@ -1,7 +1,10 @@
 import { WindowRef } from '../types/window-ref';
+import * as i0 from "@angular/core";
 export declare class PlatformService {
     private windowRef;
     constructor(windowRef: WindowRef);
     isTouch(): any;
     isPhabletOrBigger(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlatformService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PlatformService>;
 }

package/lib/index.d.ts

@@ -3,5 +3,4 @@ export * from './components';
 export * from './directives';
 export * from './helpers';
 export * from './scss/scss-helper';
-export { KirbyBadge as BadgeComponent } from './components/web-component-proxies.component';
 export { KirbyModule } from './kirby.module';

package/lib/kirby.module.d.ts

@@ -1,9 +1,78 @@
 import { ModuleWithProviders } from '@angular/core';
 import { ModalController } from './components/modal/services/modal.controller';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/card/card.component";
+import * as i2 from "./components/card/card-header/card-header.component";
+import * as i3 from "./components/card/card-footer/card-footer.component";
+import * as i4 from "./components/button/button.component";
+import * as i5 from "./components/chart-deprecated/chart-deprecated.component";
+import * as i6 from "./components/stock-chart-deprecated/stock-chart-deprecated.component";
+import * as i7 from "./components/grid/grid.component";
+import * as i8 from "./components/shared/component-loader.directive";
+import * as i9 from "./components/avatar/avatar.component";
+import * as i10 from "./components/list/pipes/group-by.pipe";
+import * as i11 from "./components/calendar/calendar.component";
+import * as i12 from "./components/checkbox/checkbox.component";
+import * as i13 from "./components/modal/action-sheet/action-sheet.component";
+import * as i14 from "./components/modal/footer/modal-footer.component";
+import * as i15 from "./directives/modal-router-link/modal-router-link.directive";
+import * as i16 from "./components/segmented-control/segmented-control.component";
+import * as i17 from "./components/chip/chip.component";
+import * as i18 from "./components/web-component-proxies.component";
+import * as i19 from "./directives/theme-color/theme-color.directive";
+import * as i20 from "./components/form-field/directives/date/date-input.directive";
+import * as i21 from "./components/form-field/directives/decimal-mask/decimal-mask.directive";
+import * as i22 from "./components/slide-button/slide-button.component";
+import * as i23 from "./components/toggle/toggle.component";
+import * as i24 from "./components/empty-state/empty-state.component";
+import * as i25 from "./components/form-field/form-field.component";
+import * as i26 from "./components/form-field/input/input.component";
+import * as i27 from "./components/form-field/input-counter/input-counter.component";
+import * as i28 from "./components/form-field/textarea/textarea.component";
+import * as i29 from "./components/fab-sheet/fab-sheet.component";
+import * as i30 from "./components/divider/divider.component";
+import * as i31 from "./components/reorder-list/reorder-list.component";
+import * as i32 from "./components/dropdown/dropdown.component";
+import * as i33 from "./components/loading-overlay/loading-overlay.component";
+import * as i34 from "./components/progress-circle/progress-circle.component";
+import * as i35 from "./components/flag/flag.component";
+import * as i36 from "./components/slides/slides.component";
+import * as i37 from "./components/accordion/accordion.directive";
+import * as i38 from "./components/accordion/accordion-item.component";
+import * as i39 from "./components/item-sliding/item-sliding.component";
+import * as i40 from "./components/radio/radio.component";
+import * as i41 from "./components/radio/radio-group/radio-group.component";
+import * as i42 from "./components/range/range.component";
+import * as i43 from "./directives/element-as-button/element-as-button.directive";
+import * as i44 from "./components/item-group/item-group.component";
+import * as i45 from "./components/section-header/section-header.component";
+import * as i46 from "./directives/key-handler/key-handler.directive";
+import * as i47 from "./components/form-field/form-field-message/form-field-message.component";
+import * as i48 from "./components/modal/alert/alert.component";
+import * as i49 from "./components/modal/modal-wrapper/modal-wrapper.component";
+import * as i50 from "./components/modal/modal-wrapper/compact/modal-compact-wrapper.component";
+import * as i51 from "./components/progress-circle/progress-circle-ring.component";
+import * as i52 from "./components/popover/popover.component";
+import * as i53 from "@angular/common";
+import * as i54 from "@angular/router";
+import * as i55 from "@ionic/angular";
+import * as i56 from "./components/app/app.module";
+import * as i57 from "./components/router-outlet/router-outlet.module";
+import * as i58 from "./components/page/page.module";
+import * as i59 from "./components/tabs/tabs.module";
+import * as i60 from "./components/icon/icon.module";
+import * as i61 from "./components/item/item.module";
+import * as i62 from "./components/toggle-button/toggle-button.module";
+import * as i63 from "./components/list/list.module";
+import * as i64 from "./components/chart/chart.module";
+import * as i65 from "./components/spinner/spinner.module";
 export interface KirbyConfig {
     moduleRootRoutePath?: string;
 }
 export declare class KirbyModule {
     static forChild(config?: KirbyConfig): ModuleWithProviders<KirbyModule>;
     constructor(modalController: ModalController, config?: KirbyConfig);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KirbyModule, [null, { optional: true; }]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KirbyModule, [typeof i1.CardComponent, typeof i2.CardHeaderComponent, typeof i3.CardFooterComponent, typeof i4.ButtonComponent, typeof i5.ChartDeprecatedComponent, typeof i6.StockChartDeprecatedComponent, typeof i7.GridComponent, typeof i8.ComponentLoaderDirective, typeof i9.AvatarComponent, typeof i10.GroupByPipe, typeof i11.CalendarComponent, typeof i12.CheckboxComponent, typeof i13.ActionSheetComponent, typeof i14.ModalFooterComponent, typeof i15.ModalRouterLinkDirective, typeof i16.SegmentedControlComponent, typeof i17.ChipComponent, typeof i18.KirbyBadge, typeof i19.ThemeColorDirective, typeof i20.DateInputDirective, typeof i21.DecimalMaskDirective, typeof i22.SlideButtonComponent, typeof i23.ToggleComponent, typeof i24.EmptyStateComponent, typeof i25.FormFieldComponent, typeof i26.InputComponent, typeof i27.InputCounterComponent, typeof i28.TextareaComponent, typeof i29.FabSheetComponent, typeof i30.DividerComponent, typeof i31.ReorderListComponent, typeof i32.DropdownComponent, typeof i33.LoadingOverlayComponent, typeof i34.ProgressCircleComponent, typeof i35.FlagComponent, typeof i36.SlidesComponent, typeof i36.SlideDirective, typeof i37.AccordionDirective, typeof i38.AccordionItemComponent, typeof i39.ItemSlidingComponent, typeof i40.RadioComponent, typeof i41.RadioGroupComponent, typeof i42.RangeComponent, typeof i43.ElementAsButtonDirective, typeof i44.ItemGroupComponent, typeof i45.SectionHeaderComponent, typeof i46.KeyHandlerDirective, typeof i47.FormFieldMessageComponent, typeof i48.AlertComponent, typeof i49.ModalWrapperComponent, typeof i50.ModalCompactWrapperComponent, typeof i51.ProgressCircleRingComponent, typeof i52.PopoverComponent], [typeof i53.CommonModule, typeof i54.RouterModule, typeof i55.IonicModule, typeof i56.AppModule, typeof i57.RouterOutletModule, typeof i58.PageModule, typeof i59.TabsModule, typeof i60.IconModule, typeof i61.ItemModule, typeof i62.ToggleButtonModule, typeof i63.ListModule, typeof i64.ChartModule, typeof i65.SpinnerModule], [typeof i56.AppModule, typeof i57.RouterOutletModule, typeof i58.PageModule, typeof i59.TabsModule, typeof i60.IconModule, typeof i61.ItemModule, typeof i62.ToggleButtonModule, typeof i63.ListModule, typeof i64.ChartModule, typeof i65.SpinnerModule, typeof i1.CardComponent, typeof i2.CardHeaderComponent, typeof i3.CardFooterComponent, typeof i4.ButtonComponent, typeof i5.ChartDeprecatedComponent, typeof i6.StockChartDeprecatedComponent, typeof i7.GridComponent, typeof i8.ComponentLoaderDirective, typeof i9.AvatarComponent, typeof i10.GroupByPipe, typeof i11.CalendarComponent, typeof i12.CheckboxComponent, typeof i13.ActionSheetComponent, typeof i14.ModalFooterComponent, typeof i15.ModalRouterLinkDirective, typeof i16.SegmentedControlComponent, typeof i17.ChipComponent, typeof i18.KirbyBadge, typeof i19.ThemeColorDirective, typeof i20.DateInputDirective, typeof i21.DecimalMaskDirective, typeof i22.SlideButtonComponent, typeof i23.ToggleComponent, typeof i24.EmptyStateComponent, typeof i25.FormFieldComponent, typeof i26.InputComponent, typeof i27.InputCounterComponent, typeof i28.TextareaComponent, typeof i29.FabSheetComponent, typeof i30.DividerComponent, typeof i31.ReorderListComponent, typeof i32.DropdownComponent, typeof i33.LoadingOverlayComponent, typeof i34.ProgressCircleComponent, typeof i35.FlagComponent, typeof i36.SlidesComponent, typeof i36.SlideDirective, typeof i37.AccordionDirective, typeof i38.AccordionItemComponent, typeof i39.ItemSlidingComponent, typeof i40.RadioComponent, typeof i41.RadioGroupComponent, typeof i42.RangeComponent, typeof i43.ElementAsButtonDirective, typeof i44.ItemGroupComponent, typeof i45.SectionHeaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KirbyModule>;
 }

package/lib/types/window-ref.d.ts

@@ -1,3 +1,6 @@
+import * as i0 from "@angular/core";
 export declare class WindowRef {
     get nativeWindow(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WindowRef, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WindowRef>;
 }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "5.3.1",
+  "version": "6.0.0-rc.2",
   "dependencies": {
     "@fontsource/roboto": "4.2.1",
     "@ionic/angular": "5.5.2",
-    "@kirbydesign/core": "0.0.25",
+    "@kirbydesign/core": "0.0.26-rc.2",
     "chart.js": "3.3.2",
     "chartjs-adapter-date-fns": "^2.0.0",
     "chartjs-plugin-annotation": "^1.0.2",
@@ -15,7 +15,7 @@
     "include-media": "^1.4.10",
     "inputmask": "5.0.5",
     "ts-deepcopy": "^0.1.4",
-    "tslib": "^2.0.0"
+    "tslib": "^2.2.0"
   },
   "peerDependencies": {
     "@angular/common": ">=9.0.0",
@@ -31,7 +31,6 @@
   "esm2015": "esm2015/kirbydesign-designsystem.js",
   "fesm2015": "fesm2015/kirbydesign-designsystem.js",
   "typings": "kirbydesign-designsystem.d.ts",
-  "metadata": "kirbydesign-designsystem.metadata.json",
   "sideEffects": false,
   "description": "Kirby Design Angular Components. This library provides Angular wrappers for the @kirbydesign/core package, for smoother integration into Angular projects.",
   "repository": {

package/readme.md

@@ -26,7 +26,7 @@ The Kirby Cookbook, containing samples, status of components etc. can be accesse
   - [Sass](#sass)
   - [Icons](#icons)
   - [Testing](#testing)
-  - [Migration Guide](#migration-guide)
+  - [Migration Guides](#migration-guides)
 - [Folder Structure](#folder-structure)
 - [Scripts](#scripts)
 - [Developing new features in Kirby](#developing-new-features-in-kirby)
@@ -114,80 +114,6 @@ describe('AppComponent', () => {
 For unit test performance reasons it's highly recommended to utilize these modules, since they provide a template-less implementation of the Kirby Components, but still translude content through `<ng-content></ng-content>` and provide `@Input` -decorated properties and `@Output` -decorated `EventEmitter` s, without
 having to reflow the DOM, execute component logic etc.
 
-### Migration Guide
-
-To upgrade, please perform the following tasks:
-
-- `v0.x.x` => `v1.0.0`
-
-  #### Simplified namespaces
-
-  Import `@kirbydesign/designsystem` instead of `@kirbydesign/designsystem/list` or `@kirbydesign/designsystem/modal` . This can be done by executing the following commands (Mac/Linux and Windows respectively):
-
-  ##### Mac / Linux
-
-```sh
-  cd <root folder of your application>
-  find . -name "*.ts" ! -name "*.spec.ts" -type f -exec sed -i '' -e "s|from '@kirbydesign/designsystem/.*';$|from '@kirbydesign/designsystem';|g" {} \;
-  find . -name "*.spec.ts" -type f -exec sed -i '' -e "s|from '@kirbydesign/designsystem/testing';$|from '@kirbydesign/designsystem/testing-jasmine';|g" {} \;
-```
-
-_Note: If you're using `jest` you should replace with `@kirbydesign/designsystem/testing-jest` instead._
-
-##### Windows
-
-```sh
-  cd <root folder of your application>
-  Get-ChildItem "*.ts" -Recurse | ForEach {
-  (Get-Content $_ | ForEach  { $_ `
-    -replace "from '@kirbydesign/designsystem/((?!testing).)*';$", "from '@kirbydesign/designsystem';" `
-    -replace "from '@kirbydesign/designsystem/testing';$", "from '@kirbydesign/designsystem/testing-jasmine';" `
-  }) | Set-Content $_
-  }
-```
-
-_Note: If you're using `jest` you should replace with `@kirbydesign/designsystem/testing-jest` instead._
-
-#### Change TypeScript configuration
-
-Due to Kirby not being distributed as a source-distribution package any more, changes to `tsconfig.json` , `tsconfig.app.json` as well as `tsconfig.spec.json` should be reverted:
-
-In `tsconfig.json` :
-
-- Remove the line `"./node_modules/@kirbydesign/designsystem/**/*.ts"` from the `includes`-array
-
-In `tsconfig.app.json` :
-
-- Remove the line `"./node_modules/@kirbydesign/designsystem/**/*.ts"` from the `includes`-array
-- Remove the line `"../node_modules/@kirbydesign/designsystem/testing/**/*.*"` from the `excludes` -array
-
-In `tsconfig.spec.json` :
-
-- Remove the line `"../node_modules/@kirbydesign/designsystem/**/*.ts",` from the `includes`-array
-
-#### Changed dependencies
-
-Remove any previously installed dev-dependencies for `sass-extract` , `sass-extract-loader` and `ng-mocks` _(unless otherwise used in your application)_.
-This can be done by the following command:
-
-`npm uninstall --save-dev sass-extract sass-extract-loader ng-mocks`
-
-#### Deprecation
-
-The following legacy components have been removed:
-
-- `ListItemComponent` (`<kirby-list-item>`)
-- `ListFlexItemComponent` (`<kirby-list-flex-item>`)
-- `ListCellComponent` (`<kirby-list-cell>`)
-- `ListCellLineComponent` (`<kirby-list-cell-line>`)
-
-The following directives have been deprecated and will be removed in future versions:
-
-- `ListItemDirective` (`[kirbyListItem]`)
-- `ListFlexItemDirective` (`[kirbyListFlexItem]`)
-
-_Please see the [list documentation][kirby.cookbook.list] on how to use the list component(s) and directives._
-
 ### Icons
 
 Kirby comes bundled with a default set of icons. Make sure the `.svg` files used by Kirby are copied to your output folder by adding the following to `build > options > assets` in `angular.json` :
@@ -216,6 +142,10 @@ Kirby comes bundled with a default set of icons. Make sure the `.svg` files used
 }
 ```
 
+### Migration Guides
+
+For details on migrating from earlier versions of Kirby see our [Migration Guides](./MIGRATION.md).
+
 ## Folder Structure
 
 The folder structure of the repository is based on [Nrwl][nrwl]'s [NX][nx] mono-repository project.
@@ -225,10 +155,7 @@ A basic walkthrough is outlined in the structure below:
 ```
 @kirbydesign/designsystem
 ├── apps                    # Contains source code for applications
-|  ├── cookbook             # - Cookbook application (showcase and examples)
-|  └── cookbook-e2e         # - End-to-end tests for Cookbook application
-├── config
-|  └── helm
+|  └── cookbook             # - Cookbook application (showcase and examples)
 ├── dist                    # Contains output files when building artifacts (for distribution)
 |  ├── apps
 |  └── libs

package/scss/base/_link.scss

@@ -0,0 +1 @@
+@forward "~@kirbydesign/core/scss/base/link";

package/scss/interaction-state/_active.scss

@@ -0,0 +1 @@
+@forward "~@kirbydesign/core/scss/interaction-state/active";

package/scss/interaction-state/_focus.scss

@@ -0,0 +1 @@
+@forward "~@kirbydesign/core/scss/interaction-state/focus";

package/scss/interaction-state/_hover.scss

@@ -0,0 +1 @@
+@forward "~@kirbydesign/core/scss/interaction-state/hover";

package/scss/interaction-state/_index.scss

@@ -0,0 +1 @@
+@forward "~@kirbydesign/core/scss/interaction-state";

package/scss/interaction-state/_interaction-state.utilities.scss

@@ -0,0 +1 @@
+@forward "~@kirbydesign/core/scss/interaction-state/interaction-state.utilities";

package/scss/interaction-state/_layer.scss

@@ -0,0 +1 @@
+@forward "~@kirbydesign/core/scss/interaction-state/layer";

package/scss/opt-out/_index.scss

@@ -0,0 +1 @@
+@forward "~@kirbydesign/core/scss/opt-out";

package/scss/opt-out/_link.scss

@@ -0,0 +1 @@
+@forward "~@kirbydesign/core/scss/opt-out/link";

package/testing-base/kirbydesign-designsystem-testing-base.d.ts

@@ -1,62 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@kirbydesign/designsystem/testing-base" />
 export * from './public_api';
-export { MockAccordionItemComponent as ɵb } from './lib/components/mock.accordion-item.component';
-export { MockActionSheetComponent as ɵbj } from './lib/components/mock.action-sheet.component';
-export { MockAppComponent as ɵc } from './lib/components/mock.app.component';
-export { MockAvatarComponent as ɵd } from './lib/components/mock.avatar.component';
-export { MockButtonComponent as ɵe } from './lib/components/mock.button.component';
-export { MockCalendarComponent as ɵf } from './lib/components/mock.calendar.component';
-export { MockCardFooterComponent as ɵg } from './lib/components/mock.card-footer.component';
-export { MockCardHeaderComponent as ɵh } from './lib/components/mock.card-header.component';
-export { MockCardComponent as ɵi } from './lib/components/mock.card.component';
-export { MockChartDeprecatedComponent as ɵk } from './lib/components/mock.chart-deprecated.component';
-export { MockChartComponent as ɵj } from './lib/components/mock.chart.component';
-export { MockCheckboxComponent as ɵl } from './lib/components/mock.checkbox.component';
-export { MockChipComponent as ɵm } from './lib/components/mock.chip.component';
-export { MockDividerComponent as ɵn } from './lib/components/mock.divider.component';
-export { MockDropdownComponent as ɵo } from './lib/components/mock.dropdown.component';
-export { MockEmptyStateComponent as ɵp } from './lib/components/mock.empty-state.component';
-export { MockFabSheetComponent as ɵq } from './lib/components/mock.fab-sheet.component';
-export { MockFlagComponent as ɵr } from './lib/components/mock.flag.component';
-export { MockFormFieldMessageComponent as ɵs } from './lib/components/mock.form-field-message.component';
-export { MockFormFieldComponent as ɵt } from './lib/components/mock.form-field.component';
-export { MockGridComponent as ɵx } from './lib/components/mock.grid.component';
-export { MockIconComponent as ɵy } from './lib/components/mock.icon.component';
-export { MockInputCounterComponent as ɵv } from './lib/components/mock.input-counter.component';
-export { MockInputComponent as ɵu } from './lib/components/mock.input.component';
-export { MockItemGroupComponent as ɵbb } from './lib/components/mock.item-group.component';
-export { MockItemSlidingComponent as ɵbc } from './lib/components/mock.item-sliding.component';
-export { MockItemComponent as ɵz } from './lib/components/mock.item.component';
-export { MockLabelComponent as ɵba } from './lib/components/mock.label.component';
-export { MockListExperimentalComponent as ɵbd } from './lib/components/mock.list-experimental.component';
-export { MockListHeaderComponent as ɵbe } from './lib/components/mock.list-header.component';
-export { MockListItemComponent as ɵbf } from './lib/components/mock.list-item.component';
-export { MockListSectionHeaderComponent as ɵbg } from './lib/components/mock.list-section-header.component';
-export { MockListComponent as ɵbh } from './lib/components/mock.list.component';
-export { MockLoadingOverlayComponent as ɵbi } from './lib/components/mock.loading-overlay.component';
-export { MockModalFooterComponent as ɵbk } from './lib/components/mock.modal-footer.component';
-export { MockPageFooterComponent as ɵbl } from './lib/components/mock.page-footer.component';
-export { MockPageActionsComponent as ɵbt, MockPageActionsDirective as ɵbo, MockPageComponent as ɵbu, MockPageContentComponent as ɵbs, MockPageContentDirective as ɵbp, MockPageProgressComponent as ɵbq, MockPageTitleComponent as ɵbr, MockPageTitleDirective as ɵbm, MockPageToolbarTitleDirective as ɵbn } from './lib/components/mock.page.component';
-export { MockPopoverComponent as ɵbv } from './lib/components/mock.popover.component';
-export { MockProgressCircleComponent as ɵbw } from './lib/components/mock.progress-circle.component';
-export { MockRadioGroupComponent as ɵbx } from './lib/components/mock.radio-group.component';
-export { MockRadioComponent as ɵby } from './lib/components/mock.radio.component';
-export { MockRangeComponent as ɵbz } from './lib/components/mock.range.component';
-export { MockReorderListComponent as ɵca } from './lib/components/mock.reorder-list.component';
-export { MockRouterOutletComponent as ɵcb } from './lib/components/mock.router-outlet.component';
-export { MockSectionHeaderComponent as ɵcc } from './lib/components/mock.section-header.component';
-export { MockSegmentedControlComponent as ɵcd } from './lib/components/mock.segmented-control.component';
-export { MockSlideButtonComponent as ɵce } from './lib/components/mock.slide-button.component';
-export { MockSpinnerComponent as ɵcf } from './lib/components/mock.spinner.component';
-export { MockTabButtonComponent as ɵcg } from './lib/components/mock.tab-button.component';
-export { MockTabsComponent as ɵch } from './lib/components/mock.tabs.component';
-export { MockTextareaComponent as ɵw } from './lib/components/mock.textarea.component';
-export { MockToggleButtonComponent as ɵcj } from './lib/components/mock.toggle-button.component';
-export { MockToggleComponent as ɵci } from './lib/components/mock.toggle.component';
-export { MockAccordionDirective as ɵcn } from './lib/directives/mock.accordion.directive';
-export { MockFitHeadingDirective as ɵcm } from './lib/directives/mock.fit-heading.directive';
-export { MockThemeColorDirective as ɵcl } from './lib/directives/mock.theme-color.directive';
-export { MOCK_COMPONENTS as ɵa } from './lib/mock-components';
-export { MOCK_DIRECTIVES as ɵck } from './lib/mock-directives';

package/testing-base/lib/components/index.d.ts

@@ -0,0 +1,55 @@
+export { MockAccordionItemComponent } from './mock.accordion-item.component';
+export { MockActionSheetComponent } from './mock.action-sheet.component';
+export { MockAppComponent } from './mock.app.component';
+export { MockAvatarComponent } from './mock.avatar.component';
+export { MockButtonComponent } from './mock.button.component';
+export { MockCalendarComponent } from './mock.calendar.component';
+export { MockCardFooterComponent } from './mock.card-footer.component';
+export { MockCardHeaderComponent } from './mock.card-header.component';
+export { MockCardComponent } from './mock.card.component';
+export { MockChartDeprecatedComponent } from './mock.chart-deprecated.component';
+export { MockChartComponent } from './mock.chart.component';
+export { MockCheckboxComponent } from './mock.checkbox.component';
+export { MockChipComponent } from './mock.chip.component';
+export { MockDividerComponent } from './mock.divider.component';
+export { MockDropdownComponent } from './mock.dropdown.component';
+export { MockEmptyStateComponent } from './mock.empty-state.component';
+export { MockFabSheetComponent } from './mock.fab-sheet.component';
+export { MockFlagComponent } from './mock.flag.component';
+export { MockFormFieldMessageComponent } from './mock.form-field-message.component';
+export { MockFormFieldComponent } from './mock.form-field.component';
+export { MockGridComponent } from './mock.grid.component';
+export { MockIconComponent } from './mock.icon.component';
+export { MockInputCounterComponent } from './mock.input-counter.component';
+export { MockInputComponent } from './mock.input.component';
+export { MockItemGroupComponent } from './mock.item-group.component';
+export { MockItemSlidingComponent } from './mock.item-sliding.component';
+export { MockItemComponent } from './mock.item.component';
+export { MockLabelComponent } from './mock.label.component';
+export { MockListExperimentalComponent } from './mock.list-experimental.component';
+export { MockListHeaderComponent } from './mock.list-header.component';
+export { MockListItemComponent } from './mock.list-item.component';
+export { MockListSectionHeaderComponent } from './mock.list-section-header.component';
+export { MockListComponent } from './mock.list.component';
+export { MockLoadingOverlayComponent } from './mock.loading-overlay.component';
+export { MockModalFooterComponent } from './mock.modal-footer.component';
+export { MockPageFooterComponent } from './mock.page-footer.component';
+export { MockPageTitleDirective, MockPageToolbarTitleDirective, MockPageActionsDirective, MockPageContentDirective, MockPageProgressComponent, MockPageSubtitleDirective, MockPageActionsComponent, MockPageComponent, MockPageContentComponent, MockPageTitleComponent, } from './mock.page.component';
+export { MockPopoverComponent } from './mock.popover.component';
+export { MockProgressCircleComponent } from './mock.progress-circle.component';
+export { MockRadioGroupComponent } from './mock.radio-group.component';
+export { MockRadioComponent } from './mock.radio.component';
+export { MockRangeComponent } from './mock.range.component';
+export { MockReorderListComponent } from './mock.reorder-list.component';
+export { MockRouterOutletComponent } from './mock.router-outlet.component';
+export { MockSectionHeaderComponent } from './mock.section-header.component';
+export { MockSegmentedControlComponent } from './mock.segmented-control.component';
+export { MockSlideButtonComponent } from './mock.slide-button.component';
+export { MockSlideDirective, MockSlidesComponent } from './mock.slides.component';
+export { MockSpinnerComponent } from './mock.spinner.component';
+export { MockTabButtonComponent } from './mock.tab-button.component';
+export { MockTabsComponent } from './mock.tabs.component';
+export { MockTextareaComponent } from './mock.textarea.component';
+export { MockToggleButtonComponent } from './mock.toggle-button.component';
+export { MockToggleComponent } from './mock.toggle.component';
+export { MockBadgeComponent } from './mock.web-component-proxies.component';

package/testing-base/lib/components/mock.accordion-item.component.d.ts

@@ -1,4 +1,7 @@
+import * as i0 from "@angular/core";
 export declare class MockAccordionItemComponent {
     title: string;
     isExpanded: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockAccordionItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockAccordionItemComponent, "kirby-accordion-item", never, { "title": "title"; "isExpanded": "isExpanded"; }, {}, never, ["*"]>;
 }

package/testing-base/lib/components/mock.action-sheet.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { ActionSheetItem } from '@kirbydesign/designsystem';
+import * as i0 from "@angular/core";
 export declare class MockActionSheetComponent {
     cancelButtonText: string;
     hideCancel: boolean;
@@ -9,4 +10,6 @@ export declare class MockActionSheetComponent {
     items: Array<ActionSheetItem>;
     cancel: EventEmitter<any>;
     itemSelect: EventEmitter<ActionSheetItem>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockActionSheetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockActionSheetComponent, "kirby-action-sheet", never, { "cancelButtonText": "cancelButtonText"; "hideCancel": "hideCancel"; "disabled": "disabled"; "header": "header"; "subheader": "subheader"; "items": "items"; }, { "cancel": "cancel"; "itemSelect": "itemSelect"; }, never, ["*"]>;
 }

package/testing-base/lib/components/mock.app.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class MockAppComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockAppComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockAppComponent, "kirby-app", never, {}, {}, never, ["*"]>;
 }

package/testing-base/lib/components/mock.avatar.component.d.ts

@@ -1,4 +1,5 @@
 import { AvatarSize, BrandColor, NotificationColor } from '@kirbydesign/designsystem';
+import * as i0 from "@angular/core";
 export declare class MockAvatarComponent {
     imageSrc: string;
     altText: string;
@@ -7,4 +8,6 @@ export declare class MockAvatarComponent {
     overlay: boolean;
     size: AvatarSize | `${AvatarSize}`;
     themeColor: NotificationColor | BrandColor | 'medium' | 'white' | 'dark' | 'light' | 'semi-light';
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockAvatarComponent, "kirby-avatar", never, { "imageSrc": "imageSrc"; "altText": "altText"; "shadow": "shadow"; "text": "text"; "overlay": "overlay"; "size": "size"; "themeColor": "themeColor"; }, {}, never, ["*"]>;
 }

package/testing-base/lib/components/mock.button.component.d.ts

@@ -1,4 +1,5 @@
 import { ButtonSize, NotificationColor } from '@kirbydesign/designsystem';
+import * as i0 from "@angular/core";
 export declare class MockButtonComponent {
     attentionLevel: '1' | '2' | '3' | '4';
     isDestructive: boolean;
@@ -6,4 +7,6 @@ export declare class MockButtonComponent {
     expand: 'full' | 'block';
     isFloating: boolean;
     size: ButtonSize | `${ButtonSize}`;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockButtonComponent, "button[kirby-button],Button[kirby-button]", never, { "attentionLevel": "attentionLevel"; "isDestructive": "isDestructive"; "themeColor": "themeColor"; "expand": "expand"; "isFloating": "isFloating"; "size": "size"; }, {}, never, ["*"]>;
 }

package/testing-base/lib/components/mock.calendar.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { Locale } from 'date-fns';
 import { CalendarYearNavigatorConfig } from '@kirbydesign/designsystem';
+import * as i0 from "@angular/core";
 export declare class MockCalendarComponent {
     dateChange: EventEmitter<Date>;
     dateSelect: EventEmitter<Date>;
@@ -20,4 +21,6 @@ export declare class MockCalendarComponent {
     todayDate: Date;
     minDate: Date;
     maxDate: Date;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockCalendarComponent, "kirby-calendar", never, { "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"; }, { "dateChange": "dateChange"; "dateSelect": "dateSelect"; "yearSelect": "yearSelect"; }, never, ["*"]>;
 }

package/testing-base/lib/components/mock.card-footer.component.d.ts

@@ -1,2 +1,5 @@
+import * as i0 from "@angular/core";
 export declare class MockCardFooterComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockCardFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockCardFooterComponent, "kirby-card-footer", never, {}, {}, never, ["*"]>;
 }

package/testing-base/lib/components/mock.card-header.component.d.ts

@@ -1,7 +1,10 @@
 import { CardFlagLevel } from '@kirbydesign/designsystem';
+import * as i0 from "@angular/core";
 export declare class MockCardHeaderComponent {
     title: string;
     subtitle: string;
     isTitleBold: boolean;
     flagged: CardFlagLevel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockCardHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockCardHeaderComponent, "kirby-card-header", never, { "title": "title"; "subtitle": "subtitle"; "isTitleBold": "isTitleBold"; "flagged": "flagged"; }, {}, never, ["*"]>;
 }

package/testing-base/lib/components/mock.card.component.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare class MockCardComponent {
     title: string;
     subtitle: string;
@@ -7,4 +8,6 @@ export declare class MockCardComponent {
         [size: string]: number;
     };
     mode: 'flat' | 'highlighted';
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockCardComponent, "kirby-card", never, { "title": "title"; "subtitle": "subtitle"; "backgroundImageUrl": "backgroundImageUrl"; "hasPadding": "hasPadding"; "sizes": "sizes"; "mode": "mode"; }, {}, never, ["*"]>;
 }

package/testing-base/lib/components/mock.chart-deprecated.component.d.ts

@@ -1,5 +1,6 @@
 import { Options, XAxisBreaksOptions } from 'highcharts';
 import { ChartDeprecatedType } from '@kirbydesign/designsystem';
+import * as i0 from "@angular/core";
 export declare class MockChartDeprecatedComponent {
     data: [];
     categories: string[];
@@ -9,4 +10,6 @@ export declare class MockChartDeprecatedComponent {
     description: string;
     showDataLabels: boolean;
     options: Options;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockChartDeprecatedComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockChartDeprecatedComponent, "kirby-chart-deprecated", never, { "data": "data"; "categories": "categories"; "breaks": "breaks"; "height": "height"; "type": "type"; "description": "description"; "showDataLabels": "showDataLabels"; "options": "options"; }, {}, never, ["*"]>;
 }

package/testing-base/lib/components/mock.chart.component.d.ts

@@ -1,12 +1,14 @@
 import { AnnotationOptions, ChartDataLabelOptions, ChartDataset, ChartHighlightedElements, ChartLabel, ChartOptions, ChartType } from '@kirbydesign/designsystem';
+import * as i0 from "@angular/core";
 export declare class MockChartComponent {
     type: ChartType;
     data: ChartDataset[] | number[];
     labels: ChartLabel[];
-    dataLabels: string[] | string[][];
     customOptions: ChartOptions;
     dataLabelOptions: ChartDataLabelOptions;
     annotations: AnnotationOptions[];
     highlightedElements: ChartHighlightedElements;
     height: string | number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockChartComponent, "kirby-chart", never, { "type": "type"; "data": "data"; "labels": "labels"; "customOptions": "customOptions"; "dataLabelOptions": "dataLabelOptions"; "annotations": "annotations"; "highlightedElements": "highlightedElements"; "height": "height"; }, {}, never, ["*"]>;
 }

package/testing-base/lib/components/mock.checkbox.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class MockCheckboxComponent {
     checked: boolean;
     attentionLevel: '1' | '2';
@@ -7,4 +8,6 @@ export declare class MockCheckboxComponent {
     hasError: boolean;
     disabled: boolean;
     checkedChange: EventEmitter<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockCheckboxComponent, "kirby-checkbox", never, { "checked": "checked"; "attentionLevel": "attentionLevel"; "text": "text"; "size": "size"; "hasError": "hasError"; "disabled": "disabled"; }, { "checkedChange": "checkedChange"; }, never, ["*"]>;
 }

package/testing-base/lib/components/mock.chip.component.d.ts

@@ -1,4 +1,7 @@
+import * as i0 from "@angular/core";
 export declare class MockChipComponent {
     text: string;
     isSelected: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockChipComponent, "kirby-chip", never, { "text": "text"; "isSelected": "isSelected"; }, {}, never, ["*"]>;
 }

package/testing-base/lib/components/mock.divider.component.d.ts

@@ -1,3 +1,6 @@
+import * as i0 from "@angular/core";
 export declare class MockDividerComponent {
     hasMargin: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockDividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockDividerComponent, "kirby-divider", never, { "hasMargin": "hasMargin"; }, {}, never, ["*"]>;
 }

package/testing-base/lib/components/mock.dropdown.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { HorizontalDirection } from '@kirbydesign/designsystem';
+import * as i0 from "@angular/core";
 export declare class MockDropdownComponent {
     items: string[] | any[];
     selectedIndex: number;
@@ -14,4 +15,6 @@ export declare class MockDropdownComponent {
     tabindex: number;
     usePopover: boolean;
     change: EventEmitter<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockDropdownComponent, "kirby-dropdown", never, { "items": "items"; "selectedIndex": "selectedIndex"; "itemTextProperty": "itemTextProperty"; "placeholder": "placeholder"; "popout": "popout"; "attentionLevel": "attentionLevel"; "expand": "expand"; "disabled": "disabled"; "hasError": "hasError"; "size": "size"; "tabindex": "tabindex"; "usePopover": "usePopover"; }, { "change": "change"; }, never, ["*"]>;
 }