@porscheinformatik/clr-addons 13.2.0 → 13.3.0

package/datagrid/datagrid-state-persistence/column-hidden-state-persistence.directive.d.ts

@@ -1,17 +1,21 @@
-import { OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { DatagridFieldDirective } from './datagrid-field.directive';
 import { ClrDatagrid, ClrDatagridHideableColumn } from '@clr/angular';
 import { StatePersistenceKeyDirective } from './state-persistence-key.directive';
+import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class ColumnHiddenStatePersistenceDirective implements OnInit {
+export declare class ColumnHiddenStatePersistenceDirective implements OnInit, OnDestroy {
     private columnDirective;
     private statePersistenceKey;
     private datagrid;
     private hideableColumnDirective;
+    destroy$: Subject<void>;
     constructor(columnDirective: DatagridFieldDirective, statePersistenceKey: StatePersistenceKeyDirective, datagrid: ClrDatagrid, hideableColumnDirective: ClrDatagridHideableColumn);
     ngOnInit(): void;
     private initHiddenState;
     private setHiddenState;
+    private readStoredState;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnHiddenStatePersistenceDirective, [{ optional: true; }, { optional: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnHiddenStatePersistenceDirective, "[clrDgHideableColumn]", never, {}, {}, never, never, false>;
 }

package/datagrid/datagrid-state-persistence/datagrid-state-persistence-model.interface.d.ts

@@ -1,9 +1,11 @@
 export interface ClrDatagridStatePersistenceModel {
     pageSize: number;
+    currentPage: number;
     columns: {
         [key: string]: ClrColumnStatePersistenceModel;
     };
 }
 export interface ClrColumnStatePersistenceModel {
     hidden?: boolean;
+    filterValue?: any;
 }

package/datagrid/datagrid-state-persistence/state-persistence-key.directive.d.ts

@@ -1,10 +1,42 @@
-import { AfterContentInit } from '@angular/core';
-import { ClrDatagridPagination } from '@clr/angular';
+import { AfterContentInit, OnDestroy, QueryList } from '@angular/core';
+import { ClrDatagrid, ClrDatagridFilter, ClrDatagridPagination } from '@clr/angular';
+import { ClrDatagridStatePersistenceModel } from './datagrid-state-persistence-model.interface';
+import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class StatePersistenceKeyDirective implements AfterContentInit {
-    clrStatePersistenceKey: string;
+export declare class StatePersistenceKeyDirective implements AfterContentInit, OnDestroy {
+    private datagrid;
+    options: {
+        key: string;
+        serverDriven: boolean;
+    };
+    useLocalStoreOnly: boolean;
     pagination: ClrDatagridPagination;
+    customFilters: QueryList<ClrDatagridFilter>;
+    destroy$: Subject<void>;
+    constructor(datagrid: ClrDatagrid);
     ngAfterContentInit(): void;
+    private init;
+    private initPageSizePersister;
+    private initCurrentPage;
+    private initFilter;
+    private initDatagridPersister;
+    /**
+     * Gets the state of volatile data. This can be influenced by clrUseLocalStoreOnly.
+     */
+    getVolatileDataState(): ClrDatagridStatePersistenceModel;
+    getLocalStorageState(): ClrDatagridStatePersistenceModel;
+    /**
+     * As a date is serialized as string, but not deserialized as date
+     * we need to add some meta information to do that manually later
+     */
+    private enrichFilterValue;
+    /**
+     * Parse filter values with meta information like date, which needs manual deserialization to a date object
+     */
+    private parseFilterValue;
+    private getFilter;
+    private getFilterPropertyName;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StatePersistenceKeyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StatePersistenceKeyDirective, "[clrStatePersistenceKey]", never, { "clrStatePersistenceKey": "clrStatePersistenceKey"; }, {}, ["pagination"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StatePersistenceKeyDirective, "[clrStatePersistenceKey]", never, { "options": "clrStatePersistenceKey"; "useLocalStoreOnly": "clrUseLocalStoreOnly"; }, {}, ["pagination", "customFilters"], never, false>;
 }

package/datagrid/date-filter/date-filter.component.d.ts

@@ -8,6 +8,7 @@ export declare class ClrDateFilterComponent<T extends {
     private commonStrings;
     private nestedProp;
     set property(value: string);
+    get property(): string;
     constructor(filterContainer: ClrDatagridFilter, commonStrings: ClrCommonStringsService);
     /**
      * Provide a way to pass external placeholder and aria-label to the filter input

package/datagrid/date-filter/nested-property.d.ts

@@ -3,7 +3,7 @@
  * that can be specified as simple dot-separated strings.
  */
 export declare class NestedProperty<T = any> {
-    private prop;
+    prop: string;
     private splitProp;
     constructor(prop: string);
     getPropValue(item: T): any;

package/datagrid/enum-filter/enum-filter.component.d.ts

@@ -6,7 +6,7 @@ export declare class ClrEnumFilterComponent<T extends {
     [key: string]: any;
 }> implements ClrDatagridFilterInterface<T>, OnDestroy {
     property: string;
-    set clrFilterValues(values: string[]);
+    set value(values: string[]);
     clrFilterValuesChange: EventEmitter<string[]>;
     possibleValues: string[];
     customPossibleValues: boolean;
@@ -15,10 +15,12 @@ export declare class ClrEnumFilterComponent<T extends {
     destroyed$: Subject<void>;
     set clrPossibleValues(values: string[]);
     constructor(filterContainer: ClrDatagridFilter, datagrid: ClrDatagrid);
+    setPossibleValues(values: string[]): void;
     onChange(selectedValue: string, checkboxState: boolean): void;
     isActive(): boolean;
     accepts(item: T): boolean;
+    get state(): any;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrEnumFilterComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrEnumFilterComponent<any>, "clr-enum-filter", never, { "property": "clrProperty"; "clrFilterValues": "clrFilterValues"; "clrPossibleValues": "clrPossibleValues"; }, { "clrFilterValuesChange": "clrFilterValuesChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrEnumFilterComponent<any>, "clr-enum-filter", never, { "property": "clrProperty"; "value": "clrFilterValues"; "clrPossibleValues": "clrPossibleValues"; }, { "clrFilterValuesChange": "clrFilterValuesChange"; }, never, never, false>;
 }

package/esm2020/abstract-form-component/abstract-form-component.mjs

@@ -86,9 +86,9 @@ export class ClrAbstractFormComponent {
         }
     }
 }
-ClrAbstractFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAbstractFormComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-ClrAbstractFormComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: ClrAbstractFormComponent, host: { properties: { "class.clr-form-control": "this.formControl", "class.clr-error": "this.showError" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAbstractFormComponent, decorators: [{
+ClrAbstractFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAbstractFormComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
+ClrAbstractFormComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: ClrAbstractFormComponent, host: { properties: { "class.clr-form-control": "this.formControl", "class.clr-error": "this.showError" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAbstractFormComponent, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { formControl: [{
                 type: HostBinding,

package/esm2020/abstract-form-component/control-id.service.mjs

@@ -23,9 +23,9 @@ export class ControlIdService {
         return this._idChange.asObservable();
     }
 }
-ControlIdService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ControlIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ControlIdService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ControlIdService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ControlIdService, decorators: [{
+ControlIdService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ControlIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ControlIdService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ControlIdService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ControlIdService, decorators: [{
             type: Injectable
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1pZC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Nsci1hZGRvbnMvYWJzdHJhY3QtZm9ybS1jb21wb25lbnQvY29udHJvbC1pZC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUc7QUFFSCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBR3ZDLElBQUksT0FBTyxHQUFHLENBQUMsQ0FBQztBQUdoQixNQUFNLE9BQU8sZ0JBQWdCO0lBRDdCO1FBRVUsUUFBRyxHQUFHLG9CQUFvQixHQUFHLEVBQUUsT0FBTyxDQUFDO1FBU3ZDLGNBQVMsR0FBNEIsSUFBSSxlQUFlLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBSTVFO0lBWkMsSUFBSSxFQUFFO1FBQ0osT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDO0lBQ2xCLENBQUM7SUFDRCxJQUFJLEVBQUUsQ0FBQyxLQUFhO1FBQ2xCLElBQUksQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFHRCxJQUFXLFFBQVE7UUFDakIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3ZDLENBQUM7OzZHQWJVLGdCQUFnQjtpSEFBaEIsZ0JBQWdCOzJGQUFoQixnQkFBZ0I7a0JBRDVCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE4IFBvcnNjaGUgSW5mb3JtYXRpay4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqIFRoaXMgc29mdHdhcmUgaXMgcmVsZWFzZWQgdW5kZXIgTUlUIGxpY2Vuc2UuXG4gKiBUaGUgZnVsbCBsaWNlbnNlIGluZm9ybWF0aW9uIGNhbiBiZSBmb3VuZCBpbiBMSUNFTlNFIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHByb2plY3QuXG4gKi9cblxuaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmxldCBjb3VudGVyID0gMDtcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIENvbnRyb2xJZFNlcnZpY2Uge1xuICBwcml2YXRlIF9pZCA9ICdjbHJhLWZvcm0tY29udHJvbC0nICsgKytjb3VudGVyO1xuICBnZXQgaWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5faWQ7XG4gIH1cbiAgc2V0IGlkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9pZCA9IHZhbHVlO1xuICAgIHRoaXMuX2lkQ2hhbmdlLm5leHQodmFsdWUpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaWRDaGFuZ2U6IEJlaGF2aW9yU3ViamVjdDxzdHJpbmc+ID0gbmV3IEJlaGF2aW9yU3ViamVjdCh0aGlzLl9pZCk7XG4gIHB1YmxpYyBnZXQgaWRDaGFuZ2UoKTogT2JzZXJ2YWJsZTxzdHJpbmc+IHtcbiAgICByZXR1cm4gdGhpcy5faWRDaGFuZ2UuYXNPYnNlcnZhYmxlKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/abstract-form-component/form.module.mjs

@@ -8,10 +8,10 @@ import { ClrAddonsLabel } from './label';
 import * as i0 from "@angular/core";
 export class ClrFormModule {
 }
-ClrFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ClrFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: ClrFormModule, declarations: [ClrAddonsLabel], exports: [ClrAddonsLabel] });
-ClrFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrFormModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrFormModule, decorators: [{
+ClrFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ClrFormModule, declarations: [ClrAddonsLabel], exports: [ClrAddonsLabel] });
+ClrFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrFormModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrFormModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ClrAddonsLabel],

package/esm2020/abstract-form-component/label.mjs

@@ -26,9 +26,9 @@ export class ClrAddonsLabel {
         this.destroyed$.complete();
     }
 }
-ClrAddonsLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAddonsLabel, deps: [{ token: i1.ControlIdService, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ClrAddonsLabel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: ClrAddonsLabel, selector: "label", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAddonsLabel, decorators: [{
+ClrAddonsLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAddonsLabel, deps: [{ token: i1.ControlIdService, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ClrAddonsLabel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: ClrAddonsLabel, selector: "label", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAddonsLabel, decorators: [{
             type: Directive,
             args: [{ selector: 'label' }]
         }], ctorParameters: function () { return [{ type: i1.ControlIdService, decorators: [{

package/esm2020/autocomplete-off/autocomplete-off.directive.mjs

@@ -7,9 +7,9 @@ import { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ClrAutocompleteOff {
 }
-ClrAutocompleteOff.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAutocompleteOff, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ClrAutocompleteOff.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: ClrAutocompleteOff, selector: "input:not([autocomplete])", host: { properties: { "attr.autocomplete": "\"off\"" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAutocompleteOff, decorators: [{
+ClrAutocompleteOff.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAutocompleteOff, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ClrAutocompleteOff.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: ClrAutocompleteOff, selector: "input:not([autocomplete])", host: { properties: { "attr.autocomplete": "\"off\"" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAutocompleteOff, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input:not([autocomplete])',

package/esm2020/autocomplete-off/autocomplete-off.module.mjs

@@ -8,10 +8,10 @@ import { ClrAutocompleteOff } from './autocomplete-off.directive';
 import * as i0 from "@angular/core";
 export class ClrAutocompleteOffModule {
 }
-ClrAutocompleteOffModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAutocompleteOffModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ClrAutocompleteOffModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: ClrAutocompleteOffModule, declarations: [ClrAutocompleteOff], exports: [ClrAutocompleteOff] });
-ClrAutocompleteOffModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAutocompleteOffModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAutocompleteOffModule, decorators: [{
+ClrAutocompleteOffModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAutocompleteOffModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrAutocompleteOffModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ClrAutocompleteOffModule, declarations: [ClrAutocompleteOff], exports: [ClrAutocompleteOff] });
+ClrAutocompleteOffModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAutocompleteOffModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAutocompleteOffModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ClrAutocompleteOff],

package/esm2020/back-button/back-button.mjs

@@ -16,9 +16,9 @@ export class ClrBackButton {
         this.location.back();
     }
 }
-ClrBackButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBackButton, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
-ClrBackButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: ClrBackButton, selector: "clr-back-button", ngImport: i0, template: "<button type=\"button\" class=\"btn btn-icon btn-link back-button\" (click)=\"back()\">\n  <clr-icon shape=\"arrow\" dir=\"left\" size=\"36\"></clr-icon>\n</button>\n", dependencies: [{ kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBackButton, decorators: [{
+ClrBackButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBackButton, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
+ClrBackButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrBackButton, selector: "clr-back-button", ngImport: i0, template: "<button type=\"button\" class=\"btn btn-icon btn-link back-button\" (click)=\"back()\">\n  <clr-icon shape=\"arrow\" dir=\"left\" size=\"36\"></clr-icon>\n</button>\n", dependencies: [{ kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBackButton, decorators: [{
             type: Component,
             args: [{ selector: 'clr-back-button', template: "<button type=\"button\" class=\"btn btn-icon btn-link back-button\" (click)=\"back()\">\n  <clr-icon shape=\"arrow\" dir=\"left\" size=\"36\"></clr-icon>\n</button>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Location }]; } });

package/esm2020/back-button/back-button.module.mjs

@@ -11,10 +11,10 @@ import { ClrBackButton } from './back-button';
 import * as i0 from "@angular/core";
 export class ClrBackButtonModule {
 }
-ClrBackButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBackButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ClrBackButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: ClrBackButtonModule, declarations: [ClrBackButton], imports: [CommonModule, ClarityModule, FormsModule], exports: [ClrBackButton] });
-ClrBackButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBackButtonModule, imports: [CommonModule, ClarityModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBackButtonModule, decorators: [{
+ClrBackButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBackButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrBackButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ClrBackButtonModule, declarations: [ClrBackButton], imports: [CommonModule, ClarityModule, FormsModule], exports: [ClrBackButton] });
+ClrBackButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBackButtonModule, imports: [CommonModule, ClarityModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBackButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ClarityModule, FormsModule],

package/esm2020/brand-avatar/brand-avatar.mjs

@@ -42,9 +42,9 @@ export class ClrBrandAvatar {
     }
 }
 ClrBrandAvatar.DEFAULT_ICON_SHAPE = 'new-car-private';
-ClrBrandAvatar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBrandAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ClrBrandAvatar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: ClrBrandAvatar, selector: "clr-brand-avatar", inputs: { brand: ["clrBrand", "brand"] }, host: { properties: { "class.clr-brand-avatar": "this.avatar" } }, viewQueries: [{ propertyName: "avatarElement", first: true, predicate: ["avatar"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"brand-avatar-rectangle\">\n  <div #avatar class=\"brand-avatar-icon-container\">\n    <clr-icon [attr.size]=\"23\" [attr.shape]=\"getShape()\"></clr-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.ClrIconCustomTag, selector: "clr-icon" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBrandAvatar, decorators: [{
+ClrBrandAvatar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBrandAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ClrBrandAvatar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrBrandAvatar, selector: "clr-brand-avatar", inputs: { brand: ["clrBrand", "brand"] }, host: { properties: { "class.clr-brand-avatar": "this.avatar" } }, viewQueries: [{ propertyName: "avatarElement", first: true, predicate: ["avatar"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"brand-avatar-rectangle\">\n  <div #avatar class=\"brand-avatar-icon-container\">\n    <clr-icon [attr.size]=\"23\" [attr.shape]=\"getShape()\"></clr-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.ClrIconCustomTag, selector: "clr-icon" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBrandAvatar, decorators: [{
             type: Component,
             args: [{ selector: 'clr-brand-avatar', template: "<div class=\"brand-avatar-rectangle\">\n  <div #avatar class=\"brand-avatar-icon-container\">\n    <clr-icon [attr.size]=\"23\" [attr.shape]=\"getShape()\"></clr-icon>\n  </div>\n</div>\n" }]
         }], propDecorators: { avatar: [{

package/esm2020/brand-avatar/brand-avatar.module.mjs

@@ -10,10 +10,10 @@ import { ClrBrandAvatar } from './brand-avatar';
 import * as i0 from "@angular/core";
 export class ClrBrandAvatarModule {
 }
-ClrBrandAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBrandAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ClrBrandAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: ClrBrandAvatarModule, declarations: [ClrBrandAvatar], imports: [CommonModule, ClarityModule], exports: [ClrBrandAvatar] });
-ClrBrandAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBrandAvatarModule, imports: [CommonModule, ClarityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBrandAvatarModule, decorators: [{
+ClrBrandAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBrandAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrBrandAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ClrBrandAvatarModule, declarations: [ClrBrandAvatar], imports: [CommonModule, ClarityModule], exports: [ClrBrandAvatar] });
+ClrBrandAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBrandAvatarModule, imports: [CommonModule, ClarityModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBrandAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ClarityModule],

package/esm2020/breadcrumb/breadcrumb.mjs

@@ -28,9 +28,9 @@ export class ClrBreadcrumb {
         this.destroyed.complete();
     }
 }
-ClrBreadcrumb.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBreadcrumb, deps: [{ token: i1.ClrBreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
-ClrBreadcrumb.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: ClrBreadcrumb, selector: "clr-breadcrumb", ngImport: i0, template: "<nav aria-label=\"breadcrumb\" *ngIf=\"breadcrumbElements.length\">\n  <ol class=\"breadcrumb\">\n    <ng-container *ngFor=\"let breadcrumbItem of breadcrumbElements\">\n      <li *ngIf=\"breadcrumbItem.url\" class=\"breadcrumb-item\">\n        <a [routerLink]=\"breadcrumbItem.url\">{{breadcrumbItem.label}}</a>\n      </li>\n      <li *ngIf=\"!breadcrumbItem.url\" class=\"breadcrumb-item active\">{{breadcrumbItem.label}}</li>\n    </ng-container>\n  </ol>\n</nav>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBreadcrumb, decorators: [{
+ClrBreadcrumb.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBreadcrumb, deps: [{ token: i1.ClrBreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
+ClrBreadcrumb.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrBreadcrumb, selector: "clr-breadcrumb", ngImport: i0, template: "<nav aria-label=\"breadcrumb\" *ngIf=\"breadcrumbElements.length\">\n  <ol class=\"breadcrumb\">\n    <ng-container *ngFor=\"let breadcrumbItem of breadcrumbElements\">\n      <li *ngIf=\"breadcrumbItem.url\" class=\"breadcrumb-item\">\n        <a [routerLink]=\"breadcrumbItem.url\">{{breadcrumbItem.label}}</a>\n      </li>\n      <li *ngIf=\"!breadcrumbItem.url\" class=\"breadcrumb-item active\">{{breadcrumbItem.label}}</li>\n    </ng-container>\n  </ol>\n</nav>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBreadcrumb, decorators: [{
             type: Component,
             args: [{ selector: 'clr-breadcrumb', template: "<nav aria-label=\"breadcrumb\" *ngIf=\"breadcrumbElements.length\">\n  <ol class=\"breadcrumb\">\n    <ng-container *ngFor=\"let breadcrumbItem of breadcrumbElements\">\n      <li *ngIf=\"breadcrumbItem.url\" class=\"breadcrumb-item\">\n        <a [routerLink]=\"breadcrumbItem.url\">{{breadcrumbItem.label}}</a>\n      </li>\n      <li *ngIf=\"!breadcrumbItem.url\" class=\"breadcrumb-item active\">{{breadcrumbItem.label}}</li>\n    </ng-container>\n  </ol>\n</nav>\n" }]
         }], ctorParameters: function () { return [{ type: i1.ClrBreadcrumbService }]; } });

package/esm2020/breadcrumb/breadcrumb.module.mjs

@@ -12,10 +12,10 @@ import { ClrBreadcrumbService } from './breadcrumb.service';
 import * as i0 from "@angular/core";
 export class ClrBreadcrumbModule {
 }
-ClrBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ClrBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: ClrBreadcrumbModule, declarations: [ClrBreadcrumb], imports: [CommonModule, ClarityModule, RouterModule], exports: [ClrBreadcrumb] });
-ClrBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBreadcrumbModule, providers: [ClrBreadcrumbService], imports: [CommonModule, ClarityModule, RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBreadcrumbModule, decorators: [{
+ClrBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ClrBreadcrumbModule, declarations: [ClrBreadcrumb], imports: [CommonModule, ClarityModule, RouterModule], exports: [ClrBreadcrumb] });
+ClrBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBreadcrumbModule, providers: [ClrBreadcrumbService], imports: [CommonModule, ClarityModule, RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ClarityModule, RouterModule],

package/esm2020/breadcrumb/breadcrumb.service.mjs

@@ -14,9 +14,9 @@ export class ClrBreadcrumbService {
         this.breadcrumbChange.next(breadcrumbElements);
     }
 }
-ClrBreadcrumbService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ClrBreadcrumbService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBreadcrumbService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrBreadcrumbService, decorators: [{
+ClrBreadcrumbService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ClrBreadcrumbService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBreadcrumbService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrBreadcrumbService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2020/clr-addons.module.mjs

@@ -36,8 +36,8 @@ import { ClrDateFilterModule } from './datagrid/date-filter/date-filter.module';
 import * as i0 from "@angular/core";
 export class ClrAddonsModule {
 }
-ClrAddonsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAddonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ClrAddonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: ClrAddonsModule, exports: [ClrViewEditSectionModule,
+ClrAddonsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAddonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrAddonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ClrAddonsModule, exports: [ClrViewEditSectionModule,
         ClrPagerModule,
         ClrDotPagerModule,
         ClrPagedSearchResultListModule,
@@ -67,7 +67,7 @@ ClrAddonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         ClrDatagridStatePersistenceModule,
         ClrEnumFilterModule,
         ClrDateFilterModule] });
-ClrAddonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAddonsModule, imports: [ClrViewEditSectionModule,
+ClrAddonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAddonsModule, imports: [ClrViewEditSectionModule,
         ClrPagerModule,
         ClrDotPagerModule,
         ClrPagedSearchResultListModule,
@@ -97,7 +97,7 @@ ClrAddonsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         ClrDatagridStatePersistenceModule,
         ClrEnumFilterModule,
         ClrDateFilterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrAddonsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrAddonsModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [

package/esm2020/collapse-expand-section/collapse-expand-section.mjs

@@ -25,8 +25,8 @@ export class ClrCollapseExpandSection {
         this.isCollapsed = !this.isCollapsed;
     }
 }
-ClrCollapseExpandSection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrCollapseExpandSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ClrCollapseExpandSection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: ClrCollapseExpandSection, selector: "clr-collapse-expand-section", inputs: { isCollapsed: ["clrIsCollapsed", "isCollapsed"], disableHeaderStyles: ["clrDisableHeaderStyles", "disableHeaderStyles"] }, outputs: { collapsed: "clrCollapsed", expanded: "clrExpanded" }, ngImport: i0, template: "<div class=\"ces\">\n  <div class=\"ces-title\" [class.disabled-header-styles]=\"disableHeaderStyles\">\n    <h2 *ngIf=\"!disableHeaderStyles; else title\">\n      <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n    </h2>\n    <ng-template #title>\n      <ng-content select=\"[clr-ces-title]\"></ng-content>\n      <button type=\"button\" (click)=\"onCollapseExpand()\" class=\"btn btn-icon btn-link ces-caret-btn\">\n        <clr-icon shape=\"caret up\" size=\"28\" class=\"ces-caret-icon\" [@rotateIcon]=\"isCollapsed\"></clr-icon>\n      </button>\n    </ng-template>\n  </div>\n  <div class=\"ces-subtitle\">\n    <h4 *ngIf=\"!disableHeaderStyles; else subtitle\">\n      <ng-container *ngTemplateOutlet=\"subtitle\"></ng-container>\n    </h4>\n    <ng-template #subtitle>\n      <ng-content select=\"[clr-ces-subtitle]\"></ng-content>\n    </ng-template>\n  </div>\n  <div [@collapseExpandAnimation] *ngIf=\"!isCollapsed\">\n    <ng-content select=\"[clr-ces-content]\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }], animations: [
+ClrCollapseExpandSection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrCollapseExpandSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ClrCollapseExpandSection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrCollapseExpandSection, selector: "clr-collapse-expand-section", inputs: { isCollapsed: ["clrIsCollapsed", "isCollapsed"], disableHeaderStyles: ["clrDisableHeaderStyles", "disableHeaderStyles"] }, outputs: { collapsed: "clrCollapsed", expanded: "clrExpanded" }, ngImport: i0, template: "<div class=\"ces\">\n  <div class=\"ces-title\" [class.disabled-header-styles]=\"disableHeaderStyles\">\n    <h2 *ngIf=\"!disableHeaderStyles; else title\">\n      <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n    </h2>\n    <ng-template #title>\n      <ng-content select=\"[clr-ces-title]\"></ng-content>\n      <button type=\"button\" (click)=\"onCollapseExpand()\" class=\"btn btn-icon btn-link ces-caret-btn\">\n        <clr-icon shape=\"caret up\" size=\"28\" class=\"ces-caret-icon\" [@rotateIcon]=\"isCollapsed\"></clr-icon>\n      </button>\n    </ng-template>\n  </div>\n  <div class=\"ces-subtitle\">\n    <h4 *ngIf=\"!disableHeaderStyles; else subtitle\">\n      <ng-container *ngTemplateOutlet=\"subtitle\"></ng-container>\n    </h4>\n    <ng-template #subtitle>\n      <ng-content select=\"[clr-ces-subtitle]\"></ng-content>\n    </ng-template>\n  </div>\n  <div [@collapseExpandAnimation] *ngIf=\"!isCollapsed\">\n    <ng-content select=\"[clr-ces-content]\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }], animations: [
         trigger('collapseExpandAnimation', [
             transition(':enter', [
                 style({ opacity: 0, height: 0, overflow: 'hidden' }),
@@ -44,7 +44,7 @@ ClrCollapseExpandSection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
             transition('false => true', animate('300ms ease-in')),
         ]),
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrCollapseExpandSection, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrCollapseExpandSection, decorators: [{
             type: Component,
             args: [{ selector: 'clr-collapse-expand-section', animations: [
                         trigger('collapseExpandAnimation', [

package/esm2020/collapse-expand-section/collapse-expand-section.module.mjs

@@ -11,10 +11,10 @@ import { ClrCollapseExpandSection } from './collapse-expand-section';
 import * as i0 from "@angular/core";
 export class ClrCollapseExpandSectionModule {
 }
-ClrCollapseExpandSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrCollapseExpandSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ClrCollapseExpandSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: ClrCollapseExpandSectionModule, declarations: [ClrCollapseExpandSection], imports: [CommonModule, ClarityModule, FormsModule], exports: [ClrCollapseExpandSection] });
-ClrCollapseExpandSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrCollapseExpandSectionModule, imports: [CommonModule, ClarityModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrCollapseExpandSectionModule, decorators: [{
+ClrCollapseExpandSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrCollapseExpandSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrCollapseExpandSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ClrCollapseExpandSectionModule, declarations: [ClrCollapseExpandSection], imports: [CommonModule, ClarityModule, FormsModule], exports: [ClrCollapseExpandSection] });
+ClrCollapseExpandSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrCollapseExpandSectionModule, imports: [CommonModule, ClarityModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrCollapseExpandSectionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ClarityModule, FormsModule],

package/esm2020/content-panel/content-panel-container-content.mjs

@@ -7,9 +7,9 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ClrContentPanelContainerContent {
 }
-ClrContentPanelContainerContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanelContainerContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ClrContentPanelContainerContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: ClrContentPanelContainerContent, selector: "clr-content-panel-container-content", host: { properties: { "class.content-area": "true" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanelContainerContent, decorators: [{
+ClrContentPanelContainerContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanelContainerContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ClrContentPanelContainerContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrContentPanelContainerContent, selector: "clr-content-panel-container-content", host: { properties: { "class.content-area": "true" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanelContainerContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'clr-content-panel-container-content',

package/esm2020/content-panel/content-panel-container-footer.mjs

@@ -7,9 +7,9 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ClrContentPanelContainerFooter {
 }
-ClrContentPanelContainerFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanelContainerFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ClrContentPanelContainerFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: ClrContentPanelContainerFooter, selector: "clr-content-panel-container-footer", host: { properties: { "class.content-area-footer": "true" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanelContainerFooter, decorators: [{
+ClrContentPanelContainerFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanelContainerFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ClrContentPanelContainerFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrContentPanelContainerFooter, selector: "clr-content-panel-container-footer", host: { properties: { "class.content-area-footer": "true" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanelContainerFooter, decorators: [{
             type: Component,
             args: [{
                     selector: 'clr-content-panel-container-footer',

package/esm2020/content-panel/content-panel-container.mjs

@@ -7,15 +7,15 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ClrContentPanelContainer {
 }
-ClrContentPanelContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanelContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ClrContentPanelContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: ClrContentPanelContainer, selector: "clr-content-panel-container", host: { properties: { "class.content-container": "true", "class.content-panel-container": "true" } }, ngImport: i0, template: `
+ClrContentPanelContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanelContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ClrContentPanelContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrContentPanelContainer, selector: "clr-content-panel-container", host: { properties: { "class.content-container": "true", "class.content-panel-container": "true" } }, ngImport: i0, template: `
     <div class="content-panel-outer-wrapper">
       <ng-content select="clr-content-panel-container-content"></ng-content>
       <ng-content select="clr-content-panel-container-footer"></ng-content>
     </div>
     <ng-content select="clr-content-panel"></ng-content>
   `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanelContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanelContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'clr-content-panel-container',

package/esm2020/content-panel/content-panel.mjs

@@ -44,8 +44,8 @@ export class ClrContentPanel {
         window.dispatchEvent(new Event('resize'));
     }
 }
-ClrContentPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ClrContentPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: ClrContentPanel, selector: "clr-content-panel", outputs: { opened: "clrOpened", closed: "clrClosed" }, host: { properties: { "class.content-panel": "true" } }, ngImport: i0, template: "<ng-container *ngIf=\"_open\">\n  <div [@slideIn] class=\"content-panel-content-wrapper\" (@slideIn.done)=\"resizeWindow()\">\n    <h3 class=\"content-panel-title\">\n      <button type=\"button\" class=\"close content-panel-close-btn\" (click)=\"close()\">\n        <clr-icon class=\"content-panel-close-icon\" shape=\"close\" size=\"36\"></clr-icon>\n      </button>\n      <ng-content select=\"[clr-content-panel-title]\"></ng-content>\n    </h3>\n    <ng-content select=\"[clr-content-panel-content]\"></ng-content>\n  </div>\n  <div [@fade] class=\"content-panel-backdrop\" (click)=\"close()\" (@fade.done)=\"resizeWindow()\"></div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }], animations: [
+ClrContentPanel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ClrContentPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrContentPanel, selector: "clr-content-panel", outputs: { opened: "clrOpened", closed: "clrClosed" }, host: { properties: { "class.content-panel": "true" } }, ngImport: i0, template: "<ng-container *ngIf=\"_open\">\n  <div [@slideIn] class=\"content-panel-content-wrapper\" (@slideIn.done)=\"resizeWindow()\">\n    <h3 class=\"content-panel-title\">\n      <button type=\"button\" class=\"close content-panel-close-btn\" (click)=\"close()\">\n        <clr-icon class=\"content-panel-close-icon\" shape=\"close\" size=\"36\"></clr-icon>\n      </button>\n      <ng-content select=\"[clr-content-panel-title]\"></ng-content>\n    </h3>\n    <ng-content select=\"[clr-content-panel-content]\"></ng-content>\n  </div>\n  <div [@fade] class=\"content-panel-backdrop\" (click)=\"close()\" (@fade.done)=\"resizeWindow()\"></div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }], animations: [
         trigger('slideIn', [
             transition(':enter', [style({ opacity: 0, width: 0 }), animate('0.2s', style({ opacity: 1, width: '*' }))]),
             transition(':leave', [style({ opacity: 1, width: '*' }), animate('0.2s', style({ opacity: 0, width: 0 }))]),
@@ -55,7 +55,7 @@ ClrContentPanel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             transition(':leave', [animate('0.2s ease-in-out', style({ opacity: 0 }))]),
         ]),
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanel, decorators: [{
             type: Component,
             args: [{ selector: 'clr-content-panel', animations: [
                         trigger('slideIn', [

package/esm2020/content-panel/content-panel.module.mjs

@@ -14,13 +14,13 @@ import { ClrContentPanelContainerFooter } from './content-panel-container-footer
 import * as i0 from "@angular/core";
 export class ClrContentPanelModule {
 }
-ClrContentPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ClrContentPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanelModule, declarations: [ClrContentPanel,
+ClrContentPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrContentPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanelModule, declarations: [ClrContentPanel,
         ClrContentPanelContainer,
         ClrContentPanelContainerContent,
         ClrContentPanelContainerFooter], imports: [CommonModule, ClarityModule, FormsModule], exports: [ClrContentPanel, ClrContentPanelContainer, ClrContentPanelContainerContent, ClrContentPanelContainerFooter] });
-ClrContentPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanelModule, imports: [CommonModule, ClarityModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrContentPanelModule, decorators: [{
+ClrContentPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanelModule, imports: [CommonModule, ClarityModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrContentPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ClarityModule, FormsModule],

package/esm2020/data-list-validator/data-list-predefined-validator.directive.mjs

@@ -19,9 +19,9 @@ export class ClrDataListPredefinedValidatorDirective {
         return ClrDataListValidators.predefined(this.clrDataListPredefined)(control);
     }
 }
-ClrDataListPredefinedValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrDataListPredefinedValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ClrDataListPredefinedValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.6", type: ClrDataListPredefinedValidatorDirective, selector: "[clrDataListPredefined]", inputs: { clrDataListPredefined: "clrDataListPredefined" }, providers: [{ provide: NG_VALIDATORS, useExisting: ClrDataListPredefinedValidatorDirective, multi: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrDataListPredefinedValidatorDirective, decorators: [{
+ClrDataListPredefinedValidatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrDataListPredefinedValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ClrDataListPredefinedValidatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: ClrDataListPredefinedValidatorDirective, selector: "[clrDataListPredefined]", inputs: { clrDataListPredefined: "clrDataListPredefined" }, providers: [{ provide: NG_VALIDATORS, useExisting: ClrDataListPredefinedValidatorDirective, multi: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrDataListPredefinedValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[clrDataListPredefined]',

package/esm2020/data-list-validator/data-list-validator.module.mjs

@@ -8,10 +8,10 @@ import { ClrDataListPredefinedValidatorDirective } from './data-list-predefined-
 import * as i0 from "@angular/core";
 export class ClrDataListValidatorModule {
 }
-ClrDataListValidatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrDataListValidatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ClrDataListValidatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: ClrDataListValidatorModule, declarations: [ClrDataListPredefinedValidatorDirective], exports: [ClrDataListPredefinedValidatorDirective] });
-ClrDataListValidatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrDataListValidatorModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ClrDataListValidatorModule, decorators: [{
+ClrDataListValidatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrDataListValidatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ClrDataListValidatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ClrDataListValidatorModule, declarations: [ClrDataListPredefinedValidatorDirective], exports: [ClrDataListPredefinedValidatorDirective] });
+ClrDataListValidatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrDataListValidatorModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrDataListValidatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ClrDataListPredefinedValidatorDirective],