@clr/angular 15.0.0-rc.2 → 15.0.0

package/fesm2020/clr-angular.mjs

@@ -12690,7 +12690,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.
          */
@@ -12870,6 +12869,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);
@@ -13624,7 +13633,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);
     }
     /**
@@ -13644,11 +13653,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()) {
@@ -14936,6 +14945,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() {
@@ -14969,11 +14981,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: "15.0.2", ngImport: i0, type: ClrDatagridColumnToggle, deps: [{ token: ClrCommonStringsService }, { token: ColumnsService }, { token: ClrPopoverToggleService }], target: i0.ɵɵFactoryTarget.Component });
 ClrDatagridColumnToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: ClrDatagridColumnToggle, selector: "clr-dg-column-toggle", host: { properties: { "class.column-switch-wrapper": "true", "class.active": "openState" } }, viewQueries: [{ propertyName: "allSelectedElement", first: true, predicate: ["allSelected"], descendants: true, read: ElementRef }], hostDirectives: [{ directive: PopoverHostDirective }], ngImport: i0, template: `