occam-dom 3.0.77 → 3.0.78
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 +28 -80
- package/index.html +1 -2
- package/lib/example/view.js +28 -6
- package/package.json +1 -1
- package/src/example/view.js +14 -4
- package/lib/example/div/columns.js +0 -35
- package/lib/example/div/splitter/vertical.js +0 -35
- package/src/example/div/columns.js +0 -11
- package/src/example/div/splitter/vertical.js +0 -11
package/index.html
CHANGED
package/lib/example/view.js
CHANGED
|
@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
5
|
exports.default = void 0;
|
|
6
|
+
var _easyWithStyle = _interopRequireDefault(require("easy-with-style"));
|
|
6
7
|
var _easy = require("easy");
|
|
7
8
|
var _occamGrammars = require("occam-grammars");
|
|
8
9
|
var _index = require("../index");
|
|
9
10
|
var _easyLayout = require("easy-layout");
|
|
10
|
-
var _columns = _interopRequireDefault(require("./div/columns"));
|
|
11
11
|
var _subHeading = _interopRequireDefault(require("./subHeading"));
|
|
12
12
|
var _sizeable = _interopRequireDefault(require("./div/sizeable"));
|
|
13
13
|
var _nodes = _interopRequireDefault(require("./textarea/nodes"));
|
|
@@ -15,7 +15,6 @@ var _expression = _interopRequireDefault(require("./input/expression"));
|
|
|
15
15
|
var _content = _interopRequireDefault(require("./textarea/content"));
|
|
16
16
|
var _maximumDepth = _interopRequireDefault(require("./input/maximumDepth"));
|
|
17
17
|
var _parseTree = _interopRequireDefault(require("./textarea/parseTree"));
|
|
18
|
-
var _vertical = _interopRequireDefault(require("./div/splitter/vertical"));
|
|
19
18
|
function _assertThisInitialized(self) {
|
|
20
19
|
if (self === void 0) {
|
|
21
20
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
@@ -123,6 +122,16 @@ function _setPrototypeOf(o, p) {
|
|
|
123
122
|
};
|
|
124
123
|
return _setPrototypeOf(o, p);
|
|
125
124
|
}
|
|
125
|
+
function _taggedTemplateLiteral(strings, raw) {
|
|
126
|
+
if (!raw) {
|
|
127
|
+
raw = strings.slice(0);
|
|
128
|
+
}
|
|
129
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
130
|
+
raw: {
|
|
131
|
+
value: Object.freeze(raw)
|
|
132
|
+
}
|
|
133
|
+
}));
|
|
134
|
+
}
|
|
126
135
|
var _typeof = function(obj) {
|
|
127
136
|
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
128
137
|
};
|
|
@@ -177,6 +186,15 @@ function _createSuper(Derived) {
|
|
|
177
186
|
return _possibleConstructorReturn(this, result);
|
|
178
187
|
};
|
|
179
188
|
}
|
|
189
|
+
function _templateObject() {
|
|
190
|
+
var data = _taggedTemplateLiteral([
|
|
191
|
+
"\n\n padding: 1rem;\n \n"
|
|
192
|
+
]);
|
|
193
|
+
_templateObject = function _templateObject() {
|
|
194
|
+
return data;
|
|
195
|
+
};
|
|
196
|
+
return data;
|
|
197
|
+
}
|
|
180
198
|
var florenceLexer = _occamGrammars.FlorenceLexer.fromNothing(), florenceParser = _occamGrammars.FlorenceParser.fromNothing();
|
|
181
199
|
var queryByExpression = _index.queryUtilities.queryByExpression;
|
|
182
200
|
var View = /*#__PURE__*/ function(Element) {
|
|
@@ -210,11 +228,11 @@ var View = /*#__PURE__*/ function(Element) {
|
|
|
210
228
|
value: function childElements() {
|
|
211
229
|
var keyUpHandler = this.keyUpHandler.bind(this);
|
|
212
230
|
return [
|
|
213
|
-
/*#__PURE__*/ React.createElement(
|
|
231
|
+
/*#__PURE__*/ React.createElement(_easyLayout.ColumnsDiv, null, /*#__PURE__*/ React.createElement(_sizeable.default, null, /*#__PURE__*/ React.createElement(_easyLayout.RowsDiv, null, /*#__PURE__*/ React.createElement(_subHeading.default, null, "Expression"), /*#__PURE__*/ React.createElement(_expression.default, {
|
|
214
232
|
onKeyUp: keyUpHandler
|
|
215
233
|
}), /*#__PURE__*/ React.createElement(_subHeading.default, null, "Maximum depth"), /*#__PURE__*/ React.createElement(_maximumDepth.default, {
|
|
216
234
|
onKeyUp: keyUpHandler
|
|
217
|
-
}), /*#__PURE__*/ React.createElement(_subHeading.default, null, "Nodes"), /*#__PURE__*/ React.createElement(_nodes.default, null))), /*#__PURE__*/ React.createElement(
|
|
235
|
+
}), /*#__PURE__*/ React.createElement(_subHeading.default, null, "Nodes"), /*#__PURE__*/ React.createElement(_nodes.default, null))), /*#__PURE__*/ React.createElement(_easyLayout.VerticalSplitterDiv, null), /*#__PURE__*/ React.createElement(_easyLayout.ColumnDiv, null, /*#__PURE__*/ React.createElement(_easyLayout.RowsDiv, null, /*#__PURE__*/ React.createElement(_subHeading.default, null, "Content"), /*#__PURE__*/ React.createElement(_content.default, {
|
|
218
236
|
onKeyUp: keyUpHandler
|
|
219
237
|
}), /*#__PURE__*/ React.createElement(_subHeading.default, null, "Parse tree"), /*#__PURE__*/ React.createElement(_parseTree.default, null))))
|
|
220
238
|
];
|
|
@@ -235,6 +253,10 @@ var View = /*#__PURE__*/ function(Element) {
|
|
|
235
253
|
return View;
|
|
236
254
|
}(_wrapNativeSuper(_easy.Element));
|
|
237
255
|
_defineProperty(View, "tagName", "div");
|
|
238
|
-
|
|
256
|
+
_defineProperty(View, "defaultProperties", {
|
|
257
|
+
className: "view"
|
|
258
|
+
});
|
|
259
|
+
var _default = (0, _easyWithStyle).default(View)(_templateObject());
|
|
260
|
+
exports.default = _default;
|
|
239
261
|
|
|
240
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
262
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IEVsZW1lbnQgfSBmcm9tIFwiZWFzeVwiO1xuaW1wb3J0IHsgRmxvcmVuY2VMZXhlciB9IGZyb20gXCJvY2NhbS1ncmFtbWFyc1wiO1xuaW1wb3J0IHsgRmxvcmVuY2VQYXJzZXIgfSBmcm9tIFwib2NjYW0tZ3JhbW1hcnNcIjtcbmltcG9ydCB7IHF1ZXJ5VXRpbGl0aWVzIH0gZnJvbSBcIi4uL2luZGV4XCI7ICAvLy9cbmltcG9ydCB7IFJvd3NEaXYsIENvbHVtbkRpdiwgQ29sdW1uc0RpdiwgVmVydGljYWxTcGxpdHRlckRpdiB9IGZyb20gXCJlYXN5LWxheW91dFwiO1xuXG5pbXBvcnQgU3ViSGVhZGluZyBmcm9tIFwiLi9zdWJIZWFkaW5nXCI7XG5pbXBvcnQgU2l6ZWFibGVEaXYgZnJvbSBcIi4vZGl2L3NpemVhYmxlXCI7XG5pbXBvcnQgTm9kZXNUZXh0YXJlYSBmcm9tIFwiLi90ZXh0YXJlYS9ub2Rlc1wiO1xuaW1wb3J0IEV4cHJlc3Npb25JbnB1dCBmcm9tIFwiLi9pbnB1dC9leHByZXNzaW9uXCI7XG5pbXBvcnQgQ29udGVudFRleHRhcmVhIGZyb20gXCIuL3RleHRhcmVhL2NvbnRlbnRcIjtcbmltcG9ydCBNYXhpbXVtRGVwdGhJbnB1dCBmcm9tIFwiLi9pbnB1dC9tYXhpbXVtRGVwdGhcIjtcbmltcG9ydCBQYXJzZVRyZWVUZXh0YXJlYSBmcm9tIFwiLi90ZXh0YXJlYS9wYXJzZVRyZWVcIjtcblxuY29uc3QgZmxvcmVuY2VMZXhlciA9IEZsb3JlbmNlTGV4ZXIuZnJvbU5vdGhpbmcoKSxcbiAgICAgIGZsb3JlbmNlUGFyc2VyID0gRmxvcmVuY2VQYXJzZXIuZnJvbU5vdGhpbmcoKTtcblxuY29uc3QgeyBxdWVyeUJ5RXhwcmVzc2lvbiB9ID0gcXVlcnlVdGlsaXRpZXM7XG5cbmNsYXNzIFZpZXcgZXh0ZW5kcyBFbGVtZW50IHtcbiAgaW5pdGlhbENvbnRlbnQgPSBgVHlwZSBOYXR1cmFsTnVtYmVyXG5cbkNvbnN0cnVjdG9yIHplcm86TmF0dXJhbE51bWJlclxuYDtcblxuICBpbml0aWFsRXhwcmVzc2lvbiA9IFwiLy9kZWNsYXJhdGlvbi8vQG5hbWVcIjtcblxuICBpbml0aWFsTWF4aW11bURlcHRoID0gNTtcblxuICBrZXlVcEhhbmRsZXIoKSB7XG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IGNvbnRlbnQgPSB0aGlzLmdldENvbnRlbnQoKSxcbiAgICAgICAgICAgIHRva2VucyA9IGZsb3JlbmNlTGV4ZXIudG9rZW5pc2UoY29udGVudCksXG4gICAgICAgICAgICBub2RlID0gZmxvcmVuY2VQYXJzZXIucGFyc2UodG9rZW5zKSxcbiAgICAgICAgICAgIHBhcnNlVHJlZSA9IG5vZGUuYXNQYXJzZVRyZWUodG9rZW5zKSxcbiAgICAgICAgICAgIGV4cHJlc3Npb24gPSB0aGlzLmdldEV4cHJlc3Npb24oKSxcbiAgICAgICAgICAgIG1heGltdW1EZXB0aCA9IHRoaXMuZ2V0TWF4aW11bURlcHRoKCksXG4gICAgICAgICAgICBub2RlcyA9IHF1ZXJ5QnlFeHByZXNzaW9uKG5vZGUsIGV4cHJlc3Npb24sIG1heGltdW1EZXB0aCk7XG5cbiAgICAgIHRoaXMuc2V0Tm9kZXMobm9kZXMsIHRva2Vucyk7IC8vL1xuXG4gICAgICB0aGlzLnNldFBhcnNlVHJlZShwYXJzZVRyZWUpO1xuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBjb25zb2xlLmxvZyhlcnJvcik7XG5cbiAgICAgIHRoaXMuY2xlYXJOb2RlcygpO1xuICAgIH1cbiAgfVxuXG4gIGNoaWxkRWxlbWVudHMoKSB7XG4gICAgY29uc3Qga2V5VXBIYW5kbGVyID0gdGhpcy5rZXlVcEhhbmRsZXIuYmluZCh0aGlzKTtcblxuICAgIHJldHVybiAoW1xuXG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPFNpemVhYmxlRGl2PlxuICAgICAgICAgIDxSb3dzRGl2PlxuICAgICAgICAgICAgPFN1YkhlYWRpbmc+XG4gICAgICAgICAgICAgIEV4cHJlc3Npb25cbiAgICAgICAgICAgIDwvU3ViSGVhZGluZz5cbiAgICAgICAgICAgIDxFeHByZXNzaW9uSW5wdXQgb25LZXlVcD17a2V5VXBIYW5kbGVyfSAvPlxuICAgICAgICAgICAgPFN1YkhlYWRpbmc+XG4gICAgICAgICAgICAgIE1heGltdW0gZGVwdGhcbiAgICAgICAgICAgIDwvU3ViSGVhZGluZz5cbiAgICAgICAgICAgIDxNYXhpbXVtRGVwdGhJbnB1dCBvbktleVVwPXtrZXlVcEhhbmRsZXJ9IC8+XG4gICAgICAgICAgICA8U3ViSGVhZGluZz5cbiAgICAgICAgICAgICAgTm9kZXNcbiAgICAgICAgICAgIDwvU3ViSGVhZGluZz5cbiAgICAgICAgICAgIDxOb2Rlc1RleHRhcmVhIC8+XG4gICAgICAgICAgPC9Sb3dzRGl2PlxuICAgICAgICA8L1NpemVhYmxlRGl2PlxuICAgICAgICA8VmVydGljYWxTcGxpdHRlckRpdiAvPlxuICAgICAgICA8Q29sdW1uRGl2PlxuICAgICAgICAgIDxSb3dzRGl2PlxuICAgICAgICAgICAgPFN1YkhlYWRpbmc+XG4gICAgICAgICAgICAgIENvbnRlbnRcbiAgICAgICAgICAgIDwvU3ViSGVhZGluZz5cbiAgICAgICAgICAgIDxDb250ZW50VGV4dGFyZWEgb25LZXlVcD17a2V5VXBIYW5kbGVyfSAvPlxuICAgICAgICAgICAgPFN1YkhlYWRpbmc+XG4gICAgICAgICAgICAgIFBhcnNlIHRyZWVcbiAgICAgICAgICAgIDwvU3ViSGVhZGluZz5cbiAgICAgICAgICAgIDxQYXJzZVRyZWVUZXh0YXJlYSAvPlxuICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgPC9Db2x1bW5EaXY+XG4gICAgICA8L0NvbHVtbnNEaXY+XG5cbiAgICBdKTtcbiAgfVxuXG4gIGluaXRpYWxpc2UoKSB7XG4gICAgdGhpcy5hc3NpZ25Db250ZXh0KCk7XG5cbiAgICBjb25zdCBjb250ZW50ID0gdGhpcy5pbml0aWFsQ29udGVudCwgIC8vL1xuICAgICAgICAgIGV4cHJlc3Npb24gPSB0aGlzLmluaXRpYWxFeHByZXNzaW9uLCAgLy8vXG4gICAgICAgICAgbWF4aW11bURlcHRoID0gdGhpcy5pbml0aWFsTWF4aW11bURlcHRoOyAgLy8vXG5cbiAgICB0aGlzLnNldENvbnRlbnQoY29udGVudCk7XG5cbiAgICB0aGlzLnNldEV4cHJlc3Npb24oZXhwcmVzc2lvbik7XG5cbiAgICB0aGlzLnNldE1heGltdW1EZXB0aChtYXhpbXVtRGVwdGgpO1xuXG4gICAgdGhpcy5rZXlVcEhhbmRsZXIoKTsgIC8vL1xuICB9XG5cbiAgc3RhdGljIHRhZ05hbWUgPSBcImRpdlwiO1xuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcGVydGllcyA9IHtcbiAgICBjbGFzc05hbWU6IFwidmlld1wiXG4gIH07XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZShWaWV3KWBcblxuICBwYWRkaW5nOiAxcmVtO1xuICBcbmA7Il0sIm5hbWVzIjpbImZsb3JlbmNlTGV4ZXIiLCJmcm9tTm90aGluZyIsImZsb3JlbmNlUGFyc2VyIiwicXVlcnlCeUV4cHJlc3Npb24iLCJWaWV3IiwiaW5pdGlhbENvbnRlbnQiLCJpbml0aWFsRXhwcmVzc2lvbiIsImluaXRpYWxNYXhpbXVtRGVwdGgiLCJrZXlVcEhhbmRsZXIiLCJjb250ZW50IiwiZ2V0Q29udGVudCIsInRva2VucyIsInRva2VuaXNlIiwibm9kZSIsInBhcnNlIiwicGFyc2VUcmVlIiwiYXNQYXJzZVRyZWUiLCJleHByZXNzaW9uIiwiZ2V0RXhwcmVzc2lvbiIsIm1heGltdW1EZXB0aCIsImdldE1heGltdW1EZXB0aCIsIm5vZGVzIiwic2V0Tm9kZXMiLCJzZXRQYXJzZVRyZWUiLCJlcnJvciIsImNvbnNvbGUiLCJsb2ciLCJjbGVhck5vZGVzIiwiY2hpbGRFbGVtZW50cyIsImJpbmQiLCJvbktleVVwIiwiaW5pdGlhbGlzZSIsImFzc2lnbkNvbnRleHQiLCJzZXRDb250ZW50Iiwic2V0RXhwcmVzc2lvbiIsInNldE1heGltdW1EZXB0aCIsInRhZ05hbWUiLCJkZWZhdWx0UHJvcGVydGllcyIsImNsYXNzTmFtZSJdLCJtYXBwaW5ncyI6IkFBQUEsQ0FBWTs7Ozs7QUFFVSxHQUFpQixDQUFqQixjQUFpQjtBQUVmLEdBQU0sQ0FBTixLQUFNO0FBQ0EsR0FBZ0IsQ0FBaEIsY0FBZ0I7QUFFZixHQUFVLENBQVYsTUFBVTtBQUMyQixHQUFhLENBQWIsV0FBYTtBQUUxRCxHQUFjLENBQWQsV0FBYztBQUNiLEdBQWdCLENBQWhCLFNBQWdCO0FBQ2QsR0FBa0IsQ0FBbEIsTUFBa0I7QUFDaEIsR0FBb0IsQ0FBcEIsV0FBb0I7QUFDcEIsR0FBb0IsQ0FBcEIsUUFBb0I7QUFDbEIsR0FBc0IsQ0FBdEIsYUFBc0I7QUFDdEIsR0FBc0IsQ0FBdEIsVUFBc0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztRQW9HckIsQ0FJL0I7Ozs7Ozs7QUF0R0EsR0FBSyxDQUFDQSxhQUFhLEdBYlcsY0FBZ0IsZUFhVkMsV0FBVyxJQUN6Q0MsY0FBYyxHQWRVLGNBQWdCLGdCQWNSRCxXQUFXO0FBRWpELEdBQUssQ0FBR0UsaUJBQWlCLEdBZE0sTUFBVSxnQkFjakNBLGlCQUFpQjtJQUVuQkMsSUFBSSxpQkFBVixRQUFRO2NBQUZBLElBQUk7OEJBQUpBLElBQUk7YUFBSkEsSUFBSTs4QkFBSkEsSUFBSTs7O3VEQUNSQyxDQUFjLGlCQUFJLENBR3BCO3VEQUVFQyxDQUFpQixvQkFBRyxDQUFzQjt1REFFMUNDLENBQW1CLHNCQUFHLENBQUM7Oztp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
|
package/package.json
CHANGED
package/src/example/view.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import withStyle from "easy-with-style"; ///
|
|
4
|
+
|
|
3
5
|
import { Element } from "easy";
|
|
4
6
|
import { FlorenceLexer } from "occam-grammars";
|
|
5
7
|
import { FlorenceParser } from "occam-grammars";
|
|
6
8
|
import { queryUtilities } from "../index"; ///
|
|
7
|
-
import { RowsDiv, ColumnDiv } from "easy-layout";
|
|
9
|
+
import { RowsDiv, ColumnDiv, ColumnsDiv, VerticalSplitterDiv } from "easy-layout";
|
|
8
10
|
|
|
9
|
-
import ColumnsDiv from "./div/columns";
|
|
10
11
|
import SubHeading from "./subHeading";
|
|
11
12
|
import SizeableDiv from "./div/sizeable";
|
|
12
13
|
import NodesTextarea from "./textarea/nodes";
|
|
@@ -14,14 +15,13 @@ import ExpressionInput from "./input/expression";
|
|
|
14
15
|
import ContentTextarea from "./textarea/content";
|
|
15
16
|
import MaximumDepthInput from "./input/maximumDepth";
|
|
16
17
|
import ParseTreeTextarea from "./textarea/parseTree";
|
|
17
|
-
import VerticalSplitterDiv from "./div/splitter/vertical";
|
|
18
18
|
|
|
19
19
|
const florenceLexer = FlorenceLexer.fromNothing(),
|
|
20
20
|
florenceParser = FlorenceParser.fromNothing();
|
|
21
21
|
|
|
22
22
|
const { queryByExpression } = queryUtilities;
|
|
23
23
|
|
|
24
|
-
|
|
24
|
+
class View extends Element {
|
|
25
25
|
initialContent = `Type NaturalNumber
|
|
26
26
|
|
|
27
27
|
Constructor zero:NaturalNumber
|
|
@@ -108,4 +108,14 @@ Constructor zero:NaturalNumber
|
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
static tagName = "div";
|
|
111
|
+
|
|
112
|
+
static defaultProperties = {
|
|
113
|
+
className: "view"
|
|
114
|
+
};
|
|
111
115
|
}
|
|
116
|
+
|
|
117
|
+
export default withStyle(View)`
|
|
118
|
+
|
|
119
|
+
padding: 1rem;
|
|
120
|
+
|
|
121
|
+
`;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
exports.default = void 0;
|
|
6
|
-
var _easyWithStyle = _interopRequireDefault(require("easy-with-style"));
|
|
7
|
-
var _easyLayout = require("easy-layout");
|
|
8
|
-
function _interopRequireDefault(obj) {
|
|
9
|
-
return obj && obj.__esModule ? obj : {
|
|
10
|
-
default: obj
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
function _taggedTemplateLiteral(strings, raw) {
|
|
14
|
-
if (!raw) {
|
|
15
|
-
raw = strings.slice(0);
|
|
16
|
-
}
|
|
17
|
-
return Object.freeze(Object.defineProperties(strings, {
|
|
18
|
-
raw: {
|
|
19
|
-
value: Object.freeze(raw)
|
|
20
|
-
}
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
function _templateObject() {
|
|
24
|
-
var data = _taggedTemplateLiteral([
|
|
25
|
-
"\n\n padding: 1rem;\n \n"
|
|
26
|
-
]);
|
|
27
|
-
_templateObject = function _templateObject() {
|
|
28
|
-
return data;
|
|
29
|
-
};
|
|
30
|
-
return data;
|
|
31
|
-
}
|
|
32
|
-
var _default = (0, _easyWithStyle).default(_easyLayout.ColumnsDiv)(_templateObject());
|
|
33
|
-
exports.default = _default;
|
|
34
|
-
|
|
35
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9jb2x1bW5zLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgIC8vL1xuXG5pbXBvcnQgeyBDb2x1bW5zRGl2IH0gZnJvbSBcImVhc3ktbGF5b3V0XCI7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZShDb2x1bW5zRGl2KWBcblxuICBwYWRkaW5nOiAxcmVtO1xuICBcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsQ0FBWTs7Ozs7QUFFVSxHQUFpQixDQUFqQixjQUFpQjtBQUVaLEdBQWEsQ0FBYixXQUFhOzs7Ozs7Ozs7Ozs7Ozs7Ozs7UUFFSCxDQUlyQzs7Ozs7OzttQkFSc0IsY0FBaUIsVUFFWixXQUFhIn0=
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
exports.default = void 0;
|
|
6
|
-
var _easyWithStyle = _interopRequireDefault(require("easy-with-style"));
|
|
7
|
-
var _easyLayout = require("easy-layout");
|
|
8
|
-
function _interopRequireDefault(obj) {
|
|
9
|
-
return obj && obj.__esModule ? obj : {
|
|
10
|
-
default: obj
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
function _taggedTemplateLiteral(strings, raw) {
|
|
14
|
-
if (!raw) {
|
|
15
|
-
raw = strings.slice(0);
|
|
16
|
-
}
|
|
17
|
-
return Object.freeze(Object.defineProperties(strings, {
|
|
18
|
-
raw: {
|
|
19
|
-
value: Object.freeze(raw)
|
|
20
|
-
}
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
function _templateObject() {
|
|
24
|
-
var data = _taggedTemplateLiteral([
|
|
25
|
-
"\n\n background-color: white;\n \n"
|
|
26
|
-
]);
|
|
27
|
-
_templateObject = function _templateObject() {
|
|
28
|
-
return data;
|
|
29
|
-
};
|
|
30
|
-
return data;
|
|
31
|
-
}
|
|
32
|
-
var _default = (0, _easyWithStyle).default(_easyLayout.VerticalSplitterDiv)(_templateObject());
|
|
33
|
-
exports.default = _default;
|
|
34
|
-
|
|
35
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IHsgVmVydGljYWxTcGxpdHRlckRpdiB9IGZyb20gXCJlYXN5LWxheW91dFwiO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoVmVydGljYWxTcGxpdHRlckRpdilgXG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIFxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxDQUFZOzs7OztBQUVVLEdBQWlCLENBQWpCLGNBQWlCO0FBRUgsR0FBYSxDQUFiLFdBQWE7Ozs7Ozs7Ozs7Ozs7Ozs7OztRQUVILENBSTlDOzs7Ozs7O21CQVJzQixjQUFpQixVQUVILFdBQWEifQ==
|