@kirbydesign/designsystem 6.0.1 → 6.0.2

package/icons/svg/insurance.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+<path d="M17.5002556,9.824 C16.3866369,9.824 15.3920844,10.247 14.7497275,10.905 C14.1083712,10.247 13.1138187,9.824 12.0002,9.824 C10.8855808,9.824 9.89202879,10.247 9.24967193,10.905 C8.60831562,10.247 7.61476365,9.824 6.50014441,9.824 C5.88980534,9.824 5.31548627,9.951 4.81520834,10.174 C5.74172307,6.613 8.61231784,4.011 12.0002,4.011 C15.3880822,4.011 18.2586769,6.613 19.1851917,10.174 C18.6849137,9.951 18.1105947,9.824 17.5002556,9.824 M12.0002,2.5 C7.03744291,2.5 3.0002,7.055 3.0002,12.653 C3.0002,13.07 3.33638677,13.408 3.7506169,13.408 C4.16484703,13.408 4.5010338,13.07 4.5010338,12.653 C4.5010338,11.938 5.41654241,11.335 6.50014441,11.335 C7.58374641,11.335 8.49925503,11.938 8.49925503,12.653 C8.49925503,13.07 8.8354418,13.408 9.24967193,13.408 C9.66390206,13.408 10.0000888,13.07 10.0000888,12.653 C10.0000888,12.113 10.5253807,11.636 11.2497831,11.436 L11.247782,18.491 C11.247782,19.317 10.6454474,19.99 9.90603658,19.99 C9.16462468,19.99 8.56229005,19.317 8.56229005,18.491 C8.56229005,18.074 8.22610328,17.735 7.81187315,17.735 C7.39764302,17.735 7.06145625,18.074 7.06145625,18.491 C7.06145625,20.15 8.33716498,21.5 9.90603658,21.5 C11.4739076,21.5 12.7496163,20.15 12.7496163,18.491 L12.7506169,11.436 C13.4750193,11.636 13.9993106,12.113 13.9993106,12.653 C13.9993106,13.07 14.3354974,13.408 14.7497275,13.408 C15.1639576,13.408 15.5001444,13.07 15.5001444,12.653 C15.5001444,11.938 16.415653,11.335 17.5002556,11.335 C18.5838576,11.335 19.4993662,11.938 19.4993662,12.653 C19.4993662,13.07 19.835553,13.408 20.2497831,13.408 C20.6640132,13.408 21.0002,13.07 21.0002,12.653 C21.0002,7.055 16.9629571,2.5 12.0002,2.5" id="insurance" fill="currentColor" fill-rule="nonzero"></path>
+</g>
+</svg>

package/lib/components/chart/configs/annotations.config.d.ts

@@ -1,2 +1,2 @@
 import { AnnotationTypeRegistry } from 'chartjs-plugin-annotation';
-export declare const CHART_ANNOTATIONS_CONFIG: AnnotationTypeRegistry;
+export declare const CHART_ANNOTATIONS_CONFIG: Omit<AnnotationTypeRegistry, 'label' | 'polygon'>;

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

@@ -111,6 +111,8 @@ export declare class DropdownComponent implements AfterContentChecked, AfterView
     _onMouseDown(event: MouseEvent): void;
     _onFocus(): void;
     _onPopoverWillHide(): void;
+    _onEnterOrEscape(): void;
+    _onPopoverClick(event: PointerEvent): void;
     _onBlur(event?: FocusEvent): void;
     _onSpace(event: KeyboardEvent): void;
     _onEnter(event: KeyboardEvent): void;

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

@@ -93,10 +93,12 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
     enter: EventEmitter<void>;
     leave: EventEmitter<void>;
     refresh: EventEmitter<PullToRefreshEvent>;
+    backButtonClick: EventEmitter<Event>;
     private content;
     private ionContentElement;
     ionHeaderElement: ElementRef<HTMLIonHeaderElement>;
     private ionFooterElement;
+    private backButtonDelegate;
     private pageTitle;
     private simpleTitleTemplate;
     private simpleToolbarTitleTemplate;
@@ -133,6 +135,7 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
     delegateRefreshEvent(event: any): void;
     private onEnter;
     private onLeave;
+    private interceptBackButtonClicksSetup;
     private initializeTitle;
     private initializeActions;
     private initializeContent;
@@ -143,6 +146,6 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
     }): void;
     _onKeyboardWillHide(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, [null, 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"; }, ["customToolbarTitleTemplate", "customTitleTemplate", "customSubtitleTemplate", "customActions", "customContent"], ["kirby-page-footer", "kirby-page-actions", "kirby-page-content"]>;
+    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/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "6.0.1",
+  "version": "6.0.2",
   "dependencies": {
     "@fontsource/roboto": "4.2.1",
     "@ionic/angular": "5.5.2",
-    "@kirbydesign/core": "0.0.27",
+    "@kirbydesign/core": "0.0.28",
     "chart.js": "3.3.2",
     "chartjs-adapter-date-fns": "^2.0.0",
     "chartjs-plugin-annotation": "^1.0.2",

package/readme.md

@@ -28,11 +28,9 @@ The Kirby Cookbook, containing samples, status of components etc. can be accesse
   - [Migration Guides](#migration-guides)
 - [Folder Structure](#folder-structure)
 - [Scripts](#scripts)
-- [Developing new features in Kirby](#developing-new-features-in-kirby)
-  - ["New feature"-process](#new-feature-process)
-  - [Testing new features](#testing-new-features)
 - [Polyfills](#polyfills)
 - [Chart Components](#chart-components)
+- [Contributing](#contributing)
 
 ## Installation
 
@@ -184,40 +182,6 @@ Use them in your terminal like: `npm run <script>` :
 | dist:designsystem | Builds a distribution folder of the Designsystem library                                                                                               |
 | transpile:tools   | Transpiles tools, required to produce library distribution (this is done as a `post-install` hook, but may have value if altering tool implementation) |
 
-## Developing new features in Kirby
-
-When developing new features in the Kirby Designsystem library, please follow the process described below:
-
-### "New feature"-process
-
-TBD
-
-### Testing new features
-
-Developing new features should also include that they should be tested.
-
-1. Make sure that the code is unit tested.
-2. Make sure that examples and showcases are added for the new features (in the cookbook)
-
-   ... this will also act as documentation for users of the Designsystem library.
-
-3. Test the new features in your own application
-
-   The easiest way to do this is to build a distribution package, and install it in your own project.
-
-```
-   # 1. From the root of this repository, run (this may take a minute or two):
-   npm run publish
-
-   # Then, from the root of your application, execute:
-   npm i <path-to-root-of-designsystem>/dist/kirbydesign-designsystem-<version>.tgz
-
-   # ... where <path-to-root-of-designsystem> is replaced with the real path
-   #     and <version> is the version of designsystem that was build (in the previous step)
-
-   # You do NOT want to commit the changes made to package.json and package-lock.json to your code base!
-```
-
 ## Polyfills
 
 Some features of Kirby requires polyfills to ensure compability across all major browsers _(e.g. the `ResizeObserverService` used by the automagic sizing feature of the `Kirby Card` component)_.
@@ -260,6 +224,10 @@ _**Please note:** If you don't want the additional http request for the polyfill
 
 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).
+
 [angular]: https://angular.io
 [jasmine]: https://jasmine.github.io/
 [jest]: https://jestjs.io/

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

@@ -57,7 +57,8 @@ export declare class MockPageComponent {
     enter: EventEmitter<void>;
     leave: EventEmitter<void>;
     refresh: EventEmitter<PullToRefreshEvent>;
+    backButtonClick: EventEmitter<Event>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MockPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MockPageComponent, "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"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockPageComponent, "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"; }, never, ["*"]>;
 }
 export {};