@kirbydesign/designsystem 8.2.0-rc.2 → 8.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -0
- package/action-group/action-group.component.d.ts +10 -6
- package/esm2020/action-group/action-group.component.mjs +25 -29
- package/esm2020/header/header.component.mjs +12 -26
- package/esm2020/header/public_api.mjs +2 -2
- package/esm2020/page/page.component.mjs +8 -23
- package/fesm2015/kirbydesign-designsystem-accordion.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-action-group.mjs +25 -30
- package/fesm2015/kirbydesign-designsystem-action-group.mjs.map +1 -1
- package/fesm2015/kirbydesign-designsystem-alert-experimental.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-avatar.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-button.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-calendar.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-card.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-chart.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-checkbox.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-data-table.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-divider.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-dropdown.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-empty-state.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-fab-sheet.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-flag.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-form-field.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-grid.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-header.mjs +12 -29
- package/fesm2015/kirbydesign-designsystem-header.mjs.map +1 -1
- package/fesm2015/kirbydesign-designsystem-helpers-scss.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-helpers.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-icon.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-item-group.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-item-sliding.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-item.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-kirby-app.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-kirby-ionic-module.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-list.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-loading-overlay.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-modal-v2.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-modal.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-page.mjs +7 -23
- package/fesm2015/kirbydesign-designsystem-page.mjs.map +1 -1
- package/fesm2015/kirbydesign-designsystem-popover.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-progress-circle.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-radio.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-range.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-reorder-list.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-router-outlet.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-section-header.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-shared-floating.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-shared-portal.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-shared.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-slide-button.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-slide.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-spinner.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-tabs.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-testing-base.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-testing-jasmine.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-testing-jest.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-testing.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-toast.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-toggle-button.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-toggle.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem-types.mjs +0 -1
- package/fesm2015/kirbydesign-designsystem.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-accordion.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-action-group.mjs +25 -30
- package/fesm2020/kirbydesign-designsystem-action-group.mjs.map +1 -1
- package/fesm2020/kirbydesign-designsystem-alert-experimental.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-avatar.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-button.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-calendar.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-card.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-chart.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-checkbox.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-data-table.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-divider.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-dropdown.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-empty-state.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-fab-sheet.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-flag.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-form-field.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-grid.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-header.mjs +12 -27
- package/fesm2020/kirbydesign-designsystem-header.mjs.map +1 -1
- package/fesm2020/kirbydesign-designsystem-helpers-scss.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-helpers.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-icon.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-item-group.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-item-sliding.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-item.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-kirby-app.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-kirby-ionic-module.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-list.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-loading-overlay.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-modal-v2.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-modal.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-page.mjs +7 -23
- package/fesm2020/kirbydesign-designsystem-page.mjs.map +1 -1
- package/fesm2020/kirbydesign-designsystem-popover.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-progress-circle.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-radio.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-range.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-reorder-list.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-router-outlet.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-section-header.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-shared-floating.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-shared-portal.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-shared.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-slide-button.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-slide.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-spinner.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-tabs.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-testing-base.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-testing-jasmine.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-testing-jest.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-testing.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-toast.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-toggle-button.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-toggle.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem-types.mjs +0 -1
- package/fesm2020/kirbydesign-designsystem.mjs +0 -1
- package/header/header.component.d.ts +5 -11
- package/header/public_api.d.ts +1 -1
- package/package.json +2 -2
- package/page/page.component.d.ts +3 -4
- package/icon/src/README.md +0 -16
|
@@ -742,4 +742,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
742
742
|
|
|
743
743
|
export { KirbyBadge as BadgeComponent, KeyHandlerDirective, KirbyBadgeModule, KirbyExperimentalModule, KirbyModule, ModalRouterLinkDirective, PageLocalNavigationComponent, SegmentedControlComponent, SegmentedControlMode };
|
|
744
744
|
//# sourceMappingURL=kirbydesign-designsystem.mjs.map
|
|
745
|
-
//# sourceMappingURL=kirbydesign-designsystem.mjs.map
|
|
@@ -1,12 +1,8 @@
|
|
|
1
|
-
import { AfterContentInit, ElementRef,
|
|
1
|
+
import { AfterContentInit, ElementRef, Injector, OnInit, TemplateRef } from '@angular/core';
|
|
2
2
|
import { AvatarComponent } from '@kirbydesign/designsystem/avatar';
|
|
3
3
|
import { FlagComponent } from '@kirbydesign/designsystem/flag';
|
|
4
4
|
import type { FitHeadingConfig } from '@kirbydesign/designsystem/shared';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare type HeaderConfig = {
|
|
7
|
-
titleMaxLines?: number;
|
|
8
|
-
};
|
|
9
|
-
export declare const HEADER_CONFIG: InjectionToken<HeaderConfig>;
|
|
10
6
|
export declare class HeaderActionsDirective {
|
|
11
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderActionsDirective, never>;
|
|
12
8
|
static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderActionsDirective, "[kirbyHeaderActions]", never, {}, {}, never, never, false, never>;
|
|
@@ -15,10 +11,9 @@ export declare class HeaderCustomSectionDirective {
|
|
|
15
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderCustomSectionDirective, never>;
|
|
16
12
|
static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderCustomSectionDirective, "[kirbyHeaderCustomSection]", never, {}, {}, never, never, false, never>;
|
|
17
13
|
}
|
|
18
|
-
export declare class HeaderComponent implements AfterContentInit,
|
|
14
|
+
export declare class HeaderComponent implements AfterContentInit, OnInit {
|
|
19
15
|
private injector;
|
|
20
|
-
|
|
21
|
-
centered: boolean;
|
|
16
|
+
centered?: boolean;
|
|
22
17
|
titleMaxLines: number;
|
|
23
18
|
emphasizeActions: boolean;
|
|
24
19
|
fitHeadingConfig: FitHeadingConfig;
|
|
@@ -35,10 +30,9 @@ export declare class HeaderComponent implements AfterContentInit, OnChanges, OnI
|
|
|
35
30
|
subtitle2: string;
|
|
36
31
|
_actionGroupInjector: Injector;
|
|
37
32
|
private actionGroupConfig;
|
|
38
|
-
constructor(injector: Injector
|
|
33
|
+
constructor(injector: Injector);
|
|
39
34
|
ngOnInit(): void;
|
|
40
35
|
ngAfterContentInit(): void;
|
|
41
|
-
|
|
42
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, [null, { optional: true; }]>;
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
|
|
43
37
|
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "kirby-header", never, { "centered": "centered"; "titleMaxLines": "titleMaxLines"; "emphasizeActions": "emphasizeActions"; "title": "title"; "value": "value"; "valueUnit": "valueUnit"; "subtitle1": "subtitle1"; "subtitle2": "subtitle2"; }, {}, ["avatar", "flag", "actionsTemplate", "customSectionTemplate"], ["kirby-avatar", "kirby-flag"], false, never>;
|
|
44
38
|
}
|
package/header/public_api.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { HeaderComponent, HeaderActionsDirective, HeaderCustomSectionDirective,
|
|
1
|
+
export { HeaderComponent, HeaderActionsDirective, HeaderCustomSectionDirective, } from './header.component';
|
|
2
2
|
export { HeaderModule } from './header.module';
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kirbydesign/designsystem",
|
|
3
|
-
"version": "8.2.0
|
|
3
|
+
"version": "8.2.0",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"@floating-ui/dom": "^1.1.0",
|
|
6
6
|
"@fontsource/roboto": "4.2.1",
|
|
7
7
|
"@ionic/angular": "6.2.1",
|
|
8
|
-
"@kirbydesign/core": "0.0.
|
|
8
|
+
"@kirbydesign/core": "0.0.45",
|
|
9
9
|
"inputmask": "5.0.5",
|
|
10
10
|
"tslib": "^2.3.0"
|
|
11
11
|
},
|
package/page/page.component.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { Router } from '@angular/router';
|
|
|
3
3
|
import { TabsComponent } from '@kirbydesign/designsystem/tabs';
|
|
4
4
|
import { ModalElementComponent, ModalElementsAdvertiser, ModalNavigationService, ModalWrapperComponent } from '@kirbydesign/designsystem/modal';
|
|
5
5
|
import { FitHeadingConfig, ResizeObserverService } from '@kirbydesign/designsystem/shared';
|
|
6
|
-
import { HeaderComponent
|
|
6
|
+
import { HeaderComponent } from '@kirbydesign/designsystem/header';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
declare type stickyConfig = {
|
|
9
9
|
sticky: boolean;
|
|
@@ -85,7 +85,6 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
|
|
|
85
85
|
private zone;
|
|
86
86
|
private modalNavigationService;
|
|
87
87
|
private resizeObserverService;
|
|
88
|
-
private headerConfig;
|
|
89
88
|
private tabsComponent;
|
|
90
89
|
title: string;
|
|
91
90
|
subtitle: string;
|
|
@@ -144,7 +143,7 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
|
|
|
144
143
|
private navigationStart$;
|
|
145
144
|
private navigationEnd$;
|
|
146
145
|
toolbarActionGroupInjector: Injector;
|
|
147
|
-
constructor(elementRef: ElementRef, injector: Injector, renderer: Renderer2, router: Router, changeDetectorRef: ChangeDetectorRef, zone: NgZone, modalNavigationService: ModalNavigationService, resizeObserverService: ResizeObserverService,
|
|
146
|
+
constructor(elementRef: ElementRef, injector: Injector, renderer: Renderer2, router: Router, changeDetectorRef: ChangeDetectorRef, zone: NgZone, modalNavigationService: ModalNavigationService, resizeObserverService: ResizeObserverService, tabsComponent: TabsComponent);
|
|
148
147
|
private contentReadyPromise;
|
|
149
148
|
private whenContentReady;
|
|
150
149
|
ngOnInit(): void;
|
|
@@ -174,7 +173,7 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
|
|
|
174
173
|
}): void;
|
|
175
174
|
_onKeyboardWillHide(): void;
|
|
176
175
|
_onSelectedTabClick(): void;
|
|
177
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, [null, null, null, null, null, null, null, null,
|
|
176
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, [null, null, null, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
|
|
178
177
|
static ɵcmp: i0.ɵɵComponentDeclaration<PageComponent, "kirby-page", never, { "title": "title"; "subtitle": "subtitle"; "toolbarTitle": "toolbarTitle"; "titleAlignment": "titleAlignment"; "defaultBackHref": "defaultBackHref"; "hideBackButton": "hideBackButton"; "titleMaxLines": "titleMaxLines"; "maxWidth": "maxWidth"; "tabBarBottomHidden": "tabBarBottomHidden"; }, { "enter": "enter"; "leave": "leave"; "refresh": "refresh"; "backButtonClick": "backButtonClick"; }, ["customToolbarTitleTemplate", "customTitleTemplate", "customSubtitleTemplate", "stickyContentRef", "header", "customActions", "customContent"], ["kirby-header", "kirby-page-footer", "kirby-page-actions", "kirby-page-content"], false, never>;
|
|
179
178
|
}
|
|
180
179
|
export {};
|
package/icon/src/README.md
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
# Add new icons
|
|
2
|
-
|
|
3
|
-
To add new icons, you should use the [icomoon app](https://icomoon.io).
|
|
4
|
-
|
|
5
|
-
## Generate font from svg's
|
|
6
|
-
|
|
7
|
-
1. Upload selection.json to get existing icons and settings
|
|
8
|
-
2. Upload new icons
|
|
9
|
-
3. Download Font
|
|
10
|
-
|
|
11
|
-
## Update kirby icons
|
|
12
|
-
|
|
13
|
-
1. Replace src/kirby/icon/selection.json, with newly generated selection.json
|
|
14
|
-
2. Replace src/fonts/kirby.ttf, with newly generated kirby.ttf
|
|
15
|
-
3. Update kirby-custom-icon-settings.ts with new icons (old icons should not have changed)
|
|
16
|
-
4. Add new icon svg's to src/assets/icons/kirby
|