update(name, event.value || event.target.value)}\n plain\n focusIndicator={false}\n {...rest}\n />\n );\n };\n\n render() {\n const {\n children,\n component,\n error,\n focus,\n help,\n htmlFor,\n label,\n name,\n pad,\n required,\n style,\n theme,\n validate,\n } = this.props;\n const { formField } = theme;\n const { border } = formField;\n\n return (\n \n {context => {\n let normalizedError = error;\n let contents = children;\n\n if (context) {\n const { addValidation, errors, value, update, messages } = context;\n addValidation(name, validateField(required, validate, messages));\n normalizedError = error || errors[name];\n contents = children || this.renderChildren(value, update);\n }\n\n if (pad) {\n contents = (\n \n {contents}\n \n );\n }\n\n let borderColor;\n if (focus) {\n borderColor = 'focus';\n } else if (normalizedError) {\n borderColor = (border && border.error.color) || 'status-critical';\n } else {\n borderColor = (border && border.color) || 'border';\n }\n let abut;\n let outerStyle = style;\n\n if (border) {\n const normalizedChildren = children\n ? Children.map(children, child => {\n if (child) {\n return cloneElement(child, {\n plain: true,\n focusIndicator: false,\n });\n }\n return child;\n })\n : contents;\n\n contents = (\n {\n this.childContainerRef = ref;\n }}\n border={\n border.position === 'inner'\n ? {\n ...border,\n side: border.side || 'bottom',\n color: borderColor,\n }\n : undefined\n }\n >\n {normalizedChildren}\n \n );\n\n abut =\n border.position === 'outer' &&\n (border.side === 'all' ||\n border.side === 'horizontal' ||\n !border.side);\n if (abut) {\n // marginBottom is set to overlap adjacent fields\n let marginBottom = '-1px';\n if (border.size) {\n marginBottom = `-${parseMetricToNum(\n theme.global.borderSize[border.size],\n )}px`;\n }\n outerStyle = {\n position: focus ? 'relative' : undefined,\n marginBottom,\n zIndex: focus ? 10 : undefined,\n ...style,\n };\n }\n }\n\n return (\n \n {(label && component !== CheckBox) || help ? (\n \n {label && component !== CheckBox ? (\n \n {label}\n \n ) : (\n undefined\n )}\n {help ? (\n \n {help}\n \n ) : (\n undefined\n )}\n \n ) : (\n undefined\n )}\n {contents}\n {normalizedError ? (\n \n \n {normalizedError}\n \n \n ) : (\n undefined\n )}\n \n );\n }}\n \n );\n }\n}\n\nFormField.defaultProps = {};\nObject.setPrototypeOf(FormField.defaultProps, defaultProps);\n\nlet FormFieldDoc;\nif (process.env.NODE_ENV !== 'production') {\n FormFieldDoc = require('./doc').doc(FormField); // eslint-disable-line global-require\n}\nconst FormFieldWrapper = compose(\n withFocus,\n withTheme,\n)(FormFieldDoc || FormField);\n\nexport { FormFieldWrapper as FormField };\n","export { Grid } from './Grid';\n","import React from 'react';\n\nimport { StyledGrid } from './StyledGrid';\n\nconst Grid = props => {\n const {\n fill, // munged to avoid styled-components putting it in the DOM\n rows, // munged to avoid styled-components putting it in the DOM\n tag,\n as,\n ...rest\n } = props;\n\n return (\n \n );\n};\n\nlet GridDoc;\nif (process.env.NODE_ENV !== 'production') {\n GridDoc = require('./doc').doc(Grid); // eslint-disable-line global-require\n}\nconst GridWrapper = GridDoc || Grid;\n\nGridWrapper.available =\n typeof window !== 'undefined' &&\n window.CSS &&\n window.CSS.supports &&\n window.CSS.supports('display', 'grid');\n\nexport { GridWrapper as Grid };\n","import styled, { css } from 'styled-components';\n\nimport { genericStyles } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst fillStyle = fill => {\n if (fill === 'horizontal') {\n return 'width: 100%;';\n }\n if (fill === 'vertical') {\n return 'height: 100%;';\n }\n if (fill) {\n return `\n width: 100%;\n height: 100%;\n `;\n }\n return undefined;\n};\n\nconst ALIGN_MAP = {\n center: 'center',\n end: 'flex-end',\n start: 'flex-start',\n stretch: 'stretch',\n};\n\nconst alignStyle = css`\n align-items: ${props => ALIGN_MAP[props.align]};\n`;\n\nconst ALIGN_CONTENT_MAP = {\n around: 'space-around',\n between: 'space-between',\n center: 'center',\n end: 'flex-end',\n start: 'flex-start',\n stretch: 'stretch',\n};\n\nconst alignContentStyle = css`\n align-content: ${props => ALIGN_CONTENT_MAP[props.alignContent]};\n`;\n\nconst JUSTIFY_MAP = {\n center: 'center',\n end: 'flex-end',\n start: 'flex-start',\n stretch: 'stretch',\n};\n\nconst justifyStyle = css`\n justify-items: ${props => JUSTIFY_MAP[props.justify]};\n`;\n\nconst JUSTIFY_CONTENT_MAP = {\n around: 'space-around',\n between: 'space-between',\n center: 'center',\n end: 'flex-end',\n start: 'flex-start',\n stretch: 'stretch',\n};\n\nconst justifyContentStyle = css`\n justify-content: ${props => JUSTIFY_CONTENT_MAP[props.justifyContent]};\n`;\n\nconst gapStyle = props => {\n if (typeof props.gap === 'string') {\n const gapSize = props.theme.global.edgeSize[props.gap];\n return `grid-gap: ${gapSize} ${gapSize};`;\n }\n if (props.gap.row && props.gap.column) {\n return `\n grid-row-gap: ${props.theme.global.edgeSize[props.gap.row]};\n grid-column-gap: ${props.theme.global.edgeSize[props.gap.column]};\n `;\n }\n if (props.gap.row) {\n return `\n grid-row-gap: ${props.theme.global.edgeSize[props.gap.row]};\n `;\n }\n if (props.gap.column) {\n return `\n grid-column-gap: ${props.theme.global.edgeSize[props.gap.column]};\n `;\n }\n return '';\n};\n\nconst SIZE_MAP = {\n flex: '1fr',\n full: '100%',\n '1/2': '50%',\n '1/4': '25%',\n '2/4': '50%',\n '3/4': '75%',\n '1/3': '33.33%',\n '2/3': '66.66%',\n};\n\nconst getRepeatCount = count =>\n typeof count === 'number' ? count : `auto-${count}`;\n\nconst getRepeatSize = (size, theme) =>\n `minmax(${theme.global.size[size] || size}, 1fr)`;\n\nconst sizeFor = (size, props, isRow) => {\n const mapped = SIZE_MAP[size];\n if (\n isRow &&\n mapped &&\n (!props.fillContainer || props.fillContainer === 'horizontal')\n ) {\n console.warn('Grid needs `fill` when using fractional row sizes');\n }\n return mapped || props.theme.global.size[size] || size;\n};\n\nconst columnsStyle = props => {\n if (Array.isArray(props.columns)) {\n return css`\n grid-template-columns: ${props.columns\n .map(s => {\n if (Array.isArray(s)) {\n return `minmax(${sizeFor(s[0], props)}, ${sizeFor(s[1], props)})`;\n }\n return sizeFor(s, props);\n })\n .join(' ')};\n `;\n }\n if (typeof props.columns === 'object') {\n return css`\n grid-template-columns: repeat(\n ${getRepeatCount(props.columns.count)},\n ${getRepeatSize(props.columns.size, props.theme)}\n );\n `;\n }\n return css`\n grid-template-columns: repeat(\n auto-fill,\n ${getRepeatSize(props.columns, props.theme)}\n );\n `;\n};\n\nconst rowsStyle = props => {\n if (Array.isArray(props.rowsProp)) {\n return css`\n grid-template-rows: ${props.rowsProp\n .map(s => {\n if (Array.isArray(s)) {\n return `minmax(${sizeFor(s[0], props, true)}, ${sizeFor(\n s[1],\n props,\n true,\n )})`;\n }\n return sizeFor(s, props, true);\n })\n .join(' ')};\n `;\n }\n return css`\n grid-auto-rows: ${props.theme.global.size[props.rowsProp]};\n `;\n};\n\nconst areasStyle = props => {\n // translate areas objects into grid-template-areas syntax\n if (!Array.isArray(props.rowsProp) || !Array.isArray(props.columns)) {\n console.warn('Grid `areas` requires `rows` and `columns` to be arrays.');\n }\n const cells = props.rowsProp.map(() => props.columns.map(() => '.'));\n props.areas.forEach(area => {\n for (let row = area.start[1]; row <= area.end[1]; row += 1) {\n for (let column = area.start[0]; column <= area.end[0]; column += 1) {\n cells[row][column] = area.name;\n }\n }\n });\n return `grid-template-areas: ${cells\n .map(r => `\"${r.join(' ')}\"`)\n .join(' ')};`;\n};\n\nconst StyledGrid = styled.div`\n display: grid;\n box-sizing: border-box;\n\n ${genericStyles}\n ${props => props.fillContainer && fillStyle(props.fillContainer)}\n ${props => props.align && alignStyle}\n ${props => props.alignContent && alignContentStyle}\n ${props => props.areas && areasStyle(props)}\n ${props => props.columns && columnsStyle(props)}\n ${props => props.gap && gapStyle(props)}\n ${props => props.justify && justifyStyle}\n ${props => props.justifyContent && justifyContentStyle}\n ${props => props.rowsProp && rowsStyle(props)}\n ${props => props.theme.grid && props.theme.grid.extend}\n`;\n\nStyledGrid.defaultProps = {};\nObject.setPrototypeOf(StyledGrid.defaultProps, defaultProps);\n\nexport { StyledGrid };\n","export { Grommet } from './Grommet';\n","import React, { Component } from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport MobileDetect from 'mobile-detect';\n\nimport { colorIsDark } from 'grommet-styles';\n\nimport { ResponsiveContext, ThemeContext } from '../../contexts';\nimport { deepMerge, getBreakpoint, getDeviceBreakpoint } from '../../utils';\nimport { base as baseTheme } from '../../themes';\n\nimport { withDocs } from '../hocs';\n\nimport { StyledGrommet } from './StyledGrommet';\n\nconst wrapWithHocs = withDocs('Grommet');\n\nconst FullGlobalStyle = createGlobalStyle`\n body { margin: 0; }\n`;\n\nclass GrommetImpl extends Component {\n static displayName = 'Grommet';\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { theme = {} } = nextProps;\n const { theme: stateTheme, themeProp } = prevState;\n\n const nextTheme = deepMerge(baseTheme, theme);\n if (!stateTheme || theme !== themeProp) {\n if (typeof theme.dark === 'undefined') {\n // calculate if background is dark or not\n // otherwise respect the property passed in the theme\n const { colors } = nextTheme.global;\n const color = colors.background;\n nextTheme.dark = color ? colorIsDark(color) : false;\n }\n return {\n theme: nextTheme,\n themeProp: theme,\n };\n }\n\n return null;\n }\n\n state = {};\n\n componentDidMount() {\n window.addEventListener('resize', this.onResize);\n this.onResize();\n }\n\n componentWillUnmount() {\n window.removeEventListener('resize', this.onResize);\n }\n\n onResize = () => {\n const { theme, responsive } = this.state;\n\n const breakpoint = getBreakpoint(window.innerWidth, theme);\n\n if (breakpoint !== responsive) {\n this.setState({ responsive: breakpoint });\n }\n };\n\n deviceResponsive() {\n const { userAgent } = this.props;\n const { theme } = this.state;\n\n if (userAgent) {\n const md = new MobileDetect(userAgent);\n if (md.phone()) {\n return getDeviceBreakpoint('phone', theme);\n }\n if (md.tablet()) {\n return getDeviceBreakpoint('tablet', theme);\n }\n return getDeviceBreakpoint('computer', theme);\n }\n return undefined;\n }\n\n render() {\n const { children, full, ...rest } = this.props;\n delete rest.theme;\n const { theme, responsive: stateResponsive } = this.state;\n\n // Value from state should be correct once we resize\n // On first render we try to guess otherwise set the default as a tablet\n const responsive =\n stateResponsive ||\n this.deviceResponsive() ||\n theme.global.deviceBreakpoints.tablet;\n\n return (\n \n \n \n {children}\n \n {full && }\n \n \n );\n }\n}\n\nexport const Grommet = wrapWithHocs(GrommetImpl);\n","// THIS FILE IS GENERATED - DO NOT EDIT!\n/*!mobile-detect v1.4.3 2018-09-08*/\n/*global module:false, define:false*/\n/*jshint latedef:false*/\n/*!@license Copyright 2013, Heinrich Goebl, License: MIT, see https://github.com/hgoebl/mobile-detect.js*/\n(function (define, undefined) {\ndefine(function () {\n 'use strict';\n\n var impl = {};\n\n impl.mobileDetectRules = {\n \"phones\": {\n \"iPhone\": \"\\\\biPhone\\\\b|\\\\biPod\\\\b\",\n \"BlackBerry\": \"BlackBerry|\\\\bBB10\\\\b|rim[0-9]+\",\n \"HTC\": \"HTC|HTC.*(Sensation|Evo|Vision|Explorer|6800|8100|8900|A7272|S510e|C110e|Legend|Desire|T8282)|APX515CKT|Qtek9090|APA9292KT|HD_mini|Sensation.*Z710e|PG86100|Z715e|Desire.*(A8181|HD)|ADR6200|ADR6400L|ADR6425|001HT|Inspire 4G|Android.*\\\\bEVO\\\\b|T-Mobile G1|Z520m|Android [0-9.]+; Pixel\",\n \"Nexus\": \"Nexus One|Nexus S|Galaxy.*Nexus|Android.*Nexus.*Mobile|Nexus 4|Nexus 5|Nexus 6\",\n \"Dell\": \"Dell[;]? (Streak|Aero|Venue|Venue Pro|Flash|Smoke|Mini 3iX)|XCD28|XCD35|\\\\b001DL\\\\b|\\\\b101DL\\\\b|\\\\bGS01\\\\b\",\n \"Motorola\": \"Motorola|DROIDX|DROID BIONIC|\\\\bDroid\\\\b.*Build|Android.*Xoom|HRI39|MOT-|A1260|A1680|A555|A853|A855|A953|A955|A956|Motorola.*ELECTRIFY|Motorola.*i1|i867|i940|MB200|MB300|MB501|MB502|MB508|MB511|MB520|MB525|MB526|MB611|MB612|MB632|MB810|MB855|MB860|MB861|MB865|MB870|ME501|ME502|ME511|ME525|ME600|ME632|ME722|ME811|ME860|ME863|ME865|MT620|MT710|MT716|MT720|MT810|MT870|MT917|Motorola.*TITANIUM|WX435|WX445|XT300|XT301|XT311|XT316|XT317|XT319|XT320|XT390|XT502|XT530|XT531|XT532|XT535|XT603|XT610|XT611|XT615|XT681|XT701|XT702|XT711|XT720|XT800|XT806|XT860|XT862|XT875|XT882|XT883|XT894|XT901|XT907|XT909|XT910|XT912|XT928|XT926|XT915|XT919|XT925|XT1021|\\\\bMoto E\\\\b|XT1068|XT1092|XT1052\",\n \"Samsung\": \"\\\\bSamsung\\\\b|SM-G950F|SM-G955F|SM-G9250|GT-19300|SGH-I337|BGT-S5230|GT-B2100|GT-B2700|GT-B2710|GT-B3210|GT-B3310|GT-B3410|GT-B3730|GT-B3740|GT-B5510|GT-B5512|GT-B5722|GT-B6520|GT-B7300|GT-B7320|GT-B7330|GT-B7350|GT-B7510|GT-B7722|GT-B7800|GT-C3010|GT-C3011|GT-C3060|GT-C3200|GT-C3212|GT-C3212I|GT-C3262|GT-C3222|GT-C3300|GT-C3300K|GT-C3303|GT-C3303K|GT-C3310|GT-C3322|GT-C3330|GT-C3350|GT-C3500|GT-C3510|GT-C3530|GT-C3630|GT-C3780|GT-C5010|GT-C5212|GT-C6620|GT-C6625|GT-C6712|GT-E1050|GT-E1070|GT-E1075|GT-E1080|GT-E1081|GT-E1085|GT-E1087|GT-E1100|GT-E1107|GT-E1110|GT-E1120|GT-E1125|GT-E1130|GT-E1160|GT-E1170|GT-E1175|GT-E1180|GT-E1182|GT-E1200|GT-E1210|GT-E1225|GT-E1230|GT-E1390|GT-E2100|GT-E2120|GT-E2121|GT-E2152|GT-E2220|GT-E2222|GT-E2230|GT-E2232|GT-E2250|GT-E2370|GT-E2550|GT-E2652|GT-E3210|GT-E3213|GT-I5500|GT-I5503|GT-I5700|GT-I5800|GT-I5801|GT-I6410|GT-I6420|GT-I7110|GT-I7410|GT-I7500|GT-I8000|GT-I8150|GT-I8160|GT-I8190|GT-I8320|GT-I8330|GT-I8350|GT-I8530|GT-I8700|GT-I8703|GT-I8910|GT-I9000|GT-I9001|GT-I9003|GT-I9010|GT-I9020|GT-I9023|GT-I9070|GT-I9082|GT-I9100|GT-I9103|GT-I9220|GT-I9250|GT-I9300|GT-I9305|GT-I9500|GT-I9505|GT-M3510|GT-M5650|GT-M7500|GT-M7600|GT-M7603|GT-M8800|GT-M8910|GT-N7000|GT-S3110|GT-S3310|GT-S3350|GT-S3353|GT-S3370|GT-S3650|GT-S3653|GT-S3770|GT-S3850|GT-S5210|GT-S5220|GT-S5229|GT-S5230|GT-S5233|GT-S5250|GT-S5253|GT-S5260|GT-S5263|GT-S5270|GT-S5300|GT-S5330|GT-S5350|GT-S5360|GT-S5363|GT-S5369|GT-S5380|GT-S5380D|GT-S5560|GT-S5570|GT-S5600|GT-S5603|GT-S5610|GT-S5620|GT-S5660|GT-S5670|GT-S5690|GT-S5750|GT-S5780|GT-S5830|GT-S5839|GT-S6102|GT-S6500|GT-S7070|GT-S7200|GT-S7220|GT-S7230|GT-S7233|GT-S7250|GT-S7500|GT-S7530|GT-S7550|GT-S7562|GT-S7710|GT-S8000|GT-S8003|GT-S8500|GT-S8530|GT-S8600|SCH-A310|SCH-A530|SCH-A570|SCH-A610|SCH-A630|SCH-A650|SCH-A790|SCH-A795|SCH-A850|SCH-A870|SCH-A890|SCH-A930|SCH-A950|SCH-A970|SCH-A990|SCH-I100|SCH-I110|SCH-I400|SCH-I405|SCH-I500|SCH-I510|SCH-I515|SCH-I600|SCH-I730|SCH-I760|SCH-I770|SCH-I830|SCH-I910|SCH-I920|SCH-I959|SCH-LC11|SCH-N150|SCH-N300|SCH-R100|SCH-R300|SCH-R351|SCH-R400|SCH-R410|SCH-T300|SCH-U310|SCH-U320|SCH-U350|SCH-U360|SCH-U365|SCH-U370|SCH-U380|SCH-U410|SCH-U430|SCH-U450|SCH-U460|SCH-U470|SCH-U490|SCH-U540|SCH-U550|SCH-U620|SCH-U640|SCH-U650|SCH-U660|SCH-U700|SCH-U740|SCH-U750|SCH-U810|SCH-U820|SCH-U900|SCH-U940|SCH-U960|SCS-26UC|SGH-A107|SGH-A117|SGH-A127|SGH-A137|SGH-A157|SGH-A167|SGH-A177|SGH-A187|SGH-A197|SGH-A227|SGH-A237|SGH-A257|SGH-A437|SGH-A517|SGH-A597|SGH-A637|SGH-A657|SGH-A667|SGH-A687|SGH-A697|SGH-A707|SGH-A717|SGH-A727|SGH-A737|SGH-A747|SGH-A767|SGH-A777|SGH-A797|SGH-A817|SGH-A827|SGH-A837|SGH-A847|SGH-A867|SGH-A877|SGH-A887|SGH-A897|SGH-A927|SGH-B100|SGH-B130|SGH-B200|SGH-B220|SGH-C100|SGH-C110|SGH-C120|SGH-C130|SGH-C140|SGH-C160|SGH-C170|SGH-C180|SGH-C200|SGH-C207|SGH-C210|SGH-C225|SGH-C230|SGH-C417|SGH-C450|SGH-D307|SGH-D347|SGH-D357|SGH-D407|SGH-D415|SGH-D780|SGH-D807|SGH-D980|SGH-E105|SGH-E200|SGH-E315|SGH-E316|SGH-E317|SGH-E335|SGH-E590|SGH-E635|SGH-E715|SGH-E890|SGH-F300|SGH-F480|SGH-I200|SGH-I300|SGH-I320|SGH-I550|SGH-I577|SGH-I600|SGH-I607|SGH-I617|SGH-I627|SGH-I637|SGH-I677|SGH-I700|SGH-I717|SGH-I727|SGH-i747M|SGH-I777|SGH-I780|SGH-I827|SGH-I847|SGH-I857|SGH-I896|SGH-I897|SGH-I900|SGH-I907|SGH-I917|SGH-I927|SGH-I937|SGH-I997|SGH-J150|SGH-J200|SGH-L170|SGH-L700|SGH-M110|SGH-M150|SGH-M200|SGH-N105|SGH-N500|SGH-N600|SGH-N620|SGH-N625|SGH-N700|SGH-N710|SGH-P107|SGH-P207|SGH-P300|SGH-P310|SGH-P520|SGH-P735|SGH-P777|SGH-Q105|SGH-R210|SGH-R220|SGH-R225|SGH-S105|SGH-S307|SGH-T109|SGH-T119|SGH-T139|SGH-T209|SGH-T219|SGH-T229|SGH-T239|SGH-T249|SGH-T259|SGH-T309|SGH-T319|SGH-T329|SGH-T339|SGH-T349|SGH-T359|SGH-T369|SGH-T379|SGH-T409|SGH-T429|SGH-T439|SGH-T459|SGH-T469|SGH-T479|SGH-T499|SGH-T509|SGH-T519|SGH-T539|SGH-T559|SGH-T589|SGH-T609|SGH-T619|SGH-T629|SGH-T639|SGH-T659|SGH-T669|SGH-T679|SGH-T709|SGH-T719|SGH-T729|SGH-T739|SGH-T746|SGH-T749|SGH-T759|SGH-T769|SGH-T809|SGH-T819|SGH-T839|SGH-T919|SGH-T929|SGH-T939|SGH-T959|SGH-T989|SGH-U100|SGH-U200|SGH-U800|SGH-V205|SGH-V206|SGH-X100|SGH-X105|SGH-X120|SGH-X140|SGH-X426|SGH-X427|SGH-X475|SGH-X495|SGH-X497|SGH-X507|SGH-X600|SGH-X610|SGH-X620|SGH-X630|SGH-X700|SGH-X820|SGH-X890|SGH-Z130|SGH-Z150|SGH-Z170|SGH-ZX10|SGH-ZX20|SHW-M110|SPH-A120|SPH-A400|SPH-A420|SPH-A460|SPH-A500|SPH-A560|SPH-A600|SPH-A620|SPH-A660|SPH-A700|SPH-A740|SPH-A760|SPH-A790|SPH-A800|SPH-A820|SPH-A840|SPH-A880|SPH-A900|SPH-A940|SPH-A960|SPH-D600|SPH-D700|SPH-D710|SPH-D720|SPH-I300|SPH-I325|SPH-I330|SPH-I350|SPH-I500|SPH-I600|SPH-I700|SPH-L700|SPH-M100|SPH-M220|SPH-M240|SPH-M300|SPH-M305|SPH-M320|SPH-M330|SPH-M350|SPH-M360|SPH-M370|SPH-M380|SPH-M510|SPH-M540|SPH-M550|SPH-M560|SPH-M570|SPH-M580|SPH-M610|SPH-M620|SPH-M630|SPH-M800|SPH-M810|SPH-M850|SPH-M900|SPH-M910|SPH-M920|SPH-M930|SPH-N100|SPH-N200|SPH-N240|SPH-N300|SPH-N400|SPH-Z400|SWC-E100|SCH-i909|GT-N7100|GT-N7105|SCH-I535|SM-N900A|SGH-I317|SGH-T999L|GT-S5360B|GT-I8262|GT-S6802|GT-S6312|GT-S6310|GT-S5312|GT-S5310|GT-I9105|GT-I8510|GT-S6790N|SM-G7105|SM-N9005|GT-S5301|GT-I9295|GT-I9195|SM-C101|GT-S7392|GT-S7560|GT-B7610|GT-I5510|GT-S7582|GT-S7530E|GT-I8750|SM-G9006V|SM-G9008V|SM-G9009D|SM-G900A|SM-G900D|SM-G900F|SM-G900H|SM-G900I|SM-G900J|SM-G900K|SM-G900L|SM-G900M|SM-G900P|SM-G900R4|SM-G900S|SM-G900T|SM-G900V|SM-G900W8|SHV-E160K|SCH-P709|SCH-P729|SM-T2558|GT-I9205|SM-G9350|SM-J120F|SM-G920F|SM-G920V|SM-G930F|SM-N910C|SM-A310F|GT-I9190|SM-J500FN|SM-G903F|SM-J330F\",\n \"LG\": \"\\\\bLG\\\\b;|LG[- ]?(C800|C900|E400|E610|E900|E-900|F160|F180K|F180L|F180S|730|855|L160|LS740|LS840|LS970|LU6200|MS690|MS695|MS770|MS840|MS870|MS910|P500|P700|P705|VM696|AS680|AS695|AX840|C729|E970|GS505|272|C395|E739BK|E960|L55C|L75C|LS696|LS860|P769BK|P350|P500|P509|P870|UN272|US730|VS840|VS950|LN272|LN510|LS670|LS855|LW690|MN270|MN510|P509|P769|P930|UN200|UN270|UN510|UN610|US670|US740|US760|UX265|UX840|VN271|VN530|VS660|VS700|VS740|VS750|VS910|VS920|VS930|VX9200|VX11000|AX840A|LW770|P506|P925|P999|E612|D955|D802|MS323|M257)\",\n \"Sony\": \"SonyST|SonyLT|SonyEricsson|SonyEricssonLT15iv|LT18i|E10i|LT28h|LT26w|SonyEricssonMT27i|C5303|C6902|C6903|C6906|C6943|D2533\",\n \"Asus\": \"Asus.*Galaxy|PadFone.*Mobile\",\n \"NokiaLumia\": \"Lumia [0-9]{3,4}\",\n \"Micromax\": \"Micromax.*\\\\b(A210|A92|A88|A72|A111|A110Q|A115|A116|A110|A90S|A26|A51|A35|A54|A25|A27|A89|A68|A65|A57|A90)\\\\b\",\n \"Palm\": \"PalmSource|Palm\",\n \"Vertu\": \"Vertu|Vertu.*Ltd|Vertu.*Ascent|Vertu.*Ayxta|Vertu.*Constellation(F|Quest)?|Vertu.*Monika|Vertu.*Signature\",\n \"Pantech\": \"PANTECH|IM-A850S|IM-A840S|IM-A830L|IM-A830K|IM-A830S|IM-A820L|IM-A810K|IM-A810S|IM-A800S|IM-T100K|IM-A725L|IM-A780L|IM-A775C|IM-A770K|IM-A760S|IM-A750K|IM-A740S|IM-A730S|IM-A720L|IM-A710K|IM-A690L|IM-A690S|IM-A650S|IM-A630K|IM-A600S|VEGA PTL21|PT003|P8010|ADR910L|P6030|P6020|P9070|P4100|P9060|P5000|CDM8992|TXT8045|ADR8995|IS11PT|P2030|P6010|P8000|PT002|IS06|CDM8999|P9050|PT001|TXT8040|P2020|P9020|P2000|P7040|P7000|C790\",\n \"Fly\": \"IQ230|IQ444|IQ450|IQ440|IQ442|IQ441|IQ245|IQ256|IQ236|IQ255|IQ235|IQ245|IQ275|IQ240|IQ285|IQ280|IQ270|IQ260|IQ250\",\n \"Wiko\": \"KITE 4G|HIGHWAY|GETAWAY|STAIRWAY|DARKSIDE|DARKFULL|DARKNIGHT|DARKMOON|SLIDE|WAX 4G|RAINBOW|BLOOM|SUNSET|GOA(?!nna)|LENNY|BARRY|IGGY|OZZY|CINK FIVE|CINK PEAX|CINK PEAX 2|CINK SLIM|CINK SLIM 2|CINK +|CINK KING|CINK PEAX|CINK SLIM|SUBLIM\",\n \"iMobile\": \"i-mobile (IQ|i-STYLE|idea|ZAA|Hitz)\",\n \"SimValley\": \"\\\\b(SP-80|XT-930|SX-340|XT-930|SX-310|SP-360|SP60|SPT-800|SP-120|SPT-800|SP-140|SPX-5|SPX-8|SP-100|SPX-8|SPX-12)\\\\b\",\n \"Wolfgang\": \"AT-B24D|AT-AS50HD|AT-AS40W|AT-AS55HD|AT-AS45q2|AT-B26D|AT-AS50Q\",\n \"Alcatel\": \"Alcatel\",\n \"Nintendo\": \"Nintendo (3DS|Switch)\",\n \"Amoi\": \"Amoi\",\n \"INQ\": \"INQ\",\n \"GenericPhone\": \"Tapatalk|PDA;|SAGEM|\\\\bmmp\\\\b|pocket|\\\\bpsp\\\\b|symbian|Smartphone|smartfon|treo|up.browser|up.link|vodafone|\\\\bwap\\\\b|nokia|Series40|Series60|S60|SonyEricsson|N900|MAUI.*WAP.*Browser\"\n },\n \"tablets\": {\n \"iPad\": \"iPad|iPad.*Mobile\",\n \"NexusTablet\": \"Android.*Nexus[\\\\s]+(7|9|10)\",\n \"GoogleTablet\": \"Android.*Pixel C\",\n \"SamsungTablet\": \"SAMSUNG.*Tablet|Galaxy.*Tab|SC-01C|GT-P1000|GT-P1003|GT-P1010|GT-P3105|GT-P6210|GT-P6800|GT-P6810|GT-P7100|GT-P7300|GT-P7310|GT-P7500|GT-P7510|SCH-I800|SCH-I815|SCH-I905|SGH-I957|SGH-I987|SGH-T849|SGH-T859|SGH-T869|SPH-P100|GT-P3100|GT-P3108|GT-P3110|GT-P5100|GT-P5110|GT-P6200|GT-P7320|GT-P7511|GT-N8000|GT-P8510|SGH-I497|SPH-P500|SGH-T779|SCH-I705|SCH-I915|GT-N8013|GT-P3113|GT-P5113|GT-P8110|GT-N8010|GT-N8005|GT-N8020|GT-P1013|GT-P6201|GT-P7501|GT-N5100|GT-N5105|GT-N5110|SHV-E140K|SHV-E140L|SHV-E140S|SHV-E150S|SHV-E230K|SHV-E230L|SHV-E230S|SHW-M180K|SHW-M180L|SHW-M180S|SHW-M180W|SHW-M300W|SHW-M305W|SHW-M380K|SHW-M380S|SHW-M380W|SHW-M430W|SHW-M480K|SHW-M480S|SHW-M480W|SHW-M485W|SHW-M486W|SHW-M500W|GT-I9228|SCH-P739|SCH-I925|GT-I9200|GT-P5200|GT-P5210|GT-P5210X|SM-T311|SM-T310|SM-T310X|SM-T210|SM-T210R|SM-T211|SM-P600|SM-P601|SM-P605|SM-P900|SM-P901|SM-T217|SM-T217A|SM-T217S|SM-P6000|SM-T3100|SGH-I467|XE500|SM-T110|GT-P5220|GT-I9200X|GT-N5110X|GT-N5120|SM-P905|SM-T111|SM-T2105|SM-T315|SM-T320|SM-T320X|SM-T321|SM-T520|SM-T525|SM-T530NU|SM-T230NU|SM-T330NU|SM-T900|XE500T1C|SM-P605V|SM-P905V|SM-T337V|SM-T537V|SM-T707V|SM-T807V|SM-P600X|SM-P900X|SM-T210X|SM-T230|SM-T230X|SM-T325|GT-P7503|SM-T531|SM-T330|SM-T530|SM-T705|SM-T705C|SM-T535|SM-T331|SM-T800|SM-T700|SM-T537|SM-T807|SM-P907A|SM-T337A|SM-T537A|SM-T707A|SM-T807A|SM-T237|SM-T807P|SM-P607T|SM-T217T|SM-T337T|SM-T807T|SM-T116NQ|SM-T116BU|SM-P550|SM-T350|SM-T550|SM-T9000|SM-P9000|SM-T705Y|SM-T805|GT-P3113|SM-T710|SM-T810|SM-T815|SM-T360|SM-T533|SM-T113|SM-T335|SM-T715|SM-T560|SM-T670|SM-T677|SM-T377|SM-T567|SM-T357T|SM-T555|SM-T561|SM-T713|SM-T719|SM-T813|SM-T819|SM-T580|SM-T355Y?|SM-T280|SM-T817A|SM-T820|SM-W700|SM-P580|SM-T587|SM-P350|SM-P555M|SM-P355M|SM-T113NU|SM-T815Y|SM-T585|SM-T285|SM-T825|SM-W708|SM-T835\",\n \"Kindle\": \"Kindle|Silk.*Accelerated|Android.*\\\\b(KFOT|KFTT|KFJWI|KFJWA|KFOTE|KFSOWI|KFTHWI|KFTHWA|KFAPWI|KFAPWA|WFJWAE|KFSAWA|KFSAWI|KFASWI|KFARWI|KFFOWI|KFGIWI|KFMEWI)\\\\b|Android.*Silk\\/[0-9.]+ like Chrome\\/[0-9.]+ (?!Mobile)\",\n \"SurfaceTablet\": \"Windows NT [0-9.]+; ARM;.*(Tablet|ARMBJS)\",\n \"HPTablet\": \"HP Slate (7|8|10)|HP ElitePad 900|hp-tablet|EliteBook.*Touch|HP 8|Slate 21|HP SlateBook 10\",\n \"AsusTablet\": \"^.*PadFone((?!Mobile).)*$|Transformer|TF101|TF101G|TF300T|TF300TG|TF300TL|TF700T|TF700KL|TF701T|TF810C|ME171|ME301T|ME302C|ME371MG|ME370T|ME372MG|ME172V|ME173X|ME400C|Slider SL101|\\\\bK00F\\\\b|\\\\bK00C\\\\b|\\\\bK00E\\\\b|\\\\bK00L\\\\b|TX201LA|ME176C|ME102A|\\\\bM80TA\\\\b|ME372CL|ME560CG|ME372CG|ME302KL| K010 | K011 | K017 | K01E |ME572C|ME103K|ME170C|ME171C|\\\\bME70C\\\\b|ME581C|ME581CL|ME8510C|ME181C|P01Y|PO1MA|P01Z|\\\\bP027\\\\b|\\\\bP024\\\\b|\\\\bP00C\\\\b\",\n \"BlackBerryTablet\": \"PlayBook|RIM Tablet\",\n \"HTCtablet\": \"HTC_Flyer_P512|HTC Flyer|HTC Jetstream|HTC-P715a|HTC EVO View 4G|PG41200|PG09410\",\n \"MotorolaTablet\": \"xoom|sholest|MZ615|MZ605|MZ505|MZ601|MZ602|MZ603|MZ604|MZ606|MZ607|MZ608|MZ609|MZ615|MZ616|MZ617\",\n \"NookTablet\": \"Android.*Nook|NookColor|nook browser|BNRV200|BNRV200A|BNTV250|BNTV250A|BNTV400|BNTV600|LogicPD Zoom2\",\n \"AcerTablet\": \"Android.*; \\\\b(A100|A101|A110|A200|A210|A211|A500|A501|A510|A511|A700|A701|W500|W500P|W501|W501P|W510|W511|W700|G100|G100W|B1-A71|B1-710|B1-711|A1-810|A1-811|A1-830)\\\\b|W3-810|\\\\bA3-A10\\\\b|\\\\bA3-A11\\\\b|\\\\bA3-A20\\\\b|\\\\bA3-A30\",\n \"ToshibaTablet\": \"Android.*(AT100|AT105|AT200|AT205|AT270|AT275|AT300|AT305|AT1S5|AT500|AT570|AT700|AT830)|TOSHIBA.*FOLIO\",\n \"LGTablet\": \"\\\\bL-06C|LG-V909|LG-V900|LG-V700|LG-V510|LG-V500|LG-V410|LG-V400|LG-VK810\\\\b\",\n \"FujitsuTablet\": \"Android.*\\\\b(F-01D|F-02F|F-05E|F-10D|M532|Q572)\\\\b\",\n \"PrestigioTablet\": \"PMP3170B|PMP3270B|PMP3470B|PMP7170B|PMP3370B|PMP3570C|PMP5870C|PMP3670B|PMP5570C|PMP5770D|PMP3970B|PMP3870C|PMP5580C|PMP5880D|PMP5780D|PMP5588C|PMP7280C|PMP7280C3G|PMP7280|PMP7880D|PMP5597D|PMP5597|PMP7100D|PER3464|PER3274|PER3574|PER3884|PER5274|PER5474|PMP5097CPRO|PMP5097|PMP7380D|PMP5297C|PMP5297C_QUAD|PMP812E|PMP812E3G|PMP812F|PMP810E|PMP880TD|PMT3017|PMT3037|PMT3047|PMT3057|PMT7008|PMT5887|PMT5001|PMT5002\",\n \"LenovoTablet\": \"Lenovo TAB|Idea(Tab|Pad)( A1|A10| K1|)|ThinkPad([ ]+)?Tablet|YT3-850M|YT3-X90L|YT3-X90F|YT3-X90X|Lenovo.*(S2109|S2110|S5000|S6000|K3011|A3000|A3500|A1000|A2107|A2109|A1107|A5500|A7600|B6000|B8000|B8080)(-|)(FL|F|HV|H|)|TB-X103F|TB-X304F|TB-X304L|TB-8703F|Tab2A7-10F|TB2-X30L\",\n \"DellTablet\": \"Venue 11|Venue 8|Venue 7|Dell Streak 10|Dell Streak 7\",\n \"YarvikTablet\": \"Android.*\\\\b(TAB210|TAB211|TAB224|TAB250|TAB260|TAB264|TAB310|TAB360|TAB364|TAB410|TAB411|TAB420|TAB424|TAB450|TAB460|TAB461|TAB464|TAB465|TAB467|TAB468|TAB07-100|TAB07-101|TAB07-150|TAB07-151|TAB07-152|TAB07-200|TAB07-201-3G|TAB07-210|TAB07-211|TAB07-212|TAB07-214|TAB07-220|TAB07-400|TAB07-485|TAB08-150|TAB08-200|TAB08-201-3G|TAB08-201-30|TAB09-100|TAB09-211|TAB09-410|TAB10-150|TAB10-201|TAB10-211|TAB10-400|TAB10-410|TAB13-201|TAB274EUK|TAB275EUK|TAB374EUK|TAB462EUK|TAB474EUK|TAB9-200)\\\\b\",\n \"MedionTablet\": \"Android.*\\\\bOYO\\\\b|LIFE.*(P9212|P9514|P9516|S9512)|LIFETAB\",\n \"ArnovaTablet\": \"97G4|AN10G2|AN7bG3|AN7fG3|AN8G3|AN8cG3|AN7G3|AN9G3|AN7dG3|AN7dG3ST|AN7dG3ChildPad|AN10bG3|AN10bG3DT|AN9G2\",\n \"IntensoTablet\": \"INM8002KP|INM1010FP|INM805ND|Intenso Tab|TAB1004\",\n \"IRUTablet\": \"M702pro\",\n \"MegafonTablet\": \"MegaFon V9|\\\\bZTE V9\\\\b|Android.*\\\\bMT7A\\\\b\",\n \"EbodaTablet\": \"E-Boda (Supreme|Impresspeed|Izzycomm|Essential)\",\n \"AllViewTablet\": \"Allview.*(Viva|Alldro|City|Speed|All TV|Frenzy|Quasar|Shine|TX1|AX1|AX2)\",\n \"ArchosTablet\": \"\\\\b(101G9|80G9|A101IT)\\\\b|Qilive 97R|Archos5|\\\\bARCHOS (70|79|80|90|97|101|FAMILYPAD|)(b|c|)(G10| Cobalt| TITANIUM(HD|)| Xenon| Neon|XSK| 2| XS 2| PLATINUM| CARBON|GAMEPAD)\\\\b\",\n \"AinolTablet\": \"NOVO7|NOVO8|NOVO10|Novo7Aurora|Novo7Basic|NOVO7PALADIN|novo9-Spark\",\n \"NokiaLumiaTablet\": \"Lumia 2520\",\n \"SonyTablet\": \"Sony.*Tablet|Xperia Tablet|Sony Tablet S|SO-03E|SGPT12|SGPT13|SGPT114|SGPT121|SGPT122|SGPT123|SGPT111|SGPT112|SGPT113|SGPT131|SGPT132|SGPT133|SGPT211|SGPT212|SGPT213|SGP311|SGP312|SGP321|EBRD1101|EBRD1102|EBRD1201|SGP351|SGP341|SGP511|SGP512|SGP521|SGP541|SGP551|SGP621|SGP641|SGP612|SOT31|SGP771|SGP611|SGP612|SGP712\",\n \"PhilipsTablet\": \"\\\\b(PI2010|PI3000|PI3100|PI3105|PI3110|PI3205|PI3210|PI3900|PI4010|PI7000|PI7100)\\\\b\",\n \"CubeTablet\": \"Android.*(K8GT|U9GT|U10GT|U16GT|U17GT|U18GT|U19GT|U20GT|U23GT|U30GT)|CUBE U8GT\",\n \"CobyTablet\": \"MID1042|MID1045|MID1125|MID1126|MID7012|MID7014|MID7015|MID7034|MID7035|MID7036|MID7042|MID7048|MID7127|MID8042|MID8048|MID8127|MID9042|MID9740|MID9742|MID7022|MID7010\",\n \"MIDTablet\": \"M9701|M9000|M9100|M806|M1052|M806|T703|MID701|MID713|MID710|MID727|MID760|MID830|MID728|MID933|MID125|MID810|MID732|MID120|MID930|MID800|MID731|MID900|MID100|MID820|MID735|MID980|MID130|MID833|MID737|MID960|MID135|MID860|MID736|MID140|MID930|MID835|MID733|MID4X10\",\n \"MSITablet\": \"MSI \\\\b(Primo 73K|Primo 73L|Primo 81L|Primo 77|Primo 93|Primo 75|Primo 76|Primo 73|Primo 81|Primo 91|Primo 90|Enjoy 71|Enjoy 7|Enjoy 10)\\\\b\",\n \"SMiTTablet\": \"Android.*(\\\\bMID\\\\b|MID-560|MTV-T1200|MTV-PND531|MTV-P1101|MTV-PND530)\",\n \"RockChipTablet\": \"Android.*(RK2818|RK2808A|RK2918|RK3066)|RK2738|RK2808A\",\n \"FlyTablet\": \"IQ310|Fly Vision\",\n \"bqTablet\": \"Android.*(bq)?.*(Elcano|Curie|Edison|Maxwell|Kepler|Pascal|Tesla|Hypatia|Platon|Newton|Livingstone|Cervantes|Avant|Aquaris ([E|M]10|M8))|Maxwell.*Lite|Maxwell.*Plus\",\n \"HuaweiTablet\": \"MediaPad|MediaPad 7 Youth|IDEOS S7|S7-201c|S7-202u|S7-101|S7-103|S7-104|S7-105|S7-106|S7-201|S7-Slim|M2-A01L|BAH-L09|BAH-W09\",\n \"NecTablet\": \"\\\\bN-06D|\\\\bN-08D\",\n \"PantechTablet\": \"Pantech.*P4100\",\n \"BronchoTablet\": \"Broncho.*(N701|N708|N802|a710)\",\n \"VersusTablet\": \"TOUCHPAD.*[78910]|\\\\bTOUCHTAB\\\\b\",\n \"ZyncTablet\": \"z1000|Z99 2G|z99|z930|z999|z990|z909|Z919|z900\",\n \"PositivoTablet\": \"TB07STA|TB10STA|TB07FTA|TB10FTA\",\n \"NabiTablet\": \"Android.*\\\\bNabi\",\n \"KoboTablet\": \"Kobo Touch|\\\\bK080\\\\b|\\\\bVox\\\\b Build|\\\\bArc\\\\b Build\",\n \"DanewTablet\": \"DSlide.*\\\\b(700|701R|702|703R|704|802|970|971|972|973|974|1010|1012)\\\\b\",\n \"TexetTablet\": \"NaviPad|TB-772A|TM-7045|TM-7055|TM-9750|TM-7016|TM-7024|TM-7026|TM-7041|TM-7043|TM-7047|TM-8041|TM-9741|TM-9747|TM-9748|TM-9751|TM-7022|TM-7021|TM-7020|TM-7011|TM-7010|TM-7023|TM-7025|TM-7037W|TM-7038W|TM-7027W|TM-9720|TM-9725|TM-9737W|TM-1020|TM-9738W|TM-9740|TM-9743W|TB-807A|TB-771A|TB-727A|TB-725A|TB-719A|TB-823A|TB-805A|TB-723A|TB-715A|TB-707A|TB-705A|TB-709A|TB-711A|TB-890HD|TB-880HD|TB-790HD|TB-780HD|TB-770HD|TB-721HD|TB-710HD|TB-434HD|TB-860HD|TB-840HD|TB-760HD|TB-750HD|TB-740HD|TB-730HD|TB-722HD|TB-720HD|TB-700HD|TB-500HD|TB-470HD|TB-431HD|TB-430HD|TB-506|TB-504|TB-446|TB-436|TB-416|TB-146SE|TB-126SE\",\n \"PlaystationTablet\": \"Playstation.*(Portable|Vita)\",\n \"TrekstorTablet\": \"ST10416-1|VT10416-1|ST70408-1|ST702xx-1|ST702xx-2|ST80208|ST97216|ST70104-2|VT10416-2|ST10216-2A|SurfTab\",\n \"PyleAudioTablet\": \"\\\\b(PTBL10CEU|PTBL10C|PTBL72BC|PTBL72BCEU|PTBL7CEU|PTBL7C|PTBL92BC|PTBL92BCEU|PTBL9CEU|PTBL9CUK|PTBL9C)\\\\b\",\n \"AdvanTablet\": \"Android.* \\\\b(E3A|T3X|T5C|T5B|T3E|T3C|T3B|T1J|T1F|T2A|T1H|T1i|E1C|T1-E|T5-A|T4|E1-B|T2Ci|T1-B|T1-D|O1-A|E1-A|T1-A|T3A|T4i)\\\\b \",\n \"DanyTechTablet\": \"Genius Tab G3|Genius Tab S2|Genius Tab Q3|Genius Tab G4|Genius Tab Q4|Genius Tab G-II|Genius TAB GII|Genius TAB GIII|Genius Tab S1\",\n \"GalapadTablet\": \"Android.*\\\\bG1\\\\b(?!\\\\))\",\n \"MicromaxTablet\": \"Funbook|Micromax.*\\\\b(P250|P560|P360|P362|P600|P300|P350|P500|P275)\\\\b\",\n \"KarbonnTablet\": \"Android.*\\\\b(A39|A37|A34|ST8|ST10|ST7|Smart Tab3|Smart Tab2)\\\\b\",\n \"AllFineTablet\": \"Fine7 Genius|Fine7 Shine|Fine7 Air|Fine8 Style|Fine9 More|Fine10 Joy|Fine11 Wide\",\n \"PROSCANTablet\": \"\\\\b(PEM63|PLT1023G|PLT1041|PLT1044|PLT1044G|PLT1091|PLT4311|PLT4311PL|PLT4315|PLT7030|PLT7033|PLT7033D|PLT7035|PLT7035D|PLT7044K|PLT7045K|PLT7045KB|PLT7071KG|PLT7072|PLT7223G|PLT7225G|PLT7777G|PLT7810K|PLT7849G|PLT7851G|PLT7852G|PLT8015|PLT8031|PLT8034|PLT8036|PLT8080K|PLT8082|PLT8088|PLT8223G|PLT8234G|PLT8235G|PLT8816K|PLT9011|PLT9045K|PLT9233G|PLT9735|PLT9760G|PLT9770G)\\\\b\",\n \"YONESTablet\": \"BQ1078|BC1003|BC1077|RK9702|BC9730|BC9001|IT9001|BC7008|BC7010|BC708|BC728|BC7012|BC7030|BC7027|BC7026\",\n \"ChangJiaTablet\": \"TPC7102|TPC7103|TPC7105|TPC7106|TPC7107|TPC7201|TPC7203|TPC7205|TPC7210|TPC7708|TPC7709|TPC7712|TPC7110|TPC8101|TPC8103|TPC8105|TPC8106|TPC8203|TPC8205|TPC8503|TPC9106|TPC9701|TPC97101|TPC97103|TPC97105|TPC97106|TPC97111|TPC97113|TPC97203|TPC97603|TPC97809|TPC97205|TPC10101|TPC10103|TPC10106|TPC10111|TPC10203|TPC10205|TPC10503\",\n \"GUTablet\": \"TX-A1301|TX-M9002|Q702|kf026\",\n \"PointOfViewTablet\": \"TAB-P506|TAB-navi-7-3G-M|TAB-P517|TAB-P-527|TAB-P701|TAB-P703|TAB-P721|TAB-P731N|TAB-P741|TAB-P825|TAB-P905|TAB-P925|TAB-PR945|TAB-PL1015|TAB-P1025|TAB-PI1045|TAB-P1325|TAB-PROTAB[0-9]+|TAB-PROTAB25|TAB-PROTAB26|TAB-PROTAB27|TAB-PROTAB26XL|TAB-PROTAB2-IPS9|TAB-PROTAB30-IPS9|TAB-PROTAB25XXL|TAB-PROTAB26-IPS10|TAB-PROTAB30-IPS10\",\n \"OvermaxTablet\": \"OV-(SteelCore|NewBase|Basecore|Baseone|Exellen|Quattor|EduTab|Solution|ACTION|BasicTab|TeddyTab|MagicTab|Stream|TB-08|TB-09)|Qualcore 1027\",\n \"HCLTablet\": \"HCL.*Tablet|Connect-3G-2.0|Connect-2G-2.0|ME Tablet U1|ME Tablet U2|ME Tablet G1|ME Tablet X1|ME Tablet Y2|ME Tablet Sync\",\n \"DPSTablet\": \"DPS Dream 9|DPS Dual 7\",\n \"VistureTablet\": \"V97 HD|i75 3G|Visture V4( HD)?|Visture V5( HD)?|Visture V10\",\n \"CrestaTablet\": \"CTP(-)?810|CTP(-)?818|CTP(-)?828|CTP(-)?838|CTP(-)?888|CTP(-)?978|CTP(-)?980|CTP(-)?987|CTP(-)?988|CTP(-)?989\",\n \"MediatekTablet\": \"\\\\bMT8125|MT8389|MT8135|MT8377\\\\b\",\n \"ConcordeTablet\": \"Concorde([ ]+)?Tab|ConCorde ReadMan\",\n \"GoCleverTablet\": \"GOCLEVER TAB|A7GOCLEVER|M1042|M7841|M742|R1042BK|R1041|TAB A975|TAB A7842|TAB A741|TAB A741L|TAB M723G|TAB M721|TAB A1021|TAB I921|TAB R721|TAB I720|TAB T76|TAB R70|TAB R76.2|TAB R106|TAB R83.2|TAB M813G|TAB I721|GCTA722|TAB I70|TAB I71|TAB S73|TAB R73|TAB R74|TAB R93|TAB R75|TAB R76.1|TAB A73|TAB A93|TAB A93.2|TAB T72|TAB R83|TAB R974|TAB R973|TAB A101|TAB A103|TAB A104|TAB A104.2|R105BK|M713G|A972BK|TAB A971|TAB R974.2|TAB R104|TAB R83.3|TAB A1042\",\n \"ModecomTablet\": \"FreeTAB 9000|FreeTAB 7.4|FreeTAB 7004|FreeTAB 7800|FreeTAB 2096|FreeTAB 7.5|FreeTAB 1014|FreeTAB 1001 |FreeTAB 8001|FreeTAB 9706|FreeTAB 9702|FreeTAB 7003|FreeTAB 7002|FreeTAB 1002|FreeTAB 7801|FreeTAB 1331|FreeTAB 1004|FreeTAB 8002|FreeTAB 8014|FreeTAB 9704|FreeTAB 1003\",\n \"VoninoTablet\": \"\\\\b(Argus[ _]?S|Diamond[ _]?79HD|Emerald[ _]?78E|Luna[ _]?70C|Onyx[ _]?S|Onyx[ _]?Z|Orin[ _]?HD|Orin[ _]?S|Otis[ _]?S|SpeedStar[ _]?S|Magnet[ _]?M9|Primus[ _]?94[ _]?3G|Primus[ _]?94HD|Primus[ _]?QS|Android.*\\\\bQ8\\\\b|Sirius[ _]?EVO[ _]?QS|Sirius[ _]?QS|Spirit[ _]?S)\\\\b\",\n \"ECSTablet\": \"V07OT2|TM105A|S10OT1|TR10CS1\",\n \"StorexTablet\": \"eZee[_']?(Tab|Go)[0-9]+|TabLC7|Looney Tunes Tab\",\n \"VodafoneTablet\": \"SmartTab([ ]+)?[0-9]+|SmartTabII10|SmartTabII7|VF-1497\",\n \"EssentielBTablet\": \"Smart[ ']?TAB[ ]+?[0-9]+|Family[ ']?TAB2\",\n \"RossMoorTablet\": \"RM-790|RM-997|RMD-878G|RMD-974R|RMT-705A|RMT-701|RME-601|RMT-501|RMT-711\",\n \"iMobileTablet\": \"i-mobile i-note\",\n \"TolinoTablet\": \"tolino tab [0-9.]+|tolino shine\",\n \"AudioSonicTablet\": \"\\\\bC-22Q|T7-QC|T-17B|T-17P\\\\b\",\n \"AMPETablet\": \"Android.* A78 \",\n \"SkkTablet\": \"Android.* (SKYPAD|PHOENIX|CYCLOPS)\",\n \"TecnoTablet\": \"TECNO P9|TECNO DP8D\",\n \"JXDTablet\": \"Android.* \\\\b(F3000|A3300|JXD5000|JXD3000|JXD2000|JXD300B|JXD300|S5800|S7800|S602b|S5110b|S7300|S5300|S602|S603|S5100|S5110|S601|S7100a|P3000F|P3000s|P101|P200s|P1000m|P200m|P9100|P1000s|S6600b|S908|P1000|P300|S18|S6600|S9100)\\\\b\",\n \"iJoyTablet\": \"Tablet (Spirit 7|Essentia|Galatea|Fusion|Onix 7|Landa|Titan|Scooby|Deox|Stella|Themis|Argon|Unique 7|Sygnus|Hexen|Finity 7|Cream|Cream X2|Jade|Neon 7|Neron 7|Kandy|Scape|Saphyr 7|Rebel|Biox|Rebel|Rebel 8GB|Myst|Draco 7|Myst|Tab7-004|Myst|Tadeo Jones|Tablet Boing|Arrow|Draco Dual Cam|Aurix|Mint|Amity|Revolution|Finity 9|Neon 9|T9w|Amity 4GB Dual Cam|Stone 4GB|Stone 8GB|Andromeda|Silken|X2|Andromeda II|Halley|Flame|Saphyr 9,7|Touch 8|Planet|Triton|Unique 10|Hexen 10|Memphis 4GB|Memphis 8GB|Onix 10)\",\n \"FX2Tablet\": \"FX2 PAD7|FX2 PAD10\",\n \"XoroTablet\": \"KidsPAD 701|PAD[ ]?712|PAD[ ]?714|PAD[ ]?716|PAD[ ]?717|PAD[ ]?718|PAD[ ]?720|PAD[ ]?721|PAD[ ]?722|PAD[ ]?790|PAD[ ]?792|PAD[ ]?900|PAD[ ]?9715D|PAD[ ]?9716DR|PAD[ ]?9718DR|PAD[ ]?9719QR|PAD[ ]?9720QR|TelePAD1030|Telepad1032|TelePAD730|TelePAD731|TelePAD732|TelePAD735Q|TelePAD830|TelePAD9730|TelePAD795|MegaPAD 1331|MegaPAD 1851|MegaPAD 2151\",\n \"ViewsonicTablet\": \"ViewPad 10pi|ViewPad 10e|ViewPad 10s|ViewPad E72|ViewPad7|ViewPad E100|ViewPad 7e|ViewSonic VB733|VB100a\",\n \"VerizonTablet\": \"QTAQZ3|QTAIR7|QTAQTZ3|QTASUN1|QTASUN2|QTAXIA1\",\n \"OdysTablet\": \"LOOX|XENO10|ODYS[ -](Space|EVO|Xpress|NOON)|\\\\bXELIO\\\\b|Xelio10Pro|XELIO7PHONETAB|XELIO10EXTREME|XELIOPT2|NEO_QUAD10\",\n \"CaptivaTablet\": \"CAPTIVA PAD\",\n \"IconbitTablet\": \"NetTAB|NT-3702|NT-3702S|NT-3702S|NT-3603P|NT-3603P|NT-0704S|NT-0704S|NT-3805C|NT-3805C|NT-0806C|NT-0806C|NT-0909T|NT-0909T|NT-0907S|NT-0907S|NT-0902S|NT-0902S\",\n \"TeclastTablet\": \"T98 4G|\\\\bP80\\\\b|\\\\bX90HD\\\\b|X98 Air|X98 Air 3G|\\\\bX89\\\\b|P80 3G|\\\\bX80h\\\\b|P98 Air|\\\\bX89HD\\\\b|P98 3G|\\\\bP90HD\\\\b|P89 3G|X98 3G|\\\\bP70h\\\\b|P79HD 3G|G18d 3G|\\\\bP79HD\\\\b|\\\\bP89s\\\\b|\\\\bA88\\\\b|\\\\bP10HD\\\\b|\\\\bP19HD\\\\b|G18 3G|\\\\bP78HD\\\\b|\\\\bA78\\\\b|\\\\bP75\\\\b|G17s 3G|G17h 3G|\\\\bP85t\\\\b|\\\\bP90\\\\b|\\\\bP11\\\\b|\\\\bP98t\\\\b|\\\\bP98HD\\\\b|\\\\bG18d\\\\b|\\\\bP85s\\\\b|\\\\bP11HD\\\\b|\\\\bP88s\\\\b|\\\\bA80HD\\\\b|\\\\bA80se\\\\b|\\\\bA10h\\\\b|\\\\bP89\\\\b|\\\\bP78s\\\\b|\\\\bG18\\\\b|\\\\bP85\\\\b|\\\\bA70h\\\\b|\\\\bA70\\\\b|\\\\bG17\\\\b|\\\\bP18\\\\b|\\\\bA80s\\\\b|\\\\bA11s\\\\b|\\\\bP88HD\\\\b|\\\\bA80h\\\\b|\\\\bP76s\\\\b|\\\\bP76h\\\\b|\\\\bP98\\\\b|\\\\bA10HD\\\\b|\\\\bP78\\\\b|\\\\bP88\\\\b|\\\\bA11\\\\b|\\\\bA10t\\\\b|\\\\bP76a\\\\b|\\\\bP76t\\\\b|\\\\bP76e\\\\b|\\\\bP85HD\\\\b|\\\\bP85a\\\\b|\\\\bP86\\\\b|\\\\bP75HD\\\\b|\\\\bP76v\\\\b|\\\\bA12\\\\b|\\\\bP75a\\\\b|\\\\bA15\\\\b|\\\\bP76Ti\\\\b|\\\\bP81HD\\\\b|\\\\bA10\\\\b|\\\\bT760VE\\\\b|\\\\bT720HD\\\\b|\\\\bP76\\\\b|\\\\bP73\\\\b|\\\\bP71\\\\b|\\\\bP72\\\\b|\\\\bT720SE\\\\b|\\\\bC520Ti\\\\b|\\\\bT760\\\\b|\\\\bT720VE\\\\b|T720-3GE|T720-WiFi\",\n \"OndaTablet\": \"\\\\b(V975i|Vi30|VX530|V701|Vi60|V701s|Vi50|V801s|V719|Vx610w|VX610W|V819i|Vi10|VX580W|Vi10|V711s|V813|V811|V820w|V820|Vi20|V711|VI30W|V712|V891w|V972|V819w|V820w|Vi60|V820w|V711|V813s|V801|V819|V975s|V801|V819|V819|V818|V811|V712|V975m|V101w|V961w|V812|V818|V971|V971s|V919|V989|V116w|V102w|V973|Vi40)\\\\b[\\\\s]+|V10 \\\\b4G\\\\b\",\n \"JaytechTablet\": \"TPC-PA762\",\n \"BlaupunktTablet\": \"Endeavour 800NG|Endeavour 1010\",\n \"DigmaTablet\": \"\\\\b(iDx10|iDx9|iDx8|iDx7|iDxD7|iDxD8|iDsQ8|iDsQ7|iDsQ8|iDsD10|iDnD7|3TS804H|iDsQ11|iDj7|iDs10)\\\\b\",\n \"EvolioTablet\": \"ARIA_Mini_wifi|Aria[ _]Mini|Evolio X10|Evolio X7|Evolio X8|\\\\bEvotab\\\\b|\\\\bNeura\\\\b\",\n \"LavaTablet\": \"QPAD E704|\\\\bIvoryS\\\\b|E-TAB IVORY|\\\\bE-TAB\\\\b\",\n \"AocTablet\": \"MW0811|MW0812|MW0922|MTK8382|MW1031|MW0831|MW0821|MW0931|MW0712\",\n \"MpmanTablet\": \"MP11 OCTA|MP10 OCTA|MPQC1114|MPQC1004|MPQC994|MPQC974|MPQC973|MPQC804|MPQC784|MPQC780|\\\\bMPG7\\\\b|MPDCG75|MPDCG71|MPDC1006|MP101DC|MPDC9000|MPDC905|MPDC706HD|MPDC706|MPDC705|MPDC110|MPDC100|MPDC99|MPDC97|MPDC88|MPDC8|MPDC77|MP709|MID701|MID711|MID170|MPDC703|MPQC1010\",\n \"CelkonTablet\": \"CT695|CT888|CT[\\\\s]?910|CT7 Tab|CT9 Tab|CT3 Tab|CT2 Tab|CT1 Tab|C820|C720|\\\\bCT-1\\\\b\",\n \"WolderTablet\": \"miTab \\\\b(DIAMOND|SPACE|BROOKLYN|NEO|FLY|MANHATTAN|FUNK|EVOLUTION|SKY|GOCAR|IRON|GENIUS|POP|MINT|EPSILON|BROADWAY|JUMP|HOP|LEGEND|NEW AGE|LINE|ADVANCE|FEEL|FOLLOW|LIKE|LINK|LIVE|THINK|FREEDOM|CHICAGO|CLEVELAND|BALTIMORE-GH|IOWA|BOSTON|SEATTLE|PHOENIX|DALLAS|IN 101|MasterChef)\\\\b\",\n \"MediacomTablet\": \"M-MPI10C3G|M-SP10EG|M-SP10EGP|M-SP10HXAH|M-SP7HXAH|M-SP10HXBH|M-SP8HXAH|M-SP8MXA\",\n \"MiTablet\": \"\\\\bMI PAD\\\\b|\\\\bHM NOTE 1W\\\\b\",\n \"NibiruTablet\": \"Nibiru M1|Nibiru Jupiter One\",\n \"NexoTablet\": \"NEXO NOVA|NEXO 10|NEXO AVIO|NEXO FREE|NEXO GO|NEXO EVO|NEXO 3G|NEXO SMART|NEXO KIDDO|NEXO MOBI\",\n \"LeaderTablet\": \"TBLT10Q|TBLT10I|TBL-10WDKB|TBL-10WDKBO2013|TBL-W230V2|TBL-W450|TBL-W500|SV572|TBLT7I|TBA-AC7-8G|TBLT79|TBL-8W16|TBL-10W32|TBL-10WKB|TBL-W100\",\n \"UbislateTablet\": \"UbiSlate[\\\\s]?7C\",\n \"PocketBookTablet\": \"Pocketbook\",\n \"KocasoTablet\": \"\\\\b(TB-1207)\\\\b\",\n \"HisenseTablet\": \"\\\\b(F5281|E2371)\\\\b\",\n \"Hudl\": \"Hudl HT7S3|Hudl 2\",\n \"TelstraTablet\": \"T-Hub2\",\n \"GenericTablet\": \"Android.*\\\\b97D\\\\b|Tablet(?!.*PC)|BNTV250A|MID-WCDMA|LogicPD Zoom2|\\\\bA7EB\\\\b|CatNova8|A1_07|CT704|CT1002|\\\\bM721\\\\b|rk30sdk|\\\\bEVOTAB\\\\b|M758A|ET904|ALUMIUM10|Smartfren Tab|Endeavour 1010|Tablet-PC-4|Tagi Tab|\\\\bM6pro\\\\b|CT1020W|arc 10HD|\\\\bTP750\\\\b|\\\\bQTAQZ3\\\\b|WVT101|TM1088|KT107\"\n },\n \"oss\": {\n \"AndroidOS\": \"Android\",\n \"BlackBerryOS\": \"blackberry|\\\\bBB10\\\\b|rim tablet os\",\n \"PalmOS\": \"PalmOS|avantgo|blazer|elaine|hiptop|palm|plucker|xiino\",\n \"SymbianOS\": \"Symbian|SymbOS|Series60|Series40|SYB-[0-9]+|\\\\bS60\\\\b\",\n \"WindowsMobileOS\": \"Windows CE.*(PPC|Smartphone|Mobile|[0-9]{3}x[0-9]{3})|Window Mobile|Windows Phone [0-9.]+|WCE;\",\n \"WindowsPhoneOS\": \"Windows Phone 10.0|Windows Phone 8.1|Windows Phone 8.0|Windows Phone OS|XBLWP7|ZuneWP7|Windows NT 6.[23]; ARM;\",\n \"iOS\": \"\\\\biPhone.*Mobile|\\\\biPod|\\\\biPad|AppleCoreMedia\",\n \"MeeGoOS\": \"MeeGo\",\n \"MaemoOS\": \"Maemo\",\n \"JavaOS\": \"J2ME\\/|\\\\bMIDP\\\\b|\\\\bCLDC\\\\b\",\n \"webOS\": \"webOS|hpwOS\",\n \"badaOS\": \"\\\\bBada\\\\b\",\n \"BREWOS\": \"BREW\"\n },\n \"uas\": {\n \"Chrome\": \"\\\\bCrMo\\\\b|CriOS|Android.*Chrome\\/[.0-9]* (Mobile)?\",\n \"Dolfin\": \"\\\\bDolfin\\\\b\",\n \"Opera\": \"Opera.*Mini|Opera.*Mobi|Android.*Opera|Mobile.*OPR\\/[0-9.]+$|Coast\\/[0-9.]+\",\n \"Skyfire\": \"Skyfire\",\n \"Edge\": \"Mobile Safari\\/[.0-9]* Edge\",\n \"IE\": \"IEMobile|MSIEMobile\",\n \"Firefox\": \"fennec|firefox.*maemo|(Mobile|Tablet).*Firefox|Firefox.*Mobile|FxiOS\",\n \"Bolt\": \"bolt\",\n \"TeaShark\": \"teashark\",\n \"Blazer\": \"Blazer\",\n \"Safari\": \"Version.*Mobile.*Safari|Safari.*Mobile|MobileSafari\",\n \"WeChat\": \"\\\\bMicroMessenger\\\\b\",\n \"UCBrowser\": \"UC.*Browser|UCWEB\",\n \"baiduboxapp\": \"baiduboxapp\",\n \"baidubrowser\": \"baidubrowser\",\n \"DiigoBrowser\": \"DiigoBrowser\",\n \"Puffin\": \"Puffin\",\n \"Mercury\": \"\\\\bMercury\\\\b\",\n \"ObigoBrowser\": \"Obigo\",\n \"NetFront\": \"NF-Browser\",\n \"GenericBrowser\": \"NokiaBrowser|OviBrowser|OneBrowser|TwonkyBeamBrowser|SEMC.*Browser|FlyFlow|Minimo|NetFront|Novarra-Vision|MQQBrowser|MicroMessenger\",\n \"PaleMoon\": \"Android.*PaleMoon|Mobile.*PaleMoon\"\n },\n \"props\": {\n \"Mobile\": \"Mobile\\/[VER]\",\n \"Build\": \"Build\\/[VER]\",\n \"Version\": \"Version\\/[VER]\",\n \"VendorID\": \"VendorID\\/[VER]\",\n \"iPad\": \"iPad.*CPU[a-z ]+[VER]\",\n \"iPhone\": \"iPhone.*CPU[a-z ]+[VER]\",\n \"iPod\": \"iPod.*CPU[a-z ]+[VER]\",\n \"Kindle\": \"Kindle\\/[VER]\",\n \"Chrome\": [\n \"Chrome\\/[VER]\",\n \"CriOS\\/[VER]\",\n \"CrMo\\/[VER]\"\n ],\n \"Coast\": [\n \"Coast\\/[VER]\"\n ],\n \"Dolfin\": \"Dolfin\\/[VER]\",\n \"Firefox\": [\n \"Firefox\\/[VER]\",\n \"FxiOS\\/[VER]\"\n ],\n \"Fennec\": \"Fennec\\/[VER]\",\n \"Edge\": \"Edge\\/[VER]\",\n \"IE\": [\n \"IEMobile\\/[VER];\",\n \"IEMobile [VER]\",\n \"MSIE [VER];\",\n \"Trident\\/[0-9.]+;.*rv:[VER]\"\n ],\n \"NetFront\": \"NetFront\\/[VER]\",\n \"NokiaBrowser\": \"NokiaBrowser\\/[VER]\",\n \"Opera\": [\n \" OPR\\/[VER]\",\n \"Opera Mini\\/[VER]\",\n \"Version\\/[VER]\"\n ],\n \"Opera Mini\": \"Opera Mini\\/[VER]\",\n \"Opera Mobi\": \"Version\\/[VER]\",\n \"UCBrowser\": [\n \"UCWEB[VER]\",\n \"UC.*Browser\\/[VER]\"\n ],\n \"MQQBrowser\": \"MQQBrowser\\/[VER]\",\n \"MicroMessenger\": \"MicroMessenger\\/[VER]\",\n \"baiduboxapp\": \"baiduboxapp\\/[VER]\",\n \"baidubrowser\": \"baidubrowser\\/[VER]\",\n \"SamsungBrowser\": \"SamsungBrowser\\/[VER]\",\n \"Iron\": \"Iron\\/[VER]\",\n \"Safari\": [\n \"Version\\/[VER]\",\n \"Safari\\/[VER]\"\n ],\n \"Skyfire\": \"Skyfire\\/[VER]\",\n \"Tizen\": \"Tizen\\/[VER]\",\n \"Webkit\": \"webkit[ \\/][VER]\",\n \"PaleMoon\": \"PaleMoon\\/[VER]\",\n \"Gecko\": \"Gecko\\/[VER]\",\n \"Trident\": \"Trident\\/[VER]\",\n \"Presto\": \"Presto\\/[VER]\",\n \"Goanna\": \"Goanna\\/[VER]\",\n \"iOS\": \" \\\\bi?OS\\\\b [VER][ ;]{1}\",\n \"Android\": \"Android [VER]\",\n \"BlackBerry\": [\n \"BlackBerry[\\\\w]+\\/[VER]\",\n \"BlackBerry.*Version\\/[VER]\",\n \"Version\\/[VER]\"\n ],\n \"BREW\": \"BREW [VER]\",\n \"Java\": \"Java\\/[VER]\",\n \"Windows Phone OS\": [\n \"Windows Phone OS [VER]\",\n \"Windows Phone [VER]\"\n ],\n \"Windows Phone\": \"Windows Phone [VER]\",\n \"Windows CE\": \"Windows CE\\/[VER]\",\n \"Windows NT\": \"Windows NT [VER]\",\n \"Symbian\": [\n \"SymbianOS\\/[VER]\",\n \"Symbian\\/[VER]\"\n ],\n \"webOS\": [\n \"webOS\\/[VER]\",\n \"hpwOS\\/[VER];\"\n ]\n },\n \"utils\": {\n \"Bot\": \"Googlebot|facebookexternalhit|AdsBot-Google|Google Keyword Suggestion|Facebot|YandexBot|YandexMobileBot|bingbot|ia_archiver|AhrefsBot|Ezooms|GSLFbot|WBSearchBot|Twitterbot|TweetmemeBot|Twikle|PaperLiBot|Wotbox|UnwindFetchor|Exabot|MJ12bot|YandexImages|TurnitinBot|Pingdom\",\n \"MobileBot\": \"Googlebot-Mobile|AdsBot-Google-Mobile|YahooSeeker\\/M1A1-R2D2\",\n \"DesktopMode\": \"WPDesktop\",\n \"TV\": \"SonyDTV|HbbTV\",\n \"WebKit\": \"(webkit)[ \\/]([\\\\w.]+)\",\n \"Console\": \"\\\\b(Nintendo|Nintendo WiiU|Nintendo 3DS|Nintendo Switch|PLAYSTATION|Xbox)\\\\b\",\n \"Watch\": \"SM-V700\"\n }\n};\n\n // following patterns come from http://detectmobilebrowsers.com/\n impl.detectMobileBrowsers = {\n fullPattern: /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i,\n shortPattern: /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i,\n tabletPattern: /android|ipad|playbook|silk/i\n };\n\n var hasOwnProp = Object.prototype.hasOwnProperty,\n isArray;\n\n impl.FALLBACK_PHONE = 'UnknownPhone';\n impl.FALLBACK_TABLET = 'UnknownTablet';\n impl.FALLBACK_MOBILE = 'UnknownMobile';\n\n isArray = ('isArray' in Array) ?\n Array.isArray : function (value) { return Object.prototype.toString.call(value) === '[object Array]'; };\n\n function equalIC(a, b) {\n return a != null && b != null && a.toLowerCase() === b.toLowerCase();\n }\n\n function containsIC(array, value) {\n var valueLC, i, len = array.length;\n if (!len || !value) {\n return false;\n }\n valueLC = value.toLowerCase();\n for (i = 0; i < len; ++i) {\n if (valueLC === array[i].toLowerCase()) {\n return true;\n }\n }\n return false;\n }\n\n function convertPropsToRegExp(object) {\n for (var key in object) {\n if (hasOwnProp.call(object, key)) {\n object[key] = new RegExp(object[key], 'i');\n }\n }\n }\n\n function prepareUserAgent(userAgent) {\n return (userAgent || '').substr(0, 500); // mitigate vulnerable to ReDoS\n }\n\n (function init() {\n var key, values, value, i, len, verPos, mobileDetectRules = impl.mobileDetectRules;\n for (key in mobileDetectRules.props) {\n if (hasOwnProp.call(mobileDetectRules.props, key)) {\n values = mobileDetectRules.props[key];\n if (!isArray(values)) {\n values = [values];\n }\n len = values.length;\n for (i = 0; i < len; ++i) {\n value = values[i];\n verPos = value.indexOf('[VER]');\n if (verPos >= 0) {\n value = value.substring(0, verPos) + '([\\\\w._\\\\+]+)' + value.substring(verPos + 5);\n }\n values[i] = new RegExp(value, 'i');\n }\n mobileDetectRules.props[key] = values;\n }\n }\n convertPropsToRegExp(mobileDetectRules.oss);\n convertPropsToRegExp(mobileDetectRules.phones);\n convertPropsToRegExp(mobileDetectRules.tablets);\n convertPropsToRegExp(mobileDetectRules.uas);\n convertPropsToRegExp(mobileDetectRules.utils);\n\n // copy some patterns to oss0 which are tested first (see issue#15)\n mobileDetectRules.oss0 = {\n WindowsPhoneOS: mobileDetectRules.oss.WindowsPhoneOS,\n WindowsMobileOS: mobileDetectRules.oss.WindowsMobileOS\n };\n }());\n\n /**\n * Test userAgent string against a set of rules and find the first matched key.\n * @param {Object} rules (key is String, value is RegExp)\n * @param {String} userAgent the navigator.userAgent (or HTTP-Header 'User-Agent').\n * @returns {String|null} the matched key if found, otherwise null\n * @private\n */\n impl.findMatch = function(rules, userAgent) {\n for (var key in rules) {\n if (hasOwnProp.call(rules, key)) {\n if (rules[key].test(userAgent)) {\n return key;\n }\n }\n }\n return null;\n };\n\n /**\n * Test userAgent string against a set of rules and return an array of matched keys.\n * @param {Object} rules (key is String, value is RegExp)\n * @param {String} userAgent the navigator.userAgent (or HTTP-Header 'User-Agent').\n * @returns {Array} an array of matched keys, may be empty when there is no match, but not null\n * @private\n */\n impl.findMatches = function(rules, userAgent) {\n var result = [];\n for (var key in rules) {\n if (hasOwnProp.call(rules, key)) {\n if (rules[key].test(userAgent)) {\n result.push(key);\n }\n }\n }\n return result;\n };\n\n /**\n * Check the version of the given property in the User-Agent.\n *\n * @param {String} propertyName\n * @param {String} userAgent\n * @return {String} version or null if version not found\n * @private\n */\n impl.getVersionStr = function (propertyName, userAgent) {\n var props = impl.mobileDetectRules.props, patterns, i, len, match;\n if (hasOwnProp.call(props, propertyName)) {\n patterns = props[propertyName];\n len = patterns.length;\n for (i = 0; i < len; ++i) {\n match = patterns[i].exec(userAgent);\n if (match !== null) {\n return match[1];\n }\n }\n }\n return null;\n };\n\n /**\n * Check the version of the given property in the User-Agent.\n * Will return a float number. (eg. 2_0 will return 2.0, 4.3.1 will return 4.31)\n *\n * @param {String} propertyName\n * @param {String} userAgent\n * @return {Number} version or NaN if version not found\n * @private\n */\n impl.getVersion = function (propertyName, userAgent) {\n var version = impl.getVersionStr(propertyName, userAgent);\n return version ? impl.prepareVersionNo(version) : NaN;\n };\n\n /**\n * Prepare the version number.\n *\n * @param {String} version\n * @return {Number} the version number as a floating number\n * @private\n */\n impl.prepareVersionNo = function (version) {\n var numbers;\n\n numbers = version.split(/[a-z._ \\/\\-]/i);\n if (numbers.length === 1) {\n version = numbers[0];\n }\n if (numbers.length > 1) {\n version = numbers[0] + '.';\n numbers.shift();\n version += numbers.join('');\n }\n return Number(version);\n };\n\n impl.isMobileFallback = function (userAgent) {\n return impl.detectMobileBrowsers.fullPattern.test(userAgent) ||\n impl.detectMobileBrowsers.shortPattern.test(userAgent.substr(0,4));\n };\n\n impl.isTabletFallback = function (userAgent) {\n return impl.detectMobileBrowsers.tabletPattern.test(userAgent);\n };\n\n impl.prepareDetectionCache = function (cache, userAgent, maxPhoneWidth) {\n if (cache.mobile !== undefined) {\n return;\n }\n var phone, tablet, phoneSized;\n\n // first check for stronger tablet rules, then phone (see issue#5)\n tablet = impl.findMatch(impl.mobileDetectRules.tablets, userAgent);\n if (tablet) {\n cache.mobile = cache.tablet = tablet;\n cache.phone = null;\n return; // unambiguously identified as tablet\n }\n\n phone = impl.findMatch(impl.mobileDetectRules.phones, userAgent);\n if (phone) {\n cache.mobile = cache.phone = phone;\n cache.tablet = null;\n return; // unambiguously identified as phone\n }\n\n // our rules haven't found a match -> try more general fallback rules\n if (impl.isMobileFallback(userAgent)) {\n phoneSized = MobileDetect.isPhoneSized(maxPhoneWidth);\n if (phoneSized === undefined) {\n cache.mobile = impl.FALLBACK_MOBILE;\n cache.tablet = cache.phone = null;\n } else if (phoneSized) {\n cache.mobile = cache.phone = impl.FALLBACK_PHONE;\n cache.tablet = null;\n } else {\n cache.mobile = cache.tablet = impl.FALLBACK_TABLET;\n cache.phone = null;\n }\n } else if (impl.isTabletFallback(userAgent)) {\n cache.mobile = cache.tablet = impl.FALLBACK_TABLET;\n cache.phone = null;\n } else {\n // not mobile at all!\n cache.mobile = cache.tablet = cache.phone = null;\n }\n };\n\n // t is a reference to a MobileDetect instance\n impl.mobileGrade = function (t) {\n // impl note:\n // To keep in sync w/ Mobile_Detect.php easily, the following code is tightly aligned to the PHP version.\n // When changes are made in Mobile_Detect.php, copy this method and replace:\n // $this-> / t.\n // self::MOBILE_GRADE_(.) / '$1'\n // , self::VERSION_TYPE_FLOAT / (nothing)\n // isIOS() / os('iOS')\n // [reg] / (nothing) <-- jsdelivr complaining about unescaped unicode character U+00AE\n var $isMobile = t.mobile() !== null;\n\n if (\n // Apple iOS 3.2-5.1 - Tested on the original iPad (4.3 / 5.0), iPad 2 (4.3), iPad 3 (5.1), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), 4 (4.3 / 5.0), and 4S (5.1)\n t.os('iOS') && t.version('iPad')>=4.3 ||\n t.os('iOS') && t.version('iPhone')>=3.1 ||\n t.os('iOS') && t.version('iPod')>=3.1 ||\n\n // Android 2.1-2.3 - Tested on the HTC Incredible (2.2), original Droid (2.2), HTC Aria (2.1), Google Nexus S (2.3). Functional on 1.5 & 1.6 but performance may be sluggish, tested on Google G1 (1.5)\n // Android 3.1 (Honeycomb) - Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM\n // Android 4.0 (ICS) - Tested on a Galaxy Nexus. Note: transition performance can be poor on upgraded devices\n // Android 4.1 (Jelly Bean) - Tested on a Galaxy Nexus and Galaxy 7\n ( t.version('Android')>2.1 && t.is('Webkit') ) ||\n\n // Windows Phone 7-7.5 - Tested on the HTC Surround (7.0) HTC Trophy (7.5), LG-E900 (7.5), Nokia Lumia 800\n t.version('Windows Phone OS')>=7.0 ||\n\n // Blackberry 7 - Tested on BlackBerry Torch 9810\n // Blackberry 6.0 - Tested on the Torch 9800 and Style 9670\n t.is('BlackBerry') && t.version('BlackBerry')>=6.0 ||\n // Blackberry Playbook (1.0-2.0) - Tested on PlayBook\n t.match('Playbook.*Tablet') ||\n\n // Palm WebOS (1.4-2.0) - Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)\n ( t.version('webOS')>=1.4 && t.match('Palm|Pre|Pixi') ) ||\n // Palm WebOS 3.0 - Tested on HP TouchPad\n t.match('hp.*TouchPad') ||\n\n // Firefox Mobile (12 Beta) - Tested on Android 2.3 device\n ( t.is('Firefox') && t.version('Firefox')>=12 ) ||\n\n // Chrome for Android - Tested on Android 4.0, 4.1 device\n ( t.is('Chrome') && t.is('AndroidOS') && t.version('Android')>=4.0 ) ||\n\n // Skyfire 4.1 - Tested on Android 2.3 device\n ( t.is('Skyfire') && t.version('Skyfire')>=4.1 && t.is('AndroidOS') && t.version('Android')>=2.3 ) ||\n\n // Opera Mobile 11.5-12: Tested on Android 2.3\n ( t.is('Opera') && t.version('Opera Mobi')>11 && t.is('AndroidOS') ) ||\n\n // Meego 1.2 - Tested on Nokia 950 and N9\n t.is('MeeGoOS') ||\n\n // Tizen (pre-release) - Tested on early hardware\n t.is('Tizen') ||\n\n // Samsung Bada 2.0 - Tested on a Samsung Wave 3, Dolphin browser\n // @todo: more tests here!\n t.is('Dolfin') && t.version('Bada')>=2.0 ||\n\n // UC Browser - Tested on Android 2.3 device\n ( (t.is('UC Browser') || t.is('Dolfin')) && t.version('Android')>=2.3 ) ||\n\n // Kindle 3 and Fire - Tested on the built-in WebKit browser for each\n ( t.match('Kindle Fire') ||\n t.is('Kindle') && t.version('Kindle')>=3.0 ) ||\n\n // Nook Color 1.4.1 - Tested on original Nook Color, not Nook Tablet\n t.is('AndroidOS') && t.is('NookTablet') ||\n\n // Chrome Desktop 11-21 - Tested on OS X 10.7 and Windows 7\n t.version('Chrome')>=11 && !$isMobile ||\n\n // Safari Desktop 4-5 - Tested on OS X 10.7 and Windows 7\n t.version('Safari')>=5.0 && !$isMobile ||\n\n // Firefox Desktop 4-13 - Tested on OS X 10.7 and Windows 7\n t.version('Firefox')>=4.0 && !$isMobile ||\n\n // Internet Explorer 7-9 - Tested on Windows XP, Vista and 7\n t.version('MSIE')>=7.0 && !$isMobile ||\n\n // Opera Desktop 10-12 - Tested on OS X 10.7 and Windows 7\n // @reference: http://my.opera.com/community/openweb/idopera/\n t.version('Opera')>=10 && !$isMobile\n\n ){\n return 'A';\n }\n\n if (\n t.os('iOS') && t.version('iPad')<4.3 ||\n t.os('iOS') && t.version('iPhone')<3.1 ||\n t.os('iOS') && t.version('iPod')<3.1 ||\n\n // Blackberry 5.0: Tested on the Storm 2 9550, Bold 9770\n t.is('Blackberry') && t.version('BlackBerry')>=5 && t.version('BlackBerry')<6 ||\n\n //Opera Mini (5.0-6.5) - Tested on iOS 3.2/4.3 and Android 2.3\n ( t.version('Opera Mini')>=5.0 && t.version('Opera Mini')<=6.5 &&\n (t.version('Android')>=2.3 || t.is('iOS')) ) ||\n\n // Nokia Symbian^3 - Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)\n t.match('NokiaN8|NokiaC7|N97.*Series60|Symbian/3') ||\n\n // @todo: report this (tested on Nokia N71)\n t.version('Opera Mobi')>=11 && t.is('SymbianOS')\n ){\n return 'B';\n }\n\n if (\n // Blackberry 4.x - Tested on the Curve 8330\n t.version('BlackBerry')<5.0 ||\n // Windows Mobile - Tested on the HTC Leo (WinMo 5.2)\n t.match('MSIEMobile|Windows CE.*Mobile') || t.version('Windows Mobile')<=5.2\n\n ){\n return 'C';\n }\n\n //All older smartphone platforms and featurephones - Any device that doesn't support media queries\n //will receive the basic, C grade experience.\n return 'C';\n };\n\n impl.detectOS = function (ua) {\n return impl.findMatch(impl.mobileDetectRules.oss0, ua) ||\n impl.findMatch(impl.mobileDetectRules.oss, ua);\n };\n\n impl.getDeviceSmallerSide = function () {\n return window.screen.width < window.screen.height ?\n window.screen.width :\n window.screen.height;\n };\n\n /**\n * Constructor for MobileDetect object.\n *
\n * Such an object will keep a reference to the given user-agent string and cache most of the detect queries.
\n * \n *\n * @example \n * var md = new MobileDetect(window.navigator.userAgent);\n * if (md.mobile()) {\n * location.href = (md.mobileGrade() === 'A') ? '/mobile/' : '/lynx/';\n * }\n * \n *\n * @param {string} userAgent typically taken from window.navigator.userAgent or http_header['User-Agent']\n * @param {number} [maxPhoneWidth=600] only for browsers specify a value for the maximum\n * width of smallest device side (in logical \"CSS\" pixels) until a device detected as mobile will be handled\n * as phone.\n * This is only used in cases where the device cannot be classified as phone or tablet.
\n * See Declaring Tablet Layouts\n * for Android.
\n * If you provide a value < 0, then this \"fuzzy\" check is disabled.\n * @constructor\n * @global\n */\n function MobileDetect(userAgent, maxPhoneWidth) {\n this.ua = prepareUserAgent(userAgent);\n this._cache = {};\n //600dp is typical 7\" tablet minimum width\n this.maxPhoneWidth = maxPhoneWidth || 600;\n }\n\n MobileDetect.prototype = {\n constructor: MobileDetect,\n\n /**\n * Returns the detected phone or tablet type or null if it is not a mobile device.\n *
\n * For a list of possible return values see {@link MobileDetect#phone} and {@link MobileDetect#tablet}.
\n *
\n * If the device is not detected by the regular expressions from Mobile-Detect, a test is made against\n * the patterns of detectmobilebrowsers.com. If this test\n * is positive, a value of UnknownPhone, UnknownTablet or\n * UnknownMobile is returned.
\n * When used in browser, the decision whether phone or tablet is made based on screen.width/height.
\n *
\n * When used server-side (node.js), there is no way to tell the difference between UnknownTablet\n * and UnknownMobile, so you will get UnknownMobile here.
\n * Be aware that since v1.0.0 in this special case you will get UnknownMobile only for:\n * {@link MobileDetect#mobile}, not for {@link MobileDetect#phone} and {@link MobileDetect#tablet}.\n * In versions before v1.0.0 all 3 methods returned UnknownMobile which was tedious to use.\n *
\n * In most cases you will use the return value just as a boolean.\n *\n * @returns {String} the key for the phone family or tablet family, e.g. \"Nexus\".\n * @function MobileDetect#mobile\n */\n mobile: function () {\n impl.prepareDetectionCache(this._cache, this.ua, this.maxPhoneWidth);\n return this._cache.mobile;\n },\n\n /**\n * Returns the detected phone type/family string or null.\n *
\n * The returned tablet (family or producer) is one of following keys:
\n *
iPhone, BlackBerry, HTC, Nexus, Dell, Motorola, Samsung, LG, Sony, Asus,\n * NokiaLumia, Micromax, Palm, Vertu, Pantech, Fly, Wiko, iMobile, SimValley,\n * Wolfgang, Alcatel, Nintendo, Amoi, INQ, GenericPhone
\n *
\n * If the device is not detected by the regular expressions from Mobile-Detect, a test is made against\n * the patterns of detectmobilebrowsers.com. If this test\n * is positive, a value of UnknownPhone or UnknownMobile is returned.
\n * When used in browser, the decision whether phone or tablet is made based on screen.width/height.
\n *
\n * When used server-side (node.js), there is no way to tell the difference between UnknownTablet\n * and UnknownMobile, so you will get null here, while {@link MobileDetect#mobile}\n * will return UnknownMobile.
\n * Be aware that since v1.0.0 in this special case you will get UnknownMobile only for:\n * {@link MobileDetect#mobile}, not for {@link MobileDetect#phone} and {@link MobileDetect#tablet}.\n * In versions before v1.0.0 all 3 methods returned UnknownMobile which was tedious to use.\n *
\n * In most cases you will use the return value just as a boolean.\n *\n * @returns {String} the key of the phone family or producer, e.g. \"iPhone\"\n * @function MobileDetect#phone\n */\n phone: function () {\n impl.prepareDetectionCache(this._cache, this.ua, this.maxPhoneWidth);\n return this._cache.phone;\n },\n\n /**\n * Returns the detected tablet type/family string or null.\n *
\n * The returned tablet (family or producer) is one of following keys:
\n *
iPad, NexusTablet, GoogleTablet, SamsungTablet, Kindle, SurfaceTablet,\n * HPTablet, AsusTablet, BlackBerryTablet, HTCtablet, MotorolaTablet, NookTablet,\n * AcerTablet, ToshibaTablet, LGTablet, FujitsuTablet, PrestigioTablet,\n * LenovoTablet, DellTablet, YarvikTablet, MedionTablet, ArnovaTablet,\n * IntensoTablet, IRUTablet, MegafonTablet, EbodaTablet, AllViewTablet,\n * ArchosTablet, AinolTablet, NokiaLumiaTablet, SonyTablet, PhilipsTablet,\n * CubeTablet, CobyTablet, MIDTablet, MSITablet, SMiTTablet, RockChipTablet,\n * FlyTablet, bqTablet, HuaweiTablet, NecTablet, PantechTablet, BronchoTablet,\n * VersusTablet, ZyncTablet, PositivoTablet, NabiTablet, KoboTablet, DanewTablet,\n * TexetTablet, PlaystationTablet, TrekstorTablet, PyleAudioTablet, AdvanTablet,\n * DanyTechTablet, GalapadTablet, MicromaxTablet, KarbonnTablet, AllFineTablet,\n * PROSCANTablet, YONESTablet, ChangJiaTablet, GUTablet, PointOfViewTablet,\n * OvermaxTablet, HCLTablet, DPSTablet, VistureTablet, CrestaTablet,\n * MediatekTablet, ConcordeTablet, GoCleverTablet, ModecomTablet, VoninoTablet,\n * ECSTablet, StorexTablet, VodafoneTablet, EssentielBTablet, RossMoorTablet,\n * iMobileTablet, TolinoTablet, AudioSonicTablet, AMPETablet, SkkTablet,\n * TecnoTablet, JXDTablet, iJoyTablet, FX2Tablet, XoroTablet, ViewsonicTablet,\n * VerizonTablet, OdysTablet, CaptivaTablet, IconbitTablet, TeclastTablet,\n * OndaTablet, JaytechTablet, BlaupunktTablet, DigmaTablet, EvolioTablet,\n * LavaTablet, AocTablet, MpmanTablet, CelkonTablet, WolderTablet, MediacomTablet,\n * MiTablet, NibiruTablet, NexoTablet, LeaderTablet, UbislateTablet,\n * PocketBookTablet, KocasoTablet, HisenseTablet, Hudl, TelstraTablet,\n * GenericTablet
\n *
\n * If the device is not detected by the regular expressions from Mobile-Detect, a test is made against\n * the patterns of detectmobilebrowsers.com. If this test\n * is positive, a value of UnknownTablet or UnknownMobile is returned.
\n * When used in browser, the decision whether phone or tablet is made based on screen.width/height.
\n *
\n * When used server-side (node.js), there is no way to tell the difference between UnknownTablet\n * and UnknownMobile, so you will get null here, while {@link MobileDetect#mobile}\n * will return UnknownMobile.
\n * Be aware that since v1.0.0 in this special case you will get UnknownMobile only for:\n * {@link MobileDetect#mobile}, not for {@link MobileDetect#phone} and {@link MobileDetect#tablet}.\n * In versions before v1.0.0 all 3 methods returned UnknownMobile which was tedious to use.\n *
\n * In most cases you will use the return value just as a boolean.\n *\n * @returns {String} the key of the tablet family or producer, e.g. \"SamsungTablet\"\n * @function MobileDetect#tablet\n */\n tablet: function () {\n impl.prepareDetectionCache(this._cache, this.ua, this.maxPhoneWidth);\n return this._cache.tablet;\n },\n\n /**\n * Returns the (first) detected user-agent string or null.\n *
\n * The returned user-agent is one of following keys:
\n *
Chrome, Dolfin, Opera, Skyfire, Edge, IE, Firefox, Bolt, TeaShark, Blazer,\n * Safari, WeChat, UCBrowser, baiduboxapp, baidubrowser, DiigoBrowser, Puffin,\n * Mercury, ObigoBrowser, NetFront, GenericBrowser, PaleMoon
\n *
\n * In most cases calling {@link MobileDetect#userAgent} will be sufficient. But there are rare\n * cases where a mobile device pretends to be more than one particular browser. You can get the\n * list of all matches with {@link MobileDetect#userAgents} or check for a particular value by\n * providing one of the defined keys as first argument to {@link MobileDetect#is}.\n *\n * @returns {String} the key for the detected user-agent or null\n * @function MobileDetect#userAgent\n */\n userAgent: function () {\n if (this._cache.userAgent === undefined) {\n this._cache.userAgent = impl.findMatch(impl.mobileDetectRules.uas, this.ua);\n }\n return this._cache.userAgent;\n },\n\n /**\n * Returns all detected user-agent strings.\n *
\n * The array is empty or contains one or more of following keys:
\n *
Chrome, Dolfin, Opera, Skyfire, Edge, IE, Firefox, Bolt, TeaShark, Blazer,\n * Safari, WeChat, UCBrowser, baiduboxapp, baidubrowser, DiigoBrowser, Puffin,\n * Mercury, ObigoBrowser, NetFront, GenericBrowser, PaleMoon
\n *
\n * In most cases calling {@link MobileDetect#userAgent} will be sufficient. But there are rare\n * cases where a mobile device pretends to be more than one particular browser. You can get the\n * list of all matches with {@link MobileDetect#userAgents} or check for a particular value by\n * providing one of the defined keys as first argument to {@link MobileDetect#is}.\n *\n * @returns {Array} the array of detected user-agent keys or []\n * @function MobileDetect#userAgents\n */\n userAgents: function () {\n if (this._cache.userAgents === undefined) {\n this._cache.userAgents = impl.findMatches(impl.mobileDetectRules.uas, this.ua);\n }\n return this._cache.userAgents;\n },\n\n /**\n * Returns the detected operating system string or null.\n *
\n * The operating system is one of following keys:
\n *
AndroidOS, BlackBerryOS, PalmOS, SymbianOS, WindowsMobileOS, WindowsPhoneOS,\n * iOS, MeeGoOS, MaemoOS, JavaOS, webOS, badaOS, BREWOS
\n *\n * @returns {String} the key for the detected operating system.\n * @function MobileDetect#os\n */\n os: function () {\n if (this._cache.os === undefined) {\n this._cache.os = impl.detectOS(this.ua);\n }\n return this._cache.os;\n },\n\n /**\n * Get the version (as Number) of the given property in the User-Agent.\n *
\n * Will return a float number. (eg. 2_0 will return 2.0, 4.3.1 will return 4.31)\n *\n * @param {String} key a key defining a thing which has a version.
\n * You can use one of following keys:
\n *
Mobile, Build, Version, VendorID, iPad, iPhone, iPod, Kindle, Chrome, Coast,\n * Dolfin, Firefox, Fennec, Edge, IE, NetFront, NokiaBrowser, Opera, Opera Mini,\n * Opera Mobi, UCBrowser, MQQBrowser, MicroMessenger, baiduboxapp, baidubrowser,\n * SamsungBrowser, Iron, Safari, Skyfire, Tizen, Webkit, PaleMoon, Gecko, Trident,\n * Presto, Goanna, iOS, Android, BlackBerry, BREW, Java, Windows Phone OS, Windows\n * Phone, Windows CE, Windows NT, Symbian, webOS
\n *\n * @returns {Number} the version as float or NaN if User-Agent doesn't contain this version.\n * Be careful when comparing this value with '==' operator!\n * @function MobileDetect#version\n */\n version: function (key) {\n return impl.getVersion(key, this.ua);\n },\n\n /**\n * Get the version (as String) of the given property in the User-Agent.\n *
\n *\n * @param {String} key a key defining a thing which has a version.
\n * You can use one of following keys:
\n *
Mobile, Build, Version, VendorID, iPad, iPhone, iPod, Kindle, Chrome, Coast,\n * Dolfin, Firefox, Fennec, Edge, IE, NetFront, NokiaBrowser, Opera, Opera Mini,\n * Opera Mobi, UCBrowser, MQQBrowser, MicroMessenger, baiduboxapp, baidubrowser,\n * SamsungBrowser, Iron, Safari, Skyfire, Tizen, Webkit, PaleMoon, Gecko, Trident,\n * Presto, Goanna, iOS, Android, BlackBerry, BREW, Java, Windows Phone OS, Windows\n * Phone, Windows CE, Windows NT, Symbian, webOS
\n *\n * @returns {String} the \"raw\" version as String or null if User-Agent doesn't contain this version.\n *\n * @function MobileDetect#versionStr\n */\n versionStr: function (key) {\n return impl.getVersionStr(key, this.ua);\n },\n\n /**\n * Global test key against userAgent, os, phone, tablet and some other properties of userAgent string.\n *\n * @param {String} key the key (case-insensitive) of a userAgent, an operating system, phone or\n * tablet family.
\n * For a complete list of possible values, see {@link MobileDetect#userAgent},\n * {@link MobileDetect#os}, {@link MobileDetect#phone}, {@link MobileDetect#tablet}.
\n * Additionally you have following keys:
\n *
Bot, MobileBot, DesktopMode, TV, WebKit, Console, Watch
\n *\n * @returns {boolean} true when the given key is one of the defined keys of userAgent, os, phone,\n * tablet or one of the listed additional keys, otherwise false\n * @function MobileDetect#is\n */\n is: function (key) {\n return containsIC(this.userAgents(), key) ||\n equalIC(key, this.os()) ||\n equalIC(key, this.phone()) ||\n equalIC(key, this.tablet()) ||\n containsIC(impl.findMatches(impl.mobileDetectRules.utils, this.ua), key);\n },\n\n /**\n * Do a quick test against navigator::userAgent.\n *\n * @param {String|RegExp} pattern the pattern, either as String or RegExp\n * (a string will be converted to a case-insensitive RegExp).\n * @returns {boolean} true when the pattern matches, otherwise false\n * @function MobileDetect#match\n */\n match: function (pattern) {\n if (!(pattern instanceof RegExp)) {\n pattern = new RegExp(pattern, 'i');\n }\n return pattern.test(this.ua);\n },\n\n /**\n * Checks whether the mobile device can be considered as phone regarding screen.width.\n *
\n * Obviously this method makes sense in browser environments only (not for Node.js)!\n * @param {number} [maxPhoneWidth] the maximum logical pixels (aka. CSS-pixels) to be considered as phone.
\n * The argument is optional and if not present or falsy, the value of the constructor is taken.\n * @returns {boolean|undefined} undefined if screen size wasn't detectable, else true\n * when screen.width is less or equal to maxPhoneWidth, otherwise false.
\n * Will always return undefined server-side.\n */\n isPhoneSized: function (maxPhoneWidth) {\n return MobileDetect.isPhoneSized(maxPhoneWidth || this.maxPhoneWidth);\n },\n\n /**\n * Returns the mobile grade ('A', 'B', 'C').\n *\n * @returns {String} one of the mobile grades ('A', 'B', 'C').\n * @function MobileDetect#mobileGrade\n */\n mobileGrade: function () {\n if (this._cache.grade === undefined) {\n this._cache.grade = impl.mobileGrade(this);\n }\n return this._cache.grade;\n }\n };\n\n // environment-dependent\n if (typeof window !== 'undefined' && window.screen) {\n MobileDetect.isPhoneSized = function (maxPhoneWidth) {\n return maxPhoneWidth < 0 ? undefined : impl.getDeviceSmallerSide() <= maxPhoneWidth;\n };\n } else {\n MobileDetect.isPhoneSized = function () {};\n }\n\n // should not be replaced by a completely new object - just overwrite existing methods\n MobileDetect._impl = impl;\n \n MobileDetect.version = '1.4.3 2018-09-08';\n\n return MobileDetect;\n}); // end of call of define()\n})((function (undefined) {\n if (typeof module !== 'undefined' && module.exports) {\n return function (factory) { module.exports = factory(); };\n } else if (typeof define === 'function' && define.amd) {\n return define;\n } else if (typeof window !== 'undefined') {\n return function (factory) { window.MobileDetect = factory(); };\n } else {\n // please file a bug if you get this error!\n throw new Error('unknown environment');\n }\n})());","module.exports = function() {\n\tthrow new Error(\"define cannot be used indirect\");\n};\n","import styled, { css } from 'styled-components';\n\nimport { baseStyle } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst fullStyle = css`\n width: 100vw;\n height: 100vh;\n overflow: auto;\n`;\n\nconst StyledGrommet = styled.div`\n ${props => !props.plain && baseStyle}\n ${props => props.full && fullStyle}\n ${props => props.theme.global.font.face}\n ${props => props.theme.grommet.extend}\n`;\n\nStyledGrommet.defaultProps = {};\nObject.setPrototypeOf(StyledGrommet.defaultProps, defaultProps);\n\nexport { StyledGrommet };\n","import { StyledImage } from './StyledImage';\n\nlet ImageDoc;\nif (process.env.NODE_ENV !== 'production') {\n ImageDoc = require('./doc').doc(StyledImage); // eslint-disable-line global-require\n}\nconst ImageWrapper = ImageDoc || StyledImage;\nImageWrapper.displayName = 'Image';\n\nexport { ImageWrapper as Image };\n","import styled, { css } from 'styled-components';\n\nimport { genericStyles } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst FIT_MAP = {\n cover: 'cover',\n contain: 'contain',\n};\n\nconst fitStyle = css`\n flex: 1 1;\n overflow: hidden;\n object-fit: ${props => FIT_MAP[props.fit]};\n`;\n\nconst StyledImage = styled.img`\n ${genericStyles}\n ${props => props.fit && fitStyle}\n ${props => props.theme.image && props.theme.image.extend}\n`;\n\nStyledImage.defaultProps = {};\nObject.setPrototypeOf(StyledImage.defaultProps, defaultProps);\n\nexport { StyledImage };\n","import React, { Component } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { getNewContainer } from '../../utils';\n\nimport { LayerContainer } from './LayerContainer';\n\nclass Layer extends Component {\n static defaultProps = {\n full: false,\n margin: 'none',\n modal: true,\n position: 'center',\n responsive: true,\n };\n\n originalFocusedElement = document.activeElement;\n\n layerContainer = getNewContainer();\n\n componentWillUnmount() {\n if (this.originalFocusedElement) {\n if (this.originalFocusedElement.focus) {\n // wait for the fixed positioning to come back to normal\n // see layer styling for reference\n setTimeout(() => {\n this.originalFocusedElement.focus();\n }, 0);\n } else if (\n this.originalFocusedElement.parentNode &&\n this.originalFocusedElement.parentNode.focus\n ) {\n // required for IE11 and Edge\n this.originalFocusedElement.parentNode.focus();\n }\n }\n document.body.removeChild(this.layerContainer);\n }\n\n render() {\n return createPortal(\n ,\n this.layerContainer,\n );\n }\n}\n\nlet LayerDoc;\nif (process.env.NODE_ENV !== 'production') {\n LayerDoc = require('./doc').doc(Layer); // eslint-disable-line global-require\n}\nconst LayerWrapper = LayerDoc || Layer;\n\nexport { LayerWrapper as Layer };\n","import React, { createRef, Component } from 'react';\nimport styled from 'styled-components';\n\nimport { defaultProps } from '../../default-props';\nimport { ThemeContext } from '../../contexts';\n\nimport { FocusedContainer } from '../FocusedContainer';\nimport { Keyboard } from '../Keyboard';\nimport { backgroundIsDark } from '../../utils';\n\nimport { StyledLayer, StyledContainer, StyledOverlay } from './StyledLayer';\n\nconst HiddenAnchor = styled.a`\n width: 0;\n height: 0;\n overflow: hidden;\n position: absolute;\n`;\n\nclass LayerContainer extends Component {\n static contextType = ThemeContext;\n\n static defaultProps = {\n full: false,\n margin: 'none',\n modal: true,\n position: 'center',\n };\n\n anchorRef = createRef();\n\n containerRef = React.createRef();\n\n layerRef = React.createRef();\n\n componentDidMount() {\n const { position } = this.props;\n if (position !== 'hidden') {\n this.makeLayerVisible();\n // once layer is open we set the focus in the hidden\n // anchor so that you can start tabbing inside the layer\n if (this.anchorRef.current) {\n this.anchorRef.current.focus();\n }\n }\n }\n\n componentDidUpdate(prevProps) {\n const { position } = this.props;\n if (prevProps.position !== position && position !== 'hidden') {\n this.makeLayerVisible();\n }\n }\n\n makeLayerVisible = () => {\n const node = this.layerRef.current || this.containerRef.current;\n if (node && node.scrollIntoView) {\n node.scrollIntoView();\n }\n };\n\n render() {\n const {\n children,\n id,\n modal,\n onClickOutside,\n onEsc,\n plain,\n position,\n responsive,\n theme: propsTheme,\n ...rest\n } = this.props;\n const theme = this.context || propsTheme;\n\n let content = (\n \n {/* eslint-disable jsx-a11y/anchor-is-valid, jsx-a11y/anchor-has-content */}\n \n {/* eslint-enable jsx-a11y/anchor-is-valid, jsx-a11y/anchor-has-content */}\n {children}\n \n );\n\n if (modal) {\n content = (\n \n \n {content}\n \n );\n /* eslint-enable jsx-a11y/anchor-is-valid, jsx-a11y/anchor-has-content */\n }\n\n if (onEsc) {\n content = {content};\n }\n\n if (theme.layer.background) {\n const dark = backgroundIsDark(theme.layer.background, theme);\n if (dark !== theme.dark) {\n content = (\n \n {content}\n \n );\n }\n }\n\n if (modal) {\n content = (\n \n {content}\n \n );\n }\n return content;\n }\n}\n\nObject.setPrototypeOf(LayerContainer.defaultProps, defaultProps);\n\nexport { LayerContainer };\n","import styled, { css, keyframes } from 'styled-components';\n\nimport { baseStyle, backgroundStyle, breakpointStyle } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst hiddenPositionStyle = css`\n left: -100%;\n right: 100%;\n z-index: -1;\n position: fixed;\n`;\n\nconst desktopLayerStyle = `\n position: fixed;\n top: 0px;\n left: 0px;\n right: 0px;\n bottom: 0px;\n width: 100vw;\n height: 100vh;\n`;\n\nconst responsiveLayerStyle = `\n position: absolute;\n width: 100%;\n height: 100%;\n min-height: 100vh;\n`;\n\nconst StyledLayer = styled.div`\n ${baseStyle}\n background: unset;\n position: relative;\n z-index: ${props => props.theme.layer.zIndex};\n pointer-events: none;\n outline: none;\n\n ${props => {\n if (props.position === 'hidden') {\n return hiddenPositionStyle;\n }\n const styles = [desktopLayerStyle];\n if (props.responsive && props.theme.layer.responsiveBreakpoint) {\n const breakpoint =\n props.theme.global.breakpoints[props.theme.layer.responsiveBreakpoint];\n styles.push(breakpointStyle(breakpoint, responsiveLayerStyle));\n }\n return styles;\n }} ${props => props.theme.layer && props.theme.layer.extend};\n`;\n\nStyledLayer.defaultProps = {};\nObject.setPrototypeOf(StyledLayer.defaultProps, defaultProps);\n\nconst StyledOverlay = styled.div`\n position: absolute;\n ${props => {\n if (props.responsive && props.theme.layer.responsiveBreakpoint) {\n const breakpoint =\n props.theme.global.breakpoints[props.theme.layer.responsiveBreakpoint];\n return breakpointStyle(breakpoint, 'position: relative;');\n }\n return '';\n }} top: 0px;\n left: 0px;\n right: 0px;\n bottom: 0px;\n ${props =>\n !props.plain &&\n props.theme.layer.overlay.background &&\n backgroundStyle(\n props.theme.layer.overlay.background,\n props.theme,\n )} pointer-events: all;\n`;\n\nconst getMargin = (margin, theme, position) => {\n const axis =\n position.includes('top') || position.includes('bottom')\n ? 'vertical'\n : 'horizontal';\n const marginValue = margin[position] || margin[axis] || margin;\n const marginApplied = theme.global.edgeSize[marginValue] || marginValue;\n const marginInTheme = !!theme.global.edgeSize[marginValue];\n\n return !marginInTheme && typeof marginValue !== 'string'\n ? '0px'\n : marginApplied;\n};\n\nconst MARGINS = (margin, theme, position = undefined) => {\n if (position) {\n return getMargin(margin, theme, position);\n }\n return {\n bottom: getMargin(margin, theme, 'bottom'),\n 'bottom-left': getMargin(margin, theme, 'bottom-left'),\n 'bottom-right': getMargin(margin, theme, 'bottom-right'),\n left: getMargin(margin, theme, 'left'),\n right: getMargin(margin, theme, 'right'),\n top: getMargin(margin, theme, 'top'),\n 'top-right': getMargin(margin, theme, 'top-right'),\n 'top-left': getMargin(margin, theme, 'top-left'),\n };\n};\n\nconst KEYFRAMES = {\n center: {\n vertical: keyframes`\n 0% { transform: translateX(-50%) scale(0.8); }\n 100% { transform: translateX(-50%) scale(1); }\n `,\n horizontal: keyframes`\n 0% { transform: translateY(-50%) scale(0.8); }\n 100% { transform: translateY(-50) scale(1); }\n `,\n true: keyframes`\n 0% { transform: scale(0.8); }\n 100% { transform: scale(1); }\n `,\n false: keyframes`\n 0% { transform: translate(-50%, -50%) scale(0.8); }\n 100% { transform: translate(-50%, -50%) scale(1); }\n `,\n },\n top: {\n vertical: keyframes`\n 0% { transform: translate(-50%, -100%); }\n 100% { transform: translate(-50%, 0); }\n `,\n horizontal: keyframes`\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(0); }\n `,\n true: keyframes`\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(0); }\n `,\n false: keyframes`\n 0% { transform: translate(-50%, -100%); }\n 100% { transform: translate(-50%, 0); }\n `,\n },\n bottom: {\n vertical: keyframes`\n 0% { transform: translate(-50%, 100%); }\n 100% { transform: translate(-50%, 0); }\n `,\n horizontal: keyframes`\n 0% { transform: translateY(100%); }\n 100% { transform: translateY(0); }\n `,\n true: keyframes`\n 0% { transform: translateY(100%); }\n 100% { transform: translateY(0); }\n `,\n false: keyframes`\n 0% { transform: translate(-50%, 100%); }\n 100% { transform: translate(-50%, 0); }\n `,\n },\n left: {\n vertical: keyframes`\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(0); }\n `,\n horizontal: keyframes`\n 0% { transform: translate(-100%, -50%); }\n 100% { transform: translate(0, -50%); }\n `,\n true: keyframes`\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(0); }\n `,\n false: keyframes`\n 0% { transform: translate(-100%, -50%); }\n 100% { transform: translate(0, -50%); }\n `,\n },\n right: {\n vertical: keyframes`\n 0% { transform: translateX(100%); }\n 100% { transform: translateX(0); }\n `,\n horizontal: keyframes`\n 0% { transform: translate(100%, -50%); }\n 100% { transform: translate(0, -50%); }\n `,\n true: keyframes`\n 0% { transform: translateX(100%); }\n 100% { transform: translateX(0); }\n `,\n false: keyframes`\n 0% { transform: translate(100%, -50%); }\n 100% { transform: translate(0, -50%); }\n `,\n },\n};\n\nconst getAnimationStyle = (animate = true, position, full) => {\n const defaultAnimation = css`animation: ${KEYFRAMES[position][full]} 0.2s ease-in-out forwards`;\n\n return animate ? defaultAnimation : '';\n}\n\n// POSITIONS combines 'position', 'full', and 'margin' properties, since\n// they are all interdependent.\n// Basically, non-full axes combine 50% position with -50% translation.\n// full axes pin to the window edges offset by any margin.\n// The keyframe animations are included as they are done via translations\n// as well so they must take into account the non-animated positioning.\nconst POSITIONS = {\n center: {\n vertical: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: 50%;\n transform: translateX(-50%);\n ${props => getAnimationStyle(props.animate, 'center', 'vertical')}\n `,\n horizontal: margin => css`\n left: ${margin.left};\n right: ${margin.right};\n top: 50%;\n transform: translateY(-50%);\n ${props => getAnimationStyle(props.animate, 'center', 'horizontal')}\n `,\n true: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n right: ${margin.right};\n ${props => getAnimationStyle(props.animate, 'center', 'true')}\n `,\n false: () => css`\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n ${props => getAnimationStyle(props.animate, 'center', 'false')}\n `,\n },\n\n top: {\n vertical: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: 50%;\n transform: translate(-50%, 0%);\n ${props => getAnimationStyle(props.animate, 'top', 'vertical')}\n `,\n horizontal: margin => css`\n left: ${margin.left};\n right: ${margin.right};\n top: ${margin.top};\n transform: translateY(0);\n ${props => getAnimationStyle(props.animate, 'top', 'horizontal')}\n `,\n true: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n right: ${margin.right};\n transform: translateY(0);\n ${props => getAnimationStyle(props.animate, 'top', 'true')}\n `,\n false: margin => css`\n top: ${margin.top};\n left: 50%;\n transform: translate(-50%, 0);\n ${props => getAnimationStyle(props.animate, 'top', 'false')}\n `,\n },\n\n bottom: {\n vertical: margin => css`\n top: ${margin.top}\n bottom: ${margin.bottom};\n left: 50%;\n transform: translate(-50%, 0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'vertical')}\n `,\n horizontal: margin => css`\n left: ${margin.left};\n right: ${margin.top};\n bottom: ${margin.bottom};\n transform: translateY(0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'horizontal')}\n `,\n true: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n right: ${margin.right};\n transform: translateY(0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'true')}\n `,\n false: margin => css`\n bottom: ${margin.bottom};\n left: 50%;\n transform: translate(-50%, 0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'false')}\n `,\n },\n\n left: {\n vertical: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'left', 'vertical')}\n `,\n horizontal: margin => css`\n left: ${margin.left};\n right: ${margin.right};\n top: 50%;\n transform: translate(0, -50%);\n ${props => getAnimationStyle(props.animate, 'left', 'horizontal')}\n `,\n true: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n right: ${margin.right};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'left', 'true')}\n `,\n false: margin => css`\n left: ${margin.left};\n top: 50%;\n transform: translate(0, -50%);\n ${props => getAnimationStyle(props.animate, 'left', 'false')}\n `,\n },\n\n right: {\n vertical: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n right: ${margin.right};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'right', 'vertical')}\n `,\n horizontal: margin => css`\n left: ${margin.left};\n right: ${margin.right};\n top: 50%;\n transform: translate(0, -50%);\n ${props => getAnimationStyle(props.animate, 'right', 'horizontal')}\n `,\n true: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n right: ${margin.right};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'right', 'true')}\n `,\n false: margin => css`\n right: ${margin.right};\n top: 50%;\n transform: translate(0, -50%);\n ${props => getAnimationStyle(props.animate, 'right', 'false')}\n `,\n },\n\n 'top-right': {\n vertical: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n right: ${margin.right};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'top', 'true')};\n `,\n horizontal: margin => css`\n left: ${margin.left};\n right: ${margin.right};\n top: 0;\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'top', 'true')};\n `,\n true: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n right: ${margin.right};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'top', 'true')};\n `,\n false: margin => css`\n top: ${margin.top};\n right: ${margin.right};\n transform: translateY(0);\n ${props => getAnimationStyle(props.animate, 'top', 'true')};\n `,\n },\n\n 'top-left': {\n vertical: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'top', 'true')}\n `,\n horizontal: margin => css`\n left: ${margin.left};\n right: ${margin.right};\n top: 0;\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'top', 'true')}\n `,\n true: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n right: ${margin.right};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'top', 'true')}\n `,\n false: margin => css`\n top: ${margin.top};\n left: ${margin.left};\n transform: translateY(0);\n ${props => getAnimationStyle(props.animate, 'top', 'true')}\n `,\n },\n\n 'bottom-right': {\n vertical: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n right: ${margin.right};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'true')}\n `,\n horizontal: margin => css`\n left: ${margin.left};\n right: ${margin.right};\n bottom: ${margin.bottom};\n transform: translateY(0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'true')}\n `,\n true: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n right: ${margin.right};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'true')}\n `,\n false: margin => css`\n bottom: ${margin.bottom};\n right: ${margin.right};\n transform: translateY(0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'true')}\n `,\n },\n\n 'bottom-left': {\n vertical: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'true')}\n `,\n horizontal: margin => css`\n left: ${margin.left};\n right: ${margin.right};\n bottom: ${margin.bottom};\n transform: translateY(0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'true')}\n `,\n true: margin => css`\n top: ${margin.top};\n bottom: ${margin.bottom};\n left: ${margin.left};\n right: ${margin.right};\n transform: translateX(0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'true')}\n `,\n false: margin => css`\n bottom: ${margin.bottom};\n left: ${margin.left};\n transform: translateY(0);\n ${props => getAnimationStyle(props.animate, 'bottom', 'true')}\n `,\n },\n};\n\nconst desktopContainerStyle = css`\n position: ${props => (props.modal ? 'absolute' : 'fixed')};\n max-height: ${props =>\n `calc(100% - ${MARGINS(props.margin, props.theme, 'top')} - ${MARGINS(\n props.margin,\n props.theme,\n 'bottom',\n )})`};\n max-width: ${props =>\n `calc(100% - ${MARGINS(props.margin, props.theme, 'left')} - ${MARGINS(\n props.margin,\n props.theme,\n 'right',\n )})`};\n border-radius: ${props =>\n props.plain ? 0 : props.theme.layer.border.radius};\n ${props =>\n (props.position !== 'hidden' &&\n POSITIONS[props.position][props.full](\n MARGINS(props.margin, props.theme),\n )) ||\n ''};\n`;\n\nconst responsiveContainerStyle = css`\n position: relative;\n max-height: none;\n max-width: none;\n border-radius: 0;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n transform: none;\n animation: none;\n height: 100vh;\n width: 100vw;\n`;\n\nconst StyledContainer = styled.div`\n ${props => (!props.modal ? baseStyle : '')} display: flex;\n flex-direction: column;\n min-height: ${props => props.theme.global.size.xxsmall};\n ${props =>\n !props.plain &&\n props.theme.layer.background &&\n backgroundStyle(props.theme.layer.background, props.theme)} outline: none;\n pointer-events: all;\n z-index: ${props => props.theme.layer.container.zIndex};\n\n ${desktopContainerStyle} ${props => {\n if (props.responsive && props.theme.layer.responsiveBreakpoint) {\n const breakpoint =\n props.theme.global.breakpoints[props.theme.layer.responsiveBreakpoint];\n if (breakpoint) {\n return breakpointStyle(breakpoint, responsiveContainerStyle);\n }\n }\n return '';\n }};\n`;\n\nStyledContainer.defaultProps = {};\nObject.setPrototypeOf(StyledContainer.defaultProps, defaultProps);\n\nexport { StyledLayer, StyledOverlay, StyledContainer };\n","export { Markdown } from './Markdown';\n","import React, { Component } from 'react';\nimport Markdown from 'markdown-to-jsx';\n\nimport { deepMerge } from '../../utils';\n\nimport { Heading } from '../Heading';\nimport { Paragraph } from '../Paragraph';\nimport { Anchor } from '../Anchor';\nimport { Image } from '../Image';\nimport { Table } from '../Table';\nimport { TableBody } from '../TableBody';\nimport { TableCell } from '../TableCell';\nimport { TableFooter } from '../TableFooter';\nimport { TableHeader } from '../TableHeader';\nimport { TableRow } from '../TableRow';\n\nclass GrommetMarkdown extends Component {\n render() {\n const { components, options, theme, ...rest } = this.props;\n\n const heading = [1, 2, 3, 4].reduce((obj, level) => {\n const result = { ...obj };\n result[`h${level}`] = {\n component: Heading,\n props: { level },\n };\n return result;\n }, {});\n\n const overrides = deepMerge(\n {\n a: { component: Anchor },\n img: { component: Image },\n p: { component: Paragraph },\n table: { component: Table },\n td: { component: TableCell },\n tbody: { component: TableBody },\n tfoot: { component: TableFooter },\n th: { component: TableCell },\n thead: { component: TableHeader },\n tr: { component: TableRow },\n },\n heading,\n components,\n options && options.overrides,\n );\n\n return ;\n }\n}\n\nlet GrommetMarkdownDoc;\nif (process.env.NODE_ENV !== 'production') {\n GrommetMarkdownDoc = require('./doc').doc(GrommetMarkdown); // eslint-disable-line global-require\n}\nconst GrommetMarkdownWrapper = GrommetMarkdownDoc || GrommetMarkdown;\n\nexport { GrommetMarkdownWrapper as Markdown };\n","var _extends=Object.assign||function(a){for(var b,c=1;c=0||Object.prototype.hasOwnProperty.call(a,d)&&(c[d]=a[d]);return c}import React from'react';import unquote from'unquote';var ATTRIBUTE_TO_JSX_PROP_MAP={accesskey:'accessKey',allowfullscreen:'allowFullScreen',allowtransparency:'allowTransparency',autocomplete:'autoComplete',autofocus:'autoFocus',autoplay:'autoPlay',cellpadding:'cellPadding',cellspacing:'cellSpacing',charset:'charSet',class:'className',classid:'classId',colspan:'colSpan',contenteditable:'contentEditable',contextmenu:'contextMenu',crossorigin:'crossOrigin',enctype:'encType',for:'htmlFor',formaction:'formAction',formenctype:'formEncType',formmethod:'formMethod',formnovalidate:'formNoValidate',formtarget:'formTarget',frameborder:'frameBorder',hreflang:'hrefLang',inputmode:'inputMode',keyparams:'keyParams',keytype:'keyType',marginheight:'marginHeight',marginwidth:'marginWidth',maxlength:'maxLength',mediagroup:'mediaGroup',minlength:'minLength',novalidate:'noValidate',radiogroup:'radioGroup',readonly:'readOnly',rowspan:'rowSpan',spellcheck:'spellCheck',srcdoc:'srcDoc',srclang:'srcLang',srcset:'srcSet',tabindex:'tabIndex',usemap:'useMap'},namedCodesToUnicode={amp:'&',apos:'\\'',gt:'>',lt:'<',nbsp:'\\xA0',quot:'\\u201C'},DO_NOT_PROCESS_HTML_ELEMENTS=['style','script'],ATTR_EXTRACTOR_R=/([-A-Z0-9_:]+)(?:\\s*=\\s*(?:(?:\"((?:\\\\.|[^\"])*)\")|(?:'((?:\\\\.|[^'])*)')|(?:\\{((?:\\\\.|{[^}]*?}|[^}])*)\\})))?/gi,AUTOLINK_MAILTO_CHECK_R=/mailto:/i,BLOCK_END_R=/\\n{2,}$/,BLOCKQUOTE_R=/^( *>[^\\n]+(\\n[^\\n]+)*\\n*)+\\n{2,}/,BLOCKQUOTE_TRIM_LEFT_MULTILINE_R=/^ *> ?/gm,BREAK_LINE_R=/^ {2,}\\n/,BREAK_THEMATIC_R=/^(?:( *[-*_]) *){3,}(?:\\n *)+\\n/,CODE_BLOCK_FENCED_R=/^\\s*(`{3,}|~{3,}) *(\\S+)? *\\n([\\s\\S]+?)\\s*\\1 *(?:\\n *)+\\n?/,CODE_BLOCK_R=/^(?: {4}[^\\n]+\\n*)+(?:\\n *)+\\n?/,CODE_INLINE_R=/^(`+)\\s*([\\s\\S]*?[^`])\\s*\\1(?!`)/,CONSECUTIVE_NEWLINE_R=/^(?:\\n *)*\\n/,CR_NEWLINE_R=/\\r\\n?/g,FOOTNOTE_R=/^\\[\\^(.*)\\](:.*)\\n/,FOOTNOTE_REFERENCE_R=/^\\[\\^(.*)\\]/,FORMFEED_R=/\\f/g,GFM_TASK_R=/^\\s*?\\[(x|\\s)\\]/,HEADING_R=/^ *(#{1,6}) *([^\\n]+)\\n{0,2}/,HEADING_SETEXT_R=/^([^\\n]+)\\n *(=|-){3,} *(?:\\n *)+\\n/,HTML_BLOCK_ELEMENT_R=/^ *<([A-Za-z][^ >/]*) ?([^>]*)\\/{0}>\\n?(\\s*(?:<\\1[^>]*?>[\\s\\S]*?<\\/\\1>|(?!<\\1)[\\s\\S])*?)<\\/\\1>\\n*/,HTML_CHAR_CODE_R=/&([a-z]+);/g,HTML_COMMENT_R=/^/,HTML_CUSTOM_ATTR_R=/^(data|aria|x)-[a-z_][a-z\\d_.-]*$/,HTML_SELF_CLOSING_ELEMENT_R=/^ *<([a-z][a-z0-9:]*)(?:\\s+((?:<.*?>|[^>])*))?\\/?>(?!<\\/\\1>)(\\s*\\n)?/i,INTERPOLATION_R=/^\\{.*\\}$/,LINK_AUTOLINK_BARE_URL_R=/^(https?:\\/\\/[^\\s<]+[^<.,:;\"')\\]\\s])/,LINK_AUTOLINK_MAILTO_R=/^<([^ >]+@[^ >]+)>/,LINK_AUTOLINK_R=/^<([^ >]+:\\/[^ >]+)>/,LIST_ITEM_END_R=/ *\\n+$/,LIST_LOOKBEHIND_R=/(?:^|\\n)( *)$/,CAPTURE_LETTER_AFTER_HYPHEN=/-([a-z])?/gi,NP_TABLE_R=/^(.*\\|?.*)\\n *(\\|? *[-:]+ *\\|[-| :]*)\\n((?:.*\\|.*\\n)*)\\n?/,PARAGRAPH_R=/^((?:[^\\n]|\\n(?! *\\n))+)(?:\\n *)+\\n/,REFERENCE_IMAGE_OR_LINK=/^\\[([^\\]]*)\\]:\\s*(\\S+)\\s*(\"([^\"]*)\")?/,REFERENCE_IMAGE_R=/^!\\[([^\\]]*)\\] ?\\[([^\\]]*)\\]/,REFERENCE_LINK_R=/^\\[([^\\]]*)\\] ?\\[([^\\]]*)\\]/,SQUARE_BRACKETS_R=/(\\[|\\])/g,SHOULD_RENDER_AS_BLOCK_R=/(\\n|^[-*]\\s|^#|^ {2,}|^-{2,}|^>\\s)/,TAB_R=/\\t/g,TABLE_TRIM_PIPES=/(^ *\\||\\| *$)/g,TABLE_CENTER_ALIGN=/^ *:-+: *$/,TABLE_LEFT_ALIGN=/^ *:-+ *$/,TABLE_RIGHT_ALIGN=/^ *-+: *$/,TABLE_ROW_SPLIT=/ *\\| */,TEXT_BOLD_R=/^([*_])\\1((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\\1\\1(?!\\1)/,TEXT_EMPHASIZED_R=/^([*_])((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\\1(?!\\1)/,TEXT_STRIKETHROUGHED_R=/^~~((?:\\[.*?\\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,TEXT_ESCAPED_R=/^\\\\([^0-9A-Za-z\\s])/,TEXT_PLAIN_R=/^[\\s\\S]+?(?=[^0-9A-Z\\s\\u00c0-\\uffff&;.()'\"]|\\d+\\.|\\n\\n| {2,}\\n|\\w+:\\S|$)/i,TRIM_NEWLINES_AND_TRAILING_WHITESPACE_R=/(^\\n+|(\\n|\\s)+$)/g,HTML_LEFT_TRIM_AMOUNT_R=/^([ \\t]*)/,UNESCAPE_URL_R=/\\\\([^0-9A-Z\\s])/gi,LIST_BULLET='(?:[*+-]|\\\\d+\\\\.)',LIST_ITEM_PREFIX='( *)((?:[*+-]|\\\\d+\\\\.)) +',LIST_ITEM_PREFIX_R=/^( *)((?:[*+-]|\\d+\\.)) +/,LIST_ITEM_R=/( *)((?:[*+-]|\\d+\\.)) +[^\\n]*(?:\\n(?!\\1(?:[*+-]|\\d+\\.) )[^\\n]*)*(\\n|$)/gm,LIST_R=/^( *)((?:[*+-]|\\d+\\.)) [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1(?:[*+-]|\\d+\\.) (?!(?:[*+-]|\\d+\\.) ))\\n*|\\s*\\n*$)/,LINK_INSIDE='(?:\\\\[[^\\\\]]*\\\\]|[^\\\\[\\\\]]|\\\\](?=[^\\\\[]*\\\\]))*',LINK_HREF_AND_TITLE='\\\\s*?(?:\\\\s+[\\'\"]([\\\\s\\\\S]*?)[\\'\"])?\\\\s*',LINK_R=/^\\[((?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*)\\]\\(\\s*?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)/,IMAGE_R=/^!\\[((?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*)\\]\\(\\s*?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)/,BLOCK_SYNTAXES=[BLOCKQUOTE_R,CODE_BLOCK_R,CODE_BLOCK_FENCED_R,HEADING_R,HEADING_SETEXT_R,HTML_BLOCK_ELEMENT_R,HTML_COMMENT_R,HTML_SELF_CLOSING_ELEMENT_R,LIST_ITEM_R,LIST_R,NP_TABLE_R,PARAGRAPH_R];function containsBlockSyntax(a){return BLOCK_SYNTAXES.some(function(b){return b.test(a)})}function slugify(a){return a.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,'a').replace(/[çÇ]/g,'c').replace(/[ðÐ]/g,'d').replace(/[ÈÉÊËéèêë]/g,'e').replace(/[ÏïÎîÍíÌì]/g,'i').replace(/[Ññ]/g,'n').replace(/[øØœŒÕõÔôÓóÒò]/g,'o').replace(/[ÜüÛûÚúÙù]/g,'u').replace(/[ŸÿÝý]/g,'y').replace(/[^a-z0-9- ]/gi,'').replace(/ /gi,'-').toLowerCase()}function parseTableAlignCapture(a){if(TABLE_RIGHT_ALIGN.test(a))return'right';return TABLE_CENTER_ALIGN.test(a)?'center':TABLE_LEFT_ALIGN.test(a)?'left':null}function parseTableHeader(a,b,c){var d=a[1].replace(TABLE_TRIM_PIPES,'').trim().split(TABLE_ROW_SPLIT);return d.map(function(a){return b(a,c)})}function parseTableAlign(a){var b=a[2].replace(TABLE_TRIM_PIPES,'').trim().split(TABLE_ROW_SPLIT);return b.map(parseTableAlignCapture)}function parseTableCells(a,b,c){var d=a[3].replace(TABLE_TRIM_PIPES,'').trim().split('\\n');return d.map(function(a){return a.replace(TABLE_TRIM_PIPES,'').split(TABLE_ROW_SPLIT).map(function(a){return b(a.trim(),c)})})}function parseTable(a,b,c){c.inline=!0;var d=parseTableHeader(a,b,c),e=parseTableAlign(a,b,c),f=parseTableCells(a,b,c);return c.inline=!1,{align:e,cells:f,header:d,type:'table'}}function getTableStyle(a,b){return a.align[b]==null?{}:{textAlign:a.align[b]}}function normalizeAttributeKey(a){var b=a.indexOf('-');return b!==-1&&a.match(HTML_CUSTOM_ATTR_R)===null&&(a=a.replace(CAPTURE_LETTER_AFTER_HYPHEN,function(a,b){return b.toUpperCase()})),a}function attributeValueToJSXPropValue(a,b){return a==='style'?b.split(/;\\s?/).reduce(function(a,b){var c=b.slice(0,b.indexOf(':')),d=c.replace(/(-[a-z])/g,function(a){return a[1].toUpperCase()});return a[d]=b.slice(c.length+1).trim(),a},{}):(b.match(INTERPOLATION_R)&&(b=b.slice(1,b.length-1)),b==='true'||b!=='false'&&b)}function normalizeWhitespace(a){return a.replace(CR_NEWLINE_R,'\\n').replace(FORMFEED_R,'').replace(TAB_R,' ')}function parserFor(a){function b(d,e){for(var f=[],g='';d;)for(var l=0;l2?e-2:0),h=2;h1?f=c?d('span',null,e):d('div',null,e):e.length===1?(f=e[0],typeof f=='string'&&(f=d('span',null,f))):f=d('span',null),f}function e(a){var b=a.match(ATTR_EXTRACTOR_R);return b?b.reduce(function(a,b,d){var e=b.indexOf('=');if(e!==-1){var f=normalizeAttributeKey(b.slice(0,e)).trim(),g=unquote(b.slice(e+1).trim()),h=ATTRIBUTE_TO_JSX_PROP_MAP[f]||f,i=a[h]=attributeValueToJSXPropValue(f,g);(HTML_BLOCK_ELEMENT_R.test(i)||HTML_SELF_CLOSING_ELEMENT_R.test(i))&&(a[h]=React.cloneElement(c(i.trim()),{key:d}))}else a[ATTRIBUTE_TO_JSX_PROP_MAP[b]||b]=!0;return a},{}):void 0}b=b||{},b.overrides=b.overrides||{},b.slugify=b.slugify||slugify;var f=b.createElement||React.createElement;if(process.env.NODE_ENV!=='production'){if(typeof a!='string')throw new Error('markdown-to-jsx: the first argument must be\\n a string');if(Object.prototype.toString.call(b.overrides)!=='[object Object]')throw new Error('markdown-to-jsx: options.overrides (second argument property) must be\\n undefined or an object literal with shape:\\n {\\n htmltagname: {\\n component: string|ReactComponent(optional),\\n props: object(optional)\\n }\\n }')}var g=[],h={},i={blockQuote:{match:blockRegex(BLOCKQUOTE_R),order:PARSE_PRIORITY_HIGH,parse:function d(a,b,c){return{content:b(a[0].replace(BLOCKQUOTE_TRIM_LEFT_MULTILINE_R,''),c)}},react:function e(a,b,c){return d('blockquote',{key:c.key},b(a.content,c))}},breakLine:{match:anyScopeRegex(BREAK_LINE_R),order:PARSE_PRIORITY_HIGH,parse:captureNothing,react:function e(a,b,c){return d('br',{key:c.key})}},breakThematic:{match:blockRegex(BREAK_THEMATIC_R),order:PARSE_PRIORITY_HIGH,parse:captureNothing,react:function e(a,b,c){return d('hr',{key:c.key})}},codeBlock:{match:blockRegex(CODE_BLOCK_R),order:PARSE_PRIORITY_MAX,parse:function c(a){var b=a[0].replace(/^ {4}/gm,'').replace(/\\n+$/,'');return{content:b,lang:void 0}},react:function e(a,b,c){return d('pre',{key:c.key},d('code',{className:a.lang?'lang-'+a.lang:''},a.content))}},codeFenced:{match:blockRegex(CODE_BLOCK_FENCED_R),order:PARSE_PRIORITY_MAX,parse:function b(a){return{content:a[3],lang:a[2]||void 0,type:'codeBlock'}}},codeInline:{match:simpleInlineRegex(CODE_INLINE_R),order:PARSE_PRIORITY_LOW,parse:function b(a){return{content:a[2]}},react:function e(a,b,c){return d('code',{key:c.key},a.content)}},footnote:{match:blockRegex(FOOTNOTE_R),order:PARSE_PRIORITY_MAX,parse:function b(a){return g.push({footnote:a[2],identifier:a[1]}),{}},react:renderNothing},footnoteReference:{match:inlineRegex(FOOTNOTE_REFERENCE_R),order:PARSE_PRIORITY_HIGH,parse:function b(a){return{content:a[1],target:'#'+a[1]}},react:function e(a,b,c){return d('a',{key:c.key,href:sanitizeUrl(a.target)},d('sup',{key:c.key},a.content))}},gfmTask:{match:inlineRegex(GFM_TASK_R),order:PARSE_PRIORITY_HIGH,parse:function b(a){return{completed:a[1].toLowerCase()==='x'}},react:function e(a,b,c){return d('input',{checked:a.completed,key:c.key,readOnly:!0,type:'checkbox'})}},heading:{match:blockRegex(HEADING_R),order:PARSE_PRIORITY_HIGH,parse:function e(a,c,d){return{content:parseInline(c,a[2],d),id:b.slugify(a[2]),level:a[1].length}},react:function f(a,b,c){var e='h'+a.level;return d(e,{id:a.id,key:c.key},b(a.content,c))}},headingSetext:{match:blockRegex(HEADING_SETEXT_R),order:PARSE_PRIORITY_MAX,parse:function d(a,b,c){return{content:parseInline(b,a[1],c),level:a[2]==='='?1:2,type:'heading'}}},htmlBlock:{match:anyScopeRegex(HTML_BLOCK_ELEMENT_R),order:PARSE_PRIORITY_HIGH,parse:function k(a,b,c){var d=a[3].match(HTML_LEFT_TRIM_AMOUNT_R),f=d[1],g=new RegExp('^'+f,'gm'),h=a[3].replace(g,''),i=containsBlockSyntax(h)?parseBlock:parseInline,j=DO_NOT_PROCESS_HTML_ELEMENTS.indexOf(a[1])!==-1;return{attrs:e(a[2]),content:j?a[3]:i(b,h,c),noInnerParse:j,tag:a[1]}},react:function e(a,b,c){return d(a.tag,_extends({key:c.key},a.attrs),a.noInnerParse?a.content:b(a.content,c))}},htmlComment:{match:anyScopeRegex(HTML_COMMENT_R),order:PARSE_PRIORITY_HIGH,parse:function a(){return{}},react:renderNothing},htmlSelfClosing:{match:anyScopeRegex(HTML_SELF_CLOSING_ELEMENT_R),order:PARSE_PRIORITY_HIGH,parse:function b(a){return{attrs:e(a[2]||''),tag:a[1]}},react:function e(a,b,c){return d(a.tag,_extends({},a.attrs,{key:c.key}))}},image:{match:simpleInlineRegex(IMAGE_R),order:PARSE_PRIORITY_HIGH,parse:function b(a){return{alt:a[1],target:unescapeUrl(a[2]),title:a[3]}},react:function e(a,b,c){return d('img',{key:c.key,alt:a.alt||void 0,title:a.title||void 0,src:sanitizeUrl(a.target)})}},link:{match:inlineRegex(LINK_R,!1),order:PARSE_PRIORITY_LOW,parse:function d(a,b,c){return{content:parseSimpleInline(b,a[1],c),target:unescapeUrl(a[2]),title:a[3]}},react:function e(a,b,c){return d('a',{key:c.key,href:sanitizeUrl(a.target),title:a.title},b(a.content,c))}},linkAngleBraceStyleDetector:{match:inlineRegex(LINK_AUTOLINK_R),order:PARSE_PRIORITY_MAX,parse:function b(a){return{content:[{content:a[1],type:'text'}],target:a[1],type:'link'}}},linkBareUrlDetector:{match:inlineRegex(LINK_AUTOLINK_BARE_URL_R),order:PARSE_PRIORITY_MAX,parse:function b(a){return{content:[{content:a[1],type:'text'}],target:a[1],title:void 0,type:'link'}}},linkMailtoDetector:{match:inlineRegex(LINK_AUTOLINK_MAILTO_R),order:PARSE_PRIORITY_MAX,parse:function d(a){var b=a[1],c=a[1];return AUTOLINK_MAILTO_CHECK_R.test(c)||(c='mailto:'+c),{content:[{content:b.replace('mailto:',''),type:'text'}],target:c,type:'link'}}},list:{match:function f(a,b,c){var d=LIST_LOOKBEHIND_R.exec(c),e=b._list||!b.inline;return d&&e?(a=d[1]+a,LIST_R.exec(a)):null},order:PARSE_PRIORITY_HIGH,parse:function j(a,b,c){var d=a[2],e=d.length>1,f=e?+d:void 0,g=a[0].replace(BLOCK_END_R,'\\n').match(LIST_ITEM_R),h=!1,i=g.map(function(a,d){var e=LIST_ITEM_PREFIX_R.exec(a)[0].length,f=new RegExp('^ {1,'+e+'}','gm'),i=a.replace(f,'').replace(LIST_ITEM_PREFIX_R,''),j=d===g.length-1,k=i.indexOf('\\n\\n')!==-1,l=k||j&&h;h=l;var m=c.inline,n=c._list;c._list=!0;var o;l?(c.inline=!1,o=i.replace(LIST_ITEM_END_R,'\\n\\n')):(c.inline=!0,o=i.replace(LIST_ITEM_END_R,''));var p=b(o,c);return c.inline=m,c._list=n,p});return{items:i,ordered:e,start:f}},react:function f(a,b,c){var e=a.ordered?'ol':'ul';return d(e,{key:c.key,start:a.start},a.items.map(function(a,e){return d('li',{key:e},b(a,c))}))}},newlineCoalescer:{match:blockRegex(CONSECUTIVE_NEWLINE_R),order:PARSE_PRIORITY_LOW,parse:captureNothing,react:function a(){return'\\n'}},paragraph:{match:blockRegex(PARAGRAPH_R),order:PARSE_PRIORITY_LOW,parse:parseCaptureInline,react:function e(a,b,c){return d('p',{key:c.key},b(a.content,c))}},ref:{match:inlineRegex(REFERENCE_IMAGE_OR_LINK),order:PARSE_PRIORITY_MAX,parse:function b(a){return h[a[1]]={target:a[2],title:a[4]},{}},react:renderNothing},refImage:{match:simpleInlineRegex(REFERENCE_IMAGE_R),order:PARSE_PRIORITY_MAX,parse:function b(a){return{alt:a[1]||void 0,ref:a[2]}},react:function e(a,b,c){return d('img',{key:c.key,alt:a.alt,src:sanitizeUrl(h[a.ref].target),title:h[a.ref].title})}},refLink:{match:inlineRegex(REFERENCE_LINK_R),order:PARSE_PRIORITY_MAX,parse:function d(a,b,c){return{content:b(a[1],c),fallbackContent:b(a[0].replace(SQUARE_BRACKETS_R,'\\\\$1'),c),ref:a[2]}},react:function e(a,b,c){return h[a.ref]?d('a',{key:c.key,href:sanitizeUrl(h[a.ref].target),title:h[a.ref].title},b(a.content,c)):d('span',null,b(a.fallbackContent,c))}},table:{match:blockRegex(NP_TABLE_R),order:PARSE_PRIORITY_HIGH,parse:parseTable,react:function f(a,b,e){return d('table',{key:e.key},d('thead',null,d('tr',null,a.header.map(function(c,f){return d('th',{key:f,style:getTableStyle(a,f)},b(c,e))}))),d('tbody',null,a.cells.map(function(c,f){return d('tr',{key:f},c.map(function(f,g){return d('td',{key:g,style:getTableStyle(a,g)},b(f,e))}))})))}},text:{match:anyScopeRegex(TEXT_PLAIN_R),order:PARSE_PRIORITY_MIN,parse:function b(a){return{content:a[0].replace(HTML_CHAR_CODE_R,function(a,b){return namedCodesToUnicode[b]?namedCodesToUnicode[b]:a})}},react:function b(a){return a.content}},textBolded:{match:simpleInlineRegex(TEXT_BOLD_R),order:PARSE_PRIORITY_MED,parse:function d(a,b,c){return{content:b(a[2],c)}},react:function e(a,b,c){return d('strong',{key:c.key},b(a.content,c))}},textEmphasized:{match:simpleInlineRegex(TEXT_EMPHASIZED_R),order:PARSE_PRIORITY_LOW,parse:function d(a,b,c){return{content:b(a[2],c)}},react:function e(a,b,c){return d('em',{key:c.key},b(a.content,c))}},textEscaped:{match:simpleInlineRegex(TEXT_ESCAPED_R),order:PARSE_PRIORITY_HIGH,parse:function b(a){return{content:a[1],type:'text'}}},textStrikethroughed:{match:simpleInlineRegex(TEXT_STRIKETHROUGHED_R),order:PARSE_PRIORITY_LOW,parse:parseCaptureInline,react:function e(a,b,c){return d('del',{key:c.key},b(a.content,c))}}},j=parserFor(i),k=reactFor(ruleOutput(i)),l=c(a);return g.length&&l.props.children.push(d('footer',null,g.map(function(a){return d('div',{id:a.identifier,key:a.identifier},a.identifier,k(j(a.footnote,{inline:!0})))}))),l}export default function Markdown(a){var b=a.children,c=a.options,d=_objectWithoutProperties(a,['children','options']);return React.cloneElement(compiler(b,c),d)}if(process.env.NODE_ENV!=='production'){var PropTypes=require('prop-types');Markdown.propTypes={children:PropTypes.string.isRequired,options:PropTypes.object}}\n\n//# sourceMappingURL=esm.js.map","import React from 'react';\n\nimport { StyledParagraph } from './StyledParagraph';\n\nconst Paragraph = ({ color, ...rest }) => (\n \n);\n\nlet ParagraphDoc;\nif (process.env.NODE_ENV !== 'production') {\n ParagraphDoc = require('./doc').doc(Paragraph); // eslint-disable-line global-require\n}\nconst ParagraphWrapper = ParagraphDoc || Paragraph;\n\nexport { ParagraphWrapper as Paragraph };\n","import styled, { css } from 'styled-components';\n\nimport { genericStyles, normalizeColor } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst colorStyle = css`\n color: ${props => normalizeColor(props.colorProp, props.theme)};\n`;\n\nconst sizeStyle = props => {\n const size = props.size || 'medium';\n const data = props.theme.paragraph[size];\n return css`\n font-size: ${data.size};\n line-height: ${data.height};\n max-width: ${data.maxWidth};\n `;\n};\n\nconst TEXT_ALIGN_MAP = {\n center: 'center',\n end: 'right',\n start: 'left',\n};\n\nconst textAlignStyle = css`\n text-align: ${props => TEXT_ALIGN_MAP[props.textAlign]};\n`;\n\nconst StyledParagraph = styled.p`\n ${genericStyles}\n ${props => sizeStyle(props)}\n ${props => props.textAlign && textAlignStyle}\n ${props => props.colorProp && colorStyle}\n\n ${props => props.theme.paragraph && props.theme.paragraph.extend}\n`;\n\nStyledParagraph.defaultProps = {};\nObject.setPrototypeOf(StyledParagraph.defaultProps, defaultProps);\n\nexport { StyledParagraph };\n","import React from 'react';\n\nimport { StyledTable, StyledTableDataCaption } from './StyledTable';\n\nconst Table = ({ caption, children, ...rest }) => (\n \n {caption ? (\n {caption}\n ) : null}\n {children}\n \n);\n\nlet TableDoc;\nif (process.env.NODE_ENV !== 'production') {\n TableDoc = require('./doc').doc(Table); // eslint-disable-line global-require\n}\nconst TableWrapper = TableDoc || Table;\n\nexport { TableWrapper as Table };\n","import React from 'react';\n\nimport { TableContext } from '../Table/TableContext';\nimport { StyledTableBody } from '../Table/StyledTable';\n\nconst TableBody = props => (\n \n \n \n);\n\nlet TableBodyDoc;\nif (process.env.NODE_ENV !== 'production') {\n TableBodyDoc = require('./doc').doc(TableBody); // eslint-disable-line global-require\n}\nconst TableBodyWrapper = TableBodyDoc || TableBody;\n\nexport { TableBodyWrapper as TableBody };\n","export { MaskedInput } from './MaskedInput';\n","import React, { Component } from 'react';\nimport { compose } from 'recompose';\n\nimport { ThemeContext } from '../../contexts';\nimport { defaultProps } from '../../default-props';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { Drop } from '../Drop';\nimport { Keyboard } from '../Keyboard';\nimport { withFocus, withForwardRef } from '../hocs';\n\nimport {\n StyledMaskedInput,\n StyledMaskedInputContainer,\n} from './StyledMaskedInput';\n\nconst parseValue = (mask, value) => {\n // break the value up into mask parts\n const valueParts = []; // { part, beginIndex, endIndex }\n let valueIndex = 0;\n let maskIndex = 0;\n while (\n value !== undefined &&\n valueIndex < value.length &&\n maskIndex < mask.length\n ) {\n const item = mask[maskIndex];\n let found;\n if (item.fixed) {\n const { length } = item.fixed;\n valueParts.push({\n part: item.fixed,\n beginIndex: valueIndex,\n endIndex: valueIndex + length - 1,\n });\n const part = value.slice(valueIndex, valueIndex + length);\n if (part === item.fixed) {\n valueIndex += length;\n }\n maskIndex += 1;\n found = true;\n } else if (item.options) {\n // reverse assuming larger is later\n found = item.options\n .slice(0)\n .reverse()\n // eslint-disable-next-line no-loop-func\n .some(option => {\n const { length } = option;\n const part = value.slice(valueIndex, valueIndex + length);\n if (part === option) {\n valueParts.push({\n part,\n beginIndex: valueIndex,\n endIndex: valueIndex + length - 1,\n });\n valueIndex += length;\n maskIndex += 1;\n return true;\n }\n return false;\n });\n }\n if (!found) {\n if (item.regexp) {\n const minLength =\n (Array.isArray(item.length) && item.length[0]) || item.length || 1;\n const maxLength =\n (Array.isArray(item.length) && item.length[1]) ||\n item.length ||\n value.length - valueIndex;\n let length = maxLength;\n while (!found && length >= minLength) {\n const part = value.slice(valueIndex, valueIndex + length);\n if (item.regexp.test(part)) {\n valueParts.push({\n part,\n beginIndex: valueIndex,\n endIndex: valueIndex + length - 1,\n });\n valueIndex += length;\n maskIndex += 1;\n found = true;\n }\n length -= 1;\n }\n if (!found) {\n valueIndex = value.length;\n }\n } else {\n const length = Array.isArray(item.length)\n ? item.length[1]\n : item.length || value.length - valueIndex;\n const part = value.slice(valueIndex, valueIndex + length);\n valueParts.push({\n part,\n beginIndex: valueIndex,\n endIndex: valueIndex + length - 1,\n });\n valueIndex += length;\n maskIndex += 1;\n }\n }\n }\n return valueParts;\n};\n\nclass MaskedInput extends Component {\n static contextType = ThemeContext;\n\n static defaultProps = {\n mask: [],\n };\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { mask, value } = nextProps;\n const { priorMask, priorValue } = prevState;\n if (priorMask !== mask || priorValue !== value) {\n const valueParts = parseValue(mask, value);\n return { priorMask: mask, priorValue: value, valueParts };\n }\n return null;\n }\n\n state = {};\n\n inputRef = React.createRef();\n\n dropRef = React.createRef();\n\n componentDidUpdate() {\n const { focused } = this.state;\n if (focused) {\n this.locateCaret();\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.caretTimeout);\n clearTimeout(this.blurTimeout);\n }\n\n locateCaret = () => {\n // leave time for caret to be placed after receiving focus\n clearTimeout(this.caretTimeout);\n this.caretTimeout = setTimeout(() => {\n const { mask } = this.props;\n const { activeMaskIndex, valueParts } = this.state;\n if (this.inputRef.current) {\n // determine which mask element the caret is at\n const caretIndex = this.inputRef.current.selectionStart;\n let maskIndex;\n valueParts.some((part, index) => {\n if (part.beginIndex <= caretIndex && part.endIndex >= caretIndex) {\n maskIndex = index;\n return true;\n }\n return false;\n });\n if (maskIndex === undefined && valueParts.length < mask.length) {\n maskIndex = valueParts.length; // first unused one\n }\n if (maskIndex && mask[maskIndex].fixed) {\n maskIndex -= 1; // fixed mask parts are never \"active\"\n }\n if (activeMaskIndex !== maskIndex) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ activeMaskIndex: maskIndex, activeOptionIndex: -1 });\n }\n }\n }, 10); // 10ms empirically chosen\n };\n\n onFocus = event => {\n const { onFocus } = this.props;\n this.locateCaret();\n this.setState({ focused: true });\n if (onFocus) {\n onFocus(event);\n }\n };\n\n onBlur = () => {\n // delay so we don't remove the drop before Button events can be processed\n clearTimeout(this.blurTimeout);\n this.blurTimeout = setTimeout(() => {\n if (\n !this.dropRef.current ||\n !this.dropRef.current.contains ||\n !this.dropRef.current.contains(document.activeElement)\n ) {\n this.setState({ activeMaskIndex: undefined, focused: false });\n }\n }, 10); // 10ms empirically chosen\n };\n\n // This could be due to a paste or as the user is typing.\n onChange = event => {\n const { onChange, mask } = this.props;\n const {\n target: { value },\n } = event;\n // Align with the mask.\n const valueParts = parseValue(mask, value);\n const nextValue = valueParts.map(part => part.part).join('');\n if (onChange) {\n onChange({ target: { ...event.target, value: nextValue } });\n }\n };\n\n onOption = option => () => {\n const { onChange, mask } = this.props;\n const { activeMaskIndex, valueParts } = this.state;\n const nextValueParts = [...valueParts];\n nextValueParts[activeMaskIndex] = { part: option };\n // add any fixed parts that follow\n let index = activeMaskIndex + 1;\n while (index < mask.length && !nextValueParts[index] && mask[index].fixed) {\n nextValueParts[index] = { part: mask[index].fixed };\n index += 1;\n }\n const nextValue = nextValueParts.map(part => part.part).join('');\n // restore focus to input\n this.inputRef.current.focus();\n if (onChange) {\n onChange({ target: { value: nextValue } });\n }\n };\n\n onNextOption = event => {\n const { mask } = this.props;\n const { activeMaskIndex, activeOptionIndex } = this.state;\n const item = mask[activeMaskIndex];\n if (item && item.options) {\n event.preventDefault();\n const index = Math.min(activeOptionIndex + 1, item.options.length - 1);\n this.setState({ activeOptionIndex: index });\n }\n };\n\n onPreviousOption = event => {\n const { mask } = this.props;\n const { activeMaskIndex, activeOptionIndex } = this.state;\n if (activeMaskIndex >= 0 && mask[activeMaskIndex].options) {\n event.preventDefault();\n const index = Math.max(activeOptionIndex - 1, 0);\n this.setState({ activeOptionIndex: index });\n }\n };\n\n onSelectOption = event => {\n const { mask } = this.props;\n const { activeMaskIndex, activeOptionIndex } = this.state;\n if (activeMaskIndex >= 0 && activeOptionIndex >= 0) {\n event.preventDefault();\n const option = mask[activeMaskIndex].options[activeOptionIndex];\n this.onOption(option)();\n }\n };\n\n onEsc = event => {\n // we have to stop both synthetic events and native events\n // drop and layer should not close by pressing esc on this input\n event.stopPropagation();\n event.nativeEvent.stopImmediatePropagation();\n this.inputRef.current.blur();\n };\n\n renderPlaceholder = () => {\n const { mask } = this.props;\n return mask.map(item => item.placeholder || item.fixed).join('');\n };\n\n render() {\n const {\n defaultValue,\n forwardRef,\n id,\n placeholder,\n plain,\n mask,\n value,\n onChange,\n onKeyDown,\n theme: propsTheme,\n ...rest\n } = this.props;\n const theme = this.context || propsTheme;\n const { activeMaskIndex, activeOptionIndex } = this.state;\n\n return (\n \n \n {\n this.inputRef.current = node;\n if (forwardRef) {\n if (typeof forwardRef === 'object') {\n forwardRef.current = node;\n } else {\n forwardRef(node);\n }\n }\n }}\n autoComplete=\"off\"\n plain={plain}\n placeholder={placeholder || this.renderPlaceholder()}\n {...rest}\n defaultValue={defaultValue}\n value={value}\n theme={theme}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onChange={this.onChange}\n />\n \n {activeMaskIndex >= 0 && mask[activeMaskIndex].options && (\n \n \n {mask[activeMaskIndex].options.map((option, index) => (\n \n \n this.setState({ activeOptionIndex: index })\n }\n onFocus={() => {}}\n >\n \n {option}\n \n \n \n ))}\n \n \n )}\n \n );\n }\n}\n\nObject.setPrototypeOf(MaskedInput.defaultProps, defaultProps);\n\nlet MaskedInputDoc;\nif (process.env.NODE_ENV !== 'production') {\n MaskedInputDoc = require('./doc').doc(MaskedInput); // eslint-disable-line global-require\n}\nconst MaskedInputWrapper = compose(\n withFocus,\n withForwardRef,\n)(MaskedInputDoc || MaskedInput);\n\nexport { MaskedInputWrapper as MaskedInput };\n","import styled, { css } from 'styled-components';\n\nimport { focusStyle, inputStyle, placeholderStyle } from '../../utils';\n\nconst sizeStyle = props => {\n const data = props.theme.text[props.size];\n return css`\n font-size: ${data.size};\n line-height: ${data.height};\n `;\n};\n\nconst plainStyle = css`\n border: none;\n`;\n\nexport const StyledMaskedInput = styled.input`\n ${inputStyle} width: 100%;\n\n ${props => props.size && sizeStyle(props)} ${props =>\n props.plain && plainStyle}\n\n ${placeholderStyle}\n\n &::-moz-focus-inner {\n border: none;\n outline: none;\n }\n\n ${props => props.focus && !props.plain && focusStyle};\n ${props => props.theme.MaskedInput && props.theme.MaskedInput.extend};\n`;\n\nexport const StyledMaskedInputContainer = styled.div`\n position: relative;\n width: 100%;\n`;\n","import React, { Component } from 'react';\nimport { compose } from 'recompose';\nimport styled, { withTheme } from 'styled-components';\n\nimport { defaultProps } from '../../default-props';\n\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { DropButton } from '../DropButton';\nimport { Keyboard } from '../Keyboard';\nimport { Text } from '../Text';\nimport { withForwardRef } from '../hocs';\nimport { normalizeColor } from '../../utils';\n\nconst ContainerBox = styled(Box)`\n max-height: inherit;\n\n /* IE11 hack to get drop contents to not overflow */\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n width: 100%;\n }\n\n ${props => props.theme.menu.extend};\n`;\n\nclass Menu extends Component {\n static defaultProps = {\n dropAlign: { top: 'top', left: 'left' },\n items: [],\n messages: { openMenu: 'Open Menu', closeMenu: 'Close Menu' },\n };\n\n state = { activeItemIndex: -1, open: false };\n\n buttonRefs = {};\n\n onDropClose = () => {\n this.setState({\n activeItemIndex: -1,\n open: false,\n });\n };\n\n onSelectMenuItem = event => {\n const { activeItemIndex } = this.state;\n if (activeItemIndex >= 0) {\n event.preventDefault();\n event.stopPropagation();\n this.buttonRefs[activeItemIndex].click();\n }\n };\n\n onNextMenuItem = event => {\n event.preventDefault();\n const { activeItemIndex, open } = this.state;\n if (!open) {\n this.setState({\n open: true,\n activeItemIndex: -1,\n });\n } else {\n const { items } = this.props;\n const index = Math.min(activeItemIndex + 1, items.length - 1);\n this.setState({ activeItemIndex: index });\n // this.setState({ activeSuggestionIndex: index },\n // this._announceSuggestion.bind(this, index));\n }\n };\n\n onPreviousMenuItem = event => {\n event.preventDefault();\n const { activeItemIndex, open } = this.state;\n if (!open) {\n this.setState({\n open: true,\n activeItemIndex: -1,\n });\n } else {\n const { items } = this.props;\n const index =\n activeItemIndex === -1\n ? items.length - 1\n : Math.max(activeItemIndex - 1, 0);\n this.setState({ activeItemIndex: index });\n // this.setState({ activeSuggestionIndex: index },\n // this._announceSuggestion.bind(this, index));\n }\n };\n\n render() {\n const {\n children,\n disabled,\n dropAlign,\n dropBackground,\n dropTarget,\n forwardRef,\n icon,\n items,\n label,\n messages,\n onKeyDown,\n size,\n theme,\n ...rest\n } = this.props;\n const { activeItemIndex, open } = this.state;\n\n const MenuIcon = theme.menu.icons.down;\n const iconColor = normalizeColor('control', theme);\n\n const content = children || (\n \n {label}\n {icon !== false\n ? (icon !== true && icon) || (\n \n )\n : null}\n \n );\n\n const controlMirror = (\n \n \n {content}\n \n \n );\n\n return (\n \n this.setState({ open: true })}\n onClose={() => this.setState({ open: false })}\n dropContent={\n \n {dropAlign.top === 'top' ? controlMirror : undefined}\n \n {items.map((item, index) => (\n // eslint-disable-next-line react/no-array-index-key\n \n {\n this.buttonRefs[index] = ref;\n }}\n active={activeItemIndex === index}\n hoverIndicator=\"background\"\n disabled={!item.onClick && !item.href}\n onClick={(...args) => {\n item.onClick(...args);\n if (item.close !== false) {\n this.onDropClose();\n }\n }}\n href={item.href}\n >\n \n {item.icon}\n {item.label}\n \n \n \n ))}\n \n {dropAlign.bottom === 'bottom' ? controlMirror : undefined}\n \n }\n >\n {content}\n \n \n );\n }\n}\n\nObject.setPrototypeOf(Menu.defaultProps, defaultProps);\n\nlet MenuDoc;\nif (process.env.NODE_ENV !== 'production') {\n MenuDoc = require('./doc').doc(Menu); // eslint-disable-line global-require\n}\nconst MenuWrapper = compose(\n withTheme,\n withForwardRef,\n)(MenuDoc || Menu);\n\nexport { MenuWrapper as Menu };\n","import React, { Component } from 'react';\n\nimport { Bar } from './Bar';\nimport { Circle } from './Circle';\n\nconst deriveMax = values => {\n let max = 100;\n if (values && values.length > 1) {\n max = 0;\n values.forEach(v => {\n max += v.value;\n });\n }\n return max;\n};\n\nclass Meter extends Component {\n static defaultProps = {\n background: { color: 'light-2', opacity: 'medium' },\n size: 'medium',\n thickness: 'medium',\n type: 'bar',\n };\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { max } = prevState;\n const nextMax = deriveMax(nextProps.values);\n if (!max || nextMax !== max) {\n return { max: nextMax };\n }\n return null;\n }\n\n state = {};\n\n render() {\n const { type, ...rest } = this.props;\n const { max } = this.state;\n\n let content;\n if (type === 'bar') {\n content = ;\n } else if (type === 'circle') {\n content = ;\n }\n\n return content;\n }\n}\n\nlet MeterDoc;\nif (process.env.NODE_ENV !== 'production') {\n MeterDoc = require('./doc').doc(Meter); // eslint-disable-line global-require\n}\nconst MeterWrapper = MeterDoc || Meter;\n\nexport { MeterWrapper as Meter };\n","import React from 'react';\nimport { compose } from 'recompose';\n\nimport { withTheme } from 'styled-components';\n\nimport { defaultProps } from '../../default-props';\nimport { parseMetricToNum } from '../../utils';\n\nimport { StyledMeter } from './StyledMeter';\nimport { strokeProps, defaultColor } from './utils';\n\nconst Bar = props => {\n const {\n background,\n max,\n round,\n size,\n theme,\n thickness,\n values,\n ...rest\n } = props;\n const width =\n size === 'full' ? 288 : parseMetricToNum(theme.global.size[size]);\n const height = parseMetricToNum(\n theme.global.edgeSize[thickness] || thickness,\n );\n // account for the round cap, if any\n const capOffset = round ? height / 2 : 0;\n const mid = height / 2;\n const someHighlight = (values || []).some(v => v.highlight);\n\n let start = capOffset;\n const paths = (values || [])\n .filter(v => v.value > 0)\n .map((valueArg, index) => {\n const { color, highlight, label, onHover, value, ...pathRest } = valueArg;\n\n const key = `p-${index}`;\n const delta = (value * (width - 2 * capOffset)) / max;\n const d = `M ${start},${mid} L ${start + delta},${mid}`;\n const colorName =\n color ||\n (index === values.length - 1 ? 'accent-1' : defaultColor(index, theme));\n let hoverProps;\n if (onHover) {\n hoverProps = {\n onMouseOver: () => onHover(true),\n onMouseLeave: () => onHover(false),\n };\n }\n start += delta;\n\n return (\n \n );\n })\n .reverse(); // reverse so the caps looks right\n\n return (\n \n \n {paths}\n \n );\n};\n\nBar.defaultProps = {\n background: 'light-1',\n};\n\nObject.setPrototypeOf(Bar.defaultProps, defaultProps);\n\nconst BarWrapper = compose(withTheme)(Bar);\n\nexport { BarWrapper as Bar };\n","import React from 'react';\nimport { compose } from 'recompose';\n\nimport { withTheme } from 'styled-components';\n\nimport { defaultProps } from '../../default-props';\nimport { arcCommands, parseMetricToNum, translateEndAngle } from '../../utils';\n\nimport { StyledMeter } from './StyledMeter';\nimport { strokeProps, defaultColor } from './utils';\n\nconst Circle = props => {\n const {\n background,\n max,\n round,\n size,\n theme,\n thickness,\n values,\n ...rest\n } = props;\n const width =\n size === 'full' ? 288 : parseMetricToNum(theme.global.size[size]);\n const height = parseMetricToNum(\n theme.global.edgeSize[thickness] || thickness,\n );\n const mid = width / 2;\n const radius = width / 2 - height / 2;\n const anglePer = 360 / max;\n const someHighlight = (values || []).some(v => v.highlight);\n\n let startValue = 0;\n let startAngle = 0;\n const paths = [];\n let pathCaps = [];\n (values || [])\n .filter(v => v.value > 0)\n .forEach((valueArg, index) => {\n const { color, highlight, label, onHover, value, ...pathRest } = valueArg;\n const key = `p-${index}`;\n const colorName =\n color ||\n (index === values.length - 1 ? 'accent-1' : defaultColor(index, theme));\n\n let endAngle;\n if (startValue + value >= max) {\n endAngle = 360;\n } else {\n endAngle = Math.min(\n 360,\n translateEndAngle(startAngle, anglePer, value),\n );\n }\n let hoverProps;\n if (onHover) {\n hoverProps = {\n onMouseOver: () => onHover(true),\n onMouseLeave: () => onHover(false),\n };\n }\n const stroke = strokeProps(\n someHighlight && !highlight ? background : colorName,\n theme,\n );\n\n if (round) {\n const d1 = arcCommands(\n width / 2,\n width / 2,\n radius,\n startAngle,\n endAngle,\n );\n paths.unshift(\n ,\n );\n\n // To handle situations where the last values are small, redraw\n // a dot at the end. Give just a bit of angle to avoid anti-aliasing\n // leakage around the edge.\n const d2 = arcCommands(\n width / 2,\n width / 2,\n radius,\n endAngle - 0.5,\n endAngle,\n );\n const pathCap = (\n \n );\n // If we are on a large enough path to not need re-drawing previous ones,\n // clear the pathCaps we've collected already.\n if (endAngle - startAngle > 2 * anglePer) {\n pathCaps = [];\n }\n pathCaps.unshift(pathCap);\n } else {\n const d = arcCommands(\n width / 2,\n width / 2,\n radius,\n startAngle,\n endAngle,\n );\n paths.push(\n ,\n );\n }\n startValue += value;\n startAngle = endAngle;\n });\n\n return (\n \n \n {paths}\n {pathCaps}\n \n );\n};\n\nCircle.defaultProps = {};\nObject.setPrototypeOf(Circle.defaultProps, defaultProps);\n\nconst CircleWrapper = compose(withTheme)(Circle);\n\nexport { CircleWrapper as Circle };\n","export { RadioButton } from './RadioButton';\n","import React, { Component } from 'react';\nimport { compose } from 'recompose';\n\nimport { withTheme } from 'styled-components';\n\nimport { defaultProps } from '../../default-props';\nimport { normalizeColor, removeUndefined } from '../../utils';\nimport { Box } from '../Box';\nimport { withFocus, withForwardRef } from '../hocs';\n\nimport {\n StyledRadioButton,\n StyledRadioButtonContainer,\n StyledRadioButtonIcon,\n StyledRadioButtonInput,\n StyledRadioButtonBox,\n} from './StyledRadioButton';\n\nclass RadioButton extends Component {\n render() {\n const {\n checked,\n disabled,\n focus,\n forwardRef,\n id,\n label,\n name,\n onChange,\n theme,\n ...rest\n } = this.props;\n\n const normalizedLabel =\n typeof label === 'string' ? {label} : label;\n\n const Icon = theme.radioButton.icons.circle;\n let borderColor = normalizeColor(theme.radioButton.border.color, theme);\n if (checked) {\n borderColor = normalizeColor(theme.radioButton.color || 'control', theme);\n }\n\n return (\n }\n direction=\"row\"\n align=\"center\"\n {...removeUndefined({ htmlFor: id, disabled })}\n onClick={event => {\n // prevents clicking on the label trigging the event twice\n // https://stackoverflow.com/questions/24501497/why-the-onclick-element-will-trigger-twice-for-label-element\n if (event.target.type !== 'radio') {\n event.stopPropagation();\n }\n }}\n >\n \n \n \n {checked &&\n (Icon ? (\n \n ) : (\n \n \n \n ))}\n \n \n {normalizedLabel}\n \n );\n }\n}\n\nRadioButton.defaultProps = {};\nObject.setPrototypeOf(RadioButton.defaultProps, defaultProps);\n\nlet RadioButtonDoc;\nif (process.env.NODE_ENV !== 'production') {\n RadioButtonDoc = require('./doc').doc(RadioButton); // eslint-disable-line global-require\n}\nconst RadioButtonWrapper = compose(\n withFocus,\n withTheme,\n withForwardRef,\n)(RadioButtonDoc || RadioButton);\n\nexport { RadioButtonWrapper as RadioButton };\n","import styled from 'styled-components';\n\nimport { focusStyle, normalizeColor } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst disabledStyle = `\n opacity: 0.5;\n cursor: default;\n`;\n\nconst StyledRadioButtonContainer = styled.label`\n user-select: none;\n ${props => props.disabled && disabledStyle} ${props =>\n !props.disabled &&\n 'cursor: pointer;'}\n\n :hover input:not([disabled]) + div,\n :hover input:not([disabled]) + span {\n border-color: ${props =>\n normalizeColor(props.theme.radioButton.hover.border.color, props.theme)};\n }\n\n ${props => props.theme.radioButton.extend};\n`;\n\nStyledRadioButtonContainer.defaultProps = {};\nObject.setPrototypeOf(StyledRadioButtonContainer.defaultProps, defaultProps);\n\nconst StyledRadioButtonInput = styled.input`\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n z-index: 1;\n ${props => !props.disabled && 'cursor: pointer;'};\n`;\n\nStyledRadioButtonInput.defaultProps = {};\nObject.setPrototypeOf(StyledRadioButtonInput.defaultProps, defaultProps);\n\nconst StyledRadioButtonIcon = styled.svg`\n box-sizing: border-box;\n position: absolute;\n width: ${props =>\n props.theme.radioButton.icon.size || props.theme.radioButton.size};\n height: ${props =>\n props.theme.radioButton.icon.size || props.theme.radioButton.size};\n fill: ${props =>\n normalizeColor(\n props.theme.radioButton.check.color || 'control',\n props.theme,\n )};\n ${props => props.theme.radioButton.icon.extend};\n`;\n\nStyledRadioButtonIcon.defaultProps = {};\nObject.setPrototypeOf(StyledRadioButtonIcon.defaultProps, defaultProps);\n\nconst StyledRadioButtonBox = styled.div`\n ${props => props.focus && focusStyle};\n ${props => props.theme.radioButton.check.extend};\n`;\n\nStyledRadioButtonBox.defaultProps = {};\nObject.setPrototypeOf(StyledRadioButtonBox.defaultProps, defaultProps);\n\nconst StyledRadioButton = styled.div`\n position: relative;\n\n ${props => props.theme.radioButton && props.theme.radioButton.extend};\n`;\n\nStyledRadioButton.defaultProps = {};\nObject.setPrototypeOf(StyledRadioButton.defaultProps, defaultProps);\n\nexport {\n StyledRadioButtonContainer,\n StyledRadioButtonInput,\n StyledRadioButtonIcon,\n StyledRadioButtonBox,\n StyledRadioButton,\n};\n","export { RangeInput } from './RangeInput';\n","import React, { Component } from 'react';\nimport { compose } from 'recompose';\n\nimport { withFocus, withForwardRef } from '../hocs';\n\nimport { StyledRangeInput } from './StyledRangeInput';\n\nclass RangeInput extends Component {\n render() {\n const { forwardRef, ...rest } = this.props;\n return ;\n }\n}\nlet RangeInputDoc;\nif (process.env.NODE_ENV !== 'production') {\n RangeInputDoc = require('./doc').doc(RangeInput); // eslint-disable-line global-require\n}\nconst RangeInputWrapper = compose(\n withFocus,\n withForwardRef,\n)(RangeInputDoc || RangeInput);\n\nexport { RangeInputWrapper as RangeInput };\n","import styled, { css } from 'styled-components';\n\nimport { focusStyle, normalizeColor, parseMetricToNum } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst rangeTrackStyle = css`\n box-sizing: border-box;\n width: 100%;\n height: ${props => props.theme.rangeInput.track.height};\n background: ${props =>\n normalizeColor(props.theme.rangeInput.track.color, props.theme)};\n`;\n\nconst rangeThumbStyle = css`\n box-sizing: border-box;\n position: relative;\n border-radius: ${props => props.theme.global.spacing};\n height: ${props => props.theme.global.spacing};\n width: ${props => props.theme.global.spacing};\n overflow: visible;\n background: ${props =>\n normalizeColor(\n props.theme.rangeInput.thumb.color || 'control',\n props.theme,\n )};\n -webkit-appearance: none;\n cursor: pointer;\n`;\n\nconst firefoxMicrosoftThumbStyle = css`\n ${rangeThumbStyle} margin-top: 0px;\n height: ${props => props.theme.global.spacing};\n width: ${props => props.theme.global.spacing};\n`;\n\nconst StyledRangeInput = styled.input`\n box-sizing: border-box;\n position: relative;\n -webkit-appearance: none;\n border-color: transparent;\n height: ${props => props.theme.global.spacing};\n width: 100%;\n padding: 0px;\n cursor: pointer;\n background: transparent;\n\n &:focus {\n outline: none;\n }\n\n &::-moz-focus-inner {\n border: none;\n }\n\n &::-moz-focus-outer {\n border: none;\n }\n\n &::-webkit-slider-runnable-track {\n ${rangeTrackStyle}\n }\n\n &::-webkit-slider-thumb {\n ${rangeThumbStyle}\n\n margin-top: -${props =>\n parseMetricToNum(props.theme.global.spacing) * 0.425}px;\n\n ${props =>\n !props.disabled &&\n css`\n &:hover {\n box-shadow: 0px 0px 0px 2px\n ${normalizeColor(\n props.theme.rangeInput.thumb.color || 'control',\n props.theme,\n )};\n }\n `}\n }\n\n &::-moz-range-track {\n ${rangeTrackStyle}\n }\n\n &::-moz-range-thumb {\n ${firefoxMicrosoftThumbStyle}\n }\n\n &::-ms-thumb {\n ${firefoxMicrosoftThumbStyle}\n }\n\n ${props =>\n !props.disabled &&\n css`\n &:hover::-moz-range-thumb {\n box-shadow: 0px 0px 0px 2px\n ${normalizeColor(\n props.theme.rangeInput.thumb.color || 'control',\n props.theme,\n )};\n }\n\n &:hover::-ms-thumb {\n box-shadow: 0px 0px 0px 2px\n ${normalizeColor(\n props.theme.rangeInput.thumb.color || 'control',\n props.theme,\n )};\n }\n `}\n\n &::-ms-track {\n ${rangeTrackStyle}\n border-color: transparent;\n color: transparent;\n }\n\n &::-ms-fill-lower {\n background: ${props =>\n normalizeColor(props.theme.rangeInput.track.color, props.theme)};\n border-color: transparent;\n }\n\n &::-ms-fill-upper {\n background: ${props =>\n normalizeColor(props.theme.rangeInput.track.color, props.theme)};\n border-color: transparent;\n }\n\n ${props => props.focus && focusStyle}\n ${props => props.theme.rangeInput && props.theme.rangeInput.extend}\n`;\n\nStyledRangeInput.defaultProps = {};\nObject.setPrototypeOf(StyledRangeInput.defaultProps, defaultProps);\n\nexport { StyledRangeInput };\n","export { RangeSelector } from './RangeSelector';\n","import React, { Component } from 'react';\nimport { compose } from 'recompose';\n\nimport { ThemeContext } from '../../contexts';\n\nimport { Box } from '../Box';\nimport { withForwardRef } from '../hocs';\n\nimport { EdgeControl } from './EdgeControl';\n\nclass RangeSelector extends Component {\n static contextType = ThemeContext;\n\n static defaultProps = {\n direction: 'horizontal',\n max: 100,\n messages: { lower: 'Lower Bounds', upper: 'Upper Bounds' },\n min: 0,\n opacity: 'medium',\n size: 'medium',\n step: 1,\n values: [],\n };\n\n state = {};\n\n containerRef = React.createRef();\n\n componentWillUnmount() {\n window.removeEventListener('mousemove', this.mouseMove);\n window.removeEventListener('mouseup', this.mouseMove);\n }\n\n valueForMouseCoord = event => {\n const { direction, max, min, step } = this.props;\n const rect = this.containerRef.current.getBoundingClientRect();\n let value;\n if (direction === 'vertical') {\n const y = event.clientY - (rect.y || 0); // unit test resilience\n const scaleY = rect.height / (max - min + 1) || 1; // unit test resilience\n value = Math.floor(y / scaleY) + min;\n } else {\n const x = event.clientX - (rect.x || 0); // unit test resilience\n const scaleX = rect.width / (max - min + 1) || 1; // unit test resilience\n value = Math.floor(x / scaleX) + min;\n }\n // align with closest step within [min, max]\n const result = value + (value % step);\n if (result < min) {\n return min;\n }\n if (result > max) {\n return max;\n }\n return result;\n };\n\n onClick = event => {\n const { onChange, values } = this.props;\n const { lastChange } = this.state;\n const value = this.valueForMouseCoord(event);\n if (value <= values[0] || (value < values[1] && lastChange === 'lower')) {\n this.setState({ lastChange: 'lower' }, () =>\n onChange([value, values[1]]),\n );\n } else if (\n value >= values[1] ||\n (value > values[0] && lastChange === 'upper')\n ) {\n this.setState({ lastChange: 'upper' }, () =>\n onChange([values[0], value]),\n );\n }\n };\n\n lowerMouseDown = () => {\n this.setState({ changing: 'lower' });\n window.addEventListener('mousemove', this.mouseMove);\n window.addEventListener('mouseup', this.mouseUp);\n };\n\n upperMouseDown = () => {\n this.setState({ changing: 'upper' });\n window.addEventListener('mousemove', this.mouseMove);\n window.addEventListener('mouseup', this.mouseUp);\n };\n\n selectionMouseDown = event => {\n const moveValue = this.valueForMouseCoord(event);\n this.setState({ changing: 'selection', moveValue });\n window.addEventListener('mousemove', this.mouseMove);\n window.addEventListener('mouseup', this.mouseUp);\n };\n\n mouseMove = event => {\n const { max, min, onChange, values } = this.props;\n const { changing, moveValue } = this.state;\n const value = this.valueForMouseCoord(event);\n let nextValues;\n if (changing === 'lower' && value <= values[1] && value !== moveValue) {\n nextValues = [value, values[1]];\n } else if (\n changing === 'upper' &&\n value >= values[0] &&\n value !== moveValue\n ) {\n nextValues = [values[0], value];\n } else if (changing === 'selection' && value !== moveValue) {\n const delta = value - moveValue;\n if (values[0] + delta >= min && values[1] + delta <= max) {\n nextValues = [values[0] + delta, values[1] + delta];\n }\n }\n if (nextValues) {\n this.setState({ lastChange: changing, moveValue: value }, () => {\n onChange(nextValues);\n });\n }\n };\n\n mouseUp = () => {\n this.setState({ changing: undefined });\n window.removeEventListener('mousemove', this.mouseMove);\n window.removeEventListener('mouseup', this.mouseMove);\n };\n\n render() {\n const {\n color,\n direction,\n forwardRef,\n invert,\n max,\n messages,\n min,\n onChange,\n opacity,\n round,\n size,\n step,\n values,\n theme: propsTheme,\n ...rest\n } = this.props;\n const theme = this.context || propsTheme;\n const { nextLower, nextUpper } = this.state;\n\n const lower = nextLower !== undefined ? nextLower : values[0];\n const upper = nextUpper !== undefined ? nextUpper : values[1];\n // It needs to be true when vertical, due to how browsers manage height\n const fill = direction === 'vertical' ? true : 'vertical';\n\n return (\n \n \n = min\n ? () => onChange([lower - step, upper])\n : undefined\n }\n onIncrease={\n onChange && lower + step <= upper\n ? () => onChange([lower + step, upper])\n : undefined\n }\n />\n \n = lower\n ? () => onChange([lower, upper - step])\n : undefined\n }\n onIncrease={\n onChange && upper + step <= max\n ? () => onChange([lower, upper + step])\n : undefined\n }\n />\n \n \n );\n }\n}\n\nlet RangeSelectorDoc;\nif (process.env.NODE_ENV !== 'production') {\n RangeSelectorDoc = require('./doc').doc(RangeSelector); // eslint-disable-line global-require\n}\nconst RangeSelectorWrapper = compose(withForwardRef)(\n RangeSelectorDoc || RangeSelector,\n);\n\nexport { RangeSelectorWrapper as RangeSelector };\n","import React, { Component } from 'react';\nimport { compose } from 'recompose';\n\nimport { withTheme } from 'styled-components';\n\nimport { defaultProps } from '../../default-props';\n\nimport { Box } from '../Box';\nimport { Keyboard } from '../Keyboard';\nimport { normalizeColor, parseMetricToNum } from '../../utils';\nimport { withForwardRef } from '../hocs';\n\nconst DIRECTION_PROPS = {\n horizontal: {\n cursor: 'col-resize',\n fill: 'vertical',\n },\n vertical: {\n cursor: 'row-resize',\n fill: 'horizontal',\n },\n};\n\nclass EdgeControl extends Component {\n state = {};\n\n render() {\n const {\n color,\n direction,\n edge,\n forwardRef,\n onDecrease,\n onIncrease,\n theme,\n ...rest\n } = this.props;\n const { focused } = this.state;\n const { cursor, fill } = DIRECTION_PROPS[direction];\n const size = parseMetricToNum(theme.global.spacing) / 2;\n const halfSize = size / 2;\n const keyboardProps =\n direction === 'vertical'\n ? { onUp: onDecrease, onDown: onIncrease }\n : { onLeft: onDecrease, onRight: onIncrease };\n const boxDirection = direction === 'vertical' ? 'row' : 'column';\n return (\n \n \n this.setState({ focused: true })}\n onBlur={() => this.setState({ focused: false })}\n {...rest}\n >\n \n \n \n \n \n \n );\n }\n}\n\nEdgeControl.defaultProps = {};\nObject.setPrototypeOf(EdgeControl.defaultProps, defaultProps);\n\nconst EdgeControlWrapper = compose(\n withForwardRef,\n withTheme,\n)(EdgeControl);\n\nexport { EdgeControlWrapper as EdgeControl };\n","export { RoutedAnchor } from './RoutedAnchor';\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Anchor } from '../Anchor';\n\nclass RoutedAnchor extends Component {\n static contextTypes = {\n router: PropTypes.shape({}).isRequired,\n };\n\n static defaultProps = {\n method: 'push',\n };\n\n render() {\n const { path, method, ...rest } = this.props;\n return (\n {\n const { onClick } = this.props;\n const { router } = this.context;\n if (event) {\n const modifierKey = event.ctrlKey || event.metaKey;\n\n // if the user right-clicked in the Anchor we should let it go\n if (modifierKey) {\n return;\n }\n }\n if (router) {\n event.preventDefault();\n (router.history || router)[method](path);\n }\n if (onClick) {\n onClick(event, ...args);\n }\n }}\n />\n );\n }\n}\n\nlet RoutedAnchorDoc;\nif (process.env.NODE_ENV !== 'production') {\n RoutedAnchorDoc = require('./doc').doc(RoutedAnchor); // eslint-disable-line global-require\n}\nconst RoutedAnchorWrapper = RoutedAnchorDoc || RoutedAnchor;\n\nexport { RoutedAnchorWrapper as RoutedAnchor };\n","export { RoutedButton } from './RoutedButton';\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button } from '../Button';\n\nclass RoutedButton extends Component {\n static contextTypes = {\n router: PropTypes.shape({}).isRequired,\n };\n\n static defaultProps = {\n method: 'push',\n };\n\n onClick = (event, ...args) => {\n const { method, onClick, path } = this.props;\n const { router } = this.context;\n if (event) {\n const modifierKey = event.ctrlKey || event.metaKey;\n\n // if the user right-clicked in the button we should let it go\n if (modifierKey) {\n return;\n }\n }\n if (router) {\n event.preventDefault();\n (router.history || router)[method](path);\n }\n if (onClick) {\n onClick(event, ...args);\n }\n };\n\n render() {\n const { href, path, method, onClick, ...rest } = this.props;\n return (\n \n );\n }\n}\n\nlet RoutedButtonDoc;\nif (process.env.NODE_ENV !== 'production') {\n RoutedButtonDoc = require('./doc').doc(RoutedButton); // eslint-disable-line global-require\n}\nconst RoutedButtonWrapper = RoutedButtonDoc || RoutedButton;\n\nexport { RoutedButtonWrapper as RoutedButton };\n","export { Select } from './Select';\n","import React, { Component } from 'react';\nimport { compose } from 'recompose';\nimport styled, { withTheme } from 'styled-components';\n\nimport { controlBorderStyle, normalizeColor } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nimport { Box } from '../Box';\nimport { DropButton } from '../DropButton';\nimport { Keyboard } from '../Keyboard';\nimport { TextInput } from '../TextInput';\nimport { withForwardRef } from '../hocs';\n\nimport { SelectContainer } from './SelectContainer';\n\nconst SelectTextInput = styled(TextInput)`\n cursor: pointer;\n`;\n\nconst StyledSelectDropButton = styled(DropButton)`\n ${props => !props.plain && controlBorderStyle};\n ${props =>\n props.theme.select &&\n props.theme.select.control &&\n props.theme.select.control.extend};\n`;\n\nStyledSelectDropButton.defaultProps = {};\nObject.setPrototypeOf(StyledSelectDropButton.defaultProps, defaultProps);\n\nclass Select extends Component {\n static defaultProps = {\n closeOnChange: true,\n dropAlign: { top: 'bottom', left: 'left' },\n messages: { multiple: 'multiple' },\n };\n\n state = { open: false };\n\n inputRef = React.createRef();\n\n onOpen = () => {\n const { onOpen } = this.props;\n this.setState({ open: true }, () => {\n if (onOpen) {\n onOpen();\n }\n });\n };\n\n onClose = () => {\n const { onClose } = this.props;\n this.setState({ open: false }, () => {\n if (onClose) {\n onClose();\n }\n });\n };\n\n render() {\n const {\n a11yTitle,\n alignSelf,\n children,\n closeOnChange,\n disabled,\n dropAlign,\n dropTarget,\n forwardRef,\n gridArea,\n id,\n labelKey,\n margin,\n messages,\n onChange,\n onClose,\n options,\n placeholder,\n plain,\n selected,\n size,\n theme,\n value,\n valueLabel,\n ...rest\n } = this.props;\n const { open } = this.state;\n\n delete rest.onSearch;\n\n const onSelectChange = (event, ...args) => {\n if (closeOnChange) {\n this.onClose();\n }\n if (onChange) {\n onChange({ ...event, target: this.inputRef.current }, ...args);\n }\n };\n\n const SelectIcon = theme.select.icons.down;\n let selectValue;\n let inputValue = '';\n if (valueLabel) {\n selectValue = valueLabel;\n } else if (Array.isArray(value)) {\n if (value.length > 1) {\n if (React.isValidElement(value[0])) {\n selectValue = value;\n } else {\n inputValue = messages.multiple;\n }\n } else if (value.length === 1) {\n if (React.isValidElement(value[0])) {\n [selectValue] = value;\n } else if (labelKey && typeof value[0] === 'object') {\n if (typeof labelKey === 'function') {\n inputValue = labelKey(value[0]);\n } else {\n inputValue = value[0][labelKey];\n }\n } else {\n [inputValue] = value;\n }\n } else {\n inputValue = '';\n }\n } else if (labelKey && typeof value === 'object') {\n if (typeof labelKey === 'function') {\n inputValue = labelKey(value);\n } else {\n inputValue = value[labelKey];\n }\n } else if (React.isValidElement(value)) {\n selectValue = value; // deprecated in favor of valueLabel\n } else if (selected !== undefined) {\n if (Array.isArray(selected)) {\n if (selected.length > 1) {\n inputValue = messages.multiple;\n } else if (selected.length === 1) {\n inputValue = options[selected[0]];\n }\n } else {\n inputValue = options[selected];\n }\n } else {\n inputValue = value;\n }\n\n // const dark = theme.select.background ? colorIsDark(theme.select.background) : theme.dark;\n const iconColor = normalizeColor(\n theme.select.icons.color || 'control',\n theme,\n );\n\n return (\n \n \n }\n >\n \n \n {selectValue || (\n \n )}\n \n \n \n \n \n \n \n );\n }\n}\n\nObject.setPrototypeOf(Select.defaultProps, defaultProps);\n\nlet SelectDoc;\nif (process.env.NODE_ENV !== 'production') {\n SelectDoc = require('./doc').doc(Select); // eslint-disable-line global-require\n}\nconst SelectWrapper = compose(\n withTheme,\n withForwardRef,\n)(SelectDoc || Select);\n\nexport { SelectWrapper as Select };\n","import React, { createRef, Component } from 'react';\nimport styled, { withTheme } from 'styled-components';\n\nimport {\n debounce,\n debounceDelay,\n isNodeAfterScroll,\n isNodeBeforeScroll,\n selectedStyle,\n setFocusWithoutScroll,\n} from '../../utils';\n\nimport { defaultProps } from '../../default-props';\n\nimport { Box } from '../Box';\nimport { InfiniteScroll } from '../InfiniteScroll';\nimport { Keyboard } from '../Keyboard';\nimport { Text } from '../Text';\nimport { TextInput } from '../TextInput';\n\nimport { SelectOption } from './SelectOption';\nimport { StyledContainer } from './StyledSelect';\n\n// position relative is so scroll can be managed correctly\nconst OptionsBox = styled(Box)`\n position: relative;\n scroll-behavior: smooth;\n`;\n\nconst OptionBox = styled(Box)`\n ${props => props.selected && selectedStyle}\n`;\n\nclass SelectContainer extends Component {\n static defaultProps = {\n children: null,\n disabled: undefined,\n emptySearchMessage: 'No matches found',\n id: undefined,\n multiple: false,\n name: undefined,\n onKeyDown: undefined,\n onSearch: undefined,\n options: undefined,\n searchPlaceholder: undefined,\n selected: undefined,\n value: '',\n };\n\n optionRefs = {};\n\n searchRef = createRef();\n\n optionsRef = createRef();\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { options, value, onSearch } = nextProps;\n\n if (onSearch) {\n if (\n prevState.activeIndex === -1 &&\n prevState.search === '' &&\n options &&\n value\n ) {\n const optionValue =\n Array.isArray(value) && value.length ? value[0] : value;\n const activeIndex = options.indexOf(optionValue);\n return { activeIndex };\n }\n if (prevState.activeIndex === -1 && prevState.search !== '') {\n return { activeIndex: 0 };\n }\n }\n return null;\n }\n\n state = {\n search: '',\n activeIndex: -1,\n };\n\n componentDidMount() {\n const { onSearch } = this.props;\n const { activeIndex } = this.state;\n // timeout need to send the operation through event loop and allow time to the portal\n // to be available\n setTimeout(() => {\n const optionsNode = this.optionsRef.current;\n if (onSearch) {\n const input = this.searchRef.current;\n if (input && input.focus) {\n setFocusWithoutScroll(input);\n }\n } else if (optionsNode) {\n setFocusWithoutScroll(optionsNode);\n }\n\n // scroll to active option if it is below the fold\n if (activeIndex >= 0 && optionsNode) {\n const optionNode = this.optionRefs[activeIndex];\n const { bottom: containerBottom } = optionsNode.getBoundingClientRect();\n if (optionNode) {\n const { bottom: optionTop } = optionNode.getBoundingClientRect();\n\n if (containerBottom < optionTop) {\n optionNode.scrollIntoView();\n }\n }\n }\n }, 0);\n }\n\n onSearchChange = event => {\n this.setState(\n {\n search: event.target.value,\n activeIndex: -1,\n },\n () => {\n const { search } = this.state;\n this.onSearch(search);\n },\n );\n };\n\n // wait a debounceDelay of idle time in ms, before notifying that the search changed.\n // the debounceDelay timer starts to count when the user stopped typing\n onSearch = debounce(search => {\n const { onSearch } = this.props;\n onSearch(search);\n }, debounceDelay(this.props));\n\n selectOption = (option, index) => () => {\n const { multiple, onChange, options, selected, value } = this.props;\n\n if (onChange) {\n let nextValue = option;\n let nextSelected = index;\n if (multiple) {\n nextValue = [];\n nextSelected = [];\n let removed = false;\n let selectedIndexes = [];\n\n if (Array.isArray(selected)) {\n selectedIndexes = selected;\n } else if (Array.isArray(value)) {\n selectedIndexes = value.map(v => options.indexOf(v));\n }\n\n selectedIndexes.forEach(selectedIndex => {\n if (selectedIndex === index) {\n removed = true;\n } else {\n nextValue.push(options[selectedIndex]);\n nextSelected.push(selectedIndex);\n }\n });\n if (!removed) {\n nextValue.push(option);\n nextSelected.push(index);\n }\n }\n\n onChange({\n option,\n value: nextValue,\n selected: nextSelected,\n });\n }\n };\n\n // We use the state keyboardNavigating to prevent mouse over interaction\n // from triggering changing the activeIndex due to scrolling.\n clearKeyboardNavigation = () => {\n clearTimeout(this.keyboardNavTimer);\n this.keyboardNavTimer = setTimeout(() => {\n this.setState({ keyboardNavigating: false });\n }, 100); // 100ms was empirically determined\n };\n\n onNextOption = event => {\n const { options } = this.props;\n const { activeIndex } = this.state;\n event.preventDefault();\n let nextActiveIndex = activeIndex + 1;\n while (\n nextActiveIndex < options.length &&\n this.isDisabled(nextActiveIndex)\n ) {\n nextActiveIndex += 1;\n }\n if (nextActiveIndex !== options.length) {\n this.setState(\n { activeIndex: nextActiveIndex, keyboardNavigating: true },\n () => {\n const buttonNode = this.optionRefs[nextActiveIndex];\n const optionsNode = this.optionsRef.current;\n\n if (\n buttonNode &&\n isNodeAfterScroll(buttonNode, optionsNode) &&\n optionsNode.scrollTo\n ) {\n optionsNode.scrollTo(\n 0,\n buttonNode.offsetTop -\n (optionsNode.getBoundingClientRect().height -\n buttonNode.getBoundingClientRect().height),\n );\n }\n this.clearKeyboardNavigation();\n },\n );\n }\n };\n\n onPreviousOption = event => {\n const { activeIndex } = this.state;\n event.preventDefault();\n let nextActiveIndex = activeIndex - 1;\n while (nextActiveIndex >= 0 && this.isDisabled(nextActiveIndex)) {\n nextActiveIndex -= 1;\n }\n if (nextActiveIndex >= 0) {\n this.setState(\n { activeIndex: nextActiveIndex, keyboardNavigating: true },\n () => {\n const buttonNode = this.optionRefs[nextActiveIndex];\n const optionsNode = this.optionsRef.current;\n\n if (\n buttonNode &&\n isNodeBeforeScroll(buttonNode, optionsNode) &&\n optionsNode.scrollTo\n ) {\n optionsNode.scrollTo(0, buttonNode.offsetTop);\n }\n this.clearKeyboardNavigation();\n },\n );\n }\n };\n\n onActiveOption = index => () => {\n const { keyboardNavigating } = this.state;\n if (!keyboardNavigating) {\n this.setState({ activeIndex: index });\n }\n };\n\n onSelectOption = event => {\n const { options } = this.props;\n const { activeIndex } = this.state;\n if (activeIndex >= 0) {\n event.preventDefault(); // prevent submitting forms\n this.selectOption(options[activeIndex], activeIndex)();\n }\n };\n\n optionLabel = index => {\n const { options, labelKey } = this.props;\n const option = options[index];\n let optionLabel;\n if (labelKey) {\n if (typeof labelKey === 'function') {\n optionLabel = labelKey(option);\n } else {\n optionLabel = option[labelKey];\n }\n } else {\n optionLabel = option;\n }\n return optionLabel;\n };\n\n optionValue = index => {\n const { options, valueKey } = this.props;\n const option = options[index];\n let optionValue;\n if (valueKey) {\n if (typeof valueKey === 'function') {\n optionValue = valueKey(option);\n } else {\n optionValue = option[valueKey];\n }\n } else {\n optionValue = option;\n }\n return optionValue;\n };\n\n isDisabled = index => {\n const { disabled, disabledKey, options } = this.props;\n const option = options[index];\n let result;\n if (disabledKey) {\n if (typeof disabledKey === 'function') {\n result = disabledKey(option, index);\n } else {\n result = option[disabledKey];\n }\n } else if (Array.isArray(disabled)) {\n if (typeof disabled[0] === 'number') {\n result = disabled.indexOf(index) !== -1;\n } else {\n const optionValue = this.optionValue(index);\n result = disabled.indexOf(optionValue) !== -1;\n }\n }\n return result;\n };\n\n isSelected = index => {\n const { selected, value, valueKey } = this.props;\n let result;\n if (selected) {\n // deprecated in favor of value\n result = selected.indexOf(index) !== -1;\n } else {\n const optionValue = this.optionValue(index);\n if (Array.isArray(value)) {\n if (value.length === 0) {\n result = false;\n } else if (typeof value[0] !== 'object') {\n result = value.indexOf(optionValue) !== -1;\n } else if (valueKey) {\n result = value.some(valueItem => {\n const valueValue =\n typeof valueKey === 'function'\n ? valueKey(valueItem)\n : valueItem[valueKey];\n return valueValue === optionValue;\n });\n }\n } else if (valueKey && typeof value === 'object') {\n const valueValue =\n typeof valueKey === 'function' ? valueKey(value) : value[valueKey];\n result = valueValue === optionValue;\n } else {\n result = value === optionValue;\n }\n }\n return result;\n };\n\n render() {\n const {\n children,\n dropHeight,\n emptySearchMessage,\n id,\n onKeyDown,\n onSearch,\n options,\n searchPlaceholder,\n theme,\n } = this.props;\n const { activeIndex, search } = this.state;\n\n const customSearchInput = theme.select.searchInput;\n const SelectTextInput = customSearchInput || TextInput;\n\n return (\n \n \n {onSearch && (\n \n \n \n )}\n \n {options.length > 0 ? (\n \n {(option, index) => {\n const isDisabled = this.isDisabled(index);\n const isSelected = this.isSelected(index);\n const isActive = activeIndex === index;\n return (\n {\n this.optionRefs[index] = ref;\n }}\n disabled={isDisabled || undefined}\n active={isActive}\n selected={isSelected}\n option={option}\n onMouseOver={\n !isDisabled ? this.onActiveOption(index) : undefined\n }\n onClick={\n !isDisabled\n ? this.selectOption(option, index)\n : undefined\n }\n >\n {children ? (\n children(option, index, options, {\n active: isActive,\n disabled: isDisabled,\n selected: isSelected,\n })\n ) : (\n \n {this.optionLabel(index)}\n \n )}\n \n );\n }}\n \n ) : (\n \n \n {emptySearchMessage}\n \n \n )}\n \n \n \n );\n }\n}\n\nObject.setPrototypeOf(SelectContainer.defaultProps, defaultProps);\n\nconst SelectContainerWrapper = withTheme(SelectContainer);\n\nexport { SelectContainerWrapper as SelectContainer };\n","import React, { Component } from 'react';\n\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { withForwardRef } from '../hocs';\n\nclass SelectOption extends Component {\n shouldComponentUpdate(nextProps) {\n const { active, disabled, option, selected } = this.props;\n const {\n active: nextActive,\n disabled: nextDisabled,\n option: nextOption,\n selected: nextSelected,\n } = nextProps;\n return (\n active !== nextActive ||\n selected !== nextSelected ||\n disabled !== nextDisabled ||\n option !== nextOption\n );\n }\n\n render() {\n const { forwardRef, ...rest } = this.props;\n return (\n \n \n \n );\n }\n}\n\nconst SelectOptionWrapper = withForwardRef(SelectOption);\n\nexport { SelectOptionWrapper as SelectOption };\n","import styled from 'styled-components';\n\nimport { sizeStyle } from 'grommet-styles';\n\nexport const StyledContainer = styled.div`\n /* IE11 hack to get drop contents to not overflow */\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n width: 100%;\n }\n\n ${props =>\n props.dropHeight\n ? sizeStyle('max-height', props.dropHeight, props.theme)\n : 'max-height: inherit;'};\n\n ${props =>\n props.theme.select.container && props.theme.select.container.extend};\n`;\n","export { SkipLink } from './SkipLink';\n","import React from 'react';\n\nimport { Anchor } from '../Anchor';\nimport { Box } from '../Box';\n\nexport const SkipLink = ({ id, label, ...rest }) => (\n \n \n \n);\n","export { SkipLinks } from './SkipLinks';\n","import React, { createRef, cloneElement, Component } from 'react';\n\nimport { Box } from '../Box';\nimport { Heading } from '../Heading';\nimport { Layer } from '../Layer';\n\nclass SkipLinks extends Component {\n static defaultProps = {\n messages: {\n skipTo: 'Skip To',\n },\n };\n\n state = {\n showLayer: false,\n };\n\n layerRef = createRef();\n\n onBlur = () => {\n // timeout needed so it gives enough time for activeElement to be updated\n setTimeout(() => {\n const layerNode = this.layerRef.current;\n if (\n layerNode &&\n layerNode.layerContainer.contains &&\n !layerNode.layerContainer.contains(document.activeElement)\n ) {\n this.removeLayer();\n }\n }, 0);\n };\n\n onFocus = () => {\n this.setState({ showLayer: true });\n };\n\n removeLayer = () => {\n this.setState({ showLayer: false });\n };\n\n render() {\n /* eslint-disable-next-line react/prop-types */\n const { children, id, messages } = this.props;\n const { showLayer } = this.state;\n return (\n \n \n {messages.skipTo}:\n \n {children.map((element, index) =>\n cloneElement(element, {\n key: `skip-link-${index}`,\n onClick: this.removeLayer,\n }),\n )}\n \n \n \n );\n }\n}\n\nlet SkipLinksDoc;\nif (process.env.NODE_ENV !== 'production') {\n SkipLinksDoc = require('./doc').doc(SkipLinks); // eslint-disable-line global-require\n}\nconst SkipLinksWrapper = SkipLinksDoc || SkipLinks;\n\nexport { SkipLinksWrapper as SkipLinks };\n","export { SkipLinkTarget } from './SkipLinkTarget';\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport { Anchor } from '../Anchor';\n\nconst HiddenAnchor = styled(Anchor)`\n width: 0;\n height: 0;\n overflow: hidden;\n position: absolute;\n`;\n\nexport const SkipLinkTarget = ({ label, ...rest }) => (\n \n {label}\n \n);\n","export { Tab } from './Tab';\n","import React, { Component } from 'react';\nimport { compose } from 'recompose';\n\nimport { withTheme } from 'styled-components';\n\nimport { defaultProps } from '../../default-props';\n\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { Text } from '../Text';\nimport { withForwardRef } from '../hocs';\nimport { normalizeColor } from '../../utils';\n\nimport { StyledTab } from './StyledTab';\n\nclass Tab extends Component {\n static getDerivedStateFromProps(nextProps, prevState) {\n const { active } = nextProps;\n const { over } = prevState;\n if (active && over) {\n return { over: undefined };\n }\n return null;\n }\n\n state = {};\n\n onMouseOver = event => {\n const { onMouseOver } = this.props;\n this.setState({ over: true });\n if (onMouseOver) {\n onMouseOver(event);\n }\n };\n\n onMouseOut = event => {\n const { onMouseOut } = this.props;\n this.setState({ over: undefined });\n if (onMouseOut) {\n onMouseOut(event);\n }\n };\n\n onClickTab = event => {\n const { onActivate } = this.props;\n if (event) {\n event.preventDefault();\n }\n onActivate();\n };\n\n render() {\n const {\n active,\n forwardRef,\n plain,\n title,\n onMouseOver,\n onMouseOut,\n theme,\n ...rest\n } = this.props;\n const { over } = this.state;\n\n delete rest.onActivate;\n\n let normalizedTitle = title;\n const tabStyles = {};\n\n if (!plain) {\n if (typeof title !== 'string') {\n normalizedTitle = title;\n } else if (active) {\n normalizedTitle = {title};\n } else {\n normalizedTitle = (\n \n {title}\n \n );\n }\n\n if (theme.tab.border) {\n let borderColor =\n theme.tab.border.color || theme.global.control.border.color;\n if (active) {\n borderColor = theme.tab.border.active.color || borderColor;\n } else if (over) {\n borderColor = theme.tab.border.hover.color || borderColor;\n }\n borderColor = normalizeColor(borderColor, theme);\n\n tabStyles.border = {\n side: theme.tab.border.side,\n size: theme.tab.border.size,\n color: borderColor,\n };\n }\n\n tabStyles.background = active\n ? theme.tab.active.background || theme.tab.background\n : theme.tab.background;\n tabStyles.pad = theme.tab.pad;\n tabStyles.margin = theme.tab.margin;\n }\n\n return (\n \n \n {normalizedTitle}\n \n \n );\n }\n}\n\nTab.defaultProps = {};\nObject.setPrototypeOf(Tab.defaultProps, defaultProps);\n\nlet TabDoc;\nif (process.env.NODE_ENV !== 'production') {\n TabDoc = require('./doc').doc(Tab); // eslint-disable-line global-require\n}\nconst TabWrapper = compose(\n withTheme,\n withForwardRef,\n)(TabDoc || Tab);\n\nexport { TabWrapper as Tab };\n","import styled, { css } from 'styled-components';\n\nimport { genericStyles, normalizeColor } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst tabHoverStyle = css`\n &:hover {\n ${props =>\n props.theme.tab.hover.background &&\n css`\n background: ${normalizeColor(\n props.theme.tab.hover.background,\n props.theme,\n )};\n `}\n ${props =>\n props.theme.tab.hover.color &&\n css`\n color: ${normalizeColor(props.theme.tab.hover.color, props.theme)};\n `}\n ${props => props.theme.tab.hover.extend};\n }\n`;\n\nconst StyledTab = styled.div`\n ${genericStyles}\n ${props => !props.plain && props.theme.tab.hover && tabHoverStyle}\n ${props => props.theme.tab.extend}\n`;\n\nStyledTab.defaultProps = {};\nObject.setPrototypeOf(StyledTab.defaultProps, defaultProps);\n\nexport { StyledTab };\n","export { Tabs } from './Tabs';\n","import React, { cloneElement, Children, Component } from 'react';\nimport { compose } from 'recompose';\n\nimport { withTheme } from 'styled-components';\n\nimport { defaultProps } from '../../default-props';\n\nimport { Box } from '../Box';\n\nimport { StyledTabPanel, StyledTabs, StyledTabsHeader } from './StyledTabs';\n\nclass Tabs extends Component {\n static defaultProps = {\n justify: 'center',\n messages: {\n tabContents: 'Tab Contents',\n },\n responsive: true,\n };\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { activeIndex } = nextProps;\n const { activeIndex: stateActiveIndex } = prevState;\n if (stateActiveIndex !== activeIndex && activeIndex !== undefined) {\n return { activeIndex };\n }\n return { activeIndex: stateActiveIndex || 0 };\n }\n\n state = {};\n\n activateTab = index => {\n const { activeIndex, onActive } = this.props;\n if (activeIndex === undefined) {\n this.setState({ activeIndex: index });\n }\n if (onActive) {\n onActive(index);\n }\n };\n\n render() {\n const {\n children,\n flex,\n justify,\n messages: { tabContents },\n theme,\n ...rest\n } = this.props;\n delete rest.activeIndex;\n delete rest.onActive;\n const { activeIndex } = this.state;\n\n let activeContent;\n let activeTitle;\n const tabs = Children.map(\n children,\n (tab, index) => {\n if (!tab) return undefined;\n\n const tabProps = tab.props || {};\n\n const isTabActive = index === activeIndex;\n\n if (isTabActive) {\n activeContent = tabProps.children;\n if (typeof tabProps.title === 'string') {\n activeTitle = tabProps.title;\n } else {\n activeTitle = index + 1;\n }\n }\n\n return cloneElement(tab, {\n active: isTabActive,\n onActivate: () => this.activateTab(index),\n });\n },\n this,\n );\n\n const tabContentTitle = `${activeTitle || ''} ${tabContents}`;\n\n return (\n \n \n {tabs}\n \n \n {activeContent}\n \n \n );\n }\n}\n\nObject.setPrototypeOf(Tabs.defaultProps, defaultProps);\n\nlet TabsDoc;\nif (process.env.NODE_ENV !== 'production') {\n TabsDoc = require('./doc').doc(Tabs); // eslint-disable-line global-require\n}\nconst TabsWrapper = compose(withTheme)(TabsDoc || Tabs);\n\nexport { TabsWrapper as Tabs };\n","import styled, { css } from 'styled-components';\n\nimport { genericStyles } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst StyledTabsHeader = styled.div`\n ${props => props.theme.tabs.header.extend};\n`;\n\nStyledTabsHeader.defaultProps = {};\nObject.setPrototypeOf(StyledTabsHeader.defaultProps, defaultProps);\n\nconst FLEX_MAP = {\n [true]: '1 1',\n [false]: '0 0',\n grow: '1 0',\n shrink: '0 1',\n};\n\nconst flexStyle = css`\n flex: ${props =>\n `${FLEX_MAP[props.flex]}${props.flex !== true ? ' auto' : ''}`};\n`;\n\nconst StyledTabPanel = styled.div`\n min-height: 0;\n ${props => props.flex && flexStyle} ${props => props.theme.tabs.panel.extend};\n`;\n\nStyledTabPanel.defaultProps = {};\nObject.setPrototypeOf(StyledTabPanel.defaultProps, defaultProps);\n\nconst StyledTabs = styled.div`\n ${genericStyles} ${props => props.theme.tabs.extend};\n`;\n\nStyledTabs.defaultProps = {};\nObject.setPrototypeOf(StyledTabs.defaultProps, defaultProps);\n\nexport { StyledTabsHeader, StyledTabPanel, StyledTabs };\n","export { TextArea } from './TextArea';\n","import React, { Component } from 'react';\nimport { compose } from 'recompose';\n\nimport { Keyboard } from '../Keyboard';\nimport { withFocus, withForwardRef } from '../hocs';\n\nimport { StyledTextArea } from './StyledTextArea';\n\nclass TextArea extends Component {\n onEsc = event => {\n // we have to stop both synthetic events and native events\n // drop and layer should not close by pressing esc on this input\n event.stopPropagation();\n event.nativeEvent.stopImmediatePropagation();\n };\n\n render() {\n const { fill, forwardRef, ...rest } = this.props;\n return (\n \n \n \n );\n }\n}\n\nlet TextAreaDoc;\nif (process.env.NODE_ENV !== 'production') {\n TextAreaDoc = require('./doc').doc(TextArea); // eslint-disable-line global-require\n}\nconst TextAreaWrapper = compose(\n withFocus,\n withForwardRef,\n)(TextAreaDoc || TextArea);\n\nexport { TextAreaWrapper as TextArea };\n","import styled, { css } from 'styled-components';\n\nimport { focusStyle, inputStyle, placeholderStyle } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst plainStyle = css`\n border: none;\n width: 100%;\n -webkit-appearance: none;\n`;\n\nconst resizeStyle = resize => {\n if (resize === 'horizontal') {\n return 'resize: horizontal;';\n }\n if (resize === 'vertical') {\n return 'resize: vertical;';\n }\n if (resize) {\n return 'resize: both;';\n }\n return 'resize: none;';\n};\n\nconst StyledTextArea = styled.textarea`\n ${inputStyle} width: 100%;\n ${props => props.resize !== undefined && resizeStyle(props.resize)}\n\n ${props => props.fillArg && 'height: 100%;'}\n ${props => props.plain && plainStyle}\n\n ${placeholderStyle}\n\n &::-moz-focus-inner {\n border: none;\n outline: none;\n }\n\n ${props => props.focus && !props.plain && focusStyle};\n ${props => props.theme.textArea && props.theme.textArea.extend};\n`;\n\nStyledTextArea.defaultProps = {};\nObject.setPrototypeOf(StyledTextArea.defaultProps, defaultProps);\n\nexport { StyledTextArea };\n","export { Video } from './Video';\n","import React, { Component } from 'react';\nimport { compose } from 'recompose';\n\nimport { withTheme } from 'styled-components';\n\nimport { defaultProps } from '../../default-props';\n\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { Menu } from '../Menu';\nimport { Meter } from '../Meter';\nimport { Stack } from '../Stack';\nimport { Text } from '../Text';\nimport { withForwardRef } from '../hocs';\nimport { throttle } from '../../utils';\n\nimport {\n StyledVideo,\n StyledVideoContainer,\n StyledVideoControls,\n StyledVideoScrubber,\n} from './StyledVideo';\n\n// Split the volume control into 6 segments. Empirically determined.\nconst VOLUME_STEP = 0.166667;\n\nconst formatTime = time => {\n let minutes = Math.round(time / 60);\n if (minutes < 10) {\n minutes = `0${minutes}`;\n }\n let seconds = Math.round(time) % 60;\n if (seconds < 10) {\n seconds = `0${seconds}`;\n }\n return `${minutes}:${seconds}`;\n};\n\nconst videoEvents = [\n 'onAbort',\n 'onCanPlay',\n 'onCanPlayThrough',\n 'onDurationChange',\n 'onEmptied',\n 'onEncrypted',\n 'onEnded',\n 'onError',\n 'onLoadedData',\n 'onLoadedMetadata',\n 'onLoadStart',\n 'onPause',\n 'onPlay',\n 'onPlaying',\n 'onProgress',\n 'onRateChange',\n 'onSeeked',\n 'onSeeking',\n 'onStalled',\n 'onSuspend',\n 'onTimeUpdate',\n 'onVolumeChange',\n 'onWaiting',\n];\n\nclass Video extends Component {\n static defaultProps = {\n controls: 'over',\n };\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { forwardRef } = nextProps;\n const { videoRef } = prevState;\n const nextVideoRef = forwardRef || videoRef;\n if (nextVideoRef !== videoRef) {\n return { videoRef: nextVideoRef };\n }\n return null;\n }\n\n state = {\n captions: [],\n scrubberRef: React.createRef(),\n videoRef: React.createRef(),\n };\n\n hasPlayed = false;\n\n constructor(props) {\n super(props);\n this.update = throttle(this.update, 100, this);\n this.mediaEventProps = this.injectUpdateVideoEvents();\n }\n\n componentDidMount() {\n const { mute } = this.props;\n const { videoRef } = this.state;\n const video = videoRef.current;\n\n if (mute) {\n this.mute();\n }\n\n if (video) {\n // hide all captioning to start with\n const { textTracks } = video;\n for (let i = 0; i < textTracks.length; i += 1) {\n textTracks[i].mode = 'hidden';\n }\n\n this.restate();\n }\n }\n\n componentDidUpdate(prevProps) {\n const { autoPlay } = this.props;\n if (autoPlay && !prevProps.autoPlay) {\n // Caller wants the video to play now.\n this.play();\n }\n this.restate();\n }\n\n componentWillUnmount() {\n this.unmounted = true;\n }\n\n injectUpdateVideoEvents = () =>\n videoEvents.reduce((previousValue, currentValue) => {\n const nextValue = { ...previousValue };\n nextValue[currentValue] = e => {\n if (\n currentValue in this.props &&\n /* eslint-disable react/destructuring-assignment */\n typeof this.props[currentValue] === 'function'\n ) {\n this.props[currentValue](e);\n /* eslint-enable react/destructuring-assignment */\n }\n this.update();\n };\n\n return nextValue;\n }, {});\n\n update = () => {\n const { videoRef } = this.state;\n const video = videoRef.current;\n // Set flag for Video first play\n if (\n (!this.hasPlayed && !video.paused && !video.loading) ||\n video.currentTime\n ) {\n this.hasPlayed = true;\n }\n\n let { interacting } = this.state;\n if (video.ended) {\n interacting = false;\n }\n\n this.setState({\n duration: video.duration,\n currentTime: video.currentTime,\n // buffered: video.buffered,\n // paused: video.paused,\n // muted: video.muted,\n volume: video.volume,\n // ended: video.ended,\n // readyState: video.readyState,\n interacting,\n // computed values\n // hasPlayed: this.hasPlayed,\n playing: !video.paused && !video.loading,\n // percentageBuffered: video.buffered.length &&\n // (video.buffered.end(video.buffered.length - 1) /\n // video.duration) * 100,\n percentagePlayed: (video.currentTime / video.duration) * 100,\n // loading: video.readyState < video.HAVE_ENOUGH_DATA,\n });\n };\n\n play = () => {\n const { videoRef } = this.state;\n videoRef.current.play();\n };\n\n pause = () => {\n const { videoRef } = this.state;\n videoRef.current.pause();\n };\n\n scrub = event => {\n const { duration, scrubberRef } = this.state;\n if (scrubberRef.current) {\n const scrubberRect = scrubberRef.current.getBoundingClientRect();\n const percent = (event.clientX - scrubberRect.left) / scrubberRect.width;\n this.setState({ scrubTime: duration * percent });\n }\n };\n\n seek = event => {\n const { duration, scrubberRef, videoRef } = this.state;\n if (scrubberRef.current) {\n const scrubberRect = scrubberRef.current.getBoundingClientRect();\n const percent = (event.clientX - scrubberRect.left) / scrubberRect.width;\n videoRef.current.currentTime = duration * percent;\n }\n };\n\n unmute = () => {\n const { videoRef } = this.state;\n if (videoRef.current) {\n videoRef.current.muted = false;\n }\n };\n\n mute = () => {\n const { videoRef } = this.state;\n if (videoRef.current) {\n videoRef.current.muted = true;\n }\n };\n\n louder = () => {\n const { videoRef } = this.state;\n videoRef.current.volume += VOLUME_STEP;\n };\n\n quieter = () => {\n const { videoRef } = this.state;\n videoRef.current.volume -= VOLUME_STEP;\n };\n\n showCaptions = index => {\n const { videoRef } = this.state;\n const { textTracks } = videoRef.current;\n for (let i = 0; i < textTracks.length; i += 1) {\n textTracks[i].mode = i === index ? 'showing' : 'hidden';\n }\n // Using forceUpdate to force redraw of controls when changing captions\n this.forceUpdate();\n };\n\n fullscreen = () => {\n const { videoRef } = this.state;\n const video = videoRef.current;\n if (video.requestFullscreen) {\n video.requestFullscreen();\n } else if (video.msRequestFullscreen) {\n video.msRequestFullscreen();\n } else if (video.mozRequestFullScreen) {\n video.mozRequestFullScreen();\n } else if (video.webkitRequestFullscreen) {\n video.webkitRequestFullscreen();\n } else {\n console.warn(\"Your browser doesn't support fullscreen.\");\n }\n };\n\n interactionStart = () => {\n this.setState({ interacting: true });\n clearTimeout(this.interactionTimer);\n this.interactionTimer = setTimeout(this.interactionStop, 3000);\n };\n\n interactionStop = () => {\n const { focus } = this.state;\n if (!focus && !this.unmounted) {\n this.setState({ interacting: false });\n }\n };\n\n restate = () => {\n const { captions, height, videoRef, width } = this.state;\n const video = videoRef.current;\n\n if (video) {\n if (video.videoHeight) {\n // set the size based on the video aspect ratio\n const rect = video.getBoundingClientRect();\n const ratio = rect.width / rect.height;\n const videoRatio = video.videoWidth / video.videoHeight;\n if (videoRatio > ratio) {\n const nextHeight = rect.width / videoRatio;\n if (nextHeight !== height) {\n this.setState({ height: nextHeight, width: undefined });\n }\n } else {\n const nextWidth = rect.height * videoRatio;\n if (nextWidth !== width) {\n this.setState({ height: undefined, width: nextWidth });\n }\n }\n }\n\n // remember the state of the text tracks for subsequent rendering\n const { textTracks } = video;\n if (textTracks.length > 0) {\n if (textTracks.length === 1) {\n const active = textTracks[0].mode === 'showing';\n if (!captions || !captions[0] || captions[0].active !== active) {\n this.setState({ captions: [{ active }] });\n }\n } else {\n const nextCaptions = [];\n let set = false;\n for (let i = 0; i < textTracks.length; i += 1) {\n const track = textTracks[i];\n const active = track.mode === 'showing';\n nextCaptions.push({ label: track.label, active });\n if (!captions || !captions[i] || captions[i].active !== active) {\n set = true;\n }\n }\n if (set) {\n this.setState({ captions: nextCaptions });\n }\n }\n }\n }\n };\n\n renderControls() {\n const { controls, theme } = this.props;\n const {\n captions,\n currentTime,\n duration,\n interacting,\n percentagePlayed,\n playing,\n scrubberRef,\n scrubTime,\n volume,\n } = this.state;\n const over = controls === 'over';\n const background =\n over &&\n ((theme.video.controls && theme.video.controls.background) || {\n color: 'dark-1',\n opacity: 'strong',\n });\n const iconColor = over && (theme.video.icons.color || 'light-1');\n\n const formattedTime = formatTime(scrubTime || currentTime || duration);\n\n const Icons = {\n ClosedCaption: theme.video.icons.closedCaption,\n Configure: theme.video.icons.configure,\n FullScreen: theme.video.icons.fullScreen,\n Pause: theme.video.icons.pause,\n Play: theme.video.icons.play,\n ReduceVolume: theme.video.icons.reduceVolume,\n Volume: theme.video.icons.volume,\n };\n\n const captionControls = captions.map(caption => ({\n icon: caption.label ? (\n undefined\n ) : (\n \n ),\n label: caption.label,\n active: caption.active,\n onClick: () => this.showCaptions(caption.active ? -1 : 0),\n }));\n\n return (\n \n \n \n ) : (\n \n )\n }\n hoverIndicator=\"background\"\n onClick={playing ? this.pause : this.play}\n />\n \n \n \n \n this.setState({ scrubTime: undefined })}\n onClick={this.seek}\n />\n \n \n \n {formattedTime}\n \n \n }\n dropAlign={{ bottom: 'top', right: 'right' }}\n dropBackground={background}\n items={[\n {\n icon: ,\n onClick: volume <= 1 - VOLUME_STEP ? this.louder : undefined,\n close: false,\n },\n {\n icon: ,\n onClick: volume >= VOLUME_STEP ? this.quieter : undefined,\n close: false,\n },\n ...captionControls,\n {\n icon: ,\n onClick: this.fullscreen,\n },\n ]}\n />\n \n \n );\n }\n\n render() {\n const {\n alignSelf,\n autoPlay,\n children,\n controls,\n gridArea,\n loop,\n margin,\n theme,\n ...rest\n } = this.props;\n const { height, videoRef, width } = this.state;\n\n const controlsElement = controls ? this.renderControls() : undefined;\n\n let mouseEventListeners;\n if (controls === 'over') {\n mouseEventListeners = {\n onMouseEnter: this.interactionStart,\n onMouseMove: this.interactionStart,\n onTouchStart: this.interactionStart,\n };\n }\n\n let style;\n if (rest.fit === 'contain' && controls === 'over') {\n // constrain the size to fit the aspect ratio so the controls overlap correctly\n if (width) {\n style = { width };\n } else if (height) {\n style = { height };\n }\n }\n\n return (\n \n \n {children}\n \n {controlsElement}\n \n );\n }\n}\n\nObject.setPrototypeOf(Video.defaultProps, defaultProps);\n\nlet VideoDoc;\nif (process.env.NODE_ENV !== 'production') {\n VideoDoc = require('./doc').doc(Video); // eslint-disable-line global-require\n}\nconst VideoWrapper = compose(\n withTheme,\n withForwardRef,\n)(VideoDoc || Video);\n\nexport { VideoWrapper as Video };\n","import styled, { css } from 'styled-components';\n\nimport { genericStyles, normalizeColor } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst FIT_MAP = {\n cover: 'cover',\n contain: 'contain',\n};\n\nconst fitStyle = css`\n flex: 1 1;\n min-height: 0;\n object-fit: ${props => FIT_MAP[props.fit]};\n`;\n\nconst StyledVideo = styled.video`\n max-width: 100%;\n ${props => props.fit && fitStyle} ::cue {\n background: ${props => props.theme.video.captions.background};\n }\n\n ${props => props.theme.video && props.theme.video.extend};\n`;\n\nStyledVideo.defaultProps = {};\nObject.setPrototypeOf(StyledVideo.defaultProps, defaultProps);\n\nconst StyledVideoContainer = styled.div`\n flex: 1 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n ${genericStyles};\n`;\n\nStyledVideoContainer.defaultProps = {};\nObject.setPrototypeOf(StyledVideoContainer.defaultProps, defaultProps);\n\nconst positionStyle = css`\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n`;\n\nconst StyledVideoControls = styled.div`\n flex: 0 0;\n ${props => props.over && positionStyle} opacity: 0;\n transition: opacity 0.3s;\n ${props => (props.active ? 'opacity: 1;' : 'pointer-events: none')};\n`;\n\nStyledVideoControls.defaultProps = {};\nObject.setPrototypeOf(StyledVideoControls.defaultProps, defaultProps);\n\nconst headStyle = css`\n ::after {\n content: '';\n height: 100%;\n width: ${props => props.theme.global.edgeSize.xsmall};\n background: ${props => normalizeColor('light-4', props.theme)};\n position: absolute;\n left: ${props => `${props.value}%`};\n }\n`;\n\nconst StyledVideoScrubber = styled.div`\n cursor: pointer;\n ${props => props.value && headStyle};\n`;\n\nStyledVideoScrubber.defaultProps = {};\nObject.setPrototypeOf(StyledVideoScrubber.defaultProps, defaultProps);\n\nexport {\n StyledVideo,\n StyledVideoContainer,\n StyledVideoControls,\n StyledVideoScrubber,\n};\n","export { WorldMap } from './WorldMap';\n","import React, { Component } from 'react';\nimport { compose } from 'recompose';\n\nimport { withTheme } from 'styled-components';\n\nimport { defaultProps } from '../../default-props';\nimport { normalizeColor, parseMetricToNum } from '../../utils';\n\nimport { StyledWorldMap } from './StyledWorldMap';\n\n// The graphic is drawn as a rectangular grid using coordinates spaced\n// by FACTOR pixels. The contents have both an area boundary for interaction\n// and dots described as rows where each row is described by three values:\n// a starting coordinate and a length. This approach is more efficient than\n// describing it via SVG elements, keeping the code/library size smaller.\nconst CONTINENTS = [\n {\n name: 'Australia',\n origin: [74, 32],\n area: [[4, 0], [7, 1], [15, 7], [13, 9], [0, 6], [0, 2]],\n dots: [\n [4, 0, 1],\n [2, 1, 6],\n [0, 2, 9],\n [0, 3, 10],\n [0, 4, 10],\n [0, 5, 3],\n [5, 5, 5],\n [5, 6, 4],\n [15, 7, 1],\n [14, 8, 1],\n [13, 9, 1],\n ],\n },\n {\n name: 'Asia',\n origin: [52, 1],\n area: [\n [16, 0],\n [38, 5],\n [40, 7],\n [28, 17],\n [24, 25],\n [29, 29],\n [19, 29],\n [11, 24],\n [3, 23],\n [0, 20],\n [0, 19],\n [6, 13],\n [7, 6],\n ],\n dots: [\n [16, 0, 1],\n [17, 1, 2],\n [18, 2, 2],\n [15, 3, 6],\n [28, 3, 1],\n [30, 3, 1],\n [10, 4, 2],\n [13, 4, 10],\n [24, 4, 1],\n [9, 5, 22],\n [32, 5, 1],\n [38, 5, 1],\n [7, 6, 2],\n [10, 6, 1],\n [12, 6, 27],\n [7, 7, 34],\n [7, 8, 31],\n [7, 9, 26],\n [34, 9, 3],\n [7, 10, 22],\n [31, 10, 1],\n [33, 10, 1],\n [7, 11, 21],\n [32, 11, 2],\n [7, 12, 21],\n [32, 12, 1],\n [6, 13, 22],\n [32, 13, 1],\n [6, 14, 22],\n [5, 15, 22],\n [3, 16, 2],\n [6, 16, 20],\n [2, 17, 3],\n [6, 17, 16],\n [24, 17, 1],\n [28, 17, 1],\n [1, 18, 22],\n [26, 18, 2],\n [0, 19, 24],\n [0, 20, 5],\n [6, 20, 17],\n [2, 21, 5],\n [10, 21, 14],\n [2, 22, 5],\n [11, 22, 4],\n [16, 22, 4],\n [3, 23, 3],\n [11, 23, 2],\n [17, 23, 3],\n [23, 23, 1],\n [11, 24, 2],\n [18, 24, 2],\n [23, 24, 1],\n [24, 25, 1],\n [18, 26, 1],\n [22, 26, 1],\n [18, 27, 1],\n [20, 27, 4],\n [18, 28, 1],\n [21, 28, 1],\n [23, 28, 1],\n [26, 28, 3],\n [19, 29, 1],\n [28, 29, 2],\n ],\n },\n {\n // 21X, 40Y\n name: 'Africa',\n origin: [40, 19],\n area: [\n [3, 0],\n [6, 0],\n [11, 2],\n [16, 7],\n [16, 15],\n [11, 18],\n [9, 18],\n [0, 6],\n [0, 3],\n ],\n dots: [\n [3, 0, 4],\n [2, 1, 6],\n [9, 1, 2],\n [1, 2, 11],\n [0, 3, 13],\n [0, 4, 14],\n [0, 5, 14],\n [0, 6, 16],\n [1, 7, 16],\n [2, 8, 2],\n [6, 8, 11],\n [7, 9, 9],\n [7, 10, 8],\n [7, 11, 7],\n [8, 12, 7],\n [7, 13, 8],\n [7, 14, 7],\n [16, 14, 1],\n [8, 15, 5],\n [15, 15, 2],\n [8, 16, 5],\n [9, 17, 3],\n [9, 18, 3],\n ],\n },\n {\n name: 'Europe',\n origin: [39, 2],\n area: [\n [8, 0],\n [10, 0],\n [20, 2],\n [19, 11],\n [18, 13],\n [14, 16],\n [3, 16],\n [0, 7],\n ],\n dots: [\n [8, 0, 3],\n [9, 1, 1],\n [20, 2, 1],\n [19, 3, 1],\n [12, 4, 1],\n [19, 4, 1],\n [9, 5, 6],\n [9, 6, 7],\n [17, 6, 3],\n [0, 7, 1],\n [8, 7, 12],\n [7, 8, 3],\n [11, 8, 9],\n [7, 9, 3],\n [11, 9, 9],\n [4, 10, 1],\n [7, 10, 1],\n [9, 10, 1],\n [11, 10, 9],\n [3, 11, 2],\n [7, 11, 13],\n [4, 12, 1],\n [6, 12, 13],\n [4, 13, 15],\n [5, 14, 3],\n [9, 14, 4],\n [15, 14, 2],\n [3, 15, 3],\n [8, 15, 1],\n [10, 15, 5],\n [6, 15, 2],\n [3, 16, 2],\n [10, 16, 5],\n ],\n },\n {\n name: 'South America',\n origin: [22, 26],\n area: [[2, 0], [5, 0], [11, 4], [11, 8], [3, 18], [2, 17], [0, 4], [0, 3]],\n dots: [\n [2, 0, 4],\n [1, 1, 7],\n [1, 2, 7],\n [0, 3, 10],\n [0, 4, 12],\n [1, 5, 11],\n [2, 6, 9],\n [3, 7, 8],\n [3, 8, 8],\n [3, 9, 6],\n [3, 10, 6],\n [3, 11, 5],\n [3, 12, 3],\n [2, 13, 3],\n [2, 14, 3],\n [2, 15, 2],\n [2, 16, 2],\n [2, 17, 2],\n [3, 18, 1],\n ],\n },\n {\n name: 'North America',\n origin: [0, 0],\n area: [[21, 0], [39, 0], [39, 6], [22, 26], [16, 23], [2, 12], [0, 7]],\n dots: [\n [22, 0, 6],\n [29, 0, 1],\n [31, 0, 1],\n [33, 0, 5],\n [20, 1, 1],\n [22, 1, 1],\n [24, 1, 2],\n [27, 1, 13],\n [17, 2, 1],\n [20, 2, 5],\n [26, 2, 13],\n [13, 3, 1],\n [19, 3, 1],\n [21, 3, 3],\n [26, 3, 14],\n [14, 4, 1],\n [16, 4, 4],\n [21, 4, 3],\n [29, 4, 11],\n [12, 5, 3],\n [16, 5, 1],\n [18, 5, 1],\n [20, 5, 3],\n [24, 5, 1],\n [30, 5, 8],\n [14, 6, 3],\n [19, 6, 1],\n [22, 6, 4],\n [31, 6, 8],\n [0, 7, 15],\n [16, 7, 1],\n [18, 7, 4],\n [24, 7, 2],\n [30, 7, 7],\n [2, 8, 20],\n [24, 8, 3],\n [29, 8, 5],\n [2, 9, 20],\n [24, 9, 2],\n [30, 9, 3],\n [1, 10, 18],\n [23, 10, 2],\n [31, 10, 1],\n [2, 11, 2],\n [8, 11, 11],\n [23, 11, 2],\n [26, 11, 1],\n [2, 12, 1],\n [8, 12, 13],\n [24, 12, 3],\n [10, 13, 12],\n [23, 13, 5],\n [11, 14, 17],\n [11, 15, 9],\n [21, 15, 6],\n [28, 15, 2],\n [11, 16, 11],\n [23, 16, 4],\n [11, 17, 14],\n [12, 18, 11],\n [12, 19, 12],\n [13, 20, 9],\n [15, 21, 3],\n [22, 21, 1],\n [16, 22, 2],\n [16, 23, 2],\n [20, 23, 1],\n [23, 23, 1],\n [18, 24, 3],\n [21, 25, 1],\n [22, 26, 1],\n ],\n },\n];\n\n// FACTOR is the distance in pixels between coordinates\nconst FACTOR = 10;\n\nconst maxCoordinate = (a, b) => [Math.max(a[0], b[0]), Math.max(a[1], b[1])];\n// const minCoordinate = (a, b) =>\n// [Math.min(a[0], b[0]), Math.min(a[1], b[1])];\n\n// Based on https://stackoverflow.com/a/43861247\nconst MAP_LAT_BOTTOM = -50.0; // empirically determined\nconst MAP_LAT_BOTTOM_RAD = (MAP_LAT_BOTTOM * Math.PI) / 180;\nconst MAP_LON_LEFT = -171.0; // empirically determined\nconst MAP_LON_RIGHT = 184.0; // empirically determined\nconst MAP_LON_DELTA = MAP_LON_RIGHT - MAP_LON_LEFT;\n\nconst mapValues = extent => {\n const mapRadius = ((extent[0] / MAP_LON_DELTA) * 360) / (2 * Math.PI);\n const mapOffsetY = Math.round(\n (mapRadius / 2) *\n Math.log(\n (1 + Math.sin(MAP_LAT_BOTTOM_RAD)) / (1 - Math.sin(MAP_LAT_BOTTOM_RAD)),\n ),\n );\n return { mapRadius, mapOffsetY };\n};\n\nconst latLonToCoord = (latLon, origin, extent) => {\n const { mapRadius, mapOffsetY } = mapValues(extent);\n const x = Math.round(\n ((latLon[1] - MAP_LON_LEFT) * extent[0]) / MAP_LON_DELTA,\n );\n const latitudeRad = (latLon[0] * Math.PI) / 180;\n const y =\n extent[1] +\n mapOffsetY -\n Math.round(\n (mapRadius / 2) *\n Math.log((1 + Math.sin(latitudeRad)) / (1 - Math.sin(latitudeRad))),\n );\n return [x, y]; // the coordinate value of this point on the map image\n};\n\nconst coordToLatLon = (coord, origin, extent) => {\n const { mapRadius, mapOffsetY } = mapValues(extent);\n const a = (extent[1] + mapOffsetY - coord[1]) / mapRadius;\n const lat = (180 / Math.PI) * (2 * Math.atan(Math.exp(a)) - Math.PI / 2);\n const lon = (coord[0] * MAP_LON_DELTA) / extent[0] + MAP_LON_LEFT;\n return [lat, lon];\n};\n\nconst buildContinentState = ({ area, dots, origin }) => {\n let extent = [...origin];\n const stateDots = dots\n .map(segment => {\n const count = segment[2];\n const spots = [];\n for (let i = 0; i < count; i += 1) spots.push('h0');\n const dotCommands = spots.join(' m10,0 ');\n const x = FACTOR * (origin[0] + segment[0] + 1);\n const y = FACTOR * (origin[1] + segment[1] + 1);\n extent = maxCoordinate(extent, [\n origin[0] + segment[0] + segment[2],\n origin[1] + segment[1],\n ]);\n return `M${x},${y} ${dotCommands}`;\n })\n .join(' ');\n\n const stateArea = `${area\n .map((point, index) => {\n const x = FACTOR * (point[0] + origin[0] + 1);\n const y = FACTOR * (point[1] + origin[1] + 1);\n return `${index === 0 ? 'M' : 'L'}${x},${y}`;\n })\n .join(' ')} Z`;\n\n const mid = [\n origin[0] + (extent[0] - origin[0]) / 2,\n origin[1] + (extent[1] - origin[1]) / 2,\n ];\n return {\n area: stateArea,\n dots: stateDots,\n origin,\n extent,\n mid,\n };\n};\n\nconst buildState = () => {\n const continents = {};\n\n // Build the SVG paths describing the individual dots\n const origin = [0, 0];\n let extent = [0, 0];\n CONTINENTS.forEach(continent => {\n continents[continent.name] = buildContinentState(continent);\n extent = maxCoordinate(extent, continents[continent.name].extent);\n });\n\n return {\n continents,\n extent,\n origin,\n x: origin[0] * FACTOR,\n y: origin[1] * FACTOR,\n width: (extent[0] - origin[0] + 1) * FACTOR,\n height: (extent[1] - origin[1] + 2) * FACTOR,\n };\n};\n\nconst updateState = (state, { continents, places }) => {\n const nextState = { ...state };\n\n if (continents) {\n continents.forEach(continent => {\n nextState.continents[continent.name] = {\n ...state.continents[continent.name],\n ...continent,\n };\n });\n }\n\n nextState.places = (places || []).map(({ location, ...place }) => {\n const coords = latLonToCoord(location, state.origin, state.extent);\n return { coords, key: location.join(','), ...place };\n });\n\n return nextState;\n};\n\nconst buildInteractiveProps = (\n { name, onClick, onHover },\n activeFunc,\n active,\n) => ({\n role: 'button',\n 'aria-label': name,\n tabIndex: '0',\n onClick: onClick ? () => onClick(name) : undefined,\n onMouseOver: () => {\n if (!active) {\n activeFunc(name);\n if (onHover) {\n onHover(true);\n }\n }\n },\n onMouseLeave: () => {\n if (active) {\n activeFunc(undefined);\n if (onHover) {\n onHover(false);\n }\n }\n },\n onFocus: () => {\n // This moves the map unnecessarily. Instead, we should check\n // the position and scroll if it isn't already visible\n // this._worldMapRef.scrollIntoView();\n if (!active) {\n activeFunc(name);\n }\n },\n onBlur: () => {\n if (active) {\n activeFunc(undefined);\n }\n },\n});\n\nclass WorldMap extends Component {\n static getDerivedStateFromProps(nextProps, prevState) {\n if (!prevState.continents) {\n return updateState(buildState(), nextProps);\n }\n return updateState(prevState, nextProps);\n }\n\n state = {};\n\n onMouseOver = () => {\n // track when we're over the map to avoid dealing with mouse moves\n this.setState({ over: true });\n };\n\n onMouseMove = event => {\n const { width } = this.state;\n // determine the map coordinates for where the mouse is\n // containerRef uses the group so we can handle aspect ratio scaling\n const rect = this.containerRef.getBoundingClientRect();\n const scale = rect.width / width; // since the SVG viewBox might be scaled\n const coords = [\n Math.round((event.clientX - rect.left) / scale / FACTOR),\n Math.round((event.clientY - rect.top) / scale / FACTOR),\n ];\n this.setState({ activeCoords: coords });\n };\n\n onMouseLeave = () => {\n this.setState({ over: false, activeCoords: undefined });\n };\n\n render() {\n const { color, onSelectPlace, hoverColor, theme, ...rest } = this.props;\n delete rest.places;\n delete rest.continents;\n const {\n activeContinent,\n activeCoords,\n activePlace,\n continents: continentStates,\n extent,\n origin,\n over,\n places: placeStates,\n x,\n y,\n width,\n height,\n } = this.state;\n\n const continents = Object.keys(continentStates).map(name => {\n const {\n area,\n color: continentColor,\n dots,\n onClick,\n onHover,\n } = continentStates[name];\n const active = activeContinent && activeContinent === name;\n\n let interactiveProps = {};\n if (onClick || onHover) {\n interactiveProps = buildInteractiveProps(\n continentStates[name],\n activate => this.setState({ activeContinent: activate }),\n active,\n );\n }\n\n return (\n \n \n \n \n );\n });\n\n const places = placeStates.map(place => {\n const {\n color: placeColor,\n coords,\n key,\n name,\n onClick,\n onHover,\n ...restPlace\n } = place;\n const d = `M${FACTOR * coords[0]}, ${FACTOR * coords[1]} h0`;\n const active = activePlace && activePlace === name;\n\n let interactiveProps = {};\n if (onClick || onHover) {\n interactiveProps = buildInteractiveProps(\n place,\n activate => this.setState({ activePlace: activate }),\n active,\n );\n }\n\n return (\n \n );\n });\n\n // If the caller is interested in onSelectPlace changes, track where the\n let interactiveProps = {};\n if (onSelectPlace) {\n interactiveProps = {\n onMouseOver: this.onMouseOver,\n onMouseMove: over ? this.onMouseMove : undefined,\n onMouseLeave: this.onMouseLeave,\n };\n }\n\n let active;\n if (activeCoords) {\n const d = `M${FACTOR * activeCoords[0]}, ${FACTOR * activeCoords[1]} h0`;\n active = (\n \n onSelectPlace(coordToLatLon(activeCoords, origin, extent))\n }\n >\n \n \n );\n }\n\n return (\n \n {\n this.containerRef = ref;\n }}\n stroke=\"none\"\n fill=\"none\"\n fillRule=\"evenodd\"\n >\n {continents}\n \n {places}\n {active}\n \n );\n }\n}\n\nWorldMap.defaultProps = {};\nObject.setPrototypeOf(WorldMap.defaultProps, defaultProps);\n\nlet WorldMapDoc;\nif (process.env.NODE_ENV !== 'production') {\n WorldMapDoc = require('./doc').doc(WorldMap); // eslint-disable-line global-require\n}\nconst WorldMapWrapper = compose(withTheme)(WorldMapDoc || WorldMap);\n\nexport { WorldMapWrapper as WorldMap };\n","import styled from 'styled-components';\n\nimport { genericStyles } from '../../utils';\nimport { defaultProps } from '../../default-props';\n\nconst StyledWorldMap = styled.svg`\n width: 100%;\n\n ${genericStyles} ${props =>\n props.theme.worldMap && props.theme.worldMap.extend};\n`;\n\nStyledWorldMap.defaultProps = {};\nObject.setPrototypeOf(StyledWorldMap.defaultProps, defaultProps);\n\nexport { StyledWorldMap };\n"],"sourceRoot":""}