@kirbydesign/designsystem 11.11.0-dev-1d9b4cd → 11.11.1

package/fesm2022/kirbydesign-designsystem-fab-sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-fab-sheet.mjs","sources":["../../fab-sheet/src/fab-sheet.component.ts","../../fab-sheet/src/fab-sheet.component.html","../../fab-sheet/src/kirbydesign-designsystem-fab-sheet.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ElementRef,\n  HostBinding,\n  Inject,\n  Input,\n  Renderer2,\n  ViewChild,\n} from '@angular/core';\nimport { ActionSheetComponent } from '@kirbydesign/designsystem/modal';\nimport { IonBackdrop, IonFab, IonFabButton, IonFabList } from '@ionic/angular';\nimport { DOCUMENT } from '@angular/common';\n\nconst KIRBY_FAB_SHEET_DEPRECATION_WARNING =\n  '[Kirby fab sheet] Deprecated - Use Header with Action Group instead';\n\n@Component({\n  imports: [IonBackdrop, IonFab, IonFabButton, IonFabList],\n  selector: 'kirby-fab-sheet',\n  templateUrl: './fab-sheet.component.html',\n  styleUrls: ['./fab-sheet.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FabSheetComponent implements AfterContentInit, AfterViewInit {\n  @Input() disabled: boolean = false;\n  @Input() horizontalAlignment: 'left' | 'center' | 'right' = 'right';\n\n  private _isFabSheetOpen: boolean = false;\n  @HostBinding('class.is-open')\n  get isFabSheetOpen() {\n    return this._isFabSheetOpen;\n  }\n\n  @ContentChild(ActionSheetComponent, { static: false }) actionSheet: ActionSheetComponent;\n\n  @ViewChild(IonFabButton, { static: true, read: ElementRef })\n  ionFabButton: ElementRef<HTMLElement>;\n\n  @ViewChild(IonFab, { static: true })\n  ionFab: IonFab;\n\n  constructor(\n    private changeDetectorRef: ChangeDetectorRef,\n    private renderer: Renderer2,\n    @Inject(DOCUMENT) private document: Document\n  ) {\n    console.warn(KIRBY_FAB_SHEET_DEPRECATION_WARNING);\n  }\n\n  ngAfterContentInit(): void {\n    if (this.actionSheet) {\n      this.actionSheet.hideCancel = true;\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.renderer.removeClass(this.document.body, 'backdrop-no-scroll');\n  }\n\n  hideActions() {\n    this.ionFab.close().then(() => this.fabSheetStateChanged(false));\n  }\n\n  onFabButtonClick() {\n    setTimeout(() => {\n      this.fabSheetStateChanged(this.ionFab.activated);\n    });\n  }\n\n  onFabListClick() {\n    this.ionFab.close().then(() => {\n      this.fabSheetStateChanged(false);\n    });\n  }\n\n  fabSheetStateChanged(isOpen: boolean) {\n    this._isFabSheetOpen = isOpen;\n    if (this.isFabSheetOpen) {\n      this.renderer.addClass(this.document.body, 'fab-sheet-active');\n      this.renderer.addClass(this.document.body, 'backdrop-no-scroll');\n    } else {\n      this.renderer.removeClass(this.document.body, 'fab-sheet-active');\n      this.renderer.removeClass(this.document.body, 'backdrop-no-scroll');\n    }\n\n    this.changeDetectorRef.detectChanges();\n  }\n}\n","<ion-backdrop\n  [class.backdrop-visible]=\"isFabSheetOpen\"\n  [stopPropagation]=\"false\"\n  (ionBackdropTap)=\"hideActions()\"\n  (click)=\"hideActions()\"\n></ion-backdrop>\n<ion-fab>\n  <ion-fab-button\n    (click)=\"onFabButtonClick()\"\n    [disabled]=\"disabled\"\n    [attr.disabled]=\"disabled ? true : null\"\n    tabindex=\"-1\"\n  >\n    <ng-content select=\"kirby-icon\"></ng-content>\n  </ion-fab-button>\n  @if (actionSheet) {\n    <ion-fab-list side=\"top\" class=\"{{ horizontalAlignment }}\" (click)=\"onFabListClick()\">\n      <ng-content select=\"kirby-action-sheet\"></ng-content>\n    </ion-fab-list>\n  }\n</ion-fab>\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-fab-sheet.mjs","sources":["../../fab-sheet/src/fab-sheet.component.ts","../../fab-sheet/src/fab-sheet.component.html","../../fab-sheet/src/kirbydesign-designsystem-fab-sheet.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ElementRef,\n  HostBinding,\n  Inject,\n  Input,\n  Renderer2,\n  ViewChild,\n} from '@angular/core';\nimport { ActionSheetComponent } from '@kirbydesign/designsystem/modal';\nimport { IonBackdrop, IonFab, IonFabButton, IonFabList } from '@ionic/angular/standalone';\nimport { DOCUMENT } from '@angular/common';\n\nconst KIRBY_FAB_SHEET_DEPRECATION_WARNING =\n  '[Kirby fab sheet] Deprecated - Use Header with Action Group instead';\n\n@Component({\n  imports: [IonBackdrop, IonFab, IonFabButton, IonFabList],\n  selector: 'kirby-fab-sheet',\n  templateUrl: './fab-sheet.component.html',\n  styleUrls: ['./fab-sheet.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FabSheetComponent implements AfterContentInit, AfterViewInit {\n  @Input() disabled: boolean = false;\n  @Input() horizontalAlignment: 'left' | 'center' | 'right' = 'right';\n\n  private _isFabSheetOpen: boolean = false;\n  @HostBinding('class.is-open')\n  get isFabSheetOpen() {\n    return this._isFabSheetOpen;\n  }\n\n  @ContentChild(ActionSheetComponent, { static: false }) actionSheet: ActionSheetComponent;\n\n  @ViewChild(IonFabButton, { static: true, read: ElementRef })\n  ionFabButton: ElementRef<HTMLElement>;\n\n  @ViewChild(IonFab, { static: true })\n  ionFab: IonFab;\n\n  constructor(\n    private changeDetectorRef: ChangeDetectorRef,\n    private renderer: Renderer2,\n    @Inject(DOCUMENT) private document: Document\n  ) {\n    console.warn(KIRBY_FAB_SHEET_DEPRECATION_WARNING);\n  }\n\n  ngAfterContentInit(): void {\n    if (this.actionSheet) {\n      this.actionSheet.hideCancel = true;\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.renderer.removeClass(this.document.body, 'backdrop-no-scroll');\n  }\n\n  hideActions() {\n    this.ionFab.close().then(() => this.fabSheetStateChanged(false));\n  }\n\n  onFabButtonClick() {\n    setTimeout(() => {\n      this.fabSheetStateChanged(this.ionFab.activated);\n    });\n  }\n\n  onFabListClick() {\n    this.ionFab.close().then(() => {\n      this.fabSheetStateChanged(false);\n    });\n  }\n\n  fabSheetStateChanged(isOpen: boolean) {\n    this._isFabSheetOpen = isOpen;\n    if (this.isFabSheetOpen) {\n      this.renderer.addClass(this.document.body, 'fab-sheet-active');\n      this.renderer.addClass(this.document.body, 'backdrop-no-scroll');\n    } else {\n      this.renderer.removeClass(this.document.body, 'fab-sheet-active');\n      this.renderer.removeClass(this.document.body, 'backdrop-no-scroll');\n    }\n\n    this.changeDetectorRef.detectChanges();\n  }\n}\n","<ion-backdrop\n  [class.backdrop-visible]=\"isFabSheetOpen\"\n  [stopPropagation]=\"false\"\n  (ionBackdropTap)=\"hideActions()\"\n  (click)=\"hideActions()\"\n></ion-backdrop>\n<ion-fab>\n  <ion-fab-button\n    (click)=\"onFabButtonClick()\"\n    [disabled]=\"disabled\"\n    [attr.disabled]=\"disabled ? true : null\"\n    tabindex=\"-1\"\n  >\n    <ng-content select=\"kirby-icon\"></ng-content>\n  </ion-fab-button>\n  @if (actionSheet) {\n    <ion-fab-list side=\"top\" class=\"{{ horizontalAlignment }}\" (click)=\"onFabListClick()\">\n      <ng-content select=\"kirby-action-sheet\"></ng-content>\n    </ion-fab-list>\n  }\n</ion-fab>\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-flag.mjs

@@ -12,13 +12,13 @@ class FlagComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: FlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: FlagComponent, isStandalone: true, selector: "kirby-flag", inputs: { size: "size", themeColor: "themeColor" }, host: { properties: { "class": "this._cssClass" } }, ngImport: i0, template: `
     <ng-content></ng-content>
-  `, isInline: true, styles: [":host{display:inline-block;background-color:var(--kirby-flag-background-color, transparent);color:var(--kirby-flag-color, var(--kirby-white-contrast));border:1px solid var(--kirby-flag-border-color, var(--kirby-medium));border-radius:var(--kirby-border-radius-xs);font-size:var(--kirby-font-size-n);padding:calc(var(--kirby-spacing-xxxs) + 1px) var(--kirby-spacing-xxs);font-weight:var(--kirby-font-weight-medium);line-height:1}:host.sm{font-size:var(--kirby-font-size-s);padding-block:var(--kirby-spacing-xxxs)}:host.xs{font-size:var(--kirby-font-size-xs);padding:calc(var(--kirby-spacing-xxxs) - 1px) var(--kirby-spacing-xxxs)}:host.success{--kirby-flag-background-color: var(--kirby-success-tint)}:host.warning{--kirby-flag-background-color: var(--kirby-warning-tint)}:host.danger{--kirby-flag-background-color: var(--kirby-danger-tint)}:host.semi-light{--kirby-flag-background-color: var(--kirby-semi-light)}:host{--kirby-flag-border-color: var(--kirby-flag-background-color);--kirby-flag-color: var(--kirby-black)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:inline-block;background-color:var(--kirby-flag-background-color, transparent);color:var(--kirby-flag-color, var(--kirby-white-contrast));border:1px solid var(--kirby-flag-border-color, var(--kirby-medium));border-radius:4px;font-size:clamp(13px,1rem,32px);padding:5px 8px;font-weight:500;line-height:1}:host.sm{font-size:clamp(12px,.875rem,28px);padding-block:4px}:host.xs{font-size:clamp(11px,.75rem,24px);padding:3px 4px}:host.success{--kirby-flag-background-color: var(--kirby-success-tint)}:host.warning{--kirby-flag-background-color: var(--kirby-warning-tint)}:host.danger{--kirby-flag-background-color: var(--kirby-danger-tint)}:host.semi-light{--kirby-flag-background-color: var(--kirby-semi-light)}:host{--kirby-flag-border-color: var(--kirby-flag-background-color);--kirby-flag-color: var(--kirby-black)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: FlagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kirby-flag', template: `
     <ng-content></ng-content>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;background-color:var(--kirby-flag-background-color, transparent);color:var(--kirby-flag-color, var(--kirby-white-contrast));border:1px solid var(--kirby-flag-border-color, var(--kirby-medium));border-radius:var(--kirby-border-radius-xs);font-size:var(--kirby-font-size-n);padding:calc(var(--kirby-spacing-xxxs) + 1px) var(--kirby-spacing-xxs);font-weight:var(--kirby-font-weight-medium);line-height:1}:host.sm{font-size:var(--kirby-font-size-s);padding-block:var(--kirby-spacing-xxxs)}:host.xs{font-size:var(--kirby-font-size-xs);padding:calc(var(--kirby-spacing-xxxs) - 1px) var(--kirby-spacing-xxxs)}:host.success{--kirby-flag-background-color: var(--kirby-success-tint)}:host.warning{--kirby-flag-background-color: var(--kirby-warning-tint)}:host.danger{--kirby-flag-background-color: var(--kirby-danger-tint)}:host.semi-light{--kirby-flag-background-color: var(--kirby-semi-light)}:host{--kirby-flag-border-color: var(--kirby-flag-background-color);--kirby-flag-color: var(--kirby-black)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:inline-block;background-color:var(--kirby-flag-background-color, transparent);color:var(--kirby-flag-color, var(--kirby-white-contrast));border:1px solid var(--kirby-flag-border-color, var(--kirby-medium));border-radius:4px;font-size:clamp(13px,1rem,32px);padding:5px 8px;font-weight:500;line-height:1}:host.sm{font-size:clamp(12px,.875rem,28px);padding-block:4px}:host.xs{font-size:clamp(11px,.75rem,24px);padding:3px 4px}:host.success{--kirby-flag-background-color: var(--kirby-success-tint)}:host.warning{--kirby-flag-background-color: var(--kirby-warning-tint)}:host.danger{--kirby-flag-background-color: var(--kirby-danger-tint)}:host.semi-light{--kirby-flag-background-color: var(--kirby-semi-light)}:host{--kirby-flag-border-color: var(--kirby-flag-background-color);--kirby-flag-color: var(--kirby-black)}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], themeColor: [{

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

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-flag.mjs","sources":["../../flag/src/flag.component.ts","../../flag/src/kirbydesign-designsystem-flag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\n\nexport type FlagThemeColor = 'success' | 'warning' | 'danger' | 'semi-light' | 'transparent';\n\n@Component({\n  selector: 'kirby-flag',\n  template: `\n    <ng-content></ng-content>\n  `,\n  styleUrls: ['./flag.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FlagComponent {\n  @Input() size: 'xs' | 'sm' | 'md' = 'md';\n  @Input() themeColor: FlagThemeColor = 'transparent';\n\n  @HostBinding('class')\n  get _cssClass() {\n    return [this.themeColor, this.size];\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAYa,aAAa,CAAA;AAR1B,IAAA,WAAA,GAAA;QASW,IAAA,CAAA,IAAI,GAAuB,IAAI;QAC/B,IAAA,CAAA,UAAU,GAAmB,aAAa;AAMpD,IAAA;AAJC,IAAA,IACI,SAAS,GAAA;QACX,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC;IACrC;kIAPW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANd;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+/BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAIU,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,QAAA,EACZ;;GAET,EAAA,eAAA,EAEgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,+/BAAA,CAAA,EAAA;;sBAG9C;;sBACA;;sBAEA,WAAW;uBAAC,OAAO;;;AChBtB;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-designsystem-flag.mjs","sources":["../../flag/src/flag.component.ts","../../flag/src/kirbydesign-designsystem-flag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\n\nexport type FlagThemeColor = 'success' | 'warning' | 'danger' | 'semi-light' | 'transparent';\n\n@Component({\n  selector: 'kirby-flag',\n  template: `\n    <ng-content></ng-content>\n  `,\n  styleUrls: ['./flag.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FlagComponent {\n  @Input() size: 'xs' | 'sm' | 'md' = 'md';\n  @Input() themeColor: FlagThemeColor = 'transparent';\n\n  @HostBinding('class')\n  get _cssClass() {\n    return [this.themeColor, this.size];\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAYa,aAAa,CAAA;AAR1B,IAAA,WAAA,GAAA;QASW,IAAA,CAAA,IAAI,GAAuB,IAAI;QAC/B,IAAA,CAAA,UAAU,GAAmB,aAAa;AAMpD,IAAA;AAJC,IAAA,IACI,SAAS,GAAA;QACX,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC;IACrC;kIAPW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANd;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,47BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAIU,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,QAAA,EACZ;;GAET,EAAA,eAAA,EAEgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,47BAAA,CAAA,EAAA;;sBAG9C;;sBACA;;sBAEA,WAAW;uBAAC,OAAO;;;AChBtB;;AAEG;;;;"}

package/fesm2022/kirbydesign-designsystem-form-field.mjs

@@ -191,11 +191,11 @@ class FormFieldMessageComponent {
         this.position = 'left';
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: FormFieldMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: FormFieldMessageComponent, isStandalone: true, selector: "kirby-form-field-message", inputs: { text: "text", position: "position" }, ngImport: i0, template: "{{ text }}\n<ng-content></ng-content>\n", styles: [":host{font-style:italic;font-size:var(--kirby-font-size-xs);font-weight:var(--kirby-font-weight-normal);font-stretch:normal;line-height:var(--kirby-line-height-xs);min-height:var(--kirby-relative-size-s);letter-spacing:normal;color:var(--kirby-text-color-black)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: FormFieldMessageComponent, isStandalone: true, selector: "kirby-form-field-message", inputs: { text: "text", position: "position" }, ngImport: i0, template: "{{ text }}\n<ng-content></ng-content>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{font-style:italic;font-size:clamp(11px,.75rem,24px);font-weight:400;font-stretch:normal;line-height:1.3334;min-height:1rem;letter-spacing:normal;color:var(--kirby-text-color-black)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: FormFieldMessageComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'kirby-form-field-message', template: "{{ text }}\n<ng-content></ng-content>\n", styles: [":host{font-style:italic;font-size:var(--kirby-font-size-xs);font-weight:var(--kirby-font-weight-normal);font-stretch:normal;line-height:var(--kirby-line-height-xs);min-height:var(--kirby-relative-size-s);letter-spacing:normal;color:var(--kirby-text-color-black)}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'kirby-form-field-message', template: "{{ text }}\n<ng-content></ng-content>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{font-style:italic;font-size:clamp(11px,.75rem,24px);font-weight:400;font-stretch:normal;line-height:1.3334;min-height:1rem;letter-spacing:normal;color:var(--kirby-text-color-black)}\n"] }]
         }], propDecorators: { text: [{
                 type: Input
             }], position: [{
@@ -331,7 +331,7 @@ class InputComponent {
         setTimeout(() => this.kirbyChange.emit(target.value));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: InputComponent, deps: [{ token: i0.ElementRef }, { token: NG_VALUE_ACCESSOR, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: InputComponent, isStandalone: true, selector: "input[kirby-input]", inputs: { type: "type", size: "size", borderless: "borderless", hasError: "hasError", autocomplete: "autocomplete", autocorrect: "autocorrect", value: "value", maxlength: "maxlength", inputmode: "inputmode" }, outputs: { hasErrorChange: "hasErrorChange" }, host: { listeners: { "keyup": "_onKeyUp($event.target.value)", "paste": "_onCutPaste($event.target)", "cut": "_onCutPaste($event.target)" }, properties: { "class": "this.size", "class.borderless": "this.borderless", "attr.aria-invalid": "this.hasError", "class.error": "this.hasError", "attr.autocomplete": "this.autocomplete", "attr.autocorrect": "this.autocorrect", "attr.value": "this.value", "attr.maxlength": "this.maxlength", "attr.inputmode": "this.inputmode" } }, providers: [{ provide: FORM_FIELD_CONTROL, useExisting: InputComponent }], usesOnChanges: true, hostDirectives: [{ directive: DateInputDirective, inputs: ["prefillYear", "prefillYear", "useNativeDatePicker", "useNativeDatePicker", "dateValue", "value"] }], ngImport: i0, template: '', isInline: true, styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host(.error){border:1px solid var(--kirby-danger);padding:calc(var(--kirby-spacing-s) - 1px)}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host-context(ion-modal).cloned-input{top:0!important;transform:none!important}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:var(--kirby-elevation-2),var(--kirby-focus-ring-md-inset)}:host{background-color:var(--kirby-inputs-background-color);color:var(--kirby-inputs-color);border:none;box-sizing:border-box;font-family:var(--kirby-font-family);font-size:1rem;line-height:var(--kirby-line-height-n);outline:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:var(--kirby-border-radius-n);box-shadow:var(--kirby-inputs-elevation);padding:var(--kirby-spacing-s);width:100%}:host.borderless{border-radius:0;box-shadow:none;padding-inline:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-inputs-placeholder-color)}@supports not (selector(::-webkit-date-and-time-value)){:host(input[type=date]::-webkit-date-and-time-value){min-height:calc(var(--kirby-line-height-n) * 1em);text-align:start}}@media(hover:hover){:host:not(:disabled):hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;background-color:var(--kirby-inputs-background-color-hover);cursor:text}}:host:not(:disabled):active,:host:not(:disabled).interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);background-color:var(--kirby-inputs-background-color-active)}:host:not(:disabled){transition:all 80ms linear 0ms;transition-property:background-color}:host[type=date]::-webkit-calendar-picker-indicator{display:none}:host[type=date]::ng-deep+.suffix{cursor:pointer}@supports (-moz-appearance: none){:host[type=date]::ng-deep+.suffix kirby-icon{display:none}}:host[type=number]{-webkit-appearance:textfield;appearance:textfield}:host::-webkit-outer-spin-button,:host::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}:host(.md){border-radius:var(--kirby-border-radius-l);padding-block:calc(var(--kirby-spacing-s) * .5)}:host(.md).error{padding-block:calc(calc(var(--kirby-spacing-s) * .5) - 1px)}:host-context(kirby-item kirby-form-field[slot=end])[type=number]{font-weight:var(--kirby-font-weight-bold)}.date-mask-wrapper{position:relative}:host-context(.date-mask-wrapper){color:var(--kirby-text-color-semi-dark)}.date-mask{font-family:var(--kirby-font-family);line-height:var(--kirby-line-height-n);font-size:var(--kirby-font-size-n);color:var(--kirby-white-contrast);position:absolute;top:0;left:0;padding:var(--kirby-spacing-s)}:host(.md)+.date-mask{padding-block:calc(var(--kirby-spacing-s) * .5)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: InputComponent, isStandalone: true, selector: "input[kirby-input]", inputs: { type: "type", size: "size", borderless: "borderless", hasError: "hasError", autocomplete: "autocomplete", autocorrect: "autocorrect", value: "value", maxlength: "maxlength", inputmode: "inputmode" }, outputs: { hasErrorChange: "hasErrorChange" }, host: { listeners: { "keyup": "_onKeyUp($event.target.value)", "paste": "_onCutPaste($event.target)", "cut": "_onCutPaste($event.target)" }, properties: { "class": "this.size", "class.borderless": "this.borderless", "attr.aria-invalid": "this.hasError", "class.error": "this.hasError", "attr.autocomplete": "this.autocomplete", "attr.autocorrect": "this.autocorrect", "attr.value": "this.value", "attr.maxlength": "this.maxlength", "attr.inputmode": "this.inputmode" } }, providers: [{ provide: FORM_FIELD_CONTROL, useExisting: InputComponent }], usesOnChanges: true, hostDirectives: [{ directive: DateInputDirective, inputs: ["prefillYear", "prefillYear", "useNativeDatePicker", "useNativeDatePicker", "dateValue", "value"] }], ngImport: i0, template: '', isInline: true, styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host(.error){border:1px solid var(--kirby-danger);padding:15px}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host-context(ion-modal).cloned-input{top:0!important;transform:none!important}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 1px 24px #1c1c1c0a,var(--kirby-focus-ring-md-inset)}:host{background-color:var(--kirby-inputs-background-color);color:var(--kirby-inputs-color);border:none;box-sizing:border-box;font-family:var(--kirby-font-family);font-size:1rem;line-height:1.5;outline:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:16px;box-shadow:var(--kirby-inputs-elevation);padding:16px;width:100%}:host.borderless{border-radius:0;box-shadow:none;padding-inline:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-inputs-placeholder-color)}@supports not (selector(::-webkit-date-and-time-value)){:host(input[type=date]::-webkit-date-and-time-value){min-height:1.5em;text-align:start}}@media(hover:hover){:host:not(:disabled):hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;background-color:var(--kirby-inputs-background-color-hover);cursor:text}}:host:not(:disabled):active,:host:not(:disabled).interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);background-color:var(--kirby-inputs-background-color-active)}:host:not(:disabled){transition:all 80ms linear 0ms;transition-property:background-color}:host[type=date]::-webkit-calendar-picker-indicator{display:none}:host[type=date]::ng-deep+.suffix{cursor:pointer}@supports (-moz-appearance: none){:host[type=date]::ng-deep+.suffix kirby-icon{display:none}}:host[type=number]{-webkit-appearance:textfield;appearance:textfield}:host::-webkit-outer-spin-button,:host::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}:host(.md){border-radius:24px;padding-block:8px}:host(.md).error{padding-block:7px}:host-context(kirby-item kirby-form-field[slot=end])[type=number]{font-weight:700}.date-mask-wrapper{position:relative}:host-context(.date-mask-wrapper){color:var(--kirby-text-color-semi-dark)}.date-mask{font-family:var(--kirby-font-family);line-height:1.5;font-size:var(--kirby-font-size-n);color:var(--kirby-white-contrast);position:absolute;top:0;left:0;padding:16px}:host(.md)+.date-mask{padding-block:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
@@ -344,7 +344,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
                                 'dateValue: value' /* sync input value updates with date-input mask */,
                             ],
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'input[kirby-input]', template: '', providers: [{ provide: FORM_FIELD_CONTROL, useExisting: InputComponent }], styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host(.error){border:1px solid var(--kirby-danger);padding:calc(var(--kirby-spacing-s) - 1px)}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host-context(ion-modal).cloned-input{top:0!important;transform:none!important}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:var(--kirby-elevation-2),var(--kirby-focus-ring-md-inset)}:host{background-color:var(--kirby-inputs-background-color);color:var(--kirby-inputs-color);border:none;box-sizing:border-box;font-family:var(--kirby-font-family);font-size:1rem;line-height:var(--kirby-line-height-n);outline:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:var(--kirby-border-radius-n);box-shadow:var(--kirby-inputs-elevation);padding:var(--kirby-spacing-s);width:100%}:host.borderless{border-radius:0;box-shadow:none;padding-inline:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-inputs-placeholder-color)}@supports not (selector(::-webkit-date-and-time-value)){:host(input[type=date]::-webkit-date-and-time-value){min-height:calc(var(--kirby-line-height-n) * 1em);text-align:start}}@media(hover:hover){:host:not(:disabled):hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;background-color:var(--kirby-inputs-background-color-hover);cursor:text}}:host:not(:disabled):active,:host:not(:disabled).interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);background-color:var(--kirby-inputs-background-color-active)}:host:not(:disabled){transition:all 80ms linear 0ms;transition-property:background-color}:host[type=date]::-webkit-calendar-picker-indicator{display:none}:host[type=date]::ng-deep+.suffix{cursor:pointer}@supports (-moz-appearance: none){:host[type=date]::ng-deep+.suffix kirby-icon{display:none}}:host[type=number]{-webkit-appearance:textfield;appearance:textfield}:host::-webkit-outer-spin-button,:host::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}:host(.md){border-radius:var(--kirby-border-radius-l);padding-block:calc(var(--kirby-spacing-s) * .5)}:host(.md).error{padding-block:calc(calc(var(--kirby-spacing-s) * .5) - 1px)}:host-context(kirby-item kirby-form-field[slot=end])[type=number]{font-weight:var(--kirby-font-weight-bold)}.date-mask-wrapper{position:relative}:host-context(.date-mask-wrapper){color:var(--kirby-text-color-semi-dark)}.date-mask{font-family:var(--kirby-font-family);line-height:var(--kirby-line-height-n);font-size:var(--kirby-font-size-n);color:var(--kirby-white-contrast);position:absolute;top:0;left:0;padding:var(--kirby-spacing-s)}:host(.md)+.date-mask{padding-block:calc(var(--kirby-spacing-s) * .5)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'input[kirby-input]', template: '', providers: [{ provide: FORM_FIELD_CONTROL, useExisting: InputComponent }], styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host(.error){border:1px solid var(--kirby-danger);padding:15px}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host-context(ion-modal).cloned-input{top:0!important;transform:none!important}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 1px 24px #1c1c1c0a,var(--kirby-focus-ring-md-inset)}:host{background-color:var(--kirby-inputs-background-color);color:var(--kirby-inputs-color);border:none;box-sizing:border-box;font-family:var(--kirby-font-family);font-size:1rem;line-height:1.5;outline:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:16px;box-shadow:var(--kirby-inputs-elevation);padding:16px;width:100%}:host.borderless{border-radius:0;box-shadow:none;padding-inline:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-inputs-placeholder-color)}@supports not (selector(::-webkit-date-and-time-value)){:host(input[type=date]::-webkit-date-and-time-value){min-height:1.5em;text-align:start}}@media(hover:hover){:host:not(:disabled):hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;background-color:var(--kirby-inputs-background-color-hover);cursor:text}}:host:not(:disabled):active,:host:not(:disabled).interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);background-color:var(--kirby-inputs-background-color-active)}:host:not(:disabled){transition:all 80ms linear 0ms;transition-property:background-color}:host[type=date]::-webkit-calendar-picker-indicator{display:none}:host[type=date]::ng-deep+.suffix{cursor:pointer}@supports (-moz-appearance: none){:host[type=date]::ng-deep+.suffix kirby-icon{display:none}}:host[type=number]{-webkit-appearance:textfield;appearance:textfield}:host::-webkit-outer-spin-button,:host::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}:host(.md){border-radius:24px;padding-block:8px}:host(.md).error{padding-block:7px}:host-context(kirby-item kirby-form-field[slot=end])[type=number]{font-weight:700}.date-mask-wrapper{position:relative}:host-context(.date-mask-wrapper){color:var(--kirby-text-color-semi-dark)}.date-mask{font-family:var(--kirby-font-family);line-height:1.5;font-size:var(--kirby-font-size-n);color:var(--kirby-white-contrast);position:absolute;top:0;left:0;padding:16px}:host(.md)+.date-mask{padding-block:8px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -461,11 +461,11 @@ class TextareaComponent {
         setTimeout(() => this.kirbyChange.emit(target.value));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TextareaComponent, deps: [{ token: i0.ElementRef }, { token: NG_VALUE_ACCESSOR, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: TextareaComponent, isStandalone: true, selector: "textarea[kirby-textarea]", inputs: { value: "value", borderless: "borderless", hasError: "hasError", autocomplete: "autocomplete", autocorrect: "autocorrect", maxlength: "maxlength" }, outputs: { hasErrorChange: "hasErrorChange" }, host: { listeners: { "keyup": "_onKeyUp($event.target.value)", "paste": "_onCutPaste($event.target)", "cut": "_onCutPaste($event.target)" }, properties: { "attr.value": "this.value", "class.borderless": "this.borderless", "attr.aria-invalid": "this.hasError", "class.error": "this.hasError", "attr.autocomplete": "this.autocomplete", "attr.autocorrect": "this.autocorrect", "attr.maxlength": "this.maxlength" } }, providers: [{ provide: FORM_FIELD_CONTROL, useExisting: TextareaComponent }], usesOnChanges: true, ngImport: i0, template: "@if (!value) {\n  <ng-content></ng-content>\n}\n<!-- prettier-ignore -->\n@if (value) {{{value}}}\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host(.error){border:1px solid var(--kirby-danger);padding:calc(var(--kirby-spacing-s) - 1px)}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host-context(ion-modal).cloned-input{top:0!important;transform:none!important}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:var(--kirby-elevation-2),var(--kirby-focus-ring-md-inset)}:host{background-color:var(--kirby-inputs-background-color);color:var(--kirby-inputs-color);border:none;box-sizing:border-box;font-family:var(--kirby-font-family);font-size:1rem;line-height:var(--kirby-line-height-n);outline:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:var(--kirby-border-radius-n);box-shadow:var(--kirby-inputs-elevation);padding:var(--kirby-spacing-s);width:100%}:host.borderless{border-radius:0;box-shadow:none;padding-inline:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-inputs-placeholder-color)}@supports not (selector(::-webkit-date-and-time-value)){:host(input[type=date]::-webkit-date-and-time-value){min-height:calc(var(--kirby-line-height-n) * 1em);text-align:start}}@media(hover:hover){:host:not(:disabled):hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;background-color:#f5f5f5;cursor:text}}:host:not(:disabled):active,:host:not(:disabled).interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);background-color:#ebebeb}:host:not(:disabled){transition:all 80ms linear 0ms;transition-property:background-color}:host{position:relative;font-family:var(--kirby-font-family);resize:none}@media(min-width:768px){:host{resize:vertical}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: TextareaComponent, isStandalone: true, selector: "textarea[kirby-textarea]", inputs: { value: "value", borderless: "borderless", hasError: "hasError", autocomplete: "autocomplete", autocorrect: "autocorrect", maxlength: "maxlength" }, outputs: { hasErrorChange: "hasErrorChange" }, host: { listeners: { "keyup": "_onKeyUp($event.target.value)", "paste": "_onCutPaste($event.target)", "cut": "_onCutPaste($event.target)" }, properties: { "attr.value": "this.value", "class.borderless": "this.borderless", "attr.aria-invalid": "this.hasError", "class.error": "this.hasError", "attr.autocomplete": "this.autocomplete", "attr.autocorrect": "this.autocorrect", "attr.maxlength": "this.maxlength" } }, providers: [{ provide: FORM_FIELD_CONTROL, useExisting: TextareaComponent }], usesOnChanges: true, ngImport: i0, template: "@if (!value) {\n  <ng-content></ng-content>\n}\n<!-- prettier-ignore -->\n@if (value) {{{value}}}\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host(.error){border:1px solid var(--kirby-danger);padding:15px}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host-context(ion-modal).cloned-input{top:0!important;transform:none!important}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 1px 24px #1c1c1c0a,var(--kirby-focus-ring-md-inset)}:host{background-color:var(--kirby-inputs-background-color);color:var(--kirby-inputs-color);border:none;box-sizing:border-box;font-family:var(--kirby-font-family);font-size:1rem;line-height:1.5;outline:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:16px;box-shadow:var(--kirby-inputs-elevation);padding:16px;width:100%}:host.borderless{border-radius:0;box-shadow:none;padding-inline:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-inputs-placeholder-color)}@supports not (selector(::-webkit-date-and-time-value)){:host(input[type=date]::-webkit-date-and-time-value){min-height:1.5em;text-align:start}}@media(hover:hover){:host:not(:disabled):hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;background-color:#f5f5f5;cursor:text}}:host:not(:disabled):active,:host:not(:disabled).interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);background-color:#ebebeb}:host:not(:disabled){transition:all 80ms linear 0ms;transition-property:background-color}:host{position:relative;font-family:var(--kirby-font-family);resize:none}@media(min-width:768px){:host{resize:vertical}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TextareaComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'textarea[kirby-textarea]', providers: [{ provide: FORM_FIELD_CONTROL, useExisting: TextareaComponent }], template: "@if (!value) {\n  <ng-content></ng-content>\n}\n<!-- prettier-ignore -->\n@if (value) {{{value}}}\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host(.error){border:1px solid var(--kirby-danger);padding:calc(var(--kirby-spacing-s) - 1px)}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host-context(ion-modal).cloned-input{top:0!important;transform:none!important}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:var(--kirby-elevation-2),var(--kirby-focus-ring-md-inset)}:host{background-color:var(--kirby-inputs-background-color);color:var(--kirby-inputs-color);border:none;box-sizing:border-box;font-family:var(--kirby-font-family);font-size:1rem;line-height:var(--kirby-line-height-n);outline:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:var(--kirby-border-radius-n);box-shadow:var(--kirby-inputs-elevation);padding:var(--kirby-spacing-s);width:100%}:host.borderless{border-radius:0;box-shadow:none;padding-inline:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-inputs-placeholder-color)}@supports not (selector(::-webkit-date-and-time-value)){:host(input[type=date]::-webkit-date-and-time-value){min-height:calc(var(--kirby-line-height-n) * 1em);text-align:start}}@media(hover:hover){:host:not(:disabled):hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;background-color:#f5f5f5;cursor:text}}:host:not(:disabled):active,:host:not(:disabled).interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);background-color:#ebebeb}:host:not(:disabled){transition:all 80ms linear 0ms;transition-property:background-color}:host{position:relative;font-family:var(--kirby-font-family);resize:none}@media(min-width:768px){:host{resize:vertical}}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'textarea[kirby-textarea]', providers: [{ provide: FORM_FIELD_CONTROL, useExisting: TextareaComponent }], template: "@if (!value) {\n  <ng-content></ng-content>\n}\n<!-- prettier-ignore -->\n@if (value) {{{value}}}\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host(.error){border:1px solid var(--kirby-danger);padding:15px}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host-context(ion-modal).cloned-input{top:0!important;transform:none!important}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 1px 24px #1c1c1c0a,var(--kirby-focus-ring-md-inset)}:host{background-color:var(--kirby-inputs-background-color);color:var(--kirby-inputs-color);border:none;box-sizing:border-box;font-family:var(--kirby-font-family);font-size:1rem;line-height:1.5;outline:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:16px;box-shadow:var(--kirby-inputs-elevation);padding:16px;width:100%}:host.borderless{border-radius:0;box-shadow:none;padding-inline:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-inputs-placeholder-color)}@supports not (selector(::-webkit-date-and-time-value)){:host(input[type=date]::-webkit-date-and-time-value){min-height:1.5em;text-align:start}}@media(hover:hover){:host:not(:disabled):hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;background-color:#f5f5f5;cursor:text}}:host:not(:disabled):active,:host:not(:disabled).interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);background-color:#ebebeb}:host:not(:disabled){transition:all 80ms linear 0ms;transition-property:background-color}:host{position:relative;font-family:var(--kirby-font-family);resize:none}@media(min-width:768px){:host{resize:vertical}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -708,11 +708,11 @@ class FormFieldComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: FormFieldComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.PlatformService }, { token: i0.Renderer2 }, { token: i2.WindowRef }, { token: i1.ResizeObserverService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: FormFieldComponent, isStandalone: true, selector: "kirby-form-field", inputs: { label: "label", message: "message" }, host: { listeners: { "kirbyRegisterFormField": "_onRegisterFormField()" }, properties: { "class.wrap-content-in-label": "this._wrapContentInLabel" } }, queries: [{ propertyName: "counter", first: true, predicate: InputCounterComponent, descendants: true }, { propertyName: "formFieldControl", first: true, predicate: FORM_FIELD_CONTROL, descendants: true }, { propertyName: "dateInput", first: true, predicate: DateInputDirective, descendants: true }, { propertyName: "affixElements", predicate: AffixDirective }], ngImport: i0, template: "@if (_wrapContentInLabel) {\n  <label>\n    <ng-container *ngTemplateOutlet=\"labelTextTemplate\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n    <!-- add error message inside label if nested interative is in error state -->\n    @if (_nestedInteractiveHasError) {\n      <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n    }\n  </label>\n}\n\n<!-- add message outside label if nested interative is in valid state -->\n@if (!_nestedInteractiveHasError && _wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n@if (!_wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n<ng-template #messageTemplate>\n  @if (message !== undefined || counter) {\n    <div class=\"texts\">\n      <div\n        aria-live=\"polite\"\n        class=\"message\"\n        [id]=\"_nestedInteractiveHasError ? _errorMessageId : _messageId\"\n      >\n        @if (message !== undefined) {\n          <kirby-form-field-message [text]=\"message\"></kirby-form-field-message>\n        }\n      </div>\n      @if (counter) {\n        <div class=\"counter\">\n          <ng-content select=\"kirby-input-counter\"></ng-content>\n        </div>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #slottedInputTemplate>\n  <div class=\"affix-container\">\n    <div class=\"prefix vertical-align semi-dark-text\">\n      <ng-content select=\"[kirby-affix='prefix']\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n    <div class=\"suffix vertical-align semi-dark-text\" (click)=\"openDatePicker()\">\n      <ng-content select=\"[kirby-affix='suffix']\"></ng-content>\n      @if (showDefaultCalendarIcon) {\n        <kirby-icon name=\"calendar\"></kirby-icon>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #labelTextTemplate>\n  @if (label) {\n    <span class=\"text\">{{ label }}</span>\n  }\n</ng-template>\n\n<ng-template #labelTemplate>\n  @if (label) {\n    <label class=\"text\" [id]=\"_labelId\" (click)=\"onLabelClick()\">{{ label }}</label>\n  }\n</ng-template>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative;margin-bottom:var(--kirby-spacing-s)}:host-context(kirby-item){margin-bottom:0}.texts{display:flex;justify-content:space-between;padding:2px var(--kirby-spacing-s) 0 var(--kirby-spacing-s)}.texts .message{flex:75%}.texts .message:only-child{flex-basis:auto}.texts .message>kirby-form-field-message{width:100%;display:flex}.texts .counter{flex:25%;text-align:right}label{display:block}.text{display:block;font-size:var(--kirby-font-size-s);font-weight:var(--kirby-font-weight-light);line-height:var(--kirby-line-height-s);margin-bottom:var(--kirby-spacing-xxxs);padding:0 var(--kirby-spacing-s)}.affix-container{position:relative}.affix-container .vertical-align{display:flex;align-items:center;position:absolute;top:0;bottom:0}.affix-container .prefix{left:var(--kirby-spacing-xs);z-index:var(--kirby-z-index-default)}.affix-container .suffix{right:var(--kirby-spacing-xs)}.affix-container .semi-dark-text ::ng-deep>span,.affix-container .semi-dark-text ::ng-deep>h1,.affix-container .semi-dark-text ::ng-deep>h2,.affix-container .semi-dark-text ::ng-deep>h3,.affix-container .semi-dark-text ::ng-deep>h4,.affix-container .semi-dark-text ::ng-deep>h5,.affix-container .semi-dark-text ::ng-deep>h6,.affix-container .semi-dark-text ::ng-deep>p,.affix-container .semi-dark-text ::ng-deep>data{color:var(--kirby-text-color-semi-dark)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormFieldMessageComponent, selector: "kirby-form-field-message", inputs: ["text", "position"] }, { kind: "component", type: IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: FormFieldComponent, isStandalone: true, selector: "kirby-form-field", inputs: { label: "label", message: "message" }, host: { listeners: { "kirbyRegisterFormField": "_onRegisterFormField()" }, properties: { "class.wrap-content-in-label": "this._wrapContentInLabel" } }, queries: [{ propertyName: "counter", first: true, predicate: InputCounterComponent, descendants: true }, { propertyName: "formFieldControl", first: true, predicate: FORM_FIELD_CONTROL, descendants: true }, { propertyName: "dateInput", first: true, predicate: DateInputDirective, descendants: true }, { propertyName: "affixElements", predicate: AffixDirective }], ngImport: i0, template: "@if (_wrapContentInLabel) {\n  <label>\n    <ng-container *ngTemplateOutlet=\"labelTextTemplate\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n    <!-- add error message inside label if nested interative is in error state -->\n    @if (_nestedInteractiveHasError) {\n      <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n    }\n  </label>\n}\n\n<!-- add message outside label if nested interative is in valid state -->\n@if (!_nestedInteractiveHasError && _wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n@if (!_wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n<ng-template #messageTemplate>\n  @if (message !== undefined || counter) {\n    <div class=\"texts\">\n      <div\n        aria-live=\"polite\"\n        class=\"message\"\n        [id]=\"_nestedInteractiveHasError ? _errorMessageId : _messageId\"\n      >\n        @if (message !== undefined) {\n          <kirby-form-field-message [text]=\"message\"></kirby-form-field-message>\n        }\n      </div>\n      @if (counter) {\n        <div class=\"counter\">\n          <ng-content select=\"kirby-input-counter\"></ng-content>\n        </div>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #slottedInputTemplate>\n  <div class=\"affix-container\">\n    <div class=\"prefix vertical-align semi-dark-text\">\n      <ng-content select=\"[kirby-affix='prefix']\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n    <div class=\"suffix vertical-align semi-dark-text\" (click)=\"openDatePicker()\">\n      <ng-content select=\"[kirby-affix='suffix']\"></ng-content>\n      @if (showDefaultCalendarIcon) {\n        <kirby-icon name=\"calendar\"></kirby-icon>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #labelTextTemplate>\n  @if (label) {\n    <span class=\"text\">{{ label }}</span>\n  }\n</ng-template>\n\n<ng-template #labelTemplate>\n  @if (label) {\n    <label class=\"text\" [id]=\"_labelId\" (click)=\"onLabelClick()\">{{ label }}</label>\n  }\n</ng-template>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative;margin-bottom:16px}:host-context(kirby-item){margin-bottom:0}.texts{display:flex;justify-content:space-between;padding:2px 16px 0}.texts .message{flex:75%}.texts .message:only-child{flex-basis:auto}.texts .message>kirby-form-field-message{width:100%;display:flex}.texts .counter{flex:25%;text-align:right}label{display:block}.text{display:block;font-size:clamp(12px,.875rem,28px);font-weight:300;line-height:1.4286;margin-bottom:4px;padding:0 16px}.affix-container{position:relative}.affix-container .vertical-align{display:flex;align-items:center;position:absolute;top:0;bottom:0}.affix-container .prefix{left:12px;z-index:1}.affix-container .suffix{right:12px}.affix-container .semi-dark-text ::ng-deep>span,.affix-container .semi-dark-text ::ng-deep>h1,.affix-container .semi-dark-text ::ng-deep>h2,.affix-container .semi-dark-text ::ng-deep>h3,.affix-container .semi-dark-text ::ng-deep>h4,.affix-container .semi-dark-text ::ng-deep>h5,.affix-container .semi-dark-text ::ng-deep>h6,.affix-container .semi-dark-text ::ng-deep>p,.affix-container .semi-dark-text ::ng-deep>data{color:var(--kirby-text-color-semi-dark)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormFieldMessageComponent, selector: "kirby-form-field-message", inputs: ["text", "position"] }, { kind: "component", type: IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'kirby-form-field', imports: [NgTemplateOutlet, FormFieldMessageComponent, IconComponent], template: "@if (_wrapContentInLabel) {\n  <label>\n    <ng-container *ngTemplateOutlet=\"labelTextTemplate\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n    <!-- add error message inside label if nested interative is in error state -->\n    @if (_nestedInteractiveHasError) {\n      <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n    }\n  </label>\n}\n\n<!-- add message outside label if nested interative is in valid state -->\n@if (!_nestedInteractiveHasError && _wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n@if (!_wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n<ng-template #messageTemplate>\n  @if (message !== undefined || counter) {\n    <div class=\"texts\">\n      <div\n        aria-live=\"polite\"\n        class=\"message\"\n        [id]=\"_nestedInteractiveHasError ? _errorMessageId : _messageId\"\n      >\n        @if (message !== undefined) {\n          <kirby-form-field-message [text]=\"message\"></kirby-form-field-message>\n        }\n      </div>\n      @if (counter) {\n        <div class=\"counter\">\n          <ng-content select=\"kirby-input-counter\"></ng-content>\n        </div>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #slottedInputTemplate>\n  <div class=\"affix-container\">\n    <div class=\"prefix vertical-align semi-dark-text\">\n      <ng-content select=\"[kirby-affix='prefix']\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n    <div class=\"suffix vertical-align semi-dark-text\" (click)=\"openDatePicker()\">\n      <ng-content select=\"[kirby-affix='suffix']\"></ng-content>\n      @if (showDefaultCalendarIcon) {\n        <kirby-icon name=\"calendar\"></kirby-icon>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #labelTextTemplate>\n  @if (label) {\n    <span class=\"text\">{{ label }}</span>\n  }\n</ng-template>\n\n<ng-template #labelTemplate>\n  @if (label) {\n    <label class=\"text\" [id]=\"_labelId\" (click)=\"onLabelClick()\">{{ label }}</label>\n  }\n</ng-template>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative;margin-bottom:var(--kirby-spacing-s)}:host-context(kirby-item){margin-bottom:0}.texts{display:flex;justify-content:space-between;padding:2px var(--kirby-spacing-s) 0 var(--kirby-spacing-s)}.texts .message{flex:75%}.texts .message:only-child{flex-basis:auto}.texts .message>kirby-form-field-message{width:100%;display:flex}.texts .counter{flex:25%;text-align:right}label{display:block}.text{display:block;font-size:var(--kirby-font-size-s);font-weight:var(--kirby-font-weight-light);line-height:var(--kirby-line-height-s);margin-bottom:var(--kirby-spacing-xxxs);padding:0 var(--kirby-spacing-s)}.affix-container{position:relative}.affix-container .vertical-align{display:flex;align-items:center;position:absolute;top:0;bottom:0}.affix-container .prefix{left:var(--kirby-spacing-xs);z-index:var(--kirby-z-index-default)}.affix-container .suffix{right:var(--kirby-spacing-xs)}.affix-container .semi-dark-text ::ng-deep>span,.affix-container .semi-dark-text ::ng-deep>h1,.affix-container .semi-dark-text ::ng-deep>h2,.affix-container .semi-dark-text ::ng-deep>h3,.affix-container .semi-dark-text ::ng-deep>h4,.affix-container .semi-dark-text ::ng-deep>h5,.affix-container .semi-dark-text ::ng-deep>h6,.affix-container .semi-dark-text ::ng-deep>p,.affix-container .semi-dark-text ::ng-deep>data{color:var(--kirby-text-color-semi-dark)}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'kirby-form-field', imports: [NgTemplateOutlet, FormFieldMessageComponent, IconComponent], template: "@if (_wrapContentInLabel) {\n  <label>\n    <ng-container *ngTemplateOutlet=\"labelTextTemplate\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n    <!-- add error message inside label if nested interative is in error state -->\n    @if (_nestedInteractiveHasError) {\n      <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n    }\n  </label>\n}\n\n<!-- add message outside label if nested interative is in valid state -->\n@if (!_nestedInteractiveHasError && _wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n@if (!_wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n<ng-template #messageTemplate>\n  @if (message !== undefined || counter) {\n    <div class=\"texts\">\n      <div\n        aria-live=\"polite\"\n        class=\"message\"\n        [id]=\"_nestedInteractiveHasError ? _errorMessageId : _messageId\"\n      >\n        @if (message !== undefined) {\n          <kirby-form-field-message [text]=\"message\"></kirby-form-field-message>\n        }\n      </div>\n      @if (counter) {\n        <div class=\"counter\">\n          <ng-content select=\"kirby-input-counter\"></ng-content>\n        </div>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #slottedInputTemplate>\n  <div class=\"affix-container\">\n    <div class=\"prefix vertical-align semi-dark-text\">\n      <ng-content select=\"[kirby-affix='prefix']\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n    <div class=\"suffix vertical-align semi-dark-text\" (click)=\"openDatePicker()\">\n      <ng-content select=\"[kirby-affix='suffix']\"></ng-content>\n      @if (showDefaultCalendarIcon) {\n        <kirby-icon name=\"calendar\"></kirby-icon>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #labelTextTemplate>\n  @if (label) {\n    <span class=\"text\">{{ label }}</span>\n  }\n</ng-template>\n\n<ng-template #labelTemplate>\n  @if (label) {\n    <label class=\"text\" [id]=\"_labelId\" (click)=\"onLabelClick()\">{{ label }}</label>\n  }\n</ng-template>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative;margin-bottom:16px}:host-context(kirby-item){margin-bottom:0}.texts{display:flex;justify-content:space-between;padding:2px 16px 0}.texts .message{flex:75%}.texts .message:only-child{flex-basis:auto}.texts .message>kirby-form-field-message{width:100%;display:flex}.texts .counter{flex:25%;text-align:right}label{display:block}.text{display:block;font-size:clamp(12px,.875rem,28px);font-weight:300;line-height:1.4286;margin-bottom:4px;padding:0 16px}.affix-container{position:relative}.affix-container .vertical-align{display:flex;align-items:center;position:absolute;top:0;bottom:0}.affix-container .prefix{left:12px;z-index:1}.affix-container .suffix{right:12px}.affix-container .semi-dark-text ::ng-deep>span,.affix-container .semi-dark-text ::ng-deep>h1,.affix-container .semi-dark-text ::ng-deep>h2,.affix-container .semi-dark-text ::ng-deep>h3,.affix-container .semi-dark-text ::ng-deep>h4,.affix-container .semi-dark-text ::ng-deep>h5,.affix-container .semi-dark-text ::ng-deep>h6,.affix-container .semi-dark-text ::ng-deep>p,.affix-container .semi-dark-text ::ng-deep>data{color:var(--kirby-text-color-semi-dark)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.PlatformService }, { type: i0.Renderer2 }, { type: i2.WindowRef }, { type: i1.ResizeObserverService }, { type: i0.ChangeDetectorRef }], propDecorators: { label: [{
                 type: Input
             }], message: [{

package/fesm2022/kirbydesign-designsystem-form-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-form-field.mjs","sources":["../../form-field/src/directives/affix/affix.directive.ts","../../form-field/src/directives/date/date-input.directive.ts","../../form-field/src/form-field-message/form-field-message.component.ts","../../form-field/src/form-field-message/form-field-message.component.html","../../form-field/src/input-counter/input-counter.component.ts","../../form-field/src/input-counter/input-counter.component.html","../../form-field/src/input/input.component.ts","../../form-field/src/textarea/textarea.component.ts","../../form-field/src/textarea/textarea.component.html","../../form-field/src/form-field.component.ts","../../form-field/src/form-field.component.html","../../form-field/src/directives/decimal-mask/decimal-mask.directive.ts","../../form-field/src/form-field.module.ts","../../form-field/src/kirbydesign-designsystem-form-field.ts"],"sourcesContent":["import { Directive, ElementRef, Input } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line\n  selector: '[kirby-affix]',\n})\nexport class AffixDirective {\n  @Input('kirby-affix') type: 'prefix' | 'suffix';\n  constructor(public el: ElementRef) {}\n}\n","import { FormatWidth, getLocaleDateFormat } from '@angular/common';\nimport {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  HostListener,\n  Inject,\n  Input,\n  LOCALE_ID,\n  OnChanges,\n  Optional,\n  Renderer2,\n  SimpleChanges,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { extendValueAccessors } from '@kirbydesign/designsystem/helpers';\nimport Inputmask from 'inputmask';\n\ninterface InputMask {\n  setValue: (val: string) => void;\n}\n\n@Directive({})\nexport class DateInputDirective implements AfterViewInit, OnChanges {\n  @HostListener('input')\n  onInput() {\n    if (!this.isDateInput) return;\n\n    if (this.enableInputMask) {\n      this.updateMask(this.elementRef.nativeElement.value);\n    }\n  }\n\n  @Input() prefillYear = false;\n  @Input() useNativeDatePicker = false;\n  @Input() dateValue: string;\n\n  private maskingElement: HTMLElement;\n  private inputmask: InputMask;\n\n  /**\n   * `isDateInput` is used to avoid removing the type attribute on the input element and calling updateMask()\n   * when the directive is not used on a date input.\n   * This is needed for the standalone component 'InputComponent', which includes the directive\n   * using the `hostDirectives` component decorator prop. Angular ignores the selector of directives\n   * applied in the `hostDirectives` property which effectively applies the directive to all kirby-inputs, not only date inputs.\n   * This check prevents the directive from executing it's masking on non-date inputs.\n   * See: https://angular.io/guide/directive-composition-api\n   */\n  private isDateInput = false;\n\n  /**\n   * Inputmask should be enabled exclusively when _not_ using the platform\n   * native date picker.\n   *\n   * `enableInputMask` should be ignored if the type attribute of the `<input>`\n   * element is different from 'date' and/or the platform native date picker is\n   * explicitly enabled.\n   *\n   * @private\n   * @memberof DateInputDirective\n   */\n  private enableInputMask = false;\n\n  constructor(\n    private elementRef: ElementRef,\n    private renderer: Renderer2,\n    @Inject(LOCALE_ID) private locale: string,\n    @Optional() @Inject(NG_VALUE_ACCESSOR) valueAccessors: ControlValueAccessor[]\n  ) {\n    this.isDateInput = this.elementRef.nativeElement.type === 'date';\n    if (this.isDateInput) {\n      // Remove type to avoid user-agent specific behaviour for [type=\"date\"]\n      // Has to be done in constructor to avoid browser behavior kicking in\n      this.elementRef.nativeElement.removeAttribute('type');\n\n      extendValueAccessors(valueAccessors, {\n        writeValue: {\n          afterWriteValue: (value) => this.updateMask(value as string),\n        },\n      });\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.dateValue && this.isDateInput && this.maskingElement) {\n      const newValue = changes.dateValue.currentValue;\n      this.updateMask(newValue);\n      if (newValue != null) {\n        this.inputmask?.setValue(newValue);\n      }\n    }\n  }\n\n  ngAfterViewInit(): void {\n    if (!this.isDateInput) return;\n\n    this.enableInputMask = !this.useNativeDatePicker;\n\n    // This case is identical to date input fields _before_ native date picker\n    // option was introduced\n    if (this.enableInputMask) {\n      this.initMask();\n\n      // Update mask with initial value if set via [value] binding on input\n      if (this.dateValue && this.inputmask) {\n        this.updateMask(this.dateValue);\n        this.inputmask.setValue(this.dateValue);\n      }\n    }\n\n    if (this.useNativeDatePicker) {\n      this.elementRef.nativeElement.setAttribute('type', 'date');\n    }\n  }\n\n  private initMask(): void {\n    const inputFormat = this.getInputFormat();\n    const placeholder = this.getPlaceholder(inputFormat);\n\n    // Set initial placeholder ex. dd/mm/yyyy\n    this.renderer.setAttribute(this.elementRef.nativeElement, 'placeholder', placeholder);\n\n    // Init InputMask\n    new Inputmask('datetime', {\n      inputFormat,\n      placeholder,\n      prefillYear: this.prefillYear,\n    }).mask(this.elementRef.nativeElement);\n    this.inputmask = this.elementRef.nativeElement.inputmask;\n\n    // Append input overlay, so it's possible to style typed date differntly than the date-mask\n    this.appendMaskingElement();\n  }\n\n  // Keeps order and seperator from speficied locale\n  private getInputFormat(): string {\n    const localeDateFormat = getLocaleDateFormat(this.locale, FormatWidth.Short);\n    return localeDateFormat\n      .toLowerCase()\n      .replace(/d+/, 'dd')\n      .replace(/m+/, 'MM')\n      .replace(/y+/, 'yyyy');\n  }\n\n  // The visual placeholder keeps the lowercase `mm` month token (e.g. mm/dd/yyyy),\n  // independent of the uppercase `MM` used by the parse format above.\n  private getPlaceholder(inputFormat: string): string {\n    const placeholder = inputFormat.toLowerCase();\n    return this.locale === 'da' ? placeholder.split('y').join('å') : placeholder;\n  }\n\n  private appendMaskingElement(): void {\n    const wrapper = this.wrapElement(this.elementRef.nativeElement);\n    this.renderer.addClass(wrapper, 'date-mask-wrapper');\n\n    this.maskingElement = this.renderer.createElement('div');\n    this.renderer.appendChild(wrapper, this.maskingElement);\n\n    this.renderer.addClass(this.maskingElement, 'date-mask');\n  }\n\n  private wrapElement(element: HTMLElement): HTMLElement {\n    const wrapper = this.renderer.createElement('div');\n    const parent = element.parentElement;\n    this.renderer.insertBefore(parent, wrapper, element);\n    this.renderer.appendChild(wrapper, element);\n    return wrapper;\n  }\n\n  private updateMask(value: string | null | undefined): void {\n    if (!this.maskingElement) return;\n    if (!value) {\n      this.maskingElement.innerHTML = '';\n      return;\n    }\n    const lastNumber = value.match(/.*?(\\d)[^\\d]*$/); // get last number in string\n    this.maskingElement.innerHTML = lastNumber\n      ? value.slice(0, value.lastIndexOf(lastNumber[1]) + 1)\n      : '';\n  }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'kirby-form-field-message',\n  styleUrls: ['./form-field-message.component.scss'],\n  templateUrl: './form-field-message.component.html',\n})\nexport class FormFieldMessageComponent {\n  @Input() text: string;\n  @Input() position: 'left' | 'right' = 'left';\n}\n","{{ text }}\n<ng-content></ng-content>\n","import { AfterViewInit, ChangeDetectorRef, Component, Input, OnDestroy } from '@angular/core';\nimport { debounceTime, filter, Subscription, tap } from 'rxjs';\n\nimport { TranslationService } from '@kirbydesign/designsystem/shared';\nimport { InputComponent } from '../input/input.component';\n\nimport { FormFieldMessageComponent } from '../form-field-message/form-field-message.component';\nimport { TextareaComponent } from './../textarea/textarea.component';\n\n@Component({\n  selector: 'kirby-input-counter',\n  templateUrl: './input-counter.component.html',\n  imports: [FormFieldMessageComponent],\n})\nexport class InputCounterComponent implements AfterViewInit, OnDestroy {\n  @Input() listenTo: InputComponent | TextareaComponent;\n  length: number;\n  maxlength: number | undefined;\n  private _inputChangeSubscription: Subscription;\n  textToAnnounce: string;\n  lastAnnouncedLength: number;\n  skipNextAnnouncement = false;\n\n  get text(): string {\n    if (this.length === undefined) {\n      return undefined;\n    }\n    const ofMaxlength = this.maxlength ? `/${this.maxlength}` : '';\n    return `${this.length}${ofMaxlength}`;\n  }\n\n  constructor(\n    private translations: TranslationService,\n    private cdr: ChangeDetectorRef\n  ) {}\n\n  ngAfterViewInit(): void {\n    if (this.listenTo) {\n      // A FormControl initialized with a value writes directly to the nativeElement.\n      // Check for this scenario first, before checking for listenTo's value @Input.\n      const initialValue = this.listenTo.nativeValue ?? this.listenTo.value ?? '';\n      this.length = initialValue.length;\n      this.skipNextAnnouncement = this.length > 0; // If there is already text in the input, skip the first announcement so we don't announce on refresh or prefilled text fields.\n      this.maxlength = this.listenTo.maxlength ? +this.listenTo.maxlength : undefined;\n      this.cdr.detectChanges();\n      this._inputChangeSubscription = this.listenTo.kirbyChange\n        .pipe(\n          tap((value) => (this.length = value?.length || 0)),\n          filter(() => this.skipAnnouncement()),\n          debounceTime(1000)\n        )\n        .subscribe(() => {\n          this.announceText();\n        });\n    }\n  }\n\n  private skipAnnouncement(): boolean {\n    if (this.skipNextAnnouncement) {\n      this.skipNextAnnouncement = false;\n      return false;\n    }\n    return true;\n  }\n\n  ngOnDestroy(): void {\n    this._inputChangeSubscription?.unsubscribe();\n  }\n\n  announceText(): void {\n    const characters = this.translations.get('characters');\n    const entered = this.translations.get('entered');\n    if (this.maxlength === undefined) {\n      this.textToAnnounce = `${characters} ${this.length} ${entered}`;\n    } else {\n      const outOf = this.translations.get('outOf');\n      this.textToAnnounce = `${characters} ${this.length} ${outOf} ${this.maxlength} ${entered}`;\n    }\n  }\n}\n","<kirby-form-field-message [text]=\"text\"></kirby-form-field-message>\n<div class=\"kirby-visually-hidden\" aria-live=\"polite\">{{ textToAnnounce }}</div>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\nimport { FORM_FIELD_CONTROL, FormFieldControl } from '@kirbydesign/designsystem/types';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { extendValueAccessors } from '@kirbydesign/designsystem/helpers';\nimport { DateInputDirective } from '../directives/date/date-input.directive';\n\nexport enum InputSize {\n  medium = 'md',\n  large = 'lg',\n}\n\n@Component({\n  hostDirectives: [\n    {\n      directive: DateInputDirective,\n      inputs: [\n        'prefillYear',\n        'useNativeDatePicker',\n        'dateValue: value' /* sync input value updates with date-input mask */,\n      ],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input[kirby-input]',\n  styleUrls: ['./input.component.scss'],\n  template: '',\n  providers: [{ provide: FORM_FIELD_CONTROL, useExisting: InputComponent }],\n})\nexport class InputComponent implements OnChanges, OnInit, FormFieldControl {\n  kirbyChange = new EventEmitter<string>();\n  private _hasError: boolean = false;\n\n  @Input() set type(value: string) {\n    const mappedValue = InputComponent.typeToInputmodeMap[value];\n    if (mappedValue && !this.inputmode) {\n      this.inputmode = mappedValue;\n    }\n  }\n\n  @HostBinding('class')\n  @Input()\n  size: InputSize | `${InputSize}` = InputSize.large;\n\n  /**\n   * Removes padding, width, rounded borders and drop-shadow when set to `true`.\n   */\n  @HostBinding('class.borderless')\n  @Input()\n  borderless: boolean;\n\n  @HostBinding('attr.aria-invalid')\n  @HostBinding('class.error')\n  @Input()\n  get hasError(): boolean {\n    return this._hasError;\n  }\n\n  set hasError(value: boolean) {\n    if (this._hasError !== value) {\n      this._hasError = value;\n      this.hasErrorChange.emit(this._hasError);\n    }\n  }\n\n  @HostBinding('attr.autocomplete')\n  @Input()\n  autocomplete: 'on' | 'off' = 'off';\n\n  @HostBinding('attr.autocorrect')\n  @Input()\n  autocorrect: 'on' | 'off' = 'off';\n\n  @HostBinding('attr.value')\n  @Input()\n  value: string;\n\n  @HostBinding('attr.maxlength')\n  @Input()\n  maxlength: number;\n\n  @HostBinding('attr.inputmode')\n  @Input()\n  inputmode: string;\n\n  get nativeValue(): string {\n    return this.elementRef?.nativeElement?.value;\n  }\n\n  get interactiveElement(): HTMLElement {\n    return this.elementRef?.nativeElement;\n  }\n\n  @Output() hasErrorChange = new EventEmitter<boolean>();\n\n  constructor(\n    private elementRef: ElementRef<HTMLInputElement>,\n    @Optional() @Inject(NG_VALUE_ACCESSOR) builtInValueAccessors: ControlValueAccessor[]\n  ) {\n    extendValueAccessors<string>(builtInValueAccessors, {\n      writeValue: {\n        afterWriteValue: (value) => this.kirbyChange.emit(value),\n      },\n    });\n  }\n\n  ngOnInit(): void {\n    // The native input value is emitted here to make sure that\n    // the InputCounterComponent receives the value onInit,\n    // when [(ngModel)] is used on kirby-input.\n    setTimeout(() => {\n      const inputValue = this.elementRef.nativeElement.value;\n      if (inputValue) {\n        this.kirbyChange.emit(inputValue);\n      }\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.value) {\n      this.kirbyChange.emit(changes.value.currentValue);\n    }\n  }\n\n  private static typeToInputmodeMap = {\n    number: 'decimal',\n    search: 'search',\n  };\n\n  @HostListener('keyup', ['$event.target.value'])\n  _onKeyUp(value: string) {\n    this.kirbyChange.emit(value);\n  }\n\n  @HostListener('paste', ['$event.target'])\n  @HostListener('cut', ['$event.target'])\n  _onCutPaste(target: HTMLInputElement) {\n    //Value of input element is updated after cut/paste:\n    setTimeout(() => this.kirbyChange.emit(target.value));\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { extendValueAccessors } from '@kirbydesign/designsystem/helpers';\nimport { FORM_FIELD_CONTROL, FormFieldControl } from '@kirbydesign/designsystem/types';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'textarea[kirby-textarea]',\n  styleUrls: ['./textarea.component.scss'],\n  templateUrl: './textarea.component.html',\n  providers: [{ provide: FORM_FIELD_CONTROL, useExisting: TextareaComponent }],\n})\nexport class TextareaComponent implements OnChanges, FormFieldControl, OnInit {\n  kirbyChange = new EventEmitter<string>();\n  private _hasError: boolean = false;\n\n  @HostBinding('attr.value')\n  @Input()\n  value: string;\n\n  /**\n   * Removes padding, width, rounded borders and drop-shadow when set to `true`.\n   */\n  @HostBinding('class.borderless')\n  @Input()\n  borderless: boolean;\n\n  @HostBinding('attr.aria-invalid')\n  @HostBinding('class.error')\n  @Input()\n  get hasError(): boolean {\n    return this._hasError;\n  }\n\n  set hasError(value: boolean) {\n    if (this._hasError !== value) {\n      this._hasError = value;\n      this.hasErrorChange.emit(this._hasError);\n    }\n  }\n\n  @HostBinding('attr.autocomplete')\n  @Input()\n  autocomplete: 'on' | 'off' = 'off';\n\n  @HostBinding('attr.autocorrect')\n  @Input()\n  autocorrect: 'on' | 'off' = 'off';\n\n  @HostBinding('attr.maxlength')\n  @Input()\n  maxlength: number;\n\n  get nativeValue(): string {\n    return this.elementRef?.nativeElement?.value;\n  }\n\n  get interactiveElement(): HTMLElement {\n    return this.elementRef?.nativeElement;\n  }\n\n  @Output() hasErrorChange = new EventEmitter<boolean>();\n\n  constructor(\n    private elementRef: ElementRef<HTMLTextAreaElement>,\n    @Optional() @Inject(NG_VALUE_ACCESSOR) builtInValueAccessors: ControlValueAccessor[]\n  ) {\n    extendValueAccessors<string>(builtInValueAccessors, {\n      writeValue: {\n        afterWriteValue: (value) => this.kirbyChange.emit(value),\n      },\n    });\n  }\n\n  ngOnInit(): void {\n    // The native input value is emitted here to make sure that\n    // the InputCounterComponent receives the value onInit,\n    // when [(ngModel)] is used on kirby-textarea.\n    setTimeout(() => {\n      const inputValue = this.elementRef.nativeElement.value;\n      if (inputValue) {\n        this.kirbyChange.emit(inputValue);\n      }\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.value) {\n      this.kirbyChange.emit(changes.value.currentValue);\n    }\n  }\n\n  @HostListener('keyup', ['$event.target.value'])\n  _onKeyUp(value: string) {\n    this.kirbyChange.emit(value);\n  }\n\n  @HostListener('paste', ['$event.target'])\n  @HostListener('cut', ['$event.target'])\n  _onCutPaste(target: HTMLInputElement) {\n    //Value of textarea element is updated after cut/paste:\n    setTimeout(() => this.kirbyChange.emit(target.value));\n  }\n}\n","@if (!value) {\n  <ng-content></ng-content>\n}\n<!-- prettier-ignore -->\n@if (value) {{{value}}}\n","import {\n  AfterContentChecked,\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ContentChildren,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  Renderer2,\n} from '@angular/core';\nimport {\n  DesignTokenHelper,\n  PlatformService,\n  UniqueIdGenerator,\n} from '@kirbydesign/designsystem/helpers';\nimport { RadioGroupComponent } from '@kirbydesign/designsystem/radio';\nimport { ResizeObserverService } from '@kirbydesign/designsystem/shared';\nimport { FORM_FIELD_CONTROL, FormFieldControl, WindowRef } from '@kirbydesign/designsystem/types';\nimport { Subscription } from 'rxjs';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\nimport { AffixDirective } from './directives/affix/affix.directive';\nimport { DateInputDirective } from './directives/date/date-input.directive';\nimport { InputCounterComponent } from './input-counter/input-counter.component';\nimport { InputComponent } from './input/input.component';\n\nimport { TextareaComponent } from './textarea/textarea.component';\nimport { FormFieldMessageComponent } from './form-field-message/form-field-message.component';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'kirby-form-field',\n  styleUrls: ['./form-field.component.scss'],\n  templateUrl: './form-field.component.html',\n  imports: [NgTemplateOutlet, FormFieldMessageComponent, IconComponent],\n})\nexport class FormFieldComponent\n  implements AfterContentChecked, AfterContentInit, OnInit, OnDestroy\n{\n  private isRegistered = false;\n  private element: HTMLElement;\n  private isTouch: boolean;\n  private nestedInteractiveElement: HTMLElement;\n  private nestedInteractiveErrorSubscription: Subscription;\n  private _message: string | null | undefined;\n  private _label: string | undefined;\n  private hasWarnedMissingControl = false;\n\n  showDefaultCalendarIcon = false;\n\n  _nestedInteractiveHasError: boolean;\n  _labelId = UniqueIdGenerator.scopedTo('kirby-form-field-label').next();\n  _errorMessageId = UniqueIdGenerator.scopedTo('kirby-form-field-message').next();\n  _messageId = UniqueIdGenerator.scopedTo('kirby-form-field-message').next();\n\n  @Input() get label(): string | undefined {\n    return this._label;\n  }\n\n  set label(value: string | undefined) {\n    this._label = value;\n    this.setNestedInteractiveLabelAttributes();\n  }\n\n  @Input() get message(): string | null | undefined {\n    return this._message;\n  }\n\n  set message(value: string | null | undefined) {\n    this._message = value;\n    this.setNestedInteractiveMessageAttributes();\n  }\n\n  @ContentChildren(AffixDirective) affixElements: QueryList<AffixDirective>;\n  @ContentChild(InputCounterComponent, { static: false }) counter: InputCounterComponent;\n\n  @ContentChild(FORM_FIELD_CONTROL) private formFieldControl: FormFieldControl;\n  @ContentChild(DateInputDirective) dateInput: DateInputDirective;\n\n  constructor(\n    elementRef: ElementRef<HTMLElement>,\n    private platform: PlatformService,\n    private renderer: Renderer2,\n    private windowRef: WindowRef,\n    private resizeObserverService: ResizeObserverService,\n    private cdr: ChangeDetectorRef\n  ) {\n    this.element = elementRef.nativeElement;\n  }\n\n  private isInputOrTextarea(): boolean {\n    return (\n      this.formFieldControl instanceof InputComponent ||\n      this.formFieldControl instanceof TextareaComponent\n    );\n  }\n\n  @HostBinding('class.wrap-content-in-label')\n  get _wrapContentInLabel(): boolean {\n    return !!this.label && this.isInputOrTextarea();\n  }\n\n  private dispatchLoadEvent() {\n    // Dispatch an `ionInputDidLoad` event to register\n    // form field + input/textarea with Ionic input shims\n    // See: https://github.com/ionic-team/ionic-framework/blob/master/core/src/utils/input-shims/input-shims.ts\n    this.windowRef.nativeWindow.document.dispatchEvent(\n      new CustomEvent('ionInputDidLoad', {\n        detail: this.element,\n      })\n    );\n  }\n\n  @HostListener('kirbyRegisterFormField')\n  _onRegisterFormField() {\n    this.dispatchLoadEvent();\n  }\n\n  onLabelClick() {\n    // If its a radio group its focus method that contains advanced logic\n    if (this.formFieldControl instanceof RadioGroupComponent) {\n      this.formFieldControl.focus();\n    } else {\n      this.nestedInteractiveElement?.focus();\n    }\n  }\n\n  openDatePicker() {\n    if (!this.dateInput?.useNativeDatePicker) return;\n    (this.nestedInteractiveElement as HTMLInputElement).showPicker();\n  }\n\n  public focus() {\n    if (!this.nestedInteractiveElement) return;\n\n    if (this.isInputOrTextarea()) {\n      /*\n       * This timeout ensures that any previous manipulation of inputElement or textareaElement\n       * (e.g. setting disabled state) has been synced to the DOM before trying to focus.\n       */\n      setTimeout(() => {\n        if (this.isTouch) {\n          // Trigger Ionic's input shims to ensure input is scrolled into view.\n          // See: https://github.com/ionic-team/ionic-framework/blob/master/core/src/utils/input-shims/hacks/scroll-assist.ts\n          const touchStart = new TouchEvent('touchstart');\n          const touchEnd = new TouchEvent('touchend');\n          this.nestedInteractiveElement.dispatchEvent(touchStart);\n          this.nestedInteractiveElement.dispatchEvent(touchEnd);\n        } else {\n          this.nestedInteractiveElement.focus();\n        }\n      });\n    }\n  }\n\n  ngOnInit() {\n    this.isTouch = this.platform.isTouch();\n  }\n\n  ngAfterContentInit(): void {\n    this.handleAffixOffset();\n  }\n\n  ngAfterContentChecked(): void {\n    if (!this.formFieldControl) {\n      this.warnMissingControl();\n      return;\n    }\n\n    if (!this.nestedInteractiveElement) {\n      this.registerNestedInteractive();\n    }\n\n    if (!this.isRegistered && this.element.isConnected && this.isInputOrTextarea()) {\n      // Host is connected to dom and slotted input/textarea is present:\n      this.isRegistered = true;\n      this.dispatchLoadEvent();\n    }\n\n    // Decide if default calendar icon for date input should be shown\n    this.showDefaultCalendarIcon = this.shouldShowDefaultCalendarIcon();\n  }\n\n  private warnMissingControl() {\n    if (!this.hasWarnedMissingControl) {\n      this.hasWarnedMissingControl = true;\n      console.warn(\n        'kirby-form-field: No form field control found. Ensure a component providing FORM_FIELD_CONTROL is projected.'\n      );\n    }\n  }\n\n  ngOnDestroy(): void {\n    // Dispatch an `ionInputDidUnload` event to unregister\n    // form field + input/textarea from Ionic input shims\n    // See: https://github.com/ionic-team/ionic-framework/blob/master/core/src/utils/input-shims/input-shims.ts\n    this.windowRef.nativeWindow.document.dispatchEvent(\n      new CustomEvent('ionInputDidUnload', {\n        detail: this.element,\n      })\n    );\n\n    this.affixElements?.forEach((affix) => {\n      this.resizeObserverService.unobserve(affix.el);\n    });\n\n    this.nestedInteractiveErrorSubscription?.unsubscribe();\n  }\n\n  private registerNestedInteractive() {\n    this.getNestedInteractiveElement();\n    this.setNestedInteractiveLabelAttributes();\n    this.setNestedInteractiveMessageAttributes();\n    this.subscribeToNestedInteractiveError();\n  }\n\n  private getNestedInteractiveElement() {\n    this.nestedInteractiveElement = this.formFieldControl.interactiveElement;\n  }\n\n  private setNestedInteractiveMessageAttributes() {\n    if (!this.nestedInteractiveElement) return;\n\n    if (this.message) {\n      this.renderer.setAttribute(\n        this.nestedInteractiveElement,\n        'aria-describedby',\n        this._messageId\n      );\n\n      this.renderer.setAttribute(\n        this.nestedInteractiveElement,\n        'aria-errormessage',\n        this._errorMessageId\n      );\n    } else {\n      this.renderer.removeAttribute(this.nestedInteractiveElement, 'aria-describedby');\n      this.renderer.removeAttribute(this.nestedInteractiveElement, 'aria-errormessage');\n    }\n  }\n\n  private setNestedInteractiveLabelAttributes() {\n    if (!this.nestedInteractiveElement) return;\n    if (this._wrapContentInLabel) return; // return if label is wrapping the nested interactive. No need for aria-labelledby.\n\n    if (this.label) {\n      this.renderer.setAttribute(this.nestedInteractiveElement, 'aria-labelledby', this._labelId);\n    } else {\n      this.renderer.removeAttribute(this.nestedInteractiveElement, 'aria-labelledby');\n    }\n  }\n\n  private subscribeToNestedInteractiveError() {\n    // set current value, then listen for changes\n    this._nestedInteractiveHasError = !!this.formFieldControl?.hasError;\n    this.nestedInteractiveErrorSubscription = this.formFieldControl?.hasErrorChange.subscribe(\n      (hasError) => {\n        this._nestedInteractiveHasError = hasError;\n        this.cdr.markForCheck();\n      }\n    );\n  }\n\n  private shouldShowDefaultCalendarIcon() {\n    return (\n      this.dateInput?.useNativeDatePicker &&\n      !this.affixElements.some((affix) => affix.type === 'suffix') // there are no suffix elements\n    );\n  }\n\n  private handleAffixOffset() {\n    // Measure the width of all slotted affix elements,\n    // and apply their width + standard padding to the input elements\n    // padding, so the start/end of the input is correctly indented.\n    if (this.formFieldControl instanceof InputComponent) {\n      const inputElement = this.formFieldControl.interactiveElement as HTMLInputElement;\n      this.affixElements.forEach((affix) => {\n        this.resizeObserverService.observe(affix.el, (entry) => {\n          const padding = affix.type === 'prefix' ? 'padding-left' : 'padding-right';\n          const affixWidth = inputElement.type === 'date' ? 0 : entry.contentRect.width;\n          const existingPadding = parseInt(DesignTokenHelper.size('s'));\n\n          this.renderer.setStyle(inputElement, `${padding}`, `${affixWidth + existingPadding}px`);\n\n          const dateMask = this.element.querySelector('.date-mask');\n          if (dateMask) {\n            this.renderer.setStyle(dateMask, `${padding}`, `${affixWidth + existingPadding}px`);\n          }\n        });\n      });\n    }\n  }\n}\n","@if (_wrapContentInLabel) {\n  <label>\n    <ng-container *ngTemplateOutlet=\"labelTextTemplate\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n    <!-- add error message inside label if nested interative is in error state -->\n    @if (_nestedInteractiveHasError) {\n      <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n    }\n  </label>\n}\n\n<!-- add message outside label if nested interative is in valid state -->\n@if (!_nestedInteractiveHasError && _wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n@if (!_wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n<ng-template #messageTemplate>\n  @if (message !== undefined || counter) {\n    <div class=\"texts\">\n      <div\n        aria-live=\"polite\"\n        class=\"message\"\n        [id]=\"_nestedInteractiveHasError ? _errorMessageId : _messageId\"\n      >\n        @if (message !== undefined) {\n          <kirby-form-field-message [text]=\"message\"></kirby-form-field-message>\n        }\n      </div>\n      @if (counter) {\n        <div class=\"counter\">\n          <ng-content select=\"kirby-input-counter\"></ng-content>\n        </div>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #slottedInputTemplate>\n  <div class=\"affix-container\">\n    <div class=\"prefix vertical-align semi-dark-text\">\n      <ng-content select=\"[kirby-affix='prefix']\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n    <div class=\"suffix vertical-align semi-dark-text\" (click)=\"openDatePicker()\">\n      <ng-content select=\"[kirby-affix='suffix']\"></ng-content>\n      @if (showDefaultCalendarIcon) {\n        <kirby-icon name=\"calendar\"></kirby-icon>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #labelTextTemplate>\n  @if (label) {\n    <span class=\"text\">{{ label }}</span>\n  }\n</ng-template>\n\n<ng-template #labelTemplate>\n  @if (label) {\n    <label class=\"text\" [id]=\"_labelId\" (click)=\"onLabelClick()\">{{ label }}</label>\n  }\n</ng-template>\n","import { getLocaleNumberSymbol, NumberSymbol } from '@angular/common';\nimport { Directive, ElementRef, Inject, Input, LOCALE_ID, OnInit, Optional } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { extendValueAccessors } from '@kirbydesign/designsystem/helpers';\nimport Inputmask from 'inputmask';\n\ninterface InputMask {\n  unmaskedvalue: () => string;\n  setValue: (val: string) => void;\n}\n\n@Directive({\n  // eslint-disable-next-line\n  selector: '[kirby-decimal-mask]',\n})\nexport class DecimalMaskDirective implements OnInit {\n  @Input() min: number;\n  @Input() max: number;\n  @Input() precision = 2;\n  @Input() setMaxOnOverflow = false;\n  @Input() alignment: 'left' | 'right' = 'right';\n  @Input() padPrecisionDigits: boolean = false;\n\n  @Input() set allowMinus(allowMinus: boolean) {\n    this._allowMinus = allowMinus || (this.min || 0) < 0;\n  }\n\n  @Input() set disableGroupSeperator(disabled: string) {\n    this._groupSeperatorDisabled = String(disabled) === '' || String(disabled) === 'true';\n  }\n\n  @Input() set maxlength(maxlength: number) {\n    this._maxlength = maxlength;\n\n    const maxlengthValue = parseInt('9'.repeat(maxlength));\n    this.max = this.getMax(maxlengthValue);\n    this.min = this.getMin(maxlengthValue);\n  }\n\n  groupSeparator = getLocaleNumberSymbol(this.locale, NumberSymbol.Group);\n  radixPoint = getLocaleNumberSymbol(this.locale, NumberSymbol.Decimal);\n  inputmask: InputMask;\n\n  _allowMinus = false;\n  _maxlength: number;\n  _groupSeperatorDisabled: boolean;\n\n  constructor(\n    private elementRef: ElementRef,\n    @Inject(LOCALE_ID) private locale: string,\n    @Optional() @Inject(NG_VALUE_ACCESSOR) private valueAccessors: ControlValueAccessor[]\n  ) {\n    this.extendBuiltinValueAccessor();\n  }\n\n  ngOnInit(): void {\n    const element = this.elementRef.nativeElement;\n    // Set type=\"text\", because functionality like 'setSelectionRange' are not supported on type=\"number\"\n    element.setAttribute('type', 'text');\n\n    // Remove maxlength as this is handled by the mask\n    element.removeAttribute('maxlength');\n\n    if (element.value) {\n      element.value = this.toLocaleRadixPoint(element.value);\n    }\n\n    this.initMask();\n  }\n\n  private initMask(): void {\n    new Inputmask('decimal', {\n      groupSeparator: this._groupSeperatorDisabled ? '' : this.groupSeparator,\n      radixPoint: this.radixPoint,\n      digits: this._maxlength ? 0 : this.precision,\n      digitsOptional: !this.padPrecisionDigits,\n      min: this.min,\n      max: this.max,\n      allowMinus: this._allowMinus,\n      negationSymbol: {\n        front: getLocaleNumberSymbol(this.locale, NumberSymbol.MinusSign),\n        back: '',\n      },\n      SetMaxOnOverflow: this.setMaxOnOverflow,\n      showMaskOnFocus: false,\n      showMaskOnHover: false,\n      placeholder: this.padPrecisionDigits ? undefined : '',\n      rightAlign: this.alignment === 'right',\n      onBeforeWrite: () => {\n        if (!this.inputmask) return;\n      },\n    }).mask(this.elementRef.nativeElement);\n    this.inputmask = this.elementRef.nativeElement.inputmask;\n  }\n\n  private getMax(maxlengthValue: number): number {\n    return this.max === undefined ? maxlengthValue : Math.min(this.max, maxlengthValue);\n  }\n\n  private getMin(maxlengthValue: number): number {\n    if (!this.allowMinus) return;\n    maxlengthValue = -Math.abs(maxlengthValue);\n    return this.min === undefined ? maxlengthValue : -Math.abs(Math.max(this.min, maxlengthValue));\n  }\n\n  private toLocaleRadixPoint(value: string): string {\n    return value.replace('.', this.radixPoint);\n  }\n\n  private toStandardRadixPoint(value: string): string {\n    return value.replace(this.radixPoint, '.');\n  }\n\n  private extendBuiltinValueAccessor(): void {\n    extendValueAccessors<string>(this.valueAccessors, {\n      writeValue: {\n        afterWriteValue: (value) => {\n          // Update the inputmask display when value is set programmatically\n          if (this.inputmask && value != null) {\n            this.inputmask.setValue(this.toLocaleRadixPoint(String(value)));\n          }\n        },\n      },\n      registerOnChange: {\n        transformValue: (value) => {\n          // Provide unmasked and normalized values to the form control\n          if (this.inputmask) {\n            return this.toStandardRadixPoint(this.inputmask.unmaskedvalue());\n          }\n          return value;\n        },\n      },\n    });\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { FormFieldMessageComponent } from './form-field-message/form-field-message.component';\nimport { FormFieldComponent } from './form-field.component';\nimport { InputCounterComponent } from './input-counter/input-counter.component';\nimport { DecimalMaskDirective } from './directives/decimal-mask/decimal-mask.directive';\nimport { AffixDirective } from './directives/affix/affix.directive';\n\nconst imports = [FormFieldComponent, FormFieldMessageComponent, InputCounterComponent];\n\n@NgModule({\n  imports: [CommonModule, DecimalMaskDirective, IconModule, AffixDirective, ...imports],\n  exports: [...imports, DecimalMaskDirective, AffixDirective],\n})\nexport class FormFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1","i3"],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-form-field.mjs","sources":["../../form-field/src/directives/affix/affix.directive.ts","../../form-field/src/directives/date/date-input.directive.ts","../../form-field/src/form-field-message/form-field-message.component.ts","../../form-field/src/form-field-message/form-field-message.component.html","../../form-field/src/input-counter/input-counter.component.ts","../../form-field/src/input-counter/input-counter.component.html","../../form-field/src/input/input.component.ts","../../form-field/src/textarea/textarea.component.ts","../../form-field/src/textarea/textarea.component.html","../../form-field/src/form-field.component.ts","../../form-field/src/form-field.component.html","../../form-field/src/directives/decimal-mask/decimal-mask.directive.ts","../../form-field/src/form-field.module.ts","../../form-field/src/kirbydesign-designsystem-form-field.ts"],"sourcesContent":["import { Directive, ElementRef, Input } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line\n  selector: '[kirby-affix]',\n})\nexport class AffixDirective {\n  @Input('kirby-affix') type: 'prefix' | 'suffix';\n  constructor(public el: ElementRef) {}\n}\n","import { FormatWidth, getLocaleDateFormat } from '@angular/common';\nimport {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  HostListener,\n  Inject,\n  Input,\n  LOCALE_ID,\n  OnChanges,\n  Optional,\n  Renderer2,\n  SimpleChanges,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { extendValueAccessors } from '@kirbydesign/designsystem/helpers';\nimport Inputmask from 'inputmask';\n\ninterface InputMask {\n  setValue: (val: string) => void;\n}\n\n@Directive({})\nexport class DateInputDirective implements AfterViewInit, OnChanges {\n  @HostListener('input')\n  onInput() {\n    if (!this.isDateInput) return;\n\n    if (this.enableInputMask) {\n      this.updateMask(this.elementRef.nativeElement.value);\n    }\n  }\n\n  @Input() prefillYear = false;\n  @Input() useNativeDatePicker = false;\n  @Input() dateValue: string;\n\n  private maskingElement: HTMLElement;\n  private inputmask: InputMask;\n\n  /**\n   * `isDateInput` is used to avoid removing the type attribute on the input element and calling updateMask()\n   * when the directive is not used on a date input.\n   * This is needed for the standalone component 'InputComponent', which includes the directive\n   * using the `hostDirectives` component decorator prop. Angular ignores the selector of directives\n   * applied in the `hostDirectives` property which effectively applies the directive to all kirby-inputs, not only date inputs.\n   * This check prevents the directive from executing it's masking on non-date inputs.\n   * See: https://angular.io/guide/directive-composition-api\n   */\n  private isDateInput = false;\n\n  /**\n   * Inputmask should be enabled exclusively when _not_ using the platform\n   * native date picker.\n   *\n   * `enableInputMask` should be ignored if the type attribute of the `<input>`\n   * element is different from 'date' and/or the platform native date picker is\n   * explicitly enabled.\n   *\n   * @private\n   * @memberof DateInputDirective\n   */\n  private enableInputMask = false;\n\n  constructor(\n    private elementRef: ElementRef,\n    private renderer: Renderer2,\n    @Inject(LOCALE_ID) private locale: string,\n    @Optional() @Inject(NG_VALUE_ACCESSOR) valueAccessors: ControlValueAccessor[]\n  ) {\n    this.isDateInput = this.elementRef.nativeElement.type === 'date';\n    if (this.isDateInput) {\n      // Remove type to avoid user-agent specific behaviour for [type=\"date\"]\n      // Has to be done in constructor to avoid browser behavior kicking in\n      this.elementRef.nativeElement.removeAttribute('type');\n\n      extendValueAccessors(valueAccessors, {\n        writeValue: {\n          afterWriteValue: (value) => this.updateMask(value as string),\n        },\n      });\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.dateValue && this.isDateInput && this.maskingElement) {\n      const newValue = changes.dateValue.currentValue;\n      this.updateMask(newValue);\n      if (newValue != null) {\n        this.inputmask?.setValue(newValue);\n      }\n    }\n  }\n\n  ngAfterViewInit(): void {\n    if (!this.isDateInput) return;\n\n    this.enableInputMask = !this.useNativeDatePicker;\n\n    // This case is identical to date input fields _before_ native date picker\n    // option was introduced\n    if (this.enableInputMask) {\n      this.initMask();\n\n      // Update mask with initial value if set via [value] binding on input\n      if (this.dateValue && this.inputmask) {\n        this.updateMask(this.dateValue);\n        this.inputmask.setValue(this.dateValue);\n      }\n    }\n\n    if (this.useNativeDatePicker) {\n      this.elementRef.nativeElement.setAttribute('type', 'date');\n    }\n  }\n\n  private initMask(): void {\n    const inputFormat = this.getInputFormat();\n    const placeholder = this.getPlaceholder(inputFormat);\n\n    // Set initial placeholder ex. dd/mm/yyyy\n    this.renderer.setAttribute(this.elementRef.nativeElement, 'placeholder', placeholder);\n\n    // Init InputMask\n    new Inputmask('datetime', {\n      inputFormat,\n      placeholder,\n      prefillYear: this.prefillYear,\n    }).mask(this.elementRef.nativeElement);\n    this.inputmask = this.elementRef.nativeElement.inputmask;\n\n    // Append input overlay, so it's possible to style typed date differntly than the date-mask\n    this.appendMaskingElement();\n  }\n\n  // Keeps order and seperator from speficied locale\n  private getInputFormat(): string {\n    const localeDateFormat = getLocaleDateFormat(this.locale, FormatWidth.Short);\n    return localeDateFormat\n      .toLowerCase()\n      .replace(/d+/, 'dd')\n      .replace(/m+/, 'MM')\n      .replace(/y+/, 'yyyy');\n  }\n\n  // The visual placeholder keeps the lowercase `mm` month token (e.g. mm/dd/yyyy),\n  // independent of the uppercase `MM` used by the parse format above.\n  private getPlaceholder(inputFormat: string): string {\n    const placeholder = inputFormat.toLowerCase();\n    return this.locale === 'da' ? placeholder.split('y').join('å') : placeholder;\n  }\n\n  private appendMaskingElement(): void {\n    const wrapper = this.wrapElement(this.elementRef.nativeElement);\n    this.renderer.addClass(wrapper, 'date-mask-wrapper');\n\n    this.maskingElement = this.renderer.createElement('div');\n    this.renderer.appendChild(wrapper, this.maskingElement);\n\n    this.renderer.addClass(this.maskingElement, 'date-mask');\n  }\n\n  private wrapElement(element: HTMLElement): HTMLElement {\n    const wrapper = this.renderer.createElement('div');\n    const parent = element.parentElement;\n    this.renderer.insertBefore(parent, wrapper, element);\n    this.renderer.appendChild(wrapper, element);\n    return wrapper;\n  }\n\n  private updateMask(value: string | null | undefined): void {\n    if (!this.maskingElement) return;\n    if (!value) {\n      this.maskingElement.innerHTML = '';\n      return;\n    }\n    const lastNumber = value.match(/.*?(\\d)[^\\d]*$/); // get last number in string\n    this.maskingElement.innerHTML = lastNumber\n      ? value.slice(0, value.lastIndexOf(lastNumber[1]) + 1)\n      : '';\n  }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'kirby-form-field-message',\n  styleUrls: ['./form-field-message.component.scss'],\n  templateUrl: './form-field-message.component.html',\n})\nexport class FormFieldMessageComponent {\n  @Input() text: string;\n  @Input() position: 'left' | 'right' = 'left';\n}\n","{{ text }}\n<ng-content></ng-content>\n","import { AfterViewInit, ChangeDetectorRef, Component, Input, OnDestroy } from '@angular/core';\nimport { debounceTime, filter, Subscription, tap } from 'rxjs';\n\nimport { TranslationService } from '@kirbydesign/designsystem/shared';\nimport { InputComponent } from '../input/input.component';\n\nimport { FormFieldMessageComponent } from '../form-field-message/form-field-message.component';\nimport { TextareaComponent } from './../textarea/textarea.component';\n\n@Component({\n  selector: 'kirby-input-counter',\n  templateUrl: './input-counter.component.html',\n  imports: [FormFieldMessageComponent],\n})\nexport class InputCounterComponent implements AfterViewInit, OnDestroy {\n  @Input() listenTo: InputComponent | TextareaComponent;\n  length: number;\n  maxlength: number | undefined;\n  private _inputChangeSubscription: Subscription;\n  textToAnnounce: string;\n  lastAnnouncedLength: number;\n  skipNextAnnouncement = false;\n\n  get text(): string {\n    if (this.length === undefined) {\n      return undefined;\n    }\n    const ofMaxlength = this.maxlength ? `/${this.maxlength}` : '';\n    return `${this.length}${ofMaxlength}`;\n  }\n\n  constructor(\n    private translations: TranslationService,\n    private cdr: ChangeDetectorRef\n  ) {}\n\n  ngAfterViewInit(): void {\n    if (this.listenTo) {\n      // A FormControl initialized with a value writes directly to the nativeElement.\n      // Check for this scenario first, before checking for listenTo's value @Input.\n      const initialValue = this.listenTo.nativeValue ?? this.listenTo.value ?? '';\n      this.length = initialValue.length;\n      this.skipNextAnnouncement = this.length > 0; // If there is already text in the input, skip the first announcement so we don't announce on refresh or prefilled text fields.\n      this.maxlength = this.listenTo.maxlength ? +this.listenTo.maxlength : undefined;\n      this.cdr.detectChanges();\n      this._inputChangeSubscription = this.listenTo.kirbyChange\n        .pipe(\n          tap((value) => (this.length = value?.length || 0)),\n          filter(() => this.skipAnnouncement()),\n          debounceTime(1000)\n        )\n        .subscribe(() => {\n          this.announceText();\n        });\n    }\n  }\n\n  private skipAnnouncement(): boolean {\n    if (this.skipNextAnnouncement) {\n      this.skipNextAnnouncement = false;\n      return false;\n    }\n    return true;\n  }\n\n  ngOnDestroy(): void {\n    this._inputChangeSubscription?.unsubscribe();\n  }\n\n  announceText(): void {\n    const characters = this.translations.get('characters');\n    const entered = this.translations.get('entered');\n    if (this.maxlength === undefined) {\n      this.textToAnnounce = `${characters} ${this.length} ${entered}`;\n    } else {\n      const outOf = this.translations.get('outOf');\n      this.textToAnnounce = `${characters} ${this.length} ${outOf} ${this.maxlength} ${entered}`;\n    }\n  }\n}\n","<kirby-form-field-message [text]=\"text\"></kirby-form-field-message>\n<div class=\"kirby-visually-hidden\" aria-live=\"polite\">{{ textToAnnounce }}</div>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\nimport { FORM_FIELD_CONTROL, FormFieldControl } from '@kirbydesign/designsystem/types';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { extendValueAccessors } from '@kirbydesign/designsystem/helpers';\nimport { DateInputDirective } from '../directives/date/date-input.directive';\n\nexport enum InputSize {\n  medium = 'md',\n  large = 'lg',\n}\n\n@Component({\n  hostDirectives: [\n    {\n      directive: DateInputDirective,\n      inputs: [\n        'prefillYear',\n        'useNativeDatePicker',\n        'dateValue: value' /* sync input value updates with date-input mask */,\n      ],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'input[kirby-input]',\n  styleUrls: ['./input.component.scss'],\n  template: '',\n  providers: [{ provide: FORM_FIELD_CONTROL, useExisting: InputComponent }],\n})\nexport class InputComponent implements OnChanges, OnInit, FormFieldControl {\n  kirbyChange = new EventEmitter<string>();\n  private _hasError: boolean = false;\n\n  @Input() set type(value: string) {\n    const mappedValue = InputComponent.typeToInputmodeMap[value];\n    if (mappedValue && !this.inputmode) {\n      this.inputmode = mappedValue;\n    }\n  }\n\n  @HostBinding('class')\n  @Input()\n  size: InputSize | `${InputSize}` = InputSize.large;\n\n  /**\n   * Removes padding, width, rounded borders and drop-shadow when set to `true`.\n   */\n  @HostBinding('class.borderless')\n  @Input()\n  borderless: boolean;\n\n  @HostBinding('attr.aria-invalid')\n  @HostBinding('class.error')\n  @Input()\n  get hasError(): boolean {\n    return this._hasError;\n  }\n\n  set hasError(value: boolean) {\n    if (this._hasError !== value) {\n      this._hasError = value;\n      this.hasErrorChange.emit(this._hasError);\n    }\n  }\n\n  @HostBinding('attr.autocomplete')\n  @Input()\n  autocomplete: 'on' | 'off' = 'off';\n\n  @HostBinding('attr.autocorrect')\n  @Input()\n  autocorrect: 'on' | 'off' = 'off';\n\n  @HostBinding('attr.value')\n  @Input()\n  value: string;\n\n  @HostBinding('attr.maxlength')\n  @Input()\n  maxlength: number;\n\n  @HostBinding('attr.inputmode')\n  @Input()\n  inputmode: string;\n\n  get nativeValue(): string {\n    return this.elementRef?.nativeElement?.value;\n  }\n\n  get interactiveElement(): HTMLElement {\n    return this.elementRef?.nativeElement;\n  }\n\n  @Output() hasErrorChange = new EventEmitter<boolean>();\n\n  constructor(\n    private elementRef: ElementRef<HTMLInputElement>,\n    @Optional() @Inject(NG_VALUE_ACCESSOR) builtInValueAccessors: ControlValueAccessor[]\n  ) {\n    extendValueAccessors<string>(builtInValueAccessors, {\n      writeValue: {\n        afterWriteValue: (value) => this.kirbyChange.emit(value),\n      },\n    });\n  }\n\n  ngOnInit(): void {\n    // The native input value is emitted here to make sure that\n    // the InputCounterComponent receives the value onInit,\n    // when [(ngModel)] is used on kirby-input.\n    setTimeout(() => {\n      const inputValue = this.elementRef.nativeElement.value;\n      if (inputValue) {\n        this.kirbyChange.emit(inputValue);\n      }\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.value) {\n      this.kirbyChange.emit(changes.value.currentValue);\n    }\n  }\n\n  private static typeToInputmodeMap = {\n    number: 'decimal',\n    search: 'search',\n  };\n\n  @HostListener('keyup', ['$event.target.value'])\n  _onKeyUp(value: string) {\n    this.kirbyChange.emit(value);\n  }\n\n  @HostListener('paste', ['$event.target'])\n  @HostListener('cut', ['$event.target'])\n  _onCutPaste(target: HTMLInputElement) {\n    //Value of input element is updated after cut/paste:\n    setTimeout(() => this.kirbyChange.emit(target.value));\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { extendValueAccessors } from '@kirbydesign/designsystem/helpers';\nimport { FORM_FIELD_CONTROL, FormFieldControl } from '@kirbydesign/designsystem/types';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'textarea[kirby-textarea]',\n  styleUrls: ['./textarea.component.scss'],\n  templateUrl: './textarea.component.html',\n  providers: [{ provide: FORM_FIELD_CONTROL, useExisting: TextareaComponent }],\n})\nexport class TextareaComponent implements OnChanges, FormFieldControl, OnInit {\n  kirbyChange = new EventEmitter<string>();\n  private _hasError: boolean = false;\n\n  @HostBinding('attr.value')\n  @Input()\n  value: string;\n\n  /**\n   * Removes padding, width, rounded borders and drop-shadow when set to `true`.\n   */\n  @HostBinding('class.borderless')\n  @Input()\n  borderless: boolean;\n\n  @HostBinding('attr.aria-invalid')\n  @HostBinding('class.error')\n  @Input()\n  get hasError(): boolean {\n    return this._hasError;\n  }\n\n  set hasError(value: boolean) {\n    if (this._hasError !== value) {\n      this._hasError = value;\n      this.hasErrorChange.emit(this._hasError);\n    }\n  }\n\n  @HostBinding('attr.autocomplete')\n  @Input()\n  autocomplete: 'on' | 'off' = 'off';\n\n  @HostBinding('attr.autocorrect')\n  @Input()\n  autocorrect: 'on' | 'off' = 'off';\n\n  @HostBinding('attr.maxlength')\n  @Input()\n  maxlength: number;\n\n  get nativeValue(): string {\n    return this.elementRef?.nativeElement?.value;\n  }\n\n  get interactiveElement(): HTMLElement {\n    return this.elementRef?.nativeElement;\n  }\n\n  @Output() hasErrorChange = new EventEmitter<boolean>();\n\n  constructor(\n    private elementRef: ElementRef<HTMLTextAreaElement>,\n    @Optional() @Inject(NG_VALUE_ACCESSOR) builtInValueAccessors: ControlValueAccessor[]\n  ) {\n    extendValueAccessors<string>(builtInValueAccessors, {\n      writeValue: {\n        afterWriteValue: (value) => this.kirbyChange.emit(value),\n      },\n    });\n  }\n\n  ngOnInit(): void {\n    // The native input value is emitted here to make sure that\n    // the InputCounterComponent receives the value onInit,\n    // when [(ngModel)] is used on kirby-textarea.\n    setTimeout(() => {\n      const inputValue = this.elementRef.nativeElement.value;\n      if (inputValue) {\n        this.kirbyChange.emit(inputValue);\n      }\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.value) {\n      this.kirbyChange.emit(changes.value.currentValue);\n    }\n  }\n\n  @HostListener('keyup', ['$event.target.value'])\n  _onKeyUp(value: string) {\n    this.kirbyChange.emit(value);\n  }\n\n  @HostListener('paste', ['$event.target'])\n  @HostListener('cut', ['$event.target'])\n  _onCutPaste(target: HTMLInputElement) {\n    //Value of textarea element is updated after cut/paste:\n    setTimeout(() => this.kirbyChange.emit(target.value));\n  }\n}\n","@if (!value) {\n  <ng-content></ng-content>\n}\n<!-- prettier-ignore -->\n@if (value) {{{value}}}\n","import {\n  AfterContentChecked,\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ContentChildren,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  Renderer2,\n} from '@angular/core';\nimport {\n  DesignTokenHelper,\n  PlatformService,\n  UniqueIdGenerator,\n} from '@kirbydesign/designsystem/helpers';\nimport { RadioGroupComponent } from '@kirbydesign/designsystem/radio';\nimport { ResizeObserverService } from '@kirbydesign/designsystem/shared';\nimport { FORM_FIELD_CONTROL, FormFieldControl, WindowRef } from '@kirbydesign/designsystem/types';\nimport { Subscription } from 'rxjs';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\nimport { AffixDirective } from './directives/affix/affix.directive';\nimport { DateInputDirective } from './directives/date/date-input.directive';\nimport { InputCounterComponent } from './input-counter/input-counter.component';\nimport { InputComponent } from './input/input.component';\n\nimport { TextareaComponent } from './textarea/textarea.component';\nimport { FormFieldMessageComponent } from './form-field-message/form-field-message.component';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'kirby-form-field',\n  styleUrls: ['./form-field.component.scss'],\n  templateUrl: './form-field.component.html',\n  imports: [NgTemplateOutlet, FormFieldMessageComponent, IconComponent],\n})\nexport class FormFieldComponent\n  implements AfterContentChecked, AfterContentInit, OnInit, OnDestroy\n{\n  private isRegistered = false;\n  private element: HTMLElement;\n  private isTouch: boolean;\n  private nestedInteractiveElement: HTMLElement;\n  private nestedInteractiveErrorSubscription: Subscription;\n  private _message: string | null | undefined;\n  private _label: string | undefined;\n  private hasWarnedMissingControl = false;\n\n  showDefaultCalendarIcon = false;\n\n  _nestedInteractiveHasError: boolean;\n  _labelId = UniqueIdGenerator.scopedTo('kirby-form-field-label').next();\n  _errorMessageId = UniqueIdGenerator.scopedTo('kirby-form-field-message').next();\n  _messageId = UniqueIdGenerator.scopedTo('kirby-form-field-message').next();\n\n  @Input() get label(): string | undefined {\n    return this._label;\n  }\n\n  set label(value: string | undefined) {\n    this._label = value;\n    this.setNestedInteractiveLabelAttributes();\n  }\n\n  @Input() get message(): string | null | undefined {\n    return this._message;\n  }\n\n  set message(value: string | null | undefined) {\n    this._message = value;\n    this.setNestedInteractiveMessageAttributes();\n  }\n\n  @ContentChildren(AffixDirective) affixElements: QueryList<AffixDirective>;\n  @ContentChild(InputCounterComponent, { static: false }) counter: InputCounterComponent;\n\n  @ContentChild(FORM_FIELD_CONTROL) private formFieldControl: FormFieldControl;\n  @ContentChild(DateInputDirective) dateInput: DateInputDirective;\n\n  constructor(\n    elementRef: ElementRef<HTMLElement>,\n    private platform: PlatformService,\n    private renderer: Renderer2,\n    private windowRef: WindowRef,\n    private resizeObserverService: ResizeObserverService,\n    private cdr: ChangeDetectorRef\n  ) {\n    this.element = elementRef.nativeElement;\n  }\n\n  private isInputOrTextarea(): boolean {\n    return (\n      this.formFieldControl instanceof InputComponent ||\n      this.formFieldControl instanceof TextareaComponent\n    );\n  }\n\n  @HostBinding('class.wrap-content-in-label')\n  get _wrapContentInLabel(): boolean {\n    return !!this.label && this.isInputOrTextarea();\n  }\n\n  private dispatchLoadEvent() {\n    // Dispatch an `ionInputDidLoad` event to register\n    // form field + input/textarea with Ionic input shims\n    // See: https://github.com/ionic-team/ionic-framework/blob/master/core/src/utils/input-shims/input-shims.ts\n    this.windowRef.nativeWindow.document.dispatchEvent(\n      new CustomEvent('ionInputDidLoad', {\n        detail: this.element,\n      })\n    );\n  }\n\n  @HostListener('kirbyRegisterFormField')\n  _onRegisterFormField() {\n    this.dispatchLoadEvent();\n  }\n\n  onLabelClick() {\n    // If its a radio group its focus method that contains advanced logic\n    if (this.formFieldControl instanceof RadioGroupComponent) {\n      this.formFieldControl.focus();\n    } else {\n      this.nestedInteractiveElement?.focus();\n    }\n  }\n\n  openDatePicker() {\n    if (!this.dateInput?.useNativeDatePicker) return;\n    (this.nestedInteractiveElement as HTMLInputElement).showPicker();\n  }\n\n  public focus() {\n    if (!this.nestedInteractiveElement) return;\n\n    if (this.isInputOrTextarea()) {\n      /*\n       * This timeout ensures that any previous manipulation of inputElement or textareaElement\n       * (e.g. setting disabled state) has been synced to the DOM before trying to focus.\n       */\n      setTimeout(() => {\n        if (this.isTouch) {\n          // Trigger Ionic's input shims to ensure input is scrolled into view.\n          // See: https://github.com/ionic-team/ionic-framework/blob/master/core/src/utils/input-shims/hacks/scroll-assist.ts\n          const touchStart = new TouchEvent('touchstart');\n          const touchEnd = new TouchEvent('touchend');\n          this.nestedInteractiveElement.dispatchEvent(touchStart);\n          this.nestedInteractiveElement.dispatchEvent(touchEnd);\n        } else {\n          this.nestedInteractiveElement.focus();\n        }\n      });\n    }\n  }\n\n  ngOnInit() {\n    this.isTouch = this.platform.isTouch();\n  }\n\n  ngAfterContentInit(): void {\n    this.handleAffixOffset();\n  }\n\n  ngAfterContentChecked(): void {\n    if (!this.formFieldControl) {\n      this.warnMissingControl();\n      return;\n    }\n\n    if (!this.nestedInteractiveElement) {\n      this.registerNestedInteractive();\n    }\n\n    if (!this.isRegistered && this.element.isConnected && this.isInputOrTextarea()) {\n      // Host is connected to dom and slotted input/textarea is present:\n      this.isRegistered = true;\n      this.dispatchLoadEvent();\n    }\n\n    // Decide if default calendar icon for date input should be shown\n    this.showDefaultCalendarIcon = this.shouldShowDefaultCalendarIcon();\n  }\n\n  private warnMissingControl() {\n    if (!this.hasWarnedMissingControl) {\n      this.hasWarnedMissingControl = true;\n      console.warn(\n        'kirby-form-field: No form field control found. Ensure a component providing FORM_FIELD_CONTROL is projected.'\n      );\n    }\n  }\n\n  ngOnDestroy(): void {\n    // Dispatch an `ionInputDidUnload` event to unregister\n    // form field + input/textarea from Ionic input shims\n    // See: https://github.com/ionic-team/ionic-framework/blob/master/core/src/utils/input-shims/input-shims.ts\n    this.windowRef.nativeWindow.document.dispatchEvent(\n      new CustomEvent('ionInputDidUnload', {\n        detail: this.element,\n      })\n    );\n\n    this.affixElements?.forEach((affix) => {\n      this.resizeObserverService.unobserve(affix.el);\n    });\n\n    this.nestedInteractiveErrorSubscription?.unsubscribe();\n  }\n\n  private registerNestedInteractive() {\n    this.getNestedInteractiveElement();\n    this.setNestedInteractiveLabelAttributes();\n    this.setNestedInteractiveMessageAttributes();\n    this.subscribeToNestedInteractiveError();\n  }\n\n  private getNestedInteractiveElement() {\n    this.nestedInteractiveElement = this.formFieldControl.interactiveElement;\n  }\n\n  private setNestedInteractiveMessageAttributes() {\n    if (!this.nestedInteractiveElement) return;\n\n    if (this.message) {\n      this.renderer.setAttribute(\n        this.nestedInteractiveElement,\n        'aria-describedby',\n        this._messageId\n      );\n\n      this.renderer.setAttribute(\n        this.nestedInteractiveElement,\n        'aria-errormessage',\n        this._errorMessageId\n      );\n    } else {\n      this.renderer.removeAttribute(this.nestedInteractiveElement, 'aria-describedby');\n      this.renderer.removeAttribute(this.nestedInteractiveElement, 'aria-errormessage');\n    }\n  }\n\n  private setNestedInteractiveLabelAttributes() {\n    if (!this.nestedInteractiveElement) return;\n    if (this._wrapContentInLabel) return; // return if label is wrapping the nested interactive. No need for aria-labelledby.\n\n    if (this.label) {\n      this.renderer.setAttribute(this.nestedInteractiveElement, 'aria-labelledby', this._labelId);\n    } else {\n      this.renderer.removeAttribute(this.nestedInteractiveElement, 'aria-labelledby');\n    }\n  }\n\n  private subscribeToNestedInteractiveError() {\n    // set current value, then listen for changes\n    this._nestedInteractiveHasError = !!this.formFieldControl?.hasError;\n    this.nestedInteractiveErrorSubscription = this.formFieldControl?.hasErrorChange.subscribe(\n      (hasError) => {\n        this._nestedInteractiveHasError = hasError;\n        this.cdr.markForCheck();\n      }\n    );\n  }\n\n  private shouldShowDefaultCalendarIcon() {\n    return (\n      this.dateInput?.useNativeDatePicker &&\n      !this.affixElements.some((affix) => affix.type === 'suffix') // there are no suffix elements\n    );\n  }\n\n  private handleAffixOffset() {\n    // Measure the width of all slotted affix elements,\n    // and apply their width + standard padding to the input elements\n    // padding, so the start/end of the input is correctly indented.\n    if (this.formFieldControl instanceof InputComponent) {\n      const inputElement = this.formFieldControl.interactiveElement as HTMLInputElement;\n      this.affixElements.forEach((affix) => {\n        this.resizeObserverService.observe(affix.el, (entry) => {\n          const padding = affix.type === 'prefix' ? 'padding-left' : 'padding-right';\n          const affixWidth = inputElement.type === 'date' ? 0 : entry.contentRect.width;\n          const existingPadding = parseInt(DesignTokenHelper.size('s'));\n\n          this.renderer.setStyle(inputElement, `${padding}`, `${affixWidth + existingPadding}px`);\n\n          const dateMask = this.element.querySelector('.date-mask');\n          if (dateMask) {\n            this.renderer.setStyle(dateMask, `${padding}`, `${affixWidth + existingPadding}px`);\n          }\n        });\n      });\n    }\n  }\n}\n","@if (_wrapContentInLabel) {\n  <label>\n    <ng-container *ngTemplateOutlet=\"labelTextTemplate\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n    <!-- add error message inside label if nested interative is in error state -->\n    @if (_nestedInteractiveHasError) {\n      <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n    }\n  </label>\n}\n\n<!-- add message outside label if nested interative is in valid state -->\n@if (!_nestedInteractiveHasError && _wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n@if (!_wrapContentInLabel) {\n  <ng-container *ngTemplateOutlet=\"labelTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"slottedInputTemplate\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"messageTemplate\"></ng-container>\n}\n\n<ng-template #messageTemplate>\n  @if (message !== undefined || counter) {\n    <div class=\"texts\">\n      <div\n        aria-live=\"polite\"\n        class=\"message\"\n        [id]=\"_nestedInteractiveHasError ? _errorMessageId : _messageId\"\n      >\n        @if (message !== undefined) {\n          <kirby-form-field-message [text]=\"message\"></kirby-form-field-message>\n        }\n      </div>\n      @if (counter) {\n        <div class=\"counter\">\n          <ng-content select=\"kirby-input-counter\"></ng-content>\n        </div>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #slottedInputTemplate>\n  <div class=\"affix-container\">\n    <div class=\"prefix vertical-align semi-dark-text\">\n      <ng-content select=\"[kirby-affix='prefix']\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n    <div class=\"suffix vertical-align semi-dark-text\" (click)=\"openDatePicker()\">\n      <ng-content select=\"[kirby-affix='suffix']\"></ng-content>\n      @if (showDefaultCalendarIcon) {\n        <kirby-icon name=\"calendar\"></kirby-icon>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #labelTextTemplate>\n  @if (label) {\n    <span class=\"text\">{{ label }}</span>\n  }\n</ng-template>\n\n<ng-template #labelTemplate>\n  @if (label) {\n    <label class=\"text\" [id]=\"_labelId\" (click)=\"onLabelClick()\">{{ label }}</label>\n  }\n</ng-template>\n","import { getLocaleNumberSymbol, NumberSymbol } from '@angular/common';\nimport { Directive, ElementRef, Inject, Input, LOCALE_ID, OnInit, Optional } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { extendValueAccessors } from '@kirbydesign/designsystem/helpers';\nimport Inputmask from 'inputmask';\n\ninterface InputMask {\n  unmaskedvalue: () => string;\n  setValue: (val: string) => void;\n}\n\n@Directive({\n  // eslint-disable-next-line\n  selector: '[kirby-decimal-mask]',\n})\nexport class DecimalMaskDirective implements OnInit {\n  @Input() min: number;\n  @Input() max: number;\n  @Input() precision = 2;\n  @Input() setMaxOnOverflow = false;\n  @Input() alignment: 'left' | 'right' = 'right';\n  @Input() padPrecisionDigits: boolean = false;\n\n  @Input() set allowMinus(allowMinus: boolean) {\n    this._allowMinus = allowMinus || (this.min || 0) < 0;\n  }\n\n  @Input() set disableGroupSeperator(disabled: string) {\n    this._groupSeperatorDisabled = String(disabled) === '' || String(disabled) === 'true';\n  }\n\n  @Input() set maxlength(maxlength: number) {\n    this._maxlength = maxlength;\n\n    const maxlengthValue = parseInt('9'.repeat(maxlength));\n    this.max = this.getMax(maxlengthValue);\n    this.min = this.getMin(maxlengthValue);\n  }\n\n  groupSeparator = getLocaleNumberSymbol(this.locale, NumberSymbol.Group);\n  radixPoint = getLocaleNumberSymbol(this.locale, NumberSymbol.Decimal);\n  inputmask: InputMask;\n\n  _allowMinus = false;\n  _maxlength: number;\n  _groupSeperatorDisabled: boolean;\n\n  constructor(\n    private elementRef: ElementRef,\n    @Inject(LOCALE_ID) private locale: string,\n    @Optional() @Inject(NG_VALUE_ACCESSOR) private valueAccessors: ControlValueAccessor[]\n  ) {\n    this.extendBuiltinValueAccessor();\n  }\n\n  ngOnInit(): void {\n    const element = this.elementRef.nativeElement;\n    // Set type=\"text\", because functionality like 'setSelectionRange' are not supported on type=\"number\"\n    element.setAttribute('type', 'text');\n\n    // Remove maxlength as this is handled by the mask\n    element.removeAttribute('maxlength');\n\n    if (element.value) {\n      element.value = this.toLocaleRadixPoint(element.value);\n    }\n\n    this.initMask();\n  }\n\n  private initMask(): void {\n    new Inputmask('decimal', {\n      groupSeparator: this._groupSeperatorDisabled ? '' : this.groupSeparator,\n      radixPoint: this.radixPoint,\n      digits: this._maxlength ? 0 : this.precision,\n      digitsOptional: !this.padPrecisionDigits,\n      min: this.min,\n      max: this.max,\n      allowMinus: this._allowMinus,\n      negationSymbol: {\n        front: getLocaleNumberSymbol(this.locale, NumberSymbol.MinusSign),\n        back: '',\n      },\n      SetMaxOnOverflow: this.setMaxOnOverflow,\n      showMaskOnFocus: false,\n      showMaskOnHover: false,\n      placeholder: this.padPrecisionDigits ? undefined : '',\n      rightAlign: this.alignment === 'right',\n      onBeforeWrite: () => {\n        if (!this.inputmask) return;\n      },\n    }).mask(this.elementRef.nativeElement);\n    this.inputmask = this.elementRef.nativeElement.inputmask;\n  }\n\n  private getMax(maxlengthValue: number): number {\n    return this.max === undefined ? maxlengthValue : Math.min(this.max, maxlengthValue);\n  }\n\n  private getMin(maxlengthValue: number): number {\n    if (!this.allowMinus) return;\n    maxlengthValue = -Math.abs(maxlengthValue);\n    return this.min === undefined ? maxlengthValue : -Math.abs(Math.max(this.min, maxlengthValue));\n  }\n\n  private toLocaleRadixPoint(value: string): string {\n    return value.replace('.', this.radixPoint);\n  }\n\n  private toStandardRadixPoint(value: string): string {\n    return value.replace(this.radixPoint, '.');\n  }\n\n  private extendBuiltinValueAccessor(): void {\n    extendValueAccessors<string>(this.valueAccessors, {\n      writeValue: {\n        afterWriteValue: (value) => {\n          // Update the inputmask display when value is set programmatically\n          if (this.inputmask && value != null) {\n            this.inputmask.setValue(this.toLocaleRadixPoint(String(value)));\n          }\n        },\n      },\n      registerOnChange: {\n        transformValue: (value) => {\n          // Provide unmasked and normalized values to the form control\n          if (this.inputmask) {\n            return this.toStandardRadixPoint(this.inputmask.unmaskedvalue());\n          }\n          return value;\n        },\n      },\n    });\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { FormFieldMessageComponent } from './form-field-message/form-field-message.component';\nimport { FormFieldComponent } from './form-field.component';\nimport { InputCounterComponent } from './input-counter/input-counter.component';\nimport { DecimalMaskDirective } from './directives/decimal-mask/decimal-mask.directive';\nimport { AffixDirective } from './directives/affix/affix.directive';\n\nconst imports = [FormFieldComponent, FormFieldMessageComponent, InputCounterComponent];\n\n@NgModule({\n  imports: [CommonModule, DecimalMaskDirective, IconModule, AffixDirective, ...imports],\n  exports: [...imports, DecimalMaskDirective, AffixDirective],\n})\nexport class FormFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1","i3"],"mappings":"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"}

package/fesm2022/kirbydesign-designsystem-gesture.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, Injectable } from '@angular/core';
-import { GestureController as GestureController$1 } from '@ionic/angular';
+import { GestureController as GestureController$1 } from '@ionic/angular/standalone';
 
 class GestureController {
     constructor() {

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

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-gesture.mjs","sources":["../../gesture/src/gesture-controller.service.ts","../../gesture/src/kirbydesign-designsystem-gesture.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { GestureController as IonicGestureController } from '@ionic/angular';\n\nimport { Gesture, GestureConfig } from './gesture.types';\n\n@Injectable()\nexport class GestureController {\n  private readonly ionicGestureController = inject(IonicGestureController);\n\n  create(config: GestureConfig, runInsideAngularZone = false): Gesture {\n    return this.ionicGestureController.create(config, runInsideAngularZone);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["IonicGestureController"],"mappings":";;;;MAMa,iBAAiB,CAAA;AAD9B,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,sBAAsB,GAAG,MAAM,CAACA,mBAAsB,CAAC;AAKzE,IAAA;AAHC,IAAA,MAAM,CAAC,MAAqB,EAAE,oBAAoB,GAAG,KAAK,EAAA;QACxD,OAAO,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC;IACzE;kIALW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;sIAAjB,iBAAiB,EAAA,CAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B;;;ACLD;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-designsystem-gesture.mjs","sources":["../../gesture/src/gesture-controller.service.ts","../../gesture/src/kirbydesign-designsystem-gesture.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { GestureController as IonicGestureController } from '@ionic/angular/standalone';\n\nimport { Gesture, GestureConfig } from './gesture.types';\n\n@Injectable()\nexport class GestureController {\n  private readonly ionicGestureController = inject(IonicGestureController);\n\n  create(config: GestureConfig, runInsideAngularZone = false): Gesture {\n    return this.ionicGestureController.create(config, runInsideAngularZone);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["IonicGestureController"],"mappings":";;;;MAMa,iBAAiB,CAAA;AAD9B,IAAA,WAAA,GAAA;AAEmB,QAAA,IAAA,CAAA,sBAAsB,GAAG,MAAM,CAACA,mBAAsB,CAAC;AAKzE,IAAA;AAHC,IAAA,MAAM,CAAC,MAAqB,EAAE,oBAAoB,GAAG,KAAK,EAAA;QACxD,OAAO,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC;IACzE;kIALW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;sIAAjB,iBAAiB,EAAA,CAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B;;;ACLD;;AAEG;;;;"}