form-dynamic-ajax 7.0.3 → 7.0.8

package/fesm2022/form-dynamic-ajax.mjs

@@ -0,0 +1,323 @@
+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 * as i23 from 'primeng/editor';
+import { EditorModule } from 'primeng/editor';
+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\"\r\n          >*</label\r\n        >\r\n\r\n        <div class=\"mt-2\">\r\n          <!-- text -->\r\n          <input\r\n            id=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            pInputText\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            *ngIf=\"item.type == 'text' || item.type == 'number'\"\r\n            type=\"{{ item.type }}\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            class=\"w-full\"\r\n          />\r\n\r\n          <p-editor\r\n            *ngIf=\"item.type == 'editor'\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            [style]=\"{ height: '320px' }\"\r\n          />\r\n\r\n          <!-- select -->\r\n          <p-dropdown\r\n            id=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            [filter]=\"item.search\"\r\n            emptyFilterMessage=\"Nenhum dado encontrado\"\r\n            emptyMessage=\"Nenhum dado encontrado\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            styleClass=\"w-full p-0\"\r\n            (onChange)=\"onChange(item.onChange)\"\r\n            *ngIf=\"item.type === 'select'\"\r\n            [showClear]=\"true\"\r\n            [options]=\"item.options\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            optionLabel=\"description\"\r\n            (onClear)=\"clickCLear(item.onCLear)\"\r\n          ></p-dropdown>\r\n\r\n          <!-- currency  -->\r\n          <p-inputNumber\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'currency'\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            inputStyleClass=\"w-full\"\r\n            styleClass=\"w-full\"\r\n            (onKeyDown)=\"onChange(item.onChange)\"\r\n            mode=\"currency\"\r\n            [min]=\"0\"\r\n            currency=\"BRL\"\r\n          >\r\n          </p-inputNumber>\r\n\r\n          <!-- mask  -->\r\n          <p-inputMask\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'mask'\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            styleClass=\"w-full\"\r\n            (onComplete)=\"onChange(item.onChange)\"\r\n            mask=\"{{ item.mask }}\"\r\n            unmask=\"{{ item.unmask }}\"\r\n            (onClear)=\"clickCLear(item.onCLear)\"\r\n            showClear=\"true\"\r\n          ></p-inputMask>\r\n\r\n          <!-- treeSelect -->\r\n          <p-treeSelect\r\n            id=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            (onNodeSelect)=\"onChange(item.onChange)\"\r\n            *ngIf=\"item.type === 'tree-select'\"\r\n            containerStyleClass=\"w-full p-0\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            [options]=\"item.treeSelectOptions\"\r\n            [filter]=\"true\"\r\n            [filterInputAutoFocus]=\"true\"\r\n            emptyMessage=\"Nenhum dado encontrado\"\r\n            [showClear]=\"true\"\r\n            (onClear)=\"clickCLear(item.onCLear)\"\r\n          ></p-treeSelect>\r\n\r\n          <!-- autoComplete -->\r\n          <p-autoComplete\r\n            inputId=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            styleClass=\"w-full p-0\"\r\n            [inputStyle]=\"{ width: '100%' }\"\r\n            *ngIf=\"item.type === 'autocomplete'\"\r\n            (onSelect)=\"onChange(item.onChange)\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            [suggestions]=\"filteredAutoComplete\"\r\n            (completeMethod)=\"filterAutoComplete($event, item.options)\"\r\n            [forceSelection]=\"false\"\r\n            [showEmptyMessage]=\"true\"\r\n            emptyMessage=\"Nenhum dado encontrado\"\r\n            dataKey=\"code\"\r\n            field=\"description\"\r\n            showClear=\"true\"\r\n            (onClear)=\"clickCLear(item.onCLear)\"\r\n          ></p-autoComplete>\r\n\r\n          <!-- date -->\r\n          <p-calendar\r\n            id=\"{{ item.id }}\"\r\n            view=\"{{ item.viewDate }}\"\r\n            *ngIf=\"item.type === 'date'\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            styleClass=\"w-full\"\r\n            [numberOfMonths]=\"numberOfMonthsDate(item.numberOfMonthsDate)\"\r\n            [selectionMode]=\"selectionMode(item.selectionMode)\"\r\n            (onFocus)=\"onChange(item.onFocusDate)\"\r\n            [maxDate]=\"item.maxDate\"\r\n            [minDate]=\"item.minDate\"\r\n            dateFormat=\"{{ item.dateFormat }}\"\r\n            (onSelect)=\"onChange(item.onChange)\"\r\n            [iconDisplay]=\"'input'\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            [showIcon]=\"true\"\r\n            [showTime]=\"item.showTime\"\r\n            [timeOnly]=\"item.timeOnly\"\r\n          ></p-calendar>\r\n\r\n          <!-- textarea -->\r\n          <div *ngIf=\"item.type === 'text-area'\" class=\"text-right\">\r\n            <textarea\r\n              id=\"{{ item.id }}\"\r\n              [ngClass]=\"{\r\n                'ng-invalid ng-dirty':\r\n                  validateForm && control.controls[item.formControl].errors\r\n              }\"\r\n              placeholder=\"{{ item.placeholder }}\"\r\n              class=\"w-full\"\r\n              maxlength=\"{{ item.maxlength }}\"\r\n              counterTemplate=\"{1} of 50, {0} remaining\"\r\n              counter=\"display\"\r\n              (attr.change)=\"onChange(item.onChange)\"\r\n              pInputTextarea\r\n              formControlName=\"{{ item.formControl }}\"\r\n              rows=\"{{ item.rowsTextArea }}\"\r\n            ></textarea>\r\n            <small *ngIf=\"item.maxlength\" id=\"username-help\">\r\n              {{ control.controls[item.formControl].value.length }}/{{\r\n                item.maxlength\r\n              }}\r\n            </small>\r\n          </div>\r\n\r\n          <!-- checkbox -->\r\n          <div *ngIf=\"item.type == 'check-box'\">\r\n            <p-checkbox\r\n              id=\"{{ item.id }}\"\r\n              [ngClass]=\"{\r\n                'ng-invalid ng-dirty':\r\n                  validateForm && control.controls[item.formControl].errors\r\n              }\"\r\n              (onChange)=\"onChange(item.onChange)\"\r\n              binary=\"true\"\r\n              formControlName=\"{{ item.formControl }}\"\r\n              value=\"{{ item.formControl }}\"\r\n              label=\"{{ item.label }}\"\r\n            ></p-checkbox>\r\n          </div>\r\n\r\n          <!-- checkbox  multiple -->\r\n          <div\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'check-box-multi'\"\r\n            class=\"flex gap-3\"\r\n          >\r\n            <div\r\n              formArrayName=\"{{ item.formControl }}\"\r\n              *ngFor=\"let list of item.options; let i = index\"\r\n              class=\"flex align-items-center gap-2\"\r\n            >\r\n              <div [formGroupName]=\"i\">\r\n                <p-checkbox\r\n                  id=\"{{ item.id }}\"\r\n                  [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                      validateForm && control.controls[item.formControl].errors\r\n                  }\"\r\n                  (onChange)=\"onChange(item.onChange)\"\r\n                  binary=\"true\"\r\n                  formControlName=\"{{ list.code }}\"\r\n                  label=\"{{ list.description }}\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- button -->\r\n          <p-button\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type == 'button'\"\r\n            styleClass=\"{{ item.buttonClass }} w-full mt-3\"\r\n            (click)=\"item.onCLick()\"\r\n            [disabled]=\"item.disabled\"\r\n            icon=\"{{ item.iconButton }}\"\r\n            label=\"{{ item.label }}\"\r\n          ></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\"></video>\r\n\r\n            <input type=\"text\" id=\"base_img\" name=\"base_img\" />\r\n            <button type=\"button\" onclick=\"takeSnapShot()\">\r\n              Tirar foto e salvar\r\n            </button>\r\n\r\n            <img id=\"imagemConvertida\" />\r\n            <p id=\"caminhoImagem\" class=\"caminho-imagem\">\r\n              <a href=\"\" target=\"_blank\" rel=\"noopener\"></a>\r\n            </p>\r\n            <script src=\"script.js\"></script>\r\n          </div>\r\n\r\n          <!-- upload files -->\r\n          <div\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'upload-files' && !item.disabled\"\r\n            class=\"drag-image\"\r\n            [style.border]=\"\r\n              validateForm && control.controls[item.formControl].errors\r\n                ? ' 1px dashed #f18282'\r\n                : ' 1px dashed #d1d5db'\r\n            \"\r\n          >\r\n            <i *ngIf=\"filesView.length === 0\" class=\"pi pi-cloud-upload\"></i>\r\n            <p *ngIf=\"filesView.length === 0\">\r\n              Clique ou arraste e solte um arquivo para anexar\r\n            </p>\r\n            <span *ngIf=\"filesView.length === 0\">{{\r\n              item.msgAcceptFiles\r\n            }}</span>\r\n            <input\r\n              id=\"fileInput\"\r\n              type=\"file\"\r\n              [multiple]=\"item.multileFile\"\r\n              [accept]=\"item.acceptFiles\"\r\n              (change)=\"\r\n                onSelectFile(item.formControl, $event, item.multileFile)\r\n              \"\r\n            />\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\r\n                    type=\"file\"\r\n                    [multiple]=\"item.multileFile\"\r\n                    [accept]=\"item.acceptFiles\"\r\n                    (change)=\"\r\n                      onSelectFile(item.formControl, $event, item.multileFile)\r\n                    \"\r\n                  />\r\n                  <label>\r\n                    <i\r\n                      class=\"pi pi-times remove-file absolute\"\r\n                      (click)=\"onRemove(item.formControl, f)\"\r\n                    ></i\r\n                  ></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\r\n                    type=\"file\"\r\n                    [multiple]=\"item.multileFile\"\r\n                    [accept]=\"item.acceptFiles\"\r\n                    (change)=\"\r\n                      onSelectFile(item.formControl, $event, item.multileFile)\r\n                    \"\r\n                  />\r\n                  <label>\r\n                    <i\r\n                      class=\"pi pi-times remove-file absolute\"\r\n                      (click)=\"onRemove(f)\"\r\n                    ></i\r\n                  ></label>\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\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'upload-files' && item.disabled\"\r\n          >\r\n            <p-button\r\n              (click)=\"op.toggle($event)\"\r\n              icon=\"pi pi-paperclip\"\r\n              label=\"Arquivos anexados\"\r\n            ></p-button>\r\n\r\n            <p-overlayPanel\r\n              #op\r\n              [style]=\"{ width: '450px' }\"\r\n              [showCloseIcon]=\"true\"\r\n            >\r\n              <ng-template pTemplate=\"content\">\r\n                <p-table\r\n                  *ngIf=\"files.length > 0\"\r\n                  [value]=\"files\"\r\n                  selectionMode=\"single\"\r\n                  [(selection)]=\"selectedProduct\"\r\n                  (onRowSelect)=\"onRowSelect($event, op)\"\r\n                  responsiveLayout=\"scroll\"\r\n                >\r\n                  <ng-template pTemplate=\"header\">\r\n                    <tr>\r\n                      <th pSortableColumn=\"name\">\r\n                        Nome<p-sortIcon field=\"name\"></p-sortIcon>\r\n                      </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>\r\n                        <p-button\r\n                          *ngIf=\"item.onCLick\"\r\n                          icon=\"pi pi-download\"\r\n                          (click)=\"item.onCLick(file)\"\r\n                        ></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\r\n            id=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            *ngIf=\"item.type === 'multi'\"\r\n            [options]=\"item.options\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            styleClass=\"p-0 w-full\"\r\n            optionLabel=\"description\"\r\n            (onChange)=\"onChange(item.onChange)\"\r\n            maxSelectedLabels=\"100\"\r\n          ></p-multiSelect>\r\n\r\n          <!-- radioButton -->\r\n          <div\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'radio-button'\"\r\n            class=\"flex gap-3\"\r\n          >\r\n            <div\r\n              *ngFor=\"let listRadioButton of item.options\"\r\n              class=\"flex align-items-center gap-2\"\r\n            >\r\n              <p-radioButton\r\n                [ngClass]=\"{\r\n                  'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                }\"\r\n                [value]=\"listRadioButton.code\"\r\n                formControlName=\"{{ item.formControl }}\"\r\n                (onClick)=\"onChange(item.onChange)\"\r\n              ></p-radioButton>\r\n              <label>{{ listRadioButton.description }}</label>\r\n            </div>\r\n            @if(control.controls[item.formControl].value == 'other'){\r\n            <input\r\n              pInputText\r\n              type=\"text\"\r\n              formControlName=\"{{ item.formControlOther }}\"\r\n            />\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\r\n              id=\"{{ item.id }}\"\r\n              (onChange)=\"onChange(item.onChange)\"\r\n              [options]=\"item.options\"\r\n              formControlName=\"{{ item.formControl }}\"\r\n              optionValue=\"code\"\r\n            >\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\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === '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          >\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              </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\r\n                      *ngFor=\"let action of item.buttonsTable\"\r\n                      styleClass=\"{{ action.styleClass }}\"\r\n                      label=\"{{ action.label }}\"\r\n                      (click)=\"action.onCLick(rowData)\"\r\n                      icon=\"{{ action.icon }}\"\r\n                    ></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\">\r\n                  <span class=\"font-normal\">{{ footer.text }}:</span>\r\n                  {{ footer.value }}\r\n                </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\r\n              id=\"{{ item.id }}\"\r\n              formControlName=\"{{ item.formControl }}\"\r\n              class=\"mr-10\"\r\n              (onChange)=\"onChange(item.onChange)\"\r\n            ></p-inputSwitch>\r\n            <p translate=\"{{ item.label }}\"></p>\r\n          </div>\r\n\r\n          <!-- password -->\r\n          <p-password\r\n            id=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            *ngIf=\"item.type === 'password'\"\r\n            [feedback]=\"false\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            (onChange)=\"onChange(item.onChange)\"\r\n            styleClass=\"w-full\"\r\n            [toggleMask]=\"true\"\r\n          ></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>\r\n              V\u00EDdeo n\u00E3o dispon\u00EDvel.\r\n            </video>\r\n            <canvas id=\"canvas\" class=\"foto\" style=\"display: none\"></canvas>\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-times\"\r\n              class=\"remove-file\"\r\n              id=\"icon-remove\"\r\n              [rounded]=\"true\"\r\n              style=\"visibility: collapse\"\r\n              (click)=\"removePhoto()\"\r\n            ></button>\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-camera\"\r\n              [rounded]=\"true\"\r\n              (click)=\"capturePhoto(item.formControl)\"\r\n              id=\"button\"\r\n            ></button>\r\n          </div>\r\n\r\n          <!-- likert  -->\r\n          <p-table\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'likert'\"\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          >\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\r\n              pTemplate=\"body\"\r\n              let-row\r\n              let-rowIndex=\"rowIndex\"\r\n              let-columns=\"columns\"\r\n              formArrayName=\"{{ item.formControl }}\"\r\n            >\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\r\n                    value=\"{{ columns[index].field }}+{{ row }}\"\r\n                    formControlName=\"question{{ rowIndex }}\"\r\n                  />\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 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\r\n            <!-- Corpo da tabela -->\r\n            <ng-template\r\n              pTemplate=\"body\"\r\n              let-row\r\n              let-rowIndex=\"rowIndex\"\r\n              let-columns=\"columns\"\r\n              formArrayName=\"{{ item.formControl }}\"\r\n              let-editing=\"editing\"\r\n            >\r\n              <tr>\r\n                <td>{{ row }}</td>\r\n                @for (control of columns; track item; let index = $index) {\r\n                <td\r\n                  [formGroupName]=\"rowIndex\"\r\n                  [pEditableColumn]=\"row\"\r\n                  pEditableColumnField=\"row\"\r\n                >\r\n                  <p-cellEditor>\r\n                    <ng-template pTemplate=\"input\">\r\n                      <input\r\n                        pInputText\r\n                        type=\"text\"\r\n                        formControlName=\"_{{ control.field }}question{{\r\n                          rowIndex\r\n                        }}\"\r\n                      />\r\n                    </ng-template>\r\n                    <ng-template pTemplate=\"output\">\r\n                      <input\r\n                        pInputText\r\n                        type=\"text\"\r\n                        formControlName=\"_{{ control.field }}question{{\r\n                          rowIndex\r\n                        }}\"\r\n                      />\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          <!-- valida\u00E7\u00E3o de item -->\r\n          <div>\r\n            <small\r\n              class=\"danger-text\"\r\n              *ngIf=\"validateForm && control.controls[item.formControl] && control.controls[item.formControl].errors?.['required']\"\r\n            >\r\n              Campo obrigat\u00F3rio\r\n            </small>\r\n            <small\r\n              class=\"danger-text\"\r\n              *ngIf=\"validateForm && control.controls[item.formControl] && control.controls[item.formControl].errors?.['email']\"\r\n            >\r\n              Email inv\u00E1lido\r\n            </small>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <p-divider\r\n        *ngIf=\"\r\n          (buttonsStandard && buttonsStandard.length > 0) ||\r\n          (buttonsOptional && buttonsOptional.length > 0)\r\n        \"\r\n      ></p-divider>\r\n\r\n      <div class=\"buttons-form\">\r\n        <div *ngFor=\"let button of buttonsStandard\">\r\n          <p-button\r\n            *ngIf=\"button.type === 'clean'\"\r\n            styleClass=\"p-button-warning {{ button.styleClass }}\"\r\n            label=\"Limpar\"\r\n            (click)=\"button.onCLick()\"\r\n            icon=\"pi pi-times\"\r\n          ></p-button>\r\n          <p-button\r\n            *ngIf=\"button.type === 'filter'\"\r\n            styleClass=\"{{ button.styleClass }}\"\r\n            label=\"Filtrar\"\r\n            (click)=\"button.onCLick()\"\r\n            icon=\"pi pi-search\"\r\n          ></p-button>\r\n          <p-button\r\n            *ngIf=\"button.type === 'save'\"\r\n            styleClass=\"p-button-success {{ button.styleClass }}\"\r\n            label=\"Salvar\"\r\n            (click)=\"button.onCLick()\"\r\n            icon=\"pi pi-save\"\r\n          ></p-button>\r\n          <p-button\r\n            *ngIf=\"button.type === 'cancel'\"\r\n            styleClass=\"p-button-danger {{ button.styleClass }}\"\r\n            label=\"Cancelar\"\r\n            (click)=\"button.onCLick()\"\r\n            icon=\"pi pi-times\"\r\n          ></p-button>\r\n        </div>\r\n        <div *ngFor=\"let button of buttonsOptional\">\r\n          <p-button\r\n            styleClass=\"{{ button.styleClass }}\"\r\n            label=\"{{ button.label }}\"\r\n            (click)=\"button.onCLick()\"\r\n            icon=\"{{ button.icon }}\"\r\n          ></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: "component", type: i23.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }, { 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\"\r\n          >*</label\r\n        >\r\n\r\n        <div class=\"mt-2\">\r\n          <!-- text -->\r\n          <input\r\n            id=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            pInputText\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            *ngIf=\"item.type == 'text' || item.type == 'number'\"\r\n            type=\"{{ item.type }}\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            class=\"w-full\"\r\n          />\r\n\r\n          <p-editor\r\n            *ngIf=\"item.type == 'editor'\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            [style]=\"{ height: '320px' }\"\r\n          />\r\n\r\n          <!-- select -->\r\n          <p-dropdown\r\n            id=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            [filter]=\"item.search\"\r\n            emptyFilterMessage=\"Nenhum dado encontrado\"\r\n            emptyMessage=\"Nenhum dado encontrado\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            styleClass=\"w-full p-0\"\r\n            (onChange)=\"onChange(item.onChange)\"\r\n            *ngIf=\"item.type === 'select'\"\r\n            [showClear]=\"true\"\r\n            [options]=\"item.options\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            optionLabel=\"description\"\r\n            (onClear)=\"clickCLear(item.onCLear)\"\r\n          ></p-dropdown>\r\n\r\n          <!-- currency  -->\r\n          <p-inputNumber\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'currency'\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            inputStyleClass=\"w-full\"\r\n            styleClass=\"w-full\"\r\n            (onKeyDown)=\"onChange(item.onChange)\"\r\n            mode=\"currency\"\r\n            [min]=\"0\"\r\n            currency=\"BRL\"\r\n          >\r\n          </p-inputNumber>\r\n\r\n          <!-- mask  -->\r\n          <p-inputMask\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'mask'\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            styleClass=\"w-full\"\r\n            (onComplete)=\"onChange(item.onChange)\"\r\n            mask=\"{{ item.mask }}\"\r\n            unmask=\"{{ item.unmask }}\"\r\n            (onClear)=\"clickCLear(item.onCLear)\"\r\n            showClear=\"true\"\r\n          ></p-inputMask>\r\n\r\n          <!-- treeSelect -->\r\n          <p-treeSelect\r\n            id=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            (onNodeSelect)=\"onChange(item.onChange)\"\r\n            *ngIf=\"item.type === 'tree-select'\"\r\n            containerStyleClass=\"w-full p-0\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            [options]=\"item.treeSelectOptions\"\r\n            [filter]=\"true\"\r\n            [filterInputAutoFocus]=\"true\"\r\n            emptyMessage=\"Nenhum dado encontrado\"\r\n            [showClear]=\"true\"\r\n            (onClear)=\"clickCLear(item.onCLear)\"\r\n          ></p-treeSelect>\r\n\r\n          <!-- autoComplete -->\r\n          <p-autoComplete\r\n            inputId=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            styleClass=\"w-full p-0\"\r\n            [inputStyle]=\"{ width: '100%' }\"\r\n            *ngIf=\"item.type === 'autocomplete'\"\r\n            (onSelect)=\"onChange(item.onChange)\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            [suggestions]=\"filteredAutoComplete\"\r\n            (completeMethod)=\"filterAutoComplete($event, item.options)\"\r\n            [forceSelection]=\"false\"\r\n            [showEmptyMessage]=\"true\"\r\n            emptyMessage=\"Nenhum dado encontrado\"\r\n            dataKey=\"code\"\r\n            field=\"description\"\r\n            showClear=\"true\"\r\n            (onClear)=\"clickCLear(item.onCLear)\"\r\n          ></p-autoComplete>\r\n\r\n          <!-- date -->\r\n          <p-calendar\r\n            id=\"{{ item.id }}\"\r\n            view=\"{{ item.viewDate }}\"\r\n            *ngIf=\"item.type === 'date'\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            styleClass=\"w-full\"\r\n            [numberOfMonths]=\"numberOfMonthsDate(item.numberOfMonthsDate)\"\r\n            [selectionMode]=\"selectionMode(item.selectionMode)\"\r\n            (onFocus)=\"onChange(item.onFocusDate)\"\r\n            [maxDate]=\"item.maxDate\"\r\n            [minDate]=\"item.minDate\"\r\n            dateFormat=\"{{ item.dateFormat }}\"\r\n            (onSelect)=\"onChange(item.onChange)\"\r\n            [iconDisplay]=\"'input'\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            [showIcon]=\"true\"\r\n            [showTime]=\"item.showTime\"\r\n            [timeOnly]=\"item.timeOnly\"\r\n          ></p-calendar>\r\n\r\n          <!-- textarea -->\r\n          <div *ngIf=\"item.type === 'text-area'\" class=\"text-right\">\r\n            <textarea\r\n              id=\"{{ item.id }}\"\r\n              [ngClass]=\"{\r\n                'ng-invalid ng-dirty':\r\n                  validateForm && control.controls[item.formControl].errors\r\n              }\"\r\n              placeholder=\"{{ item.placeholder }}\"\r\n              class=\"w-full\"\r\n              maxlength=\"{{ item.maxlength }}\"\r\n              counterTemplate=\"{1} of 50, {0} remaining\"\r\n              counter=\"display\"\r\n              (attr.change)=\"onChange(item.onChange)\"\r\n              pInputTextarea\r\n              formControlName=\"{{ item.formControl }}\"\r\n              rows=\"{{ item.rowsTextArea }}\"\r\n            ></textarea>\r\n            <small *ngIf=\"item.maxlength\" id=\"username-help\">\r\n              {{ control.controls[item.formControl].value.length }}/{{\r\n                item.maxlength\r\n              }}\r\n            </small>\r\n          </div>\r\n\r\n          <!-- checkbox -->\r\n          <div *ngIf=\"item.type == 'check-box'\">\r\n            <p-checkbox\r\n              id=\"{{ item.id }}\"\r\n              [ngClass]=\"{\r\n                'ng-invalid ng-dirty':\r\n                  validateForm && control.controls[item.formControl].errors\r\n              }\"\r\n              (onChange)=\"onChange(item.onChange)\"\r\n              binary=\"true\"\r\n              formControlName=\"{{ item.formControl }}\"\r\n              value=\"{{ item.formControl }}\"\r\n              label=\"{{ item.label }}\"\r\n            ></p-checkbox>\r\n          </div>\r\n\r\n          <!-- checkbox  multiple -->\r\n          <div\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'check-box-multi'\"\r\n            class=\"flex gap-3\"\r\n          >\r\n            <div\r\n              formArrayName=\"{{ item.formControl }}\"\r\n              *ngFor=\"let list of item.options; let i = index\"\r\n              class=\"flex align-items-center gap-2\"\r\n            >\r\n              <div [formGroupName]=\"i\">\r\n                <p-checkbox\r\n                  id=\"{{ item.id }}\"\r\n                  [ngClass]=\"{\r\n                    'ng-invalid ng-dirty':\r\n                      validateForm && control.controls[item.formControl].errors\r\n                  }\"\r\n                  (onChange)=\"onChange(item.onChange)\"\r\n                  binary=\"true\"\r\n                  formControlName=\"{{ list.code }}\"\r\n                  label=\"{{ list.description }}\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- button -->\r\n          <p-button\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type == 'button'\"\r\n            styleClass=\"{{ item.buttonClass }} w-full mt-3\"\r\n            (click)=\"item.onCLick()\"\r\n            [disabled]=\"item.disabled\"\r\n            icon=\"{{ item.iconButton }}\"\r\n            label=\"{{ item.label }}\"\r\n          ></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\"></video>\r\n\r\n            <input type=\"text\" id=\"base_img\" name=\"base_img\" />\r\n            <button type=\"button\" onclick=\"takeSnapShot()\">\r\n              Tirar foto e salvar\r\n            </button>\r\n\r\n            <img id=\"imagemConvertida\" />\r\n            <p id=\"caminhoImagem\" class=\"caminho-imagem\">\r\n              <a href=\"\" target=\"_blank\" rel=\"noopener\"></a>\r\n            </p>\r\n            <script src=\"script.js\"></script>\r\n          </div>\r\n\r\n          <!-- upload files -->\r\n          <div\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'upload-files' && !item.disabled\"\r\n            class=\"drag-image\"\r\n            [style.border]=\"\r\n              validateForm && control.controls[item.formControl].errors\r\n                ? ' 1px dashed #f18282'\r\n                : ' 1px dashed #d1d5db'\r\n            \"\r\n          >\r\n            <i *ngIf=\"filesView.length === 0\" class=\"pi pi-cloud-upload\"></i>\r\n            <p *ngIf=\"filesView.length === 0\">\r\n              Clique ou arraste e solte um arquivo para anexar\r\n            </p>\r\n            <span *ngIf=\"filesView.length === 0\">{{\r\n              item.msgAcceptFiles\r\n            }}</span>\r\n            <input\r\n              id=\"fileInput\"\r\n              type=\"file\"\r\n              [multiple]=\"item.multileFile\"\r\n              [accept]=\"item.acceptFiles\"\r\n              (change)=\"\r\n                onSelectFile(item.formControl, $event, item.multileFile)\r\n              \"\r\n            />\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\r\n                    type=\"file\"\r\n                    [multiple]=\"item.multileFile\"\r\n                    [accept]=\"item.acceptFiles\"\r\n                    (change)=\"\r\n                      onSelectFile(item.formControl, $event, item.multileFile)\r\n                    \"\r\n                  />\r\n                  <label>\r\n                    <i\r\n                      class=\"pi pi-times remove-file absolute\"\r\n                      (click)=\"onRemove(item.formControl, f)\"\r\n                    ></i\r\n                  ></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\r\n                    type=\"file\"\r\n                    [multiple]=\"item.multileFile\"\r\n                    [accept]=\"item.acceptFiles\"\r\n                    (change)=\"\r\n                      onSelectFile(item.formControl, $event, item.multileFile)\r\n                    \"\r\n                  />\r\n                  <label>\r\n                    <i\r\n                      class=\"pi pi-times remove-file absolute\"\r\n                      (click)=\"onRemove(f)\"\r\n                    ></i\r\n                  ></label>\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\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'upload-files' && item.disabled\"\r\n          >\r\n            <p-button\r\n              (click)=\"op.toggle($event)\"\r\n              icon=\"pi pi-paperclip\"\r\n              label=\"Arquivos anexados\"\r\n            ></p-button>\r\n\r\n            <p-overlayPanel\r\n              #op\r\n              [style]=\"{ width: '450px' }\"\r\n              [showCloseIcon]=\"true\"\r\n            >\r\n              <ng-template pTemplate=\"content\">\r\n                <p-table\r\n                  *ngIf=\"files.length > 0\"\r\n                  [value]=\"files\"\r\n                  selectionMode=\"single\"\r\n                  [(selection)]=\"selectedProduct\"\r\n                  (onRowSelect)=\"onRowSelect($event, op)\"\r\n                  responsiveLayout=\"scroll\"\r\n                >\r\n                  <ng-template pTemplate=\"header\">\r\n                    <tr>\r\n                      <th pSortableColumn=\"name\">\r\n                        Nome<p-sortIcon field=\"name\"></p-sortIcon>\r\n                      </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>\r\n                        <p-button\r\n                          *ngIf=\"item.onCLick\"\r\n                          icon=\"pi pi-download\"\r\n                          (click)=\"item.onCLick(file)\"\r\n                        ></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\r\n            id=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            *ngIf=\"item.type === 'multi'\"\r\n            [options]=\"item.options\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            styleClass=\"p-0 w-full\"\r\n            optionLabel=\"description\"\r\n            (onChange)=\"onChange(item.onChange)\"\r\n            maxSelectedLabels=\"100\"\r\n          ></p-multiSelect>\r\n\r\n          <!-- radioButton -->\r\n          <div\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'radio-button'\"\r\n            class=\"flex gap-3\"\r\n          >\r\n            <div\r\n              *ngFor=\"let listRadioButton of item.options\"\r\n              class=\"flex align-items-center gap-2\"\r\n            >\r\n              <p-radioButton\r\n                [ngClass]=\"{\r\n                  'ng-invalid ng-dirty':\r\n                    validateForm && control.controls[item.formControl].errors\r\n                }\"\r\n                [value]=\"listRadioButton.code\"\r\n                formControlName=\"{{ item.formControl }}\"\r\n                (onClick)=\"onChange(item.onChange)\"\r\n              ></p-radioButton>\r\n              <label>{{ listRadioButton.description }}</label>\r\n            </div>\r\n            @if(control.controls[item.formControl].value == 'other'){\r\n            <input\r\n              pInputText\r\n              type=\"text\"\r\n              formControlName=\"{{ item.formControlOther }}\"\r\n            />\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\r\n              id=\"{{ item.id }}\"\r\n              (onChange)=\"onChange(item.onChange)\"\r\n              [options]=\"item.options\"\r\n              formControlName=\"{{ item.formControl }}\"\r\n              optionValue=\"code\"\r\n            >\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\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === '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          >\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              </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\r\n                      *ngFor=\"let action of item.buttonsTable\"\r\n                      styleClass=\"{{ action.styleClass }}\"\r\n                      label=\"{{ action.label }}\"\r\n                      (click)=\"action.onCLick(rowData)\"\r\n                      icon=\"{{ action.icon }}\"\r\n                    ></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\">\r\n                  <span class=\"font-normal\">{{ footer.text }}:</span>\r\n                  {{ footer.value }}\r\n                </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\r\n              id=\"{{ item.id }}\"\r\n              formControlName=\"{{ item.formControl }}\"\r\n              class=\"mr-10\"\r\n              (onChange)=\"onChange(item.onChange)\"\r\n            ></p-inputSwitch>\r\n            <p translate=\"{{ item.label }}\"></p>\r\n          </div>\r\n\r\n          <!-- password -->\r\n          <p-password\r\n            id=\"{{ item.id }}\"\r\n            [ngClass]=\"{\r\n              'ng-invalid ng-dirty':\r\n                validateForm && control.controls[item.formControl].errors\r\n            }\"\r\n            placeholder=\"{{ item.placeholder }}\"\r\n            *ngIf=\"item.type === 'password'\"\r\n            [feedback]=\"false\"\r\n            formControlName=\"{{ item.formControl }}\"\r\n            (onChange)=\"onChange(item.onChange)\"\r\n            styleClass=\"w-full\"\r\n            [toggleMask]=\"true\"\r\n          ></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>\r\n              V\u00EDdeo n\u00E3o dispon\u00EDvel.\r\n            </video>\r\n            <canvas id=\"canvas\" class=\"foto\" style=\"display: none\"></canvas>\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-times\"\r\n              class=\"remove-file\"\r\n              id=\"icon-remove\"\r\n              [rounded]=\"true\"\r\n              style=\"visibility: collapse\"\r\n              (click)=\"removePhoto()\"\r\n            ></button>\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-camera\"\r\n              [rounded]=\"true\"\r\n              (click)=\"capturePhoto(item.formControl)\"\r\n              id=\"button\"\r\n            ></button>\r\n          </div>\r\n\r\n          <!-- likert  -->\r\n          <p-table\r\n            id=\"{{ item.id }}\"\r\n            *ngIf=\"item.type === 'likert'\"\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          >\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\r\n              pTemplate=\"body\"\r\n              let-row\r\n              let-rowIndex=\"rowIndex\"\r\n              let-columns=\"columns\"\r\n              formArrayName=\"{{ item.formControl }}\"\r\n            >\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\r\n                    value=\"{{ columns[index].field }}+{{ row }}\"\r\n                    formControlName=\"question{{ rowIndex }}\"\r\n                  />\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 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\r\n            <!-- Corpo da tabela -->\r\n            <ng-template\r\n              pTemplate=\"body\"\r\n              let-row\r\n              let-rowIndex=\"rowIndex\"\r\n              let-columns=\"columns\"\r\n              formArrayName=\"{{ item.formControl }}\"\r\n              let-editing=\"editing\"\r\n            >\r\n              <tr>\r\n                <td>{{ row }}</td>\r\n                @for (control of columns; track item; let index = $index) {\r\n                <td\r\n                  [formGroupName]=\"rowIndex\"\r\n                  [pEditableColumn]=\"row\"\r\n                  pEditableColumnField=\"row\"\r\n                >\r\n                  <p-cellEditor>\r\n                    <ng-template pTemplate=\"input\">\r\n                      <input\r\n                        pInputText\r\n                        type=\"text\"\r\n                        formControlName=\"_{{ control.field }}question{{\r\n                          rowIndex\r\n                        }}\"\r\n                      />\r\n                    </ng-template>\r\n                    <ng-template pTemplate=\"output\">\r\n                      <input\r\n                        pInputText\r\n                        type=\"text\"\r\n                        formControlName=\"_{{ control.field }}question{{\r\n                          rowIndex\r\n                        }}\"\r\n                      />\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          <!-- valida\u00E7\u00E3o de item -->\r\n          <div>\r\n            <small\r\n              class=\"danger-text\"\r\n              *ngIf=\"validateForm && control.controls[item.formControl] && control.controls[item.formControl].errors?.['required']\"\r\n            >\r\n              Campo obrigat\u00F3rio\r\n            </small>\r\n            <small\r\n              class=\"danger-text\"\r\n              *ngIf=\"validateForm && control.controls[item.formControl] && control.controls[item.formControl].errors?.['email']\"\r\n            >\r\n              Email inv\u00E1lido\r\n            </small>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <p-divider\r\n        *ngIf=\"\r\n          (buttonsStandard && buttonsStandard.length > 0) ||\r\n          (buttonsOptional && buttonsOptional.length > 0)\r\n        \"\r\n      ></p-divider>\r\n\r\n      <div class=\"buttons-form\">\r\n        <div *ngFor=\"let button of buttonsStandard\">\r\n          <p-button\r\n            *ngIf=\"button.type === 'clean'\"\r\n            styleClass=\"p-button-warning {{ button.styleClass }}\"\r\n            label=\"Limpar\"\r\n            (click)=\"button.onCLick()\"\r\n            icon=\"pi pi-times\"\r\n          ></p-button>\r\n          <p-button\r\n            *ngIf=\"button.type === 'filter'\"\r\n            styleClass=\"{{ button.styleClass }}\"\r\n            label=\"Filtrar\"\r\n            (click)=\"button.onCLick()\"\r\n            icon=\"pi pi-search\"\r\n          ></p-button>\r\n          <p-button\r\n            *ngIf=\"button.type === 'save'\"\r\n            styleClass=\"p-button-success {{ button.styleClass }}\"\r\n            label=\"Salvar\"\r\n            (click)=\"button.onCLick()\"\r\n            icon=\"pi pi-save\"\r\n          ></p-button>\r\n          <p-button\r\n            *ngIf=\"button.type === 'cancel'\"\r\n            styleClass=\"p-button-danger {{ button.styleClass }}\"\r\n            label=\"Cancelar\"\r\n            (click)=\"button.onCLick()\"\r\n            icon=\"pi pi-times\"\r\n          ></p-button>\r\n        </div>\r\n        <div *ngFor=\"let button of buttonsOptional\">\r\n          <p-button\r\n            styleClass=\"{{ button.styleClass }}\"\r\n            label=\"{{ button.label }}\"\r\n            (click)=\"button.onCLick()\"\r\n            icon=\"{{ button.icon }}\"\r\n          ></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,
+            EditorModule, 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,
+            EditorModule,
+            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,
+                        EditorModule,
+                        TranslateModule.forRoot({
+                            loader: {
+                                provide: TranslateLoader,
+                                useFactory: HttpLoaderFactory,
+                                deps: [HttpClient]
+                            },
+                        })
+                    ],
+                    exports: [
+                        FormDynamicAngularComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of form-dynamic-ajax
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormDynamicAngularComponent, FormDynamicAngularModule, HttpLoaderFactory };
+//# sourceMappingURL=form-dynamic-ajax.mjs.map