@ninebone/table 0.1.41 → 0.1.42

package/dist/css/layout.css

@@ -1,470 +0,0 @@
-:host {
-    --scrollbar-size: 16px;
-}
-
-nine-table-filter-panel, cell-combo-panel {
-    z-index: 2;
-    position: absolute;
-    width: 250px;
-    height: 250px;
-    border: 1px solid #999;
-    background-color: white;
-    overflow: hidden;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-    display: none;
-    flex-direction: column;
-    padding: 0;
-    margin: 0;
-    font-size: 12px;
-    resize: both;
-}
-
-nine-table-filter-panel.loading,
-cell-combo-panel.loading {
-
-    nine-table-simple {
-        visibility: hidden;
-    }
-}
-
-nine-table-filter-panel.loading::after,
-cell-combo-panel.loading::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: rgba(255, 255, 255, 0.3);
-    z-index: 10;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-nine-table-filter-panel.loading::before,
-cell-combo-panel.loading::before {
-    content: "";
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 24px;
-    height: 24px;
-    margin: -12px 0 0 -12px;
-    border: 3px solid #e5e7eb;
-    border-top-color: #2563eb;
-    border-radius: 50%;
-    animation: nine-spin 0.6s linear infinite;
-    z-index: 999999911;
-}
-@keyframes nine-spin {
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-.empty-value {
-    color: #999;
-}
-
-input[type="checkbox"] {
-    appearance: none;
-    -webkit-appearance: none;
-    width: 14px;
-    height: 14px;
-    background-color: #ffffff; /* 미체크 시 배경 */
-    border: 1px solid #9ca3af;
-    border-radius: 3px;
-    outline: none;
-    cursor: pointer;
-    margin: 0;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    transition: background-color 0.15s ease, border-color 0.15s ease;
-}
-input[type="checkbox"]:checked {
-    background-color: #2563eb; /* 체크 시 파란색 배경 */
-    border-color: #2563eb;
-    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
-    background-repeat: no-repeat;
-    background-position: center;
-}
-
-thead tr {
-    height: 48px;
-}
-
-tbody tr {
-    height: 32px;
-}
-
-
-
-/* 3분할된 tr들이 동시에 hover 상태가 되었을 때의 배경색 */
-nine-table-sheet tr.hover th,
-nine-table-sheet tr.hover td {
-    background-color: rgba(37, 99, 235, 0.06);
-}
-
-tr.col-indicator-rowgroup {
-    th,td {
-        padding: 0;
-    }
-}
-
-.col-indicator-rowgroup.expand {
-    height: 20px;
-}
-.col-indicator-rowgroup.collapse {
-    height: 2px;
-}
-.col-indicator-rowgroup.expand th {
-    background-color: #eee;
-    border-right-color: #ccc;
-    border-top: 2px solid #666;
-}
-.col-indicator-rowgroup.collapse th {
-    background-color: #666;
-    border: none;
-}
-.col-indicator-rowgroup.collapse div {
-    display: unset;
-}
-.col-indicator-rowgroup.collapse div {
-    display: none;
-}
-
-nine-table-body { display: flex; flex-direction: row; flex: 1; overflow: hidden; position: relative; }
-nine-table-summary { display: none; width: 250px; flex-shrink: 0; border-right: 1px solid #e5e7eb; }
-nine-table-analysis { display: none; }
-nine-table-footer { display: none; }
-
-
-nine-table-toolbar {
-    --display: flex;
-    display: none;
-    align-items: center;
-    justify-content: space-between;
-    height: 40px;
-    padding: 0 12px;
-    --border-bottom: 1px solid #e5e7eb;
-    background: #ffffff;
-    box-sizing: border-box;
-    user-select: none;
-    flex-shrink: 0;
-
-
-    .ng-toolbar-left {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-    }
-    .ng-toolbar-title {
-        font-size: 13px;
-        font-weight: 600;
-        color: #111827;
-        cursor: pointer;
-    }
-    .ng-toolbar-menu-btn {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        background: none;
-        border: none;
-        padding: 4px;
-        border-radius: 4px;
-    }
-    .ng-toolbar-menu-btn:hover {
-        background-color: #f3f4f6;
-    }
-    .ng-toolbar-custom {
-        display: flex;
-        align-items: center;
-        gap: 6px;
-    }
-}
-
-nine-table-toolbar[show-menu="false"] .ng-toolbar-menu-btn {
-    display: none;
-}
-
-
-
-
-
-nine-table-sheets {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    position: relative;
-    background: #fff;
-
-    nine-table-sheets-body {
-        flex: 1;
-        overflow: hidden;
-        position: relative;
-        display: flex;
-        flex-direction: row;
-    }
-
-
-}
-
-nine-table-sheets-footer {
-    display: flex;
-    height: 26px;
-    --background: #f3f4f6;
-    border-top: 1px solid #e5e7eb;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 8px;
-    flex-shrink: 0;
-
-    .sheets-counter {
-        font-size: 12px;
-        color: #6b7280;
-        padding-left: 12px;
-        flex-shrink: 0;
-
-        span#row-count {
-            font-weight: 700;
-        }
-    }
-
-
-
-    .nine-tab-bar {
-        display: flex;
-        align-items: flex-start;
-        gap: 2px;
-        overflow-x: auto;
-        flex: 1;
-        height: 100%;
-
-
-
-        nt-sheets-tab-item {
-            padding: 4px 12px;
-            cursor: pointer;
-            font-size: 12px;
-            color: #4b5563;
-            background: #f9fafb;
-            border: 1px solid #e5e7eb;
-            border-top: none;
-            border-radius: 0 0 3px 3px;
-            user-select: none;
-            height: 100%;
-            box-sizing: border-box;
-            display: flex;
-            align-items: center;
-        }
-
-        nt-sheets-tab-item.active {
-            background: white;
-            color: #111827;
-            font-weight: 600;
-            border-bottom: 2px solid green;
-        }
-    }
-}
-
-
-nine-table-sheet .ng-nodata-overlay {
-    display: none;
-    position: absolute;
-    left: 0;
-    right: 0;
-    background: #ffffff;
-    z-index: 0;
-    align-items: center;
-    justify-content: center;
-    font-size: 12px;
-    color: #9ca3af;
-}
-
-nine-table-sheets.nodata {
-    .ng-nodata-overlay {
-        display: flex;
-    }
-
-    .ng-scroll-content {
-        table {
-            display: none;
-        }
-        .ng-virtual-spacer {
-            display: none;
-        }
-    }
-}
-
-:host(.loading) {
-    .ng-loading-bar {
-        display: block;
-    }
-}
-
-
-.ng-loading-bar {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 2px;
-    background: rgba(255, 255, 255, 0.08); /* 은은한 화이트 트랙 배경 */
-    z-index: 10000;
-    display: none;
-    overflow: hidden;
-}
-
-    /* 🎯 아주 좁고 쨍한 빛 조각 형태로 압축 */
-.ng-loading-bar::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    width: 12%; /* 바의 전체 길이를 12%로 대폭 축소 */
-    background: linear-gradient(
-        90deg,
-        transparent 0%,
-        rgba(255, 255, 255, 0.4) 20%,
-        #ffffff 50%,
-        rgba(255, 255, 255, 0.4) 80%,
-        transparent 100%
-        );
-    box-shadow: 0 0 10px rgba(255, 255, 255, 0.9);
-    animation: ng-loading-slide 0.9s ease-in-out infinite;
-}
-
-
-
-
-:host {
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    overflow: hidden;
-
-    background: #fff;
-}
-
-:host([theme="simple"]) {
-    /* 1. 불필요한 패널 및 컴포넌트 숨기기 */
-    .ng-part-header, .ng-part-footer,
-    nine-table-toolbar,
-    nine-table-sheets-footer,
-    nine-table-vscrollbar,
-    nine-table-hscrollbar,
-    nine-table-sheet .ng-scroll-edge {
-        display: none;
-    }
-
-    .col-indicator-rowgroup {
-        display: none;
-    }
-
-    tr {
-        height: 32px;
-    }
-
-    /* 2. 💡 [핵심] 스크롤바용 우측 16px 빈 공간을 제거하고 1열(1fr)로 꽉 채우기 */
-    nine-table-sheet {
-        border: none;
-        overflow: hidden;
-        grid-template-columns: 1fr;
-        grid-template-rows: 1fr;
-    }
-
-    nine-table-sheet tr th,
-    nine-table-sheet tr td {
-        border: none;
-        padding: 0 8px;
-    }
-
-    nine-table-sheet tr td {
-        text-align: left;
-    }
-
-    /* 4. 브라우저 기본 네이티브 스크롤바를 콘텐츠 위에 자연스럽게 오버레이(Overlay) */
-    nine-table-sheet .ng-sheet-body {
-        overflow-y: auto;
-        overflow-x: hidden;
-        scrollbar-width: thin;
-        scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
-    }
-
-    nine-table-sheet .ng-sheet-body::-webkit-scrollbar {
-        display: block;
-        width: 6px;
-        height: 6px;
-    }
-
-    nine-table-sheet .ng-sheet-body::-webkit-scrollbar-track {
-        background: transparent;
-    }
-
-    nine-table-sheet .ng-sheet-body::-webkit-scrollbar-thumb {
-        background: rgba(0, 0, 0, 0.15);
-        border-radius: 3px;
-    }
-
-    nine-table-sheet .ng-sheet-body::-webkit-scrollbar-thumb:hover {
-        background: rgba(0, 0, 0, 0.3);
-    }
-}
-
-/* 🎯 Toolbar 숨김 제어 */
-:host([theme="simple"]) nine-table-toolbar,
-:host([show-header="false"]) nine-table-toolbar {
-    display: none;
-}
-
-/* 🎯 Footer(StatusBar) 숨김 제어 (show-statusbar="false") */
-:host([theme="simple"]) nine-table-sheets-footer,
-:host([show-statusbar="false"]) nine-table-sheets-footer {
-    display: none;
-}
-
-:host([theme="simple"]) {
-    col[data-col="0"], th[data-col="0"], td[data-col="0"] {
-        display: none;
-    }
-    .ng-container-right {
-        display: none;
-    }
-    tr {
-        height: 26px;
-    }
-}
-
-
-@keyframes ng-loading-slide {
-    0% {
-        transform: translateX(-150%);
-    }
-    100% {
-        transform: translateX(850%); /* 폭이 좁아진 만큼 이동 거리 확장 */
-    }
-}
-
-
-cell-renderer {          /* Custom element host layout */
-    display: block;
-    span {
-        display: block;
-        width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;   /* 줄바꿈 방지 */
-    }
-}
-
-.CELL-RENDERER {      /* Parent cell hook */
-    text-align: left;
-}
-.CELL-RENDERER[text-align="center"] {
-    text-align: center;
-}
-.CELL-RENDERER[text-align="right"] {
-    text-align: right;
-}

package/dist/css/nine-table-hscrollbar.css

@@ -1,3 +0,0 @@
-nine-table-hscrollbar {
-    display: none; /* 평소에는 기본 숨김 */
-}

package/dist/css/nine-table-sheet.css

@@ -1,540 +0,0 @@
-nine-table-sheet {
-    display: none;
-    grid-template-columns: 1fr 0px;
-    grid-template-rows: 1fr 0px;
-    width: 100%;
-    height: 100%;
-    position: relative;
-    box-sizing: border-box;
-    background: #ffffff;
-    overflow: hidden;
-
-    .ng-sheet-body {
-        display: block;
-        flex: 1 1 auto;
-        width: 100%;
-        height: 100%;
-        overflow-y: auto;
-        overflow-x: hidden;
-        position: relative;
-        scrollbar-width: none;
-        &::-webkit-scrollbar { display: none; height: 0px; width: 0px; }
-    }
-
-    .ng-sheet-body-content {
-        display: flex;
-        flex-direction: row;
-        width: 100%;
-        height: 100%;
-        left: 0;
-        top: 0;
-        position: sticky;
-    }
-
-
-
-    .ng-container-left, .ng-container-body, .ng-container-right {
-        flex-direction: column;
-        position: relative;
-        background: #ffffff;
-    }
-    .ng-container-body {
-        display: flex;
-    }
-
-    .ng-container-left, .ng-container-right {
-        border: none;
-    }
-
-    .ng-scroll-edge {
-        display: none; /* 평소에는 기본 숨김 */
-    }
-}
-
-nine-table-sheet.active {
-    display: grid;
-}
-
-/* --- 세로 스크롤바가 활성화되었을 때만 CSS로 2열 너비 확장 및 요소 표시 --- */
-nine-table-sheet.vscroll-visible {
-    grid-template-columns: 1fr var(--scrollbar-size);
-
-    nine-table-vscrollbar {
-        display: flex;
-    }
-}
-
-/* --- 가로 스크롤바가 활성화되었을 때만 CSS로 행 높이 확장 및 요소 표시 --- */
-nine-table-sheet.hscroll-visible {
-    grid-template-rows: 1fr var(--scrollbar-size);
-
-    nine-table-hscrollbar, ng-scroll-edge {
-        display: flex;
-    }
-}
-
-
-
-
-nine-table-sheet .ng-container-left {
-    --border-right: 1px solid #e5e7eb;
-    flex-shrink: 0;
-    overflow: hidden !important;
-}
-
-nine-table-sheet .ng-container-body {
-    flex: 1;
-    overflow-x: auto;
-    overflow-y: hidden;
-    scrollbar-width: none;
-    &::-webkit-scrollbar { display: none; height: 0px; width: 0px; }
-}
-
-nine-table-sheet .ng-container-right {
-    flex-shrink: 0;
-    overflow: hidden;
-}
-nine-table-sheet .ng-container-left, nine-table-sheet .ng-container-right {
-    filter: brightness(99%);
-}
-
-
-
-/* --- 세로 스크롤바 (Grid Row 1, Col 2) --- */
-nine-table-vscrollbar {
-    grid-row: 1;
-    grid-column: 2;
-    width: var(--scrollbar-size);
-    height: 100%;
-    z-index: 50;
-}
-
-/* --- 가로 스크롤바 (Grid Row 2, Col 1 직속 안착) --- */
-nine-table-hscrollbar {
-    grid-row: 2;
-    grid-column: 1;
-    flex-direction: row;
-    height: var(--scrollbar-size);
-    min-height: var(--scrollbar-size);
-    background: #f9fafb;
-    border-top: 1px solid #e5e7eb;
-    z-index: 10;
-    overflow: hidden;
-    width: 100%;
-}
-
-/* --- 우하단 엣지 (Grid Row 2, Col 2) --- */
-nine-table-sheet .ng-scroll-edge {
-    grid-row: 2;
-    grid-column: 2;
-    width: var(--scrollbar-size);
-    height: var(--scrollbar-size);
-    background: #f3f4f6;
-    border-top: 1px solid #e5e7eb;
-    z-index: 10;
-}
-
-nine-table-sheet col {
-    width: attr(width px); /* 브라우저가 지원하는 경우 또는 아래 처럼 고정 셀렉터 활용 */
-}
-
-nine-table-sheet table {
-    border-collapse: separate;
-    border-spacing: 0;
-    width: auto;
-    min-width: 100%;
-    table-layout: fixed;
-    box-sizing: border-box;
-}
-nine-table-sheet[auto-fit-col="true"] table {
-    width: 100%;
-    min-width: 100%;
-}
-
-nine-table-sheet th, nine-table-sheet td {
-    box-sizing: border-box;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    padding: 0px 4px;
-    /* 💡 상하좌우 테두리 공간을 1px 고정으로 4방향 모두 잡아줍니다 */
-    border-top: 1px solid transparent;
-    border-left: 1px solid transparent;
-    border-right: 1px solid #e5e7eb;
-    border-bottom: 1px solid #e5e7eb;
-    font-size: 12px;
-    color: #111827;
-    position: relative;
-    outline: none;
-}
-
-nine-table-sheet th {
-    background-color: #f9fafb;
-    font-weight: 600;
-    text-align: left;
-    user-select: none;
-}
-
-
-
-/* 🎯 셀 선택 영역 스타일 (selected 및 테두리선들) */
-/* --- 🎯 셀 선택 및 포커스(시작점) 관련 스타일 (필수 추가) --- */
-nine-table-sheet td.selected,
-nine-table-sheet th.selected {
-    background-color: rgba(37, 99, 235, 0.08);
-}
-
-nine-table-sheet td.selected-start,
-nine-table-sheet th.selected-start {
-    background-color: transparent;
-}
-
-nine-table-sheet tr td.selected-top    { border-top: 2px solid #2563eb; }
-nine-table-sheet tr td.selected-bottom { border-bottom: 2px solid #2563eb; }
-nine-table-sheet tr td.selected-left   { border-left: 2px solid #2563eb; }
-nine-table-sheet tr td.selected-right  { border-right: 2px solid #2563eb; }
-
-/* 🎯 [복원] 컬럼 접기/펼치기 아이콘 컴포넌트 스타일 */
-nine-table-col-expand {
-    position: absolute;
-    --top: 50%;
-    right: 2px;
-    top: 2px;
-    --transform: translateY(-50%);
-    width: 12px;
-    height: 12px;
-    cursor: pointer;
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: contain;
-    z-index: 2;
-    pointer-events: auto;
-    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%234b5563" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L12.293 7.5H6.5A.5.5 0 0 0 6 8m-2.5 7a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5"/></svg>');
-}
-
-nine-table-col-expand.expand {
-    right: 2px;
-    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%234b5563" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5M10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5"/></svg>');
-}
-
-nine-table-col-expand.collapsed {
-    left: 50%;
-    right: auto;
-    transform: translate(-50%, 0);
-}
-
-nine-table-sheet th:has(nine-table-col-expand),
-nine-table-sheet td:has(nine-table-col-expand) {
-    position: relative;
-}
-
-/* 정렬 아이콘 여백 */
-nine-table-sheet thead th.asc::after,
-nine-table-sheet thead td.asc::after,
-nine-table-sheet thead th.desc::after,
-nine-table-sheet thead td.desc::after {
-    content: "";
-    display: inline-block;
-    width: 0;
-    height: 0;
-    flex-shrink: 0;
-    margin-left: 4px;
-    vertical-align: middle;
-}
-
-nine-table-sheet thead th.asc::after,
-nine-table-sheet thead td.asc::after {
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-bottom: 6px solid #2563eb;
-}
-
-nine-table-sheet thead th.desc::after,
-nine-table-sheet thead td.desc::after {
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-top: 6px solid #dc2626;
-}
-
-nine-table-sheet[filtering="true"] .ng-sheet-header th,
-nine-table-sheet[filtering="true"] .ng-sheet-header td {
-    padding-right: 22px !important;
-}
-
-/* 필터 버튼 아이콘 */
-nine-table-filter-button {
-    position: absolute;
-    bottom: 2px;
-    right: 2px;
-    width: 12px;
-    height: 12px;
-    cursor: pointer;
-    z-index: 2;
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: contain;
-    display: inline-block;
-    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16"><path fill="%239ca3af" d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z"/></svg>');
-}
-
-nine-table-filter-button.filtered {
-    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16"><path fill="%232563eb" d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5z"/></svg>');
-}
-
-nine-table-sheet .ng-nodata-overlay {
-    display: none;
-    position: absolute;
-    top: 0;        /* 👈 상단부터 */
-    left: 0;       /* 👈 좌측부터 */
-    right: 0;      /* 👈 우측까지 꽉 채움 */
-    bottom: 0;     /* 👈 하단까지 꽉 채움 (absolute로 전체 영역 커버) */
-    background: #ffffff;
-    z-index: 20;
-    align-items: center;
-    justify-content: center;
-    font-size: 12px;
-    color: #9ca3af;
-}
-
-
-
-nine-table-sheet .ng-col-mover-indi {
-    position: absolute;
-    width: 2px;
-    background-color: #2563eb;
-    display: none;
-    pointer-events: none;
-    z-index: 10020;
-    box-sizing: border-box;
-}
-
-nine-table-sheet .ng-col-mover-indi::before {
-    content: '';
-    position: absolute;
-    top: -6px;
-    left: -4px;
-    width: 0;
-    height: 0;
-    border-top: 6px solid #2563eb;
-    border-left: 5px solid transparent;
-    border-right: 5px solid transparent;
-}
-
-nine-table-sheet .ng-col-mover-indi::after {
-    content: '';
-    position: absolute;
-    bottom: -6px;
-    left: -4px;
-    width: 0;
-    height: 0;
-    border-bottom: 6px solid #2563eb;
-    border-left: 5px solid transparent;
-    border-right: 5px solid transparent;
-}
-
-nine-table-sheet .ng-col-mover-grip {
-    position: absolute;
-    box-sizing: border-box;
-    display: none;
-    pointer-events: none;
-    z-index: 10010;
-    background-color: rgba(37, 99, 235, 0.12);
-    border: none;
-    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
-    overflow: hidden;
-    backdrop-filter: blur(1px);
-    transition: background-color 0.15s ease, border-color 0.15s ease;
-}
-
-nine-table-sheet .ng-col-mover-grip .grip-header-content {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    box-sizing: border-box;
-    z-index: 2;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-nine-table-sheet .ng-col-mover-grip.invalid {
-    background-color: rgba(239, 68, 68, 0.12);
-    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15);
-}
-
-nine-table-sheet .ng-col-mover-grip.invalid .grip-header-content {
-    border-bottom: 2px solid #ef4444;
-}
-
-nine-table-sheet .ng-col-mover-grip th,
-nine-table-sheet .ng-col-mover-grip td {
-    box-sizing: border-box;
-    user-select: none;
-    pointer-events: none;
-}
-
-/* 🎯 정렬 아이콘 공통 (가상 요소 - 헤더 및 드래그 그립 패널 공통 적용) */
-nine-table-sheet .ng-sheet-header th.asc::after,
-nine-table-sheet .ng-sheet-header td.asc::after,
-nine-table-sheet .ng-sheet-header th.desc::after,
-nine-table-sheet .ng-sheet-header td.desc::after,
-nine-table-sheet .ng-col-mover-grip th.asc::after,  /* 👈 그립 패널 타겟 추가 */
-nine-table-sheet .ng-col-mover-grip td.asc::after,
-nine-table-sheet .ng-col-mover-grip th.desc::after, /* 👈 그립 패널 타겟 추가 */
-nine-table-sheet .ng-col-mover-grip td.desc::after {
-    content: "";
-    display: inline-block;
-    width: 0;
-    height: 0;
-    flex-shrink: 0;
-    margin-left: 4px;
-    vertical-align: middle;
-}
-
-/* 오름차순 (▲): 위쪽을 가리키는 삼각형 */
-nine-table-sheet .ng-sheet-header th.asc::after,
-nine-table-sheet .ng-sheet-header td.asc::after,
-nine-table-sheet .ng-col-mover-grip th.asc::after,  /* 👈 추가 */
-nine-table-sheet .ng-col-mover-grip td.asc::after {
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-bottom: 6px solid #2563eb; /* 블루 포인트 */
-}
-
-/* 내림차순 (▼): 아래쪽을 가리키는 삼각형 */
-nine-table-sheet .ng-sheet-header th.desc::after,
-nine-table-sheet .ng-sheet-header td.desc::after,
-nine-table-sheet .ng-col-mover-grip th.desc::after, /* 👈 추가 */
-nine-table-sheet .ng-col-mover-grip td.desc::after {
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-top: 6px solid #dc2626; /* 레드 포인트 */
-}
-
-nine-table-sheet th.resizable-edge,
-nine-table-sheet td.resizable-edge {
-    cursor: col-resize;
-}
-
-nine-table-sheet .ng-col-resizer-panel {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    display: none;
-    z-index: 9999;
-}
-
-nine-table-sheet .ng-col-resizer-panel.active {
-    display: block;
-}
-
-nine-table-sheet .ng-col-resizer-panel .grip {
-    position: absolute;
-    top: 0;
-    width: 1px;
-    height: 100%;
-    background-color: #2563eb;
-    left: var(--resizer-left, 0px);
-}
-
-nine-table-sheet .ng-col-resizer-panel .tooltip {
-    position: absolute;
-    top: 0px;
-    left: var(--tooltip-left, 0px);
-    width: var(--tooltip-width, 0px);
-    height: 24px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    pointer-events: none;
-    z-index: 10000;
-}
-
-nine-table-sheet .ng-col-resizer-panel .tooltip .line-wrapper {
-    width: 100%;
-    height: 1px;
-    background-color: #2563eb;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-nine-table-sheet .ng-col-resizer-panel .resizer-overlay {
-    position: absolute;
-    top: 0;
-    left: var(--tooltip-left, 0px);
-    width: var(--tooltip-width, 0px);
-    height: 100%;
-    background-color: rgba(37, 99, 235, 0.12);
-    border-left: 1px dashed #2563eb;
-    border-right: 2px solid #2563eb;
-    box-sizing: border-box;
-    display: flex;
-    align-items: flex-start;
-    justify-content: center;
-    padding-top: 8px;
-    pointer-events: none;
-    opacity: 1;
-    transition: opacity 0.15s ease-out;
-}
-
-nine-table-sheet .ng-col-resizer-panel .resizer-overlay.fade-out {
-    opacity: 0;
-}
-
-nine-table-sheet th.resize-flash {
-    transition: background-color 0.3s ease;
-    background-color: rgba(37, 99, 235, 0.15);
-}
-
-nine-table-sheet .ng-col-resizer-panel .resizer-overlay .size-badge {
-    padding: 2px 8px;
-    font-size: 11px;
-    font-weight: 700;
-    color: #ffffff;
-    background-color: #1e40af;
-    border-radius: 4px;
-    line-height: 14px;
-    white-space: nowrap;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-}
-
-nine-table-sheet tr.ng-sticky-header {
-    background-color: #f3f4f6 !important; /* 일반 행보다 살짝 진한 배경색 */
-    font-weight: 600;
-    z-index: 5; /* 다른 행들보다 위에 보이도록 설정 */
-    position: relative;
-}
-
-/* 스크롤되면서 밀려 내려갈 때 입체감을 주는 하단 그림자 효과 */
-nine-table-sheet tr.ng-sticky-header td {
-    border-bottom: 2px solid #d1d5db !important;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
-}
-
-
-td.invalid::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 0;
-    height: 0;
-    border-top: 2px solid red;
-    border-right: 2px solid red;
-    border-bottom: 2px solid transparent; /* 아래쪽은 투명하게 하여 삼각형 완성 */
-    border-left: 2px solid transparent;   /* 왼쪽은 투명하게 하여 삼각형 완성 */
-    z-index: 1;
-    pointer-events: none;
-}
-
-nine-table-sheet td[disabled="true"] {
-    input,button {
-        background: #f0f0f0;
-        opacity: 0.5;
-        pointer-events: none;
-    }
-}

package/dist/css/nine-table-vscrollbar.css

@@ -1,4 +0,0 @@
-nine-table-vscrollbar {
-    display: none; /* 평소에는 기본 숨김 */
-    border-top: 2px solid #333;
-}

package/dist/css/table.css

@@ -1,22 +0,0 @@
-thead {
-    display: table-header-group;
-    position: sticky;
-    top: 0;
-    z-index: 10;
-}
-
-tfoot {
-    display: table-footer-group;
-    position: sticky;
-    bottom: 0;
-    z-index: 10;
-    background: red;
-}
-
-tbody {
-    position: relative;
-}
-
-tbody.foot {
-    height: 100vh;
-}

package/dist/nine-table.js

@@ -3350,7 +3350,7 @@ const Qo = class Qo {
         const g = u === 0 ? "active" : "", f = c.id || `sheet${u + 1}`, b = `<nine-table-sheet class="${g}" data-index="${u}" data-sheet-id="${f}" id="${f}"></nine-table-sheet>`, m = u < i - 1 ? `<nine-splitter class="h" data-split-index="${u}"></nine-splitter>` : "";
         return b + m;
       }).join(""), o = ["layout", "nine-table-sheet", "nine-table-vscrollbar", "nine-table-hscrollbar", "table"], l = o.map(
-        (c) => `@import "https://cdn.jsdelivr.net/npm/@ninebone/table@0.1.41/dist/css/${c}.css";`
+        (c) => `@import "https://cdn.jsdelivr.net/npm/@ninebone/table@0.1.42/dist/css/${c}.css";`
       ), a = [];
       nine.cssPath && o.forEach((c) => {
         a.push(`@import "${nine.cssPath}/${c}.css";`);

package/dist/nine-table.umd.js

@@ -273,7 +273,7 @@
             
             <div class="ng-col-mover-grip"></div>
             <div class="ng-col-mover-indi"></div>
-        `,v.log("3333*****************"),p(this,Je,{mainBody:this.querySelector(".ng-sheet-body .ng-container-body"),hscrollbar:this.querySelector("nine-table-hscrollbar"),vscrollbar:this.querySelector("nine-table-vscrollbar"),content:this.querySelector(".ng-sheet-body .ng-sheet-body-content"),scrollHolder:this.querySelector(".ng-sheet-body .ng-virtual-height-holder")}),v.log("444*****************")},"#render"));d(this,Ir,h(()=>{v.log("**********************","#syncHeaderAndFooterHeights");const e=this.querySelector(".ng-container-left table"),s=this.querySelector(".ng-container-body table"),i=this.querySelector(".ng-container-right table"),r=Array.from(e.querySelectorAll("thead tr:not(.col-indicator-rowgroup)")),o=Array.from(s.querySelectorAll("thead tr:not(.col-indicator-rowgroup)")),l=Array.from(i.querySelectorAll("thead tr:not(.col-indicator-rowgroup)"));t(this,Ri).call(this,r,o,l);const a=Array.from(e.querySelectorAll("tfoot tr")),c=Array.from(s.querySelectorAll("tfoot tr")),u=Array.from(i.querySelectorAll("tfoot tr"));t(this,Ri).call(this,a,c,u)},"#syncHeaderAndFooterHeights"));d(this,Ri,h((e,s,i)=>{var o,l,a;const r=Math.max(e.length,s.length,i.length);for(let c=0;c<r;c++){const u=[((o=e[c])==null?void 0:o.getBoundingClientRect().height)||0,((l=s[c])==null?void 0:l.getBoundingClientRect().height)||0,((a=i[c])==null?void 0:a.getBoundingClientRect().height)||0],g=Math.max(...u);g>0&&(e[c]&&(e[c].style.height=`${g}px`),s[c]&&(s[c].style.height=`${g}px`),i[c]&&(i[c].style.height=`${g}px`))}},"#applyMaxHeights"));d(this,qr,h(()=>{const e=this.querySelector(".ng-sheet-body");if(!e)return;let s=null;e.addEventListener("mouseover",i=>{const r=i.target.closest("tr");if(!r||!r.dataset.row&&r.dataset.row!=="0")return;const o=r.dataset.row;s!==o&&(s=o,e.querySelectorAll(`tr[data-row="${o}"]`).forEach(l=>{l.classList.add("hover")}))}),e.addEventListener("mouseout",i=>{const r=i.target.closest("tr");if(!r)return;const o=i.relatedTarget;r.contains(o)||(e.querySelectorAll("tr.hover").forEach(l=>{l.classList.remove("hover")}),s=null)})},"#initRowHoverEvent"));v.log("11111"),p(this,zt,new Hn(this)),v.log("222"),p(this,ae,this.getRootNode().host),v.log("333")}connectedCallback(){t(this,Tr).call(this)}get index(){return t(this,wi)}get colResizer(){return t(this,Ee)}get filtering(){return t(this,Ei)}get grouping(){return t(this,ws)}get colMover(){return t(this,xs)}get colFix(){return t(this,Ai)}get rowManager(){return t(this,zt)}get selection(){return t(this,vi)}get navigation(){return t(this,Si)}get templateLength(){return t(this,qt).tbody.tr.length||0}get elements(){return t(this,Je)}get isAutoFitCol(){var i,r;const e=this.getAttribute("auto-fit-col")==="true"||((i=t(this,ae))==null?void 0:i.getAttribute("auto-fit-col"))==="true",s=((r=t(this,qt).table)==null?void 0:r.getAttribute("auto-fit-col"))==="true";return e||s}get sourceTable(){return t(this,qt).table}get source(){return t(this,qt)}recompileAndRefresh(){var e;t(this,qt).table&&(fe.recompile(t(this,qt).table),["left","right","body"].forEach(s=>{["header","body","footer"].forEach(i=>{const r=this.querySelector(`.ng-sheet-${i} .ng-container-${s}`);r&&r.querySelectorAll("table").forEach(o=>o.remove())})}),t(this,Li).call(this),t(this,Qe).call(this),t(this,zt).initialize(),this.isAutoFitCol?this.autoFit(!0):(e=this.querySelector("nine-table-hscrollbar"))==null||e.refresh(),requestAnimationFrame(()=>{var s;t(this,Qe).call(this),(s=t(this,zt))==null||s.refresh()}))}refreshLayout(){!this.classList.contains("active")||!t(this,qt).table||requestAnimationFrame(()=>{var e,s,i;t(this,Qe).call(this),this.isAutoFitCol?this.autoFit(!0):(e=this.querySelector("nine-table-hscrollbar"))==null||e.refresh(),t(this,Lr).call(this),(s=t(this,Ee))==null||s.refreshLayout(),(i=t(this,zt))==null||i.refresh()})}get view(){var e;return!t(this,Ze)&&((e=t(this,ae))!=null&&e.data)&&p(this,Ze,new Vi(this)),t(this,Ze)}disconnectedCallback(){var e,s;(e=t(this,Ee))==null||e.destroy(),(s=t(this,xs))==null||s.destroy(),this.innerHTML=""}};wi=new WeakMap,ae=new WeakMap,zt=new WeakMap,vi=new WeakMap,Si=new WeakMap,Ee=new WeakMap,xs=new WeakMap,Ai=new WeakMap,Ar=new WeakMap,Ei=new WeakMap,ws=new WeakMap,Ze=new WeakMap,qt=new WeakMap,Je=new WeakMap,Er=new WeakSet,Yl=h(function(){return t(this,ae).hasAttribute("simple")||t(this,ae).getAttribute("theme")==="simple"},"#isSimple"),Lr=new WeakMap,Rr=new WeakMap,Qe=new WeakMap,Li=new WeakMap,Cr=new WeakMap,Tr=new WeakMap,kr=new WeakMap,Ir=new WeakMap,Ri=new WeakMap,qr=new WeakMap,h(Ci,"NineTableSheet"),E(Ci,"SCROLLBAR_SIZE",16);let Xi=Ci;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",Xi);const Do=class Do{constructor(n){d(this,it);d(this,Mr,h(()=>{t(this,Hr).call(this),new ResizeObserver(n=>{for(let e of n)t(this,it).getAttribute("auto-height")==="true"&&t(this,Ti).call(this)}).observe(t(this,it))},"#init"));d(this,Ti,h(()=>{const n=Array.from(t(this,it).shadowRoot.querySelectorAll("nine-table-sheet.active"));if(n.length===0)return;const e=parseInt(t(this,it).getAttribute("max-display-row"),10)||10,s=Math.max(...n.map(u=>u.getRowHeight())),i=t(this,it).shadowRoot.querySelector("nine-table-toolbar"),r=t(this,it).shadowRoot.querySelector("nine-table-sheets-footer"),o=i?i.getBoundingClientRect().height:0,l=r?r.getBoundingClientRect().height:0,a=Xi.SCROLLBAR_SIZE,c=e*s+o+l+a;t(this,it).style.height=`${c}px`},"#applyAutoHeight"));d(this,Hr,h(()=>{const e=Array.from(t(this,it).children).filter(c=>c.tagName.toUpperCase()==="TABLE"),s=t(this,it).getAttribute("auto-height")==="true",i=e.length,r=e.map((c,u)=>{const g=u===0?"active":"",f=c.id||`sheet${u+1}`,b=`<nine-table-sheet class="${g}" data-index="${u}" data-sheet-id="${f}" id="${f}"></nine-table-sheet>`,m=u<i-1?`<nine-splitter class="h" data-split-index="${u}"></nine-splitter>`:"";return b+m}).join(""),o=["layout","nine-table-sheet","nine-table-vscrollbar","nine-table-hscrollbar","table"],l=o.map(c=>`@import "https://cdn.jsdelivr.net/npm/@ninebone/table@0.1.41/dist/css/${c}.css";`),a=[];nine.cssPath&&o.forEach(c=>{a.push(`@import "${nine.cssPath}/${c}.css";`)}),t(this,it).shadowRoot.innerHTML=`
+        `,v.log("3333*****************"),p(this,Je,{mainBody:this.querySelector(".ng-sheet-body .ng-container-body"),hscrollbar:this.querySelector("nine-table-hscrollbar"),vscrollbar:this.querySelector("nine-table-vscrollbar"),content:this.querySelector(".ng-sheet-body .ng-sheet-body-content"),scrollHolder:this.querySelector(".ng-sheet-body .ng-virtual-height-holder")}),v.log("444*****************")},"#render"));d(this,Ir,h(()=>{v.log("**********************","#syncHeaderAndFooterHeights");const e=this.querySelector(".ng-container-left table"),s=this.querySelector(".ng-container-body table"),i=this.querySelector(".ng-container-right table"),r=Array.from(e.querySelectorAll("thead tr:not(.col-indicator-rowgroup)")),o=Array.from(s.querySelectorAll("thead tr:not(.col-indicator-rowgroup)")),l=Array.from(i.querySelectorAll("thead tr:not(.col-indicator-rowgroup)"));t(this,Ri).call(this,r,o,l);const a=Array.from(e.querySelectorAll("tfoot tr")),c=Array.from(s.querySelectorAll("tfoot tr")),u=Array.from(i.querySelectorAll("tfoot tr"));t(this,Ri).call(this,a,c,u)},"#syncHeaderAndFooterHeights"));d(this,Ri,h((e,s,i)=>{var o,l,a;const r=Math.max(e.length,s.length,i.length);for(let c=0;c<r;c++){const u=[((o=e[c])==null?void 0:o.getBoundingClientRect().height)||0,((l=s[c])==null?void 0:l.getBoundingClientRect().height)||0,((a=i[c])==null?void 0:a.getBoundingClientRect().height)||0],g=Math.max(...u);g>0&&(e[c]&&(e[c].style.height=`${g}px`),s[c]&&(s[c].style.height=`${g}px`),i[c]&&(i[c].style.height=`${g}px`))}},"#applyMaxHeights"));d(this,qr,h(()=>{const e=this.querySelector(".ng-sheet-body");if(!e)return;let s=null;e.addEventListener("mouseover",i=>{const r=i.target.closest("tr");if(!r||!r.dataset.row&&r.dataset.row!=="0")return;const o=r.dataset.row;s!==o&&(s=o,e.querySelectorAll(`tr[data-row="${o}"]`).forEach(l=>{l.classList.add("hover")}))}),e.addEventListener("mouseout",i=>{const r=i.target.closest("tr");if(!r)return;const o=i.relatedTarget;r.contains(o)||(e.querySelectorAll("tr.hover").forEach(l=>{l.classList.remove("hover")}),s=null)})},"#initRowHoverEvent"));v.log("11111"),p(this,zt,new Hn(this)),v.log("222"),p(this,ae,this.getRootNode().host),v.log("333")}connectedCallback(){t(this,Tr).call(this)}get index(){return t(this,wi)}get colResizer(){return t(this,Ee)}get filtering(){return t(this,Ei)}get grouping(){return t(this,ws)}get colMover(){return t(this,xs)}get colFix(){return t(this,Ai)}get rowManager(){return t(this,zt)}get selection(){return t(this,vi)}get navigation(){return t(this,Si)}get templateLength(){return t(this,qt).tbody.tr.length||0}get elements(){return t(this,Je)}get isAutoFitCol(){var i,r;const e=this.getAttribute("auto-fit-col")==="true"||((i=t(this,ae))==null?void 0:i.getAttribute("auto-fit-col"))==="true",s=((r=t(this,qt).table)==null?void 0:r.getAttribute("auto-fit-col"))==="true";return e||s}get sourceTable(){return t(this,qt).table}get source(){return t(this,qt)}recompileAndRefresh(){var e;t(this,qt).table&&(fe.recompile(t(this,qt).table),["left","right","body"].forEach(s=>{["header","body","footer"].forEach(i=>{const r=this.querySelector(`.ng-sheet-${i} .ng-container-${s}`);r&&r.querySelectorAll("table").forEach(o=>o.remove())})}),t(this,Li).call(this),t(this,Qe).call(this),t(this,zt).initialize(),this.isAutoFitCol?this.autoFit(!0):(e=this.querySelector("nine-table-hscrollbar"))==null||e.refresh(),requestAnimationFrame(()=>{var s;t(this,Qe).call(this),(s=t(this,zt))==null||s.refresh()}))}refreshLayout(){!this.classList.contains("active")||!t(this,qt).table||requestAnimationFrame(()=>{var e,s,i;t(this,Qe).call(this),this.isAutoFitCol?this.autoFit(!0):(e=this.querySelector("nine-table-hscrollbar"))==null||e.refresh(),t(this,Lr).call(this),(s=t(this,Ee))==null||s.refreshLayout(),(i=t(this,zt))==null||i.refresh()})}get view(){var e;return!t(this,Ze)&&((e=t(this,ae))!=null&&e.data)&&p(this,Ze,new Vi(this)),t(this,Ze)}disconnectedCallback(){var e,s;(e=t(this,Ee))==null||e.destroy(),(s=t(this,xs))==null||s.destroy(),this.innerHTML=""}};wi=new WeakMap,ae=new WeakMap,zt=new WeakMap,vi=new WeakMap,Si=new WeakMap,Ee=new WeakMap,xs=new WeakMap,Ai=new WeakMap,Ar=new WeakMap,Ei=new WeakMap,ws=new WeakMap,Ze=new WeakMap,qt=new WeakMap,Je=new WeakMap,Er=new WeakSet,Yl=h(function(){return t(this,ae).hasAttribute("simple")||t(this,ae).getAttribute("theme")==="simple"},"#isSimple"),Lr=new WeakMap,Rr=new WeakMap,Qe=new WeakMap,Li=new WeakMap,Cr=new WeakMap,Tr=new WeakMap,kr=new WeakMap,Ir=new WeakMap,Ri=new WeakMap,qr=new WeakMap,h(Ci,"NineTableSheet"),E(Ci,"SCROLLBAR_SIZE",16);let Xi=Ci;customElements.get("nine-table-sheet")||customElements.define("nine-table-sheet",Xi);const Do=class Do{constructor(n){d(this,it);d(this,Mr,h(()=>{t(this,Hr).call(this),new ResizeObserver(n=>{for(let e of n)t(this,it).getAttribute("auto-height")==="true"&&t(this,Ti).call(this)}).observe(t(this,it))},"#init"));d(this,Ti,h(()=>{const n=Array.from(t(this,it).shadowRoot.querySelectorAll("nine-table-sheet.active"));if(n.length===0)return;const e=parseInt(t(this,it).getAttribute("max-display-row"),10)||10,s=Math.max(...n.map(u=>u.getRowHeight())),i=t(this,it).shadowRoot.querySelector("nine-table-toolbar"),r=t(this,it).shadowRoot.querySelector("nine-table-sheets-footer"),o=i?i.getBoundingClientRect().height:0,l=r?r.getBoundingClientRect().height:0,a=Xi.SCROLLBAR_SIZE,c=e*s+o+l+a;t(this,it).style.height=`${c}px`},"#applyAutoHeight"));d(this,Hr,h(()=>{const e=Array.from(t(this,it).children).filter(c=>c.tagName.toUpperCase()==="TABLE"),s=t(this,it).getAttribute("auto-height")==="true",i=e.length,r=e.map((c,u)=>{const g=u===0?"active":"",f=c.id||`sheet${u+1}`,b=`<nine-table-sheet class="${g}" data-index="${u}" data-sheet-id="${f}" id="${f}"></nine-table-sheet>`,m=u<i-1?`<nine-splitter class="h" data-split-index="${u}"></nine-splitter>`:"";return b+m}).join(""),o=["layout","nine-table-sheet","nine-table-vscrollbar","nine-table-hscrollbar","table"],l=o.map(c=>`@import "https://cdn.jsdelivr.net/npm/@ninebone/table@0.1.42/dist/css/${c}.css";`),a=[];nine.cssPath&&o.forEach(c=>{a.push(`@import "${nine.cssPath}/${c}.css";`)}),t(this,it).shadowRoot.innerHTML=`
             <style>
                 ${[...l,...a].join(`
 `)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninebone/table",
-  "version": "0.1.41",
+  "version": "0.1.42",
   "description": "Grid component for real-time collaboration (Vanilla JS based)",
   "type": "module",
   "main": "./dist/nine-table.umd.js",