@kirbydesign/designsystem 8.1.3 → 8.2.0-rc.0

package/action-group/action-group.component.d.ts

@@ -0,0 +1,28 @@
+import { AfterContentInit, AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ActionGroupComponent implements AfterContentInit, AfterViewInit {
+    private renderer;
+    private elementRef;
+    visibleActions: number;
+    emphasizeActions?: boolean;
+    placement: 'left' | 'right';
+    private buttonElements;
+    private buttons;
+    private hiddenLayer;
+    private dropdown;
+    _isCollapsed: boolean;
+    _collapsedActions: string[];
+    private _nonCollapsibleVisibleActions;
+    private hiddenButtons;
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>);
+    ngAfterContentInit(): void;
+    set isCondensed(value: boolean);
+    ngAfterViewInit(): void;
+    onDropdownActionSelect(): void;
+    private initializeCollapsing;
+    private moveButtons;
+    private toggleDropdown;
+    private populateDropdown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionGroupComponent, "kirby-action-group", never, { "visibleActions": "visibleActions"; "emphasizeActions": "emphasizeActions"; "placement": "placement"; }, {}, ["buttonElements", "buttons"], ["button[kirby-button]"], true, never>;
+}

package/action-group/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@kirbydesign/designsystem/action-group" />
+export * from './public_api';

package/action-group/public_api.d.ts

@@ -0,0 +1 @@
+export { ActionGroupComponent } from './action-group.component';

package/alert-experimental/alert.component.d.ts

@@ -0,0 +1,28 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { WindowRef } from '@kirbydesign/designsystem/types';
+import { Observable } from 'rxjs';
+import { ThemeColor } from '@kirbydesign/designsystem/helpers';
+import * as i0 from "@angular/core";
+export declare class AlertExperimentalComponent implements AfterViewInit {
+    private elementRef;
+    private windowRef;
+    readonly BLUR_WRAPPER_DELAY_IN_MS = 50;
+    private alertWrapper;
+    private scrollY;
+    title$: Observable<string>;
+    set title(title: string | Observable<string>);
+    message$: Observable<string>;
+    set message(message: string & Observable<string>);
+    iconName: string;
+    iconThemeColor: ThemeColor | `${ThemeColor}`;
+    okButton: string;
+    okButtonIsDestructive: boolean;
+    cancelButton: string;
+    constructor(elementRef: ElementRef<HTMLElement>, windowRef: WindowRef);
+    ngAfterViewInit(): void;
+    onFocusChange(): void;
+    cancelAlert(): void;
+    approveAlert(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertExperimentalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertExperimentalComponent, "kirby-alert-experimental", never, { "title": "title"; "message": "message"; "iconName": "iconName"; "iconThemeColor": "iconThemeColor"; "okButton": "okButton"; "okButtonIsDestructive": "okButtonIsDestructive"; "cancelButton": "cancelButton"; }, {}, never, never, true, never>;
+}

package/alert-experimental/alert.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./alert.component";
+export declare class AlertExperimentalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertExperimentalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AlertExperimentalModule, never, [typeof i1.CommonModule, typeof i2.AlertExperimentalComponent], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AlertExperimentalModule>;
+}

package/alert-experimental/config/alert-config.d.ts

@@ -0,0 +1,14 @@
+import { Observable } from 'rxjs';
+export interface AlertExperimentalConfig {
+    title: string | Observable<string>;
+    message?: string | Observable<string>;
+    cancelButton?: string;
+    icon?: {
+        name: string;
+        themeColor?: string;
+    };
+    okButton?: string | {
+        text: string;
+        isDestructive: boolean;
+    };
+}

package/{modal/experimental → alert-experimental}/index.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-/// <amd-module name="@kirbydesign/designsystem/modal/experimental" />
+/// <amd-module name="@kirbydesign/designsystem/alert-experimental" />
 export * from './public_api';

package/alert-experimental/public_api.d.ts

@@ -0,0 +1,4 @@
+export { AlertExperimentalController } from './services/alert.controller';
+export { AlertExperimentalComponent } from './alert.component';
+export { AlertExperimentalConfig } from './config/alert-config';
+export * from './alert.module';

package/alert-experimental/services/alert.controller.d.ts

@@ -0,0 +1,20 @@
+import { ModalController } from '@ionic/angular';
+import { Observable } from 'rxjs';
+import { OverlayEventDetail } from '@ionic/core/components';
+import { AlertExperimentalConfig } from '../config/alert-config';
+import * as i0 from "@angular/core";
+declare type AlertDismissObservables = {
+    onWillDismiss: Observable<OverlayEventDetail>;
+    onDidDismiss: Observable<OverlayEventDetail>;
+};
+export declare class AlertExperimentalController {
+    private ionicModalController;
+    constructor(ionicModalController: ModalController);
+    showAlert(config: AlertExperimentalConfig): AlertDismissObservables;
+    private getComponentProps;
+    private getOkButton;
+    getOkButtonIsDestructive(config: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertExperimentalController, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AlertExperimentalController>;
+}
+export {};

package/button/button.component.d.ts

@@ -1,14 +1,15 @@
-import { AfterContentInit, ElementRef } from '@angular/core';
+import { AfterContentInit, ElementRef, Renderer2 } from '@angular/core';
 import { NotificationColor } from '@kirbydesign/core';
-import { IconComponent } from '@kirbydesign/designsystem/icon';
 import * as i0 from "@angular/core";
 export declare enum ButtonSize {
+    XS = "xs",
     SM = "sm",
     MD = "md",
     LG = "lg"
 }
 export declare class ButtonComponent implements AfterContentInit {
     private elementRef;
+    private renderer;
     isAttentionLevel1: boolean;
     isAttentionLevel2: boolean;
     isAttentionLevel3: boolean;
@@ -21,16 +22,16 @@ export declare class ButtonComponent implements AfterContentInit {
     get isIconLeft(): boolean;
     private _isIconRight;
     get isIconRight(): boolean;
-    get _cssClass(): ("success" | "warning" | "danger" | "sm" | "md" | "lg" | ButtonSize)[];
+    get _cssClass(): ("success" | "warning" | "danger" | "xs" | "sm" | "md" | "lg" | ButtonSize)[];
     themeColor: NotificationColor;
     expand: 'full' | 'block';
     isFloating: boolean;
     size: ButtonSize | `${ButtonSize}`;
-    icon: IconComponent;
-    iconElementRef: ElementRef<HTMLElement>;
-    private hasText;
-    constructor(elementRef: ElementRef<HTMLElement>);
+    showIconOnly: boolean;
+    iconElementRef?: ElementRef<HTMLElement>;
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
+    private wrapTextNode;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kirby-button],Button[kirby-button]", never, { "attentionLevel": "attentionLevel"; "noDecoration": "noDecoration"; "themeColor": "themeColor"; "expand": "expand"; "isFloating": "isFloating"; "size": "size"; }, {}, ["icon", "iconElementRef"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kirby-button],Button[kirby-button]", never, { "attentionLevel": "attentionLevel"; "noDecoration": "noDecoration"; "themeColor": "themeColor"; "expand": "expand"; "isFloating": "isFloating"; "size": "size"; "showIconOnly": "showIconOnly"; }, {}, ["iconElementRef"], ["*"], true, never>;
 }

package/dropdown/dropdown.component.d.ts

@@ -33,6 +33,7 @@ export declare class DropdownComponent implements AfterViewInit, OnDestroy, Cont
     size: 'sm' | 'md';
     tabindex: number;
     usePopover: boolean;
+    _isMoreMenu: boolean;
     get _tabindex(): number;
     get _noBlurOnScroll(): boolean;
     /**
@@ -124,5 +125,5 @@ export declare class DropdownComponent implements AfterViewInit, OnDestroy, Cont
     private unlistenAllSlottedItems;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "kirby-dropdown", never, { "items": "items"; "selectedIndex": "selectedIndex"; "focusedIndex": "focusedIndex"; "itemTextProperty": "itemTextProperty"; "placeholder": "placeholder"; "popout": "popout"; "attentionLevel": "attentionLevel"; "expand": "expand"; "disabled": "disabled"; "hasError": "hasError"; "size": "size"; "tabindex": "tabindex"; "usePopover": "usePopover"; }, { "change": "change"; }, ["itemTemplate", "slottedItems", "kirbyItemsSlotted"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "kirby-dropdown", never, { "items": "items"; "selectedIndex": "selectedIndex"; "focusedIndex": "focusedIndex"; "itemTextProperty": "itemTextProperty"; "placeholder": "placeholder"; "popout": "popout"; "attentionLevel": "attentionLevel"; "expand": "expand"; "disabled": "disabled"; "hasError": "hasError"; "size": "size"; "tabindex": "tabindex"; "usePopover": "usePopover"; "_isMoreMenu": "_isMoreMenu"; }, { "change": "change"; }, ["itemTemplate", "slottedItems", "kirbyItemsSlotted"], never, false, never>;
 }

package/esm2020/action-group/action-group.component.mjs

@@ -0,0 +1,112 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, HostBinding, Input, QueryList, Renderer2, ViewChild, } from '@angular/core';
+import { ButtonComponent } from '@kirbydesign/designsystem/button';
+import { DropdownComponent, DropdownModule } from '@kirbydesign/designsystem/dropdown';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@kirbydesign/designsystem/dropdown";
+export class ActionGroupComponent {
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.placement = 'right';
+        this._collapsedActions = [];
+        this._nonCollapsibleVisibleActions = 2;
+    }
+    ngAfterContentInit() {
+        const isInToolbar = this.elementRef.nativeElement.closest('ion-toolbar');
+        const emphasizeActions = !!this.elementRef.nativeElement.closest('.actions.emphasize');
+        if (isInToolbar || emphasizeActions === false) {
+            // Setting default visible actions to 1:
+            this.visibleActions = 1;
+        }
+        if (isInToolbar) {
+            this.isCondensed = true;
+            this.placement = 'right';
+        }
+    }
+    set isCondensed(value) {
+        this.buttons.forEach((button) => (button.showIconOnly = value));
+    }
+    ngAfterViewInit() {
+        if (this.visibleActions) {
+            this.initializeCollapsing();
+        }
+    }
+    onDropdownActionSelect() {
+        const selectedIndex = this.dropdown.selectedIndex;
+        const selectedAction = this.hiddenButtons[selectedIndex];
+        // Dropdown should not persist selected item, we want it to be re-selectable
+        this.dropdown.selectedIndex = -1;
+        if (selectedAction) {
+            const event = new PointerEvent('click', {
+                bubbles: true,
+                cancelable: true,
+                view: window,
+            });
+            selectedAction.dispatchEvent(event);
+        }
+    }
+    initializeCollapsing() {
+        if (this.buttonElements.length <= this._nonCollapsibleVisibleActions)
+            return;
+        this.moveButtons();
+        this.populateDropdown();
+        this.toggleDropdown();
+    }
+    moveButtons() {
+        const buttonsToHide = [...this.buttonElements].slice(this.visibleActions);
+        buttonsToHide.forEach((button) => {
+            this.renderer.appendChild(this.hiddenLayer.nativeElement, button.nativeElement);
+        });
+    }
+    toggleDropdown() {
+        if (this.hiddenLayer.nativeElement.childElementCount === 0) {
+            this._isCollapsed = false;
+        }
+        else {
+            this._isCollapsed = true;
+        }
+    }
+    populateDropdown() {
+        /*
+         * This function extracts the button text of all hidden buttons
+         * and updates the array used to populate the dropdown with items.
+         * It also maps the extracted text to the actual button element, for use when
+         * firing the matching buttons click-event in onDropdownActionSelect
+         */
+        this.hiddenButtons = Array.from(this.hiddenLayer.nativeElement.children);
+        this._collapsedActions = this.hiddenButtons.map((button) => button.textContent.trim());
+    }
+}
+/** @nocollapse */ ActionGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ActionGroupComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ ActionGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ActionGroupComponent, isStandalone: true, selector: "kirby-action-group", inputs: { visibleActions: "visibleActions", emphasizeActions: "emphasizeActions", placement: "placement" }, host: { properties: { "class": "this.placement", "class.is-collapsed": "this._isCollapsed" } }, queries: [{ propertyName: "buttonElements", predicate: ButtonComponent, read: ElementRef }, { propertyName: "buttons", predicate: ButtonComponent }], viewQueries: [{ propertyName: "hiddenLayer", first: true, predicate: ["hiddenLayer"], descendants: true, read: ElementRef }, { propertyName: "dropdown", first: true, predicate: DropdownComponent, descendants: true }], ngImport: i0, template: "<div *ngIf=\"placement === 'right'\" class=\"hidden-layer\" #hiddenLayer></div>\n<ng-content select=\"button[kirby-button]\"></ng-content>\n\n<kirby-dropdown\n  [items]=\"_collapsedActions\"\n  [usePopover]=\"true\"\n  [_isMoreMenu]=\"true\"\n  popout=\"left\"\n  (change)=\"onDropdownActionSelect()\"\n></kirby-dropdown>\n<div *ngIf=\"placement === 'left'\" class=\"hidden-layer\" #hiddenLayer></div>\n", styles: [":host{display:flex;position:relative;overflow:hidden}:host(.right){justify-content:flex-end}:host(.is-collapsed) kirby-dropdown{display:inline-block}.hidden-layer{position:absolute;visibility:hidden;display:flex;flex-direction:row;justify-content:flex-end}kirby-dropdown{margin:4px;display:none;z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i2.DropdownComponent, selector: "kirby-dropdown", inputs: ["items", "selectedIndex", "focusedIndex", "itemTextProperty", "placeholder", "popout", "attentionLevel", "expand", "disabled", "hasError", "size", "tabindex", "usePopover", "_isMoreMenu"], outputs: ["change"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ActionGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kirby-action-group', standalone: true, imports: [CommonModule, ButtonComponent, DropdownModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"placement === 'right'\" class=\"hidden-layer\" #hiddenLayer></div>\n<ng-content select=\"button[kirby-button]\"></ng-content>\n\n<kirby-dropdown\n  [items]=\"_collapsedActions\"\n  [usePopover]=\"true\"\n  [_isMoreMenu]=\"true\"\n  popout=\"left\"\n  (change)=\"onDropdownActionSelect()\"\n></kirby-dropdown>\n<div *ngIf=\"placement === 'left'\" class=\"hidden-layer\" #hiddenLayer></div>\n", styles: [":host{display:flex;position:relative;overflow:hidden}:host(.right){justify-content:flex-end}:host(.is-collapsed) kirby-dropdown{display:inline-block}.hidden-layer{position:absolute;visibility:hidden;display:flex;flex-direction:row;justify-content:flex-end}kirby-dropdown{margin:4px;display:none;z-index:1}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { visibleActions: [{
+                type: Input
+            }], emphasizeActions: [{
+                type: Input
+            }], placement: [{
+                type: HostBinding,
+                args: ['class']
+            }, {
+                type: Input
+            }], buttonElements: [{
+                type: ContentChildren,
+                args: [ButtonComponent, { read: ElementRef }]
+            }], buttons: [{
+                type: ContentChildren,
+                args: [ButtonComponent]
+            }], hiddenLayer: [{
+                type: ViewChild,
+                args: ['hiddenLayer', { read: ElementRef }]
+            }], dropdown: [{
+                type: ViewChild,
+                args: [DropdownComponent]
+            }], _isCollapsed: [{
+                type: HostBinding,
+                args: ['class.is-collapsed']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL2FjdGlvbi1ncm91cC9zcmMvYWN0aW9uLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL2FjdGlvbi1ncm91cC9zcmMvYWN0aW9uLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBR0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEVBQ0wsU0FBUyxFQUNULFNBQVMsRUFDVCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7OztBQVV2RixNQUFNLE9BQU8sb0JBQW9CO0lBNEIvQixZQUFvQixRQUFtQixFQUFVLFVBQW1DO1FBQWhFLGFBQVEsR0FBUixRQUFRLENBQVc7UUFBVSxlQUFVLEdBQVYsVUFBVSxDQUF5QjtRQXJCcEYsY0FBUyxHQUFxQixPQUFPLENBQUM7UUFldEMsc0JBQWlCLEdBQWEsRUFBRSxDQUFDO1FBRXpCLGtDQUE2QixHQUFXLENBQUMsQ0FBQztJQUlxQyxDQUFDO0lBRXhGLGtCQUFrQjtRQUNoQixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDekUsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLENB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QVdBLDRXRFNZLFlBQVksa0lBQW1CLGNBQWM7MkZBSzVDLG9CQUFvQjtrQkFSaEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxjQUFjLENBQUMsbUJBQ3ZDLHVCQUF1QixDQUFDLE1BQU07eUhBS3RDLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUlOLFNBQVM7c0JBRlIsV0FBVzt1QkFBQyxPQUFPOztzQkFDbkIsS0FBSztnQkFHMEQsY0FBYztzQkFBN0UsZUFBZTt1QkFBQyxlQUFlLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUdaLE9BQU87c0JBQWhELGVBQWU7dUJBQUMsZUFBZTtnQkFDd0IsV0FBVztzQkFBbEUsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUtSLFFBQVE7c0JBQTdDLFNBQVM7dUJBQUMsaUJBQWlCO2dCQUc1QixZQUFZO3NCQURYLFdBQVc7dUJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBRdWVyeUxpc3QsXG4gIFJlbmRlcmVyMixcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BraXJieWRlc2lnbi9kZXNpZ25zeXN0ZW0vYnV0dG9uJztcbmltcG9ydCB7IERyb3Bkb3duQ29tcG9uZW50LCBEcm9wZG93bk1vZHVsZSB9IGZyb20gJ0BraXJieWRlc2lnbi9kZXNpZ25zeXN0ZW0vZHJvcGRvd24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXJieS1hY3Rpb24tZ3JvdXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCdXR0b25Db21wb25lbnQsIERyb3Bkb3duTW9kdWxlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgdmlzaWJsZUFjdGlvbnM6IG51bWJlcjtcblxuICBASW5wdXQoKSBlbXBoYXNpemVBY3Rpb25zPzogYm9vbGVhbjtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgQElucHV0KClcbiAgcGxhY2VtZW50OiAnbGVmdCcgfCAncmlnaHQnID0gJ3JpZ2h0JztcblxuICBAQ29udGVudENoaWxkcmVuKEJ1dHRvbkNvbXBvbmVudCwgeyByZWFkOiBFbGVtZW50UmVmIH0pIHByaXZhdGUgYnV0dG9uRWxlbWVudHMhOiBRdWVyeUxpc3Q8XG4gICAgRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgPjtcbiAgQENvbnRlbnRDaGlsZHJlbihCdXR0b25Db21wb25lbnQpIHByaXZhdGUgYnV0dG9uczogUXVlcnlMaXN0PEJ1dHRvbkNvbXBvbmVudD47XG4gIEBWaWV3Q2hpbGQoJ2hpZGRlbkxheWVyJywgeyByZWFkOiBFbGVtZW50UmVmIH0pIHByaXZhdGUgaGlkZGVuTGF5ZXIhOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcbiAgLypcbiAgICogVEVNUE9SQVJZIE1PUkUtTUVOVVxuICAgKiBkcm9wZG93biBWaWV3Q2hpbGQgaXMgb25seSB1c2VkIGZvciB0ZW1wb3JhcnkgbW9yZS1tZW51XG4gICAqL1xuICBAVmlld0NoaWxkKERyb3Bkb3duQ29tcG9uZW50KSBwcml2YXRlIGRyb3Bkb3duITogRHJvcGRvd25Db21wb25lbnQ7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pcy1jb2xsYXBzZWQnKVxuICBfaXNDb2xsYXBzZWQ6IGJvb2xlYW47XG4gIF9jb2xsYXBzZWRBY3Rpb25zOiBzdHJpbmdbXSA9IFtdO1xuXG4gIHByaXZhdGUgX25vbkNvbGxhcHNpYmxlVmlzaWJsZUFjdGlvbnM6IG51bWJlciA9IDI7XG5cbiAgcHJpdmF0ZSBoaWRkZW5CdXR0b25zOiBIVE1MQnV0dG9uRWxlbWVudFtdO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pikge31cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgY29uc3QgaXNJblRvb2xiYXIgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jbG9zZXN0KCdpb24tdG9vbGJhcicpO1xuICAgIGNvbnN0IGVtcGhhc2l6ZUFjdGlvbnMgPSAhIXRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNsb3Nlc3QoJy5hY3Rpb25zLmVtcGhhc2l6ZScpO1xuICAgIGlmIChpc0luVG9vbGJhciB8fCBlbXBoYXNpemVBY3Rpb25zID09PSBmYWxzZSkge1xuICAgICAgLy8gU2V0dGluZyBkZWZhdWx0IHZpc2libGUgYWN0aW9ucyB0byAxOlxuICAgICAgdGhpcy52aXNpYmxlQWN0aW9ucyA9IDE7XG4gICAgfVxuICAgIGlmIChpc0luVG9vbGJhcikge1xuICAgICAgdGhpcy5pc0NvbmRlbnNlZCA9IHRydWU7XG4gICAgICB0aGlzLnBsYWNlbWVudCA9ICdyaWdodCc7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHNldCBpc0NvbmRlbnNlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuYnV0dG9ucy5mb3JFYWNoKChidXR0b24pID0+IChidXR0b24uc2hvd0ljb25Pbmx5ID0gdmFsdWUpKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy52aXNpYmxlQWN0aW9ucykge1xuICAgICAgdGhpcy5pbml0aWFsaXplQ29sbGFwc2luZygpO1xuICAgIH1cbiAgfVxuXG4gIG9uRHJvcGRvd25BY3Rpb25TZWxlY3QoKSB7XG4gICAgY29uc3Qgc2VsZWN0ZWRJbmRleCA9IHRoaXMuZHJvcGRvd24uc2VsZWN0ZWRJbmRleDtcbiAgICBjb25zdCBzZWxlY3RlZEFjdGlvbiA9IHRoaXMuaGlkZGVuQnV0dG9uc1tzZWxlY3RlZEluZGV4XTtcblxuICAgIC8vIERyb3Bkb3duIHNob3VsZCBub3QgcGVyc2lzdCBzZWxlY3RlZCBpdGVtLCB3ZSB3YW50IGl0IHRvIGJlIHJlLXNlbGVjdGFibGVcbiAgICB0aGlzLmRyb3Bkb3duLnNlbGVjdGVkSW5kZXggPSAtMTtcblxuICAgIGlmIChzZWxlY3RlZEFjdGlvbikge1xuICAgICAgY29uc3QgZXZlbnQgPSBuZXcgUG9pbnRlckV2ZW50KCdjbGljaycsIHtcbiAgICAgICAgYnViYmxlczogdHJ1ZSxcbiAgICAgICAgY2FuY2VsYWJsZTogdHJ1ZSxcbiAgICAgICAgdmlldzogd2luZG93LFxuICAgICAgfSk7XG5cbiAgICAgIHNlbGVjdGVkQWN0aW9uLmRpc3BhdGNoRXZlbnQoZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgaW5pdGlhbGl6ZUNvbGxhcHNpbmcoKSB7XG4gICAgaWYgKHRoaXMuYnV0dG9uRWxlbWVudHMubGVuZ3RoIDw9IHRoaXMuX25vbkNvbGxhcHNpYmxlVmlzaWJsZUFjdGlvbnMpIHJldHVybjtcbiAgICB0aGlzLm1vdmVCdXR0b25zKCk7XG4gICAgdGhpcy5wb3B1bGF0ZURyb3Bkb3duKCk7XG4gICAgdGhpcy50b2dnbGVEcm9wZG93bigpO1xuICB9XG5cbiAgcHJpdmF0ZSBtb3ZlQnV0dG9ucygpIHtcbiAgICBjb25zdCBidXR0b25zVG9IaWRlID0gWy4uLnRoaXMuYnV0dG9uRWxlbWVudHNdLnNsaWNlKHRoaXMudmlzaWJsZUFjdGlvbnMpO1xuICAgIGJ1dHRvbnNUb0hpZGUuZm9yRWFjaCgoYnV0dG9uKSA9PiB7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMuaGlkZGVuTGF5ZXIubmF0aXZlRWxlbWVudCwgYnV0dG9uLm5hdGl2ZUVsZW1lbnQpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSB0b2dnbGVEcm9wZG93bigpIHtcbiAgICBpZiAodGhpcy5oaWRkZW5MYXllci5uYXRpdmVFbGVtZW50LmNoaWxkRWxlbWVudENvdW50ID09PSAwKSB7XG4gICAgICB0aGlzLl9pc0NvbGxhcHNlZCA9IGZhbHNlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9pc0NvbGxhcHNlZCA9IHRydWU7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBwb3B1bGF0ZURyb3Bkb3duKCkge1xuICAgIC8qXG4gICAgICogVGhpcyBmdW5jdGlvbiBleHRyYWN0cyB0aGUgYnV0dG9uIHRleHQgb2YgYWxsIGhpZGRlbiBidXR0b25zXG4gICAgICogYW5kIHVwZGF0ZXMgdGhlIGFycmF5IHVzZWQgdG8gcG9wdWxhdGUgdGhlIGRyb3Bkb3duIHdpdGggaXRlbXMuXG4gICAgICogSXQgYWxzbyBtYXBzIHRoZSBleHRyYWN0ZWQgdGV4dCB0byB0aGUgYWN0dWFsIGJ1dHRvbiBlbGVtZW50LCBmb3IgdXNlIHdoZW5cbiAgICAgKiBmaXJpbmcgdGhlIG1hdGNoaW5nIGJ1dHRvbnMgY2xpY2stZXZlbnQgaW4gb25Ecm9wZG93bkFjdGlvblNlbGVjdFxuICAgICAqL1xuXG4gICAgdGhpcy5oaWRkZW5CdXR0b25zID0gQXJyYXkuZnJvbSh0aGlzLmhpZGRlbkxheWVyLm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW4pIGFzIEhUTUxCdXR0b25FbGVtZW50W107XG4gICAgdGhpcy5fY29sbGFwc2VkQWN0aW9ucyA9IHRoaXMuaGlkZGVuQnV0dG9ucy5tYXAoKGJ1dHRvbikgPT4gYnV0dG9uLnRleHRDb250ZW50LnRyaW0oKSk7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJwbGFjZW1lbnQgPT09ICdyaWdodCdcIiBjbGFzcz1cImhpZGRlbi1sYXllclwiICNoaWRkZW5MYXllcj48L2Rpdj5cbjxuZy1jb250ZW50IHNlbGVjdD1cImJ1dHRvbltraXJieS1idXR0b25dXCI+PC9uZy1jb250ZW50PlxuXG48a2lyYnktZHJvcGRvd25cbiAgW2l0ZW1zXT1cIl9jb2xsYXBzZWRBY3Rpb25zXCJcbiAgW3VzZVBvcG92ZXJdPVwidHJ1ZVwiXG4gIFtfaXNNb3JlTWVudV09XCJ0cnVlXCJcbiAgcG9wb3V0PVwibGVmdFwiXG4gIChjaGFuZ2UpPVwib25Ecm9wZG93bkFjdGlvblNlbGVjdCgpXCJcbj48L2tpcmJ5LWRyb3Bkb3duPlxuPGRpdiAqbmdJZj1cInBsYWNlbWVudCA9PT0gJ2xlZnQnXCIgY2xhc3M9XCJoaWRkZW4tbGF5ZXJcIiAjaGlkZGVuTGF5ZXI+PC9kaXY+XG4iXX0=

package/esm2020/action-group/kirbydesign-designsystem-action-group.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2lyYnlkZXNpZ24tZGVzaWduc3lzdGVtLWFjdGlvbi1ncm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL2FjdGlvbi1ncm91cC9zcmMva2lyYnlkZXNpZ24tZGVzaWduc3lzdGVtLWFjdGlvbi1ncm91cC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

package/esm2020/action-group/public_api.mjs

@@ -0,0 +1,2 @@
+export { ActionGroupComponent } from './action-group.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL2FjdGlvbi1ncm91cC9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEFjdGlvbkdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9hY3Rpb24tZ3JvdXAuY29tcG9uZW50JztcbiJdfQ==

package/esm2020/alert-experimental/alert.component.mjs

@@ -0,0 +1,76 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild, } from '@angular/core';
+import { WindowRef } from '@kirbydesign/designsystem/types';
+import { of } from 'rxjs';
+import { IconModule } from '@kirbydesign/designsystem/icon';
+import { ThemeColorDirective } from '@kirbydesign/designsystem/shared';
+import { EmptyStateModule } from '@kirbydesign/designsystem/empty-state';
+import { ButtonComponent } from '@kirbydesign/designsystem/button';
+import * as i0 from "@angular/core";
+import * as i1 from "@kirbydesign/designsystem/types";
+import * as i2 from "@kirbydesign/designsystem/shared";
+import * as i3 from "@kirbydesign/designsystem/empty-state";
+import * as i4 from "@angular/common";
+export class AlertExperimentalComponent {
+    constructor(elementRef, windowRef) {
+        this.elementRef = elementRef;
+        this.windowRef = windowRef;
+        this.BLUR_WRAPPER_DELAY_IN_MS = 50;
+        this.scrollY = Math.abs(this.windowRef.nativeWindow.scrollY);
+    }
+    set title(title) {
+        this.title$ = typeof title === 'string' ? of(title) : title;
+    }
+    set message(message) {
+        this.message$ = typeof message === 'string' ? of(message) : message;
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.alertWrapper.nativeElement.focus();
+            this.alertWrapper.nativeElement.blur();
+        }, this.BLUR_WRAPPER_DELAY_IN_MS);
+    }
+    onFocusChange() {
+        // This fixes an undesired scroll behaviour occurring on keyboard-tabbing
+        this.windowRef.nativeWindow.scrollTo({ top: this.scrollY });
+    }
+    cancelAlert() {
+        const ionModalElement = this.elementRef.nativeElement.closest('ion-modal');
+        ionModalElement && ionModalElement.dismiss(false);
+    }
+    approveAlert() {
+        const ionModalElement = this.elementRef.nativeElement.closest('ion-modal');
+        ionModalElement && ionModalElement.dismiss(true);
+    }
+}
+/** @nocollapse */ AlertExperimentalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AlertExperimentalComponent, deps: [{ token: i0.ElementRef }, { token: i1.WindowRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ AlertExperimentalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AlertExperimentalComponent, isStandalone: true, selector: "kirby-alert-experimental", inputs: { title: "title", message: "message", iconName: "iconName", iconThemeColor: "iconThemeColor", okButton: "okButton", okButtonIsDestructive: "okButtonIsDestructive", cancelButton: "cancelButton" }, host: { properties: { "class.ion-page": "false" } }, viewQueries: [{ propertyName: "alertWrapper", first: true, predicate: ["alertWrapper"], descendants: true, static: true }], ngImport: i0, template: "<article #alertWrapper>\n  <kirby-empty-state\n    [iconName]=\"iconName\"\n    [themeColor]=\"iconThemeColor\"\n    [title]=\"title$ | async\"\n    [subtitle]=\"message$ | async\"\n  ></kirby-empty-state>\n  <div class=\"buttongroup\">\n    <button\n      kirby-button\n      *ngIf=\"cancelButton\"\n      attentionLevel=\"3\"\n      class=\"cancel-btn\"\n      (click)=\"cancelAlert()\"\n    >\n      {{ cancelButton }}\n    </button>\n    <button\n      kirby-button\n      [size]=\"cancelButton ? null : 'lg'\"\n      attentionLevel=\"1\"\n      class=\"ok-btn\"\n      [class.destructive]=\"okButtonIsDestructive\"\n      (click)=\"approveAlert()\"\n    >\n      {{ okButton }}\n    </button>\n  </div>\n</article>\n", styles: ["article{overflow:hidden;padding:24px 16px 16px}@media (max-width: 320px){article{padding:8px}}.buttongroup{display:flex;justify-content:space-around}.buttongroup button{width:50%;margin-left:6px;margin-right:6px}\n"], dependencies: [{ kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2.ThemeColorDirective, selector: "kirby-avatar[themeColor],             kirby-card[themeColor],             kirby-icon[themeColor],             kirby-progress-circle-ring[themeColor],             kirby-modal-footer[themeColor],             kirby-empty-state[themeColor]", inputs: ["themeColor"] }, { kind: "ngmodule", type: EmptyStateModule }, { kind: "component", type: i3.EmptyStateComponent, selector: "kirby-empty-state", inputs: ["iconName", "customIconName", "title", "subtitle"] }, { kind: "component", type: ButtonComponent, selector: "button[kirby-button],Button[kirby-button]", inputs: ["attentionLevel", "noDecoration", "themeColor", "expand", "isFloating", "size", "showIconOnly"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AlertExperimentalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        IconModule,
+                        EmptyStateModule,
+                        ButtonComponent,
+                        CommonModule,
+                        EmptyStateModule,
+                        ThemeColorDirective,
+                    ], selector: 'kirby-alert-experimental', host: { '[class.ion-page]': 'false' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<article #alertWrapper>\n  <kirby-empty-state\n    [iconName]=\"iconName\"\n    [themeColor]=\"iconThemeColor\"\n    [title]=\"title$ | async\"\n    [subtitle]=\"message$ | async\"\n  ></kirby-empty-state>\n  <div class=\"buttongroup\">\n    <button\n      kirby-button\n      *ngIf=\"cancelButton\"\n      attentionLevel=\"3\"\n      class=\"cancel-btn\"\n      (click)=\"cancelAlert()\"\n    >\n      {{ cancelButton }}\n    </button>\n    <button\n      kirby-button\n      [size]=\"cancelButton ? null : 'lg'\"\n      attentionLevel=\"1\"\n      class=\"ok-btn\"\n      [class.destructive]=\"okButtonIsDestructive\"\n      (click)=\"approveAlert()\"\n    >\n      {{ okButton }}\n    </button>\n  </div>\n</article>\n", styles: ["article{overflow:hidden;padding:24px 16px 16px}@media (max-width: 320px){article{padding:8px}}.buttongroup{display:flex;justify-content:space-around}.buttongroup button{width:50%;margin-left:6px;margin-right:6px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.WindowRef }]; }, propDecorators: { alertWrapper: [{
+                type: ViewChild,
+                args: ['alertWrapper', { static: true }]
+            }], title: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], iconThemeColor: [{
+                type: Input
+            }], okButton: [{
+                type: Input
+            }], okButtonIsDestructive: [{
+                type: Input
+            }], cancelButton: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ25zeXN0ZW0vYWxlcnQtZXhwZXJpbWVudGFsL3NyYy9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbnN5c3RlbS9hbGVydC1leHBlcmltZW50YWwvc3JjL2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDNUQsT0FBTyxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDNUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7Ozs7QUFvQm5FLE1BQU0sT0FBTywwQkFBMEI7SUF1QnJDLFlBQW9CLFVBQW1DLEVBQVUsU0FBb0I7UUFBakUsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFBVSxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBdEI1RSw2QkFBd0IsR0FBRyxFQUFFLENBQUM7UUFFL0IsWUFBTyxHQUFXLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7SUFvQmdCLENBQUM7SUFqQnpGLElBQ0ksS0FBSyxDQUFDLEtBQWtDO1FBQzFDLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxLQUFLLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUM5RCxDQUFDO0lBR0QsSUFDSSxPQUFPLENBQUMsT0FBb0M7UUFDOUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLE9BQU8sS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO0lBQ3RFLENBQUM7SUFVRCxlQUFlO1FBQ2IsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ3hDLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pDLENBQUMsRUFBRSxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsYUFBYTtRQUNYLHlFQUF5RTtRQUN6RSxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsRUFBRSxHQUFHLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVELFdBQVc7UUFDVCxNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDM0UsZUFBZSxJQUFJLGVBQWUsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVELFlBQVk7UUFDVixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDM0UsZUFBZSxJQUFJLGVBQWUsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkQsQ0FBQzs7MElBN0NVLDBCQUEwQjs4SEFBMUIsMEJBQTBCLGlkQ2xDdkMsbXRCQTZCQSwrUURUSSxVQUFVLG9XQUNWLGdCQUFnQixnTEFDaEIsZUFBZSwrTEFDZixZQUFZOzJGQVdILDBCQUEwQjtrQkFqQnRDLFNBQVM7aUNBQ0ksSUFBSSxXQUNQO3dCQUNQLFVBQVU7d0JBQ1YsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixtQkFBbUI7cUJBQ3BCLFlBQ1MsMEJBQTBCLFFBSTlCLEVBQUUsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNO3lIQUlNLFlBQVk7c0JBQWhFLFNBQVM7dUJBQUMsY0FBYyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFLdkMsS0FBSztzQkFEUixLQUFLO2dCQU9GLE9BQU87c0JBRFYsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdpbmRvd1JlZiB9IGZyb20gJ0BraXJieWRlc2lnbi9kZXNpZ25zeXN0ZW0vdHlwZXMnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgb2YgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICdAa2lyYnlkZXNpZ24vZGVzaWduc3lzdGVtL2ljb24nO1xuaW1wb3J0IHsgVGhlbWVDb2xvckRpcmVjdGl2ZSB9IGZyb20gJ0BraXJieWRlc2lnbi9kZXNpZ25zeXN0ZW0vc2hhcmVkJztcbmltcG9ydCB7IEVtcHR5U3RhdGVNb2R1bGUgfSBmcm9tICdAa2lyYnlkZXNpZ24vZGVzaWduc3lzdGVtL2VtcHR5LXN0YXRlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BraXJieWRlc2lnbi9kZXNpZ25zeXN0ZW0vYnV0dG9uJztcbmltcG9ydCB7IFRoZW1lQ29sb3IgfSBmcm9tICdAa2lyYnlkZXNpZ24vZGVzaWduc3lzdGVtL2hlbHBlcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIEljb25Nb2R1bGUsXG4gICAgRW1wdHlTdGF0ZU1vZHVsZSxcbiAgICBCdXR0b25Db21wb25lbnQsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEVtcHR5U3RhdGVNb2R1bGUsXG4gICAgVGhlbWVDb2xvckRpcmVjdGl2ZSxcbiAgXSxcbiAgc2VsZWN0b3I6ICdraXJieS1hbGVydC1leHBlcmltZW50YWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hbGVydC5jb21wb25lbnQuc2NzcyddLFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWhvc3QtbWV0YWRhdGEtcHJvcGVydHlcbiAgaG9zdDogeyAnW2NsYXNzLmlvbi1wYWdlXSc6ICdmYWxzZScgfSwgLy9FbnN1cmUgaW9uLXBhZ2UgY2xhc3MgZG9lc24ndCBnZXQgYXBwbGllZCBieSBJb25pYyBNb2RhbCBDb250cm9sbGVyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydEV4cGVyaW1lbnRhbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICByZWFkb25seSBCTFVSX1dSQVBQRVJfREVMQVlfSU5fTVMgPSA1MDtcbiAgQFZpZXdDaGlsZCgnYWxlcnRXcmFwcGVyJywgeyBzdGF0aWM6IHRydWUgfSkgcHJpdmF0ZSBhbGVydFdyYXBwZXI6IEVsZW1lbnRSZWY7XG4gIHByaXZhdGUgc2Nyb2xsWTogbnVtYmVyID0gTWF0aC5hYnModGhpcy53aW5kb3dSZWYubmF0aXZlV2luZG93LnNjcm9sbFkpO1xuXG4gIHRpdGxlJDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBASW5wdXQoKVxuICBzZXQgdGl0bGUodGl0bGU6IHN0cmluZyB8IE9ic2VydmFibGU8c3RyaW5nPikge1xuICAgIHRoaXMudGl0bGUkID0gdHlwZW9mIHRpdGxlID09PSAnc3RyaW5nJyA/IG9mKHRpdGxlKSA6IHRpdGxlO1xuICB9XG5cbiAgbWVzc2FnZSQ6IE9ic2VydmFibGU8c3RyaW5nPjtcbiAgQElucHV0KClcbiAgc2V0IG1lc3NhZ2UobWVzc2FnZTogc3RyaW5nICYgT2JzZXJ2YWJsZTxzdHJpbmc+KSB7XG4gICAgdGhpcy5tZXNzYWdlJCA9IHR5cGVvZiBtZXNzYWdlID09PSAnc3RyaW5nJyA/IG9mKG1lc3NhZ2UpIDogbWVzc2FnZTtcbiAgfVxuXG4gIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb25UaGVtZUNvbG9yOiBUaGVtZUNvbG9yIHwgYCR7VGhlbWVDb2xvcn1gO1xuICBASW5wdXQoKSBva0J1dHRvbjogc3RyaW5nO1xuICBASW5wdXQoKSBva0J1dHRvbklzRGVzdHJ1Y3RpdmU6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGNhbmNlbEJ1dHRvbjogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sIHByaXZhdGUgd2luZG93UmVmOiBXaW5kb3dSZWYpIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5hbGVydFdyYXBwZXIubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgdGhpcy5hbGVydFdyYXBwZXIubmF0aXZlRWxlbWVudC5ibHVyKCk7XG4gICAgfSwgdGhpcy5CTFVSX1dSQVBQRVJfREVMQVlfSU5fTVMpO1xuICB9XG5cbiAgb25Gb2N1c0NoYW5nZSgpIHtcbiAgICAvLyBUaGlzIGZpeGVzIGFuIHVuZGVzaXJlZCBzY3JvbGwgYmVoYXZpb3VyIG9jY3VycmluZyBvbiBrZXlib2FyZC10YWJiaW5nXG4gICAgdGhpcy53aW5kb3dSZWYubmF0aXZlV2luZG93LnNjcm9sbFRvKHsgdG9wOiB0aGlzLnNjcm9sbFkgfSk7XG4gIH1cblxuICBjYW5jZWxBbGVydCgpIHtcbiAgICBjb25zdCBpb25Nb2RhbEVsZW1lbnQgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jbG9zZXN0KCdpb24tbW9kYWwnKTtcbiAgICBpb25Nb2RhbEVsZW1lbnQgJiYgaW9uTW9kYWxFbGVtZW50LmRpc21pc3MoZmFsc2UpO1xuICB9XG5cbiAgYXBwcm92ZUFsZXJ0KCkge1xuICAgIGNvbnN0IGlvbk1vZGFsRWxlbWVudCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNsb3Nlc3QoJ2lvbi1tb2RhbCcpO1xuICAgIGlvbk1vZGFsRWxlbWVudCAmJiBpb25Nb2RhbEVsZW1lbnQuZGlzbWlzcyh0cnVlKTtcbiAgfVxufVxuIiwiPGFydGljbGUgI2FsZXJ0V3JhcHBlcj5cbiAgPGtpcmJ5LWVtcHR5LXN0YXRlXG4gICAgW2ljb25OYW1lXT1cImljb25OYW1lXCJcbiAgICBbdGhlbWVDb2xvcl09XCJpY29uVGhlbWVDb2xvclwiXG4gICAgW3RpdGxlXT1cInRpdGxlJCB8IGFzeW5jXCJcbiAgICBbc3VidGl0bGVdPVwibWVzc2FnZSQgfCBhc3luY1wiXG4gID48L2tpcmJ5LWVtcHR5LXN0YXRlPlxuICA8ZGl2IGNsYXNzPVwiYnV0dG9uZ3JvdXBcIj5cbiAgICA8YnV0dG9uXG4gICAgICBraXJieS1idXR0b25cbiAgICAgICpuZ0lmPVwiY2FuY2VsQnV0dG9uXCJcbiAgICAgIGF0dGVudGlvbkxldmVsPVwiM1wiXG4gICAgICBjbGFzcz1cImNhbmNlbC1idG5cIlxuICAgICAgKGNsaWNrKT1cImNhbmNlbEFsZXJ0KClcIlxuICAgID5cbiAgICAgIHt7IGNhbmNlbEJ1dHRvbiB9fVxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b25cbiAgICAgIGtpcmJ5LWJ1dHRvblxuICAgICAgW3NpemVdPVwiY2FuY2VsQnV0dG9uID8gbnVsbCA6ICdsZydcIlxuICAgICAgYXR0ZW50aW9uTGV2ZWw9XCIxXCJcbiAgICAgIGNsYXNzPVwib2stYnRuXCJcbiAgICAgIFtjbGFzcy5kZXN0cnVjdGl2ZV09XCJva0J1dHRvbklzRGVzdHJ1Y3RpdmVcIlxuICAgICAgKGNsaWNrKT1cImFwcHJvdmVBbGVydCgpXCJcbiAgICA+XG4gICAgICB7eyBva0J1dHRvbiB9fVxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvYXJ0aWNsZT5cbiJdfQ==

package/esm2020/alert-experimental/alert.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AlertExperimentalComponent } from './alert.component';
+import { AlertExperimentalController } from './services/alert.controller';
+import * as i0 from "@angular/core";
+export class AlertExperimentalModule {
+}
+/** @nocollapse */ AlertExperimentalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AlertExperimentalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ AlertExperimentalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: AlertExperimentalModule, imports: [CommonModule, AlertExperimentalComponent] });
+/** @nocollapse */ AlertExperimentalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AlertExperimentalModule, providers: [AlertExperimentalController], imports: [CommonModule, AlertExperimentalComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AlertExperimentalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, AlertExperimentalComponent],
+                    providers: [AlertExperimentalController],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ25zeXN0ZW0vYWxlcnQtZXhwZXJpbWVudGFsL3NyYy9hbGVydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0QsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBTTFFLE1BQU0sT0FBTyx1QkFBdUI7O3VJQUF2Qix1QkFBdUI7d0lBQXZCLHVCQUF1QixZQUh4QixZQUFZLEVBQUUsMEJBQTBCO3dJQUd2Qyx1QkFBdUIsYUFGdkIsQ0FBQywyQkFBMkIsQ0FBQyxZQUQ5QixZQUFZLEVBQUUsMEJBQTBCOzJGQUd2Qyx1QkFBdUI7a0JBSm5DLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLDBCQUEwQixDQUFDO29CQUNuRCxTQUFTLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztpQkFDekMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFsZXJ0RXhwZXJpbWVudGFsQ29tcG9uZW50IH0gZnJvbSAnLi9hbGVydC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWxlcnRFeHBlcmltZW50YWxDb250cm9sbGVyIH0gZnJvbSAnLi9zZXJ2aWNlcy9hbGVydC5jb250cm9sbGVyJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQWxlcnRFeHBlcmltZW50YWxDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtBbGVydEV4cGVyaW1lbnRhbENvbnRyb2xsZXJdLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydEV4cGVyaW1lbnRhbE1vZHVsZSB7fVxuIl19

package/esm2020/alert-experimental/config/alert-config.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ25zeXN0ZW0vYWxlcnQtZXhwZXJpbWVudGFsL3NyYy9jb25maWcvYWxlcnQtY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWxlcnRFeHBlcmltZW50YWxDb25maWcge1xuICB0aXRsZTogc3RyaW5nIHwgT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBtZXNzYWdlPzogc3RyaW5nIHwgT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBjYW5jZWxCdXR0b24/OiBzdHJpbmc7XG5cbiAgaWNvbj86IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgdGhlbWVDb2xvcj86IHN0cmluZztcbiAgfTtcblxuICBva0J1dHRvbj86XG4gICAgfCBzdHJpbmdcbiAgICB8IHtcbiAgICAgICAgdGV4dDogc3RyaW5nO1xuICAgICAgICBpc0Rlc3RydWN0aXZlOiBib29sZWFuO1xuICAgICAgfTtcbn1cbiJdfQ==

package/esm2020/alert-experimental/kirbydesign-designsystem-alert-experimental.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2lyYnlkZXNpZ24tZGVzaWduc3lzdGVtLWFsZXJ0LWV4cGVyaW1lbnRhbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL2FsZXJ0LWV4cGVyaW1lbnRhbC9zcmMva2lyYnlkZXNpZ24tZGVzaWduc3lzdGVtLWFsZXJ0LWV4cGVyaW1lbnRhbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

package/esm2020/alert-experimental/public_api.mjs

@@ -0,0 +1,4 @@
+export { AlertExperimentalController } from './services/alert.controller';
+export { AlertExperimentalComponent } from './alert.component';
+export * from './alert.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL2FsZXJ0LWV4cGVyaW1lbnRhbC9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUUvRCxjQUFjLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQWxlcnRFeHBlcmltZW50YWxDb250cm9sbGVyIH0gZnJvbSAnLi9zZXJ2aWNlcy9hbGVydC5jb250cm9sbGVyJztcbmV4cG9ydCB7IEFsZXJ0RXhwZXJpbWVudGFsQ29tcG9uZW50IH0gZnJvbSAnLi9hbGVydC5jb21wb25lbnQnO1xuZXhwb3J0IHsgQWxlcnRFeHBlcmltZW50YWxDb25maWcgfSBmcm9tICcuL2NvbmZpZy9hbGVydC1jb25maWcnO1xuZXhwb3J0ICogZnJvbSAnLi9hbGVydC5tb2R1bGUnO1xuIl19

package/esm2020/alert-experimental/services/alert.controller.mjs

@@ -0,0 +1,67 @@
+import { Injectable } from '@angular/core';
+import { ModalController } from '@ionic/angular';
+import { from, Subject, switchMap, tap } from 'rxjs';
+import { AlertExperimentalComponent } from '../alert.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@ionic/angular";
+export class AlertExperimentalController {
+    constructor(ionicModalController) {
+        this.ionicModalController = ionicModalController;
+    }
+    showAlert(config) {
+        const $onWillDismiss = new Subject();
+        const onWillDismiss$ = $onWillDismiss.asObservable();
+        const $onDidDismiss = new Subject();
+        const onDidDismiss$ = $onDidDismiss.asObservable();
+        const modal$ = from(this.ionicModalController.create({
+            component: AlertExperimentalComponent,
+            componentProps: this.getComponentProps(config),
+            cssClass: ['kirby-overlay', 'kirby-alert'],
+            mode: 'ios',
+            backdropDismiss: false,
+        }));
+        modal$
+            .pipe(tap((modal) => from(modal.present())), switchMap((modal) => modal.onWillDismiss()))
+            .subscribe((res) => {
+            $onWillDismiss.next(res);
+            $onWillDismiss.complete();
+            $onDidDismiss.next(res);
+            $onDidDismiss.complete();
+        });
+        return {
+            onWillDismiss: onWillDismiss$,
+            onDidDismiss: onDidDismiss$,
+        };
+    }
+    getComponentProps(config) {
+        return {
+            ...config,
+            okButton: this.getOkButton(config),
+            cancelButton: config.cancelButton,
+            okButtonIsDestructive: this.getOkButtonIsDestructive(config),
+            iconName: config.icon && config.icon.name,
+            iconThemeColor: config.icon && config.icon.themeColor,
+        };
+    }
+    getOkButton(config) {
+        let text;
+        if (config.okButton) {
+            if (typeof config.okButton === 'string') {
+                text = config.okButton;
+            }
+            else {
+                text = config.okButton.text;
+            }
+        }
+        return text;
+    }
+    getOkButtonIsDestructive(config) {
+        return typeof config.okButton === 'object' ? config.okButton.isDestructive : undefined;
+    }
+}
+/** @nocollapse */ AlertExperimentalController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AlertExperimentalController, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ AlertExperimentalController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AlertExperimentalController });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AlertExperimentalController, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.ModalController }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29udHJvbGxlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL2FsZXJ0LWV4cGVyaW1lbnRhbC9zcmMvc2VydmljZXMvYWxlcnQuY29udHJvbGxlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsSUFBSSxFQUFjLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRWpFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFTaEUsTUFBTSxPQUFPLDJCQUEyQjtJQUN0QyxZQUFvQixvQkFBcUM7UUFBckMseUJBQW9CLEdBQXBCLG9CQUFvQixDQUFpQjtJQUFHLENBQUM7SUFFdEQsU0FBUyxDQUFDLE1BQStCO1FBQzlDLE1BQU0sY0FBYyxHQUFHLElBQUksT0FBTyxFQUFzQixDQUFDO1FBQ3pELE1BQU0sY0FBYyxHQUFHLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUVyRCxNQUFNLGFBQWEsR0FBRyxJQUFJLE9BQU8sRUFBc0IsQ0FBQztRQUN4RCxNQUFNLGFBQWEsR0FBRyxhQUFhLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFbkQsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUNqQixJQUFJLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDO1lBQy9CLFNBQVMsRUFBRSwwQkFBMEI7WUFDckMsY0FBYyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUM7WUFDOUMsUUFBUSxFQUFFLENBQUMsZUFBZSxFQUFFLGFBQWEsQ0FBQztZQUMxQyxJQUFJLEVBQUUsS0FBSztZQUNYLGVBQWUsRUFBRSxLQUFLO1NBQ3ZCLENBQUMsQ0FDSCxDQUFDO1FBRUYsTUFBTTthQUNILElBQUksQ0FDSCxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxFQUNyQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUM1QzthQUNBLFNBQVMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQ2pCLGNBQWMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDekIsY0FBYyxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBRTFCLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDeEIsYUFBYSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO1FBRUwsT0FBTztZQUNMLGFBQWEsRUFBRSxjQUFjO1lBQzdCLFlBQVksRUFBRSxhQUFhO1NBQzVCLENBQUM7SUFDSixDQUFDO0lBRU8saUJBQWlCLENBQUMsTUFBK0I7UUFDdkQsT0FBTztZQUNMLEdBQUcsTUFBTTtZQUNULFFBQVEsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQztZQUNsQyxZQUFZLEVBQUUsTUFBTSxDQUFDLFlBQVk7WUFDakMscUJBQXFCLEVBQUUsSUFBSSxDQUFDLHdCQUF3QixDQUFDLE1BQU0sQ0FBQztZQUM1RCxRQUFRLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUk7WUFDekMsY0FBYyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVO1NBQ3RELENBQUM7SUFDSixDQUFDO0lBRU8sV0FBVyxDQUFDLE1BQStCO1FBQ2pELElBQUksSUFBWSxDQUFDO1FBRWpCLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRTtZQUNuQixJQUFJLE9BQU8sTUFBTSxDQUFDLFFBQVEsS0FBSyxRQUFRLEVBQUU7Z0JBQ3ZDLElBQUksR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDO2FBQ3hCO2lCQUFNO2dCQUNMLElBQUksR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQzthQUM3QjtTQUNGO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsd0JBQXdCLENBQUMsTUFBTTtRQUM3QixPQUFPLE9BQU8sTUFBTSxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDekYsQ0FBQzs7MklBakVVLDJCQUEyQjsrSUFBM0IsMkJBQTJCOzJGQUEzQiwyQkFBMkI7a0JBRHZDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNb2RhbENvbnRyb2xsZXIgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5pbXBvcnQgeyBmcm9tLCBPYnNlcnZhYmxlLCBTdWJqZWN0LCBzd2l0Y2hNYXAsIHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgT3ZlcmxheUV2ZW50RGV0YWlsIH0gZnJvbSAnQGlvbmljL2NvcmUvY29tcG9uZW50cyc7XG5pbXBvcnQgeyBBbGVydEV4cGVyaW1lbnRhbENvbXBvbmVudCB9IGZyb20gJy4uL2FsZXJ0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBbGVydEV4cGVyaW1lbnRhbENvbmZpZyB9IGZyb20gJy4uL2NvbmZpZy9hbGVydC1jb25maWcnO1xuXG50eXBlIEFsZXJ0RGlzbWlzc09ic2VydmFibGVzID0ge1xuICBvbldpbGxEaXNtaXNzOiBPYnNlcnZhYmxlPE92ZXJsYXlFdmVudERldGFpbD47XG4gIG9uRGlkRGlzbWlzczogT2JzZXJ2YWJsZTxPdmVybGF5RXZlbnREZXRhaWw+O1xufTtcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEFsZXJ0RXhwZXJpbWVudGFsQ29udHJvbGxlciB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaW9uaWNNb2RhbENvbnRyb2xsZXI6IE1vZGFsQ29udHJvbGxlcikge31cblxuICBwdWJsaWMgc2hvd0FsZXJ0KGNvbmZpZzogQWxlcnRFeHBlcmltZW50YWxDb25maWcpOiBBbGVydERpc21pc3NPYnNlcnZhYmxlcyB7XG4gICAgY29uc3QgJG9uV2lsbERpc21pc3MgPSBuZXcgU3ViamVjdDxPdmVybGF5RXZlbnREZXRhaWw+KCk7XG4gICAgY29uc3Qgb25XaWxsRGlzbWlzcyQgPSAkb25XaWxsRGlzbWlzcy5hc09ic2VydmFibGUoKTtcblxuICAgIGNvbnN0ICRvbkRpZERpc21pc3MgPSBuZXcgU3ViamVjdDxPdmVybGF5RXZlbnREZXRhaWw+KCk7XG4gICAgY29uc3Qgb25EaWREaXNtaXNzJCA9ICRvbkRpZERpc21pc3MuYXNPYnNlcnZhYmxlKCk7XG5cbiAgICBjb25zdCBtb2RhbCQgPSBmcm9tKFxuICAgICAgdGhpcy5pb25pY01vZGFsQ29udHJvbGxlci5jcmVhdGUoe1xuICAgICAgICBjb21wb25lbnQ6IEFsZXJ0RXhwZXJpbWVudGFsQ29tcG9uZW50LFxuICAgICAgICBjb21wb25lbnRQcm9wczogdGhpcy5nZXRDb21wb25lbnRQcm9wcyhjb25maWcpLFxuICAgICAgICBjc3NDbGFzczogWydraXJieS1vdmVybGF5JywgJ2tpcmJ5LWFsZXJ0J10sXG4gICAgICAgIG1vZGU6ICdpb3MnLFxuICAgICAgICBiYWNrZHJvcERpc21pc3M6IGZhbHNlLFxuICAgICAgfSlcbiAgICApO1xuXG4gICAgbW9kYWwkXG4gICAgICAucGlwZShcbiAgICAgICAgdGFwKChtb2RhbCkgPT4gZnJvbShtb2RhbC5wcmVzZW50KCkpKSxcbiAgICAgICAgc3dpdGNoTWFwKChtb2RhbCkgPT4gbW9kYWwub25XaWxsRGlzbWlzcygpKVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgocmVzKSA9PiB7XG4gICAgICAgICRvbldpbGxEaXNtaXNzLm5leHQocmVzKTtcbiAgICAgICAgJG9uV2lsbERpc21pc3MuY29tcGxldGUoKTtcblxuICAgICAgICAkb25EaWREaXNtaXNzLm5leHQocmVzKTtcbiAgICAgICAgJG9uRGlkRGlzbWlzcy5jb21wbGV0ZSgpO1xuICAgICAgfSk7XG5cbiAgICByZXR1cm4ge1xuICAgICAgb25XaWxsRGlzbWlzczogb25XaWxsRGlzbWlzcyQsXG4gICAgICBvbkRpZERpc21pc3M6IG9uRGlkRGlzbWlzcyQsXG4gICAgfTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0Q29tcG9uZW50UHJvcHMoY29uZmlnOiBBbGVydEV4cGVyaW1lbnRhbENvbmZpZykge1xuICAgIHJldHVybiB7XG4gICAgICAuLi5jb25maWcsXG4gICAgICBva0J1dHRvbjogdGhpcy5nZXRPa0J1dHRvbihjb25maWcpLFxuICAgICAgY2FuY2VsQnV0dG9uOiBjb25maWcuY2FuY2VsQnV0dG9uLFxuICAgICAgb2tCdXR0b25Jc0Rlc3RydWN0aXZlOiB0aGlzLmdldE9rQnV0dG9uSXNEZXN0cnVjdGl2ZShjb25maWcpLFxuICAgICAgaWNvbk5hbWU6IGNvbmZpZy5pY29uICYmIGNvbmZpZy5pY29uLm5hbWUsXG4gICAgICBpY29uVGhlbWVDb2xvcjogY29uZmlnLmljb24gJiYgY29uZmlnLmljb24udGhlbWVDb2xvcixcbiAgICB9O1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRPa0J1dHRvbihjb25maWc6IEFsZXJ0RXhwZXJpbWVudGFsQ29uZmlnKSB7XG4gICAgbGV0IHRleHQ6IHN0cmluZztcblxuICAgIGlmIChjb25maWcub2tCdXR0b24pIHtcbiAgICAgIGlmICh0eXBlb2YgY29uZmlnLm9rQnV0dG9uID09PSAnc3RyaW5nJykge1xuICAgICAgICB0ZXh0ID0gY29uZmlnLm9rQnV0dG9uO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGV4dCA9IGNvbmZpZy5va0J1dHRvbi50ZXh0O1xuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gdGV4dDtcbiAgfVxuXG4gIGdldE9rQnV0dG9uSXNEZXN0cnVjdGl2ZShjb25maWcpIHtcbiAgICByZXR1cm4gdHlwZW9mIGNvbmZpZy5va0J1dHRvbiA9PT0gJ29iamVjdCcgPyBjb25maWcub2tCdXR0b24uaXNEZXN0cnVjdGl2ZSA6IHVuZGVmaW5lZDtcbiAgfVxufVxuIl19