@kirbydesign/designsystem 10.2.1 → 10.3.0

package/fesm2022/kirbydesign-designsystem-helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-helpers.mjs","sources":["../../helpers/src/element-ancestor-utils.ts","../../helpers/src/content-mutation-observer.ts","../../helpers/src/platform.service.ts","../../helpers/src/chart-config-has-type.ts","../../helpers/src/deep-copy.ts","../../helpers/src/merge-deep.ts","../../helpers/src/unique-id-generator.helper.ts","../../helpers/src/line-clamp-helper.ts","../../helpers/src/kirby-animation.ts","../../helpers/src/ionic-element-part-helper.ts","../../helpers/src/public_api.ts","../../helpers/src/kirbydesign-designsystem-helpers.ts"],"sourcesContent":["/* \n  Utility function to check if a given element \n  has an ancestor with a specific node name. \n\n  Can be given a 'stopNodeName' to limit the search\n  as to not climb all the way up through the DOM tree. \n\n  Returns true when element has the ancestorNodeName \n  or an ancestor has the ancestorNodeName. \n\n  Returns false otherwise.\n*/\n\nexport const elementHasAncestor = (\n  element: HTMLElement,\n  ancestorNodeName: string,\n  stopNodeName?: string\n) => {\n  switch (element?.nodeName) {\n    case undefined:\n    case stopNodeName?.toUpperCase():\n      return false;\n    case ancestorNodeName.toUpperCase():\n      return true;\n    default:\n      return elementHasAncestor(element.parentElement, ancestorNodeName, stopNodeName);\n  }\n};\n\n/*\n * Utility function to find the closest ancestor modal and\n * get the element with a dialog role from within its shadow root.\n */\nexport function getIonModalDialogAncestor(currentElement: HTMLElement): HTMLElement | undefined {\n  const ionModalElement = currentElement.closest('ion-modal');\n  const modalElementDialog = ionModalElement?.shadowRoot?.querySelector(\n    '[role=\"dialog\"]'\n  ) as HTMLElement;\n  return modalElementDialog;\n}\n","import { UnobserveFn } from '@kirbydesign/designsystem/types';\n\n/* Function based on https://github.com/angular/components/blob/main/src/cdk/observers/observe-content.ts\n * Angular may add, remove, or edit comment nodes during change detection. We don't care about\n * these changes because they don't affect the user-preceived content, and worse it can cause\n * infinite change detection cycles where the change detection updates a comment, triggering the\n * MutationObserver, triggering another change detection and kicking the cycle off again. */\nfunction shouldIgnoreMutationRecord(record: MutationRecord) {\n  // Ignore changes to comment text.\n  if (record.type === 'characterData' && record.target instanceof Comment) {\n    return true;\n  }\n  // Ignore addition / removal of comments.\n  if (record.type === 'childList') {\n    for (let i = 0; i < record.addedNodes.length; i++) {\n      if (!(record.addedNodes[i] instanceof Comment)) {\n        return false;\n      }\n    }\n    for (let i = 0; i < record.removedNodes.length; i++) {\n      if (!(record.removedNodes[i] instanceof Comment)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  // Observe everything else.\n  return false;\n}\n\n/**\n * Creates a MutationObserver and observes content changes in a given element.\n * The provided callback is called when changes are detected.\n *\n * @returns function - an unobserve function that can be called to disconnect the created observer.\n */\nexport function observeContent(\n  observedElement: HTMLElement,\n  contentChangedCallback: () => void\n): UnobserveFn {\n  const mutationObserver = new MutationObserver((mutations) => {\n    const filteredMutations = mutations.filter((mutation) => !shouldIgnoreMutationRecord(mutation));\n    if (filteredMutations.length > 0) {\n      contentChangedCallback();\n    }\n  });\n\n  mutationObserver.observe(observedElement, {\n    characterData: true,\n    childList: true,\n    subtree: true,\n  });\n\n  return () => {\n    mutationObserver.disconnect();\n  };\n}\n","import { Injectable } from '@angular/core';\n\nimport { WindowRef } from '@kirbydesign/designsystem/types';\nimport { DesignTokenHelper } from './design-token-helper';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class PlatformService {\n  constructor(private windowRef: WindowRef) {}\n\n  isTouch() {\n    const isTouchDeviceQuery = '(pointer: coarse)'; // No check for `hover: none`, as Samsung Galaxy will return false on `hover: none` media query\n    return this.windowRef.nativeWindow.matchMedia(isTouchDeviceQuery).matches;\n  }\n\n  isPhabletOrBigger() {\n    const query = `(min-width: ${DesignTokenHelper.breakpoints.medium})`;\n    return this.windowRef.nativeWindow.matchMedia(query).matches;\n  }\n}\n","import { ChartConfiguration, ChartConfigurationCustomTypesPerDataset } from 'chart.js';\n\n/* \n  Type guard is needed as of chart.js@3.8.1. The config type has been updated to a union type, \n  and the newly added type 'ChartConfigurationCustomTypesPerDataset' does not contain the 'type' property.\n  Typescript will throw an error, when trying to access a property that doesn't exist on all union types,\n  unless a type guard is used. \n*/\n\nexport const chartConfigHasType = (\n  config: ChartConfiguration | ChartConfigurationCustomTypesPerDataset\n): config is ChartConfiguration => {\n  return 'type' in config;\n};\n","/*\nCopied from https://github.com/ykdr8/ts-deepcopy.\n\nMIT License\n\nCopyright (c) 2017 ykdr2017\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n */\nexport function deepCopy<Tp>(tgt: Tp): Tp {\n  let cp: Tp;\n  if (tgt === null) {\n    cp = tgt;\n  } else if (tgt instanceof Date) {\n    cp = new Date((tgt as any).getTime()) as any;\n  } else if (Array.isArray(tgt)) {\n    cp = [] as any;\n    (tgt as any[]).forEach((v) => {\n      (cp as any).push(v);\n    });\n    cp = (cp as any).map((n: any) => deepCopy<any>(n));\n  } else if (typeof tgt === 'object') {\n    cp = { ...(tgt as Tp) } as Tp;\n    Object.keys(cp).forEach((k) => {\n      (cp as any)[k] = deepCopy<any>((cp as any)[k]);\n    });\n  } else {\n    cp = tgt;\n  }\n  return cp;\n}\n","/**\n * Performs a deep merge of objects and returns new object. Does not modify\n * objects (immutable).\n * It merges from into object to the left\n *  eg. mergeDeep({a: 'will be overridden', b: 'some val'}, {a: 'new val'}) =>  {a: 'new val', b: 'some val'}\n *\n * @param originalObject object - Object to override,\n * @param overrideObject object - Object to override \"toOverride\" values with\n * @param config object - Configuration for how to merge.\n *  mergeArrays determines if it should merge or override arrays\n * @returns object - New object with merged key/values\n */\nexport function mergeDeep(originalObject, overrideObject, config = { mergeArrays: false }) {\n  const isObject = (obj) => obj && typeof obj === 'object';\n\n  return [originalObject, overrideObject].reduce((mergedObject, obj) => {\n    Object.keys(obj).forEach((key) => {\n      const mergedObjectValue = mergedObject[key];\n      const overrideObjectValue = obj[key];\n\n      if (Array.isArray(mergedObjectValue) && Array.isArray(overrideObjectValue)) {\n        mergedObject[key] = config.mergeArrays\n          ? mergedObjectValue.concat(overrideObjectValue)\n          : overrideObjectValue;\n      } else if (isObject(mergedObjectValue) && isObject(overrideObjectValue)) {\n        mergedObject[key] = mergeDeep(mergedObjectValue, overrideObjectValue);\n      } else {\n        mergedObject[key] = overrideObjectValue;\n      }\n    });\n\n    return mergedObject;\n  }, {});\n}\n\nexport function mergeDeepAll(...objects: object[]): object {\n  const objectsWithoutUndefined = objects.filter((object) => object !== undefined);\n  return objectsWithoutUndefined.reduce((originalObject, overrideObject) =>\n    mergeDeep(originalObject, overrideObject)\n  );\n}\n","export class UniqueIdGenerator {\n  private static registry = new Map<string, UniqueIdGenerator>();\n  private id = 0;\n\n  private constructor(private scope: string) {}\n\n  static scopedTo(scope: string) {\n    let scopedGenerator = UniqueIdGenerator.registry.get(scope);\n    if (!scopedGenerator) {\n      scopedGenerator = new UniqueIdGenerator(scope);\n      UniqueIdGenerator.registry.set(scope, scopedGenerator);\n    }\n    return scopedGenerator;\n  }\n\n  next(): string {\n    return `${this.scope}-${this.id++}`;\n  }\n}\n","import { Injectable, Renderer2, RendererStyleFlags2 } from '@angular/core';\n\nconst config = Object.freeze({\n  className: 'kirby-line-clamp',\n  lineClamp: '--line-clamp',\n  lineHeight: '--line-height',\n});\n\n@Injectable()\nexport class LineClampHelper {\n  constructor(private renderer: Renderer2) {}\n\n  setMaxLines(element: Element, maxLines: number): void {\n    this.renderer.setStyle(element, config.lineClamp, maxLines, RendererStyleFlags2.DashCase);\n    this.renderer.addClass(element, config.className);\n  }\n\n  setLineHeight(element: Element, lineHeight: string): void {\n    // Only necessary for the fallback solution to work\n    this.renderer.setStyle(element, config.lineHeight, lineHeight, RendererStyleFlags2.DashCase);\n  }\n\n  removeLineClamp(element: Element) {\n    this.renderer.removeClass(element, config.className);\n    this.renderer.removeStyle(element, config.lineClamp);\n    this.renderer.removeStyle(element, config.lineHeight);\n  }\n}\n","/* eslint-disable @typescript-eslint/no-namespace */\nimport { DesignTokenHelper } from './design-token-helper';\n\nexport namespace KirbyAnimation {\n  export enum Duration {\n    // Duration in milliseconds\n    QUICK = parseInt(DesignTokenHelper.transitionDuration('quick')),\n    SHORT = parseInt(DesignTokenHelper.transitionDuration('short')),\n    LONG = parseInt(DesignTokenHelper.transitionDuration('long')),\n    EXTRA_LONG = parseInt(DesignTokenHelper.transitionDuration('extraLong')),\n  }\n  export const Easing = DesignTokenHelper.transitionEasings();\n}\n","import { ElementRef, Injectable, Renderer2 } from '@angular/core';\nimport { componentOnReady } from '@ionic/core';\n\n@Injectable()\nexport class IonicElementPartHelper {\n  constructor(private renderer: Renderer2) {}\n\n  public async setPart(partName: string, ionicElementRef: ElementRef, selector: string) {\n    // Ensure custom element has been defined and rendered\n    await customElements.whenDefined(ionicElementRef.nativeElement.localName);\n    const customElement = await new Promise<HTMLElement>((resolve) => {\n      componentOnReady(ionicElementRef.nativeElement, (element) => resolve(element));\n    });\n\n    const partElement: HTMLElement = customElement.shadowRoot.querySelector(selector);\n    if (!partElement) return;\n\n    this.renderer.setAttribute(partElement, 'part', partName);\n  }\n}\n","// re-export helpers from core, to preserve backwards compatability\n// of 'designsystem' library\nexport * from './element-ancestor-utils';\nexport * from './color-helper';\nexport * from './content-mutation-observer';\nexport * from './design-token-helper';\nexport * from './string-helper';\nexport * from './theme-color.type';\nexport * from './platform.service';\nexport * from './chart-config-has-type';\nexport * from './deep-copy';\nexport * from './merge-deep';\nexport * from './unique-id-generator.helper';\nexport * from './line-clamp-helper';\nexport * from './kirby-animation';\nexport * from './ionic-element-part-helper';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-helpers.mjs","sources":["../../helpers/src/element-ancestor-utils.ts","../../helpers/src/content-mutation-observer.ts","../../helpers/src/platform.service.ts","../../helpers/src/chart-config-has-type.ts","../../helpers/src/deep-copy.ts","../../helpers/src/merge-deep.ts","../../helpers/src/unique-id-generator.helper.ts","../../helpers/src/line-clamp-helper.ts","../../helpers/src/kirby-animation.ts","../../helpers/src/ionic-element-part-helper.ts","../../helpers/src/public_api.ts","../../helpers/src/kirbydesign-designsystem-helpers.ts"],"sourcesContent":["/* \n  Utility function to check if a given element \n  has an ancestor with a specific node name. \n\n  Can be given a 'stopNodeName' to limit the search\n  as to not climb all the way up through the DOM tree. \n\n  Returns true when element has the ancestorNodeName \n  or an ancestor has the ancestorNodeName. \n\n  Returns false otherwise.\n*/\n\nexport const elementHasAncestor = (\n  element: HTMLElement,\n  ancestorNodeName: string,\n  stopNodeName?: string\n) => {\n  switch (element?.nodeName) {\n    case undefined:\n    case stopNodeName?.toUpperCase():\n      return false;\n    case ancestorNodeName.toUpperCase():\n      return true;\n    default:\n      return elementHasAncestor(element.parentElement, ancestorNodeName, stopNodeName);\n  }\n};\n\n/*\n * Utility function to find the closest ancestor modal and\n * get the element with a dialog role from within its shadow root.\n */\nexport function getIonModalDialogAncestor(currentElement: HTMLElement): HTMLElement | undefined {\n  const ionModalElement = currentElement.closest('ion-modal');\n  const modalElementDialog = ionModalElement?.shadowRoot?.querySelector(\n    '[role=\"dialog\"]'\n  ) as HTMLElement;\n  return modalElementDialog;\n}\n","import { UnobserveFn } from '@kirbydesign/designsystem/types';\n\n/* Function based on https://github.com/angular/components/blob/main/src/cdk/observers/observe-content.ts\n * Angular may add, remove, or edit comment nodes during change detection. We don't care about\n * these changes because they don't affect the user-preceived content, and worse it can cause\n * infinite change detection cycles where the change detection updates a comment, triggering the\n * MutationObserver, triggering another change detection and kicking the cycle off again. */\nfunction shouldIgnoreMutationRecord(record: MutationRecord) {\n  // Ignore changes to comment text.\n  if (record.type === 'characterData' && record.target instanceof Comment) {\n    return true;\n  }\n  // Ignore addition / removal of comments.\n  if (record.type === 'childList') {\n    for (let i = 0; i < record.addedNodes.length; i++) {\n      if (!(record.addedNodes[i] instanceof Comment)) {\n        return false;\n      }\n    }\n    for (let i = 0; i < record.removedNodes.length; i++) {\n      if (!(record.removedNodes[i] instanceof Comment)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  // Observe everything else.\n  return false;\n}\n\n/**\n * Creates a MutationObserver and observes content changes in a given element.\n * The provided callback is called when changes are detected.\n *\n * @returns function - an unobserve function that can be called to disconnect the created observer.\n */\nexport function observeContent(\n  observedElement: HTMLElement,\n  contentChangedCallback: () => void\n): UnobserveFn {\n  const mutationObserver = new MutationObserver((mutations) => {\n    const filteredMutations = mutations.filter((mutation) => !shouldIgnoreMutationRecord(mutation));\n    if (filteredMutations.length > 0) {\n      contentChangedCallback();\n    }\n  });\n\n  mutationObserver.observe(observedElement, {\n    characterData: true,\n    childList: true,\n    subtree: true,\n  });\n\n  return () => {\n    mutationObserver.disconnect();\n  };\n}\n","import { Injectable } from '@angular/core';\n\nimport { WindowRef } from '@kirbydesign/designsystem/types';\nimport { DesignTokenHelper } from './design-token-helper';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class PlatformService {\n  constructor(private windowRef: WindowRef) {}\n\n  isTouch() {\n    const isTouchDeviceQuery = '(pointer: coarse)'; // No check for `hover: none`, as Samsung Galaxy will return false on `hover: none` media query\n    return this.windowRef.nativeWindow.matchMedia(isTouchDeviceQuery).matches;\n  }\n\n  isPhabletOrBigger() {\n    const query = `(min-width: ${DesignTokenHelper.breakpoints.medium})`;\n    return this.windowRef.nativeWindow.matchMedia(query).matches;\n  }\n}\n","import { ChartConfiguration, ChartConfigurationCustomTypesPerDataset } from 'chart.js';\n\n/* \n  Type guard is needed as of chart.js@3.8.1. The config type has been updated to a union type, \n  and the newly added type 'ChartConfigurationCustomTypesPerDataset' does not contain the 'type' property.\n  Typescript will throw an error, when trying to access a property that doesn't exist on all union types,\n  unless a type guard is used. \n*/\n\nexport const chartConfigHasType = (\n  config: ChartConfiguration | ChartConfigurationCustomTypesPerDataset\n): config is ChartConfiguration => {\n  return 'type' in config;\n};\n","/*\nCopied from https://github.com/ykdr8/ts-deepcopy.\n\nMIT License\n\nCopyright (c) 2017 ykdr2017\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n */\nexport function deepCopy<Tp>(tgt: Tp): Tp {\n  let cp: Tp;\n  if (tgt === null) {\n    cp = tgt;\n  } else if (tgt instanceof Date) {\n    cp = new Date((tgt as any).getTime()) as any;\n  } else if (Array.isArray(tgt)) {\n    cp = [] as any;\n    (tgt as any[]).forEach((v) => {\n      (cp as any).push(v);\n    });\n    cp = (cp as any).map((n: any) => deepCopy<any>(n));\n  } else if (typeof tgt === 'object') {\n    cp = { ...(tgt as Tp) } as Tp;\n    Object.keys(cp).forEach((k) => {\n      (cp as any)[k] = deepCopy<any>((cp as any)[k]);\n    });\n  } else {\n    cp = tgt;\n  }\n  return cp;\n}\n","/**\n * Performs a deep merge of objects and returns new object. Does not modify\n * objects (immutable).\n * It merges from into object to the left\n *  eg. mergeDeep({a: 'will be overridden', b: 'some val'}, {a: 'new val'}) =>  {a: 'new val', b: 'some val'}\n *\n * @param originalObject object - Object to override,\n * @param overrideObject object - Object to override \"toOverride\" values with\n * @param config object - Configuration for how to merge.\n *  mergeArrays determines if it should merge or override arrays\n * @returns object - New object with merged key/values\n */\nexport function mergeDeep(originalObject, overrideObject, config = { mergeArrays: false }) {\n  const isObject = (obj) => obj && typeof obj === 'object';\n\n  return [originalObject, overrideObject].reduce((mergedObject, obj) => {\n    Object.keys(obj).forEach((key) => {\n      const mergedObjectValue = mergedObject[key];\n      const overrideObjectValue = obj[key];\n\n      if (Array.isArray(mergedObjectValue) && Array.isArray(overrideObjectValue)) {\n        mergedObject[key] = config.mergeArrays\n          ? mergedObjectValue.concat(overrideObjectValue)\n          : overrideObjectValue;\n      } else if (isObject(mergedObjectValue) && isObject(overrideObjectValue)) {\n        mergedObject[key] = mergeDeep(mergedObjectValue, overrideObjectValue);\n      } else {\n        mergedObject[key] = overrideObjectValue;\n      }\n    });\n\n    return mergedObject;\n  }, {});\n}\n\nexport function mergeDeepAll(...objects: object[]): object {\n  const objectsWithoutUndefined = objects.filter((object) => object !== undefined);\n  return objectsWithoutUndefined.reduce((originalObject, overrideObject) =>\n    mergeDeep(originalObject, overrideObject)\n  );\n}\n","export class UniqueIdGenerator {\n  private static registry = new Map<string, UniqueIdGenerator>();\n  private id = 0;\n\n  private constructor(private scope: string) {}\n\n  static scopedTo(scope: string) {\n    let scopedGenerator = UniqueIdGenerator.registry.get(scope);\n    if (!scopedGenerator) {\n      scopedGenerator = new UniqueIdGenerator(scope);\n      UniqueIdGenerator.registry.set(scope, scopedGenerator);\n    }\n    return scopedGenerator;\n  }\n\n  next(): string {\n    return `${this.scope}-${this.id++}`;\n  }\n}\n","import { Injectable, Renderer2, RendererStyleFlags2 } from '@angular/core';\n\nconst config = Object.freeze({\n  className: 'kirby-line-clamp',\n  lineClamp: '--line-clamp',\n  lineHeight: '--line-height',\n});\n\n@Injectable()\nexport class LineClampHelper {\n  constructor(private renderer: Renderer2) {}\n\n  setMaxLines(element: Element, maxLines: number): void {\n    this.renderer.setStyle(element, config.lineClamp, maxLines, RendererStyleFlags2.DashCase);\n    this.renderer.addClass(element, config.className);\n  }\n\n  setLineHeight(element: Element, lineHeight: string): void {\n    // Only necessary for the fallback solution to work\n    this.renderer.setStyle(element, config.lineHeight, lineHeight, RendererStyleFlags2.DashCase);\n  }\n\n  removeLineClamp(element: Element) {\n    this.renderer.removeClass(element, config.className);\n    this.renderer.removeStyle(element, config.lineClamp);\n    this.renderer.removeStyle(element, config.lineHeight);\n  }\n}\n","/* eslint-disable @typescript-eslint/no-namespace */\nimport { DesignTokenHelper } from './design-token-helper';\n\nexport namespace KirbyAnimation {\n  export enum Duration {\n    // Duration in milliseconds\n    QUICK = parseInt(DesignTokenHelper.transitionDuration('quick')),\n    SHORT = parseInt(DesignTokenHelper.transitionDuration('short')),\n    LONG = parseInt(DesignTokenHelper.transitionDuration('long')),\n    EXTRA_LONG = parseInt(DesignTokenHelper.transitionDuration('extraLong')),\n  }\n  export const Easing = DesignTokenHelper.transitionEasings();\n}\n","import { ElementRef, Injectable, Renderer2 } from '@angular/core';\nimport { componentOnReady } from '@ionic/core';\n\n@Injectable()\nexport class IonicElementPartHelper {\n  constructor(private renderer: Renderer2) {}\n\n  public async setPart(partName: string, ionicElementRef: ElementRef, selector: string) {\n    // Ensure custom element has been defined and rendered\n    await customElements.whenDefined(ionicElementRef.nativeElement.localName);\n    const customElement = await new Promise<HTMLElement>((resolve) => {\n      componentOnReady(ionicElementRef.nativeElement, (element) => resolve(element));\n    });\n\n    const partElement: HTMLElement = customElement.shadowRoot.querySelector(selector);\n    if (!partElement) return;\n\n    this.renderer.setAttribute(partElement, 'part', partName);\n  }\n}\n","// re-export helpers from core, to preserve backwards compatability\n// of 'designsystem' library\nexport * from './element-ancestor-utils';\nexport * from './color-helper';\nexport * from './content-mutation-observer';\nexport * from './design-token-helper';\nexport * from './string-helper';\nexport * from './theme-color.type';\nexport * from './platform.service';\nexport * from './chart-config-has-type';\nexport * from './deep-copy';\nexport * from './merge-deep';\nexport * from './unique-id-generator.helper';\nexport * from './line-clamp-helper';\nexport * from './kirby-animation';\nexport * from './ionic-element-part-helper';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/kirbydesign-designsystem-icon.mjs

@@ -130,6 +130,10 @@ const kirbyIconSettings = {
         { name: 'flower', svg: 'flower.svg' },
         { name: 'basket', svg: 'basket.svg' },
         { name: 'drag-drop', svg: 'drag-drop.svg' },
+        { name: 'notification-fill', svg: 'notification-fill.svg' },
+        { name: 'expense', svg: 'expense.svg' },
+        { name: 'income', svg: 'income.svg' },
+        { name: 'signed-document', svg: 'signed-document.svg' },
     ]),
 };
 const defaultIcons = kirbyIconSettings.icons.map((icon) => icon.name);
@@ -179,10 +183,10 @@ class IconRegistryService {
         const svg = this.iconRegistry.get(name);
         return svg ? { name, svg } : undefined;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconRegistryService, deps: [{ token: BUILT_IN_ICONS_URL }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconRegistryService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconRegistryService, deps: [{ token: BUILT_IN_ICONS_URL }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconRegistryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconRegistryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -224,23 +228,35 @@ class IconComponent {
 Do you have a typo in 'name' for a built-in icon or
 forgot to configure the custom icon through the 'IconRegistryService'?`);
     }
-    constructor(iconRegistryService) {
+    constructor(iconRegistryService, elementRef, renderer) {
         this.iconRegistryService = iconRegistryService;
+        this.elementRef = elementRef;
+        this.renderer = renderer;
         this.defaultIcon = this.iconRegistryService.getIcon('cog');
         this._icon = (this.icon = this.defaultIcon);
+        this.element = this.elementRef.nativeElement;
     }
     ngOnChanges(changes) {
         if (changes.name && changes.name.currentValue) {
             this.icon = this.iconRegistryService.getIcon(changes.name.currentValue);
+            // This will always run on first init - and again later if name is changed
+            // If name changes a new aria-label might have been added, so we need to check again.
+            this.setAriaHiddenIfNoLabel();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconComponent, deps: [{ token: IconRegistryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: IconComponent, selector: "kirby-icon", inputs: { size: "size", name: "name" }, host: { properties: { "class.kirby-icon": "true", "class": "this.size" } }, usesOnChanges: true, ngImport: i0, template: "<ion-icon [src]=\"icon?.svg\"></ion-icon>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:var(--kirby-icon-font-size, 24px);margin-left:var(--kirby-icon-margin-left, unset);margin-right:var(--kirby-icon-margin-right, unset)}:host svg path{fill:currentcolor;stroke:currentcolor}:host(.xs){--kirby-icon-font-size: 16px}:host(.sm){--kirby-icon-font-size: 24px}:host(.md){--kirby-icon-font-size: 32px}:host(.lg){--kirby-icon-font-size: 56px}:host(.primary){color:var(--kirby-primary)}:host(.secondary){color:var(--kirby-secondary)}:host(.tertiary){color:var(--kirby-tertiary)}:host(.success){color:var(--kirby-success)}:host(.warning){color:var(--kirby-warning)}:host(.danger){color:var(--kirby-danger)}:host(.white-overlay){color:var(--kirby-white-overlay)}:host(.light){color:var(--kirby-light)}:host(.medium){color:var(--kirby-medium)}:host(.dark){color:var(--kirby-dark)}:host(.dark-overlay){color:var(--kirby-dark-overlay)}:host-context(kirby-item)[slot=start]{margin-inline-end:8px}:host-context(kirby-item)[slot=end]{margin-inline-start:8px}:host-context(ion-tab-button){pointer-events:none}\n"], dependencies: [{ kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    setAriaHiddenIfNoLabel() {
+        const existingAriaLabel = this.element.hasAttribute('aria-label');
+        if (!existingAriaLabel) {
+            this.renderer.setAttribute(this.element, 'aria-hidden', 'true');
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconComponent, deps: [{ token: IconRegistryService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: IconComponent, isStandalone: false, selector: "kirby-icon", inputs: { size: "size", name: "name" }, host: { properties: { "class.kirby-icon": "true", "class": "this.size" } }, usesOnChanges: true, ngImport: i0, template: "<ion-icon [src]=\"icon?.svg\"></ion-icon>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:var(--kirby-icon-font-size, 24px);margin-left:var(--kirby-icon-margin-left, unset);margin-right:var(--kirby-icon-margin-right, unset)}:host svg path{fill:currentcolor;stroke:currentcolor}:host(.xs){--kirby-icon-font-size: 16px}:host(.sm){--kirby-icon-font-size: 24px}:host(.md){--kirby-icon-font-size: 32px}:host(.lg){--kirby-icon-font-size: 56px}:host(.primary){color:var(--kirby-primary)}:host(.secondary){color:var(--kirby-secondary)}:host(.tertiary){color:var(--kirby-tertiary)}:host(.success){color:var(--kirby-success)}:host(.warning){color:var(--kirby-warning)}:host(.danger){color:var(--kirby-danger)}:host(.white-overlay){color:var(--kirby-white-overlay)}:host(.light){color:var(--kirby-light)}:host(.medium){color:var(--kirby-medium)}:host(.dark){color:var(--kirby-dark)}:host(.dark-overlay){color:var(--kirby-dark-overlay)}:host-context(kirby-item)[slot=start]{margin-inline-end:8px}:host-context(kirby-item)[slot=end]{margin-inline-start:8px}:host-context(ion-tab-button){pointer-events:none}\n"], dependencies: [{ kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kirby-icon', host: { '[class.kirby-icon]': 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-icon [src]=\"icon?.svg\"></ion-icon>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:var(--kirby-icon-font-size, 24px);margin-left:var(--kirby-icon-margin-left, unset);margin-right:var(--kirby-icon-margin-right, unset)}:host svg path{fill:currentcolor;stroke:currentcolor}:host(.xs){--kirby-icon-font-size: 16px}:host(.sm){--kirby-icon-font-size: 24px}:host(.md){--kirby-icon-font-size: 32px}:host(.lg){--kirby-icon-font-size: 56px}:host(.primary){color:var(--kirby-primary)}:host(.secondary){color:var(--kirby-secondary)}:host(.tertiary){color:var(--kirby-tertiary)}:host(.success){color:var(--kirby-success)}:host(.warning){color:var(--kirby-warning)}:host(.danger){color:var(--kirby-danger)}:host(.white-overlay){color:var(--kirby-white-overlay)}:host(.light){color:var(--kirby-light)}:host(.medium){color:var(--kirby-medium)}:host(.dark){color:var(--kirby-dark)}:host(.dark-overlay){color:var(--kirby-dark-overlay)}:host-context(kirby-item)[slot=start]{margin-inline-end:8px}:host-context(kirby-item)[slot=end]{margin-inline-start:8px}:host-context(ion-tab-button){pointer-events:none}\n"] }]
-        }], ctorParameters: () => [{ type: IconRegistryService }], propDecorators: { size: [{
+            args: [{ selector: 'kirby-icon', host: { '[class.kirby-icon]': 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ion-icon [src]=\"icon?.svg\"></ion-icon>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:var(--kirby-icon-font-size, 24px);margin-left:var(--kirby-icon-margin-left, unset);margin-right:var(--kirby-icon-margin-right, unset)}:host svg path{fill:currentcolor;stroke:currentcolor}:host(.xs){--kirby-icon-font-size: 16px}:host(.sm){--kirby-icon-font-size: 24px}:host(.md){--kirby-icon-font-size: 32px}:host(.lg){--kirby-icon-font-size: 56px}:host(.primary){color:var(--kirby-primary)}:host(.secondary){color:var(--kirby-secondary)}:host(.tertiary){color:var(--kirby-tertiary)}:host(.success){color:var(--kirby-success)}:host(.warning){color:var(--kirby-warning)}:host(.danger){color:var(--kirby-danger)}:host(.white-overlay){color:var(--kirby-white-overlay)}:host(.light){color:var(--kirby-light)}:host(.medium){color:var(--kirby-medium)}:host(.dark){color:var(--kirby-dark)}:host(.dark-overlay){color:var(--kirby-dark-overlay)}:host-context(kirby-item)[slot=start]{margin-inline-end:8px}:host-context(kirby-item)[slot=end]{margin-inline-start:8px}:host-context(ion-tab-button){pointer-events:none}\n"] }]
+        }], ctorParameters: () => [{ type: IconRegistryService }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { size: [{
                 type: HostBinding,
                 args: ['class']
             }, {
@@ -250,11 +266,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class IconModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [ThemeColorDirective, IonIcon], exports: [IconComponent, ThemeColorDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconModule, imports: [IonIcon] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [ThemeColorDirective, IonIcon], exports: [IconComponent, ThemeColorDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconModule, imports: [IonIcon] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: IconModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ThemeColorDirective, IonIcon],

package/fesm2022/kirbydesign-designsystem-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-icon.mjs","sources":["../../icon/src/kirby-icon-settings.ts","../../icon/src/icon-registry.service.ts","../../icon/src/icon.component.ts","../../icon/src/icon.component.html","../../icon/src/icon.module.ts","../../icon/src/kirbydesign-designsystem-icon.ts"],"sourcesContent":["import { Icon, IconSettings } from './icon-settings';\n\nconst sortIconsByName = (icons: Icon[]) => {\n  const collator = new Intl.Collator('en');\n  return icons.sort((a, b) => collator.compare(a.name, b.name));\n};\n\n/* eslint-disable */\nexport const kirbyIconSettings: IconSettings = {\n  icons: sortIconsByName([\n    { name: 'accounts-outline', svg: 'accounts-outline.svg' },\n    { name: 'accounts', svg: 'accounts.svg' },\n    { name: 'add', svg: 'add.svg' },\n    { name: 'remove', svg: 'remove.svg' },\n    { name: 'unsubscribe', svg: 'unsubscribe.svg' },\n    { name: 'arrow-back', svg: 'arrow-back.svg' },\n    { name: 'arrow-down', svg: 'arrow-down.svg' },\n    { name: 'arrow-more', svg: 'arrow-more.svg' },\n    { name: 'arrow-up', svg: 'arrow-up.svg' },\n    { name: 'attach', svg: 'attach.svg' },\n    { name: 'backspace', svg: 'backspace.svg' },\n    { name: 'calendar', svg: 'calendar.svg' },\n    { name: 'camera', svg: 'camera.svg' },\n    { name: 'car', svg: 'car.svg' },\n    { name: 'checkbox-outline', svg: 'checkbox-outline.svg' },\n    { name: 'checkbox', svg: 'checkbox.svg' },\n    { name: 'checkmark-selected', svg: 'checkmark-selected.svg' },\n    { name: 'close', svg: 'close.svg' },\n    { name: 'cog', svg: 'cog.svg' },\n    { name: 'coinstack', svg: 'coinstack.svg' },\n    { name: 'contact', svg: 'contact.svg' },\n    { name: 'copy', svg: 'copy.svg' },\n    { name: 'flag', svg: 'flag.svg' },\n    { name: 'edit', svg: 'edit.svg' },\n    { name: 'filter', svg: 'filter.svg' },\n    { name: 'flash-off', svg: 'flash-off.svg' },\n    { name: 'flash', svg: 'flash.svg' },\n    { name: 'moneybag', svg: 'moneybag.svg' },\n    { name: 'help', svg: 'help.svg' },\n    { name: 'home', svg: 'home.svg' },\n    { name: 'inbox', svg: 'inbox.svg' },\n    { name: 'inbox-outline', svg: 'inbox-outline.svg' },\n    { name: 'information', svg: 'information.svg' },\n    { name: 'insurance', svg: 'insurance.svg' },\n    { name: 'investment', svg: 'investment.svg' },\n    { name: 'kirby', svg: 'kirby.svg' },\n    { name: 'link', svg: 'link.svg' },\n    { name: 'log-out', svg: 'log-out.svg' },\n    { name: 'menu-outline', svg: 'menu-outline.svg' },\n    { name: 'menu', svg: 'menu.svg' },\n    { name: 'menu-no-decoration', svg: 'menu-no-decoration.svg' },\n    { name: 'misc', svg: 'misc.svg' },\n    { name: 'more', svg: 'more.svg' },\n    { name: 'move', svg: 'move.svg' },\n    { name: 'payment-card', svg: 'payment-card.svg' },\n    { name: 'pension', svg: 'pension.svg' },\n    { name: 'person-outline', svg: 'person-outline.svg' },\n    { name: 'person', svg: 'person.svg' },\n    { name: 'qr', svg: 'QR.svg' },\n    { name: 'recurring', svg: 'recurring.svg' },\n    { name: 'salary', svg: 'salary.svg' },\n    { name: 'search', svg: 'search.svg' },\n    { name: 'share', svg: 'share.svg' },\n    { name: 'sort', svg: 'sort.svg' },\n    { name: 'support', svg: 'support.svg' },\n    { name: 'swap', svg: 'swap.svg' },\n    { name: 'trash', svg: 'trash.svg' },\n    { name: 'foreign-payment', svg: 'foreign-payment.svg' },\n    { name: 'clock', svg: 'clock.svg' },\n    { name: 'verify', svg: 'verify.svg' },\n    { name: 'warning', svg: 'warning.svg' },\n    { name: 'write-message', svg: 'write-message.svg' },\n    { name: 'reorder', svg: 'reorder.svg' },\n    { name: 'accident', svg: 'accident.svg' },\n    { name: 'health', svg: 'health.svg' },\n    { name: 'illness', svg: 'illness.svg' },\n    { name: 'incapacity', svg: 'incapacity.svg' },\n    { name: 'life', svg: 'life.svg' },\n    { name: 'help-decoration', svg: 'help-decoration.svg' },\n    { name: 'information-decoration', svg: 'information-decoration.svg' },\n    { name: 'notification', svg: 'notification.svg' },\n    { name: 'transfer-ownership', svg: 'transfer-ownership.svg' },\n    { name: 'update', svg: 'update.svg' },\n    { name: 'user-blocked', svg: 'user-blocked.svg' },\n    { name: 'add-bank', svg: 'add-bank.svg' },\n    { name: 'participants', svg: 'participants.svg' },\n    { name: 'download', svg: 'download.svg' },\n    { name: 'globe-transfer', svg: 'globe-transfer.svg' },\n    { name: 'banknotes', svg: 'banknotes.svg' },\n    { name: 'air-balloon', svg: 'air-balloon.svg' },\n    { name: 'piggybank', svg: 'piggybank.svg' },\n    { name: 'business', svg: 'business.svg' },\n    { name: 'navigation', svg: 'navigation.svg' },\n    { name: 'phone-device', svg: 'phone-device.svg' },\n    { name: 'upload', svg: 'upload.svg' },\n    { name: 'document', svg: 'document.svg' },\n    { name: 'chat', svg: 'chat.svg' },\n    { name: 'feedback', svg: 'feedback.svg' },\n    { name: 'keyboard', svg: 'keyboard.svg' },\n    { name: 'lock', svg: 'lock.svg' },\n    { name: 'see', svg: 'see.svg' },\n    { name: 'overview', svg: 'overview.svg' },\n    { name: 'overview-outline', svg: 'overview-outline.svg' },\n    { name: 'arrow-down-fill', svg: 'arrow-down-fill.svg' },\n    { name: 'arrow-up-fill', svg: 'arrow-up-fill.svg' },\n    { name: 'calculator', svg: 'calculator.svg' },\n    { name: 'grid', svg: 'grid.svg' },\n    { name: 'list', svg: 'list.svg' },\n    { name: 'adjust', svg: 'adjust.svg' },\n    { name: 'bs-logo', svg: 'bs-logo.svg' },\n    { name: 'company', svg: 'company.svg' },\n    { name: 'budget', svg: 'budget.svg' },\n    { name: 'history', svg: 'history.svg' },\n    { name: 'dot', svg: 'dot.svg' },\n    { name: 'agreement', svg: 'agreement.svg' },\n    { name: 'sunshine', svg: 'sunshine.svg' },\n    { name: 'revert', svg: 'revert.svg' },\n    { name: 'fees', svg: 'fees.svg' },\n    { name: 'crossedeye', svg: 'crossedeye.svg' },\n    { name: 'common', svg: 'common.svg' },\n    { name: 'calendar-start', svg: 'calendar-start.svg' },\n    { name: 'calendar-end', svg: 'calendar-end.svg' },\n    { name: 'expand', svg: 'expand.svg' },\n    { name: 'contract', svg: 'contract.svg' },\n    { name: 'house', svg: 'house.svg' },\n    { name: 'tractor', svg: 'tractor.svg' },\n    { name: 'flower', svg: 'flower.svg' },\n    { name: 'basket', svg: 'basket.svg' },\n    { name: 'drag-drop', svg: 'drag-drop.svg' },\n  ]),\n};\n\nexport const defaultIcons = kirbyIconSettings.icons.map((icon) => icon.name);\n","import { Inject, Injectable, InjectionToken } from '@angular/core';\n\nimport { Icon } from './icon-settings';\nimport { kirbyIconSettings } from './kirby-icon-settings';\n\nexport const DEFAULT_BUILT_IN_ICONS_URL = 'assets/kirby/icons/svg/';\n\n/**\n * Token used to configure base URL for path to built-in icons. Default is 'assets/kirby/icons/svg'.\n */\nexport const BUILT_IN_ICONS_URL = new InjectionToken<string>('BUILT_IN_ICONS_URL', {\n  factory: () => DEFAULT_BUILT_IN_ICONS_URL,\n});\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class IconRegistryService {\n  private iconRegistry = new Map<string, string>();\n\n  constructor(@Inject(BUILT_IN_ICONS_URL) private builtInIconsUrl: string) {\n    this.addDefaultIcons();\n  }\n\n  public addIcon(iconName: string, svgPath: string): void {\n    if (!this.iconRegistry.has(iconName)) {\n      this.iconRegistry.set(iconName, svgPath);\n    } else {\n      console.warn(`Icon with name: \"${iconName}\" already exists`);\n    }\n  }\n\n  public addIcons(icons: Icon[]): void {\n    if (!icons) {\n      console.error('Icons not defined');\n      return;\n    }\n    icons.forEach((icon) => {\n      this.addIcon(icon.name, icon.svg);\n    });\n  }\n\n  private addDefaultIcons(): void {\n    const baseUrl = this.builtInIconsUrl ?? DEFAULT_BUILT_IN_ICONS_URL;\n    const baseUrlWithSlash = baseUrl.endsWith('/') ? baseUrl : baseUrl + '/';\n    kirbyIconSettings.icons.forEach(({ name, svg }) => {\n      const url = baseUrlWithSlash + svg;\n      this.addIcon(name, url);\n    });\n  }\n\n  getIcons(): Icon[] {\n    return [...this.iconRegistry].map(\n      (keyValPair) => ({ name: keyValPair[0], svg: keyValPair[1] }) as Icon\n    );\n  }\n\n  getIcon(name: string): Icon {\n    const svg = this.iconRegistry.get(name);\n    return svg ? { name, svg } : undefined;\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  OnChanges,\n  SimpleChanges,\n} from '@angular/core';\n\nimport { IconRegistryService } from './icon-registry.service';\nimport { Icon } from './icon-settings';\n\nexport enum IconSize {\n  XS = 'xs',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n}\n\n@Component({\n  selector: 'kirby-icon',\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss'],\n  // eslint-disable-next-line @angular-eslint/no-host-metadata-property\n  host: { '[class.kirby-icon]': 'true' },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent implements OnChanges {\n  defaultIcon: Icon = this.iconRegistryService.getIcon('cog');\n  private _icon = (this.icon = this.defaultIcon);\n  @HostBinding('class')\n  @Input()\n  size: IconSize | `${IconSize}`;\n\n  @Input() name: string;\n\n  get icon(): Icon {\n    return this._icon;\n  }\n\n  set icon(icon: Icon) {\n    // If icon are not found, set default icon\n    if (!icon && this.name) {\n      this.warnAboutMissingIcon();\n\n      icon = this.defaultIcon;\n\n      // If default icon are not found\n      if (!icon) {\n        console.warn('Default icon was not found.');\n        return;\n      }\n    }\n\n    // Set icon if it's found\n    if (icon) {\n      this._icon = icon;\n    }\n  }\n\n  private warnAboutMissingIcon(): void {\n    console.warn(`Icon with name \"${this.name}\" was not found. \nDo you have a typo in 'name' for a built-in icon or\nforgot to configure the custom icon through the 'IconRegistryService'?`);\n  }\n\n  constructor(private iconRegistryService: IconRegistryService) {}\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.name && changes.name.currentValue) {\n      this.icon = this.iconRegistryService.getIcon(changes.name.currentValue);\n    }\n  }\n}\n","<ion-icon [src]=\"icon?.svg\"></ion-icon>\n","import { NgModule } from '@angular/core';\nimport { ThemeColorDirective } from '@kirbydesign/designsystem/shared';\nimport { IonIcon } from '@ionic/angular/standalone';\nimport { IconComponent } from './icon.component';\n\n@NgModule({\n  imports: [ThemeColorDirective, IonIcon],\n  declarations: [IconComponent],\n  exports: [IconComponent, ThemeColorDirective],\n})\nexport class IconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.IconRegistryService"],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-icon.mjs","sources":["../../icon/src/kirby-icon-settings.ts","../../icon/src/icon-registry.service.ts","../../icon/src/icon.component.ts","../../icon/src/icon.component.html","../../icon/src/icon.module.ts","../../icon/src/kirbydesign-designsystem-icon.ts"],"sourcesContent":["import { Icon, IconSettings } from './icon-settings';\n\nconst sortIconsByName = (icons: Icon[]) => {\n  const collator = new Intl.Collator('en');\n  return icons.sort((a, b) => collator.compare(a.name, b.name));\n};\n\n/* eslint-disable */\nexport const kirbyIconSettings: IconSettings = {\n  icons: sortIconsByName([\n    { name: 'accounts-outline', svg: 'accounts-outline.svg' },\n    { name: 'accounts', svg: 'accounts.svg' },\n    { name: 'add', svg: 'add.svg' },\n    { name: 'remove', svg: 'remove.svg' },\n    { name: 'unsubscribe', svg: 'unsubscribe.svg' },\n    { name: 'arrow-back', svg: 'arrow-back.svg' },\n    { name: 'arrow-down', svg: 'arrow-down.svg' },\n    { name: 'arrow-more', svg: 'arrow-more.svg' },\n    { name: 'arrow-up', svg: 'arrow-up.svg' },\n    { name: 'attach', svg: 'attach.svg' },\n    { name: 'backspace', svg: 'backspace.svg' },\n    { name: 'calendar', svg: 'calendar.svg' },\n    { name: 'camera', svg: 'camera.svg' },\n    { name: 'car', svg: 'car.svg' },\n    { name: 'checkbox-outline', svg: 'checkbox-outline.svg' },\n    { name: 'checkbox', svg: 'checkbox.svg' },\n    { name: 'checkmark-selected', svg: 'checkmark-selected.svg' },\n    { name: 'close', svg: 'close.svg' },\n    { name: 'cog', svg: 'cog.svg' },\n    { name: 'coinstack', svg: 'coinstack.svg' },\n    { name: 'contact', svg: 'contact.svg' },\n    { name: 'copy', svg: 'copy.svg' },\n    { name: 'flag', svg: 'flag.svg' },\n    { name: 'edit', svg: 'edit.svg' },\n    { name: 'filter', svg: 'filter.svg' },\n    { name: 'flash-off', svg: 'flash-off.svg' },\n    { name: 'flash', svg: 'flash.svg' },\n    { name: 'moneybag', svg: 'moneybag.svg' },\n    { name: 'help', svg: 'help.svg' },\n    { name: 'home', svg: 'home.svg' },\n    { name: 'inbox', svg: 'inbox.svg' },\n    { name: 'inbox-outline', svg: 'inbox-outline.svg' },\n    { name: 'information', svg: 'information.svg' },\n    { name: 'insurance', svg: 'insurance.svg' },\n    { name: 'investment', svg: 'investment.svg' },\n    { name: 'kirby', svg: 'kirby.svg' },\n    { name: 'link', svg: 'link.svg' },\n    { name: 'log-out', svg: 'log-out.svg' },\n    { name: 'menu-outline', svg: 'menu-outline.svg' },\n    { name: 'menu', svg: 'menu.svg' },\n    { name: 'menu-no-decoration', svg: 'menu-no-decoration.svg' },\n    { name: 'misc', svg: 'misc.svg' },\n    { name: 'more', svg: 'more.svg' },\n    { name: 'move', svg: 'move.svg' },\n    { name: 'payment-card', svg: 'payment-card.svg' },\n    { name: 'pension', svg: 'pension.svg' },\n    { name: 'person-outline', svg: 'person-outline.svg' },\n    { name: 'person', svg: 'person.svg' },\n    { name: 'qr', svg: 'QR.svg' },\n    { name: 'recurring', svg: 'recurring.svg' },\n    { name: 'salary', svg: 'salary.svg' },\n    { name: 'search', svg: 'search.svg' },\n    { name: 'share', svg: 'share.svg' },\n    { name: 'sort', svg: 'sort.svg' },\n    { name: 'support', svg: 'support.svg' },\n    { name: 'swap', svg: 'swap.svg' },\n    { name: 'trash', svg: 'trash.svg' },\n    { name: 'foreign-payment', svg: 'foreign-payment.svg' },\n    { name: 'clock', svg: 'clock.svg' },\n    { name: 'verify', svg: 'verify.svg' },\n    { name: 'warning', svg: 'warning.svg' },\n    { name: 'write-message', svg: 'write-message.svg' },\n    { name: 'reorder', svg: 'reorder.svg' },\n    { name: 'accident', svg: 'accident.svg' },\n    { name: 'health', svg: 'health.svg' },\n    { name: 'illness', svg: 'illness.svg' },\n    { name: 'incapacity', svg: 'incapacity.svg' },\n    { name: 'life', svg: 'life.svg' },\n    { name: 'help-decoration', svg: 'help-decoration.svg' },\n    { name: 'information-decoration', svg: 'information-decoration.svg' },\n    { name: 'notification', svg: 'notification.svg' },\n    { name: 'transfer-ownership', svg: 'transfer-ownership.svg' },\n    { name: 'update', svg: 'update.svg' },\n    { name: 'user-blocked', svg: 'user-blocked.svg' },\n    { name: 'add-bank', svg: 'add-bank.svg' },\n    { name: 'participants', svg: 'participants.svg' },\n    { name: 'download', svg: 'download.svg' },\n    { name: 'globe-transfer', svg: 'globe-transfer.svg' },\n    { name: 'banknotes', svg: 'banknotes.svg' },\n    { name: 'air-balloon', svg: 'air-balloon.svg' },\n    { name: 'piggybank', svg: 'piggybank.svg' },\n    { name: 'business', svg: 'business.svg' },\n    { name: 'navigation', svg: 'navigation.svg' },\n    { name: 'phone-device', svg: 'phone-device.svg' },\n    { name: 'upload', svg: 'upload.svg' },\n    { name: 'document', svg: 'document.svg' },\n    { name: 'chat', svg: 'chat.svg' },\n    { name: 'feedback', svg: 'feedback.svg' },\n    { name: 'keyboard', svg: 'keyboard.svg' },\n    { name: 'lock', svg: 'lock.svg' },\n    { name: 'see', svg: 'see.svg' },\n    { name: 'overview', svg: 'overview.svg' },\n    { name: 'overview-outline', svg: 'overview-outline.svg' },\n    { name: 'arrow-down-fill', svg: 'arrow-down-fill.svg' },\n    { name: 'arrow-up-fill', svg: 'arrow-up-fill.svg' },\n    { name: 'calculator', svg: 'calculator.svg' },\n    { name: 'grid', svg: 'grid.svg' },\n    { name: 'list', svg: 'list.svg' },\n    { name: 'adjust', svg: 'adjust.svg' },\n    { name: 'bs-logo', svg: 'bs-logo.svg' },\n    { name: 'company', svg: 'company.svg' },\n    { name: 'budget', svg: 'budget.svg' },\n    { name: 'history', svg: 'history.svg' },\n    { name: 'dot', svg: 'dot.svg' },\n    { name: 'agreement', svg: 'agreement.svg' },\n    { name: 'sunshine', svg: 'sunshine.svg' },\n    { name: 'revert', svg: 'revert.svg' },\n    { name: 'fees', svg: 'fees.svg' },\n    { name: 'crossedeye', svg: 'crossedeye.svg' },\n    { name: 'common', svg: 'common.svg' },\n    { name: 'calendar-start', svg: 'calendar-start.svg' },\n    { name: 'calendar-end', svg: 'calendar-end.svg' },\n    { name: 'expand', svg: 'expand.svg' },\n    { name: 'contract', svg: 'contract.svg' },\n    { name: 'house', svg: 'house.svg' },\n    { name: 'tractor', svg: 'tractor.svg' },\n    { name: 'flower', svg: 'flower.svg' },\n    { name: 'basket', svg: 'basket.svg' },\n    { name: 'drag-drop', svg: 'drag-drop.svg' },\n    { name: 'notification-fill', svg: 'notification-fill.svg' },\n    { name: 'expense', svg: 'expense.svg' },\n    { name: 'income', svg: 'income.svg' },\n    { name: 'signed-document', svg: 'signed-document.svg' },\n  ]),\n};\n\nexport const defaultIcons = kirbyIconSettings.icons.map((icon) => icon.name);\n","import { Inject, Injectable, InjectionToken } from '@angular/core';\n\nimport { Icon } from './icon-settings';\nimport { kirbyIconSettings } from './kirby-icon-settings';\n\nexport const DEFAULT_BUILT_IN_ICONS_URL = 'assets/kirby/icons/svg/';\n\n/**\n * Token used to configure base URL for path to built-in icons. Default is 'assets/kirby/icons/svg'.\n */\nexport const BUILT_IN_ICONS_URL = new InjectionToken<string>('BUILT_IN_ICONS_URL', {\n  factory: () => DEFAULT_BUILT_IN_ICONS_URL,\n});\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class IconRegistryService {\n  private iconRegistry = new Map<string, string>();\n\n  constructor(@Inject(BUILT_IN_ICONS_URL) private builtInIconsUrl: string) {\n    this.addDefaultIcons();\n  }\n\n  public addIcon(iconName: string, svgPath: string): void {\n    if (!this.iconRegistry.has(iconName)) {\n      this.iconRegistry.set(iconName, svgPath);\n    } else {\n      console.warn(`Icon with name: \"${iconName}\" already exists`);\n    }\n  }\n\n  public addIcons(icons: Icon[]): void {\n    if (!icons) {\n      console.error('Icons not defined');\n      return;\n    }\n    icons.forEach((icon) => {\n      this.addIcon(icon.name, icon.svg);\n    });\n  }\n\n  private addDefaultIcons(): void {\n    const baseUrl = this.builtInIconsUrl ?? DEFAULT_BUILT_IN_ICONS_URL;\n    const baseUrlWithSlash = baseUrl.endsWith('/') ? baseUrl : baseUrl + '/';\n    kirbyIconSettings.icons.forEach(({ name, svg }) => {\n      const url = baseUrlWithSlash + svg;\n      this.addIcon(name, url);\n    });\n  }\n\n  getIcons(): Icon[] {\n    return [...this.iconRegistry].map(\n      (keyValPair) => ({ name: keyValPair[0], svg: keyValPair[1] }) as Icon\n    );\n  }\n\n  getIcon(name: string): Icon {\n    const svg = this.iconRegistry.get(name);\n    return svg ? { name, svg } : undefined;\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n  OnChanges,\n  Renderer2,\n  SimpleChanges,\n} from '@angular/core';\n\nimport { IconRegistryService } from './icon-registry.service';\nimport { Icon } from './icon-settings';\n\nexport enum IconSize {\n  XS = 'xs',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n}\n\n@Component({\n  selector: 'kirby-icon',\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss'],\n  host: { '[class.kirby-icon]': 'true' },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class IconComponent implements OnChanges {\n  defaultIcon: Icon = this.iconRegistryService.getIcon('cog');\n  private _icon = (this.icon = this.defaultIcon);\n  private element: HTMLElement;\n\n  @HostBinding('class')\n  @Input()\n  size: IconSize | `${IconSize}`;\n\n  @Input() name: string;\n\n  get icon(): Icon {\n    return this._icon;\n  }\n\n  set icon(icon: Icon) {\n    // If icon are not found, set default icon\n    if (!icon && this.name) {\n      this.warnAboutMissingIcon();\n\n      icon = this.defaultIcon;\n\n      // If default icon are not found\n      if (!icon) {\n        console.warn('Default icon was not found.');\n        return;\n      }\n    }\n\n    // Set icon if it's found\n    if (icon) {\n      this._icon = icon;\n    }\n  }\n\n  private warnAboutMissingIcon(): void {\n    console.warn(`Icon with name \"${this.name}\" was not found. \nDo you have a typo in 'name' for a built-in icon or\nforgot to configure the custom icon through the 'IconRegistryService'?`);\n  }\n\n  constructor(\n    private iconRegistryService: IconRegistryService,\n    private elementRef: ElementRef<HTMLElement>,\n    private renderer: Renderer2\n  ) {\n    this.element = this.elementRef.nativeElement;\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.name && changes.name.currentValue) {\n      this.icon = this.iconRegistryService.getIcon(changes.name.currentValue);\n\n      // This will always run on first init - and again later if name is changed\n      // If name changes a new aria-label might have been added, so we need to check again.\n      this.setAriaHiddenIfNoLabel();\n    }\n  }\n\n  private setAriaHiddenIfNoLabel() {\n    const existingAriaLabel = this.element.hasAttribute('aria-label');\n    if (!existingAriaLabel) {\n      this.renderer.setAttribute(this.element, 'aria-hidden', 'true');\n    }\n  }\n}\n","<ion-icon [src]=\"icon?.svg\"></ion-icon>\n","import { NgModule } from '@angular/core';\nimport { ThemeColorDirective } from '@kirbydesign/designsystem/shared';\nimport { IonIcon } from '@ionic/angular/standalone';\nimport { IconComponent } from './icon.component';\n\n@NgModule({\n  imports: [ThemeColorDirective, IonIcon],\n  declarations: [IconComponent],\n  exports: [IconComponent, ThemeColorDirective],\n})\nexport class IconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.IconRegistryService"],"mappings":"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"}

package/fesm2022/kirbydesign-designsystem-item-group.mjs

@@ -6,12 +6,12 @@ class ItemGroupComponent {
     constructor() {
         this.role = 'group';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ItemGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ItemGroupComponent, isStandalone: true, selector: "kirby-item-group", host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ItemGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: ItemGroupComponent, isStandalone: true, selector: "kirby-item-group", host: { properties: { "attr.role": "this.role" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ItemGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ItemGroupComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule], selector: 'kirby-item-group', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
+            args: [{ imports: [CommonModule], selector: 'kirby-item-group', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { role: [{
                 type: HostBinding,
                 args: ['attr.role']

package/fesm2022/kirbydesign-designsystem-item-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-item-group.mjs","sources":["../../item-group/src/item-group.component.ts","../../item-group/src/item-group.component.html","../../item-group/src/kirbydesign-designsystem-item-group.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, HostBinding } from '@angular/core';\n\n@Component({\n  standalone: true,\n  imports: [CommonModule],\n  selector: 'kirby-item-group',\n  templateUrl: './item-group.component.html',\n  styleUrls: ['./item-group.component.scss'],\n})\nexport class ItemGroupComponent {\n  @HostBinding('attr.role') role: string = 'group';\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAUa,kBAAkB,CAAA;AAP/B,IAAA,WAAA,GAAA;QAQ4B,IAAI,CAAA,IAAA,GAAW,OAAO,CAAC;AAClD,KAAA;kIAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;sHAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV/B,6BACA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDIY,YAAY,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAKX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,YACb,kBAAkB,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;8BAKF,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW,CAAA;;;AEX1B;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-designsystem-item-group.mjs","sources":["../../item-group/src/item-group.component.ts","../../item-group/src/item-group.component.html","../../item-group/src/kirbydesign-designsystem-item-group.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, HostBinding } from '@angular/core';\n\n@Component({\n  imports: [CommonModule],\n  selector: 'kirby-item-group',\n  templateUrl: './item-group.component.html',\n  styleUrls: ['./item-group.component.scss'],\n})\nexport class ItemGroupComponent {\n  @HostBinding('attr.role') role: string = 'group';\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MASa,kBAAkB,CAAA;AAN/B,IAAA,WAAA,GAAA;QAO4B,IAAI,CAAA,IAAA,GAAW,OAAO;AACjD;iIAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECT/B,6BACA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDGY,YAAY,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAKX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;8BACC,CAAC,YAAY,CAAC,EAAA,QAAA,EACb,kBAAkB,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;8BAKF,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW;;;AEV1B;;AAEG;;;;"}

package/fesm2022/kirbydesign-designsystem-item-sliding.mjs

@@ -22,12 +22,12 @@ class ItemSlidingComponent {
         swipeAction.onSelected();
         this.itemSliding.close();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ItemSlidingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ItemSlidingComponent, isStandalone: true, selector: "kirby-item-sliding", inputs: { swipeActions: "swipeActions", side: "side" }, viewQueries: [{ propertyName: "itemSliding", first: true, predicate: IonItemSliding, descendants: true, static: true }], ngImport: i0, template: "<ion-item-sliding>\n  <ng-content></ng-content>\n\n  <ion-item-options *ngIf=\"_hasSwipeActions\" [side]=\"_side\">\n    <ng-container *ngFor=\"let swipeAction of swipeActions\">\n      <ion-item-option\n        *ngIf=\"!swipeAction.isDisabled\"\n        [ngClass]=\"swipeAction.type\"\n        (click)=\"onSwipeActionClick(swipeAction)\"\n      >\n        <kirby-icon\n          *ngIf=\"swipeAction.icon !== undefined\"\n          [name]=\"swipeAction.icon\"\n          slot=\"top\"\n        ></kirby-icon>\n        <ion-label>{{ swipeAction.title }}</ion-label>\n      </ion-item-option>\n    </ng-container>\n  </ion-item-options>\n</ion-item-sliding>\n", styles: ["ion-item-option.primary{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}ion-item-option.secondary{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}ion-item-option.tertiary{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}ion-item-option.success{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}ion-item-option.warning{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}ion-item-option.danger{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}ion-item-option.white-overlay{background-color:var(--kirby-white-overlay);color:var(--kirby-white-overlay-contrast)}ion-item-option.light{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}ion-item-option.medium{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}ion-item-option.dark{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}ion-item-option.dark-overlay{background-color:var(--kirby-dark-overlay);color:var(--kirby-dark-overlay-contrast)}:host{display:block}ion-item-option{min-width:92px}\n"], dependencies: [{ kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonItemSliding, selector: "ion-item-sliding", inputs: ["disabled"] }, { kind: "component", type: IonItemOptions, selector: "ion-item-options", inputs: ["side"] }, { kind: "component", type: IonItemOption, selector: "ion-item-option", inputs: ["color", "disabled", "download", "expandable", "href", "mode", "rel", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ItemSlidingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: ItemSlidingComponent, isStandalone: true, selector: "kirby-item-sliding", inputs: { swipeActions: "swipeActions", side: "side" }, viewQueries: [{ propertyName: "itemSliding", first: true, predicate: IonItemSliding, descendants: true, static: true }], ngImport: i0, template: "<ion-item-sliding>\n  <ng-content></ng-content>\n\n  <ion-item-options *ngIf=\"_hasSwipeActions\" [side]=\"_side\">\n    <ng-container *ngFor=\"let swipeAction of swipeActions\">\n      <ion-item-option\n        *ngIf=\"!swipeAction.isDisabled\"\n        [ngClass]=\"swipeAction.type\"\n        (click)=\"onSwipeActionClick(swipeAction)\"\n      >\n        <kirby-icon\n          *ngIf=\"swipeAction.icon !== undefined\"\n          [name]=\"swipeAction.icon\"\n          slot=\"top\"\n        ></kirby-icon>\n        <ion-label>{{ swipeAction.title }}</ion-label>\n      </ion-item-option>\n    </ng-container>\n  </ion-item-options>\n</ion-item-sliding>\n", styles: ["ion-item-option.primary{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}ion-item-option.secondary{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}ion-item-option.tertiary{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}ion-item-option.success{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}ion-item-option.warning{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}ion-item-option.danger{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}ion-item-option.white-overlay{background-color:var(--kirby-white-overlay);color:var(--kirby-white-overlay-contrast)}ion-item-option.light{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}ion-item-option.medium{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}ion-item-option.dark{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}ion-item-option.dark-overlay{background-color:var(--kirby-dark-overlay);color:var(--kirby-dark-overlay-contrast)}:host{display:block}ion-item-option{min-width:92px}\n"], dependencies: [{ kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonItemSliding, selector: "ion-item-sliding", inputs: ["disabled"] }, { kind: "component", type: IonItemOptions, selector: "ion-item-options", inputs: ["side"] }, { kind: "component", type: IonItemOption, selector: "ion-item-option", inputs: ["color", "disabled", "download", "expandable", "href", "mode", "rel", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ItemSlidingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ItemSlidingComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [IconModule, CommonModule, IonItemSliding, IonItemOptions, IonItemOption, IonLabel], selector: 'kirby-item-sliding', template: "<ion-item-sliding>\n  <ng-content></ng-content>\n\n  <ion-item-options *ngIf=\"_hasSwipeActions\" [side]=\"_side\">\n    <ng-container *ngFor=\"let swipeAction of swipeActions\">\n      <ion-item-option\n        *ngIf=\"!swipeAction.isDisabled\"\n        [ngClass]=\"swipeAction.type\"\n        (click)=\"onSwipeActionClick(swipeAction)\"\n      >\n        <kirby-icon\n          *ngIf=\"swipeAction.icon !== undefined\"\n          [name]=\"swipeAction.icon\"\n          slot=\"top\"\n        ></kirby-icon>\n        <ion-label>{{ swipeAction.title }}</ion-label>\n      </ion-item-option>\n    </ng-container>\n  </ion-item-options>\n</ion-item-sliding>\n", styles: ["ion-item-option.primary{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}ion-item-option.secondary{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}ion-item-option.tertiary{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}ion-item-option.success{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}ion-item-option.warning{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}ion-item-option.danger{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}ion-item-option.white-overlay{background-color:var(--kirby-white-overlay);color:var(--kirby-white-overlay-contrast)}ion-item-option.light{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}ion-item-option.medium{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}ion-item-option.dark{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}ion-item-option.dark-overlay{background-color:var(--kirby-dark-overlay);color:var(--kirby-dark-overlay-contrast)}:host{display:block}ion-item-option{min-width:92px}\n"] }]
+            args: [{ imports: [IconModule, CommonModule, IonItemSliding, IonItemOptions, IonItemOption, IonLabel], selector: 'kirby-item-sliding', template: "<ion-item-sliding>\n  <ng-content></ng-content>\n\n  <ion-item-options *ngIf=\"_hasSwipeActions\" [side]=\"_side\">\n    <ng-container *ngFor=\"let swipeAction of swipeActions\">\n      <ion-item-option\n        *ngIf=\"!swipeAction.isDisabled\"\n        [ngClass]=\"swipeAction.type\"\n        (click)=\"onSwipeActionClick(swipeAction)\"\n      >\n        <kirby-icon\n          *ngIf=\"swipeAction.icon !== undefined\"\n          [name]=\"swipeAction.icon\"\n          slot=\"top\"\n        ></kirby-icon>\n        <ion-label>{{ swipeAction.title }}</ion-label>\n      </ion-item-option>\n    </ng-container>\n  </ion-item-options>\n</ion-item-sliding>\n", styles: ["ion-item-option.primary{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}ion-item-option.secondary{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}ion-item-option.tertiary{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}ion-item-option.success{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}ion-item-option.warning{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}ion-item-option.danger{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}ion-item-option.white-overlay{background-color:var(--kirby-white-overlay);color:var(--kirby-white-overlay-contrast)}ion-item-option.light{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}ion-item-option.medium{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}ion-item-option.dark{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}ion-item-option.dark-overlay{background-color:var(--kirby-dark-overlay);color:var(--kirby-dark-overlay-contrast)}:host{display:block}ion-item-option{min-width:92px}\n"] }]
         }], propDecorators: { itemSliding: [{
                 type: ViewChild,
                 args: [IonItemSliding, { static: true }]

package/fesm2022/kirbydesign-designsystem-item-sliding.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-item-sliding.mjs","sources":["../../item-sliding/src/item-sliding.component.ts","../../item-sliding/src/item-sliding.component.html","../../item-sliding/src/kirbydesign-designsystem-item-sliding.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input, ViewChild } from '@angular/core';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\n\nimport { IonItemOption, IonItemOptions, IonItemSliding, IonLabel } from '@ionic/angular/standalone';\nimport { ItemSlidingSide, ItemSwipeAction } from './item-sliding.types';\n\n@Component({\n  standalone: true,\n  imports: [IconModule, CommonModule, IonItemSliding, IonItemOptions, IonItemOption, IonLabel],\n  selector: 'kirby-item-sliding',\n  templateUrl: './item-sliding.component.html',\n  styleUrls: ['./item-sliding.component.scss'],\n})\nexport class ItemSlidingComponent {\n  @ViewChild(IonItemSliding, { static: true }) itemSliding: IonItemSliding;\n  @Input() swipeActions: ItemSwipeAction[];\n\n  _side: 'start' | 'end' = 'start';\n  @Input() set side(value: ItemSlidingSide) {\n    this._side = value === 'left' ? 'start' : 'end';\n  }\n\n  get _hasSwipeActions(): boolean {\n    // Using '>' instead of '!==';\n    // will only return true when swipeActions is an array\n    return this.swipeActions?.length > 0;\n  }\n\n  onSwipeActionClick(swipeAction: ItemSwipeAction): void {\n    swipeAction.onSelected();\n    this.itemSliding.close();\n  }\n}\n","<ion-item-sliding>\n  <ng-content></ng-content>\n\n  <ion-item-options *ngIf=\"_hasSwipeActions\" [side]=\"_side\">\n    <ng-container *ngFor=\"let swipeAction of swipeActions\">\n      <ion-item-option\n        *ngIf=\"!swipeAction.isDisabled\"\n        [ngClass]=\"swipeAction.type\"\n        (click)=\"onSwipeActionClick(swipeAction)\"\n      >\n        <kirby-icon\n          *ngIf=\"swipeAction.icon !== undefined\"\n          [name]=\"swipeAction.icon\"\n          slot=\"top\"\n        ></kirby-icon>\n        <ion-label>{{ swipeAction.title }}</ion-label>\n      </ion-item-option>\n    </ng-container>\n  </ion-item-options>\n</ion-item-sliding>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-item-sliding.mjs","sources":["../../item-sliding/src/item-sliding.component.ts","../../item-sliding/src/item-sliding.component.html","../../item-sliding/src/kirbydesign-designsystem-item-sliding.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input, ViewChild } from '@angular/core';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\n\nimport { IonItemOption, IonItemOptions, IonItemSliding, IonLabel } from '@ionic/angular/standalone';\nimport { ItemSlidingSide, ItemSwipeAction } from './item-sliding.types';\n\n@Component({\n  imports: [IconModule, CommonModule, IonItemSliding, IonItemOptions, IonItemOption, IonLabel],\n  selector: 'kirby-item-sliding',\n  templateUrl: './item-sliding.component.html',\n  styleUrls: ['./item-sliding.component.scss'],\n})\nexport class ItemSlidingComponent {\n  @ViewChild(IonItemSliding, { static: true }) itemSliding: IonItemSliding;\n  @Input() swipeActions: ItemSwipeAction[];\n\n  _side: 'start' | 'end' = 'start';\n  @Input() set side(value: ItemSlidingSide) {\n    this._side = value === 'left' ? 'start' : 'end';\n  }\n\n  get _hasSwipeActions(): boolean {\n    // Using '>' instead of '!==';\n    // will only return true when swipeActions is an array\n    return this.swipeActions?.length > 0;\n  }\n\n  onSwipeActionClick(swipeAction: ItemSwipeAction): void {\n    swipeAction.onSelected();\n    this.itemSliding.close();\n  }\n}\n","<ion-item-sliding>\n  <ng-content></ng-content>\n\n  <ion-item-options *ngIf=\"_hasSwipeActions\" [side]=\"_side\">\n    <ng-container *ngFor=\"let swipeAction of swipeActions\">\n      <ion-item-option\n        *ngIf=\"!swipeAction.isDisabled\"\n        [ngClass]=\"swipeAction.type\"\n        (click)=\"onSwipeActionClick(swipeAction)\"\n      >\n        <kirby-icon\n          *ngIf=\"swipeAction.icon !== undefined\"\n          [name]=\"swipeAction.icon\"\n          slot=\"top\"\n        ></kirby-icon>\n        <ion-label>{{ swipeAction.title }}</ion-label>\n      </ion-item-option>\n    </ng-container>\n  </ion-item-options>\n</ion-item-sliding>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;MAaa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;QAUE,IAAK,CAAA,KAAA,GAAoB,OAAO;AAejC;IAdC,IAAa,IAAI,CAAC,KAAsB,EAAA;AACtC,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK;;AAGjD,IAAA,IAAI,gBAAgB,GAAA;;;AAGlB,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC;;AAGtC,IAAA,kBAAkB,CAAC,WAA4B,EAAA;QAC7C,WAAW,CAAC,UAAU,EAAE;AACxB,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE;;iIAjBf,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EACpB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,cAAc,ECd3B,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,kpBAoBA,yrCDZY,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,cAAc,EAAE,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,cAAc,EAAE,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,aAAa,8JAAE,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAKhF,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAC,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,CAAC,YAClF,oBAAoB,EAAA,QAAA,EAAA,kpBAAA,EAAA,MAAA,EAAA,CAAA,koCAAA,CAAA,EAAA;8BAKe,WAAW,EAAA,CAAA;sBAAvD,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;gBAClC,YAAY,EAAA,CAAA;sBAApB;gBAGY,IAAI,EAAA,CAAA;sBAAhB;;;AElBH;;AAEG;;;;"}

package/fesm2022/kirbydesign-designsystem-item.mjs

@@ -33,12 +33,12 @@ class ItemComponent {
         // nested interactive, i.e. checkbox, radio or toggle:
         return this.selectable && !(this.checkbox || this.radio || this.toggle);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ItemComponent, selector: "kirby-item", inputs: { disabled: "disabled", selected: "selected", disclosure: "disclosure", selectable: "selectable", reorderable: "reorderable", size: "size", rotateIcon: "rotateIcon" }, host: { properties: { "class.disabled": "this.disabled", "class.selected": "this.selected", "class.disclosure": "this.disclosure", "class": "this.size" } }, queries: [{ propertyName: "checkbox", first: true, predicate: CheckboxComponent, descendants: true, read: ElementRef }, { propertyName: "radio", first: true, predicate: RadioComponent, descendants: true, read: ElementRef }, { propertyName: "toggle", first: true, predicate: ToggleComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<ion-item\n  lines=\"none\"\n  [attr.disabled]=\"disabled\"\n  [attr.button]=\"_renderAsButton ? true : null\"\n  [detail]=\"false\"\n  (mousedown)=\"onMouseDown($event)\"\n>\n  <div class=\"outside\" slot=\"start\">\n    <ng-content select=\"[slot='outside']\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n  <ion-reorder slot=\"end\" *ngIf=\"reorderable\">\n    <kirby-icon name=\"reorder\"></kirby-icon>\n  </ion-reorder>\n\n  <span class=\"disclosure\" slot=\"end\" *ngIf=\"disclosure\">\n    <kirby-icon\n      [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n      name=\"{{ disclosure }}\"\n    ></kirby-icon>\n  </span>\n</ion-item>\n", styles: [":host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: 4px;--inner-padding-bottom: 4px}:host .outside{left:4px;margin:0;position:absolute;width:16px;z-index:1}@media (hover: hover) and (pointer: fine){ion-item:focus-visible{box-shadow:none;--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black)}}@media (hover: hover){ion-item:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-item:active,ion-item.ion-activated{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);--background-activated: var(--state-layer-background-color);--background-activated-opacity: var(--state-layer-opacity)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: 16px;--inner-padding-top: 8px;--inner-padding-bottom: 8px;--inner-padding-end: 16px;--background: var(--kirby-item-background, var(--kirby-white));--background-activated-opacity: .99;--background-focused: var( --kirby-item-background-focused, var(--kirby-background-color) );--background-focused-opacity: 1;font-size:16px}@media screen and (orientation: landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:12px}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:16px}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:14px;line-height:20px}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:16px;line-height:24px;font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail{font-size:12px;line-height:16px}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:4px}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail{color:var(--kirby-text-color-semi-dark)}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:16px;width:auto;text-align:end}ion-item{--transition: background-color 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}.disclosure{padding-left:4px;color:var(--kirby-semi-dark);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform .2s}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host-context(kirby-dropdown .focused) ion-item,:host-context(kirby-popover .focused) ion-item{--background: rgb(244.8, 244.8, 244.8)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.selected) ion-item ::ng-deep>h1,:host(.selected) ion-item ::ng-deep>h2,:host(.selected) ion-item ::ng-deep>h3,:host(.selected) ion-item ::ng-deep>h4,:host(.selected) ion-item ::ng-deep>h5,:host(.selected) ion-item ::ng-deep>h6,:host(.selected) ion-item ::ng-deep>p,:host(.selected) ion-item ::ng-deep>data,:host-context(kirby-list .selected) ion-item ::ng-deep>h1,:host-context(kirby-list .selected) ion-item ::ng-deep>h2,:host-context(kirby-list .selected) ion-item ::ng-deep>h3,:host-context(kirby-list .selected) ion-item ::ng-deep>h4,:host-context(kirby-list .selected) ion-item ::ng-deep>h5,:host-context(kirby-list .selected) ion-item ::ng-deep>h6,:host-context(kirby-list .selected) ion-item ::ng-deep>p,:host-context(kirby-list .selected) ion-item ::ng-deep>data{font-weight:700}:host(.disclosure) ion-item{--inner-padding-end: 8px}:host-context(.shape-rounded .is-single) ion-item{--border-radius: 16px}:host-context(.has-header .is-single) ion-item::part(native){border-top-left-radius:0;border-top-right-radius:0}:host-context(.has-footer .is-single) ion-item::part(native){border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(.shape-rounded.has-sections .list-items kirby-list-item:first-of-type) ion-item::part(native){border-top-left-radius:16px;border-top-right-radius:16px}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonReorder, selector: "ion-reorder" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: ItemComponent, isStandalone: false, selector: "kirby-item", inputs: { disabled: "disabled", selected: "selected", disclosure: "disclosure", selectable: "selectable", reorderable: "reorderable", size: "size", rotateIcon: "rotateIcon" }, host: { properties: { "class.disabled": "this.disabled", "class.selected": "this.selected", "class.disclosure": "this.disclosure", "class": "this.size" } }, queries: [{ propertyName: "checkbox", first: true, predicate: CheckboxComponent, descendants: true, read: ElementRef }, { propertyName: "radio", first: true, predicate: RadioComponent, descendants: true, read: ElementRef }, { propertyName: "toggle", first: true, predicate: ToggleComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<ion-item\n  lines=\"none\"\n  [attr.disabled]=\"disabled\"\n  [attr.button]=\"_renderAsButton ? true : null\"\n  [detail]=\"false\"\n  (mousedown)=\"onMouseDown($event)\"\n>\n  <div class=\"outside\" slot=\"start\">\n    <ng-content select=\"[slot='outside']\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n  <ion-reorder slot=\"end\" *ngIf=\"reorderable\">\n    <kirby-icon name=\"reorder\"></kirby-icon>\n  </ion-reorder>\n\n  <span class=\"disclosure\" slot=\"end\" *ngIf=\"disclosure\">\n    <kirby-icon\n      [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n      name=\"{{ disclosure }}\"\n    ></kirby-icon>\n  </span>\n</ion-item>\n", styles: [":host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: 4px;--inner-padding-bottom: 4px}:host .outside{left:4px;margin:0;position:absolute;width:16px;z-index:1}@media (hover: hover) and (pointer: fine){ion-item:focus-visible{box-shadow:none;--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black)}}@media (hover: hover){ion-item:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-item:active,ion-item.ion-activated{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);--background-activated: var(--state-layer-background-color);--background-activated-opacity: var(--state-layer-opacity)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: 16px;--inner-padding-top: 8px;--inner-padding-bottom: 8px;--inner-padding-end: 16px;--background: var(--kirby-item-background, var(--kirby-white));--background-activated-opacity: .99;--background-focused: var( --kirby-item-background-focused, var(--kirby-background-color) );--background-focused-opacity: 1;font-size:16px}@media screen and (orientation: landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:12px}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:16px}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:14px;line-height:20px}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:16px;line-height:24px;font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail{font-size:12px;line-height:16px}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:4px}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail{color:var(--kirby-text-color-semi-dark)}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:16px;width:auto;text-align:end}ion-item{--transition: background-color 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}.disclosure{padding-left:4px;color:var(--kirby-semi-dark);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform .2s}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host-context(kirby-dropdown .focused) ion-item,:host-context(kirby-popover .focused) ion-item{--background: rgb(244.8, 244.8, 244.8)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.selected) ion-item ::ng-deep>h1,:host(.selected) ion-item ::ng-deep>h2,:host(.selected) ion-item ::ng-deep>h3,:host(.selected) ion-item ::ng-deep>h4,:host(.selected) ion-item ::ng-deep>h5,:host(.selected) ion-item ::ng-deep>h6,:host(.selected) ion-item ::ng-deep>p,:host(.selected) ion-item ::ng-deep>data,:host-context(kirby-list .selected) ion-item ::ng-deep>h1,:host-context(kirby-list .selected) ion-item ::ng-deep>h2,:host-context(kirby-list .selected) ion-item ::ng-deep>h3,:host-context(kirby-list .selected) ion-item ::ng-deep>h4,:host-context(kirby-list .selected) ion-item ::ng-deep>h5,:host-context(kirby-list .selected) ion-item ::ng-deep>h6,:host-context(kirby-list .selected) ion-item ::ng-deep>p,:host-context(kirby-list .selected) ion-item ::ng-deep>data{font-weight:700}:host(.disclosure) ion-item{--inner-padding-end: 8px}:host-context(.shape-rounded .is-single) ion-item{--border-radius: 16px}:host-context(.has-header .is-single) ion-item::part(native){border-top-left-radius:0;border-top-right-radius:0}:host-context(.has-footer .is-single) ion-item::part(native){border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(.shape-rounded.has-sections .list-items kirby-list-item:first-of-type) ion-item::part(native){border-top-left-radius:16px;border-top-right-radius:16px}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonReorder, selector: "ion-reorder" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kirby-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-item\n  lines=\"none\"\n  [attr.disabled]=\"disabled\"\n  [attr.button]=\"_renderAsButton ? true : null\"\n  [detail]=\"false\"\n  (mousedown)=\"onMouseDown($event)\"\n>\n  <div class=\"outside\" slot=\"start\">\n    <ng-content select=\"[slot='outside']\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n  <ion-reorder slot=\"end\" *ngIf=\"reorderable\">\n    <kirby-icon name=\"reorder\"></kirby-icon>\n  </ion-reorder>\n\n  <span class=\"disclosure\" slot=\"end\" *ngIf=\"disclosure\">\n    <kirby-icon\n      [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n      name=\"{{ disclosure }}\"\n    ></kirby-icon>\n  </span>\n</ion-item>\n", styles: [":host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: 4px;--inner-padding-bottom: 4px}:host .outside{left:4px;margin:0;position:absolute;width:16px;z-index:1}@media (hover: hover) and (pointer: fine){ion-item:focus-visible{box-shadow:none;--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black)}}@media (hover: hover){ion-item:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-item:active,ion-item.ion-activated{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);--background-activated: var(--state-layer-background-color);--background-activated-opacity: var(--state-layer-opacity)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: 16px;--inner-padding-top: 8px;--inner-padding-bottom: 8px;--inner-padding-end: 16px;--background: var(--kirby-item-background, var(--kirby-white));--background-activated-opacity: .99;--background-focused: var( --kirby-item-background-focused, var(--kirby-background-color) );--background-focused-opacity: 1;font-size:16px}@media screen and (orientation: landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:12px}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:16px}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:14px;line-height:20px}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:16px;line-height:24px;font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail{font-size:12px;line-height:16px}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:4px}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail{color:var(--kirby-text-color-semi-dark)}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:16px;width:auto;text-align:end}ion-item{--transition: background-color 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}.disclosure{padding-left:4px;color:var(--kirby-semi-dark);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform .2s}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host-context(kirby-dropdown .focused) ion-item,:host-context(kirby-popover .focused) ion-item{--background: rgb(244.8, 244.8, 244.8)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.selected) ion-item ::ng-deep>h1,:host(.selected) ion-item ::ng-deep>h2,:host(.selected) ion-item ::ng-deep>h3,:host(.selected) ion-item ::ng-deep>h4,:host(.selected) ion-item ::ng-deep>h5,:host(.selected) ion-item ::ng-deep>h6,:host(.selected) ion-item ::ng-deep>p,:host(.selected) ion-item ::ng-deep>data,:host-context(kirby-list .selected) ion-item ::ng-deep>h1,:host-context(kirby-list .selected) ion-item ::ng-deep>h2,:host-context(kirby-list .selected) ion-item ::ng-deep>h3,:host-context(kirby-list .selected) ion-item ::ng-deep>h4,:host-context(kirby-list .selected) ion-item ::ng-deep>h5,:host-context(kirby-list .selected) ion-item ::ng-deep>h6,:host-context(kirby-list .selected) ion-item ::ng-deep>p,:host-context(kirby-list .selected) ion-item ::ng-deep>data{font-weight:700}:host(.disclosure) ion-item{--inner-padding-end: 8px}:host-context(.shape-rounded .is-single) ion-item{--border-radius: 16px}:host-context(.has-header .is-single) ion-item::part(native){border-top-left-radius:0;border-top-right-radius:0}:host-context(.has-footer .is-single) ion-item::part(native){border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(.shape-rounded.has-sections .list-items kirby-list-item:first-of-type) ion-item::part(native){border-top-left-radius:16px;border-top-right-radius:16px}\n"] }]
+            args: [{ selector: 'kirby-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ion-item\n  lines=\"none\"\n  [attr.disabled]=\"disabled\"\n  [attr.button]=\"_renderAsButton ? true : null\"\n  [detail]=\"false\"\n  (mousedown)=\"onMouseDown($event)\"\n>\n  <div class=\"outside\" slot=\"start\">\n    <ng-content select=\"[slot='outside']\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n  <ion-reorder slot=\"end\" *ngIf=\"reorderable\">\n    <kirby-icon name=\"reorder\"></kirby-icon>\n  </ion-reorder>\n\n  <span class=\"disclosure\" slot=\"end\" *ngIf=\"disclosure\">\n    <kirby-icon\n      [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n      name=\"{{ disclosure }}\"\n    ></kirby-icon>\n  </span>\n</ion-item>\n", styles: [":host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: 4px;--inner-padding-bottom: 4px}:host .outside{left:4px;margin:0;position:absolute;width:16px;z-index:1}@media (hover: hover) and (pointer: fine){ion-item:focus-visible{box-shadow:none;--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black)}}@media (hover: hover){ion-item:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-item:active,ion-item.ion-activated{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);--background-activated: var(--state-layer-background-color);--background-activated-opacity: var(--state-layer-opacity)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: 16px;--inner-padding-top: 8px;--inner-padding-bottom: 8px;--inner-padding-end: 16px;--background: var(--kirby-item-background, var(--kirby-white));--background-activated-opacity: .99;--background-focused: var( --kirby-item-background-focused, var(--kirby-background-color) );--background-focused-opacity: 1;font-size:16px}@media screen and (orientation: landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:12px}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:16px}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:14px;line-height:20px}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:16px;line-height:24px;font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail{font-size:12px;line-height:16px}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:4px}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail{color:var(--kirby-text-color-semi-dark)}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:16px;width:auto;text-align:end}ion-item{--transition: background-color 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}.disclosure{padding-left:4px;color:var(--kirby-semi-dark);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform .2s}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host-context(kirby-dropdown .focused) ion-item,:host-context(kirby-popover .focused) ion-item{--background: rgb(244.8, 244.8, 244.8)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.selected) ion-item ::ng-deep>h1,:host(.selected) ion-item ::ng-deep>h2,:host(.selected) ion-item ::ng-deep>h3,:host(.selected) ion-item ::ng-deep>h4,:host(.selected) ion-item ::ng-deep>h5,:host(.selected) ion-item ::ng-deep>h6,:host(.selected) ion-item ::ng-deep>p,:host(.selected) ion-item ::ng-deep>data,:host-context(kirby-list .selected) ion-item ::ng-deep>h1,:host-context(kirby-list .selected) ion-item ::ng-deep>h2,:host-context(kirby-list .selected) ion-item ::ng-deep>h3,:host-context(kirby-list .selected) ion-item ::ng-deep>h4,:host-context(kirby-list .selected) ion-item ::ng-deep>h5,:host-context(kirby-list .selected) ion-item ::ng-deep>h6,:host-context(kirby-list .selected) ion-item ::ng-deep>p,:host-context(kirby-list .selected) ion-item ::ng-deep>data{font-weight:700}:host(.disclosure) ion-item{--inner-padding-end: 8px}:host-context(.shape-rounded .is-single) ion-item{--border-radius: 16px}:host-context(.has-header .is-single) ion-item::part(native){border-top-left-radius:0;border-top-right-radius:0}:host-context(.has-footer .is-single) ion-item::part(native){border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(.shape-rounded.has-sections .list-items kirby-list-item:first-of-type) ion-item::part(native){border-top-left-radius:16px;border-top-right-radius:16px}\n"] }]
         }], propDecorators: { disabled: [{
                 type: HostBinding,
                 args: ['class.disabled']
@@ -83,12 +83,12 @@ class LabelComponent {
     get _direction() {
         return this.direction === 'horizontal';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LabelComponent, selector: "kirby-label", inputs: { direction: "direction" }, host: { properties: { "class.horizontal": "this._direction" } }, ngImport: i0, template: "<ion-label>\n  <ng-content></ng-content>\n</ion-label>\n", styles: [":host.horizontal ion-label{display:flex;flex-direction:row;justify-content:space-between;align-items:center}:host.horizontal ion-label ::ng-deep>:not(:first-child){margin-left:12px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h1,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h2,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h3,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h4,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h5,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h6,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>data,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(p){font-size:14px;line-height:20px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(.kirby-item-title),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h1),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h2),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h3),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h4),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h5),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h6),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(data){font-size:16px;line-height:24px;font-weight:400}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail{font-size:12px;line-height:16px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle]:not(:last-child),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:4px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail{color:var(--kirby-text-color-semi-dark)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[wrap],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-wrap{white-space:normal}:host-context(kirby-section-header) ion-label{--padding-end: 16px;--padding-start: 16px}:host-context(kirby-section-header) ion-label ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[detail],:host-context(kirby-section-header) ion-label ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[wrap]{white-space:normal}:host([slot=end]) ion-label ::ng-deep>data,:host([slot=end]) ion-label ::ng-deep>[detail]{margin-inline-start:16px}:host-context(kirby-item.selected) ion-label ::ng-deep>h1,:host-context(kirby-item.selected) ion-label ::ng-deep>h2,:host-context(kirby-item.selected) ion-label ::ng-deep>h3,:host-context(kirby-item.selected) ion-label ::ng-deep>h4,:host-context(kirby-item.selected) ion-label ::ng-deep>h5,:host-context(kirby-item.selected) ion-label ::ng-deep>h6,:host-context(kirby-item.selected) ion-label ::ng-deep>p:not([detail]):not(.kirby-item-detail),:host-context(kirby-item.selected) ion-label ::ng-deep>data:not([detail]):not(.kirby-item-detail){font-weight:700}\n"], dependencies: [{ kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: LabelComponent, isStandalone: false, selector: "kirby-label", inputs: { direction: "direction" }, host: { properties: { "class.horizontal": "this._direction" } }, ngImport: i0, template: "<ion-label>\n  <ng-content></ng-content>\n</ion-label>\n", styles: [":host.horizontal ion-label{display:flex;flex-direction:row;justify-content:space-between;align-items:center}:host.horizontal ion-label ::ng-deep>:not(:first-child){margin-left:12px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h1,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h2,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h3,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h4,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h5,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h6,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>data,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(p){font-size:14px;line-height:20px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(.kirby-item-title),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h1),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h2),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h3),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h4),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h5),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h6),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(data){font-size:16px;line-height:24px;font-weight:400}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail{font-size:12px;line-height:16px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle]:not(:last-child),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:4px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail{color:var(--kirby-text-color-semi-dark)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[wrap],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-wrap{white-space:normal}:host-context(kirby-section-header) ion-label{--padding-end: 16px;--padding-start: 16px}:host-context(kirby-section-header) ion-label ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[detail],:host-context(kirby-section-header) ion-label ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[wrap]{white-space:normal}:host([slot=end]) ion-label ::ng-deep>data,:host([slot=end]) ion-label ::ng-deep>[detail]{margin-inline-start:16px}:host-context(kirby-item.selected) ion-label ::ng-deep>h1,:host-context(kirby-item.selected) ion-label ::ng-deep>h2,:host-context(kirby-item.selected) ion-label ::ng-deep>h3,:host-context(kirby-item.selected) ion-label ::ng-deep>h4,:host-context(kirby-item.selected) ion-label ::ng-deep>h5,:host-context(kirby-item.selected) ion-label ::ng-deep>h6,:host-context(kirby-item.selected) ion-label ::ng-deep>p:not([detail]):not(.kirby-item-detail),:host-context(kirby-item.selected) ion-label ::ng-deep>data:not([detail]):not(.kirby-item-detail){font-weight:700}\n"], dependencies: [{ kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kirby-label', template: "<ion-label>\n  <ng-content></ng-content>\n</ion-label>\n", styles: [":host.horizontal ion-label{display:flex;flex-direction:row;justify-content:space-between;align-items:center}:host.horizontal ion-label ::ng-deep>:not(:first-child){margin-left:12px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h1,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h2,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h3,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h4,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h5,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h6,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>data,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(p){font-size:14px;line-height:20px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(.kirby-item-title),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h1),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h2),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h3),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h4),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h5),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h6),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(data){font-size:16px;line-height:24px;font-weight:400}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail{font-size:12px;line-height:16px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle]:not(:last-child),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:4px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail{color:var(--kirby-text-color-semi-dark)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[wrap],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-wrap{white-space:normal}:host-context(kirby-section-header) ion-label{--padding-end: 16px;--padding-start: 16px}:host-context(kirby-section-header) ion-label ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[detail],:host-context(kirby-section-header) ion-label ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[wrap]{white-space:normal}:host([slot=end]) ion-label ::ng-deep>data,:host([slot=end]) ion-label ::ng-deep>[detail]{margin-inline-start:16px}:host-context(kirby-item.selected) ion-label ::ng-deep>h1,:host-context(kirby-item.selected) ion-label ::ng-deep>h2,:host-context(kirby-item.selected) ion-label ::ng-deep>h3,:host-context(kirby-item.selected) ion-label ::ng-deep>h4,:host-context(kirby-item.selected) ion-label ::ng-deep>h5,:host-context(kirby-item.selected) ion-label ::ng-deep>h6,:host-context(kirby-item.selected) ion-label ::ng-deep>p:not([detail]):not(.kirby-item-detail),:host-context(kirby-item.selected) ion-label ::ng-deep>data:not([detail]):not(.kirby-item-detail){font-weight:700}\n"] }]
+            args: [{ selector: 'kirby-label', standalone: false, template: "<ion-label>\n  <ng-content></ng-content>\n</ion-label>\n", styles: [":host.horizontal ion-label{display:flex;flex-direction:row;justify-content:space-between;align-items:center}:host.horizontal ion-label ::ng-deep>:not(:first-child){margin-left:12px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h1,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h2,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h3,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h4,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h5,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>h6,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>data,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>p{color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(p){font-size:14px;line-height:20px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(.kirby-item-title),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h1),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h2),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h3),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h4),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h5),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(h6),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>:where(data){font-size:16px;line-height:24px;font-weight:400}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle,:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail{font-size:12px;line-height:16px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[subtitle]:not(:last-child),:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:4px}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[detail],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-detail{color:var(--kirby-text-color-semi-dark)}:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>[wrap],:host-context(kirby-item) ::ng-deep ion-label ::ng-deep>.kirby-item-wrap{white-space:normal}:host-context(kirby-section-header) ion-label{--padding-end: 16px;--padding-start: 16px}:host-context(kirby-section-header) ion-label ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[detail],:host-context(kirby-section-header) ion-label ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[wrap]{white-space:normal}:host([slot=end]) ion-label ::ng-deep>data,:host([slot=end]) ion-label ::ng-deep>[detail]{margin-inline-start:16px}:host-context(kirby-item.selected) ion-label ::ng-deep>h1,:host-context(kirby-item.selected) ion-label ::ng-deep>h2,:host-context(kirby-item.selected) ion-label ::ng-deep>h3,:host-context(kirby-item.selected) ion-label ::ng-deep>h4,:host-context(kirby-item.selected) ion-label ::ng-deep>h5,:host-context(kirby-item.selected) ion-label ::ng-deep>h6,:host-context(kirby-item.selected) ion-label ::ng-deep>p:not([detail]):not(.kirby-item-detail),:host-context(kirby-item.selected) ion-label ::ng-deep>data:not([detail]):not(.kirby-item-detail){font-weight:700}\n"] }]
         }], propDecorators: { direction: [{
                 type: Input
             }], _direction: [{
@@ -98,11 +98,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 const declarations = [ItemComponent, LabelComponent];
 class ItemModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ItemModule, declarations: [ItemComponent, LabelComponent], imports: [IconModule, CommonModule, IonItem, IonReorder, IonLabel], exports: [ItemComponent, LabelComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ItemModule, imports: [IconModule, CommonModule, IonItem, IonReorder, IonLabel] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: ItemModule, declarations: [ItemComponent, LabelComponent], imports: [IconModule, CommonModule, IonItem, IonReorder, IonLabel], exports: [ItemComponent, LabelComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ItemModule, imports: [IconModule, CommonModule, IonItem, IonReorder, IonLabel] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ItemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [IconModule, CommonModule, IonItem, IonReorder, IonLabel],