@acorex/platform 18.0.9 → 18.0.10

package/esm2022/widgets/lib/widgets/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/builder';
+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.2.0", ngImport: i0, type: AXPGalleryWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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", inputs: ["description"] }, { kind: "directive", type: i5.AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept"], outputs: ["onChanged", "onFileUploadComplete", "onFilesUploadComplete"] }, { kind: "directive", type: i5.AXUploaderBrowseDirective, selector: "[axUploaderBrowseHandle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQtZWRpdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi93aWRnZXRzL2VkaXRvcnMvZ2FsbGVyeS13aWRnZXQvZ2FsbGVyeS13aWRnZXQtZWRpdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQTBCLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0csT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0FBK0Q3QyxNQUFNLE9BQU8sNkJBQThCLFNBQVEsYUFBa0I7SUE1RHJFOztRQTZEWSxrQkFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDdEMsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDdkUsT0FBTyxLQUFLLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNoRixDQUFDLENBQUMsQ0FBQztRQUVPLGdCQUFXLEdBQXdDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNoRSxlQUFVLEdBQTJCLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO0tBc0NwSTtJQWxDQyxtQkFBbUIsQ0FBQyxLQUFtQjtRQUNyQyxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFUyxZQUFZLENBQUMsU0FBaUI7UUFDdEMsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxXQUFXLEVBQUUsQ0FBQztRQUU1RCxRQUFRLFNBQVMsRUFBRSxDQUFDO1lBQ2xCLEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxNQUFNLENBQUM7WUFDWixLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxLQUFLO2dCQUNSLE9BQU8sRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUV2QyxLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUs7Z0JBQ1IsT0FBTyxFQUFFLElBQUksRUFBRSxvQkFBb0IsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUM7WUFFekQsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSztnQkFDUixPQUFPLEVBQUUsSUFBSSxFQUFFLDJCQUEyQixFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUVoRTtnQkFDRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUM7UUFDekMsQ0FBQztJQUNILENBQUM7OEdBNUNVLDZCQUE2QjtrR0FBN0IsNkJBQTZCLCtGQTNEOUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcURULDJEQUdTLFlBQVksa0lBQUUsV0FBVyw4QkFBRSxhQUFhLGlNQUFFLGlCQUFpQix1VkFBRSxlQUFlLDhLQUFFLGdCQUFnQjs7MkZBRzdGLDZCQUE2QjtrQkE1RHpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFEVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDekcsTUFBTSxFQUFFLEVBQUU7aUJBQ1giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYSW1hZ2VNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvaW1hZ2UnO1xuaW1wb3J0IHsgQVhMb2FkaW5nTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2xvYWRpbmcnO1xuaW1wb3J0IHsgQVhVcGxvYWRlck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy91cGxvYWRlcic7XG5pbXBvcnQgeyBBWFBXaWRnZXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgU2lnbmFsLCBXcml0YWJsZVNpZ25hbCwgY29tcHV0ZWQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBWFBNZWRpYUluZm8sIEFYUE1lZGlhSXRlbSB9IGZyb20gJy4vZ2FsbGVyeS13aWRnZXQtdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYXgtZ3JpZCBheC1ncmlkLWNvbHMtMTIgYXgtZ2FwLTJcIj5cbiAgICAgIEBpZihpbnRlcm5hbFZhbHVlKCkubGVuZ3RoKXtcbiAgICAgIDxkaXYgY2xhc3M9XCJheC1jb2wtc3RhcnQtMSBheC1jb2wtZW5kLTEzIGF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGxnOmF4LWp1c3RpZnktc3RhcnQgYXgtanVzdGlmeS1jZW50ZXIgXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtY29sIGF4LWl0ZW1zLWNlbnRlciBheC1nYXAtNCBheC13LWZ1bGxcIj5cbiAgICAgICAgICBAc3dpdGNoIChnZXRNZWRpYUluZm8oYWN0aXZlTWVkaWEoKT8ubmFtZXx8JycpLmZvcm1hdCkgeyBAY2FzZSAoJ3ZpZGVvJykge1xuICAgICAgICAgIDx2aWRlbyBjbGFzcz1cImF4LXJvdW5kZWQtbGcgYXgtaC00OCBtZDpheC1oLTcyIGF4LXctYXV0byBheC1zaGFkb3ctbWRcIiBjb250cm9scyBbc3JjXT1cImFjdGl2ZU1lZGlhKCk/LnVybFwiPjwvdmlkZW8+XG4gICAgICAgICAgfSBAY2FzZSAoJ2ltYWdlJykge1xuICAgICAgICAgIDxheC1pbWFnZSBjbGFzcz1cImF4LXJvdW5kZWQtbGcgYXgtaC00OCBtZDpheC1oLTcyIGF4LXctYXV0b1wiIFtzcmNdPVwiYWN0aXZlTWVkaWEoKT8udXJsXCI+XG4gICAgICAgICAgICA8YXgtbG9hZGluZz48L2F4LWxvYWRpbmc+XG4gICAgICAgICAgICA8YXgtcGxhY2Vob2xkZXI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC13LTk2IGF4LWgtNzIgYXgtZ2FwLTQgYXgtZmxleCBheC1mbGV4LWNvbCBheC1pdGVtcy1jZW50ZXIgYXgtanVzdGlmeS1jZW50ZXIgYXgtYm9yZGVyIGF4LXJvdW5kZWQtbGdcIj5cbiAgICAgICAgICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLWNpcmNsZS1leGNsYW1hdGlvbiBheC10ZXh0LTN4bFwiPiA8L2F4LWljb24+XG4gICAgICAgICAgICAgICAgPHNwYW4+Q29ubmVjdGlvbiBFcnJvciE8L3NwYW4+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9heC1wbGFjZWhvbGRlcj5cbiAgICAgICAgICA8L2F4LWltYWdlPlxuICAgICAgICAgIH0gQGNhc2UgKCdhdWRpbycpIHtcbiAgICAgICAgICA8YXVkaW8gY29udHJvbHMgY2xhc3M9XCJheC1yb3VuZGVkLWxnXCI+XG4gICAgICAgICAgICA8c291cmNlIFtzcmNdPVwiYWN0aXZlTWVkaWEoKT8udXJsXCIgdHlwZT1cImF1ZGlvL21wM1wiIC8+XG4gICAgICAgICAgPC9hdWRpbz5cbiAgICAgICAgICB9IH1cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1nYXAtNCBheC1vdmVyZmxvdy14LWF1dG8gYXgtbWF4LXctWzMyMHB4XSBsZzpheC1tYXgtdy1bNDgwcHhdIGF4LXBiLTJcIj5cbiAgICAgICAgICAgIEBmb3IgKG1lZGlhIG9mIHRodW1ibmFpbHMoKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICpuZ0lmPVwiZ2V0TWVkaWFJbmZvKG1lZGlhLm5hbWUpIGFzIG1lZGlhSW5mb1wiXG4gICAgICAgICAgICAgIGNsYXNzPVwiaG92ZXI6YXgtb3BhY2l0eS03NSBheC10cmFuc2l0aW9uLWFsbCBheC1yZWxhdGl2ZSBheC1jdXJzb3ItcG9pbnRlciBheC1mbGV4IGF4LWp1c3RpZnktY2VudGVyIGF4LWl0ZW1zLWNlbnRlclwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJjaGFuZ2VNZWRpYVNlbGVjdGVkKG1lZGlhKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxheC1pbWFnZVxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYXgtdy0xNiBheC1icmlnaHRuZXNzLTUwIGF4LWgtMTYgYXgtcm91bmRlZC1sZyBheC1zaGFkb3ctbWQgYXgtZmlsdGVyXCJcbiAgICAgICAgICAgICAgICBbc3JjXT1cIm1lZGlhSW5mby5mb3JtYXQgPT0gJ2ltYWdlJyA/IG1lZGlhLnVybCA6IG1lZGlhLnBvc3RlclVybFwiXG4gICAgICAgICAgICAgID48L2F4LWltYWdlPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtYWJzb2x1dGUgYXgtdGV4dC1uZXV0cmFsLTMwMCBheC10ZXh0LXhsXCI+XG4gICAgICAgICAgICAgICAgPGF4LWljb24gW2NsYXNzXT1cIm1lZGlhSW5mby5pY29uXCI+IDwvYXgtaWNvbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDxkaXYgYXhVcGxvYWRlclpvbmU+XG4gICAgICAgICAgICAgIDxkaXYgYXhVcGxvYWRlckJyb3dzZUhhbmRsZSBjbGFzcz1cImF4LWZsZXggYXgtanVzdGlmeS1jZW50ZXIgYXgtaXRlbXMtY2VudGVyIGF4LXctMTYgYXgtaC0xNiBheC1ib3JkZXIgYXgtcm91bmRlZC1sZyBheC1jdXJzb3ItcG9pbnRlclwiPlxuICAgICAgICAgICAgICAgIDxheC1pY29uIGNsYXNzPVwiZmEtc29saWQgZmEtcGx1cyBheC10ZXh0LW5ldXRyYWwtNTAwXCI+IDwvYXgtaWNvbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgPGRpdiBjbGFzcz1cIiBheC1jb2wtc3RhcnQtMSBheC1jb2wtZW5kLTEzXCI+XG4gICAgICAgIDxheC11cGxvYWRlci1kcm9wLXpvbmU+PC9heC11cGxvYWRlci1kcm9wLXpvbmU+XG4gICAgICA8L2Rpdj5cblxuICAgICAgfVxuICAgIDwvZGl2PlxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIEFYSW1hZ2VNb2R1bGUsIEFYRGVjb3JhdG9yTW9kdWxlLCBBWExvYWRpbmdNb2R1bGUsIEFYVXBsb2FkZXJNb2R1bGVdLFxuICBpbnB1dHM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBHYWxsZXJ5V2lkZ2V0RWRpdENvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldEJhc2U8YW55PiB7XG4gIHByb3RlY3RlZCBpbnRlcm5hbFZhbHVlID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IHBhcnNlZFZhbHVlID0gdGhpcy5nZXRWYWx1ZSgpID8gSlNPTi5wYXJzZSh0aGlzLmdldFZhbHVlKCkpIDogW107XG4gICAgcmV0dXJuIEFycmF5LmlzQXJyYXkocGFyc2VkVmFsdWUpID8gcGFyc2VkVmFsdWUubWFwKChjKSA9PiBjKSA6IFtwYXJzZWRWYWx1ZV07XG4gIH0pO1xuXG4gIHByb3RlY3RlZCBhY3RpdmVNZWRpYTogV3JpdGFibGVTaWduYWw8QVhQTWVkaWFJdGVtIHwgbnVsbD4gPSBzaWduYWwobnVsbCk7XG4gIHByb3RlY3RlZCB0aHVtYm5haWxzOiBTaWduYWw8QVhQTWVkaWFJdGVtW10+ID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5pbnRlcm5hbFZhbHVlKCkuZmlsdGVyKChpKSA9PiBpLmlkICE9PSB0aGlzLmFjdGl2ZU1lZGlhKCk/LmlkKSk7XG5cbiAgcHJvdGVjdGVkIG11bHRpcGxlITogYm9vbGVhbjtcblxuICBjaGFuZ2VNZWRpYVNlbGVjdGVkKG1lZGlhOiBBWFBNZWRpYUl0ZW0pIHtcbiAgICB0aGlzLmFjdGl2ZU1lZGlhLnNldChtZWRpYSk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5hY3RpdmVNZWRpYS5zZXQodGhpcy5pbnRlcm5hbFZhbHVlKClbMF0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIGdldE1lZGlhSW5mbyhtZWRpYU5hbWU6IHN0cmluZyk6IEFYUE1lZGlhSW5mbyB7XG4gICAgY29uc3QgZXh0ZW5zaW9uID0gbWVkaWFOYW1lLnNwbGl0KCcuJykucG9wKCk/LnRvTG93ZXJDYXNlKCk7XG5cbiAgICBzd2l0Y2ggKGV4dGVuc2lvbikge1xuICAgICAgY2FzZSAnanBnJzpcbiAgICAgIGNhc2UgJ2pwZWcnOlxuICAgICAgY2FzZSAncG5nJzpcbiAgICAgIGNhc2UgJ2dpZic6XG4gICAgICBjYXNlICdibXAnOlxuICAgICAgICByZXR1cm4geyBpY29uOiAnJywgZm9ybWF0OiAnaW1hZ2UnIH07XG5cbiAgICAgIGNhc2UgJ21wNCc6XG4gICAgICBjYXNlICdhdmknOlxuICAgICAgY2FzZSAnbWt2JzpcbiAgICAgIGNhc2UgJ21vdic6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1yZWd1bGFyIGZhLXBsYXknLCBmb3JtYXQ6ICd2aWRlbycgfTtcblxuICAgICAgY2FzZSAnbXAzJzpcbiAgICAgIGNhc2UgJ3dhdic6XG4gICAgICBjYXNlICdvZ2cnOlxuICAgICAgICByZXR1cm4geyBpY29uOiAnZmEtcmVndWxhciBmYS12b2x1bWUtaGlnaCcsIGZvcm1hdDogJ2F1ZGlvJyB9O1xuXG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4geyBpY29uOiAnJywgZm9ybWF0OiAnaW1hZ2UnIH07XG4gICAgfVxuICB9XG59XG4iXX0=

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

@@ -0,0 +1,20 @@
+import { AXPWidgetBase } from '@acorex/platform/layout/builder';
+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.2.0", ngImport: i0, type: AXPGalleryWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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.2.0", ngImport: i0, type: AXPGalleryWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule],
+                    inputs: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL3dpZGdldHMvZWRpdG9ycy9nYWxsZXJ5LXdpZGdldC9nYWxsZXJ5LXdpZGdldC1maWx0ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBUzdDLE1BQU0sT0FBTywrQkFBZ0MsU0FBUSxhQUFrQjs4R0FBMUQsK0JBQStCO2tHQUEvQiwrQkFBK0IsK0ZBTmhDLEVBQUUsMkRBR0YsWUFBWSw4QkFBRSxXQUFXOzsyRkFHeEIsK0JBQStCO2tCQVAzQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxFQUFFO29CQUNaLFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQztvQkFDcEMsTUFBTSxFQUFFLEVBQUU7aUJBQ1giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBXaWRnZXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlXSxcbiAgaW5wdXRzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBBWFBHYWxsZXJ5V2lkZ2V0RmlsdGVyQ29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0QmFzZTxhbnk+IHsgfSJdfQ==

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

@@ -0,0 +1,19 @@
+import { AXPWidgetBase } from '@acorex/platform/layout/builder';
+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.2.0", ngImport: i0, type: AXPGalleryWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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.2.0", ngImport: i0, type: AXPGalleryWidgetPrintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQtcHJpbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9lZGl0b3JzL2dhbGxlcnktd2lkZ2V0L2dhbGxlcnktd2lkZ2V0LXByaW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBUTNFLE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxhQUFrQjs4R0FBekQsOEJBQThCO2tHQUE5Qiw4QkFBOEIsK0ZBTi9CLEVBQUUsMkRBR0YsWUFBWTs7MkZBR1gsOEJBQThCO2tCQVAxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxFQUFFO29CQUNaLFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixNQUFNLEVBQUUsRUFBRTtpQkFDWCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYUFdpZGdldEJhc2UgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgaW5wdXRzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBBWFBHYWxsZXJ5V2lkZ2V0UHJpbnRDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRCYXNlPGFueT4geyB9Il19

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

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

package/esm2022/widgets/lib/widgets/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/builder';
+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.2.0", ngImport: i0, type: AXPGalleryWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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.2.0", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi93aWRnZXRzL2VkaXRvcnMvZ2FsbGVyeS13aWRnZXQvZ2FsbGVyeS13aWRnZXQtdmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQTBCLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQTBEN0csTUFBTSxPQUFPLDZCQUE4QixTQUFRLGFBQWtCO0lBdkRyRTs7UUF3RFksa0JBQWEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3RDLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ3ZFLE9BQU8sS0FBSyxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDaEYsQ0FBQyxDQUFDLENBQUM7UUFFTyxlQUFVLEdBQTJCLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3pILGdCQUFXLEdBQTZDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztLQW9DckY7SUFsQ0MsZUFBZTtRQUNiLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFtQjtRQUNyQyxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRVMsWUFBWSxDQUFDLFNBQWlCO1FBQ3RDLE1BQU0sU0FBUyxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsV0FBVyxFQUFFLENBQUM7UUFFNUQsUUFBUSxTQUFTLEVBQUUsQ0FBQztZQUNsQixLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssTUFBTSxDQUFDO1lBQ1osS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSztnQkFDUixPQUFPLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUM7WUFFdkMsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUssQ0FBQztZQUNYLEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxLQUFLO2dCQUNSLE9BQU8sRUFBRSxJQUFJLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDO1lBRXpELEtBQUssS0FBSyxDQUFDO1lBQ1gsS0FBSyxLQUFLLENBQUM7WUFDWCxLQUFLLEtBQUs7Z0JBQ1IsT0FBTyxFQUFFLElBQUksRUFBRSwyQkFBMkIsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUM7WUFFaEU7Z0JBQ0UsT0FBTyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDO1FBQ3pDLENBQUM7SUFDSCxDQUFDOzhHQTFDVSw2QkFBNkI7a0dBQTdCLDZCQUE2QiwrRkF0RDlCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnRFQsMkRBR1MsWUFBWSxrSUFBRSxhQUFhLGlNQUFFLGlCQUFpQix1VkFBRSxlQUFlOzsyRkFHOUQsNkJBQTZCO2tCQXZEekMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWdEVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxDQUFDO29CQUMxRSxNQUFNLEVBQUUsRUFBRTtpQkFDWCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhJbWFnZU1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9pbWFnZSc7XG5pbXBvcnQgeyBBWExvYWRpbmdNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbG9hZGluZyc7XG5pbXBvcnQgeyBBWFBXaWRnZXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgU2lnbmFsLCBXcml0YWJsZVNpZ25hbCwgY29tcHV0ZWQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhQTWVkaWFJbmZvLCBBWFBNZWRpYUl0ZW0gfSBmcm9tICcuL2dhbGxlcnktd2lkZ2V0LXR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImF4LWdyaWQgYXgtZ3JpZC1jb2xzLTEyIGF4LWdhcC0yXCI+XG4gICAgICBAaWYoaW50ZXJuYWxWYWx1ZSgpLmxlbmd0aCl7XG4gICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtanVzdGlmeS1iZXR3ZWVuIGF4LXJvdW5kZWQtbGcgIGF4LWNvbC1zdGFydC0xIGF4LWNvbC1lbmQtMTNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtY2VudGVyIG1kOmF4LWp1c3RpZnktc3RhcnQgYXgtanVzdGlmeS1jZW50ZXIgYXgtdy1mdWxsIGF4LWdhcC0zXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtZmxleC1jb2wgYXgtaXRlbXMtY2VudGVyIGF4LWdhcC00XCI+XG4gICAgICAgICAgICBAc3dpdGNoIChnZXRNZWRpYUluZm8oYWN0aXZlTWVkaWEoKT8ubmFtZXx8JycpLmZvcm1hdCkgeyBAY2FzZSAoJ3ZpZGVvJykge1xuICAgICAgICAgICAgPHZpZGVvIGNsYXNzPVwiYXgtcm91bmRlZC1sZyBheC1oLTQ4IG1kOmF4LWgtNzIgYXgtdy1hdXRvIGF4LXNoYWRvdy1tZFwiIGNvbnRyb2xzIFtzcmNdPVwiYWN0aXZlTWVkaWEoKT8udXJsXCI+PC92aWRlbz5cbiAgICAgICAgICAgIH0gQGNhc2UgKCdpbWFnZScpIHtcbiAgICAgICAgICAgIDxheC1pbWFnZSBjbGFzcz1cImF4LXJvdW5kZWQtbGcgYXgtaC00OCBtZDpheC1oLTcyIGF4LXctYXV0b1wiIFtzcmNdPVwiYWN0aXZlTWVkaWEoKT8udXJsXCI+XG4gICAgICAgICAgICAgIDxheC1sb2FkaW5nPjwvYXgtbG9hZGluZz5cbiAgICAgICAgICAgICAgPGF4LXBsYWNlaG9sZGVyPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC13LTk2IGF4LWgtNzIgYXgtZ2FwLTQgYXgtZmxleCBheC1mbGV4LWNvbCBheC1pdGVtcy1jZW50ZXIgYXgtanVzdGlmeS1jZW50ZXIgYXgtYm9yZGVyIGF4LXJvdW5kZWQtbGdcIj5cbiAgICAgICAgICAgICAgICAgIDxheC1pY29uIGNsYXNzPVwiZmEtc29saWQgZmEtY2lyY2xlLWV4Y2xhbWF0aW9uIGF4LXRleHQtM3hsXCI+IDwvYXgtaWNvbj5cbiAgICAgICAgICAgICAgICAgIDxzcGFuPkNvbm5lY3Rpb24gRXJyb3IhPC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2F4LXBsYWNlaG9sZGVyPlxuICAgICAgICAgICAgPC9heC1pbWFnZT5cbiAgICAgICAgICAgIH0gQGNhc2UgKCdhdWRpbycpIHtcbiAgICAgICAgICAgIDxhdWRpbyBjb250cm9scyBjbGFzcz1cImF4LXJvdW5kZWQtbGdcIj5cbiAgICAgICAgICAgICAgPHNvdXJjZSBbc3JjXT1cImFjdGl2ZU1lZGlhKCk/LnVybFwiIHR5cGU9XCJhdWRpby9tcDNcIiAvPlxuICAgICAgICAgICAgPC9hdWRpbz5cbiAgICAgICAgICAgIH0gfVxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtZ2FwLTQgYXgtb3ZlcmZsb3cteC1hdXRvIGF4LW1heC13LVszMjBweF0gbGc6YXgtbWF4LXctWzQ4MHB4XSBheC1wYi0yXCI+XG4gICAgICAgICAgICAgIEBmb3IgKG1lZGlhIG9mIHRodW1ibmFpbHMoKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAqbmdJZj1cImdldE1lZGlhSW5mbyhtZWRpYS5uYW1lKSBhcyBtZWRpYUluZm9cIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiaG92ZXI6YXgtb3BhY2l0eS03NSBheC10cmFuc2l0aW9uLWFsbCBheC1yZWxhdGl2ZSBheC1jdXJzb3ItcG9pbnRlciBheC1mbGV4IGF4LWp1c3RpZnktY2VudGVyIGF4LWl0ZW1zLWNlbnRlclwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNoYW5nZU1lZGlhU2VsZWN0ZWQobWVkaWEpXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxheC1pbWFnZVxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJheC13LTE2IGF4LWJyaWdodG5lc3MtNTAgYXgtaC0xNiBheC1yb3VuZGVkLWxnIGF4LXNoYWRvdy1tZCBheC1maWx0ZXJcIlxuICAgICAgICAgICAgICAgICAgW3NyY109XCJtZWRpYUluZm8uZm9ybWF0ID09ICdpbWFnZScgPyBtZWRpYS51cmwgOiBtZWRpYS5wb3N0ZXJVcmxcIlxuICAgICAgICAgICAgICAgID48L2F4LWltYWdlPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1hYnNvbHV0ZSBheC10ZXh0LW5ldXRyYWwtMzAwIGF4LXRleHQteGxcIj5cbiAgICAgICAgICAgICAgICAgIDxheC1pY29uIFtjbGFzc109XCJtZWRpYUluZm8uaWNvblwiPiA8L2F4LWljb24+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgPCEtLSBhc2sgZm9yIGVtcHR5IHN0YXRlOiAtLT5cbiAgICAgIDxzbWFsbD5ObyBNZWRpYSE8L3NtYWxsPlxuICAgICAgfVxuICAgIDwvZGl2PlxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQVhJbWFnZU1vZHVsZSwgQVhEZWNvcmF0b3JNb2R1bGUsIEFYTG9hZGluZ01vZHVsZV0sXG4gIGlucHV0czogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYUEdhbGxlcnlXaWRnZXRWaWV3Q29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0QmFzZTxhbnk+IHtcbiAgcHJvdGVjdGVkIGludGVybmFsVmFsdWUgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgcGFyc2VkVmFsdWUgPSB0aGlzLmdldFZhbHVlKCkgPyBKU09OLnBhcnNlKHRoaXMuZ2V0VmFsdWUoKSkgOiBbXTtcbiAgICByZXR1cm4gQXJyYXkuaXNBcnJheShwYXJzZWRWYWx1ZSkgPyBwYXJzZWRWYWx1ZS5tYXAoKGMpID0+IGMpIDogW3BhcnNlZFZhbHVlXTtcbiAgfSk7XG4gIHByb3RlY3RlZCBtdWx0aXBsZSE6IGJvb2xlYW47XG4gIHByb3RlY3RlZCB0aHVtYm5haWxzOiBTaWduYWw8QVhQTWVkaWFJdGVtW10+ID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5pbnRlcm5hbFZhbHVlKCkuZmlsdGVyKChpKSA9PiBpLmlkICE9PSB0aGlzLmFjdGl2ZU1lZGlhKCk/LmlkKSk7XG4gIHByb3RlY3RlZCBhY3RpdmVNZWRpYTogV3JpdGFibGVTaWduYWw8QVhQTWVkaWFJdGVtIHwgdW5kZWZpbmVkPiA9IHNpZ25hbCh1bmRlZmluZWQpO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGl2ZU1lZGlhLnNldCh0aGlzLmludGVybmFsVmFsdWUoKVswXSk7XG4gIH1cblxuICBjaGFuZ2VNZWRpYVNlbGVjdGVkKG1lZGlhOiBBWFBNZWRpYUl0ZW0pIHtcbiAgICB0aGlzLmFjdGl2ZU1lZGlhLnNldChtZWRpYSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0TWVkaWFJbmZvKG1lZGlhTmFtZTogc3RyaW5nKTogQVhQTWVkaWFJbmZvIHtcbiAgICBjb25zdCBleHRlbnNpb24gPSBtZWRpYU5hbWUuc3BsaXQoJy4nKS5wb3AoKT8udG9Mb3dlckNhc2UoKTtcblxuICAgIHN3aXRjaCAoZXh0ZW5zaW9uKSB7XG4gICAgICBjYXNlICdqcGcnOlxuICAgICAgY2FzZSAnanBlZyc6XG4gICAgICBjYXNlICdwbmcnOlxuICAgICAgY2FzZSAnZ2lmJzpcbiAgICAgIGNhc2UgJ2JtcCc6XG4gICAgICAgIHJldHVybiB7IGljb246ICcnLCBmb3JtYXQ6ICdpbWFnZScgfTtcblxuICAgICAgY2FzZSAnbXA0JzpcbiAgICAgIGNhc2UgJ2F2aSc6XG4gICAgICBjYXNlICdta3YnOlxuICAgICAgY2FzZSAnbW92JzpcbiAgICAgICAgcmV0dXJuIHsgaWNvbjogJ2ZhLXJlZ3VsYXIgZmEtcGxheScsIGZvcm1hdDogJ3ZpZGVvJyB9O1xuXG4gICAgICBjYXNlICdtcDMnOlxuICAgICAgY2FzZSAnd2F2JzpcbiAgICAgIGNhc2UgJ29nZyc6XG4gICAgICAgIHJldHVybiB7IGljb246ICdmYS1yZWd1bGFyIGZhLXZvbHVtZS1oaWdoJywgZm9ybWF0OiAnYXVkaW8nIH07XG5cbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiB7IGljb246ICcnLCBmb3JtYXQ6ICdpbWFnZScgfTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/widgets/lib/widgets/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS13aWRnZXQuY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9lZGl0b3JzL2dhbGxlcnktd2lkZ2V0L2dhbGxlcnktd2lkZ2V0LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBb0I7SUFDL0MsSUFBSSxFQUFFLFNBQVM7SUFDZixVQUFVLEVBQUU7UUFDVixJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLGlDQUFpQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsNkJBQTZCLENBQUM7U0FDeEc7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLGlDQUFpQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsNkJBQTZCLENBQUM7U0FDeEc7UUFDRCxNQUFNLEVBQUU7WUFDTixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG1DQUFtQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUM7U0FDNUc7UUFDRCxNQUFNLEVBQUU7WUFDTixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG1DQUFtQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUM7U0FDNUc7UUFDRCxLQUFLLEVBQUU7WUFDTCxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLGtDQUFrQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsOEJBQThCLENBQUM7U0FDMUc7UUFDRCxRQUFRLEVBQUU7WUFDUixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLHFDQUFxQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsaUNBQWlDLENBQUM7U0FDaEg7S0FDRjtDQUNGLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBXaWRnZXRDb25maWcgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmV4cG9ydCBjb25zdCBBWFBHYWxsZXJ5V2lkZ2V0OiBBWFBXaWRnZXRDb25maWcgPSB7XG4gIG5hbWU6IFwiZ2FsbGVyeVwiLFxuICBjb21wb25lbnRzOiB7XG4gICAgdmlldzoge1xuICAgICAgY29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vZ2FsbGVyeS13aWRnZXQtdmlldy5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEdhbGxlcnlXaWRnZXRWaWV3Q29tcG9uZW50KSxcbiAgICB9LFxuICAgIGVkaXQ6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2dhbGxlcnktd2lkZ2V0LWVkaXQuY29tcG9uZW50JykudGhlbigoYykgPT4gYy5BWFBHYWxsZXJ5V2lkZ2V0RWRpdENvbXBvbmVudCksXG4gICAgfSxcbiAgICBmaWx0ZXI6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2dhbGxlcnktd2lkZ2V0LWZpbHRlci5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEdhbGxlcnlXaWRnZXRGaWx0ZXJDb21wb25lbnQpLFxuICAgIH0sXG4gICAgY29sdW1uOiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9nYWxsZXJ5LXdpZGdldC1jb2x1bW4uY29tcG9uZW50JykudGhlbigoYykgPT4gYy5BWFBHYWxsZXJ5V2lkZ2V0Q29sdW1uQ29tcG9uZW50KSxcbiAgICB9LFxuICAgIHByaW50OiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9nYWxsZXJ5LXdpZGdldC1wcmludC5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEdhbGxlcnlXaWRnZXRQcmludENvbXBvbmVudCksXG4gICAgfSxcbiAgICBkZXNpZ25lcjoge1xuICAgICAgY29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vZ2FsbGVyeS13aWRnZXQtZGVzaWduZXIuY29tcG9uZW50JykudGhlbigoYykgPT4gYy5BWFBHYWxsZXJ5V2lkZ2V0RGVzaWduZXJDb21wb25lbnQpLFxuICAgIH0sXG4gIH1cbn0iXX0=

package/esm2022/widgets/lib/widgets/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi93aWRnZXRzL2VkaXRvcnMvZ2FsbGVyeS13aWRnZXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZ2FsbGVyeS13aWRnZXQtdmlldy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9nYWxsZXJ5LXdpZGdldC1lZGl0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2dhbGxlcnktd2lkZ2V0LWZpbHRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9nYWxsZXJ5LXdpZGdldC1jb2x1bW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZ2FsbGVyeS13aWRnZXQtcHJpbnQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZ2FsbGVyeS13aWRnZXQtZGVzaWduZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZ2FsbGVyeS13aWRnZXQuY29uZmlnJzsiXX0=

package/esm2022/widgets/lib/widgets/editors/large-text-widget/index.mjs

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

package/esm2022/widgets/lib/widgets/editors/large-text-widget/large-text-widget-column.component.mjs

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

package/esm2022/widgets/lib/widgets/editors/large-text-widget/large-text-widget-designer.component.mjs

@@ -0,0 +1,19 @@
+import { AXPWidgetBase } from '@acorex/platform/layout/builder';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AXPLargeTextWidgetDesignerComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLargeTextWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPLargeTextWidgetDesignerComponent, 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.2.0", ngImport: i0, type: AXPLargeTextWidgetDesignerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFyZ2UtdGV4dC13aWRnZXQtZGVzaWduZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9lZGl0b3JzL2xhcmdlLXRleHQtd2lkZ2V0L2xhcmdlLXRleHQtd2lkZ2V0LWRlc2lnbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBUTNFLE1BQU0sT0FBTyxtQ0FBb0MsU0FBUSxhQUFrQjs4R0FBOUQsbUNBQW1DO2tHQUFuQyxtQ0FBbUMsK0ZBTnBDLEVBQUUsMkRBR0YsWUFBWTs7MkZBR1gsbUNBQW1DO2tCQVAvQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxFQUFFO29CQUNaLFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixNQUFNLEVBQUUsRUFBRTtpQkFDWCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYUFdpZGdldEJhc2UgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgaW5wdXRzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBBWFBMYXJnZVRleHRXaWRnZXREZXNpZ25lckNvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldEJhc2U8YW55PiB7fSJdfQ==

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

@@ -0,0 +1,55 @@
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXFormModule } from '@acorex/components/form';
+import { AXTextAreaModule } from '@acorex/components/text-area';
+import { AXPWidgetBase } from '@acorex/platform/layout/builder';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/decorators";
+import * as i2 from "@angular/forms";
+import * as i3 from "@acorex/components/form";
+import * as i4 from "@acorex/components/text-area";
+export class AXPLargeTextWidgetEditComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.clearButton = true;
+        this._validationRules = [];
+    }
+    get validationRules() {
+        return this._validationRules;
+    }
+    set validationRules(v) {
+        this._validationRules = v;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLargeTextWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPLargeTextWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { disabled: "disabled", clearButton: "clearButton" }, usesInheritance: true, ngImport: i0, template: `
+    <ax-text-area [disabled]="disabled" [ngModel]="getValue()" (ngModelChange)="setValue($event)">
+      @if(clearButton){
+      <ax-clear-button></ax-clear-button>
+      } @for (validation of validationRules; track $index) {
+      <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+      }
+    </ax-text-area>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXTextAreaModule }, { kind: "component", type: i4.AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLargeTextWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <ax-text-area [disabled]="disabled" [ngModel]="getValue()" (ngModelChange)="setValue($event)">
+      @if(clearButton){
+      <ax-clear-button></ax-clear-button>
+      } @for (validation of validationRules; track $index) {
+      <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+      }
+    </ax-text-area>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXDecoratorModule, FormsModule, AXFormModule, AXTextAreaModule],
+                    inputs: ['disabled', 'clearButton'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFyZ2UtdGV4dC13aWRnZXQtZWRpdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi93aWRnZXRzL2VkaXRvcnMvbGFyZ2UtdGV4dC13aWRnZXQvbGFyZ2UtdGV4dC13aWRnZXQtZWRpdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQWlCN0MsTUFBTSxPQUFPLCtCQUFnQyxTQUFRLGFBQWtCO0lBZnZFOztRQWdCWSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBRTlCLHFCQUFnQixHQUF1QixFQUFFLENBQUM7S0FPbkQ7SUFOQyxJQUFXLGVBQWU7UUFDeEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDL0IsQ0FBQztJQUNELElBQVcsZUFBZSxDQUFDLENBQXFCO1FBQzlDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLENBQUM7SUFDNUIsQ0FBQzs4R0FWVSwrQkFBK0I7a0dBQS9CLCtCQUErQiw2SkFkaEM7Ozs7Ozs7O0dBUVQsMkRBR1MsWUFBWSw4QkFBRSxpQkFBaUIsOElBQUUsV0FBVyw4VkFBRSxZQUFZLGlLQUFFLGdCQUFnQjs7MkZBRzNFLCtCQUErQjtrQkFmM0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUU7Ozs7Ozs7O0dBUVQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQztvQkFDdkYsTUFBTSxFQUFFLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQztpQkFDcEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYRm9ybU1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9mb3JtJztcbmltcG9ydCB7IEFYVGV4dEFyZWFNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGV4dC1hcmVhJztcbmltcG9ydCB7IEFYUFZhbGlkYXRpb25SdWxlcyB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vY29yZSc7XG5pbXBvcnQgeyBBWFBXaWRnZXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxheC10ZXh0LWFyZWEgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW25nTW9kZWxdPVwiZ2V0VmFsdWUoKVwiIChuZ01vZGVsQ2hhbmdlKT1cInNldFZhbHVlKCRldmVudClcIj5cbiAgICAgIEBpZihjbGVhckJ1dHRvbil7XG4gICAgICA8YXgtY2xlYXItYnV0dG9uPjwvYXgtY2xlYXItYnV0dG9uPlxuICAgICAgfSBAZm9yICh2YWxpZGF0aW9uIG9mIHZhbGlkYXRpb25SdWxlczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICA8YXgtdmFsaWRhdGlvbi1ydWxlIFtydWxlXT1cInZhbGlkYXRpb24ucnVsZVwiIFttZXNzYWdlXT1cInZhbGlkYXRpb24ub3B0aW9ucz8ubWVzc2FnZVwiIFtvcHRpb25zXT1cInZhbGlkYXRpb24ub3B0aW9uc1wiPjwvYXgtdmFsaWRhdGlvbi1ydWxlPlxuICAgICAgfVxuICAgIDwvYXgtdGV4dC1hcmVhPlxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQVhEZWNvcmF0b3JNb2R1bGUsIEZvcm1zTW9kdWxlLCBBWEZvcm1Nb2R1bGUsIEFYVGV4dEFyZWFNb2R1bGVdLFxuICBpbnB1dHM6IFsnZGlzYWJsZWQnLCAnY2xlYXJCdXR0b24nXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhQTGFyZ2VUZXh0V2lkZ2V0RWRpdENvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldEJhc2U8YW55PiB7XG4gIHByb3RlY3RlZCBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcm90ZWN0ZWQgY2xlYXJCdXR0b246IGJvb2xlYW4gPSB0cnVlO1xuXG4gIHByaXZhdGUgX3ZhbGlkYXRpb25SdWxlczogQVhQVmFsaWRhdGlvblJ1bGVzID0gW107XG4gIHB1YmxpYyBnZXQgdmFsaWRhdGlvblJ1bGVzKCk6IEFYUFZhbGlkYXRpb25SdWxlcyB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbGlkYXRpb25SdWxlcztcbiAgfVxuICBwdWJsaWMgc2V0IHZhbGlkYXRpb25SdWxlcyh2OiBBWFBWYWxpZGF0aW9uUnVsZXMpIHtcbiAgICB0aGlzLl92YWxpZGF0aW9uUnVsZXMgPSB2O1xuICB9XG59XG4iXX0=

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

@@ -0,0 +1,20 @@
+import { AXPWidgetBase } from '@acorex/platform/layout/builder';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+export class AXPLargeTextWidgetFilterComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLargeTextWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPLargeTextWidgetFilterComponent, 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.2.0", ngImport: i0, type: AXPLargeTextWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule],
+                    inputs: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFyZ2UtdGV4dC13aWRnZXQtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL3dpZGdldHMvZWRpdG9ycy9sYXJnZS10ZXh0LXdpZGdldC9sYXJnZS10ZXh0LXdpZGdldC1maWx0ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBUzdDLE1BQU0sT0FBTyxpQ0FBa0MsU0FBUSxhQUFrQjs4R0FBNUQsaUNBQWlDO2tHQUFqQyxpQ0FBaUMsK0ZBTmxDLEVBQUUsMkRBR0YsWUFBWSw4QkFBRSxXQUFXOzsyRkFHeEIsaUNBQWlDO2tCQVA3QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxFQUFFO29CQUNaLFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQztvQkFDcEMsTUFBTSxFQUFFLEVBQUU7aUJBQ1giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBXaWRnZXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlXSxcbiAgaW5wdXRzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBBWFBMYXJnZVRleHRXaWRnZXRGaWx0ZXJDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRCYXNlPGFueT4ge30iXX0=