cx 26.2.1 → 26.2.3

package/dist/svg.css

@@ -1,19 +1,25 @@
-.cxs-text-anchor-middle {
-  text-anchor: middle;
-}
-
-.cxs-text-anchor-right {
-  text-anchor: end;
-}
-
 .cxb-svg {
   box-sizing: border-box;
   overflow: hidden;
   position: relative;
   height: 150px;
 }
+
 .cxb-svg > svg {
   width: 100%;
   height: 100%;
   position: absolute;
+}
+
+.cxb-text {
+  fill: currentColor;
+  stroke: none;
+}
+
+.cxs-text-anchor-middle {
+  text-anchor: middle;
+}
+
+.cxs-text-anchor-right {
+  text-anchor: end;
 }

package/dist/svg.js

@@ -153,12 +153,14 @@ class Text extends BoundedObject {
 			dx: undefined,
 			dy: undefined,
 			textAnchor: undefined,
+			dominantBaseline: undefined,
 			fill: undefined,
 			stroke: undefined,
 		});
 	}
 	init() {
 		if (this.ta) this.textAnchor = this.ta;
+		if (this.db) this.dominantBaseline = this.db;
 		if (this.bind) {
 			this.value = {
 				bind: this.bind,
@@ -196,6 +198,7 @@ class Text extends BoundedObject {
 				dx: data.dx,
 				dy: data.dy,
 				textAnchor: textAnchor,
+				dominantBaseline: data.dominantBaseline,
 				style: data.style,
 				fill: data.fill,
 				stroke: data.stroke,
@@ -208,7 +211,6 @@ class Text extends BoundedObject {
 Text.prototype.anchors = "0.5 0.5 0.5 0.5";
 Text.prototype.baseClass = "text";
 Text.prototype.autoTextAnchor = false;
-Text.prototype.autoAnchor = false;
 Widget.alias("svg.text", Text);
 
 class TextualBoundedObject extends BoundedObject {
@@ -471,6 +473,9 @@ class ClipRect extends BoundedObject {
 ClipRect.prototype.anchors = "0 1 1 0";
 
 class Ellipse extends TextualBoundedObject {
+	constructor(config) {
+		super(config);
+	}
 	declareData(...args) {
 		super.declareData(...args, {
 			colorIndex: undefined,
@@ -509,6 +514,9 @@ Ellipse.prototype.anchors = "0 1 1 0";
 Widget.alias("ellipse", Ellipse);
 
 class Line extends TextualBoundedObject {
+	constructor(config) {
+		super(config);
+	}
 	declareData(...args) {
 		super.declareData(...args, {
 			colorIndex: undefined,

package/dist/ui.js

@@ -152,6 +152,9 @@ class Controller extends Component {
 	invokeMethod(methodName, ...args) {
 		return this.instance.invokeControllerMethod(methodName, ...args);
 	}
+	getParentControllerByType(type) {
+		return this.instance.getControllerByType(type);
+	}
 }
 Controller.namespace = "ui.controller.";
 Controller.factory = function (alias, config, more) {
@@ -2751,7 +2754,7 @@ class HoverSync extends PureContainerBase {
 			report: (channel, hoverId, active) => {
 				let ch = channels[channel];
 				if (!ch) return;
-				let state = active && hoverId != null;
+				let state = active && hoverId != null ? hoverId : false;
 				if (ch.state !== state && (ch.state === hoverId || active)) {
 					ch.state = state;
 					ch.subscribers.notify(state);
@@ -3721,7 +3724,7 @@ class History {
 	}
 	static navigate(state, title, url, replace = false) {
 		url = Url.resolve(url);
-		if (!window.history.pushState || reload) {
+		if (!window.history.pushState || reload || !this.store) {
 			window.location[replace ? "replace" : "assign"](url);
 			return true;
 		}
@@ -3884,26 +3887,28 @@ class GroupAdapter extends ArrayAdapter {
 		if (!groupings) {
 			this.groupings = null;
 		} else if (isArray(groupings)) {
-			this.groupings = groupings;
-			this.groupings.forEach((g) => {
+			// Clone groupings to avoid mutating the original config
+			this.groupings = groupings.map((g) => {
 				const groupSorters = [];
 				const key = {};
+				const resolvedKey = {};
 				for (const name in g.key) {
 					const keyConfig = g.key[name];
 					if (!keyConfig || typeof keyConfig !== "object" || !("value" in keyConfig)) {
-						g.key[name] = {
+						resolvedKey[name] = {
 							value: keyConfig,
 							direction: "ASC",
 						};
+					} else {
+						resolvedKey[name] = keyConfig;
 					}
-					const resolvedKey = g.key[name];
-					key[name] = resolvedKey.value;
+					key[name] = resolvedKey[name].value;
 					groupSorters.push({
 						field: name,
-						direction: resolvedKey.direction,
+						direction: resolvedKey[name].direction,
 					});
 				}
-				g.grouper = new Grouper(
+				const grouper = new Grouper(
 					key,
 					{
 						...this.aggregates,
@@ -3912,13 +3917,21 @@ class GroupAdapter extends ArrayAdapter {
 					(r) => r.store.getData(),
 					g.text,
 				);
-				if (g.comparer == null && groupSorters.length > 0) {
-					g.comparer = getComparer(
-						groupSorters,
-						(x) => x.key,
-						this.sortOptions ? Culture.getComparer(this.sortOptions) : undefined,
-					);
-				}
+				const comparer =
+					g.comparer ??
+					(groupSorters.length > 0
+						? getComparer(
+								groupSorters,
+								(x) => x.key,
+								this.sortOptions ? Culture.getComparer(this.sortOptions) : undefined,
+							)
+						: null);
+				return {
+					...g,
+					key: resolvedKey,
+					grouper,
+					comparer,
+				};
 			});
 		} else {
 			throw new Error("Invalid grouping provided.");