@acorex-platform/framework-client 1.0.1 → 1.0.2

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

@@ -2,7 +2,7 @@ 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 { 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, set, get, isEqual, isNil, isUndefined, isObjectLike, merge, sum, isEmpty, isString } from 'lodash-es';
+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';
 import { ENTITY_GET_BY_ID_DEFAULT } from '@acorex-platform/framework-shared/runtime';
 export { AXP_WIDGETS_ACTION_CATEGORY, AXP_WIDGETS_ACTION_SUB_CONTROLS, AXP_WIDGETS_ADVANCE_CATEGORY, AXP_WIDGETS_ADVANCE_SUB_DATA, AXP_WIDGETS_ADVANCE_SUB_INPUT, AXP_WIDGETS_ADVANCE_SUB_MEDIA, AXP_WIDGETS_ADVANCE_SUB_TOOLS, AXP_WIDGETS_AI_CATEGORY, AXP_WIDGETS_CATEGORIES, AXP_WIDGETS_EDITOR_CATEGORY, AXP_WIDGETS_EDITOR_SUB_CHOICE, AXP_WIDGETS_EDITOR_SUB_COMPOSITE, AXP_WIDGETS_EDITOR_SUB_CONFIG, AXP_WIDGETS_EDITOR_SUB_DATETIME, AXP_WIDGETS_EDITOR_SUB_NUMERIC, AXP_WIDGETS_EDITOR_SUB_RICH, AXP_WIDGETS_EDITOR_SUB_TEXT_INPUTS, AXP_WIDGETS_EDITOR_SUB_VISUAL, AXP_WIDGETS_LAYOUT_CATEGORY, AXP_WIDGETS_LAYOUT_SUB_GRID, AXP_WIDGETS_LAYOUT_SUB_LISTS, AXP_WIDGETS_LAYOUT_SUB_SHELL, AXP_WIDGETS_LAYOUT_SUB_SURFACES, AXP_WIDGETS_LAYOUT_SUB_TABS, AXP_WIDGETS_LAYOUT_SUB_UTILITY, normalizeWidgetCategories } from '@acorex-platform/framework-shared/runtime';
@@ -402,6 +402,83 @@ class AXPWidgetSerializationHelper {
 }
 //#endregion
 
+//#endregion
+//#region ----- Helpers -----
+function isBlankExposeValue(value) {
+    if (value == null) {
+        return true;
+    }
+    if (typeof value === 'string') {
+        return value.trim() === '';
+    }
+    if (Array.isArray(value)) {
+        return value.length === 0;
+    }
+    return false;
+}
+function readExposeMapping(entry) {
+    if (typeof entry === 'string') {
+        const path = entry.trim();
+        if (!path) {
+            return null;
+        }
+        return { source: path, target: path };
+    }
+    const source = entry?.source?.trim() ?? '';
+    const target = entry?.target?.trim() ?? '';
+    if (!source || !target) {
+        return null;
+    }
+    return { source, target };
+}
+/** True when writing `target` would replace this widget's own value or its parent object. */
+function exposeTargetTouchesWidget(target, widgetPath) {
+    if (!widgetPath) {
+        return false;
+    }
+    if (target === widgetPath) {
+        return true;
+    }
+    if (widgetPath.startsWith(`${target}.`) || widgetPath.startsWith(`${target}[`)) {
+        return true;
+    }
+    if (target.startsWith(`${widgetPath}.`) || target.startsWith(`${widgetPath}[`)) {
+        return true;
+    }
+    return false;
+}
+//#endregion
+//#region ----- Resolve -----
+/**
+ * Leaf writes for opening a form. Skips empty sources, the widget's own path,
+ * and targets that already hold a different value.
+ */
+function resolveWidgetExposeHydrateWrites(input) {
+    const items = input.items.filter((item) => item != null);
+    if (!items.length || !input.expose?.length) {
+        return [];
+    }
+    const writes = [];
+    for (const entry of input.expose) {
+        const mapping = readExposeMapping(entry);
+        if (!mapping || exposeTargetTouchesWidget(mapping.target, input.widgetPath)) {
+            continue;
+        }
+        const sources = items.map((item) => get(item, mapping.source));
+        if (sources.some((value) => isBlankExposeValue(value))) {
+            continue;
+        }
+        const nextValue = input.multiple ? sources : sources[0];
+        const current = input.readTarget(mapping.target);
+        if (isEqual(current, nextValue) || !isBlankExposeValue(current)) {
+            continue;
+        }
+        writes.push({ path: mapping.target, value: nextValue });
+    }
+    return writes;
+}
+//#endregion
+
 class AXPWidgetCoreElement {
     api() {
         return {};
@@ -2038,6 +2115,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.
@@ -2123,8 +2202,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);
@@ -2200,6 +2277,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`;
         // }
@@ -2256,9 +2336,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';
@@ -2314,12 +2392,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();
@@ -2383,9 +2456,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();
             }
@@ -2396,8 +2467,7 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
             return;
         }
         this.caption = text;
-        const topLevel = this.grid
-            .topLevelColumnsList;
+        const topLevel = this.grid.topLevelColumnsList;
         if (topLevel) {
             topLevel.set([...topLevel()]);
         }
@@ -2429,9 +2499,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('-')}`;
         }
@@ -2482,7 +2550,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);
         }
@@ -2654,23 +2723,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 {
@@ -2680,84 +2739,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>
       }
@@ -2775,23 +2790,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 {
@@ -2801,84 +2806,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>
       }
@@ -3346,7 +3307,8 @@ class AXPWidgetRendererDirective {
         this.onContextChanged = new Subject();
         this.onLoadEvent = new Subject();
         //#region ----   Performance Optimization Properties   ----
-        this.contextUpdateQueue = new Set();
+        /** Path → whether `onContextChanged` (triggers) should fire. Hydrate writes stay false. */
+        this.contextUpdateQueue = new Map();
         this.contextUpdateTimeout = null;
         this.CONTEXT_UPDATE_DEBOUNCE_MS = 4; // ~250fps for large forms
         // Removed visibility detection - not needed for current implementation
@@ -3358,7 +3320,8 @@ class AXPWidgetRendererDirective {
         // Expression result tracking
         this.lastExpressionResults = new Map();
         // Buffer for context changes that happen before initial render completes
-        this.preRenderContextQueue = new Set();
+        /** Path → whether buffered pre-render changes should fire triggers. `*` marks a full context init. */
+        this.preRenderContextQueue = new Map();
         /**
          * Last context {@link AXPContextChangeEvent} handled by this renderer.
          * Prevents re-queueing when the effect re-runs while `lastChange` in the store is unchanged
@@ -3373,11 +3336,11 @@ class AXPWidgetRendererDirective {
                 if (changed.state === 'initiated' && (!changed.path || changed.path === '')) {
                     // Mark that we need to re-evaluate all expressions when initial render completes
                     // This handles the case where context is set before/during widget initialization
-                    this.preRenderContextQueue.add('*'); // Use '*' as a marker for full context initialization
+                    this.rememberQueuedPath(this.preRenderContextQueue, '*', true);
                     // console.log(`📝 [${this.node().type}] Buffered initial context set`);
                 }
                 else if (changed.path) {
-                    this.preRenderContextQueue.add(changed.path);
+                    this.rememberQueuedPath(this.preRenderContextQueue, changed.path, changed.origin !== 'hydrate');
                     // console.log(`📝 [${this.node().type}] Buffered pre-render context change: ${changed.path}`);
                 }
                 return;
@@ -3397,7 +3360,7 @@ class AXPWidgetRendererDirective {
             else if (changed.path && this.isRelevantContextChange(changed.path)) {
                 const changedPath = changed.path;
                 if (this.markContextChangeHandled(changed)) {
-                    this.queueContextUpdate(changedPath);
+                    this.queueContextUpdate(changedPath, changed.origin !== 'hydrate');
                 }
             }
             await this.updateVisibility();
@@ -3455,10 +3418,13 @@ class AXPWidgetRendererDirective {
         this.lastProcessedContextChangeRef = changed;
         return true;
     }
-    queueContextUpdate(path) {
+    rememberQueuedPath(queue, path, notifyTriggers) {
+        queue.set(path, (queue.get(path) ?? false) || notifyTriggers);
+    }
+    queueContextUpdate(path, notifyTriggers = true) {
         if (path) {
             // console.log(`🔄 [${this.node().type}] Queueing context update for path: ${path}`);
-            this.contextUpdateQueue.add(path);
+            this.rememberQueuedPath(this.contextUpdateQueue, path, notifyTriggers);
             // Clear existing timeout
             if (this.contextUpdateTimeout) {
                 clearTimeout(this.contextUpdateTimeout);
@@ -3474,8 +3440,10 @@ class AXPWidgetRendererDirective {
         if (this.contextUpdateQueue.size === 0)
             return;
         const startTime = performance.now();
-        const paths = Array.from(this.contextUpdateQueue);
+        const queued = Array.from(this.contextUpdateQueue.entries());
         this.contextUpdateQueue.clear();
+        const paths = queued.map(([path]) => path);
+        const triggerPaths = queued.filter(([, notifyTriggers]) => notifyTriggers).map(([path]) => path);
         // console.log(`📊 [${this.node().type}] Processing ${paths.length} paths:`, paths);
         // Clear expression cache only if changed paths affect this widget's expressions
         const shouldClearCache = paths.some((path) => this.isPathAffectingExpressions(path));
@@ -3499,8 +3467,7 @@ class AXPWidgetRendererDirective {
             await this.updateVisibility();
         }
         const visibilityTime = performance.now() - visibilityStartTime;
-        // Emit context changes
-        paths.forEach((path) => {
+        triggerPaths.forEach((path) => {
             this.onContextChanged.next({ path });
         });
         const totalTime = performance.now() - startTime;
@@ -3980,7 +3947,9 @@ class AXPWidgetRendererDirective {
                     // console.log(
                     //   `🚀 [${this.node().type}] Processing ${this.preRenderContextQueue.size} buffered pre-render changes`,
                     // );
-                    this.preRenderContextQueue.forEach((p) => this.contextUpdateQueue.add(p));
+                    this.preRenderContextQueue.forEach((notifyTriggers, path) => {
+                        this.rememberQueuedPath(this.contextUpdateQueue, path, notifyTriggers);
+                    });
                     this.preRenderContextQueue.clear();
                     await this.processBatchedUpdates();
                 }
@@ -5112,6 +5081,13 @@ const AXP_ALLOW_SEARCH_PROPERTY = createBooleanProperty({
     group: AXP_BEHAVIOR_PROPERTY_GROUP,
     defaultValue: false,
 });
+const AXP_PREFETCH_PROPERTY = createBooleanProperty({
+    name: 'prefetch',
+    title: 'Prefetch',
+    path: 'options.prefetch',
+    group: AXP_BEHAVIOR_PROPERTY_GROUP,
+    defaultValue: false,
+});
 const AXP_HAS_COPY_ICON_PROPERTY = createBooleanProperty({
     name: 'hasCopyIcon',
     title: 'Copy Icon',
@@ -6005,5 +5981,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_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, 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, 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 };
 //# sourceMappingURL=acorex-platform-framework-client-layout-widget-core.mjs.map