@seniorsistemas/angular-components 17.16.6 → 17.16.7

package/bundles/seniorsistemas-angular-components.umd.js

@@ -18727,12 +18727,15 @@
             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 () {
@@ -18771,6 +18774,7 @@
         });
         SliderComponent.prototype.writeValue = function (obj) {
             this.value = obj;
+            this.setRangeValues();
         };
         SliderComponent.prototype.registerOnChange = function (fn) {
             this.onChange = fn;
@@ -18888,6 +18892,9 @@
                 _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');
             }
@@ -18895,48 +18902,43 @@
                 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();
@@ -19186,7 +19188,7 @@
         SliderComponent = SliderComponent_1 = __decorate([
             core.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: forms.NG_VALUE_ACCESSOR,