@acorex-platform/framework-client 2.0.0-next.15 → 2.0.0-next.17

package/fesm2022/acorex-platform-framework-client-layout-widget-core.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, signal, computed, effect, untracked, Injectable, inject, ElementRef, DestroyRef, PLATFORM_ID, EventEmitter, Injector, ChangeDetectorRef, ViewChild, Input, Output, ChangeDetectionStrategy, Component, input, output, ViewContainerRef, Directive, NgModule } from '@angular/core';
-import { AXPContextStore, AXPDeviceService, AXPExpressionEvaluatorService, AXPDebugService, FORM_DIRTY_TRACE_NS, OVERLAY_WIDGET_SETTLE_TRACE_NS } from '@acorex-platform/framework-client/core';
+import { AXPContextStore, AXPExpressionEvaluatorService, AXPDeviceService, AXPDebugService, FORM_DIRTY_TRACE_NS, OVERLAY_WIDGET_SETTLE_TRACE_NS } from '@acorex-platform/framework-client/core';
 import { AXPPageStatus, AXPWidgetStatus, AXP_WIDGET_TOKEN, AXP_WIDGET_COLUMN_TOKEN, layoutProfileMediumFromRenderMode, resolveLayoutProfile, createStringProperty, createBooleanProperty, createSelectProperty, createNumberProperty, cloneProperty } from '@acorex-platform/framework-shared/widget-core';
 import { cloneDeep, get, isEqual, set, isNil, isUndefined, isObjectLike, merge, sum, isEmpty, isString } from 'lodash-es';
 import { AXPWidgetsList, isSelectionValueEqual, isFormValueEqual, runtimeQueryPayloadData, runtimeQueryCollectionData, extractValue, axpGridItemPlacementClassMap, getSmart, summarizeFormContextDirtyDiff, AXPWidgetsCatalog } from '@acorex-platform/framework-shared/core';
@@ -678,6 +678,103 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
+//#region ----- Authored rules -----
+function collectAuthoredValidationRules(validationsRaw) {
+    if (validationsRaw == null) {
+        return [];
+    }
+    const values = Array.isArray(validationsRaw)
+        ? validationsRaw
+        : Object.values(validationsRaw);
+    const rules = [];
+    for (const item of values) {
+        if (item == null || typeof item !== 'object') {
+            continue;
+        }
+        const candidate = item;
+        if (typeof candidate.rule !== 'string' || candidate.rule.length === 0) {
+            continue;
+        }
+        rules.push({
+            rule: candidate.rule,
+            message: candidate.message,
+            options: candidate.options,
+            disabled: candidate.disabled,
+        });
+    }
+    return rules;
+}
+//#endregion
+//#region ----- Disabled resolution -----
+function assumedValidationDisabled(disabled, isExpression) {
+    if (disabled === true) {
+        return true;
+    }
+    return typeof disabled === 'string' && isExpression(disabled);
+}
+function resolveValidationContextPath(path, parentPath) {
+    if (!path.startsWith('>')) {
+        return path;
+    }
+    const rest = path.slice(1);
+    return parentPath ? `${parentPath}.${rest}` : rest;
+}
+function validationExpressionScope(readPath) {
+    return {
+        context: {
+            eval: (path) => readPath(path),
+        },
+    };
+}
+async function resolveValidationDisabledFlags(rules, isExpression, evaluate) {
+    return Promise.all(rules.map(async (rule) => {
+        const disabled = rule.disabled;
+        if (typeof disabled === 'boolean') {
+            return disabled;
+        }
+        if (typeof disabled !== 'string' || !isExpression(disabled)) {
+            return false;
+        }
+        try {
+            return (await evaluate(disabled)) === true;
+        }
+        catch {
+            return false;
+        }
+    }));
+}
+//#endregion
+async function isRequiredRuleActive(disabledSources, isExpression, evaluate) {
+    if (disabledSources.length === 0) {
+        return false;
+    }
+    const flags = await resolveValidationDisabledFlags(disabledSources.map((disabled) => ({ rule: 'required', disabled })), isExpression, evaluate);
+    return flags.some((disabled) => disabled !== true);
+}
+/**
+ * Live required indicator: a `required` rule counts only while its `disabled` flag is not true.
+ * Expression `disabled` stays off until the expression resolves.
+ */
+function syncRequiredIndicator(args) {
+    const required = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    let generation = 0;
+    effect(() => {
+        const rules = args.nodes().flatMap((node) => collectAuthoredValidationRules(node.options?.['validations']));
+        args.trackContext();
+        const generationId = ++generation;
+        required.set(rules.some((rule) => rule.rule === 'required' && !assumedValidationDisabled(rule.disabled, args.isExpression)));
+        void resolveValidationDisabledFlags(rules, args.isExpression, args.evaluate).then((flags) => {
+            if (generationId !== generation) {
+                return;
+            }
+            required.set(rules.some((rule, index) => rule.rule === 'required' && flags[index] !== true));
+        });
+    });
+    return required.asReadonly();
+}
+//#endregion
+
 //#region ----- Imports -----
 //#endregion
 //#region ----- Constants -----
@@ -1163,30 +1260,52 @@ class AXPValueWidgetComponent extends AXPLayoutBaseWidgetComponent {
         ...(ngDevMode ? [{ debugName: "fullPath" }] : /* istanbul ignore next */ []));
         this.parentPath = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "parentPath" }] : /* istanbul ignore next */ []));
+        this.validationExpressionEvaluator = inject(AXPExpressionEvaluatorService);
+        this.validationDisabledByIndex = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "validationDisabledByIndex" }] : /* istanbul ignore next */ []));
+        this.validationDisabledGeneration = 0;
+        this.#syncValidationDisabled = effect(() => {
+            const rules = collectAuthoredValidationRules(this.options()['validations']);
+            this.contextService.data();
+            const parent = this.parentPath();
+            const generation = ++this.validationDisabledGeneration;
+            void resolveValidationDisabledFlags(rules, (value) => this.validationExpressionEvaluator.isExpression(value), (expression) => this.validationExpressionEvaluator.evaluate(expression, validationExpressionScope((path) => this.contextService.getValue(resolveValidationContextPath(path, parent))))).then((flags) => {
+                if (generation !== this.validationDisabledGeneration) {
+                    return;
+                }
+                const current = this.validationDisabledByIndex();
+                if (current.length === flags.length && current.every((flag, index) => flag === flags[index])) {
+                    return;
+                }
+                this.validationDisabledByIndex.set(flags);
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#syncValidationDisabled" }] : /* istanbul ignore next */ []));
         this.getValue = computed(() => {
             return this.fullPath() ? this.extractValue(this.fullPath()) : null;
         }, { ...(ngDevMode ? { debugName: "getValue" } : /* istanbul ignore next */ {}), 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) => ({
-                rule: c.rule,
-                message: c.message,
-                options: c.options,
+        this.validationRulesWithDisabled = computed(() => {
+            const rules = collectAuthoredValidationRules(this.options()['validations']);
+            const flags = this.validationDisabledByIndex();
+            const isExpression = (value) => this.validationExpressionEvaluator.isExpression(value);
+            return rules.map((rule, index) => ({
+                rule: rule.rule,
+                message: rule.message,
+                options: rule.options,
+                disabled: flags[index] ?? assumedValidationDisabled(rule.disabled, isExpression),
             }));
         }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "validationRulesWithDisabled" }] : /* istanbul ignore next */ []));
+        this.validationRules = computed(() => this.validationRulesWithDisabled(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "validationRules" }] : /* istanbul ignore next */ []));
-        this.hasRequiredValidation = computed(() => this.validationRules().some((rule) => rule.rule === 'required'), /* @ts-ignore */
+        this.hasRequiredValidation = computed(() => this.validationRules().some((rule) => rule.rule === 'required' && rule.disabled !== true), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hasRequiredValidation" }] : /* istanbul ignore next */ []));
         this.hasClearButton = computed(() => this.resolveClearButtonOption('hasClearButton'), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hasClearButton" }] : /* istanbul ignore next */ []));
         this.clearButton = computed(() => this.resolveClearButtonOption('clearButton'), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "clearButton" }] : /* istanbul ignore next */ []));
     }
+    #syncValidationDisabled;
     ngOnInit() {
         this._isValueWidget = this.config.properties?.some((c) => c.name == 'path') ?? false;
         if (this.isValueWidget()) {
@@ -2115,6 +2234,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Injectable
         }] });
 
+const AXP_WIDGET_COLUMN_AUTO_FIT = new InjectionToken('AXP_WIDGET_COLUMN_AUTO_FIT');
+
 //#region ----   Imports   ----
 /**
  * Injection token for widget definition providers.
@@ -2200,8 +2321,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 }]
         }] });
 
-const AXP_WIDGET_COLUMN_AUTO_FIT = new InjectionToken('AXP_WIDGET_COLUMN_AUTO_FIT');
-
 class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
     constructor() {
         super(...arguments);
@@ -2277,6 +2396,9 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
         this.loadingRow.set(row);
         await this.grid.expandRow(row);
         this.loadingRow.set(null);
+        this.contentAutoFitSettled = false;
+        this.contentAutoFitShouldSettle = false;
+        this.scheduleContentAutoFit();
         // if (row.data?.__meta__?.expanded === undefined) {
         //   this.width = `${parseInt(this.width as string) + 24}px`;
         // }
@@ -2333,9 +2455,7 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
             return this.normalizeColumnAlignment(align);
         }
         if (typeof align === 'object' && !Array.isArray(align)) {
-            const raw = side === 'header'
-                ? align.header
-                : align.cell;
+            const raw = side === 'header' ? align.header : align.cell;
             return this.normalizeColumnAlignment(raw);
         }
         return 'start';
@@ -2391,12 +2511,7 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
                 },
             ],
         });
-        this.width =
-            this.mergedOptions().width === 'auto'
-                ? 'auto'
-                : this.customWidth
-                    ? this.customWidth
-                    : (this.mergedOptions().width ?? '200px');
+        this.width = this.mergedOptions().width === 'auto' ? 'auto' : this.customWidth ? this.customWidth : (this.mergedOptions().width ?? '200px');
         this.allowResizing = this.mergedOptions().allowResizing !== false;
         this.allowSorting = this.sortEnabled;
         this.syncAutoWidthIntent();
@@ -2460,9 +2575,7 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
             return;
         }
         this.bandLocaleWatchStarted = true;
-        this.translation.langChanges$
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => {
+        this.translation.langChanges$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             if (this.isBand && this.bandCaptionI18nKey) {
                 this.resolveBandCaption();
             }
@@ -2473,8 +2586,7 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
             return;
         }
         this.caption = text;
-        const topLevel = this.grid
-            .topLevelColumnsList;
+        const topLevel = this.grid.topLevelColumnsList;
         if (topLevel) {
             topLevel.set([...topLevel()]);
         }
@@ -2506,9 +2618,7 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
         // Use a hash of key properties instead of full JSON.stringify
         // This is much faster for large objects
         const keyProps = ['id', 'code', 'name', 'title'];
-        const keyValues = keyProps
-            .map((prop) => data?.[prop])
-            .filter((v) => v != null);
+        const keyValues = keyProps.map((prop) => data?.[prop]).filter((v) => v != null);
         if (keyValues.length > 0) {
             return `row-${keyValues.join('-')}`;
         }
@@ -2559,7 +2669,8 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
         if (!isPlatformBrowser(this.platformId) || !this.autoWidthColumn || this.contentAutoFitSettled) {
             return;
         }
-        this.contentAutoFitShouldSettle = this.contentAutoFitShouldSettle || request?.settle === true;
+        const allowSettle = this.expandHandler !== true;
+        this.contentAutoFitShouldSettle = this.contentAutoFitShouldSettle || (request?.settle === true && allowSettle);
         if (this.contentAutoFitTimer != null) {
             clearTimeout(this.contentAutoFitTimer);
         }
@@ -2731,23 +2842,13 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
         [class.flex]="!sortEnabled"
         [class.items-center]="!sortEnabled"
         [class.axp-widget-column-header--sortable]="sortEnabled"
-        [class.axp-widget-column-header--sort-at-start]="
-          sortEnabled && getHeaderTextAlign() === 'end'
-        "
-        [class.axp-widget-column-header--sort-active]="
-          headerSortDirection === 'asc' || headerSortDirection === 'desc'
-        "
+        [class.axp-widget-column-header--sort-at-start]="sortEnabled && getHeaderTextAlign() === 'end'"
+        [class.axp-widget-column-header--sort-active]="headerSortDirection === 'asc' || headerSortDirection === 'desc'"
         [class.gap-1]="!sortEnabled"
-        [style.justify-content]="
-          sortEnabled ? 'flex-start' : getHeaderJustifyContent()
-        "
+        [style.justify-content]="sortEnabled ? 'flex-start' : getHeaderJustifyContent()"
         (click)="onHeaderClick($event)"
       >
-        <span
-          class="axp-widget-column-header__caption truncate"
-          [class.axp-widget-column-header__caption--with-sort]="sortEnabled"
-          [style.text-align]="sortEnabled ? getHeaderTextAlign() : null"
-        >
+        <span class="axp-widget-column-header__caption truncate" [class.axp-widget-column-header__caption--with-sort]="sortEnabled" [style.text-align]="sortEnabled ? getHeaderTextAlign() : null">
           @if (isBand) {
             {{ caption }}
           } @else {
@@ -2757,84 +2858,40 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
         @if (sortEnabled) {
           <span class="axp-widget-column-header__sort">
             @if (headerSortPriority !== undefined && headerSortPriority > 1) {
-              <span
-                class="axp-widget-column-header__sort-priority text-xs opacity-70"
-                >{{ headerSortPriority }}</span
-              >
+              <span class="axp-widget-column-header__sort-priority text-xs opacity-70">{{ headerSortPriority }}</span>
             }
-            <i
-              class="fa-solid fa-arrow-up-long text-neutral-400"
-              [class.text-primary]="headerSortDirection === 'asc'"
-            ></i>
-            <i
-              class="fa-solid fa-arrow-down-long text-neutral-400"
-              [class.text-primary]="headerSortDirection === 'desc'"
-            ></i>
+            <i class="fa-solid fa-arrow-up-long text-neutral-400" [class.text-primary]="headerSortDirection === 'asc'"></i>
+            <i class="fa-solid fa-arrow-down-long text-neutral-400" [class.text-primary]="headerSortDirection === 'desc'"></i>
           </span>
         }
       </div>
     </ng-template>
     <ng-template #cell let-row>
       @if (expandHandler) {
-        <div
-          class="ax-data-table-nested-indent w-full"
-          [attr.data-level]="row.data?.__meta__?.level || 0"
-        >
+        <div class="ax-data-table-nested-indent w-full" [attr.data-level]="row.data?.__meta__?.level || 0">
           @if (hasExpandableRow(row)) {
-            <div
-              (click)="handleExpandRow(row, $event)"
-              class="ax-expand-handler"
-              id="ax-expand-handler-container"
-            >
+            <div (click)="handleExpandRow(row, $event)" class="ax-expand-handler" id="ax-expand-handler-container">
               @if (loadingRow() === row) {
-                <i
-                  class="fas fa-spinner-third animate-twSpin animate-infinite"
-                ></i>
+                <i class="fas fa-spinner-third animate-twSpin animate-infinite"></i>
               } @else {
                 @if (row.data?.__meta__?.expanded) {
-                  <i
-                    [class]="
-                      customCollapseIcon ||
-                      'far fa-minus-square text-md opacity-75'
-                    "
-                  ></i>
+                  <i [class]="customCollapseIcon || 'far fa-minus-square text-md opacity-75'"></i>
                 } @else {
-                  <i
-                    [class]="
-                      customExpandIcon || 'far fa-plus-square text-md  opacity-75'
-                    "
-                  ></i>
+                  <i [class]="customExpandIcon || 'far fa-plus-square text-md  opacity-75'"></i>
                 }
               }
             </div>
           }
           @if (component && row?.data) {
             <div class="ax-data-table-cell-text min-w-0 flex-1">
-              <ng-container
-                *ngComponentOutlet="
-                  component;
-                  injector: getRowInjector(row.data);
-                  inputs: getInputs(row.data)
-                "
-              ></ng-container>
+              <ng-container *ngComponentOutlet="component; injector: getRowInjector(row.data); inputs: getInputs(row.data)"></ng-container>
             </div>
           }
         </div>
       } @else {
-        <div
-          class="w-full min-w-0 max-w-full"
-          [class.flex]="getCellUseFlexLayout()"
-          [class.items-center]="getCellUseFlexLayout()"
-          [style.justify-content]="getCellJustifyContent()"
-        >
+        <div class="w-full min-w-0 max-w-full" [class.flex]="getCellUseFlexLayout()" [class.items-center]="getCellUseFlexLayout()" [style.justify-content]="getCellJustifyContent()">
           @if (component && row?.data) {
-            <ng-container
-              *ngComponentOutlet="
-                component;
-                injector: getRowInjector(row.data);
-                inputs: getInputs(row.data)
-              "
-            ></ng-container>
+            <ng-container *ngComponentOutlet="component; injector: getRowInjector(row.data); inputs: getInputs(row.data)"></ng-container>
           }
         </div>
       }
@@ -2852,23 +2909,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         [class.flex]="!sortEnabled"
         [class.items-center]="!sortEnabled"
         [class.axp-widget-column-header--sortable]="sortEnabled"
-        [class.axp-widget-column-header--sort-at-start]="
-          sortEnabled && getHeaderTextAlign() === 'end'
-        "
-        [class.axp-widget-column-header--sort-active]="
-          headerSortDirection === 'asc' || headerSortDirection === 'desc'
-        "
+        [class.axp-widget-column-header--sort-at-start]="sortEnabled && getHeaderTextAlign() === 'end'"
+        [class.axp-widget-column-header--sort-active]="headerSortDirection === 'asc' || headerSortDirection === 'desc'"
         [class.gap-1]="!sortEnabled"
-        [style.justify-content]="
-          sortEnabled ? 'flex-start' : getHeaderJustifyContent()
-        "
+        [style.justify-content]="sortEnabled ? 'flex-start' : getHeaderJustifyContent()"
         (click)="onHeaderClick($event)"
       >
-        <span
-          class="axp-widget-column-header__caption truncate"
-          [class.axp-widget-column-header__caption--with-sort]="sortEnabled"
-          [style.text-align]="sortEnabled ? getHeaderTextAlign() : null"
-        >
+        <span class="axp-widget-column-header__caption truncate" [class.axp-widget-column-header__caption--with-sort]="sortEnabled" [style.text-align]="sortEnabled ? getHeaderTextAlign() : null">
           @if (isBand) {
             {{ caption }}
           } @else {
@@ -2878,84 +2925,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         @if (sortEnabled) {
           <span class="axp-widget-column-header__sort">
             @if (headerSortPriority !== undefined && headerSortPriority > 1) {
-              <span
-                class="axp-widget-column-header__sort-priority text-xs opacity-70"
-                >{{ headerSortPriority }}</span
-              >
+              <span class="axp-widget-column-header__sort-priority text-xs opacity-70">{{ headerSortPriority }}</span>
             }
-            <i
-              class="fa-solid fa-arrow-up-long text-neutral-400"
-              [class.text-primary]="headerSortDirection === 'asc'"
-            ></i>
-            <i
-              class="fa-solid fa-arrow-down-long text-neutral-400"
-              [class.text-primary]="headerSortDirection === 'desc'"
-            ></i>
+            <i class="fa-solid fa-arrow-up-long text-neutral-400" [class.text-primary]="headerSortDirection === 'asc'"></i>
+            <i class="fa-solid fa-arrow-down-long text-neutral-400" [class.text-primary]="headerSortDirection === 'desc'"></i>
           </span>
         }
       </div>
     </ng-template>
     <ng-template #cell let-row>
       @if (expandHandler) {
-        <div
-          class="ax-data-table-nested-indent w-full"
-          [attr.data-level]="row.data?.__meta__?.level || 0"
-        >
+        <div class="ax-data-table-nested-indent w-full" [attr.data-level]="row.data?.__meta__?.level || 0">
           @if (hasExpandableRow(row)) {
-            <div
-              (click)="handleExpandRow(row, $event)"
-              class="ax-expand-handler"
-              id="ax-expand-handler-container"
-            >
+            <div (click)="handleExpandRow(row, $event)" class="ax-expand-handler" id="ax-expand-handler-container">
               @if (loadingRow() === row) {
-                <i
-                  class="fas fa-spinner-third animate-twSpin animate-infinite"
-                ></i>
+                <i class="fas fa-spinner-third animate-twSpin animate-infinite"></i>
               } @else {
                 @if (row.data?.__meta__?.expanded) {
-                  <i
-                    [class]="
-                      customCollapseIcon ||
-                      'far fa-minus-square text-md opacity-75'
-                    "
-                  ></i>
+                  <i [class]="customCollapseIcon || 'far fa-minus-square text-md opacity-75'"></i>
                 } @else {
-                  <i
-                    [class]="
-                      customExpandIcon || 'far fa-plus-square text-md  opacity-75'
-                    "
-                  ></i>
+                  <i [class]="customExpandIcon || 'far fa-plus-square text-md  opacity-75'"></i>
                 }
               }
             </div>
           }
           @if (component && row?.data) {
             <div class="ax-data-table-cell-text min-w-0 flex-1">
-              <ng-container
-                *ngComponentOutlet="
-                  component;
-                  injector: getRowInjector(row.data);
-                  inputs: getInputs(row.data)
-                "
-              ></ng-container>
+              <ng-container *ngComponentOutlet="component; injector: getRowInjector(row.data); inputs: getInputs(row.data)"></ng-container>
             </div>
           }
         </div>
       } @else {
-        <div
-          class="w-full min-w-0 max-w-full"
-          [class.flex]="getCellUseFlexLayout()"
-          [class.items-center]="getCellUseFlexLayout()"
-          [style.justify-content]="getCellJustifyContent()"
-        >
+        <div class="w-full min-w-0 max-w-full" [class.flex]="getCellUseFlexLayout()" [class.items-center]="getCellUseFlexLayout()" [style.justify-content]="getCellJustifyContent()">
           @if (component && row?.data) {
-            <ng-container
-              *ngComponentOutlet="
-                component;
-                injector: getRowInjector(row.data);
-                inputs: getInputs(row.data)
-              "
-            ></ng-container>
+            <ng-container *ngComponentOutlet="component; injector: getRowInjector(row.data); inputs: getInputs(row.data)"></ng-container>
           }
         </div>
       }
@@ -6097,5 +6100,5 @@ const AXP_CALLBACK_VALIDATION_PROPERTY = {
  * Generated bundle index. Do not edit.
  */
 
-export { AXPBaseWidgetComponent, AXPBlockBaseLayoutWidgetComponent, AXPBoxModelLayoutWidgetComponent, AXPColumnTruncatedTextComponent, AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPFlexBaseLayoutWidgetComponent, AXPFlexItemBaseLayoutWidgetComponent, AXPGridBaseLayoutWidgetComponent, AXPGridItemBaseLayoutWidgetComponent, AXPInlineBaseLayoutWidgetComponent, AXPLayoutBaseWidgetComponent, AXPPropertyEditorHelper, AXPTableBaseLayoutWidgetComponent, AXPTableItemBaseLayoutWidgetComponent, AXPTableItemOpsBaseLayoutWidgetComponent, AXPValueWidgetComponent, AXPWidgetColumnCellComponent, AXPWidgetColumnRendererComponent, AXPWidgetContainerComponent, AXPWidgetCoreElement, AXPWidgetCoreModule, AXPWidgetCoreService, AXPWidgetRegistryService, AXPWidgetRendererDirective, AXPWidgetSerializationHelper, AXP_ALLOW_CLEAR_PROPERTY, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_ALLOW_SEARCH_PROPERTY, AXP_ANIMATION_PROPERTY_GROUP, AXP_APPEARANCE_PROPERTY_GROUP, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BETWEEN_VALIDATION_PROPERTY, AXP_BG_COLOR_PROPERTY, AXP_BOX_MODEL_PROPERTY_GROUP, AXP_CALLBACK_VALIDATION_PROPERTY, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_DATA_SOURCE_OPTIONS_PROPERTY, AXP_DATE_DEPTH_PROPERTY, AXP_DATE_FORMAT_PROPERTY, AXP_DATE_RANGE_LIMIT_PROPERTY, AXP_DEFAULT_ROW_COUNT_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_DIRECTION_PROPERTY, AXP_DISABLED_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_EMPTY_SPACING_BOX, AXP_EQUAL_VALIDATION_PROPERTY, AXP_FALSY_TEXT_PROPERTY, AXP_FIT_LINE_COUNT_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_GREATER_THAN_VALIDATION_PROPERTY, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_HAS_LABEL_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_LABEL_PROPERTY, AXP_LAYOUT_ADVANCED_GRID_PROPERTY, AXP_LAYOUT_BORDER_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_DIRECTION_PROPERTY, AXP_LAYOUT_FLEX_ITEM_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY_GROUP, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTY, AXP_LAYOUT_GRID_PROPERTIES, AXP_LAYOUT_GRID_PROPERTY, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_PROFILE, AXP_LAYOUT_ROWS_PROPERTY, AXP_LAYOUT_SHOW_HEADER_PROPERTY, AXP_LAYOUT_SPACING_PROPERTY, AXP_LAYOUT_TABLE_PROPERTY_GROUP, AXP_LESS_THAN_VALIDATION_PROPERTY, AXP_LOCAL_DATA_SOURCES_OPTION, AXP_LOCAL_DATA_SOURCE_PREFIX, AXP_LOCAL_DATA_SOURCE_STORE, AXP_MAX_LENGTH_VALIDATION_PROPERTY, AXP_MAX_LINE_COUNT_PROPERTY, AXP_MIN_LENGTH_VALIDATION_PROPERTY, AXP_MIN_LINE_COUNT_PROPERTY, AXP_MULTI_LANGUAGE_PROPERTY, AXP_NAME_PROPERTY, AXP_NUMBER_SEPARATOR_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_PREFETCH_PROPERTY, AXP_QUERY_OPTIONS_PROPERTY, AXP_READONLY_PROPERTY, AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY, AXP_REQUIRED_VALIDATION_PROPERTY, AXP_SHOW_PASSWORD_PROPERTY, AXP_SPIN_BUTTON_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_STYLING_PROPERTY_GROUP, AXP_TABLE_COLUMNS_PROPERTY, AXP_TABLE_COLUMN_ALIGNMENT_PROPERTIES, AXP_TABLE_COLUMN_CELL_ALIGN_PROPERTY, AXP_TABLE_COLUMN_HEADER_ALIGN_PROPERTY, AXP_TABLE_COLUMN_HEIGHT_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_TABLE_ITEM_COLSPAN_PROPERTY, AXP_TABLE_ITEM_ROWSPAN_PROPERTY, AXP_TEXT_ALIGN_PROPERTY, AXP_TEXT_FIELD_PROPERTY, AXP_TEXT_PROPERTY, AXP_THEME_PROPERTY, AXP_TITLE_PROPERTY, AXP_TRIGGERS_PROPERTY, AXP_TRIGGERS_PROPERTY_GROUP, AXP_TRULY_TEXT_PROPERTY, AXP_VALIDATION_PROPERTY_GROUP, AXP_VALUE_FIELD_PROPERTY, AXP_VERTICAL_ALIGN_PROPERTY, AXP_WIDGET_DEFINITION_PROVIDER, AXP_WIDGET_PROPERTY_GROUP, LOCAL_DATA_SOURCE_SHEET_BUFFER_ROWS, LOCAL_DATA_SOURCE_SHEET_MIN_ROWS, WIDGET_CASCADE_TRACE_NS, booleanDefaultProperty, buildLocalDataSourceListRows, buildQuerySelectorNode, buildQueryTabsNode, buildWidgetRegistryMapFromProviders, coerceGridProfile, coerceSpacingProfile, createDefaultLocalDataSourceColumns, createQueryOptionsProperty, createReadonlyLocalDataSourceStore, createWritableLocalDataSourceStore, ensureLocalDataSourceRowValues, findNonEmptyBreakpoints, isFlatSpacingBox, isLocalDataSourceRef, isLocalDataSourceRowEmpty, largeTextDefaultProperty, layoutSizeFromDevice, mapAXPPropertyToWidgetProperty, numberDefaultProperty, numberMaxValueProperty, numberMinValueProperty, padLocalDataSourceSheetRows, parseLocalDataSourceId, plainTextDefaultProperty, readLocalDataSourcesFromNode, resolveWidgetExposeHydrateWrites, resolveWidgetModeComponent, richTextDefaultProperty, selectEditorDefaultValueProperty, selectionListEditorDefaultValueProperty, spacingBoxOrEmpty, toLocalDataSourceRef, toLocalDataSourceSheet };
+export { AXPBaseWidgetComponent, AXPBlockBaseLayoutWidgetComponent, AXPBoxModelLayoutWidgetComponent, AXPColumnTruncatedTextComponent, AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPFlexBaseLayoutWidgetComponent, AXPFlexItemBaseLayoutWidgetComponent, AXPGridBaseLayoutWidgetComponent, AXPGridItemBaseLayoutWidgetComponent, AXPInlineBaseLayoutWidgetComponent, AXPLayoutBaseWidgetComponent, AXPPropertyEditorHelper, AXPTableBaseLayoutWidgetComponent, AXPTableItemBaseLayoutWidgetComponent, AXPTableItemOpsBaseLayoutWidgetComponent, AXPValueWidgetComponent, AXPWidgetColumnCellComponent, AXPWidgetColumnRendererComponent, AXPWidgetContainerComponent, AXPWidgetCoreElement, AXPWidgetCoreModule, AXPWidgetCoreService, AXPWidgetRegistryService, AXPWidgetRendererDirective, AXPWidgetSerializationHelper, AXP_ALLOW_CLEAR_PROPERTY, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_ALLOW_SEARCH_PROPERTY, AXP_ANIMATION_PROPERTY_GROUP, AXP_APPEARANCE_PROPERTY_GROUP, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BETWEEN_VALIDATION_PROPERTY, AXP_BG_COLOR_PROPERTY, AXP_BOX_MODEL_PROPERTY_GROUP, AXP_CALLBACK_VALIDATION_PROPERTY, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_DATA_SOURCE_OPTIONS_PROPERTY, AXP_DATE_DEPTH_PROPERTY, AXP_DATE_FORMAT_PROPERTY, AXP_DATE_RANGE_LIMIT_PROPERTY, AXP_DEFAULT_ROW_COUNT_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_DIRECTION_PROPERTY, AXP_DISABLED_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_EMPTY_SPACING_BOX, AXP_EQUAL_VALIDATION_PROPERTY, AXP_FALSY_TEXT_PROPERTY, AXP_FIT_LINE_COUNT_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_GREATER_THAN_VALIDATION_PROPERTY, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_HAS_LABEL_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_LABEL_PROPERTY, AXP_LAYOUT_ADVANCED_GRID_PROPERTY, AXP_LAYOUT_BORDER_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_DIRECTION_PROPERTY, AXP_LAYOUT_FLEX_ITEM_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY_GROUP, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTY, AXP_LAYOUT_GRID_PROPERTIES, AXP_LAYOUT_GRID_PROPERTY, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_PROFILE, AXP_LAYOUT_ROWS_PROPERTY, AXP_LAYOUT_SHOW_HEADER_PROPERTY, AXP_LAYOUT_SPACING_PROPERTY, AXP_LAYOUT_TABLE_PROPERTY_GROUP, AXP_LESS_THAN_VALIDATION_PROPERTY, AXP_LOCAL_DATA_SOURCES_OPTION, AXP_LOCAL_DATA_SOURCE_PREFIX, AXP_LOCAL_DATA_SOURCE_STORE, AXP_MAX_LENGTH_VALIDATION_PROPERTY, AXP_MAX_LINE_COUNT_PROPERTY, AXP_MIN_LENGTH_VALIDATION_PROPERTY, AXP_MIN_LINE_COUNT_PROPERTY, AXP_MULTI_LANGUAGE_PROPERTY, AXP_NAME_PROPERTY, AXP_NUMBER_SEPARATOR_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_PREFETCH_PROPERTY, AXP_QUERY_OPTIONS_PROPERTY, AXP_READONLY_PROPERTY, AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY, AXP_REQUIRED_VALIDATION_PROPERTY, AXP_SHOW_PASSWORD_PROPERTY, AXP_SPIN_BUTTON_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_STYLING_PROPERTY_GROUP, AXP_TABLE_COLUMNS_PROPERTY, AXP_TABLE_COLUMN_ALIGNMENT_PROPERTIES, AXP_TABLE_COLUMN_CELL_ALIGN_PROPERTY, AXP_TABLE_COLUMN_HEADER_ALIGN_PROPERTY, AXP_TABLE_COLUMN_HEIGHT_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_TABLE_ITEM_COLSPAN_PROPERTY, AXP_TABLE_ITEM_ROWSPAN_PROPERTY, AXP_TEXT_ALIGN_PROPERTY, AXP_TEXT_FIELD_PROPERTY, AXP_TEXT_PROPERTY, AXP_THEME_PROPERTY, AXP_TITLE_PROPERTY, AXP_TRIGGERS_PROPERTY, AXP_TRIGGERS_PROPERTY_GROUP, AXP_TRULY_TEXT_PROPERTY, AXP_VALIDATION_PROPERTY_GROUP, AXP_VALUE_FIELD_PROPERTY, AXP_VERTICAL_ALIGN_PROPERTY, AXP_WIDGET_DEFINITION_PROVIDER, AXP_WIDGET_PROPERTY_GROUP, LOCAL_DATA_SOURCE_SHEET_BUFFER_ROWS, LOCAL_DATA_SOURCE_SHEET_MIN_ROWS, WIDGET_CASCADE_TRACE_NS, assumedValidationDisabled, booleanDefaultProperty, buildLocalDataSourceListRows, buildQuerySelectorNode, buildQueryTabsNode, buildWidgetRegistryMapFromProviders, coerceGridProfile, coerceSpacingProfile, collectAuthoredValidationRules, createDefaultLocalDataSourceColumns, createQueryOptionsProperty, createReadonlyLocalDataSourceStore, createWritableLocalDataSourceStore, ensureLocalDataSourceRowValues, findNonEmptyBreakpoints, isFlatSpacingBox, isLocalDataSourceRef, isLocalDataSourceRowEmpty, isRequiredRuleActive, largeTextDefaultProperty, layoutSizeFromDevice, mapAXPPropertyToWidgetProperty, numberDefaultProperty, numberMaxValueProperty, numberMinValueProperty, padLocalDataSourceSheetRows, parseLocalDataSourceId, plainTextDefaultProperty, readLocalDataSourcesFromNode, resolveValidationContextPath, resolveValidationDisabledFlags, resolveWidgetExposeHydrateWrites, resolveWidgetModeComponent, richTextDefaultProperty, selectEditorDefaultValueProperty, selectionListEditorDefaultValueProperty, spacingBoxOrEmpty, syncRequiredIndicator, toLocalDataSourceRef, toLocalDataSourceSheet, validationExpressionScope };
 //# sourceMappingURL=acorex-platform-framework-client-layout-widget-core.mjs.map