keevo-components 1.8.200 → 1.8.202
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/kv-avatar/kv-avatar.component.mjs +21 -7
- package/esm2022/lib/components/kv-button/kv-button.component.mjs +3 -3
- package/esm2022/lib/components/kv-buttons/kv-button-popup/kv-button-popup.component.mjs +3 -3
- package/esm2022/lib/components/kv-filter-fieldset/kv-filter-fieldset.component.mjs +8 -5
- package/esm2022/lib/components/kv-inputs/kv-select-buttons/kv-select-buttons.component.mjs +3 -3
- package/esm2022/lib/components/kv-modal/kv-modal.component.mjs +3 -14
- package/esm2022/lib/components/kv-page-form/kv-page-form.component.mjs +11 -11
- package/esm2022/lib/components/kv-page-form/kv-page-form.module.mjs +5 -2
- package/esm2022/lib/components/kv-table/kv-table.component.mjs +4 -1
- package/fesm2022/keevo-components.mjs +46 -33
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/components/kv-avatar/kv-avatar.component.d.ts +4 -1
- package/lib/components/kv-filter-fieldset/kv-filter-fieldset.component.d.ts +2 -1
- package/lib/components/kv-modal/kv-modal.component.d.ts +1 -3
- package/lib/components/kv-page-form/kv-page-form.component.d.ts +3 -0
- package/lib/components/kv-page-form/kv-page-form.module.d.ts +2 -1
- package/lib/components/kv-table/kv-table.component.d.ts +3 -0
- package/package.json +1 -1
|
@@ -2642,8 +2642,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
2642
2642
|
}] });
|
|
2643
2643
|
|
|
2644
2644
|
class KvAvatarComponent {
|
|
2645
|
-
constructor(imageService) {
|
|
2645
|
+
constructor(imageService, notificationService) {
|
|
2646
2646
|
this.imageService = imageService;
|
|
2647
|
+
this.notificationService = notificationService;
|
|
2647
2648
|
this.borderColor = '#5289B4';
|
|
2648
2649
|
this.width = 135;
|
|
2649
2650
|
this.height = 135;
|
|
@@ -2684,6 +2685,18 @@ class KvAvatarComponent {
|
|
|
2684
2685
|
};
|
|
2685
2686
|
}
|
|
2686
2687
|
}
|
|
2688
|
+
questionRemoverFoto() {
|
|
2689
|
+
const msg = '<h3>Você tem certeza que deseja retirar a foto desse usuario?</h3>';
|
|
2690
|
+
this.notificationService.question({
|
|
2691
|
+
type: 'question',
|
|
2692
|
+
message: msg,
|
|
2693
|
+
accept: (data) => {
|
|
2694
|
+
this.removerFoto();
|
|
2695
|
+
},
|
|
2696
|
+
reject: (data) => {
|
|
2697
|
+
}
|
|
2698
|
+
});
|
|
2699
|
+
}
|
|
2687
2700
|
removerFoto() {
|
|
2688
2701
|
this.imageUrl = '';
|
|
2689
2702
|
this.removerFotoEvent.emit();
|
|
@@ -2694,13 +2707,13 @@ class KvAvatarComponent {
|
|
|
2694
2707
|
handleImageError(event) {
|
|
2695
2708
|
event.target.src = this.imageService.userDefaultImage();
|
|
2696
2709
|
}
|
|
2697
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvAvatarComponent, deps: [{ token: ImagensService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2698
|
-
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)=\"
|
|
2710
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvAvatarComponent, deps: [{ token: ImagensService }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2711
|
+
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)=\"questionRemoverFoto()\">\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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2699
2712
|
}
|
|
2700
2713
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvAvatarComponent, decorators: [{
|
|
2701
2714
|
type: Component,
|
|
2702
|
-
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)=\"
|
|
2703
|
-
}], ctorParameters: () => [{ type: ImagensService }], propDecorators: { imageUrl: [{
|
|
2715
|
+
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)=\"questionRemoverFoto()\">\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"] }]
|
|
2716
|
+
}], ctorParameters: () => [{ type: ImagensService }, { type: NotificationService }], propDecorators: { imageUrl: [{
|
|
2704
2717
|
type: Input
|
|
2705
2718
|
}], borderColor: [{
|
|
2706
2719
|
type: Input
|
|
@@ -2782,11 +2795,11 @@ class KvButtonPopupComponent extends BaseComponentButton {
|
|
|
2782
2795
|
this.icon = this.icon === 'pi pi-chevron-down' ? 'pi pi-chevron-up' : 'pi pi-chevron-down';
|
|
2783
2796
|
}
|
|
2784
2797
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2785
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonPopupComponent, selector: "kv-button-popup", inputs: { items: "items", classBtn: "classBtn" }, usesInheritance: true, ngImport: i0, template: "<p-menu #menu [model]=\"items\" appendTo=\"body\" [popup]=\"true\" (onShow)=\"handleShow()\" (onHide)=\"handleHide()\"></p-menu>\r\n<button\r\n pButton\r\n pRipple\r\n class=\"{{classBtn}} btn-popup\"\r\n [icon]=\"icon\"\r\n iconPos=\"right\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n [disabled]=\"disabled\"\r\n (click)=\"menu.toggle($event)\">\r\n</button>\r\n", styles: [".btn-
|
|
2798
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvButtonPopupComponent, selector: "kv-button-popup", inputs: { items: "items", classBtn: "classBtn" }, usesInheritance: true, ngImport: i0, template: "<p-menu #menu [model]=\"items\" appendTo=\"body\" [popup]=\"true\" (onShow)=\"handleShow()\" (onHide)=\"handleHide()\"></p-menu>\r\n<button\r\n pButton\r\n pRipple\r\n class=\"kv-{{classBtn}} btn-popup\"\r\n [icon]=\"icon\"\r\n iconPos=\"right\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n [disabled]=\"disabled\"\r\n (click)=\"menu.toggle($event)\">\r\n</button>\r\n", styles: [".btn-popup{height:35px;color:#fff;cursor:pointer;border:none;font-weight:500;border-radius:.4rem;box-shadow:#63636333 0 2px 8px;transition:background-color .3s}.btn-popup.kv-primary{background-color:#29b92d}.btn-popup.kv-primary:hover{background-color:#249a29}.btn-popup.kv-primary:active{background-color:#1c801f}.btn-popup.kv-primary:disabled{background-color:#29b92d;opacity:.6;cursor:auto}.btn-popup.kv-secondary{background-color:#004172}.btn-popup.kv-secondary:hover,.btn-popup.kv-secondary:active{background-color:#002542}.btn-popup.kv-secondary:disabled{background-color:#002542;opacity:.6;cursor:auto}.btn-popup.kv-tertiary{color:#212121;background-color:#f2f3f5}.btn-popup.kv-tertiary:hover{background-color:#d9dadb}.btn-popup.kv-tertiary:active{background-color:#c0c1c2}.btn-popup.kv-tertiary:disabled{background-color:#f2f3f5;opacity:.6;cursor:auto}\n"], dependencies: [{ kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { 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: i2.Ripple, selector: "[pRipple]" }] }); }
|
|
2786
2799
|
}
|
|
2787
2800
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonPopupComponent, decorators: [{
|
|
2788
2801
|
type: Component,
|
|
2789
|
-
args: [{ selector: 'kv-button-popup', template: "<p-menu #menu [model]=\"items\" appendTo=\"body\" [popup]=\"true\" (onShow)=\"handleShow()\" (onHide)=\"handleHide()\"></p-menu>\r\n<button\r\n pButton\r\n pRipple\r\n class=\"{{classBtn}} btn-popup\"\r\n [icon]=\"icon\"\r\n iconPos=\"right\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n [disabled]=\"disabled\"\r\n (click)=\"menu.toggle($event)\">\r\n</button>\r\n", styles: [".btn-
|
|
2802
|
+
args: [{ selector: 'kv-button-popup', template: "<p-menu #menu [model]=\"items\" appendTo=\"body\" [popup]=\"true\" (onShow)=\"handleShow()\" (onHide)=\"handleHide()\"></p-menu>\r\n<button\r\n pButton\r\n pRipple\r\n class=\"kv-{{classBtn}} btn-popup\"\r\n [icon]=\"icon\"\r\n iconPos=\"right\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n [disabled]=\"disabled\"\r\n (click)=\"menu.toggle($event)\">\r\n</button>\r\n", styles: [".btn-popup{height:35px;color:#fff;cursor:pointer;border:none;font-weight:500;border-radius:.4rem;box-shadow:#63636333 0 2px 8px;transition:background-color .3s}.btn-popup.kv-primary{background-color:#29b92d}.btn-popup.kv-primary:hover{background-color:#249a29}.btn-popup.kv-primary:active{background-color:#1c801f}.btn-popup.kv-primary:disabled{background-color:#29b92d;opacity:.6;cursor:auto}.btn-popup.kv-secondary{background-color:#004172}.btn-popup.kv-secondary:hover,.btn-popup.kv-secondary:active{background-color:#002542}.btn-popup.kv-secondary:disabled{background-color:#002542;opacity:.6;cursor:auto}.btn-popup.kv-tertiary{color:#212121;background-color:#f2f3f5}.btn-popup.kv-tertiary:hover{background-color:#d9dadb}.btn-popup.kv-tertiary:active{background-color:#c0c1c2}.btn-popup.kv-tertiary:disabled{background-color:#f2f3f5;opacity:.6;cursor:auto}\n"] }]
|
|
2790
2803
|
}], ctorParameters: () => [], propDecorators: { items: [{
|
|
2791
2804
|
type: Input
|
|
2792
2805
|
}], classBtn: [{
|
|
@@ -3523,11 +3536,11 @@ class KvSelectButtonsComponent {
|
|
|
3523
3536
|
this.selectChange.emit(value);
|
|
3524
3537
|
}
|
|
3525
3538
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3526
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: "options", defaultValue: "defaultValue" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row
|
|
3539
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: "options", defaultValue: "defaultValue" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 surface-200 border-round\">\r\n @for(option of options; track option.value;) {\r\n <button\r\n (click)=\"select(option.value)\"\r\n [ngClass]=\"[\r\n selectedOption === option.value ? 'bg-white' : 'surface-200 activated',\r\n 'select-button-tarefa sbtn-l gap-1 h-2rem'\r\n ]\"\r\n pButton\r\n pRipple\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button-tarefa{border-radius:4px!important;border:none!important;box-shadow:1px 1px 1px 1px #18346205}.select-button-tarefa.activated{color:gray!important;font-weight:700}.select-button-tarefa.bg-white{color:#000!important;font-weight:700}.select-button-tarefa.sbtn-l{border:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
|
|
3527
3540
|
}
|
|
3528
3541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, decorators: [{
|
|
3529
3542
|
type: Component,
|
|
3530
|
-
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row
|
|
3543
|
+
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 surface-200 border-round\">\r\n @for(option of options; track option.value;) {\r\n <button\r\n (click)=\"select(option.value)\"\r\n [ngClass]=\"[\r\n selectedOption === option.value ? 'bg-white' : 'surface-200 activated',\r\n 'select-button-tarefa sbtn-l gap-1 h-2rem'\r\n ]\"\r\n pButton\r\n pRipple\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button-tarefa{border-radius:4px!important;border:none!important;box-shadow:1px 1px 1px 1px #18346205}.select-button-tarefa.activated{color:gray!important;font-weight:700}.select-button-tarefa.bg-white{color:#000!important;font-weight:700}.select-button-tarefa.sbtn-l{border:none!important}\n"] }]
|
|
3531
3544
|
}], propDecorators: { options: [{
|
|
3532
3545
|
type: Input
|
|
3533
3546
|
}], defaultValue: [{
|
|
@@ -3978,11 +3991,11 @@ class KvButtonComponent {
|
|
|
3978
3991
|
this.onClick = new EventEmitter();
|
|
3979
3992
|
}
|
|
3980
3993
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3981
|
-
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", severity: "severity", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n class=\"kv-button kv-{{ size }} kv-{{ severity }} {{!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:.6;cursor:auto}.kv-button.kv-secondary{background-color:#004172}.kv-button.kv-secondary:hover,.kv-button.kv-secondary:active{background-color:#002542}.kv-button.kv-secondary:disabled{background-color:#002542;opacity:.6;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:.6;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"] }] }); }
|
|
3994
|
+
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", severity: "severity", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\np-ripple\r\n class=\"kv-button kv-{{ size }} kv-{{ severity }} {{!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:.6;cursor:auto}.kv-button.kv-secondary{background-color:#004172}.kv-button.kv-secondary:hover,.kv-button.kv-secondary:active{background-color:#002542}.kv-button.kv-secondary:disabled{background-color:#002542;opacity:.6;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:.6;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"] }] }); }
|
|
3982
3995
|
}
|
|
3983
3996
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvButtonComponent, decorators: [{
|
|
3984
3997
|
type: Component,
|
|
3985
|
-
args: [{ selector: 'kv-button', template: "<button\r\n class=\"kv-button kv-{{ size }} kv-{{ severity }} {{!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:.6;cursor:auto}.kv-button.kv-secondary{background-color:#004172}.kv-button.kv-secondary:hover,.kv-button.kv-secondary:active{background-color:#002542}.kv-button.kv-secondary:disabled{background-color:#002542;opacity:.6;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:.6;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"] }]
|
|
3998
|
+
args: [{ selector: 'kv-button', template: "<button\r\np-ripple\r\n class=\"kv-button kv-{{ size }} kv-{{ severity }} {{!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:.6;cursor:auto}.kv-button.kv-secondary{background-color:#004172}.kv-button.kv-secondary:hover,.kv-button.kv-secondary:active{background-color:#002542}.kv-button.kv-secondary:disabled{background-color:#002542;opacity:.6;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:.6;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"] }]
|
|
3986
3999
|
}], ctorParameters: () => [], propDecorators: { label: [{
|
|
3987
4000
|
type: Input
|
|
3988
4001
|
}], icon: [{
|
|
@@ -4032,15 +4045,6 @@ class KvModalComponent {
|
|
|
4032
4045
|
headerElement.appendChild(subtitleElement);
|
|
4033
4046
|
}
|
|
4034
4047
|
}
|
|
4035
|
-
if (this.subHeader) {
|
|
4036
|
-
const headerElement = document.querySelector('.p-dialog .p-dialog-header');
|
|
4037
|
-
const subHeader = this.subHeader.nativeElement;
|
|
4038
|
-
if (headerElement && this.subHeader) {
|
|
4039
|
-
subHeader.style.width = '100%';
|
|
4040
|
-
subHeader.style.marginLeft = '2px';
|
|
4041
|
-
headerElement.appendChild(this.subHeader.nativeElement);
|
|
4042
|
-
}
|
|
4043
|
-
}
|
|
4044
4048
|
}
|
|
4045
4049
|
defPositionButtons() {
|
|
4046
4050
|
if (this.actionsPosition === 'right') {
|
|
@@ -4073,17 +4077,15 @@ class KvModalComponent {
|
|
|
4073
4077
|
}
|
|
4074
4078
|
}
|
|
4075
4079
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvModalComponent, deps: [{ token: i1$3.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4076
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvModalComponent, selector: "kv-modal", inputs: { actions: "actions", actionsPosition: "actionsPosition",
|
|
4080
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvModalComponent, selector: "kv-modal", inputs: { actions: "actions", actionsPosition: "actionsPosition", subtitle: "subtitle" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\r\n<div class=\"col-12 mb-4\" id=\"content-modal\">\r\n <!-- COLOCAR UM COMPONENTE SUBHEADER AQUI -->\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\r\n\r\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\r\n <kv-button\r\n *ngFor=\" let action of actions\"\r\n [ngClass]=\"action.visible==false?'hidden':''\"\r\n icon=\"{{action.icon}}\"\r\n label=\"{{action.label}}\"\r\n [disabled]=\"action.disabled || false\"\r\n (onClick)=\"clickExecute(action)\"\r\n [severity]=\"action.severity ||'primary'\"\r\n />\r\n</div>\r\n", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["label", "icon", "loading", "disabled", "severity", "size"], outputs: ["onClick"] }] }); }
|
|
4077
4081
|
}
|
|
4078
4082
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvModalComponent, decorators: [{
|
|
4079
4083
|
type: Component,
|
|
4080
|
-
args: [{ selector: 'kv-modal', template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\r\n<div class=\"col-12 mb-4\" id=\"content-modal\">\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\r\n\r\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\r\n <kv-button\r\n *ngFor=\" let action of actions\"\r\n [ngClass]=\"action.visible==false?'hidden':''\"\r\n icon=\"{{action.icon}}\"\r\n label=\"{{action.label}}\"\r\n [disabled]=\"action.disabled || false\"\r\n (onClick)=\"clickExecute(action)\"\r\n [severity]=\"action.severity ||'primary'\"\r\n />\r\n</div>\r\n", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}
|
|
4084
|
+
args: [{ selector: 'kv-modal', template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\r\n<div class=\"col-12 mb-4\" id=\"content-modal\">\r\n <!-- COLOCAR UM COMPONENTE SUBHEADER AQUI -->\r\n\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\r\n\r\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\r\n <kv-button\r\n *ngFor=\" let action of actions\"\r\n [ngClass]=\"action.visible==false?'hidden':''\"\r\n icon=\"{{action.icon}}\"\r\n label=\"{{action.label}}\"\r\n [disabled]=\"action.disabled || false\"\r\n (onClick)=\"clickExecute(action)\"\r\n [severity]=\"action.severity ||'primary'\"\r\n />\r\n</div>\r\n", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\n"] }]
|
|
4081
4085
|
}], ctorParameters: () => [{ type: i1$3.DynamicDialogRef }], propDecorators: { actions: [{
|
|
4082
4086
|
type: Input
|
|
4083
4087
|
}], actionsPosition: [{
|
|
4084
4088
|
type: Input
|
|
4085
|
-
}], subHeader: [{
|
|
4086
|
-
type: Input
|
|
4087
4089
|
}], subtitle: [{
|
|
4088
4090
|
type: Input
|
|
4089
4091
|
}], onWindowResize: [{
|
|
@@ -4256,7 +4258,7 @@ class KvPageFormComponent {
|
|
|
4256
4258
|
/**
|
|
4257
4259
|
* Botão cancelar
|
|
4258
4260
|
*/
|
|
4259
|
-
this.iconBtnCancel = '
|
|
4261
|
+
this.iconBtnCancel = 'cancel';
|
|
4260
4262
|
this.showBtnCancel = true;
|
|
4261
4263
|
this.txtBtnCancel = 'Cancelar';
|
|
4262
4264
|
this.iconBtnCancelToogle = 'pi pi-chevron-down';
|
|
@@ -4265,7 +4267,7 @@ class KvPageFormComponent {
|
|
|
4265
4267
|
/**
|
|
4266
4268
|
* Botão salvar
|
|
4267
4269
|
*/
|
|
4268
|
-
this.iconBtnSave = '
|
|
4270
|
+
this.iconBtnSave = 'save';
|
|
4269
4271
|
this.showBtnSave = true;
|
|
4270
4272
|
this.txtBtnSave = 'Salvar';
|
|
4271
4273
|
this.disableBtnSave = false;
|
|
@@ -4273,7 +4275,10 @@ class KvPageFormComponent {
|
|
|
4273
4275
|
this.showBtnSaveToogle = false;
|
|
4274
4276
|
this.txtBtnSaveToogle = 'Ações';
|
|
4275
4277
|
this.showBtnSecundary = false;
|
|
4276
|
-
|
|
4278
|
+
/**
|
|
4279
|
+
* @deprecated Essa não é mais utilizado, favor utilizar a propriedade severityBtnSecundary
|
|
4280
|
+
*/
|
|
4281
|
+
this.colorBtnSecundary = '';
|
|
4277
4282
|
this.iconBtnToogle = 'pi pi-chevron-down';
|
|
4278
4283
|
this.showBtnToogle = false;
|
|
4279
4284
|
this.txtBtnToogle = 'Ações';
|
|
@@ -4327,7 +4332,6 @@ class KvPageFormComponent {
|
|
|
4327
4332
|
* @param event evento
|
|
4328
4333
|
*/
|
|
4329
4334
|
save(event) {
|
|
4330
|
-
console.log(event);
|
|
4331
4335
|
this.onSave.emit(event);
|
|
4332
4336
|
}
|
|
4333
4337
|
actionSecundary(event) {
|
|
@@ -4347,11 +4351,11 @@ class KvPageFormComponent {
|
|
|
4347
4351
|
}
|
|
4348
4352
|
}
|
|
4349
4353
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageFormComponent, deps: [{ token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4350
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvPageFormComponent, selector: "kv-page-form", inputs: { formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", actionsCancelToogle: "actionsCancelToogle", iconBtnCancelToogle: "iconBtnCancelToogle", showBtnCancelToogle: "showBtnCancelToogle", txtBtnCancelToogle: "txtBtnCancelToogle", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", disableBtnSave: "disableBtnSave", actionsSaveToogle: "actionsSaveToogle", iconBtnSaveToogle: "iconBtnSaveToogle", showBtnSaveToogle: "showBtnSaveToogle", txtBtnSaveToogle: "txtBtnSaveToogle", iconBtnSecundary: "iconBtnSecundary", showBtnSecundary: "showBtnSecundary", txtBtnSecundary: "txtBtnSecundary", colorBtnSecundary: "colorBtnSecundary", actionsToogle: "actionsToogle", iconBtnToogle: "iconBtnToogle", showBtnToogle: "showBtnToogle", txtBtnToogle: "txtBtnToogle", classBtnToogle: "classBtnToogle", disableBtnSair: "disableBtnSair" }, outputs: { onSave: "onSave", onCancel: "onCancel", onClickSecundary: "onClickSecundary" }, ngImport: i0, template: "<div [formGroup]=\"formGroup\" class=\"grid-nogutter m-0\" id=\"page-form-container\">\r\n <!-- Renderiza\u00E7\u00E3o do form -->\r\n <div class=\"col-12 p-0\" id=\"page-form-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <!-- Divider -->\r\n <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n <!-- Barra de a\u00E7\u00F5es -->\r\n <div\r\n class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\"\r\n >\r\n <kv-button
|
|
4354
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvPageFormComponent, selector: "kv-page-form", inputs: { formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", actionsCancelToogle: "actionsCancelToogle", iconBtnCancelToogle: "iconBtnCancelToogle", showBtnCancelToogle: "showBtnCancelToogle", txtBtnCancelToogle: "txtBtnCancelToogle", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", disableBtnSave: "disableBtnSave", actionsSaveToogle: "actionsSaveToogle", iconBtnSaveToogle: "iconBtnSaveToogle", showBtnSaveToogle: "showBtnSaveToogle", txtBtnSaveToogle: "txtBtnSaveToogle", iconBtnSecundary: "iconBtnSecundary", showBtnSecundary: "showBtnSecundary", txtBtnSecundary: "txtBtnSecundary", colorBtnSecundary: "colorBtnSecundary", actionsToogle: "actionsToogle", iconBtnToogle: "iconBtnToogle", showBtnToogle: "showBtnToogle", txtBtnToogle: "txtBtnToogle", classBtnToogle: "classBtnToogle", disableBtnSair: "disableBtnSair" }, outputs: { onSave: "onSave", onCancel: "onCancel", onClickSecundary: "onClickSecundary" }, ngImport: i0, template: "<div [formGroup]=\"formGroup\" class=\"grid-nogutter m-0\" id=\"page-form-container\">\r\n <!-- Renderiza\u00E7\u00E3o do form -->\r\n <div class=\"col-12 p-0\" id=\"page-form-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <!-- Divider -->\r\n <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n <!-- Barra de a\u00E7\u00F5es -->\r\n <div\r\n class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\"\r\n >\r\n <kv-button\r\n *ngIf=\"showBtnCancel\"\r\n [label]=\"txtBtnCancel\"\r\n [icon]=\"iconBtnCancel\"\r\n [disabled]=\"isSaveLoading\"\r\n (onClick)=\"cancel($event)\"\r\n class=\"w-full lg:w-auto\"\r\n severity=\"tertiary\"\r\n >\r\n </kv-button>\r\n <kv-button-popup\r\n *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\r\n [label]=\"txtBtnCancelToogle\"\r\n [icon]=\"iconBtnCancelToogle\"\r\n (click)=\"menuCancel.toggle($event)\"\r\n class=\"w-full lg:w-auto\"\r\n [classBtn]=\"'tertiary'\"\r\n [disabled]=\"isSaveLoading\"\r\n >\r\n </kv-button-popup>\r\n <p-menu\r\n #menuCancel\r\n [popup]=\"true\"\r\n [model]=\"actionsCancelToogle\"\r\n appendTo=\"body\"\r\n class=\"w-full lg:w-auto\"\r\n [style.display]=\"'none'\"\r\n ></p-menu>\r\n\r\n <kv-button\r\n *ngIf=\"showBtnSecundary\"\r\n [label]=\"txtBtnSecundary\"\r\n [icon]=\"iconBtnSecundary\"\r\n [disabled]=\"isSaveLoading\"\r\n severity='secondary'\r\n (onClick)=\"actionSecundary($event)\"\r\n class=\"w-full lg:w-auto\"\r\n ></kv-button>\r\n\r\n <kv-button-popup\r\n *ngIf=\"actionsToogle && showBtnToogle\"\r\n [label]=\"txtBtnToogle\"\r\n [icon]=\"iconBtnToogle\"\r\n (click)=\"menuToogle.toggle($event)\"\r\n class=\"w-full lg:w-auto\"\r\n classBtn=\"secondary\"\r\n [disabled]=\"isSaveLoading\"\r\n >\r\n </kv-button-popup>\r\n <p-menu\r\n #menuToogle\r\n [popup]=\"true\"\r\n [model]=\"actionsToogle\"\r\n appendTo=\"body\"\r\n class=\"w-full lg:w-auto\"\r\n [style.display]=\"'none'\"\r\n ></p-menu>\r\n\r\n <kv-button\r\n *ngIf=\"showBtnSave\"\r\n [label]=\"txtBtnSave\"\r\n [icon]=\"iconBtnSave\"\r\n [disabled]=\"disableBtnSave\"\r\n [loading]=\"isSaveLoading\"\r\n (onClick)=\"save($event)\"\r\n severity=\"primary\"\r\n class=\"w-full lg:w-auto\"\r\n />\r\n\r\n <kv-button-popup\r\n *ngIf=\"actionsSaveToogle && showBtnSaveToogle\"\r\n [label]=\"txtBtnSaveToogle\"\r\n [icon]=\"iconBtnSaveToogle\"\r\n (click)=\"menuSave.toggle($event)\"\r\n [loading]=\"isSaveLoading\"\r\n class=\"w-full lg:w-auto\"\r\n [classBtn]=\"'primary'\"\r\n >\r\n </kv-button-popup>\r\n\r\n <p-menu\r\n #menuSave\r\n [popup]=\"true\"\r\n [model]=\"actionsSaveToogle\"\r\n appendTo=\"body\"\r\n class=\"w-full lg:w-auto\"\r\n [style.display]=\"'none'\"\r\n ></p-menu>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: "component", type: KvButtonPopupComponent, selector: "kv-button-popup", inputs: ["items", "classBtn"] }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["label", "icon", "loading", "disabled", "severity", "size"], outputs: ["onClick"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4351
4355
|
}
|
|
4352
4356
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageFormComponent, decorators: [{
|
|
4353
4357
|
type: Component,
|
|
4354
|
-
args: [{ selector: 'kv-page-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [formGroup]=\"formGroup\" class=\"grid-nogutter m-0\" id=\"page-form-container\">\r\n <!-- Renderiza\u00E7\u00E3o do form -->\r\n <div class=\"col-12 p-0\" id=\"page-form-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <!-- Divider -->\r\n <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n <!-- Barra de a\u00E7\u00F5es -->\r\n <div\r\n class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\"\r\n >\r\n <kv-button
|
|
4358
|
+
args: [{ selector: 'kv-page-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [formGroup]=\"formGroup\" class=\"grid-nogutter m-0\" id=\"page-form-container\">\r\n <!-- Renderiza\u00E7\u00E3o do form -->\r\n <div class=\"col-12 p-0\" id=\"page-form-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n\r\n <!-- Divider -->\r\n <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n <!-- Barra de a\u00E7\u00F5es -->\r\n <div\r\n class=\"flex flex-column lg:flex-row justify-content-end col-12 gap-2 barra-acoes grid grid-nogutter p-fluid\"\r\n >\r\n <kv-button\r\n *ngIf=\"showBtnCancel\"\r\n [label]=\"txtBtnCancel\"\r\n [icon]=\"iconBtnCancel\"\r\n [disabled]=\"isSaveLoading\"\r\n (onClick)=\"cancel($event)\"\r\n class=\"w-full lg:w-auto\"\r\n severity=\"tertiary\"\r\n >\r\n </kv-button>\r\n <kv-button-popup\r\n *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\r\n [label]=\"txtBtnCancelToogle\"\r\n [icon]=\"iconBtnCancelToogle\"\r\n (click)=\"menuCancel.toggle($event)\"\r\n class=\"w-full lg:w-auto\"\r\n [classBtn]=\"'tertiary'\"\r\n [disabled]=\"isSaveLoading\"\r\n >\r\n </kv-button-popup>\r\n <p-menu\r\n #menuCancel\r\n [popup]=\"true\"\r\n [model]=\"actionsCancelToogle\"\r\n appendTo=\"body\"\r\n class=\"w-full lg:w-auto\"\r\n [style.display]=\"'none'\"\r\n ></p-menu>\r\n\r\n <kv-button\r\n *ngIf=\"showBtnSecundary\"\r\n [label]=\"txtBtnSecundary\"\r\n [icon]=\"iconBtnSecundary\"\r\n [disabled]=\"isSaveLoading\"\r\n severity='secondary'\r\n (onClick)=\"actionSecundary($event)\"\r\n class=\"w-full lg:w-auto\"\r\n ></kv-button>\r\n\r\n <kv-button-popup\r\n *ngIf=\"actionsToogle && showBtnToogle\"\r\n [label]=\"txtBtnToogle\"\r\n [icon]=\"iconBtnToogle\"\r\n (click)=\"menuToogle.toggle($event)\"\r\n class=\"w-full lg:w-auto\"\r\n classBtn=\"secondary\"\r\n [disabled]=\"isSaveLoading\"\r\n >\r\n </kv-button-popup>\r\n <p-menu\r\n #menuToogle\r\n [popup]=\"true\"\r\n [model]=\"actionsToogle\"\r\n appendTo=\"body\"\r\n class=\"w-full lg:w-auto\"\r\n [style.display]=\"'none'\"\r\n ></p-menu>\r\n\r\n <kv-button\r\n *ngIf=\"showBtnSave\"\r\n [label]=\"txtBtnSave\"\r\n [icon]=\"iconBtnSave\"\r\n [disabled]=\"disableBtnSave\"\r\n [loading]=\"isSaveLoading\"\r\n (onClick)=\"save($event)\"\r\n severity=\"primary\"\r\n class=\"w-full lg:w-auto\"\r\n />\r\n\r\n <kv-button-popup\r\n *ngIf=\"actionsSaveToogle && showBtnSaveToogle\"\r\n [label]=\"txtBtnSaveToogle\"\r\n [icon]=\"iconBtnSaveToogle\"\r\n (click)=\"menuSave.toggle($event)\"\r\n [loading]=\"isSaveLoading\"\r\n class=\"w-full lg:w-auto\"\r\n [classBtn]=\"'primary'\"\r\n >\r\n </kv-button-popup>\r\n\r\n <p-menu\r\n #menuSave\r\n [popup]=\"true\"\r\n [model]=\"actionsSaveToogle\"\r\n appendTo=\"body\"\r\n class=\"w-full lg:w-auto\"\r\n [style.display]=\"'none'\"\r\n ></p-menu>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}\n"] }]
|
|
4355
4359
|
}], ctorParameters: () => [{ type: i2$1.FormBuilder }], propDecorators: { formGroup: [{
|
|
4356
4360
|
type: Input
|
|
4357
4361
|
}], TituloForm: [{
|
|
@@ -4428,11 +4432,13 @@ class KvPageFormModule {
|
|
|
4428
4432
|
FormsModule,
|
|
4429
4433
|
PrimeNgModule,
|
|
4430
4434
|
KvButtonsModule,
|
|
4435
|
+
KvButtonModule,
|
|
4431
4436
|
ReactiveFormsModule], exports: [KvPageFormComponent] }); }
|
|
4432
4437
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageFormModule, imports: [CommonModule,
|
|
4433
4438
|
FormsModule,
|
|
4434
4439
|
PrimeNgModule,
|
|
4435
4440
|
KvButtonsModule,
|
|
4441
|
+
KvButtonModule,
|
|
4436
4442
|
ReactiveFormsModule] }); }
|
|
4437
4443
|
}
|
|
4438
4444
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageFormModule, decorators: [{
|
|
@@ -4446,6 +4452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
4446
4452
|
FormsModule,
|
|
4447
4453
|
PrimeNgModule,
|
|
4448
4454
|
KvButtonsModule,
|
|
4455
|
+
KvButtonModule,
|
|
4449
4456
|
ReactiveFormsModule
|
|
4450
4457
|
],
|
|
4451
4458
|
exports: [
|
|
@@ -5052,6 +5059,9 @@ class KvTableComponent {
|
|
|
5052
5059
|
this.paginator = true;
|
|
5053
5060
|
this.rows = 5;
|
|
5054
5061
|
this.filterColumnsBtn = false;
|
|
5062
|
+
/**
|
|
5063
|
+
* @deprecated Essa propriedade não será mais utilizada por esse componente nas próximas versões.
|
|
5064
|
+
*/
|
|
5055
5065
|
this.filtrosAvancados = false;
|
|
5056
5066
|
this.scrollHeight = '';
|
|
5057
5067
|
this.isTableScrollable = false;
|
|
@@ -6859,6 +6869,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
6859
6869
|
|
|
6860
6870
|
class KvFilterFieldsetComponent {
|
|
6861
6871
|
constructor() {
|
|
6872
|
+
this.isExpandable = true;
|
|
6862
6873
|
this.collapsedEvent = new EventEmitter();
|
|
6863
6874
|
this.isCollapsed = false;
|
|
6864
6875
|
}
|
|
@@ -6867,12 +6878,14 @@ class KvFilterFieldsetComponent {
|
|
|
6867
6878
|
this.collapsedEvent.emit(this.isCollapsed);
|
|
6868
6879
|
}
|
|
6869
6880
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6870
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
6881
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterFieldsetComponent, selector: "kv-filter-fieldset", inputs: { isExpandable: "isExpandable" }, outputs: { collapsedEvent: "collapsedEvent" }, ngImport: i0, template: "<p-fieldset styleClass=\"p-0 mb-2\" >\r\n <ng-template pTemplate=\"header\">\r\n @if(isExpandable) {\r\n <div\r\n class=\"flex flex-row align-items-center justify-content-center p-1 cursor-pointer\"\r\n (click)=\"toggleField()\"\r\n >\r\n <span\r\n class=\"material-symbols-outlined flex align-items-center justify-content-center mr-2\"\r\n style=\"font-size: 1.4rem\"\r\n >\r\n {{ isCollapsed ? \"remove\" : \"add\" }}\r\n </span>\r\n\r\n <span class=\"text-sm\"> Filtros Avan\u00E7ados </span>\r\n </div>\r\n }\r\n </ng-template>\r\n\r\n <ng-content></ng-content>\r\n</p-fieldset>\r\n", styles: ["::ng-deep .p-fieldset .p-fieldset-legend{padding:.3rem;margin-left:1rem}::ng-deep .p-fieldset .p-fieldset-legend{background-color:#fff;border:none}::ng-deep .p-fieldset .p-fieldset-legend:hover{background-color:#f5f5f5}::ng-deep .p-fieldset .p-fieldset-legend:active{background-color:#e0e0e0}::ng-deep .p-fieldset .p-fieldset-content{padding-top:0rem}\n"], dependencies: [{ kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$4.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] }); }
|
|
6871
6882
|
}
|
|
6872
6883
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterFieldsetComponent, decorators: [{
|
|
6873
6884
|
type: Component,
|
|
6874
|
-
args: [{ selector: 'kv-filter-fieldset', standalone: false, template: "<p-fieldset styleClass=\"p-0 mb-2\">\r\n <ng-template pTemplate=\"header\">\r\n <div\r\n class=\"flex flex-row align-items-center justify-content-center p-1 cursor-pointer\"\r\n (click)=\"toggleField()\"\r\n >\r\n <span
|
|
6875
|
-
}], propDecorators: {
|
|
6885
|
+
args: [{ selector: 'kv-filter-fieldset', standalone: false, template: "<p-fieldset styleClass=\"p-0 mb-2\" >\r\n <ng-template pTemplate=\"header\">\r\n @if(isExpandable) {\r\n <div\r\n class=\"flex flex-row align-items-center justify-content-center p-1 cursor-pointer\"\r\n (click)=\"toggleField()\"\r\n >\r\n <span\r\n class=\"material-symbols-outlined flex align-items-center justify-content-center mr-2\"\r\n style=\"font-size: 1.4rem\"\r\n >\r\n {{ isCollapsed ? \"remove\" : \"add\" }}\r\n </span>\r\n\r\n <span class=\"text-sm\"> Filtros Avan\u00E7ados </span>\r\n </div>\r\n }\r\n </ng-template>\r\n\r\n <ng-content></ng-content>\r\n</p-fieldset>\r\n", styles: ["::ng-deep .p-fieldset .p-fieldset-legend{padding:.3rem;margin-left:1rem}::ng-deep .p-fieldset .p-fieldset-legend{background-color:#fff;border:none}::ng-deep .p-fieldset .p-fieldset-legend:hover{background-color:#f5f5f5}::ng-deep .p-fieldset .p-fieldset-legend:active{background-color:#e0e0e0}::ng-deep .p-fieldset .p-fieldset-content{padding-top:0rem}\n"] }]
|
|
6886
|
+
}], propDecorators: { isExpandable: [{
|
|
6887
|
+
type: Input
|
|
6888
|
+
}], collapsedEvent: [{
|
|
6876
6889
|
type: Output
|
|
6877
6890
|
}] } });
|
|
6878
6891
|
|