keevo-components 1.8.192 → 1.8.194

package/esm2022/lib/components/kv-avatar/kv-avatar.component.mjs

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../../api/services/imagens.service";
 import * as i2 from "@angular/common";
@@ -50,16 +50,17 @@ export class KvAvatarComponent {
         this.removerFotoEvent.emit();
         this.existeLogo = false;
         this.imageUrlChange.emit(this.imageUrl);
+        this.fileInput.nativeElement.value = '';
     }
     handleImageError(event) {
         event.target.src = this.imageService.userDefaultImage();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvAvatarComponent, deps: [{ token: i1.ImagensService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvAvatarComponent, selector: "kv-avatar", inputs: { imageUrl: "imageUrl", borderColor: "borderColor", width: "width", height: "height", btnAlterarFoto: "btnAlterarFoto" }, outputs: { imageUrlChange: "imageUrlChange", removerFotoEvent: "removerFotoEvent" }, ngImport: i0, template: "<div class=\"image-container\">\r\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\r\n  <div class=\"btn\">\r\n    <input *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($event)\">\r\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\r\n      <i class=\"pi pi-camera icon-edit\"></i>\r\n    </button>\r\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\r\n      <i class=\"pi pi-trash icon-delete\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvAvatarComponent, selector: "kv-avatar", inputs: { imageUrl: "imageUrl", borderColor: "borderColor", width: "width", height: "height", btnAlterarFoto: "btnAlterarFoto" }, outputs: { imageUrlChange: "imageUrlChange", removerFotoEvent: "removerFotoEvent" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div class=\"image-container\">\r\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\r\n  <div class=\"btn\">\r\n    <input #fileInput *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($any($event))\">\r\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\r\n      <i class=\"pi pi-camera icon-edit\"></i>\r\n    </button>\r\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\r\n      <i class=\"pi pi-trash icon-delete\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-avatar', template: "<div class=\"image-container\">\r\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\r\n  <div class=\"btn\">\r\n    <input *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($event)\">\r\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\r\n      <i class=\"pi pi-camera icon-edit\"></i>\r\n    </button>\r\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\r\n      <i class=\"pi pi-trash icon-delete\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"] }]
+            args: [{ selector: 'kv-avatar', template: "<div class=\"image-container\">\r\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\r\n  <div class=\"btn\">\r\n    <input #fileInput *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($any($event))\">\r\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\r\n      <i class=\"pi pi-camera icon-edit\"></i>\r\n    </button>\r\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\r\n      <i class=\"pi pi-trash icon-delete\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"] }]
         }], ctorParameters: () => [{ type: i1.ImagensService }], propDecorators: { imageUrl: [{
                 type: Input
             }], borderColor: [{
@@ -74,5 +75,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                 type: Output
             }], btnAlterarFoto: [{
                 type: Input
+            }], fileInput: [{
+                type: ViewChild,
+                args: ['fileInput']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWF2YXRhci9rdi1hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtYXZhdGFyL2t2LWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNQLE1BQU0sZUFBZSxDQUFDOzs7O0FBU3ZCLE1BQU0sT0FBTyxpQkFBaUI7SUFXNUIsWUFBbUIsWUFBNEI7UUFBNUIsaUJBQVksR0FBWixZQUFZLENBQWdCO1FBVHRDLGdCQUFXLEdBQVcsU0FBUyxDQUFDO1FBQ2hDLFVBQUssR0FBVyxHQUFHLENBQUM7UUFDcEIsV0FBTSxHQUFXLEdBQUcsQ0FBQztRQUNwQixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDNUMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN0RCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRVYsbUJBQWMsR0FBWSxLQUFLLENBQUM7SUFFVSxDQUFDO0lBRXBELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDdkksSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7WUFDdkIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3ZCLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztZQUN2QixPQUFPLHdCQUF3QixHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDbEQsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztZQUN4QixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUM5QyxDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixNQUFNLFlBQVksR0FBNEIsUUFBUSxDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQXFCLENBQUM7UUFDM0csSUFBSSxZQUFZLEVBQUUsQ0FBQztZQUNqQixZQUFZLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDdkIsQ0FBQztJQUNILENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxLQUFVO1FBQzlCLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ25DLElBQUksSUFBSSxFQUFFLENBQUM7WUFDVCxNQUFNLE1BQU0sR0FBRyxJQUFJLFVBQVUsRUFBRSxDQUFDO1lBQ2hDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDM0IsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLEVBQUU7Z0JBQ25CLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLE1BQWdCLENBQUM7Z0JBQ3hDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO2dCQUN2QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDMUMsQ0FBQyxDQUFDO1FBQ0osQ0FBQztJQUNILENBQUM7SUFHRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBVTtRQUN6QixLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUQsQ0FBQzs4R0F4RFUsaUJBQWlCO2tHQUFqQixpQkFBaUIsd1FDZDlCLGcyQkFZQTs7MkZERWEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7bUZBS1osUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksY0FBYztzQkFBdkIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBR0UsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPdXRwdXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEltYWdlbnNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vYXBpL3NlcnZpY2VzL2ltYWdlbnMuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWF2YXRhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LWF2YXRhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va3YtYXZhdGFyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEt2QXZhdGFyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpbWFnZVVybCE6IHN0cmluZztcclxuICBASW5wdXQoKSBib3JkZXJDb2xvcjogc3RyaW5nID0gJyM1Mjg5QjQnO1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBudW1iZXIgPSAxMzU7XHJcbiAgQElucHV0KCkgaGVpZ2h0OiBudW1iZXIgPSAxMzU7XHJcbiAgQE91dHB1dCgpIGltYWdlVXJsQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgQE91dHB1dCgpIHJlbW92ZXJGb3RvRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgZXhpc3RlTG9nbyA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSBidG5BbHRlcmFyRm90bzogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgaW1hZ2VTZXJ2aWNlOiBJbWFnZW5zU2VydmljZSkgeyB9XHJcblxyXG4gIGdldEltYWdlU3JjKCk6IHN0cmluZyB7XHJcbiAgICBpZiAodGhpcy5pbWFnZVVybCAmJiAodGhpcy5pbWFnZVVybC5zdGFydHNXaXRoKCdkYXRhOmltYWdlJykgfHwgdGhpcy5pbWFnZVVybC5zdGFydHNXaXRoKCdodHRwJykgfHwgdGhpcy5pbWFnZVVybC5zdGFydHNXaXRoKCdodHRwcycpKSkge1xyXG4gICAgICB0aGlzLmV4aXN0ZUxvZ28gPSB0cnVlO1xyXG4gICAgICByZXR1cm4gdGhpcy5pbWFnZVVybDtcclxuICAgIH0gZWxzZSBpZiAodGhpcy5pbWFnZVVybCkge1xyXG4gICAgICB0aGlzLmV4aXN0ZUxvZ28gPSB0cnVlO1xyXG4gICAgICByZXR1cm4gJ2RhdGE6aW1hZ2UvanBnO2Jhc2U2NCwnICsgdGhpcy5pbWFnZVVybDtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuZXhpc3RlTG9nbyA9IGZhbHNlO1xyXG4gICAgICByZXR1cm4gdGhpcy5pbWFnZVNlcnZpY2UudXNlckRlZmF1bHRJbWFnZSgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb3BlbkZpbGUoKSB7XHJcbiAgICBjb25zdCBpbnB1dEVsZW1lbnQ6IEhUTUxJbnB1dEVsZW1lbnQgfCBudWxsID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2ZvdG9Fc2NvbGhpZGEnKSBhcyBIVE1MSW5wdXRFbGVtZW50O1xyXG4gICAgaWYgKGlucHV0RWxlbWVudCkge1xyXG4gICAgICBpbnB1dEVsZW1lbnQuY2xpY2soKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHNlbGVjdEZvdG9TZWxlY2lvbmFkYShldmVudDogYW55KSB7XHJcbiAgICBjb25zdCBmaWxlID0gZXZlbnQudGFyZ2V0LmZpbGVzWzBdO1xyXG4gICAgaWYgKGZpbGUpIHtcclxuICAgICAgY29uc3QgcmVhZGVyID0gbmV3IEZpbGVSZWFkZXIoKTtcclxuICAgICAgcmVhZGVyLnJlYWRBc0RhdGFVUkwoZmlsZSk7XHJcbiAgICAgIHJlYWRlci5vbmxvYWQgPSAoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5pbWFnZVVybCA9IHJlYWRlci5yZXN1bHQgYXMgc3RyaW5nO1xyXG4gICAgICAgIHRoaXMuZXhpc3RlTG9nbyA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5pbWFnZVVybENoYW5nZS5lbWl0KHRoaXMuaW1hZ2VVcmwpO1xyXG4gICAgICB9O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG4gIHJlbW92ZXJGb3RvKCkge1xyXG4gICAgdGhpcy5pbWFnZVVybCA9ICcnO1xyXG4gICAgdGhpcy5yZW1vdmVyRm90b0V2ZW50LmVtaXQoKTtcclxuICAgIHRoaXMuZXhpc3RlTG9nbyA9IGZhbHNlO1xyXG4gICAgdGhpcy5pbWFnZVVybENoYW5nZS5lbWl0KHRoaXMuaW1hZ2VVcmwpO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlSW1hZ2VFcnJvcihldmVudDogYW55KSB7XHJcbiAgICBldmVudC50YXJnZXQuc3JjID0gdGhpcy5pbWFnZVNlcnZpY2UudXNlckRlZmF1bHRJbWFnZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGFpbmVyXCI+XHJcbiAgPGltZyBbc3JjXT1cImdldEltYWdlU3JjKCkgfHwgaW1hZ2VTZXJ2aWNlLnVzZXJEZWZhdWx0SW1hZ2UoKVwiIGFsdD1cIkZvdG9cIiBjbGFzcz1cImNvbnRhaW5lci1mb3RvXCIgW3N0eWxlLmJvcmRlci1jb2xvcl09XCJib3JkZXJDb2xvclwiIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFwiIFtzdHlsZS5oZWlnaHQucHhdPVwiaGVpZ2h0XCIgKGVycm9yKT1cImhhbmRsZUltYWdlRXJyb3IoJGV2ZW50KVwiID5cclxuICA8ZGl2IGNsYXNzPVwiYnRuXCI+XHJcbiAgICA8aW5wdXQgKm5nSWY9XCJidG5BbHRlcmFyRm90b1wiIGlkPVwiZm90b0VzY29saGlkYVwiIHR5cGU9XCJmaWxlXCIgYWNjZXB0PVwiaW1hZ2UvKlwiIHN0eWxlPVwiZGlzcGxheTpub25lXCIgKGNoYW5nZSk9XCJzZWxlY3RGb3RvU2VsZWNpb25hZGEoJGV2ZW50KVwiPlxyXG4gICAgPGJ1dHRvbiAqbmdJZj1cImJ0bkFsdGVyYXJGb3RvICYmICFleGlzdGVMb2dvXCIgY2xhc3M9XCJib3Rhby1hbHRlcmFyLWZvdG8gYm9yZGVyLWNpcmNsZVwiIChjbGljayk9XCJvcGVuRmlsZSgpXCI+XHJcbiAgICAgIDxpIGNsYXNzPVwicGkgcGktY2FtZXJhIGljb24tZWRpdFwiPjwvaT5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPGJ1dHRvbiAqbmdJZj1cImJ0bkFsdGVyYXJGb3RvICYmIGV4aXN0ZUxvZ29cIiBjbGFzcz1cImJvdGFvLWV4Y2x1aXItZm90byBib3JkZXItY2lyY2xlXCIgKGNsaWNrKT1cInJlbW92ZXJGb3RvKClcIj5cclxuICAgICAgPGkgY2xhc3M9XCJwaSBwaS10cmFzaCBpY29uLWRlbGV0ZVwiPjwvaT5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWF2YXRhci9rdi1hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtYXZhdGFyL2t2LWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQzs7OztBQVN2QixNQUFNLE9BQU8saUJBQWlCO0lBVzVCLFlBQW1CLFlBQTRCO1FBQTVCLGlCQUFZLEdBQVosWUFBWSxDQUFnQjtRQVR0QyxnQkFBVyxHQUFXLFNBQVMsQ0FBQztRQUNoQyxVQUFLLEdBQVcsR0FBRyxDQUFDO1FBQ3BCLFdBQU0sR0FBVyxHQUFHLENBQUM7UUFDcEIsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzVDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEQsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUVWLG1CQUFjLEdBQVksS0FBSyxDQUFDO0lBRVUsQ0FBQztJQUVwRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsWUFBWSxDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ3ZJLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1lBQ3ZCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUN2QixDQUFDO2FBQU0sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7WUFDdkIsT0FBTyx3QkFBd0IsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ2xELENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7WUFDeEIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDOUMsQ0FBQztJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sTUFBTSxZQUFZLEdBQTRCLFFBQVEsQ0FBQyxjQUFjLENBQUMsZUFBZSxDQUFxQixDQUFDO1FBQzNHLElBQUksWUFBWSxFQUFFLENBQUM7WUFDakIsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3ZCLENBQUM7SUFDSCxDQUFDO0lBRUQscUJBQXFCLENBQUMsS0FBVTtRQUM5QixNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNuQyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ1QsTUFBTSxNQUFNLEdBQUcsSUFBSSxVQUFVLEVBQUUsQ0FBQztZQUNoQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzNCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxFQUFFO2dCQUNuQixJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxNQUFnQixDQUFDO2dCQUN4QyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztnQkFDdkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzFDLENBQUMsQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDO0lBSUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBVTtRQUN6QixLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUQsQ0FBQzs4R0ExRFUsaUJBQWlCO2tHQUFqQixpQkFBaUIsZ1hDaEI5QixpM0JBWUE7OzJGRElhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXO21GQUtaLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0csZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUdFLGNBQWM7c0JBQXRCLEtBQUs7Z0JBcUNrQixTQUFTO3NCQUFoQyxTQUFTO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgVmlld0NoaWxkXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBJbWFnZW5zU2VydmljZSB9IGZyb20gJy4uLy4uL2FwaS9zZXJ2aWNlcy9pbWFnZW5zLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi1hdmF0YXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2t2LWF2YXRhci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdkF2YXRhckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaW1hZ2VVcmwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYm9yZGVyQ29sb3I6IHN0cmluZyA9ICcjNTI4OUI0JztcclxuICBASW5wdXQoKSB3aWR0aDogbnVtYmVyID0gMTM1O1xyXG4gIEBJbnB1dCgpIGhlaWdodDogbnVtYmVyID0gMTM1O1xyXG4gIEBPdXRwdXQoKSBpbWFnZVVybENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBPdXRwdXQoKSByZW1vdmVyRm90b0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIGV4aXN0ZUxvZ28gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgYnRuQWx0ZXJhckZvdG86IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGltYWdlU2VydmljZTogSW1hZ2Vuc1NlcnZpY2UpIHsgfVxyXG5cclxuICBnZXRJbWFnZVNyYygpOiBzdHJpbmcge1xyXG4gICAgaWYgKHRoaXMuaW1hZ2VVcmwgJiYgKHRoaXMuaW1hZ2VVcmwuc3RhcnRzV2l0aCgnZGF0YTppbWFnZScpIHx8IHRoaXMuaW1hZ2VVcmwuc3RhcnRzV2l0aCgnaHR0cCcpIHx8IHRoaXMuaW1hZ2VVcmwuc3RhcnRzV2l0aCgnaHR0cHMnKSkpIHtcclxuICAgICAgdGhpcy5leGlzdGVMb2dvID0gdHJ1ZTtcclxuICAgICAgcmV0dXJuIHRoaXMuaW1hZ2VVcmw7XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMuaW1hZ2VVcmwpIHtcclxuICAgICAgdGhpcy5leGlzdGVMb2dvID0gdHJ1ZTtcclxuICAgICAgcmV0dXJuICdkYXRhOmltYWdlL2pwZztiYXNlNjQsJyArIHRoaXMuaW1hZ2VVcmw7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmV4aXN0ZUxvZ28gPSBmYWxzZTtcclxuICAgICAgcmV0dXJuIHRoaXMuaW1hZ2VTZXJ2aWNlLnVzZXJEZWZhdWx0SW1hZ2UoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9wZW5GaWxlKCkge1xyXG4gICAgY29uc3QgaW5wdXRFbGVtZW50OiBIVE1MSW5wdXRFbGVtZW50IHwgbnVsbCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdmb3RvRXNjb2xoaWRhJykgYXMgSFRNTElucHV0RWxlbWVudDtcclxuICAgIGlmIChpbnB1dEVsZW1lbnQpIHtcclxuICAgICAgaW5wdXRFbGVtZW50LmNsaWNrKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZWxlY3RGb3RvU2VsZWNpb25hZGEoZXZlbnQ6IGFueSkge1xyXG4gICAgY29uc3QgZmlsZSA9IGV2ZW50LnRhcmdldC5maWxlc1swXTtcclxuICAgIGlmIChmaWxlKSB7XHJcbiAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7XHJcbiAgICAgIHJlYWRlci5yZWFkQXNEYXRhVVJMKGZpbGUpO1xyXG4gICAgICByZWFkZXIub25sb2FkID0gKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuaW1hZ2VVcmwgPSByZWFkZXIucmVzdWx0IGFzIHN0cmluZztcclxuICAgICAgICB0aGlzLmV4aXN0ZUxvZ28gPSB0cnVlO1xyXG4gICAgICAgIHRoaXMuaW1hZ2VVcmxDaGFuZ2UuZW1pdCh0aGlzLmltYWdlVXJsKTtcclxuICAgICAgfTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2ZpbGVJbnB1dCcpIGZpbGVJbnB1dCE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIHJlbW92ZXJGb3RvKCkge1xyXG4gICAgdGhpcy5pbWFnZVVybCA9ICcnO1xyXG4gICAgdGhpcy5yZW1vdmVyRm90b0V2ZW50LmVtaXQoKTtcclxuICAgIHRoaXMuZXhpc3RlTG9nbyA9IGZhbHNlO1xyXG4gICAgdGhpcy5pbWFnZVVybENoYW5nZS5lbWl0KHRoaXMuaW1hZ2VVcmwpO1xyXG4gICAgdGhpcy5maWxlSW5wdXQubmF0aXZlRWxlbWVudC52YWx1ZSA9ICcnO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlSW1hZ2VFcnJvcihldmVudDogYW55KSB7XHJcbiAgICBldmVudC50YXJnZXQuc3JjID0gdGhpcy5pbWFnZVNlcnZpY2UudXNlckRlZmF1bHRJbWFnZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGFpbmVyXCI+XHJcbiAgPGltZyBbc3JjXT1cImdldEltYWdlU3JjKCkgfHwgaW1hZ2VTZXJ2aWNlLnVzZXJEZWZhdWx0SW1hZ2UoKVwiIGFsdD1cIkZvdG9cIiBjbGFzcz1cImNvbnRhaW5lci1mb3RvXCIgW3N0eWxlLmJvcmRlci1jb2xvcl09XCJib3JkZXJDb2xvclwiIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFwiIFtzdHlsZS5oZWlnaHQucHhdPVwiaGVpZ2h0XCIgKGVycm9yKT1cImhhbmRsZUltYWdlRXJyb3IoJGV2ZW50KVwiID5cclxuICA8ZGl2IGNsYXNzPVwiYnRuXCI+XHJcbiAgICA8aW5wdXQgI2ZpbGVJbnB1dCAqbmdJZj1cImJ0bkFsdGVyYXJGb3RvXCIgaWQ9XCJmb3RvRXNjb2xoaWRhXCIgdHlwZT1cImZpbGVcIiBhY2NlcHQ9XCJpbWFnZS8qXCIgc3R5bGU9XCJkaXNwbGF5Om5vbmVcIiAoY2hhbmdlKT1cInNlbGVjdEZvdG9TZWxlY2lvbmFkYSgkYW55KCRldmVudCkpXCI+XHJcbiAgICA8YnV0dG9uICpuZ0lmPVwiYnRuQWx0ZXJhckZvdG8gJiYgIWV4aXN0ZUxvZ29cIiBjbGFzcz1cImJvdGFvLWFsdGVyYXItZm90byBib3JkZXItY2lyY2xlXCIgKGNsaWNrKT1cIm9wZW5GaWxlKClcIj5cclxuICAgICAgPGkgY2xhc3M9XCJwaSBwaS1jYW1lcmEgaWNvbi1lZGl0XCI+PC9pPlxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8YnV0dG9uICpuZ0lmPVwiYnRuQWx0ZXJhckZvdG8gJiYgZXhpc3RlTG9nb1wiIGNsYXNzPVwiYm90YW8tZXhjbHVpci1mb3RvIGJvcmRlci1jaXJjbGVcIiAoY2xpY2spPVwicmVtb3ZlckZvdG8oKVwiPlxyXG4gICAgICA8aSBjbGFzcz1cInBpIHBpLXRyYXNoIGljb24tZGVsZXRlXCI+PC9pPlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/components/kv-button/kv-button.component.mjs

@@ -3,8 +3,6 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class KvButtonComponent {
     constructor() {
-        this.label = '';
-        this.icon = '';
         this.loading = false;
         this.disabled = false;
         this.type = 'primary';
@@ -12,11 +10,11 @@ export class KvButtonComponent {
         this.onClick = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonComponent, selector: "kv-button", inputs: { label: "label", icon: "icon", loading: "loading", disabled: "disabled", type: "type", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n  class=\"kv-button kv-{{ size }} kv-{{ type }}\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"onClick.emit($event)\"\r\n>\r\n  <span *ngIf=\"icon\" class=\"material-symbols-outlined icon-{{ size }}\">{{ icon }}</span>\r\n  {{ label }}\r\n</button>\r\n", styles: [".kv-button{font-family:Roboto;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;border:0;gap:.3rem;font-weight:500;border-radius:.4rem;box-shadow:#63636333 0 2px 8px;transition:background-color .3s}.kv-button:disabled{opacity:.4}.kv-button.kv-small{padding:.4rem .7rem;font-size:.75rem;font-weight:550}.kv-button.kv-normal{padding:.5rem .8rem;font-size:1rem}.kv-button.kv-large{padding:.6rem .9rem;font-size:1.25rem}.kv-button.kv-primary{background-color:#29b92d}.kv-button.kv-primary:hover{background-color:#249a29}.kv-button.kv-primary:active{background-color:#1c801f}.kv-button.kv-primary:disabled{background-color:#29b92d;cursor:auto}.kv-button.kv-secondary{background-color:#002542}.kv-button.kv-secondary:hover{background-color:#004172}.kv-button.kv-secondary:active{background-color:#002542}.kv-button.kv-secondary:disabled{background-color:#000f1b;cursor:auto}.kv-button.kv-tertiary{color:#212121;background-color:#f2f3f5}.kv-button.kv-tertiary:hover{background-color:#d9dadb}.kv-button.kv-tertiary:active{background-color:#c0c1c2}.kv-button.kv-tertiary:disabled{background-color:#f2f3f5;opacity:.4}.material-symbols-outlined{font-weight:500}.material-symbols-outlined.icon-small{font-size:.75rem}.material-symbols-outlined.icon-normal{font-size:1rem}.material-symbols-outlined.icon-large{font-size:1.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonComponent, selector: "kv-button", inputs: { label: "label", icon: "icon", loading: "loading", disabled: "disabled", type: "type", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n  class=\"kv-button kv-{{ size }} kv-{{ type }} {{!label ? 'only-icon' : ''}} {{loading ? 'loading' : ''}} {{!icon ? 'only-label' : ''}}\"\r\n  [disabled]=\"disabled || loading\"\r\n  (click)=\"onClick.emit($event)\"\r\n>\r\n<span *ngIf=\"loading\" class=\"material-symbols-outlined loading icon-{{ size }} {{!label ? 'only-icon' : ''}}\">progress_activity</span>\r\n\r\n<span *ngIf=\"icon && !loading\" class=\"material-symbols-outlined icon-{{ size }} {{!label ? 'only-icon' : ''}}\">{{ icon }}</span>\r\n<span *ngIf=\"label\">\r\n  {{ label }}\r\n</span>\r\n</button>", styles: ["@charset \"UTF-8\";.kv-button{font-family:Roboto;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;border:0;gap:.3rem;font-weight:500;border-radius:.4rem;box-shadow:#63636333 0 2px 8px;transition:background-color .3s;width:100%}.kv-button:disabled{opacity:.4}.kv-button.kv-small{font-size:.75rem;font-weight:550}.kv-button.kv-normal{font-size:1rem}.kv-button.kv-large{font-size:1.25rem}.kv-button.kv-primary{background-color:#29b92d}.kv-button.kv-primary:hover{background-color:#249a29}.kv-button.kv-primary:active{background-color:#1c801f}.kv-button.kv-primary:disabled{background-color:#29b92d;opacity:.4;cursor:auto}.kv-button.kv-secondary{background-color:#002542}.kv-button.kv-secondary:hover{background-color:#004172}.kv-button.kv-secondary:active{background-color:#002542}.kv-button.kv-secondary:disabled{background-color:#002542;opacity:.4;cursor:auto}.kv-button.kv-tertiary{color:#212121;background-color:#f2f3f5}.kv-button.kv-tertiary:hover{background-color:#d9dadb}.kv-button.kv-tertiary:active{background-color:#c0c1c2}.kv-button.kv-tertiary:disabled{background-color:#f2f3f5;opacity:.4;cursor:auto}.kv-button.only-icon.kv-small,.kv-button.only-icon.kv-normal,.kv-button.only-icon.kv-large{padding:.4rem}.kv-button.kv-small:not(.only-icon){padding:.4rem .7rem}.kv-button.kv-normal:not(.only-icon){padding:.5rem .8rem}.kv-button.kv-large:not(.only-icon){padding:.6rem .9rem}.kv-button.kv-normal.only-label:not(.loading){padding:.55rem .8rem}.material-symbols-outlined{font-weight:500}.material-symbols-outlined.icon-small{font-size:.75rem}.material-symbols-outlined.icon-normal{font-size:1.2rem}.material-symbols-outlined.icon-large{font-size:1.25rem}.material-symbols-outlined.only-icon.icon-small{font-size:.75rem}.material-symbols-outlined.only-icon.icon-normal{font-size:1.25rem}.material-symbols-outlined.only-icon.icon-large{font-size:1.8rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.material-symbols-outlined.loading{display:inline-block;animation:rotate 1s linear infinite}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-button', template: "<button\r\n  class=\"kv-button kv-{{ size }} kv-{{ type }}\"\r\n  [disabled]=\"disabled\"\r\n  (click)=\"onClick.emit($event)\"\r\n>\r\n  <span *ngIf=\"icon\" class=\"material-symbols-outlined icon-{{ size }}\">{{ icon }}</span>\r\n  {{ label }}\r\n</button>\r\n", styles: [".kv-button{font-family:Roboto;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;border:0;gap:.3rem;font-weight:500;border-radius:.4rem;box-shadow:#63636333 0 2px 8px;transition:background-color .3s}.kv-button:disabled{opacity:.4}.kv-button.kv-small{padding:.4rem .7rem;font-size:.75rem;font-weight:550}.kv-button.kv-normal{padding:.5rem .8rem;font-size:1rem}.kv-button.kv-large{padding:.6rem .9rem;font-size:1.25rem}.kv-button.kv-primary{background-color:#29b92d}.kv-button.kv-primary:hover{background-color:#249a29}.kv-button.kv-primary:active{background-color:#1c801f}.kv-button.kv-primary:disabled{background-color:#29b92d;cursor:auto}.kv-button.kv-secondary{background-color:#002542}.kv-button.kv-secondary:hover{background-color:#004172}.kv-button.kv-secondary:active{background-color:#002542}.kv-button.kv-secondary:disabled{background-color:#000f1b;cursor:auto}.kv-button.kv-tertiary{color:#212121;background-color:#f2f3f5}.kv-button.kv-tertiary:hover{background-color:#d9dadb}.kv-button.kv-tertiary:active{background-color:#c0c1c2}.kv-button.kv-tertiary:disabled{background-color:#f2f3f5;opacity:.4}.material-symbols-outlined{font-weight:500}.material-symbols-outlined.icon-small{font-size:.75rem}.material-symbols-outlined.icon-normal{font-size:1rem}.material-symbols-outlined.icon-large{font-size:1.25rem}\n"] }]
+            args: [{ selector: 'kv-button', template: "<button\r\n  class=\"kv-button kv-{{ size }} kv-{{ type }} {{!label ? 'only-icon' : ''}} {{loading ? 'loading' : ''}} {{!icon ? 'only-label' : ''}}\"\r\n  [disabled]=\"disabled || loading\"\r\n  (click)=\"onClick.emit($event)\"\r\n>\r\n<span *ngIf=\"loading\" class=\"material-symbols-outlined loading icon-{{ size }} {{!label ? 'only-icon' : ''}}\">progress_activity</span>\r\n\r\n<span *ngIf=\"icon && !loading\" class=\"material-symbols-outlined icon-{{ size }} {{!label ? 'only-icon' : ''}}\">{{ icon }}</span>\r\n<span *ngIf=\"label\">\r\n  {{ label }}\r\n</span>\r\n</button>", styles: ["@charset \"UTF-8\";.kv-button{font-family:Roboto;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;border:0;gap:.3rem;font-weight:500;border-radius:.4rem;box-shadow:#63636333 0 2px 8px;transition:background-color .3s;width:100%}.kv-button:disabled{opacity:.4}.kv-button.kv-small{font-size:.75rem;font-weight:550}.kv-button.kv-normal{font-size:1rem}.kv-button.kv-large{font-size:1.25rem}.kv-button.kv-primary{background-color:#29b92d}.kv-button.kv-primary:hover{background-color:#249a29}.kv-button.kv-primary:active{background-color:#1c801f}.kv-button.kv-primary:disabled{background-color:#29b92d;opacity:.4;cursor:auto}.kv-button.kv-secondary{background-color:#002542}.kv-button.kv-secondary:hover{background-color:#004172}.kv-button.kv-secondary:active{background-color:#002542}.kv-button.kv-secondary:disabled{background-color:#002542;opacity:.4;cursor:auto}.kv-button.kv-tertiary{color:#212121;background-color:#f2f3f5}.kv-button.kv-tertiary:hover{background-color:#d9dadb}.kv-button.kv-tertiary:active{background-color:#c0c1c2}.kv-button.kv-tertiary:disabled{background-color:#f2f3f5;opacity:.4;cursor:auto}.kv-button.only-icon.kv-small,.kv-button.only-icon.kv-normal,.kv-button.only-icon.kv-large{padding:.4rem}.kv-button.kv-small:not(.only-icon){padding:.4rem .7rem}.kv-button.kv-normal:not(.only-icon){padding:.5rem .8rem}.kv-button.kv-large:not(.only-icon){padding:.6rem .9rem}.kv-button.kv-normal.only-label:not(.loading){padding:.55rem .8rem}.material-symbols-outlined{font-weight:500}.material-symbols-outlined.icon-small{font-size:.75rem}.material-symbols-outlined.icon-normal{font-size:1.2rem}.material-symbols-outlined.icon-large{font-size:1.25rem}.material-symbols-outlined.only-icon.icon-small{font-size:.75rem}.material-symbols-outlined.only-icon.icon-normal{font-size:1.25rem}.material-symbols-outlined.only-icon.icon-large{font-size:1.8rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.material-symbols-outlined.loading{display:inline-block;animation:rotate 1s linear infinite}\n"] }]
         }], ctorParameters: () => [], propDecorators: { label: [{
                 type: Input
             }], icon: [{
@@ -32,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             }], onClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWJ1dHRvbi9rdi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtYnV0dG9uL2t2LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPdkUsTUFBTSxPQUFPLGlCQUFpQjtJQVU1QjtRQVRTLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsU0FBSSxHQUF5QyxTQUFTLENBQUM7UUFDdkQsU0FBSSxHQUFpQyxRQUFRLENBQUM7UUFFN0MsWUFBTyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTNDLENBQUM7OEdBVkwsaUJBQWlCO2tHQUFqQixpQkFBaUIsa01DUDlCLHdRQVFBOzsyRkREYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVzt3REFLWixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LWJ1dHRvbi5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdkJ1dHRvbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGljb246IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5JyA9ICdwcmltYXJ5JztcclxuICBASW5wdXQoKSBzaXplOiAnc21hbGwnIHwgJ25vcm1hbCcgfCAnbGFyZ2UnID0gJ25vcm1hbCc7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG59XHJcbiIsIjxidXR0b25cclxuICBjbGFzcz1cImt2LWJ1dHRvbiBrdi17eyBzaXplIH19IGt2LXt7IHR5cGUgfX1cIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgKGNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcclxuPlxyXG4gIDxzcGFuICpuZ0lmPVwiaWNvblwiIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBpY29uLXt7IHNpemUgfX1cIj57eyBpY29uIH19PC9zcGFuPlxyXG4gIHt7IGxhYmVsIH19XHJcbjwvYnV0dG9uPlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWJ1dHRvbi9rdi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtYnV0dG9uL2t2LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPdkUsTUFBTSxPQUFPLGlCQUFpQjtJQVc1QjtRQVBTLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixTQUFJLEdBQXlDLFNBQVMsQ0FBQztRQUN2RCxTQUFJLEdBQWlDLFFBQVEsQ0FBQztRQUU3QyxZQUFPLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFM0MsQ0FBQzs4R0FYTCxpQkFBaUI7a0dBQWpCLGlCQUFpQixrTUNQOUIsdWtCQVdTOzsyRkRKSSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVzt3REFNWixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LWJ1dHRvbi5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdkJ1dHRvbkNvbXBvbmVudHtcclxuXHJcbiAgQElucHV0KCkgbGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWNvbiE6IHN0cmluZztcclxuICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB0eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeScgPSAncHJpbWFyeSc7XHJcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdub3JtYWwnIHwgJ2xhcmdlJyA9ICdub3JtYWwnO1xyXG5cclxuICBAT3V0cHV0KCkgb25DbGljazogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxufVxyXG4iLCI8YnV0dG9uXHJcbiAgY2xhc3M9XCJrdi1idXR0b24ga3Yte3sgc2l6ZSB9fSBrdi17eyB0eXBlIH19IHt7IWxhYmVsID8gJ29ubHktaWNvbicgOiAnJ319IHt7bG9hZGluZyA/ICdsb2FkaW5nJyA6ICcnfX0ge3shaWNvbiA/ICdvbmx5LWxhYmVsJyA6ICcnfX1cIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBsb2FkaW5nXCJcclxuICAoY2xpY2spPVwib25DbGljay5lbWl0KCRldmVudClcIlxyXG4+XHJcbjxzcGFuICpuZ0lmPVwibG9hZGluZ1wiIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBsb2FkaW5nIGljb24te3sgc2l6ZSB9fSB7eyFsYWJlbCA/ICdvbmx5LWljb24nIDogJyd9fVwiPnByb2dyZXNzX2FjdGl2aXR5PC9zcGFuPlxyXG5cclxuPHNwYW4gKm5nSWY9XCJpY29uICYmICFsb2FkaW5nXCIgY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkIGljb24te3sgc2l6ZSB9fSB7eyFsYWJlbCA/ICdvbmx5LWljb24nIDogJyd9fVwiPnt7IGljb24gfX08L3NwYW4+XHJcbjxzcGFuICpuZ0lmPVwibGFiZWxcIj5cclxuICB7eyBsYWJlbCB9fVxyXG48L3NwYW4+XHJcbjwvYnV0dG9uPiJdfQ==

package/esm2022/lib/components/kv-chart/kv-chart.component.mjs

@@ -113,11 +113,11 @@ export class KvChartComponent {
         this.onSelectionValue.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvChartComponent, selector: "kv-chart", inputs: { title: "title", type: "type", indexAxis: "indexAxis", displayLegend: "displayLegend", showDatas: "showDatas", showMenu: "showMenu", selectedData: "selectedData", enablePeriodos: "enablePeriodos" }, outputs: { onPrintReport: "onPrintReport", onSelectionValue: "onSelectionValue" }, viewQueries: [{ propertyName: "chart", first: true, predicate: ["chart"], descendants: true }], ngImport: i0, template: "<div class=\"card h-full\">\r\n  <div class=\"flex align-items-start justify-content-between mb-6\">\r\n    <label class=\"text-900 text-xl font-semibold\">{{ title }}</label>\r\n    <div>\r\n      <p-dropdown\r\n        *ngIf=\"showDatas\"\r\n        [options]=\"periodos\"\r\n        [(ngModel)]=\"selectedData\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n        styleClass=\"w-15rem\"\r\n        (onChange)=\"selectionValue($event)\">\r\n      </p-dropdown>\r\n      <button\r\n        *ngIf=\"showMenu\"\r\n        pButton\r\n        pRipple\r\n        icon=\"pi pi-ellipsis-h\"\r\n        class=\"p-button-rounded p-button-secondary\"\r\n        style=\"margin-left: 10px;\"\r\n        (click)=\"menu.toggle($event)\">\r\n      </button>\r\n      <p-menu\r\n        #menu\r\n        [popup]=\"true\"\r\n        appendTo=\"body\"\r\n        [model]=\"menuItems\">\r\n      </p-menu>\r\n    </div>\r\n  </div>\r\n  <p-chart\r\n    #chart\r\n    [type]=\"type\"\r\n    [data]=\"data\"\r\n    [options]=\"options\"\r\n    height=\"300px\">\r\n  </p-chart>\r\n</div>\r\n", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i3.UIChart, selector: "p-chart", inputs: ["type", "plugins", "width", "height", "responsive", "ariaLabel", "ariaLabelledBy", "data", "options"], outputs: ["onDataSelect"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i6.Ripple, selector: "[pRipple]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvChartComponent, selector: "kv-chart", inputs: { title: "title", type: "type", indexAxis: "indexAxis", displayLegend: "displayLegend", showDatas: "showDatas", showMenu: "showMenu", selectedData: "selectedData", enablePeriodos: "enablePeriodos" }, outputs: { onPrintReport: "onPrintReport", onSelectionValue: "onSelectionValue" }, viewQueries: [{ propertyName: "chart", first: true, predicate: ["chart"], descendants: true }], ngImport: i0, template: "<div class=\"card h-full\">\r\n  <div class=\"flex align-items-start justify-content-between mb-6\">\r\n    <label class=\"text-900 text-xl font-semibold\">{{ title }}</label>\r\n    <div>\r\n      <p-dropdown\r\n        *ngIf=\"showDatas\"\r\n        [options]=\"periodos\"\r\n        [(ngModel)]=\"selectedData\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n        styleClass=\"w-15rem\"\r\n        (onChange)=\"selectionValue($event)\">\r\n      </p-dropdown>\r\n      <button\r\n        *ngIf=\"showMenu\"\r\n        pButton\r\n        pRipple\r\n        icon=\"pi pi-ellipsis-h\"\r\n        class=\"p-button-rounded p-button-secondary\"\r\n        style=\"margin-left: 10px;\"\r\n        (click)=\"menu.toggle($event)\">\r\n      </button>\r\n      <p-menu\r\n        #menu\r\n        [popup]=\"true\"\r\n        appendTo=\"body\"\r\n        [model]=\"menuItems\">\r\n      </p-menu>\r\n    </div>\r\n  </div>\r\n  <p-chart\r\n    #chart\r\n    [type]=\"type\"\r\n    [data]=\"data\"\r\n    [options]=\"options\"\r\n    height=\"300px\">\r\n  </p-chart>\r\n</div>\r\n", styles: ["", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i3.UIChart, selector: "p-chart", inputs: ["type", "plugins", "width", "height", "responsive", "ariaLabel", "ariaLabelledBy", "data", "options"], outputs: ["onDataSelect"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "directive", type: i6.Ripple, selector: "[pRipple]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-chart', template: "<div class=\"card h-full\">\r\n  <div class=\"flex align-items-start justify-content-between mb-6\">\r\n    <label class=\"text-900 text-xl font-semibold\">{{ title }}</label>\r\n    <div>\r\n      <p-dropdown\r\n        *ngIf=\"showDatas\"\r\n        [options]=\"periodos\"\r\n        [(ngModel)]=\"selectedData\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n        styleClass=\"w-15rem\"\r\n        (onChange)=\"selectionValue($event)\">\r\n      </p-dropdown>\r\n      <button\r\n        *ngIf=\"showMenu\"\r\n        pButton\r\n        pRipple\r\n        icon=\"pi pi-ellipsis-h\"\r\n        class=\"p-button-rounded p-button-secondary\"\r\n        style=\"margin-left: 10px;\"\r\n        (click)=\"menu.toggle($event)\">\r\n      </button>\r\n      <p-menu\r\n        #menu\r\n        [popup]=\"true\"\r\n        appendTo=\"body\"\r\n        [model]=\"menuItems\">\r\n      </p-menu>\r\n    </div>\r\n  </div>\r\n  <p-chart\r\n    #chart\r\n    [type]=\"type\"\r\n    [data]=\"data\"\r\n    [options]=\"options\"\r\n    height=\"300px\">\r\n  </p-chart>\r\n</div>\r\n", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-chart', template: "<div class=\"card h-full\">\r\n  <div class=\"flex align-items-start justify-content-between mb-6\">\r\n    <label class=\"text-900 text-xl font-semibold\">{{ title }}</label>\r\n    <div>\r\n      <p-dropdown\r\n        *ngIf=\"showDatas\"\r\n        [options]=\"periodos\"\r\n        [(ngModel)]=\"selectedData\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n        styleClass=\"w-15rem\"\r\n        (onChange)=\"selectionValue($event)\">\r\n      </p-dropdown>\r\n      <button\r\n        *ngIf=\"showMenu\"\r\n        pButton\r\n        pRipple\r\n        icon=\"pi pi-ellipsis-h\"\r\n        class=\"p-button-rounded p-button-secondary\"\r\n        style=\"margin-left: 10px;\"\r\n        (click)=\"menu.toggle($event)\">\r\n      </button>\r\n      <p-menu\r\n        #menu\r\n        [popup]=\"true\"\r\n        appendTo=\"body\"\r\n        [model]=\"menuItems\">\r\n      </p-menu>\r\n    </div>\r\n  </div>\r\n  <p-chart\r\n    #chart\r\n    [type]=\"type\"\r\n    [data]=\"data\"\r\n    [options]=\"options\"\r\n    height=\"300px\">\r\n  </p-chart>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
         }], ctorParameters: () => [], propDecorators: { title: [{
                 type: Input
             }], type: [{

package/esm2022/lib/components/kv-inputs/kv-check/kv-check.component.mjs

@@ -18,11 +18,11 @@ export class KvCheckComponent extends BaseComponentInput {
         this.onCheckChange.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCheckComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvCheckComponent, selector: "kv-check", outputs: { onCheckChange: "onCheckChange" }, providers: ComponentProviders(KvCheckComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"field-checkbox flex flex-column align-items-start\">\r\n  <p-checkbox\r\n    [binary]=\"true\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"emitOnCheckChange($event)\"\r\n  >\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvCheckComponent, selector: "kv-check", outputs: { onCheckChange: "onCheckChange" }, providers: ComponentProviders(KvCheckComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"field-checkbox flex flex-column align-items-start\">\r\n  <p-checkbox\r\n    [binary]=\"true\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"emitOnCheckChange($event)\"\r\n  >\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCheckComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-check', providers: ComponentProviders(KvCheckComponent), template: "<div class=\"field-checkbox flex flex-column align-items-start\">\r\n  <p-checkbox\r\n    [binary]=\"true\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"emitOnCheckChange($event)\"\r\n  >\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-check', providers: ComponentProviders(KvCheckComponent), template: "<div class=\"field-checkbox flex flex-column align-items-start\">\r\n  <p-checkbox\r\n    [binary]=\"true\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n    [inputId]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (onChange)=\"emitOnCheckChange($event)\"\r\n  >\r\n  </p-checkbox>\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</div>", styles: ["@media only screen and (min-width: 1000px){::ng-deep .p-checkbox-label{font-size:16px}}@media only screen and (max-width: 1000px){::ng-deep .p-checkbox-label{font-size:12px}}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
         }], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { onCheckChange: [{
                 type: Output
             }] } });

package/esm2022/lib/components/kv-inputs/kv-dropdown/kv-dropdown.component.mjs

@@ -23,11 +23,11 @@ export class KvDropdownComponent extends BaseComponentDropDown {
             this.value = this.dropDowValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvDropdownComponent, deps: [{ token: i1.ComponentService }, { token: i2.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvDropdownComponent, selector: "kv-dropdown", inputs: { dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, providers: ComponentProviders(KvDropdownComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-dropdown\r\n    appendTo=\"body\"\r\n    scrollHeight=\"250px\"\r\n    styleClass=\"inputs\"\r\n    [(ngModel)]=\"value\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [emptyMessage]=\"emptyMessage()\"\r\n    [filter]=\"filter\"\r\n    [group]=\"group\"\r\n    [inputId]=\"componentId\"\r\n    [lazy]=\"lazy\"\r\n    [loading]=\"loading\"\r\n    [optionDisabled]=\"optionDisabled\"\r\n    [optionGroupChildren]=\"optionGroupChildren\"\r\n    [optionGroupLabel]=\"optionGroupLabel\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [options]=\"filteredOptions\"\r\n    [optionValue]=\"optionValue\"\r\n    [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\r\n    [showClear]=\"showClear\"\r\n    [style]=\"{'width':widthField}\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onChange)=\"onInputChange($event)\"\r\n    (onClick)=\"onInputClick($event)\"\r\n    (onFilter)=\"onInputFilter($event)\"\r\n  >\r\n\r\n    <ng-template\r\n      *ngIf=\"showAddButton\"\r\n      pTemplate=\"footer\"\r\n    >\r\n      <p-divider></p-divider>\r\n      <div class=\"flex flex-wrap card-container p-1\">\r\n        <div class=\"flex justify-content-center\">\r\n          <button\r\n            pButton\r\n            label=\"Incluir\"\r\n            pTooltip=\"Clique aqui para incluir um novo registro\"\r\n            tooltipPosition=\"bottom\"\r\n            icon=\"pi pi-plus\"\r\n            class=\"p-button-rounded p-button-success mr-2\"\r\n            (click)=\"addClick($event)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template\r\n      let-selectedItem\r\n      pTemplate=\"selectedItem\"\r\n      *ngIf=\"selectedItemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n  </p-dropdown>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["::ng-deep .p-dropdown .p-dropdown-label{display:flex;align-items:center}::ng-deep .p-dropdown{width:100%}@media only screen and (min-width: 700px){::ng-deep .p-dropdown-panel{max-width:700px}}@media only screen and (max-width: 700px){::ng-deep .p-dropdown-panel{max-width:400px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i6.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i8.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i10.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i11.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvDropdownComponent, selector: "kv-dropdown", inputs: { dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, providers: ComponentProviders(KvDropdownComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-dropdown\r\n    appendTo=\"body\"\r\n    scrollHeight=\"250px\"\r\n    styleClass=\"inputs\"\r\n    [(ngModel)]=\"value\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [emptyMessage]=\"emptyMessage()\"\r\n    [filter]=\"filter\"\r\n    [group]=\"group\"\r\n    [inputId]=\"componentId\"\r\n    [lazy]=\"lazy\"\r\n    [loading]=\"loading\"\r\n    [optionDisabled]=\"optionDisabled\"\r\n    [optionGroupChildren]=\"optionGroupChildren\"\r\n    [optionGroupLabel]=\"optionGroupLabel\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [options]=\"filteredOptions\"\r\n    [optionValue]=\"optionValue\"\r\n    [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\r\n    [showClear]=\"showClear\"\r\n    [style]=\"{'width':widthField}\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onChange)=\"onInputChange($event)\"\r\n    (onClick)=\"onInputClick($event)\"\r\n    (onFilter)=\"onInputFilter($event)\"\r\n  >\r\n\r\n    <ng-template\r\n      *ngIf=\"showAddButton\"\r\n      pTemplate=\"footer\"\r\n    >\r\n      <p-divider></p-divider>\r\n      <div class=\"flex flex-wrap card-container p-1\">\r\n        <div class=\"flex justify-content-center\">\r\n          <button\r\n            pButton\r\n            label=\"Incluir\"\r\n            pTooltip=\"Clique aqui para incluir um novo registro\"\r\n            tooltipPosition=\"bottom\"\r\n            icon=\"pi pi-plus\"\r\n            class=\"p-button-rounded p-button-success mr-2\"\r\n            (click)=\"addClick($event)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template\r\n      let-selectedItem\r\n      pTemplate=\"selectedItem\"\r\n      *ngIf=\"selectedItemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n  </p-dropdown>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["::ng-deep .p-dropdown .p-dropdown-label{display:flex;align-items:center}::ng-deep .p-dropdown{width:100%}@media only screen and (min-width: 700px){::ng-deep .p-dropdown-panel{max-width:700px}}@media only screen and (max-width: 700px){::ng-deep .p-dropdown-panel{max-width:400px}}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i6.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i8.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i10.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i11.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-dropdown', providers: ComponentProviders(KvDropdownComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-dropdown\r\n    appendTo=\"body\"\r\n    scrollHeight=\"250px\"\r\n    styleClass=\"inputs\"\r\n    [(ngModel)]=\"value\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [emptyMessage]=\"emptyMessage()\"\r\n    [filter]=\"filter\"\r\n    [group]=\"group\"\r\n    [inputId]=\"componentId\"\r\n    [lazy]=\"lazy\"\r\n    [loading]=\"loading\"\r\n    [optionDisabled]=\"optionDisabled\"\r\n    [optionGroupChildren]=\"optionGroupChildren\"\r\n    [optionGroupLabel]=\"optionGroupLabel\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [options]=\"filteredOptions\"\r\n    [optionValue]=\"optionValue\"\r\n    [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\r\n    [showClear]=\"showClear\"\r\n    [style]=\"{'width':widthField}\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onChange)=\"onInputChange($event)\"\r\n    (onClick)=\"onInputClick($event)\"\r\n    (onFilter)=\"onInputFilter($event)\"\r\n  >\r\n\r\n    <ng-template\r\n      *ngIf=\"showAddButton\"\r\n      pTemplate=\"footer\"\r\n    >\r\n      <p-divider></p-divider>\r\n      <div class=\"flex flex-wrap card-container p-1\">\r\n        <div class=\"flex justify-content-center\">\r\n          <button\r\n            pButton\r\n            label=\"Incluir\"\r\n            pTooltip=\"Clique aqui para incluir um novo registro\"\r\n            tooltipPosition=\"bottom\"\r\n            icon=\"pi pi-plus\"\r\n            class=\"p-button-rounded p-button-success mr-2\"\r\n            (click)=\"addClick($event)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template\r\n      let-selectedItem\r\n      pTemplate=\"selectedItem\"\r\n      *ngIf=\"selectedItemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n  </p-dropdown>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["::ng-deep .p-dropdown .p-dropdown-label{display:flex;align-items:center}::ng-deep .p-dropdown{width:100%}@media only screen and (min-width: 700px){::ng-deep .p-dropdown-panel{max-width:700px}}@media only screen and (max-width: 700px){::ng-deep .p-dropdown-panel{max-width:400px}}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-dropdown', providers: ComponentProviders(KvDropdownComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-dropdown\r\n    appendTo=\"body\"\r\n    scrollHeight=\"250px\"\r\n    styleClass=\"inputs\"\r\n    [(ngModel)]=\"value\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [emptyMessage]=\"emptyMessage()\"\r\n    [filter]=\"filter\"\r\n    [group]=\"group\"\r\n    [inputId]=\"componentId\"\r\n    [lazy]=\"lazy\"\r\n    [loading]=\"loading\"\r\n    [optionDisabled]=\"optionDisabled\"\r\n    [optionGroupChildren]=\"optionGroupChildren\"\r\n    [optionGroupLabel]=\"optionGroupLabel\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [options]=\"filteredOptions\"\r\n    [optionValue]=\"optionValue\"\r\n    [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\r\n    [showClear]=\"showClear\"\r\n    [style]=\"{'width':widthField}\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onChange)=\"onInputChange($event)\"\r\n    (onClick)=\"onInputClick($event)\"\r\n    (onFilter)=\"onInputFilter($event)\"\r\n  >\r\n\r\n    <ng-template\r\n      *ngIf=\"showAddButton\"\r\n      pTemplate=\"footer\"\r\n    >\r\n      <p-divider></p-divider>\r\n      <div class=\"flex flex-wrap card-container p-1\">\r\n        <div class=\"flex justify-content-center\">\r\n          <button\r\n            pButton\r\n            label=\"Incluir\"\r\n            pTooltip=\"Clique aqui para incluir um novo registro\"\r\n            tooltipPosition=\"bottom\"\r\n            icon=\"pi pi-plus\"\r\n            class=\"p-button-rounded p-button-success mr-2\"\r\n            (click)=\"addClick($event)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n    <ng-template\r\n      let-item\r\n      pTemplate=\"item\"\r\n      *ngIf=\"itemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"itemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n\r\n    <ng-template\r\n      let-selectedItem\r\n      pTemplate=\"selectedItem\"\r\n      *ngIf=\"selectedItemTemplate\"\r\n    >\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n      >\r\n\r\n      </ng-container>\r\n    </ng-template>\r\n\r\n    <!-- :: -->\r\n\r\n  </p-dropdown>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["::ng-deep .p-dropdown .p-dropdown-label{display:flex;align-items:center}::ng-deep .p-dropdown{width:100%}@media only screen and (min-width: 700px){::ng-deep .p-dropdown-panel{max-width:700px}}@media only screen and (max-width: 700px){::ng-deep .p-dropdown-panel{max-width:400px}}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
         }], ctorParameters: () => [{ type: i1.ComponentService }, { type: i2.DialogService }], propDecorators: { dropDowValue: [{
                 type: Input
             }], itemTemplate: [{

package/esm2022/lib/components/kv-inputs/kv-input-calendar/kv-input-calendar.component.mjs

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Component, EventEmitter, HostListener, Input, Output, ViewChild } from '@angular/core';
 import { BaseComponentInput } from '../../../api/base-components/base-component-input';
 import { ComponentProviders } from '../../../api/helpers/component-providers';
 import * as i0 from "@angular/core";
@@ -21,6 +21,9 @@ export class KvInputCalendarComponent extends BaseComponentInput {
         this.typeView = 'date';
         this.dateFormat = 'dd/mm/yy';
     }
+    onWindowResize() {
+        this.screenWidth = window.innerWidth;
+    }
     writeValue(value) {
         this.value = value;
         if (value && typeof value === 'string') {
@@ -41,6 +44,7 @@ export class KvInputCalendarComponent extends BaseComponentInput {
             this.typeView = 'date';
             this.dateFormat = 'dd/mm/yy';
         }
+        this.screenWidth = window.innerWidth;
     }
     onInputChange(event) {
         this.hideOnRangeMode();
@@ -57,11 +61,11 @@ export class KvInputCalendarComponent extends BaseComponentInput {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputCalendarComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputCalendarComponent, selector: "kv-input-calendar", inputs: { isYear: "isYear", isMonthYear: "isMonthYear", minDate: "minDate", maxDate: "maxDate", showButtonBar: "showButtonBar", showIcon: "showIcon", showTime: "showTime", selectionMode: "selectionMode" }, outputs: { onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue" }, providers: ComponentProviders(KvInputCalendarComponent), viewQueries: [{ propertyName: "dateFilter", first: true, predicate: ["dateFilter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-calendar\r\n    #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [showOnFocus]=\"false\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["::ng-deep .p-calendar-w-btn .p-datepicker-trigger{background-color:#f2f3f5;border:none;color:#000;font-size:25px;border:solid 1px #d1d5db}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:hover{background-color:#d9dadb}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:disabled{background-color:#f2f3f5}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:active{background-color:#c0c1c2}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputCalendarComponent, selector: "kv-input-calendar", inputs: { isYear: "isYear", isMonthYear: "isMonthYear", minDate: "minDate", maxDate: "maxDate", showButtonBar: "showButtonBar", showIcon: "showIcon", showTime: "showTime", selectionMode: "selectionMode" }, outputs: { onSelectionChange: "onSelectionChange", onSelectionValue: "onSelectionValue" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, providers: ComponentProviders(KvInputCalendarComponent), viewQueries: [{ propertyName: "dateFilter", first: true, predicate: ["dateFilter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\r\n  />\r\n  <p-calendar\r\n    #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [showOnFocus]=\"showTime || screenWidth > 1366 || selectionMode == 'range'\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["::ng-deep .p-calendar-w-btn .p-datepicker-trigger{background-color:#f2f3f5;border:none;color:#000;font-size:25px;border:solid 1px #d1d5db}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:hover{background-color:#d9dadb}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:disabled{background-color:#f2f3f5}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:active{background-color:#c0c1c2}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputCalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-calendar', providers: ComponentProviders(KvInputCalendarComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-calendar\r\n    #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [showOnFocus]=\"false\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["::ng-deep .p-calendar-w-btn .p-datepicker-trigger{background-color:#f2f3f5;border:none;color:#000;font-size:25px;border:solid 1px #d1d5db}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:hover{background-color:#d9dadb}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:disabled{background-color:#f2f3f5}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:active{background-color:#c0c1c2}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-calendar', providers: ComponentProviders(KvInputCalendarComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\r\n  />\r\n  <p-calendar\r\n    #dateFilter\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [minDate]=\"minDate\"\r\n    [maxDate]=\"maxDate\"\r\n    [selectionMode]=\"selectionMode\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [showIcon]=\"showIcon\"\r\n    [showTime]=\"showTime\"\r\n    [showOnFocus]=\"showTime || screenWidth > 1366 || selectionMode == 'range'\"\r\n    [view]=\"typeView\"\r\n    [dateFormat]=\"dateFormat\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onClose)=\"onInputClose($event)\"\r\n    (onSelect)=\"onInputChange($event)\"\r\n    styleClass=\"inputs\"\r\n  >\r\n  </p-calendar>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["::ng-deep .p-calendar-w-btn .p-datepicker-trigger{background-color:#f2f3f5;border:none;color:#000;font-size:25px;border:solid 1px #d1d5db}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:hover{background-color:#d9dadb}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:disabled{background-color:#f2f3f5}::ng-deep .p-calendar-w-btn .p-datepicker-trigger:active{background-color:#c0c1c2}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
         }], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { isYear: [{
                 type: Input
             }], isMonthYear: [{
@@ -85,5 +89,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             }], dateFilter: [{
                 type: ViewChild,
                 args: ['dateFilter']
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtaW5wdXQtY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5wdXRzL2t2LWlucHV0LWNhbGVuZGFyL2t2LWlucHV0LWNhbGVuZGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1pbnB1dC1jYWxlbmRhci9rdi1pbnB1dC1jYWxlbmRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUl2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUN2RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7Ozs7OztBQVk5RSxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsa0JBQXdCO0lBZ0JwRSxZQUFZLGdCQUFrQztRQUM1QyxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQWhCakIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUc3QixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUMvQixhQUFRLEdBQVksSUFBSSxDQUFDO1FBQ3pCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsa0JBQWEsR0FBb0MsUUFBUSxDQUFDO1FBQ3pELHNCQUFpQixHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzFELHFCQUFnQixHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBR25FLGFBQVEsR0FBcUIsTUFBTSxDQUFDO1FBQ3BDLGVBQVUsR0FBVyxVQUFVLENBQUM7SUFJaEMsQ0FBQztJQUVRLFVBQVUsQ0FBQyxLQUFXO1FBQzdCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBRW5CLElBQUksS0FBSyxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRSxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0IsQ0FBQztJQUNILENBQUM7SUFFUSxRQUFRO1FBQ2YsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBRWpCLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQztZQUN4QixJQUFJLENBQUMsVUFBVSxHQUFHLE9BQU8sQ0FBQztRQUM1QixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO0lBRVMsYUFBYSxDQUFDLEtBQVU7UUFDaEMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFbEMsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RELENBQUM7SUFDSCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLGFBQWEsSUFBSSxPQUFPLEVBQUUsQ0FBQztZQUNsQyxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7Z0JBQzdCLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDaEMsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDOzhHQTFEVSx3QkFBd0I7a0dBQXhCLHdCQUF3QixxVkFGeEIsa0JBQWtCLENBQUMsd0JBQXdCLENBQUMsMkpDdEJ6RCxzNUJBK0JBOzsyRkRQYSx3QkFBd0I7a0JBVHBDLFNBQVM7K0JBQ0UsbUJBQW1CLGFBTWxCLGtCQUFrQiwwQkFBMEI7cUZBRzlDLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0csZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUMwQixVQUFVO3NCQUExQyxTQUFTO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBWaWV3Q2hpbGRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IENhbGVuZGFyVHlwZVZpZXcgfSBmcm9tICdwcmltZW5nL2NhbGVuZGFyJztcclxuXHJcbmltcG9ydCB7IEJhc2VDb21wb25lbnRJbnB1dCB9IGZyb20gJy4uLy4uLy4uL2FwaS9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQtaW5wdXQnO1xyXG5pbXBvcnQgeyBDb21wb25lbnRQcm92aWRlcnMgfSBmcm9tICcuLi8uLi8uLi9hcGkvaGVscGVycy9jb21wb25lbnQtcHJvdmlkZXJzJztcclxuaW1wb3J0IHsgQ29tcG9uZW50U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2FwaS9zZXJ2aWNlcy9jb21wb25lbnQuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWlucHV0LWNhbGVuZGFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtaW5wdXQtY2FsZW5kYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogW1xyXG4gICAgJy4va3YtaW5wdXQtY2FsZW5kYXIuY29tcG9uZW50LnNjc3MnLFxyXG4gICAgJy4uLy4uL2tlZXZvLWNvbXBvbmVudHMtc3R5bGVzLnNjc3MnLFxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBDb21wb25lbnRQcm92aWRlcnMoS3ZJbnB1dENhbGVuZGFyQ29tcG9uZW50KSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2SW5wdXRDYWxlbmRhckNvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnRJbnB1dDxEYXRlPiBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgaXNZZWFyOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNNb250aFllYXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBtaW5EYXRlITogRGF0ZTtcclxuICBASW5wdXQoKSBtYXhEYXRlITogRGF0ZTtcclxuICBASW5wdXQoKSBzaG93QnV0dG9uQmFyOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2hvd0ljb246IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHNob3dUaW1lOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2VsZWN0aW9uTW9kZTogJ3NpbmdsZScgfCAnbXVsdGlwbGUnIHwgJ3JhbmdlJyA9ICdzaW5nbGUnO1xyXG4gIEBPdXRwdXQoKSBvblNlbGVjdGlvbkNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIG9uU2VsZWN0aW9uVmFsdWU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBWaWV3Q2hpbGQoJ2RhdGVGaWx0ZXInKSBwcml2YXRlIGRhdGVGaWx0ZXI6IGFueTtcclxuXHJcbiAgdHlwZVZpZXc6IENhbGVuZGFyVHlwZVZpZXcgPSAnZGF0ZSc7XHJcbiAgZGF0ZUZvcm1hdDogc3RyaW5nID0gJ2RkL21tL3l5JztcclxuXHJcbiAgY29uc3RydWN0b3IoY29tcG9uZW50U2VydmljZTogQ29tcG9uZW50U2VydmljZSkge1xyXG4gICAgc3VwZXIoY29tcG9uZW50U2VydmljZSk7XHJcbiAgfVxyXG5cclxuICBvdmVycmlkZSB3cml0ZVZhbHVlKHZhbHVlOiBEYXRlKTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcblxyXG4gICAgaWYgKHZhbHVlICYmIHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IG5ldyBEYXRlKHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG92ZXJyaWRlIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgc3VwZXIubmdPbkluaXQoKTtcclxuXHJcbiAgICBpZiAodGhpcy5pc1llYXIpIHtcclxuICAgICAgdGhpcy50eXBlVmlldyA9ICd5ZWFyJztcclxuICAgICAgdGhpcy5kYXRlRm9ybWF0ID0gJ3l5JztcclxuICAgIH0gZWxzZSBpZiAodGhpcy5pc01vbnRoWWVhcikge1xyXG4gICAgICB0aGlzLnR5cGVWaWV3ID0gJ21vbnRoJztcclxuICAgICAgdGhpcy5kYXRlRm9ybWF0ID0gJ21tL3l5JztcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMudHlwZVZpZXcgPSAnZGF0ZSc7XHJcbiAgICAgIHRoaXMuZGF0ZUZvcm1hdCA9ICdkZC9tbS95eSc7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgb25JbnB1dENoYW5nZShldmVudDogYW55KSB7XHJcbiAgICB0aGlzLmhpZGVPblJhbmdlTW9kZSgpO1xyXG4gICAgdGhpcy5vblNlbGVjdGlvblZhbHVlLmVtaXQoZXZlbnQpO1xyXG5cclxuICAgIGlmICh0aGlzLmZvcm1Db250cm9sKSB7XHJcbiAgICAgIHRoaXMub25TZWxlY3Rpb25DaGFuZ2UuZW1pdCh0aGlzLmZvcm1Db250cm9sLnZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGhpZGVPblJhbmdlTW9kZSgpIHtcclxuICAgIGlmICh0aGlzLnNlbGVjdGlvbk1vZGUgPT0gJ3JhbmdlJykge1xyXG4gICAgICBpZiAodGhpcy5kYXRlRmlsdGVyLnZhbHVlWzFdKSB7XHJcbiAgICAgICAgdGhpcy5kYXRlRmlsdGVyLmhpZGVPdmVybGF5KCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPHNwYW4+XHJcbiAgPGt2LWxhYmVsXHJcbiAgICBbY29tcG9uZW50SWRdPVwiY29tcG9uZW50SWRcIlxyXG4gICAgW2xhYmVsXT1cImxhYmVsICYmIChsYWJlbCArIChzaG93QXN0ZXJpc2sgPyAnKicgOiAnJykpXCJcclxuICAvPlxyXG4gIDxwLWNhbGVuZGFyXHJcbiAgICAjZGF0ZUZpbHRlclxyXG4gICAgYXBwZW5kVG89XCJib2R5XCJcclxuICAgIFtjbGFzc109XCJiYXNlSW5wdXRDbGFzc1wiXHJcbiAgICBbaWRdPVwiY29tcG9uZW50SWRcIlxyXG4gICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXHJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgW21pbkRhdGVdPVwibWluRGF0ZVwiXHJcbiAgICBbbWF4RGF0ZV09XCJtYXhEYXRlXCJcclxuICAgIFtzZWxlY3Rpb25Nb2RlXT1cInNlbGVjdGlvbk1vZGVcIlxyXG4gICAgW3Nob3dCdXR0b25CYXJdPVwic2hvd0J1dHRvbkJhclwiXHJcbiAgICBbc2hvd0ljb25dPVwic2hvd0ljb25cIlxyXG4gICAgW3Nob3dUaW1lXT1cInNob3dUaW1lXCJcclxuICAgIFtzaG93T25Gb2N1c109XCJmYWxzZVwiXHJcbiAgICBbdmlld109XCJ0eXBlVmlld1wiXHJcbiAgICBbZGF0ZUZvcm1hdF09XCJkYXRlRm9ybWF0XCJcclxuICAgIChvbkJsdXIpPVwib25JbnB1dEJsdXIoJGV2ZW50KVwiXHJcbiAgICAob25DbG9zZSk9XCJvbklucHV0Q2xvc2UoJGV2ZW50KVwiXHJcbiAgICAob25TZWxlY3QpPVwib25JbnB1dENoYW5nZSgkZXZlbnQpXCJcclxuICAgIHN0eWxlQ2xhc3M9XCJpbnB1dHNcIlxyXG4gID5cclxuICA8L3AtY2FsZW5kYXI+XHJcblxyXG4gIDxrdi1lcnJvciBbaGFzRXJyb3JdPVwiaGFzQ29udHJvbEVycm9yKClcIj57eyBlcnJvTWVzc2FnZSgpIH19PC9rdi1lcnJvcj5cclxuPC9zcGFuPlxyXG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtaW5wdXQtY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5wdXRzL2t2LWlucHV0LWNhbGVuZGFyL2t2LWlucHV0LWNhbGVuZGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1pbnB1dC1jYWxlbmRhci9rdi1pbnB1dC1jYWxlbmRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixTQUFTLEVBQ1YsTUFBTSxlQUFlLENBQUM7QUFJdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDdkYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7Ozs7QUFZOUUsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGtCQUF3QjtJQWtCcEUsWUFBWSxnQkFBa0M7UUFDNUMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFsQmpCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFDeEIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFHN0Isa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFDL0IsYUFBUSxHQUFZLElBQUksQ0FBQztRQUN6QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGtCQUFhLEdBQW9DLFFBQVEsQ0FBQztRQUN6RCxzQkFBaUIsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMxRCxxQkFBZ0IsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUduRSxhQUFRLEdBQXFCLE1BQU0sQ0FBQztRQUNwQyxlQUFVLEdBQVcsVUFBVSxDQUFDO0lBTWhDLENBQUM7SUFHRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQ3ZDLENBQUM7SUFFUSxVQUFVLENBQUMsS0FBVztRQUM3QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUVuQixJQUFJLEtBQUssSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO0lBRVEsUUFBUTtRQUNmLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVqQixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQztZQUN2QixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN6QixDQUFDO2FBQU0sSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7WUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUM7UUFDNUIsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQztZQUN2QixJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztRQUMvQixDQUFDO1FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQ3ZDLENBQUM7SUFJUyxhQUFhLENBQUMsS0FBVTtRQUNoQyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVsQyxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEQsQ0FBQztJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsYUFBYSxJQUFJLE9BQU8sRUFBRSxDQUFDO1lBQ2xDLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztnQkFDN0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNoQyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7OEdBckVVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHlaQUZ4QixrQkFBa0IsQ0FBQyx3QkFBd0IsQ0FBQywySkN2QnpELHk4QkErQkE7OzJGRE5hLHdCQUF3QjtrQkFUcEMsU0FBUzsrQkFDRSxtQkFBbUIsYUFNbEIsa0JBQWtCLDBCQUEwQjtxRkFHOUMsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNJLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQzBCLFVBQVU7c0JBQTFDLFNBQVM7dUJBQUMsWUFBWTtnQkFZdkIsY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBWaWV3Q2hpbGRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IENhbGVuZGFyVHlwZVZpZXcgfSBmcm9tICdwcmltZW5nL2NhbGVuZGFyJztcclxuXHJcbmltcG9ydCB7IEJhc2VDb21wb25lbnRJbnB1dCB9IGZyb20gJy4uLy4uLy4uL2FwaS9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQtaW5wdXQnO1xyXG5pbXBvcnQgeyBDb21wb25lbnRQcm92aWRlcnMgfSBmcm9tICcuLi8uLi8uLi9hcGkvaGVscGVycy9jb21wb25lbnQtcHJvdmlkZXJzJztcclxuaW1wb3J0IHsgQ29tcG9uZW50U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2FwaS9zZXJ2aWNlcy9jb21wb25lbnQuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWlucHV0LWNhbGVuZGFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtaW5wdXQtY2FsZW5kYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogW1xyXG4gICAgJy4va3YtaW5wdXQtY2FsZW5kYXIuY29tcG9uZW50LnNjc3MnLFxyXG4gICAgJy4uLy4uL2tlZXZvLWNvbXBvbmVudHMtc3R5bGVzLnNjc3MnLFxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBDb21wb25lbnRQcm92aWRlcnMoS3ZJbnB1dENhbGVuZGFyQ29tcG9uZW50KSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2SW5wdXRDYWxlbmRhckNvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnRJbnB1dDxEYXRlPiBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgaXNZZWFyOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNNb250aFllYXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBtaW5EYXRlITogRGF0ZTtcclxuICBASW5wdXQoKSBtYXhEYXRlITogRGF0ZTtcclxuICBASW5wdXQoKSBzaG93QnV0dG9uQmFyOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2hvd0ljb246IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHNob3dUaW1lOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2VsZWN0aW9uTW9kZTogJ3NpbmdsZScgfCAnbXVsdGlwbGUnIHwgJ3JhbmdlJyA9ICdzaW5nbGUnO1xyXG4gIEBPdXRwdXQoKSBvblNlbGVjdGlvbkNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIG9uU2VsZWN0aW9uVmFsdWU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBWaWV3Q2hpbGQoJ2RhdGVGaWx0ZXInKSBwcml2YXRlIGRhdGVGaWx0ZXI6IGFueTtcclxuXHJcbiAgdHlwZVZpZXc6IENhbGVuZGFyVHlwZVZpZXcgPSAnZGF0ZSc7XHJcbiAgZGF0ZUZvcm1hdDogc3RyaW5nID0gJ2RkL21tL3l5JztcclxuXHJcbiAgc2NyZWVuV2lkdGghOiBudW1iZXI7XHJcblxyXG4gIGNvbnN0cnVjdG9yKGNvbXBvbmVudFNlcnZpY2U6IENvbXBvbmVudFNlcnZpY2UpIHtcclxuICAgIHN1cGVyKGNvbXBvbmVudFNlcnZpY2UpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXHJcbiAgb25XaW5kb3dSZXNpemUoKSB7XHJcbiAgICB0aGlzLnNjcmVlbldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XHJcbiAgfVxyXG5cclxuICBvdmVycmlkZSB3cml0ZVZhbHVlKHZhbHVlOiBEYXRlKTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcblxyXG4gICAgaWYgKHZhbHVlICYmIHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IG5ldyBEYXRlKHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG92ZXJyaWRlIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgc3VwZXIubmdPbkluaXQoKTtcclxuXHJcbiAgICBpZiAodGhpcy5pc1llYXIpIHtcclxuICAgICAgdGhpcy50eXBlVmlldyA9ICd5ZWFyJztcclxuICAgICAgdGhpcy5kYXRlRm9ybWF0ID0gJ3l5JztcclxuICAgIH0gZWxzZSBpZiAodGhpcy5pc01vbnRoWWVhcikge1xyXG4gICAgICB0aGlzLnR5cGVWaWV3ID0gJ21vbnRoJztcclxuICAgICAgdGhpcy5kYXRlRm9ybWF0ID0gJ21tL3l5JztcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMudHlwZVZpZXcgPSAnZGF0ZSc7XHJcbiAgICAgIHRoaXMuZGF0ZUZvcm1hdCA9ICdkZC9tbS95eSc7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5zY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xyXG4gIH1cclxuXHJcblxyXG5cclxuICBwcm90ZWN0ZWQgb25JbnB1dENoYW5nZShldmVudDogYW55KSB7XHJcbiAgICB0aGlzLmhpZGVPblJhbmdlTW9kZSgpO1xyXG4gICAgdGhpcy5vblNlbGVjdGlvblZhbHVlLmVtaXQoZXZlbnQpO1xyXG5cclxuICAgIGlmICh0aGlzLmZvcm1Db250cm9sKSB7XHJcbiAgICAgIHRoaXMub25TZWxlY3Rpb25DaGFuZ2UuZW1pdCh0aGlzLmZvcm1Db250cm9sLnZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGhpZGVPblJhbmdlTW9kZSgpIHtcclxuICAgIGlmICh0aGlzLnNlbGVjdGlvbk1vZGUgPT0gJ3JhbmdlJykge1xyXG4gICAgICBpZiAodGhpcy5kYXRlRmlsdGVyLnZhbHVlWzFdKSB7XHJcbiAgICAgICAgdGhpcy5kYXRlRmlsdGVyLmhpZGVPdmVybGF5KCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPHNwYW4+XHJcbiAgPGt2LWxhYmVsXHJcbiAgICBbY29tcG9uZW50SWRdPVwiY29tcG9uZW50SWRcIlxyXG4gICAgW2xhYmVsXT1cImxhYmVsICYmIGxhYmVsICsgKHNob3dBc3RlcmlzayA/ICcqJyA6ICcnKVwiXHJcbiAgLz5cclxuICA8cC1jYWxlbmRhclxyXG4gICAgI2RhdGVGaWx0ZXJcclxuICAgIGFwcGVuZFRvPVwiYm9keVwiXHJcbiAgICBbY2xhc3NdPVwiYmFzZUlucHV0Q2xhc3NcIlxyXG4gICAgW2lkXT1cImNvbXBvbmVudElkXCJcclxuICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgIFttaW5EYXRlXT1cIm1pbkRhdGVcIlxyXG4gICAgW21heERhdGVdPVwibWF4RGF0ZVwiXHJcbiAgICBbc2VsZWN0aW9uTW9kZV09XCJzZWxlY3Rpb25Nb2RlXCJcclxuICAgIFtzaG93QnV0dG9uQmFyXT1cInNob3dCdXR0b25CYXJcIlxyXG4gICAgW3Nob3dJY29uXT1cInNob3dJY29uXCJcclxuICAgIFtzaG93VGltZV09XCJzaG93VGltZVwiXHJcbiAgICBbc2hvd09uRm9jdXNdPVwic2hvd1RpbWUgfHwgc2NyZWVuV2lkdGggPiAxMzY2IHx8IHNlbGVjdGlvbk1vZGUgPT0gJ3JhbmdlJ1wiXHJcbiAgICBbdmlld109XCJ0eXBlVmlld1wiXHJcbiAgICBbZGF0ZUZvcm1hdF09XCJkYXRlRm9ybWF0XCJcclxuICAgIChvbkJsdXIpPVwib25JbnB1dEJsdXIoJGV2ZW50KVwiXHJcbiAgICAob25DbG9zZSk9XCJvbklucHV0Q2xvc2UoJGV2ZW50KVwiXHJcbiAgICAob25TZWxlY3QpPVwib25JbnB1dENoYW5nZSgkZXZlbnQpXCJcclxuICAgIHN0eWxlQ2xhc3M9XCJpbnB1dHNcIlxyXG4gID5cclxuICA8L3AtY2FsZW5kYXI+XHJcblxyXG4gIDxrdi1lcnJvciBbaGFzRXJyb3JdPVwiaGFzQ29udHJvbEVycm9yKClcIj57eyBlcnJvTWVzc2FnZSgpIH19PC9rdi1lcnJvcj5cclxuPC9zcGFuPlxyXG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiJdfQ==

package/esm2022/lib/components/kv-inputs/kv-input-mask/kv-input-mask.component.mjs

@@ -16,11 +16,11 @@ export class KvInputMaskComponent extends BaseComponentInput {
         this.onComplete.emit($event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputMaskComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputMaskComponent, selector: "kv-input-mask", inputs: { mask: "mask" }, outputs: { onComplete: "onComplete" }, providers: ComponentProviders(KvInputMaskComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-inputMask\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [inputId]=\"componentId\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"value\"\r\n    [mask]=\"mask\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onInput)=\"onInputInput($event)\"\r\n    (onComplete)=\"onCompleteComplete($event)\"\r\n  >\r\n  </p-inputMask>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputMaskComponent, selector: "kv-input-mask", inputs: { mask: "mask" }, outputs: { onComplete: "onComplete" }, providers: ComponentProviders(KvInputMaskComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-inputMask\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [inputId]=\"componentId\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"value\"\r\n    [mask]=\"mask\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onInput)=\"onInputInput($event)\"\r\n    (onComplete)=\"onCompleteComplete($event)\"\r\n  >\r\n  </p-inputMask>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputMaskComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-mask', providers: ComponentProviders(KvInputMaskComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-inputMask\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [inputId]=\"componentId\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"value\"\r\n    [mask]=\"mask\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onInput)=\"onInputInput($event)\"\r\n    (onComplete)=\"onCompleteComplete($event)\"\r\n  >\r\n  </p-inputMask>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-mask', providers: ComponentProviders(KvInputMaskComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-inputMask\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [inputId]=\"componentId\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"value\"\r\n    [mask]=\"mask\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    (onInput)=\"onInputInput($event)\"\r\n    (onComplete)=\"onCompleteComplete($event)\"\r\n  >\r\n  </p-inputMask>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
         }], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { mask: [{
                 type: Input
             }], onComplete: [{

package/esm2022/lib/components/kv-inputs/kv-input-number/kv-input-number.component.mjs

@@ -37,11 +37,11 @@ export class KvInputNumberComponent extends BaseComponentInput {
         this.inputNumber.currency = 'BRL';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputNumberComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputNumberComponent, selector: "kv-input-number", inputs: { mode: "mode", digits: "digits", min: "min", max: "max", suffix: "suffix" }, providers: ComponentProviders(KvInputNumberComponent), viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [disabled]=\"disabled\"\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputNumberComponent, selector: "kv-input-number", inputs: { mode: "mode", digits: "digits", min: "min", max: "max", suffix: "suffix" }, providers: ComponentProviders(KvInputNumberComponent), viewQueries: [{ propertyName: "inputNumber", first: true, predicate: ["inputNumber"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [disabled]=\"disabled\"\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-number', providers: ComponentProviders(KvInputNumberComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [disabled]=\"disabled\"\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-number', providers: ComponentProviders(KvInputNumberComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-inputNumber\r\n    #inputNumber\r\n    [disabled]=\"disabled\"\r\n    [class]=\"baseInputClass\"\r\n    [inputId]=\"componentId\"\r\n    styleClass=\"inputs\"\r\n    [min]=\"min\"\r\n    [max]=\"max\"\r\n    [suffix]=\"suffix\"\r\n    [(ngModel)]=\"value\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: ["@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
         }], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { mode: [{
                 type: Input
             }], digits: [{

package/esm2022/lib/components/kv-inputs/kv-input-password/kv-input-password.component.mjs

@@ -16,11 +16,11 @@ export class KvInputPasswordComponent extends BaseComponentInput {
         this.toggleMask = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputPasswordComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputPasswordComponent, selector: "kv-input-password", inputs: { feedback: "feedback", mediumRegex: "mediumRegex", strongRegex: "strongRegex", toggleMask: "toggleMask" }, providers: ComponentProviders(KvInputPasswordComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-password\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [toggleMask]=\"toggleMask\"\r\n    [feedback]=\"feedback\"\r\n    [mediumRegex]=\"mediumRegex\"\r\n    [strongRegex]=\"strongRegex\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-password>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputPasswordComponent, selector: "kv-input-password", inputs: { feedback: "feedback", mediumRegex: "mediumRegex", strongRegex: "strongRegex", toggleMask: "toggleMask" }, providers: ComponentProviders(KvInputPasswordComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-password\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [toggleMask]=\"toggleMask\"\r\n    [feedback]=\"feedback\"\r\n    [mediumRegex]=\"mediumRegex\"\r\n    [strongRegex]=\"strongRegex\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-password>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i4.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "component", type: i5.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputPasswordComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-password', providers: ComponentProviders(KvInputPasswordComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-password\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [toggleMask]=\"toggleMask\"\r\n    [feedback]=\"feedback\"\r\n    [mediumRegex]=\"mediumRegex\"\r\n    [strongRegex]=\"strongRegex\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-password>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-password', providers: ComponentProviders(KvInputPasswordComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <p-password\r\n    appendTo=\"body\"\r\n    [class]=\"baseInputClass\"\r\n    styleClass=\"inputs\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [toggleMask]=\"toggleMask\"\r\n    [feedback]=\"feedback\"\r\n    [mediumRegex]=\"mediumRegex\"\r\n    [strongRegex]=\"strongRegex\"\r\n    (onBlur)=\"onInputBlur($event)\"\r\n  >\r\n  </p-password>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
         }], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { feedback: [{
                 type: Input
             }], mediumRegex: [{

package/esm2022/lib/components/kv-inputs/kv-input-text/kv-input-text.component.mjs

@@ -14,11 +14,11 @@ export class KvInputTextComponent extends BaseComponentInput {
         this.textCaptalized = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextComponent, selector: "kv-input-text", inputs: { textCaptalized: "textCaptalized" }, providers: ComponentProviders(KvInputTextComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [ngClass]=\"{ 'capitalize': textCaptalized }\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i5.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvInputTextComponent, selector: "kv-input-text", inputs: { textCaptalized: "textCaptalized" }, providers: ComponentProviders(KvInputTextComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [ngClass]=\"{ 'capitalize': textCaptalized }\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i5.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInputTextComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-input-text', providers: ComponentProviders(KvInputTextComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [ngClass]=\"{ 'capitalize': textCaptalized }\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
+            args: [{ selector: 'kv-input-text', providers: ComponentProviders(KvInputTextComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && (label + (showAsterisk ? '*' : ''))\"\r\n  />\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    [class]=\"baseInputClass\"\r\n    class=\"inputs\"\r\n    [ngClass]=\"{ 'capitalize': textCaptalized }\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"componentId\"\r\n    [(ngModel)]=\"value\"\r\n    (blur)=\"onInputBlur($event)\"\r\n    (input)=\"onInputInput($event)\"\r\n    [maxlength]=\"maxLength\"\r\n  >\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: [".div-pai{display:flex;flex-direction:row;column-gap:.25rem;padding-right:0}.div-input{width:100%}.div-button{width:20%}.div-button button{width:100%}\n", "@charset \"UTF-8\";label{font-family:Inter var,Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}:root{--kv-primary-color: #29b92d, --kv-secondary-color: #002542, --kv-terciary-color: #f2f3f5, --kv-primary-hover-color: #249a29, --kv-secondary-hover-color: #002038, --kv-terciary-hover-color: #d9dadb, --kv-primary-active-color: #1c801f, --kv-secondary-active-color: #001729, --kv-terciary-active-color: #c0c1c2, --kv-primary-disable-color: #1c801f, --kv-secondary-disable-color: #001729, --kv-terciary-disable-color: #c0c1c2, }\n"] }]
         }], ctorParameters: () => [{ type: i1.ComponentService }], propDecorators: { textCaptalized: [{
                 type: Input
             }] } });