npm - @seniorsistemas/angular-components - Versions diffs - 17.16.6 → 17.16.8 - Mend

@seniorsistemas/angular-components 17.16.6 → 17.16.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

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

@@ -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,
@@ -19449,7 +19451,7 @@
                 selector: "s-stats-card",
                 template: "<div\n    [id]=\"id\"\n    class=\"s-stats-card\"\n    [ngClass]=\"{\n        's-stats-card--always-border': alwaysWithBorder,\n        's-stats-card--light': lightMode,\n        's-stats-card--color': !lightMode,\n        's-stats-card--light-version': lightVersion,\n        's-stats-card--clickable': clickable\n    }\"\n    (click)=\"clickable && onClick.next($event)\">\n\n    <div\n        [id]=\"id + '-background'\"\n        class=\"s-stats-card-background\"\n        [ngStyle]=\"{ 'background-color': !lightMode && color || '' }\">\n    </div>\n    <div\n        [id]=\"id + '-overlay'\"\n        class=\"s-stats-card-overlay\">\n    </div>\n\n    <div\n        [id]=\"id + '-info-container'\"\n        class=\"s-stats-card-info-container\">\n        <div class=\"s-stats-card-info-inner-container\">\n            <div\n                [id]=\"id + '-icon-container'\"\n                class=\"s-stats-card-icon-container\"\n                [ngStyle]=\"{ 'background-color': lightMode && color || '' }\">\n                <span\n                    [id]=\"id + '-icon'\"\n                    [class]=\"iconClass\"\n                    [ngClass]=\"{ 's-stats-card-icon': true }\"\n                    [ngStyle]=\"{'color': !lightMode && color || ''}\"\n                    aria-hidden=\"true\"></span>\n            </div>\n\n            <div\n                [id]=\"id + '-text-container'\"\n                class=\"s-stats-card-text-container\">\n                <h4\n                    [id]=\"id + '-label'\"\n                    class=\"s-stats-card-label\"\n                    [pTooltip]=\"label\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    {{ label }}\n                </h4>\n                <span\n                    [id]=\"id + '-value'\"\n                    class=\"s-stats-card-value\"\n                    [pTooltip]=\"displayValue\"\n                    tooltipPosition=\"top\"\n                    showDelay=\"500\">\n                    {{ displayValue }}\n                </span>\n            </div>\n        </div>\n        <div class=\"s-stats-card-content-inner-container\">\n            <div #content class=\"s-stats-card-content-container\">\n                <ng-content></ng-content>\n            </div>\n            <div\n                *ngIf=\"content.children.length\"\n                class=\"s-stats-card-content-separator\">\n            </div>\n        </div>\n        <span\n            *ngIf=\"tooltip\"\n            class=\"s-status-card-tooltip\"\n            [pTooltip]=\"tooltip\"\n            tooltipPosition=\"right\">\n            <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n        </span>\n    </div>\n</div>\n",
                 encapsulation: core.ViewEncapsulation.None,
-                styles: ["s-stats-card{display:block;height:auto;position:relative}s-stats-card .s-stats-card{border:1px solid transparent;min-width:120px;overflow:hidden;position:relative}s-stats-card .s-stats-card .s-stats-card-background,s-stats-card .s-stats-card .s-stats-card-overlay{height:calc(100% - 2px);left:1px;position:absolute;top:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card .s-stats-card-info-container{overflow:auto;padding:15px;position:relative}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container{overflow:hidden;position:relative}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container{float:left;font-size:24px;height:50px;line-height:50px;text-align:center;transition:width .2s ease-out;width:50px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container{-ms-flex-align:start;align-items:flex-start;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;float:left;height:50px;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 65px);padding-left:15px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{display:inline-block;font-size:20px;font-weight:700;width:100%}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container .s-stats-card-content-separator{border-top:1px solid #ccc;margin:15px 0;-ms-flex-order:1;order:1}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container .s-stats-card-content-container{-ms-flex-order:2;order:2}s-stats-card .s-stats-card .s-stats-card-info-container .s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}s-stats-card .s-stats-card .s-stats-card-info-container .s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}s-stats-card .s-stats-card.s-stats-card--color .s-stats-card-icon-container{background-color:#fff}s-stats-card .s-stats-card.s-stats-card--light *{color:#333}s-stats-card .s-stats-card.s-stats-card--light .s-stats-card-icon{color:#fff}s-stats-card .s-stats-card.s-stats-card--light * .s-status-card-tooltip .s-status-card-tooltip-icon,s-stats-card .s-stats-card.s-stats-card--light .s-stats-card-label{color:#999}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-icon-container .s-stats-card-icon{display:none}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-text-container{height:auto;max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card.s-stats-card--clickable{cursor:pointer}s-stats-card .s-stats-card:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card.s-stats-card--light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card.s-stats-card--light{border-color:#ccc}.s-sidebar-content .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),.ui-dialog-content .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),p-panel .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border){border-color:transparent}@media (max-width:767px){s-stats-card .s-stats-card{height:auto}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container .s-stats-card-icon{display:none}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container{height:auto;max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}}"]
+                styles: ["s-stats-card{display:block;height:auto;position:relative}s-stats-card .s-stats-card{border:1px solid transparent;min-width:120px;overflow:hidden;position:relative}s-stats-card .s-stats-card .s-stats-card-background,s-stats-card .s-stats-card .s-stats-card-overlay{height:calc(100% - 2px);left:1px;position:absolute;top:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card .s-stats-card-info-container{overflow:auto;padding:15px;position:relative}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container{overflow:hidden;position:relative}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container{float:left;font-size:24px;height:50px;line-height:50px;text-align:center;transition:width .2s ease-out;width:50px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container{-ms-flex-align:start;align-items:flex-start;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;float:left;height:50px;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 65px);padding-left:15px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{display:inline-block;font-size:20px;font-weight:700;width:100%}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container .s-stats-card-content-separator{border-top:1px solid #ccc;margin:15px 0;-ms-flex-order:1;order:1}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container .s-stats-card-content-container{-ms-flex-order:2;order:2}s-stats-card .s-stats-card .s-stats-card-info-container .s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}s-stats-card .s-stats-card .s-stats-card-info-container .s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}s-stats-card .s-stats-card.s-stats-card--color .s-stats-card-icon-container{background-color:#fff}s-stats-card .s-stats-card.s-stats-card--light *{color:#333}s-stats-card .s-stats-card.s-stats-card--light .s-stats-card-icon{color:#fff}s-stats-card .s-stats-card.s-stats-card--light * .s-status-card-tooltip .s-status-card-tooltip-icon,s-stats-card .s-stats-card.s-stats-card--light .s-stats-card-label{color:#999}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-icon-container .s-stats-card-icon{display:none}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-text-container{height:auto;max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card.s-stats-card--clickable{cursor:pointer}s-stats-card .s-stats-card:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card.s-stats-card--light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card.s-stats-card--light{border-color:#ccc}.s-sidebar-content .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),.ui-dialog-content .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),p-panel .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),s-panel .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border){border-color:transparent}@media (max-width:767px){s-stats-card .s-stats-card{height:auto}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container .s-stats-card-icon{display:none}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container{height:auto;max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}}"]
             })
         ], StatsCardComponent);
         return StatsCardComponent;