@next-bricks/data-view 0.13.5 → 0.13.7

package/dist/chunks/{7822.6a61ae90.js → 7822.a0b2c2c0.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[7822,4795,3494],{4795:(e,t,r)=>{function n(e,t,r,n,a,i,u){try{var c=e[i](u),s=c.value}catch(e){return void r(e)}c.done?t(s):Promise.resolve(s).then(n,a)}function a(e){return function(){var t=this,r=arguments;return new Promise((function(a,i){var u=e.apply(t,r);function c(e){n(u,a,i,c,s,"next",e)}function s(e){n(u,a,i,c,s,"throw",e)}c(void 0)}))}}r.d(t,{Z:()=>a})},7822:(e,t,r)=>{r.r(t),r.d(t,{ReactUseBrick:()=>c,ReactUseMultipleBricks:()=>s,useCurrentApp:()=>v,useCurrentTheme:()=>d,useRecentApps:()=>f});var n,a=r(4795),i=r(8657),u=r(7975),c=function(e){var{useBrick:t,data:r}=e,[n,c]=(0,i.useState)(null),s=(0,i.useRef)(),[o,l]=(0,i.useState)(),d=(0,i.useRef)(0);(0,i.useEffect)((()=>{function e(){return(e=(0,a.Z)((function*(){try{c(yield u.__secret_internals.renderUseBrick(t,r)),l(++d.current)}catch(e){console.error("Render useBrick failed:",t,"with data:",r),(0,u.handleHttpError)(e)}}))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[r,t]);var f=(0,i.useCallback)((e=>{e?s.current=u.__secret_internals.mountUseBrick(n,e):(u.__secret_internals.unmountUseBrick(n,s.current),s.current=void 0)}),[n]);if(!n)return null;var{tagName:v}=n;if(null===v)return null;var p=v;return i.createElement(p,{key:o,ref:f})},s=function(e){var{useBrick:t,data:r}=e;return Array.isArray(t)?i.createElement(i.Fragment,null,t.map(((e,t)=>i.createElement(c,{key:t,useBrick:e,data:r})))):i.createElement(c,{useBrick:t,data:r})};if(window.dll&&null!==(n=window.BRICK_NEXT_VERSIONS)&&void 0!==n&&null!==(n=n["brick-container"])&&void 0!==n&&n.startsWith("2.")){var{SingleBrickAsComponentFactory:o,BrickAsComponentFactory:l}=window.dll("tYg3");o&&l&&(c=o(i),s=l(i))}function d(){var[e,t]=(0,i.useState)(u.getCurrentTheme);return(0,i.useEffect)((()=>{var e=e=>{t(e.detail)};return window.addEventListener("theme.change",e),()=>{window.removeEventListener("theme.change",e)}}),[]),e}function f(){var[e,t]=i.useState((()=>(0,u.getRuntime)().getRecentApps()));return i.useEffect((()=>{var e=e=>{t(e.detail)};return window.addEventListener("app.change",e),()=>window.removeEventListener("app.change",e)}),[]),e}function v(){return f().currentApp}}}]);
-//# sourceMappingURL=7822.6a61ae90.js.map
+"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[7822,4795,3494],{4795:(e,t,r)=>{function n(e,t,r,n,a,i,u){try{var c=e[i](u),s=c.value}catch(e){return void r(e)}c.done?t(s):Promise.resolve(s).then(n,a)}function a(e){return function(){var t=this,r=arguments;return new Promise((function(a,i){var u=e.apply(t,r);function c(e){n(u,a,i,c,s,"next",e)}function s(e){n(u,a,i,c,s,"throw",e)}c(void 0)}))}}r.d(t,{Z:()=>a})},7822:(e,t,r)=>{r.r(t),r.d(t,{ReactUseBrick:()=>c,ReactUseMultipleBricks:()=>s,useCurrentApp:()=>v,useCurrentTheme:()=>d,useRecentApps:()=>f});var n,a=r(4795),i=r(8657),u=r(5135),c=function(e){var{useBrick:t,data:r}=e,[n,c]=(0,i.useState)(null),s=(0,i.useRef)(),[o,l]=(0,i.useState)(),d=(0,i.useRef)(0);(0,i.useEffect)((()=>{function e(){return(e=(0,a.Z)((function*(){try{c(yield u.__secret_internals.renderUseBrick(t,r)),l(++d.current)}catch(e){console.error("Render useBrick failed:",t,"with data:",r),(0,u.handleHttpError)(e)}}))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[r,t]);var f=(0,i.useCallback)((e=>{e?s.current=u.__secret_internals.mountUseBrick(n,e):(u.__secret_internals.unmountUseBrick(n,s.current),s.current=void 0)}),[n]);if(!n)return null;var{tagName:v}=n;if(null===v)return null;var p=v;return i.createElement(p,{key:o,ref:f})},s=function(e){var{useBrick:t,data:r}=e;return Array.isArray(t)?i.createElement(i.Fragment,null,t.map(((e,t)=>i.createElement(c,{key:t,useBrick:e,data:r})))):i.createElement(c,{useBrick:t,data:r})};if(window.dll&&null!==(n=window.BRICK_NEXT_VERSIONS)&&void 0!==n&&null!==(n=n["brick-container"])&&void 0!==n&&n.startsWith("2.")){var{SingleBrickAsComponentFactory:o,BrickAsComponentFactory:l}=window.dll("tYg3");o&&l&&(c=o(i),s=l(i))}function d(){var[e,t]=(0,i.useState)(u.getCurrentTheme);return(0,i.useEffect)((()=>{var e=e=>{t(e.detail)};return window.addEventListener("theme.change",e),()=>{window.removeEventListener("theme.change",e)}}),[]),e}function f(){var[e,t]=i.useState((()=>(0,u.getRuntime)().getRecentApps()));return i.useEffect((()=>{var e=e=>{t(e.detail)};return window.addEventListener("app.change",e),()=>window.removeEventListener("app.change",e)}),[]),e}function v(){return f().currentApp}}}]);
+//# sourceMappingURL=7822.a0b2c2c0.js.map

package/dist/chunks/{3494.27296341.js.map → 7822.a0b2c2c0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/3494.27296341.js","mappings":"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","sources":["webpack:///../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/ReactUseBrick.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/useCurrentTheme.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/useRecentApps.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/useCurrentApp.js"],"sourcesContent":["function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n  try {\n    var info = gen[key](arg);\n    var value = info.value;\n  } catch (error) {\n    reject(error);\n    return;\n  }\n  if (info.done) {\n    resolve(value);\n  } else {\n    Promise.resolve(value).then(_next, _throw);\n  }\n}\nexport default function _asyncToGenerator(fn) {\n  return function () {\n    var self = this,\n      args = arguments;\n    return new Promise(function (resolve, reject) {\n      var gen = fn.apply(self, args);\n      function _next(value) {\n        asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n      }\n      function _throw(err) {\n        asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n      }\n      _next(undefined);\n    });\n  };\n}","import _asyncToGenerator from \"@babel/runtime/helpers/asyncToGenerator\";\nvar _window$BRICK_NEXT_VE;\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { __secret_internals, handleHttpError } from \"@next-core/runtime\";\n// Note: always synchronize code in LegacyUseBrick:\n// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`\nvar ReactUseBrick = function ReactUseBrick(_ref) {\n  var {\n    useBrick,\n    data\n  } = _ref;\n  var [renderResult, setRenderResult] = useState(null);\n  var mountResult = useRef();\n  var [renderKey, setRenderKey] = useState();\n  var IdCounterRef = useRef(0);\n  useEffect(() => {\n    function init() {\n      return _init.apply(this, arguments);\n    }\n    function _init() {\n      _init = _asyncToGenerator(function* () {\n        try {\n          setRenderResult(yield __secret_internals.renderUseBrick(useBrick, data));\n          setRenderKey(getUniqueId(IdCounterRef));\n        } catch (error) {\n          // eslint-disable-next-line no-console\n          console.error(\"Render useBrick failed:\", useBrick, \"with data:\", data);\n          handleHttpError(error);\n        }\n      });\n      return _init.apply(this, arguments);\n    }\n    init();\n  }, [data, useBrick]);\n  var refCallback = useCallback(element => {\n    if (element) {\n      mountResult.current = __secret_internals.mountUseBrick(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      renderResult, element);\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      __secret_internals.unmountUseBrick(renderResult, mountResult.current);\n      mountResult.current = undefined;\n    }\n  }, [renderResult]);\n  if (!renderResult) {\n    // Fallback when loading/\n    return null;\n    // return <span>🌀 Loading...</span>;\n  }\n\n  var {\n    tagName\n  } = renderResult;\n  if (tagName === null) {\n    return null;\n  }\n  var WebComponent = tagName;\n  return /*#__PURE__*/React.createElement(WebComponent, {\n    key: renderKey,\n    ref: refCallback\n  });\n};\nfunction getUniqueId(ref) {\n  return ++ref.current;\n}\nvar ReactUseMultipleBricks = function ReactUseMultipleBricks(_ref2) {\n  var {\n    useBrick,\n    data\n  } = _ref2;\n  if (Array.isArray(useBrick)) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, useBrick.map((item, index) => /*#__PURE__*/React.createElement(ReactUseBrick, {\n      key: index,\n      useBrick: item,\n      data: data\n    })));\n  }\n  return /*#__PURE__*/React.createElement(ReactUseBrick, {\n    useBrick: useBrick,\n    data: data\n  });\n};\n\n// istanbul ignore next\n// Make v3 bricks compatible with Brick Next v2.\nif (window.dll && (_window$BRICK_NEXT_VE = window.BRICK_NEXT_VERSIONS) !== null && _window$BRICK_NEXT_VE !== void 0 && (_window$BRICK_NEXT_VE = _window$BRICK_NEXT_VE[\"brick-container\"]) !== null && _window$BRICK_NEXT_VE !== void 0 && _window$BRICK_NEXT_VE.startsWith(\"2.\")) {\n  var {\n    SingleBrickAsComponentFactory,\n    BrickAsComponentFactory\n  } = window.dll(\"tYg3\");\n  if (SingleBrickAsComponentFactory && BrickAsComponentFactory) {\n    ReactUseBrick = SingleBrickAsComponentFactory(React);\n    ReactUseMultipleBricks = BrickAsComponentFactory(React);\n  }\n}\nexport { ReactUseBrick, ReactUseMultipleBricks };\n//# sourceMappingURL=ReactUseBrick.js.map","import { useEffect, useState } from \"react\";\nimport { getCurrentTheme } from \"@next-core/runtime\";\nexport function useCurrentTheme() {\n  var [currentTheme, setCurrentTheme] = useState(getCurrentTheme);\n  useEffect(() => {\n    var listenToThemeChange = event => {\n      setCurrentTheme(event.detail);\n    };\n    window.addEventListener(\"theme.change\", listenToThemeChange);\n    return () => {\n      window.removeEventListener(\"theme.change\", listenToThemeChange);\n    };\n  }, []);\n  return currentTheme;\n}\n//# sourceMappingURL=useCurrentTheme.js.map","import React from \"react\";\nimport { getRuntime } from \"@next-core/runtime\";\nexport function useRecentApps() {\n  var [recentApps, setRecentApps] = React.useState(() => getRuntime().getRecentApps());\n  React.useEffect(() => {\n    var listener = event => {\n      setRecentApps(event.detail);\n    };\n    window.addEventListener(\"app.change\", listener);\n    return () => window.removeEventListener(\"app.change\", listener);\n  }, []);\n  return recentApps;\n}\n//# sourceMappingURL=useRecentApps.js.map","import { useRecentApps } from \"./useRecentApps.js\";\n\n/**\n * 获取当前所在微应用信息的 React hooks。\n *\n * @example\n *\n * ```tsx\n * function MyReactComponent() {\n *   const app = useCurrentApp();\n *   return <div>{app.id}</div>;\n * }\n * ```\n *\n * @returns 当前所在微应用的信息。\n */\nexport function useCurrentApp() {\n  return useRecentApps().currentApp;\n}\n//# sourceMappingURL=useCurrentApp.js.map"],"names":["asyncGeneratorStep","gen","resolve","reject","_next","_throw","key","arg","info","value","error","done","Promise","then","_asyncToGenerator","fn","self","this","args","arguments","apply","err","undefined","_window$BRICK_NEXT_VE","ReactUseBrick","_ref","useBrick","data","renderResult","setRenderResult","useState","mountResult","useRef","renderKey","setRenderKey","IdCounterRef","useEffect","_init","__secret_internals","renderUseBrick","current","console","handleHttpError","init","refCallback","useCallback","element","mountUseBrick","unmountUseBrick","tagName","WebComponent","ref","ReactUseMultipleBricks","_ref2","Array","isArray","map","item","index","window","dll","BRICK_NEXT_VERSIONS","startsWith","SingleBrickAsComponentFactory","BrickAsComponentFactory","useCurrentTheme","currentTheme","setCurrentTheme","getCurrentTheme","listenToThemeChange","event","detail","addEventListener","removeEventListener","useRecentApps","recentApps","setRecentApps","getRuntime","getRecentApps","listener","useCurrentApp","currentApp"],"sourceRoot":""}
+{"version":3,"file":"chunks/7822.a0b2c2c0.js","mappings":"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","sources":["webpack:///../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/ReactUseBrick.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/useCurrentTheme.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/useRecentApps.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/useCurrentApp.js"],"sourcesContent":["function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n  try {\n    var info = gen[key](arg);\n    var value = info.value;\n  } catch (error) {\n    reject(error);\n    return;\n  }\n  if (info.done) {\n    resolve(value);\n  } else {\n    Promise.resolve(value).then(_next, _throw);\n  }\n}\nexport default function _asyncToGenerator(fn) {\n  return function () {\n    var self = this,\n      args = arguments;\n    return new Promise(function (resolve, reject) {\n      var gen = fn.apply(self, args);\n      function _next(value) {\n        asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n      }\n      function _throw(err) {\n        asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n      }\n      _next(undefined);\n    });\n  };\n}","import _asyncToGenerator from \"@babel/runtime/helpers/asyncToGenerator\";\nvar _window$BRICK_NEXT_VE;\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { __secret_internals, handleHttpError } from \"@next-core/runtime\";\n// Note: always synchronize code in LegacyUseBrick:\n// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`\nvar ReactUseBrick = function ReactUseBrick(_ref) {\n  var {\n    useBrick,\n    data\n  } = _ref;\n  var [renderResult, setRenderResult] = useState(null);\n  var mountResult = useRef();\n  var [renderKey, setRenderKey] = useState();\n  var IdCounterRef = useRef(0);\n  useEffect(() => {\n    function init() {\n      return _init.apply(this, arguments);\n    }\n    function _init() {\n      _init = _asyncToGenerator(function* () {\n        try {\n          setRenderResult(yield __secret_internals.renderUseBrick(useBrick, data));\n          setRenderKey(getUniqueId(IdCounterRef));\n        } catch (error) {\n          // eslint-disable-next-line no-console\n          console.error(\"Render useBrick failed:\", useBrick, \"with data:\", data);\n          handleHttpError(error);\n        }\n      });\n      return _init.apply(this, arguments);\n    }\n    init();\n  }, [data, useBrick]);\n  var refCallback = useCallback(element => {\n    if (element) {\n      mountResult.current = __secret_internals.mountUseBrick(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      renderResult, element);\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      __secret_internals.unmountUseBrick(renderResult, mountResult.current);\n      mountResult.current = undefined;\n    }\n  }, [renderResult]);\n  if (!renderResult) {\n    // Fallback when loading/\n    return null;\n    // return <span>🌀 Loading...</span>;\n  }\n\n  var {\n    tagName\n  } = renderResult;\n  if (tagName === null) {\n    return null;\n  }\n  var WebComponent = tagName;\n  return /*#__PURE__*/React.createElement(WebComponent, {\n    key: renderKey,\n    ref: refCallback\n  });\n};\nfunction getUniqueId(ref) {\n  return ++ref.current;\n}\nvar ReactUseMultipleBricks = function ReactUseMultipleBricks(_ref2) {\n  var {\n    useBrick,\n    data\n  } = _ref2;\n  if (Array.isArray(useBrick)) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, useBrick.map((item, index) => /*#__PURE__*/React.createElement(ReactUseBrick, {\n      key: index,\n      useBrick: item,\n      data: data\n    })));\n  }\n  return /*#__PURE__*/React.createElement(ReactUseBrick, {\n    useBrick: useBrick,\n    data: data\n  });\n};\n\n// istanbul ignore next\n// Make v3 bricks compatible with Brick Next v2.\nif (window.dll && (_window$BRICK_NEXT_VE = window.BRICK_NEXT_VERSIONS) !== null && _window$BRICK_NEXT_VE !== void 0 && (_window$BRICK_NEXT_VE = _window$BRICK_NEXT_VE[\"brick-container\"]) !== null && _window$BRICK_NEXT_VE !== void 0 && _window$BRICK_NEXT_VE.startsWith(\"2.\")) {\n  var {\n    SingleBrickAsComponentFactory,\n    BrickAsComponentFactory\n  } = window.dll(\"tYg3\");\n  if (SingleBrickAsComponentFactory && BrickAsComponentFactory) {\n    ReactUseBrick = SingleBrickAsComponentFactory(React);\n    ReactUseMultipleBricks = BrickAsComponentFactory(React);\n  }\n}\nexport { ReactUseBrick, ReactUseMultipleBricks };\n//# sourceMappingURL=ReactUseBrick.js.map","import { useEffect, useState } from \"react\";\nimport { getCurrentTheme } from \"@next-core/runtime\";\nexport function useCurrentTheme() {\n  var [currentTheme, setCurrentTheme] = useState(getCurrentTheme);\n  useEffect(() => {\n    var listenToThemeChange = event => {\n      setCurrentTheme(event.detail);\n    };\n    window.addEventListener(\"theme.change\", listenToThemeChange);\n    return () => {\n      window.removeEventListener(\"theme.change\", listenToThemeChange);\n    };\n  }, []);\n  return currentTheme;\n}\n//# sourceMappingURL=useCurrentTheme.js.map","import React from \"react\";\nimport { getRuntime } from \"@next-core/runtime\";\nexport function useRecentApps() {\n  var [recentApps, setRecentApps] = React.useState(() => getRuntime().getRecentApps());\n  React.useEffect(() => {\n    var listener = event => {\n      setRecentApps(event.detail);\n    };\n    window.addEventListener(\"app.change\", listener);\n    return () => window.removeEventListener(\"app.change\", listener);\n  }, []);\n  return recentApps;\n}\n//# sourceMappingURL=useRecentApps.js.map","import { useRecentApps } from \"./useRecentApps.js\";\n\n/**\n * 获取当前所在微应用信息的 React hooks。\n *\n * @example\n *\n * ```tsx\n * function MyReactComponent() {\n *   const app = useCurrentApp();\n *   return <div>{app.id}</div>;\n * }\n * ```\n *\n * @returns 当前所在微应用的信息。\n */\nexport function useCurrentApp() {\n  return useRecentApps().currentApp;\n}\n//# sourceMappingURL=useCurrentApp.js.map"],"names":["asyncGeneratorStep","gen","resolve","reject","_next","_throw","key","arg","info","value","error","done","Promise","then","_asyncToGenerator","fn","self","this","args","arguments","apply","err","undefined","_window$BRICK_NEXT_VE","ReactUseBrick","_ref","useBrick","data","renderResult","setRenderResult","useState","mountResult","useRef","renderKey","setRenderKey","IdCounterRef","useEffect","_init","__secret_internals","renderUseBrick","current","console","handleHttpError","init","refCallback","useCallback","element","mountUseBrick","unmountUseBrick","tagName","WebComponent","ref","ReactUseMultipleBricks","_ref2","Array","isArray","map","item","index","window","dll","BRICK_NEXT_VERSIONS","startsWith","SingleBrickAsComponentFactory","BrickAsComponentFactory","useCurrentTheme","currentTheme","setCurrentTheme","getCurrentTheme","listenToThemeChange","event","detail","addEventListener","removeEventListener","useRecentApps","recentApps","setRecentApps","getRuntime","getRecentApps","listener","useCurrentApp","currentApp"],"sourceRoot":""}

package/dist/chunks/873.1d7a2495.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[873,4795,4454],{4795:(e,r,t)=>{function n(e,r,t,n,i,o,a){try{var c=e[o](a),s=c.value}catch(e){return void t(e)}c.done?r(s):Promise.resolve(s).then(n,i)}function i(e){return function(){var r=this,t=arguments;return new Promise((function(i,o){var a=e.apply(r,t);function c(e){n(a,i,o,c,s,"next",e)}function s(e){n(a,i,o,c,s,"throw",e)}c(void 0)}))}}t.d(r,{Z:()=>i})},4454:(e,r,t)=>{t.r(r),t.d(r,{enqueueStableLoadBricks:()=>d,enqueueStableLoadProcessors:()=>v,flushStableLoadBricks:()=>f,loadBricksImperatively:()=>h,loadProcessorsImperatively:()=>y,loadScript:()=>i,loadSharedModule:()=>c});var n=new Map;function i(e,r){if(Array.isArray(e))return Promise.all(e.map((e=>i(e,r))));var t=r&&!/^https?:/.test(e)?"".concat(r).concat(e):e,o=n.get(t);if(o)return o;var a=new Promise(((e,r)=>{var n=()=>{window.dispatchEvent(new Event("request.end"))},i=document.createElement("script");i.src=t,i.type="text/javascript",i.async=!0,i.onload=()=>{e(t),n()},i.onerror=e=>{r(e),n()};var o=document.currentScript||document.getElementsByTagName("script")[0];o.parentNode.insertBefore(i,o),window.dispatchEvent(new Event("request.start"))}));return n.set(t,a),a}var o,a=t(4795);function c(e,r){return s.apply(this,arguments)}function s(){return(s=(0,a.Z)((function*(e,r){yield t.I("default");var n=window[e];return yield n.init(t.S.default),(yield n.get(r))()}))).apply(this,arguments)}var u,l=!1,p=new Promise((e=>{o=e}));function f(){l||o()}function d(e,r){return Z(E("bricks",e,r))}function v(e,r){return Z(E("processors",e,r))}function h(e,r){return w.apply(this,arguments)}function w(){return(w=(0,a.Z)((function*(e,r){var t=E("bricks",e,r);return f(),Z(t)}))).apply(this,arguments)}function y(e,r){var t=E("processors",e,r);return f(),Z(t)}var m="v2-adapter.load-bricks";function k(e,r,t){var n=new Map,i=new Set,o=r=>{var a;if(!i.has(r)){var c,s,u;if(i.add(r),"processors"===e||r.includes(".")){[s,u]=r.split(".");var l="bricks/".concat("processors"===e?s.replace(/[A-Z]/g,(e=>"-".concat(e[0].toLocaleLowerCase()))).replace(/_[0-9]/g,(e=>"-".concat(e[1]))):s);c=t.get(l)}else for(var p of(u=r,t.values())){var f;if(null!==(f=p.elements)&&void 0!==f&&f.some((e=>e===u))){c=p;break}}if(!c)throw new Error("Package for ".concat(r," not found."));var d=n.get(c);d||(d=[],n.set(c,d)),d.push(u);var v=null===(a=c.dependencies)||void 0===a?void 0:a[r];if(v)for(var h of v)o(h)}};for(var a of r)o(a);return n}function P(e,r,t){return b.apply(this,arguments)}function b(){return(b=(0,a.Z)((function*(e,r,t){var n="".concat("processors"===e?"./processors/":"./").concat(t);try{yield c(r,n)}catch(t){throw console.error(t),new Error("Load ".concat(e,' of "').concat(r.split("/").pop(),".").concat(n.split("/").pop(),'" failed'))}}))).apply(this,arguments)}function g(e,r,t){return r.map(function(){var r=(0,a.Z)((function*(r){var n;return yield i(r.filePath,null!==(n=window.PUBLIC_ROOT)&&void 0!==n?n:""),yield p,Promise.all(t.get(r).map((t=>P(e,r.id,t))))}));return function(e){return r.apply(this,arguments)}}())}function E(e,r,t){return _.apply(this,arguments)}function _(){return _=(0,a.Z)((function*(e,r,t){var n=new Map;for(var c of t){var s,p=null!==(s=c.id)&&void 0!==s?s:S(c.filePath);n.set(p,c)}var f,d,v=k(e,r,n),h=[],w=[];for(var y of v.keys())y.id?"bricks/basic"===y.id?f=y:w.push(y):(h.push(y),(d=n.get("bricks/v2-adapter"))||console.error("Using v2 bricks, but v2-adapter not found"));var b,E=d,_=f;if(_){var Z,L=i(_.filePath,null!==(Z=window.PUBLIC_ROOT)&&void 0!==Z?Z:"");l||(l=!0,L.then((()=>Promise.resolve())).then(o)),b=L.then((()=>Promise.all(v.get(_).map((r=>P(e,_.id,r))))))}var B=[b].concat(g(e,w,v));if(E&&h.length>0){if(!u){var q=k("bricks",[m],n),C=[...q.keys()],I=function(){var e=(0,a.Z)((function*(){return yield Promise.all(g("bricks",C,q)),document.createElement(m)}));return function(){return e.apply(this,arguments)}}();u=I()}B.push(u.then((r=>Promise.all(h.map((n=>{var i=S(n.filePath).split("/")[1];return r.resolve(E.filePath,n.filePath,"bricks"===e?v.get(n).map((e=>"".concat(i,".").concat(e))):[],n.dll,t)}))))))}yield Promise.all(B)})),_.apply(this,arguments)}function Z(e){return L.apply(this,arguments)}function L(){return(L=(0,a.Z)((function*(e){window.dispatchEvent(new Event("request.start"));try{yield e}finally{window.dispatchEvent(new Event("request.end"))}}))).apply(this,arguments)}function S(e){return e.split("/").slice(0,2).join("/")}}}]);
+//# sourceMappingURL=873.1d7a2495.js.map

package/dist/chunks/873.1d7a2495.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunks/873.1d7a2495.js","mappings":"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","sources":["webpack:///../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js","webpack:///../../node_modules/@next-core/loader/dist/esm/loadScript.js","webpack:///../../node_modules/@next-core/loader/dist/esm/stableLoadBricks.js","webpack:///../../node_modules/@next-core/loader/dist/esm/loadSharedModule.js"],"sourcesContent":["function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n  try {\n    var info = gen[key](arg);\n    var value = info.value;\n  } catch (error) {\n    reject(error);\n    return;\n  }\n  if (info.done) {\n    resolve(value);\n  } else {\n    Promise.resolve(value).then(_next, _throw);\n  }\n}\nexport default function _asyncToGenerator(fn) {\n  return function () {\n    var self = this,\n      args = arguments;\n    return new Promise(function (resolve, reject) {\n      var gen = fn.apply(self, args);\n      function _next(value) {\n        asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n      }\n      function _throw(err) {\n        asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n      }\n      _next(undefined);\n    });\n  };\n}","var cache = new Map();\nexport default function loadScript(src, prefix) {\n  if (Array.isArray(src)) {\n    return Promise.all(src.map(item => loadScript(item, prefix)));\n  }\n  var fixedSrc = prefix && !/^https?:/.test(src) ? \"\".concat(prefix).concat(src) : src;\n  var cachedPromise = cache.get(fixedSrc);\n  if (cachedPromise) {\n    return cachedPromise;\n  }\n  var promise = new Promise((resolve, reject) => {\n    var end = () => {\n      window.dispatchEvent(new Event(\"request.end\"));\n    };\n    var script = document.createElement(\"script\");\n    script.src = fixedSrc;\n    script.type = \"text/javascript\";\n    script.async = true;\n    script.onload = () => {\n      resolve(fixedSrc);\n      end();\n    };\n    script.onerror = e => {\n      reject(e);\n      end();\n    };\n    var firstScript = document.currentScript || document.getElementsByTagName(\"script\")[0];\n    firstScript.parentNode.insertBefore(script, firstScript);\n    window.dispatchEvent(new Event(\"request.start\"));\n  });\n  cache.set(fixedSrc, promise);\n  return promise;\n}\n//# sourceMappingURL=loadScript.js.map","import _asyncToGenerator from \"@babel/runtime/helpers/asyncToGenerator\";\nimport loadScript from \"./loadScript.js\";\nimport loadSharedModule from \"./loadSharedModule.js\";\nvar resolveBasicPkg;\nvar basicPkgWillBeResolved = false;\nvar waitBasicPkg = new Promise(resolve => {\n  resolveBasicPkg = resolve;\n});\nexport function flushStableLoadBricks() {\n  if (!basicPkgWillBeResolved) {\n    resolveBasicPkg();\n  }\n}\n\n/**\n * When loading bundles with webpack module federation concurrently, if\n * these bundles share some modules, webpack will load a singleton module\n * if versions are matched. Webpack will use the first bundle who started\n * to init the shared scope. Generally which bundle to use for a specific\n * module, does not matter. However, it may cause flaky result since the\n * shared module may from different bundles which maybe not exactly the\n * same, especially developers declare dependencies incorrectly sometimes.\n * So in order to make it less flaky, we try to make a BASIC package takes\n * precedence over others. We will always load the shared modules from the\n * basic package bundle if it contains the shared modules.\n */\nexport function enqueueStableLoadBricks(bricks, brickPackages) {\n  var promise = enqueueStableLoad(\"bricks\", bricks, brickPackages);\n  return dispatchRequestStatus(promise);\n}\nexport function enqueueStableLoadProcessors(processors, brickPackages) {\n  var promise = enqueueStableLoad(\"processors\", processors, brickPackages);\n  return dispatchRequestStatus(promise);\n}\nexport function loadBricksImperatively(_x, _x2) {\n  return _loadBricksImperatively.apply(this, arguments);\n}\nfunction _loadBricksImperatively() {\n  _loadBricksImperatively = _asyncToGenerator(function* (bricks, brickPackages) {\n    var promise = enqueueStableLoad(\"bricks\", bricks, brickPackages);\n    flushStableLoadBricks();\n    return dispatchRequestStatus(promise);\n  });\n  return _loadBricksImperatively.apply(this, arguments);\n}\nexport function loadProcessorsImperatively(processors, brickPackages) {\n  var promise = enqueueStableLoad(\"processors\", processors, brickPackages);\n  flushStableLoadBricks();\n  return dispatchRequestStatus(promise);\n}\nvar v2AdapterPromise;\nvar V2_ADAPTER_LOAD_BRICKS = \"v2-adapter.load-bricks\";\n\n// Get brick/processor items including their dependencies\nfunction getItemsByPkg(type, list, brickPackagesMap) {\n  var itemsByPkg = new Map();\n  var listToLoad = new Set();\n  var add = item => {\n    var _pkg$dependencies;\n    if (listToLoad.has(item)) {\n      return;\n    }\n    listToLoad.add(item);\n    var pkg;\n    var namespace;\n    var itemName;\n    if (type === \"processors\" || item.includes(\".\")) {\n      [namespace, itemName] = item.split(\".\");\n      var pkgId = \"bricks/\".concat(type === \"processors\" ? getProcessorPackageName(namespace) : namespace);\n      pkg = brickPackagesMap.get(pkgId);\n    } else {\n      itemName = item;\n      for (var p of brickPackagesMap.values()) {\n        var _p$elements;\n        if ((_p$elements = p.elements) !== null && _p$elements !== void 0 && _p$elements.some(e => e === itemName)) {\n          pkg = p;\n          break;\n        }\n      }\n    }\n    if (!pkg) {\n      throw new Error(\"Package for \".concat(item, \" not found.\"));\n    }\n    var groupItems = itemsByPkg.get(pkg);\n    if (!groupItems) {\n      groupItems = [];\n      itemsByPkg.set(pkg, groupItems);\n    }\n    groupItems.push(itemName);\n\n    // Load their dependencies too\n    var deps = (_pkg$dependencies = pkg.dependencies) === null || _pkg$dependencies === void 0 ? void 0 : _pkg$dependencies[item];\n    if (deps) {\n      for (var dep of deps) {\n        add(dep);\n      }\n    }\n  };\n  for (var item of list) {\n    add(item);\n  }\n  return itemsByPkg;\n}\nfunction loadBrickModule(_x3, _x4, _x5) {\n  return _loadBrickModule.apply(this, arguments);\n}\nfunction _loadBrickModule() {\n  _loadBrickModule = _asyncToGenerator(function* (type, pkgId, itemName) {\n    var moduleName = \"\".concat(type === \"processors\" ? \"./processors/\" : \"./\").concat(itemName);\n    try {\n      yield loadSharedModule(pkgId, moduleName);\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error(error);\n      throw new Error(\"Load \".concat(type, \" of \\\"\").concat(pkgId.split(\"/\").pop(), \".\").concat(moduleName.split(\"/\").pop(), \"\\\" failed\"));\n    }\n  });\n  return _loadBrickModule.apply(this, arguments);\n}\nfunction loadRestBricks(type, pkgs, itemsMap) {\n  return pkgs.map( /*#__PURE__*/function () {\n    var _ref = _asyncToGenerator(function* (pkg) {\n      var _window$PUBLIC_ROOT;\n      yield loadScript(pkg.filePath, (_window$PUBLIC_ROOT = window.PUBLIC_ROOT) !== null && _window$PUBLIC_ROOT !== void 0 ? _window$PUBLIC_ROOT : \"\");\n      yield waitBasicPkg;\n      return Promise.all(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      itemsMap.get(pkg).map(itemName => loadBrickModule(type, pkg.id, itemName)));\n    });\n    return function (_x6) {\n      return _ref.apply(this, arguments);\n    };\n  }());\n}\nfunction enqueueStableLoad(_x7, _x8, _x9) {\n  return _enqueueStableLoad.apply(this, arguments);\n}\nfunction _enqueueStableLoad() {\n  _enqueueStableLoad = _asyncToGenerator(function* (type, list, brickPackages) {\n    var brickPackagesMap = new Map();\n    for (var pkg of brickPackages) {\n      var _pkg$id;\n      var pkgId = (_pkg$id = pkg.id) !== null && _pkg$id !== void 0 ? _pkg$id : getPkgIdByFilePath(pkg.filePath);\n      brickPackagesMap.set(pkgId, pkg);\n    }\n    var itemsByPkg = getItemsByPkg(type, list, brickPackagesMap);\n    var foundBasicPkg;\n    var v2Packages = [];\n    var v3PackagesOtherThanBasic = [];\n    var maybeV2Adapter;\n    for (var _pkg of itemsByPkg.keys()) {\n      if (_pkg.id) {\n        if (_pkg.id === \"bricks/basic\") {\n          foundBasicPkg = _pkg;\n        } else {\n          v3PackagesOtherThanBasic.push(_pkg);\n        }\n      } else {\n        // Brick packages of v2 has no `id`\n        v2Packages.push(_pkg);\n        maybeV2Adapter = brickPackagesMap.get(\"bricks/v2-adapter\");\n        if (!maybeV2Adapter) {\n          // eslint-disable-next-line no-console\n          console.error(\"Using v2 bricks, but v2-adapter not found\");\n        }\n      }\n    }\n    var v2Adapter = maybeV2Adapter;\n    var basicPkgPromise;\n    var basicPkg = foundBasicPkg;\n    if (basicPkg) {\n      var _window$PUBLIC_ROOT2;\n      var tempPromise = loadScript(basicPkg.filePath, (_window$PUBLIC_ROOT2 = window.PUBLIC_ROOT) !== null && _window$PUBLIC_ROOT2 !== void 0 ? _window$PUBLIC_ROOT2 : \"\");\n      // Packages other than BASIC will wait for an extra micro-task tick.\n      if (!basicPkgWillBeResolved) {\n        basicPkgWillBeResolved = true;\n        tempPromise.then(() => Promise.resolve()).then(resolveBasicPkg);\n      }\n      basicPkgPromise = tempPromise.then(() => Promise.all(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      itemsByPkg.get(basicPkg).map(itemName => loadBrickModule(type, basicPkg.id, itemName))));\n    }\n    var pkgPromises = [basicPkgPromise].concat(loadRestBricks(type, v3PackagesOtherThanBasic, itemsByPkg));\n    if (v2Adapter && v2Packages.length > 0) {\n      if (!v2AdapterPromise) {\n        // Load `v2-adapter.load-bricks` and its dependencies\n        var v2AdapterItemsByPkg = getItemsByPkg(\"bricks\", [V2_ADAPTER_LOAD_BRICKS], brickPackagesMap);\n        var v2AdapterPackages = [...v2AdapterItemsByPkg.keys()];\n        var loadV2Adapter = /*#__PURE__*/function () {\n          var _ref2 = _asyncToGenerator(function* () {\n            yield Promise.all(loadRestBricks(\"bricks\", v2AdapterPackages, v2AdapterItemsByPkg));\n            return document.createElement(V2_ADAPTER_LOAD_BRICKS);\n          });\n          return function loadV2Adapter() {\n            return _ref2.apply(this, arguments);\n          };\n        }();\n        v2AdapterPromise = loadV2Adapter();\n      }\n      pkgPromises.push(v2AdapterPromise.then(adapter => Promise.all(v2Packages.map(pkg => {\n        var pkgId = getPkgIdByFilePath(pkg.filePath);\n        var pkgNamespace = pkgId.split(\"/\")[1];\n        return adapter.resolve(v2Adapter.filePath, pkg.filePath, type === \"bricks\" ?\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        itemsByPkg.get(pkg).map(itemName => \"\".concat(pkgNamespace, \".\").concat(itemName)) : [], pkg.dll,\n        // Todo: remove `brickPackages` as an argument\n        brickPackages);\n      }))));\n    }\n    yield Promise.all(pkgPromises);\n  });\n  return _enqueueStableLoad.apply(this, arguments);\n}\nfunction dispatchRequestStatus(_x10) {\n  return _dispatchRequestStatus.apply(this, arguments);\n}\nfunction _dispatchRequestStatus() {\n  _dispatchRequestStatus = _asyncToGenerator(function* (promise) {\n    window.dispatchEvent(new Event(\"request.start\"));\n    try {\n      yield promise;\n    } finally {\n      window.dispatchEvent(new Event(\"request.end\"));\n    }\n  });\n  return _dispatchRequestStatus.apply(this, arguments);\n}\nfunction getProcessorPackageName(camelPackageName) {\n  return camelPackageName.replace(/[A-Z]/g, match => \"-\".concat(match[0].toLocaleLowerCase())).replace(/_[0-9]/g, match => \"-\".concat(match[1]));\n}\nfunction getPkgIdByFilePath(filePath) {\n  return filePath.split(\"/\").slice(0, 2).join(\"/\");\n}\n//# sourceMappingURL=stableLoadBricks.js.map","import _asyncToGenerator from \"@babel/runtime/helpers/asyncToGenerator\";\n// https://github.com/module-federation/module-federation-examples/blob/eda9493f3991a423479fd834cfb1d7b241d9d1f0/advanced-api/dynamic-remotes/app1/src/App.js\nexport default function loadSharedModule(_x, _x2) {\n  return _loadSharedModule.apply(this, arguments);\n}\nfunction _loadSharedModule() {\n  _loadSharedModule = _asyncToGenerator(function* (scope, module) {\n    // Initializes the share scope. This fills it with known provided modules from this build and all remotes\n    yield __webpack_init_sharing__(\"default\");\n    var container = window[scope]; // or get the container somewhere else\n    // Initialize the container, it may provide shared modules\n    yield container.init(__webpack_share_scopes__.default);\n    var factory = yield container.get(module);\n    return factory();\n  });\n  return _loadSharedModule.apply(this, arguments);\n}\n//# sourceMappingURL=loadSharedModule.js.map"],"names":["asyncGeneratorStep","gen","resolve","reject","_next","_throw","key","arg","info","value","error","done","Promise","then","_asyncToGenerator","fn","self","this","args","arguments","apply","err","undefined","cache","Map","loadScript","src","prefix","Array","isArray","all","map","item","fixedSrc","test","concat","cachedPromise","get","promise","end","window","dispatchEvent","Event","script","document","createElement","type","async","onload","onerror","e","firstScript","currentScript","getElementsByTagName","parentNode","insertBefore","set","resolveBasicPkg","loadSharedModule","_x","_x2","_loadSharedModule","scope","module","container","init","default","v2AdapterPromise","basicPkgWillBeResolved","waitBasicPkg","flushStableLoadBricks","enqueueStableLoadBricks","bricks","brickPackages","dispatchRequestStatus","enqueueStableLoad","enqueueStableLoadProcessors","processors","loadBricksImperatively","_loadBricksImperatively","loadProcessorsImperatively","V2_ADAPTER_LOAD_BRICKS","getItemsByPkg","list","brickPackagesMap","itemsByPkg","listToLoad","Set","add","_pkg$dependencies","has","pkg","namespace","itemName","includes","split","pkgId","replace","match","toLocaleLowerCase","p","values","_p$elements","elements","some","Error","groupItems","push","deps","dependencies","dep","loadBrickModule","_x3","_x4","_x5","_loadBrickModule","moduleName","console","pop","loadRestBricks","pkgs","itemsMap","_ref","_window$PUBLIC_ROOT","filePath","PUBLIC_ROOT","id","_x6","_x7","_x8","_x9","_enqueueStableLoad","_pkg$id","getPkgIdByFilePath","foundBasicPkg","maybeV2Adapter","v2Packages","v3PackagesOtherThanBasic","_pkg","keys","basicPkgPromise","v2Adapter","basicPkg","_window$PUBLIC_ROOT2","tempPromise","pkgPromises","length","v2AdapterItemsByPkg","v2AdapterPackages","loadV2Adapter","_ref2","adapter","pkgNamespace","dll","_x10","_dispatchRequestStatus","slice","join"],"sourceRoot":""}

package/dist/chunks/cabinet-thumbnail.239c0a33.js

@@ -0,0 +1,3 @@
+/*! For license information please see cabinet-thumbnail.239c0a33.js.LICENSE.txt */
+(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[9410],{7790:(e,t,a)=>{"use strict";a.r(t),a.d(t,{CabinetThumbnail:()=>g,CabinetThumbnailComponent:()=>M});var r,l,i,n,o,s,c,p,b,g,u=a(3028),h=a(3395),d=a(381),f=a(687),v=a(2604),x=a(8657),m=a.n(x),w=a(8978),y=a(2061),k=a(2779),z=a.n(k),E=a(1043),C=a(6708),N=a(8143),Z=(0,w.wrapBrick)("data-view.cabinet-app-layer"),{defineElement:T,property:W}=(0,y.createDecorators)(),S=(0,w.wrapBrick)("data-view.cabinet-node");l=T("data-view.cabinet-thumbnail",{styleTexts:[E.Z,C.Z]}),i=W({attribute:!1}),o=W({type:Number}),c=W();var H=new WeakMap,L=new WeakMap,R=new WeakMap;class _ extends w.ReactNextElement{constructor(){super(...arguments),(0,h.Z)(this,H,{writable:!0,value:(b(this),n(this,[]))}),(0,h.Z)(this,L,{writable:!0,value:s(this,4)}),(0,h.Z)(this,R,{writable:!0,value:p(this)})}get clusters(){return(0,f.Z)(this,H)}set clusters(e){(0,d.Z)(this,H,e)}get columns(){return(0,f.Z)(this,L)}set columns(e){(0,d.Z)(this,L,e)}get appName(){return(0,f.Z)(this,R)}set appName(e){(0,d.Z)(this,R,e)}render(){return m().createElement(M,{clusters:this.clusters,columns:this.columns,appName:this.appName})}}function M(e){var{clusters:t,columns:a,appName:r}=e,l=(0,x.useRef)(),i=(0,x.useRef)(),[n,o]=(0,x.useState)(),s=(0,N.D)(n);return(0,x.useLayoutEffect)((()=>{if(t.length&&a>0){var e=l.current.clientWidth/(i.current.clientWidth/(null!=s?s:1)),r=l.current.clientHeight/(i.current.clientHeight*(null!=s?s:1));o(Math.min(Math.floor(100*Math.min(e,r))/100,1))}}),[t,s,a]),m().createElement("div",{ref:l,className:"wrapper"},m().createElement("div",{className:"thumbnailLayout",ref:i,style:(0,u.Z)({},n?{transform:"scale(".concat(n,")")}:{})},m().createElement(Z,{className:"appLayer",appTitle:r}),m().createElement("div",{className:"layout"},t.map(((e,t)=>m().createElement("div",{className:"clusterWrapper",key:t},m().createElement("div",{className:z()("clusterContainer",{clusterHostContainer:"host"===e.type||"k8s-blue"===e.type,clusterK8sContainer:"k8s"===e.type})},m().createElement("div",{className:"clusterContent"},m().createElement("div",{className:"clusterContentLayout",style:{gridTemplateColumns:"repeat(".concat(a,",1fr)")}},e.data.map(((e,t)=>m().createElement("div",{key:t,className:"itemContent"},m().createElement(S,{type:e.type,nodeTitle:e.nodeTitle})))))),m().createElement("div",{className:"clusterTitle"},m().createElement("div",{className:"title"},e.title)))))))))}({e:[n,s,p,b],c:[g,r]}=(0,v.Z)(_,[[i,1,"clusters"],[o,1,"columns"],[c,1,"appName"]],[l])),r()},8143:(e,t,a)=>{"use strict";a.d(t,{D:()=>b,y:()=>p});var r=a(3028),l=a(8657),i=a(7209),n=new Map,o=new i.Z((e=>{e.forEach((e=>{var t,{target:a}=e;null===(t=n.get(a))||void 0===t||t.forEach((t=>t(e)))}))})),s=(e,t)=>{n.has(e)||(n.set(e,new Set),o.observe(e)),n.get(e).add(t)},c=(e,t)=>{n.has(e)&&(n.get(e).delete(t),0===n.get(e).size&&(o.unobserve(e),n.delete(e)))};function p(e){var{targetRef:t,onResize:a}=e||{},i=(0,l.useRef)(),n=null!=t?t:i,[o,p]=(0,l.useState)({clientWidth:0,clientHeight:0}),b=(0,l.useCallback)((e=>{var{target:t}=e,{clientWidth:r=0,clientHeight:l=0}=t;p((t=>t.clientWidth===r&&t.clientHeight===l?t:(null==a||a(e),{clientWidth:r,clientHeight:l})))}),[a]);return(0,l.useEffect)((()=>{if("object"!=typeof n||null===n||!(n.current instanceof Element))throw new Error("ResizeObserver must observe an Element");var e=n.current;return s(e,b),()=>{c(e,b)}}),[b,n]),[n,(0,r.Z)({},o)]}function b(e){var t=(0,l.useRef)();return(0,l.useEffect)((()=>{t.current=e})),t.current}},2779:(e,t)=>{var a;!function(){"use strict";var r={}.hasOwnProperty;function l(){for(var e=[],t=0;t<arguments.length;t++){var a=arguments[t];if(a){var i=typeof a;if("string"===i||"number"===i)e.push(a);else if(Array.isArray(a)){if(a.length){var n=l.apply(null,a);n&&e.push(n)}}else if("object"===i){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var o in a)r.call(a,o)&&a[o]&&e.push(o)}}}return e.join(" ")}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},6708:(e,t,a)=>{"use strict";a.d(t,{Z:()=>o});var r=a(9601),l=a.n(r),i=a(2609),n=a.n(i)()(l());n.push([e.id,'*,\n*:after,\n*:before{box-sizing:border-box}.wrapper{width:100%;height:100%}.wrapper,\n.thumbnailLayout{display:flex;justify-content:center;align-items:center}.appLayer{width:90%;margin-bottom:16px;align-self:center;pointer-events:none}.thumbnailLayout{flex-direction:column}.layout{display:flex;gap:17px;margin-top:27px;align-items:stretch}.clusterWrapper{width:100%;height:auto}.clusterContainer{width:100%;height:100%;border:3px solid;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;flex-direction:column}.clusterHostContainer{background:rgba(7,4,21,0.85);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-image:radial-gradient(circle,rgba(55,229,252,1),#007aca) 3 3}.clusterK8sContainer{background:rgba(7,4,21,0.8);border-image:radial-gradient(circle,rgba(255,102,51,1),#ff663399) 3 3}.clusterContent{flex:1;padding:20px 10px;width:100%}.clusterContentLayout{display:grid;width:100%}.itemContent{width:118px;pointer-events:none;height:105px}.clusterTitle{width:100%;text-align:center;line-height:57px;font-size:var(--auxiliary-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);position:relative;display:flex}.title{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clusterTitle:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.clusterHostContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(26,103,157,0.2) 0%,#1b69a0 100%)}.clusterK8sContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(255,102,51,0.1) 0%,rgba(255,102,51,0.55) 100%)}',""]);const o=n.toString()},1043:(e,t,a)=>{"use strict";a.d(t,{Z:()=>o});var r=a(9601),l=a.n(r),i=a(2609),n=a.n(i)()(l());n.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 o=n.toString()}}]);
+//# sourceMappingURL=cabinet-thumbnail.239c0a33.js.map

package/dist/chunks/cabinet-thumbnail.239c0a33.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunks/cabinet-thumbnail.239c0a33.js","mappings":"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","sources":["webpack:///./src/cabinet/cabinet-thumbnail/index.tsx","webpack:///./src/hooks/useResizeObserver/resizeObserverUtil.ts","webpack:///./src/hooks/useResizeObserver/index.ts","webpack:///./src/hooks/usePrevious/index.ts","webpack:///../../node_modules/classnames/index.js","webpack:///./src/cabinet/cabinet-thumbnail/cabinet-thumbnail.shadow.css","webpack:///./src/data-view-variables.shadow.css"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport { createDecorators } from \"@next-core/element\";\nimport classNames from \"classnames\";\nimport { CabinetNode, CabinetNodeProps } from \"../cabinet-node/index.js\";\nimport { ContainerType } from \"../cabinet-container/index.js\";\nimport variablesText from \"../../data-view-variables.shadow.css\";\nimport styleText from \"./cabinet-thumbnail.shadow.css\";\nimport { usePrevious } from \"../../hooks/index.js\";\nimport {\n  CabinetAppLayer,\n  CabinetAppLayerProps,\n} from \"../cabinet-app-layer/index.js\";\nconst WrappedCabinetAppLayer = wrapBrick<CabinetAppLayer, CabinetAppLayerProps>(\n  \"data-view.cabinet-app-layer\"\n);\nconst { defineElement, property } = createDecorators();\n\nconst WrappedNode = wrapBrick<CabinetNode, CabinetNodeProps>(\n  \"data-view.cabinet-node\"\n);\nexport interface Clusters {\n  data: CabinetNodeProps[];\n  type?: ContainerType;\n  title?: string | undefined;\n}\n\nexport interface CabinetThumbnailProps {\n  clusters: Clusters[];\n  appName: string;\n  columns?: number;\n}\n\n/**\n * @id data-view.cabinet-thumbnail\n * @name data-view.cabinet-thumbnail\n * @docKind brick\n * @description 应用墙缩略图\n * @author astrid\n * @noInheritDoc\n */\n@defineElement(\"data-view.cabinet-thumbnail\", {\n  styleTexts: [variablesText, styleText],\n})\nclass CabinetThumbnail\n  extends ReactNextElement\n  implements CabinetThumbnailProps\n{\n  /**\n   * @kind CabinetContainerProps[]\n   * @required true\n   * @default\n   * @description 集群数据\n   */\n  @property({ attribute: false })\n  accessor clusters: Clusters[] = [];\n\n  /**\n   * @kind number\n   * @required\n   * @default 4\n   * @description 单个容器列数\n   */\n  @property({ type: Number })\n  accessor columns: number = 4;\n\n  /**\n   * @kind string\n   * @required true\n   * @default\n   * @description 应用名称\n   */\n  @property()\n  accessor appName: string;\n\n  render(): React.ReactNode {\n    return (\n      <CabinetThumbnailComponent\n        clusters={this.clusters}\n        columns={this.columns}\n        appName={this.appName}\n      />\n    );\n  }\n}\n\nexport function CabinetThumbnailComponent(\n  props: CabinetThumbnailProps\n): React.ReactElement {\n  const { clusters, columns, appName } = props;\n  const containerRef = useRef<HTMLDivElement>();\n  const layoutRef = useRef<HTMLDivElement>();\n  const [scale, setScale] = useState<number>();\n  const preScale = usePrevious(scale);\n\n  useLayoutEffect(() => {\n    if (!!clusters.length && columns > 0) {\n      // 计算缩放比例\n      const wScale =\n        containerRef.current.clientWidth /\n        (layoutRef.current.clientWidth / (preScale ?? 1));\n      const hScale =\n        containerRef.current.clientHeight /\n        (layoutRef.current.clientHeight * (preScale ?? 1));\n      setScale(Math.min(Math.floor(Math.min(wScale, hScale) * 100) / 100, 1));\n    }\n  }, [clusters, preScale, columns]);\n\n  return (\n    <div ref={containerRef} className=\"wrapper\">\n      <div\n        className=\"thumbnailLayout\"\n        ref={layoutRef}\n        style={{\n          ...(scale ? { transform: `scale(${scale})` } : {}),\n        }}\n      >\n        <WrappedCabinetAppLayer className=\"appLayer\" appTitle={appName} />\n        <div className=\"layout\">\n          {clusters.map((item, index) => (\n            <div className=\"clusterWrapper\" key={index}>\n              <div\n                className={classNames(\"clusterContainer\", {\n                  clusterHostContainer:\n                    item.type === \"host\" || item.type === \"k8s-blue\",\n                  clusterK8sContainer: item.type === \"k8s\",\n                })}\n              >\n                <div className=\"clusterContent\">\n                  <div\n                    className=\"clusterContentLayout\"\n                    style={{ gridTemplateColumns: `repeat(${columns},1fr)` }}\n                  >\n                    {item.data.map((node, index) => (\n                      <div key={index} className=\"itemContent\">\n                        <WrappedNode\n                          type={node.type}\n                          nodeTitle={node.nodeTitle}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                </div>\n                <div className=\"clusterTitle\">\n                  <div className=\"title\">{item.title}</div>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\nexport { CabinetThumbnail };\n","import ResizeObserver from \"resize-observer-polyfill\";\n\nexport type ResizeCallback = (entry: ResizeObserverEntry) => void;\n\nconst elementListeners = new Map<Element, Set<ResizeCallback>>();\n\nexport const elementListeners_only_for_test =\n  process.env.NODE_ENV === \"test\"\n    ? elementListeners\n    : /* istanbul ignore next */ null;\n\nconst resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n  entries.forEach((entry) => {\n    const { target } = entry;\n    elementListeners.get(target)?.forEach((callback) => callback(entry));\n  });\n};\n\nconst resizeObserver: ResizeObserver = new (ResizeObserver as any)(resizeObserverCallback);\n\nexport const observe = (element: Element, callback: ResizeCallback): void => {\n  if (!elementListeners.has(element)) {\n    elementListeners.set(element, new Set());\n    resizeObserver.observe(element);\n  }\n\n  elementListeners.get(element).add(callback);\n};\n\nexport const unobserve = (element: Element, callback: ResizeCallback): void => {\n  if (elementListeners.has(element)) {\n    elementListeners.get(element).delete(callback);\n\n    if (elementListeners.get(element).size === 0) {\n      resizeObserver.unobserve(element);\n      elementListeners.delete(element);\n    }\n  }\n};\n","import {\n  useState,\n  useCallback,\n  useRef,\n  type RefObject,\n  useEffect,\n} from \"react\";\nimport { observe, unobserve } from \"./resizeObserverUtil.js\";\n\ninterface ElementSize {\n  clientWidth: number;\n  clientHeight: number;\n}\n\nexport interface ResizeObserveProps<T extends Element = Element> {\n  targetRef?: RefObject<T>;\n  onResize?: (size: ResizeObserverEntry) => void;\n}\n\nexport function useResizeObserver<T extends Element = Element>(\n  props?: ResizeObserveProps<T>\n): [RefObject<T>, ElementSize] {\n  const {\n    targetRef,\n    onResize,\n  } = props || {};\n\n  const localRef = useRef<T>();\n  const ref = targetRef ?? localRef;\n  const [size, setSize] = useState<ElementSize>({ clientWidth: 0, clientHeight: 0 });\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      const { target } = entry;\n      const { clientWidth = 0, clientHeight = 0 } = target;\n\n      setSize((prev) => {\n        // skip if same size\n        if (prev.clientWidth === clientWidth && prev.clientHeight === clientHeight) {\n          return prev;\n        }\n\n        onResize?.(entry);\n\n        return { clientWidth, clientHeight };\n      });\n    },\n    [onResize]\n  );\n\n  useEffect(() => {\n    if (\n      typeof ref !== \"object\" ||\n      ref === null ||\n      !(ref.current instanceof Element)\n    ) {\n      throw new Error(\"ResizeObserver must observe an Element\");\n    }\n\n    const element = ref.current;\n    observe(element, handleResize);\n\n    return () => {\n      unobserve(element, handleResize);\n    };\n  }, [handleResize, ref]);\n\n  return [ref, { ...size }];\n}\n","import {useRef, useEffect} from 'react';\nexport  function usePrevious<T>(data?: T):T|undefined{\n    const ref = useRef<T>();\n    useEffect(()=>{\n        ref.current = data\n    })\n    return ref.current;\n}\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*,\n*:after,\n*:before{box-sizing:border-box}.wrapper{width:100%;height:100%}.wrapper,\n.thumbnailLayout{display:flex;justify-content:center;align-items:center}.appLayer{width:90%;margin-bottom:16px;align-self:center;pointer-events:none}.thumbnailLayout{flex-direction:column}.layout{display:flex;gap:17px;margin-top:27px;align-items:stretch}.clusterWrapper{width:100%;height:auto}.clusterContainer{width:100%;height:100%;border:3px solid;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;flex-direction:column}.clusterHostContainer{background:rgba(7,4,21,0.85);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-image:radial-gradient(circle,rgba(55,229,252,1),#007aca) 3 3}.clusterK8sContainer{background:rgba(7,4,21,0.8);border-image:radial-gradient(circle,rgba(255,102,51,1),#ff663399) 3 3}.clusterContent{flex:1;padding:20px 10px;width:100%}.clusterContentLayout{display:grid;width:100%}.itemContent{width:118px;pointer-events:none;height:105px}.clusterTitle{width:100%;text-align:center;line-height:57px;font-size:var(--auxiliary-font-size);font-weight:var(--font-weight-400);color:var(--color-normal-text);position:relative;display:flex}.title{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clusterTitle:after{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.clusterHostContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(26,103,157,0.2) 0%,#1b69a0 100%)}.clusterK8sContainer > .clusterTitle:after{background:linear-gradient(180deg,rgba(255,102,51,0.1) 0%,rgba(255,102,51,0.55) 100%)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.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}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["_CabinetThumbnail","WrappedCabinetAppLayer","wrapBrick","defineElement","property","createDecorators","WrappedNode","_dec","styleTexts","variablesText","styleText","_dec2","attribute","_dec3","type","Number","_dec4","_A","WeakMap","_B","_C","CabinetThumbnail","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","writable","value","_initProto","_init_clusters","_init_columns","_init_appName","clusters","_classPrivateFieldGet","v","_classPrivateFieldSet","columns","appName","render","React","CabinetThumbnailComponent","this","props","containerRef","useRef","layoutRef","scale","setScale","useState","preScale","usePrevious","useLayoutEffect","length","wScale","current","clientWidth","hScale","clientHeight","Math","min","floor","ref","className","style","_objectSpread","transform","concat","appTitle","map","item","index","key","classNames","clusterHostContainer","clusterK8sContainer","gridTemplateColumns","data","node","nodeTitle","title","e","c","_initClass","_applyDecs","elementListeners","Map","resizeObserver","ResizeObserver","entries","forEach","entry","_elementListeners$get","target","get","callback","observe","element","has","set","Set","add","unobserve","delete","size","useResizeObserver","targetRef","onResize","localRef","setSize","handleResize","useCallback","prev","useEffect","Element","Error","hasOwn","hasOwnProperty","classes","i","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","call","join","module","exports","default","___CSS_LOADER_EXPORT___","id"],"sourceRoot":""}

package/dist/chunks/{complex-search.daaf142a.js → complex-search.8bae1f77.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[794,5628],{1594:(e,t,r)=>{r.d(t,{K:()=>a,NS:()=>n,k:()=>i});var a=function(e){return e.EMPTY_DATA="EMPTY_DATA",e}({}),n="bricks/data-view/complex-search",i={en:{EMPTY_DATA:"Empty data"},zh:{EMPTY_DATA:"空数据"}}},3593:(e,t,r)=>{r.r(t),r.d(t,{ComplexSearch:()=>ee,ComplexSearchComponent:()=>Se});var a,n,i,o,l,s,c,p,u,h,d,g,b,f,v,m,w,x,y,Z,k,E,z,M,S,T,B,I,W,A,C,N=r(7896),j=r(6666),P=r(3395),_=r(1815),D=r(381),O=r(687),U=r(2604),F=r(8657),R=r.n(F),Y=r(2061),K=r(8978),L=r(1043),q=r(1365),G=r(9149),H=r(6331),J=r(1594),Q=r(8214),{defineElement:V,property:X,event:$}=(0,Y.createDecorators)();(0,H.initializeReactI18n)(J.NS,J.k);var ee,te=(0,K.wrapBrick)("icons.general-icon");n=V("data-view.complex-search",{styleTexts:[L.Z,q.Z]}),i=X(),l=X(),c=X({attribute:!1}),u=X({attribute:!1}),d=$({type:"change"}),v=$({type:"search"}),y=$({type:"select"}),z=$({type:"focus"}),B=$({type:"blur"});var re=new WeakMap,ae=new WeakMap,ne=new WeakMap,ie=new WeakMap,oe=new WeakMap,le=new WeakMap,se=new WeakMap,ce=new WeakMap,pe=new WeakMap,ue=new WeakMap,he=new WeakMap,de=new WeakMap,ge=new WeakMap,be=new WeakMap;class fe extends K.ReactNextElement{constructor(){super(...arguments),(0,P.Z)(this,be,{get:Me,set:ze}),(0,P.Z)(this,de,{get:Ee,set:ke}),(0,P.Z)(this,ue,{get:Ze,set:ye}),(0,P.Z)(this,ce,{get:xe,set:we}),(0,P.Z)(this,le,{get:me,set:ve}),(0,P.Z)(this,re,{writable:!0,value:(C(this),o(this))}),(0,P.Z)(this,ae,{writable:!0,value:s(this)}),(0,P.Z)(this,ne,{writable:!0,value:p(this)}),(0,P.Z)(this,ie,{writable:!0,value:h(this)}),(0,P.Z)(this,oe,{writable:!0,value:g(this)}),(0,P.Z)(this,se,{writable:!0,value:m(this)}),(0,P.Z)(this,pe,{writable:!0,value:Z(this)}),(0,P.Z)(this,he,{writable:!0,value:M(this)}),(0,P.Z)(this,ge,{writable:!0,value:I(this)}),(0,j.Z)(this,"handleInputChange",(e=>{(0,O.Z)(this,le).emit(e)})),(0,j.Z)(this,"handleSearch",(e=>{(0,O.Z)(this,ce).emit(e)})),(0,j.Z)(this,"handleFocus",(()=>{(0,O.Z)(this,de).emit()})),(0,j.Z)(this,"handleBlur",(()=>{(0,O.Z)(this,be).emit()})),(0,j.Z)(this,"handleSelect",(e=>{(0,O.Z)(this,ue).emit(e)}))}get value(){return(0,O.Z)(this,re)}set value(e){(0,D.Z)(this,re,e)}get placeholder(){return(0,O.Z)(this,ae)}set placeholder(e){(0,D.Z)(this,ae,e)}get options(){return(0,O.Z)(this,ne)}set options(e){(0,D.Z)(this,ne,e)}get tooltipUseBrick(){return(0,O.Z)(this,ie)}set tooltipUseBrick(e){(0,D.Z)(this,ie,e)}render(){return R().createElement(Se,{value:this.value,onInputChange:this.handleInputChange,onSearch:this.handleSearch,onBlur:this.handleBlur,onFocus:this.handleFocus,tooltipUseBrick:this.tooltipUseBrick,placeholder:this.placeholder,onSelect:this.handleSelect,options:this.options})}}function ve(e){f(this,e)}function me(){return b(this)}function we(e){x(this,e)}function xe(){return w(this)}function ye(e){E(this,e)}function Ze(){return k(this)}function ke(e){T(this,e)}function Ee(){return S(this)}function ze(e){A(this,e)}function Me(){return W(this)}function Se(e){var{onInputChange:t,onSearch:r,onBlur:a,onFocus:n,tooltipUseBrick:i,placeholder:o,onSelect:l,options:s=[]}=e,{t:c}=(0,H.useTranslation)(J.NS),[p,u]=(0,F.useState)(!1),h=(0,F.useRef)(null),[d,g]=(0,F.useState)(!1),[b,f]=(0,F.useState)(),[v,m]=(0,F.useState)(0),[w,x]=(0,F.useState)(!1),[y,Z]=(0,F.useState)(e.value);(0,F.useEffect)((()=>{Z(e.value)}),[e.value]),(0,F.useEffect)((()=>{u(!!y)}),[y]);var k=e=>{e.composedPath().some((e=>e===h.current))||g(!1)},E=(0,F.useMemo)((()=>null!=i&&i.useBrick?R().createElement("div",{className:"dropdownMenuItemTooltip",style:{top:v,visibility:w?"visible":"hidden",opacity:w?1:0},onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1)},R().createElement("div",{className:"useBrickWrapper"},R().createElement(G.ReactUseMultipleBricks,{useBrick:i.useBrick,data:b||{}}))):void 0),[b,i,v,w]);return(0,F.useEffect)((()=>(document.addEventListener("click",k),()=>document.removeEventListener("click",k))),[]),R().createElement("div",{className:"wrapper",ref:h},R().createElement("div",{className:"inputWrapper"},R().createElement("input",{placeholder:o,value:null!=y?y:"",type:"text",onChange:e=>{return r=e.target.value,Z(r),t(r),void g(!0);var r},onFocus:()=>{g(!0),n()},onBlur:a,onKeyDown:e=>{"Enter"===e.key&&(g(!1),Z(e.target.value),r(e.target.value))}}),R().createElement(te,{className:"searchIcon icon",lib:"antd",icon:"search",theme:"outlined"}),p&&R().createElement(te,{className:"clearIcon icon",onClick:()=>{Z(null),t(""),g(!1)},lib:"antd",icon:"close-circle",theme:"filled"})),R().createElement("div",{className:"dropdownWrapper",style:{visibility:d?"visible":"hidden"}},s.length?R().createElement("div",{className:"dropdownMenu"},s.map(((e,t)=>R().createElement("div",{className:"dropdownMenuItem",key:t,onMouseEnter:t=>((e,t)=>{f(t),x(!0);var r=e.target.getBoundingClientRect().top-h.current.getBoundingClientRect().top;m(r)})(t,e),onMouseLeave:()=>x(!1),onClick:()=>{return Z((t=e).name),l(t),void g(!1);var t}},R().createElement(te,(0,N.Z)({},e.icon,{className:"menuIcon"})),R().createElement("span",{className:"menuTitle"},e.name))))):R().createElement("div",{className:"emptyData"},R().createElement("img",{src:Q,alt:c(J.K.EMPTY_DATA)}),R().createElement("span",null,c(J.K.EMPTY_DATA)))),E)}({e:[o,s,p,h,g,b,f,m,w,x,Z,k,E,M,S,T,I,W,A,C],c:[ee,a]}=(0,U.Z)(fe,[[i,1,"value"],[l,1,"placeholder"],[c,1,"options"],[u,1,"tooltipUseBrick"],[d,1,"inputChangeEvent",e=>(0,O.Z)(e,oe),(e,t)=>(0,D.Z)(e,oe,t)],[v,1,"onSearchEvent",e=>(0,O.Z)(e,se),(e,t)=>(0,D.Z)(e,se,t)],[y,1,"onSelectEvent",e=>(0,O.Z)(e,pe),(e,t)=>(0,D.Z)(e,pe,t)],[z,1,"onFocusEvent",e=>(0,O.Z)(e,he),(e,t)=>(0,D.Z)(e,he,t)],[B,1,"onBlurEvent",e=>(0,O.Z)(e,ge),(e,t)=>(0,D.Z)(e,ge,t)]],[n],0,(e=>le.has((0,_.Z)(e))))),a()},1365:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),i=r(2609),o=r.n(i)()(n());o.push([e.id,'.wrapper{width:100%;position:relative}.inputWrapper{width:100%;height:32px;position:relative}input{height:100%;line-height:32px;border:none;width:100%;box-sizing:border-box;padding:0 32px;background:var(--color-fill-bg-base-1);border-radius:var(--medius-border-radius);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400);color:var(--color-normal-text)}input::placeholder{color:var(--color-disabled-text);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400)}input:not(:disabled):focus{border:none;outline:0}.icon{position:absolute;color:var(--color-normal-text);opacity:0.6}.searchIcon{left:10px;top:6px;font-size:16px}.clearIcon{right:10px;top:7px;font-size:14px}.dropdownWrapper{width:100%;height:336px;margin:5px 0;padding:8px 0;box-sizing:border-box;position:absolute;z-index:900;overflow:auto;background:var(--color-fill-bg-base-1);border-radius:var(--medius-border-radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.emptyData{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--color-disabled-text);gap:20px}.emptyData img{width:62px}.dropdownMenu{overflow-y:auto}.dropdownMenuItem{padding:6px 18px;color:var(--color-normal-text);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400);display:flex;align-items:center;gap:6px;height:32px;line-height:20px;box-sizing:border-box;cursor:pointer}.menuTitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menuIcon{font-size:20px}.dropdownMenuItem:hover{border-radius:var(--no-border-radius);background:var(--color-fill-bg-container-1)}.dropdownMenuItemTooltip{position:absolute;width:324px;left:-325px;top:0;background:var(--color-fill-bg-base-4);border-radius:var(--medius-border-radius)}.dropdownMenuItemTooltip:before{content:"";position:absolute;top:0;width:100%;height:100%;left:0;background:#282e3a linear-gradient(186deg,rgba(51,102,255,0.3) 0%,rgba(51,102,255,0) 100%);border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.useBrickWrapper{position:relative;min-height:100px;max-height:465px;overflow:auto}',""]);const l=o.toString()},1043:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),i=r(2609),o=r.n(i)()(n());o.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=o.toString()},2609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",a=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),a&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),a&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,a,n,i){"string"==typeof e&&(e=[[null,e,void 0]]);var o={};if(a)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(o[s]=!0)}for(var c=0;c<e.length;c++){var p=[].concat(e[c]);a&&o[p[0]]||(void 0!==i&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=i),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),t.push(p))}},t}},9601:e=>{e.exports=function(e){return e[1]}},8214:(e,t,r)=>{e.exports=r.p+"images/6d954a25.png"},2604:(e,t,r)=>{r.d(t,{Z:()=>g});var a=r(6522),n=r(1815);function i(e,t){return function(r){(function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished")})(t),s(r,"An initializer"),e.push(r)}}function o(e,t){if(!e(t))throw new TypeError("Attempted to access private element on non-instance")}function l(e,t,r,a,n,l,s,c,p,u){var h;switch(l){case 1:h="accessor";break;case 2:h="method";break;case 3:h="getter";break;case 4:h="setter";break;default:h="field"}var d,g,b={kind:h,name:c?"#"+r:r,static:s,private:c},f={v:!1};if(0!==l&&(b.addInitializer=i(n,f)),c||0!==l&&2!==l)if(2===l)d=function(e){return o(u,e),a.value};else{var v=0===l||1===l;(v||3===l)&&(d=c?function(e){return o(u,e),a.get.call(e)}:function(e){return a.get.call(e)}),(v||4===l)&&(g=c?function(e,t){o(u,e),a.set.call(e,t)}:function(e,t){a.set.call(e,t)})}else d=function(e){return e[r]},0===l&&(g=function(e,t){e[r]=t});var m=c?u.bind():function(e){return r in e};b.access=d&&g?{get:d,set:g,has:m}:d?{get:d,has:m}:{set:g,has:m};try{return e.call(t,p,b)}finally{f.v=!0}}function s(e,t){if("function"!=typeof e)throw new TypeError(t+" must be a function")}function c(e,t){var r=(0,a.Z)(t);if(1===e){if("object"!==r||null===t)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");void 0!==t.get&&s(t.get,"accessor.get"),void 0!==t.set&&s(t.set,"accessor.set"),void 0!==t.init&&s(t.init,"accessor.init")}else if("function"!==r)throw new TypeError((0===e?"field":5===e?"class":"method")+" decorators must return a function or void 0")}function p(e){return function(t){e(this,t)}}function u(e,t,r,a,n,i,o,s,u,h){var d,g,b,f,v,m,w,x=r[0];a||Array.isArray(x)||(x=[x]),s?d=0===i||1===i?{get:(w=r[3],function(){return w(this)}),set:p(r[4])}:3===i?{get:r[3]}:4===i?{set:r[3]}:{value:r[3]}:0!==i&&(d=Object.getOwnPropertyDescriptor(t,n)),1===i?b={get:d.get,set:d.set}:2===i?b=d.value:3===i?b=d.get:4===i&&(b=d.set);for(var y=a?2:1,Z=x.length-1;Z>=0;Z-=y){var k;void 0!==(f=l(x[Z],a?x[Z-1]:void 0,n,d,u,i,o,s,b,h))&&(c(i,f),0===i?k=f:1===i?(k=f.init,v=f.get||b.get,m=f.set||b.set,b={get:v,set:m}):b=f,void 0!==k&&(void 0===g?g=k:"function"==typeof g?g=[g,k]:g.push(k)))}if(0===i||1===i){if(void 0===g)g=function(e,t){return t};else if("function"!=typeof g){var E=g;g=function(e,t){for(var r=t,a=E.length-1;a>=0;a--)r=E[a].call(e,r);return r}}else{var z=g;g=function(e,t){return z.call(e,t)}}e.push(g)}0!==i&&(1===i?(d.get=b.get,d.set=b.set):2===i?d.value=b:3===i?d.get=b:4===i&&(d.set=b),s?1===i?(e.push((function(e,t){return b.get.call(e,t)})),e.push((function(e,t){return b.set.call(e,t)}))):2===i?e.push(b):e.push((function(e,t){return b.call(e,t)})):Object.defineProperty(t,n,d))}function h(e,t,r){for(var a,i,o,l=[],s=new Map,c=new Map,p=0;p<t.length;p++){var h=t[p];if(Array.isArray(h)){var g,b,f=h[1],v=h[2],m=h.length>3,w=16&f,x=!!(8&f),y=r;if(f&=7,x?(g=e,0!==f&&(b=i=i||[]),m&&!o&&(o=function(t){return(0,n.Z)(t)===e}),y=o):(g=e.prototype,0!==f&&(b=a=a||[])),0!==f&&!m){var Z=x?c:s,k=Z.get(v)||0;if(!0===k||3===k&&4!==f||4===k&&3!==f)throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+v);Z.set(v,!(!k&&f>2)||f)}u(l,g,h,w,v,f,x,m,b,y)}}return d(l,a),d(l,i),l}function d(e,t){t&&e.push((function(e){for(var r=0;r<t.length;r++)t[r].call(e);return e}))}function g(e,t,r,a,n){return{e:h(e,t,n),get c(){return function(e,t,r){if(t.length){for(var a=[],n=e,o=e.name,l=r?2:1,s=t.length-1;s>=0;s-=l){var p={v:!1};try{var u=t[s].call(r?t[s-1]:void 0,n,{kind:"class",name:o,addInitializer:i(a,p)})}finally{p.v=!0}void 0!==u&&(c(5,u),n=u)}return[n,function(){for(var e=0;e<a.length;e++)a[e].call(n)}]}}(e,r,a)}}}},1815:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(6522);function n(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,a.Z)(e):"null"));return e}},5863:(e,t,r)=>{function a(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{Z:()=>a})},175:(e,t,r)=>{function a(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}r.d(t,{Z:()=>a})},687:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(175);function n(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,(0,a.Z)(e,t,"get"))}},3395:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(5863);function n(e,t,r){(0,a.Z)(e,t),t.set(e,r)}},381:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(175);function n(e,t,r){return function(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}(e,(0,a.Z)(e,t,"set"),r),r}},6666:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(5850);function n(e,t,r){return(t=(0,a.Z)(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},7896:(e,t,r)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}r.d(t,{Z:()=>a})},5850:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(6522);function n(e){var t=function(e,t){if("object"!==(0,a.Z)(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==(0,a.Z)(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===(0,a.Z)(t)?t:String(t)}},6522:(e,t,r)=>{function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}r.d(t,{Z:()=>a})}}]);
-//# sourceMappingURL=complex-search.daaf142a.js.map
+"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[794,5628],{1594:(e,t,r)=>{r.d(t,{K:()=>a,NS:()=>n,k:()=>i});var a=function(e){return e.EMPTY_DATA="EMPTY_DATA",e}({}),n="bricks/data-view/complex-search",i={en:{EMPTY_DATA:"Empty data"},zh:{EMPTY_DATA:"空数据"}}},3593:(e,t,r)=>{r.r(t),r.d(t,{ComplexSearch:()=>ee,ComplexSearchComponent:()=>Se});var a,n,i,o,l,s,c,p,u,h,d,g,b,f,v,m,w,x,y,Z,k,E,z,M,S,T,B,I,W,A,C,N=r(7896),j=r(6666),P=r(3395),_=r(1815),D=r(381),O=r(687),U=r(2604),F=r(8657),R=r.n(F),Y=r(2061),K=r(8978),L=r(1043),q=r(1365),G=r(5055),H=r(6331),J=r(1594),Q=r(8214),{defineElement:V,property:X,event:$}=(0,Y.createDecorators)();(0,H.initializeReactI18n)(J.NS,J.k);var ee,te=(0,K.wrapBrick)("icons.general-icon");n=V("data-view.complex-search",{styleTexts:[L.Z,q.Z]}),i=X(),l=X(),c=X({attribute:!1}),u=X({attribute:!1}),d=$({type:"change"}),v=$({type:"search"}),y=$({type:"select"}),z=$({type:"focus"}),B=$({type:"blur"});var re=new WeakMap,ae=new WeakMap,ne=new WeakMap,ie=new WeakMap,oe=new WeakMap,le=new WeakMap,se=new WeakMap,ce=new WeakMap,pe=new WeakMap,ue=new WeakMap,he=new WeakMap,de=new WeakMap,ge=new WeakMap,be=new WeakMap;class fe extends K.ReactNextElement{constructor(){super(...arguments),(0,P.Z)(this,be,{get:Me,set:ze}),(0,P.Z)(this,de,{get:Ee,set:ke}),(0,P.Z)(this,ue,{get:Ze,set:ye}),(0,P.Z)(this,ce,{get:xe,set:we}),(0,P.Z)(this,le,{get:me,set:ve}),(0,P.Z)(this,re,{writable:!0,value:(C(this),o(this))}),(0,P.Z)(this,ae,{writable:!0,value:s(this)}),(0,P.Z)(this,ne,{writable:!0,value:p(this)}),(0,P.Z)(this,ie,{writable:!0,value:h(this)}),(0,P.Z)(this,oe,{writable:!0,value:g(this)}),(0,P.Z)(this,se,{writable:!0,value:m(this)}),(0,P.Z)(this,pe,{writable:!0,value:Z(this)}),(0,P.Z)(this,he,{writable:!0,value:M(this)}),(0,P.Z)(this,ge,{writable:!0,value:I(this)}),(0,j.Z)(this,"handleInputChange",(e=>{(0,O.Z)(this,le).emit(e)})),(0,j.Z)(this,"handleSearch",(e=>{(0,O.Z)(this,ce).emit(e)})),(0,j.Z)(this,"handleFocus",(()=>{(0,O.Z)(this,de).emit()})),(0,j.Z)(this,"handleBlur",(()=>{(0,O.Z)(this,be).emit()})),(0,j.Z)(this,"handleSelect",(e=>{(0,O.Z)(this,ue).emit(e)}))}get value(){return(0,O.Z)(this,re)}set value(e){(0,D.Z)(this,re,e)}get placeholder(){return(0,O.Z)(this,ae)}set placeholder(e){(0,D.Z)(this,ae,e)}get options(){return(0,O.Z)(this,ne)}set options(e){(0,D.Z)(this,ne,e)}get tooltipUseBrick(){return(0,O.Z)(this,ie)}set tooltipUseBrick(e){(0,D.Z)(this,ie,e)}render(){return R().createElement(Se,{value:this.value,onInputChange:this.handleInputChange,onSearch:this.handleSearch,onBlur:this.handleBlur,onFocus:this.handleFocus,tooltipUseBrick:this.tooltipUseBrick,placeholder:this.placeholder,onSelect:this.handleSelect,options:this.options})}}function ve(e){f(this,e)}function me(){return b(this)}function we(e){x(this,e)}function xe(){return w(this)}function ye(e){E(this,e)}function Ze(){return k(this)}function ke(e){T(this,e)}function Ee(){return S(this)}function ze(e){A(this,e)}function Me(){return W(this)}function Se(e){var{onInputChange:t,onSearch:r,onBlur:a,onFocus:n,tooltipUseBrick:i,placeholder:o,onSelect:l,options:s=[]}=e,{t:c}=(0,H.useTranslation)(J.NS),[p,u]=(0,F.useState)(!1),h=(0,F.useRef)(null),[d,g]=(0,F.useState)(!1),[b,f]=(0,F.useState)(),[v,m]=(0,F.useState)(0),[w,x]=(0,F.useState)(!1),[y,Z]=(0,F.useState)(e.value);(0,F.useEffect)((()=>{Z(e.value)}),[e.value]),(0,F.useEffect)((()=>{u(!!y)}),[y]);var k=e=>{e.composedPath().some((e=>e===h.current))||g(!1)},E=(0,F.useMemo)((()=>null!=i&&i.useBrick?R().createElement("div",{className:"dropdownMenuItemTooltip",style:{top:v,visibility:w?"visible":"hidden",opacity:w?1:0},onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1)},R().createElement("div",{className:"useBrickWrapper"},R().createElement(G.ReactUseMultipleBricks,{useBrick:i.useBrick,data:b||{}}))):void 0),[b,i,v,w]);return(0,F.useEffect)((()=>(document.addEventListener("click",k),()=>document.removeEventListener("click",k))),[]),R().createElement("div",{className:"wrapper",ref:h},R().createElement("div",{className:"inputWrapper"},R().createElement("input",{placeholder:o,value:null!=y?y:"",type:"text",onChange:e=>{return r=e.target.value,Z(r),t(r),void g(!0);var r},onFocus:()=>{g(!0),n()},onBlur:a,onKeyDown:e=>{"Enter"===e.key&&(g(!1),Z(e.target.value),r(e.target.value))}}),R().createElement(te,{className:"searchIcon icon",lib:"antd",icon:"search",theme:"outlined"}),p&&R().createElement(te,{className:"clearIcon icon",onClick:()=>{Z(null),t(""),g(!1)},lib:"antd",icon:"close-circle",theme:"filled"})),R().createElement("div",{className:"dropdownWrapper",style:{visibility:d?"visible":"hidden"}},s.length?R().createElement("div",{className:"dropdownMenu"},s.map(((e,t)=>R().createElement("div",{className:"dropdownMenuItem",key:t,onMouseEnter:t=>((e,t)=>{f(t),x(!0);var r=e.target.getBoundingClientRect().top-h.current.getBoundingClientRect().top;m(r)})(t,e),onMouseLeave:()=>x(!1),onClick:()=>{return Z((t=e).name),l(t),void g(!1);var t}},R().createElement(te,(0,N.Z)({},e.icon,{className:"menuIcon"})),R().createElement("span",{className:"menuTitle"},e.name))))):R().createElement("div",{className:"emptyData"},R().createElement("img",{src:Q,alt:c(J.K.EMPTY_DATA)}),R().createElement("span",null,c(J.K.EMPTY_DATA)))),E)}({e:[o,s,p,h,g,b,f,m,w,x,Z,k,E,M,S,T,I,W,A,C],c:[ee,a]}=(0,U.Z)(fe,[[i,1,"value"],[l,1,"placeholder"],[c,1,"options"],[u,1,"tooltipUseBrick"],[d,1,"inputChangeEvent",e=>(0,O.Z)(e,oe),(e,t)=>(0,D.Z)(e,oe,t)],[v,1,"onSearchEvent",e=>(0,O.Z)(e,se),(e,t)=>(0,D.Z)(e,se,t)],[y,1,"onSelectEvent",e=>(0,O.Z)(e,pe),(e,t)=>(0,D.Z)(e,pe,t)],[z,1,"onFocusEvent",e=>(0,O.Z)(e,he),(e,t)=>(0,D.Z)(e,he,t)],[B,1,"onBlurEvent",e=>(0,O.Z)(e,ge),(e,t)=>(0,D.Z)(e,ge,t)]],[n],0,(e=>le.has((0,_.Z)(e))))),a()},1365:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),i=r(2609),o=r.n(i)()(n());o.push([e.id,'.wrapper{width:100%;position:relative}.inputWrapper{width:100%;height:32px;position:relative}input{height:100%;line-height:32px;border:none;width:100%;box-sizing:border-box;padding:0 32px;background:var(--color-fill-bg-base-1);border-radius:var(--medius-border-radius);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400);color:var(--color-normal-text)}input::placeholder{color:var(--color-disabled-text);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400)}input:not(:disabled):focus{border:none;outline:0}.icon{position:absolute;color:var(--color-normal-text);opacity:0.6}.searchIcon{left:10px;top:6px;font-size:16px}.clearIcon{right:10px;top:7px;font-size:14px}.dropdownWrapper{width:100%;height:336px;margin:5px 0;padding:8px 0;box-sizing:border-box;position:absolute;z-index:900;overflow:auto;background:var(--color-fill-bg-base-1);border-radius:var(--medius-border-radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.emptyData{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--color-disabled-text);gap:20px}.emptyData img{width:62px}.dropdownMenu{overflow-y:auto}.dropdownMenuItem{padding:6px 18px;color:var(--color-normal-text);font-size:var(--auxiliary-font-size-small);font-weight:var(--font-weight-400);display:flex;align-items:center;gap:6px;height:32px;line-height:20px;box-sizing:border-box;cursor:pointer}.menuTitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menuIcon{font-size:20px}.dropdownMenuItem:hover{border-radius:var(--no-border-radius);background:var(--color-fill-bg-container-1)}.dropdownMenuItemTooltip{position:absolute;width:324px;left:-325px;top:0;background:var(--color-fill-bg-base-4);border-radius:var(--medius-border-radius)}.dropdownMenuItemTooltip:before{content:"";position:absolute;top:0;width:100%;height:100%;left:0;background:#282e3a linear-gradient(186deg,rgba(51,102,255,0.3) 0%,rgba(51,102,255,0) 100%);border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.useBrickWrapper{position:relative;min-height:100px;max-height:465px;overflow:auto}',""]);const l=o.toString()},1043:(e,t,r)=>{r.d(t,{Z:()=>l});var a=r(9601),n=r.n(a),i=r(2609),o=r.n(i)()(n());o.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=o.toString()},2609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",a=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),a&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),a&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,a,n,i){"string"==typeof e&&(e=[[null,e,void 0]]);var o={};if(a)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(o[s]=!0)}for(var c=0;c<e.length;c++){var p=[].concat(e[c]);a&&o[p[0]]||(void 0!==i&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=i),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),t.push(p))}},t}},9601:e=>{e.exports=function(e){return e[1]}},8214:(e,t,r)=>{e.exports=r.p+"images/6d954a25.png"},2604:(e,t,r)=>{r.d(t,{Z:()=>g});var a=r(6522),n=r(1815);function i(e,t){return function(r){(function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished")})(t),s(r,"An initializer"),e.push(r)}}function o(e,t){if(!e(t))throw new TypeError("Attempted to access private element on non-instance")}function l(e,t,r,a,n,l,s,c,p,u){var h;switch(l){case 1:h="accessor";break;case 2:h="method";break;case 3:h="getter";break;case 4:h="setter";break;default:h="field"}var d,g,b={kind:h,name:c?"#"+r:r,static:s,private:c},f={v:!1};if(0!==l&&(b.addInitializer=i(n,f)),c||0!==l&&2!==l)if(2===l)d=function(e){return o(u,e),a.value};else{var v=0===l||1===l;(v||3===l)&&(d=c?function(e){return o(u,e),a.get.call(e)}:function(e){return a.get.call(e)}),(v||4===l)&&(g=c?function(e,t){o(u,e),a.set.call(e,t)}:function(e,t){a.set.call(e,t)})}else d=function(e){return e[r]},0===l&&(g=function(e,t){e[r]=t});var m=c?u.bind():function(e){return r in e};b.access=d&&g?{get:d,set:g,has:m}:d?{get:d,has:m}:{set:g,has:m};try{return e.call(t,p,b)}finally{f.v=!0}}function s(e,t){if("function"!=typeof e)throw new TypeError(t+" must be a function")}function c(e,t){var r=(0,a.Z)(t);if(1===e){if("object"!==r||null===t)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");void 0!==t.get&&s(t.get,"accessor.get"),void 0!==t.set&&s(t.set,"accessor.set"),void 0!==t.init&&s(t.init,"accessor.init")}else if("function"!==r)throw new TypeError((0===e?"field":5===e?"class":"method")+" decorators must return a function or void 0")}function p(e){return function(t){e(this,t)}}function u(e,t,r,a,n,i,o,s,u,h){var d,g,b,f,v,m,w,x=r[0];a||Array.isArray(x)||(x=[x]),s?d=0===i||1===i?{get:(w=r[3],function(){return w(this)}),set:p(r[4])}:3===i?{get:r[3]}:4===i?{set:r[3]}:{value:r[3]}:0!==i&&(d=Object.getOwnPropertyDescriptor(t,n)),1===i?b={get:d.get,set:d.set}:2===i?b=d.value:3===i?b=d.get:4===i&&(b=d.set);for(var y=a?2:1,Z=x.length-1;Z>=0;Z-=y){var k;void 0!==(f=l(x[Z],a?x[Z-1]:void 0,n,d,u,i,o,s,b,h))&&(c(i,f),0===i?k=f:1===i?(k=f.init,v=f.get||b.get,m=f.set||b.set,b={get:v,set:m}):b=f,void 0!==k&&(void 0===g?g=k:"function"==typeof g?g=[g,k]:g.push(k)))}if(0===i||1===i){if(void 0===g)g=function(e,t){return t};else if("function"!=typeof g){var E=g;g=function(e,t){for(var r=t,a=E.length-1;a>=0;a--)r=E[a].call(e,r);return r}}else{var z=g;g=function(e,t){return z.call(e,t)}}e.push(g)}0!==i&&(1===i?(d.get=b.get,d.set=b.set):2===i?d.value=b:3===i?d.get=b:4===i&&(d.set=b),s?1===i?(e.push((function(e,t){return b.get.call(e,t)})),e.push((function(e,t){return b.set.call(e,t)}))):2===i?e.push(b):e.push((function(e,t){return b.call(e,t)})):Object.defineProperty(t,n,d))}function h(e,t,r){for(var a,i,o,l=[],s=new Map,c=new Map,p=0;p<t.length;p++){var h=t[p];if(Array.isArray(h)){var g,b,f=h[1],v=h[2],m=h.length>3,w=16&f,x=!!(8&f),y=r;if(f&=7,x?(g=e,0!==f&&(b=i=i||[]),m&&!o&&(o=function(t){return(0,n.Z)(t)===e}),y=o):(g=e.prototype,0!==f&&(b=a=a||[])),0!==f&&!m){var Z=x?c:s,k=Z.get(v)||0;if(!0===k||3===k&&4!==f||4===k&&3!==f)throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+v);Z.set(v,!(!k&&f>2)||f)}u(l,g,h,w,v,f,x,m,b,y)}}return d(l,a),d(l,i),l}function d(e,t){t&&e.push((function(e){for(var r=0;r<t.length;r++)t[r].call(e);return e}))}function g(e,t,r,a,n){return{e:h(e,t,n),get c(){return function(e,t,r){if(t.length){for(var a=[],n=e,o=e.name,l=r?2:1,s=t.length-1;s>=0;s-=l){var p={v:!1};try{var u=t[s].call(r?t[s-1]:void 0,n,{kind:"class",name:o,addInitializer:i(a,p)})}finally{p.v=!0}void 0!==u&&(c(5,u),n=u)}return[n,function(){for(var e=0;e<a.length;e++)a[e].call(n)}]}}(e,r,a)}}}},1815:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(6522);function n(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,a.Z)(e):"null"));return e}},5863:(e,t,r)=>{function a(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{Z:()=>a})},175:(e,t,r)=>{function a(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}r.d(t,{Z:()=>a})},687:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(175);function n(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,(0,a.Z)(e,t,"get"))}},3395:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(5863);function n(e,t,r){(0,a.Z)(e,t),t.set(e,r)}},381:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(175);function n(e,t,r){return function(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}(e,(0,a.Z)(e,t,"set"),r),r}},6666:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(5850);function n(e,t,r){return(t=(0,a.Z)(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},7896:(e,t,r)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}r.d(t,{Z:()=>a})},5850:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(6522);function n(e){var t=function(e,t){if("object"!==(0,a.Z)(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==(0,a.Z)(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===(0,a.Z)(t)?t:String(t)}},6522:(e,t,r)=>{function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}r.d(t,{Z:()=>a})}}]);
+//# sourceMappingURL=complex-search.8bae1f77.js.map