@ldw-framework/material-media 0.4.0 → 0.5.0

package/fesm2022/ldw-framework-material-media.mjs

@@ -8,6 +8,8 @@ import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule, MatDialog } from '@angu
 import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { LDuAnguBootTranslationPipe } from '@ldu-anguboot/i18n';
+import { LDuAnguBootApiService } from '@ldu-anguboot/http';
+import { firstValueFrom } from 'rxjs';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i1$1 from '@angular/forms';
 import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -15,20 +17,21 @@ import * as i3$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i4 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import { LDuAnguBootApiService } from '@ldu-anguboot/http';
-import { firstValueFrom } from 'rxjs';
 
 class LDwMaterialImageUploadDialogComponent {
     dialogRef = inject((MatDialogRef));
     data = inject(MAT_DIALOG_DATA);
     cdr = inject(ChangeDetectorRef);
+    ngOnInit() {
+        console.log(this.data);
+    }
     onSaveClick() {
         this.dialogRef.close(this.data);
     }
     onCancelClick() {
         this.dialogRef.close(false);
     }
-    onChange($event) {
+    onFileChange($event) {
         const files = $event?.target?.files;
         if (files?.[0]) {
             const picture = files[0];
@@ -54,32 +57,34 @@ class LDwMaterialImageUploadDialogComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialImageUploadDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: LDwMaterialImageUploadDialogComponent, isStandalone: true, selector: "ldw-mat-image-upload-dialog", host: { classAttribute: "ldw-mat-image-upload-dialog" }, ngImport: i0, template: `
-        <mat-dialog-actions>
-            <h2>{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.title' | i18n }}</h2>
-            <button class="ldw-mat-image-uploader-save"
-                matButton
-                cdkFocusInitial
-                (click)="onSaveClick()"
-            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnSave' | i18n }}</button>
-            <button class="ldw-mat-image-uploader-cancel"
-                matButton
-                (click)="onCancelClick()"
-            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnCancel' | i18n }}</button>
-        </mat-dialog-actions>
+        <h2 mat-dialog-title>{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.title' | i18n }}</h2>
         <mat-dialog-content>
             <input class="ldw-mat-image-uploader-hidden-input"
                 #uploader type="file"
                 [style.display]="'none'"
-                (change)="onChange($event)"
+                (change)="onFileChange($event)"
             />
             <div class="ldw-mat-image-uploader--instance"
                 [style.backgroundImage]="$backgroundImage"
                 (keypress)="uploader.click()"
                 (click)="uploader.click()"
-            >@if ($noData) { <mat-icon>image</mat-icon> }
+            >@if ($noData) {
+                <mat-icon>image</mat-icon> }
             </div>
         </mat-dialog-content>
-`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: LDuAnguBootTranslationPipe, name: "i18n" }] });
+        <mat-dialog-actions>
+            <button
+                class="ldw-mat-image-uploader-save"
+                matButton
+                cdkFocusInitial
+                (click)="onSaveClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnSave' | i18n }}</button>
+            <button class="ldw-mat-image-uploader-cancel"
+                matButton
+                (click)="onCancelClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnCancel' | i18n }}</button>
+        </mat-dialog-actions>
+`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: LDuAnguBootTranslationPipe, name: "i18n" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialImageUploadDialogComponent, decorators: [{
             type: Component,
@@ -94,31 +99,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                         LDuAnguBootTranslationPipe,
                     ],
                     template: `
-        <mat-dialog-actions>
-            <h2>{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.title' | i18n }}</h2>
-            <button class="ldw-mat-image-uploader-save"
-                matButton
-                cdkFocusInitial
-                (click)="onSaveClick()"
-            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnSave' | i18n }}</button>
-            <button class="ldw-mat-image-uploader-cancel"
-                matButton
-                (click)="onCancelClick()"
-            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnCancel' | i18n }}</button>
-        </mat-dialog-actions>
+        <h2 mat-dialog-title>{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.title' | i18n }}</h2>
         <mat-dialog-content>
             <input class="ldw-mat-image-uploader-hidden-input"
                 #uploader type="file"
                 [style.display]="'none'"
-                (change)="onChange($event)"
+                (change)="onFileChange($event)"
             />
             <div class="ldw-mat-image-uploader--instance"
                 [style.backgroundImage]="$backgroundImage"
                 (keypress)="uploader.click()"
                 (click)="uploader.click()"
-            >@if ($noData) { <mat-icon>image</mat-icon> }
+            >@if ($noData) {
+                <mat-icon>image</mat-icon> }
             </div>
         </mat-dialog-content>
+        <mat-dialog-actions>
+            <button
+                class="ldw-mat-image-uploader-save"
+                matButton
+                cdkFocusInitial
+                (click)="onSaveClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnSave' | i18n }}</button>
+            <button class="ldw-mat-image-uploader-cancel"
+                matButton
+                (click)="onCancelClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnCancel' | i18n }}</button>
+        </mat-dialog-actions>
 `
                 }]
         }] });
@@ -129,17 +136,20 @@ class LDwMaterialMediaService {
     MEDIA_API$ = inject(LDW_MAT_MEDIA_API);
     lduApiService$ = inject(LDuAnguBootApiService);
     matDialog$ = inject(MatDialog);
-    async uploadImage(uploadUrl, type = 'jpg', data) {
-        const media = await firstValueFrom(this.matDialog.open(LDwMaterialImageUploadDialogComponent, {
-            height: 'calc(100% - 1rem)',
-            width: 'calc(100% - 1rem)',
-            maxHeight: '100%',
-            maxWidth: '100%',
+    async uploadImage(uploadUrl, uploadConfig, type = 'jpg', data) {
+        const config = {
+            height: uploadConfig?.height ?? 'calc(100% - 1rem)',
+            width: uploadConfig?.width ?? 'calc(100% - 1rem)',
+            maxHeight: uploadConfig?.maxHeight ?? '100%',
+            maxWidth: uploadConfig?.maxWidth ?? '100%',
+            panelClass: 'ldw-mat-image-upload-dialog-panel',
             data: {
+                imgAlt: data?.imgAlt,
                 imgSrc: data?.imgSrc,
                 imgBase64: data?.imgBase64,
             },
-        }).afterClosed());
+        };
+        const media = await firstValueFrom(this.matDialog.open(LDwMaterialImageUploadDialogComponent, config).afterClosed());
         if (media?.imgBase64) {
             const response = await firstValueFrom(this.apiService.PUT(uploadUrl, media));
             if (response?.id) {
@@ -155,8 +165,41 @@ class LDwMaterialMediaService {
         }
         return null;
     }
-    async clearImage(api) {
-        return firstValueFrom(this.apiService.DELETE(`${api}`));
+    async deleteImage(deleteUrl) {
+        return firstValueFrom(this.apiService.DELETE(`${deleteUrl}`));
+    }
+    async getGallery(galleryUrl) {
+        return firstValueFrom(this.apiService.GET(`${galleryUrl}`));
+    }
+    openGallery(galleryUrl, galleryConfig) {
+        const config = {
+            height: galleryConfig?.height ?? 'calc(100% - 1rem)',
+            width: galleryConfig?.width ?? 'calc(100% - 1rem)',
+            maxHeight: galleryConfig?.maxHeight ?? '100%',
+            maxWidth: galleryConfig?.maxWidth ?? '100%',
+            panelClass: 'ldw-mat-image-gallery-dialog-panel',
+            data: { galleryUrl },
+        };
+        return this.matDialog.open(LDwMaterialImageGalleryDialogComponent, config);
+    }
+    async uploadGallery(galleryUrl, imgBase64, type = 'jpg') {
+        if (imgBase64) {
+            const response = await firstValueFrom(this.apiService.PUT(galleryUrl, { imgBase64 }));
+            if (response?.id) {
+                switch (type) {
+                    case 'jpg':
+                        return this.apiService.url(`${this.ENV.url}/${response.id}.jpg?t=${Date.now()}`);
+                    case 'png':
+                        return this.apiService.url(`${this.ENV.url}/${response.id}.png?t=${Date.now()}`);
+                    default:
+                        break;
+                }
+            }
+        }
+        return null;
+    }
+    async deleteGallery(galleryUrl) {
+        return firstValueFrom(this.apiService.DELETE(`${galleryUrl}`));
     }
     get ENV() { return this.MEDIA_API$; }
     get apiService() { return this.lduApiService$; }
@@ -169,6 +212,150 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+class LDwMaterialImageGalleryDialogComponent {
+    service = inject(LDwMaterialMediaService);
+    cdr = inject(ChangeDetectorRef);
+    dialogRef = inject((MatDialogRef));
+    data = inject(MAT_DIALOG_DATA);
+    gallery = [];
+    ngOnInit() {
+        this.load();
+    }
+    onSaveClick() {
+        this.dialogRef.close(true);
+    }
+    onCancelClick() {
+        this.dialogRef.close(false);
+    }
+    onFileChange($event) {
+        const files = $event?.target?.files;
+        if (files?.[0]) {
+            const picture = files[0];
+            const reader = new FileReader();
+            reader.readAsDataURL(picture);
+            reader.onload = () => {
+                const imgBase64 = reader.result.toString();
+                this.service.uploadGallery(this.data.galleryUrl, imgBase64).then(() => this.load());
+            };
+        }
+    }
+    onDeleteClick(id) {
+        this.service.deleteGallery(`${this.data.galleryUrl}/${id}`).then(() => this.load());
+    }
+    async load() {
+        const response = await this.service.getGallery(this.data.galleryUrl);
+        this.gallery = response;
+        this.cdr.detectChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialImageGalleryDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: LDwMaterialImageGalleryDialogComponent, isStandalone: true, selector: "ldw-mat-image-gallery-dialog", host: { classAttribute: "ldw-mat-image-gallery-dialog" }, ngImport: i0, template: `
+        <h2 mat-dialog-title>{{ 'LDU_ANGUBOOT_IMG_GALLERY_DIALOG.title' | i18n }}</h2>
+        <mat-dialog-content>
+            <input class="ldw-mat-image-gallery-hidden-input"
+                #uploader type="file"
+                [style.display]="'none'"
+                (change)="onFileChange($event)"
+            />
+            <div class="ldw-mat-image-gallery--instance">
+                <div class="ldw-mat-image-gallery-item ldw-mat-image-gallery-item--upload">
+                    <mat-icon
+                        (keypress)="uploader.click()"
+                        (click)="uploader.click()"
+                        >add</mat-icon>
+                </div>
+                @for (image of gallery; track image.id)
+                {
+                    <div class="ldw-mat-image-gallery-item">
+                        <a [href]="image.imgSrc" target="_blank">
+                            <img [src]="image.imgSrc" [alt]="image.imgAlt" />
+                        </a>
+                        <mat-icon
+                            (keypress)="onDeleteClick(image.id)"
+                            (click)="onDeleteClick(image.id)"
+                            >delete</mat-icon>
+                    </div>
+                }
+                @empty
+                {
+                    <mat-icon>image</mat-icon>
+                }
+            </div>
+        </mat-dialog-content>
+        <mat-dialog-actions>
+            <button
+                class="ldw-mat-image-gallery-save"
+                matButton
+                (click)="onSaveClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_GALLERY_DIALOG.btnSave' | i18n }}</button>
+            <button
+                class="ldw-mat-image-gallery-cancel"
+                matButton
+                (click)="onCancelClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_GALLERY_DIALOG.btnCancel' | i18n }}</button>
+        </mat-dialog-actions>
+`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: LDuAnguBootTranslationPipe, name: "i18n" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialImageGalleryDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ldw-mat-image-gallery-dialog',
+                    host: { class: 'ldw-mat-image-gallery-dialog' },
+                    imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatDialogModule,
+                        LDuAnguBootTranslationPipe,
+                    ],
+                    template: `
+        <h2 mat-dialog-title>{{ 'LDU_ANGUBOOT_IMG_GALLERY_DIALOG.title' | i18n }}</h2>
+        <mat-dialog-content>
+            <input class="ldw-mat-image-gallery-hidden-input"
+                #uploader type="file"
+                [style.display]="'none'"
+                (change)="onFileChange($event)"
+            />
+            <div class="ldw-mat-image-gallery--instance">
+                <div class="ldw-mat-image-gallery-item ldw-mat-image-gallery-item--upload">
+                    <mat-icon
+                        (keypress)="uploader.click()"
+                        (click)="uploader.click()"
+                        >add</mat-icon>
+                </div>
+                @for (image of gallery; track image.id)
+                {
+                    <div class="ldw-mat-image-gallery-item">
+                        <a [href]="image.imgSrc" target="_blank">
+                            <img [src]="image.imgSrc" [alt]="image.imgAlt" />
+                        </a>
+                        <mat-icon
+                            (keypress)="onDeleteClick(image.id)"
+                            (click)="onDeleteClick(image.id)"
+                            >delete</mat-icon>
+                    </div>
+                }
+                @empty
+                {
+                    <mat-icon>image</mat-icon>
+                }
+            </div>
+        </mat-dialog-content>
+        <mat-dialog-actions>
+            <button
+                class="ldw-mat-image-gallery-save"
+                matButton
+                (click)="onSaveClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_GALLERY_DIALOG.btnSave' | i18n }}</button>
+            <button
+                class="ldw-mat-image-gallery-cancel"
+                matButton
+                (click)="onCancelClick()"
+            >{{ 'LDU_ANGUBOOT_IMG_GALLERY_DIALOG.btnCancel' | i18n }}</button>
+        </mat-dialog-actions>
+`
+                }]
+        }] });
+
 class LDwMaterialImageUploaderComponent {
     service = inject(LDwMaterialMediaService);
     readonly$ = false;
@@ -195,7 +382,7 @@ class LDwMaterialImageUploaderComponent {
     }
     async onDeleteClick() {
         if (this.api) {
-            await this.service.clearImage(this.api);
+            await this.service.deleteImage(this.api);
         }
         this.control.setValue(null);
     }
@@ -328,6 +515,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                 type: Input
             }] } });
 
+const components$1 = [
+    LDwMaterialImageGalleryDialogComponent,
+];
+class LDwMaterialImageGalleryModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialImageGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialImageGalleryModule, imports: [LDwMaterialImageGalleryDialogComponent], exports: [LDwMaterialImageGalleryDialogComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialImageGalleryModule, imports: [components$1] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LDwMaterialImageGalleryModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...components$1],
+                    exports: [...components$1]
+                }]
+        }] });
+
 const components = [
     LDwMaterialImageUploadDialogComponent,
     LDwMaterialImageUploaderComponent,
@@ -351,5 +554,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { LDW_MAT_MEDIA_API, LDwMaterialImageUploadDialogComponent, LDwMaterialImageUploaderComponent, LDwMaterialImageUploaderModule, LDwMaterialMediaService };
+export { LDW_MAT_MEDIA_API, LDwMaterialImageGalleryDialogComponent, LDwMaterialImageGalleryModule, LDwMaterialImageUploadDialogComponent, LDwMaterialImageUploaderComponent, LDwMaterialImageUploaderModule, LDwMaterialMediaService };
 //# sourceMappingURL=ldw-framework-material-media.mjs.map

package/fesm2022/ldw-framework-material-media.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ldw-framework-material-media.mjs","sources":["../../../lib/src/components/ldw-mat-image-upload-dialog.component.ts","../../../lib/src/config/ldw-mat-media.config.ts","../../../lib/src/services/ldw-mat-media.service.ts","../../../lib/src/components/ldw-mat-image-uploader.component.ts","../../../lib/src/modules/ldw-mat-image-uploader.module.ts","../../../lib/src/ldw-framework-material-media.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectorRef, Component, inject } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { LDuAnguBootTranslationPipe } from '@ldu-anguboot/i18n';\nimport { LDwMaterialMediaModel } from '../models/ldw-mat-media.model';\n\n@Component({\n    selector: 'ldw-mat-image-upload-dialog',\n    host: { class: 'ldw-mat-image-upload-dialog' },\n    imports: [\n        CommonModule,\n        MatButtonModule,\n        MatIconModule,\n        MatDialogModule,\n        LDuAnguBootTranslationPipe,\n    ],\n    template: `\n        <mat-dialog-actions>\n            <h2>{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.title' | i18n }}</h2>\n            <button class=\"ldw-mat-image-uploader-save\"\n                matButton\n                cdkFocusInitial\n                (click)=\"onSaveClick()\"\n            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnSave' | i18n }}</button>\n            <button class=\"ldw-mat-image-uploader-cancel\"\n                matButton\n                (click)=\"onCancelClick()\"\n            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnCancel' | i18n }}</button>\n        </mat-dialog-actions>\n        <mat-dialog-content>\n            <input class=\"ldw-mat-image-uploader-hidden-input\"\n                #uploader type=\"file\"\n                [style.display]=\"'none'\"\n                (change)=\"onChange($event)\"\n            />\n            <div class=\"ldw-mat-image-uploader--instance\"\n                [style.backgroundImage]=\"$backgroundImage\"\n                (keypress)=\"uploader.click()\"\n                (click)=\"uploader.click()\"\n            >@if ($noData) { <mat-icon>image</mat-icon> }\n            </div>\n        </mat-dialog-content>\n`})\nexport class LDwMaterialImageUploadDialogComponent {\n\n    readonly dialogRef = inject(MatDialogRef<LDwMaterialImageUploadDialogComponent>);\n\n    readonly data = inject<LDwMaterialMediaModel>(MAT_DIALOG_DATA);\n\n    readonly cdr = inject(ChangeDetectorRef);\n\n    onSaveClick() {\n        this.dialogRef.close(this.data);\n    }\n\n    onCancelClick() {\n        this.dialogRef.close(false);\n    }\n\n    onChange($event: any) {\n        const files = $event?.target?.files;\n        if (files?.[0]) {\n            const picture = files[0];\n            const reader = new FileReader();\n            reader.readAsDataURL(picture);\n            reader.onload = () => {\n                this.data.imgBase64 = (reader.result as string).toString();\n                this.cdr.detectChanges();\n            };\n        }\n    }\n\n    get $backgroundImage() {\n        if (this.data.imgBase64) {\n            return 'url(' + this.data.imgBase64 + ')';\n        }\n        if (this.data.imgSrc) {\n            return 'url(' + this.data.imgSrc + ')';\n        }\n        return '';\n    }\n\n    get $noData() {\n        return !this.data?.imgBase64 && !this.data?.imgSrc;\n    }\n}\n","import { InjectionToken } from '@angular/core';\n\nexport const LDW_MAT_MEDIA_API = new InjectionToken<{\n    url: string;\n}>('LDW_MAT_MEDIA_API');\n","import { inject, Injectable } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { LDuAnguBootApiService } from '@ldu-anguboot/http';\nimport { firstValueFrom } from 'rxjs';\nimport { LDwMaterialImageUploadDialogComponent } from '../components/ldw-mat-image-upload-dialog.component';\nimport { LDW_MAT_MEDIA_API } from '../config/ldw-mat-media.config';\nimport { LDwMaterialMediaModel } from '../models/ldw-mat-media.model';\n\n@Injectable({ providedIn: 'root' })\nexport class LDwMaterialMediaService {\n\n    private readonly MEDIA_API$ = inject(LDW_MAT_MEDIA_API);\n\n    private readonly lduApiService$ = inject(LDuAnguBootApiService);\n\n    private readonly matDialog$ = inject(MatDialog);\n\n    async uploadImage(uploadUrl: string, type: 'jpg' | 'png' = 'jpg', data?: LDwMaterialMediaModel) {\n        const media = await firstValueFrom(this.matDialog.open(LDwMaterialImageUploadDialogComponent, {\n            height: 'calc(100% - 1rem)',\n            width: 'calc(100% - 1rem)',\n            maxHeight: '100%',\n            maxWidth: '100%',\n            data: {\n                imgSrc: data?.imgSrc,\n                imgBase64: data?.imgBase64,\n            },\n        }).afterClosed());\n        if (media?.imgBase64) {\n            const response = await firstValueFrom(this.apiService.PUT<LDwMaterialMediaModel>(uploadUrl, media));\n            if (response?.id) {\n                switch (type) {\n                    case 'jpg':\n                        return this.apiService.url(`${this.ENV.url}/${response.id}.jpg?t=${Date.now()}`);\n                    case 'png':\n                        return this.apiService.url(`${this.ENV.url}/${response.id}.png?t=${Date.now()}`);\n                    default:\n                        break;\n                }\n            }\n        }\n        return null;\n    }\n\n    async clearImage(api: string) {\n        return firstValueFrom(this.apiService.DELETE(`${api}`));\n    }\n\n    get ENV() { return this.MEDIA_API$; }\n\n    get apiService() { return this.lduApiService$; }\n\n    get matDialog() { return this.matDialog$; }\n}\n","import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { CommonModule } from '@angular/common';\nimport { Component, inject, Input } from '@angular/core';\nimport { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { LDwMaterialMediaService } from '../services/ldw-mat-media.service';\n\n@Component({\n    selector: 'ldw-mat-image-uploader',\n    host: { class: 'ldw-mat-image-uploader' },\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        MatButtonModule,\n        MatFormFieldModule,\n        MatInputModule,\n        MatIconModule,\n    ],\n    template: `\n        <form\n            [formGroup]=\"formParent\"\n            novalidate\n            ><mat-form-field\n                [appearance]=\"appearance\"\n                ><mat-label\n                    [innerHTML]=\"label\" />\n                <input matInput\n                    [name]=\"name\"\n                    [formControlName]=\"formParentControlName\"\n                    [readonly]=\"readonly\"\n                    [required]=\"required\"\n                />\n                @if (dimensions)\n                {\n                    <mat-hint>{{ dimensions }}.{{ type }}</mat-hint>\n                }\n                <div matSuffix>\n                    @if (control.value)\n                    {\n                        <a matIconButton\n                            [href]=\"control.value\"\n                            target=\"_blank\"\n                        ><mat-icon>visibility</mat-icon>\n                        </a>\n                    }\n                    <button matIconButton\n                        (click)=\"onUploadClick()\"\n                    ><mat-icon>add_photo_alternate</mat-icon>\n                    </button>\n                    <button matIconButton\n                        (click)=\"onDeleteClick()\"\n                    ><mat-icon>delete</mat-icon>\n                    </button>\n                </div>\n                <ng-content/>\n            </mat-form-field>\n        </form>\n`})\nexport class LDwMaterialImageUploaderComponent {\n\n    protected readonly service = inject(LDwMaterialMediaService);\n\n    protected readonly$: string | boolean = false;\n\n    protected required$: string | boolean = false;\n\n    @Input({ required: true })\n    formParent: FormGroup = new FormGroup({\n        value: new FormControl<string | null | undefined>(null, [])\n    });\n\n    @Input({ required: true })\n    formParentControlName = 'value';\n\n    @Input({ required: true })\n    label = 'Value';\n\n    @Input()\n    appearance: 'fill' | 'outline' = 'outline';\n\n    @Input()\n    name = 'value';\n\n    @Input()\n    type: 'jpg' | 'png' = 'jpg';\n\n    @Input()\n    dimensions: string | null | undefined;\n\n    @Input()\n    api: string | null | undefined;\n\n    @Input()\n    set readonly(v) { this.readonly$ = coerceBooleanProperty(v); }\n\n    @Input()\n    set required(v) { this.required$ = coerceBooleanProperty(v); }\n\n    async onUploadClick() {\n        if (this.api) {\n            const mediaUrl = await this.service.uploadImage(`${this.api}`);\n            if (mediaUrl) {\n                this.control.setValue(mediaUrl);\n            }\n        }\n    }\n\n    async onDeleteClick() {\n        if (this.api) {\n            await this.service.clearImage(this.api);\n        }\n        this.control.setValue(null);\n    }\n\n    get readonly() { return this.readonly$; };\n\n    get required() { return this.required$; };\n\n    get control() {\n        return this.formParent?.get(this.formParentControlName) as FormControl<string | null | undefined>;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { LDwMaterialImageUploadDialogComponent } from '../components/ldw-mat-image-upload-dialog.component';\nimport { LDwMaterialImageUploaderComponent } from '../components/ldw-mat-image-uploader.component';\n\nconst components = [\n    LDwMaterialImageUploadDialogComponent,\n    LDwMaterialImageUploaderComponent,\n];\n\n@NgModule({\n    imports: [...components],\n    exports: [...components]\n})\nexport class LDwMaterialImageUploaderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i3","i5"],"mappings":"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"}
+{"version":3,"file":"ldw-framework-material-media.mjs","sources":["../../../lib/src/components/ldw-mat-image-upload-dialog.component.ts","../../../lib/src/config/ldw-mat-media.config.ts","../../../lib/src/services/ldw-mat-media.service.ts","../../../lib/src/components/ldw-mat-image-gallery-dialog.component.ts","../../../lib/src/components/ldw-mat-image-uploader.component.ts","../../../lib/src/modules/ldw-mat-image-gallery.module.ts","../../../lib/src/modules/ldw-mat-image-uploader.module.ts","../../../lib/src/ldw-framework-material-media.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectorRef, Component, inject } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { LDuAnguBootTranslationPipe } from '@ldu-anguboot/i18n';\nimport { LDwMaterialMediaModel } from '../models/ldw-mat-media.model';\n\n@Component({\n    selector: 'ldw-mat-image-upload-dialog',\n    host: { class: 'ldw-mat-image-upload-dialog' },\n    imports: [\n        CommonModule,\n        MatButtonModule,\n        MatIconModule,\n        MatDialogModule,\n        LDuAnguBootTranslationPipe,\n    ],\n    template: `\n        <h2 mat-dialog-title>{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.title' | i18n }}</h2>\n        <mat-dialog-content>\n            <input class=\"ldw-mat-image-uploader-hidden-input\"\n                #uploader type=\"file\"\n                [style.display]=\"'none'\"\n                (change)=\"onFileChange($event)\"\n            />\n            <div class=\"ldw-mat-image-uploader--instance\"\n                [style.backgroundImage]=\"$backgroundImage\"\n                (keypress)=\"uploader.click()\"\n                (click)=\"uploader.click()\"\n            >@if ($noData) {\n                <mat-icon>image</mat-icon> }\n            </div>\n        </mat-dialog-content>\n        <mat-dialog-actions>\n            <button\n                class=\"ldw-mat-image-uploader-save\"\n                matButton\n                cdkFocusInitial\n                (click)=\"onSaveClick()\"\n            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnSave' | i18n }}</button>\n            <button class=\"ldw-mat-image-uploader-cancel\"\n                matButton\n                (click)=\"onCancelClick()\"\n            >{{ 'LDU_ANGUBOOT_IMG_UPLOAD_DIALOG.btnCancel' | i18n }}</button>\n        </mat-dialog-actions>\n`})\nexport class LDwMaterialImageUploadDialogComponent {\n\n    readonly dialogRef = inject(MatDialogRef<LDwMaterialImageUploadDialogComponent>);\n\n    readonly data = inject<LDwMaterialMediaModel>(MAT_DIALOG_DATA);\n\n    readonly cdr = inject(ChangeDetectorRef);\n\n    ngOnInit() {\n        console.log(this.data)\n    }\n\n    onSaveClick() {\n        this.dialogRef.close(this.data);\n    }\n\n    onCancelClick() {\n        this.dialogRef.close(false);\n    }\n\n    onFileChange($event: any) {\n        const files = $event?.target?.files;\n        if (files?.[0]) {\n            const picture = files[0];\n            const reader = new FileReader();\n            reader.readAsDataURL(picture);\n            reader.onload = () => {\n                this.data.imgBase64 = (reader.result as string).toString();\n                this.cdr.detectChanges();\n            };\n        }\n    }\n\n    get $backgroundImage() {\n        if (this.data.imgBase64) {\n            return 'url(' + this.data.imgBase64 + ')';\n        }\n        if (this.data.imgSrc) {\n            return 'url(' + this.data.imgSrc + ')';\n        }\n        return '';\n    }\n\n    get $noData() {\n        return !this.data?.imgBase64 && !this.data?.imgSrc;\n    }\n}\n","import { InjectionToken } from '@angular/core';\n\nexport const LDW_MAT_MEDIA_API = new InjectionToken<{\n    url: string;\n}>('LDW_MAT_MEDIA_API');\n","import { inject, Injectable } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { LDuAnguBootApiService } from '@ldu-anguboot/http';\nimport { firstValueFrom } from 'rxjs';\nimport { LDwMaterialImageGalleryDialogComponent } from '../components/ldw-mat-image-gallery-dialog.component';\nimport { LDwMaterialImageUploadDialogComponent } from '../components/ldw-mat-image-upload-dialog.component';\nimport { LDW_MAT_MEDIA_API } from '../config/ldw-mat-media.config';\nimport { LDwMaterialMediaModel } from '../models/ldw-mat-media.model';\n\n@Injectable({ providedIn: 'root' })\nexport class LDwMaterialMediaService {\n\n    private readonly MEDIA_API$ = inject(LDW_MAT_MEDIA_API);\n\n    private readonly lduApiService$ = inject(LDuAnguBootApiService);\n\n    private readonly matDialog$ = inject(MatDialog);\n\n    async uploadImage(uploadUrl: string, uploadConfig?: {\n        height?: string;\n        width?: string;\n        maxHeight?: string;\n        maxWidth?: string;\n    }, type: 'jpg' | 'png' = 'jpg', data?: LDwMaterialMediaModel) {\n        const config = {\n            height: uploadConfig?.height ?? 'calc(100% - 1rem)',\n            width: uploadConfig?.width ?? 'calc(100% - 1rem)',\n            maxHeight: uploadConfig?.maxHeight ?? '100%',\n            maxWidth: uploadConfig?.maxWidth ?? '100%',\n            panelClass: 'ldw-mat-image-upload-dialog-panel',\n            data: {\n                imgAlt: data?.imgAlt,\n                imgSrc: data?.imgSrc,\n                imgBase64: data?.imgBase64,\n            },\n        };\n        const media = await firstValueFrom(this.matDialog.open(LDwMaterialImageUploadDialogComponent, config).afterClosed());\n        if (media?.imgBase64) {\n            const response = await firstValueFrom(this.apiService.PUT<LDwMaterialMediaModel>(uploadUrl, media));\n            if (response?.id) {\n                switch (type) {\n                    case 'jpg':\n                        return this.apiService.url(`${this.ENV.url}/${response.id}.jpg?t=${Date.now()}`);\n                    case 'png':\n                        return this.apiService.url(`${this.ENV.url}/${response.id}.png?t=${Date.now()}`);\n                    default:\n                        break;\n                }\n            }\n        }\n        return null;\n    }\n\n    async deleteImage(deleteUrl: string) {\n        return firstValueFrom(this.apiService.DELETE(`${deleteUrl}`));\n    }\n\n    async getGallery(galleryUrl: string) {\n        return firstValueFrom(this.apiService.GET(`${galleryUrl}`));\n    }\n\n    openGallery(galleryUrl: string, galleryConfig?: {\n        height?: string;\n        width?: string;\n        maxHeight?: string;\n        maxWidth?: string;\n    }) {\n        const config = {\n            height: galleryConfig?.height ?? 'calc(100% - 1rem)',\n            width: galleryConfig?.width ?? 'calc(100% - 1rem)',\n            maxHeight: galleryConfig?.maxHeight ?? '100%',\n            maxWidth: galleryConfig?.maxWidth ?? '100%',\n            panelClass: 'ldw-mat-image-gallery-dialog-panel',\n            data: { galleryUrl },\n        };\n        return this.matDialog.open(LDwMaterialImageGalleryDialogComponent, config);\n    }\n\n    async uploadGallery(galleryUrl: string, imgBase64: string | null | undefined, type: 'jpg' | 'png' = 'jpg') {\n        if (imgBase64) {\n            const response = await firstValueFrom(this.apiService.PUT<LDwMaterialMediaModel>(galleryUrl, { imgBase64 }));\n            if (response?.id) {\n                switch (type) {\n                    case 'jpg':\n                        return this.apiService.url(`${this.ENV.url}/${response.id}.jpg?t=${Date.now()}`);\n                    case 'png':\n                        return this.apiService.url(`${this.ENV.url}/${response.id}.png?t=${Date.now()}`);\n                    default:\n                        break;\n                }\n            }\n        }\n        return null;\n    }\n\n    async deleteGallery(galleryUrl: string) {\n        return firstValueFrom(this.apiService.DELETE(`${galleryUrl}`));\n    }\n\n    get ENV() { return this.MEDIA_API$; }\n\n    get apiService() { return this.lduApiService$; }\n\n    get matDialog() { return this.matDialog$; }\n}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectorRef, Component, inject, OnInit } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { LDuAnguBootTranslationPipe } from '@ldu-anguboot/i18n';\nimport { LDwMaterialGalleryModel, LDwMaterialMediaModel } from '../models/ldw-mat-media.model';\nimport { LDwMaterialMediaService } from '../services/ldw-mat-media.service';\n\n@Component({\n    selector: 'ldw-mat-image-gallery-dialog',\n    host: { class: 'ldw-mat-image-gallery-dialog' },\n    imports: [\n        CommonModule,\n        MatButtonModule,\n        MatIconModule,\n        MatDialogModule,\n        LDuAnguBootTranslationPipe,\n    ],\n    template: `\n        <h2 mat-dialog-title>{{ 'LDU_ANGUBOOT_IMG_GALLERY_DIALOG.title' | i18n }}</h2>\n        <mat-dialog-content>\n            <input class=\"ldw-mat-image-gallery-hidden-input\"\n                #uploader type=\"file\"\n                [style.display]=\"'none'\"\n                (change)=\"onFileChange($event)\"\n            />\n            <div class=\"ldw-mat-image-gallery--instance\">\n                <div class=\"ldw-mat-image-gallery-item ldw-mat-image-gallery-item--upload\">\n                    <mat-icon\n                        (keypress)=\"uploader.click()\"\n                        (click)=\"uploader.click()\"\n                        >add</mat-icon>\n                </div>\n                @for (image of gallery; track image.id)\n                {\n                    <div class=\"ldw-mat-image-gallery-item\">\n                        <a [href]=\"image.imgSrc\" target=\"_blank\">\n                            <img [src]=\"image.imgSrc\" [alt]=\"image.imgAlt\" />\n                        </a>\n                        <mat-icon\n                            (keypress)=\"onDeleteClick(image.id)\"\n                            (click)=\"onDeleteClick(image.id)\"\n                            >delete</mat-icon>\n                    </div>\n                }\n                @empty\n                {\n                    <mat-icon>image</mat-icon>\n                }\n            </div>\n        </mat-dialog-content>\n        <mat-dialog-actions>\n            <button\n                class=\"ldw-mat-image-gallery-save\"\n                matButton\n                (click)=\"onSaveClick()\"\n            >{{ 'LDU_ANGUBOOT_IMG_GALLERY_DIALOG.btnSave' | i18n }}</button>\n            <button\n                class=\"ldw-mat-image-gallery-cancel\"\n                matButton\n                (click)=\"onCancelClick()\"\n            >{{ 'LDU_ANGUBOOT_IMG_GALLERY_DIALOG.btnCancel' | i18n }}</button>\n        </mat-dialog-actions>\n`})\nexport class LDwMaterialImageGalleryDialogComponent implements OnInit {\n\n    protected readonly service = inject(LDwMaterialMediaService);\n\n    protected readonly cdr = inject(ChangeDetectorRef);\n\n    readonly dialogRef = inject(MatDialogRef<LDwMaterialImageGalleryDialogComponent>);\n\n    readonly data = inject<LDwMaterialGalleryModel>(MAT_DIALOG_DATA);\n\n    gallery: LDwMaterialMediaModel[] = [];\n\n    ngOnInit() {\n        this.load();\n    }\n\n    onSaveClick() {\n        this.dialogRef.close(true);\n    }\n\n    onCancelClick() {\n        this.dialogRef.close(false);\n    }\n\n    onFileChange($event: any) {\n        const files = $event?.target?.files;\n        if (files?.[0]) {\n            const picture = files[0];\n            const reader = new FileReader();\n            reader.readAsDataURL(picture);\n            reader.onload = () => {\n                const imgBase64 = (reader.result as string).toString();\n                this.service.uploadGallery(this.data.galleryUrl, imgBase64).then(() => this.load());\n            };\n        }\n    }\n\n    onDeleteClick(id: number | null | undefined) {\n        this.service.deleteGallery(`${this.data.galleryUrl}/${id}`).then(() => this.load());\n    }\n\n    protected async load() {\n        const response = await this.service.getGallery(this.data.galleryUrl);\n        this.gallery = response as LDwMaterialMediaModel[];\n        this.cdr.detectChanges();\n    }\n}\n","import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { CommonModule } from '@angular/common';\nimport { Component, inject, Input } from '@angular/core';\nimport { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { LDwMaterialMediaService } from '../services/ldw-mat-media.service';\n\n@Component({\n    selector: 'ldw-mat-image-uploader',\n    host: { class: 'ldw-mat-image-uploader' },\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        MatButtonModule,\n        MatFormFieldModule,\n        MatInputModule,\n        MatIconModule,\n    ],\n    template: `\n        <form\n            [formGroup]=\"formParent\"\n            novalidate\n            ><mat-form-field\n                [appearance]=\"appearance\"\n                ><mat-label\n                    [innerHTML]=\"label\" />\n                <input matInput\n                    [name]=\"name\"\n                    [formControlName]=\"formParentControlName\"\n                    [readonly]=\"readonly\"\n                    [required]=\"required\"\n                />\n                @if (dimensions)\n                {\n                    <mat-hint>{{ dimensions }}.{{ type }}</mat-hint>\n                }\n                <div matSuffix>\n                    @if (control.value)\n                    {\n                        <a matIconButton\n                            [href]=\"control.value\"\n                            target=\"_blank\"\n                        ><mat-icon>visibility</mat-icon>\n                        </a>\n                    }\n                    <button matIconButton\n                        (click)=\"onUploadClick()\"\n                    ><mat-icon>add_photo_alternate</mat-icon>\n                    </button>\n                    <button matIconButton\n                        (click)=\"onDeleteClick()\"\n                    ><mat-icon>delete</mat-icon>\n                    </button>\n                </div>\n                <ng-content/>\n            </mat-form-field>\n        </form>\n`})\nexport class LDwMaterialImageUploaderComponent {\n\n    protected readonly service = inject(LDwMaterialMediaService);\n\n    protected readonly$: string | boolean = false;\n\n    protected required$: string | boolean = false;\n\n    @Input({ required: true })\n    formParent: FormGroup = new FormGroup({\n        value: new FormControl<string | null | undefined>(null, [])\n    });\n\n    @Input({ required: true })\n    formParentControlName = 'value';\n\n    @Input({ required: true })\n    label = 'Value';\n\n    @Input()\n    appearance: 'fill' | 'outline' = 'outline';\n\n    @Input()\n    name = 'value';\n\n    @Input()\n    type: 'jpg' | 'png' = 'jpg';\n\n    @Input()\n    dimensions: string | null | undefined;\n\n    @Input()\n    api: string | null | undefined;\n\n    @Input()\n    set readonly(v) { this.readonly$ = coerceBooleanProperty(v); }\n\n    @Input()\n    set required(v) { this.required$ = coerceBooleanProperty(v); }\n\n    async onUploadClick() {\n        if (this.api) {\n            const mediaUrl = await this.service.uploadImage(`${this.api}`);\n            if (mediaUrl) {\n                this.control.setValue(mediaUrl);\n            }\n        }\n    }\n\n    async onDeleteClick() {\n        if (this.api) {\n            await this.service.deleteImage(this.api);\n        }\n        this.control.setValue(null);\n    }\n\n    get readonly() { return this.readonly$; };\n\n    get required() { return this.required$; };\n\n    get control() {\n        return this.formParent?.get(this.formParentControlName) as FormControl<string | null | undefined>;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { LDwMaterialImageGalleryDialogComponent } from '../components/ldw-mat-image-gallery-dialog.component';\n\nconst components = [\n    LDwMaterialImageGalleryDialogComponent,\n];\n\n@NgModule({\n    imports: [...components],\n    exports: [...components]\n})\nexport class LDwMaterialImageGalleryModule { }\n","import { NgModule } from '@angular/core';\nimport { LDwMaterialImageUploadDialogComponent } from '../components/ldw-mat-image-upload-dialog.component';\nimport { LDwMaterialImageUploaderComponent } from '../components/ldw-mat-image-uploader.component';\n\nconst components = [\n    LDwMaterialImageUploadDialogComponent,\n    LDwMaterialImageUploaderComponent,\n];\n\n@NgModule({\n    imports: [...components],\n    exports: [...components]\n})\nexport class LDwMaterialImageUploaderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i3","i5","components"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldw-framework/material-media",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "peerDependencies": {
     "@angular/cdk": "^21.0.0",
     "@angular/common": "^21.0.0",

package/scss/ldw-framework-material-media.scss

@@ -1,3 +1,15 @@
+.ldw-mat-image-upload-dialog-panel,
+.ldw-mat-image-gallery-dialog-panel {
+
+    .mat-mdc-dialog-surface {
+        border-radius: 0px !important;
+    }
+
+    .mat-mdc-dialog-content {
+        max-height: 100%;
+    }
+}
+
 .ldw-mat-image-upload-dialog {
 
     .ldw-mat-image-uploader--instance {
@@ -27,16 +39,72 @@
             opacity: 0.925;
         }
     }
+}
+
+.ldw-mat-image-gallery-dialog {
 
-    .mat-mdc-dialog-actions {
-        h2 {
-            margin-right: auto;
+    .ldw-mat-image-gallery--instance {
+        background-color: #eaeaea;
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: contain;
+        border-width: 1px;
+        border-style: dotted;
+        border-color: inherit;
+        height: calc(100% - 2px);
+        width: calc(100% - 2px);
+        position: relative;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+        overflow: auto;
+
+        .ldw-mat-image-gallery-item {
+            position: relative;
+            width: calc(33% - 2rem);
+            height: calc(33% - 2rem);
+            margin: 1rem;
+
+            img {
+                width: 100%;
+                height: 100%;
+            }
+
+            mat-icon {
+                display: none;
+                position: absolute;
+                top: 1rem;
+                right: 1rem;
+                background-color: white;
+                border-radius: 50%;
+                padding: 1rem;
+            }
+
+            &:hover {
+                cursor: pointer;
+
+                img {
+                    opacity: 0.5;
+                }
+
+                mat-icon {
+                    display: block;
+                }
+            }
         }
-    }
 
-    .mat-mdc-dialog-content {
-        max-height: 100%;
-        padding-top: 0px !important;
-        margin-bottom: 2rem;
+        .ldw-mat-image-gallery-item--upload {
+            background-color: white;
+
+            mat-icon {
+                display: block;
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                border-radius: 0;
+            }
+        }
     }
 }

package/types/ldw-framework-material-media.d.ts

@@ -1,34 +1,40 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectorRef, InjectionToken } from '@angular/core';
-import { MatDialogRef, MatDialog } from '@angular/material/dialog';
-import { FormGroup, FormControl } from '@angular/forms';
+import { OnInit, ChangeDetectorRef, InjectionToken } from '@angular/core';
+import * as _angular_material_dialog from '@angular/material/dialog';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { LDuAnguBootApiService } from '@ldu-anguboot/http';
+import { FormGroup, FormControl } from '@angular/forms';
 
 interface LDwMaterialMediaModel {
     id?: number;
+    imgAlt?: string;
     imgSrc?: string;
     imgBase64?: string;
 }
-
-declare class LDwMaterialImageUploadDialogComponent {
-    readonly dialogRef: MatDialogRef<any, any>;
-    readonly data: LDwMaterialMediaModel;
-    readonly cdr: ChangeDetectorRef;
-    onSaveClick(): void;
-    onCancelClick(): void;
-    onChange($event: any): void;
-    get $backgroundImage(): string;
-    get $noData(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LDwMaterialImageUploadDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LDwMaterialImageUploadDialogComponent, "ldw-mat-image-upload-dialog", never, {}, {}, never, never, true, never>;
+interface LDwMaterialGalleryModel {
+    galleryUrl: string;
 }
 
 declare class LDwMaterialMediaService {
     private readonly MEDIA_API$;
     private readonly lduApiService$;
     private readonly matDialog$;
-    uploadImage(uploadUrl: string, type?: 'jpg' | 'png', data?: LDwMaterialMediaModel): Promise<string | null>;
-    clearImage(api: string): Promise<unknown>;
+    uploadImage(uploadUrl: string, uploadConfig?: {
+        height?: string;
+        width?: string;
+        maxHeight?: string;
+        maxWidth?: string;
+    }, type?: 'jpg' | 'png', data?: LDwMaterialMediaModel): Promise<string | null>;
+    deleteImage(deleteUrl: string): Promise<unknown>;
+    getGallery(galleryUrl: string): Promise<unknown>;
+    openGallery(galleryUrl: string, galleryConfig?: {
+        height?: string;
+        width?: string;
+        maxHeight?: string;
+        maxWidth?: string;
+    }): _angular_material_dialog.MatDialogRef<LDwMaterialImageGalleryDialogComponent, any>;
+    uploadGallery(galleryUrl: string, imgBase64: string | null | undefined, type?: 'jpg' | 'png'): Promise<string | null>;
+    deleteGallery(galleryUrl: string): Promise<unknown>;
     get ENV(): {
         url: string;
     };
@@ -38,6 +44,36 @@ declare class LDwMaterialMediaService {
     static ɵprov: i0.ɵɵInjectableDeclaration<LDwMaterialMediaService>;
 }
 
+declare class LDwMaterialImageGalleryDialogComponent implements OnInit {
+    protected readonly service: LDwMaterialMediaService;
+    protected readonly cdr: ChangeDetectorRef;
+    readonly dialogRef: MatDialogRef<any, any>;
+    readonly data: LDwMaterialGalleryModel;
+    gallery: LDwMaterialMediaModel[];
+    ngOnInit(): void;
+    onSaveClick(): void;
+    onCancelClick(): void;
+    onFileChange($event: any): void;
+    onDeleteClick(id: number | null | undefined): void;
+    protected load(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LDwMaterialImageGalleryDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LDwMaterialImageGalleryDialogComponent, "ldw-mat-image-gallery-dialog", never, {}, {}, never, never, true, never>;
+}
+
+declare class LDwMaterialImageUploadDialogComponent {
+    readonly dialogRef: MatDialogRef<any, any>;
+    readonly data: LDwMaterialMediaModel;
+    readonly cdr: ChangeDetectorRef;
+    ngOnInit(): void;
+    onSaveClick(): void;
+    onCancelClick(): void;
+    onFileChange($event: any): void;
+    get $backgroundImage(): string;
+    get $noData(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LDwMaterialImageUploadDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LDwMaterialImageUploadDialogComponent, "ldw-mat-image-upload-dialog", never, {}, {}, never, never, true, never>;
+}
+
 declare class LDwMaterialImageUploaderComponent {
     protected readonly service: LDwMaterialMediaService;
     protected readonly$: string | boolean;
@@ -65,11 +101,17 @@ declare const LDW_MAT_MEDIA_API: InjectionToken<{
     url: string;
 }>;
 
+declare class LDwMaterialImageGalleryModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LDwMaterialImageGalleryModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LDwMaterialImageGalleryModule, never, [typeof LDwMaterialImageGalleryDialogComponent], [typeof LDwMaterialImageGalleryDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LDwMaterialImageGalleryModule>;
+}
+
 declare class LDwMaterialImageUploaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LDwMaterialImageUploaderModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<LDwMaterialImageUploaderModule, never, [typeof LDwMaterialImageUploadDialogComponent, typeof LDwMaterialImageUploaderComponent], [typeof LDwMaterialImageUploadDialogComponent, typeof LDwMaterialImageUploaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LDwMaterialImageUploaderModule>;
 }
 
-export { LDW_MAT_MEDIA_API, LDwMaterialImageUploadDialogComponent, LDwMaterialImageUploaderComponent, LDwMaterialImageUploaderModule, LDwMaterialMediaService };
-export type { LDwMaterialMediaModel };
+export { LDW_MAT_MEDIA_API, LDwMaterialImageGalleryDialogComponent, LDwMaterialImageGalleryModule, LDwMaterialImageUploadDialogComponent, LDwMaterialImageUploaderComponent, LDwMaterialImageUploaderModule, LDwMaterialMediaService };
+export type { LDwMaterialGalleryModel, LDwMaterialMediaModel };