@kirbydesign/extensions-angular 5.0.1 → 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/assets/spot-illustrations/graph.coins.dot.bars.medium.svg +5 -0
- package/assets/spot-illustrations/house.plant.door.bars.medium.svg +5 -0
- package/assets/spot-illustrations/letters.arrow.triangle.circle.large.svg +5 -0
- package/assets/spot-illustrations/moneybag.money-notes.dot.bars.medium.svg +5 -0
- package/assets/spot-illustrations/template.plus.dot.circle.xlarge.svg +5 -0
- 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 -140
- 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 -187
- 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,145 +1,169 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import {
|
|
3
|
-
import { IonIcon } from
|
|
4
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, computed, input } from "@angular/core";
|
|
3
|
+
import { IonIcon } from "@ionic/angular";
|
|
5
4
|
var SpotIllustrationSize;
|
|
6
|
-
(function
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
(function(SpotIllustrationSize) {
|
|
6
|
+
SpotIllustrationSize["SM"] = "sm";
|
|
7
|
+
SpotIllustrationSize["MD"] = "md";
|
|
8
|
+
SpotIllustrationSize["LG"] = "lg";
|
|
9
|
+
SpotIllustrationSize["XL"] = "xl";
|
|
11
10
|
})(SpotIllustrationSize || (SpotIllustrationSize = {}));
|
|
12
11
|
const illustrations = {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
xl: 'hand.balloon.balloon.circle.xlarge.svg',
|
|
62
|
-
},
|
|
63
|
-
'hand-money.line.money-dot.bars': {
|
|
64
|
-
md: 'hand-money.line.money-dot.bars.medium.svg',
|
|
65
|
-
},
|
|
66
|
-
'invest-page.money.dot.circle': {
|
|
67
|
-
md: 'invest-page.money.dot.circle.medium.svg',
|
|
68
|
-
},
|
|
69
|
-
'invest-document.graph.bars.square': {
|
|
70
|
-
md: 'invest-document.graph.bars.square.medium.svg',
|
|
71
|
-
lg: 'invest-document.graph.bars.square.large.svg',
|
|
72
|
-
xl: 'invest-document.graph.bars.square.xlarge.svg',
|
|
73
|
-
},
|
|
74
|
-
'megaphone.sound.megaphone-part.circle': {
|
|
75
|
-
xl: 'megaphone.sound.megaphone-part.circle.xlarge.svg',
|
|
76
|
-
},
|
|
77
|
-
'money.none.coin.bars': {
|
|
78
|
-
md: 'money.none.coin.bars.medium.svg',
|
|
79
|
-
},
|
|
80
|
-
'money.arrow.coin.bars': {
|
|
81
|
-
md: 'money.arrow.coin.bars.medium.svg',
|
|
82
|
-
},
|
|
83
|
-
'money-coinstack.graphline.topcoin.bars': {
|
|
84
|
-
md: 'money-coinstack.graphline.topcoin.bars.medium.svg',
|
|
85
|
-
},
|
|
86
|
-
'money-notes.shield.heart.circle': {
|
|
87
|
-
md: 'money-notes.shield.heart.circle.medium.svg',
|
|
88
|
-
},
|
|
89
|
-
'piggy-bank.money.money-dot.bars': {
|
|
90
|
-
md: 'piggy-bank.money.money-dot.bars.medium.svg',
|
|
91
|
-
},
|
|
92
|
-
'plant.bars.leaf.bars': {
|
|
93
|
-
md: 'plant.bars.leaf.bars.medium.svg',
|
|
94
|
-
},
|
|
95
|
-
'robot.none.antenna-dot.body': {
|
|
96
|
-
md: 'robot.none.antenna-dot.body.medium.svg',
|
|
97
|
-
lg: 'robot.none.antenna-dot.body.large.svg',
|
|
98
|
-
},
|
|
99
|
-
'hand.moneybag.ribbon.circle': {
|
|
100
|
-
lg: 'hand.moneybag.ribbon.circle.large.svg',
|
|
101
|
-
},
|
|
102
|
-
'wallet.face-coins.star.circle': {
|
|
103
|
-
lg: 'wallet.face-coins.star.circle.large.svg',
|
|
104
|
-
},
|
|
105
|
-
'device.arrow-download.dot.circle': {
|
|
106
|
-
xl: 'device.arrow-download.dot.circle.xlarge.svg',
|
|
107
|
-
},
|
|
12
|
+
"airballoon.wind.ballon-part.cloud": { md: "airballoon.wind.ballon-part.cloud.medium.svg" },
|
|
13
|
+
"banknotes.arrow.dot.circle": { md: "banknotes.arrow.dot.circle.medium.svg" },
|
|
14
|
+
"bell.checkmark.dot.bars": { xl: "bell.checkmark.dot.bars.xlarge.svg" },
|
|
15
|
+
"bell.exclamation-mark.triangle.bars": { md: "bell.exclamation-mark.triangle.bars.medium.svg" },
|
|
16
|
+
"box.curve.box.half-circle": { md: "box.curve.box.half-circle.medium.svg" },
|
|
17
|
+
"box.none.plus-dot.bars": { lg: "box.none.plus-dot.bars.large.svg" },
|
|
18
|
+
"calculator.money.coin.rectangle": { md: "calculator.money.coin.rectangle.medium.svg" },
|
|
19
|
+
"calendar.money.coin.bars": { md: "calendar.money.coin.bars.medium.svg" },
|
|
20
|
+
"calender.loop-arrow.zoom.bars": {
|
|
21
|
+
lg: "calender.loop-arrow.zoom.bars.large.svg",
|
|
22
|
+
xl: "calender.loop-arrow.zoom.bars.xlarge.svg"
|
|
23
|
+
},
|
|
24
|
+
"calender.money-arrows.header.bars": {
|
|
25
|
+
md: "calender.money-arrows.header.bars.medium.svg",
|
|
26
|
+
lg: "calender.money-arrows.header.bars.large.svg"
|
|
27
|
+
},
|
|
28
|
+
"checkmark.circle.circle-part.shadow": { lg: "checkmark.circle.circle-part.shadow.large.svg" },
|
|
29
|
+
"computer.certificate.padlock.circle": { lg: "computer.certificate.padlock.circle.large.svg" },
|
|
30
|
+
"cross.circle.circle-part.shadow": { lg: "cross.circle.circle-part.shadow.large.svg" },
|
|
31
|
+
"device.arrow-download.dot.circle": { xl: "device.arrow-download.dot.circle.xlarge.svg" },
|
|
32
|
+
"document.card.dot.circle": { lg: "document.card.dot.circle.large.svg" },
|
|
33
|
+
"exclamation-mark.circle.circle-part.shadow": { lg: "exclamation-mark.circle.circle-part.shadow.large.svg" },
|
|
34
|
+
"graph.coins.dot.bars": { md: "graph.coins.dot.bars.medium.svg" },
|
|
35
|
+
"hand-money.line.money-dot.bars": { md: "hand-money.line.money-dot.bars.medium.svg" },
|
|
36
|
+
"hand.balloon.balloon.circle": { xl: "hand.balloon.balloon.circle.xlarge.svg" },
|
|
37
|
+
"hand.moneybag.ribbon.circle": { lg: "hand.moneybag.ribbon.circle.large.svg" },
|
|
38
|
+
"house.plant.door.bars": { md: "house.plant.door.bars.medium.svg" },
|
|
39
|
+
"invest-document.graph.bars.square": {
|
|
40
|
+
md: "invest-document.graph.bars.square.medium.svg",
|
|
41
|
+
lg: "invest-document.graph.bars.square.large.svg",
|
|
42
|
+
xl: "invest-document.graph.bars.square.xlarge.svg"
|
|
43
|
+
},
|
|
44
|
+
"invest-page.money.dot.circle": { md: "invest-page.money.dot.circle.medium.svg" },
|
|
45
|
+
"letters.arrow.triangle.circle": { lg: "letters.arrow.triangle.circle.large.svg" },
|
|
46
|
+
"megaphone.sound.megaphone-part.circle": { xl: "megaphone.sound.megaphone-part.circle.xlarge.svg" },
|
|
47
|
+
"money-coinstack.graphline.topcoin.bars": { md: "money-coinstack.graphline.topcoin.bars.medium.svg" },
|
|
48
|
+
"money-notes.shield.heart.circle": { md: "money-notes.shield.heart.circle.medium.svg" },
|
|
49
|
+
"money.arrow.coin.bars": { md: "money.arrow.coin.bars.medium.svg" },
|
|
50
|
+
"money.none.coin.bars": { md: "money.none.coin.bars.medium.svg" },
|
|
51
|
+
"moneybag.money-notes.dot.bars": { md: "moneybag.money-notes.dot.bars.medium.svg" },
|
|
52
|
+
"piggy-bank.money.money-dot.bars": { md: "piggy-bank.money.money-dot.bars.medium.svg" },
|
|
53
|
+
"plant.bars.leaf.bars": { md: "plant.bars.leaf.bars.medium.svg" },
|
|
54
|
+
"robot.none.antenna-dot.body": {
|
|
55
|
+
md: "robot.none.antenna-dot.body.medium.svg",
|
|
56
|
+
lg: "robot.none.antenna-dot.body.large.svg"
|
|
57
|
+
},
|
|
58
|
+
"template.plus.dot.circle": { xl: "template.plus.dot.circle.xlarge.svg" },
|
|
59
|
+
"wallet.face-coins.star.circle": { lg: "wallet.face-coins.star.circle.large.svg" }
|
|
108
60
|
};
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
61
|
+
var SpotIllustrationComponent = class SpotIllustrationComponent {
|
|
62
|
+
constructor() {
|
|
63
|
+
this.size = input(SpotIllustrationSize.MD, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
|
|
64
|
+
this.name = input.required(...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
65
|
+
this.illustration = computed(() => {
|
|
66
|
+
const name = this.name();
|
|
67
|
+
return name ? illustrations[name] : null;
|
|
68
|
+
}, ...ngDevMode ? [{ debugName: "illustration" }] : /* istanbul ignore next */ []);
|
|
69
|
+
this.svg = computed(() => {
|
|
70
|
+
const illustration = this.illustration();
|
|
71
|
+
const size = this.size();
|
|
72
|
+
return illustration && illustration[size] ? `assets/spot-illustrations/${illustration[size]}` : void 0;
|
|
73
|
+
}, ...ngDevMode ? [{ debugName: "svg" }] : /* istanbul ignore next */ []);
|
|
74
|
+
}
|
|
75
|
+
static {
|
|
76
|
+
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
77
|
+
minVersion: "12.0.0",
|
|
78
|
+
version: "22.2.2",
|
|
79
|
+
ngImport: i0,
|
|
80
|
+
type: SpotIllustrationComponent,
|
|
81
|
+
deps: [],
|
|
82
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
static {
|
|
86
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
87
|
+
minVersion: "17.0.0",
|
|
88
|
+
version: "22.2.2",
|
|
89
|
+
type: SpotIllustrationComponent,
|
|
90
|
+
isStandalone: true,
|
|
91
|
+
selector: "kirby-x-spot-illustration",
|
|
92
|
+
inputs: {
|
|
93
|
+
size: {
|
|
94
|
+
classPropertyName: "size",
|
|
95
|
+
publicName: "size",
|
|
96
|
+
isSignal: true,
|
|
97
|
+
isRequired: false,
|
|
98
|
+
transformFunction: null
|
|
99
|
+
},
|
|
100
|
+
name: {
|
|
101
|
+
classPropertyName: "name",
|
|
102
|
+
publicName: "name",
|
|
103
|
+
isSignal: true,
|
|
104
|
+
isRequired: true,
|
|
105
|
+
transformFunction: null
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
ngImport: i0,
|
|
109
|
+
template: "@if (svg()) {\n <ion-icon [src]=\"svg()\" [class]=\"size()\"></ion-icon>\n}\n",
|
|
110
|
+
styles: [".sm{font-size:40px;display:block}.md{font-size:56px;display:block}.lg{font-size:96px;display:block}.xl{font-size:136px;display:block}:host-context(.kirby-color-brightness-dark){--kirby-x-spot-illustration-background-color: var(--kirby-white-overlay);--kirby-x-spot-illustration-outline-color: var(--kirby-white);--kirby-x-spot-illustration-highlight-color: var(--kirby-primary)}:host-context(.kirby-color-brightness-white){--kirby-x-spot-illustration-background-color: var(--kirby-dark-overlay);--kirby-x-spot-illustration-outline-color: var(--kirby-black);--kirby-x-spot-illustration-highlight-color: var(--kirby-primary)}ion-icon::part(background){fill:var(--kirby-x-spot-illustration-background-color, var(--kirby-dark-overlay))}ion-icon::part(outline){fill:var(--kirby-x-spot-illustration-outline-color, var(--kirby-black))}ion-icon::part(highlight){fill:var(--kirby-x-spot-illustration-highlight-color, var(--kirby-primary))}ion-icon::part(danger){fill:var(--kirby-danger)}ion-icon::part(warning){fill:var(--kirby-warning)}ion-icon::part(success){fill:var(--kirby-success)}\n"],
|
|
111
|
+
dependencies: [{
|
|
112
|
+
kind: "component",
|
|
113
|
+
type: IonIcon,
|
|
114
|
+
selector: "ion-icon",
|
|
115
|
+
inputs: [
|
|
116
|
+
"color",
|
|
117
|
+
"flipRtl",
|
|
118
|
+
"icon",
|
|
119
|
+
"ios",
|
|
120
|
+
"lazy",
|
|
121
|
+
"md",
|
|
122
|
+
"mode",
|
|
123
|
+
"name",
|
|
124
|
+
"sanitize",
|
|
125
|
+
"size",
|
|
126
|
+
"src"
|
|
127
|
+
]
|
|
128
|
+
}],
|
|
129
|
+
changeDetection: i0.ChangeDetectionStrategy.Eager
|
|
130
|
+
});
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
134
|
+
minVersion: "12.0.0",
|
|
135
|
+
version: "22.2.2",
|
|
136
|
+
ngImport: i0,
|
|
137
|
+
type: SpotIllustrationComponent,
|
|
138
|
+
decorators: [{
|
|
139
|
+
type: Component,
|
|
140
|
+
args: [{
|
|
141
|
+
selector: "kirby-x-spot-illustration",
|
|
142
|
+
imports: [IonIcon],
|
|
143
|
+
changeDetection: ChangeDetectionStrategy.Eager,
|
|
144
|
+
template: "@if (svg()) {\n <ion-icon [src]=\"svg()\" [class]=\"size()\"></ion-icon>\n}\n",
|
|
145
|
+
styles: [".sm{font-size:40px;display:block}.md{font-size:56px;display:block}.lg{font-size:96px;display:block}.xl{font-size:136px;display:block}:host-context(.kirby-color-brightness-dark){--kirby-x-spot-illustration-background-color: var(--kirby-white-overlay);--kirby-x-spot-illustration-outline-color: var(--kirby-white);--kirby-x-spot-illustration-highlight-color: var(--kirby-primary)}:host-context(.kirby-color-brightness-white){--kirby-x-spot-illustration-background-color: var(--kirby-dark-overlay);--kirby-x-spot-illustration-outline-color: var(--kirby-black);--kirby-x-spot-illustration-highlight-color: var(--kirby-primary)}ion-icon::part(background){fill:var(--kirby-x-spot-illustration-background-color, var(--kirby-dark-overlay))}ion-icon::part(outline){fill:var(--kirby-x-spot-illustration-outline-color, var(--kirby-black))}ion-icon::part(highlight){fill:var(--kirby-x-spot-illustration-highlight-color, var(--kirby-primary))}ion-icon::part(danger){fill:var(--kirby-danger)}ion-icon::part(warning){fill:var(--kirby-warning)}ion-icon::part(success){fill:var(--kirby-success)}\n"]
|
|
146
|
+
}]
|
|
147
|
+
}],
|
|
148
|
+
propDecorators: {
|
|
149
|
+
size: [{
|
|
150
|
+
type: i0.Input,
|
|
151
|
+
args: [{
|
|
152
|
+
isSignal: true,
|
|
153
|
+
alias: "size",
|
|
154
|
+
required: false
|
|
155
|
+
}]
|
|
156
|
+
}],
|
|
157
|
+
name: [{
|
|
158
|
+
type: i0.Input,
|
|
159
|
+
args: [{
|
|
160
|
+
isSignal: true,
|
|
161
|
+
alias: "name",
|
|
162
|
+
required: true
|
|
163
|
+
}]
|
|
164
|
+
}]
|
|
165
|
+
}
|
|
166
|
+
});
|
|
144
167
|
export { SpotIllustrationComponent, SpotIllustrationSize, illustrations };
|
|
145
|
-
|
|
168
|
+
|
|
169
|
+
//# sourceMappingURL=kirbydesign-extensions-angular-spot-illustration.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kirbydesign-extensions-angular-spot-illustration.mjs","sources":["../../spot-illustration/src/spot-illustrations.ts","../../spot-illustration/src/spot-illustration.component.ts","../../spot-illustration/src/spot-illustration.component.html"
|
|
1
|
+
{"version":3,"file":"kirbydesign-extensions-angular-spot-illustration.mjs","names":[],"sources":["../../spot-illustration/src/spot-illustrations.ts","../../spot-illustration/src/spot-illustration.component.ts","../../spot-illustration/src/spot-illustration.component.html"],"sourcesContent":["export interface Illustration {\n sm?: string;\n md?: string;\n lg?: string;\n xl?: string;\n}\n\nexport enum SpotIllustrationSize {\n SM = 'sm',\n MD = 'md',\n LG = 'lg',\n XL = 'xl',\n}\nexport const illustrations = {\n 'airballoon.wind.ballon-part.cloud': {\n md: 'airballoon.wind.ballon-part.cloud.medium.svg',\n },\n 'banknotes.arrow.dot.circle': {\n md: 'banknotes.arrow.dot.circle.medium.svg',\n },\n 'bell.checkmark.dot.bars': {\n xl: 'bell.checkmark.dot.bars.xlarge.svg',\n },\n 'bell.exclamation-mark.triangle.bars': {\n md: 'bell.exclamation-mark.triangle.bars.medium.svg',\n },\n 'box.curve.box.half-circle': {\n md: 'box.curve.box.half-circle.medium.svg',\n },\n 'box.none.plus-dot.bars': {\n lg: 'box.none.plus-dot.bars.large.svg',\n },\n 'calculator.money.coin.rectangle': {\n md: 'calculator.money.coin.rectangle.medium.svg',\n },\n 'calendar.money.coin.bars': {\n md: 'calendar.money.coin.bars.medium.svg',\n },\n 'calender.loop-arrow.zoom.bars': {\n lg: 'calender.loop-arrow.zoom.bars.large.svg',\n xl: 'calender.loop-arrow.zoom.bars.xlarge.svg',\n },\n 'calender.money-arrows.header.bars': {\n md: 'calender.money-arrows.header.bars.medium.svg',\n lg: 'calender.money-arrows.header.bars.large.svg',\n },\n 'checkmark.circle.circle-part.shadow': {\n lg: 'checkmark.circle.circle-part.shadow.large.svg',\n },\n 'computer.certificate.padlock.circle': {\n lg: 'computer.certificate.padlock.circle.large.svg',\n },\n 'cross.circle.circle-part.shadow': {\n lg: 'cross.circle.circle-part.shadow.large.svg',\n },\n 'device.arrow-download.dot.circle': {\n xl: 'device.arrow-download.dot.circle.xlarge.svg',\n },\n 'document.card.dot.circle': {\n lg: 'document.card.dot.circle.large.svg',\n },\n 'exclamation-mark.circle.circle-part.shadow': {\n lg: 'exclamation-mark.circle.circle-part.shadow.large.svg',\n },\n 'graph.coins.dot.bars': {\n md: 'graph.coins.dot.bars.medium.svg',\n },\n 'hand-money.line.money-dot.bars': {\n md: 'hand-money.line.money-dot.bars.medium.svg',\n },\n 'hand.balloon.balloon.circle': {\n xl: 'hand.balloon.balloon.circle.xlarge.svg',\n },\n 'hand.moneybag.ribbon.circle': {\n lg: 'hand.moneybag.ribbon.circle.large.svg',\n },\n 'house.plant.door.bars': {\n md: 'house.plant.door.bars.medium.svg',\n },\n 'invest-document.graph.bars.square': {\n md: 'invest-document.graph.bars.square.medium.svg',\n lg: 'invest-document.graph.bars.square.large.svg',\n xl: 'invest-document.graph.bars.square.xlarge.svg',\n },\n 'invest-page.money.dot.circle': {\n md: 'invest-page.money.dot.circle.medium.svg',\n },\n 'letters.arrow.triangle.circle': {\n lg: 'letters.arrow.triangle.circle.large.svg',\n },\n 'megaphone.sound.megaphone-part.circle': {\n xl: 'megaphone.sound.megaphone-part.circle.xlarge.svg',\n },\n 'money-coinstack.graphline.topcoin.bars': {\n md: 'money-coinstack.graphline.topcoin.bars.medium.svg',\n },\n 'money-notes.shield.heart.circle': {\n md: 'money-notes.shield.heart.circle.medium.svg',\n },\n 'money.arrow.coin.bars': {\n md: 'money.arrow.coin.bars.medium.svg',\n },\n 'money.none.coin.bars': {\n md: 'money.none.coin.bars.medium.svg',\n },\n 'moneybag.money-notes.dot.bars': {\n md: 'moneybag.money-notes.dot.bars.medium.svg',\n },\n 'piggy-bank.money.money-dot.bars': {\n md: 'piggy-bank.money.money-dot.bars.medium.svg',\n },\n 'plant.bars.leaf.bars': {\n md: 'plant.bars.leaf.bars.medium.svg',\n },\n 'robot.none.antenna-dot.body': {\n md: 'robot.none.antenna-dot.body.medium.svg',\n lg: 'robot.none.antenna-dot.body.large.svg',\n },\n 'template.plus.dot.circle': {\n xl: 'template.plus.dot.circle.xlarge.svg',\n },\n 'wallet.face-coins.star.circle': {\n lg: 'wallet.face-coins.star.circle.large.svg',\n },\n} as const satisfies Record<string, Illustration>;\n\nexport type SpotIllustrationName = keyof typeof illustrations | null;\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { IonIcon } from '@ionic/angular';\nimport {\n Illustration,\n illustrations,\n SpotIllustrationName,\n SpotIllustrationSize,\n} from './spot-illustrations';\n\n@Component({\n selector: 'kirby-x-spot-illustration',\n imports: [IonIcon],\n templateUrl: './spot-illustration.component.html',\n styleUrl: './spot-illustration.component.scss',\n changeDetection: ChangeDetectionStrategy.Eager,\n})\nexport class SpotIllustrationComponent {\n /**\n * The size of the Spot Illustration\n */\n size = input<SpotIllustrationSize>(SpotIllustrationSize.MD);\n\n /**\n * The name of the Spot Illustration to display\n */\n name = input.required<SpotIllustrationName>();\n\n illustration = computed(() => {\n const name = this.name();\n return name ? illustrations[name] : null;\n });\n\n svg = computed(() => {\n const illustration = this.illustration() as Illustration;\n const size = this.size();\n return illustration && illustration[size]\n ? `assets/spot-illustrations/${illustration[size]}`\n : undefined;\n });\n}\n","@if (svg()) {\n <ion-icon [src]=\"svg()\" [class]=\"size()\"></ion-icon>\n}\n"],"mappings":"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"}
|
|
@@ -1,9 +1,2 @@
|
|
|
1
|
-
// All components should be imported through their individual entry-points.
|
|
2
|
-
// This file and empty export is needed to satisfy ng_packagr.
|
|
3
|
-
// This workaround is inspired by Material Design https://github.com/angular/components/blob/main/src/material/index.ts
|
|
4
|
-
var index = {};
|
|
5
1
|
|
|
6
|
-
|
|
7
|
-
* Generated bundle index. Do not edit.
|
|
8
|
-
*/
|
|
9
|
-
//# sourceMappingURL=kirbydesign-extensions-angular.mjs.map
|
|
2
|
+
//# sourceMappingURL=kirbydesign-extensions-angular.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kirbydesign-extensions-angular.mjs","sources":["../../index.ts"
|
|
1
|
+
{"version":3,"file":"kirbydesign-extensions-angular.mjs","names":[],"sources":["../../index.ts"],"sourcesContent":["// All components should be imported through their individual entry-points.\n// This file and empty export is needed to satisfy ng_packagr.\n// This workaround is inspired by Material Design https://github.com/angular/components/blob/main/src/material/index.ts\nexport default {};\n"],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kirbydesign/extensions-angular",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0-dev-d045bb2",
|
|
4
4
|
"author": "kirby@bankdata.dk",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/kirbydesign/designsystem.git"
|
|
8
8
|
},
|
|
9
9
|
"peerDependencies": {
|
|
10
|
-
"@angular/animations": "^
|
|
11
|
-
"@angular/cdk": "^
|
|
12
|
-
"@angular/common": "^
|
|
13
|
-
"@angular/compiler": "^
|
|
14
|
-
"@angular/core": "^
|
|
15
|
-
"@angular/forms": "^
|
|
16
|
-
"@angular/platform-browser": "^
|
|
17
|
-
"@angular/platform-browser-dynamic": "^
|
|
18
|
-
"@angular/router": "^
|
|
19
|
-
"@kirbydesign/designsystem": "
|
|
20
|
-
"rxjs": "
|
|
10
|
+
"@angular/animations": "^21.0.0 || ^22.0.0",
|
|
11
|
+
"@angular/cdk": "^21.0.0 || ^22.0.0",
|
|
12
|
+
"@angular/common": "^21.0.0 || ^22.0.0",
|
|
13
|
+
"@angular/compiler": "^21.0.0 || ^22.0.0",
|
|
14
|
+
"@angular/core": "^21.0.0 || ^22.0.0",
|
|
15
|
+
"@angular/forms": "^21.0.0 || ^22.0.0",
|
|
16
|
+
"@angular/platform-browser": "^21.0.0 || ^22.0.0",
|
|
17
|
+
"@angular/platform-browser-dynamic": "^21.0.0 || ^22.0.0",
|
|
18
|
+
"@angular/router": "^21.0.0 || ^22.0.0",
|
|
19
|
+
"@kirbydesign/designsystem": "12.0.0",
|
|
20
|
+
"rxjs": "^7.0.0"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"tslib": "^2.3.0"
|
|
@@ -59,4 +59,4 @@
|
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
61
|
"type": "module"
|
|
62
|
-
}
|
|
62
|
+
}
|