{"version":3,"sources":["webpack:///./src/pages/kpis.js","webpack:///./src/images/banner/banner-3.jpg"],"names":["gsap","registerPlugin","ScrollToPlugin","ScrollTrigger","KPIs","useEffect","isIE","window","innerWidth","panels","document","querySelectorAll","i","length","element","set","parentNode","perspective","from","scrollTrigger","trigger","start","end","scrub","once","opacity","rotationX","ease","headerTitle","headerIntro","headerImage","title","className","isDouble","value","label","description","tableData","isLarge","style","backgroundImage","isFlipped","marginTop","module","exports"],"mappings":"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","file":"component---src-pages-kpis-js-863ed2de85636f54a191.js","sourcesContent":["import 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 gsap from 'gsap';\r\nimport headerImage from '../images/banner/banner-3.jpg';\r\nimport { isIE } from '../helpers/isIE';\r\n\r\ngsap.registerPlugin(ScrollToPlugin);\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\nconst KPIs = () => {\r\n    useEffect(() => {\r\n        if (!isIE && window.innerWidth > 768) {\r\n            //Panel intro animation - late addition. Ideally the panels should be a component but too much refactoring 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=\"Key Performance Indicators\"\r\n            headerIntro=\"To keep track of how we’re performing, we have indicators which are reported to Government. More detailed information is provided in the Key Performance Indicators section of our Annual Report.\"\r\n            headerImage={headerImage}\r\n        >\r\n            <SEO title=\"Key Performance Indicators\" />\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=\"20%\"\r\n                                label=\"of community members recognise their local natural hazard risks and are prepared to take action.\"\r\n                                title=\"Hazard\"\r\n                                description=\"20% of community members recognise their local natural hazard risks and are prepared to take action. This means they not only recognise they are at risk of bushfire, flood, storm or cyclone but have also either prepared an emergency kit or written an emergency plan.\"\r\n                                className=\"stat--dark-blue\"\r\n                                tableData={['20%', '15%', '+5%']}\r\n                            />\r\n                            <Statistic\r\n                                value=\"72.33%\"\r\n                                isDouble\r\n                                label=\"of scheduled operational courses are delivered.\"\r\n                                title=\"Operational Courses\"\r\n                                description=\"Our result was lower than target due to restrictions caused by COVID-19 where face to face scheduled training courses were cancelled from 17 March 2020 till 15 June 2020. With the social distancing restrictions now lifted, we expect to meet the target in the future as face to face training courses have recommenced.\"\r\n                                className=\"stat--grey stat--margin\"\r\n                                tableData={['72.33%', '80%', '-7.67%']}\r\n                            />\r\n                        </div>\r\n                        <Statistic\r\n                            isLarge\r\n                            value=\"$11.75\"\r\n                            label=\"was the average cost to deliver education and awareness programs and emergency hazard information, 36 cents per household more than our target of $11.39.\"\r\n                            title=\"Cost to deliver awareness programs\"\r\n                            description=\"Research shows informed communities are better able to manage their risks, reducing the impact of natural hazards and other preventable emergencies. That is why we invest in a range of education and awareness programs able to reach WA’s diverse communities.\"\r\n                            className=\"stat--gold\"\r\n                            tableData={['$11.75', '$11.39', '+$0.36']}\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=\"$9.02\"\r\n                                label=\"was the average cost to deliver health, safety, wellbeing and training services which was lower than our target of $9.65.\"\r\n                                title=\"Cost to deliver training services\"\r\n                                description={\r\n                                    <>\r\n                                        <p>\r\n                                            It is essential our people are trained and supported to maintain their physical and mental\r\n                                            health while providing safe and efficient services to the community.\r\n                                        </p>\r\n                                        <p>\r\n                                            Our cost to deliver health, safety, wellbeing and training services was lower than our target of\r\n                                            $9.65 due to restrictions caused by COVID-19 where face to face scheduled training courses were\r\n                                            cancelled from 17 March 2020 till 15 June 2020.\r\n                                        </p>\r\n                                    </>\r\n                                }\r\n                                className=\"stat--dark-blue\"\r\n                                tableData={['$9.02', ' $9.65', '-$0.63 ']}\r\n                            />\r\n                            <div className=\"stat-panel__image\">\r\n                                <div style={{ backgroundImage: `url('/annualreport2020/images/stats/training-wellbeing.jpg')` }}></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=\"100%\"\r\n                            label=\"of Level 3 incident Impact Statements are completed and endorsed by the State Recovery Coordinator.\"\r\n                            title=\"Impact statements completed\"\r\n                            description=\"Impact Statements allow effective engagement and planning with local government trying to recover from a major incident. In partnering with them, we can ensure the right recovery support is provided to the community.\"\r\n                            className=\"stat--grey\"\r\n                            tableData={['100%', '80%', '+20%']}\r\n                        />\r\n                        <div className=\"uk-flex uk-flex-column\">\r\n                            <Statistic\r\n                                isDouble\r\n                                value=\"87.86%\"\r\n                                label=\"of structure fire reports were completed within specified timeframes.\"\r\n                                title=\"Structure fire reports completed within timeframes\"\r\n                                description={\r\n                                    <>\r\n                                        <p>\r\n                                            When incident reports are completed promptly, it enables buildings to be repaired / rebuilt more\r\n                                            quickly, aiding recovery and reducing the impact on families and businesses.\r\n                                        </p>\r\n                                        <p>\r\n                                            Our result of 87.86% of structure fire reports being completed promptly is below target. This\r\n                                            can be attributed to the structure fire incidents referred to our Fire Investigation Analysis\r\n                                            Unit for investigation of the cause of the fire. These investigations can be protracted and\r\n                                            delay the completion of the structure fire incident report. The importance of completing\r\n                                            incident reports within the specified timeframes will continue to be emphasised to all\r\n                                            responding crews.\r\n                                        </p>\r\n                                    </>\r\n                                }\r\n                                className=\"stat--dark-blue\"\r\n                                tableData={['87.86%', '90%', '-2.14%']}\r\n                            />\r\n                            <Statistic\r\n                                value=\"20%\"\r\n                                isDouble\r\n                                label=\"of natural hazard events caused a significant impact on the community.\"\r\n                                title=\"Natural hazard events\"\r\n                                description=\"The result of 20% was lower than our target of 25%. This shows our preparedness before a natural hazard event is making a difference.\"\r\n                                tableData={['20%', '25%', '+5%']}\r\n                                className=\"stat--gold stat--margin\"\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                            <div className=\"stat-panel__image stat-panel__image--flipped\">\r\n                                <div style={{ backgroundImage: `url('/annualreport2020/images/stats/ses-cliff-top.jpg')` }}></div>\r\n                            </div>\r\n                            <StatisticPanel\r\n                                isFlipped\r\n                                value=\"94.19%\"\r\n                                label=\"of responses to ESL 1 and ESL 2 incidents met target times.\"\r\n                                title=\"ESL incident target times\"\r\n                                description=\"94.19% of responses to ESL 1 and ESL 2 incidents met target times.\"\r\n                                tableData={['94.19%', '90%', '+4.19%']}\r\n                                className=\"stat--dark-blue\"\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--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=\"73.27%\"\r\n                                label=\"of structure fires were confined.\"\r\n                                title=\"Structure fires confined\"\r\n                                description=\"This reflects that through effective community fire safety education programs and our response, 980 homes that had a fire were able to be saved this year.\"\r\n                                tableData={['73.27%', '72%', '+1.26%']}\r\n                                className=\"stat--light\"\r\n                            />\r\n                        </div>\r\n                        <div className=\"uk-flex uk-flex-column\">\r\n                            <Statistic\r\n                                value=\"$163.20\"\r\n                                isDouble\r\n                                label=\"was the average cost to deliver frontline services which was higher than our target of $154.85.\"\r\n                                title=\"Average cost for frontline services\"\r\n                                description={\r\n                                    <div>\r\n                                        <p style={{ marginTop: '1.5em' }}>\r\n                                            <strong>Frontline (or community facing) services include:</strong>\r\n                                        </p>\r\n                                        <ul className=\"list-centered\">\r\n                                            <li>incident responders</li>\r\n                                            <li>fit-for-purpose response appliances, equipment and facilities</li>\r\n                                            <li>advice to the community and industry</li>\r\n                                            <li>management or mitigation of risks to prevent incidents from occurring</li>\r\n                                        </ul>\r\n                                        <p>\r\n                                            Our result of $163.20 per person to deliver frontline services was higher than our target of\r\n                                            $154.85. This can be contributed to the drying climate, changing emergency management landscape\r\n                                            and the overlap of fire seasons in the north and south of the State.\r\n                                        </p>\r\n                                    </div>\r\n                                }\r\n                                tableData={['$163.20', '$154.85', '+$8.35']}\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 KPIs;\r\n","module.exports = __webpack_public_path__ + \"static/banner-3-67da06d56db4e19687792e3edc414e7d.jpg\";"],"sourceRoot":""}