@kirbydesign/designsystem 7.0.1 → 7.1.1

package/icons/svg/help-decoration.svg

@@ -0,0 +1,5 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,3 C16.963,3 21,7.038 21,12 C21,16.963 16.963,21 12,21 C7.038,21 3,16.963 3,12 C3,7.038 7.038,3 12,3 Z M12,4.5 C7.864,4.5 4.5,7.864 4.5,12 C4.5,16.136 7.864,19.5 12,19.5 C16.136,19.5 19.5,16.136 19.5,12 C19.5,7.864 16.136,4.5 12,4.5 Z M12,15.6035 C12.414,15.6035 12.75,15.9385 12.75,16.3535 C12.75,16.7675 12.414,17.1035 12,17.1035 C11.586,17.1035 11.25,16.7675 11.25,16.3535 C11.25,15.9385 11.586,15.6035 12,15.6035 Z M12.1123,6.9399 C14.3083,6.9399 15.3083,8.3989 15.3083,9.7549 C15.3083,10.9699 14.5003,11.6169 13.8503,12.1369 C13.1223,12.7209 12.6763,13.1249 12.6893,14.0299 C12.6953,14.4439 12.3643,14.7849 11.9503,14.7909 L11.9393,14.7909 C11.5303,14.7909 11.1953,14.4619 11.1893,14.0519 C11.1653,12.3659 12.1753,11.5569 12.9133,10.9659 C13.5023,10.4949 13.8083,10.2279 13.8083,9.7549 C13.8083,9.6199 13.7603,8.4399 12.1123,8.4399 C10.5933,8.4399 10.1923,9.4149 10.1923,9.9299 C10.1923,10.3439 9.8563,10.6799 9.4423,10.6799 C9.0283,10.6799 8.6923,10.3439 8.6923,9.9299 C8.6923,8.7739 9.6203,6.9399 12.1123,6.9399 Z" id="help-decoration" fill="currentColor" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/icons/svg/information-decoration.svg

@@ -0,0 +1,5 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,3 C16.963,3 21,7.038 21,12 C21,16.963 16.963,21 12,21 C7.038,21 3,16.963 3,12 C3,7.038 7.038,3 12,3 Z M12,4.5 C7.864,4.5 4.5,7.864 4.5,12 C4.5,16.136 7.864,19.5 12,19.5 C16.136,19.5 19.5,16.136 19.5,12 C19.5,7.864 16.136,4.5 12,4.5 Z M12,9.5 C12.4142136,9.5 12.75,9.83578644 12.75,10.25 L12.75,16.25 C12.75,16.6642136 12.4142136,17 12,17 C11.5857864,17 11.25,16.6642136 11.25,16.25 L11.25,10.25 C11.25,9.83578644 11.5857864,9.5 12,9.5 Z M12,7 C12.414,7 12.75,7.335 12.75,7.75 C12.75,8.164 12.414,8.5 12,8.5 C11.586,8.5 11.25,8.164 11.25,7.75 C11.25,7.335 11.586,7 12,7 Z" id="information-decoration" fill="currentColor" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/icons/svg/notification.svg

@@ -0,0 +1,5 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M11.5317296,3 C13.0750257,3 14.3461418,4.16534108 14.5131327,5.66407798 C16.887757,6.78396545 18.5317296,9.19999754 18.5317296,12 L18.5317296,14.6923077 C18.5317296,15.7009539 18.6924304,16.7015103 19.013832,17.6939771 C19.1846179,18.2191944 18.8956803,18.7825885 18.369978,18.9518681 C18.2720253,18.9834095 18.169791,18.9996427 18.0668859,19 L15.4055161,19.0007613 C14.9612086,20.7256022 13.3952949,22 11.5317296,22 C9.66816437,22 8.10225066,20.7256022 7.65794314,19.0007613 L4.99657336,19 C4.44429189,18.9980983 3.99811616,18.5488488 4.00000598,17.9965673 C4.00036618,17.8933899 4.01668612,17.7908888 4.04962722,17.6931019 C4.37102882,16.7002642 4.53172961,15.6999995 4.53172961,14.6923077 L4.53172961,12 C4.53172961,9.20039235 6.17523862,6.78464679 8.55006748,5.66495249 C8.71675396,4.16585769 9.98809146,3 11.5317296,3 Z M13.8233449,19.00083 L9.24011429,19.00083 C9.62608199,19.8833391 10.5068914,20.5 11.5317296,20.5 C12.5565679,20.5 13.4373772,19.8833391 13.8233449,19.00083 Z M11.5317296,6.5 C8.49416349,6.5 6.03172961,8.96243388 6.03172961,12 L6.03172961,14.6923077 C6.03172961,15.5667853 5.92725834,16.4356749 5.7168767,17.3038474 L5.66472961,17.5 L17.3967296,17.5 L17.3442525,17.2978469 C17.1708773,16.5802827 17.069431,15.8570312 17.0404315,15.1294009 L17.0317296,14.6923077 L17.0317296,12 C17.0317296,8.96243388 14.5692957,6.5 11.5317296,6.5 Z M11.5317296,4.5 C11.0396335,4.5 10.6028835,4.73696514 10.3293636,5.10301147 C10.7205284,5.03519926 11.1220184,5 11.5317296,5 C11.9414714,5 12.3429908,5.03520451 12.733428,5.10275381 C12.4605757,4.73696514 12.0238258,4.5 11.5317296,4.5 Z" id="notification" fill="currentColor" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/icons/svg/transfer-ownership.svg

@@ -0,0 +1,5 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M18.4847795,7.81720942 L15.9244096,12.0783805 C15.751022,12.3669459 15.4066004,12.5046237 15.0820739,12.4150927 L11.440545,11.41046 L11.3483589,11.3786236 C10.934805,11.2054336 10.7585476,10.698145 10.9971783,10.3011099 L11.6418512,9.23022318 L4.15782377,4.73342932 C3.91557549,4.58789841 3.77569773,4.31855211 3.79598576,4.03668003 L3.96444723,1.69615784 C3.99287287,1.30122574 4.32340659,0.996424866 4.71934393,1.00003168 L6.50752177,1.01632119 L6.61924913,1.02567507 C6.91152282,1.07232096 7.15357027,1.28873408 7.22782238,1.58250124 L7.50025418,2.66057415 L7.82639836,2.85769081 L8.88547255,2.58501878 C9.07994982,2.5350279 9.28635146,2.56510936 9.45847034,2.66852882 L10.3156376,3.1835669 L10.4116789,3.25209731 C10.5315924,3.35279663 10.6177973,3.48925768 10.656579,3.64299974 L10.8212719,4.29374117 L11.4669813,4.1316382 L11.5837695,4.1121487 C11.7403225,4.09860209 11.8983003,4.13452656 12.0347012,4.21648452 L13.9583156,5.373566 L14.6023963,4.30101959 C14.8579983,3.87562633 15.4488612,3.81131689 15.7899938,4.17176163 L18.3866261,6.91539435 C18.6180332,7.15990193 18.6581671,7.52864403 18.4847795,7.81720942 Z M16.9056359,7.53354916 L15.3805289,5.92122852 L14.8580711,6.7879113 L14.7997867,6.87161943 C14.5686748,7.15982939 14.1543798,7.240066 13.828917,7.04450822 L11.5290913,5.66282283 L10.4576587,5.92921101 L10.3574463,5.94716653 C9.99091453,5.98755698 9.64168666,5.752379 9.5489974,5.38493185 L9.27909349,4.31046982 L8.95546794,4.11593319 L7.89344185,4.38878713 C7.69792756,4.43904457 7.49040847,4.40836397 7.3178012,4.30368168 L6.45944779,3.78311036 L6.36422477,3.71463798 C6.24533423,3.61415104 6.15985778,3.4784175 6.12123671,3.32561912 L5.91554708,2.51184493 L5.41057284,2.5067434 L5.32556817,3.68583594 L13.0569167,8.32970347 L13.1406408,8.38799013 C13.4289048,8.61911591 13.509144,9.03348372 13.3135168,9.35896938 L12.7915129,10.2280563 L14.9326218,10.818112 L16.9056359,7.53354916 Z M19.7780005,13.0996942 L19.8627971,13.1790171 C20.54934,13.8655469 20.6682331,14.9362778 20.1490202,15.7566937 L18.1187587,18.9647394 C17.4313392,20.050941 16.2354664,20.7093523 14.9500173,20.7093523 L9.232,20.7087198 L9.25487157,20.7562603 C9.48827719,21.2568003 9.27172202,21.8517808 8.77118205,22.0851864 L6.95856647,22.9304229 C6.4580265,23.1638285 5.86304604,22.9472733 5.62964042,22.4467334 L3.09393085,17.0088867 C2.86052523,16.5083467 3.07708041,15.9133662 3.57762038,15.6799606 L5.39023595,14.8347241 C5.89077592,14.6013185 6.48575638,14.8178736 6.719162,15.3184136 L6.798,15.4877198 L7.09623741,15.1157844 C7.80790535,14.2267981 8.88496886,13.7093523 10.0237261,13.7093523 L14.3311112,13.7093523 C15.034019,13.7093523 15.6522342,14.0719646 16.0088988,14.6203313 L16.0584578,14.7043523 L17.3195998,13.2638373 C17.9531415,12.5396418 19.053805,12.4661524 19.7780005,13.0996942 Z M12.4806872,17.7025057 C12.1146117,17.6528432 11.8324578,17.339048 11.8324578,16.9593523 C11.8324578,16.5451387 12.1682442,16.2093523 12.5824578,16.2093523 L14.3311112,16.2093523 C14.6072535,16.2093523 14.8311112,15.9854946 14.8311112,15.7093523 C14.8311112,15.4332099 14.6072535,15.2093523 14.3311112,15.2093523 L10.0237261,15.2093523 C9.34047174,15.2093523 8.69423364,15.5198198 8.26723288,16.0532116 L7.505,17.0037198 L8.533,19.2087198 L14.9500173,19.2093523 C15.7212867,19.2093523 16.4388104,18.8143055 16.8512621,18.1625846 L18.8815236,14.9545388 C19.007515,14.755458 18.9980198,14.5032287 18.8661278,14.3157349 L18.7903578,14.2286591 C18.6896724,14.1405774 18.5366464,14.1507947 18.4485647,14.25148 L15.9464686,17.1116021 C15.6141622,17.4914584 15.1340391,17.7093523 14.6293428,17.7093523 L12.5824578,17.7093523 Z" id="transfer-ownership" fill="currentColor" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/lib/components/accordion/accordion-item.component.d.ts

@@ -1,11 +1,11 @@
-import { OnInit } from '@angular/core';
+import { OnChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AccordionItemComponent implements OnInit {
+export declare class AccordionItemComponent implements OnChanges {
     title: string;
     isExpanded: boolean;
     isDisabled: boolean;
     disabledTitle: string;
-    ngOnInit(): void;
+    ngOnChanges(): void;
     getTitle(): string;
     _onToggleExpanded(event: KeyboardEvent): void;
     _titleId: string;

package/lib/components/card/card-footer/card-footer.component.d.ts

@@ -1,8 +1,5 @@
-import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class CardFooterComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
+export declare class CardFooterComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "kirby-card-footer", never, {}, {}, never, ["*"]>;
 }

package/lib/components/charts/index.d.ts

@@ -1,6 +1,6 @@
 export * from './chart';
 export * from './stock-chart';
-export * from './shared/charts.types';
+export * from './shared';
 export { ChartOptions, ChartEvent, ActiveElement, Chart } from 'chart.js';
 export { AnnotationOptions } from 'chartjs-plugin-annotation';
 export { ChartsModule } from './charts.module';

package/lib/components/charts/shared/chart-config-service/chart-config.service.d.ts

@@ -1,4 +1,4 @@
-import { ChartOptions, ChartType as ChartJSType } from 'chart.js';
+import { ChartType as ChartJSType, ChartOptions } from 'chart.js';
 import { AnnotationType, AnnotationTypeRegistry } from 'chartjs-plugin-annotation';
 import { ChartDataLabelOptions, ChartLocale, ChartType, ChartTypeConfig } from '../../';
 import * as i0 from "@angular/core";

package/lib/components/charts/shared/chart-js-service/annotations.delegate.d.ts

@@ -4,11 +4,11 @@ import { ChartConfigService } from '../';
 export declare class AnnotationsDelegate {
     private chartConfigService;
     constructor(chartConfigService: ChartConfigService);
-    applyDefaultsToAnnotations(annotations: AnnotationOptions[]): Object[];
+    applyDefaultsToAnnotations(annotations: AnnotationOptions[]): object[];
     createAnnotationPluginOptionsObject(annotations: AnnotationOptions[]): {
         plugins: {
             annotation: {
-                annotations: Object[];
+                annotations: object[];
             };
         };
     };

package/lib/components/charts/shared/charts.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartDataset as ChartJSDataset, ChartOptions, ChartType as ChartJSType } from 'chart.js';
+import { ChartDataset as ChartJSDataset, ChartType as ChartJSType, ChartOptions } from 'chart.js';
 export declare type ChartHighlightedElements = number[][];
 export declare type ChartType = 'column' | 'bar' | 'line' | 'stock';
 export declare type ChartTypeConfig = {

package/lib/components/form-field/textarea/textarea.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, SimpleChanges, OnChanges } from '@angular/core';
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TextareaComponent implements OnChanges {
     kirbyChange: EventEmitter<string>;

package/lib/components/grid/grid.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnDestroy } from '@angular/core';
 import { BreakpointHelperService } from './breakpoint-helper.service';
 import { GridCardConfiguration } from './grid-card-configuration';
 import * as i0 from "@angular/core";
@@ -9,7 +9,7 @@ declare class GridCard {
     colSpan: number;
     constructor(configuration: GridCardConfiguration, row: number, col: number, colSpan: number);
 }
-export declare class GridComponent implements OnInit, OnDestroy {
+export declare class GridComponent implements OnDestroy {
     private breakpointHelper;
     cardConfigs: GridCardConfiguration[];
     cards: GridCard[];
@@ -18,7 +18,6 @@ export declare class GridComponent implements OnInit, OnDestroy {
     set cardConfigurations(cardConfigurations: GridCardConfiguration[]);
     constructor(breakpointHelper: BreakpointHelperService);
     configureGrid(): void;
-    ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "kirby-grid", never, { "maxColumns": "maxColumns"; "cardConfigurations": "cardConfigurations"; }, {}, never, never>;

package/lib/components/list/helpers/list-helper.d.ts

@@ -1,8 +1,22 @@
 import { ListComponent } from '../list.component';
 import { LoadOnDemandEventData } from '../list.event';
 import * as i0 from "@angular/core";
+declare type Section<T> = {
+    name: string;
+    items: T[];
+};
+declare type SectionWithStandAloneItems<T> = {
+    name: string;
+    lists: T[][];
+};
 export declare class ListHelper {
     onLoadOnDemand(component: ListComponent, _event: LoadOnDemandEventData): void;
+    groupSections<T>(items: T[], getGroupName: (item: T) => string): Section<T>[];
+    groupStandAloneItems<T>(items: T[], standAloneProperty: string): {
+        items: T[];
+    }[];
+    groupSectionsWithStandAloneItems<T>(items: T[], getGroupName: (item: T) => string, standAloneProperty: string): SectionWithStandAloneItems<T>[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ListHelper, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ListHelper>;
 }
+export {};

package/lib/components/list/index.d.ts

@@ -1,5 +1,5 @@
 export { ListComponent } from './list.component';
-export { ListShape } from './list.component';
+export { ListShape, StandAloneSpacing } from './list.component';
 export { ListHeaderComponent } from './list-header/list-header.component';
 export { ListSectionHeaderComponent } from './list-section-header/list-section-header.component';
 export { ListItemComponent } from './list-item/list-item.component';
@@ -14,4 +14,3 @@ export { ListItemTemplateDirective } from './list.directive';
 export { ListSectionHeaderDirective } from './list.directive';
 export { ListFooterDirective } from './list.directive';
 export { ListExperimentalComponent } from './list-experimental/list-experimental.component';
-export { GroupByPipe } from './pipes/group-by.pipe';

package/lib/components/list/list-section-header/list-section-header.component.d.ts

@@ -1,9 +1,6 @@
-import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ListSectionHeaderComponent implements OnInit {
+export declare class ListSectionHeaderComponent {
     title: string;
-    constructor();
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListSectionHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ListSectionHeaderComponent, "kirby-list-section-header", never, { "title": "title"; }, {}, never, never>;
 }

package/lib/components/list/list-swipe-action.type.d.ts

@@ -1,4 +1,4 @@
-import { ItemSlidingSide as ListSwipeDirection, ItemSwipeAction } from '../item-sliding/item-sliding.types';
+import { ItemSwipeAction, ItemSlidingSide as ListSwipeDirection } from '../item-sliding/item-sliding.types';
 declare type ListSwipeActionBaseTypes = Pick<ItemSwipeAction, 'title' | 'icon' | 'type' | 'isDisabled'>;
 export declare type ListSwipeAction = {
     [Property in keyof ListSwipeActionBaseTypes]: ((item: any) => ListSwipeActionBaseTypes[Property]) | ListSwipeActionBaseTypes[Property];

package/lib/components/list/list.component.d.ts

@@ -6,12 +6,11 @@ import { ListHelper } from './helpers/list-helper';
 import { BoundaryClass } from './list-item/list-item.component';
 import { ListSwipeAction } from './list-swipe-action.type';
 import { LoadOnDemandEvent, LoadOnDemandEventData } from './list.event';
-import { GroupByPipe } from './pipes/group-by.pipe';
 import * as i0 from "@angular/core";
 export declare type ListShape = 'square' | 'rounded' | 'none';
+export declare type StandAloneSpacing = 'xxxxs' | 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
 export declare class ListComponent implements OnInit, AfterViewInit, OnChanges {
     private listHelper;
-    private groupBy;
     private cdr;
     list: any;
     scrollDirective: InfiniteScrollDirective;
@@ -28,6 +27,14 @@ export declare class ListComponent implements OnInit, AfterViewInit, OnChanges {
      * Callback that defines how to track changes for items in the iterable.
      */
     trackBy: TrackByFunction<any>;
+    /**
+     * Property name to decide which items should be stand alone
+     */
+    getStandAloneByProperty: string;
+    /**
+     * Bottom margin for stand alone items
+     */
+    standAloneSpacing: StandAloneSpacing;
     /**
      * Text to display when no more items can be loaded (used for "on demand"-loading).
      */
@@ -81,11 +88,12 @@ export declare class ListComponent implements OnInit, AfterViewInit, OnChanges {
      */
     itemTemplate: TemplateRef<any>;
     _isSectionsEnabled: boolean;
+    _isStandAloneEnabled: boolean;
     _isSelectable: boolean;
     _isLoading: boolean;
     _groupedItems: any[];
     _selectedItem: any;
-    constructor(listHelper: ListHelper, groupBy: GroupByPipe, cdr: ChangeDetectorRef);
+    constructor(listHelper: ListHelper, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(): void;
@@ -97,6 +105,7 @@ export declare class ListComponent implements OnInit, AfterViewInit, OnChanges {
     onItemSelect(item: any): void;
     onSwipeActionSelect(args: any): void;
     _getBoundaryClass(index: number, section?: any[]): BoundaryClass;
+    standAloneClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "kirby-list", never, { "items": "items"; "getItemColor": "getItemColor"; "getSectionName": "getSectionName"; "trackBy": "trackBy"; "noMoreItemsText": "noMoreItemsText"; "showDivider": "showDivider"; "markSelectedRow": "markSelectedRow"; "shape": "shape"; "hasItemSpacing": "hasItemSpacing"; "isLoadOnDemandEnabled": "isLoadOnDemandEnabled"; "swipeActions": "swipeActions"; "disableSelectionHighlight": "disableSelectionHighlight"; }, { "loadOnDemand": "loadOnDemand"; "itemSelect": "itemSelect"; }, ["headerTemplate", "sectionHeaderTemplate", "footerTemplate", "itemTemplate", "kirbyItems"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "kirby-list", never, { "items": "items"; "getItemColor": "getItemColor"; "getSectionName": "getSectionName"; "trackBy": "trackBy"; "getStandAloneByProperty": "getStandAloneByProperty"; "standAloneSpacing": "standAloneSpacing"; "noMoreItemsText": "noMoreItemsText"; "showDivider": "showDivider"; "markSelectedRow": "markSelectedRow"; "shape": "shape"; "hasItemSpacing": "hasItemSpacing"; "isLoadOnDemandEnabled": "isLoadOnDemandEnabled"; "swipeActions": "swipeActions"; "disableSelectionHighlight": "disableSelectionHighlight"; }, { "loadOnDemand": "loadOnDemand"; "itemSelect": "itemSelect"; }, ["headerTemplate", "sectionHeaderTemplate", "footerTemplate", "itemTemplate", "kirbyItems"], never>;
 }

package/lib/components/page/page.component.d.ts

@@ -1,7 +1,6 @@
 import { AfterContentChecked, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { Router } from '@angular/router';
 import { FitHeadingConfig } from '../../directives/fit-heading/fit-heading.directive';
-import { WindowRef } from '../../types/window-ref';
 import { ModalWrapperComponent } from '../modal/modal-wrapper/modal-wrapper.component';
 import { ModalNavigationService } from '../modal/services/modal-navigation.service';
 import { ModalElementComponent, ModalElementsAdvertiser } from '../modal/services/modal.interfaces';
@@ -79,7 +78,6 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
     private renderer;
     private router;
     private changeDetectorRef;
-    private windowRef;
     private modalNavigationService;
     private tabsComponent;
     title: string;
@@ -96,7 +94,7 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
     leave: EventEmitter<void>;
     refresh: EventEmitter<PullToRefreshEvent>;
     backButtonClick: EventEmitter<Event>;
-    private content;
+    private content?;
     private ionContentElement;
     ionHeaderElement: ElementRef<HTMLIonHeaderElement>;
     private ionFooterElement;
@@ -128,7 +126,7 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
     private ngOnDestroy$;
     private navigationStart$;
     private navigationEnd$;
-    constructor(elementRef: ElementRef, renderer: Renderer2, router: Router, changeDetectorRef: ChangeDetectorRef, windowRef: WindowRef, modalNavigationService: ModalNavigationService, tabsComponent: TabsComponent);
+    constructor(elementRef: ElementRef, renderer: Renderer2, router: Router, changeDetectorRef: ChangeDetectorRef, modalNavigationService: ModalNavigationService, tabsComponent: TabsComponent);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -147,7 +145,8 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
         keyboardHeight: number;
     }): void;
     _onKeyboardWillHide(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, [null, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
+    _onSelectedTabClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, [null, null, null, null, null, { optional: true; skipSelf: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PageComponent, "kirby-page", never, { "title": "title"; "subtitle": "subtitle"; "toolbarTitle": "toolbarTitle"; "titleAlignment": "titleAlignment"; "defaultBackHref": "defaultBackHref"; "hideBackButton": "hideBackButton"; "titleMaxLines": "titleMaxLines"; "tabBarBottomHidden": "tabBarBottomHidden"; }, { "enter": "enter"; "leave": "leave"; "refresh": "refresh"; "backButtonClick": "backButtonClick"; }, ["customToolbarTitleTemplate", "customTitleTemplate", "customSubtitleTemplate", "customActions", "customContent"], ["kirby-page-footer", "kirby-page-actions", "kirby-page-content"]>;
 }
 export {};

package/lib/components/shared/resize-observer/resize-observer.factory.d.ts

@@ -1,7 +1,7 @@
 import { ResizeObserver } from './types/resize-observer';
 import { ResizeObserverCallback } from './types/resize-observer-callback';
 import * as i0 from "@angular/core";
-declare var ResizeObserver: {
+declare const ResizeObserver: {
     prototype: ResizeObserver;
     new (callback: ResizeObserverCallback): ResizeObserver;
 };

package/lib/components/shared/resize-observer/resize-observer.service.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnDestroy, NgZone } from '@angular/core';
+import { ElementRef, NgZone, OnDestroy } from '@angular/core';
 import { ResizeObserverEntry } from './types/resize-observer-entry';
 import { ResizeObserverFactory } from './resize-observer.factory';
 import * as i0 from "@angular/core";

package/lib/components/slide-button/slide-button.component.d.ts

@@ -1,4 +1,4 @@
-import { OnDestroy, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SlideButtonComponent implements OnDestroy {
     private changeDetectionRef;

package/lib/components/spinner/spinner.component.d.ts

@@ -1,8 +1,5 @@
-import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SpinnerComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
+export declare class SpinnerComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "kirby-spinner", never, {}, {}, never, never>;
 }

package/lib/components/tabs/tab-button/tab-button.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnInit, Renderer2, QueryList } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit, QueryList, Renderer2 } from '@angular/core';
 import { IconComponent } from '../../icon/icon.component';
 import * as i0 from "@angular/core";
 export declare class TabButtonComponent implements OnInit {

package/lib/helpers/merge-deep.d.ts

@@ -13,4 +13,4 @@
 export declare function mergeDeep(originalObject: any, overrideObject: any, config?: {
     mergeArrays: boolean;
 }): any;
-export declare function mergeDeepAll(...objects: Object[]): Object;
+export declare function mergeDeepAll(...objects: object[]): object;

package/lib/kirby.module.d.ts

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

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "7.0.1",
+  "version": "7.1.1",
   "dependencies": {
     "@fontsource/roboto": "4.2.1",
     "@ionic/angular": "6.2.1",
-    "@kirbydesign/core": "0.0.33",
+    "@kirbydesign/core": "0.0.35",
     "chart.js": "3.3.2",
     "chartjs-adapter-date-fns": "^2.0.0",
     "chartjs-plugin-annotation": "^1.0.2",

package/readme.md

@@ -164,7 +164,6 @@ A basic walkthrough is outlined in the structure below:
    |                        #   and `@kirbydesign/designsystem/testing-jest` entry points.
    ├── sass-to-ts           # - CLI and Webpack plugin for extract global variables from SASS to TS
    ├── schematics           # - Angular schematics
-   └── tslint-rules         # - Custom lintiong rules
 ```
 
 ## Scripts
@@ -226,7 +225,7 @@ The Kirby chart components use Highcharts. Note that this is a licensed product.
 
 ## Contributing
 
-If you wish to contribute new features, bug fixes or something third to the project have a look at the [contribution guidelines](./github/CONTRIBUTING.md).
+If you wish to contribute new features, bug fixes or something third to the project have a look at the [contribution guidelines](./.github/CONTRIBUTING.md).
 
 [angular]: https://angular.io
 [jasmine]: https://jasmine.github.io/

package/src/lib/components/icon/README.md

@@ -0,0 +1,16 @@
+# Add new icons
+
+To add new icons, you should use the [icomoon app](https://icomoon.io).
+
+## Generate font from svg's
+
+1. Upload selection.json to get existing icons and settings
+2. Upload new icons
+3. Download Font
+
+## Update kirby icons
+
+1. Replace src/kirby/icon/selection.json, with newly generated selection.json
+2. Replace src/fonts/kirby.ttf, with newly generated kirby.ttf
+3. Update kirby-custom-icon-settings.ts with new icons (old icons should not have changed)
+4. Add new icon svg's to src/assets/icons/kirby

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

@@ -8,6 +8,7 @@ export { MockCardFooterComponent } from './mock.card-footer.component';
 export { MockCardHeaderComponent } from './mock.card-header.component';
 export { MockCardComponent } from './mock.card.component';
 export { MockChartComponent } from './mock.chart.component';
+export { MockBaseChartComponent } from './mock.base-chart.component';
 export { MockCheckboxComponent } from './mock.checkbox.component';
 export { MockChipComponent } from './mock.chip.component';
 export { MockDividerComponent } from './mock.divider.component';

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

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

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

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

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

@@ -18,9 +18,10 @@ export declare class MockCalendarComponent {
     yearNavigatorOptions: CalendarYearNavigatorConfig;
     selectedDate: Date;
     disabledDates: Date[];
+    enabledDates: 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, ["*"]>;
+    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"; "enabledDates": "enabledDates"; "todayDate": "todayDate"; "minDate": "minDate"; "maxDate": "maxDate"; }, { "dateChange": "dateChange"; "dateSelect": "dateSelect"; "yearSelect": "yearSelect"; }, never, ["*"]>;
 }