ngx-vector-components 5.66.0 → 5.68.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [5.68.0] (12/11/2024)
+
+### Features
+
+- Add 'ADD_SUPPLY_MANUAL' permission in `profile.model.ts`
+
+## [5.67.0] (06/11/2024)
+
+### Features
+
+- Add `type` property in `crud-history.model.ts`
+- Add `auditDelta.type` property in `crud-history.component`
+
 ## [5.66.0] (25/10/2024)
 
 ### Features

package/assets/styles/_primeng-custom-theme.scss

@@ -1,3 +1,9 @@
+.ch {
+  cursor: help;
+}
+.cp {
+  cursor: pointer;
+}
 .p-focus,
 .p-element:focus {
   box-shadow: none !important;
@@ -1232,4 +1238,4 @@ p-tabview {
       }
     }
   }
-}
+}

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

@@ -1,9 +1,10 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "../badge/badge.component";
-import * as i3 from "primeng/accordion";
-import * as i4 from "primeng/api";
+import * as i2 from "primeng/tooltip";
+import * as i3 from "../badge/badge.component";
+import * as i4 from "primeng/accordion";
+import * as i5 from "primeng/api";
 export class CrudHistoryComponent {
     constructor() {
         this.onClick = new EventEmitter();
@@ -69,14 +70,14 @@ export class CrudHistoryComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n      <div class=\"history-item-header-left\">\r\n        <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n        <vector-badge\r\n          [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n          [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n          [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n        ></vector-badge>\r\n        <span>por {{ crudHistory.modifierName }}</span>\r\n      </div>\r\n      <span class=\"history-item-header-right\">\r\n        {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\r\n      </span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"content\">\r\n    <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\r\n      <div class=\"grid\">\r\n        <div class=\"col-12 md:col-6 field\">\r\n          <span>{{ auditDelta.fieldName }}</span>\r\n        </div>\r\n        <div class=\"col-12 md:col-6 field\">\r\n          <span class=\"new-value\">{{ auditDelta.newValue }}</span>\r\n          <s class=\"old-value pl-1\">{{ auditDelta.oldValue }}</s>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-accordionTab>\r\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: i3.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n      <div class=\"history-item-header-left\">\r\n        <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n        <vector-badge\r\n          [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n          [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n          [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n        ></vector-badge>\r\n        <span>por {{ crudHistory.modifierName }}</span>\r\n      </div>\r\n      <span class=\"history-item-header-right\">\r\n        {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\r\n      </span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"content\">\r\n    <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\r\n      <div class=\"grid\">\r\n        <div class=\"col-12 md:col-6 field\">\r\n          <span>{{ auditDelta.fieldName }}</span>\r\n        </div>\r\n        <div class=\"col-12 md:col-6 field\">\r\n          <span class=\"new-value\">{{ auditDelta.newValue }}</span>\r\n          <span class=\"old-value pl-1\">{{ auditDelta.oldValue }}</span>\r\n          <span *ngIf=\"auditDelta.type || auditDelta.type == 0\" class=\"text-600 pl-1\">\r\n            Entity: <span class=\"text-green-300\">{{ auditDelta.type }}</span>\r\n            <i\r\n              class=\"fas fa-info-circle text-400 text-base ch pl-1\"\r\n              [pTooltip]=\"auditDelta.typeDescription\"\r\n              tooltipPosition=\"top\"\r\n            ></i>\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-accordionTab>\r\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i3.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: i4.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "directive", type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-crud-history', template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n      <div class=\"history-item-header-left\">\r\n        <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n        <vector-badge\r\n          [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n          [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n          [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n        ></vector-badge>\r\n        <span>por {{ crudHistory.modifierName }}</span>\r\n      </div>\r\n      <span class=\"history-item-header-right\">\r\n        {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\r\n      </span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"content\">\r\n    <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\r\n      <div class=\"grid\">\r\n        <div class=\"col-12 md:col-6 field\">\r\n          <span>{{ auditDelta.fieldName }}</span>\r\n        </div>\r\n        <div class=\"col-12 md:col-6 field\">\r\n          <span class=\"new-value\">{{ auditDelta.newValue }}</span>\r\n          <s class=\"old-value pl-1\">{{ auditDelta.oldValue }}</s>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-accordionTab>\r\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\n"] }]
+            args: [{ selector: 'vector-crud-history', template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n      <div class=\"history-item-header-left\">\r\n        <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n        <vector-badge\r\n          [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n          [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n          [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n        ></vector-badge>\r\n        <span>por {{ crudHistory.modifierName }}</span>\r\n      </div>\r\n      <span class=\"history-item-header-right\">\r\n        {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\r\n      </span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"content\">\r\n    <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\r\n      <div class=\"grid\">\r\n        <div class=\"col-12 md:col-6 field\">\r\n          <span>{{ auditDelta.fieldName }}</span>\r\n        </div>\r\n        <div class=\"col-12 md:col-6 field\">\r\n          <span class=\"new-value\">{{ auditDelta.newValue }}</span>\r\n          <span class=\"old-value pl-1\">{{ auditDelta.oldValue }}</span>\r\n          <span *ngIf=\"auditDelta.type || auditDelta.type == 0\" class=\"text-600 pl-1\">\r\n            Entity: <span class=\"text-green-300\">{{ auditDelta.type }}</span>\r\n            <i\r\n              class=\"fas fa-info-circle text-400 text-base ch pl-1\"\r\n              [pTooltip]=\"auditDelta.typeDescription\"\r\n              tooltipPosition=\"top\"\r\n            ></i>\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-accordionTab>\r\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\n"] }]
         }], propDecorators: { crudHistory: [{
                 type: Input
             }], onClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oaXN0b3J5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY3J1ZC1oaXN0b3J5L2NydWQtaGlzdG9yeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NydWQtaGlzdG9yeS9jcnVkLWhpc3RvcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFTUyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQStEMUM7SUE5RFEsOEJBQThCLENBQUMsb0JBQTZCO1FBQ2pFLFFBQVEsb0JBQW9CLEVBQUU7WUFDNUIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssY0FBYztnQkFDakIsT0FBTyxVQUFVLENBQUM7WUFDcEIsS0FBSyw0QkFBNEI7Z0JBQy9CLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUsscUJBQXFCO2dCQUN4QixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLDRCQUE0QjtnQkFDL0IsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFNBQVMsQ0FBQztZQUNuQjtnQkFDRSxPQUFPLEVBQUUsQ0FBQztTQUNiO0lBQ0gsQ0FBQztJQUVNLG9CQUFvQixDQUFDLG9CQUE2QjtRQUN2RCxRQUFRLG9CQUFvQixFQUFFO1lBQzVCLEtBQUssY0FBYztnQkFDakIsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssNEJBQTRCO2dCQUMvQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLHFCQUFxQjtnQkFDeEIsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyw0QkFBNEI7Z0JBQy9CLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssY0FBYztnQkFDakIsT0FBTyxTQUFTLENBQUM7WUFDbkI7Z0JBQ0UsT0FBTyxFQUFFLENBQUM7U0FDYjtJQUNILENBQUM7SUFFTSxvQkFBb0IsQ0FBQyxvQkFBNkI7UUFDdkQsUUFBUSxvQkFBb0IsRUFBRTtZQUM1QixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sUUFBUSxDQUFDO1lBQ2xCLEtBQUssY0FBYztnQkFDakIsT0FBTyxZQUFZLENBQUM7WUFDdEIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFVBQVUsQ0FBQztZQUNwQixLQUFLLDRCQUE0QjtnQkFDL0IsT0FBTyx1QkFBdUIsQ0FBQztZQUNqQyxLQUFLLHFCQUFxQjtnQkFDeEIsT0FBTyxvQkFBb0IsQ0FBQztZQUM5QixLQUFLLDRCQUE0QjtnQkFDL0IsT0FBTyxtQkFBbUIsQ0FBQztZQUM3QixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sWUFBWSxDQUFDO1lBQ3RCO2dCQUNFLE9BQU8sRUFBRSxDQUFDO1NBQ2I7SUFDSCxDQUFDOytHQWxFVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixvSUNSakMsZzZDQStCQTs7NEZEdkJhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxxQkFBcUI7OEJBTXhCLFdBQVc7c0JBRGpCLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ3J1ZEhpc3RvcnkgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2ZWN0b3ItY3J1ZC1oaXN0b3J5JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3J1ZC1oaXN0b3J5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jcnVkLWhpc3RvcnkuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENydWRIaXN0b3J5Q29tcG9uZW50IHtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjcnVkSGlzdG9yeT86IENydWRIaXN0b3J5PGFueT47XHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBwdWJsaWMgZ2V0SGlzdG9yeUJhZGdlQmFja2dyb3VuZENvbG9yKGNydWRIaXN0b3J5RXZlbnRUeXBlPzogc3RyaW5nKTogc3RyaW5nIHtcclxuICAgIHN3aXRjaCAoY3J1ZEhpc3RvcnlFdmVudFR5cGUpIHtcclxuICAgICAgY2FzZSAnQWN0aW9uQ3JlYXRlJzpcclxuICAgICAgICByZXR1cm4gJyNDQkZGQUUnO1xyXG4gICAgICBjYXNlICdBY3Rpb25VcGRhdGUnOlxyXG4gICAgICAgIHJldHVybiAnI0ZGRTZCMCc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkRlbGV0ZSc6XHJcbiAgICAgICAgcmV0dXJuICdSZW1vdmlkbyc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvblVwZGF0ZS1PbkNvbXBvc2l0aW9uJzpcclxuICAgICAgICByZXR1cm4gJyNGRkU2QjAnO1xyXG4gICAgICBjYXNlICdBY3Rpb25VcGRhdGUtT25Vbml0JzpcclxuICAgICAgICByZXR1cm4gJyNGRkU2QjAnO1xyXG4gICAgICBjYXNlICdBY3Rpb25DcmVhdGUtT25Db21wb3NpdGlvbic6XHJcbiAgICAgICAgcmV0dXJuICcjQ0JGRkFFJztcclxuICAgICAgY2FzZSAnQWN0aW9uQ2FuY2VsJzpcclxuICAgICAgICByZXR1cm4gJyNGRkU2QjAnO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRIaXN0b3J5QmFkZ2VDb2xvcihjcnVkSGlzdG9yeUV2ZW50VHlwZT86IHN0cmluZyk6IHN0cmluZyB7XHJcbiAgICBzd2l0Y2ggKGNydWRIaXN0b3J5RXZlbnRUeXBlKSB7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkNyZWF0ZSc6XHJcbiAgICAgICAgcmV0dXJuICcjMDY3MzA2JztcclxuICAgICAgY2FzZSAnQWN0aW9uVXBkYXRlJzpcclxuICAgICAgICByZXR1cm4gJyM5NDYzMDAnO1xyXG4gICAgICBjYXNlICdBY3Rpb25EZWxldGUnOlxyXG4gICAgICAgIHJldHVybiAnIzZCMkQyRCc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvblVwZGF0ZS1PbkNvbXBvc2l0aW9uJzpcclxuICAgICAgICByZXR1cm4gJyM5NDYzMDAnO1xyXG4gICAgICBjYXNlICdBY3Rpb25VcGRhdGUtT25Vbml0JzpcclxuICAgICAgICByZXR1cm4gJyM5NDYzMDAnO1xyXG4gICAgICBjYXNlICdBY3Rpb25DcmVhdGUtT25Db21wb3NpdGlvbic6XHJcbiAgICAgICAgcmV0dXJuICcjMDY3MzA2JztcclxuICAgICAgY2FzZSAnQWN0aW9uQ2FuY2VsJzpcclxuICAgICAgICByZXR1cm4gJyM5NDYzMDAnO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRIaXN0b3J5QmFkZ2VMYWJlbChjcnVkSGlzdG9yeUV2ZW50VHlwZT86IHN0cmluZyk6IHN0cmluZyB7XHJcbiAgICBzd2l0Y2ggKGNydWRIaXN0b3J5RXZlbnRUeXBlKSB7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkNyZWF0ZSc6XHJcbiAgICAgICAgcmV0dXJuICdDcmlhZG8nO1xyXG4gICAgICBjYXNlICdBY3Rpb25VcGRhdGUnOlxyXG4gICAgICAgIHJldHVybiAnTW9kaWZpY2Fkbyc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkRlbGV0ZSc6XHJcbiAgICAgICAgcmV0dXJuICdSZW1vdmlkbyc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvblVwZGF0ZS1PbkNvbXBvc2l0aW9uJzpcclxuICAgICAgICByZXR1cm4gJ0NvbXBvc2nDp8OjbyBNb2RpZmljYWRhJztcclxuICAgICAgY2FzZSAnQWN0aW9uVXBkYXRlLU9uVW5pdCc6XHJcbiAgICAgICAgcmV0dXJuICdVbmlkYWRlIE1vZGlmaWNhZGEnO1xyXG4gICAgICBjYXNlICdBY3Rpb25DcmVhdGUtT25Db21wb3NpdGlvbic6XHJcbiAgICAgICAgcmV0dXJuICdDb21wb3Npw6fDo28gQ3JpYWRhJztcclxuICAgICAgY2FzZSAnQWN0aW9uQ2FuY2VsJzpcclxuICAgICAgICByZXR1cm4gJ01vZGlmaWNhZG8nO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPHAtYWNjb3JkaW9uVGFiICpuZ0lmPVwiY3J1ZEhpc3RvcnlcIiBjbGFzcz1cImhpc3RvcnktaXRlbVwiPlxyXG4gIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJoZWFkZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJoaXN0b3J5LWl0ZW0taGVhZGVyLWNvbnRhaW5lclwiIChjbGljayk9XCJvbkNsaWNrLmVtaXQoKVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaGlzdG9yeS1pdGVtLWhlYWRlci1sZWZ0XCI+XHJcbiAgICAgICAgPHNwYW4gaWQ9XCJjb2xvci1maXJzdC1zcGFuXCIgKm5nSWY9XCJjcnVkSGlzdG9yeS50eXBlT2ZNb2RpZmljYXRpb25cIj57eyBjcnVkSGlzdG9yeS50eXBlT2ZNb2RpZmljYXRpb24gfX08L3NwYW4+XHJcbiAgICAgICAgPHZlY3Rvci1iYWRnZVxyXG4gICAgICAgICAgW2N1c3RvbUJhY2tncm91bmRDb2xvcl09XCJnZXRIaXN0b3J5QmFkZ2VCYWNrZ3JvdW5kQ29sb3IoY3J1ZEhpc3RvcnkuZXZlbnRUeXBlKVwiXHJcbiAgICAgICAgICBbY3VzdG9tQ29sb3JdPVwiZ2V0SGlzdG9yeUJhZGdlQ29sb3IoY3J1ZEhpc3RvcnkuZXZlbnRUeXBlKVwiXHJcbiAgICAgICAgICBbbGFiZWxdPVwiZ2V0SGlzdG9yeUJhZGdlTGFiZWwoY3J1ZEhpc3RvcnkuZXZlbnRUeXBlKVwiXHJcbiAgICAgICAgPjwvdmVjdG9yLWJhZGdlPlxyXG4gICAgICAgIDxzcGFuPnBvciB7eyBjcnVkSGlzdG9yeS5tb2RpZmllck5hbWUgfX08L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8c3BhbiBjbGFzcz1cImhpc3RvcnktaXRlbS1oZWFkZXItcmlnaHRcIj5cclxuICAgICAgICB7eyBjcnVkSGlzdG9yeS5kYXRlVGltZSB8IGRhdGUgOiAnZGQvTU0veXl5eSBISDptbScgfX1cclxuICAgICAgPC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiY29udGVudFwiPlxyXG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgYXVkaXREZWx0YSBvZiBjcnVkSGlzdG9yeS5kYXRhQXVkaXREZWx0YVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZ3JpZFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgbWQ6Y29sLTYgZmllbGRcIj5cclxuICAgICAgICAgIDxzcGFuPnt7IGF1ZGl0RGVsdGEuZmllbGROYW1lIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgbWQ6Y29sLTYgZmllbGRcIj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwibmV3LXZhbHVlXCI+e3sgYXVkaXREZWx0YS5uZXdWYWx1ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgIDxzIGNsYXNzPVwib2xkLXZhbHVlIHBsLTFcIj57eyBhdWRpdERlbHRhLm9sZFZhbHVlIH19PC9zPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbjwvcC1hY2NvcmRpb25UYWI+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oaXN0b3J5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY3J1ZC1oaXN0b3J5L2NydWQtaGlzdG9yeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NydWQtaGlzdG9yeS9jcnVkLWhpc3RvcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVF2RSxNQUFNLE9BQU8sb0JBQW9CO0lBTGpDO1FBU1MsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0ErRDFDO0lBOURRLDhCQUE4QixDQUFDLG9CQUE2QjtRQUNqRSxRQUFRLG9CQUFvQixFQUFFO1lBQzVCLEtBQUssY0FBYztnQkFDakIsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sVUFBVSxDQUFDO1lBQ3BCLEtBQUssNEJBQTRCO2dCQUMvQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLHFCQUFxQjtnQkFDeEIsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyw0QkFBNEI7Z0JBQy9CLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssY0FBYztnQkFDakIsT0FBTyxTQUFTLENBQUM7WUFDbkI7Z0JBQ0UsT0FBTyxFQUFFLENBQUM7U0FDYjtJQUNILENBQUM7SUFFTSxvQkFBb0IsQ0FBQyxvQkFBNkI7UUFDdkQsUUFBUSxvQkFBb0IsRUFBRTtZQUM1QixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssY0FBYztnQkFDakIsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLDRCQUE0QjtnQkFDL0IsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxxQkFBcUI7Z0JBQ3hCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssNEJBQTRCO2dCQUMvQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sU0FBUyxDQUFDO1lBQ25CO2dCQUNFLE9BQU8sRUFBRSxDQUFDO1NBQ2I7SUFDSCxDQUFDO0lBRU0sb0JBQW9CLENBQUMsb0JBQTZCO1FBQ3ZELFFBQVEsb0JBQW9CLEVBQUU7WUFDNUIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFFBQVEsQ0FBQztZQUNsQixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sWUFBWSxDQUFDO1lBQ3RCLEtBQUssY0FBYztnQkFDakIsT0FBTyxVQUFVLENBQUM7WUFDcEIsS0FBSyw0QkFBNEI7Z0JBQy9CLE9BQU8sdUJBQXVCLENBQUM7WUFDakMsS0FBSyxxQkFBcUI7Z0JBQ3hCLE9BQU8sb0JBQW9CLENBQUM7WUFDOUIsS0FBSyw0QkFBNEI7Z0JBQy9CLE9BQU8sbUJBQW1CLENBQUM7WUFDN0IsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFlBQVksQ0FBQztZQUN0QjtnQkFDRSxPQUFPLEVBQUUsQ0FBQztTQUNiO0lBQ0gsQ0FBQzsrR0FsRVUsb0JBQW9CO21HQUFwQixvQkFBb0Isb0lDUmpDLGcwREF1Q0E7OzRGRC9CYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UscUJBQXFCOzhCQU14QixXQUFXO3NCQURqQixLQUFLO2dCQUdDLE9BQU87c0JBRGIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENydWRIaXN0b3J5IH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndmVjdG9yLWNydWQtaGlzdG9yeScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NydWQtaGlzdG9yeS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3J1ZC1oaXN0b3J5LmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDcnVkSGlzdG9yeUNvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgY3J1ZEhpc3Rvcnk/OiBDcnVkSGlzdG9yeTxhbnk+O1xyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgcHVibGljIGdldEhpc3RvcnlCYWRnZUJhY2tncm91bmRDb2xvcihjcnVkSGlzdG9yeUV2ZW50VHlwZT86IHN0cmluZyk6IHN0cmluZyB7XHJcbiAgICBzd2l0Y2ggKGNydWRIaXN0b3J5RXZlbnRUeXBlKSB7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkNyZWF0ZSc6XHJcbiAgICAgICAgcmV0dXJuICcjQ0JGRkFFJztcclxuICAgICAgY2FzZSAnQWN0aW9uVXBkYXRlJzpcclxuICAgICAgICByZXR1cm4gJyNGRkU2QjAnO1xyXG4gICAgICBjYXNlICdBY3Rpb25EZWxldGUnOlxyXG4gICAgICAgIHJldHVybiAnUmVtb3ZpZG8nO1xyXG4gICAgICBjYXNlICdBY3Rpb25VcGRhdGUtT25Db21wb3NpdGlvbic6XHJcbiAgICAgICAgcmV0dXJuICcjRkZFNkIwJztcclxuICAgICAgY2FzZSAnQWN0aW9uVXBkYXRlLU9uVW5pdCc6XHJcbiAgICAgICAgcmV0dXJuICcjRkZFNkIwJztcclxuICAgICAgY2FzZSAnQWN0aW9uQ3JlYXRlLU9uQ29tcG9zaXRpb24nOlxyXG4gICAgICAgIHJldHVybiAnI0NCRkZBRSc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkNhbmNlbCc6XHJcbiAgICAgICAgcmV0dXJuICcjRkZFNkIwJztcclxuICAgICAgZGVmYXVsdDpcclxuICAgICAgICByZXR1cm4gJyc7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0SGlzdG9yeUJhZGdlQ29sb3IoY3J1ZEhpc3RvcnlFdmVudFR5cGU/OiBzdHJpbmcpOiBzdHJpbmcge1xyXG4gICAgc3dpdGNoIChjcnVkSGlzdG9yeUV2ZW50VHlwZSkge1xyXG4gICAgICBjYXNlICdBY3Rpb25DcmVhdGUnOlxyXG4gICAgICAgIHJldHVybiAnIzA2NzMwNic7XHJcbiAgICAgIGNhc2UgJ0FjdGlvblVwZGF0ZSc6XHJcbiAgICAgICAgcmV0dXJuICcjOTQ2MzAwJztcclxuICAgICAgY2FzZSAnQWN0aW9uRGVsZXRlJzpcclxuICAgICAgICByZXR1cm4gJyM2QjJEMkQnO1xyXG4gICAgICBjYXNlICdBY3Rpb25VcGRhdGUtT25Db21wb3NpdGlvbic6XHJcbiAgICAgICAgcmV0dXJuICcjOTQ2MzAwJztcclxuICAgICAgY2FzZSAnQWN0aW9uVXBkYXRlLU9uVW5pdCc6XHJcbiAgICAgICAgcmV0dXJuICcjOTQ2MzAwJztcclxuICAgICAgY2FzZSAnQWN0aW9uQ3JlYXRlLU9uQ29tcG9zaXRpb24nOlxyXG4gICAgICAgIHJldHVybiAnIzA2NzMwNic7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkNhbmNlbCc6XHJcbiAgICAgICAgcmV0dXJuICcjOTQ2MzAwJztcclxuICAgICAgZGVmYXVsdDpcclxuICAgICAgICByZXR1cm4gJyc7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0SGlzdG9yeUJhZGdlTGFiZWwoY3J1ZEhpc3RvcnlFdmVudFR5cGU/OiBzdHJpbmcpOiBzdHJpbmcge1xyXG4gICAgc3dpdGNoIChjcnVkSGlzdG9yeUV2ZW50VHlwZSkge1xyXG4gICAgICBjYXNlICdBY3Rpb25DcmVhdGUnOlxyXG4gICAgICAgIHJldHVybiAnQ3JpYWRvJztcclxuICAgICAgY2FzZSAnQWN0aW9uVXBkYXRlJzpcclxuICAgICAgICByZXR1cm4gJ01vZGlmaWNhZG8nO1xyXG4gICAgICBjYXNlICdBY3Rpb25EZWxldGUnOlxyXG4gICAgICAgIHJldHVybiAnUmVtb3ZpZG8nO1xyXG4gICAgICBjYXNlICdBY3Rpb25VcGRhdGUtT25Db21wb3NpdGlvbic6XHJcbiAgICAgICAgcmV0dXJuICdDb21wb3Npw6fDo28gTW9kaWZpY2FkYSc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvblVwZGF0ZS1PblVuaXQnOlxyXG4gICAgICAgIHJldHVybiAnVW5pZGFkZSBNb2RpZmljYWRhJztcclxuICAgICAgY2FzZSAnQWN0aW9uQ3JlYXRlLU9uQ29tcG9zaXRpb24nOlxyXG4gICAgICAgIHJldHVybiAnQ29tcG9zacOnw6NvIENyaWFkYSc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkNhbmNlbCc6XHJcbiAgICAgICAgcmV0dXJuICdNb2RpZmljYWRvJztcclxuICAgICAgZGVmYXVsdDpcclxuICAgICAgICByZXR1cm4gJyc7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxwLWFjY29yZGlvblRhYiAqbmdJZj1cImNydWRIaXN0b3J5XCIgY2xhc3M9XCJoaXN0b3J5LWl0ZW1cIj5cclxuICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaGlzdG9yeS1pdGVtLWhlYWRlci1jb250YWluZXJcIiAoY2xpY2spPVwib25DbGljay5lbWl0KClcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImhpc3RvcnktaXRlbS1oZWFkZXItbGVmdFwiPlxyXG4gICAgICAgIDxzcGFuIGlkPVwiY29sb3ItZmlyc3Qtc3BhblwiICpuZ0lmPVwiY3J1ZEhpc3RvcnkudHlwZU9mTW9kaWZpY2F0aW9uXCI+e3sgY3J1ZEhpc3RvcnkudHlwZU9mTW9kaWZpY2F0aW9uIH19PC9zcGFuPlxyXG4gICAgICAgIDx2ZWN0b3ItYmFkZ2VcclxuICAgICAgICAgIFtjdXN0b21CYWNrZ3JvdW5kQ29sb3JdPVwiZ2V0SGlzdG9yeUJhZGdlQmFja2dyb3VuZENvbG9yKGNydWRIaXN0b3J5LmV2ZW50VHlwZSlcIlxyXG4gICAgICAgICAgW2N1c3RvbUNvbG9yXT1cImdldEhpc3RvcnlCYWRnZUNvbG9yKGNydWRIaXN0b3J5LmV2ZW50VHlwZSlcIlxyXG4gICAgICAgICAgW2xhYmVsXT1cImdldEhpc3RvcnlCYWRnZUxhYmVsKGNydWRIaXN0b3J5LmV2ZW50VHlwZSlcIlxyXG4gICAgICAgID48L3ZlY3Rvci1iYWRnZT5cclxuICAgICAgICA8c3Bhbj5wb3Ige3sgY3J1ZEhpc3RvcnkubW9kaWZpZXJOYW1lIH19PC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJoaXN0b3J5LWl0ZW0taGVhZGVyLXJpZ2h0XCI+XHJcbiAgICAgICAge3sgY3J1ZEhpc3RvcnkuZGF0ZVRpbWUgfCBkYXRlIDogJ2RkL01NL3l5eXkgSEg6bW0nIH19XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbiAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImNvbnRlbnRcIj5cclxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGF1ZGl0RGVsdGEgb2YgY3J1ZEhpc3RvcnkuZGF0YUF1ZGl0RGVsdGFcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImdyaWRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyIG1kOmNvbC02IGZpZWxkXCI+XHJcbiAgICAgICAgICA8c3Bhbj57eyBhdWRpdERlbHRhLmZpZWxkTmFtZSB9fTwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyIG1kOmNvbC02IGZpZWxkXCI+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5ldy12YWx1ZVwiPnt7IGF1ZGl0RGVsdGEubmV3VmFsdWUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm9sZC12YWx1ZSBwbC0xXCI+e3sgYXVkaXREZWx0YS5vbGRWYWx1ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgIDxzcGFuICpuZ0lmPVwiYXVkaXREZWx0YS50eXBlIHx8IGF1ZGl0RGVsdGEudHlwZSA9PSAwXCIgY2xhc3M9XCJ0ZXh0LTYwMCBwbC0xXCI+XHJcbiAgICAgICAgICAgIEVudGl0eTogPHNwYW4gY2xhc3M9XCJ0ZXh0LWdyZWVuLTMwMFwiPnt7IGF1ZGl0RGVsdGEudHlwZSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPGlcclxuICAgICAgICAgICAgICBjbGFzcz1cImZhcyBmYS1pbmZvLWNpcmNsZSB0ZXh0LTQwMCB0ZXh0LWJhc2UgY2ggcGwtMVwiXHJcbiAgICAgICAgICAgICAgW3BUb29sdGlwXT1cImF1ZGl0RGVsdGEudHlwZURlc2NyaXB0aW9uXCJcclxuICAgICAgICAgICAgICB0b29sdGlwUG9zaXRpb249XCJ0b3BcIlxyXG4gICAgICAgICAgICA+PC9pPlxyXG4gICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbjwvcC1hY2NvcmRpb25UYWI+XHJcbiJdfQ==

package/esm2022/lib/components/crud-history/crud-history.module.mjs

@@ -1,20 +1,21 @@
 import { NgModule } from '@angular/core';
 import { AccordionModule } from 'primeng/accordion';
+import { TooltipModule } from 'primeng/tooltip';
 import { SharedModule } from '../../shared/shared.module';
 import { BadgeModule } from '../badge';
 import { CrudHistoryComponent } from './crud-history.component';
 import * as i0 from "@angular/core";
 export class CrudHistoryModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryModule, declarations: [CrudHistoryComponent], imports: [SharedModule, BadgeModule, AccordionModule], exports: [CrudHistoryComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryModule, imports: [SharedModule, BadgeModule, AccordionModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryModule, declarations: [CrudHistoryComponent], imports: [SharedModule, BadgeModule, AccordionModule, TooltipModule], exports: [CrudHistoryComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryModule, imports: [SharedModule, BadgeModule, AccordionModule, TooltipModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [CrudHistoryComponent],
-                    imports: [SharedModule, BadgeModule, AccordionModule],
+                    imports: [SharedModule, BadgeModule, AccordionModule, TooltipModule],
                     exports: [CrudHistoryComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oaXN0b3J5Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY3J1ZC1oaXN0b3J5L2NydWQtaGlzdG9yeS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDdkMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBT2hFLE1BQU0sT0FBTyxpQkFBaUI7K0dBQWpCLGlCQUFpQjtnSEFBakIsaUJBQWlCLGlCQUpiLG9CQUFvQixhQUN6QixZQUFZLEVBQUUsV0FBVyxFQUFFLGVBQWUsYUFDMUMsb0JBQW9CO2dIQUVuQixpQkFBaUIsWUFIbEIsWUFBWSxFQUFFLFdBQVcsRUFBRSxlQUFlOzs0RkFHekMsaUJBQWlCO2tCQUw3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUNwQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGVBQWUsQ0FBQztvQkFDckQsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWNjb3JkaW9uTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9hY2NvcmRpb24nO1xyXG5pbXBvcnQgeyBTaGFyZWRNb2R1bGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvc2hhcmVkLm1vZHVsZSc7XHJcbmltcG9ydCB7IEJhZGdlTW9kdWxlIH0gZnJvbSAnLi4vYmFkZ2UnO1xyXG5pbXBvcnQgeyBDcnVkSGlzdG9yeUNvbXBvbmVudCB9IGZyb20gJy4vY3J1ZC1oaXN0b3J5LmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0NydWRIaXN0b3J5Q29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbU2hhcmVkTW9kdWxlLCBCYWRnZU1vZHVsZSwgQWNjb3JkaW9uTW9kdWxlXSxcclxuICBleHBvcnRzOiBbQ3J1ZEhpc3RvcnlDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3J1ZEhpc3RvcnlNb2R1bGUge31cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oaXN0b3J5Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY3J1ZC1oaXN0b3J5L2NydWQtaGlzdG9yeS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQU9oRSxNQUFNLE9BQU8saUJBQWlCOytHQUFqQixpQkFBaUI7Z0hBQWpCLGlCQUFpQixpQkFKYixvQkFBb0IsYUFDekIsWUFBWSxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsYUFBYSxhQUN6RCxvQkFBb0I7Z0hBRW5CLGlCQUFpQixZQUhsQixZQUFZLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxhQUFhOzs0RkFHeEQsaUJBQWlCO2tCQUw3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUNwQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxhQUFhLENBQUM7b0JBQ3BFLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjY29yZGlvbk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvYWNjb3JkaW9uJztcclxuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvdG9vbHRpcCc7XHJcbmltcG9ydCB7IFNoYXJlZE1vZHVsZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9zaGFyZWQubW9kdWxlJztcclxuaW1wb3J0IHsgQmFkZ2VNb2R1bGUgfSBmcm9tICcuLi9iYWRnZSc7XHJcbmltcG9ydCB7IENydWRIaXN0b3J5Q29tcG9uZW50IH0gZnJvbSAnLi9jcnVkLWhpc3RvcnkuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbQ3J1ZEhpc3RvcnlDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtTaGFyZWRNb2R1bGUsIEJhZGdlTW9kdWxlLCBBY2NvcmRpb25Nb2R1bGUsIFRvb2x0aXBNb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtDcnVkSGlzdG9yeUNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDcnVkSGlzdG9yeU1vZHVsZSB7fVxyXG4iXX0=

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

@@ -19,7 +19,7 @@ export class ButtonComponent {
         return `button shadow-3 ${this.type} ${this.noShadow && 'no-shadow'}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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.3.12", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,

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

@@ -48,7 +48,7 @@ export class CalendarComponent {
         this.modalService.showModalBackground$.next(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalendarComponent, deps: [{ token: i1.ModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CalendarComponent, selector: "vector-calendar-field", inputs: { isRequired: "isRequired", control: "control", label: "label", showCalendarOnFocus: "showCalendarOnFocus", min: "min", max: "max", disabledDates: "disabledDates", disabled: "disabled", defaultDate: "defaultDate", hiddenErrorMessage: "hiddenErrorMessage", showTime: "showTime", showSeconds: "showSeconds", stepMinute: "stepMinute" }, ngImport: i0, template: "<div class=\"relative\">\r\n  <div class=\"input-container\">\r\n    <p-calendar\r\n      appendTo=\"body\"\r\n      icon=\"fas fa-calendar-day\"\r\n      (onClose)=\"onHideCalendar()\"\r\n      (onShow)=\"onShowCalendar()\"\r\n      [defaultDate]=\"defaultDate\"\r\n      [disabled]=\"disabled\"\r\n      [disabledDates]=\"disabledDates\"\r\n      [formControl]=\"control\"\r\n      [maxDate]=\"max\"\r\n      [minDate]=\"min\"\r\n      [readonlyInput]=\"false\"\r\n      [showIcon]=\"true\"\r\n      [showOnFocus]=\"showCalendarOnFocus\"\r\n      [showSeconds]=\"showSeconds\"\r\n      [showTime]=\"showTime\"\r\n      [stepMinute]=\"stepMinute\"\r\n    ></p-calendar>\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:block}.input-container input{transition:border-width ease-in-out .08s;border:1px solid rgba(0,0,0,.6);width:100%;padding:6px 30px 6px 12px;font-size:14px;line-height:1.5em;border-radius:var(--border-radius);height:40px}.input-container input:disabled{cursor:not-allowed;background-color:var(--disabled-background);opacity:1}.input-container input:focus{outline:0;box-shadow:none;border-width:2px}.input-container input::placeholder{color:var(--placeholder-color);font-size:12px}.input-container input.ng-touched.ng-invalid{border-color:var(--error-color)!important}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i5.FieldErrorMessageComponent, selector: "vector-field-error-message", inputs: ["control"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CalendarComponent, selector: "vector-calendar-field", inputs: { isRequired: "isRequired", control: "control", label: "label", showCalendarOnFocus: "showCalendarOnFocus", min: "min", max: "max", disabledDates: "disabledDates", disabled: "disabled", defaultDate: "defaultDate", hiddenErrorMessage: "hiddenErrorMessage", showTime: "showTime", showSeconds: "showSeconds", stepMinute: "stepMinute" }, ngImport: i0, template: "<div class=\"relative\">\r\n  <div class=\"input-container\">\r\n    <p-calendar\r\n      appendTo=\"body\"\r\n      icon=\"fas fa-calendar-day\"\r\n      (onClose)=\"onHideCalendar()\"\r\n      (onShow)=\"onShowCalendar()\"\r\n      [defaultDate]=\"defaultDate\"\r\n      [disabled]=\"disabled\"\r\n      [disabledDates]=\"disabledDates\"\r\n      [formControl]=\"control\"\r\n      [maxDate]=\"max\"\r\n      [minDate]=\"min\"\r\n      [readonlyInput]=\"false\"\r\n      [showIcon]=\"true\"\r\n      [showOnFocus]=\"showCalendarOnFocus\"\r\n      [showSeconds]=\"showSeconds\"\r\n      [showTime]=\"showTime\"\r\n      [stepMinute]=\"stepMinute\"\r\n    ></p-calendar>\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:block}.input-container input{transition:border-width ease-in-out .08s;border:1px solid rgba(0,0,0,.6);width:100%;padding:6px 30px 6px 12px;font-size:14px;line-height:1.5em;border-radius:var(--border-radius);height:40px}.input-container input:disabled{cursor:not-allowed;background-color:var(--disabled-background);opacity:1}.input-container input:focus{outline:0;box-shadow:none;border-width:2px}.input-container input::placeholder{color:var(--placeholder-color);font-size:12px}.input-container input.ng-touched.ng-invalid{border-color:var(--error-color)!important}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i5.FieldErrorMessageComponent, selector: "vector-field-error-message", inputs: ["control"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,

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

@@ -17,7 +17,7 @@ export class CheckboxFieldComponent {
     }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CheckboxFieldComponent, selector: "vector-checkbox-field", inputs: { isRequired: "isRequired", control: "control", label: "label", rounded: "rounded", labelSize: "labelSize", value: "value", groupName: "groupName", options: "options", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"checkbox-container flex-wrap\">\r\n  <ng-container *ngIf=\"control && groupName; else elseBlock\">\r\n    <div class=\"checkbox-item mb-3 mr-3\" *ngFor=\"let option of options\">\r\n      <p-checkbox\r\n        [name]=\"groupName\"\r\n        [formControl]=\"control\"\r\n        [value]=\"option\"\r\n        checkboxIcon=\"fas fa-check\"\r\n        [class.rounded-checkbox]=\"rounded\"\r\n        [inputId]=\"option.code\"\r\n      ></p-checkbox>\r\n      <label [for]=\"option.code\"> {{ option.name }}</label>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-template #elseBlock>\r\n    <p-checkbox\r\n      *ngIf=\"control && !groupName\"\r\n      [formControl]=\"control\"\r\n      checkboxIcon=\"fas fa-check\"\r\n      [binary]=\"true\"\r\n      [class.rounded-checkbox]=\"rounded\"\r\n      [disabled]=\"disabled\"\r\n    ></p-checkbox>\r\n    <p-checkbox\r\n      *ngIf=\"!control && !groupName\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"value = $event; valueChange.emit($event)\"\r\n      checkboxIcon=\"fas fa-check\"\r\n      [binary]=\"true\"\r\n      [class.rounded-checkbox]=\"rounded\"\r\n      [disabled]=\"disabled\"\r\n    ></p-checkbox>\r\n    <label *ngIf=\"label\" [class.large-label]=\"labelSize === 'large'\" (click)=\"control.setValue(!control.value)\"\r\n      >{{ label }}\r\n      <span class=\"red-label\" *ngIf=\"isRequired\"> (*)</span>\r\n    </label>\r\n  </ng-template>\r\n</div>\r\n", styles: [".checkbox-container{display:flex;align-items:center}.checkbox-container label{margin-left:10px}.checkbox-container .large-label{font-size:1em}.checkbox-container .checkbox-item{min-width:80px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: "component", type: i3.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CheckboxFieldComponent, selector: "vector-checkbox-field", inputs: { isRequired: "isRequired", control: "control", label: "label", rounded: "rounded", labelSize: "labelSize", value: "value", groupName: "groupName", options: "options", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"checkbox-container flex-wrap\">\r\n  <ng-container *ngIf=\"control && groupName; else elseBlock\">\r\n    <div class=\"checkbox-item mb-3 mr-3\" *ngFor=\"let option of options\">\r\n      <p-checkbox\r\n        [name]=\"groupName\"\r\n        [formControl]=\"control\"\r\n        [value]=\"option\"\r\n        checkboxIcon=\"fas fa-check\"\r\n        [class.rounded-checkbox]=\"rounded\"\r\n        [inputId]=\"option.code\"\r\n      ></p-checkbox>\r\n      <label [for]=\"option.code\"> {{ option.name }}</label>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-template #elseBlock>\r\n    <p-checkbox\r\n      *ngIf=\"control && !groupName\"\r\n      [formControl]=\"control\"\r\n      checkboxIcon=\"fas fa-check\"\r\n      [binary]=\"true\"\r\n      [class.rounded-checkbox]=\"rounded\"\r\n      [disabled]=\"disabled\"\r\n    ></p-checkbox>\r\n    <p-checkbox\r\n      *ngIf=\"!control && !groupName\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"value = $event; valueChange.emit($event)\"\r\n      checkboxIcon=\"fas fa-check\"\r\n      [binary]=\"true\"\r\n      [class.rounded-checkbox]=\"rounded\"\r\n      [disabled]=\"disabled\"\r\n    ></p-checkbox>\r\n    <label *ngIf=\"label\" [class.large-label]=\"labelSize === 'large'\" (click)=\"control.setValue(!control.value)\"\r\n      >{{ label }}\r\n      <span class=\"red-label\" *ngIf=\"isRequired\"> (*)</span>\r\n    </label>\r\n  </ng-template>\r\n</div>\r\n", styles: [".checkbox-container{display:flex;align-items:center}.checkbox-container label{margin-left:10px}.checkbox-container .large-label{font-size:1em}.checkbox-container .checkbox-item{min-width:80px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: "component", type: i3.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
             type: Component,

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

@@ -59,7 +59,7 @@ export class CurrencyFieldComponent {
         this.control.setValue(0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CurrencyFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CurrencyFieldComponent, selector: "vector-currency-field", inputs: { minValue: "minValue", maxValue: "maxValue", placeholder: "placeholder", numberOfDecimals: "numberOfDecimals", control: "control", outlined: "outlined", rounded: "rounded", label: "label", isBankingField: "isBankingField", inputClassName: "inputClassName", localePrefix: "localePrefix", currencyPrefix: "currencyPrefix", disabled: "disabled", centered: "centered", inputId: "inputId" }, outputs: { onBlur: "onBlur" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: InputNumber, descendants: true }], ngImport: i0, template: "<div [ngClass]=\"{ 'input-container': outlined, 'value-input-container': !outlined, rounded: rounded }\">\r\n  <div class=\"inner-container\">\r\n    <label *ngIf=\"label\">{{ label }}</label>\r\n    <div class=\"input\">\r\n      <span *ngIf=\"!outlined\">{{ currencyPrefix }} </span>\r\n      <div class=\"value-input\">\r\n        <p-inputNumber\r\n          class=\"currency-input\"\r\n          [ngClass]=\"getInputNgClass()\"\r\n          [styleClass]=\"centered ? 'text-centered' : ''\"\r\n          [formControl]=\"control\"\r\n          mode=\"decimal\"\r\n          [minFractionDigits]=\"2\"\r\n          [maxFractionDigits]=\"numberOfDecimals\"\r\n          [min]=\"minValue\"\r\n          [max]=\"maxValue\"\r\n          [prefix]=\"outlined ? currencyPrefix : ''\"\r\n          [disabled]=\"disabled\"\r\n          [locale]=\"localePrefix ? localePrefix : 'pt-BR'\"\r\n          (click)=\"isBankingField ? focusLastIndex($event) : null\"\r\n          (onKeyDown)=\"isBankingField ? inputNextChar($event) : null\"\r\n          (onBlur)=\"onBlur.emit($event)\"\r\n          [inputId]=\"inputId\"\r\n        ></p-inputNumber>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <span *ngIf=\"rounded\" class=\"clear-value\" (click)=\"clearValue()\"><i class=\"pi pi-times\"></i></span>\r\n</div>\r\n", styles: [".value-input-container{padding:5px 20px;display:flex;align-items:center;justify-content:space-between}.value-input-container:focus-within{border:2px solid var(--theme-dark)}.value-input-container:not(.rounded) span{font-size:2em}.value-input-container label{color:var(--gray-dark);font-size:13px}.value-input-container span{font-weight:700;color:var(--theme-dark)}.value-input-container .input{display:flex;align-items:center}.value-input-container .input .value-input{margin:0 4px;flex:1}.input-container{display:block}.rounded:not(.currency-input){padding:0 25px;background-color:#fff;border-radius:16px}.rounded span{font-size:1em}.rounded input{font-size:1rem}.rounded .clear-value{padding:5px 5px 0;border-radius:20px}.rounded .clear-value:hover{background-color:var(--gray-medium)}\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: "component", type: i3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CurrencyFieldComponent, selector: "vector-currency-field", inputs: { minValue: "minValue", maxValue: "maxValue", placeholder: "placeholder", numberOfDecimals: "numberOfDecimals", control: "control", outlined: "outlined", rounded: "rounded", label: "label", isBankingField: "isBankingField", inputClassName: "inputClassName", localePrefix: "localePrefix", currencyPrefix: "currencyPrefix", disabled: "disabled", centered: "centered", inputId: "inputId" }, outputs: { onBlur: "onBlur" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: InputNumber, descendants: true }], ngImport: i0, template: "<div [ngClass]=\"{ 'input-container': outlined, 'value-input-container': !outlined, rounded: rounded }\">\r\n  <div class=\"inner-container\">\r\n    <label *ngIf=\"label\">{{ label }}</label>\r\n    <div class=\"input\">\r\n      <span *ngIf=\"!outlined\">{{ currencyPrefix }} </span>\r\n      <div class=\"value-input\">\r\n        <p-inputNumber\r\n          class=\"currency-input\"\r\n          [ngClass]=\"getInputNgClass()\"\r\n          [styleClass]=\"centered ? 'text-centered' : ''\"\r\n          [formControl]=\"control\"\r\n          mode=\"decimal\"\r\n          [minFractionDigits]=\"2\"\r\n          [maxFractionDigits]=\"numberOfDecimals\"\r\n          [min]=\"minValue\"\r\n          [max]=\"maxValue\"\r\n          [prefix]=\"outlined ? currencyPrefix : ''\"\r\n          [disabled]=\"disabled\"\r\n          [locale]=\"localePrefix ? localePrefix : 'pt-BR'\"\r\n          (click)=\"isBankingField ? focusLastIndex($event) : null\"\r\n          (onKeyDown)=\"isBankingField ? inputNextChar($event) : null\"\r\n          (onBlur)=\"onBlur.emit($event)\"\r\n          [inputId]=\"inputId\"\r\n        ></p-inputNumber>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <span *ngIf=\"rounded\" class=\"clear-value\" (click)=\"clearValue()\"><i class=\"pi pi-times\"></i></span>\r\n</div>\r\n", styles: [".value-input-container{padding:5px 20px;display:flex;align-items:center;justify-content:space-between}.value-input-container:focus-within{border:2px solid var(--theme-dark)}.value-input-container:not(.rounded) span{font-size:2em}.value-input-container label{color:var(--gray-dark);font-size:13px}.value-input-container span{font-weight:700;color:var(--theme-dark)}.value-input-container .input{display:flex;align-items:center}.value-input-container .input .value-input{margin:0 4px;flex:1}.input-container{display:block}.rounded:not(.currency-input){padding:0 25px;background-color:#fff;border-radius:16px}.rounded span{font-size:1em}.rounded input{font-size:1rem}.rounded .clear-value{padding:5px 5px 0;border-radius:20px}.rounded .clear-value:hover{background-color:var(--gray-medium)}\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: "component", type: i3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CurrencyFieldComponent, 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.3.12", ngImport: i0, type: DropdownFieldComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "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", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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.3.12", ngImport: i0, type: DropdownFieldComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/fields/input-number-field/input-number-field.component.mjs

@@ -43,7 +43,7 @@ export class InputNumberFieldComponent {
         return '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputNumberFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputNumberFieldComponent, selector: "vector-input-number", inputs: { inputId: "inputId", control: "control", showButtons: "showButtons", type: "type", minFractionDigits: "minFractionDigits", maxFractionDigits: "maxFractionDigits", buttonLayout: "buttonLayout", incrementButtonIcon: "incrementButtonIcon", decrementButtonIcon: "decrementButtonIcon", min: "min", step: "step", disabled: "disabled", max: "max", suffix: "suffix" }, outputs: { onFocus: "onFocus", onBlur: "onBlur", onInput: "onInput", onClear: "onClear" }, ngImport: i0, template: "<div class=\"input-container\">\r\n  <p-inputNumber\r\n    [inputId]=\"inputId\"\r\n    [formControl]=\"control\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [step]=\"step\"\r\n    [minFractionDigits]=\"minFractionDigits\"\r\n    [maxFractionDigits]=\"maxFractionDigits\"\r\n    [showButtons]=\"showButtons\"\r\n    [disabled]=\"disabled\"\r\n    [buttonLayout]=\"buttonLayout\"\r\n    [incrementButtonIcon]=\"incrementButtonIcon\"\r\n    [decrementButtonIcon]=\"decrementButtonIcon\"\r\n    (onBlur)=\"onBlur.emit($event)\"\r\n    (onFocus)=\"onFocus.emit($event)\"\r\n  ></p-inputNumber>\r\n  <vector-field-error-message [control]=\"control\"></vector-field-error-message>\r\n</div>\r\n", styles: [".input-container{width:100%;position:relative;display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i3.FieldErrorMessageComponent, selector: "vector-field-error-message", inputs: ["control"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputNumberFieldComponent, selector: "vector-input-number", inputs: { inputId: "inputId", control: "control", showButtons: "showButtons", type: "type", minFractionDigits: "minFractionDigits", maxFractionDigits: "maxFractionDigits", buttonLayout: "buttonLayout", incrementButtonIcon: "incrementButtonIcon", decrementButtonIcon: "decrementButtonIcon", min: "min", step: "step", disabled: "disabled", max: "max", suffix: "suffix" }, outputs: { onFocus: "onFocus", onBlur: "onBlur", onInput: "onInput", onClear: "onClear" }, ngImport: i0, template: "<div class=\"input-container\">\r\n  <p-inputNumber\r\n    [inputId]=\"inputId\"\r\n    [formControl]=\"control\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [step]=\"step\"\r\n    [minFractionDigits]=\"minFractionDigits\"\r\n    [maxFractionDigits]=\"maxFractionDigits\"\r\n    [showButtons]=\"showButtons\"\r\n    [disabled]=\"disabled\"\r\n    [buttonLayout]=\"buttonLayout\"\r\n    [incrementButtonIcon]=\"incrementButtonIcon\"\r\n    [decrementButtonIcon]=\"decrementButtonIcon\"\r\n    (onBlur)=\"onBlur.emit($event)\"\r\n    (onFocus)=\"onFocus.emit($event)\"\r\n  ></p-inputNumber>\r\n  <vector-field-error-message [control]=\"control\"></vector-field-error-message>\r\n</div>\r\n", styles: [".input-container{width:100%;position:relative;display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i3.FieldErrorMessageComponent, selector: "vector-field-error-message", inputs: ["control"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputNumberFieldComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/fields/input-otp/input-otp.component.mjs

@@ -23,7 +23,7 @@ export class InputOtpComponent {
         this.onFocusOtp.emit($event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputOtpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputOtpComponent, selector: "vector-input-otp", inputs: { integerOnly: "integerOnly", length: "length", inputValue: "inputValue", isReadonly: "isReadonly", isDisabled: "isDisabled", isInvalid: "isInvalid" }, outputs: { onChangeOtp: "onChangeOtp", onBlurOtp: "onBlurOtp", onFocusOtp: "onFocusOtp" }, ngImport: i0, template: "<p-inputOtp\r\n  class=\"custom-field-text input-otp\"\r\n  [integerOnly]=\"integerOnly\"\r\n  [length]=\"length\"\r\n  [ngModel]=\"inputValue\"\r\n  [invalid]=\"isInvalid\"\r\n  [disabled]=\"isDisabled\"\r\n  [readonly]=\"isReadonly\"\r\n  (onChange)=\"onChange($event)\"\r\n  (onBlur)=\"onBlur($event)\"\r\n  (onFocus)=\"onFocus($event)\"\r\n></p-inputOtp>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.InputOtp, selector: "p-inputOtp", inputs: ["invalid", "disabled", "readonly", "variant", "tabindex", "length", "mask", "integerOnly", "autofocus"], outputs: ["onChange", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputOtpComponent, selector: "vector-input-otp", inputs: { integerOnly: "integerOnly", length: "length", inputValue: "inputValue", isReadonly: "isReadonly", isDisabled: "isDisabled", isInvalid: "isInvalid" }, outputs: { onChangeOtp: "onChangeOtp", onBlurOtp: "onBlurOtp", onFocusOtp: "onFocusOtp" }, ngImport: i0, template: "<p-inputOtp\r\n  class=\"custom-field-text input-otp\"\r\n  [integerOnly]=\"integerOnly\"\r\n  [length]=\"length\"\r\n  [ngModel]=\"inputValue\"\r\n  [invalid]=\"isInvalid\"\r\n  [disabled]=\"isDisabled\"\r\n  [readonly]=\"isReadonly\"\r\n  (onChange)=\"onChange($event)\"\r\n  (onBlur)=\"onBlur($event)\"\r\n  (onFocus)=\"onFocus($event)\"\r\n></p-inputOtp>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.InputOtp, selector: "p-inputOtp", inputs: ["invalid", "disabled", "readonly", "variant", "tabindex", "length", "mask", "integerOnly"], outputs: ["onChange", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputOtpComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/fields/input-switch-field/input-switch-field.component.mjs

@@ -8,7 +8,7 @@ export class InputSwitchFieldComponent {
     }
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSwitchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputSwitchFieldComponent, selector: "vector-input-switch-field", inputs: { control: "control", disabled: "disabled" }, ngImport: i0, template: "<p-inputSwitch [formControl]=\"control\" [disabled]=\"disabled\"></p-inputSwitch>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputSwitchFieldComponent, selector: "vector-input-switch-field", inputs: { control: "control", disabled: "disabled" }, ngImport: i0, template: "<p-inputSwitch [formControl]=\"control\" [disabled]=\"disabled\"></p-inputSwitch>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSwitchFieldComponent, decorators: [{
             type: Component,

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

@@ -168,7 +168,7 @@ export class MultiselectFieldComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiselectFieldComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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    (onPanelShow)=\"customFormattingMultiSelectFieldWithFlags()\"\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 *ngIf=\"option.showDescriptionOnRight\" 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", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "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.3.12", 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    (onPanelShow)=\"customFormattingMultiSelectFieldWithFlags()\"\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 *ngIf=\"option.showDescriptionOnRight\" 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.3.12", ngImport: i0, type: MultiselectFieldComponent, decorators: [{
             type: Component,

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

@@ -27,7 +27,7 @@ export class PercentageFieldComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PercentageFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PercentageFieldComponent, selector: "vector-percentage-field", inputs: { control: "control", min: "min", max: "max", minFractionDigits: "minFractionDigits", maxFractionDigits: "maxFractionDigits", step: "step" }, outputs: { blurEvent: "blurEvent", enterKeyPress: "enterKeyPress", focusEvent: "focusEvent" }, ngImport: i0, template: "<form class=\"input-container\">\r\n  <p-inputNumber\r\n    [formControl]=\"control\"\r\n    suffix=\"%\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [minFractionDigits]=\"minFractionDigits\"\r\n    [maxFractionDigits]=\"maxFractionDigits\"\r\n    [step]=\"step\"\r\n    [showButtons]=\"step > 1\"\r\n    buttonLayout=\"horizontal\"\r\n    decrementButtonIcon=\"pi pi-minus-circle\"\r\n    incrementButtonIcon=\"pi pi-plus-circle\"\r\n    (onBlur)=\"onBlur()\"\r\n  ></p-inputNumber>\r\n</form>\r\n", styles: [".input-container{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PercentageFieldComponent, selector: "vector-percentage-field", inputs: { control: "control", min: "min", max: "max", minFractionDigits: "minFractionDigits", maxFractionDigits: "maxFractionDigits", step: "step" }, outputs: { blurEvent: "blurEvent", enterKeyPress: "enterKeyPress", focusEvent: "focusEvent" }, ngImport: i0, template: "<form class=\"input-container\">\r\n  <p-inputNumber\r\n    [formControl]=\"control\"\r\n    suffix=\"%\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [minFractionDigits]=\"minFractionDigits\"\r\n    [maxFractionDigits]=\"maxFractionDigits\"\r\n    [step]=\"step\"\r\n    [showButtons]=\"step > 1\"\r\n    buttonLayout=\"horizontal\"\r\n    decrementButtonIcon=\"pi pi-minus-circle\"\r\n    incrementButtonIcon=\"pi pi-plus-circle\"\r\n    (onBlur)=\"onBlur()\"\r\n  ></p-inputNumber>\r\n</form>\r\n", styles: [".input-container{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PercentageFieldComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/fields/radio-button-field/radio-button-field.component.mjs

@@ -31,7 +31,7 @@ export class RadioButtonFieldComponent {
         return label !== 'app.label.no' ? label : 'Não';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioButtonFieldComponent, selector: "vector-radio-button-field", inputs: { groupName: "groupName", options: "options", control: "control", layout: "layout", justifySpaceBetween: "justifySpaceBetween", addIcon: "addIcon" }, ngImport: i0, template: "<div\r\n  class=\"radio-buttons-container\"\r\n  [ngClass]=\"layoutClass\"\r\n  [ngStyle]=\"{ 'justify-content': justifySpaceBetween ? 'space-between' : 'flex-start' }\"\r\n>\r\n  <div *ngFor=\"let option of options\" class=\"radio-button-item\">\r\n    <p-radioButton\r\n      [name]=\"groupName\"\r\n      [value]=\"option.value\"\r\n      [label]=\"option.label\"\r\n      [formControl]=\"control\"\r\n    ></p-radioButton>\r\n    <i\r\n      *ngIf=\"addIcon\"\r\n      class=\"fas fa-info-circle mt-1 pr-3 pl-2\"\r\n      pTooltip=\"{{ option.textTooltip }}\"\r\n      tooltipPosition=\"bottom\"\r\n    ></i>\r\n  </div>\r\n</div>\r\n", styles: [".radio-buttons-container{flex-wrap:wrap;height:100%;width:100%;padding-top:5px}.radio-buttons-container .radio-button-item{margin:5px;flex:1 100px}.vertical{flex-direction:column;align-items:flex-start}.vertical .radio-button-item{margin-bottom:.5rem}.horizontal{display:flex;flex-direction:row;padding-top:5px}.horizontal .radio-buttons-container .radio-button-item{margin:0 5px}\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: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioButtonFieldComponent, selector: "vector-radio-button-field", inputs: { groupName: "groupName", options: "options", control: "control", layout: "layout", justifySpaceBetween: "justifySpaceBetween", addIcon: "addIcon" }, ngImport: i0, template: "<div\r\n  class=\"radio-buttons-container\"\r\n  [ngClass]=\"layoutClass\"\r\n  [ngStyle]=\"{ 'justify-content': justifySpaceBetween ? 'space-between' : 'flex-start' }\"\r\n>\r\n  <div *ngFor=\"let option of options\" class=\"radio-button-item\">\r\n    <p-radioButton\r\n      [name]=\"groupName\"\r\n      [value]=\"option.value\"\r\n      [label]=\"option.label\"\r\n      [formControl]=\"control\"\r\n    ></p-radioButton>\r\n    <i\r\n      *ngIf=\"addIcon\"\r\n      class=\"fas fa-info-circle mt-1 pr-3 pl-2\"\r\n      pTooltip=\"{{ option.textTooltip }}\"\r\n      tooltipPosition=\"bottom\"\r\n    ></i>\r\n  </div>\r\n</div>\r\n", styles: [".radio-buttons-container{flex-wrap:wrap;height:100%;width:100%;padding-top:5px}.radio-buttons-container .radio-button-item{margin:5px;flex:1 100px}.vertical{flex-direction:column;align-items:flex-start}.vertical .radio-button-item{margin-bottom:.5rem}.horizontal{display:flex;flex-direction:row;padding-top:5px}.horizontal .radio-buttons-container .radio-button-item{margin:0 5px}\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: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioButtonFieldComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/fields/range-value/range-value.component.mjs

@@ -51,7 +51,7 @@ export class RangeValueComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RangeValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RangeValueComponent, selector: "vector-range-value", inputs: { value: "value", movimentedValue: "movimentedValue", min: "min", max: "max", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"range-input\">\r\n  <a href=\"javascript:void(0)\" class=\"btn-range minus\" (click)=\"decrement()\"></a>\r\n  <p-slider [(ngModel)]=\"value\" (onChange)=\"changeValue()\" [min]=\"min\" [max]=\"max\" [disabled]=\"disabled\"></p-slider>\r\n  <a href=\"javascript:void(0)\" class=\"btn-range plus\" (click)=\"increment()\"></a>\r\n</div>\r\n", styles: [".range-input{display:flex;flex-flow:row;align-items:center}.range-input .btn-range{width:26px;height:26px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:2px solid var(--theme-dark);border-radius:4px;color:var(--theme-dark);text-decoration:none;font-size:1rem}.range-input .btn-range:hover{-webkit-transition:.2s linear;-moz-transition:.2s linear;-o-prop:.2s linear;background-color:var(--theme-dark);color:#fff}.range-input .minus:before{content:\"-\"}.range-input p-slider{flex:1;margin:0 10px}.range-input .plus:before{content:\"+\"}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.Slider, selector: "p-slider", inputs: ["animate", "disabled", "min", "max", "orientation", "step", "range", "style", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RangeValueComponent, selector: "vector-range-value", inputs: { value: "value", movimentedValue: "movimentedValue", min: "min", max: "max", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"range-input\">\r\n  <a href=\"javascript:void(0)\" class=\"btn-range minus\" (click)=\"decrement()\"></a>\r\n  <p-slider [(ngModel)]=\"value\" (onChange)=\"changeValue()\" [min]=\"min\" [max]=\"max\" [disabled]=\"disabled\"></p-slider>\r\n  <a href=\"javascript:void(0)\" class=\"btn-range plus\" (click)=\"increment()\"></a>\r\n</div>\r\n", styles: [".range-input{display:flex;flex-flow:row;align-items:center}.range-input .btn-range{width:26px;height:26px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:2px solid var(--theme-dark);border-radius:4px;color:var(--theme-dark);text-decoration:none;font-size:1rem}.range-input .btn-range:hover{-webkit-transition:.2s linear;-moz-transition:.2s linear;-o-prop:.2s linear;background-color:var(--theme-dark);color:#fff}.range-input .minus:before{content:\"-\"}.range-input p-slider{flex:1;margin:0 10px}.range-input .plus:before{content:\"+\"}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.Slider, selector: "p-slider", inputs: ["animate", "disabled", "min", "max", "orientation", "step", "range", "style", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex"], outputs: ["onChange", "onSlideEnd"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RangeValueComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/fields/select-button-field/select-button-field.component.mjs

@@ -8,7 +8,7 @@ export class SelectButtonFieldComponent {
         this.disabled = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectButtonFieldComponent, selector: "vector-select-button-field", inputs: { options: "options", control: "control", disabled: "disabled" }, ngImport: i0, template: "<div class=\"input-container p-input-icon-right\">\r\n  <p-selectButton\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    [disabled]=\"disabled\"\r\n  ></p-selectButton>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SelectButtonFieldComponent, selector: "vector-select-button-field", inputs: { options: "options", control: "control", disabled: "disabled" }, ngImport: i0, template: "<div class=\"input-container p-input-icon-right\">\r\n  <p-selectButton\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    optionLabel=\"name\"\r\n    optionValue=\"code\"\r\n    [disabled]=\"disabled\"\r\n  ></p-selectButton>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SelectButtonFieldComponent, decorators: [{
             type: Component,