@flusys/ng-storage 1.1.1-beta → 1.2.0-rc.1

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 (29) hide show
  1. package/README.md +36 -623
  2. package/fesm2022/flusys-ng-storage-file-manager-form.component-DhqZmpuX.mjs +671 -0
  3. package/fesm2022/flusys-ng-storage-file-manager-form.component-DhqZmpuX.mjs.map +1 -0
  4. package/fesm2022/flusys-ng-storage-file-manager-list.component-nZDj1UfS.mjs +464 -0
  5. package/fesm2022/flusys-ng-storage-file-manager-list.component-nZDj1UfS.mjs.map +1 -0
  6. package/fesm2022/flusys-ng-storage-folder-form.component-Bru9NQyr.mjs +218 -0
  7. package/fesm2022/flusys-ng-storage-folder-form.component-Bru9NQyr.mjs.map +1 -0
  8. package/fesm2022/flusys-ng-storage-folder-list.component-fuJMWYWZ.mjs +263 -0
  9. package/fesm2022/flusys-ng-storage-folder-list.component-fuJMWYWZ.mjs.map +1 -0
  10. package/fesm2022/flusys-ng-storage-storage-config-form.component-Da-pWR7d.mjs +891 -0
  11. package/fesm2022/flusys-ng-storage-storage-config-form.component-Da-pWR7d.mjs.map +1 -0
  12. package/fesm2022/flusys-ng-storage-storage-config-list.component-D59X4sae.mjs +288 -0
  13. package/fesm2022/flusys-ng-storage-storage-config-list.component-D59X4sae.mjs.map +1 -0
  14. package/fesm2022/flusys-ng-storage.mjs +679 -321
  15. package/fesm2022/flusys-ng-storage.mjs.map +1 -1
  16. package/package.json +11 -10
  17. package/types/flusys-ng-storage.d.ts +179 -178
  18. package/fesm2022/flusys-ng-storage-file-manager-form.component-H3OZS0SW.mjs +0 -715
  19. package/fesm2022/flusys-ng-storage-file-manager-form.component-H3OZS0SW.mjs.map +0 -1
  20. package/fesm2022/flusys-ng-storage-file-manager-list.component-4pb6TafD.mjs +0 -475
  21. package/fesm2022/flusys-ng-storage-file-manager-list.component-4pb6TafD.mjs.map +0 -1
  22. package/fesm2022/flusys-ng-storage-folder-form.component-DQ0QY7P0.mjs +0 -253
  23. package/fesm2022/flusys-ng-storage-folder-form.component-DQ0QY7P0.mjs.map +0 -1
  24. package/fesm2022/flusys-ng-storage-folder-list.component-D-oMaEgl.mjs +0 -267
  25. package/fesm2022/flusys-ng-storage-folder-list.component-D-oMaEgl.mjs.map +0 -1
  26. package/fesm2022/flusys-ng-storage-storage-config-form.component-CjIAxfHC.mjs +0 -546
  27. package/fesm2022/flusys-ng-storage-storage-config-form.component-CjIAxfHC.mjs.map +0 -1
  28. package/fesm2022/flusys-ng-storage-storage-config-list.component-jHk8O9Mx.mjs +0 -328
  29. package/fesm2022/flusys-ng-storage-storage-config-list.component-jHk8O9Mx.mjs.map +0 -1
@@ -1,253 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { inject, signal, computed, Component } from '@angular/core';
3
- import { form, required, FormField } from '@angular/forms/signals';
4
- import { Router, ActivatedRoute } from '@angular/router';
5
- import { APP_CONFIG, DEFAULT_APP_NAME } from '@flusys/ng-core';
6
- import { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';
7
- import { AngularModule, PrimeModule } from '@flusys/ng-shared';
8
- import { MessageService } from 'primeng/api';
9
- import { FolderApiService } from './flusys-ng-storage.mjs';
10
- import * as i1 from '@angular/forms';
11
- import * as i1$1 from 'primeng/button';
12
- import * as i3 from 'primeng/inputtext';
13
-
14
- /**
15
- * Folder Form Component
16
- * Create and edit folders
17
- */
18
- class FolderFormComponent {
19
- router = inject(Router);
20
- route = inject(ActivatedRoute);
21
- messageService = inject(MessageService);
22
- folderService = inject(FolderApiService);
23
- appConfig = inject(APP_CONFIG);
24
- companyContext = inject(LAYOUT_AUTH_STATE);
25
- isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
26
- existingFolder = signal(null, ...(ngDevMode ? [{ debugName: "existingFolder" }] : []));
27
- isEditMode = computed(() => !!this.existingFolder(), ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
28
- /** Show company info if company feature enabled */
29
- showCompanyInfo = computed(() => this.appConfig.enableCompanyFeature, ...(ngDevMode ? [{ debugName: "showCompanyInfo" }] : []));
30
- /** Current company name */
31
- currentCompanyName = computed(() => this.companyContext.currentCompanyInfo()?.name ?? DEFAULT_APP_NAME, ...(ngDevMode ? [{ debugName: "currentCompanyName" }] : []));
32
- // ============================================
33
- // Form (Signal Forms)
34
- // ============================================
35
- /** Form model */
36
- formModel = signal({
37
- id: '',
38
- name: '',
39
- }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
40
- /** Form with validation schema */
41
- folderForm = form(this.formModel, (f) => {
42
- required(f.name, { message: 'Folder name is required' });
43
- });
44
- /** Check if form is valid */
45
- isFormValid = computed(() => {
46
- const model = this.formModel();
47
- return model.name.trim().length > 0;
48
- }, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
49
- ngOnInit() {
50
- const folderId = this.route.snapshot.paramMap.get('id');
51
- if (folderId) {
52
- this.loadFolder(folderId);
53
- }
54
- }
55
- async loadFolder(id) {
56
- this.isLoading.set(true);
57
- try {
58
- const response = await this.folderService.findByIdAsync(id);
59
- if (response.success && response.data) {
60
- const folder = response.data;
61
- this.existingFolder.set(folder);
62
- this.formModel.set({
63
- id: folder.id,
64
- name: folder.name,
65
- });
66
- }
67
- }
68
- catch (error) {
69
- this.messageService.add({
70
- severity: 'error',
71
- summary: 'Error',
72
- detail: 'Failed to load folder.',
73
- });
74
- this.router.navigate(['/storage/folders']);
75
- }
76
- finally {
77
- this.isLoading.set(false);
78
- }
79
- }
80
- async onSubmit() {
81
- if (!this.isFormValid())
82
- return;
83
- this.isLoading.set(true);
84
- try {
85
- const formValue = this.formModel();
86
- if (this.isEditMode()) {
87
- await this.folderService.updateAsync({
88
- id: formValue.id,
89
- name: formValue.name,
90
- });
91
- this.messageService.add({
92
- severity: 'success',
93
- summary: 'Success',
94
- detail: 'Folder updated successfully.',
95
- });
96
- }
97
- else {
98
- await this.folderService.insertAsync({
99
- name: formValue.name,
100
- });
101
- this.messageService.add({
102
- severity: 'success',
103
- summary: 'Success',
104
- detail: 'Folder created successfully.',
105
- });
106
- }
107
- this.router.navigate(['/storage/folders']);
108
- }
109
- catch (error) {
110
- this.messageService.add({
111
- severity: 'error',
112
- summary: 'Error',
113
- detail: `Failed to ${this.isEditMode() ? 'update' : 'create'} folder.`,
114
- });
115
- }
116
- finally {
117
- this.isLoading.set(false);
118
- }
119
- }
120
- onCancel() {
121
- this.router.navigate(['/storage/folders']);
122
- }
123
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FolderFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
124
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FolderFormComponent, isStandalone: true, selector: "lib-folder-form", ngImport: i0, template: `
125
- <div class="card">
126
- <div class="flex justify-between items-center mb-4">
127
- <div>
128
- <h3 class="text-xl font-semibold">
129
- {{ isEditMode() ? 'Edit Folder' : 'New Folder' }}
130
- </h3>
131
- @if (showCompanyInfo()) {
132
- <p class="text-sm text-muted-color mt-1">
133
- Company: {{ currentCompanyName() }}
134
- </p>
135
- }
136
- </div>
137
- <p-button
138
- label="Back"
139
- icon="pi pi-arrow-left"
140
- severity="secondary"
141
- [text]="true"
142
- (onClick)="onCancel()"
143
- />
144
- </div>
145
-
146
- <form (ngSubmit)="onSubmit()">
147
- <div class="grid grid-cols-1 gap-4">
148
- <!-- Name -->
149
- <div class="field">
150
- <label for="name" class="block font-medium mb-2"
151
- >Folder Name *</label
152
- >
153
- <input
154
- pInputText
155
- id="name"
156
- [formField]="folderForm.name"
157
- placeholder="Enter folder name"
158
- class="w-full"
159
- />
160
- </div>
161
- </div>
162
-
163
- <div class="flex gap-2 mt-4">
164
- <p-button
165
- type="submit"
166
- [label]="isEditMode() ? 'Update' : 'Create'"
167
- icon="pi pi-check"
168
- [loading]="isLoading()"
169
- [disabled]="!isFormValid() || isLoading()"
170
- />
171
- <p-button
172
- type="button"
173
- label="Cancel"
174
- severity="secondary"
175
- icon="pi pi-times"
176
- [text]="true"
177
- (onClick)="onCancel()"
178
- />
179
- </div>
180
- </form>
181
- </div>
182
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }] });
183
- }
184
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FolderFormComponent, decorators: [{
185
- type: Component,
186
- args: [{
187
- selector: 'lib-folder-form',
188
- standalone: true,
189
- imports: [AngularModule, PrimeModule, FormField],
190
- template: `
191
- <div class="card">
192
- <div class="flex justify-between items-center mb-4">
193
- <div>
194
- <h3 class="text-xl font-semibold">
195
- {{ isEditMode() ? 'Edit Folder' : 'New Folder' }}
196
- </h3>
197
- @if (showCompanyInfo()) {
198
- <p class="text-sm text-muted-color mt-1">
199
- Company: {{ currentCompanyName() }}
200
- </p>
201
- }
202
- </div>
203
- <p-button
204
- label="Back"
205
- icon="pi pi-arrow-left"
206
- severity="secondary"
207
- [text]="true"
208
- (onClick)="onCancel()"
209
- />
210
- </div>
211
-
212
- <form (ngSubmit)="onSubmit()">
213
- <div class="grid grid-cols-1 gap-4">
214
- <!-- Name -->
215
- <div class="field">
216
- <label for="name" class="block font-medium mb-2"
217
- >Folder Name *</label
218
- >
219
- <input
220
- pInputText
221
- id="name"
222
- [formField]="folderForm.name"
223
- placeholder="Enter folder name"
224
- class="w-full"
225
- />
226
- </div>
227
- </div>
228
-
229
- <div class="flex gap-2 mt-4">
230
- <p-button
231
- type="submit"
232
- [label]="isEditMode() ? 'Update' : 'Create'"
233
- icon="pi pi-check"
234
- [loading]="isLoading()"
235
- [disabled]="!isFormValid() || isLoading()"
236
- />
237
- <p-button
238
- type="button"
239
- label="Cancel"
240
- severity="secondary"
241
- icon="pi pi-times"
242
- [text]="true"
243
- (onClick)="onCancel()"
244
- />
245
- </div>
246
- </form>
247
- </div>
248
- `,
249
- }]
250
- }] });
251
-
252
- export { FolderFormComponent };
253
- //# sourceMappingURL=flusys-ng-storage-folder-form.component-DQ0QY7P0.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"flusys-ng-storage-folder-form.component-DQ0QY7P0.mjs","sources":["../../../projects/ng-storage/pages/folder/folder-form.component.ts"],"sourcesContent":["import { Component, computed, inject, OnInit, signal } from '@angular/core';\nimport { form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { APP_CONFIG, DEFAULT_APP_NAME } from '@flusys/ng-core';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport { AngularModule, PrimeModule } from '@flusys/ng-shared';\nimport { MessageService } from 'primeng/api';\nimport { IFolder } from '../../interfaces/folder.interface';\nimport { FolderApiService } from '../../services/folder-api.service';\n\n/** Folder form model interface */\ninterface IFolderFormModel {\n id: string;\n name: string;\n}\n\n/**\n * Folder Form Component\n * Create and edit folders\n */\n@Component({\n selector: 'lib-folder-form',\n standalone: true,\n imports: [AngularModule, PrimeModule, FormField],\n template: `\n <div class=\"card\">\n <div class=\"flex justify-between items-center mb-4\">\n <div>\n <h3 class=\"text-xl font-semibold\">\n {{ isEditMode() ? 'Edit Folder' : 'New Folder' }}\n </h3>\n @if (showCompanyInfo()) {\n <p class=\"text-sm text-muted-color mt-1\">\n Company: {{ currentCompanyName() }}\n </p>\n }\n </div>\n <p-button\n label=\"Back\"\n icon=\"pi pi-arrow-left\"\n severity=\"secondary\"\n [text]=\"true\"\n (onClick)=\"onCancel()\"\n />\n </div>\n\n <form (ngSubmit)=\"onSubmit()\">\n <div class=\"grid grid-cols-1 gap-4\">\n <!-- Name -->\n <div class=\"field\">\n <label for=\"name\" class=\"block font-medium mb-2\"\n >Folder Name *</label\n >\n <input\n pInputText\n id=\"name\"\n [formField]=\"folderForm.name\"\n placeholder=\"Enter folder name\"\n class=\"w-full\"\n />\n </div>\n </div>\n\n <div class=\"flex gap-2 mt-4\">\n <p-button\n type=\"submit\"\n [label]=\"isEditMode() ? 'Update' : 'Create'\"\n icon=\"pi pi-check\"\n [loading]=\"isLoading()\"\n [disabled]=\"!isFormValid() || isLoading()\"\n />\n <p-button\n type=\"button\"\n label=\"Cancel\"\n severity=\"secondary\"\n icon=\"pi pi-times\"\n [text]=\"true\"\n (onClick)=\"onCancel()\"\n />\n </div>\n </form>\n </div>\n `,\n})\nexport class FolderFormComponent implements OnInit {\n private readonly router = inject(Router);\n private readonly route = inject(ActivatedRoute);\n private readonly messageService = inject(MessageService);\n private readonly folderService = inject(FolderApiService);\n private readonly appConfig = inject(APP_CONFIG);\n private readonly companyContext = inject(LAYOUT_AUTH_STATE);\n\n readonly isLoading = signal(false);\n readonly existingFolder = signal<IFolder | null>(null);\n readonly isEditMode = computed(() => !!this.existingFolder());\n\n /** Show company info if company feature enabled */\n readonly showCompanyInfo = computed(\n () => this.appConfig.enableCompanyFeature,\n );\n\n /** Current company name */\n readonly currentCompanyName = computed(\n () => this.companyContext.currentCompanyInfo()?.name ?? DEFAULT_APP_NAME,\n );\n\n // ============================================\n // Form (Signal Forms)\n // ============================================\n\n /** Form model */\n readonly formModel = signal<IFolderFormModel>({\n id: '',\n name: '',\n });\n\n /** Form with validation schema */\n readonly folderForm = form(this.formModel, (f) => {\n required(f.name, { message: 'Folder name is required' });\n });\n\n /** Check if form is valid */\n readonly isFormValid = computed(() => {\n const model = this.formModel();\n return model.name.trim().length > 0;\n });\n\n ngOnInit(): void {\n const folderId = this.route.snapshot.paramMap.get('id');\n if (folderId) {\n this.loadFolder(folderId);\n }\n }\n\n async loadFolder(id: string): Promise<void> {\n this.isLoading.set(true);\n try {\n const response = await this.folderService.findByIdAsync(id);\n if (response.success && response.data) {\n const folder = response.data;\n this.existingFolder.set(folder);\n this.formModel.set({\n id: folder.id,\n name: folder.name,\n });\n }\n } catch (error) {\n this.messageService.add({\n severity: 'error',\n summary: 'Error',\n detail: 'Failed to load folder.',\n });\n this.router.navigate(['/storage/folders']);\n } finally {\n this.isLoading.set(false);\n }\n }\n\n async onSubmit(): Promise<void> {\n if (!this.isFormValid()) return;\n\n this.isLoading.set(true);\n try {\n const formValue = this.formModel();\n\n if (this.isEditMode()) {\n await this.folderService.updateAsync({\n id: formValue.id,\n name: formValue.name,\n });\n this.messageService.add({\n severity: 'success',\n summary: 'Success',\n detail: 'Folder updated successfully.',\n });\n } else {\n await this.folderService.insertAsync({\n name: formValue.name,\n } as any);\n this.messageService.add({\n severity: 'success',\n summary: 'Success',\n detail: 'Folder created successfully.',\n });\n }\n\n this.router.navigate(['/storage/folders']);\n } catch (error) {\n this.messageService.add({\n severity: 'error',\n summary: 'Error',\n detail: `Failed to ${this.isEditMode() ? 'update' : 'create'} folder.`,\n });\n } finally {\n this.isLoading.set(false);\n }\n }\n\n onCancel(): void {\n this.router.navigate(['/storage/folders']);\n }\n}\n"],"names":["i2"],"mappings":"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"}
@@ -1,267 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { inject, signal, computed, Component } from '@angular/core';
3
- import { Router } from '@angular/router';
4
- import { APP_CONFIG, DEFAULT_APP_NAME } from '@flusys/ng-core';
5
- import { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';
6
- import { AngularModule, PrimeModule } from '@flusys/ng-shared';
7
- import { MessageService, ConfirmationService } from 'primeng/api';
8
- import { firstValueFrom } from 'rxjs';
9
- import { FolderApiService } from './flusys-ng-storage.mjs';
10
- import * as i1 from 'primeng/button';
11
- import * as i2 from 'primeng/table';
12
- import * as i5 from '@angular/common';
13
-
14
- /**
15
- * Folder List Component
16
- * Displays all folders with company filter (if enabled)
17
- * Shows current company name in header
18
- */
19
- class FolderListComponent {
20
- router = inject(Router);
21
- messageService = inject(MessageService);
22
- confirmationService = inject(ConfirmationService);
23
- folderService = inject(FolderApiService);
24
- appConfig = inject(APP_CONFIG);
25
- companyContext = inject(LAYOUT_AUTH_STATE);
26
- /** Loading state */
27
- isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
28
- /** Folders list */
29
- folders = signal([], ...(ngDevMode ? [{ debugName: "folders" }] : []));
30
- /** Total records for pagination */
31
- totalRecords = signal(0, ...(ngDevMode ? [{ debugName: "totalRecords" }] : []));
32
- /** Page size */
33
- pageSize = signal(50, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
34
- /** Current page */
35
- currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
36
- /** Show company info if company feature enabled */
37
- showCompanyInfo = computed(() => this.appConfig.enableCompanyFeature, ...(ngDevMode ? [{ debugName: "showCompanyInfo" }] : []));
38
- /** Current company name */
39
- currentCompanyName = computed(() => this.companyContext.currentCompanyInfo()?.name ?? DEFAULT_APP_NAME, ...(ngDevMode ? [{ debugName: "currentCompanyName" }] : []));
40
- ngOnInit() {
41
- this.loadFolders();
42
- }
43
- async loadFolders() {
44
- this.isLoading.set(true);
45
- try {
46
- const response = await firstValueFrom(this.folderService.getAll('', {
47
- pagination: {
48
- currentPage: this.currentPage() - 1, // ApiResourceService uses 0-based pages
49
- pageSize: this.pageSize(),
50
- },
51
- filter: {},
52
- select: [],
53
- sort: {},
54
- }));
55
- if (response.success) {
56
- this.folders.set(response.data ?? []);
57
- this.totalRecords.set(response.meta?.total ?? 0);
58
- }
59
- }
60
- catch (error) {
61
- this.messageService.add({
62
- severity: 'error',
63
- summary: 'Error',
64
- detail: 'Failed to load folders.',
65
- });
66
- }
67
- finally {
68
- this.isLoading.set(false);
69
- }
70
- }
71
- onPageChange(event) {
72
- this.currentPage.set(event.first / event.rows + 1);
73
- this.pageSize.set(event.rows);
74
- this.loadFolders();
75
- }
76
- onCreate() {
77
- this.router.navigate(['/storage/folders/new']);
78
- }
79
- onEdit(folderId) {
80
- this.router.navigate(['/storage/folders', folderId]);
81
- }
82
- onDelete(folder) {
83
- this.confirmationService.confirm({
84
- message: `Are you sure you want to delete "${folder.name}"?`,
85
- header: 'Delete Folder',
86
- icon: 'pi pi-exclamation-triangle',
87
- acceptButtonStyleClass: 'p-button-danger',
88
- accept: async () => {
89
- try {
90
- await this.folderService.deleteAsync({
91
- id: folder.id,
92
- type: 'delete',
93
- });
94
- this.messageService.add({
95
- severity: 'success',
96
- summary: 'Success',
97
- detail: 'Folder deleted successfully.',
98
- });
99
- this.loadFolders();
100
- }
101
- catch (error) {
102
- this.messageService.add({
103
- severity: 'error',
104
- summary: 'Error',
105
- detail: 'Failed to delete folder.',
106
- });
107
- }
108
- },
109
- });
110
- }
111
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FolderListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
112
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FolderListComponent, isStandalone: true, selector: "lib-folder-list", ngImport: i0, template: `
113
- <div class="card">
114
- <div class="flex justify-between items-center mb-4">
115
- <div>
116
- <h3 class="text-xl font-semibold">Folder Setup</h3>
117
- @if (showCompanyInfo()) {
118
- <p class="text-sm text-muted-color mt-1">
119
- Company: {{ currentCompanyName() }}
120
- </p>
121
- }
122
- </div>
123
- <p-button label="New Folder" icon="pi pi-plus" (onClick)="onCreate()" />
124
- </div>
125
-
126
- <p-table
127
- [value]="folders()"
128
- [loading]="isLoading()"
129
- [paginator]="true"
130
- [rows]="pageSize()"
131
- [totalRecords]="totalRecords()"
132
- [lazy]="true"
133
- (onLazyLoad)="onPageChange($event)"
134
- styleClass="p-datatable-sm"
135
- >
136
- <ng-template #header>
137
- <tr>
138
- <th>Name</th>
139
- <th>Slug</th>
140
- <th>Created</th>
141
- <th>Actions</th>
142
- </tr>
143
- </ng-template>
144
- <ng-template #body let-folder>
145
- <tr>
146
- <td>
147
- <i class="pi pi-folder mr-2"></i>
148
- {{ folder.name }}
149
- </td>
150
- <td>{{ folder.slug }}</td>
151
- <td>{{ folder.createdAt | date: 'short' }}</td>
152
- <td>
153
- <p-button
154
- icon="pi pi-pencil"
155
- [text]="true"
156
- severity="secondary"
157
- size="small"
158
- (onClick)="onEdit(folder.id)"
159
- />
160
- <p-button
161
- icon="pi pi-trash"
162
- [text]="true"
163
- severity="danger"
164
- size="small"
165
- (onClick)="onDelete(folder)"
166
- />
167
- </td>
168
- </tr>
169
- </ng-template>
170
- <ng-template #emptymessage>
171
- <tr>
172
- <td colspan="4" class="text-center py-4">
173
- @if (showCompanyInfo()) {
174
- No folders found in current company
175
- } @else {
176
- No folders found
177
- }
178
- </td>
179
- </tr>
180
- </ng-template>
181
- </p-table>
182
- </div>
183
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i2.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: "pipe", type: i5.DatePipe, name: "date" }] });
184
- }
185
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FolderListComponent, decorators: [{
186
- type: Component,
187
- args: [{
188
- selector: 'lib-folder-list',
189
- standalone: true,
190
- imports: [AngularModule, PrimeModule],
191
- template: `
192
- <div class="card">
193
- <div class="flex justify-between items-center mb-4">
194
- <div>
195
- <h3 class="text-xl font-semibold">Folder Setup</h3>
196
- @if (showCompanyInfo()) {
197
- <p class="text-sm text-muted-color mt-1">
198
- Company: {{ currentCompanyName() }}
199
- </p>
200
- }
201
- </div>
202
- <p-button label="New Folder" icon="pi pi-plus" (onClick)="onCreate()" />
203
- </div>
204
-
205
- <p-table
206
- [value]="folders()"
207
- [loading]="isLoading()"
208
- [paginator]="true"
209
- [rows]="pageSize()"
210
- [totalRecords]="totalRecords()"
211
- [lazy]="true"
212
- (onLazyLoad)="onPageChange($event)"
213
- styleClass="p-datatable-sm"
214
- >
215
- <ng-template #header>
216
- <tr>
217
- <th>Name</th>
218
- <th>Slug</th>
219
- <th>Created</th>
220
- <th>Actions</th>
221
- </tr>
222
- </ng-template>
223
- <ng-template #body let-folder>
224
- <tr>
225
- <td>
226
- <i class="pi pi-folder mr-2"></i>
227
- {{ folder.name }}
228
- </td>
229
- <td>{{ folder.slug }}</td>
230
- <td>{{ folder.createdAt | date: 'short' }}</td>
231
- <td>
232
- <p-button
233
- icon="pi pi-pencil"
234
- [text]="true"
235
- severity="secondary"
236
- size="small"
237
- (onClick)="onEdit(folder.id)"
238
- />
239
- <p-button
240
- icon="pi pi-trash"
241
- [text]="true"
242
- severity="danger"
243
- size="small"
244
- (onClick)="onDelete(folder)"
245
- />
246
- </td>
247
- </tr>
248
- </ng-template>
249
- <ng-template #emptymessage>
250
- <tr>
251
- <td colspan="4" class="text-center py-4">
252
- @if (showCompanyInfo()) {
253
- No folders found in current company
254
- } @else {
255
- No folders found
256
- }
257
- </td>
258
- </tr>
259
- </ng-template>
260
- </p-table>
261
- </div>
262
- `,
263
- }]
264
- }] });
265
-
266
- export { FolderListComponent };
267
- //# sourceMappingURL=flusys-ng-storage-folder-list.component-D-oMaEgl.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"flusys-ng-storage-folder-list.component-D-oMaEgl.mjs","sources":["../../../projects/ng-storage/pages/folder/folder-list.component.ts"],"sourcesContent":["import { Component, computed, inject, OnInit, signal } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { APP_CONFIG, DEFAULT_APP_NAME } from '@flusys/ng-core';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport { AngularModule, PrimeModule } from '@flusys/ng-shared';\nimport { ConfirmationService, MessageService } from 'primeng/api';\nimport { firstValueFrom } from 'rxjs';\nimport { IFolder } from '../../interfaces/folder.interface';\nimport { FolderApiService } from '../../services/folder-api.service';\n\n/**\n * Folder List Component\n * Displays all folders with company filter (if enabled)\n * Shows current company name in header\n */\n@Component({\n selector: 'lib-folder-list',\n standalone: true,\n imports: [AngularModule, PrimeModule],\n template: `\n <div class=\"card\">\n <div class=\"flex justify-between items-center mb-4\">\n <div>\n <h3 class=\"text-xl font-semibold\">Folder Setup</h3>\n @if (showCompanyInfo()) {\n <p class=\"text-sm text-muted-color mt-1\">\n Company: {{ currentCompanyName() }}\n </p>\n }\n </div>\n <p-button label=\"New Folder\" icon=\"pi pi-plus\" (onClick)=\"onCreate()\" />\n </div>\n\n <p-table\n [value]=\"folders()\"\n [loading]=\"isLoading()\"\n [paginator]=\"true\"\n [rows]=\"pageSize()\"\n [totalRecords]=\"totalRecords()\"\n [lazy]=\"true\"\n (onLazyLoad)=\"onPageChange($event)\"\n styleClass=\"p-datatable-sm\"\n >\n <ng-template #header>\n <tr>\n <th>Name</th>\n <th>Slug</th>\n <th>Created</th>\n <th>Actions</th>\n </tr>\n </ng-template>\n <ng-template #body let-folder>\n <tr>\n <td>\n <i class=\"pi pi-folder mr-2\"></i>\n {{ folder.name }}\n </td>\n <td>{{ folder.slug }}</td>\n <td>{{ folder.createdAt | date: 'short' }}</td>\n <td>\n <p-button\n icon=\"pi pi-pencil\"\n [text]=\"true\"\n severity=\"secondary\"\n size=\"small\"\n (onClick)=\"onEdit(folder.id)\"\n />\n <p-button\n icon=\"pi pi-trash\"\n [text]=\"true\"\n severity=\"danger\"\n size=\"small\"\n (onClick)=\"onDelete(folder)\"\n />\n </td>\n </tr>\n </ng-template>\n <ng-template #emptymessage>\n <tr>\n <td colspan=\"4\" class=\"text-center py-4\">\n @if (showCompanyInfo()) {\n No folders found in current company\n } @else {\n No folders found\n }\n </td>\n </tr>\n </ng-template>\n </p-table>\n </div>\n `,\n})\nexport class FolderListComponent implements OnInit {\n private readonly router = inject(Router);\n private readonly messageService = inject(MessageService);\n private readonly confirmationService = inject(ConfirmationService);\n private readonly folderService = inject(FolderApiService);\n private readonly appConfig = inject(APP_CONFIG);\n private readonly companyContext = inject(LAYOUT_AUTH_STATE);\n\n /** Loading state */\n readonly isLoading = signal(false);\n\n /** Folders list */\n readonly folders = signal<IFolder[]>([]);\n\n /** Total records for pagination */\n readonly totalRecords = signal(0);\n\n /** Page size */\n readonly pageSize = signal(50);\n\n /** Current page */\n readonly currentPage = signal(1);\n\n /** Show company info if company feature enabled */\n readonly showCompanyInfo = computed(\n () => this.appConfig.enableCompanyFeature,\n );\n\n /** Current company name */\n readonly currentCompanyName = computed(\n () => this.companyContext.currentCompanyInfo()?.name ?? DEFAULT_APP_NAME,\n );\n ngOnInit(): void {\n this.loadFolders();\n }\n\n async loadFolders(): Promise<void> {\n this.isLoading.set(true);\n try {\n const response = await firstValueFrom(\n this.folderService.getAll('', {\n pagination: {\n currentPage: this.currentPage() - 1, // ApiResourceService uses 0-based pages\n pageSize: this.pageSize(),\n },\n filter: {},\n select: [],\n sort: {},\n }),\n );\n\n if (response.success) {\n this.folders.set(response.data ?? []);\n this.totalRecords.set(response.meta?.total ?? 0);\n }\n } catch (error) {\n this.messageService.add({\n severity: 'error',\n summary: 'Error',\n detail: 'Failed to load folders.',\n });\n } finally {\n this.isLoading.set(false);\n }\n }\n\n onPageChange(event: any): void {\n this.currentPage.set(event.first / event.rows + 1);\n this.pageSize.set(event.rows);\n this.loadFolders();\n }\n\n onCreate(): void {\n this.router.navigate(['/storage/folders/new']);\n }\n\n onEdit(folderId: string): void {\n this.router.navigate(['/storage/folders', folderId]);\n }\n\n onDelete(folder: IFolder): void {\n this.confirmationService.confirm({\n message: `Are you sure you want to delete \"${folder.name}\"?`,\n header: 'Delete Folder',\n icon: 'pi pi-exclamation-triangle',\n acceptButtonStyleClass: 'p-button-danger',\n accept: async () => {\n try {\n await this.folderService.deleteAsync({\n id: folder.id,\n type: 'delete',\n });\n this.messageService.add({\n severity: 'success',\n summary: 'Success',\n detail: 'Folder deleted successfully.',\n });\n this.loadFolders();\n } catch (error) {\n this.messageService.add({\n severity: 'error',\n summary: 'Error',\n detail: 'Failed to delete folder.',\n });\n }\n },\n });\n }\n}\n"],"names":["i3"],"mappings":";;;;;;;;;;;;;AAUA;;;;AAIG;MA8EU,mBAAmB,CAAA;AACb,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AACvC,IAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACjD,IAAA,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACxC,IAAA,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC;AAC9B,IAAA,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC;;AAGlD,IAAA,SAAS,GAAG,MAAM,CAAC,KAAK,qDAAC;;AAGzB,IAAA,OAAO,GAAG,MAAM,CAAY,EAAE,mDAAC;;AAG/B,IAAA,YAAY,GAAG,MAAM,CAAC,CAAC,wDAAC;;AAGxB,IAAA,QAAQ,GAAG,MAAM,CAAC,EAAE,oDAAC;;AAGrB,IAAA,WAAW,GAAG,MAAM,CAAC,CAAC,uDAAC;;AAGvB,IAAA,eAAe,GAAG,QAAQ,CACjC,MAAM,IAAI,CAAC,SAAS,CAAC,oBAAoB,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAC1C;;AAGQ,IAAA,kBAAkB,GAAG,QAAQ,CACpC,MAAM,IAAI,CAAC,cAAc,CAAC,kBAAkB,EAAE,EAAE,IAAI,IAAI,gBAAgB,8DACzE;IACD,QAAQ,GAAA;QACN,IAAI,CAAC,WAAW,EAAE;IACpB;AAEA,IAAA,MAAM,WAAW,GAAA;AACf,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,QAAA,IAAI;AACF,YAAA,MAAM,QAAQ,GAAG,MAAM,cAAc,CACnC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,EAAE;AAC5B,gBAAA,UAAU,EAAE;oBACV,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC;AACnC,oBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AAC1B,iBAAA;AACD,gBAAA,MAAM,EAAE,EAAE;AACV,gBAAA,MAAM,EAAE,EAAE;AACV,gBAAA,IAAI,EAAE,EAAE;AACT,aAAA,CAAC,CACH;AAED,YAAA,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACpB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;AACrC,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC;YAClD;QACF;QAAE,OAAO,KAAK,EAAE;AACd,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,gBAAA,QAAQ,EAAE,OAAO;AACjB,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,MAAM,EAAE,yBAAyB;AAClC,aAAA,CAAC;QACJ;gBAAU;AACR,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B;IACF;AAEA,IAAA,YAAY,CAAC,KAAU,EAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,IAAI,CAAC,WAAW,EAAE;IACpB;IAEA,QAAQ,GAAA;QACN,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAChD;AAEA,IAAA,MAAM,CAAC,QAAgB,EAAA;QACrB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;IACtD;AAEA,IAAA,QAAQ,CAAC,MAAe,EAAA;AACtB,QAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC;AAC/B,YAAA,OAAO,EAAE,CAAA,iCAAA,EAAoC,MAAM,CAAC,IAAI,CAAA,EAAA,CAAI;AAC5D,YAAA,MAAM,EAAE,eAAe;AACvB,YAAA,IAAI,EAAE,4BAA4B;AAClC,YAAA,sBAAsB,EAAE,iBAAiB;YACzC,MAAM,EAAE,YAAW;AACjB,gBAAA,IAAI;AACF,oBAAA,MAAM,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;wBACnC,EAAE,EAAE,MAAM,CAAC,EAAE;AACb,wBAAA,IAAI,EAAE,QAAQ;AACf,qBAAA,CAAC;AACF,oBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,wBAAA,QAAQ,EAAE,SAAS;AACnB,wBAAA,OAAO,EAAE,SAAS;AAClB,wBAAA,MAAM,EAAE,8BAA8B;AACvC,qBAAA,CAAC;oBACF,IAAI,CAAC,WAAW,EAAE;gBACpB;gBAAE,OAAO,KAAK,EAAE;AACd,oBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,OAAO,EAAE,OAAO;AAChB,wBAAA,MAAM,EAAE,0BAA0B;AACnC,qBAAA,CAAC;gBACJ;YACF,CAAC;AACF,SAAA,CAAC;IACJ;uGA3GW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAzEpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuET,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAxES,aAAa,8BAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,eAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,aAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,2BAAA,EAAA,+BAAA,EAAA,2BAAA,EAAA,uBAAA,EAAA,wBAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,sBAAA,EAAA,0BAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,YAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,SAAA,EAAA,aAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,UAAA,EAAA,aAAA,EAAA,MAAA,EAAA,eAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,cAAA,EAAA,WAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,4BAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,cAAA,EAAA,cAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,cAAA,EAAA,aAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA;;2FA0EzB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA7E/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC;AACrC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuET,EAAA,CAAA;AACF,iBAAA;;;;;"}