form-dynamic-ajax 7.0.3 → 7.0.4

package/fesm2022/form-dynamic-ajax.mjs

@@ -0,0 +1,318 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@ngx-translate/core';
+import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i3 from 'primeng/inputmask';
+import { InputMaskModule } from 'primeng/inputmask';
+import * as i4 from 'primeng/api';
+import * as i5 from 'primeng/inputnumber';
+import { InputNumberModule } from 'primeng/inputnumber';
+import * as i6 from 'primeng/password';
+import { PasswordModule } from 'primeng/password';
+import * as i7 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i8 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import * as i9 from 'primeng/multiselect';
+import { MultiSelectModule } from 'primeng/multiselect';
+import * as i10 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i11 from 'primeng/selectbutton';
+import { SelectButtonModule } from 'primeng/selectbutton';
+import * as i12 from 'primeng/inputswitch';
+import { InputSwitchModule } from 'primeng/inputswitch';
+import * as i13 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
+import * as i14 from 'primeng/inputtextarea';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+import * as i15 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i16 from 'primeng/divider';
+import { DividerModule } from 'primeng/divider';
+import * as i17 from 'primeng/calendar';
+import { CalendarModule } from 'primeng/calendar';
+import * as i18 from 'primeng/dropdown';
+import { DropdownModule } from 'primeng/dropdown';
+import * as i19 from 'primeng/treeselect';
+import { TreeSelectModule } from 'primeng/treeselect';
+import * as i20 from 'primeng/radiobutton';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import * as i21 from 'primeng/autocomplete';
+import { AutoCompleteModule } from 'primeng/autocomplete';
+import * as i22 from 'primeng/overlaypanel';
+import { OverlayPanelModule } from 'primeng/overlaypanel';
+import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+import { HttpClientModule, HttpClient } from '@angular/common/http';
+import { FileUploadModule } from 'primeng/fileupload';
+
+class FormDynamicAngularComponent {
+    constructor(translate, formBuilder) {
+        this.translate = translate;
+        this.formBuilder = formBuilder;
+        this.validateForm = false;
+        this.form = [];
+        this.files = [];
+        this.filesView = [];
+        this.filteredAutoComplete = [];
+        this.toBase64 = async (file) => {
+            return new Promise((resolve, _) => {
+                const reader = new FileReader();
+                reader.onloadend = () => resolve(reader.result);
+                reader.readAsDataURL(file);
+            });
+        };
+        this.control = this.formBuilder.group({});
+    }
+    ngOnInit() {
+        this.files.map(f => {
+            this.filesView.push({ ...f, type: f.contentType });
+        });
+        if (window.location.protocol === "https") {
+            navigator.mediaDevices.getUserMedia({ video: true })
+                .then(function (mediaStream) {
+                const video = document.querySelector('#video');
+                if (video) {
+                    video.srcObject = mediaStream;
+                    video.play();
+                }
+            })
+                .catch(function (err) { });
+        }
+    }
+    numberOfMonthsDate(numberOfMonthsDate) {
+        return numberOfMonthsDate ?? 1;
+    }
+    selectionMode(selectionMode) {
+        return selectionMode ?? "single";
+    }
+    async capturePhoto(fileName) {
+        const canvas = document.querySelector("#canvas");
+        const icon = document.querySelector("#icon-remove");
+        const video = document.querySelector('#video');
+        const button = document.querySelector('#button');
+        if (canvas && video) {
+            canvas.height = video.videoHeight;
+            canvas.width = video.videoWidth;
+            const context = canvas.getContext('2d');
+            if (context && icon && button) {
+                context.drawImage(video, 0, 0);
+                video.style.display = "none";
+                button.disabled = true;
+                canvas.style.display = "block";
+                icon.style.visibility = "visible";
+                let aux = {
+                    name: "photo user",
+                    contentType: "image/png",
+                    content: canvas.toDataURL("image/png")
+                };
+                this.control.get(fileName)?.setValue(aux);
+            }
+        }
+    }
+    removePhoto() {
+        const canvas = document.querySelector("#canvas");
+        const icon = document.querySelector("#icon-remove");
+        const video = document.querySelector('#video');
+        const button = document.querySelector('#button');
+        if (canvas && video) {
+            const context = canvas.getContext('2d');
+            if (context && icon && button) {
+                video.style.display = "block";
+                button.disabled = false;
+                canvas.style.display = "none";
+                icon.style.visibility = "collapse";
+            }
+        }
+    }
+    getUrl(file) {
+        return window.URL.createObjectURL(file);
+    }
+    async onSelectFile(fileName, event, multiple) {
+        const file = event.target.files;
+        // if (!multiple) {
+        //   this.filesView = [];
+        // }
+        this.filesView.push(...file);
+        const newFIles = file;
+        let arr = [];
+        for (const item of newFIles) {
+            let aux = {
+                name: item.name,
+                contentType: item?.type,
+                content: await this.toBase64(item)
+            };
+            arr.push(aux);
+        }
+        this.control.get(fileName)?.setValue(arr);
+    }
+    onRemove(event, fileName) {
+        this.filesView.splice(this.filesView.indexOf(event), 1);
+        var input = document.getElementById('fileInput');
+        if (input) {
+            input.value = '';
+        }
+    }
+    filterAutoComplete(event, suggestionsAutoComplete) {
+        let filtered = [];
+        let query = event.query;
+        if (suggestionsAutoComplete) {
+            for (let i = 0; i < suggestionsAutoComplete.length; i++) {
+                let dados = suggestionsAutoComplete[i];
+                if (dados.description.toLowerCase().normalize('NFD').replace(/\p{M}/ug, '').indexOf(query.toLowerCase().normalize('NFD').replace(/\p{M}/ug, '')) != -1) {
+                    filtered.push(dados);
+                }
+            }
+            this.filteredAutoComplete = filtered;
+        }
+    }
+    onChange(change) {
+        if (change) {
+            change();
+        }
+    }
+    clickCLear(clear) {
+        if (clear) {
+            clear();
+        }
+    }
+    onBlur(blur) {
+        if (blur) {
+            blur();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: FormDynamicAngularComponent, deps: [{ token: i1.TranslateService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: FormDynamicAngularComponent, selector: "form-dynamic-angular", inputs: { title: "title", subTitle: "subTitle", validateForm: "validateForm", form: "form", control: "control", buttonsStandard: "buttonsStandard", buttonsOptional: "buttonsOptional", files: "files" }, ngImport: i0, template: "<div>\r\n    <div *ngIf=\"title\" class=\"div-title\">\r\n        <span translate={{title}}></span>\r\n        <div *ngIf=\"subTitle\" class=\"flex subtitle\">\r\n            <span translate={{subTitle}}></span>\r\n        </div>\r\n        <p-divider></p-divider>\r\n    </div>\r\n    <form *ngIf=\"control\" [formGroup]=\"control\">\r\n        <div class=\"grid\">\r\n            <div *ngFor=\"let item of form\" class=\"{{item.col}} col-12\">\r\n                <label *ngIf=\"item.label && !item.hideLabelTop\">{{item.label}}</label>\r\n                <label *ngIf=\"item.required && item.label\" class=\"danger-text ml-2\">*</label>\r\n\r\n                <div class=\"mt-2\">\r\n                    <!-- text -->\r\n                    <input id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" pInputText placeholder={{item.placeholder}} *ngIf=\"item.type == 'text' || item.type == 'number' \"\r\n                        type={{item.type}} formControlName={{item.formControl}} class=\"w-full\" />\r\n\r\n                    <!-- select -->\r\n                    <p-dropdown id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" [filter]=item.search emptyFilterMessage=\"Nenhum dado encontrado\"\r\n                        emptyMessage=\"Nenhum dado encontrado\" placeholder={{item.placeholder}} styleClass=\"w-full p-0\"\r\n                        (onChange)=\"onChange(item.onChange)\" *ngIf=\"item.type === 'select'\" [showClear]=\"true\"\r\n                        [options]=\"item.options\" formControlName={{item.formControl}} optionLabel=\"description\"\r\n                        (onClear)=\"clickCLear(item.onCLear)\"></p-dropdown>\r\n\r\n                    <!-- currency  -->\r\n                    <p-inputNumber id={{item.id}} *ngIf=\"item.type === 'currency'\" [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" formControlName={{item.formControl}} placeholder={{item.placeholder}} inputStyleClass=\"w-full\"\r\n                        styleClass=\"w-full\" (onKeyDown)=\"onChange(item.onChange)\" mode=\"currency\" [min]=\"0\"\r\n                        currency=\"BRL\">\r\n                    </p-inputNumber>\r\n\r\n                    <!-- mask  -->\r\n                    <p-inputMask id={{item.id}} *ngIf=\"item.type === 'mask'\" [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" formControlName={{item.formControl}} placeholder={{item.placeholder}} styleClass=\"w-full\"\r\n                        (onComplete)=\"onChange(item.onChange)\" mask={{item.mask}} unmask={{item.unmask}}\r\n                        (onClear)=\"clickCLear(item.onCLear)\" showClear=\"true\"></p-inputMask>\r\n\r\n                    <!-- treeSelect -->\r\n                    <p-treeSelect id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" placeholder={{item.placeholder}} (onNodeSelect)=\"onChange(item.onChange)\"\r\n                        *ngIf=\"item.type === 'tree-select'\" containerStyleClass=\"w-full p-0\"\r\n                        formControlName={{item.formControl}} [options]=\"item.treeSelectOptions\" [filter]=\"true\"\r\n                        [filterInputAutoFocus]=\"true\" emptyMessage=\"Nenhum dado encontrado\" [showClear]=\"true\"\r\n                        (onClear)=\"clickCLear(item.onCLear)\"></p-treeSelect>\r\n\r\n                    <!-- autoComplete -->\r\n                    <p-autoComplete inputId={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" placeholder={{item.placeholder}} styleClass=\"w-full p-0\" [inputStyle]=\"{'width':'100%'}\"\r\n                        *ngIf=\"item.type === 'autocomplete'\" (onSelect)=\" onChange(item.onChange)\"\r\n                        formControlName={{item.formControl}} [suggestions]=\"filteredAutoComplete\"\r\n                        (completeMethod)=\"filterAutoComplete($event, item.options)\" [forceSelection]=\"false\"\r\n                        [showEmptyMessage]=\"true\" emptyMessage=\"Nenhum dado encontrado\" dataKey=\"code\"\r\n                        field=\"description\" showClear=true (onClear)=\"clickCLear(item.onCLear)\"></p-autoComplete>\r\n\r\n                    <!-- date -->\r\n                    <p-calendar id={{item.id}} view=\"{{item.viewDate}}\" *ngIf=\"item.type === 'date'\" [ngClass]=\"{\r\n                        'ng-invalid ng-dirty':\r\n                        validateForm && control.controls[item.formControl].errors\r\n                    }\" formControlName={{item.formControl}} styleClass=\"w-full\"\r\n                        [numberOfMonths]=numberOfMonthsDate(item.numberOfMonthsDate)\r\n                        [selectionMode]=selectionMode(item.selectionMode) (onFocus)=\"onChange(item.onFocusDate)\"\r\n                        [maxDate]=\"item.maxDate\" [minDate]=\"item.minDate\" dateFormat=\"{{item.dateFormat}}\"\r\n                        (onSelect)=\"onChange(item.onChange)\" [iconDisplay]=\"'input'\" placeholder={{item.placeholder}}\r\n                        [showIcon]=\"true\" [showTime]=\"item.showTime\" [timeOnly]=\"item.timeOnly\"></p-calendar>\r\n\r\n                    <!-- textarea -->\r\n                    <div *ngIf=\"item.type === 'text-area'\" class=\"text-right\">\r\n                        <textarea id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" placeholder={{item.placeholder}} class=\"w-full\" maxlength=\"{{item.maxlength}}\"\r\n                            counterTemplate=\"{1} of 50, {0} remaining\" counter=\"display\"\r\n                            (attr.change)=\"onChange(item.onChange)\" pInputTextarea formControlName={{item.formControl}}\r\n                            rows={{item.rowsTextArea}}></textarea>\r\n                        <small *ngIf=\"item.maxlength\" id=\"username-help\">\r\n                            {{control.controls[item.formControl].value.length}}/{{item.maxlength}}\r\n                        </small>\r\n                    </div>\r\n\r\n                    <!-- checkbox -->\r\n                    <div *ngIf=\"item.type == 'check-box'\">\r\n                        <p-checkbox id={{item.id}} [ngClass]=\"{\r\n                        'ng-invalid ng-dirty':\r\n                        validateForm && control.controls[item.formControl].errors\r\n                      }\" (onChange)=\"onChange(item.onChange)\" binary=\"true\" formControlName={{item.formControl}}\r\n                            value={{item.formControl}} label={{item.label}}></p-checkbox>\r\n                    </div>\r\n\r\n                    <!-- checkbox  multiple -->\r\n                    <div id={{item.id}} *ngIf=\"item.type === 'check-box-multi'\" class=\"flex gap-3\">\r\n                        <div formArrayName=\"{{item.formControl}}\" *ngFor=\"let list of item.options; let i = index\"\r\n                            class=\"flex align-items-center gap-2\">\r\n                            <div [formGroupName]=\"i\">\r\n                                <p-checkbox id={{item.id}} [ngClass]=\"{\r\n                                    'ng-invalid ng-dirty':\r\n                                    validateForm && control.controls[item.formControl].errors\r\n                                }\" (onChange)=\"onChange(item.onChange)\" binary=\"true\" formControlName=\"{{list.code}}\"\r\n                                    label={{list.description}}></p-checkbox>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <!-- button -->\r\n                    <p-button id={{item.id}} *ngIf=\"item.type == 'button'\" styleClass='{{item.buttonClass}} w-full mt-3'\r\n                        (click)=\"item.onCLick()\" [disabled]=item.disabled icon={{item.iconButton}}\r\n                        label={{item.label}}></p-button>\r\n\r\n                    <!-- can  -->\r\n                    <div id={{item.id}} class=\"area\" *ngIf=\"item.type == 'can'\">\r\n                        <video autoplay=\"true\" id=\"webCamera\">\r\n                        </video>\r\n\r\n                        <input type=\"text\" id=\"base_img\" name=\"base_img\">\r\n                        <button type=\"button\" onclick=\"takeSnapShot()\">Tirar foto e salvar</button>\r\n\r\n                        <img id=\"imagemConvertida\">\r\n                        <p id=\"caminhoImagem\" class=\"caminho-imagem\"><a href=\"\" target=\"_blank\" rel=\"noopener\"></a></p>\r\n                        <script src=\"script.js\"></script>\r\n                    </div>\r\n\r\n                    <!-- upload files -->\r\n                    <div id={{item.id}} *ngIf=\"item.type === 'upload-files' && !item.disabled \" class=\"drag-image\"\r\n                        [style.border]=\"validateForm && control.controls[item.formControl].errors ? ' 1px dashed #f18282' : ' 1px dashed #d1d5db'\">\r\n                        <i *ngIf=\"filesView.length === 0\" class=\"pi pi-cloud-upload\"></i>\r\n                        <p *ngIf=\"filesView.length === 0\">Clique ou arraste e solte um arquivo para anexar</p>\r\n                        <span *ngIf=\"filesView.length === 0\">{{item.msgAcceptFiles}}</span>\r\n                        <input id=\"fileInput\" type=\"file\" [multiple]=item.multileFile [accept]=\"item.acceptFiles\"\r\n                            (change)=\"onSelectFile(item.formControl, $event, item.multileFile)\" />\r\n                        <div *ngFor=\"let f of filesView\">\r\n                            <div *ngIf=\"f.type && f.type.includes('image')\">\r\n                                <label class=\"preview-img\">\r\n                                    <img *ngIf=\"!f.content\" src='{{getUrl(f)}}'>\r\n                                    <img *ngIf=\"f.content\" src='{{f.content}}'>\r\n                                    <span *ngIf=\"item.viewNameFile\">{{ f.name }}</span>\r\n                                    <input type=\"file\" [multiple]=item.multileFile [accept]=\"item.acceptFiles\"\r\n                                        (change)=\"onSelectFile(item.formControl, $event,item.multileFile)\" />\r\n                                    <label> <i class=\"pi pi-times remove-file absolute\"\r\n                                            (click)=\"onRemove(item.formControl, f)\"></i></label>\r\n                                </label>\r\n                            </div>\r\n                            <div *ngIf=\"f.type && !f.type.includes('image')\">\r\n                                <label class=\"preview-img h-0 max-w-0 mh-75 m-0\">\r\n                                    <label class=\"mr-3\">{{ f.name }}</label>\r\n                                    <input type=\"file\" [multiple]=item.multileFile [accept]=\"item.acceptFiles\"\r\n                                        (change)=\"onSelectFile(item.formControl, $event,item.multileFile)\" />\r\n                                    <label> <i class=\"pi pi-times remove-file absolute\"\r\n                                            (click)=\"onRemove(f)\"></i></label>\r\n\r\n                                </label>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <!-- upload files disabled -->\r\n                    <!-- <p-fileUpload mode=\"basic\" formControlName=\"{{item.formControl}}\" chooseLabel=\"Choose\"\r\n                        chooseIcon=\"pi pi-upload\" accept=\"image/*\" maxFileSize=\"1000000\" /> -->\r\n\r\n                    <div id={{item.id}} *ngIf=\"item.type === 'upload-files' && item.disabled \">\r\n                        <p-button (click)=\"op.toggle($event)\" icon=\"pi pi-paperclip\"\r\n                            label=\"Arquivos anexados\"></p-button>\r\n\r\n                        <p-overlayPanel #op [style]=\"{'width': '450px'}\" [showCloseIcon]=\"true\">\r\n                            <ng-template pTemplate=\"content\">\r\n                                <p-table *ngIf=\"files.length > 0\" [value]=\"files\" selectionMode=\"single\"\r\n                                    [(selection)]=\"selectedProduct\" (onRowSelect)=\"onRowSelect($event, op)\"\r\n                                    responsiveLayout=\"scroll\">\r\n                                    <ng-template pTemplate=\"header\">\r\n                                        <tr>\r\n                                            <th pSortableColumn=\"name\">Nome<p-sortIcon field=\"name\"></p-sortIcon></th>\r\n                                            <th></th>\r\n                                        </tr>\r\n                                    </ng-template>\r\n                                    <ng-template pTemplate=\"body\" let-rowData let-file>\r\n                                        <tr>\r\n                                            <td *ngIf=\"item.viewNameFile\">{{file.name}}</td>\r\n                                            <td> <p-button *ngIf=\"item.onCLick\" icon=\"pi pi-download\"\r\n                                                    (click)='item.onCLick(file)'></p-button>\r\n                                            </td>\r\n                                        </tr>\r\n                                    </ng-template>\r\n                                </p-table>\r\n                                <div *ngIf=\"files.length === 0\" class=\"p-10\">\r\n                                    <label>Nenhum arquivo anexado</label>\r\n                                </div>\r\n                            </ng-template>\r\n                        </p-overlayPanel>\r\n                    </div>\r\n\r\n                    <!-- list -->\r\n                    <ul id={{item.id}} *ngIf=\"item.type === 'list' && item.options\">\r\n                        <li *ngFor=\"let list of item.options\">{{list.description}}</li>\r\n                    </ul>\r\n\r\n                    <!-- multi -->\r\n                    <p-multiSelect id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" placeholder={{item.placeholder}} *ngIf=\"item.type === 'multi'\" [options]=\"item.options\"\r\n                        formControlName={{item.formControl}} styleClass=\"p-0 w-full\" optionLabel=\"description\"\r\n                        (onChange)=\"onChange(item.onChange)\" maxSelectedLabels=\"100\"></p-multiSelect>\r\n\r\n                    <!-- radioButton -->\r\n                    <div id={{item.id}} *ngIf=\"item.type === 'radio-button'\" class=\"flex gap-3\">\r\n                        <div *ngFor=\"let listRadioButton of item.options\" class=\"flex align-items-center gap-2\">\r\n                            <p-radioButton [ngClass]=\"{\r\n                            'ng-invalid ng-dirty':\r\n                            validateForm && control.controls[item.formControl].errors\r\n                          }\" [value]=\"listRadioButton.code\" formControlName={{item.formControl}}\r\n                                (onClick)=\"onChange(item.onChange)\"></p-radioButton>\r\n                            <label>{{listRadioButton.description}}</label>\r\n                        </div>\r\n                        @if(control.controls[item.formControl].value == 'other'){\r\n                        <input pInputText type=\"text\" formControlName={{item.formControlOther}} />\r\n                        }\r\n                    </div>\r\n\r\n                    <!-- selectButton -->\r\n                    <div class=\"d-flex\" *ngIf=\"item.type === 'select-button'\">\r\n                        <p-selectButton id={{item.id}} (onChange)=\"onChange(item.onChange)\" [options]=\"item.options\"\r\n                            formControlName={{item.formControl}} optionValue=\"code\">\r\n                            <ng-template let-item>\r\n                                <span>{{item.description}}</span>\r\n                            </ng-template>\r\n                        </p-selectButton>\r\n                        <!-- <input type=\"text\" pInputText [attr.disabled]=\"item.disabled\"\r\n                        formControlName={{item.formControlSecondary}}> -->\r\n                    </div>\r\n\r\n                    <!-- table -->\r\n                    <p-table id={{item.id}} *ngIf=\"item.type === 'table'\" [scrollable]=\"true\"\r\n                        scrollHeight={{item.scrollHeight}} [columns]=item.colsTable\r\n                        styleClass=\"p-datatable-striped p-datatable-sm\" [value]=item.rowsTable>\r\n                        <ng-template pTemplate=\"header\" let-columns>\r\n                            <tr>\r\n                                <th *ngFor=\"let col of columns\">\r\n                                    <span *ngIf=\"col.filed !== 'action'\">{{ col.header }}</span>\r\n                                    <span *ngIf=\"col.filed === 'action'\">A\u00E7\u00E3o</span>\r\n                                </th>\r\n\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n                            <tr>\r\n                                <td *ngFor=\"let col of columns\">\r\n                                    <div *ngIf=\"col.field !== 'button'\">\r\n                                        {{ rowData[col.field] }}\r\n                                    </div>\r\n                                    <div *ngIf=\"col.field === 'action'\">\r\n                                        <p-button *ngFor=\"let action of item.buttonsTable\"\r\n                                            styleClass={{action.styleClass}} label={{action.label}}\r\n                                            (click)=\"action.onCLick(rowData)\" icon={{action.icon}}></p-button>\r\n                                    </div>\r\n                                </td>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"footer\" let-columns>\r\n                            <tr *ngFor=\"let footer of item.rowsFooter\">\r\n                                <td colspan=12><span class=\"font-normal\">{{footer.text}}:</span> {{footer.value}}</td>\r\n                            </tr>\r\n                        </ng-template>\r\n                    </p-table>\r\n\r\n                    <!-- inputSwitch -->\r\n                    <div class=\"d-flex\" *ngIf=\"item.type === 'switch'\">\r\n                        <p-inputSwitch id={{item.id}} formControlName={{item.formControl}} class=\"mr-10\"\r\n                            (onChange)=\"onChange(item.onChange)\"></p-inputSwitch>\r\n                        <p translate={{item.label}}></p>\r\n                    </div>\r\n\r\n                    <!-- password -->\r\n                    <p-password id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" placeholder={{item.placeholder}} *ngIf=\"item.type === 'password'\" [feedback]=\"false\"\r\n                        formControlName={{item.formControl}} (onChange)=\"onChange(item.onChange)\" styleClass=\"w-full\"\r\n                        [toggleMask]=\"true\"></p-password>\r\n\r\n                    <!-- photo  -->\r\n                    <div id={{item.id}} class=\"camera\" *ngIf=\"item.type === 'photo'\">\r\n                        <video id=\"video\" class=\"foto\" autoplay>V\u00EDdeo n\u00E3o dispon\u00EDvel.</video>\r\n                        <canvas id=\"canvas\" class=\"foto\" style=\"display: none;\"></canvas>\r\n                        <button pButton icon=\"pi pi-times\" class=\"remove-file\" id=\"icon-remove\" [rounded]=\"true\"\r\n                            style=\"visibility: collapse;\" (click)=\"removePhoto()\"></button>\r\n                        <button pButton icon=\"pi pi-camera\" [rounded]=\"true\" (click)=\"capturePhoto(item.formControl)\"\r\n                            id=\"button\"></button>\r\n                    </div>\r\n\r\n                    <!-- likert  -->\r\n                    <p-table id={{item.id}} *ngIf=\"item.type === 'likert'\" [scrollable]=\"true\"\r\n                        scrollHeight={{item.scrollHeight}} [columns]=item.colsTable\r\n                        styleClass=\"p-datatable-striped p-datatable-sm\" [value]=item.rowsTable>\r\n                        <ng-template pTemplate=\"header\" let-columns>\r\n                            <tr>\r\n                                <th style=\"width: 4rem\"></th>\r\n                                <th *ngFor=\"let col of columns\">\r\n                                    <span>{{ col.header }}</span>\r\n                                </th>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"body\" let-row let-rowIndex=\"rowIndex\" let-columns=\"columns\"\r\n                            formArrayName=\"{{item.formControl}}\">\r\n                            <tr>\r\n                                <td>\r\n                                    {{row}}\r\n                                </td>\r\n                                @for (control of columns; track item; let index = $index) {\r\n                                <td [formGroupName]=\"rowIndex\">\r\n                                    <p-radioButton value=\"{{columns[index].field}}+{{row}}\"\r\n                                        formControlName=\"question{{rowIndex}}\" />\r\n                                </td>\r\n                                }\r\n                            </tr>\r\n                        </ng-template>\r\n                    </p-table>\r\n\r\n                    <!-- editable table -->\r\n                    <p-table\r\n                    id=\"{{ item.id }}\"\r\n                    *ngIf=\"item.type === 'editable-table'\"\r\n                    [scrollable]=\"true\"\r\n                    scrollHeight=\"{{ item.scrollHeight }}\"\r\n                    [columns]=\"item.colsTable\"\r\n                    styleClass=\"p-datatable-striped p-datatable-sm\"\r\n                    [value]=\"item.rowsTable\"\r\n                    editMode=\"cell\">\r\n\r\n                    <!-- Cabe\u00E7alho da tabela -->\r\n                    <ng-template pTemplate=\"header\" let-columns>\r\n                      <tr>\r\n                        <th></th>\r\n                        <th *ngFor=\"let col of columns\">\r\n                          <span>{{ col.header }}</span>\r\n                        </th>\r\n                      </tr>\r\n                    </ng-template>\r\n\r\n                    <!-- Corpo da tabela -->\r\n                    <ng-template pTemplate=\"body\" let-row let-rowIndex=\"rowIndex\" let-columns=\"columns\"\r\n                      formArrayName=\"{{ item.formControl }}\" let-editing=\"editing\">\r\n                      <tr>\r\n                        <td>{{ row }}</td>\r\n                        @for (control of columns; track item; let index = $index) {\r\n                          <td [formGroupName]=\"rowIndex\" [pEditableColumn]=\"row\" pEditableColumnField=\"row\">\r\n                            <p-cellEditor>\r\n                              <ng-template pTemplate=\"input\">\r\n                                <input class=\"w-full\" pInputText type=\"text\" formControlName=\"_{{control.field}}question{{ rowIndex }}\" />\r\n                              </ng-template>\r\n                              <ng-template pTemplate=\"output\">\r\n                                <input class=\"w-full\" pInputText type=\"text\" formControlName=\"_{{control.field}}question{{ rowIndex }}\" />\r\n                              </ng-template>\r\n                            </p-cellEditor>\r\n                          </td>\r\n                        }\r\n                      </tr>\r\n                    </ng-template>\r\n                  </p-table>\r\n\r\n\r\n                    <!-- valida\u00E7\u00E3o de item -->\r\n                    <div>\r\n                        <small class=\"danger-text\"\r\n                            *ngIf=\"validateForm && control.controls[item.formControl] && control.controls[item.formControl].errors?.['required']\">\r\n                            Campo obrigat\u00F3rio\r\n                        </small>\r\n                        <small class=\"danger-text\"\r\n                            *ngIf=\"validateForm && control.controls[item.formControl] && control.controls[item.formControl].errors?.['email']\">\r\n                            Email inv\u00E1lido\r\n                        </small>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <p-divider\r\n                *ngIf=\"(buttonsStandard && buttonsStandard.length > 0) || (buttonsOptional && buttonsOptional.length > 0)\"></p-divider>\r\n\r\n            <div class=\"buttons-form\">\r\n                <div *ngFor=\"let button of buttonsStandard\">\r\n                    <p-button *ngIf=\"button.type === 'clean'\" styleClass=\"p-button-warning {{button.styleClass}}\"\r\n                        label=\"Limpar\" (click)=\"button.onCLick()\" icon=\"pi pi-times\"></p-button>\r\n                    <p-button *ngIf=\"button.type === 'filter'\" styleClass=\"{{button.styleClass}}\" label=\"Filtrar\"\r\n                        (click)=\"button.onCLick()\" icon=\"pi pi-search\"></p-button>\r\n                    <p-button *ngIf=\"button.type === 'save'\" styleClass=\"p-button-success {{button.styleClass}}\"\r\n                        label=\"Salvar\" (click)=\"button.onCLick()\" icon=\"pi pi-save\"></p-button>\r\n                    <p-button *ngIf=\"button.type === 'cancel'\" styleClass=\"p-button-danger {{button.styleClass}}\"\r\n                        label=\"Cancelar\" (click)=\"button.onCLick()\" icon=\"pi pi-times\"></p-button>\r\n                </div>\r\n                <div *ngFor=\"let button of buttonsOptional\">\r\n                    <p-button styleClass={{button.styleClass}} label={{button.label}} (click)=\" button.onCLick()\"\r\n                        icon={{button.icon}}></p-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n</div>\r\n", styles: [".div-title span{font-size:20px;font-weight:500}.buttons-form{display:flex;gap:10px;justify-content:flex-end}.danger-text{color:#f18282}.drag-image{height:auto;width:100%;border-radius:10px;font-weight:400;display:flex;align-items:center;flex-direction:column;top:20px;max-height:250px;color:#000;padding:20px;text-align:center;overflow:auto}.drag-image h6{font-size:20px}.drag-image .file-name{font-size:14px}.drag-image i{font-size:3rem}.subtitle span{font-size:14px;margin-right:5px}.subtitle{align-items:baseline}.mh-75{min-height:75px!important}input[type=file]{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.preview-img{align-items:center;border-radius:5px;display:flex;height:140px;justify-content:center;margin:10px;max-width:180px;min-height:140px;min-width:180px;padding:0 20px;position:relative}.preview-img span{position:absolute;overflow-wrap:break-word}.remove-file{display:flex;justify-content:center;align-items:center;height:22px;width:22px;top:5px;right:5px;border-radius:50%;background:#bbb;color:#333;cursor:pointer;font-size:.8rem!important}.preview-img img{max-width:100%;opacity:.8}.camera{display:flex;flex-direction:column;align-items:center;position:relative}.foto{max-width:186px;min-height:140px;min-width:180px;border:1px dashed #000;border-radius:5px;margin-bottom:1em}.preview-photo{position:relative}.h-0{height:0}\n"], dependencies: [{ kind: "component", type: i3.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i6.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "directive", type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i7.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "size", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i8.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i8.EditableColumn, selector: "[pEditableColumn]", inputs: ["pEditableColumn", "pEditableColumnField", "pEditableColumnRowIndex", "pEditableColumnDisabled", "pFocusCellSelector"] }, { kind: "component", type: i8.CellEditor, selector: "p-cellEditor" }, { kind: "component", type: i8.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i9.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i11.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: i12.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }, { kind: "component", type: i13.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i14.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "directive", type: i15.InputText, selector: "[pInputText]" }, { kind: "component", type: i16.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i17.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i18.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i19.TreeSelect, selector: "p-treeSelect", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "options", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onNodeUnselect", "onNodeSelect"] }, { kind: "component", type: i20.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i21.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i22.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: FormDynamicAngularComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'form-dynamic-angular', template: "<div>\r\n    <div *ngIf=\"title\" class=\"div-title\">\r\n        <span translate={{title}}></span>\r\n        <div *ngIf=\"subTitle\" class=\"flex subtitle\">\r\n            <span translate={{subTitle}}></span>\r\n        </div>\r\n        <p-divider></p-divider>\r\n    </div>\r\n    <form *ngIf=\"control\" [formGroup]=\"control\">\r\n        <div class=\"grid\">\r\n            <div *ngFor=\"let item of form\" class=\"{{item.col}} col-12\">\r\n                <label *ngIf=\"item.label && !item.hideLabelTop\">{{item.label}}</label>\r\n                <label *ngIf=\"item.required && item.label\" class=\"danger-text ml-2\">*</label>\r\n\r\n                <div class=\"mt-2\">\r\n                    <!-- text -->\r\n                    <input id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" pInputText placeholder={{item.placeholder}} *ngIf=\"item.type == 'text' || item.type == 'number' \"\r\n                        type={{item.type}} formControlName={{item.formControl}} class=\"w-full\" />\r\n\r\n                    <!-- select -->\r\n                    <p-dropdown id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" [filter]=item.search emptyFilterMessage=\"Nenhum dado encontrado\"\r\n                        emptyMessage=\"Nenhum dado encontrado\" placeholder={{item.placeholder}} styleClass=\"w-full p-0\"\r\n                        (onChange)=\"onChange(item.onChange)\" *ngIf=\"item.type === 'select'\" [showClear]=\"true\"\r\n                        [options]=\"item.options\" formControlName={{item.formControl}} optionLabel=\"description\"\r\n                        (onClear)=\"clickCLear(item.onCLear)\"></p-dropdown>\r\n\r\n                    <!-- currency  -->\r\n                    <p-inputNumber id={{item.id}} *ngIf=\"item.type === 'currency'\" [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" formControlName={{item.formControl}} placeholder={{item.placeholder}} inputStyleClass=\"w-full\"\r\n                        styleClass=\"w-full\" (onKeyDown)=\"onChange(item.onChange)\" mode=\"currency\" [min]=\"0\"\r\n                        currency=\"BRL\">\r\n                    </p-inputNumber>\r\n\r\n                    <!-- mask  -->\r\n                    <p-inputMask id={{item.id}} *ngIf=\"item.type === 'mask'\" [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" formControlName={{item.formControl}} placeholder={{item.placeholder}} styleClass=\"w-full\"\r\n                        (onComplete)=\"onChange(item.onChange)\" mask={{item.mask}} unmask={{item.unmask}}\r\n                        (onClear)=\"clickCLear(item.onCLear)\" showClear=\"true\"></p-inputMask>\r\n\r\n                    <!-- treeSelect -->\r\n                    <p-treeSelect id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" placeholder={{item.placeholder}} (onNodeSelect)=\"onChange(item.onChange)\"\r\n                        *ngIf=\"item.type === 'tree-select'\" containerStyleClass=\"w-full p-0\"\r\n                        formControlName={{item.formControl}} [options]=\"item.treeSelectOptions\" [filter]=\"true\"\r\n                        [filterInputAutoFocus]=\"true\" emptyMessage=\"Nenhum dado encontrado\" [showClear]=\"true\"\r\n                        (onClear)=\"clickCLear(item.onCLear)\"></p-treeSelect>\r\n\r\n                    <!-- autoComplete -->\r\n                    <p-autoComplete inputId={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" placeholder={{item.placeholder}} styleClass=\"w-full p-0\" [inputStyle]=\"{'width':'100%'}\"\r\n                        *ngIf=\"item.type === 'autocomplete'\" (onSelect)=\" onChange(item.onChange)\"\r\n                        formControlName={{item.formControl}} [suggestions]=\"filteredAutoComplete\"\r\n                        (completeMethod)=\"filterAutoComplete($event, item.options)\" [forceSelection]=\"false\"\r\n                        [showEmptyMessage]=\"true\" emptyMessage=\"Nenhum dado encontrado\" dataKey=\"code\"\r\n                        field=\"description\" showClear=true (onClear)=\"clickCLear(item.onCLear)\"></p-autoComplete>\r\n\r\n                    <!-- date -->\r\n                    <p-calendar id={{item.id}} view=\"{{item.viewDate}}\" *ngIf=\"item.type === 'date'\" [ngClass]=\"{\r\n                        'ng-invalid ng-dirty':\r\n                        validateForm && control.controls[item.formControl].errors\r\n                    }\" formControlName={{item.formControl}} styleClass=\"w-full\"\r\n                        [numberOfMonths]=numberOfMonthsDate(item.numberOfMonthsDate)\r\n                        [selectionMode]=selectionMode(item.selectionMode) (onFocus)=\"onChange(item.onFocusDate)\"\r\n                        [maxDate]=\"item.maxDate\" [minDate]=\"item.minDate\" dateFormat=\"{{item.dateFormat}}\"\r\n                        (onSelect)=\"onChange(item.onChange)\" [iconDisplay]=\"'input'\" placeholder={{item.placeholder}}\r\n                        [showIcon]=\"true\" [showTime]=\"item.showTime\" [timeOnly]=\"item.timeOnly\"></p-calendar>\r\n\r\n                    <!-- textarea -->\r\n                    <div *ngIf=\"item.type === 'text-area'\" class=\"text-right\">\r\n                        <textarea id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" placeholder={{item.placeholder}} class=\"w-full\" maxlength=\"{{item.maxlength}}\"\r\n                            counterTemplate=\"{1} of 50, {0} remaining\" counter=\"display\"\r\n                            (attr.change)=\"onChange(item.onChange)\" pInputTextarea formControlName={{item.formControl}}\r\n                            rows={{item.rowsTextArea}}></textarea>\r\n                        <small *ngIf=\"item.maxlength\" id=\"username-help\">\r\n                            {{control.controls[item.formControl].value.length}}/{{item.maxlength}}\r\n                        </small>\r\n                    </div>\r\n\r\n                    <!-- checkbox -->\r\n                    <div *ngIf=\"item.type == 'check-box'\">\r\n                        <p-checkbox id={{item.id}} [ngClass]=\"{\r\n                        'ng-invalid ng-dirty':\r\n                        validateForm && control.controls[item.formControl].errors\r\n                      }\" (onChange)=\"onChange(item.onChange)\" binary=\"true\" formControlName={{item.formControl}}\r\n                            value={{item.formControl}} label={{item.label}}></p-checkbox>\r\n                    </div>\r\n\r\n                    <!-- checkbox  multiple -->\r\n                    <div id={{item.id}} *ngIf=\"item.type === 'check-box-multi'\" class=\"flex gap-3\">\r\n                        <div formArrayName=\"{{item.formControl}}\" *ngFor=\"let list of item.options; let i = index\"\r\n                            class=\"flex align-items-center gap-2\">\r\n                            <div [formGroupName]=\"i\">\r\n                                <p-checkbox id={{item.id}} [ngClass]=\"{\r\n                                    'ng-invalid ng-dirty':\r\n                                    validateForm && control.controls[item.formControl].errors\r\n                                }\" (onChange)=\"onChange(item.onChange)\" binary=\"true\" formControlName=\"{{list.code}}\"\r\n                                    label={{list.description}}></p-checkbox>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <!-- button -->\r\n                    <p-button id={{item.id}} *ngIf=\"item.type == 'button'\" styleClass='{{item.buttonClass}} w-full mt-3'\r\n                        (click)=\"item.onCLick()\" [disabled]=item.disabled icon={{item.iconButton}}\r\n                        label={{item.label}}></p-button>\r\n\r\n                    <!-- can  -->\r\n                    <div id={{item.id}} class=\"area\" *ngIf=\"item.type == 'can'\">\r\n                        <video autoplay=\"true\" id=\"webCamera\">\r\n                        </video>\r\n\r\n                        <input type=\"text\" id=\"base_img\" name=\"base_img\">\r\n                        <button type=\"button\" onclick=\"takeSnapShot()\">Tirar foto e salvar</button>\r\n\r\n                        <img id=\"imagemConvertida\">\r\n                        <p id=\"caminhoImagem\" class=\"caminho-imagem\"><a href=\"\" target=\"_blank\" rel=\"noopener\"></a></p>\r\n                        <script src=\"script.js\"></script>\r\n                    </div>\r\n\r\n                    <!-- upload files -->\r\n                    <div id={{item.id}} *ngIf=\"item.type === 'upload-files' && !item.disabled \" class=\"drag-image\"\r\n                        [style.border]=\"validateForm && control.controls[item.formControl].errors ? ' 1px dashed #f18282' : ' 1px dashed #d1d5db'\">\r\n                        <i *ngIf=\"filesView.length === 0\" class=\"pi pi-cloud-upload\"></i>\r\n                        <p *ngIf=\"filesView.length === 0\">Clique ou arraste e solte um arquivo para anexar</p>\r\n                        <span *ngIf=\"filesView.length === 0\">{{item.msgAcceptFiles}}</span>\r\n                        <input id=\"fileInput\" type=\"file\" [multiple]=item.multileFile [accept]=\"item.acceptFiles\"\r\n                            (change)=\"onSelectFile(item.formControl, $event, item.multileFile)\" />\r\n                        <div *ngFor=\"let f of filesView\">\r\n                            <div *ngIf=\"f.type && f.type.includes('image')\">\r\n                                <label class=\"preview-img\">\r\n                                    <img *ngIf=\"!f.content\" src='{{getUrl(f)}}'>\r\n                                    <img *ngIf=\"f.content\" src='{{f.content}}'>\r\n                                    <span *ngIf=\"item.viewNameFile\">{{ f.name }}</span>\r\n                                    <input type=\"file\" [multiple]=item.multileFile [accept]=\"item.acceptFiles\"\r\n                                        (change)=\"onSelectFile(item.formControl, $event,item.multileFile)\" />\r\n                                    <label> <i class=\"pi pi-times remove-file absolute\"\r\n                                            (click)=\"onRemove(item.formControl, f)\"></i></label>\r\n                                </label>\r\n                            </div>\r\n                            <div *ngIf=\"f.type && !f.type.includes('image')\">\r\n                                <label class=\"preview-img h-0 max-w-0 mh-75 m-0\">\r\n                                    <label class=\"mr-3\">{{ f.name }}</label>\r\n                                    <input type=\"file\" [multiple]=item.multileFile [accept]=\"item.acceptFiles\"\r\n                                        (change)=\"onSelectFile(item.formControl, $event,item.multileFile)\" />\r\n                                    <label> <i class=\"pi pi-times remove-file absolute\"\r\n                                            (click)=\"onRemove(f)\"></i></label>\r\n\r\n                                </label>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <!-- upload files disabled -->\r\n                    <!-- <p-fileUpload mode=\"basic\" formControlName=\"{{item.formControl}}\" chooseLabel=\"Choose\"\r\n                        chooseIcon=\"pi pi-upload\" accept=\"image/*\" maxFileSize=\"1000000\" /> -->\r\n\r\n                    <div id={{item.id}} *ngIf=\"item.type === 'upload-files' && item.disabled \">\r\n                        <p-button (click)=\"op.toggle($event)\" icon=\"pi pi-paperclip\"\r\n                            label=\"Arquivos anexados\"></p-button>\r\n\r\n                        <p-overlayPanel #op [style]=\"{'width': '450px'}\" [showCloseIcon]=\"true\">\r\n                            <ng-template pTemplate=\"content\">\r\n                                <p-table *ngIf=\"files.length > 0\" [value]=\"files\" selectionMode=\"single\"\r\n                                    [(selection)]=\"selectedProduct\" (onRowSelect)=\"onRowSelect($event, op)\"\r\n                                    responsiveLayout=\"scroll\">\r\n                                    <ng-template pTemplate=\"header\">\r\n                                        <tr>\r\n                                            <th pSortableColumn=\"name\">Nome<p-sortIcon field=\"name\"></p-sortIcon></th>\r\n                                            <th></th>\r\n                                        </tr>\r\n                                    </ng-template>\r\n                                    <ng-template pTemplate=\"body\" let-rowData let-file>\r\n                                        <tr>\r\n                                            <td *ngIf=\"item.viewNameFile\">{{file.name}}</td>\r\n                                            <td> <p-button *ngIf=\"item.onCLick\" icon=\"pi pi-download\"\r\n                                                    (click)='item.onCLick(file)'></p-button>\r\n                                            </td>\r\n                                        </tr>\r\n                                    </ng-template>\r\n                                </p-table>\r\n                                <div *ngIf=\"files.length === 0\" class=\"p-10\">\r\n                                    <label>Nenhum arquivo anexado</label>\r\n                                </div>\r\n                            </ng-template>\r\n                        </p-overlayPanel>\r\n                    </div>\r\n\r\n                    <!-- list -->\r\n                    <ul id={{item.id}} *ngIf=\"item.type === 'list' && item.options\">\r\n                        <li *ngFor=\"let list of item.options\">{{list.description}}</li>\r\n                    </ul>\r\n\r\n                    <!-- multi -->\r\n                    <p-multiSelect id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" placeholder={{item.placeholder}} *ngIf=\"item.type === 'multi'\" [options]=\"item.options\"\r\n                        formControlName={{item.formControl}} styleClass=\"p-0 w-full\" optionLabel=\"description\"\r\n                        (onChange)=\"onChange(item.onChange)\" maxSelectedLabels=\"100\"></p-multiSelect>\r\n\r\n                    <!-- radioButton -->\r\n                    <div id={{item.id}} *ngIf=\"item.type === 'radio-button'\" class=\"flex gap-3\">\r\n                        <div *ngFor=\"let listRadioButton of item.options\" class=\"flex align-items-center gap-2\">\r\n                            <p-radioButton [ngClass]=\"{\r\n                            'ng-invalid ng-dirty':\r\n                            validateForm && control.controls[item.formControl].errors\r\n                          }\" [value]=\"listRadioButton.code\" formControlName={{item.formControl}}\r\n                                (onClick)=\"onChange(item.onChange)\"></p-radioButton>\r\n                            <label>{{listRadioButton.description}}</label>\r\n                        </div>\r\n                        @if(control.controls[item.formControl].value == 'other'){\r\n                        <input pInputText type=\"text\" formControlName={{item.formControlOther}} />\r\n                        }\r\n                    </div>\r\n\r\n                    <!-- selectButton -->\r\n                    <div class=\"d-flex\" *ngIf=\"item.type === 'select-button'\">\r\n                        <p-selectButton id={{item.id}} (onChange)=\"onChange(item.onChange)\" [options]=\"item.options\"\r\n                            formControlName={{item.formControl}} optionValue=\"code\">\r\n                            <ng-template let-item>\r\n                                <span>{{item.description}}</span>\r\n                            </ng-template>\r\n                        </p-selectButton>\r\n                        <!-- <input type=\"text\" pInputText [attr.disabled]=\"item.disabled\"\r\n                        formControlName={{item.formControlSecondary}}> -->\r\n                    </div>\r\n\r\n                    <!-- table -->\r\n                    <p-table id={{item.id}} *ngIf=\"item.type === 'table'\" [scrollable]=\"true\"\r\n                        scrollHeight={{item.scrollHeight}} [columns]=item.colsTable\r\n                        styleClass=\"p-datatable-striped p-datatable-sm\" [value]=item.rowsTable>\r\n                        <ng-template pTemplate=\"header\" let-columns>\r\n                            <tr>\r\n                                <th *ngFor=\"let col of columns\">\r\n                                    <span *ngIf=\"col.filed !== 'action'\">{{ col.header }}</span>\r\n                                    <span *ngIf=\"col.filed === 'action'\">A\u00E7\u00E3o</span>\r\n                                </th>\r\n\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\r\n                            <tr>\r\n                                <td *ngFor=\"let col of columns\">\r\n                                    <div *ngIf=\"col.field !== 'button'\">\r\n                                        {{ rowData[col.field] }}\r\n                                    </div>\r\n                                    <div *ngIf=\"col.field === 'action'\">\r\n                                        <p-button *ngFor=\"let action of item.buttonsTable\"\r\n                                            styleClass={{action.styleClass}} label={{action.label}}\r\n                                            (click)=\"action.onCLick(rowData)\" icon={{action.icon}}></p-button>\r\n                                    </div>\r\n                                </td>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"footer\" let-columns>\r\n                            <tr *ngFor=\"let footer of item.rowsFooter\">\r\n                                <td colspan=12><span class=\"font-normal\">{{footer.text}}:</span> {{footer.value}}</td>\r\n                            </tr>\r\n                        </ng-template>\r\n                    </p-table>\r\n\r\n                    <!-- inputSwitch -->\r\n                    <div class=\"d-flex\" *ngIf=\"item.type === 'switch'\">\r\n                        <p-inputSwitch id={{item.id}} formControlName={{item.formControl}} class=\"mr-10\"\r\n                            (onChange)=\"onChange(item.onChange)\"></p-inputSwitch>\r\n                        <p translate={{item.label}}></p>\r\n                    </div>\r\n\r\n                    <!-- password -->\r\n                    <p-password id={{item.id}} [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                  }\" placeholder={{item.placeholder}} *ngIf=\"item.type === 'password'\" [feedback]=\"false\"\r\n                        formControlName={{item.formControl}} (onChange)=\"onChange(item.onChange)\" styleClass=\"w-full\"\r\n                        [toggleMask]=\"true\"></p-password>\r\n\r\n                    <!-- photo  -->\r\n                    <div id={{item.id}} class=\"camera\" *ngIf=\"item.type === 'photo'\">\r\n                        <video id=\"video\" class=\"foto\" autoplay>V\u00EDdeo n\u00E3o dispon\u00EDvel.</video>\r\n                        <canvas id=\"canvas\" class=\"foto\" style=\"display: none;\"></canvas>\r\n                        <button pButton icon=\"pi pi-times\" class=\"remove-file\" id=\"icon-remove\" [rounded]=\"true\"\r\n                            style=\"visibility: collapse;\" (click)=\"removePhoto()\"></button>\r\n                        <button pButton icon=\"pi pi-camera\" [rounded]=\"true\" (click)=\"capturePhoto(item.formControl)\"\r\n                            id=\"button\"></button>\r\n                    </div>\r\n\r\n                    <!-- likert  -->\r\n                    <p-table id={{item.id}} *ngIf=\"item.type === 'likert'\" [scrollable]=\"true\"\r\n                        scrollHeight={{item.scrollHeight}} [columns]=item.colsTable\r\n                        styleClass=\"p-datatable-striped p-datatable-sm\" [value]=item.rowsTable>\r\n                        <ng-template pTemplate=\"header\" let-columns>\r\n                            <tr>\r\n                                <th style=\"width: 4rem\"></th>\r\n                                <th *ngFor=\"let col of columns\">\r\n                                    <span>{{ col.header }}</span>\r\n                                </th>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"body\" let-row let-rowIndex=\"rowIndex\" let-columns=\"columns\"\r\n                            formArrayName=\"{{item.formControl}}\">\r\n                            <tr>\r\n                                <td>\r\n                                    {{row}}\r\n                                </td>\r\n                                @for (control of columns; track item; let index = $index) {\r\n                                <td [formGroupName]=\"rowIndex\">\r\n                                    <p-radioButton value=\"{{columns[index].field}}+{{row}}\"\r\n                                        formControlName=\"question{{rowIndex}}\" />\r\n                                </td>\r\n                                }\r\n                            </tr>\r\n                        </ng-template>\r\n                    </p-table>\r\n\r\n                    <!-- editable table -->\r\n                    <p-table\r\n                    id=\"{{ item.id }}\"\r\n                    *ngIf=\"item.type === 'editable-table'\"\r\n                    [scrollable]=\"true\"\r\n                    scrollHeight=\"{{ item.scrollHeight }}\"\r\n                    [columns]=\"item.colsTable\"\r\n                    styleClass=\"p-datatable-striped p-datatable-sm\"\r\n                    [value]=\"item.rowsTable\"\r\n                    editMode=\"cell\">\r\n\r\n                    <!-- Cabe\u00E7alho da tabela -->\r\n                    <ng-template pTemplate=\"header\" let-columns>\r\n                      <tr>\r\n                        <th></th>\r\n                        <th *ngFor=\"let col of columns\">\r\n                          <span>{{ col.header }}</span>\r\n                        </th>\r\n                      </tr>\r\n                    </ng-template>\r\n\r\n                    <!-- Corpo da tabela -->\r\n                    <ng-template pTemplate=\"body\" let-row let-rowIndex=\"rowIndex\" let-columns=\"columns\"\r\n                      formArrayName=\"{{ item.formControl }}\" let-editing=\"editing\">\r\n                      <tr>\r\n                        <td>{{ row }}</td>\r\n                        @for (control of columns; track item; let index = $index) {\r\n                          <td [formGroupName]=\"rowIndex\" [pEditableColumn]=\"row\" pEditableColumnField=\"row\">\r\n                            <p-cellEditor>\r\n                              <ng-template pTemplate=\"input\">\r\n                                <input class=\"w-full\" pInputText type=\"text\" formControlName=\"_{{control.field}}question{{ rowIndex }}\" />\r\n                              </ng-template>\r\n                              <ng-template pTemplate=\"output\">\r\n                                <input class=\"w-full\" pInputText type=\"text\" formControlName=\"_{{control.field}}question{{ rowIndex }}\" />\r\n                              </ng-template>\r\n                            </p-cellEditor>\r\n                          </td>\r\n                        }\r\n                      </tr>\r\n                    </ng-template>\r\n                  </p-table>\r\n\r\n\r\n                    <!-- valida\u00E7\u00E3o de item -->\r\n                    <div>\r\n                        <small class=\"danger-text\"\r\n                            *ngIf=\"validateForm && control.controls[item.formControl] && control.controls[item.formControl].errors?.['required']\">\r\n                            Campo obrigat\u00F3rio\r\n                        </small>\r\n                        <small class=\"danger-text\"\r\n                            *ngIf=\"validateForm && control.controls[item.formControl] && control.controls[item.formControl].errors?.['email']\">\r\n                            Email inv\u00E1lido\r\n                        </small>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <p-divider\r\n                *ngIf=\"(buttonsStandard && buttonsStandard.length > 0) || (buttonsOptional && buttonsOptional.length > 0)\"></p-divider>\r\n\r\n            <div class=\"buttons-form\">\r\n                <div *ngFor=\"let button of buttonsStandard\">\r\n                    <p-button *ngIf=\"button.type === 'clean'\" styleClass=\"p-button-warning {{button.styleClass}}\"\r\n                        label=\"Limpar\" (click)=\"button.onCLick()\" icon=\"pi pi-times\"></p-button>\r\n                    <p-button *ngIf=\"button.type === 'filter'\" styleClass=\"{{button.styleClass}}\" label=\"Filtrar\"\r\n                        (click)=\"button.onCLick()\" icon=\"pi pi-search\"></p-button>\r\n                    <p-button *ngIf=\"button.type === 'save'\" styleClass=\"p-button-success {{button.styleClass}}\"\r\n                        label=\"Salvar\" (click)=\"button.onCLick()\" icon=\"pi pi-save\"></p-button>\r\n                    <p-button *ngIf=\"button.type === 'cancel'\" styleClass=\"p-button-danger {{button.styleClass}}\"\r\n                        label=\"Cancelar\" (click)=\"button.onCLick()\" icon=\"pi pi-times\"></p-button>\r\n                </div>\r\n                <div *ngFor=\"let button of buttonsOptional\">\r\n                    <p-button styleClass={{button.styleClass}} label={{button.label}} (click)=\" button.onCLick()\"\r\n                        icon={{button.icon}}></p-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </form>\r\n</div>\r\n", styles: [".div-title span{font-size:20px;font-weight:500}.buttons-form{display:flex;gap:10px;justify-content:flex-end}.danger-text{color:#f18282}.drag-image{height:auto;width:100%;border-radius:10px;font-weight:400;display:flex;align-items:center;flex-direction:column;top:20px;max-height:250px;color:#000;padding:20px;text-align:center;overflow:auto}.drag-image h6{font-size:20px}.drag-image .file-name{font-size:14px}.drag-image i{font-size:3rem}.subtitle span{font-size:14px;margin-right:5px}.subtitle{align-items:baseline}.mh-75{min-height:75px!important}input[type=file]{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.preview-img{align-items:center;border-radius:5px;display:flex;height:140px;justify-content:center;margin:10px;max-width:180px;min-height:140px;min-width:180px;padding:0 20px;position:relative}.preview-img span{position:absolute;overflow-wrap:break-word}.remove-file{display:flex;justify-content:center;align-items:center;height:22px;width:22px;top:5px;right:5px;border-radius:50%;background:#bbb;color:#333;cursor:pointer;font-size:.8rem!important}.preview-img img{max-width:100%;opacity:.8}.camera{display:flex;flex-direction:column;align-items:center;position:relative}.foto{max-width:186px;min-height:140px;min-width:180px;border:1px dashed #000;border-radius:5px;margin-bottom:1em}.preview-photo{position:relative}.h-0{height:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.FormBuilder }], propDecorators: { title: [{
+                type: Input
+            }], subTitle: [{
+                type: Input
+            }], validateForm: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], buttonsStandard: [{
+                type: Input
+            }], buttonsOptional: [{
+                type: Input
+            }], files: [{
+                type: Input
+            }] } });
+
+function HttpLoaderFactory(http) {
+    return new TranslateHttpLoader(http);
+}
+class FormDynamicAngularModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: FormDynamicAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: FormDynamicAngularModule, declarations: [FormDynamicAngularComponent], imports: [InputMaskModule,
+            InputNumberModule,
+            PasswordModule,
+            ButtonModule,
+            TableModule,
+            FileUploadModule,
+            MultiSelectModule,
+            CommonModule,
+            SelectButtonModule,
+            InputSwitchModule,
+            CheckboxModule,
+            InputTextareaModule,
+            InputTextModule,
+            DividerModule,
+            CalendarModule,
+            DropdownModule,
+            TreeSelectModule,
+            RadioButtonModule,
+            AutoCompleteModule,
+            ReactiveFormsModule,
+            HttpClientModule,
+            OverlayPanelModule, i1.TranslateModule], exports: [FormDynamicAngularComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: FormDynamicAngularModule, imports: [InputMaskModule,
+            InputNumberModule,
+            PasswordModule,
+            ButtonModule,
+            TableModule,
+            FileUploadModule,
+            MultiSelectModule,
+            CommonModule,
+            SelectButtonModule,
+            InputSwitchModule,
+            CheckboxModule,
+            InputTextareaModule,
+            InputTextModule,
+            DividerModule,
+            CalendarModule,
+            DropdownModule,
+            TreeSelectModule,
+            RadioButtonModule,
+            AutoCompleteModule,
+            ReactiveFormsModule,
+            HttpClientModule,
+            OverlayPanelModule,
+            TranslateModule.forRoot({
+                loader: {
+                    provide: TranslateLoader,
+                    useFactory: HttpLoaderFactory,
+                    deps: [HttpClient]
+                },
+            })] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: FormDynamicAngularModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FormDynamicAngularComponent
+                    ],
+                    imports: [
+                        InputMaskModule,
+                        InputNumberModule,
+                        PasswordModule,
+                        ButtonModule,
+                        TableModule,
+                        FileUploadModule,
+                        MultiSelectModule,
+                        CommonModule,
+                        SelectButtonModule,
+                        InputSwitchModule,
+                        CheckboxModule,
+                        InputTextareaModule,
+                        InputTextModule,
+                        DividerModule,
+                        CalendarModule,
+                        DropdownModule,
+                        TreeSelectModule,
+                        RadioButtonModule,
+                        AutoCompleteModule,
+                        ReactiveFormsModule,
+                        HttpClientModule,
+                        OverlayPanelModule,
+                        TranslateModule.forRoot({
+                            loader: {
+                                provide: TranslateLoader,
+                                useFactory: HttpLoaderFactory,
+                                deps: [HttpClient]
+                            },
+                        })
+                    ],
+                    exports: [
+                        FormDynamicAngularComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of form-dynamic-angular
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormDynamicAngularComponent, FormDynamicAngularModule, HttpLoaderFactory };
+//# sourceMappingURL=form-dynamic-ajax.mjs.map