@knime/kds-table 0.1.1 → 0.2.0

package/dist/index.js

@@ -244,7 +244,8 @@ const constants = {
   SPECIAL_COLUMNS_SIZE,
   MIN_ROW_HEIGHT,
   DEFAULT_ROW_HEIGHT,
-  COMPACT_ROW_HEIGHT
+  COMPACT_ROW_HEIGHT,
+  CELL_PADDING_HORIZONTAL
 };
 
 var B$1 = Object.defineProperty;
@@ -2643,11 +2644,9 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     __expose({ menuButtonEl });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$1p, mergeProps({
-          ref: "menuButton",
+        createVNode(_sfc_main$1p, mergeProps({ ref: "menuButton" }, toggleButtonProps.value, {
           modelValue: isMenuOpen.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isMenuOpen.value = $event)
-        }, toggleButtonProps.value, {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isMenuOpen.value = $event),
           "aria-haspopup": "menu",
           "aria-expanded": isMenuOpen.value,
           "aria-controls": unref(menuId),
@@ -15333,25 +15332,36 @@ const injectRegisterExpandedSubMenu = () => inject(injectionKey$2).registerExpan
 const injectionKey$1 = /* @__PURE__ */ Symbol(
   "useOverflowStyles.ts"
 );
-const toHiddenOrAuto = (showScrollbar) => showScrollbar ? "auto" : "hidden";
+const elIsPresent = (el) => Boolean(el);
 const provideOverflowStyles = ({
   columnResizeActive,
-  fitsWithoutHorizontalScrollbar
-}) => provide(
-  injectionKey$1,
-  computed(() => ({
-    overflowX: toHiddenOrAuto(
-      !columnResizeActive.value && !fitsWithoutHorizontalScrollbar.value
-    ),
-    overflowY: toHiddenOrAuto(!columnResizeActive.value),
-    ...columnResizeActive.value && { scrollbarGutter: "stable" }
-  }))
-);
+  fitsWithoutHorizontalScrollbar,
+  scrolledElement
+}) => {
+  const verticalScrollbarVisibleAtResizeStart = ref(false);
+  watch(
+    columnResizeActive,
+    (active) => {
+      if (active) {
+        const el = scrolledElement.value;
+        verticalScrollbarVisibleAtResizeStart.value = elIsPresent(el) && el.scrollHeight > el.clientHeight;
+      }
+    },
+    { flush: "sync" }
+  );
+  provide(
+    injectionKey$1,
+    computed(() => ({
+      overflowX: !columnResizeActive.value && !fitsWithoutHorizontalScrollbar.value ? "auto" : "hidden",
+      overflowY: columnResizeActive.value && verticalScrollbarVisibleAtResizeStart.value ? "scroll" : "auto"
+    }))
+  );
+};
 const useOverflowStyles = () => inject(injectionKey$1);
 
 const injectionKey = /* @__PURE__ */ Symbol("scrollContainerRed");
 const provideCommonScrollContainerProps = (containerRef, params) => {
-  provideOverflowStyles(params);
+  provideOverflowStyles({ ...params, scrolledElement: containerRef });
   provideForCloseSubMenusOnScroll();
   provide(injectionKey, containerRef);
 };
@@ -16155,7 +16165,7 @@ const _hoisted_1$b = {
   class: "page-navigation"
 };
 const _hoisted_2$8 = { class: "navigation-buttons" };
-const _hoisted_3$4 = { class: "page-count" };
+const _hoisted_3$5 = { class: "page-count" };
 const _hoisted_4$3 = { class: "navigation-buttons" };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "PageNavigation",
@@ -16199,7 +16209,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => onPageChange(__props.currentPage - 1))
           }, null, 8, ["disabled"])
         ]),
-        createElementVNode("span", _hoisted_3$4, toDisplayString(__props.currentPage) + " of " + toDisplayString(totalPages.value), 1),
+        createElementVNode("span", _hoisted_3$5, toDisplayString(__props.currentPage) + " of " + toDisplayString(totalPages.value), 1),
         createElementVNode("div", _hoisted_4$3, [
           createVNode(unref(_sfc_main$1s), {
             variant: "transparent",
@@ -16233,7 +16243,7 @@ const _hoisted_2$7 = {
   key: 1,
   class: "row-range-container"
 };
-const _hoisted_3$3 = { class: "subtle" };
+const _hoisted_3$4 = { class: "subtle" };
 const _hoisted_4$2 = {
   key: 0,
   class: "muted"
@@ -16262,7 +16272,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return __props.showTableSize && __props.currentItems === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$a, "No data")) : (openBlock(), createElementBlock("div", _hoisted_2$7, [
-        createElementVNode("span", _hoisted_3$3, toDisplayString(__props.rowLabel) + ":", 1),
+        createElementVNode("span", _hoisted_3$4, toDisplayString(__props.rowLabel) + ":", 1),
         hasMultiplePages.value && __props.currentItems ? (openBlock(), createElementBlock("span", _hoisted_4$2, toDisplayString(pageRangeStart.value) + "–" + toDisplayString(pageRangeEnd.value), 1)) : createCommentVNode("", true),
         createElementVNode("span", _hoisted_5$1, toDisplayString(rowCountText.value), 1)
       ]));
@@ -16302,7 +16312,7 @@ const _sfc_main$e = {
     },
     onPageSizeSelect(newPageSize) {
       consola.debug("Updated table page size: ", newPageSize);
-      this.$emit("pageSizeUpdate", parseInt(newPageSize, 10));
+      this.$emit("pageSizeUpdate", Number.parseInt(newPageSize, 10));
     }
   }
 };
@@ -16341,7 +16351,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const PageControls = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render$4], ["__scopeId", "data-v-0c85eb71"]]);
+const PageControls = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render$4], ["__scopeId", "data-v-df9e464a"]]);
 
 const _hoisted_1$8 = {
   key: 0,
@@ -16557,14 +16567,14 @@ const _sfc_main$c = {  };
 
 const _hoisted_1$7 = { class: "popover" };
 const _hoisted_2$4 = { class: "header" };
-const _hoisted_3$2 = { class: "body" };
+const _hoisted_3$3 = { class: "body" };
 
 function _sfc_render$3(_ctx, _cache) {
   return (openBlock(), createElementBlock("div", _hoisted_1$7, [
     createElementVNode("span", _hoisted_2$4, [
       renderSlot(_ctx.$slots, "header", {}, undefined, true)
     ]),
-    createElementVNode("div", _hoisted_3$2, [
+    createElementVNode("div", _hoisted_3$3, [
       renderSlot(_ctx.$slots, "body", {}, undefined, true)
     ])
   ]))
@@ -16738,15 +16748,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       }
       emit(
         "columnSort",
-        parseInt(colInd, 10),
+        Number.parseInt(colInd, 10),
         props.sortConfig?.sortDirection || 1
       );
     };
     const onSortDirectionChange = (direction) => {
       emit(
         "columnSort",
-        parseInt(selectedColumn.value, 10),
-        parseInt(direction, 10)
+        Number.parseInt(selectedColumn.value, 10),
+        Number.parseInt(direction, 10)
       );
     };
     return (_ctx, _cache) => {
@@ -16811,14 +16821,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const SortControl = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-e540d3eb"]]);
+const SortControl = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-80bf221a"]]);
 
 const _hoisted_1$5 = { class: "left" };
 const _hoisted_2$3 = {
   key: 0,
   class: "title"
 };
-const _hoisted_3$1 = {
+const _hoisted_3$2 = {
   key: 1,
   class: "dimension"
 };
@@ -16848,11 +16858,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       () => Boolean(__props.title) || __props.showTableSize || __props.showSortControl || __props.showFilterControl
     );
     const hasRows = computed(() => __props.allRowsCount > 0);
-    const shouldAppendOfRows = computed(() => __props.filteredRowsCount !== __props.allRowsCount);
+    const shouldAppendOfRows = computed(() => __props.filteredRowsCount < __props.allRowsCount);
     const hasColumns = computed(() => __props.allColumnsCount > 0);
     const hasLessThanTwoColumns = computed(() => __props.allColumnsCount < 2);
     const shouldAppendOfColumns = computed(
-      () => __props.filteredColumnsCount !== __props.allColumnsCount
+      () => __props.filteredColumnsCount < __props.allColumnsCount
     );
     const hasSettingsItems = computed(() => __props.settingsItems.length > 0);
     const formatCount = (label, filteredCount, totalCount, appendTotal) => `${label}: ${filteredCount}${appendTotal ? ` of ${totalCount}` : ""}`;
@@ -16892,7 +16902,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1$5, [
           __props.title ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          __props.showTableSize ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(dimensionText.value), 1)) : createCommentVNode("", true),
+          __props.showTableSize ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(dimensionText.value), 1)) : createCommentVNode("", true),
           __props.showSortControl ? (openBlock(), createBlock(SortControl, {
             key: 2,
             "sort-config": __props.sortConfig,
@@ -16931,7 +16941,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const TableActionBar = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-4a75b4b1"]]);
+const TableActionBar = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-8cfb3c41"]]);
 
 const _sfc_main$8 = {
   components: {
@@ -17244,10 +17254,12 @@ const _sfc_main$8 = {
 
 const _hoisted_1$4 = {
   key: 0,
-  class: "deletion-cell-spacer"
+  scope: "col",
+  class: "deletion-cell-spacer",
+  "aria-label": "Delete row"
 };
 const _hoisted_2$2 = ["tabindex", "onFocus", "onBlur", "onClick", "onKeydown"];
-const _hoisted_3 = ["title"];
+const _hoisted_3$1 = ["title"];
 const _hoisted_4 = {
   key: 0,
   class: "sub-header-text-container"
@@ -17269,6 +17281,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       $props.tableConfig.enableRowDeletion ? (openBlock(), createElementBlock("th", _hoisted_1$4)) : createCommentVNode("", true),
       $props.tableConfig.showSelection ? (openBlock(), createElementBlock("th", {
         key: 1,
+        scope: "col",
         class: "select-cell",
         onKeydown: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => _ctx.$emit("selectionKeydownDown"), ["prevent", "stop"]), ["down"]))
       }, [
@@ -17286,6 +17299,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           key: ind,
           ref_for: true,
           ref: `columnHeader-${ind}`,
+          scope: "col",
           style: normalizeStyle({
             width: `calc(${$props.columnSizes[ind] || $data.minimumColumnWidth}px)`,
             ...$props.columnHeaderColors[ind] ? { "--data-cell-color": $props.columnHeaderColors[ind] } : {}
@@ -17332,7 +17346,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   ref_for: true,
                   ref: `headerText-${ind}`
                 }, toDisplayString(header), 513)
-              ], 8, _hoisted_3)
+              ], 8, _hoisted_3$1)
             ], 512),
             $props.columnSubHeaders[ind] ? (openBlock(), createElementBlock("div", _hoisted_4, [
               renderSlot(_ctx.$slots, "subHeader", {
@@ -17362,7 +17376,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               ariaLabel: "Table column options",
               items: $props.columnSubMenuItems[ind],
               size: "small",
-              variant: "outlined",
+              variant: "transparent",
               "leading-icon": "more-actions",
               onKeydown: withKeys(withModifiers(($event) => $options.onKeydownDown(ind), ["prevent", "stop"]), ["down"])
             }, null, 8, ["items", "onKeydown"])
@@ -17390,7 +17404,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       $props.showNewColumnButton ? (openBlock(), createElementBlock("th", {
         key: 2,
         ref: "new-column-button-head",
+        scope: "col",
         class: "new-column-head",
+        "aria-label": "Add column",
         onVnodeMounted: _cache[6] || (_cache[6] = (...args) => $options.emitNewColumnButtonWidth && $options.emitNewColumnButtonWidth(...args))
       }, [
         createVNode(_component_KdsButton, {
@@ -17413,7 +17429,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)) : createCommentVNode("", true)
   ]);
 }
-const Header = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$2], ["__scopeId", "data-v-3fabfb11"]]);
+const Header = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$2], ["__scopeId", "data-v-08a86b18"]]);
 
 const _hoisted_1$3 = { class: "sticky-container" };
 const buttonRef = "button";
@@ -17456,6 +17472,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         role: "button",
+        tabindex: "-1",
         class: normalizeClass(["expand-button", { toggled: __props.toggled }]),
         "aria-label": "Open data value view",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
@@ -17469,10 +17486,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const CellExpandButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-5cde8e39"]]);
+const CellExpandButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-f204ddf3"]]);
 
 const _hoisted_1$2 = ["title"];
 const _hoisted_2$1 = {
+  ref: "cell-content",
+  class: "cell-content"
+};
+const _hoisted_3 = {
   key: 3,
   class: "cell-text"
 };
@@ -17539,14 +17560,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         paddingBottom: `${paddingTopBottom2}px`
       };
     });
-    const dataCell = ref(null);
+    const cellContent = useTemplateRef("cell-content");
     const getCellContentDimensions = () => {
-      const bcr = dataCell.value?.firstElementChild?.getBoundingClientRect();
+      const firstElementChild = cellContent.value?.firstElementChild;
       let widthDataCellFirstChild = 0;
       let heightDataCellFirstChild = 0;
-      if (bcr) {
-        widthDataCellFirstChild = Math.ceil(bcr.width);
-        heightDataCellFirstChild = Math.ceil(bcr.height);
+      if (firstElementChild) {
+        widthDataCellFirstChild = Math.ceil(firstElementChild.scrollWidth);
+        heightDataCellFirstChild = Math.ceil(firstElementChild.scrollHeight);
       }
       return {
         width: props.defaultLeftRightPadding * 2 + widthDataCellFirstChild,
@@ -17610,8 +17631,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     onMounted(changeExpandedCellViewIfNecessary);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("td", {
-        ref_key: "dataCell",
-        ref: dataCell,
         class: normalizeClass([
           __props.classes,
           "data-cell",
@@ -17639,28 +17658,30 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         onPointerdown: onPointerDown,
         onInput: _cache[4] || (_cache[4] = (val) => emit("input", { value: val, cell: _ctx.$el }))
       }, [
-        __props.isEditing ? renderSlot(_ctx.$slots, "editable-cell", {
-          key: 0,
-          cellElement: _ctx.$el
-        }, void 0, true) : __props.isMissing ? (openBlock(), createBlock(unref(KdsMissingValueIcon), {
-          key: 1,
-          size: "small"
-        })) : __props.isSlotted ? renderSlot(_ctx.$slots, "default", {
-          key: 2,
-          width: __props.size - props.defaultLeftRightPadding * 2 - (showCellExpandButton.value ? unref(EXPAND_BUTTON_WIDTH) : 0)
-        }, void 0, true) : (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(__props.text), 1)),
-        showCellExpandButton.value ? (openBlock(), createBlock(CellExpandButton, {
-          key: 4,
-          toggled: isExpanded.value,
-          onPointerdown: onExpandButtonPointerDown,
-          onClick: onExpandButtonClick
-        }, null, 8, ["toggled"])) : createCommentVNode("", true)
+        createElementVNode("div", _hoisted_2$1, [
+          __props.isEditing ? renderSlot(_ctx.$slots, "editable-cell", {
+            key: 0,
+            cellElement: _ctx.$el
+          }, void 0, true) : __props.isMissing ? (openBlock(), createBlock(unref(KdsMissingValueIcon), {
+            key: 1,
+            size: "small"
+          })) : __props.isSlotted ? renderSlot(_ctx.$slots, "default", {
+            key: 2,
+            width: __props.size - props.defaultLeftRightPadding * 2 - (showCellExpandButton.value ? unref(EXPAND_BUTTON_WIDTH) : 0)
+          }, void 0, true) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.text), 1)),
+          showCellExpandButton.value ? (openBlock(), createBlock(CellExpandButton, {
+            key: 4,
+            toggled: isExpanded.value,
+            onPointerdown: onExpandButtonPointerDown,
+            onClick: onExpandButtonClick
+          }, null, 8, ["toggled"])) : createCommentVNode("", true)
+        ], 512)
       ], 46, _hoisted_1$2);
     };
   }
 });
 
-const CellRenderer = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__scopeId", "data-v-cf791d20"]]);
+const CellRenderer = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__scopeId", "data-v-698a5d81"]]);
 
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Cell",
@@ -17996,13 +18017,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             style: normalizeStyle({
               paddingTop: `${paddingTopBottom.value}px`,
               paddingBottom: `${paddingTopBottom.value}px`
-            }),
-            onKeydown: [
-              _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => onVirtualColumnKeydown("selection", "up"), ["prevent", "stop"]), ["up"])),
-              _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => onVirtualColumnKeydown("selection", "down"), ["prevent", "stop"]), ["down"])),
-              _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => onVirtualColumnKeydown("selection", "left"), ["prevent", "stop"]), ["left"])),
-              _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => onVirtualColumnKeydown("selection", "right"), ["prevent", "stop"]), ["right"]))
-            ]
+            })
           }, [
             createVNode(unref(_sfc_main$10), {
               ref_key: "selectionCheckbox",
@@ -18011,9 +18026,17 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               class: "select-checkbox",
               "model-value": __props.isSelected,
               disabled: __props.tableConfig.disableSelection,
-              "onUpdate:modelValue": onSelect
+              "onUpdate:modelValue": onSelect,
+              onKeydown: [
+                _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => onVirtualColumnKeydown("selection", "up"), ["prevent", "stop"]), ["up"])),
+                _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => onVirtualColumnKeydown("selection", "down"), ["prevent", "stop"]), ["down"])),
+                _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => onVirtualColumnKeydown("selection", "left"), ["prevent", "stop"]), ["left"])),
+                _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => onVirtualColumnKeydown("selection", "right"), ["prevent", "stop"]), ["right"]))
+              ],
+              onFocusout: _cache[8] || (_cache[8] = withModifiers(() => {
+              }, ["stop"]))
             }, null, 8, ["model-value", "disabled"])
-          ], 36)) : createCommentVNode("", true),
+          ], 4)) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(indexedRow), ([cell, ind]) => {
             return openBlock(), createBlock(_sfc_main$4, {
               ref_for: true,
@@ -18063,13 +18086,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           filteredSubMenuItems.value?.length ? (openBlock(), createElementBlock("td", _hoisted_2, [
             createVNode(unref(_sfc_main$1h), {
               modelValue: isMenuOpen.value,
-              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isMenuOpen.value = $event),
+              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isMenuOpen.value = $event),
               ariaLabel: "More actions",
               items: filteredSubMenuItems.value,
               size: "small",
               variant: "transparent",
               "leading-icon": "more-actions",
-              onItemClick: _cache[9] || (_cache[9] = ($event) => emit("rowSubMenuClick", $event))
+              onItemClick: _cache[10] || (_cache[10] = ($event) => emit("rowSubMenuClick", $event))
             }, null, 8, ["modelValue", "items"])
           ])) : createCommentVNode("", true),
           __props.newColumnButtonWidth ? (openBlock(), createElementBlock("td", {
@@ -18082,9 +18105,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           class: "row-drag-handle",
           onPointerdownPassive: onPointerDown,
           onPointerupPassive: onPointerUp,
-          onPointermove: _cache[10] || (_cache[10] = //@ts-ignore
+          onPointermove: _cache[11] || (_cache[11] = //@ts-ignore
           (...args) => unref(onPointerMove) && unref(onPointerMove)(...args)),
-          onLostpointercapture: _cache[11] || (_cache[11] = //@ts-ignore
+          onLostpointercapture: _cache[12] || (_cache[12] = //@ts-ignore
           (...args) => unref(onLostPointerCapture) && unref(onLostPointerCapture)(...args))
         }, null, 32)) : createCommentVNode("", true)
       ], 64);
@@ -18092,7 +18115,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Row = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__scopeId", "data-v-981795db"]]);
+const Row = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__scopeId", "data-v-0ad921a2"]]);
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "CellSelectionOverlay",
@@ -19856,7 +19879,7 @@ const _sfc_main = {
           if (!fixedSizes.hasOwnProperty(columnId)) {
             const { width, height } = cellComponents[columnIndex].getCellContentDimensions();
             sizesByColumn[columnId] = width;
-            heightsByColumn[columnId] = height;
+            heightsByColumn[columnId] = height + ROW_BORDER_BOTTOM_WIDTH;
           }
         });
         autoColumnSizes.push(sizesByColumn);
@@ -19947,7 +19970,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ]), 1032, ["data", "current-selection", "data-config", "table-config", "onVnodeMounted"])) : createCommentVNode("", true)
   ], 64);
 }
-const TableUIWithAutoSizeCalculation = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b93f03c7"]]);
+const TableUIWithAutoSizeCalculation = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ea7bec0f"]]);
 
 const getColumnDomains = ({ data, formatters, types }) => {
   let domainMap = {};
@@ -20542,5 +20565,5 @@ const sort = (sortConfig) => {
     );
 };
 
-export { MIN_COLUMN_SIZE, TableActionBar, TableUI, TableUIWithAutoSizeCalculation, checkTimeFilter, columnFilterConfigs, columnSortText, columnTypes, constants, defaultPageSize, defaultTimeFilter, filter, filterComponents, getColumnDomains, getDefaultFilterValues, getFilterConfigs, getInitialFilterValues, getMissingValueMessage, getNextPage, getProcessedRowInd, group, isMissingValue, months, paginate, sort, tablePageSizes, tableTimeFilters, typeFormatters, unpackObjectRepresentation, valueTypeFormatters };
+export { TableActionBar, TableUI, TableUIWithAutoSizeCalculation, checkTimeFilter, columnFilterConfigs, columnSortText, columnTypes, constants, defaultPageSize, defaultTimeFilter, filter, filterComponents, getColumnDomains, getDefaultFilterValues, getFilterConfigs, getInitialFilterValues, getMissingValueMessage, getNextPage, getProcessedRowInd, group, isMissingValue, months, paginate, sort, tablePageSizes, tableTimeFilters, typeFormatters, unpackObjectRepresentation, valueTypeFormatters };
 //# sourceMappingURL=index.js.map