npm - @kirbydesign/extensions-angular - Versions diffs - 3.2.0 → 3.3.0 - Mend

@kirbydesign/extensions-angular 3.2.0 → 3.3.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.

Files changed (4) hide show

package/fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs ADDED Viewed

@@ -0,0 +1,120 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component } from '@angular/core';
+import { IonIcon } from '@ionic/angular/standalone';
+var SpotIllustrationSize;
+(function (SpotIllustrationSize) {
+    SpotIllustrationSize["SM"] = "sm";
+    SpotIllustrationSize["MD"] = "md";
+    SpotIllustrationSize["LG"] = "lg";
+    SpotIllustrationSize["XL"] = "xl";
+})(SpotIllustrationSize || (SpotIllustrationSize = {}));
+const illustrations = {
+    'airballoon.wind.ballon-part.cloud': {
+        md: 'airballoon.wind.ballon-part.cloud.medium.svg',
+    },
+    'banknotes.arrow.dot.circle': {
+        md: 'banknotes.arrow.dot.circle.medium.svg',
+    },
+    'bell.exclamation-mark.triangle.bars': {
+        md: 'bell.exclamation-mark.triangle.bars.medium.svg',
+    },
+    'bell.checkmark.dot.bars': {
+        xl: 'bell.checkmark.dot.bars.xlarge.svg',
+    },
+    'box.none.plus-dot.bars': {
+        lg: 'box.none.plus-dot.bars.large.svg',
+    },
+    'box.curve.box.half-circle': {
+        md: 'box.curve.box.half-circle.medium.svg',
+    },
+    'calculator.money.coin.rectangle': {
+        md: 'calculator.money.coin.rectangle.medium.svg',
+    },
+    'calender.loop-arrow.zoom.bars': {
+        lg: 'calender.loop-arrow.zoom.bars.large.svg',
+        xl: 'calender.loop-arrow.zoom.bars.xlarge.svg',
+    },
+    'calendar.money.coin.bars': {
+        md: 'calendar.money.coin.bars.medium.svg',
+    },
+    'calender.money-arrows.header.bars': {
+        md: 'calender.money-arrows.header.bars.medium.svg',
+        lg: 'calender.money-arrows.header.bars.large.svg',
+    },
+    'checkmark.circle.circle-part.shadow': {
+        lg: 'checkmark.circle.circle-part.shadow.large.svg',
+    },
+    'computer.certificate.padlock.circle': {
+        lg: 'computer.certificate.padlock.circle.large.svg',
+    },
+    'cross.circle.circle-part.shadow': {
+        lg: 'cross.circle.circle-part.shadow.large.svg',
+    },
+    'exclamation-mark.circle.circle-part.shadow': {
+        lg: 'exclamation-mark.circle.circle-part.shadow.large.svg',
+    },
+    'hand.balloon.balloon.circle': {
+        xl: 'hand.balloon.balloon.circle.xlarge.svg',
+    },
+    'hand-money.line.money-dot.bars': {
+        md: 'hand-money.line.money-dot.bars.medium.svg',
+    },
+    'invest-page.money.dot.circle': {
+        md: 'invest-page.money.dot.circle.medium.svg',
+    },
+    'invest-document.graph.bars.square': {
+        md: 'invest-document.graph.bars.square.medium.svg',
+        xl: 'invest-document.graph.bars.square.xlarge.svg',
+    },
+    'megaphone.sound.megaphone-part.circle': {
+        xl: 'megaphone.sound.megaphone-part.circle.xlarge.svg',
+    },
+    'money.none.coin.bars': {
+        md: 'money.none.coin.bars.medium.svg',
+    },
+    'money.arrow.coin.bars': {
+        md: 'money.arrow.coin.bars.medium.svg',
+    },
+    'piggy-bank.money.money-dot.bars': {
+        md: 'piggy-bank.money.money-dot.bars.medium.svg',
+    },
+    'plant.bars.leaf.bars': {
+        md: 'plant.bars.leaf.bars.medium.svg',
+    },
+    'robot.none.antenna-dot.body': {
+        md: 'robot.none.antenna-dot.body.medium.svg',
+        lg: 'robot.none.antenna-dot.body.large.svg',
+    },
+};
+class SpotIllustrationComponent {
+    constructor() {
+        this.size = input(SpotIllustrationSize.MD, ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
+        this.illustration = computed(() => {
+            const name = this.name();
+            return name ? illustrations[name] : null;
+        }, ...(ngDevMode ? [{ debugName: "illustration" }] : []));
+        this.svg = computed(() => {
+            const illustration = this.illustration();
+            const size = this.size();
+            return illustration && illustration[size]
+                ? `assets/spot-illustrations/${illustration[size]}`
+                : undefined;
+        }, ...(ngDevMode ? [{ debugName: "svg" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpotIllustrationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", 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}: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"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: SpotIllustrationComponent, decorators: [{
+            type: Component,
+            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}: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"] }]
+        }] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { SpotIllustrationComponent, SpotIllustrationSize, illustrations };
+//# sourceMappingURL=kirbydesign-extensions-angular-spot-illustration.mjs.map

package/fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kirbydesign-extensions-angular-spot-illustration.mjs","sources":["../tmp-esm2022/spot-illustration/spot-illustrations.js","../tmp-esm2022/spot-illustration/spot-illustration.component.js","../tmp-esm2022/spot-illustration/kirbydesign-extensions-angular-spot-illustration.js"],"sourcesContent":["export var SpotIllustrationSize;\n(function (SpotIllustrationSize) {\n SpotIllustrationSize[\"SM\"] = \"sm\";\n SpotIllustrationSize[\"MD\"] = \"md\";\n SpotIllustrationSize[\"LG\"] = \"lg\";\n SpotIllustrationSize[\"XL\"] = \"xl\";\n})(SpotIllustrationSize || (SpotIllustrationSize = {}));\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 '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 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 '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};\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BvdC1pbGx1c3RyYXRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3BvdC1pbGx1c3RyYXRpb24vc3JjL3Nwb3QtaWxsdXN0cmF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQSxNQUFNLENBQU4sSUFBWSxvQkFLWDtBQUxELFdBQVksb0JBQW9CO0lBQzlCLGlDQUFTLENBQUE7SUFDVCxpQ0FBUyxDQUFBO0lBQ1QsaUNBQVMsQ0FBQTtJQUNULGlDQUFTLENBQUE7QUFDWCxDQUFDLEVBTFcsb0JBQW9CLEtBQXBCLG9CQUFvQixRQUsvQjtBQUVELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRztJQUMzQixtQ0FBbUMsRUFBRTtRQUNuQyxFQUFFLEVBQUUsOENBQThDO0tBQ25EO0lBQ0QsNEJBQTRCLEVBQUU7UUFDNUIsRUFBRSxFQUFFLHVDQUF1QztLQUM1QztJQUNELHFDQUFxQyxFQUFFO1FBQ3JDLEVBQUUsRUFBRSxnREFBZ0Q7S0FDckQ7SUFDRCx5QkFBeUIsRUFBRTtRQUN6QixFQUFFLEVBQUUsb0NBQW9DO0tBQ3pDO0lBQ0Qsd0JBQXdCLEVBQUU7UUFDeEIsRUFBRSxFQUFFLGtDQUFrQztLQUN2QztJQUNELDJCQUEyQixFQUFFO1FBQzNCLEVBQUUsRUFBRSxzQ0FBc0M7S0FDM0M7SUFDRCxpQ0FBaUMsRUFBRTtRQUNqQyxFQUFFLEVBQUUsNENBQTRDO0tBQ2pEO0lBQ0QsK0JBQStCLEVBQUU7UUFDL0IsRUFBRSxFQUFFLHlDQUF5QztRQUM3QyxFQUFFLEVBQUUsMENBQTBDO0tBQy9DO0lBQ0QsMEJBQTBCLEVBQUU7UUFDMUIsRUFBRSxFQUFFLHFDQUFxQztLQUMxQztJQUNELG1DQUFtQyxFQUFFO1FBQ25DLEVBQUUsRUFBRSw4Q0FBOEM7UUFDbEQsRUFBRSxFQUFFLDZDQUE2QztLQUNsRDtJQUNELHFDQUFxQyxFQUFFO1FBQ3JDLEVBQUUsRUFBRSwrQ0FBK0M7S0FDcEQ7SUFDRCxxQ0FBcUMsRUFBRTtRQUNyQyxFQUFFLEVBQUUsK0NBQStDO0tBQ3BEO0lBQ0QsaUNBQWlDLEVBQUU7UUFDakMsRUFBRSxFQUFFLDJDQUEyQztLQUNoRDtJQUNELDRDQUE0QyxFQUFFO1FBQzVDLEVBQUUsRUFBRSxzREFBc0Q7S0FDM0Q7SUFDRCw2QkFBNkIsRUFBRTtRQUM3QixFQUFFLEVBQUUsd0NBQXdDO0tBQzdDO0lBQ0QsZ0NBQWdDLEVBQUU7UUFDaEMsRUFBRSxFQUFFLDJDQUEyQztLQUNoRDtJQUNELDhCQUE4QixFQUFFO1FBQzlCLEVBQUUsRUFBRSx5Q0FBeUM7S0FDOUM7SUFDRCxtQ0FBbUMsRUFBRTtRQUNuQyxFQUFFLEVBQUUsOENBQThDO1FBQ2xELEVBQUUsRUFBRSw4Q0FBOEM7S0FDbkQ7SUFDRCx1Q0FBdUMsRUFBRTtRQUN2QyxFQUFFLEVBQUUsa0RBQWtEO0tBQ3ZEO0lBQ0Qsc0JBQXNCLEVBQUU7UUFDdEIsRUFBRSxFQUFFLGlDQUFpQztLQUN0QztJQUNELHVCQUF1QixFQUFFO1FBQ3ZCLEVBQUUsRUFBRSxrQ0FBa0M7S0FDdkM7SUFDRCxpQ0FBaUMsRUFBRTtRQUNqQyxFQUFFLEVBQUUsNENBQTRDO0tBQ2pEO0lBQ0Qsc0JBQXNCLEVBQUU7UUFDdEIsRUFBRSxFQUFFLGlDQUFpQztLQUN0QztJQUNELDZCQUE2QixFQUFFO1FBQzdCLEVBQUUsRUFBRSx3Q0FBd0M7UUFDNUMsRUFBRSxFQUFFLHVDQUF1QztLQUM1QztDQUM4QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBJbGx1c3RyYXRpb24ge1xuICBzbT86IHN0cmluZztcbiAgbWQ/OiBzdHJpbmc7XG4gIGxnPzogc3RyaW5nO1xuICB4bD86IHN0cmluZztcbn1cblxuZXhwb3J0IGVudW0gU3BvdElsbHVzdHJhdGlvblNpemUge1xuICBTTSA9ICdzbScsXG4gIE1EID0gJ21kJyxcbiAgTEcgPSAnbGcnLFxuICBYTCA9ICd4bCcsXG59XG5cbmV4cG9ydCBjb25zdCBpbGx1c3RyYXRpb25zID0ge1xuICAnYWlyYmFsbG9vbi53aW5kLmJhbGxvbi1wYXJ0LmNsb3VkJzoge1xuICAgIG1kOiAnYWlyYmFsbG9vbi53aW5kLmJhbGxvbi1wYXJ0LmNsb3VkLm1lZGl1bS5zdmcnLFxuICB9LFxuICAnYmFua25vdGVzLmFycm93LmRvdC5jaXJjbGUnOiB7XG4gICAgbWQ6ICdiYW5rbm90ZXMuYXJyb3cuZG90LmNpcmNsZS5tZWRpdW0uc3ZnJyxcbiAgfSxcbiAgJ2JlbGwuZXhjbGFtYXRpb24tbWFyay50cmlhbmdsZS5iYXJzJzoge1xuICAgIG1kOiAnYmVsbC5leGNsYW1hdGlvbi1tYXJrLnRyaWFuZ2xlLmJhcnMubWVkaXVtLnN2ZycsXG4gIH0sXG4gICdiZWxsLmNoZWNrbWFyay5kb3QuYmFycyc6IHtcbiAgICB4bDogJ2JlbGwuY2hlY2ttYXJrLmRvdC5iYXJzLnhsYXJnZS5zdmcnLFxuICB9LFxuICAnYm94Lm5vbmUucGx1cy1kb3QuYmFycyc6IHtcbiAgICBsZzogJ2JveC5ub25lLnBsdXMtZG90LmJhcnMubGFyZ2Uuc3ZnJyxcbiAgfSxcbiAgJ2JveC5jdXJ2ZS5ib3guaGFsZi1jaXJjbGUnOiB7XG4gICAgbWQ6ICdib3guY3VydmUuYm94LmhhbGYtY2lyY2xlLm1lZGl1bS5zdmcnLFxuICB9LFxuICAnY2FsY3VsYXRvci5tb25leS5jb2luLnJlY3RhbmdsZSc6IHtcbiAgICBtZDogJ2NhbGN1bGF0b3IubW9uZXkuY29pbi5yZWN0YW5nbGUubWVkaXVtLnN2ZycsXG4gIH0sXG4gICdjYWxlbmRlci5sb29wLWFycm93Lnpvb20uYmFycyc6IHtcbiAgICBsZzogJ2NhbGVuZGVyLmxvb3AtYXJyb3cuem9vbS5iYXJzLmxhcmdlLnN2ZycsXG4gICAgeGw6ICdjYWxlbmRlci5sb29wLWFycm93Lnpvb20uYmFycy54bGFyZ2Uuc3ZnJyxcbiAgfSxcbiAgJ2NhbGVuZGFyLm1vbmV5LmNvaW4uYmFycyc6IHtcbiAgICBtZDogJ2NhbGVuZGFyLm1vbmV5LmNvaW4uYmFycy5tZWRpdW0uc3ZnJyxcbiAgfSxcbiAgJ2NhbGVuZGVyLm1vbmV5LWFycm93cy5oZWFkZXIuYmFycyc6IHtcbiAgICBtZDogJ2NhbGVuZGVyLm1vbmV5LWFycm93cy5oZWFkZXIuYmFycy5tZWRpdW0uc3ZnJyxcbiAgICBsZzogJ2NhbGVuZGVyLm1vbmV5LWFycm93cy5oZWFkZXIuYmFycy5sYXJnZS5zdmcnLFxuICB9LFxuICAnY2hlY2ttYXJrLmNpcmNsZS5jaXJjbGUtcGFydC5zaGFkb3cnOiB7XG4gICAgbGc6ICdjaGVja21hcmsuY2lyY2xlLmNpcmNsZS1wYXJ0LnNoYWRvdy5sYXJnZS5zdmcnLFxuICB9LFxuICAnY29tcHV0ZXIuY2VydGlmaWNhdGUucGFkbG9jay5jaXJjbGUnOiB7XG4gICAgbGc6ICdjb21wdXRlci5jZXJ0aWZpY2F0ZS5wYWRsb2NrLmNpcmNsZS5sYXJnZS5zdmcnLFxuICB9LFxuICAnY3Jvc3MuY2lyY2xlLmNpcmNsZS1wYXJ0LnNoYWRvdyc6IHtcbiAgICBsZzogJ2Nyb3NzLmNpcmNsZS5jaXJjbGUtcGFydC5zaGFkb3cubGFyZ2Uuc3ZnJyxcbiAgfSxcbiAgJ2V4Y2xhbWF0aW9uLW1hcmsuY2lyY2xlLmNpcmNsZS1wYXJ0LnNoYWRvdyc6IHtcbiAgICBsZzogJ2V4Y2xhbWF0aW9uLW1hcmsuY2lyY2xlLmNpcmNsZS1wYXJ0LnNoYWRvdy5sYXJnZS5zdmcnLFxuICB9LFxuICAnaGFuZC5iYWxsb29uLmJhbGxvb24uY2lyY2xlJzoge1xuICAgIHhsOiAnaGFuZC5iYWxsb29uLmJhbGxvb24uY2lyY2xlLnhsYXJnZS5zdmcnLFxuICB9LFxuICAnaGFuZC1tb25leS5saW5lLm1vbmV5LWRvdC5iYXJzJzoge1xuICAgIG1kOiAnaGFuZC1tb25leS5saW5lLm1vbmV5LWRvdC5iYXJzLm1lZGl1bS5zdmcnLFxuICB9LFxuICAnaW52ZXN0LXBhZ2UubW9uZXkuZG90LmNpcmNsZSc6IHtcbiAgICBtZDogJ2ludmVzdC1wYWdlLm1vbmV5LmRvdC5jaXJjbGUubWVkaXVtLnN2ZycsXG4gIH0sXG4gICdpbnZlc3QtZG9jdW1lbnQuZ3JhcGguYmFycy5zcXVhcmUnOiB7XG4gICAgbWQ6ICdpbnZlc3QtZG9jdW1lbnQuZ3JhcGguYmFycy5zcXVhcmUubWVkaXVtLnN2ZycsXG4gICAgeGw6ICdpbnZlc3QtZG9jdW1lbnQuZ3JhcGguYmFycy5zcXVhcmUueGxhcmdlLnN2ZycsXG4gIH0sXG4gICdtZWdhcGhvbmUuc291bmQubWVnYXBob25lLXBhcnQuY2lyY2xlJzoge1xuICAgIHhsOiAnbWVnYXBob25lLnNvdW5kLm1lZ2FwaG9uZS1wYXJ0LmNpcmNsZS54bGFyZ2Uuc3ZnJyxcbiAgfSxcbiAgJ21vbmV5Lm5vbmUuY29pbi5iYXJzJzoge1xuICAgIG1kOiAnbW9uZXkubm9uZS5jb2luLmJhcnMubWVkaXVtLnN2ZycsXG4gIH0sXG4gICdtb25leS5hcnJvdy5jb2luLmJhcnMnOiB7XG4gICAgbWQ6ICdtb25leS5hcnJvdy5jb2luLmJhcnMubWVkaXVtLnN2ZycsXG4gIH0sXG4gICdwaWdneS1iYW5rLm1vbmV5Lm1vbmV5LWRvdC5iYXJzJzoge1xuICAgIG1kOiAncGlnZ3ktYmFuay5tb25leS5tb25leS1kb3QuYmFycy5tZWRpdW0uc3ZnJyxcbiAgfSxcbiAgJ3BsYW50LmJhcnMubGVhZi5iYXJzJzoge1xuICAgIG1kOiAncGxhbnQuYmFycy5sZWFmLmJhcnMubWVkaXVtLnN2ZycsXG4gIH0sXG4gICdyb2JvdC5ub25lLmFudGVubmEtZG90LmJvZHknOiB7XG4gICAgbWQ6ICdyb2JvdC5ub25lLmFudGVubmEtZG90LmJvZHkubWVkaXVtLnN2ZycsXG4gICAgbGc6ICdyb2JvdC5ub25lLmFudGVubmEtZG90LmJvZHkubGFyZ2Uuc3ZnJyxcbiAgfSxcbn0gYXMgY29uc3Qgc2F0aXNmaWVzIFJlY29yZDxzdHJpbmcsIElsbHVzdHJhdGlvbj47XG5cbmV4cG9ydCB0eXBlIFNwb3RJbGx1c3RyYXRpb25OYW1lID0ga2V5b2YgdHlwZW9mIGlsbHVzdHJhdGlvbnMgfCBudWxsO1xuIl19","import { Component, computed, input } from '@angular/core';\nimport { IonIcon } from '@ionic/angular/standalone';\nimport { illustrations, SpotIllustrationSize, } from './spot-illustrations';\nimport * as i0 from \"@angular/core\";\nexport class SpotIllustrationComponent {\n constructor() {\n this.size = input(SpotIllustrationSize.MD, ...(ngDevMode ? [{ debugName: \"size\" }] : []));\n this.name = input.required(...(ngDevMode ? [{ debugName: \"name\" }] : []));\n this.illustration = computed(() => {\n const name = this.name();\n return name ? illustrations[name] : null;\n }, ...(ngDevMode ? [{ debugName: \"illustration\" }] : []));\n this.svg = computed(() => {\n const illustration = this.illustration();\n const size = this.size();\n return illustration && illustration[size]\n ? `assets/spot-illustrations/${illustration[size]}`\n : undefined;\n }, ...(ngDevMode ? [{ debugName: \"svg\" }] : []));\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.2\", ngImport: i0, type: SpotIllustrationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.2\", 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}: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\"], dependencies: [{ kind: \"component\", type: IonIcon, selector: \"ion-icon\", inputs: [\"color\", \"flipRtl\", \"icon\", \"ios\", \"lazy\", \"md\", \"mode\", \"name\", \"sanitize\", \"size\", \"src\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.2\", ngImport: i0, type: SpotIllustrationComponent, decorators: [{\n type: Component,\n 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}: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\"] }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BvdC1pbGx1c3RyYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3BvdC1pbGx1c3RyYXRpb24vc3JjL3Nwb3QtaWxsdXN0cmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3Nwb3QtaWxsdXN0cmF0aW9uL3NyYy9zcG90LWlsbHVzdHJhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0QsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3BELE9BQU8sRUFFTCxhQUFhLEVBRWIsb0JBQW9CLEdBQ3JCLE1BQU0sc0JBQXNCLENBQUM7O0FBUTlCLE1BQU0sT0FBTyx5QkFBeUI7SUFOdEM7UUFPRSxTQUFJLEdBQUcsS0FBSyxDQUF1QixvQkFBb0IsQ0FBQyxFQUFFLGdEQUFDLENBQUM7UUFDNUQsU0FBSSxHQUFHLEtBQUssQ0FBQyxRQUFRLCtDQUF3QixDQUFDO1FBRTlDLGlCQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUMzQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDekIsT0FBTyxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQzNDLENBQUMsd0RBQUMsQ0FBQztRQUVILFFBQUcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ2xCLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQWtCLENBQUM7WUFDekQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3pCLE9BQU8sWUFBWSxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUM7Z0JBQ3ZDLENBQUMsQ0FBQyw2QkFBNkIsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUNuRCxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQ2hCLENBQUMsK0NBQUMsQ0FBQztLQUNKOzhHQWhCWSx5QkFBeUI7a0dBQXpCLHlCQUF5QiwwVUNmdEMsZ0ZBR0Esa25DRFFZLE9BQU87OzJGQUlOLHlCQUF5QjtrQkFOckMsU0FBUzsrQkFDRSwyQkFBMkIsV0FDNUIsQ0FBQyxPQUFPLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uSWNvbiB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHtcbiAgSWxsdXN0cmF0aW9uLFxuICBpbGx1c3RyYXRpb25zLFxuICBTcG90SWxsdXN0cmF0aW9uTmFtZSxcbiAgU3BvdElsbHVzdHJhdGlvblNpemUsXG59IGZyb20gJy4vc3BvdC1pbGx1c3RyYXRpb25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2lyYnkteC1zcG90LWlsbHVzdHJhdGlvbicsXG4gIGltcG9ydHM6IFtJb25JY29uXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3Nwb3QtaWxsdXN0cmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3Nwb3QtaWxsdXN0cmF0aW9uLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgU3BvdElsbHVzdHJhdGlvbkNvbXBvbmVudCB7XG4gIHNpemUgPSBpbnB1dDxTcG90SWxsdXN0cmF0aW9uU2l6ZT4oU3BvdElsbHVzdHJhdGlvblNpemUuTUQpO1xuICBuYW1lID0gaW5wdXQucmVxdWlyZWQ8U3BvdElsbHVzdHJhdGlvbk5hbWU+KCk7XG5cbiAgaWxsdXN0cmF0aW9uID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IG5hbWUgPSB0aGlzLm5hbWUoKTtcbiAgICByZXR1cm4gbmFtZSA/IGlsbHVzdHJhdGlvbnNbbmFtZV0gOiBudWxsO1xuICB9KTtcblxuICBzdmcgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgaWxsdXN0cmF0aW9uID0gdGhpcy5pbGx1c3RyYXRpb24oKSBhcyBJbGx1c3RyYXRpb247XG4gICAgY29uc3Qgc2l6ZSA9IHRoaXMuc2l6ZSgpO1xuICAgIHJldHVybiBpbGx1c3RyYXRpb24gJiYgaWxsdXN0cmF0aW9uW3NpemVdXG4gICAgICA/IGBhc3NldHMvc3BvdC1pbGx1c3RyYXRpb25zLyR7aWxsdXN0cmF0aW9uW3NpemVdfWBcbiAgICAgIDogdW5kZWZpbmVkO1xuICB9KTtcbn1cbiIsIkBpZiAoc3ZnKCkpIHtcbiAgPGlvbi1pY29uIFtzcmNdPVwic3ZnKClcIiBbY2xhc3NdPVwic2l6ZSgpXCI+PC9pb24taWNvbj5cbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2lyYnlkZXNpZ24tZXh0ZW5zaW9ucy1hbmd1bGFyLXNwb3QtaWxsdXN0cmF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3BvdC1pbGx1c3RyYXRpb24vc3JjL2tpcmJ5ZGVzaWduLWV4dGVuc2lvbnMtYW5ndWxhci1zcG90LWlsbHVzdHJhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kirbydesign/extensions-angular",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "peerDependencies": {
     "@angular/common": "^18.0.0 || ^19.0.0 || ^20.0.0",
     "@angular/compiler": "^18.0.0 || ^19.0.0 || ^20.0.0",
@@ -31,13 +31,17 @@
       "types": "./image-banner/index.d.ts",
       "default": "./fesm2022/kirbydesign-extensions-angular-image-banner.mjs"
     },
-    "./localization": {
-      "types": "./localization/index.d.ts",
-      "default": "./fesm2022/kirbydesign-extensions-angular-localization.mjs"
+    "./spot-illustration": {
+      "types": "./spot-illustration/index.d.ts",
+      "default": "./fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs"
     },
     "./skeleton-loader": {
       "types": "./skeleton-loader/index.d.ts",
       "default": "./fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs"
+    },
+    "./localization": {
+      "types": "./localization/index.d.ts",
+      "default": "./fesm2022/kirbydesign-extensions-angular-localization.mjs"
     }
   }
 }

package/spot-illustration/index.d.ts ADDED Viewed

@@ -0,0 +1,151 @@
+import * as _angular_core from '@angular/core';
+declare enum SpotIllustrationSize {
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl"
+}
+declare const illustrations: {
+    readonly 'airballoon.wind.ballon-part.cloud': {
+        readonly md: "airballoon.wind.ballon-part.cloud.medium.svg";
+    };
+    readonly 'banknotes.arrow.dot.circle': {
+        readonly md: "banknotes.arrow.dot.circle.medium.svg";
+    };
+    readonly 'bell.exclamation-mark.triangle.bars': {
+        readonly md: "bell.exclamation-mark.triangle.bars.medium.svg";
+    };
+    readonly 'bell.checkmark.dot.bars': {
+        readonly xl: "bell.checkmark.dot.bars.xlarge.svg";
+    };
+    readonly 'box.none.plus-dot.bars': {
+        readonly lg: "box.none.plus-dot.bars.large.svg";
+    };
+    readonly 'box.curve.box.half-circle': {
+        readonly md: "box.curve.box.half-circle.medium.svg";
+    };
+    readonly 'calculator.money.coin.rectangle': {
+        readonly md: "calculator.money.coin.rectangle.medium.svg";
+    };
+    readonly 'calender.loop-arrow.zoom.bars': {
+        readonly lg: "calender.loop-arrow.zoom.bars.large.svg";
+        readonly xl: "calender.loop-arrow.zoom.bars.xlarge.svg";
+    };
+    readonly 'calendar.money.coin.bars': {
+        readonly md: "calendar.money.coin.bars.medium.svg";
+    };
+    readonly 'calender.money-arrows.header.bars': {
+        readonly md: "calender.money-arrows.header.bars.medium.svg";
+        readonly lg: "calender.money-arrows.header.bars.large.svg";
+    };
+    readonly 'checkmark.circle.circle-part.shadow': {
+        readonly lg: "checkmark.circle.circle-part.shadow.large.svg";
+    };
+    readonly 'computer.certificate.padlock.circle': {
+        readonly lg: "computer.certificate.padlock.circle.large.svg";
+    };
+    readonly 'cross.circle.circle-part.shadow': {
+        readonly lg: "cross.circle.circle-part.shadow.large.svg";
+    };
+    readonly 'exclamation-mark.circle.circle-part.shadow': {
+        readonly lg: "exclamation-mark.circle.circle-part.shadow.large.svg";
+    };
+    readonly 'hand.balloon.balloon.circle': {
+        readonly xl: "hand.balloon.balloon.circle.xlarge.svg";
+    };
+    readonly 'hand-money.line.money-dot.bars': {
+        readonly md: "hand-money.line.money-dot.bars.medium.svg";
+    };
+    readonly 'invest-page.money.dot.circle': {
+        readonly md: "invest-page.money.dot.circle.medium.svg";
+    };
+    readonly 'invest-document.graph.bars.square': {
+        readonly md: "invest-document.graph.bars.square.medium.svg";
+        readonly xl: "invest-document.graph.bars.square.xlarge.svg";
+    };
+    readonly 'megaphone.sound.megaphone-part.circle': {
+        readonly xl: "megaphone.sound.megaphone-part.circle.xlarge.svg";
+    };
+    readonly 'money.none.coin.bars': {
+        readonly md: "money.none.coin.bars.medium.svg";
+    };
+    readonly 'money.arrow.coin.bars': {
+        readonly md: "money.arrow.coin.bars.medium.svg";
+    };
+    readonly 'piggy-bank.money.money-dot.bars': {
+        readonly md: "piggy-bank.money.money-dot.bars.medium.svg";
+    };
+    readonly 'plant.bars.leaf.bars': {
+        readonly md: "plant.bars.leaf.bars.medium.svg";
+    };
+    readonly 'robot.none.antenna-dot.body': {
+        readonly md: "robot.none.antenna-dot.body.medium.svg";
+        readonly lg: "robot.none.antenna-dot.body.large.svg";
+    };
+};
+type SpotIllustrationName = keyof typeof illustrations | null;
+declare class SpotIllustrationComponent {
+    size: _angular_core.InputSignal<SpotIllustrationSize>;
+    name: _angular_core.InputSignal<SpotIllustrationName>;
+    illustration: _angular_core.Signal<{
+        readonly md: "airballoon.wind.ballon-part.cloud.medium.svg";
+    } | {
+        readonly md: "banknotes.arrow.dot.circle.medium.svg";
+    } | {
+        readonly md: "bell.exclamation-mark.triangle.bars.medium.svg";
+    } | {
+        readonly xl: "bell.checkmark.dot.bars.xlarge.svg";
+    } | {
+        readonly lg: "box.none.plus-dot.bars.large.svg";
+    } | {
+        readonly md: "box.curve.box.half-circle.medium.svg";
+    } | {
+        readonly md: "calculator.money.coin.rectangle.medium.svg";
+    } | {
+        readonly lg: "calender.loop-arrow.zoom.bars.large.svg";
+        readonly xl: "calender.loop-arrow.zoom.bars.xlarge.svg";
+    } | {
+        readonly md: "calendar.money.coin.bars.medium.svg";
+    } | {
+        readonly md: "calender.money-arrows.header.bars.medium.svg";
+        readonly lg: "calender.money-arrows.header.bars.large.svg";
+    } | {
+        readonly lg: "checkmark.circle.circle-part.shadow.large.svg";
+    } | {
+        readonly lg: "computer.certificate.padlock.circle.large.svg";
+    } | {
+        readonly lg: "cross.circle.circle-part.shadow.large.svg";
+    } | {
+        readonly lg: "exclamation-mark.circle.circle-part.shadow.large.svg";
+    } | {
+        readonly xl: "hand.balloon.balloon.circle.xlarge.svg";
+    } | {
+        readonly md: "hand-money.line.money-dot.bars.medium.svg";
+    } | {
+        readonly md: "invest-page.money.dot.circle.medium.svg";
+    } | {
+        readonly md: "invest-document.graph.bars.square.medium.svg";
+        readonly xl: "invest-document.graph.bars.square.xlarge.svg";
+    } | {
+        readonly xl: "megaphone.sound.megaphone-part.circle.xlarge.svg";
+    } | {
+        readonly md: "money.none.coin.bars.medium.svg";
+    } | {
+        readonly md: "money.arrow.coin.bars.medium.svg";
+    } | {
+        readonly md: "piggy-bank.money.money-dot.bars.medium.svg";
+    } | {
+        readonly md: "plant.bars.leaf.bars.medium.svg";
+    } | {
+        readonly md: "robot.none.antenna-dot.body.medium.svg";
+        readonly lg: "robot.none.antenna-dot.body.large.svg";
+    } | null>;
+    svg: _angular_core.Signal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpotIllustrationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpotIllustrationComponent, "kirby-x-spot-illustration", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export { SpotIllustrationComponent, SpotIllustrationSize, illustrations };
+export type { SpotIllustrationName };