@acorex/platform 1.0.0 → 1.0.1

package/esm2022/widgets/lib/editors/gallery-widget/gallery-widget-edit.component.mjs

@@ -0,0 +1,172 @@
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXImageModule } from '@acorex/components/image';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXUploaderModule } from '@acorex/components/uploader';
+import { AXPWidgetBase } from '@acorex/platform/layout';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, signal } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/image";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "@acorex/components/loading";
+import * as i5 from "@acorex/components/uploader";
+export class AXPGalleryWidgetEditComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.internalValue = computed(() => {
+            const parsedValue = this.getValue() ? JSON.parse(this.getValue()) : [];
+            return Array.isArray(parsedValue) ? parsedValue.map((c) => c) : [parsedValue];
+        });
+        this.activeMedia = signal(null);
+        this.thumbnails = computed(() => this.internalValue().filter((i) => i.id !== this.activeMedia()?.id));
+    }
+    changeMediaSelected(media) {
+        this.activeMedia.set(media);
+    }
+    ngAfterViewInit() {
+        this.activeMedia.set(this.internalValue()[0]);
+    }
+    getMediaInfo(mediaName) {
+        const extension = mediaName.split('.').pop()?.toLowerCase();
+        switch (extension) {
+            case 'jpg':
+            case 'jpeg':
+            case 'png':
+            case 'gif':
+            case 'bmp':
+                return { icon: '', format: 'image' };
+            case 'mp4':
+            case 'avi':
+            case 'mkv':
+            case 'mov':
+                return { icon: 'fa-regular fa-play', format: 'video' };
+            case 'mp3':
+            case 'wav':
+            case 'ogg':
+                return { icon: 'fa-regular fa-volume-high', format: 'audio' };
+            default:
+                return { icon: '', format: 'image' };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPGalleryWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(internalValue().length){
+      <div class="ax-col-start-1 ax-col-end-13 ax-flex ax-items-center lg:ax-justify-start ax-justify-center ">
+        <div class="ax-flex ax-flex-col ax-items-center ax-gap-4 ax-w-full">
+          @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
+          <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
+          } @case ('image') {
+          <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
+            <ax-loading></ax-loading>
+            <ax-placeholder>
+              <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
+                <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                <span>Connection Error!</span>
+              </div>
+            </ax-placeholder>
+          </ax-image>
+          } @case ('audio') {
+          <audio controls class="ax-rounded-lg">
+            <source [src]="activeMedia()?.url" type="audio/mp3" />
+          </audio>
+          } }
+          <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
+            @for (media of thumbnails(); track $index) {
+            <div
+              *ngIf="getMediaInfo(media.name) as mediaInfo"
+              class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
+              (click)="changeMediaSelected(media)"
+            >
+              <ax-image
+                class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
+                [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
+              ></ax-image>
+              <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
+                <ax-icon [class]="mediaInfo.icon"> </ax-icon>
+              </div>
+            </div>
+            }
+            <div axUploaderZone>
+              <div axUploaderBrowseHandle class="ax-flex ax-justify-center ax-items-center ax-w-16 ax-h-16 ax-border ax-rounded-lg ax-cursor-pointer">
+                <ax-icon class="fa-solid fa-plus ax-text-neutral-500"> </ax-icon>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      } @else {
+      <div class=" ax-col-start-1 ax-col-end-13">
+        <ax-uploader-drop-zone></ax-uploader-drop-zone>
+      </div>
+
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXUploaderModule }, { kind: "component", type: i5.AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone" }, { kind: "directive", type: i5.AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple"] }, { kind: "directive", type: i5.AXUploaderBrowseDirective, selector: "[axUploaderBrowseHandle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(internalValue().length){
+      <div class="ax-col-start-1 ax-col-end-13 ax-flex ax-items-center lg:ax-justify-start ax-justify-center ">
+        <div class="ax-flex ax-flex-col ax-items-center ax-gap-4 ax-w-full">
+          @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
+          <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
+          } @case ('image') {
+          <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
+            <ax-loading></ax-loading>
+            <ax-placeholder>
+              <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
+                <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                <span>Connection Error!</span>
+              </div>
+            </ax-placeholder>
+          </ax-image>
+          } @case ('audio') {
+          <audio controls class="ax-rounded-lg">
+            <source [src]="activeMedia()?.url" type="audio/mp3" />
+          </audio>
+          } }
+          <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
+            @for (media of thumbnails(); track $index) {
+            <div
+              *ngIf="getMediaInfo(media.name) as mediaInfo"
+              class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
+              (click)="changeMediaSelected(media)"
+            >
+              <ax-image
+                class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
+                [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
+              ></ax-image>
+              <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
+                <ax-icon [class]="mediaInfo.icon"> </ax-icon>
+              </div>
+            </div>
+            }
+            <div axUploaderZone>
+              <div axUploaderBrowseHandle class="ax-flex ax-justify-center ax-items-center ax-w-16 ax-h-16 ax-border ax-rounded-lg ax-cursor-pointer">
+                <ax-icon class="fa-solid fa-plus ax-text-neutral-500"> </ax-icon>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      } @else {
+      <div class=" ax-col-start-1 ax-col-end-13">
+        <ax-uploader-drop-zone></ax-uploader-drop-zone>
+      </div>
+
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule, AXImageModule, AXDecoratorModule, AXLoadingModule, AXUploaderModule],
+                    inputs: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQtZWRpdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi9lZGl0b3JzL2dhbGxlcnktd2lkZ2V0L2dhbGxlcnktd2lkZ2V0LWVkaXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUEwQixRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdHLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQStEN0MsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGFBQWtCO0lBNURyRTs7UUE2RFksa0JBQWEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3RDLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ3ZFLE9BQU8sS0FBSyxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDaEYsQ0FBQyxDQUFDLENBQUM7UUFFTyxnQkFBVyxHQUF3QyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDaEUsZUFBVSxHQUEyQixRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztLQXNDcEk7SUFsQ0MsbUJBQW1CLENBQUMsS0FBbUI7UUFDckMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRVMsWUFBWSxDQUFDLFNBQWlCO1FBQ3RDLE1BQU0sU0FBUyxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsV0FBVyxFQUFFLENBQUM7UUFFNUQsUUFBUSxTQUFTLEVBQUUsQ0FBQztZQUNsQixLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssTUFBTSxDQUFDO1lBQ1osS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSztnQkFDUixPQUFPLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUM7WUFFdkMsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxLQUFLO2dCQUNSLE9BQU8sRUFBRSxJQUFJLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDO1lBRXpELEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUs7Z0JBQ1IsT0FBTyxFQUFFLElBQUksRUFBRSwyQkFBMkIsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUM7WUFFaEU7Z0JBQ0UsT0FBTyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDO1FBQ3pDLENBQUM7SUFDSCxDQUFDOzhHQTVDVSw2QkFBNkI7a0dBQTdCLDZCQUE2QiwrRkEzRDlCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFEVCwyREFHUyxZQUFZLGtJQUFFLFdBQVcsOEJBQUUsYUFBYSxpTUFBRSxpQkFBaUIsdVZBQUUsZUFBZSw4S0FBRSxnQkFBZ0I7OzJGQUc3Riw2QkFBNkI7a0JBNUR6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxRFQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLENBQUM7b0JBQ3pHLE1BQU0sRUFBRSxFQUFFO2lCQUNYIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBBWEltYWdlTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2ltYWdlJztcbmltcG9ydCB7IEFYTG9hZGluZ01vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9sb2FkaW5nJztcbmltcG9ydCB7IEFYVXBsb2FkZXJNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdXBsb2FkZXInO1xuaW1wb3J0IHsgQVhQV2lkZ2V0QmFzZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBTaWduYWwsIFdyaXRhYmxlU2lnbmFsLCBjb21wdXRlZCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFYUE1lZGlhSW5mbywgQVhQTWVkaWFJdGVtIH0gZnJvbSAnLi9nYWxsZXJ5LXdpZGdldC10eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJheC1ncmlkIGF4LWdyaWQtY29scy0xMiBheC1nYXAtMlwiPlxuICAgICAgQGlmKGludGVybmFsVmFsdWUoKS5sZW5ndGgpe1xuICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbC1zdGFydC0xIGF4LWNvbC1lbmQtMTMgYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgbGc6YXgtanVzdGlmeS1zdGFydCBheC1qdXN0aWZ5LWNlbnRlciBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtZmxleC1jb2wgYXgtaXRlbXMtY2VudGVyIGF4LWdhcC00IGF4LXctZnVsbFwiPlxuICAgICAgICAgIEBzd2l0Y2ggKGdldE1lZGlhSW5mbyhhY3RpdmVNZWRpYSgpPy5uYW1lfHwnJykuZm9ybWF0KSB7IEBjYXNlICgndmlkZW8nKSB7XG4gICAgICAgICAgPHZpZGVvIGNsYXNzPVwiYXgtcm91bmRlZC1sZyBheC1oLTQ4IG1kOmF4LWgtNzIgYXgtdy1hdXRvIGF4LXNoYWRvdy1tZFwiIGNvbnRyb2xzIFtzcmNdPVwiYWN0aXZlTWVkaWEoKT8udXJsXCI+PC92aWRlbz5cbiAgICAgICAgICB9IEBjYXNlICgnaW1hZ2UnKSB7XG4gICAgICAgICAgPGF4LWltYWdlIGNsYXNzPVwiYXgtcm91bmRlZC1sZyBheC1oLTQ4IG1kOmF4LWgtNzIgYXgtdy1hdXRvXCIgW3NyY109XCJhY3RpdmVNZWRpYSgpPy51cmxcIj5cbiAgICAgICAgICAgIDxheC1sb2FkaW5nPjwvYXgtbG9hZGluZz5cbiAgICAgICAgICAgIDxheC1wbGFjZWhvbGRlcj5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF4LXctOTYgYXgtaC03MiBheC1nYXAtNCBheC1mbGV4IGF4LWZsZXgtY29sIGF4LWl0ZW1zLWNlbnRlciBheC1qdXN0aWZ5LWNlbnRlciBheC1ib3JkZXIgYXgtcm91bmRlZC1sZ1wiPlxuICAgICAgICAgICAgICAgIDxheC1pY29uIGNsYXNzPVwiZmEtc29saWQgZmEtY2lyY2xlLWV4Y2xhbWF0aW9uIGF4LXRleHQtM3hsXCI+IDwvYXgtaWNvbj5cbiAgICAgICAgICAgICAgICA8c3Bhbj5Db25uZWN0aW9uIEVycm9yITwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2F4LXBsYWNlaG9sZGVyPlxuICAgICAgICAgIDwvYXgtaW1hZ2U+XG4gICAgICAgICAgfSBAY2FzZSAoJ2F1ZGlvJykge1xuICAgICAgICAgIDxhdWRpbyBjb250cm9scyBjbGFzcz1cImF4LXJvdW5kZWQtbGdcIj5cbiAgICAgICAgICAgIDxzb3VyY2UgW3NyY109XCJhY3RpdmVNZWRpYSgpPy51cmxcIiB0eXBlPVwiYXVkaW8vbXAzXCIgLz5cbiAgICAgICAgICA8L2F1ZGlvPlxuICAgICAgICAgIH0gfVxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWdhcC00IGF4LW92ZXJmbG93LXgtYXV0byBheC1tYXgtdy1bMzIwcHhdIGxnOmF4LW1heC13LVs0ODBweF0gYXgtcGItMlwiPlxuICAgICAgICAgICAgQGZvciAobWVkaWEgb2YgdGh1bWJuYWlscygpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgKm5nSWY9XCJnZXRNZWRpYUluZm8obWVkaWEubmFtZSkgYXMgbWVkaWFJbmZvXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJob3ZlcjpheC1vcGFjaXR5LTc1IGF4LXRyYW5zaXRpb24tYWxsIGF4LXJlbGF0aXZlIGF4LWN1cnNvci1wb2ludGVyIGF4LWZsZXggYXgtanVzdGlmeS1jZW50ZXIgYXgtaXRlbXMtY2VudGVyXCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cImNoYW5nZU1lZGlhU2VsZWN0ZWQobWVkaWEpXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGF4LWltYWdlXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJheC13LTE2IGF4LWJyaWdodG5lc3MtNTAgYXgtaC0xNiBheC1yb3VuZGVkLWxnIGF4LXNoYWRvdy1tZCBheC1maWx0ZXJcIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwibWVkaWFJbmZvLmZvcm1hdCA9PSAnaW1hZ2UnID8gbWVkaWEudXJsIDogbWVkaWEucG9zdGVyVXJsXCJcbiAgICAgICAgICAgICAgPjwvYXgtaW1hZ2U+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1hYnNvbHV0ZSBheC10ZXh0LW5ldXRyYWwtMzAwIGF4LXRleHQteGxcIj5cbiAgICAgICAgICAgICAgICA8YXgtaWNvbiBbY2xhc3NdPVwibWVkaWFJbmZvLmljb25cIj4gPC9heC1pY29uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgPGRpdiBheFVwbG9hZGVyWm9uZT5cbiAgICAgICAgICAgICAgPGRpdiBheFVwbG9hZGVyQnJvd3NlSGFuZGxlIGNsYXNzPVwiYXgtZmxleCBheC1qdXN0aWZ5LWNlbnRlciBheC1pdGVtcy1jZW50ZXIgYXgtdy0xNiBheC1oLTE2IGF4LWJvcmRlciBheC1yb3VuZGVkLWxnIGF4LWN1cnNvci1wb2ludGVyXCI+XG4gICAgICAgICAgICAgICAgPGF4LWljb24gY2xhc3M9XCJmYS1zb2xpZCBmYS1wbHVzIGF4LXRleHQtbmV1dHJhbC01MDBcIj4gPC9heC1pY29uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgfSBAZWxzZSB7XG4gICAgICA8ZGl2IGNsYXNzPVwiIGF4LWNvbC1zdGFydC0xIGF4LWNvbC1lbmQtMTNcIj5cbiAgICAgICAgPGF4LXVwbG9hZGVyLWRyb3Atem9uZT48L2F4LXVwbG9hZGVyLWRyb3Atem9uZT5cbiAgICAgIDwvZGl2PlxuXG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgQVhJbWFnZU1vZHVsZSwgQVhEZWNvcmF0b3JNb2R1bGUsIEFYTG9hZGluZ01vZHVsZSwgQVhVcGxvYWRlck1vZHVsZV0sXG4gIGlucHV0czogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYUEdhbGxlcnlXaWRnZXRFZGl0Q29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0QmFzZTxhbnk+IHtcbiAgcHJvdGVjdGVkIGludGVybmFsVmFsdWUgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgcGFyc2VkVmFsdWUgPSB0aGlzLmdldFZhbHVlKCkgPyBKU09OLnBhcnNlKHRoaXMuZ2V0VmFsdWUoKSkgOiBbXTtcbiAgICByZXR1cm4gQXJyYXkuaXNBcnJheShwYXJzZWRWYWx1ZSkgPyBwYXJzZWRWYWx1ZS5tYXAoKGMpID0+IGMpIDogW3BhcnNlZFZhbHVlXTtcbiAgfSk7XG5cbiAgcHJvdGVjdGVkIGFjdGl2ZU1lZGlhOiBXcml0YWJsZVNpZ25hbDxBWFBNZWRpYUl0ZW0gfCBudWxsPiA9IHNpZ25hbChudWxsKTtcbiAgcHJvdGVjdGVkIHRodW1ibmFpbHM6IFNpZ25hbDxBWFBNZWRpYUl0ZW1bXT4gPSBjb21wdXRlZCgoKSA9PiB0aGlzLmludGVybmFsVmFsdWUoKS5maWx0ZXIoKGkpID0+IGkuaWQgIT09IHRoaXMuYWN0aXZlTWVkaWEoKT8uaWQpKTtcblxuICBwcm90ZWN0ZWQgbXVsdGlwbGUhOiBib29sZWFuO1xuXG4gIGNoYW5nZU1lZGlhU2VsZWN0ZWQobWVkaWE6IEFYUE1lZGlhSXRlbSkge1xuICAgIHRoaXMuYWN0aXZlTWVkaWEuc2V0KG1lZGlhKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGl2ZU1lZGlhLnNldCh0aGlzLmludGVybmFsVmFsdWUoKVswXSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0TWVkaWFJbmZvKG1lZGlhTmFtZTogc3RyaW5nKTogQVhQTWVkaWFJbmZvIHtcbiAgICBjb25zdCBleHRlbnNpb24gPSBtZWRpYU5hbWUuc3BsaXQoJy4nKS5wb3AoKT8udG9Mb3dlckNhc2UoKTtcblxuICAgIHN3aXRjaCAoZXh0ZW5zaW9uKSB7XG4gICAgICBjYXNlICdqcGcnOlxuICAgICAgY2FzZSAnanBlZyc6XG4gICAgICBjYXNlICdwbmcnOlxuICAgICAgY2FzZSAnZ2lmJzpcbiAgICAgIGNhc2UgJ2JtcCc6XG4gICAgICAgIHJldHVybiB7IGljb246ICcnLCBmb3JtYXQ6ICdpbWFnZScgfTtcblxuICAgICAgY2FzZSAnbXA0JzpcbiAgICAgIGNhc2UgJ2F2aSc6XG4gICAgICBjYXNlICdta3YnOlxuICAgICAgY2FzZSAnbW92JzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLXJlZ3VsYXIgZmEtcGxheScsIGZvcm1hdDogJ3ZpZGVvJyB9O1xuXG4gICAgICBjYXNlICdtcDMnOlxuICAgICAgY2FzZSAnd2F2JzpcbiAgICAgIGNhc2UgJ29nZyc6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1yZWd1bGFyIGZhLXZvbHVtZS1oaWdoJywgZm9ybWF0OiAnYXVkaW8nIH07XG5cbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiB7IGljb246ICcnLCBmb3JtYXQ6ICdpbWFnZScgfTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/widgets/lib/editors/gallery-widget/gallery-widget-filter.component.mjs

@@ -0,0 +1,20 @@
+import { AXPWidgetBase } from '@acorex/platform/layout';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+export class AXPGalleryWidgetFilterComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPGalleryWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule],
+                    inputs: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL2VkaXRvcnMvZ2FsbGVyeS13aWRnZXQvZ2FsbGVyeS13aWRnZXQtZmlsdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQVM3QyxNQUFNLE9BQU8sK0JBQWdDLFNBQVEsYUFBa0I7OEdBQTFELCtCQUErQjtrR0FBL0IsK0JBQStCLCtGQU5oQyxFQUFFLDJEQUdGLFlBQVksOEJBQUUsV0FBVzs7MkZBR3hCLCtCQUErQjtrQkFQM0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsRUFBRTtvQkFDWixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7b0JBQ3BDLE1BQU0sRUFBRSxFQUFFO2lCQUNYIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQV2lkZ2V0QmFzZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGVdLFxuICBpbnB1dHM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIEFYUEdhbGxlcnlXaWRnZXRGaWx0ZXJDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRCYXNlPGFueT4ge30iXX0=

package/esm2022/widgets/lib/editors/gallery-widget/gallery-widget-print.component.mjs

@@ -0,0 +1,19 @@
+import { AXPWidgetBase } from '@acorex/platform/layout';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AXPGalleryWidgetPrintComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPGalleryWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetPrintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQtcHJpbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvZWRpdG9ycy9nYWxsZXJ5LXdpZGdldC9nYWxsZXJ5LXdpZGdldC1wcmludC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQVEzRSxNQUFNLE9BQU8sOEJBQStCLFNBQVEsYUFBa0I7OEdBQXpELDhCQUE4QjtrR0FBOUIsOEJBQThCLCtGQU4vQixFQUFFLDJEQUdGLFlBQVk7OzJGQUdYLDhCQUE4QjtrQkFQMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsRUFBRTtvQkFDWixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsTUFBTSxFQUFFLEVBQUU7aUJBQ1giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBXaWRnZXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBpbnB1dHM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIEFYUEdhbGxlcnlXaWRnZXRQcmludENvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldEJhc2U8YW55PiB7fSJdfQ==

package/esm2022/widgets/lib/editors/gallery-widget/gallery-widget-types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQtdHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi9lZGl0b3JzL2dhbGxlcnktd2lkZ2V0L2dhbGxlcnktd2lkZ2V0LXR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEFYUE1lZGlhSXRlbSB7XG4gIGlkOiBudW1iZXI7XG4gIG5hbWU6IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIHBvc3RlclVybD86IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgQVhQTWVkaWFJbmZvIHtcbiAgaWNvbjogc3RyaW5nO1xuICBmb3JtYXQ6IHN0cmluZztcbn1cbiJdfQ==

package/esm2022/widgets/lib/editors/gallery-widget/gallery-widget-view.component.mjs

@@ -0,0 +1,159 @@
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXImageModule } from '@acorex/components/image';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXPWidgetBase } from '@acorex/platform/layout';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, signal } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/image";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "@acorex/components/loading";
+export class AXPGalleryWidgetViewComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.internalValue = computed(() => {
+            const parsedValue = this.getValue() ? JSON.parse(this.getValue()) : [];
+            return Array.isArray(parsedValue) ? parsedValue.map((c) => c) : [parsedValue];
+        });
+        this.thumbnails = computed(() => this.internalValue().filter((i) => i.id !== this.activeMedia()?.id));
+        this.activeMedia = signal(undefined);
+    }
+    ngAfterViewInit() {
+        this.activeMedia.set(this.internalValue()[0]);
+    }
+    changeMediaSelected(media) {
+        this.activeMedia.set(media);
+    }
+    getMediaInfo(mediaName) {
+        const extension = mediaName.split('.').pop()?.toLowerCase();
+        switch (extension) {
+            case 'jpg':
+            case 'jpeg':
+            case 'png':
+            case 'gif':
+            case 'bmp':
+                return { icon: '', format: 'image' };
+            case 'mp4':
+            case 'avi':
+            case 'mkv':
+            case 'mov':
+                return { icon: 'fa-regular fa-play', format: 'video' };
+            case 'mp3':
+            case 'wav':
+            case 'ogg':
+                return { icon: 'fa-regular fa-volume-high', format: 'audio' };
+            default:
+                return { icon: '', format: 'image' };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPGalleryWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(internalValue().length){
+      <div class="ax-flex ax-items-center ax-justify-between ax-rounded-lg  ax-col-start-1 ax-col-end-13">
+        <div class="ax-flex ax-items-center md:ax-justify-start ax-justify-center ax-w-full ax-gap-3">
+          <div class="ax-flex ax-flex-col ax-items-center ax-gap-4">
+            @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
+            <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
+            } @case ('image') {
+            <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
+              <ax-loading></ax-loading>
+              <ax-placeholder>
+                <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
+                  <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                  <span>Connection Error!</span>
+                </div>
+              </ax-placeholder>
+            </ax-image>
+            } @case ('audio') {
+            <audio controls class="ax-rounded-lg">
+              <source [src]="activeMedia()?.url" type="audio/mp3" />
+            </audio>
+            } }
+            <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
+              @for (media of thumbnails(); track $index) {
+              <div
+                *ngIf="getMediaInfo(media.name) as mediaInfo"
+                class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
+                (click)="changeMediaSelected(media)"
+              >
+                <ax-image
+                  class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
+                  [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
+                ></ax-image>
+                <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
+                  <ax-icon [class]="mediaInfo.icon"> </ax-icon>
+                </div>
+              </div>
+              }
+            </div>
+          </div>
+        </div>
+      </div>
+      } @else {
+      <!-- ask for empty state: -->
+      <small>No Media!</small>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(internalValue().length){
+      <div class="ax-flex ax-items-center ax-justify-between ax-rounded-lg  ax-col-start-1 ax-col-end-13">
+        <div class="ax-flex ax-items-center md:ax-justify-start ax-justify-center ax-w-full ax-gap-3">
+          <div class="ax-flex ax-flex-col ax-items-center ax-gap-4">
+            @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
+            <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
+            } @case ('image') {
+            <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
+              <ax-loading></ax-loading>
+              <ax-placeholder>
+                <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
+                  <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                  <span>Connection Error!</span>
+                </div>
+              </ax-placeholder>
+            </ax-image>
+            } @case ('audio') {
+            <audio controls class="ax-rounded-lg">
+              <source [src]="activeMedia()?.url" type="audio/mp3" />
+            </audio>
+            } }
+            <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
+              @for (media of thumbnails(); track $index) {
+              <div
+                *ngIf="getMediaInfo(media.name) as mediaInfo"
+                class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
+                (click)="changeMediaSelected(media)"
+              >
+                <ax-image
+                  class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
+                  [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
+                ></ax-image>
+                <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
+                  <ax-icon [class]="mediaInfo.icon"> </ax-icon>
+                </div>
+              </div>
+              }
+            </div>
+          </div>
+        </div>
+      </div>
+      } @else {
+      <!-- ask for empty state: -->
+      <small>No Media!</small>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXImageModule, AXDecoratorModule, AXLoadingModule],
+                    inputs: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi9lZGl0b3JzL2dhbGxlcnktd2lkZ2V0L2dhbGxlcnktd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUEwQixRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUEwRDdHLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxhQUFrQjtJQXZEckU7O1FBd0RZLGtCQUFhLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUN0QyxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUN2RSxPQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2hGLENBQUMsQ0FBQyxDQUFDO1FBRU8sZUFBVSxHQUEyQixRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUN6SCxnQkFBVyxHQUE2QyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7S0FvQ3JGO0lBbENDLGVBQWU7UUFDYixJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRUQsbUJBQW1CLENBQUMsS0FBbUI7UUFDckMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVTLFlBQVksQ0FBQyxTQUFpQjtRQUN0QyxNQUFNLFNBQVMsR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLFdBQVcsRUFBRSxDQUFDO1FBRTVELFFBQVEsU0FBUyxFQUFFLENBQUM7WUFDbEIsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLE1BQU0sQ0FBQztZQUNaLEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUs7Z0JBQ1IsT0FBTyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDO1lBRXZDLEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSztnQkFDUixPQUFPLEVBQUUsSUFBSSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUV6RCxLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxLQUFLO2dCQUNSLE9BQU8sRUFBRSxJQUFJLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDO1lBRWhFO2dCQUNFLE9BQU8sRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQztRQUN6QyxDQUFDO0lBQ0gsQ0FBQzs4R0ExQ1UsNkJBQTZCO2tHQUE3Qiw2QkFBNkIsK0ZBdEQ5Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBZ0RULDJEQUdTLFlBQVksa0lBQUUsYUFBYSxpTUFBRSxpQkFBaUIsdVZBQUUsZUFBZTs7MkZBRzlELDZCQUE2QjtrQkF2RHpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnRFQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGlCQUFpQixFQUFFLGVBQWUsQ0FBQztvQkFDMUUsTUFBTSxFQUFFLEVBQUU7aUJBQ1giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYSW1hZ2VNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvaW1hZ2UnO1xuaW1wb3J0IHsgQVhMb2FkaW5nTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2xvYWRpbmcnO1xuaW1wb3J0IHsgQVhQV2lkZ2V0QmFzZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBTaWduYWwsIFdyaXRhYmxlU2lnbmFsLCBjb21wdXRlZCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWFBNZWRpYUluZm8sIEFYUE1lZGlhSXRlbSB9IGZyb20gJy4vZ2FsbGVyeS13aWRnZXQtdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYXgtZ3JpZCBheC1ncmlkLWNvbHMtMTIgYXgtZ2FwLTJcIj5cbiAgICAgIEBpZihpbnRlcm5hbFZhbHVlKCkubGVuZ3RoKXtcbiAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1qdXN0aWZ5LWJldHdlZW4gYXgtcm91bmRlZC1sZyAgYXgtY29sLXN0YXJ0LTEgYXgtY29sLWVuZC0xM1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgbWQ6YXgtanVzdGlmeS1zdGFydCBheC1qdXN0aWZ5LWNlbnRlciBheC13LWZ1bGwgYXgtZ2FwLTNcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1mbGV4LWNvbCBheC1pdGVtcy1jZW50ZXIgYXgtZ2FwLTRcIj5cbiAgICAgICAgICAgIEBzd2l0Y2ggKGdldE1lZGlhSW5mbyhhY3RpdmVNZWRpYSgpPy5uYW1lfHwnJykuZm9ybWF0KSB7IEBjYXNlICgndmlkZW8nKSB7XG4gICAgICAgICAgICA8dmlkZW8gY2xhc3M9XCJheC1yb3VuZGVkLWxnIGF4LWgtNDggbWQ6YXgtaC03MiBheC13LWF1dG8gYXgtc2hhZG93LW1kXCIgY29udHJvbHMgW3NyY109XCJhY3RpdmVNZWRpYSgpPy51cmxcIj48L3ZpZGVvPlxuICAgICAgICAgICAgfSBAY2FzZSAoJ2ltYWdlJykge1xuICAgICAgICAgICAgPGF4LWltYWdlIGNsYXNzPVwiYXgtcm91bmRlZC1sZyBheC1oLTQ4IG1kOmF4LWgtNzIgYXgtdy1hdXRvXCIgW3NyY109XCJhY3RpdmVNZWRpYSgpPy51cmxcIj5cbiAgICAgICAgICAgICAgPGF4LWxvYWRpbmc+PC9heC1sb2FkaW5nPlxuICAgICAgICAgICAgICA8YXgtcGxhY2Vob2xkZXI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF4LXctOTYgYXgtaC03MiBheC1nYXAtNCBheC1mbGV4IGF4LWZsZXgtY29sIGF4LWl0ZW1zLWNlbnRlciBheC1qdXN0aWZ5LWNlbnRlciBheC1ib3JkZXIgYXgtcm91bmRlZC1sZ1wiPlxuICAgICAgICAgICAgICAgICAgPGF4LWljb24gY2xhc3M9XCJmYS1zb2xpZCBmYS1jaXJjbGUtZXhjbGFtYXRpb24gYXgtdGV4dC0zeGxcIj4gPC9heC1pY29uPlxuICAgICAgICAgICAgICAgICAgPHNwYW4+Q29ubmVjdGlvbiBFcnJvciE8L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvYXgtcGxhY2Vob2xkZXI+XG4gICAgICAgICAgICA8L2F4LWltYWdlPlxuICAgICAgICAgICAgfSBAY2FzZSAoJ2F1ZGlvJykge1xuICAgICAgICAgICAgPGF1ZGlvIGNvbnRyb2xzIGNsYXNzPVwiYXgtcm91bmRlZC1sZ1wiPlxuICAgICAgICAgICAgICA8c291cmNlIFtzcmNdPVwiYWN0aXZlTWVkaWEoKT8udXJsXCIgdHlwZT1cImF1ZGlvL21wM1wiIC8+XG4gICAgICAgICAgICA8L2F1ZGlvPlxuICAgICAgICAgICAgfSB9XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1nYXAtNCBheC1vdmVyZmxvdy14LWF1dG8gYXgtbWF4LXctWzMyMHB4XSBsZzpheC1tYXgtdy1bNDgwcHhdIGF4LXBiLTJcIj5cbiAgICAgICAgICAgICAgQGZvciAobWVkaWEgb2YgdGh1bWJuYWlscygpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiZ2V0TWVkaWFJbmZvKG1lZGlhLm5hbWUpIGFzIG1lZGlhSW5mb1wiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJob3ZlcjpheC1vcGFjaXR5LTc1IGF4LXRyYW5zaXRpb24tYWxsIGF4LXJlbGF0aXZlIGF4LWN1cnNvci1wb2ludGVyIGF4LWZsZXggYXgtanVzdGlmeS1jZW50ZXIgYXgtaXRlbXMtY2VudGVyXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2hhbmdlTWVkaWFTZWxlY3RlZChtZWRpYSlcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGF4LWltYWdlXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImF4LXctMTYgYXgtYnJpZ2h0bmVzcy01MCBheC1oLTE2IGF4LXJvdW5kZWQtbGcgYXgtc2hhZG93LW1kIGF4LWZpbHRlclwiXG4gICAgICAgICAgICAgICAgICBbc3JjXT1cIm1lZGlhSW5mby5mb3JtYXQgPT0gJ2ltYWdlJyA/IG1lZGlhLnVybCA6IG1lZGlhLnBvc3RlclVybFwiXG4gICAgICAgICAgICAgICAgPjwvYXgtaW1hZ2U+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF4LWFic29sdXRlIGF4LXRleHQtbmV1dHJhbC0zMDAgYXgtdGV4dC14bFwiPlxuICAgICAgICAgICAgICAgICAgPGF4LWljb24gW2NsYXNzXT1cIm1lZGlhSW5mby5pY29uXCI+IDwvYXgtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgfSBAZWxzZSB7XG4gICAgICA8IS0tIGFzayBmb3IgZW1wdHkgc3RhdGU6IC0tPlxuICAgICAgPHNtYWxsPk5vIE1lZGlhITwvc21hbGw+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWEltYWdlTW9kdWxlLCBBWERlY29yYXRvck1vZHVsZSwgQVhMb2FkaW5nTW9kdWxlXSxcbiAgaW5wdXRzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhQR2FsbGVyeVdpZGdldFZpZXdDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRCYXNlPGFueT4ge1xuICBwcm90ZWN0ZWQgaW50ZXJuYWxWYWx1ZSA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBwYXJzZWRWYWx1ZSA9IHRoaXMuZ2V0VmFsdWUoKSA/IEpTT04ucGFyc2UodGhpcy5nZXRWYWx1ZSgpKSA6IFtdO1xuICAgIHJldHVybiBBcnJheS5pc0FycmF5KHBhcnNlZFZhbHVlKSA/IHBhcnNlZFZhbHVlLm1hcCgoYykgPT4gYykgOiBbcGFyc2VkVmFsdWVdO1xuICB9KTtcbiAgcHJvdGVjdGVkIG11bHRpcGxlITogYm9vbGVhbjtcbiAgcHJvdGVjdGVkIHRodW1ibmFpbHM6IFNpZ25hbDxBWFBNZWRpYUl0ZW1bXT4gPSBjb21wdXRlZCgoKSA9PiB0aGlzLmludGVybmFsVmFsdWUoKS5maWx0ZXIoKGkpID0+IGkuaWQgIT09IHRoaXMuYWN0aXZlTWVkaWEoKT8uaWQpKTtcbiAgcHJvdGVjdGVkIGFjdGl2ZU1lZGlhOiBXcml0YWJsZVNpZ25hbDxBWFBNZWRpYUl0ZW0gfCB1bmRlZmluZWQ+ID0gc2lnbmFsKHVuZGVmaW5lZCk7XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlTWVkaWEuc2V0KHRoaXMuaW50ZXJuYWxWYWx1ZSgpWzBdKTtcbiAgfVxuXG4gIGNoYW5nZU1lZGlhU2VsZWN0ZWQobWVkaWE6IEFYUE1lZGlhSXRlbSkge1xuICAgIHRoaXMuYWN0aXZlTWVkaWEuc2V0KG1lZGlhKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRNZWRpYUluZm8obWVkaWFOYW1lOiBzdHJpbmcpOiBBWFBNZWRpYUluZm8ge1xuICAgIGNvbnN0IGV4dGVuc2lvbiA9IG1lZGlhTmFtZS5zcGxpdCgnLicpLnBvcCgpPy50b0xvd2VyQ2FzZSgpO1xuXG4gICAgc3dpdGNoIChleHRlbnNpb24pIHtcbiAgICAgIGNhc2UgJ2pwZyc6XG4gICAgICBjYXNlICdqcGVnJzpcbiAgICAgIGNhc2UgJ3BuZyc6XG4gICAgICBjYXNlICdnaWYnOlxuICAgICAgY2FzZSAnYm1wJzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJycsIGZvcm1hdDogJ2ltYWdlJyB9O1xuXG4gICAgICBjYXNlICdtcDQnOlxuICAgICAgY2FzZSAnYXZpJzpcbiAgICAgIGNhc2UgJ21rdic6XG4gICAgICBjYXNlICdtb3YnOlxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtcmVndWxhciBmYS1wbGF5JywgZm9ybWF0OiAndmlkZW8nIH07XG5cbiAgICAgIGNhc2UgJ21wMyc6XG4gICAgICBjYXNlICd3YXYnOlxuICAgICAgY2FzZSAnb2dnJzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLXJlZ3VsYXIgZmEtdm9sdW1lLWhpZ2gnLCBmb3JtYXQ6ICdhdWRpbycgfTtcblxuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJycsIGZvcm1hdDogJ2ltYWdlJyB9O1xuICAgIH1cbiAgfVxufVxuIl19

package/esm2022/widgets/lib/editors/gallery-widget/gallery-widget.config.mjs

@@ -0,0 +1,24 @@
+export const AXPGalleryWidget = {
+    name: "gallery",
+    components: {
+        view: {
+            component: () => import('./gallery-widget-view.component').then((c) => c.AXPGalleryWidgetViewComponent),
+        },
+        edit: {
+            component: () => import('./gallery-widget-edit.component').then((c) => c.AXPGalleryWidgetEditComponent),
+        },
+        filter: {
+            component: () => import('./gallery-widget-filter.component').then((c) => c.AXPGalleryWidgetFilterComponent),
+        },
+        column: {
+            component: () => import('./gallery-widget-column.component').then((c) => c.AXPGalleryWidgetColumnComponent),
+        },
+        print: {
+            component: () => import('./gallery-widget-print.component').then((c) => c.AXPGalleryWidgetPrintComponent),
+        },
+        designer: {
+            component: () => import('./gallery-widget-designer.component').then((c) => c.AXPGalleryWidgetDesignerComponent),
+        },
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQuY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvZWRpdG9ycy9nYWxsZXJ5LXdpZGdldC9nYWxsZXJ5LXdpZGdldC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQW9CO0lBQy9DLElBQUksRUFBRSxTQUFTO0lBQ2YsVUFBVSxFQUFFO1FBQ1YsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxpQ0FBaUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLDZCQUE2QixDQUFDO1NBQ3hHO1FBQ0QsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxpQ0FBaUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLDZCQUE2QixDQUFDO1NBQ3hHO1FBQ0QsTUFBTSxFQUFFO1lBQ04sU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLCtCQUErQixDQUFDO1NBQzVHO1FBQ0QsTUFBTSxFQUFFO1lBQ04sU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLCtCQUErQixDQUFDO1NBQzVHO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxrQ0FBa0MsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLDhCQUE4QixDQUFDO1NBQzFHO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxxQ0FBcUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLGlDQUFpQyxDQUFDO1NBQ2hIO0tBQ0Y7Q0FDRixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQV2lkZ2V0Q29uZmlnIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQnO1xuZXhwb3J0IGNvbnN0IEFYUEdhbGxlcnlXaWRnZXQ6IEFYUFdpZGdldENvbmZpZyA9IHtcbiAgbmFtZTogXCJnYWxsZXJ5XCIsXG4gIGNvbXBvbmVudHM6IHtcbiAgICB2aWV3OiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9nYWxsZXJ5LXdpZGdldC12aWV3LmNvbXBvbmVudCcpLnRoZW4oKGMpID0+IGMuQVhQR2FsbGVyeVdpZGdldFZpZXdDb21wb25lbnQpLFxuICAgIH0sXG4gICAgZWRpdDoge1xuICAgICAgY29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vZ2FsbGVyeS13aWRnZXQtZWRpdC5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEdhbGxlcnlXaWRnZXRFZGl0Q29tcG9uZW50KSxcbiAgICB9LFxuICAgIGZpbHRlcjoge1xuICAgICAgY29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vZ2FsbGVyeS13aWRnZXQtZmlsdGVyLmNvbXBvbmVudCcpLnRoZW4oKGMpID0+IGMuQVhQR2FsbGVyeVdpZGdldEZpbHRlckNvbXBvbmVudCksXG4gICAgfSxcbiAgICBjb2x1bW46IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2dhbGxlcnktd2lkZ2V0LWNvbHVtbi5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEdhbGxlcnlXaWRnZXRDb2x1bW5Db21wb25lbnQpLFxuICAgIH0sXG4gICAgcHJpbnQ6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2dhbGxlcnktd2lkZ2V0LXByaW50LmNvbXBvbmVudCcpLnRoZW4oKGMpID0+IGMuQVhQR2FsbGVyeVdpZGdldFByaW50Q29tcG9uZW50KSxcbiAgICB9LFxuICAgIGRlc2lnbmVyOiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9nYWxsZXJ5LXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEdhbGxlcnlXaWRnZXREZXNpZ25lckNvbXBvbmVudCksXG4gICAgfSxcbiAgfVxufSJdfQ==

package/esm2022/widgets/lib/editors/gallery-widget/index.mjs

@@ -0,0 +1,8 @@
+export * from './gallery-widget-view.component';
+export * from './gallery-widget-edit.component';
+export * from './gallery-widget-filter.component';
+export * from './gallery-widget-column.component';
+export * from './gallery-widget-print.component';
+export * from './gallery-widget-designer.component';
+export * from './gallery-widget.config';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi9lZGl0b3JzL2dhbGxlcnktd2lkZ2V0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2dhbGxlcnktd2lkZ2V0LXZpZXcuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZ2FsbGVyeS13aWRnZXQtZWRpdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9nYWxsZXJ5LXdpZGdldC1maWx0ZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZ2FsbGVyeS13aWRnZXQtY29sdW1uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2dhbGxlcnktd2lkZ2V0LXByaW50LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2dhbGxlcnktd2lkZ2V0LWRlc2lnbmVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2dhbGxlcnktd2lkZ2V0LmNvbmZpZyc7Il19

package/esm2022/widgets/lib/editors/map-box-widget/index.mjs

@@ -0,0 +1,8 @@
+export * from './map-box-widget-view.component';
+export * from './map-box-widget-edit.component';
+export * from './map-box-widget-filter.component';
+export * from './map-box-widget-column.component';
+export * from './map-box-widget-print.component';
+export * from './map-box-widget-designer.component';
+export * from './map-box-widget.config';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi9lZGl0b3JzL21hcC1ib3gtd2lkZ2V0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL21hcC1ib3gtd2lkZ2V0LXZpZXcuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbWFwLWJveC13aWRnZXQtZWRpdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9tYXAtYm94LXdpZGdldC1maWx0ZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbWFwLWJveC13aWRnZXQtY29sdW1uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL21hcC1ib3gtd2lkZ2V0LXByaW50LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL21hcC1ib3gtd2lkZ2V0LWRlc2lnbmVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL21hcC1ib3gtd2lkZ2V0LmNvbmZpZyc7Il19

package/esm2022/widgets/lib/editors/map-box-widget/map-box-widget-column.component.mjs

@@ -0,0 +1,19 @@
+import { AXPWidgetBase } from '@acorex/platform/layout';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AXPMapBoxWidgetColumnComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPMapBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPMapBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPMapBoxWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWJveC13aWRnZXQtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL2VkaXRvcnMvbWFwLWJveC13aWRnZXQvbWFwLWJveC13aWRnZXQtY29sdW1uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBUTNFLE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxhQUFrQjs4R0FBekQsOEJBQThCO2tHQUE5Qiw4QkFBOEIsK0ZBTi9CLEVBQUUsMkRBR0YsWUFBWTs7MkZBR1gsOEJBQThCO2tCQVAxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxFQUFFO29CQUNaLFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixNQUFNLEVBQUUsRUFBRTtpQkFDWCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYUFdpZGdldEJhc2UgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGlucHV0czogW11cbn0pXG5leHBvcnQgY2xhc3MgQVhQTWFwQm94V2lkZ2V0Q29sdW1uQ29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0QmFzZTxhbnk+IHt9Il19

package/esm2022/widgets/lib/editors/map-box-widget/map-box-widget-designer.component.mjs

@@ -0,0 +1,19 @@
+import { AXPWidgetBase } from '@acorex/platform/layout';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AXPMapBoxWidgetDesignerComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPMapBoxWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPMapBoxWidgetDesignerComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPMapBoxWidgetDesignerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWJveC13aWRnZXQtZGVzaWduZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvZWRpdG9ycy9tYXAtYm94LXdpZGdldC9tYXAtYm94LXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQVEzRSxNQUFNLE9BQU8sZ0NBQWlDLFNBQVEsYUFBa0I7OEdBQTNELGdDQUFnQztrR0FBaEMsZ0NBQWdDLCtGQU5qQyxFQUFFLDJEQUdGLFlBQVk7OzJGQUdYLGdDQUFnQztrQkFQNUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsRUFBRTtvQkFDWixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsTUFBTSxFQUFFLEVBQUU7aUJBQ1giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBXaWRnZXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBpbnB1dHM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIEFYUE1hcEJveFdpZGdldERlc2lnbmVyQ29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0QmFzZTxhbnk+IHt9Il19