@kirbydesign/designsystem 5.2.2 → 6.0.0-rc.0

package/lib/custom-elements-initializer.d.ts

@@ -1,6 +1,6 @@
 export declare const appInitialize: (doc: Document) => () => void;
 export declare function customElementsInitializer(): {
-    provide: import("@angular/core").InjectionToken<(() => void)[]>;
+    provide: import("@angular/core").InjectionToken<readonly (() => void | import("rxjs").Observable<unknown> | Promise<unknown>)[]>;
     useFactory: (doc: Document) => () => void;
     deps: import("@angular/core").InjectionToken<Document>[];
     multi: boolean;

package/lib/directives/element-as-button/element-as-button.directive.d.ts

@@ -1,5 +1,6 @@
 import { ElementRef, OnInit } from '@angular/core';
 import { CardComponent } from '../../components/card/card.component';
+import * as i0 from "@angular/core";
 export declare class ElementAsButtonDirective implements OnInit {
     private card;
     private clickableElement;
@@ -8,4 +9,6 @@ export declare class ElementAsButtonDirective implements OnInit {
     constructor(card: CardComponent, clickableElement: ElementRef);
     ngOnInit(): void;
     _onKeydownHandler(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementAsButtonDirective, [{ optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElementAsButtonDirective, "kirby-card[click]", never, {}, {}, never>;
 }

package/lib/directives/fit-heading/fit-heading.directive.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { ResizeObserverService } from '../../components/shared/resize-observer/resize-observer.service';
 import { LineClampHelper } from '../../helpers/line-clamp-helper';
+import * as i0 from "@angular/core";
 export interface FitHeadingConfig {
     maxLines: number;
 }
@@ -22,4 +23,6 @@ export declare class FitHeadingDirective implements OnInit, OnDestroy {
     private canFitHeading;
     private generateHostElementClone;
     private setSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FitHeadingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FitHeadingDirective, "h1[kirbyFitHeading],h2[kirbyFitHeading],h3[kirbyFitHeading]", never, { "config": "kirbyFitHeading"; }, {}, never>;
 }

package/lib/directives/fit-heading/fit-heading.module.d.ts

@@ -1,2 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./fit-heading.directive";
 export declare class FitHeadingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FitHeadingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FitHeadingModule, [typeof i1.FitHeadingDirective], never, [typeof i1.FitHeadingDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FitHeadingModule>;
 }

package/lib/directives/index.d.ts

@@ -3,3 +3,5 @@ export { FitHeadingDirective } from './fit-heading/fit-heading.directive';
 export { FitHeadingModule } from './fit-heading/fit-heading.module';
 export { KeyHandlerDirective } from './key-handler/key-handler.directive';
 export { ThemeColorDirective } from './theme-color/theme-color.directive';
+export { ElementAsButtonDirective } from './element-as-button/element-as-button.directive';
+export { ModalRouterLinkDirective } from './modal-router-link/modal-router-link.directive';

package/lib/directives/key-handler/key-handler.directive.d.ts

@@ -1,6 +1,9 @@
 import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class KeyHandlerDirective {
     private element;
     constructor(element: ElementRef);
     keyEvent(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyHandlerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KeyHandlerDirective, "[keyHandler]", never, {}, {}, never>;
 }

package/lib/directives/modal-router-link/modal-router-link.directive.d.ts

@@ -1,9 +1,12 @@
 import { Params } from '@angular/router';
 import { ModalNavigationService } from '../../components/modal/services/modal-navigation.service';
+import * as i0 from "@angular/core";
 export declare class ModalRouterLinkDirective {
     private modalNavigationService;
     constructor(modalNavigationService: ModalNavigationService);
     path: string | string[];
     queryParams?: Params;
     onClick(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalRouterLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalRouterLinkDirective, "[kirbyModalRouterLink]", never, { "path": "kirbyModalRouterLink"; "queryParams": "kirbyModalQueryParams"; }, {}, never>;
 }

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.2.2",
+  "version": "6.0.0-rc.0",
   "dependencies": {
     "@fontsource/roboto": "4.2.1",
     "@ionic/angular": "5.5.2",
-    "@kirbydesign/core": "0.0.24",
+    "@kirbydesign/core": "0.0.26-rc.0",
     "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/polyfills/intersection-observer-polyfill-loader.js

@@ -1,14 +1,14 @@
 (function () {
-    // A technique for loading polyfills only when needed. Details here:
-    // https://philipwalton.com/articles/loading-polyfills-only-when-needed/
-    if (polyfillNeeded()) {
-      // Browsers that doesn't support IntersectionObserver must load the polyfills first:
-      var script = document.createElement('script');
-      script.src = 'kirby/polyfills/intersection-observer-polyfill.min.js';
-      document.head.appendChild(script);
-    }
+  // A technique for loading polyfills only when needed. Details here:
+  // https://philipwalton.com/articles/loading-polyfills-only-when-needed/
+  if (polyfillNeeded()) {
+    // Browsers that doesn't support IntersectionObserver must load the polyfills first:
+    var script = document.createElement('script');
+    script.src = 'kirby/polyfills/intersection-observer-polyfill.min.js';
+    document.head.appendChild(script);
+  }
 
-    function polyfillNeeded() {
-        return (typeof IntersectionObserver === 'undefined');
-    }
-  })();
+  function polyfillNeeded() {
+    return typeof IntersectionObserver === 'undefined';
+  }
+})();

package/polyfills/resize-observer-polyfill-loader.js

@@ -1,4 +1,4 @@
-(function() {
+(function () {
   // A technique for loading polyfills only when needed. Details here:
   // https://philipwalton.com/articles/loading-polyfills-only-when-needed/
   if (polyfillNeeded()) {

package/readme.md

@@ -172,22 +172,6 @@ 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` :

package/scss/_trigger-publish.scss

@@ -0,0 +1 @@
+@forward "~@kirbydesign/core/scss/trigger-publish";

package/scss/_trigger.scss

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

package/scss/awesome-stylesheet.scss

@@ -0,0 +1 @@
+@forward "~@kirbydesign/core/scss/awesome-stylesheet";

package/scss/base/_awesome-partial.scss

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

package/scss/base/_index.scss

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

package/scss/base/_interaction-states.scss

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

package/scss/base/_link.scss

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

package/scss/base/index.scss

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

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/interaction-state/_state-layer.scss

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

package/scss/interaction-state/_utilities.scss

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

package/scss/interaction-state/ionic/_active.scss

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

package/scss/interaction-state/ionic/_hover.scss

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

package/scss/interaction-state/ionic/_index.scss

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

package/scss/interaction-states/_hover.scss

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

package/scss/interaction-states/_index.scss

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

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,10 +1,13 @@
 import { AvatarSize, BrandColor, NotificationColor } from '@kirbydesign/designsystem';
+import * as i0 from "@angular/core";
 export declare class MockAvatarComponent {
     imageSrc: string;
     altText: string;
     shadow: boolean;
     text: string;
     overlay: boolean;
-    size: AvatarSize;
+    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,9 +1,12 @@
 import { ButtonSize, NotificationColor } from '@kirbydesign/designsystem';
+import * as i0 from "@angular/core";
 export declare class MockButtonComponent {
     attentionLevel: '1' | '2' | '3' | '4';
     isDestructive: boolean;
     themeColor: NotificationColor;
     expand: 'full' | 'block';
     isFloating: boolean;
-    size: ButtonSize;
+    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>;
@@ -13,10 +14,13 @@ export declare class MockCalendarComponent {
     customLocales: {
         [key: string]: Locale;
     };
+    usePopover: boolean;
     yearNavigatorOptions: CalendarYearNavigatorConfig;
     selectedDate: Date;
     disabledDates: Date[];
     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, ["*"]>;
 }