cx 24.3.8 → 24.3.10

package/dist/ui.js

@@ -12,6 +12,8 @@ import {
 	getSelector,
 	Binding,
 	ZoomIntoPropertyView,
+	setGetExpressionCacheCallback,
+	setGetStringTemplateCacheCallback,
 	isAccessorChain,
 	SubscribableView,
 	Store,
@@ -41,6 +43,7 @@ import {
 	closestParent,
 	Format as Format$1,
 	resolveMinMaxFractionDigits,
+	setGetFormatCacheCallback,
 	isNonEmptyArray,
 	debug,
 	processDataFlag,
@@ -80,7 +83,7 @@ function _toPrimitive(t, r) {
 }
 function _toPropertyKey(t) {
 	var i = _toPrimitive(t, "string");
-	return "symbol" == typeof i ? i : String(i);
+	return "symbol" == typeof i ? i : i + "";
 }
 function _defineProperties(target, props) {
 	for (var i = 0; i < props.length; i++) {
@@ -129,20 +132,14 @@ function _setPrototypeOf(o, p) {
 			};
 	return _setPrototypeOf(o, p);
 }
-function _assertThisInitialized(self) {
-	if (self === void 0) {
-		throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-	}
-	return self;
-}
 
 var computablePrefix = "computable-";
 var triggerPrefix = "trigger-";
 var Controller = /*#__PURE__*/ (function (_Component) {
-	_inheritsLoose(Controller, _Component);
 	function Controller() {
 		return _Component.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Controller, _Component);
 	var _proto = Controller.prototype;
 	_proto.init = function init(context) {
 		if (!this.initialized) {
@@ -345,7 +342,6 @@ var VDOM$1 = VDOM$2;
 var VDOM = VDOM$1;
 var widgetId = 100;
 var Widget = /*#__PURE__*/ (function (_Component) {
-	_inheritsLoose(Widget, _Component);
 	function Widget(config) {
 		var _this;
 		_this = _Component.call(this, config) || this;
@@ -361,6 +357,7 @@ var Widget = /*#__PURE__*/ (function (_Component) {
 		}
 		return _this;
 	}
+	_inheritsLoose(Widget, _Component);
 	var _proto = Widget.prototype;
 	_proto.init = function init() {
 		if (this.styles) this.style = this.styles;
@@ -497,10 +494,10 @@ function getContent(x) {
 }
 
 var StaticText = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(StaticText, _Widget);
 	function StaticText() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(StaticText, _Widget);
 	var _proto = StaticText.prototype;
 	_proto.render = function render() {
 		return this.text;
@@ -510,10 +507,10 @@ var StaticText = /*#__PURE__*/ (function (_Widget) {
 Widget.alias("static-text", StaticText);
 
 var Text = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(Text, _Widget);
 	function Text() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Text, _Widget);
 	var _proto = Text.prototype;
 	_proto.init = function init() {
 		if (!this.value && (this.tpl || this.expr || this.bind))
@@ -576,10 +573,10 @@ function exploreChildren(context, instance, children, previousResult, key, store
 }
 
 var Container = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(Container, _Widget);
 	function Container() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Container, _Widget);
 	var _proto = Container.prototype;
 	_proto.init = function init(context) {
 		if (typeof this.ws !== "undefined") this.preserveWhitespace = this.ws;
@@ -733,20 +730,20 @@ Container.prototype.plainText = true;
 Container.prototype.styled = false;
 
 var PureContainer = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(PureContainer, _Container);
 	function PureContainer() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(PureContainer, _Container);
 	return PureContainer;
 })(Container);
 PureContainer.prototype.isPureContainer = true;
 PureContainer.alias("pure-container", PureContainer);
 
 var DataAdapter = /*#__PURE__*/ (function (_Component) {
-	_inheritsLoose(DataAdapter, _Component);
 	function DataAdapter() {
 		return _Component.apply(this, arguments) || this;
 	}
+	_inheritsLoose(DataAdapter, _Component);
 	var _proto = DataAdapter.prototype;
 	_proto.getRecords = function getRecords() {
 		throw new Error("Abstract method");
@@ -817,34 +814,84 @@ var Localization = /*#__PURE__*/ (function () {
 	return Localization;
 })();
 
-var culture = "en";
-var numberCulture = null;
-var dateTimeCulture = null;
-var cultureCache = {};
-var defaultCurrency = "USD";
-var dateEncoding = function dateEncoding(date) {
-	return date.toISOString();
-};
+// let culture = "en";
+// let numberCulture = null;
+// let dateTimeCulture = null;
+// let cache = {};
+// let defaultCurrency = "USD";
+// let dateEncoding = (date) => date.toISOString();
+
+var stack = [
+	{
+		culture: "en",
+		numberCulture: null,
+		dateTimeCulture: null,
+		cache: {},
+		defaultCurrency: "USD",
+		dateEncoding: function dateEncoding(date) {
+			return date.toISOString();
+		},
+	},
+];
+function getRootCultureSpecs() {
+	return stack[0];
+}
+function getCurrentCultureSpecs() {
+	return stack[stack.length - 1];
+}
+function getCurrentCultureCache() {
+	return getCurrentCultureSpecs().cache;
+}
+function pushCulture(cultureInfo) {
+	stack.push(cultureInfo);
+}
+function createCulture(cultureSpecs) {
+	var current = getCurrentCultureSpecs();
+	var info = {
+		culture: current.culture,
+		dateEncoding: current.dateEncoding,
+		defaultCurrency: current.defaultCurrency,
+		cache: {},
+	};
+	for (var key in cultureSpecs) {
+		if (!cultureSpecs[key]) continue;
+		info[key] = cultureSpecs[key];
+	}
+	return info;
+}
+function popCulture() {
+	if (stack.length == 1) throw new Error("Cannot pop the last culture object.");
+	return stack.pop();
+}
 var Culture = /*#__PURE__*/ (function () {
 	function Culture() {}
 	Culture.setCulture = function setCulture(cultureCode) {
-		culture = cultureCode;
-		cultureCache = {};
+		var cultureSpecs = getRootCultureSpecs();
+		cultureSpecs.culture = cultureCode;
+		cultureSpecs.cache = {};
 		Localization.setCulture(cultureCode);
 		this.invalidateCache();
 	};
 	Culture.setNumberCulture = function setNumberCulture(cultureCode) {
-		numberCulture = cultureCode;
-		delete cultureCache.numberCulture;
+		var cultureSpecs = getRootCultureSpecs();
+		cultureSpecs.numberCulture = cultureCode;
+		delete cultureSpecs.cache.numberCulture;
 		this.invalidateCache();
 	};
 	Culture.setDateTimeCulture = function setDateTimeCulture(cultureCode) {
-		dateTimeCulture = cultureCode;
-		delete cultureCache.dateTimeCulture;
+		var cultureSpecs = getRootCultureSpecs();
+		cultureSpecs.dateTimeCulture = cultureCode;
+		delete cultureSpecs.cache.dateTimeCulture;
 		this.invalidateCache();
 	};
 	Culture.setDefaultCurrency = function setDefaultCurrency(currencyCode) {
-		defaultCurrency = currencyCode;
+		var cultureSpecs = getRootCultureSpecs();
+		cultureSpecs.defaultCurrency = currencyCode;
+		this.invalidateCache();
+	};
+	Culture.setDefaultDateEncoding = function setDefaultDateEncoding(encoding) {
+		var cultureSpecs = getRootCultureSpecs();
+		cultureSpecs.dateEncoding = encoding;
 		this.invalidateCache();
 	};
 	Culture.invalidateCache = function invalidateCache() {
@@ -853,53 +900,52 @@ var Culture = /*#__PURE__*/ (function () {
 		invalidateStringTemplateCache();
 	};
 	Culture.getNumberCulture = function getNumberCulture() {
-		var _numberCulture;
-		if (!cultureCache.numberCulture)
-			cultureCache.numberCulture = new NumberCulture(
-				(_numberCulture = numberCulture) != null ? _numberCulture : culture,
-			);
-		return cultureCache.numberCulture;
+		var _getCurrentCultureSpe = getCurrentCultureSpecs(),
+			cache = _getCurrentCultureSpe.cache,
+			numberCulture = _getCurrentCultureSpe.numberCulture,
+			culture = _getCurrentCultureSpe.culture;
+		if (!cache.numberCulture) cache.numberCulture = new NumberCulture(numberCulture != null ? numberCulture : culture);
+		return cache.numberCulture;
 	};
 	Culture.getDateTimeCulture = function getDateTimeCulture() {
-		var _dateTimeCulture;
-		if (!cultureCache.dateTimeCulture)
-			cultureCache.dateTimeCulture = new DateTimeCulture(
-				(_dateTimeCulture = dateTimeCulture) != null ? _dateTimeCulture : culture,
-			);
-		return cultureCache.dateTimeCulture;
+		var _getCurrentCultureSpe2 = getCurrentCultureSpecs(),
+			cache = _getCurrentCultureSpe2.cache,
+			dateTimeCulture = _getCurrentCultureSpe2.dateTimeCulture,
+			culture = _getCurrentCultureSpe2.culture;
+		if (!cache.dateTimeCulture)
+			cache.dateTimeCulture = new DateTimeCulture(dateTimeCulture != null ? dateTimeCulture : culture);
+		return cache.dateTimeCulture;
 	};
 	Culture.getDefaultDateEncoding = function getDefaultDateEncoding() {
-		return dateEncoding;
-	};
-	Culture.setDefaultDateEncoding = function setDefaultDateEncoding(encoding) {
-		dateEncoding = encoding;
+		return getCurrentCultureSpecs().dateEncoding;
 	};
 	Culture.getComparer = function getComparer(options) {
+		var _getCurrentCultureSpe3 = getCurrentCultureSpecs(),
+			culture = _getCurrentCultureSpe3.culture;
 		if (typeof Intl.Collator != "undefined") return new Intl.Collator(culture, options).compare;
 		return defaultCompare;
 	};
-	_createClass(Culture, null, [
+	return _createClass(Culture, null, [
 		{
 			key: "defaultCurrency",
 			get: function get() {
-				return defaultCurrency;
+				return getCurrentCultureSpecs().defaultCurrency;
 			},
 		},
 		{
 			key: "culture",
 			get: function get() {
-				return culture;
+				return getCurrentCultureSpecs().culture;
 			},
 		},
 	]);
-	return Culture;
 })();
 
 var ArrayAdapter = /*#__PURE__*/ (function (_DataAdapter) {
-	_inheritsLoose(ArrayAdapter, _DataAdapter);
 	function ArrayAdapter() {
 		return _DataAdapter.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ArrayAdapter, _DataAdapter);
 	var _proto = ArrayAdapter.prototype;
 	_proto.init = function init() {
 		this.recordsAccessor = getAccessor(this.recordsBinding ? this.recordsBinding : this.recordsAccessor);
@@ -1032,20 +1078,20 @@ ArrayAdapter.prototype.sealed = false;
 ArrayAdapter.autoInit = true;
 
 var UseParentLayout = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(UseParentLayout, _PureContainer);
 	function UseParentLayout() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(UseParentLayout, _PureContainer);
 	return UseParentLayout;
 })(PureContainer);
 UseParentLayout.prototype.noLayout = true;
 UseParentLayout.prototype.useParentLayout = true;
 
 var Repeater = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(Repeater, _Container);
 	function Repeater() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Repeater, _Container);
 	var _proto = Repeater.prototype;
 	_proto.declareData = function declareData() {
 		var _Container$prototype$;
@@ -1167,10 +1213,10 @@ var StructuredInstanceDataAccessor = /*#__PURE__*/ (function () {
 })();
 
 var Rescope = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(Rescope, _PureContainer);
 	function Rescope() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Rescope, _PureContainer);
 	var _proto = Rescope.prototype;
 	_proto.init = function init() {
 		this.binding = Binding.get(this.bind);
@@ -1562,6 +1608,21 @@ function enableCultureSensitiveFormatting() {
 			return formatter.format(new Date(value));
 		};
 	});
+	setGetFormatCacheCallback(function () {
+		var cache = getCurrentCultureCache();
+		if (!cache.formatCache) cache.formatCache = {};
+		return cache.formatCache;
+	});
+	setGetExpressionCacheCallback(function () {
+		var cache = getCurrentCultureCache();
+		if (!cache.exprCache) cache.exprCache = {};
+		return cache.exprCache;
+	});
+	setGetStringTemplateCacheCallback(function () {
+		var cache = getCurrentCultureCache();
+		if (!cache.strTplCache) cache.strTplCache = {};
+		return cache.strTplCache;
+	});
 	GlobalCacheIdentifier.change();
 }
 
@@ -2171,7 +2232,6 @@ var LinkedListsNode = /*#__PURE__*/ (function () {
 })();
 
 var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(Cx, _VDOM$Component);
 	function Cx(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -2195,17 +2255,18 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 			deferToken: 0,
 		};
 		if (props.subscribe) {
-			_this.unsubscribe = _this.store.subscribe(_this.update.bind(_assertThisInitialized(_this)));
+			_this.unsubscribe = _this.store.subscribe(_this.update.bind(_this));
 			_this.state.data = _this.store.getData();
 		}
 		_this.flags = {};
 		_this.renderCount = 0;
-		if (props.onError) _this.componentDidCatch = _this.componentDidCatchHandler.bind(_assertThisInitialized(_this));
-		_this.forceUpdateCallback = _this.forceUpdate.bind(_assertThisInitialized(_this));
+		if (props.onError) _this.componentDidCatch = _this.componentDidCatchHandler.bind(_this);
+		_this.forceUpdateCallback = _this.forceUpdate.bind(_this);
 		_this.deferCounter = 0;
 		_this.waitForIdle();
 		return _this;
 	}
+	_inheritsLoose(Cx, _VDOM$Component);
 	var _proto = Cx.prototype;
 	_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(props) {
 		var newStore = props.instance ? props.instance.store : props.store ? props.store : props.parentInstance.store;
@@ -2243,6 +2304,7 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 			buster: ++this.renderCount,
 			contentFactory: this.props.contentFactory,
 			forceUpdate: this.forceUpdateCallback,
+			cultureInfo: this.props.cultureInfo,
 		});
 	};
 	_proto.componentDidMount = function componentDidMount() {
@@ -2314,7 +2376,8 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 			props.instance !== this.props.instance ||
 			props.widget !== this.props.widget ||
 			props.store !== this.props.store ||
-			props.parentInstance !== this.props.parentInstance
+			props.parentInstance !== this.props.parentInstance ||
+			props.cultureInfo !== this.props.cultureInfo
 		);
 	};
 	_proto.componentDidCatchHandler = function componentDidCatchHandler(error, info) {
@@ -2324,7 +2387,6 @@ var Cx = /*#__PURE__*/ (function (_VDOM$Component) {
 	return Cx;
 })(VDOM.Component);
 var CxContext = /*#__PURE__*/ (function (_VDOM$Component2) {
-	_inheritsLoose(CxContext, _VDOM$Component2);
 	function CxContext(props) {
 		var _this4;
 		_this4 = _VDOM$Component2.call(this, props) || this;
@@ -2332,6 +2394,7 @@ var CxContext = /*#__PURE__*/ (function (_VDOM$Component2) {
 		_this4.UNSAFE_componentWillReceiveProps(props);
 		return _this4;
 	}
+	_inheritsLoose(CxContext, _VDOM$Component2);
 	var _proto2 = CxContext.prototype;
 	_proto2.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(props) {
 		this.timings = {
@@ -2349,23 +2412,28 @@ var CxContext = /*#__PURE__*/ (function (_VDOM$Component2) {
 			throw new Error("The instance passed to a Cx component should be detached from its parent.");
 		if (this.props.instance !== instance && this.props.instance.destroyTracked) this.props.instance.destroy();
 		this.props.flags.preparing = true;
-		do {
-			context = new RenderingContext(options);
-			context.forceUpdate = this.props.forceUpdate;
-			this.props.flags.dirty = false;
-			instance.assignedRenderList = context.getRootRenderList();
-			visible = instance.scheduleExploreIfVisible(context);
-			if (visible) {
-				while (!context.exploreStack.empty()) {
-					var inst = context.exploreStack.pop();
-					//console.log("EXPLORE", inst.widget.constructor.name, inst.widget.tag, inst.widget.widgetId);
-					inst.explore(context);
+		if (this.props.cultureInfo) pushCulture(this.props.cultureInfo);
+		try {
+			do {
+				context = new RenderingContext(options);
+				context.forceUpdate = this.props.forceUpdate;
+				this.props.flags.dirty = false;
+				instance.assignedRenderList = context.getRootRenderList();
+				visible = instance.scheduleExploreIfVisible(context);
+				if (visible) {
+					while (!context.exploreStack.empty()) {
+						var inst = context.exploreStack.pop();
+						//console.log("EXPLORE", inst.widget.constructor.name, inst.widget.tag, inst.widget.widgetId);
+						inst.explore(context);
+					}
+				} else if (instance.destroyTracked) {
+					instance.destroy();
+					break;
 				}
-			} else if (instance.destroyTracked) {
-				instance.destroy();
-				break;
-			}
-		} while (this.props.flags.dirty && ++count <= 3 && Widget.optimizePrepare && now() - this.timings.start < 8);
+			} while (this.props.flags.dirty && ++count <= 3 && Widget.optimizePrepare && now() - this.timings.start < 8);
+		} finally {
+			if (this.props.cultureInfo) popCulture();
+		}
 		if (visible) {
 			this.timings.afterExplore = now();
 			for (var i = 0; i < context.prepareList.length; i++) context.prepareList[i].prepare(context);
@@ -2454,10 +2522,10 @@ var CxContext = /*#__PURE__*/ (function (_VDOM$Component2) {
 })(VDOM.Component);
 
 var ContentResolver = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(ContentResolver, _PureContainer);
 	function ContentResolver() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ContentResolver, _PureContainer);
 	var _proto = ContentResolver.prototype;
 	_proto.declareData = function declareData() {
 		var _PureContainer$protot;
@@ -2532,10 +2600,10 @@ var ContentResolver = /*#__PURE__*/ (function (_PureContainer) {
 ContentResolver.prototype.mode = "replace";
 
 var IsolatedScope = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(IsolatedScope, _PureContainer);
 	function IsolatedScope() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(IsolatedScope, _PureContainer);
 	var _proto = IsolatedScope.prototype;
 	_proto.declareData = function declareData() {
 		var _PureContainer$protot;
@@ -2575,10 +2643,10 @@ var IsolatedScope = /*#__PURE__*/ (function (_PureContainer) {
 })(PureContainer);
 
 var DetachedScope = /*#__PURE__*/ (function (_IsolatedScope) {
-	_inheritsLoose(DetachedScope, _IsolatedScope);
 	function DetachedScope() {
 		return _IsolatedScope.apply(this, arguments) || this;
 	}
+	_inheritsLoose(DetachedScope, _IsolatedScope);
 	var _proto = DetachedScope.prototype;
 	_proto.declareData = function declareData() {
 		var _IsolatedScope$protot;
@@ -2642,10 +2710,10 @@ var DetachedScope = /*#__PURE__*/ (function (_IsolatedScope) {
 	return DetachedScope;
 })(IsolatedScope);
 var ContainmentStore = /*#__PURE__*/ (function (_SubscribableView) {
-	_inheritsLoose(ContainmentStore, _SubscribableView);
 	function ContainmentStore() {
 		return _SubscribableView.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ContainmentStore, _SubscribableView);
 	var _proto2 = ContainmentStore.prototype;
 	_proto2.getData = function getData() {
 		return this.store.getData();
@@ -2689,10 +2757,10 @@ var ContainmentStore = /*#__PURE__*/ (function (_SubscribableView) {
 
 var persistenceCache = {};
 var Restate = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(Restate, _PureContainer);
 	function Restate() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Restate, _PureContainer);
 	var _proto = Restate.prototype;
 	_proto.declareData = function declareData() {
 		var _PureContainer$protot;
@@ -2756,6 +2824,8 @@ var Restate = /*#__PURE__*/ (function (_PureContainer) {
 	_proto.explore = function explore(context, instance) {
 		if (!instance.subStore) this.initSubStore(context, instance);
 		if (instance.subStore.parentDataCheck()) instance.markShouldUpdate();
+		instance.cultureInfo = context.cultureInfo;
+		if (instance.cache("cultureInfo", instance.culture)) instance.markShouldUpdate();
 		_PureContainer.prototype.explore.call(this, context, instance);
 	};
 	_proto.exploreItems = function exploreItems(context, instance, items) {
@@ -2779,6 +2849,7 @@ var Restate = /*#__PURE__*/ (function (_PureContainer) {
 				deferredUntilIdle: instance.data.deferredUntilIdle,
 				idleTimeout: instance.data.idleTimeout,
 				immediate: this.immediate,
+				cultureInfo: instance.cultureInfo,
 			},
 			key,
 		);
@@ -2790,13 +2861,13 @@ Restate.prototype.waitForIdle = false;
 Restate.prototype.immediate = false;
 var PrivateStore = Restate;
 var RestateStore = /*#__PURE__*/ (function (_Store) {
-	_inheritsLoose(RestateStore, _Store);
 	function RestateStore(config) {
 		var _this2;
 		_this2 = _Store.call(this, config) || this;
 		_this2.parentDataVersion = -1;
 		return _this2;
 	}
+	_inheritsLoose(RestateStore, _Store);
 	var _proto2 = RestateStore.prototype;
 	_proto2.getData = function getData() {
 		var _this3 = this;
@@ -2846,10 +2917,10 @@ var RestateStore = /*#__PURE__*/ (function (_Store) {
 })(Store);
 
 var DataProxy = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(DataProxy, _PureContainer);
 	function DataProxy() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(DataProxy, _PureContainer);
 	var _proto = DataProxy.prototype;
 	_proto.init = function init() {
 		if (!this.data) this.data = {};
@@ -2917,10 +2988,10 @@ function registerKeyboardShortcut(key, callback) {
 }
 
 var HoverSync = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(HoverSync, _PureContainer);
 	function HoverSync() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(HoverSync, _PureContainer);
 	var _proto = HoverSync.prototype;
 	_proto.initInstance = function initInstance(context, instance) {
 		var channels = {};
@@ -2955,17 +3026,17 @@ var HoverSync = /*#__PURE__*/ (function (_PureContainer) {
 	return HoverSync;
 })(PureContainer);
 var HoverSyncChild = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(HoverSyncChild, _VDOM$Component);
 	function HoverSyncChild(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
 		_this.state = {
 			hover: false,
 		};
-		_this.onMouseMove = _this.onMouseMove.bind(_assertThisInitialized(_this));
-		_this.onMouseLeave = _this.onMouseLeave.bind(_assertThisInitialized(_this));
+		_this.onMouseMove = _this.onMouseMove.bind(_this);
+		_this.onMouseLeave = _this.onMouseLeave.bind(_this);
 		return _this;
 	}
+	_inheritsLoose(HoverSyncChild, _VDOM$Component);
 	var _proto2 = HoverSyncChild.prototype;
 	_proto2.onMouseMove = function onMouseMove() {
 		this.props.hoverSync.report(this.props.hoverChannel, this.props.hoverId, true);
@@ -3016,10 +3087,10 @@ function withHoverSync(key, hoverSync, hoverChannel, hoverId, render) {
 	);
 }
 var HoverSyncElement = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(HoverSyncElement, _Container);
 	function HoverSyncElement() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(HoverSyncElement, _Container);
 	var _proto3 = HoverSyncElement.prototype;
 	_proto3.declareData = function declareData() {
 		var _Container$prototype$;
@@ -3090,6 +3161,69 @@ HoverSyncElement.prototype.baseClass = "hoversyncelement";
 HoverSyncElement.prototype.styled = true;
 HoverSyncElement.prototype.hoverChannel = "default";
 
+var CultureScope = /*#__PURE__*/ (function (_PureContainer) {
+	function CultureScope() {
+		return _PureContainer.apply(this, arguments) || this;
+	}
+	_inheritsLoose(CultureScope, _PureContainer);
+	var _proto = CultureScope.prototype;
+	_proto.init = function init() {
+		var _this$items;
+		this.initialItems = (_this$items = this.items) != null ? _this$items : this.children;
+		delete this.items;
+		delete this.children;
+		_PureContainer.prototype.init.call(this);
+	};
+	_proto.declareData = function declareData() {
+		var _PureContainer$protot;
+		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+			args[_key] = arguments[_key];
+		}
+		(_PureContainer$protot = _PureContainer.prototype.declareData).call.apply(
+			_PureContainer$protot,
+			[this].concat(args, [
+				{
+					culture: undefined,
+					numberCulture: undefined,
+					dateTimeCulture: undefined,
+					defaultCurrency: undefined,
+				},
+			]),
+		);
+	};
+	_proto.prepareData = function prepareData(context, instance) {
+		_PureContainer.prototype.prepareData.call(this, context, instance);
+		this.clear();
+		var data = instance.data;
+		if (this.onCreateCulture) instance.culture = instance.invoke("onCreateCulture", data, instance);
+		else
+			instance.culture = createCulture({
+				culture: data.culture,
+				numberCulture: data.numberCulture,
+				dateTimeCulture: data.dateTimeCulture,
+				defaultCurrency: data.defaultCurrency,
+				dateEncoding: this.dateEncoding,
+			});
+	};
+	_proto.explore = function explore(context, instance) {
+		var culture = instance.culture;
+		pushCulture(culture);
+		if (this.items.length == 0 && this.initialItems) this.add(this.initialItems);
+		context.push("cultureInfo", culture);
+		_PureContainer.prototype.explore.call(this, context, instance);
+	};
+	_proto.exploreCleanup = function exploreCleanup(context, instance) {
+		context.pop("cultureInfo");
+		popCulture();
+	};
+	return CultureScope;
+})(PureContainer);
+CultureScope.prototype.culture = null;
+CultureScope.prototype.numberCulture = null;
+CultureScope.prototype.dateTimeCulture = null;
+CultureScope.prototype.defaultCurrency = null;
+CultureScope.prototype.dateEncoding = null;
+
 var flattenProps = function flattenProps(props) {
 	if (!props) return {};
 	if (props.jsxSpread) {
@@ -3112,10 +3246,10 @@ var flattenProps = function flattenProps(props) {
 
 var currentInstance = null;
 var FunctionalComponent = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(FunctionalComponent, _PureContainer);
 	function FunctionalComponent() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(FunctionalComponent, _PureContainer);
 	var _proto = FunctionalComponent.prototype;
 	_proto.initInstance = function initInstance(context, instance) {
 		this.clear();
@@ -3172,10 +3306,10 @@ function getCurrentInstance() {
 }
 
 var Selection = /*#__PURE__*/ (function (_Component) {
-	_inheritsLoose(Selection, _Component);
 	function Selection() {
 		return _Component.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Selection, _Component);
 	var _proto = Selection.prototype;
 	_proto.isSelected = function isSelected(store, record, index) {
 		return this.bind && store.get(this.bind) === record;
@@ -3228,10 +3362,10 @@ var Selection = /*#__PURE__*/ (function (_Component) {
 Selection.prototype.toggle = false;
 Selection.namespace = "ui.selection.";
 var SimpleSelection = /*#__PURE__*/ (function (_Selection) {
-	_inheritsLoose(SimpleSelection, _Selection);
 	function SimpleSelection() {
 		return _Selection.apply(this, arguments) || this;
 	}
+	_inheritsLoose(SimpleSelection, _Selection);
 	var _proto2 = SimpleSelection.prototype;
 	_proto2.isSelected = function isSelected(store, record, index) {
 		return this.getIsSelectedDelegate(store)(record, index);
@@ -3248,10 +3382,10 @@ var SimpleSelection = /*#__PURE__*/ (function (_Selection) {
 	return SimpleSelection;
 })(Selection);
 var DummySelection = /*#__PURE__*/ (function (_Selection2) {
-	_inheritsLoose(DummySelection, _Selection2);
 	function DummySelection() {
 		return _Selection2.apply(this, arguments) || this;
 	}
+	_inheritsLoose(DummySelection, _Selection2);
 	var _proto3 = DummySelection.prototype;
 	_proto3.isSelected = function isSelected(store, record, index) {
 		return false;
@@ -3271,10 +3405,10 @@ Selection.factory = function (name) {
 };
 
 var PropertySelection = /*#__PURE__*/ (function (_Selection) {
-	_inheritsLoose(PropertySelection, _Selection);
 	function PropertySelection() {
 		return _Selection.apply(this, arguments) || this;
 	}
+	_inheritsLoose(PropertySelection, _Selection);
 	var _proto = PropertySelection.prototype;
 	_proto.selectMultiple = function selectMultiple(store, records, indexes, _temp) {
 		var _this = this;
@@ -3320,10 +3454,10 @@ PropertySelection.prototype.multiple = false;
 Selection.alias("property", PropertySelection);
 
 var KeySelection = /*#__PURE__*/ (function (_Selection) {
-	_inheritsLoose(KeySelection, _Selection);
 	function KeySelection() {
 		return _Selection.apply(this, arguments) || this;
 	}
+	_inheritsLoose(KeySelection, _Selection);
 	var _proto = KeySelection.prototype;
 	_proto.init = function init() {
 		if (this.bind && !this.selection)
@@ -3467,10 +3601,10 @@ function isVisibleDeep(instance) {
 	return false;
 }
 var FirstVisibleChildItem = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(FirstVisibleChildItem, _PureContainer);
 	function FirstVisibleChildItem() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(FirstVisibleChildItem, _PureContainer);
 	var _proto = FirstVisibleChildItem.prototype;
 	_proto.checkVisible = function checkVisible(context, instance, data) {
 		if (instance.parent.firstVisibleChild) return false;
@@ -3492,10 +3626,10 @@ var FirstVisibleChildItem = /*#__PURE__*/ (function (_PureContainer) {
 })(PureContainer);
 FirstVisibleChildItem.prototype.useParentLayout = true;
 var FirstVisibleChildLayout = /*#__PURE__*/ (function (_PureContainer2) {
-	_inheritsLoose(FirstVisibleChildLayout, _PureContainer2);
 	function FirstVisibleChildLayout() {
 		return _PureContainer2.apply(this, arguments) || this;
 	}
+	_inheritsLoose(FirstVisibleChildLayout, _PureContainer2);
 	var _proto2 = FirstVisibleChildLayout.prototype;
 	_proto2.explore = function explore(context, instance) {
 		instance.firstVisibleChild = null;
@@ -3527,10 +3661,10 @@ function validContent$1(r) {
 	return content;
 }
 var LabelsLeftLayout = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(LabelsLeftLayout, _PureContainer);
 	function LabelsLeftLayout() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(LabelsLeftLayout, _PureContainer);
 	var _proto = LabelsLeftLayout.prototype;
 	_proto.init = function init() {
 		this.labelStyle = parseStyle(this.labelStyle);
@@ -3616,10 +3750,10 @@ function validContent(r) {
 	return content;
 }
 var LabelsTopLayout = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(LabelsTopLayout, _Container);
 	function LabelsTopLayout() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(LabelsTopLayout, _Container);
 	var _proto = LabelsTopLayout.prototype;
 	_proto.init = function init() {
 		if (this.vertical && isUndefined(this.columns)) this.columns = 1;
@@ -3729,10 +3863,10 @@ LabelsTopLayout.prototype.vertical = false;
 LabelsTopLayout.prototype.columns = undefined;
 LabelsTopLayout.prototype.styled = true;
 var LabelsTopLayoutCell = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(LabelsTopLayoutCell, _PureContainer);
 	function LabelsTopLayoutCell() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(LabelsTopLayoutCell, _PureContainer);
 	var _proto2 = LabelsTopLayoutCell.prototype;
 	_proto2.declareData = function declareData() {
 		var _PureContainer$protot;
@@ -3765,10 +3899,10 @@ LabelsTopLayoutCell.prototype.styled = true;
 LabelsTopLayoutCell.prototype.useParentLayout = true;
 
 var Content = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(Content, _PureContainer);
 	function Content() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Content, _PureContainer);
 	var _proto = Content.prototype;
 	_proto.init = function init() {
 		_PureContainer.prototype.init.call(this);
@@ -3781,10 +3915,10 @@ Content.prototype.isContent = true;
 Widget.alias("content", Content);
 
 var ContentPlaceholder = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(ContentPlaceholder, _PureContainer);
 	function ContentPlaceholder() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ContentPlaceholder, _PureContainer);
 	var _proto = ContentPlaceholder.prototype;
 	_proto.declareData = function declareData() {
 		var _PureContainer$protot;
@@ -3832,10 +3966,10 @@ ContentPlaceholder.prototype.name = "body";
 ContentPlaceholder.prototype.scoped = false;
 Widget.alias("content-placeholder", ContentPlaceholder);
 var ContentPlaceholderScope = /*#__PURE__*/ (function (_PureContainer2) {
-	_inheritsLoose(ContentPlaceholderScope, _PureContainer2);
 	function ContentPlaceholderScope() {
 		return _PureContainer2.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ContentPlaceholderScope, _PureContainer2);
 	var _proto2 = ContentPlaceholderScope.prototype;
 	_proto2.init = function init() {
 		_PureContainer2.prototype.init.call(this);
@@ -4110,10 +4244,10 @@ function startHotAppLoop(appModule, element, store, widgets, options) {
 }
 
 var GroupAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
-	_inheritsLoose(GroupAdapter, _ArrayAdapter);
 	function GroupAdapter() {
 		return _ArrayAdapter.apply(this, arguments) || this;
 	}
+	_inheritsLoose(GroupAdapter, _ArrayAdapter);
 	var _proto = GroupAdapter.prototype;
 	_proto.init = function init() {
 		_ArrayAdapter.prototype.init.call(this);
@@ -4247,10 +4381,10 @@ function serializeKey(data) {
 }
 
 var TreeAdapter = /*#__PURE__*/ (function (_ArrayAdapter) {
-	_inheritsLoose(TreeAdapter, _ArrayAdapter);
 	function TreeAdapter() {
 		return _ArrayAdapter.apply(this, arguments) || this;
 	}
+	_inheritsLoose(TreeAdapter, _ArrayAdapter);
 	var _proto = TreeAdapter.prototype;
 	_proto.init = function init() {
 		_ArrayAdapter.prototype.init.call(this);
@@ -4390,6 +4524,7 @@ export {
 	ContentResolver,
 	Controller,
 	Culture,
+	CultureScope,
 	Cx,
 	DataAdapter,
 	DataProxy,
@@ -4432,6 +4567,7 @@ export {
 	batchUpdatesAndNotify,
 	bind,
 	contentAppend,
+	createCulture,
 	createFunctionalComponent,
 	enableCultureSensitiveFormatting,
 	executeKeyboardShortcuts,
@@ -4440,14 +4576,17 @@ export {
 	flattenProps,
 	getContent,
 	getContentArray,
+	getCurrentCultureCache,
 	getCurrentInstance,
 	isBatchingUpdates,
 	notifyBatchedUpdateCompleted,
 	notifyBatchedUpdateStarting,
 	offFocusOut,
 	oneFocusOut,
+	popCulture,
 	preventFocus,
 	preventFocusOnTouch,
+	pushCulture,
 	registerKeyboardShortcut,
 	resolveNumberFormattingFlags,
 	startAppLoop,