@seniorsistemas/angular-components 17.16.4 → 17.16.6

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

@@ -17783,7 +17783,7 @@
 
     var PanelComponent = /** @class */ (function () {
         function PanelComponent() {
-            this.collapsable = false;
+            this.toggleable = false;
             this.collapsed = false;
             this.severity = exports.EnumSeverity.Default;
             this.collapsedChange = new core.EventEmitter();
@@ -17814,15 +17814,12 @@
             this.bodyTemplate = this.getBodyTemplate();
             this.footerTemplate = this.getFooterTemplate();
         };
-        __decorate([
-            core.ContentChildren(TemplateDirective)
-        ], PanelComponent.prototype, "templates", void 0);
         __decorate([
             core.Input()
         ], PanelComponent.prototype, "header", void 0);
         __decorate([
             core.Input()
-        ], PanelComponent.prototype, "collapsable", void 0);
+        ], PanelComponent.prototype, "toggleable", void 0);
         __decorate([
             core.Input()
         ], PanelComponent.prototype, "collapsed", void 0);
@@ -17838,10 +17835,13 @@
         __decorate([
             core.Output()
         ], PanelComponent.prototype, "collapsedChange", void 0);
+        __decorate([
+            core.ContentChildren(TemplateDirective)
+        ], PanelComponent.prototype, "templates", void 0);
         PanelComponent = __decorate([
             core.Component({
                 selector: "s-panel",
-                template: "<div\n    class=\"panel\"\n    [ngClass]=\"[\n        class,\n        {\n            'panel--success': severity === EnumSeverity.Success,\n            'panel--info': severity === EnumSeverity.Info,\n            'panel--warn': severity === EnumSeverity.Warn,\n            'panel--error': severity === EnumSeverity.Error,\n            'panel--collapsed': collapsed\n        }\n    ]\">\n    <s-border-button\n        *ngIf=\"borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false\"\n        [severity]=\"severity\"\n        [options]=\"borderButtonOptions\"\n        class=\"border-button\"\n        [@BorderButtonAnimation]>\n    </s-border-button>\n\n    <div class=\"header\">\n        <ng-container *ngIf=\"headerTemplate; then customHeaderTemplate; else simpleHeaderTemplate\"></ng-container>\n        <ng-template #customHeaderTemplate>\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n        </ng-template>\n        <ng-template #simpleHeaderTemplate>\n            <span>{{ header }}</span>\n        </ng-template>\n\n        <button\n            *ngIf=\"collapsable\"\n            class=\"collapse-button fas\"\n            [ngClass]=\"{\n                'fa-plus': collapsed,\n                'fa-minus': !collapsed\n            }\"\n            (click)=\"toggleCollapsed()\">\n        </button>\n    </div>\n    <div *ngIf=\"!collapsable || !collapsed\" class=\"panel-content\">\n        <div class=\"body\">\n            <ng-content></ng-content>\n            <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n        </div>\n        <div *ngIf=\"footerTemplate\" class=\"footer\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n        </div>\n    </div>\n</div>",
+                template: "<div\n    [class]=\"class\"\n    [ngClass]=\"{\n        'panel': true,\n        'panel--success': severity === EnumSeverity.Success,\n        'panel--info': severity === EnumSeverity.Info,\n        'panel--warn': severity === EnumSeverity.Warn,\n        'panel--error': severity === EnumSeverity.Error,\n        'panel--collapsed': collapsed\n    }\"\n>\n    <s-border-button\n        *ngIf=\"borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false\"\n        [severity]=\"severity\"\n        [options]=\"borderButtonOptions\"\n        class=\"border-button\"\n        [@BorderButtonAnimation]\n    >\n    </s-border-button>\n\n    <div class=\"header\">\n        <ng-container *ngIf=\"headerTemplate; then customHeaderTemplate; else simpleHeaderTemplate\"></ng-container>\n        <ng-template #customHeaderTemplate>\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n        </ng-template>\n        <ng-template #simpleHeaderTemplate>\n            <span>{{ header }}</span>\n        </ng-template>\n\n        <button\n            *ngIf=\"toggleable\"\n            class=\"collapse-button fas\"\n            [ngClass]=\"{\n                'fa-plus': collapsed,\n                'fa-minus': !collapsed\n            }\"\n            (click)=\"toggleCollapsed()\"\n        ></button>\n    </div>\n\n    <div *ngIf=\"!toggleable || !collapsed\" class=\"panel-content\">\n        <div class=\"body\">\n            <ng-content></ng-content>\n            <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n        </div>\n\n        <div *ngIf=\"footerTemplate\" class=\"footer\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n        </div>\n    </div>\n</div>\n",
                 animations: [
                     animations.trigger("BorderButtonAnimation", [
                         animations.transition(":enter", [
@@ -18592,14 +18592,16 @@
     var SliderComponent = /** @class */ (function () {
         function SliderComponent() {
             var _this = this;
+            this.MAX_RANGE_VALUE = 100;
+            this.MIN_RANGE_VALUE = 0;
             this.multiple = false;
             this.value = 0;
             this.valueChange = new core.EventEmitter();
             this.step = 1;
             this.hiddenThumb = false;
             this.disabled = false;
-            this.min = 0;
-            this.max = 100;
+            this.min = this.MIN_RANGE_VALUE;
+            this.max = this.MAX_RANGE_VALUE;
             this.tabindex = 0;
             this.startValue = 0;
             this.endValue = 0;
@@ -18618,13 +18620,11 @@
              * @example
              * with min = -10 and max = 10 will have this map.
              * {
-             *     -10: { left: 0, right: 10 },
-             *     -9: { left: 11, right: 19 },
+             *     -10: { 0 },
+             *     -9: { 10 },
              *      ...
-             *     10: { left: 90, right: 100 }
+             *     10: { 10 }
              * }
-             * the left value represent value for startValue, the right value represent value for endValue
-             * left and right values ​​are used when applying percentages in the slider
              */
             this.mapRangeValuesForSlider = new Map();
             this.activeMouseDown = false;
@@ -18637,16 +18637,16 @@
                     (_this.multiple && _this.draggingThumb === "end" && newPosition < _this.startValue)) {
                     return;
                 }
-                var positionInUserRange = _this.getUserValueFromSliderValueByMap(newPosition);
+                var positionInUserRange = _this.getValueFromMapByValue(newPosition);
                 if (_this.multiple) {
                     if (_this.draggingThumb === "start") {
                         _this.startValue = _this.needParseValues
-                            ? _this.mapRangeValuesForSlider.get(positionInUserRange).left
+                            ? _this.mapRangeValuesForSlider.get(positionInUserRange)
                             : newPosition;
                     }
                     else if (_this.draggingThumb === "end") {
                         _this.endValue = _this.needParseValues
-                            ? _this.mapRangeValuesForSlider.get(positionInUserRange).right
+                            ? _this.mapRangeValuesForSlider.get(positionInUserRange)
                             : newPosition;
                     }
                     _this.setValue([_this.startValue, _this.endValue]);
@@ -18659,18 +18659,15 @@
                     }
                 }
                 else {
-                    var pickLeftValue = newPosition <= 50;
-                    var pickRightValue = newPosition > 50;
-                    if (pickLeftValue) {
-                        _this.endValue = _this.needParseValues
-                            ? _this.mapRangeValuesForSlider.get(positionInUserRange).left
-                            : newPosition;
-                    }
-                    else if (pickRightValue) {
-                        _this.endValue = _this.needParseValues
-                            ? _this.mapRangeValuesForSlider.get(positionInUserRange).right
-                            : newPosition;
+                    var currentValue = _this.value;
+                    var _value = _this.needParseValues ? positionInUserRange : newPosition;
+                    var isAtSameValue = _this.needParseValues ? positionInUserRange === _this.value : false;
+                    var hasStep = _this.step !== 0;
+                    var newValueIsValidByStep = hasStep ? currentValue + _this.step === _value || currentValue - _this.step === _value : false;
+                    if (isAtSameValue && !newValueIsValidByStep) {
+                        return;
                     }
+                    _this.endValue = _this.needParseValues ? _this.mapRangeValuesForSlider.get(positionInUserRange) : newPosition;
                     _this.startValue = _this.endValue;
                     _this.setValue(_this.endValue);
                 }
@@ -18691,20 +18688,20 @@
                 var startValueBeforeEvent = _this.startValueBeforeProgressBarEvent;
                 var range = _this.rangeBetweenElementsBeforeProgressBarEvent;
                 var _a = calculateNewRange(startValueBeforeEvent, startValueBeforeEvent + range, startPositionBeforeEvent, newCenter), newStart = _a.newStart, newEnd = _a.newEnd;
-                if (newStart < 0 || newEnd > 100) {
+                if (newStart < _this.MIN_RANGE_VALUE || newEnd > _this.MAX_RANGE_VALUE) {
                     return;
                 }
                 if (_this.needParseValues) {
-                    var startValueBeforeEventUserRange = _this.getUserValueFromSliderValueByMap(startValueBeforeEvent);
-                    var startPositionBeforeEventUserRange = _this.getUserValueFromSliderValueByMap(startPositionBeforeEvent);
-                    var centerUserRange = _this.getUserValueFromSliderValueByMap(newCenter);
+                    var startValueBeforeEventUserRange = _this.getValueFromMapByValue(startValueBeforeEvent);
+                    var startPositionBeforeEventUserRange = _this.getValueFromMapByValue(startPositionBeforeEvent);
+                    var centerUserRange = _this.getValueFromMapByValue(newCenter);
                     var valueRange = _this.totalRangeBeforeProgressBarEvent;
                     var _b = calculateNewRange(startValueBeforeEventUserRange, startValueBeforeEventUserRange + valueRange, startPositionBeforeEventUserRange, centerUserRange), newStart_1 = _b.newStart, newEnd_1 = _b.newEnd;
                     if (newStart_1 < _this.min || newEnd_1 > _this.max) {
                         return;
                     }
-                    _this.startValue = _this.mapRangeValuesForSlider.get(newStart_1).left;
-                    _this.endValue = _this.mapRangeValuesForSlider.get(newEnd_1).right;
+                    _this.startValue = _this.mapRangeValuesForSlider.get(newStart_1);
+                    _this.endValue = _this.mapRangeValuesForSlider.get(newEnd_1);
                 }
                 else {
                     _this.startValue = newStart;
@@ -18727,8 +18724,15 @@
         }
         SliderComponent_1 = SliderComponent;
         SliderComponent.prototype.ngOnInit = function () {
-            if (this.needParseValues) {
+            this.setUserRangeMapValues();
+        };
+        SliderComponent.prototype.ngOnChanges = function (changes) {
+            var hasChangesOnMin = changes.min && !changes.min.firstChange;
+            var hasChangesOnMax = changes.max && !changes.max.firstChange;
+            var hasChanges = hasChangesOnMin || hasChangesOnMax;
+            if (hasChanges) {
                 this.setUserRangeMapValues();
+                this.setRangeValues();
             }
         };
         SliderComponent.prototype.ngAfterViewInit = function () {
@@ -18751,14 +18755,16 @@
         };
         Object.defineProperty(SliderComponent.prototype, "tooltipStartText", {
             get: function () {
-                return (this.needParseValues ? this.getUserValueFromSliderValueByMap(this.startValue) : this.startValue).toString();
+                var _a, _b;
+                return Array.isArray(this.value) ? (_a = this.value[0]) === null || _a === void 0 ? void 0 : _a.toString() : (_b = this.value) === null || _b === void 0 ? void 0 : _b.toString();
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(SliderComponent.prototype, "tooltipEndText", {
             get: function () {
-                return (this.needParseValues ? this.getUserValueFromSliderValueByMap(this.endValue) : this.endValue).toString();
+                var _a, _b;
+                return Array.isArray(this.value) ? (_a = this.value[1]) === null || _a === void 0 ? void 0 : _a.toString() : (_b = this.value) === null || _b === void 0 ? void 0 : _b.toString();
             },
             enumerable: true,
             configurable: true
@@ -18787,11 +18793,11 @@
                 return;
             }
             var trackClickPercentage = this.getPercentageByEvent(evt);
-            var trackClickToUserRange = this.getUserValueFromSliderValueByMap(trackClickPercentage);
+            var trackClickToUserRange = this.getValueFromMapByValue(trackClickPercentage);
             var _trackClickValid = this.needParseValues ? trackClickToUserRange : trackClickPercentage;
             var _setEndValue = function () {
-                var _endValueUserValue = _this.getUserValueFromSliderValueByMap(_this.endValue);
-                var _endValue = _this.needParseValues ? _this.mapRangeValuesForSlider.get(trackClickToUserRange).right : trackClickPercentage;
+                var _endValueUserValue = _this.getValueFromMapByValue(_this.endValue);
+                var _endValue = _this.needParseValues ? _this.mapRangeValuesForSlider.get(trackClickToUserRange) : trackClickPercentage;
                 if (_this.needParseValues && _endValueUserValue !== trackClickToUserRange) {
                     _this.endValue = _endValue;
                 }
@@ -18800,10 +18806,10 @@
                 }
             };
             var _setStartValue = function () {
-                var _startValueUserValue = _this.getUserValueFromSliderValueByMap(_this.startValue);
+                var _startValueUserValue = _this.getValueFromMapByValue(_this.startValue);
                 if (_this.needParseValues && _startValueUserValue !== trackClickToUserRange) {
                     var _startValue = _this.needParseValues
-                        ? _this.mapRangeValuesForSlider.get(trackClickToUserRange).left
+                        ? _this.mapRangeValuesForSlider.get(trackClickToUserRange)
                         : trackClickPercentage;
                     _this.startValue = _startValue;
                 }
@@ -18813,8 +18819,8 @@
             };
             if (this.multiple) {
                 var _a = __read(this.value, 2), start = _a[0], end = _a[1];
-                var validStart_1 = this.needParseValues ? this.mapRangeValuesForSlider.get(start).left : start;
-                var validEnd_1 = this.needParseValues ? this.mapRangeValuesForSlider.get(end).right : end;
+                var validStart_1 = this.needParseValues ? this.mapRangeValuesForSlider.get(start) : start;
+                var validEnd_1 = this.needParseValues ? this.mapRangeValuesForSlider.get(end) : end;
                 var _updateStart = function () {
                     _setStartValue();
                     _this.setValue([trackClickPercentage, validEnd_1]);
@@ -18877,11 +18883,15 @@
             document.addEventListener("mouseup", this.onMouseUp);
         };
         SliderComponent.prototype.setRangeValues = function () {
+            var _this = this;
+            var _setStartAndEndValue = function (startValue, endValue) {
+                _this.startValue = _this.getClosestValueFromMapSlider(startValue);
+                _this.endValue = _this.getClosestValueFromMapSlider(endValue);
+            };
             if (Array.isArray(this.value) && !this.multiple) {
                 throw new Error('You must use "multiple" with value as array');
             }
-            var hasRangeValues = !!(this.startValue && this.endValue);
-            if (this.multiple && Array.isArray(this.value) && !hasRangeValues) {
+            if (this.multiple && Array.isArray(this.value)) {
                 this.startValue = this.value[0];
                 this.endValue = this.value[1];
             }
@@ -18893,13 +18903,40 @@
                 this.endValue = this.value;
             }
             if (this.needParseValues) {
-                var isEqualAndMultiple = this.multiple && this.startValue === this.endValue;
-                this.startValue = this.mapRangeValuesForSlider.get(this.startValue).left;
-                if (isEqualAndMultiple) {
-                    this.endValue = this.startValue;
+                _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]);
+                    }
                 }
                 else {
-                    this.endValue = this.mapRangeValuesForSlider.get(this.endValue).right;
+                    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);
+                    }
                 }
             }
             this.setProgress();
@@ -18921,22 +18958,22 @@
          */
         SliderComponent.prototype.getPercentageByEvent = function (mouseEvent) {
             var trackRect = this.track.nativeElement.getBoundingClientRect();
-            var newLeft = ((mouseEvent.clientX - trackRect.left) / trackRect.width) * 100;
-            newLeft = Math.round(newLeft / this.step) * this.step;
-            newLeft = Math.max(0, Math.min(newLeft, 100));
+            var newLeft = Math.round(((mouseEvent.clientX - trackRect.left) / trackRect.width) * this.MAX_RANGE_VALUE);
+            newLeft = Math.max(0, Math.min(newLeft, this.MAX_RANGE_VALUE));
             return newLeft;
         };
-        SliderComponent.prototype.setValue = function (value) {
+        SliderComponent.prototype.setValue = function (value, parse) {
             var _this = this;
+            if (parse === void 0) { parse = true; }
             if (this.disabled) {
                 return;
             }
-            if (this.needParseValues) {
+            if (this.needParseValues && parse) {
                 if (Array.isArray(value)) {
-                    value = value.map(function (x) { return _this.getUserValueFromSliderValueByMap(x); });
+                    value = value.map(function (x) { return _this.getValueFromMapByValue(x); });
                 }
                 else {
-                    value = this.getUserValueFromSliderValueByMap(value);
+                    value = this.getValueFromMapByValue(value);
                 }
             }
             this.value = value;
@@ -18949,54 +18986,84 @@
             var _this = this;
             var start = this.min;
             var end = this.max;
-            var forStart = 0;
-            var forEnd = 100;
-            this.mapRangeValuesForSlider.clear();
-            var mappedValues = [];
-            for (var i = start; i <= end; i++) {
-                var valuesWithMap = [];
-                for (var j = forStart; j <= forEnd; j++) {
-                    var sliderToUserRangeValue = this.mapSliderToUserRange(j);
-                    if (sliderToUserRangeValue !== i) {
-                        forStart = j;
-                        break;
-                    }
-                    else {
-                        valuesWithMap.push(j);
-                    }
-                }
-                var left = valuesWithMap[0];
-                var right = valuesWithMap[valuesWithMap.length - 1];
-                mappedValues.push({ value: i, left: left, right: right });
+            if (start > end) {
+                throw new Error('Max value must be greater than min value');
             }
-            adjustLastItem(mappedValues);
-            mappedValues.forEach(function (mappedValue) {
-                _this.mapRangeValuesForSlider.set(mappedValue.value, __assign({}, mappedValue));
+            this.mapRangeValuesForSlider.clear();
+            var range = end - start;
+            var decimalPlaces = 2;
+            var stepCount = Math.floor(range / this.step);
+            var values = [];
+            for (var value = start; value <= end; value += this.step) {
+                values.push(value);
+            }
+            if (values[values.length - 1] !== end) {
+                values.push(end);
+            }
+            var mappedValues = values.map(function (value) {
+                var mapped = ((value - start) / range) * _this.MAX_RANGE_VALUE;
+                return parseFloat(mapped.toFixed(decimalPlaces));
+            });
+            mappedValues[0] = 0;
+            mappedValues[mappedValues.length - 1] = this.MAX_RANGE_VALUE;
+            var error = this.MAX_RANGE_VALUE - mappedValues[mappedValues.length - 1];
+            var errorPerStep = error / stepCount;
+            for (var i = 1; i < mappedValues.length - 1; i++) {
+                mappedValues[i] += errorPerStep;
+                mappedValues[i] = parseFloat(mappedValues[i].toFixed(decimalPlaces));
+            }
+            values.forEach(function (value, index) {
+                _this.mapRangeValuesForSlider.set(value, mappedValues[index]);
             });
         };
         /**
-         * Maps a slider value to a user value in the range [min, max].
+         * Returns the user value from the given slider value by using the map of range values.
          * @example
-         * If min = 0 and max = 10, mapSliderToUserRange(25) returns 2.5
+         * If the map is 0: { 0 }, 1: { 10 }, 2: { 30 }, 3: { 40 }, 4: { 50 }
+         * and the sliderValue is 37, the function returns 3
+         * or the slider value is 40, the function returns 4
+         * @param sliderValue the value of the slider (values only between range MIN and MAX)
+         * @returns the user value from the given slider value
          */
-        SliderComponent.prototype.mapSliderToUserRange = function (sliderValue) {
-            return Math.floor(this.min + (sliderValue / 100) * (this.max - this.min));
+        SliderComponent.prototype.getValueFromMapByValue = function (sliderValue) {
+            var mapToArray = Array.from(this.mapRangeValuesForSlider).map(function (_a) {
+                var _b = __read(_a, 2), value = _b[0], mapped = _b[1];
+                return ({ value: value, mapped: mapped });
+            });
+            var exactValue = mapToArray.find(function (x) { return x.mapped == sliderValue; });
+            var closest = mapToArray.reduce(function (prev, curr) { return Math.abs(curr.mapped - sliderValue) < Math.abs(prev.mapped - sliderValue) ? curr : prev; });
+            return exactValue ? exactValue.value : closest.value;
         };
         /**
-         * Returns the user value from the given slider value by using the map of range values.
-         * @example
-         * If the map is [{value: 0, left: 0, right: 25}, {value: 1, left: 25, right: 50}, {value: 2, left: 50, right: 75}, {value: 3, left: 75, right: 100}]
-         * and the sliderValue is 37, the function returns 1
-         * @param sliderValue the value of the slider
-         * @returns the user value from the given slider value
+         * Retrieves the key from the map that is closest to the given slider value.
+         * @param userValue - The value to find the closest key for. (values only between 0 - 100)
+         * @returns The key that corresponds to the closest mapped value.
          */
-        SliderComponent.prototype.getUserValueFromSliderValueByMap = function (sliderValue) {
-            var _a;
-            var mapToArray = Array.from(this.mapRangeValuesForSlider).map(function (x) {
-                return __assign({ value: x[0] }, x[1]);
+        SliderComponent.prototype.getClosestValueFromMapSlider = function (userValue) {
+            var mapToArray = Array.from(this.mapRangeValuesForSlider).map(function (_a) {
+                var _b = __read(_a, 2), value = _b[0], mapped = _b[1];
+                return ({ value: value, mapped: mapped });
             });
-            var mappedValue = mapToArray.find(function (x) { return isInRange(sliderValue, x.left, x.right); });
-            return (_a = mappedValue === null || mappedValue === void 0 ? void 0 : mappedValue.value) !== null && _a !== void 0 ? _a : sliderValue;
+            if (userValue >= this.max) {
+                return mapToArray[mapToArray.length - 1].mapped;
+            }
+            else if (userValue <= this.min) {
+                return mapToArray[0].mapped;
+            }
+            var exactValue = mapToArray.find(function (x) { return x.value == userValue; });
+            var closestValue = mapToArray.reduce(function (prev, curr) { return Math.abs(curr.value - userValue) < Math.abs(prev.value - userValue) ? curr : prev; });
+            var item = exactValue || closestValue;
+            var isFirstItem = mapToArray[0] === item;
+            var isLastItem = mapToArray[mapToArray.length - 1] === item;
+            if (isFirstItem && userValue > this.min) {
+                return getMidpoint(item.mapped, mapToArray[1].mapped);
+            }
+            else if (isLastItem && userValue < this.max) {
+                return getMidpoint(item.mapped, mapToArray[mapToArray.length - 2].mapped);
+            }
+            else {
+                return item.mapped;
+            }
         };
         SliderComponent.prototype.handleArrowKeyLeft = function () {
             if (this.multiple) {
@@ -19018,6 +19085,7 @@
         };
         SliderComponent.prototype._incrementOrDecrementStartAndEndValue = function (increment) {
             var _a = __read(this.value, 2), start = _a[0], end = _a[1];
+            var difference = getDifference(end, start);
             if (increment) {
                 start += this.step;
                 end += this.step;
@@ -19026,31 +19094,28 @@
                 start -= this.step;
                 end -= this.step;
             }
-            if (this.needParseValues) {
-                if (!this.mapRangeValuesForSlider.has(start) || !this.mapRangeValuesForSlider.has(end)) {
-                    return;
+            var startLessThanMin = start < this.min;
+            var endGreaterThanMax = end > this.max;
+            if (startLessThanMin || endGreaterThanMax) {
+                if (startLessThanMin) {
+                    start = this.min;
+                    end = start + difference;
                 }
-                var isEqual = start === end;
-                if (isEqual && end === this.max) {
-                    start = this.mapRangeValuesForSlider.get(this.max).right;
-                    end = start;
-                }
-                else {
-                    start = this.mapRangeValuesForSlider.get(start).left;
-                    if (isEqual) {
-                        end = start;
-                    }
-                    else {
-                        end = this.mapRangeValuesForSlider.get(end).right;
-                    }
+                else if (endGreaterThanMax) {
+                    end = this.max;
+                    start = end - difference;
                 }
             }
-            if (start < 0 || end > 100) {
+            if (start < this.min || end > this.max) {
                 return;
             }
+            this.setValue([start, end], false);
+            if (this.needParseValues) {
+                start = this.getClosestValueFromMapSlider(start);
+                end = this.getClosestValueFromMapSlider(end);
+            }
             this.startValue = start;
             this.endValue = end;
-            this.setValue([start, end]);
         };
         SliderComponent.prototype._incrementOrDecrementEndValue = function (increment) {
             var value = this.value;
@@ -19062,28 +19127,18 @@
             }
             var _newEndValue = value;
             if (this.needParseValues) {
-                var valueParsedInSlider = this.mapRangeValuesForSlider.get(value);
-                if (!valueParsedInSlider) {
-                    return;
-                }
-                var pickLeft = valueParsedInSlider.right <= 50;
-                if (pickLeft) {
-                    _newEndValue = this.mapRangeValuesForSlider.get(value).left;
-                }
-                else {
-                    _newEndValue = this.mapRangeValuesForSlider.get(value).right;
-                }
+                _newEndValue = this.getClosestValueFromMapSlider(_newEndValue);
             }
-            if (_newEndValue < 0 || _newEndValue > 100) {
+            if (_newEndValue < this.MIN_RANGE_VALUE || _newEndValue > this.MAX_RANGE_VALUE) {
                 return;
             }
             this.endValue = _newEndValue;
             this.startValue = this.endValue;
-            this.setValue(this.endValue);
+            this.setValue(_newEndValue);
         };
         Object.defineProperty(SliderComponent.prototype, "needParseValues", {
             get: function () {
-                return this.max !== 100 || this.min !== 0;
+                return this.max !== this.MAX_RANGE_VALUE || this.min !== this.MIN_RANGE_VALUE;
             },
             enumerable: true,
             configurable: true
@@ -19165,72 +19220,15 @@
         return value >= min && value <= max;
     };
     var ɵ1$1 = isInRange;
-    /**
-     * Adjust the last item of a mapped range to fill the gap between it and the penultimate item.
-     * The gap is calculated by subtracting the difference between the last item's right and left
-     * from the average difference between all the previous items.
-     *
-     * @param mappedValues - The mapped range to be adjusted.
-     *
-     * The function works by finding the gap between the last item and the penultimate item and
-     * then distributing this gap among the previous items. The distribution is done by finding
-     * the items that need to be fixed and then fixing them by shifting their left and right
-     * positions.
-     *
-     * The function returns nothing, but it modifies the mappedValues array in place.
-     */
-    var adjustLastItem = function (mappedValues) {
-        var lastItem = mappedValues[mappedValues.length - 1];
-        var lastDifference = lastItem.right - lastItem.left;
-        var withoutLastItem = mappedValues.slice(0, mappedValues.length - 1);
-        var differences = withoutLastItem.map(function (_a) {
-            var left = _a.left, right = _a.right;
-            return right - left;
-        });
-        var averageDifference = Math.floor(differences.reduce(function (sum, diff) { return sum + diff; }, 0) / differences.length);
-        var _getRandomIndexFromArray = function (array, storedChanges) {
-            if (storedChanges.length === array.length) {
-                storedChanges = [];
-            }
-            var randomIndex = Math.floor(Math.random() * array.length);
-            var randomIndexAlreadyStored = storedChanges.includes(randomIndex);
-            while (randomIndexAlreadyStored) {
-                randomIndex = Math.floor(Math.random() * withoutLastItem.length);
-                randomIndexAlreadyStored = storedChanges.includes(randomIndex);
-            }
-            storedChanges.push(randomIndex);
-            return { randomIndex: randomIndex, storedChanges: storedChanges };
-        };
-        var needFixLastItem = lastDifference < averageDifference;
-        var arr = [];
-        if (needFixLastItem) {
-            var captureItensCount = averageDifference - lastDifference;
-            var randomIndexStored = [];
-            for (var i = 0; i <= captureItensCount; i++) {
-                var _a = _getRandomIndexFromArray(withoutLastItem, randomIndexStored), randomIndex = _a.randomIndex, storedChanges = _a.storedChanges;
-                randomIndexStored = storedChanges;
-                arr.push(randomIndex);
-                var randomItem = withoutLastItem[randomIndex];
-                --lastItem.left;
-                --randomItem.right;
-            }
-            mappedValues.forEach(function (mappedValue, index) {
-                var _next = mappedValues[index + 1];
-                if (!_next) {
-                    return;
-                }
-                var nextLeft = _next.left;
-                var currentRight = mappedValue.right;
-                if (currentRight !== currentRight + 1) {
-                    var _nextDiff = _next.right - nextLeft;
-                    var _nextLeft = currentRight + 1;
-                    _next.left = _nextLeft;
-                    _next.right = _nextLeft + _nextDiff;
-                }
-            });
-        }
+    var getMidpoint = function (start, end) {
+        var midpoint = (start + end) / 2;
+        return parseFloat(midpoint.toFixed(2));
+    };
+    var ɵ2 = getMidpoint;
+    var getDifference = function (end, start) {
+        return Math.abs(end - start);
     };
-    var ɵ2 = adjustLastItem;
+    var ɵ3 = getDifference;
 
     var SliderModule = /** @class */ (function () {
         function SliderModule() {
@@ -20604,7 +20602,7 @@
         var _list = list instanceof Set ? Array.from(list) : list;
         return _list.filter(function (x) { return !x.disabled; });
     };
-    var ɵ3 = filterEnabled;
+    var ɵ3$1 = filterEnabled;
     var mapData = function (list) {
         return list.map(function (x) { return x.data; });
     };
@@ -21153,7 +21151,7 @@
     exports.ɵ0 = ɵ0$3;
     exports.ɵ1 = ɵ1$2;
     exports.ɵ2 = ɵ2$1;
-    exports.ɵ3 = ɵ3;
+    exports.ɵ3 = ɵ3$1;
     exports.ɵ4 = ɵ4;
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;