@acorex/platform 20.6.0-next.21 → 20.6.0-next.23

package/fesm2022/acorex-platform-layout-widgets.mjs

@@ -8115,7 +8115,7 @@ class AXPDataListWidgetViewComponent extends AXPValueWidgetComponent {
     }
     getCommandColumnWidth() {
         const count = this.primaryCommands().length;
-        return `${count * 60}px`;
+        return `${count * 70}px`;
     }
     //#endregion
     //#region ----   Event Handlers   ----
@@ -9948,18 +9948,13 @@ class AXPGalleryWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.thumbnail = computed(() => this.options()['thumbnail'], ...(ngDevMode ? [{ debugName: "thumbnail" }] : []));
+        this.height = computed(() => this.options()['height'], ...(ngDevMode ? [{ debugName: "height" }] : []));
         this.header = computed(() => this.options()['header'], ...(ngDevMode ? [{ debugName: "header" }] : []));
         this.fileInfo = computed(() => this.options()['fileInfo'], ...(ngDevMode ? [{ debugName: "fileInfo" }] : []));
         this.fullScreenButton = computed(() => this.options()['fullScreenButton'], ...(ngDevMode ? [{ debugName: "fullScreenButton" }] : []));
     }
-    get __class() {
-        const cls = {};
-        cls[`ax-block`] = true;
-        cls[`ax-flex-1`] = true;
-        return cls;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPGalleryWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPGalleryWidgetEditComponent, isStandalone: true, selector: "axp-gallery-widget-edit", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: ` <ax-media-viewer-container [thumbnail]="thumbnail()" #c [dataArray]="getValue()">
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPGalleryWidgetEditComponent, isStandalone: true, selector: "axp-gallery-widget-edit", host: { properties: { "style.height": "height()" }, classAttribute: "ax-block" }, usesInheritance: true, ngImport: i0, template: ` <ax-media-viewer-container [thumbnail]="thumbnail()" #c [dataArray]="getValue()">
     @if (header()) {
       <ax-header>
         @if (fileInfo()) {
@@ -10016,13 +10011,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
       </ax-button>
     </ax-suffix>
   </ax-media-viewer-container>`,
+                    host: {
+                        class: 'ax-block',
+                        '[style.height]': 'height()',
+                    },
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [AXMediaViewerModule, AXDecoratorModule, AXButtonModule],
                 }]
-        }], propDecorators: { __class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 
 var galleryWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -10037,6 +10033,7 @@ class AXPGalleryWidgetViewComponent extends AXPValueWidgetComponent {
             return Array.isArray(parsedValue) ? parsedValue.map((c) => c) : [parsedValue];
         }, ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
         this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+        this.height = computed(() => this.options()['height'], ...(ngDevMode ? [{ debugName: "height" }] : []));
         this.thumbnails = computed(() => this.internalValue().filter((i) => i.id !== this.activeMedia()?.id), ...(ngDevMode ? [{ debugName: "thumbnails" }] : []));
         this.activeMedia = signal(undefined, ...(ngDevMode ? [{ debugName: "activeMedia" }] : []));
     }
@@ -10069,7 +10066,7 @@ class AXPGalleryWidgetViewComponent extends AXPValueWidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPGalleryWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPGalleryWidgetViewComponent, isStandalone: true, selector: "axp-gallery-widget-view", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPGalleryWidgetViewComponent, isStandalone: true, selector: "axp-gallery-widget-view", host: { properties: { "style.height": "height()" }, classAttribute: "ax-block" }, 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">
@@ -10204,6 +10201,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
       }
     </div>
   `,
+                    host: {
+                        class: 'ax-block',
+                        '[style.height]': 'height()',
+                    },
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [AXImageModule, AXDecoratorModule, AXLoadingModule, AXPStateMessageComponent],
                 }]