@winexist/ngp 0.12.4 → 0.12.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/fesm2022/winexist-ngp.mjs +22 -22
  2. package/fesm2022/winexist-ngp.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/winexist-ngp.mjs CHANGED
@@ -1,31 +1,31 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { input, Component, output, signal, effect, ViewChild, ContentChild, Input, forwardRef, inject, Injectable, computed, contentChild, untracked, Injector } from '@angular/core';
3
- import * as i1$1 from '@angular/common';
4
- import { CommonModule } from '@angular/common';
3
+ import * as i3 from '@angular/common';
4
+ import { CommonModule, SlicePipe } from '@angular/common';
5
5
  import * as i1 from 'primeng/fileupload';
6
6
  import { FileUploadModule } from 'primeng/fileupload';
7
7
  import * as i5 from '@angular/forms';
8
8
  import { NgControl, FormsModule, NG_VALUE_ACCESSOR, FormBuilder, ReactiveFormsModule, NG_VALIDATORS } from '@angular/forms';
9
- import * as i1$2 from 'primeng/message';
9
+ import * as i1$1 from 'primeng/message';
10
10
  import { MessageModule } from 'primeng/message';
11
- import * as i1$3 from '@ng-select/ng-select';
11
+ import * as i1$2 from '@ng-select/ng-select';
12
12
  import { NgSelectModule } from '@ng-select/ng-select';
13
13
  import * as i4 from 'primeng/floatlabel';
14
14
  import { FloatLabelModule } from 'primeng/floatlabel';
15
15
  import * as i5$1 from 'primeng/progressspinner';
16
16
  import { ProgressSpinnerModule } from 'primeng/progressspinner';
17
17
  import { RxwebValidators } from '@rxweb/reactive-form-validators';
18
- import * as i1$4 from 'primeng/inputtext';
18
+ import * as i1$3 from 'primeng/inputtext';
19
19
  import { InputTextModule } from 'primeng/inputtext';
20
20
  import * as i2 from 'primeng/inputnumber';
21
21
  import { InputNumberModule } from 'primeng/inputnumber';
22
22
  import { HttpClient } from '@angular/common/http';
23
- import * as i3 from 'primeng/api';
23
+ import * as i3$1 from 'primeng/api';
24
24
  import { ConfirmationService, MessageService } from 'primeng/api';
25
25
  import * as i4$1 from 'primeng/button';
26
26
  import { ButtonModule } from 'primeng/button';
27
27
  import { ConfirmDialogModule } from 'primeng/confirmdialog';
28
- import * as i1$6 from 'primeng/dialog';
28
+ import * as i1$5 from 'primeng/dialog';
29
29
  import { DialogModule } from 'primeng/dialog';
30
30
  import * as i6 from 'primeng/popover';
31
31
  import { PopoverModule } from 'primeng/popover';
@@ -33,18 +33,18 @@ import * as i5$2 from 'primeng/skeleton';
33
33
  import { SkeletonModule } from 'primeng/skeleton';
34
34
  import * as i2$1 from 'primeng/table';
35
35
  import { TableModule } from 'primeng/table';
36
- import * as i3$1 from 'primeng/toast';
36
+ import * as i3$2 from 'primeng/toast';
37
37
  import { ToastModule } from 'primeng/toast';
38
38
  import { ToolbarModule } from 'primeng/toolbar';
39
39
  import { TooltipModule } from 'primeng/tooltip';
40
40
  import { tap } from 'rxjs/operators';
41
- import * as i1$5 from 'primeng/drawer';
41
+ import * as i1$4 from 'primeng/drawer';
42
42
  import { DrawerModule } from 'primeng/drawer';
43
43
  import { DividerModule } from 'primeng/divider';
44
44
  import { timer, map, share, shareReplay, catchError, of, finalize } from 'rxjs';
45
45
  import * as i2$2 from 'ngx-extended-pdf-viewer';
46
46
  import { NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
47
- import * as i1$7 from 'primeng/galleria';
47
+ import * as i1$6 from 'primeng/galleria';
48
48
  import { GalleriaModule } from 'primeng/galleria';
49
49
  import * as i4$2 from 'primeng/speeddial';
50
50
  import { SpeedDialModule } from 'primeng/speeddial';
@@ -173,7 +173,7 @@ class FileUploadComponent {
173
173
  }
174
174
  }
175
175
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
176
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FileUploadComponent, isStandalone: true, selector: "ngp-file-upload", 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 }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showUploadButton: { classPropertyName: "showUploadButton", publicName: "showUploadButton", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesSelected: "filesSelected", filesCleared: "filesCleared" }, viewQueries: [{ propertyName: "fileUploader", first: true, predicate: ["fileUploader"], descendants: true }], ngImport: i0, template: "<p-fileupload\r\n\t#fileUploader\r\n\t[multiple]=\"multiple()\"\r\n\t[showUploadButton]=\"showUploadButton()\"\r\n\t[cancelLabel]=\"cancelLabel()\"\r\n\t[accept]=\"accept()\"\r\n\tauto=\"false\"\r\n\t[maxFileSize]=\"maxFileSize()\"\r\n\tmode=\"advanced\"\r\n\t[customUpload]=\"true\"\r\n\tstyleClass=\"!bg-gray-50\"\r\n\t(onSelect)=\"onFileSelect($event)\"\r\n\t(onClear)=\"onClear()\">\r\n\t<ng-template #content>\r\n\t\t@if (uploadedFiles().length) {\r\n\t\t\t<ul class=\"space-y-2\">\r\n\t\t\t\t@for (file of uploadedFiles(); track $index) {\r\n\t\t\t\t\t<li class=\"flex justify-between gap-4 p-2 bg-gray-100 rounded\">\r\n\t\t\t\t\t\t<div class=\"flex gap-2\">\r\n\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"iconTemplate\"\r\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: file.fileType }\"></ng-container>\r\n\t\t\t\t\t\t\t<span class=\"text-sm\"> {{ file.name }} - {{ formatFileSize(file.size) }} </span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t(click)=\"removeFile($index)\"\r\n\t\t\t\t\t\t\tclass=\"text-red-500 hover:text-red-700 text-sm\">\r\n\t\t\t\t\t\t\t<span class=\"material-icons !text-base\"> cancel </span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t} @else {\r\n\t\t\t<div class=\"flex flex-col items-center gap-3\">\r\n\t\t\t\t<div class=\"w-28 mx-auto\">\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\tviewBox=\"0 0 855.42518 833.48708\"\r\n\t\t\t\t\t\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n\t\t\t\t\t\trole=\"img\"\r\n\t\t\t\t\t\tartist=\"Katerina Limpitsouni\"\r\n\t\t\t\t\t\tsource=\"https://undraw.co/\">\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#fff\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\r\n\t\t\t\t\t\t<circle cx=\"560.98874\" cy=\"420.8005\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"581.47134\" cy=\"479.21383\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"436.73141\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"264.3704\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<polygon\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t\t<span class=\"font-semibold text-center text-gray-400 text-sm\">\r\n\t\t\t\t\tDrag & drop or<br />\r\n\t\t\t\t\tclick the \"Choose\" button to add new files\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</ng-template>\r\n\t<ng-template #file></ng-template>\r\n</p-fileupload>\r\n\r\n<ng-template #iconTemplate let-type>\r\n\t@if (type === 'image') {\r\n\t\t<span class=\"material-icons\"> image </span>\r\n\t} @else if (type === 'pdf') {\r\n\t\t<span class=\"material-icons\"> picture_as_pdf </span>\r\n\t} @else {\r\n\t\t<span class=\"material-icons\"> insert_drive_file </span>\r\n\t}\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i1.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
176
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FileUploadComponent, isStandalone: true, selector: "ngp-file-upload", 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 }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showUploadButton: { classPropertyName: "showUploadButton", publicName: "showUploadButton", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesSelected: "filesSelected", filesCleared: "filesCleared" }, viewQueries: [{ propertyName: "fileUploader", first: true, predicate: ["fileUploader"], descendants: true }], ngImport: i0, template: "<p-fileupload\r\n\t#fileUploader\r\n\t[multiple]=\"multiple()\"\r\n\t[showUploadButton]=\"showUploadButton()\"\r\n\t[cancelLabel]=\"cancelLabel()\"\r\n\t[accept]=\"accept()\"\r\n\tauto=\"false\"\r\n\t[maxFileSize]=\"maxFileSize()\"\r\n\tmode=\"advanced\"\r\n\t[customUpload]=\"true\"\r\n\tstyleClass=\"!bg-gray-50\"\r\n\t(onSelect)=\"onFileSelect($event)\"\r\n\t(onClear)=\"onClear()\">\r\n\t<ng-template #content>\r\n\t\t@if (uploadedFiles().length) {\r\n\t\t\t<ul class=\"space-y-2\">\r\n\t\t\t\t@for (file of uploadedFiles(); track $index) {\r\n\t\t\t\t\t<li class=\"flex justify-between gap-4 p-2 bg-gray-100 rounded\">\r\n\t\t\t\t\t\t<div class=\"flex gap-2\">\r\n\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"iconTemplate\"\r\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: file.fileType }\"></ng-container>\r\n\t\t\t\t\t\t\t<span class=\"text-sm\"> {{ file.name }} - {{ formatFileSize(file.size) }} </span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t(click)=\"removeFile($index)\"\r\n\t\t\t\t\t\t\tclass=\"text-red-500 hover:text-red-700 text-sm\">\r\n\t\t\t\t\t\t\t<span class=\"material-icons !text-base\"> cancel </span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t} @else {\r\n\t\t\t<div class=\"flex flex-col items-center gap-3\">\r\n\t\t\t\t<div class=\"w-28 mx-auto\">\r\n\t\t\t\t\t<svg\r\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\tviewBox=\"0 0 855.42518 833.48708\"\r\n\t\t\t\t\t\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n\t\t\t\t\t\trole=\"img\"\r\n\t\t\t\t\t\tartist=\"Katerina Limpitsouni\"\r\n\t\t\t\t\t\tsource=\"https://undraw.co/\">\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#fff\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\r\n\t\t\t\t\t\t<circle cx=\"560.98874\" cy=\"420.8005\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"581.47134\" cy=\"479.21383\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"436.73141\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"264.3704\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"259.81871\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"593.00603\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<circle cx=\"560.23012\" cy=\"524.73071\" r=\"4.55169\" fill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<polygon\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#08BBD3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#d6d6e3\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t\t<path\r\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\"\r\n\t\t\t\t\t\t\tfill=\"#090814\" />\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t\t<span class=\"font-semibold text-center text-gray-400 text-sm\">\r\n\t\t\t\t\tDrag & drop or<br />\r\n\t\t\t\t\tclick the \"Choose\" button to add new files\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</ng-template>\r\n\t<ng-template #file></ng-template>\r\n</p-fileupload>\r\n\r\n<ng-template #iconTemplate let-type>\r\n\t@if (type === 'image') {\r\n\t\t<span class=\"material-icons\"> image </span>\r\n\t} @else if (type === 'pdf') {\r\n\t\t<span class=\"material-icons\"> picture_as_pdf </span>\r\n\t} @else {\r\n\t\t<span class=\"material-icons\"> insert_drive_file </span>\r\n\t}\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i1.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
177
177
  }
178
178
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FileUploadComponent, decorators: [{
179
179
  type: Component,
@@ -224,7 +224,7 @@ class FormFieldWrapperComponent {
224
224
  return this.validationMessages[firstErrorKey] || `Invalid input: ${firstErrorKey}`;
225
225
  }
226
226
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormFieldWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
227
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FormFieldWrapperComponent, isStandalone: true, selector: "ngp-form-field-wrapper", inputs: { validationMessages: "validationMessages" }, queries: [{ propertyName: "control", first: true, predicate: NgControl, descendants: true }], ngImport: i0, template: "<div class=\"form-field-container\">\r\n <ng-content></ng-content>\r\n @if (shouldShowError()) {\r\n <p-message severity=\"error\" variant=\"simple\" size=\"small\" [text]=\"getErrorMessage()\">\r\n </p-message>\r\n }\r\n</div>", styles: [":host{display:block;margin-bottom:1rem}.form-field-container{display:flex;flex-direction:column;gap:4px}:host ::ng-deep .ng-invalid.ng-touched,:host ::ng-deep .ng-invalid.ng-dirty{border-color:#f44336!important;outline-color:#f44336!important}:host ::ng-deep .ng-invalid.ng-touched input,:host ::ng-deep .ng-invalid.ng-dirty input{border-color:#f44336!important;outline-color:#f44336!important}:host ::ng-deep .ng-invalid.ng-touched .ng-select-container,:host ::ng-deep .ng-invalid.ng-dirty .ng-select-container{border-color:#f44336!important;outline-color:#f44336!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i1$2.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] });
227
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FormFieldWrapperComponent, isStandalone: true, selector: "ngp-form-field-wrapper", inputs: { validationMessages: "validationMessages" }, queries: [{ propertyName: "control", first: true, predicate: NgControl, descendants: true }], ngImport: i0, template: "<div class=\"form-field-container\">\r\n <ng-content></ng-content>\r\n @if (shouldShowError()) {\r\n <p-message severity=\"error\" variant=\"simple\" size=\"small\" [text]=\"getErrorMessage()\">\r\n </p-message>\r\n }\r\n</div>", styles: [":host{display:block;margin-bottom:1rem}.form-field-container{display:flex;flex-direction:column;gap:4px}:host ::ng-deep .ng-invalid.ng-touched,:host ::ng-deep .ng-invalid.ng-dirty{border-color:#f44336!important;outline-color:#f44336!important}:host ::ng-deep .ng-invalid.ng-touched input,:host ::ng-deep .ng-invalid.ng-dirty input{border-color:#f44336!important;outline-color:#f44336!important}:host ::ng-deep .ng-invalid.ng-touched .ng-select-container,:host ::ng-deep .ng-invalid.ng-dirty .ng-select-container{border-color:#f44336!important;outline-color:#f44336!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i1$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] });
228
228
  }
229
229
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormFieldWrapperComponent, decorators: [{
230
230
  type: Component,
@@ -294,7 +294,7 @@ class BasicNgSelectComponent {
294
294
  useExisting: forwardRef(() => BasicNgSelectComponent),
295
295
  multi: true
296
296
  }
297
- ], ngImport: i0, template: "<ngp-form-field-wrapper>\r\n <p-floatlabel variant=\"in\">\r\n <ng-select [(ngModel)]=\"value\" [bindLabel]=\"bindLabel()\" [bindValue]=\"bindValue()\" [items]=\"options()\"\r\n [compareWith]=\"compareWith\" [clearable]=\"clearable()\" (change)=\"onValueChange($event)\">\r\n <ng-template ng-loadingspinner-tmp>\r\n <ng-container [ngTemplateOutlet]=\"spinner\" />\r\n </ng-template>\r\n </ng-select>\r\n\r\n @if (label()) {\r\n <label class=\"block mb-2\" [ngClass]=\"{'required-label': required() }\">{{ label() }}</label>\r\n }\r\n </p-floatlabel>\r\n</ngp-form-field-wrapper>\r\n\r\n<ng-template #spinner>\r\n <p-progress-spinner ariaLabel=\"loading\" styleClass=\"text-gray-400\" />\r\n</ng-template>", styles: [""], dependencies: [{ kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i1$3.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: i1$3.NgLoadingSpinnerTemplateDirective, selector: "[ng-loadingspinner-tmp]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "ngp-form-field-wrapper", inputs: ["validationMessages"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i5$1.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] });
297
+ ], ngImport: i0, template: "<ngp-form-field-wrapper>\r\n <p-floatlabel variant=\"in\">\r\n <ng-select [(ngModel)]=\"value\" [bindLabel]=\"bindLabel()\" [bindValue]=\"bindValue()\" [items]=\"options()\"\r\n [compareWith]=\"compareWith\" [clearable]=\"clearable()\" (change)=\"onValueChange($event)\">\r\n <ng-template ng-loadingspinner-tmp>\r\n <ng-container [ngTemplateOutlet]=\"spinner\" />\r\n </ng-template>\r\n </ng-select>\r\n\r\n @if (label()) {\r\n <label class=\"block mb-2\" [ngClass]=\"{'required-label': required() }\">{{ label() }}</label>\r\n }\r\n </p-floatlabel>\r\n</ngp-form-field-wrapper>\r\n\r\n<ng-template #spinner>\r\n <p-progress-spinner ariaLabel=\"loading\" styleClass=\"text-gray-400\" />\r\n</ng-template>", styles: [""], dependencies: [{ kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i1$2.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: i1$2.NgLoadingSpinnerTemplateDirective, selector: "[ng-loadingspinner-tmp]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "ngp-form-field-wrapper", inputs: ["validationMessages"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i5$1.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] });
298
298
  }
299
299
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BasicNgSelectComponent, decorators: [{
300
300
  type: Component,
@@ -556,7 +556,7 @@ class FgAddressComponent {
556
556
  useExisting: forwardRef(() => FgAddressComponent),
557
557
  multi: true
558
558
  }
559
- ], ngImport: i0, template: "@if (showHeader()) {\r\n\t<h2 class=\"text-xl font-semibold mb-4\" [ngClass]=\"{ 'px-4': isDisabled() }\">Address</h2>\r\n}\r\n\r\n@if (isViewMode()) {\r\n\t@let address = addressForm.value;\r\n\r\n\t<div class=\"grid gap-3 p-4\">\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"country\">Country:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{ address.country || 'Philippines' }}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"province\">Province:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{\r\n\t\t\t\taddress.province?.name || address.province || ''\r\n\t\t\t}}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"city\">City/Municipality:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{\r\n\t\t\t\taddress.city?.name || address.city || ''\r\n\t\t\t}}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"barangay\">Barangay:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{\r\n\t\t\t\taddress.barangay?.name || address.barangay || ''\r\n\t\t\t}}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"line1\">Line 1:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{ address.line1 || '' }}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"line2\">Line 2:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{ address.line2 || '' }}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"zipCode\">Zip Code:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{ address.zipCode || '' }}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"landmark\">Nearest Landmark:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{ address.landmark || '' }}</p>\r\n\t\t</div>\r\n\t</div>\r\n} @else {\r\n\t<form [formGroup]=\"addressForm\">\r\n\t\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<input pInputText trim=\"blur\" id=\"country\" formControlName=\"country\" class=\"w-full\" />\r\n\t\t\t\t\t\t<label for=\"country\" class=\"block mb-2 required-label\">Country</label>\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<ng-select\r\n\t\t\t\t\t\t\tformControlName=\"province\"\r\n\t\t\t\t\t\t\t[items]=\"provinceOptions\"\r\n\t\t\t\t\t\t\t[loading]=\"provHttp$ && !provHttp$.closed\"\r\n\t\t\t\t\t\t\tbindLabel=\"name\" />\r\n\t\t\t\t\t\t<label for=\"province\" class=\"block mb-2 required-label\">Province</label>\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<ng-select\r\n\t\t\t\t\t\t\tformControlName=\"city\"\r\n\t\t\t\t\t\t\t[items]=\"cityOptions\"\r\n\t\t\t\t\t\t\t[loading]=\"cityHttp$ && !cityHttp$.closed\"\r\n\t\t\t\t\t\t\tbindLabel=\"name\" />\r\n\t\t\t\t\t\t<label for=\"city\" class=\"block mb-2 required-label\">City/Municipality</label>\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<ng-select\r\n\t\t\t\t\t\t\tformControlName=\"barangay\"\r\n\t\t\t\t\t\t\t[items]=\"barangayOptions\"\r\n\t\t\t\t\t\t\t[loading]=\"barangayHttp$ && !barangayHttp$.closed\"\r\n\t\t\t\t\t\t\tbindLabel=\"name\" />\r\n\r\n\t\t\t\t\t\t<label for=\"barangay\" class=\"block mb-2 required-label\">Barangay</label>\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div>\r\n\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t<label for=\"line1\" class=\"block mb-2 required-label\">Line 1</label>\r\n\t\t\t\t\t<input pInputText trim=\"blur\" id=\"line1\" formControlName=\"line1\" class=\"w-full\" />\r\n\t\t\t\t</p-floatlabel>\r\n\t\t\t</ngp-form-field-wrapper>\r\n\t\t</div>\r\n\r\n\t\t<div>\r\n\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t<label for=\"line2\" class=\"block mb-2\">Line 2</label>\r\n\t\t\t\t\t<input pInputText trim=\"blur\" id=\"line2\" formControlName=\"line2\" class=\"w-full\" />\r\n\t\t\t\t</p-floatlabel>\r\n\t\t\t</ngp-form-field-wrapper>\r\n\t\t</div>\r\n\t\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<p-inputnumber\r\n\t\t\t\t\t\t\t[inputId]=\"'zipCode'\"\r\n\t\t\t\t\t\t\tformControlName=\"zipCode\"\r\n\t\t\t\t\t\t\tstyleClass=\"w-full\"\r\n\t\t\t\t\t\t\t[useGrouping]=\"false\" />\r\n\t\t\t\t\t\t<label for=\"zipCode\" class=\"block mb-2 required-label\">Zip Code</label>\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<label for=\"landmark\" class=\"block mb-2 required-label\">Nearest Landmark</label>\r\n\t\t\t\t\t\t<input pInputText trim=\"blur\" id=\"landmark\" formControlName=\"landmark\" class=\"w-full\" />\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</form>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "ngp-form-field-wrapper", inputs: ["validationMessages"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i1$3.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }] });
559
+ ], ngImport: i0, template: "@if (showHeader()) {\r\n\t<h2 class=\"text-xl font-semibold mb-4\" [ngClass]=\"{ 'px-4': isDisabled() }\">Address</h2>\r\n}\r\n\r\n@if (isViewMode()) {\r\n\t@let address = addressForm.value;\r\n\r\n\t<div class=\"grid gap-3 p-4\">\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"country\">Country:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{ address.country || 'Philippines' }}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"province\">Province:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{\r\n\t\t\t\taddress.province?.name || address.province || ''\r\n\t\t\t}}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"city\">City/Municipality:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{\r\n\t\t\t\taddress.city?.name || address.city || ''\r\n\t\t\t}}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"barangay\">Barangay:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{\r\n\t\t\t\taddress.barangay?.name || address.barangay || ''\r\n\t\t\t}}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"line1\">Line 1:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{ address.line1 || '' }}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"line2\">Line 2:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{ address.line2 || '' }}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between border-b border-b-slate-200 py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"zipCode\">Zip Code:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{ address.zipCode || '' }}</p>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center justify-between py-3\">\r\n\t\t\t<label class=\"font-bold px-2 text-slate-400 text-sm\" for=\"landmark\">Nearest Landmark:</label>\r\n\t\t\t<p class=\"font-bold text-right text-slate-500\">{{ address.landmark || '' }}</p>\r\n\t\t</div>\r\n\t</div>\r\n} @else {\r\n\t<form [formGroup]=\"addressForm\">\r\n\t\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<input pInputText trim=\"blur\" id=\"country\" formControlName=\"country\" class=\"w-full\" />\r\n\t\t\t\t\t\t<label for=\"country\" class=\"block mb-2 required-label\">Country</label>\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<ng-select\r\n\t\t\t\t\t\t\tformControlName=\"province\"\r\n\t\t\t\t\t\t\t[items]=\"provinceOptions\"\r\n\t\t\t\t\t\t\t[loading]=\"provHttp$ && !provHttp$.closed\"\r\n\t\t\t\t\t\t\tbindLabel=\"name\" />\r\n\t\t\t\t\t\t<label for=\"province\" class=\"block mb-2 required-label\">Province</label>\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<ng-select\r\n\t\t\t\t\t\t\tformControlName=\"city\"\r\n\t\t\t\t\t\t\t[items]=\"cityOptions\"\r\n\t\t\t\t\t\t\t[loading]=\"cityHttp$ && !cityHttp$.closed\"\r\n\t\t\t\t\t\t\tbindLabel=\"name\" />\r\n\t\t\t\t\t\t<label for=\"city\" class=\"block mb-2 required-label\">City/Municipality</label>\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<ng-select\r\n\t\t\t\t\t\t\tformControlName=\"barangay\"\r\n\t\t\t\t\t\t\t[items]=\"barangayOptions\"\r\n\t\t\t\t\t\t\t[loading]=\"barangayHttp$ && !barangayHttp$.closed\"\r\n\t\t\t\t\t\t\tbindLabel=\"name\" />\r\n\r\n\t\t\t\t\t\t<label for=\"barangay\" class=\"block mb-2 required-label\">Barangay</label>\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div>\r\n\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t<label for=\"line1\" class=\"block mb-2 required-label\">Line 1</label>\r\n\t\t\t\t\t<input pInputText trim=\"blur\" id=\"line1\" formControlName=\"line1\" class=\"w-full\" />\r\n\t\t\t\t</p-floatlabel>\r\n\t\t\t</ngp-form-field-wrapper>\r\n\t\t</div>\r\n\r\n\t\t<div>\r\n\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t<label for=\"line2\" class=\"block mb-2\">Line 2</label>\r\n\t\t\t\t\t<input pInputText trim=\"blur\" id=\"line2\" formControlName=\"line2\" class=\"w-full\" />\r\n\t\t\t\t</p-floatlabel>\r\n\t\t\t</ngp-form-field-wrapper>\r\n\t\t</div>\r\n\t\t<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<p-inputnumber\r\n\t\t\t\t\t\t\t[inputId]=\"'zipCode'\"\r\n\t\t\t\t\t\t\tformControlName=\"zipCode\"\r\n\t\t\t\t\t\t\tstyleClass=\"w-full\"\r\n\t\t\t\t\t\t\t[useGrouping]=\"false\" />\r\n\t\t\t\t\t\t<label for=\"zipCode\" class=\"block mb-2 required-label\">Zip Code</label>\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<ngp-form-field-wrapper>\r\n\t\t\t\t\t<p-floatlabel variant=\"in\">\r\n\t\t\t\t\t\t<label for=\"landmark\" class=\"block mb-2 required-label\">Nearest Landmark</label>\r\n\t\t\t\t\t\t<input pInputText trim=\"blur\" id=\"landmark\" formControlName=\"landmark\" class=\"w-full\" />\r\n\t\t\t\t\t</p-floatlabel>\r\n\t\t\t\t</ngp-form-field-wrapper>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</form>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "ngp-form-field-wrapper", inputs: ["validationMessages"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i1$2.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }] });
560
560
  }
561
561
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FgAddressComponent, decorators: [{
562
562
  type: Component,
@@ -699,7 +699,7 @@ class DataTableComponent {
699
699
  }
700
700
  }
701
701
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
702
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: DataTableComponent, isStandalone: true, selector: "ngp-data-table", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, totalElements: { classPropertyName: "totalElements", publicName: "totalElements", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, showDefaultActions: { classPropertyName: "showDefaultActions", publicName: "showDefaultActions", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, hasDeleteAction: { classPropertyName: "hasDeleteAction", publicName: "hasDeleteAction", isSignal: true, isRequired: false, transformFunction: null }, hasEditAction: { classPropertyName: "hasEditAction", publicName: "hasEditAction", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, hasViewAction: { classPropertyName: "hasViewAction", publicName: "hasViewAction", isSignal: true, isRequired: false, transformFunction: null }, entityName: { classPropertyName: "entityName", publicName: "entityName", isSignal: true, isRequired: false, transformFunction: null }, isPaginated: { classPropertyName: "isPaginated", publicName: "isPaginated", isSignal: true, isRequired: false, transformFunction: null }, showCustomAction: { classPropertyName: "showCustomAction", publicName: "showCustomAction", isSignal: true, isRequired: false, transformFunction: null }, showRowNumbers: { classPropertyName: "showRowNumbers", publicName: "showRowNumbers", isSignal: true, isRequired: false, transformFunction: null }, rowNumberHeader: { classPropertyName: "rowNumberHeader", publicName: "rowNumberHeader", isSignal: true, isRequired: false, transformFunction: null }, showCheckboxColumn: { classPropertyName: "showCheckboxColumn", publicName: "showCheckboxColumn", isSignal: true, isRequired: false, transformFunction: null }, noPadding: { classPropertyName: "noPadding", publicName: "noPadding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { add: "add", edit: "edit", deleteAction: "deleteAction", view: "view", pageChange: "pageChange", sortChange: "sortChange" }, providers: [ConfirmationService, MessageService], queries: [{ propertyName: "formTemplate", first: true, predicate: ["formTemplate"], descendants: true }], viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<div class=\"card\" [ngClass]=\"{ '!p-0': noPadding() }\">\r\n\t<p-table\r\n\t\t#dt\r\n\t\t[value]=\"data()\"\r\n\t\t[paginator]=\"isPaginated()\"\r\n\t\t[rows]=\"pageSize()\"\r\n\t\t[rowsPerPageOptions]=\"[5, 10, 25, 50]\"\r\n\t\t[rowHover]=\"true\"\r\n\t\t[loading]=\"loading()\"\r\n\t\t[showLoader]=\"false\"\r\n\t\t[scrollable]=\"true\"\r\n\t\tclass=\"p-datatable-sm\"\r\n\t\t[totalRecords]=\"totalElements()\"\r\n\t\t[lazy]=\"isPaginated()\"\r\n\t\t[first]=\"currentPage() * pageSize()\"\r\n\t\tpaginatorDropdownAppendTo=\"body\"\r\n\t\t(onPage)=\"handlePageChange($event)\"\r\n\t\t(onSort)=\"handleSort($event)\">\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<tr>\r\n\t\t\t\t@if (showCheckboxColumn()) {\r\n\t\t\t\t\t<th style=\"width: 4rem\">\r\n\t\t\t\t\t\t<p-tableHeaderCheckbox />\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t\t@if (showRowNumbers()) {\r\n\t\t\t\t\t<th class=\"text-left !font-bold !text-gray-500 !w-1\" scope=\"col\">{{\r\n\t\t\t\t\t\trowNumberHeader()\r\n\t\t\t\t\t}}</th>\r\n\t\t\t\t}\r\n\t\t\t\t@for (column of columns(); track column.field) {\r\n\t\t\t\t\t<th\r\n\t\t\t\t\t\t[pSortableColumn]=\"column.sortable ? column.field : undefined\"\r\n\t\t\t\t\t\tclass=\"text-left !font-bold !text-gray-500\"\r\n\t\t\t\t\t\t[ngClass]=\"{ '!text-center': column.align === 'center' }\"\r\n\t\t\t\t\t\tscope=\"col\"\r\n\t\t\t\t\t\t[style]=\"{ width: column.width || 'auto' }\">\r\n\t\t\t\t\t\t{{ column.header }}\r\n\t\t\t\t\t\t@if (column.sortable) {\r\n\t\t\t\t\t\t\t<p-sortIcon [field]=\"column.field\"></p-sortIcon>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@if (showDefaultActions() || showCustomAction()) {\r\n\t\t\t\t\t<th class=\"!w-32 !text-center !font-bold !text-gray-500\" scope=\"col\">Actions</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\r\n\t\t<ng-template pTemplate=\"body\" let-item let-rowIndex=\"rowIndex\">\r\n\t\t\t@if (showCheckboxColumn()) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t<p-tableCheckbox [value]=\"item\" />\r\n\t\t\t\t</td>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@if (showRowNumbers()) {\r\n\t\t\t\t\t<td class=\"!w-1 text-center\">\r\n\t\t\t\t\t\t{{ rowIndex + 1 }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@for (column of columns(); track column.field) {\r\n\t\t\t\t\t<td [ngClass]=\"{ '!text-center': column.align === 'center' }\">\r\n\t\t\t\t\t\t@if (customTemplates && customTemplates.get(column.field)) {\r\n\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"customTemplates.get(column.field)!\"\r\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item, field: column.field }\">\r\n\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t{{ getItemValue(item, column.field, column) }}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@if (showDefaultActions() || showCustomAction()) {\r\n\t\t\t\t\t<td class=\"\">\r\n\t\t\t\t\t\t<div class=\"flex justify-center gap-2\">\r\n\t\t\t\t\t\t\t@if (showDefaultActions() && actionsLength() < 2 && !showCustomAction()) {\r\n\t\t\t\t\t\t\t\t<!-- Inline buttons for less than 2 standard actions and no custom action -->\r\n\t\t\t\t\t\t\t\t@if (hasViewAction()) {\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t[text]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\tpButton\r\n\t\t\t\t\t\t\t\t\t\tclass=\"!p-0 p-button-primary\"\r\n\t\t\t\t\t\t\t\t\t\t[label]=\"'View'\"\r\n\t\t\t\t\t\t\t\t\t\t(click)=\"view.emit(item)\"></button>\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t@if (hasEditAction()) {\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t[text]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\tpButton\r\n\t\t\t\t\t\t\t\t\t\tclass=\"!p-0 p-button-primary\"\r\n\t\t\t\t\t\t\t\t\t\t(click)=\"edit.emit(item)\"\r\n\t\t\t\t\t\t\t\t\t\t[label]=\"'Update'\"></button>\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t@if (hasDeleteAction()) {\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t[text]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\tpButton\r\n\t\t\t\t\t\t\t\t\t\tclass=\"!p-0 p-button-danger\"\r\n\t\t\t\t\t\t\t\t\t\t(click)=\"deleteAction.emit(item)\"\r\n\t\t\t\t\t\t\t\t\t\t[label]=\"'Delete'\"></button>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t} @else if (!showDefaultActions() && showCustomAction()) {\r\n\t\t\t\t\t\t\t\t<!-- Only custom action, no popover needed -->\r\n\t\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"customTemplates.get('customAction')!\"\r\n\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item, field: 'customAction' }\">\r\n\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t<!-- Popover menu for 2+ standard actions or when combining with custom action -->\r\n\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t[text]=\"true\"\r\n\t\t\t\t\t\t\t\t\tpButton\r\n\t\t\t\t\t\t\t\t\ticon=\"pi pi-ellipsis-h\"\r\n\t\t\t\t\t\t\t\t\tclass=\"p-button-outlined p-button-secondary\"\r\n\t\t\t\t\t\t\t\t\t(click)=\"po.toggle($event)\"></button>\r\n\t\t\t\t\t\t\t\t<p-popover #po styleClass=\"!min-w-40\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"!font-semibold !text-gray-500 block mb-2\">Actions</span>\r\n\t\t\t\t\t\t\t\t\t<ul class=\"list-none p-0 m-0 flex flex-col\">\r\n\t\t\t\t\t\t\t\t\t\t@if (showDefaultActions()) {\r\n\t\t\t\t\t\t\t\t\t\t\t@for (actionItem of actionItems(); track $index) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t@if (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tactionItem.visible &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t(!actionItem.shouldShow || actionItem.shouldShow(item))\r\n\t\t\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"flex items-center gap-2 px-2 py-3 hover:bg-emphasis cursor-pointer rounded-border\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"perFormActionFromPopover(item, actionItem.label)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pi\" [ngClass]=\"actionItem.icon\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"font-medium\">{{ actionItem.label }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t<!-- Custom action template in popover -->\r\n\t\t\t\t\t\t\t\t\t\t@if (showCustomAction() && customTemplates.get('customAction')) {\r\n\t\t\t\t\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"customTemplates.get('customAction')!\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item, field: 'customAction' }\">\r\n\t\t\t\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t\t\t</p-popover>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\r\n\t\t<ng-template #loadingbody>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (column of columns(); track column.field) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (showDefaultActions() || showCustomAction()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (column of columns(); track column.field) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (showDefaultActions() || showCustomAction()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (column of columns(); track column.field) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (showDefaultActions() || showCustomAction()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"columns().length + 1\" class=\"text-center p-4\">{{ emptyMessage() }}</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$1.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: ToastModule }, { kind: "ngmodule", type: ToolbarModule }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i5$2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i6.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }] });
702
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: DataTableComponent, isStandalone: true, selector: "ngp-data-table", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, totalElements: { classPropertyName: "totalElements", publicName: "totalElements", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, showDefaultActions: { classPropertyName: "showDefaultActions", publicName: "showDefaultActions", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, hasDeleteAction: { classPropertyName: "hasDeleteAction", publicName: "hasDeleteAction", isSignal: true, isRequired: false, transformFunction: null }, hasEditAction: { classPropertyName: "hasEditAction", publicName: "hasEditAction", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, hasViewAction: { classPropertyName: "hasViewAction", publicName: "hasViewAction", isSignal: true, isRequired: false, transformFunction: null }, entityName: { classPropertyName: "entityName", publicName: "entityName", isSignal: true, isRequired: false, transformFunction: null }, isPaginated: { classPropertyName: "isPaginated", publicName: "isPaginated", isSignal: true, isRequired: false, transformFunction: null }, showCustomAction: { classPropertyName: "showCustomAction", publicName: "showCustomAction", isSignal: true, isRequired: false, transformFunction: null }, showRowNumbers: { classPropertyName: "showRowNumbers", publicName: "showRowNumbers", isSignal: true, isRequired: false, transformFunction: null }, rowNumberHeader: { classPropertyName: "rowNumberHeader", publicName: "rowNumberHeader", isSignal: true, isRequired: false, transformFunction: null }, showCheckboxColumn: { classPropertyName: "showCheckboxColumn", publicName: "showCheckboxColumn", isSignal: true, isRequired: false, transformFunction: null }, noPadding: { classPropertyName: "noPadding", publicName: "noPadding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { add: "add", edit: "edit", deleteAction: "deleteAction", view: "view", pageChange: "pageChange", sortChange: "sortChange" }, providers: [ConfirmationService, MessageService], queries: [{ propertyName: "formTemplate", first: true, predicate: ["formTemplate"], descendants: true }], viewQueries: [{ propertyName: "table", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<div class=\"card\" [ngClass]=\"{ '!p-0': noPadding() }\">\r\n\t<p-table\r\n\t\t#dt\r\n\t\t[value]=\"data()\"\r\n\t\t[paginator]=\"isPaginated()\"\r\n\t\t[rows]=\"pageSize()\"\r\n\t\t[rowsPerPageOptions]=\"[5, 10, 25, 50]\"\r\n\t\t[rowHover]=\"true\"\r\n\t\t[loading]=\"loading()\"\r\n\t\t[showLoader]=\"false\"\r\n\t\t[scrollable]=\"true\"\r\n\t\tclass=\"p-datatable-sm\"\r\n\t\t[totalRecords]=\"totalElements()\"\r\n\t\t[lazy]=\"isPaginated()\"\r\n\t\t[first]=\"currentPage() * pageSize()\"\r\n\t\tpaginatorDropdownAppendTo=\"body\"\r\n\t\t(onPage)=\"handlePageChange($event)\"\r\n\t\t(onSort)=\"handleSort($event)\">\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<tr>\r\n\t\t\t\t@if (showCheckboxColumn()) {\r\n\t\t\t\t\t<th style=\"width: 4rem\">\r\n\t\t\t\t\t\t<p-tableHeaderCheckbox />\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t\t@if (showRowNumbers()) {\r\n\t\t\t\t\t<th class=\"text-left !font-bold !text-gray-500 !w-1\" scope=\"col\">{{\r\n\t\t\t\t\t\trowNumberHeader()\r\n\t\t\t\t\t}}</th>\r\n\t\t\t\t}\r\n\t\t\t\t@for (column of columns(); track column.field) {\r\n\t\t\t\t\t<th\r\n\t\t\t\t\t\t[pSortableColumn]=\"column.sortable ? column.field : undefined\"\r\n\t\t\t\t\t\tclass=\"text-left !font-bold !text-gray-500\"\r\n\t\t\t\t\t\t[ngClass]=\"{ '!text-center': column.align === 'center' }\"\r\n\t\t\t\t\t\tscope=\"col\"\r\n\t\t\t\t\t\t[style]=\"{ width: column.width || 'auto' }\">\r\n\t\t\t\t\t\t{{ column.header }}\r\n\t\t\t\t\t\t@if (column.sortable) {\r\n\t\t\t\t\t\t\t<p-sortIcon [field]=\"column.field\"></p-sortIcon>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@if (showDefaultActions() || showCustomAction()) {\r\n\t\t\t\t\t<th class=\"!w-32 !text-center !font-bold !text-gray-500\" scope=\"col\">Actions</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\r\n\t\t<ng-template pTemplate=\"body\" let-item let-rowIndex=\"rowIndex\">\r\n\t\t\t@if (showCheckboxColumn()) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t<p-tableCheckbox [value]=\"item\" />\r\n\t\t\t\t</td>\r\n\t\t\t}\r\n\t\t\t<tr>\r\n\t\t\t\t@if (showRowNumbers()) {\r\n\t\t\t\t\t<td class=\"!w-1 text-center\">\r\n\t\t\t\t\t\t{{ rowIndex + 1 }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@for (column of columns(); track column.field) {\r\n\t\t\t\t\t<td [ngClass]=\"{ '!text-center': column.align === 'center' }\">\r\n\t\t\t\t\t\t@if (customTemplates && customTemplates.get(column.field)) {\r\n\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"customTemplates.get(column.field)!\"\r\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item, field: column.field }\">\r\n\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t{{ getItemValue(item, column.field, column) }}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@if (showDefaultActions() || showCustomAction()) {\r\n\t\t\t\t\t<td class=\"\">\r\n\t\t\t\t\t\t<div class=\"flex justify-center gap-2\">\r\n\t\t\t\t\t\t\t@if (showDefaultActions() && actionsLength() < 2 && !showCustomAction()) {\r\n\t\t\t\t\t\t\t\t<!-- Inline buttons for less than 2 standard actions and no custom action -->\r\n\t\t\t\t\t\t\t\t@if (hasViewAction()) {\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t[text]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\tpButton\r\n\t\t\t\t\t\t\t\t\t\tclass=\"!p-0 p-button-primary\"\r\n\t\t\t\t\t\t\t\t\t\t[label]=\"'View'\"\r\n\t\t\t\t\t\t\t\t\t\t(click)=\"view.emit(item)\"></button>\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t@if (hasEditAction()) {\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t[text]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\tpButton\r\n\t\t\t\t\t\t\t\t\t\tclass=\"!p-0 p-button-primary\"\r\n\t\t\t\t\t\t\t\t\t\t(click)=\"edit.emit(item)\"\r\n\t\t\t\t\t\t\t\t\t\t[label]=\"'Update'\"></button>\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t@if (hasDeleteAction()) {\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t\t[text]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\tpButton\r\n\t\t\t\t\t\t\t\t\t\tclass=\"!p-0 p-button-danger\"\r\n\t\t\t\t\t\t\t\t\t\t(click)=\"deleteAction.emit(item)\"\r\n\t\t\t\t\t\t\t\t\t\t[label]=\"'Delete'\"></button>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t} @else if (!showDefaultActions() && showCustomAction()) {\r\n\t\t\t\t\t\t\t\t<!-- Only custom action, no popover needed -->\r\n\t\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"customTemplates.get('customAction')!\"\r\n\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item, field: 'customAction' }\">\r\n\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t<!-- Popover menu for 2+ standard actions or when combining with custom action -->\r\n\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\t[text]=\"true\"\r\n\t\t\t\t\t\t\t\t\tpButton\r\n\t\t\t\t\t\t\t\t\ticon=\"pi pi-ellipsis-h\"\r\n\t\t\t\t\t\t\t\t\tclass=\"p-button-outlined p-button-secondary\"\r\n\t\t\t\t\t\t\t\t\t(click)=\"po.toggle($event)\"></button>\r\n\t\t\t\t\t\t\t\t<p-popover #po styleClass=\"!min-w-40\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"!font-semibold !text-gray-500 block mb-2\">Actions</span>\r\n\t\t\t\t\t\t\t\t\t<ul class=\"list-none p-0 m-0 flex flex-col\">\r\n\t\t\t\t\t\t\t\t\t\t@if (showDefaultActions()) {\r\n\t\t\t\t\t\t\t\t\t\t\t@for (actionItem of actionItems(); track $index) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t@if (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tactionItem.visible &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t(!actionItem.shouldShow || actionItem.shouldShow(item))\r\n\t\t\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"flex items-center gap-2 px-2 py-3 hover:bg-emphasis cursor-pointer rounded-border\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"perFormActionFromPopover(item, actionItem.label)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pi\" [ngClass]=\"actionItem.icon\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"font-medium\">{{ actionItem.label }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t<!-- Custom action template in popover -->\r\n\t\t\t\t\t\t\t\t\t\t@if (showCustomAction() && customTemplates.get('customAction')) {\r\n\t\t\t\t\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"customTemplates.get('customAction')!\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item, field: 'customAction' }\">\r\n\t\t\t\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t\t\t</p-popover>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\r\n\t\t<ng-template #loadingbody>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (column of columns(); track column.field) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (showDefaultActions() || showCustomAction()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (column of columns(); track column.field) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (showDefaultActions() || showCustomAction()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (column of columns(); track column.field) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t\t@if (showDefaultActions() || showCustomAction()) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p-skeleton />\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"columns().length + 1\" class=\"text-center p-4\">{{ emptyMessage() }}</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-table>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$1.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: ToastModule }, { kind: "ngmodule", type: ToolbarModule }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i5$2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i6.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }] });
703
703
  }
704
704
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DataTableComponent, decorators: [{
705
705
  type: Component,
@@ -1195,11 +1195,11 @@ class DynamicNgSelectComponent {
1195
1195
  useExisting: forwardRef(() => DynamicNgSelectComponent),
1196
1196
  multi: true
1197
1197
  }
1198
- ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true, isSignal: true }, { propertyName: "selectedItemTemplate", first: true, predicate: ["selectedItemTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<p-floatlabel variant=\"in\">\r\n\t<ng-select\r\n\t\t[items]=\"options()\"\r\n\t\t[bindLabel]=\"bindLabel\"\r\n\t\t[bindValue]=\"bindValue || ''\"\r\n\t\t[disabled]=\"disabled\"\r\n\t\t[readonly]=\"isReadonly\"\r\n\t\t[(ngModel)]=\"value\"\r\n\t\t[clearable]=\"clearable\"\r\n\t\t[multiple]=\"multiple\"\r\n\t\t[maxSelectedItems]=\"maxSelectedItems\"\r\n\t\t[compareWith]=\"compareWith\"\r\n\t\t(change)=\"onValueChange($event)\">\r\n\t\t<!-- Template for dropdown items -->\r\n\t\t@if (itemTemplate()) {\r\n\t\t\t<ng-template ng-option-tmp let-item=\"item\">\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t*ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-container>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\r\n\t\t<!-- Template for selected item display -->\r\n\t\t@if (selectedItemTemplate()) {\r\n\t\t\t<ng-template ng-label-tmp let-item=\"item\">\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t*ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"></ng-container>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\r\n\t\t<!-- Template for multi-label (selected items with x button) -->\r\n\t\t<ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\r\n\t\t\t@for (item of items; track item) {\r\n\t\t\t\t<div class=\"ng-value\">\r\n\t\t\t\t\t<span class=\"ng-value-icon\" (click)=\"clear(item)\" aria-hidden=\"true\">\u00D7</span>\r\n\t\t\t\t\t<span class=\"ng-value-label\">\r\n\t\t\t\t\t\t@if (selectedItemTemplate()) {\r\n\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t*ngTemplateOutlet=\"\r\n\t\t\t\t\t\t\t\t\tselectedItemTemplate();\r\n\t\t\t\t\t\t\t\t\tcontext: { $implicit: item }\r\n\t\t\t\t\t\t\t\t\"></ng-container>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t{{ item[bindLabel] }}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\t</ng-select>\r\n\r\n\t<label [class.required-label]=\"isRequired\">{{ placeholder }}</label>\r\n</p-floatlabel>\r\n", dependencies: [{ kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i1$3.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: i1$3.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i1$3.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i1$3.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }] });
1198
+ ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true, isSignal: true }, { propertyName: "selectedItemTemplate", first: true, predicate: ["selectedItemTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<p-floatlabel variant=\"in\">\r\n\t<ng-select\r\n\t\t[items]=\"options()\"\r\n\t\t[bindLabel]=\"bindLabel\"\r\n\t\t[bindValue]=\"bindValue || ''\"\r\n\t\t[disabled]=\"disabled\"\r\n\t\t[readonly]=\"isReadonly\"\r\n\t\t[(ngModel)]=\"value\"\r\n\t\t[clearable]=\"clearable\"\r\n\t\t[multiple]=\"multiple\"\r\n\t\t[maxSelectedItems]=\"maxSelectedItems\"\r\n\t\t[compareWith]=\"compareWith\"\r\n\t\t[closeOnSelect]=\"multiple ? false : true\"\r\n\t\t(change)=\"onValueChange($event)\">\r\n\t\t<!-- Template for dropdown items -->\r\n\t\t@if (itemTemplate()) {\r\n\t\t\t<ng-template ng-option-tmp let-item=\"item\">\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t*ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-container>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\r\n\t\t<!-- Template for selected item display -->\r\n\t\t@if (selectedItemTemplate()) {\r\n\t\t\t<ng-template ng-label-tmp let-item=\"item\">\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t*ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"></ng-container>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\r\n\t\t<!-- Template for multi-label (selected items with x button) -->\r\n\t\t<ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\r\n\t\t\t@for (item of items | slice: 0 : 1; track item) {\r\n\t\t\t\t<div class=\"ng-value\">\r\n\t\t\t\t\t<span class=\"ng-value-icon\" (click)=\"clear(item)\" aria-hidden=\"true\">\u00D7</span>\r\n\t\t\t\t\t<span class=\"ng-value-label\">\r\n\t\t\t\t\t\t@if (selectedItemTemplate()) {\r\n\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t*ngTemplateOutlet=\"\r\n\t\t\t\t\t\t\t\t\tselectedItemTemplate();\r\n\t\t\t\t\t\t\t\t\tcontext: { $implicit: item }\r\n\t\t\t\t\t\t\t\t\"></ng-container>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t{{ $any(item)[bindLabel] }}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\r\n\t\t\t@if (items.length > 1) {\r\n\t\t\t\t<div class=\"ng-value\">\r\n\t\t\t\t\t<span class=\"ng-value-label\">{{ items.length - 1 }} more...</span>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\t</ng-select>\r\n\r\n\t<label [class.required-label]=\"isRequired\">{{ placeholder }}</label>\r\n</p-floatlabel>\r\n", dependencies: [{ kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i1$2.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: i1$2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i1$2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i1$2.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }] });
1199
1199
  }
1200
1200
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DynamicNgSelectComponent, decorators: [{
1201
1201
  type: Component,
1202
- args: [{ selector: 'ngp-dynamic-select', imports: [NgSelectModule, FormsModule, CommonModule, FloatLabelModule], providers: [
1202
+ args: [{ selector: 'ngp-dynamic-select', imports: [NgSelectModule, FormsModule, CommonModule, FloatLabelModule, SlicePipe], providers: [
1203
1203
  {
1204
1204
  provide: NG_VALUE_ACCESSOR,
1205
1205
  useExisting: forwardRef(() => DynamicNgSelectComponent),
@@ -1210,7 +1210,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
1210
1210
  useExisting: forwardRef(() => DynamicNgSelectComponent),
1211
1211
  multi: true
1212
1212
  }
1213
- ], template: "<p-floatlabel variant=\"in\">\r\n\t<ng-select\r\n\t\t[items]=\"options()\"\r\n\t\t[bindLabel]=\"bindLabel\"\r\n\t\t[bindValue]=\"bindValue || ''\"\r\n\t\t[disabled]=\"disabled\"\r\n\t\t[readonly]=\"isReadonly\"\r\n\t\t[(ngModel)]=\"value\"\r\n\t\t[clearable]=\"clearable\"\r\n\t\t[multiple]=\"multiple\"\r\n\t\t[maxSelectedItems]=\"maxSelectedItems\"\r\n\t\t[compareWith]=\"compareWith\"\r\n\t\t(change)=\"onValueChange($event)\">\r\n\t\t<!-- Template for dropdown items -->\r\n\t\t@if (itemTemplate()) {\r\n\t\t\t<ng-template ng-option-tmp let-item=\"item\">\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t*ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-container>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\r\n\t\t<!-- Template for selected item display -->\r\n\t\t@if (selectedItemTemplate()) {\r\n\t\t\t<ng-template ng-label-tmp let-item=\"item\">\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t*ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"></ng-container>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\r\n\t\t<!-- Template for multi-label (selected items with x button) -->\r\n\t\t<ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\r\n\t\t\t@for (item of items; track item) {\r\n\t\t\t\t<div class=\"ng-value\">\r\n\t\t\t\t\t<span class=\"ng-value-icon\" (click)=\"clear(item)\" aria-hidden=\"true\">\u00D7</span>\r\n\t\t\t\t\t<span class=\"ng-value-label\">\r\n\t\t\t\t\t\t@if (selectedItemTemplate()) {\r\n\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t*ngTemplateOutlet=\"\r\n\t\t\t\t\t\t\t\t\tselectedItemTemplate();\r\n\t\t\t\t\t\t\t\t\tcontext: { $implicit: item }\r\n\t\t\t\t\t\t\t\t\"></ng-container>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t{{ item[bindLabel] }}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\t</ng-select>\r\n\r\n\t<label [class.required-label]=\"isRequired\">{{ placeholder }}</label>\r\n</p-floatlabel>\r\n" }]
1213
+ ], template: "<p-floatlabel variant=\"in\">\r\n\t<ng-select\r\n\t\t[items]=\"options()\"\r\n\t\t[bindLabel]=\"bindLabel\"\r\n\t\t[bindValue]=\"bindValue || ''\"\r\n\t\t[disabled]=\"disabled\"\r\n\t\t[readonly]=\"isReadonly\"\r\n\t\t[(ngModel)]=\"value\"\r\n\t\t[clearable]=\"clearable\"\r\n\t\t[multiple]=\"multiple\"\r\n\t\t[maxSelectedItems]=\"maxSelectedItems\"\r\n\t\t[compareWith]=\"compareWith\"\r\n\t\t[closeOnSelect]=\"multiple ? false : true\"\r\n\t\t(change)=\"onValueChange($event)\">\r\n\t\t<!-- Template for dropdown items -->\r\n\t\t@if (itemTemplate()) {\r\n\t\t\t<ng-template ng-option-tmp let-item=\"item\">\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t*ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\"></ng-container>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\r\n\t\t<!-- Template for selected item display -->\r\n\t\t@if (selectedItemTemplate()) {\r\n\t\t\t<ng-template ng-label-tmp let-item=\"item\">\r\n\t\t\t\t<ng-container\r\n\t\t\t\t\t*ngTemplateOutlet=\"selectedItemTemplate(); context: { $implicit: item }\"></ng-container>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\r\n\t\t<!-- Template for multi-label (selected items with x button) -->\r\n\t\t<ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\r\n\t\t\t@for (item of items | slice: 0 : 1; track item) {\r\n\t\t\t\t<div class=\"ng-value\">\r\n\t\t\t\t\t<span class=\"ng-value-icon\" (click)=\"clear(item)\" aria-hidden=\"true\">\u00D7</span>\r\n\t\t\t\t\t<span class=\"ng-value-label\">\r\n\t\t\t\t\t\t@if (selectedItemTemplate()) {\r\n\t\t\t\t\t\t\t<ng-container\r\n\t\t\t\t\t\t\t\t*ngTemplateOutlet=\"\r\n\t\t\t\t\t\t\t\t\tselectedItemTemplate();\r\n\t\t\t\t\t\t\t\t\tcontext: { $implicit: item }\r\n\t\t\t\t\t\t\t\t\"></ng-container>\r\n\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t{{ $any(item)[bindLabel] }}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\r\n\t\t\t@if (items.length > 1) {\r\n\t\t\t\t<div class=\"ng-value\">\r\n\t\t\t\t\t<span class=\"ng-value-label\">{{ items.length - 1 }} more...</span>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\t</ng-select>\r\n\r\n\t<label [class.required-label]=\"isRequired\">{{ placeholder }}</label>\r\n</p-floatlabel>\r\n" }]
1214
1214
  }], ctorParameters: () => [], propDecorators: { apiUrl: [{
1215
1215
  type: Input
1216
1216
  }], formatOptions: [{
@@ -1240,7 +1240,7 @@ class DynamicDrawerComponent {
1240
1240
  hide = output();
1241
1241
  isOpen = false;
1242
1242
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DynamicDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1243
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: DynamicDrawerComponent, isStandalone: true, selector: "ngp-dynamic-drawer", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { hide: "hide" }, ngImport: i0, template: "<p-drawer\r\n\t[header]=\"header()\"\r\n\t[(visible)]=\"isOpen\"\r\n\tposition=\"right\"\r\n\t[styleClass]=\"styleClass()\"\r\n\t(onHide)=\"hide.emit(false)\"\r\n\t[dismissible]=\"'false'\"\r\n\t[blockScroll]=\"true\">\r\n\t<div class=\"content-wrapper !h-full\">\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</p-drawer>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i1$5.Drawer, selector: "p-drawer", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }] });
1243
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: DynamicDrawerComponent, isStandalone: true, selector: "ngp-dynamic-drawer", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { hide: "hide" }, ngImport: i0, template: "<p-drawer\r\n\t[header]=\"header()\"\r\n\t[(visible)]=\"isOpen\"\r\n\tposition=\"right\"\r\n\t[styleClass]=\"styleClass()\"\r\n\t(onHide)=\"hide.emit(false)\"\r\n\t[dismissible]=\"'false'\"\r\n\t[blockScroll]=\"true\">\r\n\t<div class=\"content-wrapper !h-full\">\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</p-drawer>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i1$4.Drawer, selector: "p-drawer", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }] });
1244
1244
  }
1245
1245
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DynamicDrawerComponent, decorators: [{
1246
1246
  type: Component,
@@ -1263,7 +1263,7 @@ class DateClockComponent {
1263
1263
  });
1264
1264
  }
1265
1265
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DateClockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1266
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: DateClockComponent, isStandalone: true, selector: "ngp-date-clock", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex items-center gap-2\">\r\n\t<div\r\n\t\tclass=\"self-start rounded-lg border border-sky-200 px-4 py-1 flex flex-col justify-center items-center bg-sky-50\"\r\n\t\t[ngClass]=\"styleClass()\">\r\n\t\t<span class=\"text-sm text-gray-500\">{{ rxDate | date: 'MMM' }}</span>\r\n\t\t<span class=\"font-bold text-xl\">{{ rxDate | date: 'dd' }}</span>\r\n\t</div>\r\n\t<div class=\"flex flex-col\">\r\n\t\t<div class=\"text-md font-bold\">Today</div>\r\n\t\t<span class=\"text-sm text-gray-400 font-medium\">\r\n\t\t\t{{ rxDate | date: 'hh' }}:{{ rxDate | date: 'mm' }} {{ rxDate | date: 'a' }}\r\n\t\t</span>\r\n\t</div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DividerModule }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] });
1266
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: DateClockComponent, isStandalone: true, selector: "ngp-date-clock", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex items-center gap-2\">\r\n\t<div\r\n\t\tclass=\"self-start rounded-lg border border-sky-200 px-4 py-1 flex flex-col justify-center items-center bg-sky-50\"\r\n\t\t[ngClass]=\"styleClass()\">\r\n\t\t<span class=\"text-sm text-gray-500\">{{ rxDate | date: 'MMM' }}</span>\r\n\t\t<span class=\"font-bold text-xl\">{{ rxDate | date: 'dd' }}</span>\r\n\t</div>\r\n\t<div class=\"flex flex-col\">\r\n\t\t<div class=\"text-md font-bold\">Today</div>\r\n\t\t<span class=\"text-sm text-gray-400 font-medium\">\r\n\t\t\t{{ rxDate | date: 'hh' }}:{{ rxDate | date: 'mm' }} {{ rxDate | date: 'a' }}\r\n\t\t</span>\r\n\t</div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DividerModule }, { kind: "pipe", type: i3.DatePipe, name: "date" }] });
1267
1267
  }
1268
1268
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DateClockComponent, decorators: [{
1269
1269
  type: Component,
@@ -1442,7 +1442,7 @@ class PdfViewerModalComponent {
1442
1442
  visible = false;
1443
1443
  filename = 'untitled.pdf';
1444
1444
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PdfViewerModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1445
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: PdfViewerModalComponent, isStandalone: true, selector: "ngp-pdf-viewer-modal", inputs: { pdfFile: { classPropertyName: "pdfFile", publicName: "pdfFile", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: false, isRequired: false, transformFunction: null }, filename: { classPropertyName: "filename", publicName: "filename", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { hide: "hide" }, ngImport: i0, template: "<p-dialog\n\t[(visible)]=\"visible\"\n\t[modal]=\"true\"\n\t[maximizable]=\"true\"\n\t[dismissableMask]=\"false\"\n\t[resizable]=\"false\"\n\tstyleClass=\"w-11/12 md:w-3/4 lg:w-8/12 max-h-[80vh]\"\n\tappendTo=\"body\"\n\t(onHide)=\"hide.emit(false)\">\n\t@if (pdfFile()) {\n\t\t<ngx-extended-pdf-viewer\n\t\t\t[src]=\"pdfFile()!\"\n\t\t\tuseBrowserLocale=\"true\"\n\t\t\t[showZoomButtons]=\"true\"\n\t\t\t[showSidebarButton]=\"false\"\n\t\t\t[showPagingButtons]=\"false\"\n\t\t\t[showSecondaryToolbarButton]=\"false\"\n\t\t\t[showOpenFileButton]=\"false\"\n\t\t\t[showTextEditor]=\"false\"\n\t\t\t[showDrawEditor]=\"false\"\n\t\t\t[showHighlightEditor]=\"false\"\n\t\t\t[showTextEditor]=\"false\"\n\t\t\t[showStampEditor]=\"false\"\n\t\t\t[filenameForDownload]=\"filename === '' ? 'untitled.pdf' : filename\"\n\t\t\theight=\"100%\"\n\t\t\twidth=\"100%\"></ngx-extended-pdf-viewer>\n\t} @else {\n\t\t<div class=\"flex items-center justify-center h-full\">\n\t\t\t<p>Loading PDF...</p>\n\t\t</div>\n\t}\n</p-dialog>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$6.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: NgxExtendedPdfViewerModule }, { kind: "component", type: i2$2.NgxExtendedPdfViewerComponent, selector: "ngx-extended-pdf-viewer", inputs: ["customFindbarInputArea", "customToolbar", "customFindbar", "customFindbarButtons", "customPdfViewer", "customSecondaryToolbar", "customSidebar", "customThumbnail", "customFreeFloatingBar", "showFreeFloatingBar", "enableDragAndDrop", "forceUsingLegacyES5", "formData", "disableForms", "pageViewMode", "scrollMode", "authorization", "httpHeaders", "contextMenuAllowed", "enablePrint", "enablePrintAutoRotate", "forceFullReloadOfJavaScriptCode", "showTextEditor", "showStampEditor", "showDrawEditor", "showHighlightEditor", "logLevel", "minifiedJSLibraries", "printResolution", "rotation", "src", "base64Src", "minHeight", "height", "backgroundColor", "filenameForDownload", "ignoreKeyboard", "ignoreKeys", "acceptKeys", "imageResourcesPath", "localeFolderPath", "language", "listenToURL", "nameddest", "password", "replaceBrowserPrint", "useInlineScripts", "showUnverifiedSignatures", "startTabindex", "showSidebarButton", "sidebarVisible", "activeSidebarView", "findbarVisible", "propertiesDialogVisible", "showFindButton", "showFindHighlightAll", "showFindMatchCase", "showFindMultiple", "showFindRegexp", "showFindEntireWord", "showFindMatchDiacritics", "showFindResultsCount", "showFindMessages", "showPagingButtons", "showFirstAndLastPageButtons", "showPreviousAndNextPageButtons", "showPageNumber", "showPageLabel", "showZoomButtons", "showZoomDropdown", "showPresentationModeButton", "showOpenFileButton", "showPrintButton", "showDownloadButton", "theme", "showToolbar", "showSecondaryToolbarButton", "showSinglePageModeButton", "showVerticalScrollButton", "showHorizontalScrollButton", "showWrappedScrollButton", "showInfiniteScrollButton", "showBookModeButton", "showRotateButton", "showRotateCwButton", "showRotateCcwButton", "handTool", "showHandToolButton", "showSpreadButton", "showPropertiesButton", "showBorders", "spread", "showScrollingButtons", "page", "pageLabel", "textLayer", "zoom", "zoomLevels", "maxZoom", "minZoom", "mobileFriendlyZoom"], outputs: ["annotationEditorEvent", "formDataChange", "pageViewModeChange", "progress", "srcChange", "scrollModeChange", "afterPrint", "beforePrint", "currentZoomFactor", "rotationChange", "annotationLayerRendered", "annotationEditorLayerRendered", "xfaLayerRendered", "outlineLoaded", "attachmentsloaded", "layersloaded", "sidebarVisibleChange", "activeSidebarViewChange", "findbarVisibleChange", "propertiesDialogVisibleChange", "handToolChange", "spreadChange", "thumbnailDrawn", "pageChange", "pageLabelChange", "pagesLoaded", "pageRender", "pageRendered", "pdfDownloaded", "pdfLoaded", "pdfLoadingStarts", "pdfLoadingFailed", "textLayerRendered", "annotationEditorModeChanged", "updateFindMatchesCount", "updateFindState", "zoomChange"] }] });
1445
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: PdfViewerModalComponent, isStandalone: true, selector: "ngp-pdf-viewer-modal", inputs: { pdfFile: { classPropertyName: "pdfFile", publicName: "pdfFile", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: false, isRequired: false, transformFunction: null }, filename: { classPropertyName: "filename", publicName: "filename", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { hide: "hide" }, ngImport: i0, template: "<p-dialog\n\t[(visible)]=\"visible\"\n\t[modal]=\"true\"\n\t[maximizable]=\"true\"\n\t[dismissableMask]=\"false\"\n\t[resizable]=\"false\"\n\tstyleClass=\"w-11/12 md:w-3/4 lg:w-8/12 max-h-[80vh]\"\n\tappendTo=\"body\"\n\t(onHide)=\"hide.emit(false)\">\n\t@if (pdfFile()) {\n\t\t<ngx-extended-pdf-viewer\n\t\t\t[src]=\"pdfFile()!\"\n\t\t\tuseBrowserLocale=\"true\"\n\t\t\t[showZoomButtons]=\"true\"\n\t\t\t[showSidebarButton]=\"false\"\n\t\t\t[showPagingButtons]=\"false\"\n\t\t\t[showSecondaryToolbarButton]=\"false\"\n\t\t\t[showOpenFileButton]=\"false\"\n\t\t\t[showTextEditor]=\"false\"\n\t\t\t[showDrawEditor]=\"false\"\n\t\t\t[showHighlightEditor]=\"false\"\n\t\t\t[showTextEditor]=\"false\"\n\t\t\t[showStampEditor]=\"false\"\n\t\t\t[filenameForDownload]=\"filename === '' ? 'untitled.pdf' : filename\"\n\t\t\theight=\"100%\"\n\t\t\twidth=\"100%\"></ngx-extended-pdf-viewer>\n\t} @else {\n\t\t<div class=\"flex items-center justify-center h-full\">\n\t\t\t<p>Loading PDF...</p>\n\t\t</div>\n\t}\n</p-dialog>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$5.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: NgxExtendedPdfViewerModule }, { kind: "component", type: i2$2.NgxExtendedPdfViewerComponent, selector: "ngx-extended-pdf-viewer", inputs: ["customFindbarInputArea", "customToolbar", "customFindbar", "customFindbarButtons", "customPdfViewer", "customSecondaryToolbar", "customSidebar", "customThumbnail", "customFreeFloatingBar", "showFreeFloatingBar", "enableDragAndDrop", "forceUsingLegacyES5", "formData", "disableForms", "pageViewMode", "scrollMode", "authorization", "httpHeaders", "contextMenuAllowed", "enablePrint", "enablePrintAutoRotate", "forceFullReloadOfJavaScriptCode", "showTextEditor", "showStampEditor", "showDrawEditor", "showHighlightEditor", "logLevel", "minifiedJSLibraries", "printResolution", "rotation", "src", "base64Src", "minHeight", "height", "backgroundColor", "filenameForDownload", "ignoreKeyboard", "ignoreKeys", "acceptKeys", "imageResourcesPath", "localeFolderPath", "language", "listenToURL", "nameddest", "password", "replaceBrowserPrint", "useInlineScripts", "showUnverifiedSignatures", "startTabindex", "showSidebarButton", "sidebarVisible", "activeSidebarView", "findbarVisible", "propertiesDialogVisible", "showFindButton", "showFindHighlightAll", "showFindMatchCase", "showFindMultiple", "showFindRegexp", "showFindEntireWord", "showFindMatchDiacritics", "showFindResultsCount", "showFindMessages", "showPagingButtons", "showFirstAndLastPageButtons", "showPreviousAndNextPageButtons", "showPageNumber", "showPageLabel", "showZoomButtons", "showZoomDropdown", "showPresentationModeButton", "showOpenFileButton", "showPrintButton", "showDownloadButton", "theme", "showToolbar", "showSecondaryToolbarButton", "showSinglePageModeButton", "showVerticalScrollButton", "showHorizontalScrollButton", "showWrappedScrollButton", "showInfiniteScrollButton", "showBookModeButton", "showRotateButton", "showRotateCwButton", "showRotateCcwButton", "handTool", "showHandToolButton", "showSpreadButton", "showPropertiesButton", "showBorders", "spread", "showScrollingButtons", "page", "pageLabel", "textLayer", "zoom", "zoomLevels", "maxZoom", "minZoom", "mobileFriendlyZoom"], outputs: ["annotationEditorEvent", "formDataChange", "pageViewModeChange", "progress", "srcChange", "scrollModeChange", "afterPrint", "beforePrint", "currentZoomFactor", "rotationChange", "annotationLayerRendered", "annotationEditorLayerRendered", "xfaLayerRendered", "outlineLoaded", "attachmentsloaded", "layersloaded", "sidebarVisibleChange", "activeSidebarViewChange", "findbarVisibleChange", "propertiesDialogVisibleChange", "handToolChange", "spreadChange", "thumbnailDrawn", "pageChange", "pageLabelChange", "pagesLoaded", "pageRender", "pageRendered", "pdfDownloaded", "pdfLoaded", "pdfLoadingStarts", "pdfLoadingFailed", "textLayerRendered", "annotationEditorModeChanged", "updateFindMatchesCount", "updateFindState", "zoomChange"] }] });
1446
1446
  }
1447
1447
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PdfViewerModalComponent, decorators: [{
1448
1448
  type: Component,
@@ -1745,7 +1745,7 @@ class FileUploadViewerComponent {
1745
1745
  });
1746
1746
  }
1747
1747
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FileUploadViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1748
- 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"] }] });
1748
+ 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$6.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$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i3$2.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"] }] });
1749
1749
  }
1750
1750
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FileUploadViewerComponent, decorators: [{
1751
1751
  type: Component,