https://motioncanvas.io/assets/js/8128.35705b8c.js

1var _____WB$wombat$assign$function_____=function(name){return (globalThis._wb_wombat && globalThis._wb_wombat.local_init && globalThis._wb_wombat.local_init(name))||globalThis[name];};if(!globalThis.__WB_pmw){globalThis.__WB_pmw=function(obj){this.__WB_source=obj;return this;}}{
2let window = _____WB$wombat$assign$function_____("window");
3let self = _____WB$wombat$assign$function_____("self");
4let document = _____WB$wombat$assign$function_____("document");
5let location = _____WB$wombat$assign$function_____("location");
6let top = _____WB$wombat$assign$function_____("top");
7let parent = _____WB$wombat$assign$function_____("parent");
8let frames = _____WB$wombat$assign$function_____("frames");
9let opener = _____WB$wombat$assign$function_____("opener");
10(self.webpackChunk_motion_canvas_docs=self.webpackChunk_motion_canvas_docs||[]).push([[8128],{9318:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var o=n(7896),s=n(2784),c=n(6277),r=n(822),a=n(211),l=n(335);const i="codeBlockContainer_ZGJx";function u(e){let{as:t,...n}=e;const u=(0,r.p)(),p=(0,l.QC)(u);return s.createElement(t,(0,o.Z)({},n,{style:p,className:(0,c.Z)(n.className,i,a.k.common.codeBlock)}))}},8128:(e,t,n)=>{"use strict";n.d(t,{Z:()=>O});var o=n(7896),s=n(2784),c=n(9741),r=n(6277),a=n(9318),l=n(8569);function i(e){let{children:t,className:n}=e;return s.createElement(a.Z,{as:"pre",tabIndex:0,className:(0,r.Z)(l.Z.codeBlockStandalone,"thin-scrollbar",n)},s.createElement("code",{className:l.Z.codeBlockLines},t))}var u=n(7683),p=n(822),d=n(335),m=n(6835);const g={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]};var h={Prism:n(7175).Z,theme:g};function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},f.apply(this,arguments)}var b=/\r\n|\r|\n/,v=function(e){0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},k=function(e,t){var n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},E=function(e,t){var n=e.plain,o=Object.create(null),s=e.styles.reduce((function(e,n){var o=n.languages,s=n.style;return o&&!o.includes(t)||n.types.forEach((function(t){var n=f({},e[t],s);e[t]=n})),e}),o);return s.root=n,s.plain=f({},n,{backgroundColor:null}),s};function B(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&-1===t.indexOf(o)&&(n[o]=e[o]);return n}const N=function(e){function t(){for(var t=this,n=[],o=arguments.length;o--;)n[o]=arguments[o];e.apply(this,n),y(this,"getThemeDict",(function(e){if(void 0!==t.themeDict&&e.theme===t.prevTheme&&e.language===t.prevLanguage)return t.themeDict;t.prevTheme=e.theme,t.prevLanguage=e.language;var n=e.theme?E(e.theme,e.language):void 0;return t.themeDict=n})),y(this,"getLineProps",(function(e){var n=e.key,o=e.className,s=e.style,c=f({},B(e,["key","className","style","line"]),{className:"token-line",style:void 0,key:void 0}),r=t.getThemeDict(t.props);return void 0!==r&&(c.style=r.plain),void 0!==s&&(c.style=void 0!==c.style?f({},c.style,s):s),void 0!==n&&(c.key=n),o&&(c.className+=" "+o),c})),y(this,"getStyleForToken",(function(e){var n=e.types,o=e.empty,s=n.length,c=t.getThemeDict(t.props);if(void 0!==c){if(1===s&&"plain"===n[0])return o?{display:"inline-block"}:void 0;if(1===s&&!o)return c[n[0]];var r=o?{display:"inline-block"}:{},a=n.map((function(e){return c[e]}));return Object.assign.apply(Object,[r].concat(a))}})),y(this,"getTokenProps",(function(e){var n=e.key,o=e.className,s=e.style,c=e.token,r=f({},B(e,["key","className","style","token"]),{className:"token "+c.types.join(" "),children:c.content,style:t.getStyleForToken(c),key:void 0});return void 0!==s&&(r.style=void 0!==r.style?f({},r.style,s):s),void 0!==n&&(r.key=n),o&&(r.className+=" "+o),r})),y(this,"tokenize",(function(e,t,n,o){var s={code:t,grammar:n,language:o,tokens:[]};e.hooks.run("before-tokenize",s);var c=s.tokens=e.tokenize(s.code,s.grammar,s.language);return e.hooks.run("after-tokenize",s),c}))}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.render=function(){var e=this.props,t=e.Prism,n=e.language,o=e.code,s=e.children,c=this.getThemeDict(this.props),r=t.languages[n];return s({tokens:function(e){for(var t=[[]],n=[e],o=[0],s=[e.length],c=0,r=0,a=[],l=[a];r>-1;){for(;(c=o[r]++)<s[r];){var i=void 0,u=t[r],p=n[r][c];if("string"==typeof p?(u=r>0?u:["plain"],i=p):(u=k(u,p.type),p.alias&&(u=k(u,p.alias)),i=p.content),"string"==typeof i){var d=i.split(b),m=d.length;a.push({types:u,content:d[0]});for(var g=1;g<m;g++)v(a),l.push(a=[]),a.push({types:u,content:d[g]})}else r++,t.push(u),n.push(i),o.push(0),s.push(i.length)}r--,t.pop(),n.pop(),o.pop(),s.pop()}return v(a),l}(void 0!==r?this.tokenize(t,o,r,n):[o]),className:"prism-code language-"+n,style:void 0!==c?c.root:{},getLineProps:this.getLineProps,getTokenProps:this.getTokenProps})},t}(s.Component),C="codeLine_DPDv",w="codeLineNumber_YxQB",L="codeLineContent_SOIp";function j(e){let{line:t,classNames:n,showLineNumbers:c,getLineProps:a,getTokenProps:l}=e;1===t.length&&"\n"===t[0].content&&(t[0].content="");const i=a({line:t,className:(0,r.Z)(n,c&&C)}),u=t.map(((e,t)=>s.createElement("span",(0,o.Z)({key:t},l({token:e,key:t}

10)))));return s.createElement("span",i,c?s.createElement(s.Fragment,null,s.createElement("span",{className:w}),s.createElement("span",{className:L},u)):u,s.createElement("br",null))}var Z=n(1077);const T={copyButtonCopied:"copyButtonCopied_Mzdr",copyButtonIcons:"copyButtonIcons_MVhB",copyButtonIcon:"copyButtonIcon_yxgH",copyButtonSuccessIcon:"copyButtonSuccessIcon_QJLJ"};function _(e){let{code:t,className:n}=e;const[o,c]=(0,s.useState)(!1),a=(0,s.useRef)(void 0),l=(0,s.useCallback)((()=>{!function(e,t){let{target:n=document.body}=void 0===t?{}:t;const o=document.createElement("textarea"),s=document.activeElement;o.value=e,o.setAttribute("readonly",""),o.style.contain="strict",o.style.position="absolute",o.style.left="-9999px",o.style.fontSize="12pt";const c=document.getSelection();let r=!1;c.rangeCount>0&&(r=c.getRangeAt(0)),n.append(o),o.select(),o.selectionStart=0,o.selectionEnd=e.length;let a=!1;try{a=document.execCommand("copy")}catch{}o.remove(),r&&(c.removeAllRanges(),c.addRange(r)),s&&s.focus()}(t),c(!0),a.current=window.setTimeout((()=>{c(!1)}),1e3)}),[t]);return(0,s.useEffect)((()=>()=>window.clearTimeout(a.current)),[]),s.createElement("button",{type:"button","aria-label":o?(0,Z.I)({id:"theme.CodeBlock.copied",message:"Copied",description:"The copied button label on code blocks"}):(0,Z.I)({id:"theme.CodeBlock.copyButtonAriaLabel",message:"Copy code to clipboard",description:"The ARIA label for copy code blocks button"}),title:(0,Z.I)({id:"theme.CodeBlock.copy",message:"Copy",description:"The copy button label on code blocks"}),className:(0,r.Z)("clean-btn",n,T.copyButton,o&&T.copyButtonCopied),onClick:l},s.createElement("span",{className:T.copyButtonIcons,"aria-hidden":"true"},s.createElement("svg",{className:T.copyButtonIcon,viewBox:"0 0 24 24"},s.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"})),s.createElement("svg",{className:T.copyButtonSuccessIcon,viewBox:"0 0 24 24"},s.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))))}const x="wordWrapButtonIcon_SMj9",S="wordWrapButtonEnabled_vR9E";function I(e){let{className:t,onClick:n,isEnabled:o}=e;const c=(0,Z.I)({id:"theme.CodeBlock.wordWrapToggle",message:"Toggle word wrap",description:"The title attribute for toggle word wrapping button of code block lines"});return s.createElement("button",{type:"button",onClick:n,className:(0,r.Z)("clean-btn",t,o&&S),"aria-label":c,title:c},s.createElement("svg",{className:x,viewBox:"0 0 24 24","aria-hidden":"true"},s.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 A(e){let{children:t,className:n="",metastring:c,title:i,showLineNumbers:g,language:y}=e;const{prism:{defaultLanguage:f,magicComments:b}}=(0,u.L)(),v=y??(0,d.Vo)(n)??f,k=(0,p.p)(),E=(0,m.F)(),B=(0,d.bc)(c)||i,{lineClassNames:C,code:w}=(0,d.nZ)(t,{metastring:c,language:v,magicComments:b}),L=g??(0,d.nt)(c);return s.createElement(a.Z,{as:"div",className:(0,r.Z)(n,v&&!n.includes(`language-${v}`)&&`language-${v}`)},B&&s.createElement("div",{className:l.Z.codeBlockTitle},B),s.createElement("div",{className:l.Z.codeBlockContent},s.createElement(N,(0,o.Z)({},h,{theme:k,code:w,language:v??"text"}),(e=>{let{className:t,tokens:n,getLineProps:o,getTokenProps:c}=e;return s.createElement("pre",{tabIndex:0,ref:E.codeBlockRef,className:(0,r.Z)(t,l.Z.codeBlock,"thin-scrollbar")},s.createElement("code",{className:(0,r.Z)(l.Z.codeBlockLines,L&&l.Z.codeBlockLinesWithNumbering)},n.map(((e,t)=>s.createElement(j,{key:t,line:e,getLineProps:o,getTokenProps:c,classNames:C[t],showLineNumbers:L})))))})),s.createElement("div",{className:l.Z.buttonGroup},(E.isEnabled||E.isCodeScrollable)&&s.createElement(I,{className:l.Z.codeButton,onClick:()=>E.toggle(),isEnabled:E.isEnabled}),s.createElement(_,{className:l.Z.codeButton,code:w}))))}function O(e){let{children:t,...n}=e;const r=(0,c.Z)(),a=function(e){return s.Children.toArray(e).some((e=>(0,s.isValidElement)(e)))?e:Array.isArray(e)?e.join(""):e}(t),l="string"==typeof a?A:i;return s.createElement(l,(0,o.Z)({key:String(r)},n),a)}},6835:(e,t,n)=>{"use strict";n.d(t,{F:()=>a});var o=n(2784),s=n(6335);const c={attributes:!0,characterData:!0,childList:!0,subtree:!0};function r(e,t){const[n,r]=(0,o.useState)(),a=(0,o.useCallback)((()=>{var t;r(null==(t=e.current)?void 0:t.closest("[role=tabpanel][hidden]"))}),[e,r]);(0,o.useEffect)((()=>{a()}),[a]),function(e,t,n){void 0===n&&(n=c);const r=(0,s.zX)(t),a=(0,s.Ql)(n);(0,o.useEffect)((()=>{const t=new MutationObserver(r);return e&&t.observe(e,a),()=>t.disconnect()}),[e,r,a])}(n,(e=>{e.forEach((e=>{"attributes"===e.type&&"hidden"===e.attributeName&&(t(),a())}))}),{attributes:!0,characterData:!1,childList:!1,subtree:!1})}function a(){const[e,t]=(0,o.useState)(!1),[n,s]=(0,o.useState)(!1),c=(0,o.useRef)(null),a=(0,o.useCallback)((()=>{const n=c.current.querySelector("code");e?n.removeAttribute("style"):(n.style.whiteSpace="pre-wrap",n.style.overflowWrap="anywhere"),t((e=>!e))}),[c,e]),l=(0,o.useCallback)((()=>{const{scrollWidth:e,clientWidth:t}=c.current,n=e>t||c.current.querySelector("code").hasAttribute("style");s(n)}),[c]);return r(c,l),(0,o.useEffect)((()=>

10{l()}),[e,l]),(0,o.useEffect)((()=>(window.addEventListener("resize",l,{passive:!0}),()=>{window.removeEventListener("resize",l)})),[l]),{codeBlockRef:c,isEnabled:e,isCodeScrollable:n,toggle:a}}},822:(e,t,n)=>{"use strict";n.d(t,{p:()=>c});var o=n(361),s=n(7683);function c(){const{prism:e}=(0,s.L)(),{colorMode:t}=(0,o.I)(),n=e.theme,c=e.darkTheme||n;return"dark"===t?c:n}},335:(e,t,n)=>{"use strict";n.d(t,{QC:()=>m,Vo:()=>p,bc:()=>i,nZ:()=>d,nt:()=>u});var o=n(4501),s=n.n(o);const c=/title=(?<quote>["'])(?<title>.*?)\1/,r=/\{(?<range>[\d,-]+)\}/,a={js:{start:"\\/\\/",end:""},jsBlock:{start:"\\/\\*",end:"\\*\\/"},jsx:{start:"\\{\\s*\\/\\*",end:"\\*\\/\\s*\\}"},bash:{start:"#",end:""},html:{start:"\x3c!--",end:"--\x3e"}};function l(e,t){const n=e.map((e=>{const{start:n,end:o}=a[e];return`(?:${n}\\s*(${t.flatMap((e=>{var t,n;return[e.line,null==(t=e.block)?void 0:t.start,null==(n=e.block)?void 0:n.end].filter(Boolean)})).join("|")})\\s*${o})`})).join("|");return new RegExp(`^\\s*(?:${n})\\s*$`)}function i(e){var t;return(null==e||null==(t=e.match(c))?void 0:t.groups.title)??""}function u(e){return Boolean(null==e?void 0:e.includes("showLineNumbers"))}function p(e){const t=e.split(" ").find((e=>e.startsWith("language-")));return null==t?void 0:t.replace(/language-/,"")}function d(e,t){let n=e.replace(/\n$/,"");const{language:o,magicComments:c,metastring:i}=t;if(i&&r.test(i)){const e=i.match(r).groups.range;if(0===c.length)throw new Error(`A highlight range has been given in code block's metastring (\`\`\` ${i}), but no magic comment config is available. Docusaurus applies the first magic comment entry's className for metastring ranges.`);const t=c[0].className,o=s()(e).filter((e=>e>0)).map((e=>[e-1,[t]]));return{lineClassNames:Object.fromEntries(o),code:n}}if(void 0===o)return{lineClassNames:{},code:n};const u=function(e,t){switch(e){case"js":case"javascript":case"ts":case"typescript":return l(["js","jsBlock"],t);case"jsx":case"tsx":return l(["js","jsBlock","jsx"],t);case"html":return l(["js","jsBlock","html"],t);case"python":case"py":case"bash":return l(["bash"],t);case"markdown":case"md":return l(["html","jsx","bash"],t);default:return l(Object.keys(a),t)}}(o,c),p=n.split("\n"),d=Object.fromEntries(c.map((e=>[e.className,{start:0,range:""}]))),m=Object.fromEntries(c.filter((e=>e.line)).map((e=>{let{className:t,line:n}=e;return[n,t]}))),g=Object.fromEntries(c.filter((e=>e.block)).map((e=>{let{className:t,block:n}=e;return[n.start,t]}))),h=Object.fromEntries(c.filter((e=>e.block)).map((e=>{let{className:t,block:n}=e;return[n.end,t]})));for(let s=0;s<p.length;){const e=p[s].match(u);if(!e){s+=1;continue}const t=e.slice(1).find((e=>void 0!==e));m[t]?d[m[t]].range+=`${s},`:g[t]?d[g[t]].start=s:h[t]&&(d[h[t]].range+=`${d[h[t]].start}-${s-1},`),p.splice(s,1)}n=p.join("\n");const y={};return Object.entries(d).forEach((e=>{let[t,{range:n}]=e;s()(n).forEach((e=>{y[e]??=[],y[e].push(t)}))})),{lineClassNames:y,code:n}}function m(e){const t={color:"--prism-color",backgroundColor:"--prism-background-color"},n={};return Object.entries(e.plain).forEach((e=>{let[o,s]=e;const c=t[o];c&&"string"==typeof s&&(n[c]=s)})),n}},8569:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const o={codeBlockContent:"codeBlockContent_qZBB",codeBlockTitle:"codeBlockTitle_zAEH",codeBlock:"codeBlock_TAPP",codeBlockStandalone:"codeBlockStandalone_K9VJ",codeBlockLines:"codeBlockLines_AdAo",codeBlockLinesWithNumbering:"codeBlockLinesWithNumbering_p5De",buttonGroup:"buttonGroup_TNwR"}},4501:(e,t)=>{function n(e){let t,n=[];for(let o of e.split(",").map((e=>e.trim())))if(/^-?\d+$/.test(o))n.push(parseInt(o,10));else if(t=o.match(/^(-?\d+)(-|\.\.\.?|\u2025|\u2026|\u22EF)(-?\d+)$/)){let[e,o,s,c]=t;if(o&&c){o=parseInt(o),c=parseInt(c);const e=o<c?1:-1;"-"!==s&&".."!==s&&"\u2025"!==s||(c+=e);for(let t=o;t!==c;t+=e)n.push(t)}}return n}t.default=n,e.exports=n}}]);