@acorex/platform 18.0.8 → 18.0.10

package/fesm2022/acorex-platform-core.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=acorex-platform-core.mjs.map

package/fesm2022/acorex-platform-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-core.mjs","sources":["../../../../libs/platform/core/src/acorex-platform-core.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG"}

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

@@ -11,6 +11,11 @@ import * as i3 from '@acorex/components/skeleton';
 import { AXSkeletonModule } from '@acorex/components/skeleton';
 import { AXDataTableColumnComponent } from '@acorex/components/data-table';
 
+class AXPLayoutElement {
+    api() {
+        return {};
+    }
+}
 class AXPLayoutBuilderService {
     constructor() {
         this.context$ = signal({});
@@ -19,7 +24,9 @@ class AXPLayoutBuilderService {
         this.onChanged = new Subject();
         this.debouncers = {};
         this.debouncerSubscriptions = {};
+        this.widgets = new Map();
     }
+    ;
     get context() {
         return this.context$();
     }
@@ -76,6 +83,13 @@ class AXPLayoutBuilderService {
     getValue(path) {
         return get(this.context, path);
     }
+    registerWidget(id, widget) {
+        this.widgets.set(id, widget);
+        //console.log(this.widgets.entries());
+    }
+    getWidget(id) {
+        return this.widgets.get(id);
+    }
     unsubscribeDebouncers() {
         Object.keys(this.debouncerSubscriptions).forEach((path) => {
             this.debouncerSubscriptions[path].unsubscribe();
@@ -86,28 +100,41 @@ class AXPLayoutBuilderService {
     ngOnDestroy() {
         this.unsubscribeDebouncers();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLayoutBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLayoutBuilderService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLayoutBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLayoutBuilderService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLayoutBuilderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLayoutBuilderService, decorators: [{
             type: Injectable
         }] });
 
+function cloneProperty(property, values) {
+    return merge(cloneDeep(property), values);
+}
 const AXP_WIDGET_TOKEN = new InjectionToken('AXP_WIDGET_TOKEN');
 const AXP_WIDGET_COLUMN_TOKEN = new InjectionToken('AXP_WIDGET_COLUMN_TOKEN');
-class AXPWidgetBase {
+class AXPWidgetBase extends AXPLayoutElement {
     constructor() {
+        super(...arguments);
         this.token = inject(AXP_WIDGET_TOKEN);
         this.cdr = inject(ChangeDetectorRef);
-        this.id = this.token.id;
         this.path = this.token.path;
+        this.name = this.token.name;
         this.mode = this.token.mode;
         this.type = this.token.type;
         this.children = this.token.children;
+        this.config = this.token.config;
         this.contextService = inject(AXPLayoutBuilderService);
-        this.rawValue = computed(() => (this.path ? get(this.contextService.context, this.path) : null));
+        this.rawValue = computed(() => (this._fullPath ? get(this.contextService.context, this._fullPath) : null));
+        // Cached property set
+        this.propsSet = null;
+    }
+    get id() {
+        return this._id;
     }
     ngOnInit() {
+        //
+        this.detectFullPath();
+        //
         this.setOptions(this.token.options);
     }
     getValue() {
@@ -115,16 +142,31 @@ class AXPWidgetBase {
     }
     setValue(value) {
         const oldValue = this.rawValue();
-        if (this.path) {
-            this.contextService.setValue(this.path, value);
+        if (this._fullPath) {
+            this.contextService.setValue(this._fullPath, value);
             this.onValueChanged(oldValue, value);
         }
     }
-    setOption(path, value) {
-        set(this, path, value);
-        this.cdr.markForCheck();
-    }
     setOptions(values) {
+        if (!values) {
+            console.warn('No values provided to setOptions.');
+            return;
+        }
+        // Cache property names if not already cached
+        if (!this.propsSet) {
+            const propsFromConfig = this.config.properties?.map(c => c.name) || [];
+            const propsFromComponents = this.config.components[this.mode]?.properties?.map(c => c.name) || [];
+            this.propsSet = new Set([...propsFromConfig, ...propsFromComponents]);
+        }
+        const keys = Object.keys(values);
+        // Filter invalid property names
+        const invalidKeys = keys.filter(k => !this.propsSet.has(k));
+        if (invalidKeys.length > 0) {
+            console.error(`Invalid property names detected in widget '${this.config.name}' (mode: '${this.mode}'). ` +
+                `Widget ID: '${this.id ?? 'undefined'}' | Full Path: '${this._fullPath ?? 'undefined'}'. ` +
+                `Invalid properties: ${invalidKeys.join(', ')}.`);
+        }
+        // Merge valid values into the current instance
         merge(this, values);
         this.cdr.markForCheck();
     }
@@ -134,12 +176,42 @@ class AXPWidgetBase {
             fn.bind(this)(...args);
         }
     }
-    onValueChanged(oldValue, newValue) {
+    onValueChanged(oldValue, newValue) { }
+    detectFullPath() {
+        let sections = [];
+        let ids = [];
+        //
+        let parent = this;
+        //
+        while (parent != null) {
+            const path = parent.path ?? parent.name;
+            const id = parent.name;
+            //
+            if (path) {
+                sections.push(path);
+                if (parent.index != null) {
+                    sections.push(`[${parent.index}]`);
+                }
+            }
+            if (id) {
+                ids.push(id);
+                if (parent.index != null) {
+                    ids.push(`${parent.index}`);
+                }
+            }
+            parent = parent.parent;
+        }
+        //
+        this._fullPath = sections.reverse().join('.');
+        this._id = (this.name || this.parent) ? ids.reverse().join('_') : null;
+        if (this._id) {
+            this.contextService.registerWidget(this._id, this);
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetBase, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetBase }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetBase, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetBase }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetBase, decorators: [{
             type: Injectable
         }] });
 class AXPColumnWidgetBase {
@@ -160,10 +232,10 @@ class AXPColumnWidgetBase {
     setOptions(values) {
         merge(this, values);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPColumnWidgetBase, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPColumnWidgetBase }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPColumnWidgetBase, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPColumnWidgetBase }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPColumnWidgetBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPColumnWidgetBase, decorators: [{
             type: Injectable
         }] });
 
@@ -195,10 +267,10 @@ class AXPWidgetContainerComponent {
             this.contextChange.emit(cloneDeep(ctx.data));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: { context: "context", variables: "variables", functions: "functions" }, outputs: { contextChange: "contextChange" }, host: { styleAttribute: "display: contents;" }, providers: [AXPLayoutBuilderService, AXUnsubscriber], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: { context: "context", variables: "variables", functions: "functions" }, outputs: { contextChange: "contextChange" }, host: { styleAttribute: "display: contents;" }, providers: [AXPLayoutBuilderService, AXUnsubscriber], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-widgets-container',
@@ -237,10 +309,10 @@ class AXPWidgetRegistryService {
         }
         return widget;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetRegistryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetRegistryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetRegistryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -266,7 +338,7 @@ class AXPWidgetRendererComponent {
         this.expressionEvaluators = new Map();
         this.scope = null;
         this.builderService.onChanged.pipe(this.unsubscriber.takeUntilDestroy).subscribe(async (e) => {
-            if (await this.updateOptionsBasedOnContext() > 0) {
+            if ((await this.updateOptionsBasedOnContext()) > 0) {
                 this.applyOptions();
             }
             if (this.checkFormulaForUpdate(this.node.formula, e.path)) {
@@ -277,16 +349,24 @@ class AXPWidgetRendererComponent {
     async loadComponent() {
         this.isLoading.set(true);
         const widget = this.widgetRegistery.resolve(this.node.type);
-        this.mergedOptions.set(merge(cloneDeep(widget?.defaultOptions), cloneDeep(widget?.components[this.node.mode]?.defaultOptions), this.node.options) || {});
+        //
+        const props = widget?.components[this.node.mode].properties?.filter(c => c.schema.defaultValue)
+            .map(c => ({ [c.name]: c.schema.defaultValue }))
+            .reduce((acc, curr) => {
+            return { ...acc, ...curr };
+        }, {});
+        //
+        this.mergedOptions.set(merge(cloneDeep(widget?.defaultOptions), props, this.node.options) || {});
         this.preprocessAndInitialOptions(cloneDeep(this.node.options));
         await this.updateOptionsBasedOnContext();
         const tokenValue = {
-            id: this.node.id,
+            name: this.node.name,
             path: this.node.path,
             mode: this.node.mode,
             type: this.node.type,
             children: this.node.children,
-            options: this.mergedOptions()
+            options: this.mergedOptions(),
+            config: widget
         };
         const token = Injector.create({
             parent: this.injector,
@@ -304,6 +384,8 @@ class AXPWidgetRendererComponent {
     async handleAttached(portalOutletRef) {
         portalOutletRef = portalOutletRef;
         this.instance = portalOutletRef.instance;
+        this.instance.parent = this.parentNode;
+        this.instance.index = this.index;
         await this.updateValueBasedOnFormula();
         await this.assignTriggers();
     }
@@ -351,7 +433,7 @@ class AXPWidgetRendererComponent {
         }
         // Apply updates to mergedOptions
         if (updates.length > 0) {
-            this.mergedOptions.update(o => {
+            this.mergedOptions.update((o) => {
                 const updatedOptions = { ...o };
                 updates.forEach(({ path, newValue }) => {
                     // Set the new value in the updatedOptions object by path
@@ -419,6 +501,7 @@ class AXPWidgetRendererComponent {
     getEventScope() {
         const scope = {};
         set(scope, 'context', (path) => this.builderService.onChanged.pipe(filter((c) => c.path == path)));
+        set(scope, 'from', (event) => get(this.instance.api(), event));
         return scope;
     }
     getWidgetScope() {
@@ -426,6 +509,9 @@ class AXPWidgetRendererComponent {
         set(scope, 'call', (name, ...args) => {
             this.instance.call(name, ...args);
         });
+        set(scope, 'find', (id) => {
+            return this.builderService.getWidget(id)?.api();
+        });
         return scope;
     }
     getFunctionScope() {
@@ -433,7 +519,7 @@ class AXPWidgetRendererComponent {
         set(scope, 'sum', (values) => {
             return sum(values);
         });
-        Object.entries(this.builderService.functions).forEach(i => {
+        Object.entries(this.builderService.functions).forEach((i) => {
             set(scope, i[0], (...args) => {
                 return i[1](...args);
             });
@@ -486,8 +572,8 @@ class AXPWidgetRendererComponent {
             console.error('Error evaluating expression:', error);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: { node: "node" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: { node: "node", parentNode: "parentNode", index: "index" }, providers: [
             {
                 provide: AXUnsubscriber,
             },
@@ -502,7 +588,7 @@ class AXPWidgetRendererComponent {
     </ng-template>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetRendererComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetRendererComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-widget-renderer',
@@ -526,6 +612,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
         }], ctorParameters: () => [], propDecorators: { node: [{
                 type: Input,
                 args: [{ required: true }]
+            }], parentNode: [{
+                type: Input
+            }], index: [{
+                type: Input
             }] } });
 
 class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
@@ -561,7 +651,14 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
         const widget = this.widgetRegistery.resolve(this.node.type);
         const mode = 'column';
         this.component = await widget?.components[mode]?.component();
-        this.mergedOptions.set(merge(widget?.defaultOptions, widget?.components[mode]?.defaultOptions, this.node.options) || {});
+        //
+        const props = widget?.components[mode].properties?.filter(c => c.schema.defaultValue)
+            .map(c => ({ [c.name]: c.schema.defaultValue }))
+            .reduce((acc, curr) => {
+            return { ...acc, ...curr };
+        }, {});
+        //
+        this.mergedOptions.set(merge(widget?.defaultOptions, props, this.node.options) || {});
         const tokenValue = {
             path: this.node.path,
             options: this.mergedOptions()
@@ -582,8 +679,8 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
     getInputs(data) {
         return { rawValue: get(data, this.node.path) };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetColumnRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: { caption: "caption", node: "node", footerTemplate: "footerTemplate", cellTemplate: "cellTemplate", headerTemplate: "headerTemplate" }, providers: [AXPLayoutBuilderService, { provide: AXDataTableColumnComponent, useExisting: AXPWidgetColumnRendererComponent }], viewQueries: [{ propertyName: "_contentFooterTemplate", first: true, predicate: ["footer"], descendants: true }, { propertyName: "_contentCellTemplate", first: true, predicate: ["cell"], descendants: true }, { propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetColumnRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: { caption: "caption", node: "node", footerTemplate: "footerTemplate", cellTemplate: "cellTemplate", headerTemplate: "headerTemplate" }, providers: [AXPLayoutBuilderService, { provide: AXDataTableColumnComponent, useExisting: AXPWidgetColumnRendererComponent }], viewQueries: [{ propertyName: "_contentFooterTemplate", first: true, predicate: ["footer"], descendants: true }, { propertyName: "_contentCellTemplate", first: true, predicate: ["cell"], descendants: true }, { propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <ng-template #header>{{ caption }}</ng-template>
     <ng-template #cell let-row>
       @if(component && widgetInjector && row?.data) {
@@ -593,7 +690,7 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
     <ng-template #footer></ng-template>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPWidgetColumnRendererComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetColumnRendererComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-widget-column-renderer',
@@ -670,11 +767,11 @@ class AXPLayoutBuilderModule {
             f();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLayoutBuilderModule, deps: [{ token: 'AXPLayoutBuilderModuleFactory', optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXPLayoutBuilderModule, declarations: [AXPWidgetContainerComponent, AXPWidgetRendererComponent, AXPWidgetColumnRendererComponent], imports: [CommonModule, PortalModule, AXSkeletonModule, CommonModule], exports: [AXPWidgetContainerComponent, AXPWidgetRendererComponent, AXPWidgetColumnRendererComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLayoutBuilderModule, imports: [CommonModule, PortalModule, AXSkeletonModule, CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLayoutBuilderModule, deps: [{ token: 'AXPLayoutBuilderModuleFactory', optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AXPLayoutBuilderModule, declarations: [AXPWidgetContainerComponent, AXPWidgetRendererComponent, AXPWidgetColumnRendererComponent], imports: [CommonModule, PortalModule, AXSkeletonModule, CommonModule], exports: [AXPWidgetContainerComponent, AXPWidgetRendererComponent, AXPWidgetColumnRendererComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLayoutBuilderModule, imports: [CommonModule, PortalModule, AXSkeletonModule, CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLayoutBuilderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLayoutBuilderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PortalModule, AXSkeletonModule, CommonModule],
@@ -688,9 +785,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
                     args: ['AXPLayoutBuilderModuleFactory']
                 }] }] });
 
+// export interface AXPLayoutPage {
+//     id: string,
+//     title: string,
+//     forms: AXPLayoutForm[]
+// }
+// export interface AXPLayoutForm {
+//     id: string,
+//     title: string,
+// }
+// export interface AXPLayoutFormRootGroup {
+//     id: string,
+//     title: string,
+//     layout?: AXPGridLayoutOptions
+// }
+// export interface AXPLayoutFormGroup {
+//     id: string,
+//     title: string,
+//     groups: AXPLayoutFormGroup
+//     fields: AXPLayoutFormField[]
+// }
+// export interface AXPLayoutFormField {
+//     name: string;
+//     title: string;
+//     description?: string;
+//     order?: number,
+//     editable: boolean,
+//     widget: AXPWidgetNode,
+// }
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXPColumnWidgetBase, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPWidgetBase, AXPWidgetColumnRendererComponent, AXPWidgetContainerComponent, AXPWidgetRegistryService, AXPWidgetRendererComponent, AXP_WIDGET_COLUMN_TOKEN, AXP_WIDGET_TOKEN };
+export { AXPColumnWidgetBase, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutElement, AXPWidgetBase, AXPWidgetColumnRendererComponent, AXPWidgetContainerComponent, AXPWidgetRegistryService, AXPWidgetRendererComponent, AXP_WIDGET_COLUMN_TOKEN, AXP_WIDGET_TOKEN, cloneProperty };
 //# sourceMappingURL=acorex-platform-layout-builder.mjs.map