ngx-vector-components 5.106.0 → 5.107.1

package/fesm2022/ngx-vector-components.mjs

@@ -643,6 +643,8 @@ var ProfileModuleActionType;
     ProfileModuleActionType["CLEAN_OLD_LOTDAILYCADENCES"] = "Clean Old LotDailyCadences";
     ProfileModuleActionType["SHOW_CONTROL_CARD_ADMIN"] = "Toll Card Admin";
     ProfileModuleActionType["SHOW_CONTROL_CARD_PARTNER"] = "Toll Card Partner";
+    ProfileModuleActionType["SHOW_HEAT_MAP"] = "Show Heat Map";
+    ProfileModuleActionType["SHOW_STATUS_MAP"] = "Show Status Map";
 })(ProfileModuleActionType || (ProfileModuleActionType = {}));
 
 var Role;
@@ -1982,6 +1984,8 @@ class ProfileService {
                     isEtcd: response?.isEtcd,
                     shipperEtcd: response?.shipperEtcd,
                     userName: response.firstName,
+                    regionalId: response?.regionalId,
+                    regionalUserList: response?.regionalUserList,
                 };
                 if (response.id) {
                     this.storageService.setUserId(response.id);
@@ -3495,11 +3499,11 @@ class FiltersComponent {
         return validators;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FiltersComponent, deps: [{ token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FiltersComponent, selector: "vector-filters", inputs: { fields: "fields" }, outputs: { onSearch: "onSearch", formBuilded: "formBuilded" }, ngImport: i0, template: "<div class=\"grid filter-container\" [ngClass]=\"{ 'display-none': hideFilters }\" [formGroup]=\"formGroup\">\r\n  <div *ngFor=\"let field of fields | notHidden\" class=\"field col-12 sm:col-8 {{ getGridClass(field) }}\">\r\n    <label\r\n      >{{ field.label }}\r\n      <i\r\n        *ngIf=\"field.tooltip\"\r\n        class=\"fas fa-info-circle mt-1 pl-2 ch\"\r\n        pTooltip=\"{{ field.tooltip }}\"\r\n        tooltipPosition=\"bottom\"\r\n      ></i\r\n    ></label>\r\n    <vector-text-field\r\n      *ngIf=\"isTextFieldType(field)\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [mask]=\"field.mask\"\r\n      [label]=\"field.placeholder\"\r\n      [isRequired]=\"field.required\"\r\n      [numeric]=\"field.type === fieldTypes.NUMBER\"\r\n      [class]=\"field.class\"\r\n    ></vector-text-field>\r\n    <vector-dropdown-field\r\n      *ngIf=\"[fieldTypes.DYNAMIC_DROPDOWN, fieldTypes.DROPDOWN].includes(field.type)\"\r\n      [dynamicFilters]=\"field.filterTypes\"\r\n      [disabled]=\"field.disabled\"\r\n      [options]=\"field.options || []\"\r\n      [service]=\"field.service\"\r\n      [isRequired]=\"field.required\"\r\n      [minLengthToService]=\"field.minLengthToService || 0\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [paged]=\"false\"\r\n      [dependencies]=\"getFieldDependencies(field)\"\r\n      [initialLoad]=\"field.initiateValue\"\r\n      [limitScrollPage]=\"field.limitScrollPage\"\r\n    ></vector-dropdown-field>\r\n    <vector-currency-field\r\n      *ngIf=\"field.type === fieldTypes.CURRENCY\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [outlined]=\"true\"\r\n      [disabled]=\"field.disabled\"\r\n    ></vector-currency-field>\r\n    <vector-calendar-field\r\n      *ngIf=\"field.type === fieldTypes.DATE\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [isRequired]=\"field.required\"\r\n      [label]=\"field.placeholder || ''\"\r\n      [disabled]=\"field.disabled\"\r\n      [min]=\"field.dateMin\"\r\n      [max]=\"field.dateMax\"\r\n    ></vector-calendar-field>\r\n    <vector-select-button-field\r\n      *ngIf=\"field.type === fieldTypes.SELECT_BUTTON\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [options]=\"field.options\"\r\n      (click)=\"search()\"\r\n      [disabled]=\"field.disabled\"\r\n    >\r\n    </vector-select-button-field>\r\n    <div *ngIf=\"field.type === fieldTypes.DATE_RANGE\" class=\"range-date-container\">\r\n      <vector-calendar-field\r\n        [control]=\"formGroup.get(field.name + '.startDate')\"\r\n        [isRequired]=\"field.required\"\r\n        [label]=\"field.placeholder || ''\"\r\n        [disabled]=\"field.disabled\"\r\n        [min]=\"field.dateMin\"\r\n      ></vector-calendar-field>\r\n      At\u00E9\r\n      <vector-calendar-field\r\n        [control]=\"formGroup.get(field.name + '.endDate')\"\r\n        [isRequired]=\"field.required\"\r\n        [label]=\"field.placeholder || ''\"\r\n        [disabled]=\"field.disabled\"\r\n        [max]=\"field.dateMax\"\r\n      ></vector-calendar-field>\r\n    </div>\r\n    <vector-multiselect-field\r\n      *ngIf=\"field.type === fieldTypes.MULTISELECT\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [options]=\"field.options || []\"\r\n      [disabled]=\"field.disabled\"\r\n    >\r\n    </vector-multiselect-field>\r\n  </div>\r\n  <div class=\"search-button sm:col-4\">\r\n    <vector-button\r\n      [label]=\"'app.label.search' | translate\"\r\n      (click)=\"search()\"\r\n      [disabled]=\"!formGroup.valid\"\r\n    ></vector-button>\r\n  </div>\r\n</div>\r\n", styles: [".filter-container{align-items:center}.filter-container .field{display:flex;flex-direction:column}.filter-container .search-button{flex:1;padding-right:7px;display:flex;justify-content:flex-end}@media (min-width: 768px){.filter-container .search-button{padding-top:36px}}.filter-container .range-date-container{display:flex;align-items:center;gap:10px}.display-none{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: TextFieldComponent, selector: "vector-text-field", inputs: ["isRequired", "label", "maxlength", "isPassword", "numeric", "numericPositive", "numericDotComma", "decimal", "onlyText", "noSpecialCharacters", "alphaNumeric", "alphaNumericAndWhitespace", "mask", "autoClear", "readonly", "rightIcon", "centered", "enableDocumentTypeChoice", "hiddenErrorMessage", "leftLabel", "control", "inputId", "slotChar", "disabled", "pattern"], outputs: ["blurEvent", "inputEvent", "enterKeyPress", "backSpaceKeyPress", "focusEvent", "onDocumentTypeChange"] }, { kind: "component", type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: CalendarComponent, selector: "vector-calendar-field", inputs: ["isRequired", "control", "label", "showCalendarOnFocus", "min", "max", "disabledDates", "disabled", "defaultDate", "hiddenErrorMessage", "showTime", "showSeconds", "stepMinute", "stepHour", "stepSecond", "timeOnly", "hourFormat"], outputs: ["onFocus", "onBlur", "onInput", "onSelect"] }, { kind: "component", type: MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: ["pagedSugestion", "isRequired", "control", "label", "options", "filter", "showSelectAllOption", "display", "paged", "disabled", "minLengthToService", "initialLoad", "service", "filterVirtualScrool", "showHeader", "showFlags", "dependencies", "limitScrollPage", "forceSelection", "showFlagsOptions"], outputs: ["onChange", "onClosePanel"] }, { kind: "component", type: DropdownFieldComponent, selector: "vector-dropdown-field", inputs: ["options", "isNgContent", "forceSelection", "isRequired", "control", "label", "service", "paged", "buttonAction", "dependencies", "hiddenErrorMessage", "dynamicFilters", "minLengthToService", "initialLoad", "disabled", "limitScrollPage", "inputId"], outputs: ["onFocus", "onChange"] }, { kind: "component", type: CurrencyFieldComponent, selector: "vector-currency-field", inputs: ["minValue", "maxValue", "placeholder", "numberOfDecimals", "control", "outlined", "rounded", "label", "isBankingField", "inputClassName", "localePrefix", "currencyPrefix", "disabled", "centered", "inputId"], outputs: ["onBlur"] }, { kind: "component", type: SelectButtonFieldComponent, selector: "vector-select-button-field", inputs: ["options", "control", "disabled"] }, { kind: "pipe", type: NotHiddenPipe, name: "notHidden" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FiltersComponent, selector: "vector-filters", inputs: { fields: "fields" }, outputs: { onSearch: "onSearch", formBuilded: "formBuilded" }, ngImport: i0, template: "<div class=\"grid filter-container\" [ngClass]=\"{ 'display-none': hideFilters }\" [formGroup]=\"formGroup\">\r\n  <div *ngFor=\"let field of fields | notHidden\" class=\"field col-12 sm:col-8 {{ getGridClass(field) }}\">\r\n    <label\r\n      >{{ field.label }}\r\n      <i\r\n        *ngIf=\"field.tooltip\"\r\n        class=\"fas fa-info-circle mt-1 pl-2 ch\"\r\n        pTooltip=\"{{ field.tooltip }}\"\r\n        tooltipPosition=\"bottom\"\r\n      ></i\r\n    ></label>\r\n    <vector-text-field\r\n      *ngIf=\"isTextFieldType(field)\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [mask]=\"field.mask\"\r\n      [label]=\"field.placeholder\"\r\n      [isRequired]=\"field.required\"\r\n      [numeric]=\"field.type === fieldTypes.NUMBER\"\r\n      [class]=\"field.class\"\r\n    ></vector-text-field>\r\n    <vector-dropdown-field\r\n      *ngIf=\"[fieldTypes.DYNAMIC_DROPDOWN, fieldTypes.DROPDOWN].includes(field.type)\"\r\n      [dynamicFilters]=\"field.filterTypes\"\r\n      [disabled]=\"field.disabled\"\r\n      [options]=\"field.options || []\"\r\n      [service]=\"field.service\"\r\n      [isRequired]=\"field.required\"\r\n      [minLengthToService]=\"field.minLengthToService || 0\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [paged]=\"false\"\r\n      [dependencies]=\"getFieldDependencies(field)\"\r\n      [initialLoad]=\"field.initiateValue\"\r\n      [limitScrollPage]=\"field.limitScrollPage\"\r\n    ></vector-dropdown-field>\r\n    <vector-currency-field\r\n      *ngIf=\"field.type === fieldTypes.CURRENCY\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [outlined]=\"true\"\r\n      [disabled]=\"field.disabled\"\r\n    ></vector-currency-field>\r\n    <vector-calendar-field\r\n      *ngIf=\"field.type === fieldTypes.DATE\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [isRequired]=\"field.required\"\r\n      [label]=\"field.placeholder || ''\"\r\n      [disabled]=\"field.disabled\"\r\n      [min]=\"field.dateMin\"\r\n      [max]=\"field.dateMax\"\r\n    ></vector-calendar-field>\r\n    <vector-select-button-field\r\n      *ngIf=\"field.type === fieldTypes.SELECT_BUTTON\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [options]=\"field.options\"\r\n      (click)=\"search()\"\r\n      [disabled]=\"field.disabled\"\r\n    >\r\n    </vector-select-button-field>\r\n    <div *ngIf=\"field.type === fieldTypes.DATE_RANGE\" class=\"range-date-container\">\r\n      <vector-calendar-field\r\n        [control]=\"formGroup.get(field.name + '.startDate')\"\r\n        [isRequired]=\"field.required\"\r\n        [label]=\"field.placeholder || ''\"\r\n        [disabled]=\"field.disabled\"\r\n        [min]=\"field.dateMin\"\r\n      ></vector-calendar-field>\r\n      At\u00E9\r\n      <vector-calendar-field\r\n        [control]=\"formGroup.get(field.name + '.endDate')\"\r\n        [isRequired]=\"field.required\"\r\n        [label]=\"field.placeholder || ''\"\r\n        [disabled]=\"field.disabled\"\r\n        [max]=\"field.dateMax\"\r\n      ></vector-calendar-field>\r\n    </div>\r\n    <vector-multiselect-field\r\n      *ngIf=\"field.type === fieldTypes.MULTISELECT\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [options]=\"field.options || []\"\r\n      [disabled]=\"field.disabled\"\r\n    >\r\n    </vector-multiselect-field>\r\n  </div>\r\n  <div class=\"search-button sm:col-4\">\r\n    <vector-button\r\n      [label]=\"'app.label.search' | translate\"\r\n      (click)=\"search()\"\r\n      [disabled]=\"!formGroup.valid\"\r\n      [round]=\"true\"\r\n      type=\"default-filled\"\r\n    ></vector-button>\r\n  </div>\r\n</div>\r\n", styles: [".filter-container{align-items:center}.filter-container .field{display:flex;flex-direction:column}.filter-container .search-button{flex:1;padding-right:7px;display:flex;justify-content:flex-end}@media (min-width: 768px){.filter-container .search-button{padding-top:36px}}.filter-container .range-date-container{display:flex;align-items:center;gap:10px}.display-none{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: TextFieldComponent, selector: "vector-text-field", inputs: ["isRequired", "label", "maxlength", "isPassword", "numeric", "numericPositive", "numericDotComma", "decimal", "onlyText", "noSpecialCharacters", "alphaNumeric", "alphaNumericAndWhitespace", "mask", "autoClear", "readonly", "rightIcon", "centered", "enableDocumentTypeChoice", "hiddenErrorMessage", "leftLabel", "control", "inputId", "slotChar", "disabled", "pattern"], outputs: ["blurEvent", "inputEvent", "enterKeyPress", "backSpaceKeyPress", "focusEvent", "onDocumentTypeChange"] }, { kind: "component", type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: CalendarComponent, selector: "vector-calendar-field", inputs: ["isRequired", "control", "label", "showCalendarOnFocus", "min", "max", "disabledDates", "disabled", "defaultDate", "hiddenErrorMessage", "showTime", "showSeconds", "stepMinute", "stepHour", "stepSecond", "timeOnly", "hourFormat"], outputs: ["onFocus", "onBlur", "onInput", "onSelect"] }, { kind: "component", type: MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: ["pagedSugestion", "isRequired", "control", "label", "options", "filter", "showSelectAllOption", "display", "paged", "disabled", "minLengthToService", "initialLoad", "service", "filterVirtualScrool", "showHeader", "showFlags", "dependencies", "limitScrollPage", "forceSelection", "showFlagsOptions"], outputs: ["onChange", "onClosePanel"] }, { kind: "component", type: DropdownFieldComponent, selector: "vector-dropdown-field", inputs: ["options", "isNgContent", "forceSelection", "isRequired", "control", "label", "service", "paged", "buttonAction", "dependencies", "hiddenErrorMessage", "dynamicFilters", "minLengthToService", "initialLoad", "disabled", "limitScrollPage", "inputId"], outputs: ["onFocus", "onChange"] }, { kind: "component", type: CurrencyFieldComponent, selector: "vector-currency-field", inputs: ["minValue", "maxValue", "placeholder", "numberOfDecimals", "control", "outlined", "rounded", "label", "isBankingField", "inputClassName", "localePrefix", "currencyPrefix", "disabled", "centered", "inputId"], outputs: ["onBlur"] }, { kind: "component", type: SelectButtonFieldComponent, selector: "vector-select-button-field", inputs: ["options", "control", "disabled"] }, { kind: "pipe", type: NotHiddenPipe, name: "notHidden" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-filters', template: "<div class=\"grid filter-container\" [ngClass]=\"{ 'display-none': hideFilters }\" [formGroup]=\"formGroup\">\r\n  <div *ngFor=\"let field of fields | notHidden\" class=\"field col-12 sm:col-8 {{ getGridClass(field) }}\">\r\n    <label\r\n      >{{ field.label }}\r\n      <i\r\n        *ngIf=\"field.tooltip\"\r\n        class=\"fas fa-info-circle mt-1 pl-2 ch\"\r\n        pTooltip=\"{{ field.tooltip }}\"\r\n        tooltipPosition=\"bottom\"\r\n      ></i\r\n    ></label>\r\n    <vector-text-field\r\n      *ngIf=\"isTextFieldType(field)\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [mask]=\"field.mask\"\r\n      [label]=\"field.placeholder\"\r\n      [isRequired]=\"field.required\"\r\n      [numeric]=\"field.type === fieldTypes.NUMBER\"\r\n      [class]=\"field.class\"\r\n    ></vector-text-field>\r\n    <vector-dropdown-field\r\n      *ngIf=\"[fieldTypes.DYNAMIC_DROPDOWN, fieldTypes.DROPDOWN].includes(field.type)\"\r\n      [dynamicFilters]=\"field.filterTypes\"\r\n      [disabled]=\"field.disabled\"\r\n      [options]=\"field.options || []\"\r\n      [service]=\"field.service\"\r\n      [isRequired]=\"field.required\"\r\n      [minLengthToService]=\"field.minLengthToService || 0\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [paged]=\"false\"\r\n      [dependencies]=\"getFieldDependencies(field)\"\r\n      [initialLoad]=\"field.initiateValue\"\r\n      [limitScrollPage]=\"field.limitScrollPage\"\r\n    ></vector-dropdown-field>\r\n    <vector-currency-field\r\n      *ngIf=\"field.type === fieldTypes.CURRENCY\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [outlined]=\"true\"\r\n      [disabled]=\"field.disabled\"\r\n    ></vector-currency-field>\r\n    <vector-calendar-field\r\n      *ngIf=\"field.type === fieldTypes.DATE\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [isRequired]=\"field.required\"\r\n      [label]=\"field.placeholder || ''\"\r\n      [disabled]=\"field.disabled\"\r\n      [min]=\"field.dateMin\"\r\n      [max]=\"field.dateMax\"\r\n    ></vector-calendar-field>\r\n    <vector-select-button-field\r\n      *ngIf=\"field.type === fieldTypes.SELECT_BUTTON\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [options]=\"field.options\"\r\n      (click)=\"search()\"\r\n      [disabled]=\"field.disabled\"\r\n    >\r\n    </vector-select-button-field>\r\n    <div *ngIf=\"field.type === fieldTypes.DATE_RANGE\" class=\"range-date-container\">\r\n      <vector-calendar-field\r\n        [control]=\"formGroup.get(field.name + '.startDate')\"\r\n        [isRequired]=\"field.required\"\r\n        [label]=\"field.placeholder || ''\"\r\n        [disabled]=\"field.disabled\"\r\n        [min]=\"field.dateMin\"\r\n      ></vector-calendar-field>\r\n      At\u00E9\r\n      <vector-calendar-field\r\n        [control]=\"formGroup.get(field.name + '.endDate')\"\r\n        [isRequired]=\"field.required\"\r\n        [label]=\"field.placeholder || ''\"\r\n        [disabled]=\"field.disabled\"\r\n        [max]=\"field.dateMax\"\r\n      ></vector-calendar-field>\r\n    </div>\r\n    <vector-multiselect-field\r\n      *ngIf=\"field.type === fieldTypes.MULTISELECT\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [options]=\"field.options || []\"\r\n      [disabled]=\"field.disabled\"\r\n    >\r\n    </vector-multiselect-field>\r\n  </div>\r\n  <div class=\"search-button sm:col-4\">\r\n    <vector-button\r\n      [label]=\"'app.label.search' | translate\"\r\n      (click)=\"search()\"\r\n      [disabled]=\"!formGroup.valid\"\r\n    ></vector-button>\r\n  </div>\r\n</div>\r\n", styles: [".filter-container{align-items:center}.filter-container .field{display:flex;flex-direction:column}.filter-container .search-button{flex:1;padding-right:7px;display:flex;justify-content:flex-end}@media (min-width: 768px){.filter-container .search-button{padding-top:36px}}.filter-container .range-date-container{display:flex;align-items:center;gap:10px}.display-none{display:none!important}\n"] }]
+            args: [{ selector: 'vector-filters', template: "<div class=\"grid filter-container\" [ngClass]=\"{ 'display-none': hideFilters }\" [formGroup]=\"formGroup\">\r\n  <div *ngFor=\"let field of fields | notHidden\" class=\"field col-12 sm:col-8 {{ getGridClass(field) }}\">\r\n    <label\r\n      >{{ field.label }}\r\n      <i\r\n        *ngIf=\"field.tooltip\"\r\n        class=\"fas fa-info-circle mt-1 pl-2 ch\"\r\n        pTooltip=\"{{ field.tooltip }}\"\r\n        tooltipPosition=\"bottom\"\r\n      ></i\r\n    ></label>\r\n    <vector-text-field\r\n      *ngIf=\"isTextFieldType(field)\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [mask]=\"field.mask\"\r\n      [label]=\"field.placeholder\"\r\n      [isRequired]=\"field.required\"\r\n      [numeric]=\"field.type === fieldTypes.NUMBER\"\r\n      [class]=\"field.class\"\r\n    ></vector-text-field>\r\n    <vector-dropdown-field\r\n      *ngIf=\"[fieldTypes.DYNAMIC_DROPDOWN, fieldTypes.DROPDOWN].includes(field.type)\"\r\n      [dynamicFilters]=\"field.filterTypes\"\r\n      [disabled]=\"field.disabled\"\r\n      [options]=\"field.options || []\"\r\n      [service]=\"field.service\"\r\n      [isRequired]=\"field.required\"\r\n      [minLengthToService]=\"field.minLengthToService || 0\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [paged]=\"false\"\r\n      [dependencies]=\"getFieldDependencies(field)\"\r\n      [initialLoad]=\"field.initiateValue\"\r\n      [limitScrollPage]=\"field.limitScrollPage\"\r\n    ></vector-dropdown-field>\r\n    <vector-currency-field\r\n      *ngIf=\"field.type === fieldTypes.CURRENCY\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [outlined]=\"true\"\r\n      [disabled]=\"field.disabled\"\r\n    ></vector-currency-field>\r\n    <vector-calendar-field\r\n      *ngIf=\"field.type === fieldTypes.DATE\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [isRequired]=\"field.required\"\r\n      [label]=\"field.placeholder || ''\"\r\n      [disabled]=\"field.disabled\"\r\n      [min]=\"field.dateMin\"\r\n      [max]=\"field.dateMax\"\r\n    ></vector-calendar-field>\r\n    <vector-select-button-field\r\n      *ngIf=\"field.type === fieldTypes.SELECT_BUTTON\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [options]=\"field.options\"\r\n      (click)=\"search()\"\r\n      [disabled]=\"field.disabled\"\r\n    >\r\n    </vector-select-button-field>\r\n    <div *ngIf=\"field.type === fieldTypes.DATE_RANGE\" class=\"range-date-container\">\r\n      <vector-calendar-field\r\n        [control]=\"formGroup.get(field.name + '.startDate')\"\r\n        [isRequired]=\"field.required\"\r\n        [label]=\"field.placeholder || ''\"\r\n        [disabled]=\"field.disabled\"\r\n        [min]=\"field.dateMin\"\r\n      ></vector-calendar-field>\r\n      At\u00E9\r\n      <vector-calendar-field\r\n        [control]=\"formGroup.get(field.name + '.endDate')\"\r\n        [isRequired]=\"field.required\"\r\n        [label]=\"field.placeholder || ''\"\r\n        [disabled]=\"field.disabled\"\r\n        [max]=\"field.dateMax\"\r\n      ></vector-calendar-field>\r\n    </div>\r\n    <vector-multiselect-field\r\n      *ngIf=\"field.type === fieldTypes.MULTISELECT\"\r\n      [control]=\"formGroup.get(field.name)\"\r\n      [options]=\"field.options || []\"\r\n      [disabled]=\"field.disabled\"\r\n    >\r\n    </vector-multiselect-field>\r\n  </div>\r\n  <div class=\"search-button sm:col-4\">\r\n    <vector-button\r\n      [label]=\"'app.label.search' | translate\"\r\n      (click)=\"search()\"\r\n      [disabled]=\"!formGroup.valid\"\r\n      [round]=\"true\"\r\n      type=\"default-filled\"\r\n    ></vector-button>\r\n  </div>\r\n</div>\r\n", styles: [".filter-container{align-items:center}.filter-container .field{display:flex;flex-direction:column}.filter-container .search-button{flex:1;padding-right:7px;display:flex;justify-content:flex-end}@media (min-width: 768px){.filter-container .search-button{padding-top:36px}}.filter-container .range-date-container{display:flex;align-items:center;gap:10px}.display-none{display:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }], propDecorators: { fields: [{
                 type: Input
             }], onSearch: [{
@@ -3826,11 +3830,11 @@ class DataTableComponent {
         return active ? 'success' : 'error';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DataTableComponent, selector: "vector-data-table", inputs: { columns: "columns", data: "data", exportExcel: "exportExcel", exportPDF: "exportPDF", customFunction: "customFunction", totalRecords: "totalRecords", disabledHeadercheckbox: "disabledHeadercheckbox", filters: "filters", addItemLabel: "addItemLabel", pagination: "pagination", virtualPagination: "virtualPagination", tabs: "tabs", customButtons: "customButtons", addItemButtonPlusSign: "addItemButtonPlusSign", hasActions: "hasActions", hasExpandableIcon: "hasExpandableIcon", addNameColumnExpand: "addNameColumnExpand", expandable: "expandable", expansionTemplate: "expansionTemplate", selectionMode: "selectionMode", selectionType: "selectionType", height: "height", showLimitBalance: "showLimitBalance", showDataBalance: "showDataBalance", dataAccountBalance: "dataAccountBalance", firstLazyLoad: "firstLazyLoad", shouldLazyLoadWithoutFilter: "shouldLazyLoadWithoutFilter", reorderableColumns: "reorderableColumns" }, outputs: { onLazyLoad: "onLazyLoad", onFilter: "onFilter", onAdd: "onAdd", onExportExcel: "onExportExcel", onExportPDF: "onExportPDF", onSelectedRows: "onSelectedRows", onFilterChanged: "onFilterChanged", onTabSelected: "onTabSelected", onExpandRow: "onExpandRow" }, viewQueries: [{ propertyName: "filtersComponent", first: true, predicate: FiltersComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"grid\">\r\n  <div class=\"col-12\">\r\n    <vector-filters\r\n      [fields]=\"filters\"\r\n      (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"\r\n      (formBuilded)=\"subscribeToFilterChanges()\"\r\n    ></vector-filters>\r\n  </div>\r\n  <div class=\"table-header-actions field\" *ngIf=\"addItemLabel || exportExcel || exportPDF || customFunction\">\r\n    <button *ngIf=\"exportExcel\" (click)=\"onExportExcel.emit()\" class=\"export-button export-excel\">\r\n      <i class=\"fas fa-file-excel\"></i><span>Excel</span>\r\n    </button>\r\n    <button *ngIf=\"exportPDF\" (click)=\"onExportPDF.emit()\" class=\"export-button export-pdf\">\r\n      <i class=\"fas fa-file-pdf\"></i><span>PDF</span>\r\n    </button>\r\n    <button\r\n      *ngFor=\"let button of customFunction\"\r\n      (click)=\"button.clickFunction()\"\r\n      class=\"export-button custom-function\"\r\n    >\r\n      <i *ngIf=\"button?.icon\" class=\"{{ button?.icon }}\"></i><span>{{ button?.label }}</span>\r\n    </button>\r\n\r\n    <vector-button\r\n      *ngFor=\"let button of customButtons\"\r\n      class=\"add-item-button\"\r\n      [label]=\"button.label\"\r\n      (click)=\"button.clickFunction()\"\r\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\r\n    ></vector-button>\r\n    <vector-button\r\n      *ngIf=\"addItemLabel\"\r\n      class=\"add-item-button\"\r\n      [label]=\"addItemLabel\"\r\n      (click)=\"onAdd.emit()\"\r\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\r\n    ></vector-button>\r\n  </div>\r\n  @if(showLimitBalance){\r\n  <div class=\"col-12 grid ml-0\">\r\n    @for (itemAccount of dataAccountBalance; track $index) { @if(itemAccount.visible){\r\n    <div class=\"card balance-container\">\r\n      <span class=\"card-header\">{{ itemAccount.name }}</span>\r\n      <div class=\"card-content value-container\">\r\n        <span>R$ </span>\r\n        <span *ngIf=\"itemAccount.showBalance\" class=\"balance\">{{ balance(itemAccount) }}</span>\r\n        <div class=\"hidden-balance\" *ngIf=\"!itemAccount.showBalance\"></div>\r\n        <div class=\"icon-container\">\r\n          <i\r\n            class=\"fas\"\r\n            [ngClass]=\"{ 'fa-eye': !itemAccount.showBalance, 'fa-eye-slash': itemAccount.showBalance }\"\r\n            (click)=\"changeShowBalance(itemAccount)\"\r\n          ></i>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    } }\r\n  </div>\r\n\r\n  } @if(showDataBalance){\r\n  <div class=\"col-12 grid ml-0\">\r\n    @for (itemAccount of dataAccountBalance; track $index) {\r\n    <div class=\"card balance-container\">\r\n      <span class=\"card-header\">{{ itemAccount.name }}</span>\r\n      <div class=\"card-content value-container\">\r\n        <span class=\"balance\">{{ itemAccount.valueBalance }}</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  }\r\n\r\n  <div class=\"col-12\">\r\n    <vector-panel class=\"data-table-panel\">\r\n      <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\r\n        <p-tabPanel *ngFor=\"let tab of tabs\">\r\n          <ng-template pTemplate=\"header\">\r\n            <em *ngIf=\"tab.icon\" [class]=\"tab.icon\">&nbsp;</em>\r\n            <span>{{ tab.name }}</span>\r\n          </ng-template>\r\n        </p-tabPanel>\r\n      </p-tabView>\r\n      <p-table\r\n        currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\r\n        sortMode=\"single\"\r\n        [rows]=\"10\"\r\n        [lazy]=\"pagination && !virtualPagination\"\r\n        [value]=\"data\"\r\n        [paginator]=\"pagination\"\r\n        [totalRecords]=\"totalRecords\"\r\n        [showCurrentPageReport]=\"true\"\r\n        [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\r\n        [responsive]=\"true\"\r\n        [resizableColumns]=\"true\"\r\n        [scrollable]=\"true\"\r\n        scrollDirection=\"vertical\"\r\n        responsiveLayout=\"scroll\"\r\n        dataKey=\"id\"\r\n        [scrollHeight]=\"height\"\r\n        [attr.selectionMode]=\"selectionMode\"\r\n        [(selection)]=\"selectedItems\"\r\n        (onRowSelect)=\"changeSelectedItems($event)\"\r\n        (onHeaderCheckboxToggle)=\"changeSelectedItems($event)\"\r\n        (onRowUnselect)=\"changeSelectedItems($event)\"\r\n        (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        [reorderableColumns]=\"reorderableColumns\"\r\n      >\r\n        <ng-template pTemplate=\"header\">\r\n          <tr class=\"header\">\r\n            <th *ngIf=\"reorderableColumns\" style=\"width: 5rem\"></th>\r\n\r\n            <th *ngIf=\"selectionType === 'checkbox'\">\r\n              <p-tableHeaderCheckbox [disabled]=\"disabledHeadercheckbox\"></p-tableHeaderCheckbox>\r\n            </th>\r\n            <th class=\"text-center\" *ngIf=\"hasExpandableIcon\">\r\n              {{ addNameColumnExpand }}\r\n            </th>\r\n            <th *ngIf=\"hasActions\">{{ 'app.label.actions' | translate }}</th>\r\n            <th *ngIf=\"selectionType === 'radiobutton'\">\r\n              <div class=\"flex align-items-center\">\r\n                <span></span>\r\n              </div>\r\n            </th>\r\n            <th\r\n              *ngFor=\"let col of columns\"\r\n              [ngStyle]=\"getColStyle(col)\"\r\n              [pSortableColumn]=\"col.notSortable ? '' : col.field\"\r\n              pReorderableColumn\r\n            >\r\n              <div class=\"flex align-items-center\">\r\n                <span>{{ col.header }}</span> <p-sortIcon *ngIf=\"!col.notSortable\" [field]=\"col.field\"></p-sortIcon>\r\n              </div>\r\n            </th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-rowData let-item let-expanded=\"expanded\" let-index=\"rowIndex\">\r\n          <tr\r\n            class=\"row\"\r\n            [pSelectableRow]=\"rowData\"\r\n            [ngClass]=\"{ expandable: expandable }\"\r\n            [pRowToggler]=\"expandable ? item : undefined\"\r\n            (click)=\"onRowClick(item)\"\r\n            [pReorderableRow]=\"index\"\r\n          >\r\n            <ng-container *ngIf=\"reorderableColumns\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <span class=\"pi pi-bars\" pReorderableRowHandle></span>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"selectionType === 'checkbox'\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <p-tableCheckbox [value]=\"item\" [disabled]=\"item.disabledCheckBox\"></p-tableCheckbox>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"selectionType === 'radiobutton'\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\r\n              </td>\r\n            </ng-container>\r\n            <td *ngIf=\"hasExpandableIcon\" style=\"max-width: 150px\" class=\"centered\">\r\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n              <i\r\n                [ngClass]=\"\r\n                  expanded ? 'actions-menu-button pi pi-chevron-down' : 'actions-menu-button pi pi-chevron-right'\r\n                \"\r\n              ></i>\r\n            </td>\r\n            <td *ngIf=\"hasActions\">\r\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n              <i class=\"actions-menu-button fas fa-cog\" (click)=\"menu.toggle($event)\"></i>\r\n            </td>\r\n            <ng-container *ngFor=\"let col of columns\">\r\n              <td\r\n                *ngIf=\"isHtmlCell(col)\"\r\n                class=\"cell\"\r\n                [innerHTML]=\"getCellContent(item, col)\"\r\n                (click)=\"col && col.clickFunction && col.clickFunction(item)\"\r\n                [ngStyle]=\"getColStyle(col)\"\r\n              ></td>\r\n              <td\r\n                *ngIf=\"(!isHtmlCell(col) && !!col.getStatus) || isScoreCell(col)\"\r\n                class=\"cell\"\r\n                (click)=\"col && col.clickFunction && col.clickFunction(item)\"\r\n                [ngStyle]=\"getColStyle(col)\"\r\n              >\r\n                <vector-badge\r\n                  *ngIf=\"isBadgeCell(col)\"\r\n                  [label]=\"getCellText(item, col)\"\r\n                  [type]=\"col.getStatus && col.getStatus(item[col.field])\"\r\n                  [tooltip]=\"getTooltipText(item, col)\"\r\n                ></vector-badge>\r\n                <vector-score *ngIf=\"isScoreCell(col)\" [score]=\"item[col.field]\"></vector-score>\r\n              </td>\r\n            </ng-container>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"emptymessage\">\r\n          <tr class=\"row\">\r\n            <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"paginatorright\"> </ng-template>\r\n        <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\r\n        <ng-template pTemplate=\"rowexpansion\" let-item>\r\n          <tr>\r\n            <td [attr.colspan]=\"columns.length + (hasActions ? 1 : 0)\">\r\n              <ng-container *ngTemplateOutlet=\"expansionTemplate; context: { item }\"> </ng-container>\r\n            </td>\r\n          </tr>\r\n        </ng-template>\r\n      </p-table>\r\n    </vector-panel>\r\n  </div>\r\n</div>\r\n", styles: [".no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.table-header-actions{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;padding-right:7px;margin-bottom:15px!important}@media (min-width: 768px){.table-header-actions{margin-top:-3px}}.table-header-actions .export-button{padding:7px 10px;color:#fff;display:flex;align-items:center;border:none;border-radius:5px;margin:5px;font-size:.75rem;cursor:pointer}.table-header-actions .export-button.export-excel{background-color:var(--success-color)}.table-header-actions .export-button.export-excel:hover{background-color:var(--success-color-dark)}.table-header-actions .export-button.export-pdf{background-color:var(--error-color)}.table-header-actions .export-button.export-pdf:hover{background-color:var(--error-color-dark)}.table-header-actions .export-button.custom-function{background-color:var(--theme-primary)}.table-header-actions .export-button.custom-function:hover{background-color:var(--theme-medium)}.table-header-actions .export-button i{color:#fff}.table-header-actions .export-button span{margin-left:5px}.table-header-actions .add-item-button{margin-left:10px}.actions-menu-button{font-size:23px;cursor:pointer;color:var(--theme-medium)}.expandable{cursor:pointer}.balance-container{display:flex;flex-direction:column;width:20%;padding:0;margin-bottom:30px;top:30px;right:40px;border-radius:8px;margin-right:15px}.balance-container .header-right{flex:1;flex-direction:row;justify-content:flex-end;display:flex}@media screen and (max-width: 1450px){.balance-container{width:40%}}@media screen and (max-width: 960px){.balance-container{position:relative;width:80%;top:auto;right:auto}}.balance-container .card-header{color:var(--theme-medium);border-radius:9px 9px 0 0;padding:10px 10px 2px;font-weight:500;font-size:13px;line-height:17px;letter-spacing:.25px}.balance-container .value-container{display:flex;flex-direction:row;align-items:center;padding:0 10px 5px}.balance-container .value-container span{font-size:2em;font-weight:700;color:var(--theme-secondary)}@media screen and (max-width: 640px){.balance-container .value-container span{font-size:1.6em}}.balance-container .value-container .balance{margin-left:8px;width:70%}.balance-container .value-container .hidden-balance{background-color:var(--gray-lighter);padding:15px;margin-left:8px;width:70%;height:100%}.balance-container .value-container .icon-container{display:flex;flex:1;justify-content:center;align-items:center}.balance-container .value-container .icon-container i{cursor:pointer;font-size:2em;padding-top:2px;color:var(--theme-medium)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: PanelComponent, selector: "vector-panel" }, { kind: "component", type: i4$4.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i4$4.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: ScoreComponent, selector: "vector-score", inputs: ["score"] }, { kind: "component", type: i7.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i8.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i8.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i8.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i8.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i8.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i8.TableRadioButton, selector: "p-tableRadioButton", inputs: ["disabled", "value", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i8.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i8.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i8.ReorderableRowHandle, selector: "[pReorderableRowHandle]" }, { kind: "directive", type: i8.ReorderableRow, selector: "[pReorderableRow]", inputs: ["pReorderableRow", "pReorderableRowDisabled"] }, { kind: "component", type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: FiltersComponent, selector: "vector-filters", inputs: ["fields"], outputs: ["onSearch", "formBuilded"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DataTableComponent, selector: "vector-data-table", inputs: { columns: "columns", data: "data", exportExcel: "exportExcel", exportPDF: "exportPDF", customFunction: "customFunction", totalRecords: "totalRecords", disabledHeadercheckbox: "disabledHeadercheckbox", filters: "filters", addItemLabel: "addItemLabel", pagination: "pagination", virtualPagination: "virtualPagination", tabs: "tabs", customButtons: "customButtons", addItemButtonPlusSign: "addItemButtonPlusSign", hasActions: "hasActions", hasExpandableIcon: "hasExpandableIcon", addNameColumnExpand: "addNameColumnExpand", expandable: "expandable", expansionTemplate: "expansionTemplate", selectionMode: "selectionMode", selectionType: "selectionType", height: "height", showLimitBalance: "showLimitBalance", showDataBalance: "showDataBalance", dataAccountBalance: "dataAccountBalance", firstLazyLoad: "firstLazyLoad", shouldLazyLoadWithoutFilter: "shouldLazyLoadWithoutFilter", reorderableColumns: "reorderableColumns" }, outputs: { onLazyLoad: "onLazyLoad", onFilter: "onFilter", onAdd: "onAdd", onExportExcel: "onExportExcel", onExportPDF: "onExportPDF", onSelectedRows: "onSelectedRows", onFilterChanged: "onFilterChanged", onTabSelected: "onTabSelected", onExpandRow: "onExpandRow" }, viewQueries: [{ propertyName: "filtersComponent", first: true, predicate: FiltersComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"grid\">\r\n  <div class=\"col-12\">\r\n    <vector-filters\r\n      [fields]=\"filters\"\r\n      (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"\r\n      (formBuilded)=\"subscribeToFilterChanges()\"\r\n    ></vector-filters>\r\n  </div>\r\n  <div class=\"table-header-actions field\" *ngIf=\"addItemLabel || exportExcel || exportPDF || customFunction\">\r\n    <button *ngIf=\"exportExcel\" (click)=\"onExportExcel.emit()\" class=\"export-button export-excel\">\r\n      <i class=\"fas fa-file-excel\"></i><span>Excel</span>\r\n    </button>\r\n    <button *ngIf=\"exportPDF\" (click)=\"onExportPDF.emit()\" class=\"export-button export-pdf\">\r\n      <i class=\"fas fa-file-pdf\"></i><span>PDF</span>\r\n    </button>\r\n    <button\r\n      *ngFor=\"let button of customFunction\"\r\n      (click)=\"button.clickFunction()\"\r\n      class=\"export-button custom-function\"\r\n    >\r\n      <i *ngIf=\"button?.icon\" class=\"{{ button?.icon }}\"></i><span>{{ button?.label }}</span>\r\n    </button>\r\n\r\n    <vector-button\r\n      *ngFor=\"let button of customButtons\"\r\n      class=\"add-item-button\"\r\n      [round]=\"true\"\r\n      [label]=\"button.label\"\r\n      (click)=\"button.clickFunction()\"\r\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\r\n    ></vector-button>\r\n    <vector-button\r\n      *ngIf=\"addItemLabel\"\r\n      class=\"add-item-button\"\r\n      [label]=\"addItemLabel\"\r\n      (click)=\"onAdd.emit()\"\r\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\r\n      [round]=\"true\"\r\n    ></vector-button>\r\n  </div>\r\n  @if(showLimitBalance){\r\n  <div class=\"col-12 grid ml-0\">\r\n    @for (itemAccount of dataAccountBalance; track $index) { @if(itemAccount.visible){\r\n    <div class=\"card balance-container\">\r\n      <span class=\"card-header\">{{ itemAccount.name }}</span>\r\n      <div class=\"card-content value-container\">\r\n        <span>R$ </span>\r\n        <span *ngIf=\"itemAccount.showBalance\" class=\"balance\">{{ balance(itemAccount) }}</span>\r\n        <div class=\"hidden-balance\" *ngIf=\"!itemAccount.showBalance\"></div>\r\n        <div class=\"icon-container\">\r\n          <i\r\n            class=\"fas\"\r\n            [ngClass]=\"{ 'fa-eye': !itemAccount.showBalance, 'fa-eye-slash': itemAccount.showBalance }\"\r\n            (click)=\"changeShowBalance(itemAccount)\"\r\n          ></i>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    } }\r\n  </div>\r\n\r\n  } @if(showDataBalance){\r\n  <div class=\"col-12 grid ml-0\">\r\n    @for (itemAccount of dataAccountBalance; track $index) {\r\n    <div class=\"card balance-container\">\r\n      <span class=\"card-header\">{{ itemAccount.name }}</span>\r\n      <div class=\"card-content value-container\">\r\n        <span class=\"balance\">{{ itemAccount.valueBalance }}</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  }\r\n\r\n  <div class=\"col-12\">\r\n    <vector-panel class=\"data-table-panel\">\r\n      <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\r\n        <p-tabPanel *ngFor=\"let tab of tabs\">\r\n          <ng-template pTemplate=\"header\">\r\n            <em *ngIf=\"tab.icon\" [class]=\"tab.icon\">&nbsp;</em>\r\n            <span>{{ tab.name }}</span>\r\n          </ng-template>\r\n        </p-tabPanel>\r\n      </p-tabView>\r\n      <p-table\r\n        currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\r\n        sortMode=\"single\"\r\n        [rows]=\"10\"\r\n        [lazy]=\"pagination && !virtualPagination\"\r\n        [value]=\"data\"\r\n        [paginator]=\"pagination\"\r\n        [totalRecords]=\"totalRecords\"\r\n        [showCurrentPageReport]=\"true\"\r\n        [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\r\n        [responsive]=\"true\"\r\n        [resizableColumns]=\"true\"\r\n        [scrollable]=\"true\"\r\n        scrollDirection=\"vertical\"\r\n        responsiveLayout=\"scroll\"\r\n        dataKey=\"id\"\r\n        [scrollHeight]=\"height\"\r\n        [attr.selectionMode]=\"selectionMode\"\r\n        [(selection)]=\"selectedItems\"\r\n        (onRowSelect)=\"changeSelectedItems($event)\"\r\n        (onHeaderCheckboxToggle)=\"changeSelectedItems($event)\"\r\n        (onRowUnselect)=\"changeSelectedItems($event)\"\r\n        (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        [reorderableColumns]=\"reorderableColumns\"\r\n      >\r\n        <ng-template pTemplate=\"header\">\r\n          <tr class=\"header\">\r\n            <th *ngIf=\"reorderableColumns\" style=\"width: 5rem\"></th>\r\n\r\n            <th *ngIf=\"selectionType === 'checkbox'\">\r\n              <p-tableHeaderCheckbox [disabled]=\"disabledHeadercheckbox\"></p-tableHeaderCheckbox>\r\n            </th>\r\n            <th class=\"text-center\" *ngIf=\"hasExpandableIcon\">\r\n              {{ addNameColumnExpand }}\r\n            </th>\r\n            <th *ngIf=\"hasActions\">{{ 'app.label.actions' | translate }}</th>\r\n            <th *ngIf=\"selectionType === 'radiobutton'\">\r\n              <div class=\"flex align-items-center\">\r\n                <span></span>\r\n              </div>\r\n            </th>\r\n            <th\r\n              *ngFor=\"let col of columns\"\r\n              [ngStyle]=\"getColStyle(col)\"\r\n              [pSortableColumn]=\"col.notSortable ? '' : col.field\"\r\n              pReorderableColumn\r\n            >\r\n              <div class=\"flex align-items-center\">\r\n                <span>{{ col.header }}</span> <p-sortIcon *ngIf=\"!col.notSortable\" [field]=\"col.field\"></p-sortIcon>\r\n              </div>\r\n            </th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-rowData let-item let-expanded=\"expanded\" let-index=\"rowIndex\">\r\n          <tr\r\n            class=\"row\"\r\n            [pSelectableRow]=\"rowData\"\r\n            [ngClass]=\"{ expandable: expandable }\"\r\n            [pRowToggler]=\"expandable ? item : undefined\"\r\n            (click)=\"onRowClick(item)\"\r\n            [pReorderableRow]=\"index\"\r\n          >\r\n            <ng-container *ngIf=\"reorderableColumns\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <span class=\"pi pi-bars\" pReorderableRowHandle></span>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"selectionType === 'checkbox'\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <p-tableCheckbox [value]=\"item\" [disabled]=\"item.disabledCheckBox\"></p-tableCheckbox>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"selectionType === 'radiobutton'\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\r\n              </td>\r\n            </ng-container>\r\n            <td *ngIf=\"hasExpandableIcon\" style=\"max-width: 150px\" class=\"centered\">\r\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n              <i\r\n                [ngClass]=\"\r\n                  expanded ? 'actions-menu-button pi pi-chevron-down' : 'actions-menu-button pi pi-chevron-right'\r\n                \"\r\n              ></i>\r\n            </td>\r\n            <td *ngIf=\"hasActions\">\r\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n              <i class=\"actions-menu-button fas fa-cog\" (click)=\"menu.toggle($event)\"></i>\r\n            </td>\r\n            <ng-container *ngFor=\"let col of columns\">\r\n              <td\r\n                *ngIf=\"isHtmlCell(col)\"\r\n                class=\"cell\"\r\n                [innerHTML]=\"getCellContent(item, col)\"\r\n                (click)=\"col && col.clickFunction && col.clickFunction(item)\"\r\n                [ngStyle]=\"getColStyle(col)\"\r\n              ></td>\r\n              <td\r\n                *ngIf=\"(!isHtmlCell(col) && !!col.getStatus) || isScoreCell(col)\"\r\n                class=\"cell\"\r\n                (click)=\"col && col.clickFunction && col.clickFunction(item)\"\r\n                [ngStyle]=\"getColStyle(col)\"\r\n              >\r\n                <vector-badge\r\n                  *ngIf=\"isBadgeCell(col)\"\r\n                  [label]=\"getCellText(item, col)\"\r\n                  [type]=\"col.getStatus && col.getStatus(item[col.field])\"\r\n                  [tooltip]=\"getTooltipText(item, col)\"\r\n                ></vector-badge>\r\n                <vector-score *ngIf=\"isScoreCell(col)\" [score]=\"item[col.field]\"></vector-score>\r\n              </td>\r\n            </ng-container>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"emptymessage\">\r\n          <tr class=\"row\">\r\n            <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"paginatorright\"> </ng-template>\r\n        <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\r\n        <ng-template pTemplate=\"rowexpansion\" let-item>\r\n          <tr>\r\n            <td [attr.colspan]=\"columns.length + (hasActions ? 1 : 0)\">\r\n              <ng-container *ngTemplateOutlet=\"expansionTemplate; context: { item }\"> </ng-container>\r\n            </td>\r\n          </tr>\r\n        </ng-template>\r\n      </p-table>\r\n    </vector-panel>\r\n  </div>\r\n</div>\r\n", styles: [".no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.table-header-actions{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;padding-right:7px;margin-bottom:15px!important}@media (min-width: 768px){.table-header-actions{margin-top:-3px}}.table-header-actions .export-button{padding:7px 10px;color:#fff;display:flex;align-items:center;border:none;border-radius:5px;margin:5px;font-size:.75rem;cursor:pointer}.table-header-actions .export-button.export-excel{background-color:var(--success-color)}.table-header-actions .export-button.export-excel:hover{background-color:var(--success-color-dark)}.table-header-actions .export-button.export-pdf{background-color:var(--error-color)}.table-header-actions .export-button.export-pdf:hover{background-color:var(--error-color-dark)}.table-header-actions .export-button.custom-function{background-color:var(--theme-primary)}.table-header-actions .export-button.custom-function:hover{background-color:var(--theme-medium)}.table-header-actions .export-button i{color:#fff}.table-header-actions .export-button span{margin-left:5px}.table-header-actions .add-item-button{margin-left:10px}.actions-menu-button{font-size:23px;cursor:pointer;color:var(--theme-medium)}.expandable{cursor:pointer}.balance-container{display:flex;flex-direction:column;min-width:13%;padding:0;margin-bottom:30px;top:30px;right:40px;border-radius:8px;margin-right:15px}.balance-container .header-right{flex:1;flex-direction:row;justify-content:flex-end;display:flex}@media screen and (max-width: 1450px){.balance-container{width:40%}}@media screen and (max-width: 960px){.balance-container{position:relative;width:80%;top:auto;right:auto}}.balance-container .card-header{color:var(--theme-medium);border-radius:9px 9px 0 0;padding:10px 10px 2px;font-weight:500;font-size:13px;line-height:17px;letter-spacing:.25px}.balance-container .value-container{display:flex;flex-direction:row;align-items:center;padding:0 10px 5px}.balance-container .value-container span{font-size:2em;font-weight:700;color:var(--theme-secondary)}@media screen and (max-width: 640px){.balance-container .value-container span{font-size:1.6em}}.balance-container .value-container .balance{margin-left:8px;width:70%}.balance-container .value-container .hidden-balance{background-color:var(--gray-lighter);padding:15px;margin-left:8px;width:70%;height:100%}.balance-container .value-container .icon-container{display:flex;flex:1;justify-content:center;align-items:center}.balance-container .value-container .icon-container i{cursor:pointer;font-size:2em;padding-top:2px;color:var(--theme-medium)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: PanelComponent, selector: "vector-panel" }, { kind: "component", type: i4$4.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i4$4.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: ScoreComponent, selector: "vector-score", inputs: ["score"] }, { kind: "component", type: i7.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i8.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i8.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i8.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i8.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i8.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i8.TableRadioButton, selector: "p-tableRadioButton", inputs: ["disabled", "value", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i8.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i8.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i8.ReorderableRowHandle, selector: "[pReorderableRowHandle]" }, { kind: "directive", type: i8.ReorderableRow, selector: "[pReorderableRow]", inputs: ["pReorderableRow", "pReorderableRowDisabled"] }, { kind: "component", type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: FiltersComponent, selector: "vector-filters", inputs: ["fields"], outputs: ["onSearch", "formBuilded"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-data-table', template: "<div class=\"grid\">\r\n  <div class=\"col-12\">\r\n    <vector-filters\r\n      [fields]=\"filters\"\r\n      (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"\r\n      (formBuilded)=\"subscribeToFilterChanges()\"\r\n    ></vector-filters>\r\n  </div>\r\n  <div class=\"table-header-actions field\" *ngIf=\"addItemLabel || exportExcel || exportPDF || customFunction\">\r\n    <button *ngIf=\"exportExcel\" (click)=\"onExportExcel.emit()\" class=\"export-button export-excel\">\r\n      <i class=\"fas fa-file-excel\"></i><span>Excel</span>\r\n    </button>\r\n    <button *ngIf=\"exportPDF\" (click)=\"onExportPDF.emit()\" class=\"export-button export-pdf\">\r\n      <i class=\"fas fa-file-pdf\"></i><span>PDF</span>\r\n    </button>\r\n    <button\r\n      *ngFor=\"let button of customFunction\"\r\n      (click)=\"button.clickFunction()\"\r\n      class=\"export-button custom-function\"\r\n    >\r\n      <i *ngIf=\"button?.icon\" class=\"{{ button?.icon }}\"></i><span>{{ button?.label }}</span>\r\n    </button>\r\n\r\n    <vector-button\r\n      *ngFor=\"let button of customButtons\"\r\n      class=\"add-item-button\"\r\n      [label]=\"button.label\"\r\n      (click)=\"button.clickFunction()\"\r\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\r\n    ></vector-button>\r\n    <vector-button\r\n      *ngIf=\"addItemLabel\"\r\n      class=\"add-item-button\"\r\n      [label]=\"addItemLabel\"\r\n      (click)=\"onAdd.emit()\"\r\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\r\n    ></vector-button>\r\n  </div>\r\n  @if(showLimitBalance){\r\n  <div class=\"col-12 grid ml-0\">\r\n    @for (itemAccount of dataAccountBalance; track $index) { @if(itemAccount.visible){\r\n    <div class=\"card balance-container\">\r\n      <span class=\"card-header\">{{ itemAccount.name }}</span>\r\n      <div class=\"card-content value-container\">\r\n        <span>R$ </span>\r\n        <span *ngIf=\"itemAccount.showBalance\" class=\"balance\">{{ balance(itemAccount) }}</span>\r\n        <div class=\"hidden-balance\" *ngIf=\"!itemAccount.showBalance\"></div>\r\n        <div class=\"icon-container\">\r\n          <i\r\n            class=\"fas\"\r\n            [ngClass]=\"{ 'fa-eye': !itemAccount.showBalance, 'fa-eye-slash': itemAccount.showBalance }\"\r\n            (click)=\"changeShowBalance(itemAccount)\"\r\n          ></i>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    } }\r\n  </div>\r\n\r\n  } @if(showDataBalance){\r\n  <div class=\"col-12 grid ml-0\">\r\n    @for (itemAccount of dataAccountBalance; track $index) {\r\n    <div class=\"card balance-container\">\r\n      <span class=\"card-header\">{{ itemAccount.name }}</span>\r\n      <div class=\"card-content value-container\">\r\n        <span class=\"balance\">{{ itemAccount.valueBalance }}</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  }\r\n\r\n  <div class=\"col-12\">\r\n    <vector-panel class=\"data-table-panel\">\r\n      <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\r\n        <p-tabPanel *ngFor=\"let tab of tabs\">\r\n          <ng-template pTemplate=\"header\">\r\n            <em *ngIf=\"tab.icon\" [class]=\"tab.icon\">&nbsp;</em>\r\n            <span>{{ tab.name }}</span>\r\n          </ng-template>\r\n        </p-tabPanel>\r\n      </p-tabView>\r\n      <p-table\r\n        currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\r\n        sortMode=\"single\"\r\n        [rows]=\"10\"\r\n        [lazy]=\"pagination && !virtualPagination\"\r\n        [value]=\"data\"\r\n        [paginator]=\"pagination\"\r\n        [totalRecords]=\"totalRecords\"\r\n        [showCurrentPageReport]=\"true\"\r\n        [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\r\n        [responsive]=\"true\"\r\n        [resizableColumns]=\"true\"\r\n        [scrollable]=\"true\"\r\n        scrollDirection=\"vertical\"\r\n        responsiveLayout=\"scroll\"\r\n        dataKey=\"id\"\r\n        [scrollHeight]=\"height\"\r\n        [attr.selectionMode]=\"selectionMode\"\r\n        [(selection)]=\"selectedItems\"\r\n        (onRowSelect)=\"changeSelectedItems($event)\"\r\n        (onHeaderCheckboxToggle)=\"changeSelectedItems($event)\"\r\n        (onRowUnselect)=\"changeSelectedItems($event)\"\r\n        (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        [reorderableColumns]=\"reorderableColumns\"\r\n      >\r\n        <ng-template pTemplate=\"header\">\r\n          <tr class=\"header\">\r\n            <th *ngIf=\"reorderableColumns\" style=\"width: 5rem\"></th>\r\n\r\n            <th *ngIf=\"selectionType === 'checkbox'\">\r\n              <p-tableHeaderCheckbox [disabled]=\"disabledHeadercheckbox\"></p-tableHeaderCheckbox>\r\n            </th>\r\n            <th class=\"text-center\" *ngIf=\"hasExpandableIcon\">\r\n              {{ addNameColumnExpand }}\r\n            </th>\r\n            <th *ngIf=\"hasActions\">{{ 'app.label.actions' | translate }}</th>\r\n            <th *ngIf=\"selectionType === 'radiobutton'\">\r\n              <div class=\"flex align-items-center\">\r\n                <span></span>\r\n              </div>\r\n            </th>\r\n            <th\r\n              *ngFor=\"let col of columns\"\r\n              [ngStyle]=\"getColStyle(col)\"\r\n              [pSortableColumn]=\"col.notSortable ? '' : col.field\"\r\n              pReorderableColumn\r\n            >\r\n              <div class=\"flex align-items-center\">\r\n                <span>{{ col.header }}</span> <p-sortIcon *ngIf=\"!col.notSortable\" [field]=\"col.field\"></p-sortIcon>\r\n              </div>\r\n            </th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-rowData let-item let-expanded=\"expanded\" let-index=\"rowIndex\">\r\n          <tr\r\n            class=\"row\"\r\n            [pSelectableRow]=\"rowData\"\r\n            [ngClass]=\"{ expandable: expandable }\"\r\n            [pRowToggler]=\"expandable ? item : undefined\"\r\n            (click)=\"onRowClick(item)\"\r\n            [pReorderableRow]=\"index\"\r\n          >\r\n            <ng-container *ngIf=\"reorderableColumns\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <span class=\"pi pi-bars\" pReorderableRowHandle></span>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"selectionType === 'checkbox'\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <p-tableCheckbox [value]=\"item\" [disabled]=\"item.disabledCheckBox\"></p-tableCheckbox>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"selectionType === 'radiobutton'\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\r\n              </td>\r\n            </ng-container>\r\n            <td *ngIf=\"hasExpandableIcon\" style=\"max-width: 150px\" class=\"centered\">\r\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n              <i\r\n                [ngClass]=\"\r\n                  expanded ? 'actions-menu-button pi pi-chevron-down' : 'actions-menu-button pi pi-chevron-right'\r\n                \"\r\n              ></i>\r\n            </td>\r\n            <td *ngIf=\"hasActions\">\r\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n              <i class=\"actions-menu-button fas fa-cog\" (click)=\"menu.toggle($event)\"></i>\r\n            </td>\r\n            <ng-container *ngFor=\"let col of columns\">\r\n              <td\r\n                *ngIf=\"isHtmlCell(col)\"\r\n                class=\"cell\"\r\n                [innerHTML]=\"getCellContent(item, col)\"\r\n                (click)=\"col && col.clickFunction && col.clickFunction(item)\"\r\n                [ngStyle]=\"getColStyle(col)\"\r\n              ></td>\r\n              <td\r\n                *ngIf=\"(!isHtmlCell(col) && !!col.getStatus) || isScoreCell(col)\"\r\n                class=\"cell\"\r\n                (click)=\"col && col.clickFunction && col.clickFunction(item)\"\r\n                [ngStyle]=\"getColStyle(col)\"\r\n              >\r\n                <vector-badge\r\n                  *ngIf=\"isBadgeCell(col)\"\r\n                  [label]=\"getCellText(item, col)\"\r\n                  [type]=\"col.getStatus && col.getStatus(item[col.field])\"\r\n                  [tooltip]=\"getTooltipText(item, col)\"\r\n                ></vector-badge>\r\n                <vector-score *ngIf=\"isScoreCell(col)\" [score]=\"item[col.field]\"></vector-score>\r\n              </td>\r\n            </ng-container>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"emptymessage\">\r\n          <tr class=\"row\">\r\n            <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"paginatorright\"> </ng-template>\r\n        <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\r\n        <ng-template pTemplate=\"rowexpansion\" let-item>\r\n          <tr>\r\n            <td [attr.colspan]=\"columns.length + (hasActions ? 1 : 0)\">\r\n              <ng-container *ngTemplateOutlet=\"expansionTemplate; context: { item }\"> </ng-container>\r\n            </td>\r\n          </tr>\r\n        </ng-template>\r\n      </p-table>\r\n    </vector-panel>\r\n  </div>\r\n</div>\r\n", styles: [".no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.table-header-actions{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;padding-right:7px;margin-bottom:15px!important}@media (min-width: 768px){.table-header-actions{margin-top:-3px}}.table-header-actions .export-button{padding:7px 10px;color:#fff;display:flex;align-items:center;border:none;border-radius:5px;margin:5px;font-size:.75rem;cursor:pointer}.table-header-actions .export-button.export-excel{background-color:var(--success-color)}.table-header-actions .export-button.export-excel:hover{background-color:var(--success-color-dark)}.table-header-actions .export-button.export-pdf{background-color:var(--error-color)}.table-header-actions .export-button.export-pdf:hover{background-color:var(--error-color-dark)}.table-header-actions .export-button.custom-function{background-color:var(--theme-primary)}.table-header-actions .export-button.custom-function:hover{background-color:var(--theme-medium)}.table-header-actions .export-button i{color:#fff}.table-header-actions .export-button span{margin-left:5px}.table-header-actions .add-item-button{margin-left:10px}.actions-menu-button{font-size:23px;cursor:pointer;color:var(--theme-medium)}.expandable{cursor:pointer}.balance-container{display:flex;flex-direction:column;width:20%;padding:0;margin-bottom:30px;top:30px;right:40px;border-radius:8px;margin-right:15px}.balance-container .header-right{flex:1;flex-direction:row;justify-content:flex-end;display:flex}@media screen and (max-width: 1450px){.balance-container{width:40%}}@media screen and (max-width: 960px){.balance-container{position:relative;width:80%;top:auto;right:auto}}.balance-container .card-header{color:var(--theme-medium);border-radius:9px 9px 0 0;padding:10px 10px 2px;font-weight:500;font-size:13px;line-height:17px;letter-spacing:.25px}.balance-container .value-container{display:flex;flex-direction:row;align-items:center;padding:0 10px 5px}.balance-container .value-container span{font-size:2em;font-weight:700;color:var(--theme-secondary)}@media screen and (max-width: 640px){.balance-container .value-container span{font-size:1.6em}}.balance-container .value-container .balance{margin-left:8px;width:70%}.balance-container .value-container .hidden-balance{background-color:var(--gray-lighter);padding:15px;margin-left:8px;width:70%;height:100%}.balance-container .value-container .icon-container{display:flex;flex:1;justify-content:center;align-items:center}.balance-container .value-container .icon-container i{cursor:pointer;font-size:2em;padding-top:2px;color:var(--theme-medium)}\n"] }]
+            args: [{ selector: 'vector-data-table', template: "<div class=\"grid\">\r\n  <div class=\"col-12\">\r\n    <vector-filters\r\n      [fields]=\"filters\"\r\n      (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"\r\n      (formBuilded)=\"subscribeToFilterChanges()\"\r\n    ></vector-filters>\r\n  </div>\r\n  <div class=\"table-header-actions field\" *ngIf=\"addItemLabel || exportExcel || exportPDF || customFunction\">\r\n    <button *ngIf=\"exportExcel\" (click)=\"onExportExcel.emit()\" class=\"export-button export-excel\">\r\n      <i class=\"fas fa-file-excel\"></i><span>Excel</span>\r\n    </button>\r\n    <button *ngIf=\"exportPDF\" (click)=\"onExportPDF.emit()\" class=\"export-button export-pdf\">\r\n      <i class=\"fas fa-file-pdf\"></i><span>PDF</span>\r\n    </button>\r\n    <button\r\n      *ngFor=\"let button of customFunction\"\r\n      (click)=\"button.clickFunction()\"\r\n      class=\"export-button custom-function\"\r\n    >\r\n      <i *ngIf=\"button?.icon\" class=\"{{ button?.icon }}\"></i><span>{{ button?.label }}</span>\r\n    </button>\r\n\r\n    <vector-button\r\n      *ngFor=\"let button of customButtons\"\r\n      class=\"add-item-button\"\r\n      [round]=\"true\"\r\n      [label]=\"button.label\"\r\n      (click)=\"button.clickFunction()\"\r\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\r\n    ></vector-button>\r\n    <vector-button\r\n      *ngIf=\"addItemLabel\"\r\n      class=\"add-item-button\"\r\n      [label]=\"addItemLabel\"\r\n      (click)=\"onAdd.emit()\"\r\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\r\n      [round]=\"true\"\r\n    ></vector-button>\r\n  </div>\r\n  @if(showLimitBalance){\r\n  <div class=\"col-12 grid ml-0\">\r\n    @for (itemAccount of dataAccountBalance; track $index) { @if(itemAccount.visible){\r\n    <div class=\"card balance-container\">\r\n      <span class=\"card-header\">{{ itemAccount.name }}</span>\r\n      <div class=\"card-content value-container\">\r\n        <span>R$ </span>\r\n        <span *ngIf=\"itemAccount.showBalance\" class=\"balance\">{{ balance(itemAccount) }}</span>\r\n        <div class=\"hidden-balance\" *ngIf=\"!itemAccount.showBalance\"></div>\r\n        <div class=\"icon-container\">\r\n          <i\r\n            class=\"fas\"\r\n            [ngClass]=\"{ 'fa-eye': !itemAccount.showBalance, 'fa-eye-slash': itemAccount.showBalance }\"\r\n            (click)=\"changeShowBalance(itemAccount)\"\r\n          ></i>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    } }\r\n  </div>\r\n\r\n  } @if(showDataBalance){\r\n  <div class=\"col-12 grid ml-0\">\r\n    @for (itemAccount of dataAccountBalance; track $index) {\r\n    <div class=\"card balance-container\">\r\n      <span class=\"card-header\">{{ itemAccount.name }}</span>\r\n      <div class=\"card-content value-container\">\r\n        <span class=\"balance\">{{ itemAccount.valueBalance }}</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  }\r\n\r\n  <div class=\"col-12\">\r\n    <vector-panel class=\"data-table-panel\">\r\n      <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\r\n        <p-tabPanel *ngFor=\"let tab of tabs\">\r\n          <ng-template pTemplate=\"header\">\r\n            <em *ngIf=\"tab.icon\" [class]=\"tab.icon\">&nbsp;</em>\r\n            <span>{{ tab.name }}</span>\r\n          </ng-template>\r\n        </p-tabPanel>\r\n      </p-tabView>\r\n      <p-table\r\n        currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\r\n        sortMode=\"single\"\r\n        [rows]=\"10\"\r\n        [lazy]=\"pagination && !virtualPagination\"\r\n        [value]=\"data\"\r\n        [paginator]=\"pagination\"\r\n        [totalRecords]=\"totalRecords\"\r\n        [showCurrentPageReport]=\"true\"\r\n        [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\r\n        [responsive]=\"true\"\r\n        [resizableColumns]=\"true\"\r\n        [scrollable]=\"true\"\r\n        scrollDirection=\"vertical\"\r\n        responsiveLayout=\"scroll\"\r\n        dataKey=\"id\"\r\n        [scrollHeight]=\"height\"\r\n        [attr.selectionMode]=\"selectionMode\"\r\n        [(selection)]=\"selectedItems\"\r\n        (onRowSelect)=\"changeSelectedItems($event)\"\r\n        (onHeaderCheckboxToggle)=\"changeSelectedItems($event)\"\r\n        (onRowUnselect)=\"changeSelectedItems($event)\"\r\n        (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\r\n        (selectionChange)=\"onSelectionChange($event)\"\r\n        [reorderableColumns]=\"reorderableColumns\"\r\n      >\r\n        <ng-template pTemplate=\"header\">\r\n          <tr class=\"header\">\r\n            <th *ngIf=\"reorderableColumns\" style=\"width: 5rem\"></th>\r\n\r\n            <th *ngIf=\"selectionType === 'checkbox'\">\r\n              <p-tableHeaderCheckbox [disabled]=\"disabledHeadercheckbox\"></p-tableHeaderCheckbox>\r\n            </th>\r\n            <th class=\"text-center\" *ngIf=\"hasExpandableIcon\">\r\n              {{ addNameColumnExpand }}\r\n            </th>\r\n            <th *ngIf=\"hasActions\">{{ 'app.label.actions' | translate }}</th>\r\n            <th *ngIf=\"selectionType === 'radiobutton'\">\r\n              <div class=\"flex align-items-center\">\r\n                <span></span>\r\n              </div>\r\n            </th>\r\n            <th\r\n              *ngFor=\"let col of columns\"\r\n              [ngStyle]=\"getColStyle(col)\"\r\n              [pSortableColumn]=\"col.notSortable ? '' : col.field\"\r\n              pReorderableColumn\r\n            >\r\n              <div class=\"flex align-items-center\">\r\n                <span>{{ col.header }}</span> <p-sortIcon *ngIf=\"!col.notSortable\" [field]=\"col.field\"></p-sortIcon>\r\n              </div>\r\n            </th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-rowData let-item let-expanded=\"expanded\" let-index=\"rowIndex\">\r\n          <tr\r\n            class=\"row\"\r\n            [pSelectableRow]=\"rowData\"\r\n            [ngClass]=\"{ expandable: expandable }\"\r\n            [pRowToggler]=\"expandable ? item : undefined\"\r\n            (click)=\"onRowClick(item)\"\r\n            [pReorderableRow]=\"index\"\r\n          >\r\n            <ng-container *ngIf=\"reorderableColumns\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <span class=\"pi pi-bars\" pReorderableRowHandle></span>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"selectionType === 'checkbox'\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <p-tableCheckbox [value]=\"item\" [disabled]=\"item.disabledCheckBox\"></p-tableCheckbox>\r\n              </td>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"selectionType === 'radiobutton'\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\r\n                <p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\r\n              </td>\r\n            </ng-container>\r\n            <td *ngIf=\"hasExpandableIcon\" style=\"max-width: 150px\" class=\"centered\">\r\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n              <i\r\n                [ngClass]=\"\r\n                  expanded ? 'actions-menu-button pi pi-chevron-down' : 'actions-menu-button pi pi-chevron-right'\r\n                \"\r\n              ></i>\r\n            </td>\r\n            <td *ngIf=\"hasActions\">\r\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\r\n              <i class=\"actions-menu-button fas fa-cog\" (click)=\"menu.toggle($event)\"></i>\r\n            </td>\r\n            <ng-container *ngFor=\"let col of columns\">\r\n              <td\r\n                *ngIf=\"isHtmlCell(col)\"\r\n                class=\"cell\"\r\n                [innerHTML]=\"getCellContent(item, col)\"\r\n                (click)=\"col && col.clickFunction && col.clickFunction(item)\"\r\n                [ngStyle]=\"getColStyle(col)\"\r\n              ></td>\r\n              <td\r\n                *ngIf=\"(!isHtmlCell(col) && !!col.getStatus) || isScoreCell(col)\"\r\n                class=\"cell\"\r\n                (click)=\"col && col.clickFunction && col.clickFunction(item)\"\r\n                [ngStyle]=\"getColStyle(col)\"\r\n              >\r\n                <vector-badge\r\n                  *ngIf=\"isBadgeCell(col)\"\r\n                  [label]=\"getCellText(item, col)\"\r\n                  [type]=\"col.getStatus && col.getStatus(item[col.field])\"\r\n                  [tooltip]=\"getTooltipText(item, col)\"\r\n                ></vector-badge>\r\n                <vector-score *ngIf=\"isScoreCell(col)\" [score]=\"item[col.field]\"></vector-score>\r\n              </td>\r\n            </ng-container>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"emptymessage\">\r\n          <tr class=\"row\">\r\n            <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"paginatorright\"> </ng-template>\r\n        <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\r\n        <ng-template pTemplate=\"rowexpansion\" let-item>\r\n          <tr>\r\n            <td [attr.colspan]=\"columns.length + (hasActions ? 1 : 0)\">\r\n              <ng-container *ngTemplateOutlet=\"expansionTemplate; context: { item }\"> </ng-container>\r\n            </td>\r\n          </tr>\r\n        </ng-template>\r\n      </p-table>\r\n    </vector-panel>\r\n  </div>\r\n</div>\r\n", styles: [".no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.table-header-actions{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;padding-right:7px;margin-bottom:15px!important}@media (min-width: 768px){.table-header-actions{margin-top:-3px}}.table-header-actions .export-button{padding:7px 10px;color:#fff;display:flex;align-items:center;border:none;border-radius:5px;margin:5px;font-size:.75rem;cursor:pointer}.table-header-actions .export-button.export-excel{background-color:var(--success-color)}.table-header-actions .export-button.export-excel:hover{background-color:var(--success-color-dark)}.table-header-actions .export-button.export-pdf{background-color:var(--error-color)}.table-header-actions .export-button.export-pdf:hover{background-color:var(--error-color-dark)}.table-header-actions .export-button.custom-function{background-color:var(--theme-primary)}.table-header-actions .export-button.custom-function:hover{background-color:var(--theme-medium)}.table-header-actions .export-button i{color:#fff}.table-header-actions .export-button span{margin-left:5px}.table-header-actions .add-item-button{margin-left:10px}.actions-menu-button{font-size:23px;cursor:pointer;color:var(--theme-medium)}.expandable{cursor:pointer}.balance-container{display:flex;flex-direction:column;min-width:13%;padding:0;margin-bottom:30px;top:30px;right:40px;border-radius:8px;margin-right:15px}.balance-container .header-right{flex:1;flex-direction:row;justify-content:flex-end;display:flex}@media screen and (max-width: 1450px){.balance-container{width:40%}}@media screen and (max-width: 960px){.balance-container{position:relative;width:80%;top:auto;right:auto}}.balance-container .card-header{color:var(--theme-medium);border-radius:9px 9px 0 0;padding:10px 10px 2px;font-weight:500;font-size:13px;line-height:17px;letter-spacing:.25px}.balance-container .value-container{display:flex;flex-direction:row;align-items:center;padding:0 10px 5px}.balance-container .value-container span{font-size:2em;font-weight:700;color:var(--theme-secondary)}@media screen and (max-width: 640px){.balance-container .value-container span{font-size:1.6em}}.balance-container .value-container .balance{margin-left:8px;width:70%}.balance-container .value-container .hidden-balance{background-color:var(--gray-lighter);padding:15px;margin-left:8px;width:70%;height:100%}.balance-container .value-container .icon-container{display:flex;flex:1;justify-content:center;align-items:center}.balance-container .value-container .icon-container i{cursor:pointer;font-size:2em;padding-top:2px;color:var(--theme-medium)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { columns: [{
                 type: Input
             }], data: [{