easy-layout 5.0.101 → 5.0.106

package/lib/example/div/splitter/vertical/left.js

@@ -128,4 +128,4 @@ _defineProperty(LeftVerticalSplitterDiv, "defaultProperties", {
 var _default = (0, _easyWithStyle).default(LeftVerticalSplitterDiv)(_templateObject());
 exports.default = _default;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0LmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgIC8vL1xuXG5pbXBvcnQgeyBWZXJ0aWNhbFNwbGl0dGVyRGl2IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2luZGV4XCI7IC8vL1xuXG5jbGFzcyBMZWZ0VmVydGljYWxTcGxpdHRlckRpdiBleHRlbmRzIFZlcnRpY2FsU3BsaXR0ZXJEaXYge1xuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcImxlZnRcIlxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoTGVmdFZlcnRpY2FsU3BsaXR0ZXJEaXYpYFxuXG4gIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuXG5gO1xuIl0sIm5hbWVzIjpbIkxlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiVmVydGljYWxTcGxpdHRlckRpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxDQUFZLFdBQUEsQ0FBQzs7O0VBQWI7d0JBQUE7QUFFc0IsR0FBaUIsQ0FBakIsY0FBaUI7QUFFSCxHQUFtQixDQUFuQixNQUFtQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztVQUp2RDs7d0JBQUE7Ozs7Ozs7S0FBQTs7Ozs7Ozs7Ozs7OztNQUFBO3lEQUFBOzs7Ozs7Ozs7Ozs7Ozs7dUJBQUE7O0tBQUE7Ozs7OzhCQUFBOzs7Ozs7Ozs7MkJBQUE7Ozs7Ozs7O3FGQUFBOzs7Ozs7Ozs7Ozs7bUVBQUE7O2lEQUFBOzs7Ozs7O1FBWWtELENBSWxEOzs7O0tBaEJBOzs7QUFNQSxHQUFLLENBQUNBLHVCQUF1QixpQkFBN0IsUUFBUTsyREFOUjs7YUFNTUEsdUJBQXVCO3NEQU43Qjs7OztFQU1zQ0MsTUFBbUI7Z0JBQW5ERCx1QkFBdUIsRUFDcEJFLENBQWlCLG9CQUFHLENBQUM7SUFDMUJDLFNBQVMsRUFBRSxDQUFNO0FBQ25CLENBQUMsQ0FUSDttQkFZZUMsY0FBUyxVQUFDSix1QkFBdUI7MEJBWmhEIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0LmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgIC8vL1xuXG5pbXBvcnQgeyBWZXJ0aWNhbFNwbGl0dGVyRGl2IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2luZGV4XCI7IC8vL1xuXG5jbGFzcyBMZWZ0VmVydGljYWxTcGxpdHRlckRpdiBleHRlbmRzIFZlcnRpY2FsU3BsaXR0ZXJEaXYge1xuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcImxlZnRcIlxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoTGVmdFZlcnRpY2FsU3BsaXR0ZXJEaXYpYFxuXG4gIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuXG5gO1xuIl0sIm5hbWVzIjpbIkxlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiVmVydGljYWxTcGxpdHRlckRpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7O0FBRVMsSUFBQSxjQUFpQixrQ0FBakIsaUJBQWlCLEVBQUE7QUFFSCxJQUFBLE1BQW1CLFdBQW5CLG1CQUFtQixDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXZELElBQUEsQUFBTUEsdUJBQXVCLGlCQU0xQixBQU5IOzs7YUFBTUEsdUJBQXVCOzs7OztDQUk1QixDQUpxQ0MsTUFBbUIsb0JBQUEsQ0FJeEQ7QUFIQyxnQkFESUQsdUJBQXVCLEVBQ3BCRSxtQkFBaUIsRUFBRztJQUN6QkMsU0FBUyxFQUFFLE1BQU07Q0FDbEIsQ0FBQztlQUdXQyxDQUFBQSxHQUFBQSxjQUFTLEFBQXlCLENBQUEsUUFBekIsQ0FBQ0osdUJBQXVCLENBQUMifQ==

package/lib/example/div/splitter/vertical/right.js

@@ -128,4 +128,4 @@ _defineProperty(RightVerticalSplitterDiv, "defaultProperties", {
 var _default = (0, _easyWithStyle).default(RightVerticalSplitterDiv)(_templateObject());
 exports.default = _default;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IHsgVmVydGljYWxTcGxpdHRlckRpdiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiOyAgLy8vXG5cbmNsYXNzIFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdiBleHRlbmRzIFZlcnRpY2FsU3BsaXR0ZXJEaXYge1xuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcInJpZ2h0XCJcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdilgXG5cbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG5cbmA7XG4iXSwibmFtZXMiOlsiUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiVmVydGljYWxTcGxpdHRlckRpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxDQUFZLFdBQUEsQ0FBQzs7O0VBQWI7d0JBQUE7QUFFc0IsR0FBaUIsQ0FBakIsY0FBaUI7QUFFSCxHQUFtQixDQUFuQixNQUFtQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztVQUp2RDs7d0JBQUE7Ozs7Ozs7S0FBQTs7Ozs7Ozs7Ozs7OztNQUFBO3lEQUFBOzs7Ozs7Ozs7Ozs7Ozs7dUJBQUE7O0tBQUE7Ozs7OzhCQUFBOzs7Ozs7Ozs7MkJBQUE7Ozs7Ozs7O3FGQUFBOzs7Ozs7Ozs7Ozs7bUVBQUE7O2lEQUFBOzs7Ozs7O1FBWW1ELENBSW5EOzs7O0tBaEJBOzs7QUFNQSxHQUFLLENBQUNBLHdCQUF3QixpQkFBOUIsUUFBUTs0REFOUjs7YUFNTUEsd0JBQXdCO3VEQU45Qjs7OztFQU11Q0MsTUFBbUI7Z0JBQXBERCx3QkFBd0IsRUFDckJFLENBQWlCLG9CQUFHLENBQUM7SUFDMUJDLFNBQVMsRUFBRSxDQUFPO0FBQ3BCLENBQUMsQ0FUSDttQkFZZUMsY0FBUyxVQUFDSix3QkFBd0I7MEJBWmpEIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IHsgVmVydGljYWxTcGxpdHRlckRpdiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiOyAgLy8vXG5cbmNsYXNzIFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdiBleHRlbmRzIFZlcnRpY2FsU3BsaXR0ZXJEaXYge1xuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcInJpZ2h0XCJcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdilgXG5cbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG5cbmA7XG4iXSwibmFtZXMiOlsiUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiVmVydGljYWxTcGxpdHRlckRpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7O0FBRVMsSUFBQSxjQUFpQixrQ0FBakIsaUJBQWlCLEVBQUE7QUFFSCxJQUFBLE1BQW1CLFdBQW5CLG1CQUFtQixDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXZELElBQUEsQUFBTUEsd0JBQXdCLGlCQU0zQixBQU5IOzs7YUFBTUEsd0JBQXdCOzs7OztDQUk3QixDQUpzQ0MsTUFBbUIsb0JBQUEsQ0FJekQ7QUFIQyxnQkFESUQsd0JBQXdCLEVBQ3JCRSxtQkFBaUIsRUFBRztJQUN6QkMsU0FBUyxFQUFFLE9BQU87Q0FDbkIsQ0FBQztlQUdXQyxDQUFBQSxHQUFBQSxjQUFTLEFBQTBCLENBQUEsUUFBMUIsQ0FBQ0osd0JBQXdCLENBQUMifQ==

package/lib/example/preamble.js

@@ -4,4 +4,4 @@ _easy.window.assign({
     React: _easy.React
 });
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ByZWFtYmxlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBSZWFjdCwgd2luZG93IH0gZnJvbSBcImVhc3lcIjtcblxud2luZG93LmFzc2lnbih7XG4gIFJlYWN0XG59KTtcbiJdLCJuYW1lcyI6WyJ3aW5kb3ciLCJhc3NpZ24iLCJSZWFjdCJdLCJtYXBwaW5ncyI6IkFBQUEsQ0FBWSxXQUFBLENBQUM7QUFFaUIsR0FBTSxDQUFOLEtBQU07QUFFcENBLEtBQU0sUUFBQ0MsTUFBTSxDQUFDLENBQUM7SUFDYkMsS0FBSyxFQUFMQSxLQUFLO0FBQ1AsQ0FBQyxDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ByZWFtYmxlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBSZWFjdCwgd2luZG93IH0gZnJvbSBcImVhc3lcIjtcblxud2luZG93LmFzc2lnbih7XG4gIFJlYWN0XG59KTtcbiJdLCJuYW1lcyI6WyJ3aW5kb3ciLCJhc3NpZ24iLCJSZWFjdCJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDO0FBRWlCLElBQUEsS0FBTSxXQUFOLE1BQU0sQ0FBQTtBQUVwQ0EsS0FBTSxPQUFBLENBQUNDLE1BQU0sQ0FBQztJQUNaQyxLQUFLLEVBQUxBLEtBQUssTUFBQTtDQUNOLENBQUMsQ0FBQyJ9

package/lib/example/view.js

@@ -39,23 +39,22 @@ function _templateObject() {
     };
     return data;
 }
-var ESCAPE_KEY_STOPS_DRAGGING_OPTION = _index.options.ESCAPE_KEY_STOPS_DRAGGING_OPTION;
 var View = function(properties) {
-    var className = properties.className, bottomLeftDiv = /*#__PURE__*/ React.createElement(_bottomLeft.default, null), _$options = {
-        ESCAPE_KEY_STOPS_DRAGGING_OPTION: ESCAPE_KEY_STOPS_DRAGGING_OPTION
-    };
+    var className = properties.className, bottomLeftDiv = /*#__PURE__*/ React.createElement(_bottomLeft.default, null), bottomSizeableDiv = /*#__PURE__*/ React.createElement(_bottom.default, null);
+    var bottomSizeableDivHeight;
     return /*#__PURE__*/ React.createElement("div", {
         className: "".concat(className, " view")
-    }, /*#__PURE__*/ React.createElement(_index.ColumnsDiv, null, /*#__PURE__*/ React.createElement(_left.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_yellow.default, null), /*#__PURE__*/ React.createElement(_pseudo.default, null), bottomLeftDiv)), /*#__PURE__*/ React.createElement(_left1.default, {
-        options: _$options
-    }), /*#__PURE__*/ React.createElement(_index.ColumnDiv, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_index.RowDiv, null, /*#__PURE__*/ React.createElement(_index.ColumnsDiv, null, /*#__PURE__*/ React.createElement(_index.ColumnDiv, null), /*#__PURE__*/ React.createElement(_right1.default, {
-        options: _$options
-    }), /*#__PURE__*/ React.createElement(_right.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_blue.default, null))))), /*#__PURE__*/ React.createElement(_main.default, {
-        bottomLeftDiv: bottomLeftDiv,
-        options: _$options
-    }), /*#__PURE__*/ React.createElement(_bottom.default, null)))));
+    }, /*#__PURE__*/ React.createElement(_index.ColumnsDiv, null, /*#__PURE__*/ React.createElement(_left.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_yellow.default, null), /*#__PURE__*/ React.createElement(_pseudo.default, null), bottomLeftDiv)), /*#__PURE__*/ React.createElement(_left1.default, null), /*#__PURE__*/ React.createElement(_index.ColumnDiv, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_index.RowDiv, null, /*#__PURE__*/ React.createElement(_index.ColumnsDiv, null, /*#__PURE__*/ React.createElement(_index.ColumnDiv, null), /*#__PURE__*/ React.createElement(_right1.default, null), /*#__PURE__*/ React.createElement(_right.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_blue.default, null))))), /*#__PURE__*/ React.createElement(_main.default, {
+        onStartDrag: function(element) {
+            bottomSizeableDivHeight = bottomSizeableDiv.getHeight();
+        },
+        onDrag: function(relativeMouseTop, relativeMouseLeft) {
+            var height = bottomSizeableDivHeight - relativeMouseTop;
+            bottomLeftDiv.setHeight(height);
+        }
+    }), bottomSizeableDiv))));
 };
 var _default = (0, _easyWithStyle).default(View)(_templateObject());
 exports.default = _default;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IFJvd0RpdiwgUm93c0RpdiwgQ29sdW1uRGl2LCBDb2x1bW5zRGl2LCBvcHRpb25zIH0gZnJvbSBcIi4uL2luZGV4XCI7IC8vL1xuXG5pbXBvcnQgQmx1ZVJvd0RpdiBmcm9tIFwiLi9kaXYvcm93L2JsdWVcIjtcbmltcG9ydCBZZWxsb3dSb3dEaXYgZnJvbSBcIi4vZGl2L3Jvdy95ZWxsb3dcIjtcbmltcG9ydCBCb3R0b21MZWZ0RGl2IGZyb20gXCIuL2Rpdi9ib3R0b21MZWZ0XCI7XG5pbXBvcnQgTGVmdFNpemVhYmxlRGl2IGZyb20gXCIuL2Rpdi9zaXplYWJsZS9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRTaXplYWJsZURpdiBmcm9tIFwiLi9kaXYvc2l6ZWFibGUvcmlnaHRcIjtcbmltcG9ydCBQc2V1ZG9TcGxpdHRlckRpdiBmcm9tIFwiLi9kaXYvc3BsaXR0ZXIvcHNldWRvXCI7XG5pbXBvcnQgQm90dG9tU2l6ZWFibGVEaXYgZnJvbSBcIi4vZGl2L3NpemVhYmxlL2JvdHRvbVwiO1xuaW1wb3J0IExlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodFwiO1xuaW1wb3J0IE1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYgZnJvbSBcIi4vZGl2L3NwbGl0dGVyL2hvcml6b250YWwvbWFpblwiO1xuXG5jb25zdCB7IEVTQ0FQRV9LRVlfU1RPUFNfRFJBR0dJTkdfT1BUSU9OIH0gPSBvcHRpb25zO1xuXG5jb25zdCBWaWV3ID0gKHByb3BlcnRpZXMpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUgfSA9IHByb3BlcnRpZXMsXG4gICAgICAgIGJvdHRvbUxlZnREaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbUxlZnREaXYvPlxuXG4gICAgICAgICxcbiAgICAgICAgb3B0aW9ucyA9IHtcbiAgICAgICAgICBFU0NBUEVfS0VZX1NUT1BTX0RSQUdHSU5HX09QVElPTlxuICAgICAgICB9O1xuXG4gIHJldHVybiAoXG5cbiAgICA8ZGl2IGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lfSB2aWV3YH0+XG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPExlZnRTaXplYWJsZURpdj5cbiAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgIDxZZWxsb3dSb3dEaXYvPlxuICAgICAgICAgICAgPFBzZXVkb1NwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgIHtib3R0b21MZWZ0RGl2fVxuICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgPC9MZWZ0U2l6ZWFibGVEaXY+XG4gICAgICAgIDxMZWZ0VmVydGljYWxTcGxpdHRlckRpdiBvcHRpb25zPXtvcHRpb25zfSAvPlxuICAgICAgICA8Q29sdW1uRGl2PlxuICAgICAgICAgIDxSb3dzRGl2PlxuICAgICAgICAgICAgPFJvd0Rpdj5cbiAgICAgICAgICAgICAgPENvbHVtbnNEaXY+XG4gICAgICAgICAgICAgICAgPENvbHVtbkRpdi8+XG4gICAgICAgICAgICAgICAgPFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdiBvcHRpb25zPXtvcHRpb25zfSAvPlxuICAgICAgICAgICAgICAgIDxSaWdodFNpemVhYmxlRGl2PlxuICAgICAgICAgICAgICAgICAgPFJvd3NEaXY+XG4gICAgICAgICAgICAgICAgICAgIDxCbHVlUm93RGl2Lz5cbiAgICAgICAgICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgICAgICAgICA8L1JpZ2h0U2l6ZWFibGVEaXY+XG4gICAgICAgICAgICAgIDwvQ29sdW1uc0Rpdj5cbiAgICAgICAgICAgIDwvUm93RGl2PlxuICAgICAgICAgICAgPE1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYgYm90dG9tTGVmdERpdj17Ym90dG9tTGVmdERpdn0gb3B0aW9ucz17b3B0aW9uc30gLz5cbiAgICAgICAgICAgIDxCb3R0b21TaXplYWJsZURpdi8+XG4gICAgICAgICAgPC9Sb3dzRGl2PlxuICAgICAgICA8L0NvbHVtbkRpdj5cbiAgICAgIDwvQ29sdW1uc0Rpdj5cbiAgICA8L2Rpdj5cblxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFZpZXcpYFxuXG4gIHdpZHRoOiA2NHJlbTtcbiAgaGVpZ2h0OiA2NHJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgXG5gO1xuIl0sIm5hbWVzIjpbIkVTQ0FQRV9LRVlfU1RPUFNfRFJBR0dJTkdfT1BUSU9OIiwib3B0aW9ucyIsIlZpZXciLCJwcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwiYm90dG9tTGVmdERpdiIsIkJvdHRvbUxlZnREaXYiLCJkaXYiLCJDb2x1bW5zRGl2IiwiTGVmdFNpemVhYmxlRGl2IiwiUm93c0RpdiIsIlllbGxvd1Jvd0RpdiIsIlBzZXVkb1NwbGl0dGVyRGl2IiwiTGVmdFZlcnRpY2FsU3BsaXR0ZXJEaXYiLCJDb2x1bW5EaXYiLCJSb3dEaXYiLCJSaWdodFZlcnRpY2FsU3BsaXR0ZXJEaXYiLCJSaWdodFNpemVhYmxlRGl2IiwiQmx1ZVJvd0RpdiIsIk1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYiLCJCb3R0b21TaXplYWJsZURpdiIsIndpdGhTdHlsZSJdLCJtYXBwaW5ncyI6IkFBQUEsQ0FBWSxXQUFBLENBQUM7OztFQUFiO3dCQUFBO0FBRXNCLEdBQWlCLENBQWpCLGNBQWlCO0FBRXlCLEdBQVUsQ0FBVixNQUFVO0FBRW5ELEdBQWdCLENBQWhCLEtBQWdCO0FBQ2QsR0FBa0IsQ0FBbEIsT0FBa0I7QUFDakIsR0FBa0IsQ0FBbEIsV0FBa0I7QUFDaEIsR0FBcUIsQ0FBckIsS0FBcUI7QUFDcEIsR0FBc0IsQ0FBdEIsTUFBc0I7QUFDckIsR0FBdUIsQ0FBdkIsT0FBdUI7QUFDdkIsR0FBdUIsQ0FBdkIsT0FBdUI7QUFDakIsR0FBOEIsQ0FBOUIsTUFBOEI7QUFDN0IsR0FBK0IsQ0FBL0IsT0FBK0I7QUFDOUIsR0FBZ0MsQ0FBaEMsS0FBZ0M7Ozs7Ozs7OzhCQWZ0RTs7Ozs7Ozs7OztRQWlFK0IsQ0FNL0I7Ozs7S0F2RUE7OztBQWlCQSxHQUFLLENBQUdBLGdDQUFnQyxHQUFLQyxNQUFPLFNBQTVDRCxnQ0FBZ0M7QUFFeEMsR0FBSyxDQUFDRSxJQUFJLEdBQUcsUUFBUSxDQUFQQyxVQUFVLEVBQUssQ0FBQztJQUM1QixHQUFLLENBQUdDLFNBQVMsR0FBS0QsVUFBVSxDQUF4QkMsU0FBUyxFQUNYQyxhQUFhLHFDQUVWQyxXQUFhLGlCQUdoQkwsU0FBTyxHQUFHLENBQUM7UUFDVEQsZ0NBQWdDLEVBQWhDQSxnQ0FBZ0M7SUFDbEMsQ0FBQztJQUVQLE1BQU0sbUNBRUhPLENBQUc7UUFBQ0gsU0FBUyxFQUFHLENBQUEsRUFBWSxNQUFLLENBQWZBLFNBQVMsRUFBQyxDQUFLO3lDQUMvQkksTUFBVSxxREFDUkMsS0FBZSxrREFDYkMsTUFBTyxrREFDTEMsT0FBWSxtREFDWkMsT0FBaUIsaUJBQ2pCUCxhQUFhLHNDQUdqQlEsTUFBdUI7UUFBQ1osT0FBTyxFQUFFQSxTQUFPOzBDQUN4Q2EsTUFBUyxvREFDUEosTUFBTyxrREFDTEssTUFBTSxpREFDSlAsTUFBVSxxREFDUk0sTUFBUyxxREFDVEUsT0FBd0I7UUFBQ2YsT0FBTyxFQUFFQSxTQUFPOzBDQUN6Q2dCLE1BQWdCLGtEQUNkUCxNQUFPLGtEQUNMUSxLQUFVLHVEQUtsQkMsS0FBeUI7UUFBQ2QsYUFBYSxFQUFFQSxhQUFhO1FBQUVKLE9BQU8sRUFBRUEsU0FBTzswQ0FDeEVtQixPQUFpQjtBQU85QixDQUFDO21CQUVjQyxjQUFTLFVBQUNuQixJQUFJOzBCQWpFN0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IFJvd0RpdiwgUm93c0RpdiwgQ29sdW1uRGl2LCBDb2x1bW5zRGl2IH0gZnJvbSBcIi4uL2luZGV4XCI7IC8vL1xuXG5pbXBvcnQgQmx1ZVJvd0RpdiBmcm9tIFwiLi9kaXYvcm93L2JsdWVcIjtcbmltcG9ydCBZZWxsb3dSb3dEaXYgZnJvbSBcIi4vZGl2L3Jvdy95ZWxsb3dcIjtcbmltcG9ydCBCb3R0b21MZWZ0RGl2IGZyb20gXCIuL2Rpdi9ib3R0b21MZWZ0XCI7XG5pbXBvcnQgTGVmdFNpemVhYmxlRGl2IGZyb20gXCIuL2Rpdi9zaXplYWJsZS9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRTaXplYWJsZURpdiBmcm9tIFwiLi9kaXYvc2l6ZWFibGUvcmlnaHRcIjtcbmltcG9ydCBQc2V1ZG9TcGxpdHRlckRpdiBmcm9tIFwiLi9kaXYvc3BsaXR0ZXIvcHNldWRvXCI7XG5pbXBvcnQgQm90dG9tU2l6ZWFibGVEaXYgZnJvbSBcIi4vZGl2L3NpemVhYmxlL2JvdHRvbVwiO1xuaW1wb3J0IExlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodFwiO1xuaW1wb3J0IE1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYgZnJvbSBcIi4vZGl2L3NwbGl0dGVyL2hvcml6b250YWwvbWFpblwiO1xuXG5jb25zdCBWaWV3ID0gKHByb3BlcnRpZXMpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUgfSA9IHByb3BlcnRpZXMsXG4gICAgICAgIGJvdHRvbUxlZnREaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbUxlZnREaXYvPlxuXG4gICAgICAgICxcbiAgICAgICAgYm90dG9tU2l6ZWFibGVEaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbVNpemVhYmxlRGl2Lz5cblxuICAgICAgICA7XG5cbiAgbGV0IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0O1xuXG4gIHJldHVybiAoXG5cbiAgICA8ZGl2IGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lfSB2aWV3YH0+XG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPExlZnRTaXplYWJsZURpdj5cbiAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgIDxZZWxsb3dSb3dEaXYvPlxuICAgICAgICAgICAgPFBzZXVkb1NwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgIHtib3R0b21MZWZ0RGl2fVxuICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgPC9MZWZ0U2l6ZWFibGVEaXY+XG4gICAgICAgIDxMZWZ0VmVydGljYWxTcGxpdHRlckRpdi8+XG4gICAgICAgIDxDb2x1bW5EaXY+XG4gICAgICAgICAgPFJvd3NEaXY+XG4gICAgICAgICAgICA8Um93RGl2PlxuICAgICAgICAgICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgICAgICAgICA8Q29sdW1uRGl2Lz5cbiAgICAgICAgICAgICAgICA8UmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgICAgICA8UmlnaHRTaXplYWJsZURpdj5cbiAgICAgICAgICAgICAgICAgIDxSb3dzRGl2PlxuICAgICAgICAgICAgICAgICAgICA8Qmx1ZVJvd0Rpdi8+XG4gICAgICAgICAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgICAgICAgICAgPC9SaWdodFNpemVhYmxlRGl2PlxuICAgICAgICAgICAgICA8L0NvbHVtbnNEaXY+XG4gICAgICAgICAgICA8L1Jvd0Rpdj5cbiAgICAgICAgICAgIDxNYWluSG9yaXpvbnRhbFNwbGl0dGVyRGl2IG9uU3RhcnREcmFnPXsoZWxlbWVudCkgPT4ge1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0ID0gYm90dG9tU2l6ZWFibGVEaXYuZ2V0SGVpZ2h0KCk7XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkRyYWc9eyhyZWxhdGl2ZU1vdXNlVG9wLCByZWxhdGl2ZU1vdXNlTGVmdCkgPT4ge1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0IC0gcmVsYXRpdmVNb3VzZVRvcDtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3R0b21MZWZ0RGl2LnNldEhlaWdodChoZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtib3R0b21TaXplYWJsZURpdn1cbiAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgIDwvQ29sdW1uRGl2PlxuICAgICAgPC9Db2x1bW5zRGl2PlxuICAgIDwvZGl2PlxuXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoVmlldylgXG5cbiAgd2lkdGg6IDY0cmVtO1xuICBoZWlnaHQ6IDY0cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBcbmA7XG4iXSwibmFtZXMiOlsiVmlldyIsInByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJib3R0b21MZWZ0RGl2IiwiQm90dG9tTGVmdERpdiIsImJvdHRvbVNpemVhYmxlRGl2IiwiQm90dG9tU2l6ZWFibGVEaXYiLCJib3R0b21TaXplYWJsZURpdkhlaWdodCIsImRpdiIsIkNvbHVtbnNEaXYiLCJMZWZ0U2l6ZWFibGVEaXYiLCJSb3dzRGl2IiwiWWVsbG93Um93RGl2IiwiUHNldWRvU3BsaXR0ZXJEaXYiLCJMZWZ0VmVydGljYWxTcGxpdHRlckRpdiIsIkNvbHVtbkRpdiIsIlJvd0RpdiIsIlJpZ2h0VmVydGljYWxTcGxpdHRlckRpdiIsIlJpZ2h0U2l6ZWFibGVEaXYiLCJCbHVlUm93RGl2IiwiTWFpbkhvcml6b250YWxTcGxpdHRlckRpdiIsIm9uU3RhcnREcmFnIiwiZWxlbWVudCIsImdldEhlaWdodCIsIm9uRHJhZyIsInJlbGF0aXZlTW91c2VUb3AiLCJyZWxhdGl2ZU1vdXNlTGVmdCIsImhlaWdodCIsInNldEhlaWdodCIsIndpdGhTdHlsZSJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOzs7OztBQUVTLElBQUEsY0FBaUIsa0NBQWpCLGlCQUFpQixFQUFBO0FBRWdCLElBQUEsTUFBVSxXQUFWLFVBQVUsQ0FBQTtBQUUxQyxJQUFBLEtBQWdCLGtDQUFoQixnQkFBZ0IsRUFBQTtBQUNkLElBQUEsT0FBa0Isa0NBQWxCLGtCQUFrQixFQUFBO0FBQ2pCLElBQUEsV0FBa0Isa0NBQWxCLGtCQUFrQixFQUFBO0FBQ2hCLElBQUEsS0FBcUIsa0NBQXJCLHFCQUFxQixFQUFBO0FBQ3BCLElBQUEsTUFBc0Isa0NBQXRCLHNCQUFzQixFQUFBO0FBQ3JCLElBQUEsT0FBdUIsa0NBQXZCLHVCQUF1QixFQUFBO0FBQ3ZCLElBQUEsT0FBdUIsa0NBQXZCLHVCQUF1QixFQUFBO0FBQ2pCLElBQUEsTUFBOEIsa0NBQTlCLDhCQUE4QixFQUFBO0FBQzdCLElBQUEsT0FBK0Isa0NBQS9CLCtCQUErQixFQUFBO0FBQzlCLElBQUEsS0FBZ0Msa0NBQWhDLGdDQUFnQyxFQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXRFLElBQU1BLElBQUksR0FBRyxTQUFDQyxVQUFVLEVBQUs7SUFDM0IsSUFBTSxBQUFFQyxTQUFTLEdBQUtELFVBQVUsQ0FBeEJDLFNBQVMsQUFBZSxFQUMxQkMsYUFBYSxpQkFFWCxvQkFBQ0MsV0FBYSxRQUFBLE9BQUUsRUFHbEJDLGlCQUFpQixpQkFFZixvQkFBQ0MsT0FBaUIsUUFBQSxPQUFFLEFBRXJCO0lBRVAsSUFBSUMsdUJBQXVCLEFBQUM7SUFFNUIscUJBRUUsb0JBQUNDLEtBQUc7UUFBQ04sU0FBUyxFQUFFLEFBQUMsRUFBQSxDQUFZLE1BQUssQ0FBZkEsU0FBUyxFQUFDLE9BQUssQ0FBQztxQkFDakMsb0JBQUNPLE1BQVUsV0FBQSxzQkFDVCxvQkFBQ0MsS0FBZSxRQUFBLHNCQUNkLG9CQUFDQyxNQUFPLFFBQUEsc0JBQ04sb0JBQUNDLE9BQVksUUFBQSxPQUFFLGdCQUNmLG9CQUFDQyxPQUFpQixRQUFBLE9BQUUsRUFDbkJWLGFBQWEsQ0FDTixDQUNNLGdCQUNsQixvQkFBQ1csTUFBdUIsUUFBQSxPQUFFLGdCQUMxQixvQkFBQ0MsTUFBUyxVQUFBLHNCQUNSLG9CQUFDSixNQUFPLFFBQUEsc0JBQ04sb0JBQUNLLE1BQU0sT0FBQSxzQkFDTCxvQkFBQ1AsTUFBVSxXQUFBLHNCQUNULG9CQUFDTSxNQUFTLFVBQUEsT0FBRSxnQkFDWixvQkFBQ0UsT0FBd0IsUUFBQSxPQUFFLGdCQUMzQixvQkFBQ0MsTUFBZ0IsUUFBQSxzQkFDZixvQkFBQ1AsTUFBTyxRQUFBLHNCQUNOLG9CQUFDUSxLQUFVLFFBQUEsT0FBRSxDQUNMLENBQ08sQ0FDUixDQUNOLGdCQUNULG9CQUFDQyxLQUF5QixRQUFBO1FBQUNDLFdBQVcsRUFBRSxTQUFDQyxPQUFPLEVBQUs7WUFFeEJmLHVCQUF1QixHQUFHRixpQkFBaUIsQ0FBQ2tCLFNBQVMsRUFBRSxDQUFDO1NBRXpEO1FBQ0RDLE1BQU0sRUFBRSxTQUFDQyxnQkFBZ0IsRUFBRUMsaUJBQWlCLEVBQUs7WUFFL0MsSUFBTUMsTUFBTSxHQUFHcEIsdUJBQXVCLEdBQUdrQixnQkFBZ0IsQUFBQztZQUUxRHRCLGFBQWEsQ0FBQ3lCLFNBQVMsQ0FBQ0QsTUFBTSxDQUFDLENBQUM7U0FFakM7TUFDMUIsRUFDRHRCLGlCQUFpQixDQUNWLENBQ0EsQ0FDRCxDQUNULENBRU47Q0FDSCxBQUFDO2VBRWF3QixDQUFBQSxHQUFBQSxjQUFTLEFBQU0sQ0FBQSxRQUFOLENBQUM3QixJQUFJLENBQUMifQ==

package/lib/example.js

@@ -13,4 +13,4 @@ var body = new _easy.Body();
 renderStyles();
 body.mount(/*#__PURE__*/ React.createElement(_view.default, null));
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9leGFtcGxlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgXCIuL2V4YW1wbGUvcHJlYW1ibGVcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IHsgQm9keSB9IGZyb20gXCJlYXN5XCI7XG5cbmltcG9ydCBWaWV3IGZyb20gXCIuL2V4YW1wbGUvdmlld1wiO1xuXG5jb25zdCB7IHJlbmRlclN0eWxlcyB9ID0gd2l0aFN0eWxlO1xuXG5jb25zdCBib2R5ID0gbmV3IEJvZHkoKTtcblxucmVuZGVyU3R5bGVzKCk7XG5cbmJvZHkubW91bnQoXG5cbiAgPFZpZXcvPlxuXG4pO1xuIl0sIm5hbWVzIjpbInJlbmRlclN0eWxlcyIsIndpdGhTdHlsZSIsImJvZHkiLCJCb2R5IiwibW91bnQiLCJWaWV3Il0sIm1hcHBpbmdzIjoiQUFBQSxDQUFZLFdBQUEsQ0FBQzs2QkFBYjtBQUlzQixHQUFpQixDQUFqQixjQUFpQjtBQUVsQixHQUFNLENBQU4sS0FBTTtBQUVWLEdBQWdCLENBQWhCLEtBQWdCOzs7Ozs7QUFFakMsR0FBSyxDQUFHQSxZQUFZLEdBQUtDLGNBQVMsU0FBMUJELFlBQVk7QUFFcEIsR0FBSyxDQUFDRSxJQUFJLEdBQUcsR0FBRyxDQUFDQyxLQUFJO0FBRXJCSCxZQUFZLEVBQUUsQ0FBQztBQUVmRSxJQUFJLENBQUNFLEtBQUssbUNBRVBDLEtBQUksZ0JBRU4sQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9leGFtcGxlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgXCIuL2V4YW1wbGUvcHJlYW1ibGVcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IHsgQm9keSB9IGZyb20gXCJlYXN5XCI7XG5cbmltcG9ydCBWaWV3IGZyb20gXCIuL2V4YW1wbGUvdmlld1wiO1xuXG5jb25zdCB7IHJlbmRlclN0eWxlcyB9ID0gd2l0aFN0eWxlO1xuXG5jb25zdCBib2R5ID0gbmV3IEJvZHkoKTtcblxucmVuZGVyU3R5bGVzKCk7XG5cbmJvZHkubW91bnQoXG5cbiAgPFZpZXcvPlxuXG4pO1xuIl0sIm5hbWVzIjpbInJlbmRlclN0eWxlcyIsIndpdGhTdHlsZSIsImJvZHkiLCJCb2R5IiwibW91bnQiLCJWaWV3Il0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7UUFFTixvQkFBb0I7QUFFTCxJQUFBLGNBQWlCLGtDQUFqQixpQkFBaUIsRUFBQTtBQUVsQixJQUFBLEtBQU0sV0FBTixNQUFNLENBQUE7QUFFVixJQUFBLEtBQWdCLGtDQUFoQixnQkFBZ0IsRUFBQTs7Ozs7O0FBRWpDLElBQU0sQUFBRUEsWUFBWSxHQUFLQyxjQUFTLFFBQUEsQ0FBMUJELFlBQVksQUFBYyxBQUFDO0FBRW5DLElBQU1FLElBQUksR0FBRyxJQUFJQyxLQUFJLEtBQUEsRUFBRSxBQUFDO0FBRXhCSCxZQUFZLEVBQUUsQ0FBQztBQUVmRSxJQUFJLENBQUNFLEtBQUssZUFFUixvQkFBQ0MsS0FBSSxRQUFBLE9BQUUsQ0FFUixDQUFDIn0=

package/lib/index.js

@@ -1,13 +1,7 @@
-'use strict';
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "options", {
-    enumerable: true,
-    get: function() {
-        return _options.default;
-    }
-});
 Object.defineProperty(exports, "RowDiv", {
     enumerable: true,
     get: function() {
@@ -44,6 +38,12 @@ Object.defineProperty(exports, "SizeableDiv", {
         return _sizeable.default;
     }
 });
+Object.defineProperty(exports, "SizeableSection", {
+    enumerable: true,
+    get: function() {
+        return _sizeable1.default;
+    }
+});
 Object.defineProperty(exports, "VerticalSplitterDiv", {
     enumerable: true,
     get: function() {
@@ -56,13 +56,13 @@ Object.defineProperty(exports, "HorizontalSplitterDiv", {
         return _horizontal.default;
     }
 });
-var _options = _interopRequireDefault(require("./options"));
 var _row = _interopRequireDefault(require("./div/row"));
 var _rows = _interopRequireDefault(require("./div/rows"));
 var _column = _interopRequireDefault(require("./div/column"));
 var _columns = _interopRequireDefault(require("./div/columns"));
 var _splitter = _interopRequireDefault(require("./div/splitter"));
 var _sizeable = _interopRequireDefault(require("./div/sizeable"));
+var _sizeable1 = _interopRequireDefault(require("./section/sizeable"));
 var _vertical = _interopRequireDefault(require("./div/splitter/vertical"));
 var _horizontal = _interopRequireDefault(require("./div/splitter/horizontal"));
 function _interopRequireDefault(obj) {
@@ -71,4 +71,4 @@ function _interopRequireDefault(obj) {
     };
 }
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIHN0cmljdCc7XG5cbmV4cG9ydCB7IGRlZmF1bHQgYXMgb3B0aW9ucyB9IGZyb20gXCIuL29wdGlvbnNcIjtcblxuZXhwb3J0IHsgZGVmYXVsdCBhcyBSb3dEaXYgfSBmcm9tIFwiLi9kaXYvcm93XCI7XG5leHBvcnQgeyBkZWZhdWx0IGFzIFJvd3NEaXYgfSBmcm9tIFwiLi9kaXYvcm93c1wiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBDb2x1bW5EaXYgfSBmcm9tIFwiLi9kaXYvY29sdW1uXCI7XG5leHBvcnQgeyBkZWZhdWx0IGFzIENvbHVtbnNEaXYgfSBmcm9tIFwiLi9kaXYvY29sdW1uc1wiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBTcGxpdHRlckRpdiB9IGZyb20gXCIuL2Rpdi9zcGxpdHRlclwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBTaXplYWJsZURpdiB9IGZyb20gXCIuL2Rpdi9zaXplYWJsZVwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBWZXJ0aWNhbFNwbGl0dGVyRGl2IH0gZnJvbSBcIi4vZGl2L3NwbGl0dGVyL3ZlcnRpY2FsXCI7XG5leHBvcnQgeyBkZWZhdWx0IGFzIEhvcml6b250YWxTcGxpdHRlckRpdiB9IGZyb20gXCIuL2Rpdi9zcGxpdHRlci9ob3Jpem9udGFsXCI7XG4iXSwibmFtZXMiOlsib3B0aW9ucyIsImRlZmF1bHQiLCJSb3dEaXYiLCJSb3dzRGl2IiwiQ29sdW1uRGl2IiwiQ29sdW1uc0RpdiIsIlNwbGl0dGVyRGl2IiwiU2l6ZWFibGVEaXYiLCJWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiSG9yaXpvbnRhbFNwbGl0dGVyRGl2Il0sIm1hcHBpbmdzIjoiQUFBQSxDQUFZLFdBQUEsQ0FBQzs7O0VBQWI7K0JBRW9CQSxDQUFPOzs7d0JBQWxCQyxPQUFPOztFQUZoQjsrQkFJb0JDLENBQU07OztvQkFBakJELE9BQU87O0VBSmhCOytCQUtvQkUsQ0FBTzs7O3FCQUFsQkYsT0FBTzs7RUFMaEI7K0JBTW9CRyxDQUFTOzs7dUJBQXBCSCxPQUFPOztFQU5oQjsrQkFPb0JJLENBQVU7Ozt3QkFBckJKLE9BQU87O0VBUGhCOytCQVFvQkssQ0FBVzs7O3lCQUF0QkwsT0FBTzs7RUFSaEI7K0JBU29CTSxDQUFXOzs7eUJBQXRCTixPQUFPOztFQVRoQjsrQkFVb0JPLENBQW1COzs7eUJBQTlCUCxPQUFPOztFQVZoQjsrQkFXb0JRLENBQXFCOzs7MkJBQWhDUixPQUFPOztFQVhoQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIHN0cmljdCc7XG5cbmV4cG9ydCB7IGRlZmF1bHQgYXMgUm93RGl2IH0gZnJvbSBcIi4vZGl2L3Jvd1wiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBSb3dzRGl2IH0gZnJvbSBcIi4vZGl2L3Jvd3NcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgQ29sdW1uRGl2IH0gZnJvbSBcIi4vZGl2L2NvbHVtblwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBDb2x1bW5zRGl2IH0gZnJvbSBcIi4vZGl2L2NvbHVtbnNcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU3BsaXR0ZXJEaXYgfSBmcm9tIFwiLi9kaXYvc3BsaXR0ZXJcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU2l6ZWFibGVEaXYgfSBmcm9tIFwiLi9kaXYvc2l6ZWFibGVcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU2l6ZWFibGVTZWN0aW9uIH0gZnJvbSBcIi4vc2VjdGlvbi9zaXplYWJsZVwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBWZXJ0aWNhbFNwbGl0dGVyRGl2IH0gZnJvbSBcIi4vZGl2L3NwbGl0dGVyL3ZlcnRpY2FsXCI7XG5leHBvcnQgeyBkZWZhdWx0IGFzIEhvcml6b250YWxTcGxpdHRlckRpdiB9IGZyb20gXCIuL2Rpdi9zcGxpdHRlci9ob3Jpem9udGFsXCI7XG4iXSwibmFtZXMiOlsiUm93RGl2IiwiZGVmYXVsdCIsIlJvd3NEaXYiLCJDb2x1bW5EaXYiLCJDb2x1bW5zRGl2IiwiU3BsaXR0ZXJEaXYiLCJTaXplYWJsZURpdiIsIlNpemVhYmxlU2VjdGlvbiIsIlZlcnRpY2FsU3BsaXR0ZXJEaXYiLCJIb3Jpem9udGFsU3BsaXR0ZXJEaXYiXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7OzsrQkFFT0EsUUFBTTs7O29CQUFqQkMsT0FBTzs7OytCQUNJQyxTQUFPOzs7cUJBQWxCRCxPQUFPOzs7K0JBQ0lFLFdBQVM7Ozt1QkFBcEJGLE9BQU87OzsrQkFDSUcsWUFBVTs7O3dCQUFyQkgsT0FBTzs7OytCQUNJSSxhQUFXOzs7eUJBQXRCSixPQUFPOzs7K0JBQ0lLLGFBQVc7Ozt5QkFBdEJMLE9BQU87OzsrQkFDSU0saUJBQWU7OzswQkFBMUJOLE9BQU87OzsrQkFDSU8scUJBQW1COzs7eUJBQTlCUCxPQUFPOzs7K0JBQ0lRLHVCQUFxQjs7OzJCQUFoQ1IsT0FBTzs7OzBDQVJrQixXQUFXOzJDQUNWLFlBQVk7NkNBQ1YsY0FBYzs4Q0FDYixlQUFlOytDQUNkLGdCQUFnQjsrQ0FDaEIsZ0JBQWdCO2dEQUNaLG9CQUFvQjsrQ0FDaEIseUJBQXlCO2lEQUN2QiwyQkFBMkIifQ==

package/lib/section/sizeable.js

@@ -0,0 +1,189 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _easyWithStyle = _interopRequireDefault(require("easy-with-style"));
+var _easy = require("easy");
+function _assertThisInitialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+        Date.prototype.toString.call(Reflect.construct(Date, [], function() {}));
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
+function _construct(Parent, args, Class) {
+    if (isNativeReflectConstruct()) {
+        _construct = Reflect.construct;
+    } else {
+        _construct = function _construct(Parent, args, Class) {
+            var a = [
+                null
+            ];
+            a.push.apply(a, args);
+            var Constructor = Function.bind.apply(Parent, a);
+            var instance = new Constructor();
+            if (Class) _setPrototypeOf(instance, Class.prototype);
+            return instance;
+        };
+    }
+    return _construct.apply(null, arguments);
+}
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+}
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _isNativeFunction(fn) {
+    return Function.toString.call(fn).indexOf("[native code]") !== -1;
+}
+function _possibleConstructorReturn(self, call) {
+    if (call && (_typeof(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assertThisInitialized(self);
+}
+function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _setPrototypeOf(o, p);
+}
+function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+var _typeof = function(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+};
+function _wrapNativeSuper(Class) {
+    var _cache = typeof Map === "function" ? new Map() : undefined;
+    _wrapNativeSuper = function _wrapNativeSuper(Class) {
+        if (Class === null || !_isNativeFunction(Class)) return Class;
+        if (typeof Class !== "function") {
+            throw new TypeError("Super expression must either be null or a function");
+        }
+        if (typeof _cache !== "undefined") {
+            if (_cache.has(Class)) return _cache.get(Class);
+            _cache.set(Class, Wrapper);
+        }
+        function Wrapper() {
+            return _construct(Class, arguments, _getPrototypeOf(this).constructor);
+        }
+        Wrapper.prototype = Object.create(Class.prototype, {
+            constructor: {
+                value: Wrapper,
+                enumerable: false,
+                writable: true,
+                configurable: true
+            }
+        });
+        return _setPrototypeOf(Wrapper, Class);
+    };
+    return _wrapNativeSuper(Class);
+}
+function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
+function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+    return function _createSuperInternal() {
+        var Super = _getPrototypeOf(Derived), result;
+        if (hasNativeReflectConstruct) {
+            var NewTarget = _getPrototypeOf(this).constructor;
+            result = Reflect.construct(Super, arguments, NewTarget);
+        } else {
+            result = Super.apply(this, arguments);
+        }
+        return _possibleConstructorReturn(this, result);
+    };
+}
+function _templateObject() {
+    var data = _taggedTemplateLiteral([
+        "\n\n  display: flex;\n  \n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var SizeableSection = /*#__PURE__*/ function(Element) {
+    _inherits(SizeableSection, Element);
+    var _super = _createSuper(SizeableSection);
+    function SizeableSection() {
+        _classCallCheck(this, SizeableSection);
+        return _super.apply(this, arguments);
+    }
+    return SizeableSection;
+}(_wrapNativeSuper(_easy.Element));
+_defineProperty(SizeableSection, "tagName", "section");
+_defineProperty(SizeableSection, "defaultProperties", {
+    className: "sizeable"
+});
+var _default = (0, _easyWithStyle).default(SizeableSection)(_templateObject());
+exports.default = _default;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zZWN0aW9uL3NpemVhYmxlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgIC8vL1xuXG5pbXBvcnQgeyBFbGVtZW50IH0gZnJvbSBcImVhc3lcIjtcblxuY2xhc3MgU2l6ZWFibGVTZWN0aW9uIGV4dGVuZHMgRWxlbWVudCB7XG4gIHN0YXRpYyB0YWdOYW1lID0gXCJzZWN0aW9uXCI7XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wZXJ0aWVzID0ge1xuICAgIGNsYXNzTmFtZTogXCJzaXplYWJsZVwiXG4gIH07XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZShTaXplYWJsZVNlY3Rpb24pYFxuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIFxuYDtcbiJdLCJuYW1lcyI6WyJTaXplYWJsZVNlY3Rpb24iLCJFbGVtZW50IiwidGFnTmFtZSIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7O0FBRVMsSUFBQSxjQUFpQixrQ0FBakIsaUJBQWlCLEVBQUE7QUFFZixJQUFBLEtBQU0sV0FBTixNQUFNLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFOUIsSUFBQSxBQUFNQSxlQUFlLGlCQVFsQixBQVJIOzs7YUFBTUEsZUFBZTs7Ozs7Q0FNcEIsa0JBTjZCQyxLQUFPLFFBQUEsRUFNcEM7QUFMQyxnQkFESUQsZUFBZSxFQUNaRSxTQUFPLEVBQUcsU0FBUyxDQUFDO0FBRTNCLGdCQUhJRixlQUFlLEVBR1pHLG1CQUFpQixFQUFHO0lBQ3pCQyxTQUFTLEVBQUUsVUFBVTtDQUN0QixDQUFDO2VBR1dDLENBQUFBLEdBQUFBLGNBQVMsQUFBaUIsQ0FBQSxRQUFqQixDQUFDTCxlQUFlLENBQUMifQ==

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "easy-layout",
   "author": "James Smith",
-  "version": "5.0.101",
+  "version": "5.0.106",
   "license": "MIT, Anti-996",
   "homepage": "https://github.com/djalbat/easy-layout",
   "description": "Layout elements that work with CSS flexbox.",
@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "easy": "^13.0.33",
-    "easy-with-style": "^3.0.122"
+    "easy-drag-and-drop": "^1.2.51",
+    "easy-with-style": "^3.0.126"
   },
   "devDependencies": {
     "@swc/core": "^1.2.50",

package/src/constants.js

@@ -4,4 +4,3 @@ export const AUTO = "auto";
 export const CURSOR = "cursor";
 export const COL_RESIZE = "col-resize";
 export const ROW_RESIZE = "row-resize";
-export const ESCAPE_KEY_CODE = 27;

package/src/div/splitter/horizontal.js

@@ -2,14 +2,10 @@
 
 import withStyle from "easy-with-style";  ///
 
-import { eventTypes } from "easy";
-
 import Splitter from "../splitter";
 
 import { rowResizeCursor } from "../../cursor";
 
-const { DRAG_EVENT_TYPE } = eventTypes;
-
 class HorizontalSplitter extends Splitter {
   mouseOverHandler(event, element) {
     const disabled = this.isDisabled();
@@ -19,93 +15,52 @@ class HorizontalSplitter extends Splitter {
     }
   }
 
-  mouseMoveHandler(event, element) {
-    const { pageY } = event,
-          mouseTop = pageY,  ///
-          disabled = this.isDisabled();
+  startDragHandler(element) {
+    const disabled = this.isDisabled();
 
     if (!disabled) {
-      const dragging = this.isDragging();
-
-      if (dragging) {
-        const direction = this.getDirection(),
-              sizeableDiv = this.getSizeableDiv();
-
-        const previousMouseTop = this.getPreviousMouseTop(),
-              previousSizeableDivHeight = this.getPreviousSizeableDivHeight(),
-              relativeMouseTop = mouseTop - previousMouseTop;
-
-        let sizeableDivHeight = previousSizeableDivHeight - direction * relativeMouseTop;
+      const sizeableElement = this.getSizeableElement(),
+            sizeableElementHeight = sizeableElement.getHeight(),
+            previousSizeableElementHeight = sizeableElementHeight;  ///
 
-        const height = sizeableDivHeight, ///
-              eventType = DRAG_EVENT_TYPE;
+      this.setPreviousSizeableElementHeight(previousSizeableElementHeight);
 
-        sizeableDiv.setHeight(height);
-
-        sizeableDivHeight = sizeableDiv.getHeight();  ///
-
-        this.callHandlers(eventType, sizeableDivHeight);
-      }
+      rowResizeCursor();
     }
   }
 
-  mouseDownHandler(event, element) {
-    const { pageY } = event,
-          mouseTop = pageY,  ///
-          disabled = this.isDisabled();
+  dragHandler(relativeMouseTop, relativeMouseLeft) {
+    const disabled = this.isDisabled();
 
     if (!disabled) {
-      const dragging = this.isDragging(),
-            sizeableDiv = this.getSizeableDiv(),
-            previousMouseTop = mouseTop,  ///
-            sizeableDivHeight = sizeableDiv.getHeight(),
-            previousSizeableDivHeight = sizeableDivHeight;  ///
-
-      this.setPreviousMouseTop(previousMouseTop);
+      const direction = this.getDirection(),
+            sizeableElement = this.getSizeableElement(),
+            previousSizeableElementHeight = this.getPreviousSizeableElementHeight(),
+            sizeableElementHeight = previousSizeableElementHeight - direction * relativeMouseTop,
+            height = sizeableElementHeight; ///
 
-      this.setPreviousSizeableDivHeight(previousSizeableDivHeight);
-
-      rowResizeCursor();
-
-      if (!dragging) {
-        this.startDrag();
-      }
+      sizeableElement.setHeight(height);
     }
   }
 
-  getPreviousMouseTop() {
+  getPreviousSizeableElementHeight() {
     const state = this.getState(),
-          { previousMouseTop } = state;
+          { previousSizeableElementHeight } = state;
 
-    return previousMouseTop;
-  }
-
-  getPreviousSizeableDivHeight() {
-    const state = this.getState(),
-          { previousSizeableDivHeight } = state;
-
-    return previousSizeableDivHeight;
-  }
-
-  setPreviousMouseTop(previousMouseTop) {
-    this.updateState({
-      previousMouseTop
-    });
+    return previousSizeableElementHeight;
   }
 
-  setPreviousSizeableDivHeight(previousSizeableDivHeight) {
+  setPreviousSizeableElementHeight(previousSizeableElementHeight) {
     this.updateState({
-      previousSizeableDivHeight
+      previousSizeableElementHeight
     });
   }
 
   setInitialState() {
-    const previousMouseTop = null,
-          previousSizeableDivHeight = null;
+    const previousSizeableElementHeight = null;
 
     this.setState({
-      previousMouseTop,
-      previousSizeableDivHeight
+      previousSizeableElementHeight
     });
   }
 

package/src/div/splitter/vertical.js

@@ -2,14 +2,10 @@
 
 import withStyle from "easy-with-style";  ///
 
-import { eventTypes } from "easy";
-
 import Splitter from "../splitter";
 
 import { columnResizeCursor } from "../../cursor";
 
-const { DRAG_EVENT_TYPE } = eventTypes;
-
 class VerticalSplitter extends Splitter {
   mouseOverHandler(event, element) {
     const disabled = this.isDisabled();
@@ -19,93 +15,52 @@ class VerticalSplitter extends Splitter {
     }
   }
 
-  mouseMoveHandler(event, element) {
-    const { pageX } = event,
-          mouseLeft = pageX,  ///
-          disabled = this.isDisabled();
+  startDragHandler(element) {
+    const disabled = this.isDisabled();
 
     if (!disabled) {
-      const dragging = this.isDragging();
-
-      if (dragging) {
-        const direction = this.getDirection(),
-              sizeableDiv = this.getSizeableDiv();
-
-        const previousMouseLeft = this.getPreviousMouseLeft(),
-              previousSizeableDivWidth = this.getPreviousSizeableDivWidth(),
-              relativeMouseLeft = mouseLeft - previousMouseLeft;
-
-        let sizeableDivWidth = previousSizeableDivWidth - direction * relativeMouseLeft;
+      const sizeableElement = this.getSizeableElement(),
+            sizeableElementWidth = sizeableElement.getWidth(),
+            previousSizeableElementWidth = sizeableElementWidth;  ///
 
-        const width = sizeableDivWidth, ///
-              eventType = DRAG_EVENT_TYPE;
+      this.setPreviousSizeableElementWidth(previousSizeableElementWidth);
 
-        sizeableDiv.setWidth(width);
-
-        sizeableDivWidth = sizeableDiv.getWidth();  ///
-
-        this.callHandlers(eventType, sizeableDivWidth);
-      }
+      columnResizeCursor();
     }
   }
 
-  mouseDownHandler(event, element) {
-    const { pageX } = event,
-          mouseLeft = pageX,  ///
-          disabled = this.isDisabled();
+  dragHandler(relativeMouseTop, relativeMouseLeft) {
+    const disabled = this.isDisabled();
 
     if (!disabled) {
-      const dragging = this.isDragging(),
-            sizeableDiv = this.getSizeableDiv(),
-            previousMouseLeft = mouseLeft,  ///
-            sizeableDivWidth = sizeableDiv.getWidth(),
-            previousSizeableDivWidth = sizeableDivWidth;  ///
-
-      this.setPreviousMouseLeft(previousMouseLeft);
+      const direction = this.getDirection(),
+            sizeableElement = this.getSizeableElement(),
+            previousSizeableElementWidth = this.getPreviousSizeableElementWidth(),
+            sizeableElementWidth = previousSizeableElementWidth - direction * relativeMouseLeft,
+            width = sizeableElementWidth; ///
 
-      this.setPreviousSizeableDivWidth(previousSizeableDivWidth);
-
-      columnResizeCursor();
-
-      if (!dragging) {
-        this.startDrag();
-      }
+      sizeableElement.setWidth(width);
     }
   }
 
-  getPreviousMouseLeft() {
+  getPreviousSizeableElementWidth() {
     const state = this.getState(),
-          { previousMouseLeft } = state;
+          { previousSizeableElementWidth } = state;
 
-    return previousMouseLeft;
-  }
-
-  getPreviousSizeableDivWidth() {
-    const state = this.getState(),
-          { previousSizeableDivWidth } = state;
-
-    return previousSizeableDivWidth;
-  }
-
-  setPreviousMouseLeft(previousMouseLeft) {
-    this.updateState({
-      previousMouseLeft
-    });
+    return previousSizeableElementWidth;
   }
 
-  setPreviousSizeableDivWidth(previousSizeableDivWidth) {
+  setPreviousSizeableElementWidth(previousSizeableElementWidth) {
     this.updateState({
-      previousSizeableDivWidth
+      previousSizeableElementWidth
     });
   }
 
   setInitialState() {
-    const previousMouseLeft = null,
-          previousSizeableDivWidth = null;
+    const previousSizeableElementWidth = null;
 
     this.setState({
-      previousMouseLeft,
-      previousSizeableDivWidth
+      previousSizeableElementWidth
     });
   }