@clr/angular 13.14.0 → 13.14.1

package/fesm2020/clr-angular.mjs

@@ -13838,7 +13838,6 @@ class Items {
          * Indicates if the data is currently loading
          */
         this.loading = false;
-        // TODO: Verify that trackBy is registered for the *ngFor case too
         /**
          * Tracking function to identify objects. Default is reference equality.
          */
@@ -14018,6 +14017,16 @@ class ClrDatagridItems {
         this.items.trackBy = value;
         this.iterableProxy.ngForTrackBy = value;
     }
+    /**
+     * Asserts the correct type of the template context that the directive will render.
+     * See https://angular.io/guide/structural-directives#typing-the-directives-context
+     *
+     * The presence of this method is a signal to the Ivy template type-check compiler that the
+     * structural directive renders its template with a specific context type.
+     */
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
     ngDoCheck() {
         if (!this.differ) {
             this.differ = this.differs.find(this._rawItems).create(this.iterableProxy.ngForTrackBy);
@@ -14781,7 +14790,7 @@ class Selection {
      *
      */
     canItBeLocked() {
-        // We depend on the trackBy and all so there are part of the requirment of is item could be locked
+        // We depend on the trackBy and all so there are part of the requirement of is item could be locked
         return this._selectionType !== SelectionType.None && Array.isArray(this._items.all);
     }
     /**
@@ -14801,11 +14810,11 @@ class Selection {
         }
     }
     /**
-     * Check is item locked or not by searcing into lockedRefs for entry
+     * Check is item locked or not by searching into lockedRefs for entry
      */
     isLocked(item) {
         /**
-         * The check for selectionType will boost the performence by NOT searching
+         * The check for selectionType will boost the performance by NOT searching
          * into the array when there is no need for that.
          */
         if (this.canItBeLocked()) {
@@ -16112,6 +16121,9 @@ class ClrDatagridColumnToggle {
             anchor: ClrAlignment.START,
             content: ClrAlignment.START,
         };
+        // Without tracking the checkboxes get rerendered on model update, which leads
+        // to loss of focus after checkbox toggle.
+        this.trackByFn = index => index;
         this.subscription = popoverToggleService.openChange.subscribe(change => (this.openState = change));
     }
     get allColumnsVisible() {
@@ -16145,11 +16157,6 @@ class ClrDatagridColumnToggle {
     allColumnsSelected() {
         this.allSelectedElement.nativeElement.focus();
     }
-    // Without tracking the checkboxes get rerendered on model update, which leads
-    // to loss of focus after checkbox toggle.
-    trackByFn(index) {
-        return index;
-    }
 }
 ClrDatagridColumnToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrDatagridColumnToggle, deps: [{ token: ClrCommonStringsService }, { token: ColumnsService }, { token: ClrPopoverToggleService }], target: i0.ɵɵFactoryTarget.Component });
 ClrDatagridColumnToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ClrDatagridColumnToggle, selector: "clr-dg-column-toggle", host: { properties: { "class.column-switch-wrapper": "true", "class.active": "openState" } }, providers: [ClrPopoverEventsService, ClrPopoverPositionService, ClrPopoverToggleService], queries: [{ propertyName: "customToggleTitle", first: true, predicate: ClrDatagridColumnToggleTitle, descendants: true }, { propertyName: "customToggleButton", first: true, predicate: ClrDatagridColumnToggleButton, descendants: true }], viewQueries: [{ propertyName: "allSelectedElement", first: true, predicate: ["allSelected"], descendants: true, read: ElementRef }], ngImport: i0, template: `