@clr/angular 17.11.5 → 17.11.6

package/fesm2020/clr-angular.mjs

@@ -3,7 +3,7 @@ import { Directive, NgModule, Optional, Input, Injectable, Component, ChangeDete
 import * as i5 from '@angular/common';
 import { CommonModule, isPlatformBrowser, DOCUMENT, NgForOf, getLocaleDayNames, FormStyle, TranslationWidth, getLocaleMonthNames, getLocaleFirstDayOfWeek, getLocaleDateFormat, FormatWidth } from '@angular/common';
 import { ClarityIcons, angleIcon, exclamationCircleIcon, checkCircleIcon, ellipsisHorizontalIcon, windowCloseIcon, infoCircleIcon, timesIcon, angleDoubleIcon, eventIcon, calendarIcon, folderOpenIcon, minusIcon, plusIcon, eyeHideIcon, eyeIcon, ellipsisVerticalIcon, viewColumnsIcon, arrowIcon, stepForward2Icon, filterGridCircleIcon, filterGridIcon, errorStandardIcon, helpIcon, infoStandardIcon, noteIcon, successStandardIcon, warningStandardIcon, circleIcon, dotCircleIcon } from '@cds/core/icon';
-import { map, tap, startWith, distinctUntilChanged, filter, skipUntil, debounceTime, takeUntil, take, first, switchMap as switchMap$1 } from 'rxjs/operators';
+import { map, tap, startWith, distinctUntilChanged, filter, skipUntil, debounceTime, takeUntil, take, first, delay, switchMap as switchMap$1 } from 'rxjs/operators';
 import * as i3 from 'rxjs';
 import { Subject, BehaviorSubject, Observable, fromEvent, isObservable, of, shareReplay, combineLatest, startWith as startWith$1, switchMap, merge, map as map$1, EMPTY, ReplaySubject, tap as tap$1 } from 'rxjs';
 import * as i2 from '@angular/animations';
@@ -21002,7 +21002,7 @@ class Selection {
             }
             this.clearSelection();
         }));
-        this.subscriptions.push(_items.allChanges.subscribe(updatedItems => {
+        this.subscriptions.push(_items.allChanges.pipe(delay(0)).subscribe(updatedItems => {
             // Reset the lockedRefs;
             const updateLockedRef = [];
             switch (this.selectionType) {
@@ -21034,15 +21034,9 @@ class Selection {
                     if (_items.smart && !newSingle) {
                         selectionUpdated = true;
                     }
-                    // TODO: Discussed this with Eudes and this is fine for now.
-                    // But we need to figure out a different pattern for the
-                    // child triggering the parent change detection problem.
-                    // Using setTimeout for now to fix this.
-                    setTimeout(() => {
-                        if (selectionUpdated) {
-                            this.currentSingle = newSingle;
-                        }
-                    }, 0);
+                    if (selectionUpdated) {
+                        this.currentSingle = newSingle;
+                    }
                     break;
                 }
                 case SelectionType.Multi: {
@@ -21087,15 +21081,9 @@ class Selection {
                                 selectionUpdated = true;
                             }
                         }
-                        // TODO: Discussed this with Eudes and this is fine for now.
-                        // But we need to figure out a different pattern for the
-                        // child triggering the parent change detection problem.
-                        // Using setTimeout for now to fix this.
-                        setTimeout(() => {
-                            if (selectionUpdated) {
-                                this.current = leftOver;
-                            }
-                        }, 0);
+                        if (selectionUpdated) {
+                            this.current = leftOver;
+                        }
                     }
                     break;
                 }
@@ -21189,6 +21177,9 @@ class Selection {
             case SelectionType.None:
                 break;
             case SelectionType.Single:
+                if (selected) {
+                    this.currentSingle = item;
+                }
                 // in single selection, set currentSingle method should be used
                 break;
             case SelectionType.Multi:
@@ -21803,11 +21794,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-const defaultCdkFixedSizeVirtualScrollInputs = {
-    itemSize: 32,
-    minBufferPx: 200,
-    maxBufferPx: 400,
-};
 class ClrDatagridVirtualScrollDirective {
     constructor(changeDetectorRef, iterableDiffers, items, ngZone, renderer2, templateRef, viewContainerRef, directionality, scrollDispatcher, viewportRuler, datagrid, columnsService, injector) {
         this.changeDetectorRef = changeDetectorRef;
@@ -21826,15 +21812,20 @@ class ClrDatagridVirtualScrollDirective {
         this.renderedRangeChange = new EventEmitter();
         this.persistItems = true;
         this.shouldUpdateAriaRowIndexes = false;
-        this._cdkFixedSizeVirtualScrollInputs = { ...defaultCdkFixedSizeVirtualScrollInputs };
+        this._isUserProvidedItemSize = false;
+        this._itemSize = 33;
+        this._minBufferPx = 200;
+        this._maxBufferPx = 400;
         this.subscriptions = [];
         this.topIndex = 0;
         // @deprecated remove the mutation observer when `datagrid-compact` class is deleted
         this.mutationChanges = new MutationObserver((mutations) => {
             mutations.forEach((mutation) => {
                 // it is possible this to be called twice because the old class is removed and the new added
-                if (mutation.target.classList.contains('datagrid-compact') && this.itemSize > 24) {
-                    this.itemSize = 24;
+                if (!this._isUserProvidedItemSize &&
+                    mutation.target.classList.contains('datagrid-compact') &&
+                    this.itemSize > 25) {
+                    this.updateItemSize(25);
                 }
             });
         });
@@ -21847,16 +21838,21 @@ class ClrDatagridVirtualScrollDirective {
         this.datagridElementRef = datagrid.el;
         // default
         this.cdkVirtualForTemplateCacheSize = 20;
-        const rowHeightToken = window.getComputedStyle(document.body).getPropertyValue('--clr-table-row-height');
-        const rowHeightValue = +/calc\(([0-9]+) \* calc\(\(1rem \/ 20\) \* 1\)\)/.exec(rowHeightToken)?.[1];
+        const cellHeightToken = window.getComputedStyle(document.body).getPropertyValue('--clr-table-cell-height');
+        const cellHeightValue = +/calc\(([0-9]+) \* calc\(\(1rem \/ 20\) \* 1\)\)/.exec(cellHeightToken)?.[1];
+        const borderWidthToken = window.getComputedStyle(document.body).getPropertyValue('--clr-table-borderwidth');
+        const borderWidthValue = +/calc\(([0-9]+) \* \(1rem \/ 20\)\)/.exec(borderWidthToken)?.[1];
+        // initially rowHeightValue is calculated based on `--clr-table-row-height` that had a discreet value.
+        // currently `--clr-table-row-height` is calculated based on `--clr-table-cell-height` + `--clr-table-borderwidth`
+        const rowHeightValue = cellHeightValue + borderWidthValue;
         if (rowHeightValue && this.itemSize > rowHeightValue) {
-            this.itemSize = rowHeightValue;
+            this.updateItemSize(rowHeightValue);
         }
         this.mutationChanges.observe(this.datagridElementRef.nativeElement, {
             attributeFilter: ['class'],
             attributeOldValue: true,
         });
-        this.virtualScrollStrategy = new FixedSizeVirtualScrollStrategy(this._cdkFixedSizeVirtualScrollInputs.itemSize, this._cdkFixedSizeVirtualScrollInputs.minBufferPx, this._cdkFixedSizeVirtualScrollInputs.maxBufferPx);
+        this.virtualScrollStrategy = new FixedSizeVirtualScrollStrategy(this.itemSize, this.minBufferPx, this.maxBufferPx);
     }
     get totalContentHeight() {
         return this.virtualScrollViewport?._totalContentHeight || '';
@@ -21891,24 +21887,24 @@ class ClrDatagridVirtualScrollDirective {
         this.updateCdkVirtualForInputs();
     }
     get itemSize() {
-        return this._cdkFixedSizeVirtualScrollInputs.itemSize;
+        return this._itemSize;
     }
     set itemSize(value) {
-        this._cdkFixedSizeVirtualScrollInputs.itemSize = coerceNumberProperty(value);
-        this.updateFixedSizeVirtualScrollInputs();
+        this._isUserProvidedItemSize = true;
+        this.updateItemSize(value);
     }
     get minBufferPx() {
-        return this._cdkFixedSizeVirtualScrollInputs.minBufferPx;
+        return this._minBufferPx;
     }
     set minBufferPx(value) {
-        this._cdkFixedSizeVirtualScrollInputs.minBufferPx = coerceNumberProperty(value);
+        this._minBufferPx = coerceNumberProperty(value);
         this.updateFixedSizeVirtualScrollInputs();
     }
     get maxBufferPx() {
-        return this._cdkFixedSizeVirtualScrollInputs.maxBufferPx;
+        return this._maxBufferPx;
     }
     set maxBufferPx(value) {
-        this._cdkFixedSizeVirtualScrollInputs.maxBufferPx = coerceNumberProperty(value);
+        this._maxBufferPx = coerceNumberProperty(value);
         this.updateFixedSizeVirtualScrollInputs();
     }
     set dataRange(range) {
@@ -21979,6 +21975,10 @@ class ClrDatagridVirtualScrollDirective {
     scrollToIndex(index, behavior = 'auto') {
         this.virtualScrollViewport?.scrollToIndex(index, behavior);
     }
+    updateItemSize(value) {
+        this._itemSize = coerceNumberProperty(value);
+        this.updateFixedSizeVirtualScrollInputs();
+    }
     updateDataRange(skip, data) {
         let items = this.cdkVirtualForOf;
         if (!this.persistItems || !items || items?.length !== this.totalItems) {
@@ -21998,7 +21998,7 @@ class ClrDatagridVirtualScrollDirective {
     }
     updateFixedSizeVirtualScrollInputs() {
         if (this.virtualScrollStrategy) {
-            this.virtualScrollStrategy.updateItemAndBufferSize(this._cdkFixedSizeVirtualScrollInputs.itemSize, this._cdkFixedSizeVirtualScrollInputs.minBufferPx, this._cdkFixedSizeVirtualScrollInputs.maxBufferPx);
+            this.virtualScrollStrategy.updateItemAndBufferSize(this.itemSize, this.minBufferPx, this.maxBufferPx);
         }
     }
     updateAriaRowCount(rowCount) {
@@ -23673,6 +23673,90 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
                 args: ['clrIfDetail']
             }] } });
 
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
 /*
  * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
  * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
@@ -23684,6 +23768,11 @@ class ClrDatagridPageSize {
         this.page = page;
         this.pageSizeOptionsId = uniqueIdFactory();
     }
+    set label(label) {
+        if (label) {
+            label.disableGrid();
+        }
+    }
     ngOnInit() {
         if (!this.pageSizeOptions || this.pageSizeOptions.length === 0) {
             this.pageSizeOptions = [this.page.size];
@@ -23691,7 +23780,7 @@ class ClrDatagridPageSize {
     }
 }
 ClrDatagridPageSize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDatagridPageSize, deps: [{ token: Page }], target: i0.ɵɵFactoryTarget.Component });
-ClrDatagridPageSize.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ClrDatagridPageSize, selector: "clr-dg-page-size", inputs: { pageSizeOptions: ["clrPageSizeOptions", "pageSizeOptions"], pageSizeOptionsId: ["clrPageSizeOptionsId", "pageSizeOptionsId"] }, ngImport: i0, template: `
+ClrDatagridPageSize.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ClrDatagridPageSize, selector: "clr-dg-page-size", inputs: { pageSizeOptions: ["clrPageSizeOptions", "pageSizeOptions"], pageSizeOptionsId: ["clrPageSizeOptionsId", "pageSizeOptionsId"] }, viewQueries: [{ propertyName: "label", first: true, predicate: ClrLabel, descendants: true, static: true }], ngImport: i0, template: `
     <label [for]="pageSizeOptionsId"><ng-content></ng-content></label>
     <div class="clr-select-wrapper">
       <select [id]="pageSizeOptionsId" [class.clr-page-size-select]="true" [(ngModel)]="page.size">
@@ -23718,6 +23807,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
             }], pageSizeOptionsId: [{
                 type: Input,
                 args: ['clrPageSizeOptionsId']
+            }], label: [{
+                type: ViewChild,
+                args: [ClrLabel, { static: true }]
             }] } });
 
 /*
@@ -31081,90 +31173,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
 /**
  * Generated bundle index. Do not edit.
  */