@acorex/platform 19.1.1 → 19.1.3

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

@@ -7,8 +7,8 @@ import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { signal, Injectable, InjectionToken, inject, ElementRef, afterNextRender, computed, effect, Injector, Component, ChangeDetectionStrategy, Input, EventEmitter, model, Output, ChangeDetectorRef, ViewChild, input, ViewContainerRef, Directive, NgModule, Optional, Inject } from '@angular/core';
 import { AXUnsubscriber } from '@acorex/core/utils';
-import { set, get, isEqual, clone, merge, cloneDeep, isNil, isUndefined, sum } from 'lodash-es';
-import { Subject, debounceTime, filter } from 'rxjs';
+import { set, get, isEqual, clone, merge, isNil, cloneDeep, isUndefined, sum } from 'lodash-es';
+import { Subject, filter } from 'rxjs';
 import { convertArrayToDataSource, AXDataSource } from '@acorex/components/common';
 import { AXDataTableColumnComponent, AXBaseDataTable } from '@acorex/components/data-table';
 
@@ -67,25 +67,33 @@ class AXPLayoutBuilderService {
         if (isEqual(oldValue, value)) {
             return;
         }
-        if (!this.debouncers[path]) {
-            // 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(150)).subscribe(({ value, init }) => {
-                // Only emit onChanged event after debounce time
-                this.onChanged.next({
-                    oldValue: oldValue,
-                    newValue: value,
-                    data: this.context(),
-                    path,
-                    init,
-                });
-            });
-        }
+        // if (!this.debouncers[path]) {
+        //   // Create a new Subject for debouncing if it doesn't exist
+        //   this.debouncers[path] = new Subject<{ path: string; value: any; init: boolean }>();
+        //   // Subscribe to the subject with debounceTime
+        //   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));
+        //
+        this.onChanged.next({
+            oldValue: oldValue,
+            newValue: value,
+            data: this.context(),
+            path,
+            init,
+        });
         // Emit value through the debouncer subject
-        this.debouncers[path].next({ path, value, init });
+        //this.debouncers[path].next({ path, value, init });
     }
     getValue(path) {
         return get(this.context(), path);
@@ -208,8 +216,23 @@ const AXPWidgetsCatalog = {
     templateDesigner: 'template-designer',
     cronJob: 'cron-job',
     spacing: 'spacing',
+    border: 'border',
 };
 
+function objectKeyValueTransforms(keyName) {
+    return {
+        getter: (value) => {
+            if (isNil(value))
+                return undefined;
+            return typeof value == 'object' ? value[keyName] : value;
+        },
+        setter: (value) => {
+            if (isNil(value))
+                return undefined;
+            return typeof value == 'object' ? value[keyName] : value;
+        }
+    };
+}
 function cloneProperty(property, values) {
     return merge(cloneDeep(property), values);
 }
@@ -310,6 +333,9 @@ class AXPWidgetComponent extends AXPLayoutElement {
     get id() {
         return this._id;
     }
+    outputs() {
+        return [];
+    }
     ngOnInit() {
         this.initRender();
     }
@@ -348,11 +374,20 @@ class AXPWidgetComponent extends AXPLayoutElement {
         if (this.fullPath()) {
             this.contextService.setValue(this.fullPath(), value, init);
         }
-        this.onValueChanged(oldValue, value);
+        this.onValueChanged(oldValue, value, init);
     }
     setOptions(values) {
         this._options.set({ ...this.options(), ...values });
     }
+    output(name) {
+        if (this.outputs().includes(name)) {
+            const opt = get(this, name);
+            if (typeof opt == 'function') {
+                return opt();
+            }
+        }
+        return null;
+    }
     call(name, ...args) {
         const fn = get(this, name);
         if (fn && typeof fn == 'function') {
@@ -362,7 +397,7 @@ class AXPWidgetComponent extends AXPLayoutElement {
     setChildren(children) {
         this._children.set([...children]);
     }
-    onValueChanged(oldValue, newValue) { }
+    onValueChanged(oldValue, newValue, init = false) { }
     onAdded() { }
     detectFullPath() {
         const sections = [];
@@ -411,9 +446,9 @@ class AXPDataListWidgetComponent extends AXPWidgetComponent {
         super(...arguments);
         this.dataService = inject(AXPWidgetDataSourceProviderService);
         this.dataSource = signal(convertArrayToDataSource([]));
-        //protected items = computed<any[]>(() => this.options()['items'] ?? []);
         this.textField = computed(() => this.options()['textField'] ?? 'title');
         this.valueField = computed(() => this.options()['valueField'] ?? 'id');
+        this.selectedItems = signal([]);
         this.rf = effect(() => {
             const rawValue = this.options()['dataSource'];
             // static  datasource class
@@ -421,13 +456,19 @@ class AXPDataListWidgetComponent extends AXPWidgetComponent {
                 this.dataSource.set(rawValue);
             } // static array datasource
             else if (Array.isArray(rawValue)) {
-                this.dataSource.set(convertArrayToDataSource(rawValue));
+                this.dataSource.set(convertArrayToDataSource(rawValue, {
+                    key: this.valueField(),
+                    pageSize: 100,
+                }));
             } // resolve data source by name
             else if (rawValue && (typeof rawValue == 'string' || typeof rawValue == 'object')) {
                 const name = typeof rawValue == 'object' ? rawValue[this.valueField()] : rawValue;
                 this.dataService.get(name).then((c) => {
                     if (this.mode == 'designer' && c?.samples?.length) {
-                        this.dataSource.set(convertArrayToDataSource(c.samples));
+                        this.dataSource.set(convertArrayToDataSource(c.samples, {
+                            key: this.valueField(),
+                            pageSize: 500,
+                        }));
                     }
                     else {
                         const ds = c?.source();
@@ -992,7 +1033,7 @@ class AXPWidgetRendererDirective {
         this.index = input();
         this.mode = input.required();
         this.node = input.required();
-        this._options = signal({ needLabel: true });
+        this._options = signal({});
         this.options = this._options.asReadonly();
         this.mergedOptions = signal({});
         this.injector = inject(Injector);
@@ -1050,7 +1091,6 @@ class AXPWidgetRendererDirective {
         //
         const widget = this.widgetRegistery.resolve(this.node().type);
         //
-        this._options.update((val) => ({ ...val, ...widget?.options }));
         //
         const props = [...(widget?.properties ?? []), ...(widget?.components[this.mode()]?.properties ?? [])]
             ?.filter((c) => c.schema.defaultValue != null)
@@ -1063,6 +1103,8 @@ class AXPWidgetRendererDirective {
         this.preprocessAndInitialOptions(cloneDeep(this.node().options));
         await this.updateOptionsBasedOnContext();
         //
+        this._options.update((val) => ({ ...val, ...this.mergedOptions() }));
+        //
         const tokenValue = {
             node: this.node(),
             options: this.mergedOptions(),
@@ -1092,6 +1134,7 @@ class AXPWidgetRendererDirective {
     applyOptions() {
         if (!this.instance)
             return;
+        this._options.update((val) => ({ ...val, ...this.mergedOptions() }));
         this.instance.setOptions(this.mergedOptions());
     }
     checkFormulaForUpdate(formula, path) {
@@ -1200,6 +1243,9 @@ class AXPWidgetRendererDirective {
     getContextScope() {
         const scope = {};
         set(scope, 'eval', (path) => this.builderService.getValue(path));
+        set(scope, 'set', (path, value) => {
+            this.builderService.setValue(path, value);
+        });
         return scope;
     }
     getEventScope() {
@@ -1213,8 +1259,14 @@ class AXPWidgetRendererDirective {
         set(scope, 'call', (name, ...args) => {
             this.instance.call(name, ...args);
         });
+        set(scope, 'setValue', (value) => {
+            this.instance.setValue(value);
+        });
+        set(scope, 'output', (name) => {
+            this.instance.output(name);
+        });
         set(scope, 'find', (id) => {
-            return this.builderService.getWidget(id)?.api();
+            return this.builderService.getWidget(id);
         });
         return scope;
     }
@@ -1287,7 +1339,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             type: Directive,
             args: [{
                     selector: '[axp-widget-renderer]',
-                    exportAs: 'widgetRenderer', // Add this line
+                    exportAs: 'widgetRenderer',
                     providers: [
                         {
                             provide: AXUnsubscriber,
@@ -1386,5 +1438,5 @@ const AXP_WIDGETS_GROUPS = [
  * Generated bundle index. Do not edit.
  */
 
-export { AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutElement, AXPWidgetColumnRendererComponent, AXPWidgetComponent, AXPWidgetContainerComponent, AXPWidgetDataSourceProviderService, AXPWidgetRegistryService, AXPWidgetRendererComponent, AXPWidgetRendererDirective, 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_DATASOURCE_PROVIDER, AXP_WIDGET_TOKEN, cloneProperty, createBooleanProperty, createSelectProperty, createStringProperty };
+export { AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutElement, AXPWidgetColumnRendererComponent, AXPWidgetComponent, AXPWidgetContainerComponent, AXPWidgetDataSourceProviderService, AXPWidgetRegistryService, AXPWidgetRendererComponent, AXPWidgetRendererDirective, 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_DATASOURCE_PROVIDER, AXP_WIDGET_TOKEN, cloneProperty, createBooleanProperty, createSelectProperty, createStringProperty, objectKeyValueTransforms };
 //# sourceMappingURL=acorex-platform-layout-builder.mjs.map