zek 14.2.49 → 14.2.51

package/fesm2020/zek.mjs

@@ -335,11 +335,14 @@ class Convert {
         }
         return false;
     }
-    static toNumber(value) {
-        if (typeof value !== 'undefined' && value !== null && value !== '') {
-            return +value;
-        }
-        return 0;
+    static toNumber(value, defaultValue = 0) {
+        return this.isNumber(value) ? Number(value) : defaultValue;
+    }
+    static isNumber(value) {
+        // parseFloat(value) handles most of the cases we're interested in (it treats null, empty string,
+        // and other non-number values as NaN, where Number just uses 0) but it considers the string
+        // '123hello' to be a valid number. Therefore we also check if Number(value) is NaN.
+        return !isNaN(parseFloat(value)) && !isNaN(Number(value));
     }
 }
 
@@ -788,9 +791,6 @@ class ObjectHelper {
         }
     }
     ;
-    static isBoolean(val) {
-        return val === false || val === true;
-    }
     static deepCopy(value) {
         if (!this.isObject(value))
             return value;
@@ -4854,39 +4854,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 }]
         }] });
 
-function toPercent(v) {
-    let n = MathHelper.round(Convert.toNumber(v));
-    if (n > 100) {
-        return 100;
-    }
-    else if (n < 0) {
-        return 0;
-    }
-    return n;
+function clamp(v, min = 0, max = 100) {
+    return Math.max(min, Math.min(max, v));
 }
 class ZekProgress {
     constructor() {
-        this._max = 100;
         this._value = 0;
-        this._normalizedValue = 0;
         this._showValue = false;
         this._striped = false;
         this._animated = false;
         this._label = null;
         this._height = null;
-    }
-    get max() {
-        return this._max;
-    }
-    set max(v) {
-        this._max = toPercent(v);
+        this._background = 'primary';
     }
     get value() {
         return this._value;
     }
     set value(v) {
-        this._value = Convert.toNumber(v);
-        this._normalizedValue = toPercent(this._value);
+        this._value = clamp(Convert.toNumber(v) || 0);
     }
     get showValue() {
         return this._showValue;
@@ -4910,19 +4895,14 @@ class ZekProgress {
         return this._label;
     }
     set label(v) {
-        if (this.label)
-            this._label = v;
+        this._label = v ? v : null;
     }
     get height() {
         return this._height;
     }
     set height(v) {
-        if (ObjectHelper.isDefined(v)) {
-            this._height = Convert.toNumber(v);
-        }
-        else {
-            this._height = null;
-        }
+        let tmp = Convert.toNumber(v) || 0;
+        this._height = tmp > 0 ? tmp : null;
     }
     get background() {
         return this._background;
@@ -4932,11 +4912,13 @@ class ZekProgress {
     }
 }
 ZekProgress.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ZekProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ZekProgress.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ZekProgress, selector: "zek-progress", inputs: { max: "max", striped: "striped", animated: "animated", label: "label", height: "height", background: "background" }, ngImport: i0, template: "<div class=\"progress\">\r\n    <div class=\"progress-bar\" role=\"progressbar\"\r\n        [class.progress-bar-striped]=\"striped || animated\"\r\n        [class.progress-bar-animated]=\"animated\"\r\n        [style.height.px]=\"height\"\r\n        [style.width.%]=\"_normalizedValue\"\r\n        [attr.aria-valuenow]=\"_normalizedValue\"\r\n        aria-valuemin=\"0\"\r\n        [attr.aria-valuemax]=\"max\">\r\n        <ng-container *ngIf=\"showValue\">{{_normalizedValue}}%</ng-container>\r\n        {{label}}\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ZekProgress.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ZekProgress, selector: "zek-progress", inputs: { value: "value", showValue: "showValue", striped: "striped", animated: "animated", label: "label", height: "height", background: "background" }, ngImport: i0, template: "<div class=\"progress\">\r\n    <div class=\"progress-bar bg-{{background}}\" role=\"progressbar\"\r\n        [class.progress-bar-striped]=\"striped || animated\"\r\n        [class.progress-bar-animated]=\"animated\"\r\n        [style.height.px]=\"height\"\r\n        [style.width.%]=\"value\"\r\n        [attr.aria-valuenow]=\"value\"\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\">\r\n        <ng-container *ngIf=\"showValue\">{{value}}%</ng-container>\r\n        {{label}}\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ZekProgress, decorators: [{
             type: Component,
-            args: [{ selector: 'zek-progress', template: "<div class=\"progress\">\r\n    <div class=\"progress-bar\" role=\"progressbar\"\r\n        [class.progress-bar-striped]=\"striped || animated\"\r\n        [class.progress-bar-animated]=\"animated\"\r\n        [style.height.px]=\"height\"\r\n        [style.width.%]=\"_normalizedValue\"\r\n        [attr.aria-valuenow]=\"_normalizedValue\"\r\n        aria-valuemin=\"0\"\r\n        [attr.aria-valuemax]=\"max\">\r\n        <ng-container *ngIf=\"showValue\">{{_normalizedValue}}%</ng-container>\r\n        {{label}}\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"] }]
-        }], propDecorators: { max: [{
+            args: [{ selector: 'zek-progress', template: "<div class=\"progress\">\r\n    <div class=\"progress-bar bg-{{background}}\" role=\"progressbar\"\r\n        [class.progress-bar-striped]=\"striped || animated\"\r\n        [class.progress-bar-animated]=\"animated\"\r\n        [style.height.px]=\"height\"\r\n        [style.width.%]=\"value\"\r\n        [attr.aria-valuenow]=\"value\"\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\">\r\n        <ng-container *ngIf=\"showValue\">{{value}}%</ng-container>\r\n        {{label}}\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], showValue: [{
                 type: Input
             }], striped: [{
                 type: Input