\n
\n );\n};\n\nHeroV2.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n primaryctacopy: PropTypes.string,\n primaryctalink: PropTypes.string,\n secondaryctalink: PropTypes.string,\n secondaryctacopy: PropTypes.string,\n hero_image: PropTypes.objectOf(PropTypes.string),\n};\n\nHeroV2.defaultProps = {\n title: null,\n subtitle: null,\n primaryctacopy: null,\n primaryctalink: null,\n secondaryctacopy: null,\n secondaryctalink: null,\n hero_image: null,\n};\n\nexport default HeroV2;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './appStoreButton.module.scss';\n\nconst AppStoreButton = props => {\n const { link, className } = props;\n\n const redirect = () => {\n if (link.startsWith('http')) {\n // open extrenal link in new tab\n const win = window.open(link, '_blank');\n win.focus();\n }\n };\n\n return (\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n {smalltoptitle}\n
\n {title_image?.desktop ? (\n \n {getHeroImage(title_image?.desktop)}\n
\n ) : (\n \n )}\n \n {subtitle}\n
\n {primaryctacopy && primaryctalink && (\n \n
\n \n {getHeroImage(hero_image?.desktop)}\n
\n \n ![](\"/img/app-store-badge.svg\")
\n
\n );\n};\n\nAppStoreButton.propTypes = {\n link: PropTypes.string,\n className: PropTypes.string,\n};\n\nAppStoreButton.defaultProps = {\n link: '',\n className: '',\n};\n\nexport default AppStoreButton;\n","import React from 'react';\nimport styles from './ratingTrend.module.scss';\n\nconst RatingTrend = (props) => {\n const { rating, ratingDifference, changeDirection, showDifferenceValue, threeMonthRatingDisplay, decimalPrecision = 2 } = props;\n const valueToDisplay = showDifferenceValue ? Math.abs(ratingDifference).toFixed(decimalPrecision) : rating.toFixed(decimalPrecision);\n\n if (changeDirection.toLowerCase() === 'up') {\n return (\n \n {!threeMonthRatingDisplay ? valueToDisplay : threeMonthRatingDisplay}\n \n \n );\n }\n if (changeDirection.toLowerCase() === 'down') {\n return (\n \n {!threeMonthRatingDisplay ? valueToDisplay : threeMonthRatingDisplay}\n \n \n );\n }\n if (changeDirection.toLowerCase() === 'none') {\n return (\n \n {!threeMonthRatingDisplay ? valueToDisplay : threeMonthRatingDisplay}\n \n \n );\n }\n return (\n --\n );\n};\n\nexport default RatingTrend;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"infoImage\":\"infoImage_infoImage__1nKbI\"};","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport RankedPlayerItem from '../../../../Tables/RankingListV2/components/RankedPlayerItem';\nimport { LinkAnchor } from '../../../../Links';\n\nimport styles from './style.module.scss';\n\nconst PtsRankingListItem = ({ showLoading, item }) => {\n return (\n \n \n \n
\n );\n};\n\nPtsRankingListItem.propTypes = {\n item: PropTypes.instanceOf(Object).isRequired,\n showLoading: PropTypes.bool,\n};\n\nPtsRankingListItem.defaultProps = {\n showLoading: false,\n};\n\nexport default PtsRankingListItem;\n","/* eslint-disable camelcase */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable no-shadow */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\n\nimport { fetchPtsRankings } from '../../../redux/actions/pts-ranking-actions';\n\nimport TabTable, { Filter } from '../../Tables/TabTable';\nimport Tabs from '../../Tabs';\nimport PtsRankingListItem from './components/PtsRankingListItem';\n\nimport styles from './style.module.scss';\n\nconst RANK_FILTER_INTERVAL = 10;\n\nconst findRanking = (player, rankId) => player.rankings.find(({ rankListId }) => rankListId === rankId);\n\nexport const PtsRankingList = (props) => {\n const { fetchPtsRankings, playersList, isLoading, displayCount, title, classname, view_all_url } = props;\n\n const [filters, setFilters] = useState({\n gender: 'm',\n rankFilter: {\n start: 200,\n },\n });\n const [list, setList] = useState(null);\n\n useEffect(() => {\n fetchPtsRankings(\n 'm',\n 10,\n 201,\n );\n }, []);\n\n useEffect(() => {\n setList(playersList.map(player => ({\n ...player,\n ranking: player.gender === 'Male' ? findRanking(player, 52) : findRanking(player, 51),\n })));\n }, [playersList]);\n\n const renderList = () => {\n if (isLoading || list === null) {\n return Array(displayCount).fill();\n }\n return list;\n };\n\n const handleFilterChange = (updates) => {\n const updatedFilters = {\n ...filters,\n ...updates,\n changeEvent: true,\n };\n setList(null);\n fetchPtsRankings(\n updatedFilters.gender,\n displayCount,\n updatedFilters.rankFilter.start,\n );\n setFilters(updatedFilters);\n };\n\n const TabSection = () => (\n \n handleFilterChange({ rankFilter: val })}\n defaultValue={20}\n />\n |\n handleFilterChange({ gender: val })}\n activeTab={filters.gender}\n />\n
\n );\n\n return (\n \n
\n )}\n listItem={({ isLoading: loading, ...restItem }, i) => {\n return (\n \n
\n Ranking
\n\n
\n \n
\n \n
\n Gender
\n\n
\n Location
\n\n
\n 3 Mo. Trend
\n\n
\n UTR
\n\n
\n );\n }}\n isLoading={isLoading}\n />\n );\n};\n\nPtsRankingList.propTypes = {\n playersList: PropTypes.instanceOf(Array),\n isLoading: PropTypes.bool.isRequired,\n fetchPtsRankings: PropTypes.func.isRequired,\n displayCount: PropTypes.number,\n};\n\nPtsRankingList.defaultProps = {\n playersList: [],\n displayCount: 10,\n};\n\nconst mapStateToProps = ({\n ptsRankings: { players, isLoading },\n}) => ({\n playersList: players,\n isLoading,\n});\n\nexport default connect(mapStateToProps, { fetchPtsRankings })(PtsRankingList);\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"testimonialCarousel\":\"testimonialCarousel_testimonialCarousel__bSPXN\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"blackCTA\":\"blackCTA_blackCTA__1UUUi\",\"captionWrapper\":\"blackCTA_captionWrapper__1Ek2L\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"clubLocator_gradient-bg5__1yB0H\",\"theme-v2\":\"clubLocator_theme-v2__2p70O\",\"home-background\":\"clubLocator_home-background__1xCBH\",\"players-background\":\"clubLocator_players-background__3oR6H\",\"organizers-background\":\"clubLocator_organizers-background__AMnTf\",\"protennis-background\":\"clubLocator_protennis-background__2Vhm4\",\"rankings-background\":\"clubLocator_rankings-background__2owXF\",\"clubSearchAndList\":\"clubLocator_clubSearchAndList__2zcYC\",\"clubMap\":\"clubLocator_clubMap__2mxCS\",\"clubList\":\"clubLocator_clubList__23bQl\",\"selected\":\"clubLocator_selected__2TEDL\",\"clubCard\":\"clubLocator_clubCard__1tH2O\",\"name\":\"clubLocator_name__cq0I0\",\"infoWindow\":\"clubLocator_infoWindow__3WfCi\",\"buttonWrapper\":\"clubLocator_buttonWrapper__39fr-\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"listItemContainer\":\"style_listItemContainer___T0w8\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"listItemContainer\":\"style_listItemContainer__2mB9J\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"style_gradient-bg5___f3CK\",\"theme-v2\":\"style_theme-v2__1DYgF\",\"home-background\":\"style_home-background__TSvAZ\",\"players-background\":\"style_players-background__1JPum\",\"organizers-background\":\"style_organizers-background__u8O7_\",\"protennis-background\":\"style_protennis-background__3NTFL\",\"rankings-background\":\"style_rankings-background__1tCGR\",\"eventCardContainer\":\"style_eventCardContainer__3D7dh\",\"dateContainer\":\"style_dateContainer__2o9B9\",\"detailsWrapper\":\"style_detailsWrapper__2sxr8\",\"eventName\":\"style_eventName__Xj1PQ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"theme-v2\":\"carousel_theme-v2__3i_Xx\",\"icon-activity\":\"carousel_icon-activity__1UT_5\",\"icon-activity-notification\":\"carousel_icon-activity-notification__iz_fs\",\"icon-app-icon\":\"carousel_icon-app-icon__2TIB4\",\"icon-arrow-down-blue\":\"carousel_icon-arrow-down-blue__3fcZh\",\"icon-arrow-neutral-grey\":\"carousel_icon-arrow-neutral-grey__1z6hs\",\"icon-arrow-up-blue\":\"carousel_icon-arrow-up-blue__2QwBG\",\"icon-calendar-white\":\"carousel_icon-calendar-white__3iEvc\",\"icon-calendar\":\"carousel_icon-calendar__1vpZT\",\"icon-chat-blue\":\"carousel_icon-chat-blue__3Srnj\",\"icon-chat-grad\":\"carousel_icon-chat-grad__3xSZ_\",\"icon-chat-notification-blue\":\"carousel_icon-chat-notification-blue__1e9kl\",\"icon-chat-notification-white\":\"carousel_icon-chat-notification-white__SdKpw\",\"icon-chat-notification\":\"carousel_icon-chat-notification__1BW7e\",\"icon-chat-white\":\"carousel_icon-chat-white__1AaZc\",\"icon-chat\":\"carousel_icon-chat__3Csyu\",\"icon-check-mark\":\"carousel_icon-check-mark__AxFIh\",\"icon-chevron-down\":\"carousel_icon-chevron-down__3TSAv\",\"icon-chevron-left-white\":\"carousel_icon-chevron-left-white__2Rn7k\",\"icon-chevron-right-white\":\"carousel_icon-chevron-right-white__1h1EE\",\"icon-chevron-left\":\"carousel_icon-chevron-left__2I-LV\",\"icon-chevron-right\":\"carousel_icon-chevron-right__2PhmP\",\"icon-chevron-up\":\"carousel_icon-chevron-up__16s8S\",\"icon-circle-empty-blue\":\"carousel_icon-circle-empty-blue__UY2mh\",\"icon-close-white\":\"carousel_icon-close-white__373aw\",\"icon-close\":\"carousel_icon-close__1JasT\",\"icon-compose-black\":\"carousel_icon-compose-black__aCwA1\",\"icon-compose-blue\":\"carousel_icon-compose-blue__13Rhr\",\"icon-compose-white\":\"carousel_icon-compose-white__1K3Fw\",\"icon-create-play\":\"carousel_icon-create-play__1XXaI\",\"icon-decline-red\":\"carousel_icon-decline-red__wmUIk\",\"icon-directions-grad\":\"carousel_icon-directions-grad__3qob_\",\"icon-directions-white\":\"carousel_icon-directions-white__1rPF5\",\"icon-directions\":\"carousel_icon-directions__2A_qL\",\"icon-download-blue\":\"carousel_icon-download-blue__3yFSE\",\"icon-download-grad\":\"carousel_icon-download-grad__3-410\",\"icon-download\":\"carousel_icon-download__2_e7Q\",\"icon-ellipsis-h\":\"carousel_icon-ellipsis-h__2-EUe\",\"icon-explore\":\"carousel_icon-explore__1-VbO\",\"icon-feed-blue\":\"carousel_icon-feed-blue__3DJ5Y\",\"icon-feed-grad\":\"carousel_icon-feed-grad__2FKA-\",\"icon-feed\":\"carousel_icon-feed__2l_mJ\",\"icon-help\":\"carousel_icon-help__L-czA\",\"icon-indifferent\":\"carousel_icon-indifferent__1z_5w\",\"icon-info-white\":\"carousel_icon-info-white__263xz\",\"icon-info\":\"carousel_icon-info__10dJQ\",\"icon-invalid\":\"carousel_icon-invalid__206mS\",\"icon-link-grad\":\"carousel_icon-link-grad__39Fxi\",\"icon-link-white\":\"carousel_icon-link-white__3AyAC\",\"icon-link\":\"carousel_icon-link__3Kk-n\",\"icon-lists-1\":\"carousel_icon-lists-1__2Bizc\",\"icon-lists-2\":\"carousel_icon-lists-2__3uE0c\",\"icon-lists-3\":\"carousel_icon-lists-3__2fqTB\",\"icon-location\":\"carousel_icon-location__1Rbqt\",\"icon-medium-bar-chart\":\"carousel_icon-medium-bar-chart__1n8uy\",\"icon-medium-calendar-check\":\"carousel_icon-medium-calendar-check__1q05S\",\"icon-medium-cash\":\"carousel_icon-medium-cash__3qHFr\",\"icon-medium-check-list\":\"carousel_icon-medium-check-list__3z5lL\",\"icon-medium-check-ribbon\":\"carousel_icon-medium-check-ribbon__Yap36\",\"icon-medium-fee-receipt\":\"carousel_icon-medium-fee-receipt__3neOx\",\"icon-medium-line-chart\":\"carousel_icon-medium-line-chart__2KxmF\",\"icon-medium-search-user\":\"carousel_icon-medium-search-user__pOOXm\",\"icon-medium-stars\":\"carousel_icon-medium-stars__2ZX7P\",\"icon-medium-tennis-rackets\":\"carousel_icon-medium-tennis-rackets__1MCri\",\"icon-medium-two-users\":\"carousel_icon-medium-two-users__ckER5\",\"icon-medium-user-group\":\"carousel_icon-medium-user-group__iM7bm\",\"icon-medium-verified-search\":\"carousel_icon-medium-verified-search__25Qbz\",\"icon-medium-verified-user\":\"carousel_icon-medium-verified-user__GrvL5\",\"icon-messages-black\":\"carousel_icon-messages-black__2PwBL\",\"icon-messages-white\":\"carousel_icon-messages-white__3Q7bg\",\"icon-notification-bell\":\"carousel_icon-notification-bell__NtGbn\",\"icon-notification-dot-grad\":\"carousel_icon-notification-dot-grad__2Ud-p\",\"icon-notification-dot-red-border\":\"carousel_icon-notification-dot-red-border__YOMUp\",\"icon-notification-dot-red\":\"carousel_icon-notification-dot-red__8ihNY\",\"icon-photos-black-small\":\"carousel_icon-photos-black-small__2TjdM\",\"icon-photos-black\":\"carousel_icon-photos-black__2sOGL\",\"icon-photos-white-small\":\"carousel_icon-photos-white-small__21yoc\",\"icon-photos-white\":\"carousel_icon-photos-white__3B2zE\",\"icon-plus-black\":\"carousel_icon-plus-black__38mrh\",\"icon-plus-white\":\"carousel_icon-plus-white__1o7Tm\",\"icon-plus-blue-small\":\"carousel_icon-plus-blue-small__3ru-x\",\"icon-profile-grey\":\"carousel_icon-profile-grey__1S047\",\"icon-profile-white\":\"carousel_icon-profile-white__3dct9\",\"icon-profile\":\"carousel_icon-profile__drHtU\",\"icon-profile-medium\":\"carousel_icon-profile-medium__2qHdW\",\"icon-remove-black\":\"carousel_icon-remove-black__1U4fO\",\"icon-remove-red\":\"carousel_icon-remove-red__3aS4G\",\"icon-requirement-filled\":\"carousel_icon-requirement-filled__3zmZW\",\"icon-requirement-unfilled\":\"carousel_icon-requirement-unfilled__9gGG_\",\"icon-send\":\"carousel_icon-send__w-BH8\",\"icon-settings-white\":\"carousel_icon-settings-white__1idt1\",\"icon-settings\":\"carousel_icon-settings__3mKPD\",\"icon-share\":\"carousel_icon-share__26Hhj\",\"icon-social-media-facebook\":\"carousel_icon-social-media-facebook__55GHO\",\"icon-social-media-google\":\"carousel_icon-social-media-google__114u-\",\"icon-star-black\":\"carousel_icon-star-black__3sSjx\",\"icon-utr-logo-black\":\"carousel_icon-utr-logo-black__144Mc\",\"icon-utr-logo\":\"carousel_icon-utr-logo__Xhx3C\",\"icon-valid-blue\":\"carousel_icon-valid-blue__doCYF\",\"icon-valid-grad\":\"carousel_icon-valid-grad__8GBAE\",\"icon-verified-blue\":\"carousel_icon-verified-blue__2nXIt\",\"icon-win-pointer-blue\":\"carousel_icon-win-pointer-blue__tn8tj\",\"icon-x-red\":\"carousel_icon-x-red__KGU5Z\",\"carouselContainer\":\"carousel_carouselContainer__3QyQB\",\"carouselHeaderContainer\":\"carousel_carouselHeaderContainer__YMUWX\",\"carouselContentContainer\":\"carousel_carouselContentContainer__25j2N\",\"slick\":\"carousel_slick__PNW8S\",\"slickContainer\":\"carousel_slickContainer__2eDLv\",\"carouselControl\":\"carousel_carouselControl__2WP-4\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"howItWorks_gradient-bg5__NH6MY\",\"theme-v2\":\"howItWorks_theme-v2__2W59P\",\"home-background\":\"howItWorks_home-background__3jDKb\",\"players-background\":\"howItWorks_players-background__1KaSH\",\"organizers-background\":\"howItWorks_organizers-background__3FRsX\",\"protennis-background\":\"howItWorks_protennis-background__31NOT\",\"rankings-background\":\"howItWorks_rankings-background__1RfXL\",\"howItWorks\":\"howItWorks_howItWorks__1_mED\",\"howItWorksCard\":\"howItWorks_howItWorksCard__14tOB\",\"iconContainer\":\"howItWorks_iconContainer__3SpY9\",\"detailsWrapper\":\"howItWorks_detailsWrapper__2DKvz\"};","/* eslint-disable camelcase */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Dotdotdot from 'react-dotdotdot';\n\nimport bgImg from '../../Img/bgImg';\nimport { LinkAnchor } from '../../Links';\n\nconst NewsCard = ({ image, cta_link, source, title, date }) => {\n return (\n \n \n {image?.desktop && bgImg(image.desktop)}\n \n \n {image?.desktop && bgImg(image.desktop)}\n \n
\n \n {source}\n
\n \n \n {title}\n \n
\n \n {date}\n
\n \n
\n );\n};\n\nPTNews.propTypes = {\n repeatable: PropTypes.PropTypes.instanceOf(Array),\n view_all_url: PropTypes.string,\n title: PropTypes.string,\n};\n\nPTNews.defaultProps = {\n view_all_url: '',\n title: '',\n repeatable: [],\n};\n\nexport default PTNews;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"style_gradient-bg5__2EefR\",\"theme-v2\":\"style_theme-v2__2Ba5u\",\"home-background\":\"style_home-background__1C8cy\",\"players-background\":\"style_players-background__3DWGJ\",\"organizers-background\":\"style_organizers-background__rR3tC\",\"protennis-background\":\"style_protennis-background__R5_RM\",\"rankings-background\":\"style_rankings-background__3bntQ\",\"bulletsWrapper\":\"style_bulletsWrapper__2nh5o\",\"bulletPoints\":\"style_bulletPoints__2sdnn\",\"title\":\"style_title__1C7yM\",\"listItems\":\"style_listItems__2pn3c\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './style.module.scss';\n\nconst MissionStatement = props => {\n const { title, subtitle, classname } = props;\n\n return (\n \n \n {view_all_copy} }\n \n
\n \n
\n \n
\n \n {repeatable.map((card, i) => (\n
\n \n
\n ))}\n \n {title && (\n
\n );\n};\n\nMissionStatement.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n classname: PropTypes.string,\n};\n\nMissionStatement.defaultProps = {\n title: null,\n subtitle: null,\n classname: null,\n};\n\nexport default MissionStatement;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"theme-v2\":\"carouselButton_theme-v2__3Dsl9\",\"icon-activity\":\"carouselButton_icon-activity__6-ZGw\",\"icon-activity-notification\":\"carouselButton_icon-activity-notification__1YpE_\",\"icon-app-icon\":\"carouselButton_icon-app-icon__T-d4w\",\"icon-arrow-down-blue\":\"carouselButton_icon-arrow-down-blue__2G4-j\",\"icon-arrow-neutral-grey\":\"carouselButton_icon-arrow-neutral-grey__11Oa7\",\"icon-arrow-up-blue\":\"carouselButton_icon-arrow-up-blue__2GiiZ\",\"icon-calendar-white\":\"carouselButton_icon-calendar-white__1aX5u\",\"icon-calendar\":\"carouselButton_icon-calendar__3jnbO\",\"icon-chat-blue\":\"carouselButton_icon-chat-blue__1U-xn\",\"icon-chat-grad\":\"carouselButton_icon-chat-grad__OSN8F\",\"icon-chat-notification-blue\":\"carouselButton_icon-chat-notification-blue__3Ibwr\",\"icon-chat-notification-white\":\"carouselButton_icon-chat-notification-white__EQt07\",\"icon-chat-notification\":\"carouselButton_icon-chat-notification__mjFA5\",\"icon-chat-white\":\"carouselButton_icon-chat-white__1wgFS\",\"icon-chat\":\"carouselButton_icon-chat__iaOkO\",\"icon-check-mark\":\"carouselButton_icon-check-mark__2VlBy\",\"icon-chevron-down\":\"carouselButton_icon-chevron-down__3HWhO\",\"icon-chevron-left-white\":\"carouselButton_icon-chevron-left-white__3UrvV\",\"icon-chevron-right-white\":\"carouselButton_icon-chevron-right-white__22_wl\",\"icon-chevron-left\":\"carouselButton_icon-chevron-left__1Pzqm\",\"icon-chevron-right\":\"carouselButton_icon-chevron-right__2B-bf\",\"icon-chevron-up\":\"carouselButton_icon-chevron-up__3HlaM\",\"icon-circle-empty-blue\":\"carouselButton_icon-circle-empty-blue__1khPx\",\"icon-close-white\":\"carouselButton_icon-close-white__onk7l\",\"icon-close\":\"carouselButton_icon-close__1r2Qb\",\"icon-compose-black\":\"carouselButton_icon-compose-black__m4LRf\",\"icon-compose-blue\":\"carouselButton_icon-compose-blue__Njy2J\",\"icon-compose-white\":\"carouselButton_icon-compose-white__54F5G\",\"icon-create-play\":\"carouselButton_icon-create-play__3VB3j\",\"icon-decline-red\":\"carouselButton_icon-decline-red__1uSWV\",\"icon-directions-grad\":\"carouselButton_icon-directions-grad__3UCHc\",\"icon-directions-white\":\"carouselButton_icon-directions-white__2uYFN\",\"icon-directions\":\"carouselButton_icon-directions__2ddQx\",\"icon-download-blue\":\"carouselButton_icon-download-blue__2bXcN\",\"icon-download-grad\":\"carouselButton_icon-download-grad__1dP88\",\"icon-download\":\"carouselButton_icon-download__3O8u0\",\"icon-ellipsis-h\":\"carouselButton_icon-ellipsis-h__2TXBN\",\"icon-explore\":\"carouselButton_icon-explore__gV2zN\",\"icon-feed-blue\":\"carouselButton_icon-feed-blue__M6x6q\",\"icon-feed-grad\":\"carouselButton_icon-feed-grad__3Z7Ea\",\"icon-feed\":\"carouselButton_icon-feed__1su_X\",\"icon-help\":\"carouselButton_icon-help__3E-et\",\"icon-indifferent\":\"carouselButton_icon-indifferent__CiuH6\",\"icon-info-white\":\"carouselButton_icon-info-white__2SKUy\",\"icon-info\":\"carouselButton_icon-info__hpf6c\",\"icon-invalid\":\"carouselButton_icon-invalid__3WC4a\",\"icon-link-grad\":\"carouselButton_icon-link-grad__gi4XI\",\"icon-link-white\":\"carouselButton_icon-link-white__tnz9m\",\"icon-link\":\"carouselButton_icon-link__J4rmI\",\"icon-lists-1\":\"carouselButton_icon-lists-1__2rV7W\",\"icon-lists-2\":\"carouselButton_icon-lists-2__1Db-d\",\"icon-lists-3\":\"carouselButton_icon-lists-3__1n8NH\",\"icon-location\":\"carouselButton_icon-location__S7AP1\",\"icon-medium-bar-chart\":\"carouselButton_icon-medium-bar-chart__U07dK\",\"icon-medium-calendar-check\":\"carouselButton_icon-medium-calendar-check__19nIP\",\"icon-medium-cash\":\"carouselButton_icon-medium-cash__3-_Rn\",\"icon-medium-check-list\":\"carouselButton_icon-medium-check-list__1T957\",\"icon-medium-check-ribbon\":\"carouselButton_icon-medium-check-ribbon__C4Z-8\",\"icon-medium-fee-receipt\":\"carouselButton_icon-medium-fee-receipt__3Zw7f\",\"icon-medium-line-chart\":\"carouselButton_icon-medium-line-chart__2axJg\",\"icon-medium-search-user\":\"carouselButton_icon-medium-search-user__2cQ2T\",\"icon-medium-stars\":\"carouselButton_icon-medium-stars__W65x3\",\"icon-medium-tennis-rackets\":\"carouselButton_icon-medium-tennis-rackets__2VdQy\",\"icon-medium-two-users\":\"carouselButton_icon-medium-two-users__FXnWs\",\"icon-medium-user-group\":\"carouselButton_icon-medium-user-group__37aGT\",\"icon-medium-verified-search\":\"carouselButton_icon-medium-verified-search__1prxc\",\"icon-medium-verified-user\":\"carouselButton_icon-medium-verified-user__2tjrm\",\"icon-messages-black\":\"carouselButton_icon-messages-black__1yfSx\",\"icon-messages-white\":\"carouselButton_icon-messages-white__1fSp_\",\"icon-notification-bell\":\"carouselButton_icon-notification-bell__2zKQT\",\"icon-notification-dot-grad\":\"carouselButton_icon-notification-dot-grad__3CIHa\",\"icon-notification-dot-red-border\":\"carouselButton_icon-notification-dot-red-border__1sFri\",\"icon-notification-dot-red\":\"carouselButton_icon-notification-dot-red__xipJl\",\"icon-photos-black-small\":\"carouselButton_icon-photos-black-small__2R0fC\",\"icon-photos-black\":\"carouselButton_icon-photos-black__1cl8L\",\"icon-photos-white-small\":\"carouselButton_icon-photos-white-small__iMaiM\",\"icon-photos-white\":\"carouselButton_icon-photos-white__2-mp6\",\"icon-plus-black\":\"carouselButton_icon-plus-black__30WCP\",\"icon-plus-white\":\"carouselButton_icon-plus-white__1tUIu\",\"icon-plus-blue-small\":\"carouselButton_icon-plus-blue-small__fXPXz\",\"icon-profile-grey\":\"carouselButton_icon-profile-grey__98U2N\",\"icon-profile-white\":\"carouselButton_icon-profile-white__3Iy34\",\"icon-profile\":\"carouselButton_icon-profile__1h0wz\",\"icon-profile-medium\":\"carouselButton_icon-profile-medium__1U7gT\",\"icon-remove-black\":\"carouselButton_icon-remove-black__3d9pq\",\"icon-remove-red\":\"carouselButton_icon-remove-red__2Pb9x\",\"icon-requirement-filled\":\"carouselButton_icon-requirement-filled__2pja2\",\"icon-requirement-unfilled\":\"carouselButton_icon-requirement-unfilled__Yicez\",\"icon-send\":\"carouselButton_icon-send__2m-0Y\",\"icon-settings-white\":\"carouselButton_icon-settings-white__3bgFe\",\"icon-settings\":\"carouselButton_icon-settings__jctdP\",\"icon-share\":\"carouselButton_icon-share__S8fuQ\",\"icon-social-media-facebook\":\"carouselButton_icon-social-media-facebook__vLk1y\",\"icon-social-media-google\":\"carouselButton_icon-social-media-google__EfGHK\",\"icon-star-black\":\"carouselButton_icon-star-black__19BGQ\",\"icon-utr-logo-black\":\"carouselButton_icon-utr-logo-black___Kvvs\",\"icon-utr-logo\":\"carouselButton_icon-utr-logo__3mdh_\",\"icon-valid-blue\":\"carouselButton_icon-valid-blue__3fDDk\",\"icon-valid-grad\":\"carouselButton_icon-valid-grad__1VF54\",\"icon-verified-blue\":\"carouselButton_icon-verified-blue__fpOOw\",\"icon-win-pointer-blue\":\"carouselButton_icon-win-pointer-blue__1KW3M\",\"icon-x-red\":\"carouselButton_icon-x-red__2LuaV\",\"icon\":\"carouselButton_icon__22Mks\"};","/* eslint-disable camelcase */\nimport React from 'react';\nimport Router from 'next/router';\nimport PropTypes from 'prop-types';\n\nimport styles from './blackCTA.module.scss';\nimport config from '../../../config';\n\nconst { appHost } = config;\n\nconst prismicRedirect = (to) => {\n if (to.startsWith('https')) {\n window.open(to);\n } else if (to.startsWith('app:')) {\n const mainAppRedirect = to.replace('app:', appHost);\n window.location = mainAppRedirect;\n } else {\n Router.push(to);\n }\n};\n\nconst BlackCTA = ({ title, cta_label, cta_link, caption, classname }) => {\n return (\n {title}
\n )}\n {subtitle && (\n {subtitle}
\n )}\n \n
\n );\n};\n\nBlackCTA.propTypes = {\n title: PropTypes.string,\n cta_label: PropTypes.string,\n cta_link: PropTypes.string,\n classname: PropTypes.string,\n caption: PropTypes.string,\n};\n\nBlackCTA.defaultProps = {\n title: '',\n cta_label: '',\n cta_link: '',\n classname: '',\n caption: '',\n};\n\nexport default BlackCTA;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"style_gradient-bg5__IjRka\",\"theme-v2\":\"style_theme-v2__1fBBm\",\"home-background\":\"style_home-background__1wd-a\",\"players-background\":\"style_players-background__1kNdh\",\"organizers-background\":\"style_organizers-background__25n5b\",\"protennis-background\":\"style_protennis-background__1MgfY\",\"rankings-background\":\"style_rankings-background__2u6F7\",\"missionStatementContainer\":\"style_missionStatementContainer__3uQHd\",\"title\":\"style_title__1q4Un\",\"subtitle\":\"style_subtitle__1eXmO\"};","/* eslint-disable import/prefer-default-export */\nimport fetch from 'isomorphic-unfetch';\n\nimport config from '../config';\n\nconst { apiHost } = config;\n\nexport const getClubInfo = async clubIds => {\n const ids = clubIds.map(club => `clubIds=${club.clubid}`);\n const url = `${apiHost}/v1/club/get-info?${ids.join('&')}`;\n const res = await fetch(url);\n const data = await res.json();\n return data;\n};\n\nexport const getPlayerInfo = async playerIds => {\n const ids = playerIds.map(id => `playerIds=${id}`);\n const url = `${apiHost}/v1/player/get-info?${ids.join('&')}`;\n const res = await fetch(url);\n const data = await res.json();\n return data;\n};\n\nexport const getHeaderMenuTabItems = (items, title) => {\n return items.map(item => ({\n value: item.menu_tab_item_url,\n label: item.menu_tab_item_name,\n sectionLabel: title,\n }));\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"featuredPlayersSlider_gradient-bg5__3K8v-\",\"theme-v2\":\"featuredPlayersSlider_theme-v2___nM2w\",\"home-background\":\"featuredPlayersSlider_home-background__23cz5\",\"players-background\":\"featuredPlayersSlider_players-background__3QNFv\",\"organizers-background\":\"featuredPlayersSlider_organizers-background__3QedI\",\"protennis-background\":\"featuredPlayersSlider_protennis-background__DSrPz\",\"rankings-background\":\"featuredPlayersSlider_rankings-background__3FbVV\",\"svgWrapper\":\"featuredPlayersSlider_svgWrapper__1C3at\",\"label\":\"featuredPlayersSlider_label__3djbT\",\"rangeDisplay\":\"featuredPlayersSlider_rangeDisplay__2Q0xI\"};","import React, { Component } from 'react';\nimport flagContainer from '../../flagContainer';\n\nexport default (ChildComponent) => {\n class WithFeatureFlags extends Component {\n render() {\n return (\n
\n \n
\n \n
\n \n
\n \n
\n {!!(cta_link && cta_label) && (\n \n {title}\n
\n \n \n
\n )}\n {caption && (\n \n )}\n \n
\n \n
\n {name}
\n {handle}
\n \n
\n );\n};\n\nexport default LoadingCard;\n","var React = require('react')\n\nfunction fallbackMathMedia (query) {\n if (typeof matchMedia !== 'function') {\n return null\n }\n return matchMedia(query)\n}\n\nfunction omitMatchMediaResult (matchMediaResult) {\n if (!matchMediaResult) {\n return null\n }\n return { media: matchMediaResult.media, matches: matchMediaResult.matches }\n}\n\nfunction useMedia (query) {\n var result = React.useState(function () {\n return omitMatchMediaResult(fallbackMathMedia(query))\n })\n var setResult = result[1]\n\n var callback = React.useCallback(function (matchMediaResult) {\n return setResult(omitMatchMediaResult(matchMediaResult))\n }, [setResult])\n\n React.useEffect(\n function () {\n var matchMediaResult = fallbackMathMedia(query)\n callback(matchMediaResult)\n matchMediaResult.addListener(callback)\n return function () { return matchMediaResult.removeListener(callback) }\n },\n [callback, query]\n )\n\n return result[0]\n}\n\nfunction useMediaPredicate (query) {\n var result = useMedia(query)\n return (result && result.matches) || false\n}\n\nmodule.exports = {\n useMedia: useMedia,\n useMediaPredicate: useMediaPredicate\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { titleCase } from '../../../../../utils/formatting';\nimport RatingTrend from '../../../../SubRating/ratingTrendV2';\nimport Img from '../../../../Img';\n\nimport styles from '../../index.module.scss';\n\nconst RankedPlayerItem = ({\n displayName,\n firstName,\n lastName,\n rating,\n ranking,\n gender,\n nationality,\n threeMonthRatingChangeDetails,\n loading,\n isCollegeOrHighSchool,\n descriptionShort,\n}) => {\n return (\n \n \n \n \n \n
\n \n {!loading ? (\n \n
\n \n \n {ranking?.toString().padStart(2, '0')}\n
\n \n \n {titleCase(displayName)}\n \n \n {firstName.charAt(0)}. {titleCase(lastName)}\n \n
\n {isCollegeOrHighSchool && (\n \n {descriptionShort}\n
\n )}\n \n \n {nationality}\n
\n \n \n {gender && gender[0]}\n
\n \n {rating?.toFixed(2)}\n
\n \n \n \n \n ) : (\n \n
\n \n )}\n \n );\n};\n\nRankedPlayerItem.propTypes = {\n rating: PropTypes.number,\n ranking: PropTypes.number,\n displayName: PropTypes.string,\n firstName: PropTypes.string,\n lastName: PropTypes.string,\n nationality: PropTypes.string,\n loading: PropTypes.bool,\n};\n\nRankedPlayerItem.defaultProps = {\n displayName: '',\n firstName: '',\n lastName: '',\n nationality: '',\n loading: false,\n rating: null,\n ranking: null,\n};\n\nexport default RankedPlayerItem;\n","import React, { useState, useCallback, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport groupBy from 'lodash/groupBy';\nimport moment from 'moment';\n\nimport TableHeader from './components/TableHeader';\nimport { paginate as paginateFn } from '../../../utils';\n\nimport styles from './style.module.scss';\n\nconst TabTable = ({\n listItem,\n list,\n showHeader,\n defaultFilters,\n className,\n renderColumnHeaders,\n onShowAllClicked,\n paginate,\n pageSize,\n filters,\n tabs,\n emptyListText,\n eventCalendar,\n ...restProps\n}) => {\n const [currentPage, setCurrentPage] = useState(1);\n const [pageItems, setPageItems] = useState(list || []);\n\n useEffect(() => {\n if (paginate) {\n setPageItems(paginateFn(list, pageSize, currentPage));\n } else {\n setPageItems(list);\n }\n }, [list, currentPage]);\n\n const renderListItem = useCallback(\n (item, i) => listItem({ item, filters, ...restProps }, i),\n [list, filters],\n );\n\n const prevPage = () => {\n if (currentPage > 1) {\n setCurrentPage(currentPage - 1);\n }\n };\n\n const nextPage = () => {\n if (currentPage < Math.ceil(list.length / pageSize)) {\n setCurrentPage(currentPage + 1);\n }\n };\n\n const groupByDate = () => {\n const groupedEvents = groupBy(pageItems, (event) => moment.utc(event.eventSchedule.eventStartUtc).startOf('month').format('MMMM YYYY'));\n return Object.entries(groupedEvents).map(([date, group]) => (\n \n
\n \n
\n ));\n };\n\n return (\n {date}
\n \n {group.map((item) => renderListItem(item))}\n
\n \n {showHeader && (\n
\n );\n};\n\nTabTable.propTypes = {\n showHeader: PropTypes.bool,\n tabs: PropTypes.func.isRequired,\n listItem: PropTypes.func.isRequired,\n list: PropTypes.oneOf([PropTypes.func, PropTypes.instanceOf(Array)]),\n defaultFilters: PropTypes.instanceOf(Object),\n renderColumnHeaders: PropTypes.func.isRequired,\n};\n\nTabTable.defaultProps = {\n showHeader: true,\n list: [],\n defaultFilters: null,\n};\n\nexport default TabTable;\n","/* eslint-disable no-plusplus */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Filter = ({\n interval,\n total,\n style,\n handleChange,\n defaultValue,\n}) => {\n const [options, setOptions] = useState([]);\n const [value, setValue] = useState(defaultValue || 0);\n\n const createOptions = () => {\n const effectUnits = Math.ceil(total / interval);\n const newOptions = Array(effectUnits).fill().map((_, index) => ({\n start: index * interval,\n end: (((index + 1) * interval) - 1),\n }));\n setOptions(newOptions);\n };\n\n useEffect(() => {\n setValue(defaultValue);\n createOptions();\n }, [defaultValue, interval, total]);\n\n const onChange = (val) => {\n handleChange(options[val]);\n setValue(val);\n };\n\n return (\n \n {tabs()}\n
\n {paginate && pageItems.length > 0 && (\n \n
\n )}\n\n {pageItems.length === 0 && ({emptyListText}
)}\n\n {renderColumnHeaders && renderColumnHeaders()}\n\n {eventCalendar ? (\n \n {groupByDate()}\n
\n ) : (\n \n {!!pageItems.map && pageItems.map((item, i) => renderListItem(item, i))}\n
\n )}\n \n
\n );\n};\n\nSection.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n caption: PropTypes.string,\n image: PropTypes.string,\n imageposition: PropTypes.string,\n caseStudyTitle: PropTypes.string,\n caseStudyLink: PropTypes.string,\n caseStudyDescription: PropTypes.string,\n caseStudyAuthor: PropTypes.string,\n ctaLink: PropTypes.string,\n secondaryCtaLink: PropTypes.string,\n};\n\nSection.defaultProps = {\n title: '',\n subtitle: '',\n caption: '',\n image: '',\n imageposition: '',\n caseStudyTitle: '',\n caseStudyLink: '',\n caseStudyDescription: '',\n caseStudyAuthor: '',\n ctaLink: '#',\n secondaryCtaLink: '#',\n};\n\nexport default Section;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './tiledSectionBorderless.module.scss';\nimport Section from './Section';\n\nconst TiledSectionBorderlessV2 = ({ repeatable, classname }) => {\n return (\n \n 
\n
\n \n
\n \n {title}\n
\n \n {subtitle}\n
\n \n \n
\n \n {!!(ctaCopy && ctaLink) && (\n \n \n )}\n {!!(secondaryCtaCopy && secondaryCtaLink) && (\n \n \n )}\n
\n {(caseStudyTitle || caseStudyDescription || caseStudyAuthor) && ()}\n\n {caseStudyLink && caseStudyTitle && (\n \n {caseStudyTitle}\n \n )}\n\n {!caseStudyLink && caseStudyTitle && (\n \n {ctaCopy}\n
\n \n {secondaryCtaCopy}\n
\n \n {caseStudyTitle}\n
\n )}\n\n {caseStudyDescription && (\n \n {caseStudyDescription}\n
\n )}\n {caseStudyAuthor && (\n \n {caseStudyAuthor}\n
\n ) }\n\n \n {repeatable.map((section, i) => {\n return (\n
\n );\n};\n\nTiledSectionBorderlessV2.propTypes = {\n classname: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nTiledSectionBorderlessV2.defaultProps = {\n classname: '',\n repeatable: [],\n};\n\nexport default TiledSectionBorderlessV2;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './faq.module.scss';\n\nconst faqItem = (faq, i) => {\n const [open, setOpen] = useState();\n return (\n \n
\n );\n};\n\nconst FAQV2 = ({ title, classname, repeatable }) => {\n if (repeatable && repeatable.length) {\n let leftSide = [];\n let rightSide = [];\n const half = Math.floor(repeatable.length / 2);\n leftSide = repeatable.slice(0, half);\n rightSide = repeatable.slice(half, repeatable.length);\n\n return (\n setOpen(!open)}>{faq.question}
\n {open && }\n \n
\n );\n }\n return ;\n};\n\nFAQV2.propTypes = {\n title: PropTypes.string,\n classname: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nFAQV2.defaultProps = {\n title: '',\n classname: '',\n repeatable: [],\n};\n\nexport default FAQV2;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"hero_gradient-bg5__3fKHV\",\"theme-v2\":\"hero_theme-v2__-4lr9\",\"home-background\":\"hero_home-background__1WDu6\",\"players-background\":\"hero_players-background__DWRuo\",\"organizers-background\":\"hero_organizers-background__3bjO2\",\"protennis-background\":\"hero_protennis-background__2o7rJ\",\"rankings-background\":\"hero_rankings-background__1yKS7\",\"hero\":\"hero_hero__pZx9H\",\"heroTextWrapper\":\"hero_heroTextWrapper__38c8g\",\"heroImageWrapper\":\"hero_heroImageWrapper__3kLHn\",\"smallHeroTopTitle\":\"hero_smallHeroTopTitle__3Vu7g\",\"heroTitle\":\"hero_heroTitle__1kZeI\",\"heroImage\":\"hero_heroImage__3ySIk\",\"heroSubtitle\":\"hero_heroSubtitle__Z_wJN\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"featuredPlayers_gradient-bg5__3-G8K\",\"theme-v2\":\"featuredPlayers_theme-v2__3lavt\",\"home-background\":\"featuredPlayers_home-background__2mCRp\",\"players-background\":\"featuredPlayers_players-background__2o1wN\",\"organizers-background\":\"featuredPlayers_organizers-background__19Cjt\",\"protennis-background\":\"featuredPlayers_protennis-background__2-k8U\",\"rankings-background\":\"featuredPlayers_rankings-background__14VT0\",\"featuredPlayers\":\"featuredPlayers_featuredPlayers__ozUp-\",\"featuredPlayerCard\":\"featuredPlayers_featuredPlayerCard__2-F17\",\"utrContainer\":\"featuredPlayers_utrContainer__y-_Mg\",\"detailsWrapper\":\"featuredPlayers_detailsWrapper__3KUtw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tabsContainer\":\"style_tabsContainer__3r3D-\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"video_gradient-bg5__3ELIh\",\"theme-v2\":\"video_theme-v2__1u1DG\",\"home-background\":\"video_home-background__2vZJ5\",\"players-background\":\"video_players-background__rnPCA\",\"organizers-background\":\"video_organizers-background__3Xe0y\",\"protennis-background\":\"video_protennis-background__3Nmoo\",\"rankings-background\":\"video_rankings-background__1d5KU\",\"videoComponent\":\"video_videoComponent__JAarl\",\"videoTextWrapper\":\"video_videoTextWrapper__12DPu\",\"videoFrame\":\"video_videoFrame__2bPYw\",\"heroVideoWrapper\":\"video_heroVideoWrapper__3r_PU\",\"videoTitle\":\"video_videoTitle__MsYEF\"};","import React from 'react';\nimport { find, filter } from 'lodash';\n\nimport { arraysEqual } from './index';\nimport config from '../config';\n\nconst _ = { find, filter };\n\nexport function doesResultAlignWithMatch(match, playersDict, teamsDict) {\n const { result } = match;\n if (!result) {\n return true;\n }\n let team1 = [];\n let team2 = [];\n if (match.position1 && match.position1.type.value === 'player' && match.position1.id && playersDict[match.position1.id]) {\n team1.push(playersDict[match.position1.id].id);\n }\n if (match.position2 && match.position2.type.value === 'player' && match.position2.id && playersDict[match.position2.id]) {\n team2.push(playersDict[match.position2.id].id);\n }\n if (match.position1 && match.position1.type.value === 'team' && match.position1.id && teamsDict[match.position1.id]) {\n team1 = teamsDict[match.position1.id].players;\n }\n if (match.position2 && match.position2.type.value === 'team' && match.position2.id && teamsDict[match.position2.id]) {\n team2 = teamsDict[match.position2.id].players;\n }\n const resultWinners = [];\n const resultLosers = [];\n resultWinners.push(parseInt(result.players.winner1.id));\n resultLosers.push(parseInt(result.players.loser1.id));\n if (result.players.winner2 === null) {\n const aligned = (team1[0] === resultWinners[0] || team1[0] === resultLosers[0]) && (team2[0] === resultWinners[0] || team2[0] === resultLosers[0]);\n console.log('Match Aligned', aligned);\n return aligned;\n }\n\n resultWinners.push(parseInt(result.players.winner2.id));\n resultLosers.push(parseInt(result.players.loser2.id));\n const aligned = (arraysEqual(team1, resultWinners) || arraysEqual(team1, resultLosers)) && (arraysEqual(team2, resultWinners) || arraysEqual(team2, resultLosers));\n console.log('Match Aligned - D', aligned);\n return aligned;\n}\n\nexport const getEventRedirectUrl = (id, source, dualMatchProfileFlag, user) => {\n switch (source) {\n case 'scraped-import':\n if (dualMatchProfileFlag.isEnabled(user)) {\n return `/dualmatches/${id}`;\n }\n return `${config.userSiteHost}/events/${id}`;\n case 'tms-event':\n case 'tms-dual-match':\n return `/events/${id}`;\n default:\n return `/events/${id}`;\n }\n};\n\nexport const getUseAnchorForEventLink = (source, dualMatchProfileFlag, user) => {\n switch (source) {\n case 'scraped-import':\n return dualMatchProfileFlag.isEnabled(user);\n case 'tms-event':\n case 'tms-dual-match':\n return false;\n default:\n return false;\n }\n};\n\nexport const getEventLinkTarget = (source, dualMatchProfileFlag, user) => {\n switch (source) {\n case 'scraped-import':\n if (dualMatchProfileFlag.isEnabled(user)) {\n return '_self';\n }\n return '_blank';\n case 'tms-event':\n case 'tms-dual-match':\n return '_self';\n default:\n return '_self';\n }\n};\n\nexport const isTeamMatchEvent = (source) => {\n switch (source) {\n case 'scraped-import':\n case 'tms-dual-match':\n return true;\n case 'tms-event':\n return false;\n default:\n return false;\n }\n};\n\nexport const isEventDirector = (event, memberId) => {\n if (event && event.eventDirectors) {\n const director = _.find(event.eventDirectors, { memberId });\n if (director) {\n return true;\n }\n }\n return false;\n};\n\nexport const isEventParticipant = (event, participantMemberId) => {\n if (event && event.registeredMemberIds) {\n const registeredPlayer = _.find(event.registeredMemberIds, (memberId) => { return memberId === participantMemberId; });\n if (registeredPlayer) {\n return true;\n }\n }\n if (event && event.withdrawnPlayers) {\n const registeredPlayer = _.find(event.withdrawnPlayers, (player) => { return player.memberId === participantMemberId; });\n if (registeredPlayer) {\n return true;\n }\n }\n return false;\n};\n\nexport const renderRoundLabel = (drawElimType, round) => {\n if (drawElimType === 'round_robin') {\n return Round {round.roundNumber}R{round.roundNumber};\n } if (drawElimType === 'match_play') {\n return Matches;\n }\n const matchCount = round.matches.length;\n if (matchCount === 1) {\n return FinalsF;\n }\n if (matchCount === 2) {\n return SemifinalsSF;\n }\n if (matchCount === 4) {\n return QuarterfinalsQF;\n }\n return Round of {matchCount * 2}R{matchCount * 2};\n};\n\nexport const isGroupPlayEvent = (event) => {\n return event && event.eventType && event.eventType.id === 4;\n};\n\nexport const getDefaultEliminationType = (eventType) => {\n switch (eventType) {\n case 1:\n case '1':\n return 3;\n default:\n return 5;\n }\n};\n\nexport const getDefaultDivision = (values, currencyId, addName) => {\n const { eventType } = values;\n const isVerifiedEvent = values.$verified && values.$verified === '2';\n\n const defaultDivision = {\n divisionFormatType: 1,\n gender: 1,\n utrRange: [1, 16],\n ageRange: [1, 15],\n entryFee: null,\n allowWaitlist: true,\n };\n if (values.eventDivisions && values.eventDivisions.length > 0) {\n defaultDivision.eliminationType = values.eventDivisions[0].eliminationType;\n } else {\n defaultDivision.eliminationType = getDefaultEliminationType(eventType);\n }\n defaultDivision.maxPlayers = 16;\n defaultDivision.currencyId = currencyId;\n if (isVerifiedEvent) {\n defaultDivision.officialsType = '2';\n }\n if (addName) {\n defaultDivision.name = 'Level-based singles';\n }\n return defaultDivision;\n};\n\nexport const getAllowedEventTypes = (clubTierType, featureFlags, user) => {\n let { permissionedTmsEventTypes } = clubTierType;\n if (clubTierType.id === 5 && !featureFlags.highSchoolDualMatch.isEnabled(user)) {\n permissionedTmsEventTypes = permissionedTmsEventTypes.filter(eventType => eventType.id !== 8);\n }\n return [...permissionedTmsEventTypes];\n};\n\nexport const eventDivisionIsPlatformPaymentOrFree = (division) => {\n if (division.paymentType) {\n return !division.paymentType.isOffPlatform;\n }\n\n // null paymentType indicates free event division.\n return true;\n};\n\nexport const eventDivisionsContainPlatformPaymentOrFree = (eventDivisions) => {\n return !!(eventDivisions.find((div) => {\n return eventDivisionIsPlatformPaymentOrFree(div);\n }));\n};\n\nexport const getAllowedScoringFormats = (scoringTypes, formatTypes, isVerifiedEvent, divisionFormatTypeId) => {\n const divisionFormatType = _.find(formatTypes, { id: parseInt(divisionFormatTypeId) });\n const format = divisionFormatType.value.toLowerCase();\n const filteredScoringTypes = _.filter(scoringTypes, (scoringType) => {\n return !isVerifiedEvent ||\n (scoringType.value !== 'single_set' || (scoringType.value === 'single_set' && format !== 'singles'));\n });\n\n return filteredScoringTypes;\n};\n\nexport const isDrawTypeDisplayRounds = (eliminationType) => {\n if (eliminationType && (eliminationType === 'round_robin' || eliminationType === 'ad_hoc')) {\n return true;\n }\n return false;\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"style_gradient-bg5__7Y5Tt\",\"theme-v2\":\"style_theme-v2__3x3ZA\",\"home-background\":\"style_home-background__24Z8Z\",\"players-background\":\"style_players-background__3dPRx\",\"organizers-background\":\"style_organizers-background__FVxDu\",\"protennis-background\":\"style_protennis-background__3ma2s\",\"rankings-background\":\"style_rankings-background__EI2W1\",\"ctaTitle\":\"style_ctaTitle__39ByB\",\"buttonsWrapper\":\"style_buttonsWrapper__D9oWN\",\"buttonWrapper\":\"style_buttonWrapper__1WTd2\",\"buttonImageWrapper\":\"style_buttonImageWrapper__1KvtA\",\"buttonImage\":\"style_buttonImage__1SrSb\",\"textWrapper\":\"style_textWrapper__D1jfD\",\"buttonSubtitle\":\"style_buttonSubtitle__3KFvr\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"JuniorCircuitCard_gradient-bg5__6zhu-\",\"theme-v2\":\"JuniorCircuitCard_theme-v2__1wa_j\",\"home-background\":\"JuniorCircuitCard_home-background__2srtz\",\"players-background\":\"JuniorCircuitCard_players-background__1-Sv7\",\"organizers-background\":\"JuniorCircuitCard_organizers-background__3qGrG\",\"protennis-background\":\"JuniorCircuitCard_protennis-background__2MlEA\",\"rankings-background\":\"JuniorCircuitCard_rankings-background__3Mt3E\",\"cardsWrapper\":\"JuniorCircuitCard_cardsWrapper__1nA4N\",\"regionCard\":\"JuniorCircuitCard_regionCard__2qQfh\"};","import React from 'react';\nimport Router from 'next/router';\nimport PropTypes from 'prop-types';\n\nimport bgImg from '../../Img/bgImg';\nimport styles from './whiteCTA.module.scss';\n\nimport config from '../../../config';\n\nconst { appHost } = config;\n\nconst prismicRedirect = (to) => {\n if (to.startsWith('https')) {\n window.open(to);\n } else if (to.startsWith('app:')) {\n const mainAppRedirect = to.replace('app:', appHost);\n window.location = mainAppRedirect;\n } else {\n Router.push(to);\n }\n};\n\nconst WhiteCTA = ({ title, repeatable, ctalabel, ctalink, classname }) => {\n return (\n \n
\n \n
\n {title}
\n \n
\n \n \n {leftSide.map((faq, i) => faqItem(faq, `l${i}`))}\n \n
\n \n \n {rightSide.map((faq, i) => faqItem(faq, `l${i}`))}\n \n
\n \n
\n );\n};\n\nWhiteCTA.propTypes = {\n title: PropTypes.string,\n ctalabel: PropTypes.string,\n ctalink: PropTypes.string,\n classname: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nWhiteCTA.defaultProps = {\n title: '',\n ctalabel: '',\n ctalink: '#',\n classname: '',\n repeatable: [],\n};\n\nexport default WhiteCTA;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"loadingCard\":\"loadingCard_loadingCard__QL6rS\",\"loadingCardDetails\":\"loadingCard_loadingCardDetails__1fOgp\",\"tagContainer\":\"loadingCard_tagContainer__84kt7\",\"emptyDiv\":\"loadingCard_emptyDiv__15JZ4\",\"name\":\"loadingCard_name__1gl5_\",\"detailsContainer\":\"loadingCard_detailsContainer__3IJAZ\",\"loadingAnimation\":\"loadingCard_loadingAnimation__N8t3U\",\"loadingShimmer\":\"loadingCard_loadingShimmer__16Qzl\"};","import React from 'react';\n\nimport { getRatingDetails, updateRatingObject } from '../../../utils';\n\nconst UtrNumber = (props) => {\n /** force:\n * - ratingType: singles/doubles\n * - utrType: sanctioned/myUtr\n * - verifiedIcon: true (show verified badge for verified rating)\n */\n\n const { player } = props;\n const { ratingType, utrType, verifiedIcon, showDecimals } = props.force;\n const userIsPowered = false;\n const rating = getRatingDetails(updateRatingObject({ player, ratingType, utrType }), userIsPowered, showDecimals);\n return (\n \n
\n \n
\n \n
\n \n
\n \n {title}\n
\n \n
\n {!!(ctalink && ctalabel) && (\n \n
\n \n
\n \n {repeatable.map((step, i) => (\n
\n \n
\n ))}\n \n \n {step.icon?.desktop && bgImg(step.icon.desktop)}\n \n {/* \n {step.icon?.mobile && bgImg(step.icon.mobile)}\n */}\n {step.description}\n
\n \n \n
\n )}\n Pending
;\n }\n if (!finalized && checkIfPlayerInResult(playerId, players)) {\n return Pending
;\n }\n if (outcome === 'completed' || completionType === 'winnercompleted') {\n return null; // Standard Card Winner in a regular scenario\n }\n if (outcome === 'incomplete' || completionType === 'tieincomplete') {\n return 'Incomplete'; // An incompleted match due to weather etc.\n }\n if (completionType === 'tiecompleted') {\n return 'Tie'; // A Tie Match\n }\n if (retiredValues.includes(outcome) || completionType === 'winnerincomplete') {\n return 'Retired'; // Player Retired due to injury and match completed\n }\n if (walkOverValues.includes(outcome) || completionType === 'winnerdidnotstart') {\n return null; // Player defaulted or withdrew condition\n }\n return null;\n };\n\n // const renderHSInfo = (player) => {\n // if (currentEvent.playersDict) {\n // const playerObj = currentEvent.playersDict[player.id];\n // if (playerObj.highSchool !== null) {\n // const gradYear = moment(playerObj.gradYearHS).year();\n // const yearsLeft = gradYear - moment().year();\n\n // const year = {\n // 3: 'FR',\n // 2: 'SO',\n // 1: 'JR',\n // 0: 'SR',\n // };\n\n // return (\n // \n // {year[yearsLeft]} - {playerObj.highSchool}\n //
\n // );\n // }\n // }\n // return null;\n // };\n\n const getListTeam = (player1, player2, winnerObject, showDateInsteadOfRound, hideDate) => {\n // console.log('Scorecard - getlistteam', player1, player2);\n const showDecimalsP1 = showDecimals || isProProfile || (auth && auth.user && auth.user.claimedPlayer && player1.id === auth.user.claimedPlayer.playerId.toString() && showDecimalForOwn && player1.id === playerId.toString());\n const showDecimalsP2 = player2 != null && (showDecimals || isProProfile || (auth && auth.user && auth.user.claimedPlayer && player2.id === auth.user.claimedPlayer.playerId.toString() && showDecimalForOwn && player2.id === playerId.toString()));\n // console.log('Scorecard - getlistteam', player1, player2, showDate, date, formatMatchDateWithOffset(date, this.props.timeZoneValue));\n return (\n\n \n )}\n \n
\n )}\n \n \n
\n {hideDate ? (\n \n {!!player1.clubProfileImages && (\n \n {titleCase(getPlayerName(player1.firstName, player1.lastName, false))}\n \n {/* {renderHSInfo(player1)} */}\n
\n {player2 && (\n \n {player1.nationality && (\n
\n )}\n \n {!!player2.clubProfileImages && (\n \n {titleCase(getPlayerName(player2.firstName, player2.lastName, false))}\n \n
\n )}\n \n {showDateInsteadOfRound ? (customDateString || formatMatchDateWithOffset(date, this.props.timeZoneValue, true)) : round ? round.name : ''}\n
\n ) : (\n \n {showRatings && (\n \n
\n )}\n {player2 && showRatings && (\n \n {winnerObject ? getScores(score, playerTypes.WINNER) : getScores(score, playerTypes.LOSER)}\n
\n \n {winnerObject && showMatchWinner(outcome, completionType) && (\n \n )}\n
\n \n );\n };\n\n const getCardTeam = (player1, player2, winnerObject, seed) => {\n const showDecimalsP1 = showDecimals || isProProfile || (auth && auth.user && auth.user.claimedPlayer && player1.id === auth.user.claimedPlayer.playerId.toString() && showDecimalForOwn && player1.id === playerId.toString());\n return (\n \n \n {seed}\n \n
\n \n {!player2 && (\n
\n )}\n {player1 && player2 && (\n \n {!!player1.clubProfileImages && (\n \n \n \n
\n \n {titleCase(getPlayerName(player1.firstName, player1.lastName, true))}\n
\n \n {/* {renderHSInfo(player1)} */}\n \n\n {showRatings && (\n\n
\n )}\n \n {!!player1.clubProfileImages && (\n
\n )}\n \n \n \n
\n \n {titleCase(getPlayerName(player1.firstName, player1.lastName, true))}\n
\n \n {/* {renderHSInfo(player1)} */}\n \n /\n \n \n\n {titleCase(getPlayerName(player2.firstName, player2.lastName, true))}\n
\n \n {/* {renderHSInfo(player2)} */}\n \n {showRatings && (\n\n
\n )}\n \n {winnerObject ? getScores(score, playerTypes.WINNER) : getScores(score, playerTypes.LOSER)}\n
\n \n {winnerObject && showMatchWinner(outcome, completionType) && (\n \n )}\n
\n \n );\n };\n\n const renderMatchOfficial = id => {\n const { coreUI, drawOfficials } = this.props;\n const foundMatch = drawOfficials?.find(matchFromDraw => matchFromDraw.id === id);\n const foundOfficial = foundMatch?.officials[0];\n if (foundOfficial) {\n const { countries } = coreUI.types.search;\n const countryCode = countries.find(c => c.id === foundOfficial.official.countryId)?.label;\n return `Chair Umpire: ${foundOfficial.official.firstName[0]}. ${foundOfficial.official.lastName} (${countryCode})`;\n }\n return '';\n };\n\n return (\n \n
\n \n
\n \n
\n {isEventScore ? (\n
\n \n
\n \n {showDate ? (\n \n )}\n
\n \n {customDateString || `${formatMatchDateWithOffset(date, this.props.timeZoneValue)}${displayTime ? ` at ${formatMatchTime(date, this.props.timeZoneValue)}` : ''}`}\n
\n ) : (\n \n {getMatchStatus(outcome, completionType)}\n
\n \n {wonGame(players, lookUpPlayerId) && (\n \n {getCardTeam(players.winner1, players.winner2, true, position1Seed)}\n {getCardTeam(players.loser1, players.loser2, false, position2Seed)}\n \n )}\n {!wonGame(players, lookUpPlayerId) && (\n \n {getCardTeam(players.loser1, players.loser2, false, position1Seed)}\n {getCardTeam(players.winner1, players.winner2, true, position2Seed)}\n \n )}\n
\n \n {isEventScore ? (\n
\n
\n ) : (\n {roundNumber && renderRoundLabel()}{locationDisplay ? • {locationDisplay} : ''}\n {showOfficial && (\n
\n {renderMatchOfficial(matchId)}\n
\n )}\n \n
\n )}\n \n {\n playerPostedResult\n ? 'Individual Match'\n : (clubIds && clubIds.length > 0)\n ? 'Club Match'\n : (round && round.name)\n }\n
\n \n {eligibleResults && (eligibleResults.findIndex(k => k === id) !== -1) && (\n ![](\"/img/v2/icons/icon-utr-logo.svg\" "\\"Used")
\n )}\n {(this.props.showVerified && sourceType && sourceType === 'sanctioned') && (\n 
\n )}\n
\n \n )}\n {(this.props.showVerified && sourceType && sourceType === 'sanctioned') && (\n \n )}\n \n
\n \n
\n \n {wonGame(players, lookUpPlayerId) && (\n \n {getListTeam(players.winner1, players.winner2, true, true, !showDate)}\n {getListTeam(players.loser1, players.loser2, false, false, !showDate)}\n \n )}\n {!wonGame(players, lookUpPlayerId) && (\n \n {getListTeam(players.loser1, players.loser2, false, true, !showDate)}\n {getListTeam(players.winner1, players.winner2, true, false, !showDate)}\n \n )}\n
\n \n {getMatchStatus(outcome, completionType) && (getMatchStatus(outcome, completionType) !== 'Retired' || !wonGame(players, lookUpPlayerId)) && (\n
\n \n
\n )}\n \n {getMatchStatus(outcome, completionType)}\n
\n \n
\n {getMatchStatus(outcome, completionType) && (getMatchStatus(outcome, completionType) === 'Retired' && wonGame(players, lookUpPlayerId)) && (\n \n
\n \n {eligibleResults && (eligibleResults.findIndex(k => k === id) !== -1) && (\n \n )}\n {(this.props.showVerified && sourceType && sourceType === 'sanctioned') && (\n \n )}\n
\n \n )}\n {(this.props.showVerified && sourceType && sourceType === 'sanctioned') && (\n \n )}\n \n
\n )}\n \n {getMatchStatus(outcome, completionType)}\n
\n \n
\n {recentResults ? (\n \n
\n \n {\n prismicRedirect(view_all_link);\n }}\n >\n View All\n
\n )}\n \n {recentResults.map((recentResult, i) => {\n if (i < 3) {\n return (\n
\n ) : (\n \n
\n );\n }\n return ;\n })}\n \n
\n )}\n \n );\n};\n\nexport default RecentResults;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"style_gradient-bg5__2jlhT\",\"theme-v2\":\"style_theme-v2__3PZfn\",\"home-background\":\"style_home-background__2v15c\",\"players-background\":\"style_players-background__2gx6T\",\"organizers-background\":\"style_organizers-background__1G9Xy\",\"protennis-background\":\"style_protennis-background__2U3tC\",\"rankings-background\":\"style_rankings-background__279HE\",\"container\":\"style_container__3CH_z\",\"columnLabels\":\"style_columnLabels__3p8Od\",\"eventCardWrapper\":\"style_eventCardWrapper__3G1PW\",\"eventTextWrapper\":\"style_eventTextWrapper__32GyZ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"whiteCTA\":\"whiteCTA_whiteCTA__1rxWt\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"globalSearch_gradient-bg5__2Y8Lb\",\"theme-v2\":\"globalSearch_theme-v2__2oHIV\",\"home-background\":\"globalSearch_home-background__3t3Mm\",\"players-background\":\"globalSearch_players-background__gY0xO\",\"organizers-background\":\"globalSearch_organizers-background__3Ea-v\",\"protennis-background\":\"globalSearch_protennis-background__39x9b\",\"rankings-background\":\"globalSearch_rankings-background__8YUxX\",\"globalSearchWrapper\":\"globalSearch_globalSearchWrapper__2BtxD\",\"globalSearchContainer\":\"globalSearch_globalSearchContainer__3wNPi\",\"globalSearchInputContainer\":\"globalSearch_globalSearchInputContainer__3uOnZ\",\"feedbackLeft\":\"globalSearch_feedbackLeft__2Z45v\",\"globalSearchInput\":\"globalSearch_globalSearchInput__2oOJT\",\"feedbackRight\":\"globalSearch_feedbackRight__1Gfqv\",\"globalSearchDropdownContainer\":\"globalSearch_globalSearchDropdownContainer__METqP\",\"globalSearchDropdownTypes\":\"globalSearch_globalSearchDropdownTypes__kyhfO\",\"globalSearchDropdownTypeBtn\":\"globalSearch_globalSearchDropdownTypeBtn__3iU42\",\"globalSearchDropDown\":\"globalSearch_globalSearchDropDown__3y9s1\",\"globalSearchDropdownQuery\":\"globalSearch_globalSearchDropdownQuery__3bev1\",\"globalSearchDropdownNoMatches\":\"globalSearch_globalSearchDropdownNoMatches__1QYOQ\",\"globalSearchDropdownOptions\":\"globalSearch_globalSearchDropdownOptions__nydzu\",\"loading\":\"globalSearch_loading__23lE0\",\"searchTypeTitle\":\"globalSearch_searchTypeTitle__4yztj\",\"globalSearchDropdownOption\":\"globalSearch_globalSearchDropdownOption__1ys7I\",\"globalSearchDropdownOptionImage\":\"globalSearch_globalSearchDropdownOptionImage__3TLI7\",\"name\":\"globalSearch_name__2KBOJ\",\"place\":\"globalSearch_place__1eGQo\",\"searchExpander\":\"globalSearch_searchExpander__33-gU\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport LinkAnchor from '../../../Links/LinkAnchor';\nimport styles from '../style.module.scss';\n\nconst CtaButton = props => {\n const { title, subtitle, image, link } = props;\n\n const getButtonImage = (imageObj) => {\n if (imageObj && imageObj.oneX && imageObj.twoX && imageObj.threeX) {\n return (\n \n
\n \n \n \n
\n );\n};\n\nCtaButton.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n image: PropTypes.string,\n link: PropTypes.string,\n};\n\nCtaButton.defaultProps = {\n title: '',\n subtitle: '',\n image: {},\n link: '#',\n};\n\nexport default CtaButton;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport CtaButton from './CtaButton';\nimport styles from './style.module.scss';\n\nconst CtaButtons = props => {\n const { repeatable, title, classname } = props;\n return (\n \n
\n \n {getButtonImage(image?.desktop)}\n
\n \n
\n \n {title}\n
\n \n {subtitle}\n
\n \n
\n );\n};\n\nCtaButtons.propTypes = {\n repeatable: PropTypes.arrayOf(Object),\n title: PropTypes.string,\n classname: PropTypes.string,\n};\n\nCtaButtons.defaultProps = {\n repeatable: [],\n title: '',\n classname: '',\n};\n\nexport default CtaButtons;\n","/* eslint-disable no-unused-expressions */\nimport React from 'react';\nimport LinkAnchor from '../../../Links/LinkAnchor';\nimport Img from '../../../Img';\n\nimport styles from './infoImage.module.scss';\n\nconst InfoImageV2 = (props) => {\n const { direction = 'left', background, img, text, cta, link } = props;\n\n return (\n \n
\n \n
\n {title}
\n \n
\n \n
\n \n {repeatable.map((button, i) => {\n return (\n
\n \n
\n );\n};\n\nexport default InfoImageV2;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport InfoImageV2 from './InfoImageV2';\n\nconst InfoImagesV2 = props => {\n const { repeatable, classname } = props;\n return (\n \n
\n \n
\n \n
\n \n
\n \n 
\n
\n \n 
\n \n \n )}\n
\n {text}
\n {!!(cta && link) && (\n {cta}
\n \n {repeatable.map(section => {\n return (\n
\n );\n};\n\nInfoImagesV2.propTypes = {\n classname: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nInfoImagesV2.defaultProps = {\n classname: '',\n repeatable: [],\n};\n\nexport default InfoImagesV2;\n","/* eslint-disable camelcase */\nimport React from 'react';\n\nimport styles from './testimonial.module.scss';\n\nconst Testimonial = ({ image, quote, signature, quote_mobile }) => {\n return (\n \n
\n );\n};\n\nexport default Testimonial;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Carousel from '../../Carousel';\nimport Testimonial from '../../Testimonial';\n\nimport styles from './testimonialCarousel.module.scss';\n\nconst TestimonialCarousel = ({ header, classname, repeatable }) => {\n return (\n \n
\n \n 
\n
\n \n
\n {`“`}
\n {quote}
\n{quote_mobile || quote}
\n{signature}
\n\n
\n );\n};\n\nTestimonialCarousel.propTypes = {\n header: PropTypes.string,\n classname: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nTestimonialCarousel.defaultProps = {\n header: '',\n classname: '',\n repeatable: [],\n};\n\nexport default TestimonialCarousel;\n","import React from 'react';\nimport Img from '../../Img';\n\nimport styles from './spotlight.module.scss';\n\nconst SpotlightChart = () => {\n return (\n \n ![](\"/img/v2/graphics/spotlight-chart.png\")
\n
\n );\n};\n\nexport default SpotlightChart;\n","import React from 'react';\nimport Router from 'next/router';\n\nimport Img from '../../Img';\nimport config from '../../../config';\n\nimport styles from './spotlight.module.scss';\n\nconst { appHost } = config;\n\nconst prismicRedirect = (url) => {\n console.log('prismicRedirect', url);\n if (url) {\n if (url.startsWith('http')) {\n // external urls, like support page\n window.open(url);\n } else if (url.startsWith('app:')) {\n // links pointing to the utr app\n window.location = url.replace('app:', appHost);\n } else {\n // internal routing within marketing app\n Router.push(url);\n }\n }\n};\n\nconst SpotlightCard = ({ title, subtitle, image, link }) => {\n return (\n \n \n
\n Track your progress
\n Objective metric of your current performance level that helps you track individual progress. You can see how your game is developing and can work to improve your rating.
\n prismicRedirect(link)}>\n 
\n
\n );\n};\n\nexport default SpotlightCard;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport SectionHeading from '../../text/SectionHeading';\nimport SectionHeadingWrapper from '../../text/SectionHeading/HeadingWrapper';\nimport SpotlightChart from './SpotlightChart';\nimport SpotlightCard from './SpotlightCard';\n\nconst Spotlight = (props) => {\n const { className, viewAllUrl, spotlightCards } = props;\n return (\n \n
\n {title}
\n {subtitle}
\n \n \n \n
\n );\n};\n\nSpotlight.propTypes = {\n className: PropTypes.string,\n viewAllUrl: PropTypes.string,\n spotlightCards: PropTypes.instanceOf(Array),\n};\n\nSpotlight.defaultProps = {\n className: '',\n viewAllUrl: '',\n spotlightCards: [],\n};\n\nexport default Spotlight;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Link from 'next/link';\nimport styles from './style.module.scss';\nimport config from '../../../config';\n\nconst { appHost } = config;\n\nconst EventCard = ({ month, day, name, description, extraInfo, id, className }) => {\n return (\n \n \n \n {spotlightCards.map(card => {\n return (\n
\n \n
\n );\n })}\n \n
\n \n \n {month}\n
\n {day}
\n \n \n {name}\n
\n\n \n \n \n
\n );\n};\n\nfunction mapStateToProps({ homepageV2 }) {\n return { homepageV2 };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n getHomepageEvents: () => {\n dispatch(getHomepageEvents());\n },\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(EventsInArea);\n","import React from 'react';\nimport Img from '../../Img';\n\nconst FeaturedClubCard = ({ clubDetails = {} }) => {\n const { id, name, profilePhotoUrl, locationName, subTypeId, memberCount } = clubDetails;\n\n const gender = subTypeId === 1 ? 'M' : 'F';\n const photoUrl = profilePhotoUrl ? `/v1/club/${profilePhotoUrl}?variant=icon` : null;\n\n return (\n \n \n {events.map((event) => (\n
\n \n
\n \n );\n};\n\nexport default FeaturedClubCard;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport FeaturedClubCard from '../../cards/FeaturedClubCard';\nimport { LinkAnchor } from '../../Links';\nimport SectionHeading from '../../text/SectionHeading';\nimport SectionHeadingWrapper from '../../text/SectionHeading/HeadingWrapper';\nimport { getClubInfo } from '../../../utils/prismic';\n\nconst FeaturedClubs = ({ title, view_all_url, classname, repeatable }) => {\n const [clubs, setClubs] = useState([]);\n useEffect(() => {\n (async () => {\n if (repeatable?.length) {\n const clubInfo = await getClubInfo(repeatable);\n setClubs(Object.keys(clubInfo.clubInfo).map(key => clubInfo.clubInfo[key]));\n }\n })();\n }, [repeatable]);\n\n return (\n \n {photoUrl ? (\n {\n e.target.src = '/img/v2/icons/icon-avatar-club.svg';\n e.target.srcset = '/img/v2/icons/icon-avatar-club.svg';\n }}\n />\n ) : (\n ![](\"/img/v2/icons/icon-avatar-club.svg\")
\n )}\n
\n \n )}\n \n
\n {name}
\n {subTypeId && `${gender} • `}{locationName}
\n {memberCount} players
\n \n
\n );\n};\n\nFeaturedClubs.propTypes = {\n title: PropTypes.string,\n view_all_url: PropTypes.string,\n classname: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nFeaturedClubs.defaultProps = {\n title: '',\n view_all_url: '',\n classname: '',\n repeatable: [],\n};\n\nexport default FeaturedClubs;\n","import React from 'react';\n\nimport { titleCase } from '../../../utils/formatting';\nimport styles from './featuredPlayers.module.scss';\n\nconst FeaturedPlayerCard = ({ utr, name, description, info, id }) => {\n return (\n \n
\n \n
\n \n \n View All }\n \n
\n \n {(clubs || []).map(club => (\n
\n \n
\n ))}\n \n
\n );\n};\n\nexport default FeaturedPlayerCard;\n","var noop = {value: () => {}};\n\nfunction dispatch() {\n for (var i = 0, n = arguments.length, _ = {}, t; i < n; ++i) {\n if (!(t = arguments[i] + \"\") || (t in _) || /[\\s.]/.test(t)) throw new Error(\"illegal type: \" + t);\n _[t] = [];\n }\n return new Dispatch(_);\n}\n\nfunction Dispatch(_) {\n this._ = _;\n}\n\nfunction parseTypenames(typenames, types) {\n return typenames.trim().split(/^|\\s+/).map(function(t) {\n var name = \"\", i = t.indexOf(\".\");\n if (i >= 0) name = t.slice(i + 1), t = t.slice(0, i);\n if (t && !types.hasOwnProperty(t)) throw new Error(\"unknown type: \" + t);\n return {type: t, name: name};\n });\n}\n\nDispatch.prototype = dispatch.prototype = {\n constructor: Dispatch,\n on: function(typename, callback) {\n var _ = this._,\n T = parseTypenames(typename + \"\", _),\n t,\n i = -1,\n n = T.length;\n\n // If no callback was specified, return the callback of the given type and name.\n if (arguments.length < 2) {\n while (++i < n) if ((t = (typename = T[i]).type) && (t = get(_[t], typename.name))) return t;\n return;\n }\n\n // If a type was specified, set the callback for the given type and name.\n // Otherwise, if a null callback was specified, remove callbacks of the given name.\n if (callback != null && typeof callback !== \"function\") throw new Error(\"invalid callback: \" + callback);\n while (++i < n) {\n if (t = (typename = T[i]).type) _[t] = set(_[t], typename.name, callback);\n else if (callback == null) for (t in _) _[t] = set(_[t], typename.name, null);\n }\n\n return this;\n },\n copy: function() {\n var copy = {}, _ = this._;\n for (var t in _) copy[t] = _[t].slice();\n return new Dispatch(copy);\n },\n call: function(type, that) {\n if ((n = arguments.length - 2) > 0) for (var args = new Array(n), i = 0, n, t; i < n; ++i) args[i] = arguments[i + 2];\n if (!this._.hasOwnProperty(type)) throw new Error(\"unknown type: \" + type);\n for (t = this._[type], i = 0, n = t.length; i < n; ++i) t[i].value.apply(that, args);\n },\n apply: function(type, that, args) {\n if (!this._.hasOwnProperty(type)) throw new Error(\"unknown type: \" + type);\n for (var t = this._[type], i = 0, n = t.length; i < n; ++i) t[i].value.apply(that, args);\n }\n};\n\nfunction get(type, name) {\n for (var i = 0, n = type.length, c; i < n; ++i) {\n if ((c = type[i]).name === name) {\n return c.value;\n }\n }\n}\n\nfunction set(type, name, callback) {\n for (var i = 0, n = type.length; i < n; ++i) {\n if (type[i].name === name) {\n type[i] = noop, type = type.slice(0, i).concat(type.slice(i + 1));\n break;\n }\n }\n if (callback != null) type.push({name: name, value: callback});\n return type;\n}\n\nexport default dispatch;\n","function none() {}\n\nexport default function(selector) {\n return selector == null ? none : function() {\n return this.querySelector(selector);\n };\n}\n","export default function(x) {\n return typeof x === \"object\" && \"length\" in x\n ? x // Array, TypedArray, NodeList, array-like\n : Array.from(x); // Map, Set, iterable, string, or anything else\n}\n","function empty() {\n return [];\n}\n\nexport default function(selector) {\n return selector == null ? empty : function() {\n return this.querySelectorAll(selector);\n };\n}\n","import {Selection} from \"./index.js\";\nimport array from \"../array.js\";\nimport selectorAll from \"../selectorAll.js\";\n\nfunction arrayAll(select) {\n return function() {\n var group = select.apply(this, arguments);\n return group == null ? [] : array(group);\n };\n}\n\nexport default function(select) {\n if (typeof select === \"function\") select = arrayAll(select);\n else select = selectorAll(select);\n\n for (var groups = this._groups, m = groups.length, subgroups = [], parents = [], j = 0; j < m; ++j) {\n for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {\n if (node = group[i]) {\n subgroups.push(select.call(node, node.__data__, i, group));\n parents.push(node);\n }\n }\n }\n\n return new Selection(subgroups, parents);\n}\n","export default function(selector) {\n return function() {\n return this.matches(selector);\n };\n}\n\nexport function childMatcher(selector) {\n return function(node) {\n return node.matches(selector);\n };\n}\n\n","import {childMatcher} from \"../matcher.js\";\n\nvar find = Array.prototype.find;\n\nfunction childFind(match) {\n return function() {\n return find.call(this.children, match);\n };\n}\n\nfunction childFirst() {\n return this.firstElementChild;\n}\n\nexport default function(match) {\n return this.select(match == null ? childFirst\n : childFind(typeof match === \"function\" ? match : childMatcher(match)));\n}\n","import {childMatcher} from \"../matcher.js\";\n\nvar filter = Array.prototype.filter;\n\nfunction children() {\n return this.children;\n}\n\nfunction childrenFilter(match) {\n return function() {\n return filter.call(this.children, match);\n };\n}\n\nexport default function(match) {\n return this.selectAll(match == null ? children\n : childrenFilter(typeof match === \"function\" ? match : childMatcher(match)));\n}\n","export default function(update) {\n return new Array(update.length);\n}\n","import sparse from \"./sparse.js\";\nimport {Selection} from \"./index.js\";\n\nexport default function() {\n return new Selection(this._enter || this._groups.map(sparse), this._parents);\n}\n\nexport function EnterNode(parent, datum) {\n this.ownerDocument = parent.ownerDocument;\n this.namespaceURI = parent.namespaceURI;\n this._next = null;\n this._parent = parent;\n this.__data__ = datum;\n}\n\nEnterNode.prototype = {\n constructor: EnterNode,\n appendChild: function(child) { return this._parent.insertBefore(child, this._next); },\n insertBefore: function(child, next) { return this._parent.insertBefore(child, next); },\n querySelector: function(selector) { return this._parent.querySelector(selector); },\n querySelectorAll: function(selector) { return this._parent.querySelectorAll(selector); }\n};\n","export default function(x) {\n return function() {\n return x;\n };\n}\n","import {Selection} from \"./index.js\";\nimport {EnterNode} from \"./enter.js\";\nimport array from \"../array.js\";\nimport constant from \"../constant.js\";\n\nfunction bindIndex(parent, group, enter, update, exit, data) {\n var i = 0,\n node,\n groupLength = group.length,\n dataLength = data.length;\n\n // Put any non-null nodes that fit into update.\n // Put any null nodes into enter.\n // Put any remaining data into enter.\n for (; i < dataLength; ++i) {\n if (node = group[i]) {\n node.__data__ = data[i];\n update[i] = node;\n } else {\n enter[i] = new EnterNode(parent, data[i]);\n }\n }\n\n // Put any non-null nodes that don’t fit into exit.\n for (; i < groupLength; ++i) {\n if (node = group[i]) {\n exit[i] = node;\n }\n }\n}\n\nfunction bindKey(parent, group, enter, update, exit, data, key) {\n var i,\n node,\n nodeByKeyValue = new Map,\n groupLength = group.length,\n dataLength = data.length,\n keyValues = new Array(groupLength),\n keyValue;\n\n // Compute the key for each node.\n // If multiple nodes have the same key, the duplicates are added to exit.\n for (i = 0; i < groupLength; ++i) {\n if (node = group[i]) {\n keyValues[i] = keyValue = key.call(node, node.__data__, i, group) + \"\";\n if (nodeByKeyValue.has(keyValue)) {\n exit[i] = node;\n } else {\n nodeByKeyValue.set(keyValue, node);\n }\n }\n }\n\n // Compute the key for each datum.\n // If there a node associated with this key, join and add it to update.\n // If there is not (or the key is a duplicate), add it to enter.\n for (i = 0; i < dataLength; ++i) {\n keyValue = key.call(parent, data[i], i, data) + \"\";\n if (node = nodeByKeyValue.get(keyValue)) {\n update[i] = node;\n node.__data__ = data[i];\n nodeByKeyValue.delete(keyValue);\n } else {\n enter[i] = new EnterNode(parent, data[i]);\n }\n }\n\n // Add any remaining nodes that were not bound to data to exit.\n for (i = 0; i < groupLength; ++i) {\n if ((node = group[i]) && (nodeByKeyValue.get(keyValues[i]) === node)) {\n exit[i] = node;\n }\n }\n}\n\nfunction datum(node) {\n return node.__data__;\n}\n\nexport default function(value, key) {\n if (!arguments.length) return Array.from(this, datum);\n\n var bind = key ? bindKey : bindIndex,\n parents = this._parents,\n groups = this._groups;\n\n if (typeof value !== \"function\") value = constant(value);\n\n for (var m = groups.length, update = new Array(m), enter = new Array(m), exit = new Array(m), j = 0; j < m; ++j) {\n var parent = parents[j],\n group = groups[j],\n groupLength = group.length,\n data = array(value.call(parent, parent && parent.__data__, j, parents)),\n dataLength = data.length,\n enterGroup = enter[j] = new Array(dataLength),\n updateGroup = update[j] = new Array(dataLength),\n exitGroup = exit[j] = new Array(groupLength);\n\n bind(parent, group, enterGroup, updateGroup, exitGroup, data, key);\n\n // Now connect the enter nodes to their following update node, such that\n // appendChild can insert the materialized enter node before this node,\n // rather than at the end of the parent node.\n for (var i0 = 0, i1 = 0, previous, next; i0 < dataLength; ++i0) {\n if (previous = enterGroup[i0]) {\n if (i0 >= i1) i1 = i0 + 1;\n while (!(next = updateGroup[i1]) && ++i1 < dataLength);\n previous._next = next || null;\n }\n }\n }\n\n update = new Selection(update, parents);\n update._enter = enter;\n update._exit = exit;\n return update;\n}\n","import {Selection} from \"./index.js\";\n\nexport default function(compare) {\n if (!compare) compare = ascending;\n\n function compareNode(a, b) {\n return a && b ? compare(a.__data__, b.__data__) : !a - !b;\n }\n\n for (var groups = this._groups, m = groups.length, sortgroups = new Array(m), j = 0; j < m; ++j) {\n for (var group = groups[j], n = group.length, sortgroup = sortgroups[j] = new Array(n), node, i = 0; i < n; ++i) {\n if (node = group[i]) {\n sortgroup[i] = node;\n }\n }\n sortgroup.sort(compareNode);\n }\n\n return new Selection(sortgroups, this._parents).order();\n}\n\nfunction ascending(a, b) {\n return a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;\n}\n","export default function() {\n var callback = arguments[0];\n arguments[0] = this;\n callback.apply(null, arguments);\n return this;\n}\n","export var xhtml = \"http://www.w3.org/1999/xhtml\";\n\nexport default {\n svg: \"http://www.w3.org/2000/svg\",\n xhtml: xhtml,\n xlink: \"http://www.w3.org/1999/xlink\",\n xml: \"http://www.w3.org/XML/1998/namespace\",\n xmlns: \"http://www.w3.org/2000/xmlns/\"\n};\n","import namespaces from \"./namespaces.js\";\n\nexport default function(name) {\n var prefix = name += \"\", i = prefix.indexOf(\":\");\n if (i >= 0 && (prefix = name.slice(0, i)) !== \"xmlns\") name = name.slice(i + 1);\n return namespaces.hasOwnProperty(prefix) ? {space: namespaces[prefix], local: name} : name; // eslint-disable-line no-prototype-builtins\n}\n","import namespace from \"../namespace.js\";\n\nfunction attrRemove(name) {\n return function() {\n this.removeAttribute(name);\n };\n}\n\nfunction attrRemoveNS(fullname) {\n return function() {\n this.removeAttributeNS(fullname.space, fullname.local);\n };\n}\n\nfunction attrConstant(name, value) {\n return function() {\n this.setAttribute(name, value);\n };\n}\n\nfunction attrConstantNS(fullname, value) {\n return function() {\n this.setAttributeNS(fullname.space, fullname.local, value);\n };\n}\n\nfunction attrFunction(name, value) {\n return function() {\n var v = value.apply(this, arguments);\n if (v == null) this.removeAttribute(name);\n else this.setAttribute(name, v);\n };\n}\n\nfunction attrFunctionNS(fullname, value) {\n return function() {\n var v = value.apply(this, arguments);\n if (v == null) this.removeAttributeNS(fullname.space, fullname.local);\n else this.setAttributeNS(fullname.space, fullname.local, v);\n };\n}\n\nexport default function(name, value) {\n var fullname = namespace(name);\n\n if (arguments.length < 2) {\n var node = this.node();\n return fullname.local\n ? node.getAttributeNS(fullname.space, fullname.local)\n : node.getAttribute(fullname);\n }\n\n return this.each((value == null\n ? (fullname.local ? attrRemoveNS : attrRemove) : (typeof value === \"function\"\n ? (fullname.local ? attrFunctionNS : attrFunction)\n : (fullname.local ? attrConstantNS : attrConstant)))(fullname, value));\n}\n","export default function(node) {\n return (node.ownerDocument && node.ownerDocument.defaultView) // node is a Node\n || (node.document && node) // node is a Window\n || node.defaultView; // node is a Document\n}\n","import defaultView from \"../window.js\";\n\nfunction styleRemove(name) {\n return function() {\n this.style.removeProperty(name);\n };\n}\n\nfunction styleConstant(name, value, priority) {\n return function() {\n this.style.setProperty(name, value, priority);\n };\n}\n\nfunction styleFunction(name, value, priority) {\n return function() {\n var v = value.apply(this, arguments);\n if (v == null) this.style.removeProperty(name);\n else this.style.setProperty(name, v, priority);\n };\n}\n\nexport default function(name, value, priority) {\n return arguments.length > 1\n ? this.each((value == null\n ? styleRemove : typeof value === \"function\"\n ? styleFunction\n : styleConstant)(name, value, priority == null ? \"\" : priority))\n : styleValue(this.node(), name);\n}\n\nexport function styleValue(node, name) {\n return node.style.getPropertyValue(name)\n || defaultView(node).getComputedStyle(node, null).getPropertyValue(name);\n}\n","function propertyRemove(name) {\n return function() {\n delete this[name];\n };\n}\n\nfunction propertyConstant(name, value) {\n return function() {\n this[name] = value;\n };\n}\n\nfunction propertyFunction(name, value) {\n return function() {\n var v = value.apply(this, arguments);\n if (v == null) delete this[name];\n else this[name] = v;\n };\n}\n\nexport default function(name, value) {\n return arguments.length > 1\n ? this.each((value == null\n ? propertyRemove : typeof value === \"function\"\n ? propertyFunction\n : propertyConstant)(name, value))\n : this.node()[name];\n}\n","function classArray(string) {\n return string.trim().split(/^|\\s+/);\n}\n\nfunction classList(node) {\n return node.classList || new ClassList(node);\n}\n\nfunction ClassList(node) {\n this._node = node;\n this._names = classArray(node.getAttribute(\"class\") || \"\");\n}\n\nClassList.prototype = {\n add: function(name) {\n var i = this._names.indexOf(name);\n if (i < 0) {\n this._names.push(name);\n this._node.setAttribute(\"class\", this._names.join(\" \"));\n }\n },\n remove: function(name) {\n var i = this._names.indexOf(name);\n if (i >= 0) {\n this._names.splice(i, 1);\n this._node.setAttribute(\"class\", this._names.join(\" \"));\n }\n },\n contains: function(name) {\n return this._names.indexOf(name) >= 0;\n }\n};\n\nfunction classedAdd(node, names) {\n var list = classList(node), i = -1, n = names.length;\n while (++i < n) list.add(names[i]);\n}\n\nfunction classedRemove(node, names) {\n var list = classList(node), i = -1, n = names.length;\n while (++i < n) list.remove(names[i]);\n}\n\nfunction classedTrue(names) {\n return function() {\n classedAdd(this, names);\n };\n}\n\nfunction classedFalse(names) {\n return function() {\n classedRemove(this, names);\n };\n}\n\nfunction classedFunction(names, value) {\n return function() {\n (value.apply(this, arguments) ? classedAdd : classedRemove)(this, names);\n };\n}\n\nexport default function(name, value) {\n var names = classArray(name + \"\");\n\n if (arguments.length < 2) {\n var list = classList(this.node()), i = -1, n = names.length;\n while (++i < n) if (!list.contains(names[i])) return false;\n return true;\n }\n\n return this.each((typeof value === \"function\"\n ? classedFunction : value\n ? classedTrue\n : classedFalse)(names, value));\n}\n","function textRemove() {\n this.textContent = \"\";\n}\n\nfunction textConstant(value) {\n return function() {\n this.textContent = value;\n };\n}\n\nfunction textFunction(value) {\n return function() {\n var v = value.apply(this, arguments);\n this.textContent = v == null ? \"\" : v;\n };\n}\n\nexport default function(value) {\n return arguments.length\n ? this.each(value == null\n ? textRemove : (typeof value === \"function\"\n ? textFunction\n : textConstant)(value))\n : this.node().textContent;\n}\n","function htmlRemove() {\n this.innerHTML = \"\";\n}\n\nfunction htmlConstant(value) {\n return function() {\n this.innerHTML = value;\n };\n}\n\nfunction htmlFunction(value) {\n return function() {\n var v = value.apply(this, arguments);\n this.innerHTML = v == null ? \"\" : v;\n };\n}\n\nexport default function(value) {\n return arguments.length\n ? this.each(value == null\n ? htmlRemove : (typeof value === \"function\"\n ? htmlFunction\n : htmlConstant)(value))\n : this.node().innerHTML;\n}\n","function raise() {\n if (this.nextSibling) this.parentNode.appendChild(this);\n}\n\nexport default function() {\n return this.each(raise);\n}\n","function lower() {\n if (this.previousSibling) this.parentNode.insertBefore(this, this.parentNode.firstChild);\n}\n\nexport default function() {\n return this.each(lower);\n}\n","import namespace from \"./namespace.js\";\nimport {xhtml} from \"./namespaces.js\";\n\nfunction creatorInherit(name) {\n return function() {\n var document = this.ownerDocument,\n uri = this.namespaceURI;\n return uri === xhtml && document.documentElement.namespaceURI === xhtml\n ? document.createElement(name)\n : document.createElementNS(uri, name);\n };\n}\n\nfunction creatorFixed(fullname) {\n return function() {\n return this.ownerDocument.createElementNS(fullname.space, fullname.local);\n };\n}\n\nexport default function(name) {\n var fullname = namespace(name);\n return (fullname.local\n ? creatorFixed\n : creatorInherit)(fullname);\n}\n","import creator from \"../creator.js\";\nimport selector from \"../selector.js\";\n\nfunction constantNull() {\n return null;\n}\n\nexport default function(name, before) {\n var create = typeof name === \"function\" ? name : creator(name),\n select = before == null ? constantNull : typeof before === \"function\" ? before : selector(before);\n return this.select(function() {\n return this.insertBefore(create.apply(this, arguments), select.apply(this, arguments) || null);\n });\n}\n","function remove() {\n var parent = this.parentNode;\n if (parent) parent.removeChild(this);\n}\n\nexport default function() {\n return this.each(remove);\n}\n","function selection_cloneShallow() {\n var clone = this.cloneNode(false), parent = this.parentNode;\n return parent ? parent.insertBefore(clone, this.nextSibling) : clone;\n}\n\nfunction selection_cloneDeep() {\n var clone = this.cloneNode(true), parent = this.parentNode;\n return parent ? parent.insertBefore(clone, this.nextSibling) : clone;\n}\n\nexport default function(deep) {\n return this.select(deep ? selection_cloneDeep : selection_cloneShallow);\n}\n","function contextListener(listener) {\n return function(event) {\n listener.call(this, event, this.__data__);\n };\n}\n\nfunction parseTypenames(typenames) {\n return typenames.trim().split(/^|\\s+/).map(function(t) {\n var name = \"\", i = t.indexOf(\".\");\n if (i >= 0) name = t.slice(i + 1), t = t.slice(0, i);\n return {type: t, name: name};\n });\n}\n\nfunction onRemove(typename) {\n return function() {\n var on = this.__on;\n if (!on) return;\n for (var j = 0, i = -1, m = on.length, o; j < m; ++j) {\n if (o = on[j], (!typename.type || o.type === typename.type) && o.name === typename.name) {\n this.removeEventListener(o.type, o.listener, o.options);\n } else {\n on[++i] = o;\n }\n }\n if (++i) on.length = i;\n else delete this.__on;\n };\n}\n\nfunction onAdd(typename, value, options) {\n return function() {\n var on = this.__on, o, listener = contextListener(value);\n if (on) for (var j = 0, m = on.length; j < m; ++j) {\n if ((o = on[j]).type === typename.type && o.name === typename.name) {\n this.removeEventListener(o.type, o.listener, o.options);\n this.addEventListener(o.type, o.listener = listener, o.options = options);\n o.value = value;\n return;\n }\n }\n this.addEventListener(typename.type, listener, options);\n o = {type: typename.type, name: typename.name, value: value, listener: listener, options: options};\n if (!on) this.__on = [o];\n else on.push(o);\n };\n}\n\nexport default function(typename, value, options) {\n var typenames = parseTypenames(typename + \"\"), i, n = typenames.length, t;\n\n if (arguments.length < 2) {\n var on = this.node().__on;\n if (on) for (var j = 0, m = on.length, o; j < m; ++j) {\n for (i = 0, o = on[j]; i < n; ++i) {\n if ((t = typenames[i]).type === o.type && t.name === o.name) {\n return o.value;\n }\n }\n }\n return;\n }\n\n on = value ? onAdd : onRemove;\n for (i = 0; i < n; ++i) this.each(on(typenames[i], value, options));\n return this;\n}\n","import defaultView from \"../window.js\";\n\nfunction dispatchEvent(node, type, params) {\n var window = defaultView(node),\n event = window.CustomEvent;\n\n if (typeof event === \"function\") {\n event = new event(type, params);\n } else {\n event = window.document.createEvent(\"Event\");\n if (params) event.initEvent(type, params.bubbles, params.cancelable), event.detail = params.detail;\n else event.initEvent(type, false, false);\n }\n\n node.dispatchEvent(event);\n}\n\nfunction dispatchConstant(type, params) {\n return function() {\n return dispatchEvent(this, type, params);\n };\n}\n\nfunction dispatchFunction(type, params) {\n return function() {\n return dispatchEvent(this, type, params.apply(this, arguments));\n };\n}\n\nexport default function(type, params) {\n return this.each((typeof params === \"function\"\n ? dispatchFunction\n : dispatchConstant)(type, params));\n}\n","import selection_select from \"./select.js\";\nimport selection_selectAll from \"./selectAll.js\";\nimport selection_selectChild from \"./selectChild.js\";\nimport selection_selectChildren from \"./selectChildren.js\";\nimport selection_filter from \"./filter.js\";\nimport selection_data from \"./data.js\";\nimport selection_enter from \"./enter.js\";\nimport selection_exit from \"./exit.js\";\nimport selection_join from \"./join.js\";\nimport selection_merge from \"./merge.js\";\nimport selection_order from \"./order.js\";\nimport selection_sort from \"./sort.js\";\nimport selection_call from \"./call.js\";\nimport selection_nodes from \"./nodes.js\";\nimport selection_node from \"./node.js\";\nimport selection_size from \"./size.js\";\nimport selection_empty from \"./empty.js\";\nimport selection_each from \"./each.js\";\nimport selection_attr from \"./attr.js\";\nimport selection_style from \"./style.js\";\nimport selection_property from \"./property.js\";\nimport selection_classed from \"./classed.js\";\nimport selection_text from \"./text.js\";\nimport selection_html from \"./html.js\";\nimport selection_raise from \"./raise.js\";\nimport selection_lower from \"./lower.js\";\nimport selection_append from \"./append.js\";\nimport selection_insert from \"./insert.js\";\nimport selection_remove from \"./remove.js\";\nimport selection_clone from \"./clone.js\";\nimport selection_datum from \"./datum.js\";\nimport selection_on from \"./on.js\";\nimport selection_dispatch from \"./dispatch.js\";\nimport selection_iterator from \"./iterator.js\";\n\nexport var root = [null];\n\nexport function Selection(groups, parents) {\n this._groups = groups;\n this._parents = parents;\n}\n\nfunction selection() {\n return new Selection([[document.documentElement]], root);\n}\n\nfunction selection_selection() {\n return this;\n}\n\nSelection.prototype = selection.prototype = {\n constructor: Selection,\n select: selection_select,\n selectAll: selection_selectAll,\n selectChild: selection_selectChild,\n selectChildren: selection_selectChildren,\n filter: selection_filter,\n data: selection_data,\n enter: selection_enter,\n exit: selection_exit,\n join: selection_join,\n merge: selection_merge,\n selection: selection_selection,\n order: selection_order,\n sort: selection_sort,\n call: selection_call,\n nodes: selection_nodes,\n node: selection_node,\n size: selection_size,\n empty: selection_empty,\n each: selection_each,\n attr: selection_attr,\n style: selection_style,\n property: selection_property,\n classed: selection_classed,\n text: selection_text,\n html: selection_html,\n raise: selection_raise,\n lower: selection_lower,\n append: selection_append,\n insert: selection_insert,\n remove: selection_remove,\n clone: selection_clone,\n datum: selection_datum,\n on: selection_on,\n dispatch: selection_dispatch,\n [Symbol.iterator]: selection_iterator\n};\n\nexport default selection;\n","import {Selection} from \"./index.js\";\nimport selector from \"../selector.js\";\n\nexport default function(select) {\n if (typeof select !== \"function\") select = selector(select);\n\n for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {\n for (var group = groups[j], n = group.length, subgroup = subgroups[j] = new Array(n), node, subnode, i = 0; i < n; ++i) {\n if ((node = group[i]) && (subnode = select.call(node, node.__data__, i, group))) {\n if (\"__data__\" in node) subnode.__data__ = node.__data__;\n subgroup[i] = subnode;\n }\n }\n }\n\n return new Selection(subgroups, this._parents);\n}\n","import {Selection} from \"./index.js\";\nimport matcher from \"../matcher.js\";\n\nexport default function(match) {\n if (typeof match !== \"function\") match = matcher(match);\n\n for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {\n for (var group = groups[j], n = group.length, subgroup = subgroups[j] = [], node, i = 0; i < n; ++i) {\n if ((node = group[i]) && match.call(node, node.__data__, i, group)) {\n subgroup.push(node);\n }\n }\n }\n\n return new Selection(subgroups, this._parents);\n}\n","import sparse from \"./sparse.js\";\nimport {Selection} from \"./index.js\";\n\nexport default function() {\n return new Selection(this._exit || this._groups.map(sparse), this._parents);\n}\n","export default function(onenter, onupdate, onexit) {\n var enter = this.enter(), update = this, exit = this.exit();\n enter = typeof onenter === \"function\" ? onenter(enter) : enter.append(onenter + \"\");\n if (onupdate != null) update = onupdate(update);\n if (onexit == null) exit.remove(); else onexit(exit);\n return enter && update ? enter.merge(update).order() : update;\n}\n","import {Selection} from \"./index.js\";\n\nexport default function(selection) {\n if (!(selection instanceof Selection)) throw new Error(\"invalid merge\");\n\n for (var groups0 = this._groups, groups1 = selection._groups, m0 = groups0.length, m1 = groups1.length, m = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m; ++j) {\n for (var group0 = groups0[j], group1 = groups1[j], n = group0.length, merge = merges[j] = new Array(n), node, i = 0; i < n; ++i) {\n if (node = group0[i] || group1[i]) {\n merge[i] = node;\n }\n }\n }\n\n for (; j < m0; ++j) {\n merges[j] = groups0[j];\n }\n\n return new Selection(merges, this._parents);\n}\n","export default function() {\n\n for (var groups = this._groups, j = -1, m = groups.length; ++j < m;) {\n for (var group = groups[j], i = group.length - 1, next = group[i], node; --i >= 0;) {\n if (node = group[i]) {\n if (next && node.compareDocumentPosition(next) ^ 4) next.parentNode.insertBefore(node, next);\n next = node;\n }\n }\n }\n\n return this;\n}\n","export default function() {\n return Array.from(this);\n}\n","export default function() {\n\n for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {\n for (var group = groups[j], i = 0, n = group.length; i < n; ++i) {\n var node = group[i];\n if (node) return node;\n }\n }\n\n return null;\n}\n","export default function() {\n let size = 0;\n for (const node of this) ++size; // eslint-disable-line no-unused-vars\n return size;\n}\n","export default function() {\n return !this.node();\n}\n","export default function(callback) {\n\n for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {\n for (var group = groups[j], i = 0, n = group.length, node; i < n; ++i) {\n if (node = group[i]) callback.call(node, node.__data__, i, group);\n }\n }\n\n return this;\n}\n","import creator from \"../creator.js\";\n\nexport default function(name) {\n var create = typeof name === \"function\" ? name : creator(name);\n return this.select(function() {\n return this.appendChild(create.apply(this, arguments));\n });\n}\n","export default function(value) {\n return arguments.length\n ? this.property(\"__data__\", value)\n : this.node().__data__;\n}\n","export default function*() {\n for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {\n for (var group = groups[j], i = 0, n = group.length, node; i < n; ++i) {\n if (node = group[i]) yield node;\n }\n }\n}\n","import {Selection, root} from \"./selection/index.js\";\n\nexport default function(selector) {\n return typeof selector === \"string\"\n ? new Selection([[document.querySelector(selector)]], [document.documentElement])\n : new Selection([[selector]], root);\n}\n","export default function(constructor, factory, prototype) {\n constructor.prototype = factory.prototype = prototype;\n prototype.constructor = constructor;\n}\n\nexport function extend(parent, definition) {\n var prototype = Object.create(parent.prototype);\n for (var key in definition) prototype[key] = definition[key];\n return prototype;\n}\n","import define, {extend} from \"./define.js\";\n\nexport function Color() {}\n\nexport var darker = 0.7;\nexport var brighter = 1 / darker;\n\nvar reI = \"\\\\s*([+-]?\\\\d+)\\\\s*\",\n reN = \"\\\\s*([+-]?\\\\d*\\\\.?\\\\d+(?:[eE][+-]?\\\\d+)?)\\\\s*\",\n reP = \"\\\\s*([+-]?\\\\d*\\\\.?\\\\d+(?:[eE][+-]?\\\\d+)?)%\\\\s*\",\n reHex = /^#([0-9a-f]{3,8})$/,\n reRgbInteger = new RegExp(\"^rgb\\\\(\" + [reI, reI, reI] + \"\\\\)$\"),\n reRgbPercent = new RegExp(\"^rgb\\\\(\" + [reP, reP, reP] + \"\\\\)$\"),\n reRgbaInteger = new RegExp(\"^rgba\\\\(\" + [reI, reI, reI, reN] + \"\\\\)$\"),\n reRgbaPercent = new RegExp(\"^rgba\\\\(\" + [reP, reP, reP, reN] + \"\\\\)$\"),\n reHslPercent = new RegExp(\"^hsl\\\\(\" + [reN, reP, reP] + \"\\\\)$\"),\n reHslaPercent = new RegExp(\"^hsla\\\\(\" + [reN, reP, reP, reN] + \"\\\\)$\");\n\nvar named = {\n aliceblue: 0xf0f8ff,\n antiquewhite: 0xfaebd7,\n aqua: 0x00ffff,\n aquamarine: 0x7fffd4,\n azure: 0xf0ffff,\n beige: 0xf5f5dc,\n bisque: 0xffe4c4,\n black: 0x000000,\n blanchedalmond: 0xffebcd,\n blue: 0x0000ff,\n blueviolet: 0x8a2be2,\n brown: 0xa52a2a,\n burlywood: 0xdeb887,\n cadetblue: 0x5f9ea0,\n chartreuse: 0x7fff00,\n chocolate: 0xd2691e,\n coral: 0xff7f50,\n cornflowerblue: 0x6495ed,\n cornsilk: 0xfff8dc,\n crimson: 0xdc143c,\n cyan: 0x00ffff,\n darkblue: 0x00008b,\n darkcyan: 0x008b8b,\n darkgoldenrod: 0xb8860b,\n darkgray: 0xa9a9a9,\n darkgreen: 0x006400,\n darkgrey: 0xa9a9a9,\n darkkhaki: 0xbdb76b,\n darkmagenta: 0x8b008b,\n darkolivegreen: 0x556b2f,\n darkorange: 0xff8c00,\n darkorchid: 0x9932cc,\n darkred: 0x8b0000,\n darksalmon: 0xe9967a,\n darkseagreen: 0x8fbc8f,\n darkslateblue: 0x483d8b,\n darkslategray: 0x2f4f4f,\n darkslategrey: 0x2f4f4f,\n darkturquoise: 0x00ced1,\n darkviolet: 0x9400d3,\n deeppink: 0xff1493,\n deepskyblue: 0x00bfff,\n dimgray: 0x696969,\n dimgrey: 0x696969,\n dodgerblue: 0x1e90ff,\n firebrick: 0xb22222,\n floralwhite: 0xfffaf0,\n forestgreen: 0x228b22,\n fuchsia: 0xff00ff,\n gainsboro: 0xdcdcdc,\n ghostwhite: 0xf8f8ff,\n gold: 0xffd700,\n goldenrod: 0xdaa520,\n gray: 0x808080,\n green: 0x008000,\n greenyellow: 0xadff2f,\n grey: 0x808080,\n honeydew: 0xf0fff0,\n hotpink: 0xff69b4,\n indianred: 0xcd5c5c,\n indigo: 0x4b0082,\n ivory: 0xfffff0,\n khaki: 0xf0e68c,\n lavender: 0xe6e6fa,\n lavenderblush: 0xfff0f5,\n lawngreen: 0x7cfc00,\n lemonchiffon: 0xfffacd,\n lightblue: 0xadd8e6,\n lightcoral: 0xf08080,\n lightcyan: 0xe0ffff,\n lightgoldenrodyellow: 0xfafad2,\n lightgray: 0xd3d3d3,\n lightgreen: 0x90ee90,\n lightgrey: 0xd3d3d3,\n lightpink: 0xffb6c1,\n lightsalmon: 0xffa07a,\n lightseagreen: 0x20b2aa,\n lightskyblue: 0x87cefa,\n lightslategray: 0x778899,\n lightslategrey: 0x778899,\n lightsteelblue: 0xb0c4de,\n lightyellow: 0xffffe0,\n lime: 0x00ff00,\n limegreen: 0x32cd32,\n linen: 0xfaf0e6,\n magenta: 0xff00ff,\n maroon: 0x800000,\n mediumaquamarine: 0x66cdaa,\n mediumblue: 0x0000cd,\n mediumorchid: 0xba55d3,\n mediumpurple: 0x9370db,\n mediumseagreen: 0x3cb371,\n mediumslateblue: 0x7b68ee,\n mediumspringgreen: 0x00fa9a,\n mediumturquoise: 0x48d1cc,\n mediumvioletred: 0xc71585,\n midnightblue: 0x191970,\n mintcream: 0xf5fffa,\n mistyrose: 0xffe4e1,\n moccasin: 0xffe4b5,\n navajowhite: 0xffdead,\n navy: 0x000080,\n oldlace: 0xfdf5e6,\n olive: 0x808000,\n olivedrab: 0x6b8e23,\n orange: 0xffa500,\n orangered: 0xff4500,\n orchid: 0xda70d6,\n palegoldenrod: 0xeee8aa,\n palegreen: 0x98fb98,\n paleturquoise: 0xafeeee,\n palevioletred: 0xdb7093,\n papayawhip: 0xffefd5,\n peachpuff: 0xffdab9,\n peru: 0xcd853f,\n pink: 0xffc0cb,\n plum: 0xdda0dd,\n powderblue: 0xb0e0e6,\n purple: 0x800080,\n rebeccapurple: 0x663399,\n red: 0xff0000,\n rosybrown: 0xbc8f8f,\n royalblue: 0x4169e1,\n saddlebrown: 0x8b4513,\n salmon: 0xfa8072,\n sandybrown: 0xf4a460,\n seagreen: 0x2e8b57,\n seashell: 0xfff5ee,\n sienna: 0xa0522d,\n silver: 0xc0c0c0,\n skyblue: 0x87ceeb,\n slateblue: 0x6a5acd,\n slategray: 0x708090,\n slategrey: 0x708090,\n snow: 0xfffafa,\n springgreen: 0x00ff7f,\n steelblue: 0x4682b4,\n tan: 0xd2b48c,\n teal: 0x008080,\n thistle: 0xd8bfd8,\n tomato: 0xff6347,\n turquoise: 0x40e0d0,\n violet: 0xee82ee,\n wheat: 0xf5deb3,\n white: 0xffffff,\n whitesmoke: 0xf5f5f5,\n yellow: 0xffff00,\n yellowgreen: 0x9acd32\n};\n\ndefine(Color, color, {\n copy: function(channels) {\n return Object.assign(new this.constructor, this, channels);\n },\n displayable: function() {\n return this.rgb().displayable();\n },\n hex: color_formatHex, // Deprecated! Use color.formatHex.\n formatHex: color_formatHex,\n formatHsl: color_formatHsl,\n formatRgb: color_formatRgb,\n toString: color_formatRgb\n});\n\nfunction color_formatHex() {\n return this.rgb().formatHex();\n}\n\nfunction color_formatHsl() {\n return hslConvert(this).formatHsl();\n}\n\nfunction color_formatRgb() {\n return this.rgb().formatRgb();\n}\n\nexport default function color(format) {\n var m, l;\n format = (format + \"\").trim().toLowerCase();\n return (m = reHex.exec(format)) ? (l = m[1].length, m = parseInt(m[1], 16), l === 6 ? rgbn(m) // #ff0000\n : l === 3 ? new Rgb((m >> 8 & 0xf) | (m >> 4 & 0xf0), (m >> 4 & 0xf) | (m & 0xf0), ((m & 0xf) << 4) | (m & 0xf), 1) // #f00\n : l === 8 ? rgba(m >> 24 & 0xff, m >> 16 & 0xff, m >> 8 & 0xff, (m & 0xff) / 0xff) // #ff000000\n : l === 4 ? rgba((m >> 12 & 0xf) | (m >> 8 & 0xf0), (m >> 8 & 0xf) | (m >> 4 & 0xf0), (m >> 4 & 0xf) | (m & 0xf0), (((m & 0xf) << 4) | (m & 0xf)) / 0xff) // #f000\n : null) // invalid hex\n : (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) // rgb(255, 0, 0)\n : (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) // rgb(100%, 0%, 0%)\n : (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) // rgba(255, 0, 0, 1)\n : (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) // rgb(100%, 0%, 0%, 1)\n : (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) // hsl(120, 50%, 50%)\n : (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) // hsla(120, 50%, 50%, 1)\n : named.hasOwnProperty(format) ? rgbn(named[format]) // eslint-disable-line no-prototype-builtins\n : format === \"transparent\" ? new Rgb(NaN, NaN, NaN, 0)\n : null;\n}\n\nfunction rgbn(n) {\n return new Rgb(n >> 16 & 0xff, n >> 8 & 0xff, n & 0xff, 1);\n}\n\nfunction rgba(r, g, b, a) {\n if (a <= 0) r = g = b = NaN;\n return new Rgb(r, g, b, a);\n}\n\nexport function rgbConvert(o) {\n if (!(o instanceof Color)) o = color(o);\n if (!o) return new Rgb;\n o = o.rgb();\n return new Rgb(o.r, o.g, o.b, o.opacity);\n}\n\nexport function rgb(r, g, b, opacity) {\n return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);\n}\n\nexport function Rgb(r, g, b, opacity) {\n this.r = +r;\n this.g = +g;\n this.b = +b;\n this.opacity = +opacity;\n}\n\ndefine(Rgb, rgb, extend(Color, {\n brighter: function(k) {\n k = k == null ? brighter : Math.pow(brighter, k);\n return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);\n },\n darker: function(k) {\n k = k == null ? darker : Math.pow(darker, k);\n return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);\n },\n rgb: function() {\n return this;\n },\n displayable: function() {\n return (-0.5 <= this.r && this.r < 255.5)\n && (-0.5 <= this.g && this.g < 255.5)\n && (-0.5 <= this.b && this.b < 255.5)\n && (0 <= this.opacity && this.opacity <= 1);\n },\n hex: rgb_formatHex, // Deprecated! Use color.formatHex.\n formatHex: rgb_formatHex,\n formatRgb: rgb_formatRgb,\n toString: rgb_formatRgb\n}));\n\nfunction rgb_formatHex() {\n return \"#\" + hex(this.r) + hex(this.g) + hex(this.b);\n}\n\nfunction rgb_formatRgb() {\n var a = this.opacity; a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));\n return (a === 1 ? \"rgb(\" : \"rgba(\")\n + Math.max(0, Math.min(255, Math.round(this.r) || 0)) + \", \"\n + Math.max(0, Math.min(255, Math.round(this.g) || 0)) + \", \"\n + Math.max(0, Math.min(255, Math.round(this.b) || 0))\n + (a === 1 ? \")\" : \", \" + a + \")\");\n}\n\nfunction hex(value) {\n value = Math.max(0, Math.min(255, Math.round(value) || 0));\n return (value < 16 ? \"0\" : \"\") + value.toString(16);\n}\n\nfunction hsla(h, s, l, a) {\n if (a <= 0) h = s = l = NaN;\n else if (l <= 0 || l >= 1) h = s = NaN;\n else if (s <= 0) h = NaN;\n return new Hsl(h, s, l, a);\n}\n\nexport function hslConvert(o) {\n if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);\n if (!(o instanceof Color)) o = color(o);\n if (!o) return new Hsl;\n if (o instanceof Hsl) return o;\n o = o.rgb();\n var r = o.r / 255,\n g = o.g / 255,\n b = o.b / 255,\n min = Math.min(r, g, b),\n max = Math.max(r, g, b),\n h = NaN,\n s = max - min,\n l = (max + min) / 2;\n if (s) {\n if (r === max) h = (g - b) / s + (g < b) * 6;\n else if (g === max) h = (b - r) / s + 2;\n else h = (r - g) / s + 4;\n s /= l < 0.5 ? max + min : 2 - max - min;\n h *= 60;\n } else {\n s = l > 0 && l < 1 ? 0 : h;\n }\n return new Hsl(h, s, l, o.opacity);\n}\n\nexport function hsl(h, s, l, opacity) {\n return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);\n}\n\nfunction Hsl(h, s, l, opacity) {\n this.h = +h;\n this.s = +s;\n this.l = +l;\n this.opacity = +opacity;\n}\n\ndefine(Hsl, hsl, extend(Color, {\n brighter: function(k) {\n k = k == null ? brighter : Math.pow(brighter, k);\n return new Hsl(this.h, this.s, this.l * k, this.opacity);\n },\n darker: function(k) {\n k = k == null ? darker : Math.pow(darker, k);\n return new Hsl(this.h, this.s, this.l * k, this.opacity);\n },\n rgb: function() {\n var h = this.h % 360 + (this.h < 0) * 360,\n s = isNaN(h) || isNaN(this.s) ? 0 : this.s,\n l = this.l,\n m2 = l + (l < 0.5 ? l : 1 - l) * s,\n m1 = 2 * l - m2;\n return new Rgb(\n hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2),\n hsl2rgb(h, m1, m2),\n hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2),\n this.opacity\n );\n },\n displayable: function() {\n return (0 <= this.s && this.s <= 1 || isNaN(this.s))\n && (0 <= this.l && this.l <= 1)\n && (0 <= this.opacity && this.opacity <= 1);\n },\n formatHsl: function() {\n var a = this.opacity; a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));\n return (a === 1 ? \"hsl(\" : \"hsla(\")\n + (this.h || 0) + \", \"\n + (this.s || 0) * 100 + \"%, \"\n + (this.l || 0) * 100 + \"%\"\n + (a === 1 ? \")\" : \", \" + a + \")\");\n }\n}));\n\n/* From FvD 13.37, CSS Color Module Level 3 */\nfunction hsl2rgb(h, m1, m2) {\n return (h < 60 ? m1 + (m2 - m1) * h / 60\n : h < 180 ? m2\n : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60\n : m1) * 255;\n}\n","export function basis(t1, v0, v1, v2, v3) {\n var t2 = t1 * t1, t3 = t2 * t1;\n return ((1 - 3 * t1 + 3 * t2 - t3) * v0\n + (4 - 6 * t2 + 3 * t3) * v1\n + (1 + 3 * t1 + 3 * t2 - 3 * t3) * v2\n + t3 * v3) / 6;\n}\n\nexport default function(values) {\n var n = values.length - 1;\n return function(t) {\n var i = t <= 0 ? (t = 0) : t >= 1 ? (t = 1, n - 1) : Math.floor(t * n),\n v1 = values[i],\n v2 = values[i + 1],\n v0 = i > 0 ? values[i - 1] : 2 * v1 - v2,\n v3 = i < n - 1 ? values[i + 2] : 2 * v2 - v1;\n return basis((t - i / n) * n, v0, v1, v2, v3);\n };\n}\n","export default x => () => x;\n","import constant from \"./constant.js\";\n\nfunction linear(a, d) {\n return function(t) {\n return a + t * d;\n };\n}\n\nfunction exponential(a, b, y) {\n return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function(t) {\n return Math.pow(a + t * b, y);\n };\n}\n\nexport function hue(a, b) {\n var d = b - a;\n return d ? linear(a, d > 180 || d < -180 ? d - 360 * Math.round(d / 360) : d) : constant(isNaN(a) ? b : a);\n}\n\nexport function gamma(y) {\n return (y = +y) === 1 ? nogamma : function(a, b) {\n return b - a ? exponential(a, b, y) : constant(isNaN(a) ? b : a);\n };\n}\n\nexport default function nogamma(a, b) {\n var d = b - a;\n return d ? linear(a, d) : constant(isNaN(a) ? b : a);\n}\n","import {rgb as colorRgb} from \"d3-color\";\nimport basis from \"./basis.js\";\nimport basisClosed from \"./basisClosed.js\";\nimport nogamma, {gamma} from \"./color.js\";\n\nexport default (function rgbGamma(y) {\n var color = gamma(y);\n\n function rgb(start, end) {\n var r = color((start = colorRgb(start)).r, (end = colorRgb(end)).r),\n g = color(start.g, end.g),\n b = color(start.b, end.b),\n opacity = nogamma(start.opacity, end.opacity);\n return function(t) {\n start.r = r(t);\n start.g = g(t);\n start.b = b(t);\n start.opacity = opacity(t);\n return start + \"\";\n };\n }\n\n rgb.gamma = rgbGamma;\n\n return rgb;\n})(1);\n\nfunction rgbSpline(spline) {\n return function(colors) {\n var n = colors.length,\n r = new Array(n),\n g = new Array(n),\n b = new Array(n),\n i, color;\n for (i = 0; i < n; ++i) {\n color = colorRgb(colors[i]);\n r[i] = color.r || 0;\n g[i] = color.g || 0;\n b[i] = color.b || 0;\n }\n r = spline(r);\n g = spline(g);\n b = spline(b);\n color.opacity = 1;\n return function(t) {\n color.r = r(t);\n color.g = g(t);\n color.b = b(t);\n return color + \"\";\n };\n };\n}\n\nexport var rgbBasis = rgbSpline(basis);\nexport var rgbBasisClosed = rgbSpline(basisClosed);\n","import {basis} from \"./basis.js\";\n\nexport default function(values) {\n var n = values.length;\n return function(t) {\n var i = Math.floor(((t %= 1) < 0 ? ++t : t) * n),\n v0 = values[(i + n - 1) % n],\n v1 = values[i % n],\n v2 = values[(i + 1) % n],\n v3 = values[(i + 2) % n];\n return basis((t - i / n) * n, v0, v1, v2, v3);\n };\n}\n","export default function(a, b) {\n var d = new Date;\n return a = +a, b = +b, function(t) {\n return d.setTime(a * (1 - t) + b * t), d;\n };\n}\n","export default function(a, b) {\n return a = +a, b = +b, function(t) {\n return a * (1 - t) + b * t;\n };\n}\n","import number from \"./number.js\";\n\nvar reA = /[-+]?(?:\\d+\\.?\\d*|\\.?\\d+)(?:[eE][-+]?\\d+)?/g,\n reB = new RegExp(reA.source, \"g\");\n\nfunction zero(b) {\n return function() {\n return b;\n };\n}\n\nfunction one(b) {\n return function(t) {\n return b(t) + \"\";\n };\n}\n\nexport default function(a, b) {\n var bi = reA.lastIndex = reB.lastIndex = 0, // scan index for next number in b\n am, // current match in a\n bm, // current match in b\n bs, // string preceding current number in b, if any\n i = -1, // index in s\n s = [], // string constants and placeholders\n q = []; // number interpolators\n\n // Coerce inputs to strings.\n a = a + \"\", b = b + \"\";\n\n // Interpolate pairs of numbers in a & b.\n while ((am = reA.exec(a))\n && (bm = reB.exec(b))) {\n if ((bs = bm.index) > bi) { // a string precedes the next number in b\n bs = b.slice(bi, bs);\n if (s[i]) s[i] += bs; // coalesce with previous string\n else s[++i] = bs;\n }\n if ((am = am[0]) === (bm = bm[0])) { // numbers in a & b match\n if (s[i]) s[i] += bm; // coalesce with previous string\n else s[++i] = bm;\n } else { // interpolate non-matching numbers\n s[++i] = null;\n q.push({i: i, x: number(am, bm)});\n }\n bi = reB.lastIndex;\n }\n\n // Add remains of b.\n if (bi < b.length) {\n bs = b.slice(bi);\n if (s[i]) s[i] += bs; // coalesce with previous string\n else s[++i] = bs;\n }\n\n // Special optimization for only a single match.\n // Otherwise, interpolate each of the numbers and rejoin the string.\n return s.length < 2 ? (q[0]\n ? one(q[0].x)\n : zero(b))\n : (b = q.length, function(t) {\n for (var i = 0, o; i < b; ++i) s[(o = q[i]).i] = o.x(t);\n return s.join(\"\");\n });\n}\n","var frame = 0, // is an animation frame pending?\n timeout = 0, // is a timeout pending?\n interval = 0, // are any timers active?\n pokeDelay = 1000, // how frequently we check for clock skew\n taskHead,\n taskTail,\n clockLast = 0,\n clockNow = 0,\n clockSkew = 0,\n clock = typeof performance === \"object\" && performance.now ? performance : Date,\n setFrame = typeof window === \"object\" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(f) { setTimeout(f, 17); };\n\nexport function now() {\n return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);\n}\n\nfunction clearNow() {\n clockNow = 0;\n}\n\nexport function Timer() {\n this._call =\n this._time =\n this._next = null;\n}\n\nTimer.prototype = timer.prototype = {\n constructor: Timer,\n restart: function(callback, delay, time) {\n if (typeof callback !== \"function\") throw new TypeError(\"callback is not a function\");\n time = (time == null ? now() : +time) + (delay == null ? 0 : +delay);\n if (!this._next && taskTail !== this) {\n if (taskTail) taskTail._next = this;\n else taskHead = this;\n taskTail = this;\n }\n this._call = callback;\n this._time = time;\n sleep();\n },\n stop: function() {\n if (this._call) {\n this._call = null;\n this._time = Infinity;\n sleep();\n }\n }\n};\n\nexport function timer(callback, delay, time) {\n var t = new Timer;\n t.restart(callback, delay, time);\n return t;\n}\n\nexport function timerFlush() {\n now(); // Get the current time, if not already set.\n ++frame; // Pretend we’ve set an alarm, if we haven’t already.\n var t = taskHead, e;\n while (t) {\n if ((e = clockNow - t._time) >= 0) t._call.call(null, e);\n t = t._next;\n }\n --frame;\n}\n\nfunction wake() {\n clockNow = (clockLast = clock.now()) + clockSkew;\n frame = timeout = 0;\n try {\n timerFlush();\n } finally {\n frame = 0;\n nap();\n clockNow = 0;\n }\n}\n\nfunction poke() {\n var now = clock.now(), delay = now - clockLast;\n if (delay > pokeDelay) clockSkew -= delay, clockLast = now;\n}\n\nfunction nap() {\n var t0, t1 = taskHead, t2, time = Infinity;\n while (t1) {\n if (t1._call) {\n if (time > t1._time) time = t1._time;\n t0 = t1, t1 = t1._next;\n } else {\n t2 = t1._next, t1._next = null;\n t1 = t0 ? t0._next = t2 : taskHead = t2;\n }\n }\n taskTail = t0;\n sleep(time);\n}\n\nfunction sleep(time) {\n if (frame) return; // Soonest alarm already set, or will be.\n if (timeout) timeout = clearTimeout(timeout);\n var delay = time - clockNow; // Strictly less than if we recomputed clockNow.\n if (delay > 24) {\n if (time < Infinity) timeout = setTimeout(wake, time - clock.now() - clockSkew);\n if (interval) interval = clearInterval(interval);\n } else {\n if (!interval) clockLast = clock.now(), interval = setInterval(poke, pokeDelay);\n frame = 1, setFrame(wake);\n }\n}\n","import {Timer} from \"./timer.js\";\n\nexport default function(callback, delay, time) {\n var t = new Timer;\n delay = delay == null ? 0 : +delay;\n t.restart(elapsed => {\n t.stop();\n callback(elapsed + delay);\n }, delay, time);\n return t;\n}\n","import {dispatch} from \"d3-dispatch\";\nimport {timer, timeout} from \"d3-timer\";\n\nvar emptyOn = dispatch(\"start\", \"end\", \"cancel\", \"interrupt\");\nvar emptyTween = [];\n\nexport var CREATED = 0;\nexport var SCHEDULED = 1;\nexport var STARTING = 2;\nexport var STARTED = 3;\nexport var RUNNING = 4;\nexport var ENDING = 5;\nexport var ENDED = 6;\n\nexport default function(node, name, id, index, group, timing) {\n var schedules = node.__transition;\n if (!schedules) node.__transition = {};\n else if (id in schedules) return;\n create(node, id, {\n name: name,\n index: index, // For context during callback.\n group: group, // For context during callback.\n on: emptyOn,\n tween: emptyTween,\n time: timing.time,\n delay: timing.delay,\n duration: timing.duration,\n ease: timing.ease,\n timer: null,\n state: CREATED\n });\n}\n\nexport function init(node, id) {\n var schedule = get(node, id);\n if (schedule.state > CREATED) throw new Error(\"too late; already scheduled\");\n return schedule;\n}\n\nexport function set(node, id) {\n var schedule = get(node, id);\n if (schedule.state > STARTED) throw new Error(\"too late; already running\");\n return schedule;\n}\n\nexport function get(node, id) {\n var schedule = node.__transition;\n if (!schedule || !(schedule = schedule[id])) throw new Error(\"transition not found\");\n return schedule;\n}\n\nfunction create(node, id, self) {\n var schedules = node.__transition,\n tween;\n\n // Initialize the self timer when the transition is created.\n // Note the actual delay is not known until the first callback!\n schedules[id] = self;\n self.timer = timer(schedule, 0, self.time);\n\n function schedule(elapsed) {\n self.state = SCHEDULED;\n self.timer.restart(start, self.delay, self.time);\n\n // If the elapsed delay is less than our first sleep, start immediately.\n if (self.delay <= elapsed) start(elapsed - self.delay);\n }\n\n function start(elapsed) {\n var i, j, n, o;\n\n // If the state is not SCHEDULED, then we previously errored on start.\n if (self.state !== SCHEDULED) return stop();\n\n for (i in schedules) {\n o = schedules[i];\n if (o.name !== self.name) continue;\n\n // While this element already has a starting transition during this frame,\n // defer starting an interrupting transition until that transition has a\n // chance to tick (and possibly end); see d3/d3-transition#54!\n if (o.state === STARTED) return timeout(start);\n\n // Interrupt the active transition, if any.\n if (o.state === RUNNING) {\n o.state = ENDED;\n o.timer.stop();\n o.on.call(\"interrupt\", node, node.__data__, o.index, o.group);\n delete schedules[i];\n }\n\n // Cancel any pre-empted transitions.\n else if (+i < id) {\n o.state = ENDED;\n o.timer.stop();\n o.on.call(\"cancel\", node, node.__data__, o.index, o.group);\n delete schedules[i];\n }\n }\n\n // Defer the first tick to end of the current frame; see d3/d3#1576.\n // Note the transition may be canceled after start and before the first tick!\n // Note this must be scheduled before the start event; see d3/d3-transition#16!\n // Assuming this is successful, subsequent callbacks go straight to tick.\n timeout(function() {\n if (self.state === STARTED) {\n self.state = RUNNING;\n self.timer.restart(tick, self.delay, self.time);\n tick(elapsed);\n }\n });\n\n // Dispatch the start event.\n // Note this must be done before the tween are initialized.\n self.state = STARTING;\n self.on.call(\"start\", node, node.__data__, self.index, self.group);\n if (self.state !== STARTING) return; // interrupted\n self.state = STARTED;\n\n // Initialize the tween, deleting null tween.\n tween = new Array(n = self.tween.length);\n for (i = 0, j = -1; i < n; ++i) {\n if (o = self.tween[i].value.call(node, node.__data__, self.index, self.group)) {\n tween[++j] = o;\n }\n }\n tween.length = j + 1;\n }\n\n function tick(elapsed) {\n var t = elapsed < self.duration ? self.ease.call(null, elapsed / self.duration) : (self.timer.restart(stop), self.state = ENDING, 1),\n i = -1,\n n = tween.length;\n\n while (++i < n) {\n tween[i].call(node, t);\n }\n\n // Dispatch the end event.\n if (self.state === ENDING) {\n self.on.call(\"end\", node, node.__data__, self.index, self.group);\n stop();\n }\n }\n\n function stop() {\n self.state = ENDED;\n self.timer.stop();\n delete schedules[id];\n for (var i in schedules) return; // eslint-disable-line no-unused-vars\n delete node.__transition;\n }\n}\n","import {STARTING, ENDING, ENDED} from \"./transition/schedule.js\";\n\nexport default function(node, name) {\n var schedules = node.__transition,\n schedule,\n active,\n empty = true,\n i;\n\n if (!schedules) return;\n\n name = name == null ? null : name + \"\";\n\n for (i in schedules) {\n if ((schedule = schedules[i]).name !== name) { empty = false; continue; }\n active = schedule.state > STARTING && schedule.state < ENDING;\n schedule.state = ENDED;\n schedule.timer.stop();\n schedule.on.call(active ? \"interrupt\" : \"cancel\", node, node.__data__, schedule.index, schedule.group);\n delete schedules[i];\n }\n\n if (empty) delete node.__transition;\n}\n","import decompose, {identity} from \"./decompose.js\";\n\nvar svgNode;\n\n/* eslint-disable no-undef */\nexport function parseCss(value) {\n const m = new (typeof DOMMatrix === \"function\" ? DOMMatrix : WebKitCSSMatrix)(value + \"\");\n return m.isIdentity ? identity : decompose(m.a, m.b, m.c, m.d, m.e, m.f);\n}\n\nexport function parseSvg(value) {\n if (value == null) return identity;\n if (!svgNode) svgNode = document.createElementNS(\"http://www.w3.org/2000/svg\", \"g\");\n svgNode.setAttribute(\"transform\", value);\n if (!(value = svgNode.transform.baseVal.consolidate())) return identity;\n value = value.matrix;\n return decompose(value.a, value.b, value.c, value.d, value.e, value.f);\n}\n","var degrees = 180 / Math.PI;\n\nexport var identity = {\n translateX: 0,\n translateY: 0,\n rotate: 0,\n skewX: 0,\n scaleX: 1,\n scaleY: 1\n};\n\nexport default function(a, b, c, d, e, f) {\n var scaleX, scaleY, skewX;\n if (scaleX = Math.sqrt(a * a + b * b)) a /= scaleX, b /= scaleX;\n if (skewX = a * c + b * d) c -= a * skewX, d -= b * skewX;\n if (scaleY = Math.sqrt(c * c + d * d)) c /= scaleY, d /= scaleY, skewX /= scaleY;\n if (a * d < b * c) a = -a, b = -b, skewX = -skewX, scaleX = -scaleX;\n return {\n translateX: e,\n translateY: f,\n rotate: Math.atan2(b, a) * degrees,\n skewX: Math.atan(skewX) * degrees,\n scaleX: scaleX,\n scaleY: scaleY\n };\n}\n","import number from \"../number.js\";\nimport {parseCss, parseSvg} from \"./parse.js\";\n\nfunction interpolateTransform(parse, pxComma, pxParen, degParen) {\n\n function pop(s) {\n return s.length ? s.pop() + \" \" : \"\";\n }\n\n function translate(xa, ya, xb, yb, s, q) {\n if (xa !== xb || ya !== yb) {\n var i = s.push(\"translate(\", null, pxComma, null, pxParen);\n q.push({i: i - 4, x: number(xa, xb)}, {i: i - 2, x: number(ya, yb)});\n } else if (xb || yb) {\n s.push(\"translate(\" + xb + pxComma + yb + pxParen);\n }\n }\n\n function rotate(a, b, s, q) {\n if (a !== b) {\n if (a - b > 180) b += 360; else if (b - a > 180) a += 360; // shortest path\n q.push({i: s.push(pop(s) + \"rotate(\", null, degParen) - 2, x: number(a, b)});\n } else if (b) {\n s.push(pop(s) + \"rotate(\" + b + degParen);\n }\n }\n\n function skewX(a, b, s, q) {\n if (a !== b) {\n q.push({i: s.push(pop(s) + \"skewX(\", null, degParen) - 2, x: number(a, b)});\n } else if (b) {\n s.push(pop(s) + \"skewX(\" + b + degParen);\n }\n }\n\n function scale(xa, ya, xb, yb, s, q) {\n if (xa !== xb || ya !== yb) {\n var i = s.push(pop(s) + \"scale(\", null, \",\", null, \")\");\n q.push({i: i - 4, x: number(xa, xb)}, {i: i - 2, x: number(ya, yb)});\n } else if (xb !== 1 || yb !== 1) {\n s.push(pop(s) + \"scale(\" + xb + \",\" + yb + \")\");\n }\n }\n\n return function(a, b) {\n var s = [], // string constants and placeholders\n q = []; // number interpolators\n a = parse(a), b = parse(b);\n translate(a.translateX, a.translateY, b.translateX, b.translateY, s, q);\n rotate(a.rotate, b.rotate, s, q);\n skewX(a.skewX, b.skewX, s, q);\n scale(a.scaleX, a.scaleY, b.scaleX, b.scaleY, s, q);\n a = b = null; // gc\n return function(t) {\n var i = -1, n = q.length, o;\n while (++i < n) s[(o = q[i]).i] = o.x(t);\n return s.join(\"\");\n };\n };\n}\n\nexport var interpolateTransformCss = interpolateTransform(parseCss, \"px, \", \"px)\", \"deg)\");\nexport var interpolateTransformSvg = interpolateTransform(parseSvg, \", \", \")\", \")\");\n","import {get, set} from \"./schedule.js\";\n\nfunction tweenRemove(id, name) {\n var tween0, tween1;\n return function() {\n var schedule = set(this, id),\n tween = schedule.tween;\n\n // If this node shared tween with the previous node,\n // just assign the updated shared tween and we’re done!\n // Otherwise, copy-on-write.\n if (tween !== tween0) {\n tween1 = tween0 = tween;\n for (var i = 0, n = tween1.length; i < n; ++i) {\n if (tween1[i].name === name) {\n tween1 = tween1.slice();\n tween1.splice(i, 1);\n break;\n }\n }\n }\n\n schedule.tween = tween1;\n };\n}\n\nfunction tweenFunction(id, name, value) {\n var tween0, tween1;\n if (typeof value !== \"function\") throw new Error;\n return function() {\n var schedule = set(this, id),\n tween = schedule.tween;\n\n // If this node shared tween with the previous node,\n // just assign the updated shared tween and we’re done!\n // Otherwise, copy-on-write.\n if (tween !== tween0) {\n tween1 = (tween0 = tween).slice();\n for (var t = {name: name, value: value}, i = 0, n = tween1.length; i < n; ++i) {\n if (tween1[i].name === name) {\n tween1[i] = t;\n break;\n }\n }\n if (i === n) tween1.push(t);\n }\n\n schedule.tween = tween1;\n };\n}\n\nexport default function(name, value) {\n var id = this._id;\n\n name += \"\";\n\n if (arguments.length < 2) {\n var tween = get(this.node(), id).tween;\n for (var i = 0, n = tween.length, t; i < n; ++i) {\n if ((t = tween[i]).name === name) {\n return t.value;\n }\n }\n return null;\n }\n\n return this.each((value == null ? tweenRemove : tweenFunction)(id, name, value));\n}\n\nexport function tweenValue(transition, name, value) {\n var id = transition._id;\n\n transition.each(function() {\n var schedule = set(this, id);\n (schedule.value || (schedule.value = {}))[name] = value.apply(this, arguments);\n });\n\n return function(node) {\n return get(node, id).value[name];\n };\n}\n","import {color} from \"d3-color\";\nimport {interpolateNumber, interpolateRgb, interpolateString} from \"d3-interpolate\";\n\nexport default function(a, b) {\n var c;\n return (typeof b === \"number\" ? interpolateNumber\n : b instanceof color ? interpolateRgb\n : (c = color(b)) ? (b = c, interpolateRgb)\n : interpolateString)(a, b);\n}\n","import {interpolateTransformSvg as interpolateTransform} from \"d3-interpolate\";\nimport {namespace} from \"d3-selection\";\nimport {tweenValue} from \"./tween.js\";\nimport interpolate from \"./interpolate.js\";\n\nfunction attrRemove(name) {\n return function() {\n this.removeAttribute(name);\n };\n}\n\nfunction attrRemoveNS(fullname) {\n return function() {\n this.removeAttributeNS(fullname.space, fullname.local);\n };\n}\n\nfunction attrConstant(name, interpolate, value1) {\n var string00,\n string1 = value1 + \"\",\n interpolate0;\n return function() {\n var string0 = this.getAttribute(name);\n return string0 === string1 ? null\n : string0 === string00 ? interpolate0\n : interpolate0 = interpolate(string00 = string0, value1);\n };\n}\n\nfunction attrConstantNS(fullname, interpolate, value1) {\n var string00,\n string1 = value1 + \"\",\n interpolate0;\n return function() {\n var string0 = this.getAttributeNS(fullname.space, fullname.local);\n return string0 === string1 ? null\n : string0 === string00 ? interpolate0\n : interpolate0 = interpolate(string00 = string0, value1);\n };\n}\n\nfunction attrFunction(name, interpolate, value) {\n var string00,\n string10,\n interpolate0;\n return function() {\n var string0, value1 = value(this), string1;\n if (value1 == null) return void this.removeAttribute(name);\n string0 = this.getAttribute(name);\n string1 = value1 + \"\";\n return string0 === string1 ? null\n : string0 === string00 && string1 === string10 ? interpolate0\n : (string10 = string1, interpolate0 = interpolate(string00 = string0, value1));\n };\n}\n\nfunction attrFunctionNS(fullname, interpolate, value) {\n var string00,\n string10,\n interpolate0;\n return function() {\n var string0, value1 = value(this), string1;\n if (value1 == null) return void this.removeAttributeNS(fullname.space, fullname.local);\n string0 = this.getAttributeNS(fullname.space, fullname.local);\n string1 = value1 + \"\";\n return string0 === string1 ? null\n : string0 === string00 && string1 === string10 ? interpolate0\n : (string10 = string1, interpolate0 = interpolate(string00 = string0, value1));\n };\n}\n\nexport default function(name, value) {\n var fullname = namespace(name), i = fullname === \"transform\" ? interpolateTransform : interpolate;\n return this.attrTween(name, typeof value === \"function\"\n ? (fullname.local ? attrFunctionNS : attrFunction)(fullname, i, tweenValue(this, \"attr.\" + name, value))\n : value == null ? (fullname.local ? attrRemoveNS : attrRemove)(fullname)\n : (fullname.local ? attrConstantNS : attrConstant)(fullname, i, value));\n}\n","import {namespace} from \"d3-selection\";\n\nfunction attrInterpolate(name, i) {\n return function(t) {\n this.setAttribute(name, i.call(this, t));\n };\n}\n\nfunction attrInterpolateNS(fullname, i) {\n return function(t) {\n this.setAttributeNS(fullname.space, fullname.local, i.call(this, t));\n };\n}\n\nfunction attrTweenNS(fullname, value) {\n var t0, i0;\n function tween() {\n var i = value.apply(this, arguments);\n if (i !== i0) t0 = (i0 = i) && attrInterpolateNS(fullname, i);\n return t0;\n }\n tween._value = value;\n return tween;\n}\n\nfunction attrTween(name, value) {\n var t0, i0;\n function tween() {\n var i = value.apply(this, arguments);\n if (i !== i0) t0 = (i0 = i) && attrInterpolate(name, i);\n return t0;\n }\n tween._value = value;\n return tween;\n}\n\nexport default function(name, value) {\n var key = \"attr.\" + name;\n if (arguments.length < 2) return (key = this.tween(key)) && key._value;\n if (value == null) return this.tween(key, null);\n if (typeof value !== \"function\") throw new Error;\n var fullname = namespace(name);\n return this.tween(key, (fullname.local ? attrTweenNS : attrTween)(fullname, value));\n}\n","import {get, init} from \"./schedule.js\";\n\nfunction delayFunction(id, value) {\n return function() {\n init(this, id).delay = +value.apply(this, arguments);\n };\n}\n\nfunction delayConstant(id, value) {\n return value = +value, function() {\n init(this, id).delay = value;\n };\n}\n\nexport default function(value) {\n var id = this._id;\n\n return arguments.length\n ? this.each((typeof value === \"function\"\n ? delayFunction\n : delayConstant)(id, value))\n : get(this.node(), id).delay;\n}\n","import {get, set} from \"./schedule.js\";\n\nfunction durationFunction(id, value) {\n return function() {\n set(this, id).duration = +value.apply(this, arguments);\n };\n}\n\nfunction durationConstant(id, value) {\n return value = +value, function() {\n set(this, id).duration = value;\n };\n}\n\nexport default function(value) {\n var id = this._id;\n\n return arguments.length\n ? this.each((typeof value === \"function\"\n ? durationFunction\n : durationConstant)(id, value))\n : get(this.node(), id).duration;\n}\n","import {get, set} from \"./schedule.js\";\n\nfunction easeConstant(id, value) {\n if (typeof value !== \"function\") throw new Error;\n return function() {\n set(this, id).ease = value;\n };\n}\n\nexport default function(value) {\n var id = this._id;\n\n return arguments.length\n ? this.each(easeConstant(id, value))\n : get(this.node(), id).ease;\n}\n","import {get, set, init} from \"./schedule.js\";\n\nfunction start(name) {\n return (name + \"\").trim().split(/^|\\s+/).every(function(t) {\n var i = t.indexOf(\".\");\n if (i >= 0) t = t.slice(0, i);\n return !t || t === \"start\";\n });\n}\n\nfunction onFunction(id, name, listener) {\n var on0, on1, sit = start(name) ? init : set;\n return function() {\n var schedule = sit(this, id),\n on = schedule.on;\n\n // If this node shared a dispatch with the previous node,\n // just assign the updated shared dispatch and we’re done!\n // Otherwise, copy-on-write.\n if (on !== on0) (on1 = (on0 = on).copy()).on(name, listener);\n\n schedule.on = on1;\n };\n}\n\nexport default function(name, listener) {\n var id = this._id;\n\n return arguments.length < 2\n ? get(this.node(), id).on.on(name)\n : this.each(onFunction(id, name, listener));\n}\n","function removeFunction(id) {\n return function() {\n var parent = this.parentNode;\n for (var i in this.__transition) if (+i !== id) return;\n if (parent) parent.removeChild(this);\n };\n}\n\nexport default function() {\n return this.on(\"end.remove\", removeFunction(this._id));\n}\n","import {selection} from \"d3-selection\";\n\nvar Selection = selection.prototype.constructor;\n\nexport default function() {\n return new Selection(this._groups, this._parents);\n}\n","import {interpolateTransformCss as interpolateTransform} from \"d3-interpolate\";\nimport {style} from \"d3-selection\";\nimport {set} from \"./schedule.js\";\nimport {tweenValue} from \"./tween.js\";\nimport interpolate from \"./interpolate.js\";\n\nfunction styleNull(name, interpolate) {\n var string00,\n string10,\n interpolate0;\n return function() {\n var string0 = style(this, name),\n string1 = (this.style.removeProperty(name), style(this, name));\n return string0 === string1 ? null\n : string0 === string00 && string1 === string10 ? interpolate0\n : interpolate0 = interpolate(string00 = string0, string10 = string1);\n };\n}\n\nfunction styleRemove(name) {\n return function() {\n this.style.removeProperty(name);\n };\n}\n\nfunction styleConstant(name, interpolate, value1) {\n var string00,\n string1 = value1 + \"\",\n interpolate0;\n return function() {\n var string0 = style(this, name);\n return string0 === string1 ? null\n : string0 === string00 ? interpolate0\n : interpolate0 = interpolate(string00 = string0, value1);\n };\n}\n\nfunction styleFunction(name, interpolate, value) {\n var string00,\n string10,\n interpolate0;\n return function() {\n var string0 = style(this, name),\n value1 = value(this),\n string1 = value1 + \"\";\n if (value1 == null) string1 = value1 = (this.style.removeProperty(name), style(this, name));\n return string0 === string1 ? null\n : string0 === string00 && string1 === string10 ? interpolate0\n : (string10 = string1, interpolate0 = interpolate(string00 = string0, value1));\n };\n}\n\nfunction styleMaybeRemove(id, name) {\n var on0, on1, listener0, key = \"style.\" + name, event = \"end.\" + key, remove;\n return function() {\n var schedule = set(this, id),\n on = schedule.on,\n listener = schedule.value[key] == null ? remove || (remove = styleRemove(name)) : undefined;\n\n // If this node shared a dispatch with the previous node,\n // just assign the updated shared dispatch and we’re done!\n // Otherwise, copy-on-write.\n if (on !== on0 || listener0 !== listener) (on1 = (on0 = on).copy()).on(event, listener0 = listener);\n\n schedule.on = on1;\n };\n}\n\nexport default function(name, value, priority) {\n var i = (name += \"\") === \"transform\" ? interpolateTransform : interpolate;\n return value == null ? this\n .styleTween(name, styleNull(name, i))\n .on(\"end.style.\" + name, styleRemove(name))\n : typeof value === \"function\" ? this\n .styleTween(name, styleFunction(name, i, tweenValue(this, \"style.\" + name, value)))\n .each(styleMaybeRemove(this._id, name))\n : this\n .styleTween(name, styleConstant(name, i, value), priority)\n .on(\"end.style.\" + name, null);\n}\n","function styleInterpolate(name, i, priority) {\n return function(t) {\n this.style.setProperty(name, i.call(this, t), priority);\n };\n}\n\nfunction styleTween(name, value, priority) {\n var t, i0;\n function tween() {\n var i = value.apply(this, arguments);\n if (i !== i0) t = (i0 = i) && styleInterpolate(name, i, priority);\n return t;\n }\n tween._value = value;\n return tween;\n}\n\nexport default function(name, value, priority) {\n var key = \"style.\" + (name += \"\");\n if (arguments.length < 2) return (key = this.tween(key)) && key._value;\n if (value == null) return this.tween(key, null);\n if (typeof value !== \"function\") throw new Error;\n return this.tween(key, styleTween(name, value, priority == null ? \"\" : priority));\n}\n","function textInterpolate(i) {\n return function(t) {\n this.textContent = i.call(this, t);\n };\n}\n\nfunction textTween(value) {\n var t0, i0;\n function tween() {\n var i = value.apply(this, arguments);\n if (i !== i0) t0 = (i0 = i) && textInterpolate(i);\n return t0;\n }\n tween._value = value;\n return tween;\n}\n\nexport default function(value) {\n var key = \"text\";\n if (arguments.length < 1) return (key = this.tween(key)) && key._value;\n if (value == null) return this.tween(key, null);\n if (typeof value !== \"function\") throw new Error;\n return this.tween(key, textTween(value));\n}\n","import {selection} from \"d3-selection\";\nimport transition_attr from \"./attr.js\";\nimport transition_attrTween from \"./attrTween.js\";\nimport transition_delay from \"./delay.js\";\nimport transition_duration from \"./duration.js\";\nimport transition_ease from \"./ease.js\";\nimport transition_easeVarying from \"./easeVarying.js\";\nimport transition_filter from \"./filter.js\";\nimport transition_merge from \"./merge.js\";\nimport transition_on from \"./on.js\";\nimport transition_remove from \"./remove.js\";\nimport transition_select from \"./select.js\";\nimport transition_selectAll from \"./selectAll.js\";\nimport transition_selection from \"./selection.js\";\nimport transition_style from \"./style.js\";\nimport transition_styleTween from \"./styleTween.js\";\nimport transition_text from \"./text.js\";\nimport transition_textTween from \"./textTween.js\";\nimport transition_transition from \"./transition.js\";\nimport transition_tween from \"./tween.js\";\nimport transition_end from \"./end.js\";\n\nvar id = 0;\n\nexport function Transition(groups, parents, name, id) {\n this._groups = groups;\n this._parents = parents;\n this._name = name;\n this._id = id;\n}\n\nexport default function transition(name) {\n return selection().transition(name);\n}\n\nexport function newId() {\n return ++id;\n}\n\nvar selection_prototype = selection.prototype;\n\nTransition.prototype = transition.prototype = {\n constructor: Transition,\n select: transition_select,\n selectAll: transition_selectAll,\n filter: transition_filter,\n merge: transition_merge,\n selection: transition_selection,\n transition: transition_transition,\n call: selection_prototype.call,\n nodes: selection_prototype.nodes,\n node: selection_prototype.node,\n size: selection_prototype.size,\n empty: selection_prototype.empty,\n each: selection_prototype.each,\n on: transition_on,\n attr: transition_attr,\n attrTween: transition_attrTween,\n style: transition_style,\n styleTween: transition_styleTween,\n text: transition_text,\n textTween: transition_textTween,\n remove: transition_remove,\n tween: transition_tween,\n delay: transition_delay,\n duration: transition_duration,\n ease: transition_ease,\n easeVarying: transition_easeVarying,\n end: transition_end,\n [Symbol.iterator]: selection_prototype[Symbol.iterator]\n};\n","import {selector} from \"d3-selection\";\nimport {Transition} from \"./index.js\";\nimport schedule, {get} from \"./schedule.js\";\n\nexport default function(select) {\n var name = this._name,\n id = this._id;\n\n if (typeof select !== \"function\") select = selector(select);\n\n for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {\n for (var group = groups[j], n = group.length, subgroup = subgroups[j] = new Array(n), node, subnode, i = 0; i < n; ++i) {\n if ((node = group[i]) && (subnode = select.call(node, node.__data__, i, group))) {\n if (\"__data__\" in node) subnode.__data__ = node.__data__;\n subgroup[i] = subnode;\n schedule(subgroup[i], name, id, i, subgroup, get(node, id));\n }\n }\n }\n\n return new Transition(subgroups, this._parents, name, id);\n}\n","import {selectorAll} from \"d3-selection\";\nimport {Transition} from \"./index.js\";\nimport schedule, {get} from \"./schedule.js\";\n\nexport default function(select) {\n var name = this._name,\n id = this._id;\n\n if (typeof select !== \"function\") select = selectorAll(select);\n\n for (var groups = this._groups, m = groups.length, subgroups = [], parents = [], j = 0; j < m; ++j) {\n for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {\n if (node = group[i]) {\n for (var children = select.call(node, node.__data__, i, group), child, inherit = get(node, id), k = 0, l = children.length; k < l; ++k) {\n if (child = children[k]) {\n schedule(child, name, id, k, children, inherit);\n }\n }\n subgroups.push(children);\n parents.push(node);\n }\n }\n }\n\n return new Transition(subgroups, parents, name, id);\n}\n","import {matcher} from \"d3-selection\";\nimport {Transition} from \"./index.js\";\n\nexport default function(match) {\n if (typeof match !== \"function\") match = matcher(match);\n\n for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {\n for (var group = groups[j], n = group.length, subgroup = subgroups[j] = [], node, i = 0; i < n; ++i) {\n if ((node = group[i]) && match.call(node, node.__data__, i, group)) {\n subgroup.push(node);\n }\n }\n }\n\n return new Transition(subgroups, this._parents, this._name, this._id);\n}\n","import {Transition} from \"./index.js\";\n\nexport default function(transition) {\n if (transition._id !== this._id) throw new Error;\n\n for (var groups0 = this._groups, groups1 = transition._groups, m0 = groups0.length, m1 = groups1.length, m = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m; ++j) {\n for (var group0 = groups0[j], group1 = groups1[j], n = group0.length, merge = merges[j] = new Array(n), node, i = 0; i < n; ++i) {\n if (node = group0[i] || group1[i]) {\n merge[i] = node;\n }\n }\n }\n\n for (; j < m0; ++j) {\n merges[j] = groups0[j];\n }\n\n return new Transition(merges, this._parents, this._name, this._id);\n}\n","import {Transition, newId} from \"./index.js\";\nimport schedule, {get} from \"./schedule.js\";\n\nexport default function() {\n var name = this._name,\n id0 = this._id,\n id1 = newId();\n\n for (var groups = this._groups, m = groups.length, j = 0; j < m; ++j) {\n for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {\n if (node = group[i]) {\n var inherit = get(node, id0);\n schedule(node, name, id1, i, group, {\n time: inherit.time + inherit.delay + inherit.duration,\n delay: 0,\n duration: inherit.duration,\n ease: inherit.ease\n });\n }\n }\n }\n\n return new Transition(groups, this._parents, name, id1);\n}\n","import {tweenValue} from \"./tween.js\";\n\nfunction textConstant(value) {\n return function() {\n this.textContent = value;\n };\n}\n\nfunction textFunction(value) {\n return function() {\n var value1 = value(this);\n this.textContent = value1 == null ? \"\" : value1;\n };\n}\n\nexport default function(value) {\n return this.tween(\"text\", typeof value === \"function\"\n ? textFunction(tweenValue(this, \"text\", value))\n : textConstant(value == null ? \"\" : value + \"\"));\n}\n","import {set} from \"./schedule.js\";\n\nfunction easeVarying(id, value) {\n return function() {\n var v = value.apply(this, arguments);\n if (typeof v !== \"function\") throw new Error;\n set(this, id).ease = v;\n };\n}\n\nexport default function(value) {\n if (typeof value !== \"function\") throw new Error;\n return this.each(easeVarying(this._id, value));\n}\n","import {set} from \"./schedule.js\";\n\nexport default function() {\n var on0, on1, that = this, id = that._id, size = that.size();\n return new Promise(function(resolve, reject) {\n var cancel = {value: reject},\n end = {value: function() { if (--size === 0) resolve(); }};\n\n that.each(function() {\n var schedule = set(this, id),\n on = schedule.on;\n\n // If this node shared a dispatch with the previous node,\n // just assign the updated shared dispatch and we’re done!\n // Otherwise, copy-on-write.\n if (on !== on0) {\n on1 = (on0 = on).copy();\n on1._.cancel.push(cancel);\n on1._.interrupt.push(cancel);\n on1._.end.push(end);\n }\n\n schedule.on = on1;\n });\n\n // The selection was empty, resolve end immediately\n if (size === 0) resolve();\n });\n}\n","import {Transition, newId} from \"../transition/index.js\";\nimport schedule from \"../transition/schedule.js\";\nimport {easeCubicInOut} from \"d3-ease\";\nimport {now} from \"d3-timer\";\n\nvar defaultTiming = {\n time: null, // Set on use.\n delay: 0,\n duration: 250,\n ease: easeCubicInOut\n};\n\nfunction inherit(node, id) {\n var timing;\n while (!(timing = node.__transition) || !(timing = timing[id])) {\n if (!(node = node.parentNode)) {\n throw new Error(`transition ${id} not found`);\n }\n }\n return timing;\n}\n\nexport default function(name) {\n var id,\n timing;\n\n if (name instanceof Transition) {\n id = name._id, name = name._name;\n } else {\n id = newId(), (timing = defaultTiming).time = now(), name = name == null ? null : name + \"\";\n }\n\n for (var groups = this._groups, m = groups.length, j = 0; j < m; ++j) {\n for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {\n if (node = group[i]) {\n schedule(node, name, id, i, group, timing || inherit(node, id));\n }\n }\n }\n\n return new Transition(groups, this._parents, name, id);\n}\n","export function cubicIn(t) {\n return t * t * t;\n}\n\nexport function cubicOut(t) {\n return --t * t * t + 1;\n}\n\nexport function cubicInOut(t) {\n return ((t *= 2) <= 1 ? t * t * t : (t -= 2) * t * t + 2) / 2;\n}\n","import {selection} from \"d3-selection\";\nimport selection_interrupt from \"./interrupt.js\";\nimport selection_transition from \"./transition.js\";\n\nselection.prototype.interrupt = selection_interrupt;\nselection.prototype.transition = selection_transition;\n","import interrupt from \"../interrupt.js\";\n\nexport default function(name) {\n return this.each(function() {\n interrupt(this, name);\n });\n}\n","import {dispatch} from \"d3-dispatch\";\nimport {dragDisable, dragEnable} from \"d3-drag\";\nimport {interpolate} from \"d3-interpolate\";\nimport {pointer, select} from \"d3-selection\";\nimport {interrupt} from \"d3-transition\";\nimport constant from \"./constant.js\";\nimport BrushEvent from \"./event.js\";\nimport noevent, {nopropagation} from \"./noevent.js\";\n\nvar MODE_DRAG = {name: \"drag\"},\n MODE_SPACE = {name: \"space\"},\n MODE_HANDLE = {name: \"handle\"},\n MODE_CENTER = {name: \"center\"};\n\nconst {abs, max, min} = Math;\n\nfunction number1(e) {\n return [+e[0], +e[1]];\n}\n\nfunction number2(e) {\n return [number1(e[0]), number1(e[1])];\n}\n\nvar X = {\n name: \"x\",\n handles: [\"w\", \"e\"].map(type),\n input: function(x, e) { return x == null ? null : [[+x[0], e[0][1]], [+x[1], e[1][1]]]; },\n output: function(xy) { return xy && [xy[0][0], xy[1][0]]; }\n};\n\nvar Y = {\n name: \"y\",\n handles: [\"n\", \"s\"].map(type),\n input: function(y, e) { return y == null ? null : [[e[0][0], +y[0]], [e[1][0], +y[1]]]; },\n output: function(xy) { return xy && [xy[0][1], xy[1][1]]; }\n};\n\nvar XY = {\n name: \"xy\",\n handles: [\"n\", \"w\", \"e\", \"s\", \"nw\", \"ne\", \"sw\", \"se\"].map(type),\n input: function(xy) { return xy == null ? null : number2(xy); },\n output: function(xy) { return xy; }\n};\n\nvar cursors = {\n overlay: \"crosshair\",\n selection: \"move\",\n n: \"ns-resize\",\n e: \"ew-resize\",\n s: \"ns-resize\",\n w: \"ew-resize\",\n nw: \"nwse-resize\",\n ne: \"nesw-resize\",\n se: \"nwse-resize\",\n sw: \"nesw-resize\"\n};\n\nvar flipX = {\n e: \"w\",\n w: \"e\",\n nw: \"ne\",\n ne: \"nw\",\n se: \"sw\",\n sw: \"se\"\n};\n\nvar flipY = {\n n: \"s\",\n s: \"n\",\n nw: \"sw\",\n ne: \"se\",\n se: \"ne\",\n sw: \"nw\"\n};\n\nvar signsX = {\n overlay: +1,\n selection: +1,\n n: null,\n e: +1,\n s: null,\n w: -1,\n nw: -1,\n ne: +1,\n se: +1,\n sw: -1\n};\n\nvar signsY = {\n overlay: +1,\n selection: +1,\n n: -1,\n e: null,\n s: +1,\n w: null,\n nw: -1,\n ne: -1,\n se: +1,\n sw: +1\n};\n\nfunction type(t) {\n return {type: t};\n}\n\n// Ignore right-click, since that should open the context menu.\nfunction defaultFilter(event) {\n return !event.ctrlKey && !event.button;\n}\n\nfunction defaultExtent() {\n var svg = this.ownerSVGElement || this;\n if (svg.hasAttribute(\"viewBox\")) {\n svg = svg.viewBox.baseVal;\n return [[svg.x, svg.y], [svg.x + svg.width, svg.y + svg.height]];\n }\n return [[0, 0], [svg.width.baseVal.value, svg.height.baseVal.value]];\n}\n\nfunction defaultTouchable() {\n return navigator.maxTouchPoints || (\"ontouchstart\" in this);\n}\n\n// Like d3.local, but with the name “__brush” rather than auto-generated.\nfunction local(node) {\n while (!node.__brush) if (!(node = node.parentNode)) return;\n return node.__brush;\n}\n\nfunction empty(extent) {\n return extent[0][0] === extent[1][0]\n || extent[0][1] === extent[1][1];\n}\n\nexport function brushSelection(node) {\n var state = node.__brush;\n return state ? state.dim.output(state.selection) : null;\n}\n\nexport function brushX() {\n return brush(X);\n}\n\nexport function brushY() {\n return brush(Y);\n}\n\nexport default function() {\n return brush(XY);\n}\n\nfunction brush(dim) {\n var extent = defaultExtent,\n filter = defaultFilter,\n touchable = defaultTouchable,\n keys = true,\n listeners = dispatch(\"start\", \"brush\", \"end\"),\n handleSize = 6,\n touchending;\n\n function brush(group) {\n var overlay = group\n .property(\"__brush\", initialize)\n .selectAll(\".overlay\")\n .data([type(\"overlay\")]);\n\n overlay.enter().append(\"rect\")\n .attr(\"class\", \"overlay\")\n .attr(\"pointer-events\", \"all\")\n .attr(\"cursor\", cursors.overlay)\n .merge(overlay)\n .each(function() {\n var extent = local(this).extent;\n select(this)\n .attr(\"x\", extent[0][0])\n .attr(\"y\", extent[0][1])\n .attr(\"width\", extent[1][0] - extent[0][0])\n .attr(\"height\", extent[1][1] - extent[0][1]);\n });\n\n group.selectAll(\".selection\")\n .data([type(\"selection\")])\n .enter().append(\"rect\")\n .attr(\"class\", \"selection\")\n .attr(\"cursor\", cursors.selection)\n .attr(\"fill\", \"#777\")\n .attr(\"fill-opacity\", 0.3)\n .attr(\"stroke\", \"#fff\")\n .attr(\"shape-rendering\", \"crispEdges\");\n\n var handle = group.selectAll(\".handle\")\n .data(dim.handles, function(d) { return d.type; });\n\n handle.exit().remove();\n\n handle.enter().append(\"rect\")\n .attr(\"class\", function(d) { return \"handle handle--\" + d.type; })\n .attr(\"cursor\", function(d) { return cursors[d.type]; });\n\n group\n .each(redraw)\n .attr(\"fill\", \"none\")\n .attr(\"pointer-events\", \"all\")\n .on(\"mousedown.brush\", started)\n .filter(touchable)\n .on(\"touchstart.brush\", started)\n .on(\"touchmove.brush\", touchmoved)\n .on(\"touchend.brush touchcancel.brush\", touchended)\n .style(\"touch-action\", \"none\")\n .style(\"-webkit-tap-highlight-color\", \"rgba(0,0,0,0)\");\n }\n\n brush.move = function(group, selection) {\n if (group.tween) {\n group\n .on(\"start.brush\", function(event) { emitter(this, arguments).beforestart().start(event); })\n .on(\"interrupt.brush end.brush\", function(event) { emitter(this, arguments).end(event); })\n .tween(\"brush\", function() {\n var that = this,\n state = that.__brush,\n emit = emitter(that, arguments),\n selection0 = state.selection,\n selection1 = dim.input(typeof selection === \"function\" ? selection.apply(this, arguments) : selection, state.extent),\n i = interpolate(selection0, selection1);\n\n function tween(t) {\n state.selection = t === 1 && selection1 === null ? null : i(t);\n redraw.call(that);\n emit.brush();\n }\n\n return selection0 !== null && selection1 !== null ? tween : tween(1);\n });\n } else {\n group\n .each(function() {\n var that = this,\n args = arguments,\n state = that.__brush,\n selection1 = dim.input(typeof selection === \"function\" ? selection.apply(that, args) : selection, state.extent),\n emit = emitter(that, args).beforestart();\n\n interrupt(that);\n state.selection = selection1 === null ? null : selection1;\n redraw.call(that);\n emit.start().brush().end();\n });\n }\n };\n\n brush.clear = function(group) {\n brush.move(group, null);\n };\n\n function redraw() {\n var group = select(this),\n selection = local(this).selection;\n\n if (selection) {\n group.selectAll(\".selection\")\n .style(\"display\", null)\n .attr(\"x\", selection[0][0])\n .attr(\"y\", selection[0][1])\n .attr(\"width\", selection[1][0] - selection[0][0])\n .attr(\"height\", selection[1][1] - selection[0][1]);\n\n group.selectAll(\".handle\")\n .style(\"display\", null)\n .attr(\"x\", function(d) { return d.type[d.type.length - 1] === \"e\" ? selection[1][0] - handleSize / 2 : selection[0][0] - handleSize / 2; })\n .attr(\"y\", function(d) { return d.type[0] === \"s\" ? selection[1][1] - handleSize / 2 : selection[0][1] - handleSize / 2; })\n .attr(\"width\", function(d) { return d.type === \"n\" || d.type === \"s\" ? selection[1][0] - selection[0][0] + handleSize : handleSize; })\n .attr(\"height\", function(d) { return d.type === \"e\" || d.type === \"w\" ? selection[1][1] - selection[0][1] + handleSize : handleSize; });\n }\n\n else {\n group.selectAll(\".selection,.handle\")\n .style(\"display\", \"none\")\n .attr(\"x\", null)\n .attr(\"y\", null)\n .attr(\"width\", null)\n .attr(\"height\", null);\n }\n }\n\n function emitter(that, args, clean) {\n var emit = that.__brush.emitter;\n return emit && (!clean || !emit.clean) ? emit : new Emitter(that, args, clean);\n }\n\n function Emitter(that, args, clean) {\n this.that = that;\n this.args = args;\n this.state = that.__brush;\n this.active = 0;\n this.clean = clean;\n }\n\n Emitter.prototype = {\n beforestart: function() {\n if (++this.active === 1) this.state.emitter = this, this.starting = true;\n return this;\n },\n start: function(event, mode) {\n if (this.starting) this.starting = false, this.emit(\"start\", event, mode);\n else this.emit(\"brush\", event);\n return this;\n },\n brush: function(event, mode) {\n this.emit(\"brush\", event, mode);\n return this;\n },\n end: function(event, mode) {\n if (--this.active === 0) delete this.state.emitter, this.emit(\"end\", event, mode);\n return this;\n },\n emit: function(type, event, mode) {\n var d = select(this.that).datum();\n listeners.call(\n type,\n this.that,\n new BrushEvent(type, {\n sourceEvent: event,\n target: brush,\n selection: dim.output(this.state.selection),\n mode,\n dispatch: listeners\n }),\n d\n );\n }\n };\n\n function started(event) {\n if (touchending && !event.touches) return;\n if (!filter.apply(this, arguments)) return;\n\n var that = this,\n type = event.target.__data__.type,\n mode = (keys && event.metaKey ? type = \"overlay\" : type) === \"selection\" ? MODE_DRAG : (keys && event.altKey ? MODE_CENTER : MODE_HANDLE),\n signX = dim === Y ? null : signsX[type],\n signY = dim === X ? null : signsY[type],\n state = local(that),\n extent = state.extent,\n selection = state.selection,\n W = extent[0][0], w0, w1,\n N = extent[0][1], n0, n1,\n E = extent[1][0], e0, e1,\n S = extent[1][1], s0, s1,\n dx = 0,\n dy = 0,\n moving,\n shifting = signX && signY && keys && event.shiftKey,\n lockX,\n lockY,\n points = Array.from(event.touches || [event], t => {\n const i = t.identifier;\n t = pointer(t, that);\n t.point0 = t.slice();\n t.identifier = i;\n return t;\n });\n\n if (type === \"overlay\") {\n if (selection) moving = true;\n const pts = [points[0], points[1] || points[0]];\n state.selection = selection = [[\n w0 = dim === Y ? W : min(pts[0][0], pts[1][0]),\n n0 = dim === X ? N : min(pts[0][1], pts[1][1])\n ], [\n e0 = dim === Y ? E : max(pts[0][0], pts[1][0]),\n s0 = dim === X ? S : max(pts[0][1], pts[1][1])\n ]];\n if (points.length > 1) move();\n } else {\n w0 = selection[0][0];\n n0 = selection[0][1];\n e0 = selection[1][0];\n s0 = selection[1][1];\n }\n\n w1 = w0;\n n1 = n0;\n e1 = e0;\n s1 = s0;\n\n var group = select(that)\n .attr(\"pointer-events\", \"none\");\n\n var overlay = group.selectAll(\".overlay\")\n .attr(\"cursor\", cursors[type]);\n\n interrupt(that);\n var emit = emitter(that, arguments, true).beforestart();\n\n if (event.touches) {\n emit.moved = moved;\n emit.ended = ended;\n } else {\n var view = select(event.view)\n .on(\"mousemove.brush\", moved, true)\n .on(\"mouseup.brush\", ended, true);\n if (keys) view\n .on(\"keydown.brush\", keydowned, true)\n .on(\"keyup.brush\", keyupped, true)\n\n dragDisable(event.view);\n }\n\n redraw.call(that);\n emit.start(event, mode.name);\n\n function moved(event) {\n for (const p of event.changedTouches || [event]) {\n for (const d of points)\n if (d.identifier === p.identifier) d.cur = pointer(p, that);\n }\n if (shifting && !lockX && !lockY && points.length === 1) {\n const point = points[0];\n if (abs(point.cur[0] - point[0]) > abs(point.cur[1] - point[1]))\n lockY = true;\n else\n lockX = true;\n }\n for (const point of points)\n if (point.cur) point[0] = point.cur[0], point[1] = point.cur[1];\n moving = true;\n noevent(event);\n move(event);\n }\n\n function move(event) {\n const point = points[0], point0 = point.point0;\n var t;\n\n dx = point[0] - point0[0];\n dy = point[1] - point0[1];\n\n switch (mode) {\n case MODE_SPACE:\n case MODE_DRAG: {\n if (signX) dx = max(W - w0, min(E - e0, dx)), w1 = w0 + dx, e1 = e0 + dx;\n if (signY) dy = max(N - n0, min(S - s0, dy)), n1 = n0 + dy, s1 = s0 + dy;\n break;\n }\n case MODE_HANDLE: {\n if (points[1]) {\n if (signX) w1 = max(W, min(E, points[0][0])), e1 = max(W, min(E, points[1][0])), signX = 1;\n if (signY) n1 = max(N, min(S, points[0][1])), s1 = max(N, min(S, points[1][1])), signY = 1;\n } else {\n if (signX < 0) dx = max(W - w0, min(E - w0, dx)), w1 = w0 + dx, e1 = e0;\n else if (signX > 0) dx = max(W - e0, min(E - e0, dx)), w1 = w0, e1 = e0 + dx;\n if (signY < 0) dy = max(N - n0, min(S - n0, dy)), n1 = n0 + dy, s1 = s0;\n else if (signY > 0) dy = max(N - s0, min(S - s0, dy)), n1 = n0, s1 = s0 + dy;\n }\n break;\n }\n case MODE_CENTER: {\n if (signX) w1 = max(W, min(E, w0 - dx * signX)), e1 = max(W, min(E, e0 + dx * signX));\n if (signY) n1 = max(N, min(S, n0 - dy * signY)), s1 = max(N, min(S, s0 + dy * signY));\n break;\n }\n }\n\n if (e1 < w1) {\n signX *= -1;\n t = w0, w0 = e0, e0 = t;\n t = w1, w1 = e1, e1 = t;\n if (type in flipX) overlay.attr(\"cursor\", cursors[type = flipX[type]]);\n }\n\n if (s1 < n1) {\n signY *= -1;\n t = n0, n0 = s0, s0 = t;\n t = n1, n1 = s1, s1 = t;\n if (type in flipY) overlay.attr(\"cursor\", cursors[type = flipY[type]]);\n }\n\n if (state.selection) selection = state.selection; // May be set by brush.move!\n if (lockX) w1 = selection[0][0], e1 = selection[1][0];\n if (lockY) n1 = selection[0][1], s1 = selection[1][1];\n\n if (selection[0][0] !== w1\n || selection[0][1] !== n1\n || selection[1][0] !== e1\n || selection[1][1] !== s1) {\n state.selection = [[w1, n1], [e1, s1]];\n redraw.call(that);\n emit.brush(event, mode.name);\n }\n }\n\n function ended(event) {\n nopropagation(event);\n if (event.touches) {\n if (event.touches.length) return;\n if (touchending) clearTimeout(touchending);\n touchending = setTimeout(function() { touchending = null; }, 500); // Ghost clicks are delayed!\n } else {\n dragEnable(event.view, moving);\n view.on(\"keydown.brush keyup.brush mousemove.brush mouseup.brush\", null);\n }\n group.attr(\"pointer-events\", \"all\");\n overlay.attr(\"cursor\", cursors.overlay);\n if (state.selection) selection = state.selection; // May be set by brush.move (on start)!\n if (empty(selection)) state.selection = null, redraw.call(that);\n emit.end(event, mode.name);\n }\n\n function keydowned(event) {\n switch (event.keyCode) {\n case 16: { // SHIFT\n shifting = signX && signY;\n break;\n }\n case 18: { // ALT\n if (mode === MODE_HANDLE) {\n if (signX) e0 = e1 - dx * signX, w0 = w1 + dx * signX;\n if (signY) s0 = s1 - dy * signY, n0 = n1 + dy * signY;\n mode = MODE_CENTER;\n move();\n }\n break;\n }\n case 32: { // SPACE; takes priority over ALT\n if (mode === MODE_HANDLE || mode === MODE_CENTER) {\n if (signX < 0) e0 = e1 - dx; else if (signX > 0) w0 = w1 - dx;\n if (signY < 0) s0 = s1 - dy; else if (signY > 0) n0 = n1 - dy;\n mode = MODE_SPACE;\n overlay.attr(\"cursor\", cursors.selection);\n move();\n }\n break;\n }\n default: return;\n }\n noevent(event);\n }\n\n function keyupped(event) {\n switch (event.keyCode) {\n case 16: { // SHIFT\n if (shifting) {\n lockX = lockY = shifting = false;\n move();\n }\n break;\n }\n case 18: { // ALT\n if (mode === MODE_CENTER) {\n if (signX < 0) e0 = e1; else if (signX > 0) w0 = w1;\n if (signY < 0) s0 = s1; else if (signY > 0) n0 = n1;\n mode = MODE_HANDLE;\n move();\n }\n break;\n }\n case 32: { // SPACE\n if (mode === MODE_SPACE) {\n if (event.altKey) {\n if (signX) e0 = e1 - dx * signX, w0 = w1 + dx * signX;\n if (signY) s0 = s1 - dy * signY, n0 = n1 + dy * signY;\n mode = MODE_CENTER;\n } else {\n if (signX < 0) e0 = e1; else if (signX > 0) w0 = w1;\n if (signY < 0) s0 = s1; else if (signY > 0) n0 = n1;\n mode = MODE_HANDLE;\n }\n overlay.attr(\"cursor\", cursors[type]);\n move();\n }\n break;\n }\n default: return;\n }\n noevent(event);\n }\n }\n\n function touchmoved(event) {\n emitter(this, arguments).moved(event);\n }\n\n function touchended(event) {\n emitter(this, arguments).ended(event);\n }\n\n function initialize() {\n var state = this.__brush || {selection: null};\n state.extent = number2(extent.apply(this, arguments));\n state.dim = dim;\n return state;\n }\n\n brush.extent = function(_) {\n return arguments.length ? (extent = typeof _ === \"function\" ? _ : constant(number2(_)), brush) : extent;\n };\n\n brush.filter = function(_) {\n return arguments.length ? (filter = typeof _ === \"function\" ? _ : constant(!!_), brush) : filter;\n };\n\n brush.touchable = function(_) {\n return arguments.length ? (touchable = typeof _ === \"function\" ? _ : constant(!!_), brush) : touchable;\n };\n\n brush.handleSize = function(_) {\n return arguments.length ? (handleSize = +_, brush) : handleSize;\n };\n\n brush.keyModifiers = function(_) {\n return arguments.length ? (keys = !!_, brush) : keys;\n };\n\n brush.on = function() {\n var value = listeners.on.apply(listeners, arguments);\n return value === listeners ? brush : value;\n };\n\n return brush;\n}\n","const pi = Math.PI,\n tau = 2 * pi,\n epsilon = 1e-6,\n tauEpsilon = tau - epsilon;\n\nfunction Path() {\n this._x0 = this._y0 = // start of current subpath\n this._x1 = this._y1 = null; // end of current subpath\n this._ = \"\";\n}\n\nfunction path() {\n return new Path;\n}\n\nPath.prototype = path.prototype = {\n constructor: Path,\n moveTo: function(x, y) {\n this._ += \"M\" + (this._x0 = this._x1 = +x) + \",\" + (this._y0 = this._y1 = +y);\n },\n closePath: function() {\n if (this._x1 !== null) {\n this._x1 = this._x0, this._y1 = this._y0;\n this._ += \"Z\";\n }\n },\n lineTo: function(x, y) {\n this._ += \"L\" + (this._x1 = +x) + \",\" + (this._y1 = +y);\n },\n quadraticCurveTo: function(x1, y1, x, y) {\n this._ += \"Q\" + (+x1) + \",\" + (+y1) + \",\" + (this._x1 = +x) + \",\" + (this._y1 = +y);\n },\n bezierCurveTo: function(x1, y1, x2, y2, x, y) {\n this._ += \"C\" + (+x1) + \",\" + (+y1) + \",\" + (+x2) + \",\" + (+y2) + \",\" + (this._x1 = +x) + \",\" + (this._y1 = +y);\n },\n arcTo: function(x1, y1, x2, y2, r) {\n x1 = +x1, y1 = +y1, x2 = +x2, y2 = +y2, r = +r;\n var x0 = this._x1,\n y0 = this._y1,\n x21 = x2 - x1,\n y21 = y2 - y1,\n x01 = x0 - x1,\n y01 = y0 - y1,\n l01_2 = x01 * x01 + y01 * y01;\n\n // Is the radius negative? Error.\n if (r < 0) throw new Error(\"negative radius: \" + r);\n\n // Is this path empty? Move to (x1,y1).\n if (this._x1 === null) {\n this._ += \"M\" + (this._x1 = x1) + \",\" + (this._y1 = y1);\n }\n\n // Or, is (x1,y1) coincident with (x0,y0)? Do nothing.\n else if (!(l01_2 > epsilon));\n\n // Or, are (x0,y0), (x1,y1) and (x2,y2) collinear?\n // Equivalently, is (x1,y1) coincident with (x2,y2)?\n // Or, is the radius zero? Line to (x1,y1).\n else if (!(Math.abs(y01 * x21 - y21 * x01) > epsilon) || !r) {\n this._ += \"L\" + (this._x1 = x1) + \",\" + (this._y1 = y1);\n }\n\n // Otherwise, draw an arc!\n else {\n var x20 = x2 - x0,\n y20 = y2 - y0,\n l21_2 = x21 * x21 + y21 * y21,\n l20_2 = x20 * x20 + y20 * y20,\n l21 = Math.sqrt(l21_2),\n l01 = Math.sqrt(l01_2),\n l = r * Math.tan((pi - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),\n t01 = l / l01,\n t21 = l / l21;\n\n // If the start tangent is not coincident with (x0,y0), line to.\n if (Math.abs(t01 - 1) > epsilon) {\n this._ += \"L\" + (x1 + t01 * x01) + \",\" + (y1 + t01 * y01);\n }\n\n this._ += \"A\" + r + \",\" + r + \",0,0,\" + (+(y01 * x20 > x01 * y20)) + \",\" + (this._x1 = x1 + t21 * x21) + \",\" + (this._y1 = y1 + t21 * y21);\n }\n },\n arc: function(x, y, r, a0, a1, ccw) {\n x = +x, y = +y, r = +r, ccw = !!ccw;\n var dx = r * Math.cos(a0),\n dy = r * Math.sin(a0),\n x0 = x + dx,\n y0 = y + dy,\n cw = 1 ^ ccw,\n da = ccw ? a0 - a1 : a1 - a0;\n\n // Is the radius negative? Error.\n if (r < 0) throw new Error(\"negative radius: \" + r);\n\n // Is this path empty? Move to (x0,y0).\n if (this._x1 === null) {\n this._ += \"M\" + x0 + \",\" + y0;\n }\n\n // Or, is (x0,y0) not coincident with the previous point? Line to (x0,y0).\n else if (Math.abs(this._x1 - x0) > epsilon || Math.abs(this._y1 - y0) > epsilon) {\n this._ += \"L\" + x0 + \",\" + y0;\n }\n\n // Is this arc empty? We’re done.\n if (!r) return;\n\n // Does the angle go the wrong way? Flip the direction.\n if (da < 0) da = da % tau + tau;\n\n // Is this a complete circle? Draw two arcs to complete the circle.\n if (da > tauEpsilon) {\n this._ += \"A\" + r + \",\" + r + \",0,1,\" + cw + \",\" + (x - dx) + \",\" + (y - dy) + \"A\" + r + \",\" + r + \",0,1,\" + cw + \",\" + (this._x1 = x0) + \",\" + (this._y1 = y0);\n }\n\n // Is this arc non-empty? Draw an arc!\n else if (da > epsilon) {\n this._ += \"A\" + r + \",\" + r + \",0,\" + (+(da >= pi)) + \",\" + cw + \",\" + (this._x1 = x + r * Math.cos(a1)) + \",\" + (this._y1 = y + r * Math.sin(a1));\n }\n },\n rect: function(x, y, w, h) {\n this._ += \"M\" + (this._x0 = this._x1 = +x) + \",\" + (this._y0 = this._y1 = +y) + \"h\" + (+w) + \"v\" + (+h) + \"h\" + (-w) + \"Z\";\n },\n toString: function() {\n return this._;\n }\n};\n\nexport default path;\n","export default function(x) {\n return function constant() {\n return x;\n };\n}\n","export var slice = Array.prototype.slice;\n\nexport default function(x) {\n return typeof x === \"object\" && \"length\" in x\n ? x // Array, TypedArray, NodeList, array-like\n : Array.from(x); // Map, Set, iterable, string, or anything else\n}\n","function Linear(context) {\n this._context = context;\n}\n\nLinear.prototype = {\n areaStart: function() {\n this._line = 0;\n },\n areaEnd: function() {\n this._line = NaN;\n },\n lineStart: function() {\n this._point = 0;\n },\n lineEnd: function() {\n if (this._line || (this._line !== 0 && this._point === 1)) this._context.closePath();\n this._line = 1 - this._line;\n },\n point: function(x, y) {\n x = +x, y = +y;\n switch (this._point) {\n case 0: this._point = 1; this._line ? this._context.lineTo(x, y) : this._context.moveTo(x, y); break;\n case 1: this._point = 2; // proceed\n default: this._context.lineTo(x, y); break;\n }\n }\n};\n\nexport default function(context) {\n return new Linear(context);\n}\n","export function x(p) {\n return p[0];\n}\n\nexport function y(p) {\n return p[1];\n}\n","import {path} from \"d3-path\";\nimport array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport curveLinear from \"./curve/linear.js\";\nimport {x as pointX, y as pointY} from \"./point.js\";\n\nexport default function(x, y) {\n var defined = constant(true),\n context = null,\n curve = curveLinear,\n output = null;\n\n x = typeof x === \"function\" ? x : (x === undefined) ? pointX : constant(x);\n y = typeof y === \"function\" ? y : (y === undefined) ? pointY : constant(y);\n\n function line(data) {\n var i,\n n = (data = array(data)).length,\n d,\n defined0 = false,\n buffer;\n\n if (context == null) output = curve(buffer = path());\n\n for (i = 0; i <= n; ++i) {\n if (!(i < n && defined(d = data[i], i, data)) === defined0) {\n if (defined0 = !defined0) output.lineStart();\n else output.lineEnd();\n }\n if (defined0) output.point(+x(d, i, data), +y(d, i, data));\n }\n\n if (buffer) return output = null, buffer + \"\" || null;\n }\n\n line.x = function(_) {\n return arguments.length ? (x = typeof _ === \"function\" ? _ : constant(+_), line) : x;\n };\n\n line.y = function(_) {\n return arguments.length ? (y = typeof _ === \"function\" ? _ : constant(+_), line) : y;\n };\n\n line.defined = function(_) {\n return arguments.length ? (defined = typeof _ === \"function\" ? _ : constant(!!_), line) : defined;\n };\n\n line.curve = function(_) {\n return arguments.length ? (curve = _, context != null && (output = curve(context)), line) : curve;\n };\n\n line.context = function(_) {\n return arguments.length ? (_ == null ? context = output = null : output = curve(context = _), line) : context;\n };\n\n return line;\n}\n","export function point(that, x, y) {\n that._context.bezierCurveTo(\n (2 * that._x0 + that._x1) / 3,\n (2 * that._y0 + that._y1) / 3,\n (that._x0 + 2 * that._x1) / 3,\n (that._y0 + 2 * that._y1) / 3,\n (that._x0 + 4 * that._x1 + x) / 6,\n (that._y0 + 4 * that._y1 + y) / 6\n );\n}\n\nexport function Basis(context) {\n this._context = context;\n}\n\nBasis.prototype = {\n areaStart: function() {\n this._line = 0;\n },\n areaEnd: function() {\n this._line = NaN;\n },\n lineStart: function() {\n this._x0 = this._x1 =\n this._y0 = this._y1 = NaN;\n this._point = 0;\n },\n lineEnd: function() {\n switch (this._point) {\n case 3: point(this, this._x1, this._y1); // proceed\n case 2: this._context.lineTo(this._x1, this._y1); break;\n }\n if (this._line || (this._line !== 0 && this._point === 1)) this._context.closePath();\n this._line = 1 - this._line;\n },\n point: function(x, y) {\n x = +x, y = +y;\n switch (this._point) {\n case 0: this._point = 1; this._line ? this._context.lineTo(x, y) : this._context.moveTo(x, y); break;\n case 1: this._point = 2; break;\n case 2: this._point = 3; this._context.lineTo((5 * this._x0 + this._x1) / 6, (5 * this._y0 + this._y1) / 6); // proceed\n default: point(this, x, y); break;\n }\n this._x0 = this._x1, this._x1 = x;\n this._y0 = this._y1, this._y1 = y;\n }\n};\n\nexport default function(context) {\n return new Basis(context);\n}\n","var epsilon2 = 1e-12;\n\nfunction cosh(x) {\n return ((x = Math.exp(x)) + 1 / x) / 2;\n}\n\nfunction sinh(x) {\n return ((x = Math.exp(x)) - 1 / x) / 2;\n}\n\nfunction tanh(x) {\n return ((x = Math.exp(2 * x)) - 1) / (x + 1);\n}\n\nexport default (function zoomRho(rho, rho2, rho4) {\n\n // p0 = [ux0, uy0, w0]\n // p1 = [ux1, uy1, w1]\n function zoom(p0, p1) {\n var ux0 = p0[0], uy0 = p0[1], w0 = p0[2],\n ux1 = p1[0], uy1 = p1[1], w1 = p1[2],\n dx = ux1 - ux0,\n dy = uy1 - uy0,\n d2 = dx * dx + dy * dy,\n i,\n S;\n\n // Special case for u0 ≅ u1.\n if (d2 < epsilon2) {\n S = Math.log(w1 / w0) / rho;\n i = function(t) {\n return [\n ux0 + t * dx,\n uy0 + t * dy,\n w0 * Math.exp(rho * t * S)\n ];\n }\n }\n\n // General case.\n else {\n var d1 = Math.sqrt(d2),\n b0 = (w1 * w1 - w0 * w0 + rho4 * d2) / (2 * w0 * rho2 * d1),\n b1 = (w1 * w1 - w0 * w0 - rho4 * d2) / (2 * w1 * rho2 * d1),\n r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0),\n r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);\n S = (r1 - r0) / rho;\n i = function(t) {\n var s = t * S,\n coshr0 = cosh(r0),\n u = w0 / (rho2 * d1) * (coshr0 * tanh(rho * s + r0) - sinh(r0));\n return [\n ux0 + u * dx,\n uy0 + u * dy,\n w0 * coshr0 / cosh(rho * s + r0)\n ];\n }\n }\n\n i.duration = S * 1000 * rho / Math.SQRT2;\n\n return i;\n }\n\n zoom.rho = function(_) {\n var _1 = Math.max(1e-3, +_), _2 = _1 * _1, _4 = _2 * _2;\n return zoomRho(_1, _2, _4);\n };\n\n return zoom;\n})(Math.SQRT2, 2, 4);\n","export function Transform(k, x, y) {\n this.k = k;\n this.x = x;\n this.y = y;\n}\n\nTransform.prototype = {\n constructor: Transform,\n scale: function(k) {\n return k === 1 ? this : new Transform(this.k * k, this.x, this.y);\n },\n translate: function(x, y) {\n return x === 0 & y === 0 ? this : new Transform(this.k, this.x + this.k * x, this.y + this.k * y);\n },\n apply: function(point) {\n return [point[0] * this.k + this.x, point[1] * this.k + this.y];\n },\n applyX: function(x) {\n return x * this.k + this.x;\n },\n applyY: function(y) {\n return y * this.k + this.y;\n },\n invert: function(location) {\n return [(location[0] - this.x) / this.k, (location[1] - this.y) / this.k];\n },\n invertX: function(x) {\n return (x - this.x) / this.k;\n },\n invertY: function(y) {\n return (y - this.y) / this.k;\n },\n rescaleX: function(x) {\n return x.copy().domain(x.range().map(this.invertX, this).map(x.invert, x));\n },\n rescaleY: function(y) {\n return y.copy().domain(y.range().map(this.invertY, this).map(y.invert, y));\n },\n toString: function() {\n return \"translate(\" + this.x + \",\" + this.y + \") scale(\" + this.k + \")\";\n }\n};\n\nexport var identity = new Transform(1, 0, 0);\n\ntransform.prototype = Transform.prototype;\n\nexport default function transform(node) {\n while (!node.__zoom) if (!(node = node.parentNode)) return identity;\n return node.__zoom;\n}\n","import {dispatch} from \"d3-dispatch\";\nimport {dragDisable, dragEnable} from \"d3-drag\";\nimport {interpolateZoom} from \"d3-interpolate\";\nimport {select, pointer} from \"d3-selection\";\nimport {interrupt} from \"d3-transition\";\nimport constant from \"./constant.js\";\nimport ZoomEvent from \"./event.js\";\nimport {Transform, identity} from \"./transform.js\";\nimport noevent, {nopropagation} from \"./noevent.js\";\n\n// Ignore right-click, since that should open the context menu.\n// except for pinch-to-zoom, which is sent as a wheel+ctrlKey event\nfunction defaultFilter(event) {\n return (!event.ctrlKey || event.type === 'wheel') && !event.button;\n}\n\nfunction defaultExtent() {\n var e = this;\n if (e instanceof SVGElement) {\n e = e.ownerSVGElement || e;\n if (e.hasAttribute(\"viewBox\")) {\n e = e.viewBox.baseVal;\n return [[e.x, e.y], [e.x + e.width, e.y + e.height]];\n }\n return [[0, 0], [e.width.baseVal.value, e.height.baseVal.value]];\n }\n return [[0, 0], [e.clientWidth, e.clientHeight]];\n}\n\nfunction defaultTransform() {\n return this.__zoom || identity;\n}\n\nfunction defaultWheelDelta(event) {\n return -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 0.002) * (event.ctrlKey ? 10 : 1);\n}\n\nfunction defaultTouchable() {\n return navigator.maxTouchPoints || (\"ontouchstart\" in this);\n}\n\nfunction defaultConstrain(transform, extent, translateExtent) {\n var dx0 = transform.invertX(extent[0][0]) - translateExtent[0][0],\n dx1 = transform.invertX(extent[1][0]) - translateExtent[1][0],\n dy0 = transform.invertY(extent[0][1]) - translateExtent[0][1],\n dy1 = transform.invertY(extent[1][1]) - translateExtent[1][1];\n return transform.translate(\n dx1 > dx0 ? (dx0 + dx1) / 2 : Math.min(0, dx0) || Math.max(0, dx1),\n dy1 > dy0 ? (dy0 + dy1) / 2 : Math.min(0, dy0) || Math.max(0, dy1)\n );\n}\n\nexport default function() {\n var filter = defaultFilter,\n extent = defaultExtent,\n constrain = defaultConstrain,\n wheelDelta = defaultWheelDelta,\n touchable = defaultTouchable,\n scaleExtent = [0, Infinity],\n translateExtent = [[-Infinity, -Infinity], [Infinity, Infinity]],\n duration = 250,\n interpolate = interpolateZoom,\n listeners = dispatch(\"start\", \"zoom\", \"end\"),\n touchstarting,\n touchfirst,\n touchending,\n touchDelay = 500,\n wheelDelay = 150,\n clickDistance2 = 0,\n tapDistance = 10;\n\n function zoom(selection) {\n selection\n .property(\"__zoom\", defaultTransform)\n .on(\"wheel.zoom\", wheeled)\n .on(\"mousedown.zoom\", mousedowned)\n .on(\"dblclick.zoom\", dblclicked)\n .filter(touchable)\n .on(\"touchstart.zoom\", touchstarted)\n .on(\"touchmove.zoom\", touchmoved)\n .on(\"touchend.zoom touchcancel.zoom\", touchended)\n .style(\"-webkit-tap-highlight-color\", \"rgba(0,0,0,0)\");\n }\n\n zoom.transform = function(collection, transform, point, event) {\n var selection = collection.selection ? collection.selection() : collection;\n selection.property(\"__zoom\", defaultTransform);\n if (collection !== selection) {\n schedule(collection, transform, point, event);\n } else {\n selection.interrupt().each(function() {\n gesture(this, arguments)\n .event(event)\n .start()\n .zoom(null, typeof transform === \"function\" ? transform.apply(this, arguments) : transform)\n .end();\n });\n }\n };\n\n zoom.scaleBy = function(selection, k, p, event) {\n zoom.scaleTo(selection, function() {\n var k0 = this.__zoom.k,\n k1 = typeof k === \"function\" ? k.apply(this, arguments) : k;\n return k0 * k1;\n }, p, event);\n };\n\n zoom.scaleTo = function(selection, k, p, event) {\n zoom.transform(selection, function() {\n var e = extent.apply(this, arguments),\n t0 = this.__zoom,\n p0 = p == null ? centroid(e) : typeof p === \"function\" ? p.apply(this, arguments) : p,\n p1 = t0.invert(p0),\n k1 = typeof k === \"function\" ? k.apply(this, arguments) : k;\n return constrain(translate(scale(t0, k1), p0, p1), e, translateExtent);\n }, p, event);\n };\n\n zoom.translateBy = function(selection, x, y, event) {\n zoom.transform(selection, function() {\n return constrain(this.__zoom.translate(\n typeof x === \"function\" ? x.apply(this, arguments) : x,\n typeof y === \"function\" ? y.apply(this, arguments) : y\n ), extent.apply(this, arguments), translateExtent);\n }, null, event);\n };\n\n zoom.translateTo = function(selection, x, y, p, event) {\n zoom.transform(selection, function() {\n var e = extent.apply(this, arguments),\n t = this.__zoom,\n p0 = p == null ? centroid(e) : typeof p === \"function\" ? p.apply(this, arguments) : p;\n return constrain(identity.translate(p0[0], p0[1]).scale(t.k).translate(\n typeof x === \"function\" ? -x.apply(this, arguments) : -x,\n typeof y === \"function\" ? -y.apply(this, arguments) : -y\n ), e, translateExtent);\n }, p, event);\n };\n\n function scale(transform, k) {\n k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], k));\n return k === transform.k ? transform : new Transform(k, transform.x, transform.y);\n }\n\n function translate(transform, p0, p1) {\n var x = p0[0] - p1[0] * transform.k, y = p0[1] - p1[1] * transform.k;\n return x === transform.x && y === transform.y ? transform : new Transform(transform.k, x, y);\n }\n\n function centroid(extent) {\n return [(+extent[0][0] + +extent[1][0]) / 2, (+extent[0][1] + +extent[1][1]) / 2];\n }\n\n function schedule(transition, transform, point, event) {\n transition\n .on(\"start.zoom\", function() { gesture(this, arguments).event(event).start(); })\n .on(\"interrupt.zoom end.zoom\", function() { gesture(this, arguments).event(event).end(); })\n .tween(\"zoom\", function() {\n var that = this,\n args = arguments,\n g = gesture(that, args).event(event),\n e = extent.apply(that, args),\n p = point == null ? centroid(e) : typeof point === \"function\" ? point.apply(that, args) : point,\n w = Math.max(e[1][0] - e[0][0], e[1][1] - e[0][1]),\n a = that.__zoom,\n b = typeof transform === \"function\" ? transform.apply(that, args) : transform,\n i = interpolate(a.invert(p).concat(w / a.k), b.invert(p).concat(w / b.k));\n return function(t) {\n if (t === 1) t = b; // Avoid rounding error on end.\n else { var l = i(t), k = w / l[2]; t = new Transform(k, p[0] - l[0] * k, p[1] - l[1] * k); }\n g.zoom(null, t);\n };\n });\n }\n\n function gesture(that, args, clean) {\n return (!clean && that.__zooming) || new Gesture(that, args);\n }\n\n function Gesture(that, args) {\n this.that = that;\n this.args = args;\n this.active = 0;\n this.sourceEvent = null;\n this.extent = extent.apply(that, args);\n this.taps = 0;\n }\n\n Gesture.prototype = {\n event: function(event) {\n if (event) this.sourceEvent = event;\n return this;\n },\n start: function() {\n if (++this.active === 1) {\n this.that.__zooming = this;\n this.emit(\"start\");\n }\n return this;\n },\n zoom: function(key, transform) {\n if (this.mouse && key !== \"mouse\") this.mouse[1] = transform.invert(this.mouse[0]);\n if (this.touch0 && key !== \"touch\") this.touch0[1] = transform.invert(this.touch0[0]);\n if (this.touch1 && key !== \"touch\") this.touch1[1] = transform.invert(this.touch1[0]);\n this.that.__zoom = transform;\n this.emit(\"zoom\");\n return this;\n },\n end: function() {\n if (--this.active === 0) {\n delete this.that.__zooming;\n this.emit(\"end\");\n }\n return this;\n },\n emit: function(type) {\n var d = select(this.that).datum();\n listeners.call(\n type,\n this.that,\n new ZoomEvent(type, {\n sourceEvent: this.sourceEvent,\n target: zoom,\n type,\n transform: this.that.__zoom,\n dispatch: listeners\n }),\n d\n );\n }\n };\n\n function wheeled(event, ...args) {\n if (!filter.apply(this, arguments)) return;\n var g = gesture(this, args).event(event),\n t = this.__zoom,\n k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], t.k * Math.pow(2, wheelDelta.apply(this, arguments)))),\n p = pointer(event);\n\n // If the mouse is in the same location as before, reuse it.\n // If there were recent wheel events, reset the wheel idle timeout.\n if (g.wheel) {\n if (g.mouse[0][0] !== p[0] || g.mouse[0][1] !== p[1]) {\n g.mouse[1] = t.invert(g.mouse[0] = p);\n }\n clearTimeout(g.wheel);\n }\n\n // If this wheel event won’t trigger a transform change, ignore it.\n else if (t.k === k) return;\n\n // Otherwise, capture the mouse point and location at the start.\n else {\n g.mouse = [p, t.invert(p)];\n interrupt(this);\n g.start();\n }\n\n noevent(event);\n g.wheel = setTimeout(wheelidled, wheelDelay);\n g.zoom(\"mouse\", constrain(translate(scale(t, k), g.mouse[0], g.mouse[1]), g.extent, translateExtent));\n\n function wheelidled() {\n g.wheel = null;\n g.end();\n }\n }\n\n function mousedowned(event, ...args) {\n if (touchending || !filter.apply(this, arguments)) return;\n var g = gesture(this, args, true).event(event),\n v = select(event.view).on(\"mousemove.zoom\", mousemoved, true).on(\"mouseup.zoom\", mouseupped, true),\n p = pointer(event, currentTarget),\n currentTarget = event.currentTarget,\n x0 = event.clientX,\n y0 = event.clientY;\n\n dragDisable(event.view);\n nopropagation(event);\n g.mouse = [p, this.__zoom.invert(p)];\n interrupt(this);\n g.start();\n\n function mousemoved(event) {\n noevent(event);\n if (!g.moved) {\n var dx = event.clientX - x0, dy = event.clientY - y0;\n g.moved = dx * dx + dy * dy > clickDistance2;\n }\n g.event(event)\n .zoom(\"mouse\", constrain(translate(g.that.__zoom, g.mouse[0] = pointer(event, currentTarget), g.mouse[1]), g.extent, translateExtent));\n }\n\n function mouseupped(event) {\n v.on(\"mousemove.zoom mouseup.zoom\", null);\n dragEnable(event.view, g.moved);\n noevent(event);\n g.event(event).end();\n }\n }\n\n function dblclicked(event, ...args) {\n if (!filter.apply(this, arguments)) return;\n var t0 = this.__zoom,\n p0 = pointer(event.changedTouches ? event.changedTouches[0] : event, this),\n p1 = t0.invert(p0),\n k1 = t0.k * (event.shiftKey ? 0.5 : 2),\n t1 = constrain(translate(scale(t0, k1), p0, p1), extent.apply(this, args), translateExtent);\n\n noevent(event);\n if (duration > 0) select(this).transition().duration(duration).call(schedule, t1, p0, event);\n else select(this).call(zoom.transform, t1, p0, event);\n }\n\n function touchstarted(event, ...args) {\n if (!filter.apply(this, arguments)) return;\n var touches = event.touches,\n n = touches.length,\n g = gesture(this, args, event.changedTouches.length === n).event(event),\n started, i, t, p;\n\n nopropagation(event);\n for (i = 0; i < n; ++i) {\n t = touches[i], p = pointer(t, this);\n p = [p, this.__zoom.invert(p), t.identifier];\n if (!g.touch0) g.touch0 = p, started = true, g.taps = 1 + !!touchstarting;\n else if (!g.touch1 && g.touch0[2] !== p[2]) g.touch1 = p, g.taps = 0;\n }\n\n if (touchstarting) touchstarting = clearTimeout(touchstarting);\n\n if (started) {\n if (g.taps < 2) touchfirst = p[0], touchstarting = setTimeout(function() { touchstarting = null; }, touchDelay);\n interrupt(this);\n g.start();\n }\n }\n\n function touchmoved(event, ...args) {\n if (!this.__zooming) return;\n var g = gesture(this, args).event(event),\n touches = event.changedTouches,\n n = touches.length, i, t, p, l;\n\n noevent(event);\n for (i = 0; i < n; ++i) {\n t = touches[i], p = pointer(t, this);\n if (g.touch0 && g.touch0[2] === t.identifier) g.touch0[0] = p;\n else if (g.touch1 && g.touch1[2] === t.identifier) g.touch1[0] = p;\n }\n t = g.that.__zoom;\n if (g.touch1) {\n var p0 = g.touch0[0], l0 = g.touch0[1],\n p1 = g.touch1[0], l1 = g.touch1[1],\n dp = (dp = p1[0] - p0[0]) * dp + (dp = p1[1] - p0[1]) * dp,\n dl = (dl = l1[0] - l0[0]) * dl + (dl = l1[1] - l0[1]) * dl;\n t = scale(t, Math.sqrt(dp / dl));\n p = [(p0[0] + p1[0]) / 2, (p0[1] + p1[1]) / 2];\n l = [(l0[0] + l1[0]) / 2, (l0[1] + l1[1]) / 2];\n }\n else if (g.touch0) p = g.touch0[0], l = g.touch0[1];\n else return;\n\n g.zoom(\"touch\", constrain(translate(t, p, l), g.extent, translateExtent));\n }\n\n function touchended(event, ...args) {\n if (!this.__zooming) return;\n var g = gesture(this, args).event(event),\n touches = event.changedTouches,\n n = touches.length, i, t;\n\n nopropagation(event);\n if (touchending) clearTimeout(touchending);\n touchending = setTimeout(function() { touchending = null; }, touchDelay);\n for (i = 0; i < n; ++i) {\n t = touches[i];\n if (g.touch0 && g.touch0[2] === t.identifier) delete g.touch0;\n else if (g.touch1 && g.touch1[2] === t.identifier) delete g.touch1;\n }\n if (g.touch1 && !g.touch0) g.touch0 = g.touch1, delete g.touch1;\n if (g.touch0) g.touch0[1] = this.__zoom.invert(g.touch0[0]);\n else {\n g.end();\n // If this was a dbltap, reroute to the (optional) dblclick.zoom handler.\n if (g.taps === 2) {\n t = pointer(t, this);\n if (Math.hypot(touchfirst[0] - t[0], touchfirst[1] - t[1]) < tapDistance) {\n var p = select(this).on(\"dblclick.zoom\");\n if (p) p.apply(this, arguments);\n }\n }\n }\n }\n\n zoom.wheelDelta = function(_) {\n return arguments.length ? (wheelDelta = typeof _ === \"function\" ? _ : constant(+_), zoom) : wheelDelta;\n };\n\n zoom.filter = function(_) {\n return arguments.length ? (filter = typeof _ === \"function\" ? _ : constant(!!_), zoom) : filter;\n };\n\n zoom.touchable = function(_) {\n return arguments.length ? (touchable = typeof _ === \"function\" ? _ : constant(!!_), zoom) : touchable;\n };\n\n zoom.extent = function(_) {\n return arguments.length ? (extent = typeof _ === \"function\" ? _ : constant([[+_[0][0], +_[0][1]], [+_[1][0], +_[1][1]]]), zoom) : extent;\n };\n\n zoom.scaleExtent = function(_) {\n return arguments.length ? (scaleExtent[0] = +_[0], scaleExtent[1] = +_[1], zoom) : [scaleExtent[0], scaleExtent[1]];\n };\n\n zoom.translateExtent = function(_) {\n return arguments.length ? (translateExtent[0][0] = +_[0][0], translateExtent[1][0] = +_[1][0], translateExtent[0][1] = +_[0][1], translateExtent[1][1] = +_[1][1], zoom) : [[translateExtent[0][0], translateExtent[0][1]], [translateExtent[1][0], translateExtent[1][1]]];\n };\n\n zoom.constrain = function(_) {\n return arguments.length ? (constrain = _, zoom) : constrain;\n };\n\n zoom.duration = function(_) {\n return arguments.length ? (duration = +_, zoom) : duration;\n };\n\n zoom.interpolate = function(_) {\n return arguments.length ? (interpolate = _, zoom) : interpolate;\n };\n\n zoom.on = function() {\n var value = listeners.on.apply(listeners, arguments);\n return value === listeners ? zoom : value;\n };\n\n zoom.clickDistance = function(_) {\n return arguments.length ? (clickDistance2 = (_ = +_) * _, zoom) : Math.sqrt(clickDistance2);\n };\n\n zoom.tapDistance = function(_) {\n return arguments.length ? (tapDistance = +_, zoom) : tapDistance;\n };\n\n return zoom;\n}\n","import React, { useState, useEffect } from 'react';\nimport fetch from 'isomorphic-unfetch';\nimport PropTypes from 'prop-types';\n\nimport SectionHeading from '../../text/SectionHeading';\nimport FeaturedPlayerCard from './FeaturedPlayerCard';\nimport FeaturedPlayersSlider from './FeaturedPlayersSlider';\nimport { sliderInfoText } from './SliderInfoText';\nimport { getPlayerInfo } from '../../../utils/prismic';\nimport config from '../../../config';\n\nimport styles from './featuredPlayers.module.scss';\n\nconst { apiHost } = config;\n\nlet controller;\nlet signal;\n\n// import Img from '../../Img';\n\n// https://agw-test.myutr.com/v2/search/players?top=6&skip=0&utrType=verified&utrTeamType=singles&searchOrigin=searchPage\n\nconst FeaturedPlayersV2 = ({ title, classname }) => {\n const [selected, setSelected] = useState(13);\n const [players, setPlayers] = useState([]);\n const [loading, setLoading] = useState(false);\n\n const fetchResults = ({ utrMin, utrMax }) => {\n const params = new URLSearchParams();\n params.append('top', 6);\n // params.append('skip', Math.floor(Math.random() * 3)); // random page between 0-2\n params.append('utrType', 'verified');\n params.append('utrTeamType', 'singles');\n if (utrMin) {\n params.append('utrMin', utrMin);\n }\n if (utrMax) {\n params.append('utrMax', utrMax);\n }\n\n const searchUrl = `${apiHost}/v2/search/featuredplayers?${params}`;\n\n if (controller !== undefined) {\n // Cancel the previous request\n controller.abort();\n }\n if ('AbortController' in window) {\n controller = new AbortController();\n signal = controller.signal;\n }\n\n fetch(searchUrl, {\n method: 'get',\n signal,\n })\n .then(res => res.json())\n .then(async res => {\n const { hits } = res;\n const ids = hits.map(hit => hit.source.id);\n const playerInfo = await getPlayerInfo(ids);\n const featuredPlayers = Object.keys(playerInfo.playerInfo).map(key => playerInfo.playerInfo[key]);\n if (featuredPlayers?.length) {\n setPlayers(featuredPlayers);\n setLoading(false);\n }\n })\n .catch((error) => {\n // console.log('error', error);\n if (error.name === 'AbortError') {\n setLoading(true);\n } else {\n setLoading(false);\n }\n });\n };\n\n useEffect(() => {\n if (selected + 1 < 3) {\n fetchResults({ utrMax: 3 });\n } else if (selected + 1 > 12) {\n fetchResults({ utrMin: 12 });\n } else {\n fetchResults({ utrMin: selected, utrMax: selected + 2 });\n }\n }, [selected]);\n\n const getSliderInfo = () => {\n if (selected + 1 <= 4) {\n return sliderInfoText[0];\n }\n if (selected + 1 >= 5 && selected + 1 <= 8) {\n return sliderInfoText[1];\n }\n if (selected + 1 >= 9 && selected + 1 <= 12) {\n return sliderInfoText[2];\n }\n return sliderInfoText[3];\n };\n\n return (\n \n
\n \n
\n \n {utr}
\n UTR
\n \n
\n );\n};\n\nFeaturedPlayersV2.propTypes = {\n title: PropTypes.string,\n classname: PropTypes.string,\n};\n\nFeaturedPlayersV2.defaultProps = {\n title: '',\n classname: '',\n};\n\nexport default FeaturedPlayersV2;\n","/* eslint-disable no-unused-vars */\nimport React, { useRef, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as d3 from 'd3';\nimport styles from './featuredPlayersSlider.module.scss';\n\nconst FeaturedPlayersSlider = ({ selected, setSelected }) => {\n const d3Ref = useRef(null);\n\n // const [selected, setSelected] = useState(0);\n const [rangeDisplay, setRangeDisplay] = useState('12+');\n\n const curve = d3.line().curve(d3.curveBasis);\n const points = [[18, 335], [139, 330], [350, 280], [465, 155]];\n const pointsBlur = [[18, 348], [139, 343], [350, 293], [465, 168]];\n // const colorRange = ['#00C0F7', '#01DFCB', '#00C0F7'];\n // const color = d3.scaleLinear().range(colorRange).domain([1, 2, 3]);\n const scale = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14+'];\n const scaleOffsets = [39, 68, 100, 132, 165, 196, 228, 261, 292, 320, 354, 385, 417, 448];\n const buttonOffsets = [28, 28, 58, 90, 123, 155, 186, 218, 252, 282, 313, 346, 378, 378];\n const dot = [{ x: 74, y: 332 }, { x: 74, y: 332 }, { x: 106, y: 330 }, { x: 139, y: 325 }, { x: 171, y: 320 }, { x: 203, y: 313 }, { x: 235, y: 306 }, { x: 267, y: 296 }, { x: 298, y: 284 }, { x: 328, y: 271 }, { x: 360, y: 252 }, { x: 393, y: 228 }, { x: 426, y: 198 }, { x: 426, y: 198 }];\n\n const handleScaleClick = (i) => {\n if (i === 0) {\n setSelected(i + 1);\n setRangeDisplay('1-3');\n } else if (i === 13) {\n setSelected(i - 1);\n setRangeDisplay('12+');\n } else if (i === 12) {\n setSelected(i);\n setRangeDisplay('12+');\n } else {\n setSelected(i);\n setRangeDisplay(`${i}-${i + 2}`);\n }\n console.log(`scale number ${i + 1} clicked`);\n };\n\n const isButtonSelected = (i) => {\n if (selected === 0) {\n return i >= selected && i <= selected + 2;\n }\n if (selected === 13) {\n return i >= selected - 2 && i <= selected;\n }\n return i >= selected - 1 && i <= selected + 1;\n };\n\n useEffect(() => {\n if (d3Ref.current && d3Ref.current.children.length) {\n d3Ref.current.removeChild(d3Ref.current.children[0]);\n }\n const svg = d3.select(d3Ref.current)\n .append('svg')\n // .attr('width', 500)\n // .attr('height', 450)\n .attr('preserveAspectRatio', 'xMinYMin meet')\n .attr('viewBox', '0 0 500 450')\n .style('background', 'linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0))');\n\n svg.selectAll('*').remove();\n\n const blur = svg.append('defs')\n .append('filter')\n .attr('id', 'blur');\n\n blur.append('feGaussianBlur')\n .attr('stdDeviation', '4');\n\n const linearGradient = svg.append('defs')\n .append('linearGradient')\n .attr('id', 'linear-gradient')\n .attr('gradientTransform', 'rotate(0)');\n\n linearGradient.append('stop')\n .attr('offset', '10%')\n // .attr('stop-color', color(1));\n .attr('stop-color', '#00C0F7');\n linearGradient.append('stop')\n .attr('offset', '90%')\n // .attr('stop-color', color(2));\n .attr('stop-color', '#01DFCB');\n // curve shadow\n svg.append('path')\n .attr('d', curve(pointsBlur))\n .attr('fill', 'none')\n .attr('stroke', '#778da9')\n .attr('filter', 'url(#blur)')\n .attr('opacity', '0.7')\n .style('stroke-width', 1);\n // curve\n svg.append('path')\n .attr('d', curve(points))\n .attr('fill', 'none')\n .attr('stroke', 'url(#linear-gradient)')\n .style('stroke-width', 3);\n // grey div\n svg.append('line')\n .style('stroke', '#e8eff7')\n // .style('stroke', '#333')\n .style('stroke-width', 1)\n .attr('x1', 0)\n .attr('y1', 396)\n .attr('x2', 500)\n .attr('y2', 396);\n\n // grad button\n svg.append('rect')\n .attr('rx', 19)\n .attr('ry', 19)\n .attr('x', buttonOffsets[selected])\n .attr('y', 404)\n .attr('width', selected === 12 || selected === 13 ? 104 : 96)\n .attr('height', 38)\n .attr('fill', 'url(#linear-gradient)');\n\n // scale numbers\n scale.forEach((el, i) => {\n svg.append('text').text(el)\n .attr('x', scaleOffsets[i]).attr('y', 429)\n .attr('fill', isButtonSelected(i) ? 'white' : '#718eac')\n .attr('class', `${styles.label} noselect clickable`);\n });\n\n // scale number transparent click areas\n scale.forEach((el, i) => {\n svg.append('rect')\n .attr('x', 30 + (i * 32))\n .attr('y', 408)\n .attr('width', 32)\n .attr('height', 32)\n .attr('fill', 'transparent')\n // .attr('fill', 'red')\n .attr('class', 'clickable')\n .on('click', () => handleScaleClick(i));\n });\n\n // dashed line\n svg.append('line')\n // .style('stroke', '#e8eff7')\n .style('stroke', '#bac6d6')\n .style('stroke-width', 1)\n .style('stroke-dasharray', '5,5')\n .attr('x1', dot[selected || 0].x)\n .attr('y1', 396)\n .attr('x2', dot[selected || 0].x)\n .attr('y2', dot[selected || 0].y);\n // dot\n svg.append('circle')\n .attr('cx', dot[selected || 0].x)\n .attr('cy', dot[selected || 0].y)\n .attr('r', 7)\n .style('fill', 'black')\n .attr('stroke', 'white')\n .style('stroke-width', 4);\n\n // range display\n svg.append('text').text(rangeDisplay)\n .style('text-anchor', 'middle')\n .attr('x', 250)\n .attr('y', 220)\n .attr('fill', 'black')\n .attr('class', `${styles.rangeDisplay} noselect`);\n }, [d3Ref.current, selected, rangeDisplay]);\n\n return (\n \n );\n};\n\nFeaturedPlayersSlider.propTypes = {\n\n};\n\nexport default FeaturedPlayersSlider;\n","// eslint-disable-next-line import/prefer-default-export\nexport const sliderInfoText = [\n [\n { title: '3.0', description: 'Men NTRP' },\n { title: '3.0-3.5', description: 'Women NTRP' },\n { title: 'U12-U14', description: 'Girls' },\n { title: 'U12', description: 'Boys' },\n ],\n [\n { title: '3.5-4.5', description: 'Men NTRP' },\n { title: '4.0-5.0', description: 'Women NTRP' },\n { title: 'U14-U18', description: 'Girls' },\n { title: 'U12-U16', description: 'Boys' },\n ],\n [\n { title: 'D1-D3', description: 'College Men' },\n { title: 'D1', description: 'College Women' },\n { title: 'Features', description: 'Pro Women' },\n { title: 'U16', description: 'Girls Nationals' },\n ],\n [\n { title: 'D1', description: 'College Men' },\n { title: 'Features', description: 'Pro Men' },\n { title: 'WTA', description: 'Pro Women' },\n { title: 'ATP', description: 'Pro Men' },\n ],\n];\n","/* eslint-disable import/prefer-default-export */\nexport const getPtsRanking = (rankings, type) => {\n const rankListByGender = type === 'm' ? 52 : 51;\n const rankObject = rankings?.find(ranking => (ranking.rankListId === rankListByGender));\n const pttRanking = rankObject && rankObject.rank;\n return pttRanking;\n};\n","/* eslint-disable camelcase */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\n\nimport {\n handleShowAllRedirect,\n fetchRankingsData,\n} from '../../../redux/actions/top-ranked-actions';\n\nimport { fetchPtsRankings } from '../../../redux/actions/pts-ranking-actions';\nimport { getPtsRanking } from '../../../utils/rankings';\n\nimport TabTable from '../TabTable';\nimport Tabs from '../../Tabs';\nimport { LinkAnchor } from '../../Links';\nimport RankedPlayerItem from '../RankingListV2/components/RankedPlayerItem';\n\nimport styles from './style.module.scss';\n\nconst tabs = [\n {\n name: 'U14',\n value: 'U14',\n },\n {\n name: 'U16',\n value: 'U16',\n },\n {\n name: 'U18',\n value: 'U18',\n },\n {\n name: 'HIGH SCHOOL',\n value: 'HighSchool',\n },\n {\n name: 'COLLEGE',\n value: 'College',\n },\n {\n name: 'PTT',\n value: 'Ptt',\n },\n {\n name: 'PRO',\n value: 'Pro',\n default: true,\n },\n];\n\nconst highSchoolRegions = [\n {\n name: 'TEXAS',\n value: 'texas',\n },\n {\n name: 'CIF-SDS',\n value: 'cifsd',\n },\n];\n\nconst DISPLAYED_RANKED_PLAYERS = 10;\n\n/* eslint-disable no-shadow */\nconst GlobalRankings = (props) => {\n const {\n menPlayers,\n womenPlayers,\n pttPlayers,\n handleShowAllRedirect,\n fetchRankingsData,\n fetchPtsRankings,\n title,\n classname,\n view_all_url,\n isLoading,\n default_level,\n ...restProps\n } = props;\n\n const [filters, setFilters] = useState({\n gender: 'm',\n level: default_level,\n });\n\n useEffect(() => {\n if (!isLoading) {\n props.fetchRankingsData({ tags: default_level, count: DISPLAYED_RANKED_PLAYERS });\n }\n }, []);\n\n useEffect(() => {\n // eslint-disable-next-line no-use-before-define\n handleFilterChange({ level: default_level, subLevel: null });\n }, [default_level]);\n\n const renderAppropriateList = () => {\n let playersList;\n if (filters.level === 'Ptt') {\n playersList = pttPlayers;\n } else {\n playersList = filters.gender === 'm' ? menPlayers : womenPlayers;\n }\n\n return playersList.slice(0, DISPLAYED_RANKED_PLAYERS);\n };\n\n const handleFilterChange = (update) => {\n const updatedFilters = {\n ...filters,\n ...update,\n changeEvent: true,\n };\n if (updatedFilters.level === 'Ptt') {\n fetchPtsRankings(updatedFilters.gender, 10);\n } else {\n fetchRankingsData({\n tags: updatedFilters.level,\n count: DISPLAYED_RANKED_PLAYERS,\n template: updatedFilters.subLevel ? updatedFilters.subLevel : null,\n });\n }\n setFilters(updatedFilters);\n };\n\n const TabSection = () => (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {getSliderInfo().map(info => (\n
\n \n
\n ))}\n {info.title}
\n {info.description}
\n \n
\n \n
\n \n {players.map(player => {\n if (player) {\n return (\n
\n \n handleFilterChange({ subLevel: val })}\n activeTab={filters.subLevel}\n />\n )}\n
\n );\n\n return (\n \n {\n handleFilterChange({ level: val, subLevel: null });\n }}\n activeTab={filters.level}\n />\n |\n handleFilterChange({ gender: val })}\n activeTab={filters.gender}\n />\n
\n {filters.level === 'HighSchool' && (\n \n (\n
\n );\n};\n\nGlobalRankings.propTypes = {\n handleShowAllRedirect: PropTypes.func.isRequired,\n fetchRankingsData: PropTypes.func.isRequired,\n fetchPtsRankings: PropTypes.func.isRequired,\n menPlayers: PropTypes.instanceOf(Array),\n womenPlayers: PropTypes.instanceOf(Array),\n pttPlayers: PropTypes.instanceOf(Array),\n isLoading: PropTypes.bool.isRequired,\n default_level: PropTypes.string,\n};\n\nGlobalRankings.defaultProps = {\n menPlayers: [],\n womenPlayers: [],\n pttPlayers: [],\n default_level: 'Pro',\n};\n\nconst mapStateToProps = ({\n topRanked: {\n men: { isLoading: menLoading, players: menPlayers },\n women: { isLoading: womenLoading, players: womenPlayers },\n },\n ptsRankings: {\n players: pttPlayers,\n isLoading: pttLoading,\n },\n\n}) => ({\n isLoading: menLoading || womenLoading || pttLoading,\n menPlayers,\n womenPlayers,\n pttPlayers,\n});\n\nconst mapDispatchToProps = {\n handleShowAllRedirect,\n fetchRankingsData,\n fetchPtsRankings,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(GlobalRankings);\n","import fetch from 'isomorphic-unfetch';\nimport config from '../config';\n\nconst { apiHost } = config;\n// eslint-disable-next-line import/prefer-default-export\nexport const getPlayerRankingSearchLimits = async () => {\n const searchLimits = await fetch(`${apiHost}/v3/player/searchlimits`);\n const data = await searchLimits.json();\n return data;\n};\n","/* eslint-disable camelcase */\n/* eslint-disable no-shadow */\nimport React, { useState, useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\n\nimport TabTable, { Filter } from '../TabTable';\nimport { LinkAnchor } from '../../Links';\nimport RankedPlayerItem from '../RankingListV2/components/RankedPlayerItem';\nimport Tabs from '../../Tabs';\n\nimport {\n handleShowAllRedirect,\n fetchRankingsData,\n} from '../../../redux/actions/top-ranked-actions';\nimport { fetchPtsRankings } from '../../../redux/actions/pts-ranking-actions';\nimport { getPlayerRankingSearchLimits } from '../../../api/utils';\n\nimport config from '../../../config';\nimport styles from './style.module.scss';\n\nconst tabs = [\n {\n name: 'U14',\n value: 'U14',\n },\n {\n name: 'U16',\n value: 'U16',\n },\n {\n name: 'U18',\n value: 'U18',\n },\n {\n name: 'HIGH SCHOOL',\n value: 'HighSchool',\n subTabs: [\n {\n name: 'TEXAS',\n value: 'texas',\n },\n {\n name: 'CIF-SDS',\n value: 'cifsd',\n },\n ],\n subTabLink: {\n linkValue: '/high-school',\n linkName: 'Want to see your state or section listed?',\n },\n },\n {\n name: 'COLLEGE',\n value: 'College',\n },\n {\n name: 'PRO',\n value: 'Pro',\n default: true,\n },\n {\n name: 'PTT',\n value: 'Ptt',\n },\n];\n\nconst highSchoolRegions = [\n {\n name: 'TEXAS',\n value: 'texas',\n },\n {\n name: 'CIF-SDS',\n value: 'cifsd',\n },\n];\n\nconst findRanking = (item) => {\n if (item.rankings) {\n if (item.gender === 'Female') {\n return item.rankings.find(({ rankListId }) => rankListId === 51)?.rank;\n }\n return item.rankings.find(({ rankListId }) => rankListId === 52)?.rank;\n }\n return item.utrRanking;\n};\n\nconst RANKINGS_COUNT = 100;\nconst pttValueFromPrismic = 'Ptt';\n\nconst Rankings = props => {\n const { fetchRankingsData, fetchPtsRankings, menPlayers, womenPlayers, playersList, isLoading, classname, default_level } = props;\n const [filters, setFilters] = useState({\n gender: 'm',\n level: default_level,\n rankFilter: {\n start: default_level === pttValueFromPrismic ? 200 : 0,\n },\n });\n\n const [rankingLimit, setRankingLimit] = useState([]);\n const [isRankingLimitLoaded, setIsRankingLimitLoaded] = useState(false);\n\n useEffect(() => {\n (async () => {\n if (default_level === pttValueFromPrismic) {\n fetchPtsRankings(filters.gender, RANKINGS_COUNT, filters.rankFilter.start);\n } else {\n props.fetchRankingsData({ tags: default_level, count: RANKINGS_COUNT });\n }\n const rankingLimitData = await getPlayerRankingSearchLimits();\n setRankingLimit(rankingLimitData);\n setIsRankingLimitLoaded(true);\n })();\n }, []);\n\n const renderList = () => {\n let list = menPlayers;\n if (filters.gender === 'f') {\n list = womenPlayers;\n }\n if (filters.level === pttValueFromPrismic) {\n list = playersList;\n }\n\n return list;\n };\n\n const handleOnShowAllClick = ({ filters }) => {\n const { appHost } = config;\n const levelDictionary = {\n U14: 5,\n U16: 4,\n U18: 1,\n HighSchool: 6,\n College: 2,\n Pro: 3,\n };\n const menShowAllLink = `/top-players?tab=1&level=${levelDictionary[filters.level]}&sublevel=${filters.subLevel || ''}`;\n const womenShowAllLink = `/top-players?tab=2&level=${levelDictionary[filters.level]}&sublevel=${filters.subLevel || ''}`;\n return filters.gender === 'm' ? `${appHost}/login?next=${encodeURIComponent(menShowAllLink)}` : `${appHost}/login?next=${encodeURIComponent(womenShowAllLink)}`;\n };\n\n const mapFilterLevelToSearchLimit = {\n U14: 1,\n U16: 2,\n U18: 3,\n HighSchool: 4,\n College: 5,\n Pro: 6,\n Ptt: 7,\n };\n\n const getRankingsInterval = level => {\n switch (level) {\n case 'U14':\n case 'U16':\n case 'U18':\n case 'HighSchool':\n case 'College':\n return 25;\n case 'Pro':\n case 'Ptt':\n return 100;\n default:\n return 100;\n }\n };\n\n const handleFilterChange = (updates) => {\n const updatedFilters = {\n ...filters,\n ...updates,\n changeEvent: true,\n };\n if (filters.level !== updatedFilters.level) {\n updatedFilters.rankFilter.start = updatedFilters.level === pttValueFromPrismic ? 200 : 0;\n }\n if (updatedFilters.level === pttValueFromPrismic) {\n fetchPtsRankings(updatedFilters.gender, 100, updatedFilters.rankFilter.start);\n } else {\n fetchRankingsData({\n gender: updatedFilters.gender,\n tags: updatedFilters.level,\n count: getRankingsInterval(updatedFilters.level),\n skip: updatedFilters.rankFilter.start,\n template: updatedFilters.subLevel ? updatedFilters.subLevel : null,\n });\n }\n setFilters(updatedFilters);\n };\n\n const TabSection = () => (\n <>\n \n
\n )}\n listItem={({ filters: {\n gender,\n level,\n }, item }) => {\n const isPtt = level === 'Ptt';\n return (\n \n
\n Ranking
\n\n
\n \n
\n \n
\n Gender
\n\n
\n Location
\n\n
\n 3 Mo. Trend
\n\n
\n UTR
\n\n \n
\n );\n }}\n {...restProps}\n />\n \n rl.id === mapFilterLevelToSearchLimit[filters.level]).marketing : 200}\n style={`mr16 h-mc transparent fs14`}\n handleChange={val => handleFilterChange({ rankFilter: val })}\n defaultValue={filters.level === pttValueFromPrismic ? '2' : '0'}\n filters={filters}\n />\n
\n \n );\n\n return (\n \n
\n \n handleFilterChange({ level: val, subLevel: null })}\n activeTab={filters.level}\n />\n |\n handleFilterChange({ gender: val })}\n activeTab={filters.gender}\n />\n
\n \n {filters.level === 'HighSchool' && (\n handleFilterChange({ subLevel: val })}\n activeTab={filters.subLevel}\n />\n )}\n
\n \n
\n )}\n listItem={({ item, filters }, i) => {\n return (\n \n
\n Ranking
\n\n
\n \n
\n \n
\n Gender
\n\n
\n Location
\n\n
\n 3 Mo. Trend
\n\n
\n UTR
\n\n \n
\n );\n }}\n />\n );\n};\n\nRankings.propTypes = {\n classname: PropTypes.string,\n default_level: PropTypes.string,\n};\n\nRankings.defaultProps = {\n classname: '',\n default_level: 'Pro',\n};\n\nconst mapStateToProps = ({\n topRanked: {\n men: { isLoading: menLoading, players: menPlayers },\n women: { isLoading: womenLoading, players: womenPlayers },\n },\n ptsRankings: {\n players: playersList,\n isLoading,\n isLoaded,\n },\n}) => ({\n isLoading: menLoading || womenLoading || isLoading,\n menPlayers,\n womenPlayers,\n playersList,\n isLoaded,\n});\n\nconst mapDispatchToProps = {\n fetchRankingsData,\n fetchPtsRankings,\n handleShowAllRedirect,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Rankings);\n","/* eslint-disable camelcase */\n/* eslint-disable react/no-string-refs */\nimport React, { Component } from 'react';\nimport 'url-search-params-polyfill';\nimport fetch from 'isomorphic-unfetch';\n\nimport withFeatureFlags from '../../hocs/withFeatureFlags';\nimport { getRatingDetails, updateRatingObject, teamTennisTypeIds } from '../../../utils';\nimport { getEventDateString } from '../../../utils/formatting';\nimport BackgroundImage from '../../BackgroundImage';\nimport Description from '../../text/Description';\nimport TrackedCta from '../../Analytics/TrackedCTA';\nimport Img from '../../Img';\nimport config from '../../../config';\n\nimport styles from './globalSearch.module.scss';\n\nconst { appHost, apiHost, teamTennisAppHost } = config;\nconst { ADULT_TEAM_TENNIS, JUNIOR_TEAM_TENNIS } = teamTennisTypeIds;\nlet controller;\nlet signal;\n\nclass GlobalSearch extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isLoading: false,\n showDropDown: false,\n clubs: {\n total: 0,\n hits: [],\n },\n events: {\n total: 0,\n hits: [],\n },\n virtualEvents: {\n total: 0,\n hits: [],\n },\n players: {\n total: 0,\n hits: [],\n },\n highSchools: {\n total: 0,\n hits: [],\n },\n colleges: {\n total: 0,\n hits: [],\n },\n query: '',\n searched: false,\n isShowingExpandedSearch: false,\n };\n\n this.setWrapperRef = this.setWrapperRef.bind(this);\n this.handleClickOutside = this.handleClickOutside.bind(this);\n\n this.handleOnFocus = this.handleOnFocus.bind(this);\n // this.handleKeyUp = debounce(this.handleKeyUp.bind(this), 300);\n this.handleKeyUp = this.handleKeyUp.bind(this);\n this.handlePaste = this.handlePaste.bind(this);\n this.fetchResults = this.fetchResults.bind(this);\n this.handleClearClick = this.handleClearClick.bind(this);\n this.handlePlayerClick = this.handlePlayerClick.bind(this);\n this.handleSchoolClick = this.handleSchoolClick.bind(this);\n this.handleClubClick = this.handleClubClick.bind(this);\n this.handleEventClick = this.handleEventClick.bind(this);\n this.handleSeeAllClick = this.handleSeeAllClick.bind(this);\n\n this.handleSearchExpanderClick = this.handleSearchExpanderClick.bind(this);\n this.handleSearchBackClick = this.handleSearchBackClick.bind(this);\n\n this.focusOnInput = this.focusOnInput.bind(this);\n this.handleTypeFilterClick = this.handleTypeFilterClick.bind(this);\n this.handleTeamTennisClick = this.handleTeamTennisClick.bind(this);\n }\n\n componentDidMount() {\n // console.log('GlobalSearch state', this.state);\n // this.props.onRef(this);\n document.addEventListener('mousedown', this.handleClickOutside);\n }\n\n // componentDidUpdate() {\n // console.log('GlobalSearch state', this.state);\n // }\n\n componentWillUnmount() {\n // this.props.onRef(undefined);\n document.removeEventListener('mousedown', this.handleClickOutside);\n }\n\n handleClickOutside(event) {\n if (this.wrapperRef && !this.wrapperRef.contains(event.target) && this.state.showDropDown) {\n this.setState({\n showDropDown: false,\n });\n }\n }\n\n handleOnFocus() {\n this.setState({\n showDropDown: true,\n });\n this.refs.query.value = this.state.query;\n }\n\n handleKeyUp(event) {\n const query = event.target.value;\n // console.log('handleKeyUp', query);\n if (query.length > 0) {\n if (event.key === 'Enter') {\n // do nothing\n } else {\n this.setState({\n isLoading: true,\n showDropDown: true,\n query,\n clubs: {\n total: 0,\n hits: [],\n },\n events: {\n total: 0,\n hits: [],\n },\n virtualEvents: {\n total: 0,\n hits: [],\n },\n players: {\n total: 0,\n hits: [],\n },\n highSchools: {\n total: 0,\n hits: [],\n },\n colleges: {\n total: 0,\n hits: [],\n },\n }, () => {\n this.fetchResults();\n });\n }\n } else {\n this.setState({\n query: '',\n clubs: {\n total: 0,\n hits: [],\n },\n events: {\n total: 0,\n hits: [],\n },\n virtualEvents: {\n total: 0,\n hits: [],\n },\n players: {\n total: 0,\n hits: [],\n },\n highSchools: {\n total: 0,\n hits: [],\n },\n colleges: {\n total: 0,\n hits: [],\n },\n showDropDown: true,\n });\n }\n }\n\n handlePaste(event) {\n const { target } = event;\n\n setTimeout(() => {\n const query = target.value.trim();\n if (query.length > 0) {\n if (event.key === 'Enter') {\n // do nothing\n } else {\n this.setState({\n isLoading: true,\n showDropDown: true,\n query,\n clubs: {\n total: 0,\n hits: [],\n },\n events: {\n total: 0,\n hits: [],\n },\n virtualEvents: {\n total: 0,\n hits: [],\n },\n players: {\n total: 0,\n hits: [],\n },\n highSchools: {\n total: 0,\n hits: [],\n },\n colleges: {\n total: 0,\n hits: [],\n },\n }, () => {\n this.fetchResults();\n });\n }\n } else {\n this.setState({\n query: '',\n clubs: {\n total: 0,\n hits: [],\n },\n events: {\n total: 0,\n hits: [],\n },\n virtualEvents: {\n total: 0,\n hits: [],\n },\n players: {\n total: 0,\n hits: [],\n },\n highSchools: {\n total: 0,\n hits: [],\n },\n colleges: {\n total: 0,\n hits: [],\n },\n showDropDown: true,\n });\n }\n }, 200);\n }\n\n async handleSeeAllClick(e, typeFilter) {\n console.log('handleSeeAllClick', typeFilter);\n if (e) {\n e.preventDefault();\n }\n this.setState({\n showDropDown: false,\n });\n\n const params = new URLSearchParams();\n const { query } = this.state;\n if (query) {\n params.append('query', query);\n }\n params.append('utrMin', 1);\n params.append('utrMax', 16);\n params.append('utrType', 'verified');\n params.append('utrTeamType', 'singles');\n params.append('utrFitPosition', 6);\n params.append('type', typeFilter);\n\n window.location = `${appHost}/search?${params}`;\n }\n\n handleClearClick(keepInputInFocus) {\n this.refs.query.value = '';\n this.setState({\n query: '',\n clubs: {\n total: 0,\n hits: [],\n },\n events: {\n total: 0,\n hits: [],\n },\n virtualEvents: {\n total: 0,\n hits: [],\n },\n players: {\n total: 0,\n hits: [],\n },\n highSchools: {\n total: 0,\n hits: [],\n },\n colleges: {\n total: 0,\n hits: [],\n },\n showDropDown: !!keepInputInFocus,\n searched: false,\n });\n if (keepInputInFocus) {\n setTimeout(() => {\n this.refs.query.focus();\n }, 200);\n }\n }\n\n handlePlayerClick(player) {\n window.location = `${appHost}/profiles/${player.id}`;\n }\n\n handleSchoolClick(school) {\n window.location = `${appHost}/schools/${school.id}`;\n }\n\n handleEventClick(event) {\n window.location = `${appHost}/events/${event.id}`;\n }\n\n handleClubClick(club) {\n window.location = `${appHost}/clubs/${club.id}`;\n }\n\n handleVirtualEventClick(virtualEvent) {\n window.location = `${appHost}/virtualEvents/${virtualEvent.id}}`;\n }\n\n handleSearchExpanderClick() {\n this.setState({\n isShowingExpandedSearch: true,\n });\n setTimeout(() => {\n this.refs.query.focus();\n }, 200);\n }\n\n handleSearchBackClick() {\n this.setState({\n isShowingExpandedSearch: false,\n });\n this.refs.query.value = '';\n this.setState({\n query: '',\n clubs: {\n total: 0,\n hits: [],\n },\n events: {\n total: 0,\n hits: [],\n },\n virtualEvents: {\n total: 0,\n hits: [],\n },\n players: {\n total: 0,\n hits: [],\n },\n highSchools: {\n total: 0,\n hits: [],\n },\n colleges: {\n total: 0,\n hits: [],\n },\n showDropDown: false,\n searched: false,\n });\n }\n\n handleTypeFilterClick(typeFilter) {\n this.setState({\n showDropDown: false,\n });\n\n window.location = `${appHost}/search?utrMin=1&utrMax=16&utrType=verified&utrTeamType=singles&utrFitPosition=6&type=${typeFilter}`;\n }\n\n handleTeamTennisClick(teamTennisId) {\n this.setState({ showDropDown: false });\n window.location = `${teamTennisAppHost}/search/league/${teamTennisId}`;\n }\n\n setWrapperRef(node) {\n this.wrapperRef = node;\n }\n\n fetchResults() {\n console.log('GlobalSearch fetchResults()');\n\n const params = new URLSearchParams();\n params.append('query', this.state.query);\n params.append('top', 10);\n params.append('skip', 0);\n params.append('schoolClubSearch', true);\n\n const that = this;\n\n const searchUrl = `${apiHost}/v2/search?${params}`;\n\n if (controller !== undefined) {\n // Cancel the previous request\n controller.abort();\n }\n if ('AbortController' in window) {\n controller = new AbortController();\n signal = controller.signal;\n }\n\n fetch(searchUrl, {\n method: 'get',\n signal,\n })\n .then(res => res.json())\n .then(res => {\n console.log('search res', res);\n const { clubs, events, players, highSchools, virtualEvents, colleges } = res;\n const stateToSet = {\n clubs,\n events,\n virtualEvents,\n players,\n highSchools,\n colleges,\n isLoading: false,\n searched: true,\n };\n that.setState(stateToSet);\n })\n .catch((error) => {\n // console.log('error', error);\n if (error.name === 'AbortError') {\n that.setState({\n isLoading: true,\n searched: false,\n });\n } else {\n that.setState({\n isLoading: false,\n searched: true,\n });\n }\n });\n }\n\n focusOnInput() {\n this.handleOnFocus();\n setTimeout(() => {\n this.refs.query.focus();\n }, 200);\n }\n\n render() {\n const { players_only, border, placeholder, featureFlags } = this.props;\n const renderPlayer = (player, i) => {\n const { displayName, descriptionShort, gender, location, playerProfileImages } = player;\n const userIsPowered = false;\n const rating = getRatingDetails(updateRatingObject({ player }), userIsPowered);\n // console.log('Player, rating', rating)\n let description = '';\n if (descriptionShort) {\n description = [descriptionShort];\n } else {\n description = location && location.display ? [location.display] : [];\n }\n const descriptionItems = [\n ...(gender ? [gender.charAt(0)] : []),\n ...(description),\n ];\n return (\n i < 4 ? (\n this.handlePlayerClick(player, ev)} key={`p${i}`}>\n
\n \n ) : null\n );\n };\n\n const renderSchool = (schoolClub, i) => {\n // console.log('schoolClub', schoolClub)\n const { id, name, location, profilePhotoUrl } = schoolClub;\n const { displayName, shortName } = schoolClub.school;\n const photoUrl = profilePhotoUrl ? `/v1/club/${profilePhotoUrl}?variant=icon` : null;\n // const school = schoolClub.school || {};\n // const { type } = school;\n const descriptionItems = [\n // ...(type ? [type] : []),\n ...(location && location.display ? [location.display] : []),\n ];\n return (\n i < 4 ? (\n \n
\n \n
\n {rating.verified ? : ''}
\n \n
\n \n
\n \n \n )\n : null\n );\n };\n\n const renderClub = (club, i) => {\n const { name, location, memberCount } = club;\n const descriptionItems = [\n // 'Club',\n ...(location && location.display ? [location && location.display] : []),\n ...(memberCount && memberCount >= 10 ? [`${memberCount} member${memberCount && memberCount > 1 ? 's' : ''}`] : []),\n ];\n return (\n i < 4 ? (\n \n {\n photoUrl\n ? (\n {\n e.target.src = '/img/v2/icons/icon-avatar-school.svg';\n e.target.srcset = '/img/v2/icons/icon-avatar-school.svg';\n }}\n />\n )\n : ![](\"/img/v2/icons/icon-avatar-school.svg\")
\n }\n
\n \n }\n \n \n \n
\n \n
\n this.handleClubClick(club)} key={`c${i}`}>\n
\n \n ) : null\n );\n };\n\n const renderEvent = (event, i) => {\n const { name, eventSchedule, eventState } = event;\n const descriptionItems = [/* 'Event' */];\n if (eventSchedule) {\n descriptionItems.push(getEventDateString(eventSchedule, eventState && eventState.value === 'completed'));\n }\n return (\n i < 4 ? (\n \n
\n \n \n
\n \n
\n this.handleEventClick(event)} key={`e${i}`}>\n
\n \n ) : null\n );\n };\n\n const renderDropdown = () => {\n const queryEntered = this.state.query && this.state.query.length > 0;\n return (\n \n
\n \n \n
\n \n
\n \n {!queryEntered && players_only !== 'true' && (\n
\n );\n };\n\n return (\n \n
\n )}\n {this.state.players.total === 0 && this.state.highSchools.total === 0 && this.state.colleges.total === 0 && this.state.clubs.total === 0 && this.state.events.total === 0 && this.state.virtualEvents.total === 0 && !this.state.isLoading && this.state.searched && this.state.query && (\n \n What are you looking for?\n
\n \n \n this.handleTypeFilterClick('players')}\n >\n Players\n \n \n \n this.handleTypeFilterClick('events')}\n >\n All Events\n \n \n {/* \n this.handleTypeFilterClick('virtualEvents')}\n >\n Virtual Events\n \n */}\n \n this.handleTypeFilterClick('flexLeagues')}\n >\n Flex Leagues\n \n \n {featureFlags.teamTennisFlag.isEnabled() && (\n \n this.handleTypeFilterClick('teamLeagues')}\n >\n Team Tennis\n \n \n )}\n {featureFlags.adultTeamClubsSearch.isEnabled() && (\n \n this.handleTypeFilterClick('adultTeamClubs')}\n >\n Adult League Team\n \n \n )}\n {featureFlags.adultTeamTennisFlag.isEnabled() && (\n \n this.handleTeamTennisClick(ADULT_TEAM_TENNIS)}\n >\n Adult Team Tennis\n \n \n )}\n {featureFlags.juniorTeamTennisFlag.isEnabled() && (\n \n this.handleTeamTennisClick(JUNIOR_TEAM_TENNIS)}\n >\n Junior Team Tennis\n \n \n )}\n \n this.handleTypeFilterClick('proTennisTour')}\n >\n UTR Pro Tennis Tour\n \n \n \n this.handleTypeFilterClick('clubs')}\n >\n Clubs\n \n \n \n this.handleTypeFilterClick('colleges')}\n >\n Colleges\n \n \n \n this.handleTypeFilterClick('highSchools')}\n >\n High Schools\n \n \n {featureFlags.createPlayFlag.isEnabled() && (\n \n this.handleTypeFilterClick('paidHits')}\n >\n Paid Hits\n \n \n )}\n \n this.handleTypeFilterClick('paidHitClubs')}\n >\n Paid Hitters\n \n \n \n this.handleTypeFilterClick('juniorCircuits')}\n >\n Junior Circuits\n \n \n \n this.handleTypeFilterClick('collegeCircuits')}\n >\n College Circuits\n \n \n
\n \n No Matches Found\n
\n )}\n {(this.state.players.total > 0 || this.state.highSchools.total > 0 || this.state.colleges.total > 0 || this.state.clubs.total > 0 || this.state.events.total > 0 || this.state.isLoading) && (\n \n {!!this.state.players.hits.length && (\n <>\n \n \n \n {this.state.players.hits.map((player, i) => renderPlayer(player.source, i))}\n \n )}\n {players_only !== 'true' && (\n <>\n {!!this.state.events.hits.length && (\n <>\n \n \n \n {this.state.events.hits.map((event, i) => renderEvent(event.source, i))}\n \n )}\n {!!this.state.virtualEvents.hits.length && (\n <>\n \n \n \n \n {this.state.colleges.hits.map((school, i) => renderSchool(school.source, i))}\n \n )}\n {!!this.state.highSchools.hits.length && (\n <>\n \n \n \n \n {this.state.clubs.hits.map((club, i) => renderClub(club.source, i))}\n \n )}\n \n )}\n {this.state.isLoading && (\n
\n )}\n Virtual Events this.handleSeeAllClick(e, 'events')}>SEE ALL
\n \n {this.state.virtualEvents.hits.map((event, i) => renderEvent(event.source, i))}\n \n )}\n {!!this.state.colleges.hits.length && (\n <>\n High Schools this.handleSeeAllClick(e, 'highSchools')}>SEE ALL
\n \n {this.state.highSchools.hits.map((school, i) => renderSchool(school.source, i))}\n \n )}\n {!!this.state.clubs.hits.length && (\n <>\n Loading...
\n )}\n \n
\n );\n }\n}\n\nexport default withFeatureFlags(GlobalSearch);\n","import React from 'react';\nimport { useMediaPredicate } from 'react-media-hook';\nimport PropTypes from 'prop-types';\n\nimport Carousel from '../../Carousel';\nimport AdThreeImageCard from '../../Ads/AdThreeColsImage/AdThreeImageCard';\n\nimport styles from './adCardsCarousel.module.scss';\n\nconst AdCardsCarousel = ({ title, repeatable, classname }) => {\n const isMobile = useMediaPredicate('(max-width: 599px)');\n return (\n \n
\n \n
\n \n
\n \n
\n \n {!this.state.query.length && (\n \n )}\n {this.state.query.length > 0 && (\n this.handleClearClick(true)}\n />\n )}\n
\n {this.state.showDropDown && (\n \n {renderDropdown()}\n
\n )}\n \n ({ card }))}\n SlideComponent={AdThreeImageCard}\n slidesToShow={isMobile ? 1 : 3}\n className={classname}\n customConfig={{\n centerMode: true,\n centerPadding: isMobile ? '0' : '60px',\n dots: false,\n }}\n />\n
\n );\n};\n\nAdCardsCarousel.propTypes = {\n title: PropTypes.string,\n classname: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nAdCardsCarousel.defaultProps = {\n title: '',\n classname: '',\n repeatable: [],\n};\n\nexport default AdCardsCarousel;\n","/* eslint-disable camelcase */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { LinkAnchor } from '../../../Links';\nimport AppStoreButton from '../../AppStoreButton';\nimport TrackedCta from '../../../Analytics/TrackedCTA';\n\nimport styles from '../tiledSection.module.scss';\n\nconst Section = ({ title, subtitle, caption, image, imageposition, cta_copy, cta_link, secondary_cta_copy, secondary_cta_link, ios_app_store_url }) => {\n return (\n \n
\n );\n};\n\nSection.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n caption: PropTypes.string,\n image: PropTypes.string,\n imageposition: PropTypes.string,\n cta_copy: PropTypes.string,\n cta_link: PropTypes.string,\n secondary_cta_copy: PropTypes.string,\n secondary_cta_link: PropTypes.string,\n};\n\nSection.defaultProps = {\n title: '',\n subtitle: '',\n caption: '',\n image: '',\n imageposition: '',\n cta_copy: '',\n cta_link: '#',\n secondary_cta_copy: '',\n secondary_cta_link: '#',\n};\n\nexport default Section;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './tiledSection.module.scss';\nimport Section from './Section';\n\nconst TiledSectionV2 = ({ repeatable, classname }) => {\n return (\n \n
\n \n
\n \n 
\n
\n \n
\n \n {title}\n
\n \n {subtitle}\n
\n \n \n
\n \n {cta_copy && cta_link && (\n \n \n )}\n {secondary_cta_copy && secondary_cta_link && (\n \n \n )}\n {ios_app_store_url && (\n \n
\n \n {cta_copy}\n
\n \n {secondary_cta_copy}\n
\n \n {repeatable.map((section, i) => {\n return (\n
\n );\n};\n\nTiledSectionV2.propTypes = {\n classname: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nTiledSectionV2.defaultProps = {\n classname: '',\n repeatable: [],\n};\n\nexport default TiledSectionV2;\n","import React from 'react';\n\nimport Img from '../../Img';\nimport { LinkAnchor } from '../../Links';\nimport SectionHeading from '../../text/SectionHeading';\nimport SectionHeadingWrapper from '../../text/SectionHeading/HeadingWrapper';\n\nconst PartnersV2 = ({ title, classname, repeatable = [] }) => {\n return (\n \n
\n );\n};\n\nexport default PartnersV2;\n","import React from 'react';\n\nimport styles from './howItWorks.module.scss';\n\nconst HowItWorksCard = ({ icon, title, description }) => {\n return (\n \n
\n \n
\n \n \n \n
\n \n {repeatable.map(partner => (\n
\n \n \n \n
\n ))}\n \n
\n \n {partner.logo && (\n 
\n )}\n
\n \n
\n );\n};\n\nexport default HowItWorksCard;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport HowItWorksCard from './howItWorksCard';\nimport styles from './howItWorks.module.scss';\n\nconst HowItWorks = ({ title, subtitle, repeatable, classname }) => {\n return (\n \n 
\n
\n \n
\n {title}
\n {description}
\n \n
\n );\n};\n\nHowItWorks.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n classname: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nHowItWorks.defaultProps = {\n title: '',\n subtitle: '',\n classname: '',\n repeatable: [],\n};\n\nexport default HowItWorks;\n","/* eslint-disable camelcase */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { LinkAnchor } from '../../Links';\n\nconst PricingTable = ({ title, cursive_subtitle, basic_cta_copy, basic_cta_link, basic_cta_theme, power_cta_copy, power_cta_link, power_cta_theme, v2PricingSections, basic_cta_description, power_cta_description, classname }) => {\n return (\n \n
\n \n
\n \n
\n \n
\n \n {title}\n
\n \n {subtitle}\n
\n \n
\n \n {repeatable.map(card => (\n
\n \n
\n ))}\n \n {v2PricingSections && v2PricingSections.length && (\n \n \n )}\n
\n \n
\n {title}
\n {cursive_subtitle}
\n \n {v2PricingSections.map((section, i) => (\n \n \n ))}\n
\n 0 ? 'mt32' : ''}`}>\n
\n {section.repeatable && section.repeatable.length && section.repeatable.map((row, j) => (\n {section.section_label}
\n {section.column_one_label}
\n \n
\n ))}\n {row.row_label}{row.column_one_check === 'true' && }
\n \n
\n \n \n
\n\n \n {basic_cta_copy}\n
\n \n \n {basic_cta_description}\n
\n \n {v2PricingSections.map((section, i) => (\n \n \n ))}\n
\n 0 ? 'mt32' : ''}`}>\n
\n {section.repeatable && section.repeatable.length && section.repeatable.map((row, j) => (\n {section.section_label}
\n {section.column_two_label}
\n \n
\n ))}\n {row.row_label}{row.column_two_check === 'true' && }
\n \n
\n \n \n
\n \n {power_cta_copy}\n
\n \n \n {power_cta_description}\n
\n \n
\n \n
\n \n
\n \n
\n {title}
\n {cursive_subtitle}
\n \n {v2PricingSections.map((section, i) => (\n \n \n ))}\n
\n 0 ? 'mt48' : ''}`}>\n
\n {section.repeatable && section.repeatable.length && section.repeatable.map((row, j) => (\n {section.section_label}
\n <>\n {section.column_one_label}
\n {section.column_two_label}
\n \n \n
\n ))}\n {row.row_label}
\n \n
\n \n {row.column_one_check === 'true' && }\n {row.column_one_text ? {row.column_one_text} : null}\n
\n \n
\n \n {row.column_two_check === 'true' && }\n {row.column_two_text ? {row.column_two_text} : null}\n
\n \n \n
\n \n {!!(basic_cta_link && basic_cta_copy) && (\n \n
\n \n {basic_cta_copy}\n
\n \n )}\n \n {!!(power_cta_link && power_cta_copy) && (\n \n
\n \n {power_cta_copy}\n
\n \n )}\n \n \n
\n \n {basic_cta_description}\n
\n \n {power_cta_description}\n
\n prismicRedirect(link)}>\n
\n );\n};\n\nMoreOfferingsCard.propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n img: PropTypes.string,\n link: PropTypes.string,\n};\n\nMoreOfferingsCard.defaultProps = {\n title: '',\n description: '',\n img: {},\n link: '#',\n};\n\nexport default MoreOfferingsCard;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport MoreOfferingsCard from './moreOfferingsCard';\nimport styles from './moreOfferings.module.scss';\n\nconst MoreOfferings = ({ title, repeatable, classname }) => {\n return (\n \n 
\n
\n \n
\n \n {title}\n
\n \n {description}\n
\n \n
\n );\n};\n\nMoreOfferings.propTypes = {\n title: PropTypes.string,\n classname: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nMoreOfferings.defaultProps = {\n title: '',\n classname: '',\n repeatable: [],\n};\n\nexport default MoreOfferings;\n","import React from 'react';\nimport Router from 'next/router';\nimport PropTypes from 'prop-types';\n\nimport Img from '../../Img';\nimport TrackedCta from '../../Analytics/TrackedCTA';\nimport AppStoreButton from '../../Home/AppStoreButton';\n\nimport styles from './infoCards.module.scss';\nimport config from '../../../config';\n\nconst { appHost } = config;\n\nconst prismicRedirect = (to) => {\n if (to.startsWith('https')) {\n window.open(to);\n } else if (to.startsWith('app:')) {\n const mainAppRedirect = to.replace('app:', appHost);\n window.location = mainAppRedirect;\n } else {\n Router.push(to);\n }\n};\n\nconst InfoCard = (props) => {\n const { title, description, img, items, ctaLink, ctaLabel, ios_app_store_url } = props;\n return (\n \n
\n \n
\n {repeatable.map((card) => (\n \n
\n \n {title}\n
\n \n
\n ))}\n \n
\n );\n};\n\nInfoCard.propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n img: PropTypes.string,\n items: PropTypes.instanceOf(Array),\n ctaLink: PropTypes.string,\n ctaLabel: PropTypes.string,\n};\n\nInfoCard.defaultProps = {\n title: '',\n description: '',\n img: '',\n items: [],\n ctaLink: '#',\n ctaLabel: '',\n};\n\nexport default InfoCard;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport InfoCard from './infoCard';\nimport styles from './infoCards.module.scss';\n\nconst OrganizersInfoCards = ({ title, repeatable, classname }) => {\n const structuredCards = repeatable.map(card => {\n return {\n img: card.img?.desktop?.default,\n title: card.title,\n description: card.description,\n items: card.firstbulletpoint ? [\n card.firstbulletpoint,\n card.secondbulletpoint,\n card.thirdbulletpoint,\n card.fourthbulletpoint,\n ] : null,\n ctaLabel: card.cta_label || card.cta_copy,\n ctaLink: card.cta_link || '#',\n ios_app_store_url: card.ios_app_store_url,\n };\n });\n return (\n \n {!!img && }\n
\n \n
\n \n {title}\n
\n \n {description}\n
\n {items && items.map(item => (\n \n {item}\n
\n ))}\n {((ctaLink && ctaLabel) || ios_app_store_url) && (\n \n {ctaLink && ctaLabel && (\n prismicRedirect(ctaLink)}\n >\n {ctaLabel}\n \n )}\n {ios_app_store_url && (\n \n
\n )}\n \n
\n );\n};\n\nOrganizersInfoCards.propTypes = {\n title: PropTypes.string,\n classname: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nOrganizersInfoCards.defaultProps = {\n title: '',\n classname: '',\n repeatable: [],\n};\n\nexport default OrganizersInfoCards;\n","/* eslint-disable camelcase */\nimport React from 'react';\n\nimport styles from '../style.module.scss';\n\nconst FlexBulletSection = ({ title, bullet_list }) => {\n return (\n \n
\n \n
\n {structuredCards.map((card) => (\n \n
\n \n {title}\n
\n \n
\n ))}\n \n
\n );\n};\n\nexport default FlexBulletSection;\n","/* eslint-disable camelcase */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport BulletSection from './BulletSection';\nimport styles from './style.module.scss';\n\nconst BulletListHeadline = ({ singles_info, doubles_info, repeatable, classname }) => {\n return (\n \n {title}\n
\n \n \n
\n );\n};\n\nBulletListHeadline.propTypes = {\n classname: PropTypes.string,\n singles_info: PropTypes.string,\n doubles_info: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nBulletListHeadline.defaultProps = {\n classname: '',\n singles_info: '',\n doubles_info: '',\n repeatable: [],\n};\n\nexport default BulletListHeadline;\n","import React from 'react';\n\nimport styles from '../style.module.scss';\n\nconst FlexEventColumns = ({ columns }) => {\n return (\n \n
\n \n
\n \n {repeatable.map(({ title, bullet_list }) => (\n
\n \n {singles_info}\n
\n \n {doubles_info}\n
\n \n
\n );\n};\n\nexport default FlexEventColumns;\n","import React from 'react';\nimport config from '../../../../config';\n\nimport styles from '../style.module.scss';\n\nconst { appHost } = config;\n\nconst FlexEventCard = ({ id, name, memberCount, locationName, registrationStatus }) => {\n return (\n \n );\n};\n\nexport default FlexEventCard;\n","/* eslint-disable camelcase */\nimport React, { useEffect, useState } from 'react';\n\nimport config from '../../../config';\nimport SectionHeading from '../../text/SectionHeading';\nimport SectionHeadingWrapper from '../../text/SectionHeading/HeadingWrapper';\nimport LinkAnchor from '../../Links/LinkAnchor';\nimport FlexEventColumns from './FlexRegistrationColumns';\nimport FlexEventCard from './FlexClubCard';\nimport { getClubInfo } from '../../../utils/prismic';\n\nconst { appHost } = config;\n\nconst FlexEvents = ({ repeatable, classname, title, view_all_link }) => {\n const [clubs, setClubs] = useState([]);\n\n useEffect(() => {\n (async () => {\n if (repeatable?.length) {\n const clubInfo = await getClubInfo(repeatable);\n setClubs(Object.keys(clubInfo.clubInfo).map(key => clubInfo.clubInfo[key]).sort((a, b) => a.name.localeCompare(b.name)));\n }\n })();\n }, [repeatable]);\n\n return (\n \n {columns[0]}\n
\n \n {columns[1]}\n
\n \n {columns[2]}\n
\n \n {columns[3]}\n
\n \n \n View All }\n \n
\n );\n};\n\nexport default FlexEvents;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './pageTitle.module.scss';\n\nconst PageTitle = ({ title, subtitle, classname, align, subtitle_color }) => {\n return (\n \n \n
\n );\n};\n\nPageTitle.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n classname: PropTypes.string,\n align: PropTypes.string,\n subtitle_color: PropTypes.string,\n};\n\nPageTitle.defaultProps = {\n title: '',\n subtitle: '',\n classname: '',\n align: 'left',\n subtitle_color: 'black',\n};\n\n\nexport default PageTitle;\n","/* eslint-disable camelcase */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nconst TwoColumnTable = (props) => {\n const { title, cursive_subtitle, repeatable, classname, column_one_label, column_two_label } = props;\n return (\n {subtitle}
\n \n \n \n
\n );\n};\n\nTwoColumnTable.propTypes = {\n title: PropTypes.string,\n classname: PropTypes.string,\n cursive_subtitle: PropTypes.string,\n column_one_label: PropTypes.string,\n column_two_label: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nTwoColumnTable.defaultProps = {\n title: '',\n classname: '',\n column_one_label: '',\n column_two_label: '',\n cursive_subtitle: '',\n repeatable: [],\n};\n\nexport default TwoColumnTable;","/* eslint-disable camelcase */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\n\nconst ThreeColumnTable = (props) => {\n const { title, cursive_subtitle, repeatable, classname, column_one_label, column_two_label, column_three_label } = props;\n return (\n \n
\n {title}
\n {cursive_subtitle}
\n \n
\n \n {column_one_label && (
\n {repeatable.length > 0 && repeatable.map((row, i) => (\n {column_one_label}
)}\n {column_two_label && ({column_two_label}
)}\n \n
\n ))}\n \n
\n \n {row.column_one_text}\n
\n \n
\n \n {row.column_two_text}\n
\n \n \n \n
\n );\n};\n\nThreeColumnTable.propTypes = {\n title: PropTypes.string,\n classname: PropTypes.string,\n cursive_subtitle: PropTypes.string,\n column_one_label: PropTypes.string,\n column_two_label: PropTypes.string,\n column_three_label: PropTypes.string,\n repeatable: PropTypes.instanceOf(Array),\n};\n\nThreeColumnTable.defaultProps = {\n title: '',\n classname: '',\n column_one_label: '',\n column_two_label: '',\n column_three_label: '',\n cursive_subtitle: '',\n repeatable: [],\n};\n\nexport default ThreeColumnTable;","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './announcement.module.scss';\n\nconst Announcement = ({ text, classname, background }) => {\n return (\n \n
\n {title}
\n {cursive_subtitle}
\n \n
\n \n {column_one_label && (
\n {repeatable.length > 0 && repeatable.map((row, i) => (\n {column_one_label}
)}\n {column_two_label && ({column_two_label}
)}\n {column_three_label && ({column_three_label}
)}\n \n
\n ))}\n \n
\n \n {row.column_one_text}\n
\n \n
\n \n {row.column_two_text}\n
\n \n
\n \n {row.column_three_text}\n
\n \n
\n );\n};\n\nAnnouncement.propTypes = {\n text: PropTypes.string.isRequired,\n classname: PropTypes.string,\n background: PropTypes.string,\n};\nAnnouncement.defaultProps = {\n classname: '',\n background: '',\n};\n\nexport default Announcement;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { titleCase } from '../../../../../utils/formatting';\nimport RatingTrend from '../../../../SubRating/ratingTrendV2';\nimport Img from '../../../../Img';\n\nimport styles from '../../index.module.scss';\n\nconst RankedPlayerItem = ({\n ranking,\n name,\n firstName,\n lastName,\n gender,\n singlesVerifiedUtr,\n threeMonthRatingDisplay,\n singlesVerifiedUtrDisplay,\n state,\n threeMonthRatingChangeDetails,\n loading,\n filtersLevel,\n}) => {\n const decimalPrecision = filtersLevel === '12U' ? 1 : 2;\n return (\n \n
\n \n
\n \n \n
\n \n {!loading ? (\n \n
\n \n \n {ranking?.toString()}\n
\n \n \n {titleCase(name)}\n \n \n {firstName.charAt(0)}. {titleCase(lastName)}\n \n
\n \n \n {state ?? '-'}\n
\n \n \n {gender && gender[0]}\n
\n \n {!singlesVerifiedUtrDisplay ? singlesVerifiedUtr?.toFixed(decimalPrecision) : singlesVerifiedUtrDisplay}\n
\n \n \n \n \n ) : (\n \n
\n \n )}\n \n );\n};\n\nRankedPlayerItem.propTypes = {\n ranking: PropTypes.number,\n name: PropTypes.string,\n gender: PropTypes.string,\n singlesVerifiedUtr: PropTypes.number,\n state: PropTypes.string,\n threeMonthRating: PropTypes.number,\n};\n\nRankedPlayerItem.defaultProps = {\n ranking: null,\n name: '',\n gender: '',\n singlesVerifiedUtr: null,\n state: '',\n threeMonthRating: null,\n};\n\nexport default RankedPlayerItem;\n","import React, { useState, useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\n\nimport TabTable from '../TabTable';\nimport Select from '../TabTable/components/Select';\nimport { LinkAnchor } from '../../Links';\nimport RankedPlayerItem from '../RankingListV2/components/AustraliaRankedPlayerItem';\nimport Tabs from '../../Tabs';\n\nimport {\n fetchRankingsData,\n} from '../../../redux/actions/australia-ranked-actions';\n\nimport styles from './style.module.scss';\n\nconst tabs = [\n { name: 'U12', value: '12U' },\n { name: 'U14', value: '14U' },\n { name: 'U16', value: '16U' },\n { name: 'U18', value: '18U' },\n { name: 'Open', value: 'Open', default: true },\n];\n\nconst stateOptions = [\n { name: 'National', value: 'ALL', default: true },\n { name: 'ACT', value: 'ACT' },\n { name: 'NSW', value: 'NSW' },\n { name: 'NT', value: 'NT' },\n { name: 'QLD', value: 'QLD' },\n { name: 'SA', value: 'SA' },\n { name: 'TAS', value: 'TAS' },\n { name: 'VIC', value: 'VIC' },\n { name: 'WA', value: 'WA' },\n];\n\nconst Rankings = (props) => {\n const { players: playerList, isLoading, classname, default_level } = props;\n\n const [filters, setFilters] = useState({\n gender: 'M',\n level: default_level,\n state: 'ALL',\n });\n\n useEffect(() => {\n if (!isLoading) {\n props.fetchRankingsData({ gender: filters.gender, level: filters.level, state: filters.state });\n }\n }, []);\n\n const handleFilterChange = (updates) => {\n const updatedFilters = {\n ...filters,\n ...updates,\n changeEvent: true,\n };\n\n props.fetchRankingsData({\n gender: updatedFilters.gender,\n level: updatedFilters.level,\n state: updatedFilters.state,\n });\n\n setFilters(updatedFilters);\n };\n\n const TabSection = () => (\n <>\n \n
\n \n handleFilterChange({ state: val })}\n defaultValue={filters.state}\n />\n
\n \n );\n\n return (\n \n
\n \n handleFilterChange({ level: val })}\n activeTab={filters.level}\n />\n |\n handleFilterChange({ gender: val })}\n activeTab={filters.gender}\n />\n
\n \n
\n )}\n listItem={({ item }, i) => {\n return (\n \n
\n Ranking
\n\n
\n \n
\n \n
\n Gender
\n\n
\n State
\n\n
\n 3 Mo. Trend
\n\n
\n UTR
\n\n \n
\n );\n }}\n />\n );\n};\n\nRankings.propTypes = {\n classname: PropTypes.string,\n default_level: PropTypes.string,\n};\n\nRankings.defaultProps = {\n classname: '',\n default_level: 'Pro',\n};\n\nconst mapStateToProps = ({\n australiaRanked: {\n isLoading,\n players,\n },\n}) => ({\n isLoading,\n players,\n});\n\nconst mapDispatchToProps = {\n fetchRankingsData,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Rankings);\n","import React from 'react';\r\n\r\nimport styles from './JuniorCircuitCard.module.scss';\r\n\r\nconst JuniorCircuitCard = (props) => {\r\n const { region_label, region_value, link_copy } = props.region;\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default JuniorCircuitCard;\r\n","import React from 'react';\r\nimport moment from 'moment';\r\nimport JuniorCircuitCard from './JuniorCircuitCard';\r\n\r\nimport styles from './JuniorCircuitCard.module.scss';\r\nimport config from '../../../config';\r\n\r\nconst { appHost } = config;\r\n\r\nconst JuniorCircuitsV2 = ({ tour_tag, repeatable }) => {\r\n const searchEvents = (region) => {\r\n if (typeof window !== 'undefined') {\r\n window.location = `${appHost}/search?startDate=${moment(new Date()).format('MM/DD/YYYY')}&utrMin=1&utrMax=16&utrType=verified&utrTeamType=singles&utrFitPosition=6&type=${tour_tag}®ionSearch=true&eventRegions=${region}`;\r\n }\r\n };\r\n\r\n return (\r\n \r\n { props.searchEvents(region_value); }}\r\n >\r\n {link_copy}\r\n
\r\n )}\r\n {region_label}
\r\n {region_value && (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default JuniorCircuitsV2;\r\n","import React from 'react';\nimport styles from './video.module.scss';\n\nconst VideoComponent = props => {\n const { video_src, smalltoptitle, description, title, background } = props;\n\n return (\n \r\n
\r\n \r\n {(repeatable || []).map(region => (\r\n
\r\n \r\n
\r\n ))}\r\n \n
\n );\n};\n\nexport default VideoComponent;\n","import React from 'react';\r\nimport styles from './video.module.scss';\r\n\r\nconst VideoComponentV2 = props => {\r\n const { video_src, title, background } = props;\r\n\r\n return (\r\n \n
\n \n
\n \n
\n \n
\n \n {smalltoptitle}\n
\n \n \n {description}\n
\n \n {video_src && (\n
\n \n \n
\n )}\n \r\n
\r\n );\r\n};\r\n\r\nexport default VideoComponentV2;\r\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport HeroV2 from '../Home/HeroV2';\nimport CtaButtons from '../CardSections/CtaButtons';\nimport AdComponent from '../Ads/AdComponent';\nimport MissionStatement from '../Home/MissionStatement';\nimport InfoImagesV2 from '../Home/InfoImagesv2';\nimport TestimonialCarousel from '../Carousels/TestimonialCarousel';\nimport Spotlight from '../Home/SpotlightV2';\nimport EventsInArea from '../CardSections/EventsInAreaV2';\nimport FeaturedClubs from '../CardSections/FeaturedClubsV2';\nimport FeaturedPlayers from '../CardSections/FeaturedPlayersV2';\nimport GlobalRankingsV2 from '../Tables/GlobalRankingsV2';\nimport GlobalRankings100V2 from '../Tables/GlobalRankings100V2';\nimport GlobalSearchV2 from '../Home/GlobalSearchV2';\nimport CommunityCarousel from '../Carousels/CommunityCarousel';\nimport AdCardsCarousel from '../Carousels/AdCardsCarousel';\nimport WhiteCTA from '../CTAs/WhiteCTA';\nimport ColorCTA from '../CTAs/ColorCTA';\nimport BlackCTA from '../CTAs/BlackCTA';\nimport TiledSectionV2 from '../Home/TiledSectionV2';\nimport PartnersV2 from '../CardSections/PartnersV2';\nimport HowItWorks from '../CardSections/HowItWorks';\nimport TiledSectionBorderlessV2 from '../Home/TiledSectionBorderlessV2';\nimport FAQV2 from '../text/FAQ/faqV2';\nimport PricingTableV2 from '../Tables/PricingTable/pricingTableV2';\nimport ProductOfferings from '../CardSections/ProductOfferings';\nimport OrganizersInfoCards from '../CardSections/OrganizersInfoCards';\nimport PTNews from '../CardSections/PTNews';\nimport UpcomingEvents from '../Tables/UpcomingEvents';\nimport RecentResults from '../CardSections/RecentResults';\nimport TopRankings from '../ProTennisPage/PtsRankingList';\nimport LargeBulletCards from '../CardSections/LargeBulletCards';\nimport LargeImageCards from '../CardSections/LargeImageCards';\nimport NewsWhite from '../CardSections/NewsWhite';\nimport BulletList from '../text/BulletList';\nimport FlexEvents from '../FlexLeague/FlexEvents';\nimport Subscribe from '../Home/Subscribe';\nimport PageTitle from '../text/PageTitle';\nimport ClubLocator from '../ClubLocator';\nimport TwoColumnTable from '../Tables/TwoColumnTable';\nimport ThreeColumnTable from '../Tables/ThreeColumnTable';\nimport Announcement from '../text/Announcement';\nimport AustraliaRankings from '../Tables/AustraliaRankings';\nimport JuniorCircuitsV2 from '../CardSections/JuniorCircuitsV2';\nimport VideoComponent from '../Home/VideoComponent';\nimport VideoComponentV2 from '../Home/VideoComponentV2';\n\nimport featureFlags from '../../flagContainer';\n\nimport { appHost } from '../../config';\n\nconst renderComponent = ({ slice, v2PricingSections }) => {\n switch (slice.type) {\n case 'announcement':\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {video_src && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n \n
\n );\n case 'testimonials_v2':\n return \n
\n \n
\n \n
\n \n {contentSlices.map(slice => {\n if (slice.type === 'membership_table_header_v2') {\n const v2PricingSections = contentSlices.filter(s => s.type.startsWith('member_'));\n console.log('v2PricingSections', v2PricingSections);\n return renderComponent({ slice, v2PricingSections });\n }\n return renderComponent({ slice });\n })}\n
\n );\n};\n\nRenderPrismicContent.propTypes = {\n contentSlices: PropTypes.instanceOf(Array),\n};\nRenderPrismicContent.defaultProps = {\n contentSlices: {},\n};\n\nexport default RenderPrismicContent;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"moreOfferings\":\"moreOfferings_moreOfferings__1dcCf\",\"moreOfferingsCard\":\"moreOfferings_moreOfferingsCard__rlmhA\"};","import React from 'react';\nimport { geolocated } from 'react-geolocated';\nimport Geocode from 'react-geocode';\n\nimport config from '../../../config';\n\nconst { googleMapsApiKey } = config;\n\nexport const getGeocodedLocation = async (latitude, longitude) => {\n try {\n Geocode.setApiKey(googleMapsApiKey);\n const response = await Geocode.fromLatLng(latitude, longitude);\n if (response && response.results && response.results.length > 0) {\n let city; let state; let\n country;\n response.results[0].address_components.forEach(addressComponent => {\n if (addressComponent.types.includes('neighborhood')) {\n city = addressComponent.short_name;\n }\n if (addressComponent.types.includes('locality')) {\n city = addressComponent.short_name;\n }\n if (addressComponent.types.includes('administrative_area_level_1')) {\n state = addressComponent.short_name;\n }\n if (addressComponent.types.includes('country') && addressComponent.short_name !== 'US') {\n country = addressComponent.long_name;\n }\n });\n const address = `${city || ''}${city && country ? ', ' : ''}${country || ''}${state ? `, ${state}` : ''}`;\n return {\n location: address,\n lat: latitude,\n lng: longitude,\n };\n }\n return {\n location: 'My location',\n lat: latitude,\n lng: longitude,\n };\n } catch (error) {\n return {\n location: 'My location',\n lat: latitude,\n lng: longitude,\n };\n }\n};\n\nclass LocationFetch extends React.Component {\n async componentDidUpdate() {\n Geocode.setApiKey(googleMapsApiKey);\n // Grab user's current location from browser api\n if (this.props.user.geocoded === null) {\n if (!this.props.isGeolocationAvailable) {\n console.log('Your browser does not support Geolocation');\n } else if (!this.props.isGeolocationEnabled) {\n console.log('Geolocation is not enabled');\n } else if (this.props.coords) {\n console.log('lat', this.props.coords.latitude, 'lng', this.props.coords.longitude);\n const location = await getGeocodedLocation(this.props.coords.latitude, this.props.coords.longitude);\n this.props.setLocationInReducer(location);\n }\n }\n }\n\n render() {\n return ;\n }\n}\n\nexport default geolocated({\n positionOptions: {\n enableHighAccuracy: false,\n },\n suppressLocationOnMount: true,\n})(LocationFetch);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\n\nimport LocationFetch, { getGeocodedLocation } from './LocationFetch';\nimport * as actions from '../../../redux/actions/user-actions';\n\nexport default (ChildComponent) => {\n class RequestLocation extends Component {\n constructor(props) {\n super(props);\n this.innerRef = null;\n this.childRef = null;\n this.getInnerRef = this.getInnerRef.bind(this);\n this.fetchCurrentLocation = this.fetchCurrentLocation.bind(this);\n this.onLocationFetchSuccess = this.onLocationFetchSuccess.bind(this);\n this.onLocationFetchFailure = this.onLocationFetchFailure.bind(this);\n this.state = {\n locationRecieved: false,\n onLocationRecieved: null,\n };\n }\n\n async onLocationFetchSuccess(position) {\n if (!this.state.locationRecieved) {\n this.setState({\n locationRecieved: true,\n });\n const locationObject = await getGeocodedLocation(position.coords.latitude, position.coords.longitude);\n if (this.state.onLocationRecieved) {\n this.state.onLocationRecieved(locationObject);\n }\n this.props.setGeoLocation(locationObject);\n }\n }\n\n async onLocationFetchFailure() {\n if (!this.state.locationRecieved) {\n this.setState({\n locationRecieved: true,\n });\n }\n }\n\n getInnerRef(ref) {\n this.innerRef = ref;\n }\n\n fetchCurrentLocation(onLocationRecieved) {\n if (this.innerRef) {\n this.setState({\n locationRecieved: false,\n onLocationRecieved,\n });\n this.innerRef.getLocation();\n } else {\n // Fetch user location\n this.onLocationFetchFailure();\n }\n }\n\n render() {\n return (\n <>\n \" + // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.sums.text + '
';\n this.div.title = divTitle;\n this.div.style.display = '';\n }\n\n this.visible = true;\n };\n\n _proto.useStyle = function useStyle(sums) {\n this.sums = sums;\n var style = this.styles[Math.min(this.styles.length - 1, Math.max(0, sums.index - 1))];\n this.url = style.url;\n this.height = style.height;\n this.width = style.width;\n this.anchorText = style.anchorText || [0, 0];\n this.anchorIcon = style.anchorIcon || [this.height / 2, this.width / 2];\n this.textColor = style.textColor || 'black';\n this.textSize = style.textSize || 11;\n this.textDecoration = style.textDecoration || 'none';\n this.fontWeight = style.fontWeight || 'bold';\n this.fontStyle = style.fontStyle || 'normal';\n this.fontFamily = style.fontFamily || 'Arial,sans-serif';\n this.backgroundPosition = style.backgroundPosition || '0 0';\n };\n\n _proto.setCenter = function setCenter(center) {\n this.center = center;\n };\n\n _proto.createCss = function createCss(pos) {\n var style = [];\n style.push('cursor: pointer;');\n style.push('position: absolute; top: ' + pos.y + 'px; left: ' + pos.x + 'px;');\n style.push('width: ' + this.width + 'px; height: ' + this.height + 'px;');\n return style.join('');\n };\n\n _proto.getPosFromLatLng = function getPosFromLatLng(latlng) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n var pos = this.getProjection().fromLatLngToDivPixel(latlng);\n pos.x -= this.anchorIcon[1];\n pos.y -= this.anchorIcon[0]; // pos.x = pos.x\n // pos.y = pos.y\n\n return pos;\n };\n\n return ClusterIcon;\n}();\n\nvar Cluster = /*#__PURE__*/function () {\n function Cluster(markerClusterer) {\n this.markerClusterer = markerClusterer; // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n this.map = this.markerClusterer.getMap();\n this.gridSize = this.markerClusterer.getGridSize();\n this.minClusterSize = this.markerClusterer.getMinimumClusterSize();\n this.averageCenter = this.markerClusterer.getAverageCenter();\n this.markers = [];\n this.center = undefined;\n this.bounds = null;\n this.clusterIcon = new ClusterIcon(this, this.markerClusterer.getStyles());\n }\n\n var _proto = Cluster.prototype;\n\n _proto.getSize = function getSize() {\n return this.markers.length;\n };\n\n _proto.getMarkers = function getMarkers() {\n return this.markers;\n };\n\n _proto.getCenter = function getCenter() {\n return this.center;\n };\n\n _proto.getMap = function getMap() {\n return this.map;\n };\n\n _proto.getClusterer = function getClusterer() {\n return this.markerClusterer;\n };\n\n _proto.getBounds = function getBounds() {\n var bounds = new google.maps.LatLngBounds(this.center, this.center);\n var markers = this.getMarkers();\n\n for (var i = 0; i < markers.length; i++) {\n var position = markers[i].getPosition();\n\n if (position) {\n bounds.extend(position);\n }\n }\n\n return bounds;\n };\n\n _proto.remove = function remove() {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.clusterIcon.setMap(null);\n this.markers = []; // @ts-ignore\n\n delete this.markers;\n };\n\n _proto.addMarker = function addMarker(marker) {\n if (this.isMarkerAlreadyAdded(marker)) {\n return false;\n }\n\n if (!this.center) {\n var position = marker.getPosition();\n\n if (position) {\n this.center = position;\n this.calculateBounds();\n }\n } else {\n if (this.averageCenter) {\n var _position = marker.getPosition();\n\n if (_position) {\n var length = this.markers.length + 1;\n this.center = new google.maps.LatLng((this.center.lat() * (length - 1) + _position.lat()) / length, (this.center.lng() * (length - 1) + _position.lng()) / length);\n this.calculateBounds();\n }\n }\n }\n\n marker.isAdded = true;\n this.markers.push(marker);\n var mCount = this.markers.length;\n var maxZoom = this.markerClusterer.getMaxZoom();\n\n if (maxZoom !== null && this.map.getZoom() > maxZoom) {\n // Zoomed in past max zoom, so show the marker.\n if (marker.getMap() !== this.map) {\n marker.setMap(this.map);\n }\n } else if (mCount < this.minClusterSize) {\n // Min cluster size not reached so show the marker.\n if (marker.getMap() !== this.map) {\n marker.setMap(this.map);\n }\n } else if (mCount === this.minClusterSize) {\n // Hide the markers that were showing.\n for (var i = 0; i < mCount; i++) {\n this.markers[i].setMap(null);\n }\n } else {\n marker.setMap(null);\n }\n\n return true;\n };\n\n _proto.isMarkerInClusterBounds = function isMarkerInClusterBounds(marker) {\n if (this.bounds !== null) {\n var position = marker.getPosition();\n\n if (position) {\n return this.bounds.contains(position);\n }\n }\n\n return false;\n };\n\n _proto.calculateBounds = function calculateBounds() {\n this.bounds = this.markerClusterer.getExtendedBounds(new google.maps.LatLngBounds(this.center, this.center));\n };\n\n _proto.updateIcon = function updateIcon() {\n var mCount = this.markers.length;\n var maxZoom = this.markerClusterer.getMaxZoom();\n\n if (maxZoom !== null && this.map.getZoom() > maxZoom) {\n this.clusterIcon.hide();\n return;\n }\n\n if (mCount < this.minClusterSize) {\n // Min cluster size not yet reached.\n this.clusterIcon.hide();\n return;\n }\n\n if (this.center) {\n this.clusterIcon.setCenter(this.center);\n }\n\n this.clusterIcon.useStyle(this.markerClusterer.getCalculator()(this.markers, this.markerClusterer.getStyles().length));\n this.clusterIcon.show();\n };\n\n _proto.isMarkerAlreadyAdded = function isMarkerAlreadyAdded(marker) {\n if (this.markers.includes) {\n return this.markers.includes(marker);\n } else {\n for (var i = 0; i < this.markers.length; i++) {\n if (marker === this.markers[i]) {\n return true;\n }\n }\n }\n\n return false;\n };\n\n return Cluster;\n}();\n\n/* global google */\n\nvar CALCULATOR = function CALCULATOR(markers, numStyles) {\n var index = 0;\n var title = '';\n var count = markers.length.toString();\n var dv = count;\n\n while (dv !== 0) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n dv = parseInt(dv, 10) / 10;\n index++;\n }\n\n index = Math.min(index, numStyles);\n return {\n text: count,\n index: index,\n title: title\n };\n};\n\nvar BATCH_SIZE = 2000;\nvar BATCH_SIZE_IE = 500;\nvar IMAGE_PATH = 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m';\nvar IMAGE_EXTENSION = 'png';\nvar IMAGE_SIZES = [53, 56, 66, 78, 90];\nvar CLUSTERER_CLASS = 'cluster';\nvar Clusterer = /*#__PURE__*/function () {\n function Clusterer(map, optMarkers, optOptions) {\n if (optMarkers === void 0) {\n optMarkers = [];\n }\n\n if (optOptions === void 0) {\n optOptions = {};\n }\n\n this.extend(Clusterer, google.maps.OverlayView);\n this.markers = [];\n this.clusters = [];\n this.listeners = [];\n this.activeMap = null;\n this.ready = false;\n this.gridSize = optOptions.gridSize || 60;\n this.minClusterSize = optOptions.minimumClusterSize || 2;\n this.maxZoom = optOptions.maxZoom || null;\n this.styles = optOptions.styles || [];\n this.title = optOptions.title || '';\n this.zoomOnClick = true;\n\n if (optOptions.zoomOnClick !== undefined) {\n this.zoomOnClick = optOptions.zoomOnClick;\n }\n\n this.averageCenter = false;\n\n if (optOptions.averageCenter !== undefined) {\n this.averageCenter = optOptions.averageCenter;\n }\n\n this.ignoreHidden = false;\n\n if (optOptions.ignoreHidden !== undefined) {\n this.ignoreHidden = optOptions.ignoreHidden;\n }\n\n this.enableRetinaIcons = false;\n\n if (optOptions.enableRetinaIcons !== undefined) {\n this.enableRetinaIcons = optOptions.enableRetinaIcons;\n }\n\n this.imagePath = optOptions.imagePath || IMAGE_PATH;\n this.imageExtension = optOptions.imageExtension || IMAGE_EXTENSION;\n this.imageSizes = optOptions.imageSizes || IMAGE_SIZES;\n this.calculator = optOptions.calculator || CALCULATOR;\n this.batchSize = optOptions.batchSize || BATCH_SIZE;\n this.batchSizeIE = optOptions.batchSizeIE || BATCH_SIZE_IE;\n this.clusterClass = optOptions.clusterClass || CLUSTERER_CLASS;\n\n if (navigator.userAgent.toLowerCase().indexOf('msie') !== -1) {\n // Try to avoid IE timeout when processing a huge number of markers:\n this.batchSize = this.batchSizeIE;\n }\n\n this.timerRefStatic = null;\n this.setupStyles();\n this.addMarkers(optMarkers, true); // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n this.setMap(map); // Note: this causes onAdd to be called\n }\n\n var _proto = Clusterer.prototype;\n\n _proto.onAdd = function onAdd() {\n var _this = this;\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.activeMap = this.getMap();\n this.ready = true;\n this.repaint(); // Add the map event listeners\n\n this.listeners = [google.maps.event.addListener( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap(), 'zoom_changed', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n _this.resetViewport(false); // Workaround for this Google bug: when map is at level 0 and \"-\" of\n // zoom slider is clicked, a \"zoom_changed\" event is fired even though\n // the map doesn't zoom out any further. In this situation, no \"idle\"\n // event is triggered so the cluster markers that have been removed\n // do not get redrawn. Same goes for a zoom in at maxZoom.\n\n\n if ( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n _this.getMap().getZoom() === (_this.get('minZoom') || 0) || // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n _this.getMap().getZoom() === _this.get('maxZoom')) {\n google.maps.event.trigger(_this, 'idle');\n }\n }), google.maps.event.addListener( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap(), 'idle', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n _this.redraw();\n })];\n } // eslint-disable-next-line @getify/proper-arrows/this\n ;\n\n _proto.onRemove = function onRemove() {\n // Put all the managed markers back on the map:\n for (var i = 0; i < this.markers.length; i++) {\n if (this.markers[i].getMap() !== this.activeMap) {\n this.markers[i].setMap(this.activeMap);\n }\n } // Remove all clusters:\n\n\n for (var _i = 0; _i < this.clusters.length; _i++) {\n this.clusters[_i].remove();\n }\n\n this.clusters = []; // Remove map event listeners:\n\n for (var _i2 = 0; _i2 < this.listeners.length; _i2++) {\n google.maps.event.removeListener(this.listeners[_i2]);\n }\n\n this.listeners = [];\n this.activeMap = null;\n this.ready = false;\n } // eslint-disable-next-line @typescript-eslint/no-empty-function\n ;\n\n _proto.draw = function draw() {};\n\n _proto.setupStyles = function setupStyles() {\n if (this.styles.length > 0) {\n return;\n }\n\n for (var i = 0; i < this.imageSizes.length; i++) {\n this.styles.push({\n url: this.imagePath + (i + 1) + '.' + this.imageExtension,\n height: this.imageSizes[i],\n width: this.imageSizes[i]\n });\n }\n };\n\n _proto.fitMapToMarkers = function fitMapToMarkers() {\n var markers = this.getMarkers();\n var bounds = new google.maps.LatLngBounds();\n\n for (var i = 0; i < markers.length; i++) {\n var position = markers[i].getPosition();\n\n if (position) {\n bounds.extend(position);\n }\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n this.getMap().fitBounds(bounds);\n };\n\n _proto.getGridSize = function getGridSize() {\n return this.gridSize;\n };\n\n _proto.setGridSize = function setGridSize(gridSize) {\n this.gridSize = gridSize;\n };\n\n _proto.getMinimumClusterSize = function getMinimumClusterSize() {\n return this.minClusterSize;\n };\n\n _proto.setMinimumClusterSize = function setMinimumClusterSize(minimumClusterSize) {\n this.minClusterSize = minimumClusterSize;\n };\n\n _proto.getMaxZoom = function getMaxZoom() {\n return this.maxZoom;\n };\n\n _proto.setMaxZoom = function setMaxZoom(maxZoom) {\n this.maxZoom = maxZoom;\n };\n\n _proto.getStyles = function getStyles() {\n return this.styles;\n };\n\n _proto.setStyles = function setStyles(styles) {\n this.styles = styles;\n };\n\n _proto.getTitle = function getTitle() {\n return this.title;\n };\n\n _proto.setTitle = function setTitle(title) {\n this.title = title;\n };\n\n _proto.getZoomOnClick = function getZoomOnClick() {\n return this.zoomOnClick;\n };\n\n _proto.setZoomOnClick = function setZoomOnClick(zoomOnClick) {\n this.zoomOnClick = zoomOnClick;\n };\n\n _proto.getAverageCenter = function getAverageCenter() {\n return this.averageCenter;\n };\n\n _proto.setAverageCenter = function setAverageCenter(averageCenter) {\n this.averageCenter = averageCenter;\n };\n\n _proto.getIgnoreHidden = function getIgnoreHidden() {\n return this.ignoreHidden;\n };\n\n _proto.setIgnoreHidden = function setIgnoreHidden(ignoreHidden) {\n this.ignoreHidden = ignoreHidden;\n };\n\n _proto.getEnableRetinaIcons = function getEnableRetinaIcons() {\n return this.enableRetinaIcons;\n };\n\n _proto.setEnableRetinaIcons = function setEnableRetinaIcons(enableRetinaIcons) {\n this.enableRetinaIcons = enableRetinaIcons;\n };\n\n _proto.getImageExtension = function getImageExtension() {\n return this.imageExtension;\n };\n\n _proto.setImageExtension = function setImageExtension(imageExtension) {\n this.imageExtension = imageExtension;\n };\n\n _proto.getImagePath = function getImagePath() {\n return this.imagePath;\n };\n\n _proto.setImagePath = function setImagePath(imagePath) {\n this.imagePath = imagePath;\n };\n\n _proto.getImageSizes = function getImageSizes() {\n return this.imageSizes;\n };\n\n _proto.setImageSizes = function setImageSizes(imageSizes) {\n this.imageSizes = imageSizes;\n };\n\n _proto.getCalculator = function getCalculator() {\n return this.calculator;\n };\n\n _proto.setCalculator = function setCalculator(calculator) {\n this.calculator = calculator;\n };\n\n _proto.getBatchSizeIE = function getBatchSizeIE() {\n return this.batchSizeIE;\n };\n\n _proto.setBatchSizeIE = function setBatchSizeIE(batchSizeIE) {\n this.batchSizeIE = batchSizeIE;\n };\n\n _proto.getClusterClass = function getClusterClass() {\n return this.clusterClass;\n };\n\n _proto.setClusterClass = function setClusterClass(clusterClass) {\n this.clusterClass = clusterClass;\n };\n\n _proto.getMarkers = function getMarkers() {\n return this.markers;\n };\n\n _proto.getTotalMarkers = function getTotalMarkers() {\n return this.markers.length;\n };\n\n _proto.getClusters = function getClusters() {\n return this.clusters;\n };\n\n _proto.getTotalClusters = function getTotalClusters() {\n return this.clusters.length;\n };\n\n _proto.addMarker = function addMarker(marker, optNoDraw) {\n this.pushMarkerTo(marker);\n\n if (!optNoDraw) {\n this.redraw();\n }\n };\n\n _proto.addMarkers = function addMarkers(markers, optNoDraw) {\n for (var key in markers) {\n if (markers.hasOwnProperty(key)) {\n this.pushMarkerTo(markers[key]);\n }\n }\n\n if (!optNoDraw) {\n this.redraw();\n }\n };\n\n _proto.pushMarkerTo = function pushMarkerTo(marker) {\n var _this2 = this;\n\n // If the marker is draggable add a listener so we can update the clusters on the dragend:\n if (marker.getDraggable()) {\n // eslint-disable-next-line @getify/proper-arrows/name, @getify/proper-arrows/this\n google.maps.event.addListener(marker, 'dragend', function () {\n if (_this2.ready) {\n marker.isAdded = false;\n\n _this2.repaint();\n }\n });\n }\n\n marker.isAdded = false;\n this.markers.push(marker);\n };\n\n _proto.removeMarker_ = function removeMarker_(marker) {\n var index = -1;\n\n if (this.markers.indexOf) {\n index = this.markers.indexOf(marker);\n } else {\n for (var i = 0; i < this.markers.length; i++) {\n if (marker === this.markers[i]) {\n index = i;\n break;\n }\n }\n }\n\n if (index === -1) {\n // Marker is not in our list of markers, so do nothing:\n return false;\n }\n\n marker.setMap(null);\n this.markers.splice(index, 1); // Remove the marker from the list of managed markers\n\n return true;\n };\n\n _proto.removeMarker = function removeMarker(marker, optNoDraw) {\n var removed = this.removeMarker_(marker);\n\n if (!optNoDraw && removed) {\n this.repaint();\n }\n\n return removed;\n };\n\n _proto.removeMarkers = function removeMarkers(markers, optNoDraw) {\n var removed = false;\n\n for (var i = 0; i < markers.length; i++) {\n removed = removed || this.removeMarker_(markers[i]);\n }\n\n if (!optNoDraw && removed) {\n this.repaint();\n }\n\n return removed;\n };\n\n _proto.clearMarkers = function clearMarkers() {\n this.resetViewport(true);\n this.markers = [];\n };\n\n _proto.repaint = function repaint() {\n var oldClusters = this.clusters.slice();\n this.clusters = [];\n this.resetViewport(false);\n this.redraw(); // Remove the old clusters.\n // Do it in a timeout to prevent blinking effect.\n\n setTimeout(function timeout() {\n for (var i = 0; i < oldClusters.length; i++) {\n oldClusters[i].remove();\n }\n }, 0);\n };\n\n _proto.getExtendedBounds = function getExtendedBounds(bounds) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n var projection = this.getProjection(); // Convert the points to pixels and the extend out by the grid size.\n\n var trPix = projection.fromLatLngToDivPixel( // Turn the bounds into latlng.\n new google.maps.LatLng(bounds.getNorthEast().lat(), bounds.getNorthEast().lng()));\n trPix.x += this.gridSize;\n trPix.y -= this.gridSize;\n var blPix = projection.fromLatLngToDivPixel( // Turn the bounds into latlng.\n new google.maps.LatLng(bounds.getSouthWest().lat(), bounds.getSouthWest().lng()));\n blPix.x -= this.gridSize;\n blPix.y += this.gridSize; // Extend the bounds to contain the new bounds.\n\n bounds.extend( // Convert the pixel points back to LatLng nw\n projection.fromDivPixelToLatLng(trPix));\n bounds.extend( // Convert the pixel points back to LatLng sw\n projection.fromDivPixelToLatLng(blPix));\n return bounds;\n };\n\n _proto.redraw = function redraw() {\n // Redraws all the clusters.\n this.createClusters(0);\n };\n\n _proto.resetViewport = function resetViewport(optHide) {\n // Remove all the clusters\n for (var i = 0; i < this.clusters.length; i++) {\n this.clusters[i].remove();\n }\n\n this.clusters = []; // Reset the markers to not be added and to be removed from the map.\n\n for (var _i3 = 0; _i3 < this.markers.length; _i3++) {\n var marker = this.markers[_i3];\n marker.isAdded = false;\n\n if (optHide) {\n marker.setMap(null);\n }\n }\n };\n\n _proto.distanceBetweenPoints = function distanceBetweenPoints(p1, p2) {\n var R = 6371; // Radius of the Earth in km\n\n var dLat = (p2.lat() - p1.lat()) * Math.PI / 180;\n var dLon = (p2.lng() - p1.lng()) * Math.PI / 180;\n var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(p1.lat() * Math.PI / 180) * Math.cos(p2.lat() * Math.PI / 180) * Math.sin(dLon / 2) * Math.sin(dLon / 2);\n return R * (2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)));\n };\n\n _proto.isMarkerInBounds = function isMarkerInBounds(marker, bounds) {\n var position = marker.getPosition();\n\n if (position) {\n return bounds.contains(position);\n }\n\n return false;\n };\n\n _proto.addToClosestCluster = function addToClosestCluster(marker) {\n var cluster;\n var distance = 40000; // Some large number\n\n var clusterToAddTo = null;\n\n for (var i = 0; i < this.clusters.length; i++) {\n cluster = this.clusters[i];\n var center = cluster.getCenter();\n var position = marker.getPosition();\n\n if (center && position) {\n var d = this.distanceBetweenPoints(center, position);\n\n if (d < distance) {\n distance = d;\n clusterToAddTo = cluster;\n }\n }\n }\n\n if (clusterToAddTo && clusterToAddTo.isMarkerInClusterBounds(marker)) {\n clusterToAddTo.addMarker(marker);\n } else {\n cluster = new Cluster(this);\n cluster.addMarker(marker);\n this.clusters.push(cluster);\n }\n };\n\n _proto.createClusters = function createClusters(iFirst) {\n var _this3 = this;\n\n if (!this.ready) {\n return;\n } // Cancel previous batch processing if we're working on the first batch:\n\n\n if (iFirst === 0) {\n /**\r\n * This event is fired when the Clusterer begins\r\n * clustering markers.\r\n * @name Clusterer#clusteringbegin\r\n * @param {Clusterer} mc The Clusterer whose markers are being clustered.\r\n * @event\r\n */\n google.maps.event.trigger(this, 'clusteringbegin', this);\n\n if (this.timerRefStatic !== null) {\n window.clearTimeout(this.timerRefStatic); // @ts-ignore\n\n delete this.timerRefStatic;\n }\n } // Get our current map view bounds.\n // Create a new bounds object so we don't affect the map.\n //\n // See Comments 9 & 11 on Issue 3651 relating to this workaround for a Google Maps bug:\n\n\n var mapBounds = // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap().getZoom() > 3 ? new google.maps.LatLngBounds( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap().getBounds().getSouthWest(), // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap().getBounds().getNorthEast()) : new google.maps.LatLngBounds(new google.maps.LatLng(85.02070771743472, -178.48388434375), new google.maps.LatLng(-85.08136444384544, 178.00048865625));\n var bounds = this.getExtendedBounds(mapBounds);\n var iLast = Math.min(iFirst + this.batchSize, this.markers.length);\n\n for (var i = iFirst; i < iLast; i++) {\n var marker = this.markers[i];\n\n if (!marker.isAdded && this.isMarkerInBounds(marker, bounds)) {\n if (!this.ignoreHidden || this.ignoreHidden && marker.getVisible()) {\n this.addToClosestCluster(marker);\n }\n }\n }\n\n if (iLast < this.markers.length) {\n this.timerRefStatic = window.setTimeout( // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n _this3.createClusters(iLast);\n }, 0);\n } else {\n this.timerRefStatic = null;\n /**\r\n * This event is fired when the Clusterer stops\r\n * clustering markers.\r\n * @name Clusterer#clusteringend\r\n * @param {Clusterer} mc The Clusterer whose markers are being clustered.\r\n * @event\r\n */\n\n google.maps.event.trigger(this, 'clusteringend', this);\n\n for (var _i4 = 0; _i4 < this.clusters.length; _i4++) {\n this.clusters[_i4].updateIcon();\n }\n }\n };\n\n _proto.extend = function extend(obj1, obj2) {\n return function applyExtend(object) {\n // eslint-disable-next-line guard-for-in\n for (var property in object.prototype) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.prototype[property] = object.prototype[property];\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n return this;\n }.apply(obj1, [obj2]);\n };\n\n return Clusterer;\n}();\n\nexport { Cluster, ClusterIcon, Clusterer };\n//# sourceMappingURL=markerclusterer.esm.js.map\n","var InfoBox = /*#__PURE__*/function () {\n function InfoBox(options) {\n if (options === void 0) {\n options = {};\n }\n\n this.extend(InfoBox, google.maps.OverlayView); // Standard options (in common with google.maps.InfoWindow):\n\n this.content = options.content || '';\n this.disableAutoPan = options.disableAutoPan || false;\n this.maxWidth = options.maxWidth || 0;\n this.pixelOffset = options.pixelOffset || new google.maps.Size(0, 0);\n this.position = options.position || new google.maps.LatLng(0, 0);\n this.zIndex = options.zIndex || null; // Additional options (unique to InfoBox):\n\n this.boxClass = options.boxClass || 'infoBox';\n this.boxStyle = options.boxStyle || {};\n this.closeBoxMargin = options.closeBoxMargin || '2px';\n this.closeBoxURL = options.closeBoxURL || 'http://www.google.com/intl/en_us/mapfiles/close.gif';\n\n if (options.closeBoxURL === '') {\n this.closeBoxURL = '';\n }\n\n this.infoBoxClearance = options.infoBoxClearance || new google.maps.Size(1, 1);\n\n if (typeof options.visible === 'undefined') {\n if (typeof options.isHidden === 'undefined') {\n options.visible = true;\n } else {\n options.visible = !options.isHidden;\n }\n }\n\n this.isHidden = !options.visible;\n this.alignBottom = options.alignBottom || false;\n this.pane = options.pane || 'floatPane';\n this.enableEventPropagation = options.enableEventPropagation || false;\n this.div = null;\n this.closeListener = null;\n this.moveListener = null;\n this.mapListener = null;\n this.contextListener = null;\n this.eventListeners = null;\n this.fixedWidthSet = null;\n }\n\n var _proto = InfoBox.prototype;\n\n _proto.createInfoBoxDiv = function createInfoBoxDiv() {\n var _this = this;\n\n // This handler prevents an event in the InfoBox from being passed on to the map.\n function cancelHandler(event) {\n event.cancelBubble = true;\n\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n } // This handler ignores the current event in the InfoBox and conditionally prevents\n // the event from being passed on to the map. It is used for the contextmenu event.\n // eslint-disable-next-line @getify/proper-arrows/this\n\n\n var ignoreHandler = function ignoreHandler(event) {\n event.returnValue = false;\n\n if (event.preventDefault) {\n event.preventDefault();\n }\n\n if (!_this.enableEventPropagation) {\n cancelHandler(event);\n }\n };\n\n if (!this.div) {\n this.div = document.createElement('div');\n this.setBoxStyle();\n\n if (typeof this.content === 'string') {\n this.div.innerHTML = this.getCloseBoxImg() + this.content;\n } else {\n this.div.innerHTML = this.getCloseBoxImg();\n this.div.appendChild(this.content);\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n var panes = this.getPanes();\n panes[this.pane].appendChild(this.div); // Add the InfoBox div to the DOM\n\n this.addClickHandler();\n\n if (this.div.style.width) {\n this.fixedWidthSet = true;\n } else {\n if (this.maxWidth !== 0 && this.div.offsetWidth > this.maxWidth) {\n this.div.style.width = this.maxWidth + 'px';\n this.fixedWidthSet = true;\n } else {\n // The following code is needed to overcome problems with MSIE\n var bw = this.getBoxWidths();\n this.div.style.width = this.div.offsetWidth - bw.left - bw.right + 'px';\n this.fixedWidthSet = false;\n }\n }\n\n this.panBox(this.disableAutoPan);\n\n if (!this.enableEventPropagation) {\n this.eventListeners = []; // Cancel event propagation.\n // Note: mousemove not included (to resolve Issue 152)\n\n var events = ['mousedown', 'mouseover', 'mouseout', 'mouseup', 'click', 'dblclick', 'touchstart', 'touchend', 'touchmove'];\n\n for (var i = 0; i < events.length; i++) {\n this.eventListeners.push(google.maps.event.addDomListener(this.div, events[i], cancelHandler));\n } // Workaround for Google bug that causes the cursor to change to a pointer\n // when the mouse moves over a marker underneath InfoBox.\n\n\n this.eventListeners.push(google.maps.event.addDomListener(this.div, 'mouseover', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n if (_this.div) {\n _this.div.style.cursor = 'default';\n }\n }));\n }\n\n this.contextListener = google.maps.event.addDomListener(this.div, 'contextmenu', ignoreHandler);\n /**\r\n * This event is fired when the DIV containing the InfoBox's content is attached to the DOM.\r\n * @name InfoBox#domready\r\n * @event\r\n */\n\n google.maps.event.trigger(this, 'domready');\n }\n };\n\n _proto.getCloseBoxImg = function getCloseBoxImg() {\n var img = '';\n\n if (this.closeBoxURL !== '') {\n img = '\n {getMarkerDisplay(activeMarker.clubId)}\n
\n \n \n SEARCH\n \n
\n );\n};\n\nexport default MapSearch;\n","import React from 'react';\n\nimport styles from './clubLocator.module.scss';\n\nconst ClubCard = (props) => {\n const { clubId } = props.clubMarker;\n\n return (\n FIND ONE NEAR YOU
\n \n
\n \n
\n \n
\n \n setLocation(e.target.value)}\n />\n
\n \n
\n \n
\n \n setDistance(e.target.value)}\n value={distance}\n >\n {distanceOptions.map((option, i) => (\n \n {`${option} ${distanceType}`}\n \n ))}\n \n
\n \n
\n );\n};\n\nexport default ClubCard;\n","import React from 'react';\n\nimport ClubCard from './ClubCard';\n\nimport styles from './clubLocator.module.scss';\n\nconst ClubsList = (props) => {\n const { activeClub } = props;\n\n return (\n \n
\n\n \n
\n \n
\n \n {props.getCardDisplay(clubId)}\n
\n \n props.onClubSelect(clubId)}\n >\n View On Map\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {props.getCardDisplay(clubId)}\n
\n \n
\n \n props.onClubSelect(clubId)}\n >\n View On Map\n \n
\n \n {props.clubMarkers.map((clubMarker, i) => (\n
\n );\n};\n\nexport default ClubsList;\n","import React, { useState, useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { find } from 'lodash';\n\nimport * as fbq from '../../lib/facebookPixel';\nimport requestLocation from '../hocs/RequestLocation';\n\nimport Map from './Map';\nimport MapSearch from './MapSearch';\nimport ClubsList from './ClubsList';\n\nimport { fetchClubs } from '../../redux/actions/club-actions';\n\nimport styles from './clubLocator.module.scss';\nimport config from '../../config';\n\nconst _ = { find };\nconst { appHost } = config;\n\nconst ClubLocator = (props) => {\n const tierTypeId = parseInt(props.tier_type_id);\n const [clubMarkers, setClubMarkers] = useState([]);\n const [activeClub, setActiveClub] = useState(null);\n const [mapLocation, setMapLocation] = useState(null);\n const [mapCenterLocation, setMapCenterLocation] = useState(null);\n\n useEffect(() => {\n props.fetchCurrentLocation();\n\n const { clubsLoaded } = props.clubs;\n if (!clubsLoaded) {\n setActiveClub(null);\n props.fetchClubs({ tierTypeId });\n }\n }, []);\n\n useEffect(() => {\n const { location, lat, lng } = props.user.geocoded || {};\n if (location) {\n setMapLocation(location);\n }\n if (lat && lng) {\n setMapCenterLocation({ lat, lng });\n setActiveClub(null);\n props.fetchClubs({ tierTypeId, lat, lng, distance: '250mi' });\n }\n }, [props.user.geocoded?.lat, props.user.geocoded?.lng, props.user.geocoded?.location]);\n\n useEffect(() => {\n const clubs = props.clubs?.clubs?.hits || [];\n const clubOrganizers = props.clubs?.clubOrganizers?.clubOrganizer || {};\n const clubLatestEvents = props.clubs?.clubLatestEvents?.hits || [];\n\n const newClubsMarkers = [];\n clubs.forEach((club) => {\n const { id, name, location } = club.source;\n const clubEvent = _.find(clubLatestEvents, { source: { club: { id } } });\n const clubOrganizer = clubOrganizers[id] || null;\n newClubsMarkers.push({\n clubId: id,\n club: club.source,\n clubOrganizer,\n clubEvent: clubEvent?.source,\n title: name,\n position: {\n lat: location.latLng[0],\n lng: location.latLng[1],\n },\n });\n });\n setClubMarkers(newClubsMarkers);\n }, [props.clubs.clubs, props.clubs.clubLatestEvents, props.clubs.clubOrganizers]);\n\n const markerClick = (marker) => {\n const { club } = marker;\n setActiveClub(marker);\n fbq.customEvent('Map_Club_Marker_Click', { clubId: club.id, clubName: club.name });\n };\n\n const onClubSelect = (clubId) => {\n const newActiveClub = _.find(clubMarkers, { clubId });\n setActiveClub(newActiveClub);\n };\n\n const onSearchClick = async ({ lat, lng, distance, location }) => {\n setMapCenterLocation({ lat, lng });\n setActiveClub(null);\n fbq.event('Search', { search_string: location });\n props.fetchClubs({ tierTypeId, lat, lng, distance });\n };\n\n const onMapClubNameSelected = (name, id) => {\n fbq.customEvent('Map_Club_Name_Click', { clubName: name, clubId: id });\n };\n\n const onMapClubContactSelected = () => {\n fbq.event('Contact');\n };\n\n const onMapClubEventRegisterSelected = (eventId, eventName) => {\n fbq.customEvent('Map_Club_Event_Registration_Click', { eventId, eventName });\n };\n\n const getMarkerDisplay = (clubId) => {\n if (!clubId) {\n return <>;\n }\n\n const marker = _.find(clubMarkers, { clubId });\n const { club, clubOrganizer, clubEvent } = marker;\n const { id, name, memberCount } = club;\n const { id: eventId, name: eventName, eventSchedule } = clubEvent || {};\n return (\n <>\n \n onMapClubNameSelected(name, id)} target=\"_blank\" rel=\"noopener noreferrer\">{name}, {memberCount} Members\n
\n {clubOrganizer && (\n \n Contact: onMapClubContactSelected()} target=\"_blank\" rel=\"noopener noreferrer\">{clubOrganizer.email}\n
\n )}\n {clubEvent && (\n <>\n \n Register Now for {eventSchedule.eventStartShort} Session\n
\n onMapClubEventRegisterSelected(eventId, eventName)} target=\"_blank\" rel=\"noopener noreferrer\">{eventName}\n \n )}\n \n );\n };\n\n return (\n \n
\n );\n};\n\nfunction mapDispatchToProps(dispatch) {\n return {\n fetchClubs: ({ tierTypeId, lat, lng, distance }) => {\n dispatch(fetchClubs({ tierTypeId, lat, lng, distance }));\n },\n };\n}\n\nfunction mapStateToProps({ user, clubs }) {\n return { user, clubs };\n}\n\nexport default requestLocation(connect(mapStateToProps, mapDispatchToProps)(ClubLocator));\n","\"use strict\";var regeneratorRuntime = require(\"regenerator-runtime\");function asyncGeneratorStep(e,r,n,t,o,a,c){try{var s=e[a](c),u=s.value}catch(e){return void n(e)}s.done?r(u):Promise.resolve(u).then(t,o)}function _asyncToGenerator(e){return function(){var r=this,n=arguments;return new Promise(function(t,o){var a=e.apply(r,n);function c(e){asyncGeneratorStep(a,t,o,c,s,\"next\",e)}function s(e){asyncGeneratorStep(a,t,o,c,s,\"throw\",e)}c(void 0)})}}Object.defineProperty(exports,\"__esModule\",{value:!0}),exports.default=void 0;var DEBUG=!1,API_KEY=null,LANGUAGE=\"en\",REGION=null,LOCATION_TYPE=null,GOOGLE_API=\"https://maps.googleapis.com/maps/api/geocode/json\";function log(e){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];DEBUG&&(r?console.warn(e):console.log(e))}function handleUrl(e){return _handleUrl.apply(this,arguments)}function _handleUrl(){return(_handleUrl=_asyncToGenerator(regeneratorRuntime.mark(function e(r){var n,t;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch(r).catch(function(){return Promise.reject(new Error(\"Error fetching data\"))});case 2:return n=e.sent,e.next=5,n.json().catch(function(){return log(\"Error parsing server response\"),Promise.reject(new Error(\"Error parsing server response\"))});case 5:if(\"OK\"!==(t=e.sent).status){e.next=9;break}return log(t),e.abrupt(\"return\",t);case 9:return log(\"\".concat(t.error_message,\".\\nServer returned status code \").concat(t.status),!0),e.abrupt(\"return\",Promise.reject(new Error(\"\".concat(t.error_message,\".\\nServer returned status code \").concat(t.status))));case 11:case\"end\":return e.stop()}},e)}))).apply(this,arguments)}var _default={setApiKey:function(apiKey){API_KEY=apiKey},setLanguage:function(language){LANGUAGE=language},setRegion:function(region){REGION=region},setLocationType:function(locationType){LOCATION_TYPE=locationType},enableDebug:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];DEBUG=e},fromLatLng:function(lat,lng,apiKey,language,region,locationType){return _asyncToGenerator(regeneratorRuntime.mark(function a(){var c,s;return regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:if(lat&&lng){a.next=3;break}return log(\"Provided coordinates are invalid\",!0),a.abrupt(\"return\",Promise.reject(new Error(\"Provided coordinates are invalid\")));case 3:return c=\"\".concat(lat,\",\").concat(lng),s=\"\".concat(GOOGLE_API,\"?latlng=\").concat(encodeURIComponent(c)),(apiKey||API_KEY)&&(s+=\"&key=\".concat(API_KEY=apiKey||API_KEY)),(language||LANGUAGE)&&(s+=\"&language=\".concat(LANGUAGE=language||LANGUAGE)),(region||REGION)&&(REGION=region||REGION,s+=\"®ion=\".concat(encodeURIComponent(REGION))),(locationType||LOCATION_TYPE)&&(LOCATION_TYPE=locationType||LOCATION_TYPE,s+=\"&location_type=\".concat(encodeURIComponent(LOCATION_TYPE))),a.abrupt(\"return\",handleUrl(s));case 9:case\"end\":return a.stop()}},a)}))()},fromAddress:function(address,apiKey,language,region){return _asyncToGenerator(regeneratorRuntime.mark(function o(){var a;return regeneratorRuntime.wrap(function(o){for(;;)switch(o.prev=o.next){case 0:if(address){o.next=3;break}return log(\"Provided address is invalid\",!0),o.abrupt(\"return\",Promise.reject(new Error(\"Provided address is invalid\")));case 3:return a=\"\".concat(GOOGLE_API,\"?address=\").concat(encodeURIComponent(address)),(apiKey||API_KEY)&&(a+=\"&key=\".concat(API_KEY=apiKey||API_KEY)),(language||LANGUAGE)&&(a+=\"&language=\".concat(LANGUAGE=language||LANGUAGE)),(region||REGION)&&(REGION=region||REGION,a+=\"®ion=\".concat(encodeURIComponent(REGION))),o.abrupt(\"return\",handleUrl(a));case 8:case\"end\":return o.stop()}},o)}))()}};exports.default=_default;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"tiledSection_gradient-bg5__1pG7-\",\"theme-v2\":\"tiledSection_theme-v2__1MFQN\",\"home-background\":\"tiledSection_home-background__1Ds80\",\"players-background\":\"tiledSection_players-background__3BT4p\",\"organizers-background\":\"tiledSection_organizers-background__38MV7\",\"protennis-background\":\"tiledSection_protennis-background__2ByQe\",\"rankings-background\":\"tiledSection_rankings-background__ZV2fy\",\"tiledSectionsWrapper\":\"tiledSection_tiledSectionsWrapper__3ylXL\",\"sectionWrapper\":\"tiledSection_sectionWrapper__ZOh60\",\"textWrapper\":\"tiledSection_textWrapper__fEgvz\",\"title\":\"tiledSection_title__3q5WF\",\"subtitle\":\"tiledSection_subtitle__2dztA\",\"caption\":\"tiledSection_caption__ytTxa\",\"imageWrapper\":\"tiledSection_imageWrapper__15TDy\",\"background\":\"tiledSection_background__LG10k\",\"foreground\":\"tiledSection_foreground__2k1q-\",\"image\":\"tiledSection_image__16I0y\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradient-bg5\":\"announcement_gradient-bg5__2nkRr\",\"theme-v2\":\"announcement_theme-v2__1gpQ8\",\"home-background\":\"announcement_home-background__176qh\",\"players-background\":\"announcement_players-background__-UsmB\",\"organizers-background\":\"announcement_organizers-background__2c_JJ\",\"protennis-background\":\"announcement_protennis-background__1Axm6\",\"rankings-background\":\"announcement_rankings-background__31bH9\",\"announcement\":\"announcement_announcement__2-EXm\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"appStoreButton\":\"appStoreButton_appStoreButton__tNZD9\"};","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './carouselButton.module.scss';\n\nconst CarouselButton = ({ onClick, direction }) => {\n return (\n \n
\n Flex Leagues
\n\n
\n \n
\n \n \n
\n );\n};\n\nPropTypes.propTypes = {\n onClick: PropTypes.func.isRequired,\n direction: PropTypes.string.isRequired,\n};\n\nexport default CarouselButton;\n","import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport SlickCarousel from 'react-slick';\n\nimport SectionHeading from '../text/SectionHeading';\nimport CarouselButton from './components/CarouselButton';\n\nimport styles from './carousel.module.scss';\n\nconst Carousel = ({ slidesToShow, header, slideData, SlideComponent, className, customConfig }) => {\n const slider = useRef(null);\n\n const handleNext = () => {\n slider.current.slickNext();\n };\n\n const handlePrev = () => {\n slider.current.slickPrev();\n };\n\n return (\n \n {header && (\n
\n );\n};\n\nCarousel.propTypes = {\n header: PropTypes.string,\n slideData: PropTypes.instanceOf(Array).isRequired,\n SlideComponent: PropTypes.func.isRequired,\n slidesToShow: PropTypes.number,\n customConfig: PropTypes.instanceOf(Object),\n};\n\nCarousel.defaultProps = {\n header: null,\n slidesToShow: 1,\n customConfig: {},\n};\n\nexport default Carousel;\n","\"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.geoPropTypes = exports.geolocated = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar getDisplayName = function getDisplayName(WrappedComponent) {\n return \"Geolocated(\".concat(WrappedComponent.displayName || WrappedComponent.name || \"Component\", \")\");\n};\n\nvar geolocated = function geolocated() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref$positionOptions = _ref.positionOptions,\n positionOptions = _ref$positionOptions === void 0 ? {\n enableHighAccuracy: true,\n maximumAge: 0,\n timeout: Infinity\n } : _ref$positionOptions,\n _ref$isOptimisticGeol = _ref.isOptimisticGeolocationEnabled,\n isOptimisticGeolocationEnabled = _ref$isOptimisticGeol === void 0 ? true : _ref$isOptimisticGeol,\n _ref$userDecisionTime = _ref.userDecisionTimeout,\n userDecisionTimeout = _ref$userDecisionTime === void 0 ? null : _ref$userDecisionTime,\n _ref$suppressLocation = _ref.suppressLocationOnMount,\n suppressLocationOnMount = _ref$suppressLocation === void 0 ? false : _ref$suppressLocation,\n _ref$watchPosition = _ref.watchPosition,\n watchPosition = _ref$watchPosition === void 0 ? false : _ref$watchPosition,\n _ref$geolocationProvi = _ref.geolocationProvider,\n geolocationProvider = _ref$geolocationProvi === void 0 ? typeof navigator !== \"undefined\" && navigator.geolocation : _ref$geolocationProvi;\n\n return function (WrappedComponent) {\n var result = /*#__PURE__*/function (_Component) {\n _inherits(Geolocated, _Component);\n\n var _super = _createSuper(Geolocated);\n\n function Geolocated() {\n var _this;\n\n _classCallCheck(this, Geolocated);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _super.call.apply(_super, [this].concat(args));\n\n _defineProperty(_assertThisInitialized(_this), \"isCurrentlyMounted\", false);\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n coords: null,\n timestamp: null,\n isGeolocationAvailable: Boolean(geolocationProvider),\n isGeolocationEnabled: isOptimisticGeolocationEnabled,\n positionError: null\n });\n\n _defineProperty(_assertThisInitialized(_this), \"cancelUserDecisionTimeout\", function () {\n if (_this.userDecisionTimeoutId) {\n clearTimeout(_this.userDecisionTimeoutId);\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onPositionError\", function (positionError) {\n _this.cancelUserDecisionTimeout();\n\n if (_this.isCurrentlyMounted) {\n _this.setState({\n coords: null,\n isGeolocationEnabled: false,\n positionError: positionError\n });\n }\n\n if (_this.props.onError) {\n _this.props.onError(positionError);\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onPositionSuccess\", function (position) {\n _this.cancelUserDecisionTimeout();\n\n if (_this.isCurrentlyMounted) {\n _this.setState({\n coords: position.coords,\n timestamp: position.timestamp,\n isGeolocationEnabled: true,\n positionError: null\n });\n }\n\n if (_this.props.onSuccess) {\n _this.props.onSuccess(position);\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"getLocation\", function () {\n if (!geolocationProvider || !geolocationProvider.getCurrentPosition || !geolocationProvider.watchPosition) {\n throw new Error(\"The provided geolocation provider is invalid\");\n }\n\n var funcPosition = (watchPosition ? geolocationProvider.watchPosition : geolocationProvider.getCurrentPosition).bind(geolocationProvider);\n\n if (userDecisionTimeout) {\n _this.userDecisionTimeoutId = setTimeout(function () {\n _this.onPositionError();\n }, userDecisionTimeout);\n }\n\n _this.watchId = funcPosition(_this.onPositionSuccess, _this.onPositionError, positionOptions);\n });\n\n return _this;\n }\n\n _createClass(Geolocated, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.isCurrentlyMounted = true;\n\n if (!suppressLocationOnMount) {\n this.getLocation();\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.isCurrentlyMounted = false;\n this.cancelUserDecisionTimeout();\n\n if (watchPosition) {\n geolocationProvider.clearWatch(this.watchId);\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n return /*#__PURE__*/_react[\"default\"].createElement(WrappedComponent, _extends({}, this.state, this.props));\n }\n }]);\n\n return Geolocated;\n }(_react.Component);\n\n result.displayName = getDisplayName(WrappedComponent);\n result.propTypes = {\n onError: _propTypes[\"default\"].func,\n onSuccess: _propTypes[\"default\"].func\n };\n return result;\n };\n};\n\nexports.geolocated = geolocated;\nvar geoPropTypes = {\n coords: _propTypes[\"default\"].shape({\n latitude: _propTypes[\"default\"].number,\n longitude: _propTypes[\"default\"].number,\n altitude: _propTypes[\"default\"].number,\n accuracy: _propTypes[\"default\"].number,\n altitudeAccuracy: _propTypes[\"default\"].number,\n heading: _propTypes[\"default\"].number,\n speed: _propTypes[\"default\"].number\n }),\n timestamp: _propTypes[\"default\"].number,\n isGeolocationAvailable: _propTypes[\"default\"].bool,\n isGeolocationEnabled: _propTypes[\"default\"].bool,\n positionError: _propTypes[\"default\"].shape({\n code: _propTypes[\"default\"].oneOf([1, 2, 3]),\n message: _propTypes[\"default\"].string\n }),\n watchPosition: _propTypes[\"default\"].bool\n};\nexports.geoPropTypes = geoPropTypes;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"spotlightChart\":\"spotlight_spotlightChart__36glm\",\"spotlightCard\":\"spotlight_spotlightCard__1MG8e\",\"spotlightChartDesc\":\"spotlight_spotlightChartDesc__19FES\"};"],"sourceRoot":""}\n
\n )}\n \n
\n \n \n {!!slideData?.length && slideData.map((slide, i) => (\n
\n \n
\n