UNPKG

@codesandbox/sandpack-client

Version:

<img style="width:100%" src="https://user-images.githubusercontent.com/4838076/143581035-ebee5ba2-9cb1-4fe8-a05b-2f44bd69bb4b.gif" alt="Component toolkit for live running code editing experiences" />

1 lines 362 kB
(this.csbJsonP=this.csbJsonP||[]).push([["vendors~react-devtools-backend"],{"../../node_modules/react-devtools-inline/backend.js":function(e,t,n){e.exports=n("../../node_modules/react-devtools-inline/dist/backend.js")},"../../node_modules/react-devtools-inline/dist/backend.js":function(e,t,n){e.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=203)}({0:function(e,t){e.exports=n("../../node_modules/react/index.js")},1:function(e,t,n){"use strict";n.d(t,"b",(function(){return r})),n.d(t,"e",(function(){return o})),n.d(t,"f",(function(){return i})),n.d(t,"D",(function(){return a})),n.d(t,"E",(function(){return s})),n.d(t,"v",(function(){return l})),n.d(t,"w",(function(){return c})),n.d(t,"y",(function(){return u})),n.d(t,"B",(function(){return f})),n.d(t,"A",(function(){return d})),n.d(t,"x",(function(){return p})),n.d(t,"z",(function(){return h})),n.d(t,"g",(function(){return m})),n.d(t,"h",(function(){return g})),n.d(t,"r",(function(){return v})),n.d(t,"j",(function(){return y})),n.d(t,"k",(function(){return b})),n.d(t,"s",(function(){return E})),n.d(t,"t",(function(){return w})),n.d(t,"l",(function(){return _})),n.d(t,"m",(function(){return O})),n.d(t,"n",(function(){return S})),n.d(t,"o",(function(){return I})),n.d(t,"i",(function(){return T})),n.d(t,"p",(function(){return C})),n.d(t,"a",(function(){return R})),n.d(t,"C",(function(){return j})),n.d(t,"q",(function(){return x})),n.d(t,"u",(function(){return k})),n.d(t,"c",(function(){return N})),n.d(t,"d",(function(){return P}));const r="fmkadmapgofadopljbjfkapdkoienihi",o="dnjnjgbfilfphmojnmhliehogmojhclc",i="ikiahnapldjmdmpkmfhjdjilojjhgcbf",a=!1,s=!1,l=1,c=2,u=3,f=4,d=5,p=6,h=7,m="React::DevTools::defaultTab",g="React::DevTools::componentFilters",v="React::DevTools::lastSelection",y="React::DevTools::openInEditorUrl",b="React::DevTools::parseHookNames",E="React::DevTools::recordChangeDescriptions",w="React::DevTools::reloadAndProfile",_="React::DevTools::breakOnConsoleErrors",O="React::DevTools::appendComponentStack",S="React::DevTools::showInlineWarningsAndErrors",I="React::DevTools::traceUpdatesEnabled",T="React::DevTools::hideConsoleLogsInStrictMode",C=5,R="https://github.com/facebook/react/blob/main/packages/react-devtools/CHANGELOG.md",j="https://reactjs.org/blog/2019/08/15/new-react-devtools.html#how-do-i-get-the-old-version-back",x="https://fburl.com/react-devtools-workplace-group",k={light:{"--color-attribute-name":"#ef6632","--color-attribute-name-not-editable":"#23272f","--color-attribute-name-inverted":"rgba(255, 255, 255, 0.7)","--color-attribute-value":"#1a1aa6","--color-attribute-value-inverted":"#ffffff","--color-attribute-editable-value":"#1a1aa6","--color-background":"#ffffff","--color-background-hover":"rgba(0, 136, 250, 0.1)","--color-background-inactive":"#e5e5e5","--color-background-invalid":"#fff0f0","--color-background-selected":"#0088fa","--color-button-background":"#ffffff","--color-button-background-focus":"#ededed","--color-button":"#5f6673","--color-button-disabled":"#cfd1d5","--color-button-active":"#0088fa","--color-button-focus":"#23272f","--color-button-hover":"#23272f","--color-border":"#eeeeee","--color-commit-did-not-render-fill":"#cfd1d5","--color-commit-did-not-render-fill-text":"#000000","--color-commit-did-not-render-pattern":"#cfd1d5","--color-commit-did-not-render-pattern-text":"#333333","--color-commit-gradient-0":"#37afa9","--color-commit-gradient-1":"#63b19e","--color-commit-gradient-2":"#80b393","--color-commit-gradient-3":"#97b488","--color-commit-gradient-4":"#abb67d","--color-commit-gradient-5":"#beb771","--color-commit-gradient-6":"#cfb965","--color-commit-gradient-7":"#dfba57","--color-commit-gradient-8":"#efbb49","--color-commit-gradient-9":"#febc38","--color-commit-gradient-text":"#000000","--color-component-name":"#6a51b2","--color-component-name-inverted":"#ffffff","--color-component-badge-background":"rgba(0, 0, 0, 0.1)","--color-component-badge-background-inverted":"rgba(255, 255, 255, 0.25)","--color-component-badge-count":"#777d88","--color-component-badge-count-inverted":"rgba(255, 255, 255, 0.7)","--color-console-error-badge-text":"#ffffff","--color-console-error-background":"#fff0f0","--color-console-error-border":"#ffd6d6","--color-console-error-icon":"#eb3941","--color-console-error-text":"#fe2e31","--color-console-warning-badge-text":"#000000","--color-console-warning-background":"#fffbe5","--color-console-warning-border":"#fff5c1","--color-console-warning-icon":"#f4bd00","--color-console-warning-text":"#64460c","--color-context-background":"rgba(0,0,0,.9)","--color-context-background-hover":"rgba(255, 255, 255, 0.1)","--color-context-background-selected":"#178fb9","--color-context-border":"#3d424a","--color-context-text":"#ffffff","--color-context-text-selected":"#ffffff","--color-dim":"#777d88","--color-dimmer":"#cfd1d5","--color-dimmest":"#eff0f1","--color-error-background":"hsl(0, 100%, 97%)","--color-error-border":"hsl(0, 100%, 92%)","--color-error-text":"#ff0000","--color-expand-collapse-toggle":"#777d88","--color-link":"#0000ff","--color-modal-background":"rgba(255, 255, 255, 0.75)","--color-bridge-version-npm-background":"#eff0f1","--color-bridge-version-npm-text":"#000000","--color-bridge-version-number":"#0088fa","--color-primitive-hook-badge-background":"#e5e5e5","--color-primitive-hook-badge-text":"#5f6673","--color-record-active":"#fc3a4b","--color-record-hover":"#3578e5","--color-record-inactive":"#0088fa","--color-resize-bar":"#eeeeee","--color-resize-bar-active":"#dcdcdc","--color-resize-bar-border":"#d1d1d1","--color-resize-bar-dot":"#333333","--color-timeline-internal-module":"#d1d1d1","--color-timeline-internal-module-hover":"#c9c9c9","--color-timeline-internal-module-text":"#444","--color-timeline-native-event":"#ccc","--color-timeline-native-event-hover":"#aaa","--color-timeline-network-primary":"#fcf3dc","--color-timeline-network-primary-hover":"#f0e7d1","--color-timeline-network-secondary":"#efc457","--color-timeline-network-secondary-hover":"#e3ba52","--color-timeline-priority-background":"#f6f6f6","--color-timeline-priority-border":"#eeeeee","--color-timeline-user-timing":"#c9cacd","--color-timeline-user-timing-hover":"#93959a","--color-timeline-react-idle":"#d3e5f6","--color-timeline-react-idle-hover":"#c3d9ef","--color-timeline-react-render":"#9fc3f3","--color-timeline-react-render-hover":"#83afe9","--color-timeline-react-render-text":"#11365e","--color-timeline-react-commit":"#c88ff0","--color-timeline-react-commit-hover":"#b281d6","--color-timeline-react-commit-text":"#3e2c4a","--color-timeline-react-layout-effects":"#b281d6","--color-timeline-react-layout-effects-hover":"#9d71bd","--color-timeline-react-layout-effects-text":"#3e2c4a","--color-timeline-react-passive-effects":"#b281d6","--color-timeline-react-passive-effects-hover":"#9d71bd","--color-timeline-react-passive-effects-text":"#3e2c4a","--color-timeline-react-schedule":"#9fc3f3","--color-timeline-react-schedule-hover":"#2683E2","--color-timeline-react-suspense-rejected":"#f1cc14","--color-timeline-react-suspense-rejected-hover":"#ffdf37","--color-timeline-react-suspense-resolved":"#a6e59f","--color-timeline-react-suspense-resolved-hover":"#89d281","--color-timeline-react-suspense-unresolved":"#c9cacd","--color-timeline-react-suspense-unresolved-hover":"#93959a","--color-timeline-thrown-error":"#ee1638","--color-timeline-thrown-error-hover":"#da1030","--color-timeline-text-color":"#000000","--color-timeline-text-dim-color":"#ccc","--color-timeline-react-work-border":"#eeeeee","--color-search-match":"yellow","--color-search-match-current":"#f7923b","--color-selected-tree-highlight-active":"rgba(0, 136, 250, 0.1)","--color-selected-tree-highlight-inactive":"rgba(0, 0, 0, 0.05)","--color-scroll-caret":"rgba(150, 150, 150, 0.5)","--color-tab-selected-border":"#0088fa","--color-text":"#000000","--color-text-invalid":"#ff0000","--color-text-selected":"#ffffff","--color-toggle-background-invalid":"#fc3a4b","--color-toggle-background-on":"#0088fa","--color-toggle-background-off":"#cfd1d5","--color-toggle-text":"#ffffff","--color-warning-background":"#fb3655","--color-warning-background-hover":"#f82042","--color-warning-text-color":"#ffffff","--color-warning-text-color-inverted":"#fd4d69","--color-scroll-thumb":"#c2c2c2","--color-scroll-track":"#fafafa","--color-tooltip-background":"rgba(0, 0, 0, 0.9)","--color-tooltip-text":"#ffffff"},dark:{"--color-attribute-name":"#9d87d2","--color-attribute-name-not-editable":"#ededed","--color-attribute-name-inverted":"#282828","--color-attribute-value":"#cedae0","--color-attribute-value-inverted":"#ffffff","--color-attribute-editable-value":"yellow","--color-background":"#282c34","--color-background-hover":"rgba(255, 255, 255, 0.1)","--color-background-inactive":"#3d424a","--color-background-invalid":"#5c0000","--color-background-selected":"#178fb9","--color-button-background":"#282c34","--color-button-background-focus":"#3d424a","--color-button":"#afb3b9","--color-button-active":"#61dafb","--color-button-disabled":"#4f5766","--color-button-focus":"#a2e9fc","--color-button-hover":"#ededed","--color-border":"#3d424a","--color-commit-did-not-render-fill":"#777d88","--color-commit-did-not-render-fill-text":"#000000","--color-commit-did-not-render-pattern":"#666c77","--color-commit-did-not-render-pattern-text":"#ffffff","--color-commit-gradient-0":"#37afa9","--color-commit-gradient-1":"#63b19e","--color-commit-gradient-2":"#80b393","--color-commit-gradient-3":"#97b488","--color-commit-gradient-4":"#abb67d","--color-commit-gradient-5":"#beb771","--color-commit-gradient-6":"#cfb965","--color-commit-gradient-7":"#dfba57","--color-commit-gradient-8":"#efbb49","--color-commit-gradient-9":"#febc38","--color-commit-gradient-text":"#000000","--color-component-name":"#61dafb","--color-component-name-inverted":"#282828","--color-component-badge-background":"rgba(255, 255, 255, 0.25)","--color-component-badge-background-inverted":"rgba(0, 0, 0, 0.25)","--color-component-badge-count":"#8f949d","--color-component-badge-count-inverted":"rgba(255, 255, 255, 0.7)","--color-console-error-badge-text":"#000000","--color-console-error-background":"#290000","--color-console-error-border":"#5c0000","--color-console-error-icon":"#eb3941","--color-console-error-text":"#fc7f7f","--color-console-warning-badge-text":"#000000","--color-console-warning-background":"#332b00","--color-console-warning-border":"#665500","--color-console-warning-icon":"#f4bd00","--color-console-warning-text":"#f5f2ed","--color-context-background":"rgba(255,255,255,.95)","--color-context-background-hover":"rgba(0, 136, 250, 0.1)","--color-context-background-selected":"#0088fa","--color-context-border":"#eeeeee","--color-context-text":"#000000","--color-context-text-selected":"#ffffff","--color-dim":"#8f949d","--color-dimmer":"#777d88","--color-dimmest":"#4f5766","--color-error-background":"#200","--color-error-border":"#900","--color-error-text":"#f55","--color-expand-collapse-toggle":"#8f949d","--color-link":"#61dafb","--color-modal-background":"rgba(0, 0, 0, 0.75)","--color-bridge-version-npm-background":"rgba(0, 0, 0, 0.25)","--color-bridge-version-npm-text":"#ffffff","--color-bridge-version-number":"yellow","--color-primitive-hook-badge-background":"rgba(0, 0, 0, 0.25)","--color-primitive-hook-badge-text":"rgba(255, 255, 255, 0.7)","--color-record-active":"#fc3a4b","--color-record-hover":"#a2e9fc","--color-record-inactive":"#61dafb","--color-resize-bar":"#282c34","--color-resize-bar-active":"#31363f","--color-resize-bar-border":"#3d424a","--color-resize-bar-dot":"#cfd1d5","--color-timeline-internal-module":"#303542","--color-timeline-internal-module-hover":"#363b4a","--color-timeline-internal-module-text":"#7f8899","--color-timeline-native-event":"#b2b2b2","--color-timeline-native-event-hover":"#949494","--color-timeline-network-primary":"#fcf3dc","--color-timeline-network-primary-hover":"#e3dbc5","--color-timeline-network-secondary":"#efc457","--color-timeline-network-secondary-hover":"#d6af4d","--color-timeline-priority-background":"#1d2129","--color-timeline-priority-border":"#282c34","--color-timeline-user-timing":"#c9cacd","--color-timeline-user-timing-hover":"#93959a","--color-timeline-react-idle":"#3d485b","--color-timeline-react-idle-hover":"#465269","--color-timeline-react-render":"#2683E2","--color-timeline-react-render-hover":"#1a76d4","--color-timeline-react-render-text":"#11365e","--color-timeline-react-commit":"#731fad","--color-timeline-react-commit-hover":"#611b94","--color-timeline-react-commit-text":"#e5c1ff","--color-timeline-react-layout-effects":"#611b94","--color-timeline-react-layout-effects-hover":"#51167a","--color-timeline-react-layout-effects-text":"#e5c1ff","--color-timeline-react-passive-effects":"#611b94","--color-timeline-react-passive-effects-hover":"#51167a","--color-timeline-react-passive-effects-text":"#e5c1ff","--color-timeline-react-schedule":"#2683E2","--color-timeline-react-schedule-hover":"#1a76d4","--color-timeline-react-suspense-rejected":"#f1cc14","--color-timeline-react-suspense-rejected-hover":"#e4c00f","--color-timeline-react-suspense-resolved":"#a6e59f","--color-timeline-react-suspense-resolved-hover":"#89d281","--color-timeline-react-suspense-unresolved":"#c9cacd","--color-timeline-react-suspense-unresolved-hover":"#93959a","--color-timeline-thrown-error":"#fb3655","--color-timeline-thrown-error-hover":"#f82042","--color-timeline-text-color":"#282c34","--color-timeline-text-dim-color":"#555b66","--color-timeline-react-work-border":"#3d424a","--color-search-match":"yellow","--color-search-match-current":"#f7923b","--color-selected-tree-highlight-active":"rgba(23, 143, 185, 0.15)","--color-selected-tree-highlight-inactive":"rgba(255, 255, 255, 0.05)","--color-scroll-caret":"#4f5766","--color-shadow":"rgba(0, 0, 0, 0.5)","--color-tab-selected-border":"#178fb9","--color-text":"#ffffff","--color-text-invalid":"#ff8080","--color-text-selected":"#ffffff","--color-toggle-background-invalid":"#fc3a4b","--color-toggle-background-on":"#178fb9","--color-toggle-background-off":"#777d88","--color-toggle-text":"#ffffff","--color-warning-background":"#ee1638","--color-warning-background-hover":"#da1030","--color-warning-text-color":"#ffffff","--color-warning-text-color-inverted":"#ee1638","--color-scroll-thumb":"#afb3b9","--color-scroll-track":"#313640","--color-tooltip-background":"rgba(255, 255, 255, 0.95)","--color-tooltip-text":"#000000"},compact:{"--font-size-monospace-small":"9px","--font-size-monospace-normal":"11px","--font-size-monospace-large":"15px","--font-size-sans-small":"10px","--font-size-sans-normal":"12px","--font-size-sans-large":"14px","--line-height-data":"18px"},comfortable:{"--font-size-monospace-small":"10px","--font-size-monospace-normal":"13px","--font-size-monospace-large":"17px","--font-size-sans-small":"12px","--font-size-sans-normal":"14px","--font-size-sans-large":"16px","--line-height-data":"22px"}},N=parseInt(k.comfortable["--line-height-data"],10),P=parseInt(k.compact["--line-height-data"],10)},10:function(e,t,n){"use strict";n.d(t,"d",(function(){return o})),n.d(t,"a",(function(){return a})),n.d(t,"b",(function(){return s})),n.d(t,"c",(function(){return l}));var r=n(3);const o={inspectable:Symbol("inspectable"),inspected:Symbol("inspected"),name:Symbol("name"),preview_long:Symbol("preview_long"),preview_short:Symbol("preview_short"),readonly:Symbol("readonly"),size:Symbol("size"),type:Symbol("type"),unserializable:Symbol("unserializable")};function i(e,t,n,o,i){o.push(i);const a={inspectable:t,type:e,preview_long:Object(r.b)(n,!0),preview_short:Object(r.b)(n,!1),name:n.constructor&&"Object"!==n.constructor.name?n.constructor.name:""};return"array"===e||"typed_array"===e?a.size=n.length:"object"===e&&(a.size=Object.keys(n).length),"iterator"!==e&&"typed_array"!==e||(a.readonly=!0),a}function a(e,t,n,o,s,l=0){const c=Object(r.f)(e);let u;switch(c){case"html_element":return t.push(o),{inspectable:!1,preview_short:Object(r.b)(e,!1),preview_long:Object(r.b)(e,!0),name:e.tagName,type:c};case"function":return t.push(o),{inspectable:!1,preview_short:Object(r.b)(e,!1),preview_long:Object(r.b)(e,!0),name:"function"!=typeof e.name&&e.name?e.name:"function",type:c};case"string":return u=s(o),u||e.length<=500?e:e.slice(0,500)+"...";case"bigint":case"symbol":return t.push(o),{inspectable:!1,preview_short:Object(r.b)(e,!1),preview_long:Object(r.b)(e,!0),name:e.toString(),type:c};case"react_element":return t.push(o),{inspectable:!1,preview_short:Object(r.b)(e,!1),preview_long:Object(r.b)(e,!0),name:Object(r.j)(e)||"Unknown",type:c};case"array_buffer":case"data_view":return t.push(o),{inspectable:!1,preview_short:Object(r.b)(e,!1),preview_long:Object(r.b)(e,!0),name:"data_view"===c?"DataView":"ArrayBuffer",size:e.byteLength,type:c};case"array":return u=s(o),l>=2&&!u?i(c,!0,e,t,o):e.map((e,r)=>a(e,t,n,o.concat([r]),s,u?1:l+1));case"html_all_collection":case"typed_array":case"iterator":if(u=s(o),l>=2&&!u)return i(c,!0,e,t,o);{const i={unserializable:!0,type:c,readonly:!0,size:"typed_array"===c?e.length:void 0,preview_short:Object(r.b)(e,!1),preview_long:Object(r.b)(e,!0),name:e.constructor&&"Object"!==e.constructor.name?e.constructor.name:""};return Array.from(e).forEach((e,r)=>i[r]=a(e,t,n,o.concat([r]),s,u?1:l+1)),n.push(o),i}case"opaque_iterator":return t.push(o),{inspectable:!1,preview_short:Object(r.b)(e,!1),preview_long:Object(r.b)(e,!0),name:e[Symbol.toStringTag],type:c};case"date":case"regexp":return t.push(o),{inspectable:!1,preview_short:Object(r.b)(e,!1),preview_long:Object(r.b)(e,!0),name:e.toString(),type:c};case"object":if(u=s(o),l>=2&&!u)return i(c,!0,e,t,o);{const i={};return Object(r.c)(e).forEach(r=>{const c=r.toString();i[c]=a(e[r],t,n,o.concat([c]),s,u?1:l+1)}),i}case"infinity":case"nan":case"undefined":return t.push(o),{type:c};default:return e}}function s(e,t,n,i){const a=Object(r.l)(e,n);if(null!=a&&(a[o.unserializable]||(delete a[o.inspectable],delete a[o.inspected],delete a[o.name],delete a[o.preview_long],delete a[o.preview_short],delete a[o.readonly],delete a[o.size],delete a[o.type])),null!==i&&t.unserializable.length>0){const e=t.unserializable[0];let r=e.length===n.length;for(let t=0;t<n.length;t++)if(n[t]!==e[t]){r=!1;break}r&&c(i,i)}Object(r.u)(e,n,i)}function l(e,t,n){return t.forEach(t=>{const n=t.length,i=t[n-1],a=Object(r.l)(e,t.slice(0,n-1));if(!a||!a.hasOwnProperty(i))return;const s=a[i];if(s)if("infinity"===s.type)a[i]=1/0;else if("nan"===s.type)a[i]=NaN;else if("undefined"===s.type)a[i]=void 0;else{const e={};e[o.inspectable]=!!s.inspectable,e[o.inspected]=!1,e[o.name]=s.name,e[o.preview_long]=s.preview_long,e[o.preview_short]=s.preview_short,e[o.size]=s.size,e[o.readonly]=!!s.readonly,e[o.type]=s.type,a[i]=e}}),n.forEach(t=>{const n=t.length,o=t[n-1],i=Object(r.l)(e,t.slice(0,n-1));if(!i||!i.hasOwnProperty(o))return;const a=i[o],s={...a};c(s,a),i[o]=s}),e}function c(e,t){Object.defineProperties(e,{[o.inspected]:{configurable:!0,enumerable:!1,value:!!t.inspected},[o.name]:{configurable:!0,enumerable:!1,value:t.name},[o.preview_long]:{configurable:!0,enumerable:!1,value:t.preview_long},[o.preview_short]:{configurable:!0,enumerable:!1,value:t.preview_short},[o.size]:{configurable:!0,enumerable:!1,value:t.size},[o.readonly]:{configurable:!0,enumerable:!1,value:!!t.readonly},[o.type]:{configurable:!0,enumerable:!1,value:t.type},[o.unserializable]:{configurable:!0,enumerable:!1,value:!!t.unserializable}}),delete e.inspected,delete e.name,delete e.preview_long,delete e.preview_short,delete e.size,delete e.readonly,delete e.type,delete e.unserializable}},115:function(e,t,n){"use strict";n.d(t,"a",(function(){return y}));n(9);let r,o,i,a,s,l,c,u,f=0;function d(){}function p(e,t,n){if(void 0===u)try{throw Error()}catch(e){const t=e.stack.trim().match(/\n( *(at )?)/);u=t&&t[1]||""}return"\n"+u+e}d.__reactDisabledLog=!0;let h=!1;function m(e,t,n){if(!e||h)return"";let u;const m=Error.prepareStackTrace;Error.prepareStackTrace=void 0,h=!0;const g=n.current;n.current=null,function(){if(0===f){r=console.log,o=console.info,i=console.warn,a=console.error,s=console.group,l=console.groupCollapsed,c=console.groupEnd;const e={configurable:!0,enumerable:!0,value:d,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}f++}();try{if(t){const t=function(){throw Error()};if(Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(e){u=e}Reflect.construct(e,[],t)}else{try{t.call()}catch(e){u=e}e.call(t.prototype)}}else{try{throw Error()}catch(e){u=e}e()}}catch(e){if(e&&u&&"string"==typeof e.stack){const t=e.stack.split("\n"),n=u.stack.split("\n");let r=t.length-1,o=n.length-1;for(;r>=1&&o>=0&&t[r]!==n[o];)o--;for(;r>=1&&o>=0;r--,o--)if(t[r]!==n[o]){if(1!==r||1!==o)do{if(r--,o--,o<0||t[r]!==n[o]){return"\n"+t[r].replace(" at new "," at ")}}while(r>=1&&o>=0);break}}}finally{h=!1,Error.prepareStackTrace=m,n.current=g,function(){if(f--,0===f){const e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:{...e,value:r},info:{...e,value:o},warn:{...e,value:i},error:{...e,value:a},group:{...e,value:s},groupCollapsed:{...e,value:l},groupEnd:{...e,value:c}})}f<0&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}()}const v=e?e.displayName||e.name:"";return v?p(v):""}function g(e,t,n,r){return m(e,!1,r)}function v(e,t,n){const{HostComponent:r,LazyComponent:o,SuspenseComponent:i,SuspenseListComponent:a,FunctionComponent:s,IndeterminateComponent:l,SimpleMemoComponent:c,ForwardRef:u,ClassComponent:f}=e;switch(t.tag){case r:return p(t.type);case o:return p("Lazy");case i:return p("Suspense");case a:return p("SuspenseList");case s:case l:case c:return g(t.type,0,0,n);case u:return g(t.type.render,0,0,n);case f:return function(e,t,n,r){return m(e,!0,r)}(t.type,0,0,n);default:return""}}function y(e,t,n){try{let r="",o=t;do{r+=v(e,o,n),o=o.return}while(o);return r}catch(e){return"\nError generating stack: "+e.message+"\n"+e.stack}}},12:function(e,t,n){"use strict";n.d(t,"a",(function(){return r})),n.d(t,"b",(function(){return o})),n.d(t,"c",(function(){return i})),n.d(t,"d",(function(){return a})),n.d(t,"e",(function(){return s})),n.d(t,"f",(function(){return l}));const r=!0,o=!1,i=!0,a=!0,s=!1,l=!1},14:function(e,t){e.exports=n("../../node_modules/react-is/index.js")},16:function(e,t,n){"use strict";n.d(t,"a",(function(){return a})),n.d(t,"b",(function(){return s})),n.d(t,"c",(function(){return l})),n.d(t,"d",(function(){return c})),n.d(t,"e",(function(){return u})),n.d(t,"g",(function(){return f})),n.d(t,"f",(function(){return d})),n.d(t,"h",(function(){return p}));var r=n(18),o=n(10),i=n(49);function a(e,t,n=[]){if(null!==e){const r=[],i=[];return{data:Object(o.a)(e,r,i,n,t),cleaned:r,unserializable:i}}return null}function s(e){const t=function(e){const t=new Set;return JSON.stringify(e,(e,n)=>{if("object"==typeof n&&null!==n){if(t.has(n))return;t.add(n)}return"bigint"==typeof n?n.toString()+"n":n})}(e),n=void 0===t?"undefined":t,{clipboardCopyText:o}=window.__REACT_DEVTOOLS_GLOBAL_HOOK__;"function"==typeof o?o(n).catch(e=>{}):Object(r.copy)(n)}function l(e,t,n=0){const r=t[n],o=Object(i.a)(e)?e.slice():{...e};return n+1===t.length?Object(i.a)(o)?o.splice(r,1):delete o[r]:o[r]=l(e[r],t,n+1),o}function c(e,t,n,r=0){const o=t[r],a=Object(i.a)(e)?e.slice():{...e};if(r+1===t.length){a[n[r]]=a[o],Object(i.a)(a)?a.splice(o,1):delete a[o]}else a[o]=c(e[o],t,n,r+1);return a}function u(e,t,n,r=0){if(r>=t.length)return n;const o=t[r],a=Object(i.a)(e)?e.slice():{...e};return a[o]=u(e[o],t,n,r+1),a}function f(e){let t=null,n=null;const r=e.current;if(null!=r){const e=r.stateNode;null!=e&&(t=null!=e.effectDuration?e.effectDuration:null,n=null!=e.passiveEffectDuration?e.passiveEffectDuration:null)}return{effectDuration:t,passiveEffectDuration:n}}function d(e,...t){const n=t.slice();let r=String(e);if("string"==typeof e&&n.length){const e=/(%?)(%([jds]))/g;r=r.replace(e,(e,t,r,o)=>{let i=n.shift();switch(o){case"s":i+="";break;case"d":case"i":i=parseInt(i,10).toString();break;case"f":i=parseFloat(i).toString()}return t?(n.unshift(i),e):i})}if(n.length)for(let e=0;e<n.length;e++)r+=" "+String(n[e]);return r=r.replace(/%{2,2}/g,"%"),String(r)}function p(){return!!(window.document&&window.document.featurePolicy&&window.document.featurePolicy.allowsFeature("sync-xhr"))}},18:function(e,t,n){(function(t){e.exports=function(){if("undefined"==typeof document||!document.addEventListener)return null;var n,r,o,i={};return i.copy=function(){var e=!1,t=null,n=!1;function r(){e=!1,t=null,n&&window.getSelection().removeAllRanges(),n=!1}return document.addEventListener("copy",(function(n){if(e){for(var r in t)n.clipboardData.setData(r,t[r]);n.preventDefault()}})),function(o){return new Promise((function(i,a){e=!0,"string"==typeof o?t={"text/plain":o}:o instanceof Node?t={"text/html":(new XMLSerializer).serializeToString(o)}:o instanceof Object?t=o:a("Invalid data type. Must be string, DOM node, or an object mapping MIME types to strings."),function e(t){try{if(document.execCommand("copy"))r(),i();else{if(t)throw r(),new Error("Unable to copy. Perhaps it's not available in your browser?");!function(){var e=document.getSelection();if(!document.queryCommandEnabled("copy")&&e.isCollapsed){var t=document.createRange();t.selectNodeContents(document.body),e.removeAllRanges(),e.addRange(t),n=!0}}(),e(!0)}}catch(e){r(),a(e)}}(!1)}))}}(),i.paste=(o=!1,document.addEventListener("paste",(function(e){if(o){o=!1,e.preventDefault();var t=n;n=null,t(e.clipboardData.getData(r))}})),function(e){return new Promise((function(t,i){o=!0,n=t,r=e||"text/plain";try{document.execCommand("paste")||(o=!1,i(new Error("Unable to paste. Pasting only works in Internet Explorer at the moment.")))}catch(e){o=!1,i(new Error(e))}}))}),"undefined"==typeof ClipboardEvent&&void 0!==window.clipboardData&&void 0!==window.clipboardData.setData&&(function(n){function r(e,t){return function(){e.apply(t,arguments)}}function o(e){if("object"!=typeof this)throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=null,this._value=null,this._deferreds=[],u(e,r(a,this),r(s,this))}function i(e){var t=this;return null===this._state?void this._deferreds.push(e):void f((function(){var n=t._state?e.onFulfilled:e.onRejected;if(null!==n){var r;try{r=n(t._value)}catch(t){return void e.reject(t)}e.resolve(r)}else(t._state?e.resolve:e.reject)(t._value)}))}function a(e){try{if(e===this)throw new TypeError("A promise cannot be resolved with itself.");if(e&&("object"==typeof e||"function"==typeof e)){var t=e.then;if("function"==typeof t)return void u(r(t,e),r(a,this),r(s,this))}this._state=!0,this._value=e,l.call(this)}catch(e){s.call(this,e)}}function s(e){this._state=!1,this._value=e,l.call(this)}function l(){for(var e=0,t=this._deferreds.length;t>e;e++)i.call(this,this._deferreds[e]);this._deferreds=null}function c(e,t,n,r){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.resolve=n,this.reject=r}function u(e,t,n){var r=!1;try{e((function(e){r||(r=!0,t(e))}),(function(e){r||(r=!0,n(e))}))}catch(e){if(r)return;r=!0,n(e)}}var f=o.immediateFn||"function"==typeof t&&t||function(e){setTimeout(e,1)},d=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)};o.prototype.catch=function(e){return this.then(null,e)},o.prototype.then=function(e,t){var n=this;return new o((function(r,o){i.call(n,new c(e,t,r,o))}))},o.all=function(){var e=Array.prototype.slice.call(1===arguments.length&&d(arguments[0])?arguments[0]:arguments);return new o((function(t,n){function r(i,a){try{if(a&&("object"==typeof a||"function"==typeof a)){var s=a.then;if("function"==typeof s)return void s.call(a,(function(e){r(i,e)}),n)}e[i]=a,0==--o&&t(e)}catch(e){n(e)}}if(0===e.length)return t([]);for(var o=e.length,i=0;i<e.length;i++)r(i,e[i])}))},o.resolve=function(e){return e&&"object"==typeof e&&e.constructor===o?e:new o((function(t){t(e)}))},o.reject=function(e){return new o((function(t,n){n(e)}))},o.race=function(e){return new o((function(t,n){for(var r=0,o=e.length;o>r;r++)e[r].then(t,n)}))},e.exports?e.exports=o:n.Promise||(n.Promise=o)}(this),i.copy=function(e){return new Promise((function(t,n){if("string"!=typeof e&&!("text/plain"in e))throw new Error("You must provide a text/plain type.");var r="string"==typeof e?e:e["text/plain"];window.clipboardData.setData("Text",r)?t():n(new Error("Copying was rejected."))}))},i.paste=function(){return new Promise((function(e,t){var n=window.clipboardData.getData("Text");n?e(n):t(new Error("Pasting was rejected."))}))}),i}()}).call(this,n(76).setImmediate)},2:function(e,t,n){"use strict";n.d(t,"e",(function(){return r})),n.d(t,"f",(function(){return o})),n.d(t,"h",(function(){return i})),n.d(t,"g",(function(){return a})),n.d(t,"i",(function(){return s})),n.d(t,"j",(function(){return l})),n.d(t,"k",(function(){return c})),n.d(t,"l",(function(){return u})),n.d(t,"m",(function(){return f})),n.d(t,"n",(function(){return d})),n.d(t,"o",(function(){return p})),n.d(t,"b",(function(){return h})),n.d(t,"a",(function(){return m})),n.d(t,"d",(function(){return g})),n.d(t,"c",(function(){return v})),n.d(t,"p",(function(){return y}));const r=1,o=2,i=5,a=6,s=7,l=8,c=9,u=10,f=11,d=12,p=13,h=1,m=2,g=3,v=4,y=1},203:function(e,t,n){"use strict";n.r(t),n.d(t,"activate",(function(){return ce})),n.d(t,"createBridge",(function(){return ue})),n.d(t,"initialize",(function(){return fe}));var r=n(37),o=n(51),i=n.n(o),a=n(1),s=n(8),l=n(40),c=n(44),u=n.n(c);function f(e){return e.ownerDocument?e.ownerDocument.defaultView:null}function d(e){const t=f(e);return t?t.frameElement:null}function p(e){const t=g(e);return h([e.getBoundingClientRect(),{top:t.borderTop,left:t.borderLeft,bottom:t.borderBottom,right:t.borderRight,width:0,height:0}])}function h(e){return e.reduce((e,t)=>null==e?t:{top:e.top+t.top,left:e.left+t.left,width:e.width,height:e.height,bottom:e.bottom+t.bottom,right:e.right+t.right})}function m(e,t){const n=d(e);if(n&&n!==t){const r=[e.getBoundingClientRect()];let o=n,i=!1;for(;o;){const e=p(o);if(r.push(e),o=d(o),i)break;o&&f(o)===t&&(i=!0)}return h(r)}return e.getBoundingClientRect()}function g(e){const t=window.getComputedStyle(e);return{borderLeft:parseInt(t.borderLeftWidth,10),borderRight:parseInt(t.borderRightWidth,10),borderTop:parseInt(t.borderTopWidth,10),borderBottom:parseInt(t.borderBottomWidth,10),marginLeft:parseInt(t.marginLeft,10),marginRight:parseInt(t.marginRight,10),marginTop:parseInt(t.marginTop,10),marginBottom:parseInt(t.marginBottom,10),paddingLeft:parseInt(t.paddingLeft,10),paddingRight:parseInt(t.paddingRight,10),paddingTop:parseInt(t.paddingTop,10),paddingBottom:parseInt(t.paddingBottom,10)}}class v{constructor(e,t){this.node=e.createElement("div"),this.border=e.createElement("div"),this.padding=e.createElement("div"),this.content=e.createElement("div"),this.border.style.borderColor=w.border,this.padding.style.borderColor=w.padding,this.content.style.backgroundColor=w.background,u()(this.node.style,{borderColor:w.margin,pointerEvents:"none",position:"fixed"}),this.node.style.zIndex="10000000",this.node.appendChild(this.border),this.border.appendChild(this.padding),this.padding.appendChild(this.content),t.appendChild(this.node)}remove(){this.node.parentNode&&this.node.parentNode.removeChild(this.node)}update(e,t){E(t,"margin",this.node),E(t,"border",this.border),E(t,"padding",this.padding),u()(this.content.style,{height:e.height-t.borderTop-t.borderBottom-t.paddingTop-t.paddingBottom+"px",width:e.width-t.borderLeft-t.borderRight-t.paddingLeft-t.paddingRight+"px"}),u()(this.node.style,{top:e.top-t.marginTop+"px",left:e.left-t.marginLeft+"px"})}}class y{constructor(e,t){this.tip=e.createElement("div"),u()(this.tip.style,{display:"flex",flexFlow:"row nowrap",backgroundColor:"#333740",borderRadius:"2px",fontFamily:'"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace',fontWeight:"bold",padding:"3px 5px",pointerEvents:"none",position:"fixed",fontSize:"12px",whiteSpace:"nowrap"}),this.nameSpan=e.createElement("span"),this.tip.appendChild(this.nameSpan),u()(this.nameSpan.style,{color:"#ee78e6",borderRight:"1px solid #aaaaaa",paddingRight:"0.5rem",marginRight:"0.5rem"}),this.dimSpan=e.createElement("span"),this.tip.appendChild(this.dimSpan),u()(this.dimSpan.style,{color:"#d7d7d7"}),this.tip.style.zIndex="10000000",t.appendChild(this.tip)}remove(){this.tip.parentNode&&this.tip.parentNode.removeChild(this.tip)}updateText(e,t,n){this.nameSpan.textContent=e,this.dimSpan.textContent=Math.round(t)+"px \xd7 "+Math.round(n)+"px"}updatePosition(e,t){const n=this.tip.getBoundingClientRect(),r=function(e,t,n){const r=Math.max(n.height,20),o=Math.max(n.width,60);let i;i=e.top+e.height+r<=t.top+t.height?e.top+e.height<t.top+0?t.top+5:e.top+e.height+5:e.top-r<=t.top+t.height?e.top-r-5<t.top+5?t.top+5:e.top-r-5:t.top+t.height-r-5;let a=e.left+5;e.left<t.left&&(a=t.left+5);e.left+o>t.left+t.width&&(a=t.left+t.width-o-5);return i+="px",a+="px",{style:{top:i,left:a}}}(e,t,{width:n.width,height:n.height});u()(this.tip.style,r.style)}}class b{constructor(){const e=window.__REACT_DEVTOOLS_TARGET_WINDOW__||window;this.window=e;const t=window.__REACT_DEVTOOLS_TARGET_WINDOW__||window;this.tipBoundsWindow=t;const n=e.document;this.container=n.createElement("div"),this.container.style.zIndex="10000000",this.tip=new y(n,this.container),this.rects=[],n.body.appendChild(this.container)}remove(){this.tip.remove(),this.rects.forEach(e=>{e.remove()}),this.rects.length=0,this.container.parentNode&&this.container.parentNode.removeChild(this.container)}inspect(e,t){const n=e.filter(e=>e.nodeType===Node.ELEMENT_NODE);for(;this.rects.length>n.length;){this.rects.pop().remove()}if(0===n.length)return;for(;this.rects.length<n.length;)this.rects.push(new v(this.window.document,this.container));const r={top:Number.POSITIVE_INFINITY,right:Number.NEGATIVE_INFINITY,bottom:Number.NEGATIVE_INFINITY,left:Number.POSITIVE_INFINITY};if(n.forEach((e,t)=>{const n=m(e,this.window),o=g(e);r.top=Math.min(r.top,n.top-o.marginTop),r.right=Math.max(r.right,n.left+n.width+o.marginRight),r.bottom=Math.max(r.bottom,n.top+n.height+o.marginBottom),r.left=Math.min(r.left,n.left-o.marginLeft);this.rects[t].update(n,o)}),!t){t=n[0].nodeName.toLowerCase();const e=n[0],r=e.ownerDocument.defaultView.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(null!=r&&null!=r.rendererInterfaces){let n=null;for(const t of r.rendererInterfaces.values()){const r=t.getFiberIDForNative(e,!0);if(null!==r){n=t.getDisplayNameForFiberID(r,!0);break}}n&&(t+=" (in "+n+")")}}this.tip.updateText(t,r.right-r.left,r.bottom-r.top);const o=m(this.tipBoundsWindow.document.documentElement,this.window);this.tip.updatePosition({top:r.top,left:r.left,height:r.bottom-r.top,width:r.right-r.left},{top:o.top+this.tipBoundsWindow.scrollY,left:o.left+this.tipBoundsWindow.scrollX,height:this.tipBoundsWindow.innerHeight,width:this.tipBoundsWindow.innerWidth})}}function E(e,t,n){u()(n.style,{borderTopWidth:e[t+"Top"]+"px",borderLeftWidth:e[t+"Left"]+"px",borderRightWidth:e[t+"Right"]+"px",borderBottomWidth:e[t+"Bottom"]+"px",borderStyle:"solid"})}const w={background:"rgba(120, 170, 210, 0.7)",padding:"rgba(77, 200, 0, 0.3)",margin:"rgba(255, 155, 0, 0.3)",border:"rgba(255, 200, 50, 0.3)"};let _=null,O=null;function S(){_=null,null!==O&&(O.remove(),O=null)}function I(e,t,n){null!=window.document&&(null!==_&&clearTimeout(_),null!=e&&(null===O&&(O=new b),O.inspect(e,t),n&&(_=setTimeout(S,2e3))))}let T=new Set;const C=["#37afa9","#63b19e","#80b393","#97b488","#abb67d","#beb771","#cfb965","#dfba57","#efbb49","#febc38"];let R=null;function j(e){null===R&&function(){R=window.document.createElement("canvas"),R.style.cssText="\n xx-background-color: red;\n xx-opacity: 0.5;\n bottom: 0;\n left: 0;\n pointer-events: none;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 1000000000;\n ";const e=window.document.documentElement;e.insertBefore(R,e.firstChild)}();const t=R;t.width=window.innerWidth,t.height=window.innerHeight;const n=t.getContext("2d");n.clearRect(0,0,t.width,t.height),e.forEach(({count:e,rect:t})=>{if(null!==t){const r=Math.min(C.length-1,e-1);!function(e,t,n){const{height:r,left:o,top:i,width:a}=t;e.lineWidth=1,e.strokeStyle="#f0f0f0",e.strokeRect(o-1,i-1,a+2,r+2),e.lineWidth=1,e.strokeStyle="#f0f0f0",e.strokeRect(o+1,i+1,a-1,r-1),e.strokeStyle=n,e.setLineDash([0]),e.lineWidth=1,e.strokeRect(o,i,a-1,r-1),e.setLineDash([0])}(n,t,C[r])}})}const x="object"==typeof performance&&"function"==typeof performance.now?()=>performance.now():()=>Date.now(),k=new Map;let N=null,P=null,D=!1,A=null;function L(e){D=e,D||(k.clear(),null!==P&&(cancelAnimationFrame(P),P=null),null!==A&&(clearTimeout(A),A=null),null!==R&&(null!=R.parentNode&&R.parentNode.removeChild(R),R=null))}function F(e){D&&(e.forEach(e=>{const t=k.get(e),n=x();let r=null!=t?t.lastMeasuredAt:0,o=null!=t?t.rect:null;(null===o||r+250<n)&&(r=n,o=function(e){if(!e||"function"!=typeof e.getBoundingClientRect)return null;const t=window.__REACT_DEVTOOLS_TARGET_WINDOW__||window;return m(e,t)}(e)),k.set(e,{count:null!=t?t.count+1:1,expirationTime:null!=t?Math.min(n+3e3,t.expirationTime+250):n+250,lastMeasuredAt:r,rect:o})}),null!==A&&(clearTimeout(A),A=null),null===P&&(P=requestAnimationFrame(M)))}function M(){P=null,A=null;const e=x();let t=Number.MAX_VALUE;k.forEach((n,r)=>{n.expirationTime<e?k.delete(r):t=Math.min(t,n.expirationTime)}),j(k),t!==Number.MAX_VALUE&&(A=setTimeout(M,t-e))}var z=n(41),U=n(33),H=n(16);function $(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const B=(e,...t)=>{a.D&&console.log("%cAgent %c"+e,"color: purple; font-weight: bold;","font-weight: bold;",...t)};class V extends r.a{constructor(e){super(),$(this,"_isProfiling",!1),$(this,"_recordChangeDescriptions",!1),$(this,"_rendererInterfaces",{}),$(this,"_persistedSelection",null),$(this,"_persistedSelectionMatch",null),$(this,"_traceUpdatesEnabled",!1),$(this,"clearErrorsAndWarnings",({rendererID:e})=>{const t=this._rendererInterfaces[e];null==t?console.warn(`Invalid renderer id "${e}"`):t.clearErrorsAndWarnings()}),$(this,"clearErrorsForFiberID",({id:e,rendererID:t})=>{const n=this._rendererInterfaces[t];null==n?console.warn(`Invalid renderer id "${t}"`):n.clearErrorsForFiberID(e)}),$(this,"clearWarningsForFiberID",({id:e,rendererID:t})=>{const n=this._rendererInterfaces[t];null==n?console.warn(`Invalid renderer id "${t}"`):n.clearWarningsForFiberID(e)}),$(this,"copyElementPath",({id:e,path:t,rendererID:n})=>{const r=this._rendererInterfaces[n];null==r?console.warn(`Invalid renderer id "${n}" for element "${e}"`):r.copyElementPath(e,t)}),$(this,"deletePath",({hookID:e,id:t,path:n,rendererID:r,type:o})=>{const i=this._rendererInterfaces[r];null==i?console.warn(`Invalid renderer id "${r}" for element "${t}"`):i.deletePath(o,t,e,n)}),$(this,"getBridgeProtocol",()=>{this._bridge.send("bridgeProtocol",U.b)}),$(this,"getProfilingData",({rendererID:e})=>{const t=this._rendererInterfaces[e];null==t&&console.warn(`Invalid renderer id "${e}"`),this._bridge.send("profilingData",t.getProfilingData())}),$(this,"getProfilingStatus",()=>{this._bridge.send("profilingStatus",this._isProfiling)}),$(this,"getOwnersList",({id:e,rendererID:t})=>{const n=this._rendererInterfaces[t];if(null==n)console.warn(`Invalid renderer id "${t}" for element "${e}"`);else{const t=n.getOwnersList(e);this._bridge.send("ownersList",{id:e,owners:t})}}),$(this,"inspectElement",({forceFullData:e,id:t,path:n,rendererID:r,requestID:o})=>{const i=this._rendererInterfaces[r];null==i?console.warn(`Invalid renderer id "${r}" for element "${t}"`):(this._bridge.send("inspectedElement",i.inspectElement(o,t,n,e)),null!==this._persistedSelectionMatch&&this._persistedSelectionMatch.id===t||(this._persistedSelection=null,this._persistedSelectionMatch=null,i.setTrackedPath(null),this._throttledPersistSelection(r,t)))}),$(this,"logElementToConsole",({id:e,rendererID:t})=>{const n=this._rendererInterfaces[t];null==n?console.warn(`Invalid renderer id "${t}" for element "${e}"`):n.logElementToConsole(e)}),$(this,"overrideError",({id:e,rendererID:t,forceError:n})=>{const r=this._rendererInterfaces[t];null==r?console.warn(`Invalid renderer id "${t}" for element "${e}"`):r.overrideError(e,n)}),$(this,"overrideSuspense",({id:e,rendererID:t,forceFallback:n})=>{const r=this._rendererInterfaces[t];null==r?console.warn(`Invalid renderer id "${t}" for element "${e}"`):r.overrideSuspense(e,n)}),$(this,"overrideValueAtPath",({hookID:e,id:t,path:n,rendererID:r,type:o,value:i})=>{const a=this._rendererInterfaces[r];null==a?console.warn(`Invalid renderer id "${r}" for element "${t}"`):a.overrideValueAtPath(o,t,e,n,i)}),$(this,"overrideContext",({id:e,path:t,rendererID:n,wasForwarded:r,value:o})=>{r||this.overrideValueAtPath({id:e,path:t,rendererID:n,type:"context",value:o})}),$(this,"overrideHookState",({id:e,hookID:t,path:n,rendererID:r,wasForwarded:o,value:i})=>{o||this.overrideValueAtPath({id:e,path:n,rendererID:r,type:"hooks",value:i})}),$(this,"overrideProps",({id:e,path:t,rendererID:n,wasForwarded:r,value:o})=>{r||this.overrideValueAtPath({id:e,path:t,rendererID:n,type:"props",value:o})}),$(this,"overrideState",({id:e,path:t,rendererID:n,wasForwarded:r,value:o})=>{r||this.overrideValueAtPath({id:e,path:t,rendererID:n,type:"state",value:o})}),$(this,"reloadAndProfile",e=>{Object(s.e)(a.t,"true"),Object(s.e)(a.s,e?"true":"false"),this._bridge.send("reloadAppForProfiling")}),$(this,"renamePath",({hookID:e,id:t,newPath:n,oldPath:r,rendererID:o,type:i})=>{const a=this._rendererInterfaces[o];null==a?console.warn(`Invalid renderer id "${o}" for element "${t}"`):a.renamePath(i,t,e,r,n)}),$(this,"setTraceUpdatesEnabled",e=>{this._traceUpdatesEnabled=e,L(e);for(const t in this._rendererInterfaces){this._rendererInterfaces[t].setTraceUpdatesEnabled(e)}}),$(this,"syncSelectionFromNativeElementsPanel",()=>{const e=window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0;null!=e&&this.selectNode(e)}),$(this,"shutdown",()=>{this.emit("shutdown")}),$(this,"startProfiling",e=>{this._recordChangeDescriptions=e,this._isProfiling=!0;for(const t in this._rendererInterfaces){this._rendererInterfaces[t].startProfiling(e)}this._bridge.send("profilingStatus",this._isProfiling)}),$(this,"stopProfiling",()=>{this._isProfiling=!1,this._recordChangeDescriptions=!1;for(const e in this._rendererInterfaces){this._rendererInterfaces[e].stopProfiling()}this._bridge.send("profilingStatus",this._isProfiling)}),$(this,"storeAsGlobal",({count:e,id:t,path:n,rendererID:r})=>{const o=this._rendererInterfaces[r];null==o?console.warn(`Invalid renderer id "${r}" for element "${t}"`):o.storeAsGlobal(t,n,e)}),$(this,"updateConsolePatchSettings",({appendComponentStack:e,breakOnConsoleErrors:t,showInlineWarningsAndErrors:n,hideConsoleLogsInStrictMode:r,browserTheme:o})=>{Object(z.a)({appendComponentStack:e,breakOnConsoleErrors:t,showInlineWarningsAndErrors:n,hideConsoleLogsInStrictMode:r,browserTheme:o})}),$(this,"updateComponentFilters",e=>{for(const t in this._rendererInterfaces){this._rendererInterfaces[t].updateComponentFilters(e)}}),$(this,"viewAttributeSource",({id:e,path:t,rendererID:n})=>{const r=this._rendererInterfaces[n];null==r?console.warn(`Invalid renderer id "${n}" for element "${e}"`):r.prepareViewAttributeSource(e,t)}),$(this,"viewElementSource",({id:e,rendererID:t})=>{const n=this._rendererInterfaces[t];null==n?console.warn(`Invalid renderer id "${t}" for element "${e}"`):n.prepareViewElementSource(e)}),$(this,"onTraceUpdates",e=>{this.emit("traceUpdates",e)}),$(this,"onFastRefreshScheduled",()=>{a.D&&B("onFastRefreshScheduled"),this._bridge.send("fastRefreshScheduled")}),$(this,"onHookOperations",e=>{if(a.D&&B("onHookOperations",`(${e.length}) [${e.join(", ")}]`),this._bridge.send("operations",e),null!==this._persistedSelection){const t=e[0];if(this._persistedSelection.rendererID===t){const e=this._rendererInterfaces[t];if(null==e)console.warn(`Invalid renderer id "${t}"`);else{const t=this._persistedSelectionMatch,n=e.getBestMatchForTrackedPath();this._persistedSelectionMatch=n;const r=null!==t?t.id:null,o=null!==n?n.id:null;r!==o&&null!==o&&this._bridge.send("selectFiber",o),null!==n&&n.isFullMatch&&(this._persistedSelection=null,this._persistedSelectionMatch=null,e.setTrackedPath(null))}}}}),$(this,"_throttledPersistSelection",i()((e,t)=>{const n=this._rendererInterfaces[e],r=null!=n?n.getPathForElement(t):null;null!==r?Object(s.e)(a.r,JSON.stringify({rendererID:e,path:r})):Object(s.d)(a.r)},1e3)),"true"===Object(s.c)(a.t)&&(this._recordChangeDescriptions="true"===Object(s.c)(a.s),this._isProfiling=!0,Object(s.d)(a.s),Object(s.d)(a.t));const t=Object(s.c)(a.r);null!=t&&(this._persistedSelection=JSON.parse(t)),this._bridge=e,e.addListener("clearErrorsAndWarnings",this.clearErrorsAndWarnings),e.addListener("clearErrorsForFiberID",this.clearErrorsForFiberID),e.addListener("clearWarningsForFiberID",this.clearWarningsForFiberID),e.addListener("copyElementPath",this.copyElementPath),e.addListener("deletePath",this.deletePath),e.addListener("getBridgeProtocol",this.getBridgeProtocol),e.addListener("getProfilingData",this.getProfilingData),e.addListener("getProfilingStatus",this.getProfilingStatus),e.addListener("getOwnersList",this.getOwnersList),e.addListener("inspectElement",this.inspectElement),e.addListener("logElementToConsole",this.logElementToConsole),e.addListener("overrideError",this.overrideError),e.addListener("overrideSuspense",this.overrideSuspense),e.addListener("overrideValueAtPath",this.overrideValueAtPath),e.addListener("reloadAndProfile",this.reloadAndProfile),e.addListener("renamePath",this.renamePath),e.addListener("setTraceUpdatesEnabled",this.setTraceUpdatesEnabled),e.addListener("startProfiling",this.startProfiling),e.addListener("stopProfiling",this.stopProfiling),e.addListener("storeAsGlobal",this.storeAsGlobal),e.addListener("syncSelectionFromNativeElementsPanel",this.syncSelectionFromNativeElementsPanel),e.addListener("shutdown",this.shutdown),e.addListener("updateConsolePatchSettings",this.updateConsolePatchSettings),e.addListener("updateComponentFilters",this.updateComponentFilters),e.addListener("viewAttributeSource",this.viewAttributeSource),e.addListener("viewElementSource",this.viewElementSource),e.addListener("overrideContext",this.overrideContext),e.addListener("overrideHookState",this.overrideHookState),e.addListener("overrideProps",this.overrideProps),e.addListener("overrideState",this.overrideState),this._isProfiling&&e.send("profilingStatus",!0),this._bridge.send("bridgeProtocol",U.b);let n=!1;try{localStorage.getItem("test"),n=!0}catch(e){}e.send("isBackendStorageAPISupported",n),e.send("isSynchronousXHRSupported",Object(H.h)()),function(e,t){function n(e){e&&"function"==typeof e.addEventListener&&(e.addEventListener("click",a,!0),e.addEventListener("mousedown",s,!0),e.addEventListener("mouseover",s,!0),e.addEventListener("mouseup",s,!0),e.addEventListener("pointerdown",c,!0),e.addEventListener("pointerover",u,!0),e.addEventListener("pointerup",f,!0))}function r(){S(),o(window),T.forEach((function(e){try{o(e.contentWindow)}catch(e){}})),T=new Set}function o(e){e&&"function"==typeof e.removeEventListener&&(e.removeEventListener("click",a,!0),e.removeEventListener("mousedown",s,!0),e.removeEventListener("mouseover",s,!0),e.removeEventListener("mouseup",s,!0),e.removeEventListener("pointerdown",c,!0),e.removeEventListener("pointerover",u,!0),e.removeEventListener("pointerup",f,!0))}function a(t){t.preventDefault(),t.stopPropagation(),r(),e.send("stopInspectingNative",!0)}function s(e){e.preventDefault(),e.stopPropagation()}function c(e){e.preventDefault(),e.stopPropagation(),d(e.target)}function u(e){e.preventDefault(),e.stopPropagation();const t=e.target;if("IFRAME"===t.tagName){const e=t;try{if(!T.has(e)){n(e.contentWindow),T.add(e)}}catch(e){}}I([t],null,!1),d(t)}function f(e){e.preventDefault(),e.stopPropagation()}e.addListener("clearNativeElementHighlight",(function(){S()})),e.addListener("highlightNativeElement",(function({displayName:n,hideAfterTimeout:r,id:o,openNativeElementsPanel:i,rendererID:a,scrollIntoView:s}){const l=t.rendererInterfaces[a];null==l&&console.warn(`Invalid renderer id "${a}" for element "${o}"`);let c=null;null!=l&&(c=l.findNativeNodesForFiberID(o));if(null!=c&&null!=c[0]){const t=c[0];s&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),I(c,n,r),i&&(window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0=t,e.send("syncSelectionToNativeElementsPanel"))}else S()})),e.addListener("shutdown",r),e.addListener("startInspectingNative",(function(){n(window)})),e.addListener("stopInspectingNative",r);const d=i()(Object(l.a)(n=>{const r=t.getIDForNode(n);null!==r&&e.send("selectFiber",r)}),200,{leading:!1})}(e,this),N=this,N.addListener("traceUpdates",F)}get rendererInterfaces(){retur