cx 26.0.14 → 26.1.1

package/dist/ui.js

@@ -27,8 +27,8 @@ import {
 	isArray,
 	isFunction,
 	parseStyle,
-	Console,
 	isString,
+	Console,
 	isDefined,
 	innerTextTrim,
 	GlobalCacheIdentifier,
@@ -69,7 +69,7 @@ import {
 	isNumber,
 	isDataRecord,
 } from "cx/util";
-import { VDOM as VDOM$2 } from "cx-react";
+import { VDOM as VDOM$1 } from "cx-react";
 import { NumberCulture, DateTimeCulture } from "intl-io";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -261,9 +261,6 @@ class CSS {
 CSS.classPrefix = "cx";
 CSSHelper.alias("cx", CSS);
 
-// @ts-expect-error
-const VDOM$1 = VDOM$2;
-
 const VDOM = VDOM$1;
 let widgetId = 100;
 class Widget extends Component {
@@ -292,13 +289,6 @@ class Widget extends Component {
 	init() {
 		if (this.styles) this.style = this.styles;
 		if (this.styled) this.style = parseStyle(this.style);
-		else if (this.style) {
-			Console.warn(
-				"Components that allow use of the style attribute should set styled = true on their prototype. This will be an error in future versions.",
-			);
-			this.style = parseStyle(this.style);
-			this.styled = true;
-		}
 		if (typeof this.if !== "undefined") this.visible = this.if;
 		this.declareData();
 		if (this.outerLayout) {
@@ -3576,11 +3566,8 @@ function startAppLoop(parentDOMElement, storeOrInstance, widget, options = {}) {
 		options: options,
 		subscribe: true,
 	});
-	let root = null;
-	if (VDOM.DOM.createRoot) {
-		root = VDOM.DOM.createRoot(parentDOMElement);
-		root.render(content);
-	} else VDOM.DOM.render(content, parentDOMElement);
+	let root = VDOM.DOM.createRoot(parentDOMElement);
+	root.render(content);
 	let stopped = false;
 	return function () {
 		if (stopped) return;
@@ -3595,7 +3582,6 @@ function startAppLoop(parentDOMElement, storeOrInstance, widget, options = {}) {
 }
 function destroy(parentDOMElement, options, root) {
 	if (root) root.unmount();
-	else VDOM.DOM.unmountComponentAtNode(parentDOMElement);
 	if (options.removeParentDOMElement && parentDOMElement.parentNode)
 		parentDOMElement.parentNode.removeChild(parentDOMElement);
 }

package/dist/util.js

@@ -1389,6 +1389,10 @@ class Component {
 		if (isArray(config)) return config.map((cfg) => this.create(cmpType, cfg, more));
 		let cfg = config;
 		if (more) cfg = Object.assign({}, config, more);
+		// Check if merged cfg has type/$type that should override cmpType
+		// Only redirect if cfgType is a class (not a string alias or factory) to prevent infinite recursion
+		let cfgType = cfg && (cfg.type || cfg.$type);
+		if (cfgType && cfgType.isComponentType && cfgType !== cmpType) return this.create(cfg);
 		let cmp = new cmpType(cfg);
 		if (cmpType.autoInit && cmp.init) cmp.init();
 		return cmp;