@next-bricks/diagram 0.41.0 → 0.41.2

package/dist/chunks/{main.bd436564.js.map → main.588e7851.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/main.bd436564.js","mappings":"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","sources":["webpack:///webpack/runtime/load script","webpack:///webpack/runtime/consumes","webpack:///./src/index.ts","webpack:///webpack/bootstrap","webpack:///webpack/runtime/compat get default export","webpack:///webpack/runtime/define property getters","webpack:///webpack/runtime/ensure chunk","webpack:///webpack/runtime/get javascript chunk filename","webpack:///webpack/runtime/global","webpack:///webpack/runtime/hasOwnProperty shorthand","webpack:///webpack/runtime/make namespace object","webpack:///webpack/runtime/node module decorator","webpack:///webpack/runtime/sharing","webpack:///webpack/runtime/publicPath","webpack:///webpack/runtime/jsonp chunk loading","webpack:///webpack/runtime/nonce","webpack:///webpack/startup"],"sourcesContent":["var inProgress = {};\nvar dataWebpackPrefix = \"@next-bricks/diagram:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = (url, done, key, chunkId) => {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\n\t\tscript.src = url;\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = (prev, event) => {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach((fn) => (fn(event)));\n\t\tif(prev) return prev(event);\n\t}\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","var parseVersion = (str) => {\n\t// see webpack/lib/util/semver.js for original code\n\tvar p=p=>{return p.split(\".\").map((p=>{return+p==p?+p:p}))},n=/^([^-+]+)?(?:-([^+]+))?(?:\\+(.+))?$/.exec(str),r=n[1]?p(n[1]):[];return n[2]&&(r.length++,r.push.apply(r,p(n[2]))),n[3]&&(r.push([]),r.push.apply(r,p(n[3]))),r;\n}\nvar versionLt = (a, b) => {\n\t// see webpack/lib/util/semver.js for original code\n\ta=parseVersion(a),b=parseVersion(b);for(var r=0;;){if(r>=a.length)return r<b.length&&\"u\"!=(typeof b[r])[0];var e=a[r],n=(typeof e)[0];if(r>=b.length)return\"u\"==n;var t=b[r],f=(typeof t)[0];if(n!=f)return\"o\"==n&&\"n\"==f||(\"s\"==f||\"u\"==n);if(\"o\"!=n&&\"u\"!=n&&e!=t)return e<t;r++}\n}\nvar rangeToString = (range) => {\n\t// see webpack/lib/util/semver.js for original code\n\tvar r=range[0],n=\"\";if(1===range.length)return\"*\";if(r+.5){n+=0==r?\">=\":-1==r?\"<\":1==r?\"^\":2==r?\"~\":r>0?\"=\":\"!=\";for(var e=1,a=1;a<range.length;a++){e--,n+=\"u\"==(typeof(t=range[a]))[0]?\"-\":(e>0?\".\":\"\")+(e=2,t)}return n}var g=[];for(a=1;a<range.length;a++){var t=range[a];g.push(0===t?\"not(\"+o()+\")\":1===t?\"(\"+o()+\" || \"+o()+\")\":2===t?g.pop()+\" \"+g.pop():rangeToString(t))}return o();function o(){return g.pop().replace(/^\\((.+)\\)$/,\"$1\")}\n}\nvar satisfy = (range, version) => {\n\t// see webpack/lib/util/semver.js for original code\n\tif(0 in range){version=parseVersion(version);var e=range[0],r=e<0;r&&(e=-e-1);for(var n=0,i=1,a=!0;;i++,n++){var f,s,g=i<range.length?(typeof range[i])[0]:\"\";if(n>=version.length||\"o\"==(s=(typeof(f=version[n]))[0]))return!a||(\"u\"==g?i>e&&!r:\"\"==g!=r);if(\"u\"==s){if(!a||\"u\"!=g)return!1}else if(a)if(g==s)if(i<=e){if(f!=range[i])return!1}else{if(r?f>range[i]:f<range[i])return!1;f!=range[i]&&(a=!1)}else if(\"s\"!=g&&\"n\"!=g){if(r||i<=e)return!1;a=!1,i--}else{if(i<=e||s<g!=r)return!1;a=!1}else\"s\"!=g&&\"n\"!=g&&(a=!1,i--)}}var t=[],o=t.pop.bind(t);for(n=1;n<range.length;n++){var u=range[n];t.push(1==u?o()|o():2==u?o()&o():u?satisfy(u,version):!o())}return!!o();\n}\nvar ensureExistence = (scopeName, key) => {\n\tvar scope = __webpack_require__.S[scopeName];\n\tif(!scope || !__webpack_require__.o(scope, key)) throw new Error(\"Shared module \" + key + \" doesn't exist in shared scope \" + scopeName);\n\treturn scope;\n};\nvar findVersion = (scope, key) => {\n\tvar versions = scope[key];\n\tvar key = Object.keys(versions).reduce((a, b) => {\n\t\treturn !a || versionLt(a, b) ? b : a;\n\t}, 0);\n\treturn key && versions[key]\n};\nvar findSingletonVersionKey = (scope, key) => {\n\tvar versions = scope[key];\n\treturn Object.keys(versions).reduce((a, b) => {\n\t\treturn !a || (!versions[a].loaded && versionLt(a, b)) ? b : a;\n\t}, 0);\n};\nvar getInvalidSingletonVersionMessage = (scope, key, version, requiredVersion) => {\n\treturn \"Unsatisfied version \" + version + \" from \" + (version && scope[key][version].from) + \" of shared singleton module \" + key + \" (required \" + rangeToString(requiredVersion) + \")\"\n};\nvar getSingleton = (scope, scopeName, key, requiredVersion) => {\n\tvar version = findSingletonVersionKey(scope, key);\n\treturn get(scope[key][version]);\n};\nvar getSingletonVersion = (scope, scopeName, key, requiredVersion) => {\n\tvar version = findSingletonVersionKey(scope, key);\n\tif (!satisfy(requiredVersion, version)) warn(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));\n\treturn get(scope[key][version]);\n};\nvar getStrictSingletonVersion = (scope, scopeName, key, requiredVersion) => {\n\tvar version = findSingletonVersionKey(scope, key);\n\tif (!satisfy(requiredVersion, version)) throw new Error(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));\n\treturn get(scope[key][version]);\n};\nvar findValidVersion = (scope, key, requiredVersion) => {\n\tvar versions = scope[key];\n\tvar key = Object.keys(versions).reduce((a, b) => {\n\t\tif (!satisfy(requiredVersion, b)) return a;\n\t\treturn !a || versionLt(a, b) ? b : a;\n\t}, 0);\n\treturn key && versions[key]\n};\nvar getInvalidVersionMessage = (scope, scopeName, key, requiredVersion) => {\n\tvar versions = scope[key];\n\treturn \"No satisfying version (\" + rangeToString(requiredVersion) + \") of shared module \" + key + \" found in shared scope \" + scopeName + \".\\n\" +\n\t\t\"Available versions: \" + Object.keys(versions).map((key) => {\n\t\treturn key + \" from \" + versions[key].from;\n\t}).join(\", \");\n};\nvar getValidVersion = (scope, scopeName, key, requiredVersion) => {\n\tvar entry = findValidVersion(scope, key, requiredVersion);\n\tif(entry) return get(entry);\n\tthrow new Error(getInvalidVersionMessage(scope, scopeName, key, requiredVersion));\n};\nvar warn = (msg) => {\n\tif (typeof console !== \"undefined\" && console.warn) console.warn(msg);\n};\nvar warnInvalidVersion = (scope, scopeName, key, requiredVersion) => {\n\twarn(getInvalidVersionMessage(scope, scopeName, key, requiredVersion));\n};\nvar get = (entry) => {\n\tentry.loaded = 1;\n\treturn entry.get()\n};\nvar init = (fn) => (function(scopeName, a, b, c) {\n\tvar promise = __webpack_require__.I(scopeName);\n\tif (promise && promise.then) return promise.then(fn.bind(fn, scopeName, __webpack_require__.S[scopeName], a, b, c));\n\treturn fn(scopeName, __webpack_require__.S[scopeName], a, b, c);\n});\n\nvar load = /*#__PURE__*/ init((scopeName, scope, key) => {\n\tensureExistence(scopeName, key);\n\treturn get(findVersion(scope, key));\n});\nvar loadFallback = /*#__PURE__*/ init((scopeName, scope, key, fallback) => {\n\treturn scope && __webpack_require__.o(scope, key) ? get(findVersion(scope, key)) : fallback();\n});\nvar loadVersionCheck = /*#__PURE__*/ init((scopeName, scope, key, version) => {\n\tensureExistence(scopeName, key);\n\treturn get(findValidVersion(scope, key, version) || warnInvalidVersion(scope, scopeName, key, version) || findVersion(scope, key));\n});\nvar loadSingleton = /*#__PURE__*/ init((scopeName, scope, key) => {\n\tensureExistence(scopeName, key);\n\treturn getSingleton(scope, scopeName, key);\n});\nvar loadSingletonVersionCheck = /*#__PURE__*/ init((scopeName, scope, key, version) => {\n\tensureExistence(scopeName, key);\n\treturn getSingletonVersion(scope, scopeName, key, version);\n});\nvar loadStrictVersionCheck = /*#__PURE__*/ init((scopeName, scope, key, version) => {\n\tensureExistence(scopeName, key);\n\treturn getValidVersion(scope, scopeName, key, version);\n});\nvar loadStrictSingletonVersionCheck = /*#__PURE__*/ init((scopeName, scope, key, version) => {\n\tensureExistence(scopeName, key);\n\treturn getStrictSingletonVersion(scope, scopeName, key, version);\n});\nvar loadVersionCheckFallback = /*#__PURE__*/ init((scopeName, scope, key, version, fallback) => {\n\tif(!scope || !__webpack_require__.o(scope, key)) return fallback();\n\treturn get(findValidVersion(scope, key, version) || warnInvalidVersion(scope, scopeName, key, version) || findVersion(scope, key));\n});\nvar loadSingletonFallback = /*#__PURE__*/ init((scopeName, scope, key, fallback) => {\n\tif(!scope || !__webpack_require__.o(scope, key)) return fallback();\n\treturn getSingleton(scope, scopeName, key);\n});\nvar loadSingletonVersionCheckFallback = /*#__PURE__*/ init((scopeName, scope, key, version, fallback) => {\n\tif(!scope || !__webpack_require__.o(scope, key)) return fallback();\n\treturn getSingletonVersion(scope, scopeName, key, version);\n});\nvar loadStrictVersionCheckFallback = /*#__PURE__*/ init((scopeName, scope, key, version, fallback) => {\n\tvar entry = scope && __webpack_require__.o(scope, key) && findValidVersion(scope, key, version);\n\treturn entry ? get(entry) : fallback();\n});\nvar loadStrictSingletonVersionCheckFallback = /*#__PURE__*/ init((scopeName, scope, key, version, fallback) => {\n\tif(!scope || !__webpack_require__.o(scope, key)) return fallback();\n\treturn getStrictSingletonVersion(scope, scopeName, key, version);\n});\nvar installedModules = {};\nvar moduleToHandlerMapping = {\n\t8769: () => (loadStrictVersionCheckFallback(\"default\", \"react\", [6,0,0,0,,\"experimental-ee8509801-20230117\"], () => (__webpack_require__.e(4041).then(() => (() => (__webpack_require__(4041))))))),\n\t1030: () => (loadSingletonVersionCheckFallback(\"default\", \"lodash\", [1,4,17,21], () => (__webpack_require__.e(5250).then(() => (() => (__webpack_require__(5250))))))),\n\t4782: () => (loadStrictVersionCheckFallback(\"default\", \"@next-core/element\", [1,1,2,11], () => (__webpack_require__.e(3426).then(() => (() => (__webpack_require__(1045))))))),\n\t1389: () => (loadStrictVersionCheckFallback(\"default\", \"@next-core/react-element\", [1,1,0,30], () => (Promise.all([__webpack_require__.e(4782), __webpack_require__.e(9435), __webpack_require__.e(7733)]).then(() => (() => (__webpack_require__(114))))))),\n\t3518: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/utils/general\", [1,1,7,16], () => (__webpack_require__.e(871).then(() => (() => (__webpack_require__(871))))))),\n\t9583: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/theme\", [1,1,5,2], () => (__webpack_require__.e(1889).then(() => (() => (__webpack_require__(1889))))))),\n\t9435: () => (loadStrictVersionCheckFallback(\"default\", \"react-dom\", [6,0,0,0,,\"experimental-ee8509801-20230117\"], () => (__webpack_require__.e(3144).then(() => (() => (__webpack_require__(3144))))))),\n\t1653: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/runtime\", [1,1,50,0], () => (Promise.all([__webpack_require__.e(7507), __webpack_require__.e(3533), __webpack_require__.e(3518), __webpack_require__.e(1302), __webpack_require__.e(6237), __webpack_require__.e(9042), __webpack_require__.e(5811)]).then(() => (() => (__webpack_require__(3533))))))),\n\t3128: () => (loadStrictVersionCheckFallback(\"default\", \"@next-core/react-runtime\", [1,1,6,17], () => (__webpack_require__.e(7218).then(() => (() => (__webpack_require__(4837))))))),\n\t3496: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/http\", [1,1,0,6], () => (__webpack_require__.e(1370).then(() => (() => (__webpack_require__(8989))))))),\n\t1204: () => (loadSingletonVersionCheckFallback(\"default\", \"js-yaml\", [1,3,14,0], () => (__webpack_require__.e(9515).then(() => (() => (__webpack_require__(9515))))))),\n\t8297: () => (loadSingletonVersionCheckFallback(\"default\", \"moment\", [1,2,27,0], () => (Promise.all([__webpack_require__.e(7721), __webpack_require__.e(9844)]).then(() => (() => (__webpack_require__(9420))))))),\n\t1760: () => (loadSingletonVersionCheckFallback(\"default\", \"@babel/parser\", [1,7,24,7], () => (__webpack_require__.e(6773).then(() => (() => (__webpack_require__(6773))))))),\n\t8618: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/i18n\", [1,1,0,58], () => (Promise.all([__webpack_require__.e(9755), __webpack_require__.e(3171)]).then(() => (() => (__webpack_require__(5552))))))),\n\t2350: () => (loadSingletonVersionCheckFallback(\"default\", \"i18next\", [1,22,5,1], () => (__webpack_require__.e(7304).then(() => (() => (__webpack_require__(7304))))))),\n\t7072: () => (loadSingletonVersionCheckFallback(\"default\", \"i18next-browser-languagedetector\", [1,7,2,1], () => (__webpack_require__.e(726).then(() => (() => (__webpack_require__(726))))))),\n\t4285: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/pipes\", [1,2,0,24], () => (__webpack_require__.e(6519).then(() => (() => (__webpack_require__(6519))))))),\n\t161: () => (loadSingletonVersionCheckFallback(\"default\", \"@easyops-cn/brick-next-pipes\", [2,0,6,0], () => (Promise.all([__webpack_require__.e(4741), __webpack_require__.e(1030), __webpack_require__.e(6688)]).then(() => (() => (__webpack_require__(4741))))))),\n\t1302: () => (loadSingletonVersionCheckFallback(\"default\", \"moment\", [1,2,30,1], () => (Promise.all([__webpack_require__.e(7721), __webpack_require__.e(9844)]).then(() => (() => (__webpack_require__(9420))))))),\n\t9042: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/cook\", [1,2,4,7], () => (Promise.all([__webpack_require__.e(1122), __webpack_require__.e(1760)]).then(() => (() => (__webpack_require__(1122))))))),\n\t1680: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/supply\", [1,2,1,20], () => (Promise.all([__webpack_require__.e(4285), __webpack_require__.e(1940)]).then(() => (() => (__webpack_require__(9559))))))),\n\t2224: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/inject\", [1,1,0,39], () => (Promise.all([__webpack_require__.e(4285), __webpack_require__.e(4658)]).then(() => (() => (__webpack_require__(2277))))))),\n\t2890: () => (loadSingletonVersionCheckFallback(\"default\", \"history\", [1,4,10,1], () => (__webpack_require__.e(5384).then(() => (() => (__webpack_require__(5384))))))),\n\t6036: () => (loadSingletonVersionCheckFallback(\"default\", \"moment/locale/zh-cn.js\", [1,2,30,1], () => (Promise.all([__webpack_require__.e(7721), __webpack_require__.e(9844)]).then(() => (() => (__webpack_require__(1329))))))),\n\t6849: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/loader\", [1,1,6,5], () => (__webpack_require__.e(5399).then(() => (() => (__webpack_require__(7780))))))),\n\t8202: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/utils/storyboard\", [1,1,7,16], () => (__webpack_require__.e(6314).then(() => (() => (__webpack_require__(3933))))))),\n\t9422: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/http\", [1,1,2,6], () => (__webpack_require__.e(3751).then(() => (() => (__webpack_require__(8989)))))))\n};\n// no consumes in initial chunks\nvar chunkMapping = {\n\t\"1030\": [\n\t\t1030\n\t],\n\t\"1302\": [\n\t\t1302\n\t],\n\t\"1389\": [\n\t\t1389\n\t],\n\t\"1653\": [\n\t\t1653\n\t],\n\t\"1760\": [\n\t\t1760\n\t],\n\t\"2416\": [\n\t\t3496\n\t],\n\t\"3128\": [\n\t\t3128\n\t],\n\t\"3518\": [\n\t\t3518\n\t],\n\t\"4285\": [\n\t\t4285\n\t],\n\t\"4782\": [\n\t\t4782\n\t],\n\t\"5811\": [\n\t\t1680,\n\t\t2224,\n\t\t2890,\n\t\t6036,\n\t\t6849,\n\t\t8202,\n\t\t9422\n\t],\n\t\"6237\": [\n\t\t8618\n\t],\n\t\"6519\": [\n\t\t161\n\t],\n\t\"6688\": [\n\t\t1204,\n\t\t8297\n\t],\n\t\"8769\": [\n\t\t8769\n\t],\n\t\"9042\": [\n\t\t9042\n\t],\n\t\"9435\": [\n\t\t9435\n\t],\n\t\"9583\": [\n\t\t9583\n\t],\n\t\"9755\": [\n\t\t2350,\n\t\t7072\n\t]\n};\nvar startedInstallModules = {};\n__webpack_require__.f.consumes = (chunkId, promises) => {\n\tif(__webpack_require__.o(chunkMapping, chunkId)) {\n\t\tchunkMapping[chunkId].forEach((id) => {\n\t\t\tif(__webpack_require__.o(installedModules, id)) return promises.push(installedModules[id]);\n\t\t\tif(!startedInstallModules[id]) {\n\t\t\tvar onFactory = (factory) => {\n\t\t\t\tinstalledModules[id] = 0;\n\t\t\t\t__webpack_require__.m[id] = (module) => {\n\t\t\t\t\tdelete __webpack_require__.c[id];\n\t\t\t\t\tmodule.exports = factory();\n\t\t\t\t}\n\t\t\t};\n\t\t\tstartedInstallModules[id] = true;\n\t\t\tvar onError = (error) => {\n\t\t\t\tdelete installedModules[id];\n\t\t\t\t__webpack_require__.m[id] = (module) => {\n\t\t\t\t\tdelete __webpack_require__.c[id];\n\t\t\t\t\tthrow error;\n\t\t\t\t}\n\t\t\t};\n\t\t\ttry {\n\t\t\t\tvar promise = moduleToHandlerMapping[id]();\n\t\t\t\tif(promise.then) {\n\t\t\t\t\tpromises.push(installedModules[id] = promise.then(onFactory)['catch'](onError));\n\t\t\t\t} else onFactory(promise);\n\t\t\t} catch(e) { onError(e); }\n\t\t\t}\n\t\t});\n\t}\n}","import(\"./bootstrap.js\");\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n// expose the module cache\n__webpack_require__.c = __webpack_module_cache__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = (chunkId) => {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = (chunkId) => {\n\t// return url for filenames based on template\n\treturn \"chunks/\" + chunkId + \".\" + {\"114\":\"9d0b78d2\",\"726\":\"31d83c95\",\"871\":\"c60deabc\",\"1030\":\"b2de5ee5\",\"1045\":\"63c485a7\",\"1094\":\"866a0229\",\"1122\":\"1b986d37\",\"1302\":\"4f0b92f3\",\"1370\":\"8d145ce9\",\"1389\":\"f58efe38\",\"1653\":\"58a9f5ea\",\"1760\":\"54b527f9\",\"1868\":\"3239b5e8\",\"1889\":\"a9c5273d\",\"1940\":\"3fa9b819\",\"2052\":\"a8ed8891\",\"2277\":\"642aada3\",\"2416\":\"87926b63\",\"2443\":\"820db965\",\"3128\":\"83d0ab60\",\"3144\":\"94428cca\",\"3171\":\"c5ada5f2\",\"3426\":\"ae8ab421\",\"3518\":\"2f6525a6\",\"3533\":\"c55d2951\",\"3751\":\"c544b621\",\"3933\":\"83e0f620\",\"4041\":\"d221940a\",\"4090\":\"0a4db475\",\"4285\":\"d80e3ee0\",\"4658\":\"ff7efb11\",\"4741\":\"4a7e366d\",\"4782\":\"3c06b167\",\"4837\":\"a2e9fe27\",\"5250\":\"d0a6e755\",\"5384\":\"b76b4b24\",\"5399\":\"7d5e59b6\",\"5552\":\"9bb497eb\",\"5811\":\"63f59ae7\",\"6237\":\"5804bacf\",\"6314\":\"4496f8fc\",\"6519\":\"bdf67396\",\"6688\":\"0764fdb6\",\"6773\":\"9e6346d4\",\"7218\":\"77db5c32\",\"7304\":\"14847830\",\"7507\":\"f8686358\",\"7721\":\"6ac62398\",\"7733\":\"a27200f8\",\"8769\":\"4c91b468\",\"8989\":\"0fc5ea84\",\"9042\":\"e0b0b803\",\"9435\":\"904b4066\",\"9515\":\"4b4e0758\",\"9559\":\"436645e2\",\"9583\":\"d5f62e07\",\"9755\":\"0a240b26\",\"9844\":\"4a3a83f7\"}[chunkId] + \".js\";\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = (module) => {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","__webpack_require__.S = {};\nvar initPromises = {};\nvar initTokens = {};\n__webpack_require__.I = (name, initScope) => {\n\tif(!initScope) initScope = [];\n\t// handling circular init calls\n\tvar initToken = initTokens[name];\n\tif(!initToken) initToken = initTokens[name] = {};\n\tif(initScope.indexOf(initToken) >= 0) return;\n\tinitScope.push(initToken);\n\t// only runs once\n\tif(initPromises[name]) return initPromises[name];\n\t// creates a new share scope if needed\n\tif(!__webpack_require__.o(__webpack_require__.S, name)) __webpack_require__.S[name] = {};\n\t// runs all init snippets from all modules reachable\n\tvar scope = __webpack_require__.S[name];\n\tvar warn = (msg) => {\n\t\tif (typeof console !== \"undefined\" && console.warn) console.warn(msg);\n\t};\n\tvar uniqueName = \"@next-bricks/diagram\";\n\tvar register = (name, version, factory, eager) => {\n\t\tvar versions = scope[name] = scope[name] || {};\n\t\tvar activeVersion = versions[version];\n\t\tif(!activeVersion || (!activeVersion.loaded && (!eager != !activeVersion.eager ? eager : uniqueName > activeVersion.from))) versions[version] = { get: factory, from: uniqueName, eager: !!eager };\n\t};\n\tvar initExternal = (id) => {\n\t\tvar handleError = (err) => (warn(\"Initialization of sharing external failed: \" + err));\n\t\ttry {\n\t\t\tvar module = __webpack_require__(id);\n\t\t\tif(!module) return;\n\t\t\tvar initFn = (module) => (module && module.init && module.init(__webpack_require__.S[name], initScope))\n\t\t\tif(module.then) return promises.push(module.then(initFn, handleError));\n\t\t\tvar initResult = initFn(module);\n\t\t\tif(initResult && initResult.then) return promises.push(initResult['catch'](handleError));\n\t\t} catch(err) { handleError(err); }\n\t}\n\tvar promises = [];\n\tswitch(name) {\n\t\tcase \"default\": {\n\t\t\tregister(\"@babel/parser\", \"7.24.4\", () => (__webpack_require__.e(6773).then(() => (() => (__webpack_require__(6773))))));\n\t\t\tregister(\"@easyops-cn/brick-next-pipes\", \"0.6.0\", () => (Promise.all([__webpack_require__.e(4741), __webpack_require__.e(1030), __webpack_require__.e(6688)]).then(() => (() => (__webpack_require__(4741))))));\n\t\t\tregister(\"@next-core/cook\", \"2.4.7\", () => (Promise.all([__webpack_require__.e(1122), __webpack_require__.e(1760)]).then(() => (() => (__webpack_require__(1122))))));\n\t\t\tregister(\"@next-core/element\", \"1.2.11\", () => (__webpack_require__.e(1045).then(() => (() => (__webpack_require__(1045))))));\n\t\t\tregister(\"@next-core/http\", \"1.2.6\", () => (__webpack_require__.e(8989).then(() => (() => (__webpack_require__(8989))))));\n\t\t\tregister(\"@next-core/i18n\", \"1.0.58\", () => (Promise.all([__webpack_require__.e(3518), __webpack_require__.e(6237), __webpack_require__.e(9755), __webpack_require__.e(5552)]).then(() => (() => (__webpack_require__(5552))))));\n\t\t\tregister(\"@next-core/inject\", \"1.0.39\", () => (Promise.all([__webpack_require__.e(1030), __webpack_require__.e(4285), __webpack_require__.e(2277)]).then(() => (() => (__webpack_require__(2277))))));\n\t\t\tregister(\"@next-core/loader\", \"1.6.5\", () => (__webpack_require__.e(5399).then(() => (() => (__webpack_require__(7780))))));\n\t\t\tregister(\"@next-core/pipes\", \"2.0.24\", () => (__webpack_require__.e(6519).then(() => (() => (__webpack_require__(6519))))));\n\t\t\tregister(\"@next-core/react-element\", \"1.0.30\", () => (Promise.all([__webpack_require__.e(8769), __webpack_require__.e(4782), __webpack_require__.e(9435), __webpack_require__.e(114)]).then(() => (() => (__webpack_require__(114))))));\n\t\t\tregister(\"@next-core/react-runtime\", \"1.6.17\", () => (Promise.all([__webpack_require__.e(8769), __webpack_require__.e(1030), __webpack_require__.e(1389), __webpack_require__.e(1653), __webpack_require__.e(4837)]).then(() => (() => (__webpack_require__(4837))))));\n\t\t\tregister(\"@next-core/runtime\", \"1.50.0\", () => (Promise.all([__webpack_require__.e(7507), __webpack_require__.e(3533), __webpack_require__.e(1030), __webpack_require__.e(3518), __webpack_require__.e(1302), __webpack_require__.e(6237), __webpack_require__.e(9042), __webpack_require__.e(5811)]).then(() => (() => (__webpack_require__(3533))))));\n\t\t\tregister(\"@next-core/supply\", \"2.1.20\", () => (Promise.all([__webpack_require__.e(1030), __webpack_require__.e(4285), __webpack_require__.e(1302), __webpack_require__.e(9559)]).then(() => (() => (__webpack_require__(9559))))));\n\t\t\tregister(\"@next-core/theme\", \"1.5.2\", () => (Promise.all([__webpack_require__.e(1889), __webpack_require__.e(2052)]).then(() => (() => (__webpack_require__(1889))))));\n\t\t\tregister(\"@next-core/utils/general\", \"1.7.16\", () => (__webpack_require__.e(871).then(() => (() => (__webpack_require__(871))))));\n\t\t\tregister(\"@next-core/utils/storyboard\", \"1.7.16\", () => (Promise.all([__webpack_require__.e(3518), __webpack_require__.e(9042), __webpack_require__.e(3933)]).then(() => (() => (__webpack_require__(3933))))));\n\t\t\tregister(\"history\", \"4.10.1\", () => (__webpack_require__.e(5384).then(() => (() => (__webpack_require__(5384))))));\n\t\t\tregister(\"i18next-browser-languagedetector\", \"7.2.1\", () => (__webpack_require__.e(726).then(() => (() => (__webpack_require__(726))))));\n\t\t\tregister(\"i18next\", \"22.5.1\", () => (__webpack_require__.e(7304).then(() => (() => (__webpack_require__(7304))))));\n\t\t\tregister(\"js-yaml\", \"3.14.1\", () => (__webpack_require__.e(9515).then(() => (() => (__webpack_require__(9515))))));\n\t\t\tregister(\"lodash\", \"4.17.21\", () => (__webpack_require__.e(5250).then(() => (() => (__webpack_require__(5250))))));\n\t\t\tregister(\"moment/locale/zh-cn.js\", \"2.30.1\", () => (Promise.all([__webpack_require__.e(7721), __webpack_require__.e(9844)]).then(() => (() => (__webpack_require__(1329))))));\n\t\t\tregister(\"moment\", \"2.30.1\", () => (Promise.all([__webpack_require__.e(7721), __webpack_require__.e(9844)]).then(() => (() => (__webpack_require__(9420))))));\n\t\t\tregister(\"react-dom\", \"0.0.0-experimental-ee8509801-20230117\", () => (Promise.all([__webpack_require__.e(3144), __webpack_require__.e(8769)]).then(() => (() => (__webpack_require__(3144))))));\n\t\t\tregister(\"react\", \"0.0.0-experimental-ee8509801-20230117\", () => (__webpack_require__.e(4041).then(() => (() => (__webpack_require__(4041))))));\n\t\t}\n\t\tbreak;\n\t}\n\tif(!promises.length) return initPromises[name] = 1;\n\treturn initPromises[name] = Promise.all(promises).then(() => (initPromises[name] = 1));\n};","var scriptUrl;\nif (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + \"\";\nvar document = __webpack_require__.g.document;\nif (!scriptUrl && document) {\n\tif (document.currentScript)\n\t\tscriptUrl = document.currentScript.src;\n\tif (!scriptUrl) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tif(scripts.length) {\n\t\t\tvar i = scripts.length - 1;\n\t\t\twhile (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;\n\t\t}\n\t}\n}\n// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration\n// or pass an empty string (\"\") and set the __webpack_public_path__ variable from your code to use your own logic.\nif (!scriptUrl) throw new Error(\"Automatic publicPath is not supported in this browser\");\nscriptUrl = scriptUrl.replace(/#.*$/, \"\").replace(/\\?.*$/, \"\").replace(/\\/[^\\/]+$/, \"/\");\n__webpack_require__.p = scriptUrl + \"../\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t8792: 0\n};\n\n__webpack_require__.f.j = (chunkId, promises) => {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(!/^(1(030|302|389|653|760)|9(042|435|583|755)|(312|351|668)8|4285|4782|5811|6237|8769)$/.test(chunkId)) {\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = (event) => {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t} else installedChunks[chunkId] = 0;\n\t\t\t}\n\t\t}\n};\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n// no on chunks loaded\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\n}\n\nvar chunkLoadingGlobal = globalThis[\"webpackChunk_next_bricks_diagram\"] = globalThis[\"webpackChunk_next_bricks_diagram\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","__webpack_require__.nc = undefined;","// module cache are used so entry inlining is disabled\n// startup\n// Load entry module and return exports\nvar __webpack_exports__ = __webpack_require__(7934);\n"],"names":["inProgress","dataWebpackPrefix","parseVersion","versionLt","rangeToString","satisfy","findSingletonVersionKey","getInvalidSingletonVersionMessage","getSingletonVersion","findValidVersion","warn","get","init","loadSingletonVersionCheckFallback","loadStrictVersionCheckFallback","installedModules","moduleToHandlerMapping","chunkMapping","startedInstallModules","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","id","loaded","__webpack_modules__","call","m","c","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","f","e","chunkId","Promise","all","keys","reduce","promises","u","g","globalThis","this","Function","window","obj","prop","prototype","hasOwnProperty","l","url","done","push","script","needAttach","scripts","document","getElementsByTagName","i","length","s","getAttribute","createElement","charset","timeout","nc","setAttribute","src","onScriptComplete","prev","event","onerror","onload","clearTimeout","doneFns","parentNode","removeChild","forEach","fn","setTimeout","bind","type","target","head","appendChild","r","Symbol","toStringTag","value","nmd","paths","children","S","initPromises","initTokens","I","name","initScope","initToken","indexOf","scope","uniqueName","register","version","factory","eager","versions","activeVersion","from","then","scriptUrl","importScripts","location","currentScript","test","Error","replace","p","str","split","map","exec","apply","b","t","range","pop","requiredVersion","scopeName","msg","console","entry","promise","fallback","consumes","onFactory","onError","error","installedChunks","j","installedChunkData","resolve","reject","errorType","realSrc","message","request","webpackJsonpCallback","parentChunkLoadingFunction","data","chunkIds","moreModules","runtime","some","chunkLoadingGlobal"],"sourceRoot":""}
+{"version":3,"file":"chunks/main.588e7851.js","mappings":"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","sources":["webpack:///webpack/runtime/load script","webpack:///webpack/runtime/consumes","webpack:///./src/index.ts","webpack:///webpack/bootstrap","webpack:///webpack/runtime/compat get default export","webpack:///webpack/runtime/define property getters","webpack:///webpack/runtime/ensure chunk","webpack:///webpack/runtime/get javascript chunk filename","webpack:///webpack/runtime/global","webpack:///webpack/runtime/hasOwnProperty shorthand","webpack:///webpack/runtime/make namespace object","webpack:///webpack/runtime/node module decorator","webpack:///webpack/runtime/sharing","webpack:///webpack/runtime/publicPath","webpack:///webpack/runtime/jsonp chunk loading","webpack:///webpack/runtime/nonce","webpack:///webpack/startup"],"sourcesContent":["var inProgress = {};\nvar dataWebpackPrefix = \"@next-bricks/diagram:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = (url, done, key, chunkId) => {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\n\t\tscript.src = url;\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = (prev, event) => {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach((fn) => (fn(event)));\n\t\tif(prev) return prev(event);\n\t}\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","var parseVersion = (str) => {\n\t// see webpack/lib/util/semver.js for original code\n\tvar p=p=>{return p.split(\".\").map((p=>{return+p==p?+p:p}))},n=/^([^-+]+)?(?:-([^+]+))?(?:\\+(.+))?$/.exec(str),r=n[1]?p(n[1]):[];return n[2]&&(r.length++,r.push.apply(r,p(n[2]))),n[3]&&(r.push([]),r.push.apply(r,p(n[3]))),r;\n}\nvar versionLt = (a, b) => {\n\t// see webpack/lib/util/semver.js for original code\n\ta=parseVersion(a),b=parseVersion(b);for(var r=0;;){if(r>=a.length)return r<b.length&&\"u\"!=(typeof b[r])[0];var e=a[r],n=(typeof e)[0];if(r>=b.length)return\"u\"==n;var t=b[r],f=(typeof t)[0];if(n!=f)return\"o\"==n&&\"n\"==f||(\"s\"==f||\"u\"==n);if(\"o\"!=n&&\"u\"!=n&&e!=t)return e<t;r++}\n}\nvar rangeToString = (range) => {\n\t// see webpack/lib/util/semver.js for original code\n\tvar r=range[0],n=\"\";if(1===range.length)return\"*\";if(r+.5){n+=0==r?\">=\":-1==r?\"<\":1==r?\"^\":2==r?\"~\":r>0?\"=\":\"!=\";for(var e=1,a=1;a<range.length;a++){e--,n+=\"u\"==(typeof(t=range[a]))[0]?\"-\":(e>0?\".\":\"\")+(e=2,t)}return n}var g=[];for(a=1;a<range.length;a++){var t=range[a];g.push(0===t?\"not(\"+o()+\")\":1===t?\"(\"+o()+\" || \"+o()+\")\":2===t?g.pop()+\" \"+g.pop():rangeToString(t))}return o();function o(){return g.pop().replace(/^\\((.+)\\)$/,\"$1\")}\n}\nvar satisfy = (range, version) => {\n\t// see webpack/lib/util/semver.js for original code\n\tif(0 in range){version=parseVersion(version);var e=range[0],r=e<0;r&&(e=-e-1);for(var n=0,i=1,a=!0;;i++,n++){var f,s,g=i<range.length?(typeof range[i])[0]:\"\";if(n>=version.length||\"o\"==(s=(typeof(f=version[n]))[0]))return!a||(\"u\"==g?i>e&&!r:\"\"==g!=r);if(\"u\"==s){if(!a||\"u\"!=g)return!1}else if(a)if(g==s)if(i<=e){if(f!=range[i])return!1}else{if(r?f>range[i]:f<range[i])return!1;f!=range[i]&&(a=!1)}else if(\"s\"!=g&&\"n\"!=g){if(r||i<=e)return!1;a=!1,i--}else{if(i<=e||s<g!=r)return!1;a=!1}else\"s\"!=g&&\"n\"!=g&&(a=!1,i--)}}var t=[],o=t.pop.bind(t);for(n=1;n<range.length;n++){var u=range[n];t.push(1==u?o()|o():2==u?o()&o():u?satisfy(u,version):!o())}return!!o();\n}\nvar ensureExistence = (scopeName, key) => {\n\tvar scope = __webpack_require__.S[scopeName];\n\tif(!scope || !__webpack_require__.o(scope, key)) throw new Error(\"Shared module \" + key + \" doesn't exist in shared scope \" + scopeName);\n\treturn scope;\n};\nvar findVersion = (scope, key) => {\n\tvar versions = scope[key];\n\tvar key = Object.keys(versions).reduce((a, b) => {\n\t\treturn !a || versionLt(a, b) ? b : a;\n\t}, 0);\n\treturn key && versions[key]\n};\nvar findSingletonVersionKey = (scope, key) => {\n\tvar versions = scope[key];\n\treturn Object.keys(versions).reduce((a, b) => {\n\t\treturn !a || (!versions[a].loaded && versionLt(a, b)) ? b : a;\n\t}, 0);\n};\nvar getInvalidSingletonVersionMessage = (scope, key, version, requiredVersion) => {\n\treturn \"Unsatisfied version \" + version + \" from \" + (version && scope[key][version].from) + \" of shared singleton module \" + key + \" (required \" + rangeToString(requiredVersion) + \")\"\n};\nvar getSingleton = (scope, scopeName, key, requiredVersion) => {\n\tvar version = findSingletonVersionKey(scope, key);\n\treturn get(scope[key][version]);\n};\nvar getSingletonVersion = (scope, scopeName, key, requiredVersion) => {\n\tvar version = findSingletonVersionKey(scope, key);\n\tif (!satisfy(requiredVersion, version)) warn(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));\n\treturn get(scope[key][version]);\n};\nvar getStrictSingletonVersion = (scope, scopeName, key, requiredVersion) => {\n\tvar version = findSingletonVersionKey(scope, key);\n\tif (!satisfy(requiredVersion, version)) throw new Error(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));\n\treturn get(scope[key][version]);\n};\nvar findValidVersion = (scope, key, requiredVersion) => {\n\tvar versions = scope[key];\n\tvar key = Object.keys(versions).reduce((a, b) => {\n\t\tif (!satisfy(requiredVersion, b)) return a;\n\t\treturn !a || versionLt(a, b) ? b : a;\n\t}, 0);\n\treturn key && versions[key]\n};\nvar getInvalidVersionMessage = (scope, scopeName, key, requiredVersion) => {\n\tvar versions = scope[key];\n\treturn \"No satisfying version (\" + rangeToString(requiredVersion) + \") of shared module \" + key + \" found in shared scope \" + scopeName + \".\\n\" +\n\t\t\"Available versions: \" + Object.keys(versions).map((key) => {\n\t\treturn key + \" from \" + versions[key].from;\n\t}).join(\", \");\n};\nvar getValidVersion = (scope, scopeName, key, requiredVersion) => {\n\tvar entry = findValidVersion(scope, key, requiredVersion);\n\tif(entry) return get(entry);\n\tthrow new Error(getInvalidVersionMessage(scope, scopeName, key, requiredVersion));\n};\nvar warn = (msg) => {\n\tif (typeof console !== \"undefined\" && console.warn) console.warn(msg);\n};\nvar warnInvalidVersion = (scope, scopeName, key, requiredVersion) => {\n\twarn(getInvalidVersionMessage(scope, scopeName, key, requiredVersion));\n};\nvar get = (entry) => {\n\tentry.loaded = 1;\n\treturn entry.get()\n};\nvar init = (fn) => (function(scopeName, a, b, c) {\n\tvar promise = __webpack_require__.I(scopeName);\n\tif (promise && promise.then) return promise.then(fn.bind(fn, scopeName, __webpack_require__.S[scopeName], a, b, c));\n\treturn fn(scopeName, __webpack_require__.S[scopeName], a, b, c);\n});\n\nvar load = /*#__PURE__*/ init((scopeName, scope, key) => {\n\tensureExistence(scopeName, key);\n\treturn get(findVersion(scope, key));\n});\nvar loadFallback = /*#__PURE__*/ init((scopeName, scope, key, fallback) => {\n\treturn scope && __webpack_require__.o(scope, key) ? get(findVersion(scope, key)) : fallback();\n});\nvar loadVersionCheck = /*#__PURE__*/ init((scopeName, scope, key, version) => {\n\tensureExistence(scopeName, key);\n\treturn get(findValidVersion(scope, key, version) || warnInvalidVersion(scope, scopeName, key, version) || findVersion(scope, key));\n});\nvar loadSingleton = /*#__PURE__*/ init((scopeName, scope, key) => {\n\tensureExistence(scopeName, key);\n\treturn getSingleton(scope, scopeName, key);\n});\nvar loadSingletonVersionCheck = /*#__PURE__*/ init((scopeName, scope, key, version) => {\n\tensureExistence(scopeName, key);\n\treturn getSingletonVersion(scope, scopeName, key, version);\n});\nvar loadStrictVersionCheck = /*#__PURE__*/ init((scopeName, scope, key, version) => {\n\tensureExistence(scopeName, key);\n\treturn getValidVersion(scope, scopeName, key, version);\n});\nvar loadStrictSingletonVersionCheck = /*#__PURE__*/ init((scopeName, scope, key, version) => {\n\tensureExistence(scopeName, key);\n\treturn getStrictSingletonVersion(scope, scopeName, key, version);\n});\nvar loadVersionCheckFallback = /*#__PURE__*/ init((scopeName, scope, key, version, fallback) => {\n\tif(!scope || !__webpack_require__.o(scope, key)) return fallback();\n\treturn get(findValidVersion(scope, key, version) || warnInvalidVersion(scope, scopeName, key, version) || findVersion(scope, key));\n});\nvar loadSingletonFallback = /*#__PURE__*/ init((scopeName, scope, key, fallback) => {\n\tif(!scope || !__webpack_require__.o(scope, key)) return fallback();\n\treturn getSingleton(scope, scopeName, key);\n});\nvar loadSingletonVersionCheckFallback = /*#__PURE__*/ init((scopeName, scope, key, version, fallback) => {\n\tif(!scope || !__webpack_require__.o(scope, key)) return fallback();\n\treturn getSingletonVersion(scope, scopeName, key, version);\n});\nvar loadStrictVersionCheckFallback = /*#__PURE__*/ init((scopeName, scope, key, version, fallback) => {\n\tvar entry = scope && __webpack_require__.o(scope, key) && findValidVersion(scope, key, version);\n\treturn entry ? get(entry) : fallback();\n});\nvar loadStrictSingletonVersionCheckFallback = /*#__PURE__*/ init((scopeName, scope, key, version, fallback) => {\n\tif(!scope || !__webpack_require__.o(scope, key)) return fallback();\n\treturn getStrictSingletonVersion(scope, scopeName, key, version);\n});\nvar installedModules = {};\nvar moduleToHandlerMapping = {\n\t8769: () => (loadStrictVersionCheckFallback(\"default\", \"react\", [6,0,0,0,,\"experimental-ee8509801-20230117\"], () => (__webpack_require__.e(4041).then(() => (() => (__webpack_require__(4041))))))),\n\t1030: () => (loadSingletonVersionCheckFallback(\"default\", \"lodash\", [1,4,17,21], () => (__webpack_require__.e(5250).then(() => (() => (__webpack_require__(5250))))))),\n\t4782: () => (loadStrictVersionCheckFallback(\"default\", \"@next-core/element\", [1,1,2,11], () => (__webpack_require__.e(3426).then(() => (() => (__webpack_require__(1045))))))),\n\t1389: () => (loadStrictVersionCheckFallback(\"default\", \"@next-core/react-element\", [1,1,0,30], () => (Promise.all([__webpack_require__.e(4782), __webpack_require__.e(9435), __webpack_require__.e(7733)]).then(() => (() => (__webpack_require__(114))))))),\n\t3518: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/utils/general\", [1,1,7,16], () => (__webpack_require__.e(871).then(() => (() => (__webpack_require__(871))))))),\n\t9583: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/theme\", [1,1,5,2], () => (__webpack_require__.e(1889).then(() => (() => (__webpack_require__(1889))))))),\n\t9435: () => (loadStrictVersionCheckFallback(\"default\", \"react-dom\", [6,0,0,0,,\"experimental-ee8509801-20230117\"], () => (__webpack_require__.e(3144).then(() => (() => (__webpack_require__(3144))))))),\n\t1094: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/runtime\", [1,1,51,0], () => (Promise.all([__webpack_require__.e(7507), __webpack_require__.e(3533), __webpack_require__.e(3518), __webpack_require__.e(1302), __webpack_require__.e(6237), __webpack_require__.e(9042), __webpack_require__.e(5811)]).then(() => (() => (__webpack_require__(3533))))))),\n\t3229: () => (loadStrictVersionCheckFallback(\"default\", \"@next-core/react-runtime\", [1,1,6,18], () => (__webpack_require__.e(7218).then(() => (() => (__webpack_require__(4837))))))),\n\t3496: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/http\", [1,1,0,6], () => (__webpack_require__.e(1370).then(() => (() => (__webpack_require__(8989))))))),\n\t1204: () => (loadSingletonVersionCheckFallback(\"default\", \"js-yaml\", [1,3,14,0], () => (__webpack_require__.e(9515).then(() => (() => (__webpack_require__(9515))))))),\n\t8297: () => (loadSingletonVersionCheckFallback(\"default\", \"moment\", [1,2,27,0], () => (Promise.all([__webpack_require__.e(7721), __webpack_require__.e(9844)]).then(() => (() => (__webpack_require__(9420))))))),\n\t1760: () => (loadSingletonVersionCheckFallback(\"default\", \"@babel/parser\", [1,7,24,7], () => (__webpack_require__.e(6773).then(() => (() => (__webpack_require__(6773))))))),\n\t8618: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/i18n\", [1,1,0,58], () => (Promise.all([__webpack_require__.e(9755), __webpack_require__.e(3171)]).then(() => (() => (__webpack_require__(5552))))))),\n\t2350: () => (loadSingletonVersionCheckFallback(\"default\", \"i18next\", [1,22,5,1], () => (__webpack_require__.e(7304).then(() => (() => (__webpack_require__(7304))))))),\n\t7072: () => (loadSingletonVersionCheckFallback(\"default\", \"i18next-browser-languagedetector\", [1,7,2,1], () => (__webpack_require__.e(726).then(() => (() => (__webpack_require__(726))))))),\n\t4285: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/pipes\", [1,2,0,24], () => (__webpack_require__.e(6519).then(() => (() => (__webpack_require__(6519))))))),\n\t161: () => (loadSingletonVersionCheckFallback(\"default\", \"@easyops-cn/brick-next-pipes\", [2,0,6,0], () => (Promise.all([__webpack_require__.e(4741), __webpack_require__.e(1030), __webpack_require__.e(6688)]).then(() => (() => (__webpack_require__(4741))))))),\n\t1302: () => (loadSingletonVersionCheckFallback(\"default\", \"moment\", [1,2,30,1], () => (Promise.all([__webpack_require__.e(7721), __webpack_require__.e(9844)]).then(() => (() => (__webpack_require__(9420))))))),\n\t9042: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/cook\", [1,2,4,7], () => (Promise.all([__webpack_require__.e(1122), __webpack_require__.e(1760)]).then(() => (() => (__webpack_require__(1122))))))),\n\t1680: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/supply\", [1,2,1,20], () => (Promise.all([__webpack_require__.e(4285), __webpack_require__.e(1940)]).then(() => (() => (__webpack_require__(9559))))))),\n\t2224: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/inject\", [1,1,0,39], () => (Promise.all([__webpack_require__.e(4285), __webpack_require__.e(4658)]).then(() => (() => (__webpack_require__(2277))))))),\n\t2890: () => (loadSingletonVersionCheckFallback(\"default\", \"history\", [1,4,10,1], () => (__webpack_require__.e(5384).then(() => (() => (__webpack_require__(5384))))))),\n\t6036: () => (loadSingletonVersionCheckFallback(\"default\", \"moment/locale/zh-cn.js\", [1,2,30,1], () => (Promise.all([__webpack_require__.e(7721), __webpack_require__.e(9844)]).then(() => (() => (__webpack_require__(1329))))))),\n\t6849: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/loader\", [1,1,6,5], () => (__webpack_require__.e(5399).then(() => (() => (__webpack_require__(7780))))))),\n\t8202: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/utils/storyboard\", [1,1,7,16], () => (__webpack_require__.e(6314).then(() => (() => (__webpack_require__(3933))))))),\n\t9422: () => (loadSingletonVersionCheckFallback(\"default\", \"@next-core/http\", [1,1,2,6], () => (__webpack_require__.e(3751).then(() => (() => (__webpack_require__(8989)))))))\n};\n// no consumes in initial chunks\nvar chunkMapping = {\n\t\"1030\": [\n\t\t1030\n\t],\n\t\"1302\": [\n\t\t1302\n\t],\n\t\"1389\": [\n\t\t1389\n\t],\n\t\"1760\": [\n\t\t1760\n\t],\n\t\"2416\": [\n\t\t3496\n\t],\n\t\"3229\": [\n\t\t3229\n\t],\n\t\"3518\": [\n\t\t3518\n\t],\n\t\"4285\": [\n\t\t4285\n\t],\n\t\"4782\": [\n\t\t4782\n\t],\n\t\"5811\": [\n\t\t1680,\n\t\t2224,\n\t\t2890,\n\t\t6036,\n\t\t6849,\n\t\t8202,\n\t\t9422\n\t],\n\t\"6237\": [\n\t\t8618\n\t],\n\t\"6519\": [\n\t\t161\n\t],\n\t\"6688\": [\n\t\t1204,\n\t\t8297\n\t],\n\t\"8713\": [\n\t\t1094\n\t],\n\t\"8769\": [\n\t\t8769\n\t],\n\t\"9042\": [\n\t\t9042\n\t],\n\t\"9435\": [\n\t\t9435\n\t],\n\t\"9583\": [\n\t\t9583\n\t],\n\t\"9755\": [\n\t\t2350,\n\t\t7072\n\t]\n};\nvar startedInstallModules = {};\n__webpack_require__.f.consumes = (chunkId, promises) => {\n\tif(__webpack_require__.o(chunkMapping, chunkId)) {\n\t\tchunkMapping[chunkId].forEach((id) => {\n\t\t\tif(__webpack_require__.o(installedModules, id)) return promises.push(installedModules[id]);\n\t\t\tif(!startedInstallModules[id]) {\n\t\t\tvar onFactory = (factory) => {\n\t\t\t\tinstalledModules[id] = 0;\n\t\t\t\t__webpack_require__.m[id] = (module) => {\n\t\t\t\t\tdelete __webpack_require__.c[id];\n\t\t\t\t\tmodule.exports = factory();\n\t\t\t\t}\n\t\t\t};\n\t\t\tstartedInstallModules[id] = true;\n\t\t\tvar onError = (error) => {\n\t\t\t\tdelete installedModules[id];\n\t\t\t\t__webpack_require__.m[id] = (module) => {\n\t\t\t\t\tdelete __webpack_require__.c[id];\n\t\t\t\t\tthrow error;\n\t\t\t\t}\n\t\t\t};\n\t\t\ttry {\n\t\t\t\tvar promise = moduleToHandlerMapping[id]();\n\t\t\t\tif(promise.then) {\n\t\t\t\t\tpromises.push(installedModules[id] = promise.then(onFactory)['catch'](onError));\n\t\t\t\t} else onFactory(promise);\n\t\t\t} catch(e) { onError(e); }\n\t\t\t}\n\t\t});\n\t}\n}","import(\"./bootstrap.js\");\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n// expose the module cache\n__webpack_require__.c = __webpack_module_cache__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = (chunkId) => {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = (chunkId) => {\n\t// return url for filenames based on template\n\treturn \"chunks/\" + chunkId + \".\" + {\"114\":\"9d0b78d2\",\"726\":\"31d83c95\",\"871\":\"c60deabc\",\"1030\":\"b2de5ee5\",\"1045\":\"63c485a7\",\"1094\":\"866a0229\",\"1122\":\"1b986d37\",\"1302\":\"4f0b92f3\",\"1370\":\"8d145ce9\",\"1389\":\"f58efe38\",\"1760\":\"54b527f9\",\"1868\":\"6f6d603f\",\"1889\":\"a9c5273d\",\"1940\":\"3fa9b819\",\"2052\":\"a8ed8891\",\"2277\":\"642aada3\",\"2416\":\"80f13b05\",\"2443\":\"820db965\",\"3144\":\"94428cca\",\"3171\":\"c5ada5f2\",\"3229\":\"da9d944b\",\"3426\":\"ae8ab421\",\"3518\":\"2f6525a6\",\"3533\":\"c55d2951\",\"3751\":\"c544b621\",\"3933\":\"83e0f620\",\"4041\":\"d221940a\",\"4090\":\"0a4db475\",\"4285\":\"d80e3ee0\",\"4658\":\"ff7efb11\",\"4741\":\"4a7e366d\",\"4782\":\"3c06b167\",\"4837\":\"3951d2a2\",\"5250\":\"d0a6e755\",\"5384\":\"b76b4b24\",\"5399\":\"7d5e59b6\",\"5552\":\"9bb497eb\",\"5811\":\"63f59ae7\",\"6237\":\"5804bacf\",\"6314\":\"4496f8fc\",\"6519\":\"bdf67396\",\"6688\":\"0764fdb6\",\"6773\":\"9e6346d4\",\"7218\":\"1a60c523\",\"7304\":\"14847830\",\"7507\":\"f8686358\",\"7721\":\"6ac62398\",\"7733\":\"a27200f8\",\"8713\":\"de8f9177\",\"8769\":\"4c91b468\",\"8989\":\"0fc5ea84\",\"9042\":\"e0b0b803\",\"9435\":\"904b4066\",\"9515\":\"4b4e0758\",\"9559\":\"436645e2\",\"9583\":\"d5f62e07\",\"9755\":\"0a240b26\",\"9844\":\"4a3a83f7\"}[chunkId] + \".js\";\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = (module) => {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","__webpack_require__.S = {};\nvar initPromises = {};\nvar initTokens = {};\n__webpack_require__.I = (name, initScope) => {\n\tif(!initScope) initScope = [];\n\t// handling circular init calls\n\tvar initToken = initTokens[name];\n\tif(!initToken) initToken = initTokens[name] = {};\n\tif(initScope.indexOf(initToken) >= 0) return;\n\tinitScope.push(initToken);\n\t// only runs once\n\tif(initPromises[name]) return initPromises[name];\n\t// creates a new share scope if needed\n\tif(!__webpack_require__.o(__webpack_require__.S, name)) __webpack_require__.S[name] = {};\n\t// runs all init snippets from all modules reachable\n\tvar scope = __webpack_require__.S[name];\n\tvar warn = (msg) => {\n\t\tif (typeof console !== \"undefined\" && console.warn) console.warn(msg);\n\t};\n\tvar uniqueName = \"@next-bricks/diagram\";\n\tvar register = (name, version, factory, eager) => {\n\t\tvar versions = scope[name] = scope[name] || {};\n\t\tvar activeVersion = versions[version];\n\t\tif(!activeVersion || (!activeVersion.loaded && (!eager != !activeVersion.eager ? eager : uniqueName > activeVersion.from))) versions[version] = { get: factory, from: uniqueName, eager: !!eager };\n\t};\n\tvar initExternal = (id) => {\n\t\tvar handleError = (err) => (warn(\"Initialization of sharing external failed: \" + err));\n\t\ttry {\n\t\t\tvar module = __webpack_require__(id);\n\t\t\tif(!module) return;\n\t\t\tvar initFn = (module) => (module && module.init && module.init(__webpack_require__.S[name], initScope))\n\t\t\tif(module.then) return promises.push(module.then(initFn, handleError));\n\t\t\tvar initResult = initFn(module);\n\t\t\tif(initResult && initResult.then) return promises.push(initResult['catch'](handleError));\n\t\t} catch(err) { handleError(err); }\n\t}\n\tvar promises = [];\n\tswitch(name) {\n\t\tcase \"default\": {\n\t\t\tregister(\"@babel/parser\", \"7.24.4\", () => (__webpack_require__.e(6773).then(() => (() => (__webpack_require__(6773))))));\n\t\t\tregister(\"@easyops-cn/brick-next-pipes\", \"0.6.0\", () => (Promise.all([__webpack_require__.e(4741), __webpack_require__.e(1030), __webpack_require__.e(6688)]).then(() => (() => (__webpack_require__(4741))))));\n\t\t\tregister(\"@next-core/cook\", \"2.4.7\", () => (Promise.all([__webpack_require__.e(1122), __webpack_require__.e(1760)]).then(() => (() => (__webpack_require__(1122))))));\n\t\t\tregister(\"@next-core/element\", \"1.2.11\", () => (__webpack_require__.e(1045).then(() => (() => (__webpack_require__(1045))))));\n\t\t\tregister(\"@next-core/http\", \"1.2.6\", () => (__webpack_require__.e(8989).then(() => (() => (__webpack_require__(8989))))));\n\t\t\tregister(\"@next-core/i18n\", \"1.0.58\", () => (Promise.all([__webpack_require__.e(3518), __webpack_require__.e(6237), __webpack_require__.e(9755), __webpack_require__.e(5552)]).then(() => (() => (__webpack_require__(5552))))));\n\t\t\tregister(\"@next-core/inject\", \"1.0.39\", () => (Promise.all([__webpack_require__.e(1030), __webpack_require__.e(4285), __webpack_require__.e(2277)]).then(() => (() => (__webpack_require__(2277))))));\n\t\t\tregister(\"@next-core/loader\", \"1.6.5\", () => (__webpack_require__.e(5399).then(() => (() => (__webpack_require__(7780))))));\n\t\t\tregister(\"@next-core/pipes\", \"2.0.24\", () => (__webpack_require__.e(6519).then(() => (() => (__webpack_require__(6519))))));\n\t\t\tregister(\"@next-core/react-element\", \"1.0.30\", () => (Promise.all([__webpack_require__.e(8769), __webpack_require__.e(4782), __webpack_require__.e(9435), __webpack_require__.e(114)]).then(() => (() => (__webpack_require__(114))))));\n\t\t\tregister(\"@next-core/react-runtime\", \"1.6.18\", () => (Promise.all([__webpack_require__.e(8769), __webpack_require__.e(1030), __webpack_require__.e(1389), __webpack_require__.e(8713), __webpack_require__.e(4837)]).then(() => (() => (__webpack_require__(4837))))));\n\t\t\tregister(\"@next-core/runtime\", \"1.51.0\", () => (Promise.all([__webpack_require__.e(7507), __webpack_require__.e(3533), __webpack_require__.e(1030), __webpack_require__.e(3518), __webpack_require__.e(1302), __webpack_require__.e(6237), __webpack_require__.e(9042), __webpack_require__.e(5811)]).then(() => (() => (__webpack_require__(3533))))));\n\t\t\tregister(\"@next-core/supply\", \"2.1.20\", () => (Promise.all([__webpack_require__.e(1030), __webpack_require__.e(4285), __webpack_require__.e(1302), __webpack_require__.e(9559)]).then(() => (() => (__webpack_require__(9559))))));\n\t\t\tregister(\"@next-core/theme\", \"1.5.2\", () => (Promise.all([__webpack_require__.e(1889), __webpack_require__.e(2052)]).then(() => (() => (__webpack_require__(1889))))));\n\t\t\tregister(\"@next-core/utils/general\", \"1.7.16\", () => (__webpack_require__.e(871).then(() => (() => (__webpack_require__(871))))));\n\t\t\tregister(\"@next-core/utils/storyboard\", \"1.7.16\", () => (Promise.all([__webpack_require__.e(3518), __webpack_require__.e(9042), __webpack_require__.e(3933)]).then(() => (() => (__webpack_require__(3933))))));\n\t\t\tregister(\"history\", \"4.10.1\", () => (__webpack_require__.e(5384).then(() => (() => (__webpack_require__(5384))))));\n\t\t\tregister(\"i18next-browser-languagedetector\", \"7.2.1\", () => (__webpack_require__.e(726).then(() => (() => (__webpack_require__(726))))));\n\t\t\tregister(\"i18next\", \"22.5.1\", () => (__webpack_require__.e(7304).then(() => (() => (__webpack_require__(7304))))));\n\t\t\tregister(\"js-yaml\", \"3.14.1\", () => (__webpack_require__.e(9515).then(() => (() => (__webpack_require__(9515))))));\n\t\t\tregister(\"lodash\", \"4.17.21\", () => (__webpack_require__.e(5250).then(() => (() => (__webpack_require__(5250))))));\n\t\t\tregister(\"moment/locale/zh-cn.js\", \"2.30.1\", () => (Promise.all([__webpack_require__.e(7721), __webpack_require__.e(9844)]).then(() => (() => (__webpack_require__(1329))))));\n\t\t\tregister(\"moment\", \"2.30.1\", () => (Promise.all([__webpack_require__.e(7721), __webpack_require__.e(9844)]).then(() => (() => (__webpack_require__(9420))))));\n\t\t\tregister(\"react-dom\", \"0.0.0-experimental-ee8509801-20230117\", () => (Promise.all([__webpack_require__.e(3144), __webpack_require__.e(8769)]).then(() => (() => (__webpack_require__(3144))))));\n\t\t\tregister(\"react\", \"0.0.0-experimental-ee8509801-20230117\", () => (__webpack_require__.e(4041).then(() => (() => (__webpack_require__(4041))))));\n\t\t}\n\t\tbreak;\n\t}\n\tif(!promises.length) return initPromises[name] = 1;\n\treturn initPromises[name] = Promise.all(promises).then(() => (initPromises[name] = 1));\n};","var scriptUrl;\nif (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + \"\";\nvar document = __webpack_require__.g.document;\nif (!scriptUrl && document) {\n\tif (document.currentScript)\n\t\tscriptUrl = document.currentScript.src;\n\tif (!scriptUrl) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tif(scripts.length) {\n\t\t\tvar i = scripts.length - 1;\n\t\t\twhile (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;\n\t\t}\n\t}\n}\n// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration\n// or pass an empty string (\"\") and set the __webpack_public_path__ variable from your code to use your own logic.\nif (!scriptUrl) throw new Error(\"Automatic publicPath is not supported in this browser\");\nscriptUrl = scriptUrl.replace(/#.*$/, \"\").replace(/\\?.*$/, \"\").replace(/\\/[^\\/]+$/, \"/\");\n__webpack_require__.p = scriptUrl + \"../\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t8792: 0\n};\n\n__webpack_require__.f.j = (chunkId, promises) => {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(!/^(1(030|302|389|760)|87(13|69)|9(042|435|583|755)|3229|3518|4285|4782|5811|6237|6688)$/.test(chunkId)) {\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = (event) => {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t} else installedChunks[chunkId] = 0;\n\t\t\t}\n\t\t}\n};\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n// no on chunks loaded\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\n}\n\nvar chunkLoadingGlobal = globalThis[\"webpackChunk_next_bricks_diagram\"] = globalThis[\"webpackChunk_next_bricks_diagram\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","__webpack_require__.nc = undefined;","// module cache are used so entry inlining is disabled\n// startup\n// Load entry module and return exports\nvar __webpack_exports__ = __webpack_require__(7934);\n"],"names":["inProgress","dataWebpackPrefix","parseVersion","versionLt","rangeToString","satisfy","findSingletonVersionKey","getInvalidSingletonVersionMessage","getSingletonVersion","findValidVersion","warn","get","init","loadSingletonVersionCheckFallback","loadStrictVersionCheckFallback","installedModules","moduleToHandlerMapping","chunkMapping","startedInstallModules","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","id","loaded","__webpack_modules__","call","m","c","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","f","e","chunkId","Promise","all","keys","reduce","promises","u","g","globalThis","this","Function","window","obj","prop","prototype","hasOwnProperty","l","url","done","push","script","needAttach","scripts","document","getElementsByTagName","i","length","s","getAttribute","createElement","charset","timeout","nc","setAttribute","src","onScriptComplete","prev","event","onerror","onload","clearTimeout","doneFns","parentNode","removeChild","forEach","fn","setTimeout","bind","type","target","head","appendChild","r","Symbol","toStringTag","value","nmd","paths","children","S","initPromises","initTokens","I","name","initScope","initToken","indexOf","scope","uniqueName","register","version","factory","eager","versions","activeVersion","from","then","scriptUrl","importScripts","location","currentScript","test","Error","replace","p","str","split","map","exec","apply","b","t","range","pop","requiredVersion","scopeName","msg","console","entry","promise","fallback","consumes","onFactory","onError","error","installedChunks","j","installedChunkData","resolve","reject","errorType","realSrc","message","request","webpackJsonpCallback","parentChunkLoadingFunction","data","chunkIds","moreModules","runtime","some","chunkLoadingGlobal"],"sourceRoot":""}

package/dist/examples.json

@@ -5,10 +5,10 @@
   "diagram.editable-label": {
     "doc": "构件 `diagram.editable-label`\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: diagram.editable-label\nproperties:\n  type: line\n  label: Relation\nevents:\n  label.change:\n    action: message.success\n    args:\n      - \"<% `Label changed to: ${EVENT.detail}` %>\"\n# -- YAML DELIMITER (1nbbm8) --\n# <diagram.editable-label\n#   type=\"line\"\n#   label=\"Relation\"\n#   id=\"brick-1\"\n# ></diagram.editable-label>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"label.change\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"success\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message: \"<% `Label changed to: ${EVENT.detail}` %>\",\n#     });\n#   });\n# </script>\n# \n```\n"
   },
-  "eo-display-canvas": {
-    "doc": "用于展示查看的画布构件。\n\n## Examples\n\n### Basic\n\n```yaml preview minHeight=\"600px\"\n- brick: div\n  properties:\n    style:\n      display: flex\n      height: 600px\n      gap: 1em\n  context:\n    - name: initialCells\n      value: |\n        <%\n          [\n            {\n              type: \"decorator\",\n              id: \"area-1\",\n              decorator: \"area\",\n              view: {\n                x: 10,\n                y: 20,\n                width: 400,\n                height: 300,\n              },\n            },\n            {\n              type: \"decorator\",\n              id: \"container-1\",\n              decorator: \"container\",\n              view: {\n               x: 50,\n                y: 400,\n                width: 280,\n                height: 120,\n                direction: \"top\",\n                text: \" 上层服务\"\n              },\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Y\",\n              data: {\n                virtual: false,\n                showStartArrow: false,\n                strokeColor:\"red\",\n                strokeWidth: 5,\n              }\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"W\",\n              data: {\n                virtual: false,\n                showStartArrow: true,\n                strokeColor:\"pink\",\n                animate:{\n                  useAnimate: true,\n                  duration: 4 \n                } \n              }\n            }, \n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Z\",\n              data: {\n                virtual: true,\n                showStartArrow: true,\n                strokeColor:\"blue\",\n                animate:{\n                  useAnimate: true \n                } \n              }\n            },\n          ].concat(\n            [\"X\", \"Y\", \"Z\", \"W\"].map((id) => ({\n              type: \"node\",\n              id,\n              containerId: [\"X\",\"Y\",\"Z\"].includes(id)?\"container-1\":undefined,\n              data: {\n                name: `Node ${id}`,\n              },\n              view: {\n                x: Math.round(\n                  id === \"X\"\n                    ? 200 + Math.random() * 200\n                    : id === \"Y\"\n                    ? Math.random() * 300\n                    : 300 + Math.random() * 300\n                ),\n                y: (id === \"X\" ? 0 : 300) + Math.round((Math.random() * 200)),\n                width: 60,\n                height: 60,\n              }\n            }))\n          ).concat([ \n            {\n              type: \"decorator\",\n              id: \"text-1\",\n              decorator: \"text\",\n              view: {\n                x: 100,\n                y: 120,\n                width: 100,\n                height: 20,\n                text: \"Hello!\"\n              },\n            },  \n          ])\n        %>\n    - name: activeTarget\n    - name: targetCell\n  children:\n    - brick: div\n      properties:\n        style:\n          flex: 1\n          minWidth: 0\n      children:\n        - brick: eo-display-canvas\n          properties:\n            style:\n              width: 100%\n              height: 100%\n            activeTarget: <%= CTX.activeTarget %>\n            fadeUnrelatedCells: true\n            # Initial nodes only\n            defaultNodeSize: [60, 60]\n            defaultNodeBricks:\n              - useBrick:\n                  brick: diagram.experimental-node\n                  properties:\n                    textContent: <% `Node ${DATA.node.id}` %>\n                    status: |\n                      <%=\n                        CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\n                          ? \"highlighted\"\n                          // : CTX.unrelated.some(n =>\n                          //     n.type === \"node\" && n.id === DATA.node.id\n                          //   )\n                          // ? \"faded\"\n                          : \"default\"\n                      %>\n            defaultEdgeLines:\n              - if: true\n                dashed: <% DATA.edge?.data?.virtual %>\n                strokeColor: <% DATA.edge?.data?.strokeColor %>\n                showStartArrow: <% DATA.edge?.data?.showStartArrow %>\n                strokeWidth: <% DATA.edge?.data?.strokeWidth %>\n                animate: <% DATA.edge?.data?.animate %>\n            cells: <% CTX.initialCells %>\n          events:\n            activeTarget.change:\n              action: context.replace\n              args:\n                - activeTarget\n                - <% EVENT.detail %>\n            cell.contextmenu:\n              - target: eo-context-menu\n                method: open\n                args:\n                  - position:\n                      - <% EVENT.detail.clientX %>\n                      - <% EVENT.detail.clientY %>\n              - action: context.replace\n                args:\n                  - targetCell\n                  - <% EVENT.detail.cell %>\n            scale.change:\n              action: context.replace\n              args:\n                - scale\n                - <% EVENT.detail %>\n- brick: eo-context-menu\n  properties:\n    actions: |\n      <%=\n        [\n          {\n            text: `Test ${CTX.targetCell?.type}`,\n            event: `test-${CTX.targetCell?.type}`,\n          }\n        ]\n      %>\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; height: 600px; gap: 1em\">\n#   <div style=\"flex: 1; min-width: 0\">\n#     <eo-display-canvas\n#       style=\"width: 100%; height: 100%\"\n#       fade-unrelated-cells\n#       id=\"brick-1\"\n#     ></eo-display-canvas>\n#   </div>\n# </div>\n# <eo-context-menu\n#   actions=\"&lt;%=\n#   [\n#     {\n#       text: `Test ${CTX.targetCell?.type}`,\n#       event: `test-${CTX.targetCell?.type}`,\n#     }\n#   ]\n# %&gt;\n# \"\n# ></eo-context-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.activeTarget = \"<%= CTX.activeTarget %>\";\n#   brick_1.defaultNodeSize = [60, 60];\n#   brick_1.defaultNodeBricks = [\n#     {\n#       useBrick: {\n#         brick: \"diagram.experimental-node\",\n#         properties: {\n#           textContent: \"<% `Node ${DATA.node.id}` %>\",\n#           status:\n#             '<%=\\n  CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\\n    ? \"highlighted\"\\n    // : CTX.unrelated.some(n =>\\n    //     n.type === \"node\" && n.id === DATA.node.id\\n    //   )\\n    // ? \"faded\"\\n    : \"default\"\\n%>\\n',\n#         },\n#       },\n#     },\n#   ];\n#   brick_1.defaultEdgeLines = [\n#     {\n#       if: true,\n#       dashed: \"<% DATA.edge?.data?.virtual %>\",\n#       strokeColor: \"<% DATA.edge?.data?.strokeColor %>\",\n#       showStartArrow: \"<% DATA.edge?.data?.showStartArrow %>\",\n#       strokeWidth: \"<% DATA.edge?.data?.strokeWidth %>\",\n#       animate: \"<% DATA.edge?.data?.animate %>\",\n#     },\n#   ];\n#   brick_1.cells = \"<% CTX.initialCells %>\";\n#   brick_1.addEventListener(\"activeTarget.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     const brick = document.querySelector(\"eo-context-menu\");\n#     brick.open({\n#       position: [\"<% EVENT.detail.clientX %>\", \"<% EVENT.detail.clientY %>\"],\n#     });\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"scale.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n# </script>\n# \n```\n\n### Force layout\n\n```yaml preview minHeight=\"600px\"\n- brick: div\n  properties:\n    style:\n      display: flex\n      height: 600px\n      gap: 1em\n  context:\n    - name: initialCells\n      value: |\n        <%\n          [\n            {\n              type: \"decorator\",\n              id: \"area-1\",\n              decorator: \"area\",\n              view: {\n                x: 10,\n                y: 20,\n                width: 400,\n                height: 300,\n              },\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Y\",\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Z\",\n              data: {\n                virtual: true,\n              }\n            },\n          ].concat(\n            [\"X\", \"Y\", \"Z\", \"W\"].map((id) => ({\n              type: \"node\",\n              id,\n              data: {\n                name: `Node ${id}`,\n              },\n              view: {\n                width: 60,\n                height: 60,\n              }\n            }))\n          ).concat([\n            {\n              type: \"decorator\",\n              id: \"text-1\",\n              decorator: \"text\",\n              view: {\n                x: 100,\n                y: 120,\n                width: 100,\n                height: 20,\n                text: \"Hello!\"\n              },\n            },\n          ])\n        %>\n    - name: activeTarget\n    - name: targetCell\n  children:\n    - brick: div\n      properties:\n        style:\n          flex: 1\n          minWidth: 0\n      children:\n        - brick: eo-display-canvas\n          properties:\n            style:\n              width: 100%\n              height: 100%\n            activeTarget: <%= CTX.activeTarget %>\n            fadeUnrelatedCells: true\n            layout: force\n            # Initial nodes only\n            defaultNodeSize: [60, 60]\n            defaultNodeBricks:\n              - useBrick:\n                  brick: diagram.experimental-node\n                  properties:\n                    textContent: <% `Node ${DATA.node.id}` %>\n                    status: |\n                      <%=\n                        CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\n                          ? \"highlighted\"\n                          // : CTX.unrelated.some(n =>\n                          //     n.type === \"node\" && n.id === DATA.node.id\n                          //   )\n                          // ? \"faded\"\n                          : \"default\"\n                      %>\n            defaultEdgeLines:\n              - if: <% DATA.edge.data?.virtual %>\n                dashed: true\n            cells: <% CTX.initialCells %>\n          events:\n            activeTarget.change:\n              action: context.replace\n              args:\n                - activeTarget\n                - <% EVENT.detail %>\n            cell.contextmenu:\n              - target: eo-context-menu\n                method: open\n                args:\n                  - position:\n                      - <% EVENT.detail.clientX %>\n                      - <% EVENT.detail.clientY %>\n              - action: context.replace\n                args:\n                  - targetCell\n                  - <% EVENT.detail.cell %>\n            scale.change:\n              action: context.replace\n              args:\n                - scale\n                - <% EVENT.detail %>\n- brick: eo-context-menu\n  properties:\n    actions: |\n      <%=\n        [\n          {\n            text: `Test ${CTX.targetCell?.type}`,\n            event: `test-${CTX.targetCell?.type}`,\n          }\n        ]\n      %>\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; height: 600px; gap: 1em\">\n#   <div style=\"flex: 1; min-width: 0\">\n#     <eo-display-canvas\n#       style=\"width: 100%; height: 100%\"\n#       fade-unrelated-cells\n#       layout=\"force\"\n#       id=\"brick-1\"\n#     ></eo-display-canvas>\n#   </div>\n# </div>\n# <eo-context-menu\n#   actions=\"&lt;%=\n#   [\n#     {\n#       text: `Test ${CTX.targetCell?.type}`,\n#       event: `test-${CTX.targetCell?.type}`,\n#     }\n#   ]\n# %&gt;\n# \"\n# ></eo-context-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.activeTarget = \"<%= CTX.activeTarget %>\";\n#   brick_1.defaultNodeSize = [60, 60];\n#   brick_1.defaultNodeBricks = [\n#     {\n#       useBrick: {\n#         brick: \"diagram.experimental-node\",\n#         properties: {\n#           textContent: \"<% `Node ${DATA.node.id}` %>\",\n#           status:\n#             '<%=\\n  CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\\n    ? \"highlighted\"\\n    // : CTX.unrelated.some(n =>\\n    //     n.type === \"node\" && n.id === DATA.node.id\\n    //   )\\n    // ? \"faded\"\\n    : \"default\"\\n%>\\n',\n#         },\n#       },\n#     },\n#   ];\n#   brick_1.defaultEdgeLines = [\n#     {\n#       if: \"<% DATA.edge.data?.virtual %>\",\n#       dashed: true,\n#     },\n#   ];\n#   brick_1.cells = \"<% CTX.initialCells %>\";\n#   brick_1.addEventListener(\"activeTarget.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     const brick = document.querySelector(\"eo-context-menu\");\n#     brick.open({\n#       position: [\"<% EVENT.detail.clientX %>\", \"<% EVENT.detail.clientY %>\"],\n#     });\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"scale.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n# </script>\n# \n```\n\n### Dagre layout\n\n```yaml preview minHeight=\"600px\"\n- brick: div\n  properties:\n    style:\n      display: flex\n      height: 600px\n      gap: 1em\n  context:\n    - name: initialCells\n      value: |\n        <%\n          [\n            {\n              type: \"decorator\",\n              id: \"area-1\",\n              decorator: \"area\",\n              view: {\n                x: 10,\n                y: 20,\n                width: 400,\n                height: 300,\n              },\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Y\",\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Z\",\n              data: {\n                virtual: true,\n              }\n            },\n          ].concat(\n            [\"X\", \"Y\", \"Z\", \"W\"].map((id) => ({\n              type: \"node\",\n              id,\n              data: {\n                name: `Node ${id}`,\n              },\n              view: {\n                width: 60,\n                height: 60,\n              }\n            }))\n          ).concat([\n            {\n              type: \"decorator\",\n              id: \"text-1\",\n              decorator: \"text\",\n              view: {\n                x: 100,\n                y: 120,\n                width: 100,\n                height: 20,\n                text: \"Hello!\"\n              },\n            },\n          ])\n        %>\n    - name: activeTarget\n    - name: targetCell\n  children:\n    - brick: div\n      properties:\n        style:\n          flex: 1\n          minWidth: 0\n      children:\n        - brick: eo-display-canvas\n          properties:\n            style:\n              width: 100%\n              height: 100%\n            activeTarget: <%= CTX.activeTarget %>\n            fadeUnrelatedCells: true\n            layout: dagre\n            # Initial nodes only\n            defaultNodeSize: [60, 60]\n            defaultNodeBricks:\n              - useBrick:\n                  brick: diagram.experimental-node\n                  properties:\n                    textContent: <% `Node ${DATA.node.id}` %>\n                    status: |\n                      <%=\n                        CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\n                          ? \"highlighted\"\n                          // : CTX.unrelated.some(n =>\n                          //     n.type === \"node\" && n.id === DATA.node.id\n                          //   )\n                          // ? \"faded\"\n                          : \"default\"\n                      %>\n            defaultEdgeLines:\n              - if: <% DATA.edge.data?.virtual %>\n                dashed: true\n            cells: <% CTX.initialCells %>\n          events:\n            activeTarget.change:\n              action: context.replace\n              args:\n                - activeTarget\n                - <% EVENT.detail %>\n            cell.contextmenu:\n              - target: eo-context-menu\n                method: open\n                args:\n                  - position:\n                      - <% EVENT.detail.clientX %>\n                      - <% EVENT.detail.clientY %>\n              - action: context.replace\n                args:\n                  - targetCell\n                  - <% EVENT.detail.cell %>\n            scale.change:\n              action: context.replace\n              args:\n                - scale\n                - <% EVENT.detail %>\n- brick: eo-context-menu\n  properties:\n    actions: |\n      <%=\n        [\n          {\n            text: `Test ${CTX.targetCell?.type}`,\n            event: `test-${CTX.targetCell?.type}`,\n          }\n        ]\n      %>\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; height: 600px; gap: 1em\">\n#   <div style=\"flex: 1; min-width: 0\">\n#     <eo-display-canvas\n#       style=\"width: 100%; height: 100%\"\n#       fade-unrelated-cells\n#       layout=\"dagre\"\n#       id=\"brick-1\"\n#     ></eo-display-canvas>\n#   </div>\n# </div>\n# <eo-context-menu\n#   actions=\"&lt;%=\n#   [\n#     {\n#       text: `Test ${CTX.targetCell?.type}`,\n#       event: `test-${CTX.targetCell?.type}`,\n#     }\n#   ]\n# %&gt;\n# \"\n# ></eo-context-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.activeTarget = \"<%= CTX.activeTarget %>\";\n#   brick_1.defaultNodeSize = [60, 60];\n#   brick_1.defaultNodeBricks = [\n#     {\n#       useBrick: {\n#         brick: \"diagram.experimental-node\",\n#         properties: {\n#           textContent: \"<% `Node ${DATA.node.id}` %>\",\n#           status:\n#             '<%=\\n  CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\\n    ? \"highlighted\"\\n    // : CTX.unrelated.some(n =>\\n    //     n.type === \"node\" && n.id === DATA.node.id\\n    //   )\\n    // ? \"faded\"\\n    : \"default\"\\n%>\\n',\n#         },\n#       },\n#     },\n#   ];\n#   brick_1.defaultEdgeLines = [\n#     {\n#       if: \"<% DATA.edge.data?.virtual %>\",\n#       dashed: true,\n#     },\n#   ];\n#   brick_1.cells = \"<% CTX.initialCells %>\";\n#   brick_1.addEventListener(\"activeTarget.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     const brick = document.querySelector(\"eo-context-menu\");\n#     brick.open({\n#       position: [\"<% EVENT.detail.clientX %>\", \"<% EVENT.detail.clientY %>\"],\n#     });\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"scale.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n# </script>\n# \n```\n\n### Degraded diagram\n\n```yaml preview minHeight=\"600px\"\n- brick: div\n  properties:\n    style:\n      display: flex\n      height: 600px\n      gap: 1em\n  context:\n    - name: initialCells\n      value: |\n        <%\n          ((...seeds) => seeds.map((seed) => ({\n            type: \"node\",\n            id: seed,\n            data: {\n              name: seed,\n            },\n          })))(\n            ...(\n              new Array(500).fill(null).map((_, i) => String(i))\n            )\n          )\n        %>\n    - name: activeTarget\n    - name: targetCell\n  children:\n    - brick: div\n      properties:\n        style:\n          flex: 1\n          minWidth: 0\n      children:\n        - brick: eo-display-canvas\n          properties:\n            style:\n              width: 100%\n              height: 100%\n            activeTarget: <%= CTX.activeTarget %>\n            fadeUnrelatedCells: true\n            layout: force\n            # Initial nodes only\n            defaultNodeSize: [60, 60]\n            defaultNodeBricks:\n              - useBrick:\n                  brick: diagram.experimental-node\n                  properties:\n                    textContent: <% `Node ${DATA.node.id}` %>\n                    status: |\n                      <%=\n                        CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\n                          ? \"highlighted\"\n                          // : CTX.unrelated.some(n =>\n                          //     n.type === \"node\" && n.id === DATA.node.id\n                          //   )\n                          // ? \"faded\"\n                          : \"default\"\n                      %>\n            defaultEdgeLines:\n              - if: true\n                dashed: <% DATA.edge?.data?.virtual %>\n                strokeColor: <% DATA.edge?.data?.strokeColor %>\n                showStartArrow: <% DATA.edge?.data?.showStartArrow %>\n                strokeWidth: <% DATA.edge?.data?.strokeWidth %>\n                animate: <% DATA.edge?.data?.animate %>\n            cells: <% CTX.initialCells %>\n          events:\n            activeTarget.change:\n              action: context.replace\n              args:\n                - activeTarget\n                - <% EVENT.detail %>\n            cell.contextmenu:\n              - target: eo-context-menu\n                method: open\n                args:\n                  - position:\n                      - <% EVENT.detail.clientX %>\n                      - <% EVENT.detail.clientY %>\n              - action: context.replace\n                args:\n                  - targetCell\n                  - <% EVENT.detail.cell %>\n            scale.change:\n              action: context.replace\n              args:\n                - scale\n                - <% EVENT.detail %>\n- brick: eo-context-menu\n  properties:\n    actions: |\n      <%=\n        [\n          {\n            text: `Test ${CTX.targetCell?.type}`,\n            event: `test-${CTX.targetCell?.type}`,\n          }\n        ]\n      %>\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; height: 600px; gap: 1em\">\n#   <div style=\"flex: 1; min-width: 0\">\n#     <eo-display-canvas\n#       style=\"width: 100%; height: 100%\"\n#       fade-unrelated-cells\n#       layout=\"force\"\n#       id=\"brick-1\"\n#     ></eo-display-canvas>\n#   </div>\n# </div>\n# <eo-context-menu\n#   actions=\"&lt;%=\n#   [\n#     {\n#       text: `Test ${CTX.targetCell?.type}`,\n#       event: `test-${CTX.targetCell?.type}`,\n#     }\n#   ]\n# %&gt;\n# \"\n# ></eo-context-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.activeTarget = \"<%= CTX.activeTarget %>\";\n#   brick_1.defaultNodeSize = [60, 60];\n#   brick_1.defaultNodeBricks = [\n#     {\n#       useBrick: {\n#         brick: \"diagram.experimental-node\",\n#         properties: {\n#           textContent: \"<% `Node ${DATA.node.id}` %>\",\n#           status:\n#             '<%=\\n  CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\\n    ? \"highlighted\"\\n    // : CTX.unrelated.some(n =>\\n    //     n.type === \"node\" && n.id === DATA.node.id\\n    //   )\\n    // ? \"faded\"\\n    : \"default\"\\n%>\\n',\n#         },\n#       },\n#     },\n#   ];\n#   brick_1.defaultEdgeLines = [\n#     {\n#       if: true,\n#       dashed: \"<% DATA.edge?.data?.virtual %>\",\n#       strokeColor: \"<% DATA.edge?.data?.strokeColor %>\",\n#       showStartArrow: \"<% DATA.edge?.data?.showStartArrow %>\",\n#       strokeWidth: \"<% DATA.edge?.data?.strokeWidth %>\",\n#       animate: \"<% DATA.edge?.data?.animate %>\",\n#     },\n#   ];\n#   brick_1.cells = \"<% CTX.initialCells %>\";\n#   brick_1.addEventListener(\"activeTarget.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     const brick = document.querySelector(\"eo-context-menu\");\n#     brick.open({\n#       position: [\"<% EVENT.detail.clientX %>\", \"<% EVENT.detail.clientY %>\"],\n#     });\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"scale.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n# </script>\n# \n```\n"
-  },
   "eo-draw-canvas": {
     "doc": "用于手工绘图的画布。\n\n注意：将配套另外一个用于展示的画布构件。\n\n## Examples\n\n### Basic\n\n```yaml preview minHeight=\"600px\"\n- brick: div\n  properties:\n    style:\n      display: flex\n      height: 600px\n      gap: 1em\n  context:\n    - name: initialCells\n      value: |\n        <%\n          [\n            {\n              type: \"decorator\",\n              id: \"area-1\",\n              decorator: \"area\",\n              view: {\n                x: 10,\n                y: 20,\n                width: 400,\n                height: 300,\n              },\n            },\n            {\n              type: \"decorator\",\n              id: \"container-1\",\n              decorator: \"container\",\n              view: {\n               x: 50,\n                y: 400,\n                width: 280,\n                height: 120,\n                direction: \"top\",\n                text: \" 上层服务\"\n              },\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Y\",\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Z\",\n              data: {\n                virtual: true,\n              }\n            },\n          ].concat(\n            [\"X\", \"Y\", \"Z\", \"W\"].map((id) => ({\n              type: \"node\",\n              id,\n              containerId: id===\"W\"?\"container-1\":undefined,\n              data: {\n                name: `Node ${id}`,\n              },\n              view: {\n                x: Math.round(\n                  id === \"X\"\n                    ? 200 + Math.random() * 200\n                    : id === \"Y\"\n                    ? Math.random() * 300\n                    : 300 + Math.random() * 300\n                ),\n                y: (id === \"X\" ? 0 : 300) + Math.round((Math.random() * 200)),\n                width: 60,\n                height: 60,\n              }\n            }))\n          ).concat([\n            {\n              type: \"decorator\",\n              id: \"text-1\",\n              decorator: \"text\",\n              view: {\n                x: 100,\n                y: 120,\n                width: 100,\n                height: 20,\n                text: \"Hello!\"\n              },\n            },\n          ])\n        %>\n    - name: dragging\n    - name: activeTarget\n    - name: targetCell\n    - name: scale\n      value: 1\n  children:\n    - brick: div\n      properties:\n        style:\n          width: 180px\n          display: flex\n          flexDirection: column\n          gap: 1em\n          border-right: \"1px solid #ccc\"\n          overflow: scroll\n      children:\n        - brick: eo-button\n          properties:\n            textContent: Add random nodes\n          events:\n            click:\n              target: eo-draw-canvas\n              method: addNodes\n              args:\n                - |\n                  <%\n                    ((...seeds) => seeds.map((seed) => ({\n                      id: seed,\n                      data: {\n                        name: String(seed),\n                      },\n                    })))(\n                      Math.round(Math.random() * 1e6),\n                      Math.round(Math.random() * 1e6),\n                      Math.round(Math.random() * 1e6),\n                    )\n                  %>\n              callback:\n                success:\n                  action: console.log\n                  args:\n                    - Added nodes\n                    - <% EVENT.detail %>\n        - brick: eo-button\n          properties:\n            textContent: \"Add edge: Y => Z\"\n          events:\n            click:\n              target: eo-draw-canvas\n              method: addEdge\n              args:\n                - source: Y\n                  target: Z\n                  data:\n                    virtual: true\n        - brick: :forEach\n          dataSource:\n            - X\n            - Y\n          children:\n            - brick: eo-button\n              properties:\n                textContent: <% `Add nodes below ${ITEM}` %>\n              events:\n                click:\n                  target: eo-draw-canvas\n                  method: updateCells\n                  args:\n                    - |\n                      <%\n                        CTX.initialCells.concat([\n                          {\n                            type: \"edge\",\n                            source: ITEM,\n                            target: \"U\",\n                          },\n                          {\n                            type: \"edge\",\n                            source: ITEM,\n                            target: \"V\",\n                          },\n                          {\n                            type: \"node\",\n                            id: \"U\",\n                            data: {\n                              name: \"U\"\n                            }\n                          },\n                          {\n                            type: \"node\",\n                            id: \"V\",\n                            data: {\n                              name: \"V\"\n                            }\n                          },\n                        ])\n                      %>\n                    - reason: add-related-nodes\n                      parent: <% ITEM %>\n                  callback:\n                    success:\n                      action: console.log\n        - brick: hr\n          properties:\n            style:\n              width: 100%\n        - brick: h3\n          properties:\n            textContent: Drag nodes below\n        - brick: :forEach\n          dataSource: |\n            <%\n              [\"A\", \"B\", \"C\"].map((id) => ({\n                type: \"node\",\n                id,\n                data: {\n                  name: `Node ${id}`,\n                },\n              }))\n            %>\n          children:\n            - brick: diagram.experimental-node\n              properties:\n                textContent: <% ITEM.data.name %>\n                usage: library\n              events:\n                drag.move:\n                  action: context.replace\n                  args:\n                    - dragging\n                    - |\n                      <% {position: EVENT.detail, ...ITEM} %>\n                drag.end:\n                  - action: context.replace\n                    args:\n                      - dragging\n                      - null\n                  - target: eo-draw-canvas\n                    method: dropNode\n                    args:\n                      - position: <% EVENT.detail %>\n                        id: <% ITEM.id %>\n                        data: <% ITEM.data %>\n                    callback:\n                      success:\n                        if: <% EVENT.detail %>\n                        then:\n                          action: message.success\n                          args:\n                            - <% JSON.stringify(EVENT.detail) %>\n                        else:\n                          action: message.warn\n                          args:\n                            - Unexpected drop position\n        - brick: hr\n          properties:\n            style:\n              width: 100%\n        - brick: h3\n          properties:\n            textContent: Drag decorators below\n        - brick: :forEach\n          dataSource:\n            - area\n            - text\n            - container.top\n            - container.right\n            - container.bottom\n            - container.left\n          children:\n            - brick: diagram.experimental-node\n              properties:\n                textContent: <% _.upperFirst(ITEM) %>\n                usage: library\n              events:\n                drag.move:\n                  action: context.replace\n                  args:\n                    - dragging\n                    - |\n                      <% {position: EVENT.detail, type: \"decorator\", decorator: ITEM.split(\".\")[0]} %>\n                drag.end:\n                  - action: context.replace\n                    args:\n                      - dragging\n                      - null\n                  - target: eo-draw-canvas\n                    method: dropDecorator\n                    args:\n                      - position: <% EVENT.detail %>\n                        decorator: <% ITEM.split(\".\")[0] %>\n                        text: <% ITEM %>\n                        direction: <% ITEM.split(\".\").pop() %>\n                    callback:\n                      success:\n                        if: <% EVENT.detail %>\n                        then:\n                          # action: message.success\n                          # args:\n                          #   - <% JSON.stringify(EVENT.detail) %>\n                        else:\n                          action: message.warn\n                          args:\n                            - Unexpected drop position\n    - brick: div\n      properties:\n        style:\n          flex: 1\n          minWidth: 0\n      children:\n        - brick: eo-draw-canvas\n          properties:\n            style:\n              width: 100%\n              height: 100%\n            activeTarget: <%= CTX.activeTarget %>\n            fadeUnrelatedCells: true\n            allowEdgeToArea: true\n            dragBehavior: lasso\n            # Initial nodes only\n            defaultNodeSize: [60, 60]\n            defaultNodeBricks:\n              - useBrick:\n                  brick: diagram.experimental-node\n                  properties:\n                    textContent: <% `Node ${DATA.node.id}` %>\n                    status: |\n                      <%=\n                        (CTX.activeTarget?.type === \"multi\"\n                          ? CTX.activeTarget.targets\n                          : CTX.activeTarget\n                          ? [CTX.activeTarget]\n                          : []\n                        ).some((target) => (\n                          target.type === \"node\" && target.id === DATA.node.id\n                        ))\n                          ? \"highlighted\"\n                          : \"default\"\n                      %>\n            defaultEdgeLines:\n              - if: <% DATA.edge.data?.virtual %>\n                dashed: true\n            cells: <% CTX.initialCells %>\n          events:\n            activeTarget.change:\n              action: context.replace\n              args:\n                - activeTarget\n                - <% EVENT.detail %>\n            cells.move:\n              action: message.info\n              args:\n                - <% `You just moved ${EVENT.detail.length} cells` %>\n            cell.resize:\n              action: message.info\n              args:\n                - <% `You just resized ${EVENT.detail.type} ${EVENT.detail.id} to (${Math.round(EVENT.detail.width)}, ${Math.round(EVENT.detail.height)})` %>\n            cells.delete:\n              action: message.warn\n              args:\n                - |\n                  <% `You wanna delete ${EVENT.detail.length} cells?` %>\n            cell.contextmenu:\n              - target: eo-context-menu\n                method: open\n                args:\n                  - position:\n                      - <% EVENT.detail.clientX %>\n                      - <% EVENT.detail.clientY %>\n              - action: context.replace\n                args:\n                  - targetCell\n                  - <% EVENT.detail.cell %>\n            decorator.text.change:\n              action: message.info\n              args:\n                - <% JSON.stringify(EVENT.detail) %>\n            node.container.change:\n              action: message.info\n              args:\n                - <% JSON.stringify(EVENT.detail) %>\n            scale.change:\n              action: context.replace\n              args:\n                - scale\n                - <% EVENT.detail %>\n- brick: diagram.experimental-node\n  properties:\n    usage: dragging\n    textContent: |\n      <%= CTX.dragging?.type === \"decorator\" ? (CTX.dragging.decorator === \"text\" ? \"Text\" : null) : CTX.dragging?.data.name %>\n    decorator: |\n      <%= CTX.dragging?.type === \"decorator\" ? CTX.dragging.decorator : null %>\n    style: |\n      <%=\n        {\n          left: `${CTX.dragging?.position[0]}px`,\n          top: `${CTX.dragging?.position[1]}px`,\n          transform: `scale(${CTX.scale})`,\n          transformOrigin: \"0 0\",\n          padding: CTX.dragging?.decorator === \"text\" ? \"0.5em\" : \"0\"\n        }\n      %>\n    hidden: <%= !CTX.dragging %>\n- brick: eo-context-menu\n  properties:\n    actions: |\n      <%=\n        ([\"node\"].includes(CTX.targetCell?.type )||CTX.targetCell?.decorator==\"area\") ? [\n          {\n            text: \"添加边\",\n            event: \"add-edge\",\n          }\n        ] : [\n          {\n            text: `Test ${CTX.targetCell?.type}`,\n            event: `test-${CTX.targetCell?.type}`,\n          }\n        ]\n      %>\n  events:\n    add-edge:\n      target: eo-draw-canvas\n      method: manuallyConnectNodes\n      args:\n        - <% CTX.targetCell.id %>\n      callback:\n        success:\n          target: eo-draw-canvas\n          method: addEdge\n          args:\n            - source: <% EVENT.detail.source.id %>\n              target: <% EVENT.detail.target.id %>\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; height: 600px; gap: 1em\">\n#   <div\n#     style=\"\n#       width: 180px;\n#       display: flex;\n#       flex-direction: column;\n#       gap: 1em;\n#       border-right: 1px solid #ccc;\n#       overflow: scroll;\n#     \"\n#   >\n#     <eo-button id=\"brick-1\">Add random nodes</eo-button>\n#     <eo-button id=\"brick-2\">Add edge: Y =&gt; Z</eo-button>\n#     <!-- WARN: \":forEach\" is not supported in HTML mode, please try YAML. -->\n#     <hr style=\"width: 100%\" />\n#     <h3>Drag nodes below</h3>\n#     <!-- WARN: \":forEach\" is not supported in HTML mode, please try YAML. -->\n#     <hr style=\"width: 100%\" />\n#     <h3>Drag decorators below</h3>\n#     <!-- WARN: \":forEach\" is not supported in HTML mode, please try YAML. -->\n#   </div>\n#   <div style=\"flex: 1; min-width: 0\">\n#     <eo-draw-canvas\n#       style=\"width: 100%; height: 100%\"\n#       fade-unrelated-cells\n#       allow-edge-to-area\n#       drag-behavior=\"lasso\"\n#       id=\"brick-6\"\n#     ></eo-draw-canvas>\n#   </div>\n# </div>\n# <diagram.experimental-node\n#   usage=\"dragging\"\n#   decorator='&lt;%= CTX.dragging?.type === \"decorator\" ? CTX.dragging.decorator : null %&gt;\n# '\n#   hidden=\"&lt;%= !CTX.dragging %&gt;\"\n# >\n#   &lt;%= CTX.dragging?.type === \"decorator\" ? (CTX.dragging.decorator === \"text\"\n#   ? \"Text\" : null) : CTX.dragging?.data.name %&gt;\n# </diagram.experimental-node>\n# <eo-context-menu\n#   actions='&lt;%=\n#   ([\"node\"].includes(CTX.targetCell?.type )||CTX.targetCell?.decorator==\"area\") ? [\n#     {\n#       text: \"添加边\",\n#       event: \"add-edge\",\n#     }\n#   ] : [\n#     {\n#       text: `Test ${CTX.targetCell?.type}`,\n#       event: `test-${CTX.targetCell?.type}`,\n#     }\n#   ]\n# %&gt;\n# '\n#   id=\"brick-7\"\n# ></eo-context-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"click\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.addNodes(\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       \"<%\\n  ((...seeds) => seeds.map((seed) => ({\\n    id: seed,\\n    data: {\\n      name: String(seed),\\n    },\\n  })))(\\n    Math.round(Math.random() * 1e6),\\n    Math.round(Math.random() * 1e6),\\n    Math.round(Math.random() * 1e6),\\n  )\\n%>\\n\"\n#     );\n#   });\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.addEventListener(\"click\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.addEdge({ source: \"Y\", target: \"Z\", data: { virtual: true } });\n#   });\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.addEventListener(\"click\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.updateCells(\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       '<%\\n  CTX.initialCells.concat([\\n    {\\n      type: \"edge\",\\n      source: ITEM,\\n      target: \"U\",\\n    },\\n    {\\n      type: \"edge\",\\n      source: ITEM,\\n      target: \"V\",\\n    },\\n    {\\n      type: \"node\",\\n      id: \"U\",\\n      data: {\\n        name: \"U\"\\n      }\\n    },\\n    {\\n      type: \"node\",\\n      id: \"V\",\\n      data: {\\n        name: \"V\"\\n      }\\n    },\\n  ])\\n%>\\n',\n#       { reason: \"add-related-nodes\", parent: \"<% ITEM %>\" }\n#     );\n#   });\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.addEventListener(\"drag.move\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_4.addEventListener(\"drag.end\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_4.addEventListener(\"drag.end\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.dropNode({\n#       position: \"<% EVENT.detail %>\",\n#       id: \"<% ITEM.id %>\",\n#       data: \"<% ITEM.data %>\",\n#     });\n#   });\n# \n#   const brick_5 = document.getElementById(\"brick-5\");\n#   brick_5.addEventListener(\"drag.move\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_5.addEventListener(\"drag.end\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_5.addEventListener(\"drag.end\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.dropDecorator({\n#       position: \"<% EVENT.detail %>\",\n#       decorator: '<% ITEM.split(\".\")[0] %>',\n#       text: \"<% ITEM %>\",\n#       direction: '<% ITEM.split(\".\").pop() %>',\n#     });\n#   });\n# \n#   const brick_6 = document.getElementById(\"brick-6\");\n#   brick_6.activeTarget = \"<%= CTX.activeTarget %>\";\n#   brick_6.defaultNodeSize = [60, 60];\n#   brick_6.defaultNodeBricks = [\n#     {\n#       useBrick: {\n#         brick: \"diagram.experimental-node\",\n#         properties: {\n#           textContent: \"<% `Node ${DATA.node.id}` %>\",\n#           status:\n#             '<%=\\n  (CTX.activeTarget?.type === \"multi\"\\n    ? CTX.activeTarget.targets\\n    : CTX.activeTarget\\n    ? [CTX.activeTarget]\\n    : []\\n  ).some((target) => (\\n    target.type === \"node\" && target.id === DATA.node.id\\n  ))\\n    ? \"highlighted\"\\n    : \"default\"\\n%>\\n',\n#         },\n#       },\n#     },\n#   ];\n#   brick_6.defaultEdgeLines = [\n#     {\n#       if: \"<% DATA.edge.data?.virtual %>\",\n#       dashed: true,\n#     },\n#   ];\n#   brick_6.cells = \"<% CTX.initialCells %>\";\n#   brick_6.addEventListener(\"activeTarget.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_6.addEventListener(\"cells.move\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"info\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message: \"<% `You just moved ${EVENT.detail.length} cells` %>\",\n#     });\n#   });\n#   brick_6.addEventListener(\"cell.resize\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"info\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message:\n#         \"<% `You just resized ${EVENT.detail.type} ${EVENT.detail.id} to (${Math.round(EVENT.detail.width)}, ${Math.round(EVENT.detail.height)})` %>\",\n#     });\n#   });\n#   brick_6.addEventListener(\"cells.delete\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"warn\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message: \"<% `You wanna delete ${EVENT.detail.length} cells?` %>\\n\",\n#     });\n#   });\n#   brick_6.addEventListener(\"cell.contextmenu\", (e) => {\n#     const brick = document.querySelector(\"eo-context-menu\");\n#     brick.open({\n#       position: [\"<% EVENT.detail.clientX %>\", \"<% EVENT.detail.clientY %>\"],\n#     });\n#   });\n#   brick_6.addEventListener(\"cell.contextmenu\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_6.addEventListener(\"decorator.text.change\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"info\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message: \"<% JSON.stringify(EVENT.detail) %>\",\n#     });\n#   });\n#   brick_6.addEventListener(\"node.container.change\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"info\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message: \"<% JSON.stringify(EVENT.detail) %>\",\n#     });\n#   });\n#   brick_6.addEventListener(\"scale.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n# \n#   const brick_7 = document.getElementById(\"brick-7\");\n#   brick_7.addEventListener(\"add-edge\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.manuallyConnectNodes(\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       \"<% CTX.targetCell.id %>\"\n#     );\n#   });\n# </script>\n# \n```\n\n### Force layout\n\n```yaml preview minHeight=\"600px\"\n- brick: div\n  properties:\n    style:\n      display: flex\n      height: 600px\n      gap: 1em\n  context:\n    - name: initialCells\n      value: |\n        <%\n          [\n            {\n              type: \"decorator\",\n              id: \"area-1\",\n              decorator: \"area\",\n              view: {\n                x: 10,\n                y: 20,\n                width: 400,\n                height: 300,\n              },\n            },\n             {\n              type: \"decorator\",\n              id: \"container-1\",\n              decorator: \"container\",\n              view: {\n               x: 50,\n                y: 400,\n                width: 280,\n                height: 120,\n                direction: \"top\",\n                text: \" 上层服务\"\n              },\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Y\",\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Z\",\n              data: {\n                virtual: true,\n              }\n            },\n          ].concat(\n            [\"X\", \"Y\", \"Z\", \"W\"].map((id) => ({\n              type: \"node\",\n              id,\n              containerId: [\"X\",\"Y\",\"Z\"].includes(id)?\"container-1\":undefined,\n              data: {\n                name: `Node ${id}`,\n              },\n              view: {\n                width: 60,\n                height: 60,\n              }\n            }))\n          ).concat([\n            {\n              type: \"decorator\",\n              id: \"text-1\",\n              decorator: \"text\",\n              view: {\n                x: 100,\n                y: 120,\n                width: 100,\n                height: 20,\n                text: \"Hello!\"\n              },\n            },\n          ])\n        %>\n    - name: dragging\n    - name: activeTarget\n    - name: targetCell\n    - name: scale\n      value: 1\n  children:\n    - brick: div\n      properties:\n        style:\n          width: 180px\n          display: flex\n          flexDirection: column\n          gap: 1em\n      children:\n        - brick: eo-button\n          properties:\n            textContent: Add random nodes\n          events:\n            click:\n              target: eo-draw-canvas\n              method: addNodes\n              args:\n                - |\n                  <%\n                    ((...seeds) => seeds.map((seed) => ({\n                      id: seed,\n                      data: {\n                        name: String(seed),\n                      },\n                    })))(\n                      Math.round(Math.random() * 1e6),\n                      Math.round(Math.random() * 1e6),\n                      Math.round(Math.random() * 1e6),\n                    )\n                  %>\n              callback:\n                success:\n                  action: console.log\n                  args:\n                    - Added nodes\n                    - <% EVENT.detail %>\n        - brick: eo-button\n          properties:\n            textContent: \"Add edge: Y => Z\"\n          events:\n            click:\n              target: eo-draw-canvas\n              method: addEdge\n              args:\n                - source: Y\n                  target: Z\n                  data:\n                    virtual: true\n        - brick: :forEach\n          dataSource:\n            - X\n            - Y\n          children:\n            - brick: eo-button\n              properties:\n                textContent: <% `Add nodes below ${ITEM}` %>\n              events:\n                click:\n                  target: eo-draw-canvas\n                  method: updateCells\n                  args:\n                    - |\n                      <%\n                        CTX.initialCells.concat([\n                          {\n                            type: \"edge\",\n                            source: ITEM,\n                            target: \"U\",\n                          },\n                          {\n                            type: \"edge\",\n                            source: ITEM,\n                            target: \"V\",\n                          },\n                          {\n                            type: \"node\",\n                            id: \"U\",\n                            data: {\n                              name: \"U\"\n                            }\n                          },\n                          {\n                            type: \"node\",\n                            id: \"V\",\n                            data: {\n                              name: \"V\"\n                            }\n                          },\n                        ])\n                      %>\n                    - reason: add-related-nodes\n                      parent: <% ITEM %>\n                  callback:\n                    success:\n                      action: console.log\n        - brick: hr\n          properties:\n            style:\n              width: 100%\n        - brick: h3\n          properties:\n            textContent: Drag nodes below\n        - brick: :forEach\n          dataSource: |\n            <%\n              [\"A\", \"B\", \"C\"].map((id) => ({\n                type: \"node\",\n                id,\n                data: {\n                  name: `Node ${id}`,\n                },\n              }))\n            %>\n          children:\n            - brick: diagram.experimental-node\n              properties:\n                textContent: <% ITEM.data.name %>\n                usage: library\n              events:\n                drag.move:\n                  action: context.replace\n                  args:\n                    - dragging\n                    - |\n                      <% {position: EVENT.detail, ...ITEM} %>\n                drag.end:\n                  - action: context.replace\n                    args:\n                      - dragging\n                      - null\n                  - target: eo-draw-canvas\n                    method: dropNode\n                    args:\n                      - position: <% EVENT.detail %>\n                        id: <% ITEM.id %>\n                        data: <% ITEM.data %>\n                    callback:\n                      success:\n                        if: <% EVENT.detail %>\n                        then:\n                          action: message.success\n                          args:\n                            - <% JSON.stringify(EVENT.detail) %>\n                        else:\n                          action: message.warn\n                          args:\n                            - Unexpected drop position\n        - brick: hr\n          properties:\n            style:\n              width: 100%\n        - brick: h3\n          properties:\n            textContent: Drag decorators below\n        - brick: :forEach\n          dataSource:\n            - area\n            - text\n          children:\n            - brick: diagram.experimental-node\n              properties:\n                textContent: <% _.upperFirst(ITEM) %>\n                usage: library\n              events:\n                drag.move:\n                  action: context.replace\n                  args:\n                    - dragging\n                    - |\n                      <% {position: EVENT.detail, type: \"decorator\", decorator: ITEM} %>\n                drag.end:\n                  - action: context.replace\n                    args:\n                      - dragging\n                      - null\n                  - target: eo-draw-canvas\n                    method: dropDecorator\n                    args:\n                      - position: <% EVENT.detail %>\n                        decorator: <% ITEM %>\n                        text: '<% ITEM === \"text\" ? \"Text\" : undefined %>'\n                    callback:\n                      success:\n                        if: <% EVENT.detail %>\n                        then:\n                          # action: message.success\n                          # args:\n                          #   - <% JSON.stringify(EVENT.detail) %>\n                        else:\n                          action: message.warn\n                          args:\n                            - Unexpected drop position\n    - brick: div\n      properties:\n        style:\n          flex: 1\n          minWidth: 0\n      children:\n        - brick: eo-draw-canvas\n          properties:\n            style:\n              width: 100%\n              height: 100%\n            activeTarget: <%= CTX.activeTarget %>\n            fadeUnrelatedCells: true\n            layout: force\n            # Initial nodes only\n            defaultNodeSize: [60, 60]\n            defaultNodeBricks:\n              - useBrick:\n                  brick: diagram.experimental-node\n                  properties:\n                    textContent: <% `Node ${DATA.node.id}` %>\n                    status: |\n                      <%=\n                        CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\n                          ? \"highlighted\"\n                          // : CTX.unrelated.some(n =>\n                          //     n.type === \"node\" && n.id === DATA.node.id\n                          //   )\n                          // ? \"faded\"\n                          : \"default\"\n                      %>\n            defaultEdgeLines:\n              - if: <% DATA.edge.data?.virtual %>\n                dashed: true\n            cells: <% CTX.initialCells %>\n          events:\n            activeTarget.change:\n              action: context.replace\n              args:\n                - activeTarget\n                - <% EVENT.detail %>\n            cell.move:\n              action: message.info\n              args:\n                - <% `You just moved ${EVENT.detail.type} ${EVENT.detail.id} to (${Math.round(EVENT.detail.x)}, ${Math.round(EVENT.detail.y)})` %>\n            cell.resize:\n              action: message.info\n              args:\n                - <% `You just resized ${EVENT.detail.type} ${EVENT.detail.id} to (${Math.round(EVENT.detail.width)}, ${Math.round(EVENT.detail.height)})` %>\n            cell.delete:\n              action: message.warn\n              args:\n                - |\n                  <% `You wanna delete ${EVENT.detail.type} ${EVENT.detail.type === \"edge\" ? `(${EVENT.detail.source} => ${EVENT.detail.target})` : EVENT.detail.id}?` %>\n            cell.contextmenu:\n              - target: eo-context-menu\n                method: open\n                args:\n                  - position:\n                      - <% EVENT.detail.clientX %>\n                      - <% EVENT.detail.clientY %>\n              - action: context.replace\n                args:\n                  - targetCell\n                  - <% EVENT.detail.cell %>\n            decorator.text.change:\n              action: message.info\n              args:\n                - <% JSON.stringify(EVENT.detail) %>\n            scale.change:\n              action: context.replace\n              args:\n                - scale\n                - <% EVENT.detail %>\n- brick: diagram.experimental-node\n  properties:\n    usage: dragging\n    textContent: |\n      <%= CTX.dragging?.type === \"decorator\" ? (CTX.dragging.decorator === \"text\" ? \"Text\" : null) : CTX.dragging?.data.name %>\n    decorator: |\n      <%= CTX.dragging?.type === \"decorator\" ? CTX.dragging.decorator : null %>\n    style: |\n      <%=\n        {\n          left: `${CTX.dragging?.position[0]}px`,\n          top: `${CTX.dragging?.position[1]}px`,\n          transform: `scale(${CTX.scale})`,\n          transformOrigin: \"0 0\",\n          padding: CTX.dragging?.decorator === \"text\" ? \"0.5em\" : \"0\"\n        }\n      %>\n    hidden: <%= !CTX.dragging %>\n- brick: eo-context-menu\n  properties:\n    actions: |\n      <%=\n        CTX.targetCell?.type === \"node\" ? [\n          {\n            text: \"添加边\",\n            event: \"add-edge\",\n          }\n        ] : [\n          {\n            text: `Test ${CTX.targetCell?.type}`,\n            event: `test-${CTX.targetCell?.type}`,\n          }\n        ]\n      %>\n  events:\n    add-edge:\n      target: eo-draw-canvas\n      method: manuallyConnectNodes\n      args:\n        - <% CTX.targetCell.id %>\n      callback:\n        success:\n          target: eo-draw-canvas\n          method: addEdge\n          args:\n            - source: <% EVENT.detail.source.id %>\n              target: <% EVENT.detail.target.id %>\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; height: 600px; gap: 1em\">\n#   <div style=\"width: 180px; display: flex; flex-direction: column; gap: 1em\">\n#     <eo-button id=\"brick-1\">Add random nodes</eo-button>\n#     <eo-button id=\"brick-2\">Add edge: Y =&gt; Z</eo-button>\n#     <!-- WARN: \":forEach\" is not supported in HTML mode, please try YAML. -->\n#     <hr style=\"width: 100%\" />\n#     <h3>Drag nodes below</h3>\n#     <!-- WARN: \":forEach\" is not supported in HTML mode, please try YAML. -->\n#     <hr style=\"width: 100%\" />\n#     <h3>Drag decorators below</h3>\n#     <!-- WARN: \":forEach\" is not supported in HTML mode, please try YAML. -->\n#   </div>\n#   <div style=\"flex: 1; min-width: 0\">\n#     <eo-draw-canvas\n#       style=\"width: 100%; height: 100%\"\n#       fade-unrelated-cells\n#       layout=\"force\"\n#       id=\"brick-6\"\n#     ></eo-draw-canvas>\n#   </div>\n# </div>\n# <diagram.experimental-node\n#   usage=\"dragging\"\n#   decorator='&lt;%= CTX.dragging?.type === \"decorator\" ? CTX.dragging.decorator : null %&gt;\n# '\n#   hidden=\"&lt;%= !CTX.dragging %&gt;\"\n# >\n#   &lt;%= CTX.dragging?.type === \"decorator\" ? (CTX.dragging.decorator === \"text\"\n#   ? \"Text\" : null) : CTX.dragging?.data.name %&gt;\n# </diagram.experimental-node>\n# <eo-context-menu\n#   actions='&lt;%=\n#   CTX.targetCell?.type === \"node\" ? [\n#     {\n#       text: \"添加边\",\n#       event: \"add-edge\",\n#     }\n#   ] : [\n#     {\n#       text: `Test ${CTX.targetCell?.type}`,\n#       event: `test-${CTX.targetCell?.type}`,\n#     }\n#   ]\n# %&gt;\n# '\n#   id=\"brick-7\"\n# ></eo-context-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"click\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.addNodes(\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       \"<%\\n  ((...seeds) => seeds.map((seed) => ({\\n    id: seed,\\n    data: {\\n      name: String(seed),\\n    },\\n  })))(\\n    Math.round(Math.random() * 1e6),\\n    Math.round(Math.random() * 1e6),\\n    Math.round(Math.random() * 1e6),\\n  )\\n%>\\n\"\n#     );\n#   });\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.addEventListener(\"click\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.addEdge({ source: \"Y\", target: \"Z\", data: { virtual: true } });\n#   });\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.addEventListener(\"click\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.updateCells(\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       '<%\\n  CTX.initialCells.concat([\\n    {\\n      type: \"edge\",\\n      source: ITEM,\\n      target: \"U\",\\n    },\\n    {\\n      type: \"edge\",\\n      source: ITEM,\\n      target: \"V\",\\n    },\\n    {\\n      type: \"node\",\\n      id: \"U\",\\n      data: {\\n        name: \"U\"\\n      }\\n    },\\n    {\\n      type: \"node\",\\n      id: \"V\",\\n      data: {\\n        name: \"V\"\\n      }\\n    },\\n  ])\\n%>\\n',\n#       { reason: \"add-related-nodes\", parent: \"<% ITEM %>\" }\n#     );\n#   });\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.addEventListener(\"drag.move\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_4.addEventListener(\"drag.end\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_4.addEventListener(\"drag.end\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.dropNode({\n#       position: \"<% EVENT.detail %>\",\n#       id: \"<% ITEM.id %>\",\n#       data: \"<% ITEM.data %>\",\n#     });\n#   });\n# \n#   const brick_5 = document.getElementById(\"brick-5\");\n#   brick_5.addEventListener(\"drag.move\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_5.addEventListener(\"drag.end\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_5.addEventListener(\"drag.end\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.dropDecorator({\n#       position: \"<% EVENT.detail %>\",\n#       decorator: \"<% ITEM %>\",\n#       text: '<% ITEM === \"text\" ? \"Text\" : undefined %>',\n#     });\n#   });\n# \n#   const brick_6 = document.getElementById(\"brick-6\");\n#   brick_6.activeTarget = \"<%= CTX.activeTarget %>\";\n#   brick_6.defaultNodeSize = [60, 60];\n#   brick_6.defaultNodeBricks = [\n#     {\n#       useBrick: {\n#         brick: \"diagram.experimental-node\",\n#         properties: {\n#           textContent: \"<% `Node ${DATA.node.id}` %>\",\n#           status:\n#             '<%=\\n  CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\\n    ? \"highlighted\"\\n    // : CTX.unrelated.some(n =>\\n    //     n.type === \"node\" && n.id === DATA.node.id\\n    //   )\\n    // ? \"faded\"\\n    : \"default\"\\n%>\\n',\n#         },\n#       },\n#     },\n#   ];\n#   brick_6.defaultEdgeLines = [\n#     {\n#       if: \"<% DATA.edge.data?.virtual %>\",\n#       dashed: true,\n#     },\n#   ];\n#   brick_6.cells = \"<% CTX.initialCells %>\";\n#   brick_6.addEventListener(\"activeTarget.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_6.addEventListener(\"cell.move\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"info\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message:\n#         \"<% `You just moved ${EVENT.detail.type} ${EVENT.detail.id} to (${Math.round(EVENT.detail.x)}, ${Math.round(EVENT.detail.y)})` %>\",\n#     });\n#   });\n#   brick_6.addEventListener(\"cell.resize\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"info\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message:\n#         \"<% `You just resized ${EVENT.detail.type} ${EVENT.detail.id} to (${Math.round(EVENT.detail.width)}, ${Math.round(EVENT.detail.height)})` %>\",\n#     });\n#   });\n#   brick_6.addEventListener(\"cell.delete\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"warn\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message:\n#         '<% `You wanna delete ${EVENT.detail.type} ${EVENT.detail.type === \"edge\" ? `(${EVENT.detail.source} => ${EVENT.detail.target})` : EVENT.detail.id}?` %>\\n',\n#     });\n#   });\n#   brick_6.addEventListener(\"cell.contextmenu\", (e) => {\n#     const brick = document.querySelector(\"eo-context-menu\");\n#     brick.open({\n#       position: [\"<% EVENT.detail.clientX %>\", \"<% EVENT.detail.clientY %>\"],\n#     });\n#   });\n#   brick_6.addEventListener(\"cell.contextmenu\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_6.addEventListener(\"decorator.text.change\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"info\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message: \"<% JSON.stringify(EVENT.detail) %>\",\n#     });\n#   });\n#   brick_6.addEventListener(\"scale.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n# \n#   const brick_7 = document.getElementById(\"brick-7\");\n#   brick_7.addEventListener(\"add-edge\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.manuallyConnectNodes(\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       \"<% CTX.targetCell.id %>\"\n#     );\n#   });\n# </script>\n# \n```\n\n### Dagre layout\n\n```yaml preview minHeight=\"600px\"\n- brick: div\n  properties:\n    style:\n      display: flex\n      height: 600px\n      gap: 1em\n  context:\n    - name: initialCells\n      value: |\n        <%\n          [\n            {\n              type: \"decorator\",\n              id: \"area-1\",\n              decorator: \"area\",\n              view: {\n                x: 10,\n                y: 20,\n                width: 400,\n                height: 300,\n              },\n            },\n            {\n              type: \"decorator\",\n              id: \"container-1\",\n              decorator: \"container\",\n              view: {\n               x: 50,\n                y: 400,\n                width: 280,\n                height: 120,\n                direction: \"top\",\n                text: \" 上层服务\"\n              },\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Y\",\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Z\",\n              data: {\n                virtual: true,\n              }\n            },\n          ].concat(\n            [\"X\", \"Y\", \"Z\", \"W\"].map((id) => ({\n              type: \"node\",\n              id,\n              containerId: [\"W\",\"Z\"].includes(id)?\"container-1\":undefined,\n              data: {\n                name: `Node ${id}`,\n              },\n              view: {\n                width: 60,\n                height: 60,\n              }\n            }))\n          ).concat([\n            {\n              type: \"decorator\",\n              id: \"text-1\",\n              decorator: \"text\",\n              view: {\n                x: 100,\n                y: 120,\n                width: 100,\n                height: 20,\n                text: \"Hello!\"\n              },\n            },\n          ])\n        %>\n    - name: dragging\n    - name: activeTarget\n    - name: targetCell\n    - name: scale\n      value: 1\n  children:\n    - brick: div\n      properties:\n        style:\n          width: 180px\n          display: flex\n          flexDirection: column\n          gap: 1em\n      children:\n        - brick: eo-button\n          properties:\n            textContent: Add random nodes\n          events:\n            click:\n              target: eo-draw-canvas\n              method: addNodes\n              args:\n                - |\n                  <%\n                    ((...seeds) => seeds.map((seed) => ({\n                      id: seed,\n                      data: {\n                        name: String(seed),\n                      },\n                    })))(\n                      Math.round(Math.random() * 1e6),\n                      Math.round(Math.random() * 1e6),\n                      Math.round(Math.random() * 1e6),\n                    )\n                  %>\n              callback:\n                success:\n                  action: console.log\n                  args:\n                    - Added nodes\n                    - <% EVENT.detail %>\n        - brick: eo-button\n          properties:\n            textContent: \"Add edge: Y => Z\"\n          events:\n            click:\n              target: eo-draw-canvas\n              method: addEdge\n              args:\n                - source: Y\n                  target: Z\n                  data:\n                    virtual: true\n        - brick: :forEach\n          dataSource:\n            - X\n            - Y\n          children:\n            - brick: eo-button\n              properties:\n                textContent: <% `Add nodes below ${ITEM}` %>\n              events:\n                click:\n                  target: eo-draw-canvas\n                  method: updateCells\n                  args:\n                    - |\n                      <%\n                        CTX.initialCells.concat([\n                          {\n                            type: \"edge\",\n                            source: ITEM,\n                            target: \"U\",\n                          },\n                          {\n                            type: \"edge\",\n                            source: ITEM,\n                            target: \"V\",\n                          },\n                          {\n                            type: \"node\",\n                            id: \"U\",\n                            data: {\n                              name: \"U\"\n                            }\n                          },\n                          {\n                            type: \"node\",\n                            id: \"V\",\n                            data: {\n                              name: \"V\"\n                            }\n                          },\n                        ])\n                      %>\n                    - reason: add-related-nodes\n                      parent: <% ITEM %>\n                  callback:\n                    success:\n                      action: console.log\n        - brick: hr\n          properties:\n            style:\n              width: 100%\n        - brick: h3\n          properties:\n            textContent: Drag nodes below\n        - brick: :forEach\n          dataSource: |\n            <%\n              [\"A\", \"B\", \"C\"].map((id) => ({\n                type: \"node\",\n                id,\n                data: {\n                  name: `Node ${id}`,\n                },\n              }))\n            %>\n          children:\n            - brick: diagram.experimental-node\n              properties:\n                textContent: <% ITEM.data.name %>\n                usage: library\n              events:\n                drag.move:\n                  action: context.replace\n                  args:\n                    - dragging\n                    - |\n                      <% {position: EVENT.detail, ...ITEM} %>\n                drag.end:\n                  - action: context.replace\n                    args:\n                      - dragging\n                      - null\n                  - target: eo-draw-canvas\n                    method: dropNode\n                    args:\n                      - position: <% EVENT.detail %>\n                        id: <% ITEM.id %>\n                        data: <% ITEM.data %>\n                    callback:\n                      success:\n                        if: <% EVENT.detail %>\n                        then:\n                          action: message.success\n                          args:\n                            - <% JSON.stringify(EVENT.detail) %>\n                        else:\n                          action: message.warn\n                          args:\n                            - Unexpected drop position\n        - brick: hr\n          properties:\n            style:\n              width: 100%\n        - brick: h3\n          properties:\n            textContent: Drag decorators below\n        - brick: :forEach\n          dataSource:\n            - area\n            - text\n          children:\n            - brick: diagram.experimental-node\n              properties:\n                textContent: <% _.upperFirst(ITEM) %>\n                usage: library\n              events:\n                drag.move:\n                  action: context.replace\n                  args:\n                    - dragging\n                    - |\n                      <% {position: EVENT.detail, type: \"decorator\", decorator: ITEM} %>\n                drag.end:\n                  - action: context.replace\n                    args:\n                      - dragging\n                      - null\n                  - target: eo-draw-canvas\n                    method: dropDecorator\n                    args:\n                      - position: <% EVENT.detail %>\n                        decorator: <% ITEM %>\n                        text: '<% ITEM === \"text\" ? \"Text\" : undefined %>'\n                    callback:\n                      success:\n                        if: <% EVENT.detail %>\n                        then:\n                          # action: message.success\n                          # args:\n                          #   - <% JSON.stringify(EVENT.detail) %>\n                        else:\n                          action: message.warn\n                          args:\n                            - Unexpected drop position\n    - brick: div\n      properties:\n        style:\n          flex: 1\n          minWidth: 0\n      children:\n        - brick: eo-draw-canvas\n          properties:\n            style:\n              width: 100%\n              height: 100%\n            activeTarget: <%= CTX.activeTarget %>\n            fadeUnrelatedCells: true\n            layout: dagre\n            # Initial nodes only\n            defaultNodeSize: [60, 60]\n            defaultNodeBricks:\n              - useBrick:\n                  brick: diagram.experimental-node\n                  properties:\n                    textContent: <% `Node ${DATA.node.id}` %>\n                    status: |\n                      <%=\n                        CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\n                          ? \"highlighted\"\n                          // : CTX.unrelated.some(n =>\n                          //     n.type === \"node\" && n.id === DATA.node.id\n                          //   )\n                          // ? \"faded\"\n                          : \"default\"\n                      %>\n            defaultEdgeLines:\n              - if: <% DATA.edge.data?.virtual %>\n                dashed: true\n            cells: <% CTX.initialCells %>\n          events:\n            activeTarget.change:\n              action: context.replace\n              args:\n                - activeTarget\n                - <% EVENT.detail %>\n            cell.move:\n              action: message.info\n              args:\n                - <% `You just moved ${EVENT.detail.type} ${EVENT.detail.id} to (${Math.round(EVENT.detail.x)}, ${Math.round(EVENT.detail.y)})` %>\n            cell.resize:\n              action: message.info\n              args:\n                - <% `You just resized ${EVENT.detail.type} ${EVENT.detail.id} to (${Math.round(EVENT.detail.width)}, ${Math.round(EVENT.detail.height)})` %>\n            cell.delete:\n              action: message.warn\n              args:\n                - |\n                  <% `You wanna delete ${EVENT.detail.type} ${EVENT.detail.type === \"edge\" ? `(${EVENT.detail.source} => ${EVENT.detail.target})` : EVENT.detail.id}?` %>\n            cell.contextmenu:\n              - target: eo-context-menu\n                method: open\n                args:\n                  - position:\n                      - <% EVENT.detail.clientX %>\n                      - <% EVENT.detail.clientY %>\n              - action: context.replace\n                args:\n                  - targetCell\n                  - <% EVENT.detail.cell %>\n            decorator.text.change:\n              action: message.info\n              args:\n                - <% JSON.stringify(EVENT.detail) %>\n            scale.change:\n              action: context.replace\n              args:\n                - scale\n                - <% EVENT.detail %>\n- brick: diagram.experimental-node\n  properties:\n    usage: dragging\n    textContent: |\n      <%= CTX.dragging?.type === \"decorator\" ? (CTX.dragging.decorator === \"text\" ? \"Text\" : null) : CTX.dragging?.data.name %>\n    decorator: |\n      <%= CTX.dragging?.type === \"decorator\" ? CTX.dragging.decorator : null %>\n    style: |\n      <%=\n        {\n          left: `${CTX.dragging?.position[0]}px`,\n          top: `${CTX.dragging?.position[1]}px`,\n          transform: `scale(${CTX.scale})`,\n          transformOrigin: \"0 0\",\n          padding: CTX.dragging?.decorator === \"text\" ? \"0.5em\" : \"0\"\n        }\n      %>\n    hidden: <%= !CTX.dragging %>\n- brick: eo-context-menu\n  properties:\n    actions: |\n      <%=\n        CTX.targetCell?.type === \"node\" ? [\n          {\n            text: \"添加边\",\n            event: \"add-edge\",\n          }\n        ] : [\n          {\n            text: `Test ${CTX.targetCell?.type}`,\n            event: `test-${CTX.targetCell?.type}`,\n          }\n        ]\n      %>\n  events:\n    add-edge:\n      target: eo-draw-canvas\n      method: manuallyConnectNodes\n      args:\n        - <% CTX.targetCell.id %>\n      callback:\n        success:\n          target: eo-draw-canvas\n          method: addEdge\n          args:\n            - source: <% EVENT.detail.source.id %>\n              target: <% EVENT.detail.target.id %>\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; height: 600px; gap: 1em\">\n#   <div style=\"width: 180px; display: flex; flex-direction: column; gap: 1em\">\n#     <eo-button id=\"brick-1\">Add random nodes</eo-button>\n#     <eo-button id=\"brick-2\">Add edge: Y =&gt; Z</eo-button>\n#     <!-- WARN: \":forEach\" is not supported in HTML mode, please try YAML. -->\n#     <hr style=\"width: 100%\" />\n#     <h3>Drag nodes below</h3>\n#     <!-- WARN: \":forEach\" is not supported in HTML mode, please try YAML. -->\n#     <hr style=\"width: 100%\" />\n#     <h3>Drag decorators below</h3>\n#     <!-- WARN: \":forEach\" is not supported in HTML mode, please try YAML. -->\n#   </div>\n#   <div style=\"flex: 1; min-width: 0\">\n#     <eo-draw-canvas\n#       style=\"width: 100%; height: 100%\"\n#       fade-unrelated-cells\n#       layout=\"dagre\"\n#       id=\"brick-6\"\n#     ></eo-draw-canvas>\n#   </div>\n# </div>\n# <diagram.experimental-node\n#   usage=\"dragging\"\n#   decorator='&lt;%= CTX.dragging?.type === \"decorator\" ? CTX.dragging.decorator : null %&gt;\n# '\n#   hidden=\"&lt;%= !CTX.dragging %&gt;\"\n# >\n#   &lt;%= CTX.dragging?.type === \"decorator\" ? (CTX.dragging.decorator === \"text\"\n#   ? \"Text\" : null) : CTX.dragging?.data.name %&gt;\n# </diagram.experimental-node>\n# <eo-context-menu\n#   actions='&lt;%=\n#   CTX.targetCell?.type === \"node\" ? [\n#     {\n#       text: \"添加边\",\n#       event: \"add-edge\",\n#     }\n#   ] : [\n#     {\n#       text: `Test ${CTX.targetCell?.type}`,\n#       event: `test-${CTX.targetCell?.type}`,\n#     }\n#   ]\n# %&gt;\n# '\n#   id=\"brick-7\"\n# ></eo-context-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.addEventListener(\"click\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.addNodes(\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       \"<%\\n  ((...seeds) => seeds.map((seed) => ({\\n    id: seed,\\n    data: {\\n      name: String(seed),\\n    },\\n  })))(\\n    Math.round(Math.random() * 1e6),\\n    Math.round(Math.random() * 1e6),\\n    Math.round(Math.random() * 1e6),\\n  )\\n%>\\n\"\n#     );\n#   });\n# \n#   const brick_2 = document.getElementById(\"brick-2\");\n#   brick_2.addEventListener(\"click\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.addEdge({ source: \"Y\", target: \"Z\", data: { virtual: true } });\n#   });\n# \n#   const brick_3 = document.getElementById(\"brick-3\");\n#   brick_3.addEventListener(\"click\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.updateCells(\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       '<%\\n  CTX.initialCells.concat([\\n    {\\n      type: \"edge\",\\n      source: ITEM,\\n      target: \"U\",\\n    },\\n    {\\n      type: \"edge\",\\n      source: ITEM,\\n      target: \"V\",\\n    },\\n    {\\n      type: \"node\",\\n      id: \"U\",\\n      data: {\\n        name: \"U\"\\n      }\\n    },\\n    {\\n      type: \"node\",\\n      id: \"V\",\\n      data: {\\n        name: \"V\"\\n      }\\n    },\\n  ])\\n%>\\n',\n#       { reason: \"add-related-nodes\", parent: \"<% ITEM %>\" }\n#     );\n#   });\n# \n#   const brick_4 = document.getElementById(\"brick-4\");\n#   brick_4.addEventListener(\"drag.move\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_4.addEventListener(\"drag.end\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_4.addEventListener(\"drag.end\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.dropNode({\n#       position: \"<% EVENT.detail %>\",\n#       id: \"<% ITEM.id %>\",\n#       data: \"<% ITEM.data %>\",\n#     });\n#   });\n# \n#   const brick_5 = document.getElementById(\"brick-5\");\n#   brick_5.addEventListener(\"drag.move\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_5.addEventListener(\"drag.end\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_5.addEventListener(\"drag.end\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.dropDecorator({\n#       position: \"<% EVENT.detail %>\",\n#       decorator: \"<% ITEM %>\",\n#       text: '<% ITEM === \"text\" ? \"Text\" : undefined %>',\n#     });\n#   });\n# \n#   const brick_6 = document.getElementById(\"brick-6\");\n#   brick_6.activeTarget = \"<%= CTX.activeTarget %>\";\n#   brick_6.defaultNodeSize = [60, 60];\n#   brick_6.defaultNodeBricks = [\n#     {\n#       useBrick: {\n#         brick: \"diagram.experimental-node\",\n#         properties: {\n#           textContent: \"<% `Node ${DATA.node.id}` %>\",\n#           status:\n#             '<%=\\n  CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\\n    ? \"highlighted\"\\n    // : CTX.unrelated.some(n =>\\n    //     n.type === \"node\" && n.id === DATA.node.id\\n    //   )\\n    // ? \"faded\"\\n    : \"default\"\\n%>\\n',\n#         },\n#       },\n#     },\n#   ];\n#   brick_6.defaultEdgeLines = [\n#     {\n#       if: \"<% DATA.edge.data?.virtual %>\",\n#       dashed: true,\n#     },\n#   ];\n#   brick_6.cells = \"<% CTX.initialCells %>\";\n#   brick_6.addEventListener(\"activeTarget.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_6.addEventListener(\"cell.move\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"info\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message:\n#         \"<% `You just moved ${EVENT.detail.type} ${EVENT.detail.id} to (${Math.round(EVENT.detail.x)}, ${Math.round(EVENT.detail.y)})` %>\",\n#     });\n#   });\n#   brick_6.addEventListener(\"cell.resize\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"info\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message:\n#         \"<% `You just resized ${EVENT.detail.type} ${EVENT.detail.id} to (${Math.round(EVENT.detail.width)}, ${Math.round(EVENT.detail.height)})` %>\",\n#     });\n#   });\n#   brick_6.addEventListener(\"cell.delete\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"warn\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message:\n#         '<% `You wanna delete ${EVENT.detail.type} ${EVENT.detail.type === \"edge\" ? `(${EVENT.detail.source} => ${EVENT.detail.target})` : EVENT.detail.id}?` %>\\n',\n#     });\n#   });\n#   brick_6.addEventListener(\"cell.contextmenu\", (e) => {\n#     const brick = document.querySelector(\"eo-context-menu\");\n#     brick.open({\n#       position: [\"<% EVENT.detail.clientX %>\", \"<% EVENT.detail.clientY %>\"],\n#     });\n#   });\n#   brick_6.addEventListener(\"cell.contextmenu\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_6.addEventListener(\"decorator.text.change\", (e) => {\n#     const message = document.createElement(\"basic.show-notification\");\n#     message.resolve({\n#       type: \"info\",\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       message: \"<% JSON.stringify(EVENT.detail) %>\",\n#     });\n#   });\n#   brick_6.addEventListener(\"scale.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n# \n#   const brick_7 = document.getElementById(\"brick-7\");\n#   brick_7.addEventListener(\"add-edge\", (e) => {\n#     const brick = document.querySelector(\"eo-draw-canvas\");\n#     brick.manuallyConnectNodes(\n#       /* WARN: incompatible expressions in HTML, please try YAML: */\n#       \"<% CTX.targetCell.id %>\"\n#     );\n#   });\n# </script>\n# \n```\n"
+  },
+  "eo-display-canvas": {
+    "doc": "用于展示查看的画布构件。\n\n## Examples\n\n### Basic\n\n```yaml preview minHeight=\"600px\"\n- brick: div\n  properties:\n    style:\n      display: flex\n      height: 600px\n      gap: 1em\n  context:\n    - name: initialCells\n      value: |\n        <%\n          [\n            {\n              type: \"decorator\",\n              id: \"area-1\",\n              decorator: \"area\",\n              view: {\n                x: 10,\n                y: 20,\n                width: 400,\n                height: 300,\n              },\n            },\n            {\n              type: \"decorator\",\n              id: \"container-1\",\n              decorator: \"container\",\n              view: {\n               x: 50,\n                y: 400,\n                width: 280,\n                height: 120,\n                direction: \"top\",\n                text: \" 上层服务\"\n              },\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Y\",\n              data: {\n                virtual: false,\n                showStartArrow: false,\n                strokeColor:\"red\",\n                strokeWidth: 5,\n              }\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"W\",\n              data: {\n                virtual: false,\n                showStartArrow: true,\n                strokeColor:\"pink\",\n                animate:{\n                  useAnimate: true,\n                  duration: 4 \n                } \n              }\n            }, \n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Z\",\n              data: {\n                virtual: true,\n                showStartArrow: true,\n                strokeColor:\"blue\",\n                animate:{\n                  useAnimate: true \n                } \n              }\n            },\n          ].concat(\n            [\"X\", \"Y\", \"Z\", \"W\"].map((id) => ({\n              type: \"node\",\n              id,\n              containerId: [\"X\",\"Y\",\"Z\"].includes(id)?\"container-1\":undefined,\n              data: {\n                name: `Node ${id}`,\n              },\n              view: {\n                x: Math.round(\n                  id === \"X\"\n                    ? 200 + Math.random() * 200\n                    : id === \"Y\"\n                    ? Math.random() * 300\n                    : 300 + Math.random() * 300\n                ),\n                y: (id === \"X\" ? 0 : 300) + Math.round((Math.random() * 200)),\n                width: 60,\n                height: 60,\n              }\n            }))\n          ).concat([ \n            {\n              type: \"decorator\",\n              id: \"text-1\",\n              decorator: \"text\",\n              view: {\n                x: 100,\n                y: 120,\n                width: 100,\n                height: 20,\n                text: \"Hello!\"\n              },\n            },  \n          ])\n        %>\n    - name: activeTarget\n    - name: targetCell\n  children:\n    - brick: div\n      properties:\n        style:\n          flex: 1\n          minWidth: 0\n      children:\n        - brick: eo-display-canvas\n          properties:\n            style:\n              width: 100%\n              height: 100%\n            activeTarget: <%= CTX.activeTarget %>\n            fadeUnrelatedCells: true\n            # Initial nodes only\n            defaultNodeSize: [60, 60]\n            defaultNodeBricks:\n              - useBrick:\n                  brick: diagram.experimental-node\n                  properties:\n                    textContent: <% `Node ${DATA.node.id}` %>\n                    status: |\n                      <%=\n                        CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\n                          ? \"highlighted\"\n                          // : CTX.unrelated.some(n =>\n                          //     n.type === \"node\" && n.id === DATA.node.id\n                          //   )\n                          // ? \"faded\"\n                          : \"default\"\n                      %>\n            defaultEdgeLines:\n              - if: true\n                dashed: <% DATA.edge?.data?.virtual %>\n                strokeColor: <% DATA.edge?.data?.strokeColor %>\n                showStartArrow: <% DATA.edge?.data?.showStartArrow %>\n                strokeWidth: <% DATA.edge?.data?.strokeWidth %>\n                animate: <% DATA.edge?.data?.animate %>\n            cells: <% CTX.initialCells %>\n          events:\n            activeTarget.change:\n              action: context.replace\n              args:\n                - activeTarget\n                - <% EVENT.detail %>\n            cell.contextmenu:\n              - target: eo-context-menu\n                method: open\n                args:\n                  - position:\n                      - <% EVENT.detail.clientX %>\n                      - <% EVENT.detail.clientY %>\n              - action: context.replace\n                args:\n                  - targetCell\n                  - <% EVENT.detail.cell %>\n            scale.change:\n              action: context.replace\n              args:\n                - scale\n                - <% EVENT.detail %>\n- brick: eo-context-menu\n  properties:\n    actions: |\n      <%=\n        [\n          {\n            text: `Test ${CTX.targetCell?.type}`,\n            event: `test-${CTX.targetCell?.type}`,\n          }\n        ]\n      %>\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; height: 600px; gap: 1em\">\n#   <div style=\"flex: 1; min-width: 0\">\n#     <eo-display-canvas\n#       style=\"width: 100%; height: 100%\"\n#       fade-unrelated-cells\n#       id=\"brick-1\"\n#     ></eo-display-canvas>\n#   </div>\n# </div>\n# <eo-context-menu\n#   actions=\"&lt;%=\n#   [\n#     {\n#       text: `Test ${CTX.targetCell?.type}`,\n#       event: `test-${CTX.targetCell?.type}`,\n#     }\n#   ]\n# %&gt;\n# \"\n# ></eo-context-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.activeTarget = \"<%= CTX.activeTarget %>\";\n#   brick_1.defaultNodeSize = [60, 60];\n#   brick_1.defaultNodeBricks = [\n#     {\n#       useBrick: {\n#         brick: \"diagram.experimental-node\",\n#         properties: {\n#           textContent: \"<% `Node ${DATA.node.id}` %>\",\n#           status:\n#             '<%=\\n  CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\\n    ? \"highlighted\"\\n    // : CTX.unrelated.some(n =>\\n    //     n.type === \"node\" && n.id === DATA.node.id\\n    //   )\\n    // ? \"faded\"\\n    : \"default\"\\n%>\\n',\n#         },\n#       },\n#     },\n#   ];\n#   brick_1.defaultEdgeLines = [\n#     {\n#       if: true,\n#       dashed: \"<% DATA.edge?.data?.virtual %>\",\n#       strokeColor: \"<% DATA.edge?.data?.strokeColor %>\",\n#       showStartArrow: \"<% DATA.edge?.data?.showStartArrow %>\",\n#       strokeWidth: \"<% DATA.edge?.data?.strokeWidth %>\",\n#       animate: \"<% DATA.edge?.data?.animate %>\",\n#     },\n#   ];\n#   brick_1.cells = \"<% CTX.initialCells %>\";\n#   brick_1.addEventListener(\"activeTarget.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     const brick = document.querySelector(\"eo-context-menu\");\n#     brick.open({\n#       position: [\"<% EVENT.detail.clientX %>\", \"<% EVENT.detail.clientY %>\"],\n#     });\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"scale.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n# </script>\n# \n```\n\n### Force layout\n\n```yaml preview minHeight=\"600px\"\n- brick: div\n  properties:\n    style:\n      display: flex\n      height: 600px\n      gap: 1em\n  context:\n    - name: initialCells\n      value: |\n        <%\n          [\n            {\n              type: \"decorator\",\n              id: \"area-1\",\n              decorator: \"area\",\n              view: {\n                x: 10,\n                y: 20,\n                width: 400,\n                height: 300,\n              },\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Y\",\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Z\",\n              data: {\n                virtual: true,\n              }\n            },\n          ].concat(\n            [\"X\", \"Y\", \"Z\", \"W\"].map((id) => ({\n              type: \"node\",\n              id,\n              data: {\n                name: `Node ${id}`,\n              },\n              view: {\n                width: 60,\n                height: 60,\n              }\n            }))\n          ).concat([\n            {\n              type: \"decorator\",\n              id: \"text-1\",\n              decorator: \"text\",\n              view: {\n                x: 100,\n                y: 120,\n                width: 100,\n                height: 20,\n                text: \"Hello!\"\n              },\n            },\n          ])\n        %>\n    - name: activeTarget\n    - name: targetCell\n  children:\n    - brick: div\n      properties:\n        style:\n          flex: 1\n          minWidth: 0\n      children:\n        - brick: eo-display-canvas\n          properties:\n            style:\n              width: 100%\n              height: 100%\n            activeTarget: <%= CTX.activeTarget %>\n            fadeUnrelatedCells: true\n            layout: force\n            # Initial nodes only\n            defaultNodeSize: [60, 60]\n            defaultNodeBricks:\n              - useBrick:\n                  brick: diagram.experimental-node\n                  properties:\n                    textContent: <% `Node ${DATA.node.id}` %>\n                    status: |\n                      <%=\n                        CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\n                          ? \"highlighted\"\n                          // : CTX.unrelated.some(n =>\n                          //     n.type === \"node\" && n.id === DATA.node.id\n                          //   )\n                          // ? \"faded\"\n                          : \"default\"\n                      %>\n            defaultEdgeLines:\n              - if: <% DATA.edge.data?.virtual %>\n                dashed: true\n            cells: <% CTX.initialCells %>\n          events:\n            activeTarget.change:\n              action: context.replace\n              args:\n                - activeTarget\n                - <% EVENT.detail %>\n            cell.contextmenu:\n              - target: eo-context-menu\n                method: open\n                args:\n                  - position:\n                      - <% EVENT.detail.clientX %>\n                      - <% EVENT.detail.clientY %>\n              - action: context.replace\n                args:\n                  - targetCell\n                  - <% EVENT.detail.cell %>\n            scale.change:\n              action: context.replace\n              args:\n                - scale\n                - <% EVENT.detail %>\n- brick: eo-context-menu\n  properties:\n    actions: |\n      <%=\n        [\n          {\n            text: `Test ${CTX.targetCell?.type}`,\n            event: `test-${CTX.targetCell?.type}`,\n          }\n        ]\n      %>\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; height: 600px; gap: 1em\">\n#   <div style=\"flex: 1; min-width: 0\">\n#     <eo-display-canvas\n#       style=\"width: 100%; height: 100%\"\n#       fade-unrelated-cells\n#       layout=\"force\"\n#       id=\"brick-1\"\n#     ></eo-display-canvas>\n#   </div>\n# </div>\n# <eo-context-menu\n#   actions=\"&lt;%=\n#   [\n#     {\n#       text: `Test ${CTX.targetCell?.type}`,\n#       event: `test-${CTX.targetCell?.type}`,\n#     }\n#   ]\n# %&gt;\n# \"\n# ></eo-context-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.activeTarget = \"<%= CTX.activeTarget %>\";\n#   brick_1.defaultNodeSize = [60, 60];\n#   brick_1.defaultNodeBricks = [\n#     {\n#       useBrick: {\n#         brick: \"diagram.experimental-node\",\n#         properties: {\n#           textContent: \"<% `Node ${DATA.node.id}` %>\",\n#           status:\n#             '<%=\\n  CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\\n    ? \"highlighted\"\\n    // : CTX.unrelated.some(n =>\\n    //     n.type === \"node\" && n.id === DATA.node.id\\n    //   )\\n    // ? \"faded\"\\n    : \"default\"\\n%>\\n',\n#         },\n#       },\n#     },\n#   ];\n#   brick_1.defaultEdgeLines = [\n#     {\n#       if: \"<% DATA.edge.data?.virtual %>\",\n#       dashed: true,\n#     },\n#   ];\n#   brick_1.cells = \"<% CTX.initialCells %>\";\n#   brick_1.addEventListener(\"activeTarget.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     const brick = document.querySelector(\"eo-context-menu\");\n#     brick.open({\n#       position: [\"<% EVENT.detail.clientX %>\", \"<% EVENT.detail.clientY %>\"],\n#     });\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"scale.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n# </script>\n# \n```\n\n### Dagre layout\n\n```yaml preview minHeight=\"600px\"\n- brick: div\n  properties:\n    style:\n      display: flex\n      height: 600px\n      gap: 1em\n  context:\n    - name: initialCells\n      value: |\n        <%\n          [\n            {\n              type: \"decorator\",\n              id: \"area-1\",\n              decorator: \"area\",\n              view: {\n                x: 10,\n                y: 20,\n                width: 400,\n                height: 300,\n              },\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Y\",\n            },\n            {\n              type: \"edge\",\n              source: \"X\",\n              target: \"Z\",\n              data: {\n                virtual: true,\n              }\n            },\n          ].concat(\n            [\"X\", \"Y\", \"Z\", \"W\"].map((id) => ({\n              type: \"node\",\n              id,\n              data: {\n                name: `Node ${id}`,\n              },\n              view: {\n                width: 60,\n                height: 60,\n              }\n            }))\n          ).concat([\n            {\n              type: \"decorator\",\n              id: \"text-1\",\n              decorator: \"text\",\n              view: {\n                x: 100,\n                y: 120,\n                width: 100,\n                height: 20,\n                text: \"Hello!\"\n              },\n            },\n          ])\n        %>\n    - name: activeTarget\n    - name: targetCell\n  children:\n    - brick: div\n      properties:\n        style:\n          flex: 1\n          minWidth: 0\n      children:\n        - brick: eo-display-canvas\n          properties:\n            style:\n              width: 100%\n              height: 100%\n            activeTarget: <%= CTX.activeTarget %>\n            fadeUnrelatedCells: true\n            layout: dagre\n            # Initial nodes only\n            defaultNodeSize: [60, 60]\n            defaultNodeBricks:\n              - useBrick:\n                  brick: diagram.experimental-node\n                  properties:\n                    textContent: <% `Node ${DATA.node.id}` %>\n                    status: |\n                      <%=\n                        CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\n                          ? \"highlighted\"\n                          // : CTX.unrelated.some(n =>\n                          //     n.type === \"node\" && n.id === DATA.node.id\n                          //   )\n                          // ? \"faded\"\n                          : \"default\"\n                      %>\n            defaultEdgeLines:\n              - if: <% DATA.edge.data?.virtual %>\n                dashed: true\n            cells: <% CTX.initialCells %>\n          events:\n            activeTarget.change:\n              action: context.replace\n              args:\n                - activeTarget\n                - <% EVENT.detail %>\n            cell.contextmenu:\n              - target: eo-context-menu\n                method: open\n                args:\n                  - position:\n                      - <% EVENT.detail.clientX %>\n                      - <% EVENT.detail.clientY %>\n              - action: context.replace\n                args:\n                  - targetCell\n                  - <% EVENT.detail.cell %>\n            scale.change:\n              action: context.replace\n              args:\n                - scale\n                - <% EVENT.detail %>\n- brick: eo-context-menu\n  properties:\n    actions: |\n      <%=\n        [\n          {\n            text: `Test ${CTX.targetCell?.type}`,\n            event: `test-${CTX.targetCell?.type}`,\n          }\n        ]\n      %>\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; height: 600px; gap: 1em\">\n#   <div style=\"flex: 1; min-width: 0\">\n#     <eo-display-canvas\n#       style=\"width: 100%; height: 100%\"\n#       fade-unrelated-cells\n#       layout=\"dagre\"\n#       id=\"brick-1\"\n#     ></eo-display-canvas>\n#   </div>\n# </div>\n# <eo-context-menu\n#   actions=\"&lt;%=\n#   [\n#     {\n#       text: `Test ${CTX.targetCell?.type}`,\n#       event: `test-${CTX.targetCell?.type}`,\n#     }\n#   ]\n# %&gt;\n# \"\n# ></eo-context-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.activeTarget = \"<%= CTX.activeTarget %>\";\n#   brick_1.defaultNodeSize = [60, 60];\n#   brick_1.defaultNodeBricks = [\n#     {\n#       useBrick: {\n#         brick: \"diagram.experimental-node\",\n#         properties: {\n#           textContent: \"<% `Node ${DATA.node.id}` %>\",\n#           status:\n#             '<%=\\n  CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\\n    ? \"highlighted\"\\n    // : CTX.unrelated.some(n =>\\n    //     n.type === \"node\" && n.id === DATA.node.id\\n    //   )\\n    // ? \"faded\"\\n    : \"default\"\\n%>\\n',\n#         },\n#       },\n#     },\n#   ];\n#   brick_1.defaultEdgeLines = [\n#     {\n#       if: \"<% DATA.edge.data?.virtual %>\",\n#       dashed: true,\n#     },\n#   ];\n#   brick_1.cells = \"<% CTX.initialCells %>\";\n#   brick_1.addEventListener(\"activeTarget.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     const brick = document.querySelector(\"eo-context-menu\");\n#     brick.open({\n#       position: [\"<% EVENT.detail.clientX %>\", \"<% EVENT.detail.clientY %>\"],\n#     });\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"scale.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n# </script>\n# \n```\n\n### Degraded diagram\n\n```yaml preview minHeight=\"600px\"\n- brick: div\n  properties:\n    style:\n      display: flex\n      height: 600px\n      gap: 1em\n  context:\n    - name: initialCells\n      value: |\n        <%\n          ((...seeds) => seeds.map((seed) => ({\n            type: \"node\",\n            id: seed,\n            data: {\n              name: seed,\n            },\n          })))(\n            ...(\n              new Array(500).fill(null).map((_, i) => String(i))\n            )\n          )\n        %>\n    - name: activeTarget\n    - name: targetCell\n  children:\n    - brick: div\n      properties:\n        style:\n          flex: 1\n          minWidth: 0\n      children:\n        - brick: eo-display-canvas\n          properties:\n            style:\n              width: 100%\n              height: 100%\n            activeTarget: <%= CTX.activeTarget %>\n            fadeUnrelatedCells: true\n            layout: force\n            # Initial nodes only\n            defaultNodeSize: [60, 60]\n            defaultNodeBricks:\n              - useBrick:\n                  brick: diagram.experimental-node\n                  properties:\n                    textContent: <% `Node ${DATA.node.id}` %>\n                    status: |\n                      <%=\n                        CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\n                          ? \"highlighted\"\n                          // : CTX.unrelated.some(n =>\n                          //     n.type === \"node\" && n.id === DATA.node.id\n                          //   )\n                          // ? \"faded\"\n                          : \"default\"\n                      %>\n            defaultEdgeLines:\n              - if: true\n                dashed: <% DATA.edge?.data?.virtual %>\n                strokeColor: <% DATA.edge?.data?.strokeColor %>\n                showStartArrow: <% DATA.edge?.data?.showStartArrow %>\n                strokeWidth: <% DATA.edge?.data?.strokeWidth %>\n                animate: <% DATA.edge?.data?.animate %>\n            cells: <% CTX.initialCells %>\n          events:\n            activeTarget.change:\n              action: context.replace\n              args:\n                - activeTarget\n                - <% EVENT.detail %>\n            cell.contextmenu:\n              - target: eo-context-menu\n                method: open\n                args:\n                  - position:\n                      - <% EVENT.detail.clientX %>\n                      - <% EVENT.detail.clientY %>\n              - action: context.replace\n                args:\n                  - targetCell\n                  - <% EVENT.detail.cell %>\n            scale.change:\n              action: context.replace\n              args:\n                - scale\n                - <% EVENT.detail %>\n- brick: eo-context-menu\n  properties:\n    actions: |\n      <%=\n        [\n          {\n            text: `Test ${CTX.targetCell?.type}`,\n            event: `test-${CTX.targetCell?.type}`,\n          }\n        ]\n      %>\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; height: 600px; gap: 1em\">\n#   <div style=\"flex: 1; min-width: 0\">\n#     <eo-display-canvas\n#       style=\"width: 100%; height: 100%\"\n#       fade-unrelated-cells\n#       layout=\"force\"\n#       id=\"brick-1\"\n#     ></eo-display-canvas>\n#   </div>\n# </div>\n# <eo-context-menu\n#   actions=\"&lt;%=\n#   [\n#     {\n#       text: `Test ${CTX.targetCell?.type}`,\n#       event: `test-${CTX.targetCell?.type}`,\n#     }\n#   ]\n# %&gt;\n# \"\n# ></eo-context-menu>\n# \n# <script>\n#   const brick_1 = document.getElementById(\"brick-1\");\n#   brick_1.activeTarget = \"<%= CTX.activeTarget %>\";\n#   brick_1.defaultNodeSize = [60, 60];\n#   brick_1.defaultNodeBricks = [\n#     {\n#       useBrick: {\n#         brick: \"diagram.experimental-node\",\n#         properties: {\n#           textContent: \"<% `Node ${DATA.node.id}` %>\",\n#           status:\n#             '<%=\\n  CTX.activeTarget?.type === \"node\" && CTX.activeTarget.id === DATA.node.id\\n    ? \"highlighted\"\\n    // : CTX.unrelated.some(n =>\\n    //     n.type === \"node\" && n.id === DATA.node.id\\n    //   )\\n    // ? \"faded\"\\n    : \"default\"\\n%>\\n',\n#         },\n#       },\n#     },\n#   ];\n#   brick_1.defaultEdgeLines = [\n#     {\n#       if: true,\n#       dashed: \"<% DATA.edge?.data?.virtual %>\",\n#       strokeColor: \"<% DATA.edge?.data?.strokeColor %>\",\n#       showStartArrow: \"<% DATA.edge?.data?.showStartArrow %>\",\n#       strokeWidth: \"<% DATA.edge?.data?.strokeWidth %>\",\n#       animate: \"<% DATA.edge?.data?.animate %>\",\n#     },\n#   ];\n#   brick_1.cells = \"<% CTX.initialCells %>\";\n#   brick_1.addEventListener(\"activeTarget.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     const brick = document.querySelector(\"eo-context-menu\");\n#     brick.open({\n#       position: [\"<% EVENT.detail.clientX %>\", \"<% EVENT.detail.clientY %>\"],\n#     });\n#   });\n#   brick_1.addEventListener(\"cell.contextmenu\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n#   brick_1.addEventListener(\"scale.change\", (e) => {\n#     // WARN: encountered incompatible event handlers in HTML mode, please try YAML.\n#   });\n# </script>\n# \n```\n"
   }
 }