https://www.renault.nl/client/renault-color-picker-usp-035bca4c0a97dcdd.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[31341],{16016(e,t,r){var n,l,a=r(71763);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>a.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=a.createElement("path",{d:"M1.92 22.065h20.1v-1.2H3.12v-17.4h-1.2z"})),l||(l=a.createElement("path",{d:"M19.12 18.965v-14.6h-5.2v4h-4v4h-4v6.6h1.2v-5.4h2.8v5.4h1.2v-9.4h2.8v9.4h1.2v-13.4h2.8v13.4z"})))})},31114(e,t,r){var n,l,a,i=r(71763);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=i.createElement("path",{fillRule:"evenodd",d:"M11.128 6.946a2.1 2.1 0 1 1-1.2-.017l.06-5.983 1.2.012zM10.5 8.05a.9.9 0 1 0 0 1.8.9.9 0 0 0 0-1.8",clipRule:"evenodd"})),l||(l=i.createElement("path",{d:"M6.955 15.385c.411.166.852.25 1.295.245a8.2 8.2 0 0 0 2.825-.715l.5-.185 2-.73 3.725-.13.925-.64-3.8-10.415L12 3.7l.425 1.13 1.3-.475 3.055 8.335-3.425.13-2.175.795-.5.19-.034.013c-1.109.426-2.221.853-3.21.457A3.1 3.1 0 0 1 6 12.71a7.9 7.9 0 0 1-.87-2.675A3.26 3.26 0 0 1 5.335 8.2 3.28 3.28 0 0 1 6.93 6.835c.595-.275 1.205-.5 1.705-.665L8.25 5.035c-.51.175-1.18.415-1.825.71a4.3 4.3 0 0 0-2.165 1.92 4.4 4.4 0 0 0-.32 2.5 9 9 0 0 0 .975 3.095 4.23 4.23 0 0 0 2.04 2.125"})),a||(a=i.createElement("path",{fillRule:"evenodd",d:"M17.86 23.04h-.085a2.2 2.2 0 0 1-2.35-2c-.17-1.585 1.625-4.82 1.83-5.18H18.3c.205.36 2 3.595 1.83 5.175a2.185 2.185 0 0 1-2.27 2.005m-.05-1.2h-.065a1 1 0 0 1-1.125-.92c-.075-.7.545-2.235 1.155-3.47.61 1.235 1.235 2.77 1.16 3.47a1 1 0 0 1-1.125.92",clipRule:"evenodd"})))})},89466(e,t,r){var n,l,a,i=r(71763);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=i.createElement("path",{d:"M15.425 7.45h1.2c0-2.85-2.68-3.6-4.1-3.6v1.2c2.82.015 2.9 2.155 2.9 2.4"})),l||(l=i.createElement("path",{fillRule:"evenodd",d:"M14.525 17.05h-5.6v-.6c0-.03-.03-2.795-1.755-4.645C5.595 10.125 4.795 8.5 4.795 7c0-3.92 2.635-6.15 7.23-6.15S19.26 3.08 19.26 7c0 1.525-.8 3.15-2.375 4.83-1.73 1.85-1.76 4.615-1.76 4.645v.595zm-4.435-1.2h3.875A8.5 8.5 0 0 1 16 11c.935-1 2.05-2.5 2.05-4 0-4.075-3.28-4.925-6.035-4.925S6 2.9 6 7c0 1.5 1.115 3 2.05 4a8.5 8.5 0 0 1 2.04 4.85",clipRule:"evenodd"})),a||(a=i.createElement("path",{d:"M15.025 18.59v1.2h-6v-1.2zM15 20.95H9.025s2.015 1.5 3.015 1.5 2.96-1.5 2.96-1.5"})))})},38079(e,t,r){var n,l,a=r(71763);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>a.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=a.createElement("path",{fillRule:"evenodd",d:"M11.64 16.1a4.26 4.26 0 0 1-3.09-1.335c-1.025-1.09-1.185-2.655-1.205-4.18q-.03-1.815.155-3.62v-.152c.12-1.153.257-2.465 1.15-3.493a4.24 4.24 0 0 1 6.245-.125c.953.998 1.134 2.34 1.294 3.523v.007c.183 1.367.253 2.746.21 4.125a7.3 7.3 0 0 1-.4 2.605 4.185 4.185 0 0 1-3.904 2.645zm.22-13c-.873 0-1.703.376-2.28 1.03-.427.484-.616 1.096-.729 1.77h2.009v1.2H8.719q-.042.4-.072.8h2.213v1.2H8.578a30 30 0 0 0-.019.8h2.3v1.2h-2.29c.038 1.11.225 2.18.872 2.865.575.61 1.376.958 2.215.96h.44A3 3 0 0 0 14.875 13a6.2 6.2 0 0 0 .353-1.9H12.86V9.9h2.38a24 24 0 0 0-.019-.8H12.86V7.9h2.28a24 24 0 0 0-.087-.8H12.86V5.9h2.017c-.135-.71-.352-1.37-.822-1.86a3.04 3.04 0 0 0-2.195-.94",clipRule:"evenodd"})),l||(l=a.createElement("path",{d:"M3.76 10.95a7.655 7.655 0 0 0 7.5 7.648V20.9h-2.9v1.2h7v-1.2h-2.9v-2.302a7.655 7.655 0 0 0 7.5-7.648v-.45h-1.2v.45a6.46 6.46 0 0 1-6.45 6.45h-.9a6.46 6.46 0 0 1-6.45-6.45v-.45h-1.2z"})))})},19492(e,t,r){var n,l,a=r(71763);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}

1).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>a.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=a.createElement("path",{fillRule:"evenodd",d:"M5.31 6.195a.92.92 0 1 1-.01-1.84.92.92 0 0 1 .01 1.84m-.267-1.026a.285.285 0 0 1 .267-.174V5a.28.28 0 0 1 .28.275.285.285 0 1 1-.547-.106m12.102 1.026a.92.92 0 1 1-.01-1.84.92.92 0 0 1 .01 1.84m-.267-1.026a.285.285 0 0 1 .267-.174V5a.28.28 0 0 1 .28.275.285.285 0 1 1-.547-.106",clipRule:"evenodd"})),l||(l=a.createElement("path",{fillRule:"evenodd",d:"m20.6 7.9 1.275 4c.159.495.202 1.02.125 1.535l-1.33 7.72a1.115 1.115 0 0 1-1.07.96H3.25a1.06 1.06 0 0 1-.875-.47A1.24 1.24 0 0 1 2.24 20.5l.995-2.705c.093-.31.115-.636.065-.955L1.9 8.6V3.29A1.395 1.395 0 0 1 3.29 1.9h15.92a1.395 1.395 0 0 1 1.39 1.39zM3.29 3.1a.19.19 0 0 0-.19.19V7.4h16.3V3.29a.19.19 0 0 0-.19-.19zM3.1 8.6h16.45l1.07 3.35L4.47 16.5zm16.4 12.3 1.295-7.66h.01a1 1 0 0 0 0-.095l-16.34 4.62a2.5 2.5 0 0 1-.1.425l-1 2.71z",clipRule:"evenodd"})))})},45850(e,t,r){var n,l=r(71763);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>l.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=l.createElement("path",{fillRule:"evenodd",d:"m9.03 22.46 1.97.72 7.395-13.625h-6.22l2.97-8.7H8.39L5.89 13.96h4.44zm1.41-.78h-.08l1.365-8.935H7.34L9.4 2.04h4.1l-3 8.715h5.875z",clipRule:"evenodd"})))})},71820(e,t,r){var n,l,a=r(71763);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>a.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=a.createElement("path",{d:"M17 10.9H7.5v1.2H17zm-9.5 3H17v1.2H7.5zm9.5 3H7.5v1.2H17z"})),l||(l=a.createElement("path",{fillRule:"evenodd",d:"M3.9 23.1h16.7l.005-17.53-.105-.155a17.6 17.6 0 0 0-4.675-4.42L15.68.9H3.9zm15.5-1.2H5.1V2.1h9.3v5h5zm-3.8-16V2.292A17 17 0 0 1 19.366 5.9z",clipRule:"evenodd"})))})},97838(e,t,r){var n,l=r(71763);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>l.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=l.createElement("path",{fillRule:"evenodd",d:"m22.36 4.695.675.58c.01.355.175 8.725-5.78 12.51a8.46 8.46 0 0 1-4.56 1.41 7.7 7.7 0 0 1-2.29-.35 9 9 0 0 1-4.05-2.62 85 85 0 0 1-4.76 1.5l-.32-1.155c.04-.01 1.965-.545 4.465-1.4-1.085-2.835-.865-6.55 2.875-8.89 3.245-2.025 6.66-1.805 9.66-1.61 1.358.133 2.726.141 4.085.025M10.76 17.7a6.8 6.8 0 0 0 5.85-.925v.01c4.48-2.85 5.12-8.86 5.21-10.845q-1.812.075-3.62-.085c-.925-.06-1.855-.12-2.79-.12-2.16-.09-4.3.45-6.16 1.555-3.815 2.385-2.925 6.035-2.375 7.475a49.3 49.3 0 0 0 8.25-3.64l.62 1.025a49 49 0 0 1-8.16 3.64 7.95 7.95 0 0 0 3.175 1.91",clipRule:"evenodd"})))})},29253(e,t,r){var n,l,a,i=r(71763);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=i.createElement("path",{d:"M12.6 4h-1.2v2.52h1.2z"})),l||(l=i.createElement("path",{fillRule:"evenodd",d:"M12.44 7.785h-.88a5.785 5.785 0 0 0-5.775 5.775v.88a5.785 5.785 0 0 0 5.775 5.775h.88a5.785 5.785 0 0 0 5.775-5.775v-.88a5.785 5.785 0 0 0-5.775-5.775M17 14.44A4.585 4.585 0 0 1 12.44 19h-.88A4.585 4.585 0 0 1 7 14.44v-.88A4.585 4.585 0 0 1 11.56 9h.88a4.5 4.5 0 0 1 2.775.95l-3.64 3.64.85.85 3.64-3.64A4.5 4.5 0 0 1 17 13.56z",clipRule:"evenodd"})),a||(a=i.createElement("path",{d:"m6.478 5.64 1.04-.6 1.26 2.183-1.04.6zM3.642 8.479l-.6 1.04 2.182 1.26.6-1.04zM2 13.4h2.52v1.2H2zm3.22 3.82-2.182 1.26.6 1.038 2.183-1.26-.6-1.038zm12.956 1.042.6-1.04 2.182 1.26-.6 1.04zM22 13.4h-2.52v1.2H22zm-3.823-3.658 2.183-1.26.6 1.04-2.183 1.259zM16.48 5.04l-1.262 2.18 1.039.6 1.26-2.182-1.039-.6z"})))})},52723(e,t,r){var n=r(91987),l=r(71763),a=r(97500),i=r.n(a),s=r(44803),c=r.n(s),o=r(35813);let d={},u=(e,t)=>

1{let r=new CustomEvent("sticky-change",{detail:{sticky:e,target:t}});document.dispatchEvent(r)},v=e=>c()(e,"isIntersecting"),h=e=>!v(e),p={isVisible:v,isNotVisible:h,isAbovePage:e=>h(e)&&0>c()(e,"boundingClientRect.y",0)};r.d(t,{},{$:({sentinelRef:e,direction:t="top",offset:r=0,offsetUnit:l="px",debugMode:a=!1})=>(0,n.jsx)("div",{className:i()({[`Sentinel__${t}`]:!0,Sentinel__debug:a}),ref:e,style:{[t]:`${r}${l}`}}),W:(e={root:null,testType:"isNotVisible",onChange:void 0})=>{let t=(0,l.useRef)(null),[r,n]=(0,l.useState)(!1);return(0,o.A)(()=>{let r=((e=null,t="isNotVisible")=>{let r=e?c()(e,"dataset.containerId"):"empty";if(!d[r]){let n=p[t];d[r]="u">typeof window&&window.IntersectionObserver?new IntersectionObserver(e=>{for(let t of e)u(n(t),t.target)},{threshold:[0],root:e}):null}return d[r]})(e.root?e.root.current:null,e.testType);if(t.current&&r){let l=t.current;r.observe(l);let a=r=>{let{target:l,sticky:a}=r.detail;l===t.current&&(e.onChange?.(a),n(a))};return"u">typeof document&&document.addEventListener("sticky-change",a),()=>{r.unobserve(l),"u">typeof document&&document.removeEventListener("sticky-change",a)}}return()=>null},[e]),{isTriggered:r,sentinelRef:t}}})},25756(e,t,r){var n=r(91987),l=r(71763);r.d(t,{},{R:({bClassName:e,content:t="",supportReturnCarriage:r=!1,tag:a="div",className:i})=>{let s=(0,l.useMemo)(()=>{let n=t.replace(/<[^>]+>/gi,"");return n=n.replace(/\[(\/?[bi])\]/gi,"<$1>"),e&&(n=n.replace(/<b>/gi,`<b class="${e}">`)),r&&(n=n.replace(/\r?\n/g,"<br>")),{__html:n}},[t,e,r]);return(0,n.jsx)(a,{dangerouslySetInnerHTML:s,className:i})}})},52357(e,t,r){var n=r(25756);r.d(t,{R:()=>n.R})},7459(e,t,r){r.d(t,{X:()=>v});var n=r(91987),l=r(71763),a=r(20496),i=r(97500),s=r.n(i),c=r(16383),o=r(46773),d=r(20409),u=r(5839);let v=(0,a.Ng)(({app:e,page:t})=>({threshold:e.threshold??u.qN,isBrowserEngine:e.isBrowserEngine,isEditMode:t.data?.mode==="EDIT"}),null,null,{forwardRef:!0})(({autoPlay:e=!0,src:t,alt:r,video:a,isBrowserEngine:i,threshold:u,disableLazyLoaded:v=!1,isEditMode:h,sizes:p=["100vw","100vw","1280px"],onVideoEnded:m,onVideoProgress:g,onVideoStarted:f,endSrc:x})=>{let[w,_]=(0,l.useState)(!1),[b,k]=(0,l.useState)(!0),[y,j]=(0,l.useState)(!1),C=(0,l.useRef)(null),{ref:E,isVisible:P}=(0,d.A)({role:"animation",stayVisible:!1}),A=(0,o.A)(),R=(0,l.useCallback)(()=>{_(!0),m?.()},[m]);(0,l.useEffect)(()=>{let t=C.current;b&&t&&(P&&e?t?.play().catch(e=>{"NotAllowedError"===e.name&&k(!1)}):t?.pause())},[e,P,b,f,A]);let N=(0,l.useCallback)(()=>{let e=C.current;e?.duration&&Number.isFinite(e.duration)&&g?.(e.currentTime/e.duration)},[g]);(0,l.useEffect)(()=>{j(!1),_(!1)},[a?.mobile]);let{desktop:M,tablet:z,mobile:U}=a||{},O=U;"large"===u&&M?O=M:"medium"===u&&z&&(O=z);let I=(0,l.useMemo)(()=>o.l.includes(A.effectiveType),[A.effectiveType]),V=!O&&!x?.small||O,$=O&&i&&P&&!w&&b&&!I,H=x?.small&&(!O||y)&&!I,S=H?x:t;return t?(0,n.jsxs)("div",{className:s()("ImageWithVideo",{"is-editMode":h}),"aria-hidden":"true",ref:E,children:[(V||H)&&(0,n.jsx)("div",{className:"ImageWithVideo__picture",children:(0,n.jsx)(c._,{src:S||{},alt:r,width:"100%",height:"100%",disableLazyLoaded:v,sizes:p})}),$&&(0,n.jsx)("video",{ref:C,className:"ImageWithVideo__video",autoPlay:e,onEnded:R,loop:!x?.small,muted:!0,src:O,playsInline:!0,onPlaying:()=>{j(!0),f?.()},onTimeUpdate:g?N:void 0},O)]}):null})},35866(e,t,r){r.d(t,{m:()=>i});var n=r(91987),l=r(21323);let a=e=>{switch(e){case"xlarge":return 20;case"large":return 18;case"small":return 14;default:return 16}},i=({size:e="medium"})=>{let t={"--InfoIcon-size-default":"string"==typeof e?`${a(e)}px`:`${a(e[0])}px`,"--InfoIcon-size-medium":"string"==typeof e?`${a(e)}px`:`${a(e[1])}px`,"--InfoIcon-size-large":"string"==typeof e?`${a(e)}px`:`${a(e[2])}px`};return(0,n.jsx)(l.A,{style:t,className:"InfoIcon"})}},34254(e,t,r){r.r(t),r.d(t,{default:()=>U});var n=r(91987),l=r(71763),a=r(97500),i=r.n(a),s=r(50865),c=r(52357),o=r(7459),d=r(18847),u=r(35866),v=r(93801),h=r(73437),p=r(93196),m=r(32464),g=r(20409),f=r(20496),x=r(80132),w=r(35337);let _=(0,f.Ng)(({page:e})=>({locale:e.data?.siteParams?.locale}))(({figure:e,className:t,show:r=!1,autoplay:a=!1,duration:s=300,delay:c=0,locale:o=""})=>{let[d,u]=(0,l.useState)(0),{playCallback:v}=(0,x.A)(u,{autoplay:a,duration:s,delay:c});(0,l.useEffect)(()=>{r&&v()},[r,v]);let{figure:h,precision:p}=(0,l.useMemo)(()=>{let t=e?.trim();if((0,w.kf)(t,!0)){let e=(t=t.split(",").join(".")).split("."),r=e.length>1?e[1].length:0;return{figure:parseFloat(t),precision:r}}return{figure:t,precision:0}},[e]);return(0,n.jsx)("span",{className:i()("AnimatedFigures",t),children:"number"==typeof h?(h*d).toLocaleStr

1ing([o],{minimumFractionDigits:p,maximumFractionDigits:p}):h})});var b=r(52723),k=r(16016),y=r(31114),j=r(89466),C=r(38079),E=r(19492),P=r(45850),A=r(71820),R=r(97838),N=r(29253);let M={"paint-sample":E.A,microphone:C.A,"data-graph":k.A,substainable:R.A,idea:j.A,sheet:A.A,tune:N.A,foundry:y.A,"power-electric":P.A},z=({className:e,icon:t})=>{let r=M[t];return r&&r?(0,n.jsx)(r,{className:i()("ColorPickerIcon",e)}):null},U=({editContext:e,strapline:t,title:r,description:a,legalMention:f,cta1:x,cta2:w,cta3:k,usp:y,currentColorId:j,colorsAssets:C,isSingle:E,isAlignedToRight:P,doNotGenerate:A})=>{let R=(0,l.useMemo)(()=>j?(0,m.Hj)(C).find(e=>e.colorId===j):(0,m.Hj)(C)[0],[C,j]),N=(0,l.useMemo)(()=>(0,m.Hj)(y),[y]),M=(0,l.useRef)(!1),U=(0,l.useRef)(!1),[O,I]=(0,l.useState)(!1),[V,$]=(0,l.useState)(!1),{ref:H,isVisible:S}=(0,g.A)({stayVisible:!1,role:"technical"}),{sentinelRef:L,isTriggered:B}=(0,b.W)({testType:"isAbovePage"}),{sentinelRef:T,isTriggered:W}=(0,b.W)({testType:"isAbovePage"});M.current=B&&W,U.current=!B&&!W;let q=!M.current&&!U.current;(0,l.useEffect)(()=>{I(!1),$(!1)},[j]);let F=(0,l.useCallback)(()=>{$(!0),I(!1)},[]),D=(0,l.useCallback)(()=>{I(!0)},[]),{label:Q,link:X}=x||{},{label:J,link:Z,icon:K}=w||{},{label:G,link:Y}=k||{},{video:ee,lastImage:et,coverImage:er}=R||{},en=!!et?.small||!!et?.large,el=((e,t=.1,r=0,n="s")=>{let l=r;return (r=!0)=>{let a={[e]:`${l}${n}`};return r&&(l+=t),a}})("--ColorPickerUsp-animation-delay",.15,0),ea=(0,l.useRef)(null);return(0,l.useEffect)(()=>{if(ea.current){let e=document.createRange(),t=ea.current.querySelector(".ColorPickerUsp__cta2Label")?.childNodes[0];t&&(e.setStartBefore(t),e.setEndAfter(t));let r=e.getBoundingClientRect().width+52*!!K||0;ea.current.style.setProperty("--ColorPickerUsp-cta2-width",`${r}px`)}},[K]),(0,n.jsxs)("div",{className:i()("ColorPickerUsp",{"is-edit-mode":(0,p.Q)(e),"is-active":S,"is-above":M.current,"is-under":U.current,"is-snapped":q,"is-video-started":V,"is-video-ended":O,"is-single":E,"is-aligned-to-right":P}),children:[(0,n.jsx)("div",{ref:H,className:"ColorPickerUsp__sentinelActive"}),(0,n.jsxs)("div",{className:"ColorPickerUsp__pinned",children:[(0,n.jsx)(o.X,{onVideoStarted:F,onVideoEnded:en?D:void 0,video:ee,src:er,endSrc:et,sizes:"100vw",alt:r||""},j),(0,n.jsx)("div",{className:"ColorPickerUsp__backdrop"})]}),(0,n.jsxs)("div",{className:"ColorPickerUsp__flow",children:[(0,n.jsx)("div",{ref:L,className:"ColorPickerUsp__sentinel_positionTop"}),(0,n.jsx)("div",{ref:T,className:"ColorPickerUsp__sentinel_positionBottom"}),(0,n.jsxs)("div",{className:"ColorPickerUsp__texts ColorPickerUsp__slide",children:[t&&(0,n.jsx)("div",{className:"ColorPickerUsp__strapline ColorPickerUsp__slide_child",style:el(),children:t}),r&&(0,n.jsx)("span",{className:"ColorPickerUsp__slide_child",style:el(),children:(0,n.jsx)(c.R,{className:"ColorPickerUsp__title",content:r,bClassName:"ColorPickerUsp__titleB",tag:A?"p":"h2"})}),a&&(0,n.jsx)("div",{className:"ColorPickerUsp__desc ColorPickerUsp__slide_child",style:el(),children:a}),Q&&X&&(0,n.jsx)("div",{className:"ColorPickerUsp__slide_child",style:el(),children:(0,n.jsx)("div",{className:"ColorPickerUsp__ctaWrapper",children:(0,n.jsx)(h.l,{href:X,title:Q,variant:"link-arrow",size:"large",isInverted:!0})})}),(0,n.jsx)("div",{className:"ColorPickerUsp__usps",children:N&&N.map(({aemKey:e,descriptionAbove:t,tooltipAbove:r,value:l,unit:a,descriptionBelow:i,tooltipBelow:c},o)=>(0,n.jsxs)("div",{className:"ColorPickerUsp__usp ColorPickerUsp__slide_child",style:el(),children:[t&&(0,n.jsxs)("div",{className:"ColorPickerUsp__uspline_1",children:[t,"\xa0",r&&(0,n.jsxs)(d.m_,{children:[(0,n.jsx)(d.k$,{children:(0,n.jsx)(u.m,{})}),(0,n.jsx)(d.ZI,{children:(0,n.jsx)(s.d,{content:r})})]})]}),(0,n.jsxs)("div",{className:"ColorPickerUsp__uspline_2",children:[(0,n.jsx)(_,{className:"ColorPickerUsp__uspvalue",figure:l,show:S,delay:150*o+800}),a&&(0,n.jsxs)("span",{className:"ColorPickerUsp__uspunit",children:[" ",a]})]}),i&&(0,n.jsxs)("div",{className:"ColorPickerUsp__uspline_1 is-description-below",children:[i,"\xa0",c&&(0,n.jsxs)(d.m_,{children:[(0,n.jsx)(d.k$,{children:(0,n.jsx)(u.m,{})}),(0,n.jsx)(d.ZI,{children:(0,n.jsx)(s.d,{content:c})})]})]})]},e))}),k?.label&&k?.link&&(0,n.jsx)("div",{className:"ColorPickerUsp__slide_child",style:el(),children:(0,n.jsx)("div",{className:"ColorPickerUsp__ctaWrapper",children:(0,n.jsx)(h.l,{href:k.link,title:k.label,variant:"cta-ghost",size:"large",isInverted:!0,"data-track":"click","data-track-event":"navigationClick","data-track-location-in-page":"s319","data-track-button-text":G,"data-track-destination":Y})})})]}),J&&Z&&(0,n.jsx)("div",{className:"ColorPickerUsp__cta2",ref:ea,children:(0,n.jsx)("div",{className:"ColorPickerUsp__cta2Btn",children:(0,n.jsxs)(v.R,{href:Z,className:"ColorPickerUsp__cta2Link ","data-track":"click","data-track-event":"navigationClick","data-track-location-in-page":"s319","data-track-button-text":J,"data-track-destination":Z,children:[K&&(0,n.jsx)(z,{icon:K,className:"ColorPickerUsp__cta2Icon"}),(0,n.jsx)("span",{className:"ColorPickerUsp__cta2Label",children:J})]})})}),f&&(0,n.jsx)("div",{className:"ColorPickerUsp__legalMentions ColorPickerUsp__fadein",style:el(),children:f})]}),(0,n.jsx)(p.Cq,{editContext:e})]})}},46773(e,t,r){var n=r(71763);let l=()=>navigator&&(navigator.connection||navigator.mozConnection||navigator.webkitConnection);r.d(t,{},{A:()=>

1{let[e,t]=(0,n.useState)(void 0);return(0,n.useEffect)(()=>{t(l())},[]),(0,n.useEffect)(()=>{if(!e)return()=>{};let r=()=>t(l());return e?.addEventListener?.("change",r,{passive:!0}),()=>{e?.removeEventListener?.("change",r)}},[e,t]),(0,n.useMemo)(()=>({effectiveType:e?.effectiveType??"unknown"}),[e?.effectiveType])},l:["2g","slow-2g","3g"]})},80132(e,t,r){var n=r(71763);r.d(t,{},{A:(e,{duration:t=300,autoplay:r=!1,delay:l=0}={})=>{let a=(0,n.useRef)(null),i=(0,n.useRef)(null),s=(0,n.useCallback)(r=>{i.current||(i.current=r+l);let n=(r-i.current)/t;e(n=(n=n<0?0:n)>1?1:n),n<1&&(a.current=requestAnimationFrame(s))},[e,t,l]),c=(0,n.useCallback)(()=>{i.current=null,a.current=requestAnimationFrame(s)},[s]);return(0,n.useEffect)(()=>(r&&c(),()=>{a.current&&cancelAnimationFrame(a.current)}),[s,r,c]),{playCallback:c}}})},20409(e,t,r){var n=r(71763),l=r(24948),a=r(5839);r.d(t,{},{A:e=>{let t=(0,n.useMemo)(()=>(e=>{let t="u">typeof window&&a.LO.large&&window.innerWidth>=a.LO.large,{role:r,options:n={},stayVisible:l=!0}=e;return"lazyload"===r?n.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===r?n.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===r&&(n.rootMargin="0px -10px 0px 0px"),{...n,triggerOnce:l}})(e),[e]),{ref:r,inView:i=!1,entry:s}=(0,l.Wx)(t);return{ref:r,isVisible:i,entry:s}}})},35337(e,t,r){var n=r(9083),l=r(38337);let a=e=>t=>e?new RegExp(e).test(t):new RegExp((0,l.kH)("validation.zipCode")).test(t),i=e=>e.length>=2&&!e.match(n.XT);r.d(t,{},{$m:({addressLine:e,city:t,postalCode:r})=>e&&i(e)&&t&&i(t)&&r&&a()(r),Dd:({professionalCompanyName:e,addressLine:t,city:r,postalCode:n})=>e&&i(e)&&t&&i(t)&&r&&i(r)&&n&&a()(n),KV:e=>!!e?.mail&&n.iB.test(e.mail),P$:a,Q1:(e,t)=>{try{let r=new URL(e).hostname;return t.some(e=>r===e||r.endsWith(`.${e}`))}catch(e){return!1}},W8:({valueCode:e,valueRlead:t})=>!!e&&!!t,WJ:e=>e,Xq:i,_V:e=>t=>{let r=e?!!t.match(e):!t.match(n.vl);return t.length>=2&&r},_f:e=>t=>t.length&&t.length<=e&&n.ll.test(t),aI:e=>e.every(({rDocId:e,fileName:t})=>e&&e.length>2&&t&&t.length>2),ej:(e=0,t)=>r=>RegExp(`^.{${e},${t}}$`).test(r),gA:e=>!!e&&n.ll.test(e),hP:1e6,hj:e=>n.qQ.test(e),kf:(e,t=!1)=>t?!!e&&n.bJ.test(e):!!e&&n.Py.test(e),l4:e=>!!e&&n.I6.test(e),nb:e=>e.length>=2&&!e.match(n.vl),s_:e=>/^\d+$/.test(e)&&parseInt(e,10)>=0&&1e6>=parseInt(e,10),tQ:e=>t=>!!e&&new RegExp(e).test(t),vd:e=>n.yd.test(e),w2:e=>n.ep.test(e),wJ:e=>e.length>=2&&!e.match(n.jp),ww:(e=0,t)=>r=>RegExp(`^[0-9]{${e},${t}}

1$`).test(r),xf:e=>n.iB.test(e)})},24948(e,t,r){var n,l,a=r(71763),i=Object.defineProperty,s=new Map,c=new WeakMap,o=0;function d({threshold:e,delay:t,trackVisibility:r,rootMargin:l,scrollMargin:i,root:u,triggerOnce:v,skip:h,initialInView:p,fallbackInView:m,onChange:g}={}){var f;let[x,w]=a.useState(null),_=a.useRef(g),b=a.useRef(p),[k,y]=a.useState({inView:!!p,entry:void 0});_.current=g,a.useEffect(()=>{let a;if(void 0===b.current&&(b.current=p),!h&&x)return a=function(e,t,r={},l=n){if(void 0===window.IntersectionObserver&&void 0!==l){let n=e.getBoundingClientRect();return t(l,{isIntersecting:l,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:n,intersectionRect:n,rootBounds:n}),()=>{}}let{id:a,observer:i,elements:d}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var r;return`${t}_${"root"===t?!(r=e.root)?"0":(c.has(r)||(o+=1,c.set(r,o.toString())),c.get(r)):e[t]}`}).toString(),r=s.get(t);if(!r){let n,l=new Map,a=new IntersectionObserver(t=>{t.forEach(t=>{var r;let a=t.isIntersecting&&n.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=a),[...null!=(r=l.get(t.target))?r:[]].forEach(e=>{e(a,t)})})},e);n=a.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:a,elements:l},s.set(t,r)}return r}(r),u=d.get(e)||[];return d.has(e)||d.set(e,u),u.push(t),i.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(d.delete(e),i.unobserve(e)),0===d.size&&(i.disconnect(),s.delete(a))}}(x,(e,t)=>{let r=b.current;b.current=e,(void 0!==r||e)&&(y({inView:e,entry:t}),_.current&&_.current(e,t),t.isIntersecting&&v&&a&&(a(),a=void 0))},{root:u,rootMargin:l,scrollMargin:i,threshold:e,trackVisibility:r,delay:t},m),()=>{a&&a()}},[Array.isArray(e)?e.toString():e,x,u,l,i,v,h,r,m,t]);let j=null==(f=k.entry)?void 0:f.target,C=a.useRef(void 0);x||!j||v||h||C.current===j||(C.current=j,y({inView:!!p,entry:void 0}),b.current=p);let E=[w,k.inView,k.entry];return E.ref=E[0],E.inView=E[1],E.entry=E[2],E}a.Component,null!=(null!=(l=a.useInsertionEffect)?l:a.useLayoutEffect)||a.useEffect,r.d(t,{Wx:()=>d})}}]);