cx 24.0.3 → 24.2.1

package/dist/widgets.js

@@ -62,10 +62,10 @@ export {
 import {
 	isTouchEvent,
 	debug,
-	isUndefined,
 	isString,
 	isDefined,
 	isArray,
+	isUndefined,
 	isFunction,
 	isNumber,
 	isComponentFactory,
@@ -107,6 +107,7 @@ import {
 	monthStart,
 	zeroTime,
 	sameDate,
+	parseDateInvariant,
 	dateDiff,
 	upperBoundCheck,
 	lowerBoundCheck,
@@ -141,52 +142,41 @@ import { HtmlElement as HtmlElement$1 } from "cx/widgets";
 import { parseStyle as parseStyle$1 } from "cx/src/util/parseStyle";
 
 function _extends() {
-	_extends = Object.assign
-		? Object.assign.bind()
-		: function (target) {
-				for (var i = 1; i < arguments.length; i++) {
-					var source = arguments[i];
-					for (var key in source) {
-						if (Object.prototype.hasOwnProperty.call(source, key)) {
-							target[key] = source[key];
-						}
+	return (
+		(_extends = Object.assign
+			? Object.assign.bind()
+			: function (n) {
+					for (var e = 1; e < arguments.length; e++) {
+						var t = arguments[e];
+						for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
 					}
-				}
-				return target;
-			};
-	return _extends.apply(this, arguments);
-}
-function _inheritsLoose(subClass, superClass) {
-	subClass.prototype = Object.create(superClass.prototype);
-	subClass.prototype.constructor = subClass;
-	_setPrototypeOf(subClass, superClass);
+					return n;
+				}),
+		_extends.apply(null, arguments)
+	);
 }
-function _setPrototypeOf(o, p) {
-	_setPrototypeOf = Object.setPrototypeOf
-		? Object.setPrototypeOf.bind()
-		: function _setPrototypeOf(o, p) {
-				o.__proto__ = p;
-				return o;
-			};
-	return _setPrototypeOf(o, p);
+function _inheritsLoose(t, o) {
+	(t.prototype = Object.create(o.prototype)), (t.prototype.constructor = t), _setPrototypeOf(t, o);
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-	if (source == null) return {};
-	var target = {};
-	var sourceKeys = Object.keys(source);
-	var key, i;
-	for (i = 0; i < sourceKeys.length; i++) {
-		key = sourceKeys[i];
-		if (excluded.indexOf(key) >= 0) continue;
-		target[key] = source[key];
-	}
-	return target;
+function _objectWithoutPropertiesLoose(r, e) {
+	if (null == r) return {};
+	var t = {};
+	for (var n in r)
+		if ({}.hasOwnProperty.call(r, n)) {
+			if (e.includes(n)) continue;
+			t[n] = r[n];
+		}
+	return t;
 }
-function _assertThisInitialized(self) {
-	if (self === void 0) {
-		throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-	}
-	return self;
+function _setPrototypeOf(t, e) {
+	return (
+		(_setPrototypeOf = Object.setPrototypeOf
+			? Object.setPrototypeOf.bind()
+			: function (t, e) {
+					return (t.__proto__ = e), t;
+				}),
+		_setPrototypeOf(t, e)
+	);
 }
 
 var impl$1 = false;
@@ -228,14 +218,14 @@ var urlAttributes = {
 	"iframe.src": true,
 };
 var HtmlElement = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(HtmlElement, _Container);
 	function HtmlElement(config) {
 		var _this;
 		_this = _Container.call(this, config) || this;
 		if (isUndefined(_this.jsxAttributes) && config)
-			_this.jsxAttributes = Object.keys(config).filter(_this.isValidHtmlAttribute.bind(_assertThisInitialized(_this)));
+			_this.jsxAttributes = Object.keys(config).filter(_this.isValidHtmlAttribute.bind(_this));
 		return _this;
 	}
+	_inheritsLoose(HtmlElement, _Container);
 	var _proto = HtmlElement.prototype;
 	_proto.declareData = function declareData() {
 		var _this2 = this,
@@ -401,7 +391,6 @@ var HtmlElement = /*#__PURE__*/ (function (_Container) {
 HtmlElement.prototype.tag = "div";
 HtmlElement.prototype.styled = true;
 var ContainerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(ContainerComponent, _VDOM$Component);
 	function ContainerComponent(props) {
 		var _this3;
 		_this3 = _VDOM$Component.call(this, props) || this;
@@ -414,6 +403,7 @@ var ContainerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this3;
 	}
+	_inheritsLoose(ContainerComponent, _VDOM$Component);
 	var _proto2 = ContainerComponent.prototype;
 	_proto2.render = function render() {
 		var _this$props = this.props,
@@ -962,10 +952,10 @@ registerIcon(
 );
 
 var Icon = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(Icon, _Widget);
 	function Icon() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Icon, _Widget);
 	var _proto = Icon.prototype;
 	_proto.declareData = function declareData() {
 		var _Widget$prototype$dec;
@@ -1014,10 +1004,10 @@ Icon.prototype.styled = true;
 Widget.alias("icon", Icon);
 
 var Button = /*#__PURE__*/ (function (_HtmlElement) {
-	_inheritsLoose(Button, _HtmlElement);
 	function Button() {
 		return _HtmlElement.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Button, _HtmlElement);
 	var _proto = Button.prototype;
 	_proto.declareData = function declareData() {
 		var _HtmlElement$prototyp;
@@ -1123,10 +1113,10 @@ Button.prototype.submit = false;
 Widget.alias("button", Button);
 
 var DocumentTitle = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(DocumentTitle, _Widget);
 	function DocumentTitle() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(DocumentTitle, _Widget);
 	var _proto = DocumentTitle.prototype;
 	_proto.init = function init() {
 		if (this.value) this.text = this.value;
@@ -1185,10 +1175,10 @@ DocumentTitle.prototype.separator = "";
 Widget.alias("document-title", DocumentTitle);
 
 var List = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(List, _Widget);
 	function List() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(List, _Widget);
 	var _proto = List.prototype;
 	_proto.init = function init() {
 		if (this.recordAlias) this.recordName = this.recordAlias;
@@ -1366,7 +1356,6 @@ List.prototype.selectMode = false;
 List.prototype.selectOnTab = false;
 Widget.alias("list", List);
 var ListComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(ListComponent, _VDOM$Component);
 	function ListComponent(props) {
 		var _this4;
 		_this4 = _VDOM$Component.call(this, props) || this;
@@ -1376,11 +1365,12 @@ var ListComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			cursor: focused && props.selectable ? 0 : -1,
 			focused: focused,
 		};
-		_this4.handleItemMouseDown = _this4.handleItemMouseDown.bind(_assertThisInitialized(_this4));
-		_this4.handleItemDoubleClick = _this4.handleItemDoubleClick.bind(_assertThisInitialized(_this4));
-		_this4.handleItemClick = _this4.handleItemClick.bind(_assertThisInitialized(_this4));
+		_this4.handleItemMouseDown = _this4.handleItemMouseDown.bind(_this4);
+		_this4.handleItemDoubleClick = _this4.handleItemDoubleClick.bind(_this4);
+		_this4.handleItemClick = _this4.handleItemClick.bind(_this4);
 		return _this4;
 	}
+	_inheritsLoose(ListComponent, _VDOM$Component);
 	var _proto2 = ListComponent.prototype;
 	_proto2.shouldComponentUpdate = function shouldComponentUpdate(props, state) {
 		return props.instance.shouldUpdate || state != this.state;
@@ -1731,10 +1721,10 @@ var ListComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 	return ListComponent;
 })(VDOM.Component);
 var ListItem = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(ListItem, _Container);
 	function ListItem() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ListItem, _Container);
 	var _proto3 = ListItem.prototype;
 	_proto3.declareData = function declareData() {
 		var _Container$prototype$;
@@ -1763,10 +1753,10 @@ function isItemDisabled(item) {
 }
 
 var Sandbox = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(Sandbox, _PureContainer);
 	function Sandbox() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Sandbox, _PureContainer);
 	var _proto = Sandbox.prototype;
 	_proto.init = function init() {
 		if (this.recordAlias) this.recordName = this.recordAlias;
@@ -1824,10 +1814,10 @@ Sandbox.prototype.immutable = false;
 Widget.alias("sandbox", Sandbox);
 
 var CxCredit = /*#__PURE__*/ (function (_HtmlElement) {
-	_inheritsLoose(CxCredit, _HtmlElement);
 	function CxCredit() {
 		return _HtmlElement.apply(this, arguments) || this;
 	}
+	_inheritsLoose(CxCredit, _HtmlElement);
 	var _proto = CxCredit.prototype;
 	_proto.init = function init() {
 		this.tooltip = {
@@ -1866,10 +1856,10 @@ CxCredit.prototype.tag = "div";
 Widget.alias("cx-credit", CxCredit);
 
 var Heading = /*#__PURE__*/ (function (_HtmlElement) {
-	_inheritsLoose(Heading, _HtmlElement);
 	function Heading() {
 		return _HtmlElement.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Heading, _HtmlElement);
 	var _proto = Heading.prototype;
 	_proto.init = function init() {
 		this.tag = "h" + this.level;
@@ -1899,10 +1889,10 @@ Heading.prototype.level = 3;
 Heading.prototype.baseClass = "heading";
 
 var Section = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(Section, _Container);
 	function Section() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Section, _Container);
 	var _proto = Section.prototype;
 	_proto.init = function init() {
 		if (isString(this.headerStyle)) this.headerStyle = parseStyle(this.headerStyle);
@@ -2027,10 +2017,10 @@ Section.prototype.baseClass = "section";
 Section.prototype.hLevel = 3;
 
 var FlexBox = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(FlexBox, _Container);
 	function FlexBox() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(FlexBox, _Container);
 	var _proto = FlexBox.prototype;
 	_proto.init = function init() {
 		if (this.padding) this.pad = this.padding;
@@ -2115,26 +2105,26 @@ FlexBox.prototype.justify = false;
 FlexBox.prototype.target = "any";
 FlexBox.prototype.nested = false;
 var FlexRow = /*#__PURE__*/ (function (_FlexBox) {
-	_inheritsLoose(FlexRow, _FlexBox);
 	function FlexRow() {
 		return _FlexBox.apply(this, arguments) || this;
 	}
+	_inheritsLoose(FlexRow, _FlexBox);
 	return FlexRow;
 })(FlexBox);
 var FlexCol = /*#__PURE__*/ (function (_FlexBox2) {
-	_inheritsLoose(FlexCol, _FlexBox2);
 	function FlexCol() {
 		return _FlexBox2.apply(this, arguments) || this;
 	}
+	_inheritsLoose(FlexCol, _FlexBox2);
 	return FlexCol;
 })(FlexBox);
 FlexCol.prototype.direction = "column";
 
 var ProgressBar = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(ProgressBar, _Widget);
 	function ProgressBar() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ProgressBar, _Widget);
 	var _proto = ProgressBar.prototype;
 	_proto.declareData = function declareData() {
 		var _Widget$prototype$dec;
@@ -2267,16 +2257,16 @@ function captureMouseOrTouch2(e, _ref2) {
 				e.preventDefault();
 			});
 		};
-		var end = function end(e) {
+		var _end = function end(e) {
 			batchUpdates(function () {
 				el.removeEventListener("touchmove", move);
-				el.removeEventListener("touchend", end);
+				el.removeEventListener("touchend", _end);
 				if (onMouseUp) onMouseUp(e);
 				e.preventDefault();
 			});
 		};
 		el.addEventListener("touchmove", move);
-		el.addEventListener("touchend", end);
+		el.addEventListener("touchend", _end);
 		e.stopPropagation();
 	} else
 		captureMouse2(e, {
@@ -2313,10 +2303,10 @@ function getCursorPos(e) {
 }
 
 var Resizer = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(Resizer, _Widget);
 	function Resizer() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Resizer, _Widget);
 	var _proto = Resizer.prototype;
 	_proto.declareData = function declareData() {
 		var _Widget$prototype$dec;
@@ -2356,7 +2346,6 @@ Resizer.prototype.defaultSize = null;
 Resizer.prototype.minSize = 0;
 Resizer.prototype.maxSize = 1e6;
 var ResizerCmp = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(ResizerCmp, _VDOM$Component);
 	function ResizerCmp(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -2366,6 +2355,7 @@ var ResizerCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(ResizerCmp, _VDOM$Component);
 	var _proto2 = ResizerCmp.prototype;
 	_proto2.shouldComponentUpdate = function shouldComponentUpdate(props, state) {
 		return state != this.state;
@@ -2482,10 +2472,10 @@ var ResizerCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var HighlightedSearchText = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(HighlightedSearchText, _Widget);
 	function HighlightedSearchText() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(HighlightedSearchText, _Widget);
 	var _proto = HighlightedSearchText.prototype;
 	_proto.declareData = function declareData() {
 		var _Widget$prototype$dec;
@@ -2717,7 +2707,7 @@ function notifyDragMove(e, captureData) {
 		}
 		if (scrollY || scrollX) {
 			if (!scrollTimer) {
-				var cb = function cb() {
+				var _cb = function cb() {
 					if (scrollY) {
 						var current = vscrollParent.scrollTop;
 						var next = Math.min(
@@ -2734,9 +2724,9 @@ function notifyDragMove(e, captureData) {
 						); //60 FPS
 						hscrollParent.scrollLeft = _next;
 					}
-					scrollTimer = requestAnimationFrame(cb);
+					scrollTimer = requestAnimationFrame(_cb);
 				};
-				scrollTimer = requestAnimationFrame(cb);
+				scrollTimer = requestAnimationFrame(_cb);
 			}
 		} else {
 			clearScrollTimer();
@@ -2813,10 +2803,10 @@ var DragDropContext = VDOM.createContext
 			return children;
 		};
 var ContextWrap = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(ContextWrap, _Container);
 	function ContextWrap() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ContextWrap, _Container);
 	var _proto = ContextWrap.prototype;
 	_proto.render = function render(context, instance, key) {
 		return /*#__PURE__*/ jsx(
@@ -2832,10 +2822,10 @@ var ContextWrap = /*#__PURE__*/ (function (_Container) {
 })(Container);
 
 var Overlay = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(Overlay, _Container);
 	function Overlay() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Overlay, _Container);
 	var _proto = Overlay.prototype;
 	_proto.init = function init() {
 		if (this.center) this.centerX = this.centerY = this.center;
@@ -3032,10 +3022,10 @@ Widget.alias("overlay", Overlay);
 
 //TODO: all el related logic should be moved here
 var OverlayContent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(OverlayContent, _VDOM$Component);
 	function OverlayContent() {
 		return _VDOM$Component.apply(this, arguments) || this;
 	}
+	_inheritsLoose(OverlayContent, _VDOM$Component);
 	var _proto2 = OverlayContent.prototype;
 	_proto2.render = function render() {
 		return /*#__PURE__*/ jsx("div", {
@@ -3065,7 +3055,6 @@ var OverlayContent = /*#__PURE__*/ (function (_VDOM$Component) {
 	return OverlayContent;
 })(VDOM.Component); //TODO: This should be called OverlayPortal
 var OverlayComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
-	_inheritsLoose(OverlayComponent, _VDOM$Component2);
 	function OverlayComponent(props) {
 		var _this3;
 		_this3 = _VDOM$Component2.call(this, props) || this;
@@ -3073,6 +3062,7 @@ var OverlayComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
 		_this3.customStyle = {};
 		return _this3;
 	}
+	_inheritsLoose(OverlayComponent, _VDOM$Component2);
 	var _proto3 = OverlayComponent.prototype;
 	_proto3.render = function render() {
 		var _this$props = this.props,
@@ -3497,10 +3487,10 @@ var OverlayComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
 })(VDOM.Component);
 
 var Dropdown = /*#__PURE__*/ (function (_Overlay) {
-	_inheritsLoose(Dropdown, _Overlay);
 	function Dropdown() {
 		return _Overlay.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Dropdown, _Overlay);
 	var _proto = Dropdown.prototype;
 	_proto.init = function init() {
 		if (this.trackMouse) {
@@ -4062,10 +4052,10 @@ function getViewportRect(padding) {
 }
 
 var Tooltip = /*#__PURE__*/ (function (_Dropdown) {
-	_inheritsLoose(Tooltip, _Dropdown);
 	function Tooltip() {
 		return _Dropdown.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Tooltip, _Dropdown);
 	var _proto = Tooltip.prototype;
 	_proto.declareData = function declareData() {
 		var _Dropdown$prototype$d;
@@ -4331,10 +4321,10 @@ function enableTooltips() {
 }
 
 var Window = /*#__PURE__*/ (function (_Overlay) {
-	_inheritsLoose(Window, _Overlay);
 	function Window() {
 		return _Overlay.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Window, _Overlay);
 	var _proto = Window.prototype;
 	_proto.init = function init() {
 		if (isDefined(this.closeable)) this.closable = this.closeable;
@@ -4448,10 +4438,10 @@ Window.prototype.focusable = true;
 Widget.alias("window", Window);
 Localization.registerPrototype("cx/widgets/Window", Window);
 var WindowComponent = /*#__PURE__*/ (function (_OverlayComponent) {
-	_inheritsLoose(WindowComponent, _OverlayComponent);
 	function WindowComponent() {
 		return _OverlayComponent.apply(this, arguments) || this;
 	}
+	_inheritsLoose(WindowComponent, _OverlayComponent);
 	var _proto2 = WindowComponent.prototype;
 	_proto2.renderOverlayBody = function renderOverlayBody() {
 		var _this = this;
@@ -4704,10 +4694,10 @@ function enableMsgBoxAlerts() {
 }
 
 var Toast = /*#__PURE__*/ (function (_Overlay) {
-	_inheritsLoose(Toast, _Overlay);
 	function Toast() {
 		return _Overlay.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Toast, _Overlay);
 	var _proto = Toast.prototype;
 	_proto.init = function init() {
 		if (this.message)
@@ -4797,10 +4787,10 @@ Toast.prototype.placement = "top";
 Toast.prototype.destroyDelay = 300;
 
 var ContextMenu = /*#__PURE__*/ (function (_Dropdown) {
-	_inheritsLoose(ContextMenu, _Dropdown);
 	function ContextMenu() {
 		return _Dropdown.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ContextMenu, _Dropdown);
 	return ContextMenu;
 })(Dropdown);
 ContextMenu.prototype.trackMouse = true;
@@ -4829,10 +4819,10 @@ var openContextMenu = function openContextMenu(e, content, storeOrInstance, opti
 };
 
 var FlyweightTooltipTracker = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(FlyweightTooltipTracker, _Widget);
 	function FlyweightTooltipTracker() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(FlyweightTooltipTracker, _Widget);
 	var _proto = FlyweightTooltipTracker.prototype;
 	_proto.initInstance = function initInstance(context, instance) {
 		var _this = this;
@@ -4868,10 +4858,10 @@ var FlyweightTooltipTracker = /*#__PURE__*/ (function (_Widget) {
 })(Widget);
 
 var Route = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(Route, _PureContainer);
 	function Route() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Route, _PureContainer);
 	var _proto = Route.prototype;
 	_proto.init = function init() {
 		if (this.path) this.route = this.path;
@@ -4969,10 +4959,10 @@ Route.prototype.prefix = false;
 Widget.alias("route", Route);
 
 var RedirectRoute = /*#__PURE__*/ (function (_Route) {
-	_inheritsLoose(RedirectRoute, _Route);
 	function RedirectRoute() {
 		return _Route.apply(this, arguments) || this;
 	}
+	_inheritsLoose(RedirectRoute, _Route);
 	var _proto = RedirectRoute.prototype;
 	_proto.checkVisible = function checkVisible(context, instance, data) {
 		if (!data.visible) return false;
@@ -5003,10 +4993,10 @@ var RedirectRoute = /*#__PURE__*/ (function (_Route) {
 Widget.alias("redirect-route", RedirectRoute);
 
 var Tab = /*#__PURE__*/ (function (_HtmlElement) {
-	_inheritsLoose(Tab, _HtmlElement);
 	function Tab() {
 		return _HtmlElement.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Tab, _HtmlElement);
 	var _proto = Tab.prototype;
 	_proto.declareData = function declareData() {
 		var _HtmlElement$prototyp;
@@ -5080,10 +5070,10 @@ Tab.prototype["default"] = false;
 Widget.alias("tab", Tab);
 
 var LinkButton = /*#__PURE__*/ (function (_Button) {
-	_inheritsLoose(LinkButton, _Button);
 	function LinkButton() {
 		return _Button.apply(this, arguments) || this;
 	}
+	_inheritsLoose(LinkButton, _Button);
 	var _proto = LinkButton.prototype;
 	_proto.init = function init() {
 		this.activeStyle = parseStyle(this.activeStyle);
@@ -5183,20 +5173,20 @@ LinkButton.prototype.tag = "a";
 Widget.alias("link-button", LinkButton);
 
 var Link = /*#__PURE__*/ (function (_LinkButton) {
-	_inheritsLoose(Link, _LinkButton);
 	function Link() {
 		return _LinkButton.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Link, _LinkButton);
 	return Link;
 })(LinkButton);
 Link.prototype.baseClass = "link";
 Widget.alias("link", Link);
 
 var MenuItem = /*#__PURE__*/ (function (_HtmlElement) {
-	_inheritsLoose(MenuItem, _HtmlElement);
 	function MenuItem() {
 		return _HtmlElement.apply(this, arguments) || this;
 	}
+	_inheritsLoose(MenuItem, _HtmlElement);
 	var _proto = MenuItem.prototype;
 	_proto.init = function init() {
 		if (this.hideCursor) this.showCursor = false;
@@ -5283,7 +5273,6 @@ MenuItem.prototype.openOnFocus = true;
 Widget.alias("submenu", MenuItem);
 Localization.registerPrototype("cx/widgets/MenuItem", MenuItem);
 var MenuItemComponent$1 = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(MenuItemComponent, _VDOM$Component);
 	function MenuItemComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -5292,6 +5281,7 @@ var MenuItemComponent$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(MenuItemComponent, _VDOM$Component);
 	var _proto2 = MenuItemComponent.prototype;
 	_proto2.getDefaultPlacementOrder = function getDefaultPlacementOrder(horizontal) {
 		return horizontal
@@ -5613,10 +5603,10 @@ var MenuItemComponent$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var MenuSpacer = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(MenuSpacer, _Widget);
 	function MenuSpacer() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(MenuSpacer, _Widget);
 	var _proto = MenuSpacer.prototype;
 	_proto.render = function render(context, instance, key) {
 		return {
@@ -5630,10 +5620,10 @@ var MenuSpacer = /*#__PURE__*/ (function (_Widget) {
 MenuSpacer.prototype.isMenuSpacer = true;
 
 var Menu = /*#__PURE__*/ (function (_HtmlElement) {
-	_inheritsLoose(Menu, _HtmlElement);
 	function Menu() {
 		return _HtmlElement.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Menu, _HtmlElement);
 	var _proto = Menu.prototype;
 	_proto.init = function init() {
 		if (this.itemPadding === true) this.itemPadding = "medium";
@@ -5714,7 +5704,6 @@ Menu.prototype.overflowIcon = "drop-down";
 Menu.Item = MenuItem;
 Menu.Spacer = MenuSpacer;
 var MenuComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(MenuComponent, _VDOM$Component);
 	function MenuComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -5727,6 +5716,7 @@ var MenuComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(MenuComponent, _VDOM$Component);
 	var _proto2 = MenuComponent.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -5925,7 +5915,6 @@ Menu.prototype.baseClass = "menu";
 Menu.prototype.tag = "ul";
 Widget.alias("menu", Menu);
 var MenuItemComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
-	_inheritsLoose(MenuItemComponent, _VDOM$Component2);
 	function MenuItemComponent(props) {
 		var _this5;
 		_this5 = _VDOM$Component2.call(this, props) || this;
@@ -5934,6 +5923,7 @@ var MenuItemComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
 		};
 		return _this5;
 	}
+	_inheritsLoose(MenuItemComponent, _VDOM$Component2);
 	var _proto3 = MenuItemComponent.prototype;
 	_proto3.render = function render() {
 		var _this6 = this;
@@ -6024,18 +6014,18 @@ var MenuItemComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
 })(VDOM.Component);
 
 var Submenu = /*#__PURE__*/ (function (_MenuItem) {
-	_inheritsLoose(Submenu, _MenuItem);
 	function Submenu() {
 		return _MenuItem.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Submenu, _MenuItem);
 	return Submenu;
 })(MenuItem);
 
 var Scroller = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(Scroller, _Container);
 	function Scroller() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Scroller, _Container);
 	var _proto = Scroller.prototype;
 	_proto.init = function init() {
 		if (!this.vertical) this.horizontal = true; //default
@@ -6073,7 +6063,6 @@ var Scroller = /*#__PURE__*/ (function (_Container) {
 Scroller.prototype.styled = true;
 Scroller.prototype.baseClass = "scroller";
 var HScrollerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(HScrollerComponent, _VDOM$Component);
 	function HScrollerComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -6097,6 +6086,7 @@ var HScrollerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(HScrollerComponent, _VDOM$Component);
 	var _proto2 = HScrollerComponent.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -6249,27 +6239,27 @@ var HScrollerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 	return HScrollerComponent;
 })(VDOM.Component);
 var HScroller = /*#__PURE__*/ (function (_Scroller) {
-	_inheritsLoose(HScroller, _Scroller);
 	function HScroller() {
 		return _Scroller.apply(this, arguments) || this;
 	}
+	_inheritsLoose(HScroller, _Scroller);
 	return HScroller;
 })(Scroller);
 HScroller.prototype.horizontal = true;
 var VScroller = /*#__PURE__*/ (function (_Scroller2) {
-	_inheritsLoose(VScroller, _Scroller2);
 	function VScroller() {
 		return _Scroller2.apply(this, arguments) || this;
 	}
+	_inheritsLoose(VScroller, _Scroller2);
 	return VScroller;
 })(Scroller);
 VScroller.prototype.vertical = true;
 
 var ValidationError = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(ValidationError, _Widget);
 	function ValidationError() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ValidationError, _Widget);
 	var _proto = ValidationError.prototype;
 	_proto.checkVisible = function checkVisible(context, instance, data) {
 		if (
@@ -6316,10 +6306,10 @@ ValidationError.prototype.styled = true;
 Widget.alias("validation-error", ValidationError);
 
 var HelpText = /*#__PURE__*/ (function (_HtmlElement) {
-	_inheritsLoose(HelpText, _HtmlElement);
 	function HelpText() {
 		return _HtmlElement.apply(this, arguments) || this;
 	}
+	_inheritsLoose(HelpText, _HtmlElement);
 	return HelpText;
 })(HtmlElement);
 HelpText.prototype.tag = "span";
@@ -6327,10 +6317,10 @@ HelpText.prototype.baseClass = "helptext";
 Widget.alias("help-text", HelpText);
 
 var Label = /*#__PURE__*/ (function (_HtmlElement) {
-	_inheritsLoose(Label, _HtmlElement);
 	function Label() {
 		return _HtmlElement.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Label, _HtmlElement);
 	var _proto = Label.prototype;
 	_proto.declareData = function declareData() {
 		var _HtmlElement$prototyp;
@@ -6411,10 +6401,10 @@ Label.prototype.tag = "label";
 Label.prototype.asterisk = false;
 
 var FieldIcon = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(FieldIcon, _Widget);
 	function FieldIcon() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(FieldIcon, _Widget);
 	var _proto = FieldIcon.prototype;
 	_proto.declareData = function declareData() {
 		var _Widget$prototype$dec;
@@ -6460,10 +6450,10 @@ var FieldIcon = /*#__PURE__*/ (function (_Widget) {
 FieldIcon.prototype.styled = true;
 
 var Field = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(Field, _PureContainer);
 	function Field() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Field, _PureContainer);
 	var _proto = Field.prototype;
 	_proto.declareData = function declareData() {
 		var _PureContainer$protot;
@@ -6873,10 +6863,10 @@ function getFieldTooltip(instance) {
 }
 
 var TextField = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(TextField, _Field);
 	function TextField() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(TextField, _Field);
 	var _proto = TextField.prototype;
 	_proto.init = function init() {
 		if (typeof this.hideClear !== "undefined") this.showClear = !this.hideClear;
@@ -6945,7 +6935,6 @@ TextField.prototype.keyboardShortcut = false;
 TextField.prototype.trim = false;
 Localization.registerPrototype("cx/widgets/TextField", TextField);
 var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(Input, _VDOM$Component);
 	function Input(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -6954,6 +6943,7 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(Input, _VDOM$Component);
 	var _proto2 = Input.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -6974,7 +6964,7 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 				className: CSS.element(baseClass, "left-icon"),
 				onMouseDown: preventDefault,
 				onClick: function onClick(e) {
-					return _this2.onChange(e, "enter");
+					return _this2.onChange(e.target.value, "enter");
 				},
 				children: iconVDOM,
 			});
@@ -7038,10 +7028,10 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 							onMouseMove: this.onMouseMove.bind(this),
 							onMouseLeave: this.onMouseLeave.bind(this),
 							onInput: function onInput(e) {
-								return _this2.onChange(e, "input");
+								return _this2.onChange(e.target.value, "input");
 							},
 							onChange: function onChange(e) {
-								return _this2.onChange(e, "change");
+								return _this2.onChange(e.target.value, "change");
 							},
 							onKeyDown: this.onKeyDown.bind(this),
 							onFocus: this.onFocus.bind(this),
@@ -7080,7 +7070,7 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 			});
 			this.props.instance.set("focused", false);
 		}
-		this.onChange(e, "blur");
+		this.onChange(e.target.value, "blur");
 	};
 	_proto2.onClearClick = function onClearClick(e) {
 		this.props.instance.set("value", this.props.instance.widget.emptyValue, {
@@ -7101,6 +7091,7 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 		autoFocus(this.input, this);
 	};
 	_proto2.componentWillUnmount = function componentWillUnmount() {
+		if (this.input == getActiveElement()) this.onChange(this.input.value, "blur");
 		tooltipParentWillUnmount$1(this.props.instance);
 	};
 	_proto2.onKeyDown = function onKeyDown(e) {
@@ -7108,7 +7099,7 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 		if (instance.widget.handleKeyDown(e, instance) === false) return;
 		switch (e.keyCode) {
 			case KeyCode.enter:
-				this.onChange(e, "enter");
+				this.onChange(e.target.value, "enter");
 				break;
 			case KeyCode.left:
 			case KeyCode.right:
@@ -7118,12 +7109,12 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 	};
 	_proto2.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(props) {
 		var data = props.data;
-		//the second check is required for debouncing, sometimes the value in the store lags after the input
-		//and update may be caused by some other property, i.e. visited
+		// The second check is required for debouncing, sometimes the value in the store lags after the input
+		// and update may be caused by some other property, i.e. visited
 		if (data.value != this.input.value && data.value != this.props.data.value) this.input.value = data.value || "";
 		tooltipParentWillReceiveProps$1.apply(void 0, [this.input].concat(getFieldTooltip(props.instance)));
 	};
-	_proto2.onChange = function onChange(e, change) {
+	_proto2.onChange = function onChange(textValue, change) {
 		var _this$props3 = this.props,
 			instance = _this$props3.instance,
 			data = _this$props3.data;
@@ -7135,7 +7126,7 @@ var Input$2 = /*#__PURE__*/ (function (_VDOM$Component) {
 		}
 		var widget = instance.widget;
 		if (widget.reactOn.indexOf(change) != -1) {
-			var text = this.trimmed(e.target.value);
+			var text = this.trimmed(textValue);
 			if (data.maxLength != null && text.length > data.maxLength) {
 				text = text.substring(0, data.maxLength);
 				this.input.value = text;
@@ -7184,10 +7175,10 @@ var SquareIcon = registerIcon(
 );
 
 var Checkbox = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(Checkbox, _Field);
 	function Checkbox() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Checkbox, _Field);
 	var _proto = Checkbox.prototype;
 	_proto.init = function init() {
 		if (this.checked) this.value = this.checked;
@@ -7337,7 +7328,6 @@ Checkbox.prototype.indeterminate = false;
 Checkbox.prototype.unfocusable = false;
 Widget.alias("checkbox", Checkbox);
 var CheckboxCmp = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(CheckboxCmp, _VDOM$Component);
 	function CheckboxCmp(props) {
 		var _this3;
 		_this3 = _VDOM$Component.call(this, props) || this;
@@ -7346,6 +7336,7 @@ var CheckboxCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this3;
 	}
+	_inheritsLoose(CheckboxCmp, _VDOM$Component);
 	var _proto2 = CheckboxCmp.prototype;
 	_proto2.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(props) {
 		this.setState({
@@ -7414,10 +7405,10 @@ var CheckboxCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var Radio = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(Radio, _Field);
 	function Radio() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Radio, _Field);
 	var _proto = Radio.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -7565,7 +7556,6 @@ Radio.prototype["native"] = false;
 Radio.prototype["default"] = false;
 Widget.alias("radio", Radio);
 var RadioCmp = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(RadioCmp, _VDOM$Component);
 	function RadioCmp(props) {
 		var _this3;
 		_this3 = _VDOM$Component.call(this, props) || this;
@@ -7574,6 +7564,7 @@ var RadioCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this3;
 	}
+	_inheritsLoose(RadioCmp, _VDOM$Component);
 	var _proto2 = RadioCmp.prototype;
 	_proto2.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(props) {
 		this.setState({
@@ -7626,10 +7617,10 @@ var RadioCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var Select = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(Select, _Field);
 	function Select() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Select, _Field);
 	var _proto = Select.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -7699,7 +7690,6 @@ Select.prototype.icon = null;
 Widget.alias("select", Select);
 Localization.registerPrototype("cx/widgets/Select", Select);
 var SelectComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(SelectComponent, _VDOM$Component);
 	function SelectComponent(props) {
 		var _this2;
 		_this2 = _VDOM$Component.call(this, props) || this;
@@ -7709,6 +7699,7 @@ var SelectComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this2;
 	}
+	_inheritsLoose(SelectComponent, _VDOM$Component);
 	var _proto2 = SelectComponent.prototype;
 	_proto2.render = function render() {
 		var _this3 = this;
@@ -7874,10 +7865,10 @@ var SelectComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 	return SelectComponent;
 })(VDOM.Component);
 var Option = /*#__PURE__*/ (function (_HtmlElement) {
-	_inheritsLoose(Option, _HtmlElement);
 	function Option() {
 		return _HtmlElement.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Option, _HtmlElement);
 	var _proto3 = Option.prototype;
 	_proto3.declareData = function declareData() {
 		var _HtmlElement$prototyp;
@@ -7943,10 +7934,10 @@ var ForwardIcon = registerIcon(
 );
 
 var Calendar = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(Calendar, _Field);
 	function Calendar() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Calendar, _Field);
 	var _proto = Calendar.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -7979,14 +7970,14 @@ var Calendar = /*#__PURE__*/ (function (_Field) {
 			disabled: data.disabled,
 		};
 		if (data.value) {
-			var d = new Date(data.value);
+			var d = parseDateInvariant(data.value);
 			if (!isNaN(d.getTime())) {
 				data.date = zeroTime(d);
 			}
 		}
-		if (data.refDate) data.refDate = zeroTime(new Date(data.refDate));
-		if (data.maxValue) data.maxValue = zeroTime(new Date(data.maxValue));
-		if (data.minValue) data.minValue = zeroTime(new Date(data.minValue));
+		if (data.refDate) data.refDate = zeroTime(parseDateInvariant(data.refDate));
+		if (data.maxValue) data.maxValue = zeroTime(parseDateInvariant(data.maxValue));
+		if (data.minValue) data.minValue = zeroTime(parseDateInvariant(data.minValue));
 		_Field.prototype.prepareData.apply(this, arguments);
 	};
 	_proto.validate = function validate(context, instance) {
@@ -8011,7 +8002,7 @@ var Calendar = /*#__PURE__*/ (function (_Field) {
 				if (widget.disabledDaysOfWeek.includes(data.date.getDay())) data.error = this.disabledDaysOfWeekErrorText;
 			}
 			if (data.dayData) {
-				var date = new Date(data.value);
+				var date = parseDateInvariant(data.value);
 				var info = data.dayData[date.toDateString()];
 				if (info && info.disabled) data.error = this.disabledDaysOfWeekErrorText;
 			}
@@ -8039,7 +8030,7 @@ var Calendar = /*#__PURE__*/ (function (_Field) {
 		if (!validationCheck$1(date, data)) return;
 		if (this.onBeforeSelect && instance.invoke("onBeforeSelect", e, instance, date) === false) return;
 		if (widget.partial) {
-			var mixed = new Date(data.value);
+			var mixed = parseDateInvariant(data.value);
 			if (data.value && !isNaN(mixed)) {
 				mixed.setFullYear(date.getFullYear());
 				mixed.setMonth(date.getMonth());
@@ -8077,7 +8068,6 @@ var validationCheck$1 = function validationCheck(date, data, disabledDaysOfWeek)
 	return true;
 };
 var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(CalendarCmp, _VDOM$Component);
 	function CalendarCmp(props) {
 		var _this2;
 		_this2 = _VDOM$Component.call(this, props) || this;
@@ -8091,10 +8081,11 @@ var CalendarCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 			},
 			_this2.getPage(refDate),
 		);
-		_this2.handleMouseMove = _this2.handleMouseMove.bind(_assertThisInitialized(_this2));
-		_this2.handleMouseDown = _this2.handleMouseDown.bind(_assertThisInitialized(_this2));
+		_this2.handleMouseMove = _this2.handleMouseMove.bind(_this2);
+		_this2.handleMouseDown = _this2.handleMouseDown.bind(_this2);
 		return _this2;
 	}
+	_inheritsLoose(CalendarCmp, _VDOM$Component);
 	var _proto2 = CalendarCmp.prototype;
 	_proto2.getPage = function getPage(refDate) {
 		refDate = monthStart(refDate); //make a copy
@@ -8483,10 +8474,10 @@ var readDate = function readDate(ds) {
 Widget.alias("calendar", Calendar);
 
 var LookupField = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(LookupField, _Field);
 	function LookupField() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(LookupField, _Field);
 	var _proto = LookupField.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -8769,7 +8760,6 @@ function convertOption(bindings, data) {
 	return result.$value;
 }
 var SelectionDelegate = /*#__PURE__*/ (function (_Selection) {
-	_inheritsLoose(SelectionDelegate, _Selection);
 	function SelectionDelegate(_ref) {
 		var _this4;
 		var delegate = _ref.delegate;
@@ -8777,6 +8767,7 @@ var SelectionDelegate = /*#__PURE__*/ (function (_Selection) {
 		_this4.delegate = delegate;
 		return _this4;
 	}
+	_inheritsLoose(SelectionDelegate, _Selection);
 	var _proto2 = SelectionDelegate.prototype;
 	_proto2.getIsSelectedDelegate = function getIsSelectedDelegate(store) {
 		var _this5 = this;
@@ -8790,7 +8781,6 @@ var SelectionDelegate = /*#__PURE__*/ (function (_Selection) {
 	return SelectionDelegate;
 })(Selection);
 var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(LookupComponent, _VDOM$Component);
 	function LookupComponent(props) {
 		var _this6;
 		_this6 = _VDOM$Component.call(this, props) || this;
@@ -8810,6 +8800,7 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		});
 		return _this6;
 	}
+	_inheritsLoose(LookupComponent, _VDOM$Component);
 	var _proto3 = LookupComponent.prototype;
 	_proto3.getOptionKey = function getOptionKey(data) {
 		return this.props.bindings
@@ -9753,10 +9744,10 @@ var LookupComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 
 enableCultureSensitiveFormatting();
 var NumberField = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(NumberField, _Field);
 	function NumberField() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(NumberField, _Field);
 	var _proto = NumberField.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -9867,7 +9858,6 @@ NumberField.prototype.alwaysShowClear = false;
 Widget.alias("numberfield", NumberField);
 Localization.registerPrototype("cx/widgets/NumberField", NumberField);
 var Input$1 = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(Input, _VDOM$Component);
 	function Input(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -9876,6 +9866,7 @@ var Input$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(Input, _VDOM$Component);
 	var _proto2 = Input.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -10000,6 +9991,16 @@ var Input$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 		autoFocus(this.input, this);
 	};
 	_proto2.componentWillUnmount = function componentWillUnmount() {
+		if (this.input == getActiveElement()) {
+			this.onChange(
+				{
+					target: {
+						value: this.input.value,
+					},
+				},
+				"blur",
+			);
+		}
 		tooltipParentWillUnmount$1(this.props.instance);
 	};
 	_proto2.getPreCursorDigits = function getPreCursorDigits(text, cursor, decimalSeparator) {
@@ -10143,12 +10144,12 @@ var Input$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 			var fmt = data.format;
 			var decimalSeparator = this.getDecimalSeparator(fmt) || Format.value(1.1, "n;1")[1];
 			var formatted = Format.value(value, fmt);
-			//re-parse to avoid differences between formatted value and value in the store
+			// Re-parse to avoid differences between formatted value and value in the store
 
 			value = widget.parseValue(formatted, instance) * data.scale + data.offset;
 
-			//allow users to type numbers like 100.0003 or -0.05 without interruptions
-			//if the last typed in character is zero or dot (decimal separator) skip processing it
+			// Allow users to type numbers like 100.0003 or -0.05 without interruptions
+			// If the last typed character is zero or dot (decimal separator), skip processing it
 			if (
 				change == "change" &&
 				this.input.selectionStart == this.input.selectionEnd &&
@@ -10159,7 +10160,7 @@ var Input$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 			)
 				return;
 			if (change != "blur") {
-				//format, but keep the correct cursor position
+				// Format, but keep the correct cursor position
 				var preCursorText = this.getPreCursorDigits(this.input.value, this.input.selectionStart, decimalSeparator);
 				this.input.value = formatted;
 				this.updateCursorPosition(preCursorText);
@@ -10188,10 +10189,10 @@ var Input$1 = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var TextArea = /*#__PURE__*/ (function (_TextField) {
-	_inheritsLoose(TextArea, _TextField);
 	function TextArea() {
 		return _TextField.apply(this, arguments) || this;
 	}
+	_inheritsLoose(TextArea, _TextField);
 	var _proto = TextArea.prototype;
 	_proto.declareData = function declareData() {
 		var _TextField$prototype$;
@@ -10233,7 +10234,6 @@ TextArea.prototype.baseClass = "textarea";
 TextArea.prototype.reactOn = "blur";
 TextArea.prototype.suppressErrorsUntilVisited = true;
 var Input = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(Input, _VDOM$Component);
 	function Input(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -10242,6 +10242,7 @@ var Input = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(Input, _VDOM$Component);
 	var _proto2 = Input.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -10290,13 +10291,13 @@ var Input = /*#__PURE__*/ (function (_VDOM$Component) {
 						data.inputAttrs,
 						{
 							onInput: function onInput(e) {
-								return _this2.onChange(e, "input");
+								return _this2.onChange(e.target.value, "input");
 							},
 							onChange: function onChange(e) {
-								return _this2.onChange(e, "change");
+								return _this2.onChange(e.target.value, "change");
 							},
 							onBlur: function onBlur(e) {
-								_this2.onChange(e, "blur");
+								_this2.onChange(e.target.value, "blur");
 							},
 							onFocus: function onFocus(e) {
 								return _this2.onFocus();
@@ -10320,6 +10321,9 @@ var Input = /*#__PURE__*/ (function (_VDOM$Component) {
 		});
 	};
 	_proto2.componentWillUnmount = function componentWillUnmount() {
+		if (this.input == getActiveElement()) {
+			this.onChange(this.input.value, "blur");
+		}
 		tooltipParentWillUnmount$1(this.props.instance);
 	};
 	_proto2.componentDidMount = function componentDidMount() {
@@ -10349,7 +10353,7 @@ var Input = /*#__PURE__*/ (function (_VDOM$Component) {
 		}
 		tooltipParentWillReceiveProps$1.apply(void 0, [this.input].concat(getFieldTooltip(instance)));
 	};
-	_proto2.onChange = function onChange(e, change) {
+	_proto2.onChange = function onChange(inputValue, change) {
 		var _this$props2 = this.props,
 			instance = _this$props2.instance,
 			data = _this$props2.data;
@@ -10365,11 +10369,11 @@ var Input = /*#__PURE__*/ (function (_VDOM$Component) {
 		}
 		if (data.required) {
 			instance.setState({
-				empty: !e.target.value,
+				empty: !inputValue,
 			});
 		}
 		if (instance.widget.reactOn.indexOf(change) != -1) {
-			var value = e.target.value || widget.emptyValue;
+			var value = inputValue || widget.emptyValue;
 			instance.set("value", value);
 		}
 	};
@@ -10387,10 +10391,10 @@ var Input = /*#__PURE__*/ (function (_VDOM$Component) {
 Widget.alias("textarea", TextArea);
 
 var ValidationGroup = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(ValidationGroup, _PureContainer);
 	function ValidationGroup() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ValidationGroup, _PureContainer);
 	var _proto = ValidationGroup.prototype;
 	_proto.declareData = function declareData() {
 		var _PureContainer$protot;
@@ -10453,19 +10457,19 @@ ValidationGroup.prototype.isolated = false;
 Widget.alias("validation-group", ValidationGroup);
 
 var FieldGroup = /*#__PURE__*/ (function (_ValidationGroup) {
-	_inheritsLoose(FieldGroup, _ValidationGroup);
 	function FieldGroup() {
 		return _ValidationGroup.apply(this, arguments) || this;
 	}
+	_inheritsLoose(FieldGroup, _ValidationGroup);
 	return FieldGroup;
 })(ValidationGroup);
 Widget.alias("field-group", FieldGroup);
 
 var LabeledContainer = /*#__PURE__*/ (function (_FieldGroup) {
-	_inheritsLoose(LabeledContainer, _FieldGroup);
 	function LabeledContainer() {
 		return _FieldGroup.apply(this, arguments) || this;
 	}
+	_inheritsLoose(LabeledContainer, _FieldGroup);
 	var _proto = LabeledContainer.prototype;
 	_proto.declareData = function declareData() {
 		var _FieldGroup$prototype;
@@ -10522,10 +10526,10 @@ Widget.alias("labeled-container", LabeledContainer);
 
 enableCultureSensitiveFormatting();
 var MonthPicker = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(MonthPicker, _Field);
 	function MonthPicker() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(MonthPicker, _Field);
 	var _proto = MonthPicker.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -10569,14 +10573,14 @@ var MonthPicker = /*#__PURE__*/ (function (_Field) {
 		data.stateMods = {
 			disabled: data.disabled,
 		};
-		if (!this.range && data.value) data.date = monthStart(new Date(data.value));
+		if (!this.range && data.value) data.date = monthStart(parseDateInvariant(data.value));
 		if (this.range) {
-			if (data.from) data.from = monthStart(new Date(data.from));
-			if (data.to) data.to = monthStart(new Date(data.to));
+			if (data.from) data.from = monthStart(parseDateInvariant(data.from));
+			if (data.to) data.to = monthStart(parseDateInvariant(data.to));
 		}
-		if (data.refDate) data.refDate = monthStart(new Date(data.refDate));
-		if (data.maxValue) data.maxValue = monthStart(new Date(data.maxValue));
-		if (data.minValue) data.minValue = monthStart(new Date(data.minValue));
+		if (data.refDate) data.refDate = monthStart(parseDateInvariant(data.refDate));
+		if (data.maxValue) data.maxValue = monthStart(parseDateInvariant(data.maxValue));
+		if (data.minValue) data.minValue = monthStart(parseDateInvariant(data.minValue));
 		_Field.prototype.prepareData.apply(this, arguments);
 	};
 	_proto.validate = function validate(context, instance) {
@@ -10648,7 +10652,6 @@ var monthNumber = function monthNumber(date) {
 	return date.getFullYear() * 12 + date.getMonth();
 };
 var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(MonthPickerComponent, _VDOM$Component);
 	function MonthPickerComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -10665,14 +10668,15 @@ var MonthPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			start: widget.startYear,
 			end: widget.startYear + widget.bufferSize,
 		};
-		_this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_this));
-		_this.handleMouseUp = _this.handleMouseUp.bind(_assertThisInitialized(_this));
-		_this.handleMouseEnter = _this.handleMouseEnter.bind(_assertThisInitialized(_this));
-		_this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized(_this));
-		_this.handleTouchMove = _this.handleTouchMove.bind(_assertThisInitialized(_this));
-		_this.handleTouchEnd = _this.handleTouchEnd.bind(_assertThisInitialized(_this));
+		_this.handleMouseDown = _this.handleMouseDown.bind(_this);
+		_this.handleMouseUp = _this.handleMouseUp.bind(_this);
+		_this.handleMouseEnter = _this.handleMouseEnter.bind(_this);
+		_this.handleKeyPress = _this.handleKeyPress.bind(_this);
+		_this.handleTouchMove = _this.handleTouchMove.bind(_this);
+		_this.handleTouchEnd = _this.handleTouchEnd.bind(_this);
 		return _this;
 	}
+	_inheritsLoose(MonthPickerComponent, _VDOM$Component);
 	var _proto2 = MonthPickerComponent.prototype;
 	_proto2.extractCursorInfo = function extractCursorInfo(el) {
 		if (!el.attributes["data-point"].value) return false;
@@ -11236,10 +11240,10 @@ var PixelPickerIcon = registerIcon(
 );
 
 var ColorPicker = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(ColorPicker, _Field);
 	function ColorPicker() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ColorPicker, _Field);
 	var _proto = ColorPicker.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -11307,7 +11311,6 @@ ColorPicker.prototype.reportOn = "blur change";
 ColorPicker.prototype.format = "rgba";
 Widget.alias("color-picker", ColorPicker);
 var ColorPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(ColorPickerComponent, _VDOM$Component);
 	function ColorPickerComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -11320,6 +11323,7 @@ var ColorPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		}
 		return _this;
 	}
+	_inheritsLoose(ColorPickerComponent, _VDOM$Component);
 	var _proto2 = ColorPickerComponent.prototype;
 	_proto2.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(props) {
 		var data = props.instance.data;
@@ -11793,10 +11797,10 @@ var ColorPickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var MonthField = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(MonthField, _Field);
 	function MonthField() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(MonthField, _Field);
 	var _proto = MonthField.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -11853,20 +11857,20 @@ var MonthField = /*#__PURE__*/ (function (_Field) {
 			month: "short",
 		};
 		if (!this.range && data.value) {
-			data.date = new Date(data.value);
+			data.date = parseDateInvariant(data.value);
 			data.formatted = this.culture.format(data.date, formatOptions);
 		} else if (this.range && data.from && data.to) {
-			data.from = new Date(data.from);
-			data.to = new Date(data.to);
+			data.from = parseDateInvariant(data.from);
+			data.to = parseDateInvariant(data.to);
 			data.to.setDate(data.to.getDate() - 1);
 			var fromStr = this.culture.format(data.from, formatOptions);
 			var toStr = this.culture.format(data.to, formatOptions);
 			if (fromStr != toStr) data.formatted = fromStr + " - " + toStr;
 			else data.formatted = fromStr;
 		}
-		if (data.refDate) data.refDate = monthStart(new Date(data.refDate));
-		if (data.maxValue) data.maxValue = monthStart(new Date(data.maxValue));
-		if (data.minValue) data.minValue = monthStart(new Date(data.minValue));
+		if (data.refDate) data.refDate = monthStart(parseDateInvariant(data.refDate));
+		if (data.maxValue) data.maxValue = monthStart(parseDateInvariant(data.maxValue));
+		if (data.minValue) data.minValue = monthStart(parseDateInvariant(data.minValue));
 		instance.lastDropdown = context.lastDropdown;
 	};
 	_proto.validateRequired = function validateRequired(context, instance) {
@@ -11966,17 +11970,17 @@ MonthField.prototype.reactOn = "enter blur";
 Localization.registerPrototype("cx/widgets/MonthField", MonthField);
 Widget.alias("monthfield", MonthField);
 var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(MonthInput, _VDOM$Component);
 	function MonthInput(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
-		_this.props.instance.component = _assertThisInitialized(_this);
+		_this.props.instance.component = _this;
 		_this.state = {
 			dropdownOpen: false,
 			focus: false,
 		};
 		return _this;
 	}
+	_inheritsLoose(MonthInput, _VDOM$Component);
 	var _proto2 = MonthInput.prototype;
 	_proto2.getDropdown = function getDropdown() {
 		var _this2 = this;
@@ -12111,10 +12115,10 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 					tabIndex: data.tabIndex,
 					placeholder: data.placeholder,
 					onInput: function onInput(e) {
-						return _this3.onChange(e, "input");
+						return _this3.onChange(e.target.value, "input");
 					},
 					onChange: function onChange(e) {
-						return _this3.onChange(e, "change");
+						return _this3.onChange(e.target.value, "change");
 					},
 					onKeyDown: function onKeyDown(e) {
 						return _this3.onKeyDown(e);
@@ -12171,7 +12175,7 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		switch (e.keyCode) {
 			case KeyCode.enter:
 				e.stopPropagation();
-				this.onChange(e, "enter");
+				this.onChange(e.target.value, "enter");
 				break;
 			case KeyCode.esc:
 				if (this.state.dropdownOpen) {
@@ -12201,7 +12205,7 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 			this.setState({
 				focus: false,
 			});
-		this.onChange(e, "blur");
+		this.onChange(e.target.value, "blur");
 	};
 	_proto2.closeDropdown = function closeDropdown(e, callback) {
 		var _this5 = this;
@@ -12257,13 +12261,16 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		autoFocus(this.input, this);
 	};
 	_proto2.componentWillUnmount = function componentWillUnmount() {
+		if (this.input == getActiveElement()) {
+			this.onChange(this.input.value, "blur");
+		}
 		tooltipParentWillUnmount$1(this.props.instance);
 	};
-	_proto2.onChange = function onChange(e, eventType) {
+	_proto2.onChange = function onChange(inputValue, eventType) {
 		var instance = this.props.instance;
 		var widget = instance.widget;
 		if (widget.reactOn.indexOf(eventType) == -1) return;
-		var parts = e.target.value.split("-");
+		var parts = inputValue.split("-");
 		var date1 = widget.parseDate(parts[0]);
 		var date2 = widget.parseDate(parts[1]) || date1;
 		if ((date1 != null && isNaN(date1)) || (date2 != null && isNaN(date2))) {
@@ -12282,10 +12289,10 @@ var MonthInput = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var ColorField = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(ColorField, _Field);
 	function ColorField() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(ColorField, _Field);
 	var _proto = ColorField.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -12347,7 +12354,6 @@ ColorField.prototype.alwaysShowClear = false;
 Widget.alias("color-field", ColorField);
 Localization.registerPrototype("cx/widgets/ColorField", ColorField);
 var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(ColorInput, _VDOM$Component);
 	function ColorInput(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -12359,6 +12365,7 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(ColorInput, _VDOM$Component);
 	var _proto2 = ColorInput.prototype;
 	_proto2.getDropdown = function getDropdown() {
 		var _this2 = this;
@@ -12503,10 +12510,10 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 						data.inputAttrs,
 						{
 							onInput: function onInput(e) {
-								return _this3.onChange(e, "input");
+								return _this3.onChange(e.target.value, "input");
 							},
 							onChange: function onChange(e) {
-								return _this3.onChange(e, "change");
+								return _this3.onChange(e.target.value, "change");
 							},
 							onKeyDown: function onKeyDown(e) {
 								return _this3.onKeyDown(e);
@@ -12565,7 +12572,7 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		switch (e.keyCode) {
 			case KeyCode.enter:
 				e.stopPropagation();
-				this.onChange(e, "enter");
+				this.onChange(e.target.value, "enter");
 				break;
 			case KeyCode.esc:
 				if (this.state.dropdownOpen) {
@@ -12591,7 +12598,7 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 			this.setState({
 				focus: false,
 			});
-		this.onChange(e, "blur");
+		this.onChange(e.target.value, "blur");
 	};
 	_proto2.closeDropdown = function closeDropdown(e, callback) {
 		var _this5 = this;
@@ -12639,6 +12646,9 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		if (this.props.instance.widget.autoFocus && !isTouchDevice()) this.input.focus();
 	};
 	_proto2.componentWillUnmount = function componentWillUnmount() {
+		if (this.input == getActiveElement()) {
+			this.onChange(this.input.value, "blur");
+		}
 		tooltipParentWillUnmount$1(this.props.instance);
 	};
 	_proto2.onClearClick = function onClearClick(e) {
@@ -12650,25 +12660,25 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		e.stopPropagation();
 		e.preventDefault();
 	};
-	_proto2.onChange = function onChange(e, eventType) {
+	_proto2.onChange = function onChange(inputValue, eventType) {
 		var _this$props2 = this.props,
 			instance = _this$props2.instance,
 			data = _this$props2.data;
 		var widget = instance.widget;
-		if (eventType == "blur")
+		if (eventType == "blur") {
 			instance.setState({
 				visited: true,
 			});
-		var text = e.target.value;
+		}
 		var isValid;
 		try {
-			parseColor(text);
+			parseColor(inputValue);
 			isValid = true;
 		} catch (e) {
 			isValid = false;
 		}
 		if (eventType == "blur" || eventType == "enter") {
-			var value = text || widget.emptyValue;
+			var value = inputValue || widget.emptyValue;
 			if (isValid && value !== data.value) instance.set("value", value);
 			instance.setState({
 				inputError: !isValid && "Invalid color entered.",
@@ -12679,10 +12689,10 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var UploadButton = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(UploadButton, _Field);
 	function UploadButton() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(UploadButton, _Field);
 	var _proto = UploadButton.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -12721,7 +12731,6 @@ UploadButton.prototype.abortOnDestroy = false;
 UploadButton.prototype.uploadInProgressText = "Upload is in progress.";
 Localization.registerPrototype("cx/widgets/UploadButton", UploadButton);
 var UploadButtonComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(UploadButtonComponent, _VDOM$Component);
 	function UploadButtonComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -12732,6 +12741,7 @@ var UploadButtonComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(UploadButtonComponent, _VDOM$Component);
 	var _proto2 = UploadButtonComponent.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -12887,10 +12897,10 @@ var UploadButtonComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 Widget.alias("upload-button", UploadButton);
 
 var Slider = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(Slider, _Field);
 	function Slider() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Slider, _Field);
 	var _proto = Slider.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -12963,7 +12973,6 @@ Slider.prototype.wheel = false;
 Slider.prototype.invert = false;
 Widget.alias("slider", Slider);
 var SliderComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(SliderComponent, _VDOM$Component);
 	function SliderComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -12975,6 +12984,7 @@ var SliderComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(SliderComponent, _VDOM$Component);
 	var _proto2 = SliderComponent.prototype;
 	_proto2.render = function render() {
 		var _extends2,
@@ -13329,10 +13339,10 @@ var SliderComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var Switch = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(Switch, _Field);
 	function Switch() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Switch, _Field);
 	var _proto = Switch.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -13460,10 +13470,10 @@ Switch.prototype.focusOnMouseDown = false;
 Widget.alias("switch", Switch);
 
 var Wheel = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(Wheel, _PureContainer);
 	function Wheel() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Wheel, _PureContainer);
 	var _proto = Wheel.prototype;
 	_proto.declareData = function declareData() {
 		var _PureContainer$protot;
@@ -13518,7 +13528,6 @@ Wheel.prototype.baseClass = "wheel";
 Wheel.prototype.size = 3;
 Wheel.prototype.styled = true;
 var WheelComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(WheelComponent, _VDOM$Component);
 	function WheelComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -13530,10 +13539,11 @@ var WheelComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		_this.scrollRef = function (el) {
 			_this.scrollEl = el;
 		};
-		_this.onWheel = _this.onWheel.bind(_assertThisInitialized(_this));
-		_this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this));
+		_this.onWheel = _this.onWheel.bind(_this);
+		_this.onKeyDown = _this.onKeyDown.bind(_this);
 		return _this;
 	}
+	_inheritsLoose(WheelComponent, _VDOM$Component);
 	var _proto2 = WheelComponent.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -13725,7 +13735,7 @@ var WheelComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 	_proto2.scrollTo = function scrollTo() {
 		var _this4 = this;
 		var size = this.props.size;
-		var callback = function callback() {
+		var _callback = function callback() {
 			if (!_this4.scrolling) return;
 			var x = (_this4.index * _this4.state.wheelHeight) / size;
 			var delta = Math.round(x - _this4.scrollEl.scrollTop);
@@ -13737,11 +13747,11 @@ var WheelComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			delta = Math.abs(delta) / 10;
 			if (delta < 1) delta = 1;
 			_this4.scrollEl.scrollTop += sign * delta;
-			requestAnimationFrame(callback);
+			requestAnimationFrame(_callback);
 		};
 		if (!this.scrolling) {
 			this.scrolling = true;
-			requestAnimationFrame(callback);
+			requestAnimationFrame(_callback);
 		}
 	};
 	return WheelComponent;
@@ -13749,10 +13759,10 @@ var WheelComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 
 enableCultureSensitiveFormatting();
 var DateTimePicker = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(DateTimePicker, _Widget);
 	function DateTimePicker() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(DateTimePicker, _Widget);
 	var _proto = DateTimePicker.prototype;
 	_proto.declareData = function declareData() {
 		var _Widget$prototype$dec;
@@ -13786,21 +13796,20 @@ DateTimePicker.prototype.autoFocus = false;
 DateTimePicker.prototype.segment = "datetime";
 DateTimePicker.prototype.showSeconds = false;
 var DateTimePickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(DateTimePickerComponent, _VDOM$Component);
 	function DateTimePickerComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
-		var date = props.data.value ? new Date(props.data.value) : new Date();
+		var date = props.data.value ? parseDateInvariant(props.data.value) : new Date();
 		if (isNaN(date.getTime())) date = new Date();
 		_this.state = {
 			date: date,
 			activeWheel: null,
 		};
 		var widget = props.instance.widget;
-		_this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
-		_this.onFocus = _this.onFocus.bind(_assertThisInitialized(_this));
-		_this.onBlur = _this.onBlur.bind(_assertThisInitialized(_this));
-		_this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this));
+		_this.handleChange = _this.handleChange.bind(_this);
+		_this.onFocus = _this.onFocus.bind(_this);
+		_this.onBlur = _this.onBlur.bind(_this);
+		_this.onKeyDown = _this.onKeyDown.bind(_this);
 		var showDate = props.segment.indexOf("date") !== -1;
 		var showTime = props.segment.indexOf("time") !== -1;
 		_this.wheels = {
@@ -13814,9 +13823,10 @@ var DateTimePickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		_this.keyDownPipes = {};
 		return _this;
 	}
+	_inheritsLoose(DateTimePickerComponent, _VDOM$Component);
 	var _proto2 = DateTimePickerComponent.prototype;
 	_proto2.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(props) {
-		var date = props.data.value ? new Date(props.data.value) : new Date();
+		var date = props.data.value ? parseDateInvariant(props.data.value) : new Date();
 		if (isNaN(date.getTime())) date = new Date();
 		this.setState({
 			date: date,
@@ -14290,10 +14300,10 @@ var TimeList = createFunctionalComponent(function (_ref) {
 });
 
 var DateTimeField = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(DateTimeField, _Field);
 	function DateTimeField() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(DateTimeField, _Field);
 	var _proto = DateTimeField.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -14340,7 +14350,9 @@ var DateTimeField = /*#__PURE__*/ (function (_Field) {
 	_proto.prepareData = function prepareData(context, instance) {
 		var data = instance.data;
 		if (data.value) {
-			var date = new Date(data.value);
+			var date = parseDateInvariant(data.value);
+			//  let date = new Date(data.value);
+
 			if (isNaN(date.getTime())) data.formatted = String(data.value);
 			else {
 				// handle utc edge cases
@@ -14349,9 +14361,9 @@ var DateTimeField = /*#__PURE__*/ (function (_Field) {
 			}
 			data.date = date;
 		} else data.formatted = "";
-		if (data.refDate) data.refDate = zeroTime(new Date(data.refDate));
-		if (data.maxValue) data.maxValue = new Date(data.maxValue);
-		if (data.minValue) data.minValue = new Date(data.minValue);
+		if (data.refDate) data.refDate = zeroTime(parseDateInvariant(data.refDate));
+		if (data.maxValue) data.maxValue = parseDateInvariant(data.maxValue);
+		if (data.minValue) data.minValue = parseDateInvariant(data.minValue);
 		if (this.segment == "date") {
 			if (data.minValue) data.minValue = zeroTime(data.minValue);
 			if (data.maxValue) data.maxValue = zeroTime(data.maxValue);
@@ -14446,17 +14458,17 @@ DateTimeField.prototype.focusInputFirst = false;
 Widget.alias("datetimefield", DateTimeField);
 Localization.registerPrototype("cx/widgets/DateTimeField", DateTimeField);
 var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(DateTimeInput, _VDOM$Component);
 	function DateTimeInput(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
-		props.instance.component = _assertThisInitialized(_this);
+		props.instance.component = _this;
 		_this.state = {
 			dropdownOpen: false,
 			focus: false,
 		};
 		return _this;
 	}
+	_inheritsLoose(DateTimeInput, _VDOM$Component);
 	var _proto2 = DateTimeInput.prototype;
 	_proto2.getDropdown = function getDropdown() {
 		var _this2 = this;
@@ -14631,10 +14643,10 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 						data.inputAttrs,
 						{
 							onInput: function onInput(e) {
-								return _this3.onChange(e, "input");
+								return _this3.onChange(e.target.value, "input");
 							},
 							onChange: function onChange(e) {
-								return _this3.onChange(e, "change");
+								return _this3.onChange(e.target.value, "change");
 							},
 							onKeyDown: function onKeyDown(e) {
 								return _this3.onKeyDown(e);
@@ -14696,7 +14708,7 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		if (instance.widget.handleKeyDown(e, instance) === false) return;
 		switch (e.keyCode) {
 			case KeyCode.enter:
-				this.onChange(e, "enter");
+				this.onChange(e.target.value, "enter");
 				break;
 			case KeyCode.esc:
 				if (this.state.dropdownOpen) {
@@ -14727,7 +14739,7 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 			this.setState({
 				focus: false,
 			});
-		this.onChange(e, "blur");
+		this.onChange(e.target.value, "blur");
 	};
 	_proto2.closeDropdown = function closeDropdown(e, callback) {
 		var _this5 = this;
@@ -14783,9 +14795,12 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		autoFocus(this.input, this);
 	};
 	_proto2.componentWillUnmount = function componentWillUnmount() {
+		if (this.input == getActiveElement()) {
+			this.onChange(this.input.value, "blur");
+		}
 		tooltipParentWillUnmount$1(this.props.instance);
 	};
-	_proto2.onChange = function onChange(e, eventType) {
+	_proto2.onChange = function onChange(inputValue, eventType) {
 		var _this$props2 = this.props,
 			instance = _this$props2.instance,
 			data = _this$props2.data;
@@ -14796,7 +14811,7 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 			instance.setState({
 				visited: true,
 			});
-		this.setValue(e.target.value, data.value);
+		this.setValue(inputValue, data.value);
 	};
 	_proto2.setValue = function setValue(text, baseValue) {
 		var _this$props3 = this.props,
@@ -14808,7 +14823,7 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 			inputError: isNaN(date) && widget.inputErrorText,
 		});
 		if (!isNaN(date)) {
-			var mixed = new Date(baseValue);
+			var mixed = parseDateInvariant(baseValue);
 			if (date && baseValue && !isNaN(mixed) && widget.partial) {
 				switch (widget.segment) {
 					case "date":
@@ -14836,10 +14851,10 @@ var DateTimeInput = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var DateField = /*#__PURE__*/ (function (_DateTimeField) {
-	_inheritsLoose(DateField, _DateTimeField);
 	function DateField() {
 		return _DateTimeField.apply(this, arguments) || this;
 	}
+	_inheritsLoose(DateField, _DateTimeField);
 	return DateField;
 })(DateTimeField);
 DateField.prototype.picker = "calendar";
@@ -14848,10 +14863,10 @@ Widget.alias("datefield", DateField);
 Localization.registerPrototype("cx/widgets/DateField", DateField);
 
 var TimeField = /*#__PURE__*/ (function (_DateTimeField) {
-	_inheritsLoose(TimeField, _DateTimeField);
 	function TimeField() {
 		return _DateTimeField.apply(this, arguments) || this;
 	}
+	_inheritsLoose(TimeField, _DateTimeField);
 	return TimeField;
 })(DateTimeField);
 TimeField.prototype.segment = "time";
@@ -14859,10 +14874,10 @@ Widget.alias("timefield", TimeField);
 Localization.registerPrototype("cx/widgets/TimeField", TimeField);
 
 var Validator = /*#__PURE__*/ (function (_Field) {
-	_inheritsLoose(Validator, _Field);
 	function Validator() {
 		return _Field.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Validator, _Field);
 	var _proto = Validator.prototype;
 	_proto.declareData = function declareData() {
 		var _Field$prototype$decl;
@@ -14906,10 +14921,10 @@ var DropDownIcon = registerIcon(
 );
 
 var GridCell = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(GridCell, _PureContainer);
 	function GridCell() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(GridCell, _PureContainer);
 	var _proto = GridCell.prototype;
 	_proto.declareData = function declareData() {
 		var _PureContainer$protot;
@@ -14979,10 +14994,10 @@ GridCell.prototype.styled = true;
 GridCell.prototype.fixed = false;
 
 var GridRowLine = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(GridRowLine, _Container);
 	function GridRowLine() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(GridRowLine, _Container);
 	var _proto = GridRowLine.prototype;
 	_proto.init = function init() {
 		this.items = Widget.create(GridCell, this.columns || [], {
@@ -15004,10 +15019,10 @@ var GridRowLine = /*#__PURE__*/ (function (_Container) {
 GridRowLine.prototype.styled = true;
 
 var GridRow = /*#__PURE__*/ (function (_ValidationGroup) {
-	_inheritsLoose(GridRow, _ValidationGroup);
 	function GridRow() {
 		return _ValidationGroup.apply(this, arguments) || this;
 	}
+	_inheritsLoose(GridRow, _ValidationGroup);
 	var _proto = GridRow.prototype;
 	_proto.declareData = function declareData() {
 		var _ValidationGroup$prot;
@@ -15048,15 +15063,14 @@ var GridRow = /*#__PURE__*/ (function (_ValidationGroup) {
 GridRow.prototype.styled = true; //styles used on the wrapper component
 
 var GridRowComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(GridRowComponent, _VDOM$Component);
 	function GridRowComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
-		_this.onMouseMove = _this.onMouseMove.bind(_assertThisInitialized(_this));
-		_this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_this));
-		_this.onMouseLeave = _this.onMouseLeave.bind(_assertThisInitialized(_this));
-		_this.onClick = _this.onClick.bind(_assertThisInitialized(_this));
-		_this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this));
+		_this.onMouseMove = _this.onMouseMove.bind(_this);
+		_this.onMouseDown = _this.onMouseDown.bind(_this);
+		_this.onMouseLeave = _this.onMouseLeave.bind(_this);
+		_this.onClick = _this.onClick.bind(_this);
+		_this.onKeyDown = _this.onKeyDown.bind(_this);
 		var grid = props.grid,
 			instance = props.instance;
 		if (grid.widget.onRowDoubleClick)
@@ -15076,6 +15090,7 @@ var GridRowComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			};
 		return _this;
 	}
+	_inheritsLoose(GridRowComponent, _VDOM$Component);
 	var _proto2 = GridRowComponent.prototype;
 	_proto2.render = function render() {
 		var _this$props = this.props,
@@ -15239,10 +15254,10 @@ var GridRowComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var GridCellEditor = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(GridCellEditor, _Container);
 	function GridCellEditor() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(GridCellEditor, _Container);
 	var _proto = GridCellEditor.prototype;
 	_proto.render = function render(context, instance, key) {
 		var data = instance.data;
@@ -15260,10 +15275,10 @@ var GridCellEditor = /*#__PURE__*/ (function (_Container) {
 })(Container);
 GridCellEditor.prototype.styled = true;
 var GridCellEditorCmp = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(GridCellEditorCmp, _VDOM$Component);
 	function GridCellEditorCmp() {
 		return _VDOM$Component.apply(this, arguments) || this;
 	}
+	_inheritsLoose(GridCellEditorCmp, _VDOM$Component);
 	var _proto2 = GridCellEditorCmp.prototype;
 	_proto2.render = function render() {
 		var _this = this;
@@ -15290,10 +15305,10 @@ var GridCellEditorCmp = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var Grid = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(Grid, _Container);
 	function Grid() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Grid, _Container);
 	var _proto = Grid.prototype;
 	_proto.declareData = function declareData() {
 		var _Container$prototype$;
@@ -16483,7 +16498,6 @@ Grid.prototype.allowsFileDrops = false;
 Widget.alias("grid", Grid);
 Localization.registerPrototype("cx/widgets/Grid", Grid);
 var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(GridComponent, _VDOM$Component);
 	function GridComponent(props) {
 		var _this4;
 		_this4 = _VDOM$Component.call(this, props) || this;
@@ -16516,6 +16530,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this4;
 	}
+	_inheritsLoose(GridComponent, _VDOM$Component);
 	var _proto2 = GridComponent.prototype;
 	_proto2.getBufferStartEnd = function getBufferStartEnd() {
 		//{start, end};
@@ -18235,10 +18250,10 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 	return GridComponent;
 })(VDOM.Component);
 var GridColumnHeaderLine = /*#__PURE__*/ (function (_PureContainer) {
-	_inheritsLoose(GridColumnHeaderLine, _PureContainer);
 	function GridColumnHeaderLine() {
 		return _PureContainer.apply(this, arguments) || this;
 	}
+	_inheritsLoose(GridColumnHeaderLine, _PureContainer);
 	var _proto3 = GridColumnHeaderLine.prototype;
 	_proto3.declareData = function declareData() {
 		var _PureContainer$protot;
@@ -18278,10 +18293,10 @@ GridColumnHeaderLine.prototype.styled = true;
 GridColumnHeaderLine.prototype.showHeader = true;
 GridColumnHeaderLine.autoInit = true;
 var GridColumnHeader = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(GridColumnHeader, _Widget);
 	function GridColumnHeader() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(GridColumnHeader, _Widget);
 	var _proto4 = GridColumnHeader.prototype;
 	_proto4.declareData = function declareData() {
 		var _Widget$prototype$dec;
@@ -18363,10 +18378,10 @@ var GridColumnHeader = /*#__PURE__*/ (function (_Widget) {
 })(Widget);
 GridColumnHeader.autoInit = true;
 var GridColumnHeaderCell = /*#__PURE__*/ (function (_PureContainer2) {
-	_inheritsLoose(GridColumnHeaderCell, _PureContainer2);
 	function GridColumnHeaderCell() {
 		return _PureContainer2.apply(this, arguments) || this;
 	}
+	_inheritsLoose(GridColumnHeaderCell, _PureContainer2);
 	var _proto5 = GridColumnHeaderCell.prototype;
 	_proto5.declareData = function declareData() {
 		var _PureContainer2$proto;
@@ -18546,10 +18561,10 @@ function getDragDropEvent(ev) {
 }
 
 var TreeNode = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(TreeNode, _Container);
 	function TreeNode() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(TreeNode, _Container);
 	var _proto = TreeNode.prototype;
 	_proto.init = function init() {
 		if (this.itemIcon) this.leafIcon = this.itemIcon;
@@ -18656,10 +18671,10 @@ TreeNode.prototype.hideIcon = false;
 Widget.alias("treenode", TreeNode);
 
 var Pagination = /*#__PURE__*/ (function (_Widget) {
-	_inheritsLoose(Pagination, _Widget);
 	function Pagination() {
 		return _Widget.apply(this, arguments) || this;
 	}
+	_inheritsLoose(Pagination, _Widget);
 	var _proto = Pagination.prototype;
 	_proto.declareData = function declareData() {
 		var _Widget$prototype$dec;
@@ -18764,10 +18779,10 @@ Pagination.prototype.styled = true;
 Widget.alias("pagination", Pagination);
 
 var DragSource = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(DragSource, _Container);
 	function DragSource() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(DragSource, _Container);
 	var _proto = DragSource.prototype;
 	_proto.init = function init() {
 		this.cloneStyle = parseStyle(this.cloneStyle);
@@ -18826,21 +18841,21 @@ DragSource.prototype.hideOnDrag = false;
 DragSource.prototype.handled = false;
 Widget.alias("dragsource", DragSource);
 var DragSourceComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(DragSourceComponent, _VDOM$Component);
 	function DragSourceComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
 		_this.state = {
 			dragged: false,
 		};
-		_this.beginDragDrop = _this.beginDragDrop.bind(_assertThisInitialized(_this));
-		_this.onMouseMove = _this.onMouseMove.bind(_assertThisInitialized(_this));
-		_this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_this));
+		_this.beginDragDrop = _this.beginDragDrop.bind(_this);
+		_this.onMouseMove = _this.onMouseMove.bind(_this);
+		_this.onMouseDown = _this.onMouseDown.bind(_this);
 		_this.setRef = function (el) {
 			_this.el = el;
 		};
 		return _this;
 	}
+	_inheritsLoose(DragSourceComponent, _VDOM$Component);
 	var _proto2 = DragSourceComponent.prototype;
 	_proto2.render = function render() {
 		var _this$props = this.props,
@@ -18943,10 +18958,10 @@ var DragSourceComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 })(VDOM.Component);
 
 var DragHandle = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(DragHandle, _Container);
 	function DragHandle() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(DragHandle, _Container);
 	var _proto = DragHandle.prototype;
 	_proto.explore = function explore(context, instance) {
 		if (isArray(context.dragHandles)) context.dragHandles.push(instance);
@@ -18977,10 +18992,10 @@ DragHandle.prototype.baseClass = "draghandle";
 Widget.alias("draghandle", DragHandle);
 
 var DropZone = /*#__PURE__*/ (function (_Container) {
-	_inheritsLoose(DropZone, _Container);
 	function DropZone() {
 		return _Container.apply(this, arguments) || this;
 	}
+	_inheritsLoose(DropZone, _Container);
 	var _proto = DropZone.prototype;
 	_proto.init = function init() {
 		this.overStyle = parseStyle(this.overStyle);
@@ -19042,7 +19057,6 @@ DropZone.prototype.vinflate = 0;
 DropZone.prototype.baseClass = "dropzone";
 Widget.alias("dropzone", DropZone);
 var DropZoneComponent = /*#__PURE__*/ (function (_VDOM$Component) {
-	_inheritsLoose(DropZoneComponent, _VDOM$Component);
 	function DropZoneComponent(props) {
 		var _this;
 		_this = _VDOM$Component.call(this, props) || this;
@@ -19051,6 +19065,7 @@ var DropZoneComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(DropZoneComponent, _VDOM$Component);
 	var _proto2 = DropZoneComponent.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -19218,6 +19233,7 @@ export {
 	HighlightedSearchText,
 	HtmlElement,
 	Icon,
+	Label,
 	LabeledContainer,
 	Link,
 	LinkButton,