https://www.codeandweb.com/component---src-templates-doc-template-…on-export-index-mdx-6dfd738abb4e1c51d29f.js

1"use strict";(self.webpackChunkcodeandweb=self.webpackChunkcodeandweb||[]).push([[3573],{10375:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#080808","images":{"fallback":{"src":"/static/b95c83d7791c2e38179d86e2e26ce0f4/a1e82/inverted-axis%402x.png","srcSet":"/static/b95c83d7791c2e38179d86e2e26ce0f4/c3ded/inverted-axis%402x.png 163w,\\n/static/b95c83d7791c2e38179d86e2e26ce0f4/35431/inverted-axis%402x.png 325w,\\n/static/b95c83d7791c2e38179d86e2e26ce0f4/a1e82/inverted-axis%402x.png 650w","sizes":"(min-width: 650px) 650px, 100vw"},"sources":[{"srcSet":"/static/b95c83d7791c2e38179d86e2e26ce0f4/d24e7/inverted-axis%402x.webp 163w,\\n/static/b95c83d7791c2e38179d86e2e26ce0f4/3860b/inverted-axis%402x.webp 325w,\\n/static/b95c83d7791c2e38179d86e2e26ce0f4/08e9d/inverted-axis%402x.webp 650w","type":"image/webp","sizes":"(min-width: 650px) 650px, 100vw"}]},"width":650,"height":650}')},34942:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#e8e8e8","images":{"fallback":{"src":"/static/aca1846527a6344967716c7cda868911/9cbe2/export-settings2%402x.png","srcSet":"/static/aca1846527a6344967716c7cda868911/e597e/export-settings2%402x.png 237w,\\n/static/aca1846527a6344967716c7cda868911/48182/export-settings2%402x.png 474w,\\n/static/aca1846527a6344967716c7cda868911/9cbe2/export-settings2%402x.png 947w","sizes":"(min-width: 947px) 947px, 100vw"},"sources":[{"srcSet":"/static/aca1846527a6344967716c7cda868911/947d3/export-settings2%402x.webp 237w,\\n/static/aca1846527a6344967716c7cda868911/430c2/export-settings2%402x.webp 474w,\\n/static/aca1846527a6344967716c7cda868911/92a25/export-settings2%402x.webp 947w","type":"image/webp","sizes":"(min-width: 947px) 947px, 100vw"}]},"width":947,"height":524}')},41296:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#080808","images":{"fallback":{"src":"/static/a25950e19fd38cf4ca03fea87463d386/a1e82/with-transparent-background%402x.png","srcSet":"/static/a25950e19fd38cf4ca03fea87463d386/c3ded/with-transparent-background%402x.png 163w,\\n/static/a25950e19fd38cf4ca03fea87463d386/35431/with-transparent-background%402x.png 325w,\\n/static/a25950e19fd38cf4ca03fea87463d386/a1e82/with-transparent-background%402x.png 650w","sizes":"(min-width: 650px) 650px, 100vw"},"sources":[{"srcSet":"/static/a25950e19fd38cf4ca03fea87463d386/d24e7/with-transparent-background%402x.webp 163w,\\n/static/a25950e19fd38cf4ca03fea87463d386/3860b/with-transparent-background%402x.webp 325w,\\n/static/a25950e19fd38cf4ca03fea87463d386/08e9d/with-transparent-background%402x.webp 650w","type":"image/webp","sizes":"(min-width: 650px) 650px, 100vw"}]},"width":650,"height":650}')},51214:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#7878f8","images":{"fallback":{"src":"/static/a8648613eca7791be9099050464652f4/a1e82/with-solid-background%402x.png","srcSet":"/static/a8648613eca7791be9099050464652f4/c3ded/with-solid-background%402x.png 163w,\\n/static/a8648613eca7791be9099050464652f4/35431/with-solid-background%402x.png 325w,\\n/static/a8648613eca7791be9099050464652f4/a1e82/with-solid-background%402x.png 650w","sizes":"(min-width: 650px) 650px, 100vw"},"sources":[{"srcSet":"/static/a8648613eca7791be9099050464652f4/d24e7/with-solid-background%402x.webp 163w,\\n/static/a8648613eca7791be9099050464652f4/3860b/with-solid-background%402x.webp 325w,\\n/static/a8648613eca7791be9099050464652f4/08e9d/with-solid-background%402x.webp 650w","type":"image/webp","sizes":"(min-width: 650px) 650px, 100vw"}]},"width":650,"height":650}')},71664:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#080808","images":{"fallback":{"src":"/static/b7b8433d33517602e506ac6464cf9423/a1e82/blue%402x.png","srcSet":"/static/b7b8433d33517602e506ac6464cf9423/c3ded/blue%402x.png 163w,\\n/static/b7b8433d33517602e506ac6464cf9423/35431/blue%402x.png 325w,\\n/static/b7b8433d33517602e506ac6464cf9423/a1e82/blue%402x.png 650w","sizes":"(min-width: 650px) 650px, 100vw"},"sources":[{"srcSet":"/static/b7b8433d33517602e506ac6464cf9423/d24e7/blue%402x.webp 163w,\\n/static/b7b8433d33517602e506ac6464cf9423/3860b/blue%402x.webp 325w,\\n/static/b7b8433d33517602e506ac6464cf9423/08e9d/blue%402x.webp 650w","type":"image/webp","sizes":"(min-width: 650px) 650px, 100vw"}]},"width":650,"height":650}')},76623:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#080808","images":{"fallback":{"src":"/static/e9a96dc99b2032b36a4eac8d6e29e0c5/a1e82/white%402x.png","srcSet":"/static/e9a96dc99b2032b36a4eac8d6e29e0c5/c3ded/white%402x.png 163w,\\n/static/e9a96dc99b2032b36a4eac8d6e29e0c5/35431/white%402x.png 325w,\\n/static/e9a96dc99b2032b36a4eac8d6e29e0c5/a1e82/white%402x.png 650w","sizes":"(min-width: 650px) 650px, 100vw"},"sources":[{"srcSet":"/static/e9a96dc99b2032b36a4eac8d6e29e0c5/d24e7/white%402x.webp 163w,\\n/static/e9a96dc99b2032b36a4eac8d6e29e0c5/3860b/white%402x.webp 325w,\\n/static/e9a96dc99b2032b36a4eac8d6e29e0c5/08e9d/white%402x.webp 650w","type":"image/webp","sizes":"(min-width: 650px) 650px, 100vw"}]},"width":650,"height":650}')},76697:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#080808","images":{"fallback":{"src":"/static/1d55419125ba3b16b2da56c12333e4fd/a1e82/yellow%402x.png","srcSet":"/static/1d55419125ba3b16b2da56c12333e4fd/c3ded/yellow%402x.png 163w,\\n/static/1d55419125ba3b16b2da56c12333e4fd/35431/yellow%402x.png 325w,\\n/static/1d55419125ba3b16b2da56c12333e4fd/a1e82/yellow%402x.png 650w","sizes":"(min-width: 650px) 650px, 100vw"},"sources":[{"srcSet":"/static/1d55419125ba3b16b2da56c12333e4fd/d24e7/yellow%402x.webp 163w,\\n/static/1d55419125ba3b16b2da56c12333e4fd/3860b/yellow%402x.webp 325w,\\n/static/1d55419125ba3b16b2da56c12333e4fd/08e9d/yellow%402x.webp 650w","type":"image/webp","sizes":"(min-width: 650px) 650px, 100vw"}]},"width":650,"height":650}')},93582:function(e,t,a){a.r(t),a.d(t,{Head:function(){return N},default:function(){return k}});var n=a(28453),i=a(96540),r=a(83381),c=a(32532);const s=e=>{let{alt:t,className:n}=e;return i.createElement(c.S,{alt:t,className:n,style:{maxWidth:"474px"},imgStyle:{objectFit:"contain"},src:"./[email protected]",__imageData:a(34942)})},l=e=>{let{alt:t,className:n}=e;return i.createElement(c.S,{alt:t,className:n,style:{maxWidth:"325px"},imgStyle:{objectFit:"contain"},src:"./[email protected]",__imageData:a(51214)})},o=e=>{let{alt:t,className:n}=e;return i.createElement(c.S,{alt:t,className:n,style:{maxWidth:"325px"},imgStyle:{objectFit:"contain"},src:"./[email protected]",__imageData:a(41296)})},d=e=>{let{alt:t,className:n}=e;return i.createElement(c.S,{alt:t,className:n,style:{maxWidth:"325px"},imgStyle:{objectFit:"contain"},src:"./[email protected]",__imageData:a(10375)})},p=e=>{let{alt:t,className:n}=e;return i.createElement(c.S,{alt:t,className:n,style:{maxWidth:"325px"},imgStyle:{objectFit:"contain"},src:"./[email protected]",__imageData:a(76697)})},m=e=>{let{alt:t,className:n}=e;return i.createElement(c.S,{alt:t,className:n,style:{maxWidth:"325px"},imgStyle:{objectFit:"contain"},src:"./[email protected]",__imageData:a(76623)})},h=e=>{let{alt:t,className:n}=e;return i.createElement(c.S,{alt:t,className:n,style:{maxWidth:"325px"},imgStyle:{objectFit:"contain"},src:"./[email protected]",__imageData:a(71664)})};var g=a.p+"static/spriteilluminator-animation@2x-b5b73323327b9b38fbe00819888133bc.gif",u=a(46942),b=a.n(u);const x=e=>{let{alt:t,className:a}=e;const{0:n,1:r}=(0,i.useState)(!1);return(0,i.useEffect)((()=>r(!0)),[n]),i.createElement("div",{style:{maxWidth:"512px"},className:b()("not-prose",a)},i.createElement("div",{className:"bg-gray-100 rounded-sm relative",style:{paddingBottom:"100%"}},i.createElement("noscript",{dangerouslySetInnerHTML:{__html:"<img src='"+g+"' alt='"+t+"' style={{maxWidth: '512px', width:'100%'}}/>"}}),n&&i.createElement("img",{src:g,className:"absolute",alt:t,style:{maxWidth:"512px",width:"100%"}})))};function w(e){const t=Object.assign({h1:"h1",a:"a",span:"span",p:"p",strong:"strong",h2:"h2",h3:"h3",code:"code",br:"br"},(0,n.R)(),e.components);return i.createElement(i.Fragment,null,i.createElement(t.h1,{id:"exporting-and-importing-normal-maps-and-lit-sprites",style:{position:"relative"}}

1,"Exporting and importing normal maps and lit sprites",i.createElement(t.a,{href:"#exporting-and-importing-normal-maps-and-lit-sprites","aria-label":"exporting and importing normal maps and lit sprites permalink",className:"anchor after"},i.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}}))),"\n",i.createElement(t.p,null,"You can export normal maps from the toolbar or the menu. SpriteIlluminator\nlets you choose export settings during the first export — if you\nwant to change the settings later use ",i.createElement(t.strong,null,"Export normals as …")," in the ",i.createElement(t.strong,null,"Files")," menu."),"\n",i.createElement(t.h2,{id:"exporting-normal-maps",style:{position:"relative"}},"Exporting normal maps",i.createElement(t.a,{href:"#exporting-normal-maps","aria-label":"exporting normal maps permalink",className:"anchor after"},i.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}}))),"\n",i.createElement(s,{alt:"SpriteIlluminator: Export normal maps"}),"\n",i.createElement(t.p,null,"The normal maps are placed in the same directory as the sprites with a suffix (",i.createElement(t.strong,null,"_n"),").\nYou can select a different output directory or suffix in the dialog."),"\n",i.createElement(t.h3,{id:"transparent-background",style:{position:"relative"}},"Transparent background",i.createElement(t.a,{href:"#transparent-background","aria-label":"transparent background permalink",className:"anchor after"},i.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}}))),"\n",i.createElement(t.p,null,"Use this if you want to copy the transparency from the original sprite\nto the normal map. This has no practical use and makes the output files\nusually a bit bigger but looks nice :)"),"\n",i.createElement(t.p,null,"The color information in the pixels is the same as in the case\nwith solid background — even in the transparent pixels."),"\n",i.createElement(r.A,{items:[{image:i.createElement(l,{alt:"Normal mapped sprites with solid background."}),text:i.createElement(i.Fragment,null,"With solid background")},{image:i.createElement(o,{alt:"Normal mapped sprites with transparent background"}),text:i.createElement(i.Fragment,null,"With transparent background.")}]}),"\n",i.createElement(t.h3,{id:"inverted-axes",style:{position:"relative"}},"Inverted axes",i.createElement(t.a,{href:"#inverted-axes","aria-label":"inverted axes permalink",className:"anchor after"},i.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}}))),"\n",i.createElement(t.p,null,"Some game engines require the y-axis in the normal maps to be inverted.\nYou can do that by setting ",i.createElement(t.strong,null,"Invert y-axis")," in the output dialog."),"\n",i.createElement(r.A,{items:[{image:i.createElement(o,{alt:"Normal mapped sprites with transparent background"}),text:i.createElement(i.Fragment,null,"Default axis")},{image:i.createElement(d,{alt:"Normal mapped sprites with transparent background: Y-axis inverted"}),text:i.createElement(i.Fragment,null,"Inverted axes")}]}),"\n",i.createElement(t.h3,{id:"z-axis-encoding",style:{position:"relative"}}

1,"Z-Axis (Encoding)",i.createElement(t.a,{href:"#z-axis-encoding","aria-label":"z axis encoding permalink",className:"anchor after"},i.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}}))),"\n",i.createElement(t.p,null,"In versions prior to ",i.createElement(t.strong,null,"SpriteIlluminator 2.1.0"),", the full 8-bit range (",i.createElement(t.code,null,"0–255"),") was used to encode the Z-axis of the normal map.\nThis allowed for high precision when mapping values from ",i.createElement(t.code,null,"0.0")," to ",i.createElement(t.code,null,"1.0"),", but required custom shaders to interpret the data correctly.\n",i.createElement(t.strong,null,"(Z-Axis: 8-bit, requires shader support)")),"\n",i.createElement(t.p,null,"Starting with ",i.createElement(t.strong,null,"SpriteIlluminator 2.1.0"),", the Z-axis is by default encoded using only the upper half of the byte range (",i.createElement(t.code,null,"128–255"),").\nThis matches the convention used for the X and Y axes and ensures better compatibility with standard shaders.\n",i.createElement(t.strong,null,"(Z-Axis: 7-bit, best compatibility)")),"\n",i.createElement(t.p,null,"For backward compatibility, existing projects created with older versions will continue to use the 8-bit mode.\nNew projects default to the 7-bit encoding."),"\n",i.createElement(t.p,null,"You can switch between encoding modes via the ",i.createElement(t.strong,null,"Export normals as...")," dialog."),"\n",i.createElement(t.h2,{id:"exporting-lit-sprites",style:{position:"relative"}},"Exporting lit sprites",i.createElement(t.a,{href:"#exporting-lit-sprites","aria-label":"exporting lit sprites permalink",className:"anchor after"},i.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}}))),"\n",i.createElement(t.p,null,"Use the menu or toolbar to export lit sprites as a preview. The export uses your current light settings.\nHere are some examples what you can export:"),"\n",i.createElement(r.A,{items:[{image:i.createElement(p,{alt:"Sprite light effects with normal maps: Yellow light"}),text:i.createElement(i.Fragment,null,"Yellow light from above")},{image:i.createElement(m,{alt:"Sprite light effects with normal maps: White light"}),text:i.createElement(i.Fragment,null,"White light")},{image:i.createElement(h,{alt:"Sprite light effects with normal maps: Blue light"}),text:i.createElement(i.Fragment,null,"Blue ambient light,",i.createElement(t.br),"red light from below")}]}),"\n",i.createElement(t.h2,{id:"exporting-gif-animations",style:{position:"relative"}},"Exporting gif animations",i.createElement(t.a,{href:"#exporting-gif-animations","aria-label":"exporting gif animations permalink",className:"anchor after"},i.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}}))),"\n",i.createElement(t.p,null,"You can also export animated GIFs using:"),"\n",i.createElement(x,{alt:"Sprite with normal map and light effect rendered as gif animation.",className:"md:w-1/2 w-2/3 mx-auto block"}

1),"\n",i.createElement(t.h2,{id:"importing-normal-maps",style:{position:"relative"}},"Importing normal maps",i.createElement(t.a,{href:"#importing-normal-maps","aria-label":"importing normal maps permalink",className:"anchor after"},i.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}}))),"\n",i.createElement(t.p,null,"Use the menu ",i.createElement(t.strong,null,"Edit / Import normal map…")," after selecting a sprite to import an existing normal map."),"\n",i.createElement(t.p,null,"Normal maps with the standard y-axis are supported. The normal map must have\nthe same size as the sprite."))}var f=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,n.R)(),e.components);return t?i.createElement(t,e,i.createElement(w,e)):w(e)},v=a(92930),E=a(11042),S=a(77891);function y(e){let{data:t,pageContext:a,children:n,location:r}=e;const c=r.pathname,s=t.mdx.tableOfContents.items[0].items;return i.createElement(S.W,null,i.createElement(v.f,{product:a.pageData.product,currentPath:c,onPageItems:s},n))}function k(e){return i.createElement(y,e,i.createElement(f,e))}const N=e=>{let{pageContext:t}=e;return i.createElement(i.Fragment,null,i.createElement(E.A,{pageData:t.pageData}))}}}]);