@ai-table/grid 0.4.9 → 0.5.0

package/fesm2022/ai-table-grid.mjs

@@ -6284,7 +6284,7 @@ class MemberLayout extends CellBaseLayout {
             const count = this.items.length - renderItems.length;
             const renderAtoms = [];
             let itemWidth = 2 * AI_TABLE_TAG_PADDING;
-            const textAtom = this.getTextAtom(`+${count}`, undefined, FONT_SIZE_SM);
+            const textAtom = this.getTextAtom(`+${count}`, undefined, DEFAULT_FONT_SIZE);
             itemWidth += textAtom.width;
             renderAtoms.push({
                 type: AITableRenderAtomType.circle,
@@ -6297,7 +6297,7 @@ class MemberLayout extends CellBaseLayout {
             renderAtoms.push({
                 ...textAtom,
                 x: lastItem.x + (AITableAvatarSize.size24 - textAtom.width) / 2,
-                y: lastItem.y + (AITableAvatarSize.size24 - FONT_SIZE_SM) / 2,
+                y: lastItem.y + (AITableAvatarSize.size24 - DEFAULT_FONT_SIZE) / 2,
                 fillStyle: Colors.white
             });
             return [
@@ -6335,12 +6335,12 @@ class MemberLayout extends CellBaseLayout {
             });
             const textX = AITableAvatarSize.size24 + AI_TABLE_MEMBER_ITEM_AVATAR_MARGIN_RIGHT;
             const textWidth = containerMaxWidth - textX;
-            const textAtom = this.getTextAtom(display_name || '', textWidth, FONT_SIZE_SM);
+            const textAtom = this.getTextAtom(display_name || '', textWidth, DEFAULT_FONT_SIZE);
             renderAtoms.push({
                 ...textAtom,
                 type: AITableRenderAtomType.text,
                 x: textX,
-                y: (AITableAvatarSize.size24 - FONT_SIZE_SM) / 2,
+                y: (AITableAvatarSize.size24 - DEFAULT_FONT_SIZE) / 2,
                 width: textWidth
             });
         }
@@ -9573,17 +9573,19 @@ class AITableFieldStat {
                 statMenus: fieldModel.getStatTypes(aiTable)
             }
         });
-        ref.componentInstance.menuClick.subscribe((event) => {
-            this.isActive.set(false);
-            actions.setFieldStatType({
-                path: [field._id],
-                statType: event.menu.type
+        if (ref) {
+            ref.componentInstance.menuClick.subscribe((event) => {
+                this.isActive.set(false);
+                actions.setFieldStatType({
+                    path: [field._id],
+                    statType: event.menu.type
+                });
             });
-        });
-        ref.afterClosed().subscribe(() => {
-            this.isActive.set(false);
-            this.hover.emit(false);
-        });
+            ref.afterClosed().subscribe(() => {
+                this.isActive.set(false);
+                this.hover.emit(false);
+            });
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AITableFieldStat, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: AITableFieldStat, isStandalone: true, selector: "ai-table-field-stat", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { hover: "hover" }, ngImport: i0, template: `
@@ -11985,7 +11987,7 @@ class SelectCellEditorComponent extends AbstractEditCellEditor {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SelectCellEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: SelectCellEditorComponent, isStandalone: true, selector: "select-cell-editor", host: { classAttribute: "d-block h-100 select-cell-editor" }, usesInheritance: true, ngImport: i0, template: "<thy-select\n    [(ngModel)]=\"modelValue\"\n    [thyAutoExpand]=\"autoFocus()\"\n    [thyAllowClear]=\"true\"\n    [thyPlaceHolder]=\"''\"\n    [thyPreset]=\"preset()\"\n    [thyMode]=\"field().settings.is_multiple ? 'multiple' : ''\"\n    (ngModelChange)=\"onModelChange($event)\"\n    (thyOnExpandStatusChange)=\"onOpenChange($event)\"\n>\n    <ng-template #selectedDisplay let-option>\n        <select-option [field]=\"field()\" [displayOption]=\"option\"></select-option>\n    </ng-template>\n    @for (option of selectOptions(); track option._id) {\n        <thy-option\n            [thyValue]=\"option._id\"\n            [hidden]=\"!!option.is_disabled\"\n            [thyRawValue]=\"option\"\n            [thyShowOptionCustom]=\"true\"\n            [thyLabelText]=\"option.text\"\n        >\n            <select-option [field]=\"field()\" [displayOption]=\"option\"></select-option>\n        </thy-option>\n    }\n</thy-select>\n", dependencies: [{ kind: "component", type: ThySelect, selector: "thy-select,thy-custom-select", inputs: ["thyDropdownWidthMode", "thyShowSearch", "thyPlaceHolder", "thyServerSearch", "thyLoadState", "thyAutoActiveFirstItem", "thyMode", "thySize", "thyEmptyStateText", "thyEmptySearchMessageText", "thyEnableScrollLoad", "thyAllowClear", "thyDisabled", "thySortComparator", "thyFooterTemplate", "thyPlacement", "thyOrigin", "thyFooterClass", "thyAutoExpand", "thyHasBackdrop", "thyMaxTagCount", "thyBorderless", "thyOptions", "thyPreset"], outputs: ["thyOnSearch", "thyOnScrollToBottom", "thyOnExpandStatusChange"], exportAs: ["thySelect"] }, { kind: "component", type: ThyOption, selector: "thy-option", inputs: ["thyValue", "thyRawValue", "thyLabelText", "thyShowOptionCustom", "thySearchKey", "thyDisabled"], outputs: ["selectionChange", "visibleChange"] }, { kind: "ngmodule", type: ThyTooltipModule }, { kind: "component", type: SelectOptionComponent, selector: "select-option", inputs: ["field", "displayOption"] }, { kind: "ngmodule", type: ThyEmptyModule }, { kind: "ngmodule", type: ThyFormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ThySelectModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: SelectCellEditorComponent, isStandalone: true, selector: "select-cell-editor", host: { classAttribute: "d-block h-100 select-cell-editor" }, usesInheritance: true, ngImport: i0, template: "<thy-select\n    [(ngModel)]=\"modelValue\"\n    [thyAutoExpand]=\"autoFocus()\"\n    [thyAllowClear]=\"true\"\n    [thyPlaceHolder]=\"''\"\n    [thyPreset]=\"preset()\"\n    [thyMode]=\"field().settings.is_multiple ? 'multiple' : ''\"\n    (ngModelChange)=\"onModelChange($event)\"\n    (thyOnExpandStatusChange)=\"onOpenChange($event)\"\n>\n    <ng-template #selectedDisplay let-option>\n        <select-option [field]=\"field()\" [displayOption]=\"option\"></select-option>\n    </ng-template>\n    @for (option of selectOptions(); track option._id) {\n        <thy-option\n            [thyValue]=\"option._id\"\n            [hidden]=\"!!option.is_disabled\"\n            [thyRawValue]=\"option\"\n            [thyShowOptionCustom]=\"true\"\n            [thyLabelText]=\"option.text\"\n        >\n            <select-option [field]=\"field()\" [displayOption]=\"option\"></select-option>\n        </thy-option>\n    }\n</thy-select>\n", dependencies: [{ kind: "component", type: ThySelect, selector: "thy-select,thy-custom-select", inputs: ["thyDropdownWidthMode", "thyItemSize", "thyShowSearch", "thyPlaceHolder", "thyServerSearch", "thyLoadState", "thyAutoActiveFirstItem", "thyMode", "thySize", "thyEmptyStateText", "thyEmptySearchMessageText", "thyEnableScrollLoad", "thyAllowClear", "thyDisabled", "thySortComparator", "thyFooterTemplate", "thyPlacement", "thyOrigin", "thyFooterClass", "thyAutoExpand", "thyHasBackdrop", "thyMaxTagCount", "thyBorderless", "thyVirtualScroll", "thyOptions", "thyPreset"], outputs: ["thyOnSearch", "thyOnScrollToBottom", "thyOnExpandStatusChange"], exportAs: ["thySelect"] }, { kind: "component", type: ThyOption, selector: "thy-option", inputs: ["thyValue", "thyRawValue", "thyLabelText", "thyShowOptionCustom", "thySearchKey", "thyDisabled"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: ThyTooltipModule }, { kind: "component", type: SelectOptionComponent, selector: "select-option", inputs: ["field", "displayOption"] }, { kind: "ngmodule", type: ThyEmptyModule }, { kind: "ngmodule", type: ThyFormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ThySelectModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SelectCellEditorComponent, decorators: [{
             type: Component,
@@ -12690,7 +12692,7 @@ class RecordDetailComponent {
                     });
                 }
             }
-        });
+        }) ?? null;
         if (this.fieldMenuPopoverRef) {
             this.fieldMenuPopoverRef.beforeClosed().subscribe(() => {
                 if (!isSelfClose) {
@@ -12927,7 +12929,7 @@ class AITableGridEventService {
             manualClosure: true,
             animationDisabled: true,
             autoAdaptive: true
-        });
+        }) ?? null;
         if (this.cellEditorPopoverRef) {
             const wheelEvent = fromEvent(this.cellEditorPopoverRef.componentInstance.elementRef.nativeElement, 'wheel').subscribe((event) => {
                 const field = aiTable.fieldsMap()[fieldId];
@@ -13465,8 +13467,8 @@ class RecordDetailService {
         this.config = null;
     }
     open(config) {
-        if (this.isOpen()) {
-            this.currentSlideRef?.componentInstance.setSelection(config.recordId);
+        if (this.isOpen() && this.currentSlideRef) {
+            this.currentSlideRef.componentInstance.setSelection(config.recordId);
             return this.currentSlideRef;
         }
         this.config = config;
@@ -13483,7 +13485,7 @@ class RecordDetailService {
                 actions: config.actions
             },
             ...config.slideConfig
-        });
+        }) ?? null;
         if (this.currentSlideRef) {
             this.currentSlideRef.afterOpened().subscribe(() => {
                 this.setupDocumentClickListener(config);
@@ -13492,6 +13494,9 @@ class RecordDetailService {
                 this.close();
             });
         }
+        if (!this.currentSlideRef) {
+            throw new Error('Failed to open slide');
+        }
         return this.currentSlideRef;
     }
     close() {