@kirbydesign/extensions-angular 1.2.0 → 2.0.0

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

@@ -0,0 +1,32 @@
+import { Amount } from './amount.model';
+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 type ShowCurrencyCode = '' | 'alwaysShowCurrency' | 'showForeignCurrency';
+export type CurrencyCodePosition = '' | 'prefix' | 'postfix';
+export interface AmountServiceConfiguration {
+    /**
+     * - '' - don't output CurrencyCode
+     * - 'alwaysShowCurrency' - always shows CurrencyCode, regardless of presentation currency
+     * - 'showForeignCurrency' - only show CurrencyCode if it differs from the presentation currency
+     */
+    showCurrencyCode?: ShowCurrencyCode;
+    /**
+     * The position of the currency code in the formatted amount
+     * - 'postfix' - output CurrencyCode after the formatted amount, eg. 1.234,56 EUR
+     * - 'prefix' - output CurrencyCode before the formatted amount, eg. DKK 1.234,56
+     */
+    currencyCodePosition?: CurrencyCodePosition;
+    /**
+     * A string that represents the format of the number. Learn more about the format here: https://angular.io/api/common/DecimalPipe#parameters
+     */
+    digitsInfo?: string;
+    /**
+     * Remove the minus sign from the formatted amount and trim any leading or trailing whitespace.
+     */
+    stripSign?: boolean;
+    /**
+     * The string to return if the amount is empty
+     */
+    returnValueOnEmptyAmount?: string;
+}

package/localization/amount/amount.model.d.ts

@@ -0,0 +1,14 @@
+export interface Amount {
+    /**
+     * The monetary value
+     * @min -999999999
+     * @max 999999999
+     * @example [100]
+     */
+    amount: number;
+    /**
+     * The currency in which the value is denominated
+     * @example [DKK]
+     */
+    currencyCode: string;
+}

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

@@ -0,0 +1,31 @@
+import { PipeTransform } from '@angular/core';
+import { Amount } from './amount.model';
+import { AmountService } from './amount.service';
+import { AmountServiceConfiguration } from './amount-service-formatter';
+import * as i0 from "@angular/core";
+/**
+ * Configuration object for the amount-pipe. The configuration object can be used to control
+ * the formatting of the amount, and can be passed as an argument to the amount-pipe when used on an {@link Amount}.
+ * - `showCurrencyCode`: Controls whether the currency code should be displayed or not.
+ *   - `''`: Don't output currency code
+ *   - `alwaysShowCurrency`: Always show currency code, regardless of presentation currency
+ *   - `showForeignCurrency`: Only show currency code if it differs from the presentation currency
+ * - `digitsInfo`: A string that represents the format of the number. Learn more about the format here: https://angular.io/api/common/DecimalPipe#parameters
+ * - `stripSign`: Controls whether the minus sign should be stripped from a negative amount.
+ * - `currencyCodePosition`: Controls the position of the currency code in the formatted amount.
+ *   - `postfix`: Output currency code after the formatted amount, e.g. 1.234,56 EUR
+ *   - `prefix`: Output currency code before the formatted amount, e.g. DKK 1.234,56
+ */
+export declare class AmountPipe implements PipeTransform {
+    private amountService;
+    constructor(amountService: AmountService);
+    /**
+     * Applies the transformation logic, by taking the `amount`-argument, and a configuration object - {@link AmountServiceConfiguration} (or a number of arguments, for backwards compatibility).
+     *
+     * @param amount the {@link Amount} to configure
+     * @param amountServiceConfiguration
+     */
+    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

@@ -0,0 +1,18 @@
+import { Amount } from './amount.model';
+import { AmountServiceConfiguration } from './amount-service-formatter';
+import * as i0 from "@angular/core";
+export declare class AmountService {
+    private config;
+    private locale;
+    /**
+     * Applies the transformation logic, by taking the `amount`-argument, and a configuration object - {@link AmountServiceConfiguration}
+     *
+     * The number is always formatted according to Angular LOCALE_ID
+     *
+     * @param amount the {@link Amount} to configure
+     * @param amountServiceConfiguration
+     */
+    formatAmount(amount: Amount, amountServiceConfiguration?: AmountServiceConfiguration): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AmountService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AmountService>;
+}

package/localization/amount/index.d.ts

@@ -0,0 +1,4 @@
+export * from './amount.model';
+export * from './amount.pipe';
+export * from './amount.service';
+export * from './amount-service-formatter';

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

@@ -0,0 +1,13 @@
+import { PipeTransform } from '@angular/core';
+/**
+ * Abstract implementation of pipe that should format dates, and compensate for time-zone offset.
+ *
+ * This class provides tools for formatting dates (and timestamps) in a time zone
+ */
+export declare abstract class AbstractTimezoneCompensatingPipe implements PipeTransform {
+    private config;
+    private locale;
+    abstract transform(value: unknown, ...args: unknown[]): unknown;
+    protected format(time: number | Date | string, formatPattern: string): string;
+    private getIntlOptions;
+}

package/localization/date-time/date-formats.d.ts

@@ -0,0 +1,8 @@
+export declare class DateFormats {
+    static readonly SHORT_DATE_FORMAT = "dd.MM.yyyy";
+    static readonly MEDIUM_DATE_FORMAT = "d. MMMM y";
+    static readonly MEDIUM_LETTER_DATE_FORMAT = "dd. MMM yyyy";
+    static readonly SHORT_TIME_FORMAT = "HH:mm";
+    static readonly MEDIUM_TIME_FORMAT = "HH:mm:ss";
+    static readonly SHORT_DATE_MEDIUM_TIME_FORMAT: string;
+}

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

@@ -0,0 +1,11 @@
+import { PipeTransform } from '@angular/core';
+import { AbstractTimezoneCompensatingPipe } from '../abstract-timezone-compensating.pipe';
+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): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateOnlyPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DateOnlyPipe, "dateOnly", true>;
+}

package/localization/date-time/index.d.ts

@@ -0,0 +1,4 @@
+export * from './date-formats';
+export * from './date-only/date-only.pipe';
+export * from './time-only/time-only.pipe';
+export * from './time-or-date/time-or-date.pipe';

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

@@ -0,0 +1,18 @@
+import { PipeTransform } from '@angular/core';
+import { AbstractTimezoneCompensatingPipe } from '../abstract-timezone-compensating.pipe';
+import * as i0 from "@angular/core";
+export type TimeOnlyFormat = 'short' | 'medium';
+/**
+ * Formats a given timestamp as a time.
+ *
+ * Timestamps can be formatted as 2 variants:
+ * - 'short' being 'HH:mm' (hours and minutes)
+ * - 'medium' being 'HH:mm:ss' (as above, but with seconds appended)
+ *
+ */
+export declare class TimeOnlyPipe extends AbstractTimezoneCompensatingPipe implements PipeTransform {
+    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

@@ -0,0 +1,16 @@
+import { PipeTransform } from '@angular/core';
+import { AbstractTimezoneCompensatingPipe } from '../abstract-timezone-compensating.pipe';
+import * as i0 from "@angular/core";
+/**
+ * Formats a given timestamp so that:
+ * - If timestamp is of "today", it's formatted as time with hours and minutes (eg. 23:56)
+ * - If timestamp is different from "today", it's formatted as date with "day of month", month and year  (eg. 28.02.2020)
+ *
+ * All formatting and parsing is expect to be handled in "Europe/Copenhagen" time zone and with
+ * the locale provided by `LOCALE_ID`.
+ */
+export declare class TimeOrDatePipe extends AbstractTimezoneCompensatingPipe implements PipeTransform {
+    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/localization/di-tokens.d.ts

@@ -0,0 +1,28 @@
+import { InjectionToken } from '@angular/core';
+export declare const KIRBY_EXTENSIONS_LOCALIZATION_TOKEN: InjectionToken<KirbyExtensionsLocalizationToken>;
+export declare function provideKirbyExtensionsLocalizationToken(factory: () => KirbyExtensionsLocalizationToken): {
+    provide: InjectionToken<KirbyExtensionsLocalizationToken>;
+    useFactory: () => KirbyExtensionsLocalizationToken;
+};
+interface KirbyExtensionsLocalizationToken {
+    /**
+     * @example 'DKK | kr. | EUR'
+     */
+    nativeCurrency: string;
+    /**
+     * 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.
+     * @example 'da'
+     */
+    defaultLang: string;
+    /**
+     * Default phone country code
+     * @example '+45'
+     */
+    countryCode: string;
+    /**
+     * Default timezone for the application
+     * @example 'Europe/Copenhagen'
+     */
+    timeZone: string;
+}
+export {};

package/localization/index.d.ts

@@ -0,0 +1,6 @@
+export { TimeOrDatePipe, DateOnlyPipe, TimeOnlyPipe, DateFormats, TimeOnlyFormat, } from './date-time';
+export { FormatNumberPipe, FormatNumberService } from './number';
+export { AmountPipe, Amount, AmountServiceConfiguration, AmountService, formatAmount, } from './amount';
+export { AccountNumberPipe, AccountNumber, formatAccountNumber } from './account-number';
+export { PhoneNumberPipe, PhoneNumber, PhoneNumberService } from './phone-number';
+export { KIRBY_EXTENSIONS_LOCALIZATION_TOKEN, provideKirbyExtensionsLocalizationToken, } from './di-tokens';

package/localization/number/format-number.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import { FormatNumberService } from './format-number.service';
+import * as i0 from "@angular/core";
+export declare class FormatNumberPipe implements PipeTransform {
+    private formatNumberService;
+    constructor(formatNumberService: FormatNumberService);
+    transform(value: number, digitsInfo?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormatNumberPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FormatNumberPipe, "formatNumber", true>;
+}

package/localization/number/format-number.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class FormatNumberService {
+    private localeId;
+    constructor(localeId: string);
+    formatNumber(value: number, digitsInfo: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormatNumberService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormatNumberService>;
+}

package/localization/number/index.d.ts

@@ -0,0 +1,2 @@
+export * from './format-number.pipe';
+export * from './format-number.service';

package/localization/phone-number/index.d.ts

@@ -0,0 +1,3 @@
+export * from './phone-number';
+export * from './phone-number.pipe';
+export * from './phone-number.service';

package/localization/phone-number/phone-number.d.ts

@@ -0,0 +1,4 @@
+export interface PhoneNumber {
+    countryCode: string;
+    number: string;
+}

package/localization/phone-number/phone-number.pipe.d.ts

@@ -0,0 +1,18 @@
+import { PipeTransform } from '@angular/core';
+import { PhoneNumber } from './phone-number';
+import { PhoneNumberService } from './phone-number.service';
+import * as i0 from "@angular/core";
+export declare class PhoneNumberPipe implements PipeTransform {
+    private phoneNumberService;
+    constructor(phoneNumberService: PhoneNumberService);
+    /**
+     * Transforms a phone number, chunked up with spaces between the chunks and the country code in front, if desired.
+     *
+     * @param phoneNumber A PhoneNumber or a string representation of a phone number
+     * @param chunk The chunk size used to split up the phone number with spaces
+     * @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.
+     */
+    transform(phoneNumber: PhoneNumber | string, chunk?: number, showCountryCode?: boolean): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PhoneNumberPipe, "phoneNumber", true>;
+}

package/localization/phone-number/phone-number.service.d.ts

@@ -0,0 +1,10 @@
+import { PhoneNumber } from './phone-number';
+import * as i0 from "@angular/core";
+export declare class PhoneNumberService {
+    private config;
+    private locale;
+    private static chunkUpPhoneNumber;
+    formatPhoneNumber(phoneNumber: PhoneNumber | string, chunk?: number, showCountryCode?: boolean): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PhoneNumberService>;
+}

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@kirbydesign/extensions-angular",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "peerDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/compiler": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@angular/forms": "^18.0.0",
-    "@angular/platform-browser": "^18.0.0",
-    "@angular/platform-browser-dynamic": "^18.0.0",
-    "@angular/router": "^18.0.0",
+    "@angular/common": "^18.0.0 || ^19.0.0",
+    "@angular/compiler": "^18.0.0 || ^19.0.0",
+    "@angular/core": "^18.0.0 || ^19.0.0",
+    "@angular/forms": "^18.0.0 || ^19.0.0",
+    "@angular/platform-browser": "^18.0.0 || ^19.0.0",
+    "@angular/platform-browser-dynamic": "^18.0.0 || ^19.0.0",
+    "@angular/router": "^18.0.0 || ^19.0.0",
     "@kirbydesign/designsystem": "^10.0.0",
     "rxjs": "~7.8.0",
-    "zone.js": "~0.14.0"
+    "zone.js": "^0.14.3 || ~0.15.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -25,15 +25,19 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/kirbydesign-extensions-angular.mjs",
-      "esm": "./esm2022/kirbydesign-extensions-angular.mjs",
       "default": "./fesm2022/kirbydesign-extensions-angular.mjs"
     },
+    "./localization": {
+      "types": "./localization/index.d.ts",
+      "default": "./fesm2022/kirbydesign-extensions-angular-localization.mjs"
+    },
     "./image-banner": {
       "types": "./image-banner/index.d.ts",
-      "esm2022": "./esm2022/image-banner/kirbydesign-extensions-angular-image-banner.mjs",
-      "esm": "./esm2022/image-banner/kirbydesign-extensions-angular-image-banner.mjs",
       "default": "./fesm2022/kirbydesign-extensions-angular-image-banner.mjs"
+    },
+    "./skeleton-loader": {
+      "types": "./skeleton-loader/index.d.ts",
+      "default": "./fesm2022/kirbydesign-extensions-angular-skeleton-loader.mjs"
     }
   }
 }

package/skeleton-loader/index.d.ts

@@ -0,0 +1 @@
+export { SkeletonLoaderComponent } from './skeleton-loader.component';

package/skeleton-loader/skeleton-loader.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class SkeletonLoaderComponent {
+    /**
+     * The theme for the skeleton loader to use for gradient color. Theme is automatically set when used inside a themed kirby-card.
+     */
+    theme: 'light' | 'dark';
+    /**
+     * The shape of the skeleton loader.
+     */
+    shape: 'rectangle' | 'circle' | 'pill';
+    get _cssClass(): ("light" | "dark" | "rectangle" | "circle" | "pill")[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "kirby-x-skeleton-loader", never, { "theme": { "alias": "theme"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; }, {}, never, never, true, never>;
+}

package/esm2022/image-banner/image-banner.component.mjs

@@ -1,62 +0,0 @@
-import { CommonModule, NgClass } from '@angular/common';
-import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
-import { CardModule } from '@kirbydesign/designsystem/card';
-import { ButtonComponent } from '@kirbydesign/designsystem/button';
-import { IconModule } from '@kirbydesign/designsystem/icon';
-import * as i0 from "@angular/core";
-import * as i1 from "@kirbydesign/designsystem/card";
-import * as i2 from "@kirbydesign/designsystem/shared";
-import * as i3 from "@kirbydesign/designsystem/icon";
-import * as i4 from "@angular/common";
-export class ImageBannerComponent {
-    constructor() {
-        /**
-         * The blur-effect used for the background.
-         */
-        this.backgroundBlur = 'dark';
-        /**
-         * Emitted every time the banner is activated. The entire banner is interactive, and will be activated by click and keyboard interaction.
-         */
-        this.bannerClick = new EventEmitter();
-        /**
-         * 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();
-    }
-    bannerClicked(event) {
-        const eventTarget = event.target;
-        const dismissButtonClicked = eventTarget.closest('.dismiss');
-        if (dismissButtonClicked)
-            return;
-        this.bannerClick.emit(event);
-    }
-    dismissClicked(event) {
-        this.dismissClick.emit(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: ImageBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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    >\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}.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: i1.CardComponent, selector: "kirby-card", inputs: ["title", "subtitle", "backgroundImageUrl", "hasPadding", "sizes", "variant"] }, { kind: "directive", type: i1.CardAsButtonDirective, selector: "kirby-card[click]" }, { kind: "directive", type: i2.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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: ImageBannerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kirby-x-image-banner', standalone: true, imports: [CardModule, ButtonComponent, IconModule, NgClass, 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    >\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}.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"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], imagePath: [{
-                type: Input
-            }], bodyText: [{
-                type: Input
-            }], actionButtonText: [{
-                type: Input
-            }], externalLink: [{
-                type: Input
-            }], backgroundBlur: [{
-                type: HostBinding,
-                args: ['class']
-            }, {
-                type: Input
-            }], bannerClick: [{
-                type: Output
-            }], dismissClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2ltYWdlLWJhbm5lci9zcmMvaW1hZ2UtYmFubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2ltYWdlLWJhbm5lci9zcmMvaW1hZ2UtYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7OztBQVM1RCxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBaUNFOztXQUVHO1FBR0gsbUJBQWMsR0FBOEIsTUFBTSxDQUFDO1FBRW5EOztXQUVHO1FBQ08sZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBRWxEOztXQUVHO1FBQ08saUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0tBWXBEO0lBVlEsYUFBYSxDQUFDLEtBQVk7UUFDL0IsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLE1BQXFCLENBQUM7UUFDaEQsTUFBTSxvQkFBb0IsR0FBRyxXQUFXLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzdELElBQUksb0JBQW9CO1lBQUUsT0FBTztRQUNqQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRU0sY0FBYyxDQUFDLEtBQVk7UUFDaEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQzsrR0FwRFUsb0JBQW9CO21HQUFwQixvQkFBb0IsaVlDYmpDLDZnR0E0RkEsMHZGRG5GWSxVQUFVLHlsQkFBRSxlQUFlLCtNQUFFLFVBQVUsK0hBQVcsWUFBWTs7NEZBSTdELG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQLENBQUMsVUFBVSxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLFlBQVksQ0FBQzs4QkFRaEUsS0FBSztzQkFBYixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBS0csWUFBWTtzQkFBcEIsS0FBSztnQkFPTixjQUFjO3NCQUZiLFdBQVc7dUJBQUMsT0FBTzs7c0JBQ25CLEtBQUs7Z0JBTUksV0FBVztzQkFBcEIsTUFBTTtnQkFLRyxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FyZE1vZHVsZSB9IGZyb20gJ0BraXJieWRlc2lnbi9kZXNpZ25zeXN0ZW0vY2FyZCc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICdAa2lyYnlkZXNpZ24vZGVzaWduc3lzdGVtL2J1dHRvbic7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnQGtpcmJ5ZGVzaWduL2Rlc2lnbnN5c3RlbS9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2lyYnkteC1pbWFnZS1iYW5uZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ2FyZE1vZHVsZSwgQnV0dG9uQ29tcG9uZW50LCBJY29uTW9kdWxlLCBOZ0NsYXNzLCBDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtYmFubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2ltYWdlLWJhbm5lci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIEltYWdlQmFubmVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRoZSB0aXRsZSBwbGFjZWQgaW5zaWRlIHRoZSBpbWFnZSBiYW5uZXJzIGhlYWRlci5cbiAgICovXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBpbWFnZSBzaG93biBvbiB0aGUgYmFubmVyLCBhbmQgdXNlZCBmb3IgdGhlIGJhY2tncm91bmQgYmx1ciBlZmZlY3QuXG4gICAqL1xuICBASW5wdXQoKSBpbWFnZVBhdGg6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIGJvZHkgdGV4dCBwbGFjZWQgYmVsb3cgdGhlIHRpdGxlLlxuICAgKi9cbiAgQElucHV0KCkgYm9keVRleHQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIHRleHQgb2YgdGhlIGJ1dHRvbiBpbiB0aGUgY29udGVudCBhcmVhIG9mIHRoZSBpbWFnZSBiYW5uZXIuXG4gICAqL1xuICBASW5wdXQoKSBhY3Rpb25CdXR0b25UZXh0OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFdoZW4gYW4gZXh0ZXJuYWwgbGluayBpcyBzdXBwbGllZCB0aGUgZW50aXJlIGJhbm5lciB3aWxsIGJlIGFuIGFuY2hvci10YWcgYW5kIG5hdmlnYXRlIHdoZW4gYWN0aXZhdGVkLlxuICAgKi9cbiAgQElucHV0KCkgZXh0ZXJuYWxMaW5rOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBibHVyLWVmZmVjdCB1c2VkIGZvciB0aGUgYmFja2dyb3VuZC5cbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBASW5wdXQoKVxuICBiYWNrZ3JvdW5kQmx1cjogJ2RhcmsnIHwgJ2xpZ2h0JyB8ICdub25lJyA9ICdkYXJrJztcblxuICAvKipcbiAgICogRW1pdHRlZCBldmVyeSB0aW1lIHRoZSBiYW5uZXIgaXMgYWN0aXZhdGVkLiBUaGUgZW50aXJlIGJhbm5lciBpcyBpbnRlcmFjdGl2ZSwgYW5kIHdpbGwgYmUgYWN0aXZhdGVkIGJ5IGNsaWNrIGFuZCBrZXlib2FyZCBpbnRlcmFjdGlvbi5cbiAgICovXG4gIEBPdXRwdXQoKSBiYW5uZXJDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIElmIHN1YnNjcmliZWQgdG8sIGEgZGlzbWlzcyBidXR0b24gd2lsbCBiZSBzaG93bi4gRW1pdHRlZCBldmVyeSB0aW1lIHRoZSBkaXNtaXNzIGJ1dHRvbiBpcyBhY3RpdmF0ZWQgYnkgY2xpY2sgYW5kIGtleWJvYXJkIGludGVyYWN0aW9uLlxuICAgKi9cbiAgQE91dHB1dCgpIGRpc21pc3NDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgcHVibGljIGJhbm5lckNsaWNrZWQoZXZlbnQ6IEV2ZW50KSB7XG4gICAgY29uc3QgZXZlbnRUYXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgY29uc3QgZGlzbWlzc0J1dHRvbkNsaWNrZWQgPSBldmVudFRhcmdldC5jbG9zZXN0KCcuZGlzbWlzcycpO1xuICAgIGlmIChkaXNtaXNzQnV0dG9uQ2xpY2tlZCkgcmV0dXJuO1xuICAgIHRoaXMuYmFubmVyQ2xpY2suZW1pdChldmVudCk7XG4gIH1cblxuICBwdWJsaWMgZGlzbWlzc0NsaWNrZWQoZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5kaXNtaXNzQ2xpY2suZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxraXJieS1jYXJkICpuZ0lmPVwiZXh0ZXJuYWxMaW5rXCIgW3RoZW1lQ29sb3JdPVwiYmFja2dyb3VuZEJsdXIgPT09ICdub25lJyA/ICd3aGl0ZScgOiAnZGFyaydcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNoYXJlZENhcmRDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L2tpcmJ5LWNhcmQ+XG5cbjxraXJieS1jYXJkXG4gICpuZ0lmPVwiIWV4dGVybmFsTGlua1wiXG4gIFt0aGVtZUNvbG9yXT1cImJhY2tncm91bmRCbHVyID09PSAnbm9uZScgPyAnd2hpdGUnIDogJ2RhcmsnXCJcbiAgKGNsaWNrKT1cImJhbm5lckNsaWNrZWQoJGV2ZW50KVwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzaGFyZWRDYXJkQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxuPC9raXJieS1jYXJkPlxuXG48bmctdGVtcGxhdGUgI3NoYXJlZENhcmRDb250ZW50PlxuICA8ZGl2IGNsYXNzPVwiYmx1ci1pbWFnZS13cmFwcGVyXCI+XG4gICAgPGltZyBjbGFzcz1cImJsdXItaW1hZ2VcIiBbc3JjXT1cImltYWdlUGF0aFwiIGFsdD1cIlwiIC8+XG4gIDwvZGl2PlxuXG4gIDwhLS0gV2hlbiBhbiBleHRlcm5hbCBsaW5rIGlzIHN1cHBsaWVkLCB0aGlzIGFuY2hvciB0YWcgZXhwYW5kcyBhbmQgZmlsbHMgdGhlIGVudGlyZSBiYW5uZXIgc28gdXNlcnMgY2FuIGNsaWNrIGFueXdoZXJlIG9yIGZvY3VzIHRoZSBiYW5uZXIgLS0+XG4gIDxhICpuZ0lmPVwiZXh0ZXJuYWxMaW5rXCIgY2xhc3M9XCJtYWluLWNvbnRlbnQtYW5jaG9yXCIgW2hyZWZdPVwiZXh0ZXJuYWxMaW5rXCIgdGFyZ2V0PVwiX2JsYW5rXCI+PC9hPlxuXG4gIDxkaXYgY2xhc3M9XCJtYWluLWNvbnRlbnQtd3JhcHBlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJtYWluLWNvbnRlbnQtaW1hZ2Utd3JhcHBlclwiPlxuICAgICAgPGltZyBjbGFzcz1cIm1haW4tY29udGVudC1pbWFnZVwiIFtzcmNdPVwiaW1hZ2VQYXRoXCIgYWx0PVwiXCIgLz5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJtYWluLWNvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJtYWluLWNvbnRlbnQtaGVhZGVyXCI+XG4gICAgICAgIDxwIGNsYXNzPVwia2lyYnktdGV4dC1ub3JtYWwtYm9sZCBoZWFkZXItdGV4dFwiPlxuICAgICAgICAgIEBpZiAodGl0bGUpIHtcbiAgICAgICAgICAgIHt7IHRpdGxlIH19XG4gICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIH1cbiAgICAgICAgPC9wPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJtYWluLWNvbnRlbnQtYm9keVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibWFpbi1jb250ZW50LWJvZHktdGV4dFwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwia2lyYnktdGV4dC1zbWFsbCBib2R5LXRleHRcIj5cbiAgICAgICAgICAgIEBpZiAoYm9keVRleHQpIHtcbiAgICAgICAgICAgICAge3sgYm9keVRleHQgfX1cbiAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYm9keVRleHRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImV4dGVybmFsTGlua1wiPlxuICAgICAgICAgIDwhLS0gT24gbGFyZ2Ugc2NyZWVucyB3ZSBhbHNvIHNob3cgYSBidXR0b24tbGlrZSBhbmNob3IgdGFnIGluIGFkZGl0aW9uIHRvIHRoZSBlbnRpcmUgYmFubmVyIGFuY2hvciAtLT5cbiAgICAgICAgICA8YVxuICAgICAgICAgICAga2lyYnktYnV0dG9uXG4gICAgICAgICAgICBjbGFzcz1cIm1haW4tY29udGVudC1ib2R5LWFjdGlvbi10ZXh0XCJcbiAgICAgICAgICAgIFthdHRlbnRpb25MZXZlbF09XCJiYWNrZ3JvdW5kQmx1ciA9PT0gJ25vbmUnID8gJzMnIDogJzInXCJcbiAgICAgICAgICAgIFtzaG93SWNvbk9ubHldPVwiIWFjdGlvbkJ1dHRvblRleHRcIlxuICAgICAgICAgICAgW2hyZWZdPVwiZXh0ZXJuYWxMaW5rXCJcbiAgICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgICBzaXplPVwic21cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt7IGFjdGlvbkJ1dHRvblRleHQgfX1cbiAgICAgICAgICAgIDxraXJieS1pY29uIG5hbWU9XCJsaW5rXCI+PC9raXJieS1pY29uPlxuICAgICAgICAgIDwvYT5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtYWluLWNvbnRlbnQtYm9keS1hY3Rpb24tbGlua1wiPlxuICAgICAgICAgICAgPGtpcmJ5LWljb24gbmFtZT1cImxpbmtcIj48L2tpcmJ5LWljb24+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBjbGFzcz1cIm1haW4tY29udGVudC1ib2R5LWFjdGlvbi10ZXh0XCJcbiAgICAgICAgICBraXJieS1idXR0b25cbiAgICAgICAgICAqbmdJZj1cImFjdGlvbkJ1dHRvblRleHQgJiYgIWV4dGVybmFsTGlua1wiXG4gICAgICAgICAgW2F0dGVudGlvbkxldmVsXT1cImJhY2tncm91bmRCbHVyID09PSAnbm9uZScgPyAnMycgOiAnMidcIlxuICAgICAgICAgIHNpemU9XCJzbVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBhY3Rpb25CdXR0b25UZXh0IH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJkaXNtaXNzXCIgKm5nSWY9XCJkaXNtaXNzQ2xpY2sub2JzZXJ2ZWRcIj5cbiAgICA8YnV0dG9uXG4gICAgICBraXJieS1idXR0b25cbiAgICAgIChjbGljayk9XCJkaXNtaXNzQ2xpY2tlZCgkZXZlbnQpXCJcbiAgICAgIFthdHRlbnRpb25MZXZlbF09XCJiYWNrZ3JvdW5kQmx1ciA9PT0gJ25vbmUnID8gJzMnIDogJzInXCJcbiAgICAgIFtzaG93SWNvbk9ubHldPVwidHJ1ZVwiXG4gICAgICBzaXplPVwieHNcIlxuICAgID5cbiAgICAgIDxraXJieS1pY29uIG5hbWU9XCJjbG9zZVwiPjwva2lyYnktaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/image-banner/index.mjs

@@ -1,2 +0,0 @@
-export { ImageBannerComponent } from './image-banner.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9pbWFnZS1iYW5uZXIvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgSW1hZ2VCYW5uZXJDb21wb25lbnQgfSBmcm9tICcuL2ltYWdlLWJhbm5lci5jb21wb25lbnQnO1xuIl19

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

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2lyYnlkZXNpZ24tZXh0ZW5zaW9ucy1hbmd1bGFyLWltYWdlLWJhbm5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2ltYWdlLWJhbm5lci9zcmMva2lyYnlkZXNpZ24tZXh0ZW5zaW9ucy1hbmd1bGFyLWltYWdlLWJhbm5lci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/index.mjs

@@ -1,5 +0,0 @@
-//  All components should be imported through their individual entry-points.
-// This file and empty export is needed to satisfy ng_packagr.
-// This workaround is inspired by Material Design https://github.com/angular/components/blob/main/src/material/index.ts
-export default {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw0RUFBNEU7QUFDNUUsOERBQThEO0FBQzlELHVIQUF1SDtBQUN2SCxlQUFlLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vICBBbGwgY29tcG9uZW50cyBzaG91bGQgYmUgaW1wb3J0ZWQgdGhyb3VnaCB0aGVpciBpbmRpdmlkdWFsIGVudHJ5LXBvaW50cy5cbi8vIFRoaXMgZmlsZSBhbmQgZW1wdHkgZXhwb3J0IGlzIG5lZWRlZCB0byBzYXRpc2Z5IG5nX3BhY2thZ3IuXG4vLyBUaGlzIHdvcmthcm91bmQgaXMgaW5zcGlyZWQgYnkgTWF0ZXJpYWwgRGVzaWduIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2NvbXBvbmVudHMvYmxvYi9tYWluL3NyYy9tYXRlcmlhbC9pbmRleC50c1xuZXhwb3J0IGRlZmF1bHQge307XG4iXX0=

package/esm2022/kirbydesign-extensions-angular.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2lyYnlkZXNpZ24tZXh0ZW5zaW9ucy1hbmd1bGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4va2lyYnlkZXNpZ24tZXh0ZW5zaW9ucy1hbmd1bGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19