@acorex/platform 18.0.12 → 18.0.13

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, isUndefined, 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,17 +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);
         }
     }
@@ -237,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;
@@ -621,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);
@@ -788,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