@kirbydesign/extensions-angular 3.2.0 → 3.4.0

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

@@ -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        /**\n         * The size of the Spot Illustration\n         */\n        this.size = input(SpotIllustrationSize.MD, ...(ngDevMode ? [{ debugName: \"size\" }] : []));\n        /**\n         * The name of the Spot Illustration to display\n         */\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.3.13\", ngImport: i0, type: SpotIllustrationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.13\", 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.3.13\", 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        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: \"size\", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: \"name\", required: true }] }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BvdC1pbGx1c3RyYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3BvdC1pbGx1c3RyYXRpb24vc3JjL3Nwb3QtaWxsdXN0cmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3Nwb3QtaWxsdXN0cmF0aW9uL3NyYy9zcG90LWlsbHVzdHJhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0QsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3BELE9BQU8sRUFFTCxhQUFhLEVBRWIsb0JBQW9CLEdBQ3JCLE1BQU0sc0JBQXNCLENBQUM7O0FBUTlCLE1BQU0sT0FBTyx5QkFBeUI7SUFOdEM7UUFPRTs7V0FFRztRQUNILFNBQUksR0FBRyxLQUFLLENBQXVCLG9CQUFvQixDQUFDLEVBQUUsZ0RBQUMsQ0FBQztRQUU1RDs7V0FFRztRQUNILFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSwrQ0FBd0IsQ0FBQztRQUU5QyxpQkFBWSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDM0IsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3pCLE9BQU8sSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUMzQyxDQUFDLHdEQUFDLENBQUM7UUFFSCxRQUFHLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNsQixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFrQixDQUFDO1lBQ3pELE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUN6QixPQUFPLFlBQVksSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDO2dCQUN2QyxDQUFDLENBQUMsNkJBQTZCLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDbkQsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUNoQixDQUFDLCtDQUFDLENBQUM7S0FDSjsrR0F2QlkseUJBQXlCO21HQUF6Qix5QkFBeUIsMFVDZnRDLGdGQUdBLGtuQ0RRWSxPQUFPOzs0RkFJTix5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0UsMkJBQTJCLFdBQzVCLENBQUMsT0FBTyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElvbkljb24gfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7XG4gIElsbHVzdHJhdGlvbixcbiAgaWxsdXN0cmF0aW9ucyxcbiAgU3BvdElsbHVzdHJhdGlvbk5hbWUsXG4gIFNwb3RJbGx1c3RyYXRpb25TaXplLFxufSBmcm9tICcuL3Nwb3QtaWxsdXN0cmF0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpcmJ5LXgtc3BvdC1pbGx1c3RyYXRpb24nLFxuICBpbXBvcnRzOiBbSW9uSWNvbl0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zcG90LWlsbHVzdHJhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9zcG90LWlsbHVzdHJhdGlvbi5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFNwb3RJbGx1c3RyYXRpb25Db21wb25lbnQge1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIFNwb3QgSWxsdXN0cmF0aW9uXG4gICAqL1xuICBzaXplID0gaW5wdXQ8U3BvdElsbHVzdHJhdGlvblNpemU+KFNwb3RJbGx1c3RyYXRpb25TaXplLk1EKTtcblxuICAvKipcbiAgICogVGhlIG5hbWUgb2YgdGhlIFNwb3QgSWxsdXN0cmF0aW9uIHRvIGRpc3BsYXlcbiAgICovXG4gIG5hbWUgPSBpbnB1dC5yZXF1aXJlZDxTcG90SWxsdXN0cmF0aW9uTmFtZT4oKTtcblxuICBpbGx1c3RyYXRpb24gPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgbmFtZSA9IHRoaXMubmFtZSgpO1xuICAgIHJldHVybiBuYW1lID8gaWxsdXN0cmF0aW9uc1tuYW1lXSA6IG51bGw7XG4gIH0pO1xuXG4gIHN2ZyA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBpbGx1c3RyYXRpb24gPSB0aGlzLmlsbHVzdHJhdGlvbigpIGFzIElsbHVzdHJhdGlvbjtcbiAgICBjb25zdCBzaXplID0gdGhpcy5zaXplKCk7XG4gICAgcmV0dXJuIGlsbHVzdHJhdGlvbiAmJiBpbGx1c3RyYXRpb25bc2l6ZV1cbiAgICAgID8gYGFzc2V0cy9zcG90LWlsbHVzdHJhdGlvbnMvJHtpbGx1c3RyYXRpb25bc2l6ZV19YFxuICAgICAgOiB1bmRlZmluZWQ7XG4gIH0pO1xufVxuIiwiQGlmIChzdmcoKSkge1xuICA8aW9uLWljb24gW3NyY109XCJzdmcoKVwiIFtjbGFzc109XCJzaXplKClcIj48L2lvbi1pY29uPlxufVxuIl19","/**\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

@@ -1,7 +1,13 @@
 {
   "name": "@kirbydesign/extensions-angular",
-  "version": "3.2.0",
+  "version": "3.4.0",
+  "author": "kirby@bankdata.dk",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kirbydesign/designsystem.git"
+  },
   "peerDependencies": {
+    "@angular/animations": "^18.0.0 || ^19.0.0 || ^20.0.0",
     "@angular/common": "^18.0.0 || ^19.0.0 || ^20.0.0",
     "@angular/compiler": "^18.0.0 || ^19.0.0 || ^20.0.0",
     "@angular/core": "^18.0.0 || ^19.0.0 || ^20.0.0",
@@ -35,9 +41,17 @@
       "types": "./localization/index.d.ts",
       "default": "./fesm2022/kirbydesign-extensions-angular-localization.mjs"
     },
+    "./sidebar-menu": {
+      "types": "./sidebar-menu/index.d.ts",
+      "default": "./fesm2022/kirbydesign-extensions-angular-sidebar-menu.mjs"
+    },
     "./skeleton-loader": {
       "types": "./skeleton-loader/index.d.ts",
       "default": "./fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs"
+    },
+    "./spot-illustration": {
+      "types": "./spot-illustration/index.d.ts",
+      "default": "./fesm2022/kirbydesign-extensions-angular-spot-illustration.mjs"
     }
   }
 }

package/sidebar-menu/index.d.ts

@@ -0,0 +1,73 @@
+import { ThemeColor } from '@kirbydesign/designsystem';
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+
+type Params = {
+    [key: string]: any;
+};
+interface SidebarMenuItem {
+    id: string;
+    title?: string;
+    link?: Link;
+    icon?: string;
+    iconEnd?: string;
+    selected?: boolean;
+    selectable?: boolean;
+    isAction?: boolean;
+    isExpanded?: boolean;
+    isDivider?: boolean;
+    skipLocationChange?: boolean;
+    replaceUrl?: boolean;
+    hidden?: boolean;
+    badge?: Badge;
+    children?: this[];
+}
+interface Badge {
+    value: string;
+    themeColor?: ThemeColor;
+    slot?: string;
+}
+interface Link {
+    url?: string;
+    target?: string;
+    relativeLink?: string;
+    queryParams?: Params;
+}
+
+declare class SidebarComponent<T extends SidebarMenuItem> {
+    menuItems: T[];
+    autoCollapse: boolean;
+    menuItemsChange: EventEmitter<T[]>;
+    afterMenuClicked: EventEmitter<T>;
+    afterMenuToggled: EventEmitter<T>;
+    /**
+     * @deprecated has not had an effect for a long time
+     */
+    expandIconOnHover: boolean;
+    /**
+     * @deprecated should use menuItemsChange or two-way binding on menuItems instead
+     **/
+    menuItemsChanged: EventEmitter<T[]>;
+    changeMenuItems(event: T[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent<any>, "kirby-x-sidebar", never, { "menuItems": { "alias": "menuItems"; "required": false; }; "autoCollapse": { "alias": "autoCollapse"; "required": false; }; "expandIconOnHover": { "alias": "expandIconOnHover"; "required": false; }; }, { "menuItemsChange": "menuItemsChange"; "afterMenuClicked": "afterMenuClicked"; "afterMenuToggled": "afterMenuToggled"; "menuItemsChanged": "menuItemsChanged"; }, never, ["kirby-x-sidebar-header", "kirby-x-sidebar-footer"], true, never>;
+}
+
+declare class SidebarFooterComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarFooterComponent, "kirby-x-sidebar-footer", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class SidebarHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarHeaderComponent, "kirby-x-sidebar-header", never, {}, {}, never, ["*", "[slot='action']"], true, never>;
+}
+
+declare class SidebarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SidebarModule, never, [typeof SidebarComponent, typeof SidebarFooterComponent, typeof SidebarHeaderComponent], [typeof SidebarComponent, typeof SidebarFooterComponent, typeof SidebarHeaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SidebarModule>;
+}
+
+export { SidebarComponent, SidebarFooterComponent, SidebarHeaderComponent, SidebarModule };
+export type { Badge, Link, Params, SidebarMenuItem };

package/spot-illustration/index.d.ts

@@ -0,0 +1,157 @@
+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 {
+    /**
+     * The size of the Spot Illustration
+     */
+    size: _angular_core.InputSignal<SpotIllustrationSize>;
+    /**
+     * The name of the Spot Illustration to display
+     */
+    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 };