@acorex/platform 1.0.0

package/fesm2022/acorex-platform-layouts-gallery-widget-edit.component-cWNvVwum.mjs

@@ -0,0 +1,192 @@
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i2 from '@acorex/components/image';
+import { AXImageModule } from '@acorex/components/image';
+import * as i4 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i5 from '@acorex/components/uploader';
+import { AXUploaderModule } from '@acorex/components/uploader';
+import { AXPWidgetEditBase } from '@acorex/platform/schema';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, computed, Component, ChangeDetectionStrategy } from '@angular/core';
+
+class AXPGalleryWidgetEditComponent extends AXPWidgetEditBase {
+    constructor() {
+        super(...arguments);
+        this.activeMedia = signal(null);
+        this.list = signal([]);
+        this.thumbnails = computed(() => this.list().filter((i) => i.id !== this.activeMedia()?.id));
+    }
+    ngAfterViewInit() {
+        const parsedValue = this.value ? JSON.parse(this.value) : [];
+        this.list.set(Array.isArray(parsedValue) ? parsedValue.map((c) => c) : [parsedValue]);
+        this.activeMedia.set(this.list()[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: "17.1.2", ngImport: i0, type: AXPGalleryWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPGalleryWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(list().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: AXButtonModule }, { 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: AXImageModule }, { kind: "component", type: i2.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { 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: "17.1.2", ngImport: i0, type: AXPGalleryWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(list().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, AXButtonModule, AXDecoratorModule, AXImageModule, AXLoadingModule, AXUploaderModule],
+                    inputs: ['multiple'],
+                }]
+        }] });
+
+export { AXPGalleryWidgetEditComponent };
+//# sourceMappingURL=acorex-platform-layouts-gallery-widget-edit.component-cWNvVwum.mjs.map

package/fesm2022/acorex-platform-layouts-gallery-widget-edit.component-cWNvVwum.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-gallery-widget-edit.component-cWNvVwum.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/gallery/gallery-widget-edit.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXImageModule } from '@acorex/components/image';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXUploaderModule } from '@acorex/components/uploader';\nimport { AXPWidgetEditBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Signal, WritableSignal, computed, signal } from '@angular/core';\nimport { AXPMediaInfo, AXPMediaItem } from './gallery-widget-types';\n\n@Component({\n  template: `\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-2\">\n      @if(list().length){\n      <div class=\"ax-col-start-1 ax-col-end-13 ax-flex ax-items-center lg:ax-justify-start ax-justify-center \">\n        <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-4 ax-w-full\">\n          @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {\n          <video\n            class=\"ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md\"\n            controls\n            [src]=\"activeMedia()?.url\"\n          ></video>\n          } @case ('image') {\n          <ax-image class=\"ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto\" [src]=\"activeMedia()?.url\">\n            <ax-loading></ax-loading>\n            <ax-placeholder>\n              <div\n                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\"\n              >\n                <ax-icon class=\"fa-solid fa-circle-exclamation ax-text-3xl\"> </ax-icon>\n                <span>Connection Error!</span>\n              </div>\n            </ax-placeholder>\n          </ax-image>\n          } @case ('audio') {\n          <audio controls class=\"ax-rounded-lg\">\n            <source [src]=\"activeMedia()?.url\" type=\"audio/mp3\" />\n          </audio>\n          } }\n          <div class=\"ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2\">\n            @for (media of thumbnails(); track $index) {\n            <div\n              *ngIf=\"getMediaInfo(media.name) as mediaInfo\"\n              class=\"hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center\"\n              (click)=\"changeMediaSelected(media)\"\n            >\n              <ax-image\n                class=\"ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter\"\n                [src]=\"mediaInfo.format == 'image' ? media.url : media.posterUrl\"\n              ></ax-image>\n              <div class=\"ax-absolute ax-text-neutral-300 ax-text-xl\">\n                <ax-icon [class]=\"mediaInfo.icon\"> </ax-icon>\n              </div>\n            </div>\n            }\n            <div axUploaderZone>\n              <div\n                axUploaderBrowseHandle\n                class=\"ax-flex ax-justify-center ax-items-center ax-w-16 ax-h-16 ax-border ax-rounded-lg ax-cursor-pointer\"\n              >\n                <ax-icon class=\"fa-solid fa-plus ax-text-neutral-500\"> </ax-icon>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      } @else {\n      <div class=\" ax-col-start-1 ax-col-end-13\">\n        <ax-uploader-drop-zone></ax-uploader-drop-zone>\n      </div>\n\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXImageModule, AXLoadingModule, AXUploaderModule],\n  inputs: ['multiple'],\n})\nexport class AXPGalleryWidgetEditComponent extends AXPWidgetEditBase {\n  protected multiple!: boolean;\n  protected activeMedia: WritableSignal<AXPMediaItem | null> = signal(null);\n  protected list: WritableSignal<AXPMediaItem[]> = signal([]);\n  protected thumbnails: Signal<AXPMediaItem[]> = computed(() =>\n    this.list().filter((i) => i.id !== this.activeMedia()?.id)\n  );\n\n  ngAfterViewInit(): void {\n    const parsedValue = this.value ? JSON.parse(this.value) : [];\n    this.list.set(Array.isArray(parsedValue) ? parsedValue.map((c) => c) : [parsedValue]);\n    this.activeMedia.set(this.list()[0]);\n  }\n\n  changeMediaSelected(media: AXPMediaItem) {\n    this.activeMedia.set(media);\n  }\n\n  protected getMediaInfo(mediaName: string): AXPMediaInfo {\n    const extension = mediaName.split('.').pop()?.toLowerCase();\n\n    switch (extension) {\n      case 'jpg':\n      case 'jpeg':\n      case 'png':\n      case 'gif':\n      case 'bmp':\n        return { icon: '', format: 'image' };\n\n      case 'mp4':\n      case 'avi':\n      case 'mkv':\n      case 'mov':\n        return { icon: 'fa-regular fa-play', format: 'video' };\n\n      case 'mp3':\n      case 'wav':\n      case 'ogg':\n        return { icon: 'fa-regular fa-volume-high', format: 'audio' };\n\n      default:\n        return { icon: '', format: 'image' };\n    }\n  }\n}\n"],"names":["i3"],"mappings":"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"}

package/fesm2022/acorex-platform-layouts-gallery-widget-filter.component-OCz0hj5i.mjs

@@ -0,0 +1,30 @@
+import * as i6 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXPWidgetFilterBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+class AXPGalleryWidgetFilterComponent extends AXPWidgetFilterBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPGalleryWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AXPGalleryWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <ax-select-box [(ngModel)]="value" [placeholder]="'Has media'" [dataSource]="['Yes', 'No']"></ax-select-box>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i6.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "dataSource", "itemTemplate", "emptyTemplate", "loadingTemplate"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPGalleryWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <ax-select-box [(ngModel)]="value" [placeholder]="'Has media'" [dataSource]="['Yes', 'No']"></ax-select-box>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXSelectBoxModule, FormsModule],
+                    inputs: [],
+                }]
+        }] });
+
+export { AXPGalleryWidgetFilterComponent };
+//# sourceMappingURL=acorex-platform-layouts-gallery-widget-filter.component-OCz0hj5i.mjs.map

package/fesm2022/acorex-platform-layouts-gallery-widget-filter.component-OCz0hj5i.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-gallery-widget-filter.component-OCz0hj5i.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/gallery/gallery-widget-filter.component.ts"],"sourcesContent":["import { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXPWidgetFilterBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n@Component({\n  template: `\n    <ax-select-box [(ngModel)]=\"value\" [placeholder]=\"'Has media'\" [dataSource]=\"['Yes', 'No']\"></ax-select-box>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXSelectBoxModule, FormsModule],\n  inputs: [],\n})\nexport class AXPGalleryWidgetFilterComponent extends AXPWidgetFilterBase {}\n"],"names":["i1"],"mappings":";;;;;;;;;AAcM,MAAO,+BAAgC,SAAQ,mBAAmB,CAAA;8GAA3D,+BAA+B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA/B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,EARhC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,aAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,eAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG3C,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAT3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;AAET,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,WAAW,CAAC;AACvD,oBAAA,MAAM,EAAE,EAAE;AACX,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-layouts-gallery-widget-view.component-xU52uaP0.mjs

@@ -0,0 +1,176 @@
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i2 from '@acorex/components/image';
+import { AXImageModule } from '@acorex/components/image';
+import * as i4 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, computed, Component, ChangeDetectionStrategy } from '@angular/core';
+
+class AXPGalleryWidgetViewComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.list = signal([]);
+        this.thumbnails = computed(() => this.list().filter((i) => i.id !== this.activeMedia()?.id));
+        this.activeMedia = signal(undefined);
+    }
+    render() {
+        const rawValue = this.context[this.prop.name] ? JSON.parse(this.context[this.prop.name]) : [];
+        this.list.set(Array.isArray(rawValue) ? rawValue.map((c) => c) : [rawValue]);
+    }
+    ngOnInit() {
+        this.activeMedia.set(this.list()[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: "17.1.2", ngImport: i0, type: AXPGalleryWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPGalleryWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(list().length){
+      <div class="ax-flex ax-items-center ax-justify-between ax-rounded-lg ax-bg-surface 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: AXButtonModule }, { 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: AXImageModule }, { kind: "component", type: i2.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { 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: "17.1.2", ngImport: i0, type: AXPGalleryWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(list().length){
+      <div class="ax-flex ax-items-center ax-justify-between ax-rounded-lg ax-bg-surface 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, AXButtonModule, AXDecoratorModule, AXImageModule, AXLoadingModule],
+                    inputs: ['context', 'multiple'],
+                }]
+        }] });
+
+export { AXPGalleryWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-layouts-gallery-widget-view.component-xU52uaP0.mjs.map

package/fesm2022/acorex-platform-layouts-gallery-widget-view.component-xU52uaP0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-gallery-widget-view.component-xU52uaP0.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/gallery/gallery-widget-view.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXImageModule } from '@acorex/components/image';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXPWidgetBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Signal, WritableSignal, computed, signal } from '@angular/core';\nimport { AXPMediaInfo, AXPMediaItem } from './gallery-widget-types';\n\n@Component({\n  template: `\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-2\">\n      @if(list().length){\n      <div class=\"ax-flex ax-items-center ax-justify-between ax-rounded-lg ax-bg-surface ax-col-start-1 ax-col-end-13\">\n        <div class=\"ax-flex ax-items-center md:ax-justify-start ax-justify-center ax-w-full ax-gap-3\">\n          <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-4\">\n            @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {\n            <video\n              class=\"ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md\"\n              controls\n              [src]=\"activeMedia()?.url\"\n            ></video>\n            } @case ('image') {\n            <ax-image class=\"ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto\" [src]=\"activeMedia()?.url\">\n              <ax-loading></ax-loading>\n              <ax-placeholder>\n                <div\n                  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\"\n                >\n                  <ax-icon class=\"fa-solid fa-circle-exclamation ax-text-3xl\"> </ax-icon>\n                  <span>Connection Error!</span>\n                </div>\n              </ax-placeholder>\n            </ax-image>\n            } @case ('audio') {\n            <audio controls class=\"ax-rounded-lg\">\n              <source [src]=\"activeMedia()?.url\" type=\"audio/mp3\" />\n            </audio>\n            } }\n            <div class=\"ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2\">\n              @for (media of thumbnails(); track $index) {\n              <div\n                *ngIf=\"getMediaInfo(media.name) as mediaInfo\"\n                class=\"hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center\"\n                (click)=\"changeMediaSelected(media)\"\n              >\n                <ax-image\n                  class=\"ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter\"\n                  [src]=\"mediaInfo.format == 'image' ? media.url : media.posterUrl\"\n                ></ax-image>\n                <div class=\"ax-absolute ax-text-neutral-300 ax-text-xl\">\n                  <ax-icon [class]=\"mediaInfo.icon\"> </ax-icon>\n                </div>\n              </div>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n      } @else {\n      <!-- ask for empty state: -->\n      <small>No Media!</small>\n      }\n    </div>\n  `,\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXImageModule, AXLoadingModule],\n  inputs: ['context', 'multiple'],\n})\nexport class AXPGalleryWidgetViewComponent extends AXPWidgetBase {\n  protected multiple!: boolean;\n  protected list: WritableSignal<AXPMediaItem[]> = signal([]);\n  protected thumbnails: Signal<AXPMediaItem[]> = computed(() =>\n    this.list().filter((i) => i.id !== this.activeMedia()?.id)\n  );\n  protected activeMedia: WritableSignal<AXPMediaItem | undefined> = signal(undefined);\n\n  override render() {\n    const rawValue: AXPMediaItem[] = this.context[this.prop.name] ? JSON.parse(this.context[this.prop.name]) : [];\n    this.list.set(Array.isArray(rawValue) ? rawValue.map((c) => c) : [rawValue]);\n  }\n\n  ngOnInit(): void {\n    this.activeMedia.set(this.list()[0]);\n  }\n\n  changeMediaSelected(media: AXPMediaItem) {\n    this.activeMedia.set(media);\n  }\n\n  protected getMediaInfo(mediaName: string): AXPMediaInfo {\n    const extension = mediaName.split('.').pop()?.toLowerCase();\n\n    switch (extension) {\n      case 'jpg':\n      case 'jpeg':\n      case 'png':\n      case 'gif':\n      case 'bmp':\n        return { icon: '', format: 'image' };\n\n      case 'mp4':\n      case 'avi':\n      case 'mkv':\n      case 'mov':\n        return { icon: 'fa-regular fa-play', format: 'video' };\n\n      case 'mp3':\n      case 'wav':\n      case 'ogg':\n        return { icon: 'fa-regular fa-volume-high', format: 'audio' };\n\n      default:\n        return { icon: '', format: 'image' };\n    }\n  }\n}\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/acorex-platform-layouts-largetext-widget-edit.component-Um_eBRFi.mjs

@@ -0,0 +1,40 @@
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i1 from '@acorex/components/text-area';
+import { AXTextAreaModule } from '@acorex/components/text-area';
+import { AXPWidgetEditBase } from '@acorex/platform/schema';
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+class AXPLargeTextWidgetEditComponent extends AXPWidgetEditBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPLargeTextWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPLargeTextWidgetEditComponent, isStandalone: true, selector: "axp-largetext-widget-edit", inputs: { width: "width" }, usesInheritance: true, ngImport: i0, template: `
+        <ax-text-area  [(ngModel)]="value">
+            @for(vl of validations;track $index) {
+            <ax-validation-rule  [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+            }
+        </ax-text-area>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextAreaModule }, { kind: "component", type: i1.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"] }, { 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: AXDecoratorModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPLargeTextWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-largetext-widget-edit',
+                    template: `
+        <ax-text-area  [(ngModel)]="value">
+            @for(vl of validations;track $index) {
+            <ax-validation-rule  [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+            }
+        </ax-text-area>
+    `,
+                    standalone: true,
+                    imports: [AXTextAreaModule, FormsModule, AXDecoratorModule, AXFormModule],
+                    inputs: ['width']
+                }]
+        }] });
+
+export { AXPLargeTextWidgetEditComponent };
+//# sourceMappingURL=acorex-platform-layouts-largetext-widget-edit.component-Um_eBRFi.mjs.map

package/fesm2022/acorex-platform-layouts-largetext-widget-edit.component-Um_eBRFi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-largetext-widget-edit.component-Um_eBRFi.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/text/largetext-widget-edit.component.ts"],"sourcesContent":["import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXTextAreaModule } from '@acorex/components/text-area';\nimport { AXPWidgetEditBase } from '@acorex/platform/schema';\nimport { Component } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n    selector: 'axp-largetext-widget-edit',\n    template: `\n        <ax-text-area  [(ngModel)]=\"value\">\n            @for(vl of validations;track $index) {\n            <ax-validation-rule  [rule]=\"vl.rule\" [options]=\"vl.options\"></ax-validation-rule>\n            }\n        </ax-text-area>\n    `,\n    standalone: true,\n    imports: [AXTextAreaModule, FormsModule, AXDecoratorModule, AXFormModule],\n    inputs: ['width']\n})\nexport class AXPLargeTextWidgetEditComponent extends AXPWidgetEditBase<string> {\n\n}"],"names":[],"mappings":";;;;;;;;;;;AAoBM,MAAO,+BAAgC,SAAQ,iBAAyB,CAAA;8GAAjE,+BAA+B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA/B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,EAX9B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;AAMT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAES,gBAAgB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,8BAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAG/D,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAb3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,CAAA;;;;;;AAMT,IAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,CAAC;oBACzE,MAAM,EAAE,CAAC,OAAO,CAAC;AACpB,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-layouts-lookup-widget-column.component-Ts0MJe8O.mjs

@@ -0,0 +1,46 @@
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+class AXPLookupWidgetColumnComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.list = [];
+        this.textField = 'title';
+        this.valueField = 'id';
+    }
+    render() {
+        const rawValue = this.context[this.prop.name];
+        this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];
+        //
+        this.text = this.list.map((c) => c.text).join(', ');
+    }
+    extractItem(item) {
+        return typeof item == 'object' && item
+            ? {
+                id: item[this.valueField],
+                text: item[this.textField],
+            }
+            : {
+                id: item,
+                text: '',
+            };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "axp-lookup-widget-column", inputs: { context: "context", multiple: "multiple", width: "width", textField: "textField", valueField: "valueField", reference: "reference", referenceField: "referenceField" }, usesInheritance: true, ngImport: i0, template: '{{text}}', isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-lookup-widget-column',
+                    template: '{{text}}',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: ['context', 'multiple', 'width', 'textField', 'valueField', 'reference', 'referenceField'],
+                }]
+        }] });
+
+export { AXPLookupWidgetColumnComponent };
+//# sourceMappingURL=acorex-platform-layouts-lookup-widget-column.component-Ts0MJe8O.mjs.map

package/fesm2022/acorex-platform-layouts-lookup-widget-column.component-Ts0MJe8O.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layouts-lookup-widget-column.component-Ts0MJe8O.mjs","sources":["../../../../libs/platform/layouts/src/lib/widgets/lookup/lookup-widget-column.component.ts"],"sourcesContent":["import { AXPWidgetBase } from '@acorex/platform/schema';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n@Component({\n  selector: 'axp-lookup-widget-column',\n  template: '{{text}}',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule],\n  inputs: ['context', 'multiple', 'width', 'textField', 'valueField', 'reference', 'referenceField'],\n})\nexport class AXPLookupWidgetColumnComponent extends AXPWidgetBase {\n  protected multiple!: boolean;\n  protected list: { id: string; text: string }[] = [];\n  protected text!: string;\n  protected textField: string = 'title';\n  protected valueField: string = 'id';\n\n  override render() {\n    const rawValue = this.context[this.prop.name];\n    this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];\n    //\n    this.text = this.list.map((c) => c.text).join(', ');\n  }\n\n  private extractItem(item: any): any {\n    return typeof item == 'object' && item\n      ? {\n          id: item[this.valueField],\n          text: item[this.textField],\n        }\n      : {\n          id: item,\n          text: '',\n        };\n  }\n}\n"],"names":[],"mappings":";;;;;AAWM,MAAO,8BAA+B,SAAQ,aAAa,CAAA;AARjE,IAAA,WAAA,GAAA;;QAUY,IAAI,CAAA,IAAA,GAAmC,EAAE,CAAC;QAE1C,IAAS,CAAA,SAAA,GAAW,OAAO,CAAC;QAC5B,IAAU,CAAA,UAAA,GAAW,IAAI,CAAC;AAoBrC,KAAA;IAlBU,MAAM,GAAA;AACb,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9C,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;;QAE9G,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACrD;AAEO,IAAA,WAAW,CAAC,IAAS,EAAA;AAC3B,QAAA,OAAO,OAAO,IAAI,IAAI,QAAQ,IAAI,IAAI;AACpC,cAAE;AACE,gBAAA,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;AACzB,gBAAA,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;AAC3B,aAAA;AACH,cAAE;AACE,gBAAA,EAAE,EAAE,IAAI;AACR,gBAAA,IAAI,EAAE,EAAE;aACT,CAAC;KACP;8GAxBU,8BAA8B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAN/B,UAAU,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGV,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGX,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAR1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,CAAC;AACnG,iBAAA,CAAA;;;;;"}