@kirbydesign/extensions-angular 5.1.0 → 6.0.0-dev-d045bb2
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/fesm2022/kirbydesign-extensions-angular-combobox.mjs +897 -852
- package/fesm2022/kirbydesign-extensions-angular-combobox.mjs.map +1 -1
- package/fesm2022/kirbydesign-extensions-angular-image-banner.mjs +206 -128
- package/fesm2022/kirbydesign-extensions-angular-image-banner.mjs.map +1 -1
- package/fesm2022/kirbydesign-extensions-angular-localization.mjs +541 -411
- package/fesm2022/kirbydesign-extensions-angular-localization.mjs.map +1 -1
- package/fesm2022/kirbydesign-extensions-angular-sidebar-menu.mjs +1462 -603
- package/fesm2022/kirbydesign-extensions-angular-sidebar-menu.mjs.map +1 -1
- package/fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs +79 -40
- package/fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs.map +1 -1
- package/fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs +164 -155
- package/fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs.map +1 -1
- package/fesm2022/kirbydesign-extensions-angular.mjs +1 -8
- package/fesm2022/kirbydesign-extensions-angular.mjs.map +1 -1
- package/package.json +13 -13
- package/types/kirbydesign-extensions-angular-combobox.d.ts +273 -216
- package/types/kirbydesign-extensions-angular-image-banner.d.ts +102 -66
- package/types/kirbydesign-extensions-angular-localization.d.ts +185 -204
- package/types/kirbydesign-extensions-angular-sidebar-menu.d.ts +137 -120
- package/types/kirbydesign-extensions-angular-skeleton-loader.d.ts +23 -17
- package/types/kirbydesign-extensions-angular-spot-illustration.d.ts +224 -212
- package/types/kirbydesign-extensions-angular.d.ts +2 -2
- package/combobox/package.json +0 -4
- package/image-banner/package.json +0 -4
- package/localization/package.json +0 -4
- package/sidebar-menu/package.json +0 -4
- package/skeleton-loader/package.json +0 -4
- package/spot-illustration/package.json +0 -4
|
@@ -1,137 +1,154 @@
|
|
|
1
|
-
import { ThemeColor } from
|
|
2
|
-
import { Params } from
|
|
3
|
-
import * as i0 from
|
|
4
|
-
import { EventEmitter } from
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
value: string;
|
|
10
|
-
themeColor?: ThemeColor;
|
|
11
|
-
slot?: string;
|
|
1
|
+
import { ThemeColor } from "@kirbydesign/designsystem";
|
|
2
|
+
import { Params } from "@angular/router";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import { EventEmitter } from "@angular/core";
|
|
5
|
+
export type Badge = {
|
|
6
|
+
value: string;
|
|
7
|
+
themeColor?: ThemeColor;
|
|
8
|
+
slot?: string;
|
|
12
9
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
uncheckedIcon: string;
|
|
10
|
+
export type Toggle = {
|
|
11
|
+
checkedIcon: string;
|
|
12
|
+
uncheckedIcon: string;
|
|
17
13
|
};
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
isLink?: boolean;
|
|
14
|
+
export type ActionItem = {
|
|
15
|
+
id: string;
|
|
16
|
+
type: 'action';
|
|
17
|
+
title: string;
|
|
18
|
+
icon?: string;
|
|
19
|
+
badge?: Badge;
|
|
20
|
+
toggle?: Toggle;
|
|
21
|
+
href?: string;
|
|
22
|
+
isLink?: boolean;
|
|
28
23
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
target?: '_self' | '_blank' | '_parent' | '_top';
|
|
24
|
+
export type ExternalLinkItem = {
|
|
25
|
+
id: string;
|
|
26
|
+
type: 'external-link';
|
|
27
|
+
title: string;
|
|
28
|
+
icon?: string;
|
|
29
|
+
badge?: Badge;
|
|
30
|
+
toggle?: Toggle;
|
|
31
|
+
url: string;
|
|
32
|
+
target?: '_self' | '_blank' | '_parent' | '_top';
|
|
39
33
|
};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
skipLocationChange?: boolean;
|
|
34
|
+
export type RouterLinkItem = {
|
|
35
|
+
id: string;
|
|
36
|
+
type: 'router-link';
|
|
37
|
+
title: string;
|
|
38
|
+
icon?: string;
|
|
39
|
+
badge?: Badge;
|
|
40
|
+
toggle?: Toggle;
|
|
41
|
+
route: string;
|
|
42
|
+
target?: '_self' | '_blank' | '_parent' | '_top';
|
|
43
|
+
queryParams?: Params;
|
|
44
|
+
replaceUrl?: boolean;
|
|
45
|
+
skipLocationChange?: boolean;
|
|
53
46
|
};
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
children: SidebarMenuItem[];
|
|
47
|
+
export type SubmenuItem = {
|
|
48
|
+
id: string;
|
|
49
|
+
type: 'submenu';
|
|
50
|
+
title: string;
|
|
51
|
+
icon?: string;
|
|
52
|
+
isReorderable?: boolean;
|
|
53
|
+
children: SidebarMenuItem[];
|
|
62
54
|
};
|
|
63
|
-
|
|
64
55
|
type Divider = {
|
|
65
|
-
|
|
66
|
-
|
|
56
|
+
id: string;
|
|
57
|
+
type: 'divider';
|
|
67
58
|
};
|
|
68
|
-
|
|
69
|
-
type
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
id: string;
|
|
73
|
-
isExpanded: boolean;
|
|
59
|
+
export type SidebarMenuItem = SubmenuItem | ActionItem | RouterLinkItem | ExternalLinkItem | Divider;
|
|
60
|
+
export type ExpandEvent = {
|
|
61
|
+
id: string;
|
|
62
|
+
isExpanded: boolean;
|
|
74
63
|
};
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
isChecked: boolean;
|
|
64
|
+
export type CheckEvent = {
|
|
65
|
+
id: string;
|
|
66
|
+
isChecked: boolean;
|
|
79
67
|
};
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
reorderedItemIds: string[];
|
|
68
|
+
export type SidebarMenuItemReorderEvent = {
|
|
69
|
+
parentId: string;
|
|
70
|
+
itemId: string;
|
|
71
|
+
previousIndex: number;
|
|
72
|
+
currentIndex: number;
|
|
73
|
+
reorderedItemIds: string[];
|
|
87
74
|
};
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
|
|
91
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "kirby-x-sidebar", never, {}, {}, never, ["kirby-x-sidebar-header", "*", "kirby-x-sidebar-footer"], true, never>;
|
|
75
|
+
declare namespace sidebar_component_d_exports {
|
|
76
|
+
export { SidebarComponent };
|
|
92
77
|
}
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarFooterComponent, "kirby-x-sidebar-footer", never, {}, {}, never, ["*"], true, never>;
|
|
78
|
+
export declare class SidebarComponent {
|
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
|
|
80
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "kirby-x-sidebar", never, {}, {}, never, ["kirby-x-sidebar-header", "*", "kirby-x-sidebar-footer"], true, never>;
|
|
97
81
|
}
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarHeaderComponent, never>;
|
|
101
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarHeaderComponent, "kirby-x-sidebar-header", never, {}, {}, never, ["[slot='logo']", "[slot='action']"], true, never>;
|
|
82
|
+
declare namespace sidebar_footer_component_d_exports {
|
|
83
|
+
export { SidebarFooterComponent };
|
|
102
84
|
}
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
set menuItems(menuItems: SidebarMenuItem[]);
|
|
107
|
-
set selectedItem(value: string);
|
|
108
|
-
set expandedItems(value: Set<string>);
|
|
109
|
-
set checkedItems(value: Set<string>);
|
|
110
|
-
set autoCollapse(value: boolean);
|
|
111
|
-
setMenuHeight(height: number): void;
|
|
112
|
-
menuItemsChange: EventEmitter<SidebarMenuItem[]>;
|
|
113
|
-
selectedItemChange: EventEmitter<string>;
|
|
114
|
-
expandedItemsChange: EventEmitter<Set<string>>;
|
|
115
|
-
checkedItemsChange: EventEmitter<Set<string>>;
|
|
116
|
-
expandChange: rxjs.Observable<_kirbydesign_extensions_angular_sidebar_menu.ExpandEvent>;
|
|
117
|
-
checkChange: rxjs.Observable<_kirbydesign_extensions_angular_sidebar_menu.CheckEvent>;
|
|
118
|
-
itemReorder: rxjs.Observable<_kirbydesign_extensions_angular_sidebar_menu.SidebarMenuItemReorderEvent>;
|
|
119
|
-
itemSelect: rxjs.Observable<string>;
|
|
120
|
-
constructor();
|
|
121
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMenuComponent, never>;
|
|
122
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMenuComponent, "kirby-x-sidebar-menu", never, { "menuItems": { "alias": "menuItems"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "expandedItems": { "alias": "expandedItems"; "required": false; }; "checkedItems": { "alias": "checkedItems"; "required": false; }; "autoCollapse": { "alias": "autoCollapse"; "required": false; }; }, { "menuItemsChange": "menuItemsChange"; "selectedItemChange": "selectedItemChange"; "expandedItemsChange": "expandedItemsChange"; "checkedItemsChange": "checkedItemsChange"; "expandChange": "expandChange"; "checkChange": "checkChange"; "itemReorder": "itemReorder"; "itemSelect": "itemSelect"; }, never, never, true, never>;
|
|
85
|
+
export declare class SidebarFooterComponent {
|
|
86
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarFooterComponent, never>;
|
|
87
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarFooterComponent, "kirby-x-sidebar-footer", never, {}, {}, never, ["*"], true, never>;
|
|
123
88
|
}
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMenuLoaderComponent, never>;
|
|
127
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMenuLoaderComponent, "kirby-x-sidebar-menu-loader", never, {}, {}, never, never, true, never>;
|
|
89
|
+
declare namespace sidebar_header_component_d_exports {
|
|
90
|
+
export { SidebarHeaderComponent };
|
|
128
91
|
}
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SidebarModule, never, [typeof SidebarComponent, typeof SidebarFooterComponent, typeof SidebarHeaderComponent], [typeof SidebarComponent, typeof SidebarFooterComponent, typeof SidebarHeaderComponent]>;
|
|
133
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SidebarModule>;
|
|
92
|
+
export declare class SidebarHeaderComponent {
|
|
93
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarHeaderComponent, never>;
|
|
94
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarHeaderComponent, "kirby-x-sidebar-header", never, {}, {}, never, ["[slot='logo']", "[slot='action']"], true, never>;
|
|
134
95
|
}
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
96
|
+
export declare class SidebarMenuComponent {
|
|
97
|
+
#private;
|
|
98
|
+
set menuItems(menuItems: SidebarMenuItem[]);
|
|
99
|
+
set selectedItem(value: string);
|
|
100
|
+
set expandedItems(value: Set<string>);
|
|
101
|
+
set checkedItems(value: Set<string>);
|
|
102
|
+
set autoCollapse(value: boolean);
|
|
103
|
+
setMenuHeight(height: number): void;
|
|
104
|
+
menuItemsChange: EventEmitter<SidebarMenuItem[]>;
|
|
105
|
+
selectedItemChange: EventEmitter<string>;
|
|
106
|
+
expandedItemsChange: EventEmitter<Set<string>>;
|
|
107
|
+
checkedItemsChange: EventEmitter<Set<string>>;
|
|
108
|
+
expandChange: import("rxjs").Observable<import("@kirbydesign/extensions-angular/sidebar-menu").ExpandEvent>;
|
|
109
|
+
checkChange: import("rxjs").Observable<import("@kirbydesign/extensions-angular/sidebar-menu").CheckEvent>;
|
|
110
|
+
itemReorder: import("rxjs").Observable<import("@kirbydesign/extensions-angular/sidebar-menu").SidebarMenuItemReorderEvent>;
|
|
111
|
+
itemSelect: import("rxjs").Observable<string>;
|
|
112
|
+
constructor();
|
|
113
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMenuComponent, never>;
|
|
114
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMenuComponent, "kirby-x-sidebar-menu", never, {
|
|
115
|
+
"menuItems": {
|
|
116
|
+
"alias": "menuItems";
|
|
117
|
+
"required": false;
|
|
118
|
+
};
|
|
119
|
+
"selectedItem": {
|
|
120
|
+
"alias": "selectedItem";
|
|
121
|
+
"required": false;
|
|
122
|
+
};
|
|
123
|
+
"expandedItems": {
|
|
124
|
+
"alias": "expandedItems";
|
|
125
|
+
"required": false;
|
|
126
|
+
};
|
|
127
|
+
"checkedItems": {
|
|
128
|
+
"alias": "checkedItems";
|
|
129
|
+
"required": false;
|
|
130
|
+
};
|
|
131
|
+
"autoCollapse": {
|
|
132
|
+
"alias": "autoCollapse";
|
|
133
|
+
"required": false;
|
|
134
|
+
};
|
|
135
|
+
}, {
|
|
136
|
+
"menuItemsChange": "menuItemsChange";
|
|
137
|
+
"selectedItemChange": "selectedItemChange";
|
|
138
|
+
"expandedItemsChange": "expandedItemsChange";
|
|
139
|
+
"checkedItemsChange": "checkedItemsChange";
|
|
140
|
+
"expandChange": "expandChange";
|
|
141
|
+
"checkChange": "checkChange";
|
|
142
|
+
"itemReorder": "itemReorder";
|
|
143
|
+
"itemSelect": "itemSelect";
|
|
144
|
+
}, never, never, true, never>;
|
|
145
|
+
}
|
|
146
|
+
export declare class SidebarMenuLoaderComponent {
|
|
147
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMenuLoaderComponent, never>;
|
|
148
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMenuLoaderComponent, "kirby-x-sidebar-menu-loader", never, {}, {}, never, never, true, never>;
|
|
149
|
+
}
|
|
150
|
+
export declare class SidebarModule {
|
|
151
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarModule, never>;
|
|
152
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SidebarModule, never, [typeof SidebarComponent, typeof SidebarFooterComponent, typeof SidebarHeaderComponent], [typeof SidebarComponent, typeof SidebarFooterComponent, typeof SidebarHeaderComponent]>;
|
|
153
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SidebarModule>;
|
|
154
|
+
}
|
|
@@ -1,17 +1,23 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class SkeletonLoaderComponent {
|
|
3
|
+
/**
|
|
4
|
+
* The theme for the skeleton loader to use for gradient color. Theme is automatically set when used inside a themed kirby-card.
|
|
5
|
+
*/
|
|
6
|
+
theme: 'light' | 'dark';
|
|
7
|
+
/**
|
|
8
|
+
* The shape of the skeleton loader.
|
|
9
|
+
*/
|
|
10
|
+
shape: 'rectangle' | 'circle' | 'pill';
|
|
11
|
+
get _cssClass(): ("light" | "dark" | "rectangle" | "circle" | "pill")[];
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "kirby-x-skeleton-loader", never, {
|
|
14
|
+
"theme": {
|
|
15
|
+
"alias": "theme";
|
|
16
|
+
"required": false;
|
|
17
|
+
};
|
|
18
|
+
"shape": {
|
|
19
|
+
"alias": "shape";
|
|
20
|
+
"required": false;
|
|
21
|
+
};
|
|
22
|
+
}, {}, never, never, true, never>;
|
|
23
|
+
}
|