@kirbydesign/extensions-angular 5.1.0 → 6.0.0-dev-67d5287

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.
Files changed (28) hide show
  1. package/fesm2022/kirbydesign-extensions-angular-combobox.mjs +931 -852
  2. package/fesm2022/kirbydesign-extensions-angular-combobox.mjs.map +1 -1
  3. package/fesm2022/kirbydesign-extensions-angular-image-banner.mjs +206 -128
  4. package/fesm2022/kirbydesign-extensions-angular-image-banner.mjs.map +1 -1
  5. package/fesm2022/kirbydesign-extensions-angular-localization.mjs +541 -411
  6. package/fesm2022/kirbydesign-extensions-angular-localization.mjs.map +1 -1
  7. package/fesm2022/kirbydesign-extensions-angular-sidebar-menu.mjs +1464 -605
  8. package/fesm2022/kirbydesign-extensions-angular-sidebar-menu.mjs.map +1 -1
  9. package/fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs +82 -40
  10. package/fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs.map +1 -1
  11. package/fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs +164 -155
  12. package/fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs.map +1 -1
  13. package/fesm2022/kirbydesign-extensions-angular.mjs +1 -8
  14. package/fesm2022/kirbydesign-extensions-angular.mjs.map +1 -1
  15. package/package.json +13 -13
  16. package/types/kirbydesign-extensions-angular-combobox.d.ts +276 -215
  17. package/types/kirbydesign-extensions-angular-image-banner.d.ts +102 -66
  18. package/types/kirbydesign-extensions-angular-localization.d.ts +185 -204
  19. package/types/kirbydesign-extensions-angular-sidebar-menu.d.ts +137 -120
  20. package/types/kirbydesign-extensions-angular-skeleton-loader.d.ts +24 -17
  21. package/types/kirbydesign-extensions-angular-spot-illustration.d.ts +224 -212
  22. package/types/kirbydesign-extensions-angular.d.ts +2 -2
  23. package/combobox/package.json +0 -4
  24. package/image-banner/package.json +0 -4
  25. package/localization/package.json +0 -4
  26. package/sidebar-menu/package.json +0 -4
  27. package/skeleton-loader/package.json +0 -4
  28. package/spot-illustration/package.json +0 -4
@@ -1,137 +1,154 @@
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
- import * as rxjs from 'rxjs';
6
- import * as _kirbydesign_extensions_angular_sidebar_menu from '@kirbydesign/extensions-angular/sidebar-menu';
7
-
8
- type Badge = {
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
- type Toggle = {
15
- checkedIcon: string;
16
- uncheckedIcon: string;
10
+ export type Toggle = {
11
+ checkedIcon: string;
12
+ uncheckedIcon: string;
17
13
  };
18
-
19
- type ActionItem = {
20
- id: string;
21
- type: 'action';
22
- title: string;
23
- icon?: string;
24
- badge?: Badge;
25
- toggle?: Toggle;
26
- href?: string;
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
- type ExternalLinkItem = {
31
- id: string;
32
- type: 'external-link';
33
- title: string;
34
- icon?: string;
35
- badge?: Badge;
36
- toggle?: Toggle;
37
- url: string;
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
- type RouterLinkItem = {
42
- id: string;
43
- type: 'router-link';
44
- title: string;
45
- icon?: string;
46
- badge?: Badge;
47
- toggle?: Toggle;
48
- route: string;
49
- target?: '_self' | '_blank' | '_parent' | '_top';
50
- queryParams?: Params;
51
- replaceUrl?: boolean;
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
- type SubmenuItem = {
56
- id: string;
57
- type: 'submenu';
58
- title: string;
59
- icon?: string;
60
- isReorderable?: boolean;
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
- id: string;
66
- type: 'divider';
56
+ id: string;
57
+ type: 'divider';
67
58
  };
68
-
69
- type SidebarMenuItem = SubmenuItem | ActionItem | RouterLinkItem | ExternalLinkItem | Divider;
70
-
71
- type ExpandEvent = {
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
- type CheckEvent = {
77
- id: string;
78
- isChecked: boolean;
64
+ export type CheckEvent = {
65
+ id: string;
66
+ isChecked: boolean;
79
67
  };
80
-
81
- type SidebarMenuItemReorderEvent = {
82
- parentId: string;
83
- itemId: string;
84
- previousIndex: number;
85
- currentIndex: number;
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
- declare class SidebarComponent {
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
- declare class SidebarFooterComponent {
95
- static ɵfac: i0.ɵɵFactoryDeclaration<SidebarFooterComponent, never>;
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
- declare class SidebarHeaderComponent {
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
- declare class SidebarMenuComponent {
105
- #private;
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
- declare class SidebarMenuLoaderComponent {
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
- declare class SidebarModule {
131
- static ɵfac: i0.ɵɵFactoryDeclaration<SidebarModule, never>;
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
- export { SidebarComponent, SidebarFooterComponent, SidebarHeaderComponent, SidebarMenuComponent, SidebarMenuLoaderComponent, SidebarModule };
137
- export type { ActionItem, Badge, CheckEvent, ExpandEvent, ExternalLinkItem, RouterLinkItem, SidebarMenuItem, SidebarMenuItemReorderEvent, SubmenuItem, Toggle };
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,24 @@
1
- import * as i0 from '@angular/core';
2
-
3
- declare class SkeletonLoaderComponent {
4
- /**
5
- * The theme for the skeleton loader to use for gradient color. Theme is automatically set when used inside a themed kirby-card.
6
- */
7
- theme: 'light' | 'dark';
8
- /**
9
- * The shape of the skeleton loader.
10
- */
11
- shape: 'rectangle' | 'circle' | 'pill';
12
- get _cssClass(): ("light" | "dark" | "rectangle" | "circle" | "pill")[];
13
- static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderComponent, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "kirby-x-skeleton-loader", never, { "theme": { "alias": "theme"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; }, {}, never, never, true, never>;
15
- }
16
-
17
- export { SkeletonLoaderComponent };
1
+ import * as i0 from "@angular/core";
2
+ export declare class SkeletonLoaderComponent {
3
+ /**
4
+ * @deprecated The skeleton loader now follows the surface it's placed on, so this input no longer has any effect.
5
+ * This input will be removed in a future major version.
6
+ */
7
+ set theme(_value: 'light' | 'dark');
8
+ /**
9
+ * The shape of the skeleton loader.
10
+ */
11
+ shape: 'rectangle' | 'circle' | 'pill';
12
+ get _cssClass(): ("rectangle" | "circle" | "pill")[];
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderComponent, never>;
14
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "kirby-x-skeleton-loader", never, {
15
+ "theme": {
16
+ "alias": "theme";
17
+ "required": false;
18
+ };
19
+ "shape": {
20
+ "alias": "shape";
21
+ "required": false;
22
+ };
23
+ }, {}, never, never, true, never>;
24
+ }