cx 24.3.7 → 24.3.9

package/dist/widgets.js

@@ -62,10 +62,10 @@ export {
 import {
 	isTouchEvent,
 	debug,
-	isUndefined,
 	isString,
 	isDefined,
 	isArray,
+	isUndefined,
 	isFunction,
 	isNumber,
 	isComponentFactory,
@@ -182,12 +182,6 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 	}
 	return target;
 }
-function _assertThisInitialized(self) {
-	if (self === void 0) {
-		throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-	}
-	return self;
-}
 
 var impl$1 = false;
 function tooltipMouseMove$1(e, parentInstance, tooltip, options) {
@@ -228,14 +222,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 +395,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 +407,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 +956,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 +1008,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 +1117,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 +1179,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 +1360,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 +1369,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 +1725,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 +1757,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 +1818,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 +1860,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 +1893,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 +2021,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 +2109,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;
@@ -2320,10 +2314,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;
@@ -2363,7 +2357,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;
@@ -2373,6 +2366,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;
@@ -2489,10 +2483,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;
@@ -2820,10 +2814,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(
@@ -2839,10 +2833,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;
@@ -3039,10 +3033,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", {
@@ -3072,7 +3066,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;
@@ -3080,6 +3073,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,
@@ -3504,10 +3498,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) {
@@ -4069,10 +4063,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;
@@ -4338,10 +4332,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;
@@ -4455,10 +4449,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;
@@ -4711,10 +4705,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)
@@ -4804,10 +4798,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;
@@ -4836,10 +4830,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;
@@ -4875,10 +4869,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;
@@ -4976,10 +4970,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;
@@ -5010,10 +5004,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;
@@ -5087,10 +5081,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);
@@ -5190,20 +5184,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;
@@ -5290,7 +5284,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;
@@ -5299,6 +5292,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
@@ -5620,10 +5614,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 {
@@ -5637,10 +5631,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";
@@ -5721,7 +5715,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;
@@ -5734,6 +5727,7 @@ var MenuComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(MenuComponent, _VDOM$Component);
 	var _proto2 = MenuComponent.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -5932,7 +5926,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;
@@ -5941,6 +5934,7 @@ var MenuItemComponent = /*#__PURE__*/ (function (_VDOM$Component2) {
 		};
 		return _this5;
 	}
+	_inheritsLoose(MenuItemComponent, _VDOM$Component2);
 	var _proto3 = MenuItemComponent.prototype;
 	_proto3.render = function render() {
 		var _this6 = this;
@@ -6031,18 +6025,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
@@ -6080,7 +6074,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;
@@ -6104,6 +6097,7 @@ var HScrollerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(HScrollerComponent, _VDOM$Component);
 	var _proto2 = HScrollerComponent.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -6256,27 +6250,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 (
@@ -6323,10 +6317,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";
@@ -6334,10 +6328,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;
@@ -6419,10 +6413,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;
@@ -6468,10 +6462,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;
@@ -6881,10 +6875,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;
@@ -6953,7 +6947,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;
@@ -6962,6 +6955,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;
@@ -7193,10 +7187,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;
@@ -7346,7 +7340,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;
@@ -7355,6 +7348,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({
@@ -7423,10 +7417,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;
@@ -7574,7 +7568,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;
@@ -7583,6 +7576,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({
@@ -7635,10 +7629,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;
@@ -7708,7 +7702,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;
@@ -7718,6 +7711,7 @@ var SelectComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this2;
 	}
+	_inheritsLoose(SelectComponent, _VDOM$Component);
 	var _proto2 = SelectComponent.prototype;
 	_proto2.render = function render() {
 		var _this3 = this;
@@ -7883,10 +7877,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;
@@ -7952,10 +7946,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;
@@ -8086,7 +8080,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;
@@ -8100,10 +8093,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
@@ -8492,10 +8486,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;
@@ -8778,7 +8772,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;
@@ -8786,6 +8779,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;
@@ -8799,7 +8793,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;
@@ -8819,6 +8812,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
@@ -9762,10 +9756,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;
@@ -9876,7 +9870,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;
@@ -9885,6 +9878,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;
@@ -10207,10 +10201,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$;
@@ -10252,7 +10246,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;
@@ -10261,6 +10254,7 @@ var Input = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(Input, _VDOM$Component);
 	var _proto2 = Input.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -10409,10 +10403,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;
@@ -10475,19 +10469,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;
@@ -10544,10 +10538,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;
@@ -10670,7 +10664,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;
@@ -10687,14 +10680,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;
@@ -11258,10 +11252,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;
@@ -11329,7 +11323,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;
@@ -11342,6 +11335,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;
@@ -11815,10 +11809,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;
@@ -11988,17 +11982,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;
@@ -12307,10 +12301,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;
@@ -12372,7 +12366,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;
@@ -12384,6 +12377,7 @@ var ColorInput = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(ColorInput, _VDOM$Component);
 	var _proto2 = ColorInput.prototype;
 	_proto2.getDropdown = function getDropdown() {
 		var _this2 = this;
@@ -12707,10 +12701,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;
@@ -12749,7 +12743,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;
@@ -12760,6 +12753,7 @@ var UploadButtonComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(UploadButtonComponent, _VDOM$Component);
 	var _proto2 = UploadButtonComponent.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;
@@ -12915,10 +12909,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;
@@ -12991,7 +12985,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;
@@ -13003,6 +12996,7 @@ var SliderComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(SliderComponent, _VDOM$Component);
 	var _proto2 = SliderComponent.prototype;
 	_proto2.render = function render() {
 		var _extends2,
@@ -13357,10 +13351,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;
@@ -13488,10 +13482,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;
@@ -13546,7 +13540,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;
@@ -13558,10 +13551,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;
@@ -13777,10 +13771,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;
@@ -13814,7 +13808,6 @@ 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;
@@ -13825,10 +13818,10 @@ var DateTimePickerComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 			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 = {
@@ -13842,6 +13835,7 @@ 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();
@@ -14318,10 +14312,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;
@@ -14474,17 +14468,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;
@@ -14867,10 +14861,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";
@@ -14879,10 +14873,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";
@@ -14890,10 +14884,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;
@@ -14937,10 +14931,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;
@@ -15010,10 +15004,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 || [], {
@@ -15035,10 +15029,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;
@@ -15079,15 +15073,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)
@@ -15107,6 +15100,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,
@@ -15270,10 +15264,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;
@@ -15291,10 +15285,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;
@@ -15321,10 +15315,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$;
@@ -16190,9 +16184,9 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 								colSpan++;
 						}
 						if (colSpan > 1) skip = colSpan - 1;
-					} else if (c.aggregate && c.aggregateAlias && c.caption !== false) {
+					} else if (c.aggregate && c.aggregateAliasGetter && c.caption !== false) {
 						empty = false;
-						v = group[c.aggregateAlias];
+						v = c.aggregateAliasGetter(group);
 						if (isString(ci.data.format)) v = Format.value(v, ci.data.format);
 					}
 					if (cls) cls += " ";
@@ -16282,9 +16276,9 @@ var Grid = /*#__PURE__*/ (function (_Container) {
 							colSpan++;
 					}
 					if (colSpan > 1) skip = colSpan - 1;
-				} else if (c.aggregate && c.aggregateAlias && c.footer !== false) {
+				} else if (c.aggregate && c.aggregateAliasGetter && c.footer !== false) {
 					empty = false;
-					v = group[c.aggregateAlias];
+					v = c.aggregateAliasGetter(group);
 					if (isString(ci.data.format)) v = Format.value(v, ci.data.format);
 				}
 				if (cls) cls += " ";
@@ -16521,7 +16515,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;
@@ -16555,6 +16548,7 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this4;
 	}
+	_inheritsLoose(GridComponent, _VDOM$Component);
 	var _proto2 = GridComponent.prototype;
 	_proto2.getBufferStartEnd = function getBufferStartEnd() {
 		//{start, end};
@@ -16921,20 +16915,22 @@ var GridComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 				},
 				"dropzone",
 			);
+			var dataRecordClass = CSS.element(baseClass, "data");
 			var isDataRecord = widget.buffered
 				? function (item) {
 						var _item$props;
 						return (
-							((_item$props = item.props) == null ||
+							(item == null ||
+							(_item$props = item.props) == null ||
 							(_item$props = _item$props.instance) == null ||
 							(_item$props = _item$props.data) == null
 								? void 0
-								: _item$props["class"]) == "cxe-grid-data"
+								: _item$props["class"]) == dataRecordClass
 						);
 					}
 				: function (item) {
 						var _item$props2;
-						return (_item$props2 = item.props) == null || (_item$props2 = _item$props2.record) == null
+						return item == null || (_item$props2 = item.props) == null || (_item$props2 = _item$props2.record) == null
 							? void 0
 							: _item$props2.type;
 					};
@@ -18321,10 +18317,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;
@@ -18364,10 +18360,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;
@@ -18408,6 +18404,7 @@ var GridColumnHeader = /*#__PURE__*/ (function (_Widget) {
 			};
 		if (!this.aggregateField && this.field) this.aggregateField = this.field;
 		if (!this.aggregateAlias) this.aggregateAlias = this.aggregateField;
+		if (this.aggregateAlias) this.aggregateAliasGetter = Binding.get(this.aggregateAlias).value;
 		if (this.footer && isSelector(this.footer))
 			this.footer = {
 				value: this.footer,
@@ -18454,10 +18451,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;
@@ -18637,10 +18634,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;
@@ -18747,10 +18744,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;
@@ -18855,10 +18852,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);
@@ -18917,21 +18914,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,
@@ -19034,10 +19031,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);
@@ -19068,10 +19065,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);
@@ -19133,7 +19130,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;
@@ -19142,6 +19138,7 @@ var DropZoneComponent = /*#__PURE__*/ (function (_VDOM$Component) {
 		};
 		return _this;
 	}
+	_inheritsLoose(DropZoneComponent, _VDOM$Component);
 	var _proto2 = DropZoneComponent.prototype;
 	_proto2.render = function render() {
 		var _this2 = this;