cx 25.6.2 → 25.7.0

package/dist/ui.js

@@ -75,9 +75,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function _defineProperties(e, r) {
 	for (var t = 0; t < r.length; t++) {
 		var o = r[t];
-		(o.enumerable = o.enumerable || !1),
-			(o.configurable = !0),
-			"value" in o && (o.writable = !0),
+		(o.enumerable = o.enumerable || false),
+			(o.configurable = true),
+			"value" in o && (o.writable = true),
 			Object.defineProperty(e, _toPropertyKey(o.key), o);
 	}
 }
@@ -85,7 +85,7 @@ function _createClass(e, r, t) {
 	return (
 		t && _defineProperties(e, t),
 		Object.defineProperty(e, "prototype", {
-			writable: !1,
+			writable: false,
 		}),
 		e
 	);
@@ -100,7 +100,7 @@ function _extends() {
 						for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
 					}
 					return n;
-				}),
+			  }),
 		_extends.apply(null, arguments)
 	);
 }
@@ -113,7 +113,7 @@ function _setPrototypeOf(t, e) {
 			? Object.setPrototypeOf.bind()
 			: function (t, e) {
 					return (t.__proto__ = e), t;
-				}),
+			  }),
 		_setPrototypeOf(t, e)
 	);
 }
@@ -314,7 +314,7 @@ var CSS = /*#__PURE__*/ (function () {
 		return join(
 			pushMap(null, this.resolve(stateModifiers), function (m) {
 				return _this3.classPrefix + "s-" + m;
-			}),
+			})
 		);
 	};
 	CSS.mod = function mod(mods) {
@@ -322,7 +322,7 @@ var CSS = /*#__PURE__*/ (function () {
 		return join(
 			pushMap(null, this.resolve(mods), function (m) {
 				return _this4.classPrefix + "m-" + m;
-			}),
+			})
 		);
 	};
 	CSS.expand = function expand() {
@@ -363,7 +363,7 @@ var Widget = /*#__PURE__*/ (function (_Component) {
 		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.",
+				"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;
@@ -409,7 +409,7 @@ var Widget = /*#__PURE__*/ (function (_Component) {
 					structured: true,
 				},
 			},
-			options,
+			options
 		);
 		Object.assign.apply(Object, [props].concat(Array.prototype.slice.call(arguments)));
 		this.selector = new StructuredSelector({
@@ -423,7 +423,7 @@ var Widget = /*#__PURE__*/ (function (_Component) {
 		data.classNames = this.CSS.expand(
 			this.CSS.block(this.baseClass, data.mod, data.stateMods),
 			data["class"],
-			data.className,
+			data.className
 		);
 		data.style = parseStyle(data.style);
 	};
@@ -445,7 +445,7 @@ var Widget = /*#__PURE__*/ (function (_Component) {
 	_proto.render = function render(context, instance, key) {
 		Console.log(this);
 		throw new Error(
-			'Widget\'s render method should be overridden. This error usually happens if with incorrect imports, i.e. import { TextField } from "cx/data". Please check the console for details about the component configuration.',
+			'Widget\'s render method should be overridden. This error usually happens if with incorrect imports, i.e. import { TextField } from "cx/data". Please check the console for details about the component configuration.'
 		);
 	};
 	_proto.update = function update() {
@@ -533,7 +533,7 @@ var Text = /*#__PURE__*/ (function (_Widget) {
 				{
 					value: undefined,
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.render = function render(context, _ref, key) {
@@ -675,7 +675,7 @@ var Container = /*#__PURE__*/ (function (_Widget) {
 			this.add(
 				Widget.create(StaticText, {
 					text: text,
-				}),
+				})
 			);
 		else
 			this.add(
@@ -683,7 +683,7 @@ var Container = /*#__PURE__*/ (function (_Widget) {
 					text: {
 						tpl: text,
 					},
-				}),
+				})
 			);
 	};
 	_proto.find = function find(filter, options) {
@@ -715,7 +715,7 @@ var Container = /*#__PURE__*/ (function (_Widget) {
 			filter,
 			_extends({}, options, {
 				first: true,
-			}),
+			})
 		)[0];
 	};
 	return Container;
@@ -1070,7 +1070,7 @@ var ArrayAdapter = /*#__PURE__*/ (function (_DataAdapter) {
 						s.comparer = _this2.getComparer(isDefined(s.sortOptions) ? s.sortOptions : _this2.sortOptions);
 					return s;
 				}),
-				dataAccessor,
+				dataAccessor
 			);
 		} else {
 			this.sorter = null;
@@ -1118,7 +1118,7 @@ var Repeater = /*#__PURE__*/ (function (_Container) {
 						structured: true,
 					},
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.init = function init() {
@@ -1134,7 +1134,7 @@ var Repeater = /*#__PURE__*/ (function (_Container) {
 				sealed: this.sealed,
 				recordsAccessor: this.recordsAccessor,
 				sortOptions: this.sortOptions,
-			}),
+			})
 		);
 		this.item = PureContainer.create({
 			children: this.items || this.children,
@@ -1249,7 +1249,7 @@ var Rescope = /*#__PURE__*/ (function (_PureContainer) {
 						instance: instance,
 						data: this.data,
 						useParentStore: true,
-					})
+				  })
 				: null,
 		});
 		_PureContainer.prototype.initInstance.call(this, context, instance);
@@ -1535,8 +1535,8 @@ function enableCultureSensitiveFormatting() {
 			_extends(
 				{},
 				resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits),
-				resolveNumberFormattingFlags(flags),
-			),
+				resolveNumberFormattingFlags(flags)
+			)
 		);
 		return function (value) {
 			return formatter.format(value);
@@ -1554,13 +1554,13 @@ function enableCultureSensitiveFormatting() {
 						currency: currency,
 					},
 					resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits),
-					resolveNumberFormattingFlags(flags),
-				),
+					resolveNumberFormattingFlags(flags)
+				)
 			);
 			return function (value) {
 				return formatter.format(value);
 			};
-		},
+		}
 	);
 	Format$1.registerFactory(
 		["percentage", "p", "%"],
@@ -1572,13 +1572,13 @@ function enableCultureSensitiveFormatting() {
 						style: "percent",
 					},
 					resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits),
-					resolveNumberFormattingFlags(flags),
-				),
+					resolveNumberFormattingFlags(flags)
+				)
 			);
 			return function (value) {
 				return formatter.format(value);
 			};
-		},
+		}
 	);
 	Format$1.registerFactory(
 		["percentSign", "ps"],
@@ -1590,13 +1590,13 @@ function enableCultureSensitiveFormatting() {
 						style: "percent",
 					},
 					resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits),
-					resolveNumberFormattingFlags(flags),
-				),
+					resolveNumberFormattingFlags(flags)
+				)
 			);
 			return function (value) {
 				return formatter.format(value / 100);
 			};
-		},
+		}
 	);
 	Format$1.registerFactory(["date", "d"], function (fmt, format) {
 		if (format === void 0) {
@@ -1743,8 +1743,8 @@ var Instance = /*#__PURE__*/ (function () {
 			ins = ins.widget.isContent
 				? ins.contentPlaceholder
 				: ins.parent.outerLayout === ins
-					? ins.parent.parent
-					: ins.parent;
+				? ins.parent.parent
+				: ins.parent;
 		}
 		renderList.reverse();
 	};
@@ -1967,8 +1967,8 @@ var Instance = /*#__PURE__*/ (function () {
 						function () {
 							return _this3.dataSelector(_this3.store)[prop];
 						},
-						p.debounce,
-					),
+						p.debounce
+					)
 				);
 				this.set(prop, value, options);
 				return true;
@@ -1978,7 +1978,7 @@ var Instance = /*#__PURE__*/ (function () {
 					prop,
 					throttle(function (value) {
 						return _this3.doSet(prop, value);
-					}, p.throttle),
+					}, p.throttle)
 				);
 				this.set(prop, value, options);
 				return true;
@@ -2019,7 +2019,7 @@ var Instance = /*#__PURE__*/ (function () {
 		var config = dataConfig[key];
 		if (!config)
 			throw new Error(
-				"Unknown nested data key " + key + ". Known keys are " + Object.keys(dataConfig).join(", ") + ".",
+				"Unknown nested data key " + key + ". Known keys are " + Object.keys(dataConfig).join(", ") + "."
 			);
 		if (isAccessorChain(config))
 			config = {
@@ -2035,7 +2035,7 @@ var Instance = /*#__PURE__*/ (function () {
 			throw new Error(
 				"Cannot change nested data value for " +
 					key +
-					" as it's read-only. Either define it as a binding or define a set function.",
+					" as it's read-only. Either define it as a binding or define a set function."
 			);
 		if (isString(config.set)) this.getControllerMethod(config.set)(value, this);
 		else if (isFunction(config.set)) config.set(value, this);
@@ -2043,7 +2043,7 @@ var Instance = /*#__PURE__*/ (function () {
 			throw new Error(
 				"Cannot change nested data value for " +
 					key +
-					" the defined setter is neither a function nor a controller method.",
+					" the defined setter is neither a function nor a controller method."
 			);
 		return true;
 	};
@@ -2095,7 +2095,7 @@ var Instance = /*#__PURE__*/ (function () {
 	_proto.getControllerMethod = function getControllerMethod(methodName) {
 		if (!this.controller)
 			throw new Error(
-				'Cannot invoke controller method "' + methodName + '" as controller is not assigned to the widget.',
+				'Cannot invoke controller method "' + methodName + '" as controller is not assigned to the widget.'
 			);
 		var at = this;
 		while (at != null && at.controller && !at.controller[methodName]) at = at.parent;
@@ -2103,7 +2103,7 @@ var Instance = /*#__PURE__*/ (function () {
 			throw new Error(
 				'Cannot invoke controller method "' +
 					methodName +
-					'". The method cannot be found in any of the assigned controllers.',
+					'". The method cannot be found in any of the assigned controllers.'
 			);
 		return at.controller[methodName].bind(at.controller);
 	};
@@ -2126,7 +2126,7 @@ function renderResultFix(res) {
 		? res
 		: {
 				content: res,
-			};
+		  };
 }
 var InstanceCache = /*#__PURE__*/ (function () {
 	function InstanceCache(parent, keyPrefix) {
@@ -2360,7 +2360,7 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 				{
 					data: data,
 				},
-				notifyBatchedUpdateCompleted,
+				notifyBatchedUpdateCompleted
 			);
 		} else {
 			//in standard mode sequential store commands are batched
@@ -2372,7 +2372,7 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 						{
 							data: data,
 						},
-						notifyBatchedUpdateCompleted,
+						notifyBatchedUpdateCompleted
 					);
 				}, 0);
 			}
@@ -2391,7 +2391,7 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 			},
 			{
 				timeout: this.props.idleTimeout || 30000,
-			},
+			}
 		);
 	};
 	_proto.componentWillUnmount = function componentWillUnmount() {
@@ -2536,7 +2536,7 @@ var CxContext = /*#__PURE__*/ (function (_VDOM$Component2) {
 				"cx",
 				(beforeVDOMRender - start + afterCleanup - afterVDOMRender).toFixed(2) + "ms",
 				"vdom",
-				(afterVDOMRender - beforeVDOMRender).toFixed(2) + "ms",
+				(afterVDOMRender - beforeVDOMRender).toFixed(2) + "ms"
 			);
 			Timing.log(
 				appLoopFlag,
@@ -2553,7 +2553,7 @@ var CxContext = /*#__PURE__*/ (function (_VDOM$Component2) {
 				"vdom",
 				(afterVDOMRender - beforeVDOMRender).toFixed(1),
 				"cleanup",
-				(afterCleanup - afterVDOMRender).toFixed(1),
+				(afterCleanup - afterVDOMRender).toFixed(1)
 			);
 		}
 	};
@@ -2581,7 +2581,7 @@ var ContentResolver = /*#__PURE__*/ (function (_PureContainer) {
 					},
 					loading: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.init = function init() {
@@ -2658,7 +2658,7 @@ var IsolatedScope = /*#__PURE__*/ (function (_PureContainer) {
 						structured: true,
 					},
 				},
-			]),
+			])
 		);
 	};
 	_proto.init = function init() {
@@ -2704,7 +2704,7 @@ var DetachedScope = /*#__PURE__*/ (function (_IsolatedScope) {
 						structured: true,
 					},
 				},
-			]),
+			])
 		);
 	};
 	_proto.init = function init() {
@@ -2754,7 +2754,7 @@ var DetachedScope = /*#__PURE__*/ (function (_IsolatedScope) {
 				options: this.options,
 				onError: this.onError,
 			},
-			key,
+			key
 		);
 	};
 	return DetachedScope;
@@ -2822,7 +2822,7 @@ var Restate = /*#__PURE__*/ (function (_PureContainer) {
 					idleTimeout: undefined,
 					cacheKey: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.init = function init() {
@@ -2901,7 +2901,7 @@ var Restate = /*#__PURE__*/ (function (_PureContainer) {
 				immediate: this.immediate,
 				cultureInfo: instance.cultureInfo,
 			},
-			key,
+			key
 		);
 	};
 	return Restate;
@@ -3125,7 +3125,7 @@ function withHoverSync(key, hoverSync, hoverChannel, hoverId, render) {
 			hoverId: hoverId,
 			render: render,
 		},
-		key,
+		key
 	);
 }
 var HoverSyncElement = /*#__PURE__*/ (function (_Container) {
@@ -3151,7 +3151,7 @@ var HoverSyncElement = /*#__PURE__*/ (function (_Container) {
 						structured: true,
 					},
 				},
-			]),
+			])
 		);
 	};
 	_proto3.prepareData = function prepareData(context, instance) {
@@ -3183,7 +3183,7 @@ var HoverSyncElement = /*#__PURE__*/ (function (_Container) {
 							CSS.state({
 								hover: hover,
 							}),
-							hover && data.hoverClass,
+							hover && data.hoverClass
 						),
 						style: style,
 					},
@@ -3191,9 +3191,9 @@ var HoverSyncElement = /*#__PURE__*/ (function (_Container) {
 					{
 						onMouseLeave: onMouseLeave,
 						onMouseMove: onMouseMove,
-					},
+					}
 				),
-				children,
+				children
 			);
 		});
 	};
@@ -3211,7 +3211,7 @@ var flattenProps = function flattenProps(props) {
 			props,
 			props.jsxSpread.reduce(function (acc, prop) {
 				return Object.assign(acc, prop);
-			}, {}),
+			}, {})
 		);
 	}
 	if (props.$props !== undefined) {
@@ -3328,7 +3328,7 @@ var Selection = /*#__PURE__*/ (function (_Component) {
 			data = instance.data;
 		if (!data.$selection)
 			throw new Error(
-				"Selection model not properly configured. Using the selectInstance method without specified record and index bindings.",
+				"Selection model not properly configured. Using the selectInstance method without specified record and index bindings."
 			);
 		return this.select(store, data.$selection.record, data.$selection.index, options);
 	};
@@ -3478,7 +3478,7 @@ var KeySelection = /*#__PURE__*/ (function (_Selection) {
 						structured: true,
 					},
 				},
-			].concat(Array.prototype.slice.call(arguments)),
+			].concat(Array.prototype.slice.call(arguments))
 		);
 	};
 	_proto.configureWidget = function configureWidget(widget) {
@@ -3631,7 +3631,7 @@ var FirstVisibleChildLayout = /*#__PURE__*/ (function (_PureContainer2) {
 			? item
 			: FirstVisibleChildItem.create({
 					items: item,
-				});
+			  });
 	};
 	return FirstVisibleChildLayout;
 })(PureContainer);
@@ -3668,7 +3668,7 @@ var LabelsLeftLayout = /*#__PURE__*/ (function (_PureContainer) {
 						structured: true,
 					},
 				},
-			]),
+			])
 		);
 	};
 	_proto.render = function render(context, instance, key) {
@@ -3701,8 +3701,8 @@ var LabelsLeftLayout = /*#__PURE__*/ (function (_PureContainer) {
 								}),
 							],
 						},
-						key,
-					),
+						key
+					)
 				);
 			}
 		};
@@ -3718,7 +3718,7 @@ var LabelsLeftLayout = /*#__PURE__*/ (function (_PureContainer) {
 					children: result,
 				}),
 			},
-			key,
+			key
 		);
 	};
 	return LabelsLeftLayout;
@@ -3775,7 +3775,7 @@ var LabelsTopLayout = /*#__PURE__*/ (function (_Container) {
 					children: state.rows,
 				}),
 			},
-			key,
+			key
 		);
 	};
 	_proto.addRow = function addRow(state) {
@@ -3786,8 +3786,8 @@ var LabelsTopLayout = /*#__PURE__*/ (function (_Container) {
 					{
 						children: state.labelCells,
 					},
-					state.rows.length,
-				),
+					state.rows.length
+				)
 			);
 		if (state.fieldCells.length > 0)
 			state.rows.push(
@@ -3796,8 +3796,8 @@ var LabelsTopLayout = /*#__PURE__*/ (function (_Container) {
 					{
 						children: state.fieldCells,
 					},
-					state.rows.length,
-				),
+					state.rows.length
+				)
 			);
 		state.labelCells = [];
 		state.fieldCells = [];
@@ -3821,8 +3821,8 @@ var LabelsTopLayout = /*#__PURE__*/ (function (_Container) {
 					colSpan: data.colSpan,
 					children: getContent(item.label),
 				},
-				state.labelCells.length,
-			),
+				state.labelCells.length
+			)
 		);
 		state.fieldCells.push(
 			/*#__PURE__*/ jsx(
@@ -3834,8 +3834,8 @@ var LabelsTopLayout = /*#__PURE__*/ (function (_Container) {
 					style: data.style,
 					children: validContent(item),
 				},
-				state.fieldCells.length,
-			),
+				state.fieldCells.length
+			)
 		);
 	};
 	return LabelsTopLayout;
@@ -3862,7 +3862,7 @@ var LabelsTopLayoutCell = /*#__PURE__*/ (function (_PureContainer) {
 					colSpan: undefined,
 					rowSpan: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto2.render = function render(context, instance, key) {
@@ -3910,7 +3910,7 @@ var ContentPlaceholder = /*#__PURE__*/ (function (_PureContainer) {
 				{
 					name: undefined,
 				},
-			]),
+			])
 		);
 	};
 	_proto.explore = function explore(context, instance) {
@@ -4219,7 +4219,7 @@ var History = /*#__PURE__*/ (function () {
 					window.history[op](tr.state, tr.title, tr.url);
 					if (subscribers) subscribers.notify(tr.url, op);
 				}
-			},
+			}
 		);
 		return changed;
 	};
@@ -4333,7 +4333,7 @@ var GroupAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 					_extends({}, group, {
 						type: "group-header",
 						key: "header:" + group.key,
-					}),
+					})
 				);
 			_this.processLevel(keys, gr.records, result, groupStore);
 			if (grouping.includeFooter !== false)
@@ -4341,7 +4341,7 @@ var GroupAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 					_extends({}, group, {
 						type: "group-footer",
 						key: "footer:" + group.key,
-					}),
+					})
 				);
 			keys.pop();
 		});
@@ -4372,7 +4372,7 @@ var GroupAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 					function (r) {
 						return r.store.getData();
 					},
-					g.text,
+					g.text
 				);
 				if (g.comparer == null && groupSorters.length > 0)
 					g.comparer = getComparer(
@@ -4380,7 +4380,7 @@ var GroupAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 						function (x) {
 							return x.key;
 						},
-						_this2.sortOptions ? Culture.getComparer(_this2.sortOptions) : null,
+						_this2.sortOptions ? Culture.getComparer(_this2.sortOptions) : null
 					);
 			});
 		} else throw new Error("Invalid grouping provided.");
@@ -4413,7 +4413,7 @@ var TreeAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 		if (this.restoreExpandedNodesOnLoad) {
 			if (!this.keyField)
 				throw new Error(
-					"Stateful tree adapter requires keyField property to be specified on either Grid or data adapter.",
+					"Stateful tree adapter requires keyField property to be specified on either Grid or data adapter."
 				);
 			this.expandedState = {
 				next: new Set(),
@@ -4458,7 +4458,7 @@ var TreeAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
 						instance,
 						data[this.childrenField],
 						store,
-						this.childrenAccessor,
+						this.childrenAccessor
 					);
 					this.processList(context, instance, level + 1, record.key + ":", childNodes, result);
 				} else if (this.load && !data[this.loadedField] && !data[this.loadingField]) {

package/dist/util.js

@@ -1114,12 +1114,9 @@ function getSearchQueryHighlighter(query, options) {
 	};
 	if (options != null && options.cache) {
 		highlighterCache[query] = result;
-		setTimeout(
-			function () {
-				delete highlighterCache[query];
-			},
-			(options == null ? void 0 : options.cachePeriod) || 5000,
-		);
+		setTimeout(function () {
+			delete highlighterCache[query];
+		}, (options == null ? void 0 : options.cachePeriod) || 5000);
 	}
 	return result;
 }
@@ -1157,7 +1154,7 @@ function enableTouchEventDetection() {
 				//console.log('TOUCHSTART');
 				lastTouchEvent = Date.now();
 			},
-			options,
+			options
 		);
 		document.addEventListener(
 			"touchmove",
@@ -1165,7 +1162,7 @@ function enableTouchEventDetection() {
 				//console.log('TOUCHMOVE');
 				lastTouchEvent = Date.now();
 			},
-			options,
+			options
 		);
 		document.addEventListener(
 			"touchend",
@@ -1173,7 +1170,7 @@ function enableTouchEventDetection() {
 				lastTouchEvent = Date.now();
 				//console.log('TOUCHEND');
 			},
-			options,
+			options
 		);
 		isTouchDetectionEnabled = true;
 	}