@kirbydesign/designsystem 9.0.0 → 9.1.0

package/modal/modal/footer/modal-footer.component.d.ts

@@ -4,7 +4,9 @@ import * as i0 from "@angular/core";
 export declare class ModalFooterComponent extends ModalElementComponent {
     snapToKeyboard: boolean;
     type: 'inline' | 'fixed';
+    themeColor: 'white' | 'light';
+    get _cssClass(): ("fixed" | "inline" | "light" | "white")[];
     constructor(elementRef: ElementRef<HTMLElement>, modalElementsAdvertiser: ModalElementsAdvertiser);
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalFooterComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalFooterComponent, "kirby-modal-footer", never, { "snapToKeyboard": { "alias": "snapToKeyboard"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalFooterComponent, "kirby-modal-footer", never, { "snapToKeyboard": { "alias": "snapToKeyboard"; "required": false; }; "type": { "alias": "type"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/modal/modal-wrapper/modal-wrapper.component.d.ts

@@ -51,8 +51,8 @@ export declare class ModalWrapperComponent implements Modal, AfterViewInit, OnIn
     private _mutationObserver;
     private _intersectionObserver;
     private get intersectionObserver();
+    scrollEventsEnabled: boolean;
     isContentScrolled: boolean;
-    private contentScrolled$;
     private destroy$;
     get _isDrawer(): boolean;
     willClose$: Observable<void>;
@@ -75,7 +75,7 @@ export declare class ModalWrapperComponent implements Modal, AfterViewInit, OnIn
     private observeHeaderResize;
     private listenForIonModalDidPresent;
     private listenForIonModalWillDismiss;
-    private initializeContentScrollListening;
+    private listenForScroll;
     scrollToTop(scrollDuration?: KirbyAnimation.Duration): void;
     scrollToBottom(scrollDuration?: KirbyAnimation.Duration): void;
     close(data?: any): Promise<void>;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@kirbydesign/designsystem",
-  "version": "9.0.0",
+  "version": "9.1.0",
   "dependencies": {
     "@floating-ui/dom": "^1.1.0",
     "@angular/cdk": "^16.0.0",
     "@fontsource/roboto": "4.2.1",
     "@ionic/angular": "7.3.3",
-    "@kirbydesign/core": "0.0.53",
+    "@kirbydesign/core": "0.0.54",
     "inputmask": "5.0.5",
     "tslib": "^2.3.0"
   },
@@ -19,8 +19,8 @@
     "chartjs-adapter-date-fns": ">=2.0.0",
     "chartjs-plugin-annotation": ">=1.0.2",
     "chartjs-plugin-datalabels": ">=2.0.0",
-    "date-fns": ">=2.21.1",
-    "date-fns-tz": ">=1.1.4",
+    "date-fns": "^2.30.0",
+    "date-fns-tz": "^1.3.8",
     "rxjs": ">=7.0.0",
     "swiper": "^9.2.0",
     "zone.js": ">=0.10.2"

package/shared/floating/floating.directive.d.ts

@@ -1,6 +1,5 @@
 import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { Strategy } from '@floating-ui/dom';
-import { Placement } from '@floating-ui/core/src/types';
+import { Placement, Strategy } from '@floating-ui/dom';
 import { PortalDirective } from '@kirbydesign/designsystem/shared/portal';
 import * as i0 from "@angular/core";
 import * as i1 from "@kirbydesign/designsystem/shared/portal";

package/toggle/toggle.component.d.ts

@@ -1,13 +1,49 @@
-import { EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class ToggleComponent {
+export declare class ToggleComponent implements ControlValueAccessor {
+    private cdr;
+    constructor(cdr: ChangeDetectorRef);
     checked: boolean;
     disabled: boolean;
+    get _isDisabled(): string;
     checkedChange: EventEmitter<boolean>;
     _pressed: boolean;
     onCheckedChange(checked: boolean): void;
     _onActive(): void;
     _onInactive(): void;
+    private _onChange;
+    private _onTouched;
+    /**
+     * Sets the toggle's value. Part of the ControlValueAccessor interface
+     * required to integrate with Angular's core forms API.
+     *
+     * @param value New value to be written to the model.
+     */
+    writeValue(value: boolean): void;
+    /**
+     * Saves a callback function to be invoked when the toggle's value
+     * changes from user input. Part of the ControlValueAccessor interface
+     * required to integrate with Angular's core forms API.
+     *
+     * @param fn Callback to be triggered when the value changes.
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Saves a callback function to be invoked when the toggle is blurred
+     * by the user. Part of the ControlValueAccessor interface required
+     * to integrate with Angular's core forms API.
+     *
+     * @param fn Callback to be triggered when the component has been touched.
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Disables the toggle. Part of the ControlValueAccessor interface required
+     * to integrate with Angular's core forms API.
+     *
+     * @param isDisabled Sets whether the component is disabled.
+     */
+    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "kirby-toggle", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
 }