@kirbydesign/designsystem 10.3.1 → 10.4.0

package/fesm2022/kirbydesign-designsystem.mjs

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ElementRef, Component, ChangeDetectionStrategy, ViewChild, Input, HostBinding, Output, HostListener, Directive, InjectionToken, NgModule, Optional, Inject } from '@angular/core';
+import { EventEmitter, ElementRef, forwardRef, HostListener, Output, Input, HostBinding, ViewChild, ChangeDetectionStrategy, Component, Directive, Optional, Inject, NgModule } from '@angular/core';
 import * as i1 from '@kirbydesign/designsystem/icon';
 import { IconModule } from '@kirbydesign/designsystem/icon';
 export * from '@kirbydesign/designsystem/icon';
 import { BadgeComponent } from '@kirbydesign/designsystem/badge';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { IonSegment, IonSegmentButton } from '@ionic/angular/standalone';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -22,6 +23,8 @@ import { CardModule } from '@kirbydesign/designsystem/card';
 export * from '@kirbydesign/designsystem/card';
 import { CheckboxComponent } from '@kirbydesign/designsystem/checkbox';
 export * from '@kirbydesign/designsystem/checkbox';
+import { provideKirby, KIRBY_CONFIG } from '@kirbydesign/designsystem/config';
+export * from '@kirbydesign/designsystem/config';
 import { TableSortableComponent } from '@kirbydesign/designsystem/data-table';
 export * from '@kirbydesign/designsystem/data-table';
 import { DividerComponent } from '@kirbydesign/designsystem/divider';
@@ -46,8 +49,6 @@ import { ItemSlidingComponent } from '@kirbydesign/designsystem/item-sliding';
 export * from '@kirbydesign/designsystem/item-sliding';
 import { KirbyAppModule } from '@kirbydesign/designsystem/kirby-app';
 export * from '@kirbydesign/designsystem/kirby-app';
-import { KirbyIonicModule } from '@kirbydesign/designsystem/kirby-ionic-module';
-export * from '@kirbydesign/designsystem/kirby-ionic-module';
 import { ListModule } from '@kirbydesign/designsystem/list';
 export * from '@kirbydesign/designsystem/list';
 import { LoadingOverlayComponent, LoadingOverlayService } from '@kirbydesign/designsystem/loading-overlay';
@@ -106,11 +107,17 @@ class SegmentedControlComponent {
     constructor() {
         this.mode = SegmentedControlMode.default;
         this._items = [];
+        this.isDisabled = false;
         this._selectedIndex = -1;
         this.selectedIndexChange = new EventEmitter();
         this._disableChangeOnSwipe = false;
         this.segmentSelect = new EventEmitter();
         this._segmentElementHasFocus = false;
+        // Initialize default ControlValueAccessor callback functions (noop)
+        // eslint-disable-next-line no-empty-function
+        this.onChange = () => { };
+        // eslint-disable-next-line no-empty-function
+        this.onTouched = () => { };
     }
     /**
      * Ensure that the click actually did originate from within the segment-button.
@@ -192,6 +199,8 @@ class SegmentedControlComponent {
             this.selectedIndex = selectedItemIndex;
             setTimeout(() => {
                 this.segmentSelect.emit(this.value);
+                this.onChange(this.value);
+                this.onTouched();
             });
         }
     }
@@ -214,13 +223,68 @@ class SegmentedControlComponent {
     _onFocusInOut() {
         // @HostListener(focusin|focusout) triggers Change Detection and updates attr.tabindex on each ion-segment-button
         this._segmentElementHasFocus = this.ionSegmentElement.nativeElement.matches(':focus-within');
+        if (!this._segmentElementHasFocus) {
+            this.onTouched();
+        }
+    }
+    /**
+     * Sets the segmented control's value. Part of the ControlValueAccessor interface
+     * required to integrate with Angular's core forms API.
+     *
+     * @param value New value to be written to the model.
+     */
+    writeValue(value) {
+        if (value !== this._value) {
+            this.value = value;
+        }
+    }
+    /**
+     * Saves a callback function to be invoked when the segmented control's value
+     * changes from user input. Part of the ControlValueAccessor interface
+     * required to integrate with Angular's core forms API.
+     *
+     * @param fn Callback to be triggered when the value changes.
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /**
+     * Saves a callback function to be invoked when the segmented control is blurred
+     * by the user. Part of the ControlValueAccessor interface required
+     * to integrate with Angular's core forms API.
+     *
+     * @param fn Callback to be triggered when the component has been touched.
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * Disables the segmented control. Part of the ControlValueAccessor interface required
+     * to integrate with Angular's core forms API.
+     *
+     * @param isDisabled Sets whether the component is disabled.
+     */
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: SegmentedControlComponent, isStandalone: true, selector: "kirby-segmented-control", inputs: { mode: "mode", items: "items", selectedIndex: "selectedIndex", value: "value", size: "size", disableChangeOnSwipe: "disableChangeOnSwipe" }, outputs: { selectedIndexChange: "selectedIndexChange", segmentSelect: "segmentSelect" }, host: { listeners: { "focusin": "_onFocusInOut()", "focusout": "_onFocusInOut()" }, properties: { "class": "this._modeCssClass", "class.sm": "this.isSmallSize" } }, viewQueries: [{ propertyName: "ionSegmentElement", first: true, predicate: IonSegment, descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<ion-segment\n  [value]=\"value?.id\"\n  [scrollable]=\"disableChangeOnSwipe || mode !== 'default'\"\n  (ionChange)=\"onSegmentSelect($event.detail.value)\"\n  (click)=\"preventOutsideClick($event)\"\n>\n  <ion-segment-button\n    *ngFor=\"let item of items; let i = index\"\n    [value]=\"item.id\"\n    [attr.tabindex]=\"getTabIndex(item, i)\"\n    (click)=\"focusNativeButton($event)\"\n  >\n    {{ item.text }}\n    <kirby-badge\n      *ngIf=\"item.badge\"\n      role=\"text\"\n      [attr.aria-label]=\"item.badge.description\"\n      [themeColor]=\"item.badge.themeColor\"\n    >\n      <ng-container *ngIf=\"item.badge.icon; else badgeContent\">\n        <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n      </ng-container>\n      <ng-template #badgeContent>\n        {{ item.badge.content }}\n      </ng-template>\n    </kirby-badge>\n  </ion-segment-button>\n</ion-segment>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none;--kirby-badge-position: absolute;--kirby-badge-top: -8px;--kirby-badge-right: -16px;--kirby-badge-z-index: 2}:host.sm ion-segment-button{min-height:32px;font-size:12px;--padding-start: 16px;--padding-end: 16px;--kirby-badge-right: -8px}@media (hover: hover) and (pointer: fine){:host.sm ion-segment-button{outline:none;border-radius:999px}:host.sm ion-segment-button:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host.sm ion-segment-button:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host.sm ion-segment-button:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host.default-mode ion-segment{--background: var(--kirby-inputs-background-color);box-shadow:var(--kirby-inputs-elevation);overflow:visible;contain:none;width:fit-content}:host.default-mode ion-segment-button{--color-hover: rgba(var(--kirby-black-rgb), .4)}:host.chip-mode ion-segment{--background: none;border-radius:0;padding:4px;gap:8px}@media (pointer: coarse){:host.chip-mode ion-segment{scrollbar-width:none}:host.chip-mode ion-segment::-webkit-scrollbar{display:none}}:host.chip-mode ion-segment-button{--background: var(--kirby-inputs-background-color);--indicator-transition: none}:host.chip-mode ion-segment-button::part(indicator){padding-inline:0}:host.compact ion-segment{--background: transparent}:host.compact ion-segment-button{--background: transparent;--padding-start: 12px;--padding-end: 12px}@media (hover: hover){:host.chip-mode ion-segment-button:hover,:host.compact ion-segment-button:hover{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}@media (hover: hover){:host.chip-mode ion-segment-button.segment-button-checked:hover,:host.compact ion-segment-button.segment-button-checked:hover{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black-contrast);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-segment{border-radius:999px;grid-auto-columns:max-content;box-sizing:border-box}@media (hover: hover) and (pointer: fine){ion-segment-button:focus-within::part(native){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}ion-segment-button{position:relative}ion-segment-button:after{content:\"\";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}ion-segment-button{--border-radius: 999px;--border-style: none;--background: none;--color: var(--kirby-inputs-color);--indicator-color: var(--kirby-inputs-indicator-background-color);--color-checked: var(--kirby-inputs-indicator-color);--indicator-box-shadow: none;--indicator-transform: none;--padding-start: 24px;--padding-end: 24px;--margin-bottom: 0;--margin-end: 0;--margin-start: 0;--margin-top: 0;min-height:40px;min-width:fit-content;font-weight:400;font-size:14px;text-transform:none;margin:0}ion-segment-button::part(native){border-radius:var(--border-radius);contain:none;overflow:visible;opacity:1}ion-segment-button::part(native):after{transition:all 80ms linear 0ms;border-radius:var(--border-radius)}ion-segment-button::part(indicator){padding-inline:0}\n"], dependencies: [{ kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "component", type: BadgeComponent, selector: "kirby-badge", inputs: ["text", "size"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["disabled", "layout", "mode", "type", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: SegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: SegmentedControlComponent, isStandalone: true, selector: "kirby-segmented-control", inputs: { mode: "mode", items: "items", selectedIndex: "selectedIndex", value: "value", size: "size", disableChangeOnSwipe: "disableChangeOnSwipe" }, outputs: { selectedIndexChange: "selectedIndexChange", segmentSelect: "segmentSelect" }, host: { listeners: { "focusin": "_onFocusInOut()", "focusout": "_onFocusInOut()" }, properties: { "class": "this._modeCssClass", "class.sm": "this.isSmallSize" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef((() => SegmentedControlComponent)),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "ionSegmentElement", first: true, predicate: IonSegment, descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<ion-segment\n  [value]=\"value?.id\"\n  [scrollable]=\"disableChangeOnSwipe || mode !== 'default'\"\n  (ionChange)=\"onSegmentSelect($event.detail.value)\"\n  (click)=\"preventOutsideClick($event)\"\n  [disabled]=\"isDisabled\"\n>\n  <ion-segment-button\n    *ngFor=\"let item of items; let i = index\"\n    [value]=\"item.id\"\n    [attr.tabindex]=\"getTabIndex(item, i)\"\n    (click)=\"focusNativeButton($event)\"\n  >\n    {{ item.text }}\n    <kirby-badge\n      *ngIf=\"item.badge\"\n      role=\"text\"\n      [attr.aria-label]=\"item.badge.description\"\n      [themeColor]=\"item.badge.themeColor\"\n    >\n      <ng-container *ngIf=\"item.badge.icon; else badgeContent\">\n        <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n      </ng-container>\n      <ng-template #badgeContent>\n        {{ item.badge.content }}\n      </ng-template>\n    </kirby-badge>\n  </ion-segment-button>\n</ion-segment>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none;--kirby-badge-position: absolute;--kirby-badge-top: -8px;--kirby-badge-right: -16px;--kirby-badge-z-index: 2}:host.sm ion-segment-button{min-height:32px;font-size:12px;--padding-start: 16px;--padding-end: 16px;--kirby-badge-right: -8px}@media (hover: hover) and (pointer: fine){:host.sm ion-segment-button{outline:none;border-radius:999px}:host.sm ion-segment-button:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host.sm ion-segment-button:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host.sm ion-segment-button:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host.default-mode ion-segment{--background: var(--kirby-inputs-background-color);box-shadow:var(--kirby-inputs-elevation);overflow:visible;contain:none;width:fit-content}:host.default-mode ion-segment-button{--color-hover: rgba(var(--kirby-black-rgb), .4)}:host.chip-mode ion-segment{--background: none;border-radius:0;padding:4px;gap:8px}@media (pointer: coarse){:host.chip-mode ion-segment{scrollbar-width:none}:host.chip-mode ion-segment::-webkit-scrollbar{display:none}}:host.chip-mode ion-segment-button{--background: var(--kirby-inputs-background-color);--indicator-transition: none}:host.chip-mode ion-segment-button::part(indicator){padding-inline:0}:host.compact ion-segment{--background: transparent}:host.compact ion-segment-button{--background: transparent;--padding-start: 12px;--padding-end: 12px}@media (hover: hover){:host.chip-mode ion-segment-button:hover,:host.compact ion-segment-button:hover{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}@media (hover: hover){:host.chip-mode ion-segment-button.segment-button-checked:hover,:host.compact ion-segment-button.segment-button-checked:hover{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black-contrast);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-segment{border-radius:999px;grid-auto-columns:max-content;box-sizing:border-box}@media (hover: hover) and (pointer: fine){ion-segment-button:focus-within::part(native){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}ion-segment-button{position:relative}ion-segment-button:after{content:\"\";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}ion-segment-button{--border-radius: 999px;--border-style: none;--background: none;--color: var(--kirby-inputs-color);--indicator-color: var(--kirby-inputs-indicator-background-color);--color-checked: var(--kirby-inputs-indicator-color);--indicator-box-shadow: none;--indicator-transform: none;--padding-start: 24px;--padding-end: 24px;--margin-bottom: 0;--margin-end: 0;--margin-start: 0;--margin-top: 0;min-height:40px;min-width:fit-content;font-weight:400;font-size:14px;text-transform:none;margin:0}ion-segment-button::part(native){border-radius:var(--border-radius);contain:none;overflow:visible;opacity:1}ion-segment-button::part(native):after{transition:all 80ms linear 0ms;border-radius:var(--border-radius)}ion-segment-button::part(indicator){padding-inline:0}\n"], dependencies: [{ kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "component", type: BadgeComponent, selector: "kirby-badge", inputs: ["text", "size"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["disabled", "layout", "mode", "type", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SegmentedControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: SegmentedControlComponent, decorators: [{
             type: Component,
-            args: [{ imports: [IconModule, BadgeComponent, CommonModule, IonSegment, IonSegmentButton], selector: 'kirby-segmented-control', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-segment\n  [value]=\"value?.id\"\n  [scrollable]=\"disableChangeOnSwipe || mode !== 'default'\"\n  (ionChange)=\"onSegmentSelect($event.detail.value)\"\n  (click)=\"preventOutsideClick($event)\"\n>\n  <ion-segment-button\n    *ngFor=\"let item of items; let i = index\"\n    [value]=\"item.id\"\n    [attr.tabindex]=\"getTabIndex(item, i)\"\n    (click)=\"focusNativeButton($event)\"\n  >\n    {{ item.text }}\n    <kirby-badge\n      *ngIf=\"item.badge\"\n      role=\"text\"\n      [attr.aria-label]=\"item.badge.description\"\n      [themeColor]=\"item.badge.themeColor\"\n    >\n      <ng-container *ngIf=\"item.badge.icon; else badgeContent\">\n        <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n      </ng-container>\n      <ng-template #badgeContent>\n        {{ item.badge.content }}\n      </ng-template>\n    </kirby-badge>\n  </ion-segment-button>\n</ion-segment>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none;--kirby-badge-position: absolute;--kirby-badge-top: -8px;--kirby-badge-right: -16px;--kirby-badge-z-index: 2}:host.sm ion-segment-button{min-height:32px;font-size:12px;--padding-start: 16px;--padding-end: 16px;--kirby-badge-right: -8px}@media (hover: hover) and (pointer: fine){:host.sm ion-segment-button{outline:none;border-radius:999px}:host.sm ion-segment-button:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host.sm ion-segment-button:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host.sm ion-segment-button:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host.default-mode ion-segment{--background: var(--kirby-inputs-background-color);box-shadow:var(--kirby-inputs-elevation);overflow:visible;contain:none;width:fit-content}:host.default-mode ion-segment-button{--color-hover: rgba(var(--kirby-black-rgb), .4)}:host.chip-mode ion-segment{--background: none;border-radius:0;padding:4px;gap:8px}@media (pointer: coarse){:host.chip-mode ion-segment{scrollbar-width:none}:host.chip-mode ion-segment::-webkit-scrollbar{display:none}}:host.chip-mode ion-segment-button{--background: var(--kirby-inputs-background-color);--indicator-transition: none}:host.chip-mode ion-segment-button::part(indicator){padding-inline:0}:host.compact ion-segment{--background: transparent}:host.compact ion-segment-button{--background: transparent;--padding-start: 12px;--padding-end: 12px}@media (hover: hover){:host.chip-mode ion-segment-button:hover,:host.compact ion-segment-button:hover{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}@media (hover: hover){:host.chip-mode ion-segment-button.segment-button-checked:hover,:host.compact ion-segment-button.segment-button-checked:hover{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black-contrast);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-segment{border-radius:999px;grid-auto-columns:max-content;box-sizing:border-box}@media (hover: hover) and (pointer: fine){ion-segment-button:focus-within::part(native){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}ion-segment-button{position:relative}ion-segment-button:after{content:\"\";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}ion-segment-button{--border-radius: 999px;--border-style: none;--background: none;--color: var(--kirby-inputs-color);--indicator-color: var(--kirby-inputs-indicator-background-color);--color-checked: var(--kirby-inputs-indicator-color);--indicator-box-shadow: none;--indicator-transform: none;--padding-start: 24px;--padding-end: 24px;--margin-bottom: 0;--margin-end: 0;--margin-start: 0;--margin-top: 0;min-height:40px;min-width:fit-content;font-weight:400;font-size:14px;text-transform:none;margin:0}ion-segment-button::part(native){border-radius:var(--border-radius);contain:none;overflow:visible;opacity:1}ion-segment-button::part(native):after{transition:all 80ms linear 0ms;border-radius:var(--border-radius)}ion-segment-button::part(indicator){padding-inline:0}\n"] }]
+            args: [{ imports: [IconModule, BadgeComponent, CommonModule, IonSegment, IonSegmentButton], selector: 'kirby-segmented-control', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef((() => SegmentedControlComponent)),
+                            multi: true,
+                        },
+                    ], template: "<ion-segment\n  [value]=\"value?.id\"\n  [scrollable]=\"disableChangeOnSwipe || mode !== 'default'\"\n  (ionChange)=\"onSegmentSelect($event.detail.value)\"\n  (click)=\"preventOutsideClick($event)\"\n  [disabled]=\"isDisabled\"\n>\n  <ion-segment-button\n    *ngFor=\"let item of items; let i = index\"\n    [value]=\"item.id\"\n    [attr.tabindex]=\"getTabIndex(item, i)\"\n    (click)=\"focusNativeButton($event)\"\n  >\n    {{ item.text }}\n    <kirby-badge\n      *ngIf=\"item.badge\"\n      role=\"text\"\n      [attr.aria-label]=\"item.badge.description\"\n      [themeColor]=\"item.badge.themeColor\"\n    >\n      <ng-container *ngIf=\"item.badge.icon; else badgeContent\">\n        <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n      </ng-container>\n      <ng-template #badgeContent>\n        {{ item.badge.content }}\n      </ng-template>\n    </kirby-badge>\n  </ion-segment-button>\n</ion-segment>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none;--kirby-badge-position: absolute;--kirby-badge-top: -8px;--kirby-badge-right: -16px;--kirby-badge-z-index: 2}:host.sm ion-segment-button{min-height:32px;font-size:12px;--padding-start: 16px;--padding-end: 16px;--kirby-badge-right: -8px}@media (hover: hover) and (pointer: fine){:host.sm ion-segment-button{outline:none;border-radius:999px}:host.sm ion-segment-button:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host.sm ion-segment-button:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host.sm ion-segment-button:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host.default-mode ion-segment{--background: var(--kirby-inputs-background-color);box-shadow:var(--kirby-inputs-elevation);overflow:visible;contain:none;width:fit-content}:host.default-mode ion-segment-button{--color-hover: rgba(var(--kirby-black-rgb), .4)}:host.chip-mode ion-segment{--background: none;border-radius:0;padding:4px;gap:8px}@media (pointer: coarse){:host.chip-mode ion-segment{scrollbar-width:none}:host.chip-mode ion-segment::-webkit-scrollbar{display:none}}:host.chip-mode ion-segment-button{--background: var(--kirby-inputs-background-color);--indicator-transition: none}:host.chip-mode ion-segment-button::part(indicator){padding-inline:0}:host.compact ion-segment{--background: transparent}:host.compact ion-segment-button{--background: transparent;--padding-start: 12px;--padding-end: 12px}@media (hover: hover){:host.chip-mode ion-segment-button:hover,:host.compact ion-segment-button:hover{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}@media (hover: hover){:host.chip-mode ion-segment-button.segment-button-checked:hover,:host.compact ion-segment-button.segment-button-checked:hover{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black-contrast);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-segment{border-radius:999px;grid-auto-columns:max-content;box-sizing:border-box}@media (hover: hover) and (pointer: fine){ion-segment-button:focus-within::part(native){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}ion-segment-button{position:relative}ion-segment-button:after{content:\"\";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}ion-segment-button{--border-radius: 999px;--border-style: none;--background: none;--color: var(--kirby-inputs-color);--indicator-color: var(--kirby-inputs-indicator-background-color);--color-checked: var(--kirby-inputs-indicator-color);--indicator-box-shadow: none;--indicator-transform: none;--padding-start: 24px;--padding-end: 24px;--margin-bottom: 0;--margin-end: 0;--margin-start: 0;--margin-top: 0;min-height:40px;min-width:fit-content;font-weight:400;font-size:14px;text-transform:none;margin:0}ion-segment-button::part(native){border-radius:var(--border-radius);contain:none;overflow:visible;opacity:1}ion-segment-button::part(native):after{transition:all 80ms linear 0ms;border-radius:var(--border-radius)}ion-segment-button::part(indicator){padding-inline:0}\n"] }]
         }], propDecorators: { ionSegmentElement: [{
                 type: ViewChild,
                 args: [IonSegment, { static: true, read: ElementRef }]
@@ -268,10 +332,10 @@ class KeyHandlerDirective {
             hostElement.click();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KeyHandlerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: KeyHandlerDirective, isStandalone: false, selector: "[keyHandler]", host: { listeners: { "keyup": "keyEvent($event)" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: KeyHandlerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.5", type: KeyHandlerDirective, isStandalone: false, selector: "[keyHandler]", host: { listeners: { "keyup": "keyEvent($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KeyHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: KeyHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -295,10 +359,10 @@ class ModalRouterLinkDirective {
         this.modalNavigationService.navigateToModal(this.path, typeof this.queryParams !== 'string' ? this.queryParams : null);
         return false;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ModalRouterLinkDirective, deps: [{ token: i1$1.ModalNavigationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: ModalRouterLinkDirective, isStandalone: false, selector: "[kirbyModalRouterLink]", inputs: { path: ["kirbyModalRouterLink", "path"], queryParams: ["kirbyModalQueryParams", "queryParams"] }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ModalRouterLinkDirective, deps: [{ token: i1$1.ModalNavigationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.5", type: ModalRouterLinkDirective, isStandalone: false, selector: "[kirbyModalRouterLink]", inputs: { path: ["kirbyModalRouterLink", "path"], queryParams: ["kirbyModalQueryParams", "queryParams"] }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ModalRouterLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: ModalRouterLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[kirbyModalRouterLink]`,
@@ -391,24 +455,18 @@ const providers = [
     ResizeObserverService,
     CanDismissHelper,
 ];
-const ConfigToken = new InjectionToken('USERCONFIG');
 class KirbyModule {
     static forChild(config) {
         return {
             ngModule: KirbyModule,
-            providers: [
-                {
-                    provide: ConfigToken,
-                    useValue: config,
-                },
-            ],
+            providers: [provideKirby(config)],
         };
     }
     constructor(modalController, config) {
         modalController.initialize(config && config.moduleRootRoutePath);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KirbyModule, deps: [{ token: i1$1.ModalController }, { token: ConfigToken, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: KirbyModule, declarations: [ModalRouterLinkDirective, KeyHandlerDirective], imports: [CommonModule, RouterModule, KirbyIonicModule, KirbyAppModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: KirbyModule, deps: [{ token: i1$1.ModalController }, { token: KIRBY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.5", ngImport: i0, type: KirbyModule, declarations: [ModalRouterLinkDirective, KeyHandlerDirective], imports: [CommonModule, RouterModule, KirbyAppModule,
             RouterOutletModule,
             PageModule,
             HeaderModule,
@@ -515,7 +573,7 @@ class KirbyModule {
             BadgeComponent,
             ModalComponent,
             TableSortableComponent, ModalRouterLinkDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KirbyModule, providers: providers, imports: [CommonModule, RouterModule, KirbyIonicModule, KirbyAppModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: KirbyModule, providers: providers, imports: [CommonModule, RouterModule, KirbyAppModule,
             RouterOutletModule,
             PageModule,
             HeaderModule,
@@ -586,10 +644,10 @@ class KirbyModule {
             AccordionModule,
             HeaderModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KirbyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: KirbyModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, RouterModule, KirbyIonicModule, ...importedModules],
+                    imports: [CommonModule, RouterModule, ...importedModules],
                     declarations: [declarations],
                     providers: providers,
                     exports: [allExports],
@@ -598,7 +656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [ConfigToken]
+                    args: [KIRBY_CONFIG]
                 }] }] });
 
 /**

package/fesm2022/kirbydesign-designsystem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem.mjs","sources":["../../src/lib/components/segmented-control/segmented-control.component.ts","../../src/lib/components/segmented-control/segmented-control.component.html","../../src/lib/components/index.ts","../../src/lib/directives/key-handler/key-handler.directive.ts","../../src/lib/directives/modal-router-link/modal-router-link.directive.ts","../../src/lib/kirby.module.ts","../../src/kirbydesign-designsystem.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { BadgeComponent } from '@kirbydesign/designsystem/badge';\n\nimport { IonSegment, IonSegmentButton } from '@ionic/angular/standalone';\nimport { CommonModule } from '@angular/common';\nimport { SegmentItem } from './segment-item';\n\nexport enum SegmentedControlMode {\n  chip = 'chip',\n  compactChip = 'compactChip',\n  default = 'default',\n}\n\n@Component({\n  imports: [IconModule, BadgeComponent, CommonModule, IonSegment, IonSegmentButton],\n  selector: 'kirby-segmented-control',\n  templateUrl: './segmented-control.component.html',\n  styleUrls: ['./segmented-control.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SegmentedControlComponent<TItem extends SegmentItem = SegmentItem> {\n  @ViewChild(IonSegment, { static: true, read: ElementRef })\n  private ionSegmentElement: ElementRef<HTMLIonSegmentElement>;\n\n  /**\n   * Ensure that the click actually did originate from within the segment-button.\n   * We do not want to react to clicks on e.g. segment-btn-wrapper or badge.\n   */\n  preventOutsideClick(event: TouchEvent) {\n    if (event.target instanceof HTMLElement) {\n      const targetIsInSegmentBtn = !!event.target.closest('ion-segment-button');\n      if (!targetIsInSegmentBtn) {\n        event.stopImmediatePropagation();\n      }\n    }\n  }\n\n  @Input() mode: SegmentedControlMode | `${SegmentedControlMode}` = SegmentedControlMode.default;\n\n  @HostBinding('class')\n  get _modeCssClass() {\n    return {\n      [SegmentedControlMode.chip]: 'chip-mode',\n      [SegmentedControlMode.default]: 'default-mode',\n      [SegmentedControlMode.compactChip]: 'compact chip-mode',\n    }[this.mode];\n  }\n\n  private _items: TItem[] = [];\n  get items(): TItem[] {\n    return this._items;\n  }\n\n  @Input() set items(value: TItem[]) {\n    this._items = value || [];\n    this._value = this.items[this.selectedIndex];\n    this.ensureIonSegmentSelected();\n  }\n\n  /**\n   * After upgrading to Ionic standalone components (Ionic v.7.6.6)\n   * there is a lifecycle bug between Angular/Ionic/Stencil that prevents\n   * the value of the segment component to be reflected in the checked state\n   * of it's slotted segment buttons.\n   * This has been patched here: https://github.com/ionic-team/ionic-framework/pull/28837\n   * However the patch doesn't fix the problem if `items` are updated after first initialization\n   * and the ion-segment-button(s) are re-rerendered.\n   */\n  private ensureIonSegmentSelected() {\n    const ionSegment = this.ionSegmentElement.nativeElement;\n    const ionSelectEvent = ionSegment['ionSelect'];\n    if (this._value && typeof ionSelectEvent?.emit === 'function') {\n      // Ensure changes has been reflected to the DOM:\n      setTimeout(() => {\n        const selectedSegmentButton = ionSegment.querySelector(\n          'ion-segment-button.segment-button-checked'\n        );\n        if (selectedSegmentButton) return; // Nothing to patch\n\n        ionSelectEvent.emit({ value: this._value?.id });\n      });\n    }\n  }\n\n  private _selectedIndex: number = -1;\n  get selectedIndex(): number {\n    return this._selectedIndex;\n  }\n\n  @Input() set selectedIndex(index: number) {\n    if (index !== this._selectedIndex) {\n      this._selectedIndex = index;\n      this._value = this.items[this.selectedIndex];\n      this.selectedIndexChange.emit(this.selectedIndex);\n    }\n  }\n\n  @Output() selectedIndexChange = new EventEmitter<number>();\n\n  private _value: NoInfer<TItem>;\n  get value(): NoInfer<TItem> {\n    return this._value;\n  }\n\n  @Input() set value(value: NoInfer<TItem>) {\n    this.selectedIndex = this.items.indexOf(value);\n  }\n\n  @HostBinding('class.sm')\n  isSmallSize: boolean;\n\n  @Input() set size(size: 'sm' | 'md') {\n    this.isSmallSize = size === 'sm';\n  }\n\n  private _disableChangeOnSwipe: boolean = false;\n  get disableChangeOnSwipe(): boolean {\n    return this._disableChangeOnSwipe;\n  }\n\n  @Input() set disableChangeOnSwipe(value: boolean) {\n    this._disableChangeOnSwipe = value;\n  }\n\n  @Output() segmentSelect = new EventEmitter<TItem>();\n\n  onSegmentSelect(selectedId: string) {\n    const selectedItemIndex = this.items.findIndex((item) => selectedId === item.id);\n\n    if (selectedItemIndex !== this.selectedIndex) {\n      this.selectedIndex = selectedItemIndex;\n      setTimeout(() => {\n        this.segmentSelect.emit(this.value);\n      });\n    }\n  }\n\n  focusNativeButton(event: UIEvent) {\n    (event.target as HTMLIonSegmentButtonElement)?.setFocus();\n  }\n\n  private _segmentElementHasFocus = false;\n\n  getTabIndex(item: TItem, index: number) {\n    // When focused prevent tab stop from inner native button to outer ion-segment-button:\n    if (this._segmentElementHasFocus) return -1;\n    // Allow tab stop on selected item:\n    if (item.id === this.value?.id) return null;\n    // Allow tab stop on first item if no value is set:\n    if (!this.value && index === 0) return null;\n    // Prevent tab stop on all other items:\n    return -1;\n  }\n\n  @HostListener('focusin')\n  @HostListener('focusout')\n  _onFocusInOut() {\n    // @HostListener(focusin|focusout) triggers Change Detection and updates attr.tabindex on each ion-segment-button\n    this._segmentElementHasFocus = this.ionSegmentElement.nativeElement.matches(':focus-within');\n  }\n}\n","<ion-segment\n  [value]=\"value?.id\"\n  [scrollable]=\"disableChangeOnSwipe || mode !== 'default'\"\n  (ionChange)=\"onSegmentSelect($event.detail.value)\"\n  (click)=\"preventOutsideClick($event)\"\n>\n  <ion-segment-button\n    *ngFor=\"let item of items; let i = index\"\n    [value]=\"item.id\"\n    [attr.tabindex]=\"getTabIndex(item, i)\"\n    (click)=\"focusNativeButton($event)\"\n  >\n    {{ item.text }}\n    <kirby-badge\n      *ngIf=\"item.badge\"\n      role=\"text\"\n      [attr.aria-label]=\"item.badge.description\"\n      [themeColor]=\"item.badge.themeColor\"\n    >\n      <ng-container *ngIf=\"item.badge.icon; else badgeContent\">\n        <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n      </ng-container>\n      <ng-template #badgeContent>\n        {{ item.badge.content }}\n      </ng-template>\n    </kirby-badge>\n  </ion-segment-button>\n</ion-segment>\n","/* prettier-ignore */\nexport { SegmentedControlComponent, SegmentedControlMode} from './segmented-control/segmented-control.component'; // See issue #1555 for prettier-ignore explanation\nexport { SegmentItem } from './segmented-control/segment-item';\n","import { Directive, ElementRef, HostListener } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: `[keyHandler]`,\n  standalone: false,\n})\nexport class KeyHandlerDirective {\n  constructor(private element: ElementRef) {}\n\n  @HostListener('keyup', ['$event'])\n  keyEvent(event: KeyboardEvent) {\n    if (event.key === ' ' || event.key === 'Enter' || event.key === 'Spacebar') {\n      // Prevent the default action to stop scrolling when space is pressed\n      event.preventDefault();\n\n      const hostElement = <HTMLElement>this.element.nativeElement;\n      hostElement.click();\n    }\n  }\n}\n","import { Directive, ElementRef, HostListener, Input, OnInit } from '@angular/core';\nimport { Params } from '@angular/router';\nimport { ModalNavigationService } from '@kirbydesign/designsystem/modal';\n\n@Directive({\n  selector: `[kirbyModalRouterLink]`,\n  standalone: false,\n})\nexport class ModalRouterLinkDirective implements OnInit {\n  constructor(\n    private modalNavigationService: ModalNavigationService,\n    private elementRef: ElementRef\n  ) {}\n\n  ngOnInit(): void {\n    this.elementRef.nativeElement.setAttribute('modal-router-link', '');\n  }\n\n  @Input('kirbyModalRouterLink') path: string | string[];\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('kirbyModalQueryParams') queryParams?: Params;\n\n  @HostListener('click')\n  onClick(): boolean {\n    this.modalNavigationService.navigateToModal(\n      this.path,\n      typeof this.queryParams !== 'string' ? this.queryParams : null\n    );\n    return false;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { Inject, InjectionToken, ModuleWithProviders, NgModule, Optional } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport { CardModule } from '@kirbydesign/designsystem/card';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { KirbyIonicModule } from '@kirbydesign/designsystem/kirby-ionic-module';\nimport {\n  ComponentLoaderDirective,\n  ResizeObserverFactory,\n  ResizeObserverService,\n  ThemeColorDirective,\n} from '@kirbydesign/designsystem/shared';\nimport { FlagComponent } from '@kirbydesign/designsystem/flag';\nimport { SpinnerModule } from '@kirbydesign/designsystem/spinner';\nimport { ToggleComponent } from '@kirbydesign/designsystem/toggle';\nimport { SectionHeaderComponent } from '@kirbydesign/designsystem/section-header';\nimport { ItemModule } from '@kirbydesign/designsystem/item';\nimport { SlideModule } from '@kirbydesign/designsystem/slide';\nimport { ToggleButtonModule } from '@kirbydesign/designsystem/toggle-button';\nimport { TabsModule } from '@kirbydesign/designsystem/tabs';\nimport { SlideButtonComponent } from '@kirbydesign/designsystem/slide-button';\nimport { RangeComponent } from '@kirbydesign/designsystem/range';\nimport { PopoverComponent } from '@kirbydesign/designsystem/popover';\nimport {\n  LoadingOverlayComponent,\n  LoadingOverlayService,\n} from '@kirbydesign/designsystem/loading-overlay';\nimport { DividerComponent } from '@kirbydesign/designsystem/divider';\nimport { CheckboxComponent } from '@kirbydesign/designsystem/checkbox';\nimport { AccordionModule } from '@kirbydesign/designsystem/accordion';\nimport { ItemSlidingComponent } from '@kirbydesign/designsystem/item-sliding';\nimport { ListModule } from '@kirbydesign/designsystem/list';\nimport { RadioModule } from '@kirbydesign/designsystem/radio';\nimport {\n  AffixDirective,\n  FormFieldModule,\n  InputComponent,\n  TextareaComponent,\n} from '@kirbydesign/designsystem/form-field';\nimport { AvatarComponent } from '@kirbydesign/designsystem/avatar';\nimport {\n  ProgressCircleComponent,\n  ProgressCircleRingComponent,\n} from '@kirbydesign/designsystem/progress-circle';\nimport { RouterOutletModule } from '@kirbydesign/designsystem/router-outlet';\n\nimport { ItemGroupComponent } from '@kirbydesign/designsystem/item-group';\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\nimport { CalendarComponent } from '@kirbydesign/designsystem/calendar';\nimport {\n  ActionSheetComponent,\n  ActionSheetHelper,\n  AlertComponent,\n  AlertHelper,\n  CanDismissHelper,\n  ModalCompactWrapperComponent,\n  ModalController,\n  ModalFooterComponent,\n  ModalHelper,\n  ModalWrapperComponent,\n} from '@kirbydesign/designsystem/modal';\nimport { ModalComponent } from '@kirbydesign/designsystem/modal';\nimport { PageModule } from '@kirbydesign/designsystem/page';\nimport { HeaderModule } from '@kirbydesign/designsystem/header';\nimport { EmptyStateModule } from '@kirbydesign/designsystem/empty-state';\nimport { DropdownModule } from '@kirbydesign/designsystem/dropdown';\nimport { KirbyAppModule } from '@kirbydesign/designsystem/kirby-app';\nimport { ChartsModule } from '@kirbydesign/designsystem/chart';\nimport { FabSheetComponent } from '@kirbydesign/designsystem/fab-sheet';\nimport { TableSortableComponent } from '@kirbydesign/designsystem/data-table';\nimport { ReorderListComponent } from '@kirbydesign/designsystem/reorder-list';\n\nimport { ToastController, ToastHelper } from '@kirbydesign/designsystem/toast';\nimport { ActionGroupComponent } from '@kirbydesign/designsystem/action-group';\nimport { MenuComponent } from '@kirbydesign/designsystem/menu';\nimport { TabNavigationModule } from '@kirbydesign/designsystem/tab-navigation';\nimport { BadgeComponent } from '@kirbydesign/designsystem/badge';\nimport { SegmentedControlComponent } from './components/segmented-control/segmented-control.component';\nimport { KeyHandlerDirective } from './directives/key-handler/key-handler.directive';\nimport { ModalRouterLinkDirective } from './directives/modal-router-link/modal-router-link.directive';\n\nconst exportedDeclarations = [ModalRouterLinkDirective];\n\nconst declarations = [...exportedDeclarations, KeyHandlerDirective];\n\nconst standaloneComponents = [\n  ActionGroupComponent,\n  ItemGroupComponent,\n  ModalCompactWrapperComponent,\n  TextareaComponent,\n  InputComponent,\n  AffixDirective,\n  DividerComponent,\n  ThemeColorDirective,\n  SegmentedControlComponent,\n  AlertComponent,\n  PopoverComponent,\n  ProgressCircleRingComponent,\n  ModalWrapperComponent,\n  SectionHeaderComponent,\n  RangeComponent,\n  ItemSlidingComponent,\n  ProgressCircleComponent,\n  ReorderListComponent,\n  LoadingOverlayComponent,\n  FabSheetComponent,\n  ToggleComponent,\n  SlideButtonComponent,\n  SegmentedControlComponent,\n  CheckboxComponent,\n  MenuComponent,\n  ActionSheetComponent,\n  ModalFooterComponent,\n  AvatarComponent,\n  CalendarComponent,\n  ButtonComponent,\n  ComponentLoaderDirective,\n  FlagComponent,\n  BadgeComponent,\n  ModalComponent,\n  TableSortableComponent,\n];\nconst exportedModules = [\n  KirbyAppModule,\n  RouterOutletModule,\n  PageModule,\n  HeaderModule,\n  TabNavigationModule,\n  TabsModule,\n  IconModule,\n  ItemModule,\n  ToggleButtonModule,\n  ListModule,\n  ChartsModule,\n  SpinnerModule,\n  CardModule,\n  RadioModule,\n  EmptyStateModule,\n  DropdownModule,\n  FormFieldModule,\n  SlideModule,\n  AccordionModule,\n  HeaderModule,\n  ...standaloneComponents,\n];\n\nconst allExports = [...exportedModules, ...exportedDeclarations];\n\nconst importedModules = [...exportedModules];\n\nconst providers = [\n  ModalController,\n  ActionSheetHelper,\n  ModalHelper,\n  AlertHelper,\n  ToastHelper,\n  ToastController,\n  LoadingOverlayService,\n  ResizeObserverFactory,\n  ResizeObserverService,\n  CanDismissHelper,\n];\n\nconst ConfigToken = new InjectionToken<unknown>('USERCONFIG');\nexport interface KirbyConfig {\n  moduleRootRoutePath?: string;\n}\n\n@NgModule({\n  imports: [CommonModule, RouterModule, KirbyIonicModule, ...importedModules],\n  declarations: [declarations],\n  providers: providers,\n  exports: [allExports],\n})\nexport class KirbyModule {\n  static forChild(config?: KirbyConfig): ModuleWithProviders<KirbyModule> {\n    return {\n      ngModule: KirbyModule,\n      providers: [\n        {\n          provide: ConfigToken,\n          useValue: config,\n        },\n      ],\n    };\n  }\n\n  constructor(\n    modalController: ModalController,\n    @Optional() @Inject(ConfigToken) config?: KirbyConfig\n  ) {\n    modalController.initialize(config && config.moduleRootRoutePath);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem.mjs","sources":["../../src/lib/components/segmented-control/segmented-control.component.ts","../../src/lib/components/segmented-control/segmented-control.component.html","../../src/lib/components/index.ts","../../src/lib/directives/key-handler/key-handler.directive.ts","../../src/lib/directives/modal-router-link/modal-router-link.directive.ts","../../src/lib/kirby.module.ts","../../src/kirbydesign-designsystem.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { BadgeComponent } from '@kirbydesign/designsystem/badge';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { IonSegment, IonSegmentButton } from '@ionic/angular/standalone';\nimport { CommonModule } from '@angular/common';\nimport { SegmentItem } from './segment-item';\n\nexport enum SegmentedControlMode {\n  chip = 'chip',\n  compactChip = 'compactChip',\n  default = 'default',\n}\n\n@Component({\n  imports: [IconModule, BadgeComponent, CommonModule, IonSegment, IonSegmentButton],\n  selector: 'kirby-segmented-control',\n  templateUrl: './segmented-control.component.html',\n  styleUrls: ['./segmented-control.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SegmentedControlComponent),\n      multi: true,\n    },\n  ],\n})\nexport class SegmentedControlComponent<TItem extends SegmentItem = SegmentItem>\n  implements ControlValueAccessor\n{\n  @ViewChild(IonSegment, { static: true, read: ElementRef })\n  private ionSegmentElement: ElementRef<HTMLIonSegmentElement>;\n\n  /**\n   * Ensure that the click actually did originate from within the segment-button.\n   * We do not want to react to clicks on e.g. segment-btn-wrapper or badge.\n   */\n  preventOutsideClick(event: TouchEvent) {\n    if (event.target instanceof HTMLElement) {\n      const targetIsInSegmentBtn = !!event.target.closest('ion-segment-button');\n      if (!targetIsInSegmentBtn) {\n        event.stopImmediatePropagation();\n      }\n    }\n  }\n\n  @Input() mode: SegmentedControlMode | `${SegmentedControlMode}` = SegmentedControlMode.default;\n\n  @HostBinding('class')\n  get _modeCssClass() {\n    return {\n      [SegmentedControlMode.chip]: 'chip-mode',\n      [SegmentedControlMode.default]: 'default-mode',\n      [SegmentedControlMode.compactChip]: 'compact chip-mode',\n    }[this.mode];\n  }\n\n  private _items: TItem[] = [];\n  get items(): TItem[] {\n    return this._items;\n  }\n\n  @Input() set items(value: TItem[]) {\n    this._items = value || [];\n    this._value = this.items[this.selectedIndex];\n    this.ensureIonSegmentSelected();\n  }\n\n  protected isDisabled = false;\n\n  /**\n   * After upgrading to Ionic standalone components (Ionic v.7.6.6)\n   * there is a lifecycle bug between Angular/Ionic/Stencil that prevents\n   * the value of the segment component to be reflected in the checked state\n   * of it's slotted segment buttons.\n   * This has been patched here: https://github.com/ionic-team/ionic-framework/pull/28837\n   * However the patch doesn't fix the problem if `items` are updated after first initialization\n   * and the ion-segment-button(s) are re-rerendered.\n   */\n  private ensureIonSegmentSelected() {\n    const ionSegment = this.ionSegmentElement.nativeElement;\n    const ionSelectEvent = ionSegment['ionSelect'];\n    if (this._value && typeof ionSelectEvent?.emit === 'function') {\n      // Ensure changes has been reflected to the DOM:\n      setTimeout(() => {\n        const selectedSegmentButton = ionSegment.querySelector(\n          'ion-segment-button.segment-button-checked'\n        );\n        if (selectedSegmentButton) return; // Nothing to patch\n\n        ionSelectEvent.emit({ value: this._value?.id });\n      });\n    }\n  }\n\n  private _selectedIndex: number = -1;\n  get selectedIndex(): number {\n    return this._selectedIndex;\n  }\n\n  @Input() set selectedIndex(index: number) {\n    if (index !== this._selectedIndex) {\n      this._selectedIndex = index;\n      this._value = this.items[this.selectedIndex];\n      this.selectedIndexChange.emit(this.selectedIndex);\n    }\n  }\n\n  @Output() selectedIndexChange = new EventEmitter<number>();\n\n  private _value: NoInfer<TItem>;\n  get value(): NoInfer<TItem> {\n    return this._value;\n  }\n\n  @Input() set value(value: NoInfer<TItem>) {\n    this.selectedIndex = this.items.indexOf(value);\n  }\n\n  @HostBinding('class.sm')\n  isSmallSize: boolean;\n\n  @Input() set size(size: 'sm' | 'md') {\n    this.isSmallSize = size === 'sm';\n  }\n\n  private _disableChangeOnSwipe: boolean = false;\n  get disableChangeOnSwipe(): boolean {\n    return this._disableChangeOnSwipe;\n  }\n\n  @Input() set disableChangeOnSwipe(value: boolean) {\n    this._disableChangeOnSwipe = value;\n  }\n\n  @Output() segmentSelect = new EventEmitter<TItem>();\n\n  onSegmentSelect(selectedId: string) {\n    const selectedItemIndex = this.items.findIndex((item) => selectedId === item.id);\n\n    if (selectedItemIndex !== this.selectedIndex) {\n      this.selectedIndex = selectedItemIndex;\n      setTimeout(() => {\n        this.segmentSelect.emit(this.value);\n        this.onChange(this.value);\n        this.onTouched();\n      });\n    }\n  }\n\n  focusNativeButton(event: UIEvent) {\n    (event.target as HTMLIonSegmentButtonElement)?.setFocus();\n  }\n\n  private _segmentElementHasFocus = false;\n\n  getTabIndex(item: TItem, index: number) {\n    // When focused prevent tab stop from inner native button to outer ion-segment-button:\n    if (this._segmentElementHasFocus) return -1;\n    // Allow tab stop on selected item:\n    if (item.id === this.value?.id) return null;\n    // Allow tab stop on first item if no value is set:\n    if (!this.value && index === 0) return null;\n    // Prevent tab stop on all other items:\n    return -1;\n  }\n\n  @HostListener('focusin')\n  @HostListener('focusout')\n  _onFocusInOut() {\n    // @HostListener(focusin|focusout) triggers Change Detection and updates attr.tabindex on each ion-segment-button\n    this._segmentElementHasFocus = this.ionSegmentElement.nativeElement.matches(':focus-within');\n    if (!this._segmentElementHasFocus) {\n      this.onTouched();\n    }\n  }\n\n  // Initialize default ControlValueAccessor callback functions (noop)\n  // eslint-disable-next-line no-empty-function\n  private onChange: (value: NoInfer<TItem>) => void = () => {};\n  // eslint-disable-next-line no-empty-function\n  private onTouched: () => void = () => {};\n  /**\n   * Sets the segmented control's value. Part of the ControlValueAccessor interface\n   * required to integrate with Angular's core forms API.\n   *\n   * @param value New value to be written to the model.\n   */\n  writeValue(value: NoInfer<TItem>): void {\n    if (value !== this._value) {\n      this.value = value;\n    }\n  }\n\n  /**\n   * Saves a callback function to be invoked when the segmented control's value\n   * changes from user input. Part of the ControlValueAccessor interface\n   * required to integrate with Angular's core forms API.\n   *\n   * @param fn Callback to be triggered when the value changes.\n   */\n  registerOnChange(fn: (value: NoInfer<TItem>) => void): void {\n    this.onChange = fn;\n  }\n\n  /**\n   * Saves a callback function to be invoked when the segmented control is blurred\n   * by the user. Part of the ControlValueAccessor interface required\n   * to integrate with Angular's core forms API.\n   *\n   * @param fn Callback to be triggered when the component has been touched.\n   */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /**\n   * Disables the segmented control. Part of the ControlValueAccessor interface required\n   * to integrate with Angular's core forms API.\n   *\n   * @param isDisabled Sets whether the component is disabled.\n   */\n  setDisabledState(isDisabled: boolean): void {\n    this.isDisabled = isDisabled;\n  }\n}\n","<ion-segment\n  [value]=\"value?.id\"\n  [scrollable]=\"disableChangeOnSwipe || mode !== 'default'\"\n  (ionChange)=\"onSegmentSelect($event.detail.value)\"\n  (click)=\"preventOutsideClick($event)\"\n  [disabled]=\"isDisabled\"\n>\n  <ion-segment-button\n    *ngFor=\"let item of items; let i = index\"\n    [value]=\"item.id\"\n    [attr.tabindex]=\"getTabIndex(item, i)\"\n    (click)=\"focusNativeButton($event)\"\n  >\n    {{ item.text }}\n    <kirby-badge\n      *ngIf=\"item.badge\"\n      role=\"text\"\n      [attr.aria-label]=\"item.badge.description\"\n      [themeColor]=\"item.badge.themeColor\"\n    >\n      <ng-container *ngIf=\"item.badge.icon; else badgeContent\">\n        <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n      </ng-container>\n      <ng-template #badgeContent>\n        {{ item.badge.content }}\n      </ng-template>\n    </kirby-badge>\n  </ion-segment-button>\n</ion-segment>\n","/* prettier-ignore */\nexport { SegmentedControlComponent, SegmentedControlMode} from './segmented-control/segmented-control.component'; // See issue #1555 for prettier-ignore explanation\nexport { SegmentItem } from './segmented-control/segment-item';\n","import { Directive, ElementRef, HostListener } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: `[keyHandler]`,\n  standalone: false,\n})\nexport class KeyHandlerDirective {\n  constructor(private element: ElementRef) {}\n\n  @HostListener('keyup', ['$event'])\n  keyEvent(event: KeyboardEvent) {\n    if (event.key === ' ' || event.key === 'Enter' || event.key === 'Spacebar') {\n      // Prevent the default action to stop scrolling when space is pressed\n      event.preventDefault();\n\n      const hostElement = <HTMLElement>this.element.nativeElement;\n      hostElement.click();\n    }\n  }\n}\n","import { Directive, ElementRef, HostListener, Input, OnInit } from '@angular/core';\nimport { Params } from '@angular/router';\nimport { ModalNavigationService } from '@kirbydesign/designsystem/modal';\n\n@Directive({\n  selector: `[kirbyModalRouterLink]`,\n  standalone: false,\n})\nexport class ModalRouterLinkDirective implements OnInit {\n  constructor(\n    private modalNavigationService: ModalNavigationService,\n    private elementRef: ElementRef\n  ) {}\n\n  ngOnInit(): void {\n    this.elementRef.nativeElement.setAttribute('modal-router-link', '');\n  }\n\n  @Input('kirbyModalRouterLink') path: string | string[];\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('kirbyModalQueryParams') queryParams?: Params;\n\n  @HostListener('click')\n  onClick(): boolean {\n    this.modalNavigationService.navigateToModal(\n      this.path,\n      typeof this.queryParams !== 'string' ? this.queryParams : null\n    );\n    return false;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { Inject, ModuleWithProviders, NgModule, Optional } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport { CardModule } from '@kirbydesign/designsystem/card';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { KIRBY_CONFIG, KirbyConfig } from '@kirbydesign/designsystem/config';\nimport {\n  ComponentLoaderDirective,\n  ResizeObserverFactory,\n  ResizeObserverService,\n  ThemeColorDirective,\n} from '@kirbydesign/designsystem/shared';\nimport { FlagComponent } from '@kirbydesign/designsystem/flag';\nimport { SpinnerModule } from '@kirbydesign/designsystem/spinner';\nimport { ToggleComponent } from '@kirbydesign/designsystem/toggle';\nimport { SectionHeaderComponent } from '@kirbydesign/designsystem/section-header';\nimport { ItemModule } from '@kirbydesign/designsystem/item';\nimport { SlideModule } from '@kirbydesign/designsystem/slide';\nimport { ToggleButtonModule } from '@kirbydesign/designsystem/toggle-button';\nimport { TabsModule } from '@kirbydesign/designsystem/tabs';\nimport { SlideButtonComponent } from '@kirbydesign/designsystem/slide-button';\nimport { RangeComponent } from '@kirbydesign/designsystem/range';\nimport { PopoverComponent } from '@kirbydesign/designsystem/popover';\nimport {\n  LoadingOverlayComponent,\n  LoadingOverlayService,\n} from '@kirbydesign/designsystem/loading-overlay';\nimport { DividerComponent } from '@kirbydesign/designsystem/divider';\nimport { CheckboxComponent } from '@kirbydesign/designsystem/checkbox';\nimport { AccordionModule } from '@kirbydesign/designsystem/accordion';\nimport { ItemSlidingComponent } from '@kirbydesign/designsystem/item-sliding';\nimport { ListModule } from '@kirbydesign/designsystem/list';\nimport { RadioModule } from '@kirbydesign/designsystem/radio';\nimport {\n  AffixDirective,\n  FormFieldModule,\n  InputComponent,\n  TextareaComponent,\n} from '@kirbydesign/designsystem/form-field';\nimport { AvatarComponent } from '@kirbydesign/designsystem/avatar';\nimport {\n  ProgressCircleComponent,\n  ProgressCircleRingComponent,\n} from '@kirbydesign/designsystem/progress-circle';\nimport { RouterOutletModule } from '@kirbydesign/designsystem/router-outlet';\n\nimport { ItemGroupComponent } from '@kirbydesign/designsystem/item-group';\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\nimport { CalendarComponent } from '@kirbydesign/designsystem/calendar';\nimport {\n  ActionSheetComponent,\n  ActionSheetHelper,\n  AlertComponent,\n  AlertHelper,\n  CanDismissHelper,\n  ModalCompactWrapperComponent,\n  ModalController,\n  ModalFooterComponent,\n  ModalHelper,\n  ModalWrapperComponent,\n} from '@kirbydesign/designsystem/modal';\nimport { ModalComponent } from '@kirbydesign/designsystem/modal';\nimport { PageModule } from '@kirbydesign/designsystem/page';\nimport { HeaderModule } from '@kirbydesign/designsystem/header';\nimport { EmptyStateModule } from '@kirbydesign/designsystem/empty-state';\nimport { DropdownModule } from '@kirbydesign/designsystem/dropdown';\nimport { KirbyAppModule } from '@kirbydesign/designsystem/kirby-app';\nimport { ChartsModule } from '@kirbydesign/designsystem/chart';\nimport { FabSheetComponent } from '@kirbydesign/designsystem/fab-sheet';\nimport { TableSortableComponent } from '@kirbydesign/designsystem/data-table';\nimport { ReorderListComponent } from '@kirbydesign/designsystem/reorder-list';\n\nimport { ToastController, ToastHelper } from '@kirbydesign/designsystem/toast';\nimport { ActionGroupComponent } from '@kirbydesign/designsystem/action-group';\nimport { MenuComponent } from '@kirbydesign/designsystem/menu';\nimport { TabNavigationModule } from '@kirbydesign/designsystem/tab-navigation';\nimport { BadgeComponent } from '@kirbydesign/designsystem/badge';\n\nimport { provideKirby } from '@kirbydesign/designsystem/config';\nimport { SegmentedControlComponent } from './components/segmented-control/segmented-control.component';\nimport { KeyHandlerDirective } from './directives/key-handler/key-handler.directive';\nimport { ModalRouterLinkDirective } from './directives/modal-router-link/modal-router-link.directive';\n\nconst exportedDeclarations = [ModalRouterLinkDirective];\n\nconst declarations = [...exportedDeclarations, KeyHandlerDirective];\n\nconst standaloneComponents = [\n  ActionGroupComponent,\n  ItemGroupComponent,\n  ModalCompactWrapperComponent,\n  TextareaComponent,\n  InputComponent,\n  AffixDirective,\n  DividerComponent,\n  ThemeColorDirective,\n  SegmentedControlComponent,\n  AlertComponent,\n  PopoverComponent,\n  ProgressCircleRingComponent,\n  ModalWrapperComponent,\n  SectionHeaderComponent,\n  RangeComponent,\n  ItemSlidingComponent,\n  ProgressCircleComponent,\n  ReorderListComponent,\n  LoadingOverlayComponent,\n  FabSheetComponent,\n  ToggleComponent,\n  SlideButtonComponent,\n  SegmentedControlComponent,\n  CheckboxComponent,\n  MenuComponent,\n  ActionSheetComponent,\n  ModalFooterComponent,\n  AvatarComponent,\n  CalendarComponent,\n  ButtonComponent,\n  ComponentLoaderDirective,\n  FlagComponent,\n  BadgeComponent,\n  ModalComponent,\n  TableSortableComponent,\n];\nconst exportedModules = [\n  KirbyAppModule,\n  RouterOutletModule,\n  PageModule,\n  HeaderModule,\n  TabNavigationModule,\n  TabsModule,\n  IconModule,\n  ItemModule,\n  ToggleButtonModule,\n  ListModule,\n  ChartsModule,\n  SpinnerModule,\n  CardModule,\n  RadioModule,\n  EmptyStateModule,\n  DropdownModule,\n  FormFieldModule,\n  SlideModule,\n  AccordionModule,\n  HeaderModule,\n  ...standaloneComponents,\n];\n\nconst allExports = [...exportedModules, ...exportedDeclarations];\n\nconst importedModules = [...exportedModules];\n\nconst providers = [\n  ModalController,\n  ActionSheetHelper,\n  ModalHelper,\n  AlertHelper,\n  ToastHelper,\n  ToastController,\n  LoadingOverlayService,\n  ResizeObserverFactory,\n  ResizeObserverService,\n  CanDismissHelper,\n];\n\n@NgModule({\n  imports: [CommonModule, RouterModule, ...importedModules],\n  declarations: [declarations],\n  providers: providers,\n  exports: [allExports],\n})\nexport class KirbyModule {\n  static forChild(config?: KirbyConfig): ModuleWithProviders<KirbyModule> {\n    return {\n      ngModule: KirbyModule,\n      providers: [provideKirby(config)],\n    };\n  }\n\n  constructor(\n    modalController: ModalController,\n    @Optional() @Inject(KIRBY_CONFIG) config?: KirbyConfig\n  ) {\n    modalController.initialize(config && config.moduleRootRoutePath);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/form-field/form-field.component.d.ts

@@ -1,32 +1,43 @@
-import { AfterContentChecked, AfterContentInit, ElementRef, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
+import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
 import { PlatformService } from '@kirbydesign/designsystem/helpers';
 import { ResizeObserverService } from '@kirbydesign/designsystem/shared';
 import { WindowRef } from '@kirbydesign/designsystem/types';
 import { AffixDirective } from './directives/affix/affix.directive';
 import { DateInputDirective } from './directives/date/date-input.directive';
 import { InputCounterComponent } from './input-counter/input-counter.component';
+import { InputComponent } from './input/input.component';
+import { TextareaComponent } from './textarea/textarea.component';
 import * as i0 from "@angular/core";
 export declare class FormFieldComponent implements AfterContentChecked, AfterContentInit, OnInit, OnDestroy {
     private platform;
     private renderer;
     private windowRef;
     private resizeObserverService;
+    private cdr;
     private isRegistered;
     private element;
-    private inputElement;
     private isTouch;
+    private nestedInteractiveElement;
+    private nestedInteractiveErrorSubscription;
+    private _message;
     showDefaultCalendarIcon: boolean;
+    _nestedInteractiveHasError: boolean;
     _labelId: string;
+    _errorMessageId: string;
+    _messageId: string;
     label: string;
-    message: string | null;
+    get message(): string | null;
+    set message(value: string);
     affixElements: QueryList<AffixDirective>;
     counter: InputCounterComponent;
     private radioGroupComponent;
+    inputComponent: InputComponent;
+    textareaComponent: TextareaComponent;
     private radioGroupElement;
     input: ElementRef<HTMLInputElement>;
     textarea: ElementRef<HTMLTextAreaElement>;
     dateInput: DateInputDirective;
-    constructor(elementRef: ElementRef<HTMLElement>, platform: PlatformService, renderer: Renderer2, windowRef: WindowRef, resizeObserverService: ResizeObserverService);
+    constructor(elementRef: ElementRef<HTMLElement>, platform: PlatformService, renderer: Renderer2, windowRef: WindowRef, resizeObserverService: ResizeObserverService, cdr: ChangeDetectorRef);
     get _wrapContentInLabel(): boolean;
     private dispatchLoadEvent;
     _onRegisterFormField(): void;
@@ -35,9 +46,13 @@ export declare class FormFieldComponent implements AfterContentChecked, AfterCon
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterContentChecked(): void;
-    private shouldShowDefaultCalendarIcon;
     ngOnDestroy(): void;
+    private registerNestedInteractive;
+    private getNestedInteractiveElement;
+    private setNestedInteractiveElementAttributes;
+    private subscribeToNestedInteractiveError;
+    private shouldShowDefaultCalendarIcon;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "kirby-form-field", never, { "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; }, {}, ["counter", "radioGroupComponent", "radioGroupElement", "input", "textarea", "dateInput", "affixElements"], ["kirby-input-counter", "[kirby-affix='prefix']", "input[kirby-input]", "textarea[kirby-textarea]", "kirby-radio-group", "[kirby-affix='suffix']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "kirby-form-field", never, { "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; }, {}, ["counter", "radioGroupComponent", "inputComponent", "textareaComponent", "radioGroupElement", "input", "textarea", "dateInput", "affixElements"], ["kirby-input-counter", "[kirby-affix='prefix']", "input[kirby-input]", "textarea[kirby-textarea]", "kirby-radio-group", "[kirby-affix='suffix']"], false, never>;
 }
 //# sourceMappingURL=form-field.component.d.ts.map

package/form-field/form-field.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../form-field/src/form-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAKhB,UAAU,EAGV,SAAS,EACT,MAAM,EACN,SAAS,EACT,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,eAAe,EAEhB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;;AAKhF,qBAOa,kBACX,YAAW,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,EAAE,SAAS;IA2BjE,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,qBAAqB;IA5B/B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,YAAY,CAAyC;IAC7D,OAAO,CAAC,OAAO,CAAU;IAEzB,uBAAuB,UAAS;IAEhC,QAAQ,SAA+D;IAE9D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEC,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAClB,OAAO,EAAE,qBAAqB,CAAC;IACpD,OAAO,CAAC,mBAAmB,CAAsB;IAEpF,OAAO,CAAC,iBAAiB,CAA0B;IAEC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjC,QAAQ,EAAE,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAE/D,SAAS,EAAE,kBAAkB,CAAC;gBAG9D,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,EAC3B,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,qBAAqB;IAKtD,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IAED,OAAO,CAAC,iBAAiB;IAYzB,oBAAoB;IAIpB,YAAY;IAIL,KAAK;IAqBZ,QAAQ;IAIR,kBAAkB,IAAI,IAAI;IA6B1B,qBAAqB,IAAI,IAAI;IAsB7B,OAAO,CAAC,6BAA6B;IAOrC,WAAW,IAAI,IAAI;yCA/IR,kBAAkB;2CAAlB,kBAAkB;CA6J9B"}
+{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../form-field/src/form-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAEhB,iBAAiB,EAIjB,UAAU,EAGV,SAAS,EACT,MAAM,EACN,SAAS,EACT,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,eAAe,EAEhB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE,qBAOa,kBACX,YAAW,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,EAAE,SAAS;IA2CjE,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,qBAAqB;IAC7B,OAAO,CAAC,GAAG;IA7Cb,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,wBAAwB,CAGH;IAC7B,OAAO,CAAC,kCAAkC,CAAe;IACzD,OAAO,CAAC,QAAQ,CAAgB;IAEhC,uBAAuB,UAAS;IAEhC,0BAA0B,EAAE,OAAO,CAAC;IACpC,QAAQ,SAA+D;IACvE,eAAe,SAAiE;IAChF,UAAU,SAAiE;IAElE,KAAK,EAAE,MAAM,CAAC;IACvB,IAAa,OAAO,IAAI,MAAM,GAAG,IAAI,CAEpC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAGxB;IAEgC,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAClB,OAAO,EAAE,qBAAqB,CAAC;IACpD,OAAO,CAAC,mBAAmB,CAAsB;IACtD,cAAc,EAAE,cAAc,CAAC;IAC5B,iBAAiB,EAAE,iBAAiB,CAAC;IAEtE,OAAO,CAAC,iBAAiB,CAA0B;IACC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjC,QAAQ,EAAE,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAE/D,SAAS,EAAE,kBAAkB,CAAC;gBAG9D,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,EAC3B,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,qBAAqB,EAC5C,GAAG,EAAE,iBAAiB;IAKhC,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IAED,OAAO,CAAC,iBAAiB;IAYzB,oBAAoB;IAIpB,YAAY;IAIL,KAAK;IAsBZ,QAAQ;IAIR,kBAAkB,IAAI,IAAI;IAqB1B,qBAAqB,IAAI,IAAI;IAe7B,WAAW,IAAI,IAAI;IAiBnB,OAAO,CAAC,yBAAyB;IAMjC,OAAO,CAAC,2BAA2B;IAOnC,OAAO,CAAC,qCAAqC;IAsB7C,OAAO,CAAC,iCAAiC;IAczC,OAAO,CAAC,6BAA6B;yCA7M1B,kBAAkB;2CAAlB,kBAAkB;CAmN9B"}

package/form-field/input/input.component.d.ts

@@ -1,32 +1,36 @@
 import { ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { FormFieldControl } from '@kirbydesign/designsystem/types';
 import * as i0 from "@angular/core";
 import * as i1 from "../directives/date/date-input.directive";
 export declare enum InputSize {
     medium = "md",
     large = "lg"
 }
-export declare class InputComponent implements OnChanges, OnInit {
+export declare class InputComponent implements OnChanges, OnInit, FormFieldControl {
     private elementRef;
-    constructor(elementRef: ElementRef<HTMLInputElement>);
-    ngOnInit(): void;
-    private static typeToInputmodeMap;
     kirbyChange: EventEmitter<string>;
+    private _hasError;
     set type(value: string);
     size: InputSize | `${InputSize}`;
     /**
      * Removes padding, width, rounded borders and drop-shadow when set to `true`.
      */
     borderless: boolean;
-    hasError: boolean;
+    get hasError(): boolean;
+    set hasError(value: boolean);
     autocomplete: 'on' | 'off';
     autocorrect: 'on' | 'off';
     value: string;
     maxlength: number;
     inputmode: string;
+    hasErrorChange: EventEmitter<boolean>;
+    constructor(elementRef: ElementRef<HTMLInputElement>);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private static typeToInputmodeMap;
     _onKeyUp(value: string): void;
     _onCutPaste(target: HTMLInputElement): void;
-    ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "input[kirby-input]", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "value": { "alias": "value"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.DateInputDirective; inputs: { "prefillYear": "prefillYear"; "useNativeDatePicker": "useNativeDatePicker"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "input[kirby-input]", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "value": { "alias": "value"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; }, { "hasErrorChange": "hasErrorChange"; }, never, never, true, [{ directive: typeof i1.DateInputDirective; inputs: { "prefillYear": "prefillYear"; "useNativeDatePicker": "useNativeDatePicker"; }; outputs: {}; }]>;
 }
 //# sourceMappingURL=input.component.d.ts.map

package/form-field/input/input.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../form-field/src/input/input.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,UAAU,EACV,YAAY,EAIZ,SAAS,EACT,MAAM,EACN,aAAa,EACd,MAAM,eAAe,CAAC;;;AAGvB,oBAAY,SAAS;IACnB,MAAM,OAAO;IACb,KAAK,OAAO;CACb;AAED,qBAea,cAAe,YAAW,SAAS,EAAE,MAAM;IAC1C,OAAO,CAAC,UAAU;gBAAV,UAAU,EAAE,UAAU,CAAC,gBAAgB,CAAC;IAE5D,QAAQ,IAAI,IAAI;IAchB,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAG/B;IAEF,WAAW,uBAA8B;IAEzC,IAAa,IAAI,CAAC,KAAK,EAAE,MAAM,EAK9B;IAID,IAAI,EAAE,SAAS,GAAG,GAAG,SAAS,EAAE,CAAmB;IAEnD;;OAEG;IAGH,UAAU,EAAE,OAAO,CAAC;IAIpB,QAAQ,EAAE,OAAO,CAAC;IAIlB,YAAY,EAAE,IAAI,GAAG,KAAK,CAAS;IAInC,WAAW,EAAE,IAAI,GAAG,KAAK,CAAS;IAIlC,KAAK,EAAE,MAAM,CAAC;IAId,SAAS,EAAE,MAAM,CAAC;IAIlB,SAAS,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAMtB,WAAW,CAAC,MAAM,EAAE,gBAAgB;IAKpC,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;yCA9E9B,cAAc;2CAAd,cAAc;CAmF1B"}
+{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../form-field/src/input/input.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,UAAU,EACV,YAAY,EAIZ,SAAS,EACT,MAAM,EAEN,aAAa,EACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;;AAGnE,oBAAY,SAAS;IACnB,MAAM,OAAO;IACb,KAAK,OAAO;CACb;AAED,qBAca,cAAe,YAAW,SAAS,EAAE,MAAM,EAAE,gBAAgB;IA0D5D,OAAO,CAAC,UAAU;IAzD9B,WAAW,uBAA8B;IACzC,OAAO,CAAC,SAAS,CAAkB;IAEnC,IAAa,IAAI,CAAC,KAAK,EAAE,MAAM,EAK9B;IAID,IAAI,EAAE,SAAS,GAAG,GAAG,SAAS,EAAE,CAAmB;IAEnD;;OAEG;IAGH,UAAU,EAAE,OAAO,CAAC;IAEpB,IAGI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAK1B;IAID,YAAY,EAAE,IAAI,GAAG,KAAK,CAAS;IAInC,WAAW,EAAE,IAAI,GAAG,KAAK,CAAS;IAIlC,KAAK,EAAE,MAAM,CAAC;IAId,SAAS,EAAE,MAAM,CAAC;IAIlB,SAAS,EAAE,MAAM,CAAC;IAER,cAAc,wBAA+B;gBAEnC,UAAU,EAAE,UAAU,CAAC,gBAAgB,CAAC;IAE5D,QAAQ,IAAI,IAAI;IAchB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAG/B;IAGF,QAAQ,CAAC,KAAK,EAAE,MAAM;IAMtB,WAAW,CAAC,MAAM,EAAE,gBAAgB;yCA5FzB,cAAc;2CAAd,cAAc;CAgG1B"}

package/form-field/textarea/textarea.component.d.ts

@@ -1,20 +1,24 @@
 import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { FormFieldControl } from '@kirbydesign/designsystem/types';
 import * as i0 from "@angular/core";
-export declare class TextareaComponent implements OnChanges {
+export declare class TextareaComponent implements OnChanges, FormFieldControl {
     kirbyChange: EventEmitter<string>;
+    private _hasError;
     value: string;
     /**
      * Removes padding, width, rounded borders and drop-shadow when set to `true`.
      */
     borderless: boolean;
-    hasError: boolean;
+    get hasError(): boolean;
+    set hasError(value: boolean);
     autocomplete: 'on' | 'off';
     autocorrect: 'on' | 'off';
     maxlength: number;
+    hasErrorChange: EventEmitter<boolean>;
+    ngOnChanges(changes: SimpleChanges): void;
     _onKeyUp(value: string): void;
     _onCutPaste(target: HTMLInputElement): void;
-    ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "textarea[kirby-textarea]", never, { "value": { "alias": "value"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "textarea[kirby-textarea]", never, { "value": { "alias": "value"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; }, { "hasErrorChange": "hasErrorChange"; }, never, ["*"], true, never>;
 }
 //# sourceMappingURL=textarea.component.d.ts.map

package/form-field/textarea/textarea.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.component.d.ts","sourceRoot":"","sources":["../../../form-field/src/textarea/textarea.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,YAAY,EAIZ,SAAS,EACT,aAAa,EACd,MAAM,eAAe,CAAC;;AAEvB,qBAQa,iBAAkB,YAAW,SAAS;IACjD,WAAW,uBAA8B;IAEhC,KAAK,EAAE,MAAM,CAAC;IAEvB;;OAEG;IAGH,UAAU,EAAE,OAAO,CAAC;IAIpB,QAAQ,EAAE,OAAO,CAAC;IAIlB,YAAY,EAAE,IAAI,GAAG,KAAK,CAAS;IAInC,WAAW,EAAE,IAAI,GAAG,KAAK,CAAS;IAIlC,SAAS,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAMtB,WAAW,CAAC,MAAM,EAAE,gBAAgB;IAKpC,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;yCAxC9B,iBAAiB;2CAAjB,iBAAiB;CA6C7B"}
+{"version":3,"file":"textarea.component.d.ts","sourceRoot":"","sources":["../../../form-field/src/textarea/textarea.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,YAAY,EAIZ,SAAS,EAET,aAAa,EACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAEnE,qBAQa,iBAAkB,YAAW,SAAS,EAAE,gBAAgB;IACnE,WAAW,uBAA8B;IACzC,OAAO,CAAC,SAAS,CAAkB;IAE1B,KAAK,EAAE,MAAM,CAAC;IAEvB;;OAEG;IAGH,UAAU,EAAE,OAAO,CAAC;IAEpB,IAGI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAK1B;IAID,YAAY,EAAE,IAAI,GAAG,KAAK,CAAS;IAInC,WAAW,EAAE,IAAI,GAAG,KAAK,CAAS;IAIlC,SAAS,EAAE,MAAM,CAAC;IAER,cAAc,wBAA+B;IAEvD,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAOzC,QAAQ,CAAC,KAAK,EAAE,MAAM;IAMtB,WAAW,CAAC,MAAM,EAAE,gBAAgB;yCAtDzB,iBAAiB;2CAAjB,iBAAiB;CA0D7B"}

package/icon/kirby-icon-settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kirby-icon-settings.d.ts","sourceRoot":"","sources":["../../icon/src/kirby-icon-settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQrD,eAAO,MAAM,iBAAiB,EAAE,YA8H/B,CAAC;AAEF,eAAO,MAAM,YAAY,UAAmD,CAAC"}
+{"version":3,"file":"kirby-icon-settings.d.ts","sourceRoot":"","sources":["../../icon/src/kirby-icon-settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAOrD,eAAO,MAAM,iBAAiB,EAAE,YA8H/B,CAAC;AAEF,eAAO,MAAM,YAAY,UAAmD,CAAC"}