escher-vmh
Version:
Escher: A Web Application for Building, Sharing, and Embedding Data-Rich Visualizations of Metabolic Pathways
932 lines (816 loc) • 1.47 MB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory((function webpackLoadOptionalExternalModule() { try { return require("@jupyter-widgets/base"); } catch(e) {} }()));
else if(typeof define === 'function' && define.amd)
define(["@jupyter-widgets/base"], factory);
else if(typeof exports === 'object')
exports["escher"] = factory((function webpackLoadOptionalExternalModule() { try { return require("@jupyter-widgets/base"); } catch(e) {} }()));
else
root["escher"] = factory(root["@jupyter-widgets/base"]);
})(self, (__WEBPACK_EXTERNAL_MODULE__51__) => {
return /******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ 284:
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(417);
/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__);
// Imports
var ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(37), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_1___ = new URL(/* asset import */ __webpack_require__(353), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_2___ = new URL(/* asset import */ __webpack_require__(759), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_3___ = new URL(/* asset import */ __webpack_require__(359), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_4___ = new URL(/* asset import */ __webpack_require__(792), __webpack_require__.b);
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
var ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);
var ___CSS_LOADER_URL_REPLACEMENT_1___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___, { hash: "#iefix" });
var ___CSS_LOADER_URL_REPLACEMENT_2___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_1___);
var ___CSS_LOADER_URL_REPLACEMENT_3___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_2___);
var ___CSS_LOADER_URL_REPLACEMENT_4___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_3___);
var ___CSS_LOADER_URL_REPLACEMENT_5___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_4___, { hash: "#fontello" });
// Module
___CSS_LOADER_EXPORT___.push([module.id, `@font-face {
font-family: 'fontello';
src: url(${___CSS_LOADER_URL_REPLACEMENT_0___});
src: url(${___CSS_LOADER_URL_REPLACEMENT_1___}) format('embedded-opentype'),
url(${___CSS_LOADER_URL_REPLACEMENT_2___}) format('woff2'),
url(${___CSS_LOADER_URL_REPLACEMENT_3___}) format('woff'),
url(${___CSS_LOADER_URL_REPLACEMENT_4___}) format('truetype'),
url(${___CSS_LOADER_URL_REPLACEMENT_5___}) format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?9130959#fontello') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-ok:before { content: '\\e800'; } /* '' */
.icon-cancel:before { content: '\\e801'; } /* '' */
.icon-plus:before { content: '\\e802'; } /* '' */
.icon-down-big:before { content: '\\e803'; } /* '' */
.icon-left-big:before { content: '\\e804'; } /* '' */
.icon-right-big:before { content: '\\e805'; } /* '' */
.icon-up-big:before { content: '\\e806'; } /* '' */
.icon-left-open:before { content: '\\e807'; } /* '' */
.icon-right-open:before { content: '\\e808'; } /* '' */
.icon-wrench:before { content: '\\e809'; } /* '' */
.icon-resize-full:before { content: '\\e80a'; } /* '' */
.icon-cw:before { content: '\\e80b'; } /* '' */
.icon-trash-empty:before { content: '\\e80e'; } /* '' */
.icon-font:before { content: '\\e80f'; } /* '' */
.icon-zoom-in:before { content: '\\e810'; } /* '' */
.icon-zoom-out:before { content: '\\e811'; } /* '' */
.icon-move:before { content: '\\f047'; } /* '' */
.icon-resize-full-alt:before { content: '\\f0b2'; } /* '' */
.icon-blank:before { content: '\\f0c8'; } /* '' */
.icon-sort-down:before { content: '\\f0dd'; } /* '' */
.icon-mouse-pointer:before { content: '\\f245'; } /* '' */`, "",{"version":3,"sources":["webpack://./icons/css/fontello.css"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,4CAAwC;EACxC;;;;4DAI+D;EAC/D,mBAAmB;EACnB,kBAAkB;AACpB;AACA,gGAAgG;AAChG,2FAA2F;AAC3F;;;;;;;CAOC;;CAEA;EACC,uBAAuB;EACvB,kBAAkB;EAClB,mBAAmB;EACnB,WAAW;;EAEX,qBAAqB;EACrB,wBAAwB;EACxB,UAAU;EACV,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;;EAEjB,gEAAgE;EAChE,oBAAoB;EACpB,oBAAoB;;EAEpB,8CAA8C;EAC9C,gBAAgB;;EAEhB,gEAAgE;EAChE,yBAAyB;EACzB,iBAAiB;;EAEjB,0DAA0D;EAC1D,qBAAqB;;EAErB,6CAA6C;EAC7C,mCAAmC;EACnC,kCAAkC;;EAElC,4BAA4B;EAC5B,uDAAuD;AACzD;;AAEA,kBAAkB,gBAAgB,EAAE,EAAE,QAAQ;AAC9C,sBAAsB,gBAAgB,EAAE,EAAE,QAAQ;AAClD,oBAAoB,gBAAgB,EAAE,EAAE,QAAQ;AAChD,wBAAwB,gBAAgB,EAAE,EAAE,QAAQ;AACpD,wBAAwB,gBAAgB,EAAE,EAAE,QAAQ;AACpD,yBAAyB,gBAAgB,EAAE,EAAE,QAAQ;AACrD,sBAAsB,gBAAgB,EAAE,EAAE,QAAQ;AAClD,yBAAyB,gBAAgB,EAAE,EAAE,QAAQ;AACrD,0BAA0B,gBAAgB,EAAE,EAAE,QAAQ;AACtD,sBAAsB,gBAAgB,EAAE,EAAE,QAAQ;AAClD,2BAA2B,gBAAgB,EAAE,EAAE,QAAQ;AACvD,kBAAkB,gBAAgB,EAAE,EAAE,QAAQ;AAC9C,2BAA2B,gBAAgB,EAAE,EAAE,QAAQ;AACvD,oBAAoB,gBAAgB,EAAE,EAAE,QAAQ;AAChD,uBAAuB,gBAAgB,EAAE,EAAE,QAAQ;AACnD,wBAAwB,gBAAgB,EAAE,EAAE,QAAQ;AACpD,oBAAoB,gBAAgB,EAAE,EAAE,QAAQ;AAChD,+BAA+B,gBAAgB,EAAE,EAAE,QAAQ;AAC3D,qBAAqB,gBAAgB,EAAE,EAAE,QAAQ;AACjD,yBAAyB,gBAAgB,EAAE,EAAE,QAAQ;AACrD,6BAA6B,gBAAgB,EAAE,EAAE,QAAQ","sourcesContent":["@font-face {\n font-family: 'fontello';\n src: url('../font/fontello.eot?9130959');\n src: url('../font/fontello.eot?9130959#iefix') format('embedded-opentype'),\n url('../font/fontello.woff2?9130959') format('woff2'),\n url('../font/fontello.woff?9130959') format('woff'),\n url('../font/fontello.ttf?9130959') format('truetype'),\n url('../font/fontello.svg?9130959#fontello') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */\n/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */\n/*\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n @font-face {\n font-family: 'fontello';\n src: url('../font/fontello.svg?9130959#fontello') format('svg');\n }\n}\n*/\n \n [class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"fontello\";\n font-style: normal;\n font-weight: normal;\n speak: none;\n \n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n text-align: center;\n /* opacity: .8; */\n \n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n \n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n \n /* Animation center compensation - margins should be symmetric */\n /* remove if not needed */\n margin-left: .2em;\n \n /* you can be more comfortable with increased icons size */\n /* font-size: 120%; */\n \n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n \n /* Uncomment for 3D effect */\n /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */\n}\n \n.icon-ok:before { content: '\\e800'; } /* '' */\n.icon-cancel:before { content: '\\e801'; } /* '' */\n.icon-plus:before { content: '\\e802'; } /* '' */\n.icon-down-big:before { content: '\\e803'; } /* '' */\n.icon-left-big:before { content: '\\e804'; } /* '' */\n.icon-right-big:before { content: '\\e805'; } /* '' */\n.icon-up-big:before { content: '\\e806'; } /* '' */\n.icon-left-open:before { content: '\\e807'; } /* '' */\n.icon-right-open:before { content: '\\e808'; } /* '' */\n.icon-wrench:before { content: '\\e809'; } /* '' */\n.icon-resize-full:before { content: '\\e80a'; } /* '' */\n.icon-cw:before { content: '\\e80b'; } /* '' */\n.icon-trash-empty:before { content: '\\e80e'; } /* '' */\n.icon-font:before { content: '\\e80f'; } /* '' */\n.icon-zoom-in:before { content: '\\e810'; } /* '' */\n.icon-zoom-out:before { content: '\\e811'; } /* '' */\n.icon-move:before { content: '\\f047'; } /* '' */\n.icon-resize-full-alt:before { content: '\\f0b2'; } /* '' */\n.icon-blank:before { content: '\\f0c8'; } /* '' */\n.icon-sort-down:before { content: '\\f0dd'; } /* '' */\n.icon-mouse-pointer:before { content: '\\f245'; } /* '' */"],"sourceRoot":""}]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ 297:
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `svg.escher-svg #mouse-node {
fill: none;
}
svg.escher-svg #canvas {
stroke: #ccc;
stroke-width: 7px;
fill: white;
}
svg.escher-svg .resize-rect {
fill: black;
opacity: 0;
stroke: none;
}
svg.escher-svg .label {
font-family: sans-serif;
font-style: italic;
font-weight: bold;
font-size: 8px;
fill: black;
stroke: none;
text-rendering: optimizelegibility;
cursor: default;
}
svg.escher-svg .reaction-label {
font-size: 30px;
fill: rgb(32, 32, 120);
text-rendering: optimizelegibility;
}
svg.escher-svg .node-label {
font-size: 20px;
}
svg.escher-svg .gene-label {
font-size: 18px;
fill: rgb(32, 32, 120);
text-rendering: optimizelegibility;
cursor: default;
}
svg.escher-svg .text-label .label {
font-size: 50px;
}
svg.escher-svg .text-label-input {
font-size: 50px;
}
svg.escher-svg .node-circle {
stroke-width: 2px;
}
svg.escher-svg .midmarker-circle, svg.escher-svg .multimarker-circle {
fill: white;
fill-opacity: 0.2;
stroke: rgb(50, 50, 50);
}
svg.escher-svg g.selected .node-circle{
stroke-width: 6px;
stroke: rgb(20, 113, 199);
}
svg.escher-svg g.selected .label {
fill: rgb(20, 113, 199);
}
svg.escher-svg .metabolite-circle {
stroke: rgb(162, 69, 16);
fill: rgb(224, 134, 91);
}
svg.escher-svg g.selected .metabolite-circle {
stroke: rgb(5, 2, 0);
}
svg.escher-svg .segment {
stroke: #334E75;
stroke-width: 10px;
fill: none;
}
svg.escher-svg .arrowhead {
fill: #334E75;
}
svg.escher-svg .stoichiometry-label-rect {
fill: white;
opacity: 0.5;
}
svg.escher-svg .stoichiometry-label {
fill: #334E75;
font-size: 17px;
}
svg.escher-svg .membrane {
fill: none;
stroke: rgb(255, 187, 0);
}
svg.escher-svg .brush .extent {
fill-opacity: 0.1;
fill: black;
stroke: #fff;
shape-rendering: crispEdges;
}
svg.escher-svg #brush-container .background {
fill: none;
}
svg.escher-svg .bezier-circle {
fill: rgb(255,255,255);
}
svg.escher-svg .bezier-circle.b1 {
stroke: red;
}
svg.escher-svg .bezier-circle.b2 {
stroke: blue;
}
svg.escher-svg .connect-line{
stroke: rgb(200,200,200);
}
svg.escher-svg .direction-arrow {
cursor: default;
stroke: black;
stroke-width: 1px;
fill: white;
opacity: 0.3;
}
svg.escher-svg .start-reaction-target {
stroke: rgb(100,100,100);
fill: none;
opacity: 0.5;
}
svg.escher-svg .rotation-center-line {
stroke: red;
stroke-width: 5px;
}
svg.escher-svg .highlight {
fill: #D97000;
text-decoration: underline;
}
svg.escher-svg .node-to-combine {
stroke-width: 12px !important;
}
`, "",{"version":3,"sources":["webpack://./src/Builder-embed.css"],"names":[],"mappings":"AAAA;EACE,UAAU;AACZ;AACA;EACE,YAAY;EACZ,iBAAiB;EACjB,WAAW;AACb;AACA;EACE,WAAW;EACX,UAAU;EACV,YAAY;AACd;AACA;EACE,uBAAuB;EACvB,kBAAkB;EAClB,iBAAiB;EACjB,cAAc;EACd,WAAW;EACX,YAAY;EACZ,kCAAkC;EAClC,eAAe;AACjB;AACA;EACE,eAAe;EACf,sBAAsB;EACtB,kCAAkC;AACpC;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;EACf,sBAAsB;EACtB,kCAAkC;EAClC,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,iBAAiB;AACnB;AACA;EACE,WAAW;EACX,iBAAiB;EACjB,uBAAuB;AACzB;AACA;EACE,iBAAiB;EACjB,yBAAyB;AAC3B;AACA;EACE,uBAAuB;AACzB;AACA;EACE,wBAAwB;EACxB,uBAAuB;AACzB;AACA;EACE,oBAAoB;AACtB;AACA;EACE,eAAe;EACf,kBAAkB;EAClB,UAAU;AACZ;AACA;EACE,aAAa;AACf;AACA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,aAAa;EACb,eAAe;AACjB;AACA;EACE,UAAU;EACV,wBAAwB;AAC1B;AACA;EACE,iBAAiB;EACjB,WAAW;EACX,YAAY;EACZ,2BAA2B;AAC7B;AACA;EACE,UAAU;AACZ;AACA;EACE,sBAAsB;AACxB;AACA;EACE,WAAW;AACb;AACA;EACE,YAAY;AACd;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,WAAW;EACX,YAAY;AACd;AACA;EACE,wBAAwB;EACxB,UAAU;EACV,YAAY;AACd;AACA;EACE,WAAW;EACX,iBAAiB;AACnB;AACA;EACE,aAAa;EACb,0BAA0B;AAC5B;AACA;EACE,6BAA6B;AAC/B","sourcesContent":["svg.escher-svg #mouse-node {\n fill: none;\n}\nsvg.escher-svg #canvas {\n stroke: #ccc;\n stroke-width: 7px;\n fill: white;\n}\nsvg.escher-svg .resize-rect {\n fill: black;\n opacity: 0;\n stroke: none;\n}\nsvg.escher-svg .label {\n font-family: sans-serif;\n font-style: italic;\n font-weight: bold;\n font-size: 8px;\n fill: black;\n stroke: none;\n text-rendering: optimizelegibility;\n cursor: default;\n}\nsvg.escher-svg .reaction-label {\n font-size: 30px;\n fill: rgb(32, 32, 120);\n text-rendering: optimizelegibility;\n}\nsvg.escher-svg .node-label {\n font-size: 20px;\n}\nsvg.escher-svg .gene-label {\n font-size: 18px;\n fill: rgb(32, 32, 120);\n text-rendering: optimizelegibility;\n cursor: default;\n}\nsvg.escher-svg .text-label .label {\n font-size: 50px;\n}\nsvg.escher-svg .text-label-input {\n font-size: 50px;\n}\nsvg.escher-svg .node-circle {\n stroke-width: 2px;\n}\nsvg.escher-svg .midmarker-circle, svg.escher-svg .multimarker-circle {\n fill: white;\n fill-opacity: 0.2;\n stroke: rgb(50, 50, 50);\n}\nsvg.escher-svg g.selected .node-circle{\n stroke-width: 6px;\n stroke: rgb(20, 113, 199);\n}\nsvg.escher-svg g.selected .label {\n fill: rgb(20, 113, 199);\n}\nsvg.escher-svg .metabolite-circle {\n stroke: rgb(162, 69, 16);\n fill: rgb(224, 134, 91);\n}\nsvg.escher-svg g.selected .metabolite-circle {\n stroke: rgb(5, 2, 0);\n}\nsvg.escher-svg .segment {\n stroke: #334E75;\n stroke-width: 10px;\n fill: none;\n}\nsvg.escher-svg .arrowhead {\n fill: #334E75;\n}\nsvg.escher-svg .stoichiometry-label-rect {\n fill: white;\n opacity: 0.5;\n}\nsvg.escher-svg .stoichiometry-label {\n fill: #334E75;\n font-size: 17px;\n}\nsvg.escher-svg .membrane {\n fill: none;\n stroke: rgb(255, 187, 0);\n}\nsvg.escher-svg .brush .extent {\n fill-opacity: 0.1;\n fill: black;\n stroke: #fff;\n shape-rendering: crispEdges;\n}\nsvg.escher-svg #brush-container .background {\n fill: none;\n}\nsvg.escher-svg .bezier-circle {\n fill: rgb(255,255,255);\n}\nsvg.escher-svg .bezier-circle.b1 {\n stroke: red;\n}\nsvg.escher-svg .bezier-circle.b2 {\n stroke: blue;\n}\nsvg.escher-svg .connect-line{\n stroke: rgb(200,200,200);\n}\nsvg.escher-svg .direction-arrow {\n cursor: default;\n stroke: black;\n stroke-width: 1px;\n fill: white;\n opacity: 0.3;\n}\nsvg.escher-svg .start-reaction-target {\n stroke: rgb(100,100,100);\n fill: none;\n opacity: 0.5;\n}\nsvg.escher-svg .rotation-center-line {\n stroke: red;\n stroke-width: 5px;\n}\nsvg.escher-svg .highlight {\n fill: #D97000;\n text-decoration: underline;\n}\nsvg.escher-svg .node-to-combine {\n stroke-width: 12px !important;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ 982:
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `/* Containers */
/* The top level container for an Escher Builder */
.escher-container {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
background-color: #F3F3F3;
text-align: center;
position: relative;
font-size: 14px;
color: #333333;
}
/* Applied to the body when Escher fills the screen. This stops browser from
showing scroll-end animations. */
html.fill-screen {
height: 100%;
width: 100%;
}
body.fill-screen {
margin: 0;
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
}
/* Applied to top level container (generally .escher-container) when Escher
fills the screen. These make sure Escher completely fills the screen, even after
resizes. */
.fill-screen-div {
margin: 0;
padding: 0;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 100% !important;
height: 100% !important;
z-index: 1000;
}
/* The zoom container classes. */
.escher-container .escher-zoom-container,
.escher-container .escher-3d-transform-container,
.escher-container svg.escher-svg {
width: 100% !important;
height: 100% !important;
overflow: hidden;
}
/* SVG text should not be selectable */
.escher-container svg text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Status */
.escher-container #status {
position:absolute;
bottom:10px;
left: 20px;
color: red;
background-color: white;
font-size: 16px
}
/* Search & Menu */
.escher-container .search-menu-container {
position: absolute;
width: 100%;
top: 0px;
left: 0px;
margin: 0;
text-align: center;
pointer-events: none;
display: flex;
justify-content: center;
align-items: center;
}
.escher-container .search-menu-container .legend-container{
display: none;
width: 224px;
height: 35.5px;
}
.escher-container .search-menu-container-inline {
box-sizing: border-box;
width: 320px;
display: inline-block;
text-align: left;
pointer-events: auto;
}
@media (min-width: 550px) {
.escher-container .search-menu-container-inline {
width: 470px;
}
}
/* Reaction input */
.escher-container #rxn-input {
z-index: 10;
width: 200px;
}
.escher-container .input-close-button {
position: absolute;
right: 0px;
width: 18px;
bottom: 0px;
padding: 0px;
border-width: 0px;
margin: 0px;
background: none;
font-size: 20px;
font-weight: normal;
top: -8px;
}
.escher-container .input-close-button:hover {
color: #ff3333;
font-weight: bold;
}
/* text edit input */
.escher-container #text-edit-input input {
width: 500px;
border: 1px solid #cccccc;
font-size: 22px;
}
.escher-container #tooltip-container {
-ms-touch-action: none;
touch-action: none;
}
/* Buttons */
.escher-container .btn {
color: white!important;
border: 1px solid #2E2F2F;
background-image: linear-gradient(#4F5151, #474949 6%, #3F4141);
background-color: white;
cursor: pointer;
}
.escher-container .btn:active {
background-image: linear-gradient(#3F4141, #474949 6%, #4F5151);
}
`, "",{"version":3,"sources":["webpack://./src/Builder.css"],"names":[],"mappings":"AAAA,eAAe;;AAEf,kDAAkD;AAClD;EACE,sEAAsE;EACtE,yBAAyB;EACzB,kBAAkB;EAClB,kBAAkB;EAClB,eAAe;EACf,cAAc;AAChB;;AAEA;gCACgC;AAChC;EACE,YAAY;EACZ,WAAW;AACb;AACA;EACE,SAAS;EACT,kBAAkB;EAClB,gBAAgB;EAChB,YAAY;EACZ,WAAW;AACb;;AAEA;;UAEU;AACV;EACE,SAAS;EACT,UAAU;EACV,eAAe;EACf,QAAQ;EACR,WAAW;EACX,SAAS;EACT,UAAU;EACV,sBAAsB;EACtB,uBAAuB;EACvB,aAAa;AACf;;AAEA,gCAAgC;AAChC;;;EAGE,sBAAsB;EACtB,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA,sCAAsC;AACtC;EACE,yBAAyB;EACzB,sBAAsB;EACtB,qBAAqB;EACrB,iBAAiB;AACnB;;AAEA,WAAW;AACX;EACE,iBAAiB;EACjB,WAAW;EACX,UAAU;EACV,UAAU;EACV,uBAAuB;EACvB;AACF;;AAEA,kBAAkB;AAClB;EACE,kBAAkB;EAClB,WAAW;EACX,QAAQ;EACR,SAAS;EACT,SAAS;EACT,kBAAkB;EAClB,oBAAoB;EACpB,aAAa;EACb,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,sBAAsB;EACtB,YAAY;EACZ,qBAAqB;EACrB,gBAAgB;EAChB,oBAAoB;AACtB;AACA;EACE;IACE,YAAY;EACd;AACF;;AAEA,mBAAmB;AACnB;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,WAAW;EACX,YAAY;EACZ,iBAAiB;EACjB,WAAW;EACX,gBAAgB;EAChB,eAAe;EACf,mBAAmB;EACnB,SAAS;AACX;AACA;EACE,cAAc;EACd,iBAAiB;AACnB;;AAEA,oBAAoB;AACpB;EACE,YAAY;EACZ,yBAAyB;EACzB,eAAe;AACjB;;AAEA;EACE,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA,YAAY;AACZ;EACE,sBAAsB;EACtB,yBAAyB;EACzB,+DAA+D;EAC/D,uBAAuB;EACvB,eAAe;AACjB;;AAEA;EACE,+DAA+D;AACjE","sourcesContent":["/* Containers */\n\n/* The top level container for an Escher Builder */\n.escher-container {\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\n background-color: #F3F3F3;\n text-align: center;\n position: relative;\n font-size: 14px;\n color: #333333;\n}\n\n/* Applied to the body when Escher fills the screen. This stops browser from\nshowing scroll-end animations. */\nhtml.fill-screen {\n height: 100%;\n width: 100%;\n}\nbody.fill-screen {\n margin: 0;\n position: relative;\n overflow: hidden;\n height: 100%;\n width: 100%;\n}\n\n/* Applied to top level container (generally .escher-container) when Escher\nfills the screen. These make sure Escher completely fills the screen, even after\nresizes. */\n.fill-screen-div {\n margin: 0;\n padding: 0;\n position: fixed;\n top: 0px;\n bottom: 0px;\n left: 0px;\n right: 0px;\n width: 100% !important;\n height: 100% !important;\n z-index: 1000;\n}\n\n/* The zoom container classes. */\n.escher-container .escher-zoom-container,\n.escher-container .escher-3d-transform-container,\n.escher-container svg.escher-svg {\n width: 100% !important;\n height: 100% !important;\n overflow: hidden;\n}\n\n/* SVG text should not be selectable */\n.escher-container svg text {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n/* Status */\n.escher-container #status {\n position:absolute;\n bottom:10px;\n left: 20px;\n color: red;\n background-color: white;\n font-size: 16px\n}\n\n/* Search & Menu */\n.escher-container .search-menu-container {\n position: absolute;\n width: 100%;\n top: 0px;\n left: 0px;\n margin: 0;\n text-align: center;\n pointer-events: none;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.escher-container .search-menu-container .legend-container{\n display: none;\n width: 224px;\n height: 35.5px;\n}\n\n.escher-container .search-menu-container-inline {\n box-sizing: border-box;\n width: 320px;\n display: inline-block;\n text-align: left;\n pointer-events: auto;\n}\n@media (min-width: 550px) {\n .escher-container .search-menu-container-inline {\n width: 470px;\n }\n}\n\n/* Reaction input */\n.escher-container #rxn-input {\n z-index: 10;\n width: 200px;\n}\n.escher-container .input-close-button {\n position: absolute;\n right: 0px;\n width: 18px;\n bottom: 0px;\n padding: 0px;\n border-width: 0px;\n margin: 0px;\n background: none;\n font-size: 20px;\n font-weight: normal;\n top: -8px;\n}\n.escher-container .input-close-button:hover {\n color: #ff3333;\n font-weight: bold;\n}\n\n/* text edit input */\n.escher-container #text-edit-input input {\n width: 500px;\n border: 1px solid #cccccc;\n font-size: 22px;\n}\n\n.escher-container #tooltip-container {\n -ms-touch-action: none;\n touch-action: none;\n}\n\n/* Buttons */\n.escher-container .btn {\n color: white!important;\n border: 1px solid #2E2F2F;\n background-image: linear-gradient(#4F5151, #474949 6%, #3F4141);\n background-color: white;\n cursor: pointer;\n}\n\n.escher-container .btn:active {\n background-image: linear-gradient(#3F4141, #474949 6%, #4F5151);\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ 701:
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `.escher-container .button-panel {
position: absolute;
left: 4px;
top: 20%;
margin-top: -32px;
padding-left: 0;
touch-action: none;
}
.escher-container .button-panel>li {
margin-top: 5px;
display: block;
/* these sometimes get overridden */
margin-left: 0 !important;
}
.escher-container .grouping {
display: block;
}
.escher-container .buttonGroup {
display: block;
margin-bottom: -1px;
padding: 5px 0px;
border-radius: 0;
}
.escher-container .grouping>.buttonGroup:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.escher-container .grouping>.buttonGroup:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.escher-container .button-panel>.grouping:last-child {
margin-top: 4px;
}
.escher-container #currentMode,
.escher-container .active-button {
background-image: linear-gradient(#8F4F3F,#834c3c 6%,#8d3a2d) !important;
}
.escher-container .buttonGroup.btn {
margin-top: -1px;
}
.escher-container .button {
border-radius: 4px;
}
.escher-container .button.btn, .escher-container .buttonGroup.btn {
padding: unset;
color: white!important;
border: 1px solid #474949;
background-image: linear-gradient(#4F5151, #474949 6%, #3F4141);
background-color: white;
text-align: center;
vertical-align: middle;
cursor: pointer;
font-size: 14px!important;
font-weight: 400;
width: 40px;
height: 40px;
}
.escher-container .button-panel .button:active, .escher-container .buttonGroup label:active, .escher-container .button-panel .buttonGroup:active {
background-image: linear-gradient(#3F4141, #474949 6%, #4F5151);
}
.escher-container .button-panel .fa {
font-size: 24px;
}
/* Icons */
.escher-container .button-panel [class^='icon-'] {
font-size: 23px;
}
`, "",{"version":3,"sources":["webpack://./src/ButtonPanel.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,iBAAiB;EACjB,eAAe;EACf,kBAAkB;AACpB;;AAEA;EACE,eAAe;EACf,cAAc;;EAEd,mCAAmC;EACnC,yBAAyB;AAC3B;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,cAAc;EACd,mBAAmB;EACnB,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;AAC9B;;AAEA;EACE,8BAA8B;EAC9B,+BAA+B;AACjC;;AAEA;EACE,eAAe;AACjB;;AAEA;;EAEE,wEAAwE;AAC1E;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,sBAAsB;EACtB,yBAAyB;EACzB,+DAA+D;EAC/D,uBAAuB;EACvB,kBAAkB;EAClB,sBAAsB;EACtB,eAAe;EACf,yBAAyB;EACzB,gBAAgB;EAChB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,+DAA+D;AACjE;;AAEA;EACE,eAAe;AACjB;;AAEA,UAAU;AACV;EACE,eAAe;AACjB","sourcesContent":[".escher-container .button-panel {\n position: absolute;\n left: 4px;\n top: 20%;\n margin-top: -32px;\n padding-left: 0;\n touch-action: none;\n}\n\n.escher-container .button-panel>li {\n margin-top: 5px;\n display: block;\n\n /* these sometimes get overridden */\n margin-left: 0 !important;\n}\n\n.escher-container .grouping {\n display: block;\n}\n\n.escher-container .buttonGroup {\n display: block;\n margin-bottom: -1px;\n padding: 5px 0px;\n border-radius: 0;\n}\n\n.escher-container .grouping>.buttonGroup:first-child {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.escher-container .grouping>.buttonGroup:last-child {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.escher-container .button-panel>.grouping:last-child {\n margin-top: 4px;\n}\n\n.escher-container #currentMode,\n.escher-container .active-button {\n background-image: linear-gradient(#8F4F3F,#834c3c 6%,#8d3a2d) !important;\n}\n\n.escher-container .buttonGroup.btn {\n margin-top: -1px;\n}\n\n.escher-container .button {\n border-radius: 4px;\n}\n\n.escher-container .button.btn, .escher-container .buttonGroup.btn {\n padding: unset;\n color: white!important;\n border: 1px solid #474949;\n background-image: linear-gradient(#4F5151, #474949 6%, #3F4141);\n background-color: white;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n font-size: 14px!important;\n font-weight: 400;\n width: 40px;\n height: 40px;\n}\n\n.escher-container .button-panel .button:active, .escher-container .buttonGroup label:active, .escher-container .button-panel .buttonGroup:active {\n background-image: linear-gradient(#3F4141, #474949 6%, #4F5151);\n}\n\n.escher-container .button-panel .fa {\n font-size: 24px;\n}\n\n/* Icons */\n.escher-container .button-panel [class^='icon-'] {\n font-size: 23px;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ 471:
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `.escher-container .default-tooltip {
box-sizing: border-box;
min-width: 300px;
min-height: 100px;
border-radius: 2px;
border: 1px solid #b58787;
padding: 7px;
background-color: #fff;
text-align: left;
font-size: 16px;
font-family: sans-serif;
color: #111;
box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.4);
}
.escher-container .default-tooltip .id{
font-size: 18px;
font-weight: bold;
}
.escher-container .default-tooltip button {
border-radius: 3px;
background-color: #eee;
border: 1px solid #ddd;
margin-top: 4px;
font-size: 16px;
padding: 3px 6px;
}
.escher-container .default-tooltip .top-right {
position: absolute;
top: 4px;
right: 4px;
}
.escher-container .default-tooltip .top-right * {
float: right;
text-align: right;
}
.escher-container .default-tooltip .top-right a {
font-size: 11px;
color: #999;
cursor: pointer;
}
.escher-container .default-tooltip .top-right a:hover {
color: #444;
text-decoration: underline;
}
.escher-container .default-tooltip .type-label {
font-size: 15px;
color: #d27066;
background-color: #ffeded;
border-radius: 2px;
margin: 0 0 0 10px;
padding: 0 5px;
}
`, "",{"version":3,"sources":["webpack://./src/DefaultTooltip.css"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,yBAAyB;EACzB,YAAY;EACZ,sBAAsB;EACtB,gBAAgB;EAChB,eAAe;EACf,uBAAuB;EACvB,WAAW;EACX,+CAA+C;AACjD;;AAEA;EACE,eAAe;EACf,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;EAClB,sBAAsB;EACtB,sBAAsB;EACtB,eAAe;EACf,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,UAAU;AACZ;;AAEA;EACE,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,eAAe;EACf,WAAW;EACX,eAAe;AACjB;AACA;EACE,WAAW;EACX,0BAA0B;AAC5B;;AAEA;EACE,eAAe;EACf,cAAc;EACd,yBAAyB;EACzB,kBAAkB;EAClB,kBAAkB;EAClB,cAAc;AAChB","sourcesContent":[".escher-container .default-tooltip {\n box-sizing: border-box;\n min-width: 300px;\n min-height: 100px;\n border-radius: 2px;\n border: 1px solid #b58787;\n padding: 7px;\n background-color: #fff;\n text-align: left;\n font-size: 16px;\n font-family: sans-serif;\n color: #111;\n box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.4);\n}\n\n.escher-container .default-tooltip .id{\n font-size: 18px;\n font-weight: bold;\n}\n\n.escher-container .default-tooltip button {\n border-radius: 3px;\n background-color: #eee;\n border: 1px solid #ddd;\n margin-top: 4px;\n font-size: 16px;\n padding: 3px 6px;\n}\n\n.escher-container .default-tooltip .top-right {\n position: absolute;\n top: 4px;\n right: 4px;\n}\n\n.escher-container .default-tooltip .top-right * {\n float: right;\n text-align: right;\n}\n\n.escher-container .default-tooltip .top-right a {\n font-size: 11px;\n color: #999;\n cursor: pointer;\n}\n.escher-container .default-tooltip .top-right a:hover {\n color: #444;\n text-decoration: underline;\n}\n\n.escher-container .default-tooltip .type-label {\n font-size: 15px;\n color: #d27066;\n background-color: #ffeded;\n border-radius: 2px;\n margin: 0 0 0 10px;\n padding: 0 5px;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ 248:
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `.escher-container .menu-bar {
box-sizing: border-box;
list-style-type: none;
padding: 0;
padding-right: 20px;
position: relative;
margin: 5px 0px;
background-color: white;
border: 1px solid #ddd;
display: inline-flex;
box-sizing: border-box;
width: 100%;
justify-content: space-between;
}
.escher-container .dropdown {
position: relative;
float: left;
box-sizing: border-box;
font-size: 12px;
border-radius: 3px;
/* these sometimes get overridden */
margin: 0 !important;
font-weight: normal !important;
text-align: center;
vertical-align: middle;
-ms-touch-action: none;
touch-action: none;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.escher-container .dropdownButton {
color: #d9230f!important;
border: 1px solid transparent;
padding: 6px 9px;
}
.escher-container .helpButton {
color: #d9230f!important;
padding: 0px 5px;
background-color: #f5f5f5!important;
border: 0!important;
text-decoration: unset;
height: fit-content;
position: absolute;
right: 0;
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.escher-container .dropdownButton:focus, .escher-container .helpButton:focus {
color: #91170a!important;
text-decoration: underline;
}
.escher-container .dropdownButton:hover, .escher-container .helpButton:hover {
color: #91170a!important;
text-decoration: underline;
}
.escher-container .menu-bar .icon-sort-down {
position: absolute;
font-size: 10px;
margin-left: -5px;
}
@media (min-width: 550px) {
.escher-container .menu-bar {
padding-right: 25px;
}
.escher-container .dropdown {
font-size: 18px;
}
.escher-container .dropdownButton {
padding: 6px 10px;
padding-right: 16px;
}
.escher-container .helpButton {
font-size: 16px;
}
.escher-container .menu-bar .icon-sort-down {
font-size: 14px;
}
}
.escher-container .menu {
box-sizing: border-box;
font-weight: normal!important;
word-spacing: 0;
position: absolute;
white-space: nowrap;
top: 103%;
left: -1%;
z-index: 1000;
display: block;
float: none;
min-width: 160px;
padding: 5px 0;
list-style: none;
font-size: 13px;
box-shadow: 0 6px 12px rgba(0,0,0,0.175);
background-clip: padding-box;
border: 1px solid #ddd;
background-color: rgba(255, 255, 255, 0.95);
border-radius: 0;
margin: 0;
text-align: left;
}
.escher-container #rightMenu {
left: auto;
right: -2%;
}
.escher-container .menu li:hover {
background-color: #d9230f;
color: #FFFFFF;
}
.escher-container .menu li, .menu label {
font-size: 15px;
display: block;
color: #444444;
/* these sometimes get overridden */
font-weight: normal !important;
margin: 0 !important;
}
.escher-container .menu.ul.li {
background-color: rgba(255, 255, 255, 0.95);
}
.escher-container .menuButton {
box-sizing: border-box;
width: 100%;
padding: 5px 20px;
margin: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.escher-container label:focus, .menuButton:focus {
background-color: #d9230f;
color: #FFFFFF;
}
.escher-container .menuButton:hover {
background-color: #d9230f;
color: #FFFFFF;
}
.escher-container input[type="file"] {
display: none;
}
.escher-container #disabled {
color: #e0e0e0;
}
.escher-container #disabled:hover, #disabled:focus {
background-color: rgba(255, 255, 255, 0.95);
cursor: default;
}
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 25px;
vertical-align: middle;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 25px;
}
.slider:before {
position: absolute;
content: "";
height: 19px;
width: 19px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .4s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #d9230f;
}
input:checked + .slider:before {
transform: translateX(25px);
}
.switch-container {
display: flex;
align-items: center;
}
.switch-description {
margin-right: 10px;
font-size: 16px;
}
/* Tooltip styling */
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
top: 125%; /* Position the tooltip below the switch */
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%; /* At the top of the tooltip */
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent black transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
`, "",{"version":3,"sources":["webpack://./src/Dropdown.css"],"names":[],"mappings":"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","sourcesContent":[".escher-container .menu-bar {\n box-sizing: border-box;\n list-style-type: none;\n padding: 0;\n padding-right: 20px;\n position: relative;\n margin: 5px 0px;\n background-color: white;\n border: 1px solid #ddd;\n display: inline-flex;\n box-sizing: border-box;\n width: 100%;\n justify-content: space-between;\n}\n\n.escher-container .dropdown {\n position: relative;\n float: left;\n box-sizing: border-box;\n font-size: 12px;\n border-radius: 3px;\n\n /* these sometimes get overridden */\n margin: 0 !important;\n font-weight: normal !important;\n\n text-align: center;\n vertical-align: middle;\n -ms-touch-action: none;\n touch-action: none;\n cursor: pointer;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.escher-container .dropdownButton {\n color: #d9230f!important;\n border: 1px solid transparent;\n padding: 6px 9px;\n}\n\n.escher-container .helpButton {\n color: #d9230f!important;\n padding: 0px 5px;\n background-color: #f5f5f5!important;\n border: 0!important;\n text-decoration: unset;\n height: fit-content;\n position: absolute;\n right: 0;\n font-size: 12px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.escher-container .dropdownButton:focus, .escher-container .helpButton:focus {\n color: #91170a!important;\n text-decoration: underline;\n}\n\n.escher-container .dropdownButton:hover, .escher-container .helpButton:hover {\n color: #91170a!important;\n text-decoration: underline;\n}\n\n.escher-container .menu-bar .icon-sort-down {\n position: absolute;\n font-size: 10px;\n margin-left: -5px;\n}\n\n@media (min-width: 550px) {\n .escher-container .menu-bar {\n padding-right: 25px;\n }\n\n .escher-container .dropdown {\n font-size: 18px;\n }\n\n .escher-container .dropdownButton {\n padding: 6px 10px;\n padding-right: 16px;\n }\n\n .escher-container .helpButton {\n font-size: 16px;\n }\n\n .escher-container .menu-bar .icon-sort-down {\n font-size: 14px;\n }\n}\n\n.escher-container .menu {\n box-sizing: border-box;\n font-weight: normal!important;\n word-spacing: 0;\n position: absolute;\n white-space: nowrap;\n top: 103%;\n left: -1%;\n z-index: 1000;\n display: block;\n float: none;\n min-width: 160px;\n padding: 5px 0;\n list-style: none;\n font-size: 13px;\n box-shadow: 0 6px 12px rgba(0,0,0,0.175);\n background-clip: padding-box;\n border: 1px solid #ddd;\n background-color: rgba(255, 255, 255, 0.95);\n border-radius: 0;\n margin: 0;\n text-align: left;\n}\n\n.escher-container #rightMenu {\n left: auto;\n right: -2%;\n}\n\n.escher-container .menu li:hover {\n background-color: #d9230f;\n color: #FFFFFF;\n}\n\n.escher-container .menu li, .menu label {\n font-size: 15px;\n display: block;\n color: #444444;\n\n /* these sometimes get overridden */\n font-weig