@kirbydesign/designsystem 11.6.0 → 11.6.2

package/fesm2022/kirbydesign-designsystem-testing-jasmine.mjs

@@ -91,11 +91,11 @@ const MOCK_PROVIDERS = [
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../../../../../node_modules/@types/jasmine/index.d.ts' />
 class KirbyTestingModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: KirbyTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: KirbyTestingModule, imports: [KirbyTestingBaseModule], exports: [KirbyTestingBaseModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: KirbyTestingModule, providers: [...MOCK_PROVIDERS], imports: [KirbyTestingBaseModule, KirbyTestingBaseModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KirbyTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: KirbyTestingModule, imports: [KirbyTestingBaseModule], exports: [KirbyTestingBaseModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KirbyTestingModule, providers: [...MOCK_PROVIDERS], imports: [KirbyTestingBaseModule, KirbyTestingBaseModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: KirbyTestingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KirbyTestingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [KirbyTestingBaseModule],

package/fesm2022/kirbydesign-designsystem-testing-jest.mjs

@@ -97,11 +97,11 @@ const MOCK_PROVIDERS = [
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../../../../../node_modules/@types/jest/index.d.ts' />
 class KirbyTestingModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: KirbyTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: KirbyTestingModule, imports: [KirbyTestingBaseModule], exports: [KirbyTestingBaseModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: KirbyTestingModule, providers: [...MOCK_PROVIDERS], imports: [KirbyTestingBaseModule, KirbyTestingBaseModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KirbyTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: KirbyTestingModule, imports: [KirbyTestingBaseModule], exports: [KirbyTestingBaseModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KirbyTestingModule, providers: [...MOCK_PROVIDERS], imports: [KirbyTestingBaseModule, KirbyTestingBaseModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: KirbyTestingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KirbyTestingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [KirbyTestingBaseModule],

package/fesm2022/kirbydesign-designsystem-testing.mjs

@@ -5,11 +5,11 @@ import { provideIonicAngular } from '@ionic/angular/standalone';
 import { componentOnReady } from '@ionic/core';
 
 class IonicTestingModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: IonicTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: IonicTestingModule }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: IonicTestingModule, providers: [provideIonicAngular({ mode: 'ios', _testing: true })] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: IonicTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: IonicTestingModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: IonicTestingModule, providers: [provideIonicAngular({ mode: 'ios', _testing: true })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: IonicTestingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: IonicTestingModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [provideIonicAngular({ mode: 'ios', _testing: true })],

package/fesm2022/kirbydesign-designsystem-toast.mjs

@@ -30,10 +30,10 @@ class ToastHelper {
         }
         return cssClass;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToastHelper, deps: [{ token: i1.ToastController }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToastHelper }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastHelper, deps: [{ token: i1.ToastController }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastHelper }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToastHelper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastHelper, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.ToastController }] });
 
@@ -48,10 +48,10 @@ class ToastController {
         }
         return overlay;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToastController, deps: [{ token: ToastHelper }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToastController }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastController, deps: [{ token: ToastHelper }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastController }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToastController, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastController, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: ToastHelper }] });
 

package/fesm2022/kirbydesign-designsystem-toggle-button.mjs

@@ -77,8 +77,8 @@ class ToggleButtonComponent {
             ?.toggleAttribute('disabled', isDisabled);
         this.cdr.markForCheck();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToggleButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: ToggleButtonComponent, isStandalone: true, selector: "kirby-toggle-button", inputs: { checked: "checked" }, outputs: { checkChanged: "checkChanged" }, host: { listeners: { "click": "onClick($event)", "focusout": "onFocusOut()" } }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToggleButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ToggleButtonComponent, isStandalone: true, selector: "kirby-toggle-button", inputs: { checked: "checked" }, outputs: { checkChanged: "checkChanged" }, host: { listeners: { "click": "onClick($event)", "focusout": "onFocusOut()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef((() => ToggleButtonComponent)),
@@ -86,7 +86,7 @@ class ToggleButtonComponent {
             },
         ], ngImport: i0, template: "@if (!checked) {\n  <ng-content select=\"button[kirby-button][unchecked]\"></ng-content>\n}\n@if (checked) {\n  <ng-content select=\"button[kirby-button][checked]\"></ng-content>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToggleButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToggleButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kirby-toggle-button', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -108,11 +108,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
             }] } });
 
 class ToggleButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToggleButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: ToggleButtonModule, imports: [CommonModule, ToggleButtonComponent], exports: [ToggleButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToggleButtonModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToggleButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: ToggleButtonModule, imports: [CommonModule, ToggleButtonComponent], exports: [ToggleButtonComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToggleButtonModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToggleButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToggleButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ToggleButtonComponent],

package/fesm2022/kirbydesign-designsystem-toggle.mjs

@@ -106,8 +106,8 @@ class ToggleComponent {
         this.disabled = isDisabled;
         this.cdr.markForCheck();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToggleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.IonicElementPartHelper }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: ToggleComponent, isStandalone: true, selector: "kirby-toggle", inputs: { checked: "checked", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "attr.disabled": "this._isDisabled", "class.has-hidden-label": "this._labelText" } }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToggleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.IonicElementPartHelper }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ToggleComponent, isStandalone: true, selector: "kirby-toggle", inputs: { checked: "checked", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "attr.disabled": "this._isDisabled", "class.has-hidden-label": "this._labelText" } }, providers: [
             IonicElementPartHelper,
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -116,7 +116,7 @@ class ToggleComponent {
             },
         ], viewQueries: [{ propertyName: "ionToggleElement", first: true, predicate: IonToggle, descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<ion-toggle\n  [checked]=\"checked\"\n  [disabled]=\"disabled\"\n  [class.interaction-state-active]=\"_pressed\"\n  (keydown.space)=\"_onActive()\"\n  (keyup.space)=\"_onInactive()\"\n  (blur)=\"_onInactive()\"\n  (ionChange)=\"onCheckedChange($event.detail.checked)\"\n  [justify]=\"_justify\"\n  [labelPlacement]=\"_labelPlacement\"\n>\n  @if (_labelText) {\n    <span class=\"hidden-label\">{{ _labelText }}</span>\n  }\n  <span class=\"default-content\" [attr.aria-hidden]=\"_labelText ? true : undefined\">\n    <ng-content></ng-content>\n  </span>\n</ion-toggle>\n", styles: [":host{display:inline-flex}:host:has(ion-toggle.in-item.toggle-justify-space-between){width:100%}:host.has-hidden-label:has(ion-toggle.in-item){position:initial}:host.has-hidden-label:has(ion-toggle.in-item) ion-toggle{position:initial}:host.has-hidden-label:has(ion-toggle.in-item) ion-toggle::part(label){position:initial}:host.has-hidden-label:has(ion-toggle.in-item) ion-toggle::part(label-text-wrapper){margin-inline:0}:host.has-hidden-label[slot=end] ion-toggle{margin-inline-start:12px}:host.has-hidden-label .hidden-label{position:absolute;inset:0;opacity:0}:host[disabled]{color:var(--kirby-text-color-semi-dark)}:host[disabled] ion-toggle{--color: var(--kirby-medium);--color-checked: var(--kirby-medium);opacity:1}:host[disabled] ion-toggle::part(track){opacity:.3}@media(hover:hover)and (pointer:fine){ion-toggle{overflow:visible;contain:none}ion-toggle:focus-within::part(track):focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}ion-toggle:focus-visible:focus-within::part(track){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}ion-toggle:focus-visible{outline:none}@media(hover:hover){ion-toggle:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;--track-background: rgb(119.28, 119.28, 119.28);--handle-background: rgb(244.8, 244.8, 244.8);--track-background-checked: rgb(45.030660793, 192.689339207, 114.1474889868);--handle-background-checked: rgb(244.8, 244.8, 244.8)}}ion-toggle:active,ion-toggle.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--track-background: rgb(107.92, 107.92, 107.92);--handle-background: rgb(234.6, 234.6, 234.6);--track-background-checked: rgb(40.7420264317, 174.3379735683, 103.2762995595);--handle-background-checked: rgb(234.6, 234.6, 234.6)}ion-toggle{--track-background: var(--kirby-semi-dark);--handle-background: var(--kirby-white);--track-background-checked: var(--kirby-success);--handle-background-checked: var(--kirby-white);--handle-transition: .2s;--handle-box-shadow: 0 1px 24px 0 rgba(28, 28, 28, .04);--handle-height: 28px;--handle-width: 28px;--border-radius: 16px}ion-toggle::part(track){height:32px}ion-toggle ::part(label-text-wrapper){line-height:24px;white-space:pre-line}ion-toggle.in-item::part(label){align-items:center;padding-inline:0}ion-toggle.in-item::part(label),ion-toggle.in-item::part(label-text-wrapper){margin-block:0}ion-toggle.in-item.toggle-label-placement-start::part(label-text-wrapper){margin-inline:0 12px}ion-toggle.in-item.toggle-label-placement-end::part(label-text-wrapper){margin-inline:12px 0}ion-toggle.in-item.legacy-toggle{padding:0}:host-context(kirby-item){z-index:1}:host-context(kirby-item) ion-toggle{margin:0}:host-context(kirby-item)[slot=start]{margin-inline-end:12px}\n"], dependencies: [{ kind: "component", type: IonToggle, selector: "ion-toggle", inputs: ["checked", "color", "disabled", "enableOnOffLabels", "errorText", "helperText", "justify", "labelPlacement", "mode", "name", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToggleComponent, decorators: [{
             type: Component,
             args: [{ imports: [IonToggle], selector: 'kirby-toggle', providers: [
                         IonicElementPartHelper,

package/fesm2022/kirbydesign-designsystem-types.mjs

@@ -5,10 +5,10 @@ class WindowRef {
     get nativeWindow() {
         return window;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: WindowRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: WindowRef, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: WindowRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: WindowRef, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: WindowRef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: WindowRef, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/kirbydesign-designsystem.mjs

@@ -267,8 +267,8 @@ class SegmentedControlComponent {
         this.isDisabled = isDisabled;
         this.cdr.markForCheck();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: SegmentedControlComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.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" } }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SegmentedControlComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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)),
@@ -276,7 +276,7 @@ class SegmentedControlComponent {
             },
         ], 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  @for (item of items; track item.id; let i = $index) {\n    <ion-segment-button\n      [value]=\"item.id\"\n      [attr.aria-label]=\"item.ariaLabel\"\n      [attr.tabindex]=\"getTabIndex(item, i)\"\n      (click)=\"focusNativeButton($event)\"\n    >\n      {{ item.text }}\n      @if (item.badge) {\n        <kirby-badge\n          role=\"text\"\n          [attr.aria-label]=\"item.badge.description\"\n          [themeColor]=\"item.badge.themeColor\"\n        >\n          @if (item.badge.icon) {\n            <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n          } @else {\n            {{ item.badge.content }}\n          }\n        </kirby-badge>\n      }\n    </ion-segment-button>\n  }\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):focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}ion-segment-button:focus-visible: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: "component", type: IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "component", type: BadgeComponent, selector: "kirby-badge", inputs: ["text", "size"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["contentId", "disabled", "layout", "mode", "type", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: SegmentedControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SegmentedControlComponent, decorators: [{
             type: Component,
             args: [{ imports: [IconComponent, BadgeComponent, IonSegment, IonSegmentButton], selector: 'kirby-segmented-control', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -332,10 +332,10 @@ class KeyHandlerDirective {
             hostElement.click();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.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: "21.1.4", type: KeyHandlerDirective, isStandalone: true, selector: "[keyHandler]", host: { listeners: { "keyup": "keyEvent($event)" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KeyHandlerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: KeyHandlerDirective, isStandalone: true, selector: "[keyHandler]", host: { listeners: { "keyup": "keyEvent($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: KeyHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KeyHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -358,10 +358,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: "21.1.4", ngImport: i0, type: ModalRouterLinkDirective, deps: [{ token: i1.ModalNavigationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.4", type: ModalRouterLinkDirective, isStandalone: true, 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: "21.2.0", ngImport: i0, type: ModalRouterLinkDirective, deps: [{ token: i1.ModalNavigationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ModalRouterLinkDirective, isStandalone: true, selector: "[kirbyModalRouterLink]", inputs: { path: ["kirbyModalRouterLink", "path"], queryParams: ["kirbyModalQueryParams", "queryParams"] }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ModalRouterLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ModalRouterLinkDirective, decorators: [{
             type: Directive,
             args: [{ selector: `[kirbyModalRouterLink]` }]
         }], ctorParameters: () => [{ type: i1.ModalNavigationService }, { type: i0.ElementRef }], propDecorators: { path: [{
@@ -443,8 +443,8 @@ class KirbyModule {
     constructor(modalController, config) {
         modalController.initialize(config && config.moduleRootRoutePath);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: KirbyModule, deps: [{ token: i1.ModalController }, { token: KIRBY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: KirbyModule, imports: [CommonModule, RouterModule, KirbyAppModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KirbyModule, deps: [{ token: i1.ModalController }, { token: KIRBY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: KirbyModule, imports: [CommonModule, RouterModule, KirbyAppModule,
             RouterOutletModule,
             PageModule,
             HeaderModule,
@@ -551,7 +551,7 @@ class KirbyModule {
             BadgeComponent,
             ModalComponent,
             TableSortableComponent, ModalRouterLinkDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: KirbyModule, providers: [provideKirby()], imports: [CommonModule, RouterModule, KirbyAppModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KirbyModule, providers: [provideKirby()], imports: [CommonModule, RouterModule, KirbyAppModule,
             RouterOutletModule,
             PageModule,
             HeaderModule,
@@ -622,7 +622,7 @@ class KirbyModule {
             AccordionModule,
             HeaderModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: KirbyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KirbyModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, ...importedModules, imports],

package/flag/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-flag.mjs",
+  "typings": "../types/kirbydesign-designsystem-flag.d.ts"
+}

package/form-field/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-form-field.mjs",
+  "typings": "../types/kirbydesign-designsystem-form-field.d.ts"
+}

package/header/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-header.mjs",
+  "typings": "../types/kirbydesign-designsystem-header.d.ts"
+}

package/helpers/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-helpers.mjs",
+  "typings": "../types/kirbydesign-designsystem-helpers.d.ts"
+}

package/helpers/scss/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../../fesm2022/kirbydesign-designsystem-helpers-scss.mjs",
+  "typings": "../../types/kirbydesign-designsystem-helpers-scss.d.ts"
+}

package/icon/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-icon.mjs",
+  "typings": "../types/kirbydesign-designsystem-icon.d.ts"
+}

package/item/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-item.mjs",
+  "typings": "../types/kirbydesign-designsystem-item.d.ts"
+}

package/item-group/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-item-group.mjs",
+  "typings": "../types/kirbydesign-designsystem-item-group.d.ts"
+}

package/item-sliding/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-item-sliding.mjs",
+  "typings": "../types/kirbydesign-designsystem-item-sliding.d.ts"
+}

package/kirby-app/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-kirby-app.mjs",
+  "typings": "../types/kirbydesign-designsystem-kirby-app.d.ts"
+}

package/list/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-list.mjs",
+  "typings": "../types/kirbydesign-designsystem-list.d.ts"
+}

package/loading-overlay/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-loading-overlay.mjs",
+  "typings": "../types/kirbydesign-designsystem-loading-overlay.d.ts"
+}

package/menu/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-menu.mjs",
+  "typings": "../types/kirbydesign-designsystem-menu.d.ts"
+}

package/modal/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-modal.mjs",
+  "typings": "../types/kirbydesign-designsystem-modal.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "11.6.0",
+  "version": "11.6.2",
   "description": "The Kirby Design Angular Components.",
   "author": "kirby@bankdata.dk",
   "repository": {
@@ -28,7 +28,7 @@
     "@floating-ui/dom": "^1.1.0",
     "@fontsource/roboto": "^5.2.6",
     "@ionic/angular": "8.6.3",
-    "@kirbydesign/core": "^0.0.85",
+    "@kirbydesign/core": "^0.0.87",
     "chart.js": "^3.9.1",
     "chartjs-adapter-date-fns": "^2.0.0",
     "chartjs-plugin-annotation": "^1.0.2",

package/page/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-page.mjs",
+  "typings": "../types/kirbydesign-designsystem-page.d.ts"
+}

package/popover/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-popover.mjs",
+  "typings": "../types/kirbydesign-designsystem-popover.d.ts"
+}

package/progress-circle/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-progress-circle.mjs",
+  "typings": "../types/kirbydesign-designsystem-progress-circle.d.ts"
+}

package/radio/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-radio.mjs",
+  "typings": "../types/kirbydesign-designsystem-radio.d.ts"
+}

package/range/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-range.mjs",
+  "typings": "../types/kirbydesign-designsystem-range.d.ts"
+}

package/reorder-list/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-reorder-list.mjs",
+  "typings": "../types/kirbydesign-designsystem-reorder-list.d.ts"
+}

package/router-outlet/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-router-outlet.mjs",
+  "typings": "../types/kirbydesign-designsystem-router-outlet.d.ts"
+}

package/section-header/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-section-header.mjs",
+  "typings": "../types/kirbydesign-designsystem-section-header.d.ts"
+}

package/shared/floating/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../../fesm2022/kirbydesign-designsystem-shared-floating.mjs",
+  "typings": "../../types/kirbydesign-designsystem-shared-floating.d.ts"
+}

package/shared/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-shared.mjs",
+  "typings": "../types/kirbydesign-designsystem-shared.d.ts"
+}

package/shared/portal/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../../fesm2022/kirbydesign-designsystem-shared-portal.mjs",
+  "typings": "../../types/kirbydesign-designsystem-shared-portal.d.ts"
+}

package/slide/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-slide.mjs",
+  "typings": "../types/kirbydesign-designsystem-slide.d.ts"
+}

package/slide-button/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-slide-button.mjs",
+  "typings": "../types/kirbydesign-designsystem-slide-button.d.ts"
+}

package/spinner/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-spinner.mjs",
+  "typings": "../types/kirbydesign-designsystem-spinner.d.ts"
+}

package/tab-navigation/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-tab-navigation.mjs",
+  "typings": "../types/kirbydesign-designsystem-tab-navigation.d.ts"
+}

package/tabs/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-tabs.mjs",
+  "typings": "../types/kirbydesign-designsystem-tabs.d.ts"
+}

package/testing/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-testing.mjs",
+  "typings": "../types/kirbydesign-designsystem-testing.d.ts"
+}

package/testing-base/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-testing-base.mjs",
+  "typings": "../types/kirbydesign-designsystem-testing-base.d.ts"
+}

package/testing-jasmine/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-testing-jasmine.mjs",
+  "typings": "../types/kirbydesign-designsystem-testing-jasmine.d.ts"
+}

package/testing-jest/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-testing-jest.mjs",
+  "typings": "../types/kirbydesign-designsystem-testing-jest.d.ts"
+}

package/toast/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-toast.mjs",
+  "typings": "../types/kirbydesign-designsystem-toast.d.ts"
+}

package/toggle/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-toggle.mjs",
+  "typings": "../types/kirbydesign-designsystem-toggle.d.ts"
+}

package/toggle-button/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-toggle-button.mjs",
+  "typings": "../types/kirbydesign-designsystem-toggle-button.d.ts"
+}

package/types/kirbydesign-designsystem-dropdown.d.ts

@@ -139,7 +139,7 @@ declare class DropdownComponent implements AfterViewInit, OnDestroy, ControlValu
     _onMouseDown(event: MouseEvent): void;
     _onTouchStart(event: TouchEvent): void;
     _onPopoverWillHide(): void;
-    _onFocusOut(event: FocusEvent): void;
+    _onFocusOut(): void;
     _onEnterOrEscape(): void;
     _onPopoverClick(): void;
     _onEnterOrSpace(event: KeyboardEvent): void;

package/types/kirbydesign-designsystem-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-dropdown.d.ts","sources":["../../dropdown/src/keyboard-handler.service.ts","../../dropdown/src/dropdown.component.ts","../../dropdown/src/dropdown.module.ts","../../dropdown/src/dropdown.types.ts"],"sourcesContent":[null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;AAEA,cAAA,sBAAA;AAIE,kBAAA,aAAA;;;AAmCD;;ACLD,cAAA,iBAAA,YAAA,aAAA,EAAA,SAAA,EAAA,oBAAA;AA+OI;AACA;AACA;AACA;AACA;AA9NF;;;;AAKA;AACA;;AAIA;;;;AAcA;;;AAeA;AAQA;AAGA;;AAMA,kBAAA,mBAAA,MAAA,mBAAA;AAKA;;AAMA;AAEA;AAKU,oBAAA,YAAA;;;AASV;AAQA;AAKA;AAEA;;;AAGG;AACH;AAOA;AAKA;AAKA;;AAEG;AACO,YAAA,YAAA;;AAGV;;AAQA;;;AA0BA;AAGA,kBAAA,WAAA;;AAIA,iBAAA,UAAA,CAAA,WAAA;;AAIA,mBAAA,UAAA,CAAA,WAAA;AAEA;;;;;;;;;;;;AAqEA;;;AAyCA;;;;;AA2BA;;;;;AAKG;AACH;AAKA;;;;;;AAMG;AACH;AAIA;;;;;;AAMG;AACH;AAIA;;;;;AAKG;AACH;AAKA;AASA;AAIA;;;AAoCA;AAKA;AAOA;;AA0DA;AAyCA;;;;;;;;;;AAuIA;AAOA;;;AAID;;AC/rBD,cAAA,cAAA;;;;AAc8B;;AC3B9B,aAAA,SAAA;AACE;AACA;AACA;AACD;;;;"}
+{"version":3,"file":"kirbydesign-designsystem-dropdown.d.ts","sources":["../../dropdown/src/keyboard-handler.service.ts","../../dropdown/src/dropdown.component.ts","../../dropdown/src/dropdown.module.ts","../../dropdown/src/dropdown.types.ts"],"sourcesContent":[null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;AAEA,cAAA,sBAAA;AAIE,kBAAA,aAAA;;;AAmCD;;ACLD,cAAA,iBAAA,YAAA,aAAA,EAAA,SAAA,EAAA,oBAAA;AA+OI;AACA;AACA;AACA;AACA;AA9NF;;;;AAKA;AACA;;AAIA;;;;AAcA;;;AAeA;AAQA;AAGA;;AAMA,kBAAA,mBAAA,MAAA,mBAAA;AAKA;;AAMA;AAEA;AAKU,oBAAA,YAAA;;;AASV;AAQA;AAKA;AAEA;;;AAGG;AACH;AAOA;AAKA;AAKA;;AAEG;AACO,YAAA,YAAA;;AAGV;;AAQA;;;AA0BA;AAGA,kBAAA,WAAA;;AAIA,iBAAA,UAAA,CAAA,WAAA;;AAIA,mBAAA,UAAA,CAAA,WAAA;AAEA;;;;;;;;;;;;AAqEA;;;AA0CA;;;;;AA2BA;;;;;AAKG;AACH;AAKA;;;;;;AAMG;AACH;AAIA;;;;;;AAMG;AACH;AAIA;;;;;AAKG;AACH;AAKA;AASA;AAIA;;;AAqCA;AAKA;AAOA;;AA0DA;AAyCA;;;;;;;;;;AA+HA;AAOA;;;AAID;;ACzrBD,cAAA,cAAA;;;;AAc8B;;AC3B9B,aAAA,SAAA;AACE;AACA;AACA;AACD;;;;"}

package/types/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/kirbydesign-designsystem-types.mjs",
+  "typings": "kirbydesign-designsystem-types.d.ts"
+}