1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[36319],{9778:(e,t,i)=>{"use strict";i.d(t,{Q:()=>c});var n=i(26514);i(75834);var r=i(13742),o=i(17941),a=i(15250);let s=r.default.div.withConfig({componentId:"sc-963e2030-0"})(["width:100%;padding:0 30px;box-sizing:border-box;",";@media ","{position:relative;padding:0 10px 20px;}ul{display:flex;justify-content:flex-start;padding:12px 0;max-width:1610px;margin:0 auto;box-sizing:border-box;@media ","{padding:0;display:block;overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}}li{display:flex;justify-content:flex-start;align-items:baseline;padding:0;margin:0 8px 0 0;list-style-type:none;color:",";font-family:",";font-size:12px;line-height:16px;color:",';opacity:0.5;&:after{content:">";margin-left:8px;text-shadow:',";}&:last-child{padding:0;margin:0;opacity:1;&:after{visibility:hidden;}a{&:after{height:2px;}}}a{position:relative;padding-bottom:2px;color:",";text-shadow:",";text-transform:capitalize;}@media ","{display:inline-block;vertical-align:top;}}}"],e=>e.theme.pos,o.uk.tablet,o.uk.tablet,e=>e.theme.color,o.vX.NunitoSansRegular,o.Jy.darkblue,e=>e.theme.textShadow,e=>e.theme.color,e=>e.theme.textShadow,o.uk.tablet),l={relative:{pos:{position:"relative"},color:o.Jy.dimGray},absolute:{pos:{position:"absolute",top:"0",left:"0",zIndex:"10"},color:o.Jy.greyPrimary}},c=e=>{let{theme:t,links:i}=e;return(0,n.jsx)(r.ThemeProvider,{theme:t?l[t]:l.relative,children:(0,n.jsx)(s,{children:(0,n.jsx)("ul",{children:i.map((e,t)=>(0,n.jsx)("li",{children:t===i.length-1?(0,n.jsx)("span",{children:e.text}):(0,n.jsx)(a.m,{href:e.url,className:"underline-link",children:e.text})},t))})})})}},22496:(e,t,i)=>{"use strict";i.d(t,{k4:()=>o});var n=i(60900);let{initialize:r,customData:o}={initialize:n.lQ,customData:n.lQ}},36319:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>ei});var n=i(26514),r=i(75834),o=i(13742),a=i(62556),s=i(54440),l=i(80769),c=i(64403),d=i(17941),p=i(65266),u=i(79737),h=i(94741),f=i(39121),m=i(9778),y=i(70007),g=i(28604),b=i(92299);let x=o.default.div.withConfig({componentId:"sc-14cade06-0"})(["margin:0.75rem 0;font-family:",";font-size:0.875rem;position:relative;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:absolute;top:0;left:0;z-index:9;display:inline-block;min-width:100%;@media ","{position:relative;}&:focus{outline:0;}}.field{position:relative;display:inline-flex;flex-direction:column;min-width:100%;}.selection{position:relative;z-index:10;padding:4px;width:200px;box-sizing:border-box;border:1px solid ",";background:transparent;&.open{border:none;border-bottom:2px solid ",";background:",";}@media ","{width:100%;border:none;border-bottom:1px solid ",";.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);}}}&.open{border:none;background:none;.placeholder{display:flex;align-items:center;font-weight:bold;}.icon--more-less{span{&:nth-child(2){transform:rotate(0deg);}}}}}}.value{font-size:0.875rem;position:relative;display:inline-block;padding:5px 10px;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:",";@media ","{font-size:1.1rem;color:",";}}.arrow{transition:all 0.25s linear;-webkit-transition:all 0.25s linear;position:absolute;top:5px;right:5px;display:block;padding:10px;font-size:0.625rem;color:",";@media ","{top:0px;color:",";}}.options{display:flex;flex-wrap:wrap;width:260px;padding:5px 10px;z-index:9;background:",";box-shadow:10px 0 54px rgba(0,0,0,0.12);@media ","{position:relative;top:unset;left:unset;z-index:0;width:100%;box-sizing:border-box;padding-bottom:2rem;box-shadow:unset;background-color:none;border-bottom:1px solid ",";}.option{transition:all 0.2s ease-in;font-size:0.875rem;font-family:",";padding:8px 15px;margin:5px;color:",";background-color:",";cursor:pointer;&.selected{color:",";background-color:",";}&.focused{color:",";&.selected{font-weight:bold;color:",";}}}}
1.rounded-count{display:inline-flex;justify-content:center;align-items:center;margin-left:5px;border-radius:50%;width:17px;height:17px;font-size:0.71rem;color:",";background-color:",";@media ",'{font-size:0.8rem;line-height:0.8rem;}}.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{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;}}.content-reset-options{width:100%;}.reset-options{color:",";font-weight:bold;font-size:1rem;cursor:pointer;@media ","{font-size:1.143rem;}}"],d.vX.NunitoSansRegular,d.Jy.dimGray,d.Jy.yellowSea,d.uk.tablet,d.Jy.darkgrey,d.Jy.white,d.Jy.white,d.uk.tablet,d.Jy.darkgrey,d.Jy.charcoal,d.Jy.darkgrey,d.vX.NunitoSansRegular,d.uk.tablet,d.Jy.charcoal,d.Jy.darkgrey,d.uk.tablet,d.Jy.charcoal,d.Jy.white,d.uk.tablet,d.Jy.darkgrey,d.vX.NunitoSansRegular,d.Jy.darkgrey,d.Jy.lightGrey,d.Jy.white,d.Jy.yellowSea,d.Jy.charcoal,d.Jy.white,d.Jy.white,d.Jy.yellowSea,d.uk.tablet,d.Jy.dimGray,d.Jy.white,d.Jy.charcoal,d.Jy.dimGray,d.Jy.persianRed,d.Jy.persianRed,d.Jy.yellowSea,d.uk.tablet);class v extends r.Component{componentDidUpdate(e){this.props.defaultValues!==e.defaultValues&&this.state.values!=this.props.defaultValues&&0!=this.state.values.length&&this.setState({values:[]}),this.props.values&&this.state.values!=this.props.values&&this.setState({values:this.props.values})}onFocus(){this.setState({isFocused:!0})}onBlur(){let{data:e}=this.props;this.setState(t=>{let{values:i}=t,n=i[0],r=-1;return n&&(r=e.children.findIndex(e=>e.value===n)),{focusedValue:r,isFocused:!1,isOpen:!1}})}onKeyDown(e){let{data:t}=this.props,{isOpen:i}=this.state,n=t.children;switch(e.key){case" ":e.preventDefault(),i&&this.setState({isOpen:!0});break;case"Escape":case"Tab":i&&(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<n.length-1)return{values:[n[++t].value],focusedValue:t}});break;case"ArrowUp":e.preventDefault(),this.setState(e=>{let{focusedValue:t}=e;if(t>0)return{values:[n[--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 i=e.typed+t,r=RegExp("^".concat(i),"i"),o=n.findIndex(e=>r.test(e.value));return -1===o?{typed:i}:{values:[n[o].value],focusedValue:o,typed:i}})}}}onClick(){this.setState(e=>({isOpen:!e.isOpen}))}onDeleteOption(e){let{currentTarget:t}=e,{data:i}=this.props,{value:n}=t.dataset,r=i.id;this.setState(e=>{let[...t]=e.values,i=t.indexOf(n);return t.splice(i,1),{values:t}},()=>{this.props.onChange(this.state.values,r)})}onHoverOption(e){let{currentTarget:t}=e,{data:i}=this.props,{value:n}=t.dataset,r=i.children.findIndex(e=>e.value===n);this.setState({focusedValue:r})}onClickOption(e){let{currentTarget:t}=e,{onChange:i,data:n}=this.props,{value:r}=t.dataset,o=n.id;this.setState(e=>{let[...t]=e.values,i=t.indexOf(r);return -1===i?t.push(r):t.splice(i,1),{values:t,dataId:o}},()=>{i(this.state.values,o)})}stopPropagation(e){e.stopPropagation()}static getDerivedStateFromProps(e,t){return e.data.valid!=t.isValid?{isValid:e.data.valid}:null}resetOptions(){this.setState({values:[]},()=>{this.props.onChange([],this.props.data.id)})}renderOptions(){let{data:e}=this.props,{isOpen:t}=this.state;return t?(0,n.jsxs)("div",{className:"options",children:[e.children.map(this.renderOption),(0,n.jsx)("p",{className:"content-reset-options",children:(0,n.jsx)("span",{className:"reset-options",onClick:this.resetOptions,children:"R\xe9initialiser"})})]}):null}renderOption(e,t){let{values:i,focusedValue:r}=this.state,{value:o,label:a}=e,s=i.includes(o),l="option";return s&&(l+=" selected"),t===r&&(l+=" focused"),(0,n.jsx)("div",{"data-value":o,"data-label":a,className:l,onMouseOver:this.onHoverOption,onClick:this.onClickOption,children:a},o)}render(){let{data:e,isMobile:t}=this.props,{isOpen:i,values:r,isValid:o,values:{length:a}}=this.state;return(0,n.jsxs)(x,{fullWidth:this.props.fullWidth,className:"".concat(o?"":"error"),children:[(0,n.jsxs)("div",{className:"select",tabIndex:0,onFocus:this.onFocus,onMouseLeave:this.onBlur,onKeyDown:this.onKeyDown,children:[(0,n.jsx)("input",{type:"hidden",name:e.id,value:r.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 ".concat(i?"open":""),children:[(0,n.jsxs)("div",{className:"selection ".concat(i?"open":""),onClick:this.onClick,children:[(0,n.jsxs)("div",{className:"placeholder",children:[e.placeholder,a>0&&(0,n.jsx)("span",{className:"rounded-count",children:a})]}),(0,n.jsx)("span",{className:"arrow",children:t?(0,n.jsxs)("div",{className:"icon--more-less",children:[(0,n.jsx)("span",{}),(0,n.jsx)("span",{})]}):i?(0,n.jsx)(g.default,{}):(0,n.jsx)(b.default,{})})]}),this.renderOptions(),(0,n.jsx)("span",{className:"icon",children:(0,n.jsx)(y.default,{})})]})]}),!o&&(0,n.jsx)("span",{className:"msgError",children:e.errMsg})]})}constructor(e){super(e);let t=e.values||(e.defaultValues?e.defaultValues:[]);this.state={values:t,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),this.resetOptions=this.resetOptions.bind(this)}}var w=i(5593);let k=s.wb.get().client;async function j(){return(await k.getEntries({content_type:"tendance",select:["sys.id"],"fields.tendance_type":"accord-parfait"})).items.map(e=>e.sys.id)}async function C(e,t){let i=await j();if(0===t.length){let t=await k.getEntries({"sys.contentType.sys.id[in]":["belle-realisation","inspiration-deco","tend
1ance"],"sys.id[nin]":i,order:["-sys.updatedAt"],include:1,limit:18,skip:18*(e-1)});return{total_contents:t.total,entries_list:t}}}function S(e,t){e.fields.override_url&&(t.url=e.fields.override_url);let i=e.fields.override_category_link;if(i){t.category.id=i.fields.lien_description,t.category.name=i.fields.lien_description;let e=i.fields.lien_couleur;e&&(t.category.color=e)}}async function _(e){let t=[],i=[],n=[],r={select:"fields.tags_type",content_type:"smc_tags_edito","sys.id[in]":e.map(e=>e.id)};for(let e of(await k.getEntries(r)).items)"piece"==e.fields.tags_type?t.push(e.sys.id):"produit"==e.fields.tags_type?n.push(e.sys.id):"style"==e.fields.tags_type&&i.push(e.sys.id);return[t,n,i]}async function E(e){let t,i,{content_type:n,page_number:r,filtres:o}=e,a={content_type:n,include:1,order:"-sys.updatedAt",limit:18,skip:0},s=!1;if("belle-realisation"==n||"inspiration-deco"==n){let e={"belle-realisation":"belle_real_tag","inspiration-deco":"inspi_tags"};async function l(){let t=e[n],i=await _(o),s=null;for(let e of i){if(e.length<1)continue;let i=(await k.getEntries({...a,["fields.".concat(t,".sys.id[in]")]:e,select:["sys.id"],include:0,limit:void 0})).items.map(e=>e.sys.id);if(null===s)s=i;else{let e=new Set(i);s=s.filter(t=>e.has(t))}}let l=a.limit*(r-1);return{ids:s.slice(l,l+a.limit),skip:l,total:s.length}}a.limit=18,o.length>0&&(s=!0,{skip:i,ids:a["sys.id[in]"],total:t}=await l())}else"smc-chantier"==n?a.limit=18:"tendance"==n?(a.limit=4,a["fields.tendance_type"]="tendance"):"accord-parfait"==n&&(a.content_type="tendance",a.limit=6,a["fields.tendance_type"]="accord-parfait");s||(a.skip=a.limit*(r-1));let c=await k.getEntries(a);s&&(c.total=t,c.skip=i);let d=Math.ceil(c.total/a.limit);return{entries:c,max_pages:d}}async function T(e){if("all"===e.content_type){let{entries_list:i,total_contents:n}=await C(e.page_number,e.filtres);var t=e.page_number;let r=function(e){let t=new Set(["pinterest","belle-realisation","inspiration-deco","tendance","accord-parfait"]);return e.filter(e=>t.has(e.sys.contentType.sys.id)).map(e=>{let t={category:{id:"",name:""},created_at:e.sys.createdAt,title:"",url:"",image:""};if("pinterest"===e.sys.contentType.sys.id)t.category.id="pinterest",t.category.name="pinterest",t.title=e.fields.note,t.url=e.fields.url,t.image=e.fields.image.original.url;else{var i,n,r,o;let a;"belle-realisation"===e.sys.contentType.sys.id?(t.category.id="belle-realisation",t.category.name="belle-realisation",a="belle_real_top_banner"):"inspiration-deco"===e.sys.contentType.sys.id?(t.category.id="inspiration-deco",t.category.name="inspiration-deco",a="inspi_top_banner"):"tendance"===e.sys.contentType.sys.id&&(t.category.id="tendance",t.category.name="tendance","accord-parfait"===e.fields.tendance_type&&(t.category.id="accord-parfait",t.category.name="accord-parfait"),a="tendance_top_banner");let s=e.fields[a];if(null==s?void 0:s.fields){let e=s.fields.ban_titre||"",i=s.fields.ban_titre2||"";t.title=i?"".concat(e," ").concat(i):e,(null==(r=s.fields.ban_image_desk)||null==(n=r.sys)?void 0:n.type)==="Asset"&&(t.image=null==(o=s.fields.ban_image_desk.fields.file)?void 0:o.url)}t.url=(null==(i=e.fields)?void 0:i.slugUrl)||""}return S(e,t),t})}([...i.items].sort((e,t)=>new Date(e.sys.updatedAt).getTime()-new Date(t.sys.updatedAt).getTime()).reverse());return{sys:{type:"Array"},items:r,"items-current":r.length,cursor:"","items-total":n,"page-current":t,"page-total":Math.ceil(n/18)}}{let{entries:t,max_pages:i}=await E(e);return function(e,t,i){let{content_type:n,page_number:r}=e,o={...t,"items-current":t.items.length,"items-total":t.total,"page-current":r,"page-total":i,items:function(e,t){let i,n={category:{id:"",name:""},created_at:"",title:"",url:"",image:""};return"belle-realisation"==t?(n.category.id="belle-realisation",n.category.name="belle-realisation",i="belle_real_top_banner"):"inspiration-deco"==t?(n.category.id="inspiration-deco",n.category.name="inspiration-deco",i="inspi_top_banner"):"tendance"==t?(n.category.id="tendance",n.category.name="tendance",i="tendance_top_banner"):"accord-parfait"==t&&(n.category.id="accord-parfait",n.category.name="accord-parfait",i="tendance_top_banner"),e.items.map(e=>{("tendance"==t||"accord-parfait"==t)&&(n.category.id=e.fields.tendance_type);let r={...n},o=e.sys.createdAt,a="slugUrl"in e.fields?e.fields.slugUrl:"",s=e.fields[i],l="",c="";if(s){var d,p;let e=s.fields.ban_titre||"",t=s.fields.ban_titre2||"";l=t?e+" "+t:e,(null==(d=s.fields.ban_image_desk)?void 0:d.sys.type)=="Asset"&&(null==(p=s.fields.ban_image_desk.fields.file)?void 0:p.url)&&(c=s.fields.ban_image_desk.fields.file.url)}return r.created_at=o,r.title=l,r.url=a,r.image=c,S(e,r),r})}(t,n)};return delete o.includes,delete o.errors,delete o.total,o}(e,t,i)}}class z{async fetchEntriesHub(e){return await T(e)}}var O=i(81010),N=i(83205),P=i(87888),J=i(20577),A=i(52715),L=i(48948),I=i(74960);let U=o.default.div.withConfig({componentId:"sc-9af63b9f-0"})(["position:relative;height:100%;display:flex;z-index:1;.sticky{width:100%;position:absolute;&--up{top:",";align-self:flex-start;position:sticky;@media ","{align-self:auto;position:unset;}}&--down{bottom:0;align-self:flex-end;position:sticky;@media ","{position:unset;}}@media ","{position:unset;top:unset;bottom:unset;}}.sticky-close,.sticky-nav,.icon--arrow-mobile{display:none;}@media ","{position:",";z-index:",";bottom:",";top:",";left:0;width:100%;height:50px;background-color:",";transition:",";&.active{position:fixed;z-index:50;height:100%;transition:all 0.2s ease-in;.sticky-section{h2{display:none;}}.sticky-close{display:flex;}.sticky-cell{display:block;padding-top:15px;}.sticky-nav{z-index:101;"," background:",";box-shadow:rgb(112 112 112 / 50%) 0px 0px 8px 0px;border-top:1px solid ",";}}.sticky-cell{position:sticky;top:0;z-index:1;.sticky-section{padding:0;}}.button{display:inline-flex;flex-direction:row;justify-content:space-around;padding:17px 3vw;color:",";background-color:",";border:none;font-family:",";font-size:16px;position:relative;z-index:0;transition:all 0.5s;box-sizing:border-box;outline:none;cursor:pointer;}.sticky-nav{display:block;position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;.button{border:none;border-top:2px solid ",";&:first-child{border-left:none;}}.button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0 10px;box-sizing:border-box;color:",";background-color:",";&.active{color:",";background-color:",";.icon--arrow-mobile{transform:rotate(0deg);fill:currentColor;color:currentColor;path{stroke:currentColor;}}}&:nth-child(even){color:",";background-color:",";&.active{color:",";background-color:",";}}span{pointer-events:none;text-align:center;}.icon--arrow-mobile{position:relative;display:block;fill:currentColor;transform:rotate(180deg);padding:5px 10px;path{stroke:currentColor;}}}.button-rounded{box-sizing:border-box;width:100%;border:1px solid ",";background-color:",";color:",";font-family:",";font-size:14px;display:flex;justify-content:space-between;border-radius:20px;padding:10px 10px;&:not(:first-child){margin-left:10px;}svg{display:initial;&,& path{fill:",";color:",";}}&.active{background-color:",";color:",";
1svg,svg path{fill:",";color:",";}}}}.sticky-close,.sticky-nav{z-index:",";height:50px;}.sticky-nav,.sticky-cell,.sticky-close{width:100%;}.sticky-cell,.sticky-close{display:none;position:absolute;left:0;}.sticky-close{top:0;text-align:center;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid ",";span{flex:1 0 auto;transition:all 0.2s ease-in;}}.sticky-cell{top:50px;z-index:100;height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;.sticky-section{padding:0 6vw 75px;box-sizing:border-box;}}}"],e=>"".concat(e.offset,"px"),d.uk.tablet,d.uk.tablet,d.uk.tablet,d.uk.tablet,e=>{let{theme:t}=e;return t.position||"fixed"},e=>{let{theme:t}=e;return t.zIndex},e=>{let{theme:t}=e;return t.bottom||"0"},e=>{let{theme:t}=e;return t.top||"unset"},d.Jy.white,e=>{let{theme:t}=e;return t.scroll?"none":"all 0.2s ease-in;"},e=>{let{theme:t}=e;return t.scroll&&"padding: 0 10px;"},d.Jy.white,d.Jy.fillGrey,d.Jy.blueDark,d.Jy.white,d.vX.NunitoSansBold,d.Jy.lightGrey,d.Jy.white,d.Jy.lightSlateGrey,d.Jy.charcoal,d.Jy.white,d.Jy.charcoal,d.Jy.white,d.Jy.white,d.Jy.lightSlateGrey,d.Jy.darkblue,d.Jy.white,d.Jy.darkblue,d.vX.NunitoSansRegular,d.Jy.darkblue,d.Jy.darkblue,d.Jy.darkblue,d.Jy.white,d.Jy.white,d.Jy.white,e=>{let{theme:t}=e;return t.navZIndex},d.Jy.fillGrey),M={primary:{zIndex:"50",navZIndex:"101"},scroll:{scroll:!0,position:"relative",zIndex:"initial",navZIndex:"initial"}},B=e=>{let{children:t,activeOnDesktop:i=!1,offsetFromTop:a=180,id:s,theme:c,onToggle:d}=e,p=(0,r.useRef)(null),u=function(){let e=window.document?document.body.getBoundingClientRect():void 0;if(!e)return null;let[t,i]=(0,r.useState)({x:e.left,y:e.top,direction:""}),n=()=>{i(t=>({x:e.left,y:-e.top,direction:t.y>-e.top?"up":"down"}))};return(0,r.useEffect)(()=>(window.addEventListener("scroll",n),()=>window.removeEventListener("scroll",n)),[]),{scrollY:t.y,scrollX:t.x,scrollDirection:t.direction}}(),h=null,[f,m]=(0,r.useState)(""),[y,g]=(0,r.useState)(""),[b,x]=(0,r.useState)(""),[v,w]=(0,r.useState)({direction:"",offsetTop:0}),k=()=>{(0,l._2)("auto"),x(""),g(""),m("")};return h=(()=>{let e=p.current;if(!e)return"up";let t=e.getBoundingClientRect().height,i=u.scrollDirection||(window.scrollY>0?"down":"");return t>window.innerHeight?(i!=v.direction&&w({direction:i,offsetTop:p.current.offsetTop}),i):t+a>window.innerHeight?i:"up"})(),(0,n.jsx)(o.ThemeProvider,{theme:c?M[c]:M.primary,children:(0,n.jsx)(U,{className:f,offset:a,id:s,noHeader:!1,children:(0,n.jsxs)("div",{className:"".concat(i?"sticky":""," ").concat(h?"sticky--".concat(h):""),ref:p,style:{top:!h&&"".concat(v.offsetTop,"px")},children:[(0,n.jsxs)("button",{onClick:()=>{d&&d(b,!1),k()},className:"button sticky-close",children:[(0,n.jsx)("span",{children:y}),(0,n.jsx)(A.default,{width:10,height:10})]}),(0,n.jsx)("div",{className:"sticky-cell",children:r.Children.map(t,e=>{if(!e)return null;let{id:t}=e.props;return r.cloneElement(e,{toggleInfo:""===b?t:b,onClick:k})})}),(0,n.jsx)("div",{className:"sticky-nav",children:r.Children.map(t,e=>{if(!e)return null;let{id:t,title:i,icon:r="arrow"}=e.props,o={filters:I.default,arrow:L.default}[r]||L.default;return(0,n.jsxs)("button",{className:"".concat("scroll"===c?"button-rounded":"button"," ").concat(b===t?"active":""),"data-btn":t,onClick:e=>(e=>{let t=e.currentTarget.dataset.btn,i=e.currentTarget.children[0].innerHTML;d&&d(t,t!==b),t!=b?((0,l._2)("hidden"),x(t),g(i),m("active")):k()})(e),children:[(0,n.jsx)("span",{children:i}),(0,n.jsx)(o,{className:"icon--arrow-mobile"})]})})})]})})})},D=o.default.div.withConfig({componentId:"sc-9af63b9f-1"})(["display:block;"," display:none;"," "," display:none;&.active{display:block;}",""],e=>{let{onlyMobile:t}=e;return t&&"@media ".concat(d.uk.desktop," {")},e=>{let{onlyMobile:t}=e;return t&&"}"},e=>{let{onlyMobile:t}=e;return t&&"@media ".concat(d.uk.tablet," {")},e=>{let{onlyMobile:t}=e;return t&&"}"}),H=e=>
1{let{allowClosing:t=!1,onlyMobile:i=!1,children:r,toggleInfo:o,onClick:a,id:s}=e;return(0,n.jsx)(D,{className:"sticky-section ".concat(o===s.toLowerCase()?"active":""),id:s,onlyMobile:i,onClick:a&&t?()=>a():null,children:r})};var W=i(86309),R=i(25938),F=i(22496),G=i(79161),X=i(35772),V=i(99817);let Z=o.default.div.withConfig({componentId:"sc-262bfd06-0"})([".sticky--up{width:100%;}.magazineHub--filter--container{display:flex;justify-content:center;width:100%;@media ","{flex-direction:column;}&--text{color:",";margin:1.2em 0;@media ","{display:none;}}&--link{margin:1.2em 0;@media ","{text-align:center;}}&--ddl{width:200px;margin:0 1rem;@media ","{width:100%;margin:0;}}}.magazineHub--content{margin:3rem auto;display:flex;flex-direction:column;align-items:center;justify-content:center;@media ","{& > div{width:100%;margin:0.75rem 0;}}@media ","{margin:3rem 0rem;}.xmasonry{width:100%;max-width:1200px;& > div:not(.catalog){align-self:flex-start;}& > div.catalog{margin:0.75rem 2.5rem 0.75rem;}img{min-height:227px;}}}.magazineHub--Error{text-align:center;font-size:0.875rem;margin:3rem 0;color:",";}.magazineHub--pagination{p{color:",";text-align:center;font-size:0.875rem;}margin:0 auto 3.75rem;}.xblock{animation:comeIn ease 0.5s;animation-iteration-count:1;.cell-xblock{margin:0 10px 20px;&.catalog-xblock{width:calc(100% - 20px);& > div{margin-bottom:0px;}}@media ","{margin:0 1.25rem 20px;}}}@keyframes comeIn{0%{transform:scale(0.5);opacity:0;}75%{transform:scale(1.01);opacity:1;}100%{transform:scale(1);opacity:1;}}"],d.uk.tablet,d.Jy.dimGray,d.uk.tablet,d.uk.tablet,d.uk.tablet,d.uk.tablet,d.uk.mobileL,d.Jy.persianRed,d.Jy.dimGray,d.uk.tablet),Q=o.default.a.withConfig({componentId:"sc-262bfd06-1"})(["color:",";font-weight:bold;font-size:1rem;cursor:pointer;text-decoration:none;opacity:0.85;transition:opacity 200ms;&:hover{opacity:1;}@media ","{font-size:1.143rem;}"],d.Jy.yellowSea,d.uk.tablet),K=["227px","227px","452px","229px","368px","368px","227px","452px","227px","229px","227px","229px","227px","229px","368px","227px"],q=new z,Y=async function(e){let{produit:t=[],piece:i=[],style:n=[]}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return await q.fetchEntriesHub({content_type:e,filtres:[...t,...i,...n].map(e=>({id:e})),cursor_id:"",page_number:r})},$=e=>Object.fromEntries(new URLSearchParams(e)),ee=(e,t)=>{let[i,n]=e.split("?"),r=new URLSearchParams({...$(n),...$(t)}).toString();return r?"".concat(i,"?").concat(r):i};class et extends X.bv{static async getInitialProps(e){let{res:t,query:i}=e,n=this.section||i.section||"all",{title:r,description:o}=G.Bc["all"===n?"":n],a=s.wb.get(),c=a.fetchEntriesCTF({content_type:"smc_tags_edito"},"convertFilterMagazineHub"),d=a.fetchEntriesCTF({content_type:"banneire","sys.id":"4fVwQXZhNiz8J1cNOdNefD"},"convertBanner"),p=Object.fromEntries(Object.entries(i).filter(e=>{let[,t]=e;return null!=t}).map(e=>{let[t,i]=e;return[t,Array.isArray(i)?i:String(i).split(",")]})),u=Y(n,p).catch(e=>(console.error("Failed to fetch magazine hub entries",e),[])),[h,f,m]=await Promise.all([c,d,u]),y={topBanner:{},content:[]};y.topBanner=f&&f[0],y.content=m&&m.items?m.items:[];let g=null;return((0,l.x7)(h)||(0,l.x7)(y))&&(g=404,t&&(t.statusCode=g)),{section:n,contentType:n,defaultTitle:r,defaultDescription:o,filterProductEntries:h.filter(e=>"produit"==e.type),filterPieceEntries:h.filter(e=>"piece"==e.type),filterStyleEntries:h.filter(e=>"style"==e.type),pageEntries:y,nbSeen:m?m["items-current"]:0,nbTotal:m?m["items-total"]:0,statusCode:g||200,filterProduct:p.produit||[],filterPiece:p.piece||[],filterStyle:p.style||[]}}componentDidMount(){this.handlerResize(),window.addEventListener("resize",this.handlerResize,{passive:!0}),W.Ay.sendPageView({env_type_contenu:V.Qp.MAGAZINE,cd2_pageCategory:"magazine",cd3_pageSubCategory:"".concat(this.props.contentType?"".concat(this.props.contentType," - "):""," Inspirez-vous")}),F.k4("inspiration"),(0,l.iw)("Navigation","Hub ".concat(this.props.contentType,"_resultat"),"".concat(this.props.contentType,"_").concat(this.props.nbTotal))}componentWillUnmount(){window.removeEventListener("resize",this.handlerResize)}componentDidUpdate(e,t){let i;i=this.state,["filterProduct","filterStyle","filterPiece"].some(e=>t[e]!==i[e])&&(this.syncUrl(),this.loadHubEntries()),this.props.pageEntries.content!==e.pageEntries.content&&(this.setState({contentEntries:this.props.pageEntries.content,nbSeen:this.props.nbSeen,nbTotal:this.props.nbTotal,contentType:this.props.contentType,filterProduct:[],filterPiece:[],filterStyle:[]}),W.Ay.sendPageView({env_type_contenu:V.Qp.MAGAZINE,cd2_pageCategory:"magazine",cd3_pageSubCategory:"".concat(this.props.contentType?"".concat(this.props.contentType," - "):""," Inspirez-vous")}),F.k4("inspiration"),(0,l.iw)("Navigation","Hub ".concat(this.props.contentType,"_filtres_resultat"),"".concat(this.props.contentType,"_").concat(this.props.nbTotal)))}syncUrl(){let e,{filterPiece:t,filterStyle:i,filterProduct:n}=this.state,r=new URL(location.href),o=r.search=new URLSearchParams(Object.entries({piece:t,style:i,produit:n}).map(e=>{let[t,i]=e;return[t,String(i)]}).filter(e=>{let[t,i]=e;return!!i})).toString().toString();history.replaceState((e=history.state,{...e,url:ee(e.url,o),as:ee(e.as,o)}),"",String(r))}async loadHubEntries(){try{let{tracking:e}=this.state;this.setState({isLoading:!0,contentEntries:[],nbSeen:0,nbTotal:0,tracking:void 0});let t=await this.getEntriesHub();e&&(0,l.iw)("Navigation","Hub inspirations_filtres","".concat(e.id,"_").concat(e.filterName,"_").concat(this.state.nbTotal)),this.setState({isLoading:!1,contentEntries:t?t.items:[],currentPage:1,nbSeen:t?t["items-current"]:0,nbTotal:t?t["items-total"]:0})}catch(e){console.error("Failed to load magazine entries",e),this.setState({isLoading:!1})}}render(){let{pageEntries:e,filterProductEntries:t,filterPieceEntries:i,filterStyleEntries:r,statusCode:a,defaultTitle:s,defaultDescription:p}=this.props,{contentEntries:u,nbSeen:y,nbTotal:g,isLoading:b,isMobile:x,filterProduct:k=[],filterPiece:j=[],filterStyle:C=[]}=this.state;return(0,n.jsxs)(Z,{children:[(0,n.jsx)(h.Container,{fluid:!0,children:(0,n.jsxs)(h.Row,{justify:"center",children:[(0,n.jsx)(m.Q,{theme:"absolute",links:[{text:"Accueil",url:"/"},{text:e.topBanner.title,url:R.dE.magazine}]}),(0,n.jsx)(f.i,{animation:!1,themeTitle:d.Sx.Title.primary,bannerDetails:{title:e.topBanner.title,subTitle:e.topBanner.subTitle,imageDesktop:{imageUrl:e.topBanner.imageDesktop.imageUrl}
1,imageMobile:{imageUrl:e.topBanner.imageMobile?e.topBanner.imageMobile.imageUrl:e.topBanner.imageDesktop.imageUrl},isTopBanner:e.topBanner.isTopBanner}})]})}),(0,n.jsx)(o.ThemeProvider,{theme:{awesomegrid:{...d.AD,container:{xs:"full",sm:"full",md:"full",lg:80,xl:80}}},children:(0,n.jsx)(h.Container,{children:(0,n.jsx)(h.Row,{justify:"center",children:(0,n.jsx)(h.Col,{xs:12,md:12,sm:12,children:(0,n.jsx)(O.A,{tabActive:this.state.contentType})})})})}),(0,n.jsx)(B,{children:(0,n.jsx)(H,{title:"Filtrer",id:"sort",onlyMobile:!1,children:(0,n.jsx)(h.Container,{fluid:!0,children:(0,n.jsx)(h.Row,{justify:"center",children:(0,n.jsx)(h.Col,{noGutter:!0,children:(0,n.jsxs)("div",{className:"magazineHub--filter--container",children:[(0,n.jsx)("p",{className:"magazineHub--filter--container--text",children:"Filtrer par :"}),(0,n.jsx)("div",{className:"magazineHub--filter--container--ddl",children:(0,n.jsx)(v,{values:j,data:new w.UI("piece","",!1,i.map(e=>({label:e.title,value:e.id})),"Pi\xe8ce"),isMobile:x,onChange:this.onChangeFilter})}),(0,n.jsx)("div",{className:"magazineHub--filter--container--ddl",children:(0,n.jsx)(v,{values:C,data:new w.UI("style","",!1,r.map(e=>({label:e.title,value:e.id})),"Style"),isMobile:x,onChange:this.onChangeFilter})}),(0,n.jsx)("div",{className:"magazineHub--filter--container--ddl",children:(0,n.jsx)(v,{values:k,data:new w.UI("product","",!1,t.map(e=>({label:e.title,value:e.id})),"Produit"),isMobile:x,onChange:this.onChangeFilter})}),(0,n.jsx)("p",{className:"magazineHub--filter--container--link",children:(0,n.jsx)(Q,{className:"reset-options",onClick:this.resetOptions,children:"Tout voir"})})]})})})})})}),(0,l.x7)(u)&&!b?(0,n.jsx)(h.Container,{fluid:!0,children:(0,n.jsx)(h.Row,{justify:"center",children:(0,n.jsx)(h.Col,{children:(0,n.jsxs)("div",{className:"magazineHub--Error",children:["Aucun article n'est associ\xe9 \xe0 ces filtres. ",(0,n.jsx)("br",{}),"Nous vous invitons \xe0 effectuer une autre combinaison."]})})})}):(0,n.jsxs)("div",{className:"magazineHub--content",children:[b&&(0,n.jsx)(h.Container,{children:(0,n.jsx)(h.Row,{children:(0,n.jsx)(P.Ay,{show:b})})}),(0,n.jsx)(c.XMasonry,{maxColumns:"3",targetBlockWidth:"400",children:u.map((e,t)=>{var i,r,o;return e?"banneire"==e.category.id?"":(0,n.jsx)(c.XBlock,{width:0===t?"2":"1",children:(0,n.jsx)("div",{className:"cell-xblock",children:(0,n.jsx)(N.o,{url:e.url,color:(null==(i=e.category)?void 0:i.color)||(null==(r=d.D2[e.category.id])?void 0:r.colors)||d.Jy.black,tagName:(null==(o=d.D2[e.category.id])?void 0:o.name)||e.category.name||e.category.id,imgSize:0===t?"390px":K[t%K.length],title:e.title?e.title:"",titleBigger:0===t,imgSrc:e.image?e.image:"",adaptative:!0,onClick:t=>{(0,l.iw)("Navigation","Article Tuile","".concat(e.category.name?e.category.name:"").concat(e.title?"_"+e.title:""))}})})},t):null})}),g>y&&(0,n.jsx)(h.Container,{children:(0,n.jsx)(h.Row,{children:(0,n.jsxs)("div",{className:"magazineHub--pagination",children:[(0,n.jsx)(P.Ay,{show:b}),(0,n.jsxs)("p",{children:["Vous avez vu ",y," articles sur ",g]}),(0,n.jsx)(J.$,{onClick:e=>this.onClickLoadMore(e),type:"submit",text:"Charger plus",theme:"secondary",color:d.Jy.charcoal})]})})})]})]})}constructor(e){var t;super(e),t=this,this.handlerResize=()=>{this.state.isMobile!=(0,l.Fr)()&&this.setState({isMobile:(0,l.Fr)()})},this.getEntriesHub=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return await Y(t.state.contentType,{produit:t.state.filterProduct,piece:t.state.filterPiece,style:t.state.filterStyle},e)},this.onChangeFilter=async(e,t)=>{let i,n=this.state.filterPiece,r=this.state.filterStyle,o=this.state.filterProduct,a=(e,t)=>{let i="";for(let n=0;n<t.length;n++){let r=t[n];for(let t=0;t<e.length;t++){let n=e[t];n.id===r&&(i=i.length>0?i+"/"+n.title:n.title)}}return i};switch(t){case"piece":n=e,i=a(this.props.filterPieceEntries,e);break;case"style":r=e,i=a(this.props.filterStyleEntries,e);break;case"product":o=e,i=a(this.props.filterProductEntries,e)}this.setState({filterPiece:n,filterStyle:r,filterProduct:o,tracking:{id:t,filterName:i}})},this.onClickLoadMore=async e=>{this.setState({isLoading:!0});let t=await this.getEntriesHub(this.state.currentPage+1);if(t){let e=this.state.contentEntries;e=this.state.contentEntries.concat(...t.items),this.setState(t=>({isLoading:!1,contentEntries:e,currentPage:t.currentPage+1,nbSeen:e.length}))}else this.setState(e=>({isLoading:!1}))},this.resetOptions=()=>this.setState({filterProduct:[],filterPiece:[],filterStyle:[]}),this.state={filterProduct:e.filterProduct,filterPiece:e.filterPiece,filterStyle:e.filterStyle,currentPage:1,contentEntries:e.pageEntries.content,contentType:e.contentType,nbSeen:e.nbSeen,nbTotal:e.nbTotal,isLoading:!1,isMobile:!1},this.refcontainer=null}}et.section="",et.defaultProps={pageEntries:{}},et.layout=p.Ay,et.getLayoutInitialProps=e=>{let{pageProps:{section:t,pageEntries:i,defaultTitle:n,defaultDescription:r}}=e;return{metaTags:{title:"".concat(i.title?i.title:n," | Saint Maclou"),description:i.metaDesc?i.metaDesc:r||"Consultez nos inspirations d\xe9co.",type:u.g.website,image:"",robots:"INDEX,FOLLOW",canonical:"".concat(G.k6).concat(R.dE.magazine)+(t?"/".concat((e=>e===a.pZ.BELLE_REALISATION?"belles-realisations":e)(t)):"")}}};let ei=et},39760:e=>{!function(){function t(e,t){document.addEventListener?e.addEventListener("scroll",t,!1):e.attachEvent("scroll",t)}function i(e){this.g=document.createElement("div"),this.g.setAttribute("aria-hidden","true"),this.g.appendChild(document.createTextNode(e)),this.h=document.createElement("span"),this.i=document.createElement("span"),this.m=document.createElement("span"),this.j=document.createElement("span"),this.l=-1,this.h.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.i.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.j.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.m.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;",this.h.appendChild(this.m),this.i.appendChild(this.j),this.g.appendChild(this.h),this.g.appendChild(this.i)}function n(e,t){e.g.style.cssText="max-width:none;min-width:20px;min-height:20px;
1display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+t+";"}function r(e){var t=e.g.offsetWidth,i=t+100;return e.j.style.width=i+"px",e.i.scrollLeft=i,e.h.scrollLeft=e.h.scrollWidth+100,e.l!==t&&(e.l=t,!0)}function o(e,i){function n(){r(o)&&null!==o.g.parentNode&&i(o.l)}var o=e;t(e.h,n),t(e.i,n),r(e)}function a(e,t,i){t=t||{},i=i||window,this.family=e,this.style=t.style||"normal",this.weight=t.weight||"normal",this.stretch=t.stretch||"normal",this.context=i}var s=null,l=null,c=null,d=null;function p(e){return null===d&&(d=!!e.document.fonts),d}function u(e,t){var i=e.style,n=e.weight;if(null===c){var r=document.createElement("div");try{r.style.font="condensed 100px sans-serif"}catch(e){}c=""!==r.style.font}return[i,n,c?e.stretch:"","100px",t].join(" ")}a.prototype.load=function(e,t){var r=this,a=e||"BESbswy",c=0,d=t||3e3,h=(new Date).getTime();return new Promise(function(e,t){if(p(r.context)&&(f=r.context,null===l&&(l=!!(p(f)&&/Apple/.test(window.navigator.vendor))&&!!(f=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent))&&603>parseInt(f[1],10)),!l)){var f,m,y=new Promise(function(e,t){!function i(){(new Date).getTime()-h>=d?t(Error(""+d+"ms timeout exceeded")):r.context.document.fonts.load(u(r,'"'+r.family+'"'),a).then(function(t){1<=t.length?e():setTimeout(i,25)},t)}()});Promise.race([new Promise(function(e,t){c=setTimeout(function(){t(Error(""+d+"ms timeout exceeded"))},d)}),y]).then(function(){clearTimeout(c),e(r)},t)}else m=function(){function l(){var t;(t=-1!=y&&-1!=g||-1!=y&&-1!=b||-1!=g&&-1!=b)&&((t=y!=g&&y!=b&&g!=b)||(null===s&&(s=!!(t=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent))&&(536>parseInt(t[1],10)||536===parseInt(t[1],10)&&11>=parseInt(t[2],10))),t=s&&(y==x&&g==x&&b==x||y==v&&g==v&&b==v||y==w&&g==w&&b==w)),t=!t),t&&(null!==k.parentNode&&k.parentNode.removeChild(k),clearTimeout(c),e(r))}var p=new i(a),f=new i(a),m=new i(a),y=-1,g=-1,b=-1,x=-1,v=-1,w=-1,k=document.createElement("div");k.dir="ltr",n(p,u(r,"sans-serif")),n(f,u(r,"serif")),n(m,u(r,"monospace")),k.appendChild(p.g),k.appendChild(f.g),k.appendChild(m.g),r.context.document.body.appendChild(k),x=p.g.offsetWidth,v=f.g.offsetWidth,w=m.g.offsetWidth,function e(){if((new Date).getTime()-h>=d)null!==k.parentNode&&k.parentNode.removeChild(k),t(Error(""+d+"ms timeout exceeded"));else{var i=r.context.document.hidden;(!0===i||void 0===i)&&(y=p.g.offsetWidth,g=f.g.offsetWidth,b=m.g.offsetWidth,l()),c=setTimeout(e,50)}}(),o(p,function(e){y=e,l()}),n(p,u(r,'"'+r.family+'",sans-serif')),o(f,function(e){g=e,l()}),n(f,u(r,'"'+r.family+'",serif')),o(m,function(e){b=e,l()}),n(m,u(r,'"'+r.family+'",monospace'))},document.body?m():document.addEventListener?document.addEventListener("DOMContentLoaded",function e(){document.removeEventListener("DOMContentLoaded",e),m()}):document.attachEvent("onreadystatechange",function e(){("interactive"==document.readyState||"complete"==document.readyState)&&(document.detachEvent("onreadystatechange",e),m())})})},e.exports=a}()},64403:function(e,t,i){"undefined"!=typeof self&&self,e.exports=function(e){var t=[function(t,i){t.exports=e},function(e,t,i){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.XBlock=t.XMasonry=void 0;var r=n(i(3)),o=n(i(5));t.XMasonry=r.default,t.XBlock=o.default},function(e,t,i){"use strict";(function(e){Object.defineProperty(t,"__esModule",{value:!0}),t.debounce=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:45,i=0;return function(){0!==i&&clearTimeout(i),i=setTimeout(function(){i=0,e()},t)}},t.isServer="false"!==((e||{}).env||{}).REACT_XMASONRY_SSR_ENABLED&&("undefined"==typeof document||"undefined"==typeof window)}).call(t,i(4))},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}
1return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a=(n=i(0))&&n.__esModule?n:{default:n},s=i(2),l=0,c=!1,d=function e(){if(!s.isServer){if(!document.body)return void document.addEventListener("DOMContentLoaded",e);var t=document.createElement("div");t.style.overflow="scroll",t.style.height=t.style.width="200px",t.style.visibility="hidden",t.style.padding=t.style.margin=t.style.border=0,document.body.appendChild(t),l=t.offsetWidth-t.clientWidth||0,c=!0,document.body.removeChild(t)}},p=function(e){function t(e){if(!(this instanceof t))throw TypeError("Cannot call a class as a function");var i=function(e,t){if(!e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&("object"==typeof t||"function"==typeof t)?t:e}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return i.state={blocks:{},containerHeight:0,columns:1,containerWidth:0},i.pastChildren=0,i.columns=i.state.columns,i.blocks=i.state.blocks,i.container=null,i.debouncedResize=(0,s.debounce)(i.updateContainerWidth.bind(i)),i.fixedHeight=0,i.containerWidth=i.state.containerWidth,i.update=i.updateInternal.bind(i),i.smartUpdate=0,c||d(),i.props.responsive&&!s.isServer&&window.addEventListener("resize",i.debouncedResize),!s.isServer&&i.props.updateOnFontLoad&&document.fonts&&document.fonts.addEventListener&&document.fonts.addEventListener("loadingdone",i.update),s.isServer&&(i.state.containerWidth=i.containerWidth=i.props.width||999*i.props.targetBlockWidth,i.columns=i.getColumnsNumber(i.state.containerWidth)),i.pastChildren=e.children,i}return function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,[{key:"getBestFitColumn",value:function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,i=Math.min(e.length-t+1,this.props.maxColumns-t+1),n=0,r=1/0,o=0;o<i;++o){var a=Math.max.apply(null,e.slice(o,o+t));a<r&&(r=a,n=o)}return{col:n,height:r}}}]),o(t,[{key:"updateInternal",value:function(){return!this.updateContainerWidth()&&this.measureChildren()}},{key:"componentDidMount",value:function(){this.updateInternal()}},{key:"componentWillUnmount",value:function(){s.isServer||window.removeEventListener("resize",this.debouncedResize),!s.isServer&&this.props.updateOnFontLoad&&document.fonts&&document.fonts.addEventListener&&document.fonts.removeEventListener("loadingdone",this.update),this.smartUpdate&&clearTimeout(this.smartUpdate)}},{key:"componentDidUpdate",value:function(){if(a.default.Children.count(this.props.children)<a.default.Children.count(this.pastChildren)){var e=new Set,t={};a.default.Children.forEach(this.pastChildren,function(t,i){return t&&e.add(null===t.key?i:t.key)}),a.default.Children.forEach(this.props.children,function(i,n){if(i){var r=null===i.key?n:i.key;e.has(r)||(t[r]={})}}),this.recalculatePositions(null,t)}this.pastChildren=this.props.children,this.updateInternal()&&this.props.smartUpdate&&this.runSmartUpdate()}},{key:"runSmartUpdate",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;if(100===t&&this.smartUpdate)clearInterval(this.smartUpdate),this.smartUpdate=0;else if(this.smartUpdate)return;this.smartUpdate=setTimeout(function(){var i=!s.isServer&&void 0!==document.hidden&&document.hidden;if(i)var n=document.addEventListener("visibilitychange",function(){document.hidden||(document.removeEventListener("visibilitychange",n),e.runSmartUpdate(2*t))},!1);if(e.smartUpdate=0,e.updateInternal())return void e.runSmartUpdate();i||e.runSmartUpdate(2*t)},Math.min(t,this.props.smartUpdateCeil))}},{key:"getColumnsNumber",value:function(e){return Math.max(1,Math.round(e/this.props.targetBlockWidth))}},{key:"updateContainerWidth",value:function(){var e=s.isServer&&!this.container?this.props.width||999*this.props.targetBlockWidth:this.container?this.container.clientWidth:0;return e!==this.containerWidth&&e!==this.containerWidth+l&&(this.setState({columns:this.columns=this.getColumnsNumber(e),containerWidth:this.containerWidth=e,blocks:this.blocks={}}),!0)}},{key:"measureChildren",value:function(){if(!this.container)return!1;for(var e={},t=!1,i=0;i<this.container.children.length;i++){var n=this.container.children[i],r=n.hasAttribute("data-xkey"),o=n.getAttribute("data-key"),a=+n.getAttribute("data-width");(r||(this.blocks[o]||{}).height!==n.clientHeight||(this.blocks[o]||{}).width!==a)&&(e[o]={height:n.clientHeight},t||(t=!0))}return t&&this.recalculatePositions(e),t}},{key:"recalculatePositions",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=void 0,n=[],o=0;o<this.columns;++o)n.push(0);for(var a in this.blocks)this.blocks.hasOwnProperty(a)&&void 0===this.blocks[a]&&(null===t&&(t={}),t[a]={});if(t){for(var s in i={},this.blocks)this.blocks.hasOwnProperty(s)&&!t.hasOwnProperty(s)&&(i[s]=this.blocks[s]);for(var l in e)e.hasOwnProperty(l)&&!t.hasOwnProperty(l)&&(i[l]=e[l])}else i=r({},this.blocks,e);for(var c=0;c<this.container.children.length;c++){var d=this.container.children[c],p=d.getAttribute("data-key");if(i.hasOwnProperty(p)&&(!t||!t.hasOwnProperty(p))){var u=+d.getAttribute("data-width")||1,h=this.getBestFitColumn(n,u),f=h.col,m=h.height,y=m+i[p].height;i[p].left=this.containerWidth*f/this.columns,i[p].top=m,i[p].width=Math.min(u,this.columns);for(var g=0;g<u;++g)n[f+g]=y}}if(this.props.center&&0===n[n.length-1]){for(var b=1;0===n[n.length-1-b];++b);var x=this.containerWidth*b/this.columns/2;for(var v in i)i.hasOwnProperty(v)&&(i[v].left+=x)}this.setState({blocks:this.blocks=i,containerHeight:Math.max.apply(null,n)})}},{key:"render",value:function(){var e=this,i={},n=0,o=0===this.containerWidth?[]:this.props.children||[],l=a.default.Children.map(o,function(t,r){if(!t)return null;var o=null===t.key?r:t.key,l=e.blocks[o];return l||++n,i[o]=null,l?a.default.cloneElement(t,{"data-key":o,key:o,style:{left:Math.floor(l.left),top:l.top},measured:!0,height:l.height,parent:e}):a.default.cloneElement(t,{"data-key":o,"data-xkey":o,key:o,style:{visibility:s.isServer?"visible":"hidden"},height:0,parent:e})});for(var c in this.blocks)this.blocks.hasOwnProperty(c)&&!i.hasOwnProperty(c)&&(this.blocks[c]=void 0);var d=l.length-n>0||0===l.length?this.fixedHeight=this.state.containerHeight:this.fixedHeight,p=this.props,u=(p.center,p.maxColumns,p.responsive,p.smartUpdate,p.smartUpdateCeil,p.targetBlockWidth,p.updateOnImagesLoad,p.updateOnFontLoad,p.className),h=p.style,f=function(e,t){var i={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(i[n]=e[n]);return i}(p,["center","maxColumns","responsive","smartUpdate","smartUpdateCeil","targetBlockWidth","updateOnImagesLoad","updateOnFontLoad","className","style"]);return a.default.createElement("div",r({className:"xmasonry"+(s.isServer?" xmasonry-static":"")+(u?" "+u:""),style:r({},t.containerStyle,{height:s.isServer?void 0:d},h),ref:function(t){return e.container=t}},f),l)}}]),t}(a.default.Component);p.defaultProps={center:!0,maxColumns:s.isServer?3:1/0,responsive:!0,smartUpdate:!0,smartUpdateCeil:1/0,targetBlockWidth:300,updateOnFontLoad:!0,updateOnImagesLoad:!0},p.containerStyle={position:"relative"},t.default=p},function(e,t){function i(){throw Error("setTimeout has not been defined")}function n(){throw Error("clearTimeout has not been defined")}function r(e){if(c===setTimeout)return setTimeout(e,0);if((c===i||!c)&&setTimeout)return c=setTimeout,setTimeout(e,0);try{return c(e,0)}catch(t){try{return c.call(null,e,0)}catch(t){return c.call(this,e,0)}}}function o(){f&&u&&(f=!1,u.length?h=u.concat(h):m=-1,h.length&&a())}function a(){if(!f){var e=r(o);f=!0;for(var t=h.length;t;){for(u=h,h=[];++m<t;)u&&u[m].run();m=-1,t=h.length}u=null,f=!1,function(e){if(d===clearTimeout)return clearTimeout(e);if((d===n||!d)&&clearTimeout)return d=clearTimeout,clearTimeout(e);try{d(e)}catch(t){try{return d.call(null,e)}catch(t){return d.call(this,e)}}}(e)}}function s(e,t){this.fun=e,this.array=t}function l(){}var c,d,p=e.exports={};try{c="function"==typeof setTimeout?setTimeout:i}catch(e){c=i}try{d="function"==typeof clearTimeout?clearTimeout:n}catch(e){d=n}var u,h=[],f=!1,m=-1;p.nextTick=function(e){var t=Array(arguments.length-1);if(arguments.length>1)for(var i=1;i<arguments.length;i++)t[i-1]=arguments[i];h.push(new s(e,t)),1!==h.length||f||r(a)},s.prototype.run=function(){this.fun.apply(null,this.array)},p.title="browser",p.browser=!0,p.env={},p.argv=[],p.version="",p.versions={},p.on=l,p.addListener=l,p.once=l,p.off=l,p.removeListener=l,p.removeAllListeners=l,p.emit=l,p.prependListener=l,p.prependOnceListener=l,p.listeners=function(e){return[]},p.binding=function(e){throw Error("process.binding is not supported")},p.cwd=function(){return"/"},p.chdir=function(e){throw Error("process.chdir is not supported")},p.umask=function(){return 0}},function(e,t,i){"use strict";function n(e,t){if(!e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&("object"==typeof t||"function"==typeof t)?t:e}
1Object.defineProperty(t,"__esModule",{value:!0});var r,o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},a=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),s=(r=i(0))&&r.__esModule?r:{default:r},l=i(2),c=function(e){function t(){var e,i,r;if(!(this instanceof t))throw TypeError("Cannot call a class as a function");for(var o=arguments.length,a=Array(o),s=0;s<o;s++)a[s]=arguments[s];return i=r=n(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.divElement=null,r.placed=!1,n(r,i)}return function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}
1(t,e),a(t,[{key:"componentDidUpdate",value:function(){var e=this;if(!this.placed&&this.props.parent&&!this.props["data-xkey"]){this.placed=!0;var t=this.props.parent;requestAnimationFrame(function(){if(e.divElement){var i=Array.prototype.slice.call(e.divElement.querySelectorAll("img"));i.length>0&&t.props.updateOnImagesLoad&&i.forEach(function(e){return!e.complete&&e.addEventListener("load",t.update)}),e.props.height!==e.divElement.clientHeight&&t.update()}})}}},{key:"render",value:function(){var e=this,i=this.props,n=i.width,r=(i.height,i.measured),a=(i.parent,i.style),c=function(e,t){var i={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(i[n]=e[n]);return i}(i,["width","height","measured","parent","style"]),d=this.props.parent.columns,p=Math.min(n||1,d,this.props.parent.props.maxColumns);return a.width=Math.floor(p*this.props.parent.containerWidth/d),s.default.createElement("div",o({"data-width":p},c,{style:o({},a,t.defaultStyle),className:r?"xblock":l.isServer?"xblock xblock-static":"",ref:function(t){return e.divElement=t}}),this.props.children)}}]),t}(s.default.Component);c.defaultProps={width:1,measured:!1},c.defaultStyle={position:l.isServer?void 0:"absolute",boxSizing:"border-box"},t.default=c}];function i(e){if(n[e])return n[e].exports;var r=n[e]={i:e,l:!1,exports:{}};return t[e].call(r.exports,r,r.exports,i),r.l=!0,r.exports}var n={};return i.m=t,i.c=n,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=1)}(i(75834))},81010:(e,t,i)=>{"use strict";i.d(t,{A:()=>a});var n=i(26514);i(75834);var r=i(94042),o=i(62556);let a=e=>{let{tabActive:t}=e;return(0,n.jsx)(r.sB,{data:[{topBanner:{title:"Tout voir"},friendlyUrl:"/magazine",id:o.pZ.INDEX},{topBanner:{title:"Belles R\xe9alisations"},friendlyUrl:"/magazine/belles-realisations",id:o.pZ.BELLE_REALISATION},{topBanner:{title:"Inspirations d\xe9co"},friendlyUrl:"/magazine/inspiration-deco",id:o.pZ.INSPIRATION_DECO},{topBanner:{title:"Les tendances"},friendlyUrl:"/magazine/tendances",id:o.pZ.TENDANCE}],tabActive:t})}},83205:(e,t,i)=>{"use strict";i.d(t,{o:()=>p});var n=i(26514),r=i(75834),o=i(13742),a=i(17941),s=i(53460),l=i(96162),c=i(15250);let d=o.default.div.withConfig({componentId:"sc-7b5fca90-0"})(["background-color:",";box-shadow:0px 10px 54px 0px rgba(0,0,0,0.1);position:relative;display:block;box-sizing:border-box;a{display:flex;flex-direction:column;height:100%;width:100%;}.cell-text{color:",";padding:15px 30px 15px 30px;box-sizing:border-box;background-color:",";@media ","{padding:15px 19px;}}.cell-text--tag{display:block;margin-bottom:8px;color:",";font-size:1.125rem;@media ","{font-size:1rem;}}.cell-text--title{margin:0;font-family:",";font-size:1.375rem;line-height:1.575rem;@media ","{font-size:1rem;line-height:1.175rem;}&.cell-text--title-bigger{font-size:1.75rem;line-height:1.95rem;@media ","{font-size:1rem;line-height:1.175rem;}}}.cell-img{height:",";}"],a.Jy.white,a.Jy.charcoal,a.Jy.white,a.uk.tabletS,e=>e.color,a.uk.tabletS,a.vX.NunitoSansExtraBold,a.uk.tabletS,a.uk.tabletS,e=>e.imgSize),p=r.memo(e=>{let{url:t,color:i,title:r,tagName:o,imgSrc:a,imgSize:p,adaptative:u=!1,titleBigger:h,onClick:f}=e,m=parseInt(p.replace("px",""),10);return(0,n.jsx)(d,{color:i,imgSize:p,children:(0,n.jsxs)(c.m,{href:t,as:t,onClick:f,children:[(0,n.jsx)("div",{className:"cell-img",children:(0,n.jsx)(s.VI,{srcDesktop:a,alt:r,height:m,adaptativeContent:u})}),(0,n.jsxs)("div",{className:"cell-text",children:[(0,n.jsx)("span",{className:"cell-text--tag",children:o}),(0,n.jsx)("h2",{className:"cell-text--title ".concat(h&&"cell-text--title-bigger"),children:(0,n.jsx)(l.A,{lineDesktop:2,lineMobile:2,children:r})})]})]})})})},87888:(e,t,i)=>{"use strict";i.d(t,{Ay:()=>p,QA:()=>c,aH:()=>s});var n=i(26514);i(75834);var r=i(17941),o=i(13742);let a=o.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);r.Jy.dimGray;let s=e=>{let{color:t=r.Jy.dimGray,show:i=!0,width:o="3.75rem"}=e;return(0,n.jsx)(a,{color:t,width:o,className:"".concat(i?"show":""),children:(0,n.jsx)(d,{})})},l=o.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)(s,{...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:r.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:r.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:r.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=s},94042:(e,t,i)=>{"use strict";i.d(t,{oz:()=>u,sB:()=>h,tU:()=>d});var n=i(26514),r=i(75834),o=i(13742),a=i(17941),s=i(15250),l=i(80769);let c=o.default.div.withConfig({componentId:"sc-b112b41b-0"})(["text-align:center;.tabs-nav{margin:1vw auto 4vw;@media ","{margin:2rem auto 3rem;}.tabs-nav--list{width:auto;display:inline-flex;justify-content:center;align-items:center;padding:0;border-bottom:1px solid ",";white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{width:0 !important;height:0 !important;}@media ","{display:flex;justify-content:flex-start;overflow:auto;margin:0 -20px;padding:0 20px;}}}"],a.uk.tabletS,a.Jy.nobel,a.uk.tabletS);class d extends r.Component{handleTabClick(e){this.setState({activeTabIndex:e===this.state.activeTabIndex?this.state.activeTabIndex:e})}renderChildrenWithTabsApiAsProps(){return r.Children.map(this.props.children,(e,t)=>r.cloneElement(e,{onClick:this.handleTabClick,tabIndex:t,isActive:t===this.state.activeTabIndex}))}renderActiveTabContent(){if(void 0!==this.state.activeTabIndex){let{children:e}=this.props,{activeTabIndex:t}=this.state;if(null!=e&&e[t])return e[t].props.children}}render(){return(0,n.jsxs)(c,{className:"tabs",children:[(0,n.jsx)("div",{className:"tabs-nav nav",children:(0,n.jsx)("ul",{className:"tabs-nav--list",children:this.renderChildrenWithTabsApiAsProps()})}),(0,n.jsx)("div",{className:"tabs-active-content",children:this.renderActiveTabContent()})]})}constructor(e){super(e),this.state={activeTabIndex:0},this.handleTabClick=this.handleTabClick.bind(this)}}let p=o.default.li.withConfig({componentId:"sc-b112b41b-1"})(["display:block;.tab-link{padding:1rem 2vw;box-sizing:border-box;position:relative;display:block;font-family:",";color:currentColor;cursor:pointer;h2{font-size:initial;margin:0;}@media ",'{padding:1rem 20px;}&:after{content:"";display:block;width:0;height:0;position:absolute;left:0;bottom:0;border-bottom:4px solid ',";transition:all 0.2s ease-in;}&:hover{:after{width:100%;}}&.active{pointer-events:none;&:after{width:100%;}}&.no-link{pointer-events:none;}}"],a.vX.NunitoSansExtraBold,a.uk.tablet,a.Jy.charcoal),u=e=>{let{onClick:t,tabIndex:i,isActive:r,label:o,linkClassName:a}=e;return(0,n.jsx)(p,{className:"tab",children:(0,n.jsx)("a",{className:"tab-link ".concat(a," ").concat(r?"active":""),onClick:e=>{e.preventDefault(),t(i)},children:"achats"===a||"SAV"===a||"magasins"===a||"site"===a?(0,n.jsxs)("h2",{children:[o," "]}):o})})},h=e=>{let{data:t,rootPath:i="",tabActive:r}=e;return(0,n.jsx)(c,{className:"tabs",children:(0,n.jsx)("div",{className:"tabs-nav nav",children:(0,n.jsx)("ul",{className:"tabs-nav--list",children:t.map((e,t)=>{let o=r===(e.id||e.friendlyUrl);return(0,n.jsx)(p,{className:"tab",children:(0,n.jsx)(s.m,{href:o?"":i+e.friendlyUrl,className:"tab-link ".concat(o?"active":""," ").concat(""===e.friendlyUrl?"no-link":""),onClick:t=>e.id&&(0,l.iw)("Navigation","Hub ".concat(e.id,"_filtres"),e.id),children:e.topBanner.title})},t)})})})})}},96162:(e,t,i)=>{"use strict";i.d(t,{A:()=>f});var n=i(26514),r=i(75834),o=i(13742),a=i(96157),s=i(60900),l=i(17941),c=i(36756);let d=i(39760),p=(0,s.Bd)()?Promise.all(l.Jc.map(e=>new d(e).load().then(()=>!0).catch(()=>!1))).then(e=>e.every(Boolean)):Promise.resolve(!0),u=o.default.div.withConfig({componentId:"sc-dc7671ff-0"})(["overflow:hidden;display:inline-block;display:-webkit-box;-webkit-line-clamp:",";-webkit-box-orient:vertical;"],e=>{let{lines:t}=e;return t}),h=!1;function f(e){let{lineMobile:t,lineDesktop:i,children:o}=e,s=(0,a.Pj)(c.Fr),[l,d]=(0,r.useState)(Math.max(t,i)),[f,m]=(0,r.useState)(null),y=(0,r.useRef)(null);function g(){let{current:e}=y;if(e){if(void 0!==e.style.webkitLineClamp){h=!0;return}cancelAnimationFrame(f),m(requestAnimationFrame(()=>{let{current:e}=y;if(!e)return;let t=e.firstChild,i=o;t.innerText=i;let n=e.offsetHeight;for(;t.offsetHeight>n;){let e=i.lastIndexOf(" ");if(-1===e)break;t.innerText=i=i.slice(0,e)}}))}}return(0,r.useEffect)(()=>{s&&d(t);let e=c.Fr.subscribe(e=>{d(e?t:i)});return h||(p.then(g),window.addEventListener("resize",g)),()=>{e(),h||window.removeEventListener("resize",g)}},[]),(0,r.useEffect)(g,[o,y.current,l]),(0,n.jsx)(u,{ref:y,lines:l,children:(0,n.jsx)("span",{children:o})})}}}]);
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.