@acorex/platform 18.2.0 → 18.2.2

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

@@ -5,10 +5,11 @@ import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { signal, Injectable, InjectionToken, inject, ElementRef, afterNextRender, computed, Injector, Component, ChangeDetectionStrategy, Input, EventEmitter, model, effect, Output, ChangeDetectorRef, ViewChild, input, ViewContainerRef, Directive, NgModule, Optional, Inject } from '@angular/core';
+import { signal, Injectable, InjectionToken, inject, ElementRef, afterNextRender, computed, effect, Injector, Input, ChangeDetectionStrategy, Component, EventEmitter, model, Output, ChangeDetectorRef, ViewChild, input, ViewContainerRef, Directive, Optional, Inject, NgModule } from '@angular/core';
 import { AXUnsubscriber } from '@acorex/core/utils';
-import { set, get, isEqual, clone, merge, cloneDeep, isUndefined, sum } from 'lodash-es';
+import { set, get, isEqual, clone, merge, cloneDeep, isNil, isUndefined, sum } from 'lodash-es';
 import { Subject, debounceTime, filter } from 'rxjs';
+import { convertArrayToDataSource, AXDataSource } from '@acorex/components/common';
 import { AXDataTableColumnComponent } from '@acorex/components/data-table';
 
 class AXPLayoutElement {
@@ -63,8 +64,9 @@ class AXPLayoutBuilderService {
     }
     setValue(path, value, init = false) {
         const oldValue = get(this.context$(), path);
-        if (isEqual(oldValue, value))
+        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();
@@ -144,6 +146,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 }]
         }] });
 
+const AXP_WIDGET_DATASOURCE_PROVIDER = new InjectionToken('AXP_WIDGET_DATASOURCE_PROVIDER');
+class AXPWidgetDataSourceProviderService {
+    constructor() {
+        this.providers = inject(AXP_WIDGET_DATASOURCE_PROVIDER, { optional: true });
+    }
+    async items() {
+        const items = [];
+        if (Array.isArray(this.providers)) {
+            for (const provider of this.providers) {
+                items.push(...(await provider.items()));
+            }
+        }
+        return items;
+    }
+    async get(name) {
+        return (await this.items()).find((c) => c.name == name);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetDataSourceProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetDataSourceProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetDataSourceProviderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 const AXPWidgetsCatalog = {
     checkbox: 'checkbox-editor',
     color: 'color-editor',
@@ -178,6 +205,7 @@ const AXPWidgetsCatalog = {
     gridRow: 'grid-row-layout',
     widgetSelector: 'widget-selector',
     template: 'template',
+    templateDesigner: 'template-designer',
 };
 
 function cloneProperty(property, values) {
@@ -273,7 +301,7 @@ class AXPWidgetComponent extends AXPLayoutElement {
             }
         });
         this.getValue = computed(() => {
-            return this.fullPath() ? get(this.contextService.context(), this.fullPath()) : null;
+            return this.fullPath() ? this.extractValue(this.fullPath()) : null;
         });
     }
     get id() {
@@ -286,11 +314,15 @@ class AXPWidgetComponent extends AXPLayoutElement {
         this._isValueWidget = this.config.properties?.some((c) => c.name == 'path') ?? false;
         if (this.isValueWidget()) {
             this.detectFullPath();
-            if (this.defaultValue != null) {
+            if (!isNil(this.defaultValue) && isNil(this.getValue())) {
+                console.log(this.getValue(), this.defaultValue);
                 this.setValue(this.defaultValue, true);
             }
         }
     }
+    extractValue(path) {
+        return get(this.contextService.context(), path);
+    }
     setValue(value, init = false) {
         const oldValue = this.getValue();
         value = isUndefined(value) ? null : value;
@@ -300,7 +332,6 @@ class AXPWidgetComponent extends AXPLayoutElement {
         }
     }
     setOptions(values) {
-        console.log(this.config.name, this.mode, values);
         this._options.set({ ...this.options(), ...values });
     }
     call(name, ...args) {
@@ -366,6 +397,54 @@ class AXPContainerWidgetComponent extends AXPWidgetComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPContainerWidgetComponent, decorators: [{
             type: Injectable
         }] });
+class AXPDataListWidgetComponent extends AXPWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.dataService = inject(AXPWidgetDataSourceProviderService);
+        this.rawDataSource = computed(() => this.options()['dataSource']);
+        this.dataSource = signal(convertArrayToDataSource([]));
+        this.items = computed(() => this.options()['items'] ?? []);
+        this.textField = computed(() => this.options()['textField'] ?? 'title');
+        this.valueField = computed(() => this.options()['valueField'] ?? 'id');
+        this.rf = effect(() => {
+            const rawValue = this.options()['dataSource'];
+            // static  datasource class
+            if (rawValue instanceof AXDataSource) {
+                this.dataSource.set(rawValue);
+            } // static array datasource
+            else if (Array.isArray(rawValue)) {
+                this.dataSource.set(convertArrayToDataSource(rawValue));
+            } // 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));
+                    }
+                    else {
+                        const ds = c?.source();
+                        if (ds) {
+                            this.dataSource.set(ds);
+                        }
+                        // empty datasource
+                        else {
+                            this.dataSource.set(convertArrayToDataSource([]));
+                        }
+                    }
+                });
+            }
+            // empty datasource
+            else {
+                this.dataSource.set(convertArrayToDataSource([]));
+            }
+        }, { allowSignalWrites: true });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPDataListWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPDataListWidgetComponent }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPDataListWidgetComponent, decorators: [{
+            type: Injectable
+        }] });
 class AXPColumnWidgetComponent {
     constructor() {
         this.token = inject(AXP_WIDGET_COLUMN_TOKEN);
@@ -419,7 +498,7 @@ class AXPWidgetRendererComponent {
         const widget = this.widgetRegistery.resolve(this.node.type);
         //
         const props = widget?.components[this.mode]?.properties
-            ?.filter((c) => c.schema.defaultValue)
+            ?.filter((c) => c.schema.defaultValue != null)
             .map((c) => ({ [c.name]: c.schema.defaultValue }))
             .reduce((acc, curr) => {
             return { ...acc, ...curr };
@@ -479,7 +558,9 @@ class AXPWidgetRendererComponent {
                 // Cache dynamic expression for later evaluation
                 this.expressionEvaluators.set(currentPath, () => this.evaluateExpression(value));
             }
-            else if (typeof value === 'object' && value !== null && (value.constructor === Object || Array.isArray(value))) {
+            else if (typeof value === 'object' &&
+                value !== null &&
+                (value.constructor === Object || Array.isArray(value))) {
                 // Recursively handle nested objects
                 this.preprocessAndInitialOptions(value, currentPath);
             }
@@ -867,12 +948,6 @@ class AXPWidgetRendererDirective {
             }
         });
     }
-    // async ngOnInit() {
-    //   await this.rerenderComponent();
-    // }
-    // async ngAfterViewInit() {
-    //   await this.rerenderComponent();
-    // }
     // Detect input changes
     ngOnChanges(changes) {
         if (changes['mode'] || changes['node']) {
@@ -905,8 +980,8 @@ class AXPWidgetRendererDirective {
         //
         const widget = this.widgetRegistery.resolve(this.node().type);
         //
-        const props = widget?.components[this.mode()]?.properties
-            ?.filter((c) => c.schema.defaultValue)
+        const props = [...(widget?.properties ?? []), ...(widget?.components[this.mode()]?.properties ?? [])]
+            ?.filter((c) => c.schema.defaultValue != null)
             .map((c) => ({ [c.name]: c.schema.defaultValue }))
             .reduce((acc, curr) => {
             return { ...acc, ...curr };
@@ -1237,5 +1312,5 @@ const AXP_WIDGETS_GROUPS = [
  * Generated bundle index. Do not edit.
  */
 
-export { AXPColumnWidgetComponent, AXPContainerWidgetComponent, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutElement, AXPWidgetColumnRendererComponent, AXPWidgetComponent, AXPWidgetContainerComponent, 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_TOKEN, cloneProperty, createBooleanProperty, createSelectProperty, createStringProperty };
+export { AXPColumnWidgetComponent, AXPContainerWidgetComponent, 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 };
 //# sourceMappingURL=acorex-platform-layout-builder.mjs.map