@clr/angular 17.8.1 → 17.10.0

package/modal/modal.d.ts

@@ -1,5 +1,5 @@
 import { AnimationEvent } from '@angular/animations';
-import { ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChange } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChange, TemplateRef } from '@angular/core';
 import { ClrCommonStringsService } from '../utils/i18n/common-strings.service';
 import { ScrollingService } from '../utils/scrolling/scrolling-service';
 import { ClrModalConfigurationService } from './modal-configuration.service';
@@ -23,6 +23,7 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     altClose: EventEmitter<boolean>;
     labelledBy: string;
     bypassScrollService: boolean;
+    protected readonly modalContentTemplate: TemplateRef<any>;
     private readonly bodyElementRef;
     constructor(_scrollingService: ScrollingService, commonStrings: ClrCommonStringsService, modalStackService: ModalStackService, configuration: ClrModalConfigurationService);
     get fadeMove(): string;
@@ -38,5 +39,5 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     fadeDone(e: AnimationEvent): void;
     scrollTop(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrModal, "clr-modal", never, { "_open": "clrModalOpen"; "closable": "clrModalClosable"; "closeButtonAriaLabel": "clrModalCloseButtonAriaLabel"; "size": "clrModalSize"; "staticBackdrop": "clrModalStaticBackdrop"; "skipAnimation": "clrModalSkipAnimation"; "stopClose": "clrModalPreventClose"; "labelledBy": "clrModalLabelledById"; "bypassScrollService": "clrModalOverrideScrollService"; }, { "_openChanged": "clrModalOpenChange"; "altClose": "clrModalAlternateClose"; }, never, [".modal-nav", ".leading-button", ".modal-title", ".modal-body", ".modal-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrModal, "clr-modal", never, { "_open": "clrModalOpen"; "closable": "clrModalClosable"; "closeButtonAriaLabel": "clrModalCloseButtonAriaLabel"; "size": "clrModalSize"; "staticBackdrop": "clrModalStaticBackdrop"; "skipAnimation": "clrModalSkipAnimation"; "stopClose": "clrModalPreventClose"; "labelledBy": "clrModalLabelledById"; "bypassScrollService": "clrModalOverrideScrollService"; }, { "_openChanged": "clrModalOpenChange"; "altClose": "clrModalAlternateClose"; }, ["modalContentTemplate"], [".leading-button", ".modal-title", ".modal-body", ".modal-footer"], false, never>;
 }

package/package.json

@@ -22,7 +22,7 @@
     "@angular/common": "15 || 16 || 17 || 18 || 19",
     "@angular/core": "15 || 16 || 17 || 18 || 19",
     "@cds/core": ">= 6.9.2",
-    "@clr/ui": "17.8.1"
+    "@clr/ui": "17.10.0"
   },
   "module": "fesm2015/clr-angular.mjs",
   "es2020": "fesm2020/clr-angular.mjs",
@@ -47,5 +47,5 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "version": "17.8.1"
+  "version": "17.10.0"
 }

package/utils/animations/constants.d.ts

@@ -1 +1,2 @@
 export declare const defaultAnimationTiming = "0.2s ease-in-out";
+export declare const defaultExpandAnimation: import("@angular/animations").AnimationReferenceMetadata;

package/utils/animations/expandable-animation/base-expandable-animation.d.ts

@@ -0,0 +1,13 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { DomAdapter } from '../../dom-adapter/dom-adapter';
+export declare class BaseExpandableAnimation {
+    protected element: ElementRef<HTMLElement>;
+    protected domAdapter: DomAdapter;
+    protected renderer: Renderer2;
+    startHeight: number;
+    constructor(element: ElementRef<HTMLElement>, domAdapter: DomAdapter, renderer: Renderer2);
+    updateStartHeight(): void;
+    initAnimationEffects(): void;
+    cleanupAnimationEffects(cancelAnimations?: boolean): void;
+    private cancelElementAnimations;
+}

package/utils/animations/expandable-animation/expandable-animation.d.ts

@@ -1,13 +1,10 @@
 import { AnimationEvent } from '@angular/animations';
 import { ElementRef, Renderer2 } from '@angular/core';
 import { DomAdapter } from '../../dom-adapter/dom-adapter';
+import { BaseExpandableAnimation } from './base-expandable-animation';
 import * as i0 from "@angular/core";
-export declare class ClrExpandableAnimation {
-    private element;
-    private domAdapter;
-    private renderer;
+export declare class ClrExpandableAnimation extends BaseExpandableAnimation {
     clrExpandTrigger: boolean;
-    startHeight: number;
     constructor(element: ElementRef<HTMLElement>, domAdapter: DomAdapter, renderer: Renderer2);
     get expandAnimation(): {
         value: boolean;
@@ -17,7 +14,6 @@ export declare class ClrExpandableAnimation {
     };
     animationStart(event: AnimationEvent): void;
     animationDone(event: AnimationEvent): void;
-    updateStartHeight(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrExpandableAnimation, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrExpandableAnimation, "clr-expandable-animation", never, { "clrExpandTrigger": "clrExpandTrigger"; }, {}, never, ["*"], false, never>;
 }

package/utils/animations/expandable-animation/expandable-animation.directive.d.ts

@@ -0,0 +1,16 @@
+import { AnimationBuilder } from '@angular/animations';
+import { ElementRef, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
+import { DomAdapter } from '../../dom-adapter/dom-adapter';
+import { BaseExpandableAnimation } from './base-expandable-animation';
+import * as i0 from "@angular/core";
+export declare class ClrExpandableAnimationDirective extends BaseExpandableAnimation implements OnChanges, OnDestroy {
+    private builder;
+    expanded: boolean;
+    private player;
+    constructor(element: ElementRef<HTMLElement>, domAdapter: DomAdapter, renderer: Renderer2, builder: AnimationBuilder);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    playAnimation(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrExpandableAnimationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrExpandableAnimationDirective, "[clrExpandableAnimation]", never, { "expanded": "clrExpandableAnimation"; }, {}, never, never, false, never>;
+}

package/utils/animations/expandable-animation/expandable-animation.module.d.ts

@@ -1,8 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./expandable-animation";
-import * as i2 from "@angular/common";
+import * as i2 from "./expandable-animation.directive";
+import * as i3 from "@angular/common";
 export declare class ClrExpandableAnimationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrExpandableAnimationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrExpandableAnimationModule, [typeof i1.ClrExpandableAnimation], [typeof i2.CommonModule], [typeof i1.ClrExpandableAnimation]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ClrExpandableAnimationModule, [typeof i1.ClrExpandableAnimation, typeof i2.ClrExpandableAnimationDirective], [typeof i3.CommonModule], [typeof i1.ClrExpandableAnimation, typeof i2.ClrExpandableAnimationDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrExpandableAnimationModule>;
 }

package/utils/animations/expandable-animation/index.d.ts

@@ -1,3 +1,4 @@
 import { Type } from '@angular/core';
 export * from './expandable-animation';
+export * from './base-expandable-animation';
 export declare const EXPANDABLE_ANIMATION_DIRECTIVES: Type<any>[];

package/wizard/wizard.d.ts

@@ -10,7 +10,7 @@ import { ClrWizardTitle } from './wizard-title';
 import * as i0 from "@angular/core";
 export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     private platformId;
-    private commonStrings;
+    commonStrings: ClrCommonStringsService;
     navService: WizardNavigationService;
     pageCollection: PageCollectionService;
     buttonService: ButtonHubService;
@@ -24,6 +24,15 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
      * Set the modal size of the wizard. Set using `[clrWizardSize]` input.
      */
     size: string;
+    /**
+     * Enable "in page" wizard. Set using `[clrWizardInPage]` input.
+     */
+    inPage: boolean;
+    /**
+     * Make an "in page" wizard fill the `.content-area`. Set using `[clrWizardInPageFillContentArea]` input.
+     * If you can't use this option, you will likely need to provide custom CSS to set the wizard's height and margins.
+     */
+    inPageFillContentArea: boolean;
     /**
      * Tells the modal part of the wizard whether it should have a close "X"
      * in the top right corner. Set using `[clrWizardClosable]` input.
@@ -78,6 +87,7 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     _open: boolean;
     wizardId: string;
     protected wizardTitle: ClrWizardTitle;
+    private readonly bodyElementRef;
     private _forceForward;
     private _stopNext;
     private _stopCancel;
@@ -242,5 +252,5 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     private initializeButtons;
     private emitWizardFinished;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizard, "clr-wizard", never, { "stepnavAriaLabel": "clrWizardStepnavAriaLabel"; "size": "clrWizardSize"; "closable": "clrWizardClosable"; "_stopModalAnimations": "clrWizardPreventModalAnimation"; "forceForward": "clrWizardForceForwardNavigation"; "clrWizardOpen": "clrWizardOpen"; "stopNext": "clrWizardPreventDefaultNext"; "stopCancel": "clrWizardPreventDefaultCancel"; "stopNavigation": "clrWizardPreventNavigation"; "disableStepnav": "clrWizardDisableStepnav"; }, { "_openChanged": "clrWizardOpenChange"; "onCancel": "clrWizardOnCancel"; "wizardFinished": "clrWizardOnFinish"; "onReset": "clrWizardOnReset"; "currentPageChanged": "clrWizardCurrentPageChanged"; "onMoveNext": "clrWizardOnNext"; "onMovePrevious": "clrWizardOnPrevious"; }, ["wizardTitle", "pages", "headerActions"], ["clr-wizard-title", "clr-wizard-header-action", "*", "clr-wizard-button"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizard, "clr-wizard", never, { "stepnavAriaLabel": "clrWizardStepnavAriaLabel"; "size": "clrWizardSize"; "inPage": "clrWizardInPage"; "inPageFillContentArea": "clrWizardInPageFillContentArea"; "closable": "clrWizardClosable"; "_stopModalAnimations": "clrWizardPreventModalAnimation"; "forceForward": "clrWizardForceForwardNavigation"; "clrWizardOpen": "clrWizardOpen"; "stopNext": "clrWizardPreventDefaultNext"; "stopCancel": "clrWizardPreventDefaultCancel"; "stopNavigation": "clrWizardPreventNavigation"; "disableStepnav": "clrWizardDisableStepnav"; }, { "_openChanged": "clrWizardOpenChange"; "onCancel": "clrWizardOnCancel"; "wizardFinished": "clrWizardOnFinish"; "onReset": "clrWizardOnReset"; "currentPageChanged": "clrWizardCurrentPageChanged"; "onMoveNext": "clrWizardOnNext"; "onMovePrevious": "clrWizardOnPrevious"; }, ["wizardTitle", "pages", "headerActions"], ["clr-wizard-title", "clr-wizard-header-action", "*", "clr-wizard-button"], false, never>;
 }