@kirbydesign/extensions-angular 1.1.0 → 1.3.0

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,42 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input, HostBinding } from '@angular/core';
+import { CardModule } from '@kirbydesign/designsystem/card';
+import { IconModule } from '@kirbydesign/designsystem/icon';
+import { IonSkeletonText } from '@ionic/angular/standalone';
+
+class SkeletonLoaderComponent {
+    constructor() {
+        /**
+         * The theme for the skeleton loader to use for gradient color. Theme is automatically set when used inside a themed kirby-card.
+         */
+        this.theme = 'light';
+        /**
+         * The shape of the skeleton loader.
+         */
+        this.shape = 'rectangle';
+    }
+    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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", 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: [{
+                type: Input
+            }], shape: [{
+                type: Input
+            }], _cssClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkeletonLoaderComponent };
+//# sourceMappingURL=kirbydesign-extensions-angular-skeleton-loader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kirbydesign-extensions-angular-skeleton-loader.mjs","sources":["../../skeleton-loader/src/skeleton-loader.component.ts","../../skeleton-loader/src/skeleton-loader.component.html","../../skeleton-loader/src/kirbydesign-extensions-angular-skeleton-loader.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, HostBinding, Input } from '@angular/core';\nimport { CardModule } from '@kirbydesign/designsystem/card';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { IonSkeletonText } from '@ionic/angular/standalone';\n\n@Component({\n  selector: 'kirby-x-skeleton-loader',\n  standalone: true,\n  imports: [CardModule, IconModule, CommonModule, IonSkeletonText],\n  templateUrl: './skeleton-loader.component.html',\n  styleUrl: './skeleton-loader.component.scss',\n})\nexport class SkeletonLoaderComponent {\n  /**\n   * The theme for the skeleton loader to use for gradient color. Theme is automatically set when used inside a themed kirby-card.\n   */\n  @Input()\n  theme: 'light' | 'dark' = 'light';\n\n  /**\n   * The shape of the skeleton loader.\n   */\n  @Input()\n  shape: 'rectangle' | 'circle' | 'pill' = 'rectangle';\n\n  @HostBinding('class')\n  get _cssClass() {\n    return [this.theme, this.shape].filter((cssClass) => !!cssClass);\n  }\n}\n","<ion-skeleton-text animated=\"true\"></ion-skeleton-text>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAaa,uBAAuB,CAAA;AAPpC,IAAA,WAAA,GAAA;AAQE;;AAEG;QAEH,IAAK,CAAA,KAAA,GAAqB,OAAO;AAEjC;;AAEG;QAEH,IAAK,CAAA,KAAA,GAAoC,WAAW;AAMrD;AAJC,IAAA,IACI,SAAS,GAAA;QACX,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC;;8GAfvD,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbpC,6DACA,EDQY,MAAA,EAAA,CAAA,86BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,UAAU,8BAAE,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIpD,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAPnC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EACvB,IAAI,EAAA,OAAA,EACP,CAAC,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,6DAAA,EAAA,MAAA,EAAA,CAAA,86BAAA,CAAA,EAAA;8BAShE,KAAK,EAAA,CAAA;sBADJ;gBAOD,KAAK,EAAA,CAAA;sBADJ;gBAIG,SAAS,EAAA,CAAA;sBADZ,WAAW;uBAAC,OAAO;;;AE1BtB;;AAEG;;;;"}

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

@@ -1,6 +1,8 @@
 import { EventEmitter } from '@angular/core';
+import { TranslationService } from '@kirbydesign/designsystem/shared';
 import * as i0 from "@angular/core";
 export declare class ImageBannerComponent {
+    translations: TranslationService;
     /**
      * The title placed inside the image banners header.
      */
@@ -33,8 +35,9 @@ 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>;
+    constructor(translations: TranslationService);
     bannerClicked(event: Event): void;
     dismissClicked(event: Event): 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, never, 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"; }, never, ["[title]", "[bodyText]"], true, never>;
 }

package/localization/account-number/account-number-service-formatter.d.ts

@@ -0,0 +1,2 @@
+import { AccountNumber } from './account-number.model';
+export declare function formatAccountNumber(value: AccountNumber): string;

package/localization/account-number/account-number.model.d.ts

@@ -0,0 +1,4 @@
+export interface AccountNumber {
+    regNo: string;
+    accountNo: string;
+}

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

@@ -0,0 +1,16 @@
+import { PipeTransform } from '@angular/core';
+import { AccountNumber } from './account-number.model';
+import * as i0 from "@angular/core";
+/**
+ * Pipe that formats a {@link AccountNumber}-object to a common format.
+ */
+export declare class AccountNumberPipe implements PipeTransform {
+    /**
+     *  Formats the {@link AccountNumber} to a common format.
+     *
+     * @param value the {@link AccountNumber} to format
+     */
+    transform(value: AccountNumber): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccountNumberPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AccountNumberPipe, "accountNumber", true>;
+}

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

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

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

@@ -0,0 +1,32 @@
+import { Amount } from './amount.model';
+export declare function formatAmount(amount: Amount, amountServiceConfiguration: AmountServiceConfiguration, locale: string, nativeCurrency: string): 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, 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;
+    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, 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, 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.1.0",
+  "version": "1.3.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"
     },
     "./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"
+    },
+    "./localization": {
+      "types": "./localization/index.d.ts",
+      "default": "./fesm2022/kirbydesign-extensions-angular-localization.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>;
+}