@kirbydesign/designsystem 11.11.3 → 12.0.0-dev-67d5287

package/fesm2022/kirbydesign-designsystem-reorder-list.mjs

@@ -1,105 +1,218 @@
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, TemplateRef, ViewChildren, ContentChild, Output, Input, Component } from '@angular/core';
-import { CardComponent } from '@kirbydesign/designsystem/card';
-import { ItemComponent, LabelComponent } from '@kirbydesign/designsystem/item';
-import { ListItemTemplateDirective } from '@kirbydesign/designsystem/list';
-import { IonBackdrop, IonReorderGroup } from '@ionic/angular';
-
-class ReorderEvent {
-    constructor(ev, parentItem) {
-        this.origEvent = ev;
-        this.parent = parentItem;
-        this.origEvent.cancelBubble = true;
-    }
-    complete(listOrReorder) {
-        return this.origEvent.detail.complete(listOrReorder);
-    }
-    get parentItem() {
-        return this.parent;
-    }
-}
-
-class ReorderListComponent {
-    constructor(cdr) {
-        this.cdr = cdr;
-        this.itemReorder = new EventEmitter();
-        this.subItemReorder = new EventEmitter();
-        this.reorderActive = false;
-    }
-    ngOnChanges() {
-        if (this.items && this.items.length > 0) {
-            setTimeout(() => {
-                this.setupDomListener();
-            });
-        }
-    }
-    setupDomListener() {
-        const callback = (mutationsList) => {
-            for (const mutation of mutationsList) {
-                if (mutation.oldValue !== mutation.target['className']) {
-                    this.reorderActive = mutation.target['className'].includes('reorder-list-active');
-                }
-            }
-            this.cdr.detectChanges();
-        };
-        this.observer = new MutationObserver(callback);
-        this.reorderGroupContainer.forEach((div) => {
-            this.observer.observe(div.nativeElement, {
-                attributes: true,
-                attributeFilter: ['class'],
-                attributeOldValue: true,
-                childList: false,
-                subtree: true,
-            });
-        });
-    }
-    doReorder(ev) {
-        this.itemReorder.emit(new ReorderEvent(ev));
-    }
-    doSubReorder(ev, parentItem) {
-        this.subItemReorder.emit(new ReorderEvent(ev, parentItem));
-    }
-    ngOnDestroy() {
-        //clean up the observer
-        this.observer?.disconnect();
-        delete this.observer;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ReorderListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: ReorderListComponent, isStandalone: true, selector: "kirby-reorder-list", inputs: { items: "items", subItemsName: "subItemsName", getItemTextDefault: "getItemTextDefault" }, outputs: { itemReorder: "itemReorder", subItemReorder: "subItemReorder" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ListItemTemplateDirective, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "reorderGroupContainer", predicate: ["reorderGroupContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (reorderActive) {\n  <ion-backdrop [tappable]=\"false\" [visible]=\"true\" [stopPropagation]=\"false\"></ion-backdrop>\n}\n<ion-reorder-group (ionItemReorder)=\"doReorder($event)\" disabled=\"false\">\n  @for (reorderItem of items; track reorderItem) {\n    <div>\n      <kirby-card>\n        <ng-container\n          *ngTemplateOutlet=\"\n            itemTemplate || defaultItemTemplate;\n            context: { $implicit: reorderItem }\n          \"\n        ></ng-container>\n        @if (reorderItem[subItemsName]) {\n          <div #reorderGroupContainer>\n            <ion-reorder-group\n              (ionItemReorder)=\"doSubReorder($event, reorderItem)\"\n              disabled=\"false\"\n            >\n              @for (subItem of reorderItem[subItemsName]; track subItem) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      itemTemplate || defaultItemTemplate;\n                      context: { $implicit: subItem, isSubItem: true }\n                    \"\n                  ></ng-container>\n                </div>\n              }\n            </ion-reorder-group>\n          </div>\n        }\n      </kirby-card>\n    </div>\n  }\n</ion-reorder-group>\n\n<ng-template #defaultItemTemplate let-item let-isSubItem>\n  <kirby-item [reorderable]=\"true\">\n    <p class=\"kirby-item-title\">{{ getItemTextDefault(item) }}</p>\n  </kirby-item>\n</ng-template>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-backdrop{opacity:.3;z-index:101;position:fixed}.reorder-selected{box-shadow:none;opacity:1;z-index:104}.reorder-selected kirby-card{transform:scale(1.05)}.reorder-selected kirby-card div:first-child{border-top:1px solid var(--kirby-background-color)}.reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px #0006;transform:scale(1.05);border-radius:var(--kirby-border-radius-n);overflow:hidden}.reorder-list-active>*{position:relative;z-index:103}.reorder-list-active>.reorder-selected{z-index:104}.reorder-list-active div:first-child{border-top:none}.reorder-list-active ::ng-deep>div:last-child kirby-item{border-bottom-left-radius:var(--kirby-border-radius-n);border-bottom-right-radius:var(--kirby-border-radius-n);overflow:hidden}.reorder-list-active .reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px #0006;transform:scale(1.05);border-radius:var(--kirby-border-radius-n);overflow:hidden}:host>ion-reorder-group>div{border-bottom:20px transparent solid}:host>ion-reorder-group>div:last-child{border-bottom-width:0}kirby-card{overflow:inherit;z-index:auto}kirby-card ::ng-deep>div:last-child ion-reorder-group div:last-child kirby-item{border-bottom-left-radius:var(--kirby-border-radius-n);border-bottom-right-radius:var(--kirby-border-radius-n);overflow:hidden}kirby-card ::ng-deep>div kirby-item{z-index:1}kirby-card ::ng-deep>.content-layer>div:first-child kirby-item{border-radius:var(--kirby-border-radius-n);overflow:hidden}kirby-card ::ng-deep>div .reorder-list-active kirby-item{z-index:103}kirby-card div:first-child{border-top:1px solid var(--kirby-background-color)}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "kirby-card", inputs: ["title", "subtitle", "backgroundImageUrl", "hasPadding", "sizes", "variant"] }, { kind: "component", type: ItemComponent, selector: "kirby-item", inputs: ["disabled", "selected", "disclosure", "selectable", "reorderable", "size", "href", "rotateIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IonBackdrop, selector: "ion-backdrop", inputs: ["stopPropagation", "tappable", "visible"], outputs: ["ionBackdropTap"] }, { kind: "component", type: IonReorderGroup, selector: "ion-reorder-group", inputs: ["disabled"], outputs: ["ionItemReorder", "ionReorderStart", "ionReorderMove", "ionReorderEnd"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ReorderListComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [
-                        CardComponent,
-                        ItemComponent,
-                        LabelComponent,
-                        CommonModule,
-                        IonBackdrop,
-                        IonReorderGroup,
-                    ], selector: 'kirby-reorder-list', template: "@if (reorderActive) {\n  <ion-backdrop [tappable]=\"false\" [visible]=\"true\" [stopPropagation]=\"false\"></ion-backdrop>\n}\n<ion-reorder-group (ionItemReorder)=\"doReorder($event)\" disabled=\"false\">\n  @for (reorderItem of items; track reorderItem) {\n    <div>\n      <kirby-card>\n        <ng-container\n          *ngTemplateOutlet=\"\n            itemTemplate || defaultItemTemplate;\n            context: { $implicit: reorderItem }\n          \"\n        ></ng-container>\n        @if (reorderItem[subItemsName]) {\n          <div #reorderGroupContainer>\n            <ion-reorder-group\n              (ionItemReorder)=\"doSubReorder($event, reorderItem)\"\n              disabled=\"false\"\n            >\n              @for (subItem of reorderItem[subItemsName]; track subItem) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      itemTemplate || defaultItemTemplate;\n                      context: { $implicit: subItem, isSubItem: true }\n                    \"\n                  ></ng-container>\n                </div>\n              }\n            </ion-reorder-group>\n          </div>\n        }\n      </kirby-card>\n    </div>\n  }\n</ion-reorder-group>\n\n<ng-template #defaultItemTemplate let-item let-isSubItem>\n  <kirby-item [reorderable]=\"true\">\n    <p class=\"kirby-item-title\">{{ getItemTextDefault(item) }}</p>\n  </kirby-item>\n</ng-template>\n", styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-backdrop{opacity:.3;z-index:101;position:fixed}.reorder-selected{box-shadow:none;opacity:1;z-index:104}.reorder-selected kirby-card{transform:scale(1.05)}.reorder-selected kirby-card div:first-child{border-top:1px solid var(--kirby-background-color)}.reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px #0006;transform:scale(1.05);border-radius:var(--kirby-border-radius-n);overflow:hidden}.reorder-list-active>*{position:relative;z-index:103}.reorder-list-active>.reorder-selected{z-index:104}.reorder-list-active div:first-child{border-top:none}.reorder-list-active ::ng-deep>div:last-child kirby-item{border-bottom-left-radius:var(--kirby-border-radius-n);border-bottom-right-radius:var(--kirby-border-radius-n);overflow:hidden}.reorder-list-active .reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px #0006;transform:scale(1.05);border-radius:var(--kirby-border-radius-n);overflow:hidden}:host>ion-reorder-group>div{border-bottom:20px transparent solid}:host>ion-reorder-group>div:last-child{border-bottom-width:0}kirby-card{overflow:inherit;z-index:auto}kirby-card ::ng-deep>div:last-child ion-reorder-group div:last-child kirby-item{border-bottom-left-radius:var(--kirby-border-radius-n);border-bottom-right-radius:var(--kirby-border-radius-n);overflow:hidden}kirby-card ::ng-deep>div kirby-item{z-index:1}kirby-card ::ng-deep>.content-layer>div:first-child kirby-item{border-radius:var(--kirby-border-radius-n);overflow:hidden}kirby-card ::ng-deep>div .reorder-list-active kirby-item{z-index:103}kirby-card div:first-child{border-top:1px solid var(--kirby-background-color)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { items: [{
-                type: Input
-            }], subItemsName: [{
-                type: Input
-            }], getItemTextDefault: [{
-                type: Input
-            }], itemReorder: [{
-                type: Output
-            }], subItemReorder: [{
-                type: Output
-            }], itemTemplate: [{
-                type: ContentChild,
-                args: [ListItemTemplateDirective, { static: true, read: TemplateRef }]
-            }], reorderGroupContainer: [{
-                type: ViewChildren,
-                args: ['reorderGroupContainer']
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i1 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input, Output, TemplateRef, ViewChildren } from "@angular/core";
+import { CardComponent } from "@kirbydesign/designsystem/card";
+import { ItemComponent, LabelComponent } from "@kirbydesign/designsystem/item";
+import { ListItemTemplateDirective } from "@kirbydesign/designsystem/list";
+import { IonBackdrop, IonReorderGroup } from "@ionic/angular";
+var ReorderEvent = class {
+	constructor(ev, parentItem) {
+		this.origEvent = ev;
+		this.parent = parentItem;
+		this.origEvent.cancelBubble = true;
+	}
+	complete(listOrReorder) {
+		return this.origEvent.detail.complete(listOrReorder);
+	}
+	get parentItem() {
+		return this.parent;
+	}
+};
+var ReorderListComponent = class ReorderListComponent {
+	constructor(cdr) {
+		this.cdr = cdr;
+		this.itemReorder = new EventEmitter();
+		this.subItemReorder = new EventEmitter();
+		this.reorderActive = false;
+	}
+	ngOnChanges() {
+		if (this.items && this.items.length > 0) setTimeout(() => {
+			this.setupDomListener();
+		});
+	}
+	setupDomListener() {
+		const callback = (mutationsList) => {
+			for (const mutation of mutationsList) if (mutation.oldValue !== mutation.target["className"]) this.reorderActive = mutation.target["className"].includes("reorder-list-active");
+			this.cdr.detectChanges();
+		};
+		this.observer = new MutationObserver(callback);
+		this.reorderGroupContainer.forEach((div) => {
+			this.observer.observe(div.nativeElement, {
+				attributes: true,
+				attributeFilter: ["class"],
+				attributeOldValue: true,
+				childList: false,
+				subtree: true
+			});
+		});
+	}
+	doReorder(ev) {
+		this.itemReorder.emit(new ReorderEvent(ev));
+	}
+	doSubReorder(ev, parentItem) {
+		this.subItemReorder.emit(new ReorderEvent(ev, parentItem));
+	}
+	ngOnDestroy() {
+		this.observer?.disconnect();
+		delete this.observer;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ReorderListComponent,
+			deps: [{ token: i0.ChangeDetectorRef }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: ReorderListComponent,
+			isStandalone: true,
+			selector: "kirby-reorder-list",
+			inputs: {
+				items: "items",
+				subItemsName: "subItemsName",
+				getItemTextDefault: "getItemTextDefault"
+			},
+			outputs: {
+				itemReorder: "itemReorder",
+				subItemReorder: "subItemReorder"
+			},
+			queries: [{
+				propertyName: "itemTemplate",
+				first: true,
+				predicate: ListItemTemplateDirective,
+				descendants: true,
+				read: TemplateRef,
+				static: true
+			}],
+			viewQueries: [{
+				propertyName: "reorderGroupContainer",
+				predicate: ["reorderGroupContainer"],
+				descendants: true
+			}],
+			usesOnChanges: true,
+			ngImport: i0,
+			template: "@if (reorderActive) {\n  <ion-backdrop [tappable]=\"false\" [visible]=\"true\" [stopPropagation]=\"false\"></ion-backdrop>\n}\n<ion-reorder-group (ionItemReorder)=\"doReorder($event)\" disabled=\"false\">\n  @for (reorderItem of items; track reorderItem) {\n    <div>\n      <kirby-card>\n        <ng-container\n          *ngTemplateOutlet=\"\n            itemTemplate || defaultItemTemplate;\n            context: { $implicit: reorderItem }\n          \"\n        ></ng-container>\n        @if (reorderItem[subItemsName]) {\n          <div #reorderGroupContainer>\n            <ion-reorder-group\n              (ionItemReorder)=\"doSubReorder($event, reorderItem)\"\n              disabled=\"false\"\n            >\n              @for (subItem of reorderItem[subItemsName]; track subItem) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      itemTemplate || defaultItemTemplate;\n                      context: { $implicit: subItem, isSubItem: true }\n                    \"\n                  ></ng-container>\n                </div>\n              }\n            </ion-reorder-group>\n          </div>\n        }\n      </kirby-card>\n    </div>\n  }\n</ion-reorder-group>\n\n<ng-template #defaultItemTemplate let-item let-isSubItem>\n  <kirby-item [reorderable]=\"true\">\n    <p class=\"kirby-item-title\">{{ getItemTextDefault(item) }}</p>\n  </kirby-item>\n</ng-template>\n",
+			styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-backdrop{opacity:.3;z-index:101;position:fixed}.reorder-selected{box-shadow:none;opacity:1;z-index:104}.reorder-selected kirby-card{transform:scale(1.05)}.reorder-selected kirby-card div:first-child{border-top:1px solid var(--kirby-color-border-base-silent)}.reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px #0006;transform:scale(1.05);border-radius:var(--kirby-border-radius-n);overflow:hidden}.reorder-list-active>*{position:relative;z-index:103}.reorder-list-active>.reorder-selected{z-index:104}.reorder-list-active div:first-child{border-top:none}.reorder-list-active ::ng-deep>div:last-child kirby-item{border-bottom-left-radius:var(--kirby-border-radius-n);border-bottom-right-radius:var(--kirby-border-radius-n);overflow:hidden}.reorder-list-active .reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px #0006;transform:scale(1.05);border-radius:var(--kirby-border-radius-n);overflow:hidden}:host>ion-reorder-group>div{border-bottom:20px transparent solid}:host>ion-reorder-group>div:last-child{border-bottom-width:0}kirby-card{overflow:inherit;z-index:auto}kirby-card ::ng-deep>div:last-child ion-reorder-group div:last-child kirby-item{border-bottom-left-radius:var(--kirby-border-radius-n);border-bottom-right-radius:var(--kirby-border-radius-n);overflow:hidden}kirby-card ::ng-deep>div kirby-item{z-index:1}kirby-card ::ng-deep>div .reorder-list-active kirby-item{z-index:103}kirby-card div:first-child{border-top:1px solid var(--kirby-color-border-base-silent)}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: CardComponent,
+					selector: "kirby-card",
+					inputs: [
+						"title",
+						"subtitle",
+						"backgroundImageUrl",
+						"hasPadding",
+						"sizes",
+						"variant"
+					]
+				},
+				{
+					kind: "component",
+					type: ItemComponent,
+					selector: "kirby-item",
+					inputs: [
+						"disabled",
+						"selected",
+						"disclosure",
+						"selectable",
+						"reorderable",
+						"size",
+						"href",
+						"rotateIcon"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: CommonModule
+				},
+				{
+					kind: "directive",
+					type: i1.NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				},
+				{
+					kind: "component",
+					type: IonBackdrop,
+					selector: "ion-backdrop",
+					inputs: [
+						"stopPropagation",
+						"tappable",
+						"visible"
+					],
+					outputs: ["ionBackdropTap"]
+				},
+				{
+					kind: "component",
+					type: IonReorderGroup,
+					selector: "ion-reorder-group",
+					inputs: ["disabled"],
+					outputs: [
+						"ionItemReorder",
+						"ionReorderStart",
+						"ionReorderMove",
+						"ionReorderEnd"
+					]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ReorderListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			imports: [
+				CardComponent,
+				ItemComponent,
+				LabelComponent,
+				CommonModule,
+				IonBackdrop,
+				IonReorderGroup
+			],
+			selector: "kirby-reorder-list",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			template: "@if (reorderActive) {\n  <ion-backdrop [tappable]=\"false\" [visible]=\"true\" [stopPropagation]=\"false\"></ion-backdrop>\n}\n<ion-reorder-group (ionItemReorder)=\"doReorder($event)\" disabled=\"false\">\n  @for (reorderItem of items; track reorderItem) {\n    <div>\n      <kirby-card>\n        <ng-container\n          *ngTemplateOutlet=\"\n            itemTemplate || defaultItemTemplate;\n            context: { $implicit: reorderItem }\n          \"\n        ></ng-container>\n        @if (reorderItem[subItemsName]) {\n          <div #reorderGroupContainer>\n            <ion-reorder-group\n              (ionItemReorder)=\"doSubReorder($event, reorderItem)\"\n              disabled=\"false\"\n            >\n              @for (subItem of reorderItem[subItemsName]; track subItem) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      itemTemplate || defaultItemTemplate;\n                      context: { $implicit: subItem, isSubItem: true }\n                    \"\n                  ></ng-container>\n                </div>\n              }\n            </ion-reorder-group>\n          </div>\n        }\n      </kirby-card>\n    </div>\n  }\n</ion-reorder-group>\n\n<ng-template #defaultItemTemplate let-item let-isSubItem>\n  <kirby-item [reorderable]=\"true\">\n    <p class=\"kirby-item-title\">{{ getItemTextDefault(item) }}</p>\n  </kirby-item>\n</ng-template>\n",
+			styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}ion-backdrop{opacity:.3;z-index:101;position:fixed}.reorder-selected{box-shadow:none;opacity:1;z-index:104}.reorder-selected kirby-card{transform:scale(1.05)}.reorder-selected kirby-card div:first-child{border-top:1px solid var(--kirby-color-border-base-silent)}.reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px #0006;transform:scale(1.05);border-radius:var(--kirby-border-radius-n);overflow:hidden}.reorder-list-active>*{position:relative;z-index:103}.reorder-list-active>.reorder-selected{z-index:104}.reorder-list-active div:first-child{border-top:none}.reorder-list-active ::ng-deep>div:last-child kirby-item{border-bottom-left-radius:var(--kirby-border-radius-n);border-bottom-right-radius:var(--kirby-border-radius-n);overflow:hidden}.reorder-list-active .reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px #0006;transform:scale(1.05);border-radius:var(--kirby-border-radius-n);overflow:hidden}:host>ion-reorder-group>div{border-bottom:20px transparent solid}:host>ion-reorder-group>div:last-child{border-bottom-width:0}kirby-card{overflow:inherit;z-index:auto}kirby-card ::ng-deep>div:last-child ion-reorder-group div:last-child kirby-item{border-bottom-left-radius:var(--kirby-border-radius-n);border-bottom-right-radius:var(--kirby-border-radius-n);overflow:hidden}kirby-card ::ng-deep>div kirby-item{z-index:1}kirby-card ::ng-deep>div .reorder-list-active kirby-item{z-index:103}kirby-card div:first-child{border-top:1px solid var(--kirby-color-border-base-silent)}\n"]
+		}]
+	}],
+	ctorParameters: () => [{ type: i0.ChangeDetectorRef }],
+	propDecorators: {
+		items: [{ type: Input }],
+		subItemsName: [{ type: Input }],
+		getItemTextDefault: [{ type: Input }],
+		itemReorder: [{ type: Output }],
+		subItemReorder: [{ type: Output }],
+		itemTemplate: [{
+			type: ContentChild,
+			args: [ListItemTemplateDirective, {
+				static: true,
+				read: TemplateRef
+			}]
+		}],
+		reorderGroupContainer: [{
+			type: ViewChildren,
+			args: ["reorderGroupContainer"]
+		}]
+	}
+});
 export { ReorderEvent, ReorderListComponent };
-//# sourceMappingURL=kirbydesign-designsystem-reorder-list.mjs.map
+
+//# sourceMappingURL=kirbydesign-designsystem-reorder-list.mjs.map

package/fesm2022/kirbydesign-designsystem-reorder-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-reorder-list.mjs","sources":["../../reorder-list/src/reorder-event.ts","../../reorder-list/src/reorder-list.component.ts","../../reorder-list/src/reorder-list.component.html","../../reorder-list/src/kirbydesign-designsystem-reorder-list.ts"],"sourcesContent":["export class ReorderEvent {\n  private origEvent: CustomEvent<any>;\n  private parent?: any;\n\n  constructor(ev: CustomEvent<any>, parentItem?: any) {\n    this.origEvent = ev;\n    this.parent = parentItem;\n    this.origEvent.cancelBubble = true;\n  }\n  complete(listOrReorder?: boolean | any[]): Promise<any> {\n    return this.origEvent.detail.complete(listOrReorder);\n  }\n\n  get parentItem(): any {\n    return this.parent;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  QueryList,\n  TemplateRef,\n  ViewChildren,\n} from '@angular/core';\nimport { CardComponent } from '@kirbydesign/designsystem/card';\nimport { ItemComponent, LabelComponent } from '@kirbydesign/designsystem/item';\nimport { ListItemTemplateDirective } from '@kirbydesign/designsystem/list';\n\nimport { IonBackdrop, IonReorderGroup } from '@ionic/angular';\nimport { ReorderEvent } from './reorder-event';\n\n@Component({\n  imports: [\n    CardComponent,\n    ItemComponent,\n    LabelComponent,\n    CommonModule,\n    IonBackdrop,\n    IonReorderGroup,\n  ],\n  selector: 'kirby-reorder-list',\n  templateUrl: './reorder-list.component.html',\n  styleUrls: ['./reorder-list.component.scss'],\n})\nexport class ReorderListComponent implements OnChanges, OnDestroy {\n  @Input() items: any[];\n  @Input() subItemsName: string;\n  @Input() getItemTextDefault: (item: any) => string;\n\n  @Output() itemReorder = new EventEmitter<ReorderEvent>();\n  @Output() subItemReorder = new EventEmitter<ReorderEvent>();\n\n  @ContentChild(ListItemTemplateDirective, { static: true, read: TemplateRef })\n  itemTemplate: TemplateRef<any>;\n  @ViewChildren('reorderGroupContainer')\n  reorderGroupContainer: QueryList<ElementRef>;\n\n  private observer: MutationObserver;\n  reorderActive: boolean = false;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnChanges(): void {\n    if (this.items && this.items.length > 0) {\n      setTimeout(() => {\n        this.setupDomListener();\n      });\n    }\n  }\n\n  private setupDomListener() {\n    const callback = (mutationsList: any) => {\n      for (const mutation of mutationsList) {\n        if (mutation.oldValue !== mutation.target['className']) {\n          this.reorderActive = mutation.target['className'].includes('reorder-list-active');\n        }\n      }\n      this.cdr.detectChanges();\n    };\n    this.observer = new MutationObserver(callback);\n\n    this.reorderGroupContainer.forEach((div: ElementRef) => {\n      this.observer.observe(div.nativeElement, {\n        attributes: true,\n        attributeFilter: ['class'],\n        attributeOldValue: true,\n        childList: false,\n        subtree: true,\n      });\n    });\n  }\n\n  doReorder(ev: CustomEvent) {\n    this.itemReorder.emit(new ReorderEvent(ev));\n  }\n\n  doSubReorder(ev: CustomEvent, parentItem: any) {\n    this.subItemReorder.emit(new ReorderEvent(ev, parentItem));\n  }\n\n  ngOnDestroy() {\n    //clean up the observer\n    this.observer?.disconnect();\n    delete this.observer;\n  }\n}\n","@if (reorderActive) {\n  <ion-backdrop [tappable]=\"false\" [visible]=\"true\" [stopPropagation]=\"false\"></ion-backdrop>\n}\n<ion-reorder-group (ionItemReorder)=\"doReorder($event)\" disabled=\"false\">\n  @for (reorderItem of items; track reorderItem) {\n    <div>\n      <kirby-card>\n        <ng-container\n          *ngTemplateOutlet=\"\n            itemTemplate || defaultItemTemplate;\n            context: { $implicit: reorderItem }\n          \"\n        ></ng-container>\n        @if (reorderItem[subItemsName]) {\n          <div #reorderGroupContainer>\n            <ion-reorder-group\n              (ionItemReorder)=\"doSubReorder($event, reorderItem)\"\n              disabled=\"false\"\n            >\n              @for (subItem of reorderItem[subItemsName]; track subItem) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      itemTemplate || defaultItemTemplate;\n                      context: { $implicit: subItem, isSubItem: true }\n                    \"\n                  ></ng-container>\n                </div>\n              }\n            </ion-reorder-group>\n          </div>\n        }\n      </kirby-card>\n    </div>\n  }\n</ion-reorder-group>\n\n<ng-template #defaultItemTemplate let-item let-isSubItem>\n  <kirby-item [reorderable]=\"true\">\n    <p class=\"kirby-item-title\">{{ getItemTextDefault(item) }}</p>\n  </kirby-item>\n</ng-template>\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-reorder-list.mjs","names":[],"sources":["../../reorder-list/src/reorder-event.ts","../../reorder-list/src/reorder-list.component.ts","../../reorder-list/src/reorder-list.component.html"],"sourcesContent":["export class ReorderEvent {\n  private origEvent: CustomEvent<any>;\n  private parent?: any;\n\n  constructor(ev: CustomEvent<any>, parentItem?: any) {\n    this.origEvent = ev;\n    this.parent = parentItem;\n    this.origEvent.cancelBubble = true;\n  }\n  complete(listOrReorder?: boolean | any[]): Promise<any> {\n    return this.origEvent.detail.complete(listOrReorder);\n  }\n\n  get parentItem(): any {\n    return this.parent;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  QueryList,\n  TemplateRef,\n  ViewChildren,\n} from '@angular/core';\nimport { CardComponent } from '@kirbydesign/designsystem/card';\nimport { ItemComponent, LabelComponent } from '@kirbydesign/designsystem/item';\nimport { ListItemTemplateDirective } from '@kirbydesign/designsystem/list';\n\nimport { IonBackdrop, IonReorderGroup } from '@ionic/angular';\nimport { ReorderEvent } from './reorder-event';\n\n@Component({\n  imports: [\n    CardComponent,\n    ItemComponent,\n    LabelComponent,\n    CommonModule,\n    IonBackdrop,\n    IonReorderGroup,\n  ],\n  selector: 'kirby-reorder-list',\n  templateUrl: './reorder-list.component.html',\n  styleUrls: ['./reorder-list.component.scss'],\n  changeDetection: ChangeDetectionStrategy.Eager,\n})\nexport class ReorderListComponent implements OnChanges, OnDestroy {\n  @Input() items: any[];\n  @Input() subItemsName: string;\n  @Input() getItemTextDefault: (item: any) => string;\n\n  @Output() itemReorder = new EventEmitter<ReorderEvent>();\n  @Output() subItemReorder = new EventEmitter<ReorderEvent>();\n\n  @ContentChild(ListItemTemplateDirective, { static: true, read: TemplateRef })\n  itemTemplate: TemplateRef<any>;\n  @ViewChildren('reorderGroupContainer')\n  reorderGroupContainer: QueryList<ElementRef>;\n\n  private observer: MutationObserver;\n  reorderActive: boolean = false;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnChanges(): void {\n    if (this.items && this.items.length > 0) {\n      setTimeout(() => {\n        this.setupDomListener();\n      });\n    }\n  }\n\n  private setupDomListener() {\n    const callback = (mutationsList: any) => {\n      for (const mutation of mutationsList) {\n        if (mutation.oldValue !== mutation.target['className']) {\n          this.reorderActive = mutation.target['className'].includes('reorder-list-active');\n        }\n      }\n      this.cdr.detectChanges();\n    };\n    this.observer = new MutationObserver(callback);\n\n    this.reorderGroupContainer.forEach((div: ElementRef) => {\n      this.observer.observe(div.nativeElement, {\n        attributes: true,\n        attributeFilter: ['class'],\n        attributeOldValue: true,\n        childList: false,\n        subtree: true,\n      });\n    });\n  }\n\n  doReorder(ev: CustomEvent) {\n    this.itemReorder.emit(new ReorderEvent(ev));\n  }\n\n  doSubReorder(ev: CustomEvent, parentItem: any) {\n    this.subItemReorder.emit(new ReorderEvent(ev, parentItem));\n  }\n\n  ngOnDestroy() {\n    //clean up the observer\n    this.observer?.disconnect();\n    delete this.observer;\n  }\n}\n","@if (reorderActive) {\n  <ion-backdrop [tappable]=\"false\" [visible]=\"true\" [stopPropagation]=\"false\"></ion-backdrop>\n}\n<ion-reorder-group (ionItemReorder)=\"doReorder($event)\" disabled=\"false\">\n  @for (reorderItem of items; track reorderItem) {\n    <div>\n      <kirby-card>\n        <ng-container\n          *ngTemplateOutlet=\"\n            itemTemplate || defaultItemTemplate;\n            context: { $implicit: reorderItem }\n          \"\n        ></ng-container>\n        @if (reorderItem[subItemsName]) {\n          <div #reorderGroupContainer>\n            <ion-reorder-group\n              (ionItemReorder)=\"doSubReorder($event, reorderItem)\"\n              disabled=\"false\"\n            >\n              @for (subItem of reorderItem[subItemsName]; track subItem) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      itemTemplate || defaultItemTemplate;\n                      context: { $implicit: subItem, isSubItem: true }\n                    \"\n                  ></ng-container>\n                </div>\n              }\n            </ion-reorder-group>\n          </div>\n        }\n      </kirby-card>\n    </div>\n  }\n</ion-reorder-group>\n\n<ng-template #defaultItemTemplate let-item let-isSubItem>\n  <kirby-item [reorderable]=\"true\">\n    <p class=\"kirby-item-title\">{{ getItemTextDefault(item) }}</p>\n  </kirby-item>\n</ng-template>\n"],"mappings":"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"}

package/fesm2022/kirbydesign-designsystem-router-outlet.mjs

@@ -1,39 +1,114 @@
-import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { isPlatform, IonRouterOutlet } from '@ionic/angular';
-export { NavController } from '@ionic/angular';
-import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Input, NgModule } from "@angular/core";
+import { IonRouterOutlet, NavController, isPlatform } from "@ionic/angular";
+import { CommonModule } from "@angular/common";
+var RouterOutletComponent = class RouterOutletComponent {
+	constructor() {
+		this._animated = isPlatform("hybrid");
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RouterOutletComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RouterOutletComponent,
+			isStandalone: true,
+			selector: "kirby-router-outlet",
+			inputs: { main: "main" },
+			ngImport: i0,
+			template: "@if (main) {\n  <ion-router-outlet main [animated]=\"_animated\"></ion-router-outlet>\n}\n@if (!main) {\n  <ion-router-outlet [animated]=\"_animated\"></ion-router-outlet>\n}\n",
+			styles: [":host{inset:0;position:absolute;contain:size layout style;z-index:0;overflow:hidden;background-color:var(--kirby-color-fill-base)}\n"],
+			dependencies: [{
+				kind: "component",
+				type: IonRouterOutlet,
+				selector: "ion-router-outlet"
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RouterOutletComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "kirby-router-outlet",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [IonRouterOutlet],
+			template: "@if (main) {\n  <ion-router-outlet main [animated]=\"_animated\"></ion-router-outlet>\n}\n@if (!main) {\n  <ion-router-outlet [animated]=\"_animated\"></ion-router-outlet>\n}\n",
+			styles: [":host{inset:0;position:absolute;contain:size layout style;z-index:0;overflow:hidden;background-color:var(--kirby-color-fill-base)}\n"]
+		}]
+	}],
+	propDecorators: { main: [{ type: Input }] }
+});
+var RouterOutletModule = class RouterOutletModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RouterOutletModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RouterOutletModule,
+			imports: [
+				CommonModule,
+				IonRouterOutlet,
+				RouterOutletComponent
+			],
+			exports: [RouterOutletComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RouterOutletModule,
+			imports: [
+				CommonModule,
+				IonRouterOutlet,
+				RouterOutletComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RouterOutletModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				IonRouterOutlet,
+				RouterOutletComponent
+			],
+			exports: [RouterOutletComponent]
+		}]
+	}]
+});
+export { NavController, RouterOutletComponent, RouterOutletModule };
 
-class RouterOutletComponent {
-    constructor() {
-        this._animated = isPlatform('hybrid');
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: RouterOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: RouterOutletComponent, isStandalone: true, selector: "kirby-router-outlet", inputs: { main: "main" }, ngImport: i0, template: "@if (main) {\n  <ion-router-outlet main [animated]=\"_animated\"></ion-router-outlet>\n}\n@if (!main) {\n  <ion-router-outlet [animated]=\"_animated\"></ion-router-outlet>\n}\n", styles: [":host{inset:0;position:absolute;contain:size layout style;z-index:0;overflow:hidden;background-color:var(--kirby-background-color)}\n"], dependencies: [{ kind: "component", type: IonRouterOutlet, selector: "ion-router-outlet" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: RouterOutletComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kirby-router-outlet', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IonRouterOutlet], template: "@if (main) {\n  <ion-router-outlet main [animated]=\"_animated\"></ion-router-outlet>\n}\n@if (!main) {\n  <ion-router-outlet [animated]=\"_animated\"></ion-router-outlet>\n}\n", styles: [":host{inset:0;position:absolute;contain:size layout style;z-index:0;overflow:hidden;background-color:var(--kirby-background-color)}\n"] }]
-        }], propDecorators: { main: [{
-                type: Input
-            }] } });
-
-class RouterOutletModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: RouterOutletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: RouterOutletModule, imports: [CommonModule, IonRouterOutlet, RouterOutletComponent], exports: [RouterOutletComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: RouterOutletModule, imports: [CommonModule, IonRouterOutlet, RouterOutletComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: RouterOutletModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, IonRouterOutlet, RouterOutletComponent],
-                    exports: [RouterOutletComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { RouterOutletComponent, RouterOutletModule };
-//# sourceMappingURL=kirbydesign-designsystem-router-outlet.mjs.map
+//# sourceMappingURL=kirbydesign-designsystem-router-outlet.mjs.map

package/fesm2022/kirbydesign-designsystem-router-outlet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-router-outlet.mjs","sources":["../../router-outlet/src/router-outlet.component.ts","../../router-outlet/src/router-outlet.component.html","../../router-outlet/src/router-outlet.module.ts","../../router-outlet/src/kirbydesign-designsystem-router-outlet.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { IonRouterOutlet, isPlatform } from '@ionic/angular';\n\n@Component({\n  selector: 'kirby-router-outlet',\n  templateUrl: './router-outlet.component.html',\n  styleUrls: ['./router-outlet.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [IonRouterOutlet],\n})\nexport class RouterOutletComponent {\n  @Input() main: boolean;\n\n  _animated = isPlatform('hybrid');\n}\n","@if (main) {\n  <ion-router-outlet main [animated]=\"_animated\"></ion-router-outlet>\n}\n@if (!main) {\n  <ion-router-outlet [animated]=\"_animated\"></ion-router-outlet>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IonRouterOutlet } from '@ionic/angular';\nimport { RouterOutletComponent } from './router-outlet.component';\n\n@NgModule({\n  imports: [CommonModule, IonRouterOutlet, RouterOutletComponent],\n  exports: [RouterOutletComponent],\n})\nexport class RouterOutletModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MAUa,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;AAUE,QAAA,IAAA,CAAA,SAAS,GAAG,UAAU,CAAC,QAAQ,CAAC;AACjC,IAAA;kIAJY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sHAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVlC,kLAMA,EAAA,MAAA,EAAA,CAAA,uIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEY,eAAe,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAEd,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,mBAGd,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA,uIAAA,CAAA,EAAA;;sBAGzB;;;MEFU,kBAAkB,CAAA;kIAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAHnB,YAAY,EAAE,eAAe,EAAE,qBAAqB,aACpD,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAEpB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,OAAA,EAAA,CAHnB,YAAY,EAAE,eAAe,EAAE,qBAAqB,CAAA,EAAA,CAAA,CAAA;;4FAGnD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,qBAAqB,CAAC;oBAC/D,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACjC,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-designsystem-router-outlet.mjs","names":[],"sources":["../../router-outlet/src/router-outlet.component.ts","../../router-outlet/src/router-outlet.component.html","../../router-outlet/src/router-outlet.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { IonRouterOutlet, isPlatform } from '@ionic/angular';\n\n@Component({\n  selector: 'kirby-router-outlet',\n  templateUrl: './router-outlet.component.html',\n  styleUrls: ['./router-outlet.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [IonRouterOutlet],\n})\nexport class RouterOutletComponent {\n  @Input() main: boolean;\n\n  _animated = isPlatform('hybrid');\n}\n","@if (main) {\n  <ion-router-outlet main [animated]=\"_animated\"></ion-router-outlet>\n}\n@if (!main) {\n  <ion-router-outlet [animated]=\"_animated\"></ion-router-outlet>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IonRouterOutlet } from '@ionic/angular';\nimport { RouterOutletComponent } from './router-outlet.component';\n\n@NgModule({\n  imports: [CommonModule, IonRouterOutlet, RouterOutletComponent],\n  exports: [RouterOutletComponent],\n})\nexport class RouterOutletModule {}\n"],"mappings":";;;;AAUA,IAAa,wBAAb,MAAa,sBAAqB;CAPlC,cAAA;EAUE,KAAA,YAAY,WAAW,QAAQ;CAChC;CAJY;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAqB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAArB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAqB,cAAA;GAAA,UAAA;GAAA,QAAA,EAAA,MAAA,OAAA;GAAA,UAAA;GAAA,UCVlC;GAMA,QAAA,CAAA,sIAAA;GAAA,cAAA,CAAA;IAAA,MAAA;IAAA,MDEY;IAAe,UAAA;GAAA,CAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;AAEd,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EAPjC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAqB,iBAGd,wBAAwB;GAAM,SACtC,CAAC,eAAe;GAAC,UAAA;GAAA,QAAA,CAAA,sIAAA;EAAA,CAAA;;CAGzB,gBAAA,EAAA,MAAA,CAAA,EAAA,MAAA,MAAA,CAAA,EAAA;;AEFH,IAAa,qBAAb,MAAa,mBAAkB;CAAlB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAkB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAlB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAkB,SAAA;IAHnB;IAAc;IAAiB;GAAqB;GAAA,SAAA,CACpD,qBAAqB;EAAA,CAAA;CAAA;CAEpB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAkB,SAAA;IAHnB;IAAc;IAAiB;GAAqB;EAAA,CAAA;CAAA;;AAGnD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EAJ9B,MAAA;EAAS,MAAA,CAAA;GACR,SAAS;IAAC;IAAc;IAAiB;GAAqB;GAC9D,SAAS,CAAC,qBAAqB;EAChC,CAAA"}