@kirbydesign/designsystem 11.11.2 → 12.0.0

package/fesm2022/kirbydesign-designsystem-toast.mjs

@@ -1,63 +1,99 @@
-import * as i0 from '@angular/core';
-import { Injectable } from '@angular/core';
-import * as i1 from '@ionic/angular/standalone';
-
-class ToastHelper {
-    static { this.CSS_CLASS = 'kirby-toast'; }
-    static { this.DURATION_IN_MS = 4000; }
-    constructor(toastController) {
-        this.toastController = toastController;
-    }
-    async showToast(config) {
-        const toast = await this.toastController.create({
-            animated: config.animated,
-            message: config.message,
-            position: 'top',
-            duration: config.durationInMs ?? ToastHelper.DURATION_IN_MS,
-            cssClass: this.getCssClass(config.messageType),
-        });
-        await toast.present();
-        return {
-            dismiss: toast.dismiss.bind(toast),
-            onWillDismiss: toast.onWillDismiss(),
-            onDidDismiss: toast.onDidDismiss(),
-        };
-    }
-    getCssClass(messageType) {
-        let cssClass = ToastHelper.CSS_CLASS;
-        if (messageType) {
-            cssClass += ' ' + messageType;
-        }
-        return cssClass;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", 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.18", ngImport: i0, type: ToastHelper }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ToastHelper, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.ToastController }] });
-
-class ToastController {
-    constructor(toastHelper) {
-        this.toastHelper = toastHelper;
-    }
-    async showToast(config, onCloseToast) {
-        const overlay = await this.toastHelper.showToast(config);
-        if (onCloseToast) {
-            overlay.onDidDismiss.then(() => onCloseToast());
-        }
-        return overlay;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ToastController, deps: [{ token: ToastHelper }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ToastController }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ToastController, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: ToastHelper }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { Injectable } from "@angular/core";
+import * as i1 from "@ionic/angular";
+var ToastHelper = class ToastHelper {
+	static {
+		this.CSS_CLASS = "kirby-toast";
+	}
+	static {
+		this.DURATION_IN_MS = 4e3;
+	}
+	constructor(toastController) {
+		this.toastController = toastController;
+	}
+	async showToast(config) {
+		const toast = await this.toastController.create({
+			animated: config.animated,
+			message: config.message,
+			position: "top",
+			duration: config.durationInMs ?? ToastHelper.DURATION_IN_MS,
+			cssClass: this.getCssClass(config.messageType)
+		});
+		await toast.present();
+		return {
+			dismiss: toast.dismiss.bind(toast),
+			onWillDismiss: toast.onWillDismiss(),
+			onDidDismiss: toast.onDidDismiss()
+		};
+	}
+	getCssClass(messageType) {
+		let cssClass = ToastHelper.CSS_CLASS;
+		if (messageType) cssClass += " " + messageType;
+		return cssClass;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ToastHelper,
+			deps: [{ token: i1.ToastController }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ToastHelper
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ToastHelper,
+	decorators: [{ type: Injectable }],
+	ctorParameters: () => [{ type: i1.ToastController }]
+});
+var ToastController = class ToastController {
+	constructor(toastHelper) {
+		this.toastHelper = toastHelper;
+	}
+	async showToast(config, onCloseToast) {
+		const overlay = await this.toastHelper.showToast(config);
+		if (onCloseToast) overlay.onDidDismiss.then(() => onCloseToast());
+		return overlay;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ToastController,
+			deps: [{ token: ToastHelper }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ToastController
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ToastController,
+	decorators: [{ type: Injectable }],
+	ctorParameters: () => [{ type: ToastHelper }]
+});
 export { ToastController, ToastHelper };
-//# sourceMappingURL=kirbydesign-designsystem-toast.mjs.map
+
+//# sourceMappingURL=kirbydesign-designsystem-toast.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-toast.mjs","sources":["../../toast/src/services/toast.helper.ts","../../toast/src/services/toast.controller.ts","../../toast/src/kirbydesign-designsystem-toast.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { ToastController } from '@ionic/angular/standalone';\nimport { Overlay } from '@kirbydesign/designsystem/modal';\n\nimport { MessageType, ToastConfig } from '../config/toast-config';\n\n@Injectable()\nexport class ToastHelper {\n  static CSS_CLASS = 'kirby-toast';\n  static DURATION_IN_MS = 4000;\n\n  constructor(private toastController: ToastController) {}\n\n  public async showToast(config: ToastConfig): Promise<Overlay> {\n    const toast = await this.toastController.create({\n      animated: config.animated,\n      message: config.message,\n      position: 'top',\n      duration: config.durationInMs ?? ToastHelper.DURATION_IN_MS,\n      cssClass: this.getCssClass(config.messageType),\n    });\n    await toast.present();\n    return {\n      dismiss: toast.dismiss.bind(toast),\n      onWillDismiss: toast.onWillDismiss(),\n      onDidDismiss: toast.onDidDismiss(),\n    };\n  }\n\n  private getCssClass(messageType: MessageType): string {\n    let cssClass = ToastHelper.CSS_CLASS;\n\n    if (messageType) {\n      cssClass += ' ' + messageType;\n    }\n\n    return cssClass;\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { Overlay } from '@kirbydesign/designsystem/modal';\n\nimport { ToastConfig } from '../config/toast-config';\n\nimport { ToastHelper } from './toast.helper';\n\n@Injectable()\nexport class ToastController {\n  constructor(private toastHelper: ToastHelper) {}\n\n  public async showToast(config: ToastConfig, onCloseToast?: () => void): Promise<Overlay> {\n    const overlay = await this.toastHelper.showToast(config);\n    if (onCloseToast) {\n      overlay.onDidDismiss.then(() => onCloseToast());\n    }\n    return overlay;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.ToastHelper"],"mappings":";;;;MAOa,WAAW,CAAA;aACf,IAAA,CAAA,SAAS,GAAG,aAAH,CAAiB;aAC1B,IAAA,CAAA,cAAc,GAAG,IAAH,CAAQ;AAE7B,IAAA,WAAA,CAAoB,eAAgC,EAAA;QAAhC,IAAA,CAAA,eAAe,GAAf,eAAe;IAAoB;IAEhD,MAAM,SAAS,CAAC,MAAmB,EAAA;QACxC,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;YAC9C,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,OAAO,EAAE,MAAM,CAAC,OAAO;AACvB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,MAAM,CAAC,YAAY,IAAI,WAAW,CAAC,cAAc;YAC3D,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC;AAC/C,SAAA,CAAC;AACF,QAAA,MAAM,KAAK,CAAC,OAAO,EAAE;QACrB,OAAO;YACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AAClC,YAAA,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE;AACpC,YAAA,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE;SACnC;IACH;AAEQ,IAAA,WAAW,CAAC,WAAwB,EAAA;AAC1C,QAAA,IAAI,QAAQ,GAAG,WAAW,CAAC,SAAS;QAEpC,IAAI,WAAW,EAAE;AACf,YAAA,QAAQ,IAAI,GAAG,GAAG,WAAW;QAC/B;AAEA,QAAA,OAAO,QAAQ;IACjB;kIA9BW,WAAW,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;sIAAX,WAAW,EAAA,CAAA,CAAA;;4FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBADvB;;;MCEY,eAAe,CAAA;AAC1B,IAAA,WAAA,CAAoB,WAAwB,EAAA;QAAxB,IAAA,CAAA,WAAW,GAAX,WAAW;IAAgB;AAExC,IAAA,MAAM,SAAS,CAAC,MAAmB,EAAE,YAAyB,EAAA;QACnE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC;QACxD,IAAI,YAAY,EAAE;YAChB,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,YAAY,EAAE,CAAC;QACjD;AACA,QAAA,OAAO,OAAO;IAChB;kIATW,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;sIAAf,eAAe,EAAA,CAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B;;;ACPD;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-designsystem-toast.mjs","names":[],"sources":["../../toast/src/services/toast.helper.ts","../../toast/src/services/toast.controller.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { ToastController } from '@ionic/angular';\nimport { Overlay } from '@kirbydesign/designsystem/modal';\n\nimport { MessageType, ToastConfig } from '../config/toast-config';\n\n@Injectable()\nexport class ToastHelper {\n  static CSS_CLASS = 'kirby-toast';\n  static DURATION_IN_MS = 4000;\n\n  constructor(private toastController: ToastController) {}\n\n  public async showToast(config: ToastConfig): Promise<Overlay> {\n    const toast = await this.toastController.create({\n      animated: config.animated,\n      message: config.message,\n      position: 'top',\n      duration: config.durationInMs ?? ToastHelper.DURATION_IN_MS,\n      cssClass: this.getCssClass(config.messageType),\n    });\n    await toast.present();\n    return {\n      dismiss: toast.dismiss.bind(toast),\n      onWillDismiss: toast.onWillDismiss(),\n      onDidDismiss: toast.onDidDismiss(),\n    };\n  }\n\n  private getCssClass(messageType: MessageType): string {\n    let cssClass = ToastHelper.CSS_CLASS;\n\n    if (messageType) {\n      cssClass += ' ' + messageType;\n    }\n\n    return cssClass;\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { Overlay } from '@kirbydesign/designsystem/modal';\n\nimport { ToastConfig } from '../config/toast-config';\n\nimport { ToastHelper } from './toast.helper';\n\n@Injectable()\nexport class ToastController {\n  constructor(private toastHelper: ToastHelper) {}\n\n  public async showToast(config: ToastConfig, onCloseToast?: () => void): Promise<Overlay> {\n    const overlay = await this.toastHelper.showToast(config);\n    if (onCloseToast) {\n      overlay.onDidDismiss.then(() => onCloseToast());\n    }\n    return overlay;\n  }\n}\n"],"mappings":";;;AAOA,IAAa,cAAb,MAAa,YAAW;CACf;EAAA,KAAA,YAAY;CAAc;CAC1B;EAAA,KAAA,iBAAiB;CAAK;CAE7B,YAAoB,iBAAgC;EAAhC,KAAA,kBAAA;CAAmC;CAEhD,MAAM,UAAU,QAAmB;EACxC,MAAM,QAAQ,MAAM,KAAK,gBAAgB,OAAO;GAC9C,UAAU,OAAO;GACjB,SAAS,OAAO;GAChB,UAAU;GACV,UAAU,OAAO,gBAAgB,YAAY;GAC7C,UAAU,KAAK,YAAY,OAAO,WAAW;EAC9C,CAAA;EACD,MAAM,MAAM,QAAO;EACnB,OAAO;GACL,SAAS,MAAM,QAAQ,KAAK,KAAK;GACjC,eAAe,MAAM,cAAa;GAClC,cAAc,MAAM,aAAY;EACjC;CACH;CAEQ,YAAY,aAAwB;EAC1C,IAAI,WAAW,YAAY;EAE3B,IAAI,aACF,YAAY,MAAM;EAGpB,OAAO;CACT;CA9BW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAW,MAAA,CAAA,EAAA,OAAA,GAAA,gBAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAX;EAAA,KAAA,QAAA,GAAA,sBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;EAAW,CAAA;CAAA;;AAAX,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAW,YAAA,CAAA,EADvB,MAAA,WAAA,CAAA;;;ACED,IAAa,kBAAb,MAAa,gBAAe;CAC1B,YAAoB,aAAwB;EAAxB,KAAA,cAAA;CAA2B;CAExC,MAAM,UAAU,QAAqB,cAAyB;EACnE,MAAM,UAAU,MAAM,KAAK,YAAY,UAAU,MAAM;EACvD,IAAI,cACF,QAAQ,aAAa,WAAW,aAAY,CAAE;EAEhD,OAAO;CACT;CATW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAe,MAAA,CAAA,EAAA,OAAA,YAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAf;EAAA,KAAA,QAAA,GAAA,sBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;EAAe,CAAA;CAAA;;AAAf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAe,YAAA,CAAA,EAD3B,MAAA,WAAA,CAAA"}

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

@@ -1,128 +1,156 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, forwardRef, HostListener, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-class ToggleButtonComponent {
-    constructor(elementRef, cdr) {
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.checkChanged = new EventEmitter();
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-empty-function
-        this.onChange = (_checked) => { };
-        // eslint-disable-next-line no-empty-function, @typescript-eslint/no-empty-function
-        this.onTouched = () => { };
-    }
-    onClick(event) {
-        const targetElement = event.target;
-        const buttonEnabled = targetElement.closest('button[kirby-button]:not(:disabled)');
-        if (!buttonEnabled)
-            return;
-        this.checked = !this.checked;
-        this.onChange(this.checked);
-        this.onTouched();
-        this.checkChanged.emit(this.checked);
-        this.focusToggledButton();
-    }
-    onFocusOut() {
-        this.onTouched();
-    }
-    focusToggledButton() {
-        // force re-render to ensure that the new button is in the dom
-        this.cdr.detectChanges();
-        const buttonToFocus = this.elementRef.nativeElement.querySelector('button[kirby-button]');
-        buttonToFocus?.focus();
-    }
-    /**
-     * Sets the toggle button's value. Part of the ControlValueAccessor interface
-     * required to integrate with Angular's core forms API.
-     *
-     * @param checked New value to be written to the model.
-     */
-    writeValue(checked) {
-        if (this.checked !== checked) {
-            this.checked = checked;
-            this.cdr.markForCheck();
-        }
-    }
-    /**
-     * Saves a callback function to be invoked when the toggle button'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 toggle button 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 toggle button. 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.elementRef.nativeElement
-            .querySelector('button[kirby-button]')
-            ?.toggleAttribute('disabled', isDisabled);
-        this.cdr.markForCheck();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", 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.18", 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)),
-                multi: true,
-            },
-        ], 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.2.18", ngImport: i0, type: ToggleButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kirby-toggle-button', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef((() => ToggleButtonComponent)),
-                            multi: true,
-                        },
-                    ], 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" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { checked: [{
-                type: Input
-            }], checkChanged: [{
-                type: Output
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], onFocusOut: [{
-                type: HostListener,
-                args: ['focusout']
-            }] } });
-
-class ToggleButtonModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ToggleButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.18", ngImport: i0, type: ToggleButtonModule, imports: [CommonModule, ToggleButtonComponent], exports: [ToggleButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ToggleButtonModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ToggleButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, ToggleButtonComponent],
-                    exports: [ToggleButtonComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, Input, NgModule, Output, forwardRef } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+var ToggleButtonComponent = class ToggleButtonComponent {
+	constructor(elementRef, cdr) {
+		this.elementRef = elementRef;
+		this.cdr = cdr;
+		this.checkChanged = new EventEmitter();
+		this.onChange = (_checked) => {};
+		this.onTouched = () => {};
+	}
+	onClick(event) {
+		if (!event.target.closest("button[kirby-button]:not(:disabled)")) return;
+		this.checked = !this.checked;
+		this.onChange(this.checked);
+		this.onTouched();
+		this.checkChanged.emit(this.checked);
+		this.focusToggledButton();
+	}
+	onFocusOut() {
+		this.onTouched();
+	}
+	focusToggledButton() {
+		this.cdr.detectChanges();
+		this.elementRef.nativeElement.querySelector("button[kirby-button]")?.focus();
+	}
+	writeValue(checked) {
+		if (this.checked !== checked) {
+			this.checked = checked;
+			this.cdr.markForCheck();
+		}
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.elementRef.nativeElement.querySelector("button[kirby-button]")?.toggleAttribute("disabled", isDisabled);
+		this.cdr.markForCheck();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ToggleButtonComponent,
+			deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			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)),
+				multi: true
+			}],
+			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: "22.2.2",
+	ngImport: i0,
+	type: ToggleButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "kirby-toggle-button",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef((() => ToggleButtonComponent)),
+				multi: true
+			}],
+			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"
+		}]
+	}],
+	ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }],
+	propDecorators: {
+		checked: [{ type: Input }],
+		checkChanged: [{ type: Output }],
+		onClick: [{
+			type: HostListener,
+			args: ["click", ["$event"]]
+		}],
+		onFocusOut: [{
+			type: HostListener,
+			args: ["focusout"]
+		}]
+	}
+});
+var ToggleButtonModule = class ToggleButtonModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ToggleButtonModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ToggleButtonModule,
+			imports: [CommonModule, ToggleButtonComponent],
+			exports: [ToggleButtonComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ToggleButtonModule,
+			imports: [CommonModule]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ToggleButtonModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [CommonModule, ToggleButtonComponent],
+			exports: [ToggleButtonComponent]
+		}]
+	}]
+});
 export { ToggleButtonComponent, ToggleButtonModule };
-//# sourceMappingURL=kirbydesign-designsystem-toggle-button.mjs.map
+
+//# sourceMappingURL=kirbydesign-designsystem-toggle-button.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-toggle-button.mjs","sources":["../../toggle-button/src/toggle-button.component.ts","../../toggle-button/src/toggle-button.component.html","../../toggle-button/src/toggle-button.module.ts","../../toggle-button/src/kirbydesign-designsystem-toggle-button.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  HostListener,\n  Input,\n  Output,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'kirby-toggle-button',\n  templateUrl: './toggle-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => ToggleButtonComponent),\n      multi: true,\n    },\n  ],\n})\nexport class ToggleButtonComponent implements ControlValueAccessor {\n  @Input() checked: boolean;\n  @Output() checkChanged = new EventEmitter<boolean>();\n\n  constructor(\n    private elementRef: ElementRef<HTMLElement>,\n    private cdr: ChangeDetectorRef\n  ) {}\n\n  @HostListener('click', ['$event'])\n  onClick(event: PointerEvent) {\n    const targetElement = event.target as HTMLElement;\n    const buttonEnabled = targetElement.closest('button[kirby-button]:not(:disabled)');\n\n    if (!buttonEnabled) return;\n\n    this.checked = !this.checked;\n    this.onChange(this.checked);\n    this.onTouched();\n    this.checkChanged.emit(this.checked);\n    this.focusToggledButton();\n  }\n\n  @HostListener('focusout')\n  onFocusOut() {\n    this.onTouched();\n  }\n\n  focusToggledButton() {\n    // force re-render to ensure that the new button is in the dom\n    this.cdr.detectChanges();\n\n    const buttonToFocus = this.elementRef.nativeElement.querySelector(\n      'button[kirby-button]'\n    ) as HTMLButtonElement;\n\n    buttonToFocus?.focus();\n  }\n\n  /**\n   * Sets the toggle button's value. Part of the ControlValueAccessor interface\n   * required to integrate with Angular's core forms API.\n   *\n   * @param checked New value to be written to the model.\n   */\n  writeValue(checked: boolean): void {\n    if (this.checked !== checked) {\n      this.checked = checked;\n      this.cdr.markForCheck();\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-empty-function\n  private onChange = (_checked: boolean) => {};\n  // eslint-disable-next-line no-empty-function, @typescript-eslint/no-empty-function\n  private onTouched = () => {};\n\n  /**\n   * Saves a callback function to be invoked when the toggle button'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: (checked: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  /**\n   * Saves a callback function to be invoked when the toggle button 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 toggle button. 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.elementRef.nativeElement\n      .querySelector('button[kirby-button]')\n      ?.toggleAttribute('disabled', isDisabled);\n    this.cdr.markForCheck();\n  }\n}\n","@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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ToggleButtonComponent } from './toggle-button.component';\n\n@NgModule({\n  imports: [CommonModule, ToggleButtonComponent],\n  exports: [ToggleButtonComponent],\n})\nexport class ToggleButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-toggle-button.mjs","names":[],"sources":["../../toggle-button/src/toggle-button.component.ts","../../toggle-button/src/toggle-button.component.html","../../toggle-button/src/toggle-button.module.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  HostListener,\n  Input,\n  Output,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'kirby-toggle-button',\n  templateUrl: './toggle-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => ToggleButtonComponent),\n      multi: true,\n    },\n  ],\n})\nexport class ToggleButtonComponent implements ControlValueAccessor {\n  @Input() checked: boolean;\n  @Output() checkChanged = new EventEmitter<boolean>();\n\n  constructor(\n    private elementRef: ElementRef<HTMLElement>,\n    private cdr: ChangeDetectorRef\n  ) {}\n\n  @HostListener('click', ['$event'])\n  onClick(event: PointerEvent) {\n    const targetElement = event.target as HTMLElement;\n    const buttonEnabled = targetElement.closest('button[kirby-button]:not(:disabled)');\n\n    if (!buttonEnabled) return;\n\n    this.checked = !this.checked;\n    this.onChange(this.checked);\n    this.onTouched();\n    this.checkChanged.emit(this.checked);\n    this.focusToggledButton();\n  }\n\n  @HostListener('focusout')\n  onFocusOut() {\n    this.onTouched();\n  }\n\n  focusToggledButton() {\n    // force re-render to ensure that the new button is in the dom\n    this.cdr.detectChanges();\n\n    const buttonToFocus = this.elementRef.nativeElement.querySelector(\n      'button[kirby-button]'\n    ) as HTMLButtonElement;\n\n    buttonToFocus?.focus();\n  }\n\n  /**\n   * Sets the toggle button's value. Part of the ControlValueAccessor interface\n   * required to integrate with Angular's core forms API.\n   *\n   * @param checked New value to be written to the model.\n   */\n  writeValue(checked: boolean): void {\n    if (this.checked !== checked) {\n      this.checked = checked;\n      this.cdr.markForCheck();\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-empty-function\n  private onChange = (_checked: boolean) => {};\n  // eslint-disable-next-line no-empty-function, @typescript-eslint/no-empty-function\n  private onTouched = () => {};\n\n  /**\n   * Saves a callback function to be invoked when the toggle button'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: (checked: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  /**\n   * Saves a callback function to be invoked when the toggle button 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 toggle button. 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.elementRef.nativeElement\n      .querySelector('button[kirby-button]')\n      ?.toggleAttribute('disabled', isDisabled);\n    this.cdr.markForCheck();\n  }\n}\n","@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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ToggleButtonComponent } from './toggle-button.component';\n\n@NgModule({\n  imports: [CommonModule, ToggleButtonComponent],\n  exports: [ToggleButtonComponent],\n})\nexport class ToggleButtonModule {}\n"],"mappings":"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"}