@reactodia/workspace
Version:
Reactodia Workspace -- library for visual interaction with graphs in a form of a diagram.
1,268 lines (1,180 loc) • 1.55 MB
JavaScript
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
import * as __WEBPACK_EXTERNAL_MODULE__reactodia_hashmap_85895ead__ from "@reactodia/hashmap";
import * as __WEBPACK_EXTERNAL_MODULE_n3__ from "n3";
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__ from "react-dom";
import * as __WEBPACK_EXTERNAL_MODULE__reactodia_worker_proxy_bfb14e3e__ from "@reactodia/worker-proxy";
import * as __WEBPACK_EXTERNAL_MODULE_d3_color_da6cdfaa__ from "d3-color";
import * as __WEBPACK_EXTERNAL_MODULE_file_saver_95885b3b__ from "file-saver";
/******/ var __webpack_modules__ = ([
/* 0 */,
/* 1 */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_main_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8);
var options = {};
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_main_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_main_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_main_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_main_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
/***/ }),
/* 2 */
/***/ ((module) => {
var stylesInDOM = [];
function getIndexByIdentifier(identifier) {
var result = -1;
for (var i = 0; i < stylesInDOM.length; i++) {
if (stylesInDOM[i].identifier === identifier) {
result = i;
break;
}
}
return result;
}
function modulesToDom(list, options) {
var idCountMap = {};
var identifiers = [];
for (var i = 0; i < list.length; i++) {
var item = list[i];
var id = options.base ? item[0] + options.base : item[0];
var count = idCountMap[id] || 0;
var identifier = "".concat(id, " ").concat(count);
idCountMap[id] = count + 1;
var indexByIdentifier = getIndexByIdentifier(identifier);
var obj = {
css: item[1],
media: item[2],
sourceMap: item[3],
supports: item[4],
layer: item[5]
};
if (indexByIdentifier !== -1) {
stylesInDOM[indexByIdentifier].references++;
stylesInDOM[indexByIdentifier].updater(obj);
} else {
var updater = addElementStyle(obj, options);
options.byIndex = i;
stylesInDOM.splice(i, 0, {
identifier: identifier,
updater: updater,
references: 1
});
}
identifiers.push(identifier);
}
return identifiers;
}
function addElementStyle(obj, options) {
var api = options.domAPI(options);
api.update(obj);
var updater = function updater(newObj) {
if (newObj) {
if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
return;
}
api.update(obj = newObj);
} else {
api.remove();
}
};
return updater;
}
module.exports = function (list, options) {
options = options || {};
list = list || [];
var lastIdentifiers = modulesToDom(list, options);
return function update(newList) {
newList = newList || [];
for (var i = 0; i < lastIdentifiers.length; i++) {
var identifier = lastIdentifiers[i];
var index = getIndexByIdentifier(identifier);
stylesInDOM[index].references--;
}
var newLastIdentifiers = modulesToDom(newList, options);
for (var _i = 0; _i < lastIdentifiers.length; _i++) {
var _identifier = lastIdentifiers[_i];
var _index = getIndexByIdentifier(_identifier);
if (stylesInDOM[_index].references === 0) {
stylesInDOM[_index].updater();
stylesInDOM.splice(_index, 1);
}
}
lastIdentifiers = newLastIdentifiers;
};
};
/***/ }),
/* 3 */
/***/ ((module) => {
/* istanbul ignore next */
function apply(styleElement, options, obj) {
var css = "";
if (obj.supports) {
css += "@supports (".concat(obj.supports, ") {");
}
if (obj.media) {
css += "@media ".concat(obj.media, " {");
}
var needLayer = typeof obj.layer !== "undefined";
if (needLayer) {
css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
}
css += obj.css;
if (needLayer) {
css += "}";
}
if (obj.media) {
css += "}";
}
if (obj.supports) {
css += "}";
}
var sourceMap = obj.sourceMap;
if (sourceMap && typeof btoa !== "undefined") {
css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
}
// For old IE
/* istanbul ignore if */
options.styleTagTransform(css, styleElement, options.options);
}
function removeStyleElement(styleElement) {
// istanbul ignore if
if (styleElement.parentNode === null) {
return false;
}
styleElement.parentNode.removeChild(styleElement);
}
/* istanbul ignore next */
function domAPI(options) {
if (typeof document === "undefined") {
return {
update: function update() {},
remove: function remove() {}
};
}
var styleElement = options.insertStyleElement(options);
return {
update: function update(obj) {
apply(styleElement, options, obj);
},
remove: function remove() {
removeStyleElement(styleElement);
}
};
}
module.exports = domAPI;
/***/ }),
/* 4 */
/***/ ((module) => {
var memo = {};
/* istanbul ignore next */
function getTarget(target) {
if (typeof memo[target] === "undefined") {
var styleTarget = document.querySelector(target);
// Special case to return head of iframe instead of iframe itself
if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
try {
// This will throw an exception if access to iframe is blocked
// due to cross-origin restrictions
styleTarget = styleTarget.contentDocument.head;
} catch (e) {
// istanbul ignore next
styleTarget = null;
}
}
memo[target] = styleTarget;
}
return memo[target];
}
/* istanbul ignore next */
function insertBySelector(insert, style) {
var target = getTarget(insert);
if (!target) {
throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
}
target.appendChild(style);
}
module.exports = insertBySelector;
/***/ }),
/* 5 */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
/* istanbul ignore next */
function setAttributesWithoutAttributes(styleElement) {
var nonce = true ? __webpack_require__.nc : 0;
if (nonce) {
styleElement.setAttribute("nonce", nonce);
}
}
module.exports = setAttributesWithoutAttributes;
/***/ }),
/* 6 */
/***/ ((module) => {
/* istanbul ignore next */
function insertStyleElement(options) {
var element = document.createElement("style");
options.setAttributes(element, options.attributes);
options.insert(element, options.options);
return element;
}
module.exports = insertStyleElement;
/***/ }),
/* 7 */
/***/ ((module) => {
/* istanbul ignore next */
function styleTagTransform(css, styleElement) {
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = css;
} else {
while (styleElement.firstChild) {
styleElement.removeChild(styleElement.firstChild);
}
styleElement.appendChild(document.createTextNode(css));
}
}
module.exports = styleTagTransform;
/***/ }),
/* 8 */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
/* 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__(10);
/* 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__(11);
/* 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__(12), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_1___ = new URL(/* asset import */ __webpack_require__(13), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_2___ = new URL(/* asset import */ __webpack_require__(14), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_3___ = new URL(/* asset import */ __webpack_require__(15), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_4___ = new URL(/* asset import */ __webpack_require__(16), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_5___ = new URL(/* asset import */ __webpack_require__(17), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_6___ = new URL(/* asset import */ __webpack_require__(18), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_7___ = new URL(/* asset import */ __webpack_require__(19), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_8___ = new URL(/* asset import */ __webpack_require__(20), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_9___ = new URL(/* asset import */ __webpack_require__(21), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_10___ = new URL(/* asset import */ __webpack_require__(22), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_11___ = new URL(/* asset import */ __webpack_require__(23), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_12___ = new URL(/* asset import */ __webpack_require__(24), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_13___ = new URL(/* asset import */ __webpack_require__(25), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_14___ = new URL(/* asset import */ __webpack_require__(26), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_15___ = new URL(/* asset import */ __webpack_require__(27), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_16___ = new URL(/* asset import */ __webpack_require__(28), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_17___ = new URL(/* asset import */ __webpack_require__(29), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_18___ = new URL(/* asset import */ __webpack_require__(30), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_19___ = new URL(/* asset import */ __webpack_require__(31), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_20___ = new URL(/* asset import */ __webpack_require__(32), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_21___ = new URL(/* asset import */ __webpack_require__(33), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_22___ = new URL(/* asset import */ __webpack_require__(34), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_23___ = new URL(/* asset import */ __webpack_require__(35), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_24___ = new URL(/* asset import */ __webpack_require__(36), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_25___ = new URL(/* asset import */ __webpack_require__(37), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_26___ = new URL(/* asset import */ __webpack_require__(38), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_27___ = new URL(/* asset import */ __webpack_require__(39), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_28___ = new URL(/* asset import */ __webpack_require__(40), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_29___ = new URL(/* asset import */ __webpack_require__(41), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_30___ = new URL(/* asset import */ __webpack_require__(42), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_31___ = new URL(/* asset import */ __webpack_require__(43), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_32___ = new URL(/* asset import */ __webpack_require__(44), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_33___ = new URL(/* asset import */ __webpack_require__(45), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_34___ = new URL(/* asset import */ __webpack_require__(46), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_35___ = new URL(/* asset import */ __webpack_require__(47), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_36___ = new URL(/* asset import */ __webpack_require__(48), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_37___ = new URL(/* asset import */ __webpack_require__(49), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_38___ = new URL(/* asset import */ __webpack_require__(50), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_39___ = new URL(/* asset import */ __webpack_require__(51), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_40___ = new URL(/* asset import */ __webpack_require__(52), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_41___ = new URL(/* asset import */ __webpack_require__(53), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_42___ = new URL(/* asset import */ __webpack_require__(54), __webpack_require__.b);
var ___CSS_LOADER_URL_IMPORT_43___ = new URL(/* asset import */ __webpack_require__(55), __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_1___);
var ___CSS_LOADER_URL_REPLACEMENT_2___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_2___);
var ___CSS_LOADER_URL_REPLACEMENT_3___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_3___);
var ___CSS_LOADER_URL_REPLACEMENT_4___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_4___);
var ___CSS_LOADER_URL_REPLACEMENT_5___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_5___);
var ___CSS_LOADER_URL_REPLACEMENT_6___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_6___);
var ___CSS_LOADER_URL_REPLACEMENT_7___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_7___);
var ___CSS_LOADER_URL_REPLACEMENT_8___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_8___);
var ___CSS_LOADER_URL_REPLACEMENT_9___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_9___);
var ___CSS_LOADER_URL_REPLACEMENT_10___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_10___);
var ___CSS_LOADER_URL_REPLACEMENT_11___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_11___);
var ___CSS_LOADER_URL_REPLACEMENT_12___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_12___);
var ___CSS_LOADER_URL_REPLACEMENT_13___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_13___);
var ___CSS_LOADER_URL_REPLACEMENT_14___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_14___);
var ___CSS_LOADER_URL_REPLACEMENT_15___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_15___);
var ___CSS_LOADER_URL_REPLACEMENT_16___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_16___);
var ___CSS_LOADER_URL_REPLACEMENT_17___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_17___);
var ___CSS_LOADER_URL_REPLACEMENT_18___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_18___);
var ___CSS_LOADER_URL_REPLACEMENT_19___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_19___);
var ___CSS_LOADER_URL_REPLACEMENT_20___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_20___);
var ___CSS_LOADER_URL_REPLACEMENT_21___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_21___);
var ___CSS_LOADER_URL_REPLACEMENT_22___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_22___);
var ___CSS_LOADER_URL_REPLACEMENT_23___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_23___);
var ___CSS_LOADER_URL_REPLACEMENT_24___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_24___);
var ___CSS_LOADER_URL_REPLACEMENT_25___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_25___);
var ___CSS_LOADER_URL_REPLACEMENT_26___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_26___);
var ___CSS_LOADER_URL_REPLACEMENT_27___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_27___);
var ___CSS_LOADER_URL_REPLACEMENT_28___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_28___);
var ___CSS_LOADER_URL_REPLACEMENT_29___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_29___);
var ___CSS_LOADER_URL_REPLACEMENT_30___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_30___);
var ___CSS_LOADER_URL_REPLACEMENT_31___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_31___);
var ___CSS_LOADER_URL_REPLACEMENT_32___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_32___);
var ___CSS_LOADER_URL_REPLACEMENT_33___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_33___);
var ___CSS_LOADER_URL_REPLACEMENT_34___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_34___);
var ___CSS_LOADER_URL_REPLACEMENT_35___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_35___);
var ___CSS_LOADER_URL_REPLACEMENT_36___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_36___);
var ___CSS_LOADER_URL_REPLACEMENT_37___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_37___);
var ___CSS_LOADER_URL_REPLACEMENT_38___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_38___);
var ___CSS_LOADER_URL_REPLACEMENT_39___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_39___);
var ___CSS_LOADER_URL_REPLACEMENT_40___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_40___);
var ___CSS_LOADER_URL_REPLACEMENT_41___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_41___);
var ___CSS_LOADER_URL_REPLACEMENT_42___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_42___);
var ___CSS_LOADER_URL_REPLACEMENT_43___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_43___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, `@charset "UTF-8";
.reactodia-badge {
display: inline-block;
min-width: 10px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: rgb(255, 255, 255);
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: rgb(119, 119, 119);
padding: 3px 7px;
border-radius: 10px;
}
/* Colors */
/* Text and fonts */
/* Spacing */
/* Borders */
/* Transitions */
/* Input */
/* Button */
/* Draggable Handle */
/* Tree */
/* Dialog */
/* Canvas */
/* Halo and Selection */
/* Navigator */
/* Menu and Toolbar */
.reactodia-btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: var(--reactodia-line-height-base);
text-transform: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
background-image: none;
border: var(--reactodia-button-border-width) solid transparent;
border-radius: var(--reactodia-button-border-radius);
transition: background-color var(--reactodia-transition-duration);
touch-action: manipulation;
-webkit-user-select: none;
user-select: none;
cursor: pointer;
}
.reactodia-btn[disabled] {
cursor: not-allowed;
opacity: 0.65;
}
.reactodia-btn-default {
color: var(--reactodia-button-default-color);
background-color: var(--reactodia-button-default-background-color);
border-color: var(--reactodia-button-default-border-color);
}
.reactodia-btn-default:hover {
color: var(--reactodia-button-default-color-focus);
background-color: var(--reactodia-button-default-background-color-focus);
}
.reactodia-btn-default:active, .reactodia-btn-default.active {
color: var(--reactodia-button-default-color-focus);
background-color: var(--reactodia-button-default-background-color-active);
}
.reactodia-btn-default[disabled], .reactodia-btn-default[disabled]:hover, .reactodia-btn-default[disabled]:focus, .reactodia-btn-default[disabled]:active, .reactodia-btn-default[disabled].active {
color: var(--reactodia-button-default-color);
background-color: var(--reactodia-input-background-color-disabled);
}
.reactodia-btn-primary {
color: var(--reactodia-color-emphasis-0);
background-color: var(--reactodia-color-primary);
border-color: var(--reactodia-color-primary-darker);
}
.reactodia-btn-primary:hover {
border-color: var(--reactodia-color-primary-darkest);
background-color: var(--reactodia-color-primary-dark);
}
.reactodia-btn-primary:active, .reactodia-btn-primary.active {
border-color: var(--reactodia-color-primary-darker);
background-color: var(--reactodia-color-primary-darkest);
}
.reactodia-btn-primary[disabled], .reactodia-btn-primary[disabled]:hover, .reactodia-btn-primary[disabled]:focus, .reactodia-btn-primary[disabled]:active, .reactodia-btn-primary[disabled].active {
background-color: var(--reactodia-color-primary-dark);
}
.reactodia-btn-secondary {
color: var(--reactodia-color-gray-900);
background-color: var(--reactodia-color-secondary);
border-color: var(--reactodia-color-secondary-darker);
}
.reactodia-btn-secondary:hover {
border-color: var(--reactodia-color-secondary-darkest);
background-color: var(--reactodia-color-secondary-dark);
}
.reactodia-btn-secondary:active, .reactodia-btn-secondary.active {
border-color: var(--reactodia-color-secondary-darker);
background-color: var(--reactodia-color-secondary-darkest);
}
.reactodia-btn-secondary[disabled], .reactodia-btn-secondary[disabled]:hover, .reactodia-btn-secondary[disabled]:focus, .reactodia-btn-secondary[disabled]:active, .reactodia-btn-secondary[disabled].active {
background-color: var(--reactodia-color-secondary-dark);
}
.reactodia-btn-success {
color: var(--reactodia-color-emphasis-0);
background-color: var(--reactodia-color-success);
border-color: var(--reactodia-color-success-darker);
}
.reactodia-btn-success:hover {
border-color: var(--reactodia-color-success-darkest);
background-color: var(--reactodia-color-success-dark);
}
.reactodia-btn-success:active, .reactodia-btn-success.active {
border-color: var(--reactodia-color-success-darker);
background-color: var(--reactodia-color-success-darkest);
}
.reactodia-btn-success[disabled], .reactodia-btn-success[disabled]:hover, .reactodia-btn-success[disabled]:focus, .reactodia-btn-success[disabled]:active, .reactodia-btn-success[disabled].active {
background-color: var(--reactodia-color-success-dark);
}
.reactodia-btn-info {
color: var(--reactodia-color-emphasis-0);
background-color: var(--reactodia-color-info);
border-color: var(--reactodia-color-info-darker);
}
.reactodia-btn-info:hover {
border-color: var(--reactodia-color-info-darkest);
background-color: var(--reactodia-color-info-dark);
}
.reactodia-btn-info:active, .reactodia-btn-info.active {
border-color: var(--reactodia-color-info-darker);
background-color: var(--reactodia-color-info-darkest);
}
.reactodia-btn-info[disabled], .reactodia-btn-info[disabled]:hover, .reactodia-btn-info[disabled]:focus, .reactodia-btn-info[disabled]:active, .reactodia-btn-info[disabled].active {
background-color: var(--reactodia-color-info-dark);
}
.reactodia-btn-warning {
color: var(--reactodia-color-emphasis-0);
background-color: var(--reactodia-color-warning);
border-color: var(--reactodia-color-warning-darker);
}
.reactodia-btn-warning:hover {
border-color: var(--reactodia-color-warning-darkest);
background-color: var(--reactodia-color-warning-dark);
}
.reactodia-btn-warning:active, .reactodia-btn-warning.active {
border-color: var(--reactodia-color-warning-darker);
background-color: var(--reactodia-color-warning-darkest);
}
.reactodia-btn-warning[disabled], .reactodia-btn-warning[disabled]:hover, .reactodia-btn-warning[disabled]:focus, .reactodia-btn-warning[disabled]:active, .reactodia-btn-warning[disabled].active {
background-color: var(--reactodia-color-warning-dark);
}
.reactodia-btn-danger {
color: var(--reactodia-color-emphasis-0);
background-color: var(--reactodia-color-danger);
border-color: var(--reactodia-color-danger-darker);
}
.reactodia-btn-danger:hover {
border-color: var(--reactodia-color-danger-darkest);
background-color: var(--reactodia-color-danger-dark);
}
.reactodia-btn-danger:active, .reactodia-btn-danger.active {
border-color: var(--reactodia-color-danger-darker);
background-color: var(--reactodia-color-danger-darkest);
}
.reactodia-btn-danger[disabled], .reactodia-btn-danger[disabled]:hover, .reactodia-btn-danger[disabled]:focus, .reactodia-btn-danger[disabled]:active, .reactodia-btn-danger[disabled].active {
background-color: var(--reactodia-color-danger-dark);
}
.reactodia-btn-group {
position: relative;
display: inline-block;
vertical-align: middle;
}
.reactodia-btn-group > .reactodia-btn, .reactodia-btn-group > .reactodia-btn-group {
position: relative;
float: left;
}
.reactodia-btn-group > .reactodia-btn:hover,
.reactodia-btn-group > .reactodia-btn:focus,
.reactodia-btn-group > .reactodia-btn.active,
.reactodia-btn-group > .reactodia-btn.active:hover {
z-index: 2;
}
.reactodia-btn-group .reactodia-btn + .reactodia-btn,
.reactodia-btn-group .reactodia-btn + .reactodia-btn-group,
.reactodia-btn-group .reactodia-btn-group + .reactodia-btn,
.reactodia-btn-group .reactodia-btn-group + .reactodia-btn-group {
margin-left: calc(-1 * var(--reactodia-button-border-width));
}
.reactodia-btn-group > .reactodia-btn {
border-radius: unset;
}
.reactodia-btn-group > .reactodia-btn:first-of-type {
margin-left: 0;
border-top-left-radius: var(--reactodia-button-border-radius);
border-bottom-left-radius: var(--reactodia-button-border-radius);
}
.reactodia-btn-group > .reactodia-btn:last-of-type {
border-top-right-radius: var(--reactodia-button-border-radius);
border-bottom-right-radius: var(--reactodia-button-border-radius);
}
.reactodia-btn-group-sm > .reactodia-btn {
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
}
.reactodia-btn-group-xs > .reactodia-btn {
font-size: 12px;
line-height: 1.5;
padding: 1px 5px;
}
.reactodia-form {
flex: auto;
display: flex;
flex-direction: column;
}
.reactodia-form__body {
flex: auto;
display: flex;
flex-direction: column;
position: relative;
padding: 8px;
}
.reactodia-form__controls {
border-top: 1px solid var(--reactodia-border-color-base);
padding: 8px;
text-align: right;
flex: 0 0 auto;
}
.reactodia-form__controls button + button {
margin-left: var(--reactodia-spacing-horizontal);
}
.reactodia-form__row {
display: block;
margin-bottom: 8px;
}
.reactodia-form__progress {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.reactodia-form__control-row {
position: relative;
padding-bottom: 18px;
}
.reactodia-form__control-error {
color: var(--reactodia-color-danger);
position: absolute;
bottom: 0;
left: 0;
}
.reactodia-form-control {
display: block;
width: 100%;
height: 34px;
margin: 0;
padding: 6px 12px;
font-family: var(--reactodia-font-family-base);
line-height: var(--reactodia-line-height-base);
font-size: 14px;
color: var(--reactodia-input-color);
background-color: var(--reactodia-input-background-color);
border: var(--reactodia-input-border-width) solid var(--reactodia-input-border-color);
border-radius: var(--reactodia-input-border-radius);
transition: border-color ease-in-out 0.15s;
}
.reactodia-form-control:focus {
border-color: var(--reactodia-input-border-color-focus);
outline: 0;
}
.reactodia-form-control:disabled {
background-color: var(--reactodia-input-background-color-disabled);
cursor: not-allowed;
opacity: 0.6;
}
.reactodia-overlaid-element {
cursor: move;
outline: none;
}
.reactodia-overlaid-element img {
vertical-align: middle;
}
.reactodia-overlaid-element--blurred {
filter: grayscale(100%);
opacity: 0.5;
}
.reactodia-element-decorations {
pointer-events: none;
}
.reactodia-element-decorations > div > * {
pointer-events: initial;
}
.reactodia-link--blurred {
opacity: 0.5;
}
.reactodia-link-path__wrap {
stroke-width: 12px;
stroke-linejoin: round;
stroke-linecap: round;
stroke: transparent;
fill: none;
}
.reactodia-link:hover .reactodia-link-path__wrap {
stroke: var(--reactodia-color-emphasis-400);
opacity: 0.44;
}
.reactodia-link-vertices {
/* Use :not([attr]) selector to avoid overriding the attribute due to SVG style priority. */
}
.reactodia-link-vertices__vertex {
cursor: all-scroll;
}
.reactodia-link-vertices__vertex:not([fill]) {
fill: var(--reactodia-link-stroke-color);
}
.reactodia-link:not(:hover) .reactodia-link-vertices__vertex {
fill: transparent;
}
.reactodia-link-vertices__handle {
opacity: 0;
transition: opacity var(--reactodia-transition-duration);
cursor: pointer;
}
.reactodia-link-vertices__handle > circle {
fill: var(--reactodia-color-emphasis-500);
}
.reactodia-link-vertices__handle > path {
stroke: var(--reactodia-color-emphasis-200);
}
.reactodia-link-vertices__handle:hover > circle {
fill: var(--reactodia-color-emphasis-900);
}
.reactodia-link:hover .reactodia-link-vertices__handle {
opacity: 0.8;
}
.reactodia-link-marker {
/* Use :not([attr]) selector to avoid overriding the attribute due to SVG style priority. */
}
.reactodia-link-marker__path:not([fill]) {
fill: var(--reactodia-link-stroke-color);
}
.reactodia-link-label {
margin-top: calc(1.5em * var(--reactodia-link-label-line, 0));
padding: 0 2px;
border-radius: var(--reactodia-border-radius-s);
color: var(--reactodia-font-color-base);
background-color: var(--reactodia-canvas-background-color);
white-space: nowrap;
}
.reactodia-paper-area {
flex: auto;
width: 0;
display: flex;
position: relative;
cursor: default;
background-color: var(--reactodia-canvas-background-color);
}
.reactodia-paper-area__area {
flex: auto;
overflow: scroll;
touch-action: pan-x pan-y;
will-change: scroll-position;
}
.reactodia-paper-area--hide-scrollbars .reactodia-paper-area__area {
/* For Firefox */
scrollbar-width: none;
/* For Safari, Chrome, etc */
}
.reactodia-paper-area--hide-scrollbars .reactodia-paper-area__area::-webkit-scrollbar {
display: none;
}
.reactodia-paper-area--panning {
cursor: grabbing;
/* Avoid unnecessary "Hit test" when panning in Chrome/Edge */
}
.reactodia-paper-area--panning::before {
display: block;
position: fixed;
width: 100%;
height: 100%;
content: " ";
z-index: 70;
}
.reactodia-paper-area__widgets {
position: absolute;
left: 0;
top: 0;
}
.reactodia-paper-area__watermark {
background-size: cover;
width: 8%;
max-width: 130px;
min-width: 50px;
position: absolute;
top: 15px;
right: 25px;
cursor: pointer;
opacity: 0.3;
transition: opacity var(--reactodia-transition-duration);
}
.reactodia-paper-area__watermark:hover {
opacity: 0.5;
}
.reactodia-paper-area--animated .reactodia-overlaid-element,
.reactodia-paper-area--animated .reactodia-element-decorations {
transition: transform var(--reactodia-canvas-animation-duration) ease-in-out;
}
.reactodia-paper-area--animated .reactodia-link-layer,
.reactodia-paper-area--animated .reactodia-label-layer {
transition: none;
opacity: 0;
}
.reactodia-paper-area--animated .reactodia-paper-area__widgets {
transition: none;
opacity: 0;
}
.reactodia-paper {
position: relative;
}
.reactodia-exported-watermark {
opacity: 0.3;
transition: opacity var(--reactodia-transition-duration);
}
.reactodia-exported-canvas {
/* Defaults for inheritable properties */
box-sizing: border-box;
white-space: initial;
color: var(--reactodia-font-color-base);
font-family: var(--reactodia-font-family-base);
font-size: var(--reactodia-font-size-base);
line-height: var(--reactodia-line-height-base);
}
.reactodia-exported-canvas *, .reactodia-exported-canvas *:before, .reactodia-exported-canvas *:after {
box-sizing: inherit;
}
.reactodia-exported-layer {
position: absolute;
}
.reactodia-spinner__arrow {
animation-name: reactodia-spinner-rotation;
animation-duration: 1.5s;
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-iteration-count: infinite;
}
.reactodia-spinner__text {
color: var(--reactodia-font-color-base);
}
.reactodia-spinner[data-error=true] .reactodia-spinner__arrow {
color: var(--reactodia-color-danger);
animation-iteration-count: 1;
}
@keyframes reactodia-spinner-rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.reactodia-authoring-state__element-outlines {
position: absolute;
pointer-events: none;
overflow: visible;
}
.reactodia-authoring-state__outline-overlay {
fill: var(--reactodia-color-emphasis-0);
fill-opacity: 0.3;
}
.reactodia-authoring-state__outline-stripe-line {
stroke: var(--reactodia-color-emphasis-300);
stroke-width: 10;
stroke-opacity: 0.2;
}
.reactodia-authoring-state__outline-cross-line {
stroke: var(--reactodia-color-danger);
}
.reactodia-authoring-state__link-temporary, .reactodia-authoring-state__link-added, .reactodia-authoring-state__link-changed, .reactodia-authoring-state__link-deleted, .reactodia-authoring-state__link-uncertain {
stroke-width: 5;
stroke-opacity: 0.5;
fill: none;
}
.reactodia-authoring-state__link-temporary {
stroke: var(--reactodia-color-gray-600);
stroke-dasharray: 8 8;
}
.reactodia-authoring-state__link-added {
stroke: var(--reactodia-color-success);
}
.reactodia-authoring-state__link-changed {
stroke: var(--reactodia-color-primary);
}
.reactodia-authoring-state__link-deleted {
stroke: var(--reactodia-color-danger);
}
.reactodia-authoring-state__link-uncertain {
stroke: var(--reactodia-color-primary);
}
.reactodia-authoring-state__item-validation {
align-self: flex-end;
display: flex;
align-items: center;
cursor: help;
}
.reactodia-authoring-state__item-validation-icon {
height: 15px;
width: 17px;
mask-repeat: no-repeat;
}
.reactodia-authoring-state--severity-info .reactodia-authoring-state__item-validation-icon {
background: var(--reactodia-color-info);
-webkit-mask-image: url(${___CSS_LOADER_URL_REPLACEMENT_0___});
mask-image: url(${___CSS_LOADER_URL_REPLACEMENT_0___});
}
.reactodia-authoring-state--severity-warning .reactodia-authoring-state__item-validation-icon {
background: var(--reactodia-color-warning);
-webkit-mask-image: url(${___CSS_LOADER_URL_REPLACEMENT_1___});
mask-image: url(${___CSS_LOADER_URL_REPLACEMENT_1___});
}
.reactodia-authoring-state--severity-error .reactodia-authoring-state__item-validation-icon {
background: var(--reactodia-color-danger);
-webkit-mask-image: url(${___CSS_LOADER_URL_REPLACEMENT_1___});
mask-image: url(${___CSS_LOADER_URL_REPLACEMENT_1___});
}
.reactodia-authoring-state__state-label {
font-weight: bold;
}
.reactodia-authoring-state__state-indicator {
position: relative;
}
.reactodia-authoring-state__state-indicator-body {
position: absolute;
white-space: nowrap;
display: flex;
align-items: center;
gap: var(--reactodia-spacing-horizontal);
bottom: 0;
background: var(--reactodia-canvas-underlay-color);
border-radius: var(--reactodia-border-radius-s);
padding: 1px;
height: 22px;
}
.reactodia-authoring-state__actions {
display: flex;
gap: var(--reactodia-spacing-horizontal);
}
.reactodia-authoring-state__action {
background: none;
border: 0 none;
padding: 0;
cursor: pointer;
opacity: 0.5;
transition: opacity var(--reactodia-transition-duration);
}
.reactodia-authoring-state__action:hover {
opacity: 1;
}
.reactodia-authoring-state__action[disabled] {
cursor: not-allowed;
opacity: 0.2;
}
.reactodia-authoring-state__action-edit {
display: flex;
align-items: center;
}
.reactodia-authoring-state__action-edit::before {
-webkit-mask: url(${___CSS_LOADER_URL_REPLACEMENT_2___}) 0px 0px/contain no-repeat;
mask: url(${___CSS_LOADER_URL_REPLACEMENT_2___}) 0px 0px/contain no-repeat;
background-color: currentColor;
content: "";
display: block;
height: 16px;
width: 16px;
}
.reactodia-authoring-state__action-edit:not(:empty)::before {
margin-right: 3px;
}
.reactodia-authoring-state__action-delete {
display: flex;
align-items: center;
}
.reactodia-authoring-state__action-delete::before {
-webkit-mask: url(${___CSS_LOADER_URL_REPLACEMENT_3___}) 0px 0px/contain no-repeat;
mask: url(${___CSS_LOADER_URL_REPLACEMENT_3___}) 0px 0px/contain no-repeat;
background-color: currentColor;
content: "";
display: block;
height: 16px;
width: 16px;
}
.reactodia-authoring-state__action-delete:not(:empty)::before {
margin-right: 3px;
}
.reactodia-authoring-state__action-discard {
display: flex;
align-items: center;
}
.reactodia-authoring-state__action-discard::before {
-webkit-mask: url(${___CSS_LOADER_URL_REPLACEMENT_4___}) 0px 0px/contain no-repeat;
mask: url(${___CSS_LOADER_URL_REPLACEMENT_4___}) 0px 0px/contain no-repeat;
background-color: currentColor;
content: "";
display: block;
height: 16px;
width: 16px;
}
.reactodia-authoring-state__action-discard:not(:empty)::before {
margin-right: 3px;
}
.reactodia-authoring-state__decorator .reactodia-authoring-state__state-indicator {
transition: opacity var(--reactodia-transition-duration);
}
.reactodia-authoring-state__decorator--optional .reactodia-authoring-state__state-indicator {
opacity: 0;
}
.reactodia-overlaid-element:hover + .reactodia-element-decorations .reactodia-authoring-state__state-indicator, .reactodia-authoring-state__decorator--selected .reactodia-authoring-state__state-indicator, .reactodia-authoring-state__decorator:hover .reactodia-authoring-state__state-indicator {
opacity: 1;
}
.reactodia-drag-edit-layer {
overflow: visible;
}
.reactodia-drag-edit-layer__highlight-overlay {
fill: var(--reactodia-color-emphasis-0);
fill-opacity: 0.3;
}
.reactodia-drag-edit-layer__highlight-allow, .reactodia-drag-edit-layer__highlight-deny {
stroke-width: 3;
fill: transparent;
}
.reactodia-drag-edit-layer__highlight-allow {
stroke: var(--reactodia-color-success);
}
.reactodia-drag-edit-layer__highlight-deny {
stroke: var(--reactodia-color-danger);
}
.reactodia-drag-edit-layer__drop-underlay {
fill: var(--reactodia-color-emphasis-1000);
fill-opacity: 0.1;
}
.reactodia-drag-edit-layer__drop-allow {
stroke: var(--reactodia-color-success);
}
.reactodia-drag-edit-layer__drop-deny > * {
stroke: var(--reactodia-color-danger);
}
.reactodia-edit-entity-form--loading {
align-items: center;
justify-content: center;
}
.reactodia-edit-entity-form label .reactodia-form-control + .reactodia-form-control {
margin-top: var(--reactodia-spacing-vertical);
}
.reactodia-edit-relation-form--loading {
align-items: center;
justify-content: center;
}
.reactodia-element-selector {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.reactodia-element-selector__search {
flex-shrink: 0;
position: relative;
}
.reactodia-element-selector__search-icon {
-webkit-mask: url(${___CSS_LOADER_URL_REPLACEMENT_5___}) 0px 0px/contain no-repeat;
mask: url(${___CSS_LOADER_URL_REPLACEMENT_5___}) 0px 0px/contain no-repeat;
background-color: currentColor;
content: "";
display: block;
height: 16px;
width: 16px;
opacity: 0.6;
position: absolute;
top: 50%;
left: 10px;
margin-top: -7px;
}
.reactodia-element-selector__search-input {
padding-left: 33px;
}
.reactodia-element-selector__existing-elements-list {
flex: 1 1 0;
margin-top: 7px;
padding-right: 10px;
overflow-y: scroll;
}
.reactodia-element-selector__results-spinner {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.reactodia-element-selector__separator {
margin: 7px 0;
overflow: hidden;
text-align: center;
}
.reactodia-element-selector__separator-text {
color: var(--reactodia-border-color-base);
display: inline-block;
font-size: 13px;
position: relative;
}
.reactodia-element-selector__separator-text:before, .reactodia-element-selector__separator-text:after {
content: "";
border-top: 1px solid;
position: absolute;
top: 50%;
margin: 0 10px;
width: 500px;
}
.reactodia-element-selector__separator-text:before {
left: 100%;
}
.reactodia-element-selector__separator-text:after {
right: 100%;
}
.reactodia-loading-widget {
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
color: var(--reactodia-color-emphasis-1000);
background-color: var(--reactodia-canvas-overlay-color);
z-index: 30;
}
.reactodia-property-input-list__row {
display: flex;
gap: var(--reactodia-spacing-horizontal);
}
.reactodia-property-input-list__row + .reactodia-property-input-list__row {
margin-top: var(--reactodia-spacing-vertical);
}
.reactodia-property-input-list__value-remove {
display: flex;
align-items: center;
align-self: flex-start;
border: none;
height: 34px;
padding: 6px 4px;
}
.reactodia-property-input-list__value-remove::before {
-webkit-mask: url(${___CSS_LOADER_URL_REPLACEMENT_3___}) 0px 0px/contain no-repeat;
mask: url(${___CSS_LOADER_URL_REPLACEMENT_3___}) 0px 0px/contain no-repeat;
background-color: currentColor;
content: "";
display: block;
height: 16px;
width: 16px;
}
.reactodia-property-input-list__value-remove:not(:empty)::before {
margin-right: 3px;
}
.reactodia-property-input-list__value-add {
display: flex;
align-items: center;
padding: 6px;
}
.reactodia-property-input-list__value-add::before {
-webkit-mask: url(${___CSS_LOADER_URL_REPLACEMENT_6___}) 0px 0px/contain no-repeat;
mask: url(${___CSS_LOADER_URL_REPLACEMENT_6___}) 0px 0px/contain no-repeat;
background-color: currentColor;
content: "";
display: block;
height: 16px;
width: 16px;
}
.reactodia-property-input-list__value-add:not(:empty)::before {
margin-right: 3px;
}
.reactodia-property-input-text__language {
width: unset;
padding: 0 2px;
}
textarea.reactodia-property-input-text {
height: 4em;
resize: vertical;
}
.reactodia-fetch-status--loading {
animation: reactodia-loading-pulse 2s linear infinite;
}
.reactodia-fetch-status--error::before {
content: "⚠ ";
color: rgba(255, 0, 0, 0.5);
}
@keyframes reactodia-loading-pulse {
0% {
opacity: 1;
stroke-opacity: 1;
}
50% {
opacity: 0.3;
stroke-opacity: 0.3;
}
100% {
opacity: 1;
stroke-opacity: 1;
}
}
.reactodia-workspace-dark {
color-scheme: dark;
/*
* Default theme colors are based on Infima styling framework:
* https://infima.dev/
*/
--reactodia-color-gray-0: #ffffff;
--reactodia-color-gray-100: #f5f6f7;
--reactodia-color-gray-200: #ebedf0;
--reactodia-color-gray-300: #dadde1;
--reactodia-color-gray-400: #ccd0d5;
--reactodia-color-gray-500: #bec3c9;
--reactodia-color-gray-600: #8d949e;
--reactodia-color-gray-700: #606770;
--reactodia-color-gray-800: #444950;
--reactodia-color-gray-900: #1c1e21;
--reactodia-color-gray-1000: #000000;
--reactodia-color-primary: #337ab7;
--reactodia-color-primary-dark: #3