\n )\n}\n\nCTA.propTypes = {\n headingColumns: PropTypes.element,\n textColumns: PropTypes.element,\n buttonColumns: PropTypes.element,\n sideColumnIs: PropTypes.number\n}\n\nexport default CTA\n","import React from \"react\"\nimport classNames from \"classnames\"\nimport { Text } from \"../Core\"\nimport { ButtonGroupMap } from \"../Button\"\nimport { Section, Columns } from \"../Containers\"\n\nconst CallToAction = ({\n heading,\n blurb,\n buttons,\n colorBack,\n colorBackSecondary,\n className,\n sideColumnsSize = 5\n}) => {\n const mainClasses = classNames(\"call-to-action\", className)\n return (\n \n \n
\n \n \n {buttons && (\n \n )}\n
\n \n \n )\n}\n\nexport default CallToAction\n","\"use strict\";\n/**\n * @reach/utils v0.18.0\n *\n * Copyright (c) 2018-2022, React Training LLC\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\n\n\n// src/can-use-dom.ts\nfunction canUseDOM() {\n return !!(typeof window !== \"undefined\" && window.document && window.document.createElement);\n}\n\n// src/clone-valid-element.ts\nimport { cloneElement, isValidElement } from \"react\";\nfunction cloneValidElement(element, props, ...children) {\n return isValidElement(element) ? cloneElement(element, props, ...children) : element;\n}\n\n// src/compose-event-handlers.ts\nfunction composeEventHandlers(theirHandler, ourHandler) {\n return (event) => {\n theirHandler && theirHandler(event);\n if (!event.defaultPrevented) {\n return ourHandler(event);\n }\n };\n}\n\n// src/compose-refs.ts\nimport { useCallback } from \"react\";\n\n// src/type-check.ts\nfunction isBoolean(value) {\n return typeof value === \"boolean\";\n}\nfunction isFunction(value) {\n return !!(value && {}.toString.call(value) == \"[object Function]\");\n}\nfunction isNumber(value) {\n return typeof value === \"number\" && !isNaN(value);\n}\nfunction isString(value) {\n return typeof value === \"string\";\n}\n\n// src/compose-refs.ts\nfunction assignRef(ref, value) {\n if (ref == null)\n return;\n if (isFunction(ref)) {\n ref(value);\n } else {\n try {\n ref.current = value;\n } catch (error) {\n throw new Error(`Cannot assign value \"${value}\" to ref \"${ref}\"`);\n }\n }\n}\nfunction useComposedRefs(...refs) {\n return useCallback((node) => {\n for (let ref of refs) {\n assignRef(ref, node);\n }\n }, refs);\n}\n\n// src/owner-document.ts\nfunction getOwnerDocument(element) {\n return canUseDOM() ? element ? element.ownerDocument : document : null;\n}\nfunction getOwnerWindow(element) {\n let ownerDocument = getOwnerDocument(element);\n return ownerDocument ? ownerDocument.defaultView || window : null;\n}\n\n// src/computed-styles.ts\nfunction getComputedStyles(element) {\n let ownerWindow = getOwnerWindow(element);\n if (ownerWindow) {\n return ownerWindow.getComputedStyle(element, null);\n }\n return null;\n}\nfunction getComputedStyle(element, styleProp) {\n return getComputedStyles(element)?.getPropertyValue(styleProp) || null;\n}\n\n// src/context.tsx\nimport * as React from \"react\";\nfunction createNamedContext(name, defaultValue) {\n let Ctx = React.createContext(defaultValue);\n Ctx.displayName = name;\n return Ctx;\n}\nfunction createContext2(rootComponentName, defaultContext) {\n let Ctx = React.createContext(defaultContext);\n function Provider(props) {\n let { children, ...context } = props;\n let value = React.useMemo(() => context, Object.values(context));\n return /* @__PURE__ */ React.createElement(Ctx.Provider, {\n value\n }, children);\n }\n function useContext2(callerComponentName) {\n let context = React.useContext(Ctx);\n if (context) {\n return context;\n }\n if (defaultContext) {\n return defaultContext;\n }\n throw Error(`${callerComponentName} must be rendered inside of a ${rootComponentName} component.`);\n }\n Ctx.displayName = `${rootComponentName}Context`;\n Provider.displayName = `${rootComponentName}Provider`;\n return [Provider, useContext2];\n}\n\n// src/dev-utils.ts\nimport { useRef, useEffect } from \"react\";\nfunction useControlledSwitchWarning(controlledValue, controlledPropName, componentName) {\n if (true) {\n let controlledRef = useRef(controlledValue != null);\n let nameCache = useRef({ componentName, controlledPropName });\n useEffect(() => {\n nameCache.current = { componentName, controlledPropName };\n }, [componentName, controlledPropName]);\n useEffect(() => {\n let { current: wasControlled } = controlledRef;\n let { componentName: componentName2, controlledPropName: controlledPropName2 } = nameCache.current;\n let isControlled = controlledValue != null;\n if (wasControlled !== isControlled) {\n console.error(`A component is changing an ${wasControlled ? \"\" : \"un\"}controlled \\`${controlledPropName2}\\` state of ${componentName2} to be ${wasControlled ? \"un\" : \"\"}controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled ${componentName2} element for the lifetime of the component.\n More info: https://fb.me/react-controlled-components`);\n }\n }, [controlledValue]);\n }\n}\n\n// src/get-document-dimensions.ts\nfunction getDocumentDimensions(element) {\n let ownerDocument = getOwnerDocument(element);\n let ownerWindow = ownerDocument.defaultView || window;\n if (!ownerDocument) {\n return {\n width: 0,\n height: 0\n };\n }\n return {\n width: ownerDocument.documentElement.clientWidth ?? ownerWindow.innerWidth,\n height: ownerDocument.documentElement.clientHeight ?? ownerWindow.innerHeight\n };\n}\n\n// src/get-scroll-position.ts\nfunction getScrollPosition(element) {\n let ownerWindow = getOwnerWindow(element);\n if (!ownerWindow) {\n return {\n scrollX: 0,\n scrollY: 0\n };\n }\n return {\n scrollX: ownerWindow.scrollX,\n scrollY: ownerWindow.scrollY\n };\n}\n\n// src/get-scrollbar-offset.ts\nfunction getScrollbarOffset() {\n try {\n if (window.innerWidth > document.documentElement.clientWidth) {\n return window.innerWidth - document.documentElement.clientWidth;\n }\n } catch (err) {\n }\n return 0;\n}\n\n// src/is-right-click.ts\nfunction isRightClick(nativeEvent) {\n return \"which\" in nativeEvent ? nativeEvent.which === 3 : \"button\" in nativeEvent ? nativeEvent.button === 2 : false;\n}\n\n// src/make-id.ts\nfunction makeId(...args) {\n return args.filter((val) => val != null).join(\"--\");\n}\n\n// src/noop.ts\nfunction noop() {\n}\n\n// src/use-constant.ts\nimport { useRef as useRef2 } from \"react\";\nfunction useConstant(fn) {\n const ref = useRef2();\n if (!ref.current) {\n ref.current = { v: fn() };\n }\n return ref.current.v;\n}\n\n// src/use-controlled-state.ts\nimport { useState, useRef as useRef3, useCallback as useCallback2 } from \"react\";\nfunction useControlledState({\n controlledValue,\n defaultValue,\n calledFrom = \"A component\"\n}) {\n let wasControlled = controlledValue !== void 0;\n let isControlledRef = useRef3(wasControlled);\n if (true) {\n if (!isControlledRef.current && wasControlled) {\n console.warn(`${calledFrom} is changing from controlled to uncontrolled. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`);\n }\n if (isControlledRef.current && !wasControlled) {\n console.warn(`${calledFrom} is changing from uncontrolled to controlled. Components should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`);\n }\n }\n let [valueState, setValue] = useState(isControlledRef.current ? controlledValue : defaultValue);\n let set = useCallback2((n) => {\n if (!isControlledRef.current) {\n setValue(n);\n }\n }, []);\n return [isControlledRef.current ? controlledValue : valueState, set];\n}\n\n// src/use-event-listener.ts\nimport { useRef as useRef4, useEffect as useEffect2 } from \"react\";\nfunction useEventListener(eventName, listener, element = window) {\n const savedHandler = useRef4(listener);\n useEffect2(() => {\n savedHandler.current = listener;\n }, [listener]);\n useEffect2(() => {\n const isSupported = element && element.addEventListener;\n if (!isSupported) {\n if (true) {\n console.warn(\"Event listener not supported on the element provided\");\n }\n return;\n }\n function eventListener(event) {\n savedHandler.current(event);\n }\n element.addEventListener(eventName, eventListener);\n return () => {\n element.removeEventListener(eventName, eventListener);\n };\n }, [eventName, element]);\n}\n\n// src/use-focus-change.ts\nimport { useRef as useRef5, useEffect as useEffect3 } from \"react\";\nfunction useFocusChange(handleChange = console.log, when = \"focus\", ownerDocument = document) {\n let lastActiveElement = useRef5(ownerDocument.activeElement);\n useEffect3(() => {\n lastActiveElement.current = ownerDocument.activeElement;\n function onChange(event) {\n if (lastActiveElement.current !== ownerDocument.activeElement) {\n handleChange(ownerDocument.activeElement, lastActiveElement.current, event);\n lastActiveElement.current = ownerDocument.activeElement;\n }\n }\n ownerDocument.addEventListener(when, onChange, true);\n return () => {\n ownerDocument.removeEventListener(when, onChange);\n };\n }, [when, handleChange, ownerDocument]);\n}\n\n// src/use-force-update.ts\nimport { useState as useState2, useCallback as useCallback3 } from \"react\";\nfunction useForceUpdate() {\n let [, dispatch] = useState2(/* @__PURE__ */ Object.create(null));\n return useCallback3(() => {\n dispatch(/* @__PURE__ */ Object.create(null));\n }, []);\n}\n\n// src/use-isomorphic-layout-effect.ts\nimport { useEffect as useEffect4, useLayoutEffect } from \"react\";\nvar useIsomorphicLayoutEffect = canUseDOM() ? useLayoutEffect : useEffect4;\n\n// src/use-lazy-ref.ts\nimport { useRef as useRef6 } from \"react\";\nfunction useLazyRef(fn) {\n let isSet = useRef6(false);\n let ref = useRef6();\n if (!isSet.current) {\n isSet.current = true;\n ref.current = fn();\n }\n return ref;\n}\n\n// src/use-previous.ts\nimport { useRef as useRef7, useEffect as useEffect5 } from \"react\";\nfunction usePrevious(value) {\n const ref = useRef7(null);\n useEffect5(() => {\n ref.current = value;\n }, [value]);\n return ref.current;\n}\n\n// src/use-stable-callback.ts\nimport { useRef as useRef8, useEffect as useEffect6, useCallback as useCallback4 } from \"react\";\nfunction createStableCallbackHook(useEffectHook, callback) {\n let callbackRef = useRef8(callback);\n useEffectHook(() => {\n callbackRef.current = callback;\n });\n return useCallback4((...args) => {\n callbackRef.current && callbackRef.current(...args);\n }, []);\n}\nfunction useStableCallback(callback) {\n return createStableCallbackHook(useEffect6, callback);\n}\nfunction useStableLayoutCallback(callback) {\n return createStableCallbackHook(useIsomorphicLayoutEffect, callback);\n}\n\n// src/use-stateful-ref-value.ts\nimport { useState as useState3, useCallback as useCallback5 } from \"react\";\nfunction useStatefulRefValue(ref, initialState) {\n let [state, setState] = useState3(initialState);\n let callbackRef = useCallback5((refValue) => {\n ref.current = refValue;\n setState(refValue);\n }, []);\n return [state, callbackRef];\n}\n\n// src/use-update-effect.ts\nimport { useRef as useRef9, useEffect as useEffect7 } from \"react\";\nfunction useUpdateEffect(effect, deps) {\n const mounted = useRef9(false);\n useEffect7(() => {\n if (mounted.current) {\n effect();\n } else {\n mounted.current = true;\n }\n }, deps);\n}\nexport {\n assignRef,\n canUseDOM,\n cloneValidElement,\n composeEventHandlers,\n createContext2 as createContext,\n createNamedContext,\n getComputedStyle,\n getComputedStyles,\n getDocumentDimensions,\n getOwnerDocument,\n getOwnerWindow,\n getScrollPosition,\n getScrollbarOffset,\n isBoolean,\n isFunction,\n isNumber,\n isRightClick,\n isString,\n makeId,\n noop,\n useComposedRefs,\n useConstant,\n useControlledState,\n useControlledSwitchWarning,\n useEventListener,\n useFocusChange,\n useForceUpdate,\n useIsomorphicLayoutEffect,\n useLazyRef,\n usePrevious,\n useStableCallback,\n useStableLayoutCallback,\n useStatefulRefValue,\n useUpdateEffect\n};\n","\"use strict\";\n/**\n * @reach/portal v0.18.0\n *\n * Copyright (c) 2018-2022, React Training LLC\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\n\n\n// src/reach-portal.tsx\nimport * as React from \"react\";\nimport {\n useForceUpdate,\n useIsomorphicLayoutEffect as useLayoutEffect\n} from \"@reach/utils\";\nimport { createPortal } from \"react-dom\";\nvar PortalImpl = ({\n children,\n type = \"reach-portal\",\n containerRef\n}) => {\n let mountNode = React.useRef(null);\n let portalNode = React.useRef(null);\n let forceUpdate = useForceUpdate();\n if (true) {\n React.useEffect(() => {\n if (containerRef != null) {\n if (typeof containerRef !== \"object\" || !(\"current\" in containerRef)) {\n console.warn(\"@reach/portal: Invalid value passed to the `containerRef` of a `Portal`. The portal will be appended to the document body, but if you want to attach it to another DOM node you must pass a valid React ref object to `containerRef`.\");\n } else if (containerRef.current == null) {\n console.warn(\"@reach/portal: A ref was passed to the `containerRef` prop of a `Portal`, but no DOM node was attached to it. Be sure to pass the ref to a DOM component.\\n\\nIf you are forwarding the ref from another component, be sure to use the React.forwardRef API. See https://reactjs.org/docs/forwarding-refs.html.\");\n }\n }\n }, [containerRef]);\n }\n useLayoutEffect(() => {\n if (!mountNode.current)\n return;\n let ownerDocument = mountNode.current.ownerDocument;\n let body = containerRef?.current || ownerDocument.body;\n portalNode.current = ownerDocument?.createElement(type);\n body.appendChild(portalNode.current);\n forceUpdate();\n return () => {\n if (portalNode.current && body) {\n body.removeChild(portalNode.current);\n }\n };\n }, [type, forceUpdate, containerRef]);\n return portalNode.current ? createPortal(children, portalNode.current) : /* @__PURE__ */ React.createElement(\"span\", {\n ref: mountNode\n });\n};\nvar Portal = ({\n unstable_skipInitialRender,\n ...props\n}) => {\n let [hydrated, setHydrated] = React.useState(false);\n React.useEffect(() => {\n if (unstable_skipInitialRender) {\n setHydrated(true);\n }\n }, [unstable_skipInitialRender]);\n if (unstable_skipInitialRender && !hydrated) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(PortalImpl, {\n ...props\n });\n};\nPortal.displayName = \"Portal\";\nexport {\n Portal\n};\n","var props = [\"bottom\", \"height\", \"left\", \"right\", \"top\", \"width\"];\n\nvar rectChanged = function rectChanged(a, b) {\n if (a === void 0) {\n a = {};\n }\n\n if (b === void 0) {\n b = {};\n }\n\n return props.some(function (prop) {\n return a[prop] !== b[prop];\n });\n};\n\nvar observedNodes = /*#__PURE__*/new Map();\nvar rafId;\n\nvar run = function run() {\n var changedStates = [];\n observedNodes.forEach(function (state, node) {\n var newRect = node.getBoundingClientRect();\n\n if (rectChanged(newRect, state.rect)) {\n state.rect = newRect;\n changedStates.push(state);\n }\n });\n changedStates.forEach(function (state) {\n state.callbacks.forEach(function (cb) {\n return cb(state.rect);\n });\n });\n rafId = window.requestAnimationFrame(run);\n};\n\nfunction observeRect(node, cb) {\n return {\n observe: function observe() {\n var wasEmpty = observedNodes.size === 0;\n\n if (observedNodes.has(node)) {\n observedNodes.get(node).callbacks.push(cb);\n } else {\n observedNodes.set(node, {\n rect: undefined,\n hasRectChanged: false,\n callbacks: [cb]\n });\n }\n\n if (wasEmpty) run();\n },\n unobserve: function unobserve() {\n var state = observedNodes.get(node);\n\n if (state) {\n // Remove the callback\n var index = state.callbacks.indexOf(cb);\n if (index >= 0) state.callbacks.splice(index, 1); // Remove the node reference\n\n if (!state.callbacks.length) observedNodes[\"delete\"](node); // Stop the loop\n\n if (!observedNodes.size) cancelAnimationFrame(rafId);\n }\n }\n };\n}\n\nexport default observeRect;\n//# sourceMappingURL=observe-rect.esm.js.map\n","\"use strict\";\n/**\n * @reach/rect v0.18.0\n *\n * Copyright (c) 2018-2022, React Training LLC\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\n\n\n// src/reach-rect.tsx\nimport * as React from \"react\";\nimport observeRect from \"@reach/observe-rect\";\nimport {\n useIsomorphicLayoutEffect as useLayoutEffect,\n isBoolean,\n isFunction\n} from \"@reach/utils\";\nvar Rect = ({ onChange, observe = true, children }) => {\n const ref = React.useRef(null);\n const rect = useRect(ref, { observe, onChange });\n return children({ ref, rect });\n};\nRect.displayName = \"Rect\";\nfunction useRect(nodeRef, observeOrOptions, deprecated_onChange) {\n let observe;\n let onChange;\n if (isBoolean(observeOrOptions)) {\n observe = observeOrOptions;\n } else {\n observe = observeOrOptions?.observe ?? true;\n onChange = observeOrOptions?.onChange;\n }\n if (isFunction(deprecated_onChange)) {\n onChange = deprecated_onChange;\n }\n if (true) {\n React.useEffect(() => {\n if (isBoolean(observeOrOptions)) {\n console.warn(\"Passing `observe` as the second argument to `useRect` is deprecated and will be removed in a future version of Reach UI. Instead, you can pass an object of options with an `observe` property as the second argument (`useRect(ref, { observe })`).\\nSee https://reach.tech/rect#userect-observe\");\n }\n }, [observeOrOptions]);\n React.useEffect(() => {\n if (isFunction(deprecated_onChange)) {\n console.warn(\"Passing `onChange` as the third argument to `useRect` is deprecated and will be removed in a future version of Reach UI. Instead, you can pass an object of options with an `onChange` property as the second argument (`useRect(ref, { onChange })`).\\nSee https://reach.tech/rect#userect-onchange\");\n }\n }, [deprecated_onChange]);\n }\n let [element, setElement] = React.useState(nodeRef.current);\n let initialRectIsSet = React.useRef(false);\n let initialRefIsSet = React.useRef(false);\n let [rect, setRect] = React.useState(null);\n let onChangeRef = React.useRef(onChange);\n useLayoutEffect(() => {\n onChangeRef.current = onChange;\n if (nodeRef.current !== element) {\n setElement(nodeRef.current);\n }\n });\n useLayoutEffect(() => {\n if (element && !initialRectIsSet.current) {\n initialRectIsSet.current = true;\n setRect(element.getBoundingClientRect());\n }\n }, [element]);\n useLayoutEffect(() => {\n if (!observe) {\n return;\n }\n let elem = element;\n if (!initialRefIsSet.current) {\n initialRefIsSet.current = true;\n elem = nodeRef.current;\n }\n if (!elem) {\n if (true) {\n console.warn(\"You need to place the ref\");\n }\n return;\n }\n let observer = observeRect(elem, (rect2) => {\n onChangeRef.current?.(rect2);\n setRect(rect2);\n });\n observer.observe();\n return () => {\n observer.unobserve();\n };\n }, [observe, element, nodeRef]);\n return rect;\n}\nexport {\n Rect,\n useRect\n};\n","/*!\n* tabbable 5.3.3\n* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE\n*/\nvar candidateSelectors = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]:not(slot)', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable=\"false\"])', 'details>summary:first-of-type', 'details'];\nvar candidateSelector = /* #__PURE__ */candidateSelectors.join(',');\nvar NoElement = typeof Element === 'undefined';\nvar matches = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;\nvar getRootNode = !NoElement && Element.prototype.getRootNode ? function (element) {\n return element.getRootNode();\n} : function (element) {\n return element.ownerDocument;\n};\n/**\n * @param {Element} el container to check in\n * @param {boolean} includeContainer add container to check\n * @param {(node: Element) => boolean} filter filter candidates\n * @returns {Element[]}\n */\n\nvar getCandidates = function getCandidates(el, includeContainer, filter) {\n var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));\n\n if (includeContainer && matches.call(el, candidateSelector)) {\n candidates.unshift(el);\n }\n\n candidates = candidates.filter(filter);\n return candidates;\n};\n/**\n * @callback GetShadowRoot\n * @param {Element} element to check for shadow root\n * @returns {ShadowRoot|boolean} ShadowRoot if available or boolean indicating if a shadowRoot is attached but not available.\n */\n\n/**\n * @callback ShadowRootFilter\n * @param {Element} shadowHostNode the element which contains shadow content\n * @returns {boolean} true if a shadow root could potentially contain valid candidates.\n */\n\n/**\n * @typedef {Object} CandidatesScope\n * @property {Element} scope contains inner candidates\n * @property {Element[]} candidates\n */\n\n/**\n * @typedef {Object} IterativeOptions\n * @property {GetShadowRoot|boolean} getShadowRoot true if shadow support is enabled; falsy if not;\n * if a function, implies shadow support is enabled and either returns the shadow root of an element\n * or a boolean stating if it has an undisclosed shadow root\n * @property {(node: Element) => boolean} filter filter candidates\n * @property {boolean} flatten if true then result will flatten any CandidatesScope into the returned list\n * @property {ShadowRootFilter} shadowRootFilter filter shadow roots;\n */\n\n/**\n * @param {Element[]} elements list of element containers to match candidates from\n * @param {boolean} includeContainer add container list to check\n * @param {IterativeOptions} options\n * @returns {Array.}\n */\n\n\nvar getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {\n var candidates = [];\n var elementsToCheck = Array.from(elements);\n\n while (elementsToCheck.length) {\n var element = elementsToCheck.shift();\n\n if (element.tagName === 'SLOT') {\n // add shadow dom slot scope (slot itself cannot be focusable)\n var assigned = element.assignedElements();\n var content = assigned.length ? assigned : element.children;\n var nestedCandidates = getCandidatesIteratively(content, true, options);\n\n if (options.flatten) {\n candidates.push.apply(candidates, nestedCandidates);\n } else {\n candidates.push({\n scope: element,\n candidates: nestedCandidates\n });\n }\n } else {\n // check candidate element\n var validCandidate = matches.call(element, candidateSelector);\n\n if (validCandidate && options.filter(element) && (includeContainer || !elements.includes(element))) {\n candidates.push(element);\n } // iterate over shadow content if possible\n\n\n var shadowRoot = element.shadowRoot || // check for an undisclosed shadow\n typeof options.getShadowRoot === 'function' && options.getShadowRoot(element);\n var validShadowRoot = !options.shadowRootFilter || options.shadowRootFilter(element);\n\n if (shadowRoot && validShadowRoot) {\n // add shadow dom scope IIF a shadow root node was given; otherwise, an undisclosed\n // shadow exists, so look at light dom children as fallback BUT create a scope for any\n // child candidates found because they're likely slotted elements (elements that are\n // children of the web component element (which has the shadow), in the light dom, but\n // slotted somewhere _inside_ the undisclosed shadow) -- the scope is created below,\n // _after_ we return from this recursive call\n var _nestedCandidates = getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);\n\n if (options.flatten) {\n candidates.push.apply(candidates, _nestedCandidates);\n } else {\n candidates.push({\n scope: element,\n candidates: _nestedCandidates\n });\n }\n } else {\n // there's not shadow so just dig into the element's (light dom) children\n // __without__ giving the element special scope treatment\n elementsToCheck.unshift.apply(elementsToCheck, element.children);\n }\n }\n }\n\n return candidates;\n};\n\nvar getTabindex = function getTabindex(node, isScope) {\n if (node.tabIndex < 0) {\n // in Chrome, , and elements get a default\n // `tabIndex` of -1 when the 'tabindex' attribute isn't specified in the DOM,\n // yet they are still part of the regular tab order; in FF, they get a default\n // `tabIndex` of 0; since Chrome still puts those elements in the regular tab\n // order, consider their tab index to be 0.\n // Also browsers do not return `tabIndex` correctly for contentEditable nodes;\n // so if they don't have a tabindex attribute specifically set, assume it's 0.\n //\n // isScope is positive for custom element with shadow root or slot that by default\n // have tabIndex -1, but need to be sorted by document order in order for their\n // content to be inserted in the correct position\n if ((isScope || /^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName) || node.isContentEditable) && isNaN(parseInt(node.getAttribute('tabindex'), 10))) {\n return 0;\n }\n }\n\n return node.tabIndex;\n};\n\nvar sortOrderedTabbables = function sortOrderedTabbables(a, b) {\n return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex;\n};\n\nvar isInput = function isInput(node) {\n return node.tagName === 'INPUT';\n};\n\nvar isHiddenInput = function isHiddenInput(node) {\n return isInput(node) && node.type === 'hidden';\n};\n\nvar isDetailsWithSummary = function isDetailsWithSummary(node) {\n var r = node.tagName === 'DETAILS' && Array.prototype.slice.apply(node.children).some(function (child) {\n return child.tagName === 'SUMMARY';\n });\n return r;\n};\n\nvar getCheckedRadio = function getCheckedRadio(nodes, form) {\n for (var i = 0; i < nodes.length; i++) {\n if (nodes[i].checked && nodes[i].form === form) {\n return nodes[i];\n }\n }\n};\n\nvar isTabbableRadio = function isTabbableRadio(node) {\n if (!node.name) {\n return true;\n }\n\n var radioScope = node.form || getRootNode(node);\n\n var queryRadios = function queryRadios(name) {\n return radioScope.querySelectorAll('input[type=\"radio\"][name=\"' + name + '\"]');\n };\n\n var radioSet;\n\n if (typeof window !== 'undefined' && typeof window.CSS !== 'undefined' && typeof window.CSS.escape === 'function') {\n radioSet = queryRadios(window.CSS.escape(node.name));\n } else {\n try {\n radioSet = queryRadios(node.name);\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error('Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s', err.message);\n return false;\n }\n }\n\n var checked = getCheckedRadio(radioSet, node.form);\n return !checked || checked === node;\n};\n\nvar isRadio = function isRadio(node) {\n return isInput(node) && node.type === 'radio';\n};\n\nvar isNonTabbableRadio = function isNonTabbableRadio(node) {\n return isRadio(node) && !isTabbableRadio(node);\n};\n\nvar isZeroArea = function isZeroArea(node) {\n var _node$getBoundingClie = node.getBoundingClientRect(),\n width = _node$getBoundingClie.width,\n height = _node$getBoundingClie.height;\n\n return width === 0 && height === 0;\n};\n\nvar isHidden = function isHidden(node, _ref) {\n var displayCheck = _ref.displayCheck,\n getShadowRoot = _ref.getShadowRoot;\n\n // NOTE: visibility will be `undefined` if node is detached from the document\n // (see notes about this further down), which means we will consider it visible\n // (this is legacy behavior from a very long way back)\n // NOTE: we check this regardless of `displayCheck=\"none\"` because this is a\n // _visibility_ check, not a _display_ check\n if (getComputedStyle(node).visibility === 'hidden') {\n return true;\n }\n\n var isDirectSummary = matches.call(node, 'details>summary:first-of-type');\n var nodeUnderDetails = isDirectSummary ? node.parentElement : node;\n\n if (matches.call(nodeUnderDetails, 'details:not([open]) *')) {\n return true;\n } // The root node is the shadow root if the node is in a shadow DOM; some document otherwise\n // (but NOT _the_ document; see second 'If' comment below for more).\n // If rootNode is shadow root, it'll have a host, which is the element to which the shadow\n // is attached, and the one we need to check if it's in the document or not (because the\n // shadow, and all nodes it contains, is never considered in the document since shadows\n // behave like self-contained DOMs; but if the shadow's HOST, which is part of the document,\n // is hidden, or is not in the document itself but is detached, it will affect the shadow's\n // visibility, including all the nodes it contains). The host could be any normal node,\n // or a custom element (i.e. web component). Either way, that's the one that is considered\n // part of the document, not the shadow root, nor any of its children (i.e. the node being\n // tested).\n // If rootNode is not a shadow root, it won't have a host, and so rootNode should be the\n // document (per the docs) and while it's a Document-type object, that document does not\n // appear to be the same as the node's `ownerDocument` for some reason, so it's safer\n // to ignore the rootNode at this point, and use `node.ownerDocument`. Otherwise,\n // using `rootNode.contains(node)` will _always_ be true we'll get false-positives when\n // node is actually detached.\n\n\n var nodeRootHost = getRootNode(node).host;\n var nodeIsAttached = (nodeRootHost === null || nodeRootHost === void 0 ? void 0 : nodeRootHost.ownerDocument.contains(nodeRootHost)) || node.ownerDocument.contains(node);\n\n if (!displayCheck || displayCheck === 'full') {\n if (typeof getShadowRoot === 'function') {\n // figure out if we should consider the node to be in an undisclosed shadow and use the\n // 'non-zero-area' fallback\n var originalNode = node;\n\n while (node) {\n var parentElement = node.parentElement;\n var rootNode = getRootNode(node);\n\n if (parentElement && !parentElement.shadowRoot && getShadowRoot(parentElement) === true // check if there's an undisclosed shadow\n ) {\n // node has an undisclosed shadow which means we can only treat it as a black box, so we\n // fall back to a non-zero-area test\n return isZeroArea(node);\n } else if (node.assignedSlot) {\n // iterate up slot\n node = node.assignedSlot;\n } else if (!parentElement && rootNode !== node.ownerDocument) {\n // cross shadow boundary\n node = rootNode.host;\n } else {\n // iterate up normal dom\n node = parentElement;\n }\n }\n\n node = originalNode;\n } // else, `getShadowRoot` might be true, but all that does is enable shadow DOM support\n // (i.e. it does not also presume that all nodes might have undisclosed shadows); or\n // it might be a falsy value, which means shadow DOM support is disabled\n // Since we didn't find it sitting in an undisclosed shadow (or shadows are disabled)\n // now we can just test to see if it would normally be visible or not, provided it's\n // attached to the main document.\n // NOTE: We must consider case where node is inside a shadow DOM and given directly to\n // `isTabbable()` or `isFocusable()` -- regardless of `getShadowRoot` option setting.\n\n\n if (nodeIsAttached) {\n // this works wherever the node is: if there's at least one client rect, it's\n // somehow displayed; it also covers the CSS 'display: contents' case where the\n // node itself is hidden in place of its contents; and there's no need to search\n // up the hierarchy either\n return !node.getClientRects().length;\n } // Else, the node isn't attached to the document, which means the `getClientRects()`\n // API will __always__ return zero rects (this can happen, for example, if React\n // is used to render nodes onto a detached tree, as confirmed in this thread:\n // https://github.com/facebook/react/issues/9117#issuecomment-284228870)\n //\n // It also means that even window.getComputedStyle(node).display will return `undefined`\n // because styles are only computed for nodes that are in the document.\n //\n // NOTE: THIS HAS BEEN THE CASE FOR YEARS. It is not new, nor is it caused by tabbable\n // somehow. Though it was never stated officially, anyone who has ever used tabbable\n // APIs on nodes in detached containers has actually implicitly used tabbable in what\n // was later (as of v5.2.0 on Apr 9, 2021) called `displayCheck=\"none\"` mode -- essentially\n // considering __everything__ to be visible because of the innability to determine styles.\n\n } else if (displayCheck === 'non-zero-area') {\n // NOTE: Even though this tests that the node's client rect is non-zero to determine\n // whether it's displayed, and that a detached node will __always__ have a zero-area\n // client rect, we don't special-case for whether the node is attached or not. In\n // this mode, we do want to consider nodes that have a zero area to be hidden at all\n // times, and that includes attached or not.\n return isZeroArea(node);\n } // visible, as far as we can tell, or per current `displayCheck` mode\n\n\n return false;\n}; // form fields (nested) inside a disabled fieldset are not focusable/tabbable\n// unless they are in the _first_