ngx-vector-components 3.0.1 → 3.0.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [3.0.2] (19/05/2022)
+
+### Bug Fixes
+
+- Fixed `vector-button` disable behavior.
+
 ## [3.0.1] (08/05/2022)
 
 ### Bug Fixes

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

@@ -40,6 +40,147 @@
   border-color: transparent;
 }
 
+p-button {
+  width: 100%;
+  border-width: 2px;
+  border-radius: var(--border-radius);
+  background-color: var(--theme-dark);
+  border-color: var(--theme-dark);
+  color: #ffffff;
+  box-shadow: 0px 5px 5px rgba(0, 70, 232, 0.5);
+
+  &:hover:not(:disabled) {
+    background-color: #003049;
+    border-color: #003049;
+  }
+
+  &:focus {
+    box-shadow: none;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+  .no-shadow {
+    box-shadow: none;
+  }
+
+  .p-button {
+    border-width: 2px !important;
+  }
+
+  .default {
+    background-color: #ffffff;
+    border-color: var(--theme-dark);
+
+    .p-button-label {
+      color: var(--theme-dark);
+    }
+
+    .p-button-icon {
+      color: var(--theme-dark);
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--theme-dark);
+      border-color: var(--theme-dark);
+      .p-button-label {
+        color: #ffffff;
+      }
+    }
+  }
+
+  .default-filled {
+    background-color: var(--theme-primary);
+    border-color: var(--theme-primary);
+    .p-button-label {
+      color: #ffffff;
+    }
+    .p-button-icon {
+      color: #ffffff;
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--theme-dark);
+      border-color: var(--theme-dark);
+    }
+  }
+
+  .cancel {
+    background-color: #ffffff;
+    border-color: var(--error-color);
+    .p-button-label {
+      color: var(--error-color);
+    }
+    .p-button-icon {
+      color: var(--error-color);
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--error-color-dark);
+      border-color: var(--error-color-dark);
+      .p-button-label {
+        color: #ffffff;
+      }
+    }
+  }
+
+  .cancel-filled {
+    background-color: var(--error-color);
+    border-color: var(--error-color);
+    .p-button-label {
+      color: #ffffff;
+    }
+
+    .p-button-icon {
+      color: #ffffff;
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--error-color-dark);
+      border-color: var(--error-color-dark);
+    }
+  }
+
+  .success {
+    background-color: var(--success-color);
+    border-color: var(--success-color);
+    .p-button-label {
+      color: #fff;
+    }
+    .p-button-icon {
+      color: #fff;
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--success-color-dark);
+      border-color: var(--success-color-dark);
+    }
+  }
+
+  .success-outlined {
+    background-color: #ffffff;
+    border-color: var(--success-color);
+
+    .p-button-label {
+      color: var(--success-color);
+    }
+    .p-button-icon {
+      color: var(--success-color);
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--success-color-dark);
+      border-color: var(--success-color-dark);
+
+      .p-button-label {
+        color: #fff
+      }
+    }
+  }
+}
+
+
 .p-autocomplete-input {
   border-right: none !important;
   border-top-right-radius: 0px !important;

package/esm2020/lib/components/badge/badge.component.mjs

@@ -18,10 +18,10 @@ export class BadgeComponent {
     }
 }
 BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: BadgeComponent, selector: "vector-badge", inputs: { type: "type", label: "label", customColor: "customColor", customBackgroundColor: "customBackgroundColor" }, ngImport: i0, template: "<div\n  class=\"badge\"\n  [class]=\"getStatusColor()\"\n  [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\n>\n  {{ label }}\n</div>\n", styles: [".badge{padding:4px 12px;border-radius:8px;color:#fff}.badge-success{background-color:var(--success-color)}.badge-error{background-color:var(--error-color)}.badge-warning{background-color:var(--warning-color)}\n"], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: BadgeComponent, selector: "vector-badge", inputs: { type: "type", label: "label", customColor: "customColor", customBackgroundColor: "customBackgroundColor" }, ngImport: i0, template: "<div\r\n  class=\"badge\"\r\n  [class]=\"getStatusColor()\"\r\n  [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\r\n>\r\n  {{ label }}\r\n</div>\r\n", styles: [".badge{padding:4px 12px;border-radius:8px;color:#fff}.badge-success{background-color:var(--success-color)}.badge-error{background-color:var(--error-color)}.badge-warning{background-color:var(--warning-color)}\n"], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-badge', template: "<div\n  class=\"badge\"\n  [class]=\"getStatusColor()\"\n  [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\n>\n  {{ label }}\n</div>\n", styles: [".badge{padding:4px 12px;border-radius:8px;color:#fff}.badge-success{background-color:var(--success-color)}.badge-error{background-color:var(--error-color)}.badge-warning{background-color:var(--warning-color)}\n"] }]
+            args: [{ selector: 'vector-badge', template: "<div\r\n  class=\"badge\"\r\n  [class]=\"getStatusColor()\"\r\n  [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\r\n>\r\n  {{ label }}\r\n</div>\r\n", styles: [".badge{padding:4px 12px;border-radius:8px;color:#fff}.badge-success{background-color:var(--success-color)}.badge-error{background-color:var(--error-color)}.badge-warning{background-color:var(--warning-color)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { type: [{
                 type: Input
             }], label: [{
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
             }], customBackgroundColor: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQU90QyxNQUFNLE9BQU8sY0FBYztJQVV6QixnQkFBZSxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDO0lBRVosY0FBYztRQUNuQixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDakIsS0FBSyxNQUFNLENBQUMsT0FBTztnQkFDakIsT0FBTyxlQUFlLENBQUM7WUFDekIsS0FBSyxNQUFNLENBQUMsUUFBUTtnQkFDbEIsT0FBTyxlQUFlLENBQUM7WUFDekIsS0FBSyxNQUFNLENBQUMsUUFBUTtnQkFDbEIsT0FBTyxhQUFhLENBQUM7U0FDeEI7UUFDRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7OzJHQXhCVSxjQUFjOytGQUFkLGNBQWMsMEtDUjNCLHdLQU9BOzJGRENhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsY0FBYzswRUFNakIsSUFBSTtzQkFEVixLQUFLO2dCQUdDLEtBQUs7c0JBRFgsS0FBSztnQkFHQyxXQUFXO3NCQURqQixLQUFLO2dCQUdDLHFCQUFxQjtzQkFEM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RhdHVzIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmVjdG9yLWJhZGdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBwdWJsaWMgdHlwZT86IFN0YXR1cztcbiAgQElucHV0KClcbiAgcHVibGljIGxhYmVsPzogc3RyaW5nO1xuICBASW5wdXQoKVxuICBwdWJsaWMgY3VzdG9tQ29sb3I/OiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBjdXN0b21CYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cblxuICBwdWJsaWMgZ2V0U3RhdHVzQ29sb3IoKSB7XG4gICAgc3dpdGNoICh0aGlzLnR5cGUpIHtcbiAgICAgIGNhc2UgU3RhdHVzLlBFTkRJTkc6XG4gICAgICAgIHJldHVybiAnYmFkZ2Utd2FybmluZyc7XG4gICAgICBjYXNlIFN0YXR1cy5BUFBST1ZFRDpcbiAgICAgICAgcmV0dXJuICdiYWRnZS1zdWNjZXNzJztcbiAgICAgIGNhc2UgU3RhdHVzLlJFSkVDVEVEOlxuICAgICAgICByZXR1cm4gJ2JhZGdlLWVycm9yJztcbiAgICB9XG4gICAgcmV0dXJuICcnO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiYmFkZ2VcIlxuICBbY2xhc3NdPVwiZ2V0U3RhdHVzQ29sb3IoKVwiXG4gIFtuZ1N0eWxlXT1cInsgJ2JhY2tncm91bmQtY29sb3InOiBjdXN0b21CYWNrZ3JvdW5kQ29sb3IsIGNvbG9yOiBjdXN0b21Db2xvciB9XCJcbj5cbiAge3sgbGFiZWwgfX1cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQU90QyxNQUFNLE9BQU8sY0FBYztJQVV6QixnQkFBZSxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDO0lBRVosY0FBYztRQUNuQixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDakIsS0FBSyxNQUFNLENBQUMsT0FBTztnQkFDakIsT0FBTyxlQUFlLENBQUM7WUFDekIsS0FBSyxNQUFNLENBQUMsUUFBUTtnQkFDbEIsT0FBTyxlQUFlLENBQUM7WUFDekIsS0FBSyxNQUFNLENBQUMsUUFBUTtnQkFDbEIsT0FBTyxhQUFhLENBQUM7U0FDeEI7UUFDRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7OzJHQXhCVSxjQUFjOytGQUFkLGNBQWMsMEtDUjNCLHNMQU9BOzJGRENhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsY0FBYzswRUFNakIsSUFBSTtzQkFEVixLQUFLO2dCQUdDLEtBQUs7c0JBRFgsS0FBSztnQkFHQyxXQUFXO3NCQURqQixLQUFLO2dCQUdDLHFCQUFxQjtzQkFEM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdGF0dXMgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2ZWN0b3ItYmFkZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyB0eXBlPzogU3RhdHVzO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGxhYmVsPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGN1c3RvbUNvbG9yPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGN1c3RvbUJhY2tncm91bmRDb2xvcj86IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIHB1YmxpYyBnZXRTdGF0dXNDb2xvcigpIHtcclxuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XHJcbiAgICAgIGNhc2UgU3RhdHVzLlBFTkRJTkc6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS13YXJuaW5nJztcclxuICAgICAgY2FzZSBTdGF0dXMuQVBQUk9WRUQ6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS1zdWNjZXNzJztcclxuICAgICAgY2FzZSBTdGF0dXMuUkVKRUNURUQ6XHJcbiAgICAgICAgcmV0dXJuICdiYWRnZS1lcnJvcic7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gJyc7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cImJhZGdlXCJcclxuICBbY2xhc3NdPVwiZ2V0U3RhdHVzQ29sb3IoKVwiXHJcbiAgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IGN1c3RvbUJhY2tncm91bmRDb2xvciwgY29sb3I6IGN1c3RvbUNvbG9yIH1cIlxyXG4+XHJcbiAge3sgbGFiZWwgfX1cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/components/badge/badge.module.mjs

@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                     exports: [BadgeComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU9uRCxNQUFNLE9BQU8sV0FBVzs7d0dBQVgsV0FBVzt5R0FBWCxXQUFXLGlCQUpQLGNBQWMsYUFDbkIsWUFBWSxhQUNaLGNBQWM7eUdBRWIsV0FBVyxZQUhiLENBQUMsWUFBWSxDQUFDOzJGQUdaLFdBQVc7a0JBTHZCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUM5QixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLGNBQWMsQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2hhcmVkTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3NoYXJlZC5tb2R1bGUnO1xuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2JhZGdlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0JhZGdlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1NoYXJlZE1vZHVsZV0sXG4gIGV4cG9ydHM6IFtCYWRnZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEJhZGdlTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU9uRCxNQUFNLE9BQU8sV0FBVzs7d0dBQVgsV0FBVzt5R0FBWCxXQUFXLGlCQUpQLGNBQWMsYUFDbkIsWUFBWSxhQUNaLGNBQWM7eUdBRWIsV0FBVyxZQUhiLENBQUMsWUFBWSxDQUFDOzJGQUdaLFdBQVc7a0JBTHZCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsY0FBYyxDQUFDO29CQUM5QixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLGNBQWMsQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTaGFyZWRNb2R1bGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvc2hhcmVkLm1vZHVsZSc7XHJcbmltcG9ydCB7IEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9iYWRnZS5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtCYWRnZUNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1NoYXJlZE1vZHVsZV0sXHJcbiAgZXhwb3J0czogW0JhZGdlQ29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEJhZGdlTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2020/lib/components/crud-header/crud-header.component.mjs

@@ -18,13 +18,13 @@ export class CrudHeaderComponent {
     ngOnInit() { }
 }
 CrudHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CrudHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHeaderComponent, selector: "vector-crud-header", inputs: { statusCode: "statusCode", code: "code" }, ngImport: i0, template: "<div class=\"container\">\n  <div class=\"status-container\">\n    <span>Status</span>\n    <vector-badge [label]=\"statusLabel\" [type]=\"statusCode\"></vector-badge>\n  </div>\n  <div class=\"separator\"></div>\n  <span class=\"code-label\"\n    >C\u00F3digo de identifica\u00E7\u00E3o<span class=\"code\">{{ code }}</span></span\n  >\n</div>\n", styles: [".container{display:flex;align-items:center;margin-bottom:15px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 441px){.container{justify-content:flex-end;height:40px}}.container .status-container{display:flex;align-items:center}.container .status-container vector-badge{margin-left:15px}.container .separator{width:1px;height:100%;margin:0 20px;background-color:var(--gray-medium)}@media (max-width: 440px){.container .separator{display:none}}.container .code-label{color:var(--form-labels-color);font-size:13px;max-width:150px;line-height:1rem}.container .code-label .code{color:#000;font-weight:600;font-size:20px;margin-left:10px}\n"], components: [{ type: i1.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor"] }] });
+CrudHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHeaderComponent, selector: "vector-crud-header", inputs: { statusCode: "statusCode", code: "code" }, ngImport: i0, template: "<div class=\"container\">\r\n  <div class=\"status-container\">\r\n    <span>Status</span>\r\n    <vector-badge [label]=\"statusLabel\" [type]=\"statusCode\"></vector-badge>\r\n  </div>\r\n  <div class=\"separator\"></div>\r\n  <span class=\"code-label\"\r\n    >C\u00F3digo de identifica\u00E7\u00E3o<span class=\"code\">{{ code }}</span></span\r\n  >\r\n</div>\r\n", styles: [".container{display:flex;align-items:center;margin-bottom:15px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 441px){.container{justify-content:flex-end;height:40px}}.container .status-container{display:flex;align-items:center}.container .status-container vector-badge{margin-left:15px}.container .separator{width:1px;height:100%;margin:0 20px;background-color:var(--gray-medium)}@media (max-width: 440px){.container .separator{display:none}}.container .code-label{color:var(--form-labels-color);font-size:13px;max-width:150px;line-height:1rem}.container .code-label .code{color:#000;font-weight:600;font-size:20px;margin-left:10px}\n"], components: [{ type: i1.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-crud-header', template: "<div class=\"container\">\n  <div class=\"status-container\">\n    <span>Status</span>\n    <vector-badge [label]=\"statusLabel\" [type]=\"statusCode\"></vector-badge>\n  </div>\n  <div class=\"separator\"></div>\n  <span class=\"code-label\"\n    >C\u00F3digo de identifica\u00E7\u00E3o<span class=\"code\">{{ code }}</span></span\n  >\n</div>\n", styles: [".container{display:flex;align-items:center;margin-bottom:15px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 441px){.container{justify-content:flex-end;height:40px}}.container .status-container{display:flex;align-items:center}.container .status-container vector-badge{margin-left:15px}.container .separator{width:1px;height:100%;margin:0 20px;background-color:var(--gray-medium)}@media (max-width: 440px){.container .separator{display:none}}.container .code-label{color:var(--form-labels-color);font-size:13px;max-width:150px;line-height:1rem}.container .code-label .code{color:#000;font-weight:600;font-size:20px;margin-left:10px}\n"] }]
+            args: [{ selector: 'vector-crud-header', template: "<div class=\"container\">\r\n  <div class=\"status-container\">\r\n    <span>Status</span>\r\n    <vector-badge [label]=\"statusLabel\" [type]=\"statusCode\"></vector-badge>\r\n  </div>\r\n  <div class=\"separator\"></div>\r\n  <span class=\"code-label\"\r\n    >C\u00F3digo de identifica\u00E7\u00E3o<span class=\"code\">{{ code }}</span></span\r\n  >\r\n</div>\r\n", styles: [".container{display:flex;align-items:center;margin-bottom:15px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 441px){.container{justify-content:flex-end;height:40px}}.container .status-container{display:flex;align-items:center}.container .status-container vector-badge{margin-left:15px}.container .separator{width:1px;height:100%;margin:0 20px;background-color:var(--gray-medium)}@media (max-width: 440px){.container .separator{display:none}}.container .code-label{color:var(--form-labels-color);font-size:13px;max-width:150px;line-height:1rem}.container .code-label .code{color:#000;font-weight:600;font-size:20px;margin-left:10px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { statusCode: [{
                 type: Input
             }], code: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jcnVkLWhlYWRlci9jcnVkLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NydWQtaGVhZGVyL2NydWQtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQU90QyxNQUFNLE9BQU8sbUJBQW1CO0lBa0I5QixnQkFBZSxDQUFDO0lBWmhCLElBQUksV0FBVztRQUNiLFFBQVEsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN2QixLQUFLLE1BQU0sQ0FBQyxPQUFPO2dCQUNqQixPQUFPLFVBQVUsQ0FBQztZQUNwQixLQUFLLE1BQU0sQ0FBQyxRQUFRO2dCQUNsQixPQUFPLE9BQU8sQ0FBQztZQUNqQixLQUFLLE1BQU0sQ0FBQyxRQUFRO2dCQUNsQixPQUFPLFNBQVMsQ0FBQztTQUNwQjtRQUNELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUlELFFBQVEsS0FBVSxDQUFDOztnSEFwQlIsbUJBQW1CO29HQUFuQixtQkFBbUIsOEdDUmhDLDRWQVVBOzJGREZhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxvQkFBb0I7MEVBTXZCLFVBQVU7c0JBRGhCLEtBQUs7Z0JBR0MsSUFBSTtzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdGF0dXMgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2ZWN0b3ItY3J1ZC1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY3J1ZC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jcnVkLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDcnVkSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgcHVibGljIHN0YXR1c0NvZGU/OiBudW1iZXI7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBjb2RlPzogbnVtYmVyO1xuXG4gIGdldCBzdGF0dXNMYWJlbCgpIHtcbiAgICBzd2l0Y2ggKHRoaXMuc3RhdHVzQ29kZSkge1xuICAgICAgY2FzZSBTdGF0dXMuUEVORElORzpcbiAgICAgICAgcmV0dXJuICdQZW5kZW50ZSc7XG4gICAgICBjYXNlIFN0YXR1cy5BUFBST1ZFRDpcbiAgICAgICAgcmV0dXJuICdBdGl2byc7XG4gICAgICBjYXNlIFN0YXR1cy5SRUpFQ1RFRDpcbiAgICAgICAgcmV0dXJuICdJbmF0aXZvJztcbiAgICB9XG4gICAgcmV0dXJuICcnO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cbiAgPGRpdiBjbGFzcz1cInN0YXR1cy1jb250YWluZXJcIj5cbiAgICA8c3Bhbj5TdGF0dXM8L3NwYW4+XG4gICAgPHZlY3Rvci1iYWRnZSBbbGFiZWxdPVwic3RhdHVzTGFiZWxcIiBbdHlwZV09XCJzdGF0dXNDb2RlXCI+PC92ZWN0b3ItYmFkZ2U+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic2VwYXJhdG9yXCI+PC9kaXY+XG4gIDxzcGFuIGNsYXNzPVwiY29kZS1sYWJlbFwiXG4gICAgPkPDs2RpZ28gZGUgaWRlbnRpZmljYcOnw6NvPHNwYW4gY2xhc3M9XCJjb2RlXCI+e3sgY29kZSB9fTwvc3Bhbj48L3NwYW5cbiAgPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jcnVkLWhlYWRlci9jcnVkLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NydWQtaGVhZGVyL2NydWQtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQU90QyxNQUFNLE9BQU8sbUJBQW1CO0lBa0I5QixnQkFBZSxDQUFDO0lBWmhCLElBQUksV0FBVztRQUNiLFFBQVEsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN2QixLQUFLLE1BQU0sQ0FBQyxPQUFPO2dCQUNqQixPQUFPLFVBQVUsQ0FBQztZQUNwQixLQUFLLE1BQU0sQ0FBQyxRQUFRO2dCQUNsQixPQUFPLE9BQU8sQ0FBQztZQUNqQixLQUFLLE1BQU0sQ0FBQyxRQUFRO2dCQUNsQixPQUFPLFNBQVMsQ0FBQztTQUNwQjtRQUNELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUlELFFBQVEsS0FBVSxDQUFDOztnSEFwQlIsbUJBQW1CO29HQUFuQixtQkFBbUIsOEdDUmhDLGdYQVVBOzJGREZhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxvQkFBb0I7MEVBTXZCLFVBQVU7c0JBRGhCLEtBQUs7Z0JBR0MsSUFBSTtzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN0YXR1cyB9IGZyb20gJy4uLy4uL21vZGVscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZlY3Rvci1jcnVkLWhlYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NydWQtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jcnVkLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3J1ZEhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc3RhdHVzQ29kZT86IG51bWJlcjtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjb2RlPzogbnVtYmVyO1xyXG5cclxuICBnZXQgc3RhdHVzTGFiZWwoKSB7XHJcbiAgICBzd2l0Y2ggKHRoaXMuc3RhdHVzQ29kZSkge1xyXG4gICAgICBjYXNlIFN0YXR1cy5QRU5ESU5HOlxyXG4gICAgICAgIHJldHVybiAnUGVuZGVudGUnO1xyXG4gICAgICBjYXNlIFN0YXR1cy5BUFBST1ZFRDpcclxuICAgICAgICByZXR1cm4gJ0F0aXZvJztcclxuICAgICAgY2FzZSBTdGF0dXMuUkVKRUNURUQ6XHJcbiAgICAgICAgcmV0dXJuICdJbmF0aXZvJztcclxuICAgIH1cclxuICAgIHJldHVybiAnJztcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwic3RhdHVzLWNvbnRhaW5lclwiPlxyXG4gICAgPHNwYW4+U3RhdHVzPC9zcGFuPlxyXG4gICAgPHZlY3Rvci1iYWRnZSBbbGFiZWxdPVwic3RhdHVzTGFiZWxcIiBbdHlwZV09XCJzdGF0dXNDb2RlXCI+PC92ZWN0b3ItYmFkZ2U+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInNlcGFyYXRvclwiPjwvZGl2PlxyXG4gIDxzcGFuIGNsYXNzPVwiY29kZS1sYWJlbFwiXHJcbiAgICA+Q8OzZGlnbyBkZSBpZGVudGlmaWNhw6fDo288c3BhbiBjbGFzcz1cImNvZGVcIj57eyBjb2RlIH19PC9zcGFuPjwvc3BhblxyXG4gID5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/components/crud-header/crud-header.module.mjs

@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                     exports: [CrudHeaderComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oZWFkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jcnVkLWhlYWRlci9jcnVkLWhlYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFPOUQsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQUpaLG1CQUFtQixhQUN4QixZQUFZLEVBQUUsV0FBVyxhQUN6QixtQkFBbUI7OEdBRWxCLGdCQUFnQixZQUhsQixDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7MkZBR3pCLGdCQUFnQjtrQkFMNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNoYXJlZE1vZHVsZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9zaGFyZWQubW9kdWxlJztcbmltcG9ydCB7IEJhZGdlTW9kdWxlIH0gZnJvbSAnLi4vYmFkZ2UnO1xuaW1wb3J0IHsgQ3J1ZEhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vY3J1ZC1oZWFkZXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQ3J1ZEhlYWRlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtTaGFyZWRNb2R1bGUsIEJhZGdlTW9kdWxlXSxcbiAgZXhwb3J0czogW0NydWRIZWFkZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBDcnVkSGVhZGVyTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oZWFkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jcnVkLWhlYWRlci9jcnVkLWhlYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFPOUQsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQUpaLG1CQUFtQixhQUN4QixZQUFZLEVBQUUsV0FBVyxhQUN6QixtQkFBbUI7OEdBRWxCLGdCQUFnQixZQUhsQixDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7MkZBR3pCLGdCQUFnQjtrQkFMNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQy9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2hhcmVkTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3NoYXJlZC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBCYWRnZU1vZHVsZSB9IGZyb20gJy4uL2JhZGdlJztcclxuaW1wb3J0IHsgQ3J1ZEhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vY3J1ZC1oZWFkZXIuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbQ3J1ZEhlYWRlckNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1NoYXJlZE1vZHVsZSwgQmFkZ2VNb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtDcnVkSGVhZGVyQ29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENydWRIZWFkZXJNb2R1bGUge31cclxuIl19

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

@@ -41,11 +41,11 @@ export class CrudHistoryComponent {
     }
 }
 CrudHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CrudHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\n  <ng-template pTemplate=\"header\">\n    <div class=\"history-item-header-container\">\n      <div class=\"history-item-header-left\">\n        <vector-badge\n          [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\n          [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\n          [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\n        ></vector-badge>\n        <span>por {{ crudHistory.modifiedBy }}</span>\n      </div>\n      <span class=\"history-item-header-right\">\n        {{ crudHistory.dateTime | date: 'dd/MM/yyyy HH:mm' }}\n      </span>\n    </div>\n  </ng-template>\n  <ng-template pTemplate=\"content\">\n    <ng-content></ng-content>\n  </ng-template>\n</p-accordionTab>\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{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}\n"], components: [{ type: i1.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { type: i2.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], pipes: { "date": i3.DatePipe } });
+CrudHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"history-item-header-container\">\r\n      <div class=\"history-item-header-left\">\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.modifiedBy }}</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    <ng-content></ng-content>\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{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}\n"], components: [{ type: i1.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { type: i2.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], pipes: { "date": i3.DatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHistoryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-crud-history', template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\n  <ng-template pTemplate=\"header\">\n    <div class=\"history-item-header-container\">\n      <div class=\"history-item-header-left\">\n        <vector-badge\n          [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\n          [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\n          [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\n        ></vector-badge>\n        <span>por {{ crudHistory.modifiedBy }}</span>\n      </div>\n      <span class=\"history-item-header-right\">\n        {{ crudHistory.dateTime | date: 'dd/MM/yyyy HH:mm' }}\n      </span>\n    </div>\n  </ng-template>\n  <ng-template pTemplate=\"content\">\n    <ng-content></ng-content>\n  </ng-template>\n</p-accordionTab>\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{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}\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\">\r\n      <div class=\"history-item-header-left\">\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.modifiedBy }}</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    <ng-content></ng-content>\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{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}\n"] }]
         }], propDecorators: { crudHistory: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oaXN0b3J5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY3J1ZC1oaXN0b3J5L2NydWQtaGlzdG9yeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NydWQtaGlzdG9yeS9jcnVkLWhpc3RvcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFlLG9CQUFvQixFQUFFLE1BQU0sY0FBYyxDQUFDOzs7Ozs7QUFPakUsTUFBTSxPQUFPLG9CQUFvQjtJQUl4Qiw4QkFBOEIsQ0FBQyxvQkFBMkM7UUFDL0UsUUFBUSxvQkFBb0IsRUFBRTtZQUM1QixLQUFLLG9CQUFvQixDQUFDLE1BQU07Z0JBQzlCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssb0JBQW9CLENBQUMsTUFBTTtnQkFDOUIsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxvQkFBb0IsQ0FBQyxNQUFNLENBQUM7WUFDakM7Z0JBQ0UsT0FBTyxTQUFTLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRU0sb0JBQW9CLENBQUMsb0JBQTJDO1FBQ3JFLFFBQVEsb0JBQW9CLEVBQUU7WUFDNUIsS0FBSyxvQkFBb0IsQ0FBQyxNQUFNO2dCQUM5QixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLG9CQUFvQixDQUFDLE1BQU07Z0JBQzlCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssb0JBQW9CLENBQUMsTUFBTSxDQUFDO1lBQ2pDO2dCQUNFLE9BQU8sU0FBUyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVNLG9CQUFvQixDQUFDLG9CQUEyQztRQUNyRSxRQUFRLG9CQUFvQixFQUFFO1lBQzVCLEtBQUssb0JBQW9CLENBQUMsTUFBTTtnQkFDOUIsT0FBTyxRQUFRLENBQUM7WUFDbEIsS0FBSyxvQkFBb0IsQ0FBQyxNQUFNO2dCQUM5QixPQUFPLFlBQVksQ0FBQztZQUN0QixLQUFLLG9CQUFvQixDQUFDLE1BQU0sQ0FBQztZQUNqQztnQkFDRSxPQUFPLFVBQVUsQ0FBQztTQUNyQjtJQUNILENBQUM7O2lIQXRDVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtR0NSakMsa3pCQW9CQTsyRkRaYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UscUJBQXFCOzhCQU14QixXQUFXO3NCQURqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ3J1ZEhpc3RvcnksIENydWRIaXN0b3J5RXZlbnRUeXBlIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmVjdG9yLWNydWQtaGlzdG9yeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jcnVkLWhpc3RvcnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jcnVkLWhpc3RvcnkuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ3J1ZEhpc3RvcnlDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBwdWJsaWMgY3J1ZEhpc3Rvcnk/OiBDcnVkSGlzdG9yeTxhbnk+O1xuXG4gIHB1YmxpYyBnZXRIaXN0b3J5QmFkZ2VCYWNrZ3JvdW5kQ29sb3IoY3J1ZEhpc3RvcnlFdmVudFR5cGU/OiBDcnVkSGlzdG9yeUV2ZW50VHlwZSk6IHN0cmluZyB7XG4gICAgc3dpdGNoIChjcnVkSGlzdG9yeUV2ZW50VHlwZSkge1xuICAgICAgY2FzZSBDcnVkSGlzdG9yeUV2ZW50VHlwZS5DUkVBVEU6XG4gICAgICAgIHJldHVybiAnI0NCRkZBRSc7XG4gICAgICBjYXNlIENydWRIaXN0b3J5RXZlbnRUeXBlLlVQREFURTpcbiAgICAgICAgcmV0dXJuICcjRkZFNkIwJztcbiAgICAgIGNhc2UgQ3J1ZEhpc3RvcnlFdmVudFR5cGUuREVMRVRFOlxuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuICcjRkY5MzkzJztcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZ2V0SGlzdG9yeUJhZGdlQ29sb3IoY3J1ZEhpc3RvcnlFdmVudFR5cGU/OiBDcnVkSGlzdG9yeUV2ZW50VHlwZSk6IHN0cmluZyB7XG4gICAgc3dpdGNoIChjcnVkSGlzdG9yeUV2ZW50VHlwZSkge1xuICAgICAgY2FzZSBDcnVkSGlzdG9yeUV2ZW50VHlwZS5DUkVBVEU6XG4gICAgICAgIHJldHVybiAnIzA2NzMwNic7XG4gICAgICBjYXNlIENydWRIaXN0b3J5RXZlbnRUeXBlLlVQREFURTpcbiAgICAgICAgcmV0dXJuICcjOTQ2MzAwJztcbiAgICAgIGNhc2UgQ3J1ZEhpc3RvcnlFdmVudFR5cGUuREVMRVRFOlxuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuICcjNkIyRDJEJztcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZ2V0SGlzdG9yeUJhZGdlTGFiZWwoY3J1ZEhpc3RvcnlFdmVudFR5cGU/OiBDcnVkSGlzdG9yeUV2ZW50VHlwZSk6IHN0cmluZyB7XG4gICAgc3dpdGNoIChjcnVkSGlzdG9yeUV2ZW50VHlwZSkge1xuICAgICAgY2FzZSBDcnVkSGlzdG9yeUV2ZW50VHlwZS5DUkVBVEU6XG4gICAgICAgIHJldHVybiAnQ3JpYWRvJztcbiAgICAgIGNhc2UgQ3J1ZEhpc3RvcnlFdmVudFR5cGUuVVBEQVRFOlxuICAgICAgICByZXR1cm4gJ01vZGlmaWNhZG8nO1xuICAgICAgY2FzZSBDcnVkSGlzdG9yeUV2ZW50VHlwZS5ERUxFVEU6XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gJ1JlbW92aWRvJztcbiAgICB9XG4gIH1cbn1cbiIsIjxwLWFjY29yZGlvblRhYiAqbmdJZj1cImNydWRIaXN0b3J5XCIgY2xhc3M9XCJoaXN0b3J5LWl0ZW1cIj5cbiAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJoaXN0b3J5LWl0ZW0taGVhZGVyLWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImhpc3RvcnktaXRlbS1oZWFkZXItbGVmdFwiPlxuICAgICAgICA8dmVjdG9yLWJhZGdlXG4gICAgICAgICAgW2N1c3RvbUJhY2tncm91bmRDb2xvcl09XCJnZXRIaXN0b3J5QmFkZ2VCYWNrZ3JvdW5kQ29sb3IoY3J1ZEhpc3RvcnkuZXZlbnRUeXBlKVwiXG4gICAgICAgICAgW2N1c3RvbUNvbG9yXT1cImdldEhpc3RvcnlCYWRnZUNvbG9yKGNydWRIaXN0b3J5LmV2ZW50VHlwZSlcIlxuICAgICAgICAgIFtsYWJlbF09XCJnZXRIaXN0b3J5QmFkZ2VMYWJlbChjcnVkSGlzdG9yeS5ldmVudFR5cGUpXCJcbiAgICAgICAgPjwvdmVjdG9yLWJhZGdlPlxuICAgICAgICA8c3Bhbj5wb3Ige3sgY3J1ZEhpc3RvcnkubW9kaWZpZWRCeSB9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4gY2xhc3M9XCJoaXN0b3J5LWl0ZW0taGVhZGVyLXJpZ2h0XCI+XG4gICAgICAgIHt7IGNydWRIaXN0b3J5LmRhdGVUaW1lIHwgZGF0ZTogJ2RkL01NL3l5eXkgSEg6bW0nIH19XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJjb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L25nLXRlbXBsYXRlPlxuPC9wLWFjY29yZGlvblRhYj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oaXN0b3J5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY3J1ZC1oaXN0b3J5L2NydWQtaGlzdG9yeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NydWQtaGlzdG9yeS9jcnVkLWhpc3RvcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFlLG9CQUFvQixFQUFFLE1BQU0sY0FBYyxDQUFDOzs7Ozs7QUFPakUsTUFBTSxPQUFPLG9CQUFvQjtJQUl4Qiw4QkFBOEIsQ0FBQyxvQkFBMkM7UUFDL0UsUUFBUSxvQkFBb0IsRUFBRTtZQUM1QixLQUFLLG9CQUFvQixDQUFDLE1BQU07Z0JBQzlCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssb0JBQW9CLENBQUMsTUFBTTtnQkFDOUIsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxvQkFBb0IsQ0FBQyxNQUFNLENBQUM7WUFDakM7Z0JBQ0UsT0FBTyxTQUFTLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRU0sb0JBQW9CLENBQUMsb0JBQTJDO1FBQ3JFLFFBQVEsb0JBQW9CLEVBQUU7WUFDNUIsS0FBSyxvQkFBb0IsQ0FBQyxNQUFNO2dCQUM5QixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLG9CQUFvQixDQUFDLE1BQU07Z0JBQzlCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssb0JBQW9CLENBQUMsTUFBTSxDQUFDO1lBQ2pDO2dCQUNFLE9BQU8sU0FBUyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVNLG9CQUFvQixDQUFDLG9CQUEyQztRQUNyRSxRQUFRLG9CQUFvQixFQUFFO1lBQzVCLEtBQUssb0JBQW9CLENBQUMsTUFBTTtnQkFDOUIsT0FBTyxRQUFRLENBQUM7WUFDbEIsS0FBSyxvQkFBb0IsQ0FBQyxNQUFNO2dCQUM5QixPQUFPLFlBQVksQ0FBQztZQUN0QixLQUFLLG9CQUFvQixDQUFDLE1BQU0sQ0FBQztZQUNqQztnQkFDRSxPQUFPLFVBQVUsQ0FBQztTQUNyQjtJQUNILENBQUM7O2lIQXRDVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtR0NSakMsMDFCQW9CQTsyRkRaYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UscUJBQXFCOzhCQU14QixXQUFXO3NCQURqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDcnVkSGlzdG9yeSwgQ3J1ZEhpc3RvcnlFdmVudFR5cGUgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2ZWN0b3ItY3J1ZC1oaXN0b3J5JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3J1ZC1oaXN0b3J5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jcnVkLWhpc3RvcnkuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENydWRIaXN0b3J5Q29tcG9uZW50IHtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjcnVkSGlzdG9yeT86IENydWRIaXN0b3J5PGFueT47XHJcblxyXG4gIHB1YmxpYyBnZXRIaXN0b3J5QmFkZ2VCYWNrZ3JvdW5kQ29sb3IoY3J1ZEhpc3RvcnlFdmVudFR5cGU/OiBDcnVkSGlzdG9yeUV2ZW50VHlwZSk6IHN0cmluZyB7XHJcbiAgICBzd2l0Y2ggKGNydWRIaXN0b3J5RXZlbnRUeXBlKSB7XHJcbiAgICAgIGNhc2UgQ3J1ZEhpc3RvcnlFdmVudFR5cGUuQ1JFQVRFOlxyXG4gICAgICAgIHJldHVybiAnI0NCRkZBRSc7XHJcbiAgICAgIGNhc2UgQ3J1ZEhpc3RvcnlFdmVudFR5cGUuVVBEQVRFOlxyXG4gICAgICAgIHJldHVybiAnI0ZGRTZCMCc7XHJcbiAgICAgIGNhc2UgQ3J1ZEhpc3RvcnlFdmVudFR5cGUuREVMRVRFOlxyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiAnI0ZGOTM5Myc7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0SGlzdG9yeUJhZGdlQ29sb3IoY3J1ZEhpc3RvcnlFdmVudFR5cGU/OiBDcnVkSGlzdG9yeUV2ZW50VHlwZSk6IHN0cmluZyB7XHJcbiAgICBzd2l0Y2ggKGNydWRIaXN0b3J5RXZlbnRUeXBlKSB7XHJcbiAgICAgIGNhc2UgQ3J1ZEhpc3RvcnlFdmVudFR5cGUuQ1JFQVRFOlxyXG4gICAgICAgIHJldHVybiAnIzA2NzMwNic7XHJcbiAgICAgIGNhc2UgQ3J1ZEhpc3RvcnlFdmVudFR5cGUuVVBEQVRFOlxyXG4gICAgICAgIHJldHVybiAnIzk0NjMwMCc7XHJcbiAgICAgIGNhc2UgQ3J1ZEhpc3RvcnlFdmVudFR5cGUuREVMRVRFOlxyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiAnIzZCMkQyRCc7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0SGlzdG9yeUJhZGdlTGFiZWwoY3J1ZEhpc3RvcnlFdmVudFR5cGU/OiBDcnVkSGlzdG9yeUV2ZW50VHlwZSk6IHN0cmluZyB7XHJcbiAgICBzd2l0Y2ggKGNydWRIaXN0b3J5RXZlbnRUeXBlKSB7XHJcbiAgICAgIGNhc2UgQ3J1ZEhpc3RvcnlFdmVudFR5cGUuQ1JFQVRFOlxyXG4gICAgICAgIHJldHVybiAnQ3JpYWRvJztcclxuICAgICAgY2FzZSBDcnVkSGlzdG9yeUV2ZW50VHlwZS5VUERBVEU6XHJcbiAgICAgICAgcmV0dXJuICdNb2RpZmljYWRvJztcclxuICAgICAgY2FzZSBDcnVkSGlzdG9yeUV2ZW50VHlwZS5ERUxFVEU6XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgcmV0dXJuICdSZW1vdmlkbyc7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxwLWFjY29yZGlvblRhYiAqbmdJZj1cImNydWRIaXN0b3J5XCIgY2xhc3M9XCJoaXN0b3J5LWl0ZW1cIj5cclxuICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaGlzdG9yeS1pdGVtLWhlYWRlci1jb250YWluZXJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImhpc3RvcnktaXRlbS1oZWFkZXItbGVmdFwiPlxyXG4gICAgICAgIDx2ZWN0b3ItYmFkZ2VcclxuICAgICAgICAgIFtjdXN0b21CYWNrZ3JvdW5kQ29sb3JdPVwiZ2V0SGlzdG9yeUJhZGdlQmFja2dyb3VuZENvbG9yKGNydWRIaXN0b3J5LmV2ZW50VHlwZSlcIlxyXG4gICAgICAgICAgW2N1c3RvbUNvbG9yXT1cImdldEhpc3RvcnlCYWRnZUNvbG9yKGNydWRIaXN0b3J5LmV2ZW50VHlwZSlcIlxyXG4gICAgICAgICAgW2xhYmVsXT1cImdldEhpc3RvcnlCYWRnZUxhYmVsKGNydWRIaXN0b3J5LmV2ZW50VHlwZSlcIlxyXG4gICAgICAgID48L3ZlY3Rvci1iYWRnZT5cclxuICAgICAgICA8c3Bhbj5wb3Ige3sgY3J1ZEhpc3RvcnkubW9kaWZpZWRCeSB9fTwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaGlzdG9yeS1pdGVtLWhlYWRlci1yaWdodFwiPlxyXG4gICAgICAgIHt7IGNydWRIaXN0b3J5LmRhdGVUaW1lIHwgZGF0ZTogJ2RkL01NL3l5eXkgSEg6bW0nIH19XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbiAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImNvbnRlbnRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L25nLXRlbXBsYXRlPlxyXG48L3AtYWNjb3JkaW9uVGFiPlxyXG4iXX0=

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

@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                     exports: [CrudHistoryComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oaXN0b3J5Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY3J1ZC1oaXN0b3J5L2NydWQtaGlzdG9yeS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDdkMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBT2hFLE1BQU0sT0FBTyxpQkFBaUI7OzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkFKYixvQkFBb0IsYUFDekIsWUFBWSxFQUFFLFdBQVcsRUFBRSxlQUFlLGFBQzFDLG9CQUFvQjsrR0FFbkIsaUJBQWlCLFlBSG5CLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxlQUFlLENBQUM7MkZBRzFDLGlCQUFpQjtrQkFMN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxlQUFlLENBQUM7b0JBQ3JELE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY2NvcmRpb25Nb2R1bGUgfSBmcm9tICdwcmltZW5nL2FjY29yZGlvbic7XG5pbXBvcnQgeyBTaGFyZWRNb2R1bGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvc2hhcmVkLm1vZHVsZSc7XG5pbXBvcnQgeyBCYWRnZU1vZHVsZSB9IGZyb20gJy4uL2JhZGdlJztcbmltcG9ydCB7IENydWRIaXN0b3J5Q29tcG9uZW50IH0gZnJvbSAnLi9jcnVkLWhpc3RvcnkuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQ3J1ZEhpc3RvcnlDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbU2hhcmVkTW9kdWxlLCBCYWRnZU1vZHVsZSwgQWNjb3JkaW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW0NydWRIaXN0b3J5Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQ3J1ZEhpc3RvcnlNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oaXN0b3J5Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY3J1ZC1oaXN0b3J5L2NydWQtaGlzdG9yeS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDdkMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBT2hFLE1BQU0sT0FBTyxpQkFBaUI7OzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkFKYixvQkFBb0IsYUFDekIsWUFBWSxFQUFFLFdBQVcsRUFBRSxlQUFlLGFBQzFDLG9CQUFvQjsrR0FFbkIsaUJBQWlCLFlBSG5CLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxlQUFlLENBQUM7MkZBRzFDLGlCQUFpQjtrQkFMN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxlQUFlLENBQUM7b0JBQ3JELE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjY29yZGlvbk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvYWNjb3JkaW9uJztcclxuaW1wb3J0IHsgU2hhcmVkTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3NoYXJlZC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBCYWRnZU1vZHVsZSB9IGZyb20gJy4uL2JhZGdlJztcclxuaW1wb3J0IHsgQ3J1ZEhpc3RvcnlDb21wb25lbnQgfSBmcm9tICcuL2NydWQtaGlzdG9yeS5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtDcnVkSGlzdG9yeUNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW1NoYXJlZE1vZHVsZSwgQmFkZ2VNb2R1bGUsIEFjY29yZGlvbk1vZHVsZV0sXHJcbiAgZXhwb3J0czogW0NydWRIaXN0b3J5Q29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENydWRIaXN0b3J5TW9kdWxlIHt9XHJcbiJdfQ==

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

@@ -1,7 +1,6 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "primeng/button";
-import * as i2 from "@angular/common";
 export class ButtonComponent {
     constructor() {
         this.disabled = false;
@@ -14,14 +13,14 @@ export class ButtonComponent {
         this.onClick = new EventEmitter();
     }
     get styleClass() {
-        return { [this.type]: true, 'no-shadow': this.noShadow };
+        return `button shadow-3 ${this.type} ${this.noShadow && 'no-shadow'}`;
     }
 }
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ButtonComponent, selector: "vector-button", inputs: { disabled: "disabled", label: "label", type: "type", leftIcon: "leftIcon", rightIcon: "rightIcon", noShadow: "noShadow", style: "style" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n  pButton\r\n  class=\"button shadow-3\"\r\n  type=\"button\"\r\n  [ngClass]=\"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  (click)=\"onClick?.emit($event)\"\r\n></button>\r\n", styles: [".button{width:100%;border-width:2px;border-radius:var(--border-radius);background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff;box-shadow:0 5px 5px #0046e880}.button:hover:not(:disabled){background-color:#003049;border-color:#003049}.button:focus{box-shadow:none}.button:disabled{cursor:not-allowed}.no-shadow{box-shadow:none}.default{background-color:#fff;border-color:var(--theme-dark);color:var(--theme-dark)}.default:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff}.default-filled{background-color:var(--theme-primary);border-color:var(--theme-primary);color:#fff}.default-filled:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark)}.cancel{background-color:#fff;border-color:var(--error-color);color:var(--error-color)}.cancel:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark);color:#fff}.cancel-filled{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.cancel-filled:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark)}.success{background-color:var(--success-color);border-color:var(--success-color)}.success:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}.success-outlined{background-color:#fff;border-color:var(--success-color);color:var(--success-color)}.success-outlined:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}\n"], directives: [{ type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ButtonComponent, selector: "vector-button", inputs: { disabled: "disabled", label: "label", type: "type", leftIcon: "leftIcon", rightIcon: "rightIcon", noShadow: "noShadow", style: "style" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-button\r\n  [styleClass]=\"styleClass\"\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"leftIcon || rightIcon\"\r\n  [iconPos]=\"rightIcon ? 'right' : 'left'\"\r\n  [style]=\"style\"\r\n  (onClick)=\"onClick.emit($event)\"\r\n></p-button>\r\n", styles: [""], components: [{ type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-button', template: "<button\r\n  pButton\r\n  class=\"button shadow-3\"\r\n  type=\"button\"\r\n  [ngClass]=\"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  (click)=\"onClick?.emit($event)\"\r\n></button>\r\n", styles: [".button{width:100%;border-width:2px;border-radius:var(--border-radius);background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff;box-shadow:0 5px 5px #0046e880}.button:hover:not(:disabled){background-color:#003049;border-color:#003049}.button:focus{box-shadow:none}.button:disabled{cursor:not-allowed}.no-shadow{box-shadow:none}.default{background-color:#fff;border-color:var(--theme-dark);color:var(--theme-dark)}.default:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff}.default-filled{background-color:var(--theme-primary);border-color:var(--theme-primary);color:#fff}.default-filled:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark)}.cancel{background-color:#fff;border-color:var(--error-color);color:var(--error-color)}.cancel:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark);color:#fff}.cancel-filled{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.cancel-filled:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark)}.success{background-color:var(--success-color);border-color:var(--success-color)}.success:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}.success-outlined{background-color:#fff;border-color:var(--success-color);color:var(--success-color)}.success-outlined:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}\n"] }]
+            args: [{ selector: 'vector-button', template: "<p-button\r\n  [styleClass]=\"styleClass\"\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"leftIcon || rightIcon\"\r\n  [iconPos]=\"rightIcon ? 'right' : 'left'\"\r\n  [style]=\"style\"\r\n  (onClick)=\"onClick.emit($event)\"\r\n></p-button>\r\n", styles: [""] }]
         }], propDecorators: { disabled: [{
                 type: Input
             }], label: [{
@@ -39,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
             }], onClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvZmllbGRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9maWVsZHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBU3ZFLE1BQU0sT0FBTyxlQUFlO0lBTDVCO1FBT1MsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsU0FBSSxHQUFlLFNBQVMsQ0FBQztRQUU3QixhQUFRLEdBQUcsRUFBRSxDQUFDO1FBRWQsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUVmLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBSzFDO0lBSEMsSUFBSSxVQUFVO1FBQ1osT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNELENBQUM7OzRHQXBCVSxlQUFlO2dHQUFmLGVBQWUsME9DVDVCLGtVQVlBOzJGREhhLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsZUFBZTs4QkFNbEIsUUFBUTtzQkFEZCxLQUFLO2dCQUdDLEtBQUs7c0JBRFgsS0FBSztnQkFHQyxJQUFJO3NCQURWLEtBQUs7Z0JBR0MsUUFBUTtzQkFEZCxLQUFLO2dCQUdDLFNBQVM7c0JBRGYsS0FBSztnQkFHQyxRQUFRO3NCQURkLEtBQUs7Z0JBR0MsS0FBSztzQkFEWCxLQUFLO2dCQUdDLE9BQU87c0JBRGIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG50eXBlIEJ1dHRvblR5cGUgPSAnc3VjY2VzcycgfCAnc3VjY2Vzcy1vdXRsaW5lZCcgfCAnZGVmYXVsdCcgfCAnZGVmYXVsdC1maWxsZWQnIHwgJ2NhbmNlbCcgfCAnY2FuY2VsLWZpbGxlZCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ZlY3Rvci1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGxhYmVsID0gJyc7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdHlwZTogQnV0dG9uVHlwZSA9ICdkZWZhdWx0JztcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBsZWZ0SWNvbiA9ICcnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHJpZ2h0SWNvbiA9ICcnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIG5vU2hhZG93ID0gZmFsc2U7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgc3R5bGUgPSAnJztcclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBnZXQgc3R5bGVDbGFzcygpIHtcclxuICAgIHJldHVybiB7IFt0aGlzLnR5cGVdOiB0cnVlLCAnbm8tc2hhZG93JzogdGhpcy5ub1NoYWRvdyB9O1xyXG4gIH1cclxufVxyXG4iLCI8YnV0dG9uXHJcbiAgcEJ1dHRvblxyXG4gIGNsYXNzPVwiYnV0dG9uIHNoYWRvdy0zXCJcclxuICB0eXBlPVwiYnV0dG9uXCJcclxuICBbbmdDbGFzc109XCJzdHlsZUNsYXNzXCJcclxuICBbbGFiZWxdPVwibGFiZWxcIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgW2ljb25dPVwibGVmdEljb24gfHwgcmlnaHRJY29uXCJcclxuICBbaWNvblBvc109XCJyaWdodEljb24gPyAncmlnaHQnIDogJ2xlZnQnXCJcclxuICBbc3R5bGVdPVwic3R5bGVcIlxyXG4gIChjbGljayk9XCJvbkNsaWNrPy5lbWl0KCRldmVudClcIlxyXG4+PC9idXR0b24+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvZmllbGRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9maWVsZHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTdkUsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFPUyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFWCxTQUFJLEdBQWUsU0FBUyxDQUFDO1FBRTdCLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFFZCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRWYsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FLMUM7SUFIQyxJQUFJLFVBQVU7UUFDWixPQUFPLG1CQUFtQixJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksV0FBVyxFQUFFLENBQUM7SUFDeEUsQ0FBQzs7NEdBcEJVLGVBQWU7Z0dBQWYsZUFBZSwwT0NUNUIseVFBU0E7MkZEQWEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxlQUFlOzhCQU1sQixRQUFRO3NCQURkLEtBQUs7Z0JBR0MsS0FBSztzQkFEWCxLQUFLO2dCQUdDLElBQUk7c0JBRFYsS0FBSztnQkFHQyxRQUFRO3NCQURkLEtBQUs7Z0JBR0MsU0FBUztzQkFEZixLQUFLO2dCQUdDLFFBQVE7c0JBRGQsS0FBSztnQkFHQyxLQUFLO3NCQURYLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbnR5cGUgQnV0dG9uVHlwZSA9ICdzdWNjZXNzJyB8ICdzdWNjZXNzLW91dGxpbmVkJyB8ICdkZWZhdWx0JyB8ICdkZWZhdWx0LWZpbGxlZCcgfCAnY2FuY2VsJyB8ICdjYW5jZWwtZmlsbGVkJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndmVjdG9yLWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgbGFiZWwgPSAnJztcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyB0eXBlOiBCdXR0b25UeXBlID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGxlZnRJY29uID0gJyc7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgcmlnaHRJY29uID0gJyc7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgbm9TaGFkb3cgPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzdHlsZSA9ICcnO1xyXG4gIEBPdXRwdXQoKVxyXG4gIHB1YmxpYyBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGdldCBzdHlsZUNsYXNzKCkge1xyXG4gICAgcmV0dXJuIGBidXR0b24gc2hhZG93LTMgJHt0aGlzLnR5cGV9ICR7dGhpcy5ub1NoYWRvdyAmJiAnbm8tc2hhZG93J31gO1xyXG4gIH1cclxufVxyXG4iLCI8cC1idXR0b25cclxuICBbc3R5bGVDbGFzc109XCJzdHlsZUNsYXNzXCJcclxuICBbbGFiZWxdPVwibGFiZWxcIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgW2ljb25dPVwibGVmdEljb24gfHwgcmlnaHRJY29uXCJcclxuICBbaWNvblBvc109XCJyaWdodEljb24gPyAncmlnaHQnIDogJ2xlZnQnXCJcclxuICBbc3R5bGVdPVwic3R5bGVcIlxyXG4gIChvbkNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcclxuPjwvcC1idXR0b24+XHJcbiJdfQ==

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

@@ -25,7 +25,7 @@ export class MultiselectFieldComponent {
     }
 }
 MultiselectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MultiselectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MultiselectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: { isRequired: "isRequired", control: "control", label: "label", options: "options" }, ngImport: i0, template: "<div class=\"input-container\">\r\n  <p-multiSelect\r\n    #multiselect\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"false\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    optionLabel=\"name\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Mostrar todos\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"true\"\r\n  >\r\n  </p-multiSelect>\r\n  <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".input-container{height:62px}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"], components: [{ type: i1.MultiSelect, selector: "p-multiSelect", inputs: ["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", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+MultiselectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: { isRequired: "isRequired", control: "control", label: "label", options: "options" }, ngImport: i0, template: "<div class=\"input-container\">\r\n  <p-multiSelect\r\n    #multiselect\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"false\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    optionLabel=\"name\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Mostrar todos\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"true\"\r\n  >\r\n  </p-multiSelect>\r\n  <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".input-container{height:62px}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"], components: [{ type: i1.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MultiselectFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vector-multiselect-field', template: "<div class=\"input-container\">\r\n  <p-multiSelect\r\n    #multiselect\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"false\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    optionLabel=\"name\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Mostrar todos\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"true\"\r\n  >\r\n  </p-multiSelect>\r\n  <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".input-container{height:62px}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"] }]

package/fesm2015/ngx-vector-components.mjs

@@ -272,10 +272,10 @@ class BadgeComponent {
     }
 }
 BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: BadgeComponent, selector: "vector-badge", inputs: { type: "type", label: "label", customColor: "customColor", customBackgroundColor: "customBackgroundColor" }, ngImport: i0, template: "<div\n  class=\"badge\"\n  [class]=\"getStatusColor()\"\n  [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\n>\n  {{ label }}\n</div>\n", styles: [".badge{padding:4px 12px;border-radius:8px;color:#fff}.badge-success{background-color:var(--success-color)}.badge-error{background-color:var(--error-color)}.badge-warning{background-color:var(--warning-color)}\n"], directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: BadgeComponent, selector: "vector-badge", inputs: { type: "type", label: "label", customColor: "customColor", customBackgroundColor: "customBackgroundColor" }, ngImport: i0, template: "<div\r\n  class=\"badge\"\r\n  [class]=\"getStatusColor()\"\r\n  [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\r\n>\r\n  {{ label }}\r\n</div>\r\n", styles: [".badge{padding:4px 12px;border-radius:8px;color:#fff}.badge-success{background-color:var(--success-color)}.badge-error{background-color:var(--error-color)}.badge-warning{background-color:var(--warning-color)}\n"], directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-badge', template: "<div\n  class=\"badge\"\n  [class]=\"getStatusColor()\"\n  [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\n>\n  {{ label }}\n</div>\n", styles: [".badge{padding:4px 12px;border-radius:8px;color:#fff}.badge-success{background-color:var(--success-color)}.badge-error{background-color:var(--error-color)}.badge-warning{background-color:var(--warning-color)}\n"] }]
+            args: [{ selector: 'vector-badge', template: "<div\r\n  class=\"badge\"\r\n  [class]=\"getStatusColor()\"\r\n  [ngStyle]=\"{ 'background-color': customBackgroundColor, color: customColor }\"\r\n>\r\n  {{ label }}\r\n</div>\r\n", styles: [".badge{padding:4px 12px;border-radius:8px;color:#fff}.badge-success{background-color:var(--success-color)}.badge-error{background-color:var(--error-color)}.badge-warning{background-color:var(--warning-color)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { type: [{
                 type: Input
             }], label: [{
@@ -862,14 +862,14 @@ class ButtonComponent {
         this.onClick = new EventEmitter();
     }
     get styleClass() {
-        return { [this.type]: true, 'no-shadow': this.noShadow };
+        return `button shadow-3 ${this.type} ${this.noShadow && 'no-shadow'}`;
     }
 }
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ButtonComponent, selector: "vector-button", inputs: { disabled: "disabled", label: "label", type: "type", leftIcon: "leftIcon", rightIcon: "rightIcon", noShadow: "noShadow", style: "style" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n  pButton\r\n  class=\"button shadow-3\"\r\n  type=\"button\"\r\n  [ngClass]=\"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  (click)=\"onClick?.emit($event)\"\r\n></button>\r\n", styles: [".button{width:100%;border-width:2px;border-radius:var(--border-radius);background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff;box-shadow:0 5px 5px #0046e880}.button:hover:not(:disabled){background-color:#003049;border-color:#003049}.button:focus{box-shadow:none}.button:disabled{cursor:not-allowed}.no-shadow{box-shadow:none}.default{background-color:#fff;border-color:var(--theme-dark);color:var(--theme-dark)}.default:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff}.default-filled{background-color:var(--theme-primary);border-color:var(--theme-primary);color:#fff}.default-filled:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark)}.cancel{background-color:#fff;border-color:var(--error-color);color:var(--error-color)}.cancel:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark);color:#fff}.cancel-filled{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.cancel-filled:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark)}.success{background-color:var(--success-color);border-color:var(--success-color)}.success:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}.success-outlined{background-color:#fff;border-color:var(--success-color);color:var(--success-color)}.success-outlined:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}\n"], directives: [{ type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: ButtonComponent, selector: "vector-button", inputs: { disabled: "disabled", label: "label", type: "type", leftIcon: "leftIcon", rightIcon: "rightIcon", noShadow: "noShadow", style: "style" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-button\r\n  [styleClass]=\"styleClass\"\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"leftIcon || rightIcon\"\r\n  [iconPos]=\"rightIcon ? 'right' : 'left'\"\r\n  [style]=\"style\"\r\n  (onClick)=\"onClick.emit($event)\"\r\n></p-button>\r\n", styles: [""], components: [{ type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-button', template: "<button\r\n  pButton\r\n  class=\"button shadow-3\"\r\n  type=\"button\"\r\n  [ngClass]=\"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  (click)=\"onClick?.emit($event)\"\r\n></button>\r\n", styles: [".button{width:100%;border-width:2px;border-radius:var(--border-radius);background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff;box-shadow:0 5px 5px #0046e880}.button:hover:not(:disabled){background-color:#003049;border-color:#003049}.button:focus{box-shadow:none}.button:disabled{cursor:not-allowed}.no-shadow{box-shadow:none}.default{background-color:#fff;border-color:var(--theme-dark);color:var(--theme-dark)}.default:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark);color:#fff}.default-filled{background-color:var(--theme-primary);border-color:var(--theme-primary);color:#fff}.default-filled:hover:not(:disabled){background-color:var(--theme-dark);border-color:var(--theme-dark)}.cancel{background-color:#fff;border-color:var(--error-color);color:var(--error-color)}.cancel:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark);color:#fff}.cancel-filled{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.cancel-filled:hover:not(:disabled){background-color:var(--error-color-dark);border-color:var(--error-color-dark)}.success{background-color:var(--success-color);border-color:var(--success-color)}.success:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}.success-outlined{background-color:#fff;border-color:var(--success-color);color:var(--success-color)}.success-outlined:hover:not(:disabled){background-color:var(--success-color-dark);border-color:var(--success-color-dark)}\n"] }]
+            args: [{ selector: 'vector-button', template: "<p-button\r\n  [styleClass]=\"styleClass\"\r\n  [label]=\"label\"\r\n  [disabled]=\"disabled\"\r\n  [icon]=\"leftIcon || rightIcon\"\r\n  [iconPos]=\"rightIcon ? 'right' : 'left'\"\r\n  [style]=\"style\"\r\n  (onClick)=\"onClick.emit($event)\"\r\n></p-button>\r\n", styles: [""] }]
         }], propDecorators: { disabled: [{
                 type: Input
             }], label: [{
@@ -2378,7 +2378,7 @@ class MultiselectFieldComponent {
     }
 }
 MultiselectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MultiselectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MultiselectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: { isRequired: "isRequired", control: "control", label: "label", options: "options" }, ngImport: i0, template: "<div class=\"input-container\">\r\n  <p-multiSelect\r\n    #multiselect\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"false\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    optionLabel=\"name\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Mostrar todos\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"true\"\r\n  >\r\n  </p-multiSelect>\r\n  <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".input-container{height:62px}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"], components: [{ type: i1$8.MultiSelect, selector: "p-multiSelect", inputs: ["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", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }], directives: [{ type: i2$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+MultiselectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MultiselectFieldComponent, selector: "vector-multiselect-field", inputs: { isRequired: "isRequired", control: "control", label: "label", options: "options" }, ngImport: i0, template: "<div class=\"input-container\">\r\n  <p-multiSelect\r\n    #multiselect\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"false\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    optionLabel=\"name\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Mostrar todos\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"true\"\r\n  >\r\n  </p-multiSelect>\r\n  <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".input-container{height:62px}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"], components: [{ type: i1$8.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }], directives: [{ type: i2$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MultiselectFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vector-multiselect-field', template: "<div class=\"input-container\">\r\n  <p-multiSelect\r\n    #multiselect\r\n    [options]=\"options\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [filter]=\"false\"\r\n    [maxSelectedLabels]=\"options.length - 1\"\r\n    optionLabel=\"name\"\r\n    dropdownIcon=\"fas fa-sort-down\"\r\n    selectedItemsLabel=\"Mostrar todos\"\r\n    [showHeader]=\"true\"\r\n    [showToggleAll]=\"true\"\r\n  >\r\n  </p-multiSelect>\r\n  <span class=\"input-error\">{{ fieldErrorLabel() }}</span>\r\n</div>\r\n", styles: [".input-container{height:62px}.input-container .input-error{font-size:.7em;color:var(--error-color)}\n"] }]
@@ -2795,10 +2795,10 @@ class CrudHeaderComponent {
     ngOnInit() { }
 }
 CrudHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CrudHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHeaderComponent, selector: "vector-crud-header", inputs: { statusCode: "statusCode", code: "code" }, ngImport: i0, template: "<div class=\"container\">\n  <div class=\"status-container\">\n    <span>Status</span>\n    <vector-badge [label]=\"statusLabel\" [type]=\"statusCode\"></vector-badge>\n  </div>\n  <div class=\"separator\"></div>\n  <span class=\"code-label\"\n    >C\u00F3digo de identifica\u00E7\u00E3o<span class=\"code\">{{ code }}</span></span\n  >\n</div>\n", styles: [".container{display:flex;align-items:center;margin-bottom:15px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 441px){.container{justify-content:flex-end;height:40px}}.container .status-container{display:flex;align-items:center}.container .status-container vector-badge{margin-left:15px}.container .separator{width:1px;height:100%;margin:0 20px;background-color:var(--gray-medium)}@media (max-width: 440px){.container .separator{display:none}}.container .code-label{color:var(--form-labels-color);font-size:13px;max-width:150px;line-height:1rem}.container .code-label .code{color:#000;font-weight:600;font-size:20px;margin-left:10px}\n"], components: [{ type: BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor"] }] });
+CrudHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHeaderComponent, selector: "vector-crud-header", inputs: { statusCode: "statusCode", code: "code" }, ngImport: i0, template: "<div class=\"container\">\r\n  <div class=\"status-container\">\r\n    <span>Status</span>\r\n    <vector-badge [label]=\"statusLabel\" [type]=\"statusCode\"></vector-badge>\r\n  </div>\r\n  <div class=\"separator\"></div>\r\n  <span class=\"code-label\"\r\n    >C\u00F3digo de identifica\u00E7\u00E3o<span class=\"code\">{{ code }}</span></span\r\n  >\r\n</div>\r\n", styles: [".container{display:flex;align-items:center;margin-bottom:15px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 441px){.container{justify-content:flex-end;height:40px}}.container .status-container{display:flex;align-items:center}.container .status-container vector-badge{margin-left:15px}.container .separator{width:1px;height:100%;margin:0 20px;background-color:var(--gray-medium)}@media (max-width: 440px){.container .separator{display:none}}.container .code-label{color:var(--form-labels-color);font-size:13px;max-width:150px;line-height:1rem}.container .code-label .code{color:#000;font-weight:600;font-size:20px;margin-left:10px}\n"], components: [{ type: BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-crud-header', template: "<div class=\"container\">\n  <div class=\"status-container\">\n    <span>Status</span>\n    <vector-badge [label]=\"statusLabel\" [type]=\"statusCode\"></vector-badge>\n  </div>\n  <div class=\"separator\"></div>\n  <span class=\"code-label\"\n    >C\u00F3digo de identifica\u00E7\u00E3o<span class=\"code\">{{ code }}</span></span\n  >\n</div>\n", styles: [".container{display:flex;align-items:center;margin-bottom:15px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 441px){.container{justify-content:flex-end;height:40px}}.container .status-container{display:flex;align-items:center}.container .status-container vector-badge{margin-left:15px}.container .separator{width:1px;height:100%;margin:0 20px;background-color:var(--gray-medium)}@media (max-width: 440px){.container .separator{display:none}}.container .code-label{color:var(--form-labels-color);font-size:13px;max-width:150px;line-height:1rem}.container .code-label .code{color:#000;font-weight:600;font-size:20px;margin-left:10px}\n"] }]
+            args: [{ selector: 'vector-crud-header', template: "<div class=\"container\">\r\n  <div class=\"status-container\">\r\n    <span>Status</span>\r\n    <vector-badge [label]=\"statusLabel\" [type]=\"statusCode\"></vector-badge>\r\n  </div>\r\n  <div class=\"separator\"></div>\r\n  <span class=\"code-label\"\r\n    >C\u00F3digo de identifica\u00E7\u00E3o<span class=\"code\">{{ code }}</span></span\r\n  >\r\n</div>\r\n", styles: [".container{display:flex;align-items:center;margin-bottom:15px;justify-content:space-between;flex-wrap:wrap}@media (min-width: 441px){.container{justify-content:flex-end;height:40px}}.container .status-container{display:flex;align-items:center}.container .status-container vector-badge{margin-left:15px}.container .separator{width:1px;height:100%;margin:0 20px;background-color:var(--gray-medium)}@media (max-width: 440px){.container .separator{display:none}}.container .code-label{color:var(--form-labels-color);font-size:13px;max-width:150px;line-height:1rem}.container .code-label .code{color:#000;font-weight:600;font-size:20px;margin-left:10px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { statusCode: [{
                 type: Input
             }], code: [{
@@ -2855,10 +2855,10 @@ class CrudHistoryComponent {
     }
 }
 CrudHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CrudHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\n  <ng-template pTemplate=\"header\">\n    <div class=\"history-item-header-container\">\n      <div class=\"history-item-header-left\">\n        <vector-badge\n          [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\n          [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\n          [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\n        ></vector-badge>\n        <span>por {{ crudHistory.modifiedBy }}</span>\n      </div>\n      <span class=\"history-item-header-right\">\n        {{ crudHistory.dateTime | date: 'dd/MM/yyyy HH:mm' }}\n      </span>\n    </div>\n  </ng-template>\n  <ng-template pTemplate=\"content\">\n    <ng-content></ng-content>\n  </ng-template>\n</p-accordionTab>\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{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}\n"], components: [{ type: i1$b.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { type: BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], pipes: { "date": i2.DatePipe } });
+CrudHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"history-item-header-container\">\r\n      <div class=\"history-item-header-left\">\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.modifiedBy }}</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    <ng-content></ng-content>\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{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}\n"], components: [{ type: i1$b.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { type: BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], pipes: { "date": i2.DatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CrudHistoryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-crud-history', template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\n  <ng-template pTemplate=\"header\">\n    <div class=\"history-item-header-container\">\n      <div class=\"history-item-header-left\">\n        <vector-badge\n          [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\n          [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\n          [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\n        ></vector-badge>\n        <span>por {{ crudHistory.modifiedBy }}</span>\n      </div>\n      <span class=\"history-item-header-right\">\n        {{ crudHistory.dateTime | date: 'dd/MM/yyyy HH:mm' }}\n      </span>\n    </div>\n  </ng-template>\n  <ng-template pTemplate=\"content\">\n    <ng-content></ng-content>\n  </ng-template>\n</p-accordionTab>\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{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}\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\">\r\n      <div class=\"history-item-header-left\">\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.modifiedBy }}</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    <ng-content></ng-content>\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{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}\n"] }]
         }], propDecorators: { crudHistory: [{
                 type: Input
             }] } });