https://www.polestar.com/36834221284/web3-static/section-pdp-panor…ionPdpPanoramicRoof-0d7a85ba11831d394d6c.js

1"use strict";(self.webpackChunkpolestar_www=self.webpackChunkpolestar_www||[]).push([[3031],{41646:function(e,t,r){r.d(t,{A:function(){return A}});var n=r(53986),o=r(33383),i=r(67722),a=r(47481),l=r(97407),c=r(74002),s=r(20499),u=r(79474),d=r(77894),p=r(57363);const m=(0,d.default)(p.m.div)`
2  position: absolute;
3  width: 100%;
4  height: 100%;
5  top: 0;
6  left: 0;
7`,f=d.default.div`
8  position: absolute;
9  width: 100%;
10  height: 100%;
11  top: 0;
12  left: 0;
13`,g=({parallaxTransformer:e,children:t})=>{const{progress:r}=(0,n.m)(),o=(0,c.G)([r,e],([e,t])=>t?t(e):0);return u.createElement(m,{style:{y:o}},t)};var A=(0,u.forwardRef)(({range:e="150vh",overlay:t,children:r,...n},c)=>{const d=(0,l.Ay)(null),p=(0,o.Ay)(e=>{if(e){const t=window.innerHeight/(e.clientHeight+window.innerHeight);d.set((0,s.p)([0,t,1-t,1],["-40%","0%","0%","40%"]))}},[d],o.pF.height),m=(0,i.A)(c,p);return u.createElement(a.A,Object.assign({ref:m,range:e},n),u.createElement(g,{parallaxTransformer:d},r),t&&u.createElement(f,null,t))})},24475:function(e,t,r){r.d(t,{jJ:function(){return y},TY:function(){return v},$A:function(){return T},Ay:function(){return S}});var n=r(67722),o=r(47481),i=r(74002),a=r(57363),l=r(79474),c=r(41646),s=r(84740),u=r(29045),d=r(38029),p=r(87422);const m=[0,1,1,0,0],f={[p.C.DEFAULT]:{opacity:m,y:[65,32,0,-32,-65]},[p.C.TRANSLATE_AND_FADE_IN]:{opacity:[0,1,1,1,1],y:[65,32,0,-32,-65]},[p.C.FADE_ONLY]:{opacity:m,y:[0,0,0,0,0]},[p.C.TRANSLATE_IN]:{opacity:m,y:[70,35,0,0,0]},[p.C.TRANSLATE_OUT]:{opacity:m,y:[0,0,0,-32,-65]}};var g=r(64082),A=r(95185);const h=[.5,.5,.5,.75,1],E=[0,.25,.5,.75,1],T=({children:e,position:t,shouldStretch:r,startOffset:n})=>{const o=(0,l.useRef)(null),a=(0,d.A)(n),{duration:c}=(0,l.useContext)(u.e),m=1/c,f=t*m,g=f+p.r.SLIDE_DURATION*m,h=(0,i.G)(a,[f,g],[0,1]),E=(0,i.G)(a,e=>e<f||e>g?"none":"auto");return l.createElement(s.D.Provider,{value:{progress:h}},l.createElement(A.Z,{ref:o,style:{pointerEvents:E},shouldStretch:r},e))},v=(0,l.forwardRef)(({children:e,duration:t=p.r.MINIMAL_DURATION,range:r},i)=>{const a=(0,l.useRef)(null),c=(0,n.A)(i,a),s=Math.max(t,p.r.MINIMAL_DURATION),d=(0,l.useMemo)(()=>((e,t)=>t?"string"==typeof t?t:`${t}vh`:`${(0,g.T)(e)}vh`)(s,r),[s,r]);return l.createElement(o.A,{ref:c,range:d},l.createElement(u.e.Provider,{value:{ref:a,duration:s}},l.createElement(A.e,null,e)))}),y=(0,l.forwardRef)(({children:e,duration:t=p.r.MINIMAL_DURATION,...r},o)=>{const i=(0,l.useRef)(null),a=(0,n.A)(o,i),s=Math.max(t,p.r.MINIMAL_DURATION),d=`${(0,g.T)(s)}vh`;return l.createElement(u.e.Provider,{value:{ref:i,duration:s}},l.createElement(c.A,Object.assign({ref:a,as:r.as,range:r.range||d,overlay:r.overlay},r),e))});var S=({children:e,progress:t,variant:r=p.C.DEFAULT,startOffset:n=0,visibleOnSSR:o=!1})=>{const c=(0,l.useRef)(o?h:E),s=(0,d.A)(n),u=t||s;u||console.error("ScrollMotion: progress is not defined, be sure to pass it as a prop or use it in ParallaxRange or ScrollMotionRange");const m=(0,i.G)(u,c.current,f[r].opacity),g=(0,i.G)(u,c.current,f[r].y);return(0,l.useEffect)(()=>{c.current=E},[]),l.createElement(a.m.div,{initial:r===p.C.TRANSLATE_OUT&&{opacity:1,y:0},style:{opacity:m,y:g}},e)}},95185:function(e,t,r){r.d(t,{Z:function(){return s},e:function(){return l}});var n=r(4421),o=r(77894),i=r(51777),a=r(57363);const l=o.default.div`
14  height: 100vh;
15  width: 100%;
16  display: grid;
17
18  > * {
19    grid-area: 1 / 1;
20  }
21`,c=e=>e?"100%":void 0!==e?"auto":void 0,s=(0,o.default)(a.m.div)(({shouldStretch:e})=>[n.AH`
22      position: relative;
23    `,e&&(0,i.z)({width:{mobile:c(e.mobile),tablet:c(e.tablet),desktop:c(e.desktop)}})])},84740:function(e,t,r){r.d(t,{D:function(){return n}});const n=r(79474).createContext({progress:null})},29045:function(e,t,r){r.d(t,{e:function(){return o}});var n=r(79474);const o=n.createContext({ref:(0,n.createRef)(),duration:0})},38029:function(e,t,r){var n=r(53986),o=r(74002),i=r(79474),a=r(64082),l=r(87422),c=r(84740),s=r(29045);t.A=(e=l.r.SLIDE_START_END_OFFSET)=>{const{progress:t}=i.useContext(c.D),{progress:r}=(0,n.m)(),{duration:u=l.r.MINIMAL_DURATION}=(0,i.useContext)(s.e),d=1/(((0,a.T)(u)+100)/100),p=[d*e,1-d*(1-l.r.SLIDE_START_END_OFFSET)],m=(0,o.G)(r,p,[0,1]);return t||m}},64082:function(e,t,r){r.d(t,{T:function(){return o}});var n=r(87422);const o=e=>Math.max(150,e/n.r.DURATION_PER_VIEWPORT*100)},28674:function(e,t,r){r.d(t,{W:function(){return n}});var n=function(e){return e[e.DESKTOP=64]="DESKTOP",e[e.MOBILE=128]="MOBILE",e}(n||{})},93999:function(e,t,r){r.r(t),r.d(t,{default:function(){return L}});var n=r(53986),o=r(78082),i=r(74002),a=r(79474),l=r(6597),c=r(24475),s=r(95185),u=r(87422),d=r(98081),p=r(36372),m=r(4421),f=r(77894),g=r(68099),A=r(77506),h=r(89106),E=r(93178),T=r(40628),v=r(32752),y=r(70334),S=r(55041),b=r(28674);const I=f.default.div`
24  display: grid;
25`,x=(0,f.default)(g.Ay)`
26  grid-area: 1/1;
27`,R=(0,f.default)(A.A)`
28  white-space: pre;
29`,C=(0,f.default)(h.A)(({theme:e})=>m.AH`
30    color: ${(0,E.O1)(e.text.color,T.A.medium)};
31  `),N=(0,f.default)(v.A)`
32  height: 100vh;
33  align-items: flex-start;
34  padding-top: calc(${b.W.DESKTOP}px + ${y.A.xxxxLarge});
35
36  ${S.A.desktop} {

37    align-items: center;
38    padding-top: ${y.A.none};
39  }
40`,O=({slide:e})=>{const{outerProgress:t}=(0,n.m)(),r=(0,i.G)(t,[0,.5],[0,1]),o=(0,i.G)(r,[0,1],[1,4]),c=(0,i.G)(r,[.5,1],[1,0]);return a.createElement(l.A,{style:{scale:o,opacity:c},srcset:e.imageSources.srcset,src:e.imageSources.src,alt:e.imageSources.caption||"",objectFit:"cover",stretch:!0})},_=({daySlide:e,nightSlide:t})=>{const{progress:r}=(0,n.m)(),o=(0,i.G)(r,[.5,1],[0,1]),c=(0,i.G)(o,[0,.2],[0,1]),s=(0,i.G)(o,[.4,.6],[0,1]);return a.createElement(a.Fragment,null,a.createElement(l.A,{initial:{opacity:0},style:{opacity:c},srcset:e.imageSources.srcset,src:e.imageSources.src,alt:e.imageSources.caption||"",objectFit:"cover",stretch:!0}),a.createElement(l.A,{initial:{opacity:0},style:{opacity:s},srcset:t.imageSources.srcset,src:t.imageSources.src,alt:t.imageSources.caption||"",objectFit:"cover",stretch:!0}))},D=[2,5,7];var L=({slides:e,trackingId:t,sectionSlug:r,sectionConfiguration:n})=>a.createElement(d.A,{trackingId:t,sectionSlug:r,configuration:{...n,themeType:e[0].theme,legacyType:null}},a.createElement(c.jJ,{duration:10,overlay:a.createElement(I,null,e.map((t,r)=>a.createElement(x,{key:t.id,as:"div"},a.createElement(c.$A,{position:D[r]},a.createElement(c.Ay,{variant:u.C.TRANSLATE_IN},a.createElement(N,null,a.createElement(o.A,{span:{mobile:3,tablet:4}},e[r].title&&a.createElement(R,{level:2,variant:p.A.large},e[r].title),e[r].text&&a.createElement(C,null,e[r].text))))))))},a.createElement(s.e,null,a.createElement(O,{slide:e[0]}),a.createElement(_,{daySlide:e[1],nightSlide:e[2]}))))},36372:function(e,t,r){var n=r(92227),o=r(52391),i=r(95449);const a={...r(30252).A,xxLarge:"xxLarge"},l={[a.xxLarge]:{fontSize:{mobile:(0,n.C)(4.5),tablet:(0,n.C)(5),desktop:(0,n.C)(7)},lineHeight:{mobile:(0,i.p9)(4),tablet:(0,i.p9)(4.5),desktop:(0,i.p9)(6)},letterSpacing:{mobile:(0,o.T8)(-.2),tablet:(0,o.T8)(-.2375),desktop:(0,o.T8)(-.2625)}},[a.xLarge]:{fontSize:{mobile:(0,n.C)(3),desktop:(0,n.C)(5)},lineHeight:{mobile:(0,i.p9)(3),desktop:(0,i.p9)(4.688)},letterSpacing:{mobile:(0,o.T8)(-.113),desktop:(0,o.T8)(-.188)}},[a.large]:{fontSize:{mobile:(0,n.C)(2.5),desktop:(0,n.C)(3)},lineHeight:{mobile:(0,i.p9)(2.5),desktop:(0,i.p9)(3)},letterSpacing:{mobile:(0,o.T8)(-.094),desktop:(0,o.T8)(-.113)}},[a.medium]:{fontSize:{mobile:(0,n.C)(1.5),desktop:(0,n.C)(2)},lineHeight:{mobile:(0,i.p9)(1.625),desktop:(0,i.p9)(2)},letterSpacing:{mobile:(0,o.T8)(-.05),desktop:(0,o.T8)(-.075)}}};t.A=l}}]);
41//# sourceMappingURL=section-pdp-panoramic-roof-SectionPdpPanoramicRoof-0d7a85ba11831d394d6c.js.map