@acorex/platform 18.1.0 → 18.1.2

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

@@ -1,5 +1,5 @@
 import { AXPContainerWidgetComponent, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
-import { AXPDesignerAddWidgetButtonComponent, AXPDesignerGridDrawerComponent, AXPDesignerService, AXPWidgetDesignerRendererDirective } from '@acorex/platform/layout/designer';
+import { AXPDesignerAddWidgetButtonComponent, AXPDesignerGridDrawerComponent, AXPDesignerService, AXPWidgetDesignerRendererDirective, } from '@acorex/platform/layout/designer';
 import { CommonModule } from '@angular/common';
 import { ChangeDetectionStrategy, Component, computed, HostBinding, inject } from '@angular/core';
 import * as i0 from "@angular/core";
@@ -7,14 +7,14 @@ export class AXPGridItemWidgetDesignerComponent extends AXPContainerWidgetCompon
     constructor() {
         super(...arguments);
         this.designerService = inject(AXPDesignerService);
-        this.colSpan = computed(() => this.options()["colSpan"]);
-        this.colStart = computed(() => this.options()["colStart"]);
-        this.colEnd = computed(() => this.options()["colEnd"]);
-        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);
+        this.colSpan = computed(() => this.options()['colSpan']);
+        this.colStart = computed(() => this.options()['colStart']);
+        this.colEnd = computed(() => this.options()['colEnd']);
+        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);
     }
     async handleSlotClick() {
         await this.designerService.showPicker(this.node);
@@ -58,14 +58,14 @@ export class AXPGridItemWidgetDesignerComponent extends AXPContainerWidgetCompon
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPGridItemWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPGridItemWidgetDesignerComponent, isStandalone: true, selector: "axp-grid-layout-item-widget", host: { properties: { "class": "this.__class" } }, providers: [
             {
-                provide: AXPContainerWidgetComponent, useExisting: AXPGridItemWidgetDesignerComponent
-            }
+                provide: AXPContainerWidgetComponent,
+                useExisting: AXPGridItemWidgetDesignerComponent,
+            },
         ], usesInheritance: true, ngImport: i0, template: `
-    @for (node of children(); track $index) {
-        <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </ng-container>
-    }
-    @empty {
-    <div class="axp-empty-space ax-flex-1  ax-flex ax-justify-center ax-items-center" >
+    @for (child of children(); track $index) {
+    <ng-container axp-widget-designer-renderer [node]="child" [parentNode]="this" [mode]="this.mode"> </ng-container>
+    } @empty {
+    <div class="axp-empty-space ax-flex-1  ax-flex ax-justify-center ax-items-center">
       <div class="ax-m-auto ax-p-4 ax-text-primary-500 hover:ax-text-primary-800" (click)="handleSlotClick()">
         <i class="fa-solid fa-plus "></i>
       </div>
@@ -78,11 +78,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             args: [{
                     selector: 'axp-grid-layout-item-widget',
                     template: `
-    @for (node of children(); track $index) {
-        <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </ng-container>
-    }
-    @empty {
-    <div class="axp-empty-space ax-flex-1  ax-flex ax-justify-center ax-items-center" >
+    @for (child of children(); track $index) {
+    <ng-container axp-widget-designer-renderer [node]="child" [parentNode]="this" [mode]="this.mode"> </ng-container>
+    } @empty {
+    <div class="axp-empty-space ax-flex-1  ax-flex ax-justify-center ax-items-center">
       <div class="ax-m-auto ax-p-4 ax-text-primary-500 hover:ax-text-primary-800" (click)="handleSlotClick()">
         <i class="fa-solid fa-plus "></i>
       </div>
@@ -91,15 +90,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXPLayoutBuilderModule, AXPWidgetDesignerRendererDirective, AXPDesignerAddWidgetButtonComponent, AXPDesignerGridDrawerComponent],
+                    imports: [
+                        CommonModule,
+                        AXPLayoutBuilderModule,
+                        AXPWidgetDesignerRendererDirective,
+                        AXPDesignerAddWidgetButtonComponent,
+                        AXPDesignerGridDrawerComponent,
+                    ],
                     providers: [
                         {
-                            provide: AXPContainerWidgetComponent, useExisting: AXPGridItemWidgetDesignerComponent
-                        }
-                    ]
+                            provide: AXPContainerWidgetComponent,
+                            useExisting: AXPGridItemWidgetDesignerComponent,
+                        },
+                    ],
                 }]
         }], propDecorators: { __class: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1pdGVtLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi93aWRnZXRzL2xheW91dC9ncmlkLWl0ZW0vZ3JpZC1pdGVtLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDJCQUEyQixFQUFFLHNCQUFzQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEcsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLDhCQUE4QixFQUFFLGtCQUFrQixFQUFFLGtDQUFrQyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDL0ssT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBMEJsRyxNQUFNLE9BQU8sa0NBQW1DLFNBQVEsMkJBQWlDO0lBdkJ6Rjs7UUF5QlUsb0JBQWUsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUUzQyxZQUFPLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQVcsQ0FBQyxDQUFDO1FBQ3RFLGFBQVEsR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBVyxDQUFDLENBQUM7UUFDeEUsV0FBTSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFXLENBQUMsQ0FBQztRQUVwRSxtQkFBYyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FB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Ozs7Ozs7Ozs7O0dBV1QsMkRBR1MsWUFBWSw4QkFBRSxzQkFBc0IsK0JBQUUsa0NBQWtDOzsyRkFPdkUsa0NBQWtDO2tCQXZCOUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7O0dBV1Q7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsa0NBQWtDLEVBQUUsbUNBQW1DLEVBQUUsOEJBQThCLENBQUM7b0JBQ3hKLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsV0FBVyxvQ0FBb0M7eUJBQ3RGO3FCQUNGO2lCQUNGOzhCQXdCYSxPQUFPO3NCQURsQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQsIEFYUExheW91dEJ1aWxkZXJNb2R1bGUgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IEFYUERlc2lnbmVyQWRkV2lkZ2V0QnV0dG9uQ29tcG9uZW50LCBBWFBEZXNpZ25lckdyaWREcmF3ZXJDb21wb25lbnQsIEFYUERlc2lnbmVyU2VydmljZSwgQVhQV2lkZ2V0RGVzaWduZXJSZW5kZXJlckRpcmVjdGl2ZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2Rlc2lnbmVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgSG9zdEJpbmRpbmcsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4cC1ncmlkLWxheW91dC1pdGVtLXdpZGdldCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgQGZvciAobm9kZSBvZiBjaGlsZHJlbigpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgPG5nLWNvbnRhaW5lciBheHAtd2lkZ2V0LWRlc2lnbmVyLXJlbmRlcmVyIFtub2RlXT1cIm5vZGVcIiBbcGFyZW50Tm9kZV09XCJ0aGlzXCIgW21vZGVdPVwidGhpcy5tb2RlXCI+IDwvbmctY29udGFpbmVyPlxuICAgIH1cbiAgICBAZW1wdHkge1xuICAgIDxkaXYgY2xhc3M9XCJheHAtZW1wdHktc3BhY2UgYXgtZmxleC0xICBheC1mbGV4IGF4LWp1c3RpZnktY2VudGVyIGF4LWl0ZW1zLWNlbnRlclwiID5cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1tLWF1dG8gYXgtcC00IGF4LXRleHQtcHJpbWFyeS01MDAgaG92ZXI6YXgtdGV4dC1wcmltYXJ5LTgwMFwiIChjbGljayk9XCJoYW5kbGVTbG90Q2xpY2soKVwiPlxuICAgICAgICA8aSBjbGFzcz1cImZhLXNvbGlkIGZhLXBsdXMgXCI+PC9pPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgfVxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQVhQTGF5b3V0QnVpbGRlck1vZHVsZSwgQVhQV2lkZ2V0RGVzaWduZXJSZW5kZXJlckRpcmVjdGl2ZSwgQVhQRGVzaWduZXJBZGRXaWRnZXRCdXR0b25Db21wb25lbnQsIEFYUERlc2lnbmVyR3JpZERyYXdlckNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IEFYUENvbnRhaW5lcldpZGdldENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYUEdyaWRJdGVtV2lkZ2V0RGVzaWduZXJDb21wb25lbnRcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQVhQR3JpZEl0ZW1XaWRnZXREZXNpZ25lckNvbXBvbmVudCBleHRlbmRzIEFYUENvbnRhaW5lcldpZGdldENvbXBvbmVudDx2b2lkPiB7XG5cbiAgcHJpdmF0ZSBkZXNpZ25lclNlcnZpY2UgPSBpbmplY3QoQVhQRGVzaWduZXJTZXJ2aWNlKTtcblxuICBwcm90ZWN0ZWQgY29sU3BhbiA9IGNvbXB1dGVkPG51bWJlcj4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJjb2xTcGFuXCJdIGFzIG51bWJlcik7XG4gIHByb3RlY3RlZCBjb2xTdGFydCA9IGNvbXB1dGVkPG51bWJlcj4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJjb2xTdGFydFwiXSBhcyBudW1iZXIpO1xuICBwcm90ZWN0ZWQgY29sRW5kID0gY29tcHV0ZWQ8bnVtYmVyPigoKSA9PiB0aGlzLm9wdGlvbnMoKVtcImNvbEVuZFwiXSBhcyBudW1iZXIpO1xuXG4gIHByb3RlY3RlZCBmbGV4QWxpZ25JdGVtcyA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJmbGV4QWxpZ25JdGVtc1wiXT8uaWQpO1xuICBwcm90ZWN0ZWQgZmxleEp1c3RpZnlDb250ZW50ID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVtcImZsZXhKdXN0aWZ5Q29udGVudFwiXT8uaWQpO1xuICBwcm90ZWN0ZWQgZmxleFdyYXAgPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IHRoaXMub3B0aW9ucygpW1wiZmxleFdyYXBcIl0/LmlkKTtcbiAgcHJvdGVjdGVkIGZsZXhEaXJlY3Rpb24gPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IHRoaXMub3B0aW9ucygpW1wiZmxleERpcmVjdGlvblwiXT8uaWQpO1xuXG4gIHByb3RlY3RlZCBnYXAgPSBjb21wdXRlZDxudW1iZXI+KCgpID0+IHRoaXMub3B0aW9ucygpW1wiZ2FwXCJdIGFzIG51bWJlciA/PyAwKTtcblxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVTbG90Q2xpY2soKSB7XG4gICAgYXdhaXQgdGhpcy5kZXNpZ25lclNlcnZpY2Uuc2hvd1BpY2tlcih0aGlzLm5vZGUpO1xuICB9XG5cblxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2NsYXNzKCk6IGFueSB7XG4gICAgY29uc3QgY2xzOiBhbnkgPSB7fTtcbiAgICAvL1xuICAgIGNsc1tgYXgtZmxleGBdID0gdHJ1ZTtcbiAgICBjbHNbYGF4LWdhcC0ke3RoaXMuZ2FwKCl9YF0gPSB0cnVlO1xuICAgIC8vXG4gICAgaWYgKHRoaXMuZmxleEFsaWduSXRlbXMoKSkge1xuICAgICAgY2xzW3RoaXMuZmxleEFsaWduSXRlbXMoKV0gPSB0cnVlO1xuICAgIH1cbiAgICBpZiAodGhpcy5mbGV4SnVzdGlmeUNvbnRlbnQoKSkge1xuICAgICAgY2xzW3RoaXMuZmxleEp1c3RpZnlDb250ZW50KCldID0gdHJ1ZTtcbiAgICB9XG4gICAgaWYgKHRoaXMuZmxleFdyYXAoKSkge1xuICAgICAgY2xzW3RoaXMuZmxleFdyYXAoKV0gPSB0cnVlO1xuICAgIH1cbiAgICBpZiAodGhpcy5mbGV4RGlyZWN0aW9uKCkpIHtcbiAgICAgIGNsc1t0aGlzLmZsZXhEaXJlY3Rpb24oKV0gPSB0cnVlO1xuICAgIH1cbiAgICAvL1xuICAgIGNsc1tgYXgtY29sLXNwYW4tMTJgXSA9IHRydWU7XG4gICAgaWYgKHRoaXMuY29sU3BhbigpICE9IG51bGwpIHtcbiAgICAgIGNsc1tgbGc6YXgtY29sLXNwYW4tJHt0aGlzLmNvbFNwYW4oKX1gXSA9IHRydWU7XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgY2xzW2BsZzpheC1jb2wtc3Bhbi0xYF0gPSB0cnVlO1xuICAgIH1cbiAgICAvL1xuICAgIGlmICh0aGlzLmNvbFN0YXJ0KCkgIT0gbnVsbCkge1xuICAgICAgY2xzW2BsZzpheC1jb2wtc3RhcnQtJHt0aGlzLmNvbFN0YXJ0KCl9YF0gPSB0cnVlO1xuICAgIH1cbiAgICAvL1xuICAgIGlmICh0aGlzLmNvbEVuZCgpICE9IG51bGwpIHtcbiAgICAgIGNsc1tgbGc6YXgtY29sLWVuZC0ke3RoaXMuY29sRW5kKCl9YF0gPSB0cnVlO1xuICAgIH1cbiAgICByZXR1cm4gY2xzO1xuICB9XG5cbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1pdGVtLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi93aWRnZXRzL2xheW91dC9ncmlkLWl0ZW0vZ3JpZC1pdGVtLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDJCQUEyQixFQUFFLHNCQUFzQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEcsT0FBTyxFQUNMLG1DQUFtQyxFQUNuQyw4QkFBOEIsRUFDOUIsa0JBQWtCLEVBQ2xCLGtDQUFrQyxHQUNuQyxNQUFNLGtDQUFrQyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQStCbEcsTUFBTSxPQUFPLGtDQUFtQyxTQUFRLDJCQUFpQztJQTdCekY7O1FBOEJVLG9CQUFlLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFFM0MsWUFBTyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFXLENBQUMsQ0FBQztRQUN0RSxhQUFRLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxVQUFVLENBQVcsQ0FBQyxDQUFDO1FBQ3hFLFdBQU0sR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBVyxDQUFDLENBQUM7UUFFcEUsbUJBQWMsR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFD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REF6QlM7Ozs7Ozs7Ozs7R0FVVCwyREFJQyxZQUFZLDhCQUNaLHNCQUFzQiwrQkFDdEIsa0NBQWtDOzsyRkFXekIsa0NBQWtDO2tCQTdCOUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHNCQUFzQjt3QkFDdEIsa0NBQWtDO3dCQUNsQyxtQ0FBbUM7d0JBQ25DLDhCQUE4QjtxQkFDL0I7b0JBQ0QsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSwyQkFBMkI7NEJBQ3BDLFdBQVcsb0NBQW9DO3lCQUNoRDtxQkFDRjtpQkFDRjs4QkFvQmEsT0FBTztzQkFEbEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQQ29udGFpbmVyV2lkZ2V0Q29tcG9uZW50LCBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQge1xuICBBWFBEZXNpZ25lckFkZFdpZGdldEJ1dHRvbkNvbXBvbmVudCxcbiAgQVhQRGVzaWduZXJHcmlkRHJhd2VyQ29tcG9uZW50LFxuICBBWFBEZXNpZ25lclNlcnZpY2UsXG4gIEFYUFdpZGdldERlc2lnbmVyUmVuZGVyZXJEaXJlY3RpdmUsXG59IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2Rlc2lnbmVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgSG9zdEJpbmRpbmcsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheHAtZ3JpZC1sYXlvdXQtaXRlbS13aWRnZXQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBmb3IgKGNoaWxkIG9mIGNoaWxkcmVuKCk7IHRyYWNrICRpbmRleCkge1xuICAgIDxuZy1jb250YWluZXIgYXhwLXdpZGdldC1kZXNpZ25lci1yZW5kZXJlciBbbm9kZV09XCJjaGlsZFwiIFtwYXJlbnROb2RlXT1cInRoaXNcIiBbbW9kZV09XCJ0aGlzLm1vZGVcIj4gPC9uZy1jb250YWluZXI+XG4gICAgfSBAZW1wdHkge1xuICAgIDxkaXYgY2xhc3M9XCJheHAtZW1wdHktc3BhY2UgYXgtZmxleC0xICBheC1mbGV4IGF4LWp1c3RpZnktY2VudGVyIGF4LWl0ZW1zLWNlbnRlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImF4LW0tYXV0byBheC1wLTQgYXgtdGV4dC1wcmltYXJ5LTUwMCBob3ZlcjpheC10ZXh0LXByaW1hcnktODAwXCIgKGNsaWNrKT1cImhhbmRsZVNsb3RDbGljaygpXCI+XG4gICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtcGx1cyBcIj48L2k+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICB9XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFYUExheW91dEJ1aWxkZXJNb2R1bGUsXG4gICAgQVhQV2lkZ2V0RGVzaWduZXJSZW5kZXJlckRpcmVjdGl2ZSxcbiAgICBBWFBEZXNpZ25lckFkZFdpZGdldEJ1dHRvbkNvbXBvbmVudCxcbiAgICBBWFBEZXNpZ25lckdyaWREcmF3ZXJDb21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IEFYUENvbnRhaW5lcldpZGdldENvbXBvbmVudCxcbiAgICAgIHVzZUV4aXN0aW5nOiBBWFBHcmlkSXRlbVdpZGdldERlc2lnbmVyQ29tcG9uZW50LFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYUEdyaWRJdGVtV2lkZ2V0RGVzaWduZXJDb21wb25lbnQgZXh0ZW5kcyBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQ8dm9pZD4ge1xuICBwcml2YXRlIGRlc2lnbmVyU2VydmljZSA9IGluamVjdChBWFBEZXNpZ25lclNlcnZpY2UpO1xuXG4gIHByb3RlY3RlZCBjb2xTcGFuID0gY29tcHV0ZWQ8bnVtYmVyPigoKSA9PiB0aGlzLm9wdGlvbnMoKVsnY29sU3BhbiddIGFzIG51bWJlcik7XG4gIHByb3RlY3RlZCBjb2xTdGFydCA9IGNvbXB1dGVkPG51bWJlcj4oKCkgPT4gdGhpcy5vcHRpb25zKClbJ2NvbFN0YXJ0J10gYXMgbnVtYmVyKTtcbiAgcHJvdGVjdGVkIGNvbEVuZCA9IGNvbXB1dGVkPG51bWJlcj4oKCkgPT4gdGhpcy5vcHRpb25zKClbJ2NvbEVuZCddIGFzIG51bWJlcik7XG5cbiAgcHJvdGVjdGVkIGZsZXhBbGlnbkl0ZW1zID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVsnZmxleEFsaWduSXRlbXMnXT8uaWQpO1xuICBwcm90ZWN0ZWQgZmxleEp1c3RpZnlDb250ZW50ID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVsnZmxleEp1c3RpZnlDb250ZW50J10/LmlkKTtcbiAgcHJvdGVjdGVkIGZsZXhXcmFwID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVsnZmxleFdyYXAnXT8uaWQpO1xuICBwcm90ZWN0ZWQgZmxleERpcmVjdGlvbiA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbJ2ZsZXhEaXJlY3Rpb24nXT8uaWQpO1xuXG4gIHByb3RlY3RlZCBnYXAgPSBjb21wdXRlZDxudW1iZXI+KCgpID0+ICh0aGlzLm9wdGlvbnMoKVsnZ2FwJ10gYXMgbnVtYmVyKSA/PyAwKTtcblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlU2xvdENsaWNrKCkge1xuICAgIGF3YWl0IHRoaXMuZGVzaWduZXJTZXJ2aWNlLnNob3dQaWNrZXIodGhpcy5ub2RlKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2NsYXNzKCk6IGFueSB7XG4gICAgY29uc3QgY2xzOiBhbnkgPSB7fTtcbiAgICAvL1xuICAgIGNsc1tgYXgtZmxleGBdID0gdHJ1ZTtcbiAgICBjbHNbYGF4LWdhcC0ke3RoaXMuZ2FwKCl9YF0gPSB0cnVlO1xuICAgIC8vXG4gICAgaWYgKHRoaXMuZmxleEFsaWduSXRlbXMoKSkge1xuICAgICAgY2xzW3RoaXMuZmxleEFsaWduSXRlbXMoKV0gPSB0cnVlO1xuICAgIH1cbiAgICBpZiAodGhpcy5mbGV4SnVzdGlmeUNvbnRlbnQoKSkge1xuICAgICAgY2xzW3RoaXMuZmxleEp1c3RpZnlDb250ZW50KCldID0gdHJ1ZTtcbiAgICB9XG4gICAgaWYgKHRoaXMuZmxleFdyYXAoKSkge1xuICAgICAgY2xzW3RoaXMuZmxleFdyYXAoKV0gPSB0cnVlO1xuICAgIH1cbiAgICBpZiAodGhpcy5mbGV4RGlyZWN0aW9uKCkpIHtcbiAgICAgIGNsc1t0aGlzLmZsZXhEaXJlY3Rpb24oKV0gPSB0cnVlO1xuICAgIH1cbiAgICAvL1xuICAgIGNsc1tgYXgtY29sLXNwYW4tMTJgXSA9IHRydWU7XG4gICAgaWYgKHRoaXMuY29sU3BhbigpICE9IG51bGwpIHtcbiAgICAgIGNsc1tgbGc6YXgtY29sLXNwYW4tJHt0aGlzLmNvbFNwYW4oKX1gXSA9IHRydWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIGNsc1tgbGc6YXgtY29sLXNwYW4tMWBdID0gdHJ1ZTtcbiAgICB9XG4gICAgLy9cbiAgICBpZiAodGhpcy5jb2xTdGFydCgpICE9IG51bGwpIHtcbiAgICAgIGNsc1tgbGc6YXgtY29sLXN0YXJ0LSR7dGhpcy5jb2xTdGFydCgpfWBdID0gdHJ1ZTtcbiAgICB9XG4gICAgLy9cbiAgICBpZiAodGhpcy5jb2xFbmQoKSAhPSBudWxsKSB7XG4gICAgICBjbHNbYGxnOmF4LWNvbC1lbmQtJHt0aGlzLmNvbEVuZCgpfWBdID0gdHJ1ZTtcbiAgICB9XG4gICAgcmV0dXJuIGNscztcbiAgfVxufVxuIl19

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

@@ -1,18 +1,88 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPContainerWidgetComponent, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, HostBinding } from '@angular/core';
 import * as i0 from "@angular/core";
-export class AXPGridItemWidgetViewComponent extends AXPWidgetComponent {
+import * as i1 from "@acorex/platform/layout/builder";
+export class AXPGridItemWidgetViewComponent extends AXPContainerWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.colSpan = computed(() => this.options()['colSpan']);
+        this.colStart = computed(() => this.options()['colStart']);
+        this.colEnd = computed(() => this.options()['colEnd']);
+        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() {
+        const cls = {};
+        //
+        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;
+        }
+        //
+        cls[`ax-col-span-12`] = true;
+        if (this.colSpan() != null) {
+            cls[`lg:ax-col-span-${this.colSpan()}`] = true;
+        }
+        else {
+            cls[`lg:ax-col-span-1`] = true;
+        }
+        //
+        if (this.colStart() != null) {
+            cls[`lg:ax-col-start-${this.colStart()}`] = true;
+        }
+        //
+        if (this.colEnd() != null) {
+            cls[`lg:ax-col-end-${this.colEnd()}`] = true;
+        }
+        return cls;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPGridItemWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPGridItemWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPGridItemWidgetViewComponent, isStandalone: true, selector: "ng-component", host: { properties: { "class": "this.__class" } }, providers: [
+            {
+                provide: AXPContainerWidgetComponent,
+                useExisting: AXPGridItemWidgetViewComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
+    @for (child of children(); track $index) {
+    <ng-container axp-widget-renderer [node]="child" [parentNode]="this" [mode]="this.mode"> </ng-container>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPGridItemWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    template: `
+    @for (child of children(); track $index) {
+    <ng-container axp-widget-renderer [node]="child" [parentNode]="this" [mode]="this.mode"> </ng-container>
+    }
+  `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule]
+                    imports: [CommonModule, AXPLayoutBuilderModule],
+                    providers: [
+                        {
+                            provide: AXPContainerWidgetComponent,
+                            useExisting: AXPGridItemWidgetViewComponent,
+                        },
+                    ],
                 }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1pdGVtLXdpZGdldC12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL3dpZGdldHMvbGF5b3V0L2dyaWQtaXRlbS9ncmlkLWl0ZW0td2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQVEzRSxNQUFNLE9BQU8sOEJBQStCLFNBQVEsa0JBQXVCOzhHQUE5RCw4QkFBOEI7a0dBQTlCLDhCQUE4QiwrRkFML0IsRUFBRSwyREFHRixZQUFZOzsyRkFFWCw4QkFBOEI7a0JBTjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLEVBQUU7b0JBQ1osVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQV2lkZ2V0Q29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBBWFBHcmlkSXRlbVdpZGdldFZpZXdDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRDb21wb25lbnQ8YW55PiB7IH0iXX0=
+        }], propDecorators: { __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1pdGVtLXdpZGdldC12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL3dpZGdldHMvbGF5b3V0L2dyaWQtaXRlbS9ncmlkLWl0ZW0td2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQWtCMUYsTUFBTSxPQUFPLDhCQUErQixTQUFRLDJCQUFnQztJQWhCcEY7O1FBaUJZLFlBQU8sR0FBRyxRQUFRLENBQVMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBVyxDQUFDLENBQUM7UUFDdEUsYUFBUSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFXLENBQUMsQ0FBQztRQUN4RSxXQUFNLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQVcsQ0FBQyxDQUFDO1FBRXBFLG1CQUFjLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzlFLHVCQUFrQixHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FB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Q3BDLFdBQVcsZ0NBQWdDO3lCQUM1QztxQkFDRjtpQkFDRjs4QkFjYSxPQUFPO3NCQURsQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQsIEFYUExheW91dEJ1aWxkZXJNb2R1bGUgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gICAgQGZvciAoY2hpbGQgb2YgY2hpbGRyZW4oKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgPG5nLWNvbnRhaW5lciBheHAtd2lkZ2V0LXJlbmRlcmVyIFtub2RlXT1cImNoaWxkXCIgW3BhcmVudE5vZGVdPVwidGhpc1wiIFttb2RlXT1cInRoaXMubW9kZVwiPiA8L25nLWNvbnRhaW5lcj5cbiAgICB9XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogQVhQQ29udGFpbmVyV2lkZ2V0Q29tcG9uZW50LFxuICAgICAgdXNlRXhpc3Rpbmc6IEFYUEdyaWRJdGVtV2lkZ2V0Vmlld0NvbXBvbmVudCxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBHcmlkSXRlbVdpZGdldFZpZXdDb21wb25lbnQgZXh0ZW5kcyBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQ8YW55PiB7XG4gIHByb3RlY3RlZCBjb2xTcGFuID0gY29tcHV0ZWQ8bnVtYmVyPigoKSA9PiB0aGlzLm9wdGlvbnMoKVsnY29sU3BhbiddIGFzIG51bWJlcik7XG4gIHByb3RlY3RlZCBjb2xTdGFydCA9IGNvbXB1dGVkPG51bWJlcj4oKCkgPT4gdGhpcy5vcHRpb25zKClbJ2NvbFN0YXJ0J10gYXMgbnVtYmVyKTtcbiAgcHJvdGVjdGVkIGNvbEVuZCA9IGNvbXB1dGVkPG51bWJlcj4oKCkgPT4gdGhpcy5vcHRpb25zKClbJ2NvbEVuZCddIGFzIG51bWJlcik7XG5cbiAgcHJvdGVjdGVkIGZsZXhBbGlnbkl0ZW1zID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVsnZmxleEFsaWduSXRlbXMnXT8uaWQpO1xuICBwcm90ZWN0ZWQgZmxleEp1c3RpZnlDb250ZW50ID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVsnZmxleEp1c3RpZnlDb250ZW50J10/LmlkKTtcbiAgcHJvdGVjdGVkIGZsZXhXcmFwID0gY29tcHV0ZWQ8c3RyaW5nPigoKSA9PiB0aGlzLm9wdGlvbnMoKVsnZmxleFdyYXAnXT8uaWQpO1xuICBwcm90ZWN0ZWQgZmxleERpcmVjdGlvbiA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbJ2ZsZXhEaXJlY3Rpb24nXT8uaWQpO1xuXG4gIHByb3RlY3RlZCBnYXAgPSBjb21wdXRlZDxudW1iZXI+KCgpID0+ICh0aGlzLm9wdGlvbnMoKVsnZ2FwJ10gYXMgbnVtYmVyKSA/PyAwKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19jbGFzcygpOiBhbnkge1xuICAgIGNvbnN0IGNsczogYW55ID0ge307XG4gICAgLy9cbiAgICBjbHNbYGF4LWZsZXhgXSA9IHRydWU7XG4gICAgY2xzW2BheC1nYXAtJHt0aGlzLmdhcCgpfWBdID0gdHJ1ZTtcbiAgICAvL1xuICAgIGlmICh0aGlzLmZsZXhBbGlnbkl0ZW1zKCkpIHtcbiAgICAgIGNsc1t0aGlzLmZsZXhBbGlnbkl0ZW1zKCldID0gdHJ1ZTtcbiAgICB9XG4gICAgaWYgKHRoaXMuZmxleEp1c3RpZnlDb250ZW50KCkpIHtcbiAgICAgIGNsc1t0aGlzLmZsZXhKdXN0aWZ5Q29udGVudCgpXSA9IHRydWU7XG4gICAgfVxuICAgIGlmICh0aGlzLmZsZXhXcmFwKCkpIHtcbiAgICAgIGNsc1t0aGlzLmZsZXhXcmFwKCldID0gdHJ1ZTtcbiAgICB9XG4gICAgaWYgKHRoaXMuZmxleERpcmVjdGlvbigpKSB7XG4gICAgICBjbHNbdGhpcy5mbGV4RGlyZWN0aW9uKCldID0gdHJ1ZTtcbiAgICB9XG4gICAgLy9cbiAgICBjbHNbYGF4LWNvbC1zcGFuLTEyYF0gPSB0cnVlO1xuICAgIGlmICh0aGlzLmNvbFNwYW4oKSAhPSBudWxsKSB7XG4gICAgICBjbHNbYGxnOmF4LWNvbC1zcGFuLSR7dGhpcy5jb2xTcGFuKCl9YF0gPSB0cnVlO1xuICAgIH0gZWxzZSB7XG4gICAgICBjbHNbYGxnOmF4LWNvbC1zcGFuLTFgXSA9IHRydWU7XG4gICAgfVxuICAgIC8vXG4gICAgaWYgKHRoaXMuY29sU3RhcnQoKSAhPSBudWxsKSB7XG4gICAgICBjbHNbYGxnOmF4LWNvbC1zdGFydC0ke3RoaXMuY29sU3RhcnQoKX1gXSA9IHRydWU7XG4gICAgfVxuICAgIC8vXG4gICAgaWYgKHRoaXMuY29sRW5kKCkgIT0gbnVsbCkge1xuICAgICAgY2xzW2BsZzpheC1jb2wtZW5kLSR7dGhpcy5jb2xFbmQoKX1gXSA9IHRydWU7XG4gICAgfVxuICAgIHJldHVybiBjbHM7XG4gIH1cbn1cbiJdfQ==

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

@@ -1,18 +1,37 @@
-import { AXPWidgetComponent } from '@acorex/platform/layout/builder';
+import { AXPLayoutBuilderModule, AXPWidgetComponent } from '@acorex/platform/layout/builder';
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@acorex/platform/layout/builder";
 export class AXPGridRowWidgetViewComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.cols = computed(() => this.options()['cols'] ?? 1);
+        this.rows = computed(() => this.options()['rows'] ?? 1);
+        this.gap = computed(() => this.options()['gap'] ?? 0);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPGridRowWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPGridRowWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPGridRowWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-{{ cols() }} ax-grid-rows-{{ rows() }} ax-gap-{{ gap() }}">
+      @for (child of children(); track $index) {
+      <ng-container axp-widget-renderer [node]="child" [parentNode]="this" [mode]="this.mode"> </ng-container>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPGridRowWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    template: `
+    <div class="ax-grid ax-grid-cols-{{ cols() }} ax-grid-rows-{{ rows() }} ax-gap-{{ gap() }}">
+      @for (child of children(); track $index) {
+      <ng-container axp-widget-renderer [node]="child" [parentNode]="this" [mode]="this.mode"> </ng-container>
+      }
+    </div>
+  `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule]
+                    imports: [CommonModule, AXPLayoutBuilderModule],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1yb3ctd2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvZ3JpZC1yb3cvZ3JpZC1yb3ctd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQVEzRSxNQUFNLE9BQU8sNkJBQThCLFNBQVEsa0JBQXVCOzhHQUE3RCw2QkFBNkI7a0dBQTdCLDZCQUE2QiwrRkFMOUIsRUFBRSwyREFHRixZQUFZOzsyRkFFWCw2QkFBNkI7a0JBTnpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLEVBQUU7b0JBQ1osVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQV2lkZ2V0Q29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXVxuIH0pXG5leHBvcnQgY2xhc3MgQVhQR3JpZFJvd1dpZGdldFZpZXdDb21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRDb21wb25lbnQ8YW55PiB7fSJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1yb3ctd2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS93aWRnZXRzL3NyYy9saWIvd2lkZ2V0cy9sYXlvdXQvZ3JpZC1yb3cvZ3JpZC1yb3ctd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBYzdFLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxrQkFBdUI7SUFaMUU7O1FBYVksU0FBSSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBRSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsTUFBTSxDQUFZLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDdkUsU0FBSSxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBRSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsTUFBTSxDQUFZLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDdkUsUUFBRyxHQUFHLFFBQVEsQ0FBUyxHQUFHLEVBQUUsQ0FBRSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsS0FBSyxDQUFZLElBQUksQ0FBQyxDQUFDLENBQUM7S0FDaEY7OEdBSlksNkJBQTZCO2tHQUE3Qiw2QkFBNkIsK0ZBWDlCOzs7Ozs7R0FNVCwyREFHUyxZQUFZLDhCQUFFLHNCQUFzQjs7MkZBRW5DLDZCQUE2QjtrQkFaekMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUU7Ozs7OztHQU1UO29CQUNELFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHNCQUFzQixDQUFDO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYUExheW91dEJ1aWxkZXJNb2R1bGUsIEFYUFdpZGdldENvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJheC1ncmlkIGF4LWdyaWQtY29scy17eyBjb2xzKCkgfX0gYXgtZ3JpZC1yb3dzLXt7IHJvd3MoKSB9fSBheC1nYXAte3sgZ2FwKCkgfX1cIj5cbiAgICAgIEBmb3IgKGNoaWxkIG9mIGNoaWxkcmVuKCk7IHRyYWNrICRpbmRleCkge1xuICAgICAgPG5nLWNvbnRhaW5lciBheHAtd2lkZ2V0LXJlbmRlcmVyIFtub2RlXT1cImNoaWxkXCIgW3BhcmVudE5vZGVdPVwidGhpc1wiIFttb2RlXT1cInRoaXMubW9kZVwiPiA8L25nLWNvbnRhaW5lcj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYUExheW91dEJ1aWxkZXJNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBHcmlkUm93V2lkZ2V0Vmlld0NvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldENvbXBvbmVudDxhbnk+IHtcbiAgcHJvdGVjdGVkIGNvbHMgPSBjb21wdXRlZDxudW1iZXI+KCgpID0+ICh0aGlzLm9wdGlvbnMoKVsnY29scyddIGFzIG51bWJlcikgPz8gMSk7XG4gIHByb3RlY3RlZCByb3dzID0gY29tcHV0ZWQ8bnVtYmVyPigoKSA9PiAodGhpcy5vcHRpb25zKClbJ3Jvd3MnXSBhcyBudW1iZXIpID8/IDEpO1xuICBwcm90ZWN0ZWQgZ2FwID0gY29tcHV0ZWQ8bnVtYmVyPigoKSA9PiAodGhpcy5vcHRpb25zKClbJ2dhcCddIGFzIG51bWJlcikgPz8gMCk7XG59XG4iXX0=

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

@@ -16,9 +16,9 @@ export class AXPPageWidgetViewComponent extends AXPWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPPageWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPPageWidgetViewComponent, isStandalone: true, selector: "axp-page-widget", host: { properties: { "style": "this.__style" } }, usesInheritance: true, ngImport: i0, template: `
     @for (node of children(); track $index) {
-    <axp-widget-renderer [node]="node" [parentNode]="this" [mode]="mode" > </axp-widget-renderer>
+    <ng-container axp-widget-renderer [node]="node" [parentNode]="this" [mode]="this.mode"></ng-container>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i1.AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: ["node", "mode", "parentNode", "index"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPPageWidgetViewComponent, decorators: [{
             type: Component,
@@ -26,7 +26,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     selector: 'axp-page-widget',
                     template: `
     @for (node of children(); track $index) {
-    <axp-widget-renderer [node]="node" [parentNode]="this" [mode]="mode" > </axp-widget-renderer>
+    <ng-container axp-widget-renderer [node]="node" [parentNode]="this" [mode]="this.mode"></ng-container>
     }
   `,
                     standalone: true,
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 type: HostBinding,
                 args: ['style']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS13aWRnZXQtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi93aWRnZXRzL2xheW91dC9wYWdlL3BhZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQWNySCxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsa0JBQXdCO0lBWnhFOztRQWNZLG9CQUFlLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBVyxDQUFDLENBQUM7S0FTakc7SUFQQyxJQUNZLE9BQU87UUFDakIsT0FBTztZQUNMLGtCQUFrQixFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUU7U0FDM0MsQ0FBQztJQUNKLENBQUM7OEdBVFUsMEJBQTBCO2tHQUExQiwwQkFBMEIscUpBVjNCOzs7O0dBSVQsMkRBSVMsWUFBWSw4QkFBRSxzQkFBc0I7OzJGQUVuQywwQkFBMEI7a0JBWnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsUUFBUSxFQUFFOzs7O0dBSVQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHNCQUFzQixDQUFDO2lCQUNoRDs4QkFNYSxPQUFPO3NCQURsQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlLCBBWFBXaWRnZXRDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgSG9zdEJpbmRpbmcsIGluamVjdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhwLXBhZ2Utd2lkZ2V0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICBAZm9yIChub2RlIG9mIGNoaWxkcmVuKCk7IHRyYWNrICRpbmRleCkge1xuICAgIDxheHAtd2lkZ2V0LXJlbmRlcmVyIFtub2RlXT1cIm5vZGVcIiBbcGFyZW50Tm9kZV09XCJ0aGlzXCIgW21vZGVdPVwibW9kZVwiID4gPC9heHAtd2lkZ2V0LXJlbmRlcmVyPlxuICAgIH1cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYUExheW91dEJ1aWxkZXJNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBQYWdlV2lkZ2V0Vmlld0NvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldENvbXBvbmVudDx2b2lkPiB7XG5cbiAgcHJvdGVjdGVkIGJhY2tncm91bmRDb2xvciA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJiYWNrZ3JvdW5kQ29sb3JcIl0gYXMgc3RyaW5nKTtcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlJylcbiAgcHJpdmF0ZSBnZXQgX19zdHlsZSgpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICAnYmFja2dyb3VuZC1jb2xvcic6IHRoaXMuYmFja2dyb3VuZENvbG9yKCksXG4gICAgfTtcbiAgfVxuXG59Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS13aWRnZXQtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL3dpZGdldHMvc3JjL2xpYi93aWRnZXRzL2xheW91dC9wYWdlL3BhZ2Utd2lkZ2V0LXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQWNySCxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsa0JBQXdCO0lBWnhFOztRQWNZLG9CQUFlLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBVyxDQUFDLENBQUM7S0FTakc7SUFQQyxJQUNZLE9BQU87UUFDakIsT0FBTztZQUNMLGtCQUFrQixFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUU7U0FDM0MsQ0FBQztJQUNKLENBQUM7OEdBVFUsMEJBQTBCO2tHQUExQiwwQkFBMEIscUpBVjNCOzs7O0dBSVQsMkRBSVMsWUFBWSw4QkFBRSxzQkFBc0I7OzJGQUVuQywwQkFBMEI7a0JBWnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsUUFBUSxFQUFFOzs7O0dBSVQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHNCQUFzQixDQUFDO2lCQUNoRDs4QkFNYSxPQUFPO3NCQURsQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlLCBBWFBXaWRnZXRDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9idWlsZGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgSG9zdEJpbmRpbmcsIGluamVjdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhwLXBhZ2Utd2lkZ2V0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICBAZm9yIChub2RlIG9mIGNoaWxkcmVuKCk7IHRyYWNrICRpbmRleCkge1xuICAgIDxuZy1jb250YWluZXIgYXhwLXdpZGdldC1yZW5kZXJlciBbbm9kZV09XCJub2RlXCIgW3BhcmVudE5vZGVdPVwidGhpc1wiIFttb2RlXT1cInRoaXMubW9kZVwiPjwvbmctY29udGFpbmVyPlxuICAgIH1cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYUExheW91dEJ1aWxkZXJNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBQYWdlV2lkZ2V0Vmlld0NvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldENvbXBvbmVudDx2b2lkPiB7XG5cbiAgcHJvdGVjdGVkIGJhY2tncm91bmRDb2xvciA9IGNvbXB1dGVkPHN0cmluZz4oKCkgPT4gdGhpcy5vcHRpb25zKClbXCJiYWNrZ3JvdW5kQ29sb3JcIl0gYXMgc3RyaW5nKTtcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlJylcbiAgcHJpdmF0ZSBnZXQgX19zdHlsZSgpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICAnYmFja2dyb3VuZC1jb2xvcic6IHRoaXMuYmFja2dyb3VuZENvbG9yKCksXG4gICAgfTtcbiAgfVxuXG59Il19

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

@@ -1,50 +1,125 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXPContainerWidgetComponent, AXPLayoutBuilderModule, } from '@acorex/platform/layout/builder';
 import { AXPDesignerAddWidgetButtonComponent, AXPWidgetDesignerRendererDirective } from '@acorex/platform/layout/designer';
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, HostBinding } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/button";
+import * as i3 from "@acorex/components/decorators";
 export class AXPRepeaterWidgetDesignerComponent extends AXPContainerWidgetComponent {
     constructor() {
         super(...arguments);
-        this.rows = signal([0]);
+        this.disabled = computed(() => this.options()["disabled"]);
+        this.hasControls = computed(() => this.options()["hasControls"]);
+    }
+    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: AXPRepeaterWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPRepeaterWidgetDesignerComponent, isStandalone: true, selector: "ng-component", providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPRepeaterWidgetDesignerComponent, isStandalone: true, selector: "axp-repeater-widget", host: { properties: { "class": "this.__class" } }, providers: [
             {
                 provide: AXPContainerWidgetComponent, useExisting: AXPRepeaterWidgetDesignerComponent
             }
         ], usesInheritance: true, ngImport: i0, template: `
-    @for(row of rows();let i=$index; track i){
-    <ng-container>
+    @if(hasControls())
+    {
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <div class="ax-col-span-11 ax-border-dashed ax-border">
+        <ng-container [ngTemplateOutlet]="tpl" ></ng-container>
+      </div>
+      <ax-button
+        [disabled]="disabled()"
+        look="twotone"
+        color="danger"
+        class="ax-col-start-12 ax-col-end-13 ax-justify-self-end"
+      >
+        <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+      </ax-button>
+      <ax-button
+          [text]="'Add New'"
+          look="twotone"
+          [disabled]="disabled()"
+          class="ax-col-start-10  ax-col-end-13"
+        >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
+    }
+    @else {
+      <ng-container [ngTemplateOutlet]="tpl"></ng-container>
+    }
+    <ng-template #tpl>
       @for (node of children();track $index) {
-      <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [index]="i" [mode]="this.mode"> </ng-container>
+      <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this"  [mode]="this.mode"> </ng-container>
       }
-    </ng-container>
-    }
-   <axp-designer-add-widget-button></axp-designer-add-widget-button>
-  `, 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 }); }
+      @empty {
+       <axp-designer-add-widget-button class="ax-flex-1 ax-self-center ax-place-self-end axp-empty-space ax-block ax-p-0 " ></axp-designer-add-widget-button>
+      }
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: 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: AXPRepeaterWidgetDesignerComponent, decorators: [{
             type: Component,
             args: [{
+                    selector: 'axp-repeater-widget',
                     template: `
-    @for(row of rows();let i=$index; track i){
-    <ng-container>
+    @if(hasControls())
+    {
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <div class="ax-col-span-11 ax-border-dashed ax-border">
+        <ng-container [ngTemplateOutlet]="tpl" ></ng-container>
+      </div>
+      <ax-button
+        [disabled]="disabled()"
+        look="twotone"
+        color="danger"
+        class="ax-col-start-12 ax-col-end-13 ax-justify-self-end"
+      >
+        <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+      </ax-button>
+      <ax-button
+          [text]="'Add New'"
+          look="twotone"
+          [disabled]="disabled()"
+          class="ax-col-start-10  ax-col-end-13"
+        >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
+    }
+    @else {
+      <ng-container [ngTemplateOutlet]="tpl"></ng-container>
+    }
+    <ng-template #tpl>
       @for (node of children();track $index) {
-      <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this" [index]="i" [mode]="this.mode"> </ng-container>
+      <ng-container axp-widget-designer-renderer [node]="node" [parentNode]="this"  [mode]="this.mode"> </ng-container>
       }
-    </ng-container>
-    }
-   <axp-designer-add-widget-button></axp-designer-add-widget-button>
+      @empty {
+       <axp-designer-add-widget-button class="ax-flex-1 ax-self-center ax-place-self-end axp-empty-space ax-block ax-p-0 " ></axp-designer-add-widget-button>
+      }
+    </ng-template>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXPLayoutBuilderModule, AXPWidgetDesignerRendererDirective, AXPDesignerAddWidgetButtonComponent],
+                    imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXPLayoutBuilderModule, AXPWidgetDesignerRendererDirective, AXPDesignerAddWidgetButtonComponent],
                     providers: [
                         {
                             provide: AXPContainerWidgetComponent, useExisting: AXPRepeaterWidgetDesignerComponent
                         }
                     ]
                 }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwZWF0ZXItd2lkZ2V0LWRlc2lnbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL3dpZGdldHMvbGF5b3V0L3JlcGVhdGVyL3JlcGVhdGVyLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDJCQUEyQixFQUFFLHNCQUFzQixHQUFHLE1BQU0saUNBQWlDLENBQUM7QUFDdkcsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDM0gsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFrQixNQUFNLGVBQWUsQ0FBQzs7QUFxQjNGLE1BQU0sT0FBTyxrQ0FBbUMsU0FBUSwyQkFBaUM7SUFwQnpGOztRQXNCWSxTQUFJLEdBQTBCLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7S0FFckQ7OEdBSlksa0NBQWtDO2tHQUFsQyxrQ0FBa0MsMkRBTmxDO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLDJCQUEyQixFQUFFLFdBQVcsRUFBRSxrQ0FBa0M7YUFDdEY7U0FDRixpREFqQlM7Ozs7Ozs7OztHQVNULDJEQUdTLFlBQVksOEJBQUUsc0JBQXNCLCtCQUFFLGtDQUFrQyw0SEFBRSxtQ0FBbUM7OzJGQU81RyxrQ0FBa0M7a0JBcEI5QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTs7Ozs7Ozs7O0dBU1Q7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsa0NBQWtDLEVBQUUsbUNBQW1DLENBQUM7b0JBQ3hILFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsV0FBVyxvQ0FBb0M7eUJBQ3RGO3FCQUNGO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhQQ29udGFpbmVyV2lkZ2V0Q29tcG9uZW50LCBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlLCB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2J1aWxkZXInO1xuaW1wb3J0IHsgQVhQRGVzaWduZXJBZGRXaWRnZXRCdXR0b25Db21wb25lbnQsIEFYUFdpZGdldERlc2lnbmVyUmVuZGVyZXJEaXJlY3RpdmUgfSBmcm9tICdAYWNvcmV4L3BsYXRmb3JtL2xheW91dC9kZXNpZ25lcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgc2lnbmFsLCBXcml0YWJsZVNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gICAgQGZvcihyb3cgb2Ygcm93cygpO2xldCBpPSRpbmRleDsgdHJhY2sgaSl7XG4gICAgPG5nLWNvbnRhaW5lcj5cbiAgICAgIEBmb3IgKG5vZGUgb2YgY2hpbGRyZW4oKTt0cmFjayAkaW5kZXgpIHtcbiAgICAgIDxuZy1jb250YWluZXIgYXhwLXdpZGdldC1kZXNpZ25lci1yZW5kZXJlciBbbm9kZV09XCJub2RlXCIgW3BhcmVudE5vZGVdPVwidGhpc1wiIFtpbmRleF09XCJpXCIgW21vZGVdPVwidGhpcy5tb2RlXCI+IDwvbmctY29udGFpbmVyPlxuICAgICAgfVxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIH1cbiAgIDxheHAtZGVzaWduZXItYWRkLXdpZGdldC1idXR0b24+PC9heHAtZGVzaWduZXItYWRkLXdpZGdldC1idXR0b24+XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWFBMYXlvdXRCdWlsZGVyTW9kdWxlLCBBWFBXaWRnZXREZXNpZ25lclJlbmRlcmVyRGlyZWN0aXZlLCBBWFBEZXNpZ25lckFkZFdpZGdldEJ1dHRvbkNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IEFYUENvbnRhaW5lcldpZGdldENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYUFJlcGVhdGVyV2lkZ2V0RGVzaWduZXJDb21wb25lbnRcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQVhQUmVwZWF0ZXJXaWRnZXREZXNpZ25lckNvbXBvbmVudCBleHRlbmRzIEFYUENvbnRhaW5lcldpZGdldENvbXBvbmVudDx2b2lkPiB7XG5cbiAgcHJvdGVjdGVkIHJvd3M6IFdyaXRhYmxlU2lnbmFsPGFueVtdPiA9IHNpZ25hbChbMF0pO1xuXG59Il19
+        }], propDecorators: { __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwZWF0ZXItd2lkZ2V0LWRlc2lnbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vd2lkZ2V0cy9zcmMvbGliL3dpZGdldHMvbGF5b3V0L3JlcGVhdGVyL3JlcGVhdGVyLXdpZGdldC1kZXNpZ25lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxzQkFBc0IsR0FBRyxNQUFNLGlDQUFpQyxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxtQ0FBbUMsRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzNILE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBbUQxRixNQUFNLE9BQU8sa0NBQW1DLFNBQVEsMkJBQWlDO0lBbER6Rjs7UUFvRFksYUFBUSxHQUFHLFFBQVEsQ0FBVSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFZLENBQUMsQ0FBQztRQUMxRSxnQkFBVyxHQUFHLFFBQVEsQ0FBVSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFZLENBQUMsQ0FBQztLQVczRjtJQVRDLElBQ1ksT0FBTztRQUNqQixNQUFNLEdBQUcsR0FBUSxFQUFFLENBQUM7UUFDcEIsRUFBRTtRQUNGLEdBQUcsQ0FBQyxVQUFVLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDdkIsR0FBRyxDQUFDLFdBQVcsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUN4QixPQUFPLEdBQUcsQ0FBQztJQUNiLENBQUM7OEdBWlUsa0NBQWtDO2tHQUFsQyxrQ0FBa0MscUhBTmxDO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLDJCQUEyQixFQUFFLFdBQVcsRUFBRSxrQ0FBa0M7YUFDdEY7U0FDRixpREE5Q1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0NULDJEQUdTLFlBQVkscU1BQUUsY0FBYyx1WkFBRSxpQkFBaUIsdVZBQUUsc0JBQXNCLCtCQUFFLGtDQUFrQyw0SEFBRSxtQ0FBbUM7OzJGQU8vSSxrQ0FBa0M7a0JBbEQ5QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzQ1Q7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLHNCQUFzQixFQUFFLGtDQUFrQyxFQUFFLG1DQUFtQyxDQUFDO29CQUMzSixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLDJCQUEyQixFQUFFLFdBQVcsb0NBQW9DO3lCQUN0RjtxQkFDRjtpQkFDRjs4QkFPYSxPQUFPO3NCQURsQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBBWFBDb250YWluZXJXaWRnZXRDb21wb25lbnQsIEFYUExheW91dEJ1aWxkZXJNb2R1bGUsIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9sYXlvdXQvYnVpbGRlcic7XG5pbXBvcnQgeyBBWFBEZXNpZ25lckFkZFdpZGdldEJ1dHRvbkNvbXBvbmVudCwgQVhQV2lkZ2V0RGVzaWduZXJSZW5kZXJlckRpcmVjdGl2ZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vbGF5b3V0L2Rlc2lnbmVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4cC1yZXBlYXRlci13aWRnZXQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBpZihoYXNDb250cm9scygpKVxuICAgIHtcbiAgICA8ZGl2IGNsYXNzPVwiYXgtZ3JpZCBheC1ncmlkLWNvbHMtMTIgYXgtZ2FwLTRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1jb2wtc3Bhbi0xMSBheC1ib3JkZXItZGFzaGVkIGF4LWJvcmRlclwiPlxuICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRwbFwiID48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGF4LWJ1dHRvblxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gICAgICAgIGxvb2s9XCJ0d290b25lXCJcbiAgICAgICAgY29sb3I9XCJkYW5nZXJcIlxuICAgICAgICBjbGFzcz1cImF4LWNvbC1zdGFydC0xMiBheC1jb2wtZW5kLTEzIGF4LWp1c3RpZnktc2VsZi1lbmRcIlxuICAgICAgPlxuICAgICAgICA8YXgtaWNvbiBpY29uPVwiZmEtcmVndWxhciBmYS14bWFya1wiPjwvYXgtaWNvbj5cbiAgICAgIDwvYXgtYnV0dG9uPlxuICAgICAgPGF4LWJ1dHRvblxuICAgICAgICAgIFt0ZXh0XT1cIidBZGQgTmV3J1wiXG4gICAgICAgICAgbG9vaz1cInR3b3RvbmVcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCJcbiAgICAgICAgICBjbGFzcz1cImF4LWNvbC1zdGFydC0xMCAgYXgtY29sLWVuZC0xM1wiXG4gICAgICAgID5cbiAgICAgICAgPGF4LXByZWZpeD5cbiAgICAgICAgICA8YXgtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLWFkZFwiPjwvYXgtaWNvbj5cbiAgICAgICAgPC9heC1wcmVmaXg+XG4gICAgICA8L2F4LWJ1dHRvbj5cbiAgICA8L2Rpdj5cbiAgICB9XG4gICAgQGVsc2Uge1xuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJ0cGxcIj48L25nLWNvbnRhaW5lcj5cbiAgICB9XG4gICAgPG5nLXRlbXBsYXRlICN0cGw+XG4gICAgICBAZm9yIChub2RlIG9mIGNoaWxkcmVuKCk7dHJhY2sgJGluZGV4KSB7XG4gICAgICA8bmctY29udGFpbmVyIGF4cC13aWRnZXQtZGVzaWduZXItcmVuZGVyZXIgW25vZGVdPVwibm9kZVwiIFtwYXJlbnROb2RlXT1cInRoaXNcIiAgW21vZGVdPVwidGhpcy5tb2RlXCI+IDwvbmctY29udGFpbmVyPlxuICAgICAgfVxuICAgICAgQGVtcHR5IHtcbiAgICAgICA8YXhwLWRlc2lnbmVyLWFkZC13aWRnZXQtYnV0dG9uIGNsYXNzPVwiYXgtZmxleC0xIGF4LXNlbGYtY2VudGVyIGF4LXBsYWNlLXNlbGYtZW5kIGF4cC1lbXB0eS1zcGFjZSBheC1ibG9jayBheC1wLTAgXCIgPjwvYXhwLWRlc2lnbmVyLWFkZC13aWRnZXQtYnV0dG9uPlxuICAgICAgfVxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBWEJ1dHRvbk1vZHVsZSwgQVhEZWNvcmF0b3JNb2R1bGUsIEFYUExheW91dEJ1aWxkZXJNb2R1bGUsIEFYUFdpZGdldERlc2lnbmVyUmVuZGVyZXJEaXJlY3RpdmUsIEFYUERlc2lnbmVyQWRkV2lkZ2V0QnV0dG9uQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogQVhQQ29udGFpbmVyV2lkZ2V0Q29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhQUmVwZWF0ZXJXaWRnZXREZXNpZ25lckNvbXBvbmVudFxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBWFBSZXBlYXRlcldpZGdldERlc2lnbmVyQ29tcG9uZW50IGV4dGVuZHMgQVhQQ29udGFpbmVyV2lkZ2V0Q29tcG9uZW50PHZvaWQ+IHtcblxuICBwcm90ZWN0ZWQgZGlzYWJsZWQgPSBjb21wdXRlZDxib29sZWFuPigoKSA9PiB0aGlzLm9wdGlvbnMoKVtcImRpc2FibGVkXCJdIGFzIGJvb2xlYW4pO1xuICBwcm90ZWN0ZWQgaGFzQ29udHJvbHMgPSBjb21wdXRlZDxib29sZWFuPigoKSA9PiB0aGlzLm9wdGlvbnMoKVtcImhhc0NvbnRyb2xzXCJdIGFzIGJvb2xlYW4pO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2NsYXNzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgY2xzOiBhbnkgPSB7fTtcbiAgICAvL1xuICAgIGNsc1tgYXgtYmxvY2tgXSA9IHRydWU7XG4gICAgY2xzW2BheC13LWZ1bGxgXSA9IHRydWU7XG4gICAgcmV0dXJuIGNscztcbiAgfVxuXG59Il19