@masterteam/customization 0.0.15 → 0.0.16

package/fesm2022/masterteam-customization.mjs

@@ -8,7 +8,7 @@ import { TextField } from '@masterteam/components/text-field';
 import { ToggleField } from '@masterteam/components/toggle-field';
 import { Button } from '@masterteam/components/button';
 import { Tabs } from '@masterteam/components/tabs';
-import { EntitiesManage } from '@masterteam/components/entities';
+import { buildDisplayEntities, isLeafDetailsSyntheticKey, LEAF_DETAILS_KEY_SEPARATOR, EntitiesManage } from '@masterteam/components/entities';
 import { ModalService } from '@masterteam/components/modal';
 import { Icon } from '@masterteam/icons';
 import { Skeleton } from 'primeng/skeleton';
@@ -25,6 +25,7 @@ const BORDER_VIEW_TYPES = [
     'Currency',
     'Date',
     'DateTime',
+    'LeafDetails',
 ];
 /** ViewTypes that support user-specific toggles */
 const USER_VIEW_TYPES = ['User'];
@@ -38,6 +39,7 @@ const EDITABLE_VIEW_TYPES = [
     'Currency',
     'Date',
     'DateTime',
+    'LeafDetails',
     'Percentage',
     'Status',
     'Checkbox',
@@ -211,30 +213,23 @@ let CustomizationState = class CustomizationState extends CrudStateBase {
     bulkReplaceConfigurations(ctx, action) {
         const state = ctx.getState();
         const contextKey = this.buildContextKey(state);
+        const previousConfigurations = state.configurations;
+        const nextConfigurations = this.toDisplayConfigurations(contextKey, action.items);
         const req$ = this.http.put(`${this.displayConfigUrl}/bulk-replace`, {
             contextKey,
             items: action.items,
         });
+        ctx.patchState({
+            configurations: nextConfigurations,
+        });
         return handleApiRequest({
             ctx,
             key: CustomizationActionKey.BulkReplaceConfigurations,
             request$: req$,
-            onSuccess: () => {
-                // Rebuild configurations from the items payload
-                const newConfigs = [];
-                for (const item of action.items) {
-                    for (const da of item.displayAreas) {
-                        newConfigs.push({
-                            contextKey,
-                            areaKey: da.areaKey,
-                            propertyKey: item.propertyKey,
-                            order: da.order,
-                            configuration: da.configuration,
-                        });
-                    }
-                }
-                return { configurations: newConfigs };
-            },
+            onSuccess: () => undefined,
+            onError: () => ({
+                configurations: previousConfigurations,
+            }),
         });
     }
     // ============================================================================
@@ -250,6 +245,21 @@ let CustomizationState = class CustomizationState extends CrudStateBase {
         }
         return contextParts.join('/');
     }
+    toDisplayConfigurations(contextKey, items) {
+        const configurations = [];
+        for (const item of items) {
+            for (const displayArea of item.displayAreas) {
+                configurations.push({
+                    contextKey,
+                    areaKey: displayArea.areaKey,
+                    propertyKey: item.propertyKey,
+                    order: displayArea.order,
+                    configuration: displayArea.configuration,
+                });
+            }
+        }
+        return configurations;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomizationState, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomizationState });
 };
@@ -402,6 +412,7 @@ class PropertyConfigDrawer {
     // ─── Computed visibility flags ───
     isBorderViewType = computed(() => BORDER_VIEW_TYPES.includes(this.viewType()), ...(ngDevMode ? [{ debugName: "isBorderViewType" }] : /* istanbul ignore next */ []));
     isUserViewType = computed(() => USER_VIEW_TYPES.includes(this.viewType()), ...(ngDevMode ? [{ debugName: "isUserViewType" }] : /* istanbul ignore next */ []));
+    isLeafDetailsViewType = computed(() => this.viewType() === 'LeafDetails', ...(ngDevMode ? [{ debugName: "isLeafDetailsViewType" }] : /* istanbul ignore next */ []));
     /** True when the document direction is RTL */
     isRtl = signal(this.doc.documentElement.getAttribute('dir') === 'rtl', ...(ngDevMode ? [{ debugName: "isRtl" }] : /* istanbul ignore next */ []));
     /** Align-end icon: right in LTR, left in RTL */
@@ -425,19 +436,27 @@ class PropertyConfigDrawer {
             .configurations()
             .find((c) => c.propertyKey === this.propertyKey() && c.areaKey === this.areaKey());
         const existingSize = existingConfig?.configuration?.['size'];
+        const existingLeafLevels = existingConfig?.configuration?.['leafLevels'];
         const configuration = {};
         // Carry over size so drag-resize value is not lost
         if (existingSize != null) {
             configuration['size'] = existingSize;
         }
-        // Keep both keys for backward compatibility while the shared entities
-        // layer now prefers hideLabel.
-        configuration['hideName'] = this.hideNameControl.value ?? false;
-        configuration['hideLabel'] = this.hideNameControl.value ?? false;
+        if (existingLeafLevels != null) {
+            configuration['leafLevels'] = existingLeafLevels;
+        }
+        if (!this.isLeafDetailsViewType()) {
+            // Keep both keys for backward compatibility while the shared entities
+            // layer now prefers hideLabel.
+            configuration['hideName'] = this.hideNameControl.value ?? false;
+            configuration['hideLabel'] = this.hideNameControl.value ?? false;
+        }
         configuration['labelPosition'] = this.labelOnTopControl.value
             ? 'top'
             : 'bottom';
-        configuration['alignEnd'] = this.alignEndControl.value ?? false;
+        if (!this.isLeafDetailsViewType()) {
+            configuration['alignEnd'] = this.alignEndControl.value ?? false;
+        }
         if (this.isBorderViewType()) {
             configuration['showBorder'] = this.showBorderControl.value ?? false;
         }
@@ -487,23 +506,25 @@ class PropertyConfigDrawer {
         this.ref.close(null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PropertyConfigDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: PropertyConfigDrawer, isStandalone: true, selector: "mt-property-config-drawer", inputs: { propertyKey: { classPropertyName: "propertyKey", publicName: "propertyKey", isSignal: true, isRequired: false, transformFunction: null }, propertyName: { classPropertyName: "propertyName", publicName: "propertyName", isSignal: true, isRequired: false, transformFunction: null }, viewType: { classPropertyName: "viewType", publicName: "viewType", isSignal: true, isRequired: false, transformFunction: null }, areaKey: { classPropertyName: "areaKey", publicName: "areaKey", isSignal: true, isRequired: false, transformFunction: null }, currentOrder: { classPropertyName: "currentOrder", publicName: "currentOrder", isSignal: true, isRequired: false, transformFunction: null }, initialConfig: { classPropertyName: "initialConfig", publicName: "initialConfig", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\r\n      <!-- Hide Name Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('hide-name')\"\r\n        icon=\"general.eye-off\"\r\n        [formControl]=\"hideNameControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('label-on-top')\"\r\n        icon=\"layout.align-right-02\"\r\n        [formControl]=\"labelOnTopControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Align End Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('align-end')\"\r\n        [icon]=\"alignEndIcon()\"\r\n        [formControl]=\"alignEndControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\r\n      @if (isBorderViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-border')\"\r\n          icon=\"layout.layout-grid-01\"\r\n          [formControl]=\"showBorderControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- User-specific Toggles -->\r\n      @if (isUserViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-display-name')\"\r\n          icon=\"user.user-circle\"\r\n          [formControl]=\"showDisplayNameControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-phone-number')\"\r\n          icon=\"communication.phone\"\r\n          [formControl]=\"showPhoneNumberControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-email')\"\r\n          icon=\"communication.mail-01\"\r\n          [formControl]=\"showEmailControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"onCancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: PropertyConfigDrawer, isStandalone: true, selector: "mt-property-config-drawer", inputs: { propertyKey: { classPropertyName: "propertyKey", publicName: "propertyKey", isSignal: true, isRequired: false, transformFunction: null }, propertyName: { classPropertyName: "propertyName", publicName: "propertyName", isSignal: true, isRequired: false, transformFunction: null }, viewType: { classPropertyName: "viewType", publicName: "viewType", isSignal: true, isRequired: false, transformFunction: null }, areaKey: { classPropertyName: "areaKey", publicName: "areaKey", isSignal: true, isRequired: false, transformFunction: null }, currentOrder: { classPropertyName: "currentOrder", publicName: "currentOrder", isSignal: true, isRequired: false, transformFunction: null }, initialConfig: { classPropertyName: "initialConfig", publicName: "initialConfig", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\r\n      @if (!isLeafDetailsViewType()) {\r\n        <!-- Hide Name Toggle -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('hide-name')\"\r\n          icon=\"general.eye-off\"\r\n          [formControl]=\"hideNameControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('label-on-top')\"\r\n        icon=\"layout.align-right-02\"\r\n        [formControl]=\"labelOnTopControl\"\r\n      ></mt-toggle-field>\r\n\r\n      @if (!isLeafDetailsViewType()) {\r\n        <!-- Align End Toggle -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('align-end')\"\r\n          [icon]=\"alignEndIcon()\"\r\n          [formControl]=\"alignEndControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\r\n      @if (isBorderViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-border')\"\r\n          icon=\"layout.layout-grid-01\"\r\n          [formControl]=\"showBorderControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- User-specific Toggles -->\r\n      @if (isUserViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-display-name')\"\r\n          icon=\"user.user-circle\"\r\n          [formControl]=\"showDisplayNameControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-phone-number')\"\r\n          icon=\"communication.phone\"\r\n          [formControl]=\"showPhoneNumberControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-email')\"\r\n          icon=\"communication.mail-01\"\r\n          [formControl]=\"showEmailControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"onCancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PropertyConfigDrawer, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-property-config-drawer', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, Button, ToggleField], template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\r\n      <!-- Hide Name Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('hide-name')\"\r\n        icon=\"general.eye-off\"\r\n        [formControl]=\"hideNameControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('label-on-top')\"\r\n        icon=\"layout.align-right-02\"\r\n        [formControl]=\"labelOnTopControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Align End Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('align-end')\"\r\n        [icon]=\"alignEndIcon()\"\r\n        [formControl]=\"alignEndControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\r\n      @if (isBorderViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-border')\"\r\n          icon=\"layout.layout-grid-01\"\r\n          [formControl]=\"showBorderControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- User-specific Toggles -->\r\n      @if (isUserViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-display-name')\"\r\n          icon=\"user.user-circle\"\r\n          [formControl]=\"showDisplayNameControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-phone-number')\"\r\n          icon=\"communication.phone\"\r\n          [formControl]=\"showPhoneNumberControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-email')\"\r\n          icon=\"communication.mail-01\"\r\n          [formControl]=\"showEmailControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"onCancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n" }]
+            args: [{ selector: 'mt-property-config-drawer', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, Button, ToggleField], template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\r\n      @if (!isLeafDetailsViewType()) {\r\n        <!-- Hide Name Toggle -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('hide-name')\"\r\n          icon=\"general.eye-off\"\r\n          [formControl]=\"hideNameControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('label-on-top')\"\r\n        icon=\"layout.align-right-02\"\r\n        [formControl]=\"labelOnTopControl\"\r\n      ></mt-toggle-field>\r\n\r\n      @if (!isLeafDetailsViewType()) {\r\n        <!-- Align End Toggle -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('align-end')\"\r\n          [icon]=\"alignEndIcon()\"\r\n          [formControl]=\"alignEndControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\r\n      @if (isBorderViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-border')\"\r\n          icon=\"layout.layout-grid-01\"\r\n          [formControl]=\"showBorderControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- User-specific Toggles -->\r\n      @if (isUserViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-display-name')\"\r\n          icon=\"user.user-circle\"\r\n          [formControl]=\"showDisplayNameControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-phone-number')\"\r\n          icon=\"communication.phone\"\r\n          [formControl]=\"showPhoneNumberControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-email')\"\r\n          icon=\"communication.mail-01\"\r\n          [formControl]=\"showEmailControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"onCancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { propertyKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyKey", required: false }] }], propertyName: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyName", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: false }] }], areaKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "areaKey", required: false }] }], currentOrder: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentOrder", required: false }] }], initialConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialConfig", required: false }] }] } });
 
 class LeafDetailsSelector {
     property = input.required(...(ngDevMode ? [{ debugName: "property" }] : /* istanbul ignore next */ []));
     leafLevels = input({}, ...(ngDevMode ? [{ debugName: "leafLevels" }] : /* istanbul ignore next */ []));
+    showEditAction = input(false, ...(ngDevMode ? [{ debugName: "showEditAction" }] : /* istanbul ignore next */ []));
     configChange = output();
+    editRequested = output();
     levels = computed(() => this.property().configuration ?? [], ...(ngDevMode ? [{ debugName: "levels" }] : /* istanbul ignore next */ []));
     isLevelEnabled(levelId) {
         return this.leafLevels()[String(levelId)] != null;
     }
     isStatusSelected(levelId, statusKey) {
-        return this.leafLevels()[String(levelId)]?.selectedStatuses.includes(statusKey) ?? false;
+        return (this.leafLevels()[String(levelId)]?.selectedStatuses.includes(statusKey) ?? false);
     }
     /** Section toggle — show or hide the entire level in the preview */
     toggleLevel(levelId, enabled) {
@@ -535,16 +556,17 @@ class LeafDetailsSelector {
         };
         this.configChange.emit(current);
     }
+    onEditClick() {
+        this.editRequested.emit();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LeafDetailsSelector, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LeafDetailsSelector, isStandalone: true, selector: "mt-leaf-details-selector", inputs: { property: { classPropertyName: "property", publicName: "property", isSignal: true, isRequired: true, transformFunction: null }, leafLevels: { classPropertyName: "leafLevels", publicName: "leafLevels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { configChange: "configChange" }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\n  <div class=\"space-y-2 pt-1\">\n\n    <p class=\"text-sm font-semibold text-color px-1\">\n      {{ t('leaf-details-target-statuses') }}\n    </p>\n\n    @for (level of levels(); track $index) {\n      <div class=\"rounded-lg border border-surface-200 overflow-hidden\">\n\n        <!-- Level header: icon + name | section toggle (show/hide this level) -->\n        <div class=\"flex items-center gap-2 px-3 py-2.5\">\n          <mt-icon [name]=\"level.levelIcon\" size=\"xs\" class=\"text-color-secondary shrink-0\" />\n          <span class=\"flex-1 text-sm font-medium truncate\">{{ level.levelName }}</span>\n          <mt-toggle-field\n            [ngModel]=\"isLevelEnabled(level.levelId)\"\n            (ngModelChange)=\"toggleLevel(level.levelId, $event)\"\n            size=\"small\"\n            class=\"shrink-0\"\n          />\n        </div>\n\n        <!-- Status rows: each toggle shows/hides that status badge in the preview -->\n        @if (isLevelEnabled(level.levelId)) {\n          <div class=\"border-t border-surface-200 divide-y divide-surface-100\">\n            @for (status of level.statuses; track $index) {\n              <div class=\"flex items-center gap-2.5 px-3 py-2\">\n                <span\n                  class=\"w-2.5 h-2.5 rounded-full shrink-0 border border-black/10\"\n                  [style.background-color]=\"status.color ?? '#9CA3AF'\"\n                ></span>\n                <span class=\"text-sm flex-1 truncate\">{{ status.display }}</span>\n                <mt-toggle-field\n                  [ngModel]=\"isStatusSelected(level.levelId, status.key)\"\n                  (ngModelChange)=\"toggleStatus(level.levelId, status.key)\"\n                  size=\"small\"\n                  class=\"shrink-0\"\n                />\n              </div>\n            }\n          </div>\n        }\n\n      </div>\n    }\n  </div>\n</ng-container>\n", dependencies: [{ 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: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LeafDetailsSelector, isStandalone: true, selector: "mt-leaf-details-selector", inputs: { property: { classPropertyName: "property", publicName: "property", isSignal: true, isRequired: true, transformFunction: null }, leafLevels: { classPropertyName: "leafLevels", publicName: "leafLevels", isSignal: true, isRequired: false, transformFunction: null }, showEditAction: { classPropertyName: "showEditAction", publicName: "showEditAction", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { configChange: "configChange", editRequested: "editRequested" }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div class=\"space-y-2 pt-1\">\r\n    <div class=\"flex items-center gap-1 px-1\">\r\n      <p class=\"text-sm font-semibold text-color\">\r\n        {{ t(\"leaf-details-target-statuses\") }}\r\n      </p>\r\n      @if (showEditAction()) {\r\n        <mt-button\r\n          icon=\"editor.pencil-01\"\r\n          variant=\"text\"\r\n          severity=\"primary\"\r\n          (onClick)=\"onEditClick()\"\r\n        />\r\n      }\r\n    </div>\r\n\r\n    @for (level of levels(); track $index) {\r\n      <div class=\"rounded-lg border border-surface-200 overflow-hidden\">\r\n        <!-- Level header: icon + name | section toggle (show/hide this level) -->\r\n        <div class=\"flex items-center gap-2 px-3 py-2.5\">\r\n          <mt-icon\r\n            [icon]=\"level.levelIcon\"\r\n            size=\"xs\"\r\n            class=\"text-color-secondary shrink-0\"\r\n          />\r\n          <span class=\"flex-1 text-sm font-medium truncate\">{{\r\n            level.levelName\r\n          }}</span>\r\n          <mt-toggle-field\r\n            [ngModel]=\"isLevelEnabled(level.levelId)\"\r\n            (ngModelChange)=\"toggleLevel(level.levelId, $event)\"\r\n            size=\"small\"\r\n            class=\"shrink-0\"\r\n          />\r\n        </div>\r\n\r\n        <!-- Status rows: each toggle shows/hides that status badge in the preview -->\r\n        @if (isLevelEnabled(level.levelId)) {\r\n          <div class=\"border-t border-surface-200 divide-y divide-surface-100\">\r\n            @for (status of level.statuses; track $index) {\r\n              <div class=\"flex items-center gap-2.5 px-3 py-2\">\r\n                <span\r\n                  class=\"w-2.5 h-2.5 rounded-full shrink-0 border border-black/10\"\r\n                  [style.background-color]=\"status.color ?? '#9CA3AF'\"\r\n                ></span>\r\n                <span class=\"text-sm flex-1 truncate\">{{\r\n                  status.display\r\n                }}</span>\r\n                <mt-toggle-field\r\n                  [ngModel]=\"isStatusSelected(level.levelId, status.key)\"\r\n                  (ngModelChange)=\"toggleStatus(level.levelId, status.key)\"\r\n                  size=\"small\"\r\n                  class=\"shrink-0\"\r\n                />\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ 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: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LeafDetailsSelector, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-leaf-details-selector', standalone: true, imports: [FormsModule, TranslocoDirective, Icon, ToggleField], template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\n  <div class=\"space-y-2 pt-1\">\n\n    <p class=\"text-sm font-semibold text-color px-1\">\n      {{ t('leaf-details-target-statuses') }}\n    </p>\n\n    @for (level of levels(); track $index) {\n      <div class=\"rounded-lg border border-surface-200 overflow-hidden\">\n\n        <!-- Level header: icon + name | section toggle (show/hide this level) -->\n        <div class=\"flex items-center gap-2 px-3 py-2.5\">\n          <mt-icon [name]=\"level.levelIcon\" size=\"xs\" class=\"text-color-secondary shrink-0\" />\n          <span class=\"flex-1 text-sm font-medium truncate\">{{ level.levelName }}</span>\n          <mt-toggle-field\n            [ngModel]=\"isLevelEnabled(level.levelId)\"\n            (ngModelChange)=\"toggleLevel(level.levelId, $event)\"\n            size=\"small\"\n            class=\"shrink-0\"\n          />\n        </div>\n\n        <!-- Status rows: each toggle shows/hides that status badge in the preview -->\n        @if (isLevelEnabled(level.levelId)) {\n          <div class=\"border-t border-surface-200 divide-y divide-surface-100\">\n            @for (status of level.statuses; track $index) {\n              <div class=\"flex items-center gap-2.5 px-3 py-2\">\n                <span\n                  class=\"w-2.5 h-2.5 rounded-full shrink-0 border border-black/10\"\n                  [style.background-color]=\"status.color ?? '#9CA3AF'\"\n                ></span>\n                <span class=\"text-sm flex-1 truncate\">{{ status.display }}</span>\n                <mt-toggle-field\n                  [ngModel]=\"isStatusSelected(level.levelId, status.key)\"\n                  (ngModelChange)=\"toggleStatus(level.levelId, status.key)\"\n                  size=\"small\"\n                  class=\"shrink-0\"\n                />\n              </div>\n            }\n          </div>\n        }\n\n      </div>\n    }\n  </div>\n</ng-container>\n" }]
-        }], propDecorators: { property: [{ type: i0.Input, args: [{ isSignal: true, alias: "property", required: true }] }], leafLevels: [{ type: i0.Input, args: [{ isSignal: true, alias: "leafLevels", required: false }] }], configChange: [{ type: i0.Output, args: ["configChange"] }] } });
+            args: [{ selector: 'mt-leaf-details-selector', standalone: true, imports: [FormsModule, TranslocoDirective, Icon, ToggleField, Button], template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div class=\"space-y-2 pt-1\">\r\n    <div class=\"flex items-center gap-1 px-1\">\r\n      <p class=\"text-sm font-semibold text-color\">\r\n        {{ t(\"leaf-details-target-statuses\") }}\r\n      </p>\r\n      @if (showEditAction()) {\r\n        <mt-button\r\n          icon=\"editor.pencil-01\"\r\n          variant=\"text\"\r\n          severity=\"primary\"\r\n          (onClick)=\"onEditClick()\"\r\n        />\r\n      }\r\n    </div>\r\n\r\n    @for (level of levels(); track $index) {\r\n      <div class=\"rounded-lg border border-surface-200 overflow-hidden\">\r\n        <!-- Level header: icon + name | section toggle (show/hide this level) -->\r\n        <div class=\"flex items-center gap-2 px-3 py-2.5\">\r\n          <mt-icon\r\n            [icon]=\"level.levelIcon\"\r\n            size=\"xs\"\r\n            class=\"text-color-secondary shrink-0\"\r\n          />\r\n          <span class=\"flex-1 text-sm font-medium truncate\">{{\r\n            level.levelName\r\n          }}</span>\r\n          <mt-toggle-field\r\n            [ngModel]=\"isLevelEnabled(level.levelId)\"\r\n            (ngModelChange)=\"toggleLevel(level.levelId, $event)\"\r\n            size=\"small\"\r\n            class=\"shrink-0\"\r\n          />\r\n        </div>\r\n\r\n        <!-- Status rows: each toggle shows/hides that status badge in the preview -->\r\n        @if (isLevelEnabled(level.levelId)) {\r\n          <div class=\"border-t border-surface-200 divide-y divide-surface-100\">\r\n            @for (status of level.statuses; track $index) {\r\n              <div class=\"flex items-center gap-2.5 px-3 py-2\">\r\n                <span\r\n                  class=\"w-2.5 h-2.5 rounded-full shrink-0 border border-black/10\"\r\n                  [style.background-color]=\"status.color ?? '#9CA3AF'\"\r\n                ></span>\r\n                <span class=\"text-sm flex-1 truncate\">{{\r\n                  status.display\r\n                }}</span>\r\n                <mt-toggle-field\r\n                  [ngModel]=\"isStatusSelected(level.levelId, status.key)\"\r\n                  (ngModelChange)=\"toggleStatus(level.levelId, status.key)\"\r\n                  size=\"small\"\r\n                  class=\"shrink-0\"\r\n                />\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-container>\r\n" }]
+        }], propDecorators: { property: [{ type: i0.Input, args: [{ isSignal: true, alias: "property", required: true }] }], leafLevels: [{ type: i0.Input, args: [{ isSignal: true, alias: "leafLevels", required: false }] }], showEditAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEditAction", required: false }] }], configChange: [{ type: i0.Output, args: ["configChange"] }], editRequested: [{ type: i0.Output, args: ["editRequested"] }] } });
 
-/** Separator used to build synthetic entity keys for LeafDetails sub-entities */
-const LEAF_DETAILS_SEP = '::leaflevel::';
 class Customization {
     facade = inject(CustomizationFacade);
     modalService = inject(ModalService);
@@ -612,7 +634,9 @@ class Customization {
             if (config.areaKey !== area)
                 continue;
             const leafLevels = config.configuration?.['leafLevels'];
-            if (leafLevels && typeof leafLevels === 'object' && !Array.isArray(leafLevels)) {
+            if (leafLevels &&
+                typeof leafLevels === 'object' &&
+                !Array.isArray(leafLevels)) {
                 result[config.propertyKey] = leafLevels;
             }
         }
@@ -638,19 +662,7 @@ class Customization {
                 return;
             }
             const areaConfigs = configs.filter((c) => c.areaKey === area);
-            const all = areaConfigs.flatMap((config) => this.buildEntitiesFromConfig(config, props));
-            // Regular entities come first, LeafDetails always last.
-            // Orders are reassigned sequentially so EntitiesManage's internal sort stays consistent.
-            const regular = all
-                .filter((e) => !e.key?.includes(LEAF_DETAILS_SEP))
-                .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-            const leafEntities = all
-                .filter((e) => e.key?.includes(LEAF_DETAILS_SEP))
-                .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-            const entities = [
-                ...regular.map((e, i) => ({ ...e, order: i + 1 })),
-                ...leafEntities.map((e, i) => ({ ...e, order: regular.length + i + 1 })),
-            ];
+            const entities = buildDisplayEntities(areaConfigs.flatMap((config) => this.buildEntitiesFromConfig(config, props)));
             this.previewEntities.set(entities);
         });
     }
@@ -682,18 +694,19 @@ class Customization {
     }
     onEntityClicked(entity) {
         // LeafDetails sub-entities are configured inline — not via drawer
-        if (entity.key?.includes(LEAF_DETAILS_SEP))
-            return;
         const area = this.activeArea();
         if (!area || !entity.key)
             return;
-        if (!this.editableViewTypes.has(entity.viewType))
-            return;
-        const prop = this.properties().find((p) => p.key === entity.key);
+        const propertyKey = isLeafDetailsSyntheticKey(entity.key)
+            ? entity.key.split(LEAF_DETAILS_KEY_SEPARATOR)[0]
+            : entity.key;
+        const prop = this.properties().find((p) => p.key === propertyKey);
         if (!prop)
             return;
+        if (!this.editableViewTypes.has(prop.viewType))
+            return;
         const configs = this.validConfigurations();
-        const existingConfig = configs.find((c) => c.areaKey === area && c.propertyKey === entity.key);
+        const existingConfig = configs.find((c) => c.areaKey === area && c.propertyKey === propertyKey);
         this.openDrawer(prop, {
             currentOrder: existingConfig?.order,
             configuration: existingConfig?.configuration,
@@ -705,8 +718,8 @@ class Customization {
             return;
         const configs = this.validConfigurations();
         // ── LeafDetails sub-entity resize ──
-        if (event.entity.key?.includes(LEAF_DETAILS_SEP)) {
-            const [propKey, levelId] = event.entity.key.split(LEAF_DETAILS_SEP);
+        if (isLeafDetailsSyntheticKey(event.entity.key)) {
+            const [propKey, levelId] = event.entity.key.split(LEAF_DETAILS_KEY_SEPARATOR);
             const existingConfig = configs.find((c) => c.areaKey === area && c.propertyKey === propKey);
             const leafLevels = {
                 ...(existingConfig?.configuration?.['leafLevels'] ?? {}),
@@ -717,14 +730,18 @@ class Customization {
             const updatedConfigs = configs.map((c) => c.areaKey === area && c.propertyKey === propKey
                 ? { ...c, configuration: { ...c.configuration, leafLevels } }
                 : c);
-            this.facade.bulkReplaceConfigurations(this.groupConfigsByProperty(updatedConfigs)).subscribe();
+            this.facade
+                .bulkReplaceConfigurations(this.groupConfigsByProperty(updatedConfigs))
+                .subscribe();
             return;
         }
         // ── Regular entity resize ──
         const updatedConfigs = configs.map((c) => c.areaKey === area && c.propertyKey === event.entity.key
             ? { ...c, configuration: { ...c.configuration, size: event.newSize } }
             : c);
-        this.facade.bulkReplaceConfigurations(this.groupConfigsByProperty(updatedConfigs)).subscribe();
+        this.facade
+            .bulkReplaceConfigurations(this.groupConfigsByProperty(updatedConfigs))
+            .subscribe();
     }
     onEntitiesReordered(entities) {
         const area = this.activeArea();
@@ -732,8 +749,8 @@ class Customization {
             return;
         const configs = this.validConfigurations();
         // Separate regular entities from LeafDetails sub-entities
-        const regularEntities = entities.filter((e) => !e.key?.includes(LEAF_DETAILS_SEP));
-        const leafEntities = entities.filter((e) => e.key?.includes(LEAF_DETAILS_SEP));
+        const regularEntities = entities.filter((e) => !isLeafDetailsSyntheticKey(e.key));
+        const leafEntities = entities.filter((e) => isLeafDetailsSyntheticKey(e.key));
         // Regular entities → BulkReplaceItems
         const regularItems = regularEntities.map((entity) => {
             const existingConfig = configs.find((c) => c.areaKey === area && c.propertyKey === entity.key);
@@ -751,7 +768,7 @@ class Customization {
         // Leaf entities → group by parent propertyKey, update per-level order
         const leafByProp = new Map();
         for (const entity of leafEntities) {
-            const [propKey, levelId] = entity.key.split(LEAF_DETAILS_SEP);
+            const [propKey, levelId] = entity.key.split(LEAF_DETAILS_KEY_SEPARATOR);
             if (!leafByProp.has(propKey))
                 leafByProp.set(propKey, []);
             leafByProp.get(propKey).push({ levelId, order: entity.order });
@@ -796,7 +813,8 @@ class Customization {
         const configs = this.validConfigurations();
         const existingConfig = configs.find((c) => c.areaKey === area && c.propertyKey === prop.key);
         // Ensure every level has an order assigned
-        let nextOrder = configs.filter((c) => c.areaKey === area && c.propertyKey !== prop.key).length + 1;
+        let nextOrder = configs.filter((c) => c.areaKey === area && c.propertyKey !== prop.key)
+            .length + 1;
         const normalizedLevels = {};
         for (const [levelId, levelCfg] of Object.entries(leafLevels)) {
             normalizedLevels[levelId] = levelCfg.order
@@ -817,11 +835,16 @@ class Customization {
                 {
                     areaKey: area,
                     order: existingConfig?.order ?? minOrder,
-                    configuration: { leafLevels: normalizedLevels },
+                    configuration: {
+                        ...existingConfig?.configuration,
+                        leafLevels: normalizedLevels,
+                    },
                 },
             ],
         };
-        this.facade.bulkReplaceConfigurations(this.mergeItems([newItem], otherItems)).subscribe();
+        this.facade
+            .bulkReplaceConfigurations(this.mergeItems([newItem], otherItems))
+            .subscribe();
     }
     // ── Private helpers ──
     /**
@@ -838,39 +861,38 @@ class Customization {
         const entity = this.buildEntityFromConfig(config, props);
         return entity ? [entity] : [];
     }
-    /** Builds one EntityData per enabled level from a LeafDetails display config. */
+    /** Builds the shared LeafDetails entity that preview/manage will expand. */
     buildLeafDetailsEntities(config, prop) {
         const levels = prop.configuration ?? [];
         const leafLevels = config.configuration?.['leafLevels'];
         if (!leafLevels)
             return [];
-        const result = [];
-        for (const level of levels) {
-            const levelCfg = leafLevels[String(level.levelId)];
-            if (!levelCfg)
-                continue;
-            const selectedKeys = new Set(levelCfg.selectedStatuses);
-            const value = {
-                levelId: level.levelId,
-                levelName: level.levelName,
-                levelIcon: level.levelIcon,
-                statuses: level.statuses
-                    .filter((s) => selectedKeys.has(s.key))
-                    .map((s) => ({ key: s.key, display: s.display, color: s.color, count: 0 })),
-            };
-            result.push({
+        return [
+            {
                 id: prop.id,
                 propertyId: prop.id,
-                key: `${prop.key}${LEAF_DETAILS_SEP}${level.levelId}`,
-                name: level.levelName,
-                // Cast needed until entities package is rebuilt with LeafDetailsEntityValue in the union
-                value: value,
+                key: prop.key,
+                name: this.getPropertyDisplayName(prop),
+                propertyConfiguration: prop.configuration,
+                value: levels.map((level) => ({
+                    levelId: level.levelId,
+                    levelName: level.levelName,
+                    levelIcon: level.levelIcon,
+                    statuses: level.statuses.map((status) => ({
+                        key: status.key,
+                        display: status.display,
+                        color: status.color,
+                        count: 0,
+                    })),
+                })),
                 viewType: 'LeafDetails',
-                order: levelCfg.order,
-                configuration: levelCfg.size ? { size: levelCfg.size } : undefined,
-            });
-        }
-        return result;
+                order: config.order,
+                configuration: {
+                    ...config.configuration,
+                    leafLevels,
+                },
+            },
+        ];
     }
     activateProperty(prop, openConfigAfterSave = false) {
         const area = this.activeArea();
@@ -902,7 +924,9 @@ class Customization {
         }
         if (!itemsMap.has(prop.key))
             itemsMap.set(prop.key, []);
-        itemsMap.get(prop.key).push({ areaKey: area, order: nextOrder, configuration });
+        itemsMap
+            .get(prop.key)
+            .push({ areaKey: area, order: nextOrder, configuration });
         const items = Array.from(itemsMap.entries()).map(([propertyKey, displayAreas]) => ({ propertyKey, displayAreas }));
         this.facade.bulkReplaceConfigurations(items).subscribe({
             next: () => {
@@ -1005,6 +1029,7 @@ class Customization {
             rawValue: this.getPlaceholderRawValue(viewType, displayName),
             viewType,
             order: config.order,
+            propertyConfiguration: prop.configuration,
             configuration: config.configuration,
         };
     }
@@ -1065,7 +1090,7 @@ class Customization {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Customization, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Customization, isStandalone: true, selector: "mt-customization", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- \u2500\u2500\u2500 Left Sidebar: Attributes Panel \u2500\u2500\u2500 -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              @if (prop.viewType === 'LeafDetails') {\r\n                <!-- \u2500\u2500 LeafDetails: always first, title is \"Target Statuses\" inside the selector \u2500\u2500 -->\r\n                <div class=\"rounded-lg border border-gray-300 border-dashed px-4 py-3\">\r\n                  <mt-leaf-details-selector\r\n                    [property]=\"prop\"\r\n                    [leafLevels]=\"leafConfigsByProp()[prop.key] ?? {}\"\r\n                    (configChange)=\"onLeafConfigChange(prop, $event)\"\r\n                  />\r\n                </div>\r\n              } @else {\r\n                <!-- \u2500\u2500 Normal property toggle row \u2500\u2500 -->\r\n                <div\r\n                  class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n                >\r\n                  <!-- Property Name -->\r\n                  <div class=\"flex-1 min-w-0 py-4\">\r\n                    <span\r\n                      class=\"text-sm font-medium truncate block\"\r\n                      [class.text-primary]=\"prop.enabled\"\r\n                    >\r\n                      {{ prop.name?.display }}\r\n                    </span>\r\n                  </div>\r\n\r\n                  <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                  @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                    <mt-button\r\n                      icon=\"editor.pencil-01\"\r\n                      variant=\"text\"\r\n                      severity=\"primary\"\r\n                      (onClick)=\"onEditProperty(prop)\"\r\n                    />\r\n                  }\r\n\r\n                  <!-- Toggle -->\r\n                  <mt-toggle-field\r\n                    [ngModel]=\"prop.enabled\"\r\n                    (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                    class=\"shrink-0\"\r\n                    size=\"small\"\r\n                  ></mt-toggle-field>\r\n                </div>\r\n              }\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- \u2500\u2500\u2500 Main Area: Preview \u2500\u2500\u2500 -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-130 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-5 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                  (entityClicked)=\"onEntityClicked($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex flex-col items-center justify-center h-full text-muted-color gap-3 text-center px-4\"\r\n                >\r\n                  <mt-icon\r\n                    name=\"general.eye-off\"\r\n                    size=\"xl\"\r\n                    class=\"opacity-40\"\r\n                  />\r\n                  <p class=\"text-sm font-medium\">{{ t(\"no-preview-items\") }}</p>\r\n                  <p class=\"text-xs\">{{ t(\"no-preview-items-hint\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:block;height:100%;width:100%;min-height:0;min-width:0}\n"], dependencies: [{ 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: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: EntitiesManage, selector: "mt-entities-manage", inputs: ["entities"], outputs: ["entitiesChange", "entitiesReordered", "entityClicked"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: LeafDetailsSelector, selector: "mt-leaf-details-selector", inputs: ["property", "leafLevels"], outputs: ["configChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Customization, isStandalone: true, selector: "mt-customization", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- \u2500\u2500\u2500 Left Sidebar: Attributes Panel \u2500\u2500\u2500 -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              @if (prop.viewType === \"LeafDetails\") {\r\n                <!-- \u2500\u2500 LeafDetails: always first, title is \"Target Statuses\" inside the selector \u2500\u2500 -->\r\n                <div\r\n                  class=\"rounded-lg border border-gray-300 border-dashed px-4 py-3\"\r\n                >\r\n                  <mt-leaf-details-selector\r\n                    [property]=\"prop\"\r\n                    [leafLevels]=\"leafConfigsByProp()[prop.key] ?? {}\"\r\n                    [showEditAction]=\"prop.enabled && editableViewTypes.has(prop.viewType)\"\r\n                    (configChange)=\"onLeafConfigChange(prop, $event)\"\r\n                    (editRequested)=\"onEditProperty(prop)\"\r\n                  />\r\n                </div>\r\n              } @else {\r\n                <!-- \u2500\u2500 Normal property toggle row \u2500\u2500 -->\r\n                <div\r\n                  class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n                >\r\n                  <!-- Property Name -->\r\n                  <div class=\"flex-1 min-w-0 py-4\">\r\n                    <span\r\n                      class=\"text-sm font-medium truncate block\"\r\n                      [class.text-primary]=\"prop.enabled\"\r\n                    >\r\n                      {{ prop.name?.display }}\r\n                    </span>\r\n                  </div>\r\n\r\n                  <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                  @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                    <mt-button\r\n                      icon=\"editor.pencil-01\"\r\n                      variant=\"text\"\r\n                      severity=\"primary\"\r\n                      (onClick)=\"onEditProperty(prop)\"\r\n                    />\r\n                  }\r\n\r\n                  <!-- Toggle -->\r\n                  <mt-toggle-field\r\n                    [ngModel]=\"prop.enabled\"\r\n                    (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                    class=\"shrink-0\"\r\n                    size=\"small\"\r\n                  ></mt-toggle-field>\r\n                </div>\r\n              }\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- \u2500\u2500\u2500 Main Area: Preview \u2500\u2500\u2500 -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-130 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-5 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                  (entityClicked)=\"onEntityClicked($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex flex-col items-center justify-center h-full text-muted-color gap-3 text-center px-4\"\r\n                >\r\n                  <mt-icon\r\n                    name=\"general.eye-off\"\r\n                    size=\"xl\"\r\n                    class=\"opacity-40\"\r\n                  />\r\n                  <p class=\"text-sm font-medium\">{{ t(\"no-preview-items\") }}</p>\r\n                  <p class=\"text-xs\">{{ t(\"no-preview-items-hint\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:block;height:100%;width:100%;min-height:0;min-width:0}\n"], dependencies: [{ 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: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: EntitiesManage, selector: "mt-entities-manage", inputs: ["entities"], outputs: ["entitiesChange", "entitiesReordered", "entityClicked"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: LeafDetailsSelector, selector: "mt-leaf-details-selector", inputs: ["property", "leafLevels", "showEditAction"], outputs: ["configChange", "editRequested"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Customization, decorators: [{
             type: Component,
@@ -1081,7 +1106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         EntitiesManage,
                         Icon,
                         LeafDetailsSelector,
-                    ], template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- \u2500\u2500\u2500 Left Sidebar: Attributes Panel \u2500\u2500\u2500 -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              @if (prop.viewType === 'LeafDetails') {\r\n                <!-- \u2500\u2500 LeafDetails: always first, title is \"Target Statuses\" inside the selector \u2500\u2500 -->\r\n                <div class=\"rounded-lg border border-gray-300 border-dashed px-4 py-3\">\r\n                  <mt-leaf-details-selector\r\n                    [property]=\"prop\"\r\n                    [leafLevels]=\"leafConfigsByProp()[prop.key] ?? {}\"\r\n                    (configChange)=\"onLeafConfigChange(prop, $event)\"\r\n                  />\r\n                </div>\r\n              } @else {\r\n                <!-- \u2500\u2500 Normal property toggle row \u2500\u2500 -->\r\n                <div\r\n                  class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n                >\r\n                  <!-- Property Name -->\r\n                  <div class=\"flex-1 min-w-0 py-4\">\r\n                    <span\r\n                      class=\"text-sm font-medium truncate block\"\r\n                      [class.text-primary]=\"prop.enabled\"\r\n                    >\r\n                      {{ prop.name?.display }}\r\n                    </span>\r\n                  </div>\r\n\r\n                  <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                  @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                    <mt-button\r\n                      icon=\"editor.pencil-01\"\r\n                      variant=\"text\"\r\n                      severity=\"primary\"\r\n                      (onClick)=\"onEditProperty(prop)\"\r\n                    />\r\n                  }\r\n\r\n                  <!-- Toggle -->\r\n                  <mt-toggle-field\r\n                    [ngModel]=\"prop.enabled\"\r\n                    (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                    class=\"shrink-0\"\r\n                    size=\"small\"\r\n                  ></mt-toggle-field>\r\n                </div>\r\n              }\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- \u2500\u2500\u2500 Main Area: Preview \u2500\u2500\u2500 -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-130 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-5 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                  (entityClicked)=\"onEntityClicked($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex flex-col items-center justify-center h-full text-muted-color gap-3 text-center px-4\"\r\n                >\r\n                  <mt-icon\r\n                    name=\"general.eye-off\"\r\n                    size=\"xl\"\r\n                    class=\"opacity-40\"\r\n                  />\r\n                  <p class=\"text-sm font-medium\">{{ t(\"no-preview-items\") }}</p>\r\n                  <p class=\"text-xs\">{{ t(\"no-preview-items-hint\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:block;height:100%;width:100%;min-height:0;min-width:0}\n"] }]
+                    ], template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- \u2500\u2500\u2500 Left Sidebar: Attributes Panel \u2500\u2500\u2500 -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              @if (prop.viewType === \"LeafDetails\") {\r\n                <!-- \u2500\u2500 LeafDetails: always first, title is \"Target Statuses\" inside the selector \u2500\u2500 -->\r\n                <div\r\n                  class=\"rounded-lg border border-gray-300 border-dashed px-4 py-3\"\r\n                >\r\n                  <mt-leaf-details-selector\r\n                    [property]=\"prop\"\r\n                    [leafLevels]=\"leafConfigsByProp()[prop.key] ?? {}\"\r\n                    [showEditAction]=\"prop.enabled && editableViewTypes.has(prop.viewType)\"\r\n                    (configChange)=\"onLeafConfigChange(prop, $event)\"\r\n                    (editRequested)=\"onEditProperty(prop)\"\r\n                  />\r\n                </div>\r\n              } @else {\r\n                <!-- \u2500\u2500 Normal property toggle row \u2500\u2500 -->\r\n                <div\r\n                  class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n                >\r\n                  <!-- Property Name -->\r\n                  <div class=\"flex-1 min-w-0 py-4\">\r\n                    <span\r\n                      class=\"text-sm font-medium truncate block\"\r\n                      [class.text-primary]=\"prop.enabled\"\r\n                    >\r\n                      {{ prop.name?.display }}\r\n                    </span>\r\n                  </div>\r\n\r\n                  <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                  @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                    <mt-button\r\n                      icon=\"editor.pencil-01\"\r\n                      variant=\"text\"\r\n                      severity=\"primary\"\r\n                      (onClick)=\"onEditProperty(prop)\"\r\n                    />\r\n                  }\r\n\r\n                  <!-- Toggle -->\r\n                  <mt-toggle-field\r\n                    [ngModel]=\"prop.enabled\"\r\n                    (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                    class=\"shrink-0\"\r\n                    size=\"small\"\r\n                  ></mt-toggle-field>\r\n                </div>\r\n              }\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- \u2500\u2500\u2500 Main Area: Preview \u2500\u2500\u2500 -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-130 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-5 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                  (entityClicked)=\"onEntityClicked($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex flex-col items-center justify-center h-full text-muted-color gap-3 text-center px-4\"\r\n                >\r\n                  <mt-icon\r\n                    name=\"general.eye-off\"\r\n                    size=\"xl\"\r\n                    class=\"opacity-40\"\r\n                  />\r\n                  <p class=\"text-sm font-medium\">{{ t(\"no-preview-items\") }}</p>\r\n                  <p class=\"text-xs\">{{ t(\"no-preview-items-hint\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:block;height:100%;width:100%;min-height:0;min-width:0}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/masterteam-customization.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-customization.mjs","sources":["../../../../packages/masterteam/customization/src/lib/customization.model.ts","../../../../packages/masterteam/customization/src/store/customization/customization.actions.ts","../../../../packages/masterteam/customization/src/store/customization/customization.model.ts","../../../../packages/masterteam/customization/src/store/customization/customization.state.ts","../../../../packages/masterteam/customization/src/store/customization/customization.facade.ts","../../../../packages/masterteam/customization/src/lib/property-config-drawer/property-config-drawer.ts","../../../../packages/masterteam/customization/src/lib/property-config-drawer/property-config-drawer.html","../../../../packages/masterteam/customization/src/lib/leaf-details-selector/leaf-details-selector.ts","../../../../packages/masterteam/customization/src/lib/leaf-details-selector/leaf-details-selector.html","../../../../packages/masterteam/customization/src/lib/customization.ts","../../../../packages/masterteam/customization/src/lib/customization.html","../../../../packages/masterteam/customization/src/masterteam-customization.ts"],"sourcesContent":["// Re-export entity types from the canonical source\r\nexport type {\r\n  EntityViewType,\r\n  EntitySize,\r\n  EntityData,\r\n  EntityStatusValue,\r\n  EntityLookupValue,\r\n  EntityUserValue,\r\n  EntityResizeEvent,\r\n  EntityLabelPosition,\r\n} from '@masterteam/components/entities';\r\n\r\nimport type {\r\n  EntityLabelPosition,\r\n  EntityViewType,\r\n} from '@masterteam/components/entities';\r\n\r\n// ── Preview-specific models ──\r\n\r\n/**\r\n * Configuration for a property that can be edited via the drawer.\r\n * Note: `size` is managed via mouse-drag resize, not the edit drawer.\r\n */\r\nexport interface PropertyEditConfig {\r\n  /** All viewTypes */\r\n  hideName: boolean;\r\n  labelPosition: EntityLabelPosition;\r\n  showBorder: boolean;\r\n  alignEnd: boolean;\r\n  /** User viewType only */\r\n  showDisplayName: boolean;\r\n  showPhoneNumber: boolean;\r\n  showEmail: boolean;\r\n}\r\n\r\n/** ViewTypes that support the 'showBorder' toggle */\r\nexport const BORDER_VIEW_TYPES: EntityViewType[] = [\r\n  'Text',\r\n  'LongText',\r\n  'Currency',\r\n  'Date',\r\n  'DateTime',\r\n];\r\n\r\n/** ViewTypes that support user-specific toggles */\r\nexport const USER_VIEW_TYPES: EntityViewType[] = ['User'];\r\n\r\n/**\r\n * ViewTypes that have editable configuration fields in the drawer.\r\n * All types support hideName; additional toggles appear based on viewType.\r\n */\r\nexport const EDITABLE_VIEW_TYPES: EntityViewType[] = [\r\n  'Text',\r\n  'LongText',\r\n  'Currency',\r\n  'Date',\r\n  'DateTime',\r\n  'Percentage',\r\n  'Status',\r\n  'Checkbox',\r\n  'Lookup',\r\n  'LookupMatrix',\r\n  'Attachment',\r\n  'User',\r\n];\r\n","import type { BulkReplaceItem } from './api.model';\r\n\r\nexport class GetCustomization {\r\n  static readonly type = '[Customization] Get Properties';\r\n\r\n  constructor(public readonly params?: Record<string, unknown>) {}\r\n}\r\n\r\nexport class GetManagePreviewAreas {\r\n  static readonly type = '[Customization] Get Areas';\r\n}\r\n\r\nexport class GetManagePreviewConfigurations {\r\n  static readonly type = '[Customization] Get Configurations';\r\n\r\n  constructor(public readonly areaKeys?: string[]) {}\r\n}\r\n\r\nexport class SetManagePreviewModuleInfo {\r\n  static readonly type = '[Customization] Set Module Info';\r\n\r\n  constructor(\r\n    public readonly moduleType: string,\r\n    public readonly moduleId: string | number,\r\n    public readonly parentModuleType?: string,\r\n    public readonly parentModuleId?: string | number,\r\n    public readonly parentPath?: string,\r\n  ) {}\r\n}\r\n\r\nexport class BulkReplaceConfigurations {\r\n  static readonly type = '[Customization] Bulk Replace Configurations';\r\n\r\n  constructor(public readonly items: BulkReplaceItem[]) {}\r\n}\r\n","import type { LoadingStateShape } from '@masterteam/components';\r\nimport type { DisplayArea, DisplayConfiguration } from './api.model';\r\n\r\nexport interface ManagePreviewPropertyItem {\r\n  id: number;\r\n  key: string;\r\n  viewType: string;\r\n  viewTypeLabel: string;\r\n  name: string | Record<string, string>;\r\n  description?: Record<string, string>;\r\n  defaultValue?: unknown;\r\n  order?: number;\r\n  enabled?: boolean;\r\n  isSystem?: boolean;\r\n  isBasic?: boolean;\r\n  isCalculated?: boolean;\r\n  isConfigurable?: boolean;\r\n  isRequired?: boolean;\r\n  isTranslatable?: boolean;\r\n  shownInTable?: boolean;\r\n  includeInSummary?: boolean;\r\n  category?: string;\r\n  /** Regular properties: object config. LeafDetails: LeafLevelConfig[] */\r\n  configuration?: Record<string, unknown> | unknown[];\r\n  [key: string]: unknown;\r\n}\r\n\r\nexport enum CustomizationActionKey {\r\n  GetProperties = 'getProperties',\r\n  GetAreas = 'getAreas',\r\n  GetConfigurations = 'getConfigurations',\r\n  BulkReplaceConfigurations = 'bulkReplaceConfigurations',\r\n}\r\n\r\nexport interface CustomizationStateModel extends LoadingStateShape<CustomizationActionKey> {\r\n  properties: ManagePreviewPropertyItem[];\r\n  areas: DisplayArea[];\r\n  configurations: DisplayConfiguration[];\r\n  moduleType: string | null;\r\n  moduleId: string | number | null;\r\n  parentModuleType: string | null;\r\n  parentModuleId: string | number | null;\r\n  parentPath: string;\r\n}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable, inject } from '@angular/core';\r\nimport { Action, Selector, State, StateContext } from '@ngxs/store';\r\nimport { CrudStateBase, handleApiRequest } from '@masterteam/components';\r\nimport {\r\n  CustomizationActionKey,\r\n  CustomizationStateModel,\r\n  ManagePreviewPropertyItem,\r\n} from './customization.model';\r\nimport {\r\n  GetCustomization,\r\n  GetManagePreviewAreas,\r\n  GetManagePreviewConfigurations,\r\n  SetManagePreviewModuleInfo,\r\n  BulkReplaceConfigurations,\r\n} from './customization.actions';\r\nimport {\r\n  CatalogPropertyDto,\r\n  DisplayArea,\r\n  DisplayConfiguration,\r\n  PropertyCatalogResponseDto,\r\n  Response,\r\n} from './api.model';\r\n\r\nconst DEFAULT_STATE: CustomizationStateModel = {\r\n  properties: [],\r\n  areas: [],\r\n  configurations: [],\r\n  loadingActive: [],\r\n  errors: {},\r\n  moduleType: null,\r\n  moduleId: null,\r\n  parentModuleType: null,\r\n  parentModuleId: null,\r\n  parentPath: '',\r\n};\r\n\r\n@State<CustomizationStateModel>({\r\n  name: 'customization',\r\n  defaults: DEFAULT_STATE,\r\n})\r\n@Injectable()\r\nexport class CustomizationState extends CrudStateBase<\r\n  ManagePreviewPropertyItem,\r\n  CustomizationStateModel,\r\n  CustomizationActionKey\r\n> {\r\n  private readonly http = inject(HttpClient);\r\n  private readonly baseUrl = 'Properties';\r\n  private readonly displayConfigUrl = 'display-configurations';\r\n\r\n  // ============================================================================\r\n  // Data Selectors - Individual for fine-grained reactivity\r\n  // ============================================================================\r\n\r\n  @Selector()\r\n  static getProperties(\r\n    state: CustomizationStateModel,\r\n  ): ManagePreviewPropertyItem[] {\r\n    return state.properties;\r\n  }\r\n\r\n  @Selector()\r\n  static getAreas(state: CustomizationStateModel): DisplayArea[] {\r\n    return state.areas;\r\n  }\r\n\r\n  @Selector()\r\n  static getConfigurations(\r\n    state: CustomizationStateModel,\r\n  ): DisplayConfiguration[] {\r\n    return state.configurations;\r\n  }\r\n\r\n  @Selector()\r\n  static getModuleId(state: CustomizationStateModel): string | number | null {\r\n    return state.moduleId;\r\n  }\r\n\r\n  @Selector()\r\n  static getModuleType(state: CustomizationStateModel): string | null {\r\n    return state.moduleType;\r\n  }\r\n\r\n  // ============================================================================\r\n  // Loading/Error Slice Selectors - REQUIRED for optimal performance\r\n  // ============================================================================\r\n\r\n  @Selector()\r\n  static getLoadingActive(state: CustomizationStateModel): string[] {\r\n    return state.loadingActive;\r\n  }\r\n\r\n  @Selector()\r\n  static getErrors(\r\n    state: CustomizationStateModel,\r\n  ): Record<string, string | null> {\r\n    return state.errors;\r\n  }\r\n\r\n  // ============================================================================\r\n  // Actions\r\n  // ============================================================================\r\n\r\n  @Action(GetManagePreviewAreas)\r\n  getAreas(ctx: StateContext<CustomizationStateModel>) {\r\n    const req$ = this.http.get<Response<DisplayArea[]>>(\r\n      `${this.displayConfigUrl}/areas`,\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetAreas,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        areas: response.data ?? [],\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(GetCustomization)\r\n  getProperties(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: GetCustomization,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n\r\n    const params = {\r\n      ...action.params,\r\n      contextKey,\r\n    };\r\n\r\n    const req$ = this.http.get<Response<PropertyCatalogResponseDto>>(\r\n      `${this.baseUrl}/catalog`,\r\n      { params },\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetProperties,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        properties: (response.data?.properties ?? []).map(\r\n          mapCatalogPropertyToManagePreview,\r\n        ),\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(GetManagePreviewConfigurations)\r\n  getConfigurations(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: GetManagePreviewConfigurations,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n\r\n    const params: Record<string, string | string[]> = { contextKey };\r\n    if (action.areaKeys?.length) {\r\n      params['areaKeys'] = action.areaKeys;\r\n    }\r\n\r\n    const req$ = this.http.get<Response<DisplayConfiguration[]>>(\r\n      this.displayConfigUrl,\r\n      { params },\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetConfigurations,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        configurations: response.data ?? [],\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(SetManagePreviewModuleInfo)\r\n  setModuleInfo(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: SetManagePreviewModuleInfo,\r\n  ) {\r\n    let parentPath = '';\r\n    if (action.parentModuleType && action.parentModuleId) {\r\n      parentPath = `/${action.parentModuleType}/${action.parentModuleId}`;\r\n    } else if (action.parentPath) {\r\n      parentPath = action.parentPath;\r\n    }\r\n\r\n    ctx.patchState({\r\n      moduleType: action.moduleType,\r\n      moduleId: action.moduleId,\r\n      parentModuleType: action.parentModuleType ?? null,\r\n      parentModuleId: action.parentModuleId ?? null,\r\n      parentPath: parentPath ?? '',\r\n    });\r\n  }\r\n\r\n  @Action(BulkReplaceConfigurations)\r\n  bulkReplaceConfigurations(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: BulkReplaceConfigurations,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n\r\n    const req$ = this.http.put<Response<boolean>>(\r\n      `${this.displayConfigUrl}/bulk-replace`,\r\n      {\r\n        contextKey,\r\n        items: action.items,\r\n      },\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.BulkReplaceConfigurations,\r\n      request$: req$,\r\n      onSuccess: () => {\r\n        // Rebuild configurations from the items payload\r\n        const newConfigs: DisplayConfiguration[] = [];\r\n        for (const item of action.items) {\r\n          for (const da of item.displayAreas) {\r\n            newConfigs.push({\r\n              contextKey,\r\n              areaKey: da.areaKey,\r\n              propertyKey: item.propertyKey,\r\n              order: da.order,\r\n              configuration: da.configuration,\r\n            });\r\n          }\r\n        }\r\n        return { configurations: newConfigs };\r\n      },\r\n    });\r\n  }\r\n\r\n  // ============================================================================\r\n  // Private Helpers\r\n  // ============================================================================\r\n\r\n  private buildContextKey(state: CustomizationStateModel): string {\r\n    const contextParts: string[] = [];\r\n    if (state.parentModuleType && state.parentModuleId) {\r\n      contextParts.push(`${state.parentModuleType}:${state.parentModuleId}`);\r\n    }\r\n    if (state.moduleType && state.moduleId) {\r\n      contextParts.push(`${state.moduleType}:${state.moduleId}`);\r\n    }\r\n    return contextParts.join('/');\r\n  }\r\n}\r\n\r\nfunction mapCatalogPropertyToManagePreview(\r\n  property: CatalogPropertyDto,\r\n): ManagePreviewPropertyItem {\r\n  return {\r\n    id: property.id,\r\n    key: property.key,\r\n    viewType: property.viewType,\r\n    viewTypeLabel: property.viewType,\r\n    name: { display: property.label },\r\n    order: property.order,\r\n    isRequired: property.isRequired,\r\n    isSystem: property.isSystem,\r\n    isCalculated: property.source?.toLowerCase().includes('calculated'),\r\n    configuration: property.configuration ?? undefined,\r\n  };\r\n}\r\n","import { Injectable, computed, inject } from '@angular/core';\r\nimport { select, Store } from '@ngxs/store';\r\nimport type { Observable } from 'rxjs';\r\nimport { CustomizationActionKey } from './customization.model';\r\nimport {\r\n  GetCustomization,\r\n  GetManagePreviewAreas,\r\n  GetManagePreviewConfigurations,\r\n  SetManagePreviewModuleInfo,\r\n  BulkReplaceConfigurations,\r\n} from './customization.actions';\r\nimport { CustomizationState } from './customization.state';\r\nimport type { BulkReplaceItem } from './api.model';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class CustomizationFacade {\r\n  private readonly store = inject(Store);\r\n\r\n  // ============================================================================\r\n  // Data Selectors - Memoized by NGXS (fine-grained reactivity)\r\n  // ============================================================================\r\n  readonly properties = select(CustomizationState.getProperties);\r\n  readonly areas = select(CustomizationState.getAreas);\r\n  readonly configurations = select(CustomizationState.getConfigurations);\r\n  readonly moduleId = select(CustomizationState.getModuleId);\r\n  readonly moduleType = select(CustomizationState.getModuleType);\r\n\r\n  // ============================================================================\r\n  // Loading/Error Slices - Memoized by NGXS\r\n  // ============================================================================\r\n  private readonly loadingActive = select(CustomizationState.getLoadingActive);\r\n  private readonly errors = select(CustomizationState.getErrors);\r\n\r\n  // ============================================================================\r\n  // Loading Signals - Computed from slice (minimal reactivity)\r\n  // ============================================================================\r\n  readonly isLoadingProperties = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetProperties),\r\n  );\r\n\r\n  readonly isLoadingAreas = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetAreas),\r\n  );\r\n\r\n  readonly isLoadingConfigurations = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetConfigurations),\r\n  );\r\n\r\n  readonly isBulkReplacing = computed(() =>\r\n    this.loadingActive().includes(\r\n      CustomizationActionKey.BulkReplaceConfigurations,\r\n    ),\r\n  );\r\n\r\n  // ============================================================================\r\n  // Error Signals - Computed from slice (minimal reactivity)\r\n  // ============================================================================\r\n  readonly propertiesError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetProperties] ?? null,\r\n  );\r\n\r\n  readonly areasError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetAreas] ?? null,\r\n  );\r\n\r\n  readonly configurationsError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetConfigurations] ?? null,\r\n  );\r\n\r\n  readonly bulkReplaceError = computed(\r\n    () =>\r\n      this.errors()[CustomizationActionKey.BulkReplaceConfigurations] ?? null,\r\n  );\r\n\r\n  // ============================================================================\r\n  // Action Dispatchers\r\n  // ============================================================================\r\n\r\n  loadAreas(): Observable<unknown> {\r\n    return this.store.dispatch(new GetManagePreviewAreas());\r\n  }\r\n\r\n  loadProperties(params?: Record<string, unknown>): Observable<unknown> {\r\n    return this.store.dispatch(new GetCustomization(params));\r\n  }\r\n\r\n  loadConfigurations(areaKeys?: string[]): Observable<unknown> {\r\n    return this.store.dispatch(new GetManagePreviewConfigurations(areaKeys));\r\n  }\r\n\r\n  bulkReplaceConfigurations(items: BulkReplaceItem[]): Observable<unknown> {\r\n    return this.store.dispatch(new BulkReplaceConfigurations(items));\r\n  }\r\n\r\n  setModuleInfo(\r\n    moduleType: string,\r\n    moduleId: string | number,\r\n    parentModuleType?: string,\r\n    parentModuleId?: string | number,\r\n    parentPath?: string,\r\n  ): Observable<unknown> {\r\n    return this.store.dispatch(\r\n      new SetManagePreviewModuleInfo(\r\n        moduleType,\r\n        moduleId,\r\n        parentModuleType,\r\n        parentModuleId,\r\n        parentPath,\r\n      ),\r\n    );\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { TranslocoDirective } from '@jsverse/transloco';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { ToggleField } from '@masterteam/components/toggle-field';\r\nimport { ModalService } from '@masterteam/components/modal';\r\nimport { ModalRef } from '@masterteam/components/dialog';\r\nimport type {\r\n  EntityViewType,\r\n  PropertyEditConfig,\r\n} from '../customization.model';\r\nimport { BORDER_VIEW_TYPES, USER_VIEW_TYPES } from '../customization.model';\r\nimport { CustomizationFacade } from '../../store';\r\nimport type { BulkReplaceItem } from '../../store/customization';\r\n\r\n@Component({\r\n  selector: 'mt-property-config-drawer',\r\n  standalone: true,\r\n  imports: [TranslocoDirective, ReactiveFormsModule, Button, ToggleField],\r\n  templateUrl: './property-config-drawer.html',\r\n})\r\nexport class PropertyConfigDrawer {\r\n  protected readonly modalService = inject(ModalService);\r\n  private readonly ref = inject(ModalRef);\r\n  private readonly facade = inject(CustomizationFacade);\r\n  private readonly doc = inject(DOCUMENT);\r\n\r\n  // ─── Inputs (passed via drawer inputValues) ───\r\n  readonly propertyKey = input<string>('');\r\n  readonly propertyName = input<string>('');\r\n  readonly viewType = input<EntityViewType>('Text');\r\n  readonly areaKey = input<string>('card');\r\n  readonly currentOrder = input<number>(1);\r\n  readonly initialConfig = input<PropertyEditConfig>({\r\n    hideName: false,\r\n    labelPosition: 'bottom',\r\n    showBorder: false,\r\n    alignEnd: false,\r\n    showDisplayName: true,\r\n    showPhoneNumber: false,\r\n    showEmail: false,\r\n  });\r\n\r\n  // ─── UI state ───\r\n  readonly submitting = signal(false);\r\n  readonly hideNameControl = new FormControl(false);\r\n  readonly labelOnTopControl = new FormControl(false);\r\n  readonly showBorderControl = new FormControl(false);\r\n  readonly alignEndControl = new FormControl(false);\r\n  readonly showDisplayNameControl = new FormControl(false);\r\n  readonly showPhoneNumberControl = new FormControl(false);\r\n  readonly showEmailControl = new FormControl(false);\r\n\r\n  // ─── Computed visibility flags ───\r\n  readonly isBorderViewType = computed(() =>\r\n    BORDER_VIEW_TYPES.includes(this.viewType()),\r\n  );\r\n  readonly isUserViewType = computed(() =>\r\n    USER_VIEW_TYPES.includes(this.viewType()),\r\n  );\r\n\r\n  /** True when the document direction is RTL */\r\n  private readonly isRtl = signal(\r\n    this.doc.documentElement.getAttribute('dir') === 'rtl',\r\n  );\r\n\r\n  /** Align-end icon: right in LTR, left in RTL */\r\n  readonly alignEndIcon = computed(() =>\r\n    this.isRtl() ? 'layout.align-left-01' : 'layout.align-right-01',\r\n  );\r\n\r\n  constructor() {\r\n    // Initialize form from input config\r\n    effect(() => {\r\n      const config = this.initialConfig();\r\n      this.hideNameControl.patchValue(config.hideName ?? false);\r\n      this.labelOnTopControl.patchValue(config.labelPosition === 'top');\r\n      this.showBorderControl.patchValue(config.showBorder ?? false);\r\n      this.alignEndControl.patchValue(config.alignEnd ?? false);\r\n      this.showDisplayNameControl.patchValue(config.showDisplayName ?? true);\r\n      this.showPhoneNumberControl.patchValue(config.showPhoneNumber ?? false);\r\n      this.showEmailControl.patchValue(config.showEmail ?? false);\r\n    });\r\n  }\r\n\r\n  onSave(): void {\r\n    // Preserve existing size from configuration (managed via drag-resize)\r\n    const existingConfig = this.facade\r\n      .configurations()\r\n      .find(\r\n        (c) =>\r\n          c.propertyKey === this.propertyKey() && c.areaKey === this.areaKey(),\r\n      );\r\n    const existingSize = existingConfig?.configuration?.['size'];\r\n\r\n    const configuration: Record<string, unknown> = {};\r\n\r\n    // Carry over size so drag-resize value is not lost\r\n    if (existingSize != null) {\r\n      configuration['size'] = existingSize;\r\n    }\r\n\r\n    // Keep both keys for backward compatibility while the shared entities\r\n    // layer now prefers hideLabel.\r\n    configuration['hideName'] = this.hideNameControl.value ?? false;\r\n    configuration['hideLabel'] = this.hideNameControl.value ?? false;\r\n    configuration['labelPosition'] = this.labelOnTopControl.value\r\n      ? 'top'\r\n      : 'bottom';\r\n    configuration['alignEnd'] = this.alignEndControl.value ?? false;\r\n\r\n    if (this.isBorderViewType()) {\r\n      configuration['showBorder'] = this.showBorderControl.value ?? false;\r\n    }\r\n    if (this.isUserViewType()) {\r\n      configuration['showDisplayName'] =\r\n        this.showDisplayNameControl.value ?? false;\r\n      configuration['showPhoneNumber'] =\r\n        this.showPhoneNumberControl.value ?? false;\r\n      configuration['showEmail'] = this.showEmailControl.value ?? false;\r\n    }\r\n\r\n    const newDisplayArea = {\r\n      areaKey: this.areaKey(),\r\n      order: this.currentOrder(),\r\n      configuration,\r\n    };\r\n\r\n    // Build bulk items from existing configs, replacing the current property+area\r\n    const configs = this.facade.configurations();\r\n    const itemsMap = new Map<string, BulkReplaceItem['displayAreas']>();\r\n\r\n    for (const c of configs) {\r\n      // Skip the entry being replaced\r\n      if (\r\n        c.propertyKey === this.propertyKey() &&\r\n        c.areaKey === this.areaKey()\r\n      ) {\r\n        continue;\r\n      }\r\n      if (!itemsMap.has(c.propertyKey)) {\r\n        itemsMap.set(c.propertyKey, []);\r\n      }\r\n      itemsMap.get(c.propertyKey)!.push({\r\n        areaKey: c.areaKey,\r\n        order: c.order,\r\n        configuration: c.configuration,\r\n      });\r\n    }\r\n\r\n    // Add/replace the current property's area config\r\n    if (!itemsMap.has(this.propertyKey())) {\r\n      itemsMap.set(this.propertyKey(), []);\r\n    }\r\n    itemsMap.get(this.propertyKey())!.push(newDisplayArea);\r\n\r\n    const items: BulkReplaceItem[] = Array.from(itemsMap.entries()).map(\r\n      ([propertyKey, displayAreas]) => ({ propertyKey, displayAreas }),\r\n    );\r\n\r\n    this.submitting.set(true);\r\n    this.facade.bulkReplaceConfigurations(items).subscribe({\r\n      next: () => this.ref.close(true),\r\n      error: () => this.submitting.set(false),\r\n    });\r\n  }\r\n\r\n  onCancel(): void {\r\n    this.ref.close(null);\r\n  }\r\n}\r\n","<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\r\n      <!-- Hide Name Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('hide-name')\"\r\n        icon=\"general.eye-off\"\r\n        [formControl]=\"hideNameControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('label-on-top')\"\r\n        icon=\"layout.align-right-02\"\r\n        [formControl]=\"labelOnTopControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Align End Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('align-end')\"\r\n        [icon]=\"alignEndIcon()\"\r\n        [formControl]=\"alignEndControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\r\n      @if (isBorderViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-border')\"\r\n          icon=\"layout.layout-grid-01\"\r\n          [formControl]=\"showBorderControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- User-specific Toggles -->\r\n      @if (isUserViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-display-name')\"\r\n          icon=\"user.user-circle\"\r\n          [formControl]=\"showDisplayNameControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-phone-number')\"\r\n          icon=\"communication.phone\"\r\n          [formControl]=\"showPhoneNumberControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-email')\"\r\n          icon=\"communication.mail-01\"\r\n          [formControl]=\"showEmailControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"onCancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n","import { Component, computed, input, output } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { TranslocoDirective } from '@jsverse/transloco';\nimport { Icon } from '@masterteam/icons';\nimport { ToggleField } from '@masterteam/components/toggle-field';\nimport type { ManagePreviewPropertyItem } from '../../store/customization';\nimport type { LeafLevelConfig, LeafLevelSavedConfig } from '../../store/customization/api.model';\n\n@Component({\n  selector: 'mt-leaf-details-selector',\n  standalone: true,\n  imports: [FormsModule, TranslocoDirective, Icon, ToggleField],\n  templateUrl: './leaf-details-selector.html',\n})\nexport class LeafDetailsSelector {\n  readonly property = input.required<ManagePreviewPropertyItem & { enabled: boolean }>();\n  readonly leafLevels = input<Record<string, LeafLevelSavedConfig>>({});\n\n  readonly configChange = output<Record<string, LeafLevelSavedConfig>>();\n\n  readonly levels = computed<LeafLevelConfig[]>(\n    () => (this.property().configuration as unknown as LeafLevelConfig[]) ?? [],\n  );\n\n  isLevelEnabled(levelId: number): boolean {\n    return this.leafLevels()[String(levelId)] != null;\n  }\n\n  isStatusSelected(levelId: number, statusKey: string): boolean {\n    return this.leafLevels()[String(levelId)]?.selectedStatuses.includes(statusKey) ?? false;\n  }\n\n  /** Section toggle — show or hide the entire level in the preview */\n  toggleLevel(levelId: number, enabled: boolean): void {\n    const current = { ...this.leafLevels() };\n    if (enabled) {\n      const level = this.levels().find((l) => l.levelId === levelId);\n      current[String(levelId)] = {\n        order: Object.keys(current).length + 1,\n        selectedStatuses: level?.statuses.map((s) => s.key) ?? [],\n      };\n    } else {\n      delete current[String(levelId)];\n    }\n    this.configChange.emit(current);\n  }\n\n  /** Status toggle — show or hide a single status badge in the level preview */\n  toggleStatus(levelId: number, statusKey: string): void {\n    const current = { ...this.leafLevels() };\n    const saved = current[String(levelId)];\n    if (!saved) return;\n    const idx = saved.selectedStatuses.indexOf(statusKey);\n    current[String(levelId)] = {\n      ...saved,\n      selectedStatuses:\n        idx >= 0\n          ? saved.selectedStatuses.filter((k) => k !== statusKey)\n          : [...saved.selectedStatuses, statusKey],\n    };\n    this.configChange.emit(current);\n  }\n}\n","<ng-container *transloco=\"let t; prefix: 'customization'\">\n  <div class=\"space-y-2 pt-1\">\n\n    <p class=\"text-sm font-semibold text-color px-1\">\n      {{ t('leaf-details-target-statuses') }}\n    </p>\n\n    @for (level of levels(); track $index) {\n      <div class=\"rounded-lg border border-surface-200 overflow-hidden\">\n\n        <!-- Level header: icon + name | section toggle (show/hide this level) -->\n        <div class=\"flex items-center gap-2 px-3 py-2.5\">\n          <mt-icon [name]=\"level.levelIcon\" size=\"xs\" class=\"text-color-secondary shrink-0\" />\n          <span class=\"flex-1 text-sm font-medium truncate\">{{ level.levelName }}</span>\n          <mt-toggle-field\n            [ngModel]=\"isLevelEnabled(level.levelId)\"\n            (ngModelChange)=\"toggleLevel(level.levelId, $event)\"\n            size=\"small\"\n            class=\"shrink-0\"\n          />\n        </div>\n\n        <!-- Status rows: each toggle shows/hides that status badge in the preview -->\n        @if (isLevelEnabled(level.levelId)) {\n          <div class=\"border-t border-surface-200 divide-y divide-surface-100\">\n            @for (status of level.statuses; track $index) {\n              <div class=\"flex items-center gap-2.5 px-3 py-2\">\n                <span\n                  class=\"w-2.5 h-2.5 rounded-full shrink-0 border border-black/10\"\n                  [style.background-color]=\"status.color ?? '#9CA3AF'\"\n                ></span>\n                <span class=\"text-sm flex-1 truncate\">{{ status.display }}</span>\n                <mt-toggle-field\n                  [ngModel]=\"isStatusSelected(level.levelId, status.key)\"\n                  (ngModelChange)=\"toggleStatus(level.levelId, status.key)\"\n                  size=\"small\"\n                  class=\"shrink-0\"\n                />\n              </div>\n            }\n          </div>\n        }\n\n      </div>\n    }\n  </div>\n</ng-container>\n","import {\n  Component,\n  computed,\n  effect,\n  inject,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { TranslocoDirective } from '@jsverse/transloco';\nimport { Card } from '@masterteam/components/card';\nimport { TextField } from '@masterteam/components/text-field';\nimport { ToggleField } from '@masterteam/components/toggle-field';\nimport { Button } from '@masterteam/components/button';\nimport { Tabs } from '@masterteam/components/tabs';\nimport { EntitiesManage } from '@masterteam/components/entities';\nimport { ModalService } from '@masterteam/components/modal';\nimport { Icon } from '@masterteam/icons';\nimport { Skeleton } from 'primeng/skeleton';\nimport type {\n  EntityData,\n  EntityLabelPosition,\n  EntityViewType,\n  EntityStatusValue,\n  EntityLookupValue,\n  EntityUserValue,\n  EntityResizeEvent,\n  EntitySize,\n  PropertyEditConfig,\n} from './customization.model';\nimport { EDITABLE_VIEW_TYPES } from './customization.model';\nimport { CustomizationFacade } from '../store';\nimport type {\n  ManagePreviewPropertyItem,\n  DisplayConfiguration,\n  BulkReplaceItem,\n} from '../store/customization';\nimport type {\n  LeafLevelConfig,\n  LeafLevelSavedConfig,\n  LeafDetailsEntityValue,\n} from '../store/customization/api.model';\nimport { PropertyConfigDrawer } from './property-config-drawer/property-config-drawer';\nimport { LeafDetailsSelector } from './leaf-details-selector/leaf-details-selector';\n\n/** Separator used to build synthetic entity keys for LeafDetails sub-entities */\nconst LEAF_DETAILS_SEP = '::leaflevel::';\n\n@Component({\n  selector: 'mt-customization',\n  standalone: true,\n  imports: [\n    FormsModule,\n    TranslocoDirective,\n    Card,\n    TextField,\n    ToggleField,\n    Button,\n    Tabs,\n    Skeleton,\n    EntitiesManage,\n    Icon,\n    LeafDetailsSelector,\n  ],\n  templateUrl: './customization.html',\n  styleUrl: './customization.scss',\n})\nexport class Customization implements OnInit {\n  protected readonly facade = inject(CustomizationFacade);\n  private readonly modalService = inject(ModalService);\n\n  /** Set of viewTypes that have editable fields in the drawer (beyond size) */\n  protected readonly editableViewTypes = new Set(EDITABLE_VIEW_TYPES);\n\n  readonly searchQuery = signal('');\n  readonly activeArea = signal<string | null>(null);\n\n  // ── Derived signals ──\n  readonly properties = this.facade.properties;\n  readonly areas = this.facade.areas;\n  readonly isLoading = this.facade.isLoadingProperties;\n  readonly isLoadingAreas = this.facade.isLoadingAreas;\n  readonly isLoadingPreview = computed(\n    () =>\n      this.facade.isLoadingConfigurations() ||\n      this.facade.isLoadingProperties(),\n  );\n\n  readonly areasTabs = computed(() =>\n    this.areas().map((area) => ({ label: area.name, value: area.key })),\n  );\n\n  /**\n   * Configurations filtered to exclude properties that no longer exist in the catalog.\n   * Prevents sending orphaned property references on save.\n   */\n  private readonly validConfigurations = computed(() => {\n    const configs = this.facade.configurations();\n    const props = this.properties();\n    const propertyKeys = new Set(props.map((p) => p.key));\n    return configs.filter((c) => propertyKeys.has(c.propertyKey));\n  });\n\n  /** Properties enriched with `enabled` based on current area configurations */\n  readonly propertiesWithEnabled = computed(() => {\n    const props = this.properties();\n    const configs = this.validConfigurations();\n    const area = this.activeArea();\n\n    if (!area) return props.map((p) => ({ ...p, enabled: false }));\n\n    return props.map((p) => ({\n      ...p,\n      enabled: configs.some(\n        (c) => c.areaKey === area && c.propertyKey === p.key,\n      ),\n    }));\n  });\n\n  readonly filteredProperties = computed(() => {\n    const query = this.searchQuery().toLowerCase().trim();\n    const list = this.propertiesWithEnabled();\n\n    // LeafDetails always first in the list regardless of active state\n    const leaf = list.filter((p) => p.viewType === 'LeafDetails');\n    const regular = list.filter((p) => p.viewType !== 'LeafDetails');\n    const ordered = [...leaf, ...regular];\n\n    if (!query) return ordered;\n\n    return ordered.filter((prop) => {\n      const name =\n        typeof prop.name === 'string'\n          ? prop.name\n          : Object.values(prop.name).join(' ');\n      return name.toLowerCase().includes(query);\n    });\n  });\n\n  /**\n   * LeafDetails saved configs indexed by propertyKey for the active area.\n   * Used by the inline selector in the property list.\n   */\n  protected readonly leafConfigsByProp = computed<\n    Record<string, Record<string, LeafLevelSavedConfig>>\n  >(() => {\n    const configs = this.validConfigurations();\n    const area = this.activeArea();\n    if (!area) return {};\n\n    const result: Record<string, Record<string, LeafLevelSavedConfig>> = {};\n    for (const config of configs) {\n      if (config.areaKey !== area) continue;\n      const leafLevels = config.configuration?.['leafLevels'];\n      if (leafLevels && typeof leafLevels === 'object' && !Array.isArray(leafLevels)) {\n        result[config.propertyKey] = leafLevels as Record<string, LeafLevelSavedConfig>;\n      }\n    }\n    return result;\n  });\n\n  /** Preview entities built from configurations + properties for the active area */\n  previewEntities = signal<EntityData[]>([]);\n\n  constructor() {\n    // Set default active area when areas load\n    effect(() => {\n      const areas = this.areas();\n      if (areas.length > 0 && !this.activeArea()) {\n        this.activeArea.set(areas[0].key);\n      }\n    });\n\n    // Rebuild preview entities when configs, properties, or active area change\n    effect(() => {\n      const configs = this.validConfigurations();\n      const props = this.properties();\n      const area = this.activeArea();\n\n      if (!area || !props.length) {\n        this.previewEntities.set([]);\n        return;\n      }\n\n      const areaConfigs = configs.filter((c) => c.areaKey === area);\n      const all = areaConfigs.flatMap((config) => this.buildEntitiesFromConfig(config, props));\n\n      // Regular entities come first, LeafDetails always last.\n      // Orders are reassigned sequentially so EntitiesManage's internal sort stays consistent.\n      const regular = all\n        .filter((e) => !e.key?.includes(LEAF_DETAILS_SEP))\n        .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n      const leafEntities = all\n        .filter((e) => e.key?.includes(LEAF_DETAILS_SEP))\n        .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n\n      const entities: EntityData[] = [\n        ...regular.map((e, i) => ({ ...e, order: i + 1 })),\n        ...leafEntities.map((e, i) => ({ ...e, order: regular.length + i + 1 })),\n      ];\n\n      this.previewEntities.set(entities);\n    });\n  }\n\n  ngOnInit(): void {\n    this.facade.loadAreas();\n    this.facade.loadProperties();\n    this.facade.loadConfigurations();\n  }\n\n  onPropertyToggle(\n    prop: ManagePreviewPropertyItem & { enabled: boolean },\n    enabled: boolean,\n  ): void {\n    // LeafDetails is managed entirely via the inline status selector — skip\n    if (prop.viewType === 'LeafDetails') return;\n\n    if (enabled) {\n      this.activateProperty(\n        prop,\n        this.editableViewTypes.has(prop.viewType as EntityViewType),\n      );\n      return;\n    }\n\n    this.bulkSaveWithout(prop.key);\n  }\n\n  onEditProperty(prop: ManagePreviewPropertyItem): void {\n    const area = this.activeArea();\n    if (!area) return;\n\n    const configs = this.validConfigurations();\n    const existingConfig = configs.find(\n      (c) => c.areaKey === area && c.propertyKey === prop.key,\n    );\n\n    this.openDrawer(prop, {\n      currentOrder: existingConfig?.order,\n      configuration: existingConfig?.configuration as Record<string, unknown> | undefined,\n    });\n  }\n\n  onEntityClicked(entity: EntityData): void {\n    // LeafDetails sub-entities are configured inline — not via drawer\n    if (entity.key?.includes(LEAF_DETAILS_SEP)) return;\n\n    const area = this.activeArea();\n    if (!area || !entity.key) return;\n\n    if (!this.editableViewTypes.has(entity.viewType as EntityViewType)) return;\n\n    const prop = this.properties().find((p) => p.key === entity.key);\n    if (!prop) return;\n\n    const configs = this.validConfigurations();\n    const existingConfig = configs.find(\n      (c) => c.areaKey === area && c.propertyKey === entity.key,\n    );\n\n    this.openDrawer(prop, {\n      currentOrder: existingConfig?.order,\n      configuration: existingConfig?.configuration as Record<string, unknown> | undefined,\n    });\n  }\n\n  onEntityResized(event: EntityResizeEvent): void {\n    const area = this.activeArea();\n    if (!area) return;\n\n    const configs = this.validConfigurations();\n\n    // ── LeafDetails sub-entity resize ──\n    if (event.entity.key?.includes(LEAF_DETAILS_SEP)) {\n      const [propKey, levelId] = event.entity.key.split(LEAF_DETAILS_SEP);\n      const existingConfig = configs.find(\n        (c) => c.areaKey === area && c.propertyKey === propKey,\n      );\n      const leafLevels = {\n        ...((existingConfig?.configuration?.['leafLevels'] as Record<string, LeafLevelSavedConfig>) ?? {}),\n      };\n      if (leafLevels[levelId]) {\n        leafLevels[levelId] = { ...leafLevels[levelId], size: event.newSize };\n      }\n      const updatedConfigs = configs.map((c) =>\n        c.areaKey === area && c.propertyKey === propKey\n          ? { ...c, configuration: { ...c.configuration, leafLevels } }\n          : c,\n      );\n      this.facade.bulkReplaceConfigurations(this.groupConfigsByProperty(updatedConfigs)).subscribe();\n      return;\n    }\n\n    // ── Regular entity resize ──\n    const updatedConfigs = configs.map((c) =>\n      c.areaKey === area && c.propertyKey === event.entity.key\n        ? { ...c, configuration: { ...c.configuration, size: event.newSize } }\n        : c,\n    );\n    this.facade.bulkReplaceConfigurations(this.groupConfigsByProperty(updatedConfigs)).subscribe();\n  }\n\n  onEntitiesReordered(entities: EntityData[]): void {\n    const area = this.activeArea();\n    if (!area) return;\n\n    const configs = this.validConfigurations();\n\n    // Separate regular entities from LeafDetails sub-entities\n    const regularEntities = entities.filter((e) => !e.key?.includes(LEAF_DETAILS_SEP));\n    const leafEntities = entities.filter((e) => e.key?.includes(LEAF_DETAILS_SEP));\n\n    // Regular entities → BulkReplaceItems\n    const regularItems: BulkReplaceItem[] = regularEntities.map((entity) => {\n      const existingConfig = configs.find(\n        (c) => c.areaKey === area && c.propertyKey === entity.key,\n      );\n      return {\n        propertyKey: entity.key!,\n        displayAreas: [\n          {\n            areaKey: area,\n            order: entity.order!,\n            configuration: existingConfig?.configuration as Record<string, unknown> ?? {},\n          },\n        ],\n      };\n    });\n\n    // Leaf entities → group by parent propertyKey, update per-level order\n    const leafByProp = new Map<string, Array<{ levelId: string; order: number }>>();\n    for (const entity of leafEntities) {\n      const [propKey, levelId] = entity.key!.split(LEAF_DETAILS_SEP);\n      if (!leafByProp.has(propKey)) leafByProp.set(propKey, []);\n      leafByProp.get(propKey)!.push({ levelId, order: entity.order! });\n    }\n\n    const leafItems: BulkReplaceItem[] = [];\n    for (const [propKey, levelUpdates] of leafByProp) {\n      const existingConfig = configs.find(\n        (c) => c.areaKey === area && c.propertyKey === propKey,\n      );\n      const leafLevels = {\n        ...((existingConfig?.configuration?.['leafLevels'] as Record<string, LeafLevelSavedConfig>) ?? {}),\n      };\n      for (const { levelId, order } of levelUpdates) {\n        if (leafLevels[levelId]) {\n          leafLevels[levelId] = { ...leafLevels[levelId], order };\n        }\n      }\n      const minOrder = Math.min(...levelUpdates.map((l) => l.order));\n      leafItems.push({\n        propertyKey: propKey,\n        displayAreas: [\n          {\n            areaKey: area,\n            order: existingConfig?.order ?? minOrder,\n            configuration: { ...existingConfig?.configuration, leafLevels },\n          },\n        ],\n      });\n    }\n\n    // Configs from other areas (preserve as-is)\n    const otherAreaItems = this.groupConfigsByProperty(\n      configs.filter((c) => c.areaKey !== area),\n    );\n\n    this.facade\n      .bulkReplaceConfigurations(this.mergeItems([...regularItems, ...leafItems], otherAreaItems))\n      .subscribe();\n  }\n\n  /**\n   * Called by the inline LeafDetailsSelector when the user changes status selections.\n   * Immediately persists the updated leafLevels configuration.\n   */\n  onLeafConfigChange(\n    prop: ManagePreviewPropertyItem,\n    leafLevels: Record<string, LeafLevelSavedConfig>,\n  ): void {\n    const area = this.activeArea();\n    if (!area) return;\n\n    const configs = this.validConfigurations();\n    const existingConfig = configs.find(\n      (c) => c.areaKey === area && c.propertyKey === prop.key,\n    );\n\n    // Ensure every level has an order assigned\n    let nextOrder =\n      configs.filter((c) => c.areaKey === area && c.propertyKey !== prop.key).length + 1;\n    const normalizedLevels: Record<string, LeafLevelSavedConfig> = {};\n    for (const [levelId, levelCfg] of Object.entries(leafLevels)) {\n      normalizedLevels[levelId] = levelCfg.order\n        ? levelCfg\n        : { ...levelCfg, order: nextOrder++ };\n    }\n\n    // Other configs excluding this leaf property in the current area\n    const otherItems = this.groupConfigsByProperty(\n      configs.filter((c) => !(c.areaKey === area && c.propertyKey === prop.key)),\n    );\n\n    if (Object.keys(normalizedLevels).length === 0) {\n      // All levels deselected — remove property from display config\n      this.facade.bulkReplaceConfigurations(otherItems).subscribe();\n      return;\n    }\n\n    const minOrder = Math.min(...Object.values(normalizedLevels).map((l) => l.order));\n    const newItem: BulkReplaceItem = {\n      propertyKey: prop.key,\n      displayAreas: [\n        {\n          areaKey: area,\n          order: existingConfig?.order ?? minOrder,\n          configuration: { leafLevels: normalizedLevels },\n        },\n      ],\n    };\n\n    this.facade.bulkReplaceConfigurations(this.mergeItems([newItem], otherItems)).subscribe();\n  }\n\n  // ── Private helpers ──\n\n  /**\n   * Builds zero or more EntityData entries from a single DisplayConfiguration.\n   * Regular properties → one entity. LeafDetails → one entity per enabled level.\n   */\n  private buildEntitiesFromConfig(\n    config: DisplayConfiguration,\n    props: ManagePreviewPropertyItem[],\n  ): EntityData[] {\n    const prop = props.find((p) => p.key === config.propertyKey);\n    if (!prop) return [];\n\n    if (prop.viewType === 'LeafDetails') {\n      return this.buildLeafDetailsEntities(config, prop);\n    }\n\n    const entity = this.buildEntityFromConfig(config, props);\n    return entity ? [entity] : [];\n  }\n\n  /** Builds one EntityData per enabled level from a LeafDetails display config. */\n  private buildLeafDetailsEntities(\n    config: DisplayConfiguration,\n    prop: ManagePreviewPropertyItem,\n  ): EntityData[] {\n    const levels = (prop.configuration as unknown as LeafLevelConfig[]) ?? [];\n    const leafLevels = config.configuration?.['leafLevels'] as\n      | Record<string, LeafLevelSavedConfig>\n      | undefined;\n    if (!leafLevels) return [];\n\n    const result: EntityData[] = [];\n    for (const level of levels) {\n      const levelCfg = leafLevels[String(level.levelId)];\n      if (!levelCfg) continue;\n\n      const selectedKeys = new Set(levelCfg.selectedStatuses);\n      const value: LeafDetailsEntityValue = {\n        levelId: level.levelId,\n        levelName: level.levelName,\n        levelIcon: level.levelIcon,\n        statuses: level.statuses\n          .filter((s) => selectedKeys.has(s.key))\n          .map((s) => ({ key: s.key, display: s.display, color: s.color, count: 0 })),\n      };\n\n      result.push({\n        id: prop.id,\n        propertyId: prop.id,\n        key: `${prop.key}${LEAF_DETAILS_SEP}${level.levelId}`,\n        name: level.levelName,\n        // Cast needed until entities package is rebuilt with LeafDetailsEntityValue in the union\n        value: value as unknown as EntityData['value'],\n        viewType: 'LeafDetails' as EntityViewType,\n        order: levelCfg.order,\n        configuration: levelCfg.size ? ({ size: levelCfg.size as EntitySize } as EntityData['configuration']) : undefined,\n      });\n    }\n    return result;\n  }\n\n  private activateProperty(\n    prop: ManagePreviewPropertyItem,\n    openConfigAfterSave = false,\n  ): void {\n    const area = this.activeArea();\n    if (!area) return;\n\n    const configs = this.validConfigurations();\n    const existingConfig = configs.find(\n      (c) => c.areaKey === area && c.propertyKey === prop.key,\n    );\n\n    if (existingConfig) {\n      if (openConfigAfterSave) {\n        this.openDrawer(prop, {\n          currentOrder: existingConfig.order,\n          configuration: existingConfig.configuration as Record<string, unknown>,\n        });\n      }\n      return;\n    }\n\n    const areaConfigs = configs.filter((c) => c.areaKey === area);\n    const nextOrder = areaConfigs.length + 1;\n    const configuration: Record<string, unknown> = {};\n\n    const itemsMap = new Map<string, BulkReplaceItem['displayAreas']>();\n    for (const c of configs) {\n      if (!itemsMap.has(c.propertyKey)) itemsMap.set(c.propertyKey, []);\n      itemsMap.get(c.propertyKey)!.push({\n        areaKey: c.areaKey,\n        order: c.order,\n        configuration: c.configuration as Record<string, unknown>,\n      });\n    }\n\n    if (!itemsMap.has(prop.key)) itemsMap.set(prop.key, []);\n    itemsMap.get(prop.key)!.push({ areaKey: area, order: nextOrder, configuration });\n\n    const items: BulkReplaceItem[] = Array.from(itemsMap.entries()).map(\n      ([propertyKey, displayAreas]) => ({ propertyKey, displayAreas }),\n    );\n\n    this.facade.bulkReplaceConfigurations(items).subscribe({\n      next: () => {\n        if (openConfigAfterSave) {\n          this.openDrawer(prop, { currentOrder: nextOrder, configuration });\n        }\n      },\n    });\n  }\n\n  private bulkSaveWithout(excludePropertyKey: string): void {\n    const configs = this.validConfigurations();\n    const items = this.groupConfigsByProperty(\n      configs.filter((c) => c.propertyKey !== excludePropertyKey),\n    );\n    this.facade.bulkReplaceConfigurations(items).subscribe();\n  }\n\n  private groupConfigsByProperty(configs: DisplayConfiguration[]): BulkReplaceItem[] {\n    const map = new Map<string, BulkReplaceItem['displayAreas']>();\n    for (const c of configs) {\n      if (!map.has(c.propertyKey)) map.set(c.propertyKey, []);\n      map.get(c.propertyKey)!.push({\n        areaKey: c.areaKey,\n        order: c.order,\n        configuration: c.configuration as Record<string, unknown>,\n      });\n    }\n    return Array.from(map.entries()).map(([propertyKey, displayAreas]) => ({\n      propertyKey,\n      displayAreas,\n    }));\n  }\n\n  private mergeItems(\n    primary: BulkReplaceItem[],\n    secondary: BulkReplaceItem[],\n  ): BulkReplaceItem[] {\n    const map = new Map<string, BulkReplaceItem['displayAreas']>();\n    for (const item of primary) map.set(item.propertyKey, [...item.displayAreas]);\n    for (const item of secondary) {\n      const existing = map.get(item.propertyKey);\n      if (existing) existing.push(...item.displayAreas);\n      else map.set(item.propertyKey, [...item.displayAreas]);\n    }\n    return Array.from(map.entries()).map(([propertyKey, displayAreas]) => ({\n      propertyKey,\n      displayAreas,\n    }));\n  }\n\n  private openDrawer(\n    prop: ManagePreviewPropertyItem,\n    existingConfig?: {\n      currentOrder?: number;\n      configuration?: Record<string, unknown>;\n    },\n  ): void {\n    const area = this.activeArea();\n    if (!area) return;\n\n    const configs = this.validConfigurations();\n    const areaConfigs = configs.filter((c) => c.areaKey === area);\n    const nextOrder = existingConfig?.currentOrder ?? areaConfigs.length + 1;\n\n    const displayName = this.getPropertyDisplayName(prop);\n    const initConfig = this.toPropertyEditConfig(existingConfig?.configuration);\n\n    this.modalService.openModal(PropertyConfigDrawer, 'drawer', {\n      header: displayName,\n      styleClass:\n        '!absolute !shadow-none min-[1025px]:!w-[27%] max-[1024px]:!w-[min(92vw,28rem)]',\n      position: 'end',\n      appendTo: '#page-content',\n      dismissible: true,\n      inputValues: {\n        propertyKey: prop.key,\n        propertyName: displayName,\n        viewType: prop.viewType,\n        areaKey: area,\n        currentOrder: nextOrder,\n        initialConfig: initConfig,\n      },\n    });\n  }\n\n  private toPropertyEditConfig(\n    configuration?: Record<string, unknown>,\n  ): PropertyEditConfig {\n    const labelPosition =\n      (configuration?.['labelPosition'] as EntityLabelPosition | undefined) ??\n      (configuration?.['labelPostion'] as EntityLabelPosition | undefined) ??\n      'bottom';\n\n    return {\n      hideName:\n        (configuration?.['hideLabel'] as boolean | undefined) ??\n        (configuration?.['hideName'] as boolean | undefined) ??\n        false,\n      labelPosition,\n      showBorder: (configuration?.['showBorder'] as boolean) ?? false,\n      alignEnd: (configuration?.['alignEnd'] as boolean) ?? false,\n      showDisplayName: (configuration?.['showDisplayName'] as boolean) ?? true,\n      showPhoneNumber: (configuration?.['showPhoneNumber'] as boolean) ?? false,\n      showEmail: (configuration?.['showEmail'] as boolean) ?? false,\n    };\n  }\n\n  private buildEntityFromConfig(\n    config: DisplayConfiguration,\n    props: ManagePreviewPropertyItem[],\n  ): EntityData | null {\n    const prop = props.find((p) => p.key === config.propertyKey);\n    if (!prop) return null;\n\n    const displayName = this.getPropertyDisplayName(prop);\n    const viewType = prop.viewType as EntityViewType;\n\n    return {\n      id: prop.id,\n      propertyId: prop.id,\n      key: prop.key,\n      name: displayName,\n      value: this.getPlaceholderValue(viewType, displayName),\n      rawValue: this.getPlaceholderRawValue(viewType, displayName),\n      viewType,\n      order: config.order,\n      configuration: config.configuration as EntityData['configuration'],\n    };\n  }\n\n  private getPropertyDisplayName(prop: ManagePreviewPropertyItem): string {\n    if (typeof prop.name === 'string') return prop.name;\n    if (prop.name && typeof prop.name === 'object') {\n      return (\n        (prop.name as Record<string, string>)['display'] ||\n        Object.values(prop.name)[0] ||\n        prop.key\n      );\n    }\n    return prop.key;\n  }\n\n  private getPlaceholderValue(\n    viewType: EntityViewType,\n    name: string,\n  ): string | EntityStatusValue | EntityLookupValue | EntityUserValue {\n    switch (viewType) {\n      case 'Text':\n        return 'Sample Text';\n      case 'LongText':\n        return '<p>Sample long text content</p>';\n      case 'Date':\n        return '2026-01-15';\n      case 'DateTime':\n        return '2026-01-15 10:30';\n      case 'Percentage':\n        return '75%';\n      case 'Status':\n        return { key: 'sample', display: 'in Progress', color: '#3B82F6' };\n      case 'Lookup':\n        return {\n          key: 'sample',\n          display: name,\n          color: '#8B5CF6',\n          description: '',\n        };\n      case 'Currency':\n        return '$1,250.00';\n      case 'Checkbox':\n        return 'true';\n      case 'User':\n        return {\n          displayName: name,\n          photoUrl: '',\n          phoneNumber: '+1234567890',\n          email: 'user@example.com',\n        };\n      default:\n        return name;\n    }\n  }\n\n  private getPlaceholderRawValue(viewType: EntityViewType, name: string): string {\n    switch (viewType) {\n      case 'Percentage':\n        return '75';\n      case 'Checkbox':\n        return 'true';\n      default:\n        return name;\n    }\n  }\n}\n","<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- ─── Left Sidebar: Attributes Panel ─── -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              @if (prop.viewType === 'LeafDetails') {\r\n                <!-- ── LeafDetails: always first, title is \"Target Statuses\" inside the selector ── -->\r\n                <div class=\"rounded-lg border border-gray-300 border-dashed px-4 py-3\">\r\n                  <mt-leaf-details-selector\r\n                    [property]=\"prop\"\r\n                    [leafLevels]=\"leafConfigsByProp()[prop.key] ?? {}\"\r\n                    (configChange)=\"onLeafConfigChange(prop, $event)\"\r\n                  />\r\n                </div>\r\n              } @else {\r\n                <!-- ── Normal property toggle row ── -->\r\n                <div\r\n                  class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n                >\r\n                  <!-- Property Name -->\r\n                  <div class=\"flex-1 min-w-0 py-4\">\r\n                    <span\r\n                      class=\"text-sm font-medium truncate block\"\r\n                      [class.text-primary]=\"prop.enabled\"\r\n                    >\r\n                      {{ prop.name?.display }}\r\n                    </span>\r\n                  </div>\r\n\r\n                  <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                  @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                    <mt-button\r\n                      icon=\"editor.pencil-01\"\r\n                      variant=\"text\"\r\n                      severity=\"primary\"\r\n                      (onClick)=\"onEditProperty(prop)\"\r\n                    />\r\n                  }\r\n\r\n                  <!-- Toggle -->\r\n                  <mt-toggle-field\r\n                    [ngModel]=\"prop.enabled\"\r\n                    (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                    class=\"shrink-0\"\r\n                    size=\"small\"\r\n                  ></mt-toggle-field>\r\n                </div>\r\n              }\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- ─── Main Area: Preview ─── -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-130 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-5 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                  (entityClicked)=\"onEntityClicked($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex flex-col items-center justify-center h-full text-muted-color gap-3 text-center px-4\"\r\n                >\r\n                  <mt-icon\r\n                    name=\"general.eye-off\"\r\n                    size=\"xl\"\r\n                    class=\"opacity-40\"\r\n                  />\r\n                  <p class=\"text-sm font-medium\">{{ t(\"no-preview-items\") }}</p>\r\n                  <p class=\"text-xs\">{{ t(\"no-preview-items-hint\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-customization.mjs","sources":["../../../../packages/masterteam/customization/src/lib/customization.model.ts","../../../../packages/masterteam/customization/src/store/customization/customization.actions.ts","../../../../packages/masterteam/customization/src/store/customization/customization.model.ts","../../../../packages/masterteam/customization/src/store/customization/customization.state.ts","../../../../packages/masterteam/customization/src/store/customization/customization.facade.ts","../../../../packages/masterteam/customization/src/lib/property-config-drawer/property-config-drawer.ts","../../../../packages/masterteam/customization/src/lib/property-config-drawer/property-config-drawer.html","../../../../packages/masterteam/customization/src/lib/leaf-details-selector/leaf-details-selector.ts","../../../../packages/masterteam/customization/src/lib/leaf-details-selector/leaf-details-selector.html","../../../../packages/masterteam/customization/src/lib/customization.ts","../../../../packages/masterteam/customization/src/lib/customization.html","../../../../packages/masterteam/customization/src/masterteam-customization.ts"],"sourcesContent":["// Re-export entity types from the canonical source\r\nexport type {\r\n  EntityViewType,\r\n  EntitySize,\r\n  EntityData,\r\n  EntityStatusValue,\r\n  EntityLookupValue,\r\n  EntityUserValue,\r\n  EntityResizeEvent,\r\n  EntityLabelPosition,\r\n} from '@masterteam/components/entities';\r\n\r\nimport type {\r\n  EntityLabelPosition,\r\n  EntityViewType,\r\n} from '@masterteam/components/entities';\r\n\r\n// ── Preview-specific models ──\r\n\r\n/**\r\n * Configuration for a property that can be edited via the drawer.\r\n * Note: `size` is managed via mouse-drag resize, not the edit drawer.\r\n */\r\nexport interface PropertyEditConfig {\r\n  /** All viewTypes */\r\n  hideName: boolean;\r\n  labelPosition: EntityLabelPosition;\r\n  showBorder: boolean;\r\n  alignEnd: boolean;\r\n  /** User viewType only */\r\n  showDisplayName: boolean;\r\n  showPhoneNumber: boolean;\r\n  showEmail: boolean;\r\n}\r\n\r\n/** ViewTypes that support the 'showBorder' toggle */\r\nexport const BORDER_VIEW_TYPES: EntityViewType[] = [\r\n  'Text',\r\n  'LongText',\r\n  'Currency',\r\n  'Date',\r\n  'DateTime',\r\n  'LeafDetails',\r\n];\r\n\r\n/** ViewTypes that support user-specific toggles */\r\nexport const USER_VIEW_TYPES: EntityViewType[] = ['User'];\r\n\r\n/**\r\n * ViewTypes that have editable configuration fields in the drawer.\r\n * All types support hideName; additional toggles appear based on viewType.\r\n */\r\nexport const EDITABLE_VIEW_TYPES: EntityViewType[] = [\r\n  'Text',\r\n  'LongText',\r\n  'Currency',\r\n  'Date',\r\n  'DateTime',\r\n  'LeafDetails',\r\n  'Percentage',\r\n  'Status',\r\n  'Checkbox',\r\n  'Lookup',\r\n  'LookupMatrix',\r\n  'Attachment',\r\n  'User',\r\n];\r\n","import type { BulkReplaceItem } from './api.model';\r\n\r\nexport class GetCustomization {\r\n  static readonly type = '[Customization] Get Properties';\r\n\r\n  constructor(public readonly params?: Record<string, unknown>) {}\r\n}\r\n\r\nexport class GetManagePreviewAreas {\r\n  static readonly type = '[Customization] Get Areas';\r\n}\r\n\r\nexport class GetManagePreviewConfigurations {\r\n  static readonly type = '[Customization] Get Configurations';\r\n\r\n  constructor(public readonly areaKeys?: string[]) {}\r\n}\r\n\r\nexport class SetManagePreviewModuleInfo {\r\n  static readonly type = '[Customization] Set Module Info';\r\n\r\n  constructor(\r\n    public readonly moduleType: string,\r\n    public readonly moduleId: string | number,\r\n    public readonly parentModuleType?: string,\r\n    public readonly parentModuleId?: string | number,\r\n    public readonly parentPath?: string,\r\n  ) {}\r\n}\r\n\r\nexport class BulkReplaceConfigurations {\r\n  static readonly type = '[Customization] Bulk Replace Configurations';\r\n\r\n  constructor(public readonly items: BulkReplaceItem[]) {}\r\n}\r\n","import type { LoadingStateShape } from '@masterteam/components';\r\nimport type { DisplayArea, DisplayConfiguration } from './api.model';\r\n\r\nexport interface ManagePreviewPropertyItem {\r\n  id: number;\r\n  key: string;\r\n  viewType: string;\r\n  viewTypeLabel: string;\r\n  name: string | Record<string, string>;\r\n  description?: Record<string, string>;\r\n  defaultValue?: unknown;\r\n  order?: number;\r\n  enabled?: boolean;\r\n  isSystem?: boolean;\r\n  isBasic?: boolean;\r\n  isCalculated?: boolean;\r\n  isConfigurable?: boolean;\r\n  isRequired?: boolean;\r\n  isTranslatable?: boolean;\r\n  shownInTable?: boolean;\r\n  includeInSummary?: boolean;\r\n  category?: string;\r\n  /** Regular properties: object config. LeafDetails: LeafLevelConfig[] */\r\n  configuration?: Record<string, unknown> | unknown[];\r\n  [key: string]: unknown;\r\n}\r\n\r\nexport enum CustomizationActionKey {\r\n  GetProperties = 'getProperties',\r\n  GetAreas = 'getAreas',\r\n  GetConfigurations = 'getConfigurations',\r\n  BulkReplaceConfigurations = 'bulkReplaceConfigurations',\r\n}\r\n\r\nexport interface CustomizationStateModel extends LoadingStateShape<CustomizationActionKey> {\r\n  properties: ManagePreviewPropertyItem[];\r\n  areas: DisplayArea[];\r\n  configurations: DisplayConfiguration[];\r\n  moduleType: string | null;\r\n  moduleId: string | number | null;\r\n  parentModuleType: string | null;\r\n  parentModuleId: string | number | null;\r\n  parentPath: string;\r\n}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable, inject } from '@angular/core';\r\nimport { Action, Selector, State, StateContext } from '@ngxs/store';\r\nimport { CrudStateBase, handleApiRequest } from '@masterteam/components';\r\nimport {\r\n  CustomizationActionKey,\r\n  CustomizationStateModel,\r\n  ManagePreviewPropertyItem,\r\n} from './customization.model';\r\nimport {\r\n  GetCustomization,\r\n  GetManagePreviewAreas,\r\n  GetManagePreviewConfigurations,\r\n  SetManagePreviewModuleInfo,\r\n  BulkReplaceConfigurations,\r\n} from './customization.actions';\r\nimport {\r\n  CatalogPropertyDto,\r\n  DisplayArea,\r\n  DisplayConfiguration,\r\n  DisplayAreaConfig,\r\n  PropertyCatalogResponseDto,\r\n  Response,\r\n} from './api.model';\r\n\r\nconst DEFAULT_STATE: CustomizationStateModel = {\r\n  properties: [],\r\n  areas: [],\r\n  configurations: [],\r\n  loadingActive: [],\r\n  errors: {},\r\n  moduleType: null,\r\n  moduleId: null,\r\n  parentModuleType: null,\r\n  parentModuleId: null,\r\n  parentPath: '',\r\n};\r\n\r\n@State<CustomizationStateModel>({\r\n  name: 'customization',\r\n  defaults: DEFAULT_STATE,\r\n})\r\n@Injectable()\r\nexport class CustomizationState extends CrudStateBase<\r\n  ManagePreviewPropertyItem,\r\n  CustomizationStateModel,\r\n  CustomizationActionKey\r\n> {\r\n  private readonly http = inject(HttpClient);\r\n  private readonly baseUrl = 'Properties';\r\n  private readonly displayConfigUrl = 'display-configurations';\r\n\r\n  // ============================================================================\r\n  // Data Selectors - Individual for fine-grained reactivity\r\n  // ============================================================================\r\n\r\n  @Selector()\r\n  static getProperties(\r\n    state: CustomizationStateModel,\r\n  ): ManagePreviewPropertyItem[] {\r\n    return state.properties;\r\n  }\r\n\r\n  @Selector()\r\n  static getAreas(state: CustomizationStateModel): DisplayArea[] {\r\n    return state.areas;\r\n  }\r\n\r\n  @Selector()\r\n  static getConfigurations(\r\n    state: CustomizationStateModel,\r\n  ): DisplayConfiguration[] {\r\n    return state.configurations;\r\n  }\r\n\r\n  @Selector()\r\n  static getModuleId(state: CustomizationStateModel): string | number | null {\r\n    return state.moduleId;\r\n  }\r\n\r\n  @Selector()\r\n  static getModuleType(state: CustomizationStateModel): string | null {\r\n    return state.moduleType;\r\n  }\r\n\r\n  // ============================================================================\r\n  // Loading/Error Slice Selectors - REQUIRED for optimal performance\r\n  // ============================================================================\r\n\r\n  @Selector()\r\n  static getLoadingActive(state: CustomizationStateModel): string[] {\r\n    return state.loadingActive;\r\n  }\r\n\r\n  @Selector()\r\n  static getErrors(\r\n    state: CustomizationStateModel,\r\n  ): Record<string, string | null> {\r\n    return state.errors;\r\n  }\r\n\r\n  // ============================================================================\r\n  // Actions\r\n  // ============================================================================\r\n\r\n  @Action(GetManagePreviewAreas)\r\n  getAreas(ctx: StateContext<CustomizationStateModel>) {\r\n    const req$ = this.http.get<Response<DisplayArea[]>>(\r\n      `${this.displayConfigUrl}/areas`,\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetAreas,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        areas: response.data ?? [],\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(GetCustomization)\r\n  getProperties(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: GetCustomization,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n\r\n    const params = {\r\n      ...action.params,\r\n      contextKey,\r\n    };\r\n\r\n    const req$ = this.http.get<Response<PropertyCatalogResponseDto>>(\r\n      `${this.baseUrl}/catalog`,\r\n      { params },\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetProperties,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        properties: (response.data?.properties ?? []).map(\r\n          mapCatalogPropertyToManagePreview,\r\n        ),\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(GetManagePreviewConfigurations)\r\n  getConfigurations(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: GetManagePreviewConfigurations,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n\r\n    const params: Record<string, string | string[]> = { contextKey };\r\n    if (action.areaKeys?.length) {\r\n      params['areaKeys'] = action.areaKeys;\r\n    }\r\n\r\n    const req$ = this.http.get<Response<DisplayConfiguration[]>>(\r\n      this.displayConfigUrl,\r\n      { params },\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetConfigurations,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        configurations: response.data ?? [],\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(SetManagePreviewModuleInfo)\r\n  setModuleInfo(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: SetManagePreviewModuleInfo,\r\n  ) {\r\n    let parentPath = '';\r\n    if (action.parentModuleType && action.parentModuleId) {\r\n      parentPath = `/${action.parentModuleType}/${action.parentModuleId}`;\r\n    } else if (action.parentPath) {\r\n      parentPath = action.parentPath;\r\n    }\r\n\r\n    ctx.patchState({\r\n      moduleType: action.moduleType,\r\n      moduleId: action.moduleId,\r\n      parentModuleType: action.parentModuleType ?? null,\r\n      parentModuleId: action.parentModuleId ?? null,\r\n      parentPath: parentPath ?? '',\r\n    });\r\n  }\r\n\r\n  @Action(BulkReplaceConfigurations)\r\n  bulkReplaceConfigurations(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: BulkReplaceConfigurations,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n    const previousConfigurations = state.configurations;\r\n    const nextConfigurations = this.toDisplayConfigurations(\r\n      contextKey,\r\n      action.items,\r\n    );\r\n\r\n    const req$ = this.http.put<Response<boolean>>(\r\n      `${this.displayConfigUrl}/bulk-replace`,\r\n      {\r\n        contextKey,\r\n        items: action.items,\r\n      },\r\n    );\r\n\r\n    ctx.patchState({\r\n      configurations: nextConfigurations,\r\n    });\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.BulkReplaceConfigurations,\r\n      request$: req$,\r\n      onSuccess: () => undefined,\r\n      onError: () => ({\r\n        configurations: previousConfigurations,\r\n      }),\r\n    });\r\n  }\r\n\r\n  // ============================================================================\r\n  // Private Helpers\r\n  // ============================================================================\r\n\r\n  private buildContextKey(state: CustomizationStateModel): string {\r\n    const contextParts: string[] = [];\r\n    if (state.parentModuleType && state.parentModuleId) {\r\n      contextParts.push(`${state.parentModuleType}:${state.parentModuleId}`);\r\n    }\r\n    if (state.moduleType && state.moduleId) {\r\n      contextParts.push(`${state.moduleType}:${state.moduleId}`);\r\n    }\r\n    return contextParts.join('/');\r\n  }\r\n\r\n  private toDisplayConfigurations(\r\n    contextKey: string,\r\n    items: Array<{ propertyKey: string; displayAreas: DisplayAreaConfig[] }>,\r\n  ): DisplayConfiguration[] {\r\n    const configurations: DisplayConfiguration[] = [];\r\n\r\n    for (const item of items) {\r\n      for (const displayArea of item.displayAreas) {\r\n        configurations.push({\r\n          contextKey,\r\n          areaKey: displayArea.areaKey,\r\n          propertyKey: item.propertyKey,\r\n          order: displayArea.order,\r\n          configuration: displayArea.configuration,\r\n        });\r\n      }\r\n    }\r\n\r\n    return configurations;\r\n  }\r\n}\r\n\r\nfunction mapCatalogPropertyToManagePreview(\r\n  property: CatalogPropertyDto,\r\n): ManagePreviewPropertyItem {\r\n  return {\r\n    id: property.id,\r\n    key: property.key,\r\n    viewType: property.viewType,\r\n    viewTypeLabel: property.viewType,\r\n    name: { display: property.label },\r\n    order: property.order,\r\n    isRequired: property.isRequired,\r\n    isSystem: property.isSystem,\r\n    isCalculated: property.source?.toLowerCase().includes('calculated'),\r\n    configuration: property.configuration ?? undefined,\r\n  };\r\n}\r\n","import { Injectable, computed, inject } from '@angular/core';\r\nimport { select, Store } from '@ngxs/store';\r\nimport type { Observable } from 'rxjs';\r\nimport { CustomizationActionKey } from './customization.model';\r\nimport {\r\n  GetCustomization,\r\n  GetManagePreviewAreas,\r\n  GetManagePreviewConfigurations,\r\n  SetManagePreviewModuleInfo,\r\n  BulkReplaceConfigurations,\r\n} from './customization.actions';\r\nimport { CustomizationState } from './customization.state';\r\nimport type { BulkReplaceItem } from './api.model';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class CustomizationFacade {\r\n  private readonly store = inject(Store);\r\n\r\n  // ============================================================================\r\n  // Data Selectors - Memoized by NGXS (fine-grained reactivity)\r\n  // ============================================================================\r\n  readonly properties = select(CustomizationState.getProperties);\r\n  readonly areas = select(CustomizationState.getAreas);\r\n  readonly configurations = select(CustomizationState.getConfigurations);\r\n  readonly moduleId = select(CustomizationState.getModuleId);\r\n  readonly moduleType = select(CustomizationState.getModuleType);\r\n\r\n  // ============================================================================\r\n  // Loading/Error Slices - Memoized by NGXS\r\n  // ============================================================================\r\n  private readonly loadingActive = select(CustomizationState.getLoadingActive);\r\n  private readonly errors = select(CustomizationState.getErrors);\r\n\r\n  // ============================================================================\r\n  // Loading Signals - Computed from slice (minimal reactivity)\r\n  // ============================================================================\r\n  readonly isLoadingProperties = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetProperties),\r\n  );\r\n\r\n  readonly isLoadingAreas = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetAreas),\r\n  );\r\n\r\n  readonly isLoadingConfigurations = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetConfigurations),\r\n  );\r\n\r\n  readonly isBulkReplacing = computed(() =>\r\n    this.loadingActive().includes(\r\n      CustomizationActionKey.BulkReplaceConfigurations,\r\n    ),\r\n  );\r\n\r\n  // ============================================================================\r\n  // Error Signals - Computed from slice (minimal reactivity)\r\n  // ============================================================================\r\n  readonly propertiesError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetProperties] ?? null,\r\n  );\r\n\r\n  readonly areasError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetAreas] ?? null,\r\n  );\r\n\r\n  readonly configurationsError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetConfigurations] ?? null,\r\n  );\r\n\r\n  readonly bulkReplaceError = computed(\r\n    () =>\r\n      this.errors()[CustomizationActionKey.BulkReplaceConfigurations] ?? null,\r\n  );\r\n\r\n  // ============================================================================\r\n  // Action Dispatchers\r\n  // ============================================================================\r\n\r\n  loadAreas(): Observable<unknown> {\r\n    return this.store.dispatch(new GetManagePreviewAreas());\r\n  }\r\n\r\n  loadProperties(params?: Record<string, unknown>): Observable<unknown> {\r\n    return this.store.dispatch(new GetCustomization(params));\r\n  }\r\n\r\n  loadConfigurations(areaKeys?: string[]): Observable<unknown> {\r\n    return this.store.dispatch(new GetManagePreviewConfigurations(areaKeys));\r\n  }\r\n\r\n  bulkReplaceConfigurations(items: BulkReplaceItem[]): Observable<unknown> {\r\n    return this.store.dispatch(new BulkReplaceConfigurations(items));\r\n  }\r\n\r\n  setModuleInfo(\r\n    moduleType: string,\r\n    moduleId: string | number,\r\n    parentModuleType?: string,\r\n    parentModuleId?: string | number,\r\n    parentPath?: string,\r\n  ): Observable<unknown> {\r\n    return this.store.dispatch(\r\n      new SetManagePreviewModuleInfo(\r\n        moduleType,\r\n        moduleId,\r\n        parentModuleType,\r\n        parentModuleId,\r\n        parentPath,\r\n      ),\r\n    );\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { TranslocoDirective } from '@jsverse/transloco';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { ToggleField } from '@masterteam/components/toggle-field';\r\nimport { ModalService } from '@masterteam/components/modal';\r\nimport { ModalRef } from '@masterteam/components/dialog';\r\nimport type {\r\n  EntityViewType,\r\n  PropertyEditConfig,\r\n} from '../customization.model';\r\nimport { BORDER_VIEW_TYPES, USER_VIEW_TYPES } from '../customization.model';\r\nimport { CustomizationFacade } from '../../store';\r\nimport type { BulkReplaceItem } from '../../store/customization';\r\n\r\n@Component({\r\n  selector: 'mt-property-config-drawer',\r\n  standalone: true,\r\n  imports: [TranslocoDirective, ReactiveFormsModule, Button, ToggleField],\r\n  templateUrl: './property-config-drawer.html',\r\n})\r\nexport class PropertyConfigDrawer {\r\n  protected readonly modalService = inject(ModalService);\r\n  private readonly ref = inject(ModalRef);\r\n  private readonly facade = inject(CustomizationFacade);\r\n  private readonly doc = inject(DOCUMENT);\r\n\r\n  // ─── Inputs (passed via drawer inputValues) ───\r\n  readonly propertyKey = input<string>('');\r\n  readonly propertyName = input<string>('');\r\n  readonly viewType = input<EntityViewType>('Text');\r\n  readonly areaKey = input<string>('card');\r\n  readonly currentOrder = input<number>(1);\r\n  readonly initialConfig = input<PropertyEditConfig>({\r\n    hideName: false,\r\n    labelPosition: 'bottom',\r\n    showBorder: false,\r\n    alignEnd: false,\r\n    showDisplayName: true,\r\n    showPhoneNumber: false,\r\n    showEmail: false,\r\n  });\r\n\r\n  // ─── UI state ───\r\n  readonly submitting = signal(false);\r\n  readonly hideNameControl = new FormControl(false);\r\n  readonly labelOnTopControl = new FormControl(false);\r\n  readonly showBorderControl = new FormControl(false);\r\n  readonly alignEndControl = new FormControl(false);\r\n  readonly showDisplayNameControl = new FormControl(false);\r\n  readonly showPhoneNumberControl = new FormControl(false);\r\n  readonly showEmailControl = new FormControl(false);\r\n\r\n  // ─── Computed visibility flags ───\r\n  readonly isBorderViewType = computed(() =>\r\n    BORDER_VIEW_TYPES.includes(this.viewType()),\r\n  );\r\n  readonly isUserViewType = computed(() =>\r\n    USER_VIEW_TYPES.includes(this.viewType()),\r\n  );\r\n  readonly isLeafDetailsViewType = computed(\r\n    () => this.viewType() === 'LeafDetails',\r\n  );\r\n\r\n  /** True when the document direction is RTL */\r\n  private readonly isRtl = signal(\r\n    this.doc.documentElement.getAttribute('dir') === 'rtl',\r\n  );\r\n\r\n  /** Align-end icon: right in LTR, left in RTL */\r\n  readonly alignEndIcon = computed(() =>\r\n    this.isRtl() ? 'layout.align-left-01' : 'layout.align-right-01',\r\n  );\r\n\r\n  constructor() {\r\n    // Initialize form from input config\r\n    effect(() => {\r\n      const config = this.initialConfig();\r\n      this.hideNameControl.patchValue(config.hideName ?? false);\r\n      this.labelOnTopControl.patchValue(config.labelPosition === 'top');\r\n      this.showBorderControl.patchValue(config.showBorder ?? false);\r\n      this.alignEndControl.patchValue(config.alignEnd ?? false);\r\n      this.showDisplayNameControl.patchValue(config.showDisplayName ?? true);\r\n      this.showPhoneNumberControl.patchValue(config.showPhoneNumber ?? false);\r\n      this.showEmailControl.patchValue(config.showEmail ?? false);\r\n    });\r\n  }\r\n\r\n  onSave(): void {\r\n    // Preserve existing size from configuration (managed via drag-resize)\r\n    const existingConfig = this.facade\r\n      .configurations()\r\n      .find(\r\n        (c) =>\r\n          c.propertyKey === this.propertyKey() && c.areaKey === this.areaKey(),\r\n      );\r\n    const existingSize = existingConfig?.configuration?.['size'];\r\n    const existingLeafLevels = existingConfig?.configuration?.['leafLevels'];\r\n\r\n    const configuration: Record<string, unknown> = {};\r\n\r\n    // Carry over size so drag-resize value is not lost\r\n    if (existingSize != null) {\r\n      configuration['size'] = existingSize;\r\n    }\r\n    if (existingLeafLevels != null) {\r\n      configuration['leafLevels'] = existingLeafLevels;\r\n    }\r\n\r\n    if (!this.isLeafDetailsViewType()) {\r\n      // Keep both keys for backward compatibility while the shared entities\r\n      // layer now prefers hideLabel.\r\n      configuration['hideName'] = this.hideNameControl.value ?? false;\r\n      configuration['hideLabel'] = this.hideNameControl.value ?? false;\r\n    }\r\n    configuration['labelPosition'] = this.labelOnTopControl.value\r\n      ? 'top'\r\n      : 'bottom';\r\n    if (!this.isLeafDetailsViewType()) {\r\n      configuration['alignEnd'] = this.alignEndControl.value ?? false;\r\n    }\r\n\r\n    if (this.isBorderViewType()) {\r\n      configuration['showBorder'] = this.showBorderControl.value ?? false;\r\n    }\r\n    if (this.isUserViewType()) {\r\n      configuration['showDisplayName'] =\r\n        this.showDisplayNameControl.value ?? false;\r\n      configuration['showPhoneNumber'] =\r\n        this.showPhoneNumberControl.value ?? false;\r\n      configuration['showEmail'] = this.showEmailControl.value ?? false;\r\n    }\r\n\r\n    const newDisplayArea = {\r\n      areaKey: this.areaKey(),\r\n      order: this.currentOrder(),\r\n      configuration,\r\n    };\r\n\r\n    // Build bulk items from existing configs, replacing the current property+area\r\n    const configs = this.facade.configurations();\r\n    const itemsMap = new Map<string, BulkReplaceItem['displayAreas']>();\r\n\r\n    for (const c of configs) {\r\n      // Skip the entry being replaced\r\n      if (\r\n        c.propertyKey === this.propertyKey() &&\r\n        c.areaKey === this.areaKey()\r\n      ) {\r\n        continue;\r\n      }\r\n      if (!itemsMap.has(c.propertyKey)) {\r\n        itemsMap.set(c.propertyKey, []);\r\n      }\r\n      itemsMap.get(c.propertyKey)!.push({\r\n        areaKey: c.areaKey,\r\n        order: c.order,\r\n        configuration: c.configuration,\r\n      });\r\n    }\r\n\r\n    // Add/replace the current property's area config\r\n    if (!itemsMap.has(this.propertyKey())) {\r\n      itemsMap.set(this.propertyKey(), []);\r\n    }\r\n    itemsMap.get(this.propertyKey())!.push(newDisplayArea);\r\n\r\n    const items: BulkReplaceItem[] = Array.from(itemsMap.entries()).map(\r\n      ([propertyKey, displayAreas]) => ({ propertyKey, displayAreas }),\r\n    );\r\n\r\n    this.submitting.set(true);\r\n    this.facade.bulkReplaceConfigurations(items).subscribe({\r\n      next: () => this.ref.close(true),\r\n      error: () => this.submitting.set(false),\r\n    });\r\n  }\r\n\r\n  onCancel(): void {\r\n    this.ref.close(null);\r\n  }\r\n}\r\n","<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\r\n      @if (!isLeafDetailsViewType()) {\r\n        <!-- Hide Name Toggle -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('hide-name')\"\r\n          icon=\"general.eye-off\"\r\n          [formControl]=\"hideNameControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('label-on-top')\"\r\n        icon=\"layout.align-right-02\"\r\n        [formControl]=\"labelOnTopControl\"\r\n      ></mt-toggle-field>\r\n\r\n      @if (!isLeafDetailsViewType()) {\r\n        <!-- Align End Toggle -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('align-end')\"\r\n          [icon]=\"alignEndIcon()\"\r\n          [formControl]=\"alignEndControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\r\n      @if (isBorderViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-border')\"\r\n          icon=\"layout.layout-grid-01\"\r\n          [formControl]=\"showBorderControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- User-specific Toggles -->\r\n      @if (isUserViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-display-name')\"\r\n          icon=\"user.user-circle\"\r\n          [formControl]=\"showDisplayNameControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-phone-number')\"\r\n          icon=\"communication.phone\"\r\n          [formControl]=\"showPhoneNumberControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-email')\"\r\n          icon=\"communication.mail-01\"\r\n          [formControl]=\"showEmailControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"onCancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n","import { Component, computed, input, output } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { TranslocoDirective } from '@jsverse/transloco';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { Icon } from '@masterteam/icons';\r\nimport { ToggleField } from '@masterteam/components/toggle-field';\r\nimport type { ManagePreviewPropertyItem } from '../../store/customization';\r\nimport type {\r\n  LeafLevelConfig,\r\n  LeafLevelSavedConfig,\r\n} from '../../store/customization/api.model';\r\n\r\n@Component({\r\n  selector: 'mt-leaf-details-selector',\r\n  standalone: true,\r\n  imports: [FormsModule, TranslocoDirective, Icon, ToggleField, Button],\r\n  templateUrl: './leaf-details-selector.html',\r\n})\r\nexport class LeafDetailsSelector {\r\n  readonly property = input.required<\r\n    ManagePreviewPropertyItem & { enabled: boolean }\r\n  >();\r\n  readonly leafLevels = input<Record<string, LeafLevelSavedConfig>>({});\r\n  readonly showEditAction = input(false);\r\n\r\n  readonly configChange = output<Record<string, LeafLevelSavedConfig>>();\r\n  readonly editRequested = output<void>();\r\n\r\n  readonly levels = computed<LeafLevelConfig[]>(\r\n    () => (this.property().configuration as unknown as LeafLevelConfig[]) ?? [],\r\n  );\r\n\r\n  isLevelEnabled(levelId: number): boolean {\r\n    return this.leafLevels()[String(levelId)] != null;\r\n  }\r\n\r\n  isStatusSelected(levelId: number, statusKey: string): boolean {\r\n    return (\r\n      this.leafLevels()[String(levelId)]?.selectedStatuses.includes(\r\n        statusKey,\r\n      ) ?? false\r\n    );\r\n  }\r\n\r\n  /** Section toggle — show or hide the entire level in the preview */\r\n  toggleLevel(levelId: number, enabled: boolean): void {\r\n    const current = { ...this.leafLevels() };\r\n    if (enabled) {\r\n      const level = this.levels().find((l) => l.levelId === levelId);\r\n      current[String(levelId)] = {\r\n        order: Object.keys(current).length + 1,\r\n        selectedStatuses: level?.statuses.map((s) => s.key) ?? [],\r\n      };\r\n    } else {\r\n      delete current[String(levelId)];\r\n    }\r\n    this.configChange.emit(current);\r\n  }\r\n\r\n  /** Status toggle — show or hide a single status badge in the level preview */\r\n  toggleStatus(levelId: number, statusKey: string): void {\r\n    const current = { ...this.leafLevels() };\r\n    const saved = current[String(levelId)];\r\n    if (!saved) return;\r\n    const idx = saved.selectedStatuses.indexOf(statusKey);\r\n    current[String(levelId)] = {\r\n      ...saved,\r\n      selectedStatuses:\r\n        idx >= 0\r\n          ? saved.selectedStatuses.filter((k) => k !== statusKey)\r\n          : [...saved.selectedStatuses, statusKey],\r\n    };\r\n    this.configChange.emit(current);\r\n  }\r\n\r\n  onEditClick(): void {\r\n    this.editRequested.emit();\r\n  }\r\n}\r\n","<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div class=\"space-y-2 pt-1\">\r\n    <div class=\"flex items-center gap-1 px-1\">\r\n      <p class=\"text-sm font-semibold text-color\">\r\n        {{ t(\"leaf-details-target-statuses\") }}\r\n      </p>\r\n      @if (showEditAction()) {\r\n        <mt-button\r\n          icon=\"editor.pencil-01\"\r\n          variant=\"text\"\r\n          severity=\"primary\"\r\n          (onClick)=\"onEditClick()\"\r\n        />\r\n      }\r\n    </div>\r\n\r\n    @for (level of levels(); track $index) {\r\n      <div class=\"rounded-lg border border-surface-200 overflow-hidden\">\r\n        <!-- Level header: icon + name | section toggle (show/hide this level) -->\r\n        <div class=\"flex items-center gap-2 px-3 py-2.5\">\r\n          <mt-icon\r\n            [icon]=\"level.levelIcon\"\r\n            size=\"xs\"\r\n            class=\"text-color-secondary shrink-0\"\r\n          />\r\n          <span class=\"flex-1 text-sm font-medium truncate\">{{\r\n            level.levelName\r\n          }}</span>\r\n          <mt-toggle-field\r\n            [ngModel]=\"isLevelEnabled(level.levelId)\"\r\n            (ngModelChange)=\"toggleLevel(level.levelId, $event)\"\r\n            size=\"small\"\r\n            class=\"shrink-0\"\r\n          />\r\n        </div>\r\n\r\n        <!-- Status rows: each toggle shows/hides that status badge in the preview -->\r\n        @if (isLevelEnabled(level.levelId)) {\r\n          <div class=\"border-t border-surface-200 divide-y divide-surface-100\">\r\n            @for (status of level.statuses; track $index) {\r\n              <div class=\"flex items-center gap-2.5 px-3 py-2\">\r\n                <span\r\n                  class=\"w-2.5 h-2.5 rounded-full shrink-0 border border-black/10\"\r\n                  [style.background-color]=\"status.color ?? '#9CA3AF'\"\r\n                ></span>\r\n                <span class=\"text-sm flex-1 truncate\">{{\r\n                  status.display\r\n                }}</span>\r\n                <mt-toggle-field\r\n                  [ngModel]=\"isStatusSelected(level.levelId, status.key)\"\r\n                  (ngModelChange)=\"toggleStatus(level.levelId, status.key)\"\r\n                  size=\"small\"\r\n                  class=\"shrink-0\"\r\n                />\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-container>\r\n","import {\r\n  Component,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  OnInit,\r\n  signal,\r\n} from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { TranslocoDirective } from '@jsverse/transloco';\r\nimport { Card } from '@masterteam/components/card';\r\nimport { TextField } from '@masterteam/components/text-field';\r\nimport { ToggleField } from '@masterteam/components/toggle-field';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { Tabs } from '@masterteam/components/tabs';\r\nimport {\r\n  EntitiesManage,\r\n  EntityLeafDetailsConfig,\r\n  buildDisplayEntities,\r\n  isLeafDetailsSyntheticKey,\r\n  LEAF_DETAILS_KEY_SEPARATOR,\r\n} from '@masterteam/components/entities';\r\nimport { ModalService } from '@masterteam/components/modal';\r\nimport { Icon } from '@masterteam/icons';\r\nimport { Skeleton } from 'primeng/skeleton';\r\nimport type {\r\n  EntityData,\r\n  EntityLabelPosition,\r\n  EntityViewType,\r\n  EntityStatusValue,\r\n  EntityLookupValue,\r\n  EntityUserValue,\r\n  EntityResizeEvent,\r\n  PropertyEditConfig,\r\n} from './customization.model';\r\nimport { EDITABLE_VIEW_TYPES } from './customization.model';\r\nimport { CustomizationFacade } from '../store';\r\nimport type {\r\n  ManagePreviewPropertyItem,\r\n  DisplayConfiguration,\r\n  BulkReplaceItem,\r\n} from '../store/customization';\r\nimport type {\r\n  LeafLevelConfig,\r\n  LeafLevelSavedConfig,\r\n} from '../store/customization/api.model';\r\nimport { PropertyConfigDrawer } from './property-config-drawer/property-config-drawer';\r\nimport { LeafDetailsSelector } from './leaf-details-selector/leaf-details-selector';\r\n\r\n@Component({\r\n  selector: 'mt-customization',\r\n  standalone: true,\r\n  imports: [\r\n    FormsModule,\r\n    TranslocoDirective,\r\n    Card,\r\n    TextField,\r\n    ToggleField,\r\n    Button,\r\n    Tabs,\r\n    Skeleton,\r\n    EntitiesManage,\r\n    Icon,\r\n    LeafDetailsSelector,\r\n  ],\r\n  templateUrl: './customization.html',\r\n  styleUrl: './customization.scss',\r\n})\r\nexport class Customization implements OnInit {\r\n  protected readonly facade = inject(CustomizationFacade);\r\n  private readonly modalService = inject(ModalService);\r\n\r\n  /** Set of viewTypes that have editable fields in the drawer (beyond size) */\r\n  protected readonly editableViewTypes = new Set(EDITABLE_VIEW_TYPES);\r\n\r\n  readonly searchQuery = signal('');\r\n  readonly activeArea = signal<string | null>(null);\r\n\r\n  // ── Derived signals ──\r\n  readonly properties = this.facade.properties;\r\n  readonly areas = this.facade.areas;\r\n  readonly isLoading = this.facade.isLoadingProperties;\r\n  readonly isLoadingAreas = this.facade.isLoadingAreas;\r\n  readonly isLoadingPreview = computed(\r\n    () =>\r\n      this.facade.isLoadingConfigurations() ||\r\n      this.facade.isLoadingProperties(),\r\n  );\r\n\r\n  readonly areasTabs = computed(() =>\r\n    this.areas().map((area) => ({ label: area.name, value: area.key })),\r\n  );\r\n\r\n  /**\r\n   * Configurations filtered to exclude properties that no longer exist in the catalog.\r\n   * Prevents sending orphaned property references on save.\r\n   */\r\n  private readonly validConfigurations = computed(() => {\r\n    const configs = this.facade.configurations();\r\n    const props = this.properties();\r\n    const propertyKeys = new Set(props.map((p) => p.key));\r\n    return configs.filter((c) => propertyKeys.has(c.propertyKey));\r\n  });\r\n\r\n  /** Properties enriched with `enabled` based on current area configurations */\r\n  readonly propertiesWithEnabled = computed(() => {\r\n    const props = this.properties();\r\n    const configs = this.validConfigurations();\r\n    const area = this.activeArea();\r\n\r\n    if (!area) return props.map((p) => ({ ...p, enabled: false }));\r\n\r\n    return props.map((p) => ({\r\n      ...p,\r\n      enabled: configs.some(\r\n        (c) => c.areaKey === area && c.propertyKey === p.key,\r\n      ),\r\n    }));\r\n  });\r\n\r\n  readonly filteredProperties = computed(() => {\r\n    const query = this.searchQuery().toLowerCase().trim();\r\n    const list = this.propertiesWithEnabled();\r\n\r\n    // LeafDetails always first in the list regardless of active state\r\n    const leaf = list.filter((p) => p.viewType === 'LeafDetails');\r\n    const regular = list.filter((p) => p.viewType !== 'LeafDetails');\r\n    const ordered = [...leaf, ...regular];\r\n\r\n    if (!query) return ordered;\r\n\r\n    return ordered.filter((prop) => {\r\n      const name =\r\n        typeof prop.name === 'string'\r\n          ? prop.name\r\n          : Object.values(prop.name).join(' ');\r\n      return name.toLowerCase().includes(query);\r\n    });\r\n  });\r\n\r\n  /**\r\n   * LeafDetails saved configs indexed by propertyKey for the active area.\r\n   * Used by the inline selector in the property list.\r\n   */\r\n  protected readonly leafConfigsByProp = computed<\r\n    Record<string, Record<string, LeafLevelSavedConfig>>\r\n  >(() => {\r\n    const configs = this.validConfigurations();\r\n    const area = this.activeArea();\r\n    if (!area) return {};\r\n\r\n    const result: Record<string, Record<string, LeafLevelSavedConfig>> = {};\r\n    for (const config of configs) {\r\n      if (config.areaKey !== area) continue;\r\n      const leafLevels = config.configuration?.['leafLevels'];\r\n      if (\r\n        leafLevels &&\r\n        typeof leafLevels === 'object' &&\r\n        !Array.isArray(leafLevels)\r\n      ) {\r\n        result[config.propertyKey] = leafLevels as Record<\r\n          string,\r\n          LeafLevelSavedConfig\r\n        >;\r\n      }\r\n    }\r\n    return result;\r\n  });\r\n\r\n  /** Preview entities built from configurations + properties for the active area */\r\n  previewEntities = signal<EntityData[]>([]);\r\n\r\n  constructor() {\r\n    // Set default active area when areas load\r\n    effect(() => {\r\n      const areas = this.areas();\r\n      if (areas.length > 0 && !this.activeArea()) {\r\n        this.activeArea.set(areas[0].key);\r\n      }\r\n    });\r\n\r\n    // Rebuild preview entities when configs, properties, or active area change\r\n    effect(() => {\r\n      const configs = this.validConfigurations();\r\n      const props = this.properties();\r\n      const area = this.activeArea();\r\n\r\n      if (!area || !props.length) {\r\n        this.previewEntities.set([]);\r\n        return;\r\n      }\r\n\r\n      const areaConfigs = configs.filter((c) => c.areaKey === area);\r\n      const entities = buildDisplayEntities(\r\n        areaConfigs.flatMap((config) =>\r\n          this.buildEntitiesFromConfig(config, props),\r\n        ),\r\n      );\r\n\r\n      this.previewEntities.set(entities);\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.facade.loadAreas();\r\n    this.facade.loadProperties();\r\n    this.facade.loadConfigurations();\r\n  }\r\n\r\n  onPropertyToggle(\r\n    prop: ManagePreviewPropertyItem & { enabled: boolean },\r\n    enabled: boolean,\r\n  ): void {\r\n    // LeafDetails is managed entirely via the inline status selector — skip\r\n    if (prop.viewType === 'LeafDetails') return;\r\n\r\n    if (enabled) {\r\n      this.activateProperty(\r\n        prop,\r\n        this.editableViewTypes.has(prop.viewType as EntityViewType),\r\n      );\r\n      return;\r\n    }\r\n\r\n    this.bulkSaveWithout(prop.key);\r\n  }\r\n\r\n  onEditProperty(prop: ManagePreviewPropertyItem): void {\r\n    const area = this.activeArea();\r\n    if (!area) return;\r\n\r\n    const configs = this.validConfigurations();\r\n    const existingConfig = configs.find(\r\n      (c) => c.areaKey === area && c.propertyKey === prop.key,\r\n    );\r\n\r\n    this.openDrawer(prop, {\r\n      currentOrder: existingConfig?.order,\r\n      configuration: existingConfig?.configuration as\r\n        | Record<string, unknown>\r\n        | undefined,\r\n    });\r\n  }\r\n\r\n  onEntityClicked(entity: EntityData): void {\r\n    // LeafDetails sub-entities are configured inline — not via drawer\r\n    const area = this.activeArea();\r\n    if (!area || !entity.key) return;\r\n\r\n    const propertyKey = isLeafDetailsSyntheticKey(entity.key)\r\n      ? entity.key.split(LEAF_DETAILS_KEY_SEPARATOR)[0]\r\n      : entity.key;\r\n\r\n    const prop = this.properties().find((p) => p.key === propertyKey);\r\n    if (!prop) return;\r\n\r\n    if (!this.editableViewTypes.has(prop.viewType as EntityViewType)) return;\r\n\r\n    const configs = this.validConfigurations();\r\n    const existingConfig = configs.find(\r\n      (c) => c.areaKey === area && c.propertyKey === propertyKey,\r\n    );\r\n\r\n    this.openDrawer(prop, {\r\n      currentOrder: existingConfig?.order,\r\n      configuration: existingConfig?.configuration as\r\n        | Record<string, unknown>\r\n        | undefined,\r\n    });\r\n  }\r\n\r\n  onEntityResized(event: EntityResizeEvent): void {\r\n    const area = this.activeArea();\r\n    if (!area) return;\r\n\r\n    const configs = this.validConfigurations();\r\n\r\n    // ── LeafDetails sub-entity resize ──\r\n    if (isLeafDetailsSyntheticKey(event.entity.key)) {\r\n      const [propKey, levelId] = event.entity.key!.split(\r\n        LEAF_DETAILS_KEY_SEPARATOR,\r\n      );\r\n      const existingConfig = configs.find(\r\n        (c) => c.areaKey === area && c.propertyKey === propKey,\r\n      );\r\n      const leafLevels = {\r\n        ...((existingConfig?.configuration?.['leafLevels'] as Record<\r\n          string,\r\n          LeafLevelSavedConfig\r\n        >) ?? {}),\r\n      };\r\n      if (leafLevels[levelId]) {\r\n        leafLevels[levelId] = { ...leafLevels[levelId], size: event.newSize };\r\n      }\r\n      const updatedConfigs = configs.map((c) =>\r\n        c.areaKey === area && c.propertyKey === propKey\r\n          ? { ...c, configuration: { ...c.configuration, leafLevels } }\r\n          : c,\r\n      );\r\n      this.facade\r\n        .bulkReplaceConfigurations(this.groupConfigsByProperty(updatedConfigs))\r\n        .subscribe();\r\n      return;\r\n    }\r\n\r\n    // ── Regular entity resize ──\r\n    const updatedConfigs = configs.map((c) =>\r\n      c.areaKey === area && c.propertyKey === event.entity.key\r\n        ? { ...c, configuration: { ...c.configuration, size: event.newSize } }\r\n        : c,\r\n    );\r\n    this.facade\r\n      .bulkReplaceConfigurations(this.groupConfigsByProperty(updatedConfigs))\r\n      .subscribe();\r\n  }\r\n\r\n  onEntitiesReordered(entities: EntityData[]): void {\r\n    const area = this.activeArea();\r\n    if (!area) return;\r\n\r\n    const configs = this.validConfigurations();\r\n\r\n    // Separate regular entities from LeafDetails sub-entities\r\n    const regularEntities = entities.filter(\r\n      (e) => !isLeafDetailsSyntheticKey(e.key),\r\n    );\r\n    const leafEntities = entities.filter((e) => isLeafDetailsSyntheticKey(e.key));\r\n\r\n    // Regular entities → BulkReplaceItems\r\n    const regularItems: BulkReplaceItem[] = regularEntities.map((entity) => {\r\n      const existingConfig = configs.find(\r\n        (c) => c.areaKey === area && c.propertyKey === entity.key,\r\n      );\r\n      return {\r\n        propertyKey: entity.key!,\r\n        displayAreas: [\r\n          {\r\n            areaKey: area,\r\n            order: entity.order!,\r\n            configuration:\r\n              (existingConfig?.configuration as Record<string, unknown>) ?? {},\r\n          },\r\n        ],\r\n      };\r\n    });\r\n\r\n    // Leaf entities → group by parent propertyKey, update per-level order\r\n    const leafByProp = new Map<\r\n      string,\r\n      Array<{ levelId: string; order: number }>\r\n    >();\r\n    for (const entity of leafEntities) {\r\n      const [propKey, levelId] = entity.key!.split(LEAF_DETAILS_KEY_SEPARATOR);\r\n      if (!leafByProp.has(propKey)) leafByProp.set(propKey, []);\r\n      leafByProp.get(propKey)!.push({ levelId, order: entity.order! });\r\n    }\r\n\r\n    const leafItems: BulkReplaceItem[] = [];\r\n    for (const [propKey, levelUpdates] of leafByProp) {\r\n      const existingConfig = configs.find(\r\n        (c) => c.areaKey === area && c.propertyKey === propKey,\r\n      );\r\n      const leafLevels = {\r\n        ...((existingConfig?.configuration?.['leafLevels'] as Record<\r\n          string,\r\n          LeafLevelSavedConfig\r\n        >) ?? {}),\r\n      };\r\n      for (const { levelId, order } of levelUpdates) {\r\n        if (leafLevels[levelId]) {\r\n          leafLevels[levelId] = { ...leafLevels[levelId], order };\r\n        }\r\n      }\r\n      const minOrder = Math.min(...levelUpdates.map((l) => l.order));\r\n      leafItems.push({\r\n        propertyKey: propKey,\r\n        displayAreas: [\r\n          {\r\n            areaKey: area,\r\n            order: existingConfig?.order ?? minOrder,\r\n            configuration: { ...existingConfig?.configuration, leafLevels },\r\n          },\r\n        ],\r\n      });\r\n    }\r\n\r\n    // Configs from other areas (preserve as-is)\r\n    const otherAreaItems = this.groupConfigsByProperty(\r\n      configs.filter((c) => c.areaKey !== area),\r\n    );\r\n\r\n    this.facade\r\n      .bulkReplaceConfigurations(\r\n        this.mergeItems([...regularItems, ...leafItems], otherAreaItems),\r\n      )\r\n      .subscribe();\r\n  }\r\n\r\n  /**\r\n   * Called by the inline LeafDetailsSelector when the user changes status selections.\r\n   * Immediately persists the updated leafLevels configuration.\r\n   */\r\n  onLeafConfigChange(\r\n    prop: ManagePreviewPropertyItem,\r\n    leafLevels: Record<string, LeafLevelSavedConfig>,\r\n  ): void {\r\n    const area = this.activeArea();\r\n    if (!area) return;\r\n\r\n    const configs = this.validConfigurations();\r\n    const existingConfig = configs.find(\r\n      (c) => c.areaKey === area && c.propertyKey === prop.key,\r\n    );\r\n\r\n    // Ensure every level has an order assigned\r\n    let nextOrder =\r\n      configs.filter((c) => c.areaKey === area && c.propertyKey !== prop.key)\r\n        .length + 1;\r\n    const normalizedLevels: Record<string, LeafLevelSavedConfig> = {};\r\n    for (const [levelId, levelCfg] of Object.entries(leafLevels)) {\r\n      normalizedLevels[levelId] = levelCfg.order\r\n        ? levelCfg\r\n        : { ...levelCfg, order: nextOrder++ };\r\n    }\r\n\r\n    // Other configs excluding this leaf property in the current area\r\n    const otherItems = this.groupConfigsByProperty(\r\n      configs.filter(\r\n        (c) => !(c.areaKey === area && c.propertyKey === prop.key),\r\n      ),\r\n    );\r\n\r\n    if (Object.keys(normalizedLevels).length === 0) {\r\n      // All levels deselected — remove property from display config\r\n      this.facade.bulkReplaceConfigurations(otherItems).subscribe();\r\n      return;\r\n    }\r\n\r\n    const minOrder = Math.min(\r\n      ...Object.values(normalizedLevels).map((l) => l.order),\r\n    );\r\n    const newItem: BulkReplaceItem = {\r\n      propertyKey: prop.key,\r\n      displayAreas: [\r\n        {\r\n          areaKey: area,\r\n          order: existingConfig?.order ?? minOrder,\r\n          configuration: {\r\n            ...(existingConfig?.configuration as Record<string, unknown>),\r\n            leafLevels: normalizedLevels,\r\n          },\r\n        },\r\n      ],\r\n    };\r\n\r\n    this.facade\r\n      .bulkReplaceConfigurations(this.mergeItems([newItem], otherItems))\r\n      .subscribe();\r\n  }\r\n\r\n  // ── Private helpers ──\r\n\r\n  /**\r\n   * Builds zero or more EntityData entries from a single DisplayConfiguration.\r\n   * Regular properties → one entity. LeafDetails → one entity per enabled level.\r\n   */\r\n  private buildEntitiesFromConfig(\r\n    config: DisplayConfiguration,\r\n    props: ManagePreviewPropertyItem[],\r\n  ): EntityData[] {\r\n    const prop = props.find((p) => p.key === config.propertyKey);\r\n    if (!prop) return [];\r\n\r\n    if (prop.viewType === 'LeafDetails') {\r\n      return this.buildLeafDetailsEntities(config, prop);\r\n    }\r\n\r\n    const entity = this.buildEntityFromConfig(config, props);\r\n    return entity ? [entity] : [];\r\n  }\r\n\r\n  /** Builds the shared LeafDetails entity that preview/manage will expand. */\r\n  private buildLeafDetailsEntities(\r\n    config: DisplayConfiguration,\r\n    prop: ManagePreviewPropertyItem,\r\n  ): EntityData[] {\r\n    const levels = (prop.configuration as unknown as LeafLevelConfig[]) ?? [];\r\n    const leafLevels = config.configuration?.['leafLevels'] as\r\n      | Record<string, LeafLevelSavedConfig>\r\n      | undefined;\r\n    if (!leafLevels) return [];\r\n\r\n    return [\r\n      {\r\n        id: prop.id,\r\n        propertyId: prop.id,\r\n        key: prop.key,\r\n        name: this.getPropertyDisplayName(prop),\r\n        propertyConfiguration: prop.configuration as EntityData['propertyConfiguration'],\r\n        value: levels.map((level) => ({\r\n          levelId: level.levelId,\r\n          levelName: level.levelName,\r\n          levelIcon: level.levelIcon,\r\n          statuses: level.statuses.map((status) => ({\r\n            key: status.key,\r\n            display: status.display,\r\n            color: status.color,\r\n            count: 0,\r\n          })),\r\n        })),\r\n        viewType: 'LeafDetails' as EntityViewType,\r\n        order: config.order,\r\n        configuration: {\r\n          ...(config.configuration as EntityLeafDetailsConfig | undefined),\r\n          leafLevels,\r\n        },\r\n      },\r\n    ];\r\n  }\r\n\r\n  private activateProperty(\r\n    prop: ManagePreviewPropertyItem,\r\n    openConfigAfterSave = false,\r\n  ): void {\r\n    const area = this.activeArea();\r\n    if (!area) return;\r\n\r\n    const configs = this.validConfigurations();\r\n    const existingConfig = configs.find(\r\n      (c) => c.areaKey === area && c.propertyKey === prop.key,\r\n    );\r\n\r\n    if (existingConfig) {\r\n      if (openConfigAfterSave) {\r\n        this.openDrawer(prop, {\r\n          currentOrder: existingConfig.order,\r\n          configuration: existingConfig.configuration as Record<\r\n            string,\r\n            unknown\r\n          >,\r\n        });\r\n      }\r\n      return;\r\n    }\r\n\r\n    const areaConfigs = configs.filter((c) => c.areaKey === area);\r\n    const nextOrder = areaConfigs.length + 1;\r\n    const configuration: Record<string, unknown> = {};\r\n\r\n    const itemsMap = new Map<string, BulkReplaceItem['displayAreas']>();\r\n    for (const c of configs) {\r\n      if (!itemsMap.has(c.propertyKey)) itemsMap.set(c.propertyKey, []);\r\n      itemsMap.get(c.propertyKey)!.push({\r\n        areaKey: c.areaKey,\r\n        order: c.order,\r\n        configuration: c.configuration as Record<string, unknown>,\r\n      });\r\n    }\r\n\r\n    if (!itemsMap.has(prop.key)) itemsMap.set(prop.key, []);\r\n    itemsMap\r\n      .get(prop.key)!\r\n      .push({ areaKey: area, order: nextOrder, configuration });\r\n\r\n    const items: BulkReplaceItem[] = Array.from(itemsMap.entries()).map(\r\n      ([propertyKey, displayAreas]) => ({ propertyKey, displayAreas }),\r\n    );\r\n\r\n    this.facade.bulkReplaceConfigurations(items).subscribe({\r\n      next: () => {\r\n        if (openConfigAfterSave) {\r\n          this.openDrawer(prop, { currentOrder: nextOrder, configuration });\r\n        }\r\n      },\r\n    });\r\n  }\r\n\r\n  private bulkSaveWithout(excludePropertyKey: string): void {\r\n    const configs = this.validConfigurations();\r\n    const items = this.groupConfigsByProperty(\r\n      configs.filter((c) => c.propertyKey !== excludePropertyKey),\r\n    );\r\n    this.facade.bulkReplaceConfigurations(items).subscribe();\r\n  }\r\n\r\n  private groupConfigsByProperty(\r\n    configs: DisplayConfiguration[],\r\n  ): BulkReplaceItem[] {\r\n    const map = new Map<string, BulkReplaceItem['displayAreas']>();\r\n    for (const c of configs) {\r\n      if (!map.has(c.propertyKey)) map.set(c.propertyKey, []);\r\n      map.get(c.propertyKey)!.push({\r\n        areaKey: c.areaKey,\r\n        order: c.order,\r\n        configuration: c.configuration as Record<string, unknown>,\r\n      });\r\n    }\r\n    return Array.from(map.entries()).map(([propertyKey, displayAreas]) => ({\r\n      propertyKey,\r\n      displayAreas,\r\n    }));\r\n  }\r\n\r\n  private mergeItems(\r\n    primary: BulkReplaceItem[],\r\n    secondary: BulkReplaceItem[],\r\n  ): BulkReplaceItem[] {\r\n    const map = new Map<string, BulkReplaceItem['displayAreas']>();\r\n    for (const item of primary)\r\n      map.set(item.propertyKey, [...item.displayAreas]);\r\n    for (const item of secondary) {\r\n      const existing = map.get(item.propertyKey);\r\n      if (existing) existing.push(...item.displayAreas);\r\n      else map.set(item.propertyKey, [...item.displayAreas]);\r\n    }\r\n    return Array.from(map.entries()).map(([propertyKey, displayAreas]) => ({\r\n      propertyKey,\r\n      displayAreas,\r\n    }));\r\n  }\r\n\r\n  private openDrawer(\r\n    prop: ManagePreviewPropertyItem,\r\n    existingConfig?: {\r\n      currentOrder?: number;\r\n      configuration?: Record<string, unknown>;\r\n    },\r\n  ): void {\r\n    const area = this.activeArea();\r\n    if (!area) return;\r\n\r\n    const configs = this.validConfigurations();\r\n    const areaConfigs = configs.filter((c) => c.areaKey === area);\r\n    const nextOrder = existingConfig?.currentOrder ?? areaConfigs.length + 1;\r\n\r\n    const displayName = this.getPropertyDisplayName(prop);\r\n    const initConfig = this.toPropertyEditConfig(existingConfig?.configuration);\r\n\r\n    this.modalService.openModal(PropertyConfigDrawer, 'drawer', {\r\n      header: displayName,\r\n      styleClass:\r\n        '!absolute !shadow-none min-[1025px]:!w-[27%] max-[1024px]:!w-[min(92vw,28rem)]',\r\n      position: 'end',\r\n      appendTo: '#page-content',\r\n      dismissible: true,\r\n      inputValues: {\r\n        propertyKey: prop.key,\r\n        propertyName: displayName,\r\n        viewType: prop.viewType,\r\n        areaKey: area,\r\n        currentOrder: nextOrder,\r\n        initialConfig: initConfig,\r\n      },\r\n    });\r\n  }\r\n\r\n  private toPropertyEditConfig(\r\n    configuration?: Record<string, unknown>,\r\n  ): PropertyEditConfig {\r\n    const labelPosition =\r\n      (configuration?.['labelPosition'] as EntityLabelPosition | undefined) ??\r\n      (configuration?.['labelPostion'] as EntityLabelPosition | undefined) ??\r\n      'bottom';\r\n\r\n    return {\r\n      hideName:\r\n        (configuration?.['hideLabel'] as boolean | undefined) ??\r\n        (configuration?.['hideName'] as boolean | undefined) ??\r\n        false,\r\n      labelPosition,\r\n      showBorder: (configuration?.['showBorder'] as boolean) ?? false,\r\n      alignEnd: (configuration?.['alignEnd'] as boolean) ?? false,\r\n      showDisplayName: (configuration?.['showDisplayName'] as boolean) ?? true,\r\n      showPhoneNumber: (configuration?.['showPhoneNumber'] as boolean) ?? false,\r\n      showEmail: (configuration?.['showEmail'] as boolean) ?? false,\r\n    };\r\n  }\r\n\r\n  private buildEntityFromConfig(\r\n    config: DisplayConfiguration,\r\n    props: ManagePreviewPropertyItem[],\r\n  ): EntityData | null {\r\n    const prop = props.find((p) => p.key === config.propertyKey);\r\n    if (!prop) return null;\r\n\r\n    const displayName = this.getPropertyDisplayName(prop);\r\n    const viewType = prop.viewType as EntityViewType;\r\n\r\n    return {\r\n      id: prop.id,\r\n      propertyId: prop.id,\r\n      key: prop.key,\r\n      name: displayName,\r\n      value: this.getPlaceholderValue(viewType, displayName),\r\n      rawValue: this.getPlaceholderRawValue(viewType, displayName),\r\n      viewType,\r\n      order: config.order,\r\n      propertyConfiguration: prop.configuration as EntityData['propertyConfiguration'],\r\n      configuration: config.configuration as EntityData['configuration'],\r\n    };\r\n  }\r\n\r\n  private getPropertyDisplayName(prop: ManagePreviewPropertyItem): string {\r\n    if (typeof prop.name === 'string') return prop.name;\r\n    if (prop.name && typeof prop.name === 'object') {\r\n      return (\r\n        (prop.name as Record<string, string>)['display'] ||\r\n        Object.values(prop.name)[0] ||\r\n        prop.key\r\n      );\r\n    }\r\n    return prop.key;\r\n  }\r\n\r\n  private getPlaceholderValue(\r\n    viewType: EntityViewType,\r\n    name: string,\r\n  ): string | EntityStatusValue | EntityLookupValue | EntityUserValue {\r\n    switch (viewType) {\r\n      case 'Text':\r\n        return 'Sample Text';\r\n      case 'LongText':\r\n        return '<p>Sample long text content</p>';\r\n      case 'Date':\r\n        return '2026-01-15';\r\n      case 'DateTime':\r\n        return '2026-01-15 10:30';\r\n      case 'Percentage':\r\n        return '75%';\r\n      case 'Status':\r\n        return { key: 'sample', display: 'in Progress', color: '#3B82F6' };\r\n      case 'Lookup':\r\n        return {\r\n          key: 'sample',\r\n          display: name,\r\n          color: '#8B5CF6',\r\n          description: '',\r\n        };\r\n      case 'Currency':\r\n        return '$1,250.00';\r\n      case 'Checkbox':\r\n        return 'true';\r\n      case 'User':\r\n        return {\r\n          displayName: name,\r\n          photoUrl: '',\r\n          phoneNumber: '+1234567890',\r\n          email: 'user@example.com',\r\n        };\r\n      default:\r\n        return name;\r\n    }\r\n  }\r\n\r\n  private getPlaceholderRawValue(\r\n    viewType: EntityViewType,\r\n    name: string,\r\n  ): string {\r\n    switch (viewType) {\r\n      case 'Percentage':\r\n        return '75';\r\n      case 'Checkbox':\r\n        return 'true';\r\n      default:\r\n        return name;\r\n    }\r\n  }\r\n}\r\n","<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- ─── Left Sidebar: Attributes Panel ─── -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              @if (prop.viewType === \"LeafDetails\") {\r\n                <!-- ── LeafDetails: always first, title is \"Target Statuses\" inside the selector ── -->\r\n                <div\r\n                  class=\"rounded-lg border border-gray-300 border-dashed px-4 py-3\"\r\n                >\r\n                  <mt-leaf-details-selector\r\n                    [property]=\"prop\"\r\n                    [leafLevels]=\"leafConfigsByProp()[prop.key] ?? {}\"\r\n                    [showEditAction]=\"prop.enabled && editableViewTypes.has(prop.viewType)\"\r\n                    (configChange)=\"onLeafConfigChange(prop, $event)\"\r\n                    (editRequested)=\"onEditProperty(prop)\"\r\n                  />\r\n                </div>\r\n              } @else {\r\n                <!-- ── Normal property toggle row ── -->\r\n                <div\r\n                  class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n                >\r\n                  <!-- Property Name -->\r\n                  <div class=\"flex-1 min-w-0 py-4\">\r\n                    <span\r\n                      class=\"text-sm font-medium truncate block\"\r\n                      [class.text-primary]=\"prop.enabled\"\r\n                    >\r\n                      {{ prop.name?.display }}\r\n                    </span>\r\n                  </div>\r\n\r\n                  <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                  @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                    <mt-button\r\n                      icon=\"editor.pencil-01\"\r\n                      variant=\"text\"\r\n                      severity=\"primary\"\r\n                      (onClick)=\"onEditProperty(prop)\"\r\n                    />\r\n                  }\r\n\r\n                  <!-- Toggle -->\r\n                  <mt-toggle-field\r\n                    [ngModel]=\"prop.enabled\"\r\n                    (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                    class=\"shrink-0\"\r\n                    size=\"small\"\r\n                  ></mt-toggle-field>\r\n                </div>\r\n              }\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- ─── Main Area: Preview ─── -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-130 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-5 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                  (entityClicked)=\"onEntityClicked($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex flex-col items-center justify-center h-full text-muted-color gap-3 text-center px-4\"\r\n                >\r\n                  <mt-icon\r\n                    name=\"general.eye-off\"\r\n                    size=\"xl\"\r\n                    class=\"opacity-40\"\r\n                  />\r\n                  <p class=\"text-sm font-medium\">{{ t(\"no-preview-items\") }}</p>\r\n                  <p class=\"text-xs\">{{ t(\"no-preview-items-hint\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/customization",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "publishConfig": {
     "directory": "../../../dist/masterteam/customization",
     "linkDirectory": false,
@@ -12,7 +12,7 @@
     "@angular/forms": "^21.2.8",
     "@angular/cdk": "^21.2.6",
     "@ngxs/store": "^20.1.0",
-    "@masterteam/components": "^0.0.141",
+    "@masterteam/components": "^0.0.143",
     "@masterteam/icons": "^0.0.14"
   },
   "exports": {

package/types/masterteam-customization.d.ts

@@ -1,7 +1,8 @@
 import * as _masterteam_customization from '@masterteam/customization';
 import * as _angular_core from '@angular/core';
 import { OnInit } from '@angular/core';
-import { EntityViewType, EntityData, EntityResizeEvent } from '@masterteam/components/entities';
+import { EntityViewType, LeafLevelSavedConfig, EntityData, EntityResizeEvent } from '@masterteam/components/entities';
+export { LeafDetailsEntityValue, LeafDetailsStatusSummary, LeafLevelSavedConfig } from '@masterteam/components/entities';
 import { LoadingStateShape, CrudStateBase } from '@masterteam/components';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
@@ -43,26 +44,6 @@ interface CatalogPropertyDto {
     isRequired?: boolean;
     isSystem?: boolean;
 }
-interface LeafDetailsStatusSummary {
-    key: string;
-    display: string;
-    color: string | null;
-    count: number;
-}
-interface LeafDetailsEntityValue {
-    levelId: number;
-    levelName: string;
-    levelIcon: string;
-    statuses: LeafDetailsStatusSummary[];
-}
-interface LeafLevelSavedConfig {
-    /** Position order for this level entity in the preview grid */
-    order: number;
-    /** Column span (1-24), persisted from drag-resize */
-    size?: number;
-    /** Status keys the user has chosen to display */
-    selectedStatuses: string[];
-}
 interface PropertyCatalogResponseDto {
     contextKey: string;
     properties: CatalogPropertyDto[];
@@ -180,6 +161,7 @@ declare class CustomizationState extends CrudStateBase<ManagePreviewPropertyItem
     setModuleInfo(ctx: StateContext<CustomizationStateModel>, action: SetManagePreviewModuleInfo): void;
     bulkReplaceConfigurations(ctx: StateContext<CustomizationStateModel>, action: BulkReplaceConfigurations): rxjs.Observable<Response<boolean>>;
     private buildContextKey;
+    private toDisplayConfigurations;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CustomizationState, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<CustomizationState>;
 }
@@ -300,7 +282,7 @@ declare class Customization implements OnInit {
      * Regular properties → one entity. LeafDetails → one entity per enabled level.
      */
     private buildEntitiesFromConfig;
-    /** Builds one EntityData per enabled level from a LeafDetails display config. */
+    /** Builds the shared LeafDetails entity that preview/manage will expand. */
     private buildLeafDetailsEntities;
     private activateProperty;
     private bulkSaveWithout;
@@ -317,4 +299,4 @@ declare class Customization implements OnInit {
 }
 
 export { BulkReplaceConfigurations, Customization, CustomizationActionKey, CustomizationFacade, CustomizationState, GetCustomization, GetManagePreviewAreas, GetManagePreviewConfigurations, SetManagePreviewModuleInfo };
-export type { BulkReplaceConfigRequest, BulkReplaceItem, CustomizationStateModel, DisplayArea, DisplayAreaConfig, DisplayConfiguration, LeafDetailsEntityValue, LeafDetailsStatusSummary, LeafLevelConfig, LeafLevelSavedConfig, LeafStatusConfig, ManagePreviewPropertyItem };
+export type { BulkReplaceConfigRequest, BulkReplaceItem, CustomizationStateModel, DisplayArea, DisplayAreaConfig, DisplayConfiguration, LeafLevelConfig, LeafStatusConfig, ManagePreviewPropertyItem };