https://twicpics-next-demo.netlify.app/_next/static/chunks/e5bf3edb78285923.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,6545,e=>{e.v({"twic-abstract":"index-module-scss-module__jFUJqq__twic-abstract"})},64592,e=>{"use strict";var l=e.i(91398);e.i(91788);var i=e.i(6545);e.s(["TwicAbstract",0,({title:e,children:s})=>(0,l.jsxs)("div",{className:i.default["twic-abstract"],children:[(0,l.jsx)("h1",{children:e}),(0,l.jsx)("div",{children:s})]})])},12270,e=>{e.v({"twic-code":"index-module-scss-module__E8tk6G__twic-code"})},51133,e=>{"use strict";var l=e.i(91398),i=e.i(12270);e.s(["Code",0,({children:e})=>(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("span",{className:i.default["twic-code"],children:e})})])},13584,(e,l,i)=>{"use strict";Object.defineProperty(i,"__esModule",{value:!0}),Object.defineProperty(i,"HeadManagerContext",{enumerable:!0,get:function(){return s}});let s=e.r(41705)._(e.r(91788)).default.createContext({})},94470,(e,l,i)=>{"use strict";Object.defineProperty(i,"__esModule",{value:!0}),Object.defineProperty(i,"warnOnce",{enumerable:!0,get:function(){return s}});let s=e=>{}},31294,e=>{e.v({bottom:"index-module-scss-module__cdvEGG__bottom",left:"index-module-scss-module__cdvEGG__left",polaroid:"index-module-scss-module__cdvEGG__polaroid",polaroids:"index-module-scss-module__cdvEGG__polaroids",previous:"index-module-scss-module__cdvEGG__previous",top:"index-module-scss-module__cdvEGG__top"})},40655,e=>{"use strict";var l=e.i(91398),i=e.i(91788),s=e.i(51133),t=e.i(64592),o=e.i(31702),d=e.i(40413),c=e.i(31294);let n=[{url:"components/bulk-loading/pool-1.jpg"},{url:"components/bulk-loading/pool-2.jpg"},{url:"components/bulk-loading/pool-3.jpg"},{url:"components/bulk-loading/pool-4.jpg"},{url:"components/bulk-loading/pool-5.jpg"}];e.s(["default",0,()=>{let[e,a]=(0,i.useState)(2),[r,u]=(0,i.useState)(1),[p,m]=(0,i.useState)(0);return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(o.TwicWrapper,{filename:"pages/bulk-loading/index.jsx",children:[(0,l.jsxs)(t.TwicAbstract,{title:"Bulk loading",children:[(0,l.jsxs)("p",{children:["With",(0,l.jsx)(s.Code,{children:"TwicImg"}),"and",(0,l.jsx)(s.Code,{children:"TwicVideo"}),"your medias will only start loading when they come into the viewport."]}),(0,l.jsx)("p",{children:"But sometimes you may want to load multiple assets in bulk instead of lazy loading them."}),(0,l.jsxs)("p",{children:["This is where",(0,l.jsx)(s.Code,{children:"TwicView"}),"comes into play."]}),(0,l.jsxs)("p",{children:["The",(0,l.jsx)(s.Code,{children:"TwicView"}),"components eager loads all of his",(0,l.jsx)(s.Code,{children:"TwicImg"}),"and ",(0,l.jsx)(s.Code,{children:"TwicVideo"}),"children as soon as",(0,l.jsx)(s.Code,{children:"TwicView"}),"comes into the viewport (depending on your anticipation settings)."]}),(0,l.jsxs)("p",{children:["See also the ",(0,l.jsx)("a",{href:"/eager",target:"_blank",rel:"noreferrer",children:"eager property"}),"  that disables lazy loading for a given media."]})]}),(0,l.jsx)(d.TwicView,{children:(0,l.jsxs)("div",{className:c.default.polaroids,onClick:()=>{a((e+1)%n.length),u((r+1)%n.length),m((p+1)%n.length)},children:[(0,l.jsx)("div",{className:`${c.default.polaroid} ${c.default.bottom} ${e%2==0&&c.default.left}`,children:(0,l.jsx)(d.TwicImg,{src:n[p].url})}),(0,l.jsx)("div",{className:`${c.default.polaroid} ${c.default.bottom} ${c.default.previous} ${(e-1)%2==0&&c.default.left}`,children:(0,l.jsx)(d.TwicImg,{src:n[r].url})}),n.map((i,s)=>(0,l.jsx)("div",{className:`${c.default.polaroid} ${s===e&&c.default.top} ${s%2==0&&c.default.left}`,children:(0,l.jsx)(d.TwicImg,{src:i.url})},s))]})})]})})}])},11479,(e,l,i)=>{let s="/bulk-loading";(window.__NEXT_P=window.__NEXT_P||[]).push([s,()=>e.r(40655)]),l.hot&&l.hot.dispose(function(){window.__NEXT_P.push([s])})},48761,e=>{e.v(l=>Promise.all(["static/chunks/fd7c0943d5cd5e09.js"].map(l=>e.l(l))).then(()=>l(93594)))},28805,e=>{e.v(l=>Promise.all(["static/chunks/3dcc93bb4829c1ba.js"].map(l=>e.l(l))).then(()=>l(79466)))}]);