diff --git a/docs/bundle.js b/docs/bundle.js index c3627e5..d91e524 100644 --- a/docs/bundle.js +++ b/docs/bundle.js @@ -1,627 +1,6 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = 0); -/******/ }) -/************************************************************************/ -/******/ ({ - -/***/ "./node_modules/css-loader/dist/cjs.js!./src/css/binnodes.css": -/*!********************************************************************!*\ - !*** ./node_modules/css-loader/dist/cjs.js!./src/css/binnodes.css ***! - \********************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".binnode {\\r\\n display: inline-block;\\r\\n white-space: nowrap;\\r\\n position: absolute;\\r\\n min-width: var(--normal-outer-w);\\r\\n height: var(--normal-outer-h);\\r\\n line-height: var(--normal-inner-h);\\r\\n padding: 7px;\\r\\n border-width: var(--normal-bdwidth);\\r\\n border-style: solid;\\r\\n border-radius: 10px;\\r\\n border-color: var(--normal-bdcolor);\\r\\n /* 居中 */\\r\\n transform: translate(-50%, -50%);\\r\\n font-family: \\\"Arial\\\", \\\"Microsoft YaHei\\\", \\\"黑体\\\", \\\"宋体\\\", sans-serif;\\r\\n font-size: var(--normal-font-size);\\r\\n font-weight: bold;\\r\\n text-align: center;\\r\\n text-shadow: var(--normal-numcolor);\\r\\n background-color: var(--normal-bgcolor);\\r\\n color: var(--normal-numcolor);\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n.normal-color-node {\\r\\n color: var(--normal-numcolor);\\r\\n}\\r\\n\\r\\n.red-node {\\r\\n color: var(--red-color);\\r\\n}\\r\\n\\r\\n.black-node {\\r\\n color: var(--black-color);\\r\\n}\\r\\n\\r\\n.extr-binnode {\\r\\n z-index: 0;\\r\\n opacity: 0.1;\\r\\n}\\r\\n\\r\\n.extr-binnode:hover {\\r\\n opacity: 0.5;\\r\\n z-index: 10;\\r\\n}\\r\\n\\r\\n.binnode-input {\\r\\n min-width: var(--normal-inner-w);\\r\\n height: var(--normal-inner-h);\\r\\n border: none;\\r\\n outline: none;\\r\\n text-align: center;\\r\\n line-height: var(--normal-inner-h);\\r\\n font-size: var(--normal-font-size);\\r\\n}\\r\\n\\r\\n.active-node {\\r\\n border-color: var(--active-color) !important;\\r\\n}\\r\\n\\r\\n.visited-node {\\r\\n border-color: var(--visited-color) !important;\\r\\n}\\r\\n\\r\\n.deprecated-node {\\r\\n color: var(--deprecated-color) !important;\\r\\n border-color: var(--deprecated-color) !important;\\r\\n}\\r\\n\\r\\n.node-upper-btn, .node-left-btn {\\r\\n position: absolute;\\r\\n top: -20px;\\r\\n font-size: 19px;\\r\\n line-height: 20px;\\r\\n width: 15px;\\r\\n height: 20px;\\r\\n text-align: center;\\r\\n color: grey;\\r\\n opacity: 0;\\r\\n cursor: pointer;\\r\\n z-index: 3;\\r\\n}\\r\\n\\r\\n.binnode:hover {\\r\\n text-shadow: 0px 0px 1px;\\r\\n box-shadow: 0 0 5px;\\r\\n}\\r\\n\\r\\n.binnode:hover .node-upper-btn, .binnode:hover .node-left-btn {\\r\\n opacity: 0.5;\\r\\n}\\r\\n\\r\\n.subtree-delete-btn {\\r\\n right: 0px;\\r\\n}\\r\\n\\r\\n.subtree-delete-btn:hover {\\r\\n opacity: 1 !important;\\r\\n color: red;\\r\\n}\\r\\n\\r\\n.node-delete-btn {\\r\\n left: 0px;\\r\\n}\\r\\n\\r\\n.node-delete-btn:hover {\\r\\n opacity: 1 !important;\\r\\n color: blue;\\r\\n}\\r\\n\\r\\n.node-upper-btn:active, .node-left-btn:active {\\r\\n text-shadow: 0 0 1px;\\r\\n}\\r\\n\\r\\n#trvl-sequence {\\r\\n position: absolute;\\r\\n top: -140px;\\r\\n transform: translate(-50%, -50%);\\r\\n color: gray;\\r\\n border-color: gray;\\r\\n}\\r\\n\\r\\n.top-proper-btn {\\r\\n left: -20px;\\r\\n}\\r\\n\\r\\n.top-proper-btn:hover {\\r\\n opacity: 1 !important;\\r\\n}\\r\\n\\r\\n.top-build-btn {\\r\\n left: 0;\\r\\n}\\r\\n\\r\\n.top-build-btn:hover {\\r\\n color: red;\\r\\n opacity: 1 !important;\\r\\n}\\r\\n\\r\\n.top-insert-btn {\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n}\\r\\n\\r\\n.top-insert-btn:hover {\\r\\n color: blue;\\r\\n opacity: 1 !important;\\r\\n}\\r\\n\\r\\n.top-search-btn {\\r\\n right: 0;\\r\\n}\\r\\n\\r\\n.top-search-btn:hover {\\r\\n color: black;\\r\\n opacity: 1 !important;\\r\\n}\\r\\n\\r\\n.node-left-btn {\\r\\n left: -20px;\\r\\n}\\r\\n\\r\\n.top-help-btn {\\r\\n top: 10px;\\r\\n}\\r\\n\\r\\n.top-help-btn:hover {\\r\\n color: blue;\\r\\n opacity: 1 !important;\\r\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/css/binnodes.css?./node_modules/css-loader/dist/cjs.js"); - -/***/ }), - -/***/ "./node_modules/css-loader/dist/cjs.js!./src/css/button.css": -/*!******************************************************************!*\ - !*** ./node_modules/css-loader/dist/cjs.js!./src/css/button.css ***! - \******************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".btn {\\r\\n border: none;\\r\\n border-radius: 5px;\\r\\n outline: none;\\r\\n padding: 5px 10px;\\r\\n height: 40px;\\r\\n cursor: pointer;\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.btn:active {\\r\\n transform: scale(0.99);\\r\\n transform-origin: left;\\r\\n}\\r\\n\\r\\n.btn-default:hover {\\r\\n box-shadow: 0 0 1px 1px gray;\\r\\n}\\r\\n\\r\\n.btn-trans {\\r\\n background: none;\\r\\n border: 1px solid snow;\\r\\n color: snow;\\r\\n transition: background-color 0.3s, color 0.3s;\\r\\n}\\r\\n\\r\\n.btn-trans:hover {\\r\\n background-color: snow;\\r\\n color: black;\\r\\n}\\r\\n\\r\\n.btn-primary {\\r\\n background-color: #0984e3;\\r\\n color: snow;\\r\\n}\\r\\n\\r\\n.btn-primary:hover {\\r\\n background-color: #0652DD;\\r\\n /* Dutch MERCHANT MARINE BLUE */\\r\\n box-shadow: 0 0 5px 0 #0652DD;\\r\\n text-shadow: 0 0 1px whitesmoke;\\r\\n}\\r\\n\\r\\n.btn-primary:active {\\r\\n box-shadow: 0 0 2px 1px #0652DD;\\r\\n color: #ecf0f1;\\r\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/css/button.css?./node_modules/css-loader/dist/cjs.js"); - -/***/ }), - -/***/ "./node_modules/css-loader/dist/cjs.js!./src/css/edges.css": -/*!*****************************************************************!*\ - !*** ./node_modules/css-loader/dist/cjs.js!./src/css/edges.css ***! - \*****************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".left-edge {\\r\\n position: absolute;\\r\\n border-width: var(--normal-edgewidth) 0 0 var(--normal-edgewidth);\\r\\n border-style: solid;\\r\\n border-color: var(--normal-edgecolor);\\r\\n border-radius: 3px;\\r\\n z-index: -1;\\r\\n}\\r\\n\\r\\n.right-edge {\\r\\n position: absolute;\\r\\n border-width: var(--normal-edgewidth) var(--normal-edgewidth) 0 0;\\r\\n border-style: solid;\\r\\n border-color: var(--normal-edgecolor);\\r\\n border-radius: 3px;\\r\\n z-index: -1;\\r\\n}\\r\\n\\r\\n.extr-edge {\\r\\n opacity: 0.1;\\r\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/css/edges.css?./node_modules/css-loader/dist/cjs.js"); - -/***/ }), - -/***/ "./node_modules/css-loader/dist/cjs.js!./src/css/index.css": -/*!*****************************************************************!*\ - !*** ./node_modules/css-loader/dist/cjs.js!./src/css/index.css ***! - \*****************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_AT_RULE_IMPORT_0___ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./toolbars.css */ \"./node_modules/css-loader/dist/cjs.js!./src/css/toolbars.css\");\nvar ___CSS_LOADER_AT_RULE_IMPORT_1___ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./binnodes.css */ \"./node_modules/css-loader/dist/cjs.js!./src/css/binnodes.css\");\nvar ___CSS_LOADER_AT_RULE_IMPORT_2___ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js!./edges.css */ \"./node_modules/css-loader/dist/cjs.js!./src/css/edges.css\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\nexports.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\nexports.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\nexports.i(___CSS_LOADER_AT_RULE_IMPORT_2___);\n// Module\nexports.push([module.i, \"* {\\r\\n padding: 0;\\r\\n margin: 0;\\r\\n box-sizing: border-box;\\r\\n -webkit-touch-callout: none;\\r\\n /*系统默认菜单被禁用*/\\r\\n -webkit-user-select: none;\\r\\n /*webkit浏览器*/\\r\\n -khtml-user-select: none;\\r\\n /*早期浏览器*/\\r\\n -moz-user-select: none;\\r\\n /*火狐*/\\r\\n -ms-user-select: none;\\r\\n /*IE10*/\\r\\n user-select: none;\\r\\n}\\r\\n\\r\\nhtml, body {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n min-width: 300px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n:root {\\r\\n --normal-inner-h: 40px;\\r\\n --normal-outer-h: 60px;\\r\\n --normal-inner-w: 40px;\\r\\n --normal-outer-w: 60px;\\r\\n --normal-font-size: 25px;\\r\\n --normal-bdwidth: 3px;\\r\\n --normal-edgewidth: 3px;\\r\\n --normal-numcolor: rgba(30, 144, 255, 1.0);\\r\\n --normal-bdcolor: rgba(30, 144, 255, 1.0);\\r\\n --normal-bgcolor: white;\\r\\n --normal-edgecolor: rgba(87, 96, 111, 1.0);\\r\\n --active-color: rgba(253, 121, 168, 1.0);\\r\\n --visited-color: gray;\\r\\n --deprecated-color: rgba(253, 203, 110, 1.0);\\r\\n --red-color: red;\\r\\n --black-color: black;\\r\\n}\\r\\n\\r\\n#TreePlayground {\\r\\n position: relative;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n z-index: 0;\\r\\n}\\r\\n\\r\\n.tree {\\r\\n position: absolute;\\r\\n width: 50px;\\r\\n left: 50%;\\r\\n top: 300px;\\r\\n z-index: 10;\\r\\n}\\r\\n\\r\\n.tree-dragging-btn {\\r\\n display: block;\\r\\n width: 35px;\\r\\n height: 35px;\\r\\n border: 2px dashed black;\\r\\n border-radius: 30%;\\r\\n position: absolute;\\r\\n top: -80px;\\r\\n transform: translate(-50%, -50%);\\r\\n transform-origin: 50% 80px;\\r\\n cursor: move;\\r\\n opacity: 0.5;\\r\\n}\\r\\n\\r\\n.tree-dragging-btn::after {\\r\\n content: \\\"\\\";\\r\\n display: block;\\r\\n width: 0px;\\r\\n height: 31px;\\r\\n border: 2px solid black;\\r\\n position: relative;\\r\\n top: 100%;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n opacity: 0.5;\\r\\n}\\r\\n\\r\\n@keyframes shake {\\r\\n 10% {\\r\\n transform: translate(-50%, -50%) rotate(-5deg);\\r\\n }\\r\\n 20% {\\r\\n transform: translate(-50%, -50%) rotate(5deg);\\r\\n }\\r\\n 40% {\\r\\n transform: translate(-50%, -50%) rotate(-3deg);\\r\\n }\\r\\n 60% {\\r\\n transform: translate(-50%, -50%) rotate(3deg);\\r\\n }\\r\\n}\\r\\n\\r\\n.tree-dragging-btn:hover {\\r\\n animation: shake 1s;\\r\\n opacity: 1;\\r\\n}\\r\\n\\r\\n.left-message {\\r\\n position: absolute;\\r\\n right: 93px;\\r\\n top: -95px;\\r\\n font-size: 24px;\\r\\n color: gray;\\r\\n white-space: nowrap;\\r\\n}\\r\\n\\r\\n.right-message {\\r\\n position: absolute;\\r\\n left: 40px;\\r\\n top: -95px;\\r\\n font-size: 24px;\\r\\n color: gray;\\r\\n white-space: nowrap;\\r\\n}\\r\\n\\r\\n#footer {\\r\\n font-size: 14px;\\r\\n z-index: 1;\\r\\n color: gray;\\r\\n}\\r\\n\\r\\n/* Pad */\\r\\n\\r\\n@media screen and (max-width: 768px) {\\r\\n .tree {\\r\\n top: 350px;\\r\\n }\\r\\n .tree-dragging-btn {\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n }\\r\\n .tree-dragging-btn::after {\\r\\n height: 25px;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 376px) {\\r\\n #footer, #header {\\r\\n font-size: 10px;\\r\\n }\\r\\n}\\r\\n\\r\\n/* Horizontally */\\r\\n\\r\\n@media screen and (max-height: 500px) {\\r\\n .tree {\\r\\n top: 200px;\\r\\n }\\r\\n #footer, #header {\\r\\n font-size: 10px;\\r\\n }\\r\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/css/index.css?./node_modules/css-loader/dist/cjs.js"); - -/***/ }), - -/***/ "./node_modules/css-loader/dist/cjs.js!./src/css/toolbars.css": -/*!********************************************************************!*\ - !*** ./node_modules/css-loader/dist/cjs.js!./src/css/toolbars.css ***! - \********************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".top-toolbar {\\r\\n position: fixed;\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n margin-top: 25px;\\r\\n height: 70px;\\r\\n width: 100vw;\\r\\n background-color: rgba(255, 255, 255, 0.8);\\r\\n}\\r\\n\\r\\n.top-toolbar-item {\\r\\n margin: 5px 10px;\\r\\n}\\r\\n\\r\\n.top-toolbar button {\\r\\n width: 85px;\\r\\n}\\r\\n\\r\\n#interval-ranger {\\r\\n width: 120px;\\r\\n display: inline-block;\\r\\n vertical-align: baseline;\\r\\n}\\r\\n\\r\\n#interval-ranger span {\\r\\n white-space: nowrap;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n#interval-ranger input {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.left-toolbar {\\r\\n background-color: rgba(255, 255, 255, 0.8);\\r\\n position: fixed;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n top: 150px;\\r\\n left: 50px;\\r\\n width: 100px;\\r\\n z-index: 10;\\r\\n}\\r\\n\\r\\n.left-toolbar #tree-type-selector {\\r\\n width: 100%;\\r\\n height: 40px;\\r\\n margin-top: 10px;\\r\\n margin-bottom: 60px;\\r\\n padding: 6px 4px;\\r\\n font-size: 16px;\\r\\n border-radius: 5px;\\r\\n outline: none;\\r\\n}\\r\\n\\r\\n.left-toolbar button {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.left-toolbar #tree-scale-ranger {\\r\\n width: 100%;\\r\\n align-self: center;\\r\\n}\\r\\n\\r\\n.left-toolbar #tree-scale-ranger input {\\r\\n transform: rotate(-90deg);\\r\\n transform-origin: bottom;\\r\\n position: relative;\\r\\n left: -15px;\\r\\n width: 150px;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.left-toolbar #tree-scale-ranger h4 {\\r\\n text-align: center;\\r\\n display: block;\\r\\n position: relative;\\r\\n top: 130px;\\r\\n white-space: nowrap;\\r\\n}\\r\\n\\r\\n/* Pad */\\r\\n@media screen and (max-width: 768px) {\\r\\n .top-toolbar {\\r\\n flex-wrap: wrap;\\r\\n justify-content: left;\\r\\n width: 350px;\\r\\n /* height: 130px; */\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n transform-origin: center;\\r\\n }\\r\\n #interval-ranger {\\r\\n width: 110px;\\r\\n }\\r\\n .left-toolbar {\\r\\n width: 350px;\\r\\n padding: 0;\\r\\n left: 50%;\\r\\n top: 130px;\\r\\n transform: translateX(-50%);\\r\\n height: 60px;\\r\\n flex-direction: row;\\r\\n justify-content: left;\\r\\n align-items: center;\\r\\n }\\r\\n .left-toolbar-item {\\r\\n margin: 5px 10px;\\r\\n }\\r\\n .left-toolbar button {\\r\\n width: 85px;\\r\\n }\\r\\n .left-toolbar #tree-type-selector {\\r\\n width: 85px;\\r\\n height: 35px;\\r\\n margin: 0 10px;\\r\\n }\\r\\n .left-toolbar #tree-scale-ranger {\\r\\n width: 110px;\\r\\n }\\r\\n .left-toolbar #tree-scale-ranger input {\\r\\n width: 100%;\\r\\n left: 0;\\r\\n transform: none;\\r\\n }\\r\\n .left-toolbar #tree-scale-ranger h4 {\\r\\n top: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n/* Phone */\\r\\n@media screen and (max-width: 376px) {\\r\\n .top-toolbar {\\r\\n width: 300px !important;\\r\\n transform: translateX(-50%) scale(0.8);\\r\\n }\\r\\n .top-toolbar-item {\\r\\n margin: 5px 5px;\\r\\n }\\r\\n #interval-ranger {\\r\\n width: 100px;\\r\\n }\\r\\n .left-toolbar {\\r\\n width: 300px;\\r\\n transform: translateX(-50%) scale(0.8);\\r\\n top: 110px;\\r\\n }\\r\\n .left-toolbar-item {\\r\\n margin: 5px 5px;\\r\\n }\\r\\n .left-toolbar #tree-scale-ranger {\\r\\n width: 100px;\\r\\n }\\r\\n}\\r\\n\\r\\n/* Horizontally */\\r\\n@media screen and (max-height: 500px) {\\r\\n .left-toolbar {\\r\\n top: 100px;\\r\\n }\\r\\n .left-toolbar #tree-scale-ranger input {\\r\\n width: 100px;\\r\\n left: 5px;\\r\\n top: -40px;\\r\\n }\\r\\n .left-toolbar #tree-scale-ranger h4 {\\r\\n top: 60px;\\r\\n }\\r\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/css/toolbars.css?./node_modules/css-loader/dist/cjs.js"); - -/***/ }), - -/***/ "./node_modules/css-loader/dist/runtime/api.js": -/*!*****************************************************!*\ - !*** ./node_modules/css-loader/dist/runtime/api.js ***! - \*****************************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -"use strict"; -eval("\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\n// eslint-disable-next-line func-names\nmodule.exports = function (useSourceMap) {\n var list = []; // return the list of modules as css string\n\n list.toString = function toString() {\n return this.map(function (item) {\n var content = cssWithMappingToString(item, useSourceMap);\n\n if (item[2]) {\n return \"@media \".concat(item[2], \" {\").concat(content, \"}\");\n }\n\n return content;\n }).join('');\n }; // import a list of modules into the list\n // eslint-disable-next-line func-names\n\n\n list.i = function (modules, mediaQuery, dedupe) {\n if (typeof modules === 'string') {\n // eslint-disable-next-line no-param-reassign\n modules = [[null, modules, '']];\n }\n\n var alreadyImportedModules = {};\n\n if (dedupe) {\n for (var i = 0; i < this.length; i++) {\n // eslint-disable-next-line prefer-destructuring\n var id = this[i][0];\n\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n\n for (var _i = 0; _i < modules.length; _i++) {\n var item = [].concat(modules[_i]);\n\n if (dedupe && alreadyImportedModules[item[0]]) {\n // eslint-disable-next-line no-continue\n continue;\n }\n\n if (mediaQuery) {\n if (!item[2]) {\n item[2] = mediaQuery;\n } else {\n item[2] = \"\".concat(mediaQuery, \" and \").concat(item[2]);\n }\n }\n\n list.push(item);\n }\n };\n\n return list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring\n\n var cssMapping = item[3];\n\n if (!cssMapping) {\n return content;\n }\n\n if (useSourceMap && typeof btoa === 'function') {\n var sourceMapping = toComment(cssMapping);\n var sourceURLs = cssMapping.sources.map(function (source) {\n return \"/*# sourceURL=\".concat(cssMapping.sourceRoot || '').concat(source, \" */\");\n });\n return [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n }\n\n return [content].join('\\n');\n} // Adapted from convert-source-map (MIT)\n\n\nfunction toComment(sourceMap) {\n // eslint-disable-next-line no-undef\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n return \"/*# \".concat(data, \" */\");\n}\n\n//# sourceURL=webpack:///./node_modules/css-loader/dist/runtime/api.js?"); - -/***/ }), - -/***/ "./node_modules/process/browser.js": -/*!*****************************************!*\ - !*** ./node_modules/process/browser.js ***! - \*****************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things. But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals. It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n throw new Error('clearTimeout has not been defined');\n}\n(function () {\n try {\n if (typeof setTimeout === 'function') {\n cachedSetTimeout = setTimeout;\n } else {\n cachedSetTimeout = defaultSetTimout;\n }\n } catch (e) {\n cachedSetTimeout = defaultSetTimout;\n }\n try {\n if (typeof clearTimeout === 'function') {\n cachedClearTimeout = clearTimeout;\n } else {\n cachedClearTimeout = defaultClearTimeout;\n }\n } catch (e) {\n cachedClearTimeout = defaultClearTimeout;\n }\n} ())\nfunction runTimeout(fun) {\n if (cachedSetTimeout === setTimeout) {\n //normal enviroments in sane situations\n return setTimeout(fun, 0);\n }\n // if setTimeout wasn't available but was latter defined\n if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n cachedSetTimeout = setTimeout;\n return setTimeout(fun, 0);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedSetTimeout(fun, 0);\n } catch(e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedSetTimeout.call(null, fun, 0);\n } catch(e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n return cachedSetTimeout.call(this, fun, 0);\n }\n }\n\n\n}\nfunction runClearTimeout(marker) {\n if (cachedClearTimeout === clearTimeout) {\n //normal enviroments in sane situations\n return clearTimeout(marker);\n }\n // if clearTimeout wasn't available but was latter defined\n if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n cachedClearTimeout = clearTimeout;\n return clearTimeout(marker);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedClearTimeout(marker);\n } catch (e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedClearTimeout.call(null, marker);\n } catch (e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n return cachedClearTimeout.call(this, marker);\n }\n }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n if (!draining || !currentQueue) {\n return;\n }\n draining = false;\n if (currentQueue.length) {\n queue = currentQueue.concat(queue);\n } else {\n queueIndex = -1;\n }\n if (queue.length) {\n drainQueue();\n }\n}\n\nfunction drainQueue() {\n if (draining) {\n return;\n }\n var timeout = runTimeout(cleanUpNextTick);\n draining = true;\n\n var len = queue.length;\n while(len) {\n currentQueue = queue;\n queue = [];\n while (++queueIndex < len) {\n if (currentQueue) {\n currentQueue[queueIndex].run();\n }\n }\n queueIndex = -1;\n len = queue.length;\n }\n currentQueue = null;\n draining = false;\n runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n var args = new Array(arguments.length - 1);\n if (arguments.length > 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n\n\n//# sourceURL=webpack:///./node_modules/process/browser.js?"); - -/***/ }), - -/***/ "./node_modules/setimmediate/setImmediate.js": -/*!***************************************************!*\ - !*** ./node_modules/setimmediate/setImmediate.js ***! - \***************************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("/* WEBPACK VAR INJECTION */(function(global, process) {(function (global, undefined) {\n \"use strict\";\n\n if (global.setImmediate) {\n return;\n }\n\n var nextHandle = 1; // Spec says greater than zero\n var tasksByHandle = {};\n var currentlyRunningATask = false;\n var doc = global.document;\n var registerImmediate;\n\n function setImmediate(callback) {\n // Callback can either be a function or a string\n if (typeof callback !== \"function\") {\n callback = new Function(\"\" + callback);\n }\n // Copy function arguments\n var args = new Array(arguments.length - 1);\n for (var i = 0; i < args.length; i++) {\n args[i] = arguments[i + 1];\n }\n // Store and register the task\n var task = { callback: callback, args: args };\n tasksByHandle[nextHandle] = task;\n registerImmediate(nextHandle);\n return nextHandle++;\n }\n\n function clearImmediate(handle) {\n delete tasksByHandle[handle];\n }\n\n function run(task) {\n var callback = task.callback;\n var args = task.args;\n switch (args.length) {\n case 0:\n callback();\n break;\n case 1:\n callback(args[0]);\n break;\n case 2:\n callback(args[0], args[1]);\n break;\n case 3:\n callback(args[0], args[1], args[2]);\n break;\n default:\n callback.apply(undefined, args);\n break;\n }\n }\n\n function runIfPresent(handle) {\n // From the spec: \"Wait until any invocations of this algorithm started before this one have completed.\"\n // So if we're currently running a task, we'll need to delay this invocation.\n if (currentlyRunningATask) {\n // Delay by doing a setTimeout. setImmediate was tried instead, but in Firefox 7 it generated a\n // \"too much recursion\" error.\n setTimeout(runIfPresent, 0, handle);\n } else {\n var task = tasksByHandle[handle];\n if (task) {\n currentlyRunningATask = true;\n try {\n run(task);\n } finally {\n clearImmediate(handle);\n currentlyRunningATask = false;\n }\n }\n }\n }\n\n function installNextTickImplementation() {\n registerImmediate = function(handle) {\n process.nextTick(function () { runIfPresent(handle); });\n };\n }\n\n function canUsePostMessage() {\n // The test against `importScripts` prevents this implementation from being installed inside a web worker,\n // where `global.postMessage` means something completely different and can't be used for this purpose.\n if (global.postMessage && !global.importScripts) {\n var postMessageIsAsynchronous = true;\n var oldOnMessage = global.onmessage;\n global.onmessage = function() {\n postMessageIsAsynchronous = false;\n };\n global.postMessage(\"\", \"*\");\n global.onmessage = oldOnMessage;\n return postMessageIsAsynchronous;\n }\n }\n\n function installPostMessageImplementation() {\n // Installs an event handler on `global` for the `message` event: see\n // * https://developer.mozilla.org/en/DOM/window.postMessage\n // * http://www.whatwg.org/specs/web-apps/current-work/multipage/comms.html#crossDocumentMessages\n\n var messagePrefix = \"setImmediate$\" + Math.random() + \"$\";\n var onGlobalMessage = function(event) {\n if (event.source === global &&\n typeof event.data === \"string\" &&\n event.data.indexOf(messagePrefix) === 0) {\n runIfPresent(+event.data.slice(messagePrefix.length));\n }\n };\n\n if (global.addEventListener) {\n global.addEventListener(\"message\", onGlobalMessage, false);\n } else {\n global.attachEvent(\"onmessage\", onGlobalMessage);\n }\n\n registerImmediate = function(handle) {\n global.postMessage(messagePrefix + handle, \"*\");\n };\n }\n\n function installMessageChannelImplementation() {\n var channel = new MessageChannel();\n channel.port1.onmessage = function(event) {\n var handle = event.data;\n runIfPresent(handle);\n };\n\n registerImmediate = function(handle) {\n channel.port2.postMessage(handle);\n };\n }\n\n function installReadyStateChangeImplementation() {\n var html = doc.documentElement;\n registerImmediate = function(handle) {\n // Create a