easy-layout 5.0.104 → 5.0.106
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/example.js +1153 -464
- package/lib/constants.js +2 -4
- package/lib/div/splitter/horizontal.js +13 -43
- package/lib/div/splitter/vertical.js +13 -43
- package/lib/div/splitter.js +48 -219
- package/lib/example/div/sizeable/bottom.js +2 -2
- package/lib/example/div/splitter/horizontal/main.js +1 -61
- package/lib/example/view.js +12 -13
- package/lib/index.js +1 -8
- package/package.json +2 -1
- package/src/constants.js +0 -1
- package/src/div/splitter/horizontal.js +15 -60
- package/src/div/splitter/vertical.js +15 -60
- package/src/div/splitter.js +49 -197
- package/src/example/div/sizeable/bottom.js +0 -1
- package/src/example/div/splitter/horizontal/main.js +0 -19
- package/src/example/view.js +24 -10
- package/src/index.js +0 -2
- package/lib/options.js +0 -13
- package/src/options.js +0 -7
package/lib/constants.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
exports.
|
|
5
|
+
exports.ROW_RESIZE = exports.COL_RESIZE = exports.CURSOR = exports.AUTO = void 0;
|
|
6
6
|
var AUTO = "auto";
|
|
7
7
|
exports.AUTO = AUTO;
|
|
8
8
|
var CURSOR = "cursor";
|
|
@@ -11,7 +11,5 @@ var COL_RESIZE = "col-resize";
|
|
|
11
11
|
exports.COL_RESIZE = COL_RESIZE;
|
|
12
12
|
var ROW_RESIZE = "row-resize";
|
|
13
13
|
exports.ROW_RESIZE = ROW_RESIZE;
|
|
14
|
-
var ESCAPE_KEY_CODE = 27;
|
|
15
|
-
exports.ESCAPE_KEY_CODE = ESCAPE_KEY_CODE;
|
|
16
14
|
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb25zdGFudHMuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmV4cG9ydCBjb25zdCBBVVRPID0gXCJhdXRvXCI7XG5leHBvcnQgY29uc3QgQ1VSU09SID0gXCJjdXJzb3JcIjtcbmV4cG9ydCBjb25zdCBDT0xfUkVTSVpFID0gXCJjb2wtcmVzaXplXCI7XG5leHBvcnQgY29uc3QgUk9XX1JFU0laRSA9IFwicm93LXJlc2l6ZVwiO1xuIl0sIm5hbWVzIjpbIkFVVE8iLCJDVVJTT1IiLCJDT0xfUkVTSVpFIiwiUk9XX1JFU0laRSJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOzs7OztBQUVOLElBQU1BLElBQUksR0FBRyxNQUFNLEFBQUM7UUFBZEEsSUFBSSxHQUFKQSxJQUFJO0FBQ1YsSUFBTUMsTUFBTSxHQUFHLFFBQVEsQUFBQztRQUFsQkEsTUFBTSxHQUFOQSxNQUFNO0FBQ1osSUFBTUMsVUFBVSxHQUFHLFlBQVksQUFBQztRQUExQkEsVUFBVSxHQUFWQSxVQUFVO0FBQ2hCLElBQU1DLFVBQVUsR0FBRyxZQUFZLEFBQUM7UUFBMUJBLFVBQVUsR0FBVkEsVUFBVSJ9
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
exports.default = void 0;
|
|
6
6
|
var _easyWithStyle = _interopRequireDefault(require("easy-with-style"));
|
|
7
|
-
var _easy = require("easy");
|
|
8
7
|
var _splitter = _interopRequireDefault(require("../splitter"));
|
|
9
8
|
var _cursor = require("../../cursor");
|
|
10
9
|
function _assertThisInitialized(self) {
|
|
@@ -129,7 +128,6 @@ function _templateObject() {
|
|
|
129
128
|
};
|
|
130
129
|
return data;
|
|
131
130
|
}
|
|
132
|
-
var DRAG_EVENT_TYPE = _easy.eventTypes.DRAG_EVENT_TYPE;
|
|
133
131
|
var HorizontalSplitter = /*#__PURE__*/ function(Splitter) {
|
|
134
132
|
_inherits(HorizontalSplitter, Splitter);
|
|
135
133
|
var _super = _createSuper(HorizontalSplitter);
|
|
@@ -148,43 +146,24 @@ var HorizontalSplitter = /*#__PURE__*/ function(Splitter) {
|
|
|
148
146
|
}
|
|
149
147
|
},
|
|
150
148
|
{
|
|
151
|
-
key: "
|
|
152
|
-
value: function
|
|
153
|
-
var
|
|
154
|
-
if (!disabled) {
|
|
155
|
-
var dragging = this.isDragging();
|
|
156
|
-
if (dragging) {
|
|
157
|
-
var direction = this.getDirection(), sizeableElement = this.getSizeableElement();
|
|
158
|
-
var previousMouseTop = this.getPreviousMouseTop(), previousSizeableElementHeight = this.getPreviousSizeableElementHeight(), relativeMouseTop = mouseTop - previousMouseTop;
|
|
159
|
-
var sizeableElementHeight = previousSizeableElementHeight - direction * relativeMouseTop;
|
|
160
|
-
var height = sizeableElementHeight, eventType = DRAG_EVENT_TYPE;
|
|
161
|
-
sizeableElement.setHeight(height);
|
|
162
|
-
sizeableElementHeight = sizeableElement.getHeight(); ///
|
|
163
|
-
this.callHandlers(eventType, sizeableElementHeight);
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
},
|
|
168
|
-
{
|
|
169
|
-
key: "mouseDownHandler",
|
|
170
|
-
value: function mouseDownHandler(event, element) {
|
|
171
|
-
var pageY = event.pageY, mouseTop = pageY, disabled = this.isDisabled();
|
|
149
|
+
key: "startDragHandler",
|
|
150
|
+
value: function startDragHandler(element) {
|
|
151
|
+
var disabled = this.isDisabled();
|
|
172
152
|
if (!disabled) {
|
|
173
|
-
var
|
|
174
|
-
this.setPreviousMouseTop(previousMouseTop);
|
|
153
|
+
var sizeableElement = this.getSizeableElement(), sizeableElementHeight = sizeableElement.getHeight(), previousSizeableElementHeight = sizeableElementHeight; ///
|
|
175
154
|
this.setPreviousSizeableElementHeight(previousSizeableElementHeight);
|
|
176
155
|
(0, _cursor).rowResizeCursor();
|
|
177
|
-
if (!dragging) {
|
|
178
|
-
this.startDrag();
|
|
179
|
-
}
|
|
180
156
|
}
|
|
181
157
|
}
|
|
182
158
|
},
|
|
183
159
|
{
|
|
184
|
-
key: "
|
|
185
|
-
value: function
|
|
186
|
-
var
|
|
187
|
-
|
|
160
|
+
key: "dragHandler",
|
|
161
|
+
value: function dragHandler(relativeMouseTop, relativeMouseLeft) {
|
|
162
|
+
var disabled = this.isDisabled();
|
|
163
|
+
if (!disabled) {
|
|
164
|
+
var direction = this.getDirection(), sizeableElement = this.getSizeableElement(), previousSizeableElementHeight = this.getPreviousSizeableElementHeight(), sizeableElementHeight = previousSizeableElementHeight - direction * relativeMouseTop, height = sizeableElementHeight; ///
|
|
165
|
+
sizeableElement.setHeight(height);
|
|
166
|
+
}
|
|
188
167
|
}
|
|
189
168
|
},
|
|
190
169
|
{
|
|
@@ -194,14 +173,6 @@ var HorizontalSplitter = /*#__PURE__*/ function(Splitter) {
|
|
|
194
173
|
return previousSizeableElementHeight;
|
|
195
174
|
}
|
|
196
175
|
},
|
|
197
|
-
{
|
|
198
|
-
key: "setPreviousMouseTop",
|
|
199
|
-
value: function setPreviousMouseTop(previousMouseTop) {
|
|
200
|
-
this.updateState({
|
|
201
|
-
previousMouseTop: previousMouseTop
|
|
202
|
-
});
|
|
203
|
-
}
|
|
204
|
-
},
|
|
205
176
|
{
|
|
206
177
|
key: "setPreviousSizeableElementHeight",
|
|
207
178
|
value: function setPreviousSizeableElementHeight(previousSizeableElementHeight) {
|
|
@@ -213,9 +184,8 @@ var HorizontalSplitter = /*#__PURE__*/ function(Splitter) {
|
|
|
213
184
|
{
|
|
214
185
|
key: "setInitialState",
|
|
215
186
|
value: function setInitialState() {
|
|
216
|
-
var
|
|
187
|
+
var previousSizeableElementHeight = null;
|
|
217
188
|
this.setState({
|
|
218
|
-
previousMouseTop: previousMouseTop,
|
|
219
189
|
previousSizeableElementHeight: previousSizeableElementHeight
|
|
220
190
|
});
|
|
221
191
|
}
|
|
@@ -229,4 +199,4 @@ _defineProperty(HorizontalSplitter, "defaultProperties", {
|
|
|
229
199
|
var _default = (0, _easyWithStyle).default(HorizontalSplitter)(_templateObject());
|
|
230
200
|
exports.default = _default;
|
|
231
201
|
|
|
232
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
202
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXYvc3BsaXR0ZXIvaG9yaXpvbnRhbC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IFNwbGl0dGVyIGZyb20gXCIuLi9zcGxpdHRlclwiO1xuXG5pbXBvcnQgeyByb3dSZXNpemVDdXJzb3IgfSBmcm9tIFwiLi4vLi4vY3Vyc29yXCI7XG5cbmNsYXNzIEhvcml6b250YWxTcGxpdHRlciBleHRlbmRzIFNwbGl0dGVyIHtcbiAgbW91c2VPdmVySGFuZGxlcihldmVudCwgZWxlbWVudCkge1xuICAgIGNvbnN0IGRpc2FibGVkID0gdGhpcy5pc0Rpc2FibGVkKCk7XG5cbiAgICBpZiAoIWRpc2FibGVkKSB7XG4gICAgICByb3dSZXNpemVDdXJzb3IoKTtcbiAgICB9XG4gIH1cblxuICBzdGFydERyYWdIYW5kbGVyKGVsZW1lbnQpIHtcbiAgICBjb25zdCBkaXNhYmxlZCA9IHRoaXMuaXNEaXNhYmxlZCgpO1xuXG4gICAgaWYgKCFkaXNhYmxlZCkge1xuICAgICAgY29uc3Qgc2l6ZWFibGVFbGVtZW50ID0gdGhpcy5nZXRTaXplYWJsZUVsZW1lbnQoKSxcbiAgICAgICAgICAgIHNpemVhYmxlRWxlbWVudEhlaWdodCA9IHNpemVhYmxlRWxlbWVudC5nZXRIZWlnaHQoKSxcbiAgICAgICAgICAgIHByZXZpb3VzU2l6ZWFibGVFbGVtZW50SGVpZ2h0ID0gc2l6ZWFibGVFbGVtZW50SGVpZ2h0OyAgLy8vXG5cbiAgICAgIHRoaXMuc2V0UHJldmlvdXNTaXplYWJsZUVsZW1lbnRIZWlnaHQocHJldmlvdXNTaXplYWJsZUVsZW1lbnRIZWlnaHQpO1xuXG4gICAgICByb3dSZXNpemVDdXJzb3IoKTtcbiAgICB9XG4gIH1cblxuICBkcmFnSGFuZGxlcihyZWxhdGl2ZU1vdXNlVG9wLCByZWxhdGl2ZU1vdXNlTGVmdCkge1xuICAgIGNvbnN0IGRpc2FibGVkID0gdGhpcy5pc0Rpc2FibGVkKCk7XG5cbiAgICBpZiAoIWRpc2FibGVkKSB7XG4gICAgICBjb25zdCBkaXJlY3Rpb24gPSB0aGlzLmdldERpcmVjdGlvbigpLFxuICAgICAgICAgICAgc2l6ZWFibGVFbGVtZW50ID0gdGhpcy5nZXRTaXplYWJsZUVsZW1lbnQoKSxcbiAgICAgICAgICAgIHByZXZpb3VzU2l6ZWFibGVFbGVtZW50SGVpZ2h0ID0gdGhpcy5nZXRQcmV2aW91c1NpemVhYmxlRWxlbWVudEhlaWdodCgpLFxuICAgICAgICAgICAgc2l6ZWFibGVFbGVtZW50SGVpZ2h0ID0gcHJldmlvdXNTaXplYWJsZUVsZW1lbnRIZWlnaHQgLSBkaXJlY3Rpb24gKiByZWxhdGl2ZU1vdXNlVG9wLFxuICAgICAgICAgICAgaGVpZ2h0ID0gc2l6ZWFibGVFbGVtZW50SGVpZ2h0OyAvLy9cblxuICAgICAgc2l6ZWFibGVFbGVtZW50LnNldEhlaWdodChoZWlnaHQpO1xuICAgIH1cbiAgfVxuXG4gIGdldFByZXZpb3VzU2l6ZWFibGVFbGVtZW50SGVpZ2h0KCkge1xuICAgIGNvbnN0IHN0YXRlID0gdGhpcy5nZXRTdGF0ZSgpLFxuICAgICAgICAgIHsgcHJldmlvdXNTaXplYWJsZUVsZW1lbnRIZWlnaHQgfSA9IHN0YXRlO1xuXG4gICAgcmV0dXJuIHByZXZpb3VzU2l6ZWFibGVFbGVtZW50SGVpZ2h0O1xuICB9XG5cbiAgc2V0UHJldmlvdXNTaXplYWJsZUVsZW1lbnRIZWlnaHQocHJldmlvdXNTaXplYWJsZUVsZW1lbnRIZWlnaHQpIHtcbiAgICB0aGlzLnVwZGF0ZVN0YXRlKHtcbiAgICAgIHByZXZpb3VzU2l6ZWFibGVFbGVtZW50SGVpZ2h0XG4gICAgfSk7XG4gIH1cblxuICBzZXRJbml0aWFsU3RhdGUoKSB7XG4gICAgY29uc3QgcHJldmlvdXNTaXplYWJsZUVsZW1lbnRIZWlnaHQgPSBudWxsO1xuXG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICBwcmV2aW91c1NpemVhYmxlRWxlbWVudEhlaWdodFxuICAgIH0pO1xuICB9XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wZXJ0aWVzID0ge1xuICAgIGNsYXNzTmFtZTogXCJob3Jpem9udGFsXCJcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKEhvcml6b250YWxTcGxpdHRlcilgXG5cbiAgaGVpZ2h0OiAxcmVtO1xuXG5gO1xuIl0sIm5hbWVzIjpbIkhvcml6b250YWxTcGxpdHRlciIsIm1vdXNlT3ZlckhhbmRsZXIiLCJldmVudCIsImVsZW1lbnQiLCJkaXNhYmxlZCIsImlzRGlzYWJsZWQiLCJyb3dSZXNpemVDdXJzb3IiLCJzdGFydERyYWdIYW5kbGVyIiwic2l6ZWFibGVFbGVtZW50IiwiZ2V0U2l6ZWFibGVFbGVtZW50Iiwic2l6ZWFibGVFbGVtZW50SGVpZ2h0IiwiZ2V0SGVpZ2h0IiwicHJldmlvdXNTaXplYWJsZUVsZW1lbnRIZWlnaHQiLCJzZXRQcmV2aW91c1NpemVhYmxlRWxlbWVudEhlaWdodCIsImRyYWdIYW5kbGVyIiwicmVsYXRpdmVNb3VzZVRvcCIsInJlbGF0aXZlTW91c2VMZWZ0IiwiZGlyZWN0aW9uIiwiZ2V0RGlyZWN0aW9uIiwiZ2V0UHJldmlvdXNTaXplYWJsZUVsZW1lbnRIZWlnaHQiLCJoZWlnaHQiLCJzZXRIZWlnaHQiLCJzdGF0ZSIsImdldFN0YXRlIiwidXBkYXRlU3RhdGUiLCJzZXRJbml0aWFsU3RhdGUiLCJzZXRTdGF0ZSIsIlNwbGl0dGVyIiwiZGVmYXVsdFByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJ3aXRoU3R5bGUiXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7Ozs7QUFFUyxJQUFBLGNBQWlCLGtDQUFqQixpQkFBaUIsRUFBQTtBQUVsQixJQUFBLFNBQWEsa0NBQWIsYUFBYSxFQUFBO0FBRUYsSUFBQSxPQUFjLFdBQWQsY0FBYyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
exports.default = void 0;
|
|
6
6
|
var _easyWithStyle = _interopRequireDefault(require("easy-with-style"));
|
|
7
|
-
var _easy = require("easy");
|
|
8
7
|
var _splitter = _interopRequireDefault(require("../splitter"));
|
|
9
8
|
var _cursor = require("../../cursor");
|
|
10
9
|
function _assertThisInitialized(self) {
|
|
@@ -129,7 +128,6 @@ function _templateObject() {
|
|
|
129
128
|
};
|
|
130
129
|
return data;
|
|
131
130
|
}
|
|
132
|
-
var DRAG_EVENT_TYPE = _easy.eventTypes.DRAG_EVENT_TYPE;
|
|
133
131
|
var VerticalSplitter = /*#__PURE__*/ function(Splitter) {
|
|
134
132
|
_inherits(VerticalSplitter, Splitter);
|
|
135
133
|
var _super = _createSuper(VerticalSplitter);
|
|
@@ -148,43 +146,24 @@ var VerticalSplitter = /*#__PURE__*/ function(Splitter) {
|
|
|
148
146
|
}
|
|
149
147
|
},
|
|
150
148
|
{
|
|
151
|
-
key: "
|
|
152
|
-
value: function
|
|
153
|
-
var
|
|
154
|
-
if (!disabled) {
|
|
155
|
-
var dragging = this.isDragging();
|
|
156
|
-
if (dragging) {
|
|
157
|
-
var direction = this.getDirection(), sizeableElement = this.getSizeableElement();
|
|
158
|
-
var previousMouseLeft = this.getPreviousMouseLeft(), previousSizeableElementWidth = this.getPreviousSizeableElementWidth(), relativeMouseLeft = mouseLeft - previousMouseLeft;
|
|
159
|
-
var sizeableElementWidth = previousSizeableElementWidth - direction * relativeMouseLeft;
|
|
160
|
-
var width = sizeableElementWidth, eventType = DRAG_EVENT_TYPE;
|
|
161
|
-
sizeableElement.setWidth(width);
|
|
162
|
-
sizeableElementWidth = sizeableElement.getWidth(); ///
|
|
163
|
-
this.callHandlers(eventType, sizeableElementWidth);
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
},
|
|
168
|
-
{
|
|
169
|
-
key: "mouseDownHandler",
|
|
170
|
-
value: function mouseDownHandler(event, element) {
|
|
171
|
-
var pageX = event.pageX, mouseLeft = pageX, disabled = this.isDisabled();
|
|
149
|
+
key: "startDragHandler",
|
|
150
|
+
value: function startDragHandler(element) {
|
|
151
|
+
var disabled = this.isDisabled();
|
|
172
152
|
if (!disabled) {
|
|
173
|
-
var
|
|
174
|
-
this.setPreviousMouseLeft(previousMouseLeft);
|
|
153
|
+
var sizeableElement = this.getSizeableElement(), sizeableElementWidth = sizeableElement.getWidth(), previousSizeableElementWidth = sizeableElementWidth; ///
|
|
175
154
|
this.setPreviousSizeableElementWidth(previousSizeableElementWidth);
|
|
176
155
|
(0, _cursor).columnResizeCursor();
|
|
177
|
-
if (!dragging) {
|
|
178
|
-
this.startDrag();
|
|
179
|
-
}
|
|
180
156
|
}
|
|
181
157
|
}
|
|
182
158
|
},
|
|
183
159
|
{
|
|
184
|
-
key: "
|
|
185
|
-
value: function
|
|
186
|
-
var
|
|
187
|
-
|
|
160
|
+
key: "dragHandler",
|
|
161
|
+
value: function dragHandler(relativeMouseTop, relativeMouseLeft) {
|
|
162
|
+
var disabled = this.isDisabled();
|
|
163
|
+
if (!disabled) {
|
|
164
|
+
var direction = this.getDirection(), sizeableElement = this.getSizeableElement(), previousSizeableElementWidth = this.getPreviousSizeableElementWidth(), sizeableElementWidth = previousSizeableElementWidth - direction * relativeMouseLeft, width = sizeableElementWidth; ///
|
|
165
|
+
sizeableElement.setWidth(width);
|
|
166
|
+
}
|
|
188
167
|
}
|
|
189
168
|
},
|
|
190
169
|
{
|
|
@@ -194,14 +173,6 @@ var VerticalSplitter = /*#__PURE__*/ function(Splitter) {
|
|
|
194
173
|
return previousSizeableElementWidth;
|
|
195
174
|
}
|
|
196
175
|
},
|
|
197
|
-
{
|
|
198
|
-
key: "setPreviousMouseLeft",
|
|
199
|
-
value: function setPreviousMouseLeft(previousMouseLeft) {
|
|
200
|
-
this.updateState({
|
|
201
|
-
previousMouseLeft: previousMouseLeft
|
|
202
|
-
});
|
|
203
|
-
}
|
|
204
|
-
},
|
|
205
176
|
{
|
|
206
177
|
key: "setPreviousSizeableElementWidth",
|
|
207
178
|
value: function setPreviousSizeableElementWidth(previousSizeableElementWidth) {
|
|
@@ -213,9 +184,8 @@ var VerticalSplitter = /*#__PURE__*/ function(Splitter) {
|
|
|
213
184
|
{
|
|
214
185
|
key: "setInitialState",
|
|
215
186
|
value: function setInitialState() {
|
|
216
|
-
var
|
|
187
|
+
var previousSizeableElementWidth = null;
|
|
217
188
|
this.setState({
|
|
218
|
-
previousMouseLeft: previousMouseLeft,
|
|
219
189
|
previousSizeableElementWidth: previousSizeableElementWidth
|
|
220
190
|
});
|
|
221
191
|
}
|
|
@@ -229,4 +199,4 @@ _defineProperty(VerticalSplitter, "defaultProperties", {
|
|
|
229
199
|
var _default = (0, _easyWithStyle).default(VerticalSplitter)(_templateObject());
|
|
230
200
|
exports.default = _default;
|
|
231
201
|
|
|
232
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
202
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXYvc3BsaXR0ZXIvdmVydGljYWwuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCBTcGxpdHRlciBmcm9tIFwiLi4vc3BsaXR0ZXJcIjtcblxuaW1wb3J0IHsgY29sdW1uUmVzaXplQ3Vyc29yIH0gZnJvbSBcIi4uLy4uL2N1cnNvclwiO1xuXG5jbGFzcyBWZXJ0aWNhbFNwbGl0dGVyIGV4dGVuZHMgU3BsaXR0ZXIge1xuICBtb3VzZU92ZXJIYW5kbGVyKGV2ZW50LCBlbGVtZW50KSB7XG4gICAgY29uc3QgZGlzYWJsZWQgPSB0aGlzLmlzRGlzYWJsZWQoKTtcblxuICAgIGlmICghZGlzYWJsZWQpIHtcbiAgICAgIGNvbHVtblJlc2l6ZUN1cnNvcigpO1xuICAgIH1cbiAgfVxuXG4gIHN0YXJ0RHJhZ0hhbmRsZXIoZWxlbWVudCkge1xuICAgIGNvbnN0IGRpc2FibGVkID0gdGhpcy5pc0Rpc2FibGVkKCk7XG5cbiAgICBpZiAoIWRpc2FibGVkKSB7XG4gICAgICBjb25zdCBzaXplYWJsZUVsZW1lbnQgPSB0aGlzLmdldFNpemVhYmxlRWxlbWVudCgpLFxuICAgICAgICAgICAgc2l6ZWFibGVFbGVtZW50V2lkdGggPSBzaXplYWJsZUVsZW1lbnQuZ2V0V2lkdGgoKSxcbiAgICAgICAgICAgIHByZXZpb3VzU2l6ZWFibGVFbGVtZW50V2lkdGggPSBzaXplYWJsZUVsZW1lbnRXaWR0aDsgIC8vL1xuXG4gICAgICB0aGlzLnNldFByZXZpb3VzU2l6ZWFibGVFbGVtZW50V2lkdGgocHJldmlvdXNTaXplYWJsZUVsZW1lbnRXaWR0aCk7XG5cbiAgICAgIGNvbHVtblJlc2l6ZUN1cnNvcigpO1xuICAgIH1cbiAgfVxuXG4gIGRyYWdIYW5kbGVyKHJlbGF0aXZlTW91c2VUb3AsIHJlbGF0aXZlTW91c2VMZWZ0KSB7XG4gICAgY29uc3QgZGlzYWJsZWQgPSB0aGlzLmlzRGlzYWJsZWQoKTtcblxuICAgIGlmICghZGlzYWJsZWQpIHtcbiAgICAgIGNvbnN0IGRpcmVjdGlvbiA9IHRoaXMuZ2V0RGlyZWN0aW9uKCksXG4gICAgICAgICAgICBzaXplYWJsZUVsZW1lbnQgPSB0aGlzLmdldFNpemVhYmxlRWxlbWVudCgpLFxuICAgICAgICAgICAgcHJldmlvdXNTaXplYWJsZUVsZW1lbnRXaWR0aCA9IHRoaXMuZ2V0UHJldmlvdXNTaXplYWJsZUVsZW1lbnRXaWR0aCgpLFxuICAgICAgICAgICAgc2l6ZWFibGVFbGVtZW50V2lkdGggPSBwcmV2aW91c1NpemVhYmxlRWxlbWVudFdpZHRoIC0gZGlyZWN0aW9uICogcmVsYXRpdmVNb3VzZUxlZnQsXG4gICAgICAgICAgICB3aWR0aCA9IHNpemVhYmxlRWxlbWVudFdpZHRoOyAvLy9cblxuICAgICAgc2l6ZWFibGVFbGVtZW50LnNldFdpZHRoKHdpZHRoKTtcbiAgICB9XG4gIH1cblxuICBnZXRQcmV2aW91c1NpemVhYmxlRWxlbWVudFdpZHRoKCkge1xuICAgIGNvbnN0IHN0YXRlID0gdGhpcy5nZXRTdGF0ZSgpLFxuICAgICAgICAgIHsgcHJldmlvdXNTaXplYWJsZUVsZW1lbnRXaWR0aCB9ID0gc3RhdGU7XG5cbiAgICByZXR1cm4gcHJldmlvdXNTaXplYWJsZUVsZW1lbnRXaWR0aDtcbiAgfVxuXG4gIHNldFByZXZpb3VzU2l6ZWFibGVFbGVtZW50V2lkdGgocHJldmlvdXNTaXplYWJsZUVsZW1lbnRXaWR0aCkge1xuICAgIHRoaXMudXBkYXRlU3RhdGUoe1xuICAgICAgcHJldmlvdXNTaXplYWJsZUVsZW1lbnRXaWR0aFxuICAgIH0pO1xuICB9XG5cbiAgc2V0SW5pdGlhbFN0YXRlKCkge1xuICAgIGNvbnN0IHByZXZpb3VzU2l6ZWFibGVFbGVtZW50V2lkdGggPSBudWxsO1xuXG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICBwcmV2aW91c1NpemVhYmxlRWxlbWVudFdpZHRoXG4gICAgfSk7XG4gIH1cblxuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcInZlcnRpY2FsXCJcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFZlcnRpY2FsU3BsaXR0ZXIpYFxuXG4gIHdpZHRoOiAxcmVtO1xuXG5gO1xuIl0sIm5hbWVzIjpbIlZlcnRpY2FsU3BsaXR0ZXIiLCJtb3VzZU92ZXJIYW5kbGVyIiwiZXZlbnQiLCJlbGVtZW50IiwiZGlzYWJsZWQiLCJpc0Rpc2FibGVkIiwiY29sdW1uUmVzaXplQ3Vyc29yIiwic3RhcnREcmFnSGFuZGxlciIsInNpemVhYmxlRWxlbWVudCIsImdldFNpemVhYmxlRWxlbWVudCIsInNpemVhYmxlRWxlbWVudFdpZHRoIiwiZ2V0V2lkdGgiLCJwcmV2aW91c1NpemVhYmxlRWxlbWVudFdpZHRoIiwic2V0UHJldmlvdXNTaXplYWJsZUVsZW1lbnRXaWR0aCIsImRyYWdIYW5kbGVyIiwicmVsYXRpdmVNb3VzZVRvcCIsInJlbGF0aXZlTW91c2VMZWZ0IiwiZGlyZWN0aW9uIiwiZ2V0RGlyZWN0aW9uIiwiZ2V0UHJldmlvdXNTaXplYWJsZUVsZW1lbnRXaWR0aCIsIndpZHRoIiwic2V0V2lkdGgiLCJzdGF0ZSIsImdldFN0YXRlIiwidXBkYXRlU3RhdGUiLCJzZXRJbml0aWFsU3RhdGUiLCJzZXRTdGF0ZSIsIlNwbGl0dGVyIiwiZGVmYXVsdFByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJ3aXRoU3R5bGUiXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7Ozs7QUFFUyxJQUFBLGNBQWlCLGtDQUFqQixpQkFBaUIsRUFBQTtBQUVsQixJQUFBLFNBQWEsa0NBQWIsYUFBYSxFQUFBO0FBRUMsSUFBQSxPQUFjLFdBQWQsY0FBYyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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
|