@kirbydesign/extensions-angular 1.3.0 → 2.0.0

package/fesm2022/kirbydesign-extensions-angular-image-banner.mjs

@@ -1,13 +1,54 @@
-import * as i4 from '@angular/common';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, HostBinding, Output } from '@angular/core';
-import * as i2 from '@kirbydesign/designsystem/card';
+import { inject, ElementRef, Renderer2, Directive, EventEmitter, Component, Input, HostBinding, Output } from '@angular/core';
+import * as i3 from '@kirbydesign/designsystem/card';
 import { CardModule } from '@kirbydesign/designsystem/card';
 import { ButtonComponent } from '@kirbydesign/designsystem/button';
-import * as i3 from '@kirbydesign/designsystem/icon';
+import * as i4 from '@kirbydesign/designsystem/icon';
 import { IconModule } from '@kirbydesign/designsystem/icon';
 import * as i1 from '@kirbydesign/designsystem/shared';
+import { ResizeObserverService } from '@kirbydesign/designsystem/shared';
+
+/**
+ * @Description Temporary directive to ensure correct scroll position behavior on Safari.
+ *
+ * When navigating between stacked pages, scroll position is not correctly restored on Safari,
+ * when the nested kirby-card element uses containment and the host element does not have an explicit height.
+ */
+class ImageBannerHeightDirective {
+    constructor() {
+        this.currentHeight = 0;
+        this.host = inject(ElementRef);
+        this.resizeObserverService = inject(ResizeObserverService);
+        this.renderer = inject(Renderer2);
+    }
+    ngOnInit() {
+        this.resizeObserverService.observe(this.host, (entry) => this.setCardHeightOnHost(entry));
+    }
+    ngOnDestroy() {
+        this.resizeObserverService.unobserve(this.host);
+    }
+    setCardHeightOnHost(entry) {
+        const hostElement = entry.target;
+        const card = hostElement.querySelector('kirby-card');
+        const cardHeight = card?.getBoundingClientRect().height;
+        if (!hostElement || !cardHeight)
+            return;
+        if (cardHeight === this.currentHeight)
+            return;
+        this.currentHeight = cardHeight;
+        this.renderer.setStyle(hostElement, 'min-height', `${cardHeight}px`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ImageBannerHeightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: ImageBannerHeightDirective, isStandalone: true, selector: "[kirbyImageBannerResize]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ImageBannerHeightDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[kirbyImageBannerResize]`,
+                }]
+        }] });
 
 class ImageBannerComponent {
     constructor(translations) {
@@ -24,6 +65,10 @@ class ImageBannerComponent {
          * If subscribed to, a dismiss button will be shown. Emitted every time the dismiss button is activated by click and keyboard interaction.
          */
         this.dismissClick = new EventEmitter();
+        /**
+         * If the input imagePath results in an error, it will be reflected in this output.
+         */
+        this.imageError = new EventEmitter();
     }
     bannerClicked(event) {
         const eventTarget = event.target;
@@ -35,12 +80,15 @@ class ImageBannerComponent {
     dismissClicked(event) {
         this.dismissClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ImageBannerComponent, deps: [{ token: i1.TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: ImageBannerComponent, isStandalone: true, selector: "kirby-x-image-banner", inputs: { title: "title", imagePath: "imagePath", bodyText: "bodyText", actionButtonText: "actionButtonText", externalLink: "externalLink", backgroundBlur: "backgroundBlur" }, outputs: { bannerClick: "bannerClick", dismissClick: "dismissClick" }, host: { properties: { "class": "this.backgroundBlur" } }, ngImport: i0, template: "<kirby-card *ngIf=\"externalLink\" [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\">\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<kirby-card\n  *ngIf=\"!externalLink\"\n  [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\"\n  (click)=\"bannerClicked($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<ng-template #sharedCardContent>\n  <div class=\"blur-image-wrapper\">\n    <img class=\"blur-image\" [src]=\"imagePath\" alt=\"\" />\n  </div>\n\n  <!-- When an external link is supplied, this anchor tag expands and fills the entire banner so users can click anywhere or focus the banner -->\n  <a *ngIf=\"externalLink\" class=\"main-content-anchor\" [href]=\"externalLink\" target=\"_blank\"></a>\n\n  <div class=\"main-content-wrapper\">\n    <div class=\"main-content-image-wrapper\">\n      <img class=\"main-content-image\" [src]=\"imagePath\" alt=\"\" />\n    </div>\n\n    <div class=\"main-content\">\n      <div class=\"main-content-header\">\n        <p class=\"kirby-text-normal-bold header-text\">\n          @if (title) {\n            {{ title }}\n          } @else {\n            <ng-content select=\"[title]\"></ng-content>\n          }\n        </p>\n      </div>\n\n      <div class=\"main-content-body\">\n        <div class=\"main-content-body-text\">\n          <span class=\"kirby-text-small body-text\">\n            @if (bodyText) {\n              {{ bodyText }}\n            } @else {\n              <ng-content select=\"[bodyText]\"></ng-content>\n            }\n          </span>\n        </div>\n\n        <ng-container *ngIf=\"externalLink\">\n          <!-- On large screens we also show a button-like anchor tag in addition to the entire banner anchor -->\n          <a\n            kirby-button\n            class=\"main-content-body-action-text\"\n            [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n            [showIconOnly]=\"!actionButtonText\"\n            [href]=\"externalLink\"\n            target=\"_blank\"\n            size=\"sm\"\n          >\n            {{ actionButtonText }}\n            <kirby-icon name=\"link\"></kirby-icon>\n          </a>\n\n          <div class=\"main-content-body-action-link\">\n            <kirby-icon name=\"link\"></kirby-icon>\n          </div>\n        </ng-container>\n\n        <button\n          class=\"main-content-body-action-text\"\n          kirby-button\n          *ngIf=\"actionButtonText && !externalLink\"\n          [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n          size=\"sm\"\n        >\n          {{ actionButtonText }}\n        </button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"dismiss\" *ngIf=\"dismissClick.observed\">\n    <button\n      kirby-button\n      (click)=\"dismissClicked($event)\"\n      [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n      [showIconOnly]=\"true\"\n      size=\"xs\"\n      [attr.aria-label]=\"translations.get('close') + ' ' + title\"\n    >\n      <kirby-icon name=\"close\"></kirby-icon>\n    </button>\n  </div>\n</ng-template>\n", styles: [":host{display:block;container-name:banner;container-type:inline-size}:host(.none) .blur-image{display:none}@container banner (width < 600px){:host(.none) .dismiss{--kirby-inputs-background-color: var(--kirby-white);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black)}}:host(.none) .main-content-body-action-link{color:var(--kirby-semi-dark)}:host(.dark) .blur-image{filter:blur(60px) brightness(.8)}:host(.light) .blur-image{filter:blur(60px) brightness(1.3)}.blur-image-wrapper{position:absolute;inset:-180px;z-index:-1}.blur-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}kirby-card{height:100%}.main-content-wrapper{width:100%;padding:8px;box-sizing:border-box;display:flex;flex-direction:column}@container banner (width >= 600px){.main-content-wrapper{gap:16px;flex-direction:initial}}.main-content-image-wrapper{display:flex;overflow:hidden;border-radius:8px}@container banner (width >= 600px){.main-content-image-wrapper{flex:1}}.main-content{display:flex;min-height:var(--kirby-x-image-banner-min-height, 84px);box-sizing:border-box;flex-direction:column;padding:12px 0 8px 8px;overflow:hidden}.main-content .main-content-header{padding-inline-end:8px}@container banner (width >= 600px){.main-content .main-content-header{padding-inline-end:40px}}.main-content:has(.main-content-body-action-link) .main-content-header{padding-inline-end:40px}.main-content:has(.header-text:empty):has(.body-text:empty){padding-block-start:0}.main-content:has(.body-text:empty):has(.header-text:empty){padding-block-end:0}@container banner (width >= 600px){.main-content{flex:1;gap:12px;padding:8px 8px 8px 0}}.main-content-anchor{position:absolute;inset:0}.main-content-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:0}.main-content-image{width:100%;height:132px;object-fit:cover;object-position:center}@container banner (width >= 600px){.main-content-image{height:164px}}.main-content-body{display:flex;justify-content:space-between;gap:16px;height:100%}@container banner (width >= 600px){.main-content-body{flex-direction:column;max-width:324px}}@container banner (width >= 600px){.main-content-body .main-content-body-action-link{display:none}}.main-content-body-text{display:block;overflow:hidden;max-height:40px;padding-inline-end:8px}@container banner (width >= 600px){.main-content-body-text{padding-inline-end:48px;max-height:64px}}.main-content-body-action-text{display:none}@container banner (width >= 600px){.main-content-body-action-text{align-self:start;display:inline-flex;margin:0}}.dismiss{position:absolute;top:16px;right:16px;height:fit-content}.dismiss button{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CardModule }, { kind: "component", type: i2.CardComponent, selector: "kirby-card", inputs: ["title", "subtitle", "backgroundImageUrl", "hasPadding", "sizes", "variant"] }, { kind: "directive", type: i2.CardAsButtonDirective, selector: "kirby-card[click]" }, { kind: "directive", type: i1.ThemeColorDirective, selector: "kirby-avatar[themeColor],             kirby-card[themeColor],             kirby-icon[themeColor],             kirby-progress-circle-ring[themeColor],             kirby-modal-footer[themeColor],             kirby-empty-state[themeColor]", inputs: ["themeColor"] }, { kind: "component", type: ButtonComponent, selector: "button[kirby-button],Button[kirby-button],a[kirby-button]", inputs: ["attentionLevel", "noDecoration", "themeColor", "expand", "isFloating", "size", "showIconOnly"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i3.IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    onImageError($event) {
+        this.imageError.emit($event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ImageBannerComponent, deps: [{ token: i1.TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: ImageBannerComponent, isStandalone: true, selector: "kirby-x-image-banner", inputs: { title: "title", imagePath: "imagePath", bodyText: "bodyText", actionButtonText: "actionButtonText", externalLink: "externalLink", backgroundBlur: "backgroundBlur" }, outputs: { bannerClick: "bannerClick", dismissClick: "dismissClick", imageError: "imageError" }, host: { properties: { "class": "this.backgroundBlur" } }, hostDirectives: [{ directive: ImageBannerHeightDirective }], ngImport: i0, template: "<kirby-card *ngIf=\"externalLink\" [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\">\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<kirby-card\n  *ngIf=\"!externalLink\"\n  [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\"\n  (click)=\"bannerClicked($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<ng-template #sharedCardContent>\n  <div class=\"blur-image-wrapper\">\n    <img class=\"blur-image\" [src]=\"imagePath\" alt=\"\" />\n  </div>\n\n  <!-- When an external link is supplied, this anchor tag expands and fills the entire banner so users can click anywhere or focus the banner -->\n  <a *ngIf=\"externalLink\" class=\"main-content-anchor\" [href]=\"externalLink\" target=\"_blank\"></a>\n\n  <div class=\"main-content-wrapper\">\n    <div class=\"main-content-image-wrapper\">\n      <img class=\"main-content-image\" [src]=\"imagePath\" alt=\"\" (error)=\"onImageError($event)\" />\n    </div>\n\n    <div class=\"main-content\">\n      <div class=\"main-content-header\">\n        <p class=\"kirby-text-normal-bold header-text\">\n          @if (title) {\n            {{ title }}\n          } @else {\n            <ng-content select=\"[title]\"></ng-content>\n          }\n        </p>\n      </div>\n\n      <div class=\"main-content-body\">\n        <div class=\"main-content-body-text\">\n          <span class=\"kirby-text-small body-text\">\n            @if (bodyText) {\n              {{ bodyText }}\n            } @else {\n              <ng-content select=\"[bodyText]\"></ng-content>\n            }\n          </span>\n        </div>\n\n        <ng-container *ngIf=\"externalLink\">\n          <!-- On large screens we also show a button-like anchor tag in addition to the entire banner anchor -->\n          <a\n            kirby-button\n            class=\"main-content-body-action-text\"\n            [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n            [showIconOnly]=\"!actionButtonText\"\n            [href]=\"externalLink\"\n            target=\"_blank\"\n            size=\"sm\"\n          >\n            {{ actionButtonText }}\n            <kirby-icon name=\"link\"></kirby-icon>\n          </a>\n\n          <div class=\"main-content-body-action-link\">\n            <kirby-icon name=\"link\"></kirby-icon>\n          </div>\n        </ng-container>\n\n        <button\n          class=\"main-content-body-action-text\"\n          kirby-button\n          *ngIf=\"actionButtonText && !externalLink\"\n          [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n          size=\"sm\"\n        >\n          {{ actionButtonText }}\n        </button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"dismiss\" *ngIf=\"dismissClick.observed\">\n    <button\n      kirby-button\n      (click)=\"dismissClicked($event)\"\n      [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n      [showIconOnly]=\"true\"\n      size=\"xs\"\n      [attr.aria-label]=\"translations.get('close') + ' ' + title\"\n    >\n      <kirby-icon name=\"close\"></kirby-icon>\n    </button>\n  </div>\n</ng-template>\n", styles: [":host{display:block}:host(.none) .blur-image{display:none}@container banner (width < 600px){:host(.none) .dismiss{--kirby-inputs-background-color: var(--kirby-white);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black)}}:host(.none) .main-content-body-action-link{color:var(--kirby-semi-dark)}:host(.dark) .blur-image{filter:blur(60px) brightness(.8)}:host(.light) .blur-image{filter:blur(60px) brightness(1.3)}.blur-image-wrapper{position:absolute;inset:-180px;z-index:-1}.blur-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}kirby-card{container-name:banner;container-type:inline-size;height:100%}.main-content-wrapper{width:100%;padding:8px;box-sizing:border-box;display:flex;flex-direction:column}@container banner (width >= 600px){.main-content-wrapper{gap:16px;flex-direction:initial}}.main-content-image-wrapper{display:flex;overflow:hidden;border-radius:8px}@container banner (width >= 600px){.main-content-image-wrapper{flex:1}}.main-content{display:flex;min-height:var(--kirby-x-image-banner-min-height, 84px);box-sizing:border-box;flex-direction:column;padding:12px 0 8px 8px;overflow:hidden}.main-content .main-content-header{padding-inline-end:8px}@container banner (width >= 600px){.main-content .main-content-header{padding-inline-end:40px}}.main-content:has(.main-content-body-action-link) .main-content-header{padding-inline-end:40px}.main-content:has(.header-text:empty):has(.body-text:empty){padding-block-start:0}.main-content:has(.body-text:empty):has(.header-text:empty){padding-block-end:0}@container banner (width >= 600px){.main-content{flex:1;gap:12px;padding:8px 8px 8px 0}}.main-content-anchor{position:absolute;inset:0}.main-content-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:0}.main-content-image{width:100%;height:132px;object-fit:cover;object-position:center}@container banner (width >= 600px){.main-content-image{height:164px}}.main-content-body{display:flex;justify-content:space-between;gap:16px;height:100%}@container banner (width >= 600px){.main-content-body{flex-direction:column;max-width:324px}}@container banner (width >= 600px){.main-content-body .main-content-body-action-link{display:none}}.main-content-body-text{display:block;overflow:hidden;max-height:40px;padding-inline-end:8px}@container banner (width >= 600px){.main-content-body-text{padding-inline-end:48px;max-height:64px}}.main-content-body-action-text{display:none}@container banner (width >= 600px){.main-content-body-action-text{align-self:start;display:inline-flex;margin:0}}.dismiss{position:absolute;top:16px;right:16px;height:fit-content}.dismiss button{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CardModule }, { kind: "component", type: i3.CardComponent, selector: "kirby-card", inputs: ["title", "subtitle", "backgroundImageUrl", "hasPadding", "sizes", "variant"] }, { kind: "directive", type: i3.CardAsButtonDirective, selector: "kirby-card[click]" }, { kind: "directive", type: i1.ThemeColorDirective, selector: "kirby-avatar[themeColor],             kirby-card[themeColor],             kirby-icon[themeColor],             kirby-progress-circle-ring[themeColor],             kirby-modal-footer[themeColor],             kirby-empty-state[themeColor]", inputs: ["themeColor"] }, { kind: "component", type: ButtonComponent, selector: "button[kirby-button],Button[kirby-button],a[kirby-button]", inputs: ["attentionLevel", "noDecoration", "themeColor", "expand", "isFloating", "size", "showIconOnly"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i4.IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: ImageBannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ImageBannerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kirby-x-image-banner', imports: [CardModule, ButtonComponent, IconModule, CommonModule], template: "<kirby-card *ngIf=\"externalLink\" [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\">\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<kirby-card\n  *ngIf=\"!externalLink\"\n  [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\"\n  (click)=\"bannerClicked($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<ng-template #sharedCardContent>\n  <div class=\"blur-image-wrapper\">\n    <img class=\"blur-image\" [src]=\"imagePath\" alt=\"\" />\n  </div>\n\n  <!-- When an external link is supplied, this anchor tag expands and fills the entire banner so users can click anywhere or focus the banner -->\n  <a *ngIf=\"externalLink\" class=\"main-content-anchor\" [href]=\"externalLink\" target=\"_blank\"></a>\n\n  <div class=\"main-content-wrapper\">\n    <div class=\"main-content-image-wrapper\">\n      <img class=\"main-content-image\" [src]=\"imagePath\" alt=\"\" />\n    </div>\n\n    <div class=\"main-content\">\n      <div class=\"main-content-header\">\n        <p class=\"kirby-text-normal-bold header-text\">\n          @if (title) {\n            {{ title }}\n          } @else {\n            <ng-content select=\"[title]\"></ng-content>\n          }\n        </p>\n      </div>\n\n      <div class=\"main-content-body\">\n        <div class=\"main-content-body-text\">\n          <span class=\"kirby-text-small body-text\">\n            @if (bodyText) {\n              {{ bodyText }}\n            } @else {\n              <ng-content select=\"[bodyText]\"></ng-content>\n            }\n          </span>\n        </div>\n\n        <ng-container *ngIf=\"externalLink\">\n          <!-- On large screens we also show a button-like anchor tag in addition to the entire banner anchor -->\n          <a\n            kirby-button\n            class=\"main-content-body-action-text\"\n            [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n            [showIconOnly]=\"!actionButtonText\"\n            [href]=\"externalLink\"\n            target=\"_blank\"\n            size=\"sm\"\n          >\n            {{ actionButtonText }}\n            <kirby-icon name=\"link\"></kirby-icon>\n          </a>\n\n          <div class=\"main-content-body-action-link\">\n            <kirby-icon name=\"link\"></kirby-icon>\n          </div>\n        </ng-container>\n\n        <button\n          class=\"main-content-body-action-text\"\n          kirby-button\n          *ngIf=\"actionButtonText && !externalLink\"\n          [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n          size=\"sm\"\n        >\n          {{ actionButtonText }}\n        </button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"dismiss\" *ngIf=\"dismissClick.observed\">\n    <button\n      kirby-button\n      (click)=\"dismissClicked($event)\"\n      [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n      [showIconOnly]=\"true\"\n      size=\"xs\"\n      [attr.aria-label]=\"translations.get('close') + ' ' + title\"\n    >\n      <kirby-icon name=\"close\"></kirby-icon>\n    </button>\n  </div>\n</ng-template>\n", styles: [":host{display:block;container-name:banner;container-type:inline-size}:host(.none) .blur-image{display:none}@container banner (width < 600px){:host(.none) .dismiss{--kirby-inputs-background-color: var(--kirby-white);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black)}}:host(.none) .main-content-body-action-link{color:var(--kirby-semi-dark)}:host(.dark) .blur-image{filter:blur(60px) brightness(.8)}:host(.light) .blur-image{filter:blur(60px) brightness(1.3)}.blur-image-wrapper{position:absolute;inset:-180px;z-index:-1}.blur-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}kirby-card{height:100%}.main-content-wrapper{width:100%;padding:8px;box-sizing:border-box;display:flex;flex-direction:column}@container banner (width >= 600px){.main-content-wrapper{gap:16px;flex-direction:initial}}.main-content-image-wrapper{display:flex;overflow:hidden;border-radius:8px}@container banner (width >= 600px){.main-content-image-wrapper{flex:1}}.main-content{display:flex;min-height:var(--kirby-x-image-banner-min-height, 84px);box-sizing:border-box;flex-direction:column;padding:12px 0 8px 8px;overflow:hidden}.main-content .main-content-header{padding-inline-end:8px}@container banner (width >= 600px){.main-content .main-content-header{padding-inline-end:40px}}.main-content:has(.main-content-body-action-link) .main-content-header{padding-inline-end:40px}.main-content:has(.header-text:empty):has(.body-text:empty){padding-block-start:0}.main-content:has(.body-text:empty):has(.header-text:empty){padding-block-end:0}@container banner (width >= 600px){.main-content{flex:1;gap:12px;padding:8px 8px 8px 0}}.main-content-anchor{position:absolute;inset:0}.main-content-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:0}.main-content-image{width:100%;height:132px;object-fit:cover;object-position:center}@container banner (width >= 600px){.main-content-image{height:164px}}.main-content-body{display:flex;justify-content:space-between;gap:16px;height:100%}@container banner (width >= 600px){.main-content-body{flex-direction:column;max-width:324px}}@container banner (width >= 600px){.main-content-body .main-content-body-action-link{display:none}}.main-content-body-text{display:block;overflow:hidden;max-height:40px;padding-inline-end:8px}@container banner (width >= 600px){.main-content-body-text{padding-inline-end:48px;max-height:64px}}.main-content-body-action-text{display:none}@container banner (width >= 600px){.main-content-body-action-text{align-self:start;display:inline-flex;margin:0}}.dismiss{position:absolute;top:16px;right:16px;height:fit-content}.dismiss button{margin:0}\n"] }]
+            args: [{ selector: 'kirby-x-image-banner', imports: [CardModule, ButtonComponent, IconModule, CommonModule], hostDirectives: [ImageBannerHeightDirective], template: "<kirby-card *ngIf=\"externalLink\" [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\">\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<kirby-card\n  *ngIf=\"!externalLink\"\n  [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\"\n  (click)=\"bannerClicked($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<ng-template #sharedCardContent>\n  <div class=\"blur-image-wrapper\">\n    <img class=\"blur-image\" [src]=\"imagePath\" alt=\"\" />\n  </div>\n\n  <!-- When an external link is supplied, this anchor tag expands and fills the entire banner so users can click anywhere or focus the banner -->\n  <a *ngIf=\"externalLink\" class=\"main-content-anchor\" [href]=\"externalLink\" target=\"_blank\"></a>\n\n  <div class=\"main-content-wrapper\">\n    <div class=\"main-content-image-wrapper\">\n      <img class=\"main-content-image\" [src]=\"imagePath\" alt=\"\" (error)=\"onImageError($event)\" />\n    </div>\n\n    <div class=\"main-content\">\n      <div class=\"main-content-header\">\n        <p class=\"kirby-text-normal-bold header-text\">\n          @if (title) {\n            {{ title }}\n          } @else {\n            <ng-content select=\"[title]\"></ng-content>\n          }\n        </p>\n      </div>\n\n      <div class=\"main-content-body\">\n        <div class=\"main-content-body-text\">\n          <span class=\"kirby-text-small body-text\">\n            @if (bodyText) {\n              {{ bodyText }}\n            } @else {\n              <ng-content select=\"[bodyText]\"></ng-content>\n            }\n          </span>\n        </div>\n\n        <ng-container *ngIf=\"externalLink\">\n          <!-- On large screens we also show a button-like anchor tag in addition to the entire banner anchor -->\n          <a\n            kirby-button\n            class=\"main-content-body-action-text\"\n            [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n            [showIconOnly]=\"!actionButtonText\"\n            [href]=\"externalLink\"\n            target=\"_blank\"\n            size=\"sm\"\n          >\n            {{ actionButtonText }}\n            <kirby-icon name=\"link\"></kirby-icon>\n          </a>\n\n          <div class=\"main-content-body-action-link\">\n            <kirby-icon name=\"link\"></kirby-icon>\n          </div>\n        </ng-container>\n\n        <button\n          class=\"main-content-body-action-text\"\n          kirby-button\n          *ngIf=\"actionButtonText && !externalLink\"\n          [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n          size=\"sm\"\n        >\n          {{ actionButtonText }}\n        </button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"dismiss\" *ngIf=\"dismissClick.observed\">\n    <button\n      kirby-button\n      (click)=\"dismissClicked($event)\"\n      [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n      [showIconOnly]=\"true\"\n      size=\"xs\"\n      [attr.aria-label]=\"translations.get('close') + ' ' + title\"\n    >\n      <kirby-icon name=\"close\"></kirby-icon>\n    </button>\n  </div>\n</ng-template>\n", styles: [":host{display:block}:host(.none) .blur-image{display:none}@container banner (width < 600px){:host(.none) .dismiss{--kirby-inputs-background-color: var(--kirby-white);--kirby-inputs-background-color-hover: var(--kirby-dark-overlay-10);--kirby-inputs-background-color-active: var(--kirby-dark-overlay-20);--kirby-inputs-color: var(--kirby-black)}}:host(.none) .main-content-body-action-link{color:var(--kirby-semi-dark)}:host(.dark) .blur-image{filter:blur(60px) brightness(.8)}:host(.light) .blur-image{filter:blur(60px) brightness(1.3)}.blur-image-wrapper{position:absolute;inset:-180px;z-index:-1}.blur-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}kirby-card{container-name:banner;container-type:inline-size;height:100%}.main-content-wrapper{width:100%;padding:8px;box-sizing:border-box;display:flex;flex-direction:column}@container banner (width >= 600px){.main-content-wrapper{gap:16px;flex-direction:initial}}.main-content-image-wrapper{display:flex;overflow:hidden;border-radius:8px}@container banner (width >= 600px){.main-content-image-wrapper{flex:1}}.main-content{display:flex;min-height:var(--kirby-x-image-banner-min-height, 84px);box-sizing:border-box;flex-direction:column;padding:12px 0 8px 8px;overflow:hidden}.main-content .main-content-header{padding-inline-end:8px}@container banner (width >= 600px){.main-content .main-content-header{padding-inline-end:40px}}.main-content:has(.main-content-body-action-link) .main-content-header{padding-inline-end:40px}.main-content:has(.header-text:empty):has(.body-text:empty){padding-block-start:0}.main-content:has(.body-text:empty):has(.header-text:empty){padding-block-end:0}@container banner (width >= 600px){.main-content{flex:1;gap:12px;padding:8px 8px 8px 0}}.main-content-anchor{position:absolute;inset:0}.main-content-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:0}.main-content-image{width:100%;height:132px;object-fit:cover;object-position:center}@container banner (width >= 600px){.main-content-image{height:164px}}.main-content-body{display:flex;justify-content:space-between;gap:16px;height:100%}@container banner (width >= 600px){.main-content-body{flex-direction:column;max-width:324px}}@container banner (width >= 600px){.main-content-body .main-content-body-action-link{display:none}}.main-content-body-text{display:block;overflow:hidden;max-height:40px;padding-inline-end:8px}@container banner (width >= 600px){.main-content-body-text{padding-inline-end:48px;max-height:64px}}.main-content-body-action-text{display:none}@container banner (width >= 600px){.main-content-body-action-text{align-self:start;display:inline-flex;margin:0}}.dismiss{position:absolute;top:16px;right:16px;height:fit-content}.dismiss button{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslationService }], propDecorators: { title: [{
                 type: Input
             }], imagePath: [{
@@ -60,11 +108,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 type: Output
             }], dismissClick: [{
                 type: Output
+            }], imageError: [{
+                type: Output
             }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ImageBannerComponent };
+export { ImageBannerComponent, ImageBannerHeightDirective };
 //# sourceMappingURL=kirbydesign-extensions-angular-image-banner.mjs.map

package/fesm2022/kirbydesign-extensions-angular-image-banner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-extensions-angular-image-banner.mjs","sources":["../../image-banner/src/image-banner.component.ts","../../image-banner/src/image-banner.component.html","../../image-banner/src/kirbydesign-extensions-angular-image-banner.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\nimport { CardModule } from '@kirbydesign/designsystem/card';\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { TranslationService } from '@kirbydesign/designsystem/shared';\n\n@Component({\n  selector: 'kirby-x-image-banner',\n  imports: [CardModule, ButtonComponent, IconModule, CommonModule],\n  templateUrl: './image-banner.component.html',\n  styleUrl: './image-banner.component.scss',\n})\nexport class ImageBannerComponent {\n  /**\n   * The title placed inside the image banners header.\n   */\n  @Input() title: string | undefined;\n\n  /**\n   * The image shown on the banner, and used for the background blur effect.\n   */\n  @Input() imagePath: string | undefined;\n\n  /**\n   * The body text placed below the title.\n   */\n  @Input() bodyText: string | undefined;\n\n  /**\n   * The text of the button in the content area of the image banner.\n   */\n  @Input() actionButtonText: string | undefined;\n\n  /**\n   * When an external link is supplied the entire banner will be an anchor-tag and navigate when activated.\n   */\n  @Input() externalLink: string | undefined;\n\n  /**\n   * The blur-effect used for the background.\n   */\n  @HostBinding('class')\n  @Input()\n  backgroundBlur: 'dark' | 'light' | 'none' = 'dark';\n\n  /**\n   * Emitted every time the banner is activated. The entire banner is interactive, and will be activated by click and keyboard interaction.\n   */\n  @Output() bannerClick = new EventEmitter<Event>();\n\n  /**\n   * If subscribed to, a dismiss button will be shown. Emitted every time the dismiss button is activated by click and keyboard interaction.\n   */\n  @Output() dismissClick = new EventEmitter<Event>();\n\n  constructor(public translations: TranslationService) {}\n\n  public bannerClicked(event: Event) {\n    const eventTarget = event.target as HTMLElement;\n    const dismissButtonClicked = eventTarget.closest('.dismiss');\n    if (dismissButtonClicked) return;\n    this.bannerClick.emit(event);\n  }\n\n  public dismissClicked(event: Event) {\n    this.dismissClick.emit(event);\n  }\n}\n","<kirby-card *ngIf=\"externalLink\" [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\">\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<kirby-card\n  *ngIf=\"!externalLink\"\n  [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\"\n  (click)=\"bannerClicked($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<ng-template #sharedCardContent>\n  <div class=\"blur-image-wrapper\">\n    <img class=\"blur-image\" [src]=\"imagePath\" alt=\"\" />\n  </div>\n\n  <!-- When an external link is supplied, this anchor tag expands and fills the entire banner so users can click anywhere or focus the banner -->\n  <a *ngIf=\"externalLink\" class=\"main-content-anchor\" [href]=\"externalLink\" target=\"_blank\"></a>\n\n  <div class=\"main-content-wrapper\">\n    <div class=\"main-content-image-wrapper\">\n      <img class=\"main-content-image\" [src]=\"imagePath\" alt=\"\" />\n    </div>\n\n    <div class=\"main-content\">\n      <div class=\"main-content-header\">\n        <p class=\"kirby-text-normal-bold header-text\">\n          @if (title) {\n            {{ title }}\n          } @else {\n            <ng-content select=\"[title]\"></ng-content>\n          }\n        </p>\n      </div>\n\n      <div class=\"main-content-body\">\n        <div class=\"main-content-body-text\">\n          <span class=\"kirby-text-small body-text\">\n            @if (bodyText) {\n              {{ bodyText }}\n            } @else {\n              <ng-content select=\"[bodyText]\"></ng-content>\n            }\n          </span>\n        </div>\n\n        <ng-container *ngIf=\"externalLink\">\n          <!-- On large screens we also show a button-like anchor tag in addition to the entire banner anchor -->\n          <a\n            kirby-button\n            class=\"main-content-body-action-text\"\n            [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n            [showIconOnly]=\"!actionButtonText\"\n            [href]=\"externalLink\"\n            target=\"_blank\"\n            size=\"sm\"\n          >\n            {{ actionButtonText }}\n            <kirby-icon name=\"link\"></kirby-icon>\n          </a>\n\n          <div class=\"main-content-body-action-link\">\n            <kirby-icon name=\"link\"></kirby-icon>\n          </div>\n        </ng-container>\n\n        <button\n          class=\"main-content-body-action-text\"\n          kirby-button\n          *ngIf=\"actionButtonText && !externalLink\"\n          [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n          size=\"sm\"\n        >\n          {{ actionButtonText }}\n        </button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"dismiss\" *ngIf=\"dismissClick.observed\">\n    <button\n      kirby-button\n      (click)=\"dismissClicked($event)\"\n      [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n      [showIconOnly]=\"true\"\n      size=\"xs\"\n      [attr.aria-label]=\"translations.get('close') + ' ' + title\"\n    >\n      <kirby-icon name=\"close\"></kirby-icon>\n    </button>\n  </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAaa,oBAAoB,CAAA;AA2C/B,IAAA,WAAA,CAAmB,YAAgC,EAAA;QAAhC,IAAY,CAAA,YAAA,GAAZ,YAAY;AAjB/B;;AAEG;QAGH,IAAc,CAAA,cAAA,GAA8B,MAAM;AAElD;;AAEG;AACO,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAS;AAEjD;;AAEG;AACO,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAS;;AAI3C,IAAA,aAAa,CAAC,KAAY,EAAA;AAC/B,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAqB;QAC/C,MAAM,oBAAoB,GAAG,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC;AAC5D,QAAA,IAAI,oBAAoB;YAAE;AAC1B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGvB,IAAA,cAAc,CAAC,KAAY,EAAA;AAChC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;;8GArDpB,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbjC,klGA6FA,EDpFY,MAAA,EAAA,CAAA,0tFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,UAAU,ylBAAE,eAAe,EAAA,QAAA,EAAA,2DAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,cAAA,EAAA,YAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIpD,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,sBAAsB,EAAA,OAAA,EACvB,CAAC,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,klGAAA,EAAA,MAAA,EAAA,CAAA,0tFAAA,CAAA,EAAA;uFAQvD,KAAK,EAAA,CAAA;sBAAb;gBAKQ,SAAS,EAAA,CAAA;sBAAjB;gBAKQ,QAAQ,EAAA,CAAA;sBAAhB;gBAKQ,gBAAgB,EAAA,CAAA;sBAAxB;gBAKQ,YAAY,EAAA,CAAA;sBAApB;gBAOD,cAAc,EAAA,CAAA;sBAFb,WAAW;uBAAC,OAAO;;sBACnB;gBAMS,WAAW,EAAA,CAAA;sBAApB;gBAKS,YAAY,EAAA,CAAA;sBAArB;;;AEtDH;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-extensions-angular-image-banner.mjs","sources":["../../image-banner/src/image-banner-height.directive.ts","../../image-banner/src/image-banner.component.ts","../../image-banner/src/image-banner.component.html","../../image-banner/src/kirbydesign-extensions-angular-image-banner.ts"],"sourcesContent":["import { Directive, ElementRef, inject, OnDestroy, OnInit, Renderer2 } from '@angular/core';\nimport { ResizeObserverService } from '@kirbydesign/designsystem/shared';\n\n/**\n * @Description Temporary directive to ensure correct scroll position behavior on Safari.\n *\n * When navigating between stacked pages, scroll position is not correctly restored on Safari,\n * when the nested kirby-card element uses containment and the host element does not have an explicit height.\n */\n@Directive({\n  selector: `[kirbyImageBannerResize]`,\n})\nexport class ImageBannerHeightDirective implements OnInit, OnDestroy {\n  private currentHeight: number = 0;\n  private host = inject(ElementRef);\n  private resizeObserverService = inject(ResizeObserverService);\n  private renderer = inject(Renderer2);\n\n  ngOnInit() {\n    this.resizeObserverService.observe(this.host, (entry) => this.setCardHeightOnHost(entry));\n  }\n\n  ngOnDestroy() {\n    this.resizeObserverService.unobserve(this.host);\n  }\n\n  private setCardHeightOnHost(entry: ResizeObserverEntry) {\n    const hostElement = entry.target as HTMLElement;\n    const card = hostElement.querySelector('kirby-card');\n    const cardHeight = card?.getBoundingClientRect().height;\n\n    if (!hostElement || !cardHeight) return;\n    if (cardHeight === this.currentHeight) return;\n\n    this.currentHeight = cardHeight;\n    this.renderer.setStyle(hostElement, 'min-height', `${cardHeight}px`);\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';\nimport { CardModule } from '@kirbydesign/designsystem/card';\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { TranslationService } from '@kirbydesign/designsystem/shared';\nimport { ImageBannerHeightDirective } from './image-banner-height.directive';\n\n@Component({\n  selector: 'kirby-x-image-banner',\n  imports: [CardModule, ButtonComponent, IconModule, CommonModule],\n  hostDirectives: [ImageBannerHeightDirective],\n  templateUrl: './image-banner.component.html',\n  styleUrl: './image-banner.component.scss',\n})\nexport class ImageBannerComponent {\n  /**\n   * The title placed inside the image banners header.\n   */\n  @Input() title: string | undefined;\n\n  /**\n   * The image shown on the banner, and used for the background blur effect.\n   */\n  @Input() imagePath: string | undefined;\n\n  /**\n   * The body text placed below the title.\n   */\n  @Input() bodyText: string | undefined;\n\n  /**\n   * The text of the button in the content area of the image banner.\n   */\n  @Input() actionButtonText: string | undefined;\n\n  /**\n   * When an external link is supplied the entire banner will be an anchor-tag and navigate when activated.\n   */\n  @Input() externalLink: string | undefined;\n\n  /**\n   * The blur-effect used for the background.\n   */\n  @HostBinding('class')\n  @Input()\n  backgroundBlur: 'dark' | 'light' | 'none' = 'dark';\n\n  /**\n   * Emitted every time the banner is activated. The entire banner is interactive, and will be activated by click and keyboard interaction.\n   */\n  @Output() bannerClick = new EventEmitter<Event>();\n\n  /**\n   * If subscribed to, a dismiss button will be shown. Emitted every time the dismiss button is activated by click and keyboard interaction.\n   */\n  @Output() dismissClick = new EventEmitter<Event>();\n\n  /**\n   * If the input imagePath results in an error, it will be reflected in this output.\n   */\n  @Output()\n  imageError = new EventEmitter<ErrorEvent>();\n\n  constructor(public translations: TranslationService) {}\n\n  public bannerClicked(event: Event) {\n    const eventTarget = event.target as HTMLElement;\n    const dismissButtonClicked = eventTarget.closest('.dismiss');\n    if (dismissButtonClicked) return;\n    this.bannerClick.emit(event);\n  }\n\n  public dismissClicked(event: Event) {\n    this.dismissClick.emit(event);\n  }\n\n  public onImageError($event: ErrorEvent) {\n    this.imageError.emit($event);\n  }\n}\n","<kirby-card *ngIf=\"externalLink\" [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\">\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<kirby-card\n  *ngIf=\"!externalLink\"\n  [themeColor]=\"backgroundBlur === 'none' ? 'white' : 'dark'\"\n  (click)=\"bannerClicked($event)\"\n>\n  <ng-container *ngTemplateOutlet=\"sharedCardContent\"></ng-container>\n</kirby-card>\n\n<ng-template #sharedCardContent>\n  <div class=\"blur-image-wrapper\">\n    <img class=\"blur-image\" [src]=\"imagePath\" alt=\"\" />\n  </div>\n\n  <!-- When an external link is supplied, this anchor tag expands and fills the entire banner so users can click anywhere or focus the banner -->\n  <a *ngIf=\"externalLink\" class=\"main-content-anchor\" [href]=\"externalLink\" target=\"_blank\"></a>\n\n  <div class=\"main-content-wrapper\">\n    <div class=\"main-content-image-wrapper\">\n      <img class=\"main-content-image\" [src]=\"imagePath\" alt=\"\" (error)=\"onImageError($event)\" />\n    </div>\n\n    <div class=\"main-content\">\n      <div class=\"main-content-header\">\n        <p class=\"kirby-text-normal-bold header-text\">\n          @if (title) {\n            {{ title }}\n          } @else {\n            <ng-content select=\"[title]\"></ng-content>\n          }\n        </p>\n      </div>\n\n      <div class=\"main-content-body\">\n        <div class=\"main-content-body-text\">\n          <span class=\"kirby-text-small body-text\">\n            @if (bodyText) {\n              {{ bodyText }}\n            } @else {\n              <ng-content select=\"[bodyText]\"></ng-content>\n            }\n          </span>\n        </div>\n\n        <ng-container *ngIf=\"externalLink\">\n          <!-- On large screens we also show a button-like anchor tag in addition to the entire banner anchor -->\n          <a\n            kirby-button\n            class=\"main-content-body-action-text\"\n            [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n            [showIconOnly]=\"!actionButtonText\"\n            [href]=\"externalLink\"\n            target=\"_blank\"\n            size=\"sm\"\n          >\n            {{ actionButtonText }}\n            <kirby-icon name=\"link\"></kirby-icon>\n          </a>\n\n          <div class=\"main-content-body-action-link\">\n            <kirby-icon name=\"link\"></kirby-icon>\n          </div>\n        </ng-container>\n\n        <button\n          class=\"main-content-body-action-text\"\n          kirby-button\n          *ngIf=\"actionButtonText && !externalLink\"\n          [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n          size=\"sm\"\n        >\n          {{ actionButtonText }}\n        </button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"dismiss\" *ngIf=\"dismissClick.observed\">\n    <button\n      kirby-button\n      (click)=\"dismissClicked($event)\"\n      [attentionLevel]=\"backgroundBlur === 'none' ? '3' : '2'\"\n      [showIconOnly]=\"true\"\n      size=\"xs\"\n      [attr.aria-label]=\"translations.get('close') + ' ' + title\"\n    >\n      <kirby-icon name=\"close\"></kirby-icon>\n    </button>\n  </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2.ImageBannerHeightDirective"],"mappings":"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"}

package/fesm2022/kirbydesign-extensions-angular-localization.mjs

@@ -33,7 +33,7 @@ class AbstractTimezoneCompensatingPipe {
         if (!time) {
             return '';
         }
-        const date = typeof time === 'number' ? new Date(time) : time;
+        const date = typeof time === 'number' || typeof time === 'string' ? new Date(time) : time;
         const timeZone = this.config.timeZone;
         const options = this.getIntlOptions(formatPattern);
         const formatter = new Intl.DateTimeFormat(this.locale, { ...options, timeZone });
@@ -89,10 +89,10 @@ class DateOnlyPipe extends AbstractTimezoneCompensatingPipe {
     transform(input) {
         return this.format(input, DateFormats.SHORT_DATE_FORMAT);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DateOnlyPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: DateOnlyPipe, isStandalone: true, name: "dateOnly" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DateOnlyPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: DateOnlyPipe, isStandalone: true, name: "dateOnly" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DateOnlyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DateOnlyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateOnly',
@@ -122,10 +122,10 @@ class TimeOnlyPipe extends AbstractTimezoneCompensatingPipe {
                 throw new Error(`Unable to derive format from "${format}"`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TimeOnlyPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: TimeOnlyPipe, isStandalone: true, name: "timeOnly" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TimeOnlyPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: TimeOnlyPipe, isStandalone: true, name: "timeOnly" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TimeOnlyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TimeOnlyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'timeOnly',
@@ -146,7 +146,7 @@ class TimeOrDatePipe extends AbstractTimezoneCompensatingPipe {
         if (!time) {
             return '';
         }
-        const date = typeof time === 'number' ? new Date(time) : time;
+        const date = typeof time === 'number' || typeof time === 'string' ? new Date(time) : time;
         const today = new Date();
         const sameDay = date.getFullYear() === today.getFullYear() &&
             date.getMonth() === today.getMonth() &&
@@ -160,10 +160,10 @@ class TimeOrDatePipe extends AbstractTimezoneCompensatingPipe {
         }
         return this.format(date, format);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TimeOrDatePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: TimeOrDatePipe, isStandalone: true, name: "timeOrDate" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TimeOrDatePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: TimeOrDatePipe, isStandalone: true, name: "timeOrDate" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: TimeOrDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TimeOrDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'timeOrDate',
@@ -181,10 +181,10 @@ class FormatNumberService {
         }
         return formatNumber(value, this.localeId, digitsInfo);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormatNumberService, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormatNumberService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FormatNumberService, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FormatNumberService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormatNumberService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FormatNumberService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -201,10 +201,10 @@ class FormatNumberPipe {
     transform(value, digitsInfo = '1.2-2') {
         return this.formatNumberService.formatNumber(value, digitsInfo);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormatNumberPipe, deps: [{ token: FormatNumberService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: FormatNumberPipe, isStandalone: true, name: "formatNumber" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FormatNumberPipe, deps: [{ token: FormatNumberService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: FormatNumberPipe, isStandalone: true, name: "formatNumber" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: FormatNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FormatNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'formatNumber',
@@ -212,7 +212,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImpor
                 }]
         }], ctorParameters: () => [{ type: FormatNumberService }] });
 
-function formatAmount(amount, amountServiceConfiguration, locale, nativeCurrency) {
+function formatAmount(amount, locale, nativeCurrency, amountServiceConfiguration) {
     const config = deriveConfiguration(amountServiceConfiguration);
     let formattedAmount = formatNumber(amount && amount.amount, locale, config.digitsInfo);
     if (config.stripSign) {
@@ -242,7 +242,7 @@ function deriveCurrencyCode(config, amount, nativeCurrency) {
     }
     return currencyCodeToAppend || '';
 }
-function deriveConfiguration(configuration) {
+function deriveConfiguration(configuration = {}) {
     const config = {
         showCurrencyCode: '',
         digitsInfo: '1.2-2',
@@ -275,12 +275,12 @@ class AmountService {
                 currencyCode: '',
             };
         }
-        return formatAmount(amount, amountServiceConfiguration, this.locale, this.config.nativeCurrency);
+        return formatAmount(amount, this.locale, this.config.nativeCurrency, amountServiceConfiguration);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AmountService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AmountService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AmountService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AmountService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AmountService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AmountService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -313,10 +313,10 @@ class AmountPipe {
     transform(amount, amountServiceConfiguration) {
         return this.amountService.formatAmount(amount, amountServiceConfiguration);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AmountPipe, deps: [{ token: AmountService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: AmountPipe, isStandalone: true, name: "amount" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AmountPipe, deps: [{ token: AmountService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: AmountPipe, isStandalone: true, name: "amount" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AmountPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AmountPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'amount',
@@ -340,10 +340,10 @@ class AccountNumberPipe {
     transform(value) {
         return formatAccountNumber(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AccountNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: AccountNumberPipe, isStandalone: true, name: "accountNumber" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AccountNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: AccountNumberPipe, isStandalone: true, name: "accountNumber" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: AccountNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: AccountNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'accountNumber',
@@ -376,10 +376,10 @@ class PhoneNumberService {
             return formattedNumber;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: PhoneNumberService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: PhoneNumberService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: PhoneNumberService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: PhoneNumberService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: PhoneNumberService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: PhoneNumberService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -400,10 +400,10 @@ class PhoneNumberPipe {
     transform(phoneNumber, chunk = 2, showCountryCode) {
         return this.phoneNumberService.formatPhoneNumber(phoneNumber, chunk, showCountryCode);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: PhoneNumberPipe, deps: [{ token: PhoneNumberService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: PhoneNumberPipe, isStandalone: true, name: "phoneNumber" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: PhoneNumberPipe, deps: [{ token: PhoneNumberService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: PhoneNumberPipe, isStandalone: true, name: "phoneNumber" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: PhoneNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: PhoneNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'phoneNumber',

package/fesm2022/kirbydesign-extensions-angular-localization.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-extensions-angular-localization.mjs","sources":["../../localization/src/date-time/date-formats.ts","../../localization/src/di-tokens.ts","../../localization/src/date-time/abstract-timezone-compensating.pipe.ts","../../localization/src/date-time/date-only/date-only.pipe.ts","../../localization/src/date-time/time-only/time-only.pipe.ts","../../localization/src/date-time/time-or-date/time-or-date.pipe.ts","../../localization/src/number/format-number.service.ts","../../localization/src/number/format-number.pipe.ts","../../localization/src/amount/amount-service-formatter.ts","../../localization/src/amount/amount.service.ts","../../localization/src/amount/amount.pipe.ts","../../localization/src/account-number/account-number-service-formatter.ts","../../localization/src/account-number/account-number.pipe.ts","../../localization/src/phone-number/phone-number.service.ts","../../localization/src/phone-number/phone-number.pipe.ts","../../localization/src/kirbydesign-extensions-angular-localization.ts"],"sourcesContent":["export class DateFormats {\n  static readonly SHORT_DATE_FORMAT = 'dd.MM.yyyy';\n  static readonly MEDIUM_DATE_FORMAT = 'd. MMMM y';\n  static readonly MEDIUM_LETTER_DATE_FORMAT = 'dd. MMM yyyy';\n  static readonly SHORT_TIME_FORMAT = 'HH:mm';\n  static readonly MEDIUM_TIME_FORMAT = 'HH:mm:ss';\n  static readonly SHORT_DATE_MEDIUM_TIME_FORMAT = `${DateFormats.SHORT_DATE_FORMAT} ${DateFormats.MEDIUM_TIME_FORMAT}`;\n}\n","import { InjectionToken } from '@angular/core';\n\nexport const KIRBY_EXTENSIONS_LOCALIZATION_TOKEN =\n  new InjectionToken<KirbyExtensionsLocalizationToken>('KIRBY_EXTENSIONS_LOCALIZATION_TOKEN');\n\nexport function provideKirbyExtensionsLocalizationToken(\n  factory: () => KirbyExtensionsLocalizationToken\n) {\n  return {\n    provide: KIRBY_EXTENSIONS_LOCALIZATION_TOKEN,\n    useFactory: factory,\n  };\n}\n\ninterface KirbyExtensionsLocalizationToken {\n  /**\n   * @example 'DKK | kr. | EUR'\n   */\n  nativeCurrency: string;\n  /**\n   * Default language for the application. Used to determine if the phone number country code should be shown, if not specified as input, based on the locale.\n   * @example 'da'\n   */\n  defaultLang: string;\n  /**\n   * Default phone country code\n   * @example '+45'\n   */\n  countryCode: string;\n  /**\n   * Default timezone for the application\n   * @example 'Europe/Copenhagen'\n   */\n  timeZone: string;\n}\n","import { inject, LOCALE_ID, PipeTransform } from '@angular/core';\nimport { KIRBY_EXTENSIONS_LOCALIZATION_TOKEN } from '../di-tokens';\nimport { DateFormats } from './date-formats';\n\n/**\n * Abstract implementation of pipe that should format dates, and compensate for time-zone offset.\n *\n * This class provides tools for formatting dates (and timestamps) in a time zone\n */\nexport abstract class AbstractTimezoneCompensatingPipe implements PipeTransform {\n  private config = inject(KIRBY_EXTENSIONS_LOCALIZATION_TOKEN);\n  private locale = inject(LOCALE_ID);\n\n  abstract transform(value: unknown, ...args: unknown[]): unknown;\n\n  protected format(time: number | Date, formatPattern: string): string {\n    if (!time) {\n      return '';\n    }\n\n    const date = typeof time === 'number' ? new Date(time) : time;\n\n    const timeZone = this.config.timeZone;\n    const options = this.getIntlOptions(formatPattern);\n\n    const formatter = new Intl.DateTimeFormat(this.locale, { ...options, timeZone });\n    let formattedDate = formatter.format(date);\n\n    // Capitalize month abbreviation and remove trailing period for `MEDIUM_LETTER_DATE_FORMAT`\n    if (formatPattern === DateFormats.MEDIUM_LETTER_DATE_FORMAT) {\n      formattedDate = formattedDate.replace(\n        /(\\d{2}\\.\\s)(\\w+)\\.(\\s\\d{4})/,\n        (_, day, month, year) => {\n          return `${day}${month.charAt(0).toUpperCase()}${month.slice(1)}${year}`;\n        }\n      );\n    }\n\n    if (\n      formatPattern === DateFormats.SHORT_TIME_FORMAT ||\n      formatPattern === DateFormats.MEDIUM_TIME_FORMAT\n    ) {\n      formattedDate = formattedDate.replace(/\\./g, ':');\n    }\n\n    return formattedDate;\n  }\n\n  private getIntlOptions(formatPattern: string): Intl.DateTimeFormatOptions {\n    switch (formatPattern) {\n      case DateFormats.SHORT_DATE_FORMAT:\n        return { year: 'numeric', month: '2-digit', day: '2-digit' };\n\n      case DateFormats.MEDIUM_DATE_FORMAT:\n        return { year: 'numeric', month: 'long', day: 'numeric' };\n\n      case DateFormats.MEDIUM_LETTER_DATE_FORMAT:\n        return {\n          year: 'numeric',\n          month: 'short',\n          day: '2-digit',\n        };\n\n      case DateFormats.SHORT_TIME_FORMAT:\n        return { hour: '2-digit', minute: '2-digit', hour12: false };\n\n      case DateFormats.MEDIUM_TIME_FORMAT:\n        return { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false };\n\n      case DateFormats.SHORT_DATE_MEDIUM_TIME_FORMAT:\n        return {\n          year: 'numeric',\n          month: '2-digit',\n          day: '2-digit',\n          hour: '2-digit',\n          minute: '2-digit',\n          second: '2-digit',\n          hour12: false,\n        };\n\n      default:\n        throw new Error(`Unsupported format pattern: ${formatPattern}`);\n    }\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { AbstractTimezoneCompensatingPipe } from '../abstract-timezone-compensating.pipe';\nimport { DateFormats } from '../date-formats';\n\n/**\n * Formats a given timestamp as a date.\n */\n@Pipe({\n  name: 'dateOnly',\n  standalone: true,\n})\nexport class DateOnlyPipe extends AbstractTimezoneCompensatingPipe implements PipeTransform {\n  transform(input: number | Date): string {\n    return this.format(input, DateFormats.SHORT_DATE_FORMAT);\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { AbstractTimezoneCompensatingPipe } from '../abstract-timezone-compensating.pipe';\nimport { DateFormats } from '../date-formats';\n\nexport type TimeOnlyFormat = 'short' | 'medium';\n\n/**\n * Formats a given timestamp as a time.\n *\n * Timestamps can be formatted as 2 variants:\n * - 'short' being 'HH:mm' (hours and minutes)\n * - 'medium' being 'HH:mm:ss' (as above, but with seconds appended)\n *\n */\n@Pipe({\n  name: 'timeOnly',\n  standalone: true,\n})\nexport class TimeOnlyPipe extends AbstractTimezoneCompensatingPipe implements PipeTransform {\n  transform(input: number | Date, format: TimeOnlyFormat = 'short'): string {\n    return this.format(input, this.getFormat(format));\n  }\n\n  private getFormat(format: TimeOnlyFormat): string {\n    switch (format) {\n      case 'short':\n        return DateFormats.SHORT_TIME_FORMAT;\n      case 'medium':\n        return DateFormats.MEDIUM_TIME_FORMAT;\n      default:\n        throw new Error(`Unable to derive format from \"${format}\"`);\n    }\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { AbstractTimezoneCompensatingPipe } from '../abstract-timezone-compensating.pipe';\nimport { DateFormats } from '../date-formats';\n\n/**\n * Formats a given timestamp so that:\n * - If timestamp is of \"today\", it's formatted as time with hours and minutes (eg. 23:56)\n * - If timestamp is different from \"today\", it's formatted as date with \"day of month\", month and year  (eg. 28.02.2020)\n *\n * All formatting and parsing is expect to be handled in \"Europe/Copenhagen\" time zone and with\n * the locale provided by `LOCALE_ID`.\n */\n\n@Pipe({\n  name: 'timeOrDate',\n  standalone: true,\n})\nexport class TimeOrDatePipe extends AbstractTimezoneCompensatingPipe implements PipeTransform {\n  transform(\n    time: number | Date,\n    showSeconds = false,\n    formatMonth: 'month-as-digits' | 'month-as-letters' = 'month-as-digits'\n  ): string {\n    if (!time) {\n      return '';\n    }\n\n    const date = typeof time === 'number' ? new Date(time) : time;\n\n    const today = new Date();\n    const sameDay =\n      date.getFullYear() === today.getFullYear() &&\n      date.getMonth() === today.getMonth() &&\n      date.getDate() === today.getDate();\n\n    let format = DateFormats.SHORT_DATE_FORMAT;\n\n    if (formatMonth === 'month-as-letters') {\n      format = DateFormats.MEDIUM_LETTER_DATE_FORMAT;\n    }\n\n    if (sameDay) {\n      format = showSeconds ? DateFormats.MEDIUM_TIME_FORMAT : DateFormats.SHORT_TIME_FORMAT;\n    }\n\n    return this.format(date, format);\n  }\n}\n","import { formatNumber } from '@angular/common';\nimport { Inject, Injectable, LOCALE_ID } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class FormatNumberService {\n  constructor(@Inject(LOCALE_ID) private localeId: string) {}\n\n  public formatNumber(value: number, digitsInfo: string) {\n    if (value == null) {\n      return '';\n    }\n\n    return formatNumber(value, this.localeId, digitsInfo);\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { FormatNumberService } from './format-number.service';\n\n@Pipe({\n  name: 'formatNumber',\n  standalone: true,\n})\nexport class FormatNumberPipe implements PipeTransform {\n  constructor(private formatNumberService: FormatNumberService) {}\n\n  transform(value: number, digitsInfo = '1.2-2') {\n    return this.formatNumberService.formatNumber(value, digitsInfo);\n  }\n}\n","import { formatNumber } from '@angular/common';\n\nimport { Amount } from './amount.model';\n\nexport function formatAmount(\n  amount: Amount,\n  amountServiceConfiguration: AmountServiceConfiguration,\n  locale: string,\n  nativeCurrency: string\n) {\n  const config = deriveConfiguration(amountServiceConfiguration);\n\n  let formattedAmount = formatNumber(amount && amount.amount, locale, config.digitsInfo);\n\n  if (config.stripSign) {\n    formattedAmount = formattedAmount.replace('-', '').trim();\n  }\n\n  const currencyCodeToAppend = deriveCurrencyCode(config, amount, nativeCurrency);\n\n  if (!currencyCodeToAppend) {\n    return formattedAmount;\n  }\n  if (config.currencyCodePosition === 'postfix') {\n    return formattedAmount + ' ' + currencyCodeToAppend;\n  } else {\n    return currencyCodeToAppend + ' ' + formattedAmount;\n  }\n}\n\nexport function deriveCurrencyCode(\n  config: AmountServiceConfiguration,\n  amount: Amount,\n  nativeCurrency: string\n) {\n  let currencyCodeToAppend;\n\n  if (config.showCurrencyCode) {\n    if (config.showCurrencyCode === 'alwaysShowCurrency') {\n      currencyCodeToAppend = amount && amount.currencyCode;\n    } else if (config.showCurrencyCode === 'showForeignCurrency') {\n      currencyCodeToAppend =\n        amount && amount.currencyCode !== nativeCurrency ? amount.currencyCode : '';\n    }\n  }\n\n  return currencyCodeToAppend || '';\n}\n\nexport function deriveConfiguration(configuration: AmountServiceConfiguration) {\n  const config: AmountServiceConfiguration = {\n    showCurrencyCode: '',\n    digitsInfo: '1.2-2',\n    stripSign: false,\n  };\n\n  return Object.assign({}, config, configuration);\n}\n\nexport type ShowCurrencyCode = '' | 'alwaysShowCurrency' | 'showForeignCurrency';\nexport type CurrencyCodePosition = '' | 'prefix' | 'postfix';\n\nexport interface AmountServiceConfiguration {\n  /**\n   * - '' - don't output CurrencyCode\n   * - 'alwaysShowCurrency' - always shows CurrencyCode, regardless of presentation currency\n   * - 'showForeignCurrency' - only show CurrencyCode if it differs from the presentation currency\n   */\n  showCurrencyCode: ShowCurrencyCode;\n  /**\n   * The position of the currency code in the formatted amount\n   * - 'postfix' - output CurrencyCode after the formatted amount, eg. 1.234,56 EUR\n   * - 'prefix' - output CurrencyCode before the formatted amount, eg. DKK 1.234,56\n   */\n  currencyCodePosition?: CurrencyCodePosition;\n  /**\n   * A string that represents the format of the number. Learn more about the format here: https://angular.io/api/common/DecimalPipe#parameters\n   */\n  digitsInfo?: string;\n  /**\n   * Remove the minus sign from the formatted amount and trim any leading or trailing whitespace.\n   */\n  stripSign?: boolean;\n  /**\n   * The string to return if the amount is empty\n   */\n  returnValueOnEmptyAmount?: string;\n}\n","import { inject, Injectable, LOCALE_ID } from '@angular/core';\n\nimport { KIRBY_EXTENSIONS_LOCALIZATION_TOKEN } from '../di-tokens';\nimport { Amount } from './amount.model';\nimport {\n  AmountServiceConfiguration,\n  deriveConfiguration,\n  formatAmount,\n} from './amount-service-formatter';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AmountService {\n  private config = inject(KIRBY_EXTENSIONS_LOCALIZATION_TOKEN);\n  private locale = inject(LOCALE_ID);\n  /**\n   * Applies the transformation logic, by taking the `amount`-argument, and a configuration object - {@link AmountServiceConfiguration}\n   *\n   * The number is always formatted according to Angular LOCALE_ID\n   *\n   * @param amount the {@link Amount} to configure\n   * @param amountServiceConfiguration\n   */\n\n  formatAmount(amount: Amount, amountServiceConfiguration: AmountServiceConfiguration) {\n    if (amount == undefined) {\n      const config = deriveConfiguration(amountServiceConfiguration);\n      if (config.returnValueOnEmptyAmount) {\n        return config.returnValueOnEmptyAmount;\n      }\n      amount = {\n        amount: 0.0,\n        currencyCode: '',\n      };\n    }\n\n    return formatAmount(\n      amount,\n      amountServiceConfiguration,\n      this.locale,\n      this.config.nativeCurrency\n    );\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { Amount } from './amount.model';\nimport { AmountService } from './amount.service';\nimport { AmountServiceConfiguration } from './amount-service-formatter';\n\n/**\n * Configuration object for the amount-pipe. The configuration object can be used to control\n * the formatting of the amount, and can be passed as an argument to the amount-pipe when used on an {@link Amount}.\n * - `showCurrencyCode`: Controls whether the currency code should be displayed or not.\n *   - `''`: Don't output currency code\n *   - `alwaysShowCurrency`: Always show currency code, regardless of presentation currency\n *   - `showForeignCurrency`: Only show currency code if it differs from the presentation currency\n * - `digitsInfo`: A string that represents the format of the number. Learn more about the format here: https://angular.io/api/common/DecimalPipe#parameters\n * - `stripSign`: Controls whether the minus sign should be stripped from a negative amount.\n * - `currencyCodePosition`: Controls the position of the currency code in the formatted amount.\n *   - `postfix`: Output currency code after the formatted amount, e.g. 1.234,56 EUR\n *   - `prefix`: Output currency code before the formatted amount, e.g. DKK 1.234,56\n */\n@Pipe({\n  name: 'amount',\n  standalone: true,\n})\nexport class AmountPipe implements PipeTransform {\n  constructor(private amountService: AmountService) {}\n\n  /**\n   * Applies the transformation logic, by taking the `amount`-argument, and a configuration object - {@link AmountServiceConfiguration} (or a number of arguments, for backwards compatibility).\n   *\n   * @param amount the {@link Amount} to configure\n   * @param amountServiceConfiguration\n   */\n  transform(amount: Amount, amountServiceConfiguration: AmountServiceConfiguration) {\n    return this.amountService.formatAmount(amount, amountServiceConfiguration);\n  }\n}\n","import { AccountNumber } from './account-number.model';\n\nexport function formatAccountNumber(value: AccountNumber): string {\n  return `${value.regNo.padStart(4, '0')} ${value.accountNo.replace(/^0+/, '')}`;\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { AccountNumber } from './account-number.model';\nimport { formatAccountNumber } from './account-number-service-formatter';\n\n/**\n * Pipe that formats a {@link AccountNumber}-object to a common format.\n */\n@Pipe({\n  name: 'accountNumber',\n  standalone: true,\n})\nexport class AccountNumberPipe implements PipeTransform {\n  /**\n   *  Formats the {@link AccountNumber} to a common format.\n   *\n   * @param value the {@link AccountNumber} to format\n   */\n  transform(value: AccountNumber): string | undefined {\n    return formatAccountNumber(value);\n  }\n}\n","import { inject, Injectable, LOCALE_ID } from '@angular/core';\n\nimport { KIRBY_EXTENSIONS_LOCALIZATION_TOKEN } from '../di-tokens';\nimport { PhoneNumber } from './phone-number';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class PhoneNumberService {\n  private config = inject(KIRBY_EXTENSIONS_LOCALIZATION_TOKEN);\n  private locale = inject(LOCALE_ID);\n\n  private static chunkUpPhoneNumber(str: string, chunk: number): string {\n    return str.match(new RegExp(`.{1,${chunk}}`, 'g'))?.join(' ') ?? '';\n  }\n\n  formatPhoneNumber(\n    phoneNumber: PhoneNumber | string,\n    chunk = 2,\n    showCountryCode?: boolean\n  ): string | undefined {\n    const countryCode =\n      typeof phoneNumber === 'string' ? this.config.countryCode : phoneNumber.countryCode;\n    const number = typeof phoneNumber === 'string' ? phoneNumber : phoneNumber.number;\n\n    if (!/^\\d+$/.test(number)) {\n      return;\n    }\n\n    if (showCountryCode === undefined) {\n      showCountryCode = !this.locale.match(`${this.config.defaultLang}.*`);\n    }\n\n    const formattedNumber = PhoneNumberService.chunkUpPhoneNumber(number, chunk);\n\n    if (showCountryCode) {\n      return `${countryCode} ${formattedNumber}`;\n    } else {\n      return formattedNumber;\n    }\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { PhoneNumber } from './phone-number';\nimport { PhoneNumberService } from './phone-number.service';\n\n@Pipe({\n  name: 'phoneNumber',\n  standalone: true,\n})\nexport class PhoneNumberPipe implements PipeTransform {\n  constructor(private phoneNumberService: PhoneNumberService) {}\n\n  /**\n   * Transforms a phone number, chunked up with spaces between the chunks and the country code in front, if desired.\n   *\n   * @param phoneNumber A PhoneNumber or a string representation of a phone number\n   * @param chunk The chunk size used to split up the phone number with spaces\n   * @param showCountryCode Show the country code in front of the phone number. If a string representation is supplied, the KIRBY_EXTENSIONS_LOCALIZATION_TOKEN.countryCode is used.\n   */\n  transform(\n    phoneNumber: PhoneNumber | string,\n    chunk = 2,\n    showCountryCode?: boolean\n  ): string | undefined {\n    return this.phoneNumberService.formatPhoneNumber(phoneNumber, chunk, showCountryCode);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.FormatNumberService","i1.AmountService","i1.PhoneNumberService"],"mappings":";;;;MAAa,WAAW,CAAA;aACN,IAAiB,CAAA,iBAAA,GAAG,YAAY,CAAC;aACjC,IAAkB,CAAA,kBAAA,GAAG,WAAW,CAAC;aACjC,IAAyB,CAAA,yBAAA,GAAG,cAAc,CAAC;aAC3C,IAAiB,CAAA,iBAAA,GAAG,OAAO,CAAC;aAC5B,IAAkB,CAAA,kBAAA,GAAG,UAAU,CAAC;aAChC,IAA6B,CAAA,6BAAA,GAAG,CAAG,EAAA,WAAW,CAAC,iBAAiB,IAAI,WAAW,CAAC,kBAAkB,CAAA,CAAE,CAAC;;;MCJ1G,mCAAmC,GAC9C,IAAI,cAAc,CAAmC,qCAAqC;AAEtF,SAAU,uCAAuC,CACrD,OAA+C,EAAA;IAE/C,OAAO;AACL,QAAA,OAAO,EAAE,mCAAmC;AAC5C,QAAA,UAAU,EAAE,OAAO;KACpB;AACH;;ACRA;;;;AAIG;MACmB,gCAAgC,CAAA;AAAtD,IAAA,WAAA,GAAA;AACU,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,mCAAmC,CAAC;AACpD,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;;IAIxB,MAAM,CAAC,IAAmB,EAAE,aAAqB,EAAA;QACzD,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,OAAO,EAAE;;AAGX,QAAA,MAAM,IAAI,GAAG,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI;AAE7D,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC;AAElD,QAAA,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,OAAO,EAAE,QAAQ,EAAE,CAAC;QAChF,IAAI,aAAa,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;;AAG1C,QAAA,IAAI,aAAa,KAAK,WAAW,CAAC,yBAAyB,EAAE;AAC3D,YAAA,aAAa,GAAG,aAAa,CAAC,OAAO,CACnC,6BAA6B,EAC7B,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,KAAI;gBACtB,OAAO,CAAA,EAAG,GAAG,CAAG,EAAA,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAG,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,EAAG,IAAI,CAAA,CAAE;AACzE,aAAC,CACF;;AAGH,QAAA,IACE,aAAa,KAAK,WAAW,CAAC,iBAAiB;AAC/C,YAAA,aAAa,KAAK,WAAW,CAAC,kBAAkB,EAChD;YACA,aAAa,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;;AAGnD,QAAA,OAAO,aAAa;;AAGd,IAAA,cAAc,CAAC,aAAqB,EAAA;QAC1C,QAAQ,aAAa;YACnB,KAAK,WAAW,CAAC,iBAAiB;AAChC,gBAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;YAE9D,KAAK,WAAW,CAAC,kBAAkB;AACjC,gBAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE;YAE3D,KAAK,WAAW,CAAC,yBAAyB;gBACxC,OAAO;AACL,oBAAA,IAAI,EAAE,SAAS;AACf,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,GAAG,EAAE,SAAS;iBACf;YAEH,KAAK,WAAW,CAAC,iBAAiB;AAChC,gBAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;YAE9D,KAAK,WAAW,CAAC,kBAAkB;AACjC,gBAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;YAEjF,KAAK,WAAW,CAAC,6BAA6B;gBAC5C,OAAO;AACL,oBAAA,IAAI,EAAE,SAAS;AACf,oBAAA,KAAK,EAAE,SAAS;AAChB,oBAAA,GAAG,EAAE,SAAS;AACd,oBAAA,IAAI,EAAE,SAAS;AACf,oBAAA,MAAM,EAAE,SAAS;AACjB,oBAAA,MAAM,EAAE,SAAS;AACjB,oBAAA,MAAM,EAAE,KAAK;iBACd;AAEH,YAAA;AACE,gBAAA,MAAM,IAAI,KAAK,CAAC,+BAA+B,aAAa,CAAA,CAAE,CAAC;;;AAGtE;;AC/ED;;AAEG;AAKG,MAAO,YAAa,SAAQ,gCAAgC,CAAA;AAChE,IAAA,SAAS,CAAC,KAAoB,EAAA;QAC5B,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC;;8GAF/C,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,UAAU;AAChB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACJD;;;;;;;AAOG;AAKG,MAAO,YAAa,SAAQ,gCAAgC,CAAA;AAChE,IAAA,SAAS,CAAC,KAAoB,EAAE,MAAA,GAAyB,OAAO,EAAA;AAC9D,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;;AAG3C,IAAA,SAAS,CAAC,MAAsB,EAAA;QACtC,QAAQ,MAAM;AACZ,YAAA,KAAK,OAAO;gBACV,OAAO,WAAW,CAAC,iBAAiB;AACtC,YAAA,KAAK,QAAQ;gBACX,OAAO,WAAW,CAAC,kBAAkB;AACvC,YAAA;AACE,gBAAA,MAAM,IAAI,KAAK,CAAC,iCAAiC,MAAM,CAAA,CAAA,CAAG,CAAC;;;8GAZtD,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,UAAU;AAChB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACbD;;;;;;;AAOG;AAMG,MAAO,cAAe,SAAQ,gCAAgC,CAAA;IAClE,SAAS,CACP,IAAmB,EACnB,WAAW,GAAG,KAAK,EACnB,cAAsD,iBAAiB,EAAA;QAEvE,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,OAAO,EAAE;;AAGX,QAAA,MAAM,IAAI,GAAG,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI;AAE7D,QAAA,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE;QACxB,MAAM,OAAO,GACX,IAAI,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE;AAC1C,YAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE;YACpC,IAAI,CAAC,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,EAAE;AAEpC,QAAA,IAAI,MAAM,GAAG,WAAW,CAAC,iBAAiB;AAE1C,QAAA,IAAI,WAAW,KAAK,kBAAkB,EAAE;AACtC,YAAA,MAAM,GAAG,WAAW,CAAC,yBAAyB;;QAGhD,IAAI,OAAO,EAAE;AACX,YAAA,MAAM,GAAG,WAAW,GAAG,WAAW,CAAC,kBAAkB,GAAG,WAAW,CAAC,iBAAiB;;QAGvF,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC;;8GA5BvB,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,YAAY;AAClB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;MCXY,mBAAmB,CAAA;AAC9B,IAAA,WAAA,CAAuC,QAAgB,EAAA;QAAhB,IAAQ,CAAA,QAAA,GAAR,QAAQ;;IAExC,YAAY,CAAC,KAAa,EAAE,UAAkB,EAAA;AACnD,QAAA,IAAI,KAAK,IAAI,IAAI,EAAE;AACjB,YAAA,OAAO,EAAE;;QAGX,OAAO,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;;AAR5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,kBACV,SAAS,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AADlB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,cAFlB,MAAM,EAAA,CAAA,CAAA;;2FAEP,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;0BAEc,MAAM;2BAAC,SAAS;;;MCClB,gBAAgB,CAAA;AAC3B,IAAA,WAAA,CAAoB,mBAAwC,EAAA;QAAxC,IAAmB,CAAA,mBAAA,GAAnB,mBAAmB;;AAEvC,IAAA,SAAS,CAAC,KAAa,EAAE,UAAU,GAAG,OAAO,EAAA;QAC3C,OAAO,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC;;8GAJtD,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,cAAc;AACpB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACHK,SAAU,YAAY,CAC1B,MAAc,EACd,0BAAsD,EACtD,MAAc,EACd,cAAsB,EAAA;AAEtB,IAAA,MAAM,MAAM,GAAG,mBAAmB,CAAC,0BAA0B,CAAC;AAE9D,IAAA,IAAI,eAAe,GAAG,YAAY,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC;AAEtF,IAAA,IAAI,MAAM,CAAC,SAAS,EAAE;AACpB,QAAA,eAAe,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;;IAG3D,MAAM,oBAAoB,GAAG,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC;IAE/E,IAAI,CAAC,oBAAoB,EAAE;AACzB,QAAA,OAAO,eAAe;;AAExB,IAAA,IAAI,MAAM,CAAC,oBAAoB,KAAK,SAAS,EAAE;AAC7C,QAAA,OAAO,eAAe,GAAG,GAAG,GAAG,oBAAoB;;SAC9C;AACL,QAAA,OAAO,oBAAoB,GAAG,GAAG,GAAG,eAAe;;AAEvD;SAEgB,kBAAkB,CAChC,MAAkC,EAClC,MAAc,EACd,cAAsB,EAAA;AAEtB,IAAA,IAAI,oBAAoB;AAExB,IAAA,IAAI,MAAM,CAAC,gBAAgB,EAAE;AAC3B,QAAA,IAAI,MAAM,CAAC,gBAAgB,KAAK,oBAAoB,EAAE;AACpD,YAAA,oBAAoB,GAAG,MAAM,IAAI,MAAM,CAAC,YAAY;;AAC/C,aAAA,IAAI,MAAM,CAAC,gBAAgB,KAAK,qBAAqB,EAAE;YAC5D,oBAAoB;AAClB,gBAAA,MAAM,IAAI,MAAM,CAAC,YAAY,KAAK,cAAc,GAAG,MAAM,CAAC,YAAY,GAAG,EAAE;;;IAIjF,OAAO,oBAAoB,IAAI,EAAE;AACnC;AAEM,SAAU,mBAAmB,CAAC,aAAyC,EAAA;AAC3E,IAAA,MAAM,MAAM,GAA+B;AACzC,QAAA,gBAAgB,EAAE,EAAE;AACpB,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,SAAS,EAAE,KAAK;KACjB;IAED,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,CAAC;AACjD;;MC5Ca,aAAa,CAAA;AAH1B,IAAA,WAAA,GAAA;AAIU,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,mCAAmC,CAAC;AACpD,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;AA6BnC;AA5BC;;;;;;;AAOG;IAEH,YAAY,CAAC,MAAc,EAAE,0BAAsD,EAAA;AACjF,QAAA,IAAI,MAAM,IAAI,SAAS,EAAE;AACvB,YAAA,MAAM,MAAM,GAAG,mBAAmB,CAAC,0BAA0B,CAAC;AAC9D,YAAA,IAAI,MAAM,CAAC,wBAAwB,EAAE;gBACnC,OAAO,MAAM,CAAC,wBAAwB;;AAExC,YAAA,MAAM,GAAG;AACP,gBAAA,MAAM,EAAE,GAAG;AACX,gBAAA,YAAY,EAAE,EAAE;aACjB;;AAGH,QAAA,OAAO,YAAY,CACjB,MAAM,EACN,0BAA0B,EAC1B,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,MAAM,CAAC,cAAc,CAC3B;;8GA7BQ,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cAFZ,MAAM,EAAA,CAAA,CAAA;;2FAEP,aAAa,EAAA,UAAA,EAAA,CAAA;kBAHzB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACND;;;;;;;;;;;;AAYG;MAKU,UAAU,CAAA;AACrB,IAAA,WAAA,CAAoB,aAA4B,EAAA;QAA5B,IAAa,CAAA,aAAA,GAAb,aAAa;;AAEjC;;;;;AAKG;IACH,SAAS,CAAC,MAAc,EAAE,0BAAsD,EAAA;QAC9E,OAAO,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,0BAA0B,CAAC;;8GAVjE,UAAU,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,aAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAJtB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,QAAQ;AACd,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACpBK,SAAU,mBAAmB,CAAC,KAAoB,EAAA;IACtD,OAAO,CAAA,EAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA,CAAE;AAChF;;ACCA;;AAEG;MAKU,iBAAiB,CAAA;AAC5B;;;;AAIG;AACH,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,OAAO,mBAAmB,CAAC,KAAK,CAAC;;8GAPxB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,eAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,eAAe;AACrB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;MCHY,kBAAkB,CAAA;AAH/B,IAAA,WAAA,GAAA;AAIU,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,mCAAmC,CAAC;AACpD,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;AA+BnC;AA7BS,IAAA,OAAO,kBAAkB,CAAC,GAAW,EAAE,KAAa,EAAA;QAC1D,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,KAAK,CAAA,CAAA,CAAG,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE;;AAGrE,IAAA,iBAAiB,CACf,WAAiC,EACjC,KAAK,GAAG,CAAC,EACT,eAAyB,EAAA;QAEzB,MAAM,WAAW,GACf,OAAO,WAAW,KAAK,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC,WAAW;AACrF,QAAA,MAAM,MAAM,GAAG,OAAO,WAAW,KAAK,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC,MAAM;QAEjF,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACzB;;AAGF,QAAA,IAAI,eAAe,KAAK,SAAS,EAAE;AACjC,YAAA,eAAe,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAG,EAAA,IAAI,CAAC,MAAM,CAAC,WAAW,CAAA,EAAA,CAAI,CAAC;;QAGtE,MAAM,eAAe,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC;QAE5E,IAAI,eAAe,EAAE;AACnB,YAAA,OAAO,CAAG,EAAA,WAAW,CAAI,CAAA,EAAA,eAAe,EAAE;;aACrC;AACL,YAAA,OAAO,eAAe;;;8GA9Bf,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cAFjB,MAAM,EAAA,CAAA,CAAA;;2FAEP,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;MCEY,eAAe,CAAA;AAC1B,IAAA,WAAA,CAAoB,kBAAsC,EAAA;QAAtC,IAAkB,CAAA,kBAAA,GAAlB,kBAAkB;;AAEtC;;;;;;AAMG;AACH,IAAA,SAAS,CACP,WAAiC,EACjC,KAAK,GAAG,CAAC,EACT,eAAyB,EAAA;AAEzB,QAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,WAAW,EAAE,KAAK,EAAE,eAAe,CAAC;;8GAf5E,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,kBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,aAAA,EAAA,CAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,aAAa;AACnB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-extensions-angular-localization.mjs","sources":["../../localization/src/date-time/date-formats.ts","../../localization/src/di-tokens.ts","../../localization/src/date-time/abstract-timezone-compensating.pipe.ts","../../localization/src/date-time/date-only/date-only.pipe.ts","../../localization/src/date-time/time-only/time-only.pipe.ts","../../localization/src/date-time/time-or-date/time-or-date.pipe.ts","../../localization/src/number/format-number.service.ts","../../localization/src/number/format-number.pipe.ts","../../localization/src/amount/amount-service-formatter.ts","../../localization/src/amount/amount.service.ts","../../localization/src/amount/amount.pipe.ts","../../localization/src/account-number/account-number-service-formatter.ts","../../localization/src/account-number/account-number.pipe.ts","../../localization/src/phone-number/phone-number.service.ts","../../localization/src/phone-number/phone-number.pipe.ts","../../localization/src/kirbydesign-extensions-angular-localization.ts"],"sourcesContent":["export class DateFormats {\n  static readonly SHORT_DATE_FORMAT = 'dd.MM.yyyy';\n  static readonly MEDIUM_DATE_FORMAT = 'd. MMMM y';\n  static readonly MEDIUM_LETTER_DATE_FORMAT = 'dd. MMM yyyy';\n  static readonly SHORT_TIME_FORMAT = 'HH:mm';\n  static readonly MEDIUM_TIME_FORMAT = 'HH:mm:ss';\n  static readonly SHORT_DATE_MEDIUM_TIME_FORMAT = `${DateFormats.SHORT_DATE_FORMAT} ${DateFormats.MEDIUM_TIME_FORMAT}`;\n}\n","import { InjectionToken } from '@angular/core';\n\nexport const KIRBY_EXTENSIONS_LOCALIZATION_TOKEN =\n  new InjectionToken<KirbyExtensionsLocalizationToken>('KIRBY_EXTENSIONS_LOCALIZATION_TOKEN');\n\nexport function provideKirbyExtensionsLocalizationToken(\n  factory: () => KirbyExtensionsLocalizationToken\n) {\n  return {\n    provide: KIRBY_EXTENSIONS_LOCALIZATION_TOKEN,\n    useFactory: factory,\n  };\n}\n\ninterface KirbyExtensionsLocalizationToken {\n  /**\n   * @example 'DKK | kr. | EUR'\n   */\n  nativeCurrency: string;\n  /**\n   * Default language for the application. Used to determine if the phone number country code should be shown, if not specified as input, based on the locale.\n   * @example 'da'\n   */\n  defaultLang: string;\n  /**\n   * Default phone country code\n   * @example '+45'\n   */\n  countryCode: string;\n  /**\n   * Default timezone for the application\n   * @example 'Europe/Copenhagen'\n   */\n  timeZone: string;\n}\n","import { inject, LOCALE_ID, PipeTransform } from '@angular/core';\nimport { KIRBY_EXTENSIONS_LOCALIZATION_TOKEN } from '../di-tokens';\nimport { DateFormats } from './date-formats';\n\n/**\n * Abstract implementation of pipe that should format dates, and compensate for time-zone offset.\n *\n * This class provides tools for formatting dates (and timestamps) in a time zone\n */\nexport abstract class AbstractTimezoneCompensatingPipe implements PipeTransform {\n  private config = inject(KIRBY_EXTENSIONS_LOCALIZATION_TOKEN);\n  private locale = inject(LOCALE_ID);\n\n  abstract transform(value: unknown, ...args: unknown[]): unknown;\n\n  protected format(time: number | Date | string, formatPattern: string): string {\n    if (!time) {\n      return '';\n    }\n\n    const date = typeof time === 'number' || typeof time === 'string' ? new Date(time) : time;\n\n    const timeZone = this.config.timeZone;\n    const options = this.getIntlOptions(formatPattern);\n\n    const formatter = new Intl.DateTimeFormat(this.locale, { ...options, timeZone });\n    let formattedDate = formatter.format(date);\n\n    // Capitalize month abbreviation and remove trailing period for `MEDIUM_LETTER_DATE_FORMAT`\n    if (formatPattern === DateFormats.MEDIUM_LETTER_DATE_FORMAT) {\n      formattedDate = formattedDate.replace(\n        /(\\d{2}\\.\\s)(\\w+)\\.(\\s\\d{4})/,\n        (_, day, month, year) => {\n          return `${day}${month.charAt(0).toUpperCase()}${month.slice(1)}${year}`;\n        }\n      );\n    }\n\n    if (\n      formatPattern === DateFormats.SHORT_TIME_FORMAT ||\n      formatPattern === DateFormats.MEDIUM_TIME_FORMAT\n    ) {\n      formattedDate = formattedDate.replace(/\\./g, ':');\n    }\n\n    return formattedDate;\n  }\n\n  private getIntlOptions(formatPattern: string): Intl.DateTimeFormatOptions {\n    switch (formatPattern) {\n      case DateFormats.SHORT_DATE_FORMAT:\n        return { year: 'numeric', month: '2-digit', day: '2-digit' };\n\n      case DateFormats.MEDIUM_DATE_FORMAT:\n        return { year: 'numeric', month: 'long', day: 'numeric' };\n\n      case DateFormats.MEDIUM_LETTER_DATE_FORMAT:\n        return {\n          year: 'numeric',\n          month: 'short',\n          day: '2-digit',\n        };\n\n      case DateFormats.SHORT_TIME_FORMAT:\n        return { hour: '2-digit', minute: '2-digit', hour12: false };\n\n      case DateFormats.MEDIUM_TIME_FORMAT:\n        return { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false };\n\n      case DateFormats.SHORT_DATE_MEDIUM_TIME_FORMAT:\n        return {\n          year: 'numeric',\n          month: '2-digit',\n          day: '2-digit',\n          hour: '2-digit',\n          minute: '2-digit',\n          second: '2-digit',\n          hour12: false,\n        };\n\n      default:\n        throw new Error(`Unsupported format pattern: ${formatPattern}`);\n    }\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { AbstractTimezoneCompensatingPipe } from '../abstract-timezone-compensating.pipe';\nimport { DateFormats } from '../date-formats';\n\n/**\n * Formats a given timestamp as a date.\n */\n@Pipe({\n  name: 'dateOnly',\n  standalone: true,\n})\nexport class DateOnlyPipe extends AbstractTimezoneCompensatingPipe implements PipeTransform {\n  transform(input: number | Date | string): string {\n    return this.format(input, DateFormats.SHORT_DATE_FORMAT);\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { AbstractTimezoneCompensatingPipe } from '../abstract-timezone-compensating.pipe';\nimport { DateFormats } from '../date-formats';\n\nexport type TimeOnlyFormat = 'short' | 'medium';\n\n/**\n * Formats a given timestamp as a time.\n *\n * Timestamps can be formatted as 2 variants:\n * - 'short' being 'HH:mm' (hours and minutes)\n * - 'medium' being 'HH:mm:ss' (as above, but with seconds appended)\n *\n */\n@Pipe({\n  name: 'timeOnly',\n  standalone: true,\n})\nexport class TimeOnlyPipe extends AbstractTimezoneCompensatingPipe implements PipeTransform {\n  transform(input: number | Date | string, format: TimeOnlyFormat = 'short'): string {\n    return this.format(input, this.getFormat(format));\n  }\n\n  private getFormat(format: TimeOnlyFormat): string {\n    switch (format) {\n      case 'short':\n        return DateFormats.SHORT_TIME_FORMAT;\n      case 'medium':\n        return DateFormats.MEDIUM_TIME_FORMAT;\n      default:\n        throw new Error(`Unable to derive format from \"${format}\"`);\n    }\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { AbstractTimezoneCompensatingPipe } from '../abstract-timezone-compensating.pipe';\nimport { DateFormats } from '../date-formats';\n\n/**\n * Formats a given timestamp so that:\n * - If timestamp is of \"today\", it's formatted as time with hours and minutes (eg. 23:56)\n * - If timestamp is different from \"today\", it's formatted as date with \"day of month\", month and year  (eg. 28.02.2020)\n *\n * All formatting and parsing is expect to be handled in \"Europe/Copenhagen\" time zone and with\n * the locale provided by `LOCALE_ID`.\n */\n\n@Pipe({\n  name: 'timeOrDate',\n  standalone: true,\n})\nexport class TimeOrDatePipe extends AbstractTimezoneCompensatingPipe implements PipeTransform {\n  transform(\n    time: number | Date | string,\n    showSeconds = false,\n    formatMonth: 'month-as-digits' | 'month-as-letters' = 'month-as-digits'\n  ): string {\n    if (!time) {\n      return '';\n    }\n\n    const date = typeof time === 'number' || typeof time === 'string' ? new Date(time) : time;\n\n    const today = new Date();\n    const sameDay =\n      date.getFullYear() === today.getFullYear() &&\n      date.getMonth() === today.getMonth() &&\n      date.getDate() === today.getDate();\n\n    let format = DateFormats.SHORT_DATE_FORMAT;\n\n    if (formatMonth === 'month-as-letters') {\n      format = DateFormats.MEDIUM_LETTER_DATE_FORMAT;\n    }\n\n    if (sameDay) {\n      format = showSeconds ? DateFormats.MEDIUM_TIME_FORMAT : DateFormats.SHORT_TIME_FORMAT;\n    }\n\n    return this.format(date, format);\n  }\n}\n","import { formatNumber } from '@angular/common';\nimport { Inject, Injectable, LOCALE_ID } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class FormatNumberService {\n  constructor(@Inject(LOCALE_ID) private localeId: string) {}\n\n  public formatNumber(value: number, digitsInfo: string) {\n    if (value == null) {\n      return '';\n    }\n\n    return formatNumber(value, this.localeId, digitsInfo);\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { FormatNumberService } from './format-number.service';\n\n@Pipe({\n  name: 'formatNumber',\n  standalone: true,\n})\nexport class FormatNumberPipe implements PipeTransform {\n  constructor(private formatNumberService: FormatNumberService) {}\n\n  transform(value: number, digitsInfo = '1.2-2') {\n    return this.formatNumberService.formatNumber(value, digitsInfo);\n  }\n}\n","import { formatNumber } from '@angular/common';\n\nimport { Amount } from './amount.model';\n\nexport function formatAmount(\n  amount: Amount,\n  locale: string,\n  nativeCurrency: string,\n  amountServiceConfiguration?: AmountServiceConfiguration\n) {\n  const config = deriveConfiguration(amountServiceConfiguration);\n\n  let formattedAmount = formatNumber(amount && amount.amount, locale, config.digitsInfo);\n\n  if (config.stripSign) {\n    formattedAmount = formattedAmount.replace('-', '').trim();\n  }\n\n  const currencyCodeToAppend = deriveCurrencyCode(config, amount, nativeCurrency);\n\n  if (!currencyCodeToAppend) {\n    return formattedAmount;\n  }\n  if (config.currencyCodePosition === 'postfix') {\n    return formattedAmount + ' ' + currencyCodeToAppend;\n  } else {\n    return currencyCodeToAppend + ' ' + formattedAmount;\n  }\n}\n\nexport function deriveCurrencyCode(\n  config: AmountServiceConfiguration,\n  amount: Amount,\n  nativeCurrency: string\n) {\n  let currencyCodeToAppend;\n\n  if (config.showCurrencyCode) {\n    if (config.showCurrencyCode === 'alwaysShowCurrency') {\n      currencyCodeToAppend = amount && amount.currencyCode;\n    } else if (config.showCurrencyCode === 'showForeignCurrency') {\n      currencyCodeToAppend =\n        amount && amount.currencyCode !== nativeCurrency ? amount.currencyCode : '';\n    }\n  }\n\n  return currencyCodeToAppend || '';\n}\n\nexport function deriveConfiguration(configuration: AmountServiceConfiguration = {}) {\n  const config: AmountServiceConfiguration = {\n    showCurrencyCode: '',\n    digitsInfo: '1.2-2',\n    stripSign: false,\n  };\n\n  return Object.assign({}, config, configuration);\n}\n\nexport type ShowCurrencyCode = '' | 'alwaysShowCurrency' | 'showForeignCurrency';\nexport type CurrencyCodePosition = '' | 'prefix' | 'postfix';\n\nexport interface AmountServiceConfiguration {\n  /**\n   * - '' - don't output CurrencyCode\n   * - 'alwaysShowCurrency' - always shows CurrencyCode, regardless of presentation currency\n   * - 'showForeignCurrency' - only show CurrencyCode if it differs from the presentation currency\n   */\n  showCurrencyCode?: ShowCurrencyCode;\n  /**\n   * The position of the currency code in the formatted amount\n   * - 'postfix' - output CurrencyCode after the formatted amount, eg. 1.234,56 EUR\n   * - 'prefix' - output CurrencyCode before the formatted amount, eg. DKK 1.234,56\n   */\n  currencyCodePosition?: CurrencyCodePosition;\n  /**\n   * A string that represents the format of the number. Learn more about the format here: https://angular.io/api/common/DecimalPipe#parameters\n   */\n  digitsInfo?: string;\n  /**\n   * Remove the minus sign from the formatted amount and trim any leading or trailing whitespace.\n   */\n  stripSign?: boolean;\n  /**\n   * The string to return if the amount is empty\n   */\n  returnValueOnEmptyAmount?: string;\n}\n","import { inject, Injectable, LOCALE_ID } from '@angular/core';\n\nimport { KIRBY_EXTENSIONS_LOCALIZATION_TOKEN } from '../di-tokens';\nimport { Amount } from './amount.model';\nimport {\n  AmountServiceConfiguration,\n  deriveConfiguration,\n  formatAmount,\n} from './amount-service-formatter';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AmountService {\n  private config = inject(KIRBY_EXTENSIONS_LOCALIZATION_TOKEN);\n  private locale = inject(LOCALE_ID);\n  /**\n   * Applies the transformation logic, by taking the `amount`-argument, and a configuration object - {@link AmountServiceConfiguration}\n   *\n   * The number is always formatted according to Angular LOCALE_ID\n   *\n   * @param amount the {@link Amount} to configure\n   * @param amountServiceConfiguration\n   */\n\n  formatAmount(amount: Amount, amountServiceConfiguration?: AmountServiceConfiguration) {\n    if (amount == undefined) {\n      const config = deriveConfiguration(amountServiceConfiguration);\n      if (config.returnValueOnEmptyAmount) {\n        return config.returnValueOnEmptyAmount;\n      }\n      amount = {\n        amount: 0.0,\n        currencyCode: '',\n      };\n    }\n\n    return formatAmount(\n      amount,\n      this.locale,\n      this.config.nativeCurrency,\n      amountServiceConfiguration\n    );\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { Amount } from './amount.model';\nimport { AmountService } from './amount.service';\nimport { AmountServiceConfiguration } from './amount-service-formatter';\n\n/**\n * Configuration object for the amount-pipe. The configuration object can be used to control\n * the formatting of the amount, and can be passed as an argument to the amount-pipe when used on an {@link Amount}.\n * - `showCurrencyCode`: Controls whether the currency code should be displayed or not.\n *   - `''`: Don't output currency code\n *   - `alwaysShowCurrency`: Always show currency code, regardless of presentation currency\n *   - `showForeignCurrency`: Only show currency code if it differs from the presentation currency\n * - `digitsInfo`: A string that represents the format of the number. Learn more about the format here: https://angular.io/api/common/DecimalPipe#parameters\n * - `stripSign`: Controls whether the minus sign should be stripped from a negative amount.\n * - `currencyCodePosition`: Controls the position of the currency code in the formatted amount.\n *   - `postfix`: Output currency code after the formatted amount, e.g. 1.234,56 EUR\n *   - `prefix`: Output currency code before the formatted amount, e.g. DKK 1.234,56\n */\n@Pipe({\n  name: 'amount',\n  standalone: true,\n})\nexport class AmountPipe implements PipeTransform {\n  constructor(private amountService: AmountService) {}\n\n  /**\n   * Applies the transformation logic, by taking the `amount`-argument, and a configuration object - {@link AmountServiceConfiguration} (or a number of arguments, for backwards compatibility).\n   *\n   * @param amount the {@link Amount} to configure\n   * @param amountServiceConfiguration\n   */\n  transform(amount: Amount, amountServiceConfiguration?: AmountServiceConfiguration) {\n    return this.amountService.formatAmount(amount, amountServiceConfiguration);\n  }\n}\n","import { AccountNumber } from './account-number.model';\n\nexport function formatAccountNumber(value: AccountNumber): string {\n  return `${value.regNo.padStart(4, '0')} ${value.accountNo.replace(/^0+/, '')}`;\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { AccountNumber } from './account-number.model';\nimport { formatAccountNumber } from './account-number-service-formatter';\n\n/**\n * Pipe that formats a {@link AccountNumber}-object to a common format.\n */\n@Pipe({\n  name: 'accountNumber',\n  standalone: true,\n})\nexport class AccountNumberPipe implements PipeTransform {\n  /**\n   *  Formats the {@link AccountNumber} to a common format.\n   *\n   * @param value the {@link AccountNumber} to format\n   */\n  transform(value: AccountNumber): string | undefined {\n    return formatAccountNumber(value);\n  }\n}\n","import { inject, Injectable, LOCALE_ID } from '@angular/core';\n\nimport { KIRBY_EXTENSIONS_LOCALIZATION_TOKEN } from '../di-tokens';\nimport { PhoneNumber } from './phone-number';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class PhoneNumberService {\n  private config = inject(KIRBY_EXTENSIONS_LOCALIZATION_TOKEN);\n  private locale = inject(LOCALE_ID);\n\n  private static chunkUpPhoneNumber(str: string, chunk: number): string {\n    return str.match(new RegExp(`.{1,${chunk}}`, 'g'))?.join(' ') ?? '';\n  }\n\n  formatPhoneNumber(\n    phoneNumber: PhoneNumber | string,\n    chunk = 2,\n    showCountryCode?: boolean\n  ): string | undefined {\n    const countryCode =\n      typeof phoneNumber === 'string' ? this.config.countryCode : phoneNumber.countryCode;\n    const number = typeof phoneNumber === 'string' ? phoneNumber : phoneNumber.number;\n\n    if (!/^\\d+$/.test(number)) {\n      return;\n    }\n\n    if (showCountryCode === undefined) {\n      showCountryCode = !this.locale.match(`${this.config.defaultLang}.*`);\n    }\n\n    const formattedNumber = PhoneNumberService.chunkUpPhoneNumber(number, chunk);\n\n    if (showCountryCode) {\n      return `${countryCode} ${formattedNumber}`;\n    } else {\n      return formattedNumber;\n    }\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\nimport { PhoneNumber } from './phone-number';\nimport { PhoneNumberService } from './phone-number.service';\n\n@Pipe({\n  name: 'phoneNumber',\n  standalone: true,\n})\nexport class PhoneNumberPipe implements PipeTransform {\n  constructor(private phoneNumberService: PhoneNumberService) {}\n\n  /**\n   * Transforms a phone number, chunked up with spaces between the chunks and the country code in front, if desired.\n   *\n   * @param phoneNumber A PhoneNumber or a string representation of a phone number\n   * @param chunk The chunk size used to split up the phone number with spaces\n   * @param showCountryCode Show the country code in front of the phone number. If a string representation is supplied, the KIRBY_EXTENSIONS_LOCALIZATION_TOKEN.countryCode is used.\n   */\n  transform(\n    phoneNumber: PhoneNumber | string,\n    chunk = 2,\n    showCountryCode?: boolean\n  ): string | undefined {\n    return this.phoneNumberService.formatPhoneNumber(phoneNumber, chunk, showCountryCode);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.FormatNumberService","i1.AmountService","i1.PhoneNumberService"],"mappings":"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"}

package/fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs

@@ -19,10 +19,10 @@ class SkeletonLoaderComponent {
     get _cssClass() {
         return [this.theme, this.shape].filter((cssClass) => !!cssClass);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SkeletonLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: SkeletonLoaderComponent, isStandalone: true, selector: "kirby-x-skeleton-loader", inputs: { theme: "theme", shape: "shape" }, host: { properties: { "class": "this._cssClass" } }, ngImport: i0, template: "<ion-skeleton-text animated=\"true\"></ion-skeleton-text>\n", styles: [":host{overflow:hidden;display:flex;justify-content:center;align-items:center;height:var(--kirby-font-size-n)}:host.rectangle{border-radius:var(--kirby-border-radius-xs)}:host.circle{border-radius:var(--kirby-border-radius-circle)}:host.pill{border-radius:var(--kirby-border-radius-pill)}:host.dark ion-skeleton-text{background-image:linear-gradient(to right,#ffffff29,#ffffff47,#ffffff29 50%)}:host.light ion-skeleton-text{background-image:linear-gradient(to right,#2828280f,#2828281f,#2828280f 50%)}:host-context(.kirby-color-brightness-white) ion-skeleton-text,:host-context(.kirby-color-brightness-light) ion-skeleton-text{background-image:linear-gradient(to right,#2828280f,#2828281f,#2828280f 50%)}:host-context(.kirby-color-brightness-dark) ion-skeleton-text{background-image:linear-gradient(to right,#ffffff29,#ffffff47,#ffffff29 50%)}ion-skeleton-text{position:relative;margin:0;animation-duration:1.5s;background-clip:border-box}\n"], dependencies: [{ kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SkeletonLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: SkeletonLoaderComponent, isStandalone: true, selector: "kirby-x-skeleton-loader", inputs: { theme: "theme", shape: "shape" }, host: { properties: { "class": "this._cssClass" } }, ngImport: i0, template: "<ion-skeleton-text animated=\"true\"></ion-skeleton-text>\n", styles: [":host{overflow:hidden;display:flex;justify-content:center;align-items:center;height:var(--kirby-font-size-n)}:host.rectangle{border-radius:var(--kirby-border-radius-xs)}:host.circle{border-radius:var(--kirby-border-radius-circle)}:host.pill{border-radius:var(--kirby-border-radius-pill)}:host.dark ion-skeleton-text{background-image:linear-gradient(to right,#ffffff29,#ffffff47,#ffffff29 50%)}:host.light ion-skeleton-text{background-image:linear-gradient(to right,#2828280f,#2828281f,#2828280f 50%)}:host-context(.kirby-color-brightness-white) ion-skeleton-text,:host-context(.kirby-color-brightness-light) ion-skeleton-text{background-image:linear-gradient(to right,#2828280f,#2828281f,#2828280f 50%)}:host-context(.kirby-color-brightness-dark) ion-skeleton-text{background-image:linear-gradient(to right,#ffffff29,#ffffff47,#ffffff29 50%)}ion-skeleton-text{position:relative;margin:0;animation-duration:1.5s;background-clip:border-box}\n"], dependencies: [{ kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SkeletonLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SkeletonLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kirby-x-skeleton-loader', standalone: true, imports: [CardModule, IconModule, CommonModule, IonSkeletonText], template: "<ion-skeleton-text animated=\"true\"></ion-skeleton-text>\n", styles: [":host{overflow:hidden;display:flex;justify-content:center;align-items:center;height:var(--kirby-font-size-n)}:host.rectangle{border-radius:var(--kirby-border-radius-xs)}:host.circle{border-radius:var(--kirby-border-radius-circle)}:host.pill{border-radius:var(--kirby-border-radius-pill)}:host.dark ion-skeleton-text{background-image:linear-gradient(to right,#ffffff29,#ffffff47,#ffffff29 50%)}:host.light ion-skeleton-text{background-image:linear-gradient(to right,#2828280f,#2828281f,#2828280f 50%)}:host-context(.kirby-color-brightness-white) ion-skeleton-text,:host-context(.kirby-color-brightness-light) ion-skeleton-text{background-image:linear-gradient(to right,#2828280f,#2828281f,#2828280f 50%)}:host-context(.kirby-color-brightness-dark) ion-skeleton-text{background-image:linear-gradient(to right,#ffffff29,#ffffff47,#ffffff29 50%)}ion-skeleton-text{position:relative;margin:0;animation-duration:1.5s;background-clip:border-box}\n"] }]
         }], propDecorators: { theme: [{

package/image-banner/image-banner-height.directive.d.ts

@@ -0,0 +1,19 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @Description Temporary directive to ensure correct scroll position behavior on Safari.
+ *
+ * When navigating between stacked pages, scroll position is not correctly restored on Safari,
+ * when the nested kirby-card element uses containment and the host element does not have an explicit height.
+ */
+export declare class ImageBannerHeightDirective implements OnInit, OnDestroy {
+    private currentHeight;
+    private host;
+    private resizeObserverService;
+    private renderer;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setCardHeightOnHost;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageBannerHeightDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageBannerHeightDirective, "[kirbyImageBannerResize]", never, {}, {}, never, never, true, never>;
+}

package/image-banner/image-banner.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { TranslationService } from '@kirbydesign/designsystem/shared';
 import * as i0 from "@angular/core";
+import * as i1 from "./image-banner-height.directive";
 export declare class ImageBannerComponent {
     translations: TranslationService;
     /**
@@ -35,9 +36,14 @@ export declare class ImageBannerComponent {
      * If subscribed to, a dismiss button will be shown. Emitted every time the dismiss button is activated by click and keyboard interaction.
      */
     dismissClick: EventEmitter<Event>;
+    /**
+     * If the input imagePath results in an error, it will be reflected in this output.
+     */
+    imageError: EventEmitter<ErrorEvent>;
     constructor(translations: TranslationService);
     bannerClicked(event: Event): void;
     dismissClicked(event: Event): void;
+    onImageError($event: ErrorEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageBannerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImageBannerComponent, "kirby-x-image-banner", never, { "title": { "alias": "title"; "required": false; }; "imagePath": { "alias": "imagePath"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "actionButtonText": { "alias": "actionButtonText"; "required": false; }; "externalLink": { "alias": "externalLink"; "required": false; }; "backgroundBlur": { "alias": "backgroundBlur"; "required": false; }; }, { "bannerClick": "bannerClick"; "dismissClick": "dismissClick"; }, never, ["[title]", "[bodyText]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageBannerComponent, "kirby-x-image-banner", never, { "title": { "alias": "title"; "required": false; }; "imagePath": { "alias": "imagePath"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "actionButtonText": { "alias": "actionButtonText"; "required": false; }; "externalLink": { "alias": "externalLink"; "required": false; }; "backgroundBlur": { "alias": "backgroundBlur"; "required": false; }; }, { "bannerClick": "bannerClick"; "dismissClick": "dismissClick"; "imageError": "imageError"; }, never, ["[title]", "[bodyText]"], true, [{ directive: typeof i1.ImageBannerHeightDirective; inputs: {}; outputs: {}; }]>;
 }

package/image-banner/index.d.ts

@@ -1 +1,2 @@
 export { ImageBannerComponent } from './image-banner.component';
+export { ImageBannerHeightDirective } from './image-banner-height.directive';

package/localization/amount/amount-service-formatter.d.ts

@@ -1,7 +1,7 @@
 import { Amount } from './amount.model';
-export declare function formatAmount(amount: Amount, amountServiceConfiguration: AmountServiceConfiguration, locale: string, nativeCurrency: string): string;
+export declare function formatAmount(amount: Amount, locale: string, nativeCurrency: string, amountServiceConfiguration?: AmountServiceConfiguration): string;
 export declare function deriveCurrencyCode(config: AmountServiceConfiguration, amount: Amount, nativeCurrency: string): string;
-export declare function deriveConfiguration(configuration: AmountServiceConfiguration): AmountServiceConfiguration;
+export declare function deriveConfiguration(configuration?: AmountServiceConfiguration): AmountServiceConfiguration;
 export type ShowCurrencyCode = '' | 'alwaysShowCurrency' | 'showForeignCurrency';
 export type CurrencyCodePosition = '' | 'prefix' | 'postfix';
 export interface AmountServiceConfiguration {
@@ -10,7 +10,7 @@ export interface AmountServiceConfiguration {
      * - 'alwaysShowCurrency' - always shows CurrencyCode, regardless of presentation currency
      * - 'showForeignCurrency' - only show CurrencyCode if it differs from the presentation currency
      */
-    showCurrencyCode: ShowCurrencyCode;
+    showCurrencyCode?: ShowCurrencyCode;
     /**
      * The position of the currency code in the formatted amount
      * - 'postfix' - output CurrencyCode after the formatted amount, eg. 1.234,56 EUR

package/localization/amount/amount.pipe.d.ts

@@ -25,7 +25,7 @@ export declare class AmountPipe implements PipeTransform {
      * @param amount the {@link Amount} to configure
      * @param amountServiceConfiguration
      */
-    transform(amount: Amount, amountServiceConfiguration: AmountServiceConfiguration): string;
+    transform(amount: Amount, amountServiceConfiguration?: AmountServiceConfiguration): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AmountPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<AmountPipe, "amount", true>;
 }

package/localization/amount/amount.service.d.ts

@@ -12,7 +12,7 @@ export declare class AmountService {
      * @param amount the {@link Amount} to configure
      * @param amountServiceConfiguration
      */
-    formatAmount(amount: Amount, amountServiceConfiguration: AmountServiceConfiguration): string;
+    formatAmount(amount: Amount, amountServiceConfiguration?: AmountServiceConfiguration): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AmountService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AmountService>;
 }

package/localization/date-time/abstract-timezone-compensating.pipe.d.ts

@@ -8,6 +8,6 @@ export declare abstract class AbstractTimezoneCompensatingPipe implements PipeTr
     private config;
     private locale;
     abstract transform(value: unknown, ...args: unknown[]): unknown;
-    protected format(time: number | Date, formatPattern: string): string;
+    protected format(time: number | Date | string, formatPattern: string): string;
     private getIntlOptions;
 }

package/localization/date-time/date-only/date-only.pipe.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
  * Formats a given timestamp as a date.
  */
 export declare class DateOnlyPipe extends AbstractTimezoneCompensatingPipe implements PipeTransform {
-    transform(input: number | Date): string;
+    transform(input: number | Date | string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateOnlyPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<DateOnlyPipe, "dateOnly", true>;
 }

package/localization/date-time/time-only/time-only.pipe.d.ts

@@ -11,7 +11,7 @@ export type TimeOnlyFormat = 'short' | 'medium';
  *
  */
 export declare class TimeOnlyPipe extends AbstractTimezoneCompensatingPipe implements PipeTransform {
-    transform(input: number | Date, format?: TimeOnlyFormat): string;
+    transform(input: number | Date | string, format?: TimeOnlyFormat): string;
     private getFormat;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimeOnlyPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TimeOnlyPipe, "timeOnly", true>;

package/localization/date-time/time-or-date/time-or-date.pipe.d.ts

@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
  * the locale provided by `LOCALE_ID`.
  */
 export declare class TimeOrDatePipe extends AbstractTimezoneCompensatingPipe implements PipeTransform {
-    transform(time: number | Date, showSeconds?: boolean, formatMonth?: 'month-as-digits' | 'month-as-letters'): string;
+    transform(time: number | Date | string, showSeconds?: boolean, formatMonth?: 'month-as-digits' | 'month-as-letters'): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimeOrDatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TimeOrDatePipe, "timeOrDate", true>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kirbydesign/extensions-angular",
-  "version": "1.3.0",
+  "version": "2.0.0",
   "peerDependencies": {
     "@angular/common": "^18.0.0 || ^19.0.0",
     "@angular/compiler": "^18.0.0 || ^19.0.0",
@@ -27,14 +27,14 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/kirbydesign-extensions-angular.mjs"
     },
-    "./image-banner": {
-      "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"
     },
+    "./image-banner": {
+      "types": "./image-banner/index.d.ts",
+      "default": "./fesm2022/kirbydesign-extensions-angular-image-banner.mjs"
+    },
     "./skeleton-loader": {
       "types": "./skeleton-loader/index.d.ts",
       "default": "./fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs"