@acorex/platform 18.0.11 → 18.0.13

package/fesm2022/acorex-platform-common-text-widget-column.component-ytX4OqZX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-text-widget-column.component-ytX4OqZX.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/text/text-widget-column.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { AXPWidgetBase } from '../../widget/widget-base';\n\n@Component({\n  selector: 'axp-text-widget-column',\n  template: ` <span [title]=\"convertedValue\">{{ convertedValue }}</span> `,\n  standalone: true,\n  inputs: ['context', 'value', 'multiple', 'width', 'allowResizing'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXPTextWidgetColumnComponent extends AXPWidgetBase {\n  protected convertedValue!: string | string[] | null;\n  protected multiple!: boolean;\n  protected allowResizing!: boolean;\n\n  override render() {\n    if (this.rawValue == null) {\n      this.convertedValue = null;\n      return;\n    }\n    if (this.isArray(this.rawValue)) {\n      if (this.multiple) {\n        this.convertedValue = this.rawValue.map((value: string) => this.formatValue(value)).join(',');\n      } else {\n        this.convertedValue = this.formatValue(this.rawValue[0]);\n      }\n    } else {\n      this.convertedValue = this.formatValue(this.rawValue);\n    }\n  }\n\n  private formatValue(value: string): string {\n    if (this.formats?.default) {\n      return this.formatService.format(this.formats.default, this.schema.dataType as any, this.context);\n    } else {\n      return new String(value).toString();\n    }\n  }\n\n  protected isArray(val: any) {\n    return Array.isArray(val);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAO,4BAA6B,SAAQ,aAAa,CAAA;IAKpD,MAAM,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;AACzB,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC3B,OAAO;SACR;QACD,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AAC/B,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAa,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aAC/F;iBAAM;AACL,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;aAC1D;SACF;aAAM;YACL,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACvD;KACF;AAEO,IAAA,WAAW,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE;YACzB,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,QAAe,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;SACnG;aAAM;YACL,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;SACrC;KACF;AAES,IAAA,OAAO,CAAC,GAAQ,EAAA;AACxB,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;KAC3B;8GA/BU,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,+NAL7B,CAA8D,4DAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAK7D,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE,CAA8D,4DAAA,CAAA;AACxE,oBAAA,UAAU,EAAE,IAAI;oBAChB,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,CAAC;oBAClE,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-common.mjs

@@ -293,7 +293,7 @@ class AXPStickyDirective {
             });
         };
     }
-    ngOnInit() {
+    ngAfterViewInit() {
         if (this.stickyParent instanceof HTMLElement) {
             this.parentElement = this.stickyParent;
         }
@@ -1485,6 +1485,23 @@ class AXPWidgetRendererComponent {
             assign(this.instance, this.options);
         }
     }
+    attachReferenceField(v) {
+        if (this.options['reference']) {
+            const valueField = this.prop.component?.common?.options?.valueField || 'id';
+            const referenceField = this.options['referenceField'];
+            if (referenceField) {
+                if (Array.isArray(v)) {
+                    this.context[referenceField] = v.map((item) => item[valueField]);
+                }
+                else {
+                    this.context[referenceField] = v?.[valueField];
+                }
+            }
+            else {
+                this.context[`${this.prop.name}Id`] = v[valueField];
+            }
+        }
+    }
     handleAttached(portalOutletRef) {
         portalOutletRef = portalOutletRef;
         this.instance = portalOutletRef.instance;
@@ -1492,23 +1509,10 @@ class AXPWidgetRendererComponent {
         this.updateProps();
         this.updateValue();
         if (this.instance instanceof AXPWidgetEditBase) {
+            this.attachReferenceField(this.instance.value);
             this.instance.valueChange.pipe(this.subscriber.takeUntilDestroy).subscribe((v) => {
+                this.attachReferenceField(v);
                 set(this.context, this.prop.name, v);
-                if (this.options['reference']) {
-                    const valueField = this.prop.component?.common?.options?.valueField || 'id';
-                    const referenceField = this.options['referenceField'];
-                    if (referenceField) {
-                        if (Array.isArray(v)) {
-                            this.context[referenceField] = v.map((item) => item[valueField]);
-                        }
-                        else {
-                            this.context[referenceField] = v?.[valueField];
-                        }
-                    }
-                    else {
-                        this.context[`${this.prop.name}Id`] = v[valueField];
-                    }
-                }
             });
         }
     }
@@ -1812,7 +1816,7 @@ class AXPCommonWidgetModule {
                     component: () => import('./acorex-platform-common-text-widget-edit.component-CN7OyTfJ.mjs').then((c) => c.AXPTextWidgetEditComponent),
                 },
                 column: {
-                    component: () => import('./acorex-platform-common-text-widget-column.component-D-mLfzKJ.mjs').then((c) => c.AXPTextWidgetColumnComponent),
+                    component: () => import('./acorex-platform-common-text-widget-column.component-ytX4OqZX.mjs').then((c) => c.AXPTextWidgetColumnComponent),
                     options: { allowResizing: true },
                 },
             },