@simplysm/angular 14.0.19 → 14.0.21

package/src/features/data-view/useDataSheetModalEditManager.ts

@@ -0,0 +1,76 @@
+import {
+  type OutputEmitterRef,
+  type Signal,
+  type WritableSignal,
+  inject,
+} from "@angular/core";
+import { SdToastProvider } from "../../core/providers/sd-toast.provider";
+import { withBusy } from "../../core/utils/withBusy";
+import type { ISelectModalOutputResult } from "../../core/types/select-modal-output-result";
+
+export function useDataSheetModalEditManager<TItem, TKey>(options: {
+  busyCount: WritableSignal<number>;
+  canEdit: () => boolean;
+  selectedItemKeys: Signal<TKey[]>;
+  selectedItems: Signal<TItem[]>;
+  close: OutputEmitterRef<ISelectModalOutputResult<TItem>>;
+  refresh: () => Promise<void>;
+  getEditItemFn: () =>
+    | ((item?: TItem) => Promise<boolean | undefined> | boolean | undefined)
+    | undefined;
+  getToggleDeleteItemsFn: () =>
+    | ((del: boolean) => Promise<boolean>)
+    | undefined;
+  errorMessageFn: (err: unknown) => string;
+}) {
+  const sdToast = inject(SdToastProvider);
+
+  async function doEditItem(item?: TItem): Promise<void> {
+    const editItemFn = options.getEditItemFn();
+    if (!editItemFn) return;
+
+    const result = await editItemFn(item);
+    if (!result) return;
+
+    await withBusy(options.busyCount, () =>
+      sdToast.try(async () => {
+        await options.refresh();
+      }),
+    );
+  }
+
+  async function doToggleDeleteItems(del: boolean): Promise<void> {
+    if (!options.canEdit()) return;
+    const toggleDeleteItemsFn = options.getToggleDeleteItemsFn();
+    if (!toggleDeleteItemsFn) return;
+
+    await withBusy(options.busyCount, () =>
+      sdToast.try(
+        async () => {
+          const result = await toggleDeleteItemsFn(del);
+          if (!result) return;
+
+          await options.refresh();
+          sdToast.success(`${del ? "삭제" : "복구"} 되었습니다.`);
+        },
+        (err) => options.errorMessageFn(err),
+      ),
+    );
+  }
+
+  function doModalConfirm(): void {
+    options.close.emit({
+      selectedItemKeys: options.selectedItemKeys(),
+      selectedItems: options.selectedItems(),
+    });
+  }
+
+  function doModalCancel(): void {
+    options.close.emit({
+      selectedItemKeys: [],
+      selectedItems: [],
+    });
+  }
+
+  return { doEditItem, doToggleDeleteItems, doModalConfirm, doModalCancel };
+}

package/src/features/data-view/useDataSheetRefreshManager.ts

@@ -0,0 +1,90 @@
+import { type Signal, type WritableSignal, effect, inject } from "@angular/core";
+import { type ArrayOneWayDiffResult, obj } from "@simplysm/core-common";
+import { SdToastProvider } from "../../core/providers/sd-toast.provider";
+import { SdSharedDataProvider } from "../../core/providers/sd-shared-data.provider";
+import { withBusy } from "../../core/utils/withBusy";
+import type { ISdDataSheetSearchResult } from "./sd-data-sheet.types";
+
+export function useDataSheetRefreshManager<
+  TItem,
+  TKey extends string | number | undefined,
+>(options: {
+  busyCount: WritableSignal<number>;
+  initialized: WritableSignal<boolean>;
+  canUse: () => boolean;
+  items: WritableSignal<TItem[]>;
+  selectedItems: WritableSignal<TItem[]>;
+  pageLength: WritableSignal<number>;
+  summaryData: WritableSignal<Partial<TItem>>;
+  page: Signal<number>;
+  lastFilter: Signal<unknown>;
+  sortingDefs: Signal<unknown[]>;
+  getItemInfoFn: (item: TItem) => { key: TKey };
+  search: (
+    usePagination: boolean,
+  ) => Promise<ISdDataSheetSearchResult<TItem>> | ISdDataSheetSearchResult<TItem>;
+  prepareRefreshEffect?: () => void;
+  getDiffsExcludes: () => string[] | undefined;
+}) {
+  const sdToast = inject(SdToastProvider);
+  const sdSharedData = inject(SdSharedDataProvider);
+  let itemsSnapshot: TItem[] = [];
+
+  async function refresh(): Promise<void> {
+    const result = await options.search(true);
+    options.items.set(result.items);
+    itemsSnapshot = obj.clone(result.items);
+
+    options.pageLength.set(result.pageLength ?? 0);
+    options.summaryData.set(result.summary ?? {});
+
+    const selectedKeySet = new Set(
+      options.selectedItems().map((sel) => options.getItemInfoFn(sel).key),
+    );
+    options.selectedItems.set(
+      options.items().filter((item) => selectedKeySet.has(options.getItemInfoFn(item).key)),
+    );
+  }
+
+  function getDiffs(): ArrayOneWayDiffResult<TItem>[] {
+    const diffsExcludes = options.getDiffsExcludes();
+    return options
+      .items()
+      .oneWayDiffs(
+        itemsSnapshot,
+        (item) => options.getItemInfoFn(item).key,
+        diffsExcludes ? { excludes: diffsExcludes } : undefined,
+      )
+      .filter((d) => d.type !== "same");
+  }
+
+  effect((onCleanup) => {
+    options.page();
+    options.lastFilter();
+    options.sortingDefs();
+    options.prepareRefreshEffect?.();
+
+    let cancelled = false;
+    onCleanup(() => {
+      cancelled = true;
+    });
+
+    queueMicrotask(async () => {
+      if (cancelled) return;
+      if (!options.canUse()) {
+        options.initialized.set(true);
+        return;
+      }
+
+      await withBusy(options.busyCount, () =>
+        sdToast.try(async () => {
+          await sdSharedData.wait();
+          await refresh();
+        }),
+      );
+      options.initialized.set(true);
+    });
+  });
+
+  return { refresh, getDiffs };
+}

package/src/features/permission-table/sd-permission-table.control.ts

@@ -10,7 +10,7 @@ import {
   ViewEncapsulation,
 } from "@angular/core";
 import { obj } from "@simplysm/core-common";
-import type { ISdPermission } from "../../core/providers/sd-app-structure.provider";
+import type { ISdPermission } from "../../core/providers/sd-app-structure.types";
 import { SdCheckboxControl } from "../../ui/form/checkbox/sd-checkbox.control";
 import { SdCollapseIconControl } from "../../ui/navigation/collapse/sd-collapse-icon.control";
 import { SdTypedTemplateDirective } from "../../core/directives/sd-typed-template.directive";

package/src/index.ts

@@ -32,14 +32,16 @@ export { SdAngularConfigProvider } from "./core/providers/sd-angular-config.prov
 export { SdSystemLogProvider } from "./core/providers/sd-system-log.provider";
 export {
   SdAppStructureProvider,
-  SdAppStructureUtils,
   usePermsSignal,
-  type TSdAppStructureItem,
-  type ISdMenu,
-  type ISdFlatMenu,
-  type ISdPermission,
-  type ISdFlatPermission,
 } from "./core/providers/sd-app-structure.provider";
+export { SdAppStructureUtils } from "./core/providers/sd-app-structure.utils";
+export type {
+  TSdAppStructureItem,
+  ISdMenu,
+  ISdFlatMenu,
+  ISdPermission,
+  ISdFlatPermission,
+} from "./core/providers/sd-app-structure.types";
 export { SdFileDialogProvider } from "./core/providers/sd-file-dialog.provider";
 export { SdLocalStorageProvider } from "./core/providers/sd-local-storage.provider";
 export { SdSystemConfigProvider } from "./core/providers/sd-system-config.provider";
@@ -58,7 +60,7 @@ export { useViewTitleSignal } from "./core/utils/useViewTitleSignal";
 export { useViewTypeSignal, type TSdViewType } from "./core/utils/useViewTypeSignal";
 export { setupCanDeactivate } from "./core/utils/setups/setupCanDeactivate";
 export { setupCumulateSelectedKeys } from "./core/utils/setups/setupCumulateSelectedKeys";
-export { setupCloserWhenSingleSelectionChange } from "./core/utils/setups/setupCloserWhenSingleSelectionChange";
+export { setupCloserWhenSingleSelectionChange } from "./features/data-view/setupCloserWhenSingleSelectionChange";
 export {
   useExpandingManager,
   type IExpandItemDef,
@@ -100,6 +102,7 @@ export {
 export { SdSharedDataSelectControl } from "./features/shared-data/sd-shared-data-select.control";
 export { SdSharedDataSelectButtonControl } from "./features/shared-data/sd-shared-data-select-button.control";
 export { SdSharedDataSelectListControl } from "./features/shared-data/sd-shared-data-select-list.control";
+export { matchesSearchText } from "./features/shared-data/matchesSearchText";
 
 // ui/layout
 export { SdDockContainerControl } from "./ui/layout/dock/sd-dock-container.control";
@@ -125,9 +128,9 @@ export { SdAdditionalButtonControl } from "./ui/form/button/sd-additional-button
 export {
   SdModalSelectButtonControl,
   type ISdSelectModal,
-  type ISelectModalOutputResult,
   type TSdSelectModalInfo,
 } from "./ui/form/button/sd-modal-select-button.control";
+export type { ISelectModalOutputResult } from "./core/types/select-modal-output-result";
 
 // ui/form/input
 export { SdTextfieldControl } from "./ui/form/input/sd-textfield.control";
@@ -170,6 +173,9 @@ export { SdTabItemControl } from "./ui/navigation/tab/sd-tab-item.control";
 export { SdTabviewControl } from "./ui/navigation/tab/sd-tabview.control";
 export { SdTabviewItemControl } from "./ui/navigation/tab/sd-tabview-item.control";
 
+// ui/navigation/menu
+export { getMenuRouterLinkOption, getIsMenuSelected } from "./ui/navigation/menu-utils";
+
 // ui/navigation/pagination
 export { SdPaginationControl } from "./ui/navigation/pagination/sd-pagination.control";
 
@@ -223,11 +229,11 @@ export { SdDropdownPopupControl } from "./ui/overlay/dropdown/sd-dropdown-popup.
 export { SdModalControl } from "./ui/overlay/modal/sd-modal.control";
 export {
   SdModalProvider,
-  SdActivatedModalProvider,
   type ISdModal,
   type ISdModalInfo,
   type ISdModalOptions,
 } from "./ui/overlay/modal/sd-modal.provider";
+export { SdActivatedModalProvider } from "./core/providers/sd-activated-modal.provider";
 export { SdPromptModalControl } from "./ui/overlay/modal/sd-prompt-modal.control";
 export { SdConfirmModalControl } from "./ui/overlay/modal/sd-confirm-modal.control";
 
@@ -240,14 +246,14 @@ export {
   type TSdToastTheme,
   type ISdToast,
   type ISdToastInput,
-} from "./ui/overlay/toast/sd-toast.provider";
+} from "./core/providers/sd-toast.provider";
 
 // ui/overlay/busy
 export { SdBusyContainerControl } from "./ui/overlay/busy/sd-busy-container.control";
 export {
   SdBusyProvider,
   type TSdBusyType,
-} from "./ui/overlay/busy/sd-busy.provider";
+} from "./core/providers/sd-busy.provider";
 
 // core/providers (integration)
 export {

package/src/ui/data/sheet/sd-sheet.control.ts

@@ -4,12 +4,10 @@ import {
   Component,
   computed,
   contentChildren,
-  DestroyRef,
   inject,
   input,
   model,
   output,
-  signal,
   ViewEncapsulation,
 } from "@angular/core";
 import { NgTemplateOutlet } from "@angular/common";
@@ -29,12 +27,10 @@ import { useSheetLayoutEngine } from "./useSheetLayoutEngine";
 import { useSheetColumnFixing } from "./useSheetColumnFixing";
 import { useSelectionManager } from "../../../core/utils/useSelectionManager";
 import { useSortingManager, type ISortingDef } from "../../../core/utils/useSortingManager";
-import { useExpandingManager } from "../../../core/utils/useExpandingManager";
 import { SdPaginationControl } from "../../navigation/pagination/sd-pagination.control";
 import { SdAnchorControl } from "../../form/button/sd-anchor.control";
 import { SdButtonControl } from "../../form/button/sd-button.control";
 import type {
-  ISdSheetColumnDef,
   ISdSheetCellKeydownEventParam,
   ISdSheetConfig,
   ISdSheetHeaderDef,
@@ -43,6 +39,9 @@ import type {
 import { useSdSystemConfigResource } from "../../../core/utils/useSdSystemConfigResource";
 import { useSheetDomAccessor } from "./useSheetDomAccessor";
 import { useSheetCellAgent } from "./useSheetCellAgent";
+import { useSheetColumnResizing } from "./useSheetColumnResizing";
+import { useSheetDisplayPipeline } from "./useSheetDisplayPipeline";
+import { useSheetCellStyling } from "./useSheetCellStyling";
 import { SdModalProvider } from "../../overlay/modal/sd-modal.provider";
 import { SdSheetConfigModal } from "./sd-sheet-config.modal";
 
@@ -370,29 +369,26 @@ export class SdSheetControl<T> {
 
   // Injected providers
   private readonly _modalProvider = inject(SdModalProvider);
-  private readonly _destroyRef = inject(DestroyRef);
 
   // DOM accessor & cell agent
   domAccessor = useSheetDomAccessor();
   cellAgent = useSheetCellAgent({ domAccessor: this.domAccessor });
 
-  constructor() {
-    this._destroyRef.onDestroy(() => {
-      this._resizingCleanup?.();
-    });
-  }
-
-  // Resizing state
-  _isResizing = signal(false);
-  _resizeIndicatorLeft = signal(0);
-  private _lastResizeEndTimeStamp = 0;
-  private _resizingCleanup: (() => void) | null = null;
-
   // Config resource
   private readonly _configResource = useSdSystemConfigResource<ISdSheetConfig>({
     key: this.key,
   });
 
+  // Resizing composable
+  private readonly _resizing = useSheetColumnResizing({
+    domAccessor: this.domAccessor,
+    configResource: this._configResource,
+  });
+  _isResizing = this._resizing.isResizing;
+  _resizeIndicatorLeft = this._resizing.indicatorLeft;
+  onResizerMousedown = this._resizing.onMousedown;
+  onResizerDblClick = this._resizing.onDblClick;
+
   // Layout engine
   layout = useSheetLayoutEngine({
     columnControls: this.columnControls,
@@ -409,67 +405,36 @@ export class SdSheetControl<T> {
     sorts: this.sorts,
   });
 
-  // Effective page count (from totalPageCount or computed from items/itemsPerPage)
-  effectivePageCount = computed(() => {
-    const total = this.totalPageCount();
-    if (total > 0) return total;
-    const perPage = this.itemsPerPage();
-    if (perPage <= 0) return 0;
-    return Math.ceil(this.items().length / perPage);
-  });
-
-  // Icons
-  icons = {
-    tablerArrowUp,
-    tablerArrowDown,
-    tablerChevronRight,
-    tablerChevronDown,
-    tablerChevronsRight,
-    tablerChevronsDown,
-    tablerSettings,
-  };
-
-  // Sorted items
-  private readonly _sortedItems = computed(() => {
-    const items = this.items();
-    if (this.useAutoSort()) {
-      return this.sorting.sort(items);
-    }
-    return items;
-  });
-
-  // Paged items (root-level only)
-  private readonly _pagedItems = computed(() => {
-    const items = this._sortedItems();
-    const perPage = this.itemsPerPage();
-    if (perPage <= 0) return items;
-    const page = this.currentPage();
-    const start = page * perPage;
-    return items.slice(start, start + perPage);
-  });
-
-  // Expanding manager
-  expanding = useExpandingManager<T>({
-    items: this._pagedItems,
+  // Display pipeline (sort → page → expand → display)
+  private readonly _pipeline = useSheetDisplayPipeline<T>({
+    items: this.items,
+    useAutoSort: this.useAutoSort,
+    sortItems: (items) => this.sorting.sort(items),
+    itemsPerPage: this.itemsPerPage,
+    currentPage: this.currentPage,
+    totalPageCount: this.totalPageCount,
     expandedItems: this.expandedItems,
     getChildrenFn: this.getChildrenFn,
-    sort: (items) => {
-      if (this.useAutoSort()) {
-        return this.sorting.sort(items);
-      }
-      return items;
-    },
   });
+  effectivePageCount = this._pipeline.effectivePageCount;
+  expanding = this._pipeline.expanding;
+  displayItems = this._pipeline.displayItems;
 
-  // Final display items (sorted → paged → expanded)
-  displayItems = computed(() => {
-    const getChildrenFn = this.getChildrenFn();
-    if (getChildrenFn != null) {
-      // With tree: only show visible items (parent expanded)
-      return this.expanding.displayItems().filter((item) => this.expanding.isVisible(item));
-    }
-    return this._pagedItems();
+  // Cell styling composable
+  private readonly _styling = useSheetCellStyling<T>({
+    columnDefs: this.layout.columnDefs,
+    fixedLeftMap: this.fixing.fixedLeftMap,
+    getItemCellStyleFn: this.getItemCellStyleFn,
+    getItemCellClassFn: this.getItemCellClassFn,
+    getChildrenFn: this.getChildrenFn,
+    expandingDef: (item) => this.expanding.def(item),
+    isCellEditMode: (addr) => this.cellAgent.isCellEditMode(addr),
   });
+  getHeaderCellStyle = this._styling.getHeaderCellStyle;
+  getCellStyle = this._styling.getCellStyle;
+  getFixedCellStyle = this._styling.getFixedCellStyle;
+  getCellStyleWithIndent = this._styling.getCellStyleWithIndent;
+  getDataCellClass = this._styling.getDataCellClass;
 
   // Selection manager
   selection = useSelectionManager<T>({
@@ -479,6 +444,17 @@ export class SdSheetControl<T> {
     getItemSelectableFn: this.getItemSelectableFn,
   });
 
+  // Icons
+  icons = {
+    tablerArrowUp,
+    tablerArrowDown,
+    tablerChevronRight,
+    tablerChevronDown,
+    tablerChevronsRight,
+    tablerChevronsDown,
+    tablerSettings,
+  };
+
   private readonly _columnControlMap = computed(() => {
     const map = new Map<string, SdSheetColumnDirective>();
     for (const col of this.columnControls()) {
@@ -497,51 +473,6 @@ export class SdSheetControl<T> {
     return col?.summaryTplRef() ?? null;
   }
 
-  // Pre-computed column styles: header/footer (fixed z-index:3)
-  private readonly _headerColumnStyles = computed(() => {
-    const map = new Map<string, string | null>();
-    for (const colDef of this.layout.columnDefs()) {
-      const parts: string[] = [];
-      const colStyle = this._getColDefStyle(colDef);
-      if (colStyle != null) parts.push(colStyle);
-      const fixedStyle = this._getFixedStyle(colDef, 3, "var(--theme-secondary-lightest)");
-      if (fixedStyle != null) parts.push(fixedStyle);
-      map.set(colDef.key, parts.length > 0 ? parts.join("; ") : null);
-    }
-    return map;
-  });
-
-  // Pre-computed column styles: body (fixed z-index:1)
-  private readonly _dataColumnBaseStyles = computed(() => {
-    const map = new Map<string, string | null>();
-    for (const colDef of this.layout.columnDefs()) {
-      const parts: string[] = [];
-      const colStyle = this._getColDefStyle(colDef);
-      if (colStyle != null) parts.push(colStyle);
-      const fixedStyle = this._getFixedStyle(colDef);
-      if (fixedStyle != null) parts.push(fixedStyle);
-      map.set(colDef.key, parts.length > 0 ? parts.join("; ") : null);
-    }
-    return map;
-  });
-
-  getHeaderCellStyle(cell: ISdSheetHeaderDef) {
-    if (cell.colDef == null) return null;
-    return this._headerColumnStyles().get(cell.colDef.key) ?? null;
-  }
-
-  getCellStyle(item: T, colDef: ISdSheetColumnDef) {
-    const baseStyle = this._dataColumnBaseStyles().get(colDef.key) ?? null;
-    const styleFn = this.getItemCellStyleFn();
-    const customStyle = styleFn != null ? styleFn(item, colDef.key) : undefined;
-    if (baseStyle != null && customStyle != null) return `${baseStyle}; ${customStyle}`;
-    return customStyle ?? baseStyle ?? null;
-  }
-
-  getFixedCellStyle(colDef: ISdSheetColumnDef) {
-    return this._getFixedStyle(colDef, 3);
-  }
-
   getSelectableTooltip(item: T): string | null {
     const result = this.selection.getSelectable(item);
     if (typeof result === "string") return result;
@@ -572,7 +503,7 @@ export class SdSheetControl<T> {
   }
 
   onHeaderClick(event: MouseEvent, cell: ISdSheetHeaderDef): void {
-    if (event.timeStamp - this._lastResizeEndTimeStamp < 50) return;
+    if (event.timeStamp - this._resizing.lastResizeEndTimeStamp() < 50) return;
     if (cell.colDef == null) return;
     if (cell.colDef.disableSorting) return;
     this.sorting.toggle(cell.colDef.key, event.shiftKey);
@@ -582,22 +513,6 @@ export class SdSheetControl<T> {
     return this.sorting.defMap().get(key) ?? null;
   }
 
-  getCellStyleWithIndent(item: T, colDef: ISdSheetColumnDef, colIdx: number) {
-    const parts: string[] = [];
-    const cellStyle = this.getCellStyle(item, colDef);
-    if (cellStyle != null) {
-      parts.push(cellStyle);
-    }
-    // Add indent for tree depth on first data column
-    if (colIdx === 0 && this.getChildrenFn() != null) {
-      const itemDef = this.getItemDef(item);
-      if (itemDef.depth > 0) {
-        parts.push(`padding-left: calc(var(--gap-default) + ${itemDef.depth}em)`);
-      }
-    }
-    return parts.length > 0 ? parts.join("; ") : null;
-  }
-
   getItemDef(item: T) {
     return this.expanding.def(item);
   }
@@ -628,41 +543,6 @@ export class SdSheetControl<T> {
     return sortDef.desc ? "descending" : "ascending";
   }
 
-  private _getColDefStyle(colDef: { width: string | undefined; collapse: boolean }): string | null {
-    if (colDef.collapse) {
-      return "padding: 0; width: 0; min-width: 0; max-width: 0; overflow: hidden; border: none";
-    }
-    if (colDef.width != null) {
-      return `width: ${colDef.width}; min-width: ${colDef.width}; max-width: ${colDef.width}`;
-    }
-    return null;
-  }
-
-  private _getFixedStyle(
-    colDef: ISdSheetColumnDef,
-    zIndex: number = 1,
-    background: string = "var(--control-color)",
-  ): string | null {
-    const fixedLeftMap = this.fixing.fixedLeftMap();
-    const leftValue = fixedLeftMap.get(colDef.key);
-    if (leftValue == null) return null;
-
-    return `position: sticky; left: ${leftValue}px; z-index: ${zIndex}; background: ${background}`;
-  }
-
-  getDataCellClass(item: T, colDef: ISdSheetColumnDef, r: number, c: number): string | null {
-    const parts: string[] = [];
-    const classFn = this.getItemCellClassFn();
-    const customClass = classFn != null ? classFn(item, colDef.key) : undefined;
-    if (customClass != null) {
-      parts.push(customClass);
-    }
-    if (this.cellAgent.isCellEditMode({ r, c })) {
-      parts.push("_edit-mode");
-    }
-    return parts.length > 0 ? parts.join(" ") : null;
-  }
-
   async onKeydownCapture(event: Event): Promise<void> {
     await this.cellAgent.handleKeydownCapture(event as KeyboardEvent);
   }
@@ -699,74 +579,6 @@ export class SdSheetControl<T> {
     }
   }
 
-  // --- Resizing ---
-
-  onResizerMousedown(event: MouseEvent, colDef: ISdSheetColumnDef): void {
-    event.preventDefault();
-    event.stopPropagation();
-
-    const container = this.domAccessor.getContainer();
-    const startX = event.clientX;
-    const th = (event.target as HTMLElement).parentElement as HTMLElement;
-    const startWidth = th.offsetWidth;
-
-    this._isResizing.set(true);
-    this._resizeIndicatorLeft.set(
-      th.offsetLeft + th.offsetWidth - container.scrollLeft,
-    );
-
-    const onMouseMove = (e: MouseEvent) => {
-      const deltaX = e.clientX - startX;
-      const newWidth = Math.max(startWidth + deltaX, 5);
-      this._resizeIndicatorLeft.set(
-        th.offsetLeft + newWidth - container.scrollLeft,
-      );
-    };
-
-    const onMouseUp = (e: MouseEvent) => {
-      document.removeEventListener("mousemove", onMouseMove);
-      document.removeEventListener("mouseup", onMouseUp);
-      this._resizingCleanup = null;
-
-      const deltaX = e.clientX - startX;
-      const newWidth = Math.max(startWidth + deltaX, 5);
-
-      this._isResizing.set(false);
-      this._saveColumnConfig(colDef.key, { width: `${newWidth}px` });
-
-      this._lastResizeEndTimeStamp = e.timeStamp;
-    };
-
-    document.addEventListener("mousemove", onMouseMove);
-    document.addEventListener("mouseup", onMouseUp);
-    this._resizingCleanup = () => {
-      document.removeEventListener("mousemove", onMouseMove);
-      document.removeEventListener("mouseup", onMouseUp);
-    };
-  }
-
-  onResizerDblClick(event: MouseEvent, colDef: ISdSheetColumnDef): void {
-    event.preventDefault();
-    event.stopPropagation();
-
-    // Remove the width from config to reset to column definition default
-    const current = this._configResource.value() ?? { columnRecord: {} };
-    const columnRecord = { ...current.columnRecord };
-    const colConfig = { ...columnRecord[colDef.key] };
-    delete colConfig.width;
-    columnRecord[colDef.key] = colConfig;
-    this._configResource.set({ ...current, columnRecord });
-  }
-
-  private _saveColumnConfig(
-    colKey: string,
-    changes: Partial<ISdSheetConfig["columnRecord"][string]>,
-  ): void {
-    const current = this._configResource.value() ?? { columnRecord: {} };
-    const columnRecord = { ...current.columnRecord };
-    columnRecord[colKey] = { ...columnRecord[colKey], ...changes };
-    this._configResource.set({ ...current, columnRecord });
-  }
 }
 
 // Re-export ISortingDef from useSortingManager for convenience