https://cdn.beachcomber-hotels.com/v9/_next/static/chunks/8540.a47760035773690a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8540],{68540:function(e,n,t){t.r(n);var r=t(85893),i=t(46066),o=t(67294),l=t(41664),a=t.n(l),c=t(11163),s=t(5152);function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function d(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){d(e,n,t[n])}))}return e}function m(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o=[],l=!0,a=!1;try{for(t=t.call(e);!(l=(r=t.next()).done)&&(o.push(r.value),!n||o.length!==n);l=!0);}catch(c){a=!0,i=c}finally{try{l||null==t.return||t.return()}finally{if(a)throw i}}return o}}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return u(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var h=t.n(s)()((function(){return t.e(5793).then(t.bind(t,45793))}),{loadableGenerated:{webpack:function(){return[45793]}}});n.default=function(e){var n,t,l,s,u=e.styles,d=e.data,v=e.loadOnVisible,b=void 0===v||v,g=e.threshold,w=void 0===g?.1:g,p=(0,c.useRouter)(),y=(0,o.useState)(!b),_=y[0],k=y[1],j=(0,o.useState)(null),x=j[0],S=j[1],N=(0,o.useRef)(null),O=(0,o.useRef)([]),A=(null===d||void 0===d||null===(n=d.meta)||void 0===n||null===(t=n.layout)||void 0===t?void 0:t.field_article_category)||[],T=(null===d||void 0===d||null===(l=d.meta)||void 0===l||null===(s=l.layout)||void 0===s?void 0:s.field_title)||"",E=(0,o.useMemo)((function(){return A.length<=4?A.length:4}),[A]);(0,o.useEffect)((function(){if(b&&N.current){var e=new IntersectionObserver((function(e){m(e,1)[0].isIntersecting&&!_&&k(!0)}),{threshold:w,rootMargin:"50px"});return e.observe(N.current),function(){N.current&&e.unobserve(N.current)}}}),[b,w,_]),(0,o.useEffect)((function(){var e;if(_){var n,t,r,i=!0,o=function(){var e=0,n=0;O.current.forEach((function(t){if(t){var r=t.getBoundingClientRect().height,i=parseFloat(window.getComputedStyle(t).lineHeight);e=Math.max(e,r),n=Math.max(n,i)}})),i&&S(e>n+1?Math.ceil(e):null)},l=function(){window.cancelAnimationFrame(n),window.cancelAnimationFrame(t),window.clearTimeout(r),n=window.requestAnimationFrame((function(){t=window.requestAnimationFrame(o)})),r=window.setTimeout(o,150)};l(),window.addEventListener("resize",l);var a="undefined"!==typeof ResizeObserver&&N.current?new ResizeObserver(l):null;return null===a||void 0===a||a.observe(N.current),(null===(e=document.fonts)||void 0===e?void 0:e.ready)&&document.fonts.ready.then(l),function(){i=!1,window.cancelAnimationFrame(n),window.cancelAnimationFrame(t),window.clearTimeout(r),window.removeEventListener("resize",l),null===a||void 0===a||a.disconnect()}}}),[_,A.length]);var M=(0,o.useMemo)((function(){return{dots:!0,arrows:!1,infinite:A.length>E,speed:500,slidesToShow:E,slidesToScroll:1,autoplay:!1,variableWidth:!1,autoplaySpeed:3e3,responsive:[{breakpoint:1024,settings:{slidesToShow:Math.min(3,A.length),slidesToScroll:1}},{breakpoint:600,settings:{slidesToShow:1,slidesToScroll:1}}]}}),[A,E]);return 0===A.length?null:(0,r.jsxs)("div",{className:"".concat(u["block-categories"]," block-slider--with-normal-pagination block-slider--with-normal-pagination-alto-bullet"),style:x?{"--block-category-title-height":"".concat(x,"px")}:void 0,children:[(0,r.jsx)("div",{className:"".concat(u["heading-2"]," ").concat(u["block-categories__heading"]),children:T}),(0,r.jsx)("div",{ref:N,className:"".concat(u["block-categories__inner"]," ").concat(_?"":u["block-categories--invisible"]),children:_&&(0,r.jsx)("div",{className:"".concat(u["block-custom--container-1690"]," slick-cu

1stom"),children:(0,r.jsx)(i.Z,f({},M,{className:"".concat(u["block-slider"]),children:A.map((function(e,n){var t=e||{},i=t.title,o=t.url,l=t.field_summary,c=t.field_images_desktop,s=t.field_images_mobile;return(0,r.jsx)("div",{className:u["block-slider__item"],children:(0,r.jsxs)("div",{className:u["block-slider__wrapper"],onClick:function(){return p.push(o||"#")},children:[(0,r.jsx)("div",{className:u["block-slider__title"],children:(0,r.jsx)("span",{ref:function(e){O.current[n]=e},children:i.split(" : ")[1]||i})}),(0,r.jsxs)("div",{className:u["block-slider__image"],children:[(0,r.jsx)(h,{desktopImage:c,mobileImage:s,alt:(null===c||void 0===c?void 0:c.alt)||""}),(0,r.jsxs)("div",{className:"".concat(u["block-slider__content--hidden"]),children:[(0,r.jsx)("div",{className:u["block-slider__desc"],dangerouslySetInnerHTML:{__html:l}}),(0,r.jsx)("div",{className:u["link-category-with-bullet"],onClick:function(e){return e.stopPropagation()},children:(0,r.jsx)(a(),{href:o,children:"Read articles"})})]})]})]})},n)}))}))})})]})}}}]);