1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80975],{17273:(e,t,i)=>{i.d(t,{A:()=>l});var n=i(26514);i(75834);var o=i(13742),s=i(17941),r=i(80769);let a=o.default.ul.withConfig({componentId:"sc-95b5166e-0"})(["list-style:none;padding:0;line-height:21px;.hours{&.active{font-family:",";}&__status{position:relative;margin-left:10px;padding-left:10px;font-family:",';&:before{content:"";width:7px;height:7px;position:absolute;border-radius:50%;background:black;left:0;top:50%;transform:translateY(-50%);}&.green{color:',";&:before{background:",";}}&.red{color:",";&:before{background:",";}}}}"],s.vX.NunitoSansBold,s.vX.NunitoSansRegular,s.Jy.greenVif,s.Jy.greenVif,s.Jy.redVif,s.Jy.redVif),l=e=>{let{store:t}=e,i=new Date;if(t.isOpen)(0,r.KY)(t.currentSliceHours.end);else if(void 0!==t.nextOpening&&"string"!=typeof t.nextOpening){let e=new Date(i).setHours(0,0,0,0),n=new Date(t.nextOpening.day),o=n.setHours(0,0,0,0),s=(0,r.KY)(t.nextOpening.start);o===e||"Actuellement ferm\xe9, ouvre le ".concat((0,r.im)(n.getDay())," \xe0 ").concat(s)}let o=((e,t,i)=>{let n=[...t],o=new Date,s=new Date;o.setDate(e.getDate()-e.getDay()+1),s.setDate(e.getDate()-e.getDay()+7),i&&Object.entries(i).forEach(e=>{let[t,i]=e,r=new Date(t);r>=o&&r<=s&&(n[r.getDay()]=i)});let r=n.shift();return n.push(r),n})(i,t.usualHours,t.specialHours);return o?(0,n.jsx)(a,{children:o.map((e,o)=>{let s=new Date(i).getDay()-1===o||0===new Date(i).getDay();if(e)return(0,n.jsxs)("li",{className:"hours ".concat(s?"active":""),children:[(0,n.jsxs)("span",{style:{textTransform:"capitalize"},children:[(0,r.im)((o+1)%7)," :"," "]}),(e=>(e.sort((e,t)=>e.start<t.start?-1:1),e.map(e=>"".concat(e.start," - ").concat(e.end)).join(" et ")||"ferm\xe9"))(e),s&&(0,n.jsx)("span",{className:"hours__status ".concat(t.isOpen?"green":"red"),children:t.isOpen?"Ouvert":"Ferm\xe9"})]},o)})}):null}},34489:(e,t,i)=>{i.d(t,{c:()=>O});var n=i(26514),o=i(75834),s=i(80769),r=i(13742),a=i(17941),l=i(87888),c=i(92299),d=i(17273);let p=r.default.div.withConfig({componentId:"sc-22e40fc5-0"})(["font-family:",";font-size:14px;"],a.vX.NunitoSansRegular),u=r.default.span.withConfig({componentId:"sc-22e40fc5-1"})(["display:block;font-style:italic;line-height:19px;&.green{color:",";}&.orange{color:",";}&.red{color:",";}"],a.Jy.greenVif,a.Jy.orange,a.Jy.redVif),h=r.default.div.withConfig({componentId:"sc-22e40fc5-2"})(["line-height:16px;*{transition:all 0.2s ease-in-out;}svg{height:18px;width:18px;margin-left:20px;transform:rotate(",") translateY(",");}li{opacity:",";visibility:",";height:",";}"],e=>e.showDetails?"180deg":"0",e=>e.showDetails?"-9px":"0",e=>e.showDetails?"1":"0",e=>e.showDetails?"visible":"hidden",e=>e.showDetails?"19px":"0"),f=r.default.div.withConfig({componentId:"sc-22e40fc5-3"})(["cursor:pointer;text-decoration:underline;margin:10px 0;"]),x=r.default.ul.withConfig({componentId:"sc-22e40fc5-4"})(["list-style:none;padding:0;"]);r.default.li.withConfig({componentId:"sc-22e40fc5-5"})(["display:flex;flex-direction:row;div:first-of-type{min-width:80px;}"]);let m=e=>{let{store:t,hasColorText:i=!1,openStatus:r=!0,hoursDetailed:a=!0}=e,[l,m]=(0,o.useState)(!1),g=new Date,y="",v="";if(t.isOpen){let e=(0,s.KY)(t.currentSliceHours.end);y="Ouvert jusqu'\xe0 ".concat(e),v="green"}else if(void 0!==t.nextOpening&&"string"!=typeof t.nextOpening){let e=new Date(g).setHours(0,0,0,0),i=new Date(t.nextOpening.day),n=i.setHours(0,0,0,0),o=(0,s.KY)(t.nextOpening.start);n===e?(y="Actuellement ferm\xe9, ouvre \xe0 ".concat(o),v="orange"):(y="Actuellement ferm\xe9, ouvre le ".concat((0,s.im)(i.getDay())," \xe0 ").concat(o),v="red")}let b=((e,t,i)=>{let n=[...t],o=new Date,s=new Date;o.setDate(e.getDate()-e.getDay()+1),s.setDate(e.getDate()-e.getDay()+7),i&&Object.entries(i).forEach(e=>{let[t,i]=e,r=new Date(t);r>=o&&r<=s&&(n[r.getDay()]=i)});let r=n.shift();return n.push(r),n})(g,t.usualHours,t.specialHours);return(0,n.jsxs)(p,{children:[r&&(0,n.jsx)(u,{className:i?v:"",children:y}
1),a&&b&&(0,n.jsxs)(h,{showDetails:l,children:[(0,n.jsxs)(f,{onClick:()=>{m(!l)},children:["Horaires",(0,n.jsx)(c.default,{})]}),(0,n.jsx)(x,{children:(0,n.jsx)(d.A,{store:t})})]})]})};var g=i(21757);let y=r.default.div.withConfig({componentId:"sc-c729c5ee-0"})(["margin-top:25px;*{box-sizing:border-box;}"]),v=r.default.ul.withConfig({componentId:"sc-c729c5ee-1"})(["padding:0;margin:0;height:100%;width:calc(100% + 20px);"]),b=r.default.h3.withConfig({componentId:"sc-c729c5ee-2"})(["font-family:",";font-size:16px;color:",";margin:0 0 10px;"],a.vX.NunitoSansRegular,a.Jy.black),w=r.default.li.withConfig({componentId:"sc-c729c5ee-3"})(["list-style:none;border-top:1px solid ",";padding:15px 0;font-size:16px;line-height:22px;margin-right:20px;color:",";@media ","{font-size:14px;line-height:19px;}"],a.Jy.fillGrey,a.Jy.black,a.uk.mobileL),j=r.default.div.withConfig({componentId:"sc-c729c5ee-4"})(["display:flex;flex-direction:row;justify-content:space-between;> div{width:45%;@media ","{width:90%;}}@media ","{flex-direction:column;margin-bottom:20px;}"],a.uk.mobileL,a.uk.mobileL),k=r.default.div.withConfig({componentId:"sc-c729c5ee-5"})(["text-align:left;@media ","{text-align:center;}"],a.uk.mobileL),C=r.default.div.withConfig({componentId:"sc-c729c5ee-6"})(["display:flex;flex-direction:column;width:50%;text-align:center;justify-content:center;align-items:center;margin:15px 0;> div{padding:5px;}"]),D=r.default.div.withConfig({componentId:"sc-c729c5ee-7"})(["font-family:",";"],a.vX.NunitoSansBold),S=r.default.div.withConfig({componentId:"sc-c729c5ee-8"})([""]),N=r.default.div.withConfig({componentId:"sc-c729c5ee-9"})([""]),O=e=>{let{stores:t,onValidate:i,isLoading:o=!1}=e;return(0,n.jsx)(y,{children:o?(0,n.jsx)(l.Ay,{}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(b,{children:[t.length," magasins \xe0 proximit\xe9"]}),(0,n.jsx)(v,{children:t.map(e=>(0,n.jsxs)(w,{children:[(0,n.jsxs)(j,{children:[(0,n.jsxs)(k,{children:[(0,n.jsx)(D,{children:e.label}),(0,n.jsxs)(S,{children:[e.address,(0,n.jsx)("br",{}),e.city," ",e.zipcode,(0,n.jsx)("br",{}),(0,s.n4)(e.phone)]})]}),(0,n.jsx)(C,{children:(0,n.jsx)(g.A,{onClick:t=>{t.preventDefault(),i(e)},text:"Choisir ce magasin",theme:"secondaryRefonte",fullWidth:!1,border:!0})})]}),(0,n.jsx)(N,{children:(0,n.jsx)(m,{store:e,openStatus:!1})})]},e.value))})]})})}},50171:(e,t,i)=>{i.d(t,{A:()=>S});var n=i(26514),o=i(75834),s=i(23469),r=i.n(s),a=i(13742),l=i(17941),c=i(80769),d=i(3982),p=i(52432);let u=a.default.div.withConfig({componentId:"sc-334e19a9-0"})(["position:fixed;margin-left:auto;margin-right:auto;left:0;right:0;"," "," z-index:40;background:",";transition:all 0.3s ease;display:",";&","","{@media ","{display:none;}}&","","{@media ","{display:none;}}"],e=>{let{width:t}=e;return t?(0,a.css)(["width:",";"],t):(0,a.css)(["width:100%;"])},e=>{let{hideOnStart:t,showState:i,bottom:n}=e;return t?(0,a.css)(["bottom:-100%;",""],i&&(0,a.css)(["bottom:",";"],n||0)):(0,a.css)(["bottom:",";"],n||0)},l.Jy.white,e=>{let{flex:t}=e;return(0,a.css)(["",""],t?"flex":"block")},".","sticky-desktop",l.uk.tablet,".","sticky-mobile",l.uk.min.tablet),h=e=>{let{children:t,...i}=e,s=(0,o.useRef)();return(0,o.useEffect)(()=>{if(!s.current)return;let e=document.body.style.paddingBottom;return document.body.style.paddingBottom="".concat(s.current.offsetHeight,"px"),()=>{document.body.style.paddingBottom=e}},[s.current]),(0,n.jsx)(u,{...i,children:t})};var f=i(23287),x=i(98993),m=i(70007),g=i(92299);let y=a.default.div.withConfig({componentId:"sc-d38d1208-0"})(["overflow:hidden;@media ","{display:none;}"],l.uk.tablet),v=a.default.div.withConfig({componentId:"sc-d38d1208-1"})(["color:white;font-family:",";font-size:16px;line-height:22px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:padding 0.2s ease-in-out,max-height 0.2s ease-in-out;padding:0 60px;max-height:0;&.active{max-height:150px;padding:7px 60px;}"," svg{width:20px;height:20px;fill:white;}> div{margin:0 7px;}"],l.vX.NunitoSansBold,e=>{let{type:t}=e;return t===p.CK.ACCEPTED?(0,a.css)(["background-color:",";"],l.Jy.greenVif):t===p.CK.DENIED?(0,a.css)(["background-color:",";"],l.Jy.redVif):""}),b=a.default.div.withConfig({componentId:"sc-d38d1208-2"})(["position:relative;background-color:",";padding:20px 40px;display:flex;justify-content:flex-start;svg.arrow-up{transform:rotate(180deg) translate(0,-6px);}"],l.Jy.grisWhite),w=a.default.div.withConfig({componentId:"sc-d38d1208-3"})(["position:sticky;left:0;display:flex;justify-content:center;background-color:",";padding:17px;color:",";font-family:",";font-size:16px;line-height:24px;> div{*{margin:0 5px;}}"],l.Jy.grisWhite,l.Jy.blueDark,l.vX.NunitoSansRegular),j=a.default.div.withConfig({componentId:"sc-d38d1208-4"})(["display:flex;justify-content:center;align-items:center;*{margin:0 5px;}svg{width:40px;height:40px;}"]),k=a.default.div.withConfig({componentId:"sc-d38d1208-5"})(["font-family:",";text-transform:uppercase;font-size:20px;line-height:24px;"],l.vX.Glendale),C=a.default.div.withConfig({componentId:"sc-d38d1208-6"})(["position:absolute;color:",";cursor:pointer;right:",";top:50%;transform:translateY(-50%);text-decoration:underline;*{margin:0 5px;}@media ",'{span.desktopContent{::after{content:" le comparateur";}}}svg{width:17px;height:14px;}'],l.Jy.black,e=>{let{right:t}=e;
1return(0,a.css)(["",""],t||0)},l.uk.min.tablet),D=a.default.div.withConfig({componentId:"sc-d38d1208-7"})(["background-color:white;position:fixed;bottom:0;width:100%;left:0;z-index:99;transition:top 0.2s ease-in-out;top:100%;&.active{top:0;overflow-y:scroll;}"]),S=function(e){let{refBlock:t=null}=e,[s,a]=(0,o.useState)(null),[l,u]=(0,o.useState)(!0),S=d.A.useProducts(),N=d.A.useCharacs(),O=d.A.useFlashMessages();(0,o.useEffect)(()=>{u(!S||!S.length)},[S]),(0,o.useEffect)(()=>{l?H():a(r()(i.e(28041).then(i.bind(i,28041)),{loadableGenerated:{webpack:()=>[28041]}}))},[l]);let J=(0,o.useRef)(!0),[I,T]=(0,o.useState)(null),[z,E]=(0,o.useState)(null),[B,R]=(0,o.useState)(!1);(0,o.useEffect)(()=>{if(J.current){J.current=!1;return}clearTimeout(z),T(O[0]),R(!0),E(setTimeout(()=>{R(!1)},5e3))},[O]);let[A,V]=(0,o.useState)(!1);(0,c.zn)(A);let H=()=>{V(!1)},[F,X]=(0,o.useState)(!1),_=(0,o.useRef)(null),G=(0,o.useRef)(null),K=()=>{if(!_.current||!G.current)return;let e=_.current.scrollTop>G.current.offsetTop+G.current.offsetHeight;!F&&e?X(!0):_.current.scrollTop==G.current.offsetTop&&X(!1)};return(0,o.useEffect)(()=>{let e=()=>{};return A&&(e=(0,c.Zw)(K)),()=>{e()}},[A]),(0,n.jsxs)(y,{children:[(0,n.jsxs)(h,{hideOnStart:!0,showState:!l,width:"570px",bottom:"20px",children:[(0,n.jsx)(v,{onClick:e=>R(!1),type:I?I.type:null,className:B?"active":"",children:I&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{children:I.type==p.CK.ACCEPTED?(0,n.jsx)(f.default,{}):p.CK.DENIED?(0,n.jsx)(m.default,{}):null}),(0,n.jsx)("div",{children:I.message})]})}),(0,n.jsxs)(b,{children:[(0,n.jsxs)(j,{children:[(0,n.jsx)(x.default,{className:"active"}),(0,n.jsx)(k,{children:" Comparer "}),S&&(0,n.jsxs)("span",{children:["(",S.length,"/",d.A.MAX_NUMBER_OF_PRODUCTS,")"]})]}),(0,n.jsxs)(C,{right:"25px",onClick:()=>{V(!0)},children:[(0,n.jsx)("span",{className:"desktopContent",children:"Voir"}),(0,n.jsx)(g.default,{className:"arrow-up"})]})]})]}),(0,n.jsxs)(D,{ref:_,className:A?"active":"",children:[(0,n.jsxs)(w,{ref:G,children:[(0,n.jsxs)(j,{children:[(0,n.jsx)(x.default,{className:"active"}),(0,n.jsx)(k,{children:" Comparer "}),S&&(0,n.jsxs)("span",{children:["(",S.length,"/",d.A.MAX_NUMBER_OF_PRODUCTS,")"]})]}),(0,n.jsxs)(C,{right:"10px",onClick:H,children:[(0,n.jsx)("span",{className:"desktopContent",children:"Fermer"}),(0,n.jsx)(g.default,{})]})]}),s&&!l?(0,n.jsx)(s,{ref:t,products:S,characs:N,minimizeHeader:F}):null]})]})}},83298:(e,t,i)=>{i.d(t,{K:()=>m,n:()=>d});var n=i(26514),o=i(75834),s=i(13742),r=i(98457),a=i(17941),l=i(92299);let c=s.default.div.withConfig({componentId:"sc-1e19a044-0"})([""]),d=e=>
1{let{children:t,className:i,onlyMobile:s=!1,autoClose:r=!1,theme:a="primary"}=e,[l,d]=(0,o.useState)(null);return(0,n.jsx)(c,{className:"accordion ".concat(i||""),children:o.Children.map(t,e=>{if(!e)return null;let{id:t,isOpen:i}=e.props;return"string"==typeof e||"string"==typeof e.type?e:o.cloneElement(e,{theme:a,onlyMobile:s,onToggle:e=>{r&&d(e)},autoClose:r,isOpen:l||l?l==t:i})})})},p=s.default.div.withConfig({componentId:"sc-1e19a044-1"})(["width:100%;margin:0 auto;.accordion--title-text{font-family:",";font-size:1rem;color:",";margin:0 5px 0 0;}.icon-dropdown{display:none;}"," ",";&.active{.accordion--title{.icon-dropdown{transform:translateY(3px) rotate(-180deg);}.icon--more-less{span{&:nth-child(2){transform:rotate(0deg);}}}}.accordion--content{height:auto;max-height:10000px;transition:max-height 0.35s ease-in;}.accordion--content--inner{",";}}.accordion--title{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-content:flex-start;align-items:center;",";&:hover{cursor:pointer;}.icon-dropdown{display:block;transform:translateY(-3px);}.icon--more-less{width:0.75rem;height:0.9rem;position:relative;padding:0;margin-left:10px;transform:rotate(0deg);transition:0.5s ease-in-out;cursor:pointer;span{display:block;position:absolute;height:2px;width:100%;background:currentColor;opacity:1;top:50%;left:0;transform:rotate(0deg) translate(-50%,0);transition:0.25s ease-in-out;&:nth-child(1){transform:rotate(0deg);}&:nth-child(2){transform:rotate(90deg);}}}}.accordion--content{max-height:0;transition:max-height 0.25s ease-out;overflow:hidden;}&.open{.accordion--content{overflow:visible;}}",""],a.vX.NunitoSansBold,a.Jy.charcoal,e=>{let{$onlyMobile:t}=e;return t&&"@media ".concat(a.uk.tablet," {")},e=>e.theme.accordionSection,e=>e.theme.accordionContentInner,e=>e.theme.accordionSectionTitle,e=>{let{$onlyMobile:t}=e;return t&&"}"}),u={accordionSection:{borderBottom:"1px solid",paddingBottom:"0",borderColor:a.Jy.fillGrey},accordionSectionTitle:{padding:"24px 0"},accordionContentInner:{margin:"0 0 15px 0"}},h={accordionSection:{borderTop:"1px solid",paddingTop:"5px",paddingBottom:"5px",borderColor:a.Jy.darkgrey},accordionSectionTitle:{padding:"15px 0"},accordionContentInner:{margin:"0"}},f={...u,accordionSection:{paddingBottom:"0"},accordionSectionTitle:{...u.accordionSectionTitle,paddingBottom:"0"}},x={primary:u,secondary:h,noBorder:f},m=e=>{let{id:t,title:i,children:a,className:c,onToggle:d,theme:u="primary",isOpen:h=!1,onlyMobile:f=!1,autoClose:m=!1}=e,[g,y]=(0,o.useState)(h?"active":""),[v,b]=(0,o.useState)(h),w=(0,o.useRef)(null);return(0,o.useEffect)(()=>{y(h?"active":"")},[h]),(0,o.useEffect)(()=>{if("active"===g){let e=setTimeout(()=>{b(!0)},350);return()=>{clearTimeout(e)}}b(!1)},[g]),(0,o.useEffect)(()=>{if(g){let e=()=>{if(g&&(null==w?void 0:w.current)&&!(w.current.getBoundingClientRect().top>=0)){for(let e of t)clearTimeout(e);w.current.scrollIntoView&&w.current.scrollIntoView()}},t=[50,100,200,300,400,500,600].map(t=>setTimeout(e,t))}},[g]),(0,n.jsx)(s.ThemeProvider,{theme:u?x[u]:x.primary,children:(0,n.jsxs)(p,{className:(0,r.A)("accordion-section",c,g,v&&"open"),$onlyMobile:f,children:[i?(0,n.jsxs)("div",{ref:w,className:"accordion--title",onClick:()=>{d&&""===g&&m&&d(t),y(""===g?"active":"")},children:["string"==typeof i?(0,n.jsx)("span",{className:"accordion--title-text",children:(0,n.jsx)("span",{dangerouslySetInnerHTML:{__html:i}})}):i,"secondary"!==u?(0,n.jsx)(l.default,{className:"icon-dropdown"}):(0,n.jsxs)("div",{className:"icon--more-less",children:[(0,n.jsx)("span",{}),(0,n.jsx)("span",{})]})]}):null,(0,n.jsx)("div",{className:"accordion--content",children:(0,n.jsx)("div",{className:"accordion--content--inner",children:a})})]})})}},87888:(e,t,i)=>{i.d(t,{Ay:()=>p,QA:()=>c,aH:()=>a});var n=i(26514);i(75834);var o=i(17941),s=i(13742);let r=s.default.div.withConfig({componentId:"sc-c04bfc61-0"})(["&.show{opacity:1;}transition:all 1s ease-in-out;margin:0 auto;opacity:0;width:",";height:",";svg{& > *{fill:",";}}"],e=>e.width,e=>e.width,e=>e.color);o.Jy.dimGray;let a=e=>{let{color:t=o.Jy.dimGray,show:i=!0,width:s="3.75rem"}=e;return(0,n.jsx)(r,{color:t,width:s,className:"".concat(i?"show":""),children:(0,n.jsx)(d,{})})},l=s.default.div.withConfig({componentId:"sc-c04bfc61-1"})(["position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;"]),c=e=>(0,n.jsx)(l,{children:(0,n.jsx)(a,{...e})}),d=()=>(0,n.jsxs)("svg",{version:"1.1",id:"L5",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 100 100",children:[(0,n.jsx)("circle",{fill:o.Jy.lightSlateGrey,stroke:"none",cx:"6",cy:"50",r:"
16",transform:"translate(0 -13.1641)",children:(0,n.jsx)("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 15 ; 0 -15; 0 15",repeatCount:"indefinite",begin:"0.1"})}),(0,n.jsx)("circle",{fill:o.Jy.lightSlateGrey,stroke:"none",cx:"30",cy:"50",r:"6",transform:"translate(0 -7.22392)",children:(0,n.jsx)("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 10 ; 0 -10; 0 10",repeatCount:"indefinite",begin:"0.2"})}),(0,n.jsx)("circle",{fill:o.Jy.lightSlateGrey,stroke:"none",cx:"54",cy:"50",r:"6",transform:"translate(0 -1.61196)",children:(0,n.jsx)("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.3"})})]}),p=a},91742:(e,t,i)=>{i.d(t,{A:()=>f});var n=i(26514),o=i(75834),s=i(13742),r=i(17941),a=i(97495),l=i(70007),c=i(77333),d=i(92299);let p=s.default.div.withConfig({componentId:"sc-801d6baa-0"})(["margin:0.75rem 0;font-family:",";font-size:16px;line-height:22px;label{cursor:pointer;position:relative;display:block;margin-bottom:10px;transition:all 0.2s ease-in;color:",";em{color:",";}}svg{display:block;width:1em;height:1em;fill:currentColor;","}.select{position:relative;display:inline-block;min-width:100%;&:focus{outline:0;}&.disabled{pointer-events:none;cursor:default;.arrow{display:none;}}}.field{position:relative;display:inline-block;min-width:100%;}.selection{position:relative;z-index:10;padding:10px 15px;border:1px solid ",";border-radius:",";background:",";cursor:pointer;height:40px;display:flex;align-items:center;box-sizing:border-box;"," &.layerOpen{z-index:12;}}.value{color:",";font-family:",";",";}.multiple{padding-right:30px;margin-right:5px;background:",";color:",";}.delete{position:absolute;top:0;right:0;display:block;padding:10px;font-size:0.875rem;cursor:pointer;}.placeholder{padding:5px 10px;color:",";font-size:0.875rem;font-family:",";",";}.arrow{margin-left:auto;color:",";transition:all 0.2s ease-in-out;&.open{transform:rotate(-180deg);}}.options{position:absolute;padding:10px 0;top:100%;left:0;right:0;z-index:11;background:",";box-shadow:10px 0 54px rgba(0,0,0,0.12);.option{transition:all 0.2s ease-in;font-size:16px;line-height:22px;font-family:",";padding:9px 14px;color:",";cursor:pointer;&.focused{color:",";font-family:",';}}}.checkbox{content:"";vertical-align:top;display:inline-block;width:16px;height:16px;padding:2px;border:1px solid ',";border-radius:2px;margin:2px 12px 0 0;color:",";font-size:10px;.selected &{border-color:",";background:",";}}.icon{color:",";position:absolute;font-size:1.25rem;right:35px;top:8px;z-index:10;width:20px;height:20px;visibility:hidden;opacity:0;transition:all 0.25s linear;-webkit-transition:all 0.25s linear;}.msgError{margin:0.3125rem 0 0;display:none;color:",";}&.error{.selection{border:1px solid ",";padding-right:30px;}.icon{opacity:1;visibility:visible;}.msgError{display:flex;}}"],r.vX.NunitoSansRegular,r.Jy.dimGray,r.Jy.ocher,e=>{let{theme:t}=e;return t.svg},e=>e.borderColor,e=>e.roundedBorder?"20px":"0",r.Jy.white,e=>{let{theme:t}=e;return t.selection},r.Jy.black,r.vX.NunitoSansBold,e=>{let{theme:t}=e;return t.value},r.Jy.dimGray,r.Jy.darkgrey,r.Jy.darkgrey,r.vX.NunitoSansRegular,e=>{let{theme:t}=e;return t.placeholder},r.Jy.black,r.Jy.white,r.vX.NunitoSansRegular,e=>e.optionTextColor?e.optionTextColor:r.Jy.dimGray,r.Jy.black,r.vX.NunitoSansBold,r.Jy.dimGray,r.Jy.white,r.Jy.charcoal,r.Jy.dimGray,r.Jy.redClassic,r.Jy.persianRed,r.Jy.persianRed),u={selection:{},placeholder:{},value:{},svg:{}},h={defaultTheme:u,rounded:{rounded:!0,selection:{borderRadius:"20px",padding:"0 15px",height:"40px",borderColor:r.Jy.black},placeholder:{fontWeight:"normal",color:r.Jy.black,fontSize:"14px",fontFamily:r.vX.NunitoSansRegular},value:{fontWeight:"normal",color:r.Jy.black,fontSize:"14px",fontFamily:r.vX.NunitoSansRegular,marginRight:"20px"},svg:{marginBottom:"6px"}}};class f extends o.Component{componentDidMount(){let{multiple:e,data:t}=this.props,{values:i}=this.state;e||i[0]!==t.value&&this.setState({values:[t.value],focusedValue:-1})}onFocus(){this.setState({isFocused:!0})}onBlur(){let{data:e,multiple:t}=this.props;this.setState(i=>{let{values:n}=i;
1if(t)return{focusedValue:-1,isFocused:!1,isOpen:!1};{let t=n[0],i=-1;return t&&(i=e.children.findIndex(e=>e.value===t)),{focusedValue:i,isFocused:!1,isOpen:!1}}})}onKeyDown(e){let{data:t,multiple:i}=this.props,{isOpen:n}=this.state,o=t.children;switch(e.key){case" ":e.preventDefault(),n?i&&this.setState(e=>{let{focusedValue:t}=e;if(-1!==t){let[...i]=e.values,n=o[t].value,s=i.indexOf(n);return -1===s?i.push(n):i.splice(s,1),{values:i}}}):this.setState({isOpen:!0});break;case"Escape":case"Tab":n&&(e.preventDefault(),this.setState({isOpen:!1}));break;case"Enter":this.setState(e=>({isOpen:!e.isOpen}));break;case"ArrowDown":e.preventDefault(),this.setState(e=>{let{focusedValue:t}=e;if(t<o.length-1)return(t++,i)?{focusedValue:t}:{values:[o[t].value],focusedValue:t}});break;case"ArrowUp":e.preventDefault(),this.setState(e=>{let{focusedValue:t}=e;if(t>0)return(t--,i)?{focusedValue:t}:{values:[o[t].value],focusedValue:t}});break;default:if(/^[a-z0-9]$/i.test(e.key)){let t=e.key;clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.setState({typed:""})},1e3),this.setState(e=>{let n=e.typed+t,s=RegExp("^".concat(n),"i"),r=o.findIndex(e=>s.test(e.value));return -1===r?{typed:n}:i?{focusedValue:r,typed:n}:{values:[o[r].value],focusedValue:r,typed:n}})}}}onClick(){this.setState(e=>({isOpen:!e.isOpen}))}onDeleteOption(e){let{value:t}=e.currentTarget.dataset;this.setState(e=>{let[...i]=e.values,n=i.indexOf(t);return i.splice(n,1),this.props.onChange(i),{values:i}})}onHoverOption(e){let{data:t}=this.props,{value:i}=e.currentTarget.dataset,n=t.children.findIndex(e=>e.value===i);this.setState({focusedValue:n})}onClickOption(e){let{multiple:t,onChange:i}=this.props,{value:n,label:o}=e.currentTarget.dataset;this.setState(e=>{if(!t)return i&&i([n],o),{values:[n],isOpen:!1,label:o};let[...s]=e.values,r=s.indexOf(n);return -1===r?s.push(n):s.splice(r,1),i(s),{values:s}})}stopPropagation(e){e.stopPropagation()}static getDerivedStateFromProps(e,t){return e.data.valid!=t.isValid?{isValid:e.data.valid}:null}renderValues(){let{multiple:e,data:t,prefix:i}=this.props,{values:o}=this.state;if(0===o.length)return(0,n.jsx)("div",{className:"placeholder",children:t.placeholder});if(e)return o.map(e=>(0,n.jsx)("span",{onClick:this.stopPropagation,className:"multiple value",children:(0,n.jsx)("span",{"data-value":e,onClick:this.onDeleteOption,className:"delete",children:(0,n.jsx)(a.J,{})})},e));let s=t.children.filter(e=>e.value===o[0]);return s&&s.length>0?(0,n.jsxs)("div",{className:"value",children:[i," ",s[0].label]}):(0,n.jsx)("div",{className:"placeholder",children:t.placeholder})}renderOptions(){let{data:e}=this.props,{isOpen:t}=this.state;return t?(0,n.jsx)("div",{className:"options",children:e.children.map(this.renderOption)}):null}renderOption(e,t){let{multiple:i}=this.props,{values:o,focusedValue:s}=this.state,{value:r,label:a}=e,l=o.includes(r),d="option";return l&&(d+=" selected"),t===s&&(d+=" focused"),(0,n.jsxs)("div",{"data-value":r,"data-label":a,className:d,onMouseOver:this.onHoverOption,onClick:this.onClickOption,children:[i?(0,n.jsx)("span",{className:"checkbox",children:l?(0,n.jsx)(c.default,{}):null}):null,a]},r)}render(){let{data:e,roundedBorder:t=!0,borderColor:i=r.Jy.black,theme:o,optionTextColor:a=r.Jy.dimGray}=this.props,{isOpen:c,values:f,isValid:x}=this.state;return(0,n.jsx)(s.ThemeProvider,{theme:h[o]||u,children:(0,n.jsxs)(p,{fullWidth:this.props.fullWidth,borderColor:i,className:"".concat(x?"":"error"),optionTextColor:a,children:[(0,n.jsxs)("div",{className:"select ".concat(e.children.length<2&&"disabled"),tabIndex:0,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,children:[(0,n.jsx)("input",{type:"hidden",name:e.id,value:f.join(","),required:!0}),e.labelText&&(0,n.jsxs)("label",{children:[e.labelText,e.required&&(0,n.jsx)("em",{children:"*"})]}),(0,n.jsxs)("div",{className:"field",children:[(0,n.jsxs)("div",{className:"selection ".concat(c?"layerOpen":""),onClick:this.onClick,children:[this.renderValues(),(0,n.jsx)("span",{className:"arrow ".concat(c&&"open"),children:(0,n.jsx)(d.default,{})})]}),this.renderOptions(),(0,n.jsx)("span",{className:"picto icon",children:(0,n.jsx)(l.default,{})})]})]}),!x&&(0,n.jsx)("span",{className:"msgError",children:e.errMsg})]})})}constructor(e){super(e),this.state={values:this.props.data.value?this.props.data.value.split(","):[],label:"",focusedValue:-1,isFocused:!1,isOpen:!1,isValid:e.data.valid,typed:""},this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.onDeleteOption=this.onDeleteOption.bind(this),this.onHoverOption=this.onHoverOption.bind(this),this.onClickOption=this.onClickOption.bind(this),this.renderOption=this.renderOption.bind(this)}}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.