@kirbydesign/extensions-angular 5.0.1-dev-3bf0cbb → 5.0.1-dev-5e0acd6
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 +2 -2
- package/fesm2022/kirbydesign-extensions-angular-combobox.mjs.map +1 -1
- package/fesm2022/kirbydesign-extensions-angular-image-banner.mjs +2 -2
- package/fesm2022/kirbydesign-extensions-angular-image-banner.mjs.map +1 -1
- package/fesm2022/kirbydesign-extensions-angular-sidebar-menu.mjs +14 -14
- package/fesm2022/kirbydesign-extensions-angular-sidebar-menu.mjs.map +1 -1
- package/fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs +11 -7
- package/fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs.map +1 -1
- package/fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs +2 -2
- package/fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs.map +1 -1
- package/package.json +2 -2
- package/types/kirbydesign-extensions-angular-skeleton-loader.d.ts +4 -3
|
@@ -6,24 +6,28 @@ import { IonSkeletonText } from '@ionic/angular/standalone';
|
|
|
6
6
|
|
|
7
7
|
class SkeletonLoaderComponent {
|
|
8
8
|
constructor() {
|
|
9
|
-
/**
|
|
10
|
-
* The theme for the skeleton loader to use for gradient color. Theme is automatically set when used inside a themed kirby-card.
|
|
11
|
-
*/
|
|
12
|
-
this.theme = 'light';
|
|
13
9
|
/**
|
|
14
10
|
* The shape of the skeleton loader.
|
|
15
11
|
*/
|
|
16
12
|
this.shape = 'rectangle';
|
|
17
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated The skeleton loader now follows the surface it's placed on, so this input no longer has any effect.
|
|
16
|
+
* This input will be removed in a future major version.
|
|
17
|
+
*/
|
|
18
|
+
set theme(_value) {
|
|
19
|
+
console.warn(`[Kirby Skeleton Loader] The 'theme' input is deprecated and no longer has any effect.
|
|
20
|
+
The skeleton loader now follows the surface it's placed on. This input will be removed in a future major version.`);
|
|
21
|
+
}
|
|
18
22
|
get _cssClass() {
|
|
19
|
-
return [this.
|
|
23
|
+
return [this.shape].filter((cssClass) => !!cssClass);
|
|
20
24
|
}
|
|
21
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SkeletonLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: SkeletonLoaderComponent, isStandalone: true, selector: "kirby-x-skeleton-loader", inputs: { theme: "theme", shape: "shape" }, host: { properties: { "class": "this._cssClass" } }, ngImport: i0, template: "<ion-skeleton-text animated=\"true\"></ion-skeleton-text>\n", styles: ["
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: SkeletonLoaderComponent, isStandalone: true, selector: "kirby-x-skeleton-loader", inputs: { theme: "theme", shape: "shape" }, host: { properties: { "class": "this._cssClass" } }, ngImport: i0, template: "<ion-skeleton-text animated=\"true\"></ion-skeleton-text>\n", styles: [":host{overflow:hidden;display:flex;justify-content:center;align-items:center;height:var(--kirby-font-size-n)}:host.rectangle{border-radius:var(--kirby-border-radius-xs)}:host.circle{border-radius:var(--kirby-border-radius-circle)}:host.pill{border-radius:var(--kirby-border-radius-pill)}ion-skeleton-text{background-image:linear-gradient(to right,var(--kirby-skeleton-color-fill) 0%,var(--kirby-skeleton-color-fill-loud) 25%,var(--kirby-skeleton-color-fill) 50%);position:relative;margin:0;animation-duration:1.5s;background-clip:border-box;border-radius:inherit}\n"], dependencies: [{ kind: "component", type: IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }] }); }
|
|
23
27
|
}
|
|
24
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SkeletonLoaderComponent, decorators: [{
|
|
25
29
|
type: Component,
|
|
26
|
-
args: [{ selector: 'kirby-x-skeleton-loader', standalone: true, imports: [CardComponent, IconComponent, IonSkeletonText], template: "<ion-skeleton-text animated=\"true\"></ion-skeleton-text>\n", styles: ["
|
|
30
|
+
args: [{ selector: 'kirby-x-skeleton-loader', standalone: true, imports: [CardComponent, IconComponent, IonSkeletonText], template: "<ion-skeleton-text animated=\"true\"></ion-skeleton-text>\n", styles: [":host{overflow:hidden;display:flex;justify-content:center;align-items:center;height:var(--kirby-font-size-n)}:host.rectangle{border-radius:var(--kirby-border-radius-xs)}:host.circle{border-radius:var(--kirby-border-radius-circle)}:host.pill{border-radius:var(--kirby-border-radius-pill)}ion-skeleton-text{background-image:linear-gradient(to right,var(--kirby-skeleton-color-fill) 0%,var(--kirby-skeleton-color-fill-loud) 25%,var(--kirby-skeleton-color-fill) 50%);position:relative;margin:0;animation-duration:1.5s;background-clip:border-box;border-radius:inherit}\n"] }]
|
|
27
31
|
}], propDecorators: { theme: [{
|
|
28
32
|
type: Input
|
|
29
33
|
}], shape: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kirbydesign-extensions-angular-skeleton-loader.mjs","sources":["../../skeleton-loader/src/skeleton-loader.component.ts","../../skeleton-loader/src/skeleton-loader.component.html","../../skeleton-loader/src/kirbydesign-extensions-angular-skeleton-loader.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { CardComponent } from '@kirbydesign/designsystem/card';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\nimport { IonSkeletonText } from '@ionic/angular/standalone';\n\n@Component({\n selector: 'kirby-x-skeleton-loader',\n standalone: true,\n imports: [CardComponent, IconComponent, IonSkeletonText],\n templateUrl: './skeleton-loader.component.html',\n styleUrl: './skeleton-loader.component.scss',\n})\nexport class SkeletonLoaderComponent {\n /**\n * The
|
|
1
|
+
{"version":3,"file":"kirbydesign-extensions-angular-skeleton-loader.mjs","sources":["../../skeleton-loader/src/skeleton-loader.component.ts","../../skeleton-loader/src/skeleton-loader.component.html","../../skeleton-loader/src/kirbydesign-extensions-angular-skeleton-loader.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { CardComponent } from '@kirbydesign/designsystem/card';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\nimport { IonSkeletonText } from '@ionic/angular/standalone';\n\n@Component({\n selector: 'kirby-x-skeleton-loader',\n standalone: true,\n imports: [CardComponent, IconComponent, IonSkeletonText],\n templateUrl: './skeleton-loader.component.html',\n styleUrl: './skeleton-loader.component.scss',\n})\nexport class SkeletonLoaderComponent {\n /**\n * @deprecated The skeleton loader now follows the surface it's placed on, so this input no longer has any effect.\n * This input will be removed in a future major version.\n */\n @Input() set theme(_value: 'light' | 'dark') {\n console.warn(\n `[Kirby Skeleton Loader] The 'theme' input is deprecated and no longer has any effect.\n The skeleton loader now follows the surface it's placed on. This input will be removed in a future major version.`\n );\n }\n\n /**\n * The shape of the skeleton loader.\n */\n @Input()\n shape: 'rectangle' | 'circle' | 'pill' = 'rectangle';\n\n @HostBinding('class')\n get _cssClass() {\n return [this.shape].filter((cssClass) => !!cssClass);\n }\n}\n","<ion-skeleton-text animated=\"true\"></ion-skeleton-text>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAYa,uBAAuB,CAAA;AAPpC,IAAA,WAAA,GAAA;AAmBE;;AAEG;QAEH,IAAA,CAAA,KAAK,GAAoC,WAAW;AAMrD,IAAA;AArBC;;;AAGG;IACH,IAAa,KAAK,CAAC,MAAwB,EAAA;QACzC,OAAO,CAAC,IAAI,CACV,CAAA;AACoH,yHAAA,CAAA,CACrH;IACH;AAQA,IAAA,IACI,SAAS,GAAA;AACX,QAAA,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC;IACtD;+GArBW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZpC,6DACA,EAAA,MAAA,EAAA,CAAA,ujBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDO0C,eAAe,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAI5C,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EACvB,IAAI,EAAA,OAAA,EACP,CAAC,aAAa,EAAE,aAAa,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,6DAAA,EAAA,MAAA,EAAA,CAAA,ujBAAA,CAAA,EAAA;;sBASvD;;sBAUA;;sBAGA,WAAW;uBAAC,OAAO;;;AE9BtB;;AAEG;;;;"}
|
|
@@ -130,11 +130,11 @@ class SpotIllustrationComponent {
|
|
|
130
130
|
}, ...(ngDevMode ? [{ debugName: "svg" }] : /* istanbul ignore next */ []));
|
|
131
131
|
}
|
|
132
132
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SpotIllustrationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
133
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: SpotIllustrationComponent, isStandalone: true, selector: "kirby-x-spot-illustration", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (svg()) {\n <ion-icon [src]=\"svg()\" [class]=\"size()\"></ion-icon>\n}\n", styles: [".
|
|
133
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: SpotIllustrationComponent, isStandalone: true, selector: "kirby-x-spot-illustration", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (svg()) {\n <ion-icon [src]=\"svg()\" [class]=\"size()\"></ion-icon>\n}\n", 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}ion-icon::part(background){fill:var(--kirby-x-spot-illustration-background-color, var(--kirby-spot-illustration-color-fill-raised))}ion-icon::part(outline){fill:var(--kirby-x-spot-illustration-outline-color, var(--kirby-spot-illustration-color-content-base))}ion-icon::part(highlight){fill:var(--kirby-x-spot-illustration-highlight-color, var(--kirby-spot-illustration-color-fill-brand))}ion-icon::part(danger){fill:var(--kirby-spot-illustration-color-fill-danger)}ion-icon::part(warning){fill:var(--kirby-spot-illustration-color-fill-warning)}ion-icon::part(success){fill:var(--kirby-spot-illustration-color-fill-success)}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
|
|
134
134
|
}
|
|
135
135
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SpotIllustrationComponent, decorators: [{
|
|
136
136
|
type: Component,
|
|
137
|
-
args: [{ selector: 'kirby-x-spot-illustration', imports: [IonIcon], template: "@if (svg()) {\n <ion-icon [src]=\"svg()\" [class]=\"size()\"></ion-icon>\n}\n", styles: [".
|
|
137
|
+
args: [{ selector: 'kirby-x-spot-illustration', imports: [IonIcon], template: "@if (svg()) {\n <ion-icon [src]=\"svg()\" [class]=\"size()\"></ion-icon>\n}\n", 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}ion-icon::part(background){fill:var(--kirby-x-spot-illustration-background-color, var(--kirby-spot-illustration-color-fill-raised))}ion-icon::part(outline){fill:var(--kirby-x-spot-illustration-outline-color, var(--kirby-spot-illustration-color-content-base))}ion-icon::part(highlight){fill:var(--kirby-x-spot-illustration-highlight-color, var(--kirby-spot-illustration-color-fill-brand))}ion-icon::part(danger){fill:var(--kirby-spot-illustration-color-fill-danger)}ion-icon::part(warning){fill:var(--kirby-spot-illustration-color-fill-warning)}ion-icon::part(success){fill:var(--kirby-spot-illustration-color-fill-success)}\n"] }]
|
|
138
138
|
}], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }] } });
|
|
139
139
|
|
|
140
140
|
/**
|
|
@@ -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","../../spot-illustration/src/kirbydesign-extensions-angular-spot-illustration.ts"],"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.exclamation-mark.triangle.bars': {\n md: 'bell.exclamation-mark.triangle.bars.medium.svg',\n },\n 'bell.checkmark.dot.bars': {\n xl: 'bell.checkmark.dot.bars.xlarge.svg',\n },\n 'box.none.plus-dot.bars': {\n lg: 'box.none.plus-dot.bars.large.svg',\n },\n 'box.curve.box.half-circle': {\n md: 'box.curve.box.half-circle.medium.svg',\n },\n 'calculator.money.coin.rectangle': {\n md: 'calculator.money.coin.rectangle.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 'calendar.money.coin.bars': {\n md: 'calendar.money.coin.bars.medium.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 '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 'hand.balloon.balloon.circle': {\n xl: 'hand.balloon.balloon.circle.xlarge.svg',\n },\n 'hand-money.line.money-dot.bars': {\n md: 'hand-money.line.money-dot.bars.medium.svg',\n },\n 'invest-page.money.dot.circle': {\n md: 'invest-page.money.dot.circle.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 'megaphone.sound.megaphone-part.circle': {\n xl: 'megaphone.sound.megaphone-part.circle.xlarge.svg',\n },\n 'money.none.coin.bars': {\n md: 'money.none.coin.bars.medium.svg',\n },\n 'money.arrow.coin.bars': {\n md: 'money.arrow.coin.bars.medium.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 '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 'hand.moneybag.ribbon.circle': {\n lg: 'hand.moneybag.ribbon.circle.large.svg',\n },\n 'wallet.face-coins.star.circle': {\n lg: 'wallet.face-coins.star.circle.large.svg',\n },\n 'device.arrow-download.dot.circle': {\n xl: 'device.arrow-download.dot.circle.xlarge.svg',\n },\n} as const satisfies Record<string, Illustration>;\n\nexport type SpotIllustrationName = keyof typeof illustrations | null;\n","import { Component, computed, input } from '@angular/core';\nimport { IonIcon } from '@ionic/angular/standalone';\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})\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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
|
|
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","../../spot-illustration/src/kirbydesign-extensions-angular-spot-illustration.ts"],"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.exclamation-mark.triangle.bars': {\n md: 'bell.exclamation-mark.triangle.bars.medium.svg',\n },\n 'bell.checkmark.dot.bars': {\n xl: 'bell.checkmark.dot.bars.xlarge.svg',\n },\n 'box.none.plus-dot.bars': {\n lg: 'box.none.plus-dot.bars.large.svg',\n },\n 'box.curve.box.half-circle': {\n md: 'box.curve.box.half-circle.medium.svg',\n },\n 'calculator.money.coin.rectangle': {\n md: 'calculator.money.coin.rectangle.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 'calendar.money.coin.bars': {\n md: 'calendar.money.coin.bars.medium.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 '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 'hand.balloon.balloon.circle': {\n xl: 'hand.balloon.balloon.circle.xlarge.svg',\n },\n 'hand-money.line.money-dot.bars': {\n md: 'hand-money.line.money-dot.bars.medium.svg',\n },\n 'invest-page.money.dot.circle': {\n md: 'invest-page.money.dot.circle.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 'megaphone.sound.megaphone-part.circle': {\n xl: 'megaphone.sound.megaphone-part.circle.xlarge.svg',\n },\n 'money.none.coin.bars': {\n md: 'money.none.coin.bars.medium.svg',\n },\n 'money.arrow.coin.bars': {\n md: 'money.arrow.coin.bars.medium.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 '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 'hand.moneybag.ribbon.circle': {\n lg: 'hand.moneybag.ribbon.circle.large.svg',\n },\n 'wallet.face-coins.star.circle': {\n lg: 'wallet.face-coins.star.circle.large.svg',\n },\n 'device.arrow-download.dot.circle': {\n xl: 'device.arrow-download.dot.circle.xlarge.svg',\n },\n} as const satisfies Record<string, Illustration>;\n\nexport type SpotIllustrationName = keyof typeof illustrations | null;\n","import { Component, computed, input } from '@angular/core';\nimport { IonIcon } from '@ionic/angular/standalone';\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})\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kirbydesign/extensions-angular",
|
|
3
|
-
"version": "5.0.1-dev-
|
|
3
|
+
"version": "5.0.1-dev-5e0acd6",
|
|
4
4
|
"author": "kirby@bankdata.dk",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"@angular/platform-browser": "^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
|
|
17
17
|
"@angular/platform-browser-dynamic": "^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
|
|
18
18
|
"@angular/router": "^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
|
|
19
|
-
"@kirbydesign/designsystem": "11.11.2-dev-
|
|
19
|
+
"@kirbydesign/designsystem": "11.11.2-dev-5e0acd6",
|
|
20
20
|
"rxjs": "~7.8.0"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
@@ -2,14 +2,15 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
|
|
3
3
|
declare class SkeletonLoaderComponent {
|
|
4
4
|
/**
|
|
5
|
-
* The
|
|
5
|
+
* @deprecated The skeleton loader now follows the surface it's placed on, so this input no longer has any effect.
|
|
6
|
+
* This input will be removed in a future major version.
|
|
6
7
|
*/
|
|
7
|
-
theme: 'light' | 'dark';
|
|
8
|
+
set theme(_value: 'light' | 'dark');
|
|
8
9
|
/**
|
|
9
10
|
* The shape of the skeleton loader.
|
|
10
11
|
*/
|
|
11
12
|
shape: 'rectangle' | 'circle' | 'pill';
|
|
12
|
-
get _cssClass(): ("
|
|
13
|
+
get _cssClass(): ("rectangle" | "circle" | "pill")[];
|
|
13
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderComponent, never>;
|
|
14
15
|
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
|
}
|