@acorex/platform 19.2.20 → 19.3.0-next.0

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

@@ -10,6 +10,7 @@ import { set, merge, cloneDeep, get, isEqual, isNil, isUndefined, sum, isEmpty,
 import { Subject, BehaviorSubject, filter } from 'rxjs';
 import { convertArrayToDataSource, AXDataSource } from '@acorex/components/common';
 import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
+import { setSmart, getSmart } from '@acorex/platform/core';
 import { AXTranslationService } from '@acorex/core/translation';
 import { AXUnsubscriber } from '@acorex/core/utils';
 
@@ -23,6 +24,9 @@ var AXPPageStatus;
     // Submission statuses
     AXPPageStatus["Submitting"] = "submitting";
     AXPPageStatus["Submitted"] = "submitted";
+    // Validation statuses
+    AXPPageStatus["Validating"] = "validating";
+    AXPPageStatus["Validated"] = "validated";
     // Error handling
     AXPPageStatus["Error"] = "error";
 })(AXPPageStatus || (AXPPageStatus = {}));
@@ -191,7 +195,7 @@ withMethods((store) => ({
             return;
         }
         // Update the value and prepare the change event
-        const updatedData = set(currentData, path, value);
+        const updatedData = setSmart(currentData, path, value);
         const changeEvent = {
             oldValue,
             newValue: value,
@@ -323,7 +327,11 @@ const AXPWidgetsCatalog = {
     spacing: 'spacing',
     border: 'border',
     avatar: 'avatar',
-    themeColorSelection: 'theme-color-selection',
+    themePaletteChooser: 'theme-palette-chooser',
+    themeModeChooser: 'theme-mode-chooser',
+    menuOrientationChooser: 'menu-orientation-chooser',
+    fontStyleChooser: 'font-style-chooser',
+    fontSizeChooser: 'font-size-chooser',
     gridOptions: 'grid-options',
     advancedGridOptions: 'advanced-grid-options',
     stringFilter: 'string-filter',
@@ -346,23 +354,12 @@ const AXPWidgetsCatalog = {
     barChart: 'bar-chart',
     gaugeChart: 'gauge-chart',
     stickyNote: 'sticky-note',
+    clockCalendar: 'clock-calendar',
+    weather: 'weather',
     metaData: 'meta-data-editor',
+    templateEditor: 'template-box-editor',
 };
 
-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);
 }
@@ -395,7 +392,7 @@ function createNumberProperty(ctor) {
                 name: ctor.name,
                 path: ctor.path ?? ctor.name,
                 type: AXPWidgetsCatalog.number,
-                options: ctor.options
+                options: ctor.options,
             },
         },
         visible: !isNil(ctor.visible) ? ctor.visible : true,
@@ -472,17 +469,18 @@ class AXPWidgetComponent extends AXPLayoutElement {
         this.fullPath = signal(null);
         this.getValue = computed(() => {
             return this.fullPath() ? this.extractValue(this.fullPath()) : null;
-        });
+        }, { equal: isEqual });
         this.validationRules = computed(() => {
             const validationsRaw = this.options()['validations'];
             if (validationsRaw == null) {
                 return [];
             }
-            ;
-            return Object.values(this.options()['validations']).filter(c => c != null).map((c) => ({
+            return Object.values(this.options()['validations'])
+                .filter((c) => c != null)
+                .map((c) => ({
                 rule: c.rule,
                 message: c.message,
-                options: c.options
+                options: c.options,
             }));
         });
     }
@@ -538,7 +536,8 @@ class AXPWidgetComponent extends AXPLayoutElement {
         this._options.set({ ...this.options(), ...values });
     }
     output(name) {
-        if (this.outputs().includes(name)) {
+        const outputs = this.outputs().map((c) => (typeof c == 'string' ? { name: c, value: c } : c));
+        if (outputs.some((c) => c.name == name)) {
             const opt = get(this, name);
             if (typeof opt == 'function') {
                 return opt();
@@ -630,7 +629,7 @@ class AXPDataListWidgetComponent extends AXPWidgetComponent {
                         const raw = this.options()['dataSource'];
                         const item = raw.filter((c) => c[this.valueField()] == key);
                         return Promise.resolve(item[0]);
-                    }
+                    },
                 });
                 this.dataSource.set(ds);
             }
@@ -755,7 +754,7 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
         this.cdr.detectChanges();
     }
     getInputs(data) {
-        return { rawValue: get(data, this.node.path) };
+        return { rawValue: getSmart(data, this.node.path) };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWidgetColumnRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPWidgetColumnRendererComponent, isStandalone: false, selector: "axp-widget-column-renderer", inputs: { caption: "caption", customExpandIcon: "customExpandIcon", customCollapseIcon: "customCollapseIcon", customWidth: "customWidth", node: "node", footerTemplate: "footerTemplate", expandHandler: "expandHandler", cellTemplate: "cellTemplate", headerTemplate: "headerTemplate" }, providers: [
@@ -1346,57 +1345,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                     args: ['AXPLayoutBuilderModuleFactory']
                 }] }] });
 
-const AXP_WIDGETS_LAYOUT_GROUP = {
+const AXP_WIDGETS_LAYOUT_CATEGORY = {
     name: 'layout',
     order: 1,
     title: 'Layout',
 };
-const AXP_WIDGETS_EDITOR_GROUP = {
+const AXP_WIDGETS_EDITOR_CATEGORY = {
     name: 'editor',
     order: 2,
     title: 'Editors',
 };
-const AXP_WIDGETS_ACTION_GROUP = {
+const AXP_WIDGETS_ACTION_CATEGORY = {
     name: 'action',
     order: 3,
     title: 'Action',
 };
-const AXP_WIDGETS_ADVANCE_GROUP = {
+const AXP_WIDGETS_ADVANCE_CATEGORY = {
     name: 'advance',
     order: 4,
     title: 'Advance',
 };
-const AXP_WIDGETS_FILTER_GROUP = {
-    name: 'filter',
-    order: 5,
-    title: 'Filters',
-    hidden: true
-};
-const AXP_WIDGETS_CHART_GROUP = {
-    name: 'chart',
-    order: 6,
-    title: 'charts',
-    hidden: true
-};
-const AXP_WIDGETS_VALIDATION_GROUP = {
-    name: 'validation',
-    order: 7,
-    title: 'validations',
-    hidden: true,
-};
-const AXP_WIDGETS_GROUPS = [
-    AXP_WIDGETS_LAYOUT_GROUP,
-    AXP_WIDGETS_EDITOR_GROUP,
-    AXP_WIDGETS_ACTION_GROUP,
-    AXP_WIDGETS_ADVANCE_GROUP,
-    AXP_WIDGETS_FILTER_GROUP,
-    AXP_WIDGETS_CHART_GROUP,
-    AXP_WIDGETS_VALIDATION_GROUP,
+const AXP_WIDGETS_CATEGORIES = [
+    AXP_WIDGETS_LAYOUT_CATEGORY,
+    AXP_WIDGETS_EDITOR_CATEGORY,
+    AXP_WIDGETS_ACTION_CATEGORY,
+    AXP_WIDGETS_ADVANCE_CATEGORY,
 ];
 
+var AXPWidgetGroupEnum;
+(function (AXPWidgetGroupEnum) {
+    AXPWidgetGroupEnum["FormElement"] = "form-element";
+    AXPWidgetGroupEnum["DashboardWidget"] = "dashboard-widget";
+    AXPWidgetGroupEnum["FormTemplate"] = "form-template";
+    AXPWidgetGroupEnum["PropertyEditor"] = "property-editor";
+    AXPWidgetGroupEnum["MetaData"] = "meta-data";
+    AXPWidgetGroupEnum["SettingWidget"] = "setting-widget";
+    AXPWidgetGroupEnum["EntityWidget"] = "entity-widget";
+})(AXPWidgetGroupEnum || (AXPWidgetGroupEnum = {}));
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPLayoutBuilderContextStore, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutContextChangeEvent, AXPLayoutElement, AXPPageStatus, AXPWidgetColumnRendererComponent, AXPWidgetComponent, AXPWidgetContainerComponent, AXPWidgetDataSourceProviderService, AXPWidgetRegistryService, AXPWidgetRendererDirective, AXPWidgetStatus, AXPWidgetsCatalog, AXP_WIDGETS_ACTION_GROUP, AXP_WIDGETS_ADVANCE_GROUP, AXP_WIDGETS_CHART_GROUP, AXP_WIDGETS_EDITOR_GROUP, AXP_WIDGETS_FILTER_GROUP, AXP_WIDGETS_GROUPS, AXP_WIDGETS_LAYOUT_GROUP, AXP_WIDGETS_VALIDATION_GROUP, AXP_WIDGET_COLUMN_TOKEN, AXP_WIDGET_DATASOURCE_PROVIDER, AXP_WIDGET_TOKEN, cloneProperty, createBooleanProperty, createNumberProperty, createSelectProperty, createStringProperty, objectKeyValueTransforms };
+export { AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPLayoutBuilderContextStore, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPLayoutContextChangeEvent, AXPLayoutElement, AXPPageStatus, AXPWidgetColumnRendererComponent, AXPWidgetComponent, AXPWidgetContainerComponent, AXPWidgetDataSourceProviderService, AXPWidgetGroupEnum, AXPWidgetRegistryService, AXPWidgetRendererDirective, AXPWidgetStatus, AXPWidgetsCatalog, AXP_WIDGETS_ACTION_CATEGORY, AXP_WIDGETS_ADVANCE_CATEGORY, AXP_WIDGETS_CATEGORIES, AXP_WIDGETS_EDITOR_CATEGORY, AXP_WIDGETS_LAYOUT_CATEGORY, AXP_WIDGET_COLUMN_TOKEN, AXP_WIDGET_DATASOURCE_PROVIDER, AXP_WIDGET_TOKEN, cloneProperty, createBooleanProperty, createNumberProperty, createSelectProperty, createStringProperty };
 //# sourceMappingURL=acorex-platform-layout-builder.mjs.map