ud-components 0.3.23 → 0.3.24

package/fesm2022/ud-components.mjs

@@ -2616,7 +2616,7 @@ class FileInputComponent {
         this.dialog.open(ModalComponent, dialogConfig);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FileInputComponent, deps: [{ token: i1$5.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: FileInputComponent, isStandalone: true, selector: "ud-file-input", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesSelected: "filesSelected" }, ngImport: i0, template: "<div class=\"mt-3\">\n  <ngx-file-drop\n    dropZoneLabel=\"Drop files here\"\n    (onFileDrop)=\"dropped($event)\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [directory]=\"false\">\n    <ng-template\n      ngx-file-drop-content-tmp\n      let-openFileSelector=\"openFileSelector\">\n      <button mat-button color=\"primary\" (click)=\"openFileSelector()\">\n        @if (icon) {\n          <mat-icon matPrefix>\n            {{ icon }}\n          </mat-icon>\n        }\n        <span class=\"text-wrap\">{{ label | translate | capitalize }}</span>\n      </button>\n    </ng-template>\n  </ngx-file-drop>\n  <div class=\"mt-3\">\n    @for (image of previewUrls; track $index) {\n      <div\n        class=\"d-flex justify-content-between align-items-center mb-2 p-1 file\">\n        @if (image) {\n          <div class=\"d-flex\">\n            @if (image.substring(0, 30).includes('pdf')) {\n              <iframe\n                [src]=\"image | safe\"\n                class=\"mr-3 border\"\n                allowFullscreen></iframe>\n            } @else {\n              <img\n                [src]=\"image\"\n                alt=\"\"\n                class=\"mr-3 border\"\n                (click)=\"openImageDialog($index)\" />\n            }\n          </div>\n        }\n        <button mat-icon-button (click)=\"removeFile($index)\">\n          <mat-icon fontSet=\"material-icons-outlined\"> cancel</mat-icon>\n        </button>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".cancel{padding:0;min-width:fit-content;height:fit-content;margin-left:-13px;margin-top:-12px}.cancel ::ng-deep .mat-button-wrapper{display:flex}.cancel ::ng-deep .mat-button-wrapper mat-icon{background:#fff;border-radius:20px}img,iframe{width:65px;height:65px;object-fit:cover;border-radius:10px;cursor:pointer}img:hover,iframe:hover{opacity:.6}.file{border:1px dashed #373f4c;border-radius:10px}\n"], dependencies: [{ kind: "ngmodule", type: NgxFileDropModule }, { kind: "component", type: i2$5.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }, { kind: "directive", type: i2$5.NgxFileDropContentTemplateDirective, selector: "[ngx-file-drop-content-tmp]" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "pipe", type: CapitalizePipe, name: "capitalize" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: SafePipe, name: "safe" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: FileInputComponent, isStandalone: true, selector: "ud-file-input", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesSelected: "filesSelected" }, ngImport: i0, template: "<div class=\"mt-3\">\n  <ngx-file-drop\n    dropZoneLabel=\"Drop files here\"\n    (onFileDrop)=\"dropped($event)\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [directory]=\"false\">\n    <ng-template\n      ngx-file-drop-content-tmp\n      let-openFileSelector=\"openFileSelector\">\n      <button mat-button color=\"primary\" type=\"button\" (click)=\"openFileSelector()\">\n        @if (icon) {\n          <mat-icon matPrefix>\n            {{ icon }}\n          </mat-icon>\n        }\n        <span class=\"text-wrap\">{{ label | translate | capitalize }}</span>\n      </button>\n    </ng-template>\n  </ngx-file-drop>\n  <div class=\"mt-3\">\n    @for (image of previewUrls; track $index) {\n      <div\n        class=\"d-flex justify-content-between align-items-center mb-2 p-1 file\">\n        @if (image) {\n          <div class=\"d-flex\">\n            @if (image.substring(0, 30).includes('pdf')) {\n              <iframe\n                [src]=\"image | safe\"\n                class=\"mr-3 border\"\n                allowFullscreen></iframe>\n            } @else {\n              <img\n                [src]=\"image\"\n                alt=\"\"\n                class=\"mr-3 border\"\n                (click)=\"openImageDialog($index)\" />\n            }\n          </div>\n        }\n        <button mat-icon-button type=\"button\" (click)=\"removeFile($index)\">\n          <mat-icon fontSet=\"material-icons-outlined\"> cancel</mat-icon>\n        </button>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".cancel{padding:0;min-width:fit-content;height:fit-content;margin-left:-13px;margin-top:-12px}.cancel ::ng-deep .mat-button-wrapper{display:flex}.cancel ::ng-deep .mat-button-wrapper mat-icon{background:#fff;border-radius:20px}img,iframe{width:65px;height:65px;object-fit:cover;border-radius:10px;cursor:pointer}img:hover,iframe:hover{opacity:.6}.file{border:1px dashed #373f4c;border-radius:10px}\n"], dependencies: [{ kind: "ngmodule", type: NgxFileDropModule }, { kind: "component", type: i2$5.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }, { kind: "directive", type: i2$5.NgxFileDropContentTemplateDirective, selector: "[ngx-file-drop-content-tmp]" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "pipe", type: CapitalizePipe, name: "capitalize" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: SafePipe, name: "safe" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FileInputComponent, decorators: [{
             type: Component,
@@ -2629,7 +2629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         TranslatePipe,
                         MatIconButton,
                         SafePipe,
-                    ], template: "<div class=\"mt-3\">\n  <ngx-file-drop\n    dropZoneLabel=\"Drop files here\"\n    (onFileDrop)=\"dropped($event)\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [directory]=\"false\">\n    <ng-template\n      ngx-file-drop-content-tmp\n      let-openFileSelector=\"openFileSelector\">\n      <button mat-button color=\"primary\" (click)=\"openFileSelector()\">\n        @if (icon) {\n          <mat-icon matPrefix>\n            {{ icon }}\n          </mat-icon>\n        }\n        <span class=\"text-wrap\">{{ label | translate | capitalize }}</span>\n      </button>\n    </ng-template>\n  </ngx-file-drop>\n  <div class=\"mt-3\">\n    @for (image of previewUrls; track $index) {\n      <div\n        class=\"d-flex justify-content-between align-items-center mb-2 p-1 file\">\n        @if (image) {\n          <div class=\"d-flex\">\n            @if (image.substring(0, 30).includes('pdf')) {\n              <iframe\n                [src]=\"image | safe\"\n                class=\"mr-3 border\"\n                allowFullscreen></iframe>\n            } @else {\n              <img\n                [src]=\"image\"\n                alt=\"\"\n                class=\"mr-3 border\"\n                (click)=\"openImageDialog($index)\" />\n            }\n          </div>\n        }\n        <button mat-icon-button (click)=\"removeFile($index)\">\n          <mat-icon fontSet=\"material-icons-outlined\"> cancel</mat-icon>\n        </button>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".cancel{padding:0;min-width:fit-content;height:fit-content;margin-left:-13px;margin-top:-12px}.cancel ::ng-deep .mat-button-wrapper{display:flex}.cancel ::ng-deep .mat-button-wrapper mat-icon{background:#fff;border-radius:20px}img,iframe{width:65px;height:65px;object-fit:cover;border-radius:10px;cursor:pointer}img:hover,iframe:hover{opacity:.6}.file{border:1px dashed #373f4c;border-radius:10px}\n"] }]
+                    ], template: "<div class=\"mt-3\">\n  <ngx-file-drop\n    dropZoneLabel=\"Drop files here\"\n    (onFileDrop)=\"dropped($event)\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [directory]=\"false\">\n    <ng-template\n      ngx-file-drop-content-tmp\n      let-openFileSelector=\"openFileSelector\">\n      <button mat-button color=\"primary\" type=\"button\" (click)=\"openFileSelector()\">\n        @if (icon) {\n          <mat-icon matPrefix>\n            {{ icon }}\n          </mat-icon>\n        }\n        <span class=\"text-wrap\">{{ label | translate | capitalize }}</span>\n      </button>\n    </ng-template>\n  </ngx-file-drop>\n  <div class=\"mt-3\">\n    @for (image of previewUrls; track $index) {\n      <div\n        class=\"d-flex justify-content-between align-items-center mb-2 p-1 file\">\n        @if (image) {\n          <div class=\"d-flex\">\n            @if (image.substring(0, 30).includes('pdf')) {\n              <iframe\n                [src]=\"image | safe\"\n                class=\"mr-3 border\"\n                allowFullscreen></iframe>\n            } @else {\n              <img\n                [src]=\"image\"\n                alt=\"\"\n                class=\"mr-3 border\"\n                (click)=\"openImageDialog($index)\" />\n            }\n          </div>\n        }\n        <button mat-icon-button type=\"button\" (click)=\"removeFile($index)\">\n          <mat-icon fontSet=\"material-icons-outlined\"> cancel</mat-icon>\n        </button>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".cancel{padding:0;min-width:fit-content;height:fit-content;margin-left:-13px;margin-top:-12px}.cancel ::ng-deep .mat-button-wrapper{display:flex}.cancel ::ng-deep .mat-button-wrapper mat-icon{background:#fff;border-radius:20px}img,iframe{width:65px;height:65px;object-fit:cover;border-radius:10px;cursor:pointer}img:hover,iframe:hover{opacity:.6}.file{border:1px dashed #373f4c;border-radius:10px}\n"] }]
         }], ctorParameters: () => [{ type: i1$5.MatDialog }], propDecorators: { accept: [{
                 type: Input
             }], label: [{