@kirbydesign/designsystem 8.11.0 → 9.0.0-ionic.0

package/fesm2015/kirbydesign-designsystem-tabs.mjs

@@ -43,10 +43,10 @@ class TabsComponent {
     }
 }
 /** @nocollapse */ TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabsComponent, deps: [{ token: TabsService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabsComponent, selector: "kirby-tab-bar", host: { properties: { "class.tab-bar-bottom-hidden": "this.tabBarBottomHidden" } }, viewQueries: [{ propertyName: "tabs", first: true, predicate: IonTabs, descendants: true, static: true }], ngImport: i0, template: "<ion-tabs>\n  <ion-tab-bar [class.bottom-hidden]=\"tabBarBottomHidden\">\n    <ng-content></ng-content>\n  </ion-tab-bar>\n</ion-tabs>\n", styles: [":host(:not(.tab-bar-bottom-hidden)){--kirby-page-footer-safe-area-bottom: 0px}ion-tabs ion-tab-bar{--background: rgba(var(--kirby-white-rgb), .94);--border: 1px solid var(--kirby-light);--color: var(--kirby-black);display:flex;max-width:var(--kirby-tab-bar-max-width, none);justify-content:center;height:var(--kirby-tab-bar-height);padding-left:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);padding-right:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);width:100%}ion-tabs ion-tab-bar.bottom-hidden{display:none}@media (min-width: 768px){ion-tabs{--kirby-tab-bar-height: 70px}ion-tabs ion-tab-bar{column-gap:24px}}@media (min-width: 1025px) and (hover: hover) and (pointer: fine){ion-tabs{flex-direction:column-reverse;--kirby-page-footer-safe-area-bottom: initial}ion-tabs ion-tab-bar{margin:0 auto;justify-content:flex-end;column-gap:initial}ion-tabs ion-tab-bar.bottom-hidden{display:flex}}\n"], dependencies: [{ kind: "component", type: i2.IonTabBar, selector: "ion-tab-bar", inputs: ["color", "mode", "selectedTab", "translucent"] }, { kind: "component", type: i2.IonTabs, selector: "ion-tabs", outputs: ["ionTabsWillChange", "ionTabsDidChange"] }] });
+/** @nocollapse */ TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabsComponent, selector: "kirby-tab-bar", host: { properties: { "class.tab-bar-bottom-hidden": "this.tabBarBottomHidden" } }, viewQueries: [{ propertyName: "tabs", first: true, predicate: IonTabs, descendants: true, static: true }], ngImport: i0, template: "<ion-tabs>\n  <ion-tab-bar [class.bottom-hidden]=\"tabBarBottomHidden\">\n    <ng-content></ng-content>\n  </ion-tab-bar>\n</ion-tabs>\n", styles: [":host(:not(.tab-bar-bottom-hidden)){--kirby-page-footer-safe-area-bottom: 0px}ion-tabs ion-tab-bar{--background: rgba(var(--kirby-white-rgb), .94);--border: 1px solid var(--kirby-light);--color: var(--kirby-black);display:flex;max-width:var(--kirby-tab-bar-max-width, none);justify-content:center;height:var(--kirby-tab-bar-height);padding-left:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);padding-right:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);width:100%}ion-tabs ion-tab-bar.bottom-hidden{display:none}@media (min-width: 768px){ion-tabs{--kirby-tab-bar-height: 70px}ion-tabs ion-tab-bar{column-gap:24px}}@media (min-width: 992px) and (hover: hover) and (pointer: fine){ion-tabs{flex-direction:column-reverse;--kirby-page-footer-safe-area-bottom: initial}ion-tabs ion-tab-bar{margin:0 auto;justify-content:flex-end;column-gap:initial}ion-tabs ion-tab-bar.bottom-hidden{display:flex}}\n"], dependencies: [{ kind: "component", type: i2.IonTabBar, selector: "ion-tab-bar", inputs: ["color", "mode", "selectedTab", "translucent"] }, { kind: "component", type: i2.IonTabs, selector: "ion-tabs", outputs: ["ionTabsWillChange", "ionTabsDidChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kirby-tab-bar', template: "<ion-tabs>\n  <ion-tab-bar [class.bottom-hidden]=\"tabBarBottomHidden\">\n    <ng-content></ng-content>\n  </ion-tab-bar>\n</ion-tabs>\n", styles: [":host(:not(.tab-bar-bottom-hidden)){--kirby-page-footer-safe-area-bottom: 0px}ion-tabs ion-tab-bar{--background: rgba(var(--kirby-white-rgb), .94);--border: 1px solid var(--kirby-light);--color: var(--kirby-black);display:flex;max-width:var(--kirby-tab-bar-max-width, none);justify-content:center;height:var(--kirby-tab-bar-height);padding-left:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);padding-right:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);width:100%}ion-tabs ion-tab-bar.bottom-hidden{display:none}@media (min-width: 768px){ion-tabs{--kirby-tab-bar-height: 70px}ion-tabs ion-tab-bar{column-gap:24px}}@media (min-width: 1025px) and (hover: hover) and (pointer: fine){ion-tabs{flex-direction:column-reverse;--kirby-page-footer-safe-area-bottom: initial}ion-tabs ion-tab-bar{margin:0 auto;justify-content:flex-end;column-gap:initial}ion-tabs ion-tab-bar.bottom-hidden{display:flex}}\n"] }]
+            args: [{ selector: 'kirby-tab-bar', template: "<ion-tabs>\n  <ion-tab-bar [class.bottom-hidden]=\"tabBarBottomHidden\">\n    <ng-content></ng-content>\n  </ion-tab-bar>\n</ion-tabs>\n", styles: [":host(:not(.tab-bar-bottom-hidden)){--kirby-page-footer-safe-area-bottom: 0px}ion-tabs ion-tab-bar{--background: rgba(var(--kirby-white-rgb), .94);--border: 1px solid var(--kirby-light);--color: var(--kirby-black);display:flex;max-width:var(--kirby-tab-bar-max-width, none);justify-content:center;height:var(--kirby-tab-bar-height);padding-left:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);padding-right:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);width:100%}ion-tabs ion-tab-bar.bottom-hidden{display:none}@media (min-width: 768px){ion-tabs{--kirby-tab-bar-height: 70px}ion-tabs ion-tab-bar{column-gap:24px}}@media (min-width: 992px) and (hover: hover) and (pointer: fine){ion-tabs{flex-direction:column-reverse;--kirby-page-footer-safe-area-bottom: initial}ion-tabs ion-tab-bar{margin:0 auto;justify-content:flex-end;column-gap:initial}ion-tabs ion-tab-bar.bottom-hidden{display:flex}}\n"] }]
         }], ctorParameters: function () { return [{ type: TabsService }]; }, propDecorators: { tabBarBottomHidden: [{
                 type: HostBinding,
                 args: ['class.tab-bar-bottom-hidden']
@@ -81,10 +81,10 @@ class TabButtonComponent {
     }
 }
 /** @nocollapse */ TabButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ TabButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabButtonComponent, selector: "kirby-tab-button", inputs: { routerLink: "routerLink" }, outputs: { click: "click" }, queries: [{ propertyName: "icons", predicate: IconComponent }], ngImport: i0, template: "<ion-tab-button #ionTabButton [tab]=\"routerLink\" (click)=\"onClick($event, ionTabButton.selected)\">\n  <ng-content\n    *ngIf=\"icons.length === 1 || !ionTabButton.selected\"\n    select=\"kirby-icon:not([selected-tab])\"\n  ></ng-content>\n  <ng-content *ngIf=\"ionTabButton.selected\" select=\"kirby-icon[selected-tab]\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"kirby-badge\"></ng-content>\n</ion-tab-button>\n", styles: ["ion-tab-button{transition:background-color 80ms linear 0ms;height:100%;flex:1 1 0%;max-width:168px;font-weight:500;font-size:12px;line-height:16px;--color: var(--kirby-text-color-semi-dark);--color-selected: var(--kirby-black);--padding-start: 0;--padding-end: 0;--kirby-badge-position: absolute;--kirby-badge-top: .55em;--kirby-badge-left:calc(50% + .4em)}@media (hover: hover) and (pointer: fine){ion-tab-button.ion-focused{--background: whitesmoke;--background-focused-opacity: 0}ion-tab-button.ion-focused:focus-visible{box-shadow:none;--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}}@media (hover: hover){ion-tab-button:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;--background: whitesmoke}}ion-tab-button:active,ion-tab-button.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background: #ebebeb}ion-tab-button ::ng-deep>kirby-badge.md{--kirby-badge-top: .3em;--kirby-badge-left:calc(50% + .2em)}@media (min-width: 768px){ion-tab-button{flex:none;flex-direction:row;font-size:14px;line-height:20px;--padding-start: 24px;--padding-end: 24px;--kirby-badge-position: absolute;--kirby-badge-top:calc(50% - 1.35em);--kirby-badge-left: 1.6em}ion-tab-button ::ng-deep>kirby-badge.md{--kirby-badge-position: relative;--kirby-badge-top: 0;--kirby-badge-left: 0;margin-left:2px;margin-bottom:1px}ion-tab-button ::ng-deep>kirby-icon{--kirby-icon-margin-right: 8px}}@media (min-width: 1025px) and (hover: hover) and (pointer: fine){ion-tab-button{--padding-start: 12px;--padding-end: 12px}}\n"], dependencies: [{ kind: "component", type: i2.IonTabButton, selector: "ion-tab-button", inputs: ["disabled", "download", "href", "layout", "mode", "rel", "selected", "tab", "target"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+/** @nocollapse */ TabButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabButtonComponent, selector: "kirby-tab-button", inputs: { routerLink: "routerLink" }, outputs: { click: "click" }, queries: [{ propertyName: "icons", predicate: IconComponent }], ngImport: i0, template: "<ion-tab-button #ionTabButton [tab]=\"routerLink\" (click)=\"onClick($event, ionTabButton.selected)\">\n  <ng-content\n    *ngIf=\"icons.length === 1 || !ionTabButton.selected\"\n    select=\"kirby-icon:not([selected-tab])\"\n  ></ng-content>\n  <ng-content *ngIf=\"ionTabButton.selected\" select=\"kirby-icon[selected-tab]\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"kirby-badge\"></ng-content>\n</ion-tab-button>\n", styles: ["ion-tab-button{transition:background-color 80ms linear 0ms;height:100%;flex:1 1 0%;max-width:168px;font-weight:500;font-size:12px;line-height:16px;--color: var(--kirby-text-color-semi-dark);--color-selected: var(--kirby-black);--padding-start: 0;--padding-end: 0;--kirby-badge-position: absolute;--kirby-badge-top: .55em;--kirby-badge-left:calc(50% + .4em)}@media (hover: hover) and (pointer: fine){ion-tab-button.ion-focused{--background: whitesmoke;--background-focused-opacity: 0}ion-tab-button.ion-focused:focus-visible{box-shadow:none;--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}}@media (hover: hover){ion-tab-button:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;--background: whitesmoke}}ion-tab-button:active,ion-tab-button.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background: #ebebeb}ion-tab-button ::ng-deep>kirby-badge.md{--kirby-badge-top: .3em;--kirby-badge-left:calc(50% + .2em)}@media (min-width: 768px){ion-tab-button{flex:none;flex-direction:row;font-size:14px;line-height:20px;--padding-start: 24px;--padding-end: 24px;--kirby-badge-position: absolute;--kirby-badge-top:calc(50% - 1.35em);--kirby-badge-left: 1.6em}ion-tab-button ::ng-deep>kirby-badge.md{--kirby-badge-position: relative;--kirby-badge-top: 0;--kirby-badge-left: 0;margin-left:2px;margin-bottom:1px}ion-tab-button ::ng-deep>kirby-icon{--kirby-icon-margin-right: 8px}}@media (min-width: 992px) and (hover: hover) and (pointer: fine){ion-tab-button{--padding-start: 12px;--padding-end: 12px}}\n"], dependencies: [{ kind: "component", type: i2.IonTabButton, selector: "ion-tab-button", inputs: ["disabled", "download", "href", "layout", "mode", "rel", "selected", "tab", "target"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kirby-tab-button', template: "<ion-tab-button #ionTabButton [tab]=\"routerLink\" (click)=\"onClick($event, ionTabButton.selected)\">\n  <ng-content\n    *ngIf=\"icons.length === 1 || !ionTabButton.selected\"\n    select=\"kirby-icon:not([selected-tab])\"\n  ></ng-content>\n  <ng-content *ngIf=\"ionTabButton.selected\" select=\"kirby-icon[selected-tab]\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"kirby-badge\"></ng-content>\n</ion-tab-button>\n", styles: ["ion-tab-button{transition:background-color 80ms linear 0ms;height:100%;flex:1 1 0%;max-width:168px;font-weight:500;font-size:12px;line-height:16px;--color: var(--kirby-text-color-semi-dark);--color-selected: var(--kirby-black);--padding-start: 0;--padding-end: 0;--kirby-badge-position: absolute;--kirby-badge-top: .55em;--kirby-badge-left:calc(50% + .4em)}@media (hover: hover) and (pointer: fine){ion-tab-button.ion-focused{--background: whitesmoke;--background-focused-opacity: 0}ion-tab-button.ion-focused:focus-visible{box-shadow:none;--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}}@media (hover: hover){ion-tab-button:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;--background: whitesmoke}}ion-tab-button:active,ion-tab-button.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background: #ebebeb}ion-tab-button ::ng-deep>kirby-badge.md{--kirby-badge-top: .3em;--kirby-badge-left:calc(50% + .2em)}@media (min-width: 768px){ion-tab-button{flex:none;flex-direction:row;font-size:14px;line-height:20px;--padding-start: 24px;--padding-end: 24px;--kirby-badge-position: absolute;--kirby-badge-top:calc(50% - 1.35em);--kirby-badge-left: 1.6em}ion-tab-button ::ng-deep>kirby-badge.md{--kirby-badge-position: relative;--kirby-badge-top: 0;--kirby-badge-left: 0;margin-left:2px;margin-bottom:1px}ion-tab-button ::ng-deep>kirby-icon{--kirby-icon-margin-right: 8px}}@media (min-width: 1025px) and (hover: hover) and (pointer: fine){ion-tab-button{--padding-start: 12px;--padding-end: 12px}}\n"] }]
+            args: [{ selector: 'kirby-tab-button', template: "<ion-tab-button #ionTabButton [tab]=\"routerLink\" (click)=\"onClick($event, ionTabButton.selected)\">\n  <ng-content\n    *ngIf=\"icons.length === 1 || !ionTabButton.selected\"\n    select=\"kirby-icon:not([selected-tab])\"\n  ></ng-content>\n  <ng-content *ngIf=\"ionTabButton.selected\" select=\"kirby-icon[selected-tab]\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"kirby-badge\"></ng-content>\n</ion-tab-button>\n", styles: ["ion-tab-button{transition:background-color 80ms linear 0ms;height:100%;flex:1 1 0%;max-width:168px;font-weight:500;font-size:12px;line-height:16px;--color: var(--kirby-text-color-semi-dark);--color-selected: var(--kirby-black);--padding-start: 0;--padding-end: 0;--kirby-badge-position: absolute;--kirby-badge-top: .55em;--kirby-badge-left:calc(50% + .4em)}@media (hover: hover) and (pointer: fine){ion-tab-button.ion-focused{--background: whitesmoke;--background-focused-opacity: 0}ion-tab-button.ion-focused:focus-visible{box-shadow:none;--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}}@media (hover: hover){ion-tab-button:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer;--background: whitesmoke}}ion-tab-button:active,ion-tab-button.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black);--background: #ebebeb}ion-tab-button ::ng-deep>kirby-badge.md{--kirby-badge-top: .3em;--kirby-badge-left:calc(50% + .2em)}@media (min-width: 768px){ion-tab-button{flex:none;flex-direction:row;font-size:14px;line-height:20px;--padding-start: 24px;--padding-end: 24px;--kirby-badge-position: absolute;--kirby-badge-top:calc(50% - 1.35em);--kirby-badge-left: 1.6em}ion-tab-button ::ng-deep>kirby-badge.md{--kirby-badge-position: relative;--kirby-badge-top: 0;--kirby-badge-left: 0;margin-left:2px;margin-bottom:1px}ion-tab-button ::ng-deep>kirby-icon{--kirby-icon-margin-right: 8px}}@media (min-width: 992px) and (hover: hover) and (pointer: fine){ion-tab-button{--padding-start: 12px;--padding-end: 12px}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { routerLink: [{
                 type: Input
             }], click: [{
@@ -115,3 +115,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 
 export { TabButtonComponent, TabsComponent, TabsModule, TabsService, selectedTabClickEvent };
 //# sourceMappingURL=kirbydesign-designsystem-tabs.mjs.map
+//# sourceMappingURL=kirbydesign-designsystem-tabs.mjs.map

package/fesm2015/kirbydesign-designsystem-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-tabs.mjs","sources":["../../../../libs/designsystem/tabs/src/tabs.service.ts","../../../../libs/designsystem/tabs/src/tabs.component.ts","../../../../libs/designsystem/tabs/src/tabs.component.html","../../../../libs/designsystem/tabs/src/tab-button/tab-button.events.ts","../../../../libs/designsystem/tabs/src/tab-button/tab-button.component.ts","../../../../libs/designsystem/tabs/src/tab-button/tab-button.component.html","../../../../libs/designsystem/tabs/src/tabs.module.ts","../../../../libs/designsystem/tabs/src/kirbydesign-designsystem-tabs.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { IonRouterOutlet } from '@ionic/angular';\nimport { ReplaySubject } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TabsService {\n  private outletSubject$: ReplaySubject<IonRouterOutlet> = new ReplaySubject(1);\n  public outlet$ = this.outletSubject$.asObservable();\n\n  public setOutlet(outlet: IonRouterOutlet) {\n    this.outletSubject$.next(outlet);\n  }\n\n  public resetOutlet() {\n    this.outletSubject$.next(null);\n  }\n}\n\nexport { IonRouterOutlet };\n","import { AfterViewInit, Component, HostBinding, OnDestroy, ViewChild } from '@angular/core';\nimport { IonTabs } from '@ionic/angular';\n\nimport { TabsService } from './tabs.service';\n\n@Component({\n  selector: 'kirby-tab-bar',\n  templateUrl: './tabs.component.html',\n  styleUrls: ['./tabs.component.scss'],\n})\nexport class TabsComponent implements AfterViewInit, OnDestroy {\n  @HostBinding('class.tab-bar-bottom-hidden')\n  tabBarBottomHidden = false;\n  @ViewChild(IonTabs, { static: true }) tabs: IonTabs;\n\n  constructor(private tabsService: TabsService) {}\n\n  ngAfterViewInit() {\n    this.tabsService.setOutlet(this.tabs.outlet);\n  }\n\n  ngOnDestroy() {\n    this.tabsService.resetOutlet();\n  }\n}\n","<ion-tabs>\n  <ion-tab-bar [class.bottom-hidden]=\"tabBarBottomHidden\">\n    <ng-content></ng-content>\n  </ion-tab-bar>\n</ion-tabs>\n","export const selectedTabClickEvent = 'kirbySelectedTabClick';\n","import {\n  Component,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  QueryList,\n  Renderer2,\n} from '@angular/core';\n\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\nimport { selectedTabClickEvent } from './tab-button.events';\n\n@Component({\n  selector: 'kirby-tab-button',\n  templateUrl: './tab-button.component.html',\n  styleUrls: ['./tab-button.component.scss'],\n})\nexport class TabButtonComponent implements OnInit {\n  @Input() routerLink: string;\n  @Output() click = new EventEmitter<Event>();\n  @ContentChildren(IconComponent) icons: QueryList<IconComponent>;\n\n  constructor(private elementRef: ElementRef, private renderer: Renderer2) {}\n\n  ngOnInit(): void {\n    this.removeWrapper();\n  }\n\n  onClick(event: Event, isSelected: boolean) {\n    this.click.emit(event);\n\n    if (isSelected) {\n      const clickEvent = new CustomEvent(selectedTabClickEvent);\n      dispatchEvent(clickEvent);\n    }\n  }\n\n  private removeWrapper() {\n    const parent = this.elementRef.nativeElement.parentNode;\n    const button = this.elementRef.nativeElement.childNodes[0];\n    this.renderer.removeChild(parent, this.elementRef.nativeElement);\n    this.renderer.appendChild(parent, button);\n  }\n}\n","<ion-tab-button #ionTabButton [tab]=\"routerLink\" (click)=\"onClick($event, ionTabButton.selected)\">\n  <ng-content\n    *ngIf=\"icons.length === 1 || !ionTabButton.selected\"\n    select=\"kirby-icon:not([selected-tab])\"\n  ></ng-content>\n  <ng-content *ngIf=\"ionTabButton.selected\" select=\"kirby-icon[selected-tab]\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"kirby-badge\"></ng-content>\n</ion-tab-button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { KirbyIonicModule } from '@kirbydesign/designsystem/kirby-ionic-module';\n\nimport { TabsComponent } from './tabs.component';\nimport { TabButtonComponent } from './tab-button/tab-button.component';\nimport { TabsService } from './tabs.service';\n\n@NgModule({\n  imports: [KirbyIonicModule, IconModule, CommonModule],\n  providers: [TabsService],\n  declarations: [TabsComponent, TabButtonComponent],\n  exports: [TabsComponent, TabButtonComponent],\n})\nexport class TabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.TabsService","i1","i2"],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-tabs.mjs","sources":["../../../../libs/designsystem/tabs/src/tabs.service.ts","../../../../libs/designsystem/tabs/src/tabs.component.ts","../../../../libs/designsystem/tabs/src/tabs.component.html","../../../../libs/designsystem/tabs/src/tab-button/tab-button.events.ts","../../../../libs/designsystem/tabs/src/tab-button/tab-button.component.ts","../../../../libs/designsystem/tabs/src/tab-button/tab-button.component.html","../../../../libs/designsystem/tabs/src/tabs.module.ts","../../../../libs/designsystem/tabs/src/kirbydesign-designsystem-tabs.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { IonRouterOutlet } from '@ionic/angular';\nimport { ReplaySubject } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TabsService {\n  private outletSubject$: ReplaySubject<IonRouterOutlet> = new ReplaySubject(1);\n  public outlet$ = this.outletSubject$.asObservable();\n\n  public setOutlet(outlet: IonRouterOutlet) {\n    this.outletSubject$.next(outlet);\n  }\n\n  public resetOutlet() {\n    this.outletSubject$.next(null);\n  }\n}\n\nexport { IonRouterOutlet };\n","import { AfterViewInit, Component, HostBinding, OnDestroy, ViewChild } from '@angular/core';\nimport { IonTabs } from '@ionic/angular';\n\nimport { TabsService } from './tabs.service';\n\n@Component({\n  selector: 'kirby-tab-bar',\n  templateUrl: './tabs.component.html',\n  styleUrls: ['./tabs.component.scss'],\n})\nexport class TabsComponent implements AfterViewInit, OnDestroy {\n  @HostBinding('class.tab-bar-bottom-hidden')\n  tabBarBottomHidden = false;\n  @ViewChild(IonTabs, { static: true }) tabs: IonTabs;\n\n  constructor(private tabsService: TabsService) {}\n\n  ngAfterViewInit() {\n    this.tabsService.setOutlet(this.tabs.outlet);\n  }\n\n  ngOnDestroy() {\n    this.tabsService.resetOutlet();\n  }\n}\n","<ion-tabs>\n  <ion-tab-bar [class.bottom-hidden]=\"tabBarBottomHidden\">\n    <ng-content></ng-content>\n  </ion-tab-bar>\n</ion-tabs>\n","export const selectedTabClickEvent = 'kirbySelectedTabClick';\n","import {\n  Component,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  QueryList,\n  Renderer2,\n} from '@angular/core';\n\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\nimport { selectedTabClickEvent } from './tab-button.events';\n\n@Component({\n  selector: 'kirby-tab-button',\n  templateUrl: './tab-button.component.html',\n  styleUrls: ['./tab-button.component.scss'],\n})\nexport class TabButtonComponent implements OnInit {\n  @Input() routerLink: string;\n  @Output() click = new EventEmitter<Event>();\n  @ContentChildren(IconComponent) icons: QueryList<IconComponent>;\n\n  constructor(private elementRef: ElementRef, private renderer: Renderer2) {}\n\n  ngOnInit(): void {\n    this.removeWrapper();\n  }\n\n  onClick(event: Event, isSelected: boolean) {\n    this.click.emit(event);\n\n    if (isSelected) {\n      const clickEvent = new CustomEvent(selectedTabClickEvent);\n      dispatchEvent(clickEvent);\n    }\n  }\n\n  private removeWrapper() {\n    const parent = this.elementRef.nativeElement.parentNode;\n    const button = this.elementRef.nativeElement.childNodes[0];\n    this.renderer.removeChild(parent, this.elementRef.nativeElement);\n    this.renderer.appendChild(parent, button);\n  }\n}\n","<ion-tab-button #ionTabButton [tab]=\"routerLink\" (click)=\"onClick($event, ionTabButton.selected)\">\n  <ng-content\n    *ngIf=\"icons.length === 1 || !ionTabButton.selected\"\n    select=\"kirby-icon:not([selected-tab])\"\n  ></ng-content>\n  <ng-content *ngIf=\"ionTabButton.selected\" select=\"kirby-icon[selected-tab]\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"kirby-badge\"></ng-content>\n</ion-tab-button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { KirbyIonicModule } from '@kirbydesign/designsystem/kirby-ionic-module';\n\nimport { TabsComponent } from './tabs.component';\nimport { TabButtonComponent } from './tab-button/tab-button.component';\nimport { TabsService } from './tabs.service';\n\n@NgModule({\n  imports: [KirbyIonicModule, IconModule, CommonModule],\n  providers: [TabsService],\n  declarations: [TabsComponent, TabButtonComponent],\n  exports: [TabsComponent, TabButtonComponent],\n})\nexport class TabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.TabsService","i1","i2"],"mappings":"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"}

package/fesm2015/kirbydesign-designsystem-testing-base.mjs

@@ -1,8 +1,7 @@
 import * as i0 from '@angular/core';
 import { forwardRef, Component, Input, EventEmitter, Output, Directive, NgModule } from '@angular/core';
-import { AccordionItemComponent, ChartComponent, StockChartComponent, CheckboxComponent, TableRowComponent, DividerComponent, FabSheetComponent, FlagComponent, FormFieldMessageComponent, FormFieldComponent, InputComponent, InputCounterComponent, TextareaComponent, GridComponent, IconComponent, ItemGroupComponent, ItemSlidingComponent, AppComponent, ListExperimentalComponent, ListHeaderComponent, ListItemComponent, ListSectionHeaderComponent, ListComponent, LoadingOverlayComponent, PopoverComponent, ProgressCircleRingComponent, ProgressCircleComponent, RadioGroupComponent, RadioComponent, RangeComponent, ReorderListComponent, RouterOutletComponent, SpinnerComponent, PageLocalNavigationComponent, SegmentedControlComponent, BadgeComponent, TabsComponent, KeyHandlerDirective, ModalRouterLinkDirective } from '@kirbydesign/designsystem';
+import { AccordionItemComponent, ChartComponent, StockChartComponent, CheckboxComponent, TableRowComponent, DividerComponent, FabSheetComponent, FlagComponent, FormFieldMessageComponent, FormFieldComponent, InputComponent, InputCounterComponent, TextareaComponent, IconComponent, ItemGroupComponent, ItemSlidingComponent, AppComponent, ListExperimentalComponent, ListHeaderComponent, ListItemComponent, ListSectionHeaderComponent, ListComponent, LoadingOverlayComponent, PopoverComponent, ProgressCircleRingComponent, ProgressCircleComponent, RadioGroupComponent, RadioComponent, RangeComponent, ReorderListComponent, RouterOutletComponent, SpinnerComponent, PageLocalNavigationComponent, SegmentedControlComponent, BadgeComponent, TabsComponent, KeyHandlerDirective, ModalRouterLinkDirective } from '@kirbydesign/designsystem';
 import { ActionGroupComponent } from '@kirbydesign/designsystem/action-group';
-import { AlertExperimentalComponent } from '@kirbydesign/designsystem/alert-experimental';
 import { AvatarComponent } from '@kirbydesign/designsystem/avatar';
 import { ButtonComponent } from '@kirbydesign/designsystem/button';
 import { CalendarComponent } from '@kirbydesign/designsystem/calendar';
@@ -93,44 +92,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 type: Input
             }] } });
 
-// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
-class MockAlertExperimentalComponent {
-}
-/** @nocollapse */ MockAlertExperimentalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MockAlertExperimentalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ MockAlertExperimentalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: MockAlertExperimentalComponent, selector: "kirby-alert-experimental", inputs: { title: "title", message: "message", iconName: "iconName", iconThemeColor: "iconThemeColor", okButton: "okButton", okButtonIsDestructive: "okButtonIsDestructive", cancelButton: "cancelButton" }, providers: [
-        {
-            provide: AlertExperimentalComponent,
-            useExisting: forwardRef((() => MockAlertExperimentalComponent)),
-        },
-    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MockAlertExperimentalComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kirby-alert-experimental',
-                    template: '<ng-content></ng-content>',
-                    providers: [
-                        {
-                            provide: AlertExperimentalComponent,
-                            useExisting: forwardRef((() => MockAlertExperimentalComponent)),
-                        },
-                    ],
-                }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], message: [{
-                type: Input
-            }], iconName: [{
-                type: Input
-            }], iconThemeColor: [{
-                type: Input
-            }], okButton: [{
-                type: Input
-            }], okButtonIsDestructive: [{
-                type: Input
-            }], cancelButton: [{
-                type: Input
-            }] } });
-
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockAvatarComponent {
 }
@@ -896,34 +857,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 type: Input
             }] } });
 
-// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
-class MockGridComponent {
-}
-/** @nocollapse */ MockGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MockGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ MockGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: MockGridComponent, selector: "kirby-grid", inputs: { maxColumns: "maxColumns", cardConfigurations: "cardConfigurations" }, providers: [
-        {
-            provide: GridComponent,
-            useExisting: forwardRef((() => MockGridComponent)),
-        },
-    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MockGridComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kirby-grid',
-                    template: '<ng-content></ng-content>',
-                    providers: [
-                        {
-                            provide: GridComponent,
-                            useExisting: forwardRef((() => MockGridComponent)),
-                        },
-                    ],
-                }]
-        }], propDecorators: { maxColumns: [{
-                type: Input
-            }], cardConfigurations: [{
-                type: Input
-            }] } });
-
 // #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
 class MockHeaderActionsDirective {
 }
@@ -3290,7 +3223,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 const MOCK_COMPONENTS = [
     MockAccordionItemComponent,
     MockActionGroupComponent,
-    MockAlertExperimentalComponent,
     MockAvatarComponent,
     MockButtonComponent,
     MockCalendarComponent,
@@ -3313,7 +3245,6 @@ const MOCK_COMPONENTS = [
     MockInputComponent,
     MockInputCounterComponent,
     MockTextareaComponent,
-    MockGridComponent,
     MockHeaderActionsDirective,
     MockHeaderCustomSectionDirective,
     MockHeaderComponent,
@@ -3400,7 +3331,7 @@ const MOCK_DIRECTIVES = [
 class KirbyTestingBaseModule {
 }
 /** @nocollapse */ KirbyTestingBaseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KirbyTestingBaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ KirbyTestingBaseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: KirbyTestingBaseModule, declarations: [MockAccordionItemComponent, MockActionGroupComponent, MockAlertExperimentalComponent, MockAvatarComponent, MockButtonComponent, MockCalendarComponent, MockCardFooterComponent, MockCardHeaderComponent, MockCardComponent, MockChartComponent, MockBaseChartComponent, MockStockChartComponent, MockCheckboxComponent, MockTableComponent, MockTableRowComponent, MockDividerComponent, MockDropdownComponent, MockEmptyStateComponent, MockFabSheetComponent, MockFlagComponent, MockFormFieldMessageComponent, MockFormFieldComponent, MockInputComponent, MockInputCounterComponent, MockTextareaComponent, MockGridComponent, MockHeaderActionsDirective, MockHeaderCustomSectionDirective, MockHeaderComponent, MockIconComponent, MockItemComponent, MockLabelComponent, MockItemGroupComponent, MockItemSlidingComponent, MockAppComponent, MockListExperimentalComponent, MockListHeaderComponent, MockListItemComponent, MockListSectionHeaderComponent, MockListComponent, MockLoadingOverlayComponent, MockMenuComponent, MockActionSheetComponent, MockAlertComponent, MockModalFooterComponent, MockModalCompactWrapperComponent, MockModalWrapperComponent, MockModalV2FooterComponent, MockModalV2Component, MockModalV2RoutingComponent, MockModalV2WrapperComponent, MockPageFooterComponent, MockPageTitleDirective, MockPageSubtitleDirective, MockPageToolbarTitleDirective, MockPageActionsDirective, MockPageContentDirective, MockPageStickyContentDirective, MockPageProgressComponent, MockPageTitleComponent, MockPageContentComponent, MockPageActionsComponent, MockPageComponent, MockPopoverComponent, MockProgressCircleRingComponent, MockProgressCircleComponent, MockRadioGroupComponent, MockRadioComponent, MockRangeComponent, MockReorderListComponent, MockRouterOutletComponent, MockSectionHeaderComponent, MockSlidesComponent, MockSlideButtonComponent, MockSpinnerComponent, MockPageLocalNavigationComponent, MockSegmentedControlComponent, MockBadgeComponent, MockTabNavigationComponent, MockTabNavigationItemComponent, MockTabButtonComponent, MockTabsComponent, MockToggleComponent, MockToggleButtonComponent, MockAccordionDirective, MockCardAsButtonDirective, MockAffixDirective, MockDateInputDirective, MockDecimalMaskDirective, MockInfiniteScrollDirective, MockListItemColorDirective, MockListItemTemplateDirective, MockListHeaderDirective, MockListSectionHeaderDirective, MockListFooterDirective, MockFloatingDirective, MockPortalDirective, MockComponentLoaderDirective, MockFitHeadingDirective, MockThemeColorDirective, MockSlideDirective, MockKeyHandlerDirective, MockModalRouterLinkDirective], exports: [MockAccordionItemComponent, MockActionGroupComponent, MockAlertExperimentalComponent, MockAvatarComponent, MockButtonComponent, MockCalendarComponent, MockCardFooterComponent, MockCardHeaderComponent, MockCardComponent, MockChartComponent, MockBaseChartComponent, MockStockChartComponent, MockCheckboxComponent, MockTableComponent, MockTableRowComponent, MockDividerComponent, MockDropdownComponent, MockEmptyStateComponent, MockFabSheetComponent, MockFlagComponent, MockFormFieldMessageComponent, MockFormFieldComponent, MockInputComponent, MockInputCounterComponent, MockTextareaComponent, MockGridComponent, MockHeaderActionsDirective, MockHeaderCustomSectionDirective, MockHeaderComponent, MockIconComponent, MockItemComponent, MockLabelComponent, MockItemGroupComponent, MockItemSlidingComponent, MockAppComponent, MockListExperimentalComponent, MockListHeaderComponent, MockListItemComponent, MockListSectionHeaderComponent, MockListComponent, MockLoadingOverlayComponent, MockMenuComponent, MockActionSheetComponent, MockAlertComponent, MockModalFooterComponent, MockModalCompactWrapperComponent, MockModalWrapperComponent, MockModalV2FooterComponent, MockModalV2Component, MockModalV2RoutingComponent, MockModalV2WrapperComponent, MockPageFooterComponent, MockPageTitleDirective, MockPageSubtitleDirective, MockPageToolbarTitleDirective, MockPageActionsDirective, MockPageContentDirective, MockPageStickyContentDirective, MockPageProgressComponent, MockPageTitleComponent, MockPageContentComponent, MockPageActionsComponent, MockPageComponent, MockPopoverComponent, MockProgressCircleRingComponent, MockProgressCircleComponent, MockRadioGroupComponent, MockRadioComponent, MockRangeComponent, MockReorderListComponent, MockRouterOutletComponent, MockSectionHeaderComponent, MockSlidesComponent, MockSlideButtonComponent, MockSpinnerComponent, MockPageLocalNavigationComponent, MockSegmentedControlComponent, MockBadgeComponent, MockTabNavigationComponent, MockTabNavigationItemComponent, MockTabButtonComponent, MockTabsComponent, MockToggleComponent, MockToggleButtonComponent, MockAccordionDirective, MockCardAsButtonDirective, MockAffixDirective, MockDateInputDirective, MockDecimalMaskDirective, MockInfiniteScrollDirective, MockListItemColorDirective, MockListItemTemplateDirective, MockListHeaderDirective, MockListSectionHeaderDirective, MockListFooterDirective, MockFloatingDirective, MockPortalDirective, MockComponentLoaderDirective, MockFitHeadingDirective, MockThemeColorDirective, MockSlideDirective, MockKeyHandlerDirective, MockModalRouterLinkDirective] });
+/** @nocollapse */ KirbyTestingBaseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: KirbyTestingBaseModule, declarations: [MockAccordionItemComponent, MockActionGroupComponent, MockAvatarComponent, MockButtonComponent, MockCalendarComponent, MockCardFooterComponent, MockCardHeaderComponent, MockCardComponent, MockChartComponent, MockBaseChartComponent, MockStockChartComponent, MockCheckboxComponent, MockTableComponent, MockTableRowComponent, MockDividerComponent, MockDropdownComponent, MockEmptyStateComponent, MockFabSheetComponent, MockFlagComponent, MockFormFieldMessageComponent, MockFormFieldComponent, MockInputComponent, MockInputCounterComponent, MockTextareaComponent, MockHeaderActionsDirective, MockHeaderCustomSectionDirective, MockHeaderComponent, MockIconComponent, MockItemComponent, MockLabelComponent, MockItemGroupComponent, MockItemSlidingComponent, MockAppComponent, MockListExperimentalComponent, MockListHeaderComponent, MockListItemComponent, MockListSectionHeaderComponent, MockListComponent, MockLoadingOverlayComponent, MockMenuComponent, MockActionSheetComponent, MockAlertComponent, MockModalFooterComponent, MockModalCompactWrapperComponent, MockModalWrapperComponent, MockModalV2FooterComponent, MockModalV2Component, MockModalV2RoutingComponent, MockModalV2WrapperComponent, MockPageFooterComponent, MockPageTitleDirective, MockPageSubtitleDirective, MockPageToolbarTitleDirective, MockPageActionsDirective, MockPageContentDirective, MockPageStickyContentDirective, MockPageProgressComponent, MockPageTitleComponent, MockPageContentComponent, MockPageActionsComponent, MockPageComponent, MockPopoverComponent, MockProgressCircleRingComponent, MockProgressCircleComponent, MockRadioGroupComponent, MockRadioComponent, MockRangeComponent, MockReorderListComponent, MockRouterOutletComponent, MockSectionHeaderComponent, MockSlidesComponent, MockSlideButtonComponent, MockSpinnerComponent, MockPageLocalNavigationComponent, MockSegmentedControlComponent, MockBadgeComponent, MockTabNavigationComponent, MockTabNavigationItemComponent, MockTabButtonComponent, MockTabsComponent, MockToggleComponent, MockToggleButtonComponent, MockAccordionDirective, MockCardAsButtonDirective, MockAffixDirective, MockDateInputDirective, MockDecimalMaskDirective, MockInfiniteScrollDirective, MockListItemColorDirective, MockListItemTemplateDirective, MockListHeaderDirective, MockListSectionHeaderDirective, MockListFooterDirective, MockFloatingDirective, MockPortalDirective, MockComponentLoaderDirective, MockFitHeadingDirective, MockThemeColorDirective, MockSlideDirective, MockKeyHandlerDirective, MockModalRouterLinkDirective], exports: [MockAccordionItemComponent, MockActionGroupComponent, MockAvatarComponent, MockButtonComponent, MockCalendarComponent, MockCardFooterComponent, MockCardHeaderComponent, MockCardComponent, MockChartComponent, MockBaseChartComponent, MockStockChartComponent, MockCheckboxComponent, MockTableComponent, MockTableRowComponent, MockDividerComponent, MockDropdownComponent, MockEmptyStateComponent, MockFabSheetComponent, MockFlagComponent, MockFormFieldMessageComponent, MockFormFieldComponent, MockInputComponent, MockInputCounterComponent, MockTextareaComponent, MockHeaderActionsDirective, MockHeaderCustomSectionDirective, MockHeaderComponent, MockIconComponent, MockItemComponent, MockLabelComponent, MockItemGroupComponent, MockItemSlidingComponent, MockAppComponent, MockListExperimentalComponent, MockListHeaderComponent, MockListItemComponent, MockListSectionHeaderComponent, MockListComponent, MockLoadingOverlayComponent, MockMenuComponent, MockActionSheetComponent, MockAlertComponent, MockModalFooterComponent, MockModalCompactWrapperComponent, MockModalWrapperComponent, MockModalV2FooterComponent, MockModalV2Component, MockModalV2RoutingComponent, MockModalV2WrapperComponent, MockPageFooterComponent, MockPageTitleDirective, MockPageSubtitleDirective, MockPageToolbarTitleDirective, MockPageActionsDirective, MockPageContentDirective, MockPageStickyContentDirective, MockPageProgressComponent, MockPageTitleComponent, MockPageContentComponent, MockPageActionsComponent, MockPageComponent, MockPopoverComponent, MockProgressCircleRingComponent, MockProgressCircleComponent, MockRadioGroupComponent, MockRadioComponent, MockRangeComponent, MockReorderListComponent, MockRouterOutletComponent, MockSectionHeaderComponent, MockSlidesComponent, MockSlideButtonComponent, MockSpinnerComponent, MockPageLocalNavigationComponent, MockSegmentedControlComponent, MockBadgeComponent, MockTabNavigationComponent, MockTabNavigationItemComponent, MockTabButtonComponent, MockTabsComponent, MockToggleComponent, MockToggleButtonComponent, MockAccordionDirective, MockCardAsButtonDirective, MockAffixDirective, MockDateInputDirective, MockDecimalMaskDirective, MockInfiniteScrollDirective, MockListItemColorDirective, MockListItemTemplateDirective, MockListHeaderDirective, MockListSectionHeaderDirective, MockListFooterDirective, MockFloatingDirective, MockPortalDirective, MockComponentLoaderDirective, MockFitHeadingDirective, MockThemeColorDirective, MockSlideDirective, MockKeyHandlerDirective, MockModalRouterLinkDirective] });
 /** @nocollapse */ KirbyTestingBaseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KirbyTestingBaseModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KirbyTestingBaseModule, decorators: [{
             type: NgModule,
@@ -3414,5 +3345,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { KirbyTestingBaseModule, MockAccordionDirective, MockAccordionItemComponent, MockActionGroupComponent, MockActionSheetComponent, MockAffixDirective, MockAlertComponent, MockAlertExperimentalComponent, MockAppComponent, MockAvatarComponent, MockBadgeComponent, MockBaseChartComponent, MockButtonComponent, MockCalendarComponent, MockCardAsButtonDirective, MockCardComponent, MockCardFooterComponent, MockCardHeaderComponent, MockChartComponent, MockCheckboxComponent, MockComponentLoaderDirective, MockDateInputDirective, MockDecimalMaskDirective, MockDividerComponent, MockDropdownComponent, MockEmptyStateComponent, MockFabSheetComponent, MockFitHeadingDirective, MockFlagComponent, MockFloatingDirective, MockFormFieldComponent, MockFormFieldMessageComponent, MockGridComponent, MockHeaderActionsDirective, MockHeaderComponent, MockHeaderCustomSectionDirective, MockIconComponent, MockInfiniteScrollDirective, MockInputComponent, MockInputCounterComponent, MockItemComponent, MockItemGroupComponent, MockItemSlidingComponent, MockKeyHandlerDirective, MockLabelComponent, MockListComponent, MockListExperimentalComponent, MockListFooterDirective, MockListHeaderComponent, MockListHeaderDirective, MockListItemColorDirective, MockListItemComponent, MockListItemTemplateDirective, MockListSectionHeaderComponent, MockListSectionHeaderDirective, MockLoadingOverlayComponent, MockMenuComponent, MockModalCompactWrapperComponent, MockModalFooterComponent, MockModalRouterLinkDirective, MockModalV2Component, MockModalV2FooterComponent, MockModalV2RoutingComponent, MockModalV2WrapperComponent, MockModalWrapperComponent, MockPageActionsComponent, MockPageActionsDirective, MockPageComponent, MockPageContentComponent, MockPageContentDirective, MockPageFooterComponent, MockPageLocalNavigationComponent, MockPageProgressComponent, MockPageStickyContentDirective, MockPageSubtitleDirective, MockPageTitleComponent, MockPageTitleDirective, MockPageToolbarTitleDirective, MockPopoverComponent, MockPortalDirective, MockProgressCircleComponent, MockProgressCircleRingComponent, MockRadioComponent, MockRadioGroupComponent, MockRangeComponent, MockReorderListComponent, MockRouterOutletComponent, MockSectionHeaderComponent, MockSegmentedControlComponent, MockSlideButtonComponent, MockSlideDirective, MockSlidesComponent, MockSpinnerComponent, MockStockChartComponent, MockTabButtonComponent, MockTabNavigationComponent, MockTabNavigationItemComponent, MockTableComponent, MockTableRowComponent, MockTabsComponent, MockTextareaComponent, MockThemeColorDirective, MockToggleButtonComponent, MockToggleComponent };
+export { KirbyTestingBaseModule, MockAccordionDirective, MockAccordionItemComponent, MockActionGroupComponent, MockActionSheetComponent, MockAffixDirective, MockAlertComponent, MockAppComponent, MockAvatarComponent, MockBadgeComponent, MockBaseChartComponent, MockButtonComponent, MockCalendarComponent, MockCardAsButtonDirective, MockCardComponent, MockCardFooterComponent, MockCardHeaderComponent, MockChartComponent, MockCheckboxComponent, MockComponentLoaderDirective, MockDateInputDirective, MockDecimalMaskDirective, MockDividerComponent, MockDropdownComponent, MockEmptyStateComponent, MockFabSheetComponent, MockFitHeadingDirective, MockFlagComponent, MockFloatingDirective, MockFormFieldComponent, MockFormFieldMessageComponent, MockHeaderActionsDirective, MockHeaderComponent, MockHeaderCustomSectionDirective, MockIconComponent, MockInfiniteScrollDirective, MockInputComponent, MockInputCounterComponent, MockItemComponent, MockItemGroupComponent, MockItemSlidingComponent, MockKeyHandlerDirective, MockLabelComponent, MockListComponent, MockListExperimentalComponent, MockListFooterDirective, MockListHeaderComponent, MockListHeaderDirective, MockListItemColorDirective, MockListItemComponent, MockListItemTemplateDirective, MockListSectionHeaderComponent, MockListSectionHeaderDirective, MockLoadingOverlayComponent, MockMenuComponent, MockModalCompactWrapperComponent, MockModalFooterComponent, MockModalRouterLinkDirective, MockModalV2Component, MockModalV2FooterComponent, MockModalV2RoutingComponent, MockModalV2WrapperComponent, MockModalWrapperComponent, MockPageActionsComponent, MockPageActionsDirective, MockPageComponent, MockPageContentComponent, MockPageContentDirective, MockPageFooterComponent, MockPageLocalNavigationComponent, MockPageProgressComponent, MockPageStickyContentDirective, MockPageSubtitleDirective, MockPageTitleComponent, MockPageTitleDirective, MockPageToolbarTitleDirective, MockPopoverComponent, MockPortalDirective, MockProgressCircleComponent, MockProgressCircleRingComponent, MockRadioComponent, MockRadioGroupComponent, MockRangeComponent, MockReorderListComponent, MockRouterOutletComponent, MockSectionHeaderComponent, MockSegmentedControlComponent, MockSlideButtonComponent, MockSlideDirective, MockSlidesComponent, MockSpinnerComponent, MockStockChartComponent, MockTabButtonComponent, MockTabNavigationComponent, MockTabNavigationItemComponent, MockTableComponent, MockTableRowComponent, MockTabsComponent, MockTextareaComponent, MockThemeColorDirective, MockToggleButtonComponent, MockToggleComponent };
+//# sourceMappingURL=kirbydesign-designsystem-testing-base.mjs.map
 //# sourceMappingURL=kirbydesign-designsystem-testing-base.mjs.map