@kirbydesign/designsystem 6.0.1 → 6.0.2-beta.0

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,6 +1,6 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "6.0.1",
+  "version": "6.0.2-beta.0",
   "dependencies": {
     "@fontsource/roboto": "4.2.1",
     "@ionic/angular": "5.5.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/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/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/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 {};

package/README.md

@@ -1,7 +0,0 @@
-# designsystem
-
-This library was generated with [Nx](https://nx.dev).
-
-## Running unit tests
-
-Run `nx test designsystem` to execute the unit tests.