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

package/fesm2022/kirbydesign-designsystem.mjs

@@ -1,414 +1,523 @@
-import * as i0 from '@angular/core';
-import { HostListener, Directive, Input, Optional, Inject, NgModule } from '@angular/core';
-import * as i1 from '@kirbydesign/designsystem/modal';
-import { ModalCompactWrapperComponent, AlertComponent, ModalWrapperComponent, ActionSheetComponent, ModalFooterComponent, ModalComponent } from '@kirbydesign/designsystem/modal';
-export * from '@kirbydesign/designsystem/modal';
-import { AccordionModule } from '@kirbydesign/designsystem/accordion';
-export * from '@kirbydesign/designsystem/accordion';
-import { AvatarComponent } from '@kirbydesign/designsystem/avatar';
-export * from '@kirbydesign/designsystem/avatar';
-import { ButtonComponent } from '@kirbydesign/designsystem/button';
-export * from '@kirbydesign/designsystem/button';
-import { CalendarComponent } from '@kirbydesign/designsystem/calendar';
-export * from '@kirbydesign/designsystem/calendar';
-import { CardModule } from '@kirbydesign/designsystem/card';
-export * from '@kirbydesign/designsystem/card';
-import { CheckboxComponent } from '@kirbydesign/designsystem/checkbox';
-export * from '@kirbydesign/designsystem/checkbox';
-import { KIRBY_CONFIG, provideKirby } from '@kirbydesign/designsystem/config';
-export * from '@kirbydesign/designsystem/config';
-import { TableSortableComponent } from '@kirbydesign/designsystem/data-table';
-export * from '@kirbydesign/designsystem/data-table';
-import { DividerComponent } from '@kirbydesign/designsystem/divider';
-export * from '@kirbydesign/designsystem/divider';
-import { DropdownModule } from '@kirbydesign/designsystem/dropdown';
-export * from '@kirbydesign/designsystem/dropdown';
-import { EmptyStateModule } from '@kirbydesign/designsystem/empty-state';
-export * from '@kirbydesign/designsystem/empty-state';
-import { FabSheetComponent } from '@kirbydesign/designsystem/fab-sheet';
-export * from '@kirbydesign/designsystem/fab-sheet';
-import { FlagComponent } from '@kirbydesign/designsystem/flag';
-export * from '@kirbydesign/designsystem/flag';
-import { TextareaComponent, InputComponent, AffixDirective, FormFieldModule } from '@kirbydesign/designsystem/form-field';
-export * from '@kirbydesign/designsystem/form-field';
-export * from '@kirbydesign/designsystem/helpers';
-export * from '@kirbydesign/designsystem/helpers/scss';
-import { IconModule } from '@kirbydesign/designsystem/icon';
-export * from '@kirbydesign/designsystem/icon';
-import { ItemModule } from '@kirbydesign/designsystem/item';
-export * from '@kirbydesign/designsystem/item';
-import { ItemGroupComponent } from '@kirbydesign/designsystem/item-group';
-export * from '@kirbydesign/designsystem/item-group';
-import { ItemSlidingComponent } from '@kirbydesign/designsystem/item-sliding';
-export * from '@kirbydesign/designsystem/item-sliding';
-import { KirbyAppModule } from '@kirbydesign/designsystem/kirby-app';
-export * from '@kirbydesign/designsystem/kirby-app';
-import { ListModule } from '@kirbydesign/designsystem/list';
-export * from '@kirbydesign/designsystem/list';
-import { LoadingOverlayComponent } from '@kirbydesign/designsystem/loading-overlay';
-export * from '@kirbydesign/designsystem/loading-overlay';
-import { PageModule } from '@kirbydesign/designsystem/page';
-export * from '@kirbydesign/designsystem/page';
-import { PopoverComponent } from '@kirbydesign/designsystem/popover';
-export * from '@kirbydesign/designsystem/popover';
-import { ProgressCircleRingComponent, ProgressCircleComponent } from '@kirbydesign/designsystem/progress-circle';
-export * from '@kirbydesign/designsystem/progress-circle';
-import { RadioModule } from '@kirbydesign/designsystem/radio';
-export * from '@kirbydesign/designsystem/radio';
-import { RangeComponent } from '@kirbydesign/designsystem/range';
-export * from '@kirbydesign/designsystem/range';
-import { ReorderListComponent } from '@kirbydesign/designsystem/reorder-list';
-export * from '@kirbydesign/designsystem/reorder-list';
-import { RouterOutletModule } from '@kirbydesign/designsystem/router-outlet';
-export * from '@kirbydesign/designsystem/router-outlet';
-import { SectionHeaderComponent } from '@kirbydesign/designsystem/section-header';
-export * from '@kirbydesign/designsystem/section-header';
-import { SegmentedControlComponent } from '@kirbydesign/designsystem/segmented-control';
-export * from '@kirbydesign/designsystem/segmented-control';
-import { ThemeColorDirective, ComponentLoaderDirective } from '@kirbydesign/designsystem/shared';
-export * from '@kirbydesign/designsystem/shared';
-import { SlideModule } from '@kirbydesign/designsystem/slide';
-export * from '@kirbydesign/designsystem/slide';
-import { SlideButtonComponent } from '@kirbydesign/designsystem/slide-button';
-export * from '@kirbydesign/designsystem/slide-button';
-import { SpinnerModule } from '@kirbydesign/designsystem/spinner';
-export * from '@kirbydesign/designsystem/spinner';
-import { TabsModule } from '@kirbydesign/designsystem/tabs';
-export * from '@kirbydesign/designsystem/tabs';
-import { TabNavigationModule } from '@kirbydesign/designsystem/tab-navigation';
-export * from '@kirbydesign/designsystem/tab-navigation';
-export * from '@kirbydesign/designsystem/toast';
-import { ToggleComponent } from '@kirbydesign/designsystem/toggle';
-export * from '@kirbydesign/designsystem/toggle';
-import { ToggleButtonModule } from '@kirbydesign/designsystem/toggle-button';
-export * from '@kirbydesign/designsystem/toggle-button';
-export * from '@kirbydesign/designsystem/types';
-import { ChartsModule } from '@kirbydesign/designsystem/chart';
-export * from '@kirbydesign/designsystem/chart';
-import { ActionGroupComponent } from '@kirbydesign/designsystem/action-group';
-export * from '@kirbydesign/designsystem/action-group';
-import { HeaderModule } from '@kirbydesign/designsystem/header';
-export * from '@kirbydesign/designsystem/header';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { MenuComponent } from '@kirbydesign/designsystem/menu';
-import { BadgeComponent } from '@kirbydesign/designsystem/badge';
-
-class KeyHandlerDirective {
-    constructor(element) {
-        this.element = element;
-    }
-    keyEvent(event) {
-        if (event.key === ' ' || event.key === 'Enter' || event.key === 'Spacebar') {
-            // Prevent the default action to stop scrolling when space is pressed
-            event.preventDefault();
-            const hostElement = this.element.nativeElement;
-            hostElement.click();
-        }
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: KeyHandlerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: KeyHandlerDirective, isStandalone: true, selector: "[keyHandler]", host: { listeners: { "keyup": "keyEvent($event)" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: KeyHandlerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: `[keyHandler]`,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { keyEvent: [{
-                type: HostListener,
-                args: ['keyup', ['$event']]
-            }] } });
-
-class ModalRouterLinkDirective {
-    constructor(modalNavigationService, elementRef) {
-        this.modalNavigationService = modalNavigationService;
-        this.elementRef = elementRef;
-    }
-    ngOnInit() {
-        this.elementRef.nativeElement.setAttribute('modal-router-link', '');
-    }
-    onClick() {
-        this.modalNavigationService.navigateToModal(this.path, typeof this.queryParams !== 'string' ? this.queryParams : null);
-        return false;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ModalRouterLinkDirective, deps: [{ token: i1.ModalNavigationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: ModalRouterLinkDirective, isStandalone: true, selector: "[kirbyModalRouterLink]", inputs: { path: ["kirbyModalRouterLink", "path"], queryParams: ["kirbyModalQueryParams", "queryParams"] }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ModalRouterLinkDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: `[kirbyModalRouterLink]` }]
-        }], ctorParameters: () => [{ type: i1.ModalNavigationService }, { type: i0.ElementRef }], propDecorators: { path: [{
-                type: Input,
-                args: ['kirbyModalRouterLink']
-            }], queryParams: [{
-                type: Input,
-                args: ['kirbyModalQueryParams']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
+import * as i0 from "@angular/core";
+import { Directive, HostListener, Inject, Input, NgModule, Optional } from "@angular/core";
+import * as i1 from "@kirbydesign/designsystem/modal";
+import { ActionSheetComponent, AlertComponent, ModalCompactWrapperComponent, ModalComponent, ModalFooterComponent, ModalWrapperComponent } from "@kirbydesign/designsystem/modal";
+import { AccordionModule } from "@kirbydesign/designsystem/accordion";
+import { AvatarComponent } from "@kirbydesign/designsystem/avatar";
+import { ButtonComponent } from "@kirbydesign/designsystem/button";
+import { CalendarComponent } from "@kirbydesign/designsystem/calendar";
+import { CardModule } from "@kirbydesign/designsystem/card";
+import { CheckboxComponent } from "@kirbydesign/designsystem/checkbox";
+import { KIRBY_CONFIG, provideKirby } from "@kirbydesign/designsystem/config";
+import { TableSortableComponent } from "@kirbydesign/designsystem/data-table";
+import { DividerComponent } from "@kirbydesign/designsystem/divider";
+import { DropdownModule } from "@kirbydesign/designsystem/dropdown";
+import { EmptyStateModule } from "@kirbydesign/designsystem/empty-state";
+import { FabSheetComponent } from "@kirbydesign/designsystem/fab-sheet";
+import { FlagComponent } from "@kirbydesign/designsystem/flag";
+import { AffixDirective, FormFieldModule, InputComponent, TextareaComponent } from "@kirbydesign/designsystem/form-field";
+import { IconModule } from "@kirbydesign/designsystem/icon";
+import { ItemModule } from "@kirbydesign/designsystem/item";
+import { ItemGroupComponent } from "@kirbydesign/designsystem/item-group";
+import { ItemSlidingComponent } from "@kirbydesign/designsystem/item-sliding";
+import { KirbyAppModule } from "@kirbydesign/designsystem/kirby-app";
+import { ListModule } from "@kirbydesign/designsystem/list";
+import { LoadingOverlayComponent } from "@kirbydesign/designsystem/loading-overlay";
+import { PageModule } from "@kirbydesign/designsystem/page";
+import { PopoverComponent } from "@kirbydesign/designsystem/popover";
+import { ProgressCircleComponent, ProgressCircleRingComponent } from "@kirbydesign/designsystem/progress-circle";
+import { RadioModule } from "@kirbydesign/designsystem/radio";
+import { RangeComponent } from "@kirbydesign/designsystem/range";
+import { ReorderListComponent } from "@kirbydesign/designsystem/reorder-list";
+import { RouterOutletModule } from "@kirbydesign/designsystem/router-outlet";
+import { SectionHeaderComponent } from "@kirbydesign/designsystem/section-header";
+import { SegmentedControlComponent } from "@kirbydesign/designsystem/segmented-control";
+import { ComponentLoaderDirective, ThemeColorDirective } from "@kirbydesign/designsystem/shared";
+import { SlideModule } from "@kirbydesign/designsystem/slide";
+import { SlideButtonComponent } from "@kirbydesign/designsystem/slide-button";
+import { SpinnerModule } from "@kirbydesign/designsystem/spinner";
+import { TabsModule } from "@kirbydesign/designsystem/tabs";
+import { TabNavigationModule } from "@kirbydesign/designsystem/tab-navigation";
+import { ToggleComponent } from "@kirbydesign/designsystem/toggle";
+import { ToggleButtonModule } from "@kirbydesign/designsystem/toggle-button";
+import { ChartsModule } from "@kirbydesign/designsystem/chart";
+import { ActionGroupComponent } from "@kirbydesign/designsystem/action-group";
+import { HeaderModule } from "@kirbydesign/designsystem/header";
+import { CommonModule } from "@angular/common";
+import { RouterModule } from "@angular/router";
+import { MenuComponent } from "@kirbydesign/designsystem/menu";
+import { BadgeComponent } from "@kirbydesign/designsystem/badge";
+export * from "@kirbydesign/designsystem/modal";
+export * from "@kirbydesign/designsystem/accordion";
+export * from "@kirbydesign/designsystem/avatar";
+export * from "@kirbydesign/designsystem/button";
+export * from "@kirbydesign/designsystem/calendar";
+export * from "@kirbydesign/designsystem/card";
+export * from "@kirbydesign/designsystem/checkbox";
+export * from "@kirbydesign/designsystem/config";
+export * from "@kirbydesign/designsystem/data-table";
+export * from "@kirbydesign/designsystem/divider";
+export * from "@kirbydesign/designsystem/dropdown";
+export * from "@kirbydesign/designsystem/empty-state";
+export * from "@kirbydesign/designsystem/fab-sheet";
+export * from "@kirbydesign/designsystem/flag";
+export * from "@kirbydesign/designsystem/form-field";
+export * from "@kirbydesign/designsystem/helpers";
+export * from "@kirbydesign/designsystem/helpers/scss";
+export * from "@kirbydesign/designsystem/icon";
+export * from "@kirbydesign/designsystem/item";
+export * from "@kirbydesign/designsystem/item-group";
+export * from "@kirbydesign/designsystem/item-sliding";
+export * from "@kirbydesign/designsystem/kirby-app";
+export * from "@kirbydesign/designsystem/list";
+export * from "@kirbydesign/designsystem/loading-overlay";
+export * from "@kirbydesign/designsystem/page";
+export * from "@kirbydesign/designsystem/popover";
+export * from "@kirbydesign/designsystem/progress-circle";
+export * from "@kirbydesign/designsystem/radio";
+export * from "@kirbydesign/designsystem/range";
+export * from "@kirbydesign/designsystem/reorder-list";
+export * from "@kirbydesign/designsystem/router-outlet";
+export * from "@kirbydesign/designsystem/section-header";
+export * from "@kirbydesign/designsystem/segmented-control";
+export * from "@kirbydesign/designsystem/shared";
+export * from "@kirbydesign/designsystem/slide";
+export * from "@kirbydesign/designsystem/slide-button";
+export * from "@kirbydesign/designsystem/spinner";
+export * from "@kirbydesign/designsystem/tabs";
+export * from "@kirbydesign/designsystem/tab-navigation";
+export * from "@kirbydesign/designsystem/toast";
+export * from "@kirbydesign/designsystem/toggle";
+export * from "@kirbydesign/designsystem/toggle-button";
+export * from "@kirbydesign/designsystem/types";
+export * from "@kirbydesign/designsystem/chart";
+export * from "@kirbydesign/designsystem/action-group";
+export * from "@kirbydesign/designsystem/header";
+var KeyHandlerDirective = class KeyHandlerDirective {
+	constructor(element) {
+		this.element = element;
+	}
+	keyEvent(event) {
+		if (event.key === " " || event.key === "Enter" || event.key === "Spacebar") {
+			event.preventDefault();
+			this.element.nativeElement.click();
+		}
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: KeyHandlerDirective,
+			deps: [{ token: i0.ElementRef }],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: KeyHandlerDirective,
+			isStandalone: true,
+			selector: "[keyHandler]",
+			host: { listeners: { "keyup": "keyEvent($event)" } },
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: KeyHandlerDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: `[keyHandler]` }]
+	}],
+	ctorParameters: () => [{ type: i0.ElementRef }],
+	propDecorators: { keyEvent: [{
+		type: HostListener,
+		args: ["keyup", ["$event"]]
+	}] }
+});
+var ModalRouterLinkDirective = class ModalRouterLinkDirective {
+	constructor(modalNavigationService, elementRef) {
+		this.modalNavigationService = modalNavigationService;
+		this.elementRef = elementRef;
+	}
+	ngOnInit() {
+		this.elementRef.nativeElement.setAttribute("modal-router-link", "");
+	}
+	onClick() {
+		this.modalNavigationService.navigateToModal(this.path, typeof this.queryParams !== "string" ? this.queryParams : null);
+		return false;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: ModalRouterLinkDirective,
+			deps: [{ token: i1.ModalNavigationService }, { token: i0.ElementRef }],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: ModalRouterLinkDirective,
+			isStandalone: true,
+			selector: "[kirbyModalRouterLink]",
+			inputs: {
+				path: ["kirbyModalRouterLink", "path"],
+				queryParams: ["kirbyModalQueryParams", "queryParams"]
+			},
+			host: { listeners: { "click": "onClick()" } },
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ModalRouterLinkDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: `[kirbyModalRouterLink]` }]
+	}],
+	ctorParameters: () => [{ type: i1.ModalNavigationService }, { type: i0.ElementRef }],
+	propDecorators: {
+		path: [{
+			type: Input,
+			args: ["kirbyModalRouterLink"]
+		}],
+		queryParams: [{
+			type: Input,
+			args: ["kirbyModalQueryParams"]
+		}],
+		onClick: [{
+			type: HostListener,
+			args: ["click"]
+		}]
+	}
+});
 const reexportedImports = [ModalRouterLinkDirective];
 const imports = [...reexportedImports, KeyHandlerDirective];
-const standaloneComponents = [
-    ActionGroupComponent,
-    ItemGroupComponent,
-    ModalCompactWrapperComponent,
-    TextareaComponent,
-    InputComponent,
-    AffixDirective,
-    DividerComponent,
-    ThemeColorDirective,
-    SegmentedControlComponent,
-    AlertComponent,
-    PopoverComponent,
-    ProgressCircleRingComponent,
-    ModalWrapperComponent,
-    SectionHeaderComponent,
-    RangeComponent,
-    ItemSlidingComponent,
-    ProgressCircleComponent,
-    ReorderListComponent,
-    LoadingOverlayComponent,
-    FabSheetComponent,
-    ToggleComponent,
-    SlideButtonComponent,
-    CheckboxComponent,
-    MenuComponent,
-    ActionSheetComponent,
-    ModalFooterComponent,
-    AvatarComponent,
-    CalendarComponent,
-    ButtonComponent,
-    ComponentLoaderDirective,
-    FlagComponent,
-    BadgeComponent,
-    ModalComponent,
-    TableSortableComponent,
-];
 const exportedModules = [
-    KirbyAppModule,
-    RouterOutletModule,
-    PageModule,
-    HeaderModule,
-    TabNavigationModule,
-    TabsModule,
-    IconModule,
-    ItemModule,
-    ToggleButtonModule,
-    ListModule,
-    ChartsModule,
-    SpinnerModule,
-    CardModule,
-    RadioModule,
-    EmptyStateModule,
-    DropdownModule,
-    FormFieldModule,
-    SlideModule,
-    AccordionModule,
-    HeaderModule,
-    ...standaloneComponents,
+	KirbyAppModule,
+	RouterOutletModule,
+	PageModule,
+	HeaderModule,
+	TabNavigationModule,
+	TabsModule,
+	IconModule,
+	ItemModule,
+	ToggleButtonModule,
+	ListModule,
+	ChartsModule,
+	SpinnerModule,
+	CardModule,
+	RadioModule,
+	EmptyStateModule,
+	DropdownModule,
+	FormFieldModule,
+	SlideModule,
+	AccordionModule,
+	HeaderModule,
+	...[
+		ActionGroupComponent,
+		ItemGroupComponent,
+		ModalCompactWrapperComponent,
+		TextareaComponent,
+		InputComponent,
+		AffixDirective,
+		DividerComponent,
+		ThemeColorDirective,
+		SegmentedControlComponent,
+		AlertComponent,
+		PopoverComponent,
+		ProgressCircleRingComponent,
+		ModalWrapperComponent,
+		SectionHeaderComponent,
+		RangeComponent,
+		ItemSlidingComponent,
+		ProgressCircleComponent,
+		ReorderListComponent,
+		LoadingOverlayComponent,
+		FabSheetComponent,
+		ToggleComponent,
+		SlideButtonComponent,
+		CheckboxComponent,
+		MenuComponent,
+		ActionSheetComponent,
+		ModalFooterComponent,
+		AvatarComponent,
+		CalendarComponent,
+		ButtonComponent,
+		ComponentLoaderDirective,
+		FlagComponent,
+		BadgeComponent,
+		ModalComponent,
+		TableSortableComponent
+	]
 ];
 const allExports = [...exportedModules, ...reexportedImports];
 const importedModules = [...exportedModules];
-class KirbyModule {
-    constructor(modalController, config) {
-        modalController.initialize(config && config.moduleRootRoutePath);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: KirbyModule, deps: [{ token: i1.ModalController }, { token: KIRBY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: KirbyModule, imports: [CommonModule, RouterModule, KirbyAppModule,
-            RouterOutletModule,
-            PageModule,
-            HeaderModule,
-            TabNavigationModule,
-            TabsModule,
-            IconModule,
-            ItemModule,
-            ToggleButtonModule,
-            ListModule,
-            ChartsModule,
-            SpinnerModule,
-            CardModule,
-            RadioModule,
-            EmptyStateModule,
-            DropdownModule,
-            FormFieldModule,
-            SlideModule,
-            AccordionModule,
-            HeaderModule, ActionGroupComponent,
-            ItemGroupComponent,
-            ModalCompactWrapperComponent,
-            TextareaComponent,
-            InputComponent,
-            AffixDirective,
-            DividerComponent,
-            ThemeColorDirective,
-            SegmentedControlComponent,
-            AlertComponent,
-            PopoverComponent,
-            ProgressCircleRingComponent,
-            ModalWrapperComponent,
-            SectionHeaderComponent,
-            RangeComponent,
-            ItemSlidingComponent,
-            ProgressCircleComponent,
-            ReorderListComponent,
-            LoadingOverlayComponent,
-            FabSheetComponent,
-            ToggleComponent,
-            SlideButtonComponent,
-            CheckboxComponent,
-            MenuComponent,
-            ActionSheetComponent,
-            ModalFooterComponent,
-            AvatarComponent,
-            CalendarComponent,
-            ButtonComponent,
-            ComponentLoaderDirective,
-            FlagComponent,
-            BadgeComponent,
-            ModalComponent,
-            TableSortableComponent, ModalRouterLinkDirective, KeyHandlerDirective], exports: [KirbyAppModule,
-            RouterOutletModule,
-            PageModule,
-            HeaderModule,
-            TabNavigationModule,
-            TabsModule,
-            IconModule,
-            ItemModule,
-            ToggleButtonModule,
-            ListModule,
-            ChartsModule,
-            SpinnerModule,
-            CardModule,
-            RadioModule,
-            EmptyStateModule,
-            DropdownModule,
-            FormFieldModule,
-            SlideModule,
-            AccordionModule,
-            HeaderModule, ActionGroupComponent,
-            ItemGroupComponent,
-            ModalCompactWrapperComponent,
-            TextareaComponent,
-            InputComponent,
-            AffixDirective,
-            DividerComponent,
-            ThemeColorDirective,
-            SegmentedControlComponent,
-            AlertComponent,
-            PopoverComponent,
-            ProgressCircleRingComponent,
-            ModalWrapperComponent,
-            SectionHeaderComponent,
-            RangeComponent,
-            ItemSlidingComponent,
-            ProgressCircleComponent,
-            ReorderListComponent,
-            LoadingOverlayComponent,
-            FabSheetComponent,
-            ToggleComponent,
-            SlideButtonComponent,
-            CheckboxComponent,
-            MenuComponent,
-            ActionSheetComponent,
-            ModalFooterComponent,
-            AvatarComponent,
-            CalendarComponent,
-            ButtonComponent,
-            ComponentLoaderDirective,
-            FlagComponent,
-            BadgeComponent,
-            ModalComponent,
-            TableSortableComponent, ModalRouterLinkDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: KirbyModule, providers: [provideKirby()], imports: [CommonModule, RouterModule, KirbyAppModule,
-            RouterOutletModule,
-            PageModule,
-            HeaderModule,
-            TabNavigationModule,
-            TabsModule,
-            IconModule,
-            ItemModule,
-            ToggleButtonModule,
-            ListModule,
-            ChartsModule,
-            SpinnerModule,
-            CardModule,
-            RadioModule,
-            EmptyStateModule,
-            DropdownModule,
-            FormFieldModule,
-            SlideModule,
-            AccordionModule,
-            HeaderModule, ActionGroupComponent,
-            ItemGroupComponent,
-            ModalCompactWrapperComponent,
-            TextareaComponent,
-            InputComponent,
-            DividerComponent,
-            SegmentedControlComponent,
-            AlertComponent,
-            PopoverComponent,
-            ProgressCircleRingComponent,
-            ModalWrapperComponent,
-            SectionHeaderComponent,
-            RangeComponent,
-            ItemSlidingComponent,
-            ProgressCircleComponent,
-            ReorderListComponent,
-            LoadingOverlayComponent,
-            FabSheetComponent,
-            ToggleComponent,
-            SlideButtonComponent,
-            CheckboxComponent,
-            MenuComponent,
-            ActionSheetComponent,
-            ModalFooterComponent,
-            AvatarComponent,
-            CalendarComponent,
-            ButtonComponent,
-            FlagComponent,
-            BadgeComponent,
-            ModalComponent,
-            TableSortableComponent, KirbyAppModule,
-            RouterOutletModule,
-            PageModule,
-            HeaderModule,
-            TabNavigationModule,
-            TabsModule,
-            IconModule,
-            ItemModule,
-            ToggleButtonModule,
-            ListModule,
-            ChartsModule,
-            SpinnerModule,
-            CardModule,
-            RadioModule,
-            EmptyStateModule,
-            DropdownModule,
-            FormFieldModule,
-            SlideModule,
-            AccordionModule,
-            HeaderModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: KirbyModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, RouterModule, ...importedModules, imports],
-                    providers: [provideKirby()],
-                    exports: [allExports],
-                }]
-        }], ctorParameters: () => [{ type: i1.ModalController }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [KIRBY_CONFIG]
-                }] }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var KirbyModule = class KirbyModule {
+	constructor(modalController, config) {
+		modalController.initialize(config && config.moduleRootRoutePath);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: KirbyModule,
+			deps: [{ token: i1.ModalController }, {
+				token: KIRBY_CONFIG,
+				optional: true
+			}],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: KirbyModule,
+			imports: [
+				CommonModule,
+				RouterModule,
+				KirbyAppModule,
+				RouterOutletModule,
+				PageModule,
+				HeaderModule,
+				TabNavigationModule,
+				TabsModule,
+				IconModule,
+				ItemModule,
+				ToggleButtonModule,
+				ListModule,
+				ChartsModule,
+				SpinnerModule,
+				CardModule,
+				RadioModule,
+				EmptyStateModule,
+				DropdownModule,
+				FormFieldModule,
+				SlideModule,
+				AccordionModule,
+				HeaderModule,
+				ActionGroupComponent,
+				ItemGroupComponent,
+				ModalCompactWrapperComponent,
+				TextareaComponent,
+				InputComponent,
+				AffixDirective,
+				DividerComponent,
+				ThemeColorDirective,
+				SegmentedControlComponent,
+				AlertComponent,
+				PopoverComponent,
+				ProgressCircleRingComponent,
+				ModalWrapperComponent,
+				SectionHeaderComponent,
+				RangeComponent,
+				ItemSlidingComponent,
+				ProgressCircleComponent,
+				ReorderListComponent,
+				LoadingOverlayComponent,
+				FabSheetComponent,
+				ToggleComponent,
+				SlideButtonComponent,
+				CheckboxComponent,
+				MenuComponent,
+				ActionSheetComponent,
+				ModalFooterComponent,
+				AvatarComponent,
+				CalendarComponent,
+				ButtonComponent,
+				ComponentLoaderDirective,
+				FlagComponent,
+				BadgeComponent,
+				ModalComponent,
+				TableSortableComponent,
+				ModalRouterLinkDirective,
+				KeyHandlerDirective
+			],
+			exports: [
+				KirbyAppModule,
+				RouterOutletModule,
+				PageModule,
+				HeaderModule,
+				TabNavigationModule,
+				TabsModule,
+				IconModule,
+				ItemModule,
+				ToggleButtonModule,
+				ListModule,
+				ChartsModule,
+				SpinnerModule,
+				CardModule,
+				RadioModule,
+				EmptyStateModule,
+				DropdownModule,
+				FormFieldModule,
+				SlideModule,
+				AccordionModule,
+				HeaderModule,
+				ActionGroupComponent,
+				ItemGroupComponent,
+				ModalCompactWrapperComponent,
+				TextareaComponent,
+				InputComponent,
+				AffixDirective,
+				DividerComponent,
+				ThemeColorDirective,
+				SegmentedControlComponent,
+				AlertComponent,
+				PopoverComponent,
+				ProgressCircleRingComponent,
+				ModalWrapperComponent,
+				SectionHeaderComponent,
+				RangeComponent,
+				ItemSlidingComponent,
+				ProgressCircleComponent,
+				ReorderListComponent,
+				LoadingOverlayComponent,
+				FabSheetComponent,
+				ToggleComponent,
+				SlideButtonComponent,
+				CheckboxComponent,
+				MenuComponent,
+				ActionSheetComponent,
+				ModalFooterComponent,
+				AvatarComponent,
+				CalendarComponent,
+				ButtonComponent,
+				ComponentLoaderDirective,
+				FlagComponent,
+				BadgeComponent,
+				ModalComponent,
+				TableSortableComponent,
+				ModalRouterLinkDirective
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: KirbyModule,
+			providers: [provideKirby()],
+			imports: [
+				CommonModule,
+				RouterModule,
+				KirbyAppModule,
+				RouterOutletModule,
+				PageModule,
+				HeaderModule,
+				TabNavigationModule,
+				TabsModule,
+				IconModule,
+				ItemModule,
+				ToggleButtonModule,
+				ListModule,
+				ChartsModule,
+				SpinnerModule,
+				CardModule,
+				RadioModule,
+				EmptyStateModule,
+				DropdownModule,
+				FormFieldModule,
+				SlideModule,
+				AccordionModule,
+				HeaderModule,
+				ActionGroupComponent,
+				ItemGroupComponent,
+				ModalCompactWrapperComponent,
+				TextareaComponent,
+				InputComponent,
+				DividerComponent,
+				SegmentedControlComponent,
+				AlertComponent,
+				PopoverComponent,
+				ProgressCircleRingComponent,
+				ModalWrapperComponent,
+				SectionHeaderComponent,
+				RangeComponent,
+				ItemSlidingComponent,
+				ProgressCircleComponent,
+				ReorderListComponent,
+				LoadingOverlayComponent,
+				FabSheetComponent,
+				ToggleComponent,
+				SlideButtonComponent,
+				CheckboxComponent,
+				MenuComponent,
+				ActionSheetComponent,
+				ModalFooterComponent,
+				AvatarComponent,
+				CalendarComponent,
+				ButtonComponent,
+				FlagComponent,
+				BadgeComponent,
+				ModalComponent,
+				TableSortableComponent,
+				KirbyAppModule,
+				RouterOutletModule,
+				PageModule,
+				HeaderModule,
+				TabNavigationModule,
+				TabsModule,
+				IconModule,
+				ItemModule,
+				ToggleButtonModule,
+				ListModule,
+				ChartsModule,
+				SpinnerModule,
+				CardModule,
+				RadioModule,
+				EmptyStateModule,
+				DropdownModule,
+				FormFieldModule,
+				SlideModule,
+				AccordionModule,
+				HeaderModule
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: KirbyModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				RouterModule,
+				...importedModules,
+				imports
+			],
+			providers: [provideKirby()],
+			exports: [allExports]
+		}]
+	}],
+	ctorParameters: () => [{ type: i1.ModalController }, {
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: [KIRBY_CONFIG]
+		}]
+	}]
+});
 export { KeyHandlerDirective, KirbyModule, ModalRouterLinkDirective };
-//# sourceMappingURL=kirbydesign-designsystem.mjs.map
+
+//# sourceMappingURL=kirbydesign-designsystem.mjs.map