@sellmate/design-system 1.28.0 → 1.29.0

package/dist/esm/sd-td.entry.js

@@ -1,199 +0,0 @@
-import { r as registerInstance, a as getElement, f as forceUpdate, h, H as Host } from './index-DDNBPrZh.js';
-import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
-
-const sdTdCss = () => `sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}`;
-
-const SdTd = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get el() { return getElement(this); }
-    /** 데이터 필드명 (슬롯 이름 생성에 사용) */
-    field;
-    /** 행 식별 키 */
-    rowKey;
-    /** 셀 내용 정렬 */
-    align;
-    /** 행 병합 수 */
-    rowspan;
-    /** 열 병합 수 */
-    colspan;
-    // sd-tr가 그리는 실제 <td>에 머지될 사용자 클래스.
-    // <sd-td> 호스트는 display:contents라 호스트의 class는 시각 효과가 없기 때문에,
-    // 이 prop을 통해 sd-table 레지스트리에 등록 → sd-tr가 td 렌더 시 합쳐 사용한다.
-    /** td에 병합할 사용자 클래스 */
-    sdClass;
-    /** 좌측 구분선 표시 여부 */
-    dividerLeft = false;
-    /** 우측 구분선 표시 여부 */
-    dividerRight = false;
-    // true이면 이 셀이 속한 행 전체가 dense를 무시하고 default 레이아웃으로 동작한다.
-    /** frame 레이아웃 사용 여부 */
-    useFrame = false;
-    handleFieldChange(_newField, oldField) {
-        this.syncSlotName();
-        this.syncSpanRegistration();
-        this.syncCellClassRegistration(oldField);
-        this.syncUseFrameRegistration(oldField);
-    }
-    handleRowKeyChange(_newKey, oldKey) {
-        this.syncSlotName();
-        this.syncSpanRegistration();
-        this.syncCellClassRegistration(undefined, oldKey);
-        this.syncUseFrameRegistration(undefined, oldKey);
-    }
-    handleSpanChange() {
-        this.syncSpanRegistration();
-    }
-    handleSdClassChange() {
-        this.syncCellClassRegistration();
-    }
-    handleDividerChange() {
-        this.syncCellClassRegistration();
-    }
-    handleUseFrameChange() {
-        this.syncUseFrameRegistration();
-        this.requestParentTrUpdate();
-    }
-    componentWillLoad() {
-        this.syncSlotName();
-        this.syncSpanRegistration();
-        this.syncCellClassRegistration();
-        this.syncUseFrameRegistration();
-        // slot 타이밍 엇갈림 대응: 부모 sd-tr forceUpdate로 슬롯 재매칭
-        const parentTr = this.el.parentElement;
-        if (parentTr?.tagName?.toLowerCase() === 'sd-tr') {
-            forceUpdate(parentTr);
-        }
-    }
-    componentDidLoad() {
-        this.syncSlotName();
-        this.syncSpanRegistration();
-        this.syncCellClassRegistration();
-        this.syncUseFrameRegistration();
-    }
-    // React StrictMode에서는 disconnect/reconnect 사이클이 일어나면서
-    // 동일 인스턴스의 componentWillLoad는 더 이상 호출되지 않는다.
-    // 재연결 시점에도 등록 상태를 복구해야 rowspan/colspan이 유지된다.
-    connectedCallback() {
-        this.syncSpanRegistration();
-        this.syncCellClassRegistration();
-        this.syncUseFrameRegistration();
-    }
-    disconnectedCallback() {
-        const table = this.findTable();
-        if (table != null && this.field !== '' && this.rowKey != null) {
-            table.unregisterSpanSync?.(String(this.rowKey), this.field);
-            table.unregisterCellClassSync?.(String(this.rowKey), this.field);
-            table.unregisterUseFrameSync?.(String(this.rowKey), this.field);
-            this.requestParentTrUpdate();
-        }
-    }
-    findTable() {
-        return this.el.closest('sd-table');
-    }
-    requestParentTrUpdate() {
-        const parentTr = this.el.parentElement;
-        if (parentTr?.tagName?.toLowerCase() !== 'sd-tr')
-            return;
-        const trAny = parentTr;
-        if (typeof trAny.bumpSpansVersion === 'function') {
-            trAny.bumpSpansVersion();
-        }
-        else {
-            forceUpdate(parentTr);
-        }
-    }
-    syncSpanRegistration() {
-        const table = this.findTable();
-        if (table?.registerSpanSync == null || this.field === '' || this.rowKey == null)
-            return;
-        const rs = Math.max(1, Math.floor(Number(this.rowspan) || 1));
-        const cs = Math.max(1, Math.floor(Number(this.colspan) || 1));
-        table.registerSpanSync(String(this.rowKey), this.field, rs, cs);
-        this.requestParentTrUpdate();
-    }
-    // field/rowKey가 바뀌면 이전 키에 등록된 클래스가 남으므로 먼저 해제하고 새 키로 등록한다.
-    syncCellClassRegistration(prevField, prevRowKey) {
-        const table = this.findTable();
-        if (!table)
-            return;
-        const oldField = prevField ?? this.field;
-        const oldRowKey = prevRowKey ?? (this.rowKey != null ? String(this.rowKey) : undefined);
-        if (oldField !== '' && oldRowKey != null) {
-            table.unregisterCellClassSync?.(oldRowKey, oldField);
-        }
-        if (!table.registerCellClassSync || this.field === '' || this.rowKey == null)
-            return;
-        const combinedClass = [
-            this.sdClass,
-            this.dividerLeft && 'td--divider-left',
-            this.dividerRight && 'td--divider-right',
-        ]
-            .filter(Boolean)
-            .join(' ') || undefined;
-        table.registerCellClassSync(String(this.rowKey), this.field, combinedClass);
-        this.requestParentTrUpdate();
-    }
-    syncUseFrameRegistration(prevField, prevRowKey) {
-        const table = this.findTable();
-        if (!table)
-            return;
-        const oldField = prevField ?? this.field;
-        const oldRowKey = prevRowKey ?? (this.rowKey != null ? String(this.rowKey) : undefined);
-        if (oldField !== '' && oldRowKey != null) {
-            table.unregisterUseFrameSync?.(oldRowKey, oldField);
-        }
-        if (this.field === '' || this.rowKey == null)
-            return;
-        if (this.useFrame) {
-            table.registerUseFrameSync?.(String(this.rowKey), this.field);
-        }
-        else {
-            table.unregisterUseFrameSync?.(String(this.rowKey), this.field);
-        }
-    }
-    syncSlotName() {
-        const table = this.el.closest('sd-table');
-        const fromMethod = table?.getTableIdSync?.();
-        const fromAttr = table?.getAttribute(TABLE_ID_ATTR);
-        const tableId = (fromMethod != null && fromMethod !== '' && fromMethod !== 'undefined' ? fromMethod : null) ??
-            (fromAttr != null && fromAttr !== '' && fromAttr !== 'undefined' ? fromAttr : null) ??
-            '';
-        if (this.field !== '' && this.rowKey !== undefined && tableId !== '') {
-            this.el.setAttribute('slot', `${tableId}-${this.field}-${this.rowKey}`);
-        }
-    }
-    render() {
-        return (h(Host, { key: 'b2037351ddf7c9a8998befd477ffb81b7f204c99', class: { [`align-${this.align}`]: Boolean(this.align) } }, h("slot", { key: 'f9d2bd1433c737fc6cb209f45e773c5317cf3cde' })));
-    }
-    static get watchers() { return {
-        "field": [{
-                "handleFieldChange": 0
-            }],
-        "rowKey": [{
-                "handleRowKeyChange": 0
-            }],
-        "rowspan": [{
-                "handleSpanChange": 0
-            }],
-        "colspan": [{
-                "handleSpanChange": 0
-            }],
-        "sdClass": [{
-                "handleSdClassChange": 0
-            }],
-        "dividerLeft": [{
-                "handleDividerChange": 0
-            }],
-        "dividerRight": [{
-                "handleDividerChange": 0
-            }],
-        "useFrame": [{
-                "handleUseFrameChange": 0
-            }]
-    }; }
-};
-SdTd.style = sdTdCss();
-
-export { SdTd as sd_td };

package/dist/types/components/sd-table/constants.d.ts

@@ -1,50 +0,0 @@
-export declare const TABLE_ID_ATTR = "table-id";
-export type SdTableColumnSort = 'asc' | 'desc' | 'none';
-export interface SdTableColumn {
-    name: string;
-    label: string;
-    field: string | ((row: any) => any);
-    align?: 'left' | 'center' | 'right';
-    width?: string;
-    autoWidth?: boolean;
-    format?: (value: any, row: any) => string;
-    visible?: boolean;
-    icon?: IconName;
-    iconColor?: string;
-    sort?: SdTableColumnSort;
-    tooltip?: string[];
-    tooltipOptions?: Record<string, any>;
-    tdClass?: string;
-    minWidth?: number;
-    maxWidth?: number;
-    thStyle?: Record<string, any>;
-    thClass?: string;
-    hasDropdown?: boolean;
-}
-export interface Row {
-    [key: string]: any;
-}
-export interface SdTablePagination {
-    page: number;
-    rowsPerPage: number;
-    lastPage?: number;
-}
-export interface SdTableStickyColumn {
-    left?: number;
-    right?: number;
-}
-export interface SelectOption {
-    label: string;
-    value: string | number;
-}
-export interface SdTableConfig {
-    columns: SdTableColumn[];
-    selectable: boolean;
-    resizable: boolean;
-    stickyColumn: SdTableStickyColumn;
-    stickyHeader: boolean;
-    scrolledLeft: boolean;
-    scrolledRight: boolean;
-    columnWidths: number[];
-    dense: boolean;
-}

package/dist/types/components/sd-table/sd-table.config.d.ts

@@ -1,71 +0,0 @@
-import type { SdTableColumnSort } from './constants';
-export declare const TABLE_HEADER_LAYOUT: {
-    height: string;
-    paddingX: string;
-    gap: string;
-};
-export declare const TABLE_HEADER_TYPOGRAPHY: {
-    fontFamily: string;
-    fontWeight: string;
-    fontSize: string;
-    lineHeight: string;
-    textDecoration: string;
-};
-export declare const TABLE_HEADER_COLORS: {
-    bg: string;
-};
-export declare const TABLE_HEADER_RESIZING_BAR: {
-    color: string;
-    height: string;
-};
-export declare const TABLE_BODY_LAYOUT: {
-    default: {
-        height: string;
-        paddingY: string;
-    };
-    dense: {
-        height: string;
-        paddingY: string;
-    };
-    paddingX: string;
-    densePaddingX: string;
-    framePadding: string;
-};
-export declare const TABLE_BODY_TYPOGRAPHY: {
-    fontFamily: string;
-    fontWeight: string;
-    fontSize: string;
-    lineHeight: string;
-    textDecoration: string;
-};
-export declare const TABLE_BORDER: {
-    color: string;
-    width: string;
-};
-export declare const TABLE_SEPARATOR: {
-    color: string;
-    width: string;
-    denseWidth: string;
-};
-export declare const TABLE_RADIUS: string;
-export declare const TABLE_CONTENT: {
-    gap: string;
-};
-export declare const TABLE_BAR_LAYOUT: {
-    height: string;
-    sectionGap: string;
-    dividerHeight: string;
-};
-export declare const TABLE_BAR_COLORS: {
-    count: {
-        total: string;
-        null: string;
-    };
-};
-export declare const TABLE_KEY_VALUE: {
-    bodyPadding: string;
-    height: string;
-};
-export declare const TABLE_SELECTABLE_COLUMN_WIDTH = 48;
-export declare const resolveTableIconColor: (name: IconName, override?: string) => string | undefined;
-export declare const resolveSortIconName: (sort: SdTableColumnSort) => IconName;

package/dist/types/components/sd-table/sd-table.d.ts

@@ -1,199 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { SdTableColumn, SdTableConfig, Row, SdTablePagination, SdTableStickyColumn, SelectOption } from './constants';
-export declare class SdTable {
-    private static readonly DEFAULT_NO_DATA_LABEL;
-    el: HTMLElement;
-    /** 테이블 고유 ID (자식 슬롯 매핑에 사용) */
-    tableId: string;
-    private fallbackTableId;
-    /** 컬럼 정의 목록 */
-    columns: SdTableColumn[];
-    /** 행 데이터 배열 */
-    rows?: Row[];
-    /** 현재 선택된 행 목록 */
-    selected: Row[];
-    /** 행 고유 식별 필드명 */
-    rowKey: string;
-    /** 행 선택(체크박스) 기능 활성화 여부 */
-    selectable: boolean;
-    /** 컬럼 너비 조절 기능 활성화 여부 */
-    resizable: boolean;
-    /** 테이블 너비 */
-    width?: string;
-    /** 테이블 높이 */
-    height?: string;
-    /** 헤더 고정(sticky) 여부 */
-    stickyHeader: boolean;
-    /** 고정할 좌우 컬럼 수 */
-    stickyColumn: SdTableStickyColumn;
-    /** border-radius 제어 */
-    radius: 'default' | 'useTop' | 'full';
-    /** 데이터 없을 때 표시할 메시지 */
-    noDataLabel: string;
-    resolvedNoDataLabel: string;
-    /** 로딩 스피너 표시 여부 */
-    isLoading: boolean;
-    /** 페이지네이션 옵션 */
-    pagination?: SdTablePagination;
-    /** 테이블 내부에서 페이지네이션을 직접 관리할지 여부 */
-    useInternalPagination: boolean;
-    /** 페이지당 행 수 선택 셀렉트 표시 여부 */
-    useRowsPerPageSelect: boolean;
-    /** 행 높이를 줄인 조밀 모드 여부 */
-    dense: boolean;
-    /** 가상 스크롤 사용 여부 */
-    useVirtualScroll: boolean;
-    /** 가상 스크롤 행 높이 (px, 없으면 dense 여부에 따라 자동) */
-    rowHeight?: number;
-    private get effectiveRowHeight();
-    /** 가상 스크롤 상하 버퍼 행 수 */
-    virtualBuffer: number;
-    /** 가상 스크롤 끝 도달 감지 임계값 (마지막 N행 이내에 들어오면 이벤트 발생) */
-    virtualEndThreshold: number;
-    /** 페이지당 행 수 선택 옵션 목록 */
-    rowsPerPageOption: SelectOption[];
-    /** 행 선택 상태가 변경될 때 선택된 행 목록을 전달합니다. */
-    sdSelectChange: EventEmitter<Row[]>;
-    /** 페이지가 변경될 때 새 페이지 번호를 전달합니다. */
-    sdPageChange: EventEmitter<number>;
-    /** 페이지당 행 수가 변경될 때 발생합니다. */
-    sdRowsPerPageChange: EventEmitter<number>;
-    /** 가상 스크롤 가시 범위가 변경될 때 발생합니다. */
-    sdVirtualUpdate: EventEmitter<{
-        from: number;
-        to: number;
-    }>;
-    /** 가상 스크롤이 끝 임계값에 도달할 때 발생합니다. */
-    sdVirtualReachEnd: EventEmitter<{
-        from: number;
-        to: number;
-        rowCount: number;
-        threshold: number;
-    }>;
-    currentPage: number;
-    innerRowsPerPage: number;
-    innerSelected: Set<Row>;
-    columnWidths: number[];
-    scrolledLeft: boolean;
-    scrolledRight: boolean;
-    rowCount: number;
-    loadingScrollTop: number;
-    noDataBodyHeight: number;
-    autoThead: boolean;
-    autoTbody: boolean;
-    private vsStart;
-    private vsEnd;
-    private lastReachEndNotifiedRowCount;
-    private scrollContainer;
-    private noDataContentEl;
-    private noDataContentResizeObserver?;
-    private onScroll?;
-    private spanRegistry;
-    private useFrameRegistry;
-    private cellClassRegistry;
-    private rowIndexMap;
-    private rebuildRowIndexMap;
-    private resolveRowIndex;
-    private toFiniteNumber;
-    private isRowsPerPageValue;
-    private isValidTableId;
-    private getResolvedTableId;
-    private syncTableIdAttribute;
-    handleIsLoadingChange(newVal: boolean): void;
-    handleUseVirtualScrollChange(newVal: boolean): void;
-    handleColumnsChange(newCols: SdTableColumn[]): void;
-    handleRowsChange(newRows?: Row[]): void;
-    handleRowKeyChange(): void;
-    handleTableIdChange(): void;
-    handleNoDataLabelChange(newLabel?: string): void;
-    handleConfigChange(): void;
-    handleSelectedChange(newSelected: Row[]): void;
-    handlePaginationChange(newVal?: SdTablePagination): void;
-    private detectChildren;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    private syncNoDataContentObserver;
-    private observeNoDataContentHeight;
-    private queryChildEl;
-    private queryAllTr;
-    private pushRowsToChildren;
-    private handleStructureSlotChange;
-    private refreshChildrenSelection;
-    private refreshChildrenConfig;
-    private maybeEmitVirtualReachEnd;
-    private propagateVirtualUpdate;
-    getVirtualScrollConfigSync(): {
-        useVirtualScroll: boolean;
-        rowHeight: number;
-        virtualBuffer: number;
-        vsStart: number;
-        vsEnd: number;
-        rowCount: number;
-    };
-    getConfigSync(): SdTableConfig;
-    registerUseFrameSync(rowKey: string, field: string): void;
-    unregisterUseFrameSync(rowKey: string, field: string): void;
-    hasUseFrameInRowSync(rowKey: string): boolean;
-    isCellUseFrameSync(rowKey: string, field: string): boolean;
-    isRowSelectedSync(row: Row): boolean;
-    /** 행이 선택되어 있는지 확인합니다. */
-    isRowSelected(row: Row): Promise<boolean>;
-    updateRowSelectSync(row: Row): void;
-    /** 행 선택 상태를 토글합니다. */
-    updateRowSelect(row: Row): Promise<void>;
-    toggleSelectAllSync(checked: boolean, rows: Row[]): void;
-    /** 전체 행 선택/해제를 처리합니다. */
-    toggleSelectAll(checked: boolean, rows: Row[]): Promise<void>;
-    getIsAllCheckedSync(rows: Row[]): boolean | null;
-    /** 전체 선택 체크 상태를 반환합니다 (true/false/null=indeterminate). */
-    getIsAllChecked(rows: Row[]): Promise<boolean | null>;
-    private changePage;
-    private updateRowsVisibility;
-    private changeRowsPerPage;
-    private get lastPageNumber();
-    handleResize(index: number, event: MouseEvent, reversed?: boolean): void;
-    getStickyStyleSync(colIdx: number): Record<string, string>;
-    /** 지정한 컬럼 인덱스의 sticky 스타일 객체를 반환합니다. */
-    getStickyStyle(colIdx: number): Promise<Record<string, string>>;
-    private spanKey;
-    private requestAllTrUpdate;
-    registerSpanSync(rowKey: string, field: string, rowspan: number, colspan: number): void;
-    unregisterSpanSync(rowKey: string, field: string): void;
-    getSpanSync(rowKey: string, field: string): {
-        rowspan: number;
-        colspan: number;
-    } | undefined;
-    registerCellClassSync(rowKey: string, field: string, cls: string | undefined | null): void;
-    unregisterCellClassSync(rowKey: string, field: string): void;
-    getCellClassSync(rowKey: string, field: string): string | undefined;
-    hasRowspanSync(): boolean;
-    isCoveredSync(rowKey: string, colIdx: number, columns: SdTableColumn[]): boolean;
-    setRowCountSync(count: number): void;
-    /** 가상 스크롤 총 행 수를 설정합니다. */
-    setRowCount(count: number): Promise<void>;
-    calculateVisibleRange(scrollTop: number, containerHeight: number): {
-        start: number;
-        end: number;
-    };
-    getPaginationInfoSync(): {
-        startIndex: number;
-        endIndex: number;
-        currentPage: number;
-        rowsPerPage: number;
-    } | null;
-    /** 현재 페이지네이션 상태(startIndex, endIndex, currentPage, rowsPerPage)를 반환합니다. */
-    getPaginationInfo(): Promise<{
-        startIndex: number;
-        endIndex: number;
-        currentPage: number;
-        rowsPerPage: number;
-    } | null>;
-    getVirtualScrollRangeSync(): {
-        from: number;
-        to: number;
-    } | null;
-    private renderAutoRows;
-    private get tableClasses();
-    render(): any;
-}

package/dist/types/components/sd-table/sd-table.stories.helpers.d.ts

@@ -1,39 +0,0 @@
-import { LitElement, nothing, type TemplateResult } from 'lit';
-import type { Row, SdTableColumn, SdTableStickyColumn } from './constants';
-export declare class StoryVirtualTable extends LitElement {
-    static styles: import("lit").CSSResult;
-    columns: SdTableColumn[];
-    rows: Row[];
-    stickyColumn: SdTableStickyColumn;
-    stickyHeader: boolean;
-    selectable: boolean;
-    resizable: boolean;
-    height: string;
-    width: string;
-    rowHeight: number;
-    rowKey: string;
-    renderRow?: (row: Row, absoluteIndex: number) => TemplateResult | typeof nothing;
-    private range;
-    private tableRef;
-    private detachListener?;
-    private syncRafId;
-    constructor();
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    render(): TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'story-virtual-table': StoryVirtualTable;
-        'story-dropdown-table': StoryDropdownTable;
-    }
-}
-export declare class StoryDropdownTable extends LitElement {
-    createRenderRoot(): this;
-    private roleFilter;
-    private statusFilter;
-    constructor();
-    private get displayRows();
-    private itemStyle;
-    render(): TemplateResult<1>;
-}

package/dist/types/components/sd-table/sd-tbody/sd-tbody.d.ts

@@ -1,15 +0,0 @@
-import { Row } from '../constants';
-export declare class SdTbody {
-    el: HTMLElement;
-    /** 렌더링할 행 데이터 목록 */
-    rows: Row[];
-    tableId: string;
-    topSpacerHeight: number;
-    bottomSpacerHeight: number;
-    private tableEl;
-    handleRowsChange(newRows: Row[]): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    private syncTableContext;
-    render(): any;
-}

package/dist/types/components/sd-table/sd-td/sd-td.d.ts

@@ -1,38 +0,0 @@
-export declare class SdTd {
-    el: HTMLElement;
-    /** 데이터 필드명 (슬롯 이름 생성에 사용) */
-    field: string;
-    /** 행 식별 키 */
-    rowKey: string;
-    /** 셀 내용 정렬 */
-    align?: 'left' | 'center' | 'right';
-    /** 행 병합 수 */
-    rowspan?: number;
-    /** 열 병합 수 */
-    colspan?: number;
-    /** td에 병합할 사용자 클래스 */
-    sdClass?: string;
-    /** 좌측 구분선 표시 여부 */
-    dividerLeft: boolean;
-    /** 우측 구분선 표시 여부 */
-    dividerRight: boolean;
-    /** frame 레이아웃 사용 여부 */
-    useFrame: boolean;
-    handleFieldChange(_newField: string, oldField: string): void;
-    handleRowKeyChange(_newKey: string, oldKey: string): void;
-    handleSpanChange(): void;
-    handleSdClassChange(): void;
-    handleDividerChange(): void;
-    handleUseFrameChange(): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private findTable;
-    private requestParentTrUpdate;
-    private syncSpanRegistration;
-    private syncCellClassRegistration;
-    private syncUseFrameRegistration;
-    private syncSlotName;
-    render(): any;
-}

package/dist/types/components/sd-table/sd-thead/sd-thead.d.ts

@@ -1,62 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { SdTableColumn, Row, SdTableStickyColumn } from '../constants';
-export declare class SdThead {
-    el: HTMLElement;
-    /** 테이블 컬럼 목록 */
-    columns?: SdTableColumn[];
-    /** 행 선택 기능 사용 여부 */
-    selectable?: boolean;
-    /** 컬럼 너비 조절 가능 여부 */
-    resizable?: boolean;
-    /** 고정 컬럼 설정 */
-    stickyColumn?: SdTableStickyColumn;
-    /** 헤더 고정 여부 */
-    stickyHeader?: boolean;
-    /** 좌측 스크롤 여부 */
-    scrolledLeft?: boolean;
-    /** 우측 스크롤 여부 */
-    scrolledRight?: boolean;
-    /** 전체 선택 체크박스용 행 데이터 */
-    rows: Row[];
-    /** 컬럼 너비 목록 */
-    columnWidths: number[];
-    /** 컬럼 정렬 버튼 클릭 시 발생합니다. */
-    sdColumnSort: EventEmitter<{
-        column: SdTableColumn;
-    }>;
-    tableId: string;
-    private _columns;
-    private _selectable;
-    private _resizable;
-    private _stickyColumn;
-    private _stickyHeader;
-    private _scrolledLeft;
-    private _scrolledRight;
-    private dropdownOpenMap;
-    private tableEl;
-    private dropdownRefs;
-    private dropdownThRefs;
-    private dropdownPortals;
-    handleColumnsChange(newCols?: SdTableColumn[]): void;
-    disconnectedCallback(): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    private initDropdownPortals;
-    private syncTableContext;
-    private resolveConfig;
-    /** 테이블 설정을 다시 불러옵니다. */
-    refreshConfig(): Promise<void>;
-    /** 컬럼 너비를 업데이트합니다. */
-    setColumnWidths(widths: number[]): Promise<void>;
-    /** 전체 선택 체크박스 상태를 갱신합니다. */
-    refreshSelection(): Promise<void>;
-    private get visibleColumns();
-    private getStickyStyle;
-    private handleResize;
-    private handleColumnSort;
-    private toggleDropdown;
-    private closeDropdown;
-    private handleSelectAll;
-    private getIsAllChecked;
-    render(): any;
-}