@kirbydesign/designsystem 8.0.0 → 8.1.1

package/fesm2020/kirbydesign-designsystem-testing-jasmine.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-testing-jasmine.mjs","sources":["../../../../libs/designsystem/testing-jasmine/src/lib/mock-providers.ts","../../../../libs/designsystem/testing-jasmine/src/lib/kirby-testing.module.ts","../../../../libs/designsystem/testing-jasmine/src/kirbydesign-designsystem-testing-jasmine.ts"],"sourcesContent":["// AUTO-GENERATED - PLEASE DON'T EDIT THIS FILE MANUALLY\n\nimport {\n  ChartConfigService,\n  ChartJSService,\n  IconRegistryService,\n  LoadingOverlayService,\n  TabsService,\n  ToastController,\n} from '@kirbydesign/designsystem';\nimport { ModalController } from '@kirbydesign/designsystem/modal';\n\nimport { EMPTY } from 'rxjs';\n\nexport function chartConfigServiceFactory() {\n  return jasmine.createSpyObj<ChartConfigService>('ChartConfigService', [\n    'getTypeConfig',\n    'getAnnotationDefaults',\n    'chartTypeToChartJSType',\n    'applyInteractionFunctionsExtensions',\n    'getStockChartOptions',\n  ]);\n}\n\nexport function chartJSServiceFactory() {\n  return jasmine.createSpyObj<ChartJSService>('ChartJSService', [\n    'renderChart',\n    'redrawChart',\n    'destroyChart',\n    'updateData',\n    'updateLabels',\n    'updateType',\n    'updateOptions',\n    'updateAnnotations',\n    'updateHighlightedElements',\n  ]);\n}\n\nexport function iconRegistryServiceFactory() {\n  return jasmine.createSpyObj<IconRegistryService>('IconRegistryService', ['addIcon', 'addIcons']);\n}\n\nexport function loadingOverlayServiceFactory() {\n  return jasmine.createSpyObj<LoadingOverlayService>('LoadingOverlayService', [\n    'showLoadingOverlay',\n    'hideLoadingOverlay',\n  ]);\n}\n\nexport function modalControllerFactory() {\n  return jasmine.createSpyObj<ModalController>('ModalController', [\n    'showModal',\n    'navigateToModal',\n    'navigateWithinModal',\n    'showActionSheet',\n    'showAlert',\n    'registerPresentingElement',\n    'hideTopmost',\n    'scrollToTop',\n    'scrollToBottom',\n    'hideAll',\n  ]);\n}\n\nexport function tabsServiceFactory() {\n  return jasmine.createSpyObj<TabsService>('TabsService', ['setOutlet', 'resetOutlet'], {\n    outlet$: EMPTY,\n  });\n}\n\nexport function toastControllerFactory() {\n  return jasmine.createSpyObj<ToastController>('ToastController', ['showToast']);\n}\n\nexport const MOCK_PROVIDERS = [\n  {\n    provide: ChartConfigService,\n    useFactory: chartConfigServiceFactory,\n  },\n  {\n    provide: ChartJSService,\n    useFactory: chartJSServiceFactory,\n  },\n  {\n    provide: IconRegistryService,\n    useFactory: iconRegistryServiceFactory,\n  },\n  {\n    provide: LoadingOverlayService,\n    useFactory: loadingOverlayServiceFactory,\n  },\n  {\n    provide: ModalController,\n    useFactory: modalControllerFactory,\n  },\n  {\n    provide: TabsService,\n    useFactory: tabsServiceFactory,\n  },\n  {\n    provide: ToastController,\n    useFactory: toastControllerFactory,\n  },\n];\n","// eslint-disable-next-line @typescript-eslint/triple-slash-reference\n/// <reference path='../../../../../node_modules/@types/jasmine/index.d.ts' />\n\nimport { NgModule } from '@angular/core';\n\nimport { KirbyTestingBaseModule } from '@kirbydesign/designsystem/testing-base';\n\nimport { MOCK_PROVIDERS } from './mock-providers';\n\n@NgModule({\n  imports: [KirbyTestingBaseModule],\n  exports: [KirbyTestingBaseModule],\n  providers: [...MOCK_PROVIDERS],\n})\nexport class KirbyTestingModule {}\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-testing-jasmine.mjs","sources":["../../../../libs/designsystem/testing-jasmine/src/lib/mock-providers.ts","../../../../libs/designsystem/testing-jasmine/src/lib/kirby-testing.module.ts","../../../../libs/designsystem/testing-jasmine/src/kirbydesign-designsystem-testing-jasmine.ts"],"sourcesContent":["// AUTO-GENERATED - PLEASE DON'T EDIT THIS FILE MANUALLY\n\nimport {\n  ChartConfigService,\n  ChartJSService,\n  IconRegistryService,\n  LoadingOverlayService,\n  TabsService,\n} from '@kirbydesign/designsystem';\n\nimport { ToastController } from '@kirbydesign/designsystem/toast';\nimport { ModalController } from '@kirbydesign/designsystem/modal';\n\nimport { EMPTY } from 'rxjs';\n\nexport function chartConfigServiceFactory() {\n  return jasmine.createSpyObj<ChartConfigService>('ChartConfigService', [\n    'getTypeConfig',\n    'getAnnotationDefaults',\n    'chartTypeToChartJSType',\n    'applyInteractionFunctionsExtensions',\n    'getStockChartOptions',\n  ]);\n}\n\nexport function chartJSServiceFactory() {\n  return jasmine.createSpyObj<ChartJSService>('ChartJSService', [\n    'renderChart',\n    'redrawChart',\n    'destroyChart',\n    'updateData',\n    'updateLabels',\n    'updateType',\n    'updateOptions',\n    'updateAnnotations',\n    'updateHighlightedElements',\n  ]);\n}\n\nexport function iconRegistryServiceFactory() {\n  return jasmine.createSpyObj<IconRegistryService>('IconRegistryService', ['addIcon', 'addIcons']);\n}\n\nexport function loadingOverlayServiceFactory() {\n  return jasmine.createSpyObj<LoadingOverlayService>('LoadingOverlayService', [\n    'showLoadingOverlay',\n    'hideLoadingOverlay',\n  ]);\n}\n\nexport function modalControllerFactory() {\n  return jasmine.createSpyObj<ModalController>('ModalController', [\n    'showModal',\n    'navigateToModal',\n    'navigateWithinModal',\n    'showActionSheet',\n    'showAlert',\n    'registerPresentingElement',\n    'hideTopmost',\n    'scrollToTop',\n    'scrollToBottom',\n    'hideAll',\n  ]);\n}\n\nexport function tabsServiceFactory() {\n  return jasmine.createSpyObj<TabsService>('TabsService', ['setOutlet', 'resetOutlet'], {\n    outlet$: EMPTY,\n  });\n}\n\nexport function toastControllerFactory() {\n  return jasmine.createSpyObj<ToastController>('ToastController', ['showToast']);\n}\n\nexport const MOCK_PROVIDERS = [\n  {\n    provide: ChartConfigService,\n    useFactory: chartConfigServiceFactory,\n  },\n  {\n    provide: ChartJSService,\n    useFactory: chartJSServiceFactory,\n  },\n  {\n    provide: IconRegistryService,\n    useFactory: iconRegistryServiceFactory,\n  },\n  {\n    provide: LoadingOverlayService,\n    useFactory: loadingOverlayServiceFactory,\n  },\n  {\n    provide: ModalController,\n    useFactory: modalControllerFactory,\n  },\n  {\n    provide: TabsService,\n    useFactory: tabsServiceFactory,\n  },\n  {\n    provide: ToastController,\n    useFactory: toastControllerFactory,\n  },\n];\n","// eslint-disable-next-line @typescript-eslint/triple-slash-reference\n/// <reference path='../../../../../node_modules/@types/jasmine/index.d.ts' />\n\nimport { NgModule } from '@angular/core';\n\nimport { KirbyTestingBaseModule } from '@kirbydesign/designsystem/testing-base';\n\nimport { MOCK_PROVIDERS } from './mock-providers';\n\n@NgModule({\n  imports: [KirbyTestingBaseModule],\n  exports: [KirbyTestingBaseModule],\n  providers: [...MOCK_PROVIDERS],\n})\nexport class KirbyTestingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
 import { NgModule } from '@angular/core';
 import { KirbyTestingBaseModule } from '@kirbydesign/designsystem/testing-base';
-import { ChartConfigService, ChartJSService, IconRegistryService, LoadingOverlayService, ModalController, TabsService, ToastController } from '@kirbydesign/designsystem';
+import { ChartConfigService, ChartJSService, IconRegistryService, LoadingOverlayService, ModalController, TabsService } from '@kirbydesign/designsystem';
+import { ToastController } from '@kirbydesign/designsystem/toast';
 import { EMPTY } from 'rxjs';
 
 // AUTO-GENERATED - PLEASE DON'T EDIT THIS FILE MANUALLY

package/fesm2020/kirbydesign-designsystem-testing-jest.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-testing-jest.mjs","sources":["../../../../libs/designsystem/testing-jest/src/lib/mock-providers.ts","../../../../libs/designsystem/testing-jest/src/lib/kirby-testing.module.ts","../../../../libs/designsystem/testing-jest/src/kirbydesign-designsystem-testing-jest.ts"],"sourcesContent":["// AUTO-GENERATED - PLEASE DON'T EDIT THIS FILE MANUALLY\n\nimport {\n  ChartConfigService,\n  ChartJSService,\n  IconRegistryService,\n  LoadingOverlayService,\n  ModalController,\n  TabsService,\n  ToastController,\n} from '@kirbydesign/designsystem';\nimport { EMPTY } from 'rxjs';\n\nexport function chartConfigServiceFactory() {\n  return {\n    getTypeConfig: jest.fn(),\n    getAnnotationDefaults: jest.fn(),\n    chartTypeToChartJSType: jest.fn(),\n    applyInteractionFunctionsExtensions: jest.fn(),\n    getStockChartOptions: jest.fn(),\n  };\n}\n\nexport function chartJSServiceFactory() {\n  return {\n    renderChart: jest.fn(),\n    redrawChart: jest.fn(),\n    destroyChart: jest.fn(),\n    updateData: jest.fn(),\n    updateLabels: jest.fn(),\n    updateType: jest.fn(),\n    updateOptions: jest.fn(),\n    updateAnnotations: jest.fn(),\n    updateHighlightedElements: jest.fn(),\n  };\n}\n\nexport function iconRegistryServiceFactory() {\n  return {\n    addIcon: jest.fn(),\n    addIcons: jest.fn(),\n  };\n}\n\nexport function loadingOverlayServiceFactory() {\n  return {\n    showLoadingOverlay: jest.fn(),\n    hideLoadingOverlay: jest.fn(),\n  };\n}\n\nexport function modalControllerFactory() {\n  return {\n    showModal: jest.fn(),\n    navigateToModal: jest.fn(),\n    navigateWithinModal: jest.fn(),\n    showActionSheet: jest.fn(),\n    showAlert: jest.fn(),\n    registerPresentingElement: jest.fn(),\n    hideTopmost: jest.fn(),\n    scrollToTop: jest.fn(),\n    scrollToBottom: jest.fn(),\n    hideAll: jest.fn(),\n  };\n}\n\nexport function tabsServiceFactory() {\n  return {\n    setOutlet: jest.fn(),\n    resetOutlet: jest.fn(),\n    outlet$: EMPTY,\n  };\n}\n\nexport function toastControllerFactory() {\n  return {\n    showToast: jest.fn(),\n  };\n}\n\nexport const MOCK_PROVIDERS = [\n  {\n    provide: ChartConfigService,\n    useFactory: chartConfigServiceFactory,\n  },\n  {\n    provide: ChartJSService,\n    useFactory: chartJSServiceFactory,\n  },\n  {\n    provide: IconRegistryService,\n    useFactory: iconRegistryServiceFactory,\n  },\n  {\n    provide: LoadingOverlayService,\n    useFactory: loadingOverlayServiceFactory,\n  },\n  {\n    provide: ModalController,\n    useFactory: modalControllerFactory,\n  },\n  {\n    provide: TabsService,\n    useFactory: tabsServiceFactory,\n  },\n  {\n    provide: ToastController,\n    useFactory: toastControllerFactory,\n  },\n];\n","// eslint-disable-next-line @typescript-eslint/triple-slash-reference\n/// <reference path='../../../../../node_modules/@types/jest/index.d.ts' />\n\nimport { NgModule } from '@angular/core';\n\nimport { KirbyTestingBaseModule } from '@kirbydesign/designsystem/testing-base';\n\nimport { MOCK_PROVIDERS } from './mock-providers';\n\n@NgModule({\n  imports: [KirbyTestingBaseModule],\n  exports: [KirbyTestingBaseModule],\n  providers: [...MOCK_PROVIDERS],\n})\nexport class KirbyTestingModule {}\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-testing-jest.mjs","sources":["../../../../libs/designsystem/testing-jest/src/lib/mock-providers.ts","../../../../libs/designsystem/testing-jest/src/lib/kirby-testing.module.ts","../../../../libs/designsystem/testing-jest/src/kirbydesign-designsystem-testing-jest.ts"],"sourcesContent":["// AUTO-GENERATED - PLEASE DON'T EDIT THIS FILE MANUALLY\n\nimport {\n  ChartConfigService,\n  ChartJSService,\n  IconRegistryService,\n  LoadingOverlayService,\n  ModalController,\n  TabsService,\n} from '@kirbydesign/designsystem';\n\nimport { ToastController } from '@kirbydesign/designsystem/toast';\nimport { EMPTY } from 'rxjs';\n\nexport function chartConfigServiceFactory() {\n  return {\n    getTypeConfig: jest.fn(),\n    getAnnotationDefaults: jest.fn(),\n    chartTypeToChartJSType: jest.fn(),\n    applyInteractionFunctionsExtensions: jest.fn(),\n    getStockChartOptions: jest.fn(),\n  };\n}\n\nexport function chartJSServiceFactory() {\n  return {\n    renderChart: jest.fn(),\n    redrawChart: jest.fn(),\n    destroyChart: jest.fn(),\n    updateData: jest.fn(),\n    updateLabels: jest.fn(),\n    updateType: jest.fn(),\n    updateOptions: jest.fn(),\n    updateAnnotations: jest.fn(),\n    updateHighlightedElements: jest.fn(),\n  };\n}\n\nexport function iconRegistryServiceFactory() {\n  return {\n    addIcon: jest.fn(),\n    addIcons: jest.fn(),\n  };\n}\n\nexport function loadingOverlayServiceFactory() {\n  return {\n    showLoadingOverlay: jest.fn(),\n    hideLoadingOverlay: jest.fn(),\n  };\n}\n\nexport function modalControllerFactory() {\n  return {\n    showModal: jest.fn(),\n    navigateToModal: jest.fn(),\n    navigateWithinModal: jest.fn(),\n    showActionSheet: jest.fn(),\n    showAlert: jest.fn(),\n    registerPresentingElement: jest.fn(),\n    hideTopmost: jest.fn(),\n    scrollToTop: jest.fn(),\n    scrollToBottom: jest.fn(),\n    hideAll: jest.fn(),\n  };\n}\n\nexport function tabsServiceFactory() {\n  return {\n    setOutlet: jest.fn(),\n    resetOutlet: jest.fn(),\n    outlet$: EMPTY,\n  };\n}\n\nexport function toastControllerFactory() {\n  return {\n    showToast: jest.fn(),\n  };\n}\n\nexport const MOCK_PROVIDERS = [\n  {\n    provide: ChartConfigService,\n    useFactory: chartConfigServiceFactory,\n  },\n  {\n    provide: ChartJSService,\n    useFactory: chartJSServiceFactory,\n  },\n  {\n    provide: IconRegistryService,\n    useFactory: iconRegistryServiceFactory,\n  },\n  {\n    provide: LoadingOverlayService,\n    useFactory: loadingOverlayServiceFactory,\n  },\n  {\n    provide: ModalController,\n    useFactory: modalControllerFactory,\n  },\n  {\n    provide: TabsService,\n    useFactory: tabsServiceFactory,\n  },\n  {\n    provide: ToastController,\n    useFactory: toastControllerFactory,\n  },\n];\n","// eslint-disable-next-line @typescript-eslint/triple-slash-reference\n/// <reference path='../../../../../node_modules/@types/jest/index.d.ts' />\n\nimport { NgModule } from '@angular/core';\n\nimport { KirbyTestingBaseModule } from '@kirbydesign/designsystem/testing-base';\n\nimport { MOCK_PROVIDERS } from './mock-providers';\n\n@NgModule({\n  imports: [KirbyTestingBaseModule],\n  exports: [KirbyTestingBaseModule],\n  providers: [...MOCK_PROVIDERS],\n})\nexport class KirbyTestingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/kirbydesign-designsystem-toast.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"kirbydesign-designsystem-toast.mjs","sources":["../../../../libs/designsystem/toast/src/services/toast.helper.ts","../../../../libs/designsystem/toast/src/services/toast.controller.ts","../../../../libs/designsystem/toast/src/kirbydesign-designsystem-toast.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { ToastController } from '@ionic/angular';\nimport { Overlay } from '@kirbydesign/designsystem/modal';\n\nimport { MessageType, ToastConfig } from '../config/toast-config';\n\n@Injectable()\nexport class ToastHelper {\n  static CSS_CLASS = 'kirby-toast';\n  static DURATION_IN_MS = 4000;\n\n  constructor(private toastController: ToastController) {}\n\n  public async showToast(config: ToastConfig): Promise<Overlay> {\n    const toast = await this.toastController.create({\n      animated: config.animated,\n      message: config.message,\n      position: 'top',\n      duration: config.durationInMs ? config.durationInMs : ToastHelper.DURATION_IN_MS,\n      cssClass: this.getCssClass(config.messageType),\n    });\n    await toast.present();\n    return {\n      dismiss: toast.dismiss.bind(toast),\n      onWillDismiss: toast.onWillDismiss(),\n      onDidDismiss: toast.onDidDismiss(),\n    };\n  }\n\n  private getCssClass(messageType: MessageType): string {\n    let cssClass = ToastHelper.CSS_CLASS;\n\n    if (messageType) {\n      cssClass += ' ' + messageType;\n    }\n\n    return cssClass;\n  }\n}\n","import { Injectable } from '@angular/core';\n\nimport { ToastConfig } from '../config/toast-config';\n\nimport { ToastHelper } from './toast.helper';\n\n@Injectable()\nexport class ToastController {\n  constructor(private toastHelper: ToastHelper) {}\n\n  public showToast(config: ToastConfig, onCloseToast?: () => void) {\n    this.toastHelper.showToast(config).then((overlay) => {\n      if (onCloseToast) {\n        overlay.onDidDismiss.then(() => onCloseToast());\n      }\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.ToastHelper"],"mappings":";;;;MAOa,WAAW,CAAA;AAItB,IAAA,WAAA,CAAoB,eAAgC,EAAA;QAAhC,IAAe,CAAA,eAAA,GAAf,eAAe,CAAiB;KAAI;IAEjD,MAAM,SAAS,CAAC,MAAmB,EAAA;QACxC,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;YAC9C,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,OAAO,EAAE,MAAM,CAAC,OAAO;AACvB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,GAAG,WAAW,CAAC,cAAc;YAChF,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC;AAC/C,SAAA,CAAC,CAAC;AACH,QAAA,MAAM,KAAK,CAAC,OAAO,EAAE,CAAC;QACtB,OAAO;YACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AAClC,YAAA,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE;AACpC,YAAA,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE;SACnC,CAAC;KACH;AAEO,IAAA,WAAW,CAAC,WAAwB,EAAA;AAC1C,QAAA,IAAI,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAErC,QAAA,IAAI,WAAW,EAAE;AACf,YAAA,QAAQ,IAAI,GAAG,GAAG,WAAW,CAAC;AAC/B,SAAA;AAED,QAAA,OAAO,QAAQ,CAAC;KACjB;;AA7BM,WAAS,CAAA,SAAA,GAAG,aAAa,CAAC;AAC1B,WAAc,CAAA,cAAA,GAAG,IAAI,CAAC;2HAFlB,WAAW,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;+HAAX,WAAW,EAAA,CAAA,CAAA;2FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBADvB,UAAU;;;MCCE,eAAe,CAAA;AAC1B,IAAA,WAAA,CAAoB,WAAwB,EAAA;QAAxB,IAAW,CAAA,WAAA,GAAX,WAAW,CAAa;KAAI;IAEzC,SAAS,CAAC,MAAmB,EAAE,YAAyB,EAAA;AAC7D,QAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,KAAI;AAClD,YAAA,IAAI,YAAY,EAAE;gBAChB,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,YAAY,EAAE,CAAC,CAAC;AACjD,aAAA;AACH,SAAC,CAAC,CAAC;KACJ;;+HATU,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;mIAAf,eAAe,EAAA,CAAA,CAAA;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,UAAU;;;ACNX;;AAEG;;;;"}

package/fesm2020/kirbydesign-designsystem-toggle.mjs

@@ -1,3 +1,4 @@
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
 import { KirbyIonicModule } from '@kirbydesign/designsystem/kirby-ionic-module';
@@ -22,10 +23,10 @@ class ToggleComponent {
     }
 }
 /** @nocollapse */ ToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ ToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ToggleComponent, isStandalone: true, selector: "kirby-toggle", inputs: { checked: "checked", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<ion-toggle\n  [checked]=\"checked\"\n  [disabled]=\"disabled\"\n  [class.interaction-state-active]=\"_pressed\"\n  (keydown.space)=\"_onActive()\"\n  (keyup.space)=\"_onInactive()\"\n  (blur)=\"_onInactive()\"\n  (ionChange)=\"onCheckedChange($event.detail.checked)\"\n></ion-toggle>\n", styles: [":host{display:inline-flex}ion-toggle{--background: var(--kirby-semi-dark);--handle-background: var(--kirby-white);--background-checked: var(--kirby-success);--handle-background-checked: var(--kirby-white);--handle-transition: .2s;--handle-box-shadow: 0 1px 24px 0 rgba(28, 28, 28, .04)}@media (hover: hover) and (pointer: fine){ion-toggle{overflow:visible;contain:none}ion-toggle:focus-within::part(track){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}@media (hover: hover){ion-toggle:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;--background: #777777;--handle-background: whitesmoke;--background-checked: #0ee270;--handle-background-checked: whitesmoke}}ion-toggle:active,ion-toggle.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background: #6c6c6c;--handle-background: #ebebeb;--background-checked: #0dcd65;--handle-background-checked: #ebebeb}\n"], dependencies: [{ kind: "ngmodule", type: KirbyIonicModule }, { kind: "component", type: i1.IonToggle, selector: "ion-toggle", inputs: ["checked", "color", "disabled", "enableOnOffLabels", "mode", "name", "value"] }, { kind: "directive", type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ ToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ToggleComponent, isStandalone: true, selector: "kirby-toggle", inputs: { checked: "checked", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<ion-toggle\n  [checked]=\"checked\"\n  [disabled]=\"disabled\"\n  [class.interaction-state-active]=\"_pressed\"\n  (keydown.space)=\"_onActive()\"\n  (keyup.space)=\"_onInactive()\"\n  (blur)=\"_onInactive()\"\n  (ionChange)=\"onCheckedChange($event.detail.checked)\"\n></ion-toggle>\n", styles: [":host{display:inline-flex}ion-toggle{--background: var(--kirby-semi-dark);--handle-background: var(--kirby-white);--background-checked: var(--kirby-success);--handle-background-checked: var(--kirby-white);--handle-transition: .2s;--handle-box-shadow: 0 1px 24px 0 rgba(28, 28, 28, .04)}@media (hover: hover) and (pointer: fine){ion-toggle{overflow:visible;contain:none}ion-toggle:focus-within::part(track){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}@media (hover: hover){ion-toggle:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;--background: #777777;--handle-background: whitesmoke;--background-checked: #0ee270;--handle-background-checked: whitesmoke}}ion-toggle:active,ion-toggle.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background: #6c6c6c;--handle-background: #ebebeb;--background-checked: #0dcd65;--handle-background-checked: #ebebeb}\n"], dependencies: [{ kind: "ngmodule", type: KirbyIonicModule }, { kind: "component", type: i1.IonToggle, selector: "ion-toggle", inputs: ["checked", "color", "disabled", "enableOnOffLabels", "mode", "name", "value"] }, { kind: "directive", type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToggleComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [KirbyIonicModule], selector: 'kirby-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-toggle\n  [checked]=\"checked\"\n  [disabled]=\"disabled\"\n  [class.interaction-state-active]=\"_pressed\"\n  (keydown.space)=\"_onActive()\"\n  (keyup.space)=\"_onInactive()\"\n  (blur)=\"_onInactive()\"\n  (ionChange)=\"onCheckedChange($event.detail.checked)\"\n></ion-toggle>\n", styles: [":host{display:inline-flex}ion-toggle{--background: var(--kirby-semi-dark);--handle-background: var(--kirby-white);--background-checked: var(--kirby-success);--handle-background-checked: var(--kirby-white);--handle-transition: .2s;--handle-box-shadow: 0 1px 24px 0 rgba(28, 28, 28, .04)}@media (hover: hover) and (pointer: fine){ion-toggle{overflow:visible;contain:none}ion-toggle:focus-within::part(track){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}@media (hover: hover){ion-toggle:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;--background: #777777;--handle-background: whitesmoke;--background-checked: #0ee270;--handle-background-checked: whitesmoke}}ion-toggle:active,ion-toggle.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background: #6c6c6c;--handle-background: #ebebeb;--background-checked: #0dcd65;--handle-background-checked: #ebebeb}\n"] }]
+            args: [{ standalone: true, imports: [KirbyIonicModule, CommonModule], selector: 'kirby-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-toggle\n  [checked]=\"checked\"\n  [disabled]=\"disabled\"\n  [class.interaction-state-active]=\"_pressed\"\n  (keydown.space)=\"_onActive()\"\n  (keyup.space)=\"_onInactive()\"\n  (blur)=\"_onInactive()\"\n  (ionChange)=\"onCheckedChange($event.detail.checked)\"\n></ion-toggle>\n", styles: [":host{display:inline-flex}ion-toggle{--background: var(--kirby-semi-dark);--handle-background: var(--kirby-white);--background-checked: var(--kirby-success);--handle-background-checked: var(--kirby-white);--handle-transition: .2s;--handle-box-shadow: 0 1px 24px 0 rgba(28, 28, 28, .04)}@media (hover: hover) and (pointer: fine){ion-toggle{overflow:visible;contain:none}ion-toggle:focus-within::part(track){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}@media (hover: hover){ion-toggle:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;--background: #777777;--handle-background: whitesmoke;--background-checked: #0ee270;--handle-background-checked: whitesmoke}}ion-toggle:active,ion-toggle.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background: #6c6c6c;--handle-background: #ebebeb;--background-checked: #0dcd65;--handle-background-checked: #ebebeb}\n"] }]
         }], propDecorators: { checked: [{
                 type: Input
             }], disabled: [{

package/fesm2020/kirbydesign-designsystem-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-toggle.mjs","sources":["../../../../libs/designsystem/toggle/src/toggle.component.ts","../../../../libs/designsystem/toggle/src/toggle.component.html","../../../../libs/designsystem/toggle/src/kirbydesign-designsystem-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { KirbyIonicModule } from '@kirbydesign/designsystem/kirby-ionic-module';\n\n@Component({\n  standalone: true,\n  imports: [KirbyIonicModule],\n  selector: 'kirby-toggle',\n  templateUrl: './toggle.component.html',\n  styleUrls: ['./toggle.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToggleComponent {\n  @Input() checked: boolean = false;\n  @Input() disabled: boolean = false;\n\n  @Output() checkedChange = new EventEmitter<boolean>();\n\n  _pressed = false;\n\n  onCheckedChange(checked: boolean): void {\n    this.checked = checked;\n    this.checkedChange.emit(this.checked);\n  }\n\n  _onActive() {\n    this._pressed = true;\n  }\n\n  _onInactive() {\n    this._pressed = false;\n  }\n}\n","<ion-toggle\n  [checked]=\"checked\"\n  [disabled]=\"disabled\"\n  [class.interaction-state-active]=\"_pressed\"\n  (keydown.space)=\"_onActive()\"\n  (keyup.space)=\"_onInactive()\"\n  (blur)=\"_onInactive()\"\n  (ionChange)=\"onCheckedChange($event.detail.checked)\"\n></ion-toggle>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;MAWa,eAAe,CAAA;AAR5B,IAAA,WAAA,GAAA;QASW,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;QACzB,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;AAEzB,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAW,CAAC;QAEtD,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAclB,KAAA;AAZC,IAAA,eAAe,CAAC,OAAgB,EAAA;AAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACvC;IAED,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KACtB;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;KACvB;;+HAnBU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mHAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX5B,gSASA,EAAA,MAAA,EAAA,CAAA,0/BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJY,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;iCACI,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,YACjB,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gSAAA,EAAA,MAAA,EAAA,CAAA,0/BAAA,CAAA,EAAA,CAAA;8BAGtC,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAEI,aAAa,EAAA,CAAA;sBAAtB,MAAM;;;AEfT;;AAEG;;;;"}
+{"version":3,"file":"kirbydesign-designsystem-toggle.mjs","sources":["../../../../libs/designsystem/toggle/src/toggle.component.ts","../../../../libs/designsystem/toggle/src/toggle.component.html","../../../../libs/designsystem/toggle/src/kirbydesign-designsystem-toggle.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { KirbyIonicModule } from '@kirbydesign/designsystem/kirby-ionic-module';\n\n@Component({\n  standalone: true,\n  imports: [KirbyIonicModule, CommonModule],\n  selector: 'kirby-toggle',\n  templateUrl: './toggle.component.html',\n  styleUrls: ['./toggle.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToggleComponent {\n  @Input() checked: boolean = false;\n  @Input() disabled: boolean = false;\n\n  @Output() checkedChange = new EventEmitter<boolean>();\n\n  _pressed = false;\n\n  onCheckedChange(checked: boolean): void {\n    this.checked = checked;\n    this.checkedChange.emit(this.checked);\n  }\n\n  _onActive() {\n    this._pressed = true;\n  }\n\n  _onInactive() {\n    this._pressed = false;\n  }\n}\n","<ion-toggle\n  [checked]=\"checked\"\n  [disabled]=\"disabled\"\n  [class.interaction-state-active]=\"_pressed\"\n  (keydown.space)=\"_onActive()\"\n  (keyup.space)=\"_onInactive()\"\n  (blur)=\"_onInactive()\"\n  (ionChange)=\"onCheckedChange($event.detail.checked)\"\n></ion-toggle>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MAYa,eAAe,CAAA;AAR5B,IAAA,WAAA,GAAA;QASW,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;QACzB,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;AAEzB,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAW,CAAC;QAEtD,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAclB,KAAA;AAZC,IAAA,eAAe,CAAC,OAAgB,EAAA;AAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACvC;IAED,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KACtB;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;KACvB;;+HAnBU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,mBAAA,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,ECZ5B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,gSASA,EDHY,MAAA,EAAA,CAAA,0/BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,oRAAE,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAM7B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;iCACI,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAA,QAAA,EAC/B,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gSAAA,EAAA,MAAA,EAAA,CAAA,0/BAAA,CAAA,EAAA,CAAA;8BAGtC,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAEI,aAAa,EAAA,CAAA;sBAAtB,MAAM;;;AEhBT;;AAEG;;;;"}

package/fesm2020/kirbydesign-designsystem.mjs

@@ -1,15 +1,10 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectorRef, ElementRef, NgZone, Component, ChangeDetectionStrategy, Injectable, HostBinding, Input, NgModule, EventEmitter, Output, ViewChild, Directive, HostListener, APP_INITIALIZER, InjectionToken, Optional, Inject } from '@angular/core';
-import { fromEvent, Subject } from 'rxjs';
-import { ScssHelper } from '@kirbydesign/designsystem/helpers/scss';
-export * from '@kirbydesign/designsystem/helpers/scss';
-import * as i4 from '@angular/common';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import * as i3 from '@kirbydesign/designsystem/shared';
-import { ThemeColorDirective, ComponentLoaderDirective, ResizeObserverFactory, ResizeObserverService } from '@kirbydesign/designsystem/shared';
-export * from '@kirbydesign/designsystem/shared';
+import { ChangeDetectorRef, ElementRef, NgZone, Component, ChangeDetectionStrategy, NgModule, EventEmitter, Input, HostBinding, Output, ViewChild, Directive, HostListener, APP_INITIALIZER, InjectionToken, Optional, Inject } from '@angular/core';
+import { fromEvent } from 'rxjs';
 import * as i2 from '@ionic/angular';
 import { IonicModule } from '@ionic/angular';
+import * as i4 from '@angular/common';
+import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i1 from '@kirbydesign/designsystem/icon';
 import { IconModule } from '@kirbydesign/designsystem/icon';
 export * from '@kirbydesign/designsystem/icon';
@@ -44,7 +39,10 @@ import { FlagComponent } from '@kirbydesign/designsystem/flag';
 export * from '@kirbydesign/designsystem/flag';
 import { TextareaComponent, InputComponent, AffixDirective, DateInputDirective, FormFieldModule } from '@kirbydesign/designsystem/form-field';
 export * from '@kirbydesign/designsystem/form-field';
+import { GridComponent, BreakpointHelperService } from '@kirbydesign/designsystem/grid';
+export * from '@kirbydesign/designsystem/grid';
 export * from '@kirbydesign/designsystem/helpers';
+export * from '@kirbydesign/designsystem/helpers/scss';
 import { ItemModule } from '@kirbydesign/designsystem/item';
 export * from '@kirbydesign/designsystem/item';
 import { ItemGroupComponent } from '@kirbydesign/designsystem/item-group';
@@ -75,6 +73,8 @@ 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 { ThemeColorDirective, ComponentLoaderDirective, ResizeObserverFactory, ResizeObserverService } 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';
@@ -83,6 +83,8 @@ import { SpinnerModule } from '@kirbydesign/designsystem/spinner';
 export * from '@kirbydesign/designsystem/spinner';
 import { TabsModule } from '@kirbydesign/designsystem/tabs';
 export * from '@kirbydesign/designsystem/tabs';
+import { ToastHelper, ToastController } from '@kirbydesign/designsystem/toast';
+export * from '@kirbydesign/designsystem/toast';
 import { ToggleComponent } from '@kirbydesign/designsystem/toggle';
 export * from '@kirbydesign/designsystem/toggle';
 import { ToggleButtonModule } from '@kirbydesign/designsystem/toggle-button';
@@ -165,129 +167,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-class BreakpointHelperService {
-    constructor() {
-        this.orientationChangedSubject = new Subject();
-        this.init();
-    }
-    init() {
-        // TODO JEO: Implement Angular/CDK BreakpointObserver:
-        this.orientationChangedSubject.next();
-    }
-    observe() {
-        return this.orientationChangedSubject.asObservable();
-    }
-    ngOnDestroy() {
-        this.orientationChangedSubject.complete();
-    }
-}
-/** @nocollapse */ BreakpointHelperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreakpointHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ BreakpointHelperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreakpointHelperService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreakpointHelperService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-const GRID_DEPRICATION_WARNING = 'Deprecation warning: The "kirby-grid" component will be removed in a future release of Kirby designsystem. Consider using kirby-grid, kirby-grid-item css-classes as an alternative solution. See grid docs at https://cookbook.kirby.design/#/home/showcase/grid';
-class GridCard {
-    constructor(configuration, row, col, colSpan) {
-        this.configuration = configuration;
-        this.row = row;
-        this.col = col;
-        this.colSpan = colSpan;
-    }
-}
-class GridComponent {
-    constructor(breakpointHelper) {
-        this.breakpointHelper = breakpointHelper;
-        this.cards = [];
-        console.warn(GRID_DEPRICATION_WARNING);
-    }
-    set cardConfigurations(cardConfigurations) {
-        this.cardConfigs = cardConfigurations;
-        // TODO TRM/JEO Remove this when breakpoint observe something something...
-        this.configureGrid();
-    }
-    configureGrid() {
-        let calculatedMaxColumns = 0;
-        if (this.maxColumns === undefined) {
-            calculatedMaxColumns =
-                this.breakpointHelper.currentScreenWidth >= ScssHelper.BREAKPOINT_SCREEN_L ? 2 : 1;
-        }
-        else {
-            calculatedMaxColumns = this.maxColumns;
-        }
-        this.cards = [];
-        let columnCounter = 0;
-        let currentRow = 0;
-        let currentColumn = 0;
-        this.cardConfigs.forEach((card, index) => {
-            // Cards colspan is added to the column counter
-            columnCounter += card.preferredSize;
-            // If only maxColumns are set to 1, just add all cards with a colspan of 1
-            if (calculatedMaxColumns === 1) {
-                this.cards.push(new GridCard(card, currentRow, currentColumn, 1));
-                currentRow += 1;
-                return;
-            }
-            // If we are below maxColumns, then add the card to the array
-            if (columnCounter <= calculatedMaxColumns) {
-                this.cards.push(new GridCard(card, currentRow, currentColumn, card.preferredSize));
-                // Update currentColumn, so the next card will be placed correctly
-                currentColumn += card.preferredSize;
-            }
-            else {
-                // The new card didn't fit - Calculate remaining columns for previous card
-                const restColumns = calculatedMaxColumns - (columnCounter - card.preferredSize);
-                const prevCard = this.cards[index - 1];
-                // Add the restColumns to the previous cards colspan, to make it span out
-                prevCard.colSpan = restColumns + prevCard.colSpan;
-                // We are now on a new row
-                currentRow += 1;
-                currentColumn = 0;
-                this.cards.push(new GridCard(card, currentRow, currentColumn, card.preferredSize));
-                // Update currentColumn to match the size of the new card and reset columnCounter
-                currentColumn = card.preferredSize;
-                columnCounter = card.preferredSize;
-            }
-            // If we on the last card, make sure it spans all the rest of the columns
-            if (this.cardConfigs.length - 1 === index) {
-                const restColumns = calculatedMaxColumns - columnCounter;
-                const currentCard = this.cards[index];
-                currentCard.colSpan += restColumns;
-            }
-        });
-    }
-    ngOnDestroy() {
-        if (this.breakpointSubscription) {
-            this.breakpointSubscription.unsubscribe();
-        }
-    }
-}
-/** @nocollapse */ GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GridComponent, deps: [{ token: BreakpointHelperService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: GridComponent, selector: "kirby-grid", inputs: { maxColumns: "maxColumns", cardConfigurations: "cardConfigurations" }, host: { properties: { "attr.max-columns": "this.maxColumns" } }, ngImport: i0, template: "<ng-container *ngFor=\"let card of cards\">\n  <ng-template\n    [kirbyLoadComponent]=\"card.configuration\"\n    [cssClass]=\"'grid-item--col-' + card.colSpan\"\n  ></ng-template>\n</ng-container>\n", styles: [":host{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--kirby-grid-item-min-height, auto),auto);gap:24px;max-width:var(--kirby-page-max-width);margin:0 auto}@media (min-width: 721px){:host[max-columns=\"1\"]{grid-template-columns:repeat(1,1fr)}:host[max-columns=\"2\"]{grid-template-columns:repeat(2,1fr)}:host[max-columns=\"3\"]{grid-template-columns:repeat(3,1fr)}:host[max-columns=\"4\"]{grid-template-columns:repeat(4,1fr)}:host[max-columns=\"5\"]{grid-template-columns:repeat(5,1fr)}:host[max-columns=\"6\"]{grid-template-columns:repeat(6,1fr)}:host[max-columns=\"7\"]{grid-template-columns:repeat(7,1fr)}:host[max-columns=\"8\"]{grid-template-columns:repeat(8,1fr)}:host[max-columns=\"9\"]{grid-template-columns:repeat(9,1fr)}:host[max-columns=\"10\"]{grid-template-columns:repeat(10,1fr)}}@media (min-width: 721px){::ng-deep .grid-item--col-1{grid-column:span 1}}@media (min-width: 721px){::ng-deep .grid-item--col-2{grid-column:span 2}}@media (min-width: 721px){::ng-deep .grid-item--col-3{grid-column:span 3}}@media (min-width: 721px){::ng-deep .grid-item--col-4{grid-column:span 4}}@media (min-width: 721px){::ng-deep .grid-item--col-5{grid-column:span 5}}@media (min-width: 721px){::ng-deep .grid-item--col-6{grid-column:span 6}}@media (min-width: 721px){::ng-deep .grid-item--col-7{grid-column:span 7}}@media (min-width: 721px){::ng-deep .grid-item--col-8{grid-column:span 8}}@media (min-width: 721px){::ng-deep .grid-item--col-9{grid-column:span 9}}@media (min-width: 721px){::ng-deep .grid-item--col-10{grid-column:span 10}}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.ComponentLoaderDirective, selector: "[kirbyLoadComponent]", inputs: ["kirbyLoadComponent", "cssClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GridComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kirby-grid', template: "<ng-container *ngFor=\"let card of cards\">\n  <ng-template\n    [kirbyLoadComponent]=\"card.configuration\"\n    [cssClass]=\"'grid-item--col-' + card.colSpan\"\n  ></ng-template>\n</ng-container>\n", styles: [":host{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--kirby-grid-item-min-height, auto),auto);gap:24px;max-width:var(--kirby-page-max-width);margin:0 auto}@media (min-width: 721px){:host[max-columns=\"1\"]{grid-template-columns:repeat(1,1fr)}:host[max-columns=\"2\"]{grid-template-columns:repeat(2,1fr)}:host[max-columns=\"3\"]{grid-template-columns:repeat(3,1fr)}:host[max-columns=\"4\"]{grid-template-columns:repeat(4,1fr)}:host[max-columns=\"5\"]{grid-template-columns:repeat(5,1fr)}:host[max-columns=\"6\"]{grid-template-columns:repeat(6,1fr)}:host[max-columns=\"7\"]{grid-template-columns:repeat(7,1fr)}:host[max-columns=\"8\"]{grid-template-columns:repeat(8,1fr)}:host[max-columns=\"9\"]{grid-template-columns:repeat(9,1fr)}:host[max-columns=\"10\"]{grid-template-columns:repeat(10,1fr)}}@media (min-width: 721px){::ng-deep .grid-item--col-1{grid-column:span 1}}@media (min-width: 721px){::ng-deep .grid-item--col-2{grid-column:span 2}}@media (min-width: 721px){::ng-deep .grid-item--col-3{grid-column:span 3}}@media (min-width: 721px){::ng-deep .grid-item--col-4{grid-column:span 4}}@media (min-width: 721px){::ng-deep .grid-item--col-5{grid-column:span 5}}@media (min-width: 721px){::ng-deep .grid-item--col-6{grid-column:span 6}}@media (min-width: 721px){::ng-deep .grid-item--col-7{grid-column:span 7}}@media (min-width: 721px){::ng-deep .grid-item--col-8{grid-column:span 8}}@media (min-width: 721px){::ng-deep .grid-item--col-9{grid-column:span 9}}@media (min-width: 721px){::ng-deep .grid-item--col-10{grid-column:span 10}}\n"] }]
-        }], ctorParameters: function () { return [{ type: BreakpointHelperService }]; }, propDecorators: { maxColumns: [{
-                type: HostBinding,
-                args: ['attr.max-columns']
-            }, {
-                type: Input
-            }], cardConfigurations: [{
-                type: Input
-            }] } });
-
-class GridCardConfiguration {
-    constructor(component, data, preferredSize) {
-        this.component = component;
-        this.data = data;
-        this.preferredSize = preferredSize;
-    }
-}
-
 class KirbyBadgeModule {
 }
 /** @nocollapse */ KirbyBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KirbyBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -387,10 +266,10 @@ class SegmentedControlComponent {
     }
 }
 /** @nocollapse */ SegmentedControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SegmentedControlComponent, deps: [{ token: i1.IconRegistryService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SegmentedControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SegmentedControlComponent, isStandalone: true, selector: "kirby-segmented-control", inputs: { mode: "mode", items: "items", selectedIndex: "selectedIndex", value: "value", size: "size", disableChangeOnSwipe: "disableChangeOnSwipe" }, outputs: { selectedIndexChange: "selectedIndexChange", segmentSelect: "segmentSelect" }, host: { attributes: { "role": "group" }, properties: { "class": "this._modeCssClass", "class.sm": "this.isSmallSize" } }, ngImport: i0, template: "<ion-segment\n  [value]=\"value?.id\"\n  [scrollable]=\"disableChangeOnSwipe || mode !== 'default'\"\n  (ionChange)=\"onSegmentSelect($event.detail.value)\"\n  (click)=\"preventOutsideClick($event)\"\n>\n  <ng-container *ngFor=\"let item of items\">\n    <ion-segment-button [value]=\"item.id\">{{ item.text }}</ion-segment-button>\n    <div class=\"badge-container\" *ngIf=\"item.badge\">\n      <kirby-badge\n        role=\"text\"\n        [attr.aria-label]=\"item.badge.description\"\n        [themeColor]=\"item.badge.themeColor\"\n      >\n        <ng-container *ngIf=\"item.badge.icon; else badgeContent\">\n          <kirby-icon\n            *ngIf=\"item.badge.isCustomIcon; else defaultIconName\"\n            [customName]=\"item.badge.icon\"\n          ></kirby-icon>\n          <ng-template #defaultIconName>\n            <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n          </ng-template>\n        </ng-container>\n        <ng-template #badgeContent>\n          {{ item.badge.content }}\n        </ng-template>\n      </kirby-badge>\n    </div>\n  </ng-container>\n</ion-segment>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none;--kirby-badge-elevation: 0 1px 24px 0 rgba(28, 28, 28, .04);--kirby-badge-position: absolute;--kirby-badge-top: -8px;--kirby-badge-right: 8px;--kirby-badge-z-index: 2}:host.sm ion-segment-button{min-height:32px;font-size:12px;--padding-start: 16px;--padding-end: 16px}@media (hover: hover) and (pointer: fine){:host.sm ion-segment-button{outline:none;border-radius:999px}:host.sm ion-segment-button:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host.sm ion-segment-button:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host.sm ion-segment-button:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host.default-mode ion-segment{--background: var(--kirby-white);width:-moz-fit-content;width:fit-content;overflow:visible;contain:none}:host.chip-mode ion-segment{--background: none;border-radius:0;padding:4px;gap:8px}@media (pointer: coarse){:host.chip-mode ion-segment{scrollbar-width:none}:host.chip-mode ion-segment::-webkit-scrollbar{display:none}}:host.chip-mode ion-segment-button{--background: var(--kirby-white);--indicator-transition: none;flex:initial}:host.chip-mode ion-segment-button::part(indicator){padding-inline:0}:host.compact ion-segment{--background: transparent}:host.compact ion-segment-button{--background: transparent;--padding-start: 12px;--padding-end: 12px}ion-segment{border-radius:999px}ion-segment-button{position:relative;--border-radius: 999px;--border-style: none;--background: none;--color: var(--kirby-white-contrast);--indicator-color: var(--kirby-black);--color-checked: var(--kirby-black-contrast);--color-hover: var(--kirby-black-tint);--indicator-box-shadow: none;--indicator-transform: none;--padding-start: 24px;--padding-end: 24px;--margin-bottom: 0;--margin-end: 0;--margin-start: 0;--margin-top: 0;min-height:40px;min-width:-moz-fit-content;min-width:fit-content;font-weight:400;font-size:14px;text-transform:none;margin:0;opacity:1}@media (hover: hover) and (pointer: fine){ion-segment-button{outline:none;border-radius:999px}ion-segment-button:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}ion-segment-button:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}ion-segment-button:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}@media (hover: hover){ion-segment-button:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-segment-button:active,ion-segment-button.ion-activated{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black);--background-activated: var(--state-layer-background-color);--background-activated-opacity: var(--state-layer-opacity)}ion-segment-button:after{content:\"\";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}@media (hover: hover){ion-segment-button.segment-button-checked:hover{--state-layer-opacity: .24;--state-layer-background-color: var(--kirby-black-contrast);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-segment-button.segment-button-checked:active,ion-segment-button.segment-button-checked.ion-activated{--state-layer-opacity: .36;--state-layer-background-color: var(--kirby-black-contrast);--background-activated: var(--state-layer-background-color);--background-activated-opacity: var(--state-layer-opacity)}ion-segment-button::part(native){opacity:1;border-radius:999px;overflow:hidden}ion-segment-button::part(native):after{transition:all 80ms linear 0ms}ion-segment-button::part(indicator){padding-inline:0}.badge-container{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i2.IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: i2.IonSegmentButton, selector: "ion-segment-button", inputs: ["disabled", "layout", "mode", "type", "value"] }, { kind: "directive", type: i2.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "kirby-icon", inputs: ["size", "name", "customName"] }, { kind: "ngmodule", type: KirbyBadgeModule }, { kind: "component", type: KirbyBadge, selector: "kirby-badge", inputs: ["size", "text", "themeColor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+/** @nocollapse */ SegmentedControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SegmentedControlComponent, isStandalone: true, selector: "kirby-segmented-control", inputs: { mode: "mode", items: "items", selectedIndex: "selectedIndex", value: "value", size: "size", disableChangeOnSwipe: "disableChangeOnSwipe" }, outputs: { selectedIndexChange: "selectedIndexChange", segmentSelect: "segmentSelect" }, host: { attributes: { "role": "group" }, properties: { "class": "this._modeCssClass", "class.sm": "this.isSmallSize" } }, ngImport: i0, template: "<ion-segment\n  [value]=\"value?.id\"\n  [scrollable]=\"disableChangeOnSwipe || mode !== 'default'\"\n  (ionChange)=\"onSegmentSelect($event.detail.value)\"\n  (click)=\"preventOutsideClick($event)\"\n>\n  <ng-container *ngFor=\"let item of items\">\n    <ion-segment-button [value]=\"item.id\">{{ item.text }}</ion-segment-button>\n    <div class=\"badge-container\" *ngIf=\"item.badge\">\n      <kirby-badge\n        role=\"text\"\n        [attr.aria-label]=\"item.badge.description\"\n        [themeColor]=\"item.badge.themeColor\"\n      >\n        <ng-container *ngIf=\"item.badge.icon; else badgeContent\">\n          <kirby-icon\n            *ngIf=\"item.badge.isCustomIcon; else defaultIconName\"\n            [customName]=\"item.badge.icon\"\n          ></kirby-icon>\n          <ng-template #defaultIconName>\n            <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n          </ng-template>\n        </ng-container>\n        <ng-template #badgeContent>\n          {{ item.badge.content }}\n        </ng-template>\n      </kirby-badge>\n    </div>\n  </ng-container>\n</ion-segment>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none;--kirby-badge-elevation: 0 1px 24px 0 rgba(28, 28, 28, .04);--kirby-badge-position: absolute;--kirby-badge-top: -8px;--kirby-badge-right: 8px;--kirby-badge-z-index: 2}:host.sm ion-segment-button{min-height:32px;font-size:12px;--padding-start: 16px;--padding-end: 16px}@media (hover: hover) and (pointer: fine){:host.sm ion-segment-button{outline:none;border-radius:999px}:host.sm ion-segment-button:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host.sm ion-segment-button:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host.sm ion-segment-button:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host.default-mode ion-segment{--background: var(--kirby-inputs-background-color);box-shadow:var(--kirby-inputs-elevation);width:-moz-fit-content;width:fit-content;overflow:visible;contain:none}:host.chip-mode ion-segment{--background: none;border-radius:0;padding:4px;gap:8px}@media (pointer: coarse){:host.chip-mode ion-segment{scrollbar-width:none}:host.chip-mode ion-segment::-webkit-scrollbar{display:none}}:host.chip-mode ion-segment-button{--background: var(--kirby-inputs-background-color);--indicator-transition: none;flex:initial}:host.chip-mode ion-segment-button::part(indicator){padding-inline:0}:host.compact ion-segment{--background: transparent}:host.compact ion-segment-button{--background: transparent;--padding-start: 12px;--padding-end: 12px}ion-segment{border-radius:999px}ion-segment-button{position:relative;--border-radius: 999px;--border-style: none;--background: none;--color: var(--kirby-inputs-color);--indicator-color: var(--kirby-inputs-indicator-background-color);--color-checked: var(--kirby-inputs-indicator-color);--indicator-box-shadow: none;--indicator-transform: none;--padding-start: 24px;--padding-end: 24px;--margin-bottom: 0;--margin-end: 0;--margin-start: 0;--margin-top: 0;min-height:40px;min-width:-moz-fit-content;min-width:fit-content;font-weight:400;font-size:14px;text-transform:none;margin:0}@media (hover: hover) and (pointer: fine){ion-segment-button:focus-within::part(native){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}ion-segment-button:after{content:\"\";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}ion-segment-button::part(native){border-radius:999px;overflow:hidden}ion-segment-button::part(native):after{transition:all 80ms linear 0ms}ion-segment-button::part(indicator){padding-inline:0}.badge-container{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i2.IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: i2.IonSegmentButton, selector: "ion-segment-button", inputs: ["disabled", "layout", "mode", "type", "value"] }, { kind: "directive", type: i2.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "kirby-icon", inputs: ["size", "name", "customName"] }, { kind: "ngmodule", type: KirbyBadgeModule }, { kind: "component", type: KirbyBadge, selector: "kirby-badge", inputs: ["size", "text", "themeColor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SegmentedControlComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [IonicModule, IconModule, KirbyBadgeModule, CommonModule], selector: 'kirby-segmented-control', host: { role: 'group' }, template: "<ion-segment\n  [value]=\"value?.id\"\n  [scrollable]=\"disableChangeOnSwipe || mode !== 'default'\"\n  (ionChange)=\"onSegmentSelect($event.detail.value)\"\n  (click)=\"preventOutsideClick($event)\"\n>\n  <ng-container *ngFor=\"let item of items\">\n    <ion-segment-button [value]=\"item.id\">{{ item.text }}</ion-segment-button>\n    <div class=\"badge-container\" *ngIf=\"item.badge\">\n      <kirby-badge\n        role=\"text\"\n        [attr.aria-label]=\"item.badge.description\"\n        [themeColor]=\"item.badge.themeColor\"\n      >\n        <ng-container *ngIf=\"item.badge.icon; else badgeContent\">\n          <kirby-icon\n            *ngIf=\"item.badge.isCustomIcon; else defaultIconName\"\n            [customName]=\"item.badge.icon\"\n          ></kirby-icon>\n          <ng-template #defaultIconName>\n            <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n          </ng-template>\n        </ng-container>\n        <ng-template #badgeContent>\n          {{ item.badge.content }}\n        </ng-template>\n      </kirby-badge>\n    </div>\n  </ng-container>\n</ion-segment>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none;--kirby-badge-elevation: 0 1px 24px 0 rgba(28, 28, 28, .04);--kirby-badge-position: absolute;--kirby-badge-top: -8px;--kirby-badge-right: 8px;--kirby-badge-z-index: 2}:host.sm ion-segment-button{min-height:32px;font-size:12px;--padding-start: 16px;--padding-end: 16px}@media (hover: hover) and (pointer: fine){:host.sm ion-segment-button{outline:none;border-radius:999px}:host.sm ion-segment-button:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host.sm ion-segment-button:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host.sm ion-segment-button:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host.default-mode ion-segment{--background: var(--kirby-white);width:-moz-fit-content;width:fit-content;overflow:visible;contain:none}:host.chip-mode ion-segment{--background: none;border-radius:0;padding:4px;gap:8px}@media (pointer: coarse){:host.chip-mode ion-segment{scrollbar-width:none}:host.chip-mode ion-segment::-webkit-scrollbar{display:none}}:host.chip-mode ion-segment-button{--background: var(--kirby-white);--indicator-transition: none;flex:initial}:host.chip-mode ion-segment-button::part(indicator){padding-inline:0}:host.compact ion-segment{--background: transparent}:host.compact ion-segment-button{--background: transparent;--padding-start: 12px;--padding-end: 12px}ion-segment{border-radius:999px}ion-segment-button{position:relative;--border-radius: 999px;--border-style: none;--background: none;--color: var(--kirby-white-contrast);--indicator-color: var(--kirby-black);--color-checked: var(--kirby-black-contrast);--color-hover: var(--kirby-black-tint);--indicator-box-shadow: none;--indicator-transform: none;--padding-start: 24px;--padding-end: 24px;--margin-bottom: 0;--margin-end: 0;--margin-start: 0;--margin-top: 0;min-height:40px;min-width:-moz-fit-content;min-width:fit-content;font-weight:400;font-size:14px;text-transform:none;margin:0;opacity:1}@media (hover: hover) and (pointer: fine){ion-segment-button{outline:none;border-radius:999px}ion-segment-button:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}ion-segment-button:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}ion-segment-button:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}@media (hover: hover){ion-segment-button:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-segment-button:active,ion-segment-button.ion-activated{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black);--background-activated: var(--state-layer-background-color);--background-activated-opacity: var(--state-layer-opacity)}ion-segment-button:after{content:\"\";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}@media (hover: hover){ion-segment-button.segment-button-checked:hover{--state-layer-opacity: .24;--state-layer-background-color: var(--kirby-black-contrast);--background-hover: var(--state-layer-background-color);--background-hover-opacity: var(--state-layer-opacity)}}ion-segment-button.segment-button-checked:active,ion-segment-button.segment-button-checked.ion-activated{--state-layer-opacity: .36;--state-layer-background-color: var(--kirby-black-contrast);--background-activated: var(--state-layer-background-color);--background-activated-opacity: var(--state-layer-opacity)}ion-segment-button::part(native){opacity:1;border-radius:999px;overflow:hidden}ion-segment-button::part(native):after{transition:all 80ms linear 0ms}ion-segment-button::part(indicator){padding-inline:0}.badge-container{position:relative}\n"] }]
+            args: [{ standalone: true, imports: [IonicModule, IconModule, KirbyBadgeModule, CommonModule], selector: 'kirby-segmented-control', host: { role: 'group' }, template: "<ion-segment\n  [value]=\"value?.id\"\n  [scrollable]=\"disableChangeOnSwipe || mode !== 'default'\"\n  (ionChange)=\"onSegmentSelect($event.detail.value)\"\n  (click)=\"preventOutsideClick($event)\"\n>\n  <ng-container *ngFor=\"let item of items\">\n    <ion-segment-button [value]=\"item.id\">{{ item.text }}</ion-segment-button>\n    <div class=\"badge-container\" *ngIf=\"item.badge\">\n      <kirby-badge\n        role=\"text\"\n        [attr.aria-label]=\"item.badge.description\"\n        [themeColor]=\"item.badge.themeColor\"\n      >\n        <ng-container *ngIf=\"item.badge.icon; else badgeContent\">\n          <kirby-icon\n            *ngIf=\"item.badge.isCustomIcon; else defaultIconName\"\n            [customName]=\"item.badge.icon\"\n          ></kirby-icon>\n          <ng-template #defaultIconName>\n            <kirby-icon [name]=\"item.badge.icon\"></kirby-icon>\n          </ng-template>\n        </ng-container>\n        <ng-template #badgeContent>\n          {{ item.badge.content }}\n        </ng-template>\n      </kirby-badge>\n    </div>\n  </ng-container>\n</ion-segment>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none;--kirby-badge-elevation: 0 1px 24px 0 rgba(28, 28, 28, .04);--kirby-badge-position: absolute;--kirby-badge-top: -8px;--kirby-badge-right: 8px;--kirby-badge-z-index: 2}:host.sm ion-segment-button{min-height:32px;font-size:12px;--padding-start: 16px;--padding-end: 16px}@media (hover: hover) and (pointer: fine){:host.sm ion-segment-button{outline:none;border-radius:999px}:host.sm ion-segment-button:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host.sm ion-segment-button:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host.sm ion-segment-button:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host.default-mode ion-segment{--background: var(--kirby-inputs-background-color);box-shadow:var(--kirby-inputs-elevation);width:-moz-fit-content;width:fit-content;overflow:visible;contain:none}:host.chip-mode ion-segment{--background: none;border-radius:0;padding:4px;gap:8px}@media (pointer: coarse){:host.chip-mode ion-segment{scrollbar-width:none}:host.chip-mode ion-segment::-webkit-scrollbar{display:none}}:host.chip-mode ion-segment-button{--background: var(--kirby-inputs-background-color);--indicator-transition: none;flex:initial}:host.chip-mode ion-segment-button::part(indicator){padding-inline:0}:host.compact ion-segment{--background: transparent}:host.compact ion-segment-button{--background: transparent;--padding-start: 12px;--padding-end: 12px}ion-segment{border-radius:999px}ion-segment-button{position:relative;--border-radius: 999px;--border-style: none;--background: none;--color: var(--kirby-inputs-color);--indicator-color: var(--kirby-inputs-indicator-background-color);--color-checked: var(--kirby-inputs-indicator-color);--indicator-box-shadow: none;--indicator-transform: none;--padding-start: 24px;--padding-end: 24px;--margin-bottom: 0;--margin-end: 0;--margin-start: 0;--margin-top: 0;min-height:40px;min-width:-moz-fit-content;min-width:fit-content;font-weight:400;font-size:14px;text-transform:none;margin:0}@media (hover: hover) and (pointer: fine){ion-segment-button:focus-within::part(native){transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}ion-segment-button:after{content:\"\";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}ion-segment-button::part(native){border-radius:999px;overflow:hidden}ion-segment-button::part(native):after{transition:all 80ms linear 0ms}ion-segment-button::part(indicator){padding-inline:0}.badge-container{position:relative}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.IconRegistryService }]; }, propDecorators: { mode: [{
                 type: Input
             }], _modeCssClass: [{
@@ -415,59 +294,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 type: Output
             }] } });
 
-class ToastHelper {
-    constructor(toastController) {
-        this.toastController = toastController;
-    }
-    async showToast(config) {
-        const toast = await this.toastController.create({
-            animated: config.animated,
-            message: config.message,
-            position: 'top',
-            duration: config.durationInMs ? config.durationInMs : ToastHelper.DURATION_IN_MS,
-            cssClass: this.getCssClass(config.messageType),
-        });
-        await toast.present();
-        return {
-            dismiss: toast.dismiss.bind(toast),
-            onWillDismiss: toast.onWillDismiss(),
-            onDidDismiss: toast.onDidDismiss(),
-        };
-    }
-    getCssClass(messageType) {
-        let cssClass = ToastHelper.CSS_CLASS;
-        if (messageType) {
-            cssClass += ' ' + messageType;
-        }
-        return cssClass;
-    }
-}
-ToastHelper.CSS_CLASS = 'kirby-toast';
-ToastHelper.DURATION_IN_MS = 4000;
-/** @nocollapse */ ToastHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastHelper, deps: [{ token: i2.ToastController }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ ToastHelper.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastHelper });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastHelper, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i2.ToastController }]; } });
-
-class ToastController {
-    constructor(toastHelper) {
-        this.toastHelper = toastHelper;
-    }
-    showToast(config, onCloseToast) {
-        this.toastHelper.showToast(config).then((overlay) => {
-            if (onCloseToast) {
-                overlay.onDidDismiss.then(() => onCloseToast());
-            }
-        });
-    }
-}
-/** @nocollapse */ ToastController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastController, deps: [{ token: ToastHelper }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ ToastController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastController });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ToastController, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: ToastHelper }]; } });
-
 class PageLocalNavigationComponent {
     constructor(window) {
         this.window = window;
@@ -604,9 +430,10 @@ function customElementsInitializer() {
     };
 }
 
-const exportedDeclarations = [GridComponent, ModalRouterLinkDirective];
+const exportedDeclarations = [ModalRouterLinkDirective];
 const declarations = [...exportedDeclarations, KeyHandlerDirective];
 const standaloneComponents = [
+    GridComponent,
     ItemGroupComponent,
     ModalCompactWrapperComponent,
     TextareaComponent,
@@ -694,7 +521,7 @@ class KirbyModule {
     }
 }
 /** @nocollapse */ KirbyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KirbyModule, deps: [{ token: i1$1.ModalController }, { token: ConfigToken, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ KirbyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: KirbyModule, declarations: [GridComponent, ModalRouterLinkDirective, KeyHandlerDirective], imports: [CommonModule, RouterModule, KirbyIonicModule, KirbyAppModule,
+/** @nocollapse */ KirbyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: KirbyModule, declarations: [ModalRouterLinkDirective, KeyHandlerDirective], imports: [CommonModule, RouterModule, KirbyIonicModule, KirbyAppModule,
         RouterOutletModule,
         PageModule,
         TabsModule,
@@ -712,7 +539,8 @@ class KirbyModule {
         KirbyBadgeModule,
         FormFieldModule,
         SlideModule,
-        AccordionModule, ItemGroupComponent,
+        AccordionModule, GridComponent,
+        ItemGroupComponent,
         ModalCompactWrapperComponent,
         TextareaComponent,
         InputComponent,
@@ -760,7 +588,8 @@ class KirbyModule {
         KirbyBadgeModule,
         FormFieldModule,
         SlideModule,
-        AccordionModule, ItemGroupComponent,
+        AccordionModule, GridComponent,
+        ItemGroupComponent,
         ModalCompactWrapperComponent,
         TextareaComponent,
         InputComponent,
@@ -790,7 +619,7 @@ class KirbyModule {
         CalendarComponent,
         ButtonComponent,
         ComponentLoaderDirective,
-        FlagComponent, GridComponent, ModalRouterLinkDirective] });
+        FlagComponent, ModalRouterLinkDirective] });
 /** @nocollapse */ KirbyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KirbyModule, providers: providers, imports: [CommonModule, RouterModule, KirbyIonicModule, KirbyAppModule,
         RouterOutletModule,
         PageModule,
@@ -809,7 +638,8 @@ class KirbyModule {
         KirbyBadgeModule,
         FormFieldModule,
         SlideModule,
-        AccordionModule, ItemGroupComponent,
+        AccordionModule, GridComponent,
+        ItemGroupComponent,
         ModalCompactWrapperComponent,
         TextareaComponent,
         InputComponent,
@@ -891,5 +721,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { KirbyBadge as BadgeComponent, GridCardConfiguration, GridComponent, KeyHandlerDirective, KirbyBadgeModule, KirbyExperimentalModule, KirbyModule, ModalRouterLinkDirective, PageLocalNavigationComponent, SegmentedControlComponent, SegmentedControlMode, ToastController };
+export { KirbyBadge as BadgeComponent, KeyHandlerDirective, KirbyBadgeModule, KirbyExperimentalModule, KirbyModule, ModalRouterLinkDirective, PageLocalNavigationComponent, SegmentedControlComponent, SegmentedControlMode };
 //# sourceMappingURL=kirbydesign-designsystem.mjs.map