https://mix.com/_next/static/chunks/pages/announcements-974aea71609d4eb6.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="77b27957-c34b-5786-af5b-617465ca5ac1")}catch(e){}}();
3!function(){try{var t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},e=(new t.Error).stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="b9670046-b67c-46ad-921f-7a08f121d1cf",t._sentryDebugIdIdentifier="sentry-dbid-b9670046-b67c-46ad-921f-7a08f121d1cf")}catch(t){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5496],{16490:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/announcements",function(){return n(55131)}])},55131:function(t,e,n){"use strict";n.r(e);var r=n(85893),i=n(67294),o=n(8464),a=n(42492),s=n(5678),l=n(92528),u=n(16535),c=n(93204),d=n(23383),h=n(15265);let p=t=>t>=1280?4:t>=1024?3:t>=640?2:1,f=[{key:"inspiration",card:(0,r.jsx)(c.Es,{variant:"index"})},{key:"collections",card:(0,r.jsx)(d.aI,{variant:"index"})}];e.default=()=>{let t=(0,l.Z)().publicRuntimeConfig.baseUrl,[e,n]=(0,i.useState)(!1),{width:c}=(0,s.iP)(),d=p(c);return(0,i.useEffect)(()=>{n(!0)},[]),(0,h.UO)({isUrlActionsEnabled:!1,isGridActionsEnabled:!1,isTitleEnabled:!1,isDisabled:!1}),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.N,{title:"".concat(u.tm," — Mix"),description:u.hG,permalink:"".concat(t).concat(u.DY)}),(0,r.jsxs)("div",{className:"w-full p-16",children:[(0,r.jsxs)("header",{className:"mb-6",children:[(0,r.jsx)("h1",{className:"text-2xl font-bold text-primary",children:u.tm}),(0,r.jsx)("p",{className:"mt-1 text-sm text-primary/50",children:u.hG})]}),e?(0,r.jsx)(o.XMasonry,{smartUpdate:!0,targetBlockWidth:Math.max(c-128,320)/d,responsive:!1,center:!1,children:f.map(t=>{let{key:e,card:n}=t;return(0,r.jsx)(o.XBlock,{children:(0,r.jsx)("div",{className:"h-fit p-2",children:n})},e)})}):(0,r.jsx)("ul",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",children:f.map(t=>{let{key:e,card:n}=t;return(0,r.jsx)("li",{className:"h-fit",children:n},e)})})]})]})}},8464:function(t,e,n){var r;"undefined"!=typeof self&&self,r=function(t){return function(t){function e(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=1)}([function(e,n){e.exports=t},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0}),e.XBlock=e.XMasonry=void 0;var i=r(n(3)),o=r(n(5));e.XMasonry=i.default,e.XBlock=o.default},function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0}),e.debounce=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:45,n=0;return function(){0!==n&&clearTimeout(n),n=setTimeout(function(){n=0,t()},e)}},e.isServer="false"!==((t||{}).env||{}).REACT_XMASONRY_SSR_ENABLED&&!("undefined"!=typeof document&&"undefined"!=typeof window)}).call(e,n(4))},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r,i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},o=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),a=(r=n(0))&&r.__esModule?r:{default:r},s=n(2),l=0,u=!1,c=function t(){if(!s.isServer){if(!document.body)return void document.addEventListener("DOMContentLoaded",t);var e=document.createElement("div");e.style.overflow="scroll",e.style.height=e.style.width="200px",e.style.visibility="hidden",e.style.padding=e.style.margin=e.style.border=0,document.body.appendChild(e),l=e.offsetWidth-e.clientWidth||0,u=!0,document.body.removeChild(e)}},d=function(t){function e(t){!function(t,e){if(!(t instanceof e))throw TypeError("Cannot call a class as a function")}(this,e);var n=function(t,e){if(!t)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&("object"==typeof e||"function"==typeof e)?e:t}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return n.state={blocks:{},containerHeight:0,columns:1,containerWidth:0},n.pastChildren=0,n.columns=n.state.columns,n.blocks=n.state.blocks,n.container=null,n.debouncedResize=(0,s.debounce)(n.updateContainerWidth.bind(n)),n.fixedHeight=0,n.containerWidth=n.state.containerWidth,n.update=n.updateInternal.bind(n),n.smartUpdate=0,u||c(),n.props.responsive&&!s.isServer&&window.addEventListener("resize",n.debouncedResize),!s.isServer&&n.props.updateOnFontLoad&&document.fonts&&document.fonts.addEventListener&&document.fonts.addEventListener("loadingdone",n.update),s.isServer&&(n.state.containerWidth=n.containerWidth=n.props.width||999*n.props.targetBlockWidth,n.columns=n.getColumnsNumber(n.state.containerWidth)),n.pastChildren=t.children,n}return function(t,e){if("function"!=typeof e&&null!==e)throw TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),o(e,[{key:"getBestFitColumn",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=Math.min(t.length-e+1,this.props.maxColumns-e+1),r=0,i=1/0,o=0;o<n;++o){var a=Math.max.apply(null,t.slice(o,o+e));a<i&&(i=a,r=o)}return{col:r,height:i}}}]),o(e,[{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 t=new Set,e={};

3a.default.Children.forEach(this.pastChildren,function(e,n){return e&&t.add(null===e.key?n:e.key)}),a.default.Children.forEach(this.props.children,function(n,r){if(n){var i=null===n.key?r:n.key;t.has(i)||(e[i]={})}}),this.recalculatePositions(null,e)}this.pastChildren=this.props.children,this.updateInternal()&&this.props.smartUpdate&&this.runSmartUpdate()}},{key:"runSmartUpdate",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;if(100===e&&this.smartUpdate)clearInterval(this.smartUpdate),this.smartUpdate=0;else if(this.smartUpdate)return;this.smartUpdate=setTimeout(function(){var n=!s.isServer&&void 0!==document.hidden&&document.hidden;if(n)var r=document.addEventListener("visibilitychange",function(){document.hidden||(document.removeEventListener("visibilitychange",r),t.runSmartUpdate(2*e))},!1);if(t.smartUpdate=0,t.updateInternal())return void t.runSmartUpdate();n||t.runSmartUpdate(2*e)},Math.min(e,this.props.smartUpdateCeil))}},{key:"getColumnsNumber",value:function(t){return Math.max(1,Math.round(t/this.props.targetBlockWidth))}},{key:"updateContainerWidth",value:function(){var t=s.isServer&&!this.container?this.props.width||999*this.props.targetBlockWidth:this.container?this.container.clientWidth:0;return t!==this.containerWidth&&t!==this.containerWidth+l&&(this.setState({columns:this.columns=this.getColumnsNumber(t),containerWidth:this.containerWidth=t,blocks:this.blocks={}}),!0)}},{key:"measureChildren",value:function(){if(!this.container)return!1;for(var t={},e=!1,n=0;n<this.container.children.length;n++){var r=this.container.children[n],i=r.hasAttribute("data-xkey"),o=r.getAttribute("data-key"),a=+r.getAttribute("data-width");(i||(this.blocks[o]||{}).height!==r.clientHeight||(this.blocks[o]||{}).width!==a)&&(t[o]={height:r.clientHeight},e||(e=!0))}return e&&this.recalculatePositions(t),e}},{key:"recalculatePositions",value:function(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=void 0,r=[],o=0;o<this.columns;++o)r.push(0);for(var a in this.blocks)this.blocks.hasOwnProperty(a)&&void 0===this.blocks[a]&&(null===e&&(e={}),e[a]={});if(e){for(var s in n={},this.blocks)this.blocks.hasOwnProperty(s)&&!e.hasOwnProperty(s)&&(n[s]=this.blocks[s]);for(var l in t)t.hasOwnProperty(l)&&!e.hasOwnProperty(l)&&(n[l]=t[l])}else n=i({},this.blocks,t);for(var u=0;u<this.container.children.length;u++){var c=this.container.children[u],d=c.getAttribute("data-key");if(n.hasOwnProperty(d)&&(!e||!e.hasOwnProperty(d))){var h=+c.getAttribute("data-width")||1,p=this.getBestFitColumn(r,h),f=p.col,m=p.height,v=m+n[d].height;n[d].left=this.containerWidth*f/this.columns,n[d].top=m,n[d].width=Math.min(h,this.columns);for(var y=0;y<h;++y)r[f+y]=v}}if(this.props.center&&0===r[r.length-1]){for(var b=1;0===r[r.length-1-b];++b);var g=this.containerWidth*b/this.columns/2;for(var k in n)n.hasOwnProperty(k)&&(n[k].left+=g)}this.setState({blocks:this.blocks=n,containerHeight:Math.max.apply(null,r)})}},{key:"render",value:function(){var t=this,n={},r=0,o=0===this.containerWidth?[]:this.props.children||[],l=a.default.Children.map(o,function(e,i){if(!e)return null;var o=null===e.key?i:e.key,l=t.blocks[o];return l||++r,n[o]=null,l?a.default.cloneElement(e,{"data-key":o,key:o,style:{left:Math.floor(l.left),top:l.top},measured:!0,height:l.height,parent:t}):a.default.cloneElement(e,{"data-key":o,"data-xkey":o,key:o,style:{visibility:s.isServer?"visible":"hidden"},height:0,parent:t})});for(var u in this.blocks)this.blocks.hasOwnProperty(u)&&!n.hasOwnProperty(u)&&(this.blocks[u]=void 0);var c=l.length-r>0||0===l.length?this.fixedHeight=this.state.containerHeight:this.fixedHeight,d=this.props,h=(d.center,d.maxColumns,d.responsive,d.smartUpdate,d.smartUpdateCeil,d.targetBlockWidth,d.updateOnImagesLoad,d.updateOnFontLoad,d.className),p=d.style,f=function(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}(d,["center","maxColumns","responsive","smartUpdate","smartUpdateCeil","targetBlockWidth","updateOnImagesLoad","updateOnFontLoad","className","style"]);return a.default.createElement("div",i({className:"xmasonry"+(s.isServer?" xmasonry-static":"")+(h?" "+h:""),style:i({},e.containerStyle,{height:s.isServer?void 0:c},p),ref:function(e){return t.container=e}},f),l)}}]),e}(a.default.Component);d.defaultProps={center:!0,maxColumns:s.isServer?3:1/0,responsive:!0,smartUpdate:!0,smartUpdateCeil:1/0,targetBlockWidth:300,updateOnFontLoad:!0,updateOnImagesLoad:!0},d.containerStyle={position:"relative"},e.default=d},function(t,e){function n(){throw Error("setTimeout has not been defined")}function r(){throw Error("clearTimeout has not been defined")}function i(t){if(u===setTimeout)return setTimeout(t,0);if((u===n||!u)&&setTimeout)return u=setTimeout,setTimeout(t,0);try{return u(t,0)}catch(e){try{return u.call(null,t,0)}catch(e){return u.call(this,t,0)}}}function o(){f&&h&&(f=!1,h.length?p=h.concat(p):m=-1,p.length&&a())}function a(){if(!f){var t=i(o);f=!0;for(var e=p.length;e;){for(h=p,p=[];++m<e;)h&&h[m].run();m=-1,e=p.length}h=null,f=!1,function(t){if(c===clearTimeout)return clearTimeout(t);if((c===r||!c)&&clearTimeout)return c=clearTimeout,clearTimeout(t);try{c(t)}catch(e){try{return c.call(null,t)}catch(e){return c.call(this,t)}}}(t)}}function s(t,e){this.fun=t,this.array=e}function l(){}var u,c,d=t.exports={};!function(){try{u="function"==typeof setTimeout?setTimeout:n}catch(t){u=n}try{c="function"==typeof clearTimeout?clearTimeout:r}catch(t){c=r}}();var h,p=[],f=!1,m=-1;d.nextTick=function(t){var e=Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];

3p.push(new s(t,e)),1!==p.length||f||i(a)},s.prototype.run=function(){this.fun.apply(null,this.array)},d.title="browser",d.browser=!0,d.env={},d.argv=[],d.version="",d.versions={},d.on=l,d.addListener=l,d.once=l,d.off=l,d.removeListener=l,d.removeAllListeners=l,d.emit=l,d.prependListener=l,d.prependOnceListener=l,d.listeners=function(t){return[]},d.binding=function(t){throw Error("process.binding is not supported")},d.cwd=function(){return"/"},d.chdir=function(t){throw Error("process.chdir is not supported")},d.umask=function(){return 0}},function(t,e,n){"use strict";function r(t,e){if(!t)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&("object"==typeof e||"function"==typeof e)?e:t}Object.defineProperty(e,"__esModule",{value:!0});var i,o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},a=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),s=(i=n(0))&&i.__esModule?i:{default:i},l=n(2),u=function(t){function e(){var t,n,i;!function(t,e){if(!(t instanceof e))throw TypeError("Cannot call a class as a function")}(this,e);for(var o=arguments.length,a=Array(o),s=0;s<o;s++)a[s]=arguments[s];return n=i=r(this,(t=e.__proto__||Object.getPrototypeOf(e)).call.apply(t,[this].concat(a))),i.divElement=null,i.placed=!1,r(i,n)}return function(t,e){if("function"!=typeof e&&null!==e)throw TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),a(e,[{key:"componentDidUpdate",value:function(){var t=this;if(!this.placed&&this.props.parent&&!this.props["data-xkey"]){this.placed=!0;var e=this.props.parent;requestAnimationFrame(function(){if(t.divElement){var n=Array.prototype.slice.call(t.divElement.querySelectorAll("img"));n.length>0&&e.props.updateOnImagesLoad&&n.forEach(function(t){return!t.complete&&t.addEventListener("load",e.update)}),t.props.height!==t.divElement.clientHeight&&e.update()}})}}},{key:"render",value:function(){var t=this,n=this.props,r=n.width,i=(n.height,n.measured),a=(n.parent,n.style),u=function(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}(n,["width","height","measured","parent","style"]),c=this.props.parent.columns,d=Math.min(r||1,c,this.props.parent.props.maxColumns);return a.width=Math.floor(d*this.props.parent.containerWidth/c),s.default.createElement("div",o({"data-width":d},u,{style:o({},a,e.defaultStyle),className:i?"xblock":l.isServer?"xblock xblock-static":"",ref:function(e){return t.divElement=e}}),this.props.children)}}]),e}(s.default.Component);u.defaultProps={width:1,measured:!1},u.defaultStyle={position:l.isServer?void 0:"absolute",boxSizing:"border-box"},e.default=u}])},t.exports=r(n(67294))}},function(t){t.O(0,[2888,9774,179],function(){return t(t.s=16490)}),_N_E=t.O()}]);
4//# sourceMappingURL=announcements-974aea71609d4eb6.js.map
5//# debugId=77b27957-c34b-5786-af5b-617465ca5ac1