@ngx-smz/core 21.1.14 → 21.1.16

package/fesm2022/ngx-smz-core.mjs

@@ -3720,11 +3720,11 @@ class FileUploadComponent {
         return '.' + file.name.split('.').pop();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FileUploadComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$6.Store }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: FileUploadComponent, isStandalone: false, selector: "smz-file-upload", inputs: { input: "input", form: "form", control: "control", behaviors: "behaviors" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<smz-label\r\n  class=\"smz__input_name\"\r\n  [text]=\"input.name\"\r\n  [propertyName]=\"input.propertyName\"\r\n  [showLabel]=\"input.hideLabel != true\"\r\n  [warning]=\"input.warning?.()\"\r\n  [help]=\"input.tooltip?.()\"\r\n    [popover]=\"input.popover?.()\">\r\n</smz-label>\r\n\r\n<!-- ZONA DE DROPPING -->\r\n@if (input._file == null) {\r\n  <div SmzDragDrop (fileDropped)=\"input.isDisabled ? notAllowed() : onFilesDropped($event, true, true, this.cdf)\" class=\"file_upload__drag-container grid grid-nogutter items-center justify-center mt-1  mb-1\">\r\n    <div class=\"grid grid-nogutter flex-col items-center justify-center pt-3 pb-3\">\r\n      <!-- ICONE DE UPLOAD -->\r\n      <i [ngClass]=\"input.dragIconClass\" class=\"text-4xl mb-2\"></i>\r\n      <span class=\"grid grid-nogutter gap-2\">\r\n        <!-- INPUT DE UPLOAD MANUAL -->\r\n        <input type=\"file\" [name]=\"uploadControl\" class=\"upload_manual_control\" [attr.disabled]=\"input.isDisabled\" [accept]=\"input.fileAccept\" [id]=\"uploadControl\" (change)=\"onInputFiles($event)\" />\r\n        <!-- BOT\u00C3O PARA SELECIONAR ARQUIVO -->\r\n        <label [for]=\"uploadControl\" [ngClass]=\"{ 'text-gray-500' : input.isDisabled,'clickable upload_manual_label hvr hvr-grow': !input.isDisabled }\">{{ input.inputMessage }}</label>\r\n        <!-- MENSAGEM PARA ARRASTAR -->\r\n        <span class=\"upload_field-drag-message\">ou {{ input.dragMessage }}</span>\r\n      </span>\r\n      <!-- MENSAGEM DE ERRO PARA SELE\u00C7\u00C3O DE ARQUIVO -->\r\n      @for (error of errors; track error) {\r\n        <p-message [ngStyle]=\"{ 'width': '100%;' }\" styleClass=\"dialog-messages\">\r\n          {{error}}\r\n        </p-message>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- CONTE\u00DADO COM ARQUIVO CARREGADO -->\r\n@if (input._file != null) {\r\n  <div class=\"grid grid-nogutter items-center justify-start flex-nowrap mt-1 mb-1 file_upload-container\">\r\n    <div class=\"upload_field\" [style.height]=\"input.thumbnailSize\" [style.width]=\"input.thumbnailSize\">\r\n      @switch (input._fileType) {\r\n        <!-- IMAGENS -->\r\n        @case ('image') {\r\n          <!-- THUMBNAIL DE IMAGENS -->\r\n          @if (input.base64) {\r\n            <img class=\"upload_field-img mr-3\" [src]=\"input.base64 | safeUrl\"/>\r\n          }\r\n          <!-- ZOOM PARA IMAGENS -->\r\n          <div class=\"upload_field__actions\">\r\n            <div class=\"grid grid-nogutter items-center justify-end mr-2 mt-2\">\r\n              @if (input.allowZoom) {\r\n                <i class=\"fa-solid fa-magnifying-glass-plus upload_field__actions_icon hvr hvr-grow text-white clickable\" (click)=\"applyZoom()\"></i>\r\n              }\r\n            </div>\r\n          </div>\r\n        }\r\n        <!-- APLICA\u00C7\u00D5ES -->\r\n        @case ('application') {\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <!-- THUMBNAIL DE APLICA\u00C7\u00D5ES -->\r\n            @switch (input._fileExtension) {\r\n              @case ('.pdf') {\r\n                <i class=\"fa-solid fa-file-pdf\"></i>\r\n              }\r\n              @case ('.doc') {\r\n                <i class=\"fa-solid fa-file-word\"></i>\r\n              }\r\n              @case ('.docx') {\r\n                <i class=\"fa-solid fa-file-word\"></i>\r\n              }\r\n              @case ('.ppt') {\r\n                <i class=\"fa-solid fa-file-powerpoint\"></i>\r\n              }\r\n              @case ('.pptx') {\r\n                <i class=\"fa-solid fa-file-powerpoint\"></i>\r\n              }\r\n              @case ('.xls') {\r\n                <i class=\"fa-solid fa-file-excel\"></i>\r\n              }\r\n              @case ('.xlsx') {\r\n                <i class=\"fa-solid fa-file-excel\"></i>\r\n              }\r\n              @case ('.zip') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.7zip') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.rar') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.txt') {\r\n                <i class=\"fa-solid fa-file-lines\"></i>\r\n              }\r\n              @default {\r\n                <i class=\"fa-solid fa-file\"></i>\r\n              }\r\n            }\r\n          </div>\r\n          <!-- ZOOM PARA PDF -->\r\n          @if (input._fileExtension === '.pdf') {\r\n            <div class=\"upload_field__actions\">\r\n              <div class=\"grid grid-nogutter items-center justify-end mr-2 mt-2\">\r\n                @if (input.allowZoom) {\r\n                  <i class=\"fa-solid fa-magnifying-glass-plus upload_field__actions_icon hvr hvr-grow text-white clickable\" (click)=\"applyZoom()\"></i>\r\n                }\r\n              </div>\r\n            </div>\r\n          }\r\n        }\r\n        <!-- V\u00CDDEOS -->\r\n        @case ('video') {\r\n          <!-- THUMBNAIL DE V\u00CDDEOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file-video\"></i>\r\n          </div>\r\n        }\r\n        <!-- AUDIOS -->\r\n        @case ('audio') {\r\n          <!-- THUMBNAIL DE AUDIOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file-audio\"></i>\r\n          </div>\r\n        }\r\n        <!-- OUTROS -->\r\n        @default {\r\n          <!-- THUMBNAIL GENERICOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file\"></i>\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n    <!-- NOME E TAMANHO DO ARQUIVO -->\r\n    <div class=\"grid grid-nogutter flex-col items-start justify-end ml-3\">\r\n      <span>{{ input._file.name | fileNameShorten : input.shortenLength : input.shortenSeparator }} <i class=\"far fa-trash-alt hvr hvr-grow text-red-500 clickable ml-2 mb-1 cursor-pointer\" (click)=\"clear(true)\"></i></span>\r\n      @if (input.showFileSize) {\r\n        <span><small>{{ formatBytes(input._file.size) }}</small></span>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- MENSAGEM DE ERRO DE VALIDA\u00C7\u00C3O DO FORM -->\r\n<smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\r\n\r\n@if (isZoomActive) {\r\n  <div class=\"upload_field__fullscreen-image\">\r\n    <!-- VISUALIZA\u00C7\u00C3O FULLSCREEN DE PDF -->\r\n    @if (input._fileExtension === '.pdf') {\r\n      @if (input.base64) {\r\n        <iframe [src]=\"input.base64 | safeUrl\" class=\"animate__animated animate__zoomIn animate__faster\" width=\"100%\" height=\"100%\" frameborder=\"0\"></iframe>\r\n      }\r\n    } @else {\r\n      @if (input.base64) {\r\n        <img class=\"animate__animated animate__zoomIn animate__faster\" [src]=\"input.base64 | safeUrl\" height=\"100%\" width=\"100%\"/>\r\n      }\r\n    }\r\n    <!-- VISUALIZA\u00C7\u00C3O FULLSCREEN DE IMAGENS -->\r\n    <!-- ICONE DE SAIR DO FULLSCREEN -->\r\n    <i class=\"far fa-times-circle clickable m-4 hvr hvr-grow text-4xl text-white\" (click)=\"restoreZoom()\"></i>\r\n  </div>\r\n}", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$2.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }, { kind: "component", type: LabelComponent, selector: "smz-label", inputs: ["text", "propertyName", "showLabel", "warning", "help", "popover"] }, { kind: "component", type: ValidationMessagesComponent, selector: "smz-validation-messages", inputs: ["input", "control", "behaviors", "extraMessages"] }, { kind: "directive", type: FileDragDropDirective, selector: "[SmzDragDrop]", outputs: ["fileDropped"] }, { kind: "pipe", type: SafeUrlPipe$1, name: "safeUrl" }, { kind: "pipe", type: FileNameShortenPipe, name: "fileNameShorten" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: FileUploadComponent, isStandalone: false, selector: "smz-file-upload", inputs: { input: "input", form: "form", control: "control", behaviors: "behaviors" }, outputs: { selectChange: "selectChange" }, ngImport: i0, template: "<smz-label\r\n  class=\"smz__input_name\"\r\n  [text]=\"input.name\"\r\n  [propertyName]=\"input.propertyName\"\r\n  [showLabel]=\"input.hideLabel != true\"\r\n  [warning]=\"input.warning?.()\"\r\n  [help]=\"input.tooltip?.()\"\r\n    [popover]=\"input.popover?.()\">\r\n</smz-label>\r\n\r\n<!-- ZONA DE DROPPING -->\r\n@if (input._file == null) {\r\n  <div SmzDragDrop (fileDropped)=\"input.isDisabled ? notAllowed() : onFilesDropped($event, true, true, this.cdf)\" class=\"file_upload__drag-container grid grid-nogutter items-center justify-center mt-1  mb-1\">\r\n    <div class=\"grid grid-nogutter flex-col items-center justify-center pt-3 pb-3\">\r\n      <!-- ICONE DE UPLOAD -->\r\n      <i [ngClass]=\"input.dragIconClass\" class=\"text-4xl mb-2\"></i>\r\n      <span class=\"grid grid-nogutter gap-2\">\r\n        <!-- INPUT DE UPLOAD MANUAL -->\r\n        <input type=\"file\" [name]=\"uploadControl\" class=\"upload_manual_control\" [attr.disabled]=\"input.isDisabled\" [accept]=\"input.fileAccept\" [id]=\"uploadControl\" (change)=\"onInputFiles($event)\" />\r\n        <!-- BOT\u00C3O PARA SELECIONAR ARQUIVO -->\r\n        <label [for]=\"uploadControl\" [ngClass]=\"{ 'text-gray-500' : input.isDisabled,'clickable upload_manual_label hvr hvr-grow': !input.isDisabled }\">{{ input.inputMessage }}</label>\r\n        <!-- MENSAGEM PARA ARRASTAR -->\r\n        <span class=\"upload_field-drag-message\">ou {{ input.dragMessage }}</span>\r\n      </span>\r\n      <!-- MENSAGEM DE ERRO PARA SELE\u00C7\u00C3O DE ARQUIVO -->\r\n      @for (error of errors; track error) {\r\n        <p-message [ngStyle]=\"{ 'width': '100%;' }\" styleClass=\"dialog-messages\" [severity]=\"$any(error?.severity)\">\r\n          {{ error?.detail ?? error?.summary ?? 'Erro desconhecido' }}\r\n        </p-message>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- CONTE\u00DADO COM ARQUIVO CARREGADO -->\r\n@if (input._file != null) {\r\n  <div class=\"grid grid-nogutter items-center justify-start flex-nowrap mt-1 mb-1 file_upload-container\">\r\n    <div class=\"upload_field\" [style.height]=\"input.thumbnailSize\" [style.width]=\"input.thumbnailSize\">\r\n      @switch (input._fileType) {\r\n        <!-- IMAGENS -->\r\n        @case ('image') {\r\n          <!-- THUMBNAIL DE IMAGENS -->\r\n          @if (input.base64) {\r\n            <img class=\"upload_field-img mr-3\" [src]=\"input.base64 | safeUrl\"/>\r\n          }\r\n          <!-- ZOOM PARA IMAGENS -->\r\n          <div class=\"upload_field__actions\">\r\n            <div class=\"grid grid-nogutter items-center justify-end mr-2 mt-2\">\r\n              @if (input.allowZoom) {\r\n                <i class=\"fa-solid fa-magnifying-glass-plus upload_field__actions_icon hvr hvr-grow text-white clickable\" (click)=\"applyZoom()\"></i>\r\n              }\r\n            </div>\r\n          </div>\r\n        }\r\n        <!-- APLICA\u00C7\u00D5ES -->\r\n        @case ('application') {\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <!-- THUMBNAIL DE APLICA\u00C7\u00D5ES -->\r\n            @switch (input._fileExtension) {\r\n              @case ('.pdf') {\r\n                <i class=\"fa-solid fa-file-pdf\"></i>\r\n              }\r\n              @case ('.doc') {\r\n                <i class=\"fa-solid fa-file-word\"></i>\r\n              }\r\n              @case ('.docx') {\r\n                <i class=\"fa-solid fa-file-word\"></i>\r\n              }\r\n              @case ('.ppt') {\r\n                <i class=\"fa-solid fa-file-powerpoint\"></i>\r\n              }\r\n              @case ('.pptx') {\r\n                <i class=\"fa-solid fa-file-powerpoint\"></i>\r\n              }\r\n              @case ('.xls') {\r\n                <i class=\"fa-solid fa-file-excel\"></i>\r\n              }\r\n              @case ('.xlsx') {\r\n                <i class=\"fa-solid fa-file-excel\"></i>\r\n              }\r\n              @case ('.zip') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.7zip') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.rar') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.txt') {\r\n                <i class=\"fa-solid fa-file-lines\"></i>\r\n              }\r\n              @default {\r\n                <i class=\"fa-solid fa-file\"></i>\r\n              }\r\n            }\r\n          </div>\r\n          <!-- ZOOM PARA PDF -->\r\n          @if (input._fileExtension === '.pdf') {\r\n            <div class=\"upload_field__actions\">\r\n              <div class=\"grid grid-nogutter items-center justify-end mr-2 mt-2\">\r\n                @if (input.allowZoom) {\r\n                  <i class=\"fa-solid fa-magnifying-glass-plus upload_field__actions_icon hvr hvr-grow text-white clickable\" (click)=\"applyZoom()\"></i>\r\n                }\r\n              </div>\r\n            </div>\r\n          }\r\n        }\r\n        <!-- V\u00CDDEOS -->\r\n        @case ('video') {\r\n          <!-- THUMBNAIL DE V\u00CDDEOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file-video\"></i>\r\n          </div>\r\n        }\r\n        <!-- AUDIOS -->\r\n        @case ('audio') {\r\n          <!-- THUMBNAIL DE AUDIOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file-audio\"></i>\r\n          </div>\r\n        }\r\n        <!-- OUTROS -->\r\n        @default {\r\n          <!-- THUMBNAIL GENERICOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file\"></i>\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n    <!-- NOME E TAMANHO DO ARQUIVO -->\r\n    <div class=\"grid grid-nogutter flex-col items-start justify-end ml-3\">\r\n      <span>{{ input._file.name | fileNameShorten : input.shortenLength : input.shortenSeparator }} <i class=\"far fa-trash-alt hvr hvr-grow text-red-500 clickable ml-2 mb-1 cursor-pointer\" (click)=\"clear(true)\"></i></span>\r\n      @if (input.showFileSize) {\r\n        <span><small>{{ formatBytes(input._file.size) }}</small></span>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- MENSAGEM DE ERRO DE VALIDA\u00C7\u00C3O DO FORM -->\r\n<smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\r\n\r\n@if (isZoomActive) {\r\n  <div class=\"upload_field__fullscreen-image\">\r\n    <!-- VISUALIZA\u00C7\u00C3O FULLSCREEN DE PDF -->\r\n    @if (input._fileExtension === '.pdf') {\r\n      @if (input.base64) {\r\n        <iframe [src]=\"input.base64 | safeUrl\" class=\"animate__animated animate__zoomIn animate__faster\" width=\"100%\" height=\"100%\" frameborder=\"0\"></iframe>\r\n      }\r\n    } @else {\r\n      @if (input.base64) {\r\n        <img class=\"animate__animated animate__zoomIn animate__faster\" [src]=\"input.base64 | safeUrl\" height=\"100%\" width=\"100%\"/>\r\n      }\r\n    }\r\n    <!-- VISUALIZA\u00C7\u00C3O FULLSCREEN DE IMAGENS -->\r\n    <!-- ICONE DE SAIR DO FULLSCREEN -->\r\n    <i class=\"far fa-times-circle clickable m-4 hvr hvr-grow text-4xl text-white\" (click)=\"restoreZoom()\"></i>\r\n  </div>\r\n}", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$2.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }, { kind: "component", type: LabelComponent, selector: "smz-label", inputs: ["text", "propertyName", "showLabel", "warning", "help", "popover"] }, { kind: "component", type: ValidationMessagesComponent, selector: "smz-validation-messages", inputs: ["input", "control", "behaviors", "extraMessages"] }, { kind: "directive", type: FileDragDropDirective, selector: "[SmzDragDrop]", outputs: ["fileDropped"] }, { kind: "pipe", type: SafeUrlPipe$1, name: "safeUrl" }, { kind: "pipe", type: FileNameShortenPipe, name: "fileNameShorten" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smz-file-upload', standalone: false, template: "<smz-label\r\n  class=\"smz__input_name\"\r\n  [text]=\"input.name\"\r\n  [propertyName]=\"input.propertyName\"\r\n  [showLabel]=\"input.hideLabel != true\"\r\n  [warning]=\"input.warning?.()\"\r\n  [help]=\"input.tooltip?.()\"\r\n    [popover]=\"input.popover?.()\">\r\n</smz-label>\r\n\r\n<!-- ZONA DE DROPPING -->\r\n@if (input._file == null) {\r\n  <div SmzDragDrop (fileDropped)=\"input.isDisabled ? notAllowed() : onFilesDropped($event, true, true, this.cdf)\" class=\"file_upload__drag-container grid grid-nogutter items-center justify-center mt-1  mb-1\">\r\n    <div class=\"grid grid-nogutter flex-col items-center justify-center pt-3 pb-3\">\r\n      <!-- ICONE DE UPLOAD -->\r\n      <i [ngClass]=\"input.dragIconClass\" class=\"text-4xl mb-2\"></i>\r\n      <span class=\"grid grid-nogutter gap-2\">\r\n        <!-- INPUT DE UPLOAD MANUAL -->\r\n        <input type=\"file\" [name]=\"uploadControl\" class=\"upload_manual_control\" [attr.disabled]=\"input.isDisabled\" [accept]=\"input.fileAccept\" [id]=\"uploadControl\" (change)=\"onInputFiles($event)\" />\r\n        <!-- BOT\u00C3O PARA SELECIONAR ARQUIVO -->\r\n        <label [for]=\"uploadControl\" [ngClass]=\"{ 'text-gray-500' : input.isDisabled,'clickable upload_manual_label hvr hvr-grow': !input.isDisabled }\">{{ input.inputMessage }}</label>\r\n        <!-- MENSAGEM PARA ARRASTAR -->\r\n        <span class=\"upload_field-drag-message\">ou {{ input.dragMessage }}</span>\r\n      </span>\r\n      <!-- MENSAGEM DE ERRO PARA SELE\u00C7\u00C3O DE ARQUIVO -->\r\n      @for (error of errors; track error) {\r\n        <p-message [ngStyle]=\"{ 'width': '100%;' }\" styleClass=\"dialog-messages\">\r\n          {{error}}\r\n        </p-message>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- CONTE\u00DADO COM ARQUIVO CARREGADO -->\r\n@if (input._file != null) {\r\n  <div class=\"grid grid-nogutter items-center justify-start flex-nowrap mt-1 mb-1 file_upload-container\">\r\n    <div class=\"upload_field\" [style.height]=\"input.thumbnailSize\" [style.width]=\"input.thumbnailSize\">\r\n      @switch (input._fileType) {\r\n        <!-- IMAGENS -->\r\n        @case ('image') {\r\n          <!-- THUMBNAIL DE IMAGENS -->\r\n          @if (input.base64) {\r\n            <img class=\"upload_field-img mr-3\" [src]=\"input.base64 | safeUrl\"/>\r\n          }\r\n          <!-- ZOOM PARA IMAGENS -->\r\n          <div class=\"upload_field__actions\">\r\n            <div class=\"grid grid-nogutter items-center justify-end mr-2 mt-2\">\r\n              @if (input.allowZoom) {\r\n                <i class=\"fa-solid fa-magnifying-glass-plus upload_field__actions_icon hvr hvr-grow text-white clickable\" (click)=\"applyZoom()\"></i>\r\n              }\r\n            </div>\r\n          </div>\r\n        }\r\n        <!-- APLICA\u00C7\u00D5ES -->\r\n        @case ('application') {\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <!-- THUMBNAIL DE APLICA\u00C7\u00D5ES -->\r\n            @switch (input._fileExtension) {\r\n              @case ('.pdf') {\r\n                <i class=\"fa-solid fa-file-pdf\"></i>\r\n              }\r\n              @case ('.doc') {\r\n                <i class=\"fa-solid fa-file-word\"></i>\r\n              }\r\n              @case ('.docx') {\r\n                <i class=\"fa-solid fa-file-word\"></i>\r\n              }\r\n              @case ('.ppt') {\r\n                <i class=\"fa-solid fa-file-powerpoint\"></i>\r\n              }\r\n              @case ('.pptx') {\r\n                <i class=\"fa-solid fa-file-powerpoint\"></i>\r\n              }\r\n              @case ('.xls') {\r\n                <i class=\"fa-solid fa-file-excel\"></i>\r\n              }\r\n              @case ('.xlsx') {\r\n                <i class=\"fa-solid fa-file-excel\"></i>\r\n              }\r\n              @case ('.zip') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.7zip') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.rar') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.txt') {\r\n                <i class=\"fa-solid fa-file-lines\"></i>\r\n              }\r\n              @default {\r\n                <i class=\"fa-solid fa-file\"></i>\r\n              }\r\n            }\r\n          </div>\r\n          <!-- ZOOM PARA PDF -->\r\n          @if (input._fileExtension === '.pdf') {\r\n            <div class=\"upload_field__actions\">\r\n              <div class=\"grid grid-nogutter items-center justify-end mr-2 mt-2\">\r\n                @if (input.allowZoom) {\r\n                  <i class=\"fa-solid fa-magnifying-glass-plus upload_field__actions_icon hvr hvr-grow text-white clickable\" (click)=\"applyZoom()\"></i>\r\n                }\r\n              </div>\r\n            </div>\r\n          }\r\n        }\r\n        <!-- V\u00CDDEOS -->\r\n        @case ('video') {\r\n          <!-- THUMBNAIL DE V\u00CDDEOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file-video\"></i>\r\n          </div>\r\n        }\r\n        <!-- AUDIOS -->\r\n        @case ('audio') {\r\n          <!-- THUMBNAIL DE AUDIOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file-audio\"></i>\r\n          </div>\r\n        }\r\n        <!-- OUTROS -->\r\n        @default {\r\n          <!-- THUMBNAIL GENERICOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file\"></i>\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n    <!-- NOME E TAMANHO DO ARQUIVO -->\r\n    <div class=\"grid grid-nogutter flex-col items-start justify-end ml-3\">\r\n      <span>{{ input._file.name | fileNameShorten : input.shortenLength : input.shortenSeparator }} <i class=\"far fa-trash-alt hvr hvr-grow text-red-500 clickable ml-2 mb-1 cursor-pointer\" (click)=\"clear(true)\"></i></span>\r\n      @if (input.showFileSize) {\r\n        <span><small>{{ formatBytes(input._file.size) }}</small></span>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- MENSAGEM DE ERRO DE VALIDA\u00C7\u00C3O DO FORM -->\r\n<smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\r\n\r\n@if (isZoomActive) {\r\n  <div class=\"upload_field__fullscreen-image\">\r\n    <!-- VISUALIZA\u00C7\u00C3O FULLSCREEN DE PDF -->\r\n    @if (input._fileExtension === '.pdf') {\r\n      @if (input.base64) {\r\n        <iframe [src]=\"input.base64 | safeUrl\" class=\"animate__animated animate__zoomIn animate__faster\" width=\"100%\" height=\"100%\" frameborder=\"0\"></iframe>\r\n      }\r\n    } @else {\r\n      @if (input.base64) {\r\n        <img class=\"animate__animated animate__zoomIn animate__faster\" [src]=\"input.base64 | safeUrl\" height=\"100%\" width=\"100%\"/>\r\n      }\r\n    }\r\n    <!-- VISUALIZA\u00C7\u00C3O FULLSCREEN DE IMAGENS -->\r\n    <!-- ICONE DE SAIR DO FULLSCREEN -->\r\n    <i class=\"far fa-times-circle clickable m-4 hvr hvr-grow text-4xl text-white\" (click)=\"restoreZoom()\"></i>\r\n  </div>\r\n}" }]
+            args: [{ selector: 'smz-file-upload', standalone: false, template: "<smz-label\r\n  class=\"smz__input_name\"\r\n  [text]=\"input.name\"\r\n  [propertyName]=\"input.propertyName\"\r\n  [showLabel]=\"input.hideLabel != true\"\r\n  [warning]=\"input.warning?.()\"\r\n  [help]=\"input.tooltip?.()\"\r\n    [popover]=\"input.popover?.()\">\r\n</smz-label>\r\n\r\n<!-- ZONA DE DROPPING -->\r\n@if (input._file == null) {\r\n  <div SmzDragDrop (fileDropped)=\"input.isDisabled ? notAllowed() : onFilesDropped($event, true, true, this.cdf)\" class=\"file_upload__drag-container grid grid-nogutter items-center justify-center mt-1  mb-1\">\r\n    <div class=\"grid grid-nogutter flex-col items-center justify-center pt-3 pb-3\">\r\n      <!-- ICONE DE UPLOAD -->\r\n      <i [ngClass]=\"input.dragIconClass\" class=\"text-4xl mb-2\"></i>\r\n      <span class=\"grid grid-nogutter gap-2\">\r\n        <!-- INPUT DE UPLOAD MANUAL -->\r\n        <input type=\"file\" [name]=\"uploadControl\" class=\"upload_manual_control\" [attr.disabled]=\"input.isDisabled\" [accept]=\"input.fileAccept\" [id]=\"uploadControl\" (change)=\"onInputFiles($event)\" />\r\n        <!-- BOT\u00C3O PARA SELECIONAR ARQUIVO -->\r\n        <label [for]=\"uploadControl\" [ngClass]=\"{ 'text-gray-500' : input.isDisabled,'clickable upload_manual_label hvr hvr-grow': !input.isDisabled }\">{{ input.inputMessage }}</label>\r\n        <!-- MENSAGEM PARA ARRASTAR -->\r\n        <span class=\"upload_field-drag-message\">ou {{ input.dragMessage }}</span>\r\n      </span>\r\n      <!-- MENSAGEM DE ERRO PARA SELE\u00C7\u00C3O DE ARQUIVO -->\r\n      @for (error of errors; track error) {\r\n        <p-message [ngStyle]=\"{ 'width': '100%;' }\" styleClass=\"dialog-messages\" [severity]=\"$any(error?.severity)\">\r\n          {{ error?.detail ?? error?.summary ?? 'Erro desconhecido' }}\r\n        </p-message>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- CONTE\u00DADO COM ARQUIVO CARREGADO -->\r\n@if (input._file != null) {\r\n  <div class=\"grid grid-nogutter items-center justify-start flex-nowrap mt-1 mb-1 file_upload-container\">\r\n    <div class=\"upload_field\" [style.height]=\"input.thumbnailSize\" [style.width]=\"input.thumbnailSize\">\r\n      @switch (input._fileType) {\r\n        <!-- IMAGENS -->\r\n        @case ('image') {\r\n          <!-- THUMBNAIL DE IMAGENS -->\r\n          @if (input.base64) {\r\n            <img class=\"upload_field-img mr-3\" [src]=\"input.base64 | safeUrl\"/>\r\n          }\r\n          <!-- ZOOM PARA IMAGENS -->\r\n          <div class=\"upload_field__actions\">\r\n            <div class=\"grid grid-nogutter items-center justify-end mr-2 mt-2\">\r\n              @if (input.allowZoom) {\r\n                <i class=\"fa-solid fa-magnifying-glass-plus upload_field__actions_icon hvr hvr-grow text-white clickable\" (click)=\"applyZoom()\"></i>\r\n              }\r\n            </div>\r\n          </div>\r\n        }\r\n        <!-- APLICA\u00C7\u00D5ES -->\r\n        @case ('application') {\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <!-- THUMBNAIL DE APLICA\u00C7\u00D5ES -->\r\n            @switch (input._fileExtension) {\r\n              @case ('.pdf') {\r\n                <i class=\"fa-solid fa-file-pdf\"></i>\r\n              }\r\n              @case ('.doc') {\r\n                <i class=\"fa-solid fa-file-word\"></i>\r\n              }\r\n              @case ('.docx') {\r\n                <i class=\"fa-solid fa-file-word\"></i>\r\n              }\r\n              @case ('.ppt') {\r\n                <i class=\"fa-solid fa-file-powerpoint\"></i>\r\n              }\r\n              @case ('.pptx') {\r\n                <i class=\"fa-solid fa-file-powerpoint\"></i>\r\n              }\r\n              @case ('.xls') {\r\n                <i class=\"fa-solid fa-file-excel\"></i>\r\n              }\r\n              @case ('.xlsx') {\r\n                <i class=\"fa-solid fa-file-excel\"></i>\r\n              }\r\n              @case ('.zip') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.7zip') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.rar') {\r\n                <i class=\"fa-solid fa-file-zipper\"></i>\r\n              }\r\n              @case ('.txt') {\r\n                <i class=\"fa-solid fa-file-lines\"></i>\r\n              }\r\n              @default {\r\n                <i class=\"fa-solid fa-file\"></i>\r\n              }\r\n            }\r\n          </div>\r\n          <!-- ZOOM PARA PDF -->\r\n          @if (input._fileExtension === '.pdf') {\r\n            <div class=\"upload_field__actions\">\r\n              <div class=\"grid grid-nogutter items-center justify-end mr-2 mt-2\">\r\n                @if (input.allowZoom) {\r\n                  <i class=\"fa-solid fa-magnifying-glass-plus upload_field__actions_icon hvr hvr-grow text-white clickable\" (click)=\"applyZoom()\"></i>\r\n                }\r\n              </div>\r\n            </div>\r\n          }\r\n        }\r\n        <!-- V\u00CDDEOS -->\r\n        @case ('video') {\r\n          <!-- THUMBNAIL DE V\u00CDDEOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file-video\"></i>\r\n          </div>\r\n        }\r\n        <!-- AUDIOS -->\r\n        @case ('audio') {\r\n          <!-- THUMBNAIL DE AUDIOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file-audio\"></i>\r\n          </div>\r\n        }\r\n        <!-- OUTROS -->\r\n        @default {\r\n          <!-- THUMBNAIL GENERICOS -->\r\n          <div class=\"upload_field-generic h-full w-full grid grid-nogutter items-center text-5xl justify-center mr-3\">\r\n            <i class=\"fa-solid fa-file\"></i>\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n    <!-- NOME E TAMANHO DO ARQUIVO -->\r\n    <div class=\"grid grid-nogutter flex-col items-start justify-end ml-3\">\r\n      <span>{{ input._file.name | fileNameShorten : input.shortenLength : input.shortenSeparator }} <i class=\"far fa-trash-alt hvr hvr-grow text-red-500 clickable ml-2 mb-1 cursor-pointer\" (click)=\"clear(true)\"></i></span>\r\n      @if (input.showFileSize) {\r\n        <span><small>{{ formatBytes(input._file.size) }}</small></span>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- MENSAGEM DE ERRO DE VALIDA\u00C7\u00C3O DO FORM -->\r\n<smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\r\n\r\n@if (isZoomActive) {\r\n  <div class=\"upload_field__fullscreen-image\">\r\n    <!-- VISUALIZA\u00C7\u00C3O FULLSCREEN DE PDF -->\r\n    @if (input._fileExtension === '.pdf') {\r\n      @if (input.base64) {\r\n        <iframe [src]=\"input.base64 | safeUrl\" class=\"animate__animated animate__zoomIn animate__faster\" width=\"100%\" height=\"100%\" frameborder=\"0\"></iframe>\r\n      }\r\n    } @else {\r\n      @if (input.base64) {\r\n        <img class=\"animate__animated animate__zoomIn animate__faster\" [src]=\"input.base64 | safeUrl\" height=\"100%\" width=\"100%\"/>\r\n      }\r\n    }\r\n    <!-- VISUALIZA\u00C7\u00C3O FULLSCREEN DE IMAGENS -->\r\n    <!-- ICONE DE SAIR DO FULLSCREEN -->\r\n    <i class=\"far fa-times-circle clickable m-4 hvr hvr-grow text-4xl text-white\" (click)=\"restoreZoom()\"></i>\r\n  </div>\r\n}" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$6.Store }], propDecorators: { input: [{
                 type: Input
             }], form: [{