keevo-components 1.8.308 → 1.8.309

package/fesm2022/keevo-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewChild, Injectable, Directive, Pipe, ViewChildren, ContentChildren, forwardRef, HostListener, NgModule, signal, input, viewChild, computed, model, contentChildren, ChangeDetectionStrategy, Injector, HostBinding } from '@angular/core';
+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';
 import * as i1 from '@angular/common';
 import { DatePipe, CommonModule, NgClass } from '@angular/common';
 import * as i1$1 from 'primeng/button';
@@ -106,7 +106,7 @@ import * as i1$6 from 'primeng/tree';
 import { TreeModule } from 'primeng/tree';
 import * as i2$3 from 'primeng/selectbutton';
 import { SelectButtonModule } from 'primeng/selectbutton';
-import * as i5$9 from 'primeng/stepper';
+import * as i3$3 from 'primeng/stepper';
 import { StepperModule } from 'primeng/stepper';
 import { InputGroupModule } from 'primeng/inputgroup';
 import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
@@ -6712,9 +6712,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                 }]
         }] });
 
-/**
- * @deprecated Use kv-page-stepper
- */
+class DynamicInputDirective {
+    set dynamicComponent({ component, inputs }) {
+        if (component) {
+            const componentRef = this.vcr.createComponent(component);
+            this.applyInputs(componentRef, inputs);
+        }
+    }
+    constructor(vcr) {
+        this.vcr = vcr;
+    }
+    applyInputs(componentRef, inputs) {
+        if (inputs) {
+            for (const key of Object.keys(inputs)) {
+                componentRef.instance[key] = inputs[key];
+            }
+        }
+    }
+    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 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.8", type: DynamicInputDirective, selector: "[dynamicComponent]", inputs: { dynamicComponent: "dynamicComponent" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DynamicInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dynamicComponent]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { dynamicComponent: [{
+                type: Input
+            }] } });
+
 class KvStepperComponent {
     onActiveStepChange(step) {
         this.activeStep = step;
@@ -6726,48 +6752,149 @@ class KvStepperComponent {
         });
     }
     constructor() {
-        /**
-       * @deprecated Use kv-page-stepper
-       */
         this.panels = [];
         this.activeStep = 0;
-        this.orientation = 'horizontal';
-        this.linear = false;
-        this.btnConcluir = true;
+        this.orientation = input('horizontal');
+        this.buttonsAlign = input('end');
+        this.linear = input(false);
         this.activeStepChange = new EventEmitter();
         this.concluirCallback = new EventEmitter();
+        this.onSave = new EventEmitter();
+        this.onNext = new EventEmitter();
+        this.onBack = new EventEmitter();
+        this.onCancel = new EventEmitter();
+        this.iconBtnCancel = input('pi pi-fw pi-times');
+        this.showBtnCancel = input(true);
+        this.txtBtnCancel = input("Cancelar");
+        this.iconBtnSave = input('pi pi-save');
+        this.showBtnSave = input(true);
+        this.txtBtnSave = input("Salvar");
+        this.disableBtnSave = input(false);
         this.assignIdsToPanels();
     }
+    cancel(event) {
+        this.onCancel.emit(event);
+    }
+    save(event) {
+        this.onSave.emit(event);
+    }
+    next(event) {
+        this.onNext.emit(event);
+    }
+    back(event) {
+        this.onBack.emit(event);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvStepperComponent, selector: "kv-stepper", inputs: { panels: "panels", activeStep: "activeStep", orientation: "orientation", linear: "linear", btnConcluir: "btnConcluir" }, outputs: { activeStepChange: "activeStepChange", concluirCallback: "concluirCallback" }, 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\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 h-12rem\">\r\n          <div class=\"content-panel\">\r\n            <ng-container\r\n              *ngComponentOutlet=\"panel.contentTemplate\"\r\n            ></ng-container>\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          <button\r\n            *ngIf=\"panel.id !== 0\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-secondary border-300\"\r\n            [icon]=\"'pi pi-arrow-left'\"\r\n            [label]=\"'Back'\"\r\n            (click)=\"prevCallback.emit()\"\r\n          ></button>\r\n          <button\r\n            *ngIf=\"panel.id !== panels.length - 1\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-success border-green-500\"\r\n            [icon]=\"'pi pi-arrow-right'\"\r\n            [label]=\"'Next'\"\r\n            (click)=\"nextCallback.emit()\"\r\n            iconPos=\"right\"\r\n          ></button>\r\n          <button\r\n            *ngIf=\"btnConcluir && panel.id === panels.length - 1\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-success border-green-500\"\r\n            [label]=\"'Concluir'\"\r\n            (click)=\"concluirCallback.emit()\"\r\n            iconPos=\"right\"\r\n          ></button>\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", 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { 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: "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]" }, { 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"] }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperComponent, decorators: [{
             type: Component,
-            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\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 h-12rem\">\r\n          <div class=\"content-panel\">\r\n            <ng-container\r\n              *ngComponentOutlet=\"panel.contentTemplate\"\r\n            ></ng-container>\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          <button\r\n            *ngIf=\"panel.id !== 0\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-secondary border-300\"\r\n            [icon]=\"'pi pi-arrow-left'\"\r\n            [label]=\"'Back'\"\r\n            (click)=\"prevCallback.emit()\"\r\n          ></button>\r\n          <button\r\n            *ngIf=\"panel.id !== panels.length - 1\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-success border-green-500\"\r\n            [icon]=\"'pi pi-arrow-right'\"\r\n            [label]=\"'Next'\"\r\n            (click)=\"nextCallback.emit()\"\r\n            iconPos=\"right\"\r\n          ></button>\r\n          <button\r\n            *ngIf=\"btnConcluir && panel.id === panels.length - 1\"\r\n            pButton\r\n            pRipple\r\n            class=\"btn-success border-green-500\"\r\n            [label]=\"'Concluir'\"\r\n            (click)=\"concluirCallback.emit()\"\r\n            iconPos=\"right\"\r\n          ></button>\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", 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"] }]
+            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"] }]
         }], ctorParameters: () => [], propDecorators: { panels: [{
                 type: Input
             }], activeStep: [{
                 type: Input
-            }], orientation: [{
-                type: Input
-            }], linear: [{
-                type: Input
-            }], btnConcluir: [{
-                type: Input
             }], activeStepChange: [{
                 type: Output
             }], concluirCallback: [{
                 type: Output
+            }], onSave: [{
+                type: Output
+            }], onNext: [{
+                type: Output
+            }], onBack: [{
+                type: Output
+            }], onCancel: [{
+                type: Output
             }] } });
 
+class DragDirective {
+    constructor() {
+        this.fileDropped = new EventEmitter();
+    }
+    // Dragover listener
+    onDragOver(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        this.fileOver = true;
+    }
+    // Dragleave listener
+    onDragLeave(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        this.fileOver = false;
+    }
+    // Drop listener
+    ondrop(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        this.fileOver = false;
+        let files = evt.dataTransfer.files;
+        if (files.length > 0) {
+            this.fileDropped.emit(files);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DragDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appDrag]'
+                }]
+        }], propDecorators: { fileOver: [{
+                type: HostBinding,
+                args: ['class.fileover']
+            }], fileDropped: [{
+                type: Output
+            }], onDragOver: [{
+                type: HostListener,
+                args: ['dragover', ['$event']]
+            }], onDragLeave: [{
+                type: HostListener,
+                args: ['dragleave', ['$event']]
+            }], ondrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
+
+class DirectiveModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, declarations: [DragDirective,
+            TemplateDirective,
+            DynamicInputDirective], exports: [DragDirective,
+            TemplateDirective,
+            DynamicInputDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DragDirective,
+                        TemplateDirective,
+                        DynamicInputDirective
+                    ],
+                    exports: [
+                        DragDirective,
+                        TemplateDirective,
+                        DynamicInputDirective
+                    ]
+                }]
+        }] });
+
 class KvStepperModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: KvStepperModule, declarations: [KvStepperComponent], imports: [CommonModule,
             PrimeNgModule,
-            StepperModule], exports: [KvStepperComponent] }); }
+            StepperModule,
+            KvButtonsModule,
+            DirectiveModule], exports: [KvStepperComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperModule, imports: [CommonModule,
             PrimeNgModule,
-            StepperModule] }); }
+            StepperModule,
+            KvButtonsModule,
+            DirectiveModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvStepperModule, decorators: [{
             type: NgModule,
@@ -6779,6 +6906,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                         CommonModule,
                         PrimeNgModule,
                         StepperModule,
+                        KvButtonsModule,
+                        DirectiveModule
                     ],
                     exports: [
                         KvStepperComponent
@@ -7718,35 +7847,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                 }]
         }] });
 
-class DynamicInputDirective {
-    set dynamicComponent({ component, inputs }) {
-        if (component) {
-            const componentRef = this.vcr.createComponent(component);
-            this.applyInputs(componentRef, inputs);
-        }
-    }
-    constructor(vcr) {
-        this.vcr = vcr;
-    }
-    applyInputs(componentRef, inputs) {
-        if (inputs) {
-            for (const key of Object.keys(inputs)) {
-                componentRef.instance[key] = inputs[key];
-            }
-        }
-    }
-    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 }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.8", type: DynamicInputDirective, selector: "[dynamicComponent]", inputs: { dynamicComponent: "dynamicComponent" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DynamicInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dynamicComponent]'
-                }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { dynamicComponent: [{
-                type: Input
-            }] } });
-
 class KvPageStepperComponent {
     // @Output() concluirCallback = new EventEmitter<void>();
     onActiveStepChange(step) {
@@ -7894,7 +7994,7 @@ class KvPageStepperComponent {
         }
     }
     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 }); }
-    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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageStepperComponent, decorators: [{
             type: Component,
@@ -7943,81 +8043,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                 type: Output
             }] } });
 
-class DragDirective {
-    constructor() {
-        this.fileDropped = new EventEmitter();
-    }
-    // Dragover listener
-    onDragOver(evt) {
-        evt.preventDefault();
-        evt.stopPropagation();
-        this.fileOver = true;
-    }
-    // Dragleave listener
-    onDragLeave(evt) {
-        evt.preventDefault();
-        evt.stopPropagation();
-        this.fileOver = false;
-    }
-    // Drop listener
-    ondrop(evt) {
-        evt.preventDefault();
-        evt.stopPropagation();
-        this.fileOver = false;
-        let files = evt.dataTransfer.files;
-        if (files.length > 0) {
-            this.fileDropped.emit(files);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    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 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DragDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appDrag]'
-                }]
-        }], propDecorators: { fileOver: [{
-                type: HostBinding,
-                args: ['class.fileover']
-            }], fileDropped: [{
-                type: Output
-            }], onDragOver: [{
-                type: HostListener,
-                args: ['dragover', ['$event']]
-            }], onDragLeave: [{
-                type: HostListener,
-                args: ['dragleave', ['$event']]
-            }], ondrop: [{
-                type: HostListener,
-                args: ['drop', ['$event']]
-            }] } });
-
-class DirectiveModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, declarations: [DragDirective,
-            TemplateDirective,
-            DynamicInputDirective], exports: [DragDirective,
-            TemplateDirective,
-            DynamicInputDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: DirectiveModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        DragDirective,
-                        TemplateDirective,
-                        DynamicInputDirective
-                    ],
-                    exports: [
-                        DragDirective,
-                        TemplateDirective,
-                        DynamicInputDirective
-                    ]
-                }]
-        }] });
-
 class KvPageStepperodule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageStepperodule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: KvPageStepperodule, declarations: [KvPageStepperComponent], imports: [CommonModule,