"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[62922],{61132:function(e,t,n){n.d(t,{Z:function(){return i}});var r=n(27378),a=n(38944),o="tabItem_pnkT";function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function i({children:e,hidden:t,className:n}){return r.createElement("div",l({role:"tabpanel",className:(0,a.Z)(o,n)},{hidden:t}),e)}},38269:function(e,t,n){n.d(t,{Z:function(){return g}});var r=n(27378),a=n(38944),o=n(29088),l=n(52196),i=n(77468),c=n(75527),s="tabList_Qoir",u="tabItem_AQgk";function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function d(e){var t;const{lazy:n,block:o,defaultValue:d,values:g,groupId:m,className:f}=e,b=r.Children.map(e.children,(e=>{if((0,r.isValidElement)(e)&&"value"in e.props)return e;throw new Error(`Docusaurus error: Bad <Tabs> child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the <Tabs> component should be <TabItem>, and every <TabItem> should have a unique "value" prop.`)})),h=null!=g?g:b.map((({props:{value:e,label:t,attributes:n}})=>({value:e,label:t,attributes:n}))),y=(0,l.l)(h,((e,t)=>e.value===t.value));if(y.length>0)throw new Error(`Docusaurus error: Duplicate values "${y.map((e=>e.value)).join(", ")}" found in <Tabs>. Every value needs to be unique.`);var v;const k=null===d?d:null!==(v=null!=d?d:null===(t=b.find((e=>e.props.default)))||void 0===t?void 0:t.props.value)&&void 0!==v?v:b[0].props.value;if(null!==k&&!h.some((e=>e.value===k)))throw new Error(`Docusaurus error: The <Tabs> has a defaultValue "${k}" but none of its children has the corresponding value. Available values are: ${h.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:E,setTabGroupChoices:O}=(0,i.U)(),[N,w]=(0,r.useState)(k),j=[],{blockElementScrollPositionUntilNextRender:C}=(0,c.o5)();if(null!=m){const e=E[m];null!=e&&e!==N&&h.some((t=>t.value===e))&&w(e)}const B=e=>{const t=e.currentTarget,n=j.indexOf(t),r=h[n].value;r!==N&&(C(t),w(r),null!=m&&O(m,String(r)))},P=e=>{let t=null;switch(e.key){case"ArrowRight":{const r=j.indexOf(e.currentTarget)+1;var n;t=null!==(n=j[r])&&void 0!==n?n:j[0];break}case"ArrowLeft":{const n=j.indexOf(e.currentTarget)-1;var r;t=null!==(r=j[n])&&void 0!==r?r:j[j.length-1];break}}null==t||t.focus()};return r.createElement("div",{className:(0,a.Z)("tabs-container",s)},r.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,a.Z)("tabs",{"tabs--block":o},f)},h.map((({value:e,label:t,attributes:n})=>r.createElement("li",p({role:"tab",tabIndex:N===e?0:-1,"aria-selected":N===e,key:e,ref:e=>j.push(e),onKeyDown:P,onFocus:B,onClick:B},n,{className:(0,a.Z)("tabs__item",u,null==n?void 0:n.className,{"tabs__item--active":N===e})}),null!=t?t:e)))),n?(0,r.cloneElement)(b.filter((e=>e.props.value===N))[0],{className:"margin-top--md"}):r.createElement("div",{className:"margin-top--md"},b.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==N})))))}function g(e){const t=(0,o.Z)();return r.createElement(d,p({key:String(t)},e))}},55188:function(e,t,n){n.d(t,{v:function(){return i}});var r=n(70124);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){a(e,t,n[t])}))}return e}function l(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function i(e,t){return(0,r.v)(e,l(o({},t),{transforms:o({asyncAwait:!1,classes:!1,getterSetter:!1},t.transforms)}))}},94544:function(e,t,n){n.d(t,{Z:function(){return o}});var r=n(27378),a=n(29088);function o({children:e,fallback:t}){return(0,a.Z)()?r.createElement(r.Fragment,null,null==e?void 0:e()):null!=t?t:null}},52605:function(e,t,n){n.d(t,{Z:function(){return c}});var r=n(27378),a=n(35331),o="apiTable_e8hp";function l({name:e,children:t},n){const o=function(e){let t=e;for(;(0,r.isValidElement)(t);)[t]=r.Children.toArray(t.props.children);return t}(t),l=e?`${e}-${o}`:o,i=`#${l}`,c=(0,a.k6)();return r.createElement("tr",{id:l,tabIndex:0,ref:c.location.hash===i?n:void 0,onClick:()=>{c.push(i)},onKeyDown:e=>{"Enter"===e.key&&c.push(i)}},t.props.children)}const i=r.forwardRef(l);function c({children:e,name:t}){const[n,a]=r.Children.toArray(e.props.children),l=(0,r.useRef)(null);(0,r.useEffect)((()=>{var e;null===(e=l.current)||void 0===e||e.focus()}),[l]);const c=r.Children.map(a.props.children,(e=>r.createElement(i,{name:t,ref:l},e)));return r.createElement("table",{className:o},n,r.createElement("tbody",null,c))}},82064:function(e,t,n){n.d(t,{Z:function(){return u}});var r=n(27378),a=n(13415),o=n(92053),l=n(36712),i=n(38269),c=n(61132),s=n(14824);function u({code:e,pluginName:t,presetOptionName:n}){const u=(0,o.zu)(undefined).path;return r.createElement(i.Z,{groupId:"api-config-ex"},r.createElement(c.Z,{value:"preset",label:(0,l.I)({message:"Preset options"})},r.createElement("p",null,r.createElement(l.Z,{id:"apiDocs.configTabs.presetOptions.description",values:{presetLink:r.createElement(a.Z,{to:`${u}/using-plugins#docusauruspreset-classic`},r.createElement(l.Z,null,"preset options"))}},"If you use a preset, configure this plugin through the {presetLink}:")),r.createElement("p",null,r.createElement(s.Z,{language:"js",title:"docusaurus.config.js"},`module.exports = {\n  presets: [\n    [\n      '@docusaurus/preset-classic',\n      {\n        // highlight-start\n        ${n}: ${e.replace(/\n/g,"\n        ")},\n        // highlight-end\n      },\n    ],\n  ],\n};`))),r.createElement(c.Z,{value:"plugin",label:(0,l.I)({message:"Plugin options"})},r.createElement("p",null,r.createElement(l.Z,null,"If you are using a standalone plugin, provide options directly to the plugin:")),r.createElement("p",null,r.createElement(s.Z,{language:"js",title:"docusaurus.config.js"},`module.exports = {\n  plugins: [\n    [\n      '${t}',\n      // highlight-start\n      ${e.replace(/\n/g,"\n      ")},\n      // highlight-end\n    ],\n  ],\n};`))))}},14824:function(e,t,n){n.d(t,{Z:function(){return he}});var r={};n.r(r),n.d(r,{ButtonExample:function(){return I}});var a=n(27378),o=n(38944),l=n(29088),i=n(40935),c=n(36712),s=n(4423),u=n(94544),p=n(78844),d=n(73919);function g(){const{prism:e}=(0,d.L)(),{colorMode:t}=(0,p.I)(),n=e.theme,r=e.darkTheme||n;return"dark"===t?r:n}var m="playgroundContainer_6Ior",f="playgroundHeader_Tvsk",b="playgroundEditor_TySg",h="playgroundPreview_mApW";function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function v(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function k({children:e}){return a.createElement("div",{className:(0,o.Z)(f)},e)}function E(){return a.createElement("div",null,"Loading...")}function O(){return a.createElement(a.Fragment,null,a.createElement(k,null,a.createElement(c.Z,{id:"theme.Playground.result",description:"The result label of the live codeblocks"},"Result")),a.createElement("div",{className:h},a.createElement(u.Z,{fallback:a.createElement(E,null)},(()=>a.createElement(a.Fragment,null,a.createElement(i.i5,null),a.createElement(i.IF,null))))))}function N(){const e=(0,l.Z)();return a.createElement(i.uz,{key:String(e),className:b})}function w(){return a.createElement(a.Fragment,null,a.createElement(k,null,a.createElement(c.Z,{id:"theme.Playground.liveEditor",description:"The live editor label of the live codeblocks"},"Live Editor")),a.createElement(N,null))}function j(e){var t,{children:n,transformCode:r}=e,o=v(e,["children","transformCode"]);const{siteConfig:{themeConfig:l}}=(0,s.Z)(),{liveCodeBlock:{playgroundPosition:c}}=l,u=g();var p;const d=null!==(p=null===(t=o.metastring)||void 0===t?void 0:t.includes("noInline"))&&void 0!==p&&p;return a.createElement("div",{className:m},a.createElement(i.nu,y({code:n.replace(/\n$/,""),noInline:d,transformCode:null!=r?r:e=>`${e};`,theme:u},o),"top"===c?a.createElement(a.Fragment,null,a.createElement(O,null),a.createElement(w,null)):a.createElement(a.Fragment,null,a.createElement(w,null),a.createElement(O,null))))}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(){return B=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},B.apply(this,arguments)}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){C(e,t,n[t])}))}return e}function I(e){return a.createElement("button",B({type:"button"},e,{style:P({backgroundColor:"white",color:"black",border:"solid red",borderRadius:20,padding:10,cursor:"pointer"},e.style)}))}function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var x,S,Z=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){T(e,t,n[t])}))}return e}({React:a},a,r),L=n(6324),_=n.n(L);const A=RegExp("title=(?<quote>[\"'])(?<title>.*?)\\1"),D=RegExp("\\{(?<range>[\\d,-]+)\\}"),$={js:{start:"\\/\\/",end:""},jsBlock:{start:"\\/\\*",end:"\\*\\/"},jsx:{start:"\\{\\s*\\/\\*",end:"\\*\\/\\s*\\}"},bash:{start:"#",end:""},html:{start:"\x3c!--",end:"--\x3e"}};function R(e,t){const n=e.map((e=>{const{start:n,end:r}=$[e];return`(?:${n}\\s*(${t.flatMap((e=>{var t,n;return[e.line,null===(t=e.block)||void 0===t?void 0:t.start,null===(n=e.block)||void 0===n?void 0:n.end].filter(Boolean)})).join("|")})\\s*${r})`})).join("|");return new RegExp(`^\\s*(?:${n})\\s*$`)}function F(e,t){let n=e.replace(/\n$/,"");const{language:r,magicComments:a,metastring:o}=t;if(o&&D.test(o)){const e=o.match(D).groups.range;if(0===a.length)throw new Error(`A highlight range has been given in code block's metastring (\`\`\` ${o}), but no magic comment config is available. Docusaurus applies the first magic comment entry's className for metastring ranges.`);const t=a[0].className,r=_()(e).filter((e=>e>0)).map((e=>[e-1,[t]]));return{lineClassNames:Object.fromEntries(r),code:n}}if(void 0===r)return{lineClassNames:{},code:n};const l=function(e,t){switch(e){case"js":case"javascript":case"ts":case"typescript":return R(["js","jsBlock"],t);case"jsx":case"tsx":return R(["js","jsBlock","jsx"],t);case"html":return R(["js","jsBlock","html"],t);case"python":case"py":case"bash":return R(["bash"],t);case"markdown":case"md":return R(["html","jsx","bash"],t);default:return R(Object.keys($),t)}}(r,a),i=n.split("\n"),c=Object.fromEntries(a.map((e=>[e.className,{start:0,range:""}]))),s=Object.fromEntries(a.filter((e=>e.line)).map((({className:e,line:t})=>[t,e]))),u=Object.fromEntries(a.filter((e=>e.block)).map((({className:e,block:t})=>[t.start,e]))),p=Object.fromEntries(a.filter((e=>e.block)).map((({className:e,block:t})=>[t.end,e])));for(let g=0;g<i.length;){const e=i[g].match(l);if(!e){g+=1;continue}const t=e.slice(1).find((e=>void 0!==e));s[t]?c[s[t]].range+=`${g},`:u[t]?c[u[t]].start=g:p[t]&&(c[p[t]].range+=`${c[p[t]].start}-${g-1},`),i.splice(g,1)}n=i.join("\n");const d={};return Object.entries(c).forEach((([e,{range:t}])=>{_()(t).forEach((t=>{var n;null!==(n=(x=d)[S=t])&&void 0!==n||(x[S]=[]),d[t].push(e)}))})),{lineClassNames:d,code:n}}var M=n(89583),V="codeBlockContainer_jDV4";function G(){return G=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},G.apply(this,arguments)}function H(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function z(e){var{as:t}=e,n=H(e,["as"]);const r=function(e){const t={color:"--prism-color",backgroundColor:"--prism-background-color"},n={};return Object.entries(e.plain).forEach((([e,r])=>{const a=t[e];a&&"string"==typeof r&&(n[a]=r)})),n}(g());return a.createElement(t,G({},n,{style:r,className:(0,o.Z)(n.className,V,M.k.common.codeBlock)}))}var W={codeBlockContent:"codeBlockContent_vx7S",codeBlockTitle:"codeBlockTitle_bdru",codeBlock:"codeBlock_Gebt",codeBlockStandalone:"codeBlockStandalone_i_cY",codeBlockLines:"codeBlockLines_FJaf",codeBlockLinesWithNumbering:"codeBlockLinesWithNumbering_FU9Q",buttonGroup:"buttonGroup_cUGO"};function U({children:e,className:t}){return a.createElement(z,{as:"pre",tabIndex:0,className:(0,o.Z)(W.codeBlockStandalone,"thin-scrollbar",t)},a.createElement("code",{className:W.codeBlockLines},e))}var q=n(51114);const Q={attributes:!0,characterData:!0,childList:!0,subtree:!0};function J(e,t){const[n,r]=(0,a.useState)(),o=(0,a.useCallback)((()=>{var t;r(null===(t=e.current)||void 0===t?void 0:t.closest("[role=tabpanel][hidden]"))}),[e,r]);(0,a.useEffect)((()=>{o()}),[o]),function(e,t,n=Q){const r=(0,q.ed)(t),o=(0,q.Ql)(n);(0,a.useEffect)((()=>{const t=new MutationObserver(r);return e&&t.observe(e,o),()=>t.disconnect()}),[e,r,o])}(n,(e=>{e.forEach((e=>{"attributes"===e.type&&"hidden"===e.attributeName&&(t(),o())}))}),{attributes:!0,characterData:!1,childList:!1,subtree:!1})}var X=n(55620),Y="codeLine_qRmp",K="codeLineNumber_dS_J",ee="codeLineContent_XF5l";function te(){return te=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},te.apply(this,arguments)}function ne({line:e,classNames:t,showLineNumbers:n,getLineProps:r,getTokenProps:l}){1===e.length&&"\n"===e[0].content&&(e[0].content="");const i=r({line:e,className:(0,o.Z)(t,n&&Y)}),c=e.map(((e,t)=>a.createElement("span",te({key:t},l({token:e,key:t})))));return a.createElement("span",te({},i),n?a.createElement(a.Fragment,null,a.createElement("span",{className:K}),a.createElement("span",{className:ee},c)):a.createElement(a.Fragment,null,c,a.createElement("br",null)))}var re=n(34370),ae={copyButtonCopied:"copyButtonCopied_OkN_",copyButtonIcons:"copyButtonIcons_OqsO",copyButtonIcon:"copyButtonIcon_PgCn",copyButtonSuccessIcon:"copyButtonSuccessIcon_bsQG"};function oe({code:e,className:t}){const[n,r]=(0,a.useState)(!1),l=(0,a.useRef)(void 0),i=(0,a.useCallback)((()=>{(0,re.Z)(e),r(!0),l.current=window.setTimeout((()=>{r(!1)}),1e3)}),[e]);return(0,a.useEffect)((()=>()=>window.clearTimeout(l.current)),[]),a.createElement("button",{type:"button","aria-label":n?(0,c.I)({id:"theme.CodeBlock.copied",message:"Copied",description:"The copied button label on code blocks"}):(0,c.I)({id:"theme.CodeBlock.copyButtonAriaLabel",message:"Copy code to clipboard",description:"The ARIA label for copy code blocks button"}),title:(0,c.I)({id:"theme.CodeBlock.copy",message:"Copy",description:"The copy button label on code blocks"}),className:(0,o.Z)("clean-btn",t,ae.copyButton,n&&ae.copyButtonCopied),onClick:i},a.createElement("span",{className:ae.copyButtonIcons,"aria-hidden":"true"},a.createElement("svg",{className:ae.copyButtonIcon,viewBox:"0 0 24 24"},a.createElement("path",{d:"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"})),a.createElement("svg",{className:ae.copyButtonSuccessIcon,viewBox:"0 0 24 24"},a.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))))}var le="wordWrapButtonIcon_MQXS",ie="wordWrapButtonEnabled_TBIH";function ce({className:e,onClick:t,isEnabled:n}){const r=(0,c.I)({id:"theme.CodeBlock.wordWrapToggle",message:"Toggle word wrap",description:"The title attribute for toggle word wrapping button of code block lines"});return a.createElement("button",{type:"button",onClick:t,className:(0,o.Z)("clean-btn",e,n&&ie),"aria-label":r,title:r},a.createElement("svg",{className:le,viewBox:"0 0 24 24","aria-hidden":"true"},a.createElement("path",{fill:"currentColor",d:"M4 19h6v-2H4v2zM20 5H4v2h16V5zm-3 6H4v2h13.25c1.1 0 2 .9 2 2s-.9 2-2 2H15v-2l-3 3l3 3v-2h2c2.21 0 4-1.79 4-4s-1.79-4-4-4z"})))}function se(){return se=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},se.apply(this,arguments)}function ue({children:e,className:t="",metastring:n,title:r,showLineNumbers:l,language:i}){const{prism:{defaultLanguage:c,magicComments:s}}=(0,d.L)();var u;const p=null!==(u=null!=i?i:function(e){const t=e.split(" ").find((e=>e.startsWith("language-")));return null==t?void 0:t.replace(/language-/,"")}(t))&&void 0!==u?u:c,m=g(),f=function(){const[e,t]=(0,a.useState)(!1),[n,r]=(0,a.useState)(!1),o=(0,a.useRef)(null),l=(0,a.useCallback)((()=>{const n=o.current.querySelector("code");e?n.removeAttribute("style"):(n.style.whiteSpace="pre-wrap",n.style.overflowWrap="anywhere"),t((e=>!e))}),[o,e]),i=(0,a.useCallback)((()=>{const{scrollWidth:e,clientWidth:t}=o.current,n=e>t||o.current.querySelector("code").hasAttribute("style");r(n)}),[o]);return J(o,i),(0,a.useEffect)((()=>{i()}),[e,i]),(0,a.useEffect)((()=>(window.addEventListener("resize",i,{passive:!0}),()=>{window.removeEventListener("resize",i)})),[i]),{codeBlockRef:o,isEnabled:e,isCodeScrollable:n,toggle:l}}(),b=function(e){var t,n;return null!==(n=null===(t=null==e?void 0:e.match(A))||void 0===t?void 0:t.groups.title)&&void 0!==n?n:""}(n)||r,{lineClassNames:h,code:y}=F(e,{metastring:n,language:p,magicComments:s}),v=null!=l?l:function(e){return Boolean(null==e?void 0:e.includes("showLineNumbers"))}(n);return a.createElement(z,{as:"div",className:(0,o.Z)(t,p&&!t.includes(`language-${p}`)&&`language-${p}`)},b&&a.createElement("div",{className:W.codeBlockTitle},b),a.createElement("div",{className:W.codeBlockContent},a.createElement(X.ZP,se({},X.lG,{theme:m,code:y,language:null!=p?p:"text"}),(({className:e,tokens:t,getLineProps:n,getTokenProps:r})=>a.createElement("pre",{tabIndex:0,ref:f.codeBlockRef,className:(0,o.Z)(e,W.codeBlock,"thin-scrollbar")},a.createElement("code",{className:(0,o.Z)(W.codeBlockLines,v&&W.codeBlockLinesWithNumbering)},t.map(((e,t)=>a.createElement(ne,{key:t,line:e,getLineProps:n,getTokenProps:r,classNames:h[t],showLineNumbers:v}))))))),a.createElement("div",{className:W.buttonGroup},(f.isEnabled||f.isCodeScrollable)&&a.createElement(ce,{className:W.codeButton,onClick:()=>f.toggle(),isEnabled:f.isEnabled}),a.createElement(oe,{className:W.codeButton,code:y}))))}function pe(){return pe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},pe.apply(this,arguments)}function de(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function ge(){return ge=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ge.apply(this,arguments)}var me,fe=(me=function(e){var{children:t}=e,n=de(e,["children"]);const r=(0,l.Z)(),o=function(e){return a.Children.toArray(e).some((e=>(0,a.isValidElement)(e)))?e:Array.isArray(e)?e.join(""):e}(t),i="string"==typeof o?ue:U;return a.createElement(i,pe({key:String(r)},n),o)},function(e){return e.live?a.createElement(j,ge({scope:Z},e)):a.createElement(me,ge({},e))});function be(){return be=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},be.apply(this,arguments)}function he(e){return a.createElement(fe,be({},e))}},91689:function(e,t,n){n.r(t),n.d(t,{assets:function(){return g},contentTitle:function(){return p},default:function(){return b},frontMatter:function(){return u},metadata:function(){return d},toc:function(){return m}});n(27378);var r=n(35318),a=n(38269),o=n(61132),l=n(52605),i=n(82064);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}const u={sidebar_position:6,id:"plugin-google-analytics",title:"\ud83d\udce6 plugin-google-analytics",slug:"/api/plugins/@docusaurus/plugin-google-analytics"},p=void 0,d={unversionedId:"api/plugins/plugin-google-analytics",id:"version-2.0.0-beta.21/api/plugins/plugin-google-analytics",title:"\ud83d\udce6 plugin-google-analytics",description:"The default Google Analytics plugin. It is a JavaScript library for measuring how users interact with your website in the production build. If you are using Google Analytics 4 you might need to consider using plugin-google-gtag instead.",source:"@site/versioned_docs/version-2.0.0-beta.21/api/plugins/plugin-google-analytics.md",sourceDirName:"api/plugins",slug:"/api/plugins/@docusaurus/plugin-google-analytics",permalink:"/docs/api/plugins/@docusaurus/plugin-google-analytics",draft:!1,editUrl:"https://github.com/facebook/docusaurus/edit/main/website/docs/api/plugins/plugin-google-analytics.md",tags:[],version:"2.0.0-beta.21",lastUpdatedBy:"S\xe9bastien Lorber",lastUpdatedAt:1653668951,formattedLastUpdatedAt:"5/27/2022",sidebarPosition:6,frontMatter:{sidebar_position:6,id:"plugin-google-analytics",title:"\ud83d\udce6 plugin-google-analytics",slug:"/api/plugins/@docusaurus/plugin-google-analytics"},socialCardUrl:"https://docusaurus-og-image.vercel.app/%F0%9F%93%A6%20plugin-google-analytics",sidebar:"api",previous:{title:"\ud83d\udce6 plugin-debug",permalink:"/docs/api/plugins/@docusaurus/plugin-debug"},next:{title:"\ud83d\udce6 plugin-google-gtag",permalink:"/docs/api/plugins/@docusaurus/plugin-google-gtag"}},g={},m=[{value:"Installation",id:"installation",level:2},{value:"Configuration",id:"configuration",level:2},{value:"Example configuration",id:"ex-config",level:3}],f={toc:m};function b(e){var{components:t}=e,n=s(e,["components"]);return(0,r.kt)("wrapper",c({},f,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("p",null,"The default ",(0,r.kt)("a",c({parentName:"p"},{href:"https://developers.google.com/analytics/devguides/collection/analyticsjs/"}),"Google Analytics")," plugin. It is a JavaScript library for measuring how users interact with your website ",(0,r.kt)("strong",{parentName:"p"},"in the production build"),". If you are using Google Analytics 4 you might need to consider using ",(0,r.kt)("a",c({parentName:"p"},{href:"/docs/api/plugins/@docusaurus/plugin-google-gtag"}),"plugin-google-gtag")," instead."),(0,r.kt)("admonition",c({},{title:"production only",type:"caution"}),(0,r.kt)("p",{parentName:"admonition"},"This plugin is always inactive in development and ",(0,r.kt)("strong",{parentName:"p"},"only active in production")," to avoid polluting the analytics statistics.")),(0,r.kt)("h2",c({},{id:"installation"}),"Installation"),(0,r.kt)(a.Z,{groupId:"npm2yarn",mdxType:"Tabs"},(0,r.kt)(o.Z,{value:"npm",mdxType:"TabItem"},(0,r.kt)("pre",null,(0,r.kt)("code",c({parentName:"pre"},{className:"language-bash"}),"npm install --save @docusaurus/plugin-google-analytics\n"))),(0,r.kt)(o.Z,{value:"yarn",label:"Yarn",mdxType:"TabItem"},(0,r.kt)("pre",null,(0,r.kt)("code",c({parentName:"pre"},{className:"language-bash"}),"yarn add @docusaurus/plugin-google-analytics\n")))),(0,r.kt)("admonition",c({},{type:"tip"}),(0,r.kt)("p",{parentName:"admonition"},"If you use the preset ",(0,r.kt)("inlineCode",{parentName:"p"},"@docusaurus/preset-classic"),", you don't need to install this plugin as a dependency."),(0,r.kt)("p",{parentName:"admonition"},"You can configure this plugin through the preset options.")),(0,r.kt)("h2",c({},{id:"configuration"}),"Configuration"),(0,r.kt)("p",null,"Accepted fields:"),(0,r.kt)(l.Z,{mdxType:"APITable"},(0,r.kt)("table",null,(0,r.kt)("thead",{parentName:"table"},(0,r.kt)("tr",{parentName:"thead"},(0,r.kt)("th",c({parentName:"tr"},{align:null}),"Name"),(0,r.kt)("th",c({parentName:"tr"},{align:null}),"Type"),(0,r.kt)("th",c({parentName:"tr"},{align:null}),"Default"),(0,r.kt)("th",c({parentName:"tr"},{align:null}),"Description"))),(0,r.kt)("tbody",{parentName:"table"},(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",c({parentName:"tr"},{align:null}),(0,r.kt)("inlineCode",{parentName:"td"},"trackingID")),(0,r.kt)("td",c({parentName:"tr"},{align:null}),(0,r.kt)("inlineCode",{parentName:"td"},"string")),(0,r.kt)("td",c({parentName:"tr"},{align:null}),(0,r.kt)("strong",{parentName:"td"},"Required")),(0,r.kt)("td",c({parentName:"tr"},{align:null}),"The tracking ID of your analytics service.")),(0,r.kt)("tr",{parentName:"tbody"},(0,r.kt)("td",c({parentName:"tr"},{align:null}),(0,r.kt)("inlineCode",{parentName:"td"},"anonymizeIP")),(0,r.kt)("td",c({parentName:"tr"},{align:null}),(0,r.kt)("inlineCode",{parentName:"td"},"boolean")),(0,r.kt)("td",c({parentName:"tr"},{align:null}),(0,r.kt)("inlineCode",{parentName:"td"},"false")),(0,r.kt)("td",c({parentName:"tr"},{align:null}),"Whether the IP should be anonymized when sending requests."))))),(0,r.kt)("h3",c({},{id:"ex-config"}),"Example configuration"),(0,r.kt)("p",null,"You can configure this plugin through preset options or plugin options."),(0,r.kt)("admonition",c({},{type:"tip"}),(0,r.kt)("p",{parentName:"admonition"},"Most Docusaurus users configure this plugin through the preset options.")),(0,r.kt)(i.Z,{pluginName:"@docusaurus/plugin-google-analytics",presetOptionName:"googleAnalytics",code:"{\n  trackingID: 'UA-141789564-1',\n  anonymizeIP: true,\n}",mdxType:"ConfigTabs"}))}b.isMDXComponent=!0}}]);