@clr/angular 16.2.0 → 17.0.0-beta.1

package/forms/common/abstract-container.d.ts

@@ -27,12 +27,10 @@ export declare abstract class ClrAbstractContainer implements DynamicWrapper, On
     constructor(ifControlStateService: IfControlStateService, layoutService: LayoutService, controlClassService: ControlClassService, ngControlService: NgControlService);
     /**
      * @NOTE
-     * Helper control is a bit different than the others, it must be visible most of the time:
-     *   - Helper must NOT be visible when CONTROL_STATE is not NONE and Success or Error components are \
-     * defined.
-     *
-     * For example user implement only Error control then if CONTROL_STATE is VALID then helper
-     * control must be visible.
+     * Helper control is a bit different than the others, it must be always visible:
+     *   -  Labels and instructions must always accompany forms and are persistent.
+     *   -  The recommendation here is to always have helper text or anything instructions visible.
+     *   -  The expectation is to have error text + helper text in the errored state. this way all users will have the helper text information always available.
      */
     get showHelper(): boolean;
     get showValid(): boolean;

package/forms/common/wrapped-control.d.ts

@@ -1,11 +1,15 @@
-import { ElementRef, InjectionToken, Injector, OnDestroy, OnInit, Renderer2, Type, ViewContainerRef } from '@angular/core';
+import { DoCheck, ElementRef, InjectionToken, Injector, OnDestroy, OnInit, Renderer2, Type, ViewContainerRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { Subscription } from 'rxjs';
 import { DynamicWrapper } from '../../utils/host-wrapping/dynamic-wrapper';
 import { ControlIdService } from './providers/control-id.service';
 import { NgControlService } from './providers/ng-control.service';
 import * as i0 from "@angular/core";
-export declare class WrappedFormControl<W extends DynamicWrapper> implements OnInit, OnDestroy {
+export declare enum CHANGE_KEYS {
+    FORM = "form",
+    MODEL = "model"
+}
+export declare class WrappedFormControl<W extends DynamicWrapper> implements OnInit, DoCheck, OnDestroy {
     protected vcr: ViewContainerRef;
     protected wrapperType: Type<W>;
     private ngControl;
@@ -21,10 +25,13 @@ export declare class WrappedFormControl<W extends DynamicWrapper> implements OnI
     private markControlService;
     private containerIdService;
     private _containerInjector;
-    constructor(vcr: ViewContainerRef, wrapperType: Type<W>, injector: Injector, ngControl: NgControl | null, renderer: Renderer2, el: ElementRef);
+    private differs;
+    private differ;
+    constructor(vcr: ViewContainerRef, wrapperType: Type<W>, injector: Injector, ngControl: NgControl, renderer: Renderer2, el: ElementRef);
     get id(): string;
     set id(value: string);
     ngOnInit(): void;
+    ngDoCheck(): void;
     ngOnDestroy(): void;
     triggerValidation(): void;
     protected getProviderFromContainer<T>(token: Type<T> | InjectionToken<T>, notFoundValue?: T): T;

package/modal/modal.d.ts

@@ -19,7 +19,6 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     stopClose: boolean;
     altClose: EventEmitter<boolean>;
     labelledBy: string;
-    bypassScrollService: boolean;
     constructor(_scrollingService: ScrollingService, commonStrings: ClrCommonStringsService, modalStackService: ModalStackService);
     ngOnChanges(changes: {
         [propName: string]: SimpleChange;
@@ -29,5 +28,5 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     close(): void;
     fadeDone(e: AnimationEvent): 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", ".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"; }, { "_openChanged": "clrModalOpenChange"; "altClose": "clrModalAlternateClose"; }, never, [".modal-nav", ".modal-title", ".modal-body", ".modal-footer"], false, never>;
 }

package/package.json

@@ -18,11 +18,11 @@
     "url": "https://github.com/vmware-clarity/ng-clarity/issues"
   },
   "peerDependencies": {
-    "@angular/cdk": "15 || 16",
-    "@angular/common": "15 || 16",
-    "@angular/core": "15 || 16",
-    "@cds/core": ">= 6.7.0",
-    "@clr/ui": "16.2.0"
+    "@angular/cdk": "15 || 16 || 17",
+    "@angular/common": "15 || 16 || 17",
+    "@angular/core": "15 || 16 || 17",
+    "@cds/core": ">= 6.8.0",
+    "@clr/ui": "17.0.0-beta.1"
   },
   "module": "fesm2015/clr-angular.mjs",
   "es2020": "fesm2020/clr-angular.mjs",
@@ -47,5 +47,5 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "version": "16.2.0"
+  "version": "17.0.0-beta.1"
 }

package/progress/progress-bars/progress-bar.d.ts

@@ -2,15 +2,13 @@ import * as i0 from "@angular/core";
 export declare class ClrProgressBar {
     max: number | string;
     displayval: string;
+    color: string;
     value: number | string;
     externalId: string;
     private _ID;
     private _labeled;
     private _fade;
     private _loop;
-    private _success;
-    private _danger;
-    private _warning;
     private _flash;
     private _flashDanger;
     private _compact;
@@ -25,14 +23,8 @@ export declare class ClrProgressBar {
     get fadeClass(): boolean;
     set clrLoop(value: boolean | string);
     get loopClass(): boolean;
-    /** @deprecated since 2.0, remove in 4.0 */
-    set clrWarning(value: boolean | string);
     get warningClass(): boolean;
-    /** @deprecated since 2.0, remove in 4.0 */
-    set clrSuccess(value: boolean | string);
     get successClass(): boolean;
-    /** @deprecated since 2.0, remove in 4.0 */
-    set clrDanger(value: boolean | string);
     get dangerClass(): boolean;
     set clrFlash(value: boolean | string);
     get flashClass(): boolean;
@@ -49,5 +41,5 @@ export declare class ClrProgressBar {
      */
     displayStringValue(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrProgressBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrProgressBar, "clr-progress-bar", never, { "max": "clrMax"; "displayval": "clrDisplayval"; "value": "clrValue"; "id": "id"; "clrCompact": "clrCompact"; "clrLabeled": "clrLabeled"; "clrFade": "clrFade"; "clrLoop": "clrLoop"; "clrWarning": "clrWarning"; "clrSuccess": "clrSuccess"; "clrDanger": "clrDanger"; "clrFlash": "clrFlash"; "clrFlashDanger": "clrFlashDanger"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrProgressBar, "clr-progress-bar", never, { "max": "clrMax"; "displayval": "clrDisplayval"; "color": "clrColor"; "value": "clrValue"; "id": "id"; "clrCompact": "clrCompact"; "clrLabeled": "clrLabeled"; "clrFade": "clrFade"; "clrLoop": "clrLoop"; "clrFlash": "clrFlash"; "clrFlashDanger": "clrFlashDanger"; }, {}, never, never, false, never>;
 }

package/utils/i18n/common-strings.interface.d.ts

@@ -63,6 +63,14 @@ export interface ClrCommonStrings {
      * Alert levels: danger
      */
     danger: string;
+    /**
+     * Alert levels: neutral
+     */
+    neutral: string;
+    /**
+     * Alert levels: unknown
+     */
+    unknown: string;
     /**
      * Datagrid: row actions
      */

package/wizard/wizard.d.ts

@@ -15,7 +15,6 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     pageCollection: PageCollectionService;
     buttonService: ButtonHubService;
     headerActionService: HeaderActionService;
-    private elementRef;
     /**
      * Set the aria-label for the stepnav section of the wizard. Set using `[clrWizardStepnavAriaLabel]` input.
      */
@@ -29,12 +28,6 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
      * in the top right corner. Set using `[clrWizardClosable]` input.
      */
     closable: boolean;
-    /**
-     * Used to communicate to the underlying modal that animations are not
-     * wanted. Primary use is for the display of static/inline wizards.
-     * Set using `[clrWizardPreventModalAnimation]` input.
-     */
-    _stopModalAnimations: boolean;
     /**
      * Emits when the wizard is opened or closed.
      * Listen via `(clrWizardOpenChange)` event.
@@ -85,7 +78,7 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     private _disableStepnav;
     private differ;
     private subscriptions;
-    constructor(platformId: any, commonStrings: ClrCommonStringsService, navService: WizardNavigationService, pageCollection: PageCollectionService, buttonService: ButtonHubService, headerActionService: HeaderActionService, elementRef: ElementRef<HTMLElement>, differs: IterableDiffers);
+    constructor(platformId: any, commonStrings: ClrCommonStringsService, navService: WizardNavigationService, pageCollection: PageCollectionService, buttonService: ButtonHubService, headerActionService: HeaderActionService, differs: IterableDiffers);
     /**
      * Resets page completed states when navigating backwards.
      * Set using `[clrWizardForceForwardNavigation]` input.
@@ -138,8 +131,6 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     set currentPage(page: ClrWizardPage);
     get isLast(): boolean;
     get isFirst(): boolean;
-    get isInline(): boolean;
-    get stopModalAnimations(): string;
     ngAfterContentInit(): void;
     ngDoCheck(): void;
     ngOnDestroy(): void;
@@ -238,8 +229,7 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
     private listenForFinishedChanges;
     private listenForPageChanges;
     private updateNavOnPageChanges;
-    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"; "closable": "clrWizardClosable"; "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>;
 }