@acorex-platform/module-data-management-client 0.0.54 → 0.0.57

package/fesm2022/acorex-platform-module-data-management-client.mjs

@@ -39,11 +39,12 @@ import { AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex-platform/framework-c
 import { AXPQueryService, provideCommandSetups, provideQuerySetups } from '@acorex-platform/framework-client/runtime';
 import { runtimeQueryPayloadData, runtimeQueryCollectionData, AXPWidgetsCatalog, compareMultiLanguageStrings, AXP_PREVIEW_WIDGET_FIELD_COMMAND_KEY, AXPWidgetsList } from '@acorex-platform/framework-shared/core';
 import { get, cloneDeep, unset } from 'lodash';
-import { AXMDataManagementFeatureKeys, AXPInsightsReportingPermissionKeys, RootConfig, AXPDataManagementMenuKeys, convertValueToState } from '@acorex-platform/module-data-management-client/contracts';
+import { AXMDataManagementFeatureKeys, AXPInsightsReportingPermissionKeys, RootConfig, AXPDataManagementMenuKeys, mergeMetaDataLists, filterMetaDataListByAppliesTo, resolveMetaDataFieldAppliesTo, convertValueToState } from '@acorex-platform/module-data-management-client/contracts';
 import { AXPCommonPermissionGroupKeys, AXPCommonMenuKeys } from '@acorex-platform/module-common-client/contracts';
 import { AXPLayoutBuilderService, AXPLayoutRendererComponent } from '@acorex-platform/framework-client/layout/builder';
 import { AXToastService } from '@acorex/components/toast';
 import { AXFormModule } from '@acorex/components/form';
+import { isEqual } from 'lodash-es';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXPEntityCommandScope } from '@acorex-platform/framework-shared/entity';
 import { toSignal } from '@angular/core/rxjs-interop';
@@ -1574,7 +1575,7 @@ class AXPWhereBuilderComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWhereBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPWhereBuilderComponent, isStandalone: true, selector: "axp-where-builder", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, filterDefinitions: { classPropertyName: "filterDefinitions", publicName: "filterDefinitions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"axp-where-builder\">\n  <div class=\"__content\">\n    <!-- Root Group - Render directly to ensure reactivity -->\n    <div class=\"__group __root-group\" [class.__connectors-enabled]=\"(queryData().filters?.length ?? 0) > 1\">\n      <div class=\"__group-wrapper\">\n        <!-- Single Connector Line for the Group -->\n        <div class=\"__group-connector\">\n          <div class=\"__operator-selector\">\n            <ax-lookup\n              mode=\"drop-down-list\"\n              class=\"ax-sm __operator-chip\"\n              [dataSource]=\"logicalOperators\"\n              [ngModel]=\"queryData().logic\"\n              textField=\"text\"\n              valueField=\"value\"\n              [searchable]=\"false\"\n              (onValueChanged)=\"updateGroupLogicalOperator(queryData().id!, $event.value)\"\n              [look]=\"'outline'\">\n            </ax-lookup>\n          </div>\n        </div>\n\n        <!-- Conditions Container -->\n        <div class=\"__conditions-container\" axDropList\n          (dropListDropped)=\"reorderGroupItemsEvent(queryData().id!, $event)\">\n          @if ((queryData().filters?.length ?? 0) === 0) {\n          <div class=\"__group-empty\">\n            <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n              [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n              (onClick)=\"addConditionToGroup(queryData().id!)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n              </ax-prefix>\n            </ax-button>\n            <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n              [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n              (onClick)=\"addGroupToGroup(queryData().id!)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n              </ax-prefix>\n            </ax-button>\n          </div>\n          } @else {\n          @for (item of getSortedFilters(queryData().filters || []); track item.id; let i = $index; let first = $first;\n          let last = $last) {\n          <div class=\"__condition-item\" axDrag [class.__is-first]=\"first && (queryData().filters?.length ?? 0) > 1\"\n            [class.__is-last]=\"last && (queryData().filters?.length ?? 0) > 1\">\n            <!-- Drag Handle -->\n            <div class=\"__drag-handle\" axDragHandle>\n              <ax-icon icon=\"fa-solid fa-grip-vertical\"></ax-icon>\n            </div>\n\n            <!-- Condition or Nested Group Content -->\n            <div class=\"__item-content\">\n              @if (item.filters === undefined) {\n              <axp-query-builder-condition [item]=\"item\" [filterDefinitions]=\"filterDefinitions()\"\n                [onResolveWidget]=\"resolveDefaultFilterWidget.bind(this)\" (itemChange)=\"updateCondition($event)\"\n                (removeItem)=\"removeItem($event)\">\n              </axp-query-builder-condition>\n              } @else {\n              <ng-container [ngTemplateOutlet]=\"groupTemplate\"\n                [ngTemplateOutletContext]=\"{group: item, parentLogic: queryData().logic, isRoot: false}\">\n              </ng-container>\n              }\n            </div>\n\n            <!-- Item Controls (Up / Remove / Down) -->\n            <div class=\"__item-controls\">\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"first\"\n                title=\"Move up\" (onClick)=\"moveItemUp(i, queryData().id!)\">\n                <ax-icon icon=\"fa-light fa-chevron-up\"></ax-icon>\n              </ax-button>\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'danger'\"\n                [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.remove.title' | translate | async\"\n                (onClick)=\"removeItem(item.id!)\">\n                <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n              </ax-button>\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"last\"\n                title=\"Move down\" (onClick)=\"moveItemDown(i, queryData().id!)\">\n                <ax-icon icon=\"fa-light fa-chevron-down\"></ax-icon>\n              </ax-button>\n            </div>\n          </div>\n          }\n          }\n        </div>\n      </div>\n\n      <!-- Add Condition/Group Buttons (appears after group conditions) -->\n      @if ((queryData().filters?.length ?? 0) > 0) {\n      <div class=\"__group-actions\">\n        <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n          [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n          (onClick)=\"addConditionToGroup(queryData().id!)\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n        <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n          [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n          (onClick)=\"addGroupToGroup(queryData().id!)\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n      }\n    </div>\n  </div>\n</div>\n\n<!-- Group Template -->\n<ng-template #groupTemplate let-group=\"group\" let-parentLogic=\"parentLogic\" let-isRoot=\"isRoot\">\n  <div class=\"__group\" [class.__root-group]=\"isRoot\" [class.__connectors-enabled]=\"(group.filters?.length ?? 0) > 1\">\n    <div class=\"__group-wrapper\">\n      <!-- Single Connector Line for the Group -->\n      <div class=\"__group-connector\">\n        <div class=\"__operator-selector\">\n          <ax-lookup\n            mode=\"drop-down-list\"\n            class=\"ax-sm __operator-chip\"\n            [dataSource]=\"logicalOperators\"\n            [ngModel]=\"group.logic\"\n            textField=\"text\"\n            valueField=\"value\"\n            [searchable]=\"false\"\n            (onValueChanged)=\"updateGroupLogicalOperator(group.id, $event.value)\"\n            [look]=\"'outline'\">\n          </ax-lookup>\n        </div>\n      </div>\n\n      <!-- Conditions Container -->\n      <div class=\"__conditions-container\" axDropList (dropListDropped)=\"reorderGroupItemsEvent(group.id, $event)\">\n        @if ((group.filters?.length ?? 0) === 0) {\n        <div class=\"__group-empty\">\n          <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n            [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n            (onClick)=\"addConditionToGroup(group.id)\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n          <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n            [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n            (onClick)=\"addGroupToGroup(group.id)\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n        </div>\n        } @else {\n        @for (item of getSortedFilters(group.filters || []); track item.id; let i = $index; let first = $first; let last\n        = $last) {\n        <div class=\"__condition-item\" axDrag [class.__is-first]=\"first && (group.filters?.length ?? 0) > 1\"\n          [class.__is-last]=\"last && (group.filters?.length ?? 0) > 1\">\n          <!-- Drag Handle -->\n          <div class=\"__drag-handle\" axDragHandle>\n            <ax-icon icon=\"fa-solid fa-grip-vertical\"></ax-icon>\n          </div>\n\n          <!-- Condition or Nested Group Content -->\n          <div class=\"__item-content\">\n            @if (item.filters === undefined) {\n            <axp-query-builder-condition [item]=\"item\" [filterDefinitions]=\"filterDefinitions()\"\n              [onResolveWidget]=\"resolveDefaultFilterWidget.bind(this)\" (itemChange)=\"updateCondition($event)\"\n              (removeItem)=\"removeItem($event)\">\n            </axp-query-builder-condition>\n            } @else {\n            <ng-container [ngTemplateOutlet]=\"groupTemplate\"\n              [ngTemplateOutletContext]=\"{group: item, parentLogic: group.logic, isRoot: false}\">\n            </ng-container>\n            }\n          </div>\n\n          <!-- Item Controls (Up / Remove / Down) -->\n          <div class=\"__item-controls\">\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"first\"\n              title=\"Move up\" (onClick)=\"moveItemUp(i, group.id)\">\n              <ax-icon icon=\"fa-light fa-chevron-up\"></ax-icon>\n            </ax-button>\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'danger'\"\n              [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.remove.title' | translate | async\"\n              (onClick)=\"removeItem(item.id!)\">\n              <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n            </ax-button>\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"last\"\n              title=\"Move down\" (onClick)=\"moveItemDown(i, group.id)\">\n              <ax-icon icon=\"fa-light fa-chevron-down\"></ax-icon>\n            </ax-button>\n          </div>\n        </div>\n        }\n        }\n      </div>\n    </div>\n\n    <!-- Add Condition/Group Buttons (appears after group conditions) -->\n    @if ((group.filters?.length ?? 0) > 0) {\n    <div class=\"__group-actions\">\n      <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n        [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n        (onClick)=\"addConditionToGroup(group.id)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n        [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n        (onClick)=\"addGroupToGroup(group.id)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </div>\n    }\n  </div>\n</ng-template>", styles: ["@layer properties;.axp-where-builder{display:flex;height:100%;width:100%;flex-direction:column}.axp-where-builder .__content{flex:1;overflow:auto;padding:calc(var(--spacing, .25rem) * 3)}.axp-where-builder .__group{position:relative}.axp-where-builder .__group.__root-group{border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-where-builder .__group:not(.__root-group){margin-top:calc(var(--spacing, .25rem) * 2);margin-bottom:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),1)}.axp-where-builder .__group .__group-wrapper{--qb-connector-col: 4.25rem;display:grid;grid-template-columns:var(--qb-connector-col) 1fr;align-items:stretch;width:100%;min-height:2rem;min-width:0}.axp-where-builder .__group .__group-connector{position:relative;width:var(--qb-connector-col);display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;padding:0;--qb-operator-gap: 1.15rem}.axp-where-builder .__group .__group-connector:before,.axp-where-builder .__group .__group-connector:after{content:\"\";position:absolute;left:50%;transform:translate(-50%);top:var(--qb-connector-top, 1.5rem);bottom:var(--qb-connector-bottom, 1.5rem);width:0;border-left:2px solid rgba(var(--ax-sys-color-primary-500),.5);z-index:0}.axp-where-builder .__group .__group-connector:before{bottom:calc(50% + var(--qb-operator-gap))}.axp-where-builder .__group .__group-connector:after{top:calc(50% + var(--qb-operator-gap))}.axp-where-builder .__group .__group-connector .__operator-selector{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;flex-shrink:0;margin:0;max-width:100%;box-sizing:border-box}.axp-where-builder .__group .__group-connector .__operator-selector .__operator-chip{min-width:5rem;max-width:100%;position:relative;z-index:1}.axp-where-builder .__group .__group-connector .__operator-selector .__operator-chip ::ng-deep .select-box{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:var(--color-white, #fff);border-radius:.375rem;border-width:1px;background-color:rgba(var(--ax-sys-color-primary-500),1)!important;position:relative}.axp-where-builder .__group .__conditions-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);min-height:2rem;padding-left:.75rem;padding-right:0;padding-top:0;padding-bottom:0;position:relative;min-width:0}.axp-where-builder .__group .__conditions-container .__group-empty{display:flex;min-height:calc(var(--spacing, .25rem) * 12);flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 3)}.axp-where-builder .__group .__group-actions{margin-top:calc(var(--spacing, .25rem) * 2);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);border-top:1px solid rgba(var(--ax-sys-color-border-lighter-surface),1);grid-column:1/-1}.axp-where-builder .__condition-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:.25rem;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);cursor:move;-webkit-user-select:none;user-select:none;min-height:3rem;border:1px solid rgba(var(--ax-sys-color-border-lightest-surface),1);position:relative}.axp-where-builder .__condition-item:hover{background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-border-lighter-surface),1)}.axp-where-builder .__condition-item.__is-first:before,.axp-where-builder .__condition-item.__is-last:before{content:\"\";position:absolute;left:calc(-1 * (var(--qb-connector-col) * .5 + .75rem));top:50%;transform:translateY(-50%);width:calc(var(--qb-connector-col) * .5 + .75rem);height:0;border-top:2px solid rgba(var(--ax-sys-color-primary-500),.5);z-index:0}.axp-where-builder .__condition-item .__drag-handle{display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;color:var(--color-neutral-400, oklch(70.8% 0 none));cursor:grab;transition:color .15s ease-in-out;flex-shrink:0;position:relative;z-index:1}.axp-where-builder .__condition-item .__drag-handle:active{cursor:grabbing}.axp-where-builder .__condition-item .__drag-handle:hover{color:var(--color-neutral-600, oklch(43.9% 0 none))}.axp-where-builder .__condition-item .__item-content{flex:1;position:relative;z-index:1;min-width:0}.axp-where-builder .__condition-item .__item-controls{display:flex;width:calc(var(--spacing, .25rem) * 8);flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing, .25rem);flex-shrink:0;position:relative;z-index:1}.axp-where-builder .__condition-item .__icon-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;flex-shrink:0}.__group:not(.__connectors-enabled) .axp-where-builder .__group .__group-connector:before,.__group:not(.__connectors-enabled) .axp-where-builder .__group .__group-connector:after{content:none}.__condition-item.drag-preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:.25rem;border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);opacity:.9;border-width:1px;min-height:3rem}.__condition-item.drag-placeholder{position:relative;border-radius:.25rem;border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);border-color:rgba(var(--ax-sys-color-primary-300),.5);min-height:3rem;margin-bottom:.5rem;opacity:.5;border-width:1px}.__condition-item.drag-placeholder>*{opacity:0%}.__condition-item.drag-animating{transition:transform .25s cubic-bezier(.4,0,.2,1)}.__group:not(.__root-group).drag-preview{border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px}.__group:not(.__root-group).drag-placeholder{border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);opacity:50%;border-color:rgba(var(--ax-sys-color-primary-300),.5);margin-bottom:.5rem;min-height:4rem;border-width:1px}.__group:not(.__root-group).drag-dragging{opacity:70%}.__group:not(.__root-group):hover:not(.drag-dragging) .__drag-handle{color:rgba(var(--ax-sys-color-primary-surface))}.__conditions-container.drop-list-dragging{position:relative;min-height:calc(var(--spacing, .25rem) * 12);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);padding:var(--spacing, .25rem);border-color:rgba(var(--ax-sys-color-primary-300),.5);border-width:1px}.__conditions-container.drop-list-dragging .__condition-item:not(.drag-placeholder){margin-bottom:.375rem}.__conditions-container.drop-list-dragging .__condition-item:not(.drag-placeholder):last-child{margin-bottom:0}.__conditions-container.drop-list-dragging:has(.__group-empty):after{content:\"Drop conditions here\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-primary-surface));z-index:-1;pointer-events:none;min-height:2rem}.__conditions-container.drop-list-receiving{position:relative;min-height:calc(var(--spacing, .25rem) * 12);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);padding:var(--spacing, .25rem);border-color:rgba(var(--ax-sys-color-primary-300),.5);border-width:1px}.__conditions-container.drop-list-receiving:has(.__group-empty):after{content:\"Drop conditions here\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-primary-surface));z-index:-1;pointer-events:none;min-height:2rem}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{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-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.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: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "directive", type: AXDragHandleDirective, selector: "[axDragHandle]" }, { kind: "directive", type: AXDropListDirective, selector: "[axDropList]", inputs: ["axDropList", "sortingDisabled", "dropListGroup", "dropListOrientation"], outputs: ["dropListDropped", "sortPreviewChanged"], exportAs: ["axDropList"] }, { kind: "component", type: AXPQueryBuilderConditionComponent, selector: "axp-query-builder-condition", inputs: ["item", "filterDefinitions", "onResolveWidget"], outputs: ["itemChange", "removeItem"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPWhereBuilderComponent, isStandalone: true, selector: "axp-where-builder", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, filterDefinitions: { classPropertyName: "filterDefinitions", publicName: "filterDefinitions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"axp-where-builder\">\n  <div class=\"__content\">\n    <!-- Root Group - Render directly to ensure reactivity -->\n    <div class=\"__group __root-group\" [class.__connectors-enabled]=\"(queryData().filters?.length ?? 0) > 1\">\n      <div class=\"__group-wrapper\">\n        <!-- Single Connector Line for the Group -->\n        <div class=\"__group-connector\">\n          <div class=\"__operator-selector\">\n            <ax-lookup\n              mode=\"drop-down-list\"\n              class=\"ax-sm __operator-chip\"\n              [dataSource]=\"logicalOperators\"\n              [ngModel]=\"queryData().logic\"\n              textField=\"text\"\n              valueField=\"value\"\n              [searchable]=\"false\"\n              (onValueChanged)=\"updateGroupLogicalOperator(queryData().id!, $event.value)\"\n              [look]=\"'outline'\">\n            </ax-lookup>\n          </div>\n        </div>\n\n        <!-- Conditions Container -->\n        <div class=\"__conditions-container\" axDropList\n          (dropListDropped)=\"reorderGroupItemsEvent(queryData().id!, $event)\">\n          @if ((queryData().filters?.length ?? 0) === 0) {\n          <div class=\"__group-empty\">\n            <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n              [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n              (onClick)=\"addConditionToGroup(queryData().id!)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n              </ax-prefix>\n            </ax-button>\n            <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n              [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n              (onClick)=\"addGroupToGroup(queryData().id!)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n              </ax-prefix>\n            </ax-button>\n          </div>\n          } @else {\n          @for (item of getSortedFilters(queryData().filters || []); track item.id; let i = $index; let first = $first;\n          let last = $last) {\n          <div class=\"__condition-item\" axDrag [class.__is-first]=\"first && (queryData().filters?.length ?? 0) > 1\"\n            [class.__is-last]=\"last && (queryData().filters?.length ?? 0) > 1\">\n            <!-- Drag Handle -->\n            <div class=\"__drag-handle\" axDragHandle>\n              <ax-icon icon=\"fa-solid fa-grip-vertical\"></ax-icon>\n            </div>\n\n            <!-- Condition or Nested Group Content -->\n            <div class=\"__item-content\">\n              @if (item.filters === undefined) {\n              <axp-query-builder-condition [item]=\"item\" [filterDefinitions]=\"filterDefinitions()\"\n                [onResolveWidget]=\"resolveDefaultFilterWidget.bind(this)\" (itemChange)=\"updateCondition($event)\"\n                (removeItem)=\"removeItem($event)\">\n              </axp-query-builder-condition>\n              } @else {\n              <ng-container [ngTemplateOutlet]=\"groupTemplate\"\n                [ngTemplateOutletContext]=\"{group: item, parentLogic: queryData().logic, isRoot: false}\">\n              </ng-container>\n              }\n            </div>\n\n            <!-- Item Controls (Up / Remove / Down) -->\n            <div class=\"__item-controls\">\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"first\"\n                [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.move-up.title' | translate | async\"\n                (onClick)=\"moveItemUp(i, queryData().id!)\">\n                <ax-icon icon=\"fa-light fa-chevron-up\"></ax-icon>\n              </ax-button>\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'danger'\"\n                [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.remove.title' | translate | async\"\n                (onClick)=\"removeItem(item.id!)\">\n                <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n              </ax-button>\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"last\"\n                [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.move-down.title' | translate | async\"\n                (onClick)=\"moveItemDown(i, queryData().id!)\">\n                <ax-icon icon=\"fa-light fa-chevron-down\"></ax-icon>\n              </ax-button>\n            </div>\n          </div>\n          }\n          }\n        </div>\n      </div>\n\n      <!-- Add Condition/Group Buttons (appears after group conditions) -->\n      @if ((queryData().filters?.length ?? 0) > 0) {\n      <div class=\"__group-actions\">\n        <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n          [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n          (onClick)=\"addConditionToGroup(queryData().id!)\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n        <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n          [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n          (onClick)=\"addGroupToGroup(queryData().id!)\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n      }\n    </div>\n  </div>\n</div>\n\n<!-- Group Template -->\n<ng-template #groupTemplate let-group=\"group\" let-parentLogic=\"parentLogic\" let-isRoot=\"isRoot\">\n  <div class=\"__group\" [class.__root-group]=\"isRoot\" [class.__connectors-enabled]=\"(group.filters?.length ?? 0) > 1\">\n    <div class=\"__group-wrapper\">\n      <!-- Single Connector Line for the Group -->\n      <div class=\"__group-connector\">\n        <div class=\"__operator-selector\">\n          <ax-lookup\n            mode=\"drop-down-list\"\n            class=\"ax-sm __operator-chip\"\n            [dataSource]=\"logicalOperators\"\n            [ngModel]=\"group.logic\"\n            textField=\"text\"\n            valueField=\"value\"\n            [searchable]=\"false\"\n            (onValueChanged)=\"updateGroupLogicalOperator(group.id, $event.value)\"\n            [look]=\"'outline'\">\n          </ax-lookup>\n        </div>\n      </div>\n\n      <!-- Conditions Container -->\n      <div class=\"__conditions-container\" axDropList (dropListDropped)=\"reorderGroupItemsEvent(group.id, $event)\">\n        @if ((group.filters?.length ?? 0) === 0) {\n        <div class=\"__group-empty\">\n          <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n            [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n            (onClick)=\"addConditionToGroup(group.id)\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n          <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n            [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n            (onClick)=\"addGroupToGroup(group.id)\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n        </div>\n        } @else {\n        @for (item of getSortedFilters(group.filters || []); track item.id; let i = $index; let first = $first; let last\n        = $last) {\n        <div class=\"__condition-item\" axDrag [class.__is-first]=\"first && (group.filters?.length ?? 0) > 1\"\n          [class.__is-last]=\"last && (group.filters?.length ?? 0) > 1\">\n          <!-- Drag Handle -->\n          <div class=\"__drag-handle\" axDragHandle>\n            <ax-icon icon=\"fa-solid fa-grip-vertical\"></ax-icon>\n          </div>\n\n          <!-- Condition or Nested Group Content -->\n          <div class=\"__item-content\">\n            @if (item.filters === undefined) {\n            <axp-query-builder-condition [item]=\"item\" [filterDefinitions]=\"filterDefinitions()\"\n              [onResolveWidget]=\"resolveDefaultFilterWidget.bind(this)\" (itemChange)=\"updateCondition($event)\"\n              (removeItem)=\"removeItem($event)\">\n            </axp-query-builder-condition>\n            } @else {\n            <ng-container [ngTemplateOutlet]=\"groupTemplate\"\n              [ngTemplateOutletContext]=\"{group: item, parentLogic: group.logic, isRoot: false}\">\n            </ng-container>\n            }\n          </div>\n\n          <!-- Item Controls (Up / Remove / Down) -->\n          <div class=\"__item-controls\">\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"first\"\n              [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.move-up.title' | translate | async\"\n              (onClick)=\"moveItemUp(i, group.id)\">\n              <ax-icon icon=\"fa-light fa-chevron-up\"></ax-icon>\n            </ax-button>\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'danger'\"\n              [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.remove.title' | translate | async\"\n              (onClick)=\"removeItem(item.id!)\">\n              <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n            </ax-button>\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"last\"\n              [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.move-down.title' | translate | async\"\n              (onClick)=\"moveItemDown(i, group.id)\">\n              <ax-icon icon=\"fa-light fa-chevron-down\"></ax-icon>\n            </ax-button>\n          </div>\n        </div>\n        }\n        }\n      </div>\n    </div>\n\n    <!-- Add Condition/Group Buttons (appears after group conditions) -->\n    @if ((group.filters?.length ?? 0) > 0) {\n    <div class=\"__group-actions\">\n      <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n        [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n        (onClick)=\"addConditionToGroup(group.id)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n        [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n        (onClick)=\"addGroupToGroup(group.id)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </div>\n    }\n  </div>\n</ng-template>", styles: ["@layer properties;.axp-where-builder{display:flex;height:100%;width:100%;flex-direction:column}.axp-where-builder .__content{flex:1;overflow:auto;padding:calc(var(--spacing, .25rem) * 3)}.axp-where-builder .__group{position:relative}.axp-where-builder .__group.__root-group{border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-where-builder .__group:not(.__root-group){margin-top:calc(var(--spacing, .25rem) * 2);margin-bottom:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),1)}.axp-where-builder .__group .__group-wrapper{--qb-connector-col: 4.25rem;display:grid;grid-template-columns:var(--qb-connector-col) 1fr;align-items:stretch;width:100%;min-height:2rem;min-width:0}.axp-where-builder .__group .__group-connector{position:relative;width:var(--qb-connector-col);display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;padding:0;--qb-operator-gap: 1.15rem}.axp-where-builder .__group .__group-connector:before,.axp-where-builder .__group .__group-connector:after{content:\"\";position:absolute;left:50%;transform:translate(-50%);top:var(--qb-connector-top, 1.5rem);bottom:var(--qb-connector-bottom, 1.5rem);width:0;border-left:2px solid rgba(var(--ax-sys-color-primary-500),.5);z-index:0}.axp-where-builder .__group .__group-connector:before{bottom:calc(50% + var(--qb-operator-gap))}.axp-where-builder .__group .__group-connector:after{top:calc(50% + var(--qb-operator-gap))}.axp-where-builder .__group .__group-connector .__operator-selector{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;flex-shrink:0;margin:0;max-width:100%;box-sizing:border-box}.axp-where-builder .__group .__group-connector .__operator-selector .__operator-chip{min-width:5rem;max-width:100%;position:relative;z-index:1}.axp-where-builder .__group .__group-connector .__operator-selector .__operator-chip ::ng-deep .select-box{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:var(--color-white, #fff);border-radius:.375rem;border-width:1px;background-color:rgba(var(--ax-sys-color-primary-500),1)!important;position:relative}.axp-where-builder .__group .__conditions-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);min-height:2rem;padding-left:.75rem;padding-right:0;padding-top:0;padding-bottom:0;position:relative;min-width:0}.axp-where-builder .__group .__conditions-container .__group-empty{display:flex;min-height:calc(var(--spacing, .25rem) * 12);flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 3)}.axp-where-builder .__group .__group-actions{margin-top:calc(var(--spacing, .25rem) * 2);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);border-top:1px solid rgba(var(--ax-sys-color-border-lighter-surface),1);grid-column:1/-1}.axp-where-builder .__condition-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:.25rem;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);cursor:move;-webkit-user-select:none;user-select:none;min-height:3rem;border:1px solid rgba(var(--ax-sys-color-border-lightest-surface),1);position:relative}.axp-where-builder .__condition-item:hover{background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-border-lighter-surface),1)}.axp-where-builder .__condition-item.__is-first:before,.axp-where-builder .__condition-item.__is-last:before{content:\"\";position:absolute;left:calc(-1 * (var(--qb-connector-col) * .5 + .75rem));top:50%;transform:translateY(-50%);width:calc(var(--qb-connector-col) * .5 + .75rem);height:0;border-top:2px solid rgba(var(--ax-sys-color-primary-500),.5);z-index:0}.axp-where-builder .__condition-item .__drag-handle{display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;color:var(--color-neutral-400, oklch(70.8% 0 none));cursor:grab;transition:color .15s ease-in-out;flex-shrink:0;position:relative;z-index:1}.axp-where-builder .__condition-item .__drag-handle:active{cursor:grabbing}.axp-where-builder .__condition-item .__drag-handle:hover{color:var(--color-neutral-600, oklch(43.9% 0 none))}.axp-where-builder .__condition-item .__item-content{flex:1;position:relative;z-index:1;min-width:0}.axp-where-builder .__condition-item .__item-controls{display:flex;width:calc(var(--spacing, .25rem) * 8);flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing, .25rem);flex-shrink:0;position:relative;z-index:1}.axp-where-builder .__condition-item .__icon-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;flex-shrink:0}.__group:not(.__connectors-enabled) .axp-where-builder .__group .__group-connector:before,.__group:not(.__connectors-enabled) .axp-where-builder .__group .__group-connector:after{content:none}.__condition-item.drag-preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:.25rem;border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);opacity:.9;border-width:1px;min-height:3rem}.__condition-item.drag-placeholder{position:relative;border-radius:.25rem;border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);border-color:rgba(var(--ax-sys-color-primary-300),.5);min-height:3rem;margin-bottom:.5rem;opacity:.5;border-width:1px}.__condition-item.drag-placeholder>*{opacity:0%}.__condition-item.drag-animating{transition:transform .25s cubic-bezier(.4,0,.2,1)}.__group:not(.__root-group).drag-preview{border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px}.__group:not(.__root-group).drag-placeholder{border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);opacity:50%;border-color:rgba(var(--ax-sys-color-primary-300),.5);margin-bottom:.5rem;min-height:4rem;border-width:1px}.__group:not(.__root-group).drag-dragging{opacity:70%}.__group:not(.__root-group):hover:not(.drag-dragging) .__drag-handle{color:rgba(var(--ax-sys-color-primary-surface))}.__conditions-container.drop-list-dragging{position:relative;min-height:calc(var(--spacing, .25rem) * 12);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);padding:var(--spacing, .25rem);border-color:rgba(var(--ax-sys-color-primary-300),.5);border-width:1px}.__conditions-container.drop-list-dragging .__condition-item:not(.drag-placeholder){margin-bottom:.375rem}.__conditions-container.drop-list-dragging .__condition-item:not(.drag-placeholder):last-child{margin-bottom:0}.__conditions-container.drop-list-dragging:has(.__group-empty):after{content:\"Drop conditions here\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-primary-surface));z-index:-1;pointer-events:none;min-height:2rem}.__conditions-container.drop-list-receiving{position:relative;min-height:calc(var(--spacing, .25rem) * 12);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);padding:var(--spacing, .25rem);border-color:rgba(var(--ax-sys-color-primary-300),.5);border-width:1px}.__conditions-container.drop-list-receiving:has(.__group-empty):after{content:\"Drop conditions here\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-primary-surface));z-index:-1;pointer-events:none;min-height:2rem}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{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-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.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: "directive", type: AXDragDirective, selector: "[axDrag]", inputs: ["axDrag", "dragData", "dragDisabled", "dragTransition", "dragElementClone", "dropZoneGroup", "dragStartDelay", "dragResetOnDblClick", "dragLockAxis", "dragClonedTemplate", "dragCursor", "dragBoundary", "dragTransitionDuration"], outputs: ["dragPositionChanged"] }, { kind: "directive", type: AXDragHandleDirective, selector: "[axDragHandle]" }, { kind: "directive", type: AXDropListDirective, selector: "[axDropList]", inputs: ["axDropList", "sortingDisabled", "dropListGroup", "dropListOrientation"], outputs: ["dropListDropped", "sortPreviewChanged"], exportAs: ["axDropList"] }, { kind: "component", type: AXPQueryBuilderConditionComponent, selector: "axp-query-builder-condition", inputs: ["item", "filterDefinitions", "onResolveWidget"], outputs: ["itemChange", "removeItem"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWhereBuilderComponent, decorators: [{
             type: Component,
@@ -1590,7 +1591,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXDropListDirective,
                         AXPQueryBuilderConditionComponent,
                         AXTranslationModule,
-                    ], template: "<div class=\"axp-where-builder\">\n  <div class=\"__content\">\n    <!-- Root Group - Render directly to ensure reactivity -->\n    <div class=\"__group __root-group\" [class.__connectors-enabled]=\"(queryData().filters?.length ?? 0) > 1\">\n      <div class=\"__group-wrapper\">\n        <!-- Single Connector Line for the Group -->\n        <div class=\"__group-connector\">\n          <div class=\"__operator-selector\">\n            <ax-lookup\n              mode=\"drop-down-list\"\n              class=\"ax-sm __operator-chip\"\n              [dataSource]=\"logicalOperators\"\n              [ngModel]=\"queryData().logic\"\n              textField=\"text\"\n              valueField=\"value\"\n              [searchable]=\"false\"\n              (onValueChanged)=\"updateGroupLogicalOperator(queryData().id!, $event.value)\"\n              [look]=\"'outline'\">\n            </ax-lookup>\n          </div>\n        </div>\n\n        <!-- Conditions Container -->\n        <div class=\"__conditions-container\" axDropList\n          (dropListDropped)=\"reorderGroupItemsEvent(queryData().id!, $event)\">\n          @if ((queryData().filters?.length ?? 0) === 0) {\n          <div class=\"__group-empty\">\n            <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n              [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n              (onClick)=\"addConditionToGroup(queryData().id!)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n              </ax-prefix>\n            </ax-button>\n            <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n              [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n              (onClick)=\"addGroupToGroup(queryData().id!)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n              </ax-prefix>\n            </ax-button>\n          </div>\n          } @else {\n          @for (item of getSortedFilters(queryData().filters || []); track item.id; let i = $index; let first = $first;\n          let last = $last) {\n          <div class=\"__condition-item\" axDrag [class.__is-first]=\"first && (queryData().filters?.length ?? 0) > 1\"\n            [class.__is-last]=\"last && (queryData().filters?.length ?? 0) > 1\">\n            <!-- Drag Handle -->\n            <div class=\"__drag-handle\" axDragHandle>\n              <ax-icon icon=\"fa-solid fa-grip-vertical\"></ax-icon>\n            </div>\n\n            <!-- Condition or Nested Group Content -->\n            <div class=\"__item-content\">\n              @if (item.filters === undefined) {\n              <axp-query-builder-condition [item]=\"item\" [filterDefinitions]=\"filterDefinitions()\"\n                [onResolveWidget]=\"resolveDefaultFilterWidget.bind(this)\" (itemChange)=\"updateCondition($event)\"\n                (removeItem)=\"removeItem($event)\">\n              </axp-query-builder-condition>\n              } @else {\n              <ng-container [ngTemplateOutlet]=\"groupTemplate\"\n                [ngTemplateOutletContext]=\"{group: item, parentLogic: queryData().logic, isRoot: false}\">\n              </ng-container>\n              }\n            </div>\n\n            <!-- Item Controls (Up / Remove / Down) -->\n            <div class=\"__item-controls\">\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"first\"\n                title=\"Move up\" (onClick)=\"moveItemUp(i, queryData().id!)\">\n                <ax-icon icon=\"fa-light fa-chevron-up\"></ax-icon>\n              </ax-button>\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'danger'\"\n                [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.remove.title' | translate | async\"\n                (onClick)=\"removeItem(item.id!)\">\n                <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n              </ax-button>\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"last\"\n                title=\"Move down\" (onClick)=\"moveItemDown(i, queryData().id!)\">\n                <ax-icon icon=\"fa-light fa-chevron-down\"></ax-icon>\n              </ax-button>\n            </div>\n          </div>\n          }\n          }\n        </div>\n      </div>\n\n      <!-- Add Condition/Group Buttons (appears after group conditions) -->\n      @if ((queryData().filters?.length ?? 0) > 0) {\n      <div class=\"__group-actions\">\n        <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n          [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n          (onClick)=\"addConditionToGroup(queryData().id!)\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n        <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n          [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n          (onClick)=\"addGroupToGroup(queryData().id!)\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n      }\n    </div>\n  </div>\n</div>\n\n<!-- Group Template -->\n<ng-template #groupTemplate let-group=\"group\" let-parentLogic=\"parentLogic\" let-isRoot=\"isRoot\">\n  <div class=\"__group\" [class.__root-group]=\"isRoot\" [class.__connectors-enabled]=\"(group.filters?.length ?? 0) > 1\">\n    <div class=\"__group-wrapper\">\n      <!-- Single Connector Line for the Group -->\n      <div class=\"__group-connector\">\n        <div class=\"__operator-selector\">\n          <ax-lookup\n            mode=\"drop-down-list\"\n            class=\"ax-sm __operator-chip\"\n            [dataSource]=\"logicalOperators\"\n            [ngModel]=\"group.logic\"\n            textField=\"text\"\n            valueField=\"value\"\n            [searchable]=\"false\"\n            (onValueChanged)=\"updateGroupLogicalOperator(group.id, $event.value)\"\n            [look]=\"'outline'\">\n          </ax-lookup>\n        </div>\n      </div>\n\n      <!-- Conditions Container -->\n      <div class=\"__conditions-container\" axDropList (dropListDropped)=\"reorderGroupItemsEvent(group.id, $event)\">\n        @if ((group.filters?.length ?? 0) === 0) {\n        <div class=\"__group-empty\">\n          <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n            [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n            (onClick)=\"addConditionToGroup(group.id)\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n          <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n            [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n            (onClick)=\"addGroupToGroup(group.id)\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n        </div>\n        } @else {\n        @for (item of getSortedFilters(group.filters || []); track item.id; let i = $index; let first = $first; let last\n        = $last) {\n        <div class=\"__condition-item\" axDrag [class.__is-first]=\"first && (group.filters?.length ?? 0) > 1\"\n          [class.__is-last]=\"last && (group.filters?.length ?? 0) > 1\">\n          <!-- Drag Handle -->\n          <div class=\"__drag-handle\" axDragHandle>\n            <ax-icon icon=\"fa-solid fa-grip-vertical\"></ax-icon>\n          </div>\n\n          <!-- Condition or Nested Group Content -->\n          <div class=\"__item-content\">\n            @if (item.filters === undefined) {\n            <axp-query-builder-condition [item]=\"item\" [filterDefinitions]=\"filterDefinitions()\"\n              [onResolveWidget]=\"resolveDefaultFilterWidget.bind(this)\" (itemChange)=\"updateCondition($event)\"\n              (removeItem)=\"removeItem($event)\">\n            </axp-query-builder-condition>\n            } @else {\n            <ng-container [ngTemplateOutlet]=\"groupTemplate\"\n              [ngTemplateOutletContext]=\"{group: item, parentLogic: group.logic, isRoot: false}\">\n            </ng-container>\n            }\n          </div>\n\n          <!-- Item Controls (Up / Remove / Down) -->\n          <div class=\"__item-controls\">\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"first\"\n              title=\"Move up\" (onClick)=\"moveItemUp(i, group.id)\">\n              <ax-icon icon=\"fa-light fa-chevron-up\"></ax-icon>\n            </ax-button>\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'danger'\"\n              [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.remove.title' | translate | async\"\n              (onClick)=\"removeItem(item.id!)\">\n              <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n            </ax-button>\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"last\"\n              title=\"Move down\" (onClick)=\"moveItemDown(i, group.id)\">\n              <ax-icon icon=\"fa-light fa-chevron-down\"></ax-icon>\n            </ax-button>\n          </div>\n        </div>\n        }\n        }\n      </div>\n    </div>\n\n    <!-- Add Condition/Group Buttons (appears after group conditions) -->\n    @if ((group.filters?.length ?? 0) > 0) {\n    <div class=\"__group-actions\">\n      <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n        [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n        (onClick)=\"addConditionToGroup(group.id)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n        [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n        (onClick)=\"addGroupToGroup(group.id)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </div>\n    }\n  </div>\n</ng-template>", styles: ["@layer properties;.axp-where-builder{display:flex;height:100%;width:100%;flex-direction:column}.axp-where-builder .__content{flex:1;overflow:auto;padding:calc(var(--spacing, .25rem) * 3)}.axp-where-builder .__group{position:relative}.axp-where-builder .__group.__root-group{border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-where-builder .__group:not(.__root-group){margin-top:calc(var(--spacing, .25rem) * 2);margin-bottom:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),1)}.axp-where-builder .__group .__group-wrapper{--qb-connector-col: 4.25rem;display:grid;grid-template-columns:var(--qb-connector-col) 1fr;align-items:stretch;width:100%;min-height:2rem;min-width:0}.axp-where-builder .__group .__group-connector{position:relative;width:var(--qb-connector-col);display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;padding:0;--qb-operator-gap: 1.15rem}.axp-where-builder .__group .__group-connector:before,.axp-where-builder .__group .__group-connector:after{content:\"\";position:absolute;left:50%;transform:translate(-50%);top:var(--qb-connector-top, 1.5rem);bottom:var(--qb-connector-bottom, 1.5rem);width:0;border-left:2px solid rgba(var(--ax-sys-color-primary-500),.5);z-index:0}.axp-where-builder .__group .__group-connector:before{bottom:calc(50% + var(--qb-operator-gap))}.axp-where-builder .__group .__group-connector:after{top:calc(50% + var(--qb-operator-gap))}.axp-where-builder .__group .__group-connector .__operator-selector{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;flex-shrink:0;margin:0;max-width:100%;box-sizing:border-box}.axp-where-builder .__group .__group-connector .__operator-selector .__operator-chip{min-width:5rem;max-width:100%;position:relative;z-index:1}.axp-where-builder .__group .__group-connector .__operator-selector .__operator-chip ::ng-deep .select-box{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:var(--color-white, #fff);border-radius:.375rem;border-width:1px;background-color:rgba(var(--ax-sys-color-primary-500),1)!important;position:relative}.axp-where-builder .__group .__conditions-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);min-height:2rem;padding-left:.75rem;padding-right:0;padding-top:0;padding-bottom:0;position:relative;min-width:0}.axp-where-builder .__group .__conditions-container .__group-empty{display:flex;min-height:calc(var(--spacing, .25rem) * 12);flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 3)}.axp-where-builder .__group .__group-actions{margin-top:calc(var(--spacing, .25rem) * 2);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);border-top:1px solid rgba(var(--ax-sys-color-border-lighter-surface),1);grid-column:1/-1}.axp-where-builder .__condition-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:.25rem;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);cursor:move;-webkit-user-select:none;user-select:none;min-height:3rem;border:1px solid rgba(var(--ax-sys-color-border-lightest-surface),1);position:relative}.axp-where-builder .__condition-item:hover{background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-border-lighter-surface),1)}.axp-where-builder .__condition-item.__is-first:before,.axp-where-builder .__condition-item.__is-last:before{content:\"\";position:absolute;left:calc(-1 * (var(--qb-connector-col) * .5 + .75rem));top:50%;transform:translateY(-50%);width:calc(var(--qb-connector-col) * .5 + .75rem);height:0;border-top:2px solid rgba(var(--ax-sys-color-primary-500),.5);z-index:0}.axp-where-builder .__condition-item .__drag-handle{display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;color:var(--color-neutral-400, oklch(70.8% 0 none));cursor:grab;transition:color .15s ease-in-out;flex-shrink:0;position:relative;z-index:1}.axp-where-builder .__condition-item .__drag-handle:active{cursor:grabbing}.axp-where-builder .__condition-item .__drag-handle:hover{color:var(--color-neutral-600, oklch(43.9% 0 none))}.axp-where-builder .__condition-item .__item-content{flex:1;position:relative;z-index:1;min-width:0}.axp-where-builder .__condition-item .__item-controls{display:flex;width:calc(var(--spacing, .25rem) * 8);flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing, .25rem);flex-shrink:0;position:relative;z-index:1}.axp-where-builder .__condition-item .__icon-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;flex-shrink:0}.__group:not(.__connectors-enabled) .axp-where-builder .__group .__group-connector:before,.__group:not(.__connectors-enabled) .axp-where-builder .__group .__group-connector:after{content:none}.__condition-item.drag-preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:.25rem;border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);opacity:.9;border-width:1px;min-height:3rem}.__condition-item.drag-placeholder{position:relative;border-radius:.25rem;border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);border-color:rgba(var(--ax-sys-color-primary-300),.5);min-height:3rem;margin-bottom:.5rem;opacity:.5;border-width:1px}.__condition-item.drag-placeholder>*{opacity:0%}.__condition-item.drag-animating{transition:transform .25s cubic-bezier(.4,0,.2,1)}.__group:not(.__root-group).drag-preview{border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px}.__group:not(.__root-group).drag-placeholder{border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);opacity:50%;border-color:rgba(var(--ax-sys-color-primary-300),.5);margin-bottom:.5rem;min-height:4rem;border-width:1px}.__group:not(.__root-group).drag-dragging{opacity:70%}.__group:not(.__root-group):hover:not(.drag-dragging) .__drag-handle{color:rgba(var(--ax-sys-color-primary-surface))}.__conditions-container.drop-list-dragging{position:relative;min-height:calc(var(--spacing, .25rem) * 12);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);padding:var(--spacing, .25rem);border-color:rgba(var(--ax-sys-color-primary-300),.5);border-width:1px}.__conditions-container.drop-list-dragging .__condition-item:not(.drag-placeholder){margin-bottom:.375rem}.__conditions-container.drop-list-dragging .__condition-item:not(.drag-placeholder):last-child{margin-bottom:0}.__conditions-container.drop-list-dragging:has(.__group-empty):after{content:\"Drop conditions here\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-primary-surface));z-index:-1;pointer-events:none;min-height:2rem}.__conditions-container.drop-list-receiving{position:relative;min-height:calc(var(--spacing, .25rem) * 12);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);padding:var(--spacing, .25rem);border-color:rgba(var(--ax-sys-color-primary-300),.5);border-width:1px}.__conditions-container.drop-list-receiving:has(.__group-empty):after{content:\"Drop conditions here\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-primary-surface));z-index:-1;pointer-events:none;min-height:2rem}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{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-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<div class=\"axp-where-builder\">\n  <div class=\"__content\">\n    <!-- Root Group - Render directly to ensure reactivity -->\n    <div class=\"__group __root-group\" [class.__connectors-enabled]=\"(queryData().filters?.length ?? 0) > 1\">\n      <div class=\"__group-wrapper\">\n        <!-- Single Connector Line for the Group -->\n        <div class=\"__group-connector\">\n          <div class=\"__operator-selector\">\n            <ax-lookup\n              mode=\"drop-down-list\"\n              class=\"ax-sm __operator-chip\"\n              [dataSource]=\"logicalOperators\"\n              [ngModel]=\"queryData().logic\"\n              textField=\"text\"\n              valueField=\"value\"\n              [searchable]=\"false\"\n              (onValueChanged)=\"updateGroupLogicalOperator(queryData().id!, $event.value)\"\n              [look]=\"'outline'\">\n            </ax-lookup>\n          </div>\n        </div>\n\n        <!-- Conditions Container -->\n        <div class=\"__conditions-container\" axDropList\n          (dropListDropped)=\"reorderGroupItemsEvent(queryData().id!, $event)\">\n          @if ((queryData().filters?.length ?? 0) === 0) {\n          <div class=\"__group-empty\">\n            <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n              [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n              (onClick)=\"addConditionToGroup(queryData().id!)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n              </ax-prefix>\n            </ax-button>\n            <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n              [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n              (onClick)=\"addGroupToGroup(queryData().id!)\">\n              <ax-prefix>\n                <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n              </ax-prefix>\n            </ax-button>\n          </div>\n          } @else {\n          @for (item of getSortedFilters(queryData().filters || []); track item.id; let i = $index; let first = $first;\n          let last = $last) {\n          <div class=\"__condition-item\" axDrag [class.__is-first]=\"first && (queryData().filters?.length ?? 0) > 1\"\n            [class.__is-last]=\"last && (queryData().filters?.length ?? 0) > 1\">\n            <!-- Drag Handle -->\n            <div class=\"__drag-handle\" axDragHandle>\n              <ax-icon icon=\"fa-solid fa-grip-vertical\"></ax-icon>\n            </div>\n\n            <!-- Condition or Nested Group Content -->\n            <div class=\"__item-content\">\n              @if (item.filters === undefined) {\n              <axp-query-builder-condition [item]=\"item\" [filterDefinitions]=\"filterDefinitions()\"\n                [onResolveWidget]=\"resolveDefaultFilterWidget.bind(this)\" (itemChange)=\"updateCondition($event)\"\n                (removeItem)=\"removeItem($event)\">\n              </axp-query-builder-condition>\n              } @else {\n              <ng-container [ngTemplateOutlet]=\"groupTemplate\"\n                [ngTemplateOutletContext]=\"{group: item, parentLogic: queryData().logic, isRoot: false}\">\n              </ng-container>\n              }\n            </div>\n\n            <!-- Item Controls (Up / Remove / Down) -->\n            <div class=\"__item-controls\">\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"first\"\n                [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.move-up.title' | translate | async\"\n                (onClick)=\"moveItemUp(i, queryData().id!)\">\n                <ax-icon icon=\"fa-light fa-chevron-up\"></ax-icon>\n              </ax-button>\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'danger'\"\n                [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.remove.title' | translate | async\"\n                (onClick)=\"removeItem(item.id!)\">\n                <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n              </ax-button>\n              <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"last\"\n                [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.move-down.title' | translate | async\"\n                (onClick)=\"moveItemDown(i, queryData().id!)\">\n                <ax-icon icon=\"fa-light fa-chevron-down\"></ax-icon>\n              </ax-button>\n            </div>\n          </div>\n          }\n          }\n        </div>\n      </div>\n\n      <!-- Add Condition/Group Buttons (appears after group conditions) -->\n      @if ((queryData().filters?.length ?? 0) > 0) {\n      <div class=\"__group-actions\">\n        <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n          [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n          (onClick)=\"addConditionToGroup(queryData().id!)\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n        <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n          [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n          (onClick)=\"addGroupToGroup(queryData().id!)\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n      }\n    </div>\n  </div>\n</div>\n\n<!-- Group Template -->\n<ng-template #groupTemplate let-group=\"group\" let-parentLogic=\"parentLogic\" let-isRoot=\"isRoot\">\n  <div class=\"__group\" [class.__root-group]=\"isRoot\" [class.__connectors-enabled]=\"(group.filters?.length ?? 0) > 1\">\n    <div class=\"__group-wrapper\">\n      <!-- Single Connector Line for the Group -->\n      <div class=\"__group-connector\">\n        <div class=\"__operator-selector\">\n          <ax-lookup\n            mode=\"drop-down-list\"\n            class=\"ax-sm __operator-chip\"\n            [dataSource]=\"logicalOperators\"\n            [ngModel]=\"group.logic\"\n            textField=\"text\"\n            valueField=\"value\"\n            [searchable]=\"false\"\n            (onValueChanged)=\"updateGroupLogicalOperator(group.id, $event.value)\"\n            [look]=\"'outline'\">\n          </ax-lookup>\n        </div>\n      </div>\n\n      <!-- Conditions Container -->\n      <div class=\"__conditions-container\" axDropList (dropListDropped)=\"reorderGroupItemsEvent(group.id, $event)\">\n        @if ((group.filters?.length ?? 0) === 0) {\n        <div class=\"__group-empty\">\n          <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n            [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n            (onClick)=\"addConditionToGroup(group.id)\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n          <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n            [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n            (onClick)=\"addGroupToGroup(group.id)\">\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n        </div>\n        } @else {\n        @for (item of getSortedFilters(group.filters || []); track item.id; let i = $index; let first = $first; let last\n        = $last) {\n        <div class=\"__condition-item\" axDrag [class.__is-first]=\"first && (group.filters?.length ?? 0) > 1\"\n          [class.__is-last]=\"last && (group.filters?.length ?? 0) > 1\">\n          <!-- Drag Handle -->\n          <div class=\"__drag-handle\" axDragHandle>\n            <ax-icon icon=\"fa-solid fa-grip-vertical\"></ax-icon>\n          </div>\n\n          <!-- Condition or Nested Group Content -->\n          <div class=\"__item-content\">\n            @if (item.filters === undefined) {\n            <axp-query-builder-condition [item]=\"item\" [filterDefinitions]=\"filterDefinitions()\"\n              [onResolveWidget]=\"resolveDefaultFilterWidget.bind(this)\" (itemChange)=\"updateCondition($event)\"\n              (removeItem)=\"removeItem($event)\">\n            </axp-query-builder-condition>\n            } @else {\n            <ng-container [ngTemplateOutlet]=\"groupTemplate\"\n              [ngTemplateOutletContext]=\"{group: item, parentLogic: group.logic, isRoot: false}\">\n            </ng-container>\n            }\n          </div>\n\n          <!-- Item Controls (Up / Remove / Down) -->\n          <div class=\"__item-controls\">\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"first\"\n              [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.move-up.title' | translate | async\"\n              (onClick)=\"moveItemUp(i, group.id)\">\n              <ax-icon icon=\"fa-light fa-chevron-up\"></ax-icon>\n            </ax-button>\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'danger'\"\n              [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.remove.title' | translate | async\"\n              (onClick)=\"removeItem(item.id!)\">\n              <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n            </ax-button>\n            <ax-button class=\"ax-sm __icon-btn\" [look]=\"'blank'\" [color]=\"'secondary'\" [disabled]=\"last\"\n              [title]=\"'@data-management:metadata-definitions.components.query-builder.actions.move-down.title' | translate | async\"\n              (onClick)=\"moveItemDown(i, group.id)\">\n              <ax-icon icon=\"fa-light fa-chevron-down\"></ax-icon>\n            </ax-button>\n          </div>\n        </div>\n        }\n        }\n      </div>\n    </div>\n\n    <!-- Add Condition/Group Buttons (appears after group conditions) -->\n    @if ((group.filters?.length ?? 0) > 0) {\n    <div class=\"__group-actions\">\n      <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'primary'\"\n        [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-condition.title' | translate | async\"\n        (onClick)=\"addConditionToGroup(group.id)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-plus\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <ax-button class=\"ax-sm\" [look]=\"'outline'\" [color]=\"'accent2'\"\n        [text]=\"'@data-management:metadata-definitions.components.query-builder.actions.add-inner-group.title' | translate | async\"\n        (onClick)=\"addGroupToGroup(group.id)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </div>\n    }\n  </div>\n</ng-template>", styles: ["@layer properties;.axp-where-builder{display:flex;height:100%;width:100%;flex-direction:column}.axp-where-builder .__content{flex:1;overflow:auto;padding:calc(var(--spacing, .25rem) * 3)}.axp-where-builder .__group{position:relative}.axp-where-builder .__group.__root-group{border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-where-builder .__group:not(.__root-group){margin-top:calc(var(--spacing, .25rem) * 2);margin-bottom:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface),1)}.axp-where-builder .__group .__group-wrapper{--qb-connector-col: 4.25rem;display:grid;grid-template-columns:var(--qb-connector-col) 1fr;align-items:stretch;width:100%;min-height:2rem;min-width:0}.axp-where-builder .__group .__group-connector{position:relative;width:var(--qb-connector-col);display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;padding:0;--qb-operator-gap: 1.15rem}.axp-where-builder .__group .__group-connector:before,.axp-where-builder .__group .__group-connector:after{content:\"\";position:absolute;left:50%;transform:translate(-50%);top:var(--qb-connector-top, 1.5rem);bottom:var(--qb-connector-bottom, 1.5rem);width:0;border-left:2px solid rgba(var(--ax-sys-color-primary-500),.5);z-index:0}.axp-where-builder .__group .__group-connector:before{bottom:calc(50% + var(--qb-operator-gap))}.axp-where-builder .__group .__group-connector:after{top:calc(50% + var(--qb-operator-gap))}.axp-where-builder .__group .__group-connector .__operator-selector{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;flex-shrink:0;margin:0;max-width:100%;box-sizing:border-box}.axp-where-builder .__group .__group-connector .__operator-selector .__operator-chip{min-width:5rem;max-width:100%;position:relative;z-index:1}.axp-where-builder .__group .__group-connector .__operator-selector .__operator-chip ::ng-deep .select-box{border-color:rgba(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-surface));color:var(--color-white, #fff);border-radius:.375rem;border-width:1px;background-color:rgba(var(--ax-sys-color-primary-500),1)!important;position:relative}.axp-where-builder .__group .__conditions-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);min-height:2rem;padding-left:.75rem;padding-right:0;padding-top:0;padding-bottom:0;position:relative;min-width:0}.axp-where-builder .__group .__conditions-container .__group-empty{display:flex;min-height:calc(var(--spacing, .25rem) * 12);flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 3)}.axp-where-builder .__group .__group-actions{margin-top:calc(var(--spacing, .25rem) * 2);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);border-top:1px solid rgba(var(--ax-sys-color-border-lighter-surface),1);grid-column:1/-1}.axp-where-builder .__condition-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:.25rem;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);cursor:move;-webkit-user-select:none;user-select:none;min-height:3rem;border:1px solid rgba(var(--ax-sys-color-border-lightest-surface),1);position:relative}.axp-where-builder .__condition-item:hover{background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-border-lighter-surface),1)}.axp-where-builder .__condition-item.__is-first:before,.axp-where-builder .__condition-item.__is-last:before{content:\"\";position:absolute;left:calc(-1 * (var(--qb-connector-col) * .5 + .75rem));top:50%;transform:translateY(-50%);width:calc(var(--qb-connector-col) * .5 + .75rem);height:0;border-top:2px solid rgba(var(--ax-sys-color-primary-500),.5);z-index:0}.axp-where-builder .__condition-item .__drag-handle{display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;color:var(--color-neutral-400, oklch(70.8% 0 none));cursor:grab;transition:color .15s ease-in-out;flex-shrink:0;position:relative;z-index:1}.axp-where-builder .__condition-item .__drag-handle:active{cursor:grabbing}.axp-where-builder .__condition-item .__drag-handle:hover{color:var(--color-neutral-600, oklch(43.9% 0 none))}.axp-where-builder .__condition-item .__item-content{flex:1;position:relative;z-index:1;min-width:0}.axp-where-builder .__condition-item .__item-controls{display:flex;width:calc(var(--spacing, .25rem) * 8);flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing, .25rem);flex-shrink:0;position:relative;z-index:1}.axp-where-builder .__condition-item .__icon-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;flex-shrink:0}.__group:not(.__connectors-enabled) .axp-where-builder .__group .__group-connector:before,.__group:not(.__connectors-enabled) .axp-where-builder .__group .__group-connector:after{content:none}.__condition-item.drag-preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:.25rem;border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);opacity:.9;border-width:1px;min-height:3rem}.__condition-item.drag-placeholder{position:relative;border-radius:.25rem;border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);border-color:rgba(var(--ax-sys-color-primary-300),.5);min-height:3rem;margin-bottom:.5rem;opacity:.5;border-width:1px}.__condition-item.drag-placeholder>*{opacity:0%}.__condition-item.drag-animating{transition:transform .25s cubic-bezier(.4,0,.2,1)}.__group:not(.__root-group).drag-preview{border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px}.__group:not(.__root-group).drag-placeholder{border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);opacity:50%;border-color:rgba(var(--ax-sys-color-primary-300),.5);margin-bottom:.5rem;min-height:4rem;border-width:1px}.__group:not(.__root-group).drag-dragging{opacity:70%}.__group:not(.__root-group):hover:not(.drag-dragging) .__drag-handle{color:rgba(var(--ax-sys-color-primary-surface))}.__conditions-container.drop-list-dragging{position:relative;min-height:calc(var(--spacing, .25rem) * 12);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);padding:var(--spacing, .25rem);border-color:rgba(var(--ax-sys-color-primary-300),.5);border-width:1px}.__conditions-container.drop-list-dragging .__condition-item:not(.drag-placeholder){margin-bottom:.375rem}.__conditions-container.drop-list-dragging .__condition-item:not(.drag-placeholder):last-child{margin-bottom:0}.__conditions-container.drop-list-dragging:has(.__group-empty):after{content:\"Drop conditions here\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-primary-surface));z-index:-1;pointer-events:none;min-height:2rem}.__conditions-container.drop-list-receiving{position:relative;min-height:calc(var(--spacing, .25rem) * 12);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);--tw-border-style: dashed;border-style:dashed;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);padding:var(--spacing, .25rem);border-color:rgba(var(--ax-sys-color-primary-300),.5);border-width:1px}.__conditions-container.drop-list-receiving:has(.__group-empty):after{content:\"Drop conditions here\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-primary-surface));z-index:-1;pointer-events:none;min-height:2rem}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{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-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], filterDefinitions: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterDefinitions", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
@@ -5565,23 +5566,96 @@ const AXPMetaDataFormWidget = {
     },
 };
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Source resolve -----
+function asUnknownArray(value) {
+    if (value == null) {
+        return [];
+    }
+    return Array.isArray(value) ? value : [value];
+}
+function sourceRowKey(row) {
+    for (const candidate of [row['pickerKey'], row['name'], row['id'], row['documentTypeId']]) {
+        if (candidate != null && String(candidate).trim()) {
+            return String(candidate);
+        }
+    }
+    return '';
+}
+function findCatalogRow(entry, catalog) {
+    if (entry != null && typeof entry === 'object') {
+        const row = entry;
+        const id = row['id'] ?? row['documentTypeId'];
+        const key = sourceRowKey(row);
+        return catalog.find((item) => (key !== '' && sourceRowKey(item) === key) ||
+            (id != null && item['id'] != null && String(item['id']) === String(id)));
+    }
+    const key = String(entry ?? '');
+    if (!key) {
+        return undefined;
+    }
+    return catalog.find((item) => sourceRowKey(item) === key);
+}
+function resolveMetaDataFormSourceItems(selected, catalog) {
+    const catalogRows = asUnknownArray(catalog).filter((item) => item != null && typeof item === 'object');
+    const resolved = [];
+    for (const entry of asUnknownArray(selected)) {
+        if (entry != null && typeof entry === 'object') {
+            const row = entry;
+            if (row['metaDataList'] != null) {
+                resolved.push(row);
+                continue;
+            }
+            resolved.push(findCatalogRow(row, catalogRows) ?? row);
+            continue;
+        }
+        const match = findCatalogRow(entry, catalogRows);
+        if (match) {
+            resolved.push(match);
+        }
+    }
+    return resolved;
+}
+function collectAppliesToMetaDataList(selected, catalog, appliesTo) {
+    return mergeMetaDataLists(resolveMetaDataFormSourceItems(selected, catalog).map((item) => filterMetaDataListByAppliesTo(item?.metaDataList, appliesTo)));
+}
+//#endregion
+
 class AXPMetaDataFormWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         //#region ----   Inputs   ----
         /**
-         * Groups structure from meta-data-selector or evaluated expression
+         * Groups structure from meta-data-selector, evaluated expression, or a sibling context path
+         * of `{ metaDataList }` rows (for example folder dialog `documentTypes`).
          */
         this.groups = computed(() => {
             const options = this.options();
+            const sourcePath = options['sourcePath'];
+            if (typeof sourcePath === 'string' && sourcePath.trim()) {
+                const appliesTo = resolveMetaDataFieldAppliesTo({ appliesTo: options['appliesTo'] });
+                const selected = this.contextService.getValue(sourcePath);
+                return collectAppliesToMetaDataList(selected, options['sourceCatalog'], appliesTo).groups ?? [];
+            }
             const groupsOption = options['groups'];
             // Handle evaluated expression result (array of groups) or direct groups array
             if (Array.isArray(groupsOption) && groupsOption.length > 0) {
                 return groupsOption;
             }
             return [];
+        }, { ...(ngDevMode ? { debugName: "groups" } : /* istanbul ignore next */ {}), equal: isEqual });
+        this.hideEmpty = computed(() => {
+            const options = this.options();
+            if (options['hideEmpty'] === true) {
+                return true;
+            }
+            if (options['hideEmpty'] === false) {
+                return false;
+            }
+            return typeof options['sourcePath'] === 'string' && !!String(options['sourcePath']).trim();
         }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
+        ...(ngDevMode ? [{ debugName: "hideEmpty" }] : /* istanbul ignore next */ []));
         this.#effect = effect(() => {
             this.groups();
             this.initializeFormDefinition();
@@ -5667,9 +5741,9 @@ class AXPMetaDataFormWidgetEditComponent extends AXPValueWidgetComponent {
      */
     initializeFormDefinition() {
         const groups = this.groups();
-        if (groups.length > 0) {
-            const newFormDefinition = this.convertGroupsToFormDefinition(groups);
-            this.formDefinition.set(newFormDefinition);
+        const nextDefinition = groups.length > 0 ? this.convertGroupsToFormDefinition(groups) : { groups: [] };
+        if (!isEqual(this.formDefinition(), nextDefinition)) {
+            this.formDefinition.set(nextDefinition);
         }
     }
     /**
@@ -5856,7 +5930,7 @@ class AXPMetaDataFormWidgetEditComponent extends AXPValueWidgetComponent {
         (validityChange)="onValidityChange($event)"
       >
       </axp-layout-renderer>
-    } @else {
+    } @else if (!hideEmpty()) {
       <axp-state-message
         icon="fa-light fa-clipboard-list"
         [title]="'@data-management:metadata-definitions.components.meta-data-selector.empty-states.no-metadata-definitions.title'"
@@ -5879,7 +5953,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         (validityChange)="onValidityChange($event)"
       >
       </axp-layout-renderer>
-    } @else {
+    } @else if (!hideEmpty()) {
       <axp-state-message
         icon="fa-light fa-clipboard-list"
         [title]="'@data-management:metadata-definitions.components.meta-data-selector.empty-states.no-metadata-definitions.title'"
@@ -6126,6 +6200,7 @@ function fieldStateToItem(f, index) {
         description: f.description,
         interface: f.interface,
         configuration: f.configuration,
+        appliesTo: f.appliesTo,
         status: f.status,
         isNewlyAdded: f.isNewlyAdded,
     };
@@ -6162,6 +6237,7 @@ function itemToFieldValue(it, idx) {
         ...(description !== undefined ? { description } : {}),
         interface: interfaceStr,
         configuration: it['configuration'],
+        appliesTo: resolveMetaDataFieldAppliesTo(it),
         order: it.order ?? idx,
     };
 }
@@ -6221,6 +6297,8 @@ class AXPMetaDataBuilderGroupsComponent {
         ...(ngDevMode ? [{ debugName: "hideHeaderActions" }] : /* istanbul ignore next */ []));
         this.readonly = computed(() => this.options()['readonly'] === true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.fieldAppliesToEnabled = computed(() => this.options()['fieldAppliesTo'] === true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fieldAppliesToEnabled" }] : /* istanbul ignore next */ []));
         this.previewGroups = computed(() => {
             const meta = builderValueToMetaDataValue(this.builderValue());
             return meta.groups.map((group) => ({
@@ -6289,12 +6367,24 @@ class AXPMetaDataBuilderGroupsComponent {
     }
     mapItemToView(item) {
         const iface = String(item['interface'] ?? '');
+        const badges = [
+            { text: this.getWidgetTitle(iface), variant: 'neutral' },
+        ];
+        if (this.fieldAppliesToEnabled()) {
+            const appliesTo = resolveMetaDataFieldAppliesTo(item);
+            badges.push({
+                text: appliesTo === 'folder'
+                    ? '@data-management:metadata-definitions.components.meta-data-selector.applies-to.badge-folder'
+                    : '@data-management:metadata-definitions.components.meta-data-selector.applies-to.badge-document',
+                variant: appliesTo === 'folder' ? 'accent' : 'success',
+            });
+        }
         return {
             icon: 'fa-light fa-input-text',
             /** Fallback only; {@link AXPSectionItemsBuilderComponent} resolves raw ML on the item in the template. */
             title: '',
             name: String(item['name'] ?? ''),
-            badges: [{ text: this.getWidgetTitle(iface), variant: 'neutral' }],
+            badges,
         };
     }
     parseInterfaceConfig(interfaceValue) {
@@ -6493,6 +6583,7 @@ class AXPMetaDataBuilderGroupsComponent {
             const seededWidget = {
                 ...cloneDeep(currentWidget),
                 name: String(item['name'] ?? ''),
+                appliesTo: resolveMetaDataFieldAppliesTo(item),
                 options: {
                     ...(cloneDeep(currentWidget.options) ?? {}),
                     label: labelSeed,
@@ -6532,11 +6623,15 @@ class AXPMetaDataBuilderGroupsComponent {
             const overriddenTitle = labelAfter !== undefined && labelAfter !== null && !isEffectivelyEmptyLocalizedValue(labelAfter)
                 ? labelAfter
                 : (item['title'] ?? '');
+            const appliesTo = this.fieldAppliesToEnabled()
+                ? resolveMetaDataFieldAppliesTo({ appliesTo: result.values?.appliesTo })
+                : resolveMetaDataFieldAppliesTo(item);
             return {
                 ...item,
                 name: overriddenName,
                 title: overriddenTitle,
                 ...(descKeyPresent ? { description: descriptionAfter } : {}),
+                ...(this.fieldAppliesToEnabled() ? { appliesTo } : {}),
                 interface: JSON.stringify(updatedWidget),
             };
         }
@@ -6603,11 +6698,46 @@ class AXPMetaDataBuilderGroupsComponent {
             },
             visible: true,
         };
-        return [
+        const overrides = [
             { property: nameProperty, tab: { name: 'general' }, group: basicGroup },
             { property: titleProperty, tab: { name: 'general' }, group: basicGroup },
             { property: descriptionProperty, tab: { name: 'general' }, group: basicGroup },
         ];
+        if (!this.fieldAppliesToEnabled()) {
+            return overrides;
+        }
+        const appliesToProperty = {
+            name: 'fieldAppliesTo',
+            title: '@data-management:metadata-definitions.components.meta-data-selector.applies-to.title',
+            group: basicGroup,
+            order: 3,
+            schema: {
+                dataType: 'string',
+                defaultValue: 'document',
+                interface: {
+                    name: 'appliesTo',
+                    path: 'appliesTo',
+                    type: AXPWidgetsCatalog.select,
+                    options: {
+                        valueField: 'id',
+                        textField: 'title',
+                        dataSource: [
+                            {
+                                id: 'document',
+                                title: '@data-management:metadata-definitions.components.meta-data-selector.applies-to.document',
+                            },
+                            {
+                                id: 'folder',
+                                title: '@data-management:metadata-definitions.components.meta-data-selector.applies-to.folder',
+                            },
+                        ],
+                    },
+                },
+            },
+            visible: true,
+        };
+        overrides.push({ property: appliesToProperty, tab: { name: 'general' }, group: basicGroup });
+        return overrides;
     }
     collectItemNames(value, excludeItemId) {
         const names = new Set();
@@ -6818,10 +6948,23 @@ const metaDataBuilderPlugin = {
                     dataType: 'object',
                     interface: {
                         type: 'meta-data-builder-editor',
+                        options: {
+                            fieldAppliesTo: opts.fieldAppliesTo === true,
+                        },
                     },
                 },
             });
         }
+        else if (opts.fieldAppliesTo === true) {
+            const existing = props.find((p) => p.name === field);
+            if (existing?.schema) {
+                existing.schema.interface ??= { type: 'meta-data-builder-editor' };
+                existing.schema.interface.options = {
+                    ...(existing.schema.interface.options ?? {}),
+                    fieldAppliesTo: true,
+                };
+            }
+        }
         // Add builder to single/create/modify views only when section display is enabled
         const selectorColSpan = 12;
         if (showSection) {
@@ -8298,7 +8441,7 @@ class AXMDataManagementModule {
                 useClass: AXMDataManagementWidgetsProvider,
                 multi: true,
             },
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-data-management-client-index-CMxKYDas.mjs').then((m) => m.AXMMetaDataBuilderPageComponentProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-data-management-client-index-C0e7q0jf.mjs').then((m) => m.AXMMetaDataBuilderPageComponentProvider)),
         ], imports: [AXPWidgetCoreModule,
             //
             AXMMetaDataFeatureModule,
@@ -8426,7 +8569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             useClass: AXMDataManagementWidgetsProvider,
                             multi: true,
                         },
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-data-management-client-index-CMxKYDas.mjs').then((m) => m.AXMMetaDataBuilderPageComponentProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-data-management-client-index-C0e7q0jf.mjs').then((m) => m.AXMMetaDataBuilderPageComponentProvider)),
                     ]
                 }]
         }] });