@acorex/platform 18.0.13 → 18.0.15

package/esm2022/widgets/lib/widgets/layout/block/block-widget-designer.component.mjs

@@ -1,5 +1,5 @@
 import { AXPContainerWidgetComponent, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
-import { AXPDesignerAddWidgetButtonComponent, AXPWidgetDesignerRendererComponent } from '@acorex/platform/layout/designer';
+import { AXPDesignerAddWidgetButtonComponent, AXPWidgetDesignerRendererDirective } from '@acorex/platform/layout/designer';
 import { CommonModule } from '@angular/common';
 import { ChangeDetectionStrategy, Component, computed, HostBinding } from '@angular/core';
 import * as i0 from "@angular/core";
@@ -8,30 +8,54 @@ export class AXPBlockWidgetDesignerComponent extends AXPContainerWidgetComponent
         super(...arguments);
         this.backgroundColor = computed(() => this.options()["backgroundColor"]);
         this.cssClass = computed(() => this.options()["cssClass"]);
+        this.flexAlignItems = computed(() => this.options()["flexAlignItems"]?.id);
+        this.flexJustifyContent = computed(() => this.options()["flexJustifyContent"]?.id);
+        this.flexWrap = computed(() => this.options()["flexWrap"]?.id);
+        this.flexDirection = computed(() => this.options()["flexDirection"]?.id);
+        this.gap = computed(() => this.options()["gap"] ?? 0);
     }
     get __class() {
-        return this.cssClass();
-    }
-    get __class2() {
-        return ['ax-border', 'ax-border-dashed'];
+        const cls = {};
+        //
+        cls[`ax-w-full`] = true;
+        cls[`ax-border`] = true;
+        cls[`ax-border-dashed`] = true;
+        //
+        cls[`ax-flex`] = true;
+        cls[`ax-gap-${this.gap()}`] = true;
+        //
+        if (this.flexAlignItems()) {
+            cls[this.flexAlignItems()] = true;
+        }
+        if (this.flexJustifyContent()) {
+            cls[this.flexJustifyContent()] = true;
+        }
+        if (this.flexWrap()) {
+            cls[this.flexWrap()] = true;
+        }
+        if (this.flexDirection()) {
+            cls[this.flexDirection()] = true;
+        }
+        return cls;
     }
     get __style() {
         return {
             'background-color': this.backgroundColor(),
-            'display': 'block',
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPBlockWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPBlockWidgetDesignerComponent, isStandalone: true, selector: "axp-block-widget", host: { properties: { "class": "this.__class2", "style": "this.__style" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPBlockWidgetDesignerComponent, isStandalone: true, selector: "axp-block-widget", host: { properties: { "class": "this.__class", "style": "this.__style" } }, providers: [
             {
                 provide: AXPContainerWidgetComponent, useExisting: AXPBlockWidgetDesignerComponent
             }
         ], usesInheritance: true, ngImport: i0, template: `
     @for (node of children(); track $index) {
-    <axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </axp-widget-designer-renderer>
+    <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"></ng-container>
+    }
+    @empty {
+      <axp-designer-add-widget-button class="ax-flex-1 ax-self-center ax-place-self-end"></axp-designer-add-widget-button>
     }
-    <axp-designer-add-widget-button></axp-designer-add-widget-button>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPWidgetDesignerRendererComponent, selector: "axp-widget-designer-renderer", inputs: ["parentNode", "index", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetButtonComponent, selector: "axp-designer-add-widget-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "index", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetButtonComponent, selector: "axp-designer-add-widget-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPBlockWidgetDesignerComponent, decorators: [{
             type: Component,
@@ -39,13 +63,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     selector: 'axp-block-widget',
                     template: `
     @for (node of children(); track $index) {
-    <axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </axp-widget-designer-renderer>
+    <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"></ng-container>
+    }
+    @empty {
+      <axp-designer-add-widget-button class="ax-flex-1 ax-self-center ax-place-self-end"></axp-designer-add-widget-button>
     }
-    <axp-designer-add-widget-button></axp-designer-add-widget-button>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXPLayoutBuilderModule, AXPWidgetDesignerRendererComponent, AXPDesignerAddWidgetButtonComponent],
+                    imports: [CommonModule, AXPLayoutBuilderModule, AXPWidgetDesignerRendererDirective, AXPDesignerAddWidgetButtonComponent],
                     providers: [
                         {
                             provide: AXPContainerWidgetComponent, useExisting: AXPBlockWidgetDesignerComponent
@@ -55,11 +81,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
         }], propDecorators: { __class: [{
                 type: HostBinding,
                 args: ['class']
-            }], __class2: [{
-                type: HostBinding,
-                args: ['class']
             }], __style: [{
                 type: HostBinding,
                 args: ['style']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2std2lkZ2V0LWRlc2lnbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL3dpZGdldHMvbGF5b3V0L2Jsb2NrL2Jsb2NrLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDJCQUEyQixFQUFFLHNCQUFzQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEcsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDM0gsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFtQjFGLE1BQU0sT0FBTywrQkFBZ0MsU0FBUSwyQkFBaUM7SUFqQnRGOztRQW1CWSxvQkFBZSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQVcsQ0FBQyxDQUFDO1FBQ3RGLGFBQVEsR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBVyxDQUFDLENBQUM7S0FtQm5GO0lBakJDLElBQ1ksT0FBTztRQUNqQixPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFDWSxRQUFRO1FBQ2xCLE9BQU8sQ0FBQyxXQUFXLEVBQUUsa0JBQWtCLENBQUMsQ0FBQTtJQUMxQyxDQUFDO0lBRUQsSUFDWSxPQUFPO1FBQ2pCLE9BQU87WUFDTCxrQkFBa0IsRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQzFDLFNBQVMsRUFBRSxPQUFPO1NBQ25CLENBQUM7SUFDSixDQUFDOzhHQXJCVSwrQkFBK0I7a0dBQS9CLCtCQUErQiw0SUFOL0I7WUFDVDtnQkFDRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsV0FBVyxFQUFFLCtCQUErQjthQUNuRjtTQUNGLGlEQWJTOzs7OztHQUtULDJEQUdTLFlBQVksOEJBQUUsc0JBQXNCLCtCQUFFLGtDQUFrQywwSEFBRSxtQ0FBbUM7OzJGQU81RywrQkFBK0I7a0JBakIzQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFBRTs7Ozs7R0FLVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxzQkFBc0IsRUFBRSxrQ0FBa0MsRUFBRSxtQ0FBbUMsQ0FBQztvQkFDeEgsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxXQUFXLGlDQUFpQzt5QkFDbkY7cUJBQ0Y7aUJBQ0Y7OEJBT2EsT0FBTztzQkFEbEIsV0FBVzt1QkFBQyxPQUFPO2dCQU1SLFFBQVE7c0JBRG5CLFdBQVc7dUJBQUMsT0FBTztnQkFNUixPQUFPO3NCQURsQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQsIEFYUExheW91dEJ1aWxkZXJNb2R1bGUgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IEFYUERlc2lnbmVyQWRkV2lkZ2V0QnV0dG9uQ29tcG9uZW50LCBBWFBXaWRnZXREZXNpZ25lclJlbmRlcmVyQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvZGVzaWduZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheHAtYmxvY2std2lkZ2V0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICBAZm9yIChub2RlIG9mIGNoaWxkcmVuKCk7IHRyYWNrICRpbmRleCkge1xuICAgIDxheHAtd2lkZ2V0LWRlc2lnbmVyLXJlbmRlcmVyIFtub2RlXT1cIm5vZGVcIiBbcGFyZW50Tm9kZV09XCJ0aGlzXCIgW21vZGVdPVwidGhpcy5tb2RlXCI+IDwvYXhwLXdpZGdldC1kZXNpZ25lci1yZW5kZXJlcj5cbiAgICB9XG4gICAgPGF4cC1kZXNpZ25lci1hZGQtd2lkZ2V0LWJ1dHRvbj48L2F4cC1kZXNpZ25lci1hZGQtd2lkZ2V0LWJ1dHRvbj5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYUExheW91dEJ1aWxkZXJNb2R1bGUsIEFYUFdpZGdldERlc2lnbmVyUmVuZGVyZXJDb21wb25lbnQsIEFYUERlc2lnbmVyQWRkV2lkZ2V0QnV0dG9uQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogQVhQQ29udGFpbmVyV2lkZ2V0Q29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhQQmxvY2tXaWRnZXREZXNpZ25lckNvbXBvbmVudFxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBWFBCbG9ja1dpZGdldERlc2lnbmVyQ29tcG9uZW50IGV4dGVuZHMgQVhQQ29udGFpbmVyV2lkZ2V0Q29tcG9uZW50PHZvaWQ+IHtcblxuICBwcm90ZWN0ZWQgYmFja2dyb3VuZENvbG9yID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVtcImJhY2tncm91bmRDb2xvclwiXSBhcyBzdHJpbmcpO1xuICBwcm90ZWN0ZWQgY3NzQ2xhc3MgPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IHRoaXMub3B0aW9ucygpW1wiY3NzQ2xhc3NcIl0gYXMgc3RyaW5nKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19jbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmNzc0NsYXNzKCk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19jbGFzczIoKTogYW55IHtcbiAgICByZXR1cm4gWydheC1ib3JkZXInLCAnYXgtYm9yZGVyLWRhc2hlZCddXG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlJylcbiAgcHJpdmF0ZSBnZXQgX19zdHlsZSgpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICAnYmFja2dyb3VuZC1jb2xvcic6IHRoaXMuYmFja2dyb3VuZENvbG9yKCksXG4gICAgICAnZGlzcGxheSc6ICdibG9jaycsXG4gICAgfTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2std2lkZ2V0LWRlc2lnbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL3dpZGdldHMvbGF5b3V0L2Jsb2NrL2Jsb2NrLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDJCQUEyQixFQUFFLHNCQUFzQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEcsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDM0gsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFxQjFGLE1BQU0sT0FBTywrQkFBZ0MsU0FBUSwyQkFBaUM7SUFuQnRGOztRQXFCWSxvQkFBZSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQVcsQ0FBQyxDQUFDO1FBQ3RGLGFBQVEsR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBVyxDQUFDLENBQUM7UUFDeEUsbUJBQWMsR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDOUUsdUJBQWtCLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3RGLGFBQVEsR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ2xFLGtCQUFhLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM1RSxRQUFHLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQVcsSUFBSSxDQUFDLENBQUMsQ0FBQztLQWtDOUU7SUFoQ0MsSUFDWSxPQUFPO1FBQ2pCLE1BQU0sR0FBRyxHQUFRLEVBQUUsQ0FBQztRQUNwQixFQUFFO1FBQ0YsR0FBRyxDQUFDLFdBQVcsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUN4QixHQUFHLENBQUMsV0FBVyxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUMvQixFQUFFO1FBQ0YsR0FBRyxDQUFDLFNBQVMsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUN0QixHQUFHLENBQUMsVUFBVSxJQUFJLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUNuQyxFQUFFO1FBQ0YsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFLEVBQUUsQ0FBQztZQUMxQixHQUFHLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ3BDLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLENBQUM7WUFDOUIsR0FBRyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ3hDLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDOUIsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUM7WUFDekIsR0FBRyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUNuQyxDQUFDO1FBQ0QsT0FBTyxHQUFHLENBQUM7SUFDYixDQUFDO0lBRUQsSUFDWSxPQUFPO1FBQ2pCLE9BQU87WUFDTCxrQkFBa0IsRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFO1NBQzNDLENBQUM7SUFDSixDQUFDOzhHQXpDVSwrQkFBK0I7a0dBQS9CLCtCQUErQiwySUFOL0I7WUFDVDtnQkFDRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsV0FBVyxFQUFFLCtCQUErQjthQUNuRjtTQUNGLGlEQWZTOzs7Ozs7O0dBT1QsMkRBR1MsWUFBWSw4QkFBRSxzQkFBc0IsK0JBQUUsa0NBQWtDLDRIQUFFLG1DQUFtQzs7MkZBTzVHLCtCQUErQjtrQkFuQjNDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsa0NBQWtDLEVBQUUsbUNBQW1DLENBQUM7b0JBQ3hILFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsV0FBVyxpQ0FBaUM7eUJBQ25GO3FCQUNGO2lCQUNGOzhCQVlhLE9BQU87c0JBRGxCLFdBQVc7dUJBQUMsT0FBTztnQkEyQlIsT0FBTztzQkFEbEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQQ29udGFpbmVyV2lkZ2V0Q29tcG9uZW50LCBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBBWFBEZXNpZ25lckFkZFdpZGdldEJ1dHRvbkNvbXBvbmVudCwgQVhQV2lkZ2V0RGVzaWduZXJSZW5kZXJlckRpcmVjdGl2ZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2Rlc2lnbmVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhwLWJsb2NrLXdpZGdldCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgQGZvciAobm9kZSBvZiBjaGlsZHJlbigpOyB0cmFjayAkaW5kZXgpIHtcbiAgICA8bmctY29udGFpbmVyIGF4cC13aWRnZXQtZGVzaWduZXItcmVuZGVyZXIgW25vZGVdPVwibm9kZVwiIFtwYXJlbnROb2RlXT1cInRoaXNcIiBbbW9kZV09XCJ0aGlzLm1vZGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICB9XG4gICAgQGVtcHR5IHtcbiAgICAgIDxheHAtZGVzaWduZXItYWRkLXdpZGdldC1idXR0b24gY2xhc3M9XCJheC1mbGV4LTEgYXgtc2VsZi1jZW50ZXIgYXgtcGxhY2Utc2VsZi1lbmRcIj48L2F4cC1kZXNpZ25lci1hZGQtd2lkZ2V0LWJ1dHRvbj5cbiAgICB9XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlLCBBWFBXaWRnZXREZXNpZ25lclJlbmRlcmVyRGlyZWN0aXZlLCBBWFBEZXNpZ25lckFkZFdpZGdldEJ1dHRvbkNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IEFYUENvbnRhaW5lcldpZGdldENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYUEJsb2NrV2lkZ2V0RGVzaWduZXJDb21wb25lbnRcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQVhQQmxvY2tXaWRnZXREZXNpZ25lckNvbXBvbmVudCBleHRlbmRzIEFYUENvbnRhaW5lcldpZGdldENvbXBvbmVudDx2b2lkPiB7XG5cbiAgcHJvdGVjdGVkIGJhY2tncm91bmRDb2xvciA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJiYWNrZ3JvdW5kQ29sb3JcIl0gYXMgc3RyaW5nKTtcbiAgcHJvdGVjdGVkIGNzc0NsYXNzID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVtcImNzc0NsYXNzXCJdIGFzIHN0cmluZyk7XG4gIHByb3RlY3RlZCBmbGV4QWxpZ25JdGVtcyA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJmbGV4QWxpZ25JdGVtc1wiXT8uaWQpO1xuICBwcm90ZWN0ZWQgZmxleEp1c3RpZnlDb250ZW50ID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVtcImZsZXhKdXN0aWZ5Q29udGVudFwiXT8uaWQpO1xuICBwcm90ZWN0ZWQgZmxleFdyYXAgPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IHRoaXMub3B0aW9ucygpW1wiZmxleFdyYXBcIl0/LmlkKTtcbiAgcHJvdGVjdGVkIGZsZXhEaXJlY3Rpb24gPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IHRoaXMub3B0aW9ucygpW1wiZmxleERpcmVjdGlvblwiXT8uaWQpO1xuICBwcm90ZWN0ZWQgZ2FwID0gY29tcHV0ZWQ8bnVtYmVyPigoKSA9PiB0aGlzLm9wdGlvbnMoKVtcImdhcFwiXSBhcyBudW1iZXIgPz8gMCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9fY2xhc3MoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbHM6IGFueSA9IHt9O1xuICAgIC8vXG4gICAgY2xzW2BheC13LWZ1bGxgXSA9IHRydWU7XG4gICAgY2xzW2BheC1ib3JkZXJgXSA9IHRydWU7XG4gICAgY2xzW2BheC1ib3JkZXItZGFzaGVkYF0gPSB0cnVlO1xuICAgIC8vXG4gICAgY2xzW2BheC1mbGV4YF0gPSB0cnVlO1xuICAgIGNsc1tgYXgtZ2FwLSR7dGhpcy5nYXAoKX1gXSA9IHRydWU7XG4gICAgLy9cbiAgICBpZiAodGhpcy5mbGV4QWxpZ25JdGVtcygpKSB7XG4gICAgICBjbHNbdGhpcy5mbGV4QWxpZ25JdGVtcygpXSA9IHRydWU7XG4gICAgfVxuICAgIGlmICh0aGlzLmZsZXhKdXN0aWZ5Q29udGVudCgpKSB7XG4gICAgICBjbHNbdGhpcy5mbGV4SnVzdGlmeUNvbnRlbnQoKV0gPSB0cnVlO1xuICAgIH1cbiAgICBpZiAodGhpcy5mbGV4V3JhcCgpKSB7XG4gICAgICBjbHNbdGhpcy5mbGV4V3JhcCgpXSA9IHRydWU7XG4gICAgfVxuICAgIGlmICh0aGlzLmZsZXhEaXJlY3Rpb24oKSkge1xuICAgICAgY2xzW3RoaXMuZmxleERpcmVjdGlvbigpXSA9IHRydWU7XG4gICAgfVxuICAgIHJldHVybiBjbHM7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlJylcbiAgcHJpdmF0ZSBnZXQgX19zdHlsZSgpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICAnYmFja2dyb3VuZC1jb2xvcic6IHRoaXMuYmFja2dyb3VuZENvbG9yKCksXG4gICAgfTtcbiAgfVxufVxuIl19

package/esm2022/widgets/lib/widgets/layout/block/block-widget-view.component.mjs

@@ -8,14 +8,28 @@ export class AXPBlockWidgetViewComponent extends AXPWidgetComponent {
         super(...arguments);
         this.backgroundColor = computed(() => this.options()["backgroundColor"]);
         this.cssClass = computed(() => this.options()["cssClass"]);
+        this.flexAlign = computed(() => this.options()["flexAlign"]?.id);
+        this.flexJustify = computed(() => this.options()["flexJustify"]?.id);
+        this.gap = computed(() => this.options()["gap"] ?? 0);
     }
     get __class() {
-        return this.cssClass();
+        const cls = {};
+        //
+        cls[`ax-flex`] = true;
+        cls[`ax-flex-col`] = true;
+        cls[`ax-w-full`] = true;
+        cls[`ax-gap-${this.gap}`] = true;
+        if (this.flexAlign()) {
+            cls[this.flexAlign()] = true;
+        }
+        if (this.flexJustify()) {
+            cls[this.flexJustify()] = true;
+        }
+        return cls;
     }
     get __style() {
         return {
             'background-color': this.backgroundColor(),
-            'display': 'block',
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPBlockWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
@@ -45,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 type: HostBinding,
                 args: ['style']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2std2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvYmxvY2svYmxvY2std2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQWExRixNQUFNLE9BQU8sMkJBQTRCLFNBQVEsa0JBQXdCO0lBWHpFOztRQWFZLG9CQUFlLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBVyxDQUFDLENBQUM7UUFDdEYsYUFBUSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFXLENBQUMsQ0FBQztLQWdCbkY7SUFaQyxJQUNZLE9BQU87UUFDakIsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELElBQ1ksT0FBTztRQUNqQixPQUFPO1lBQ0wsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUMxQyxTQUFTLEVBQUUsT0FBTztTQUNuQixDQUFDO0lBQ0osQ0FBQzs4R0FsQlUsMkJBQTJCO2tHQUEzQiwyQkFBMkIsK0tBVDVCOzs7O0dBSVQsMkRBR1MsWUFBWSw4QkFBRSxzQkFBc0I7OzJGQUVuQywyQkFBMkI7a0JBWHZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFOzs7O0dBSVQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsc0JBQXNCLENBQUM7aUJBQ2hEOzhCQVNhLE9BQU87c0JBRGxCLFdBQVc7dUJBQUMsT0FBTztnQkFNUixPQUFPO3NCQURsQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlLCBBWFBXaWRnZXRDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhwLWJsb2NrLXdpZGdldCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgQGZvciAobm9kZSBvZiBjaGlsZHJlbigpOyB0cmFjayAkaW5kZXgpIHtcbiAgICA8YXhwLXdpZGdldC1yZW5kZXJlciBbbm9kZV09XCJub2RlXCIgW3BhcmVudE5vZGVdPVwidGhpc1wiIFttb2RlXT1cInRoaXMubW9kZVwiPiA8L2F4cC13aWRnZXQtcmVuZGVyZXI+XG4gICAgfVxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQVhQTGF5b3V0QnVpbGRlck1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYUEJsb2NrV2lkZ2V0Vmlld0NvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldENvbXBvbmVudDx2b2lkPiB7XG5cbiAgcHJvdGVjdGVkIGJhY2tncm91bmRDb2xvciA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJiYWNrZ3JvdW5kQ29sb3JcIl0gYXMgc3RyaW5nKTtcbiAgcHJvdGVjdGVkIGNzc0NsYXNzID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVtcImNzc0NsYXNzXCJdIGFzIHN0cmluZyk7XG5cbiAgXG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9fY2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5jc3NDbGFzcygpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpXG4gIHByaXZhdGUgZ2V0IF9fc3R5bGUoKTogYW55IHtcbiAgICByZXR1cm4ge1xuICAgICAgJ2JhY2tncm91bmQtY29sb3InOiB0aGlzLmJhY2tncm91bmRDb2xvcigpLFxuICAgICAgJ2Rpc3BsYXknOiAnYmxvY2snLFxuICAgIH07XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2std2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvYmxvY2svYmxvY2std2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQWExRixNQUFNLE9BQU8sMkJBQTRCLFNBQVEsa0JBQXdCO0lBWHpFOztRQWFZLG9CQUFlLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBVyxDQUFDLENBQUM7UUFDdEYsYUFBUSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFXLENBQUMsQ0FBQztRQUN4RSxjQUFTLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNwRSxnQkFBVyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDeEUsUUFBRyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsS0FBSyxDQUFXLElBQUksQ0FBQyxDQUFDLENBQUM7S0E0QjlFO0lBeEJDLElBQ1ksT0FBTztRQUNqQixNQUFNLEdBQUcsR0FBUSxFQUFFLENBQUM7UUFDcEIsRUFBRTtRQUNGLEdBQUcsQ0FBQyxTQUFTLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDdEIsR0FBRyxDQUFDLGFBQWEsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUMxQixHQUFHLENBQUMsV0FBVyxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLEdBQUcsQ0FBQyxVQUFVLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUNqQyxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDO1lBQ3JCLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDL0IsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUM7WUFDdkIsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUNqQyxDQUFDO1FBQ0QsT0FBTyxHQUFHLENBQUM7SUFDYixDQUFDO0lBR0QsSUFDWSxPQUFPO1FBQ2pCLE9BQU87WUFDTCxrQkFBa0IsRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFO1NBQzNDLENBQUM7SUFDSixDQUFDOzhHQWpDVSwyQkFBMkI7a0dBQTNCLDJCQUEyQiwrS0FUNUI7Ozs7R0FJVCwyREFHUyxZQUFZLDhCQUFFLHNCQUFzQjs7MkZBRW5DLDJCQUEyQjtrQkFYdkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxzQkFBc0IsQ0FBQztpQkFDaEQ7OEJBWWEsT0FBTztzQkFEbEIsV0FBVzt1QkFBQyxPQUFPO2dCQW1CUixPQUFPO3NCQURsQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlLCBBWFBXaWRnZXRDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhwLWJsb2NrLXdpZGdldCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgQGZvciAobm9kZSBvZiBjaGlsZHJlbigpOyB0cmFjayAkaW5kZXgpIHtcbiAgICA8YXhwLXdpZGdldC1yZW5kZXJlciBbbm9kZV09XCJub2RlXCIgW3BhcmVudE5vZGVdPVwidGhpc1wiIFttb2RlXT1cInRoaXMubW9kZVwiPiA8L2F4cC13aWRnZXQtcmVuZGVyZXI+XG4gICAgfVxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQVhQTGF5b3V0QnVpbGRlck1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYUEJsb2NrV2lkZ2V0Vmlld0NvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldENvbXBvbmVudDx2b2lkPiB7XG5cbiAgcHJvdGVjdGVkIGJhY2tncm91bmRDb2xvciA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJiYWNrZ3JvdW5kQ29sb3JcIl0gYXMgc3RyaW5nKTtcbiAgcHJvdGVjdGVkIGNzc0NsYXNzID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVtcImNzc0NsYXNzXCJdIGFzIHN0cmluZyk7XG4gIHByb3RlY3RlZCBmbGV4QWxpZ24gPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IHRoaXMub3B0aW9ucygpW1wiZmxleEFsaWduXCJdPy5pZCk7XG4gIHByb3RlY3RlZCBmbGV4SnVzdGlmeSA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJmbGV4SnVzdGlmeVwiXT8uaWQpO1xuICBwcm90ZWN0ZWQgZ2FwID0gY29tcHV0ZWQ8bnVtYmVyPigoKSA9PiB0aGlzLm9wdGlvbnMoKVtcImdhcFwiXSBhcyBudW1iZXIgPz8gMCk7XG5cblxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2NsYXNzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgY2xzOiBhbnkgPSB7fTtcbiAgICAvL1xuICAgIGNsc1tgYXgtZmxleGBdID0gdHJ1ZTtcbiAgICBjbHNbYGF4LWZsZXgtY29sYF0gPSB0cnVlO1xuICAgIGNsc1tgYXgtdy1mdWxsYF0gPSB0cnVlO1xuICAgIGNsc1tgYXgtZ2FwLSR7dGhpcy5nYXB9YF0gPSB0cnVlO1xuICAgIGlmICh0aGlzLmZsZXhBbGlnbigpKSB7XG4gICAgICBjbHNbdGhpcy5mbGV4QWxpZ24oKV0gPSB0cnVlO1xuICAgIH1cbiAgICBpZiAodGhpcy5mbGV4SnVzdGlmeSgpKSB7XG4gICAgICBjbHNbdGhpcy5mbGV4SnVzdGlmeSgpXSA9IHRydWU7XG4gICAgfVxuICAgIHJldHVybiBjbHM7XG4gIH1cblxuXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKVxuICBwcml2YXRlIGdldCBfX3N0eWxlKCk6IGFueSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdiYWNrZ3JvdW5kLWNvbG9yJzogdGhpcy5iYWNrZ3JvdW5kQ29sb3IoKSxcbiAgICB9O1xuICB9XG59XG4iXX0=

package/esm2022/widgets/lib/widgets/layout/block/block-widget.config.mjs

@@ -1,5 +1,6 @@
 import { AXP_WIDGETS_LAYOUT_GROUP, cloneProperty } from '@acorex/platform/layout/builder';
-import { AXP_BG_COLOR_PROPERTY, AXP_FONT_SIZE_PROPERTY } from '../../../properties';
+import { AXP_LAYOUT_FLEX_PROPERTIES } from '../../../properties/layout.props';
+import { AXP_BG_COLOR_PROPERTY, AXP_FONT_SIZE_PROPERTY } from '../../../properties/general.props';
 export const AXPBlockWidget = {
     name: 'block-layout',
     title: 'Block',
@@ -7,7 +8,11 @@ export const AXPBlockWidget = {
     icon: 'fa-solid fa-square',
     group: AXP_WIDGETS_LAYOUT_GROUP,
     container: true,
-    properties: [AXP_FONT_SIZE_PROPERTY, cloneProperty(AXP_BG_COLOR_PROPERTY, { schema: { defaultValue: null } })],
+    properties: [
+        AXP_FONT_SIZE_PROPERTY,
+        cloneProperty(AXP_BG_COLOR_PROPERTY, { schema: { defaultValue: null } }),
+        ...AXP_LAYOUT_FLEX_PROPERTIES
+    ],
     components: {
         designer: {
             component: () => import('./block-widget-designer.component').then((c) => c.AXPBlockWidgetDesignerComponent),
@@ -23,4 +28,4 @@ export const AXPBlockWidget = {
         },
     },
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2std2lkZ2V0LmNvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL3dpZGdldHMvbGF5b3V0L2Jsb2NrL2Jsb2NrLXdpZGdldC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHdCQUF3QixFQUFtQixhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMzRyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVwRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQW9CO0lBQzdDLElBQUksRUFBRSxjQUFjO0lBQ3BCLEtBQUssRUFBRSxPQUFPO0lBQ2QsV0FBVyxFQUFFLDZCQUE2QjtJQUMxQyxJQUFJLEVBQUUsb0JBQW9CO0lBQzFCLEtBQUssRUFBRSx3QkFBd0I7SUFDL0IsU0FBUyxFQUFFLElBQUk7SUFDZixVQUFVLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxhQUFhLENBQUMscUJBQXFCLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzlHLFVBQVUsRUFBRTtRQUNWLFFBQVEsRUFBRTtZQUNSLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsbUNBQW1DLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQywrQkFBK0IsQ0FBQztTQUM1RztRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsK0JBQStCLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQywyQkFBMkIsQ0FBQztTQUNwRztRQUNELEtBQUssRUFBRTtZQUNMLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsK0JBQStCLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQywyQkFBMkIsQ0FBQztTQUNwRztRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsK0JBQStCLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQywyQkFBMkIsQ0FBQztTQUNwRztLQUNGO0NBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYUF9XSURHRVRTX0xBWU9VVF9HUk9VUCwgQVhQV2lkZ2V0Q29uZmlnLCBjbG9uZVByb3BlcnR5IH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBBWFBfQkdfQ09MT1JfUFJPUEVSVFksIEFYUF9GT05UX1NJWkVfUFJPUEVSVFkgfSBmcm9tICcuLi8uLi8uLi9wcm9wZXJ0aWVzJztcblxuZXhwb3J0IGNvbnN0IEFYUEJsb2NrV2lkZ2V0OiBBWFBXaWRnZXRDb25maWcgPSB7XG4gIG5hbWU6ICdibG9jay1sYXlvdXQnLFxuICB0aXRsZTogJ0Jsb2NrJyxcbiAgZGVzY3JpcHRpb246ICdPcmdhbml6ZXMgY29udGVudCBpbiBibG9ja3MnLFxuICBpY29uOiAnZmEtc29saWQgZmEtc3F1YXJlJyxcbiAgZ3JvdXA6IEFYUF9XSURHRVRTX0xBWU9VVF9HUk9VUCxcbiAgY29udGFpbmVyOiB0cnVlLFxuICBwcm9wZXJ0aWVzOiBbQVhQX0ZPTlRfU0laRV9QUk9QRVJUWSwgY2xvbmVQcm9wZXJ0eShBWFBfQkdfQ09MT1JfUFJPUEVSVFksIHsgc2NoZW1hOiB7IGRlZmF1bHRWYWx1ZTogbnVsbCB9IH0pXSxcbiAgY29tcG9uZW50czoge1xuICAgIGRlc2lnbmVyOiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9ibG9jay13aWRnZXQtZGVzaWduZXIuY29tcG9uZW50JykudGhlbigoYykgPT4gYy5BWFBCbG9ja1dpZGdldERlc2lnbmVyQ29tcG9uZW50KSxcbiAgICB9LFxuICAgIGVkaXQ6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2Jsb2NrLXdpZGdldC12aWV3LmNvbXBvbmVudCcpLnRoZW4oKGMpID0+IGMuQVhQQmxvY2tXaWRnZXRWaWV3Q29tcG9uZW50KSxcbiAgICB9LFxuICAgIHByaW50OiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9ibG9jay13aWRnZXQtdmlldy5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEJsb2NrV2lkZ2V0Vmlld0NvbXBvbmVudCksXG4gICAgfSxcbiAgICB2aWV3OiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9ibG9jay13aWRnZXQtdmlldy5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEJsb2NrV2lkZ2V0Vmlld0NvbXBvbmVudCksXG4gICAgfSxcbiAgfSxcbn07XG5cbmRlY2xhcmUgbW9kdWxlICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJyB7XG4gIGludGVyZmFjZSBBWFBXaWRnZXRUeXBlc01hcCB7XG4gICAgYmxvY2tMYXlvdXQ6ICdibG9jay1sYXlvdXQnO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2std2lkZ2V0LmNvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL3dpZGdldHMvbGF5b3V0L2Jsb2NrL2Jsb2NrLXdpZGdldC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHdCQUF3QixFQUFtQixhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMzRyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVsRyxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQW9CO0lBQzdDLElBQUksRUFBRSxjQUFjO0lBQ3BCLEtBQUssRUFBRSxPQUFPO0lBQ2QsV0FBVyxFQUFFLDZCQUE2QjtJQUMxQyxJQUFJLEVBQUUsb0JBQW9CO0lBQzFCLEtBQUssRUFBRSx3QkFBd0I7SUFDL0IsU0FBUyxFQUFFLElBQUk7SUFDZixVQUFVLEVBQUU7UUFDVixzQkFBc0I7UUFDdEIsYUFBYSxDQUFDLHFCQUFxQixFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxFQUFFLENBQUM7UUFDeEUsR0FBRywwQkFBMEI7S0FDOUI7SUFDRCxVQUFVLEVBQUU7UUFDVixRQUFRLEVBQUU7WUFDUixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG1DQUFtQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUM7U0FDNUc7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLCtCQUErQixDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsMkJBQTJCLENBQUM7U0FDcEc7UUFDRCxLQUFLLEVBQUU7WUFDTCxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLCtCQUErQixDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsMkJBQTJCLENBQUM7U0FDcEc7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLCtCQUErQixDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsMkJBQTJCLENBQUM7U0FDcEc7S0FDRjtDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBfV0lER0VUU19MQVlPVVRfR1JPVVAsIEFYUFdpZGdldENvbmZpZywgY2xvbmVQcm9wZXJ0eSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInO1xuaW1wb3J0IHsgQVhQX0xBWU9VVF9GTEVYX1BST1BFUlRJRVMgfSBmcm9tICcuLi8uLi8uLi9wcm9wZXJ0aWVzL2xheW91dC5wcm9wcyc7XG5pbXBvcnQgeyBBWFBfQkdfQ09MT1JfUFJPUEVSVFksIEFYUF9GT05UX1NJWkVfUFJPUEVSVFkgfSBmcm9tICcuLi8uLi8uLi9wcm9wZXJ0aWVzL2dlbmVyYWwucHJvcHMnO1xuXG5leHBvcnQgY29uc3QgQVhQQmxvY2tXaWRnZXQ6IEFYUFdpZGdldENvbmZpZyA9IHtcbiAgbmFtZTogJ2Jsb2NrLWxheW91dCcsXG4gIHRpdGxlOiAnQmxvY2snLFxuICBkZXNjcmlwdGlvbjogJ09yZ2FuaXplcyBjb250ZW50IGluIGJsb2NrcycsXG4gIGljb246ICdmYS1zb2xpZCBmYS1zcXVhcmUnLFxuICBncm91cDogQVhQX1dJREdFVFNfTEFZT1VUX0dST1VQLFxuICBjb250YWluZXI6IHRydWUsXG4gIHByb3BlcnRpZXM6IFtcbiAgICBBWFBfRk9OVF9TSVpFX1BST1BFUlRZLFxuICAgIGNsb25lUHJvcGVydHkoQVhQX0JHX0NPTE9SX1BST1BFUlRZLCB7IHNjaGVtYTogeyBkZWZhdWx0VmFsdWU6IG51bGwgfSB9KSxcbiAgICAuLi5BWFBfTEFZT1VUX0ZMRVhfUFJPUEVSVElFU1xuICBdLFxuICBjb21wb25lbnRzOiB7XG4gICAgZGVzaWduZXI6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2Jsb2NrLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEJsb2NrV2lkZ2V0RGVzaWduZXJDb21wb25lbnQpLFxuICAgIH0sXG4gICAgZWRpdDoge1xuICAgICAgY29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vYmxvY2std2lkZ2V0LXZpZXcuY29tcG9uZW50JykudGhlbigoYykgPT4gYy5BWFBCbG9ja1dpZGdldFZpZXdDb21wb25lbnQpLFxuICAgIH0sXG4gICAgcHJpbnQ6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2Jsb2NrLXdpZGdldC12aWV3LmNvbXBvbmVudCcpLnRoZW4oKGMpID0+IGMuQVhQQmxvY2tXaWRnZXRWaWV3Q29tcG9uZW50KSxcbiAgICB9LFxuICAgIHZpZXc6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2Jsb2NrLXdpZGdldC12aWV3LmNvbXBvbmVudCcpLnRoZW4oKGMpID0+IGMuQVhQQmxvY2tXaWRnZXRWaWV3Q29tcG9uZW50KSxcbiAgICB9LFxuICB9LFxufTtcblxuZGVjbGFyZSBtb2R1bGUgJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInIHtcbiAgaW50ZXJmYWNlIEFYUFdpZGdldFR5cGVzTWFwIHtcbiAgICBibG9ja0xheW91dDogJ2Jsb2NrLWxheW91dCc7XG4gIH1cbn1cbiJdfQ==

package/esm2022/widgets/lib/widgets/layout/form-field/form-field-widget-designer.component.mjs

@@ -1,9 +1,9 @@
 import { AXFormModule } from '@acorex/components/form';
 import { AXLabelModule } from '@acorex/components/label';
 import { AXPContainerWidgetComponent, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
-import { AXPDesignerAddWidgetButtonComponent, AXPWidgetDesignerRendererComponent } from '@acorex/platform/layout/designer';
+import { AXPDesignerAddWidgetButtonComponent, AXPWidgetDesignerRendererDirective } from '@acorex/platform/layout/designer';
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, computed } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, HostBinding } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@acorex/components/form";
 import * as i2 from "@acorex/components/label";
@@ -12,8 +12,14 @@ export class AXPFormFieldWidgetDesignerComponent extends AXPContainerWidgetCompo
         super(...arguments);
         this.label = computed(() => this.options()["label"]);
     }
+    get __class() {
+        const cls = {};
+        cls[`ax-block`] = true;
+        cls[`ax-w-full`] = true;
+        return cls;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPFormFieldWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPFormFieldWidgetDesignerComponent, isStandalone: true, selector: "ng-component", providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPFormFieldWidgetDesignerComponent, isStandalone: true, selector: "axp-form-field-widget", host: { properties: { "class": "this.__class" } }, providers: [
             {
                 provide: AXPContainerWidgetComponent, useExisting: AXPFormFieldWidgetDesignerComponent
             }
@@ -21,22 +27,23 @@ export class AXPFormFieldWidgetDesignerComponent extends AXPContainerWidgetCompo
     <ax-form-field>
      <ax-label>{{label()}}</ax-label>
      @for (node of children(); track $index) {
-      <axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </axp-widget-designer-renderer>
+      <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </ng-container>
      }
      @empty {
        <axp-designer-add-widget-button class="axp-empty-space ax-block ax-p-0 "></axp-designer-add-widget-button>
      }
     </ax-form-field>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPWidgetDesignerRendererComponent, selector: "axp-widget-designer-renderer", inputs: ["parentNode", "index", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetButtonComponent, selector: "axp-designer-add-widget-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "index", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetButtonComponent, selector: "axp-designer-add-widget-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPFormFieldWidgetDesignerComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: "axp-form-field-widget",
                     template: `
     <ax-form-field>
      <ax-label>{{label()}}</ax-label>
      @for (node of children(); track $index) {
-      <axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </axp-widget-designer-renderer>
+      <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </ng-container>
      }
      @empty {
        <axp-designer-add-widget-button class="axp-empty-space ax-block ax-p-0 "></axp-designer-add-widget-button>
@@ -45,12 +52,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXFormModule, AXLabelModule, AXPLayoutBuilderModule, AXPWidgetDesignerRendererComponent, AXPDesignerAddWidgetButtonComponent],
+                    imports: [CommonModule, AXFormModule, AXLabelModule, AXPLayoutBuilderModule, AXPWidgetDesignerRendererDirective, AXPDesignerAddWidgetButtonComponent],
                     providers: [
                         {
                             provide: AXPContainerWidgetComponent, useExisting: AXPFormFieldWidgetDesignerComponent
                         }
                     ]
                 }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC13aWRnZXQtZGVzaWduZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvZm9ybS1maWVsZC9mb3JtLWZpZWxkLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN0RyxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUMzSCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQWUsTUFBTSxlQUFlLENBQUM7Ozs7QUFzQjFGLE1BQU0sT0FBTyxtQ0FBb0MsU0FBUSwyQkFBaUM7SUFyQjFGOztRQXNCWSxVQUFLLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQVcsQ0FBQyxDQUFDO0tBRTdFOzhHQUhZLG1DQUFtQztrR0FBbkMsbUNBQW1DLDJEQU5uQztZQUNUO2dCQUNFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxXQUFXLEVBQUUsbUNBQW1DO2FBQ3ZGO1NBQ0YsaURBbEJTOzs7Ozs7Ozs7O0dBVVQsMkRBR1MsWUFBWSw4QkFBRSxZQUFZLHNJQUFFLGFBQWEsZ0tBQUUsc0JBQXNCLCtCQUFFLGtDQUFrQywwSEFBRSxtQ0FBbUM7OzJGQU96SSxtQ0FBbUM7a0JBckIvQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTs7Ozs7Ozs7OztHQVVUO29CQUNELFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsc0JBQXNCLEVBQUUsa0NBQWtDLEVBQUUsbUNBQW1DLENBQUM7b0JBQ3JKLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsV0FBVyxxQ0FBcUM7eUJBQ3ZGO3FCQUNGO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhGb3JtTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2Zvcm0nO1xuaW1wb3J0IHsgQVhMYWJlbE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9sYWJlbCc7XG5pbXBvcnQgeyBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQsIEFYUExheW91dEJ1aWxkZXJNb2R1bGUgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IEFYUERlc2lnbmVyQWRkV2lkZ2V0QnV0dG9uQ29tcG9uZW50LCBBWFBXaWRnZXREZXNpZ25lclJlbmRlcmVyQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvZGVzaWduZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gICAgPGF4LWZvcm0tZmllbGQ+XG4gICAgIDxheC1sYWJlbD57e2xhYmVsKCl9fTwvYXgtbGFiZWw+XG4gICAgIEBmb3IgKG5vZGUgb2YgY2hpbGRyZW4oKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICA8YXhwLXdpZGdldC1kZXNpZ25lci1yZW5kZXJlciBbbm9kZV09XCJub2RlXCIgW3BhcmVudE5vZGVdPVwidGhpc1wiIFttb2RlXT1cInRoaXMubW9kZVwiPiA8L2F4cC13aWRnZXQtZGVzaWduZXItcmVuZGVyZXI+XG4gICAgIH1cbiAgICAgQGVtcHR5IHtcbiAgICAgICA8YXhwLWRlc2lnbmVyLWFkZC13aWRnZXQtYnV0dG9uIGNsYXNzPVwiYXhwLWVtcHR5LXNwYWNlIGF4LWJsb2NrIGF4LXAtMCBcIj48L2F4cC1kZXNpZ25lci1hZGQtd2lkZ2V0LWJ1dHRvbj5cbiAgICAgfVxuICAgIDwvYXgtZm9ybS1maWVsZD5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYRm9ybU1vZHVsZSwgQVhMYWJlbE1vZHVsZSwgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSwgQVhQV2lkZ2V0RGVzaWduZXJSZW5kZXJlckNvbXBvbmVudCwgQVhQRGVzaWduZXJBZGRXaWRnZXRCdXR0b25Db21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFBGb3JtRmllbGRXaWRnZXREZXNpZ25lckNvbXBvbmVudFxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBWFBGb3JtRmllbGRXaWRnZXREZXNpZ25lckNvbXBvbmVudCBleHRlbmRzIEFYUENvbnRhaW5lcldpZGdldENvbXBvbmVudDx2b2lkPiB7XG4gIHByb3RlY3RlZCBsYWJlbCA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJsYWJlbFwiXSBhcyBzdHJpbmcpO1xuXG59Il19
+        }], propDecorators: { __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC13aWRnZXQtZGVzaWduZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvZm9ybS1maWVsZC9mb3JtLWZpZWxkLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN0RyxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUMzSCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBdUIxRixNQUFNLE9BQU8sbUNBQW9DLFNBQVEsMkJBQWlDO0lBdEIxRjs7UUF1QlksVUFBSyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFXLENBQUMsQ0FBQztLQVU3RTtJQVBDLElBQ1ksT0FBTztRQUNqQixNQUFNLEdBQUcsR0FBUSxFQUFFLENBQUM7UUFDcEIsR0FBRyxDQUFDLFVBQVUsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUN2QixHQUFHLENBQUMsV0FBVyxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQzs4R0FWVSxtQ0FBbUM7a0dBQW5DLG1DQUFtQyx1SEFObkM7WUFDVDtnQkFDRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsV0FBVyxFQUFFLG1DQUFtQzthQUN2RjtTQUNGLGlEQWxCUzs7Ozs7Ozs7OztHQVVULDJEQUdTLFlBQVksOEJBQUUsWUFBWSxzSUFBRSxhQUFhLGdLQUFFLHNCQUFzQiwrQkFBRSxrQ0FBa0MsNEhBQUUsbUNBQW1DOzsyRkFPekksbUNBQW1DO2tCQXRCL0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLHNCQUFzQixFQUFFLGtDQUFrQyxFQUFFLG1DQUFtQyxDQUFDO29CQUNySixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLDJCQUEyQixFQUFFLFdBQVcscUNBQXFDO3lCQUN2RjtxQkFDRjtpQkFDRjs4QkFNYSxPQUFPO3NCQURsQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEZvcm1Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZm9ybSc7XG5pbXBvcnQgeyBBWExhYmVsTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2xhYmVsJztcbmltcG9ydCB7IEFYUENvbnRhaW5lcldpZGdldENvbXBvbmVudCwgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInO1xuaW1wb3J0IHsgQVhQRGVzaWduZXJBZGRXaWRnZXRCdXR0b25Db21wb25lbnQsIEFYUFdpZGdldERlc2lnbmVyUmVuZGVyZXJEaXJlY3RpdmUgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9kZXNpZ25lcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXhwLWZvcm0tZmllbGQtd2lkZ2V0XCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGF4LWZvcm0tZmllbGQ+XG4gICAgIDxheC1sYWJlbD57e2xhYmVsKCl9fTwvYXgtbGFiZWw+XG4gICAgIEBmb3IgKG5vZGUgb2YgY2hpbGRyZW4oKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICA8bmctY29udGFpbmVyIGF4cC13aWRnZXQtZGVzaWduZXItcmVuZGVyZXIgW25vZGVdPVwibm9kZVwiIFtwYXJlbnROb2RlXT1cInRoaXNcIiBbbW9kZV09XCJ0aGlzLm1vZGVcIj4gPC9uZy1jb250YWluZXI+XG4gICAgIH1cbiAgICAgQGVtcHR5IHtcbiAgICAgICA8YXhwLWRlc2lnbmVyLWFkZC13aWRnZXQtYnV0dG9uIGNsYXNzPVwiYXhwLWVtcHR5LXNwYWNlIGF4LWJsb2NrIGF4LXAtMCBcIj48L2F4cC1kZXNpZ25lci1hZGQtd2lkZ2V0LWJ1dHRvbj5cbiAgICAgfVxuICAgIDwvYXgtZm9ybS1maWVsZD5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYRm9ybU1vZHVsZSwgQVhMYWJlbE1vZHVsZSwgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSwgQVhQV2lkZ2V0RGVzaWduZXJSZW5kZXJlckRpcmVjdGl2ZSwgQVhQRGVzaWduZXJBZGRXaWRnZXRCdXR0b25Db21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFBGb3JtRmllbGRXaWRnZXREZXNpZ25lckNvbXBvbmVudFxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBWFBGb3JtRmllbGRXaWRnZXREZXNpZ25lckNvbXBvbmVudCBleHRlbmRzIEFYUENvbnRhaW5lcldpZGdldENvbXBvbmVudDx2b2lkPiB7XG4gIHByb3RlY3RlZCBsYWJlbCA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJsYWJlbFwiXSBhcyBzdHJpbmcpO1xuXG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9fY2xhc3MoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbHM6IGFueSA9IHt9O1xuICAgIGNsc1tgYXgtYmxvY2tgXSA9IHRydWU7XG4gICAgY2xzW2BheC13LWZ1bGxgXSA9IHRydWU7XG4gICAgcmV0dXJuIGNscztcbiAgfVxufSJdfQ==

package/esm2022/widgets/lib/widgets/layout/form-field/form-field-widget.config.mjs

@@ -1,5 +1,6 @@
 import { AXP_WIDGETS_LAYOUT_GROUP } from '@acorex/platform/layout/builder';
-import { AXP_DATA_PATH_PROPERTY, AXP_LABEL_PROPERTY, AXP_NAME_PROPERTY } from '../../../properties';
+import { AXP_DATA_PATH_PROPERTY, AXP_LABEL_PROPERTY } from '../../../properties';
+import { AXP_NAME_PROPERTY } from '../../../properties/general.props';
 export const AXPFormFieldWidget = {
     name: 'form-field',
     title: 'Form Field',
@@ -22,4 +23,4 @@ export const AXPFormFieldWidget = {
         },
     },
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC13aWRnZXQuY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvZm9ybS1maWVsZC9mb3JtLWZpZWxkLXdpZGdldC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFtQix3QkFBd0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXBHLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFvQjtJQUNqRCxJQUFJLEVBQUUsWUFBWTtJQUNsQixLQUFLLEVBQUUsWUFBWTtJQUNuQixLQUFLLEVBQUUsd0JBQXdCO0lBQy9CLFNBQVMsRUFBRSxJQUFJO0lBQ2YsSUFBSSxFQUFFLHVCQUF1QjtJQUM3QixVQUFVLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsQ0FBQztJQUMzRSxVQUFVLEVBQUU7UUFDVixJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG9DQUFvQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUM7U0FDN0c7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG9DQUFvQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUM7U0FDN0c7UUFDRCxLQUFLLEVBQUU7WUFDTCxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG9DQUFvQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUM7U0FDN0c7UUFDRCxRQUFRLEVBQUU7WUFDUixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLHdDQUF3QyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsbUNBQW1DLENBQUM7U0FDckg7S0FDRjtDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBXaWRnZXRDb25maWcsIEFYUF9XSURHRVRTX0xBWU9VVF9HUk9VUCB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInO1xuaW1wb3J0IHsgQVhQX0RBVEFfUEFUSF9QUk9QRVJUWSwgQVhQX0xBQkVMX1BST1BFUlRZLCBBWFBfTkFNRV9QUk9QRVJUWSB9IGZyb20gJy4uLy4uLy4uL3Byb3BlcnRpZXMnO1xuXG5leHBvcnQgY29uc3QgQVhQRm9ybUZpZWxkV2lkZ2V0OiBBWFBXaWRnZXRDb25maWcgPSB7XG4gIG5hbWU6ICdmb3JtLWZpZWxkJyxcbiAgdGl0bGU6ICdGb3JtIEZpZWxkJyxcbiAgZ3JvdXA6IEFYUF9XSURHRVRTX0xBWU9VVF9HUk9VUCxcbiAgY29udGFpbmVyOiB0cnVlLFxuICBpY29uOiAnZmEtc29saWQgZmEtcGVuLWZpZWxkJyxcbiAgcHJvcGVydGllczogW0FYUF9OQU1FX1BST1BFUlRZLCBBWFBfREFUQV9QQVRIX1BST1BFUlRZLCBBWFBfTEFCRUxfUFJPUEVSVFldLFxuICBjb21wb25lbnRzOiB7XG4gICAgdmlldzoge1xuICAgICAgY29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vZm9ybS1maWVsZC13aWRnZXQtdmlldy5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEZvcm1GaWVsZFdpZGdldFZpZXdDb21wb25lbnQpLFxuICAgIH0sXG4gICAgZWRpdDoge1xuICAgICAgY29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vZm9ybS1maWVsZC13aWRnZXQtdmlldy5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEZvcm1GaWVsZFdpZGdldFZpZXdDb21wb25lbnQpLFxuICAgIH0sXG4gICAgcHJpbnQ6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2Zvcm0tZmllbGQtd2lkZ2V0LXZpZXcuY29tcG9uZW50JykudGhlbigoYykgPT4gYy5BWFBGb3JtRmllbGRXaWRnZXRWaWV3Q29tcG9uZW50KSxcbiAgICB9LFxuICAgIGRlc2lnbmVyOiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9mb3JtLWZpZWxkLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEZvcm1GaWVsZFdpZGdldERlc2lnbmVyQ29tcG9uZW50KSxcbiAgICB9LFxuICB9LFxufTtcblxuZGVjbGFyZSBtb2R1bGUgJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInIHtcbiAgaW50ZXJmYWNlIEFYUFdpZGdldFR5cGVzTWFwIHtcbiAgICBmb3JtRmllbGQ6ICdmb3JtLWZpZWxkJztcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC13aWRnZXQuY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvZm9ybS1maWVsZC9mb3JtLWZpZWxkLXdpZGdldC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFtQix3QkFBd0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRXRFLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFvQjtJQUNqRCxJQUFJLEVBQUUsWUFBWTtJQUNsQixLQUFLLEVBQUUsWUFBWTtJQUNuQixLQUFLLEVBQUUsd0JBQXdCO0lBQy9CLFNBQVMsRUFBRSxJQUFJO0lBQ2YsSUFBSSxFQUFFLHVCQUF1QjtJQUM3QixVQUFVLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsQ0FBQztJQUMzRSxVQUFVLEVBQUU7UUFDVixJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG9DQUFvQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUM7U0FDN0c7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG9DQUFvQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUM7U0FDN0c7UUFDRCxLQUFLLEVBQUU7WUFDTCxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG9DQUFvQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsK0JBQStCLENBQUM7U0FDN0c7UUFDRCxRQUFRLEVBQUU7WUFDUixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLHdDQUF3QyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsbUNBQW1DLENBQUM7U0FDckg7S0FDRjtDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBXaWRnZXRDb25maWcsIEFYUF9XSURHRVRTX0xBWU9VVF9HUk9VUCB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInO1xuaW1wb3J0IHsgQVhQX0RBVEFfUEFUSF9QUk9QRVJUWSwgQVhQX0xBQkVMX1BST1BFUlRZIH0gZnJvbSAnLi4vLi4vLi4vcHJvcGVydGllcyc7XG5pbXBvcnQgeyBBWFBfTkFNRV9QUk9QRVJUWSB9IGZyb20gJy4uLy4uLy4uL3Byb3BlcnRpZXMvZ2VuZXJhbC5wcm9wcyc7XG5cbmV4cG9ydCBjb25zdCBBWFBGb3JtRmllbGRXaWRnZXQ6IEFYUFdpZGdldENvbmZpZyA9IHtcbiAgbmFtZTogJ2Zvcm0tZmllbGQnLFxuICB0aXRsZTogJ0Zvcm0gRmllbGQnLFxuICBncm91cDogQVhQX1dJREdFVFNfTEFZT1VUX0dST1VQLFxuICBjb250YWluZXI6IHRydWUsXG4gIGljb246ICdmYS1zb2xpZCBmYS1wZW4tZmllbGQnLFxuICBwcm9wZXJ0aWVzOiBbQVhQX05BTUVfUFJPUEVSVFksIEFYUF9EQVRBX1BBVEhfUFJPUEVSVFksIEFYUF9MQUJFTF9QUk9QRVJUWV0sXG4gIGNvbXBvbmVudHM6IHtcbiAgICB2aWV3OiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9mb3JtLWZpZWxkLXdpZGdldC12aWV3LmNvbXBvbmVudCcpLnRoZW4oKGMpID0+IGMuQVhQRm9ybUZpZWxkV2lkZ2V0Vmlld0NvbXBvbmVudCksXG4gICAgfSxcbiAgICBlZGl0OiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9mb3JtLWZpZWxkLXdpZGdldC12aWV3LmNvbXBvbmVudCcpLnRoZW4oKGMpID0+IGMuQVhQRm9ybUZpZWxkV2lkZ2V0Vmlld0NvbXBvbmVudCksXG4gICAgfSxcbiAgICBwcmludDoge1xuICAgICAgY29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vZm9ybS1maWVsZC13aWRnZXQtdmlldy5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEZvcm1GaWVsZFdpZGdldFZpZXdDb21wb25lbnQpLFxuICAgIH0sXG4gICAgZGVzaWduZXI6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2Zvcm0tZmllbGQtd2lkZ2V0LWRlc2lnbmVyLmNvbXBvbmVudCcpLnRoZW4oKGMpID0+IGMuQVhQRm9ybUZpZWxkV2lkZ2V0RGVzaWduZXJDb21wb25lbnQpLFxuICAgIH0sXG4gIH0sXG59O1xuXG5kZWNsYXJlIG1vZHVsZSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcicge1xuICBpbnRlcmZhY2UgQVhQV2lkZ2V0VHlwZXNNYXAge1xuICAgIGZvcm1GaWVsZDogJ2Zvcm0tZmllbGQnO1xuICB9XG59XG4iXX0=

package/esm2022/widgets/lib/widgets/layout/grid/grid-widget-designer.component.mjs

@@ -1,26 +1,39 @@
-import { AXPContainerWidgetComponent, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
-import { AXPWidgetDesignerRendererComponent, AXPDesignerAddWidgetButtonComponent, AXPDesignerGridDrawerComponent, AXPDesignerService } from '@acorex/platform/layout/designer';
+import { AXPContainerWidgetComponent, AXPLayoutBuilderModule, AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
+import { AXPDesignerAddWidgetButtonComponent, AXPDesignerGridDrawerComponent, AXPDesignerService, AXPWidgetDesignerRendererDirective } from '@acorex/platform/layout/designer';
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, HostBinding, inject, signal, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, HostBinding, inject } from '@angular/core';
 import * as i0 from "@angular/core";
 export class AXPGridWidgetDesignerComponent extends AXPContainerWidgetComponent {
     constructor() {
         super(...arguments);
         this.designerService = inject(AXPDesignerService);
-        this.element = inject(ElementRef);
         this.cols = computed(() => this.options()["cols"] ?? 1);
         this.rows = computed(() => this.options()["rows"] ?? 1);
         this.gap = computed(() => this.options()["gap"] ?? 0);
         this.cells = computed(() => Array.from({ length: this.cols() * this.rows() }).map((c, index) => index));
-        this.settled = signal(false);
-        this.e = effect(() => {
-            const v = this.cells();
-            const g = this.gap();
-            setTimeout(() => {
-                this.element.nativeElement.style.minHeight = this.placeholder?.nativeElement ? `${this.placeholder.nativeElement.clientHeight}px` : '100px';
-            }, 50);
-        });
+        this.settled = computed(() => (this.cols() * this.rows() > 1) && this.children().length);
     }
+    // private e = effect(async () => {
+    //   if (this.settled()) {
+    //     const cols = this.cols();
+    //     const rows = this.rows();
+    //     const gap = this.gap();
+    //     // const gridstack = (await import('gridstack')).GridStack;
+    //     // const cols = this.cols();
+    //     // const rows = this.rows();
+    //     // debugger
+    //     // // Initialize the grid with responsive options
+    //     // gridstack.init({
+    //     //   cellHeight: 80,
+    //     //   margin: 0,
+    //     //   minRow: 1,
+    //     //   column: 11,
+    //     // });
+    //     setTimeout(() => {
+    //       this.element.nativeElement.style.minHeight = this.placeholder?.nativeElement ? `${this.placeholder.nativeElement.clientHeight}px` : '100px';
+    //     }, 50);
+    //   }
+    // })
     handleDrawerSelect(e) {
         this.designerService.update({
             values: {
@@ -29,53 +42,48 @@ export class AXPGridWidgetDesignerComponent extends AXPContainerWidgetComponent
             mode: 'update',
             widget: this.node
         });
-        this.settled.set(true);
+        const list = Array.from({ length: this.cells().length }).map(() => ({
+            type: AXPWidgetsCatalog.gridItem,
+        }));
+        list.forEach((node) => {
+            this.designerService.addWidget(this.node, node);
+        });
     }
     get __class() {
-        return [
-            'ax-relative',
-            'ax-block',
-        ];
+        const cls = {};
+        //
+        cls[`ax-block`] = true;
+        cls[`ax-w-full`] = true;
+        return cls;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPGridWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPGridWidgetDesignerComponent, isStandalone: true, selector: "ng-component", host: { properties: { "class": "this.__class" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPGridWidgetDesignerComponent, isStandalone: true, selector: "axp-grid-layout-widget", host: { properties: { "class": "this.__class" } }, providers: [
             {
                 provide: AXPContainerWidgetComponent, useExisting: AXPGridWidgetDesignerComponent
             }
-        ], viewQueries: [{ propertyName: "placeholder", first: true, predicate: ["placeholder"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        ], usesInheritance: true, ngImport: i0, template: `
     @if(settled())
     {
-      <div #placeholder class="ax-absolute ax-top-0 ax-left-0 ax-right-0 ax-grid ax-grid-cols-{{cols()}} ax-grid-rows-{{rows()}} ax-gap-{{gap()}}">
-        @for(c of cells();track $index)
-        {
-          <div class="axp-empty-space ax-p-8"></div>
-        }
-      </div>
-      <div  class="ax-relative ax-grid ax-grid-cols-{{cols()}} ax-grid-rows-{{rows()}} ax-gap-{{gap()}}">
+      <div class="ax-grid ax-grid-cols-{{cols()}} ax-grid-rows-{{rows()}} ax-gap-{{gap()}}">
         @for (node of children(); track $index) {
-        <axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </axp-widget-designer-renderer>
+          <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </ng-container>
         }
       </div>
     }@else {
       <axp-designer-grid-drawer (onSelect)="handleDrawerSelect($event)"></axp-designer-grid-drawer>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXPWidgetDesignerRendererComponent, selector: "axp-widget-designer-renderer", inputs: ["parentNode", "index", "mode", "node"] }, { kind: "component", type: AXPDesignerGridDrawerComponent, selector: "axp-designer-grid-drawer", inputs: ["rows", "columns"], outputs: ["rowsChange", "columnsChange", "onSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "index", "mode", "node"] }, { kind: "component", type: AXPDesignerGridDrawerComponent, selector: "axp-designer-grid-drawer", inputs: ["rows", "columns"], outputs: ["rowsChange", "columnsChange", "onSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPGridWidgetDesignerComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'axp-grid-layout-widget',
                     template: `
     @if(settled())
     {
-      <div #placeholder class="ax-absolute ax-top-0 ax-left-0 ax-right-0 ax-grid ax-grid-cols-{{cols()}} ax-grid-rows-{{rows()}} ax-gap-{{gap()}}">
-        @for(c of cells();track $index)
-        {
-          <div class="axp-empty-space ax-p-8"></div>
-        }
-      </div>
-      <div  class="ax-relative ax-grid ax-grid-cols-{{cols()}} ax-grid-rows-{{rows()}} ax-gap-{{gap()}}">
+      <div class="ax-grid ax-grid-cols-{{cols()}} ax-grid-rows-{{rows()}} ax-gap-{{gap()}}">
         @for (node of children(); track $index) {
-        <axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </axp-widget-designer-renderer>
+          <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </ng-container>
         }
       </div>
     }@else {
@@ -84,18 +92,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXPLayoutBuilderModule, AXPWidgetDesignerRendererComponent, AXPDesignerAddWidgetButtonComponent, AXPDesignerGridDrawerComponent],
+                    imports: [CommonModule, AXPLayoutBuilderModule, AXPWidgetDesignerRendererDirective, AXPDesignerAddWidgetButtonComponent, AXPDesignerGridDrawerComponent],
                     providers: [
                         {
                             provide: AXPContainerWidgetComponent, useExisting: AXPGridWidgetDesignerComponent
                         }
                     ]
                 }]
-        }], propDecorators: { placeholder: [{
-                type: ViewChild,
-                args: ["placeholder", { static: false }]
-            }], __class: [{
+        }], propDecorators: { __class: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC13aWRnZXQtZGVzaWduZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvZ3JpZC9ncmlkLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDJCQUEyQixFQUFFLHNCQUFzQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEcsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLG1DQUFtQyxFQUFFLDhCQUE4QixFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDL0ssT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBYSxNQUFNLEVBQUUsU0FBUyxFQUFhLE1BQU0sZUFBZSxDQUFDOztBQStCL0osTUFBTSxPQUFPLDhCQUErQixTQUFRLDJCQUFpQztJQTVCckY7O1FBK0JVLG9CQUFlLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDN0MsWUFBTyxHQUFHLE1BQU0sQ0FBNkIsVUFBVSxDQUFDLENBQUM7UUFFdkQsU0FBSSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsTUFBTSxDQUFXLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDckUsU0FBSSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsTUFBTSxDQUFXLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDckUsUUFBRyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsS0FBSyxDQUFXLElBQUksQ0FBQyxDQUFDLENBQUM7UUFFbkUsVUFBSyxHQUFHLFFBQVEsQ0FBVyxHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFFN0csWUFBTyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQU8xQixNQUFDLEdBQUcsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUN0QixNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDdkIsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO1lBQ3JCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxZQUFZLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO1lBQzlJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNULENBQUMsQ0FBQyxDQUFBO0tBd0JIO0lBckJXLGtCQUFrQixDQUFDLENBQWlDO1FBRTVELElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUN6QjtZQUNFLE1BQU0sRUFBRTtnQkFDTixPQUFPLEVBQUUsQ0FBQzthQUNYO1lBQ0QsSUFBSSxFQUFFLFFBQVE7WUFDZCxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUk7U0FDbEIsQ0FBQyxDQUFDO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELElBQ1ksT0FBTztRQUNqQixPQUFPO1lBQ0wsYUFBYTtZQUNiLFVBQVU7U0FDWCxDQUFBO0lBQ0gsQ0FBQzs4R0EvQ1UsOEJBQThCO2tHQUE5Qiw4QkFBOEIsOEdBTjlCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLDJCQUEyQixFQUFFLFdBQVcsRUFBRSw4QkFBOEI7YUFDbEY7U0FDRiw2SkF6QlM7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJULDJEQUdTLFlBQVksOEJBQUUsc0JBQXNCLCtCQUFFLGtDQUFrQywwSEFBdUMsOEJBQThCOzsyRkFPNUksOEJBQThCO2tCQTVCMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJUO29CQUNELFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHNCQUFzQixFQUFFLGtDQUFrQyxFQUFFLG1DQUFtQyxFQUFFLDhCQUE4QixDQUFDO29CQUN4SixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLDJCQUEyQixFQUFFLFdBQVcsZ0NBQWdDO3lCQUNsRjtxQkFDRjtpQkFDRjs4QkFpQlMsV0FBVztzQkFEbEIsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQTJCL0IsT0FBTztzQkFEbEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQQ29udGFpbmVyV2lkZ2V0Q29tcG9uZW50LCBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBBWFBXaWRnZXREZXNpZ25lclJlbmRlcmVyQ29tcG9uZW50LCBBWFBEZXNpZ25lckFkZFdpZGdldEJ1dHRvbkNvbXBvbmVudCwgQVhQRGVzaWduZXJHcmlkRHJhd2VyQ29tcG9uZW50LCBBWFBEZXNpZ25lclNlcnZpY2UgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9kZXNpZ25lcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGVmZmVjdCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIGluamVjdCwgUmVuZGVyZXIyLCBzaWduYWwsIFZpZXdDaGlsZCwgdmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gICAgQGlmKHNldHRsZWQoKSlcbiAgICB7XG4gICAgICA8ZGl2ICNwbGFjZWhvbGRlciBjbGFzcz1cImF4LWFic29sdXRlIGF4LXRvcC0wIGF4LWxlZnQtMCBheC1yaWdodC0wIGF4LWdyaWQgYXgtZ3JpZC1jb2xzLXt7Y29scygpfX0gYXgtZ3JpZC1yb3dzLXt7cm93cygpfX0gYXgtZ2FwLXt7Z2FwKCl9fVwiPlxuICAgICAgICBAZm9yKGMgb2YgY2VsbHMoKTt0cmFjayAkaW5kZXgpXG4gICAgICAgIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXhwLWVtcHR5LXNwYWNlIGF4LXAtOFwiPjwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgIGNsYXNzPVwiYXgtcmVsYXRpdmUgYXgtZ3JpZCBheC1ncmlkLWNvbHMte3tjb2xzKCl9fSBheC1ncmlkLXJvd3Mte3tyb3dzKCl9fSBheC1nYXAte3tnYXAoKX19XCI+XG4gICAgICAgIEBmb3IgKG5vZGUgb2YgY2hpbGRyZW4oKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgIDxheHAtd2lkZ2V0LWRlc2lnbmVyLXJlbmRlcmVyIFtub2RlXT1cIm5vZGVcIiBbcGFyZW50Tm9kZV09XCJ0aGlzXCIgW21vZGVdPVwidGhpcy5tb2RlXCI+IDwvYXhwLXdpZGdldC1kZXNpZ25lci1yZW5kZXJlcj5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgfUBlbHNlIHtcbiAgICAgIDxheHAtZGVzaWduZXItZ3JpZC1kcmF3ZXIgKG9uU2VsZWN0KT1cImhhbmRsZURyYXdlclNlbGVjdCgkZXZlbnQpXCI+PC9heHAtZGVzaWduZXItZ3JpZC1kcmF3ZXI+XG4gICAgfVxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSwgQVhQV2lkZ2V0RGVzaWduZXJSZW5kZXJlckNvbXBvbmVudCwgQVhQRGVzaWduZXJBZGRXaWRnZXRCdXR0b25Db21wb25lbnQsIEFYUERlc2lnbmVyR3JpZERyYXdlckNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IEFYUENvbnRhaW5lcldpZGdldENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYUEdyaWRXaWRnZXREZXNpZ25lckNvbXBvbmVudFxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBWFBHcmlkV2lkZ2V0RGVzaWduZXJDb21wb25lbnQgZXh0ZW5kcyBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQ8dm9pZD4ge1xuXG5cbiAgcHJpdmF0ZSBkZXNpZ25lclNlcnZpY2UgPSBpbmplY3QoQVhQRGVzaWduZXJTZXJ2aWNlKTtcbiAgcHJpdmF0ZSBlbGVtZW50ID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+PihFbGVtZW50UmVmKTtcblxuICBwcm90ZWN0ZWQgY29scyA9IGNvbXB1dGVkPG51bWJlcj4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJjb2xzXCJdIGFzIG51bWJlciA/PyAxKTtcbiAgcHJvdGVjdGVkIHJvd3MgPSBjb21wdXRlZDxudW1iZXI+KCgpID0+IHRoaXMub3B0aW9ucygpW1wicm93c1wiXSBhcyBudW1iZXIgPz8gMSk7XG4gIHByb3RlY3RlZCBnYXAgPSBjb21wdXRlZDxudW1iZXI+KCgpID0+IHRoaXMub3B0aW9ucygpW1wiZ2FwXCJdIGFzIG51bWJlciA/PyAwKTtcblxuICBwcm90ZWN0ZWQgY2VsbHMgPSBjb21wdXRlZDxudW1iZXJbXT4oKCkgPT4gQXJyYXkuZnJvbSh7IGxlbmd0aDogdGhpcy5jb2xzKCkgKiB0aGlzLnJvd3MoKSB9KS5tYXAoKGMsIGluZGV4KSA9PiBpbmRleCkpO1xuXG4gIHByb3RlY3RlZCBzZXR0bGVkID0gc2lnbmFsKGZhbHNlKTtcblxuXG4gIEBWaWV3Q2hpbGQoXCJwbGFjZWhvbGRlclwiLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgcHJpdmF0ZSBwbGFjZWhvbGRlcjogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD5cblxuXG4gIHByaXZhdGUgZSA9IGVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdiA9IHRoaXMuY2VsbHMoKTtcbiAgICBjb25zdCBnID0gdGhpcy5nYXAoKTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LnN0eWxlLm1pbkhlaWdodCA9IHRoaXMucGxhY2Vob2xkZXI/Lm5hdGl2ZUVsZW1lbnQgPyBgJHt0aGlzLnBsYWNlaG9sZGVyLm5hdGl2ZUVsZW1lbnQuY2xpZW50SGVpZ2h0fXB4YCA6ICcxMDBweCc7XG4gICAgfSwgNTApO1xuICB9KVxuXG5cbiAgcHJvdGVjdGVkIGhhbmRsZURyYXdlclNlbGVjdChlOiB7IHJvd3M6IG51bWJlciwgY29sczogbnVtYmVyIH0pIHtcblxuICAgIHRoaXMuZGVzaWduZXJTZXJ2aWNlLnVwZGF0ZShcbiAgICAgIHtcbiAgICAgICAgdmFsdWVzOiB7XG4gICAgICAgICAgb3B0aW9uczogZVxuICAgICAgICB9LFxuICAgICAgICBtb2RlOiAndXBkYXRlJyxcbiAgICAgICAgd2lkZ2V0OiB0aGlzLm5vZGVcbiAgICAgIH0pO1xuICAgIHRoaXMuc2V0dGxlZC5zZXQodHJ1ZSk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19jbGFzcygpOiBhbnkge1xuICAgIHJldHVybiBbXG4gICAgICAnYXgtcmVsYXRpdmUnLFxuICAgICAgJ2F4LWJsb2NrJyxcbiAgICBdXG4gIH1cblxufSJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC13aWRnZXQtZGVzaWduZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvZ3JpZC9ncmlkLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDJCQUEyQixFQUFFLHNCQUFzQixFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDekgsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLDhCQUE4QixFQUFFLGtCQUFrQixFQUFFLGtDQUFrQyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDL0ssT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBMEJsRyxNQUFNLE9BQU8sOEJBQStCLFNBQVEsMkJBQWlDO0lBdkJyRjs7UUF3QlUsb0JBQWUsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUUzQyxTQUFJLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQVcsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUNyRSxTQUFJLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQVcsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUNyRSxRQUFHLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQVcsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUVuRSxVQUFLLEdBQUcsUUFBUSxDQUFXLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUU3RyxZQUFPLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUM7S0FrRC9GO0lBaERDLG1DQUFtQztJQUNuQywwQkFBMEI7SUFDMUIsZ0NBQWdDO0lBQ2hDLGdDQUFnQztJQUNoQyw4QkFBOEI7SUFDOUIsa0VBQWtFO0lBQ2xFLG1DQUFtQztJQUNuQyxtQ0FBbUM7SUFDbkMsa0JBQWtCO0lBQ2xCLHdEQUF3RDtJQUN4RCwwQkFBMEI7SUFDMUIsMkJBQTJCO0lBQzNCLHNCQUFzQjtJQUN0QixzQkFBc0I7SUFDdEIsdUJBQXVCO0lBQ3ZCLGFBQWE7SUFDYix5QkFBeUI7SUFDekIscUpBQXFKO0lBQ3JKLGNBQWM7SUFDZCxNQUFNO0lBQ04sS0FBSztJQUdLLGtCQUFrQixDQUFDLENBQWlDO1FBQzVELElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUN6QjtZQUNFLE1BQU0sRUFBRTtnQkFDTixPQUFPLEVBQUUsQ0FBQzthQUNYO1lBQ0QsSUFBSSxFQUFFLFFBQVE7WUFDZCxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUk7U0FDbEIsQ0FBQyxDQUFDO1FBQ0wsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUNsRSxJQUFJLEVBQUUsaUJBQWlCLENBQUMsUUFBUTtTQUNqQyxDQUFDLENBQUMsQ0FBQztRQUNKLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUNwQixJQUFJLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ2xELENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELElBQ1ksT0FBTztRQUNqQixNQUFNLEdBQUcsR0FBUSxFQUFFLENBQUM7UUFDcEIsRUFBRTtRQUNGLEdBQUcsQ0FBQyxVQUFVLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDdkIsR0FBRyxDQUFDLFdBQVcsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUN4QixPQUFPLEdBQUcsQ0FBQztJQUNiLENBQUM7OEdBMURVLDhCQUE4QjtrR0FBOUIsOEJBQThCLHdIQU45QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxXQUFXLEVBQUUsOEJBQThCO2FBQ2xGO1NBQ0YsaURBbkJTOzs7Ozs7Ozs7OztHQVdULDJEQUdTLFlBQVksOEJBQUUsc0JBQXNCLCtCQUFFLGtDQUFrQyw0SEFBdUMsOEJBQThCOzsyRkFPNUksOEJBQThCO2tCQXZCMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsd0JBQXdCO29CQUNsQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7O0dBV1Q7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsa0NBQWtDLEVBQUUsbUNBQW1DLEVBQUUsOEJBQThCLENBQUM7b0JBQ3hKLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsV0FBVyxnQ0FBZ0M7eUJBQ2xGO3FCQUNGO2lCQUNGOzhCQXFEYSxPQUFPO3NCQURsQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQsIEFYUExheW91dEJ1aWxkZXJNb2R1bGUsIEFYUFdpZGdldHNDYXRhbG9nIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBBWFBEZXNpZ25lckFkZFdpZGdldEJ1dHRvbkNvbXBvbmVudCwgQVhQRGVzaWduZXJHcmlkRHJhd2VyQ29tcG9uZW50LCBBWFBEZXNpZ25lclNlcnZpY2UsIEFYUFdpZGdldERlc2lnbmVyUmVuZGVyZXJEaXJlY3RpdmUgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9kZXNpZ25lcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIEhvc3RCaW5kaW5nLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheHAtZ3JpZC1sYXlvdXQtd2lkZ2V0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICBAaWYoc2V0dGxlZCgpKVxuICAgIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJheC1ncmlkIGF4LWdyaWQtY29scy17e2NvbHMoKX19IGF4LWdyaWQtcm93cy17e3Jvd3MoKX19IGF4LWdhcC17e2dhcCgpfX1cIj5cbiAgICAgICAgQGZvciAobm9kZSBvZiBjaGlsZHJlbigpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICA8bmctY29udGFpbmVyIGF4cC13aWRnZXQtZGVzaWduZXItcmVuZGVyZXIgW25vZGVdPVwibm9kZVwiIFtwYXJlbnROb2RlXT1cInRoaXNcIiBbbW9kZV09XCJ0aGlzLm1vZGVcIj4gPC9uZy1jb250YWluZXI+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIH1AZWxzZSB7XG4gICAgICA8YXhwLWRlc2lnbmVyLWdyaWQtZHJhd2VyIChvblNlbGVjdCk9XCJoYW5kbGVEcmF3ZXJTZWxlY3QoJGV2ZW50KVwiPjwvYXhwLWRlc2lnbmVyLWdyaWQtZHJhd2VyPlxuICAgIH1cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYUExheW91dEJ1aWxkZXJNb2R1bGUsIEFYUFdpZGdldERlc2lnbmVyUmVuZGVyZXJEaXJlY3RpdmUsIEFYUERlc2lnbmVyQWRkV2lkZ2V0QnV0dG9uQ29tcG9uZW50LCBBWFBEZXNpZ25lckdyaWREcmF3ZXJDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFBHcmlkV2lkZ2V0RGVzaWduZXJDb21wb25lbnRcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQVhQR3JpZFdpZGdldERlc2lnbmVyQ29tcG9uZW50IGV4dGVuZHMgQVhQQ29udGFpbmVyV2lkZ2V0Q29tcG9uZW50PHZvaWQ+IHtcbiAgcHJpdmF0ZSBkZXNpZ25lclNlcnZpY2UgPSBpbmplY3QoQVhQRGVzaWduZXJTZXJ2aWNlKTtcblxuICBwcm90ZWN0ZWQgY29scyA9IGNvbXB1dGVkPG51bWJlcj4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJjb2xzXCJdIGFzIG51bWJlciA/PyAxKTtcbiAgcHJvdGVjdGVkIHJvd3MgPSBjb21wdXRlZDxudW1iZXI+KCgpID0+IHRoaXMub3B0aW9ucygpW1wicm93c1wiXSBhcyBudW1iZXIgPz8gMSk7XG4gIHByb3RlY3RlZCBnYXAgPSBjb21wdXRlZDxudW1iZXI+KCgpID0+IHRoaXMub3B0aW9ucygpW1wiZ2FwXCJdIGFzIG51bWJlciA/PyAwKTtcblxuICBwcm90ZWN0ZWQgY2VsbHMgPSBjb21wdXRlZDxudW1iZXJbXT4oKCkgPT4gQXJyYXkuZnJvbSh7IGxlbmd0aDogdGhpcy5jb2xzKCkgKiB0aGlzLnJvd3MoKSB9KS5tYXAoKGMsIGluZGV4KSA9PiBpbmRleCkpO1xuXG4gIHByb3RlY3RlZCBzZXR0bGVkID0gY29tcHV0ZWQoKCkgPT4gKHRoaXMuY29scygpICogdGhpcy5yb3dzKCkgPiAxKSAmJiB0aGlzLmNoaWxkcmVuKCkubGVuZ3RoKTtcblxuICAvLyBwcml2YXRlIGUgPSBlZmZlY3QoYXN5bmMgKCkgPT4ge1xuICAvLyAgIGlmICh0aGlzLnNldHRsZWQoKSkge1xuICAvLyAgICAgY29uc3QgY29scyA9IHRoaXMuY29scygpO1xuICAvLyAgICAgY29uc3Qgcm93cyA9IHRoaXMucm93cygpO1xuICAvLyAgICAgY29uc3QgZ2FwID0gdGhpcy5nYXAoKTtcbiAgLy8gICAgIC8vIGNvbnN0IGdyaWRzdGFjayA9IChhd2FpdCBpbXBvcnQoJ2dyaWRzdGFjaycpKS5HcmlkU3RhY2s7XG4gIC8vICAgICAvLyBjb25zdCBjb2xzID0gdGhpcy5jb2xzKCk7XG4gIC8vICAgICAvLyBjb25zdCByb3dzID0gdGhpcy5yb3dzKCk7XG4gIC8vICAgICAvLyBkZWJ1Z2dlclxuICAvLyAgICAgLy8gLy8gSW5pdGlhbGl6ZSB0aGUgZ3JpZCB3aXRoIHJlc3BvbnNpdmUgb3B0aW9uc1xuICAvLyAgICAgLy8gZ3JpZHN0YWNrLmluaXQoe1xuICAvLyAgICAgLy8gICBjZWxsSGVpZ2h0OiA4MCxcbiAgLy8gICAgIC8vICAgbWFyZ2luOiAwLFxuICAvLyAgICAgLy8gICBtaW5Sb3c6IDEsXG4gIC8vICAgICAvLyAgIGNvbHVtbjogMTEsXG4gIC8vICAgICAvLyB9KTtcbiAgLy8gICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAvLyAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5zdHlsZS5taW5IZWlnaHQgPSB0aGlzLnBsYWNlaG9sZGVyPy5uYXRpdmVFbGVtZW50ID8gYCR7dGhpcy5wbGFjZWhvbGRlci5uYXRpdmVFbGVtZW50LmNsaWVudEhlaWdodH1weGAgOiAnMTAwcHgnO1xuICAvLyAgICAgfSwgNTApO1xuICAvLyAgIH1cbiAgLy8gfSlcblxuXG4gIHByb3RlY3RlZCBoYW5kbGVEcmF3ZXJTZWxlY3QoZTogeyByb3dzOiBudW1iZXIsIGNvbHM6IG51bWJlciB9KSB7XG4gICAgdGhpcy5kZXNpZ25lclNlcnZpY2UudXBkYXRlKFxuICAgICAge1xuICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICBvcHRpb25zOiBlXG4gICAgICAgIH0sXG4gICAgICAgIG1vZGU6ICd1cGRhdGUnLFxuICAgICAgICB3aWRnZXQ6IHRoaXMubm9kZVxuICAgICAgfSk7XG4gICAgY29uc3QgbGlzdCA9IEFycmF5LmZyb20oeyBsZW5ndGg6IHRoaXMuY2VsbHMoKS5sZW5ndGggfSkubWFwKCgpID0+ICh7XG4gICAgICB0eXBlOiBBWFBXaWRnZXRzQ2F0YWxvZy5ncmlkSXRlbSxcbiAgICB9KSk7XG4gICAgbGlzdC5mb3JFYWNoKChub2RlKSA9PiB7XG4gICAgICB0aGlzLmRlc2lnbmVyU2VydmljZS5hZGRXaWRnZXQodGhpcy5ub2RlLCBub2RlKTtcbiAgICB9KTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2NsYXNzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgY2xzOiBhbnkgPSB7fTtcbiAgICAvL1xuICAgIGNsc1tgYXgtYmxvY2tgXSA9IHRydWU7XG4gICAgY2xzW2BheC13LWZ1bGxgXSA9IHRydWU7XG4gICAgcmV0dXJuIGNscztcbiAgfVxufSJdfQ==

package/esm2022/widgets/lib/widgets/layout/grid/grid-widget.config.mjs

@@ -1,13 +1,16 @@
 import { AXP_WIDGETS_LAYOUT_GROUP } from '@acorex/platform/layout/builder';
-import { AXP_NAME_PROPERTY } from '../../../properties';
-import { AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_ROWS_PROPERTY } from '../../../properties/layout.props';
+import { AXP_LAYOUT_GRID_PROPERTIES } from '../../../properties/layout.props';
+import { AXP_NAME_PROPERTY } from '../../../properties/general.props';
 export const AXPGridWidget = {
-    name: 'grid',
+    name: 'grid-layout',
     title: 'Grid Layout',
     container: true,
     group: AXP_WIDGETS_LAYOUT_GROUP,
     icon: 'fa-solid fa-grid',
-    properties: [AXP_NAME_PROPERTY, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_ROWS_PROPERTY],
+    properties: [
+        AXP_NAME_PROPERTY,
+        ...AXP_LAYOUT_GRID_PROPERTIES
+    ],
     components: {
         view: {
             component: () => import('./grid-widget-view.component').then((c) => c.AXPGridWidgetViewComponent),
@@ -16,11 +19,11 @@ export const AXPGridWidget = {
             component: () => import('./grid-widget-view.component').then((c) => c.AXPGridWidgetViewComponent),
         },
         print: {
-            component: () => import('./grid-widget-print.component').then((c) => c.AXPGridWidgetPrintComponent),
+            component: () => import('./grid-widget-view.component').then((c) => c.AXPGridWidgetViewComponent),
         },
         designer: {
             component: () => import('./grid-widget-designer.component').then((c) => c.AXPGridWidgetDesignerComponent),
         },
     },
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC13aWRnZXQuY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvZ3JpZC9ncmlkLXdpZGdldC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFtQix3QkFBd0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3hELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSx1QkFBdUIsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRWxJLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBb0I7SUFDNUMsSUFBSSxFQUFFLE1BQU07SUFDWixLQUFLLEVBQUUsYUFBYTtJQUNwQixTQUFTLEVBQUUsSUFBSTtJQUNmLEtBQUssRUFBRSx3QkFBd0I7SUFDL0IsSUFBSSxFQUFFLGtCQUFrQjtJQUN4QixVQUFVLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBRSwyQkFBMkIsRUFBRSx3QkFBd0IsQ0FBQztJQUMvRyxVQUFVLEVBQUU7UUFDVixJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLDhCQUE4QixDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsMEJBQTBCLENBQUM7U0FDbEc7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLDhCQUE4QixDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsMEJBQTBCLENBQUM7U0FDbEc7UUFDRCxLQUFLLEVBQUU7WUFDTCxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLCtCQUErQixDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsMkJBQTJCLENBQUM7U0FDcEc7UUFDRCxRQUFRLEVBQUU7WUFDUixTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLGtDQUFrQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsOEJBQThCLENBQUM7U0FDMUc7S0FDRjtDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBXaWRnZXRDb25maWcsIEFYUF9XSURHRVRTX0xBWU9VVF9HUk9VUCB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInO1xuaW1wb3J0IHsgQVhQX05BTUVfUFJPUEVSVFkgfSBmcm9tICcuLi8uLi8uLi9wcm9wZXJ0aWVzJztcbmltcG9ydCB7IEFYUF9MQVlPVVRfQ09MVU1OU19QUk9QRVJUWSwgQVhQX0xBWU9VVF9HQVBfUFJPUEVSVFksIEFYUF9MQVlPVVRfUk9XU19QUk9QRVJUWSB9IGZyb20gJy4uLy4uLy4uL3Byb3BlcnRpZXMvbGF5b3V0LnByb3BzJztcblxuZXhwb3J0IGNvbnN0IEFYUEdyaWRXaWRnZXQ6IEFYUFdpZGdldENvbmZpZyA9IHtcbiAgbmFtZTogJ2dyaWQnLFxuICB0aXRsZTogJ0dyaWQgTGF5b3V0JyxcbiAgY29udGFpbmVyOiB0cnVlLFxuICBncm91cDogQVhQX1dJREdFVFNfTEFZT1VUX0dST1VQLFxuICBpY29uOiAnZmEtc29saWQgZmEtZ3JpZCcsXG4gIHByb3BlcnRpZXM6IFtBWFBfTkFNRV9QUk9QRVJUWSwgQVhQX0xBWU9VVF9HQVBfUFJPUEVSVFksIEFYUF9MQVlPVVRfQ09MVU1OU19QUk9QRVJUWSwgQVhQX0xBWU9VVF9ST1dTX1BST1BFUlRZXSxcbiAgY29tcG9uZW50czoge1xuICAgIHZpZXc6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2dyaWQtd2lkZ2V0LXZpZXcuY29tcG9uZW50JykudGhlbigoYykgPT4gYy5BWFBHcmlkV2lkZ2V0Vmlld0NvbXBvbmVudCksXG4gICAgfSxcbiAgICBlZGl0OiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9ncmlkLXdpZGdldC12aWV3LmNvbXBvbmVudCcpLnRoZW4oKGMpID0+IGMuQVhQR3JpZFdpZGdldFZpZXdDb21wb25lbnQpLFxuICAgIH0sXG4gICAgcHJpbnQ6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2dyaWQtd2lkZ2V0LXByaW50LmNvbXBvbmVudCcpLnRoZW4oKGMpID0+IGMuQVhQR3JpZFdpZGdldFByaW50Q29tcG9uZW50KSxcbiAgICB9LFxuICAgIGRlc2lnbmVyOiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9ncmlkLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEdyaWRXaWRnZXREZXNpZ25lckNvbXBvbmVudCksXG4gICAgfSxcbiAgfSxcbn07XG5cbmRlY2xhcmUgbW9kdWxlICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJyB7XG4gIGludGVyZmFjZSBBWFBXaWRnZXRUeXBlc01hcCB7XG4gICAgZ3JpZDogJ2dyaWQnO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC13aWRnZXQuY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvZ3JpZC9ncmlkLXdpZGdldC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFtQix3QkFBd0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRXRFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBb0I7SUFDNUMsSUFBSSxFQUFFLGFBQWE7SUFDbkIsS0FBSyxFQUFFLGFBQWE7SUFDcEIsU0FBUyxFQUFFLElBQUk7SUFDZixLQUFLLEVBQUUsd0JBQXdCO0lBQy9CLElBQUksRUFBRSxrQkFBa0I7SUFDeEIsVUFBVSxFQUFFO1FBQ1YsaUJBQWlCO1FBQ2pCLEdBQUcsMEJBQTBCO0tBQzlCO0lBQ0QsVUFBVSxFQUFFO1FBQ1YsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLDBCQUEwQixDQUFDO1NBQ2xHO1FBQ0QsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLDBCQUEwQixDQUFDO1NBQ2xHO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLDBCQUEwQixDQUFDO1NBQ2xHO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxrQ0FBa0MsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLDhCQUE4QixDQUFDO1NBQzFHO0tBQ0Y7Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQV2lkZ2V0Q29uZmlnLCBBWFBfV0lER0VUU19MQVlPVVRfR1JPVVAgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IEFYUF9MQVlPVVRfR1JJRF9QUk9QRVJUSUVTIH0gZnJvbSAnLi4vLi4vLi4vcHJvcGVydGllcy9sYXlvdXQucHJvcHMnO1xuaW1wb3J0IHsgQVhQX05BTUVfUFJPUEVSVFkgfSBmcm9tICcuLi8uLi8uLi9wcm9wZXJ0aWVzL2dlbmVyYWwucHJvcHMnO1xuXG5leHBvcnQgY29uc3QgQVhQR3JpZFdpZGdldDogQVhQV2lkZ2V0Q29uZmlnID0ge1xuICBuYW1lOiAnZ3JpZC1sYXlvdXQnLFxuICB0aXRsZTogJ0dyaWQgTGF5b3V0JyxcbiAgY29udGFpbmVyOiB0cnVlLFxuICBncm91cDogQVhQX1dJREdFVFNfTEFZT1VUX0dST1VQLFxuICBpY29uOiAnZmEtc29saWQgZmEtZ3JpZCcsXG4gIHByb3BlcnRpZXM6IFtcbiAgICBBWFBfTkFNRV9QUk9QRVJUWSxcbiAgICAuLi5BWFBfTEFZT1VUX0dSSURfUFJPUEVSVElFU1xuICBdLFxuICBjb21wb25lbnRzOiB7XG4gICAgdmlldzoge1xuICAgICAgY29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vZ3JpZC13aWRnZXQtdmlldy5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEdyaWRXaWRnZXRWaWV3Q29tcG9uZW50KSxcbiAgICB9LFxuICAgIGVkaXQ6IHtcbiAgICAgIGNvbXBvbmVudDogKCkgPT4gaW1wb3J0KCcuL2dyaWQtd2lkZ2V0LXZpZXcuY29tcG9uZW50JykudGhlbigoYykgPT4gYy5BWFBHcmlkV2lkZ2V0Vmlld0NvbXBvbmVudCksXG4gICAgfSxcbiAgICBwcmludDoge1xuICAgICAgY29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vZ3JpZC13aWRnZXQtdmlldy5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEdyaWRXaWRnZXRWaWV3Q29tcG9uZW50KSxcbiAgICB9LFxuICAgIGRlc2lnbmVyOiB7XG4gICAgICBjb21wb25lbnQ6ICgpID0+IGltcG9ydCgnLi9ncmlkLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQnKS50aGVuKChjKSA9PiBjLkFYUEdyaWRXaWRnZXREZXNpZ25lckNvbXBvbmVudCksXG4gICAgfSxcbiAgfSxcbn07XG5cbmRlY2xhcmUgbW9kdWxlICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJyB7XG4gIGludGVyZmFjZSBBWFBXaWRnZXRUeXBlc01hcCB7XG4gICAgZ3JpZDogJ2dyaWQtbGF5b3V0JztcbiAgfVxufVxuIl19