@seniorsistemas/angular-components 17.16.6 → 17.16.7

package/fesm5/seniorsistemas-angular-components.js

@@ -18582,12 +18582,15 @@ var SliderComponent = /** @class */ (function () {
         this.setUserRangeMapValues();
     };
     SliderComponent.prototype.ngOnChanges = function (changes) {
+        var _this = this;
         var hasChangesOnMin = changes.min && !changes.min.firstChange;
         var hasChangesOnMax = changes.max && !changes.max.firstChange;
         var hasChanges = hasChangesOnMin || hasChangesOnMax;
         if (hasChanges) {
             this.setUserRangeMapValues();
-            this.setRangeValues();
+            setTimeout(function () {
+                _this.setRangeValues();
+            });
         }
     };
     SliderComponent.prototype.ngAfterViewInit = function () {
@@ -18626,6 +18629,7 @@ var SliderComponent = /** @class */ (function () {
     });
     SliderComponent.prototype.writeValue = function (obj) {
         this.value = obj;
+        this.setRangeValues();
     };
     SliderComponent.prototype.registerOnChange = function (fn) {
         this.onChange = fn;
@@ -18743,6 +18747,9 @@ var SliderComponent = /** @class */ (function () {
             _this.startValue = _this.getClosestValueFromMapSlider(startValue);
             _this.endValue = _this.getClosestValueFromMapSlider(endValue);
         };
+        if (this.value === null || this.value === undefined) {
+            return;
+        }
         if (Array.isArray(this.value) && !this.multiple) {
             throw new Error('You must use "multiple" with value as array');
         }
@@ -18750,48 +18757,43 @@ var SliderComponent = /** @class */ (function () {
             this.startValue = this.value[0];
             this.endValue = this.value[1];
         }
-        else if (this.multiple && !Array.isArray(this.value)) {
-            this.value = [this.startValue, this.endValue];
-        }
         else if (!this.multiple) {
             this.startValue = this.value;
             this.endValue = this.value;
         }
-        if (this.needParseValues) {
-            _setStartAndEndValue(this.startValue, this.endValue);
-            if (this.multiple) {
-                var _a = __read(this.value, 2), _startValue = _a[0], _endValue = _a[1];
-                var difference = getDifference(_endValue, _startValue);
-                var endValueIsGreatherThanMax = _endValue > this.max;
-                var startValueIsLessThanMin = _startValue < this.min;
-                var needUpdateValues = endValueIsGreatherThanMax || startValueIsLessThanMin;
-                if (endValueIsGreatherThanMax) {
-                    _endValue = this.max;
-                    _startValue = _endValue - difference;
-                }
-                else if (startValueIsLessThanMin) {
-                    _startValue = this.min;
-                    _endValue = _startValue + difference;
-                }
-                if (needUpdateValues) {
-                    _setStartAndEndValue(_startValue, _endValue);
-                    this.setValue([this.startValue, this.endValue]);
-                }
+        _setStartAndEndValue(this.startValue, this.endValue);
+        if (this.multiple) {
+            var _a = __read(this.value, 2), _startValue = _a[0], _endValue = _a[1];
+            var difference = getDifference(_endValue, _startValue);
+            var endValueIsGreatherThanMax = _endValue > this.max;
+            var startValueIsLessThanMin = _startValue < this.min;
+            var needUpdateValues = endValueIsGreatherThanMax || startValueIsLessThanMin;
+            if (endValueIsGreatherThanMax) {
+                _endValue = this.max;
+                _startValue = _endValue - difference;
             }
-            else {
-                var _value = this.value;
-                var valueGreatherThanMax = _value > this.max;
-                var valueLessThanMin = _value < this.min;
-                var needUpdateValue = valueGreatherThanMax || valueLessThanMin;
-                if (valueGreatherThanMax) {
-                    _value = this.max;
-                }
-                else if (valueLessThanMin) {
-                    _value = this.min;
-                }
-                if (needUpdateValue) {
-                    this.setValue(_value);
-                }
+            else if (startValueIsLessThanMin) {
+                _startValue = this.min;
+                _endValue = _startValue + difference;
+            }
+            if (needUpdateValues) {
+                _setStartAndEndValue(_startValue, _endValue);
+                this.setValue([this.startValue, this.endValue]);
+            }
+        }
+        else {
+            var _value = this.value;
+            var valueGreatherThanMax = _value > this.max;
+            var valueLessThanMin = _value < this.min;
+            var needUpdateValue = valueGreatherThanMax || valueLessThanMin;
+            if (valueGreatherThanMax) {
+                _value = this.max;
+            }
+            else if (valueLessThanMin) {
+                _value = this.min;
+            }
+            if (needUpdateValue) {
+                this.setValue(_value, false);
             }
         }
         this.setProgress();
@@ -19041,7 +19043,7 @@ var SliderComponent = /** @class */ (function () {
     SliderComponent = SliderComponent_1 = __decorate([
         Component({
             selector: "s-slider",
-            template: "<div\n    class=\"slider-container\"\n    [ngClass]=\"{ 'slider-container--disabled': disabled }\"\n    [tabindex]=\"tabindex\"\n    (click)=\"onTrackClick($event)\"\n    (focus)=\"onFocusIn()\"\n    (blur)=\"onBlur()\">\n    <div\n        #track\n        class=\"slider-track\"\n        [ngClass]=\"{\n            'slider-track--hidden-thumb': hiddenThumb,\n            'slider-track--moving-multiple-thumbs': movingProgressBar\n        }\">\n        <div\n            class=\"slider-progress\"\n            (mousedown)=\"onProgressMouseDown($event)\"\n            [style.left.%]=\"progressLeft\"\n            [style.width]=\"progressWidth\"\n        ></div>\n        <div\n            *ngIf=\"multiple\"\n            class=\"slider-thumb\"\n            [sTooltip]=\"tooltipStartText\"\n            (mousedown)=\"onMouseDown($event, 'start')\"\n            [style.left.%]=\"startValue\"\n        ></div>\n        <div\n            [sTooltip]=\"tooltipEndText\"\n            class=\"slider-thumb\"\n            (mousedown)=\"onMouseDown($event, 'end')\"\n            [style.left.%]=\"endValue\"></div>\n    </div>\n    <div class=\"footer\">\n        <span>{{ minValueLabel || min }}</span>\n        <span>{{ maxValueLabel || max }}</span>\n    </div>\n</div>\n",
+            template: "<div\n    class=\"slider-container\"\n    [ngClass]=\"{ 'slider-container--disabled': disabled }\"\n    [tabindex]=\"tabindex\"\n    (click)=\"onTrackClick($event)\"\n    (focus)=\"onFocusIn()\"\n    (blur)=\"onBlur()\">\n    <div\n        #track\n        class=\"slider-track\"\n        [ngClass]=\"{\n            'slider-track--hidden-thumb': hiddenThumb,\n            'slider-track--moving-multiple-thumbs': movingProgressBar\n        }\">\n        <div\n            class=\"slider-progress\"\n            (mousedown)=\"onProgressMouseDown($event)\"\n            [style.left.%]=\"progressLeft\"\n            [style.width]=\"progressWidth\"\n        ></div>\n        <div\n            *ngIf=\"multiple\"\n            class=\"slider-thumb\"\n            [sTooltip]=\"tooltipStartText\"\n            [showDelay]=\"0\"\n            (mousedown)=\"onMouseDown($event, 'start')\"\n            [style.left.%]=\"startValue\"\n        ></div>\n        <div\n            [sTooltip]=\"tooltipEndText\"\n            class=\"slider-thumb\"\n            [showDelay]=\"0\"\n            (mousedown)=\"onMouseDown($event, 'end')\"\n            [style.left.%]=\"endValue\"></div>\n    </div>\n    <div class=\"footer\">\n        <span>{{ minValueLabel || min }}</span>\n        <span>{{ maxValueLabel || max }}</span>\n    </div>\n</div>\n",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,