ngx-vector-components 5.47.1 → 5.48.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [5.48.0] (14/08/2024)
+
+### Features
+
+- Added property `loading` in `button.components.ts`.
+- Added property `showHeader` and `showFlags` in `multiselect-field.components.ts`.
+
 ## [5.47.1] (14/08/2024)
 
 ### Fix

package/esm2022/lib/components/crud-footer/crud-footer.component.mjs

@@ -13,7 +13,7 @@ export class CrudFooterComponent {
     }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CrudFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CrudFooterComponent, selector: "vector-crud-footer", inputs: { submitDisabled: "submitDisabled", submitHidden: "submitHidden", goBackHidden: "goBackHidden", labelGoBack: "labelGoBack", typeGoBack: "typeGoBack", labelGoSubmit: "labelGoSubmit", typeGoSubmit: "typeGoSubmit" }, outputs: { onGoBack: "onGoBack", onSubmit: "onSubmit" }, ngImport: i0, template: "<div class=\"footer-container shadow-3\">\r\n  <div class=\"button\" *ngIf=\"!goBackHidden\">\r\n    <vector-button\r\n      [label]=\"labelGoBack ? labelGoBack : ('enums.Options.GO_BACK' | translate)\"\r\n      [type]=\"typeGoBack ? typeGoBack : 'default'\"\r\n      (onClick)=\"onGoBack.emit()\"\r\n    >\r\n    </vector-button>\r\n  </div>\r\n\r\n  <div class=\"button\" *ngIf=\"!submitHidden\">\r\n    <vector-button\r\n      [label]=\"labelGoSubmit ? labelGoSubmit : ('enums.Options.SAVE' | translate)\"\r\n      [type]=\"typeGoSubmit ? typeGoSubmit : 'success'\"\r\n      (onClick)=\"onSubmit.emit()\"\r\n      [disabled]=\"submitDisabled\"\r\n    ></vector-button>\r\n  </div>\r\n</div>\r\n", styles: [".footer-container{position:fixed;bottom:0;left:0;background-color:#f5f5f5;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:60px}.footer-container .button{margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style"], outputs: ["onClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CrudFooterComponent, selector: "vector-crud-footer", inputs: { submitDisabled: "submitDisabled", submitHidden: "submitHidden", goBackHidden: "goBackHidden", labelGoBack: "labelGoBack", typeGoBack: "typeGoBack", labelGoSubmit: "labelGoSubmit", typeGoSubmit: "typeGoSubmit" }, outputs: { onGoBack: "onGoBack", onSubmit: "onSubmit" }, ngImport: i0, template: "<div class=\"footer-container shadow-3\">\r\n  <div class=\"button\" *ngIf=\"!goBackHidden\">\r\n    <vector-button\r\n      [label]=\"labelGoBack ? labelGoBack : ('enums.Options.GO_BACK' | translate)\"\r\n      [type]=\"typeGoBack ? typeGoBack : 'default'\"\r\n      (onClick)=\"onGoBack.emit()\"\r\n    >\r\n    </vector-button>\r\n  </div>\r\n\r\n  <div class=\"button\" *ngIf=\"!submitHidden\">\r\n    <vector-button\r\n      [label]=\"labelGoSubmit ? labelGoSubmit : ('enums.Options.SAVE' | translate)\"\r\n      [type]=\"typeGoSubmit ? typeGoSubmit : 'success'\"\r\n      (onClick)=\"onSubmit.emit()\"\r\n      [disabled]=\"submitDisabled\"\r\n    ></vector-button>\r\n  </div>\r\n</div>\r\n", styles: [".footer-container{position:fixed;bottom:0;left:0;background-color:#f5f5f5;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:60px}.footer-container .button{margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CrudFooterComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/fields/button/button.component.mjs

@@ -12,17 +12,18 @@ export class ButtonComponent {
         this.noShadow = false;
         this.round = false;
         this.style = {};
+        this.loading = false;
         this.onClick = new EventEmitter();
     }
     get styleClass() {
         return `button shadow-3 ${this.type} ${this.noShadow && 'no-shadow'}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: ButtonComponent, selector: "vector-button", inputs: { disabled: "disabled", label: "label", type: "type", leftIcon: "leftIcon", rightIcon: "rightIcon", noShadow: "noShadow", round: "round", style: "style" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-button\r\n  [styleClass]=\"styleClass\"\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"leftIcon || rightIcon\"\r\n  [iconPos]=\"rightIcon ? 'right' : 'left'\"\r\n  [style]=\"style\"\r\n  (onClick)=\"onClick.emit($event)\"\r\n  [ngClass]=\"{ round: round }\"\r\n></p-button>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "size", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: ButtonComponent, selector: "vector-button", inputs: { disabled: "disabled", label: "label", type: "type", leftIcon: "leftIcon", rightIcon: "rightIcon", noShadow: "noShadow", round: "round", style: "style", loading: "loading" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-button\r\n  [styleClass]=\"styleClass\"\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"leftIcon || rightIcon\"\r\n  [iconPos]=\"rightIcon ? 'right' : 'left'\"\r\n  [style]=\"style\"\r\n  (onClick)=\"onClick.emit($event)\"\r\n  [ngClass]=\"{ round: round }\"\r\n  [loading]=\"loading\"\r\n></p-button>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "size", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-button', template: "<p-button\r\n  [styleClass]=\"styleClass\"\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"leftIcon || rightIcon\"\r\n  [iconPos]=\"rightIcon ? 'right' : 'left'\"\r\n  [style]=\"style\"\r\n  (onClick)=\"onClick.emit($event)\"\r\n  [ngClass]=\"{ round: round }\"\r\n></p-button>\r\n" }]
+            args: [{ selector: 'vector-button', template: "<p-button\r\n  [styleClass]=\"styleClass\"\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"leftIcon || rightIcon\"\r\n  [iconPos]=\"rightIcon ? 'right' : 'left'\"\r\n  [style]=\"style\"\r\n  (onClick)=\"onClick.emit($event)\"\r\n  [ngClass]=\"{ round: round }\"\r\n  [loading]=\"loading\"\r\n></p-button>\r\n" }]
         }], propDecorators: { disabled: [{
                 type: Input
             }], label: [{
@@ -39,7 +40,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                 type: Input
             }], style: [{
                 type: Input
+            }], loading: [{
+                type: Input
             }], onClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvZmllbGRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9maWVsZHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBb0J2RSxNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQU9TLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLFNBQUksR0FBZSxTQUFTLENBQUM7UUFFN0IsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUVkLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFFZixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFFZCxVQUFLLEdBQVEsRUFBRSxDQUFDO1FBRWhCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBSzFDO0lBSEMsSUFBSSxVQUFVO1FBQ1osT0FBTyxtQkFBbUIsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLFdBQVcsRUFBRSxDQUFDO0lBQ3hFLENBQUM7OEdBdEJVLGVBQWU7a0dBQWYsZUFBZSwwUENwQjVCLDZTQVVBOzsyRkRVYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLGVBQWU7OEJBTWxCLFFBQVE7c0JBRGQsS0FBSztnQkFHQyxLQUFLO3NCQURYLEtBQUs7Z0JBR0MsSUFBSTtzQkFEVixLQUFLO2dCQUdDLFFBQVE7c0JBRGQsS0FBSztnQkFHQyxTQUFTO3NCQURmLEtBQUs7Z0JBR0MsUUFBUTtzQkFEZCxLQUFLO2dCQUdDLEtBQUs7c0JBRFgsS0FBSztnQkFHQyxLQUFLO3NCQURYLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbnR5cGUgQnV0dG9uVHlwZSA9XHJcbiAgfCAnc3VjY2VzcydcclxuICB8ICdzdWNjZXNzLW91dGxpbmVkJ1xyXG4gIHwgJ2RlZmF1bHQnXHJcbiAgfCAnZGVmYXVsdC1maWxsZWQnXHJcbiAgfCAnZGVmYXVsdC1vdXRsaW5lZCdcclxuICB8ICdkZWZhdWx0LW91dGxpbmVkLWdyYXknXHJcbiAgfCAnZGVmYXVsdC1vdXRsaW5lZC1ncmF5LWljb24tcmVkJ1xyXG4gIHwgJ2RlZmF1bHQtb3V0bGluZWQtZ3JheS1pY29uLWdyYXknXHJcbiAgfCAnY2FuY2VsJ1xyXG4gIHwgJ2NhbmNlbC1maWxsZWQnXHJcbiAgfCAnbGlnaHQtb3V0bGluZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZlY3Rvci1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGxhYmVsID0gJyc7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdHlwZTogQnV0dG9uVHlwZSA9ICdkZWZhdWx0JztcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBsZWZ0SWNvbiA9ICcnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHJpZ2h0SWNvbiA9ICcnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIG5vU2hhZG93ID0gZmFsc2U7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgcm91bmQgPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzdHlsZTogYW55ID0ge307XHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgZ2V0IHN0eWxlQ2xhc3MoKSB7XHJcbiAgICByZXR1cm4gYGJ1dHRvbiBzaGFkb3ctMyAke3RoaXMudHlwZX0gJHt0aGlzLm5vU2hhZG93ICYmICduby1zaGFkb3cnfWA7XHJcbiAgfVxyXG59XHJcbiIsIjxwLWJ1dHRvblxyXG4gIFtzdHlsZUNsYXNzXT1cInN0eWxlQ2xhc3NcIlxyXG4gIFtsYWJlbF09XCJsYWJlbFwiXHJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICBbaWNvbl09XCJsZWZ0SWNvbiB8fCByaWdodEljb25cIlxyXG4gIFtpY29uUG9zXT1cInJpZ2h0SWNvbiA/ICdyaWdodCcgOiAnbGVmdCdcIlxyXG4gIFtzdHlsZV09XCJzdHlsZVwiXHJcbiAgKG9uQ2xpY2spPVwib25DbGljay5lbWl0KCRldmVudClcIlxyXG4gIFtuZ0NsYXNzXT1cInsgcm91bmQ6IHJvdW5kIH1cIlxyXG4+PC9wLWJ1dHRvbj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvZmllbGRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9maWVsZHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBb0J2RSxNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQU9TLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLFNBQUksR0FBZSxTQUFTLENBQUM7UUFFN0IsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUVkLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFFZixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFFZCxVQUFLLEdBQVEsRUFBRSxDQUFDO1FBRWhCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFFekIsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FLMUM7SUFIQyxJQUFJLFVBQVU7UUFDWixPQUFPLG1CQUFtQixJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksV0FBVyxFQUFFLENBQUM7SUFDeEUsQ0FBQzs4R0F4QlUsZUFBZTtrR0FBZixlQUFlLDhRQ3BCNUIsd1VBV0E7OzJGRFNhLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsZUFBZTs4QkFNbEIsUUFBUTtzQkFEZCxLQUFLO2dCQUdDLEtBQUs7c0JBRFgsS0FBSztnQkFHQyxJQUFJO3NCQURWLEtBQUs7Z0JBR0MsUUFBUTtzQkFEZCxLQUFLO2dCQUdDLFNBQVM7c0JBRGYsS0FBSztnQkFHQyxRQUFRO3NCQURkLEtBQUs7Z0JBR0MsS0FBSztzQkFEWCxLQUFLO2dCQUdDLEtBQUs7c0JBRFgsS0FBSztnQkFHQyxPQUFPO3NCQURiLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbnR5cGUgQnV0dG9uVHlwZSA9XHJcbiAgfCAnc3VjY2VzcydcclxuICB8ICdzdWNjZXNzLW91dGxpbmVkJ1xyXG4gIHwgJ2RlZmF1bHQnXHJcbiAgfCAnZGVmYXVsdC1maWxsZWQnXHJcbiAgfCAnZGVmYXVsdC1vdXRsaW5lZCdcclxuICB8ICdkZWZhdWx0LW91dGxpbmVkLWdyYXknXHJcbiAgfCAnZGVmYXVsdC1vdXRsaW5lZC1ncmF5LWljb24tcmVkJ1xyXG4gIHwgJ2RlZmF1bHQtb3V0bGluZWQtZ3JheS1pY29uLWdyYXknXHJcbiAgfCAnY2FuY2VsJ1xyXG4gIHwgJ2NhbmNlbC1maWxsZWQnXHJcbiAgfCAnbGlnaHQtb3V0bGluZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZlY3Rvci1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGxhYmVsID0gJyc7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdHlwZTogQnV0dG9uVHlwZSA9ICdkZWZhdWx0JztcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBsZWZ0SWNvbiA9ICcnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHJpZ2h0SWNvbiA9ICcnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIG5vU2hhZG93ID0gZmFsc2U7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgcm91bmQgPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzdHlsZTogYW55ID0ge307XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGdldCBzdHlsZUNsYXNzKCkge1xyXG4gICAgcmV0dXJuIGBidXR0b24gc2hhZG93LTMgJHt0aGlzLnR5cGV9ICR7dGhpcy5ub1NoYWRvdyAmJiAnbm8tc2hhZG93J31gO1xyXG4gIH1cclxufVxyXG4iLCI8cC1idXR0b25cclxuICBbc3R5bGVDbGFzc109XCJzdHlsZUNsYXNzXCJcclxuICBbbGFiZWxdPVwibGFiZWxcIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgW2ljb25dPVwibGVmdEljb24gfHwgcmlnaHRJY29uXCJcclxuICBbaWNvblBvc109XCJyaWdodEljb24gPyAncmlnaHQnIDogJ2xlZnQnXCJcclxuICBbc3R5bGVdPVwic3R5bGVcIlxyXG4gIChvbkNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcclxuICBbbmdDbGFzc109XCJ7IHJvdW5kOiByb3VuZCB9XCJcclxuICBbbG9hZGluZ109XCJsb2FkaW5nXCJcclxuPjwvcC1idXR0b24+XHJcbiJdfQ==

package/esm2022/lib/components/fields/data-table/data-table.component.mjs

@@ -316,7 +316,7 @@ export class DataTableComponent {
         return active ? 'success' : 'error';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", 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", firstLazyLoad: "firstLazyLoad", shouldLazyLoadWithoutFilter: "shouldLazyLoadWithoutFilter" }, 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  <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      >\r\n        <ng-template pTemplate=\"header\">\r\n          <tr class=\"header\">\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\r\n              *ngFor=\"let col of columns\"\r\n              [ngStyle]=\"getColStyle(col)\"\r\n              [pSortableColumn]=\"col.notSortable ? '' : col.field\"\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\">\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          >\r\n            <ng-container *ngIf=\"selectionType === 'checkbox'\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"flex 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=\"flex 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}\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.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.PanelComponent, selector: "vector-panel" }, { kind: "component", type: i4.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i4.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i5.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: i6.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: "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: "component", type: i9.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style"], outputs: ["onClick"] }, { kind: "component", type: i10.FiltersComponent, selector: "vector-filters", inputs: ["fields"], outputs: ["onSearch", "formBuilded"] }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", 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", firstLazyLoad: "firstLazyLoad", shouldLazyLoadWithoutFilter: "shouldLazyLoadWithoutFilter" }, 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  <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      >\r\n        <ng-template pTemplate=\"header\">\r\n          <tr class=\"header\">\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\r\n              *ngFor=\"let col of columns\"\r\n              [ngStyle]=\"getColStyle(col)\"\r\n              [pSortableColumn]=\"col.notSortable ? '' : col.field\"\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\">\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          >\r\n            <ng-container *ngIf=\"selectionType === 'checkbox'\">\r\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"flex 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=\"flex 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}\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.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.PanelComponent, selector: "vector-panel" }, { kind: "component", type: i4.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i4.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: i5.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: i6.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: "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: "component", type: i9.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: i10.FiltersComponent, selector: "vector-filters", inputs: ["fields"], outputs: ["onSearch", "formBuilded"] }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/fields/dropdown-field/dropdown-field.component.mjs

@@ -178,7 +178,7 @@ export class DropdownFieldComponent {
         return list.filter((opt) => String(opt.code).toUpperCase().includes(query) || opt.name.toUpperCase().includes(query));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: DropdownFieldComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: DropdownFieldComponent, selector: "vector-dropdown-field", inputs: { options: "options", isNgContent: "isNgContent", forceSelection: "forceSelection", isRequired: "isRequired", control: "control", label: "label", service: "service", paged: "paged", buttonAction: "buttonAction", dependencies: "dependencies", hiddenErrorMessage: "hiddenErrorMessage", dynamicFilters: "dynamicFilters", minLengthToService: "minLengthToService", initialLoad: "initialLoad", disabled: "disabled", limitScrollPage: "limitScrollPage", inputId: "inputId" }, outputs: { onFocus: "onFocus", onChange: "onChange" }, ngImport: i0, template: "<div class=\"relative\">\r\n  <div class=\"input-container\">\r\n    <div class=\"input-inner-container\" *ngIf=\"!isNgContent\">\r\n      <p-dropdown\r\n        *ngIf=\"dynamicFilters\"\r\n        appendTo=\"body\"\r\n        optionLabel=\"name\"\r\n        optionValue=\"code\"\r\n        [(ngModel)]=\"selectedDynamicFilter\"\r\n        [options]=\"dynamicFilters\"\r\n        [disabled]=\"disabled\"\r\n        [inputId]=\"inputId\"\r\n      >\r\n      </p-dropdown>\r\n      <p-autoComplete\r\n        appendTo=\"body\"\r\n        field=\"name\"\r\n        [forceSelection]=\"forceSelection\"\r\n        [dropdown]=\"true\"\r\n        [formControl]=\"control\"\r\n        [placeholder]=\"placeholder\"\r\n        [suggestions]=\"pagedSuggestions\"\r\n        [dropdownIcon]=\"dynamicFilters ? 'pi pi-search' : 'pi pi-chevron-down'\"\r\n        [delay]=\"800\"\r\n        (completeMethod)=\"search($event)\"\r\n        (onShow)=\"onOpenAutocompletePanel()\"\r\n        (onHide)=\"onHideAutocompletePanel()\"\r\n        (onFocus)=\"onFocus.emit($event)\"\r\n        (onChange)=\"onChange.emit($event)\"\r\n        [disabled]=\"disabled\"\r\n        [inputId]=\"inputId\"\r\n      >\r\n      </p-autoComplete>\r\n    </div>\r\n\r\n    <div class=\"input-inner-container\" *ngIf=\"isNgContent\">\r\n      <p-autoComplete\r\n        appendTo=\"body\"\r\n        field=\"name\"\r\n        [forceSelection]=\"forceSelection\"\r\n        [dropdown]=\"true\"\r\n        [formControl]=\"control\"\r\n        [placeholder]=\"placeholder\"\r\n        [suggestions]=\"pagedSuggestions\"\r\n        [dropdownIcon]=\"dynamicFilters ? 'pi pi-search' : 'pi pi-chevron-down'\"\r\n        [delay]=\"800\"\r\n        (completeMethod)=\"search($event)\"\r\n        (onShow)=\"onOpenAutocompletePanel()\"\r\n        (onHide)=\"onHideAutocompletePanel()\"\r\n        (onFocus)=\"onFocus.emit($event)\"\r\n        (onChange)=\"onChange.emit($event)\"\r\n        [disabled]=\"disabled\"\r\n        [inputId]=\"inputId\"\r\n      >\r\n        <ng-template let-option pTemplate=\"item\">\r\n          <div class=\"option-content\">\r\n            <span class=\"option-label\">{{ option.name }}</span>\r\n            <br />\r\n            <span class=\"option-sublabel\">{{ option.code }}</span>\r\n          </div>\r\n        </ng-template>\r\n      </p-autoComplete>\r\n    </div>\r\n\r\n    <vector-button\r\n      *ngIf=\"buttonAction\"\r\n      [label]=\"buttonAction.label\"\r\n      [disabled]=\"disabled\"\r\n      (onClick)=\"buttonAction.onClick(control.value)\"\r\n    ></vector-button>\r\n  </div>\r\n  <vector-field-error-message *ngIf=\"!hiddenErrorMessage\" [control]=\"control\"></vector-field-error-message>\r\n</div>\r\n", styles: [".input-container{display:flex;align-items:flex-end;width:100%}@media (max-width: 575px){.input-container{align-items:flex-start;flex-direction:column}}.input-container p-autoComplete{flex:1}@media (max-width: 575px){.input-container p-autoComplete{width:100%}}.input-container vector-button{margin-left:15px}@media (max-width: 575px){.input-container vector-button{margin-left:0;margin-top:10px;width:100%}}.input-container p-dropdown{margin-right:-5px;width:150px}@media (max-width: 575px){.input-container p-dropdown{width:100px}}.input-container .input-inner-container{display:flex;width:100%}.p-dropdown-panel,.p-autocomplete-panel,.p-multiselect-panel{max-width:100%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i6.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style"], outputs: ["onClick"] }, { kind: "component", type: i7.FieldErrorMessageComponent, selector: "vector-field-error-message", inputs: ["control"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: DropdownFieldComponent, selector: "vector-dropdown-field", inputs: { options: "options", isNgContent: "isNgContent", forceSelection: "forceSelection", isRequired: "isRequired", control: "control", label: "label", service: "service", paged: "paged", buttonAction: "buttonAction", dependencies: "dependencies", hiddenErrorMessage: "hiddenErrorMessage", dynamicFilters: "dynamicFilters", minLengthToService: "minLengthToService", initialLoad: "initialLoad", disabled: "disabled", limitScrollPage: "limitScrollPage", inputId: "inputId" }, outputs: { onFocus: "onFocus", onChange: "onChange" }, ngImport: i0, template: "<div class=\"relative\">\r\n  <div class=\"input-container\">\r\n    <div class=\"input-inner-container\" *ngIf=\"!isNgContent\">\r\n      <p-dropdown\r\n        *ngIf=\"dynamicFilters\"\r\n        appendTo=\"body\"\r\n        optionLabel=\"name\"\r\n        optionValue=\"code\"\r\n        [(ngModel)]=\"selectedDynamicFilter\"\r\n        [options]=\"dynamicFilters\"\r\n        [disabled]=\"disabled\"\r\n        [inputId]=\"inputId\"\r\n      >\r\n      </p-dropdown>\r\n      <p-autoComplete\r\n        appendTo=\"body\"\r\n        field=\"name\"\r\n        [forceSelection]=\"forceSelection\"\r\n        [dropdown]=\"true\"\r\n        [formControl]=\"control\"\r\n        [placeholder]=\"placeholder\"\r\n        [suggestions]=\"pagedSuggestions\"\r\n        [dropdownIcon]=\"dynamicFilters ? 'pi pi-search' : 'pi pi-chevron-down'\"\r\n        [delay]=\"800\"\r\n        (completeMethod)=\"search($event)\"\r\n        (onShow)=\"onOpenAutocompletePanel()\"\r\n        (onHide)=\"onHideAutocompletePanel()\"\r\n        (onFocus)=\"onFocus.emit($event)\"\r\n        (onChange)=\"onChange.emit($event)\"\r\n        [disabled]=\"disabled\"\r\n        [inputId]=\"inputId\"\r\n      >\r\n      </p-autoComplete>\r\n    </div>\r\n\r\n    <div class=\"input-inner-container\" *ngIf=\"isNgContent\">\r\n      <p-autoComplete\r\n        appendTo=\"body\"\r\n        field=\"name\"\r\n        [forceSelection]=\"forceSelection\"\r\n        [dropdown]=\"true\"\r\n        [formControl]=\"control\"\r\n        [placeholder]=\"placeholder\"\r\n        [suggestions]=\"pagedSuggestions\"\r\n        [dropdownIcon]=\"dynamicFilters ? 'pi pi-search' : 'pi pi-chevron-down'\"\r\n        [delay]=\"800\"\r\n        (completeMethod)=\"search($event)\"\r\n        (onShow)=\"onOpenAutocompletePanel()\"\r\n        (onHide)=\"onHideAutocompletePanel()\"\r\n        (onFocus)=\"onFocus.emit($event)\"\r\n        (onChange)=\"onChange.emit($event)\"\r\n        [disabled]=\"disabled\"\r\n        [inputId]=\"inputId\"\r\n      >\r\n        <ng-template let-option pTemplate=\"item\">\r\n          <div class=\"option-content\">\r\n            <span class=\"option-label\">{{ option.name }}</span>\r\n            <br />\r\n            <span class=\"option-sublabel\">{{ option.code }}</span>\r\n          </div>\r\n        </ng-template>\r\n      </p-autoComplete>\r\n    </div>\r\n\r\n    <vector-button\r\n      *ngIf=\"buttonAction\"\r\n      [label]=\"buttonAction.label\"\r\n      [disabled]=\"disabled\"\r\n      (onClick)=\"buttonAction.onClick(control.value)\"\r\n    ></vector-button>\r\n  </div>\r\n  <vector-field-error-message *ngIf=\"!hiddenErrorMessage\" [control]=\"control\"></vector-field-error-message>\r\n</div>\r\n", styles: [".input-container{display:flex;align-items:flex-end;width:100%}@media (max-width: 575px){.input-container{align-items:flex-start;flex-direction:column}}.input-container p-autoComplete{flex:1}@media (max-width: 575px){.input-container p-autoComplete{width:100%}}.input-container vector-button{margin-left:15px}@media (max-width: 575px){.input-container vector-button{margin-left:0;margin-top:10px;width:100%}}.input-container p-dropdown{margin-right:-5px;width:150px}@media (max-width: 575px){.input-container p-dropdown{width:100px}}.input-container .input-inner-container{display:flex;width:100%}.p-dropdown-panel,.p-autocomplete-panel,.p-multiselect-panel{max-width:100%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i6.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: i7.FieldErrorMessageComponent, selector: "vector-field-error-message", inputs: ["control"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: DropdownFieldComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/fields/filters/filters.component.mjs

@@ -194,7 +194,7 @@ export class FiltersComponent {
         return validators;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FiltersComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", 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    ></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    ></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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.TextFieldComponent, selector: "vector-text-field", inputs: ["isRequired", "label", "maxlength", "isPassword", "numeric", "numericPositive", "numericDotComma", "decimal", "onlyText", "alphaNumeric", "alphaNumericAndWhitespace", "mask", "autoClear", "readonly", "rightIcon", "centered", "enableDocumentTypeChoice", "hiddenErrorMessage", "leftLabel", "control", "inputId", "slotChar"], outputs: ["blurEvent", "enterKeyPress", "backSpaceKeyPress", "focusEvent", "onDocumentTypeChange"] }, { kind: "component", type: i6.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style"], outputs: ["onClick"] }, { kind: "component", type: i7.CalendarComponent, selector: "vector-calendar-field", inputs: ["isRequired", "control", "label", "showCalendarOnFocus", "min", "max", "disabledDates", "disabled", "defaultDate", "hiddenErrorMessage", "showTime", "showSeconds", "stepMinute"] }, { kind: "component", type: i8.MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: ["pagedSugestion", "isRequired", "control", "label", "options", "filter", "showSelectAllOption", "display", "paged", "disabled", "minLengthToService", "initialLoad", "service", "filterVirtualScrool"], outputs: ["onChange", "onClosePanel"] }, { kind: "component", type: i9.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: i10.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: i11.SelectButtonFieldComponent, selector: "vector-select-button-field", inputs: ["options", "control", "disabled"] }, { kind: "pipe", type: i12.NotHiddenPipe, name: "notHidden" }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", 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    ></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    ></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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.TextFieldComponent, selector: "vector-text-field", inputs: ["isRequired", "label", "maxlength", "isPassword", "numeric", "numericPositive", "numericDotComma", "decimal", "onlyText", "alphaNumeric", "alphaNumericAndWhitespace", "mask", "autoClear", "readonly", "rightIcon", "centered", "enableDocumentTypeChoice", "hiddenErrorMessage", "leftLabel", "control", "inputId", "slotChar"], outputs: ["blurEvent", "enterKeyPress", "backSpaceKeyPress", "focusEvent", "onDocumentTypeChange"] }, { kind: "component", type: i6.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: i7.CalendarComponent, selector: "vector-calendar-field", inputs: ["isRequired", "control", "label", "showCalendarOnFocus", "min", "max", "disabledDates", "disabled", "defaultDate", "hiddenErrorMessage", "showTime", "showSeconds", "stepMinute"] }, { kind: "component", type: i8.MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: ["pagedSugestion", "isRequired", "control", "label", "options", "filter", "showSelectAllOption", "display", "paged", "disabled", "minLengthToService", "initialLoad", "service", "filterVirtualScrool", "showHeader", "showFlags", "showFlagsOptions"], outputs: ["onChange", "onClosePanel"] }, { kind: "component", type: i9.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: i10.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: i11.SelectButtonFieldComponent, selector: "vector-select-button-field", inputs: ["options", "control", "disabled"] }, { kind: "pipe", type: i12.NotHiddenPipe, name: "notHidden" }, { kind: "pipe", type: i13.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/fields/multiselect-field/multiselect-field.component.mjs

@@ -3,12 +3,43 @@ import { ObjectUtil } from '../../../utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
-import * as i3 from "primeng/multiselect";
+import * as i3 from "primeng/api";
+import * as i4 from "primeng/multiselect";
 export class MultiselectFieldComponent {
     set pagedSugestion(_pagedSugestion) {
         this._pagedSugestion = _pagedSugestion;
         this.options = this.pagedSugestion || [];
     }
+    set showFlagsOptions(value) {
+        if (!this.showFlags) {
+            throw new Error('showFlags is set to false. Setting showFlagsOptions is not allowed.');
+        }
+        value.forEach((option) => {
+            if (option.type === 'img') {
+                if (!option.imgSource) {
+                    throw new Error("imgSource is required when type is 'img'");
+                }
+                if (!option.imgSize) {
+                    throw new Error("imgSize is required when type is 'img'");
+                }
+            }
+            else if (option.type === 'icon') {
+                if (!option.iconSource) {
+                    throw new Error("iconSource is required when type is 'icon'");
+                }
+                if (!option.iconSize) {
+                    throw new Error("iconSize is required when type is 'icon'");
+                }
+            }
+        });
+        this._showFlagsOptions = value;
+    }
+    get showFlagsOptions() {
+        if (!this._showFlagsOptions) {
+            throw new Error('showFlagsOptions was not set');
+        }
+        return this._showFlagsOptions;
+    }
     get placeholder() {
         if (!this.label) {
             return '';
@@ -31,6 +62,8 @@ export class MultiselectFieldComponent {
         this.minLengthToService = 0;
         this.initialLoad = true;
         this.filterVirtualScrool = false;
+        this.showHeader = true;
+        this.showFlags = false;
         this.onChange = new EventEmitter();
         this.onClosePanel = new EventEmitter();
         this.currentSearchQuery = '';
@@ -116,11 +149,11 @@ export class MultiselectFieldComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: MultiselectFieldComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: { pagedSugestion: "pagedSugestion", isRequired: "isRequired", control: "control", label: "label", options: "options", filter: "filter", showSelectAllOption: "showSelectAllOption", display: "display", paged: "paged", disabled: "disabled", minLengthToService: "minLengthToService", initialLoad: "initialLoad", service: "service", filterVirtualScrool: "filterVirtualScrool" }, outputs: { onChange: "onChange", onClosePanel: "onClosePanel" }, ngImport: i0, template: "<div class=\"multiselect-field-input-container\">\r\n  <p-multiSelect\r\n    *ngIf=\"!filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onPanelHide)=\"onClosePanel.emit($event)\"\r\n    [disabled]=\"disabled\"\r\n  >\r\n  </p-multiSelect>\r\n  <p-multiSelect\r\n    *ngIf=\"filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onFilter)=\"search($event)\"\r\n    (onPanelShow)=\"onOpenAutocompletePanel()\"\r\n    (onPanelHide)=\"onHideAutocompletePanel()\"\r\n    [disabled]=\"disabled\"\r\n  >\r\n  </p-multiSelect>\r\n  <p-multiSelect\r\n    *ngIf=\"filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onFilter)=\"search($event)\"\r\n    (onPanelShow)=\"onOpenAutocompletePanel()\"\r\n    (onPanelHide)=\"onHideAutocompletePanel()\"\r\n    [disabled]=\"disabled\"\r\n  >\r\n  </p-multiSelect>\r\n  <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".multiselect-field-input-container{height:62px}.multiselect-field-input-container .input-error{font-size:.7em;color:var(--error-color)}.multiselect-field-input-container div.p-multiselect-token{padding:auto 1em!important;background:#eff0f6!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: { pagedSugestion: "pagedSugestion", isRequired: "isRequired", control: "control", label: "label", options: "options", filter: "filter", showSelectAllOption: "showSelectAllOption", display: "display", paged: "paged", disabled: "disabled", minLengthToService: "minLengthToService", initialLoad: "initialLoad", service: "service", filterVirtualScrool: "filterVirtualScrool", showHeader: "showHeader", showFlags: "showFlags", showFlagsOptions: "showFlagsOptions" }, outputs: { onChange: "onChange", onClosePanel: "onClosePanel" }, ngImport: i0, template: "<div class=\"multiselect-field-input-container\">\r\n  <p-multiSelect\r\n    *ngIf=\"!filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onPanelHide)=\"onClosePanel.emit($event)\"\r\n    [disabled]=\"disabled\"\r\n    [showHeader]=\"showHeader\"\r\n  >\r\n    <ng-container *ngIf=\"showFlags\">\r\n      <ng-template let-option pTemplate=\"item\">\r\n        <div class=\"grid-nogutter w-full flex\">\r\n          <div\r\n            class=\"md:col-6 sm:col-12 align-content-center\"\r\n            [ngClass]=\"option.align === 'center' ? 'md:text-center' : 'md:text-left'\"\r\n          >\r\n            <img\r\n              *ngIf=\"option.type == 'img'\"\r\n              [src]=\"option.imgSource\"\r\n              [ngClass]=\"option.imgClass\"\r\n              [style]=\"{ height: option.imgSize + 'px' }\"\r\n            />\r\n            <i\r\n              *ngIf=\"option.type == 'icon'\"\r\n              [className]=\"option.iconSource\"\r\n              [ngClass]=\"option.iconClass\"\r\n              [style]=\"{ 'font-size': option.iconSize }\"\r\n            ></i>\r\n          </div>\r\n\r\n          <div class=\"col-6 hidden md:block align-content-center\">\r\n            <span class=\"block\">{{ option.name }}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ng-container>\r\n  </p-multiSelect>\r\n\r\n  <p-multiSelect\r\n    *ngIf=\"filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onFilter)=\"search($event)\"\r\n    (onPanelShow)=\"onOpenAutocompletePanel()\"\r\n    (onPanelHide)=\"onHideAutocompletePanel()\"\r\n    [disabled]=\"disabled\"\r\n  >\r\n  </p-multiSelect>\r\n  <p-multiSelect\r\n    *ngIf=\"filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onFilter)=\"search($event)\"\r\n    (onPanelShow)=\"onOpenAutocompletePanel()\"\r\n    (onPanelHide)=\"onHideAutocompletePanel()\"\r\n    [disabled]=\"disabled\"\r\n  >\r\n  </p-multiSelect>\r\n  <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".multiselect-field-input-container{height:62px}.multiselect-field-input-container .input-error{font-size:.7em;color:var(--error-color)}.multiselect-field-input-container div.p-multiselect-token{padding:auto 1em!important;background:#eff0f6!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: MultiselectFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-multiselect-field', template: "<div class=\"multiselect-field-input-container\">\r\n  <p-multiSelect\r\n    *ngIf=\"!filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onPanelHide)=\"onClosePanel.emit($event)\"\r\n    [disabled]=\"disabled\"\r\n  >\r\n  </p-multiSelect>\r\n  <p-multiSelect\r\n    *ngIf=\"filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onFilter)=\"search($event)\"\r\n    (onPanelShow)=\"onOpenAutocompletePanel()\"\r\n    (onPanelHide)=\"onHideAutocompletePanel()\"\r\n    [disabled]=\"disabled\"\r\n  >\r\n  </p-multiSelect>\r\n  <p-multiSelect\r\n    *ngIf=\"filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onFilter)=\"search($event)\"\r\n    (onPanelShow)=\"onOpenAutocompletePanel()\"\r\n    (onPanelHide)=\"onHideAutocompletePanel()\"\r\n    [disabled]=\"disabled\"\r\n  >\r\n  </p-multiSelect>\r\n  <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".multiselect-field-input-container{height:62px}.multiselect-field-input-container .input-error{font-size:.7em;color:var(--error-color)}.multiselect-field-input-container div.p-multiselect-token{padding:auto 1em!important;background:#eff0f6!important}\n"] }]
+            args: [{ selector: 'vector-multiselect-field', template: "<div class=\"multiselect-field-input-container\">\r\n  <p-multiSelect\r\n    *ngIf=\"!filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onPanelHide)=\"onClosePanel.emit($event)\"\r\n    [disabled]=\"disabled\"\r\n    [showHeader]=\"showHeader\"\r\n  >\r\n    <ng-container *ngIf=\"showFlags\">\r\n      <ng-template let-option pTemplate=\"item\">\r\n        <div class=\"grid-nogutter w-full flex\">\r\n          <div\r\n            class=\"md:col-6 sm:col-12 align-content-center\"\r\n            [ngClass]=\"option.align === 'center' ? 'md:text-center' : 'md:text-left'\"\r\n          >\r\n            <img\r\n              *ngIf=\"option.type == 'img'\"\r\n              [src]=\"option.imgSource\"\r\n              [ngClass]=\"option.imgClass\"\r\n              [style]=\"{ height: option.imgSize + 'px' }\"\r\n            />\r\n            <i\r\n              *ngIf=\"option.type == 'icon'\"\r\n              [className]=\"option.iconSource\"\r\n              [ngClass]=\"option.iconClass\"\r\n              [style]=\"{ 'font-size': option.iconSize }\"\r\n            ></i>\r\n          </div>\r\n\r\n          <div class=\"col-6 hidden md:block align-content-center\">\r\n            <span class=\"block\">{{ option.name }}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ng-container>\r\n  </p-multiSelect>\r\n\r\n  <p-multiSelect\r\n    *ngIf=\"filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onFilter)=\"search($event)\"\r\n    (onPanelShow)=\"onOpenAutocompletePanel()\"\r\n    (onPanelHide)=\"onHideAutocompletePanel()\"\r\n    [disabled]=\"disabled\"\r\n  >\r\n  </p-multiSelect>\r\n  <p-multiSelect\r\n    *ngIf=\"filterVirtualScrool\"\r\n    #multiselect\r\n    appendTo=\"body\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Selecionar todos\"\r\n    [panelStyleClass]=\"filter ? 'has-filter' : ''\"\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"filter\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"showSelectAllOption\"\r\n    [dropdownIcon]=\"'pi pi-chevron-down'\"\r\n    [display]=\"display\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onFilter)=\"search($event)\"\r\n    (onPanelShow)=\"onOpenAutocompletePanel()\"\r\n    (onPanelHide)=\"onHideAutocompletePanel()\"\r\n    [disabled]=\"disabled\"\r\n  >\r\n  </p-multiSelect>\r\n  <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".multiselect-field-input-container{height:62px}.multiselect-field-input-container .input-error{font-size:.7em;color:var(--error-color)}.multiselect-field-input-container div.p-multiselect-token{padding:auto 1em!important;background:#eff0f6!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { pagedSugestion: [{
                 type: Input
             }], isRequired: [{
@@ -149,9 +182,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
                 type: Input
             }], filterVirtualScrool: [{
                 type: Input
+            }], showHeader: [{
+                type: Input
+            }], showFlags: [{
+                type: Input
+            }], showFlagsOptions: [{
+                type: Input
             }], onChange: [{
                 type: Output
             }], onClosePanel: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGlzZWxlY3QtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9maWVsZHMvbXVsdGlzZWxlY3QtZmllbGQvbXVsdGlzZWxlY3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9maWVsZHMvbXVsdGlzZWxlY3QtZmllbGQvbXVsdGlzZWxlY3QtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUdsRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBTzVDLE1BQU0sT0FBTyx5QkFBeUI7SUFDcEMsSUFDSSxjQUFjLENBQUMsZUFBMkI7UUFDNUMsSUFBSSxDQUFDLGVBQWUsR0FBRyxlQUFlLENBQUM7UUFDdkMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsY0FBYyxJQUFJLEVBQUUsQ0FBQztJQUMzQyxDQUFDO0lBc0NELElBQUksV0FBVztRQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2YsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUNELE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUM7SUFDdEQsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDOUIsQ0FBQztJQUlELFlBQW9CLFFBQW1CO1FBQW5C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QUFDLE9BQU8sRUFBRSxNQUFNLEVBQUU7WUFDdEQsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtnQkFDbEQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7WUFDeEQsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7OEdBakpVLHlCQUF5QjtrR0FBekIseUJBQXlCLCtmQ1Z0QyxxbUZBNEVBOzsyRkRsRWEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLDBCQUEwQjs4RUFNaEMsY0FBYztzQkFEakIsS0FBSztnQkFNQyxVQUFVO3NCQURoQixLQUFLO2dCQUdDLE9BQU87c0JBRGIsS0FBSztnQkFHQyxLQUFLO3NCQURYLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixLQUFLO2dCQUdDLE1BQU07c0JBRFosS0FBSztnQkFHQyxtQkFBbUI7c0JBRHpCLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixLQUFLO2dCQUdDLEtBQUs7c0JBRFgsS0FBSztnQkFHQyxRQUFRO3NCQURkLEtBQUs7Z0JBR0Msa0JBQWtCO3NCQUR4QixLQUFLO2dCQUdDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixLQUFLO2dCQUdDLG1CQUFtQjtzQkFEekIsS0FBSztnQkFHQyxRQUFRO3NCQURkLE1BQU07Z0JBR0EsWUFBWTtzQkFEbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTGlzdEl0ZW0gfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMnO1xyXG5pbXBvcnQgeyBCYXNlRHJvcGRvd24gfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcyc7XHJcbmltcG9ydCB7IE9iamVjdFV0aWwgfSBmcm9tICcuLi8uLi8uLi91dGlscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZlY3Rvci1tdWx0aXNlbGVjdC1maWVsZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL211bHRpc2VsZWN0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tdWx0aXNlbGVjdC1maWVsZC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTXVsdGlzZWxlY3RGaWVsZENvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBzZXQgcGFnZWRTdWdlc3Rpb24oX3BhZ2VkU3VnZXN0aW9uOiBMaXN0SXRlbVtdKSB7XHJcbiAgICB0aGlzLl9wYWdlZFN1Z2VzdGlvbiA9IF9wYWdlZFN1Z2VzdGlvbjtcclxuICAgIHRoaXMub3B0aW9ucyA9IHRoaXMucGFnZWRTdWdlc3Rpb24gfHwgW107XHJcbiAgfVxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGlzUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjb250cm9sOiBhbnk7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgbGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIG9wdGlvbnM6IExpc3RJdGVtW10gPSBbXTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBmaWx0ZXIgPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzaG93U2VsZWN0QWxsT3B0aW9uOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBkaXNwbGF5OiBzdHJpbmcgPSAnY29tbWEnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHBhZ2VkID0gdHJ1ZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIG1pbkxlbmd0aFRvU2VydmljZTogbnVtYmVyID0gMDtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBpbml0aWFsTG9hZCA9IHRydWU7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc2VydmljZTogQmFzZURyb3Bkb3duIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGZpbHRlclZpcnR1YWxTY3Jvb2wgPSBmYWxzZTtcclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIG9uQ2xvc2VQYW5lbCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgcHJpdmF0ZSBjdXJyZW50U2VhcmNoUXVlcnkgPSAnJztcclxuICBwcml2YXRlIGN1cnJlbnRTY3JvbGxQYWdlID0gLTE7XHJcbiAgcHJpdmF0ZSBjdXJyZW50U2Nyb2xsSW5kZXggPSAwO1xyXG5cclxuICBwdWJsaWMgdW5saXN0ZW5BdXRvY29tcGxldGVWaXJ0dWFsU2Nyb2xsID0gKCkgPT4ge307XHJcblxyXG4gIGdldCBwbGFjZWhvbGRlcigpIHtcclxuICAgIGlmICghdGhpcy5sYWJlbCkge1xyXG4gICAgICByZXR1cm4gJyc7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gYCR7dGhpcy5sYWJlbH0ke3RoaXMuaXNSZXF1aXJlZCA/ICcqJyA6ICcnfWA7XHJcbiAgfVxyXG5cclxuICBnZXQgcGFnZWRTdWdlc3Rpb24oKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fcGFnZWRTdWdlc3Rpb247XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9wYWdlZFN1Z2VzdGlvbjogTGlzdEl0ZW1bXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuaW5pdGlhbExvYWQgJiYgdGhpcy5maWx0ZXJWaXJ0dWFsU2Nyb29sKSB7XHJcbiAgICAgIHRoaXMuc2VhcmNoKG51bGwsIHRydWUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGZpZWxkRXJyb3JMYWJlbCgpOiBzdHJpbmcge1xyXG4gICAgaWYgKHRoaXMuY29udHJvbCAmJiB0aGlzLmNvbnRyb2wuaW52YWxpZCAmJiB0aGlzLmNvbnRyb2wudG91Y2hlZCkge1xyXG4gICAgICBpZiAodGhpcy5jb250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpKSB7XHJcbiAgICAgICAgcmV0dXJuICdDYW1wbyBvYnJpZ2F0w7NyaW8nO1xyXG4gICAgICB9XHJcblxyXG4gICAgICByZXR1cm4gdHlwZW9mIHRoaXMuY29udHJvbC5lcnJvcnNbJ2ludmFsaWQnXSA9PT0gJ3N0cmluZycgPyB0aGlzLmNvbnRyb2wuZXJyb3JzWydpbnZhbGlkJ10gOiAnQ2FtcG8gaW52w6FsaWRvJztcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gJyc7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25PcGVuQXV0b2NvbXBsZXRlUGFuZWwoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNlYXJjaCgpO1xyXG4gICAgY29uc3QgbXVsdGlTZWxlY3RQYW5lbCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5wLW11bHRpc2VsZWN0LWl0ZW1zLXdyYXBwZXInKTtcclxuXHJcbiAgICBpZiAobXVsdGlTZWxlY3RQYW5lbCAmJiB0aGlzLnBhZ2VkICYmIHRoaXMuY3VycmVudFNlYXJjaFF1ZXJ5Lmxlbmd0aCA+PSB0aGlzLm1pbkxlbmd0aFRvU2VydmljZSkge1xyXG4gICAgICB0aGlzLnVubGlzdGVuQXV0b2NvbXBsZXRlVmlydHVhbFNjcm9sbCA9IHRoaXMucmVuZGVyZXIubGlzdGVuKG11bHRpU2VsZWN0UGFuZWwsICdzY3JvbGwnLCAoZXZlbnQpID0+IHtcclxuICAgICAgICBjb25zdCBldmVudEhlaWdodCA9IGV2ZW50LnRhcmdldC5zY3JvbGxIZWlnaHQgLSBldmVudC50YXJnZXQuY2xpZW50SGVpZ2h0IC0gMTUwO1xyXG5cclxuICAgICAgICBpZiAoTWF0aC5yb3VuZChldmVudC50YXJnZXQuc2Nyb2xsVG9wKSA+PSBldmVudEhlaWdodCkge1xyXG4gICAgICAgICAgdGhpcy5wYWdlUmVzdWx0cygpO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25IaWRlQXV0b2NvbXBsZXRlUGFuZWwoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5wYWdlZCkge1xyXG4gICAgICB0aGlzLnVubGlzdGVuQXV0b2NvbXBsZXRlVmlydHVhbFNjcm9sbCgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlYXJjaCgkZXZlbnQ/OiBhbnksIGZvcmNlU2VhcmNoID0gZmFsc2UpOiB2b2lkIHtcclxuICAgIHRoaXMuY3VycmVudFNlYXJjaFF1ZXJ5ID0gJGV2ZW50Py5maWx0ZXIudG9VcHBlckNhc2UoKSB8fCAnJztcclxuICAgIHRoaXMuY3VycmVudFNjcm9sbFBhZ2UgPSAtMTtcclxuICAgIHRoaXMuY3VycmVudFNjcm9sbEluZGV4ID0gMDtcclxuICAgIGlmIChmb3JjZVNlYXJjaCB8fCB0aGlzLmN1cnJlbnRTZWFyY2hRdWVyeS5sZW5ndGggPj0gdGhpcy5taW5MZW5ndGhUb1NlcnZpY2UpIHtcclxuICAgICAgdGhpcy5wYWdlUmVzdWx0cygpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5vcHRpb25zID0gW107XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHBhZ2VSZXN1bHRzKCk6IHZvaWQge1xyXG4gICAgY29uc3QgZmlsdGVyZWRPcHRpb25zID0gdGhpcy5maWx0ZXJMaXN0QnlRdWVyeSh0aGlzLnBhZ2VkU3VnZXN0aW9uLCB0aGlzLmN1cnJlbnRTZWFyY2hRdWVyeS50b1VwcGVyQ2FzZSgpKTtcclxuICAgIHRoaXMub3B0aW9ucyA9IGZpbHRlcmVkT3B0aW9ucy5zbGljZSgwLCB0aGlzLmN1cnJlbnRTY3JvbGxJbmRleCArIDIwKTtcclxuXHJcbiAgICBpZiAodGhpcy5wYWdlZFN1Z2VzdGlvbj8ubGVuZ3RoICYmIHRoaXMucGFnZWRTdWdlc3Rpb24ubGVuZ3RoID4gMjApIHtcclxuICAgICAgdGhpcy5jdXJyZW50U2Nyb2xsSW5kZXggPSB0aGlzLmN1cnJlbnRTY3JvbGxJbmRleCArIDIwO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuc2V0Q29udHJvbFZhbHVlRnJvbVN1Z2dlc3Rpb25zKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGZpbHRlckxpc3RCeVF1ZXJ5KGxpc3Q6IExpc3RJdGVtW10gPSBbXSwgcXVlcnk6IHN0cmluZyk6IExpc3RJdGVtW10ge1xyXG4gICAgcmV0dXJuIGxpc3QuZmlsdGVyKFxyXG4gICAgICAob3B0KSA9PiBTdHJpbmcob3B0LmNvZGUpLnRvVXBwZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkpIHx8IG9wdC5uYW1lLnRvVXBwZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkpXHJcbiAgICApO1xyXG4gIH1cclxuICBwcml2YXRlIHNldENvbnRyb2xWYWx1ZUZyb21TdWdnZXN0aW9ucygpIHtcclxuICAgIGNvbnN0IGNvZGUgPVxyXG4gICAgICAoT2JqZWN0VXRpbC5pc1ZhbGlkKHRoaXMuY29udHJvbC52YWx1ZT8uY29kZSkgJiYgYCR7dGhpcy5jb250cm9sLnZhbHVlPy5jb2RlfWApIHx8IGAke3RoaXMuY29udHJvbC52YWx1ZX1gO1xyXG4gICAgaWYgKHRoaXMuY29udHJvbC52YWx1ZSAmJiB0aGlzLm9wdGlvbnM/Lmxlbmd0aCkge1xyXG4gICAgICBsZXQgaXRlbXNBcnJheSA9IHRoaXMub3B0aW9ucztcclxuICAgICAgaWYgKHRoaXMub3B0aW9ucz8ubGVuZ3RoKSB7XHJcbiAgICAgICAgaXRlbXNBcnJheSA9IHRoaXMub3B0aW9ucztcclxuICAgICAgfVxyXG4gICAgICBjb25zdCBpdGVtRnJvbVN1Z2dlc3Rpb25zID0gaXRlbXNBcnJheS5maW5kKChvcHQpID0+IGAke29wdC5jb2RlfWAudG9VcHBlckNhc2UoKSA9PT0gY29kZS50b1VwcGVyQ2FzZSgpKTtcclxuICAgICAgaWYgKGl0ZW1Gcm9tU3VnZ2VzdGlvbnMpIHtcclxuICAgICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoaXRlbUZyb21TdWdnZXN0aW9ucywgeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuc2VydmljZT8uZ2V0QnlJZCgrY29kZSkuc3Vic2NyaWJlKChyZXNwb25zZSkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKHJlc3BvbnNlLCB7IGVtaXRFdmVudDogZmFsc2UgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICAgIH1cclxuICAgIH0gZWxzZSBpZiAodGhpcy5jb250cm9sLnZhbHVlICYmICF0aGlzLm9wdGlvbnM/Lmxlbmd0aCkge1xyXG4gICAgICB0aGlzLnNlcnZpY2U/LmdldEJ5SWQoK2NvZGUpLnN1YnNjcmliZSgocmVzcG9uc2UpID0+IHtcclxuICAgICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUocmVzcG9uc2UsIHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtdWx0aXNlbGVjdC1maWVsZC1pbnB1dC1jb250YWluZXJcIj5cclxuICA8cC1tdWx0aVNlbGVjdFxyXG4gICAgKm5nSWY9XCIhZmlsdGVyVmlydHVhbFNjcm9vbFwiXHJcbiAgICAjbXVsdGlzZWxlY3RcclxuICAgIGFwcGVuZFRvPVwiYm9keVwiXHJcbiAgICBvcHRpb25MYWJlbD1cIm5hbWVcIlxyXG4gICAgb3B0aW9uVmFsdWU9XCJjb2RlXCJcclxuICAgIGRyb3Bkb3duSWNvbj1cImZhcyBmYS1zb3J0LWRvd25cIlxyXG4gICAgc2VsZWN0ZWRJdGVtc0xhYmVsPVwiU2VsZWNpb25hciB0b2Rvc1wiXHJcbiAgICBbcGFuZWxTdHlsZUNsYXNzXT1cImZpbHRlciA/ICdoYXMtZmlsdGVyJyA6ICcnXCJcclxuICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIlxyXG4gICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxyXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgIFtmaWx0ZXJdPVwiZmlsdGVyXCJcclxuICAgIFttYXhTZWxlY3RlZExhYmVsc109XCJvcHRpb25zLmxlbmd0aCAtIDFcIlxyXG4gICAgW3Nob3dIZWFkZXJdPVwidHJ1ZVwiXHJcbiAgICBbc2hvd1RvZ2dsZUFsbF09XCJzaG93U2VsZWN0QWxsT3B0aW9uXCJcclxuICAgIFtkcm9wZG93bkljb25dPVwiJ3BpIHBpLWNoZXZyb24tZG93bidcIlxyXG4gICAgW2Rpc3BsYXldPVwiZGlzcGxheVwiXHJcbiAgICAob25DaGFuZ2UpPVwib25DaGFuZ2UuZW1pdCgkZXZlbnQpXCJcclxuICAgIChvblBhbmVsSGlkZSk9XCJvbkNsb3NlUGFuZWwuZW1pdCgkZXZlbnQpXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgPlxyXG4gIDwvcC1tdWx0aVNlbGVjdD5cclxuICA8cC1tdWx0aVNlbGVjdFxyXG4gICAgKm5nSWY9XCJmaWx0ZXJWaXJ0dWFsU2Nyb29sXCJcclxuICAgICNtdWx0aXNlbGVjdFxyXG4gICAgYXBwZW5kVG89XCJib2R5XCJcclxuICAgIG9wdGlvbkxhYmVsPVwibmFtZVwiXHJcbiAgICBvcHRpb25WYWx1ZT1cImNvZGVcIlxyXG4gICAgZHJvcGRvd25JY29uPVwiZmFzIGZhLXNvcnQtZG93blwiXHJcbiAgICBzZWxlY3RlZEl0ZW1zTGFiZWw9XCJTZWxlY2lvbmFyIHRvZG9zXCJcclxuICAgIFtwYW5lbFN0eWxlQ2xhc3NdPVwiZmlsdGVyID8gJ2hhcy1maWx0ZXInIDogJydcIlxyXG4gICAgW29wdGlvbnNdPVwib3B0aW9uc1wiXHJcbiAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXHJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgW2ZpbHRlcl09XCJmaWx0ZXJcIlxyXG4gICAgW21heFNlbGVjdGVkTGFiZWxzXT1cIm9wdGlvbnMubGVuZ3RoIC0gMVwiXHJcbiAgICBbc2hvd0hlYWRlcl09XCJ0cnVlXCJcclxuICAgIFtzaG93VG9nZ2xlQWxsXT1cInNob3dTZWxlY3RBbGxPcHRpb25cIlxyXG4gICAgW2Ryb3Bkb3duSWNvbl09XCIncGkgcGktY2hldnJvbi1kb3duJ1wiXHJcbiAgICBbZGlzcGxheV09XCJkaXNwbGF5XCJcclxuICAgIChvbkNoYW5nZSk9XCJvbkNoYW5nZS5lbWl0KCRldmVudClcIlxyXG4gICAgKG9uRmlsdGVyKT1cInNlYXJjaCgkZXZlbnQpXCJcclxuICAgIChvblBhbmVsU2hvdyk9XCJvbk9wZW5BdXRvY29tcGxldGVQYW5lbCgpXCJcclxuICAgIChvblBhbmVsSGlkZSk9XCJvbkhpZGVBdXRvY29tcGxldGVQYW5lbCgpXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgPlxyXG4gIDwvcC1tdWx0aVNlbGVjdD5cclxuICA8cC1tdWx0aVNlbGVjdFxyXG4gICAgKm5nSWY9XCJmaWx0ZXJWaXJ0dWFsU2Nyb29sXCJcclxuICAgICNtdWx0aXNlbGVjdFxyXG4gICAgYXBwZW5kVG89XCJib2R5XCJcclxuICAgIG9wdGlvbkxhYmVsPVwibmFtZVwiXHJcbiAgICBvcHRpb25WYWx1ZT1cImNvZGVcIlxyXG4gICAgZHJvcGRvd25JY29uPVwiZmFzIGZhLXNvcnQtZG93blwiXHJcbiAgICBzZWxlY3RlZEl0ZW1zTGFiZWw9XCJTZWxlY2lvbmFyIHRvZG9zXCJcclxuICAgIFtwYW5lbFN0eWxlQ2xhc3NdPVwiZmlsdGVyID8gJ2hhcy1maWx0ZXInIDogJydcIlxyXG4gICAgW29wdGlvbnNdPVwib3B0aW9uc1wiXHJcbiAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXHJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgW2ZpbHRlcl09XCJmaWx0ZXJcIlxyXG4gICAgW21heFNlbGVjdGVkTGFiZWxzXT1cIm9wdGlvbnMubGVuZ3RoIC0gMVwiXHJcbiAgICBbc2hvd0hlYWRlcl09XCJ0cnVlXCJcclxuICAgIFtzaG93VG9nZ2xlQWxsXT1cInNob3dTZWxlY3RBbGxPcHRpb25cIlxyXG4gICAgW2Ryb3Bkb3duSWNvbl09XCIncGkgcGktY2hldnJvbi1kb3duJ1wiXHJcbiAgICBbZGlzcGxheV09XCJkaXNwbGF5XCJcclxuICAgIChvbkNoYW5nZSk9XCJvbkNoYW5nZS5lbWl0KCRldmVudClcIlxyXG4gICAgKG9uRmlsdGVyKT1cInNlYXJjaCgkZXZlbnQpXCJcclxuICAgIChvblBhbmVsU2hvdyk9XCJvbk9wZW5BdXRvY29tcGxldGVQYW5lbCgpXCJcclxuICAgIChvblBhbmVsSGlkZSk9XCJvbkhpZGVBdXRvY29tcGxldGVQYW5lbCgpXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgPlxyXG4gIDwvcC1tdWx0aVNlbGVjdD5cclxuICA8c3BhbiBjbGFzcz1cImlucHV0LWVycm9yXCI+e3sgZmllbGRFcnJvckxhYmVsKCkgfX08L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGlzZWxlY3QtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9maWVsZHMvbXVsdGlzZWxlY3QtZmllbGQvbXVsdGlzZWxlY3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9maWVsZHMvbXVsdGlzZWxlY3QtZmllbGQvbXVsdGlzZWxlY3QtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUdsRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQW1CNUMsTUFBTSxPQUFPLHlCQUF5QjtJQUNwQyxJQUNJLGNBQWMsQ0FBQyxlQUEyQjtRQUM1QyxJQUFJLENBQUMsZUFBZSxHQUFHLGVBQWUsQ0FBQztRQUN2QyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLElBQUksRUFBRSxDQUFDO0lBQzNDLENBQUM7SUFpQ0QsSUFDSSxnQkFBZ0IsQ0FBQyxLQUFnQztRQUNuRCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNuQixNQUFNLElBQUksS0FBSyxDQUFDLHFFQUFxRSxDQUFDLENBQUM7U0FDeEY7UUFDRCxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDdkIsSUFBSSxNQUFNLENBQUMsSUFBSSxLQUFLLEtBQUssRUFBRTtnQkFDekIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUU7b0JBQ3JCLE1BQU0sSUFBSSxLQUFLLENBQUMs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LElBQUksQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7Z0JBQ2xELElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1lBQ3hELENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDOzhHQXZMVSx5QkFBeUI7a0dBQXpCLHlCQUF5Qix1bEJDdEJ0Qyw0cEhBd0dBOzsyRkRsRmEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLDBCQUEwQjs4RUFNaEMsY0FBYztzQkFEakIsS0FBSztnQkFNQyxVQUFVO3NCQURoQixLQUFLO2dCQUdDLE9BQU87c0JBRGIsS0FBSztnQkFHQyxLQUFLO3NCQURYLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixLQUFLO2dCQUdDLE1BQU07c0JBRFosS0FBSztnQkFHQyxtQkFBbUI7c0JBRHpCLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixLQUFLO2dCQUdDLEtBQUs7c0JBRFgsS0FBSztnQkFHQyxRQUFRO3NCQURkLEtBQUs7Z0JBR0Msa0JBQWtCO3NCQUR4QixLQUFLO2dCQUdDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixLQUFLO2dCQUdDLG1CQUFtQjtzQkFEekIsS0FBSztnQkFHQyxVQUFVO3NCQURoQixLQUFLO2dCQUdDLFNBQVM7c0JBRGYsS0FBSztnQkFLRixnQkFBZ0I7c0JBRG5CLEtBQUs7Z0JBaUNDLFFBQVE7c0JBRGQsTUFBTTtnQkFHQSxZQUFZO3NCQURsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBMaXN0SXRlbSB9IGZyb20gJy4uLy4uLy4uL21vZGVscyc7XHJcbmltcG9ydCB7IEJhc2VEcm9wZG93biB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzJztcclxuaW1wb3J0IHsgT2JqZWN0VXRpbCB9IGZyb20gJy4uLy4uLy4uL3V0aWxzJztcclxuXHJcbnR5cGUgTGlzdEl0ZW1PcHRpb25zRmxhZ1R5cGUgPSBMaXN0SXRlbSAmIHtcclxuICBhbGlnbjogJ2NlbnRlcicgfCAnbGVmdCc7XHJcbiAgc2hvd0Rlc2NyaXB0aW9uT25SaWdodDogYm9vbGVhbjtcclxuICB0eXBlOiAnaW1nJyB8ICdpY29uJztcclxuICBpY29uU291cmNlPzogc3RyaW5nO1xyXG4gIGljb25TaXplPzogJzFlbScgfCAnMS4yNWVtJyB8ICcxLjVlbScgfCAnMS43NWVtJyB8ICcyZW0nO1xyXG4gIGljb25DbGFzcz86IHN0cmluZztcclxuICBpbWdTb3VyY2U/OiBzdHJpbmc7XHJcbiAgaW1nU2l6ZT86ICcxNScgfCAnMjAnIHwgJzI1JztcclxuICBpbWdDbGFzcz86IHN0cmluZztcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndmVjdG9yLW11bHRpc2VsZWN0LWZpZWxkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbXVsdGlzZWxlY3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL211bHRpc2VsZWN0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNdWx0aXNlbGVjdEZpZWxkQ29tcG9uZW50IHtcclxuICBASW5wdXQoKVxyXG4gIHNldCBwYWdlZFN1Z2VzdGlvbihfcGFnZWRTdWdlc3Rpb246IExpc3RJdGVtW10pIHtcclxuICAgIHRoaXMuX3BhZ2VkU3VnZXN0aW9uID0gX3BhZ2VkU3VnZXN0aW9uO1xyXG4gICAgdGhpcy5vcHRpb25zID0gdGhpcy5wYWdlZFN1Z2VzdGlvbiB8fCBbXTtcclxuICB9XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgaXNSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGNvbnRyb2w6IGFueTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBsYWJlbDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgb3B0aW9uczogTGlzdEl0ZW1bXSB8IExpc3RJdGVtT3B0aW9uc0ZsYWdUeXBlW10gPSBbXTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBmaWx0ZXIgPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzaG93U2VsZWN0QWxsT3B0aW9uOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBkaXNwbGF5OiBzdHJpbmcgPSAnY29tbWEnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHBhZ2VkID0gdHJ1ZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIG1pbkxlbmd0aFRvU2VydmljZTogbnVtYmVyID0gMDtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBpbml0aWFsTG9hZCA9IHRydWU7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc2VydmljZTogQmFzZURyb3Bkb3duIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGZpbHRlclZpcnR1YWxTY3Jvb2wgPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzaG93SGVhZGVyOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzaG93RmxhZ3M6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBwcml2YXRlIF9zaG93RmxhZ3NPcHRpb25zPzogTGlzdEl0ZW1PcHRpb25zRmxhZ1R5cGVbXSB8IHVuZGVmaW5lZDtcclxuXHJcbiAgQElucHV0KClcclxuICBzZXQgc2hvd0ZsYWdzT3B0aW9ucyh2YWx1ZTogTGlzdEl0ZW1PcHRpb25zRmxhZ1R5cGVbXSkge1xyXG4gICAgaWYgKCF0aGlzLnNob3dGbGFncykge1xyXG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ3Nob3dGbGFncyBpcyBzZXQgdG8gZmFsc2UuIFNldHRpbmcgc2hvd0ZsYWdzT3B0aW9ucyBpcyBub3QgYWxsb3dlZC4nKTtcclxuICAgIH1cclxuICAgIHZhbHVlLmZvckVhY2goKG9wdGlvbikgPT4ge1xyXG4gICAgICBpZiAob3B0aW9uLnR5cGUgPT09ICdpbWcnKSB7XHJcbiAgICAgICAgaWYgKCFvcHRpb24uaW1nU291cmNlKSB7XHJcbiAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJpbWdTb3VyY2UgaXMgcmVxdWlyZWQgd2hlbiB0eXBlIGlzICdpbWcnXCIpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoIW9wdGlvbi5pbWdTaXplKSB7XHJcbiAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJpbWdTaXplIGlzIHJlcXVpcmVkIHdoZW4gdHlwZSBpcyAnaW1nJ1wiKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0gZWxzZSBpZiAob3B0aW9uLnR5cGUgPT09ICdpY29uJykge1xyXG4gICAgICAgIGlmICghb3B0aW9uLmljb25Tb3VyY2UpIHtcclxuICAgICAgICAgIHRocm93IG5ldyBFcnJvcihcImljb25Tb3VyY2UgaXMgcmVxdWlyZWQgd2hlbiB0eXBlIGlzICdpY29uJ1wiKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKCFvcHRpb24uaWNvblNpemUpIHtcclxuICAgICAgICAgIHRocm93IG5ldyBFcnJvcihcImljb25TaXplIGlzIHJlcXVpcmVkIHdoZW4gdHlwZSBpcyAnaWNvbidcIik7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICAgIHRoaXMuX3Nob3dGbGFnc09wdGlvbnMgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIGdldCBzaG93RmxhZ3NPcHRpb25zKCk6IExpc3RJdGVtT3B0aW9uc0ZsYWdUeXBlW10ge1xyXG4gICAgaWYgKCF0aGlzLl9zaG93RmxhZ3NPcHRpb25zKSB7XHJcbiAgICAgIHRocm93IG5ldyBFcnJvcignc2hvd0ZsYWdzT3B0aW9ucyB3YXMgbm90IHNldCcpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHRoaXMuX3Nob3dGbGFnc09wdGlvbnM7XHJcbiAgfVxyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIG9uQ2xvc2VQYW5lbCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgcHJpdmF0ZSBjdXJyZW50U2VhcmNoUXVlcnkgPSAnJztcclxuICBwcml2YXRlIGN1cnJlbnRTY3JvbGxQYWdlID0gLTE7XHJcbiAgcHJpdmF0ZSBjdXJyZW50U2Nyb2xsSW5kZXggPSAwO1xyXG5cclxuICBwdWJsaWMgdW5saXN0ZW5BdXRvY29tcGxldGVWaXJ0dWFsU2Nyb2xsID0gKCkgPT4ge307XHJcblxyXG4gIGdldCBwbGFjZWhvbGRlcigpIHtcclxuICAgIGlmICghdGhpcy5sYWJlbCkge1xyXG4gICAgICByZXR1cm4gJyc7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gYCR7dGhpcy5sYWJlbH0ke3RoaXMuaXNSZXF1aXJlZCA/ICcqJyA6ICcnfWA7XHJcbiAgfVxyXG5cclxuICBnZXQgcGFnZWRTdWdlc3Rpb24oKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fcGFnZWRTdWdlc3Rpb247XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9wYWdlZFN1Z2VzdGlvbjogTGlzdEl0ZW1bXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuaW5pdGlhbExvYWQgJiYgdGhpcy5maWx0ZXJWaXJ0dWFsU2Nyb29sKSB7XHJcbiAgICAgIHRoaXMuc2VhcmNoKG51bGwsIHRydWUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGZpZWxkRXJyb3JMYWJlbCgpOiBzdHJpbmcge1xyXG4gICAgaWYgKHRoaXMuY29udHJvbCAmJiB0aGlzLmNvbnRyb2wuaW52YWxpZCAmJiB0aGlzLmNvbnRyb2wudG91Y2hlZCkge1xyXG4gICAgICBpZiAodGhpcy5jb250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpKSB7XHJcbiAgICAgICAgcmV0dXJuICdDYW1wbyBvYnJpZ2F0w7NyaW8nO1xyXG4gICAgICB9XHJcblxyXG4gICAgICByZXR1cm4gdHlwZW9mIHRoaXMuY29udHJvbC5lcnJvcnNbJ2ludmFsaWQnXSA9PT0gJ3N0cmluZycgPyB0aGlzLmNvbnRyb2wuZXJyb3JzWydpbnZhbGlkJ10gOiAnQ2FtcG8gaW52w6FsaWRvJztcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gJyc7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25PcGVuQXV0b2NvbXBsZXRlUGFuZWwoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNlYXJjaCgpO1xyXG4gICAgY29uc3QgbXVsdGlTZWxlY3RQYW5lbCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5wLW11bHRpc2VsZWN0LWl0ZW1zLXdyYXBwZXInKTtcclxuXHJcbiAgICBpZiAobXVsdGlTZWxlY3RQYW5lbCAmJiB0aGlzLnBhZ2VkICYmIHRoaXMuY3VycmVudFNlYXJjaFF1ZXJ5Lmxlbmd0aCA+PSB0aGlzLm1pbkxlbmd0aFRvU2VydmljZSkge1xyXG4gICAgICB0aGlzLnVubGlzdGVuQXV0b2NvbXBsZXRlVmlydHVhbFNjcm9sbCA9IHRoaXMucmVuZGVyZXIubGlzdGVuKG11bHRpU2VsZWN0UGFuZWwsICdzY3JvbGwnLCAoZXZlbnQpID0+IHtcclxuICAgICAgICBjb25zdCBldmVudEhlaWdodCA9IGV2ZW50LnRhcmdldC5zY3JvbGxIZWlnaHQgLSBldmVudC50YXJnZXQuY2xpZW50SGVpZ2h0IC0gMTUwO1xyXG5cclxuICAgICAgICBpZiAoTWF0aC5yb3VuZChldmVudC50YXJnZXQuc2Nyb2xsVG9wKSA+PSBldmVudEhlaWdodCkge1xyXG4gICAgICAgICAgdGhpcy5wYWdlUmVzdWx0cygpO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25IaWRlQXV0b2NvbXBsZXRlUGFuZWwoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5wYWdlZCkge1xyXG4gICAgICB0aGlzLnVubGlzdGVuQXV0b2NvbXBsZXRlVmlydHVhbFNjcm9sbCgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlYXJjaCgkZXZlbnQ/OiBhbnksIGZvcmNlU2VhcmNoID0gZmFsc2UpOiB2b2lkIHtcclxuICAgIHRoaXMuY3VycmVudFNlYXJjaFF1ZXJ5ID0gJGV2ZW50Py5maWx0ZXIudG9VcHBlckNhc2UoKSB8fCAnJztcclxuICAgIHRoaXMuY3VycmVudFNjcm9sbFBhZ2UgPSAtMTtcclxuICAgIHRoaXMuY3VycmVudFNjcm9sbEluZGV4ID0gMDtcclxuICAgIGlmIChmb3JjZVNlYXJjaCB8fCB0aGlzLmN1cnJlbnRTZWFyY2hRdWVyeS5sZW5ndGggPj0gdGhpcy5taW5MZW5ndGhUb1NlcnZpY2UpIHtcclxuICAgICAgdGhpcy5wYWdlUmVzdWx0cygpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5vcHRpb25zID0gW107XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHBhZ2VSZXN1bHRzKCk6IHZvaWQge1xyXG4gICAgY29uc3QgZmlsdGVyZWRPcHRpb25zID0gdGhpcy5maWx0ZXJMaXN0QnlRdWVyeSh0aGlzLnBhZ2VkU3VnZXN0aW9uLCB0aGlzLmN1cnJlbnRTZWFyY2hRdWVyeS50b1VwcGVyQ2FzZSgpKTtcclxuICAgIHRoaXMub3B0aW9ucyA9IGZpbHRlcmVkT3B0aW9ucy5zbGljZSgwLCB0aGlzLmN1cnJlbnRTY3JvbGxJbmRleCArIDIwKTtcclxuXHJcbiAgICBpZiAodGhpcy5wYWdlZFN1Z2VzdGlvbj8ubGVuZ3RoICYmIHRoaXMucGFnZWRTdWdlc3Rpb24ubGVuZ3RoID4gMjApIHtcclxuICAgICAgdGhpcy5jdXJyZW50U2Nyb2xsSW5kZXggPSB0aGlzLmN1cnJlbnRTY3JvbGxJbmRleCArIDIwO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuc2V0Q29udHJvbFZhbHVlRnJvbVN1Z2dlc3Rpb25zKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGZpbHRlckxpc3RCeVF1ZXJ5KGxpc3Q6IExpc3RJdGVtW10gPSBbXSwgcXVlcnk6IHN0cmluZyk6IExpc3RJdGVtW10ge1xyXG4gICAgcmV0dXJuIGxpc3QuZmlsdGVyKFxyXG4gICAgICAob3B0KSA9PiBTdHJpbmcob3B0LmNvZGUpLnRvVXBwZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkpIHx8IG9wdC5uYW1lLnRvVXBwZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkpXHJcbiAgICApO1xyXG4gIH1cclxuICBwcml2YXRlIHNldENvbnRyb2xWYWx1ZUZyb21TdWdnZXN0aW9ucygpIHtcclxuICAgIGNvbnN0IGNvZGUgPVxyXG4gICAgICAoT2JqZWN0VXRpbC5pc1ZhbGlkKHRoaXMuY29udHJvbC52YWx1ZT8uY29kZSkgJiYgYCR7dGhpcy5jb250cm9sLnZhbHVlPy5jb2RlfWApIHx8IGAke3RoaXMuY29udHJvbC52YWx1ZX1gO1xyXG4gICAgaWYgKHRoaXMuY29udHJvbC52YWx1ZSAmJiB0aGlzLm9wdGlvbnM/Lmxlbmd0aCkge1xyXG4gICAgICBsZXQgaXRlbXNBcnJheSA9IHRoaXMub3B0aW9ucztcclxuICAgICAgaWYgKHRoaXMub3B0aW9ucz8ubGVuZ3RoKSB7XHJcbiAgICAgICAgaXRlbXNBcnJheSA9IHRoaXMub3B0aW9ucztcclxuICAgICAgfVxyXG4gICAgICBjb25zdCBpdGVtRnJvbVN1Z2dlc3Rpb25zID0gaXRlbXNBcnJheS5maW5kKChvcHQpID0+IGAke29wdC5jb2RlfWAudG9VcHBlckNhc2UoKSA9PT0gY29kZS50b1VwcGVyQ2FzZSgpKTtcclxuICAgICAgaWYgKGl0ZW1Gcm9tU3VnZ2VzdGlvbnMpIHtcclxuICAgICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoaXRlbUZyb21TdWdnZXN0aW9ucywgeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuc2VydmljZT8uZ2V0QnlJZCgrY29kZSkuc3Vic2NyaWJlKChyZXNwb25zZSkgPT4ge1xyXG4gICAgICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKHJlc3BvbnNlLCB7IGVtaXRFdmVudDogZmFsc2UgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICAgIH1cclxuICAgIH0gZWxzZSBpZiAodGhpcy5jb250cm9sLnZhbHVlICYmICF0aGlzLm9wdGlvbnM/Lmxlbmd0aCkge1xyXG4gICAgICB0aGlzLnNlcnZpY2U/LmdldEJ5SWQoK2NvZGUpLnN1YnNjcmliZSgocmVzcG9uc2UpID0+IHtcclxuICAgICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUocmVzcG9uc2UsIHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtdWx0aXNlbGVjdC1maWVsZC1pbnB1dC1jb250YWluZXJcIj5cclxuICA8cC1tdWx0aVNlbGVjdFxyXG4gICAgKm5nSWY9XCIhZmlsdGVyVmlydHVhbFNjcm9vbFwiXHJcbiAgICAjbXVsdGlzZWxlY3RcclxuICAgIGFwcGVuZFRvPVwiYm9keVwiXHJcbiAgICBvcHRpb25MYWJlbD1cIm5hbWVcIlxyXG4gICAgb3B0aW9uVmFsdWU9XCJjb2RlXCJcclxuICAgIGRyb3Bkb3duSWNvbj1cImZhcyBmYS1zb3J0LWRvd25cIlxyXG4gICAgc2VsZWN0ZWRJdGVtc0xhYmVsPVwiU2VsZWNpb25hciB0b2Rvc1wiXHJcbiAgICBbcGFuZWxTdHlsZUNsYXNzXT1cImZpbHRlciA/ICdoYXMtZmlsdGVyJyA6ICcnXCJcclxuICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIlxyXG4gICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxyXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgIFtmaWx0ZXJdPVwiZmlsdGVyXCJcclxuICAgIFttYXhTZWxlY3RlZExhYmVsc109XCJvcHRpb25zLmxlbmd0aCAtIDFcIlxyXG4gICAgW3Nob3dUb2dnbGVBbGxdPVwic2hvd1NlbGVjdEFsbE9wdGlvblwiXHJcbiAgICBbZHJvcGRvd25JY29uXT1cIidwaSBwaS1jaGV2cm9uLWRvd24nXCJcclxuICAgIFtkaXNwbGF5XT1cImRpc3BsYXlcIlxyXG4gICAgKG9uQ2hhbmdlKT1cIm9uQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAob25QYW5lbEhpZGUpPVwib25DbG9zZVBhbmVsLmVtaXQoJGV2ZW50KVwiXHJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgW3Nob3dIZWFkZXJdPVwic2hvd0hlYWRlclwiXHJcbiAgPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dGbGFnc1wiPlxyXG4gICAgICA8bmctdGVtcGxhdGUgbGV0LW9wdGlvbiBwVGVtcGxhdGU9XCJpdGVtXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdyaWQtbm9ndXR0ZXIgdy1mdWxsIGZsZXhcIj5cclxuICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJtZDpjb2wtNiBzbTpjb2wtMTIgYWxpZ24tY29udGVudC1jZW50ZXJcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJvcHRpb24uYWxpZ24gPT09ICdjZW50ZXInID8gJ21kOnRleHQtY2VudGVyJyA6ICdtZDp0ZXh0LWxlZnQnXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPGltZ1xyXG4gICAgICAgICAgICAgICpuZ0lmPVwib3B0aW9uLnR5cGUgPT0gJ2ltZydcIlxyXG4gICAgICAgICAgICAgIFtzcmNdPVwib3B0aW9uLmltZ1NvdXJjZVwiXHJcbiAgICAgICAgICAgICAgW25nQ2xhc3NdPVwib3B0aW9uLmltZ0NsYXNzXCJcclxuICAgICAgICAgICAgICBbc3R5bGVdPVwieyBoZWlnaHQ6IG9wdGlvbi5pbWdTaXplICsgJ3B4JyB9XCJcclxuICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgPGlcclxuICAgICAgICAgICAgICAqbmdJZj1cIm9wdGlvbi50eXBlID09ICdpY29uJ1wiXHJcbiAgICAgICAgICAgICAgW2NsYXNzTmFtZV09XCJvcHRpb24uaWNvblNvdXJjZVwiXHJcbiAgICAgICAgICAgICAgW25nQ2xhc3NdPVwib3B0aW9uLmljb25DbGFzc1wiXHJcbiAgICAgICAgICAgICAgW3N0eWxlXT1cInsgJ2ZvbnQtc2l6ZSc6IG9wdGlvbi5pY29uU2l6ZSB9XCJcclxuICAgICAgICAgICAgPjwvaT5cclxuICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtNiBoaWRkZW4gbWQ6YmxvY2sgYWxpZ24tY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJibG9ja1wiPnt7IG9wdGlvbi5uYW1lIH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICA8L3AtbXVsdGlTZWxlY3Q+XHJcblxyXG4gIDxwLW11bHRpU2VsZWN0XHJcbiAgICAqbmdJZj1cImZpbHRlclZpcnR1YWxTY3Jvb2xcIlxyXG4gICAgI211bHRpc2VsZWN0XHJcbiAgICBhcHBlbmRUbz1cImJvZHlcIlxyXG4gICAgb3B0aW9uTGFiZWw9XCJuYW1lXCJcclxuICAgIG9wdGlvblZhbHVlPVwiY29kZVwiXHJcbiAgICBkcm9wZG93bkljb249XCJmYXMgZmEtc29ydC1kb3duXCJcclxuICAgIHNlbGVjdGVkSXRlbXNMYWJlbD1cIlNlbGVjaW9uYXIgdG9kb3NcIlxyXG4gICAgW3BhbmVsU3R5bGVDbGFzc109XCJmaWx0ZXIgPyAnaGFzLWZpbHRlcicgOiAnJ1wiXHJcbiAgICBbb3B0aW9uc109XCJvcHRpb25zXCJcclxuICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcclxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICBbZmlsdGVyXT1cImZpbHRlclwiXHJcbiAgICBbbWF4U2VsZWN0ZWRMYWJlbHNdPVwib3B0aW9ucy5sZW5ndGggLSAxXCJcclxuICAgIFtzaG93SGVhZGVyXT1cInRydWVcIlxyXG4gICAgW3Nob3dUb2dnbGVBbGxdPVwic2hvd1NlbGVjdEFsbE9wdGlvblwiXHJcbiAgICBbZHJvcGRvd25JY29uXT1cIidwaSBwaS1jaGV2cm9uLWRvd24nXCJcclxuICAgIFtkaXNwbGF5XT1cImRpc3BsYXlcIlxyXG4gICAgKG9uQ2hhbmdlKT1cIm9uQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAob25GaWx0ZXIpPVwic2VhcmNoKCRldmVudClcIlxyXG4gICAgKG9uUGFuZWxTaG93KT1cIm9uT3BlbkF1dG9jb21wbGV0ZVBhbmVsKClcIlxyXG4gICAgKG9uUGFuZWxIaWRlKT1cIm9uSGlkZUF1dG9jb21wbGV0ZVBhbmVsKClcIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICA+XHJcbiAgPC9wLW11bHRpU2VsZWN0PlxyXG4gIDxwLW11bHRpU2VsZWN0XHJcbiAgICAqbmdJZj1cImZpbHRlclZpcnR1YWxTY3Jvb2xcIlxyXG4gICAgI211bHRpc2VsZWN0XHJcbiAgICBhcHBlbmRUbz1cImJvZHlcIlxyXG4gICAgb3B0aW9uTGFiZWw9XCJuYW1lXCJcclxuICAgIG9wdGlvblZhbHVlPVwiY29kZVwiXHJcbiAgICBkcm9wZG93bkljb249XCJmYXMgZmEtc29ydC1kb3duXCJcclxuICAgIHNlbGVjdGVkSXRlbXNMYWJlbD1cIlNlbGVjaW9uYXIgdG9kb3NcIlxyXG4gICAgW3BhbmVsU3R5bGVDbGFzc109XCJmaWx0ZXIgPyAnaGFzLWZpbHRlcicgOiAnJ1wiXHJcbiAgICBbb3B0aW9uc109XCJvcHRpb25zXCJcclxuICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcclxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICBbZmlsdGVyXT1cImZpbHRlclwiXHJcbiAgICBbbWF4U2VsZWN0ZWRMYWJlbHNdPVwib3B0aW9ucy5sZW5ndGggLSAxXCJcclxuICAgIFtzaG93SGVhZGVyXT1cInRydWVcIlxyXG4gICAgW3Nob3dUb2dnbGVBbGxdPVwic2hvd1NlbGVjdEFsbE9wdGlvblwiXHJcbiAgICBbZHJvcGRvd25JY29uXT1cIidwaSBwaS1jaGV2cm9uLWRvd24nXCJcclxuICAgIFtkaXNwbGF5XT1cImRpc3BsYXlcIlxyXG4gICAgKG9uQ2hhbmdlKT1cIm9uQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAob25GaWx0ZXIpPVwic2VhcmNoKCRldmVudClcIlxyXG4gICAgKG9uUGFuZWxTaG93KT1cIm9uT3BlbkF1dG9jb21wbGV0ZVBhbmVsKClcIlxyXG4gICAgKG9uUGFuZWxIaWRlKT1cIm9uSGlkZUF1dG9jb21wbGV0ZVBhbmVsKClcIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICA+XHJcbiAgPC9wLW11bHRpU2VsZWN0PlxyXG4gIDxzcGFuIGNsYXNzPVwiaW5wdXQtZXJyb3JcIj57eyBmaWVsZEVycm9yTGFiZWwoKSB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/components/fields/text-field/text-field.component.mjs

@@ -181,7 +181,7 @@ export class TextFieldComponent {
         this.onDocumentTypeChange.emit(this.selectedDocumentType);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: TextFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: TextFieldComponent, selector: "vector-text-field", inputs: { isRequired: "isRequired", label: "label", maxlength: "maxlength", isPassword: "isPassword", numeric: "numeric", numericPositive: "numericPositive", numericDotComma: "numericDotComma", decimal: "decimal", onlyText: "onlyText", alphaNumeric: "alphaNumeric", alphaNumericAndWhitespace: "alphaNumericAndWhitespace", mask: "mask", autoClear: "autoClear", readonly: "readonly", rightIcon: "rightIcon", centered: "centered", enableDocumentTypeChoice: "enableDocumentTypeChoice", hiddenErrorMessage: "hiddenErrorMessage", leftLabel: "leftLabel", control: "control", inputId: "inputId", slotChar: "slotChar" }, outputs: { blurEvent: "blurEvent", enterKeyPress: "enterKeyPress", backSpaceKeyPress: "backSpaceKeyPress", focusEvent: "focusEvent", onDocumentTypeChange: "onDocumentTypeChange" }, ngImport: i0, template: "<form class=\"input-container p-input-icon-right\">\r\n  <i *ngIf=\"rightIcon\" [class]=\"rightIcon\"></i>\r\n  <i *ngIf=\"isPassword\" class=\"show-password-icon {{ showPasswordIcon }}\" (click)=\"toggleShowPassword()\"></i>\r\n  <div class=\"p-inputgroup\" *ngIf=\"!inputId\">\r\n    <vector-button\r\n      *ngIf=\"enableDocumentTypeChoice\"\r\n      leftIcon=\"fas fa-exchange-alt\"\r\n      type=\"success\"\r\n      [label]=\"selectedDocumentType.name\"\r\n      [disabled]=\"control.disabled\"\r\n      [noShadow]=\"true\"\r\n      (onClick)=\"handleDocumentTypeChange()\"\r\n    ></vector-button>\r\n\r\n    <span *ngIf=\"leftLabel\" class=\"left-label\">\r\n      {{ leftLabel }}\r\n    </span>\r\n\r\n    <input\r\n      *ngIf=\"!mask\"\r\n      pInputText\r\n      type=\"text\"\r\n      [formControl]=\"control\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [placeholder]=\"placeholder\"\r\n      [pValidateOnly]=\"validateOnly\"\r\n      [pKeyFilter]=\"keyfilter\"\r\n      [ngClass]=\"{ 'password-field': isPassword && !isPasswordVisible, 'text-centered': centered }\"\r\n      (blur)=\"onBlur()\"\r\n      (keydown.enter)=\"onEnterPress()\"\r\n      (keydown.backspace)=\"onBackSpacePress()\"\r\n      (click)=\"onFocus($event)\"\r\n      [readonly]=\"readonly ? true : null\"\r\n    />\r\n    <p-inputMask\r\n      *ngIf=\"mask\"\r\n      type=\"text\"\r\n      [inputId]=\"inputId || 'mask-field'\"\r\n      [formControl]=\"control\"\r\n      [mask]=\"mask\"\r\n      [placeholder]=\"placeholder\"\r\n      (onBlur)=\"onBlur()\"\r\n      (keydown.enter)=\"onEnterPress()\"\r\n      (keydown.backspace)=\"onBackSpacePress()\"\r\n      [autoClear]=\"autoClear\"\r\n      [unmask]=\"true\"\r\n      [styleClass]=\"centered ? 'text-centered' : ''\"\r\n      [slotChar]=\"slotChar\"\r\n      (click)=\"onFocus($event)\"\r\n    ></p-inputMask>\r\n  </div>\r\n  <div class=\"p-inputgroup\" *ngIf=\"inputId\">\r\n    <vector-button\r\n      *ngIf=\"enableDocumentTypeChoice\"\r\n      leftIcon=\"fas fa-exchange-alt\"\r\n      type=\"success\"\r\n      [label]=\"selectedDocumentType.name\"\r\n      [disabled]=\"control.disabled\"\r\n      [noShadow]=\"true\"\r\n      (onClick)=\"handleDocumentTypeChange()\"\r\n    ></vector-button>\r\n\r\n    <span *ngIf=\"leftLabel\" class=\"left-label\">\r\n      {{ leftLabel }}\r\n    </span>\r\n\r\n    <input\r\n      *ngIf=\"!mask\"\r\n      [id]=\"inputId\"\r\n      pInputText\r\n      type=\"text\"\r\n      [formControl]=\"control\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [placeholder]=\"placeholder\"\r\n      [pValidateOnly]=\"validateOnly\"\r\n      [pKeyFilter]=\"keyfilter\"\r\n      [ngClass]=\"{ 'password-field': isPassword && !isPasswordVisible, 'text-centered': centered }\"\r\n      (blur)=\"onBlur()\"\r\n      (keydown.enter)=\"onEnterPress()\"\r\n      (keydown.backspace)=\"onBackSpacePress()\"\r\n      (click)=\"onFocus($event)\"\r\n      [readonly]=\"readonly ? true : null\"\r\n    />\r\n    <p-inputMask\r\n      *ngIf=\"mask\"\r\n      type=\"text\"\r\n      [inputId]=\"inputId || 'mask-field'\"\r\n      [formControl]=\"control\"\r\n      [mask]=\"mask\"\r\n      [placeholder]=\"placeholder\"\r\n      (onBlur)=\"onBlur()\"\r\n      (keydown.enter)=\"onEnterPress()\"\r\n      (keydown.backspace)=\"onBackSpacePress()\"\r\n      [autoClear]=\"autoClear\"\r\n      [unmask]=\"true\"\r\n      [styleClass]=\"centered ? 'text-centered' : ''\"\r\n      [slotChar]=\"slotChar\"\r\n      (click)=\"onFocus($event)\"\r\n    ></p-inputMask>\r\n  </div>\r\n  <vector-field-error-message *ngIf=\"!hiddenErrorMessage\" [control]=\"control\"></vector-field-error-message>\r\n</form>\r\n", styles: [".input-container{width:100%;display:block!important}.input-container .password-field{-webkit-text-security:disc}.input-container .input-error{font-size:.7em;color:var(--error-color);position:absolute;width:max-content}.input-container .show-password-icon{font-size:1.4em;margin-right:5px;cursor:pointer}.input-container .text-centered{text-align:center}.input-container .left-label{min-height:100%;display:flex;align-items:center;justify-content:center;padding:0 10px;white-space:nowrap;font-size:13px;background-color:var(--gray-light);color:var(--theme-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: i6.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style"], outputs: ["onClick"] }, { kind: "component", type: i7.FieldErrorMessageComponent, selector: "vector-field-error-message", inputs: ["control"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: TextFieldComponent, selector: "vector-text-field", inputs: { isRequired: "isRequired", label: "label", maxlength: "maxlength", isPassword: "isPassword", numeric: "numeric", numericPositive: "numericPositive", numericDotComma: "numericDotComma", decimal: "decimal", onlyText: "onlyText", alphaNumeric: "alphaNumeric", alphaNumericAndWhitespace: "alphaNumericAndWhitespace", mask: "mask", autoClear: "autoClear", readonly: "readonly", rightIcon: "rightIcon", centered: "centered", enableDocumentTypeChoice: "enableDocumentTypeChoice", hiddenErrorMessage: "hiddenErrorMessage", leftLabel: "leftLabel", control: "control", inputId: "inputId", slotChar: "slotChar" }, outputs: { blurEvent: "blurEvent", enterKeyPress: "enterKeyPress", backSpaceKeyPress: "backSpaceKeyPress", focusEvent: "focusEvent", onDocumentTypeChange: "onDocumentTypeChange" }, ngImport: i0, template: "<form class=\"input-container p-input-icon-right\">\r\n  <i *ngIf=\"rightIcon\" [class]=\"rightIcon\"></i>\r\n  <i *ngIf=\"isPassword\" class=\"show-password-icon {{ showPasswordIcon }}\" (click)=\"toggleShowPassword()\"></i>\r\n  <div class=\"p-inputgroup\" *ngIf=\"!inputId\">\r\n    <vector-button\r\n      *ngIf=\"enableDocumentTypeChoice\"\r\n      leftIcon=\"fas fa-exchange-alt\"\r\n      type=\"success\"\r\n      [label]=\"selectedDocumentType.name\"\r\n      [disabled]=\"control.disabled\"\r\n      [noShadow]=\"true\"\r\n      (onClick)=\"handleDocumentTypeChange()\"\r\n    ></vector-button>\r\n\r\n    <span *ngIf=\"leftLabel\" class=\"left-label\">\r\n      {{ leftLabel }}\r\n    </span>\r\n\r\n    <input\r\n      *ngIf=\"!mask\"\r\n      pInputText\r\n      type=\"text\"\r\n      [formControl]=\"control\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [placeholder]=\"placeholder\"\r\n      [pValidateOnly]=\"validateOnly\"\r\n      [pKeyFilter]=\"keyfilter\"\r\n      [ngClass]=\"{ 'password-field': isPassword && !isPasswordVisible, 'text-centered': centered }\"\r\n      (blur)=\"onBlur()\"\r\n      (keydown.enter)=\"onEnterPress()\"\r\n      (keydown.backspace)=\"onBackSpacePress()\"\r\n      (click)=\"onFocus($event)\"\r\n      [readonly]=\"readonly ? true : null\"\r\n    />\r\n    <p-inputMask\r\n      *ngIf=\"mask\"\r\n      type=\"text\"\r\n      [inputId]=\"inputId || 'mask-field'\"\r\n      [formControl]=\"control\"\r\n      [mask]=\"mask\"\r\n      [placeholder]=\"placeholder\"\r\n      (onBlur)=\"onBlur()\"\r\n      (keydown.enter)=\"onEnterPress()\"\r\n      (keydown.backspace)=\"onBackSpacePress()\"\r\n      [autoClear]=\"autoClear\"\r\n      [unmask]=\"true\"\r\n      [styleClass]=\"centered ? 'text-centered' : ''\"\r\n      [slotChar]=\"slotChar\"\r\n      (click)=\"onFocus($event)\"\r\n    ></p-inputMask>\r\n  </div>\r\n  <div class=\"p-inputgroup\" *ngIf=\"inputId\">\r\n    <vector-button\r\n      *ngIf=\"enableDocumentTypeChoice\"\r\n      leftIcon=\"fas fa-exchange-alt\"\r\n      type=\"success\"\r\n      [label]=\"selectedDocumentType.name\"\r\n      [disabled]=\"control.disabled\"\r\n      [noShadow]=\"true\"\r\n      (onClick)=\"handleDocumentTypeChange()\"\r\n    ></vector-button>\r\n\r\n    <span *ngIf=\"leftLabel\" class=\"left-label\">\r\n      {{ leftLabel }}\r\n    </span>\r\n\r\n    <input\r\n      *ngIf=\"!mask\"\r\n      [id]=\"inputId\"\r\n      pInputText\r\n      type=\"text\"\r\n      [formControl]=\"control\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [placeholder]=\"placeholder\"\r\n      [pValidateOnly]=\"validateOnly\"\r\n      [pKeyFilter]=\"keyfilter\"\r\n      [ngClass]=\"{ 'password-field': isPassword && !isPasswordVisible, 'text-centered': centered }\"\r\n      (blur)=\"onBlur()\"\r\n      (keydown.enter)=\"onEnterPress()\"\r\n      (keydown.backspace)=\"onBackSpacePress()\"\r\n      (click)=\"onFocus($event)\"\r\n      [readonly]=\"readonly ? true : null\"\r\n    />\r\n    <p-inputMask\r\n      *ngIf=\"mask\"\r\n      type=\"text\"\r\n      [inputId]=\"inputId || 'mask-field'\"\r\n      [formControl]=\"control\"\r\n      [mask]=\"mask\"\r\n      [placeholder]=\"placeholder\"\r\n      (onBlur)=\"onBlur()\"\r\n      (keydown.enter)=\"onEnterPress()\"\r\n      (keydown.backspace)=\"onBackSpacePress()\"\r\n      [autoClear]=\"autoClear\"\r\n      [unmask]=\"true\"\r\n      [styleClass]=\"centered ? 'text-centered' : ''\"\r\n      [slotChar]=\"slotChar\"\r\n      (click)=\"onFocus($event)\"\r\n    ></p-inputMask>\r\n  </div>\r\n  <vector-field-error-message *ngIf=\"!hiddenErrorMessage\" [control]=\"control\"></vector-field-error-message>\r\n</form>\r\n", styles: [".input-container{width:100%;display:block!important}.input-container .password-field{-webkit-text-security:disc}.input-container .input-error{font-size:.7em;color:var(--error-color);position:absolute;width:max-content}.input-container .show-password-icon{font-size:1.4em;margin-right:5px;cursor:pointer}.input-container .text-centered{text-align:center}.input-container .left-label{min-height:100%;display:flex;align-items:center;justify-content:center;padding:0 10px;white-space:nowrap;font-size:13px;background-color:var(--gray-light);color:var(--theme-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "component", type: i6.ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: i7.FieldErrorMessageComponent, selector: "vector-field-error-message", inputs: ["control"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: TextFieldComponent, decorators: [{
             type: Component,