https://www.greenpeace.org.au/wp-content/themes/planet4-master-the…/CarouselHeaderScript.js?ver=1790754272

1!function(){"use strict";var e,t,r,n,o={5338:function(e,t,r){var n=r(5795);t.H=n.createRoot,t.c=n.hydrateRoot},5795:function(e){e.exports=window.ReactDOM}},a={};function c(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,c),r.exports}function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function i(e){var t=function(e,t){if("object"!=l(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==l(t)?t:t+""}function s(e,t,r){return(t=i(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}c.m=o,t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},c.t=function(r,n){if(1&n&&(r=this(r)),8&n)return r;if("object"==typeof r&&r){if(4&n&&r.__esModule)return r;if(16&n&&"function"==typeof r.then)return r}var o=Object.create(null);c.r(o);var a={};e=e||[null,t({}),t([]),t(t)];for(var l=2&n&&r;("object"==typeof l||"function"==typeof l)&&!~e.indexOf(l);l=t(l))Object.getOwnPropertyNames(l).forEach(function(e){a[e]=function(){return r[e]}});return a.default=function(){return r},c.d(o,a),o},c.d=function(e,t){for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.f={},c.e=function(e){return Promise.all(Object.keys(c.f).reduce(function(t,r){return c.f[r](e,t),t},[]))},c.u=function(e){return e+".js"},c.miniCssF=function(e){},c.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r={},n="planet4-master-theme:",c.l=function(e,t,o,a){if(r[e])r[e].push(t);else{var l,i;if(void 0!==o)for(var s=document.getElementsByTagName("script"),u=0;u<s.length;u++){var p=s[u];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")==n+o){l=p;break}}l||(i=!0,(l=document.createElement("script")).charset="utf-8",c.nc&&l.setAttribute("nonce",c.nc),l.setAttribute("data-webpack",n+o),l.src=e),r[e]=[t];var d=function(t,n){l.onerror=l.onload=null,clearTimeout(f);var o=r[e];if(delete r[e],l.parentNode&&l.parentNode.removeChild(l),o&&o.forEach(function(e){return e(n)}),t)return t(n)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=d.bind(null,l.onerror),l.onload=d.bind(null,l.onload),i&&document.head.appendChild(l)}},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e;c.g.importScripts&&(e=c.g.location+"");var t=c.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var n=r.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=r[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),c.p=e}(),function(){var e={4859:0};c.f.j=function(t,r){var n=c.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(function(r,o){n=e[t]=[r,o]});r.push(n[2]=o);var a=c.p+c.u(t),l=new Error;c.l(a,function(r){if(c.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",l.name="ChunkLoadError",l.type=o,l.request=a,n[1](l)}},"chunk-"+t,t)}};var t=function(t,r){var n,o,a=r[0],l=r[1],i=r[2],s=0;if(a.some(function(t){return 0!==e[t]})){for(n in l)c.o(l,n)&&(c.m[n]=l[n]);if(i)i(c)}for(t&&t(r);s<a.length;s++)o=a[s],c.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self.webpackChunkplanet4_master_theme=self.webpackChunkplanet4_master_theme||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}();var u=window.React;const{useEffect:p}

1=wp.element,{useEffect:d,useState:f,useCallback:m,useRef:b}=wp.element,y="active",h=(e,t,r,n,o,a,l)=>{const[i,s]=f(n),[u,h]=f(0),[g,v]=f(!1),[O,w]=f(!0),E=b(null);l=l||{enterTransitionClasses:{next:"enter-from-end",prev:"enter-from-start"},exitTransitionClasses:{next:"exit-to-start",prev:"exit-to-end"}};const j=m(()=>{s(!i)},[i]),S=m(()=>{s(!1)},[]),P=m(e=>{let r=e<u?"prev":"next";return 0===e&&u===t-1?r="next":0===u&&e===t-1&&(r="prev"),r},[u,t]),N=m(e=>{if(!r||!r.current)return;const t=r.current;window.matchMedia("(max-width: 991px)").matches?t.querySelectorAll(".carousel-inner, .carousel-item-mask").forEach(t=>t.style.height=(e=>{const t=e.querySelector(".carousel-item-mask .background-holder").offsetHeight,r=e.querySelector(".carousel-caption"),n=Math.min(0,parseFloat(getComputedStyle(r).marginTop)||0);return`${t+r.offsetHeight+n}px`})(e)):t.querySelectorAll(".carousel-inner, .carousel-item-mask").forEach(e=>e.style.height=null)},[r]),k=m(e=>{if("Tab"!==e.key||e.shiftKey)return;const t=e.target.closest(".carousel-item");if(!t)return;const r="H2"===e.target.tagName,n=t.querySelector(".action-button a");if(r&&n)return;const o=a.current.querySelector("li.active button");o&&(e.preventDefault(),o.focus(),document.removeEventListener("keydown",k))},[a]),T=m(({newSlide:t,forceCurrentSlide:r=!1,fromTab:n=!1})=>{if(!e.current||!O)return;const o=e.current[t],a=e.current[u];if(o&&a&&!g){v(!0);const e=P(t),c=l.enterTransitionClasses[e],i=l.exitTransitionClasses[e];if(N(o),a.classList.add(i),o.classList.add(c),n){const e=o.querySelector("h2");e&&(e.focus(),document.addEventListener("keydown",k))}const s=()=>{a.removeEventListener("transitionend",s),a.classList.remove(i),a.classList.remove(y),o.classList.remove(c),o.classList.add(y),h(t),v(!1)};a.addEventListener("transitionend",s),r&&s()}},[u,P,l,g,N,e,k,O]),x=m((e=!1)=>{T({newSlide:u-1<0?t-1:u-1,fromTab:e})},[u,t,T]),_=m((e=!1)=>{T({newSlide:u+1>=t?0:u+1,fromTab:e})},[u,t,T]);return((e,t,r,n=!1)=>{const o="rtl"===document.querySelector("html").dir;p(()=>{if(n||null==e||!e.current)return;let a;return(async()=>{const{default:n}=await c.e(7168).then(c.t.bind(c,7168,23)),l=new n(e.current,{recognizers:[]});a=new n.Manager(l.element);const i=new n.Swipe;i.set({direction:n.DIRECTION_HORIZONTAL}),a.add(i),a.on("swipeleft",o?r:t),a.on("swiperight",o?t:r)})(),()=>{a&&(a.off("swipeleft",o?r:t),a.off("swiperight",o?t:r))}},[e,t,r,n,o])})(r,_,x),d(()=>{if(!r||!r.current)return;const t=e.current[u];return t&&(N(t),window.addEventListener("resize",()=>N(t))),()=>window.removeEventListener("resize",()=>N(t))},[u,N,r,e]),d(()=>{if(i&&t>1)return E.current&&clearTimeout(E.current),E.current=setTimeout(()=>_(),5e3),()=>clearTimeout(E.current);E.current&&clearTimeout(E.current)},[t,i,E,_]),d(()=>{if(null==r||!r.current||!n)return;const e=new IntersectionObserver(([e])=>{w(e.isIntersecting)},{root:null,threshold:.1});return e.observe(r.current),()=>{e.disconnect()}},[n,r,i]),{totalSlides:t,currentSlide:u,goToSlide:T,goToNextSlide:_,goToPrevSlide:x,handleAutoplay:j,setCurrentSlide:h,setAutoplay:s,setCarouselHeight:N,autoplay:i,headingsRef:o,indicatorsRef:a,isIntersecting:O,handleUserInteraction:S}},{forwardRef:g,useMemo:v}=wp.element,O=g(({children:e,active:t,focusable:r,handleUserInteraction:n},o)=>v(()=>(0,u.createElement)("li",{className:"carousel-item "+(t?"active":""),tabIndex:r?0:-1,"aria-hidden":!r||void 0,inert:r?void 0:"true",ref:o,role:"tabpanel",onFocus:e=>{e.preventDefault(),e.stopPropagation(),n()}},(0,u.createElement)("div",{className:"carousel-item-mask"},e)),[e,t,r,n,o]));function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}const{useMemo:E,forwardRef:j,useRef:S}=wp.element,{__:P,sprintf:N}=wp.i18n,k=j(({goToPrevSlide:e=()=>{},goToNextSlide:t=()=>{},goToSlide:r=()=>{},handleAutoplay:n=()=>{},setAutoplay:o=()=>{},currentSlide:a=null,slides:c=null,autoplay:l,autoplayToggle:i},p)=>{const d=S();return E(()=>(0,u.createElement)(u.Fragment,null,(0,u.createElement)("div",{className:"carousel-indicators-wrapper"},(0,u.createElement)("div",{className:"container"},i&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)("button",{"aria-label":P("Autoplay","planet4-master-theme"),className:"carousel-autoplay-control "+(l?"stop":"play"),onClick:n,"aria-pressed":l?"true":"false"}),(0,u.createElement)("div",{className:"visually-hidden","aria-live":"polite"},P(l?"Slide resumed":"Slide paused","planet4-master-theme"))),(0,u.createElement)("ol",{className:"carousel-indicators",tabIndex:-1,ref:p},c.map((e,t)=>(0,u.createElement)("li",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?w(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({key:t},t===a?{className:"active"}:{}),(0,u.createElement)("button",{onClick:e=>{o(!1),e.target===document.activeElement&&e.preventDefault(),t!==a&&r({newSlide:t,fromTab:e.target===document.activeElement})},tabIndex:0,"aria-label":N(P("Go to %s","planet4-master-theme"),c[t].header||N(P("slide %d","planet4-master-theme"),t+1))})))))),(0,u.createElement)("nav",{"aria-label":P("Greenpeace highlights carousel controls","planet4-master-theme"),ref:d},(0,u.createElement)("button",{className:"carousel-control-prev",onClick:t=>{e(t.target===document.activeElement),o(!1)},"aria-label":N(P("Go to previous slide %s","planet4-master-theme"),c[a-1]&&c[a-1].header?c[a-1].header:c[c.length-1].header)},(0,u.createElement)("span",{className:"carousel-control-prev-icon","aria-hidden":"true"},(0,u.createElement)("i",null)),(0,u.createElement)("span",{className:"visually-hidden"},P("Previous","planet4-master-theme"))),(0,u.createElement)("button",{className:"carousel-control-next",onClick:e=>{t(e.target===document.activeElement),o(!1)},"aria-label":N(P("Go to next slide %s","planet4-master-theme"),c[a+1]&&c[a+1].header?c[a+1].header:c[0].header)},(0,u.createElement)("span",{className:"carousel-control-next-icon","aria-hidden":"true"},(0,u.createElement)("i",null)),(0,u.createElement)("span",{className:"visually-hidden"},P("Next","planet4-master-theme")))),!l&&(0,u.createElement)("div",{"aria-live":"polite","aria-atomic":"true",className:"visually-hidden"},N(P("Slide %d","planet4-master-theme"),a+1))),[a,o,i,l,c,p,d,e,t,r,n])});function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}const x=({slide:e,decoding:t})=>{const{image_url:r,image_srcset:n,focal_points:o,image_alt:a}=e;return(0,u.createElement)("div",{className:"background-holder"},(0,u.createElement)("img",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({src:r,style:{objectPosition:`${100*((null==o?void 0:o.x)||.5)}% ${100*((null==o?void 0:o.y)||.5)}%`},srcSet:n,alt:a},t?{decoding:"async"}:{})))};function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}const{useMemo:C,forwardRef:A}=wp.element,I=A(({slide:e,focusable:t},r)=>C(()=>{return(0,u.createElement)("div",{className:"carousel-caption"},(0,u.createElement)("div",{className:"caption-overlay"}),(0,u.createElement)("div",{className:"container main-header"},(0,u.createElement)("div",{className:"carousel-captions-wrapper"},(0,u.createElement)("h2",{ref:r,tabIndex:t?0:-1},(0,u.createElement)("span",{className:"carousel-heading-highlight"},(n=e.header,(new DOMParser).parseFromString(n,"text/html").documentElement.textContent))),(0,u.createElement)("p",{dangerouslySetInnerHTML:{__html:e.description}})),e.link_url&&(0,u.createElement)("div",{className:"col-xs-12 col-sm-8 col-md-4 action-button"},(0,u.createElement)("a",D(D({href:e.link_url,className:"btn btn-primary","data-ga-category":"Carousel Header","data-ga-action":"Call to Action","data-ga-label":e.index},e.link_url_new_tab&&{rel:"noreferrer noopener",target:"_blank"}),{},{tabIndex:t?0:-1}),(0,u.createElement)("span",null,e.link_text)))));var n},[e,t,r])),{useRef:L,useMemo:R}=wp.element,{__:M}=wp.i18n,q=({slides:e,carousel_autoplay:t,className:r,decoding:n})=>{const o=L([]),a=L(null),c=L([]),l=L(),{currentSlide:i,goToSlide:s,goToNextSlide:p,goToPrevSlide:d,handleAutoplay:f,setAutoplay:m,autoplay:b,handleUserInteraction:y}=h(o,e.length,a,t,c,l);return R(()=>(0,u.createElement)("section",{className:`block block-header alignfull carousel-header ${null!=r?r:""}`,ref:a,"aria-label":M("Greenpeace highlights","planet4-blocks"),"aria-roledescription":"carousel",onFocus:()=>m(!1),onTouchStart:()=>m(!1)},e.length>1?(0,u.createElement)(k,{goToPrevSlide:d,goToNextSlide:p,setAutoplay:m,goToSlide:s,handleAutoplay:f,slides:e,currentSlide:i,autoplay:b,auto

1playToggle:t,ref:l}):null,(0,u.createElement)("div",{className:"carousel-wrapper-header"},(0,u.createElement)("ul",{className:"carousel-inner",role:"listbox"},e.map((e,t)=>{const r=i===t;return(0,u.createElement)(O,{key:t,active:r,focusable:r,ref:e=>o?o.current[t]=e:null,handleUserInteraction:y},(0,u.createElement)(x,{decoding:n,slide:e}),(0,u.createElement)(I,{slide:e,focusable:r}))})))),[r,i,n,b,e,m,t,f,s,d,p,y])};var H=c(5338);function F(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function $(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?F(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):F(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function G(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}((e,t,r={})=>{document.querySelectorAll(`[data-hydrate="${e}"]`).forEach(e=>{if(e){const n=JSON.parse(e.dataset.attributes);(0,H.c)(e,(0,u.createElement)(t,$($({},n),r)))}})})("planet4-blocks/carousel-header",q,{decoding:!0}),document.querySelectorAll("[data-render='planet4-blocks/carousel-header']").forEach(e=>{const t=JSON.parse(e.dataset.attributes);(0,H.H)(e).render((0,u.createElement)(q,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?G(Object(r),!0).forEach(function(t){s(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},t.attributes)))})}();