@next-bricks/data-view 0.24.4 → 0.24.5

package/dist/chunks/{1646.05542f8f.js.map → 7746.20ab5bb5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/1646.05542f8f.js","mappings":"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","sources":["webpack:///../../node_modules/react-dom/client.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classExtractFieldDescriptor.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/extends.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","webpack:///../../node_modules/@next-core/react-element/dist/esm/ReactNextElement.js","webpack:///../../node_modules/@next-core/react-element/dist/esm/wrapBrick.js"],"sourcesContent":["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n  if (privateCollection.has(obj)) {\n    throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n  }\n}","export default function _classExtractFieldDescriptor(receiver, privateMap, action) {\n  if (!privateMap.has(receiver)) {\n    throw new TypeError(\"attempted to \" + action + \" private field on non-instance\");\n  }\n  return privateMap.get(receiver);\n}","import classApplyDescriptorGet from \"./classApplyDescriptorGet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldGet(receiver, privateMap) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"get\");\n  return classApplyDescriptorGet(receiver, descriptor);\n}","export default function _classApplyDescriptorGet(receiver, descriptor) {\n  if (descriptor.get) {\n    return descriptor.get.call(receiver);\n  }\n  return descriptor.value;\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n  checkPrivateRedeclaration(obj, privateMap);\n  privateMap.set(obj, value);\n}","import classApplyDescriptorSet from \"./classApplyDescriptorSet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldSet(receiver, privateMap, value) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"set\");\n  classApplyDescriptorSet(receiver, descriptor, value);\n  return value;\n}","export default function _classApplyDescriptorSet(receiver, descriptor, value) {\n  if (descriptor.set) {\n    descriptor.set.call(receiver, value);\n  } else {\n    if (!descriptor.writable) {\n      throw new TypeError(\"attempted to set read only private field\");\n    }\n    descriptor.value = value;\n  }\n}","export default function _classPrivateMethodGet(receiver, privateSet, fn) {\n  if (!privateSet.has(receiver)) {\n    throw new TypeError(\"attempted to get private field on non-instance\");\n  }\n  return fn;\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n  checkPrivateRedeclaration(obj, privateSet);\n  privateSet.add(obj);\n}","export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}","import _classPrivateMethodInitSpec from \"@babel/runtime/helpers/classPrivateMethodInitSpec\";\nimport _classPrivateFieldInitSpec from \"@babel/runtime/helpers/classPrivateFieldInitSpec\";\nimport _classPrivateMethodGet from \"@babel/runtime/helpers/classPrivateMethodGet\";\nimport _classPrivateFieldSet from \"@babel/runtime/helpers/classPrivateFieldSet\";\nimport _classPrivateFieldGet from \"@babel/runtime/helpers/classPrivateFieldGet\";\nvar _class;\nimport React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { flushSync } from \"react-dom\";\nimport { NextElement, supportsAdoptingStyleSheets } from \"@next-core/element\";\nvar _root = /*#__PURE__*/new WeakMap();\nvar _createRoot = /*#__PURE__*/new WeakSet();\nexport class ReactNextElement extends NextElement {\n  constructor() {\n    super(...arguments);\n    _classPrivateMethodInitSpec(this, _createRoot);\n    _classPrivateFieldInitSpec(this, _root, {\n      writable: true,\n      value: void 0\n    });\n  }\n  connectedCallback() {\n    super._markConnectedCallbackCalled();\n    _classPrivateMethodGet(this, _createRoot, _createRoot2).call(this);\n    this._render();\n  }\n  disconnectedCallback() {\n    var _classPrivateFieldGet2;\n    (_classPrivateFieldGet2 = _classPrivateFieldGet(this, _root)) === null || _classPrivateFieldGet2 === void 0 || _classPrivateFieldGet2.render(null);\n  }\n  _render() {\n    var render = () => {\n      if (!this.isConnected || !_classPrivateFieldGet(this, _root)) {\n        return;\n      }\n      var ctor = this.constructor;\n      if (ctor.shadowOptions) {\n        var _ctor$styleTexts;\n        _classPrivateFieldGet(this, _root).render(supportsAdoptingStyleSheets() || !((_ctor$styleTexts = ctor.styleTexts) !== null && _ctor$styleTexts !== void 0 && _ctor$styleTexts.length) ? this.render() : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, ctor.styleTexts.join(\"\\n\")), this.render()));\n      } else {\n        _classPrivateFieldGet(this, _root).render(this.render());\n      }\n    };\n\n    // In brick next container, enable flush sync for the initial mount of\n    // each page, in order to avoid menu flickering.\n    // Otherwise, avoid using flush sync as possible.\n    if (window.BRICK_NEXT_VERSIONS && !window.DISABLE_REACT_FLUSH_SYNC) {\n      flushSync(render);\n    } else {\n      render();\n    }\n  }\n}\n_class = ReactNextElement;\nfunction _createRoot2() {\n  if (_classPrivateFieldGet(this, _root)) {\n    return;\n  }\n  var ctor = this.constructor;\n  if (ctor.shadowOptions) {\n    var shadowRoot = this.attachShadow(ctor.shadowOptions);\n    if (supportsAdoptingStyleSheets()) {\n      var _ctor$styleTexts2;\n      if ((_ctor$styleTexts2 = ctor.styleTexts) !== null && _ctor$styleTexts2 !== void 0 && _ctor$styleTexts2.length) {\n        var styleSheet = new CSSStyleSheet();\n        styleSheet.replaceSync(ctor.styleTexts.join(\"\"));\n        shadowRoot.adoptedStyleSheets = [styleSheet];\n      }\n    }\n    _classPrivateFieldSet(this, _root, createRoot(shadowRoot));\n  } else {\n    var _ctor$styleTexts3;\n    if (process.env.NODE_ENV !== \"production\" && (_ctor$styleTexts3 = ctor.styleTexts) !== null && _ctor$styleTexts3 !== void 0 && _ctor$styleTexts3.length) {\n      throw new Error(\"Use `styleTexts` with `shadowOptions: false` is not supported\");\n    }\n    _classPrivateFieldSet(this, _root, createRoot(this));\n  }\n}\n//# sourceMappingURL=ReactNextElement.js.map","import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\nvar _excluded = [\"children\"],\n  _excluded2 = [\"children\"];\nimport React, { forwardRef } from \"react\";\nexport function wrapLocalBrick(brick, eventsMapping) {\n  // istanbul ignore next\n  if (process.env.NODE_ENV === \"development\") {\n    if (typeof brick === \"string\" && !customElements.get(brick)) {\n      throw new Error(\"Brick \".concat(brick, \" is not defined while using `wrapLocalBrick`.\"));\n    }\n  }\n  return /*#__PURE__*/forwardRef(function BrickReactWrapper(_ref, ref) {\n    var {\n        children\n      } = _ref,\n      props = _objectWithoutProperties(_ref, _excluded);\n    var WebComponent = typeof brick === \"string\" ? brick : brick.__tagName;\n    var properties = getMappedProperties(props, eventsMapping);\n    return /*#__PURE__*/React.createElement(WebComponent, _extends({}, properties, {\n      ref: ref\n    }), children);\n  });\n}\nexport function wrapBrick(BrickName, eventsMapping) {\n  return /*#__PURE__*/forwardRef(function BrickReactWrapper(_ref2, ref) {\n    var {\n        children\n      } = _ref2,\n      props = _objectWithoutProperties(_ref2, _excluded2);\n    var properties = getMappedProperties(props, eventsMapping);\n    return /*#__PURE__*/React.createElement(BrickName, _extends({}, properties, {\n      ref: ref\n    }), children);\n  });\n}\nfunction getMappedProperties(props, eventsMapping) {\n  var properties;\n  if (eventsMapping) {\n    properties = {};\n    for (var [propName, propValue] of Object.entries(props)) {\n      if (Object.prototype.hasOwnProperty.call(eventsMapping, propName)) {\n        properties[\"on\".concat(eventsMapping[propName])] = propValue;\n      } else {\n        properties[propName] = propValue;\n      }\n    }\n  } else {\n    properties = props;\n  }\n  return properties;\n}\n//# sourceMappingURL=wrapBrick.js.map"],"names":["m","exports","createRoot","hydrateRoot","_checkPrivateRedeclaration","obj","privateCollection","has","TypeError","_classExtractFieldDescriptor","receiver","privateMap","action","get","_classPrivateFieldGet","descriptor","call","value","classExtractFieldDescriptor","_classPrivateFieldInitSpec","set","_classPrivateFieldSet","writable","_classPrivateMethodGet","privateSet","fn","_classPrivateMethodInitSpec","add","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","_root","WeakMap","_createRoot","WeakSet","ReactNextElement","NextElement","constructor","super","connectedCallback","_markConnectedCallbackCalled","_createRoot2","_render","disconnectedCallback","_classPrivateFieldGet2","render","isConnected","_ctor$styleTexts","ctor","shadowOptions","supportsAdoptingStyleSheets","styleTexts","join","window","BRICK_NEXT_VERSIONS","DISABLE_REACT_FLUSH_SYNC","flushSync","_ctor$styleTexts2","shadowRoot","attachShadow","styleSheet","CSSStyleSheet","replaceSync","adoptedStyleSheets","_excluded","_excluded2","wrapLocalBrick","brick","eventsMapping","forwardRef","_ref","ref","children","props","WebComponent","__tagName","properties","getMappedProperties","wrapBrick","BrickName","_ref2","propName","propValue","entries","concat"],"sourceRoot":""}
+{"version":3,"file":"chunks/7746.20ab5bb5.js","mappings":"yIAEIA,EAAI,EAAQ,MAEdC,EAAQ,EAAaD,EAAEE,WACDF,EAAEG,W,iBCLX,SAASC,EAA2BC,EAAKC,GACtD,GAAIA,EAAkBC,IAAIF,GACxB,MAAM,IAAIG,UAAU,iEAExB,C,gCCJe,SAASC,EAA6BC,EAAUC,EAAYC,GACzE,IAAKD,EAAWJ,IAAIG,GAClB,MAAM,IAAIF,UAAU,gBAAkBI,EAAS,kCAEjD,OAAOD,EAAWE,IAAIH,EACxB,C,8DCHe,SAASI,EAAsBJ,EAAUC,GAEtD,OCJa,SAAkCD,EAAUK,GACzD,OAAIA,EAAWF,IACNE,EAAWF,IAAIG,KAAKN,GAEtBK,EAAWE,KACpB,CDDS,CAAwBP,GADd,EAAAQ,EAAA,GAA4BR,EAAUC,EAAY,OAErE,C,gDEJe,SAASQ,EAA2Bd,EAAKM,EAAYM,IAClE,OAA0BZ,EAAKM,GAC/BA,EAAWS,IAAIf,EAAKY,EACtB,C,8CCFe,SAASI,EAAsBX,EAAUC,EAAYM,GAGlE,OCLa,SAAkCP,EAAUK,EAAYE,GACrE,GAAIF,EAAWK,IACbL,EAAWK,IAAIJ,KAAKN,EAAUO,OACzB,CACL,IAAKF,EAAWO,SACd,MAAM,IAAId,UAAU,4CAEtBO,EAAWE,MAAQA,CACrB,CACF,CDLE,CAAwBP,GADP,EAAAQ,EAAA,GAA4BR,EAAUC,EAAY,OACrBM,GACvCA,CACT,C,iBENe,SAASM,EAAuBb,EAAUc,EAAYC,GACnE,IAAKD,EAAWjB,IAAIG,GAClB,MAAM,IAAIF,UAAU,kDAEtB,OAAOiB,CACT,C,gECJe,SAASC,EAA4BrB,EAAKmB,IACvD,OAA0BnB,EAAKmB,GAC/BA,EAAWG,IAAItB,EACjB,C,iBCJe,SAASuB,IAYtB,OAXAA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAC1D,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAASF,UAAUD,GACvB,IAAK,IAAII,KAAOD,EACVP,OAAOS,UAAUC,eAAevB,KAAKoB,EAAQC,KAC/CL,EAAOK,GAAOD,EAAOC,GAG3B,CACA,OAAOL,CACT,EACOJ,EAASY,MAAMC,KAAMP,UAC9B,C,iCCZe,SAASQ,EAAyBN,EAAQO,GACvD,GAAc,MAAVP,EAAgB,MAAO,CAAC,EAC5B,IACIC,EAAKJ,EADLD,ECHS,SAAuCI,EAAQO,GAC5D,GAAc,MAAVP,EAAgB,MAAO,CAAC,EAC5B,IAEIC,EAAKJ,EAFLD,EAAS,CAAC,EACVY,EAAaf,OAAOgB,KAAKT,GAE7B,IAAKH,EAAI,EAAGA,EAAIW,EAAWT,OAAQF,IACjCI,EAAMO,EAAWX,GACbU,EAASG,QAAQT,IAAQ,IAC7BL,EAAOK,GAAOD,EAAOC,IAEvB,OAAOL,CACT,CDRe,CAA6BI,EAAQO,GAElD,GAAId,OAAOkB,sBAAuB,CAChC,IAAIC,EAAmBnB,OAAOkB,sBAAsBX,GACpD,IAAKH,EAAI,EAAGA,EAAIe,EAAiBb,OAAQF,IACvCI,EAAMW,EAAiBf,GACnBU,EAASG,QAAQT,IAAQ,GACxBR,OAAOS,UAAUW,qBAAqBjC,KAAKoB,EAAQC,KACxDL,EAAOK,GAAOD,EAAOC,GAEzB,CACA,OAAOL,CACT,C,yMELIkB,EAAqB,IAAIC,QACzBC,EAA2B,IAAIC,QAC5B,MAAMC,UAAyB,EAAAC,YACpCC,cACEC,SAASvB,YACT,OAA4BO,KAAMW,IAClC,OAA2BX,KAAMS,EAAO,CACtC5B,UAAU,EACVL,WAAO,GAEX,CACAyC,oBACED,MAAME,gCACN,OAAuBlB,KAAMW,EAAaQ,GAAc5C,KAAKyB,MAC7DA,KAAKoB,SACP,CACAC,uBACE,IAAIC,EAC8D,QAAjEA,GAAyB,OAAsBtB,KAAMS,UAA+C,IAA3Ba,GAAqCA,EAAuBC,OAAO,KAC/I,CACAH,UACE,IAAIG,EAAS,KACX,GAAKvB,KAAKwB,cAAgB,OAAsBxB,KAAMS,GAAtD,CAGA,IAEMgB,EAFFC,EAAO1B,KAAKe,YACZW,EAAKC,eAEP,OAAsB3B,KAAMS,GAAOc,QAAO,IAAAK,gCAA4E,QAAxCH,EAAmBC,EAAKG,kBAA6C,IAArBJ,IAA+BA,EAAiB/B,OAAUM,KAAKuB,SAAwB,gBAAoB,WAAgB,KAAmB,gBAAoB,QAAS,KAAMG,EAAKG,WAAWC,KAAK,OAAQ9B,KAAKuB,YAEjV,OAAsBvB,KAAMS,GAAOc,OAAOvB,KAAKuB,SANjD,CAOA,EAMEQ,OAAOC,sBAAwBD,OAAOE,0BACxC,IAAAC,WAAUX,GAEVA,GAEJ,EAGF,SAASJ,IACP,KAAI,OAAsBnB,KAAMS,GAAhC,CAGA,IAAIiB,EAAO1B,KAAKe,YAChB,GAAIW,EAAKC,cAAe,CACtB,IAEMQ,EAFFC,EAAapC,KAAKqC,aAAaX,EAAKC,eACxC,IAAI,IAAAC,gCAE4C,QAAzCO,EAAoBT,EAAKG,kBAA8C,IAAtBM,GAAgCA,EAAkBzC,OAAQ,CAC9G,IAAI4C,EAAa,IAAIC,cACrBD,EAAWE,YAAYd,EAAKG,WAAWC,KAAK,KAC5CM,EAAWK,mBAAqB,CAACH,EACnC,EAEF,OAAsBtC,KAAMS,GAAO,OAAW2B,GAChD,MAKE,OAAsBpC,KAAMS,GAAO,OAAWT,MAlBhD,CAoBF,C,wBC5EI0C,EAAY,CAAC,YACfC,EAAa,CAAC,YAET,SAASC,EAAeC,EAAOC,GAOpC,OAAoB,IAAAC,aAAW,SAA2BC,EAAMC,GAC9D,IAAI,SACAC,GACEF,EACJG,GAAQ,OAAyBH,EAAMN,GACrCU,EAAgC,iBAAVP,EAAqBA,EAAQA,EAAMQ,UACzDC,EAAaC,EAAoBJ,EAAOL,GAC5C,OAAoB,gBAAoBM,GAAc,OAAS,CAAC,EAAGE,EAAY,CAC7EL,IAAKA,IACHC,EACN,GACF,CACO,SAASM,EAAUC,EAAWX,GACnC,OAAoB,IAAAC,aAAW,SAA2BW,EAAOT,GAC/D,IAAI,SACAC,GACEQ,EAEFJ,EAAaC,GADP,OAAyBG,EAAOf,GACEG,GAC5C,OAAoB,gBAAoBW,GAAW,OAAS,CAAC,EAAGH,EAAY,CAC1EL,IAAKA,IACHC,EACN,GACF,CACA,SAASK,EAAoBJ,EAAOL,GAClC,IAAIQ,EACJ,GAAIR,EAEF,IAAK,IAAKa,EAAUC,KADpBN,EAAa,CAAC,EACoBlE,OAAOyE,QAAQV,IAC3C/D,OAAOS,UAAUC,eAAevB,KAAKuE,EAAea,GACtDL,EAAW,KAAKQ,OAAOhB,EAAca,KAAcC,EAEnDN,EAAWK,GAAYC,OAI3BN,EAAaH,EAEf,OAAOG,CACT,C","sources":["webpack:///../../node_modules/react-dom/client.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classExtractFieldDescriptor.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classApplyDescriptorSet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodGet.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/extends.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","webpack:///../../node_modules/@next-core/react-element/dist/esm/ReactNextElement.js","webpack:///../../node_modules/@next-core/react-element/dist/esm/wrapBrick.js"],"sourcesContent":["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n  if (privateCollection.has(obj)) {\n    throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n  }\n}","export default function _classExtractFieldDescriptor(receiver, privateMap, action) {\n  if (!privateMap.has(receiver)) {\n    throw new TypeError(\"attempted to \" + action + \" private field on non-instance\");\n  }\n  return privateMap.get(receiver);\n}","import classApplyDescriptorGet from \"./classApplyDescriptorGet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldGet(receiver, privateMap) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"get\");\n  return classApplyDescriptorGet(receiver, descriptor);\n}","export default function _classApplyDescriptorGet(receiver, descriptor) {\n  if (descriptor.get) {\n    return descriptor.get.call(receiver);\n  }\n  return descriptor.value;\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n  checkPrivateRedeclaration(obj, privateMap);\n  privateMap.set(obj, value);\n}","import classApplyDescriptorSet from \"./classApplyDescriptorSet.js\";\nimport classExtractFieldDescriptor from \"./classExtractFieldDescriptor.js\";\nexport default function _classPrivateFieldSet(receiver, privateMap, value) {\n  var descriptor = classExtractFieldDescriptor(receiver, privateMap, \"set\");\n  classApplyDescriptorSet(receiver, descriptor, value);\n  return value;\n}","export default function _classApplyDescriptorSet(receiver, descriptor, value) {\n  if (descriptor.set) {\n    descriptor.set.call(receiver, value);\n  } else {\n    if (!descriptor.writable) {\n      throw new TypeError(\"attempted to set read only private field\");\n    }\n    descriptor.value = value;\n  }\n}","export default function _classPrivateMethodGet(receiver, privateSet, fn) {\n  if (!privateSet.has(receiver)) {\n    throw new TypeError(\"attempted to get private field on non-instance\");\n  }\n  return fn;\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n  checkPrivateRedeclaration(obj, privateSet);\n  privateSet.add(obj);\n}","export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}","import _classPrivateMethodInitSpec from \"@babel/runtime/helpers/classPrivateMethodInitSpec\";\nimport _classPrivateFieldInitSpec from \"@babel/runtime/helpers/classPrivateFieldInitSpec\";\nimport _classPrivateMethodGet from \"@babel/runtime/helpers/classPrivateMethodGet\";\nimport _classPrivateFieldSet from \"@babel/runtime/helpers/classPrivateFieldSet\";\nimport _classPrivateFieldGet from \"@babel/runtime/helpers/classPrivateFieldGet\";\nvar _class;\nimport React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { flushSync } from \"react-dom\";\nimport { NextElement, supportsAdoptingStyleSheets } from \"@next-core/element\";\nvar _root = /*#__PURE__*/new WeakMap();\nvar _createRoot = /*#__PURE__*/new WeakSet();\nexport class ReactNextElement extends NextElement {\n  constructor() {\n    super(...arguments);\n    _classPrivateMethodInitSpec(this, _createRoot);\n    _classPrivateFieldInitSpec(this, _root, {\n      writable: true,\n      value: void 0\n    });\n  }\n  connectedCallback() {\n    super._markConnectedCallbackCalled();\n    _classPrivateMethodGet(this, _createRoot, _createRoot2).call(this);\n    this._render();\n  }\n  disconnectedCallback() {\n    var _classPrivateFieldGet2;\n    (_classPrivateFieldGet2 = _classPrivateFieldGet(this, _root)) === null || _classPrivateFieldGet2 === void 0 || _classPrivateFieldGet2.render(null);\n  }\n  _render() {\n    var render = () => {\n      if (!this.isConnected || !_classPrivateFieldGet(this, _root)) {\n        return;\n      }\n      var ctor = this.constructor;\n      if (ctor.shadowOptions) {\n        var _ctor$styleTexts;\n        _classPrivateFieldGet(this, _root).render(supportsAdoptingStyleSheets() || !((_ctor$styleTexts = ctor.styleTexts) !== null && _ctor$styleTexts !== void 0 && _ctor$styleTexts.length) ? this.render() : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"style\", null, ctor.styleTexts.join(\"\\n\")), this.render()));\n      } else {\n        _classPrivateFieldGet(this, _root).render(this.render());\n      }\n    };\n\n    // In brick next container, enable flush sync for the initial mount of\n    // each page, in order to avoid menu flickering.\n    // Otherwise, avoid using flush sync as possible.\n    if (window.BRICK_NEXT_VERSIONS && !window.DISABLE_REACT_FLUSH_SYNC) {\n      flushSync(render);\n    } else {\n      render();\n    }\n  }\n}\n_class = ReactNextElement;\nfunction _createRoot2() {\n  if (_classPrivateFieldGet(this, _root)) {\n    return;\n  }\n  var ctor = this.constructor;\n  if (ctor.shadowOptions) {\n    var shadowRoot = this.attachShadow(ctor.shadowOptions);\n    if (supportsAdoptingStyleSheets()) {\n      var _ctor$styleTexts2;\n      if ((_ctor$styleTexts2 = ctor.styleTexts) !== null && _ctor$styleTexts2 !== void 0 && _ctor$styleTexts2.length) {\n        var styleSheet = new CSSStyleSheet();\n        styleSheet.replaceSync(ctor.styleTexts.join(\"\"));\n        shadowRoot.adoptedStyleSheets = [styleSheet];\n      }\n    }\n    _classPrivateFieldSet(this, _root, createRoot(shadowRoot));\n  } else {\n    var _ctor$styleTexts3;\n    if (process.env.NODE_ENV !== \"production\" && (_ctor$styleTexts3 = ctor.styleTexts) !== null && _ctor$styleTexts3 !== void 0 && _ctor$styleTexts3.length) {\n      throw new Error(\"Use `styleTexts` with `shadowOptions: false` is not supported\");\n    }\n    _classPrivateFieldSet(this, _root, createRoot(this));\n  }\n}\n//# sourceMappingURL=ReactNextElement.js.map","import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\nvar _excluded = [\"children\"],\n  _excluded2 = [\"children\"];\nimport React, { forwardRef } from \"react\";\nexport function wrapLocalBrick(brick, eventsMapping) {\n  // istanbul ignore next\n  if (process.env.NODE_ENV === \"development\") {\n    if (typeof brick === \"string\" && !customElements.get(brick)) {\n      throw new Error(\"Brick \".concat(brick, \" is not defined while using `wrapLocalBrick`.\"));\n    }\n  }\n  return /*#__PURE__*/forwardRef(function BrickReactWrapper(_ref, ref) {\n    var {\n        children\n      } = _ref,\n      props = _objectWithoutProperties(_ref, _excluded);\n    var WebComponent = typeof brick === \"string\" ? brick : brick.__tagName;\n    var properties = getMappedProperties(props, eventsMapping);\n    return /*#__PURE__*/React.createElement(WebComponent, _extends({}, properties, {\n      ref: ref\n    }), children);\n  });\n}\nexport function wrapBrick(BrickName, eventsMapping) {\n  return /*#__PURE__*/forwardRef(function BrickReactWrapper(_ref2, ref) {\n    var {\n        children\n      } = _ref2,\n      props = _objectWithoutProperties(_ref2, _excluded2);\n    var properties = getMappedProperties(props, eventsMapping);\n    return /*#__PURE__*/React.createElement(BrickName, _extends({}, properties, {\n      ref: ref\n    }), children);\n  });\n}\nfunction getMappedProperties(props, eventsMapping) {\n  var properties;\n  if (eventsMapping) {\n    properties = {};\n    for (var [propName, propValue] of Object.entries(props)) {\n      if (Object.prototype.hasOwnProperty.call(eventsMapping, propName)) {\n        properties[\"on\".concat(eventsMapping[propName])] = propValue;\n      } else {\n        properties[propName] = propValue;\n      }\n    }\n  } else {\n    properties = props;\n  }\n  return properties;\n}\n//# sourceMappingURL=wrapBrick.js.map"],"names":["m","exports","createRoot","hydrateRoot","_checkPrivateRedeclaration","obj","privateCollection","has","TypeError","_classExtractFieldDescriptor","receiver","privateMap","action","get","_classPrivateFieldGet","descriptor","call","value","classExtractFieldDescriptor","_classPrivateFieldInitSpec","set","_classPrivateFieldSet","writable","_classPrivateMethodGet","privateSet","fn","_classPrivateMethodInitSpec","add","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","_root","WeakMap","_createRoot","WeakSet","ReactNextElement","NextElement","constructor","super","connectedCallback","_markConnectedCallbackCalled","_createRoot2","_render","disconnectedCallback","_classPrivateFieldGet2","render","isConnected","_ctor$styleTexts","ctor","shadowOptions","supportsAdoptingStyleSheets","styleTexts","join","window","BRICK_NEXT_VERSIONS","DISABLE_REACT_FLUSH_SYNC","flushSync","_ctor$styleTexts2","shadowRoot","attachShadow","styleSheet","CSSStyleSheet","replaceSync","adoptedStyleSheets","_excluded","_excluded2","wrapLocalBrick","brick","eventsMapping","forwardRef","_ref","ref","children","props","WebComponent","__tagName","properties","getMappedProperties","wrapBrick","BrickName","_ref2","propName","propValue","entries","concat"],"sourceRoot":""}

package/dist/chunks/{8442.aba7a46f.js → 8442.985deb10.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[8442],{1906:(e,t,r)=>{r.d(t,{j:()=>I});var a=r(7896),n=r(8657),o=r.n(n),i=r(1211),l=r(6995),c=r(5095),s=r(4827),d=r(2839),p=r(3028),u=(r(7035),r(7709),r(9703),(e,t,r)=>{var a=(new l.Pa4).subVectors(t,e),n=a.length(),o=document.createElement("data-view.app-wall-relation-line");o.style.height="".concat(n,"px"),o.classList.add("relation-line"),o.lightColor=r;var i=new c.cp(o),s=(new l.Pa4).lerpVectors(e,t,.5);i.position.copy(s);var d=(new l._fP).setFromUnitVectors(new l.Pa4(0,1,0).normalize(),a.clone().normalize());return i.setRotationFromQuaternion(d),i}),h=(e,t)=>{var r=new l.Pa4(e[0],e[1],e[2]),a=new l.Pa4(t[0],t[1],t[2]);return{centerVector:(new l.Pa4).lerpVectors(r,a,.5),subVector:(new l.Pa4).subVectors(r,a)}},g=e=>{var{BW:t,TW:r,d:a,TH:n,BH:o,isLeft:i}=e,s=Math.sqrt(Math.pow(r/2-t/2,2)+Math.pow(a,2)),d=document.createElement("div");d.style.cssText="\n                   width: ".concat(s,"px;\n                   height:").concat(n,"px;\n                   position: relative;\n                   clip-path: polygon(0 0, ").concat(s,"px ").concat(n/2-o/2,"px, ").concat(s,"px ").concat(n/2-o/2+o,"px, 0 ").concat(n,"px);\n                    ");var p=document.createElement("div");p.className="trapezoidalLeftOrRightAnimation",d.appendChild(p);var u=i?[-t/2,0,0]:[t/2,0,0],g=i?[-r/2,0,a]:[r/2,0,a],b=new c.cp(d),{centerVector:m,subVector:v}=h(u,g);b.position.copy(m);var x=(new l._fP).setFromUnitVectors(new l.Pa4(1,0,0).normalize(),v.clone().normalize());return b.setRotationFromQuaternion(x),b},b=e=>{var{BW:t,TW:r,d:a,TH:n,BH:o,isTop:i}=e,s=Math.sqrt(Math.pow(n/2-o/2,2)+Math.pow(a,2)),d=document.createElement("div");d.style.cssText="\n                   width: ".concat(r,"px;\n                   height:").concat(s,"px;\n                   position: relative;\n                   clip-path: polygon(0 0, ").concat(r,"px 0, ").concat(r/2-t/2+t,"px ").concat(s,"px, ").concat(r/2-t/2,"px ").concat(s,"px);\n                   ");var p=document.createElement("div");p.className="trapezoidalTopOrBottomAnimation",d.appendChild(p);var u=new c.cp(d),g=i?[0,-o/2,0]:[0,o/2,0],b=i?[0,-n/2,a]:[0,n/2,a],{centerVector:m,subVector:v}=h(g,b);u.position.copy(m);var x=(new l._fP).setFromUnitVectors(new l.Pa4(0,-1,0).normalize(),v.clone().normalize());return u.setRotationFromQuaternion(x),u},m=e=>{var{objectData:t,leftBtnName:r,clusters:a,columns:n,leftOnClick:o,rightBtnName:i,rightOnClick:l,appName:s}=e,d=600,p=document.createElement("div"),u=new c.cp(p);u.position.set(...t.point);var h=t.width,m=t.height,v=1500,x=1200,w=document.createElement("div");w.style.cssText="\n                   width: ".concat(h,"px;\n                   height: ").concat(m,"px;\n                   box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.45);\n                   border: 1px solid rgba(118,255,255,0.58);\n                   padding: 16px;\n                   ");var f=new c.cp(w);f.position.z=0,u.add(f);var y=document.createElement("div");y.style.cssText="\n                   width: ".concat(v,"px;\n                   height:").concat(x,"px;\n                   background: linear-gradient(rgb(13, 54, 179,0.6) 0%, rgb(74, 108, 156,0.6) 100%);\n                   box-sizing: border-box;\n                   padding: 16px;\n                   ");var k=document.createElement("data-view.cabinet-thumbnail");k.clusters=null!=a?a:[],k.columns=null!=n?n:4,k.appName=s,y.className="visibilityAnimate",y.appendChild(k);var z=new c.cp(y);z.position.set(0,0,d);var T=g({BW:h,TW:v,BH:m,TH:x,d,isLeft:!0}),C=g({BW:h,TW:v,BH:m,TH:x,d,isLeft:!1}),S=b({BW:h,TW:v,BH:m,TH:x,d,isTop:!0}),P=b({BW:h,TW:v,BH:m,TH:x,d,isTop:!1});if(u.add(T,C,P,S),r){var E=document.createElement("div");E.style.cssText="\n                 color: #6BE0FA;\n                 font-size: 28px;\n                 font-weight: 500;\n                 width: ".concat(750,"px;\n                 line-height: 16px;\n                 "),E.className="visibilityAnimate";var M=document.createElement("span");M.style.cursor="pointer",M.innerText=r,E.appendChild(M);var R=new c.cp(E);R.position.set(-365,-600,14),R.rotateX(Math.PI/2),z.add(R),M.onpointerdown=o}if(i){var B=document.createElement("div");B.style.cssText="\n                 color: #FFFFFF;\n                 font-size: 30px;\n                 font-weight: 500;\n                 width: ".concat(750,"px;\n                 text-shadow: 0px 1px 4px #3366FF;\n                 text-align: right;\n                 "),B.className="visibilityAnimate";var I=document.createElement("span");I.style.cursor="pointer",I.innerText=i,B.appendChild(I);var _=new c.cp(B);_.position.set(365,-600,14),_.rotateX(Math.PI/2),z.add(_),I.onpointerdown=l}return u.add(z),u},v=(e,t,r)=>{if(null==e||!e.length)return[];var a=e.map((e=>(0,p.Z)((0,p.Z)({},e),{},{x:0,y:0})));if(a.length===t*r)a=a.map(((e,r)=>(0,p.Z)((0,p.Z)({},e),{},{x:r%t+1,y:parseInt("".concat(r/t))+1})));else{for(var n=t*(r-1),o=a.length-n,i=0;i<n;i++){var l=a[i];l.x=i%t+1,l.y=parseInt("".concat(i/t))+1}for(var c=0;c<o/2;c++){var s=a[c+n],d=a[a.length-1-c];s.x=c+1,s.y=r,s!==d&&(d.x=t-c,d.y=r)}}return a},x=(e,t,r,a)=>{var n=new l.Tme;return n.position.x=e.x*t.outerWidth-(r/2+.5)*t.outerWidth,n.position.y=-e.y*t.outerHeight+(a/2+.5)*t.outerHeight,n},w=(e,t,r,a,n,o)=>{var i=new l.Tme,c=new l.Pa4,s=((e,t,r,a,n)=>{var o={x:0,y:0,z:0},i=parseInt("".concat(r*t.outerWidth*180))/(n*Math.PI),l=r/2+.5;return o.x=i*Math.sin(Math.PI/(180/((e.x-l)*(n/r)))),o.y=-e.y*t.outerHeight+(a/2+.5)*t.outerHeight,o.z=i-Math.sqrt(i*i-o.x*o.x),o})(e,t,r,a,n);return i.position.x=s.x,i.position.y=s.y,i.position.z=s.z,c.x=0,c.y=i.position.y,c.z=o,i.lookAt(c),i},f=(e,t,r,a)=>{var n=t.height+2*t.margin,o=(t.width+2*t.margin)/e.aspect,i=.5*Math.max(o,n)/Math.tan(e.fov*Math.PI/360)+t.z,l=0;return r.forEach((function(e){a>=Math.min.apply(null,e.numRange)&&a<=Math.max.apply(null,e.numRange)&&(l=e.distance)})),Math.max(l,i)},y=(e,t)=>{var r=[],a=e.userData;return Array.isArray(t)&&t.length&&t.forEach((function(e){a.key!==e.source&&a.key!==e.target||r.push(e)})),r},k=(e,t)=>{var r=t.toUpperCase(),a=e.composedPath().find((e=>null==e?void 0:e.shadowRoot));if((null==a?void 0:a.tagName)===r)return a;var n=document.elementFromPoint(e.clientX,e.clientY),o=null==n?void 0:n.shadowRoot.elementFromPoint(e.clientX,e.clientY);return(null==o?void 0:o.tagName)===r?o:null},z=r(4511),T=r(2779),C=r.n(T),S=[{numRange:[0,40],distance:3e3},{numRange:[40,60],distance:2200},{numRange:[60,80],distance:2700},{numRange:[80,120],distance:3200},{numRange:[120,160],distance:3400},{numRange:[160,300],distance:3600}],P=45,E=100,M=300,R=(e,t,r,a)=>{var n=Math.ceil(Math.sqrt(e*t.outerHeight/(a*t.outerWidth))),o=Math.ceil(e/n),i=parseInt("".concat(n*t.outerWidth*180))/(E*Math.PI);return{maxX:n,maxY:o,radius:i,bounds:{width:2*i*Math.sin(Math.PI*(E/2)/180)+t.outerWidth,height:o*t.outerHeight,margin:r,z:i-i*Math.cos(Math.PI*(E/2)/180)}}},B=(0,z.wrapBrick)("data-view.app-wall-system-card");function I(e){var{relations:t,onSystemCardButtonClick:r,useDblclick:p,useDistanceConfig:h,handleCardDbClick:g,rightBtnOnClick:b,leftBtnOnClick:z,cardBrickName:T,cardSize:I,disabledDefaultClickEvent:_,handleCardClick:X,containerId:D,noRotate:F,boundMargin:A}=e,[W,N]=(0,n.useState)(null),L=(0,n.useRef)(),H=(0,n.useRef)(),O=(0,n.useRef)(),Z=(0,n.useRef)(),V=(0,n.useRef)(),j=(0,n.useRef)(),Y=(0,n.useRef)(),G=(0,n.useRef)(),U=(0,n.useRef)(),q=(0,n.useRef)(),Q=(0,n.useRef)({table:[],curve:[]}),K=(0,n.useRef)([]),$=(0,n.useRef)([]),J=(0,n.useRef)(1.15),ee=(0,n.useRef)({maxX:0,maxY:0,radius:0,bounds:{width:0,height:0,margin:A,z:0}}),te=(0,n.useRef)({element:null,mouseoverTimer:null,mouseoutTimer:null,clickTimer:null,dblClickTimer:null,isShowGraph3D:!1,isShowAppInfo:!1,isShowRelations:!1,enable:!0}),re=(0,n.useCallback)((()=>{j.current.render(Y.current,G.current),U.current.maxDistance=ee.current.bounds.z+ee.current.radius,U.current.handleResize()}),[]),ae=e=>{var t;if(null===(t=te.current)||void 0===t||!t.element)return null==e?void 0:e();var{__objectCSS:r,__curve:a,__userData:n}=te.current.element;new d.kX(r.rotation).to({x:a.rotation.x,y:a.rotation.y,z:a.rotation.z},100).start(),new d.kX(r.scale).to({x:1,y:1,z:1},100).start(),new d.kX(r.position).to({x:a.position.x,y:a.position.y,z:a.position.z},100).onUpdate(re).onStart((()=>{var e;"data-view.app-wall-card-item"===T&&r.element.classList.remove("status-".concat(n.status||"normal","-card")),null===(e=K.current)||void 0===e||e.forEach((e=>{e.element.style.opacity="1"})),$.current.forEach((e=>{Y.current.remove(e)})),$.current=[],re()})).onComplete((()=>{var t;te.current.isShowRelations=!1,null==e||e(null===(t=te.current)||void 0===t?void 0:t.element)})).start()},ne=(e,t)=>{te.current.enable=!1;for(var r=0;r<K.current.length;r++){var a=K.current[r],n=e[r];new d.kX(a.position).to({x:n.position.x,y:n.position.y,z:n.position.z},l.M8C.randFloat(t,2*t)).easing(d.oY.Exponential.InOut).start(),new d.kX(a.rotation).to({x:n.rotation.x,y:n.rotation.y,z:n.rotation.z},l.M8C.randFloat(t,2*t)).easing(d.oY.Exponential.InOut).start()}new d.kX({}).to({},2*t).onUpdate(re).start().onComplete((()=>{te.current.enable=!0}))},oe=e=>{U.current.reset();var t=te.current.element.__objectCSS,r=te.current.element.__curve;te.current.enable=!1,te.current.isShowAppInfo=!0;var a,n={x:r.position.x>0?2*-I.width:2*I.width,y:0,z:(G.current.position.z-500)/1.5},o={x:0,y:0,z:G.current.position.z-500},i={x:0,y:r.rotation.y>0?90*-Math.PI/180:90*Math.PI/180,z:0},l={x:0,y:r.rotation.y>0?180*-Math.PI/180:180*Math.PI/180,z:0},c=new d.kX(t.position),s=new d.kX(t.rotation),p=new d.kX(t.position),u=new d.kX(t.rotation);e?(c.to(n,500).easing().onComplete((()=>{V.current.hidden=!0,te.current.element.style.opacity="1"})),s.to(i,500).easing(),p.to({x:r.position.x,y:r.position.y,z:r.position.z},700).easing(),u.to({x:r.rotation.x,y:r.rotation.y,z:r.rotation.z},700).easing().onComplete((()=>{var e;null===(e=K.current)||void 0===e||e.forEach((e=>{e.element.style.opacity="1"}))}))):(null===(a=K.current)||void 0===a||a.forEach((e=>{t!=e&&(e.element.style.opacity="0.2")})),c.to(n,700).easing().onStart((()=>{Z.current.hidden=!1,V.current.hidden=!0})),s.to(i,700).easing(),p.to(o,500).easing().onStart((function(){te.current.element.style.opacity="0",V.current.style.transition="transition: all .3s ease",V.current.hidden=!1})),u.to(l,500).easing()),c.chain(p).start(),s.chain(u).start(),new d.kX({}).to({},1400).onUpdate((()=>{if(re(),Math.abs(t.rotation.y)>=Math.PI/2){var e=te.current.element.getBoundingClientRect(),r=1.35,a=e.width*r,n=e.height*r;V.current.style.width="".concat(a,"px"),V.current.style.height="".concat(n,"px"),V.current.style.top="".concat(e.top-(r-1)*n/2,"px"),V.current.style.left="".concat(e.left-(r-1)*a/2,"px")}})).start().onComplete((function(){te.current.enable=!0,te.current.isShowAppInfo=!e,Z.current.hidden=e}))};return(0,n.useEffect)((()=>{var e;(()=>{var e,t=null===(e=document.getElementById(D))||void 0===e?void 0:e.getBoundingClientRect(),r=(null==t?void 0:t.width)||window.innerWidth,a=(null==t?void 0:t.height)||window.innerHeight,n=r/a,o=new l.xsS,i=new l.cPb(P,n,.1,1e4),d=new c.lX;d.setSize(r,a),H.current.replaceChildren(d.domElement);var p=new s.$(i,d.domElement);p.rotateSpeed=.5,p.minDistance=500,p.maxDistance=1e4,p.noRotate=F,Y.current=o,G.current=i,U.current=p,j.current=d})();var t=()=>{e=requestAnimationFrame(t),d.ZP.update(),U.current.update()};t();var r=D?document.getElementById(D):document.body,a=new ResizeObserver((0,i.debounce)((()=>{var{width:e,height:t}=r.getBoundingClientRect();G.current.aspect=e/t,G.current.updateProjectionMatrix(),j.current.setSize(e,t),re()}),300));return U.current.addEventListener("change",re),a.observe(r),()=>{a.disconnect(),U.current.removeEventListener("change",re),U.current.dispose(),d.ZP.removeAll(),G.current.clear(),Y.current.clear(),cancelAnimationFrame(e)}}),[]),(0,n.useEffect)((()=>{var t,r=(null===(t=e.dataSource)||void 0===t?void 0:t.length)||0;r>0&&((e=>{ee.current=R(e,I,A,1/G.current.aspect)})(r),G.current.position.z=f(G.current,ee.current.bounds,h?S:[],r),G.current.updateProjectionMatrix(),U.current.position0.copy(G.current.position),v(e.dataSource,ee.current.maxX,ee.current.maxY).forEach(((e,t)=>{var r,a,n,o,i,l,s,d=document.createElement(T);d.status=e.status,d.cardTitle=null===(r=e.cardItemProps)||void 0===r?void 0:r.cardTitle,d.description=null===(a=e.cardItemProps)||void 0===a?void 0:a.description,d.background=null===(n=e.cardItemProps)||void 0===n?void 0:n.background,d.color=null===(o=e.cardItemProps)||void 0===o?void 0:o.color,d.titleStyle=null===(i=e.cardItemProps)||void 0===i?void 0:i.titleStyle,d.desStyle=null===(l=e.cardItemProps)||void 0===l?void 0:l.desStyle,d.descriptionList=null===(s=e.cardItemProps)||void 0===s?void 0:s.descriptionList;var p="status-".concat((null==e?void 0:e.status)||"normal");d.className="card-item-container  ".concat(p),d.style.width="".concat(I.width,"px"),d.style.height="".concat(I.height,"px"),d.classList.add("card-item-wrap");var u=new c.cp(d);u.position.set(4e3*Math.random()-2e3,4e3*Math.random()-2e3,4e3*Math.random()-2e3),Y.current.add(u),K.current.push(u);var h=x(e,I,ee.current.maxX,ee.current.maxY);Q.current.table.push(h);var g=w(e,I,ee.current.maxX,ee.current.maxY,E,ee.current.radius);Q.current.curve.push(g),u.userData=e,d.__objectCSS=u,d.__userData=e,d.__curve=g})),ne(Q.current.curve,1e3));return()=>{U.current.reset(),d.ZP.removeAll(),K.current.map((e=>{Y.current.remove(e)})),K.current=[],Q.current={table:[],curve:[]},te.current={element:null,mouseoverTimer:null,mouseoutTimer:null,clickTimer:null,dblClickTimer:null,enable:!0,isShowAppInfo:!1,isShowGraph3D:!1,isShowRelations:!1}}}),[e.dataSource,h]),(0,n.useEffect)((()=>{var e=L.current,r=e=>{if(clearTimeout(te.current.mouseoverTimer),te.current.isShowAppInfo||te.current.isShowGraph3D||!te.current.enable)return!1;var r=k(e,T);te.current.mouseoverTimer=window.setTimeout((()=>{ae((()=>{r&&!te.current.isShowAppInfo&&(e=>{var{__objectCSS:r,__userData:a}=e,n=r.rotation.y,o=r.element.getBoundingClientRect(),i={x:r.position.x+50*Math.sin(n),y:r.position.y+15,z:r.position.z+100*Math.cos(n)},l=o.width>=I.width?J.current:Math.min(I.width/o.width,I.height/o.height);te.current.isShowRelations=!0,new d.kX(r.rotation).onStart((()=>{"data-view.app-wall-card-item"===T&&r.element.classList.add("status-".concat(a.status||"normal","-card"))})).start(),new d.kX(r.scale).to({x:l,y:l,z:l},100).start(),new d.kX(r.position).to(i,100).onUpdate(re).onComplete((function(){var a,n,o,i,l,c;l=y(a=r,t),c=a.userData,null==l||l.forEach((e=>{e.source===c.key?(i=K.current.find((t=>t.userData.key===e.target)),o=i&&u(a.position,i.position,"blue")):(i=K.current.find((t=>t.userData.key===e.source)),o=i&&u(i.position,a.position,"purple")),o&&($.current.push(o),Y.current.add(o))})),null===(n=K.current)||void 0===n||n.forEach((e=>{a!=e&&l.every((t=>t.source!=e.userData.key&&t.target!=e.userData.key))&&(e.element.style.opacity="0.2")})),re(),te.current.element=e})).start()})(r),clearTimeout(te.current.mouseoverTimer)}))}),300)},a=e=>{if(clearTimeout(te.current.clickTimer),clearTimeout(te.current.mouseoverTimer),te.current.isShowAppInfo||te.current.isShowGraph3D||!te.current.enable)return!1;var t=k(e,T);te.current.clickTimer=window.setTimeout((function(){clearTimeout(te.current.mouseoverTimer),ae((()=>{t&&(clearTimeout(te.current.clickTimer),clearTimeout(te.current.mouseoverTimer),e.stopPropagation(),te.current.element=t,_?null==X||X(t.__userData):(N(t.__userData),oe(!1)))}))}),200)},n=e=>{if(clearTimeout(te.current.clickTimer),clearTimeout(te.current.mouseoverTimer),clearTimeout(te.current.dblClickTimer),te.current.isShowAppInfo||te.current.isShowGraph3D||!te.current.enable)return!1;var t=k(e,T),{__userData:r,__objectCSS:a}=t;te.current.isShowGraph3D=!0,te.current.dblClickTimer=window.setTimeout((function(){ae((()=>{var e;if(p||(null===(e=r.trapezoidalProps)||void 0===e||null===(e=e.clusters)||void 0===e?void 0:e.length)<1)g(r),te.current.isShowGraph3D=!1;else if(t){clearTimeout(te.current.mouseoverTimer),clearTimeout(te.current.clickTimer),H.current.classList.add("mask-container"),U.current.reset();var n={x:a.position.x,y:860+I.height*(ee.current.maxY-r.y)},o=new d.kX(G.current.position),i=new d.kX({opacity:0,scale:0,borderLeftWidth:0,borderRightWidth:0,borderTopWidth:0,borderBottomWidth:0}),l=new d.kX({z:0}),c=new d.kX(G.current.position),s=new d.kX(U.current.target),u=new d.kX({blur:12,spread:0});ne(Q.current.table,600),o.to({x:0,y:-3600,z:1600},1e3).chain(u,i,l),i.to({opacity:1},700).onStart((()=>{var e,t,n,o,i,l=m({objectData:{width:I.width,height:I.height,point:[a.position.x,a.position.y,a.position.z]},clusters:null===(e=r.trapezoidalProps)||void 0===e?void 0:e.clusters,columns:null===(t=r.trapezoidalProps)||void 0===t?void 0:t.columns,appName:null===(n=r.trapezoidalProps)||void 0===n?void 0:n.appName,leftBtnName:null===(o=r.trapezoidalProps)||void 0===o?void 0:o.leftBtnName,rightBtnName:null===(i=r.trapezoidalProps)||void 0===i?void 0:i.rightBtnName,rightOnClick:()=>b(r),leftOnClick:()=>z(r)});q.current=l,Y.current.add(l)})),l.to({z:M},1e3).delay(230).chain(c,s),c.to({x:n.x,y:-3600+n.y},1e3),s.to({x:n.x,y:n.y},1e3).onComplete((function(){O.current.style.visibility="visible"})),o.start()}}))}),200)};return e.addEventListener("dblclick",n),e.addEventListener("click",a),e.addEventListener("mouseover",r),()=>{e.removeEventListener("mouseover",r),e.removeEventListener("click",a),e.removeEventListener("dblclick",n)}}),[_,X]),o().createElement("div",{className:"appwall-container",ref:L},o().createElement("div",{className:"appwall",ref:H}),o().createElement("div",{className:"mask",ref:Z,onClick:()=>{te.current.enable&&oe(!0)},hidden:!0},o().createElement(B,(0,a.Z)({},null==W?void 0:W.systemCardProps,{onClick:e=>e.stopPropagation(),handleClick:()=>r(W),ref:V,className:C()({infoWrapper:"normal"===(null==W?void 0:W.status),warningWrapper:"warning"===(null==W?void 0:W.status)})}))),o().createElement("div",{className:"closeBtn",ref:O,onClick:()=>{(()=>{d.ZP.removeAll();var e=new d.kX({z:0}),t=new d.kX({opacity:1}),r=new d.kX(G.current.position),a=new d.kX(U.current.target),n=new d.kX({blur:1500,spread:100});e.to({z:M},1e3).chain(r,a,n),t.to({opacity:0},1e3).onStart((()=>{Y.current.remove(q.current),O.current.style.visibility="hidden"})).delay(300),r.to(U.current.position0,1e3).onComplete((function(){U.current.reset(),H.current.classList.remove("mask-container"),ne(Q.current.curve,600),te.current.isShowGraph3D=!1})),a.to({x:0,y:0,z:0},1e3),n.to({blur:0,spread:0},1e3),e.start(),t.start()})()}}))}},2284:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,':host{display:block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.mask-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#0c1216;z-index:1000}.appwall-container{padding:8px}.appwall{position:relative}.appwall.loading .card-item{pointer-events:none!important}.mask{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center}.mask[hidden]{display:none}.infoWrapper{position:absolute;background:var(--color-fill-bg-base-4);box-shadow:0 0 12px 2px rgba(80,255,255,0.45),inset 0 0 22px 0 #20242a;border:2px solid #50ffff;overflow:hidden}.warningWrapper{position:absolute;background:linear-gradient(180deg,#cc0066 0%,rgba(204,0,102,0.2) 100%),#0f1117ff;box-shadow:0 0 12px 2px rgba(204,0,102,0.4),inset 0 4px 10px 0 rgba(255,255,255,0.65);overflow:hidden}.relation-line{pointer-events:none!important}.closeBtn{visibility:hidden;position:fixed;top:50px;right:50px;width:46px;height:46px;text-align:center;border:1px solid;color:rgb(138 189 255/84%);font-size:20px;line-height:46px;cursor:pointer;background:rgba(138,189,255,0.13);border-image:linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0),rgba(255,255,255,0.33)) 1 1;display:flex;justify-content:center;align-items:center;z-index:1000}.closeBtn:before,\n.closeBtn:after{content:"";width:2px;height:20px;background:linear-gradient(180deg,#3467ff 0%,#98cbff 100%);position:absolute}.closeBtn:before{transform:rotateZ(45deg)}.closeBtn:after{transform:rotateZ(-45deg)}.closeBtn:hover:after,\n.closeBtn:hover:before{background:var(--color-normal-text)}.visibilityAnimate{visibility:hidden;animation:visibility 0.5s both 1s}.trapezoidalLeftOrRightAnimation,\n.trapezoidalTopOrBottomAnimation{background:linear-gradient(180deg,rgba(51,102,255,0.4) 0%,#99ccff 100%);opacity:0.2;position:absolute}.trapezoidalTopOrBottomAnimation{bottom:0;width:100%;left:0;animation:animateTop 1s both}.trapezoidalLeftOrRightAnimation{top:0;right:0;height:100%;animation:animateLeft 1s both}@keyframes animateTop{0%{height:0}100%{height:100%}}@keyframes animateLeft{0%{width:0}100%{width:100%}}@keyframes visibility{0%{visibility:hidden}100%{visibility:visible}}.card-item-container{transition:opacity 0.5s}.status-normal-card{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning-card{box-shadow:0 0 100px #cc0066;background:-webkit-gradient(liner,left top,left bottom,from(#cc0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#cc0066 0%,rgba(204,0,102,0.2) 100%)}',""]);const l=i.toString()},9214:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,":host{display:inline-block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.card-item-container{position:relative;width:100%;height:100%}.card-item{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:var(--no-border-radius);border-color:transparent;transition:border-color 0.5s}.status-normal:hover{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning:hover{box-shadow:0 0 100px #CC0066;background:-webkit-gradient(liner,left top,left bottom,from(#CC0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#CC0066 0%,rgba(204,0,102,0.2) 100%)}.card-item-container.status-normal .card-item{background:var(--color-fill-bg-base-4);box-shadow:inset 0px 1px 2px 0px rgba(255,255,255,0.45)}.card-item-container.status-normal:hover .card-item{border:2px solid rgba(80,255,255,0.58)}.card-item-container.status-warning .card-item{background:linear-gradient(180deg,#CC0066 0%,rgba(204,0,102,0.2) 100%);box-shadow:inset 0px 2px 6px 0px rgba(255,255,255,0.65)}.card-item-container.status-warning:hover .card-item{border:none}.card-item-text-container{width:100%;padding:0 12px}.card-item-title,\n.card-item-description{font-size:20px;font-weight:var(--font-weight-500);color:var(--color-normal-text)}.card-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}",""]);const l=i.toString()},8384:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,":host{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.relation-line{position:relative;width:6px;height:100%;background:var(--color-text-divider-line-1);overflow:hidden}.relation-line::after{content:'';position:absolute;width:100%;height:20%;left:0px;top:0px;animation:lightMove 1000ms ease-in-out infinite,lightOpacity 1000ms ease-in-out infinite}.relation-line.light-color-blue::after{background:linear-gradient(rgba(80,255,255,0) 0%,rgba(80,255,255,1) 90%,#DFFFFF 100%)}.relation-line.light-color-purple::after{background:linear-gradient(rgba(102,0,255,0) 0%,rgba(102,0,255,1) 90%,#B07BFF 100%)}@keyframes lightMove{0%{top:0;transform:translateY(-100%)}100%{top:100%;transform:translateY(0)}}@keyframes lightOpacity{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}",""]);const l=i.toString()},9948:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,":host{display:inline-block}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.wrapper{position:relative;width:100%;height:100%;padding:30px 24px 35px;left:0;display:flex;flex-direction:column;border-radius:var(--no-border-radius)}.cardName{font-size:var(--title-font-size-strong);line-height:22px;text-align:center;font-weight:var(--font-weight-500);color:var(--color-normal-text);text-shadow:0 1px 4px rgba(51,102,255,0.5);margin-bottom:35px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.descriptions{flex:1;margin-bottom:20px;font-size:var(--auxiliary-font-size-small);overflow:auto;font-weight:var(--font-weight-400)}.descriptionsItem .itemKey{color:var(--color-secondary-text)}.descriptionsItem .itemValue{color:var(--color-strong-text)}.descriptionsItem{display:flex;gap:10px;margin-bottom:12px}.descriptionsItem>div{flex:1;text-align:left;word-break:break-all}.buttonContent{position:absolute;bottom:16px;right:24px;font-size:var(--auxiliary-font-size);color:#99CCFF;cursor:pointer;font-weight:var(--font-weight-500)}.buttonName{margin-left:5px}",""]);const l=i.toString()},1043:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const l=i.toString()}}]);
-//# sourceMappingURL=8442.aba7a46f.js.map
+"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[8442],{1906:(e,t,r)=>{r.d(t,{j:()=>I});var a=r(7896),n=r(8657),o=r.n(n),i=r(1211),l=r(6995),c=r(5095),s=r(4827),d=r(2839),p=r(3028),u=(r(7035),r(7709),r(9703),(e,t,r)=>{var a=(new l.Pa4).subVectors(t,e),n=a.length(),o=document.createElement("data-view.app-wall-relation-line");o.style.height="".concat(n,"px"),o.classList.add("relation-line"),o.lightColor=r;var i=new c.cp(o),s=(new l.Pa4).lerpVectors(e,t,.5);i.position.copy(s);var d=(new l._fP).setFromUnitVectors(new l.Pa4(0,1,0).normalize(),a.clone().normalize());return i.setRotationFromQuaternion(d),i}),h=(e,t)=>{var r=new l.Pa4(e[0],e[1],e[2]),a=new l.Pa4(t[0],t[1],t[2]);return{centerVector:(new l.Pa4).lerpVectors(r,a,.5),subVector:(new l.Pa4).subVectors(r,a)}},g=e=>{var{BW:t,TW:r,d:a,TH:n,BH:o,isLeft:i}=e,s=Math.sqrt(Math.pow(r/2-t/2,2)+Math.pow(a,2)),d=document.createElement("div");d.style.cssText="\n                   width: ".concat(s,"px;\n                   height:").concat(n,"px;\n                   position: relative;\n                   clip-path: polygon(0 0, ").concat(s,"px ").concat(n/2-o/2,"px, ").concat(s,"px ").concat(n/2-o/2+o,"px, 0 ").concat(n,"px);\n                    ");var p=document.createElement("div");p.className="trapezoidalLeftOrRightAnimation",d.appendChild(p);var u=i?[-t/2,0,0]:[t/2,0,0],g=i?[-r/2,0,a]:[r/2,0,a],b=new c.cp(d),{centerVector:m,subVector:v}=h(u,g);b.position.copy(m);var x=(new l._fP).setFromUnitVectors(new l.Pa4(1,0,0).normalize(),v.clone().normalize());return b.setRotationFromQuaternion(x),b},b=e=>{var{BW:t,TW:r,d:a,TH:n,BH:o,isTop:i}=e,s=Math.sqrt(Math.pow(n/2-o/2,2)+Math.pow(a,2)),d=document.createElement("div");d.style.cssText="\n                   width: ".concat(r,"px;\n                   height:").concat(s,"px;\n                   position: relative;\n                   clip-path: polygon(0 0, ").concat(r,"px 0, ").concat(r/2-t/2+t,"px ").concat(s,"px, ").concat(r/2-t/2,"px ").concat(s,"px);\n                   ");var p=document.createElement("div");p.className="trapezoidalTopOrBottomAnimation",d.appendChild(p);var u=new c.cp(d),g=i?[0,-o/2,0]:[0,o/2,0],b=i?[0,-n/2,a]:[0,n/2,a],{centerVector:m,subVector:v}=h(g,b);u.position.copy(m);var x=(new l._fP).setFromUnitVectors(new l.Pa4(0,-1,0).normalize(),v.clone().normalize());return u.setRotationFromQuaternion(x),u},m=e=>{var{objectData:t,leftBtnName:r,clusters:a,columns:n,leftOnClick:o,rightBtnName:i,rightOnClick:l,appName:s}=e,d=600,p=document.createElement("div"),u=new c.cp(p);u.position.set(...t.point);var h=t.width,m=t.height,v=1500,x=1200,w=document.createElement("div");w.style.cssText="\n                   width: ".concat(h,"px;\n                   height: ").concat(m,"px;\n                   box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.45);\n                   border: 1px solid rgba(118,255,255,0.58);\n                   padding: 16px;\n                   ");var f=new c.cp(w);f.position.z=0,u.add(f);var y=document.createElement("div");y.style.cssText="\n                   width: ".concat(v,"px;\n                   height:").concat(x,"px;\n                   background: linear-gradient(rgb(13, 54, 179,0.6) 0%, rgb(74, 108, 156,0.6) 100%);\n                   box-sizing: border-box;\n                   padding: 16px;\n                   ");var k=document.createElement("data-view.cabinet-thumbnail");k.clusters=null!=a?a:[],k.columns=null!=n?n:4,k.appName=s,y.className="visibilityAnimate",y.appendChild(k);var z=new c.cp(y);z.position.set(0,0,d);var T=g({BW:h,TW:v,BH:m,TH:x,d,isLeft:!0}),C=g({BW:h,TW:v,BH:m,TH:x,d,isLeft:!1}),S=b({BW:h,TW:v,BH:m,TH:x,d,isTop:!0}),P=b({BW:h,TW:v,BH:m,TH:x,d,isTop:!1});if(u.add(T,C,P,S),r){var E=document.createElement("div");E.style.cssText="\n                 color: #6BE0FA;\n                 font-size: 28px;\n                 font-weight: 500;\n                 width: ".concat(750,"px;\n                 line-height: 16px;\n                 "),E.className="visibilityAnimate";var M=document.createElement("span");M.style.cursor="pointer",M.innerText=r,E.appendChild(M);var R=new c.cp(E);R.position.set(-365,-600,14),R.rotateX(Math.PI/2),z.add(R),M.onpointerdown=o}if(i){var B=document.createElement("div");B.style.cssText="\n                 color: #FFFFFF;\n                 font-size: 30px;\n                 font-weight: 500;\n                 width: ".concat(750,"px;\n                 text-shadow: 0px 1px 4px #3366FF;\n                 text-align: right;\n                 "),B.className="visibilityAnimate";var I=document.createElement("span");I.style.cursor="pointer",I.innerText=i,B.appendChild(I);var _=new c.cp(B);_.position.set(365,-600,14),_.rotateX(Math.PI/2),z.add(_),I.onpointerdown=l}return u.add(z),u},v=(e,t,r)=>{if(null==e||!e.length)return[];var a=e.map((e=>(0,p.Z)((0,p.Z)({},e),{},{x:0,y:0})));if(a.length===t*r)a=a.map(((e,r)=>(0,p.Z)((0,p.Z)({},e),{},{x:r%t+1,y:parseInt("".concat(r/t))+1})));else{for(var n=t*(r-1),o=a.length-n,i=0;i<n;i++){var l=a[i];l.x=i%t+1,l.y=parseInt("".concat(i/t))+1}for(var c=0;c<o/2;c++){var s=a[c+n],d=a[a.length-1-c];s.x=c+1,s.y=r,s!==d&&(d.x=t-c,d.y=r)}}return a},x=(e,t,r,a)=>{var n=new l.Tme;return n.position.x=e.x*t.outerWidth-(r/2+.5)*t.outerWidth,n.position.y=-e.y*t.outerHeight+(a/2+.5)*t.outerHeight,n},w=(e,t,r,a,n,o)=>{var i=new l.Tme,c=new l.Pa4,s=((e,t,r,a,n)=>{var o={x:0,y:0,z:0},i=parseInt("".concat(r*t.outerWidth*180))/(n*Math.PI),l=r/2+.5;return o.x=i*Math.sin(Math.PI/(180/((e.x-l)*(n/r)))),o.y=-e.y*t.outerHeight+(a/2+.5)*t.outerHeight,o.z=i-Math.sqrt(i*i-o.x*o.x),o})(e,t,r,a,n);return i.position.x=s.x,i.position.y=s.y,i.position.z=s.z,c.x=0,c.y=i.position.y,c.z=o,i.lookAt(c),i},f=(e,t,r,a)=>{var n=t.height+2*t.margin,o=(t.width+2*t.margin)/e.aspect,i=.5*Math.max(o,n)/Math.tan(e.fov*Math.PI/360)+t.z,l=0;return r.forEach((function(e){a>=Math.min.apply(null,e.numRange)&&a<=Math.max.apply(null,e.numRange)&&(l=e.distance)})),Math.max(l,i)},y=(e,t)=>{var r=[],a=e.userData;return Array.isArray(t)&&t.length&&t.forEach((function(e){a.key!==e.source&&a.key!==e.target||r.push(e)})),r},k=(e,t)=>{var r=t.toUpperCase(),a=e.composedPath().find((e=>null==e?void 0:e.shadowRoot));if((null==a?void 0:a.tagName)===r)return a;var n=document.elementFromPoint(e.clientX,e.clientY),o=null==n?void 0:n.shadowRoot.elementFromPoint(e.clientX,e.clientY);return(null==o?void 0:o.tagName)===r?o:null},z=r(2354),T=r(2779),C=r.n(T),S=[{numRange:[0,40],distance:3e3},{numRange:[40,60],distance:2200},{numRange:[60,80],distance:2700},{numRange:[80,120],distance:3200},{numRange:[120,160],distance:3400},{numRange:[160,300],distance:3600}],P=45,E=100,M=300,R=(e,t,r,a)=>{var n=Math.ceil(Math.sqrt(e*t.outerHeight/(a*t.outerWidth))),o=Math.ceil(e/n),i=parseInt("".concat(n*t.outerWidth*180))/(E*Math.PI);return{maxX:n,maxY:o,radius:i,bounds:{width:2*i*Math.sin(Math.PI*(E/2)/180)+t.outerWidth,height:o*t.outerHeight,margin:r,z:i-i*Math.cos(Math.PI*(E/2)/180)}}},B=(0,z.wrapBrick)("data-view.app-wall-system-card");function I(e){var{relations:t,onSystemCardButtonClick:r,useDblclick:p,useDistanceConfig:h,handleCardDbClick:g,rightBtnOnClick:b,leftBtnOnClick:z,cardBrickName:T,cardSize:I,disabledDefaultClickEvent:_,handleCardClick:X,containerId:D,noRotate:F,boundMargin:A}=e,[W,N]=(0,n.useState)(null),L=(0,n.useRef)(),H=(0,n.useRef)(),O=(0,n.useRef)(),Z=(0,n.useRef)(),V=(0,n.useRef)(),j=(0,n.useRef)(),Y=(0,n.useRef)(),G=(0,n.useRef)(),U=(0,n.useRef)(),q=(0,n.useRef)(),Q=(0,n.useRef)({table:[],curve:[]}),K=(0,n.useRef)([]),$=(0,n.useRef)([]),J=(0,n.useRef)(1.15),ee=(0,n.useRef)({maxX:0,maxY:0,radius:0,bounds:{width:0,height:0,margin:A,z:0}}),te=(0,n.useRef)({element:null,mouseoverTimer:null,mouseoutTimer:null,clickTimer:null,dblClickTimer:null,isShowGraph3D:!1,isShowAppInfo:!1,isShowRelations:!1,enable:!0}),re=(0,n.useCallback)((()=>{j.current.render(Y.current,G.current),U.current.maxDistance=ee.current.bounds.z+ee.current.radius,U.current.handleResize()}),[]),ae=e=>{var t;if(null===(t=te.current)||void 0===t||!t.element)return null==e?void 0:e();var{__objectCSS:r,__curve:a,__userData:n}=te.current.element;new d.kX(r.rotation).to({x:a.rotation.x,y:a.rotation.y,z:a.rotation.z},100).start(),new d.kX(r.scale).to({x:1,y:1,z:1},100).start(),new d.kX(r.position).to({x:a.position.x,y:a.position.y,z:a.position.z},100).onUpdate(re).onStart((()=>{var e;"data-view.app-wall-card-item"===T&&r.element.classList.remove("status-".concat(n.status||"normal","-card")),null===(e=K.current)||void 0===e||e.forEach((e=>{e.element.style.opacity="1"})),$.current.forEach((e=>{Y.current.remove(e)})),$.current=[],re()})).onComplete((()=>{var t;te.current.isShowRelations=!1,null==e||e(null===(t=te.current)||void 0===t?void 0:t.element)})).start()},ne=(e,t)=>{te.current.enable=!1;for(var r=0;r<K.current.length;r++){var a=K.current[r],n=e[r];new d.kX(a.position).to({x:n.position.x,y:n.position.y,z:n.position.z},l.M8C.randFloat(t,2*t)).easing(d.oY.Exponential.InOut).start(),new d.kX(a.rotation).to({x:n.rotation.x,y:n.rotation.y,z:n.rotation.z},l.M8C.randFloat(t,2*t)).easing(d.oY.Exponential.InOut).start()}new d.kX({}).to({},2*t).onUpdate(re).start().onComplete((()=>{te.current.enable=!0}))},oe=e=>{U.current.reset();var t=te.current.element.__objectCSS,r=te.current.element.__curve;te.current.enable=!1,te.current.isShowAppInfo=!0;var a,n={x:r.position.x>0?2*-I.width:2*I.width,y:0,z:(G.current.position.z-500)/1.5},o={x:0,y:0,z:G.current.position.z-500},i={x:0,y:r.rotation.y>0?90*-Math.PI/180:90*Math.PI/180,z:0},l={x:0,y:r.rotation.y>0?180*-Math.PI/180:180*Math.PI/180,z:0},c=new d.kX(t.position),s=new d.kX(t.rotation),p=new d.kX(t.position),u=new d.kX(t.rotation);e?(c.to(n,500).easing().onComplete((()=>{V.current.hidden=!0,te.current.element.style.opacity="1"})),s.to(i,500).easing(),p.to({x:r.position.x,y:r.position.y,z:r.position.z},700).easing(),u.to({x:r.rotation.x,y:r.rotation.y,z:r.rotation.z},700).easing().onComplete((()=>{var e;null===(e=K.current)||void 0===e||e.forEach((e=>{e.element.style.opacity="1"}))}))):(null===(a=K.current)||void 0===a||a.forEach((e=>{t!=e&&(e.element.style.opacity="0.2")})),c.to(n,700).easing().onStart((()=>{Z.current.hidden=!1,V.current.hidden=!0})),s.to(i,700).easing(),p.to(o,500).easing().onStart((function(){te.current.element.style.opacity="0",V.current.style.transition="transition: all .3s ease",V.current.hidden=!1})),u.to(l,500).easing()),c.chain(p).start(),s.chain(u).start(),new d.kX({}).to({},1400).onUpdate((()=>{if(re(),Math.abs(t.rotation.y)>=Math.PI/2){var e=te.current.element.getBoundingClientRect(),r=1.35,a=e.width*r,n=e.height*r;V.current.style.width="".concat(a,"px"),V.current.style.height="".concat(n,"px"),V.current.style.top="".concat(e.top-(r-1)*n/2,"px"),V.current.style.left="".concat(e.left-(r-1)*a/2,"px")}})).start().onComplete((function(){te.current.enable=!0,te.current.isShowAppInfo=!e,Z.current.hidden=e}))};return(0,n.useEffect)((()=>{var e;(()=>{var e,t=null===(e=document.getElementById(D))||void 0===e?void 0:e.getBoundingClientRect(),r=(null==t?void 0:t.width)||window.innerWidth,a=(null==t?void 0:t.height)||window.innerHeight,n=r/a,o=new l.xsS,i=new l.cPb(P,n,.1,1e4),d=new c.lX;d.setSize(r,a),H.current.replaceChildren(d.domElement);var p=new s.$(i,d.domElement);p.rotateSpeed=.5,p.minDistance=500,p.maxDistance=1e4,p.noRotate=F,Y.current=o,G.current=i,U.current=p,j.current=d})();var t=()=>{e=requestAnimationFrame(t),d.ZP.update(),U.current.update()};t();var r=D?document.getElementById(D):document.body,a=new ResizeObserver((0,i.debounce)((()=>{var{width:e,height:t}=r.getBoundingClientRect();G.current.aspect=e/t,G.current.updateProjectionMatrix(),j.current.setSize(e,t),re()}),300));return U.current.addEventListener("change",re),a.observe(r),()=>{a.disconnect(),U.current.removeEventListener("change",re),U.current.dispose(),d.ZP.removeAll(),G.current.clear(),Y.current.clear(),cancelAnimationFrame(e)}}),[]),(0,n.useEffect)((()=>{var t,r=(null===(t=e.dataSource)||void 0===t?void 0:t.length)||0;r>0&&((e=>{ee.current=R(e,I,A,1/G.current.aspect)})(r),G.current.position.z=f(G.current,ee.current.bounds,h?S:[],r),G.current.updateProjectionMatrix(),U.current.position0.copy(G.current.position),v(e.dataSource,ee.current.maxX,ee.current.maxY).forEach(((e,t)=>{var r,a,n,o,i,l,s,d=document.createElement(T);d.status=e.status,d.cardTitle=null===(r=e.cardItemProps)||void 0===r?void 0:r.cardTitle,d.description=null===(a=e.cardItemProps)||void 0===a?void 0:a.description,d.background=null===(n=e.cardItemProps)||void 0===n?void 0:n.background,d.color=null===(o=e.cardItemProps)||void 0===o?void 0:o.color,d.titleStyle=null===(i=e.cardItemProps)||void 0===i?void 0:i.titleStyle,d.desStyle=null===(l=e.cardItemProps)||void 0===l?void 0:l.desStyle,d.descriptionList=null===(s=e.cardItemProps)||void 0===s?void 0:s.descriptionList;var p="status-".concat((null==e?void 0:e.status)||"normal");d.className="card-item-container  ".concat(p),d.style.width="".concat(I.width,"px"),d.style.height="".concat(I.height,"px"),d.classList.add("card-item-wrap");var u=new c.cp(d);u.position.set(4e3*Math.random()-2e3,4e3*Math.random()-2e3,4e3*Math.random()-2e3),Y.current.add(u),K.current.push(u);var h=x(e,I,ee.current.maxX,ee.current.maxY);Q.current.table.push(h);var g=w(e,I,ee.current.maxX,ee.current.maxY,E,ee.current.radius);Q.current.curve.push(g),u.userData=e,d.__objectCSS=u,d.__userData=e,d.__curve=g})),ne(Q.current.curve,1e3));return()=>{U.current.reset(),d.ZP.removeAll(),K.current.map((e=>{Y.current.remove(e)})),K.current=[],Q.current={table:[],curve:[]},te.current={element:null,mouseoverTimer:null,mouseoutTimer:null,clickTimer:null,dblClickTimer:null,enable:!0,isShowAppInfo:!1,isShowGraph3D:!1,isShowRelations:!1}}}),[e.dataSource,h]),(0,n.useEffect)((()=>{var e=L.current,r=e=>{if(clearTimeout(te.current.mouseoverTimer),te.current.isShowAppInfo||te.current.isShowGraph3D||!te.current.enable)return!1;var r=k(e,T);te.current.mouseoverTimer=window.setTimeout((()=>{ae((()=>{r&&!te.current.isShowAppInfo&&(e=>{var{__objectCSS:r,__userData:a}=e,n=r.rotation.y,o=r.element.getBoundingClientRect(),i={x:r.position.x+50*Math.sin(n),y:r.position.y+15,z:r.position.z+100*Math.cos(n)},l=o.width>=I.width?J.current:Math.min(I.width/o.width,I.height/o.height);te.current.isShowRelations=!0,new d.kX(r.rotation).onStart((()=>{"data-view.app-wall-card-item"===T&&r.element.classList.add("status-".concat(a.status||"normal","-card"))})).start(),new d.kX(r.scale).to({x:l,y:l,z:l},100).start(),new d.kX(r.position).to(i,100).onUpdate(re).onComplete((function(){var a,n,o,i,l,c;l=y(a=r,t),c=a.userData,null==l||l.forEach((e=>{e.source===c.key?(i=K.current.find((t=>t.userData.key===e.target)),o=i&&u(a.position,i.position,"blue")):(i=K.current.find((t=>t.userData.key===e.source)),o=i&&u(i.position,a.position,"purple")),o&&($.current.push(o),Y.current.add(o))})),null===(n=K.current)||void 0===n||n.forEach((e=>{a!=e&&l.every((t=>t.source!=e.userData.key&&t.target!=e.userData.key))&&(e.element.style.opacity="0.2")})),re(),te.current.element=e})).start()})(r),clearTimeout(te.current.mouseoverTimer)}))}),300)},a=e=>{if(clearTimeout(te.current.clickTimer),clearTimeout(te.current.mouseoverTimer),te.current.isShowAppInfo||te.current.isShowGraph3D||!te.current.enable)return!1;var t=k(e,T);te.current.clickTimer=window.setTimeout((function(){clearTimeout(te.current.mouseoverTimer),ae((()=>{t&&(clearTimeout(te.current.clickTimer),clearTimeout(te.current.mouseoverTimer),e.stopPropagation(),te.current.element=t,_?null==X||X(t.__userData):(N(t.__userData),oe(!1)))}))}),200)},n=e=>{if(clearTimeout(te.current.clickTimer),clearTimeout(te.current.mouseoverTimer),clearTimeout(te.current.dblClickTimer),te.current.isShowAppInfo||te.current.isShowGraph3D||!te.current.enable)return!1;var t=k(e,T),{__userData:r,__objectCSS:a}=t;te.current.isShowGraph3D=!0,te.current.dblClickTimer=window.setTimeout((function(){ae((()=>{var e;if(p||(null===(e=r.trapezoidalProps)||void 0===e||null===(e=e.clusters)||void 0===e?void 0:e.length)<1)g(r),te.current.isShowGraph3D=!1;else if(t){clearTimeout(te.current.mouseoverTimer),clearTimeout(te.current.clickTimer),H.current.classList.add("mask-container"),U.current.reset();var n={x:a.position.x,y:860+I.height*(ee.current.maxY-r.y)},o=new d.kX(G.current.position),i=new d.kX({opacity:0,scale:0,borderLeftWidth:0,borderRightWidth:0,borderTopWidth:0,borderBottomWidth:0}),l=new d.kX({z:0}),c=new d.kX(G.current.position),s=new d.kX(U.current.target),u=new d.kX({blur:12,spread:0});ne(Q.current.table,600),o.to({x:0,y:-3600,z:1600},1e3).chain(u,i,l),i.to({opacity:1},700).onStart((()=>{var e,t,n,o,i,l=m({objectData:{width:I.width,height:I.height,point:[a.position.x,a.position.y,a.position.z]},clusters:null===(e=r.trapezoidalProps)||void 0===e?void 0:e.clusters,columns:null===(t=r.trapezoidalProps)||void 0===t?void 0:t.columns,appName:null===(n=r.trapezoidalProps)||void 0===n?void 0:n.appName,leftBtnName:null===(o=r.trapezoidalProps)||void 0===o?void 0:o.leftBtnName,rightBtnName:null===(i=r.trapezoidalProps)||void 0===i?void 0:i.rightBtnName,rightOnClick:()=>b(r),leftOnClick:()=>z(r)});q.current=l,Y.current.add(l)})),l.to({z:M},1e3).delay(230).chain(c,s),c.to({x:n.x,y:-3600+n.y},1e3),s.to({x:n.x,y:n.y},1e3).onComplete((function(){O.current.style.visibility="visible"})),o.start()}}))}),200)};return e.addEventListener("dblclick",n),e.addEventListener("click",a),e.addEventListener("mouseover",r),()=>{e.removeEventListener("mouseover",r),e.removeEventListener("click",a),e.removeEventListener("dblclick",n)}}),[_,X]),o().createElement("div",{className:"appwall-container",ref:L},o().createElement("div",{className:"appwall",ref:H}),o().createElement("div",{className:"mask",ref:Z,onClick:()=>{te.current.enable&&oe(!0)},hidden:!0},o().createElement(B,(0,a.Z)({},null==W?void 0:W.systemCardProps,{onClick:e=>e.stopPropagation(),handleClick:()=>r(W),ref:V,className:C()({infoWrapper:"normal"===(null==W?void 0:W.status),warningWrapper:"warning"===(null==W?void 0:W.status)})}))),o().createElement("div",{className:"closeBtn",ref:O,onClick:()=>{(()=>{d.ZP.removeAll();var e=new d.kX({z:0}),t=new d.kX({opacity:1}),r=new d.kX(G.current.position),a=new d.kX(U.current.target),n=new d.kX({blur:1500,spread:100});e.to({z:M},1e3).chain(r,a,n),t.to({opacity:0},1e3).onStart((()=>{Y.current.remove(q.current),O.current.style.visibility="hidden"})).delay(300),r.to(U.current.position0,1e3).onComplete((function(){U.current.reset(),H.current.classList.remove("mask-container"),ne(Q.current.curve,600),te.current.isShowGraph3D=!1})),a.to({x:0,y:0,z:0},1e3),n.to({blur:0,spread:0},1e3),e.start(),t.start()})()}}))}},2284:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,':host{display:block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.mask-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#0c1216;z-index:1000}.appwall-container{padding:8px}.appwall{position:relative}.appwall.loading .card-item{pointer-events:none!important}.mask{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center}.mask[hidden]{display:none}.infoWrapper{position:absolute;background:var(--color-fill-bg-base-4);box-shadow:0 0 12px 2px rgba(80,255,255,0.45),inset 0 0 22px 0 #20242a;border:2px solid #50ffff;overflow:hidden}.warningWrapper{position:absolute;background:linear-gradient(180deg,#cc0066 0%,rgba(204,0,102,0.2) 100%),#0f1117ff;box-shadow:0 0 12px 2px rgba(204,0,102,0.4),inset 0 4px 10px 0 rgba(255,255,255,0.65);overflow:hidden}.relation-line{pointer-events:none!important}.closeBtn{visibility:hidden;position:fixed;top:50px;right:50px;width:46px;height:46px;text-align:center;border:1px solid;color:rgb(138 189 255/84%);font-size:20px;line-height:46px;cursor:pointer;background:rgba(138,189,255,0.13);border-image:linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0),rgba(255,255,255,0.33)) 1 1;display:flex;justify-content:center;align-items:center;z-index:1000}.closeBtn:before,\n.closeBtn:after{content:"";width:2px;height:20px;background:linear-gradient(180deg,#3467ff 0%,#98cbff 100%);position:absolute}.closeBtn:before{transform:rotateZ(45deg)}.closeBtn:after{transform:rotateZ(-45deg)}.closeBtn:hover:after,\n.closeBtn:hover:before{background:var(--color-normal-text)}.visibilityAnimate{visibility:hidden;animation:visibility 0.5s both 1s}.trapezoidalLeftOrRightAnimation,\n.trapezoidalTopOrBottomAnimation{background:linear-gradient(180deg,rgba(51,102,255,0.4) 0%,#99ccff 100%);opacity:0.2;position:absolute}.trapezoidalTopOrBottomAnimation{bottom:0;width:100%;left:0;animation:animateTop 1s both}.trapezoidalLeftOrRightAnimation{top:0;right:0;height:100%;animation:animateLeft 1s both}@keyframes animateTop{0%{height:0}100%{height:100%}}@keyframes animateLeft{0%{width:0}100%{width:100%}}@keyframes visibility{0%{visibility:hidden}100%{visibility:visible}}.card-item-container{transition:opacity 0.5s}.status-normal-card{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning-card{box-shadow:0 0 100px #cc0066;background:-webkit-gradient(liner,left top,left bottom,from(#cc0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#cc0066 0%,rgba(204,0,102,0.2) 100%)}',""]);const l=i.toString()},9214:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,":host{display:inline-block;width:100%;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.card-item-container{position:relative;width:100%;height:100%}.card-item{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:var(--no-border-radius);border-color:transparent;transition:border-color 0.5s}.status-normal:hover{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning:hover{box-shadow:0 0 100px #CC0066;background:-webkit-gradient(liner,left top,left bottom,from(#CC0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#CC0066 0%,rgba(204,0,102,0.2) 100%)}.card-item-container.status-normal .card-item{background:var(--color-fill-bg-base-4);box-shadow:inset 0px 1px 2px 0px rgba(255,255,255,0.45)}.card-item-container.status-normal:hover .card-item{border:2px solid rgba(80,255,255,0.58)}.card-item-container.status-warning .card-item{background:linear-gradient(180deg,#CC0066 0%,rgba(204,0,102,0.2) 100%);box-shadow:inset 0px 2px 6px 0px rgba(255,255,255,0.65)}.card-item-container.status-warning:hover .card-item{border:none}.card-item-text-container{width:100%;padding:0 12px}.card-item-title,\n.card-item-description{font-size:20px;font-weight:var(--font-weight-500);color:var(--color-normal-text)}.card-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}",""]);const l=i.toString()},8384:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,":host{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.relation-line{position:relative;width:6px;height:100%;background:var(--color-text-divider-line-1);overflow:hidden}.relation-line::after{content:'';position:absolute;width:100%;height:20%;left:0px;top:0px;animation:lightMove 1000ms ease-in-out infinite,lightOpacity 1000ms ease-in-out infinite}.relation-line.light-color-blue::after{background:linear-gradient(rgba(80,255,255,0) 0%,rgba(80,255,255,1) 90%,#DFFFFF 100%)}.relation-line.light-color-purple::after{background:linear-gradient(rgba(102,0,255,0) 0%,rgba(102,0,255,1) 90%,#B07BFF 100%)}@keyframes lightMove{0%{top:0;transform:translateY(-100%)}100%{top:100%;transform:translateY(0)}}@keyframes lightOpacity{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}",""]);const l=i.toString()},9948:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,":host{display:inline-block}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.wrapper{position:relative;width:100%;height:100%;padding:30px 24px 35px;left:0;display:flex;flex-direction:column;border-radius:var(--no-border-radius)}.cardName{font-size:var(--title-font-size-strong);line-height:22px;text-align:center;font-weight:var(--font-weight-500);color:var(--color-normal-text);text-shadow:0 1px 4px rgba(51,102,255,0.5);margin-bottom:35px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.descriptions{flex:1;margin-bottom:20px;font-size:var(--auxiliary-font-size-small);overflow:auto;font-weight:var(--font-weight-400)}.descriptionsItem .itemKey{color:var(--color-secondary-text)}.descriptionsItem .itemValue{color:var(--color-strong-text)}.descriptionsItem{display:flex;gap:10px;margin-bottom:12px}.descriptionsItem>div{flex:1;text-align:left;word-break:break-all}.buttonContent{position:absolute;bottom:16px;right:24px;font-size:var(--auxiliary-font-size);color:#99CCFF;cursor:pointer;font-weight:var(--font-weight-500)}.buttonName{margin-left:5px}",""]);const l=i.toString()},1043:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),o=r(2609),i=r.n(o)()(n());i.push([e.id,":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px;--button-text-color:#40d0db}",""]);const l=i.toString()}}]);
+//# sourceMappingURL=8442.985deb10.js.map