https://www.venueswest.wa.gov.au/assets/dist/2310.315bc705d8dddc88869b.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[2310],{5631:function(e,t,r){function n(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 a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r.r(t),r.d(t,{pushEvent:function(){return i},triggerEvent:function(){return o}});var i=function(e){r.g.dataLayer=r.g.dataLayer||[],r.g.dataLayer.push(e)},o=function(e,t){var r=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({event:e},t=t||null);i(r)}},62336:function(e,t,r){r.r(t);var n=r(27378);t.default=function(e){var t=e.url,r=e.imageUrl,a=e.title,i=e.capacity,o=e.summary,c=e.tag;return n.createElement("div",{className:"c-card c-card--hover"},n.createElement("a",{href:t,"aria-label":a,className:"u-overlay"}),n.createElement("div",{className:"c-card__image"},c&&n.createElement("div",{className:"c-card__tag"},c),n.createElement("div",{className:"o-image o-image--fit u-full-height"},n.createElement("img",{src:r,alt:"",className:"u-pos-absolute",loading:"lazy"}))),n.createElement("div",{className:"c-card__content"},n.createElement("div",{className:"c-card__title heading h3"},a),i&&n.createElement("div",{className:"c-card__subtitle"},n.createElement("strong",null,"Capacity:")," ",i),n.createElement("div",{className:"c-card__text"},o)))}},52310:function(e,t,r){r.r(t);var n=r(27378),a=r(62336),i=r(9957),o=r(91646),c=r.n(o),l=r(43660),s=r(96389),u=r.n(s),d=r(82813),f=r.n(d);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var n,a,i=[],o=!0,c=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==r.return||r.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return m(e,t)}(e,t)||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.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}t.default=function(e){var t=e.rooms,r=e.filters,o=b((0,n.useState)(0),2),s=o[0],d=o[1],m=b((0,n.useState)([0]),2),h=m[0],v=m[1],g=function(){var e=0!==s?t.filter((function(e){return e.Category===r[s].Id})):t;return 0!==h[0]?e.filter((function(e){return e.Capacity>=h[0]})):e},y=b((0,n.useState)(g()),2),_=y[0],w=y[1],E=b((0,n.useState)(0),2),O=E[0],j=E[1],N=Math.ceil((null==_?void 0:_.length)/6),k=(0,n.useRef)();return(0,n.useEffect)((function(){N>1&&window.scrollTo({top:k.current.offsetTop-158,left:0,behavior:"smooth"})}),[O]),(0,n.useEffect)((function(){j(0)}),[_]),(0,n.useEffect)((function(){w(g())}),[s,h]),n.createElement("div",{className:"article-listing",ref:k},n.createElement("div",{className:"u-spacer-bottom-lg"},n.createElement(f(),null,n.createElement(c(),{radioItems:r,selectedIndex:s,appearance:"small",setSelectedIndex:d}))),n.createElement("div",{className:"article-listing__slider u-spacer-top-xl u-spacer-bottom-lg"},n.createElement("div",null,n.createElement("span",{className:"u-text-xl"},"Capacity")),n.createElement("div",{className:"c-range-slider u-flex-expand"},n.createElement(l.Range,{step:10,min:0,max:200,values:h,onChange:function(e){return v(e)},renderTrack:function(e){var t=e.props,r=e.children;return n.createElement("div",p({},t,{className:"c-range-slider__track",style:{backgroundColor:"#dadfe4",height:"6px",borderRadius:"3px"}}),r)},renderThumb:function(e){var t=e.props;return n.createElement("div",p({},t,{className:"c-range-slider__thumb"}))}})),n.createElement("div",null,n.createElement("div",{className:"c-range-slider__value"},n.createElement("span",{className:"heading h4"},0===h[0]?"Any":h[0])))),n.createElement("div",null,_&&_.length?n.createElement(n.Fragment,null,n.createElement(i.InView,{triggerOnce:!0},(function(e){var t=e.inView,i=e.ref;return n.createElement("div",{className:"article-listing__items ".concat(t?"in-view":""),ref:i}

1,_.slice(6*O,6*O+6).map((function(e,t){return n.createElement("div",{className:"article-listing__item",key:"article_".concat(e.Id),style:(i={},o="--index",c=t,o in i?Object.defineProperty(i,o,{value:c,enumerable:!0,configurable:!0,writable:!0}):i[o]=c,i),"data-anim":"fade-up"},n.createElement(a.default,{url:e.Url,imageUrl:e.ImageUrl,title:e.Title,capacity:e.Capacity,summary:e.Summary,tag:r.filter((function(t){return t.id===e.Category}))[0].title}));var i,o,c})))})),N>1&&n.createElement("div",{className:"u-spacer-top-xl u-text-center"},n.createElement(u(),{pageCount:N,pageRangeDisplayed:5,marginPagesDisplayed:1,containerClassName:"c-pagination",onPageChange:function(e){return j(e.selected)}}))):n.createElement("div",{className:"u-spacer-top-xl"},n.createElement("div",{className:"h3"},"There are no rooms."))))}},9957:function(e,t,r){r.r(t),r.d(t,{InView:function(){return m},default:function(){return m},defaultFallbackInView:function(){return u},observe:function(){return f},useInView:function(){return h}});var n=r(27378);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function i(e,t){return i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},i(e,t)}var o=new Map,c=new WeakMap,l=0,s=void 0;function u(e){s=e}function d(e){return Object.keys(e).sort().filter((function(t){return void 0!==e[t]})).map((function(t){return t+"_"+("root"===t?(r=e.root)?(c.has(r)||(l+=1,c.set(r,l.toString())),c.get(r)):"0":e[t]);var r})).toString()}function f(e,t,r,n){if(void 0===r&&(r={}),void 0===n&&(n=s),void 0===window.IntersectionObserver&&void 0!==n){var a=e.getBoundingClientRect();return t(n,{isIntersecting:n,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:a,intersectionRect:a,rootBounds:a}),function(){}}var i=function(e){var t=d(e),r=o.get(t);if(!r){var n,a=new Map,i=new IntersectionObserver((function(t){t.forEach((function(t){var r,i=t.isIntersecting&&n.some((function(e){return t.intersectionRatio>=e}));e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=i),null==(r=a.get(t.target))||r.forEach((function(e){e(i,t)}))}))}),e);n=i.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:i,elements:a},o.set(t,r)}return r}(r),c=i.id,l=i.observer,u=i.elements,f=u.get(e)||[];return u.has(e)||u.set(e,f),f.push(t),l.observe(e),function(){f.splice(f.indexOf(t),1),0===f.length&&(u.delete(e),l.unobserve(e)),0===u.size&&(l.disconnect(),o.delete(c))}}var p=["children","as","triggerOnce","threshold","root","rootMargin","onChange","skip","trackVisibility","delay","initialInView","fallbackInView"];function b(e){return"function"!=typeof e.children}var m=function(e){var t,r;function o(t){var r;return(r=e.call(this,t)||this).node=null,r._unobserveCb=null,r.handleNode=function(e){r.node&&(r.unobserve(),e||r.props.triggerOnce||r.props.skip||r.setState({inView:!!r.props.initialInView,entry:void 0})),r.node=e||null,r.observeNode()},r.handleChange=function(e,t){e&&r.props.triggerOnce&&r.unobserve(),b(r.props)||r.setState({inView:e,entry:t}),r.props.onChange&&r.props.onChange(e,t)},r.state={inView:!!t.initialInView,entry:void 0},r}r=e,(t=o).prototype=Object.create(r.prototype),t.prototype.constructor=t,i(t,r);var c=o.prototype;return c.componentDidUpdate=function(e){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold&&e.skip===this.props.skip&&e.trackVisibility===this.props.trackVisibility&&e.delay===this.props.delay||(this.unobserve(),this.observeNode())},c.componentWillUnmount=function(){this.unobserve(),this.node=null},c.observeNode=function(){if(this.node&&!this.props.skip){var e=this.props,t=e.threshold,r=e.root,n=e.rootMargin,a=e.trackVisibility,i=e.delay,o=e.fallbackInView;this._unobserveCb=f(this.node,this.handleChange,{threshold:t,root:r,rootMargin:n,trackVisibility:a,delay:i},o)}},c.unobserve=function(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)},c.render=function(){if(!b(this.props)){var e=this.state,t=e.inView,r=e.entry;return this.props.children({inView:t,entry:r,ref:this.handleNode})}var i=this.props,o=i.children,c=i.as,l=function(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(i,p);return n.createElement(c||"div",a({ref:this.handleNode},l),o)},o}(n.Component);function h(e){var t=void 0===e?{}:e,r=t.threshold,a=t.delay,i=t.trackVisibility,o=t.rootMargin,c=t.root,l=t.triggerOnce,s=t.skip,u=t.initialInView,d=t.fallbackInView,p=n.useRef(),b=n.useState({inView:!!u}),m=b[0],h=b[1],v=n.useCallback((function(e){void 0!==p.current&&(p.current(),p.current=void 0),s||e&&(p.current=f(e,(function(e,t){h({inView:e,entry:t}),t.isIntersecting&&l&&p.current&&(p.current(),p.current=void 0)}),{root:c,rootMargin:o,threshold:r,trackVisibility:i,delay:a},d))}),[Array.isArray(r)?r.toString():r,c,o,l,s,i,d,a]);(0,n.useEffect)((function(){p.current||!m.entry||l||s||h({inView:!!u})}));var g=[v,m.inView,m.entry];return g.ref=g[0],g.inView=g[1],g.entry=g[2],g}m.displayName="InView",m.defaultProps={threshold:0,triggerOnce:!1,initialInView:!1}},91646:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);

1a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});const o=i(r(27378)),c=r(10238),l=r(59685),s=r(5631);t.default=({radioItems:e,setSelectedIndex:t,selectedIndex:r,appearance:n="small",divider:a=!1,useIndexAsKey:i=!1,Site:u,showAllOption:d})=>{const f=(0,o.useRef)((0,l.nanoid)()),[p,b]=(0,o.useState)();return(0,o.useEffect)((()=>{const e="aac77788-fe9e-4086-a048-065516586325",t="5ffb9e04-17d7-4d4c-9466-6243bef2af79",r="0e50054e-3f49-465d-bcb3-0a73b1557aca",n="7110c8dc-4d25-4226-b3a1-e5cbd68dcf37",a="dd73469c-be96-43d6-ad7d-28d9590dcbda",i="01a3314c-6dab-473d-a373-a2d3d0594aa3",o="2b915f5e-4ab2-4995-8d35-4eaaf

1ce18e34",c="a2561a6e-c84a-42de-b7d8-9d1331c8fcfc",l="07d55053-581f-404b-87ef-de9de25d5167",s="902adcc2-5c91-4a10-8798-b3ddb30231d8",d="11b437d2-7159-4a4b-b022-f5236482d76f";"hbfstadium"===(null==u?void 0:u.toLocaleLowerCase())&&b([e,t,i,n,r,a,o,d,s,l,c]),"hbfarena"===(null==u?void 0:u.toLocaleLowerCase())&&b([e,t,i,n,r,"2917e8a3-8194-489d-a112-aba679ab7126",a,o,d,s,l,c]),"hbfpark"===(null==u?void 0:u.toLocaleLowerCase())&&b([t,"edb85b0e-bb8b-46b8-8ddd-368dfb5e7b5c","91fb9888-8e9f-499c-ad7d-b17fc12e1a21","3fdfcd62-8b39-4336-ae31-30fb89fa5503",o,d,l]),"frontendsitemap"===(null==u?void 0:u.toLocaleLowerCase())&&b([o,d,s,l,c])}),[u]),o.default.createElement("div",{className:`react-radio-group ${a?"width-divider":""} --${n}`},e&&o.default.createElement(o.default.Fragment,null,e.map(((e,n)=>{const{title:a,id:l}=e,u="outdoor 50m wais"==a.toLocaleLowerCase()?"Outdoor 50m 8-Lane":a,d=i?`${n}${f.current}`:`${l}${f.current}`;return o.default.createElement(o.Fragment,{key:d},o.default.createElement("label",{className:"react-radio-group__label"+(r===n?" --is-selected":""),htmlFor:l+f.current},r===n&&o.default.createElement(c.motion.div,{className:"selected-indicator",layoutId:f.current}),o.default.createElement("div",{className:"label-text"},u),o.default.createElement("input",{type:"radio",id:l+f.current,value:n,checked:r===n,onChange:()=>((e,r)=>{(0,s.triggerEvent)("tab_click",{tab_label:r,page_path:window.location.pathname}),t(e)})(n,a),name:"location"})))}))))}},82813:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const c=i(r(27378)),l=o(r(85465));t.default=({children:e,scrollPosition:t=0})=>{const r=(0,c.useRef)(null),n=(0,c.useRef)(0),a=e=>{n.current=e.target.scrollLeft};return(0,c.useEffect)((()=>{if(null!==r.current)return r.current.addEventListener("scroll",a),()=>{r.current&&r.current.removeEventListener("scroll",a)}}),[]),(0,c.useEffect)((()=>{null!==r.current&&(r.current.scrollLeft=n.current)})),(0,c.useEffect)((()=>{null!==r.current&&0!==t&&(r.current.scrollLeft=t)}),[t]),c.default.createElement(l.default,{className:"horizontal-scroll-area",vertical:!1,innerRef:r},c.default.createElement("div",{ref:r},c.default.createElement("div",{className:"horizontal-scroll-area__inner"},e)))}}}]);