@kirbydesign/designsystem 8.7.0 → 8.8.0

package/header/header.component.d.ts

@@ -35,6 +35,7 @@ export declare class HeaderComponent implements AfterContentInit, OnInit {
     valueUnit: string;
     subtitle1: string;
     subtitle2: string;
+    hasInteractiveTitle?: boolean;
     titleClick: EventEmitter<PointerEvent>;
     onTitleClick(event: PointerEvent): void;
     _actionGroupInjector: Injector;
@@ -43,5 +44,5 @@ export declare class HeaderComponent implements AfterContentInit, OnInit {
     ngOnInit(): void;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "kirby-header", never, { "centered": "centered"; "titleMaxLines": "titleMaxLines"; "emphasizeActions": "emphasizeActions"; "title": "title"; "value": "value"; "valueUnit": "valueUnit"; "subtitle1": "subtitle1"; "subtitle2": "subtitle2"; }, { "titleClick": "titleClick"; }, ["avatar", "progressCircle", "flag", "actionsTemplate", "customSectionTemplate", "titleActionIconTemplate"], ["kirby-avatar,kirby-progress-circle", "kirby-flag"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "kirby-header", never, { "centered": "centered"; "titleMaxLines": "titleMaxLines"; "emphasizeActions": "emphasizeActions"; "title": "title"; "value": "value"; "valueUnit": "valueUnit"; "subtitle1": "subtitle1"; "subtitle2": "subtitle2"; "hasInteractiveTitle": "hasInteractiveTitle"; }, { "titleClick": "titleClick"; }, ["avatar", "progressCircle", "flag", "actionsTemplate", "customSectionTemplate", "titleActionIconTemplate"], ["kirby-avatar,kirby-progress-circle", "kirby-flag"], false, never>;
 }

package/menu/menu.component.d.ts

@@ -1,12 +1,14 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, Renderer2 } from '@angular/core';
 import { Placement } from '@floating-ui/dom';
 import { AttentionLevel, ButtonSize } from '@kirbydesign/designsystem/button';
 import { FloatingOffset, PortalOutletConfig, TriggerEvent } from '@kirbydesign/designsystem/shared/floating';
 import * as i0 from "@angular/core";
-export declare class MenuComponent implements AfterViewInit {
+export declare class MenuComponent implements AfterViewInit, OnDestroy {
     private cdf;
     private elementRef;
-    constructor(cdf: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>);
+    private zone;
+    private renderer;
+    constructor(cdf: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, zone: NgZone, renderer: Renderer2);
     isDisabled: boolean;
     buttonSize: ButtonSize;
     placement: Placement;
@@ -18,6 +20,7 @@ export declare class MenuComponent implements AfterViewInit {
     closeOnSelect: boolean;
     closeOnEscapeKey: boolean;
     closeOnBackdrop: boolean;
+    shift: boolean;
     /**
      * The minimum width of the menu. If not set, the default width is 240px
      */
@@ -27,8 +30,9 @@ export declare class MenuComponent implements AfterViewInit {
     userProvidedButton: ElementRef<HTMLElement> | undefined;
     private floatingDirective;
     FloatingOffset: typeof FloatingOffset;
+    private scrollListenerDisposeFn;
     ngAfterViewInit(): void;
-    _onIonScroll(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "kirby-menu", never, { "isDisabled": "isDisabled"; "buttonSize": "buttonSize"; "placement": "placement"; "attentionLevel": "attentionLevel"; "triggers": "triggers"; "DOMPortalOutlet": "DOMPortalOutlet"; "portalOutletConfig": "portalOutletConfig"; "autoPlacement": "autoPlacement"; "closeOnSelect": "closeOnSelect"; "closeOnEscapeKey": "closeOnEscapeKey"; "closeOnBackdrop": "closeOnBackdrop"; "minWidth": "minWidth"; }, {}, ["userProvidedButton"], ["button[kirby-button]", "kirby-item"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "kirby-menu", never, { "isDisabled": "isDisabled"; "buttonSize": "buttonSize"; "placement": "placement"; "attentionLevel": "attentionLevel"; "triggers": "triggers"; "DOMPortalOutlet": "DOMPortalOutlet"; "portalOutletConfig": "portalOutletConfig"; "autoPlacement": "autoPlacement"; "closeOnSelect": "closeOnSelect"; "closeOnEscapeKey": "closeOnEscapeKey"; "closeOnBackdrop": "closeOnBackdrop"; "shift": "shift"; "minWidth": "minWidth"; }, {}, ["userProvidedButton"], ["button[kirby-button]", "kirby-item"], true, never>;
 }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "8.7.0",
+  "version": "8.8.0",
   "dependencies": {
     "@floating-ui/dom": "^1.1.0",
     "@angular/cdk": "^15.0.3",
     "@fontsource/roboto": "4.2.1",
     "@ionic/angular": "6.2.1",
-    "@kirbydesign/core": "0.0.51",
+    "@kirbydesign/core": "0.0.52",
     "inputmask": "5.0.5",
     "tslib": "^2.3.0"
   },

package/page/page.component.d.ts

@@ -100,6 +100,7 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
     hideBackButton: boolean;
     titleMaxLines: number;
     maxWidth: 'default' | 'standard' | 'optimized' | 'full';
+    hasInteractiveTitle: boolean;
     private _tabBarBottomHidden;
     get tabBarBottomHidden(): boolean;
     set tabBarBottomHidden(value: boolean);
@@ -107,6 +108,7 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
     leave: EventEmitter<void>;
     refresh: EventEmitter<PullToRefreshEvent>;
     backButtonClick: EventEmitter<Event>;
+    toolbarTitleClick: EventEmitter<PointerEvent>;
     private content?;
     private ionContentElement;
     ionHeaderElement: ElementRef<HTMLIonHeaderElement>;
@@ -141,8 +143,6 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
     stickyContentTemplate: TemplateRef<PageStickyContentDirective>;
     headerActionsTemplate: TemplateRef<HeaderActionsDirective>;
     titleActionIconTemplate: TemplateRef<HeaderTitleActionIconDirective>;
-    headerTitleClick?: EventEmitter<PointerEvent>;
-    hasInteractiveTitle: boolean;
     private titleIntersectionObserver?;
     private stickyActionsIntersectionObserver?;
     private stickyContentIntersectionObserver?;
@@ -189,6 +189,6 @@ export declare class PageComponent implements OnInit, OnDestroy, AfterViewInit,
     _onKeyboardWillHide(): void;
     _onSelectedTabClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, [null, null, null, null, null, null, null, null, { optional: true; skipSelf: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PageComponent, "kirby-page", never, { "title": "title"; "subtitle": "subtitle"; "toolbarTitle": "toolbarTitle"; "titleAlignment": "titleAlignment"; "defaultBackHref": "defaultBackHref"; "hideBackButton": "hideBackButton"; "titleMaxLines": "titleMaxLines"; "maxWidth": "maxWidth"; "tabBarBottomHidden": "tabBarBottomHidden"; }, { "enter": "enter"; "leave": "leave"; "refresh": "refresh"; "backButtonClick": "backButtonClick"; }, ["customToolbarTitleTemplate", "customTitleTemplate", "customSubtitleTemplate", "stickyContentRef", "header", "customActions", "customContent"], ["kirby-header", "kirby-page-footer", "kirby-page-actions", "kirby-page-content"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageComponent, "kirby-page", never, { "title": "title"; "subtitle": "subtitle"; "toolbarTitle": "toolbarTitle"; "titleAlignment": "titleAlignment"; "defaultBackHref": "defaultBackHref"; "hideBackButton": "hideBackButton"; "titleMaxLines": "titleMaxLines"; "maxWidth": "maxWidth"; "hasInteractiveTitle": "hasInteractiveTitle"; "tabBarBottomHidden": "tabBarBottomHidden"; }, { "enter": "enter"; "leave": "leave"; "refresh": "refresh"; "backButtonClick": "backButtonClick"; "toolbarTitleClick": "toolbarTitleClick"; }, ["customToolbarTitleTemplate", "customTitleTemplate", "customSubtitleTemplate", "stickyContentRef", "header", "customActions", "customContent"], ["kirby-header", "kirby-page-footer", "kirby-page-actions", "kirby-page-content"], false, never>;
 }
 export {};

package/router-outlet/router-outlet.component.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class RouterOutletComponent {
     main: boolean;
+    _animated: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<RouterOutletComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RouterOutletComponent, "kirby-router-outlet", never, { "main": "main"; }, {}, never, never, false, never>;
 }

package/slide/slides.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { Swiper, SwiperOptions } from 'swiper';
 import { PlatformService } from '@kirbydesign/designsystem/helpers';
 import { SlideDirective } from './slide.directive';
@@ -12,9 +12,10 @@ declare type SwiperContainer = HTMLElement & {
     initialize: () => void;
     swiper: Swiper;
 };
-export declare class SlidesComponent implements OnInit, AfterViewInit {
+export declare class SlidesComponent implements OnInit, AfterViewInit, OnChanges {
     private platform;
-    constructor(platform: PlatformService);
+    private cdr;
+    constructor(platform: PlatformService, cdr: ChangeDetectorRef);
     swiperContainer: ElementRef<SwiperContainer>;
     slideTemplate: TemplateRef<SlideDirective>;
     slidesOptions?: KirbySwiperOptions;
@@ -33,6 +34,7 @@ export declare class SlidesComponent implements OnInit, AfterViewInit {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     slideTo(index: number): void;
+    ngOnChanges(changes: SimpleChanges): void;
     private getDefaultConfig;
     private getNoControlsConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlidesComponent, never>;

package/testing-base/lib/components/mock.dropdown.component.d.ts

@@ -15,8 +15,7 @@ export declare class MockDropdownComponent {
     size: 'sm' | 'md';
     tabindex: number;
     usePopover: boolean;
-    _isMoreMenu: boolean;
     change: EventEmitter<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MockDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MockDropdownComponent, "kirby-dropdown", never, { "items": "items"; "selectedIndex": "selectedIndex"; "focusedIndex": "focusedIndex"; "itemTextProperty": "itemTextProperty"; "placeholder": "placeholder"; "popout": "popout"; "attentionLevel": "attentionLevel"; "expand": "expand"; "disabled": "disabled"; "hasError": "hasError"; "size": "size"; "tabindex": "tabindex"; "usePopover": "usePopover"; "_isMoreMenu": "_isMoreMenu"; }, { "change": "change"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MockDropdownComponent, "kirby-dropdown", never, { "items": "items"; "selectedIndex": "selectedIndex"; "focusedIndex": "focusedIndex"; "itemTextProperty": "itemTextProperty"; "placeholder": "placeholder"; "popout": "popout"; "attentionLevel": "attentionLevel"; "expand": "expand"; "disabled": "disabled"; "hasError": "hasError"; "size": "size"; "tabindex": "tabindex"; "usePopover": "usePopover"; }, { "change": "change"; }, never, ["*"], false, never>;
 }

package/types/event-listener-dispose-fn.d.ts

@@ -0,0 +1 @@
+export declare type EventListenerDisposeFn = () => void;

package/types/public_api.d.ts

@@ -1 +1,2 @@
 export * from './window-ref';
+export * from './event-listener-dispose-fn';