@kirbydesign/designsystem 6.0.2-beta.0 → 6.0.3

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: Omit<AnnotationTypeRegistry, 'label' | 'polygon'>;
+export declare const CHART_ANNOTATIONS_CONFIG: AnnotationTypeRegistry;

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

@@ -111,8 +111,6 @@ 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,12 +93,10 @@ 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;
@@ -135,7 +133,6 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
     delegateRefreshEvent(event: any): void;
     private onEnter;
     private onLeave;
-    private interceptBackButtonClicksSetup;
     private initializeTitle;
     private initializeActions;
     private initializeContent;
@@ -146,6 +143,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"; "backButtonClick": "backButtonClick"; }, ["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"; }, ["customToolbarTitleTemplate", "customTitleTemplate", "customSubtitleTemplate", "customActions", "customContent"], ["kirby-page-footer", "kirby-page-actions", "kirby-page-content"]>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "6.0.2-beta.0",
+  "version": "6.0.3",
   "dependencies": {
     "@fontsource/roboto": "4.2.1",
     "@ionic/angular": "5.5.2",

package/readme.md

@@ -28,9 +28,11 @@ 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
 
@@ -182,6 +184,40 @@ 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)_.
@@ -224,10 +260,6 @@ _**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,8 +57,7 @@ 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"; "backButtonClick": "backButtonClick"; }, 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, ["*"]>;
 }
 export {};

package/scss/_trigger-publish.scss

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

package/scss/_trigger.scss

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

package/scss/awesome-stylesheet.scss

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

package/scss/base/_awesome-partial.scss

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

package/scss/base/_index.scss

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

package/scss/base/_interaction-states.scss

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

package/scss/base/index.scss

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

package/scss/interaction-state/_state-layer.scss

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

package/scss/interaction-state/_utilities.scss

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

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

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

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

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

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

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

package/scss/interaction-states/_hover.scss

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

package/scss/interaction-states/_index.scss

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