@kirbydesign/extensions-angular 3.4.0 → 4.0.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.
@@ -110,10 +110,10 @@ class SpotIllustrationComponent {
110
110
  : undefined;
111
111
  }, ...(ngDevMode ? [{ debugName: "svg" }] : []));
112
112
  }
113
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: SpotIllustrationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
114
- 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"] }] }); }
113
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SpotIllustrationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
114
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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"] }] }); }
115
115
  }
116
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: SpotIllustrationComponent, decorators: [{
116
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SpotIllustrationComponent, decorators: [{
117
117
  type: Component,
118
118
  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"] }]
119
119
  }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }] } });
@@ -1 +1 @@
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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"}
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}\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 '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} 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 +1 @@
1
- {"version":3,"file":"kirbydesign-extensions-angular.mjs","sources":["../tmp-esm2022/index.js","../tmp-esm2022/kirbydesign-extensions-angular.js"],"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//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw0RUFBNEU7QUFDNUUsOERBQThEO0FBQzlELHVIQUF1SDtBQUN2SCxlQUFlLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vICBBbGwgY29tcG9uZW50cyBzaG91bGQgYmUgaW1wb3J0ZWQgdGhyb3VnaCB0aGVpciBpbmRpdmlkdWFsIGVudHJ5LXBvaW50cy5cbi8vIFRoaXMgZmlsZSBhbmQgZW1wdHkgZXhwb3J0IGlzIG5lZWRlZCB0byBzYXRpc2Z5IG5nX3BhY2thZ3IuXG4vLyBUaGlzIHdvcmthcm91bmQgaXMgaW5zcGlyZWQgYnkgTWF0ZXJpYWwgRGVzaWduIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2NvbXBvbmVudHMvYmxvYi9tYWluL3NyYy9tYXRlcmlhbC9pbmRleC50c1xuZXhwb3J0IGRlZmF1bHQge307XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2lyYnlkZXNpZ24tZXh0ZW5zaW9ucy1hbmd1bGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4va2lyYnlkZXNpZ24tZXh0ZW5zaW9ucy1hbmd1bGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19"],"names":[],"mappings":"AAAA;AACA;AACA;AACA,YAAe,EAAE;;ACHjB;AACA;AACA"}
1
+ {"version":3,"file":"kirbydesign-extensions-angular.mjs","sources":["../../index.ts","../../kirbydesign-extensions-angular.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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA,YAAe,EAAE;;ACHjB;;AAEG"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kirbydesign/extensions-angular",
3
- "version": "3.4.0",
3
+ "version": "4.0.0",
4
4
  "author": "kirby@bankdata.dk",
5
5
  "repository": {
6
6
  "type": "git",
@@ -15,7 +15,7 @@
15
15
  "@angular/platform-browser": "^18.0.0 || ^19.0.0 || ^20.0.0",
16
16
  "@angular/platform-browser-dynamic": "^18.0.0 || ^19.0.0 || ^20.0.0",
17
17
  "@angular/router": "^18.0.0 || ^19.0.0 || ^20.0.0",
18
- "@kirbydesign/designsystem": "^10.0.0 || ^11.0.0",
18
+ "@kirbydesign/designsystem": "^11.4.0",
19
19
  "rxjs": "~7.8.0",
20
20
  "zone.js": "^0.14.3 || ~0.15.0"
21
21
  },
@@ -1,56 +1,95 @@
1
1
  import { ThemeColor } from '@kirbydesign/designsystem';
2
+ import { Params } from '@angular/router';
3
+ import * as rxjs from 'rxjs';
2
4
  import * as i0 from '@angular/core';
3
5
  import { EventEmitter } from '@angular/core';
4
6
 
5
- type Params = {
6
- [key: string]: any;
7
+ type Badge = {
8
+ value: string;
9
+ themeColor?: ThemeColor;
10
+ slot?: string;
7
11
  };
8
- interface SidebarMenuItem {
12
+
13
+ type Toggle = {
14
+ checkedIcon: string;
15
+ uncheckedIcon: string;
16
+ };
17
+
18
+ type ActionItem = {
9
19
  id: string;
10
- title?: string;
11
- link?: Link;
20
+ type: 'action';
21
+ title: string;
12
22
  icon?: string;
13
- iconEnd?: string;
14
- selected?: boolean;
15
- selectable?: boolean;
16
- isAction?: boolean;
17
- isExpanded?: boolean;
18
- isDivider?: boolean;
19
- skipLocationChange?: boolean;
20
- replaceUrl?: boolean;
21
- hidden?: boolean;
22
23
  badge?: Badge;
23
- children?: this[];
24
- }
25
- interface Badge {
26
- value: string;
27
- themeColor?: ThemeColor;
28
- slot?: string;
29
- }
30
- interface Link {
31
- url?: string;
32
- target?: string;
33
- relativeLink?: string;
24
+ toggle?: Toggle;
25
+ href?: string;
26
+ };
27
+
28
+ type ExternalLinkItem = {
29
+ id: string;
30
+ type: 'external-link';
31
+ title: string;
32
+ icon?: string;
33
+ badge?: Badge;
34
+ toggle?: Toggle;
35
+ url: string;
36
+ target?: '_self' | '_blank' | '_parent' | '_top';
37
+ };
38
+
39
+ type RouterLinkItem = {
40
+ id: string;
41
+ type: 'router-link';
42
+ title: string;
43
+ icon?: string;
44
+ badge?: Badge;
45
+ toggle?: Toggle;
46
+ route: string;
47
+ target?: '_self' | '_blank' | '_parent' | '_top';
34
48
  queryParams?: Params;
35
- }
49
+ replaceUrl?: boolean;
50
+ skipLocationChange?: boolean;
51
+ };
52
+
53
+ type SubmenuItem = {
54
+ id: string;
55
+ type: 'submenu';
56
+ title: string;
57
+ icon?: string;
58
+ children: SidebarMenuItem[];
59
+ };
60
+
61
+ type Divider = {
62
+ id: string;
63
+ type: 'divider';
64
+ };
65
+
66
+ type SidebarMenuItem = SubmenuItem | ActionItem | RouterLinkItem | ExternalLinkItem | Divider;
67
+
68
+ type ExpandEvent = {
69
+ id: string;
70
+ isExpanded: boolean;
71
+ };
72
+
73
+ type CheckEvent = {
74
+ id: string;
75
+ isChecked: boolean;
76
+ };
36
77
 
37
- declare class SidebarComponent<T extends SidebarMenuItem> {
38
- menuItems: T[];
39
- autoCollapse: boolean;
40
- menuItemsChange: EventEmitter<T[]>;
41
- afterMenuClicked: EventEmitter<T>;
42
- afterMenuToggled: EventEmitter<T>;
43
- /**
44
- * @deprecated has not had an effect for a long time
45
- */
46
- expandIconOnHover: boolean;
47
- /**
48
- * @deprecated should use menuItemsChange or two-way binding on menuItems instead
49
- **/
50
- menuItemsChanged: EventEmitter<T[]>;
51
- changeMenuItems(event: T[]): void;
52
- static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent<any>, never>;
53
- 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>;
78
+ declare class SidebarComponent {
79
+ #private;
80
+ set menuItems(menuItems: SidebarMenuItem[]);
81
+ set selectedItem(value: string);
82
+ set expandedItems(value: Set<string>);
83
+ set checkedItems(value: Set<string>);
84
+ set autoCollapse(value: boolean);
85
+ selectedItemChange: EventEmitter<string>;
86
+ expandedItemsChange: EventEmitter<Set<string>>;
87
+ checkedItemsChange: EventEmitter<Set<string>>;
88
+ expandChange: rxjs.Observable<ExpandEvent>;
89
+ checkChange: rxjs.Observable<CheckEvent>;
90
+ constructor();
91
+ static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
92
+ static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "kirby-x-sidebar", never, { "menuItems": { "alias": "menuItems"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "expandedItems": { "alias": "expandedItems"; "required": false; }; "checkedItems": { "alias": "checkedItems"; "required": false; }; "autoCollapse": { "alias": "autoCollapse"; "required": false; }; }, { "selectedItemChange": "selectedItemChange"; "expandedItemsChange": "expandedItemsChange"; "checkedItemsChange": "checkedItemsChange"; "expandChange": "expandChange"; "checkChange": "checkChange"; }, never, ["kirby-x-sidebar-header", "kirby-x-sidebar-footer"], true, never>;
54
93
  }
55
94
 
56
95
  declare class SidebarFooterComponent {
@@ -70,4 +109,4 @@ declare class SidebarModule {
70
109
  }
71
110
 
72
111
  export { SidebarComponent, SidebarFooterComponent, SidebarHeaderComponent, SidebarModule };
73
- export type { Badge, Link, Params, SidebarMenuItem };
112
+ export type { ActionItem, Badge, CheckEvent, ExpandEvent, ExternalLinkItem, RouterLinkItem, SidebarMenuItem, SubmenuItem, Toggle };