@acorex/platform 18.0.11 → 18.0.13

package/fesm2022/acorex-platform-core.mjs

@@ -1,5 +1,6 @@
+import { AXCalendarService } from '@acorex/core/date-time';
 import * as i0 from '@angular/core';
-import { signal, Pipe, inject, Injectable } from '@angular/core';
+import { inject, signal, Pipe, Injectable } from '@angular/core';
 import { interval } from 'rxjs';
 import { startWith, map } from 'rxjs/operators';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -19,11 +20,17 @@ function getNestedKeys(obj, prefix = '') {
 
 class AXPCountdownPipe {
     constructor() {
+        this.calendarService = inject(AXCalendarService);
         this.countdownSignal = signal(this.setupTimer());
         this.targetDate = 0;
+        this.prevValue = 0;
     }
     transform(value) {
-        this.updateTargetDate(value);
+        if (this.prevValue != value) {
+            this.prevValue = value;
+            const expireTime = this.calendarService.calendar.add(new Date(), 'second', value).date;
+            this.updateTargetDate(expireTime.toISOString());
+        }
         return this.countdownSignal();
     }
     setupTimer() {

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-platform-core.mjs","sources":["../../../../libs/platform/core/src/lib/types.ts","../../../../libs/platform/core/src/utils/countdown-timer.ts","../../../../libs/platform/core/src/utils/html-utils.ts","../../../../libs/platform/core/src/acorex-platform-core.ts"],"sourcesContent":["export type AXPPartialNested<T> = {\n    [K in keyof T]?: T[K] extends object ? AXPPartialNested<T[K]> : T[K];\n};\n\nexport type AXPMetaData = Record<string, any>;\n\nexport type AXPOptionsData = Record<string, any>;\n\nexport type AXPValidationRule = { rule: string; message?: string; options?: any; disabled?: boolean };\n\nexport type AXPValidationRules = AXPValidationRule[];\n\n\nexport function getNestedKeys(obj: any, prefix: string = ''): string[] {\n    let keys: string[] = [];\n    for (const key in obj) {\n        if (typeof obj[key] === 'object' && obj[key] !== null && !Array.isArray(obj[key])) {\n            keys = [...keys, ...getNestedKeys(obj[key], prefix + key + '.')];\n        } else {\n            keys.push(prefix + key);\n        }\n    }\n    return keys;\n}","import { Pipe, PipeTransform, signal } from '@angular/core';\nimport { interval, Observable } from 'rxjs';\nimport { map, startWith } from 'rxjs/operators';\n\n@Pipe({\n  name: 'countdown',\n  pure: false,\n  standalone: true,\n})\nexport class AXPCountdownPipe implements PipeTransform {\n  private countdownSignal = signal(this.setupTimer());\n\n  transform(value: string): Observable<string> {\n    this.updateTargetDate(value);\n    return this.countdownSignal();\n  }\n\n  private setupTimer() {\n    return interval(1000).pipe(\n      startWith(0),\n      map(() => {\n        const diff = this.targetDate - new Date().getTime();\n        if (diff < 0) {\n          return \"Time's up!\";\n        }\n\n        const times = [86400, 3600, 60, 1].map((seconds) => Math.floor((diff / 1000 / seconds) % (seconds === 1 ? 60 : 24)));\n        const labels = ['d', 'h', 'm', 's'];\n        return times\n          .map((t, i) => (t > 0 || i === 3 ? `${t}${labels[i]}` : ''))\n          .join(' ')\n          .trim();\n      })\n    );\n  }\n\n  private updateTargetDate(value: string) {\n    this.targetDate = new Date(value).getTime();\n  }\n\n  private targetDate: number = 0;\n}\n","import { inject, Injectable } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Injectable({ providedIn: 'root' })\nexport class AXPHtmlUtils {\n  private sanitizer = inject(DomSanitizer);\n  getTextFromHTML(html: string | undefined | null): string {\n    if (!html) return '';\n    const tempElement = document.createElement('div');\n    tempElement.innerHTML = html;\n    return tempElement.innerText || tempElement.textContent || '';\n  }\n  getSafeHTMLfromHTML(html: string | undefined | null): SafeHtml | null {\n    if (!html) return null;\n    return this.sanitizer.bypassSecurityTrustHtml(html);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-platform-core.mjs","sources":["../../../../libs/platform/core/src/lib/types.ts","../../../../libs/platform/core/src/utils/countdown-timer.ts","../../../../libs/platform/core/src/utils/html-utils.ts","../../../../libs/platform/core/src/acorex-platform-core.ts"],"sourcesContent":["export type AXPPartialNested<T> = {\n    [K in keyof T]?: T[K] extends object ? AXPPartialNested<T[K]> : T[K];\n};\n\nexport type AXPMetaData = Record<string, any>;\n\nexport type AXPOptionsData = Record<string, any>;\n\nexport type AXPValidationRule = { rule: string; message?: string; options?: any; disabled?: boolean };\n\nexport type AXPValidationRules = AXPValidationRule[];\n\n\nexport function getNestedKeys(obj: any, prefix: string = ''): string[] {\n    let keys: string[] = [];\n    for (const key in obj) {\n        if (typeof obj[key] === 'object' && obj[key] !== null && !Array.isArray(obj[key])) {\n            keys = [...keys, ...getNestedKeys(obj[key], prefix + key + '.')];\n        } else {\n            keys.push(prefix + key);\n        }\n    }\n    return keys;\n}","import { AXCalendarService } from '@acorex/core/date-time';\nimport { inject, Pipe, PipeTransform, signal } from '@angular/core';\nimport { interval, Observable } from 'rxjs';\nimport { map, startWith } from 'rxjs/operators';\n\n@Pipe({\n  name: 'countdown',\n  pure: false,\n  standalone: true,\n})\nexport class AXPCountdownPipe implements PipeTransform {\n  private calendarService = inject(AXCalendarService);\n\n  private countdownSignal = signal(this.setupTimer());\n\n  private targetDate: number = 0;\n  private prevValue = 0;\n\n  transform(value: number): Observable<string> {\n    if (this.prevValue != value) {\n      this.prevValue = value;\n      const expireTime = this.calendarService.calendar.add(new Date(), 'second', value).date;\n      this.updateTargetDate(expireTime.toISOString());\n    }\n    return this.countdownSignal();\n  }\n\n  private setupTimer() {\n    return interval(1000).pipe(\n      startWith(0),\n      map(() => {\n        const diff = this.targetDate - new Date().getTime();\n        if (diff < 0) {\n          return \"Time's up!\";\n        }\n\n        const times = [86400, 3600, 60, 1].map((seconds) => Math.floor((diff / 1000 / seconds) % (seconds === 1 ? 60 : 24)));\n        const labels = ['d', 'h', 'm', 's'];\n        return times\n          .map((t, i) => (t > 0 || i === 3 ? `${t}${labels[i]}` : ''))\n          .join(' ')\n          .trim();\n      })\n    );\n  }\n\n  private updateTargetDate(value: string) {\n    this.targetDate = new Date(value).getTime();\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Injectable({ providedIn: 'root' })\nexport class AXPHtmlUtils {\n  private sanitizer = inject(DomSanitizer);\n  getTextFromHTML(html: string | undefined | null): string {\n    if (!html) return '';\n    const tempElement = document.createElement('div');\n    tempElement.innerHTML = html;\n    return tempElement.innerText || tempElement.textContent || '';\n  }\n  getSafeHTMLfromHTML(html: string | undefined | null): SafeHtml | null {\n    if (!html) return null;\n    return this.sanitizer.bypassSecurityTrustHtml(html);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,14 +1,14 @@
-import * as i0 from '@angular/core';
-import { signal, Injectable, InjectionToken, inject, computed, afterNextRender, EventEmitter, model, effect, Component, ChangeDetectionStrategy, Output, Input, Injector, ChangeDetectorRef, ViewChild, NgModule, Optional, Inject } from '@angular/core';
-import { set, get, isEqual, clone, merge, cloneDeep, sum } from 'lodash-es';
-import { Subject, debounceTime, filter } from 'rxjs';
-import { AXUnsubscriber } from '@acorex/core/utils';
+import * as i3 from '@acorex/components/skeleton';
+import { AXSkeletonModule } from '@acorex/components/skeleton';
 import * as i2 from '@angular/cdk/portal';
 import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@acorex/components/skeleton';
-import { AXSkeletonModule } from '@acorex/components/skeleton';
+import * as i0 from '@angular/core';
+import { signal, Injectable, InjectionToken, inject, computed, afterNextRender, Injector, Component, ChangeDetectionStrategy, Input, EventEmitter, model, effect, Output, ChangeDetectorRef, ViewChild, NgModule, Optional, Inject } from '@angular/core';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { set, get, isEqual, clone, merge, cloneDeep, isUndefined, sum } from 'lodash-es';
+import { Subject, debounceTime, filter } from 'rxjs';
 import { AXDataTableColumnComponent } from '@acorex/components/data-table';
 
 class AXPLayoutElement {
@@ -57,7 +57,7 @@ class AXPLayoutBuilderService {
             this.functions$.update(v => set(v, args[0], args[1]));
         }
     }
-    setValue(path, value, debounceMs = 50) {
+    setValue(path, value, init = false) {
         const oldValue = get(this.context$(), path);
         if (isEqual(oldValue, value))
             return;
@@ -65,27 +65,30 @@ class AXPLayoutBuilderService {
             // Create a new Subject for debouncing if it doesn't exist
             this.debouncers[path] = new Subject();
             // Subscribe to the subject with debounceTime
-            this.debouncerSubscriptions[path] = this.debouncers[path].pipe(debounceTime(debounceMs)).subscribe(({ value }) => {
-                // Only emit onChanged event after debounce time
-                this.onChanged.next({
-                    oldValue: oldValue,
-                    newValue: value,
-                    data: this.context,
-                    path,
+            this.debouncerSubscriptions[path] =
+                this.debouncers[path]
+                    .pipe(debounceTime(150))
+                    .subscribe(({ value, init }) => {
+                    // Only emit onChanged event after debounce time
+                    this.onChanged.next({
+                        oldValue: oldValue,
+                        newValue: value,
+                        data: this.context,
+                        path,
+                        init
+                    });
                 });
-            });
         }
         // Update context immediately
         this.context$.update((ctx) => set(clone(ctx), path, value));
         // Emit value through the debouncer subject
-        this.debouncers[path].next({ path, value });
+        this.debouncers[path].next({ path, value, init });
     }
     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);
@@ -107,6 +110,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             type: Injectable
         }] });
 
+class AXPWidgetRegistryService {
+    constructor() {
+        this.types = new Map();
+    }
+    register(widget) {
+        this.types.set(widget.name, widget);
+    }
+    extend(parentName, widget) {
+        const parentWidget = this.resolve(parentName);
+        const newWidget = merge({}, parentWidget, widget);
+        newWidget.name = widget.name;
+        this.register(newWidget);
+    }
+    resolve(name) {
+        const widget = this.types.get(name);
+        if (!widget) {
+            throw new Error(`Widget with name ${widget} does not exist.`);
+        }
+        return widget;
+    }
+    all() {
+        return Array.from(this.types.values());
+    }
+    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.2.0", ngImport: i0, type: AXPWidgetRegistryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 function cloneProperty(property, values) {
     return merge(cloneDeep(property), values);
 }
@@ -125,7 +161,7 @@ class AXPWidgetComponent extends AXPLayoutElement {
         this._options = signal(this.token.node.options ?? {});
         this.options = this._options.asReadonly();
         this.contextService = inject(AXPLayoutBuilderService);
-        this.rawValue = computed(() => (this._fullPath ? get(this.contextService.context, this._fullPath) : null));
+        this.rawValue = computed(() => this._fullPath ? get(this.contextService.context, this._fullPath) : null);
         this.onReady = new Subject();
         this.isRendered = false;
         this.nextRender = afterNextRender(() => {
@@ -148,16 +184,17 @@ class AXPWidgetComponent extends AXPLayoutElement {
     initRender() {
         this.detectFullPath();
         if (this.defaultValue != null) {
-            this.setValue(this.defaultValue);
+            this.setValue(this.defaultValue, true);
         }
     }
     getValue() {
         return this.rawValue();
     }
-    setValue(value) {
+    setValue(value, init = false) {
         const oldValue = this.rawValue();
+        value = isUndefined(value) ? null : value;
         if (this._fullPath) {
-            this.contextService.setValue(this._fullPath, value);
+            this.contextService.setValue(this._fullPath, value, init);
             this.onValueChanged(oldValue, value);
         }
     }
@@ -236,84 +273,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             type: Injectable
         }] });
 
-class AXPWidgetContainerComponent {
-    constructor() {
-        this.onChanged = new EventEmitter();
-        this.context = model({});
-        this.unsubscriber = inject(AXUnsubscriber);
-        this.builderService = inject(AXPLayoutBuilderService);
-        this.ef = effect(() => {
-            this.builderService.initial(this.context());
-        }, { allowSignalWrites: true });
-    }
-    set variables(v) {
-        this.builderService.setVariables(v);
-    }
-    set functions(v) {
-        this.builderService.setFunctions(v);
-    }
-    ngOnInit() {
-        this.builderService
-            .onChanged
-            .pipe(this.unsubscriber.takeUntilDestroy)
-            .subscribe(e => {
-            this.context.set(e.data);
-            this.onChanged.emit(e);
-        });
-    }
-    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: "17.1.0", version: "18.2.0", type: AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, variables: { classPropertyName: "variables", publicName: "variables", isSignal: false, isRequired: false, transformFunction: null }, functions: { classPropertyName: "functions", publicName: "functions", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onChanged: "onChanged", context: "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.2.0", ngImport: i0, type: AXPWidgetContainerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-widgets-container',
-                    template: `<ng-content></ng-content>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: { style: 'display: contents;' },
-                    providers: [AXPLayoutBuilderService, AXUnsubscriber],
-                }]
-        }], propDecorators: { onChanged: [{
-                type: Output
-            }], variables: [{
-                type: Input
-            }], functions: [{
-                type: Input
-            }] } });
-
-class AXPWidgetRegistryService {
-    constructor() {
-        this.types = new Map();
-    }
-    register(widget) {
-        this.types.set(widget.name, widget);
-    }
-    extend(parentName, widget) {
-        const parentWidget = this.resolve(parentName);
-        const newWidget = merge({}, parentWidget, widget);
-        newWidget.name = widget.name;
-        this.register(newWidget);
-    }
-    resolve(name) {
-        const widget = this.types.get(name);
-        if (!widget) {
-            throw new Error(`Widget with name ${widget} does not exist.`);
-        }
-        return widget;
-    }
-    all() {
-        return Array.from(this.types.values());
-    }
-    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.2.0", ngImport: i0, type: AXPWidgetRegistryService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 class AXPWidgetRendererComponent {
     get node() {
         return this._node;
@@ -620,6 +579,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 type: Input
             }] } });
 
+class AXPWidgetContainerComponent {
+    constructor() {
+        this.onChanged = new EventEmitter();
+        this.context = model({});
+        this.unsubscriber = inject(AXUnsubscriber);
+        this.builderService = inject(AXPLayoutBuilderService);
+        this.ef = effect(() => {
+            this.builderService.initial(this.context());
+        }, { allowSignalWrites: true });
+    }
+    set variables(v) {
+        this.builderService.setVariables(v);
+    }
+    set functions(v) {
+        this.builderService.setFunctions(v);
+    }
+    ngOnInit() {
+        this.builderService
+            .onChanged
+            .pipe(this.unsubscriber.takeUntilDestroy)
+            .subscribe(e => {
+            this.context.set(e.data);
+            this.onChanged.emit(e);
+        });
+    }
+    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: "17.1.0", version: "18.2.0", type: AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, variables: { classPropertyName: "variables", publicName: "variables", isSignal: false, isRequired: false, transformFunction: null }, functions: { classPropertyName: "functions", publicName: "functions", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onChanged: "onChanged", context: "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.2.0", ngImport: i0, type: AXPWidgetContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-widgets-container',
+                    template: `<ng-content></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { style: 'display: contents;' },
+                    providers: [AXPLayoutBuilderService, AXUnsubscriber],
+                }]
+        }], propDecorators: { onChanged: [{
+                type: Output
+            }], variables: [{
+                type: Input
+            }], functions: [{
+                type: Input
+            }] } });
+
 class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
     constructor() {
         super(...arguments);
@@ -787,38 +791,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", 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,
-// }
+const AXPWidgetsCatalog = {
+    checkbox: 'checkbox-editor',
+    color: 'color-editor',
+    contact: 'contact-editor',
+    dateTime: 'date-time-editor',
+    email: 'email-editor',
+    largeText: 'large-text-editor',
+    link: 'link-editor',
+    number: 'number-editor',
+    password: 'password-editor',
+    phone: 'phone-editor',
+    richText: 'rich-text-editor',
+    select: 'select-editor',
+    selectionList: 'selection-list-editor',
+    text: 'text-editor',
+    toggle: 'toggle-editor',
+    blockLayout: 'block-layout',
+    pageLayout: 'page-layout',
+    repeaterLayout: 'repeater-layout',
+    textBlockLayout: 'text-block-layout',
+    file: 'file',
+    map: 'map',
+    gallery: 'gallery',
+    signature: 'signature',
+    buttonAction: 'button-action',
+    document: 'document-layout',
+    lookup: 'lookup-editor',
+    formField: 'form-field',
+    qrcode: 'qrcode',
+    grid: 'grid',
+};
+
+const AXP_WIDGETS_EDITOR_GROUP = {
+    name: 'editor',
+    order: 2,
+    title: 'Editors',
+};
+const AXP_WIDGETS_ACTION_GROUP = {
+    name: 'action',
+    order: 3,
+    title: 'Action',
+};
+const AXP_WIDGETS_LAYOUT_GROUP = {
+    name: 'layout',
+    order: 1,
+    title: 'Layout',
+};
+const AXP_WIDGETS_ADVANCE_GROUP = {
+    name: 'advance',
+    order: 4,
+    title: 'Advance',
+};
+const AXP_WIDGETS_GROUPS = [
+    AXP_WIDGETS_EDITOR_GROUP,
+    AXP_WIDGETS_ACTION_GROUP,
+    AXP_WIDGETS_LAYOUT_GROUP,
+    AXP_WIDGETS_ADVANCE_GROUP,
+];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXPColumnWidgetComponent, AXPContainerWidgetComponent, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutElement, AXPWidgetColumnRendererComponent, AXPWidgetComponent, AXPWidgetContainerComponent, AXPWidgetRegistryService, AXPWidgetRendererComponent, AXP_WIDGET_COLUMN_TOKEN, AXP_WIDGET_TOKEN, cloneProperty };
+export { AXPColumnWidgetComponent, AXPContainerWidgetComponent, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutElement, AXPWidgetColumnRendererComponent, AXPWidgetComponent, AXPWidgetContainerComponent, AXPWidgetRegistryService, AXPWidgetRendererComponent, AXPWidgetsCatalog, AXP_WIDGETS_ACTION_GROUP, AXP_WIDGETS_ADVANCE_GROUP, AXP_WIDGETS_EDITOR_GROUP, AXP_WIDGETS_GROUPS, AXP_WIDGETS_LAYOUT_GROUP, AXP_WIDGET_COLUMN_TOKEN, AXP_WIDGET_TOKEN, cloneProperty };
 //# sourceMappingURL=acorex-platform-layout-builder.mjs.map