@knime/kds-table 0.6.1 → 0.6.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @knime/kds-table
 
+## 0.6.2
+
+### Patch Changes
+
+- bc85a76: Migrate native `title` attribute usages to the accessible `v-kds-tooltip` directive across table components.
+- Updated dependencies [bc85a76]
+  - @knime/kds-components@1.2.0
+  - @knime/kds-styles@1.2.0
+
 ## 0.6.1
 
 ### Patch Changes

package/dist/index.css

@@ -10,26 +10,26 @@ tbody[data-v-70f2c330] {
 }
 
 tr {
-&[data-v-732e42c3] {
+&[data-v-f722e2bf] {
   display: flex;
   border-bottom: var(--kds-border-base-subtle);
 }
 & td {
-&.deletion-cell-spacer[data-v-732e42c3] {
+&.deletion-cell-spacer[data-v-f722e2bf] {
       width: var(--kds-dimension-component-width-2x);
       min-width: var(--kds-dimension-component-width-2x);
 }
-& .skeleton[data-v-732e42c3] {
+& .skeleton[data-v-f722e2bf] {
       padding: var(--kds-spacing-container-0-12x) 0;
 }
 &.select-cell {
-&[data-v-732e42c3] {
+&[data-v-f722e2bf] {
       display: flex;
       justify-content: center;
       width: var(--kds-dimension-component-width-2x);
       min-width: var(--kds-dimension-component-width-2x);
 }
-& .select-checkbox[data-v-732e42c3] {
+& .select-checkbox[data-v-f722e2bf] {
         /* With this added padding the checkbox appears centered initially */
         padding: var(--kds-spacing-container-0-10x);
 }
@@ -243,7 +243,7 @@ tr {
 }
 
 .column-header {
-&[data-v-f64d6cbe] {
+&[data-v-6fb1af81] {
   /* Need to set position relative here to position the resize handle absolutely within the header cell */
   position: relative;
   display: flex;
@@ -257,10 +257,10 @@ tr {
   text-align: left;
   white-space: nowrap;
 }
-&.header-focused[data-v-f64d6cbe] {
+&.header-focused[data-v-6fb1af81] {
     background-color: var(--kds-color-focus-background);
 }
-&.colored-header[data-v-f64d6cbe] {
+&.colored-header[data-v-6fb1af81] {
     /* stylelint-disable csstools/value-no-unknown-custom-properties -- runtime variable set via inline :style */
     background-image: linear-gradient(
       90deg,
@@ -272,48 +272,48 @@ tr {
     background-size: var(--kds-spacing-container-0-25x);
 }
 & .column-header-content {
-&[data-v-f64d6cbe] {
+&[data-v-6fb1af81] {
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 100%;
 }
-&[data-v-f64d6cbe]:focus {
+&[data-v-6fb1af81]:focus {
       outline: none;
 }
-&.with-button-in-header[data-v-f64d6cbe] {
+&.with-button-in-header[data-v-6fb1af81] {
       width: calc(
         100% - var(--kds-dimension-component-width-1-5x)
       ); /* due to .sub-menu-select-header / .delete-column-button: width */
 }
 & .main-header {
-&[data-v-f64d6cbe] {
+&[data-v-6fb1af81] {
       display: flex;
 }
-& .header-text-container[data-v-f64d6cbe] {
+& .header-text-container[data-v-6fb1af81] {
         max-width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
         font: var(--kds-font-base-title-medium-strong);
 }
 }
-& .sub-header-text-container[data-v-f64d6cbe] {
+& .sub-header-text-container[data-v-6fb1af81] {
       overflow: hidden;
       text-overflow: ellipsis;
       font: var(--kds-font-base-subtext-small);
 }
 }
-& .menu-button-hidden[data-v-f64d6cbe] {
+& .menu-button-hidden[data-v-6fb1af81] {
     pointer-events: none;
     opacity: 0;
 }
-& .delete-column-button[data-v-f64d6cbe] {
+& .delete-column-button[data-v-6fb1af81] {
     display: flex;
     align-items: center;
     width: var(--kds-dimension-component-width-2x);
 }
 & .resize-handle-area {
-&[data-v-f64d6cbe] {
+&[data-v-6fb1af81] {
     position: absolute;
 
     /* resize handle should range into top border */
@@ -339,28 +339,28 @@ tr {
     cursor: col-resize;
     opacity: 0;
 }
-& .resize-handle[data-v-f64d6cbe] {
+& .resize-handle[data-v-6fb1af81] {
       border-right: var(--kds-border-resize-handle-hover);
       border-radius: var(--kds-border-radius-container-0-25x);
 }
-&.hover[data-v-f64d6cbe] {
+&.hover[data-v-6fb1af81] {
       opacity: 1;
 }
-&.drag[data-v-f64d6cbe] {
+&.drag[data-v-6fb1af81] {
       opacity: 1;
 }
 }
 }
 
 thead {
-&[data-v-14546b00] {
+&[data-v-302dfb0e] {
   /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
   background-color: var(--knime-white);
   border-top: var(--kds-border-base-subtle);
   border-bottom: var(--kds-border-base-subtle);
 }
 & tr {
-&[data-v-14546b00] {
+&[data-v-302dfb0e] {
     display: flex;
     height: 100%;
     transition:
@@ -368,51 +368,51 @@ thead {
       box-shadow 0.15s;
 }
 & th {
-&[data-v-14546b00] {
+&[data-v-302dfb0e] {
       min-height: var(--kds-dimension-component-height-2-5x);
       max-height: var(--kds-dimension-component-height-5x);
       text-align: left;
       white-space: nowrap;
 }
-&.deletion-cell-spacer[data-v-14546b00] {
+&.deletion-cell-spacer[data-v-302dfb0e] {
         width: var(--kds-dimension-component-width-2x);
 }
 &.select-cell {
-&[data-v-14546b00] {
+&[data-v-302dfb0e] {
         display: flex;
         justify-content: center;
         width: var(--kds-dimension-component-width-2x);
         padding: var(--kds-spacing-container-0-75x);
 }
-& .select-checkbox[data-v-14546b00] {
+& .select-checkbox[data-v-302dfb0e] {
           /* With this added padding the checkbox appears centered initially */
           padding: var(--kds-spacing-container-0-10x);
 }
 }
-&.new-column-head[data-v-14546b00] {
+&.new-column-head[data-v-302dfb0e] {
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding: var(--kds-spacing-container-0-5x);
 }
 }
-&[data-v-14546b00]:hover {
+&[data-v-302dfb0e]:hover {
       outline: none;
 }
 }
-&.sub-menu-active tr[data-v-14546b00] {
+&.sub-menu-active tr[data-v-302dfb0e] {
     padding-right: var(--kds-dimension-component-width-2x);
 }
 }
 .header-selection-overlay {
-&[data-v-14546b00] {
+&[data-v-302dfb0e] {
   position: absolute;
   top: 0;
   height: 100%;
   pointer-events: none;
   border: var(--kds-border-action-selected-accent);
 }
-&.header-focused[data-v-14546b00] {
+&.header-focused[data-v-302dfb0e] {
     border: var(--kds-border-action-focused);
 }
 }
@@ -465,7 +465,7 @@ thead {
 }
 
 .data-cell {
-&[data-v-8ecc59ac] {
+&[data-v-2b17463f] {
   display: flex;
   font: var(--kds-font-base-interactive-small);
   color: var(--kds-color-text-and-icon-neutral);
@@ -473,10 +473,10 @@ thead {
   user-select: none;
   background-clip: border-box;
 }
-&.in-cell-selection[data-v-8ecc59ac] {
+&.in-cell-selection[data-v-2b17463f] {
     background-color: var(--kds-color-focus-background);
 }
-&.colored-cell[data-v-8ecc59ac] {
+&.colored-cell[data-v-2b17463f] {
     /* stylelint-disable csstools/value-no-unknown-custom-properties -- runtime variable set via inline :style */
     background-image: linear-gradient(
       90deg,
@@ -487,14 +487,14 @@ thead {
     background-repeat: no-repeat;
     background-size: var(--kds-spacing-container-0-25x);
 }
-& .cell-content[data-v-8ecc59ac] {
+& .cell-content[data-v-2b17463f] {
     display: flex;
     gap: var(--kds-spacing-container-0-25x);
     align-self: flex-start;
     justify-content: space-between;
     width: 100%;
 }
-& .cell-content .cell-text[data-v-8ecc59ac] {
+& .cell-content .cell-text[data-v-2b17463f] {
     flex: 0 1 auto;
     min-width: 0;
     overflow: hidden;
@@ -503,33 +503,33 @@ thead {
 }
 }
 
-tr[data-v-8b00de21] {
+tr[data-v-52ed7e13] {
   display: flex;
 }
 tr.row {
-&[data-v-8b00de21] {
+&[data-v-52ed7e13] {
   border-bottom: var(--kds-border-base-subtle);
   }
 & td {
-&[data-v-8b00de21] {
+&[data-v-52ed7e13] {
     padding: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     }
 &.select-cell {
-&[data-v-8b00de21] {
+&[data-v-52ed7e13] {
       display: flex;
       justify-content: center;
       width: var(--kds-dimension-component-width-2x);
       min-width: var(--kds-dimension-component-width-2x);
       }
-& .select-checkbox[data-v-8b00de21] {
+& .select-checkbox[data-v-52ed7e13] {
         /* With this added padding the checkbox appears centered initially */
         padding: var(--kds-spacing-container-0-10x);
 }
 }
 &.deletion-cell {
-&[data-v-8b00de21] {
+&[data-v-52ed7e13] {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -537,11 +537,11 @@ tr.row {
       min-width: var(--kds-dimension-component-width-2x);
       opacity: 0;
       }
-&[data-v-8b00de21]:focus-within {
+&[data-v-52ed7e13]:focus-within {
         opacity: 1;
 }
 }
-&.action[data-v-8b00de21] {
+&.action[data-v-52ed7e13] {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -550,21 +550,21 @@ tr.row {
 }
 }
 &:hover {
-&[data-v-8b00de21] {
+&[data-v-52ed7e13] {
     outline: none;
     background-color: var(--kds-color-background-neutral-hover);
 
     /* stylelint-disable-next-line no-descending-specificity -- hover needs lower specificity but must come after base rule */
     }
-& .deletion-cell[data-v-8b00de21] {
+& .deletion-cell[data-v-52ed7e13] {
       opacity: 1;
 }
 }
-& a[data-v-8b00de21] {
+& a[data-v-52ed7e13] {
     outline: none;
 }
 }
-.row-drag-handle[data-v-8b00de21] {
+.row-drag-handle[data-v-52ed7e13] {
   position: relative;
   bottom: var(--kds-spacing-container-0-37x);
   height: var(--kds-spacing-container-0-37x);

package/dist/index.js

@@ -1,5 +1,5 @@
-import { computed, unref, watch, ref, isRef, watchEffect, getCurrentScope, onScopeDispose, getCurrentInstance, onMounted, inject, provide, defineComponent, openBlock, createElementBlock, withModifiers, renderSlot, toRef, normalizeStyle, normalizeClass, createCommentVNode, createVNode, Fragment, renderList, createElementVNode, createBlock, nextTick, withCtx, onBeforeUnmount, reactive, onUnmounted, toDisplayString, resolveComponent, useTemplateRef, createTextVNode, shallowRef, toValue, shallowReadonly, withKeys, mergeProps, useSlots, createSlots, normalizeProps, guardReactiveProps } from 'vue';
-import { KdsCheckbox, KdsLoadingSkeleton, KdsButton, KdsMenuButton, KdsDropdown, KdsTextInput, KdsMultiSelectDropdown, KdsToggleButton, KdsPopover, KdsIcon, KdsSearchInput, KdsMissingValueIcon } from '@knime/kds-components';
+import { computed, unref, watch, ref, isRef, watchEffect, getCurrentScope, onScopeDispose, getCurrentInstance, onMounted, inject, provide, defineComponent, openBlock, createElementBlock, withModifiers, renderSlot, toRef, normalizeStyle, normalizeClass, createCommentVNode, createVNode, Fragment, renderList, createElementVNode, createBlock, nextTick, withCtx, onBeforeUnmount, reactive, onUnmounted, toDisplayString, resolveComponent, useTemplateRef, createTextVNode, shallowRef, toValue, shallowReadonly, withKeys, withDirectives, mergeProps, useSlots, createSlots, normalizeProps, guardReactiveProps } from 'vue';
+import { KdsCheckbox, KdsLoadingSkeleton, KdsButton, KdsMenuButton, KdsDropdown, KdsTextInput, KdsMultiSelectDropdown, KdsToggleButton, KdsPopover, KdsIcon, KdsSearchInput, vKdsTooltip, KdsMissingValueIcon } from '@knime/kds-components';
 
 import './index.css';const defaultPageSize = 10;
 const filterComponents = {
@@ -666,7 +666,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           })
         }, [
           createVNode(unref(KdsCheckbox), {
-            title: "Selection",
+            tooltip: "Selection",
             disabled: "",
             class: "select-checkbox"
           })
@@ -690,7 +690,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const EmptyRow = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-732e42c3"]]);
+const EmptyRow = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-f722e2bf"]]);
 
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "PlaceholderRow",
@@ -1581,7 +1581,7 @@ const createEditingCellKeydownHandler = ({
 
 const _hoisted_1$c = { class: "page-navigation" };
 const _hoisted_2$8 = { class: "navigation-buttons" };
-const _hoisted_3$5 = { class: "page-count" };
+const _hoisted_3$4 = { class: "page-count" };
 const _hoisted_4$2 = { class: "navigation-buttons" };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "PageNavigation",
@@ -1618,7 +1618,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => onPageChange(__props.currentPage - 1))
           }, null, 8, ["disabled"])
         ]),
-        createElementVNode("span", _hoisted_3$5, toDisplayString(__props.currentPage) + " of " + toDisplayString(__props.totalPages), 1),
+        createElementVNode("span", _hoisted_3$4, toDisplayString(__props.currentPage) + " of " + toDisplayString(__props.totalPages), 1),
         createElementVNode("div", _hoisted_4$2, [
           createVNode(unref(KdsButton), {
             variant: "transparent",
@@ -1652,7 +1652,7 @@ const _hoisted_2$7 = {
   key: 1,
   class: "row-range-container"
 };
-const _hoisted_3$4 = { class: "subtle" };
+const _hoisted_3$3 = { class: "subtle" };
 const _hoisted_4$1 = {
   key: 0,
   class: "muted"
@@ -1681,7 +1681,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return __props.showTableSize && __props.currentItems === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$b, "No data")) : (openBlock(), createElementBlock("div", _hoisted_2$7, [
-        createElementVNode("span", _hoisted_3$4, toDisplayString(__props.rowLabel) + ":", 1),
+        createElementVNode("span", _hoisted_3$3, toDisplayString(__props.rowLabel) + ":", 1),
         hasMultiplePages.value && __props.currentItems ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(pageRangeStart.value) + "–" + toDisplayString(pageRangeEnd.value), 1)) : createCommentVNode("", true),
         createElementVNode("span", _hoisted_5, toDisplayString(rowCountText.value), 1)
       ]));
@@ -2050,14 +2050,14 @@ const _sfc_main$d = {  };
 
 const _hoisted_1$8 = { class: "popover" };
 const _hoisted_2$4 = { class: "header" };
-const _hoisted_3$3 = { class: "body" };
+const _hoisted_3$2 = { class: "body" };
 
 function _sfc_render$3(_ctx, _cache) {
   return (openBlock(), createElementBlock("div", _hoisted_1$8, [
     createElementVNode("span", _hoisted_2$4, [
       renderSlot(_ctx.$slots, "header", {}, undefined, true)
     ]),
-    createElementVNode("div", _hoisted_3$3, [
+    createElementVNode("div", _hoisted_3$2, [
       renderSlot(_ctx.$slots, "body", {}, undefined, true)
     ])
   ]))
@@ -2313,7 +2313,7 @@ const _hoisted_2$3 = {
   key: 0,
   class: "dimension"
 };
-const _hoisted_3$2 = { class: "right" };
+const _hoisted_3$1 = { class: "right" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "TableActionBar",
   props: {
@@ -2392,7 +2392,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             onColumnFilter: _cache[1] || (_cache[1] = (colInd, value) => emit("columnFilter", colInd, value))
           }, null, 8, ["columns", "col-filter-values"])) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$2, [
+        createElementVNode("div", _hoisted_3$1, [
           __props.actionConfig.enableSearch ? (openBlock(), createBlock(unref(KdsSearchInput), {
             key: 0,
             ariaLabel: "Search table",
@@ -2647,8 +2647,8 @@ const useAutoScrollOnRightEdge = ({
 };
 
 const _hoisted_1$5 = ["tabindex"];
-const _hoisted_2$2 = ["title"];
-const _hoisted_3$1 = {
+const _hoisted_2$2 = { class: "header-text-container" };
+const _hoisted_3 = {
   key: 0,
   class: "sub-header-text-container"
 };
@@ -2850,17 +2850,16 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ref: mainHeader,
             class: "main-header"
           }, [
-            createElementVNode("div", {
-              class: "header-text-container",
-              title: __props.column.header
-            }, [
+            withDirectives((openBlock(), createElementBlock("div", _hoisted_2$2, [
               createElementVNode("span", {
                 ref_key: "headerText",
                 ref: headerText
               }, toDisplayString(__props.column.header), 513)
-            ], 8, _hoisted_2$2)
+            ])), [
+              [unref(vKdsTooltip), __props.column.header, "truncated"]
+            ])
           ], 512),
-          __props.column.subHeader ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+          __props.column.subHeader ? (openBlock(), createElementBlock("div", _hoisted_3, [
             renderSlot(_ctx.$slots, "subHeader", {
               subHeader: __props.column.subHeader
             }, () => [
@@ -2921,7 +2920,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-f64d6cbe"]]);
+const HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6fb1af81"]]);
 
 const _sfc_main$8 = {
   components: {
@@ -3188,7 +3187,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         createVNode(_component_KdsCheckbox, {
           ref: "selection-checkbox",
           class: "select-checkbox",
-          title: "Select all rows",
+          tooltip: "Select all rows",
           "model-value": $props.isSelected,
           disabled: $props.tableConfig.disableSelection,
           "onUpdate:modelValue": $options.onSelect
@@ -3260,7 +3259,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6)) : createCommentVNode("", true)
   ]);
 }
-const Header = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2], ["__scopeId", "data-v-14546b00"]]);
+const Header = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2], ["__scopeId", "data-v-302dfb0e"]]);
 
 const _hoisted_1$3 = { class: "sticky-container" };
 const buttonRef = "button";
@@ -3319,12 +3318,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 
 const CellExpandButton = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-f204ddf3"]]);
 
-const _hoisted_1$2 = ["title"];
-const _hoisted_2$1 = {
+const _hoisted_1$2 = {
   ref: "cell-content",
   class: "cell-content"
 };
-const _hoisted_3 = {
+const _hoisted_2$1 = {
   key: 3,
   class: "cell-text"
 };
@@ -3339,7 +3337,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     noPaddingTopBottom: { type: Boolean },
     noPaddingLeftRight: { type: Boolean },
     text: {},
-    title: {},
+    tooltip: {},
     color: {},
     selectOnMove: { type: Boolean },
     colSizeCssVar: {},
@@ -3460,7 +3458,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     watch(() => props.isToBeExpanded, changeExpandedCellViewIfNecessary);
     onMounted(changeExpandedCellViewIfNecessary);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("td", {
+      return withDirectives((openBlock(), createElementBlock("td", {
         class: normalizeClass([
           "data-cell",
           {
@@ -3477,7 +3475,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           ...paddingTopBottom.value,
           ...dataCellColorStyle.value
         }),
-        title: __props.title === null || __props.isSlotted && !__props.isMissing ? void 0 : __props.title,
         onDblclick: _cache[0] || (_cache[0] = (event) => __props.enableExpand && expandAndSelect(event)),
         onPointerenter: _cache[1] || (_cache[1] = ($event) => isHovered.value = true),
         onPointerleave: _cache[2] || (_cache[2] = ($event) => isHovered.value = false),
@@ -3486,7 +3483,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         onPointerdown: onPointerDown,
         onInput: _cache[4] || (_cache[4] = (val) => emit("input", { value: val, cell: _ctx.$el }))
       }, [
-        createElementVNode("div", _hoisted_2$1, [
+        createElementVNode("div", _hoisted_1$2, [
           __props.isEditing ? renderSlot(_ctx.$slots, "editable-cell", {
             key: 0,
             cellElement: _ctx.$el
@@ -3496,7 +3493,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           })) : __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)),
+          }, void 0, true) : (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(__props.text), 1)),
           showCellExpandButton.value ? (openBlock(), createBlock(CellExpandButton, {
             key: 4,
             toggled: isExpanded.value,
@@ -3504,12 +3501,17 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             onClick: onExpandButtonClick
           }, null, 8, ["toggled"])) : createCommentVNode("", true)
         ], 512)
-      ], 46, _hoisted_1$2);
+      ], 38)), [
+        [
+          unref(vKdsTooltip),
+          props.tooltip === null || __props.isSlotted && !__props.isMissing ? void 0 : props.tooltip
+        ]
+      ]);
     };
   }
 });
 
-const CellRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8ecc59ac"]]);
+const CellRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-2b17463f"]]);
 
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Cell",
@@ -3536,7 +3538,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const unpackedValue = computed(
       () => unpackObjectRepresentation(props.cellData)
     );
-    const title = computed(() => {
+    const tooltip = computed(() => {
       const { cellData } = props;
       if (isMissingValue(cellData)) {
         return getMissingValueMessage(cellData);
@@ -3561,7 +3563,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "is-missing": isMissing.value,
         "is-slotted": __props.column.hasSlotContent ?? false,
         text: unpackedValue.value,
-        title: title.value,
+        tooltip: tooltip.value,
         color: color.value,
         "select-on-move": __props.selectOnMove,
         "default-top-bottom-padding": __props.defaultTopBottomPadding,
@@ -3588,7 +3590,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1032, ["is-missing", "is-slotted", "text", "title", "color", "select-on-move", "default-top-bottom-padding", "default-left-right-padding", "no-padding-left-right", "no-padding-top-bottom", "col-size-css-var", "size", "enable-expand", "is-selected", "is-in-cell-selection", "is-to-be-expanded", "is-editing"]);
+      ]), 1032, ["is-missing", "is-slotted", "text", "tooltip", "color", "select-on-move", "default-top-bottom-padding", "default-left-right-padding", "no-padding-left-right", "no-padding-top-bottom", "col-size-css-var", "size", "enable-expand", "is-selected", "is-in-cell-selection", "is-to-be-expanded", "is-editing"]);
     };
   }
 });
@@ -3814,7 +3816,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             createVNode(unref(KdsCheckbox), {
               ref_key: "selectionCheckbox",
               ref: selectionCheckbox,
-              title: "Select row",
+              tooltip: "Select row",
               class: "select-checkbox",
               "model-value": __props.isSelected,
               disabled: __props.tableConfig.disableSelection,
@@ -3903,7 +3905,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Row = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-8b00de21"]]);
+const Row = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-52ed7e13"]]);
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "CellSelectionOverlay",