https://www.invisalign.fr/_next/static/chunks/5174.cf9eaaef047e2344.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5174],{65174:function(e,n,a){"use strict";a.r(n);var t=a(34051),i=a.n(t),r=a(85893),s=a(67294),o=a(86202),l=a(77550),m=a.n(l),c=a(78380),u=a(21608),d=a(31555),g=a(1996),_=a(76097);function x(e,n,a,t,i,r,s){try{var o=e[r](s),l=o.value}catch(m){return void a(m)}o.done?n(l):Promise.resolve(l).then(t,i)}function h(e,n,a){return n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}n.default=function(e){var n,t=e.item,l=t.fields,p=l.caption,f=l.content,v=l.image,j=void 0===v?[]:v,b=l.custom,y=void 0===b?{}:b,I=y.animationFrames,N=void 0===I?10:I,A=y.type,C=y.imageLink,P=(0,s.useContext)(_.Z).canUseH1,k=j[0],H=j,Z=(0,s.useState)(!1),w=Z[0],S=Z[1],M=(0,s.useState)(0),F=M[0],L=M[1],T=(0,g.RH)(w,(n=i().mark((function e(){return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,a.e(9351).then(a.bind(a,21269));case 2:return e.abrupt("return",e.sent.default);case 3:case"end":return e.stop()}}),e)})),function(){var e=this,a=arguments;return new Promise((function(t,i){var r=n.apply(e,a);function s(e){x(r,t,i,s,o,"next",e)}function o(e){x(r,t,i,s,o,"throw",e)}s(void 0)}))})),E=function(e,n){if(!e)return e;var a=/^(.+?)(0+)1(.+?)$/i.exec(e);if(a){var t=""+(n+1),i=a[2].substr(0,a[2].length+1-t.length);return a[1]+i+t+a[3]}return e},B=function(){S(!w)};return"animation"===A?(0,r.jsxs)("div",{className:o.ZP.getEntryClassesStrFromModuleCss(t,m(),"root",h({},"image-animation-container type-".concat(A),!0)),children:[!!p&&(P(t.id)?(0,r.jsx)("h1",{dangerouslySetInnerHTML:{__html:p}}):(0,r.jsx)("h2",{"data-replace":"replaceH1s",dangerouslySetInnerHTML:{__html:p}})),(0,r.jsx)("div",{className:m()["image-container"],children:new Array(N).fill(0).map((function(e,n){return(0,r.jsx)("img",{style:{display:n===F?"inline":"none"},src:E(C,n),alt:"Invisalign"},n)}))}),(0,r.jsx)("div",{className:m()["slider-container"],children:(0,r.jsx)("input",{type:"range",min:"0",name:"frame",max:N-1,value:F,onChange:function(e){var n=e.target.value;L(+n)}})}),(0,r.jsx)("p",{className:m()["progress-text"],dangerouslySetInnerHTML:{__html:(f||"").replace(/\{idx\}/i,""+(F+1))}})]}):"before-after popup"===A?(0,r.jsxs)("div",{className:o.ZP.getEntryClassesStrFromModuleCss(t,m(),"root",h({},"image-animation-container type-".concat(A),!0)),children:[(0,r.jsx)("div",{className:m()["image-container"],children:(0,r.jsx)("a",{onClick:B,children:(0,r.jsx)(c.ZP,{className:m().toggleImage,image:k})})}),(0,r.jsx)("div",{className:m()["button-container"],children:(0,r.jsx)("a",{className:o.ZP.composeClasses(!0,h({"btn-blue":!0},m()["btn-blue"],!0)),onClick:B,dangerouslySetInnerHTML:{__html:p||""}})}),T&&(0,r.jsxs)(T,{onHide:B,show:w,className:m()["image-animation-modal"],children:[(0,r.jsx)(T.Header,{closeButton:!0,children:(0,r.jsx)("h2",{dangerouslySetInnerHTML:{__html:p||""}})}),(0,r.jsx)(T.Body,{children:(0,r.jsxs)(u.Z,{children:[(0,r.jsxs)(d.Z,{xs:6,children:[(0,r.jsx)(c.ZP,{image:H[1]}),(0,r.jsx)("div",{className:m()["image-title"],children:"Before"})]}),(0,r.jsxs)(d.Z,{xs:6,children:[(0,r.jsx)(c.ZP,{image:H[2]}),(0,r.jsx)("div",{className:m()["image-title"],children:"After"})]})]})})]})]}):(0,r.jsx)("div",{children:"Unsupported type"})}},77550:function(e){e.exports={"image-animation-container":"ImageAnimation_image-animation-container__vPiQl","type-animation":"ImageAnimation_type-animation__pad1r","progress-text":"ImageAnimation_progress-text__v9PkR","slider-container":"ImageAnimation_slider-container__sqMnF","type-before-after":"ImageAnimation_type-before-after__FQk1O","image-container":"ImageAnimation_image-container__PFojU","button-container":"ImageAnimation_button-container__JIGeh","btn-blue":"ImageAnimation_btn-blue__Vax3A","image-animation-modal":"ImageAnimation_image-animation-modal__0LuKQ","image-title":"ImageAnimation_image-title__aFDVC"}}}]);