@seniorsistemas/angular-components 17.17.10 → 17.17.12

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@angular/common/http'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('@seniorsistemas/ng2-currency-mask'), require('primeng/breadcrumb'), require('primeng/dom'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/calendar'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@ngx-translate/core'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('ngx-mask'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/api'), require('primeng/progressbar'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('primeng/editor'), require('primeng/confirmdialog'), require('cropperjs'), require('marked'), require('@angular/cdk/drag-drop'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
-    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@angular/common/http', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', '@seniorsistemas/ng2-currency-mask', 'primeng/breadcrumb', 'primeng/dom', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/calendar', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@ngx-translate/core', '@codemirror/tooltip', '@codemirror/gutter', 'ngx-mask', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/api', 'primeng/progressbar', '@angular/platform-browser', '@angular/cdk/clipboard', 'primeng/editor', 'primeng/confirmdialog', 'cropperjs', 'marked', '@angular/cdk/drag-drop', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
-    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng.common.http, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask, global.breadcrumb, global.dom, global.tieredmenu, global.tooltip, global.calendar, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.core$1, global.tooltip$1, global.gutter, global.ngxMask, global.angular2Hotkeys, global.BigNumber, global.autocomplete$2, global.dialog, global.table, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.api, global.progressbar, global.ng.platformBrowser, global.ng.cdk.clipboard, global.editor, global.confirmdialog, global.Cropper, global.marked, global.ng.cdk['drag-drop'], global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
-}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, http, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask, breadcrumb, dom, tieredmenu, tooltip, calendar, view, state, lint, language, generator, highlight, autocomplete$1, core$1, tooltip$1, gutter, ngxMask, angular2Hotkeys, BigNumber, autocomplete$2, dialog, table, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, api, progressbar, platformBrowser, clipboard, editor, confirmdialog, Cropper, marked, dragDrop, a11y, scrollpanel, sidebar) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@angular/common/http'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('@seniorsistemas/ng2-currency-mask'), require('primeng/breadcrumb'), require('primeng/dom'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/calendar'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@ngx-translate/core'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('@angular/cdk/portal'), require('ngx-mask'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/api'), require('primeng/progressbar'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('primeng/editor'), require('primeng/confirmdialog'), require('cropperjs'), require('marked'), require('@angular/cdk/drag-drop'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
+    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@angular/common/http', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', '@seniorsistemas/ng2-currency-mask', 'primeng/breadcrumb', 'primeng/dom', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/calendar', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@ngx-translate/core', '@codemirror/tooltip', '@codemirror/gutter', '@angular/cdk/portal', 'ngx-mask', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/api', 'primeng/progressbar', '@angular/platform-browser', '@angular/cdk/clipboard', 'primeng/editor', 'primeng/confirmdialog', 'cropperjs', 'marked', '@angular/cdk/drag-drop', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
+    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng.common.http, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask, global.breadcrumb, global.dom, global.tieredmenu, global.tooltip, global.calendar, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.core$1, global.tooltip$1, global.gutter, global.ng.cdk.portal, global.ngxMask, global.angular2Hotkeys, global.BigNumber, global.autocomplete$2, global.dialog, global.table, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.api, global.progressbar, global.ng.platformBrowser, global.ng.cdk.clipboard, global.editor, global.confirmdialog, global.Cropper, global.marked, global.ng.cdk['drag-drop'], global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
+}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, http, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask, breadcrumb, dom, tieredmenu, tooltip, calendar, view, state, lint, language, generator, highlight, autocomplete$1, core$1, tooltip$1, gutter, portal, ngxMask, angular2Hotkeys, BigNumber, autocomplete$2, dialog, table, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, api, progressbar, platformBrowser, clipboard, editor, confirmdialog, Cropper, marked, dragDrop, a11y, scrollpanel, sidebar) { 'use strict';
 
     var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
     Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
@@ -5269,15 +5269,141 @@
         return CountryPhonePickerService;
     }());
 
+    var Breakpoints = {
+        SM_MIN: 0,
+        SM_MAX: 767,
+        MD_MIN: 768,
+        MD_MAX: 991,
+        LG_MIN: 992,
+        LG_MAX: 1199,
+        XL_MIN: 1200,
+        XL_MAX: Infinity,
+    };
+
+    var ExportUtils = /** @class */ (function () {
+        function ExportUtils() {
+            throw new Error("Classe não deve ser instanciada.");
+        }
+        ExportUtils.addClass = function (element, className) {
+            element.nativeElement.className = element.nativeElement.className + " " + className;
+        };
+        ExportUtils.removeClass = function (element, className) {
+            if (element.nativeElement.className.includes(className)) {
+                element.nativeElement.className = element.nativeElement.className.replace(className, "");
+            }
+        };
+        ExportUtils.exportCSV = function (columns, data, csvSeparator, documentName) {
+            var _this = this;
+            if (columns === void 0) { columns = []; }
+            if (data === void 0) { data = []; }
+            if (csvSeparator === void 0) { csvSeparator = ";"; }
+            if (documentName === void 0) { documentName = "download"; }
+            var csv = "\ufeff";
+            columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
+                csv += "\"" + (column.header || column.field) + "\"";
+                if (i < columns.length - 1)
+                    csv += csvSeparator;
+            });
+            data.forEach(function (record) {
+                csv += "\n";
+                columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
+                    var cellData;
+                    if (Array.isArray(column.field)) {
+                        var fieldValues = column.field.map(function (col) { return _this.resolveFieldData(record, col); });
+                        cellData = fieldValues
+                            .flat()
+                            .filter(function (value) { return value !== null && value !== undefined; })
+                            .join(column.separator);
+                    }
+                    else {
+                        cellData = _this.resolveFieldData(record, column.field);
+                    }
+                    if (cellData != null)
+                        cellData = String(cellData).replace(/"/g, "\"\"");
+                    else
+                        cellData = "";
+                    csv += "\"" + cellData + "\"";
+                    if (i < columns.length - 1)
+                        csv += csvSeparator;
+                });
+            });
+            var blob = new Blob([csv], {
+                type: "text/csv;charset=utf-8;",
+            });
+            if (window.navigator.msSaveOrOpenBlob)
+                navigator.msSaveOrOpenBlob(blob, documentName + ".csv");
+            else {
+                var link = document.createElement("a");
+                link.style.display = "none";
+                document.body.appendChild(link);
+                if (link.download !== undefined) {
+                    link.setAttribute("href", URL.createObjectURL(blob));
+                    link.setAttribute("download", documentName + ".csv");
+                    link.click();
+                }
+                else {
+                    csv = "data:text/csv;charset=utf-8," + csv;
+                    window.open(encodeURI(csv));
+                }
+                document.body.removeChild(link);
+            }
+        };
+        ExportUtils.resolveFieldData = function (data, field) {
+            if (data && field) {
+                if (this.isFunction(field))
+                    return field(data);
+                else if (field.indexOf(".") == -1)
+                    return data[field];
+                else {
+                    var fields = field.split(".");
+                    var value = data;
+                    for (var i = 0, len = fields.length; i < len; ++i) {
+                        if (value == null) {
+                            return null;
+                        }
+                        value = value[fields[i]];
+                    }
+                    return value;
+                }
+            }
+            else
+                return null;
+        };
+        ExportUtils.isFunction = function (obj) {
+            return !!(obj && obj.constructor && obj.call && obj.apply);
+        };
+        return ExportUtils;
+    }());
+
+    var convertToMomentDateFormat = function (format) {
+        // A ordem dos replaces é importante.
+        return format
+            .replace(/\bd\b/, "D") // day of month (no leading zero)
+            .replace(/\bdd\b/, "DD") // day of month
+            .replace(/\bo\b/, "DDD") // day of the year (no leading zero)
+            .replace(/\boo\b/, "DDDD") // day of the year
+            .replace(/\bM\b/, "MMM") // month name short
+            .replace(/\bMM\b/, "MMMM") // month name long
+            .replace(/\bm\b/, "M") // month of year (no leading)
+            .replace(/\bmm\b/, "MM") // month of year
+            .replace(/\by\b/, "YY") // year (two digits)
+            .replace(/\byy\b/, "YYYY"); // year (four digits)
+    };
+
+    var isNullOrUndefined = function (value) { return value === null || value === undefined; };
+
     var CountryPhonePickerComponent = /** @class */ (function () {
-        function CountryPhonePickerComponent(countryPhonePickerService, translate, eRef) {
+        function CountryPhonePickerComponent(_countryPhonePickerService, _translate, _eRef, platformId) {
             var _this = this;
-            this.countryPhonePickerService = countryPhonePickerService;
-            this.translate = translate;
-            this.eRef = eRef;
+            this._countryPhonePickerService = _countryPhonePickerService;
+            this._translate = _translate;
+            this._eRef = _eRef;
+            this.platformId = platformId;
             this.currentItemIndex = 0;
             this.phone = new forms.FormControl("");
             this.filter = new forms.FormControl("");
+            this.dropTop = 0;
+            this.dropLeft = 0;
             this._open = false;
             this.offsetTop = 0;
             this.ordination = exports.Ordination.NO;
@@ -5294,7 +5420,7 @@
                 }
                 else {
                     _this.filteredCountriesList = _this._countriesList.filter(function (country) {
-                        var countryName = _this.translate.instant("platform.angular_components.country_name_" + country.id);
+                        var countryName = _this._translate.instant("platform.angular_components.country_name_" + country.id);
                         return countryName.toLowerCase().includes(value.toLowerCase());
                     });
                 }
@@ -5334,7 +5460,7 @@
             this._onTouched = onTouched;
         };
         CountryPhonePickerComponent.prototype.onClickout = function (event) {
-            if (!this.eRef.nativeElement.contains(event.target)) {
+            if (!this._eRef.nativeElement.contains(event.target)) {
                 if (this.open) {
                     this.open = false;
                 }
@@ -5343,7 +5469,7 @@
         CountryPhonePickerComponent.prototype.ngOnInit = function () {
             var _this = this;
             var _a;
-            var countries = this.countryPhonePickerService.getCountries(this.ordination);
+            var countries = this._countryPhonePickerService.getCountries(this.ordination);
             this.filter.valueChanges.subscribe(this._filterCountries);
             if ((_a = this.countries) === null || _a === void 0 ? void 0 : _a.length) {
                 this._countriesList = countries.filter(function (country) { return _this.countries.includes(country.id); });
@@ -5390,7 +5516,13 @@
             },
             set: function (open) {
                 this._open = open;
-                if (!open) {
+                if (open) {
+                    this._createDropdownPortal();
+                }
+                else {
+                    if (this._portalHost && this._portalHost.hasAttached()) {
+                        this._portalHost.detach();
+                    }
                     this.phoneInput.nativeElement.focus();
                 }
             },
@@ -5465,9 +5597,7 @@
             var mask;
             if (Array.isArray(this.selectedItem.mask)) {
                 var rawMask = this.selectedItem.mask[0].replace(/[^0]/g, "");
-                mask = value.length <= rawMask.length
-                    ? this.selectedItem.mask[0] + "\0"
-                    : this.selectedItem.mask[1] + "\0";
+                mask = value.length <= rawMask.length ? this.selectedItem.mask[0] + "\0" : this.selectedItem.mask[1] + "\0";
             }
             else {
                 mask = this.selectedItem.mask + "\0";
@@ -5504,12 +5634,36 @@
             tokens = "^" + tokens + "*";
             return this.phone.value.replace(new RegExp(tokens), replace);
         };
+        CountryPhonePickerComponent.prototype._createDropdownPortal = function () {
+            if (!common.isPlatformBrowser(this.platformId) || isNullOrUndefined(this.dropElement))
+                return;
+            var bodyElement = document.body;
+            var dropElementRect = this.dropElement.nativeElement.getBoundingClientRect();
+            this.dropTop = dropElementRect.bottom + window.scrollY;
+            this.dropLeft = dropElementRect.left + window.scrollX;
+            this._portalHost = new portal.DomPortalOutlet(bodyElement, null, null, null);
+            var portal$1 = new portal.TemplatePortal(this.dropdownTemplate, this.viewContainerRef);
+            this._portalHost.attach(portal$1);
+        };
         var CountryPhonePickerComponent_1;
         CountryPhonePickerComponent.ctorParameters = function () { return [
             { type: CountryPhonePickerService },
             { type: core$1.TranslateService },
-            { type: core.ElementRef }
+            { type: core.ElementRef },
+            { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] }
         ]; };
+        __decorate([
+            core.ViewChild("dropdownTemplate")
+        ], CountryPhonePickerComponent.prototype, "dropdownTemplate", void 0);
+        __decorate([
+            core.ViewChild("dropElement", { read: core.ViewContainerRef })
+        ], CountryPhonePickerComponent.prototype, "viewContainerRef", void 0);
+        __decorate([
+            core.ViewChild("dropElement", { read: core.ElementRef })
+        ], CountryPhonePickerComponent.prototype, "dropElement", void 0);
+        __decorate([
+            core.ViewChild("#dropdownContainer", { read: core.ElementRef })
+        ], CountryPhonePickerComponent.prototype, "dropdownContainer", void 0);
         __decorate([
             core.Input()
         ], CountryPhonePickerComponent.prototype, "countries", void 0);
@@ -5540,14 +5694,17 @@
         CountryPhonePickerComponent = CountryPhonePickerComponent_1 = __decorate([
             core.Component({
                 selector: "s-country-phone-picker",
-                template: "<div class=\"country-phone-picker\">\n   <div class=\"phone-input\">\n      <div class=\"drop\" (click)=\"open = !open\">\n         <span class=\"drop-flag\" [ngClass]=\"'fi fi-' + selectedItem.id\">\n         </span>\n         <span class=\"drop-icon fas fa-caret-down\"></span>\n      </div>\n      <p class=\"phone-ddi\">{{ selectedItem.ddi }}</p>\n      <input\n         #phoneInput\n         type=\"tel\"\n         autofocus\n         [mask]=\"mask\"       \n         [placeholder]=\"getPlaceholder()\"\n         [formControl]=\"phone\"\n         (focus)=\"onPhoneInputFocus()\" \n         (blur)=\"onBlur(value)\"\n         />\n   </div>\n   <div *ngIf=\"open\" class=\"dropdown\">\n      <div class=\"search\">\n         <input\n            class=\"search-field\"\n            type=\"text\"\n            [formControl]=\"filter\">\n         <span class=\"search-icon fas fa-search\"></span>\n         <span\n            class=\"search-clear fa fa-times\"\n            (click)=\"onCleanFilter()\"></span>\n      </div>\n      <ul class=\"select-list\">\n         <li\n            *ngFor=\"let country of filteredCountriesList; let i = index;\"\n            class=\"select-option\"\n            [ngClass]=\"{ 'select-option--focused': i == currentItemIndex }\"\n            (click)=\"onSelectItem(country)\">\n            <span\n               class=\"select-option__flag\"\n               [ngClass]=\"'fi fi-' + country.id\">\n            </span>\n            <span class=\"select-option__name\">\n               {{ \"platform.angular_components.country_name_\" + country.id | translate }}\n            </span>\n            <span class=\"select-option__ddi\">\n               {{ country.ddi }}\n            </span>\n         </li>\n      </ul>\n   </div>\n</div>",
-                providers: [{
+                template: "<div class=\"country-phone-picker\">\n    <div #dropElement class=\"phone-input\">\n        <div class=\"drop\" (click)=\"open = !open\">\n            <span class=\"drop-flag\" [ngClass]=\"'fi fi-' + selectedItem.id\"> </span>\n            <span class=\"drop-icon fas fa-caret-down\"></span>\n        </div>\n        <p class=\"phone-ddi\">{{ selectedItem.ddi }}</p>\n        <input\n            #phoneInput\n            type=\"tel\"\n            autofocus\n            [mask]=\"mask\"\n            [placeholder]=\"getPlaceholder()\"\n            [formControl]=\"phone\"\n            (focus)=\"onPhoneInputFocus()\"\n            (blur)=\"onBlur(value)\"\n        />\n    </div>\n    <ng-template #dropdownTemplate>\n        <div\n            #dropdownContainer\n            *ngIf=\"open\"\n            class=\"dropdown\"\n            [ngStyle]=\"{\n                position: 'absolute',\n                top: dropTop + 'px',\n                left: dropLeft + 'px'\n            }\"\n        >\n            <div class=\"search\">\n                <input class=\"search-field\" type=\"text\" [formControl]=\"filter\" />\n                <span class=\"search-icon fas fa-search\"></span>\n                <span class=\"search-clear fa fa-times\" (click)=\"onCleanFilter()\"></span>\n            </div>\n            <ul class=\"select-list\">\n                <li\n                    *ngFor=\"let country of filteredCountriesList; let i = index\"\n                    class=\"select-option\"\n                    [ngClass]=\"{ 'select-option--focused': i == currentItemIndex }\"\n                    (click)=\"onSelectItem(country)\"\n                >\n                    <span class=\"select-option__flag\" [ngClass]=\"'fi fi-' + country.id\"> </span>\n                    <span class=\"select-option__name\">\n                        {{ \"platform.angular_components.country_name_\" + country.id | translate }}\n                    </span>\n                    <span class=\"select-option__ddi\">\n                        {{ country.ddi }}\n                    </span>\n                </li>\n            </ul>\n        </div>\n    </ng-template>\n</div>\n",
+                providers: [
+                    {
                         provide: forms.NG_VALUE_ACCESSOR,
                         useExisting: core.forwardRef(function () { return CountryPhonePickerComponent_1; }),
                         multi: true,
-                    }],
-                styles: [".country-phone-picker .phone-input{background-color:#fff;border:1px solid #d8d8d8;border-radius:4px;display:-ms-flexbox;display:flex;line-height:normal;overflow:hidden}.country-phone-picker .phone-input .drop{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex}.country-phone-picker .phone-input .drop .drop-flag{margin-left:12px}.country-phone-picker .phone-input .drop .drop-icon{font-size:12px;margin:0 8px}.country-phone-picker .phone-input .phone-ddi{margin:8px 0}.country-phone-picker .phone-input input{border:none;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:150%;margin-left:8px}.country-phone-picker .phone-input input:focus{color:#697882;outline:0}.country-phone-picker .dropdown{background-color:#fff;border-radius:4px;box-shadow:0 4px 5px #00000033;padding:4px 0;position:absolute;margin:2px 0;z-index:999999}.country-phone-picker .dropdown .search{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:8px 12px}.country-phone-picker .dropdown .search .search-field{border:1px solid #d8d8d8;border-radius:4px;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;height:36px;line-height:150%;padding:0 32px 0 8px}.country-phone-picker .dropdown .search .search-icon{color:#333;font-size:12px;position:relative;right:24px}.country-phone-picker .dropdown .search .search-clear{color:#333;cursor:pointer;font-size:1rem}.country-phone-picker .dropdown .select-list{list-style:none;max-height:234px;min-width:360px;max-width:100vw;overflow:scroll;padding:0}.country-phone-picker .dropdown .select-list .select-option{cursor:pointer;display:-ms-flexbox;display:flex;padding:12px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.country-phone-picker .dropdown .select-list .select-option .select-option__flag{margin-right:12px}.country-phone-picker .dropdown .select-list .select-option .select-option__name{margin-right:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.country-phone-picker .dropdown .select-list .select-option .select-option__ddi{color:#697882;font-size:14px;font-family:\"Open Sans\",sans-serif;font-weight:400;line-height:150%}.country-phone-picker .dropdown .select-list .select-option--focused,.country-phone-picker .dropdown .select-list .select-option:hover{background-color:#e5eaea}"]
-            })
+                    },
+                ],
+                styles: [".country-phone-picker .phone-input{background-color:#fff;border:1px solid #d8d8d8;border-radius:4px;display:-ms-flexbox;display:flex;line-height:normal;overflow:hidden}.country-phone-picker .phone-input .drop{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex}.country-phone-picker .phone-input .drop .drop-flag{margin-left:12px}.country-phone-picker .phone-input .drop .drop-icon{font-size:12px;margin:0 8px}.country-phone-picker .phone-input .phone-ddi{margin:8px 0}.country-phone-picker .phone-input input{border:none;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:150%;margin-left:8px}.country-phone-picker .phone-input input:focus{color:#697882;outline:0}.dropdown{background-color:#fff;border-radius:4px;box-shadow:0 4px 5px #00000033;padding:4px 0;position:absolute;margin:2px 0;z-index:999999}.dropdown .search{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:8px 12px}.dropdown .search .search-field{border:1px solid #d8d8d8;border-radius:4px;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;height:36px;line-height:150%;padding:0 32px 0 8px}.dropdown .search .search-icon{color:#333;font-size:12px;position:relative;right:24px}.dropdown .search .search-clear{color:#333;cursor:pointer;font-size:1rem}.dropdown .select-list{list-style:none;max-height:234px;min-width:360px;max-width:100vw;overflow:scroll;padding:0}.dropdown .select-list .select-option{cursor:pointer;display:-ms-flexbox;display:flex;padding:12px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dropdown .select-list .select-option .select-option__flag{margin-right:12px}.dropdown .select-list .select-option .select-option__name{margin-right:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dropdown .select-list .select-option .select-option__ddi{color:#697882;font-size:14px;font-family:\"Open Sans\",sans-serif;font-weight:400;line-height:150%}.dropdown .select-list .select-option--focused,.dropdown .select-list .select-option:hover{background-color:#e5eaea}"]
+            }),
+            __param(3, core.Inject(core.PLATFORM_ID))
         ], CountryPhonePickerComponent);
         return CountryPhonePickerComponent;
     }());
@@ -5562,6 +5719,7 @@
                     core$1.TranslateModule,
                     forms.ReactiveFormsModule,
                     ngxMask.NgxMaskModule.forRoot(),
+                    portal.PortalModule,
                 ],
                 declarations: [CountryPhonePickerComponent],
                 exports: [CountryPhonePickerComponent],
@@ -7334,129 +7492,6 @@
         return FileUploadService;
     }());
 
-    var Breakpoints = {
-        SM_MIN: 0,
-        SM_MAX: 767,
-        MD_MIN: 768,
-        MD_MAX: 991,
-        LG_MIN: 992,
-        LG_MAX: 1199,
-        XL_MIN: 1200,
-        XL_MAX: Infinity,
-    };
-
-    var ExportUtils = /** @class */ (function () {
-        function ExportUtils() {
-            throw new Error("Classe não deve ser instanciada.");
-        }
-        ExportUtils.addClass = function (element, className) {
-            element.nativeElement.className = element.nativeElement.className + " " + className;
-        };
-        ExportUtils.removeClass = function (element, className) {
-            if (element.nativeElement.className.includes(className)) {
-                element.nativeElement.className = element.nativeElement.className.replace(className, "");
-            }
-        };
-        ExportUtils.exportCSV = function (columns, data, csvSeparator, documentName) {
-            var _this = this;
-            if (columns === void 0) { columns = []; }
-            if (data === void 0) { data = []; }
-            if (csvSeparator === void 0) { csvSeparator = ";"; }
-            if (documentName === void 0) { documentName = "download"; }
-            var csv = "\ufeff";
-            columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
-                csv += "\"" + (column.header || column.field) + "\"";
-                if (i < columns.length - 1)
-                    csv += csvSeparator;
-            });
-            data.forEach(function (record) {
-                csv += "\n";
-                columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
-                    var cellData;
-                    if (Array.isArray(column.field)) {
-                        var fieldValues = column.field.map(function (col) { return _this.resolveFieldData(record, col); });
-                        cellData = fieldValues
-                            .flat()
-                            .filter(function (value) { return value !== null && value !== undefined; })
-                            .join(column.separator);
-                    }
-                    else {
-                        cellData = _this.resolveFieldData(record, column.field);
-                    }
-                    if (cellData != null)
-                        cellData = String(cellData).replace(/"/g, "\"\"");
-                    else
-                        cellData = "";
-                    csv += "\"" + cellData + "\"";
-                    if (i < columns.length - 1)
-                        csv += csvSeparator;
-                });
-            });
-            var blob = new Blob([csv], {
-                type: "text/csv;charset=utf-8;",
-            });
-            if (window.navigator.msSaveOrOpenBlob)
-                navigator.msSaveOrOpenBlob(blob, documentName + ".csv");
-            else {
-                var link = document.createElement("a");
-                link.style.display = "none";
-                document.body.appendChild(link);
-                if (link.download !== undefined) {
-                    link.setAttribute("href", URL.createObjectURL(blob));
-                    link.setAttribute("download", documentName + ".csv");
-                    link.click();
-                }
-                else {
-                    csv = "data:text/csv;charset=utf-8," + csv;
-                    window.open(encodeURI(csv));
-                }
-                document.body.removeChild(link);
-            }
-        };
-        ExportUtils.resolveFieldData = function (data, field) {
-            if (data && field) {
-                if (this.isFunction(field))
-                    return field(data);
-                else if (field.indexOf(".") == -1)
-                    return data[field];
-                else {
-                    var fields = field.split(".");
-                    var value = data;
-                    for (var i = 0, len = fields.length; i < len; ++i) {
-                        if (value == null) {
-                            return null;
-                        }
-                        value = value[fields[i]];
-                    }
-                    return value;
-                }
-            }
-            else
-                return null;
-        };
-        ExportUtils.isFunction = function (obj) {
-            return !!(obj && obj.constructor && obj.call && obj.apply);
-        };
-        return ExportUtils;
-    }());
-
-    var convertToMomentDateFormat = function (format) {
-        // A ordem dos replaces é importante.
-        return format
-            .replace(/\bd\b/, "D") // day of month (no leading zero)
-            .replace(/\bdd\b/, "DD") // day of month
-            .replace(/\bo\b/, "DDD") // day of the year (no leading zero)
-            .replace(/\boo\b/, "DDDD") // day of the year
-            .replace(/\bM\b/, "MMM") // month name short
-            .replace(/\bMM\b/, "MMMM") // month name long
-            .replace(/\bm\b/, "M") // month of year (no leading)
-            .replace(/\bmm\b/, "MM") // month of year
-            .replace(/\by\b/, "YY") // year (two digits)
-            .replace(/\byy\b/, "YYYY"); // year (four digits)
-    };
-
-    var isNullOrUndefined = function (value) { return value === null || value === undefined; };
-
 
     (function (ValidateErrors) {
         ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
@@ -16016,7 +16051,7 @@
         IAInsightCardComponent = __decorate([
             core.Component({
                 selector: "s-ia-insight-card",
-                template: "<div class=\"ia-insight-card\" [ngClass]=\"{ 'ia-insight-card--close': !open }\">\n    <div class=\"header\" (click)=\"toggle()\">\n        <s-badge text=\"Insight\" iconClass=\"fal fa-lightbulb\"></s-badge>\n        <span class=\"insight-title\">{{ insight.title }}</span>\n        <span\n            class=\"toggle-icon fas\"\n            [ngClass]=\"{\n                'fa-angle-down': !open,\n                'fa-angle-up': open\n            }\"\n        >\n        </span>\n    </div>\n    <div class=\"content\">\n        <ng-container *ngIf=\"isLoading; then loadingBlock; else contentBlock\"></ng-container>\n        <ng-template #loadingBlock>\n            <s-ia-insight-card-loader></s-ia-insight-card-loader>\n        </ng-template>\n        <ng-template #contentBlock>\n            <ng-container *ngIf=\"content; then successBlock; else errorBlock\"></ng-container>\n\n            <ng-template #successBlock>\n                <span class=\"text\" [innerHTML]=\"content\"></span>\n            </ng-template>\n            <ng-template #errorBlock>\n                <span class=\"text text--error\">{{ \"platform.angular_components.error_loading_insight_alt\" | translate }}</span>\n            </ng-template>\n\n            <div class=\"options\">\n                <button [disabled]=\"!content\" (click)=\"copyContent()\" class=\"option fal fa-copy\"></button>\n                <button (click)=\"reloadContent()\" class=\"option fal fa-redo\"></button>\n                <button\n                    *ngIf=\"insight.onLikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onLikeSelected()\"\n                    class=\"option\"\n                    [ngClass]=\"{\n                        'fal': !likeSelected,\n                        'fas': likeSelected,\n                        'fa-thumbs-up': true\n                    }\">\n                </button>\n                <button\n                    *ngIf=\"insight.onDislikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onDislikeSelected()\"\n                    class=\"option\"\n                    [ngClass]=\"{\n                        'fal': !dislikeSelected,\n                        'fas': dislikeSelected,\n                        'fa-thumbs-down': true\n                    }\">\n                </button>\n            </div>\n        </ng-template>\n    </div>\n</div>\n",
+                template: "<div class=\"ia-insight-card\" [ngClass]=\"{ 'ia-insight-card--close': !open }\">\n    <div class=\"header\" (click)=\"toggle()\">\n        <s-badge text=\"Insight\" iconClass=\"fal fa-lightbulb\"></s-badge>\n        <span class=\"insight-title\">{{ insight.title }}</span>\n        <span\n            class=\"toggle-icon fas\"\n            [ngClass]=\"{\n                'fa-angle-down': !open,\n                'fa-angle-up': open\n            }\"\n        >\n        </span>\n    </div>\n    <div class=\"content\">\n        <ng-container *ngIf=\"isLoading; then loadingBlock; else contentBlock\"></ng-container>\n        <ng-template #loadingBlock>\n            <s-ia-insight-card-loader></s-ia-insight-card-loader>\n        </ng-template>\n        <ng-template #contentBlock>\n            <ng-container *ngIf=\"content; then successBlock; else errorBlock\"></ng-container>\n\n            <ng-template #successBlock>\n                <span class=\"text\" [innerHTML]=\"content\"></span>\n            </ng-template>\n            <ng-template #errorBlock>\n                <span class=\"text text--error\">{{ \"platform.angular_components.error_loading_insight_alt\" | translate }}</span>\n            </ng-template>\n\n            <div class=\"options\">\n                <button [disabled]=\"!content\" (click)=\"copyContent()\" class=\"option\">\n                    <i class=\"fal fa-copy\"></i>\n                </button>\n                <button (click)=\"reloadContent()\" class=\"option\">\n                    <i class=\"fal fa-redo\"></i>\n                </button>\n                <button\n                    *ngIf=\"insight.onLikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onLikeSelected()\"\n                    class=\"option\"\n                    >\n                    <i [ngClass]=\"{\n                        'fal': !likeSelected,\n                        'fas': likeSelected,\n                        'fa-thumbs-up': true\n                    }\"></i>\n                </button>\n                <button\n                    *ngIf=\"insight.onDislikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onDislikeSelected()\"\n                    class=\"option\"\n                    >\n                    <i [ngClass]=\"{\n                        'fal': !dislikeSelected,\n                        'fas': dislikeSelected,\n                        'fa-thumbs-down': true\n                    }\"></i>\n                </button>\n            </div>\n        </ng-template>\n    </div>\n</div>\n",
                 styles: [".ia-insight-card{background-color:#fff;border:1px solid #9ecad4;border-radius:4px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.ia-insight-card .header{-ms-flex-align:center;align-items:center;background-color:#f1f7f8;border-bottom:1px solid #9ecad4;display:-ms-flexbox;display:flex;gap:8px;min-height:60px;padding:8px 16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ia-insight-card .header .insight-title{color:#428bca;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;line-height:150%}.ia-insight-card .header .toggle-icon{color:#888b99;font-size:20px}.ia-insight-card .content{-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;cursor:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px;min-height:160px;padding:24px}.ia-insight-card .content .text{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:14px;width:100%}.ia-insight-card .content .text--error{text-align:center}.ia-insight-card .content .options{display:-ms-flexbox;display:flex;gap:8px}.ia-insight-card .content .options .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:12px}.ia-insight-card .content .options .option:disabled{color:#c1c1cc;cursor:auto}.ia-insight-card--close{border-color:#dedce5}.ia-insight-card--close .header{background-color:#fbfafc;border:#dedce5}.ia-insight-card--close .header .insight-title{color:#888b99}.ia-insight-card--close .content{display:none}"]
             })
         ], IAInsightCardComponent);