https://www.polestar.cn/37017007247/web3-static/section-quote-SectionQuote-d0053ff5949a005f6c00.js

1"use strict";(self.webpackChunkpolestar_www=self.webpackChunkpolestar_www||[]).push([[2907],{61989:function(e,t,a){a.d(t,{A:function(){return d}});var n=a(79474),l=a(4421),r=a(77894),s=a(77506);const i=r.default.div`
2  position: relative;
3`,o=(0,r.default)(s.A)`
4  opacity: 0;
5  letter-spacing: -1px; /* safari fix */
6  height: 100%;
7`,c=(0,r.default)(s.A)`
8  user-select: none;
9  pointer-events: none;
10  position: absolute;
11  top: 0;
12  left: 0;
13  width: 100%;
14`,u=(0,r.default)(c)`
15  color: ${({theme:e})=>e.karaoke.color};
16`,m=r.default.span(({visible:e})=>l.AH`
17    opacity: ${e?"1":"0"};
18  `),p=(0,n.forwardRef)(({children:e,progress:t=0,className:a,...l},r)=>{const s=e.split(""),p=s.length/100*t;return n.createElement(i,Object.assign({},l,{ref:r}),n.createElement(o,{className:a,as:"blockquote"},e),n.createElement(c,{className:a,"aria-hidden":!0,as:"p"},s.map((e,t)=>n.createElement(m,{key:t,visible:t>=p},e))),n.createElement(u,{className:a,"aria-hidden":!0,as:"p"},s.map((e,t)=>n.createElement(m,{key:t,visible:t<p},e))))});p.displayName="Karaoke";var d=p},45447:function(e,t,a){a.r(t);var n=a(77894),l=a(87706),r=a(32752),s=a(78082),i=a(85144),o=a(8228),c=a(92227),u=a(52391),m=a(95449),p=a(55041),d=a(73226),f=a(70334),g=a(77409),A=a(74002),h=a(94213),y=a(79474),E=a(19064),$=a(61989),k=a(94165),w=a(73748),b=a(61663),v=a(65054);const N=(0,n.default)($.A)`
19  ${({isSmallerViewports:e})=>`font-size: ${(0,c.C)(e?1.875:3.75)};\n    line-height: ${e?m.Ay.large:(0,m.p9)(4)};\n    letter-spacing: ${e?u.Ay.large:(0,u.T8)(-.15)} ;\n  `}
20`,S=(0,n.default)(k.Ay)`
21  height: 100%;
22  margin: ${(0,f.H)(12.25)} 0;
23
24  ${p.A.desktop} {
25    margin: ${(0,f.H)(15)} 0;
26  }
27`,x=(0,n.default)(l.Ay)`
28  ${({isSmallerViewports:e})=>e?`\n  font-size:  ${c.A.body};\n  letter-spacing: ${u.Ay.small};\n  line-height: ${m.Ay.small};\n  `:`\n  font-size: ${c.A.large};\n  letter-spacing: ${u.Ay.large};\n  line-height: ${m.Ay.large};\n  `}
29`;t.default=({id:e,trackingId:t,sectionSlug:a,quote:n,quotee:l})=>{const c=(0,g.d)(0),{queryMatches:u}=(0,o.A)(),m=u.tablet||u.mobile,[p,$]=(0,E.W)({threshold:b.A.late,unobserveOnEnter:!1,rootMargin:v.A.Normal});(0,y.useEffect)(()=>{$&&(0,h.i)(c,1,{ease:w.A.easeInOutSoft,duration:(0,d.sZ)(3),delay:d.Dx.xxSlow})},[$,c]);const k=(0,A.G)(c,[0,1],[0,3]),q=(0,A.G)(k,[0,3],[0,100],{ease:w.A.easeInOutSoft}),{0:I,1:O}=(0,y.useState)(0);return(0,y.useEffect)(()=>{const e=q.on("change",e=>{O(e)});return()=>{e()}},[q]),y.createElement(S,{id:e,"data-track-area":t,sectionIdentifierName:a,ref:p},y.createElement(r.A,null,y.createElement(s.A,{span:{mobile:4,desktop:8}},y.createElement(N,{progress:I,isSmallerViewports:m},n),l&&y.createElement(y.Fragment,null,y.createElement(i.A,{spacing:{mobile:f.A.medium,desktop:f.A.large}}),y.createElement(x,{isSmallerViewports:m},l)))))}},65054:function(e,t){var a=function(e){return e.None="0% 0% 0% 0%",e.Normal="0% 0% -25% 0%",e}(a||{});t.A=a}}]);
30//# sourceMappingURL=section-quote-SectionQuote-d0053ff5949a005f6c00.js.map