@seniorsistemas/angular-components 17.8.15 → 17.9.1

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

@@ -591,13 +591,14 @@
     })(TooltipEvent || (TooltipEvent = {}));
 
     var TooltipDirective = /** @class */ (function () {
-        function TooltipDirective(elementRef, appRef, componentFactoryResolver, injector, debounceUtils) {
+        function TooltipDirective(elementRef, appRef, componentFactoryResolver, injector, debounceUtils, renderer) {
             var _this = this;
             this.elementRef = elementRef;
             this.appRef = appRef;
             this.componentFactoryResolver = componentFactoryResolver;
             this.injector = injector;
             this.debounceUtils = debounceUtils;
+            this.renderer = renderer;
             this.position = exports.TooltipPosition.Top;
             this.showDelay = 500;
             this.tooltipEvent = TooltipEvent.Hover;
@@ -610,6 +611,7 @@
         }
         TooltipDirective.prototype.ngOnInit = function () {
             this.validatePosition();
+            this.updateTooltipVisibilityWhenFocusOnInput();
         };
         TooltipDirective.prototype.ngOnDestroy = function () {
             this.destroy();
@@ -633,6 +635,59 @@
         TooltipDirective.prototype.isMousePositionOutsideOfElement = function (mouseX, mouseY, elementArea) {
             return mouseX < elementArea.left || mouseX >= elementArea.right || mouseY < elementArea.top || mouseY >= elementArea.bottom;
         };
+        /**
+         * Manipula a visibilidade do tooltip quando houver uma referência de input.
+         */
+        TooltipDirective.prototype.updateTooltipVisibilityWhenFocusOnInput = function () {
+            var _this = this;
+            if (this.focusedInputRef) {
+                var inputFocus = this.focusedInputRef;
+                var icon_1 = this.getIconFromFocusedInput(inputFocus);
+                this.renderer.listen(inputFocus, 'focus', function () {
+                    if (icon_1 && _this.isMatchingTooltip(icon_1)) {
+                        _this.createTootipByFocus(icon_1);
+                    }
+                });
+                this.renderer.listen(inputFocus, 'blur', function () {
+                    if (icon_1 && _this.isMatchingTooltip(icon_1)) {
+                        _this.removeTooltip(icon_1);
+                        _this.destroy();
+                    }
+                });
+            }
+        };
+        /**
+         * Obtém o elemento do ícone associado ao label do input em focus.
+         * @param focusedInput O input em focus.
+         * @returns O ícone do input em focus ou null.
+         */
+        TooltipDirective.prototype.getIconFromFocusedInput = function (focusedInput) {
+            var label = document.querySelector("label[for='" + focusedInput.id + "']");
+            if (label) {
+                var icon = label.nextElementSibling;
+                return (icon === null || icon === void 0 ? void 0 : icon.classList.contains('info-sign__icon')) ? icon : null;
+            }
+            return null;
+        };
+        /**
+         * Verifica se o ícone tem o tooltip correspondente ao atual.
+         * @param icon O ícone do input em focus.
+         * @returns true se o tooltip corresponde; caso contrário, false.
+         */
+        TooltipDirective.prototype.isMatchingTooltip = function (icon) {
+            var tooltipText = icon.getAttribute('ng-reflect-tooltip');
+            return this.tooltip === tooltipText;
+        };
+        /**
+         * Remove o tooltip associado ao ícone do input em focus.
+         * @param icon O ícone do input em focus.
+         */
+        TooltipDirective.prototype.removeTooltip = function (icon) {
+            var tooltip = icon.querySelector('.tooltip');
+            if (tooltip) {
+                tooltip.remove();
+            }
+        };
         // whenever the component with the tooltip is clicked I destroy the tooltip.
         // whenever a key is pressed on the component with the tooltip I destroy the tooltip.
         TooltipDirective.prototype.onClick = function () {
@@ -697,10 +752,7 @@
         TooltipDirective.prototype.createTootip = function () {
             var _a;
             if (this.componentRef === null && ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.length)) {
-                var componentFactory = this.componentFactoryResolver.resolveComponentFactory(TooltipComponent);
-                this.componentRef = componentFactory.create(this.injector);
-                this.appRef.attachView(this.componentRef.hostView);
-                var domElem = this.componentRef.hostView.rootNodes[0];
+                var domElem = this.getDomElement();
                 document.body.appendChild(domElem);
                 this.setTooltipComponentProperties();
                 this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);
@@ -710,6 +762,27 @@
                 }
             }
         };
+        TooltipDirective.prototype.getDomElement = function () {
+            var componentFactory = this.componentFactoryResolver.resolveComponentFactory(TooltipComponent);
+            this.componentRef = componentFactory.create(this.injector);
+            this.appRef.attachView(this.componentRef.hostView);
+            return this.componentRef.hostView.rootNodes[0];
+        };
+        /**
+         * Cria um tooltip para o icone do input em focus.
+         *
+         * @param icon O ícone do input em focus.
+         */
+        TooltipDirective.prototype.createTootipByFocus = function (icon) {
+            var _a;
+            if (this.componentRef === null && ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.length)) {
+                var domElem = this.getDomElement();
+                var tooltip_1 = domElem.querySelector('.tooltip');
+                icon.appendChild(tooltip_1);
+                this.setTooltipComponentProperties();
+                setTimeout(function () { return tooltip_1.classList.add("tooltip--visible"); }, 0);
+            }
+        };
         TooltipDirective.prototype.showTooltip = function () {
             if (this.componentRef !== null) {
                 this.componentRef.instance.visible = this.visible;
@@ -827,7 +900,8 @@
             { type: core.ApplicationRef },
             { type: core.ComponentFactoryResolver },
             { type: core.Injector },
-            { type: DebounceUtils }
+            { type: DebounceUtils },
+            { type: core.Renderer2 }
         ]; };
         __decorate([
             core.Input("sTooltip")
@@ -853,6 +927,9 @@
         __decorate([
             core.Input()
         ], TooltipDirective.prototype, "mobileBehavior", void 0);
+        __decorate([
+            core.Input()
+        ], TooltipDirective.prototype, "focusedInputRef", void 0);
         __decorate([
             core.HostListener("click"),
             core.HostListener("keydown")
@@ -6718,7 +6795,7 @@
         InfoSignComponent = __decorate([
             core.Component({
                 selector: "s-info-sign-component",
-                template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        tooltipPosition=\"top\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        showDelay=\"0\">\n    </i>\n</span>",
+                template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        tooltipPosition=\"top\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        showDelay=\"0\"\n        [focusedInputRef]=\"focusedInputRef\">\n    </i>\n</span>\n",
                 styles: [".info-sign{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start}.info-sign .info-sign__icon{padding:0 12px}"]
             })
         ], InfoSignComponent);
@@ -6740,6 +6817,7 @@
                 this.componentRef.instance.templateRef = this.templateRef;
                 this.componentRef.instance.tooltip = this.sInfoSign;
                 this.componentRef.instance.displayTime = this.displayTime;
+                this.componentRef.instance.focusedInputRef = this.focusedInputRef;
             }
             else if (this.componentRef && this.sInfoSign) {
                 this.componentRef.instance.tooltip = this.sInfoSign;
@@ -6765,6 +6843,9 @@
         __decorate([
             core.Input('sInfoSignDisplayTime')
         ], InfoSignDirective.prototype, "displayTime", void 0);
+        __decorate([
+            core.Input('sInfoSignFocusedInputRef')
+        ], InfoSignDirective.prototype, "focusedInputRef", void 0);
         InfoSignDirective = __decorate([
             core.Directive({
                 selector: "[sInfoSign]",
@@ -7309,14 +7390,17 @@
          * Documentation is available at {@link https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat Intl.NumberFormatOptions}.
          *
          * @param {number | string | BigNumber} value The value to be formatted.
-         * @param {Intl.NumberFormatOptions} options Options that overwrites the default Intl.NumberFormatOptions.
+         * @param options Locale and numberFormatOptions that overwrites the default Intl.NumberFormatOptions.
          * @return `string` The formatted value.
          */
         NumericService.prototype.instant = function (value, options) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-            options = __assign(__assign({}, options), { locale: (_c = (_a = options === null || options === void 0 ? void 0 : options.locale) !== null && _a !== void 0 ? _a : (_b = this.localeService.getLocaleOptions()) === null || _b === void 0 ? void 0 : _b.locale) !== null && _c !== void 0 ? _c : "pt-BR", options: __assign(__assign({}, options === null || options === void 0 ? void 0 : options.options), { currency: ((_d = options === null || options === void 0 ? void 0 : options.options) === null || _d === void 0 ? void 0 : _d.style) === "currency" ? (_f = (_e = options === null || options === void 0 ? void 0 : options.options) === null || _e === void 0 ? void 0 : _e.currency) !== null && _f !== void 0 ? _f : "BRL" : undefined, currencyDisplay: ((_g = options === null || options === void 0 ? void 0 : options.options) === null || _g === void 0 ? void 0 : _g.style) === "currency" ? (_j = (_h = options === null || options === void 0 ? void 0 : options.options) === null || _h === void 0 ? void 0 : _h.currencyDisplay) !== null && _j !== void 0 ? _j : "narrowSymbol" : undefined, minimumFractionDigits: (_l = (_k = options === null || options === void 0 ? void 0 : options.options) === null || _k === void 0 ? void 0 : _k.minimumFractionDigits) !== null && _l !== void 0 ? _l : 0 }) });
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+            options = __assign(__assign({}, options), { locale: (_c = (_a = options === null || options === void 0 ? void 0 : options.locale) !== null && _a !== void 0 ? _a : (_b = this.localeService.getLocaleOptions()) === null || _b === void 0 ? void 0 : _b.locale) !== null && _c !== void 0 ? _c : "pt-BR", numberFormatOptions: __assign(__assign({}, options === null || options === void 0 ? void 0 : options.numberFormatOptions), { currency: ((_d = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _d === void 0 ? void 0 : _d.style) === "currency" ? ((_f = (_e = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _e === void 0 ? void 0 : _e.currency) !== null && _f !== void 0 ? _f : "BRL") : undefined, currencyDisplay: ((_g = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _g === void 0 ? void 0 : _g.style) === "currency"
+                        ? ((_j = (_h = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _h === void 0 ? void 0 : _h.currencyDisplay) !== null && _j !== void 0 ? _j : "narrowSymbol")
+                        : undefined, minimumFractionDigits: (_l = (_k = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _k === void 0 ? void 0 : _k.minimumFractionDigits) !== null && _l !== void 0 ? _l : 2, maximumFractionDigits: (_o = (_m = options === null || options === void 0 ? void 0 : options.numberFormatOptions) === null || _m === void 0 ? void 0 : _m.maximumFractionDigits) !== null && _o !== void 0 ? _o : 2 }) });
+            options.numberFormatOptions["trailingZeroDisplay"] = "stripIfInteger";
             // From https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
-            return new Intl.NumberFormat(options.locale, options.options).format(this.getType(value) === "number" || this.getType(value) === "string" ? value : value.toString());
+            return new Intl.NumberFormat(options.locale, options.numberFormatOptions).format(this.getType(value) === "number" || this.getType(value) === "string" ? value : value.toString());
         };
         NumericService.prototype.getType = function (value) {
             // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof
@@ -7371,7 +7455,7 @@
                 : this.localeService.getLocale().pipe(operators.map(function (locale) {
                     return _this.numericService.instant(value, {
                         locale: locale,
-                        options: options === null || options === void 0 ? void 0 : options.options,
+                        numberFormatOptions: options === null || options === void 0 ? void 0 : options.numberFormatOptions,
                     });
                 }));
         };
@@ -8341,14 +8425,15 @@
 
     var moment$4 = moment_;
     var TableColumnsComponent = /** @class */ (function () {
-        function TableColumnsComponent(localeService, viewContainerRef, translate, hostProjectConfigs) {
+        function TableColumnsComponent(localeService, viewContainerRef, translate, numericService, hostProjectConfigs) {
             this.localeService = localeService;
             this.viewContainerRef = viewContainerRef;
             this.translate = translate;
+            this.numericService = numericService;
             this.hostProjectConfigs = hostProjectConfigs;
             this.locale = {
                 calendar: __assign(__assign({}, this.localeService.getLocaleOptions().calendar), { dateFormat: convertToMomentDateFormat(this.localeService.getLocaleOptions().calendar.dateFormat) }),
-                number: __assign(__assign({}, this.localeService.getLocaleOptions().number), { scale: 0 })
+                number: __assign(__assign({}, this.localeService.getLocaleOptions().number), { scale: 0 }),
             };
             this.formattedColumns = [];
         }
@@ -8371,7 +8456,7 @@
                     return {
                         value: string,
                         isUninformed: string === uninformed,
-                        separator: !isLastIndex ? separator : ""
+                        separator: !isLastIndex ? separator : "",
                     };
                 });
             }
@@ -8404,10 +8489,10 @@
             return column.prefix ? column.prefix : this.hostProjectConfigs.domain + "." + this.hostProjectConfigs.service + ".";
         };
         TableColumnsComponent.prototype.isAttributeValueInvalid = function (attributeValue) {
-            return attributeValue === null ||
+            return (attributeValue === null ||
                 attributeValue === undefined ||
                 (this.isArray(attributeValue) && !attributeValue.length) ||
-                (typeof attributeValue === 'string' && attributeValue.trim() === '');
+                (typeof attributeValue === "string" && attributeValue.trim() === ""));
         };
         TableColumnsComponent.prototype.getFormattedColumnValue = function (column, columnValue, unifiedColumnValues, uninformedText, uninformedNumber) {
             if (uninformedNumber === column.attributes.length) {
@@ -8420,13 +8505,9 @@
         };
         TableColumnsComponent.prototype.getAttributeValue = function (attribute, rowValue) {
             var attributeValue;
-            attribute
-                .split("/")
-                .forEach(function (value) {
+            attribute.split("/").forEach(function (value) {
                 if (!attributeValue) {
-                    value
-                        .split(".")
-                        .forEach(function (val, i) {
+                    value.split(".").forEach(function (val, i) {
                         if (!rowValue) {
                             return;
                         }
@@ -8444,9 +8525,7 @@
             return attributeValue;
         };
         TableColumnsComponent.prototype.getNumberConfigs = function (column) {
-            return __assign(__assign({}, this.locale.number), { scale: column.scale !== null && column.scale !== undefined
-                    ? this.getColumnScale(column.scale)
-                    : this.locale.number.scale, prefix: this.locale.number.currencySymbol + " " });
+            return __assign(__assign({}, this.locale.number), { scale: column.scale !== null && column.scale !== undefined ? this.getColumnScale(column.scale) : this.locale.number.scale, prefix: this.locale.number.currencySymbol + " " });
         };
         TableColumnsComponent.prototype.getDateFormat = function (column, locale) {
             return column.dateFormat ? column.dateFormat : locale.calendar.dateFormat;
@@ -8458,8 +8537,8 @@
             var separator = this.getColumnSeparator(column);
             var uninformed = this.translate.instant(prefix + "empty_label");
             var style = column.style;
-            var columnValue = column.attributes
-                .map(function (attribute) {
+            var columnValue = column.attributes.map(function (attribute) {
+                var _a, _b;
                 var attributeValue = _this.getAttributeValue(attribute, rowValue);
                 if (_this.isAttributeValueInvalid(attributeValue)) {
                     return uninformed;
@@ -8469,7 +8548,10 @@
                     case exports.EnumColumnFieldType.ENUM:
                         return _this.translate.instant(column.enumPrefix + attributeValue.toString().toLowerCase());
                     case exports.EnumColumnFieldType.CURRENCY:
-                        return ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
+                        return ((_a = attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.options) === null || _a === void 0 ? void 0 : _a.numberFormatOptions) ? _this.numericService.instant(attributeValue.value, {
+                            numberFormatOptions: attributeValue.options.numberFormatOptions,
+                        })
+                            : ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
                     case exports.EnumColumnFieldType.DATE:
                         var dateFormat = _this.getDateFormat(column, locale);
                         return moment$4(attributeValue).format(dateFormat);
@@ -8478,7 +8560,14 @@
                         return _this.translate.instant(prefix + value);
                     case exports.EnumColumnFieldType.NUMBER:
                         numberConfigs.prefix = "";
-                        return ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
+                        return ((_b = attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.options) === null || _b === void 0 ? void 0 : _b.numberFormatOptions) ? _this.numericService.instant(attributeValue.value, {
+                            numberFormatOptions: attributeValue.options.numberFormatOptions,
+                        })
+                            : column.numberFormatOptions
+                                ? _this.numericService.instant(attributeValue, {
+                                    numberFormatOptions: column.numberFormatOptions,
+                                })
+                                : ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
                     case exports.EnumColumnFieldType.TOKENS:
                         return _this.getTokens(attributeValue);
                     default:
@@ -8486,9 +8575,7 @@
                 }
             });
             var unifiedColumnValues = columnValue.join(separator);
-            var uninformedNumber = unifiedColumnValues
-                .split(separator)
-                .filter(function (value) { return value === uninformed; }).length;
+            var uninformedNumber = unifiedColumnValues.split(separator).filter(function (value) { return value === uninformed; }).length;
             var formattedColumnValue = this.getFormattedColumnValue(column, columnValue, unifiedColumnValues, uninformed, uninformedNumber);
             return {
                 style: style,
@@ -8500,7 +8587,7 @@
                 tooltip: this.getColumnTooltip(column.tooltip),
                 infoSign: this.getColumnInfoSign(column.infoSign),
                 onLinkClick: column.onLinkClick,
-                onColumnClick: column.onColumnClick
+                onColumnClick: column.onColumnClick,
             };
         };
         TableColumnsComponent.prototype.getColumnScale = function (scale) {
@@ -8528,7 +8615,7 @@
             return "";
         };
         TableColumnsComponent.prototype.isNumber = function (value) {
-            return !(new BigNumber__default(value).isNaN());
+            return !new BigNumber__default(value).isNaN();
         };
         TableColumnsComponent.prototype.getTokens = function (values) {
             if (!this.isArray(values)) {
@@ -8545,7 +8632,7 @@
                 .map(function (value) {
                 var label = typeof value === "symbol" ? value.toString() : "" + value;
                 return {
-                    label: label
+                    label: label,
                 };
             });
         };
@@ -8565,6 +8652,7 @@
             { type: LocaleService },
             { type: core.ViewContainerRef },
             { type: core$1.TranslateService },
+            { type: NumericService },
             { type: undefined, decorators: [{ type: core.Inject, args: [HostProjectConfigsInjectionToken,] }] }
         ]; };
         __decorate([
@@ -8585,7 +8673,7 @@
                 selector: "s-table-columns",
                 styles: [":host{display:none}"]
             }),
-            __param(3, core.Inject(HostProjectConfigsInjectionToken))
+            __param(4, core.Inject(HostProjectConfigsInjectionToken))
         ], TableColumnsComponent);
         return TableColumnsComponent;
     }());
@@ -18006,6 +18094,31 @@
         return WorkspaceSwitchModule;
     }());
 
+    var CurrencyService = /** @class */ (function () {
+        function CurrencyService(localeService) {
+            this.localeService = localeService;
+        }
+        CurrencyService.prototype.getCurrencySymbol = function (_a) {
+            var currency = _a.currency;
+            var _b, _c;
+            var numberFormat = new Intl.NumberFormat(this.localeService.getLocaleOptions().locale, {
+                style: "currency",
+                currency: currency !== null && currency !== void 0 ? currency : "BRL",
+                currencyDisplay: 'narrowSymbol',
+                maximumFractionDigits: 5,
+            });
+            return (_c = (_b = numberFormat.formatToParts(1).find(function (x) { return x.type === "currency"; })) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : "";
+        };
+        CurrencyService.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        CurrencyService.ɵprov = core["ɵɵdefineInjectable"]({ factory: function CurrencyService_Factory() { return new CurrencyService(core["ɵɵinject"](LocaleService)); }, token: CurrencyService, providedIn: "root" });
+        CurrencyService = __decorate([
+            core.Injectable({ providedIn: "root" })
+        ], CurrencyService);
+        return CurrencyService;
+    }());
+
     var fallback = {
         "platform.angular_components.drag_your_photo_or": "Arraste sua foto ou",
         "platform.angular_components.select_a_file": "selecione um arquivo",
@@ -18356,6 +18469,7 @@
     exports.CountryPhonePickerComponent = CountryPhonePickerComponent;
     exports.CountryPhonePickerModule = CountryPhonePickerModule;
     exports.CurrencyField = CurrencyField;
+    exports.CurrencyService = CurrencyService;
     exports.CustomFieldsComponent = CustomFieldsComponent;
     exports.CustomFieldsModule = CustomFieldsModule;
     exports.CustomFieldsService = CustomFieldsService;