@clr/angular 12.3.0 → 12.4.1

package/bundles/clr-angular.umd.js

@@ -12012,10 +12012,13 @@
         }
         DatagridPropertyNumericFilter.prototype.accepts = function (item, low, high) {
             var propValue = this.nestedProp.getPropValue(item);
-            if (low !== null && propValue < low) {
+            if (propValue === undefined) {
                 return false;
             }
-            if (high !== null && propValue > high) {
+            if (low !== null && (typeof propValue !== 'number' || propValue < low)) {
+                return false;
+            }
+            if (high !== null && (typeof propValue !== 'number' || propValue > high)) {
                 return false;
             }
             return true;
@@ -16357,6 +16360,7 @@
     var ClrDatagridPageSize = /** @class */ (function () {
         function ClrDatagridPageSize(page) {
             this.page = page;
+            this.pageSizeOptionsId = uniqueIdFactory();
         }
         ClrDatagridPageSize.prototype.ngOnInit = function () {
             if (!this.pageSizeOptions || this.pageSizeOptions.length === 0) {
@@ -16368,14 +16372,15 @@
     ClrDatagridPageSize.decorators = [
         { type: i0.Component, args: [{
                     selector: 'clr-dg-page-size',
-                    template: "\n    <ng-content></ng-content>\n    <div class=\"clr-select-wrapper\">\n      <select [class.clr-page-size-select]=\"true\" [(ngModel)]=\"page.size\">\n        <option *ngFor=\"let option of pageSizeOptions\" [ngValue]=\"option\">{{ option }}</option>\n      </select>\n    </div>\n  "
+                    template: "\n    <ng-content></ng-content>\n    <div class=\"clr-select-wrapper\">\n      <select [id]=\"pageSizeOptionsId\" [class.clr-page-size-select]=\"true\" [(ngModel)]=\"page.size\">\n        <option *ngFor=\"let option of pageSizeOptions\" [ngValue]=\"option\">{{ option }}</option>\n      </select>\n    </div>\n  "
                 },] }
     ];
     ClrDatagridPageSize.ctorParameters = function () { return [
         { type: Page }
     ]; };
     ClrDatagridPageSize.propDecorators = {
-        pageSizeOptions: [{ type: i0.Input, args: ['clrPageSizeOptions',] }]
+        pageSizeOptions: [{ type: i0.Input, args: ['clrPageSizeOptions',] }],
+        pageSizeOptionsId: [{ type: i0.Input, args: ['clrPageSizeOptionsId',] }]
     };
 
     /*