@knime/kds-table 11.6.0 → 12.0.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @knime/kds-table
 
+## 12.0.0
+
+### Patch Changes
+
+- Updated dependencies [4020a7d]
+  - @knime/kds-components@12.0.0
+  - @knime/kds-styles@12.0.0
+
 ## 11.6.0
 
 ### Patch Changes

package/dist/index.css

@@ -146,17 +146,17 @@ tr {
 }
 }
 
-.sort-popover[data-v-97a272c8] {
+.sort-popover[data-v-9c79ff18] {
   position-try-order: most-inline-size;
 }
 .popover-container {
 .body {
-&[data-v-97a272c8] {
+&[data-v-9c79ff18] {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: var(--kds-spacing-container-0-5x);
     }
-&[data-v-97a272c8] > * {
+&[data-v-9c79ff18] > * {
       min-width: 0;
 }
 }

package/dist/index.js

@@ -5519,6 +5519,7 @@ var SortControl_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const props = __props;
 		const emit = __emit;
 		const sortPopoverRef = useTemplateRef("sortPopoverRef");
+		const sortButtonEl = useTemplateRef("sortButton");
 		const selectedColumn = ref(props.colSortValues?.[0]?.id?.toString() ?? NONE_COLUMN_VALUE);
 		watch(() => props.colSortValues?.[0]?.id, (val) => {
 			if (val === void 0 && selectedColumn.value !== void 0) return;
@@ -5545,25 +5546,25 @@ var SortControl_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(KdsToggleButton), {
+				ref: "sortButton",
 				"model-value": unref(buttonIsActive),
 				label: "Sorting",
 				size: "small",
 				variant: "transparent",
 				"leading-icon": "sort-ascending",
-				style: normalizeStyle(sortPopoverRef.value?.anchorStyle),
 				"aria-controls": sortPopoverRef.value?.popoverId,
 				"aria-expanded": unref(showPopover),
 				"aria-haspopup": "dialog",
 				"onUpdate:modelValue": unref(onButtonClick)
 			}, null, 8, [
 				"model-value",
-				"style",
 				"aria-controls",
 				"aria-expanded",
 				"onUpdate:modelValue"
 			]), createVNode(unref(KdsPopover), {
 				ref_key: "sortPopoverRef",
 				ref: sortPopoverRef,
+				anchor: sortButtonEl.value?.$el,
 				"model-value": unref(showPopover),
 				"aria-label": "Sort",
 				"popover-type": "auto",
@@ -5599,13 +5600,14 @@ var SortControl_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				})]),
 				_: 1
 			}, 8, [
+				"anchor",
 				"model-value",
 				"max-inline-size",
 				"onUpdate:modelValue"
 			])], 64);
 		};
 	}
-}), [["__scopeId", "data-v-97a272c8"]]);
+}), [["__scopeId", "data-v-9c79ff18"]]);
 //#endregion
 //#region src/components/control/TableActionBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$5 = { class: "left" };