@ai-table/grid 0.5.3 → 0.5.5

package/fesm2022/ai-table-grid.mjs

@@ -7566,8 +7566,9 @@ class AITableFieldHead {
         }, ...(ngDevMode ? [{ debugName: "groupConfig" }] : []));
         this.bgConfig = computed(() => {
             const { field, width, height, stroke, isSelected, iconVisible, isFirstHead, showExpandIcon } = this.config();
-            const bgWidth = isFirstHead && showExpandIcon ? width + AI_TABLE_ROW_HEAD_EXPAND_WIDTH : width;
-            const bgX = isFirstHead && showExpandIcon ? AI_TABLE_OFFSET - AI_TABLE_ROW_HEAD_EXPAND_WIDTH : AI_TABLE_OFFSET;
+            const shouldExtendLeft = isFirstHead && showExpandIcon && !isSelected;
+            const bgWidth = shouldExtendLeft ? width + AI_TABLE_ROW_HEAD_EXPAND_WIDTH : width;
+            const bgX = shouldExtendLeft ? AI_TABLE_OFFSET - AI_TABLE_ROW_HEAD_EXPAND_WIDTH : AI_TABLE_OFFSET;
             return {
                 x: bgX,
                 y: AI_TABLE_OFFSET,
@@ -12650,6 +12651,7 @@ class RecordDetailComponent {
         this.activeFieldId = null;
         this.fieldMenuActive = signal({}, ...(ngDevMode ? [{ debugName: "fieldMenuActive" }] : []));
         this.fieldMenuPopoverRef = null;
+        this.currentPopoverFieldId = null;
         this.slideRef = inject(ThySlideRef);
         this.thyPopover = inject(ThyPopover);
         effect(() => {
@@ -12665,6 +12667,17 @@ class RecordDetailComponent {
                 this.internalRecordId.set(activeCell[0]);
             }
         });
+        effect(() => {
+            const fields = this.fields();
+            if (this.currentPopoverFieldId && this.fieldMenuPopoverRef) {
+                const fieldExists = fields.some((field) => field._id === this.currentPopoverFieldId);
+                if (!fieldExists) {
+                    this.fieldMenuPopoverRef.close();
+                    this.fieldMenuPopoverRef = null;
+                    this.currentPopoverFieldId = null;
+                }
+            }
+        });
     }
     updateRecordId(recordId) {
         this.recordId.set(recordId);
@@ -12695,6 +12708,7 @@ class RecordDetailComponent {
         const origin = e.currentTarget;
         const position = fieldMenuOrigin.getBoundingClientRect();
         this.fieldMenuActive.set({ [fieldId]: true });
+        this.currentPopoverFieldId = fieldId;
         let isSelfClose = false;
         this.fieldMenuPopoverRef =
             this.thyPopover.open(AITableFieldMenu, {
@@ -12720,6 +12734,7 @@ class RecordDetailComponent {
                     this.fieldMenuActive.set({ [fieldId]: false });
                 }
                 this.fieldMenuPopoverRef = null;
+                this.currentPopoverFieldId = null;
             });
         }
     }
@@ -14787,7 +14802,7 @@ class AITableGrid extends AITableGridBase {
         if (!focused) {
             return true;
         }
-        const hasAITableGrid = focused.closest('ai-table-grid') !== null || focused.closest('.ai-table-prevent-clear-selection') !== null;
+        const hasAITableGrid = focused.querySelector('ai-table-grid') !== null || focused.closest('.ai-table-prevent-clear-selection') !== null;
         if (!hasAITableGrid) {
             return true;
         }