@seniorsistemas/angular-components 17.16.3 → 17.16.5

package/fesm2015/seniorsistemas-angular-components.js

@@ -16529,13 +16529,16 @@ __decorate([
 __decorate([
     Input()
 ], PanelComponent.prototype, "borderButtonOptions", void 0);
+__decorate([
+    Input()
+], PanelComponent.prototype, "class", void 0);
 __decorate([
     Output()
 ], PanelComponent.prototype, "collapsedChange", void 0);
 PanelComponent = __decorate([
     Component({
         selector: "s-panel",
-        template: "<div\n    class=\"panel\"\n    [ngClass]=\"{\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    <s-border-button\n        *ngIf=\"\n            borderButtonOptions?.visible\n                ? borderButtonOptions?.visible(severity)\n                : false\n        \"\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=\"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>",
         animations: [
             trigger("BorderButtonAnimation", [
                 transition(":enter", [
@@ -17230,14 +17233,16 @@ SlidePanelModule = __decorate([
 var SliderComponent_1;
 let SliderComponent = SliderComponent_1 = class SliderComponent {
     constructor() {
+        this.MAX_RANGE_VALUE = 100;
+        this.MIN_RANGE_VALUE = 0;
         this.multiple = false;
         this.value = 0;
         this.valueChange = new 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;
@@ -17256,13 +17261,11 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
          * @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;
@@ -17275,16 +17278,16 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
                 (this.multiple && this.draggingThumb === "end" && newPosition < this.startValue)) {
                 return;
             }
-            const positionInUserRange = this.getUserValueFromSliderValueByMap(newPosition);
+            const 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]);
@@ -17297,18 +17300,15 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
                 }
             }
             else {
-                const pickLeftValue = newPosition <= 50;
-                const 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;
+                const currentValue = this.value;
+                const _value = this.needParseValues ? positionInUserRange : newPosition;
+                const isAtSameValue = this.needParseValues ? positionInUserRange === this.value : false;
+                const hasStep = this.step !== 0;
+                const 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);
             }
@@ -17329,20 +17329,20 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
             const startValueBeforeEvent = this.startValueBeforeProgressBarEvent;
             const range = this.rangeBetweenElementsBeforeProgressBarEvent;
             let { newStart, newEnd } = calculateNewRange(startValueBeforeEvent, startValueBeforeEvent + range, startPositionBeforeEvent, newCenter);
-            if (newStart < 0 || newEnd > 100) {
+            if (newStart < this.MIN_RANGE_VALUE || newEnd > this.MAX_RANGE_VALUE) {
                 return;
             }
             if (this.needParseValues) {
-                const startValueBeforeEventUserRange = this.getUserValueFromSliderValueByMap(startValueBeforeEvent);
-                const startPositionBeforeEventUserRange = this.getUserValueFromSliderValueByMap(startPositionBeforeEvent);
-                const centerUserRange = this.getUserValueFromSliderValueByMap(newCenter);
+                const startValueBeforeEventUserRange = this.getValueFromMapByValue(startValueBeforeEvent);
+                const startPositionBeforeEventUserRange = this.getValueFromMapByValue(startPositionBeforeEvent);
+                const centerUserRange = this.getValueFromMapByValue(newCenter);
                 const valueRange = this.totalRangeBeforeProgressBarEvent;
                 let { newStart, newEnd } = calculateNewRange(startValueBeforeEventUserRange, startValueBeforeEventUserRange + valueRange, startPositionBeforeEventUserRange, centerUserRange);
                 if (newStart < this.min || newEnd > this.max) {
                     return;
                 }
-                this.startValue = this.mapRangeValuesForSlider.get(newStart).left;
-                this.endValue = this.mapRangeValuesForSlider.get(newEnd).right;
+                this.startValue = this.mapRangeValuesForSlider.get(newStart);
+                this.endValue = this.mapRangeValuesForSlider.get(newEnd);
             }
             else {
                 this.startValue = newStart;
@@ -17364,8 +17364,15 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
         };
     }
     ngOnInit() {
-        if (this.needParseValues) {
+        this.setUserRangeMapValues();
+    }
+    ngOnChanges(changes) {
+        const hasChangesOnMin = changes.min && !changes.min.firstChange;
+        const hasChangesOnMax = changes.max && !changes.max.firstChange;
+        const hasChanges = hasChangesOnMin || hasChangesOnMax;
+        if (hasChanges) {
             this.setUserRangeMapValues();
+            this.setRangeValues();
         }
     }
     ngAfterViewInit() {
@@ -17386,10 +17393,12 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
         }
     }
     get tooltipStartText() {
-        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();
     }
     get tooltipEndText() {
-        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();
     }
     writeValue(obj) {
         this.value = obj;
@@ -17414,11 +17423,11 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
             return;
         }
         const trackClickPercentage = this.getPercentageByEvent(evt);
-        const trackClickToUserRange = this.getUserValueFromSliderValueByMap(trackClickPercentage);
+        const trackClickToUserRange = this.getValueFromMapByValue(trackClickPercentage);
         const _trackClickValid = this.needParseValues ? trackClickToUserRange : trackClickPercentage;
         const _setEndValue = () => {
-            const _endValueUserValue = this.getUserValueFromSliderValueByMap(this.endValue);
-            const _endValue = this.needParseValues ? this.mapRangeValuesForSlider.get(trackClickToUserRange).right : trackClickPercentage;
+            const _endValueUserValue = this.getValueFromMapByValue(this.endValue);
+            const _endValue = this.needParseValues ? this.mapRangeValuesForSlider.get(trackClickToUserRange) : trackClickPercentage;
             if (this.needParseValues && _endValueUserValue !== trackClickToUserRange) {
                 this.endValue = _endValue;
             }
@@ -17427,10 +17436,10 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
             }
         };
         const _setStartValue = () => {
-            const _startValueUserValue = this.getUserValueFromSliderValueByMap(this.startValue);
+            const _startValueUserValue = this.getValueFromMapByValue(this.startValue);
             if (this.needParseValues && _startValueUserValue !== trackClickToUserRange) {
                 const _startValue = this.needParseValues
-                    ? this.mapRangeValuesForSlider.get(trackClickToUserRange).left
+                    ? this.mapRangeValuesForSlider.get(trackClickToUserRange)
                     : trackClickPercentage;
                 this.startValue = _startValue;
             }
@@ -17440,8 +17449,8 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
         };
         if (this.multiple) {
             const [start, end] = this.value;
-            const validStart = this.needParseValues ? this.mapRangeValuesForSlider.get(start).left : start;
-            const validEnd = this.needParseValues ? this.mapRangeValuesForSlider.get(end).right : end;
+            const validStart = this.needParseValues ? this.mapRangeValuesForSlider.get(start) : start;
+            const validEnd = this.needParseValues ? this.mapRangeValuesForSlider.get(end) : end;
             const _updateStart = () => {
                 _setStartValue();
                 this.setValue([trackClickPercentage, validEnd]);
@@ -17504,11 +17513,14 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
         document.addEventListener("mouseup", this.onMouseUp);
     }
     setRangeValues() {
+        const _setStartAndEndValue = (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');
         }
-        const 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];
         }
@@ -17520,13 +17532,40 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
             this.endValue = this.value;
         }
         if (this.needParseValues) {
-            const 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) {
+                let [_startValue, _endValue] = this.value;
+                const difference = getDifference(_endValue, _startValue);
+                const endValueIsGreatherThanMax = _endValue > this.max;
+                const startValueIsLessThanMin = _startValue < this.min;
+                const 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;
+                let _value = this.value;
+                const valueGreatherThanMax = _value > this.max;
+                const valueLessThanMin = _value < this.min;
+                const needUpdateValue = valueGreatherThanMax || valueLessThanMin;
+                if (valueGreatherThanMax) {
+                    _value = this.max;
+                }
+                else if (valueLessThanMin) {
+                    _value = this.min;
+                }
+                if (needUpdateValue) {
+                    this.setValue(_value);
+                }
             }
         }
         this.setProgress();
@@ -17548,21 +17587,20 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
      */
     getPercentageByEvent(mouseEvent) {
         const trackRect = this.track.nativeElement.getBoundingClientRect();
-        let newLeft = ((mouseEvent.clientX - trackRect.left) / trackRect.width) * 100;
-        newLeft = Math.round(newLeft / this.step) * this.step;
-        newLeft = Math.max(0, Math.min(newLeft, 100));
+        let 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;
     }
-    setValue(value) {
+    setValue(value, parse = true) {
         if (this.disabled) {
             return;
         }
-        if (this.needParseValues) {
+        if (this.needParseValues && parse) {
             if (Array.isArray(value)) {
-                value = value.map((x) => this.getUserValueFromSliderValueByMap(x));
+                value = value.map((x) => this.getValueFromMapByValue(x));
             }
             else {
-                value = this.getUserValueFromSliderValueByMap(value);
+                value = this.getValueFromMapByValue(value);
             }
         }
         this.value = value;
@@ -17574,54 +17612,78 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
     setUserRangeMapValues() {
         const start = this.min;
         const end = this.max;
-        let forStart = 0;
-        let forEnd = 100;
-        this.mapRangeValuesForSlider.clear();
-        const mappedValues = [];
-        for (let i = start; i <= end; i++) {
-            const valuesWithMap = [];
-            for (let j = forStart; j <= forEnd; j++) {
-                const sliderToUserRangeValue = this.mapSliderToUserRange(j);
-                if (sliderToUserRangeValue !== i) {
-                    forStart = j;
-                    break;
-                }
-                else {
-                    valuesWithMap.push(j);
-                }
-            }
-            const left = valuesWithMap[0];
-            const right = valuesWithMap[valuesWithMap.length - 1];
-            mappedValues.push({ value: i, left, right });
+        if (start > end) {
+            throw new Error('Max value must be greater than min value');
         }
-        adjustLastItem(mappedValues);
-        mappedValues.forEach((mappedValue) => {
-            this.mapRangeValuesForSlider.set(mappedValue.value, Object.assign({}, mappedValue));
+        this.mapRangeValuesForSlider.clear();
+        const range = end - start;
+        const decimalPlaces = 2;
+        const stepCount = Math.floor(range / this.step);
+        const values = [];
+        for (let value = start; value <= end; value += this.step) {
+            values.push(value);
+        }
+        if (values[values.length - 1] !== end) {
+            values.push(end);
+        }
+        const mappedValues = values.map((value) => {
+            let mapped = ((value - start) / range) * this.MAX_RANGE_VALUE;
+            return parseFloat(mapped.toFixed(decimalPlaces));
+        });
+        mappedValues[0] = 0;
+        mappedValues[mappedValues.length - 1] = this.MAX_RANGE_VALUE;
+        const error = this.MAX_RANGE_VALUE - mappedValues[mappedValues.length - 1];
+        const errorPerStep = error / stepCount;
+        for (let i = 1; i < mappedValues.length - 1; i++) {
+            mappedValues[i] += errorPerStep;
+            mappedValues[i] = parseFloat(mappedValues[i].toFixed(decimalPlaces));
+        }
+        values.forEach((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
      */
-    mapSliderToUserRange(sliderValue) {
-        return Math.floor(this.min + (sliderValue / 100) * (this.max - this.min));
+    getValueFromMapByValue(sliderValue) {
+        const mapToArray = Array.from(this.mapRangeValuesForSlider).map(([value, mapped]) => ({ value, mapped }));
+        const exactValue = mapToArray.find((x) => x.mapped == sliderValue);
+        const closest = mapToArray.reduce((prev, curr) => 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.
      */
-    getUserValueFromSliderValueByMap(sliderValue) {
-        var _a;
-        const mapToArray = Array.from(this.mapRangeValuesForSlider).map((x) => {
-            return Object.assign({ value: x[0] }, x[1]);
-        });
-        const mappedValue = mapToArray.find((x) => isInRange(sliderValue, x.left, x.right));
-        return (_a = mappedValue === null || mappedValue === void 0 ? void 0 : mappedValue.value) !== null && _a !== void 0 ? _a : sliderValue;
+    getClosestValueFromMapSlider(userValue) {
+        const mapToArray = Array.from(this.mapRangeValuesForSlider).map(([value, mapped]) => ({ value, mapped }));
+        if (userValue >= this.max) {
+            return mapToArray[mapToArray.length - 1].mapped;
+        }
+        else if (userValue <= this.min) {
+            return mapToArray[0].mapped;
+        }
+        const exactValue = mapToArray.find((x) => x.value == userValue);
+        const closestValue = mapToArray.reduce((prev, curr) => Math.abs(curr.value - userValue) < Math.abs(prev.value - userValue) ? curr : prev);
+        const item = exactValue || closestValue;
+        const isFirstItem = mapToArray[0] === item;
+        const 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;
+        }
     }
     handleArrowKeyLeft() {
         if (this.multiple) {
@@ -17643,6 +17705,7 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
     }
     _incrementOrDecrementStartAndEndValue(increment) {
         let [start, end] = this.value;
+        const difference = getDifference(end, start);
         if (increment) {
             start += this.step;
             end += this.step;
@@ -17651,31 +17714,28 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
             start -= this.step;
             end -= this.step;
         }
-        if (this.needParseValues) {
-            if (!this.mapRangeValuesForSlider.has(start) || !this.mapRangeValuesForSlider.has(end)) {
-                return;
+        const startLessThanMin = start < this.min;
+        const endGreaterThanMax = end > this.max;
+        if (startLessThanMin || endGreaterThanMax) {
+            if (startLessThanMin) {
+                start = this.min;
+                end = start + difference;
             }
-            const 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]);
     }
     _incrementOrDecrementEndValue(increment) {
         let value = this.value;
@@ -17687,27 +17747,17 @@ let SliderComponent = SliderComponent_1 = class SliderComponent {
         }
         let _newEndValue = value;
         if (this.needParseValues) {
-            const valueParsedInSlider = this.mapRangeValuesForSlider.get(value);
-            if (!valueParsedInSlider) {
-                return;
-            }
-            const 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);
     }
     get needParseValues() {
-        return this.max !== 100 || this.min !== 0;
+        return this.max !== this.MAX_RANGE_VALUE || this.min !== this.MIN_RANGE_VALUE;
     }
 };
 __decorate([
@@ -17784,69 +17834,15 @@ const isInRange = (value, rangeStart, rangeEnd) => {
     return value >= min && value <= max;
 };
 const ɵ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.
- */
-const adjustLastItem = (mappedValues) => {
-    const lastItem = mappedValues[mappedValues.length - 1];
-    const lastDifference = lastItem.right - lastItem.left;
-    const withoutLastItem = mappedValues.slice(0, mappedValues.length - 1);
-    const differences = withoutLastItem.map(({ left, right }) => right - left);
-    const averageDifference = Math.floor(differences.reduce((sum, diff) => sum + diff, 0) / differences.length);
-    const _getRandomIndexFromArray = (array, storedChanges) => {
-        if (storedChanges.length === array.length) {
-            storedChanges = [];
-        }
-        let randomIndex = Math.floor(Math.random() * array.length);
-        let randomIndexAlreadyStored = storedChanges.includes(randomIndex);
-        while (randomIndexAlreadyStored) {
-            randomIndex = Math.floor(Math.random() * withoutLastItem.length);
-            randomIndexAlreadyStored = storedChanges.includes(randomIndex);
-        }
-        storedChanges.push(randomIndex);
-        return { randomIndex, storedChanges };
-    };
-    const needFixLastItem = lastDifference < averageDifference;
-    let arr = [];
-    if (needFixLastItem) {
-        const captureItensCount = averageDifference - lastDifference;
-        let randomIndexStored = [];
-        for (let i = 0; i <= captureItensCount; i++) {
-            const { randomIndex, storedChanges } = _getRandomIndexFromArray(withoutLastItem, randomIndexStored);
-            randomIndexStored = storedChanges;
-            arr.push(randomIndex);
-            const randomItem = withoutLastItem[randomIndex];
-            --lastItem.left;
-            --randomItem.right;
-        }
-        mappedValues.forEach((mappedValue, index) => {
-            const _next = mappedValues[index + 1];
-            if (!_next) {
-                return;
-            }
-            const nextLeft = _next.left;
-            const currentRight = mappedValue.right;
-            if (currentRight !== currentRight + 1) {
-                const _nextDiff = _next.right - nextLeft;
-                const _nextLeft = currentRight + 1;
-                _next.left = _nextLeft;
-                _next.right = _nextLeft + _nextDiff;
-            }
-        });
-    }
+const getMidpoint = (start, end) => {
+    const midpoint = (start + end) / 2;
+    return parseFloat(midpoint.toFixed(2));
+};
+const ɵ2 = getMidpoint;
+const getDifference = (end, start) => {
+    return Math.abs(end - start);
 };
-const ɵ2 = adjustLastItem;
+const ɵ3 = getDifference;
 
 let SliderModule = class SliderModule {
 };
@@ -19098,7 +19094,7 @@ const filterEnabled = (list) => {
     const _list = list instanceof Set ? Array.from(list) : list;
     return _list.filter((x) => !x.disabled);
 };
-const ɵ3 = filterEnabled;
+const ɵ3$1 = filterEnabled;
 const mapData = (list) => {
     return list.map((x) => x.data);
 };
@@ -19455,5 +19451,5 @@ const fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionModule, AccordionPanelComponent, AlertComponent, AlertModule, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, CheckboxComponent, CheckboxModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CurrencyService, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileUploadPermissions, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, InlineEditCalendarField, InlineEditComponent, InlineEditField, InlineEditLookupField, InlineEditModule, InlineEditNumberField, InlineEditTextAreaField, InlineEditTextAreaIAField, InlineEditTextField, KanbanComponent, KanbanModule, KanbanTemplateTypes, LabelValueComponent, LabelValueModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationButtonComponent, NavigationButtonModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, NumericService, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, PicklistComponent, PicklistModule, PicklistTemplateTypes, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SliderComponent, SliderModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TemplateDirective, TemplateModule, TextAreaField, TextAreaIAComponent, TextAreaIAModule, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, convertToMomentDateFormat, countries, fallback, isNullOrUndefined, parseItensPickList, ɵ0$3 as ɵ0, ɵ1$2 as ɵ1, ɵ2$1 as ɵ2, ɵ3, ɵ4, TooltipComponent as ɵa, TooltipDirective as ɵb, TablePagingComponent as ɵba, PasswordFieldModule as ɵbb, FieldLabelModule as ɵbc, InfoSignModule as ɵbd, FieldLabelComponent as ɵbe, PasswordFieldComponent as ɵbf, TextFieldModule as ɵbg, TextFieldComponent as ɵbh, NumberFieldModule as ɵbi, LocalizedNumberInputModule as ɵbj, NumberInputModule as ɵbk, NumberFieldComponent as ɵbl, CurrencyFieldModule as ɵbm, CurrencyFieldComponent as ɵbn, BignumberFieldModule as ɵbo, BignumberInputModule as ɵbp, BignumberFieldComponent as ɵbq, CheckboxFieldModule as ɵbr, CheckboxFieldComponent as ɵbs, ProfilePictureModule as ɵbt, ThumbnailService as ɵbu, StructureModule as ɵbv, HeaderComponent as ɵbw, FooterComponent as ɵbx, ProfilePictureFieldComponent as ɵby, EditorFieldModule as ɵbz, TieredMenuEventService as ɵc, EditorFieldComponent as ɵca, AutocompleteFieldComponent as ɵcb, BooleanFieldComponent as ɵcc, BooleanSwitchFieldComponent as ɵcd, CalendarFieldComponent as ɵce, ChipsFieldComponent as ɵcf, CountryPhonePickerFieldComponent as ɵcg, DynamicFieldComponent as ɵch, DynamicFormDirective as ɵci, FieldsetComponent as ɵcj, FileUploadComponent$1 as ɵck, LookupFieldComponent as ɵcl, RadioButtonComponent as ɵcm, RowComponent as ɵcn, SectionComponent as ɵco, SelectFieldComponent as ɵcp, SliderFieldComponent as ɵcq, TextAreaFieldComponent as ɵcr, TextAreaIAFieldComponent as ɵcs, IAssistService as ɵct, DecimalField as ɵcv, SideTableComponent as ɵcw, InfiniteScrollModule as ɵcx, InfiniteScrollDirective as ɵcy, IAInsightSidebarComponent as ɵcz, TieredMenuService as ɵd, IAInsightCardComponent as ɵda, IAInsightCardLoaderComponent as ɵdb, InlineEditItemComponent as ɵdc, LocaleService as ɵdd, InlineEditCalendarComponent as ɵde, InlineEditLookupComponent as ɵdf, InlineEditNumberComponent as ɵdg, InlineEditTextComponent as ɵdh, InlineEditTextAreaComponent as ɵdi, InlineEditTextAreaIAComponent as ɵdj, KanbanEventService as ɵdk, KanbanItemComponent as ɵdl, KanbanColumnComponent as ɵdm, KanbanItemDraggingComponent as ɵdn, NumberLocaleOptions as ɵdo, BorderButtonModule as ɵdp, BorderButtonComponent as ɵdq, ProgressBarDeterminateComponent as ɵdr, ProgressBarIndeterminateComponent as ɵds, SelectButtonItemComponent as ɵdt, SlidePanelService as ɵdu, TimelineItemModule as ɵdv, TimelineIconItemComponent as ɵdw, HorizontalTimelineModule as ɵdx, HorizontalTimelineComponent as ɵdy, VerticalTimelineModule as ɵdz, TieredMenuGlobalService as ɵe, VerticalTimelineComponent as ɵea, RangeLineComponent as ɵeb, CollapseOptionComponent as ɵec, CollapsedItemsComponent as ɵed, VerticalItemsComponent as ɵee, ButtonModule as ɵef, TieredMenuComponent as ɵf, TieredMenuNestedComponent as ɵg, TieredMenuItemComponent as ɵh, TieredMenuDividerComponent as ɵi, CustomTranslationsModule as ɵj, CodeEditorComponent as ɵk, CoreFacade as ɵl, CodeMirror6Core as ɵm, CountryPhonePickerService as ɵn, LocalizedCurrencyImpurePipe as ɵo, LocalizedBignumberPipe as ɵp, LocalizedBignumberImpurePipe as ɵq, NumericPipe as ɵr, EmptyStateGoBackComponent as ɵs, IAssistIconComponent as ɵt, SeniorIconComponent as ɵu, DotsIndicatorComponent as ɵv, LoadingIndicatorComponent as ɵw, FileUploadService as ɵx, InfoSignComponent as ɵy, TableColumnsComponent as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AlertComponent, AlertModule, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, CheckboxComponent, CheckboxModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CurrencyService, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileUploadPermissions, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, InlineEditCalendarField, InlineEditComponent, InlineEditField, InlineEditLookupField, InlineEditModule, InlineEditNumberField, InlineEditTextAreaField, InlineEditTextAreaIAField, InlineEditTextField, KanbanComponent, KanbanModule, KanbanTemplateTypes, LabelValueComponent, LabelValueModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationButtonComponent, NavigationButtonModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, NumericService, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, PicklistComponent, PicklistModule, PicklistTemplateTypes, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SliderComponent, SliderModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TemplateDirective, TemplateModule, TextAreaField, TextAreaIAComponent, TextAreaIAModule, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, convertToMomentDateFormat, countries, fallback, isNullOrUndefined, parseItensPickList, ɵ0$3 as ɵ0, ɵ1$2 as ɵ1, ɵ2$1 as ɵ2, ɵ3$1 as ɵ3, ɵ4, TooltipComponent as ɵa, TooltipDirective as ɵb, TablePagingComponent as ɵba, PasswordFieldModule as ɵbb, FieldLabelModule as ɵbc, InfoSignModule as ɵbd, FieldLabelComponent as ɵbe, PasswordFieldComponent as ɵbf, TextFieldModule as ɵbg, TextFieldComponent as ɵbh, NumberFieldModule as ɵbi, LocalizedNumberInputModule as ɵbj, NumberInputModule as ɵbk, NumberFieldComponent as ɵbl, CurrencyFieldModule as ɵbm, CurrencyFieldComponent as ɵbn, BignumberFieldModule as ɵbo, BignumberInputModule as ɵbp, BignumberFieldComponent as ɵbq, CheckboxFieldModule as ɵbr, CheckboxFieldComponent as ɵbs, ProfilePictureModule as ɵbt, ThumbnailService as ɵbu, StructureModule as ɵbv, HeaderComponent as ɵbw, FooterComponent as ɵbx, ProfilePictureFieldComponent as ɵby, EditorFieldModule as ɵbz, TieredMenuEventService as ɵc, EditorFieldComponent as ɵca, AutocompleteFieldComponent as ɵcb, BooleanFieldComponent as ɵcc, BooleanSwitchFieldComponent as ɵcd, CalendarFieldComponent as ɵce, ChipsFieldComponent as ɵcf, CountryPhonePickerFieldComponent as ɵcg, DynamicFieldComponent as ɵch, DynamicFormDirective as ɵci, FieldsetComponent as ɵcj, FileUploadComponent$1 as ɵck, LookupFieldComponent as ɵcl, RadioButtonComponent as ɵcm, RowComponent as ɵcn, SectionComponent as ɵco, SelectFieldComponent as ɵcp, SliderFieldComponent as ɵcq, TextAreaFieldComponent as ɵcr, TextAreaIAFieldComponent as ɵcs, IAssistService as ɵct, DecimalField as ɵcv, SideTableComponent as ɵcw, InfiniteScrollModule as ɵcx, InfiniteScrollDirective as ɵcy, IAInsightSidebarComponent as ɵcz, TieredMenuService as ɵd, IAInsightCardComponent as ɵda, IAInsightCardLoaderComponent as ɵdb, InlineEditItemComponent as ɵdc, LocaleService as ɵdd, InlineEditCalendarComponent as ɵde, InlineEditLookupComponent as ɵdf, InlineEditNumberComponent as ɵdg, InlineEditTextComponent as ɵdh, InlineEditTextAreaComponent as ɵdi, InlineEditTextAreaIAComponent as ɵdj, KanbanEventService as ɵdk, KanbanItemComponent as ɵdl, KanbanColumnComponent as ɵdm, KanbanItemDraggingComponent as ɵdn, NumberLocaleOptions as ɵdo, BorderButtonModule as ɵdp, BorderButtonComponent as ɵdq, ProgressBarDeterminateComponent as ɵdr, ProgressBarIndeterminateComponent as ɵds, SelectButtonItemComponent as ɵdt, SlidePanelService as ɵdu, TimelineItemModule as ɵdv, TimelineIconItemComponent as ɵdw, HorizontalTimelineModule as ɵdx, HorizontalTimelineComponent as ɵdy, VerticalTimelineModule as ɵdz, TieredMenuGlobalService as ɵe, VerticalTimelineComponent as ɵea, RangeLineComponent as ɵeb, CollapseOptionComponent as ɵec, CollapsedItemsComponent as ɵed, VerticalItemsComponent as ɵee, ButtonModule as ɵef, TieredMenuComponent as ɵf, TieredMenuNestedComponent as ɵg, TieredMenuItemComponent as ɵh, TieredMenuDividerComponent as ɵi, CustomTranslationsModule as ɵj, CodeEditorComponent as ɵk, CoreFacade as ɵl, CodeMirror6Core as ɵm, CountryPhonePickerService as ɵn, LocalizedCurrencyImpurePipe as ɵo, LocalizedBignumberPipe as ɵp, LocalizedBignumberImpurePipe as ɵq, NumericPipe as ɵr, EmptyStateGoBackComponent as ɵs, IAssistIconComponent as ɵt, SeniorIconComponent as ɵu, DotsIndicatorComponent as ɵv, LoadingIndicatorComponent as ɵw, FileUploadService as ɵx, InfoSignComponent as ɵy, TableColumnsComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map