\n {!isShowcaseRace && (\n \n {contestTitle}\n {/* Let's not show U.S. House directory links because the redistricting boundaries have changed and will be reflected in our directory in 2027 */}\n {directory_slug[0] != null && contest[0].office != 'U.S. House' && (\n
\n )}\n
\n );\n }\n}\n\nContest.defaultProps = {\n isShowcaseRace: false,\n includeCountyRundown: false,\n};\n\nexport default Contest;\n","import cx from 'classnames';\nimport { intcomma } from 'journalize';\nimport { h, VNode } from 'preact';\n\nimport PureComponent from './PureComponent';\n\nimport formatPercent from '../utils/format-percent';\nimport { isCanvass } from '../endpoints';\nimport PartyPill from './PartyPill';\n\ninterface Props {\n ballotName: string;\n candidateId: string;\n contestIsCalled: boolean;\n contestResult: string;\n isIncumbent: boolean;\n isWinner: boolean;\n numDelegates: any | null;\n candidateColors: { [key: string]: any };\n party: string;\n totalVotesInContest: number;\n votes: number;\n}\n\nclass HeadshotCandidateRow extends PureComponent\n {contestTitle}\n {/* Let's not show U.S. House directory links because the redistricting boundaries have changed and will be reflected in our directory in 2027 */}\n {directory_slug[0] != null && contest[0].office != 'U.S. House' && (\n \n \n \n \n \n )}\n
\n )}\n \n {onePrimary &&\n onePrimaryParty == 'Republican' &&\n !isShowcaseRace &&\n !hideEmptyParty &&
\n \n {showContestTitleInShowcase && (\n
\n )}\n {onePrimary && onePrimaryParty == 'Democrat' &&\n !isShowcaseRace &&\n !hideEmptyParty && \n {contest.office}\n
\n )}\n {renderParty(contest)}\n\n {/*
\n );\n}\n\nexport default MapLegend;\n","const DEMOCRAT = [\n '#1755c5',\n '#ffc200',\n '#91dfe5',\n '#fcbec3',\n '#5acc7d',\n '#182b4b',\n];\n\nconst REPUBLICAN = [\n '#1755c5',\n '#ffc200',\n '#91dfe5',\n '#fcbec3',\n '#5acc7d',\n '#182b4b',\n];\n\nconst OTHER = '#888888';\n\nconst NEUTRAL = '#F2F2F2';\nconst TIE = '#ffc400';\n\nexport { DEMOCRAT, REPUBLICAN, NEUTRAL, TIE, OTHER };\n","import cx from 'classnames';\nimport { h } from 'preact';\n\nimport Portal from './Portal';\n\ninterface Props {\n class: string;\n tooltipRef(any): void;\n style?: { [key: string]: string };\n isHidden?: boolean;\n}\n\nfunction Tooltip({ class: cls, style, isHidden, tooltipRef }: Props) {\n const klass = cx(cls, { 'display-none': isHidden });\n\n return (\n Leader
*/}\n\n {/* {candidates.map(candidate => {\n return (\n
\n \n
\n );\n })} */}\n {includesTie && (\n \n {candidate.ballot_sort_name}\n
\n\n {' '}\n
\n )}\n {includesNoResult && (\n Tied
\n\n {' '}\n
\n )}\n No votes
\n\n {this.props.children}\n
\n \n \n
\n
\n );\n }\n}\n\nexport default TooltipTable;\n","function getPoint(node: HTMLElement, x: number, y: number): [number, number] {\n const rect = node.getBoundingClientRect();\n return [x - rect.left - node.clientLeft, y - rect.top - node.clientTop];\n}\n\nexport default getPoint;\n","export default class FlatQueue {\n constructor() {\n this.ids = [];\n this.values = [];\n this.length = 0;\n }\n\n clear() {\n this.length = this.ids.length = this.values.length = 0;\n }\n\n push(id, value) {\n this.ids.push(id);\n this.values.push(value);\n\n let pos = this.length++;\n while (pos > 0) {\n const parent = (pos - 1) >> 1;\n const parentValue = this.values[parent];\n if (value >= parentValue) break;\n this.ids[pos] = this.ids[parent];\n this.values[pos] = parentValue;\n pos = parent;\n }\n\n this.ids[pos] = id;\n this.values[pos] = value;\n }\n\n pop() {\n if (this.length === 0) return undefined;\n\n const top = this.ids[0];\n this.length--;\n\n if (this.length > 0) {\n const id = (this.ids[0] = this.ids[this.length]);\n const value = (this.values[0] = this.values[this.length]);\n const halfLength = this.length >> 1;\n let pos = 0;\n\n while (pos < halfLength) {\n let left = (pos << 1) + 1;\n const right = left + 1;\n let bestIndex = this.ids[left];\n let bestValue = this.values[left];\n const rightValue = this.values[right];\n\n if (right < this.length && rightValue < bestValue) {\n left = right;\n bestIndex = this.ids[right];\n bestValue = rightValue;\n }\n if (bestValue >= value) break;\n\n this.ids[pos] = bestIndex;\n this.values[pos] = bestValue;\n pos = left;\n }\n\n this.ids[pos] = id;\n this.values[pos] = value;\n }\n\n this.ids.pop();\n this.values.pop();\n\n return top;\n }\n\n peek() {\n return this.ids[0];\n }\n\n peekValue() {\n return this.values[0];\n }\n}\n","import FlatQueue from './flatqueue';\n\nconst ARRAY_TYPES = [\n Int8Array,\n Uint8Array,\n Uint8ClampedArray,\n Int16Array,\n Uint16Array,\n Int32Array,\n Uint32Array,\n Float32Array,\n Float64Array,\n];\n\nconst VERSION = 3; // serialized format version\n\nexport default class Flatbush {\n static from(data) {\n if (!(data instanceof ArrayBuffer)) {\n throw new Error('Data must be an instance of ArrayBuffer.');\n }\n const [magic, versionAndType] = new Uint8Array(data, 0, 2);\n if (magic !== 0xfb) {\n throw new Error('Data does not appear to be in a Flatbush format.');\n }\n if (versionAndType >> 4 !== VERSION) {\n throw new Error(\n `Got v${versionAndType >> 4} data when expected v${VERSION}.`\n );\n }\n const [nodeSize] = new Uint16Array(data, 2, 1);\n const [numItems] = new Uint32Array(data, 4, 1);\n\n return new Flatbush(\n numItems,\n nodeSize,\n ARRAY_TYPES[versionAndType & 0x0f],\n data\n );\n }\n\n constructor(numItems, nodeSize = 16, ArrayType = Float64Array, data) {\n if (numItems === undefined)\n throw new Error('Missing required argument: numItems.');\n if (isNaN(numItems) || numItems <= 0)\n throw new Error(`Unpexpected numItems value: ${numItems}.`);\n\n this.numItems = +numItems;\n this.nodeSize = Math.min(Math.max(+nodeSize, 2), 65535);\n\n // calculate the total number of nodes in the R-tree to allocate space for\n // and the index of each tree level (used in search later)\n let n = numItems;\n let numNodes = n;\n this._levelBounds = [n * 4];\n do {\n n = Math.ceil(n / this.nodeSize);\n numNodes += n;\n this._levelBounds.push(numNodes * 4);\n } while (n !== 1);\n\n this.ArrayType = ArrayType || Float64Array;\n this.IndexArrayType = numNodes < 16384 ? Uint16Array : Uint32Array;\n\n const arrayTypeIndex = ARRAY_TYPES.indexOf(this.ArrayType);\n const nodesByteSize = numNodes * 4 * this.ArrayType.BYTES_PER_ELEMENT;\n\n if (arrayTypeIndex < 0) {\n throw new Error(`Unexpected typed array class: ${ArrayType}.`);\n }\n\n if (data && data instanceof ArrayBuffer) {\n this.data = data;\n this._boxes = new this.ArrayType(this.data, 8, numNodes * 4);\n this._indices = new this.IndexArrayType(\n this.data,\n 8 + nodesByteSize,\n numNodes\n );\n\n this._pos = numNodes * 4;\n this.minX = this._boxes[this._pos - 4];\n this.minY = this._boxes[this._pos - 3];\n this.maxX = this._boxes[this._pos - 2];\n this.maxY = this._boxes[this._pos - 1];\n } else {\n this.data = new ArrayBuffer(\n 8 + nodesByteSize + numNodes * this.IndexArrayType.BYTES_PER_ELEMENT\n );\n this._boxes = new this.ArrayType(this.data, 8, numNodes * 4);\n this._indices = new this.IndexArrayType(\n this.data,\n 8 + nodesByteSize,\n numNodes\n );\n this._pos = 0;\n this.minX = Infinity;\n this.minY = Infinity;\n this.maxX = -Infinity;\n this.maxY = -Infinity;\n\n new Uint8Array(this.data, 0, 2).set([\n 0xfb,\n (VERSION << 4) + arrayTypeIndex,\n ]);\n new Uint16Array(this.data, 2, 1)[0] = nodeSize;\n new Uint32Array(this.data, 4, 1)[0] = numItems;\n }\n\n // a priority queue for k-nearest-neighbors queries\n this._queue = new FlatQueue();\n }\n\n add(minX, minY, maxX, maxY) {\n const index = this._pos >> 2;\n this._indices[index] = index;\n this._boxes[this._pos++] = minX;\n this._boxes[this._pos++] = minY;\n this._boxes[this._pos++] = maxX;\n this._boxes[this._pos++] = maxY;\n\n if (minX < this.minX) this.minX = minX;\n if (minY < this.minY) this.minY = minY;\n if (maxX > this.maxX) this.maxX = maxX;\n if (maxY > this.maxY) this.maxY = maxY;\n }\n\n finish() {\n if (this._pos >> 2 !== this.numItems) {\n throw new Error(\n `Added ${this._pos >> 2} items when expected ${this.numItems}.`\n );\n }\n\n const width = this.maxX - this.minX;\n const height = this.maxY - this.minY;\n const hilbertValues = new Uint32Array(this.numItems);\n const hilbertMax = (1 << 16) - 1;\n\n // map item centers into Hilbert coordinate space and calculate Hilbert values\n for (let i = 0; i < this.numItems; i++) {\n let pos = 4 * i;\n const minX = this._boxes[pos++];\n const minY = this._boxes[pos++];\n const maxX = this._boxes[pos++];\n const maxY = this._boxes[pos++];\n const x = Math.floor(\n (hilbertMax * ((minX + maxX) / 2 - this.minX)) / width\n );\n const y = Math.floor(\n (hilbertMax * ((minY + maxY) / 2 - this.minY)) / height\n );\n hilbertValues[i] = hilbert(x, y);\n }\n\n // sort items by their Hilbert value (for packing later)\n sort(hilbertValues, this._boxes, this._indices, 0, this.numItems - 1);\n\n // generate nodes at each tree level, bottom-up\n for (let i = 0, pos = 0; i < this._levelBounds.length - 1; i++) {\n const end = this._levelBounds[i];\n\n // generate a parent node for each block of consecutive \n \n (\n \n {geos.places && (\n \n )}\n />\n \n {activeCounty && (\n
\n {/* \n
\n );\n }\n}\n\nTypeahead.defaultProps = {\n debounceDuration: 150,\n inputProps: {},\n onChange: noop,\n onClear: noop,\n onSelect: noop,\n renderInput: props => ,\n value: '',\n};\n\nTypeahead.keyEvents = {\n ArrowDown(event) {\n event.preventDefault();\n\n const items = this.getFilteredItems(this.props);\n const itemsCount = items.length;\n if (itemsCount < 1) return;\n\n const { highlightedIndex } = this.state;\n\n const newIndex =\n highlightedIndex < itemsCount - 1\n ? highlightedIndex + 1\n : highlightedIndex;\n\n this.setState({ highlightedIndex: newIndex });\n },\n\n ArrowUp(event) {\n event.preventDefault();\n\n const items = this.getFilteredItems(this.props);\n const itemsCount = items.length;\n if (itemsCount < 1) return;\n\n const { highlightedIndex } = this.state;\n\n const newIndex =\n highlightedIndex > 0 ? highlightedIndex - 1 : highlightedIndex;\n\n this.setState({ highlightedIndex: newIndex });\n },\n\n Enter(event) {\n // not the right kind of Enter, abort\n if (event.keyCode !== 13) return;\n\n const { highlightedIndex, isOpen } = this.state;\n\n if (!isOpen) {\n // the menu is not open\n return;\n } else if (highlightedIndex == null) {\n // input has control, but there's nothing selected\n this.setState({ isOpen: false }, () => this.inputRef.select());\n } else {\n // the input has control and we have an item\n event.preventDefault();\n\n const item = this.getFilteredItems(this.props)[highlightedIndex];\n const value = this.props.getItemValue(item);\n\n this.setState(\n {\n highlightedIndex: null,\n isOpen: false,\n },\n () => {\n this.inputRef.setSelectionRange(value.length, value.length);\n this.props.onSelect(value, item);\n }\n );\n }\n },\n\n Escape() {\n this.setState({\n highlightedIndex: null,\n isOpen: false,\n });\n },\n};\n\nexport default Typeahead;\n","// packages\nimport cx from 'classnames';\nimport { get, set } from '../vendor/idb-keyval';\nimport { h } from 'preact';\n\n// components\nimport CandidateRow from './CandidateRow';\nimport Contest from './Contest';\nimport SeatPartyDivider from './SeatPartyDivider';\nimport Portal from './Portal';\nimport PureComponent from './PureComponent';\nimport Typeahead from './Typeahead';\n\n// internal\nimport debounce from '../utils/debounce';\nimport { determineContestTitleYourRaces } from '../election-utils';\nimport { visibleCandidatesCount } from '../endpoints';\nimport { lookup } from '../utils/legislative-districts';\nimport loadAssetURL from '../utils/load-asset-url';\n\nconst googleIMG = loadAssetURL('powered-by-google');\n\nlet PlacesLib = null; // { AutocompleteSessionToken, AutocompleteSuggestion, Place } loaded via importLibrary()\n\nconst bounds = {\n east: -93.514764,\n west: -106.662177,\n south: 25.843902,\n north: 36.500199,\n};\n\nconst toLocationRestriction = b => ({\n west: b.west,\n east: b.east,\n south: b.south,\n north: b.north,\n});\n\nconst getPredictions = async (input, sessionToken) => {\n if (!input || input.trim().length < 2) return [];\n\n const request = {\n input,\n locationRestriction: toLocationRestriction(bounds),\n includedPrimaryTypes: ['street_address', 'premise', 'route'],\n region: 'us',\n sessionToken,\n };\n\n const {\n suggestions,\n } = await PlacesLib.AutocompleteSuggestion.fetchAutocompleteSuggestions(\n request\n );\n\n return suggestions.map(s => ({\n id: s.placePrediction.placeId,\n description: s.placePrediction.text.toString(),\n place_id: s.placePrediction.placeId,\n _prediction: s.placePrediction,\n }));\n};\n\n// always render what's provided, the geocoder decides\nconst shouldItemRender = () => true;\n\nclass YourRaces extends PureComponent {\n constructor() {\n super();\n\n this.state = {\n contests: [],\n coordinates: null,\n data: null,\n lookupError: false,\n lookupPending: false,\n lookedFoundStored: false,\n redirectFish: false,\n results: [],\n value: '',\n // default placeholder\n placeholder: '1010 Colorado St, Austin, TX, 78701',\n };\n\n this.handleGeocode = this.handleGeocode.bind(this);\n this.debouncedHandleGeocode = debounce(this.handleGeocode, 300);\n this.onChange = this.onChange.bind(this);\n this.onClear = this.onClear.bind(this);\n this.onSelect = this.onSelect.bind(this);\n this.sessionToken = null;\n }\n\n onClear(value) {\n this.setState({ value: '' });\n }\n\n onChange(value) {\n this.setState({ value }, this.debouncedHandleGeocode);\n }\n\n async handleGeocode() {\n if (!PlacesLib) return;\n const { value: input } = this.state;\n try {\n const results = await getPredictions(input, this.sessionToken);\n this.setState({ results });\n } catch (e) {\n this.setState({ results: [] });\n }\n }\n\n async onSelect({ name, placeId, _prediction }) {\n this.setState({ lookupError: false, lookupPending: true, value: name });\n\n try {\n // New flow: prediction -> Place -> fetchFields({ fields: ['location'] })\n const place = _prediction\n ? _prediction.toPlace()\n : new PlacesLib.Place({ id: placeId });\n\n await place.fetchFields({ fields: ['location'] }); // ends the session\n\n const latLng = place.location;\n const coordinates = {\n latitude: typeof latLng.lat === 'function' ? latLng.lat() : latLng.lat,\n longitude: typeof latLng.lng === 'function' ? latLng.lng() : latLng.lng,\n };\n\n // Reset session so the next keystroke starts a fresh token\n this.sessionToken = null;\n\n lookup(coordinates)\n .then(({ data }) => {\n this.setState({\n coordinates,\n data,\n lookupPending: false,\n lookedFoundStored: false,\n });\n })\n .catch(() =>\n this.setState({\n data: null,\n lookupError: true,\n lookupPending: false,\n })\n );\n } catch (e) {\n this.setState({\n data: null,\n lookupError: true,\n lookupPending: false,\n });\n this.sessionToken = null;\n }\n }\n\n async componentDidMount() {\n // New: load the modern Places library classes\n // eslint-disable-next-line no-undef\n PlacesLib = await google.maps.importLibrary('places');\n\n // // If we ever wanted to show a default location, coordinates for Governor mansion in Austin\n // let latitude = 30.2730665;\n // let longitude = -97.74341629999999;\n // let coordinates = { latitude, longitude };\n\n // lookup(coordinates)\n // .then(({ data }) => {\n // this.setState({\n // coordinates,\n // data,\n // lookupPending: false,\n // lookedFoundStored: false,\n // });\n // })\n // .catch(() =>\n // this.setState({\n // data: null,\n // lookupError: true,\n // lookupPending: false,\n // })\n // ); }\n }\n\n render() {\n const { contests, notes, annotations, asOf } = this.props;\n const {\n coordinates,\n data,\n lookupError,\n lookupPending,\n lookedFoundStored,\n results,\n value,\n placeholder,\n redirectFish,\n } = this.state;\n\n let addressFeedback = null;\n\n const matches = {\n 'us-house': null,\n sboe: null,\n 'tx-senate': null,\n 'tx-house': null,\n };\n\n const noteMatches = {\n 'us-house': null,\n sboe: null,\n 'tx-senate': null,\n 'tx-house': null,\n };\n\n const annoMatches = {\n 'us-house': null,\n sboe: null,\n 'tx-senate': null,\n 'tx-house': null,\n };\n\n if (data) {\n matches['us-house'] = contests.filter(\n contest =>\n contest.office === 'U.S. House' &&\n contest.office_division === data.us_house.district\n );\n\n matches['sboe'] = contests.filter(\n contest =>\n contest.office === 'State Board of Education' &&\n contest.office_division === data.sboe.district\n );\n\n matches['tx-senate'] = contests.filter(\n contest =>\n contest.office === 'Texas Senate' &&\n contest.office_division === data.tx_senate.district\n );\n\n matches['tx-house'] = contests.filter(\n contest =>\n contest.office === 'Texas House' &&\n contest.office_division === data.tx_house.district\n );\n\n noteMatches['us-house'] = notes.filter(\n contest =>\n contest.type ===\n 'us-house-district-' + data.us_house.district + '-Democrat' ||\n contest.type ===\n 'us-house-district-' + data.us_house.district + '-Republican'\n );\n\n noteMatches['sboe'] = notes.filter(\n contest =>\n contest.type ===\n 'state-board-of-education-district-' +\n data.sboe.district +\n '-Democrat' ||\n contest.type ===\n 'state-board-of-education-district-' +\n data.sboe.district +\n '-Republican'\n );\n\n noteMatches['tx-senate'] = notes.filter(\n contest =>\n contest.type ===\n 'texas-senate-district-' + data.tx_senate.district + '-Democrat' ||\n contest.type ===\n 'texas-senate-district-' + data.tx_senate.district + '-Republican'\n );\n\n noteMatches['tx-house'] = notes.filter(\n contest =>\n contest.type ===\n 'texas-house-district-' + data.tx_house.district + '-Democrat' ||\n contest.type ===\n 'texas-house-district-' + data.tx_house.district + '-Republican'\n );\n\n annoMatches['us-house'] = annotations.filter(\n contest =>\n contest.type ===\n 'us-house-district-' + data.us_house.district + '-Democrat' ||\n contest.type ===\n 'us-house-district-' + data.us_house.district + '-Republican'\n );\n\n annoMatches['sboe'] = annotations.filter(\n contest =>\n contest.type ===\n 'state-board-of-education-district-' +\n data.sboe.district +\n '-Democrat' ||\n contest.type ===\n 'state-board-of-education-district-' +\n data.sboe.district +\n '-Republican'\n );\n\n annoMatches['tx-senate'] = annotations.filter(\n contest =>\n contest.type ===\n 'texas-senate-district-' + data.tx_senate.district + '-Democrat' ||\n contest.type ===\n 'texas-senate-district-' + data.tx_senate.district + '-Republican'\n );\n\n annoMatches['tx-house'] = annotations.filter(\n contest =>\n contest.type ===\n 'texas-house-district-' + data.tx_house.district + '-Democrat' ||\n contest.type ===\n 'texas-house-district-' + data.tx_house.district + '-Republican'\n );\n }\n\n if (lookupPending) {\n addressFeedback = (\n \n {renderInput({\n ...inputProps,\n role: 'combobox',\n 'aria-autocomplete': 'list',\n 'aria-expanded': String(isOpen),\n autocomplete: 'off',\n onBlur: this.handleOnBlur,\n onFocus: this.handleOnFocus,\n onInput: this.handleOnInput,\n onKeyDown: this.handleKeyDown,\n value,\n ref: this.setInputRef,\n })}\n {onClear && value && (\n \n ×\n \n )}\n
\n {isOpen && this.renderList()}\n \n Finding your details...{' '}\n \n
\n );\n }\n\n if (lookupError) {\n addressFeedback = (\n\n Hmm... we were unable to find you in Texas. Please check your address\n and try again!\n
\n );\n }\n\n if ((coordinates && !lookupPending && !lookupError) || redirectFish) {\n addressFeedback = (\n\n We found your information! These races have been personalized for you.\n
\n );\n }\n\n if (lookedFoundStored && !lookupPending && !lookupError && !redirectFish) {\n addressFeedback = (\n\n Welcome back! We remembered the districts you found last time.\n
\n );\n }\n\n const inputProps = {\n id: 'address-input',\n class: 'address-input__input',\n placeholder: placeholder,\n };\n\n function findIsCalled(party, matches) {\n const race = matches.filter(race => race.party === party);\n return race[0].is_called;\n }\n\n function findContestResult(party, matches) {\n const race = matches.filter(race => race.party === party);\n return race[0].contest_result;\n }\n\n return (\n\n \n \n ({\n name: item.description,\n placeId: item.place_id,\n _prediction: item._prediction,\n })}\n value={value}\n onChange={this.onChange}\n onClear={this.onClear}\n onSelect={this.onSelect}\n renderItem={(item, isHighlighted) => (\n \n {item.description}\n \n )}\n renderAttribution={() => (\n \n 
\n \n )}\n shouldItemRender={shouldItemRender}\n renderInput={props => (\n {\n props.ref(el);\n this.inputRef = el;\n }}\n />\n )}\n />\n {addressFeedback}\n {data && contests.length > 0 && (\n (this._resultsPortal = ref)}\n >\n
\n );\n }\n}\n\nexport default YourRaces;\n","/**\n * Grabs the contents of a `jsonScript` created JSON inline string and returns\n * it as a JSON object. If the element does not exist, or if the script\n * element does not have the JSON MIME type, null is returned instead.\n *\n * @param {String} elementId the ID of the JSON script element\n * @return {Object|null}\n */\nexport default function loadAssetURL(elementId) {\n const element = document.getElementById(elementId);\n\n if (element && element.getAttribute('type') === 'application/json') {\n return JSON.parse(element.textContent).asset_url;\n } else {\n return null;\n }\n}\n","import getJSON from './get-json';\n\nconst LOOKUP_URL = ({ latitude, longitude, includeGeography = false }) =>\n `https://dv-dev.texastribune.org/legislative-lookup-2025/?latitude=${latitude}&longitude=${longitude}`;\n\nexport function lookup({ latitude, longitude }) {\n return getJSON(LOOKUP_URL({ latitude, longitude }));\n}\n","import cx from 'classnames';\nimport { h } from 'preact';\n\nfunction Ad() {\n const classes = cx('c-ad-flex_bg--gray preact__ad');\n\n return (\n \n (\n \n contest.type === party.office_slug + '-' + party.party\n )}\n notes={noteMatches['us-house'].filter(\n contest =>\n contest.type === party.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n (\n \n contest.type === party.office_slug + '-' + party.party\n )}\n notes={noteMatches['tx-senate'].filter(\n contest =>\n contest.type === party.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n (\n \n contest.type === party.office_slug + '-' + party.party\n )}\n notes={noteMatches['tx-house'].filter(\n contest =>\n contest.type === party.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n (\n \n contest.type === party.office_slug + '-' + party.party\n )}\n notes={noteMatches['sboe'].filter(\n contest =>\n contest.type === party.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n )}\n \n
\n );\n}\n\nexport default Ad;\n","// packages\nimport cx from 'classnames';\nimport { Component, h } from 'preact';\n\n// components\nimport CandidateRow from './components/CandidateRow';\nimport Contest from './components/Contest';\nimport NewContestShowcase from './components/NewContestShowcase';\nimport YourRaces from './components/YourRaces';\nimport Portal from './components/Portal';\nimport SeatPartyDivider from './components/SeatPartyDivider';\nimport Ad from './components/Ad';\n\nimport find from './utils/find';\nimport {\n determineContestTitle,\n chunk,\n lastUpdatedFormat,\n} from './election-utils';\nimport {\n RESULTS_IN_USE,\n visibleCandidatesCount,\n showLastUpdated,\n} from './endpoints';\nimport getJSON from './utils/get-json';\nimport { LENGTH_OF_CHECK_INTERVAL } from './constants';\n\ntype State = {\n data: { [key: string]: any };\n now: Date | null;\n};\n\nclass App extends Component<{}, State> {\n timer!: number;\n\n constructor() {\n super();\n\n this.state = {\n data: [],\n now: null,\n timer: 0,\n };\n\n this.fetchData = this.fetchData.bind(this);\n }\n\n fetchData() {\n const now = new Date();\n console.info('Requesting:', now);\n\n const asOf = lastUpdatedFormat(now);\n\n if (showLastUpdated) {\n document.querySelector('.counter').innerHTML = asOf;\n document.querySelector('.counter-mobile .counter').innerHTML = asOf;\n }\n\n getJSON(RESULTS_IN_USE).then(data =>\n this.setState({ data, asOf }, this.startTimer)\n );\n }\n\n startTimer() {\n this.timer = window.setTimeout(this.fetchData, LENGTH_OF_CHECK_INTERVAL);\n }\n\n clearTimer() {\n window.clearTimeout(this.timer);\n }\n\n componentDidMount() {\n this.fetchData();\n }\n\n componentWillUnmount() {\n this.clearTimer();\n }\n\n componentDidUpdate() {}\n\n render() {\n const { notes, annotations } = this.props;\n const { data, asOf } = this.state;\n\n const seats_mapped = data.map(number => ({\n office: number.office,\n office_slug: number.office_slug,\n }));\n\n function unique(array, propertyName) {\n return array.filter(\n (e, i) =>\n array.findIndex(a => a[propertyName] === e[propertyName]) === i\n );\n }\n\n let unique_seats = unique(seats_mapped, 'office_slug');\n\n // In order to sprinkle ads between races in sections where there a lot of races like the Texas House, we need to divide them into groups of nth races to make it into different divs\n\n const texasHouse = unique_seats.filter(\n contest => contest.office === 'Texas House'\n );\n\n const usHouse = unique_seats.filter(\n contest => contest.office === 'U.S. House'\n );\n\n let texasHouseGroups, usHouseGroups;\n\n if (texasHouse.length) {\n texasHouseGroups = chunk(texasHouse, 28);\n usHouseGroups = chunk(usHouse, 24);\n }\n\n return (\n \n \n
\n \n (this._yourPortal = ref)}\n >\n \n contest.office === 'U.S. Senate' && contest.party === 'Democrat'\n )}\n container={document.querySelector('#us-senate .democrat')}\n notes={notes.filter(item => item.type === 'us-senate-Democrat')}\n annotations={annotations.filter(\n item => item.type === 'us-senate-Democrat'\n )}\n asOf={asOf}\n />\n\n {/* SENATE GOP */}\n \n contest.office === 'U.S. Senate' && contest.party === 'Republican'\n )}\n container={document.querySelector('#us-senate .republican')}\n notes={notes.filter(item => item.type === 'us-senate-Republican')}\n annotations={annotations.filter(item => item.type === 'us-senate-Republican')}\n asOf={asOf}\n />\n\n (this._supremePortal = ref)}\n >\n \n contest.office === 'Attorney General' && contest.party === 'Republican')}\n container={document.querySelector('#attorney-general .republican')}\n asOf={asOf}\n />\n\n {/* AG DEM */}\n \n contest.office === 'Attorney General' && contest.party === 'Democrat')}\n container={document.querySelector('#attorney-general .democrat')}\n asOf={asOf}\n />\n\n {/* comptroller GOP MAP */}\n \n contest.office === 'Comptroller' && contest.party === 'Republican')}\n container={document.querySelector('#comptroller .republican')}\n asOf={asOf}\n />\n\n {/* comptroller DEM */}\n \n contest.office === 'Comptroller' && contest.party === 'Democrat')}\n container={document.querySelector('#comptroller .democrat')}\n asOf={asOf}\n />\n\n (this._supremePortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._usPortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._sboePortal = ref)}\n >\n (this._crimPortal = ref)}\n >\n (this._senatePortal = ref)}\n >\n (this._housePortal = ref)}\n >\n
\n );\n }\n}\n\nexport default App;\n","// import JS files\nimport '../kickstart';\nimport './sticky-nav-bar';\n\nimport { h, render } from 'preact';\n\n// Components\nimport App from '../ResultsApp';\nimport loadJsonScript from '../utils/load-json-script';\n\nconst notes = loadJsonScript('notes_data');\n\nconst annotations = loadJsonScript('annotations_data');\n\nrender(\n \n {unique_seats\n .filter(contest => contest.office === 'Governor')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n // includeCountyRundown\n renderParty={party => (\n \n item.type === party.office_slug + '-' + party.party\n )}\n notes={notes.filter(\n item =>\n item.type === contest.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n\n {/* AG GOP */}\n \n {unique_seats\n .filter(contest => contest.office === 'Lieutenant Governor')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n // includeCountyRundown\n renderParty={party => (\n \n item.type === party.office_slug + '-' + party.party\n )}\n notes={notes.filter(\n item =>\n item.type === contest.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n\n \n {unique_seats\n .filter(contest => contest.office === 'Agriculture Commissioner')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n // includeCountyRundown\n renderParty={party => (\n \n item.type === party.office_slug + '-' + party.party\n )}\n notes={notes.filter(\n item =>\n item.type === contest.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n\n \n {unique_seats\n .filter(contest => contest.office === 'Land Commissioner')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n // includeCountyRundown\n renderParty={party => (\n \n item.type === party.office_slug + '-' + party.party\n )}\n notes={notes.filter(\n item =>\n item.type === contest.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n\n \n {usHouse.length > 0 &&\n usHouseGroups.map(contestGroup => (\n
\n \n \n
\n ))}\n \n {contestGroup.map(contest => (\n item.office_slug === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type ===\n party.office_slug + '-' + party.party\n )}\n notes={notes.filter(\n item =>\n item.type ===\n contest.office_slug + '-' + party.party\n )}\n source={party.source}\n columnCount={CandidateRow.columnCount}\n asOf={asOf}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n {unique_seats\n .filter(contest => contest.office === 'Texas Railroad Commission')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n // includeCountyRundown\n renderParty={party => (\n \n item.type === party.office_slug + '-' + party.party\n )}\n notes={notes.filter(\n item =>\n item.type === contest.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'Texas Supreme Court')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === party.office_slug + '-' + party.party\n )}\n notes={notes.filter(\n item =>\n item.type === contest.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'State Board of Education')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === party.office_slug + '-' + party.party\n )}\n notes={notes.filter(\n item =>\n item.type === contest.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n \n {unique_seats\n .filter(\n contest => contest.office === 'Texas Court of Criminal Appeals'\n )\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === party.office_slug + '-' + party.party\n )}\n notes={notes.filter(\n item =>\n item.type === contest.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'Texas Senate')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === party.office_slug + '-' + party.party\n )}\n notes={notes.filter(\n item =>\n item.type === contest.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n \n {texasHouse.length > 0 &&\n texasHouseGroups.map(contestGroup => (\n
\n \n \n
\n ))}\n \n {contestGroup.map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type ===\n party.office_slug + '-' + party.party\n )}\n notes={notes.filter(\n item =>\n item.type ===\n contest.office_slug + '-' + party.party\n )}\n source={party.source}\n asOf={asOf}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(\n candidate,\n idx,\n viewAllCandidates,\n { totalVotes }\n ) => (\n
\n \n
\n );\n }\n}\n\nSeatPartyDivider.defaultProps = {\n isShowcaseRace: false,\n isHomepage: false,\n};\n\nexport default SeatPartyDivider;\n","/**\n * Sums up values of a property across objects in an array.\n *\n * @param {Array} arr An array of objects.\n * @param {String} key The property to sum across objects.\n * @return {Number}\n */\nexport default function sumValues(arr, key) {\n return arr.reduce((acc, obj) => acc + obj[key], 0);\n}\n","const hOP = Object.prototype.hasOwnProperty;\n\n/**\n * inlined Object.is polyfill to avoid requiring consumers ship their own\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\n */\nfunction is(x: any, y: any): boolean {\n // SameValue algorithm\n if (x === y) {\n // Steps 1-5, 7-10\n // Steps 6.b-6.e: +0 != -0\n // Added the nonzero y check to make Flow happy, but it is redundant\n return x !== 0 || y !== 0 || 1 / x === 1 / y;\n }\n // Step 6.a: NaN == NaN\n return x !== x && y !== y;\n}\n\n/**\n * Performs equality by iterating through keys on an object and returning false\n * when any key has values which are not strictly equal between the arguments.\n * Returns true when the values of all keys are strictly equal.\n */\nfunction shallowEqual(objA: object, objB: object): boolean {\n if (is(objA, objB)) {\n return true;\n }\n\n if (\n typeof objA !== 'object' ||\n objA === null ||\n typeof objB !== 'object' ||\n objB === null\n ) {\n return false;\n }\n\n const keysA = Object.keys(objA);\n const keysB = Object.keys(objB);\n\n if (keysA.length !== keysB.length) {\n return false;\n }\n\n // Test for A's keys different from B.\n for (let i = 0; i < keysA.length; i++) {\n if (!hOP.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {\n return false;\n }\n }\n\n return true;\n}\n\nexport default shallowEqual;\n","// packages\nimport { Component } from 'preact';\n\n// internal\nimport shallowEqual from '../utils/shallow-equal';\n\nabstract class PureComponent\n {isHomepage ? (\n \n \n {tableHeader}\n \n {isShowcaseRace &&\n candidates.map((candidate: any, idx: any) =>\n renderCandidate(\n candidate,\n idx,\n candidatesRender,\n viewAllCandidates,\n { totalVotes }\n )\n )}\n\n {!isShowcaseRace &&\n candidates.map((candidate: any, idx: any) =>\n renderCandidate(candidate, idx, viewAllCandidates, {\n totalVotes,\n })\n )}\n {candidates.length > visibleCandidatesCount && (\n
\n\n {IsNoted == true && (\n
\n {contestTitle}
\n\n {partyName}\n {partyName == 'Democrat' && ic} Primary{' '}\n
\n \n ) : (\n \n{partyName}
\n \n )}\n\n\n {isCanvass == false && (\n
\n\n \n {shouldDisplayResult &&\n (source == 'Decision Desk HQ' ||\n source == 'Associated Press') ? (\n \n {checkmark}\n \n ) : (\n ''\n )}\n {klaxon}\n
\n )}\n {isCanvass == true &&\n shouldDisplayResult &&\n partyBallot.contest_result == 'runoff' && (\n\n Nominee to be decided in May runoff\n
\n )}\n {ManualoverrideSource == '' && isCanvass == false && (\n\n {source == 'Texas Secretary of State'\n ? `${intcomma(\n partyBallot.pollinglocationsreporting\n )} of ${intcomma(\n partyBallot.total_pollinglocations\n )} polling locations reporting (${partyBallot.pollinglocations_reporting_percent.toFixed(\n 1\n )}%)`\n : pct_votes_turnout_w_uncontested}{' '}\n {converter.convert(pct_votes_explain)}\n
\n )}\n {\n (ManualoverrideSource = !'' &&\n source != 'Texas Secretary of State' &&\n source != 'Decision Desk HQ' &&\n source != 'Associated Press' &&\n isCanvass == false && (\n\n {`${intcomma(\n partyBallot.pollinglocationsreporting\n )} of ${intcomma(\n partyBallot.total_pollinglocations\n )} polling locations reporting (${partyBallot.pollinglocations_reporting_percent.toFixed(\n 1\n )}%)`}\n\n {/* {` Source: ${ManualoverrideSource}`} */}\n
\n ))\n }\n| \n | \n \n | \n {showDelegates && (\n | \n )}\n |
|---|
{converter.convert(notes[0].value)}
\n )}\n {IsAnnotations == true && (\n\n Note:\n \n\n
\n )}\n \n Noteworthy: \n {converter.convert(annotations[0].value)}\n
\n\n
\n {` Source: ${source}`}
\n\n {(isHomepage || embedType == 'internal') && (\n \n LAST UPDATED {asOf}\n
\n )}\n extends Component