@acorex-platform/framework-client 0.0.46 → 0.0.49

package/fesm2022/{acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-CDpzvn6z.mjs → acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-BwwxqHzR.mjs}

@@ -30,14 +30,14 @@ import * as i1$6 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXLookupComponent } from '@acorex/components/lookup';
 import { AXFormatService } from '@acorex/core/format';
-import { resolveMultiLanguageString, setSmart, omitFilterClauseIdentity, createRandomUuid, themeSurfaceVariantFromClass, toRuntimeSurfaceClassName, resolveToSurfaceClass, parseRuntimeHexSurface, listThemeSurfaceGroups, normalizeHexColor, extractValue, AXPRegionalSetting, filterOperatorAllowsEmptyValue, shouldUseLocaleMapShape, buildLocaleTextMapValue, isFormValueEqual, isSelectionValueEqual, isLocaleStringMap, AXPWidgetsCatalog, runtimeQueryCollectionData, AXP_INTEGRATION_CONNECTION_STATUS, AXP_INTEGRATION_AUTH_METHOD_TYPE, sortByMultiLanguageString, AXPFileStorageStatus, AXPPlatformScope, flattenQueryFilterUserGroups, isPersistableFilterQuery, resolveFilterQueryIdentityField, normalizeDefinitionCategories, runtimeQueryFailure, runtimeQuerySuccessObject } from '@acorex-platform/framework-shared/core';
+import { resolveMultiLanguageString, setSmart, omitFilterClauseIdentity, createRandomUuid, themeSurfaceVariantFromClass, toRuntimeSurfaceClassName, resolveToSurfaceClass, parseRuntimeHexSurface, listThemeSurfaceGroups, normalizeHexColor, extractValue, AXPRegionalSetting, filterOperatorAllowsEmptyValue, shouldUseLocaleMapShape, buildLocaleTextMapValue, isFormValueEqual, isSelectionValueEqual, isLocaleStringMap, AXPWidgetsCatalog, runtimeQueryCollectionData, AXP_INTEGRATION_CONNECTION_STATUS, AXP_INTEGRATION_AUTH_METHOD_TYPE, sortByMultiLanguageString, axpGridItemPlacementClassMap, AXPFileStorageStatus, AXPPlatformScope, flattenQueryFilterUserGroups, isPersistableFilterQuery, resolveFilterQueryIdentityField, axpGridNarrowContainerQueryPrefix, normalizeDefinitionCategories, runtimeQueryFailure, runtimeQuerySuccessObject } from '@acorex-platform/framework-shared/core';
 import { get, set, castArray, isNil, cloneDeep, isEqual, isNull, isEmpty, isPlainObject, isString, isNumber, defaultTo, has } from 'lodash-es';
 import * as i2$2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import { AXPCommandService, AXPQueryService, provideQuerySetups } from '@acorex-platform/framework-client/runtime';
 import { cloneProperty, AXPWidgetGroupEnum, createSelectProperty, createStringProperty, createNumberProperty, createBooleanProperty, AXPWidgetStatus, resolveLayoutProfileValue, layoutProfileKeyFromContext, isLayoutProfileKeyConfigured, resolveLayoutProfile, layoutProfileContextForKey, resolveLayoutProfileExcluding, diffLayoutProfileLayer } from '@acorex-platform/framework-shared/widget-core';
 import { AXPopupService } from '@acorex/components/popup';
-import { AXPConditionBuilderComponent, AXPConditionBuilderConditionComponent, AXPColorChooserComponent, AXPColorPalettePickerComponent, AXPDragDropListComponent, AXPColumnItemListComponent, AXPImageEditorService, AXPFileChooserService, createAttachedFileProviderMenu, AXPFileViewerComponent, AXPStateMessageComponent, normalizeFileViewerBoundValue, AXPOutcomeResultsViewerComponent, AXPSignatureEditorService, AXPStopwatchComponent, AXPWidgetFieldConfiguratorComponent, AXPItemConfiguratorComponent, AXPRepeaterRowsLayoutComponent, AXPLocalDataSourceEditorDialogService, AXPSpreadsheetComponent, AXPQueryViewSaveDialogService, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryColumnsComponent, AXPQueryViewSaveButtonComponent, AXPQueryViewTabsComponent } from '@acorex-platform/framework-client/layout/components';
+import { AXPConditionBuilderComponent, AXPConditionBuilderConditionComponent, AXPColorChooserComponent, AXPColorPalettePickerComponent, AXPDragDropListComponent, AXPColumnItemListComponent, AXPImageEditorService, AXPFileChooserService, createAttachedFileProviderMenu, AXPFileViewerComponent, AXPStateMessageComponent, normalizeFileViewerBoundValue, AXPOutcomeResultsViewerComponent, AXPSignatureEditorService, AXP_SIGNATURE_PROVIDER, AXPStopwatchComponent, AXPWidgetFieldConfiguratorComponent, AXPItemConfiguratorComponent, AXPRepeaterRowsLayoutComponent, AXPLocalDataSourceEditorDialogService, AXPSpreadsheetComponent, AXPQueryViewSaveDialogService, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryColumnsComponent, AXPQueryViewSaveButtonComponent, AXPQueryViewTabsComponent } from '@acorex-platform/framework-client/layout/components';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { AXValidationModule, AXValidationService } from '@acorex/core/validation';
 import { AXColorUtil } from '@acorex/core/utils';
@@ -100,9 +100,9 @@ import * as i1$e from '@acorex/components/map';
 import { AXMapModule } from '@acorex/components/map';
 import * as i5$1 from '@acorex/components/qrcode';
 import { AXQrcodeModule } from '@acorex/components/qrcode';
-import * as i3$7 from '@acorex/components/image';
+import * as i4$1 from '@acorex/components/image';
 import { AXImageModule } from '@acorex/components/image';
-import * as i2$8 from '@acorex/components/paint';
+import * as i3$7 from '@acorex/components/paint';
 import { AXPaintModule } from '@acorex/components/paint';
 import * as i1$f from '@acorex/components/grid-layout-builder';
 import { AXGridLayoutContainerComponent, AXGridLayoutBuilderModule } from '@acorex/components/grid-layout-builder';
@@ -14886,8 +14886,10 @@ class AXPSignatureWidgetEditComponent extends AXPValueWidgetComponent {
         //#region ---- Options & State ----
         this.disabled = computed(() => this.options()['disabled'] ?? false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        /** When true (default), show click-to-edit overlay over read-only paint. Set false when used inside a dialog. */
-        this.showOverlay = computed(() => this.options()['showOverlay'] ?? true, /* @ts-ignore */
+        /** Popup opens the signature dialog. Inline paints on the field. `showOverlay: false` still forces inline. */
+        this.captureMode = computed(() => resolveSignatureCaptureMode(this.options()['captureMode'], this.options()['showOverlay']), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "captureMode" }] : /* istanbul ignore next */ []));
+        this.showOverlay = computed(() => this.captureMode() === 'popup', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showOverlay" }] : /* istanbul ignore next */ []));
         /** Paint editMode: true hides pen/highlighter/eraser toolbars. */
         this.editMode = computed(() => this.options()['editMode'] ?? true, /* @ts-ignore */
@@ -14897,6 +14899,11 @@ class AXPSignatureWidgetEditComponent extends AXPValueWidgetComponent {
             return typeof value === 'string' && value.length > 0;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hasSignature" }] : /* istanbul ignore next */ []));
+        this.showInlineClear = computed(() => this.captureMode() === 'inline' &&
+            this.options()['showClear'] !== false &&
+            this.hasSignature() &&
+            !this.disabled(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showInlineClear" }] : /* istanbul ignore next */ []));
         this.showSignaturePreview = computed(() => this.showOverlay() && this.hasSignature(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showSignaturePreview" }] : /* istanbul ignore next */ []));
         this.showPaintSurface = computed(() => !this.showOverlay(), /* @ts-ignore */
@@ -14929,10 +14936,23 @@ class AXPSignatureWidgetEditComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "paintContainer" }] : /* istanbul ignore next */ []));
         this.paintView = viewChild('paintView', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "paintView" }] : /* istanbul ignore next */ []));
+        this.savedSignature = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "savedSignature" }] : /* istanbul ignore next */ []));
+        this.savedSignatureLabel = signal('@platform-layout-widgets:widgets.signature.actions.use-saved', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "savedSignatureLabel" }] : /* istanbul ignore next */ []));
+        this.showSavedSignatureAction = computed(() => {
+            const saved = this.savedSignature();
+            return !this.disabled() && !!saved && this.getValue() !== saved;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showSavedSignatureAction" }] : /* istanbul ignore next */ []));
+        this.showSignatureActions = computed(() => this.showInlineClear() || this.showSavedSignatureAction(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showSignatureActions" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ---- Services & Dependencies ----
         this.signatureEditorService = inject(AXPSignatureEditorService);
         this.deviceService = inject(AXPDeviceService);
+        this.signatureProviders = inject(AXP_SIGNATURE_PROVIDER, { optional: true });
+        this.savedSignatureLoadGeneration = 0;
         //#endregion
         //#region ---- Effects ----
         this.#loadInitialImageEffect = effect(() => {
@@ -14951,11 +14971,41 @@ class AXPSignatureWidgetEditComponent extends AXPValueWidgetComponent {
         this.#init = afterNextRender(() => {
             this.paintContainer()?.setPenWidth(5);
         });
+        this.#loadSavedSignatureEffect = effect((onCleanup) => {
+            const name = resolveSignatureProviderName(this.options()['signatureProvider']);
+            const generation = ++this.savedSignatureLoadGeneration;
+            const provider = name ? this.findSignatureProvider(name) : undefined;
+            let active = true;
+            onCleanup(() => {
+                active = false;
+            });
+            if (!provider) {
+                this.savedSignature.set(null);
+                this.savedSignatureLabel.set('@platform-layout-widgets:widgets.signature.actions.use-saved');
+                return;
+            }
+            this.savedSignatureLabel.set(provider.title.trim() || '@platform-layout-widgets:widgets.signature.actions.use-saved');
+            void provider
+                .load()
+                .then((value) => {
+                if (!active || generation !== this.savedSignatureLoadGeneration) {
+                    return;
+                }
+                this.savedSignature.set(normalizeSignatureValue(value));
+            })
+                .catch(() => {
+                if (active && generation === this.savedSignatureLoadGeneration) {
+                    this.savedSignature.set(null);
+                }
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#loadSavedSignatureEffect" }] : /* istanbul ignore next */ []));
     }
     //#endregion
     //#region ---- Effects ----
     #loadInitialImageEffect;
     #init;
+    #loadSavedSignatureEffect;
     //#endregion
     //#region ---- Widget API ----
     api() {
@@ -14972,6 +15022,19 @@ class AXPSignatureWidgetEditComponent extends AXPValueWidgetComponent {
         this.paintContainer()?.clear();
         this.isInteracting.set(false);
     }
+    handleClearClick(event) {
+        event.nativeEvent?.stopPropagation();
+        this.clearSignaturePad();
+    }
+    applySavedSignature(event) {
+        event.nativeEvent?.stopPropagation();
+        const saved = this.savedSignature();
+        if (!saved || this.disabled()) {
+            return;
+        }
+        this.setValue(saved);
+        this.isInteracting.set(false);
+    }
     handleMouseEnter() {
         if (!this.showDesktopHover()) {
             return;
@@ -15015,16 +15078,23 @@ class AXPSignatureWidgetEditComponent extends AXPValueWidgetComponent {
         if (this.disabled()) {
             return;
         }
+        const signatureProvider = resolveSignatureProviderName(this.options()['signatureProvider']);
         const result = await this.signatureEditorService.open({
             value: this.getValue(),
             disabled: this.disabled(),
+            signatureProvider: signatureProvider || undefined,
         });
         if (result.action === 'apply') {
             this.setValue(result.value);
         }
     }
+    //#endregion
+    //#region ---- Saved signature ----
+    findSignatureProvider(name) {
+        return this.signatureProviders?.find((provider) => provider.name === name);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPSignatureWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPSignatureWidgetEditComponent, isStandalone: true, selector: "axp-signature-pad-widget-edit", host: { classAttribute: "block w-full" }, viewQueries: [{ propertyName: "paintContainer", first: true, predicate: ["paintContainer"], descendants: true, isSignal: true }, { propertyName: "paintView", first: true, predicate: ["paintView"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"axp-signature-pad-widget-edit block w-full select-none\">\n  <div\n    class=\"relative w-full min-h-[9rem] overflow-hidden rounded-md\"\n    [class.cursor-pointer]=\"showOverlay() && !disabled()\"\n    [class.cursor-not-allowed]=\"disabled()\"\n    [class.opacity-60]=\"disabled()\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n    (click)=\"handleSurfaceClick($event)\"\n    (pointerdown)=\"handleSurfacePointerDown($event)\"\n  >\n    @if (showSignaturePreview()) {\n      <ax-image\n        [src]=\"getValue()!\"\n        class=\"block w-full min-h-[9rem] object-contain\"\n      />\n    } @else if (showPaintSurface()) {\n      <ax-paint-container\n        look=\"none\"\n        [editMode]=\"editMode()\"\n        [disabled]=\"disabled()\"\n        [ngModel]=\"getValue()\"\n        (ngModelChange)=\"setValue($event)\"\n        class=\"__paint\"\n        #paintContainer\n      >\n        <ax-paint-view #paintView paintBackgroundColor=\"white\"></ax-paint-view>\n      </ax-paint-container>\n    }\n\n    @if (showEmptyHint()) {\n      <div\n        class=\"absolute inset-0 z-5 flex flex-col items-center justify-center gap-2 pointer-events-none\"\n      >\n        <i class=\"fa-light fa-file-signature text-2xl\"></i>\n        <span class=\"text-sm\">{{ emptyHint() | translate | async }}</span>\n      </div>\n    }\n\n    @if (showDialogHint()) {\n      <div\n        class=\"absolute inset-0 z-5 flex items-center justify-center pointer-events-none text-sm opacity-60\"\n      >\n        {{ signHereHint() | translate | async }}\n      </div>\n    }\n\n    @if (showDesktopHover()) {\n      <div\n        class=\"absolute inset-0 z-5 flex cursor-pointer items-center justify-center bg-neutral-900/50 text-neutral-100 transition-opacity duration-400\"\n        data-signature-action=\"true\"\n        [style.opacity]=\"hovering() ? 1 : 0\"\n        (click)=\"handleOverlayClick($event)\"\n      >\n        <i class=\"fa-light fa-pen\"></i>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".axp-signature-pad-widget-edit .__paint{display:block;width:100%;min-height:9rem}.axp-signature-pad-widget-edit ax-paint-container{display:block;width:100%}.axp-signature-pad-widget-edit ax-paint-container .main-toolbar,.axp-signature-pad-widget-edit ax-paint-container .secondary-toolbar{display:none}:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-container,:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-container>.editor-container,:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-view,:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-view .canvas-element{border:none!important;box-shadow:none!important;outline:none!important}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXPaintModule }, { kind: "component", type: i2$8.AXPaintContainerComponent, selector: "ax-paint-container", inputs: ["look", "disabled", "editMode"] }, { kind: "component", type: i2$8.AXPaintViewComponent, selector: "ax-paint-view", inputs: ["paintBackgroundColor"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i3$7.AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPSignatureWidgetEditComponent, isStandalone: true, selector: "axp-signature-pad-widget-edit", host: { classAttribute: "block w-full" }, viewQueries: [{ propertyName: "paintContainer", first: true, predicate: ["paintContainer"], descendants: true, isSignal: true }, { propertyName: "paintView", first: true, predicate: ["paintView"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"axp-signature-pad-widget-edit block w-full select-none\">\n  <div\n    class=\"flex w-full flex-col overflow-hidden rounded-md\"\n    [class.border]=\"captureMode() === 'inline'\"\n    [class.border-surface]=\"captureMode() === 'inline'\"\n    [class.opacity-60]=\"disabled()\"\n  >\n  <div\n    class=\"relative w-full min-h-[9rem]\"\n    [class.cursor-pointer]=\"showOverlay() && !disabled()\"\n    [class.cursor-not-allowed]=\"disabled()\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n    (click)=\"handleSurfaceClick($event)\"\n    (pointerdown)=\"handleSurfacePointerDown($event)\"\n  >\n    @if (showSignaturePreview()) {\n      <ax-image\n        [src]=\"getValue()!\"\n        class=\"block w-full min-h-[9rem] object-contain\"\n      />\n    } @else if (showPaintSurface()) {\n      <ax-paint-container\n        look=\"none\"\n        [editMode]=\"editMode()\"\n        [disabled]=\"disabled()\"\n        [ngModel]=\"getValue()\"\n        (ngModelChange)=\"setValue($event)\"\n        class=\"__paint\"\n        #paintContainer\n      >\n        <ax-paint-view #paintView paintBackgroundColor=\"white\"></ax-paint-view>\n      </ax-paint-container>\n    }\n\n    @if (showEmptyHint()) {\n      <div\n        class=\"absolute inset-0 z-5 flex flex-col items-center justify-center gap-2 pointer-events-none\"\n      >\n        <i class=\"fa-light fa-file-signature text-2xl\"></i>\n        <span class=\"text-sm\">{{ emptyHint() | translate | async }}</span>\n      </div>\n    }\n\n    @if (showDialogHint()) {\n      <div\n        class=\"absolute inset-0 z-5 flex items-center justify-center pointer-events-none text-sm opacity-60\"\n      >\n        {{ signHereHint() | translate | async }}\n      </div>\n    }\n\n    @if (showDesktopHover()) {\n      <div\n        class=\"absolute inset-0 z-5 flex cursor-pointer items-center justify-center bg-neutral-900/50 text-neutral-100 transition-opacity duration-400\"\n        data-signature-action=\"true\"\n        [style.opacity]=\"hovering() ? 1 : 0\"\n        (click)=\"handleOverlayClick($event)\"\n      >\n        <i class=\"fa-light fa-pen\"></i>\n      </div>\n    }\n  </div>\n\n  @if (showSignatureActions()) {\n    <!-- ----- Clear and saved-signature actions inside the signature box ----- -->\n    <div class=\"flex items-center justify-between gap-2 border-t border-surface px-1 py-2\" data-signature-action=\"true\">\n      <!--------------------------------------------------------------->\n      <!-- ----- Clear the inline pad ----- -->\n      @if (showInlineClear()) {\n        <ax-button\n          look=\"blank\"\n          class=\"ax-sm\"\n          data-signature-action=\"true\"\n          [text]=\"('@general:actions.clear.title' | translate | async) ?? ''\"\n          (onClick)=\"handleClearClick($event)\"\n        ></ax-button>\n      }\n      <!--------------------------------------------------------------->\n      <!-- ----- Apply the signature returned by the configured provider ----- -->\n      @if (showSavedSignatureAction()) {\n        <ax-button\n          look=\"twotone\"\n          color=\"primary\"\n          class=\"ax-sm ms-auto\"\n          data-signature-action=\"true\"\n          [text]=\"(savedSignatureLabel() | translate | async) ?? ''\"\n          (onClick)=\"applySavedSignature($event)\"\n        ></ax-button>\n      }\n    </div>\n  }\n  </div>\n</div>\n", styles: [".axp-signature-pad-widget-edit .__paint{display:block;width:100%;min-height:9rem}.axp-signature-pad-widget-edit ax-paint-container{display:block;width:100%}.axp-signature-pad-widget-edit ax-paint-container .main-toolbar,.axp-signature-pad-widget-edit ax-paint-container .secondary-toolbar{display:none}:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-container,:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-container>.ax-editor-container,:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-view,:host ::ng-deep .axp-signature-pad-widget-edit canvas.ax-canvas-element,:host ::ng-deep .axp-signature-pad-widget-edit canvas.ax-canvas-element:focus,:host ::ng-deep .axp-signature-pad-widget-edit canvas.ax-canvas-element:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPaintModule }, { kind: "component", type: i3$7.AXPaintContainerComponent, selector: "ax-paint-container", inputs: ["look", "disabled", "editMode"] }, { kind: "component", type: i3$7.AXPaintViewComponent, selector: "ax-paint-view", inputs: ["paintBackgroundColor"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i4$1.AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPSignatureWidgetEditComponent, decorators: [{
             type: Component,
@@ -15032,12 +15102,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         class: 'block w-full',
                     }, imports: [
                         FormsModule,
+                        AXButtonModule,
                         AXPaintModule,
                         AXImageModule,
                         AXTranslationModule,
                         AsyncPipe,
-                    ], template: "<div class=\"axp-signature-pad-widget-edit block w-full select-none\">\n  <div\n    class=\"relative w-full min-h-[9rem] overflow-hidden rounded-md\"\n    [class.cursor-pointer]=\"showOverlay() && !disabled()\"\n    [class.cursor-not-allowed]=\"disabled()\"\n    [class.opacity-60]=\"disabled()\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n    (click)=\"handleSurfaceClick($event)\"\n    (pointerdown)=\"handleSurfacePointerDown($event)\"\n  >\n    @if (showSignaturePreview()) {\n      <ax-image\n        [src]=\"getValue()!\"\n        class=\"block w-full min-h-[9rem] object-contain\"\n      />\n    } @else if (showPaintSurface()) {\n      <ax-paint-container\n        look=\"none\"\n        [editMode]=\"editMode()\"\n        [disabled]=\"disabled()\"\n        [ngModel]=\"getValue()\"\n        (ngModelChange)=\"setValue($event)\"\n        class=\"__paint\"\n        #paintContainer\n      >\n        <ax-paint-view #paintView paintBackgroundColor=\"white\"></ax-paint-view>\n      </ax-paint-container>\n    }\n\n    @if (showEmptyHint()) {\n      <div\n        class=\"absolute inset-0 z-5 flex flex-col items-center justify-center gap-2 pointer-events-none\"\n      >\n        <i class=\"fa-light fa-file-signature text-2xl\"></i>\n        <span class=\"text-sm\">{{ emptyHint() | translate | async }}</span>\n      </div>\n    }\n\n    @if (showDialogHint()) {\n      <div\n        class=\"absolute inset-0 z-5 flex items-center justify-center pointer-events-none text-sm opacity-60\"\n      >\n        {{ signHereHint() | translate | async }}\n      </div>\n    }\n\n    @if (showDesktopHover()) {\n      <div\n        class=\"absolute inset-0 z-5 flex cursor-pointer items-center justify-center bg-neutral-900/50 text-neutral-100 transition-opacity duration-400\"\n        data-signature-action=\"true\"\n        [style.opacity]=\"hovering() ? 1 : 0\"\n        (click)=\"handleOverlayClick($event)\"\n      >\n        <i class=\"fa-light fa-pen\"></i>\n      </div>\n    }\n  </div>\n</div>\n", styles: [".axp-signature-pad-widget-edit .__paint{display:block;width:100%;min-height:9rem}.axp-signature-pad-widget-edit ax-paint-container{display:block;width:100%}.axp-signature-pad-widget-edit ax-paint-container .main-toolbar,.axp-signature-pad-widget-edit ax-paint-container .secondary-toolbar{display:none}:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-container,:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-container>.editor-container,:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-view,:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-view .canvas-element{border:none!important;box-shadow:none!important;outline:none!important}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<div class=\"axp-signature-pad-widget-edit block w-full select-none\">\n  <div\n    class=\"flex w-full flex-col overflow-hidden rounded-md\"\n    [class.border]=\"captureMode() === 'inline'\"\n    [class.border-surface]=\"captureMode() === 'inline'\"\n    [class.opacity-60]=\"disabled()\"\n  >\n  <div\n    class=\"relative w-full min-h-[9rem]\"\n    [class.cursor-pointer]=\"showOverlay() && !disabled()\"\n    [class.cursor-not-allowed]=\"disabled()\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n    (click)=\"handleSurfaceClick($event)\"\n    (pointerdown)=\"handleSurfacePointerDown($event)\"\n  >\n    @if (showSignaturePreview()) {\n      <ax-image\n        [src]=\"getValue()!\"\n        class=\"block w-full min-h-[9rem] object-contain\"\n      />\n    } @else if (showPaintSurface()) {\n      <ax-paint-container\n        look=\"none\"\n        [editMode]=\"editMode()\"\n        [disabled]=\"disabled()\"\n        [ngModel]=\"getValue()\"\n        (ngModelChange)=\"setValue($event)\"\n        class=\"__paint\"\n        #paintContainer\n      >\n        <ax-paint-view #paintView paintBackgroundColor=\"white\"></ax-paint-view>\n      </ax-paint-container>\n    }\n\n    @if (showEmptyHint()) {\n      <div\n        class=\"absolute inset-0 z-5 flex flex-col items-center justify-center gap-2 pointer-events-none\"\n      >\n        <i class=\"fa-light fa-file-signature text-2xl\"></i>\n        <span class=\"text-sm\">{{ emptyHint() | translate | async }}</span>\n      </div>\n    }\n\n    @if (showDialogHint()) {\n      <div\n        class=\"absolute inset-0 z-5 flex items-center justify-center pointer-events-none text-sm opacity-60\"\n      >\n        {{ signHereHint() | translate | async }}\n      </div>\n    }\n\n    @if (showDesktopHover()) {\n      <div\n        class=\"absolute inset-0 z-5 flex cursor-pointer items-center justify-center bg-neutral-900/50 text-neutral-100 transition-opacity duration-400\"\n        data-signature-action=\"true\"\n        [style.opacity]=\"hovering() ? 1 : 0\"\n        (click)=\"handleOverlayClick($event)\"\n      >\n        <i class=\"fa-light fa-pen\"></i>\n      </div>\n    }\n  </div>\n\n  @if (showSignatureActions()) {\n    <!-- ----- Clear and saved-signature actions inside the signature box ----- -->\n    <div class=\"flex items-center justify-between gap-2 border-t border-surface px-1 py-2\" data-signature-action=\"true\">\n      <!--------------------------------------------------------------->\n      <!-- ----- Clear the inline pad ----- -->\n      @if (showInlineClear()) {\n        <ax-button\n          look=\"blank\"\n          class=\"ax-sm\"\n          data-signature-action=\"true\"\n          [text]=\"('@general:actions.clear.title' | translate | async) ?? ''\"\n          (onClick)=\"handleClearClick($event)\"\n        ></ax-button>\n      }\n      <!--------------------------------------------------------------->\n      <!-- ----- Apply the signature returned by the configured provider ----- -->\n      @if (showSavedSignatureAction()) {\n        <ax-button\n          look=\"twotone\"\n          color=\"primary\"\n          class=\"ax-sm ms-auto\"\n          data-signature-action=\"true\"\n          [text]=\"(savedSignatureLabel() | translate | async) ?? ''\"\n          (onClick)=\"applySavedSignature($event)\"\n        ></ax-button>\n      }\n    </div>\n  }\n  </div>\n</div>\n", styles: [".axp-signature-pad-widget-edit .__paint{display:block;width:100%;min-height:9rem}.axp-signature-pad-widget-edit ax-paint-container{display:block;width:100%}.axp-signature-pad-widget-edit ax-paint-container .main-toolbar,.axp-signature-pad-widget-edit ax-paint-container .secondary-toolbar{display:none}:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-container,:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-container>.ax-editor-container,:host ::ng-deep .axp-signature-pad-widget-edit ax-paint-view,:host ::ng-deep .axp-signature-pad-widget-edit canvas.ax-canvas-element,:host ::ng-deep .axp-signature-pad-widget-edit canvas.ax-canvas-element:focus,:host ::ng-deep .axp-signature-pad-widget-edit canvas.ax-canvas-element:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { paintContainer: [{ type: i0.ViewChild, args: ['paintContainer', { isSignal: true }] }], paintView: [{ type: i0.ViewChild, args: ['paintView', { isSignal: true }] }] } });
+//#endregion
+//#region ---- Signature option helpers ----
+function resolveSignatureCaptureMode(captureMode, showOverlay) {
+    // The signature dialog sets showOverlay false. The captureMode property default is popup
+    // and is merged in even when the caller did not set it, so false must stay inline.
+    if (showOverlay === false || readOptionId(captureMode) === 'inline') {
+        return 'inline';
+    }
+    return 'popup';
+}
+function resolveSignatureProviderName(value) {
+    const id = readOptionId(value);
+    return id?.trim() ?? '';
+}
+function readOptionId(value) {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (value && typeof value === 'object' && 'id' in value && typeof value.id === 'string') {
+        return value.id;
+    }
+    return undefined;
+}
+function normalizeSignatureValue(value) {
+    const trimmed = typeof value === 'string' ? value.trim() : '';
+    return trimmed.length > 0 ? trimmed : null;
+}
 
 var signaturePadWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -15061,7 +15159,7 @@ class AXPSignatureWidgetViewComponent extends AXPValueWidgetComponent {
         <span>{{ placeholder() }}</span>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i3$7.AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i4$1.AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPSignatureWidgetViewComponent, decorators: [{
             type: Component,
@@ -15087,6 +15185,26 @@ var signaturePadWidgetView_component = /*#__PURE__*/Object.freeze({
     AXPSignatureWidgetViewComponent: AXPSignatureWidgetViewComponent
 });
 
+const AXP_SIGNATURE_CAPTURE_MODE_PROPERTY = createSelectProperty({
+    name: 'captureMode',
+    title: '@platform-layout-widgets:widgets.signature.capture-mode.title',
+    path: 'options.captureMode',
+    group: AXP_BEHAVIOR_PROPERTY_GROUP,
+    defaultValue: {
+        id: 'popup',
+        title: '@platform-layout-widgets:widgets.signature.capture-mode.popup',
+    },
+    dataSource: [
+        { id: 'popup', title: '@platform-layout-widgets:widgets.signature.capture-mode.popup' },
+        { id: 'inline', title: '@platform-layout-widgets:widgets.signature.capture-mode.inline' },
+    ],
+});
+const AXP_SIGNATURE_PROVIDER_PROPERTY = createStringProperty({
+    name: 'signatureProvider',
+    title: '@platform-layout-widgets:widgets.signature.signature-provider.title',
+    path: 'options.signatureProvider',
+    group: AXP_BEHAVIOR_PROPERTY_GROUP,
+});
 const AXPSignatureWidget = {
     name: 'signature',
     title: '@platform-layout-widgets:widgets.signature.title',
@@ -15101,6 +15219,8 @@ const AXPSignatureWidget = {
         AXP_DISABLED_PROPERTY,
         AXP_PLACEHOLDER_PROPERTY,
         AXP_REQUIRED_VALIDATION_PROPERTY,
+        AXP_SIGNATURE_CAPTURE_MODE_PROPERTY,
+        AXP_SIGNATURE_PROVIDER_PROPERTY,
     ],
     components: {
         view: {
@@ -17888,22 +18008,11 @@ class AXPAdvancedGridItemWidgetViewComponent extends AXPLayoutBaseWidgetComponen
         if (this.flexDirection()) {
             cls[this.flexDirection()] = true;
         }
-        //
-        cls[`col-span-12`] = true;
-        if (this.colSpan() != null) {
-            cls[`lg:col-span-${this.colSpan()}`] = true;
-        }
-        else {
-            cls[`lg:col-span-1`] = true;
-        }
-        //
-        if (this.colStart() != null) {
-            cls[`lg:col-start-${this.colStart()}`] = true;
-        }
-        //
-        if (this.colEnd() != null) {
-            cls[`lg:col-end-${this.colEnd()}`] = true;
-        }
+        Object.assign(cls, axpGridItemPlacementClassMap({
+            colSpan: this.colSpan() ?? 1,
+            colStart: this.colStart(),
+            colEnd: this.colEnd(),
+        }));
         return cls;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPAdvancedGridItemWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
@@ -19250,7 +19359,7 @@ const AXPRepeaterWidget = {
             component: () => Promise.resolve().then(function () { return repeaterWidgetDesigner_component; }).then((c) => c.AXPRepeaterWidgetDesignerComponent),
         },
         column: {
-            component: () => import('./acorex-platform-framework-client-layout-widgets-repeater-widget-column.component-Cw3NhWL8.mjs').then((c) => c.AXPRepeaterWidgetColumnComponent),
+            component: () => import('./acorex-platform-framework-client-layout-widgets-repeater-widget-column.component-DYpd-XXJ.mjs').then((c) => c.AXPRepeaterWidgetColumnComponent),
         },
     },
 };
@@ -27330,9 +27439,8 @@ class AXPListToolbarWidgetViewComponent extends AXPValueWidgetComponent {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selectedViewQuery" }] : /* istanbul ignore next */ []));
         this.showFilterToolbarRow = computed(() => this.canFilter() ||
-            this.showColumnsControl() ||
+            this.showViewMenu() ||
             this.canSort() ||
-            this.showListDisplayModeControl() ||
             (this.filterTriggerMode() === 'manual' && this.isFiltersDirty()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showFilterToolbarRow" }] : /* istanbul ignore next */ []));
         this.enabledListLayouts = computed(() => {
@@ -27347,6 +27455,16 @@ class AXPListToolbarWidgetViewComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "showListDisplayModeControl" }] : /* istanbul ignore next */ []));
         this.showColumnsControl = computed(() => this.canColumns() && this.listDisplayMode() === 'table', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showColumnsControl" }] : /* istanbul ignore next */ []));
+        this.showViewMenu = computed(() => this.showListDisplayModeControl() || this.showColumnsControl(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showViewMenu" }] : /* istanbul ignore next */ []));
+        this.activeSortCount = computed(() => (this.getValue()?.sorts ?? []).filter((sort) => sort.dir === 'asc' || sort.dir === 'desc').length, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeSortCount" }] : /* istanbul ignore next */ []));
+        this.sortMenuOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sortMenuOpen" }] : /* istanbul ignore next */ []));
+        this.viewMenuOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "viewMenuOpen" }] : /* istanbul ignore next */ []));
+        this.viewMenuPanel = signal('root', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "viewMenuPanel" }] : /* istanbul ignore next */ []));
         this.hasTableListDisplayOption = computed(() => this.enabledListLayouts().includes('table'), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hasTableListDisplayOption" }] : /* istanbul ignore next */ []));
         this.hasCardListDisplayOption = computed(() => this.enabledListLayouts().includes('card'), /* @ts-ignore */
@@ -27355,19 +27473,8 @@ class AXPListToolbarWidgetViewComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "hasRowListDisplayOption" }] : /* istanbul ignore next */ []));
         this.listDisplayMode = signal(AXP_ENTITY_LIST_DISPLAY_MODE_DEFAULT, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "listDisplayMode" }] : /* istanbul ignore next */ []));
-        this.listDisplayModeButtonIcon = computed(() => {
-            switch (this.listDisplayMode()) {
-                case 'table':
-                    return 'fa-light fa-table';
-                case 'row':
-                    return 'fa-light fa-grip-lines';
-                case 'card':
-                    return 'fa-light fa-grid-2';
-            }
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "listDisplayModeButtonIcon" }] : /* istanbul ignore next */ []));
-        this.listDisplayModePopover = viewChild('listDisplayModePopover', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "listDisplayModePopover" }] : /* istanbul ignore next */ []));
+        this.viewPopover = viewChild('viewPopover', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "viewPopover" }] : /* istanbul ignore next */ []));
         this.filterTriggerMode = signal('manual', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "filterTriggerMode" }] : /* istanbul ignore next */ []));
         this.previousFilterQueries = signal(this.getValue()?.filters || [], /* @ts-ignore */
@@ -27384,7 +27491,10 @@ class AXPListToolbarWidgetViewComponent extends AXPValueWidgetComponent {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "columnDefinitions" }] : /* istanbul ignore next */ []));
         // sorts
-        this.sortDefinitions = computed(() => this.options()['sortDefinitions'] || [], /* @ts-ignore */
+        this.sortDefinitions = computed(() => {
+            const definitions = this.options()['sortDefinitions'];
+            return Array.isArray(definitions) ? definitions : [];
+        }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "sortDefinitions" }] : /* istanbul ignore next */ []));
         this.sortPresets = computed(() => this.options()['sortPresets'] ?? [], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "sortPresets" }] : /* istanbul ignore next */ []));
@@ -27421,6 +27531,7 @@ class AXPListToolbarWidgetViewComponent extends AXPValueWidgetComponent {
                     name: column.name,
                     visible: isQueryViewColumnVisible(column.visible),
                 })),
+                sortableFieldNames: this.sortDefinitions().map((definition) => definition.name),
             });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canSaveQueryView" }] : /* istanbul ignore next */ []));
@@ -27644,13 +27755,29 @@ class AXPListToolbarWidgetViewComponent extends AXPValueWidgetComponent {
     setListDisplayMode(mode) {
         const enabled = this.enabledListLayouts();
         if (!enabled.includes(mode) || this.listDisplayMode() === mode) {
-            this.listDisplayModePopover()?.close();
+            this.viewPopover()?.close();
             return;
         }
         this.listDisplayMode.set(mode);
         void this.settingsService.scope(AXPPlatformScope.User).set(AXPCommonSettings.EntityListDisplayMode, mode);
         this.setValue({ ...this.getValue(), displayMode: mode });
-        this.listDisplayModePopover()?.close();
+        this.viewPopover()?.close();
+    }
+    onViewMenuOpened() {
+        this.viewMenuOpen.set(true);
+        this.viewMenuPanel.set('root');
+    }
+    onViewMenuClosed() {
+        this.viewMenuOpen.set(false);
+        this.viewMenuPanel.set('root');
+    }
+    openViewColumnsPanel() {
+        this.viewMenuPanel.set('columns');
+    }
+    resetViewColumns() {
+        const selected = this.selectedQueryView();
+        const columns = applyQueryViewToColumnQueries(this.columnDefinitions(), selected);
+        this.onColumnsChanged(columns);
     }
     async applyGlobalListDisplayMode() {
         try {
@@ -27668,7 +27795,7 @@ class AXPListToolbarWidgetViewComponent extends AXPValueWidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPListToolbarWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPListToolbarWidgetViewComponent, isStandalone: true, selector: "axp-list-toolbar-widget-view", viewQueries: [{ propertyName: "listDisplayModePopover", first: true, predicate: ["listDisplayModePopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col w-full\">\n  @if (showViews()) {\n    <!-- ----- Query view tabs and custom-view actions ----- -->\n    <axp-query-view-tabs\n      class=\"w-full\"\n      [views]=\"viewQueries()\"\n      [selectedView]=\"selectedViewQuery()\"\n      (selectedViewChange)=\"onViewChanged($event)\"\n      (edit)=\"onEditQueryView($event)\"\n      (remove)=\"onDeleteQueryView($event)\"\n    ></axp-query-view-tabs>\n  }\n  @if (showFilterToolbarRow()) {\n    <!-- ----- Filter, column, sort, and list-display controls ----- -->\n    <div class=\"flex min-w-0 items-center gap-2 overflow-hidden border-b border-light w-full\">\n      <!--------------------------------------------------------------->\n      @if (canFilter()) {\n        <axp-query-filters\n          class=\"min-w-0 flex-1\"\n          [filtersDefinitions]=\"filterDefinitions()\"\n          [initialFilters]=\"initialFilters()\"\n          [mode]=\"filterMode()\"\n          (onFiltersChanged)=\"onFiltersChanged($event)\"\n        ></axp-query-filters>\n      }\n      <div class=\"ms-auto flex shrink-0 items-center gap-1 md:gap-2\">\n        <!--------------------------------------------------------------->\n        @if (filterTriggerMode() === 'manual' && isFiltersDirty()) {\n          <ax-button\n            [title]=\"'@general:actions.apply.title'\"\n            [iconOnly]=\"true\"\n            #filterButton\n            [color]=\"'primary'\"\n            (onClick)=\"applyFilters()\"\n          >\n            <ax-prefix>\n              <i class=\"fa-light fa-search\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n        <!-- ----- Save View appears when the list layout is dirty ----- -->\n        <axp-query-view-save-button\n          [visible]=\"canSaveQueryView()\"\n          (save)=\"onSaveQueryView()\"\n        ></axp-query-view-save-button>\n        <!--------------------------------------------------------------->\n        @if (showColumnsControl()) {\n          <ax-button [iconOnly]=\"true\" #columnButton [color]=\"'default'\">\n            <i class=\"fa-light fa-table-columns\"></i>\n          </ax-button>\n          <ax-popover\n            [adaptivityEnabled]=\"true\"\n            [offsetY]=\"30\"\n            [target]=\"columnButton\"\n            [openOn]=\"'toggle'\"\n            [closeOn]=\"'clickOut'\"\n            #popover\n          >\n            <div class=\"lightest-surface shadow-md border md:w-72 w-full rounded-md\">\n              <ax-header class=\"border-b lighter-surface rounded-t-md p-4 font-bold\">\n                {{ '@general:terms.common.columns' | translate | async }}\n              </ax-header>\n              <div class=\"py-2 px-4\">\n                <axp-query-columns\n                  [columns]=\"pickerColumns()\"\n                  (columnsChange)=\"onColumnsChanged($event)\"\n                ></axp-query-columns>\n              </div>\n            </div>\n          </ax-popover>\n        }\n        <!--------------------------------------------------------------->\n        @if (canSort()) {\n          <ax-button [iconOnly]=\"true\" [text]=\"'Sorts'\" #sortButton [color]=\"'default'\">\n            <i class=\"fa-light fa-sort-amount-up\"></i>\n          </ax-button>\n          <ax-popover\n            [adaptivityEnabled]=\"true\"\n            [offsetY]=\"10\"\n            [target]=\"sortButton\"\n            [openOn]=\"'toggle'\"\n            [closeOn]=\"'clickOut'\"\n            #popover\n          >\n            <div class=\"lightest-surface shadow-md border md:w-96 w-full rounded-md overflow-hidden\">\n              <axp-query-sorts\n                [sortDefinitions]=\"sortDefinitions()\"\n                [sortPresets]=\"sortPresets()\"\n                [defaultSortQueries]=\"defaultSorts()\"\n                (sortQueriesChange)=\"onSortsChanged($event)\"\n                [initialSortQueries]=\"initialSorts()\"\n              ></axp-query-sorts>\n            </div>\n          </ax-popover>\n        }\n        <!--------------------------------------------------------------->\n        @if (showListDisplayModeControl()) {\n          <div>\n            <ax-button [iconOnly]=\"true\" #listDisplayButton [color]=\"'default'\">\n              <i [class]=\"listDisplayModeButtonIcon()\"></i>\n            </ax-button>\n            <ax-popover\n              [adaptivityEnabled]=\"true\"\n              [offsetY]=\"10\"\n              [target]=\"listDisplayButton\"\n              [openOn]=\"'toggle'\"\n              [closeOn]=\"'clickOut'\"\n              #listDisplayModePopover\n            >\n              <div class=\"lightest-surface shadow-md border md:w-72 w-full rounded-md\">\n                <ax-header class=\"border-b lighter-surface rounded-t-md p-4 font-bold\">\n                  {{ '@general:terms.interface.list-display' | translate | async }}\n                </ax-header>\n                <div class=\"py-2 px-2\">\n                  <ax-button-item-list>\n                    <!--------------------------------------------------------------->\n                    @if (hasTableListDisplayOption()) {\n                      <ax-button-item\n                        [text]=\"('@general:terms.interface.table-view' | translate | async)!\"\n                        [selected]=\"listDisplayMode() === 'table'\"\n                        (onClick)=\"setListDisplayMode('table')\"\n                      >\n                        <ax-prefix>\n                          <i class=\"fa-light fa-table\"></i>\n                        </ax-prefix>\n                      </ax-button-item>\n                    }\n                    <!--------------------------------------------------------------->\n                    @if (hasTableListDisplayOption() && (hasCardListDisplayOption() || hasRowListDisplayOption())) {\n                      <ax-divider />\n                    }\n                    <!--------------------------------------------------------------->\n                    @if (hasCardListDisplayOption()) {\n                      <!-- ----- Card grid presentation ----- -->\n                      <ax-button-item\n                        [text]=\"('@general:terms.interface.card-view' | translate | async)!\"\n                        [selected]=\"listDisplayMode() === 'card'\"\n                        (onClick)=\"setListDisplayMode('card')\"\n                      >\n                        <ax-prefix>\n                          <i class=\"fa-light fa-grid-2\"></i>\n                        </ax-prefix>\n                      </ax-button-item>\n                    }\n                    <!--------------------------------------------------------------->\n                    @if (hasRowListDisplayOption()) {\n                      <!-- ----- Horizontal row-list presentation ----- -->\n                      <ax-button-item\n                        [text]=\"('@general:terms.interface.row-view' | translate | async)!\"\n                        [selected]=\"listDisplayMode() === 'row'\"\n                        (onClick)=\"setListDisplayMode('row')\"\n                      >\n                        <ax-prefix>\n                          <i class=\"fa-light fa-grip-lines\"></i>\n                        </ax-prefix>\n                      </ax-button-item>\n                    }\n                  </ax-button-item-list>\n                </div>\n              </div>\n            </ax-popover>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPQueryFiltersComponent, selector: "axp-query-filters", inputs: ["filtersDefinitions", "initialFilters", "mode", "quickSearch", "sortPresets", "activeSortPresetName"], outputs: ["onFiltersChanged", "onSortPresetSelected"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPQuerySortsComponent, selector: "axp-query-sorts", inputs: ["sortDefinitions", "sortPresets", "initialSortQueries", "defaultSortQueries"], outputs: ["sortDefinitionsChange", "sortQueriesChange"] }, { kind: "component", type: AXPQueryColumnsComponent, selector: "axp-query-columns", inputs: ["columns"], outputs: ["columnsChange"] }, { kind: "component", type: AXPQueryViewSaveButtonComponent, selector: "axp-query-view-save-button", inputs: ["visible"], outputs: ["save"] }, { kind: "component", type: AXPQueryViewTabsComponent, selector: "axp-query-view-tabs", inputs: ["views", "selectedView"], outputs: ["selectedViewChange", "edit", "remove"] }, { kind: "pipe", type: i1$5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPListToolbarWidgetViewComponent, isStandalone: true, selector: "axp-list-toolbar-widget-view", viewQueries: [{ propertyName: "viewPopover", first: true, predicate: ["viewPopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col w-full\">\n  @if (showViews()) {\n    <!-- ----- Query view tabs and custom-view actions ----- -->\n    <axp-query-view-tabs\n      class=\"w-full\"\n      [views]=\"viewQueries()\"\n      [selectedView]=\"selectedViewQuery()\"\n      (selectedViewChange)=\"onViewChanged($event)\"\n      (edit)=\"onEditQueryView($event)\"\n      (remove)=\"onDeleteQueryView($event)\"\n    ></axp-query-view-tabs>\n  }\n  @if (showFilterToolbarRow()) {\n    <!-- ----- Filter, sort, and view presentation controls ----- -->\n    <div class=\"axp-list-toolbar__row flex min-w-0 flex-wrap items-center gap-2 overflow-hidden border-b border-light w-full\">\n      @if (canFilter()) {\n        <axp-query-filters\n          class=\"min-w-0 flex-1\"\n          [filtersDefinitions]=\"filterDefinitions()\"\n          [initialFilters]=\"initialFilters()\"\n          [mode]=\"filterMode()\"\n          (onFiltersChanged)=\"onFiltersChanged($event)\"\n        ></axp-query-filters>\n      }\n      <div class=\"axp-toolbar-list-tools ms-auto flex shrink-0 items-center gap-1\">\n        <!-- ----- Apply pending filters when the list is in manual apply mode ----- -->\n        @if (filterTriggerMode() === 'manual' && isFiltersDirty()) {\n          <ax-button\n            [title]=\"'@general:actions.apply.title'\"\n            [iconOnly]=\"true\"\n            [color]=\"'primary'\"\n            (onClick)=\"applyFilters()\"\n          >\n            <ax-prefix>\n              <i class=\"fa-light fa-search\" aria-hidden=\"true\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n        <!-- ----- Save View appears when the list layout is dirty ----- -->\n        <axp-query-view-save-button\n          [visible]=\"canSaveQueryView()\"\n          (save)=\"onSaveQueryView()\"\n        ></axp-query-view-save-button>\n\n        <!-- ----- Sort opens the existing sort panel directly ----- -->\n        @if (canSort()) {\n          <div class=\"axp-toolbar-btn-host\">\n            <ax-button\n              class=\"axp-toolbar-btn axp-toolbar-btn-sort\"\n              [class.axp-toolbar-btn--active]=\"activeSortCount() > 0\"\n              [look]=\"'outline'\"\n              [iconOnly]=\"true\"\n              [color]=\"activeSortCount() > 0 ? 'primary' : 'default'\"\n              [title]=\"\n                (activeSortCount() > 0\n                  ? ('@general:terms.interface.sort.button-active' | translate: { params: { count: activeSortCount() } } | async)\n                  : ('@general:actions.sort.title' | translate | async)) ?? ''\n              \"\n              [attr.aria-expanded]=\"sortMenuOpen()\"\n              [attr.aria-haspopup]=\"'dialog'\"\n              #sortButton\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-sort-amount-up\" aria-hidden=\"true\"></i>\n              </ax-prefix>\n            </ax-button>\n            <ax-popover\n              [adaptivityEnabled]=\"true\"\n              [offsetY]=\"8\"\n              [target]=\"sortButton\"\n              [openOn]=\"'toggle'\"\n              [closeOn]=\"'clickOut'\"\n              (onOpened)=\"sortMenuOpen.set(true)\"\n              (onClosed)=\"sortMenuOpen.set(false)\"\n            >\n              <div class=\"axp-toolbar-popover lightest-surface shadow-md border md:w-96 w-full rounded-md overflow-hidden\">\n                <axp-query-sorts\n                  [sortDefinitions]=\"sortDefinitions()\"\n                  [sortPresets]=\"sortPresets()\"\n                  [defaultSortQueries]=\"defaultSorts()\"\n                  (sortQueriesChange)=\"onSortsChanged($event)\"\n                  [initialSortQueries]=\"initialSorts()\"\n                ></axp-query-sorts>\n              </div>\n            </ax-popover>\n          </div>\n        }\n\n        <!-- ----- View groups presentation settings ----- -->\n        @if (showViewMenu()) {\n          <div class=\"axp-toolbar-btn-host\">\n            <ax-button\n              class=\"axp-toolbar-btn axp-toolbar-btn-view\"\n              [look]=\"'outline'\"\n              [iconOnly]=\"true\"\n              [color]=\"'default'\"\n              [title]=\"('@general:terms.interface.view.menu-button' | translate | async) ?? ''\"\n              [attr.aria-expanded]=\"viewMenuOpen()\"\n              [attr.aria-haspopup]=\"'menu'\"\n              #viewButton\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-sliders\" aria-hidden=\"true\"></i>\n              </ax-prefix>\n            </ax-button>\n            <ax-popover\n              [adaptivityEnabled]=\"true\"\n              [offsetY]=\"8\"\n              [target]=\"viewButton\"\n              [openOn]=\"'toggle'\"\n              [closeOn]=\"'clickOut'\"\n              (onOpened)=\"onViewMenuOpened()\"\n              (onClosed)=\"onViewMenuClosed()\"\n              #viewPopover\n            >\n              <div class=\"axp-toolbar-popover axp-toolbar-view-menu lightest-surface shadow-md border w-72 max-w-full rounded-md overflow-hidden\">\n                <!-- ----- Nested column visibility panel ----- -->\n                @if (viewMenuPanel() === 'columns') {\n                  <div class=\"axp-toolbar-view-menu__header flex items-center justify-between gap-2 border-b border-light px-3 py-2\">\n                    <ax-button\n                      class=\"ax-sm\"\n                      [look]=\"'blank'\"\n                      [color]=\"'default'\"\n                      [title]=\"('@general:actions.back.title' | translate | async) ?? ''\"\n                      (onClick)=\"viewMenuPanel.set('root')\"\n                    >\n                      <ax-prefix>\n                        <i class=\"fa-light fa-chevron-left rtl:rotate-180\" aria-hidden=\"true\"></i>\n                      </ax-prefix>\n                    </ax-button>\n                    <span class=\"min-w-0 flex-1 truncate font-bold\">\n                      {{ '@general:terms.common.columns' | translate | async }}\n                    </span>\n                    <ax-button\n                      class=\"ax-sm\"\n                      [look]=\"'blank'\"\n                      [color]=\"'primary'\"\n                      [text]=\"'@general:actions.reset.title' | translate | async\"\n                      (onClick)=\"resetViewColumns()\"\n                    ></ax-button>\n                  </div>\n                  <div class=\"axp-toolbar-view-menu__body px-4 py-3\">\n                    <axp-query-columns\n                      [columns]=\"pickerColumns()\"\n                      [constrainHeight]=\"false\"\n                      (columnsChange)=\"onColumnsChanged($event)\"\n                    ></axp-query-columns>\n                  </div>\n                }\n                <!-- ----- Root presentation menu ----- -->\n                @else {\n                  <div class=\"axp-toolbar-view-menu__header border-b border-light px-4 py-3 font-bold\">\n                    {{ '@general:terms.interface.view.menu-title' | translate | async }}\n                  </div>\n                  <div class=\"axp-toolbar-view-menu__body py-2\">\n                    <!-- ----- Display mode ----- -->\n                    @if (showListDisplayModeControl()) {\n                      <div class=\"axp-toolbar-view-menu__section-label px-4\">\n                        {{ '@general:terms.interface.view.display-mode' | translate | async }}\n                      </div>\n                      <ax-button-item-list>\n                        @if (hasTableListDisplayOption()) {\n                          <ax-button-item\n                            [text]=\"('@general:terms.interface.table-view' | translate | async)!\"\n                            [selected]=\"listDisplayMode() === 'table'\"\n                            (onClick)=\"setListDisplayMode('table')\"\n                          >\n                            <ax-prefix>\n                              <i class=\"fa-light fa-table\" aria-hidden=\"true\"></i>\n                            </ax-prefix>\n                            <!--->\n                            <!-- ----- Selected table layout ----- -->\n                            @if (listDisplayMode() === 'table') {\n                              <ax-suffix>\n                                <i class=\"fa-light fa-check\" aria-hidden=\"true\"></i>\n                              </ax-suffix>\n                            }\n                          </ax-button-item>\n                        }\n                        @if (hasCardListDisplayOption()) {\n                          <!-- ----- Card grid presentation ----- -->\n                          <ax-button-item\n                            [text]=\"('@general:terms.interface.card-view' | translate | async)!\"\n                            [selected]=\"listDisplayMode() === 'card'\"\n                            (onClick)=\"setListDisplayMode('card')\"\n                          >\n                            <ax-prefix>\n                              <i class=\"fa-light fa-grid-2\" aria-hidden=\"true\"></i>\n                            </ax-prefix>\n                            <!--->\n                            <!-- ----- Selected card layout ----- -->\n                            @if (listDisplayMode() === 'card') {\n                              <ax-suffix>\n                                <i class=\"fa-light fa-check\" aria-hidden=\"true\"></i>\n                              </ax-suffix>\n                            }\n                          </ax-button-item>\n                        }\n                        @if (hasRowListDisplayOption()) {\n                          <!-- ----- Horizontal row-list presentation ----- -->\n                          <ax-button-item\n                            [text]=\"('@general:terms.interface.row-view' | translate | async)!\"\n                            [selected]=\"listDisplayMode() === 'row'\"\n                            (onClick)=\"setListDisplayMode('row')\"\n                          >\n                            <ax-prefix>\n                              <i class=\"fa-light fa-grip-lines\" aria-hidden=\"true\"></i>\n                            </ax-prefix>\n                            <!--->\n                            <!-- ----- Selected row layout ----- -->\n                            @if (listDisplayMode() === 'row') {\n                              <ax-suffix>\n                                <i class=\"fa-light fa-check\" aria-hidden=\"true\"></i>\n                              </ax-suffix>\n                            }\n                          </ax-button-item>\n                        }\n                      </ax-button-item-list>\n                    }\n\n                    <!-- ----- Columns ----- -->\n                    @if (showColumnsControl()) {\n                      <!--->\n                      <!-- ----- Divider when a display-mode section is already shown ----- -->\n                      @if (showListDisplayModeControl()) {\n                        <ax-divider />\n                      }\n                      <div class=\"axp-toolbar-view-menu__section-label px-4\">\n                        {{ '@general:terms.common.columns' | translate | async }}\n                      </div>\n                      <ax-button-item-list>\n                        <ax-button-item\n                          [text]=\"('@general:terms.interface.view.manage-columns' | translate | async)!\"\n                          (onClick)=\"openViewColumnsPanel()\"\n                        >\n                          <ax-prefix>\n                            <i class=\"fa-light fa-table-columns\" aria-hidden=\"true\"></i>\n                          </ax-prefix>\n                          <ax-suffix>\n                            <i class=\"fa-light fa-chevron-right rtl:rotate-180\" aria-hidden=\"true\"></i>\n                          </ax-suffix>\n                        </ax-button-item>\n                      </ax-button-item-list>\n                    }\n                  </div>\n                }\n              </div>\n            </ax-popover>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@layer properties;.axp-list-toolbar__row{box-sizing:border-box;min-height:2.875rem;padding-block:.1875rem}.axp-toolbar-list-tools{width:max-content;flex:0 0 auto}.axp-toolbar-btn-host{display:inline-flex;width:max-content;flex:0 0 auto;position:relative}.axp-toolbar-btn.ax-button,.axp-toolbar-btn{flex:0 0 auto;width:max-content}.axp-toolbar-btn.ax-button-icon,.axp-toolbar-btn.ax-button-icon button{box-sizing:border-box;height:var(--ax-sys-size-base);min-height:var(--ax-sys-size-base);max-height:var(--ax-sys-size-base);min-width:var(--ax-sys-size-base);max-width:var(--ax-sys-size-base);width:var(--ax-sys-size-base)}.axp-toolbar-btn-sort.ax-button-icon button i{font-size:1em}.axp-toolbar-btn--active button{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){.axp-toolbar-btn--active button{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 10%,transparent)}}.axp-toolbar-view-menu__section-label{padding-inline:var(--spacing, .25rem);padding-top:var(--spacing, .25rem);padding-bottom:var(--spacing, .25rem);font-size:10px;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wider, .05em);letter-spacing:var(--tracking-wider, .05em);color:var(--color-neutral-400, oklch(70.8% 0 none));text-transform:uppercase}.axp-toolbar-popover{display:flex;max-height:min(28rem,70vh);flex-direction:column;overflow:hidden}.axp-toolbar-view-menu__header{flex-shrink:0}.axp-toolbar-view-menu__body{min-height:0px;flex:1;overflow-x:hidden;overflow-y:auto}.axp-toolbar-view-menu__body .ax-sorted-list{max-height:none;overflow:visible}@media(max-width:600px){.axp-toolbar-list-tools{justify-content:flex-end}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPQueryFiltersComponent, selector: "axp-query-filters", inputs: ["filtersDefinitions", "initialFilters", "mode", "quickSearch", "sortPresets", "activeSortPresetName"], outputs: ["onFiltersChanged", "onSortPresetSelected"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPQuerySortsComponent, selector: "axp-query-sorts", inputs: ["sortDefinitions", "sortPresets", "initialSortQueries", "defaultSortQueries"], outputs: ["sortDefinitionsChange", "sortQueriesChange"] }, { kind: "component", type: AXPQueryColumnsComponent, selector: "axp-query-columns", inputs: ["columns", "constrainHeight"], outputs: ["columnsChange"] }, { kind: "component", type: AXPQueryViewSaveButtonComponent, selector: "axp-query-view-save-button", inputs: ["visible"], outputs: ["save"] }, { kind: "component", type: AXPQueryViewTabsComponent, selector: "axp-query-view-tabs", inputs: ["views", "selectedView"], outputs: ["selectedViewChange", "edit", "remove"] }, { kind: "pipe", type: i1$5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPListToolbarWidgetViewComponent, decorators: [{
             type: Component,
@@ -27683,8 +27810,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXPQueryColumnsComponent,
                         AXPQueryViewSaveButtonComponent,
                         AXPQueryViewTabsComponent,
-                    ], template: "<div class=\"flex flex-col w-full\">\n  @if (showViews()) {\n    <!-- ----- Query view tabs and custom-view actions ----- -->\n    <axp-query-view-tabs\n      class=\"w-full\"\n      [views]=\"viewQueries()\"\n      [selectedView]=\"selectedViewQuery()\"\n      (selectedViewChange)=\"onViewChanged($event)\"\n      (edit)=\"onEditQueryView($event)\"\n      (remove)=\"onDeleteQueryView($event)\"\n    ></axp-query-view-tabs>\n  }\n  @if (showFilterToolbarRow()) {\n    <!-- ----- Filter, column, sort, and list-display controls ----- -->\n    <div class=\"flex min-w-0 items-center gap-2 overflow-hidden border-b border-light w-full\">\n      <!--------------------------------------------------------------->\n      @if (canFilter()) {\n        <axp-query-filters\n          class=\"min-w-0 flex-1\"\n          [filtersDefinitions]=\"filterDefinitions()\"\n          [initialFilters]=\"initialFilters()\"\n          [mode]=\"filterMode()\"\n          (onFiltersChanged)=\"onFiltersChanged($event)\"\n        ></axp-query-filters>\n      }\n      <div class=\"ms-auto flex shrink-0 items-center gap-1 md:gap-2\">\n        <!--------------------------------------------------------------->\n        @if (filterTriggerMode() === 'manual' && isFiltersDirty()) {\n          <ax-button\n            [title]=\"'@general:actions.apply.title'\"\n            [iconOnly]=\"true\"\n            #filterButton\n            [color]=\"'primary'\"\n            (onClick)=\"applyFilters()\"\n          >\n            <ax-prefix>\n              <i class=\"fa-light fa-search\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n        <!-- ----- Save View appears when the list layout is dirty ----- -->\n        <axp-query-view-save-button\n          [visible]=\"canSaveQueryView()\"\n          (save)=\"onSaveQueryView()\"\n        ></axp-query-view-save-button>\n        <!--------------------------------------------------------------->\n        @if (showColumnsControl()) {\n          <ax-button [iconOnly]=\"true\" #columnButton [color]=\"'default'\">\n            <i class=\"fa-light fa-table-columns\"></i>\n          </ax-button>\n          <ax-popover\n            [adaptivityEnabled]=\"true\"\n            [offsetY]=\"30\"\n            [target]=\"columnButton\"\n            [openOn]=\"'toggle'\"\n            [closeOn]=\"'clickOut'\"\n            #popover\n          >\n            <div class=\"lightest-surface shadow-md border md:w-72 w-full rounded-md\">\n              <ax-header class=\"border-b lighter-surface rounded-t-md p-4 font-bold\">\n                {{ '@general:terms.common.columns' | translate | async }}\n              </ax-header>\n              <div class=\"py-2 px-4\">\n                <axp-query-columns\n                  [columns]=\"pickerColumns()\"\n                  (columnsChange)=\"onColumnsChanged($event)\"\n                ></axp-query-columns>\n              </div>\n            </div>\n          </ax-popover>\n        }\n        <!--------------------------------------------------------------->\n        @if (canSort()) {\n          <ax-button [iconOnly]=\"true\" [text]=\"'Sorts'\" #sortButton [color]=\"'default'\">\n            <i class=\"fa-light fa-sort-amount-up\"></i>\n          </ax-button>\n          <ax-popover\n            [adaptivityEnabled]=\"true\"\n            [offsetY]=\"10\"\n            [target]=\"sortButton\"\n            [openOn]=\"'toggle'\"\n            [closeOn]=\"'clickOut'\"\n            #popover\n          >\n            <div class=\"lightest-surface shadow-md border md:w-96 w-full rounded-md overflow-hidden\">\n              <axp-query-sorts\n                [sortDefinitions]=\"sortDefinitions()\"\n                [sortPresets]=\"sortPresets()\"\n                [defaultSortQueries]=\"defaultSorts()\"\n                (sortQueriesChange)=\"onSortsChanged($event)\"\n                [initialSortQueries]=\"initialSorts()\"\n              ></axp-query-sorts>\n            </div>\n          </ax-popover>\n        }\n        <!--------------------------------------------------------------->\n        @if (showListDisplayModeControl()) {\n          <div>\n            <ax-button [iconOnly]=\"true\" #listDisplayButton [color]=\"'default'\">\n              <i [class]=\"listDisplayModeButtonIcon()\"></i>\n            </ax-button>\n            <ax-popover\n              [adaptivityEnabled]=\"true\"\n              [offsetY]=\"10\"\n              [target]=\"listDisplayButton\"\n              [openOn]=\"'toggle'\"\n              [closeOn]=\"'clickOut'\"\n              #listDisplayModePopover\n            >\n              <div class=\"lightest-surface shadow-md border md:w-72 w-full rounded-md\">\n                <ax-header class=\"border-b lighter-surface rounded-t-md p-4 font-bold\">\n                  {{ '@general:terms.interface.list-display' | translate | async }}\n                </ax-header>\n                <div class=\"py-2 px-2\">\n                  <ax-button-item-list>\n                    <!--------------------------------------------------------------->\n                    @if (hasTableListDisplayOption()) {\n                      <ax-button-item\n                        [text]=\"('@general:terms.interface.table-view' | translate | async)!\"\n                        [selected]=\"listDisplayMode() === 'table'\"\n                        (onClick)=\"setListDisplayMode('table')\"\n                      >\n                        <ax-prefix>\n                          <i class=\"fa-light fa-table\"></i>\n                        </ax-prefix>\n                      </ax-button-item>\n                    }\n                    <!--------------------------------------------------------------->\n                    @if (hasTableListDisplayOption() && (hasCardListDisplayOption() || hasRowListDisplayOption())) {\n                      <ax-divider />\n                    }\n                    <!--------------------------------------------------------------->\n                    @if (hasCardListDisplayOption()) {\n                      <!-- ----- Card grid presentation ----- -->\n                      <ax-button-item\n                        [text]=\"('@general:terms.interface.card-view' | translate | async)!\"\n                        [selected]=\"listDisplayMode() === 'card'\"\n                        (onClick)=\"setListDisplayMode('card')\"\n                      >\n                        <ax-prefix>\n                          <i class=\"fa-light fa-grid-2\"></i>\n                        </ax-prefix>\n                      </ax-button-item>\n                    }\n                    <!--------------------------------------------------------------->\n                    @if (hasRowListDisplayOption()) {\n                      <!-- ----- Horizontal row-list presentation ----- -->\n                      <ax-button-item\n                        [text]=\"('@general:terms.interface.row-view' | translate | async)!\"\n                        [selected]=\"listDisplayMode() === 'row'\"\n                        (onClick)=\"setListDisplayMode('row')\"\n                      >\n                        <ax-prefix>\n                          <i class=\"fa-light fa-grip-lines\"></i>\n                        </ax-prefix>\n                      </ax-button-item>\n                    }\n                  </ax-button-item-list>\n                </div>\n              </div>\n            </ax-popover>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n" }]
-        }], propDecorators: { listDisplayModePopover: [{ type: i0.ViewChild, args: ['listDisplayModePopover', { isSignal: true }] }] } });
+                    ], template: "<div class=\"flex flex-col w-full\">\n  @if (showViews()) {\n    <!-- ----- Query view tabs and custom-view actions ----- -->\n    <axp-query-view-tabs\n      class=\"w-full\"\n      [views]=\"viewQueries()\"\n      [selectedView]=\"selectedViewQuery()\"\n      (selectedViewChange)=\"onViewChanged($event)\"\n      (edit)=\"onEditQueryView($event)\"\n      (remove)=\"onDeleteQueryView($event)\"\n    ></axp-query-view-tabs>\n  }\n  @if (showFilterToolbarRow()) {\n    <!-- ----- Filter, sort, and view presentation controls ----- -->\n    <div class=\"axp-list-toolbar__row flex min-w-0 flex-wrap items-center gap-2 overflow-hidden border-b border-light w-full\">\n      @if (canFilter()) {\n        <axp-query-filters\n          class=\"min-w-0 flex-1\"\n          [filtersDefinitions]=\"filterDefinitions()\"\n          [initialFilters]=\"initialFilters()\"\n          [mode]=\"filterMode()\"\n          (onFiltersChanged)=\"onFiltersChanged($event)\"\n        ></axp-query-filters>\n      }\n      <div class=\"axp-toolbar-list-tools ms-auto flex shrink-0 items-center gap-1\">\n        <!-- ----- Apply pending filters when the list is in manual apply mode ----- -->\n        @if (filterTriggerMode() === 'manual' && isFiltersDirty()) {\n          <ax-button\n            [title]=\"'@general:actions.apply.title'\"\n            [iconOnly]=\"true\"\n            [color]=\"'primary'\"\n            (onClick)=\"applyFilters()\"\n          >\n            <ax-prefix>\n              <i class=\"fa-light fa-search\" aria-hidden=\"true\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n        <!-- ----- Save View appears when the list layout is dirty ----- -->\n        <axp-query-view-save-button\n          [visible]=\"canSaveQueryView()\"\n          (save)=\"onSaveQueryView()\"\n        ></axp-query-view-save-button>\n\n        <!-- ----- Sort opens the existing sort panel directly ----- -->\n        @if (canSort()) {\n          <div class=\"axp-toolbar-btn-host\">\n            <ax-button\n              class=\"axp-toolbar-btn axp-toolbar-btn-sort\"\n              [class.axp-toolbar-btn--active]=\"activeSortCount() > 0\"\n              [look]=\"'outline'\"\n              [iconOnly]=\"true\"\n              [color]=\"activeSortCount() > 0 ? 'primary' : 'default'\"\n              [title]=\"\n                (activeSortCount() > 0\n                  ? ('@general:terms.interface.sort.button-active' | translate: { params: { count: activeSortCount() } } | async)\n                  : ('@general:actions.sort.title' | translate | async)) ?? ''\n              \"\n              [attr.aria-expanded]=\"sortMenuOpen()\"\n              [attr.aria-haspopup]=\"'dialog'\"\n              #sortButton\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-sort-amount-up\" aria-hidden=\"true\"></i>\n              </ax-prefix>\n            </ax-button>\n            <ax-popover\n              [adaptivityEnabled]=\"true\"\n              [offsetY]=\"8\"\n              [target]=\"sortButton\"\n              [openOn]=\"'toggle'\"\n              [closeOn]=\"'clickOut'\"\n              (onOpened)=\"sortMenuOpen.set(true)\"\n              (onClosed)=\"sortMenuOpen.set(false)\"\n            >\n              <div class=\"axp-toolbar-popover lightest-surface shadow-md border md:w-96 w-full rounded-md overflow-hidden\">\n                <axp-query-sorts\n                  [sortDefinitions]=\"sortDefinitions()\"\n                  [sortPresets]=\"sortPresets()\"\n                  [defaultSortQueries]=\"defaultSorts()\"\n                  (sortQueriesChange)=\"onSortsChanged($event)\"\n                  [initialSortQueries]=\"initialSorts()\"\n                ></axp-query-sorts>\n              </div>\n            </ax-popover>\n          </div>\n        }\n\n        <!-- ----- View groups presentation settings ----- -->\n        @if (showViewMenu()) {\n          <div class=\"axp-toolbar-btn-host\">\n            <ax-button\n              class=\"axp-toolbar-btn axp-toolbar-btn-view\"\n              [look]=\"'outline'\"\n              [iconOnly]=\"true\"\n              [color]=\"'default'\"\n              [title]=\"('@general:terms.interface.view.menu-button' | translate | async) ?? ''\"\n              [attr.aria-expanded]=\"viewMenuOpen()\"\n              [attr.aria-haspopup]=\"'menu'\"\n              #viewButton\n            >\n              <ax-prefix>\n                <i class=\"fa-light fa-sliders\" aria-hidden=\"true\"></i>\n              </ax-prefix>\n            </ax-button>\n            <ax-popover\n              [adaptivityEnabled]=\"true\"\n              [offsetY]=\"8\"\n              [target]=\"viewButton\"\n              [openOn]=\"'toggle'\"\n              [closeOn]=\"'clickOut'\"\n              (onOpened)=\"onViewMenuOpened()\"\n              (onClosed)=\"onViewMenuClosed()\"\n              #viewPopover\n            >\n              <div class=\"axp-toolbar-popover axp-toolbar-view-menu lightest-surface shadow-md border w-72 max-w-full rounded-md overflow-hidden\">\n                <!-- ----- Nested column visibility panel ----- -->\n                @if (viewMenuPanel() === 'columns') {\n                  <div class=\"axp-toolbar-view-menu__header flex items-center justify-between gap-2 border-b border-light px-3 py-2\">\n                    <ax-button\n                      class=\"ax-sm\"\n                      [look]=\"'blank'\"\n                      [color]=\"'default'\"\n                      [title]=\"('@general:actions.back.title' | translate | async) ?? ''\"\n                      (onClick)=\"viewMenuPanel.set('root')\"\n                    >\n                      <ax-prefix>\n                        <i class=\"fa-light fa-chevron-left rtl:rotate-180\" aria-hidden=\"true\"></i>\n                      </ax-prefix>\n                    </ax-button>\n                    <span class=\"min-w-0 flex-1 truncate font-bold\">\n                      {{ '@general:terms.common.columns' | translate | async }}\n                    </span>\n                    <ax-button\n                      class=\"ax-sm\"\n                      [look]=\"'blank'\"\n                      [color]=\"'primary'\"\n                      [text]=\"'@general:actions.reset.title' | translate | async\"\n                      (onClick)=\"resetViewColumns()\"\n                    ></ax-button>\n                  </div>\n                  <div class=\"axp-toolbar-view-menu__body px-4 py-3\">\n                    <axp-query-columns\n                      [columns]=\"pickerColumns()\"\n                      [constrainHeight]=\"false\"\n                      (columnsChange)=\"onColumnsChanged($event)\"\n                    ></axp-query-columns>\n                  </div>\n                }\n                <!-- ----- Root presentation menu ----- -->\n                @else {\n                  <div class=\"axp-toolbar-view-menu__header border-b border-light px-4 py-3 font-bold\">\n                    {{ '@general:terms.interface.view.menu-title' | translate | async }}\n                  </div>\n                  <div class=\"axp-toolbar-view-menu__body py-2\">\n                    <!-- ----- Display mode ----- -->\n                    @if (showListDisplayModeControl()) {\n                      <div class=\"axp-toolbar-view-menu__section-label px-4\">\n                        {{ '@general:terms.interface.view.display-mode' | translate | async }}\n                      </div>\n                      <ax-button-item-list>\n                        @if (hasTableListDisplayOption()) {\n                          <ax-button-item\n                            [text]=\"('@general:terms.interface.table-view' | translate | async)!\"\n                            [selected]=\"listDisplayMode() === 'table'\"\n                            (onClick)=\"setListDisplayMode('table')\"\n                          >\n                            <ax-prefix>\n                              <i class=\"fa-light fa-table\" aria-hidden=\"true\"></i>\n                            </ax-prefix>\n                            <!--->\n                            <!-- ----- Selected table layout ----- -->\n                            @if (listDisplayMode() === 'table') {\n                              <ax-suffix>\n                                <i class=\"fa-light fa-check\" aria-hidden=\"true\"></i>\n                              </ax-suffix>\n                            }\n                          </ax-button-item>\n                        }\n                        @if (hasCardListDisplayOption()) {\n                          <!-- ----- Card grid presentation ----- -->\n                          <ax-button-item\n                            [text]=\"('@general:terms.interface.card-view' | translate | async)!\"\n                            [selected]=\"listDisplayMode() === 'card'\"\n                            (onClick)=\"setListDisplayMode('card')\"\n                          >\n                            <ax-prefix>\n                              <i class=\"fa-light fa-grid-2\" aria-hidden=\"true\"></i>\n                            </ax-prefix>\n                            <!--->\n                            <!-- ----- Selected card layout ----- -->\n                            @if (listDisplayMode() === 'card') {\n                              <ax-suffix>\n                                <i class=\"fa-light fa-check\" aria-hidden=\"true\"></i>\n                              </ax-suffix>\n                            }\n                          </ax-button-item>\n                        }\n                        @if (hasRowListDisplayOption()) {\n                          <!-- ----- Horizontal row-list presentation ----- -->\n                          <ax-button-item\n                            [text]=\"('@general:terms.interface.row-view' | translate | async)!\"\n                            [selected]=\"listDisplayMode() === 'row'\"\n                            (onClick)=\"setListDisplayMode('row')\"\n                          >\n                            <ax-prefix>\n                              <i class=\"fa-light fa-grip-lines\" aria-hidden=\"true\"></i>\n                            </ax-prefix>\n                            <!--->\n                            <!-- ----- Selected row layout ----- -->\n                            @if (listDisplayMode() === 'row') {\n                              <ax-suffix>\n                                <i class=\"fa-light fa-check\" aria-hidden=\"true\"></i>\n                              </ax-suffix>\n                            }\n                          </ax-button-item>\n                        }\n                      </ax-button-item-list>\n                    }\n\n                    <!-- ----- Columns ----- -->\n                    @if (showColumnsControl()) {\n                      <!--->\n                      <!-- ----- Divider when a display-mode section is already shown ----- -->\n                      @if (showListDisplayModeControl()) {\n                        <ax-divider />\n                      }\n                      <div class=\"axp-toolbar-view-menu__section-label px-4\">\n                        {{ '@general:terms.common.columns' | translate | async }}\n                      </div>\n                      <ax-button-item-list>\n                        <ax-button-item\n                          [text]=\"('@general:terms.interface.view.manage-columns' | translate | async)!\"\n                          (onClick)=\"openViewColumnsPanel()\"\n                        >\n                          <ax-prefix>\n                            <i class=\"fa-light fa-table-columns\" aria-hidden=\"true\"></i>\n                          </ax-prefix>\n                          <ax-suffix>\n                            <i class=\"fa-light fa-chevron-right rtl:rotate-180\" aria-hidden=\"true\"></i>\n                          </ax-suffix>\n                        </ax-button-item>\n                      </ax-button-item-list>\n                    }\n                  </div>\n                }\n              </div>\n            </ax-popover>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@layer properties;.axp-list-toolbar__row{box-sizing:border-box;min-height:2.875rem;padding-block:.1875rem}.axp-toolbar-list-tools{width:max-content;flex:0 0 auto}.axp-toolbar-btn-host{display:inline-flex;width:max-content;flex:0 0 auto;position:relative}.axp-toolbar-btn.ax-button,.axp-toolbar-btn{flex:0 0 auto;width:max-content}.axp-toolbar-btn.ax-button-icon,.axp-toolbar-btn.ax-button-icon button{box-sizing:border-box;height:var(--ax-sys-size-base);min-height:var(--ax-sys-size-base);max-height:var(--ax-sys-size-base);min-width:var(--ax-sys-size-base);max-width:var(--ax-sys-size-base);width:var(--ax-sys-size-base)}.axp-toolbar-btn-sort.ax-button-icon button i{font-size:1em}.axp-toolbar-btn--active button{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){.axp-toolbar-btn--active button{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 10%,transparent)}}.axp-toolbar-view-menu__section-label{padding-inline:var(--spacing, .25rem);padding-top:var(--spacing, .25rem);padding-bottom:var(--spacing, .25rem);font-size:10px;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wider, .05em);letter-spacing:var(--tracking-wider, .05em);color:var(--color-neutral-400, oklch(70.8% 0 none));text-transform:uppercase}.axp-toolbar-popover{display:flex;max-height:min(28rem,70vh);flex-direction:column;overflow:hidden}.axp-toolbar-view-menu__header{flex-shrink:0}.axp-toolbar-view-menu__body{min-height:0px;flex:1;overflow-x:hidden;overflow-y:auto}.axp-toolbar-view-menu__body .ax-sorted-list{max-height:none;overflow:visible}@media(max-width:600px){.axp-toolbar-list-tools{justify-content:flex-end}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { viewPopover: [{ type: i0.ViewChild, args: ['viewPopover', { isSignal: true }] }] } });
 
 var listToolbarWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -31107,10 +31234,11 @@ const AXPGridWidget = {
 class AXPGridItemWidgetDesignerComponent extends AXPGridItemBaseLayoutWidgetComponent {
     get __class() {
         const cls = { ...this.hostClass() };
-        // Entity forms keep col-span-12 so fields stack until lg:col-span-N.
-        // A designer grid of 3 columns would turn that into one cell per row.
+        // Designer grids are often 3 columns. Leave empty cells unsized so they
+        // do not inherit the form default (col-span-12 + narrow-container stack).
         if (this.options()?.['colSpan'] == null) {
             delete cls['col-span-12'];
+            delete cls[`${axpGridNarrowContainerQueryPrefix()}col-span-12`];
         }
         return cls;
     }
@@ -32406,7 +32534,7 @@ const AXPTextBlockWidget = {
             component: () => Promise.resolve().then(function () { return textBlockWidgetView_component; }).then((c) => c.AXPTextBlockWidgetViewComponent),
         },
         designer: {
-            component: () => import('./acorex-platform-framework-client-layout-widgets-text-block-widget-designer.component-BEa-vD6O.mjs').then((c) => c.AXPTextBlockWidgetDesignerComponent),
+            component: () => import('./acorex-platform-framework-client-layout-widgets-text-block-widget-designer.component-DfgIxNyy.mjs').then((c) => c.AXPTextBlockWidgetDesignerComponent),
         },
     },
 };
@@ -33188,4 +33316,4 @@ var getWidgetsForAi_query = /*#__PURE__*/Object.freeze({
  */
 
 export { AXPConditionClauseWidget as $, AXP_REPEATER_ENTITY_BY_KEY_LOOKUP as A, AXPCallbackValidationWidgetEditComponent as B, AXPCheckBoxWidget as C, AXPCheckBoxWidgetColumnComponent as D, AXPCheckBoxWidgetDesignerComponent as E, AXPCheckBoxWidgetEditComponent as F, AXPCheckBoxWidgetPrintComponent as G, AXPCheckBoxWidgetViewComponent as H, AXPCodeEditorWidget as I, AXPColorBoxWidget as J, AXPColorBoxWidgetColumnComponent as K, AXPColorBoxWidgetDesignerComponent as L, AXPColorBoxWidgetEditComponent as M, AXPColorBoxWidgetViewComponent as N, AXPColorChooserWidget as O, AXPColorChooserWidgetColumnComponent as P, AXPColorChooserWidgetDesignerComponent as Q, AXPColorChooserWidgetEditComponent as R, AXPColorChooserWidgetViewComponent as S, AXPColorPaletteWidget as T, AXPColorPaletteWidgetColumnComponent as U, AXPColorPaletteWidgetDesignerComponent as V, AXPColorPaletteWidgetEditComponent as W, AXPColorPaletteWidgetViewComponent as X, AXPConditionBuilderWidget as Y, AXPConditionBuilderWidgetEditComponent as Z, AXPConditionBuilderWidgetViewComponent as _, textBlockContentClass as a, AXPLargeTextWidget as a$, AXPConditionClauseWidgetEditComponent as a0, AXPConnectedDragDropListsWidget as a1, AXPConnectedListsWidgetColumnComponent as a2, AXPConnectedListsWidgetEditComponent as a3, AXPConnectedListsWidgetViewComponent as a4, AXPContactWidget as a5, AXPContactWidgetColumnComponent as a6, AXPContactWidgetEditComponent as a7, AXPContactWidgetViewComponent as a8, AXPDataListWidget as a9, AXPFlexItemWidgetViewComponent as aA, AXPFlexOptionsWidget as aB, AXPFlexOptionsWidgetEditComponent as aC, AXPFlexWidget as aD, AXPFlexWidgetDesignerComponent as aE, AXPFlexWidgetViewComponent as aF, AXPGetWidgetsForAIQuery as aG, AXPGreaterThanExpressionValidationWidget as aH, AXPGreaterThanValidationWidgetEditComponent as aI, AXPGridItemOptionsWidget as aJ, AXPGridItemOptionsWidgetEditComponent as aK, AXPGridOptionsWidget as aL, AXPGridOptionsWidgetEditComponent as aM, AXPImageMarkerPopupComponent as aN, AXPImageMarkerWidget as aO, AXPImageMarkerWidgetColumnComponent as aP, AXPImageMarkerWidgetEditComponent as aQ, AXPImageMarkerWidgetViewComponent as aR, AXPIntegrationConnectionActionsService as aS, AXPIntegrationConnectionsPanelWidget as aT, AXPIntegrationConnectionsPanelWidgetEditComponent as aU, AXPItemConfiguratorWidget as aV, AXPItemConfiguratorWidgetColumnComponent as aW, AXPItemConfiguratorWidgetEditComponent as aX, AXPJsonViewerWidget as aY, AXPJsonViewerWidgetEditComponent as aZ, AXPJsonViewerWidgetViewComponent as a_, AXPDataListWidgetViewComponent as aa, AXPDataSourceOptionsWidget as ab, AXPDataSourceOptionsWidgetEditComponent as ac, AXPDateTimeBoxWidget as ad, AXPDateTimeBoxWidgetColumnComponent as ae, AXPDateTimeBoxWidgetEditComponent as af, AXPDateTimeBoxWidgetViewComponent as ag, AXPDirectionWidget as ah, AXPDirectionWidgetEditComponent as ai, AXPDragDropListWidget as aj, AXPEditorJsWidget as ak, AXPEditorJsWidgetColumnComponent as al, AXPEditorJsWidgetEditComponent as am, AXPEditorJsWidgetViewComponent as an, AXPEqualValidationWidget as ao, AXPEqualValidationWidgetEditComponent as ap, AXPFieldsetWidget as aq, AXPFieldsetWidgetDesignerComponent as ar, AXPFieldsetWidgetViewComponent as as, AXPFileViewerWidget as at, AXPFileViewerWidgetEditComponent as au, AXPFileViewerWidgetViewComponent as av, AXPFlexItemOptionsWidget as aw, AXPFlexItemOptionsWidgetEditComponent as ax, AXPFlexItemWidget as ay, AXPFlexItemWidgetDesignerComponent as az, AXPAdvancedGridItemWidget as b, AXPRichTextWidgetViewComponent as b$, AXPLargeTextWidgetColumnComponent as b0, AXPLargeTextWidgetEditComponent as b1, AXPLargeTextWidgetPrintComponent as b2, AXPLargeTextWidgetViewComponent as b3, AXPLessThanExpressionValidationWidget as b4, AXPLessThanValidationWidgetEditComponent as b5, AXPListStylingRulesExtendedWidget as b6, AXPListWidgetColumnComponent as b7, AXPListWidgetEditComponent as b8, AXPListWidgetViewComponent as b9, AXPProgressBarWidgetColumnComponent as bA, AXPProgressBarWidgetEditComponent as bB, AXPProgressBarWidgetViewComponent as bC, AXPProviderSelectWidgetColumnComponent as bD, AXPProviderSelectWidgetEditBase as bE, AXPProviderSelectWidgetViewComponent as bF, AXPQrcodeViewerService as bG, AXPQrcodeWidget as bH, AXPQrcodeWidgetColumnComponent as bI, AXPQrcodeWidgetEditComponent as bJ, AXPQrcodeWidgetViewComponent as bK, AXPRatePickerWidget as bL, AXPRatePickerWidgetColumnComponent as bM, AXPRatePickerWidgetEditComponent as bN, AXPRatePickerWidgetViewComponent as bO, AXPRegularExpressionValidationWidget as bP, AXPRegularExpressionValidationWidgetEditComponent as bQ, AXPRepeaterWidget as bR, AXPRepeaterWidgetDesignerComponent as bS, AXPRepeaterWidgetEditComponent as bT, AXPRepeaterWidgetViewComponent as bU, AXPRequiredValidationWidget as bV, AXPRequiredValidationWidgetEditComponent as bW, AXPRichTextWidget as bX, AXPRichTextWidgetColumnComponent as bY, AXPRichTextWidgetEditComponent as bZ, AXPRichTextWidgetPrintComponent as b_, AXPLocalDataSourceSheetWidget as ba, AXPLocalDataSourceSheetWidgetEditComponent as bb, AXPMapWidgetEditComponent as bc, AXPMapWidgetViewComponent as bd, AXPMaxLengthExpressionValidationWidget as be, AXPMaxLengthValidationWidgetEditComponent as bf, AXPMinLengthExpressionValidationWidget as bg, AXPMinLengthValidationWidgetEditComponent as bh, AXPNodeRendererWidget as bi, AXPNodeRendererWidgetDesignerComponent as bj, AXPNodeRendererWidgetEditComponent as bk, AXPNodeRendererWidgetViewComponent as bl, AXPNumberBoxWidget as bm, AXPNumberBoxWidgetColumnComponent as bn, AXPNumberBoxWidgetEditComponent as bo, AXPNumberBoxWidgetPrintComponent as bp, AXPNumberBoxWidgetViewComponent as bq, AXPOutcomeResultsViewerWidget as br, AXPOutcomeResultsViewerWidgetViewComponent as bs, AXPPageWidget as bt, AXPPageWidgetViewComponent as bu, AXPPasswordBoxWidget as bv, AXPPasswordBoxWidgetColumnComponent as bw, AXPPasswordBoxWidgetEditComponent as bx, AXPPasswordBoxWidgetViewComponent as by, AXPProgressBarWidget as bz, AXPAdvancedGridItemWidgetDesignerComponent as c, AXP_Flex_Box_Align_Options as c$, AXPSchedulerPickerWidget as c0, AXPSelectBoxWidget as c1, AXPSelectBoxWidgetColumnComponent as c2, AXPSelectBoxWidgetEditComponent as c3, AXPSelectBoxWidgetViewComponent as c4, AXPSelectLanguagePopup as c5, AXPSelectionListWidget as c6, AXPSelectionListWidgetColumnComponent as c7, AXPSelectionListWidgetDesignerComponent as c8, AXPSelectionListWidgetEditComponent as c9, AXPTagEditorWidgetViewComponent as cA, AXPTemplateBoxWidget as cB, AXPTemplateBoxWidgetColumnComponent as cC, AXPTemplateBoxWidgetEditComponent as cD, AXPTemplateBoxWidgetPrintComponent as cE, AXPTemplateBoxWidgetViewComponent as cF, AXPTextBoxWidget as cG, AXPTextBoxWidgetColumnComponent as cH, AXPTextBoxWidgetEditComponent as cI, AXPTextBoxWidgetPrintComponent as cJ, AXPTextBoxWidgetViewComponent as cK, AXPToggleWidget as cL, AXPToggleWidgetColumnComponent as cM, AXPToggleWidgetEditComponent as cN, AXPToggleWidgetPrintComponent as cO, AXPToggleWidgetViewComponent as cP, AXPWidgetFieldConfiguratorWidget as cQ, AXPWidgetFieldConfiguratorWidgetColumnComponent as cR, AXPWidgetFieldConfiguratorWidgetEditComponent as cS, AXPWidgetsModule as cT, AXP_ABSOLUTE_UNITS as cU, AXP_BORDER_RADIUS_UNITS as cV, AXP_BORDER_WIDTH_UNITS as cW, AXP_CONDITION_CLAUSE_WIDGET_NAME as cX, AXP_DATA_LIST_CMD_DELETE as cY, AXP_DATA_LIST_CMD_EDIT as cZ, AXP_DATA_LIST_PENDING_DELETE_KEY as c_, AXPSelectionListWidgetViewComponent as ca, AXPSignatureWidget as cb, AXPSignatureWidgetColumnComponent as cc, AXPSignatureWidgetEditComponent as cd, AXPSignatureWidgetViewComponent as ce, AXPSpacingWidget as cf, AXPSpacingWidgetEditComponent as cg, AXPStatusChipComponent as ch, AXPStatusWidget as ci, AXPStatusWidgetColumnComponent as cj, AXPStatusWidgetEditComponent as ck, AXPStatusWidgetViewComponent as cl, AXPStepWizardWidget as cm, AXPStepWizardWidgetDesignerComponent as cn, AXPStepWizardWidgetViewComponent as co, AXPStopwatchWidget as cp, AXPStopwatchWidgetViewComponent as cq, AXPTableItemWidget as cr, AXPTableItemWidgetDesignerComponent as cs, AXPTableItemWidgetViewComponent as ct, AXPTableWidget as cu, AXPTableWidgetDesignerComponent as cv, AXPTableWidgetViewComponent as cw, AXPTagEditorWidget as cx, AXPTagEditorWidgetColumnComponent as cy, AXPTagEditorWidgetEditComponent as cz, AXPAdvancedGridItemWidgetViewComponent as d, AXP_Flex_Box_Alignments as d0, AXP_Flex_Box_Justify_Options as d1, AXP_Grid_Box_Align_Items_Options as d2, AXP_Grid_Box_Alignments as d3, AXP_Grid_Box_Justify_Items_Options as d4, AXP_LIST_STYLING_RULES_WIDGET_NAME as d5, AXP_LOCAL_DATA_SOURCE_SHEET_WIDGET_NAME as d6, AXP_RELATIVE_UNITS as d7, AXP_RELATIVE_UNITS_NO_PERCENT as d8, AXP_ROW_EXPR_PREFIX as d9, AXP_SPACING_UNITS as da, AXP_default_Border_Box_Units as db, AXP_default_Border_Box_Value as dc, AXP_default_Spacing_Box_Units as dd, AXP_default_Spacing_Box_Value as de, DEFAULT_QRCODE_SIZE as df, DEFAULT_STRATEGY_CONFIG as dg, STRATEGY_CONFIG_TOKEN as dh, applyLeafVisibilityToDataListColumnTree as di, flattenDataListWidgetColumns as dj, formatConditionBuilderChip as dk, formatConditionBuilderSentence as dl, isDataListColumnBand as dm, prepareNodeRendererChild as dn, resolveColorChooserGroups as dp, resolveDataListColumnWidth as dq, tokensToPlainText as dr, AXPAdvancedGridOptionsWidget as e, AXPAdvancedGridOptionsWidgetEditComponent as f, AXPAdvancedGridWidget as g, AXPAdvancedGridWidgetDesignerComponent as h, AXPAdvancedGridWidgetViewComponent as i, AXPAvatarWidget as j, AXPAvatarWidgetColumnComponent as k, AXPAvatarWidgetDesignerComponent as l, AXPAvatarWidgetEditComponent as m, AXPAvatarWidgetViewComponent as n, AXPBetweenExpressionValidationWidget as o, AXPBetweenValidationWidgetEditComponent as p, AXPBlockWidget as q, AXPBlockWidgetDesignerComponent as r, AXPBlockWidgetViewComponent as s, textBlockStyleAttribute as t, AXPBorderWidget as u, AXPBorderWidgetEditComponent as v, AXPButtonWidget as w, AXPButtonWidgetColumnComponent as x, AXPButtonWidgetViewComponent as y, AXPCallbackValidationWidget as z };
-//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-CDpzvn6z.mjs.map
+//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-BwwxqHzR.mjs.map