keevo-components 1.8.307 → 1.8.309
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 +6 -6
- package/esm2022/lib/components/kv-home-card/kv-home-card.module.mjs +1 -1
- package/esm2022/lib/components/kv-stepper/kv-stepper.component.mjs +43 -22
- package/esm2022/lib/components/kv-stepper/kv-stepper.module.mjs +11 -3
- package/fesm2022/keevo-components.mjs +156 -131
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/components/kv-avatar/kv-avatar.component.d.ts +2 -2
- package/lib/components/kv-stepper/kv-stepper.component.d.ts +21 -14
- package/lib/components/kv-stepper/kv-stepper.module.d.ts +3 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, Input, Output, ViewChild, Injectable, Directive, Pipe, ViewChildren, ContentChildren, forwardRef, HostListener, NgModule, signal, input, viewChild, computed, model, contentChildren, ChangeDetectionStrategy,
|
|
2
|
+
import { EventEmitter, Component, Input, Output, ViewChild, Injectable, Directive, Pipe, ViewChildren, ContentChildren, forwardRef, HostListener, NgModule, signal, input, viewChild, computed, model, contentChildren, ChangeDetectionStrategy, HostBinding, Injector } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { DatePipe, CommonModule, NgClass } from '@angular/common';
|
|
5
5
|
import * as i1$1 from 'primeng/button';
|
|
@@ -106,7 +106,7 @@ import * as i1$6 from 'primeng/tree';
|
|
|
106
106
|
import { TreeModule } from 'primeng/tree';
|
|
107
107
|
import * as i2$3 from 'primeng/selectbutton';
|
|
108
108
|
import { SelectButtonModule } from 'primeng/selectbutton';
|
|
109
|
-
import * as
|
|
109
|
+
import * as i3$3 from 'primeng/stepper';
|
|
110
110
|
import { StepperModule } from 'primeng/stepper';
|
|
111
111
|
import { InputGroupModule } from 'primeng/inputgroup';
|
|
112
112
|
import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
|
|
@@ -3748,8 +3748,8 @@ class KvAvatarComponent {
|
|
|
3748
3748
|
this.width = 135;
|
|
3749
3749
|
this.height = 135;
|
|
3750
3750
|
this.imageUrlChange = new EventEmitter();
|
|
3751
|
-
this.removerFotoEvent = new EventEmitter();
|
|
3752
3751
|
this.onModalOpen = new EventEmitter();
|
|
3752
|
+
this.removerFotoEvent = new EventEmitter();
|
|
3753
3753
|
this.btnAlterarFoto = false;
|
|
3754
3754
|
this.existeLogo = false;
|
|
3755
3755
|
this.selectedImage = '';
|
|
@@ -3767,7 +3767,6 @@ class KvAvatarComponent {
|
|
|
3767
3767
|
this.imageSource = signal(this.imageService.userDefaultImage());
|
|
3768
3768
|
this.imgCanva = signal(null);
|
|
3769
3769
|
this.widthTela = window.innerWidth;
|
|
3770
|
-
this.height = window.innerHeight;
|
|
3771
3770
|
}
|
|
3772
3771
|
ngOnInit() {
|
|
3773
3772
|
this.imageSource.set(this.imageUrl());
|
|
@@ -3806,6 +3805,7 @@ class KvAvatarComponent {
|
|
|
3806
3805
|
reader.readAsDataURL(file);
|
|
3807
3806
|
reader.onload = () => {
|
|
3808
3807
|
this.selectedImage = reader.result;
|
|
3808
|
+
this.onModalOpen.emit(null);
|
|
3809
3809
|
this.openCropModal();
|
|
3810
3810
|
this.existeLogo = false;
|
|
3811
3811
|
};
|
|
@@ -4008,7 +4008,7 @@ class KvAvatarComponent {
|
|
|
4008
4008
|
}
|
|
4009
4009
|
}
|
|
4010
4010
|
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 }); }
|
|
4011
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvAvatarComponent, selector: "kv-avatar", inputs: { borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: false, isRequired: false, transformFunction: null }, btnsColor: { classPropertyName: "btnsColor", publicName: "btnsColor", isSignal: false, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: false, isRequired: false, transformFunction: null }, btnAlterarFoto: { classPropertyName: "btnAlterarFoto", publicName: "btnAlterarFoto", isSignal: false, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { imageUrlChange: "imageUrlChange",
|
|
4011
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvAvatarComponent, selector: "kv-avatar", inputs: { borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: false, isRequired: false, transformFunction: null }, btnsColor: { classPropertyName: "btnsColor", publicName: "btnsColor", isSignal: false, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: false, isRequired: false, transformFunction: null }, btnAlterarFoto: { classPropertyName: "btnAlterarFoto", publicName: "btnAlterarFoto", isSignal: false, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { imageUrlChange: "imageUrlChange", onModalOpen: "onModalOpen", removerFotoEvent: "removerFotoEvent" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "cropCanvas", first: true, predicate: ["cropCanvas"], descendants: true }, { propertyName: "cropBorder", first: true, predicate: ["cropBorder"], descendants: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div class=\"image-container\">\r\n <img [src]=\"imageSource()\" 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\" [style.background-color]=\"btnsColor\" (click)=\"openFile()\">\r\n <i class=\"material-symbols-outlined\">photo_camera</i>\r\n </button>\r\n \r\n <button *ngIf=\"btnAlterarFoto && existeLogo\" [style.background-color]=\"btnsColor\"\r\n class=\"botao-excluir-foto border-circle\r\n hover:shadow-3\r\n active:shadow-5\"\r\n (click)=\"questionRemoverFoto()\">\r\n <i class=\"material-symbols-outlined\">delete</i>\r\n </button>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"showCropModal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <div class=\"crop-container\">\r\n <canvas #cropCanvas class=\"crop-canvas\"></canvas>\r\n <div #cropBorder class=\"crop-border\"></div>\r\n </div>\r\n\r\n <div class=\"w-full mt-2\">\r\n <kv-label label=\"Zoom\" style=\"text-align: left;\"/>\r\n <p-slider [(ngModel)]=\"valueZoom\" (onChange)=\"onZoomChange($event)\"></p-slider>\r\n </div>\r\n \r\n <div class=\"button-container\"> \r\n <kv-button label=\"Cancelar\" severity=\"tertiary\" icon=\"close\" (click)=\"closeCropModal()\"></kv-button>\r\n <kv-button label=\"Recortar\" severity=\"primary\" icon=\"crop\" (click)=\"cropImage()\" class=\"ml-2\"></kv-button>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter var,Inter,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter var,Inter,sans-serif!important}:host ::ng-deep .inputs{height:35px}: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, }::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word}::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}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}img{border-style:solid;border-width:2px;border-radius:50%;object-fit:cover}i{font-size:22px}.botao-alterar-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#002542;color:#000;font-weight:700;cursor:pointer;padding:7px 9px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}.modal{display:block;position:absolute;z-index:9999;left:0;top:0;width:100vw;height:100vh;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:1% auto;padding:20px;border:1px solid #888;width:80%;max-width:fit-content;text-align:center;border-radius:12px}.crop-container{display:flex;justify-content:center;align-items:center}.crop-canvas{border:1px solid black;border-radius:12px;width:100%;height:auto}.crop-border{position:absolute;border:2px solid black;border-radius:50%;pointer-events:none}.zoom-container{padding-top:20px;padding-bottom:20px}.button-container{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;margin-top:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.Slider, selector: "p-slider", inputs: ["animate", "disabled", "min", "max", "orientation", "step", "range", "style", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["label", "icon", "loading", "disabled", "severity", "size", "fullWidth"], outputs: ["onClick"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] }); }
|
|
4012
4012
|
}
|
|
4013
4013
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvAvatarComponent, decorators: [{
|
|
4014
4014
|
type: Component,
|
|
@@ -4023,10 +4023,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
4023
4023
|
type: Input
|
|
4024
4024
|
}], imageUrlChange: [{
|
|
4025
4025
|
type: Output
|
|
4026
|
-
}], removerFotoEvent: [{
|
|
4027
|
-
type: Output
|
|
4028
4026
|
}], onModalOpen: [{
|
|
4029
4027
|
type: Output
|
|
4028
|
+
}], removerFotoEvent: [{
|
|
4029
|
+
type: Output
|
|
4030
4030
|
}], btnAlterarFoto: [{
|
|
4031
4031
|
type: Input
|
|
4032
4032
|
}], cropCanvas: [{
|
|
@@ -6712,9 +6712,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
6712
6712
|
}]
|
|
6713
6713
|
}] });
|
|
6714
6714
|
|
|
6715
|
-
|
|
6716
|
-
|
|
6717
|
-
|
|
6715
|
+
class DynamicInputDirective {
|
|
6716
|
+
set dynamicComponent({ component, inputs }) {
|
|
6717
|
+
if (component) {
|
|
6718
|
+
const componentRef = this.vcr.createComponent(component);
|
|
6719
|
+
this.applyInputs(componentRef, inputs);
|
|
6720
|
+
}
|
|
6721
|
+
}
|
|
6722
|
+
constructor(vcr) {
|
|
6723
|
+
this.vcr = vcr;
|
|
6724
|
+
}
|
|
6725
|
+
applyInputs(componentRef, inputs) {
|
|
6726
|
+
if (inputs) {
|
|
6727
|
+
for (const key of Object.keys(inputs)) {
|
|
6728
|
+
componentRef.instance[key] = inputs[key];
|
|
6729
|
+
}
|
|
6730
|
+
}
|
|
6731
|
+
}
|
|
6732
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DynamicInputDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6733
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.8", type: DynamicInputDirective, selector: "[dynamicComponent]", inputs: { dynamicComponent: "dynamicComponent" }, ngImport: i0 }); }
|
|
6734
|
+
}
|
|
6735
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DynamicInputDirective, decorators: [{
|
|
6736
|
+
type: Directive,
|
|
6737
|
+
args: [{
|
|
6738
|
+
selector: '[dynamicComponent]'
|
|
6739
|
+
}]
|
|
6740
|
+
}], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { dynamicComponent: [{
|
|
6741
|
+
type: Input
|
|
6742
|
+
}] } });
|
|
6743
|
+
|
|
6718
6744
|
class KvStepperComponent {
|
|
6719
6745
|
onActiveStepChange(step) {
|
|
6720
6746
|
this.activeStep = step;
|
|
@@ -6726,48 +6752,149 @@ class KvStepperComponent {
|
|
|
6726
6752
|
});
|
|
6727
6753
|
}
|
|
6728
6754
|
constructor() {
|
|
6729
|
-
/**
|
|
6730
|
-
* @deprecated Use kv-page-stepper
|
|
6731
|
-
*/
|
|
6732
6755
|
this.panels = [];
|
|
6733
6756
|
this.activeStep = 0;
|
|
6734
|
-
this.orientation = 'horizontal';
|
|
6735
|
-
this.
|
|
6736
|
-
this.
|
|
6757
|
+
this.orientation = input('horizontal');
|
|
6758
|
+
this.buttonsAlign = input('end');
|
|
6759
|
+
this.linear = input(false);
|
|
6737
6760
|
this.activeStepChange = new EventEmitter();
|
|
6738
6761
|
this.concluirCallback = new EventEmitter();
|
|
6762
|
+
this.onSave = new EventEmitter();
|
|
6763
|
+
this.onNext = new EventEmitter();
|
|
6764
|
+
this.onBack = new EventEmitter();
|
|
6765
|
+
this.onCancel = new EventEmitter();
|
|
6766
|
+
this.iconBtnCancel = input('pi pi-fw pi-times');
|
|
6767
|
+
this.showBtnCancel = input(true);
|
|
6768
|
+
this.txtBtnCancel = input("Cancelar");
|
|
6769
|
+
this.iconBtnSave = input('pi pi-save');
|
|
6770
|
+
this.showBtnSave = input(true);
|
|
6771
|
+
this.txtBtnSave = input("Salvar");
|
|
6772
|
+
this.disableBtnSave = input(false);
|
|
6739
6773
|
this.assignIdsToPanels();
|
|
6740
6774
|
}
|
|
6775
|
+
cancel(event) {
|
|
6776
|
+
this.onCancel.emit(event);
|
|
6777
|
+
}
|
|
6778
|
+
save(event) {
|
|
6779
|
+
this.onSave.emit(event);
|
|
6780
|
+
}
|
|
6781
|
+
next(event) {
|
|
6782
|
+
this.onNext.emit(event);
|
|
6783
|
+
}
|
|
6784
|
+
back(event) {
|
|
6785
|
+
this.onBack.emit(event);
|
|
6786
|
+
}
|
|
6741
6787
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6742
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
6788
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvStepperComponent, selector: "kv-stepper", inputs: { panels: { classPropertyName: "panels", publicName: "panels", isSignal: false, isRequired: false, transformFunction: null }, activeStep: { classPropertyName: "activeStep", publicName: "activeStep", isSignal: false, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, buttonsAlign: { classPropertyName: "buttonsAlign", publicName: "buttonsAlign", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, iconBtnCancel: { classPropertyName: "iconBtnCancel", publicName: "iconBtnCancel", isSignal: true, isRequired: false, transformFunction: null }, showBtnCancel: { classPropertyName: "showBtnCancel", publicName: "showBtnCancel", isSignal: true, isRequired: false, transformFunction: null }, txtBtnCancel: { classPropertyName: "txtBtnCancel", publicName: "txtBtnCancel", isSignal: true, isRequired: false, transformFunction: null }, iconBtnSave: { classPropertyName: "iconBtnSave", publicName: "iconBtnSave", isSignal: true, isRequired: false, transformFunction: null }, showBtnSave: { classPropertyName: "showBtnSave", publicName: "showBtnSave", isSignal: true, isRequired: false, transformFunction: null }, txtBtnSave: { classPropertyName: "txtBtnSave", publicName: "txtBtnSave", isSignal: true, isRequired: false, transformFunction: null }, disableBtnSave: { classPropertyName: "disableBtnSave", publicName: "disableBtnSave", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeStepChange: "activeStepChange", concluirCallback: "concluirCallback", onSave: "onSave", onNext: "onNext", onBack: "onBack", onCancel: "onCancel" }, ngImport: i0, template: "<p-stepper\r\n [activeStep]=\"activeStep\"\r\n [orientation]=\"orientation()\"\r\n [linear]=\"linear()\"\r\n (activeStepChange)=\"onActiveStepChange($event)\"\r\n>\r\n <ng-container *ngFor=\"let panel of panels; let i = index\">\r\n <p-stepperPanel [header]=\"panel.header\">\r\n <ng-template\r\n pTemplate=\"content\"\r\n let-nextCallback=\"nextCallback\"\r\n let-prevCallback=\"prevCallback\"\r\n >\r\n <div class=\"flex flex-column p-2\">\r\n <div\r\n class=\"content-panel\"\r\n [dynamicComponent]=\"{\r\n component: panel.contentTemplate,\r\n inputs: panel.inputs || {}\r\n }\"\r\n ></div>\r\n </div>\r\n\r\n <div\r\n class=\"flex flex-column align-items-center lg:flex-row justify-content-{{\r\n buttonsAlign()\r\n }} col-12 gap-2 grid grid-nogutter p-fluid\"\r\n >\r\n <kv-button-secondary\r\n *ngIf=\"showBtnCancel()\"\r\n [label]=\"txtBtnCancel()\"\r\n [icon]=\"iconBtnCancel()\"\r\n (click)=\"cancel($event)\"\r\n class=\"w-full lg:w-auto\"\r\n >\r\n </kv-button-secondary>\r\n\r\n <kv-button-personalize\r\n class=\"w-full lg:w-auto\"\r\n [label]=\"'Voltar'\"\r\n color=\"#002542\"\r\n [disabled]=\"panel.id == 0\"\r\n [icon]=\"'pi pi-arrow-left'\"\r\n (onClick)=\"prevCallback.emit(); back($event)\"\r\n >\r\n </kv-button-personalize>\r\n\r\n <kv-button-success\r\n (click)=\"\r\n panel.id != panels.length - 1 ? nextCallback.emit() : save($event)\r\n ;\r\n next($event)\r\n \"\r\n class=\"w-full lg:w-auto\"\r\n [icon]=\"'pi pi-arrow-right'\"\r\n [label]=\"panel.id != panels.length - 1 ? 'Avan\u00E7ar ' : txtBtnSave()\"\r\n iconPos=\"right\"\r\n ></kv-button-success>\r\n </div>\r\n </ng-template>\r\n </p-stepperPanel>\r\n </ng-container>\r\n</p-stepper>\r\n", styles: [".kv-stepper{display:flex;flex-direction:column}:host ::ng-deep .p-stepper .p-stepper-header.p-highlight .p-stepper-number{background-color:#002542;color:#fff}:host ::ng-deep .p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:#002542}.btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#d8d9db!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$3.Stepper, selector: "p-stepper", inputs: ["activeStep", "orientation", "linear", "transitionOptions"], outputs: ["onClick", "activeStepChange"] }, { kind: "component", type: i3$3.StepperPanel, selector: "p-stepperPanel", inputs: ["header"] }, { kind: "component", type: KvButtonSecondaryComponent, selector: "kv-button-secondary" }, { kind: "component", type: KvButtonSuccessComponent, selector: "kv-button-success" }, { kind: "component", type: KvButtonPersonalizeComponent, selector: "kv-button-personalize", inputs: ["colorHover", "textColor"] }, { kind: "directive", type: DynamicInputDirective, selector: "[dynamicComponent]", inputs: ["dynamicComponent"] }] }); }
|
|
6743
6789
|
}
|
|
6744
6790
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperComponent, decorators: [{
|
|
6745
6791
|
type: Component,
|
|
6746
|
-
args: [{ selector: 'kv-stepper', template: "<p-stepper\r\n [activeStep]=\"activeStep\"\r\n [orientation]=\"orientation\"\r\n [linear]=\"linear\"\r\n (activeStepChange)=\"onActiveStepChange($event)\"\r\n>\r\n <ng-container *ngFor=\"let panel of panels; let i = index\">\r\n <p-stepperPanel [header]=\"panel.header\">\r\n
|
|
6792
|
+
args: [{ selector: 'kv-stepper', template: "<p-stepper\r\n [activeStep]=\"activeStep\"\r\n [orientation]=\"orientation()\"\r\n [linear]=\"linear()\"\r\n (activeStepChange)=\"onActiveStepChange($event)\"\r\n>\r\n <ng-container *ngFor=\"let panel of panels; let i = index\">\r\n <p-stepperPanel [header]=\"panel.header\">\r\n <ng-template\r\n pTemplate=\"content\"\r\n let-nextCallback=\"nextCallback\"\r\n let-prevCallback=\"prevCallback\"\r\n >\r\n <div class=\"flex flex-column p-2\">\r\n <div\r\n class=\"content-panel\"\r\n [dynamicComponent]=\"{\r\n component: panel.contentTemplate,\r\n inputs: panel.inputs || {}\r\n }\"\r\n ></div>\r\n </div>\r\n\r\n <div\r\n class=\"flex flex-column align-items-center lg:flex-row justify-content-{{\r\n buttonsAlign()\r\n }} col-12 gap-2 grid grid-nogutter p-fluid\"\r\n >\r\n <kv-button-secondary\r\n *ngIf=\"showBtnCancel()\"\r\n [label]=\"txtBtnCancel()\"\r\n [icon]=\"iconBtnCancel()\"\r\n (click)=\"cancel($event)\"\r\n class=\"w-full lg:w-auto\"\r\n >\r\n </kv-button-secondary>\r\n\r\n <kv-button-personalize\r\n class=\"w-full lg:w-auto\"\r\n [label]=\"'Voltar'\"\r\n color=\"#002542\"\r\n [disabled]=\"panel.id == 0\"\r\n [icon]=\"'pi pi-arrow-left'\"\r\n (onClick)=\"prevCallback.emit(); back($event)\"\r\n >\r\n </kv-button-personalize>\r\n\r\n <kv-button-success\r\n (click)=\"\r\n panel.id != panels.length - 1 ? nextCallback.emit() : save($event)\r\n ;\r\n next($event)\r\n \"\r\n class=\"w-full lg:w-auto\"\r\n [icon]=\"'pi pi-arrow-right'\"\r\n [label]=\"panel.id != panels.length - 1 ? 'Avan\u00E7ar ' : txtBtnSave()\"\r\n iconPos=\"right\"\r\n ></kv-button-success>\r\n </div>\r\n </ng-template>\r\n </p-stepperPanel>\r\n </ng-container>\r\n</p-stepper>\r\n", styles: [".kv-stepper{display:flex;flex-direction:column}:host ::ng-deep .p-stepper .p-stepper-header.p-highlight .p-stepper-number{background-color:#002542;color:#fff}:host ::ng-deep .p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{background-color:#002542}.btn-success{background-color:#29b92d!important;color:#fff!important;height:35px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#d8d9db!important}.btn-secondary:disabled{pointer-events:none}\n"] }]
|
|
6747
6793
|
}], ctorParameters: () => [], propDecorators: { panels: [{
|
|
6748
6794
|
type: Input
|
|
6749
6795
|
}], activeStep: [{
|
|
6750
6796
|
type: Input
|
|
6751
|
-
}], orientation: [{
|
|
6752
|
-
type: Input
|
|
6753
|
-
}], linear: [{
|
|
6754
|
-
type: Input
|
|
6755
|
-
}], btnConcluir: [{
|
|
6756
|
-
type: Input
|
|
6757
6797
|
}], activeStepChange: [{
|
|
6758
6798
|
type: Output
|
|
6759
6799
|
}], concluirCallback: [{
|
|
6760
6800
|
type: Output
|
|
6801
|
+
}], onSave: [{
|
|
6802
|
+
type: Output
|
|
6803
|
+
}], onNext: [{
|
|
6804
|
+
type: Output
|
|
6805
|
+
}], onBack: [{
|
|
6806
|
+
type: Output
|
|
6807
|
+
}], onCancel: [{
|
|
6808
|
+
type: Output
|
|
6761
6809
|
}] } });
|
|
6762
6810
|
|
|
6811
|
+
class DragDirective {
|
|
6812
|
+
constructor() {
|
|
6813
|
+
this.fileDropped = new EventEmitter();
|
|
6814
|
+
}
|
|
6815
|
+
// Dragover listener
|
|
6816
|
+
onDragOver(evt) {
|
|
6817
|
+
evt.preventDefault();
|
|
6818
|
+
evt.stopPropagation();
|
|
6819
|
+
this.fileOver = true;
|
|
6820
|
+
}
|
|
6821
|
+
// Dragleave listener
|
|
6822
|
+
onDragLeave(evt) {
|
|
6823
|
+
evt.preventDefault();
|
|
6824
|
+
evt.stopPropagation();
|
|
6825
|
+
this.fileOver = false;
|
|
6826
|
+
}
|
|
6827
|
+
// Drop listener
|
|
6828
|
+
ondrop(evt) {
|
|
6829
|
+
evt.preventDefault();
|
|
6830
|
+
evt.stopPropagation();
|
|
6831
|
+
this.fileOver = false;
|
|
6832
|
+
let files = evt.dataTransfer.files;
|
|
6833
|
+
if (files.length > 0) {
|
|
6834
|
+
this.fileDropped.emit(files);
|
|
6835
|
+
}
|
|
6836
|
+
}
|
|
6837
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6838
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.8", type: DragDirective, selector: "[appDrag]", outputs: { fileDropped: "fileDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.fileover": "this.fileOver" } }, ngImport: i0 }); }
|
|
6839
|
+
}
|
|
6840
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DragDirective, decorators: [{
|
|
6841
|
+
type: Directive,
|
|
6842
|
+
args: [{
|
|
6843
|
+
selector: '[appDrag]'
|
|
6844
|
+
}]
|
|
6845
|
+
}], propDecorators: { fileOver: [{
|
|
6846
|
+
type: HostBinding,
|
|
6847
|
+
args: ['class.fileover']
|
|
6848
|
+
}], fileDropped: [{
|
|
6849
|
+
type: Output
|
|
6850
|
+
}], onDragOver: [{
|
|
6851
|
+
type: HostListener,
|
|
6852
|
+
args: ['dragover', ['$event']]
|
|
6853
|
+
}], onDragLeave: [{
|
|
6854
|
+
type: HostListener,
|
|
6855
|
+
args: ['dragleave', ['$event']]
|
|
6856
|
+
}], ondrop: [{
|
|
6857
|
+
type: HostListener,
|
|
6858
|
+
args: ['drop', ['$event']]
|
|
6859
|
+
}] } });
|
|
6860
|
+
|
|
6861
|
+
class DirectiveModule {
|
|
6862
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6863
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, declarations: [DragDirective,
|
|
6864
|
+
TemplateDirective,
|
|
6865
|
+
DynamicInputDirective], exports: [DragDirective,
|
|
6866
|
+
TemplateDirective,
|
|
6867
|
+
DynamicInputDirective] }); }
|
|
6868
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule }); }
|
|
6869
|
+
}
|
|
6870
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, decorators: [{
|
|
6871
|
+
type: NgModule,
|
|
6872
|
+
args: [{
|
|
6873
|
+
declarations: [
|
|
6874
|
+
DragDirective,
|
|
6875
|
+
TemplateDirective,
|
|
6876
|
+
DynamicInputDirective
|
|
6877
|
+
],
|
|
6878
|
+
exports: [
|
|
6879
|
+
DragDirective,
|
|
6880
|
+
TemplateDirective,
|
|
6881
|
+
DynamicInputDirective
|
|
6882
|
+
]
|
|
6883
|
+
}]
|
|
6884
|
+
}] });
|
|
6885
|
+
|
|
6763
6886
|
class KvStepperModule {
|
|
6764
6887
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6765
6888
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: KvStepperModule, declarations: [KvStepperComponent], imports: [CommonModule,
|
|
6766
6889
|
PrimeNgModule,
|
|
6767
|
-
StepperModule
|
|
6890
|
+
StepperModule,
|
|
6891
|
+
KvButtonsModule,
|
|
6892
|
+
DirectiveModule], exports: [KvStepperComponent] }); }
|
|
6768
6893
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperModule, imports: [CommonModule,
|
|
6769
6894
|
PrimeNgModule,
|
|
6770
|
-
StepperModule
|
|
6895
|
+
StepperModule,
|
|
6896
|
+
KvButtonsModule,
|
|
6897
|
+
DirectiveModule] }); }
|
|
6771
6898
|
}
|
|
6772
6899
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperModule, decorators: [{
|
|
6773
6900
|
type: NgModule,
|
|
@@ -6779,6 +6906,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
6779
6906
|
CommonModule,
|
|
6780
6907
|
PrimeNgModule,
|
|
6781
6908
|
StepperModule,
|
|
6909
|
+
KvButtonsModule,
|
|
6910
|
+
DirectiveModule
|
|
6782
6911
|
],
|
|
6783
6912
|
exports: [
|
|
6784
6913
|
KvStepperComponent
|
|
@@ -7718,35 +7847,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
7718
7847
|
}]
|
|
7719
7848
|
}] });
|
|
7720
7849
|
|
|
7721
|
-
class DynamicInputDirective {
|
|
7722
|
-
set dynamicComponent({ component, inputs }) {
|
|
7723
|
-
if (component) {
|
|
7724
|
-
const componentRef = this.vcr.createComponent(component);
|
|
7725
|
-
this.applyInputs(componentRef, inputs);
|
|
7726
|
-
}
|
|
7727
|
-
}
|
|
7728
|
-
constructor(vcr) {
|
|
7729
|
-
this.vcr = vcr;
|
|
7730
|
-
}
|
|
7731
|
-
applyInputs(componentRef, inputs) {
|
|
7732
|
-
if (inputs) {
|
|
7733
|
-
for (const key of Object.keys(inputs)) {
|
|
7734
|
-
componentRef.instance[key] = inputs[key];
|
|
7735
|
-
}
|
|
7736
|
-
}
|
|
7737
|
-
}
|
|
7738
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DynamicInputDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7739
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.8", type: DynamicInputDirective, selector: "[dynamicComponent]", inputs: { dynamicComponent: "dynamicComponent" }, ngImport: i0 }); }
|
|
7740
|
-
}
|
|
7741
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DynamicInputDirective, decorators: [{
|
|
7742
|
-
type: Directive,
|
|
7743
|
-
args: [{
|
|
7744
|
-
selector: '[dynamicComponent]'
|
|
7745
|
-
}]
|
|
7746
|
-
}], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { dynamicComponent: [{
|
|
7747
|
-
type: Input
|
|
7748
|
-
}] } });
|
|
7749
|
-
|
|
7750
7850
|
class KvPageStepperComponent {
|
|
7751
7851
|
// @Output() concluirCallback = new EventEmitter<void>();
|
|
7752
7852
|
onActiveStepChange(step) {
|
|
@@ -7894,7 +7994,7 @@ class KvPageStepperComponent {
|
|
|
7894
7994
|
}
|
|
7895
7995
|
}
|
|
7896
7996
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageStepperComponent, deps: [{ token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7897
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvPageStepperComponent, selector: "kv-page-stepper", inputs: { panels: "panels", activeStep: "activeStep", orientation: "orientation", linear: "linear", formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", disableBtnSave: "disableBtnSave", disableBtnSair: "disableBtnSair" }, outputs: { activeStepChange: "activeStepChange", onSave: "onSave", onCancel: "onCancel" }, ngImport: i0, template: "<!-- [formGroup]=\"formGroup\" -->\r\n<div\r\n class=\"grid-nogutter m-0\"\r\n id=\"page-form-container\"\r\n>\r\n\r\n <!-- Renderiza\u00E7\u00E3o do form -->\r\n <div class=\"col-12 p-0\" id=\"page-form-content\">\r\n\r\n\r\n\r\n<!--______________________________________________________________________________________________________-->\r\n\r\n\r\n\r\n <p-stepper\r\n [activeStep]=\"activeStep\"\r\n [orientation]=\"orientation\"\r\n [linear]=\"linear\"\r\n (activeStepChange)=\"onActiveStepChange($event)\"\r\n >\r\n <ng-container *ngFor=\"let panel of panels; let i = index\">\r\n <p-stepperPanel [header]=\"panel.header\">\r\n\r\n <ng-template\r\n pTemplate=\"content\"\r\n let-nextCallback=\"nextCallback\"\r\n let-prevCallback=\"prevCallback\"\r\n >\r\n\r\n <div class=\"flex flex-column\">\r\n <div class=\"content-panel\" [dynamicComponent]=\"{ component: panel.contentTemplate, inputs: panel.inputs || {} }\">\r\n <!-- <ng-container\r\n *ngComponentOutlet=\"panel.contentTemplate\"\r\n ></ng-container> -->\r\n\r\n\r\n\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex pt-4\"\r\n [ngClass]=\"{\r\n 'justify-content-between': panel.id !== 0,\r\n 'justify-content-end': panel.id === 0,\r\n 'justify-content-start': orientation === 'vertical'\r\n }\"\r\n >\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n <div 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\r\n\r\n <kv-button-secondary\r\n *ngIf=\"showBtnCancel\"\r\n [label]=\"txtBtnCancel\"\r\n [icon]=\"iconBtnCancel\"\r\n [disabled]=\"isSaveLoading\"\r\n (click)=\"cancel($event)\"\r\n class=\"w-full lg:w-auto\"\r\n >\r\n </kv-button-secondary>\r\n\r\n <!-- panel.id !== 0 -->\r\n @if(true){\r\n <kv-button-personalize\r\n class=\"w-full lg:w-auto\"\r\n [label]=\"'Voltar'\"\r\n color=\"#002542\"\r\n [disabled]=\"panel.id == 0\"\r\n [icon]=\"'pi pi-arrow-left'\"\r\n (onClick)=\"prevCallback.emit()\"\r\n >\r\n </kv-button-personalize>\r\n }\r\n\r\n\r\n <!-- panel.id !== panels.length - 1 -->\r\n @if(true){\r\n <kv-button-success\r\n (click)=\" panel.id != panels.length-1 ? nextCallback.emit() : save($event)\"\r\n class=\"w-full lg:w-auto\"\r\n [icon]=\"'pi pi-arrow-right'\"\r\n [label]=\"panel.id != panels.length-1 ? 'Avan\u00E7ar ' : txtBtnSave\"\r\n iconPos=\"right\"\r\n ></kv-button-success>\r\n }\r\n<!--\r\n <kv-button-success\r\n *ngIf=\"showBtnSave && panel.id === panels.length - 1 \"\r\n [label]=\"txtBtnSave\"\r\n [icon]=\"iconBtnSave\"\r\n [disabled]=\"disableBtnSave || panel.id !== panels.length - 1\"\r\n [loading]=\"isSaveLoading\"\r\n (click)=\"nextCallback.emit()\"\r\n (click)=\"!disableBtnSave ? save($event) : ''\"\r\n class=\"w-full lg:w-auto\"\r\n /> -->\r\n\r\n\r\n\r\n <!-- @if(positionBtnToogle == 'start'){\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 [disabled]=\"disableBtnToogle\"\r\n class=\"w-full lg:w-auto\"\r\n classBtn=\"{{classBtnToogle}}\"\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 ></p-menu>\r\n } -->\r\n\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]=\"'btn-secondary border-300'\"\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 ></p-menu> -->\r\n\r\n\r\n\r\n\r\n\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]=\"'btn-success border-green-500'\"\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 ></p-menu> -->\r\n\r\n\r\n <!-- @if(positionBtnToogle == 'end'){\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 [disabled]=\"disableBtnToogle\"\r\n class=\"w-full lg:w-auto\"\r\n classBtn=\"{{classBtnToogle}}\"\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 ></p-menu>\r\n } -->\r\n\r\n </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n </div>\r\n\r\n </ng-template>\r\n\r\n </p-stepperPanel>\r\n </ng-container>\r\n </p-stepper>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!--______________________________________________________________________________________________________-->\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n </div>\r\n\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}.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}}.kv-stepper{display:flex;flex-direction:column}:host ::ng-deep .p-stepper .p-stepper-header.p-highlight .p-stepper-number{color:#f2f3f5!important;background-color:#002542!important}:host ::ng-deep .p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{color:#002542;background-color:#f2f3f5}:host ::ng-deep .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number{color:#002542;background-color:#f2f3f5}:host ::ng-deep .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator{background-color:#f2f3f5}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#d8d9db!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$9.Stepper, selector: "p-stepper", inputs: ["activeStep", "orientation", "linear", "transitionOptions"], outputs: ["onClick", "activeStepChange"] }, { kind: "component", type: i5$9.StepperPanel, selector: "p-stepperPanel", inputs: ["header"] }, { kind: "component", type: KvButtonSecondaryComponent, selector: "kv-button-secondary" }, { kind: "component", type: KvButtonSuccessComponent, selector: "kv-button-success" }, { kind: "component", type: KvButtonPersonalizeComponent, selector: "kv-button-personalize", inputs: ["colorHover", "textColor"] }, { kind: "directive", type: DynamicInputDirective, selector: "[dynamicComponent]", inputs: ["dynamicComponent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7997
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvPageStepperComponent, selector: "kv-page-stepper", inputs: { panels: "panels", activeStep: "activeStep", orientation: "orientation", linear: "linear", formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", disableBtnSave: "disableBtnSave", disableBtnSair: "disableBtnSair" }, outputs: { activeStepChange: "activeStepChange", onSave: "onSave", onCancel: "onCancel" }, ngImport: i0, template: "<!-- [formGroup]=\"formGroup\" -->\r\n<div\r\n class=\"grid-nogutter m-0\"\r\n id=\"page-form-container\"\r\n>\r\n\r\n <!-- Renderiza\u00E7\u00E3o do form -->\r\n <div class=\"col-12 p-0\" id=\"page-form-content\">\r\n\r\n\r\n\r\n<!--______________________________________________________________________________________________________-->\r\n\r\n\r\n\r\n <p-stepper\r\n [activeStep]=\"activeStep\"\r\n [orientation]=\"orientation\"\r\n [linear]=\"linear\"\r\n (activeStepChange)=\"onActiveStepChange($event)\"\r\n >\r\n <ng-container *ngFor=\"let panel of panels; let i = index\">\r\n <p-stepperPanel [header]=\"panel.header\">\r\n\r\n <ng-template\r\n pTemplate=\"content\"\r\n let-nextCallback=\"nextCallback\"\r\n let-prevCallback=\"prevCallback\"\r\n >\r\n\r\n <div class=\"flex flex-column\">\r\n <div class=\"content-panel\" [dynamicComponent]=\"{ component: panel.contentTemplate, inputs: panel.inputs || {} }\">\r\n <!-- <ng-container\r\n *ngComponentOutlet=\"panel.contentTemplate\"\r\n ></ng-container> -->\r\n\r\n\r\n\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"flex pt-4\"\r\n [ngClass]=\"{\r\n 'justify-content-between': panel.id !== 0,\r\n 'justify-content-end': panel.id === 0,\r\n 'justify-content-start': orientation === 'vertical'\r\n }\"\r\n >\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n <div 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\r\n\r\n <kv-button-secondary\r\n *ngIf=\"showBtnCancel\"\r\n [label]=\"txtBtnCancel\"\r\n [icon]=\"iconBtnCancel\"\r\n [disabled]=\"isSaveLoading\"\r\n (click)=\"cancel($event)\"\r\n class=\"w-full lg:w-auto\"\r\n >\r\n </kv-button-secondary>\r\n\r\n <!-- panel.id !== 0 -->\r\n @if(true){\r\n <kv-button-personalize\r\n class=\"w-full lg:w-auto\"\r\n [label]=\"'Voltar'\"\r\n color=\"#002542\"\r\n [disabled]=\"panel.id == 0\"\r\n [icon]=\"'pi pi-arrow-left'\"\r\n (onClick)=\"prevCallback.emit()\"\r\n >\r\n </kv-button-personalize>\r\n }\r\n\r\n\r\n <!-- panel.id !== panels.length - 1 -->\r\n @if(true){\r\n <kv-button-success\r\n (click)=\" panel.id != panels.length-1 ? nextCallback.emit() : save($event)\"\r\n class=\"w-full lg:w-auto\"\r\n [icon]=\"'pi pi-arrow-right'\"\r\n [label]=\"panel.id != panels.length-1 ? 'Avan\u00E7ar ' : txtBtnSave\"\r\n iconPos=\"right\"\r\n ></kv-button-success>\r\n }\r\n<!--\r\n <kv-button-success\r\n *ngIf=\"showBtnSave && panel.id === panels.length - 1 \"\r\n [label]=\"txtBtnSave\"\r\n [icon]=\"iconBtnSave\"\r\n [disabled]=\"disableBtnSave || panel.id !== panels.length - 1\"\r\n [loading]=\"isSaveLoading\"\r\n (click)=\"nextCallback.emit()\"\r\n (click)=\"!disableBtnSave ? save($event) : ''\"\r\n class=\"w-full lg:w-auto\"\r\n /> -->\r\n\r\n\r\n\r\n <!-- @if(positionBtnToogle == 'start'){\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 [disabled]=\"disableBtnToogle\"\r\n class=\"w-full lg:w-auto\"\r\n classBtn=\"{{classBtnToogle}}\"\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 ></p-menu>\r\n } -->\r\n\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]=\"'btn-secondary border-300'\"\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 ></p-menu> -->\r\n\r\n\r\n\r\n\r\n\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]=\"'btn-success border-green-500'\"\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 ></p-menu> -->\r\n\r\n\r\n <!-- @if(positionBtnToogle == 'end'){\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 [disabled]=\"disableBtnToogle\"\r\n class=\"w-full lg:w-auto\"\r\n classBtn=\"{{classBtnToogle}}\"\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 ></p-menu>\r\n } -->\r\n\r\n </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n </div>\r\n\r\n </ng-template>\r\n\r\n </p-stepperPanel>\r\n </ng-container>\r\n </p-stepper>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!--______________________________________________________________________________________________________-->\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n </div>\r\n\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}.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}}.kv-stepper{display:flex;flex-direction:column}:host ::ng-deep .p-stepper .p-stepper-header.p-highlight .p-stepper-number{color:#f2f3f5!important;background-color:#002542!important}:host ::ng-deep .p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator{color:#002542;background-color:#f2f3f5}:host ::ng-deep .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number{color:#002542;background-color:#f2f3f5}:host ::ng-deep .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator{background-color:#f2f3f5}.btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:35px}.btn-secondary:hover{background-color:#d8d9db!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$3.Stepper, selector: "p-stepper", inputs: ["activeStep", "orientation", "linear", "transitionOptions"], outputs: ["onClick", "activeStepChange"] }, { kind: "component", type: i3$3.StepperPanel, selector: "p-stepperPanel", inputs: ["header"] }, { kind: "component", type: KvButtonSecondaryComponent, selector: "kv-button-secondary" }, { kind: "component", type: KvButtonSuccessComponent, selector: "kv-button-success" }, { kind: "component", type: KvButtonPersonalizeComponent, selector: "kv-button-personalize", inputs: ["colorHover", "textColor"] }, { kind: "directive", type: DynamicInputDirective, selector: "[dynamicComponent]", inputs: ["dynamicComponent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7898
7998
|
}
|
|
7899
7999
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageStepperComponent, decorators: [{
|
|
7900
8000
|
type: Component,
|
|
@@ -7943,81 +8043,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
7943
8043
|
type: Output
|
|
7944
8044
|
}] } });
|
|
7945
8045
|
|
|
7946
|
-
class DragDirective {
|
|
7947
|
-
constructor() {
|
|
7948
|
-
this.fileDropped = new EventEmitter();
|
|
7949
|
-
}
|
|
7950
|
-
// Dragover listener
|
|
7951
|
-
onDragOver(evt) {
|
|
7952
|
-
evt.preventDefault();
|
|
7953
|
-
evt.stopPropagation();
|
|
7954
|
-
this.fileOver = true;
|
|
7955
|
-
}
|
|
7956
|
-
// Dragleave listener
|
|
7957
|
-
onDragLeave(evt) {
|
|
7958
|
-
evt.preventDefault();
|
|
7959
|
-
evt.stopPropagation();
|
|
7960
|
-
this.fileOver = false;
|
|
7961
|
-
}
|
|
7962
|
-
// Drop listener
|
|
7963
|
-
ondrop(evt) {
|
|
7964
|
-
evt.preventDefault();
|
|
7965
|
-
evt.stopPropagation();
|
|
7966
|
-
this.fileOver = false;
|
|
7967
|
-
let files = evt.dataTransfer.files;
|
|
7968
|
-
if (files.length > 0) {
|
|
7969
|
-
this.fileDropped.emit(files);
|
|
7970
|
-
}
|
|
7971
|
-
}
|
|
7972
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7973
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.8", type: DragDirective, selector: "[appDrag]", outputs: { fileDropped: "fileDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.fileover": "this.fileOver" } }, ngImport: i0 }); }
|
|
7974
|
-
}
|
|
7975
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DragDirective, decorators: [{
|
|
7976
|
-
type: Directive,
|
|
7977
|
-
args: [{
|
|
7978
|
-
selector: '[appDrag]'
|
|
7979
|
-
}]
|
|
7980
|
-
}], propDecorators: { fileOver: [{
|
|
7981
|
-
type: HostBinding,
|
|
7982
|
-
args: ['class.fileover']
|
|
7983
|
-
}], fileDropped: [{
|
|
7984
|
-
type: Output
|
|
7985
|
-
}], onDragOver: [{
|
|
7986
|
-
type: HostListener,
|
|
7987
|
-
args: ['dragover', ['$event']]
|
|
7988
|
-
}], onDragLeave: [{
|
|
7989
|
-
type: HostListener,
|
|
7990
|
-
args: ['dragleave', ['$event']]
|
|
7991
|
-
}], ondrop: [{
|
|
7992
|
-
type: HostListener,
|
|
7993
|
-
args: ['drop', ['$event']]
|
|
7994
|
-
}] } });
|
|
7995
|
-
|
|
7996
|
-
class DirectiveModule {
|
|
7997
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7998
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, declarations: [DragDirective,
|
|
7999
|
-
TemplateDirective,
|
|
8000
|
-
DynamicInputDirective], exports: [DragDirective,
|
|
8001
|
-
TemplateDirective,
|
|
8002
|
-
DynamicInputDirective] }); }
|
|
8003
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule }); }
|
|
8004
|
-
}
|
|
8005
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, decorators: [{
|
|
8006
|
-
type: NgModule,
|
|
8007
|
-
args: [{
|
|
8008
|
-
declarations: [
|
|
8009
|
-
DragDirective,
|
|
8010
|
-
TemplateDirective,
|
|
8011
|
-
DynamicInputDirective
|
|
8012
|
-
],
|
|
8013
|
-
exports: [
|
|
8014
|
-
DragDirective,
|
|
8015
|
-
TemplateDirective,
|
|
8016
|
-
DynamicInputDirective
|
|
8017
|
-
]
|
|
8018
|
-
}]
|
|
8019
|
-
}] });
|
|
8020
|
-
|
|
8021
8046
|
class KvPageStepperodule {
|
|
8022
8047
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageStepperodule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8023
8048
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: KvPageStepperodule, declarations: [KvPageStepperComponent], imports: [CommonModule,
|