{"version":3,"sources":["webpack:///./src/js/modules/weatherWidget/components/Panel.js","webpack:///./src/js/modules/weatherWidget/index.js","webpack:///./node_modules/prop-types/index.js","webpack:///./node_modules/prop-types/factoryWithThrowingShims.js","webpack:///./node_modules/prop-types/lib/ReactPropTypesSecret.js","webpack:///./node_modules/classnames/index.js"],"names":["Panel","isOpen","report","unit","onUnitChange","onClose","forecastLabel","snowLabel","acreageLabel","snow24hrLabel","snow48hrLabel","snow7dayLabel","loaded","useRef","panelRef","panelBoxRef","ignoreUtilFocusChanges","lastFocus","navRef","navButtonsRefs","useState","selectedMountain","setSelectedMountain","mountains","weather","content","breakpoint","window","matchMedia","breakpoints","tabletLandscape","animatePanel","useCallback","direction","panel","current","panelBox","timeline","anime","easing","begin","style","visibility","complete","focusFirstDescendant","add","targets","opacity","duration","matches","translateX","animatedElement","querySelectorAll","closeButton","querySelector","delay","stagger","translateY","toggle","document","body","position","top","scrollY","scrollTo","parseInt","useEffect","handleFocus","e","contains","target","activeElement","focusLastDescendant","addEventListener","removeEventListener","listener","addListener","removeListener","element","i","childNodes","length","child","attemptFocus","isFocusable","focus","nf","Intl","NumberFormat","left","offsetLeft","behavior","className","ref","viewBox","xlinkHref","aria-label","onClick","data-animate","map","mountain","index","key","name","classNames","active","condition_title","temperature","toUpperCase","weatherIconMap","condition","high","low","snow","imperial","acres","format","open","total","button_links","link","url","href","link_text","text_links","propTypes","PropTypes","bool","isRequired","object","string","func","WeatherWidget","endpoint","props","setIsOpen","setReport","localStorage","getItem","selectedUnit","setSelectedUnit","Axios","method","data","fetchData","closeEvent","CustomEvent","customEvents","closeMobilePrimaryNavTrigger","dispatchEvent","handleEventClose","closeWeatherWidgetTrigger","setItem","module","exports","ReactPropTypesSecret","emptyFunction","emptyFunctionWithReset","resetWarningCache","shim","propName","componentName","location","propFullName","secret","err","Error","getShim","ReactPropTypes","array","number","symbol","any","arrayOf","elementType","instanceOf","node","objectOf","oneOf","oneOfType","shape","exact","checkPropTypes","hasOwn","hasOwnProperty","classes","arguments","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","call","join","default"],"mappings":"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","file":"27.d52f61e7a82a58c7a65f.js","sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from 'react';\nimport anime from 'animejs';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { isFocusable } from '../../../helpers';\nimport { breakpoints, weatherIconMap } from '../../../helpers/constants';\n\nconst Panel = ({\n isOpen,\n report,\n unit,\n onUnitChange,\n onClose,\n forecastLabel,\n snowLabel,\n acreageLabel,\n snow24hrLabel,\n snow48hrLabel,\n snow7dayLabel\n}) => {\n const loaded = useRef(false);\n const panelRef = useRef(null);\n const panelBoxRef = useRef(null);\n\n const ignoreUtilFocusChanges = useRef(null);\n const lastFocus = useRef(null);\n const navRef = useRef(null);\n const navButtonsRefs = useRef([]);\n\n const [selectedMountain, setSelectedMountain] = useState(0);\n const { weather, content } = report.mountains[selectedMountain];\n\n const breakpoint = window.matchMedia(\n `(min-width: ${breakpoints.tabletLandscape}px)`\n );\n\n const animatePanel = useCallback(\n ({ direction = 'normal' }) => {\n const panel = panelRef.current;\n const panelBox = panelBoxRef.current;\n\n const timeline = anime.timeline({\n easing: 'easeInOutQuad',\n direction,\n begin: () => {\n if (direction === 'normal') {\n panel.style.visibility = 'visible';\n }\n },\n complete: () => {\n if (direction === 'reverse') {\n panel.style.visibility = 'hidden';\n } else {\n focusFirstDescendant(panelBox);\n }\n }\n });\n\n timeline.add({\n targets: panel,\n opacity: [0, 1],\n duration: breakpoint.matches ? 150 : 0\n });\n\n if (breakpoint.matches) {\n timeline.add({\n targets: panelBox,\n translateX: ['100%', '0%'],\n duration: 400\n });\n\n const animatedElement = panelBox.querySelectorAll('[data-animate]');\n const closeButton = panelBox.querySelector(\n '.weather-widget__panel-close'\n );\n\n timeline.add({\n targets: [...animatedElement, closeButton],\n opacity: [0, 1],\n translateX: ['10%', '0%'],\n duration: 300,\n delay: anime.stagger(100)\n });\n } else {\n timeline.add({\n targets: panelBox,\n translateY: ['100%', '0%'],\n duration: 400\n });\n }\n },\n [breakpoint.matches, focusFirstDescendant]\n );\n\n const toggle = useCallback(() => {\n if (loaded.current) {\n if (isOpen) {\n document.body.style.position = 'fixed';\n document.body.style.top = `-${window.scrollY}px`;\n animatePanel({});\n } else {\n const scrollY = document.body.style.top;\n document.body.style.position = null;\n document.body.style.top = null;\n window.scrollTo(0, parseInt(scrollY || '0') * -1);\n animatePanel({ direction: 'reverse' });\n }\n } else {\n loaded.current = true;\n }\n }, [animatePanel, isOpen]);\n\n useEffect(() => {\n toggle();\n }, [toggle]);\n\n useEffect(() => {\n const handleFocus = e => {\n if (ignoreUtilFocusChanges.current) return;\n\n if (panelBoxRef.current.contains(e.target)) {\n lastFocus.current = e.target;\n } else {\n focusFirstDescendant(panelBoxRef.current);\n\n if (lastFocus.current === document.activeElement) {\n focusLastDescendant(panelBoxRef.current);\n }\n lastFocus.current = document.activeElement;\n }\n };\n\n document.addEventListener('focus', handleFocus, true);\n return () => {\n document.removeEventListener('focus', handleFocus, true);\n };\n }, [focusFirstDescendant, focusLastDescendant]);\n\n useEffect(() => {\n const listener = () => {\n panelRef.current.style = null;\n panelBoxRef.current.style = null;\n toggle();\n };\n\n breakpoint.addListener(listener);\n return () => breakpoint.removeListener(listener);\n }, [breakpoint, toggle]);\n\n const focusFirstDescendant = useCallback(\n element => {\n for (let i = 0; i < element.childNodes.length; i++) {\n const child = element.childNodes[i];\n if (attemptFocus(child) || focusFirstDescendant(child)) {\n return true;\n }\n }\n return false;\n },\n [attemptFocus]\n );\n\n const focusLastDescendant = useCallback(\n element => {\n for (let i = element.childNodes.length - 1; i >= 0; i--) {\n const child = element.childNodes[i];\n if (attemptFocus(child) || focusLastDescendant(child)) {\n return true;\n }\n }\n return false;\n },\n [attemptFocus]\n );\n\n const attemptFocus = useCallback(element => {\n if (!isFocusable(element)) {\n return false;\n }\n\n ignoreUtilFocusChanges.current = true;\n try {\n element.focus();\n } catch (e) {\n return;\n }\n ignoreUtilFocusChanges.current = false;\n return document.activeElement === element;\n }, []);\n\n const nf = new Intl.NumberFormat();\n\n useEffect(() => {\n if (\n navRef.current &&\n navButtonsRefs.current &&\n navButtonsRefs.current[selectedMountain]\n ) {\n const left = navButtonsRefs.current[selectedMountain].offsetLeft;\n navRef.current.scrollTo({\n top: 0,\n left: left - 42,\n behavior: 'smooth'\n });\n }\n }, [selectedMountain]);\n\n return (\n <div className=\"weather-widget__panel\" ref={panelRef}>\n <div className=\"weather-widget__panel-box\" ref={panelBoxRef}>\n <svg viewBox=\"0 0 531 600\" className=\"weather-widget__panel-logo\">\n <title>aspen logo</title>\n <use xlinkHref=\"#aspen-leaf\" />\n </svg>\n\n <button\n className=\"weather-widget__panel-close\"\n aria-label=\"Close\"\n onClick={onClose}\n >\n <svg viewBox=\"0 0 246 246\">\n <title>panel close</title>\n <use xlinkHref=\"#close\" />\n </svg>\n </button>\n <ul className=\"weather-widget__navigation\" data-animate ref={navRef}>\n {report.mountains?.map((mountain, index) => (\n <li key={mountain.name}>\n <button\n ref={ref => (navButtonsRefs.current[index] = ref)}\n className={classNames({\n active: selectedMountain === index\n })}\n onClick={() => setSelectedMountain(index)}\n >\n {mountain.name}\n </button>\n </li>\n ))}\n </ul>\n <div className=\"weather-widget__panel-inner\">\n {!!weather && (\n <div>\n <p className=\"weather-widget__panel-label\" data-animate>\n {forecastLabel}: <strong>{weather.condition_title}</strong>\n </p>\n <div data-animate>\n <div className=\"weather-widget__panel-unit-toggle\">\n <button\n className={classNames({ active: unit === 'f' })}\n onClick={() => onUnitChange('f')}\n >\n °F\n </button>\n <button\n className={classNames({ active: unit === 'c' })}\n onClick={() => onUnitChange('c')}\n >\n °C\n </button>\n </div>\n <div className=\"weather-widget__panel-today\">\n <p className=\"weather-widget__panel-value\">\n {weather.temperature.current[unit]}°{unit.toUpperCase()}\n </p>\n <svg className=\"weather-widget__panel-icon\">\n <title>weather</title>\n <use xlinkHref={`#${weatherIconMap[weather.condition]}`} />\n </svg>\n <div className=\"weather-widget__panel-max-min\">\n <p>\n <svg viewBox=\"0 0 11 16\">\n <title>highest</title>\n <use xlinkHref=\"#arrow-up\" />\n </svg>\n {weather.temperature.high[unit]}°{unit.toUpperCase()}\n </p>\n <p>\n <svg viewBox=\"0 0 11 15\">\n <title>lowest</title>\n <use xlinkHref=\"#arrow-down\" />\n </svg>\n {weather.temperature.low[unit]}°{unit.toUpperCase()}\n </p>\n </div>\n </div>\n </div>\n {weather.snow && (\n <>\n <p className=\"weather-widget__panel-label\" data-animate>\n {snowLabel}\n </p>\n <div className=\"weather-widget__panel-value-row\" data-animate>\n <p className=\"weather-widget__panel-value\">\n {weather.snow['_24_hour'].imperial}â€\n <span>{snow24hrLabel}</span>\n </p>\n <p className=\"weather-widget__panel-value\">\n {weather.snow['_48_hour'].imperial}â€\n <span>{snow48hrLabel}</span>\n </p>\n <p className=\"weather-widget__panel-value\">\n {weather.snow['_7_day'].imperial}â€\n <span>{snow7dayLabel}</span>\n </p>\n </div>\n </>\n )}\n {!!weather.acres && (\n <div className=\"weather-widget__panel-value-row\">\n <p className=\"weather-widget__panel-label\" data-animate>\n {acreageLabel}\n </p>\n <p className=\"weather-widget__panel-value\" data-animate>\n {nf.format(weather.acres.open || 0)}{' '}\n <span className=\"weather-widget__panel-value\">\n of {nf.format(weather.acres.total || 0)}\n </span>\n </p>\n </div>\n )}\n </div>\n )}\n <ul className=\"weather-widget__links\" data-animate>\n {content?.button_links.map(link => (\n <li key={link.url}>\n <a href={link.url} target={link.target}>\n {link.link_text}\n </a>\n </li>\n ))}\n {content?.text_links.map(link => (\n <li key={link.url}>\n <a href={link.url} target={link.target}>\n {link.link_text}\n </a>\n </li>\n ))}\n </ul>\n </div>\n </div>\n </div>\n );\n};\n\nPanel.propTypes = {\n isOpen: PropTypes.bool.isRequired,\n report: PropTypes.object.isRequired,\n unit: PropTypes.string.isRequired,\n onUnitChange: PropTypes.func.isRequired,\n onClose: PropTypes.func.isRequired,\n forecastLabel: PropTypes.string.isRequired,\n snowLabel: PropTypes.string.isRequired,\n acreageLabel: PropTypes.string.isRequired,\n snow24hrLabel: PropTypes.string.isRequired,\n snow48hrLabel: PropTypes.string.isRequired,\n snow7dayLabel: PropTypes.string.isRequired\n};\n\nexport default Panel;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Axios from 'axios';\n\nimport Panel from './components/Panel';\nimport { breakpoints, customEvents, weatherIconMap } from '../../helpers/constants';\n\nconst WeatherWidget = ({ endpoint, ...props }) => {\n const breakpoint = window.matchMedia(\n `(min-width: ${breakpoints.tabletLandscape}px)`\n );\n const [isOpen, setIsOpen] = useState(false);\n const [report, setReport] = useState({});\n const [selectedUnit, setSelectedUnit] = useState(\n window.localStorage.getItem('aspen_weather_unit') || 'f'\n );\n\n useEffect(() => {\n const fetchData = async () => {\n const { data } = await Axios({\n method: 'GET',\n url: endpoint\n });\n\n setReport(data);\n };\n\n fetchData();\n }, [endpoint]);\n\n useEffect(() => {\n if (isOpen) {\n const closeEvent = new CustomEvent(customEvents.closeMobilePrimaryNavTrigger);\n window.dispatchEvent(closeEvent);\n }\n }, [isOpen])\n\n const handleEventClose = () => (\n setIsOpen(false)\n )\n\n useEffect(() => {\n window.addEventListener(customEvents.closeWeatherWidgetTrigger, handleEventClose);\n return () => window.removeEventListener(customEvents.closeWeatherWidgetTrigger, handleEventClose);\n }, [])\n\n const handleSelectUnit = unit => {\n setSelectedUnit(unit);\n window.localStorage.setItem('aspen_weather_unit', unit);\n };\n\n if (!report.mountains?.length) {\n return null;\n }\n\n const {\n weather: { condition, temperature }\n } = report.mountains[0];\n\n return (\n <>\n <button\n className=\"weather-widget__trigger\"\n onClick={() => setIsOpen(!isOpen)}\n >\n {isOpen && !breakpoint.matches ? (\n <svg\n viewBox=\"0 0 246 246\"\n className=\"weather-widget__trigger-close-icon\"\n >\n <title>menu</title>\n <use xlinkHref=\"#close\" />\n </svg>\n ) : (\n <>\n <span>\n {temperature.current[selectedUnit]}°{selectedUnit.toUpperCase()}\n </span>\n <svg className=\"weather-widget__trigger-icon\">\n <title>weather</title>\n <use xlinkHref={`#${weatherIconMap[condition]}`} />\n </svg>\n </>\n )}\n </button>\n <Panel\n {...props}\n isOpen={isOpen}\n report={report}\n unit={selectedUnit}\n onUnitChange={handleSelectUnit}\n onClose={() => setIsOpen(false)}\n />\n </>\n );\n};\n\nWeatherWidget.propTypes = {\n endpoint: PropTypes.string.isRequired\n};\n\nexport default WeatherWidget;\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n var ReactIs = require('react-is');\n\n // By explicitly using `prop-types` you are opting into new development behavior.\n // http://fb.me/prop-types-in-prod\n var throwOnDirectAccess = true;\n module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n // By explicitly using `prop-types` you are opting into new production behavior.\n // http://fb.me/prop-types-in-prod\n module.exports = require('./factoryWithThrowingShims')();\n}\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n function shim(props, propName, componentName, location, propFullName, secret) {\n if (secret === ReactPropTypesSecret) {\n // It is still safe when called from React.\n return;\n }\n var err = new Error(\n 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n 'Use PropTypes.checkPropTypes() to call them. ' +\n 'Read more at http://fb.me/use-check-prop-types'\n );\n err.name = 'Invariant Violation';\n throw err;\n };\n shim.isRequired = shim;\n function getShim() {\n return shim;\n };\n // Important!\n // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n var ReactPropTypes = {\n array: shim,\n bool: shim,\n func: shim,\n number: shim,\n object: shim,\n string: shim,\n symbol: shim,\n\n any: shim,\n arrayOf: getShim,\n element: shim,\n elementType: shim,\n instanceOf: getShim,\n node: shim,\n objectOf: getShim,\n oneOf: getShim,\n oneOfType: getShim,\n shape: getShim,\n exact: getShim,\n\n checkPropTypes: emptyFunctionWithReset,\n resetWarningCache: emptyFunction\n };\n\n ReactPropTypes.PropTypes = ReactPropTypes;\n\n return ReactPropTypes;\n};\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n","/*!\n Copyright (c) 2018 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"sourceRoot":""}