@winexist/ngp 0.12.1 → 0.12.2

package/fesm2022/winexist-ngp.mjs

@@ -1540,6 +1540,7 @@ class FileUploadViewerComponent {
                 {
                     icon: 'pi pi-trash',
                     title: 'Remove',
+                    disabled: this.isViewMode(),
                     command: () => this.removeFileFromGalleria(typedFile)
                 },
                 {
@@ -1747,11 +1748,11 @@ class FileUploadViewerComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FileUploadViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FileUploadViewerComponent, isStandalone: true, selector: "ngp-file-upload-viewer", inputs: { files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isViewMode: { classPropertyName: "isViewMode", publicName: "isViewMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesSelected: "filesSelected", filesCleared: "filesCleared" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n\t<!-- Toast for messages -->\n\t<p-toast position=\"top-right\"></p-toast>\n\n\t@if (!isViewMode()) {\n\t\t<!-- Upload Area -->\n\t\t<div\n\t\t\tclass=\"relative border-2 border-dashed rounded-lg transition-colors flex-shrink-0\"\n\t\t\t[class.border-blue-400]=\"isDragging()\"\n\t\t\t[class.bg-blue-50]=\"isDragging()\"\n\t\t\t[class.border-gray-300]=\"!isDragging()\"\n\t\t\t(dragover)=\"onDragOver($event)\"\n\t\t\t(dragleave)=\"onDragLeave($event)\"\n\t\t\t(drop)=\"onDrop($event)\">\n\t\t\t<input\n\t\t\t\t#fileInput\n\t\t\t\ttype=\"file\"\n\t\t\t\tclass=\"hidden\"\n\t\t\t\t[multiple]=\"multiple()\"\n\t\t\t\t[accept]=\"accept()\"\n\t\t\t\t(change)=\"onFileSelected($event)\" />\n\n\t\t\t<div class=\"p-8 text-center cursor-pointer\" (click)=\"fileInput.click()\">\n\t\t\t\t<div class=\"w-24 mx-auto\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\tviewBox=\"0 0 855.42518 833.48708\"\n\t\t\t\t\t\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n\t\t\t\t\t\tartist=\"Katerina Limpitsouni\"\n\t\t\t\t\t\tsource=\"https://undraw.co/\">\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M739.66209,831.96985H93.28238c-26.55003,0-48.15129-21.60126-48.15129-48.15277V219.36774c0-26.55003,21.60126-48.15129,48.15129-48.15129h646.37972c26.55151,0,48.15277,21.60126,48.15277,48.15129v564.44933c0,26.55151-21.60126,48.15277-48.15277,48.15277Z\"\n\t\t\t\t\t\t\tfill=\"#fff\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M739.66209,833.48708H93.28238c-27.38718,0-49.66852-22.28134-49.66852-49.67V219.36774c0-27.38718,22.28134-49.66852,49.66852-49.66852h646.37972c27.38866,0,49.67,22.28134,49.67,49.66852v564.44933c0,27.38866-22.28134,49.67-49.67,49.67ZM93.28238,172.73368c-25.71437,0-46.63406,20.91969-46.63406,46.63406v564.44933c0,25.71437,20.91969,46.63554,46.63406,46.63554h646.37972c25.71437,0,46.63554-20.92117,46.63554-46.63554V219.36774c0-25.71437-20.92117-46.63406-46.63554-46.63406H93.28238Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M633.05154,719.69635H199.12394c-11.29477,0-20.4826-9.18783-20.4826-20.4826,0-5.46736,2.13212-10.60875,6.00372-14.47887,3.8553-3.8716,8.99818-6.00372,14.47887-6.00372h433.9276c11.29477,0,20.4826,9.18783,20.4826,20.4826,0,5.46736-2.13212,10.61023-6.00224,14.48035-3.85382,3.87012-8.9967,6.00224-14.48035,6.00224Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M537.46609,699.2145c0,5.44736-2.2151,10.37835-5.77999,13.94325-3.56638,3.56564-8.49737,5.78073-13.94399,5.78073H199.12394c-10.89323,0-19.72398-8.83001-19.72398-19.72398,0-5.44662,2.2151-10.37761,5.78147-13.94325,3.5649-3.58045,8.49589-5.78073,13.94251-5.78073h318.61817c10.89323,0,19.72398,8.83075,19.72398,19.72398Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M502.03197,638.5231h-176.42977c-15.3575,0-27.85242-12.49492-27.85242-27.8539v-231.05003c0-15.3575,12.49492-27.85242,27.85242-27.85242l133.30727.7601,70.9764,76.68824v181.45411c0,15.35898-12.49492,27.8539-27.8539,27.8539Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M414.57644,442.63753h-67.53893c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h67.53893c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M481.04412,483.00709h-134.74301c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h134.74301c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M481.04412,520.48592h-134.00662c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h134.00662c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M380.80771,558.65075h-34.5066c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h34.5066c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M529.12726,431.03013h-68.71093c-7.70172,0-13.9677-6.26598-13.9677-13.9677v-64.53707h3.03446v64.53707c0,6.02891,4.90433,10.93324,10.93324,10.93324h68.71093v3.03446Z\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M416.11441,658.24708c-13.64025,0-24.73795-11.0977-24.73795-24.73795v-23.81339h-16.74138c-3.49674,0-6.62751-1.9484-8.17289-5.08509s-1.18089-6.80531.94975-9.57751l42.1283-54.79658c1.71133-2.22399,4.30869-3.50267,7.1046-3.45673,2.8048.02667,5.36957,1.33647,7.03645,3.59305l41.1667,55.72855c2.13805,2.8937,2.45957,6.68826.83862,9.902-1.62243,3.21374-4.8658,5.20955-8.46478,5.20955h-16.36948v22.29616c0,13.64025-11.0977,24.73795-24.73795,24.73795Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<circle cx=\"560.98874\" cy=\"420.8005\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"581.47134\" cy=\"479.21383\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"436.73141\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"264.3704\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M37.40122,152.42148c-6.44526,0-12.11265-4.61836-13.35132-11.0088L.24984,18.65638c-.76454-3.9442.24448-7.99953,2.76776-11.12585,2.5218-3.12484,6.27191-4.96804,10.28871-5.05397L128.31645.00364c6.71641-.15261,12.40898,4.50872,13.65062,11.06214l22.55693,119.0462c.72898,3.85234-.23855,7.83062-2.65811,10.91694-2.41808,3.08484-6.04966,4.97693-9.96274,5.18881l-113.76701,6.18301c-.24596.01334-.49191.02074-.73491.02074Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\tpoints=\"29.95846 132.52692 54.99274 65.01021 96.71655 96.11341 110.37162 82.45835 158.16434 131.7683 29.95846 132.52692\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M107.33749,58.94148c-6.27487,0-11.37922-5.10435-11.37922-11.37922s5.10435-11.37922,11.37922-11.37922,11.37922,5.10435,11.37922,11.37922-5.10435,11.37922-11.37922,11.37922Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M41.65954,616.11285c-3.58564,0-7.09275-1.04902-10.16129-3.07891-4.19312-2.77665-7.02163-7.02608-7.96101-11.96596L.5521,480.25267c-1.87135-9.84125,4.31462-19.28244,14.08327-21.49309l102.97009-23.32444c4.88655-1.10384,9.89162-.22077,14.09957,2.48772,4.2109,2.71145,7.08682,6.90606,8.0988,11.8089l25.05355,121.36946c2.04174,9.89014-4.32647,19.67509-14.19439,21.81462l-105.03998,22.76881c-1.31869.28596-2.64626.4282-3.96347.4282Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M33.74594,507.28424c-2.50698,0-4.7369-1.78245-5.21399-4.33685-.53933-2.88333,1.36165-5.65701,4.24498-6.19486l83.24611-15.5516c2.88185-.54674,5.65553,1.36165,6.19486,4.24498s-1.36165,5.65701-4.24498,6.19486l-83.24611,15.5516c-.32893.06223-.65786.09186-.98087.09186Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M41.33357,539.14606c-2.40327,0-4.57984-1.64169-5.16214-4.082-.6786-2.85221,1.0831-5.71628,3.9368-6.39637l78.36253-18.65866c2.85073-.67564,5.7148,1.0831,6.39637,3.9368.6786,2.85221-1.0831,5.71628-3.9368,6.39637l-78.36253,18.65866c-.41339.09779-.82677.1452-1.23423.1452Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M46.64239,569.97367c-2.45513,0-4.65985-1.71281-5.18881-4.2109-.60748-2.86999,1.22534-5.68813,4.09385-6.29561l53.46159-11.32144c2.88481-.606,5.68961,1.22534,6.29561,4.09385.60748,2.86999-1.22534,5.68813-4.09385,6.29561l-53.46159,11.32144c-.3719.07853-.74232.11705-1.10681.11705Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M816.49406,244.42277c-.94382,0-1.89802-.07408-2.85666-.22373l-106.17939-16.65841c-4.96952-.78084-9.30785-3.46859-12.21785-7.57133-2.91-4.10126-4.01384-9.0856-3.10854-14.03141l22.15096-120.97089c1.80764-9.8531,10.97472-16.41097,20.89006-14.96634l104.45028,15.39603c4.95322.73046,9.30488,3.36191,12.25192,7.40983,2.94852,4.04644,4.11756,8.99521,3.29227,13.93362l-20.42185,122.23475c-1.50241,9.00262-9.38341,15.44788-18.2512,15.44788Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M820.66792,138.04188c-.323,0-.65045-.02963-.97938-.09186l-83.25204-15.52938c-2.88333-.53785-4.78431-3.31005-4.24646-6.19338.53636-2.88333,3.30264-4.79616,6.19338-4.24646l83.25204,15.52938c2.88333.53785,4.78431,3.31005,4.24646,6.19338-.47562,2.5544-2.70701,4.33833-5.21399,4.33833Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M812.81507,165.83355c-.24003,0-.48006-.01482-.72454-.0489l-79.81753-10.86953c-2.90555-.39561-4.93989-3.0715-4.54428-5.97854.39709-2.90704,3.08187-4.94285,5.97854-4.54428l79.81753,10.86953c2.90555.39561,4.93989,3.0715,4.54428,5.97854-.36301,2.66256-2.64033,4.59317-5.254,4.59317Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M780.77249,194.36309c-.28152,0-.56748-.02371-.85492-.06964l-53.9461-8.73c-2.89518-.46821-4.86136-3.19596-4.39315-6.09114.46969-2.89518,3.17818-4.85543,6.09114-4.39315l53.9461,8.73c2.89518.46821,4.86136,3.19596,4.39315,6.09114-.42228,2.60774-2.67589,4.46279-5.23622,4.46279Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<p class=\"mt-2 text-sm text-gray-600\">\n\t\t\t\t\t{{ placeholder() }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"mt-1 text-xs text-gray-500\"> or click to browse </p>\n\t\t\t\t<p class=\"mt-2 text-xs text-gray-400\">\n\t\t\t\t\tMax file size: {{ formatFileSize(maxFileSize()) }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\t}\n\n\t<!-- Galleria Component -->\n\t@if (galleriaItems().length > 0 && visible()) {\n\t\t<p-galleria\n\t\t\t[value]=\"galleriaItems()\"\n\t\t\t[responsiveOptions]=\"responsiveOptions()\"\n\t\t\t[containerStyle]=\"containerStyle()\"\n\t\t\tcontainerClass=\"max-h-2/3 !max-w-full my-5\"\n\t\t\t[circular]=\"true\"\n\t\t\t[fullScreen]=\"false\"\n\t\t\t[showItemNavigators]=\"true\"\n\t\t\t[showThumbnails]=\"true\">\n\t\t\t<ng-template pTemplate=\"item\" let-item>\n\t\t\t\t@if (item && item.type && !item.typedFile.error) {\n\t\t\t\t\t<div class=\"relative flex items-center justify-center w-full\">\n\t\t\t\t\t\t@switch (item.type) {\n\t\t\t\t\t\t\t@case ('image') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t[src]=\"item.itemImageSrc\"\n\t\t\t\t\t\t\t\t\t\t[alt]=\"item.alt\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"max-width: 100%; max-height: 100%; object-fit: contain\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('pdf') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-pdf text-9xl text-red-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('docx') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-word text-9xl text-blue-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('csv') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-9xl text-green-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('xlsx') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-9xl text-green-600 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@default {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file text-9xl text-gray-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<!-- Error Message Overlay -->\n\t\t\t\t\t\t@if (item.typedFile.error) {\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"absolute top-4 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-4 py-2 rounded-lg shadow-lg\">\n\t\t\t\t\t\t\t\t<i class=\"pi pi-exclamation-triangle mr-2\"></i>\n\t\t\t\t\t\t\t\t{{ item.typedFile.error }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@if (!isViewMode()) {\n\t\t\t\t\t\t\t<p-speedDial\n\t\t\t\t\t\t\t\t[model]=\"item.speedDialItems\"\n\t\t\t\t\t\t\t\tdirection=\"down\"\n\t\t\t\t\t\t\t\t[style]=\"{ position: 'absolute', left: '3rem', top: '3rem' }\"\n\t\t\t\t\t\t\t\tbuttonClassName=\"p-button-primary\"\n\t\t\t\t\t\t\t\tshowIcon=\"pi pi-ellipsis-v\"\n\t\t\t\t\t\t\t\thideIcon=\"pi pi-times\" />\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</ng-template>\n\n\t\t\t<ng-template pTemplate=\"thumbnail\" let-item>\n\t\t\t\t@if (item && item.type && !item.typedFile.error) {\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center p-2 border-b border-2 rounded-md\"\n\t\t\t\t\t\tstyle=\"width: 100px; height: 80px\">\n\t\t\t\t\t\t@switch (item.type) {\n\t\t\t\t\t\t\t@case ('image') {\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t[src]=\"item.thumbnailImageSrc\"\n\t\t\t\t\t\t\t\t\t[alt]=\"item.alt\"\n\t\t\t\t\t\t\t\t\tclass=\"max-w-full max-h-full object-cover rounded\" />\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('pdf') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-pdf text-3xl text-red-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('docx') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-word text-3xl text-blue-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('csv') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-3xl text-green-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('xlsx') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-3xl text-green-600\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@default {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file text-3xl text-gray-500\"></i>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<p class=\"text-xs text-gray-600 mt-1 truncate max-w-full text-center\">{{\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t}}</p>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</ng-template>\n\t\t</p-galleria>\n\t}\n</div>\n\n@if (isPdfViewerVisible) {\n\t<ngp-pdf-viewer-modal\n\t\t[visible]=\"isPdfViewerVisible\"\n\t\t[pdfFile]=\"currentFileUrl\"\n\t\t[filename]=\"currentFileUrl || 'untitled.pdf'\"\n\t\t(hide)=\"isPdfViewerVisible = false\" />\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: GalleriaModule }, { kind: "component", type: i1$7.Galleria, selector: "p-galleria", inputs: ["activeIndex", "fullScreen", "id", "value", "numVisible", "responsiveOptions", "showItemNavigators", "showThumbnailNavigators", "showItemNavigatorsOnHover", "changeItemOnIndicatorHover", "circular", "autoPlay", "shouldStopAutoplayByClick", "transitionInterval", "showThumbnails", "thumbnailsPosition", "verticalThumbnailViewPortHeight", "showIndicators", "showIndicatorsOnItem", "indicatorsPosition", "baseZIndex", "maskClass", "containerClass", "containerStyle", "showTransitionOptions", "hideTransitionOptions", "visible"], outputs: ["activeIndexChange", "visibleChange"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i3$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: PdfViewerModalComponent, selector: "ngp-pdf-viewer-modal", inputs: ["pdfFile", "visible", "filename"], outputs: ["hide"] }, { kind: "ngmodule", type: SpeedDialModule }, { kind: "component", type: i4$2.SpeedDial, selector: "p-speeddial, p-speedDial, p-speed-dial", inputs: ["id", "model", "visible", "style", "className", "direction", "transitionDelay", "type", "radius", "mask", "disabled", "hideOnClickOutside", "buttonStyle", "buttonClassName", "maskStyle", "maskClassName", "showIcon", "hideIcon", "rotateAnimation", "ariaLabel", "ariaLabelledBy", "tooltipOptions", "buttonProps"], outputs: ["onVisibleChange", "visibleChange", "onClick", "onShow", "onHide"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FileUploadViewerComponent, isStandalone: true, selector: "ngp-file-upload-viewer", inputs: { files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isViewMode: { classPropertyName: "isViewMode", publicName: "isViewMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesSelected: "filesSelected", filesCleared: "filesCleared" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n\t<!-- Toast for messages -->\n\t<p-toast position=\"top-right\"></p-toast>\n\n\t@if (!isViewMode()) {\n\t\t<!-- Upload Area -->\n\t\t<div\n\t\t\tclass=\"relative border-2 border-dashed rounded-lg transition-colors flex-shrink-0\"\n\t\t\t[class.border-blue-400]=\"isDragging()\"\n\t\t\t[class.bg-blue-50]=\"isDragging()\"\n\t\t\t[class.border-gray-300]=\"!isDragging()\"\n\t\t\t(dragover)=\"onDragOver($event)\"\n\t\t\t(dragleave)=\"onDragLeave($event)\"\n\t\t\t(drop)=\"onDrop($event)\">\n\t\t\t<input\n\t\t\t\t#fileInput\n\t\t\t\ttype=\"file\"\n\t\t\t\tclass=\"hidden\"\n\t\t\t\t[multiple]=\"multiple()\"\n\t\t\t\t[accept]=\"accept()\"\n\t\t\t\t(change)=\"onFileSelected($event)\" />\n\n\t\t\t<div class=\"p-8 text-center cursor-pointer\" (click)=\"fileInput.click()\">\n\t\t\t\t<div class=\"w-24 mx-auto\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\tviewBox=\"0 0 855.42518 833.48708\"\n\t\t\t\t\t\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n\t\t\t\t\t\tartist=\"Katerina Limpitsouni\"\n\t\t\t\t\t\tsource=\"https://undraw.co/\">\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M739.66209,831.96985H93.28238c-26.55003,0-48.15129-21.60126-48.15129-48.15277V219.36774c0-26.55003,21.60126-48.15129,48.15129-48.15129h646.37972c26.55151,0,48.15277,21.60126,48.15277,48.15129v564.44933c0,26.55151-21.60126,48.15277-48.15277,48.15277Z\"\n\t\t\t\t\t\t\tfill=\"#fff\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M739.66209,833.48708H93.28238c-27.38718,0-49.66852-22.28134-49.66852-49.67V219.36774c0-27.38718,22.28134-49.66852,49.66852-49.66852h646.37972c27.38866,0,49.67,22.28134,49.67,49.66852v564.44933c0,27.38866-22.28134,49.67-49.67,49.67ZM93.28238,172.73368c-25.71437,0-46.63406,20.91969-46.63406,46.63406v564.44933c0,25.71437,20.91969,46.63554,46.63406,46.63554h646.37972c25.71437,0,46.63554-20.92117,46.63554-46.63554V219.36774c0-25.71437-20.92117-46.63406-46.63554-46.63406H93.28238Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M633.05154,719.69635H199.12394c-11.29477,0-20.4826-9.18783-20.4826-20.4826,0-5.46736,2.13212-10.60875,6.00372-14.47887,3.8553-3.8716,8.99818-6.00372,14.47887-6.00372h433.9276c11.29477,0,20.4826,9.18783,20.4826,20.4826,0,5.46736-2.13212,10.61023-6.00224,14.48035-3.85382,3.87012-8.9967,6.00224-14.48035,6.00224Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M537.46609,699.2145c0,5.44736-2.2151,10.37835-5.77999,13.94325-3.56638,3.56564-8.49737,5.78073-13.94399,5.78073H199.12394c-10.89323,0-19.72398-8.83001-19.72398-19.72398,0-5.44662,2.2151-10.37761,5.78147-13.94325,3.5649-3.58045,8.49589-5.78073,13.94251-5.78073h318.61817c10.89323,0,19.72398,8.83075,19.72398,19.72398Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M502.03197,638.5231h-176.42977c-15.3575,0-27.85242-12.49492-27.85242-27.8539v-231.05003c0-15.3575,12.49492-27.85242,27.85242-27.85242l133.30727.7601,70.9764,76.68824v181.45411c0,15.35898-12.49492,27.8539-27.8539,27.8539Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M414.57644,442.63753h-67.53893c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h67.53893c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M481.04412,483.00709h-134.74301c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h134.74301c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M481.04412,520.48592h-134.00662c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h134.00662c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M380.80771,558.65075h-34.5066c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h34.5066c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M529.12726,431.03013h-68.71093c-7.70172,0-13.9677-6.26598-13.9677-13.9677v-64.53707h3.03446v64.53707c0,6.02891,4.90433,10.93324,10.93324,10.93324h68.71093v3.03446Z\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M416.11441,658.24708c-13.64025,0-24.73795-11.0977-24.73795-24.73795v-23.81339h-16.74138c-3.49674,0-6.62751-1.9484-8.17289-5.08509s-1.18089-6.80531.94975-9.57751l42.1283-54.79658c1.71133-2.22399,4.30869-3.50267,7.1046-3.45673,2.8048.02667,5.36957,1.33647,7.03645,3.59305l41.1667,55.72855c2.13805,2.8937,2.45957,6.68826.83862,9.902-1.62243,3.21374-4.8658,5.20955-8.46478,5.20955h-16.36948v22.29616c0,13.64025-11.0977,24.73795-24.73795,24.73795Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<circle cx=\"560.98874\" cy=\"420.8005\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"581.47134\" cy=\"479.21383\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"436.73141\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"264.3704\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M37.40122,152.42148c-6.44526,0-12.11265-4.61836-13.35132-11.0088L.24984,18.65638c-.76454-3.9442.24448-7.99953,2.76776-11.12585,2.5218-3.12484,6.27191-4.96804,10.28871-5.05397L128.31645.00364c6.71641-.15261,12.40898,4.50872,13.65062,11.06214l22.55693,119.0462c.72898,3.85234-.23855,7.83062-2.65811,10.91694-2.41808,3.08484-6.04966,4.97693-9.96274,5.18881l-113.76701,6.18301c-.24596.01334-.49191.02074-.73491.02074Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\tpoints=\"29.95846 132.52692 54.99274 65.01021 96.71655 96.11341 110.37162 82.45835 158.16434 131.7683 29.95846 132.52692\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M107.33749,58.94148c-6.27487,0-11.37922-5.10435-11.37922-11.37922s5.10435-11.37922,11.37922-11.37922,11.37922,5.10435,11.37922,11.37922-5.10435,11.37922-11.37922,11.37922Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M41.65954,616.11285c-3.58564,0-7.09275-1.04902-10.16129-3.07891-4.19312-2.77665-7.02163-7.02608-7.96101-11.96596L.5521,480.25267c-1.87135-9.84125,4.31462-19.28244,14.08327-21.49309l102.97009-23.32444c4.88655-1.10384,9.89162-.22077,14.09957,2.48772,4.2109,2.71145,7.08682,6.90606,8.0988,11.8089l25.05355,121.36946c2.04174,9.89014-4.32647,19.67509-14.19439,21.81462l-105.03998,22.76881c-1.31869.28596-2.64626.4282-3.96347.4282Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M33.74594,507.28424c-2.50698,0-4.7369-1.78245-5.21399-4.33685-.53933-2.88333,1.36165-5.65701,4.24498-6.19486l83.24611-15.5516c2.88185-.54674,5.65553,1.36165,6.19486,4.24498s-1.36165,5.65701-4.24498,6.19486l-83.24611,15.5516c-.32893.06223-.65786.09186-.98087.09186Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M41.33357,539.14606c-2.40327,0-4.57984-1.64169-5.16214-4.082-.6786-2.85221,1.0831-5.71628,3.9368-6.39637l78.36253-18.65866c2.85073-.67564,5.7148,1.0831,6.39637,3.9368.6786,2.85221-1.0831,5.71628-3.9368,6.39637l-78.36253,18.65866c-.41339.09779-.82677.1452-1.23423.1452Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M46.64239,569.97367c-2.45513,0-4.65985-1.71281-5.18881-4.2109-.60748-2.86999,1.22534-5.68813,4.09385-6.29561l53.46159-11.32144c2.88481-.606,5.68961,1.22534,6.29561,4.09385.60748,2.86999-1.22534,5.68813-4.09385,6.29561l-53.46159,11.32144c-.3719.07853-.74232.11705-1.10681.11705Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M816.49406,244.42277c-.94382,0-1.89802-.07408-2.85666-.22373l-106.17939-16.65841c-4.96952-.78084-9.30785-3.46859-12.21785-7.57133-2.91-4.10126-4.01384-9.0856-3.10854-14.03141l22.15096-120.97089c1.80764-9.8531,10.97472-16.41097,20.89006-14.96634l104.45028,15.39603c4.95322.73046,9.30488,3.36191,12.25192,7.40983,2.94852,4.04644,4.11756,8.99521,3.29227,13.93362l-20.42185,122.23475c-1.50241,9.00262-9.38341,15.44788-18.2512,15.44788Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M820.66792,138.04188c-.323,0-.65045-.02963-.97938-.09186l-83.25204-15.52938c-2.88333-.53785-4.78431-3.31005-4.24646-6.19338.53636-2.88333,3.30264-4.79616,6.19338-4.24646l83.25204,15.52938c2.88333.53785,4.78431,3.31005,4.24646,6.19338-.47562,2.5544-2.70701,4.33833-5.21399,4.33833Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M812.81507,165.83355c-.24003,0-.48006-.01482-.72454-.0489l-79.81753-10.86953c-2.90555-.39561-4.93989-3.0715-4.54428-5.97854.39709-2.90704,3.08187-4.94285,5.97854-4.54428l79.81753,10.86953c2.90555.39561,4.93989,3.0715,4.54428,5.97854-.36301,2.66256-2.64033,4.59317-5.254,4.59317Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M780.77249,194.36309c-.28152,0-.56748-.02371-.85492-.06964l-53.9461-8.73c-2.89518-.46821-4.86136-3.19596-4.39315-6.09114.46969-2.89518,3.17818-4.85543,6.09114-4.39315l53.9461,8.73c2.89518.46821,4.86136,3.19596,4.39315,6.09114-.42228,2.60774-2.67589,4.46279-5.23622,4.46279Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<p class=\"mt-2 text-sm text-gray-600\">\n\t\t\t\t\t{{ placeholder() }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"mt-1 text-xs text-gray-500\"> or click to browse </p>\n\t\t\t\t<p class=\"mt-2 text-xs text-gray-400\">\n\t\t\t\t\tMax file size: {{ formatFileSize(maxFileSize()) }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\t}\n\n\t<!-- Galleria Component -->\n\t@if (galleriaItems().length > 0 && visible()) {\n\t\t<p-galleria\n\t\t\t[value]=\"galleriaItems()\"\n\t\t\t[responsiveOptions]=\"responsiveOptions()\"\n\t\t\t[containerStyle]=\"containerStyle()\"\n\t\t\tcontainerClass=\"max-h-2/3 !max-w-full my-5\"\n\t\t\t[circular]=\"true\"\n\t\t\t[fullScreen]=\"false\"\n\t\t\t[showItemNavigators]=\"true\"\n\t\t\t[showThumbnails]=\"true\">\n\t\t\t<ng-template pTemplate=\"item\" let-item>\n\t\t\t\t@if (item && item.type && !item.typedFile.error) {\n\t\t\t\t\t<div class=\"relative flex items-center justify-center w-full\">\n\t\t\t\t\t\t@switch (item.type) {\n\t\t\t\t\t\t\t@case ('image') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t[src]=\"item.itemImageSrc\"\n\t\t\t\t\t\t\t\t\t\t[alt]=\"item.alt\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"max-width: 100%; max-height: 100%; object-fit: contain\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('pdf') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-pdf text-9xl text-red-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('docx') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-word text-9xl text-blue-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('csv') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-9xl text-green-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('xlsx') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-9xl text-green-600 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@default {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file text-9xl text-gray-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<!-- Error Message Overlay -->\n\t\t\t\t\t\t@if (item.typedFile.error) {\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"absolute top-4 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-4 py-2 rounded-lg shadow-lg\">\n\t\t\t\t\t\t\t\t<i class=\"pi pi-exclamation-triangle mr-2\"></i>\n\t\t\t\t\t\t\t\t{{ item.typedFile.error }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<p-speedDial\n\t\t\t\t\t\t\t[model]=\"item.speedDialItems\"\n\t\t\t\t\t\t\tdirection=\"down\"\n\t\t\t\t\t\t\t[style]=\"{ position: 'absolute', left: '3rem', top: '3rem' }\"\n\t\t\t\t\t\t\tbuttonClassName=\"p-button-primary\"\n\t\t\t\t\t\t\tshowIcon=\"pi pi-ellipsis-v\"\n\t\t\t\t\t\t\thideIcon=\"pi pi-times\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</ng-template>\n\n\t\t\t<ng-template pTemplate=\"thumbnail\" let-item>\n\t\t\t\t@if (item && item.type && !item.typedFile.error) {\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center p-2 border-b border-2 rounded-md\"\n\t\t\t\t\t\tstyle=\"width: 100px; height: 80px\">\n\t\t\t\t\t\t@switch (item.type) {\n\t\t\t\t\t\t\t@case ('image') {\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t[src]=\"item.thumbnailImageSrc\"\n\t\t\t\t\t\t\t\t\t[alt]=\"item.alt\"\n\t\t\t\t\t\t\t\t\tclass=\"max-w-full max-h-full object-cover rounded\" />\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('pdf') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-pdf text-3xl text-red-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('docx') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-word text-3xl text-blue-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('csv') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-3xl text-green-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('xlsx') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-3xl text-green-600\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@default {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file text-3xl text-gray-500\"></i>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<p class=\"text-xs text-gray-600 mt-1 truncate max-w-full text-center\">{{\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t}}</p>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</ng-template>\n\t\t</p-galleria>\n\t}\n</div>\n\n@if (isPdfViewerVisible) {\n\t<ngp-pdf-viewer-modal\n\t\t[visible]=\"isPdfViewerVisible\"\n\t\t[pdfFile]=\"currentFileUrl\"\n\t\t[filename]=\"currentFileUrl || 'untitled.pdf'\"\n\t\t(hide)=\"isPdfViewerVisible = false\" />\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: GalleriaModule }, { kind: "component", type: i1$7.Galleria, selector: "p-galleria", inputs: ["activeIndex", "fullScreen", "id", "value", "numVisible", "responsiveOptions", "showItemNavigators", "showThumbnailNavigators", "showItemNavigatorsOnHover", "changeItemOnIndicatorHover", "circular", "autoPlay", "shouldStopAutoplayByClick", "transitionInterval", "showThumbnails", "thumbnailsPosition", "verticalThumbnailViewPortHeight", "showIndicators", "showIndicatorsOnItem", "indicatorsPosition", "baseZIndex", "maskClass", "containerClass", "containerStyle", "showTransitionOptions", "hideTransitionOptions", "visible"], outputs: ["activeIndexChange", "visibleChange"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i3$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: PdfViewerModalComponent, selector: "ngp-pdf-viewer-modal", inputs: ["pdfFile", "visible", "filename"], outputs: ["hide"] }, { kind: "ngmodule", type: SpeedDialModule }, { kind: "component", type: i4$2.SpeedDial, selector: "p-speeddial, p-speedDial, p-speed-dial", inputs: ["id", "model", "visible", "style", "className", "direction", "transitionDelay", "type", "radius", "mask", "disabled", "hideOnClickOutside", "buttonStyle", "buttonClassName", "maskStyle", "maskClassName", "showIcon", "hideIcon", "rotateAnimation", "ariaLabel", "ariaLabelledBy", "tooltipOptions", "buttonProps"], outputs: ["onVisibleChange", "visibleChange", "onClick", "onShow", "onHide"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FileUploadViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngp-file-upload-viewer', imports: [GalleriaModule, ButtonModule, ToastModule, PdfViewerModalComponent, SpeedDialModule], template: "<div class=\"w-full h-full flex flex-col\">\n\t<!-- Toast for messages -->\n\t<p-toast position=\"top-right\"></p-toast>\n\n\t@if (!isViewMode()) {\n\t\t<!-- Upload Area -->\n\t\t<div\n\t\t\tclass=\"relative border-2 border-dashed rounded-lg transition-colors flex-shrink-0\"\n\t\t\t[class.border-blue-400]=\"isDragging()\"\n\t\t\t[class.bg-blue-50]=\"isDragging()\"\n\t\t\t[class.border-gray-300]=\"!isDragging()\"\n\t\t\t(dragover)=\"onDragOver($event)\"\n\t\t\t(dragleave)=\"onDragLeave($event)\"\n\t\t\t(drop)=\"onDrop($event)\">\n\t\t\t<input\n\t\t\t\t#fileInput\n\t\t\t\ttype=\"file\"\n\t\t\t\tclass=\"hidden\"\n\t\t\t\t[multiple]=\"multiple()\"\n\t\t\t\t[accept]=\"accept()\"\n\t\t\t\t(change)=\"onFileSelected($event)\" />\n\n\t\t\t<div class=\"p-8 text-center cursor-pointer\" (click)=\"fileInput.click()\">\n\t\t\t\t<div class=\"w-24 mx-auto\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\tviewBox=\"0 0 855.42518 833.48708\"\n\t\t\t\t\t\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n\t\t\t\t\t\tartist=\"Katerina Limpitsouni\"\n\t\t\t\t\t\tsource=\"https://undraw.co/\">\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M739.66209,831.96985H93.28238c-26.55003,0-48.15129-21.60126-48.15129-48.15277V219.36774c0-26.55003,21.60126-48.15129,48.15129-48.15129h646.37972c26.55151,0,48.15277,21.60126,48.15277,48.15129v564.44933c0,26.55151-21.60126,48.15277-48.15277,48.15277Z\"\n\t\t\t\t\t\t\tfill=\"#fff\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M739.66209,833.48708H93.28238c-27.38718,0-49.66852-22.28134-49.66852-49.67V219.36774c0-27.38718,22.28134-49.66852,49.66852-49.66852h646.37972c27.38866,0,49.67,22.28134,49.67,49.66852v564.44933c0,27.38866-22.28134,49.67-49.67,49.67ZM93.28238,172.73368c-25.71437,0-46.63406,20.91969-46.63406,46.63406v564.44933c0,25.71437,20.91969,46.63554,46.63406,46.63554h646.37972c25.71437,0,46.63554-20.92117,46.63554-46.63554V219.36774c0-25.71437-20.92117-46.63406-46.63554-46.63406H93.28238Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M633.05154,719.69635H199.12394c-11.29477,0-20.4826-9.18783-20.4826-20.4826,0-5.46736,2.13212-10.60875,6.00372-14.47887,3.8553-3.8716,8.99818-6.00372,14.47887-6.00372h433.9276c11.29477,0,20.4826,9.18783,20.4826,20.4826,0,5.46736-2.13212,10.61023-6.00224,14.48035-3.85382,3.87012-8.9967,6.00224-14.48035,6.00224Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M537.46609,699.2145c0,5.44736-2.2151,10.37835-5.77999,13.94325-3.56638,3.56564-8.49737,5.78073-13.94399,5.78073H199.12394c-10.89323,0-19.72398-8.83001-19.72398-19.72398,0-5.44662,2.2151-10.37761,5.78147-13.94325,3.5649-3.58045,8.49589-5.78073,13.94251-5.78073h318.61817c10.89323,0,19.72398,8.83075,19.72398,19.72398Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M502.03197,638.5231h-176.42977c-15.3575,0-27.85242-12.49492-27.85242-27.8539v-231.05003c0-15.3575,12.49492-27.85242,27.85242-27.85242l133.30727.7601,70.9764,76.68824v181.45411c0,15.35898-12.49492,27.8539-27.8539,27.8539Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M414.57644,442.63753h-67.53893c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h67.53893c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M481.04412,483.00709h-134.74301c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h134.74301c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M481.04412,520.48592h-134.00662c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h134.00662c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M380.80771,558.65075h-34.5066c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h34.5066c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M529.12726,431.03013h-68.71093c-7.70172,0-13.9677-6.26598-13.9677-13.9677v-64.53707h3.03446v64.53707c0,6.02891,4.90433,10.93324,10.93324,10.93324h68.71093v3.03446Z\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M416.11441,658.24708c-13.64025,0-24.73795-11.0977-24.73795-24.73795v-23.81339h-16.74138c-3.49674,0-6.62751-1.9484-8.17289-5.08509s-1.18089-6.80531.94975-9.57751l42.1283-54.79658c1.71133-2.22399,4.30869-3.50267,7.1046-3.45673,2.8048.02667,5.36957,1.33647,7.03645,3.59305l41.1667,55.72855c2.13805,2.8937,2.45957,6.68826.83862,9.902-1.62243,3.21374-4.8658,5.20955-8.46478,5.20955h-16.36948v22.29616c0,13.64025-11.0977,24.73795-24.73795,24.73795Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<circle cx=\"560.98874\" cy=\"420.8005\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"581.47134\" cy=\"479.21383\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"436.73141\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"264.3704\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M37.40122,152.42148c-6.44526,0-12.11265-4.61836-13.35132-11.0088L.24984,18.65638c-.76454-3.9442.24448-7.99953,2.76776-11.12585,2.5218-3.12484,6.27191-4.96804,10.28871-5.05397L128.31645.00364c6.71641-.15261,12.40898,4.50872,13.65062,11.06214l22.55693,119.0462c.72898,3.85234-.23855,7.83062-2.65811,10.91694-2.41808,3.08484-6.04966,4.97693-9.96274,5.18881l-113.76701,6.18301c-.24596.01334-.49191.02074-.73491.02074Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\tpoints=\"29.95846 132.52692 54.99274 65.01021 96.71655 96.11341 110.37162 82.45835 158.16434 131.7683 29.95846 132.52692\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M107.33749,58.94148c-6.27487,0-11.37922-5.10435-11.37922-11.37922s5.10435-11.37922,11.37922-11.37922,11.37922,5.10435,11.37922,11.37922-5.10435,11.37922-11.37922,11.37922Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M41.65954,616.11285c-3.58564,0-7.09275-1.04902-10.16129-3.07891-4.19312-2.77665-7.02163-7.02608-7.96101-11.96596L.5521,480.25267c-1.87135-9.84125,4.31462-19.28244,14.08327-21.49309l102.97009-23.32444c4.88655-1.10384,9.89162-.22077,14.09957,2.48772,4.2109,2.71145,7.08682,6.90606,8.0988,11.8089l25.05355,121.36946c2.04174,9.89014-4.32647,19.67509-14.19439,21.81462l-105.03998,22.76881c-1.31869.28596-2.64626.4282-3.96347.4282Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M33.74594,507.28424c-2.50698,0-4.7369-1.78245-5.21399-4.33685-.53933-2.88333,1.36165-5.65701,4.24498-6.19486l83.24611-15.5516c2.88185-.54674,5.65553,1.36165,6.19486,4.24498s-1.36165,5.65701-4.24498,6.19486l-83.24611,15.5516c-.32893.06223-.65786.09186-.98087.09186Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M41.33357,539.14606c-2.40327,0-4.57984-1.64169-5.16214-4.082-.6786-2.85221,1.0831-5.71628,3.9368-6.39637l78.36253-18.65866c2.85073-.67564,5.7148,1.0831,6.39637,3.9368.6786,2.85221-1.0831,5.71628-3.9368,6.39637l-78.36253,18.65866c-.41339.09779-.82677.1452-1.23423.1452Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M46.64239,569.97367c-2.45513,0-4.65985-1.71281-5.18881-4.2109-.60748-2.86999,1.22534-5.68813,4.09385-6.29561l53.46159-11.32144c2.88481-.606,5.68961,1.22534,6.29561,4.09385.60748,2.86999-1.22534,5.68813-4.09385,6.29561l-53.46159,11.32144c-.3719.07853-.74232.11705-1.10681.11705Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M816.49406,244.42277c-.94382,0-1.89802-.07408-2.85666-.22373l-106.17939-16.65841c-4.96952-.78084-9.30785-3.46859-12.21785-7.57133-2.91-4.10126-4.01384-9.0856-3.10854-14.03141l22.15096-120.97089c1.80764-9.8531,10.97472-16.41097,20.89006-14.96634l104.45028,15.39603c4.95322.73046,9.30488,3.36191,12.25192,7.40983,2.94852,4.04644,4.11756,8.99521,3.29227,13.93362l-20.42185,122.23475c-1.50241,9.00262-9.38341,15.44788-18.2512,15.44788Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M820.66792,138.04188c-.323,0-.65045-.02963-.97938-.09186l-83.25204-15.52938c-2.88333-.53785-4.78431-3.31005-4.24646-6.19338.53636-2.88333,3.30264-4.79616,6.19338-4.24646l83.25204,15.52938c2.88333.53785,4.78431,3.31005,4.24646,6.19338-.47562,2.5544-2.70701,4.33833-5.21399,4.33833Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M812.81507,165.83355c-.24003,0-.48006-.01482-.72454-.0489l-79.81753-10.86953c-2.90555-.39561-4.93989-3.0715-4.54428-5.97854.39709-2.90704,3.08187-4.94285,5.97854-4.54428l79.81753,10.86953c2.90555.39561,4.93989,3.0715,4.54428,5.97854-.36301,2.66256-2.64033,4.59317-5.254,4.59317Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M780.77249,194.36309c-.28152,0-.56748-.02371-.85492-.06964l-53.9461-8.73c-2.89518-.46821-4.86136-3.19596-4.39315-6.09114.46969-2.89518,3.17818-4.85543,6.09114-4.39315l53.9461,8.73c2.89518.46821,4.86136,3.19596,4.39315,6.09114-.42228,2.60774-2.67589,4.46279-5.23622,4.46279Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<p class=\"mt-2 text-sm text-gray-600\">\n\t\t\t\t\t{{ placeholder() }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"mt-1 text-xs text-gray-500\"> or click to browse </p>\n\t\t\t\t<p class=\"mt-2 text-xs text-gray-400\">\n\t\t\t\t\tMax file size: {{ formatFileSize(maxFileSize()) }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\t}\n\n\t<!-- Galleria Component -->\n\t@if (galleriaItems().length > 0 && visible()) {\n\t\t<p-galleria\n\t\t\t[value]=\"galleriaItems()\"\n\t\t\t[responsiveOptions]=\"responsiveOptions()\"\n\t\t\t[containerStyle]=\"containerStyle()\"\n\t\t\tcontainerClass=\"max-h-2/3 !max-w-full my-5\"\n\t\t\t[circular]=\"true\"\n\t\t\t[fullScreen]=\"false\"\n\t\t\t[showItemNavigators]=\"true\"\n\t\t\t[showThumbnails]=\"true\">\n\t\t\t<ng-template pTemplate=\"item\" let-item>\n\t\t\t\t@if (item && item.type && !item.typedFile.error) {\n\t\t\t\t\t<div class=\"relative flex items-center justify-center w-full\">\n\t\t\t\t\t\t@switch (item.type) {\n\t\t\t\t\t\t\t@case ('image') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t[src]=\"item.itemImageSrc\"\n\t\t\t\t\t\t\t\t\t\t[alt]=\"item.alt\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"max-width: 100%; max-height: 100%; object-fit: contain\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('pdf') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-pdf text-9xl text-red-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('docx') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-word text-9xl text-blue-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('csv') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-9xl text-green-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('xlsx') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-9xl text-green-600 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@default {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file text-9xl text-gray-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<!-- Error Message Overlay -->\n\t\t\t\t\t\t@if (item.typedFile.error) {\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"absolute top-4 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-4 py-2 rounded-lg shadow-lg\">\n\t\t\t\t\t\t\t\t<i class=\"pi pi-exclamation-triangle mr-2\"></i>\n\t\t\t\t\t\t\t\t{{ item.typedFile.error }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@if (!isViewMode()) {\n\t\t\t\t\t\t\t<p-speedDial\n\t\t\t\t\t\t\t\t[model]=\"item.speedDialItems\"\n\t\t\t\t\t\t\t\tdirection=\"down\"\n\t\t\t\t\t\t\t\t[style]=\"{ position: 'absolute', left: '3rem', top: '3rem' }\"\n\t\t\t\t\t\t\t\tbuttonClassName=\"p-button-primary\"\n\t\t\t\t\t\t\t\tshowIcon=\"pi pi-ellipsis-v\"\n\t\t\t\t\t\t\t\thideIcon=\"pi pi-times\" />\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</ng-template>\n\n\t\t\t<ng-template pTemplate=\"thumbnail\" let-item>\n\t\t\t\t@if (item && item.type && !item.typedFile.error) {\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center p-2 border-b border-2 rounded-md\"\n\t\t\t\t\t\tstyle=\"width: 100px; height: 80px\">\n\t\t\t\t\t\t@switch (item.type) {\n\t\t\t\t\t\t\t@case ('image') {\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t[src]=\"item.thumbnailImageSrc\"\n\t\t\t\t\t\t\t\t\t[alt]=\"item.alt\"\n\t\t\t\t\t\t\t\t\tclass=\"max-w-full max-h-full object-cover rounded\" />\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('pdf') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-pdf text-3xl text-red-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('docx') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-word text-3xl text-blue-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('csv') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-3xl text-green-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('xlsx') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-3xl text-green-600\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@default {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file text-3xl text-gray-500\"></i>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<p class=\"text-xs text-gray-600 mt-1 truncate max-w-full text-center\">{{\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t}}</p>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</ng-template>\n\t\t</p-galleria>\n\t}\n</div>\n\n@if (isPdfViewerVisible) {\n\t<ngp-pdf-viewer-modal\n\t\t[visible]=\"isPdfViewerVisible\"\n\t\t[pdfFile]=\"currentFileUrl\"\n\t\t[filename]=\"currentFileUrl || 'untitled.pdf'\"\n\t\t(hide)=\"isPdfViewerVisible = false\" />\n}\n" }]
+            args: [{ selector: 'ngp-file-upload-viewer', imports: [GalleriaModule, ButtonModule, ToastModule, PdfViewerModalComponent, SpeedDialModule], template: "<div class=\"w-full h-full flex flex-col\">\n\t<!-- Toast for messages -->\n\t<p-toast position=\"top-right\"></p-toast>\n\n\t@if (!isViewMode()) {\n\t\t<!-- Upload Area -->\n\t\t<div\n\t\t\tclass=\"relative border-2 border-dashed rounded-lg transition-colors flex-shrink-0\"\n\t\t\t[class.border-blue-400]=\"isDragging()\"\n\t\t\t[class.bg-blue-50]=\"isDragging()\"\n\t\t\t[class.border-gray-300]=\"!isDragging()\"\n\t\t\t(dragover)=\"onDragOver($event)\"\n\t\t\t(dragleave)=\"onDragLeave($event)\"\n\t\t\t(drop)=\"onDrop($event)\">\n\t\t\t<input\n\t\t\t\t#fileInput\n\t\t\t\ttype=\"file\"\n\t\t\t\tclass=\"hidden\"\n\t\t\t\t[multiple]=\"multiple()\"\n\t\t\t\t[accept]=\"accept()\"\n\t\t\t\t(change)=\"onFileSelected($event)\" />\n\n\t\t\t<div class=\"p-8 text-center cursor-pointer\" (click)=\"fileInput.click()\">\n\t\t\t\t<div class=\"w-24 mx-auto\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\tviewBox=\"0 0 855.42518 833.48708\"\n\t\t\t\t\t\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n\t\t\t\t\t\tartist=\"Katerina Limpitsouni\"\n\t\t\t\t\t\tsource=\"https://undraw.co/\">\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M739.66209,831.96985H93.28238c-26.55003,0-48.15129-21.60126-48.15129-48.15277V219.36774c0-26.55003,21.60126-48.15129,48.15129-48.15129h646.37972c26.55151,0,48.15277,21.60126,48.15277,48.15129v564.44933c0,26.55151-21.60126,48.15277-48.15277,48.15277Z\"\n\t\t\t\t\t\t\tfill=\"#fff\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M739.66209,833.48708H93.28238c-27.38718,0-49.66852-22.28134-49.66852-49.67V219.36774c0-27.38718,22.28134-49.66852,49.66852-49.66852h646.37972c27.38866,0,49.67,22.28134,49.67,49.66852v564.44933c0,27.38866-22.28134,49.67-49.67,49.67ZM93.28238,172.73368c-25.71437,0-46.63406,20.91969-46.63406,46.63406v564.44933c0,25.71437,20.91969,46.63554,46.63406,46.63554h646.37972c25.71437,0,46.63554-20.92117,46.63554-46.63554V219.36774c0-25.71437-20.92117-46.63406-46.63554-46.63406H93.28238Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M633.05154,719.69635H199.12394c-11.29477,0-20.4826-9.18783-20.4826-20.4826,0-5.46736,2.13212-10.60875,6.00372-14.47887,3.8553-3.8716,8.99818-6.00372,14.47887-6.00372h433.9276c11.29477,0,20.4826,9.18783,20.4826,20.4826,0,5.46736-2.13212,10.61023-6.00224,14.48035-3.85382,3.87012-8.9967,6.00224-14.48035,6.00224Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M537.46609,699.2145c0,5.44736-2.2151,10.37835-5.77999,13.94325-3.56638,3.56564-8.49737,5.78073-13.94399,5.78073H199.12394c-10.89323,0-19.72398-8.83001-19.72398-19.72398,0-5.44662,2.2151-10.37761,5.78147-13.94325,3.5649-3.58045,8.49589-5.78073,13.94251-5.78073h318.61817c10.89323,0,19.72398,8.83075,19.72398,19.72398Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M502.03197,638.5231h-176.42977c-15.3575,0-27.85242-12.49492-27.85242-27.8539v-231.05003c0-15.3575,12.49492-27.85242,27.85242-27.85242l133.30727.7601,70.9764,76.68824v181.45411c0,15.35898-12.49492,27.8539-27.8539,27.8539Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M414.57644,442.63753h-67.53893c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h67.53893c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M481.04412,483.00709h-134.74301c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h134.74301c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M481.04412,520.48592h-134.00662c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h134.00662c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M380.80771,558.65075h-34.5066c-2.93222,0-5.3103-2.37808-5.3103-5.3103s2.37808-5.3103,5.3103-5.3103h34.5066c2.93222,0,5.3103,2.37808,5.3103,5.3103s-2.37808,5.3103-5.3103,5.3103Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M529.12726,431.03013h-68.71093c-7.70172,0-13.9677-6.26598-13.9677-13.9677v-64.53707h3.03446v64.53707c0,6.02891,4.90433,10.93324,10.93324,10.93324h68.71093v3.03446Z\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M416.11441,658.24708c-13.64025,0-24.73795-11.0977-24.73795-24.73795v-23.81339h-16.74138c-3.49674,0-6.62751-1.9484-8.17289-5.08509s-1.18089-6.80531.94975-9.57751l42.1283-54.79658c1.71133-2.22399,4.30869-3.50267,7.1046-3.45673,2.8048.02667,5.36957,1.33647,7.03645,3.59305l41.1667,55.72855c2.13805,2.8937,2.45957,6.68826.83862,9.902-1.62243,3.21374-4.8658,5.20955-8.46478,5.20955h-16.36948v22.29616c0,13.64025-11.0977,24.73795-24.73795,24.73795Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<circle cx=\"560.98874\" cy=\"420.8005\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"581.47134\" cy=\"479.21383\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"436.73141\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"264.3704\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M37.40122,152.42148c-6.44526,0-12.11265-4.61836-13.35132-11.0088L.24984,18.65638c-.76454-3.9442.24448-7.99953,2.76776-11.12585,2.5218-3.12484,6.27191-4.96804,10.28871-5.05397L128.31645.00364c6.71641-.15261,12.40898,4.50872,13.65062,11.06214l22.55693,119.0462c.72898,3.85234-.23855,7.83062-2.65811,10.91694-2.41808,3.08484-6.04966,4.97693-9.96274,5.18881l-113.76701,6.18301c-.24596.01334-.49191.02074-.73491.02074Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\tpoints=\"29.95846 132.52692 54.99274 65.01021 96.71655 96.11341 110.37162 82.45835 158.16434 131.7683 29.95846 132.52692\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M107.33749,58.94148c-6.27487,0-11.37922-5.10435-11.37922-11.37922s5.10435-11.37922,11.37922-11.37922,11.37922,5.10435,11.37922,11.37922-5.10435,11.37922-11.37922,11.37922Z\"\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M41.65954,616.11285c-3.58564,0-7.09275-1.04902-10.16129-3.07891-4.19312-2.77665-7.02163-7.02608-7.96101-11.96596L.5521,480.25267c-1.87135-9.84125,4.31462-19.28244,14.08327-21.49309l102.97009-23.32444c4.88655-1.10384,9.89162-.22077,14.09957,2.48772,4.2109,2.71145,7.08682,6.90606,8.0988,11.8089l25.05355,121.36946c2.04174,9.89014-4.32647,19.67509-14.19439,21.81462l-105.03998,22.76881c-1.31869.28596-2.64626.4282-3.96347.4282Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M33.74594,507.28424c-2.50698,0-4.7369-1.78245-5.21399-4.33685-.53933-2.88333,1.36165-5.65701,4.24498-6.19486l83.24611-15.5516c2.88185-.54674,5.65553,1.36165,6.19486,4.24498s-1.36165,5.65701-4.24498,6.19486l-83.24611,15.5516c-.32893.06223-.65786.09186-.98087.09186Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M41.33357,539.14606c-2.40327,0-4.57984-1.64169-5.16214-4.082-.6786-2.85221,1.0831-5.71628,3.9368-6.39637l78.36253-18.65866c2.85073-.67564,5.7148,1.0831,6.39637,3.9368.6786,2.85221-1.0831,5.71628-3.9368,6.39637l-78.36253,18.65866c-.41339.09779-.82677.1452-1.23423.1452Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M46.64239,569.97367c-2.45513,0-4.65985-1.71281-5.18881-4.2109-.60748-2.86999,1.22534-5.68813,4.09385-6.29561l53.46159-11.32144c2.88481-.606,5.68961,1.22534,6.29561,4.09385.60748,2.86999-1.22534,5.68813-4.09385,6.29561l-53.46159,11.32144c-.3719.07853-.74232.11705-1.10681.11705Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M816.49406,244.42277c-.94382,0-1.89802-.07408-2.85666-.22373l-106.17939-16.65841c-4.96952-.78084-9.30785-3.46859-12.21785-7.57133-2.91-4.10126-4.01384-9.0856-3.10854-14.03141l22.15096-120.97089c1.80764-9.8531,10.97472-16.41097,20.89006-14.96634l104.45028,15.39603c4.95322.73046,9.30488,3.36191,12.25192,7.40983,2.94852,4.04644,4.11756,8.99521,3.29227,13.93362l-20.42185,122.23475c-1.50241,9.00262-9.38341,15.44788-18.2512,15.44788Z\"\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M820.66792,138.04188c-.323,0-.65045-.02963-.97938-.09186l-83.25204-15.52938c-2.88333-.53785-4.78431-3.31005-4.24646-6.19338.53636-2.88333,3.30264-4.79616,6.19338-4.24646l83.25204,15.52938c2.88333.53785,4.78431,3.31005,4.24646,6.19338-.47562,2.5544-2.70701,4.33833-5.21399,4.33833Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M812.81507,165.83355c-.24003,0-.48006-.01482-.72454-.0489l-79.81753-10.86953c-2.90555-.39561-4.93989-3.0715-4.54428-5.97854.39709-2.90704,3.08187-4.94285,5.97854-4.54428l79.81753,10.86953c2.90555.39561,4.93989,3.0715,4.54428,5.97854-.36301,2.66256-2.64033,4.59317-5.254,4.59317Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M780.77249,194.36309c-.28152,0-.56748-.02371-.85492-.06964l-53.9461-8.73c-2.89518-.46821-4.86136-3.19596-4.39315-6.09114.46969-2.89518,3.17818-4.85543,6.09114-4.39315l53.9461,8.73c2.89518.46821,4.86136,3.19596,4.39315,6.09114-.42228,2.60774-2.67589,4.46279-5.23622,4.46279Z\"\n\t\t\t\t\t\t\tfill=\"#090814\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<p class=\"mt-2 text-sm text-gray-600\">\n\t\t\t\t\t{{ placeholder() }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"mt-1 text-xs text-gray-500\"> or click to browse </p>\n\t\t\t\t<p class=\"mt-2 text-xs text-gray-400\">\n\t\t\t\t\tMax file size: {{ formatFileSize(maxFileSize()) }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\t}\n\n\t<!-- Galleria Component -->\n\t@if (galleriaItems().length > 0 && visible()) {\n\t\t<p-galleria\n\t\t\t[value]=\"galleriaItems()\"\n\t\t\t[responsiveOptions]=\"responsiveOptions()\"\n\t\t\t[containerStyle]=\"containerStyle()\"\n\t\t\tcontainerClass=\"max-h-2/3 !max-w-full my-5\"\n\t\t\t[circular]=\"true\"\n\t\t\t[fullScreen]=\"false\"\n\t\t\t[showItemNavigators]=\"true\"\n\t\t\t[showThumbnails]=\"true\">\n\t\t\t<ng-template pTemplate=\"item\" let-item>\n\t\t\t\t@if (item && item.type && !item.typedFile.error) {\n\t\t\t\t\t<div class=\"relative flex items-center justify-center w-full\">\n\t\t\t\t\t\t@switch (item.type) {\n\t\t\t\t\t\t\t@case ('image') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t[src]=\"item.itemImageSrc\"\n\t\t\t\t\t\t\t\t\t\t[alt]=\"item.alt\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"max-width: 100%; max-height: 100%; object-fit: contain\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('pdf') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-pdf text-9xl text-red-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('docx') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-word text-9xl text-blue-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('csv') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-9xl text-green-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('xlsx') {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-9xl text-green-600 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@default {\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center w-full !min-h-[350px] py-5 bg-gray-100\">\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-file text-9xl text-gray-500 mb-4\"></i>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"text-sm font-medium text-center text-gray-700 mb-2 whitespace-normal w-2/3 overflow-x-hidden text-ellipsis\"\n\t\t\t\t\t\t\t\t\t\t>{{ item.title }}</p\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-xs text-gray-500\">{{\n\t\t\t\t\t\t\t\t\t\tformatFileSize(item.typedFile.file.size)\n\t\t\t\t\t\t\t\t\t}}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<!-- Error Message Overlay -->\n\t\t\t\t\t\t@if (item.typedFile.error) {\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"absolute top-4 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-4 py-2 rounded-lg shadow-lg\">\n\t\t\t\t\t\t\t\t<i class=\"pi pi-exclamation-triangle mr-2\"></i>\n\t\t\t\t\t\t\t\t{{ item.typedFile.error }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<p-speedDial\n\t\t\t\t\t\t\t[model]=\"item.speedDialItems\"\n\t\t\t\t\t\t\tdirection=\"down\"\n\t\t\t\t\t\t\t[style]=\"{ position: 'absolute', left: '3rem', top: '3rem' }\"\n\t\t\t\t\t\t\tbuttonClassName=\"p-button-primary\"\n\t\t\t\t\t\t\tshowIcon=\"pi pi-ellipsis-v\"\n\t\t\t\t\t\t\thideIcon=\"pi pi-times\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</ng-template>\n\n\t\t\t<ng-template pTemplate=\"thumbnail\" let-item>\n\t\t\t\t@if (item && item.type && !item.typedFile.error) {\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"flex flex-col items-center justify-center p-2 border-b border-2 rounded-md\"\n\t\t\t\t\t\tstyle=\"width: 100px; height: 80px\">\n\t\t\t\t\t\t@switch (item.type) {\n\t\t\t\t\t\t\t@case ('image') {\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t[src]=\"item.thumbnailImageSrc\"\n\t\t\t\t\t\t\t\t\t[alt]=\"item.alt\"\n\t\t\t\t\t\t\t\t\tclass=\"max-w-full max-h-full object-cover rounded\" />\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('pdf') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-pdf text-3xl text-red-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('docx') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-word text-3xl text-blue-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('csv') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-3xl text-green-500\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@case ('xlsx') {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file-excel text-3xl text-green-600\"></i>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@default {\n\t\t\t\t\t\t\t\t<i class=\"pi pi-file text-3xl text-gray-500\"></i>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<p class=\"text-xs text-gray-600 mt-1 truncate max-w-full text-center\">{{\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t}}</p>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</ng-template>\n\t\t</p-galleria>\n\t}\n</div>\n\n@if (isPdfViewerVisible) {\n\t<ngp-pdf-viewer-modal\n\t\t[visible]=\"isPdfViewerVisible\"\n\t\t[pdfFile]=\"currentFileUrl\"\n\t\t[filename]=\"currentFileUrl || 'untitled.pdf'\"\n\t\t(hide)=\"isPdfViewerVisible = false\" />\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { files: [{ type: i0.Input, args: [{ isSignal: true, alias: "files", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], maxFileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSize", required: false }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], isViewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isViewMode", required: false }] }], filesSelected: [{ type: i0.Output, args: ["filesSelected"] }], filesCleared: [{ type: i0.Output, args: ["filesCleared"] }] } });
 
 class PaginatedRequest {