{"version":3,"file":"component---src-pages-year-in-review-js-9b38d0da503622122f0c.js","mappings":"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","sources":["webpack://dfes-annual-report/./src/helpers/isIE.js","webpack://dfes-annual-report/./src/constants/graphData.js","webpack://dfes-annual-report/./src/images/stats/firetrucks-and-smoke.jpg","webpack://dfes-annual-report/./src/images/banner/banner-2.jpg","webpack://dfes-annual-report/./src/images/stats/long-service-medals.jpg","webpack://dfes-annual-report/./src/images/stats/firefighter-closeup.jpg","webpack://dfes-annual-report/./src/images/stats/bushfires.jpg","webpack://dfes-annual-report/./src/images/stats/crashes.jpg","webpack://dfes-annual-report/./src/images/stats/firefighters.jpg","webpack://dfes-annual-report/./src/images/stats/firetruck.jpg","webpack://dfes-annual-report/./src/images/stats/square-helicopter.jpg","webpack://dfes-annual-report/./src/images/stats/marine-rescue.jpg","webpack://dfes-annual-report/./src/images/stats/mitigation-activities.jpg","webpack://dfes-annual-report/./src/images/stats/square-ripples.png","webpack://dfes-annual-report/./src/images/stats/volunteer-with-truck.jpg","webpack://dfes-annual-report/./src/images/stats/incident-response-vehicles.jpg","webpack://dfes-annual-report/./src/images/stats/volunteer-safety-training.jpg","webpack://dfes-annual-report/./src/pages/year-in-review.js","webpack://dfes-annual-report/./src/statistics/barGraph.js","webpack://dfes-annual-report/./src/statistics/statistic.js","webpack://dfes-annual-report/./src/statistics/statisticPanel.js"],"sourcesContent":["export const isIE = /*@cc_on!@*/false || typeof document !== 'undefined' && !!document.documentMode;\r\n","export const structureFires = [\r\n    // { label: '2015-16', value: 1294 },\r\n    // { label: '2016-17', value: 1407 },\r\n    { label: '2017-18', value: 1246 },\r\n    { label: '2018-19', value: 1289 },\r\n    { label: '2019-20', value: 1336 },\r\n    { label: '2020-21', value: 1244 },\r\n];\r\n\r\nexport const bushfires = [\r\n    //{ label: '2015-16', value: 4972 },\r\n    // { label: '2016-17', value: 4820 },\r\n    { label: '2017-18', value: 4907 },\r\n    { label: '2018-19', value: 5014 },\r\n    { label: '2019-20', value: 4580 },\r\n    { label: '2020-21', value: 3613 },\r\n];\r\n\r\nexport const otherfires = [\r\n    //{ label: '2015-16', value: 3248 },\r\n    // { label: '2016-17', value: 3353 },\r\n    { label: '2017-18', value: 2764 },\r\n    { label: '2018-19', value: 2887 },\r\n    { label: '2019-20', value: 2856 },\r\n    { label: '2020-21', value: 2662 },\r\n];\r\n\r\nexport const totalFires = [\r\n    //{ label: '2015-16', value: 9514 },\r\n    // { label: '2016-17', value: 9580 },\r\n    { label: '2017-18', value: 8917 },\r\n    { label: '2018-19', value: 9190 },\r\n    { label: '2019-20', value: 8772 },\r\n];\r\n\r\nexport const roadCrashRescues = [\r\n    //{ label: '2015-16', value: 2835 },\r\n    // { label: '2016-17', value: 2861 },\r\n    { label: '2017-18', value: 2822 },\r\n    { label: '2018-19', value: 2807 },\r\n    { label: '2019-20', value: 2667 },\r\n    { label: '2020-21', value: 2917 },\r\n];\r\n\r\nexport const otherRescues = [\r\n    //{ label: '2015-16', value: 2037 },\r\n    // { label: '2016-17', value: 2341 },\r\n    { label: '2017-18', value: 1969 },\r\n    { label: '2018-19', value: 2210 },\r\n    { label: '2019-20', value: 684 },\r\n];\r\n\r\nexport const litresFireSuppressantDroppedByAircraft = [\r\n    //{ label: '2015-16', value: 18674767 },\r\n    // { label: '2016-17', value: 6145398 },\r\n    { label: '2017-18', value: 4578075 },\r\n    { label: '2018-19', value: 8716915 },\r\n    { label: '2019-20', value: 9557452 },\r\n    { label: '2020-21', value: 13747302 },\r\n];\r\n\r\nexport const newBuildingsInspected = [\r\n    //{ label: '2015-16', value: 226 },\r\n    // { label: '2016-17', value: 402 },\r\n    { label: '2017-18', value: 361 },\r\n    { label: '2018-19', value: 461 },\r\n    { label: '2019-20', value: 406 },\r\n    { label: '2020-21', value: 336 },\r\n];\r\n\r\nexport const homesSaved = [\r\n    //{ label: '2015-16', value: 984 },\r\n    // { label: '2016-17', value: 1075 },\r\n    { label: '2017-18', value: 944 },\r\n    { label: '2018-19', value: 950 },\r\n    { label: '2019-20', value: 980 },\r\n    { label: '2020-21', value: 936 },\r\n];\r\n\r\nexport const warningsIssued = [\r\n    //{ label: '2015-16', value: 984 },\r\n    // { label: '2016-17', value: 1075 },\r\n    { label: '2017-18', value: 2913 },\r\n    { label: '2018-19', value: 3649 },\r\n    { label: '2019-20', value: 3489 },\r\n    { label: '2020-21', value: 3770 },\r\n];\r\n\r\nexport const hazardousSituations = [\r\n    //{ label: '2015-16', value: 571 },\r\n    // { label: '2016-17', value: 558 },\r\n    { label: '2017-18', value: 629 },\r\n    { label: '2018-19', value: 544 },\r\n    { label: '2019-20', value: 994 },\r\n    { label: '2020-21', value: 998 },\r\n];\r\n\r\nexport const tripleZeroCallsReceived = [\r\n    //{ label: '2015-16', value: 12566 },\r\n    // { label: '2016-17', value: 12605 },\r\n    { label: '2017-18', value: 12023 },\r\n    { label: '2018-19', value: 9969 },\r\n    { label: '2019-20', value: 10898 },\r\n    { label: '2020-21', value: 10082 },\r\n];\r\n\r\nexport const volunteersAttendingIncidents = [\r\n    //{ label: '2015-16', value: 6777 },\r\n    // { label: '2016-17', value: 6542 },\r\n    { label: '2017-18', value: 6049 },\r\n    { label: '2018-19', value: 5547 },\r\n    { label: '2019-20', value: 10041 },\r\n    { label: '2020-21', value: 9543 },\r\n];\r\n\r\nexport const livesSavedFromAnnualBloodDonations = [\r\n    { label: '2017-18', value: 1218 },\r\n    { label: '2018-19', value: 2313 },\r\n    { label: '2019-20', value: 2769 },\r\n    { label: '2020-21', value: 3210 },\r\n];\r\n\r\nexport const socialMediaFollowers = [\r\n    { label: '2017-18', value: 91160 },\r\n    { label: '2018-19', value: 140237 },\r\n    { label: '2019-20', value: 198738 },\r\n    { label: '2020-21', value: 271449 },\r\n];\r\n\r\nexport const socialMediaImpressions = [\r\n    { label: '2017-18', value: 48043372 },\r\n    { label: '2018-19', value: 67193528 },\r\n    { label: '2019-20', value: 101641533 },\r\n    { label: '2020-21', value: 113043574 },\r\n];\r\n\r\nexport const healthSafetyConsultations = [\r\n    { label: '2018-19', value: 590 },\r\n    { label: '2019-20', value: 811 },\r\n    { label: '2020-21', value: 645 },\r\n];\r\n\r\nexport const healthSafetyTraining = [\r\n    //{ label: '2015-16', value: 522 },\r\n    // { label: '2016-17', value: 4303 },\r\n    { label: '2017-18', value: 2943 },\r\n    { label: '2018-19', value: 3314 },\r\n    { label: '2019-20', value: 2804 },\r\n    { label: '2020-21', value: 2311 },\r\n];\r\n\r\nexport const healthSafetyHazardsReported = [\r\n    //{ label: '2015-16', value: 458 },\r\n    // { label: '2016-17', value: 442 },\r\n    { label: '2017-18', value: 383 },\r\n    { label: '2018-19', value: 389 },\r\n    { label: '2019-20', value: 952 },\r\n    { label: '2020-21', value: 932 },\r\n];\r\n\r\nexport const emergencyRescueHelicopterMissionHours = [\r\n    //{ label: '2015-16', value: 1173 },\r\n    // { label: '2016-17', value: 1752 },\r\n    { label: '2017-18', value: 1532 },\r\n    { label: '2018-19', value: 1638 },\r\n    { label: '2019-20', value: 1976 },\r\n    { label: '2020-21', value: 1596 },\r\n];\r\n\r\nexport const incidentResponseVehicles = [\r\n    //{ label: '2015-16', value: 1530 },\r\n    // { label: '2016-17', value: 1577 },\r\n    { label: '2017-18', value: 1610 },\r\n    { label: '2018-19', value: 1639 },\r\n    { label: '2019-20', value: 1657 },\r\n    { label: '2020-21', value: 1788 },\r\n];\r\n\r\nexport const nationalMedalsAwarded = [\r\n    //{ label: '2015-16', value: 320 },\r\n    // { label: '2016-17', value: 403 },\r\n    { label: '2017-18', value: 579 },\r\n    { label: '2018-19', value: 509 },\r\n    { label: '2019-20', value: 520 },\r\n    { label: '2020-21', value: 226 },\r\n];\r\n\r\nexport const timesAircraftDropped = [\r\n    { label: '2017-18', value: 1636 },\r\n    { label: '2018-19', value: 2855 },\r\n    { label: '2019-20', value: 3454 },\r\n    { label: '2020-21', value: 4784 },\r\n];\r\n\r\nexport const longServiceMedalsAwarded = [\r\n    //{ label: '2015-16', value: 1400 },\r\n    // { label: '2016-17', value: 1420 },\r\n    { label: '2017-18', value: 1622 },\r\n    { label: '2018-19', value: 1930 },\r\n    { label: '2019-20', value: 1384 },\r\n    { label: '2020-21', value: 1632 },\r\n];\r\n\r\nexport const planningProposalReferralsFromLocalGovernment = [\r\n    // { label: '2016-17', value: 529 },\r\n    { label: '2017-18', value: 564 },\r\n    { label: '2018-19', value: 559 },\r\n    { label: '2019-20', value: 508 },\r\n    { label: '2020-21', value: 499 },\r\n];\r\n\r\nexport const bushfireMitigationTreatmentsCompleted = [\r\n    //{ label: '2015-16', value: 50 },\r\n    // { label: '2016-17', value: 372 },\r\n    { label: '2017-18', value: 805 },\r\n    { label: '2018-19', value: 1096 },\r\n    { label: '2019-20', value: 755 },\r\n    { label: '2020-21', value: 828 },\r\n];\r\n\r\nexport const totalFirebanDaysDeclared = [\r\n    //{ label: '2015-16', value: 47 },\r\n    // { label: '2016-17', value: 27 },\r\n    { label: '2017-18', value: 30 },\r\n    { label: '2018-19', value: 60 },\r\n    { label: '2019-20', value: 73 },\r\n    { label: '2020-21', value: 65 },\r\n];\r\n\r\nexport const rescuesWithMedicalAssistance = [\r\n    //{ label: '2015-16', value: 1610 },\r\n    // { label: '2016-17', value: 2053 },\r\n    { label: '2017-18', value: 1618 },\r\n    { label: '2018-19', value: 1815 },\r\n    { label: '2019-20', value: 3898 },\r\n    { label: '2020-21', value: 2980 },\r\n];\r\n\r\nexport const totalIncidents = [\r\n    //{ label: '2015-16', value: 30045 },\r\n    // { label: '2016-17', value: 30086 },\r\n    { label: '2017-18', value: 28961 },\r\n    { label: '2018-19', value: 29006 },\r\n    { label: '2019-20', value: 28850 },\r\n    { label: '2020-21', value: 27730 },\r\n];\r\n\r\nexport const emergencyWAWarningsIssued = [\r\n    { label: '2017-18', value: 2913 },\r\n    { label: '2018-19', value: 3649 },\r\n    { label: '2019-20', value: 3489 },\r\n    { label: '2020-21', value: 3770 },\r\n];\r\nexport const providedForBushfireMitigationActivities = [\r\n    {\r\n        label: '2019-20',\r\n        value: 7890509,\r\n    },\r\n    { label: '2020-21', value: 8962452 },\r\n];\r\n\r\nexport const naturalHazardEvents = [\r\n    { label: '2017-18', value: 271 },\r\n    { label: '2018-19', value: 268 },\r\n    { label: '2019-20', value: 563 },\r\n    { label: '2020-21', value: 1214 },\r\n];\r\n\r\nexport const numberDFESCalls = [\r\n    { label: '2019-20', value: 16517 },\r\n    { label: '2020-21', value: 24911 },\r\n];\r\n","export default __webpack_public_path__ + \"static/firetrucks-and-smoke-7e795bbf722f88519c53ff1a9c51be60.jpg\";","export default __webpack_public_path__ + \"static/banner-2-e39a472e2986aef9a2aea30df130cbed.jpg\";","export default __webpack_public_path__ + \"static/long-service-medals-080585aa56551d615862247809248409.jpg\";","export default __webpack_public_path__ + \"static/firefighter-closeup-ecdd2d17b71e2daefb0317e71b2fd5b1.jpg\";","export default __webpack_public_path__ + \"static/bushfires-5d52aeb1539a2651fbbcf9e75c2bcf93.jpg\";","export default __webpack_public_path__ + \"static/crashes-1a40afe5f45dac44c269ebf69dbaf98c.jpg\";","export default __webpack_public_path__ + \"static/firefighters-3acf24be0e538ebaefd5449279016434.jpg\";","export default __webpack_public_path__ + \"static/firetruck-b1f9d569e46e1bd0417ebdc2d9d9c305.jpg\";","export default __webpack_public_path__ + \"static/square-helicopter-b0559a975685502890eb86ad174f57e2.jpg\";","export default __webpack_public_path__ + \"static/marine-rescue-916732d99dedb00a7ba6295ed7c7a343.jpg\";","export default __webpack_public_path__ + \"static/mitigation-activities-00695b4b5158156beec3d66378ed2434.jpg\";","export default __webpack_public_path__ + \"static/square-ripples-27b233c102724c647b63825450ccff68.png\";","export default __webpack_public_path__ + \"static/volunteer-with-truck-f783319f11f00895abdd5a1f6bea7ce6.jpg\";","export default __webpack_public_path__ + \"static/incident-response-vehicles-4f686d9d109d81a7223c278970818cb8.jpg\";","export default __webpack_public_path__ + \"static/volunteer-safety-training-fe6415557782206d45b0232345dbd85b.jpg\";","import * as Icons from '../constants/icons';\r\nimport * as graphData from '../constants/graphData';\r\n\r\nimport React, { useEffect } from 'react';\r\n\r\nimport Layout from '../components/layout';\r\nimport SEO from '../components/seo';\r\nimport { ScrollToPlugin } from 'gsap/all';\r\nimport ScrollTrigger from 'gsap/ScrollTrigger';\r\nimport { Statistic } from '../statistics/statistic';\r\nimport { StatisticPanel } from '../statistics/statisticPanel';\r\nimport fireTruckSmoke from '../images/stats/firetrucks-and-smoke.jpg';\r\nimport gsap from 'gsap';\r\nimport headerImage from '../images/banner/banner-2.jpg';\r\nimport img_awards from '../images/stats/long-service-medals.jpg';\r\nimport img_bushfires from '../images/stats/bushfires.jpg';\r\nimport img_crashes from '../images/stats/crashes.jpg';\r\nimport img_firefighterCloseup from '../images/stats/firefighter-closeup.jpg';\r\nimport img_firefighters from '../images/stats/firefighters.jpg';\r\nimport img_firetruck from '../images/stats/firetruck.jpg';\r\nimport img_helicopter from '../images/stats/square-helicopter.jpg';\r\nimport img_marinerescue from '../images/stats/marine-rescue.jpg';\r\nimport img_mitigationactivities from '../images/stats/mitigation-activities.jpg';\r\nimport img_ripples from '../images/stats/square-ripples.png';\r\nimport img_volunteerwithtruck from '../images/stats/volunteer-with-truck.jpg';\r\nimport incidentResponcePicture from '../images/stats/incident-response-vehicles.jpg';\r\nimport { isIE } from '../helpers/isIE';\r\nimport volSafetyPic from '../images/stats/volunteer-safety-training.jpg';\r\n\r\ngsap.registerPlugin(ScrollToPlugin);\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\nconst YearInReview = () => {\r\n    useEffect(() => {\r\n        if (!isIE) {\r\n            //Panel intro animation - late addition. Ideally the panels should be a component but too much recatoring required\r\n            const panels = document.querySelectorAll('.stat-panel, .stat-grid-image > div');\r\n            for (let i = 0; i < panels.length; i++) {\r\n                const element = panels[i];\r\n                gsap.set(element.parentNode, { perspective: 800 });\r\n                gsap.from(element, {\r\n                    scrollTrigger: {\r\n                        trigger: element,\r\n                        start: 'top bottom',\r\n                        // start: 'top bottom-=150px',\r\n                        end: '+=50',\r\n                        scrub: 1.2,\r\n                        once: true,\r\n                    },\r\n                    opacity: 0,\r\n                    rotationX: 90,\r\n                    ease: 'back.out(1.5)',\r\n                });\r\n            }\r\n        }\r\n    }, []);\r\n\r\n    return (\r\n        <Layout\r\n            headerTitle=\"Our Year In Numbers\"\r\n            headerIntro=\"Every year we respond to more than 29,000 incidents, as well as helping to prevent many more. Whether on land, sea or by air, we are proud to be able to help make WA a safer State, with our communities at the heart of everything we do. This section provides a snapshot of what we have done this year.\"\r\n            headerImage={headerImage}\r\n            showCTA={true}\r\n        >\r\n            <SEO title=\"Our Year In Numbers\" />\r\n            <div className=\"grid-container\">\r\n                <div className=\"o-section o-section--no-space-xs\">\r\n                    <div className=\"uk-grid-medium uk-child-width-1-2@s uk-grid\">\r\n                        <div className=\"uk-flex uk-flex-column\">\r\n                            <Statistic\r\n                                isDouble\r\n                                value=\"9,543\"\r\n                                label=\"volunteers attended incidents\"\r\n                                title=\"Volunteers attended incidents\"\r\n                                description=\"Without the ongoing contribution of our volunteers, we would not be able to provide essential emergency services to communities across the State.\"\r\n                                icon={<Icons.Volunteer />}\r\n                                className=\"stat--light\"\r\n                                graphData={graphData.volunteersAttendingIncidents}\r\n                            />\r\n                            <Statistic\r\n                                value=\"936\"\r\n                                isDouble\r\n                                label=\"homes saved from structure fire\"\r\n                                title=\"Homes saved from structure fire\"\r\n                                description=\"Incidents where fires in homes either caused little or no damage.\"\r\n                                icon={<Icons.HomesSaved />}\r\n                                image={<img src={img_firefighters} alt=\"\" />}\r\n                                graphData={graphData.homesSaved}\r\n                                className=\"stat--grey stat--margin\"\r\n                            />\r\n                        </div>\r\n                        <Statistic\r\n                            isLarge\r\n                            value=\"3,770\"\r\n                            label=\"Emergency WA warnings issued\"\r\n                            title=\"Emergency WA warnings issued\"\r\n                            description=\"Provides critical information to the community.\"\r\n                            icon={<Icons.AlertWA />}\r\n                            image={<img src={img_ripples} alt=\"\" />}\r\n                            className=\"stat--dark-blue stat--white\"\r\n                            graphData={graphData.warningsIssued}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"o-section o-section--no-space-xs\">\r\n                <div className=\"stat-panel\">\r\n                    <div className=\"grid-container\">\r\n                        <div className=\"row\">\r\n                            <StatisticPanel\r\n                                value=\"1,788\"\r\n                                label=\"incident response vehicles and vessels\"\r\n                                title=\"Incident response vehicles and vessels\"\r\n                                description=\"The number of appliances available for emergency response across the State. It includes specialist equipment including incident communication vehicles and combined ladder platform appliances.\"\r\n                                icon={<Icons.ResponseVehicles />}\r\n                                className=\"stat--gold\" //Class determines background texture and opacity...\r\n                                graphData={graphData.incidentResponseVehicles}\r\n                            />\r\n                            <div className=\"stat-panel__image\">\r\n                                <div style={{ backgroundImage: `url(${incidentResponcePicture})` }}></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"grid-container\">\r\n                <div className=\"o-section o-section--no-space-xs\">\r\n                    <div className=\"uk-grid-medium uk-child-width-1-2@s uk-grid\">\r\n                        <Statistic\r\n                            isLarge\r\n                            value=\"1,596\"\r\n                            label=\"emergency rescue helicopter mission hours\"\r\n                            title=\"Emergency rescue helicopter mission hours\"\r\n                            description=\"The number of hours the State’s two emergency rescue helicopters spent responding to incidents.\"\r\n                            icon={<Icons.HelicopterRescues />} //Using class.... as its different\r\n                            image={<img src={img_helicopter} alt=\"\" />}\r\n                            graphData={graphData.emergencyRescueHelicopterMissionHours}\r\n                            className=\"stat--dark-blue stat--white stat--helicopter-rescues\"\r\n                        />\r\n                        <div className=\"uk-flex uk-flex-column\">\r\n                            <Statistic\r\n                                isDouble\r\n                                value=\"2,980\"\r\n                                label=\"rescues with medical assistance\"\r\n                                title=\"Rescues with medical assistance\"\r\n                                description=\"Our statewide network of staff and volunteers are trained and ready to be there when you need us.\"\r\n                                icon={<Icons.MedicalAssistance />}\r\n                                className=\"stat--gold stat--bg-medical-assistance\"\r\n                                image={<img src={img_marinerescue} alt=\"Marine rescue\" />}\r\n                                graphData={graphData.rescuesWithMedicalAssistance}\r\n                            />\r\n                            <Statistic\r\n                                value=\"3,613\"\r\n                                isDouble\r\n                                isFlipped\r\n                                label=\"bushfires\"\r\n                                title=\"Bushfires\"\r\n                                description=\"Bushfires are any uncontrolled vegetation fire, typically in bush, scrub or woodland.\"\r\n                                icon={<Icons.Fire />}\r\n                                className=\"stat--grey stat--margin\"\r\n                                graphData={graphData.bushfires}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"o-section o-section--no-space-xs\">\r\n                <div className=\"stat-panel\">\r\n                    <div className=\"grid-container\">\r\n                        <div className=\"row\">\r\n                            <StatisticPanel\r\n                                value=\"13.7 million\"\r\n                                label=\"litres of fire suppressant dropped by aircraft\"\r\n                                title=\"Fire suppressant dropped by aircraft\"\r\n                                description=\"Fire suppressants include water and other liquids that do not harm the environment. The aerial fleet works with frontline ground crews to extinguish fires more quickly than could be done with ground crews alone.\"\r\n                                icon={<Icons.Suppressant />}\r\n                                graphData={graphData.litresFireSuppressantDroppedByAircraft}\r\n                                className=\"stat--light-blue stat--bg-suppressant\" //Class determines background texture and opacity...\r\n                            />\r\n                            <StatisticPanel\r\n                                isFlipped\r\n                                value=\"271,449\"\r\n                                label=\"social media followers\"\r\n                                title=\"Social media followers\"\r\n                                description=\"Engagement with our online followers continues to grow. We are reaching people the way they want to be reached.\"\r\n                                icon={<Icons.SocialMedia />}\r\n                                graphData={graphData.socialMediaFollowers}\r\n                                className=\"stat--dark-blue stat--white stat--bg-social-media\" //Class determines background texture and opacity...\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"grid-container\">\r\n                <div className=\"o-section o-section--md\">\r\n                    <div className=\"uk-grid-medium uk-child-width-1-2@m uk-grid\">\r\n                        <div className=\"uk-flex uk-flex-column\">\r\n                            <Statistic\r\n                                isDouble\r\n                                value=\"24,911\"\r\n                                label=\"13 DFES calls\"\r\n                                title=\"13 DFES calls\"\r\n                                description=\"This is a recorded emergency information line. Callers can hear about serious emergencies for which a warning has been issued, Total Fire Bans or fire danger ratings.\"\r\n                                icon={<Icons.DFEScalls />}\r\n                                className=\"stat--light\"\r\n                                graphData={graphData.numberDFESCalls}\r\n                                image={<img src={img_firetruck} alt=\"Firetruck\" />}\r\n                            />\r\n                            <div className=\"uk-flex uk-child-width-1-2@s uk-grid-medium\">\r\n                                <Statistic\r\n                                    value=\"336\"\r\n                                    label=\"new buildings inspected\"\r\n                                    title=\"New buildings inspected\"\r\n                                    description=\"Building inspections help DFES staff and commercial developers work through safety issues or test fire safety systems.\"\r\n                                    icon={<Icons.Buildings />}\r\n                                    className=\"stat--grey stat--margin\"\r\n                                    graphData={graphData.newBuildingsInspected}\r\n                                />\r\n                                <Statistic\r\n                                    value=\"65\"\r\n                                    label=\"total fire ban days declared\"\r\n                                    title=\"Total fire ban days declared\"\r\n                                    description=\"Total fire ban days are declared during extremely hot and dry weather or when fires are seriously stretching firefighting resources. A ban prohibits lighting fires in the open air or other defined activities that may start a fire.\"\r\n                                    icon={<Icons.FireBan />}\r\n                                    graphData={graphData.totalFirebanDaysDeclared}\r\n                                    className=\"stat--gold stat--margin\"\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"stat-grid-image\">\r\n                            <div>\r\n                                <img\r\n                                    src={img_firefighterCloseup}\r\n                                    alt=\"Firefighter closeup with mask on\"\r\n                                    style={{ objectPosition: 'top center' }}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"o-section o-section--no-space-xs\">\r\n                <div className=\"stat-panel\">\r\n                    <div className=\"grid-container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"stat-panel__image stat-panel__image--flipped\">\r\n                                <div style={{ backgroundImage: `url('/images/stats/firetruck-2.jpg')` }}></div>\r\n                            </div>\r\n                            <StatisticPanel\r\n                                isFlipped\r\n                                value=\"10,082\"\r\n                                label=\"000 calls\"\r\n                                title=\"000 calls\"\r\n                                description=\"Every minute of every day, our trained Communications Centre staff are there to answer calls and despatch resources to emergency incidents.\"\r\n                                graphData={graphData.tripleZeroCallsReceived}\r\n                                icon={<Icons.TripleZero />}\r\n                                className=\"stat--dark-blue stat--white\"\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"grid-container\">\r\n                <div className=\"o-section o-section--md\">\r\n                    <div className=\"uk-grid-medium uk-child-width-1-2@m uk-grid\">\r\n                        <div className=\"uk-flex uk-flex-column\">\r\n                            <Statistic\r\n                                isDouble\r\n                                value=\"2,917\"\r\n                                label=\"road crash rescues\"\r\n                                title=\"Road crash rescues\"\r\n                                description=\"We support WA Police and St John Ambulance at road crashes by freeing vehicle passengers, cleaning chemical spills and making the area safe.\"\r\n                                icon={<Icons.Crashes />}\r\n                                className=\"stat--light\"\r\n                                graphData={graphData.roadCrashRescues}\r\n                                // image={<img src={img_crashes} alt=\"Car crash\" />}\r\n                            />\r\n                            <div className=\"uk-flex uk-child-width-1-2@s uk-grid-medium\">\r\n                                <Statistic\r\n                                    value=\"998\"\r\n                                    label=\"hazardous situations\"\r\n                                    title=\"Hazardous situations\"\r\n                                    description=\"The situation at the incident is dangerous but does not involve a fire.\"\r\n                                    icon={<Icons.HazardousSituations />}\r\n                                    graphData={graphData.hazardousSituations}\r\n                                    className=\"stat--dark-blue stat--white stat--margin\"\r\n                                />\r\n                                <Statistic\r\n                                    value=\"1,214\"\r\n                                    label=\"natural hazard events\"\r\n                                    title=\"Natural hazard events\"\r\n                                    description=\"Natural hazards are elements of nature. Specifically they are bushfire, tropical cyclone, severe storm, flood, earthquake and tsunami.\"\r\n                                    icon={<Icons.NaturalHazardEvents />}\r\n                                    graphData={graphData.naturalHazardEvents}\r\n                                    className=\"stat--gold stat--margin\"\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                        <Statistic\r\n                            isLarge\r\n                            value=\"1,632\"\r\n                            label=\" long service medals awarded\"\r\n                            title=\"Long service medals awarded\"\r\n                            description=\"Recognises service length milestones of our staff and volunteers.\"\r\n                            icon={<Icons.Medals />}\r\n                            image={<img src={img_awards} alt=\"\" />}\r\n                            className=\"stat--dark-blue stat--white\"\r\n                            graphData={graphData.longServiceMedalsAwarded}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"o-section o-section--no-space-xs\">\r\n                <div className=\"stat-panel\">\r\n                    <div className=\"grid-container\">\r\n                        <div className=\"row\">\r\n                            <StatisticPanel\r\n                                value=\"4,784\"\r\n                                label=\"times aircraft dropped fire suppressant\"\r\n                                title=\"Times aircraft dropped fire suppressant\"\r\n                                description=\"The total number of water/suppressant drops made by aircraft during the year, with each drop on average delivering 2,864 litres.\"\r\n                                icon={<Icons.HelicopterRescues />}\r\n                                graphData={graphData.timesAircraftDropped}\r\n                                className=\"stat--light-blue stat--helicopter-rescues\"\r\n                            />\r\n                            <StatisticPanel\r\n                                isFlipped\r\n                                value=\"3,210\"\r\n                                label=\"lives saved through annual blood donations\"\r\n                                title=\"Lives saved through annual blood donations\"\r\n                                description=\"On average, every litre of blood donated by our staff and volunteers saves 3 lives.\"\r\n                                icon={<Icons.BloodDonations />}\r\n                                graphData={graphData.livesSavedFromAnnualBloodDonations}\r\n                                className=\"stat--dark-blue stat--white stat--bg-blood-donations\"\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"grid-container\">\r\n                <div className=\"o-section o-section--md\">\r\n                    <div className=\"uk-grid-medium uk-child-width-1-2@m uk-grid\">\r\n                        <div className=\"stat-grid-image stat-grid-image--flipped\">\r\n                            <div>\r\n                                <img src={img_volunteerwithtruck} alt=\"Female firefighter with fire truck\" />\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"uk-flex uk-flex-column\">\r\n                            <div className=\"uk-grid uk-grid-medium uk-child-width-1-2\">\r\n                                <Statistic\r\n                                    value=\"2,662\"\r\n                                    label=\"other fires\"\r\n                                    title=\"Other fires\"\r\n                                    description=\"Fires that are not defined as structure fires or bushfires. They include vehicle fires, bin fires and fires on power lines (pole top fires).\"\r\n                                    icon={<Icons.Fire />}\r\n                                    graphData={graphData.otherfires}\r\n                                    className=\"stat--grey\"\r\n                                />\r\n                                <Statistic\r\n                                    value=\"1,244\"\r\n                                    label=\"structure fires\"\r\n                                    title=\"Structure fires\"\r\n                                    description=\"Structure fires include residences, shops, schools, business premises and warehouses. \"\r\n                                    icon={<Icons.Fire />}\r\n                                    graphData={graphData.structureFires}\r\n                                    className=\"stat--gold\"\r\n                                />\r\n                                {/* <Statistic\r\n                                    value=\"828\"\r\n                                    label=\"bushfire mitigation treatments completed\"\r\n                                    title=\"Bushfire mitigation treatments completed\"\r\n                                    description=\"Bushfire mitigation treatments lower the risk of bushfires across WA by reducing the likelihood of their occurrence and the severity of their consequences.\"\r\n                                    graphData={graphData.bushfireMitigationTreatmentsCompleted}\r\n                                    icon={<Icons.BushfireMitigation />}\r\n                                    className=\"stat--dark-blue stat--margin\"\r\n                                /> */}\r\n                                <Statistic\r\n                                    value=\"932\"\r\n                                    label=\"health and safety hazards reported\"\r\n                                    title=\"Health and safety hazards reported\"\r\n                                    description=\"By increasing hazard reporting, we can decrease actual injury occurrence.\"\r\n                                    graphData={graphData.healthSafetyHazardsReported}\r\n                                    icon={<Icons.HazardsReported />}\r\n                                    className=\"stat--dark-blue stat--white stat--margin\"\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"o-section o-section--no-space-xs\">\r\n                <div className=\"stat-panel\">\r\n                    <div className=\"grid-container\">\r\n                        <div className=\"row\">\r\n                            <StatisticPanel\r\n                                value=\"2,311\"\r\n                                label=\"staff and volunteers completed health and safety training\"\r\n                                title=\"Staff and volunteers completed health and safety training\"\r\n                                description=\"Our health and safety team provide a range of health and safety training either face-to-face or online.\"\r\n                                graphData={graphData.healthSafetyTraining}\r\n                                icon={<Icons.HealthSafetyTraining />}\r\n                                className=\"stat--dark-blue stat--white\"\r\n                            />\r\n                            <div className=\"stat-panel__image\">\r\n                                <div\r\n                                    style={{\r\n                                        backgroundImage: `url(${volSafetyPic})`,\r\n                                        backgroundPosition: '30% 50%',\r\n                                    }}\r\n                                ></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"grid-container\">\r\n                <div className=\"o-section o-section--md\">\r\n                    <div className=\"uk-grid-medium uk-child-width-1-2@m uk-grid\">\r\n                        <Statistic\r\n                            isLarge\r\n                            showDollar\r\n                            value=\"8.96\"\r\n                            label=\"million provided to local governments for bushfire mitigation activities\"\r\n                            title=\"Funding provided to local governments for bushfire mitigation activities\"\r\n                            description=\"Funding provided to Local Government by the Mitigation Activity Fund to support the reduction of bushfire risk.\"\r\n                            icon={<Icons.Money />}\r\n                            graphData={graphData.providedForBushfireMitigationActivities}\r\n                            image={<img src={img_mitigationactivities} alt=\"\" />}\r\n                            className=\"stat--dark-blue stat--white stat--mitigation-acitivities\"\r\n                        />\r\n                        <div className=\"uk-flex uk-flex-column\">\r\n                            <Statistic\r\n                                isDouble\r\n                                value=\"113 million\"\r\n                                label=\"social media impressions\"\r\n                                title=\"Social media impressions\"\r\n                                description=\"Our digital footprint continues to be an increasingly effective way to reach directly into our vast number of metropolitan and regional communities.\"\r\n                                className=\"stat--gold\"\r\n                                graphData={graphData.socialMediaImpressions}\r\n                                icon={<Icons.SocialMedia />}\r\n                            />\r\n                            <div className=\"uk-flex uk-child-width-1-2@s uk-grid-medium\">\r\n                                <Statistic\r\n                                    value=\"499\"\r\n                                    label=\"planning proposals referred from local government\"\r\n                                    title=\"Planning proposal referrals from local government\"\r\n                                    description=\"We review proposed developments in bushfire prone areas to ensure the building plans comply with safety standards.\"\r\n                                    graphData={graphData.planningProposalReferralsFromLocalGovernment}\r\n                                    icon={<Icons.PlanningProposals />}\r\n                                    className=\"stat--light stat--margin stat--long-label\"\r\n                                />\r\n                                <Statistic\r\n                                    value=\"645\"\r\n                                    label=\"health and safety consultations\"\r\n                                    title=\"Health and safety consultations\"\r\n                                    description=\"Our health and safety team provide specialist safety advice in one-on-one or group settings to all staff and volunteers.\"\r\n                                    graphData={graphData.healthSafetyConsultations}\r\n                                    icon={<Icons.OtherRescues />}\r\n                                    className=\"stat--dark-blue stat--white stat--margin\"\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"o-section o-section--no-space-xs\">\r\n                <div className=\"stat-panel\">\r\n                    <div className=\"grid-container\">\r\n                        <div className=\"row\">\r\n                            <div className=\"stat-panel__image stat-panel__image--flipped\">\r\n                                <div style={{ backgroundImage: `url(${fireTruckSmoke})` }}></div>\r\n                            </div>\r\n                            <StatisticPanel\r\n                                isFlipped\r\n                                value=\"27,750\"\r\n                                label=\"total incidents\"\r\n                                title=\"total incidents\"\r\n                                description=\"We respond to a wide range of incidents across WA’s diverse landscape.\"\r\n                                graphData={graphData.totalIncidents}\r\n                                icon={<Icons.ESL_Fire />}\r\n                                className=\"stat--gold\"\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </Layout>\r\n    );\r\n};\r\n\r\nexport default YearInReview;\r\n","import React from 'react';\r\n\r\nexport const Bar = ({ stat, max }) => {\r\n    let size = (stat.value / max) * 100;\r\n    let targetPos = stat.target ? (stat.target / max) * 100 : null;\r\n\r\n    return (\r\n        <li className=\"stats-graph__bar-wrap\">\r\n            <div className=\"stats-graph__value\">\r\n                <span className=\"u-sr-only\">Value of</span>\r\n                {stat.value.toLocaleString()}\r\n            </div>\r\n            <div className=\"stats-graph__bar\">\r\n                <div className=\"stats-graph__bar-fill\" style={{ height: `${size}%` }}></div>\r\n                {targetPos && <div className=\"stats-graph__bar-target\" style={{ bottom: `${targetPos}%` }}></div>}\r\n            </div>\r\n            <div className=\"stats-graph__label\">\r\n                <span className=\"u-sr-only\">for the year</span>\r\n                {stat.label}\r\n            </div>\r\n        </li>\r\n    );\r\n};\r\n\r\nexport const BarGraph = ({ data, label }) => {\r\n    //Determine max\r\n    const values = data.map((dataEntry) => dataEntry.value);\r\n    const targets = data.map((dataEntry) => (dataEntry.target ? dataEntry.target : null));\r\n    const maxValues = targets && targets.length > 0 ? [...values, ...targets] : values;\r\n\r\n    const max = Math.max(...maxValues);\r\n\r\n    return (\r\n        <>\r\n            <span className=\"u-sr-only\">Statistics graph about {label}</span>\r\n            <ul className=\"stats-graph\">\r\n                {data.map((entry, index) => (\r\n                    <Bar key={`${label.replace(' ', '-').toLowerCase()}-${index}`} stat={entry} max={max} />\r\n                ))}\r\n            </ul>\r\n        </>\r\n    );\r\n};\r\n","import React, { createRef, memo, useEffect, useRef } from 'react';\r\n\r\nimport { BarGraph } from './barGraph';\r\nimport { ScrollToPlugin } from 'gsap/all';\r\nimport ScrollTrigger from 'gsap/ScrollTrigger';\r\nimport gsap from 'gsap';\r\nimport { isIE } from '../helpers/isIE';\r\n\r\ngsap.registerPlugin(ScrollToPlugin);\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\nexport const Statistic = ({\r\n    isLarge,\r\n    isDouble,\r\n    showDollar,\r\n    icon,\r\n    value,\r\n    unit,\r\n    label,\r\n    title,\r\n    description,\r\n    tableDataPrevYear,\r\n    tableDataCurrentYear,\r\n    image,\r\n    className,\r\n    style,\r\n    graphData,\r\n    isFlipped,\r\n}) => {\r\n    const statContainer = createRef();\r\n    const front = createRef();\r\n    const back = createRef();\r\n    const backInner = createRef();\r\n    const isToggled = createRef(false);\r\n    const currentTimeline = createRef(null);\r\n\r\n    useEffect(() => {\r\n        const container = statContainer.current;\r\n        const isDesktop = window.innerWidth > 768;\r\n        gsap.set(container, { perspective: 800 });\r\n        gsap.set(back.current, { rotationY: -180 });\r\n        gsap.set(front.current, { transformStyle: 'preserve-3d' });\r\n        gsap.set([back.current, front.current], { backfaceVisibility: 'hidden' });\r\n        gsap.set(backInner.current, { opacity: 0 });\r\n\r\n        back.current.setAttribute('tabindex', -1);\r\n\r\n        //Intro animation\r\n        if (!isIE) {\r\n            gsap.set(container.parentNode, { perspective: 1500 });\r\n            gsap.from(container, {\r\n                scrollTrigger: {\r\n                    trigger: container,\r\n                    start: 'top bottom-=70px',\r\n                    end: '+=50',\r\n                    scrub: 2,\r\n                    once: true,\r\n                },\r\n                duration: 1.5,\r\n                opacity: 0,\r\n                rotationX: 90,\r\n                ease: 'back.out(1.5)',\r\n            });\r\n        }\r\n\r\n        const handleMouseEnter = () => {\r\n            // if (!front.current) return; //Avoid hot reload errors\r\n            gsap.to(front.current, { boxShadow: '0 12px 50px 0 rgba(0, 0, 0, 0.2)', translateY: -4, duration: 0.2 });\r\n        };\r\n\r\n        const handleMouseLeave = () => {\r\n            // if (!front.current) return; //Avoid hot reload errors\r\n            gsap.to(front.current, { boxShadow: 'none', translateY: 0, duration: 0.2 });\r\n        };\r\n\r\n        const handleClickOutside = (e) => {\r\n            if (!container.contains(e.target)) {\r\n                if (isToggled.current) {\r\n                    const stats = document.getElementsByClassName('stat');\r\n\r\n                    const expandingAnotherStat = [...stats].some((el) => el.contains(e.target));\r\n                    collapse(expandingAnotherStat);\r\n                }\r\n            }\r\n        };\r\n\r\n        const handleKeyPress = (e) => {\r\n            if (e.keyCode === 27 && isToggled.current) {\r\n                collapse();\r\n            }\r\n        };\r\n\r\n        if (container) {\r\n            if (isDesktop) {\r\n                container.addEventListener('mouseenter', handleMouseEnter);\r\n                container.addEventListener('mouseleave', handleMouseLeave);\r\n            }\r\n            container.addEventListener('keydown', handleKeyPress);\r\n            //Detect click outside\r\n            document.addEventListener('click', handleClickOutside);\r\n        }\r\n\r\n        return () => {\r\n            container.removeEventListener('mouseenter', handleMouseEnter);\r\n            container.removeEventListener('mouseleave', handleMouseLeave);\r\n            container.removeEventListener('keydown', handleKeyPress);\r\n            document.removeEventListener('click', handleClickOutside);\r\n        };\r\n    }, []);\r\n\r\n    const expand = () => {\r\n        if (typeof window === 'undefined') return;\r\n        const isDesktop = window.innerWidth > 768;\r\n\r\n        //Keyboard navigation\r\n        back.current.removeAttribute('tabindex');\r\n        front.current.setAttribute('tabindex', -1);\r\n        back.current.focus();\r\n\r\n        const newIndex = window.lastIndex ? window.lastIndex + 2 : 5;\r\n        window.lastIndex = newIndex;\r\n        var tl = gsap.timeline();\r\n        currentTimeline.current && currentTimeline.current.kill();\r\n        const viewportOffset = statContainer.current.getBoundingClientRect();\r\n\r\n        //Calculate required sizes. Have to temporarily change the width to get this calculation right.\r\n        !isLarge && !isDouble && gsap.set(back.current, { width: '200%' });\r\n        const heightIncrease = backInner.current.offsetHeight;\r\n        !isLarge && !isDouble && gsap.set(back.current, { width: '100%' });\r\n        const width = document.querySelector('.stat--large').offsetWidth;\r\n\r\n        if (back.current.offsetHeight < heightIncrease) {\r\n            tl.to(back.current, { height: heightIncrease + 'px', ease: 'back.out(1.2)', duration: 0.3 }, 0.3);\r\n        }\r\n\r\n        gsap.set(statContainer.current.parentNode, { zIndex: newIndex });\r\n        gsap.set('.modal-fade', { display: 'block', zIndex: newIndex - 1 });\r\n\r\n        tl.to(front.current, { rotationY: 180, ease: 'back.out(1.2)', duration: 0.8 }, 0);\r\n        tl.to(back.current, { rotationY: 0, ease: 'back.out(1.2)', duration: 0.8 }, 0);\r\n        tl.to(backInner.current, { opacity: 1, ease: 'back.out(1.2)', duration: 0.4 }, !isLarge && !isDouble ? 0.4 : 0.2);\r\n\r\n        tl.to('.modal-fade', { opacity: 1, duration: 0.3 }, 0.3);\r\n\r\n        if (!isLarge && !isDouble) {\r\n            tl.to(back.current, { width: width + 'px', ease: 'back.out(1.2)', duration: 0.3 }, 0.3); //Small\r\n\r\n            //Nudge it left if it's on the right side of the window. The 20 just gives a little safe offset for items starting right in the middle\r\n            if (viewportOffset.left > window.innerWidth / 2 - 20) {\r\n                tl.to(back.current, { translateX: '-50%', ease: 'back.out(1.2)', duration: 0.3 }, 0.3); //Small\r\n            }\r\n        }\r\n\r\n        //Scroll the view to fit the statistic\r\n        const bottomPosition = viewportOffset.top + heightIncrease;\r\n        const offsetTop = statContainer.current.getBoundingClientRect().top + window.scrollY;\r\n        console.log('window.scrollY', window.scrollY);\r\n        console.log('offsetTop', offsetTop);\r\n\r\n        const scrollPosition = !isDesktop ? offsetTop - 62 : offsetTop - statContainer.current.offsetHeight / (isLarge ? 2 : 1);\r\n\r\n        if (bottomPosition > window.innerHeight) {\r\n            gsap.to(window, { duration: 0.4, scrollTo: { y: scrollPosition } });\r\n        }\r\n\r\n        //Nudge it up if sitting outside the document (near footer on small devices)\r\n\r\n        if (offsetTop + heightIncrease > document.documentElement.offsetHeight) {\r\n            const verticalNudge = document.documentElement.offsetHeight - (offsetTop + heightIncrease);\r\n            tl.to(back.current, { translateY: verticalNudge, ease: 'back.out(1.2)', duration: 0.3 }, 0.3); //Small\r\n        }\r\n\r\n        currentTimeline.current = tl;\r\n    };\r\n\r\n    const collapse = (expandingAnotherStat = false) => {\r\n        var tl = gsap.timeline();\r\n        currentTimeline.current && currentTimeline.current.kill();\r\n        const delay = isLarge ? 0 : 0.1;\r\n\r\n        //Deal with keyboard nav\r\n        back.current.setAttribute('tabindex', -1);\r\n        front.current.removeAttribute('tabindex');\r\n        if (!expandingAnotherStat) {\r\n            front.current.focus();\r\n        }\r\n\r\n        if (!expandingAnotherStat) {\r\n            tl.to('.modal-fade', { opacity: 0, duration: 0.3 }, 0);\r\n            tl.to('.modal-fade', { display: 'none' }, 0.3);\r\n        }\r\n\r\n        tl.to(back.current, { height: '100%', width: '100%', translateX: 0, translateY: 0, ease: 'back.out(1.2)', duration: 0.3 }, 0); //Small\r\n        tl.to(front.current, { rotationY: 0, ease: 'back.out(1.2)', duration: 0.8 }, delay);\r\n        tl.to(back.current, { rotationY: -180, ease: 'back.out(1.2)', duration: 0.8 }, delay);\r\n        tl.to(backInner.current, { opacity: 0, ease: 'back.out(1.2)', duration: 0.4 }, 0);\r\n\r\n        currentTimeline.current = tl;\r\n    };\r\n\r\n    const handleClick = () => {\r\n        if (!isToggled.current) {\r\n            expand();\r\n        } else {\r\n            collapse();\r\n        }\r\n        isToggled.current = !isToggled.current;\r\n    };\r\n\r\n    let statClass = 'stat';\r\n\r\n    if (isLarge) statClass = statClass + ' stat--large';\r\n    if (isLarge && !image) statClass = statClass + ' stat--large-no-image';\r\n    if (className) statClass = statClass + ' ' + className; //Custom classname for varying styles\r\n    if (isDouble) statClass = statClass + ' stat--double';\r\n    if (isDouble && image) statClass = statClass + ' stat--double-image';\r\n    if (isFlipped) statClass = statClass + ' stat--flipped';\r\n    if (!icon) statClass = statClass + ' stat--no-icon';\r\n    return (\r\n        <div className={statClass} style={(isDouble && { width: '100%' }, style && style)}>\r\n            {/* {imagePath && <div className=\"stat__image \" style={{ backgroundImage: `url(${imagePath})` }}></div>} */}\r\n            <div className=\"stat__wrap\" ref={statContainer}>\r\n                <button className=\"stat__front\" onClick={handleClick} ref={front}>\r\n                    <div className=\"stat__content\">\r\n                        <div>\r\n                            {icon && <div className=\"stat__icon\">{icon}</div>}\r\n                            <div className=\"stat__details\" data-equ-numericcounter='{\"value\": 195, \"duration\": 1000, \"divider\": \"\"}'>\r\n                                <strong className=\"u-block-element\">\r\n                                    <span>\r\n                                        {showDollar && '$'}\r\n                                        <span className=\"numeric-counter__value\">{value && value} </span>\r\n                                    </span>\r\n                                    {unit && unit}\r\n                                </strong>\r\n                                {label && <p>{label}</p>}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    {image && <div className=\"stat__image \">{image}</div>}\r\n                    <span className=\"u-sr-only\">Button to open more info about {label}</span>\r\n                </button>\r\n                <button className=\"stat__back\" onClick={handleClick} ref={back}>\r\n                    <div ref={backInner}>\r\n                        <div className=\"btn-close btn-close--big\"></div>\r\n                        <div className=\"stat__back-header\">\r\n                            {icon && <div className=\"stat__back-icon\">{icon}</div>}\r\n                            {/* On smaller cards, title only and 1 col */}\r\n                            <h2 className=\"stat__back-title\">{title && title}</h2>\r\n                        </div>\r\n                        <div className=\"stat__back-main\">\r\n                            {description && typeof description === 'string' && <p>{description}</p>}\r\n                            {description && typeof description !== 'string' && description}\r\n                            {graphData && <BarGraph data={graphData} label={label} />}\r\n                            {(tableDataPrevYear || tableDataCurrentYear) && (\r\n                                <div className=\"table-responsive\">\r\n                                    <table>\r\n                                        <thead>\r\n                                            <tr>\r\n                                                <th>Period</th>\r\n                                                <th>Actual</th>\r\n                                                <th>Target</th>\r\n                                                <th>Variance</th>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                            {tableDataPrevYear && (\r\n                                                <tr>\r\n                                                    {tableDataPrevYear.map((value, index) => (\r\n                                                        <td key={`${label.replace(' ', '-').toLowerCase() + 'tableCell' + index}`}>\r\n                                                            {value}\r\n                                                        </td>\r\n                                                    ))}\r\n                                                </tr>\r\n                                            )}\r\n                                            {tableDataCurrentYear && (\r\n                                                <tr>\r\n                                                    {tableDataCurrentYear.map((value, index) => (\r\n                                                        <td key={`${label.replace(' ', '-').toLowerCase() + 'tableCell' + index}`}>\r\n                                                            {value}\r\n                                                        </td>\r\n                                                    ))}\r\n                                                </tr>\r\n                                            )}\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n                    </div>\r\n                    <span className=\"u-sr-only\">Button to close more info about {label}</span>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n","import React, { createRef, useEffect } from 'react';\r\n\r\nimport { BarGraph } from './barGraph';\r\nimport gsap from 'gsap';\r\n\r\nexport const StatisticPanel = ({\r\n    showDollar,\r\n    icon,\r\n    value,\r\n    unit,\r\n    label,\r\n    title,\r\n    description,\r\n    className,\r\n    style,\r\n    graphData,\r\n    tableDataPrevYear,\r\n    tableDataCurrentYear,\r\n    isFlipped,\r\n}) => {\r\n    const statContainer = createRef();\r\n    const front = createRef();\r\n    const frontBG = createRef();\r\n    const backInner = createRef();\r\n    const back = createRef();\r\n    const isToggled = createRef(false);\r\n    const offset = isFlipped ? 150 : -150;\r\n    const hoverOffset = isFlipped ? -8 : 8;\r\n\r\n    useEffect(() => {\r\n        const container = statContainer.current;\r\n        gsap.set(back.current, { translateX: offset, opacity: 0 });\r\n        back.current.setAttribute('tabindex', -1);\r\n\r\n        const handleMouseEnter = () => {\r\n            if (!frontBG.current || window.innerWidth < 768) return;\r\n            gsap.to(frontBG.current, { boxShadow: '0 12px 50px 0 rgba(0, 0, 0, 0.2)', translateX: hoverOffset, duration: 0.2 });\r\n        };\r\n\r\n        const handleMouseLeave = () => {\r\n            if (!frontBG.current || window.innerWidth < 768) return;\r\n            gsap.to(frontBG.current, { boxShadow: 'none', translateX: 0, duration: 0.2 });\r\n        };\r\n\r\n        const handleClickOutside = (e) => {\r\n            if (!container.contains(e.target)) {\r\n                if (isToggled.current) {\r\n                    collapse();\r\n                }\r\n            }\r\n        };\r\n\r\n        const handleKeyPress = (e) => {\r\n            if (e.keyCode === 27 && isToggled.current) {\r\n                collapse();\r\n            }\r\n        };\r\n\r\n        if (container) {\r\n            container.addEventListener('mouseenter', handleMouseEnter);\r\n            container.addEventListener('mouseleave', handleMouseLeave);\r\n            container.addEventListener('keydown', handleKeyPress);\r\n            //Detect click outside\r\n            document.addEventListener('click', handleClickOutside);\r\n        }\r\n\r\n        return () => {\r\n            container.removeEventListener('mouseenter', handleMouseEnter);\r\n            container.removeEventListener('mouseleave', handleMouseLeave);\r\n            container.removeEventListener('keydown', handleKeyPress);\r\n            document.removeEventListener('click', handleClickOutside);\r\n        };\r\n    }, []);\r\n\r\n    let statClass = 'stat';\r\n\r\n    if (className) statClass = statClass + ' ' + className; //Custom classname for varying styles\r\n    if (isFlipped) statClass = statClass + ' stat--flipped';\r\n\r\n    const handleClick = () => {\r\n        if (!isToggled.current) {\r\n            expand();\r\n        } else {\r\n            collapse();\r\n        }\r\n        isToggled.current = !isToggled.current;\r\n    };\r\n\r\n    const expand = () => {\r\n        if (typeof window === 'undefined') return;\r\n        const viewportOffset = statContainer.current.getBoundingClientRect();\r\n\r\n        //Keyboard navigation\r\n        back.current.removeAttribute('tabindex');\r\n        front.current.setAttribute('tabindex', -1);\r\n        back.current.focus();\r\n\r\n        var tl = gsap.timeline();\r\n        const newIndex = window.lastIndex ? window.lastIndex + 2 : 5;\r\n        window.lastIndex = newIndex;\r\n        tl.to(back.current, { translateX: 0, opacity: 1, ease: 'back.out(1)', duration: 0.4 }, 0);\r\n        gsap.set(statContainer.current, { zIndex: newIndex });\r\n\r\n        //Calculate required height. Have to temporarily change the width to get this calculation right.\r\n        //For the panel style, this applies to mobile only\r\n        if (window.innerWidth < 768) {\r\n            const heightIncrease = backInner.current.offsetHeight;\r\n            tl.to(back.current, { height: heightIncrease }, 0.3);\r\n        }\r\n\r\n        //Scroll the view to fit the statistic\r\n        const bottomPosition = viewportOffset.top + statContainer.current.offsetHeight;\r\n        const offsetTop = statContainer.current.getBoundingClientRect().top + document.documentElement.scrollTop;\r\n        const scrollPositionCentered = offsetTop - statContainer.current.offsetHeight / 2;\r\n        if (bottomPosition > window.innerHeight) {\r\n            gsap.to(window, { duration: 0.4, scrollTo: { y: scrollPositionCentered } });\r\n        }\r\n\r\n        //Quick bugfix for modal. Alternatively handle via more robust 'expandingAnotherStat' selector in statistic.js\r\n        setTimeout(() => {\r\n            tl.to('.modal-fade', { opacity: 0, duration: 0.3 }, 0);\r\n            tl.to('.modal-fade', { display: 'none' }, 0.3);\r\n        }, 300);\r\n    };\r\n\r\n    const collapse = () => {\r\n        var tl = gsap.timeline();\r\n        tl.to(back.current, { translateX: offset, opacity: 0, ease: 'back.out(1)', duration: 0.4 }, 0);\r\n        //Deal with keyboard nav\r\n        back.current.setAttribute('tabindex', -1);\r\n        front.current.removeAttribute('tabindex');\r\n    };\r\n\r\n    return (\r\n        <div className={statClass} style={style && style}>\r\n            <div className=\"stat__wrap\" ref={statContainer}>\r\n                <button className=\"stat__front\" onClick={handleClick} ref={front}>\r\n                    <div className=\"stat__panel-bg\" ref={frontBG}>\r\n                        {/* As there are so many variations, bg image is determined by CSS class */}\r\n                        <div className=\"stat__panel-bg-image\"></div>\r\n                    </div>\r\n                    <div className=\"stat__content\">\r\n                        <div>\r\n                            {icon && <div className=\"stat__icon\">{icon}</div>}\r\n                            <div className=\"stat__details\" data-equ-numericcounter='{\"value\": 195, \"duration\": 1000, \"divider\": \"\"}'>\r\n                                <strong className=\"u-block-element\">\r\n                                    <span>\r\n                                        {showDollar && '$'}\r\n                                        <span className=\"numeric-counter__value\">{value && value} </span>\r\n                                    </span>\r\n                                    {unit && unit}\r\n                                </strong>\r\n                                {label && <p>{label}</p>}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <span className=\"u-sr-only\">Button to open more info about {label}</span>\r\n                </button>\r\n                <button className=\"stat__back\" onClick={handleClick} ref={back}>\r\n                    <div ref={backInner}>\r\n                        <div className=\"btn-close btn-close--big\"></div>\r\n                        <div className=\"stat__panel-bg\"></div>\r\n                        <div className=\"stat__back-header\">\r\n                            {icon && <div className=\"stat__back-icon\">{icon}</div>}\r\n                            <h2 className=\"stat__back-title\">{title && title}</h2>\r\n                        </div>\r\n                        <div className=\"stat__back-main\">\r\n                            {description && typeof description === 'string' && <p>{description}</p>}\r\n                            {description && typeof description !== 'string' && description}\r\n                            {graphData && <BarGraph data={graphData} label={label} />}\r\n                            {(tableDataPrevYear || tableDataCurrentYear) && (\r\n                                <div className=\"table-responsive\">\r\n                                    <table>\r\n                                        <thead>\r\n                                            <tr>\r\n                                                <th>Period</th>\r\n                                                <th>Actual</th>\r\n                                                <th>Target</th>\r\n                                                <th>Variance</th>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                            {tableDataPrevYear && (\r\n                                                <tr>\r\n                                                    {tableDataPrevYear.map((value, index) => (\r\n                                                        <td key={`${label.replace(' ', '-').toLowerCase() + 'tableCell' + index}`}>\r\n                                                            {value}\r\n                                                        </td>\r\n                                                    ))}\r\n                                                </tr>\r\n                                            )}\r\n                                            {tableDataCurrentYear && (\r\n                                                <tr>\r\n                                                    {tableDataCurrentYear.map((value, index) => (\r\n                                                        <td key={`${label.replace(' ', '-').toLowerCase() + 'tableCell' + index}`}>\r\n                                                            {value}\r\n                                                        </td>\r\n                                                    ))}\r\n                                                </tr>\r\n                                            )}\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n                    </div>\r\n                    <span className=\"u-sr-only\">Button to close more info about {label}</span>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n"],"names":["isIE","document","documentMode","structureFires","label","value","bushfires","otherfires","roadCrashRescues","litresFireSuppressantDroppedByAircraft","newBuildingsInspected","homesSaved","warningsIssued","hazardousSituations","tripleZeroCallsReceived","volunteersAttendingIncidents","livesSavedFromAnnualBloodDonations","socialMediaFollowers","socialMediaImpressions","healthSafetyConsultations","healthSafetyTraining","healthSafetyHazardsReported","emergencyRescueHelicopterMissionHours","incidentResponseVehicles","timesAircraftDropped","longServiceMedalsAwarded","planningProposalReferralsFromLocalGovernment","totalFirebanDaysDeclared","rescuesWithMedicalAssistance","totalIncidents","providedForBushfireMitigationActivities","naturalHazardEvents","numberDFESCalls","gsap","ScrollToPlugin","ScrollTrigger","useEffect","panels","querySelectorAll","i","length","element","parentNode","perspective","scrollTrigger","trigger","start","end","scrub","once","opacity","rotationX","ease","headerTitle","headerIntro","headerImage","showCTA","title","className","isDouble","description","icon","graphData","image","src","img_firefighters","alt","isLarge","img_ripples","style","backgroundImage","incidentResponcePicture","img_helicopter","img_marinerescue","isFlipped","img_firetruck","img_firefighterCloseup","objectPosition","img_awards","img_volunteerwithtruck","volSafetyPic","backgroundPosition","showDollar","img_mitigationactivities","fireTruckSmoke","Bar","stat","max","size","targetPos","target","toLocaleString","height","bottom","BarGraph","data","values","map","dataEntry","targets","maxValues","Math","entry","index","key","replace","toLowerCase","Statistic","unit","tableDataPrevYear","tableDataCurrentYear","statContainer","createRef","front","back","backInner","isToggled","currentTimeline","container","current","isDesktop","window","innerWidth","rotationY","transformStyle","backfaceVisibility","setAttribute","duration","handleMouseEnter","boxShadow","translateY","handleMouseLeave","handleClickOutside","e","contains","stats","getElementsByClassName","expandingAnotherStat","some","el","collapse","handleKeyPress","keyCode","addEventListener","removeEventListener","tl","kill","delay","removeAttribute","focus","to","display","width","translateX","handleClick","newIndex","lastIndex","viewportOffset","getBoundingClientRect","heightIncrease","offsetHeight","querySelector","offsetWidth","zIndex","left","bottomPosition","top","offsetTop","scrollY","console","log","scrollPosition","innerHeight","scrollTo","y","documentElement","verticalNudge","expand","statClass","ref","onClick","StatisticPanel","frontBG","offset","hoverOffset","scrollPositionCentered","scrollTop","setTimeout"],"sourceRoot":""}