@clr/angular 16.3.1 → 17.0.0-beta.2

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/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.3.1"
+    "@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.2"
   },
   "module": "fesm2015/clr-angular.mjs",
   "es2020": "fesm2020/clr-angular.mjs",
@@ -47,5 +47,5 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "version": "16.3.1"
+  "version": "17.0.0-beta.2"
 }

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>;
 }

package/data/datagrid/datagrid-items-trackby.d.ts

@@ -1,10 +0,0 @@
-import { TrackByFunction } from '@angular/core';
-import { Items } from './providers/items';
-import * as i0 from "@angular/core";
-export declare class ClrDatagridItemsTrackBy<T = any> {
-    private _items;
-    constructor(_items: Items<T>);
-    set trackBy(value: TrackByFunction<T>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatagridItemsTrackBy<any>, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrDatagridItemsTrackBy<any>, "[ngForTrackBy]", never, { "trackBy": "ngForTrackBy"; }, {}, never, never, false, never>;
-}

package/esm2020/data/datagrid/datagrid-items-trackby.mjs

@@ -1,43 +0,0 @@
-/*
- * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-import { Directive, Input, Optional } from '@angular/core';
-import { columnToggleTrackByFn } from './datagrid-column-toggle-trackby';
-import * as i0 from "@angular/core";
-import * as i1 from "./providers/items";
-export class ClrDatagridItemsTrackBy {
-    constructor(_items) {
-        this._items = _items;
-    }
-    set trackBy(value) {
-        /**
-         * This is a workaround to prevent the items `trackBy` function from
-         * being replaced when the "manage columns" button is clicked. This is
-         * not a complete solution. If there is another `ngForTrackBy` function
-         * within the datagrid in application code, it could sill replace the
-         * items `trackBy` function whether it is the row iterator or not.
-         */
-        if (value === columnToggleTrackByFn) {
-            return;
-        }
-        if (this._items) {
-            this._items.iteratorTrackBy = value;
-        }
-    }
-}
-ClrDatagridItemsTrackBy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDatagridItemsTrackBy, deps: [{ token: i1.Items, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ClrDatagridItemsTrackBy.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: ClrDatagridItemsTrackBy, selector: "[ngForTrackBy]", inputs: { trackBy: ["ngForTrackBy", "trackBy"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDatagridItemsTrackBy, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngForTrackBy]',
-                }]
-        }], ctorParameters: function () { return [{ type: i1.Items, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { trackBy: [{
-                type: Input,
-                args: ['ngForTrackBy']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWdyaWQtaXRlbXMtdHJhY2tieS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2RhdGEvZGF0YWdyaWQvZGF0YWdyaWQtaXRlbXMtdHJhY2tieS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7OztHQUlHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFtQixNQUFNLGVBQWUsQ0FBQztBQUU1RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBTXpFLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsWUFBZ0MsTUFBZ0I7UUFBaEIsV0FBTSxHQUFOLE1BQU0sQ0FBVTtJQUFHLENBQUM7SUFFcEQsSUFDSSxPQUFPLENBQUMsS0FBeUI7UUFDbkM7Ozs7OztXQU1HO1FBQ0gsSUFBSSxLQUFLLEtBQUsscUJBQXFCLEVBQUU7WUFDbkMsT0FBTztTQUNSO1FBRUQsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1NBQ3JDO0lBQ0gsQ0FBQzs7b0hBbkJVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBSG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtpQkFDM0I7OzBCQUVjLFFBQVE7NENBR2pCLE9BQU87c0JBRFYsS0FBSzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxNi0yMDIzIFZNd2FyZSwgSW5jLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICogVGhpcyBzb2Z0d2FyZSBpcyByZWxlYXNlZCB1bmRlciBNSVQgbGljZW5zZS5cbiAqIFRoZSBmdWxsIGxpY2Vuc2UgaW5mb3JtYXRpb24gY2FuIGJlIGZvdW5kIGluIExJQ0VOU0UgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgcHJvamVjdC5cbiAqL1xuXG5pbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPcHRpb25hbCwgVHJhY2tCeUZ1bmN0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGNvbHVtblRvZ2dsZVRyYWNrQnlGbiB9IGZyb20gJy4vZGF0YWdyaWQtY29sdW1uLXRvZ2dsZS10cmFja2J5JztcbmltcG9ydCB7IEl0ZW1zIH0gZnJvbSAnLi9wcm92aWRlcnMvaXRlbXMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbbmdGb3JUcmFja0J5XScsXG59KVxuZXhwb3J0IGNsYXNzIENsckRhdGFncmlkSXRlbXNUcmFja0J5PFQgPSBhbnk+IHtcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHJpdmF0ZSBfaXRlbXM6IEl0ZW1zPFQ+KSB7fVxuXG4gIEBJbnB1dCgnbmdGb3JUcmFja0J5JylcbiAgc2V0IHRyYWNrQnkodmFsdWU6IFRyYWNrQnlGdW5jdGlvbjxUPikge1xuICAgIC8qKlxuICAgICAqIFRoaXMgaXMgYSB3b3JrYXJvdW5kIHRvIHByZXZlbnQgdGhlIGl0ZW1zIGB0cmFja0J5YCBmdW5jdGlvbiBmcm9tXG4gICAgICogYmVpbmcgcmVwbGFjZWQgd2hlbiB0aGUgXCJtYW5hZ2UgY29sdW1uc1wiIGJ1dHRvbiBpcyBjbGlja2VkLiBUaGlzIGlzXG4gICAgICogbm90IGEgY29tcGxldGUgc29sdXRpb24uIElmIHRoZXJlIGlzIGFub3RoZXIgYG5nRm9yVHJhY2tCeWAgZnVuY3Rpb25cbiAgICAgKiB3aXRoaW4gdGhlIGRhdGFncmlkIGluIGFwcGxpY2F0aW9uIGNvZGUsIGl0IGNvdWxkIHNpbGwgcmVwbGFjZSB0aGVcbiAgICAgKiBpdGVtcyBgdHJhY2tCeWAgZnVuY3Rpb24gd2hldGhlciBpdCBpcyB0aGUgcm93IGl0ZXJhdG9yIG9yIG5vdC5cbiAgICAgKi9cbiAgICBpZiAodmFsdWUgPT09IGNvbHVtblRvZ2dsZVRyYWNrQnlGbikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLl9pdGVtcykge1xuICAgICAgdGhpcy5faXRlbXMuaXRlcmF0b3JUcmFja0J5ID0gdmFsdWU7XG4gICAgfVxuICB9XG59XG4iXX0=