{"version":3,"file":"StickyHeaderContainer-Dy7FJRc5-chunk.js","sources":["../../../src/components/utility/sticky-header/StickyHeader.tsx","../../../node_modules/lodash.debounce/index.js","../../../node_modules/usehooks-ts/dist/index.js","../../../src/components/utility/sticky-header/StickyHeaderContainer.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nfunction StickyHeader({ children }: PropsWithChildren<unknown>) {\n\treturn (\n\t\t<div className=\"sticky-header\" data-qa=\"sticky-header\">\n\t\t\t<div className=\"sticky-header-placeholder\"></div>\n\t\t\t<div className=\"sticky-header-el\">{children}</div>\n\t\t</div>\n\t);\n}\n\nexport default StickyHeader;\n","/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n    nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n *   console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n  return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n *   'leading': true,\n *   'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n  var lastArgs,\n      lastThis,\n      maxWait,\n      result,\n      timerId,\n      lastCallTime,\n      lastInvokeTime = 0,\n      leading = false,\n      maxing = false,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  wait = toNumber(wait) || 0;\n  if (isObject(options)) {\n    leading = !!options.leading;\n    maxing = 'maxWait' in options;\n    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n\n  function invokeFunc(time) {\n    var args = lastArgs,\n        thisArg = lastThis;\n\n    lastArgs = lastThis = undefined;\n    lastInvokeTime = time;\n    result = func.apply(thisArg, args);\n    return result;\n  }\n\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time;\n    // Start the timer for the trailing edge.\n    timerId = setTimeout(timerExpired, wait);\n    // Invoke the leading edge.\n    return leading ? invokeFunc(time) : result;\n  }\n\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime,\n        result = wait - timeSinceLastCall;\n\n    return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n  }\n\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime;\n\n    // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n  }\n\n  function timerExpired() {\n    var time = now();\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    }\n    // Restart the timer.\n    timerId = setTimeout(timerExpired, remainingWait(time));\n  }\n\n  function trailingEdge(time) {\n    timerId = undefined;\n\n    // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n    lastArgs = lastThis = undefined;\n    return result;\n  }\n\n  function cancel() {\n    if (timerId !== undefined) {\n      clearTimeout(timerId);\n    }\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = timerId = undefined;\n  }\n\n  function flush() {\n    return timerId === undefined ? result : trailingEdge(now());\n  }\n\n  function debounced() {\n    var time = now(),\n        isInvoking = shouldInvoke(time);\n\n    lastArgs = arguments;\n    lastThis = this;\n    lastCallTime = time;\n\n    if (isInvoking) {\n      if (timerId === undefined) {\n        return leadingEdge(lastCallTime);\n      }\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        timerId = setTimeout(timerExpired, wait);\n        return invokeFunc(lastCallTime);\n      }\n    }\n    if (timerId === undefined) {\n      timerId = setTimeout(timerExpired, wait);\n    }\n    return result;\n  }\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(reTrim, '');\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = debounce;\n","import { useState, useCallback, useLayoutEffect, useEffect, useRef, useMemo } from 'react';\nimport debounce from 'lodash.debounce';\n\n// src/useBoolean/useBoolean.ts\nfunction useBoolean(defaultValue = false) {\n  if (typeof defaultValue !== \"boolean\") {\n    throw new Error(\"defaultValue must be `true` or `false`\");\n  }\n  const [value, setValue] = useState(defaultValue);\n  const setTrue = useCallback(() => {\n    setValue(true);\n  }, []);\n  const setFalse = useCallback(() => {\n    setValue(false);\n  }, []);\n  const toggle = useCallback(() => {\n    setValue((x) => !x);\n  }, []);\n  return { value, setValue, setTrue, setFalse, toggle };\n}\nvar useIsomorphicLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// src/useEventListener/useEventListener.ts\nfunction useEventListener(eventName, handler, element, options) {\n  const savedHandler = useRef(handler);\n  useIsomorphicLayoutEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n  useEffect(() => {\n    const targetElement = (element == null ? void 0 : element.current) ?? window;\n    if (!(targetElement && targetElement.addEventListener))\n      return;\n    const listener = (event) => {\n      savedHandler.current(event);\n    };\n    targetElement.addEventListener(eventName, listener, options);\n    return () => {\n      targetElement.removeEventListener(eventName, listener, options);\n    };\n  }, [eventName, element, options]);\n}\n\n// src/useClickAnyWhere/useClickAnyWhere.ts\nfunction useClickAnyWhere(handler) {\n  useEventListener(\"click\", (event) => {\n    handler(event);\n  });\n}\nfunction useCopyToClipboard() {\n  const [copiedText, setCopiedText] = useState(null);\n  const copy = useCallback(async (text) => {\n    if (!(navigator == null ? void 0 : navigator.clipboard)) {\n      console.warn(\"Clipboard not supported\");\n      return false;\n    }\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopiedText(text);\n      return true;\n    } catch (error) {\n      console.warn(\"Copy failed\", error);\n      setCopiedText(null);\n      return false;\n    }\n  }, []);\n  return [copiedText, copy];\n}\nfunction useCounter(initialValue) {\n  const [count, setCount] = useState(initialValue ?? 0);\n  const increment = useCallback(() => {\n    setCount((x) => x + 1);\n  }, []);\n  const decrement = useCallback(() => {\n    setCount((x) => x - 1);\n  }, []);\n  const reset = useCallback(() => {\n    setCount(initialValue ?? 0);\n  }, [initialValue]);\n  return {\n    count,\n    increment,\n    decrement,\n    reset,\n    setCount\n  };\n}\nfunction useInterval(callback, delay) {\n  const savedCallback = useRef(callback);\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n  useEffect(() => {\n    if (delay === null) {\n      return;\n    }\n    const id = setInterval(() => {\n      savedCallback.current();\n    }, delay);\n    return () => {\n      clearInterval(id);\n    };\n  }, [delay]);\n}\n\n// src/useCountdown/useCountdown.ts\nfunction useCountdown({\n  countStart,\n  countStop = 0,\n  intervalMs = 1e3,\n  isIncrement = false\n}) {\n  const {\n    count,\n    increment,\n    decrement,\n    reset: resetCounter\n  } = useCounter(countStart);\n  const {\n    value: isCountdownRunning,\n    setTrue: startCountdown,\n    setFalse: stopCountdown\n  } = useBoolean(false);\n  const resetCountdown = useCallback(() => {\n    stopCountdown();\n    resetCounter();\n  }, [stopCountdown, resetCounter]);\n  const countdownCallback = useCallback(() => {\n    if (count === countStop) {\n      stopCountdown();\n      return;\n    }\n    if (isIncrement) {\n      increment();\n    } else {\n      decrement();\n    }\n  }, [count, countStop, decrement, increment, isIncrement, stopCountdown]);\n  useInterval(countdownCallback, isCountdownRunning ? intervalMs : null);\n  return [count, { startCountdown, stopCountdown, resetCountdown }];\n}\nfunction useEventCallback(fn) {\n  const ref = useRef(() => {\n    throw new Error(\"Cannot call an event handler while rendering.\");\n  });\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n  return useCallback((...args) => {\n    var _a;\n    return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);\n  }, [ref]);\n}\n\n// src/useLocalStorage/useLocalStorage.ts\nvar IS_SERVER = typeof window === \"undefined\";\nfunction useLocalStorage(key, initialValue, options = {}) {\n  const { initializeWithValue = true } = options;\n  const serializer = useCallback(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return defaultValue;\n      }\n      return parsed;\n    },\n    [options, initialValue]\n  );\n  const readValue = useCallback(() => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n    if (IS_SERVER) {\n      return initialValueToUse;\n    }\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n  const setValue = useEventCallback((value) => {\n    if (IS_SERVER) {\n      console.warn(\n        `Tried setting localStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.localStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n    } catch (error) {\n      console.warn(`Error setting localStorage key \\u201C${key}\\u201D:`, error);\n    }\n  });\n  const removeValue = useEventCallback(() => {\n    if (IS_SERVER) {\n      console.warn(\n        `Tried removing localStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n    window.localStorage.removeItem(key);\n    setStoredValue(defaultValue);\n    window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"local-storage\", handleStorageChange);\n  return [storedValue, setValue, removeValue];\n}\nvar IS_SERVER2 = typeof window === \"undefined\";\nfunction useMediaQuery(query, {\n  defaultValue = false,\n  initializeWithValue = true\n} = {}) {\n  const getMatches = (query2) => {\n    if (IS_SERVER2) {\n      return defaultValue;\n    }\n    return window.matchMedia(query2).matches;\n  };\n  const [matches, setMatches] = useState(() => {\n    if (initializeWithValue) {\n      return getMatches(query);\n    }\n    return defaultValue;\n  });\n  function handleChange() {\n    setMatches(getMatches(query));\n  }\n  useIsomorphicLayoutEffect(() => {\n    const matchMedia = window.matchMedia(query);\n    handleChange();\n    if (matchMedia.addListener) {\n      matchMedia.addListener(handleChange);\n    } else {\n      matchMedia.addEventListener(\"change\", handleChange);\n    }\n    return () => {\n      if (matchMedia.removeListener) {\n        matchMedia.removeListener(handleChange);\n      } else {\n        matchMedia.removeEventListener(\"change\", handleChange);\n      }\n    };\n  }, [query]);\n  return matches;\n}\n\n// src/useDarkMode/useDarkMode.ts\nvar COLOR_SCHEME_QUERY = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY = \"usehooks-ts-dark-mode\";\nfunction useDarkMode(options = {}) {\n  const {\n    defaultValue,\n    localStorageKey = LOCAL_STORAGE_KEY,\n    initializeWithValue = true\n  } = options;\n  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY, {\n    initializeWithValue,\n    defaultValue\n  });\n  const [isDarkMode, setDarkMode] = useLocalStorage(\n    localStorageKey,\n    defaultValue ?? isDarkOS ?? false,\n    { initializeWithValue }\n  );\n  useIsomorphicLayoutEffect(() => {\n    if (isDarkOS !== isDarkMode) {\n      setDarkMode(isDarkOS);\n    }\n  }, [isDarkOS]);\n  return {\n    isDarkMode,\n    toggle: () => {\n      setDarkMode((prev) => !prev);\n    },\n    enable: () => {\n      setDarkMode(true);\n    },\n    disable: () => {\n      setDarkMode(false);\n    },\n    set: (value) => {\n      setDarkMode(value);\n    }\n  };\n}\nfunction useUnmount(func) {\n  const funcRef = useRef(func);\n  funcRef.current = func;\n  useEffect(\n    () => () => {\n      funcRef.current();\n    },\n    []\n  );\n}\n\n// src/useDebounceCallback/useDebounceCallback.ts\nfunction useDebounceCallback(func, delay = 500, options) {\n  const debouncedFunc = useRef();\n  useUnmount(() => {\n    if (debouncedFunc.current) {\n      debouncedFunc.current.cancel();\n    }\n  });\n  const debounced = useMemo(() => {\n    const debouncedFuncInstance = debounce(func, delay, options);\n    const wrappedFunc = (...args) => {\n      return debouncedFuncInstance(...args);\n    };\n    wrappedFunc.cancel = () => {\n      debouncedFuncInstance.cancel();\n    };\n    wrappedFunc.isPending = () => {\n      return !!debouncedFunc.current;\n    };\n    wrappedFunc.flush = () => {\n      return debouncedFuncInstance.flush();\n    };\n    return wrappedFunc;\n  }, [func, delay, options]);\n  useEffect(() => {\n    debouncedFunc.current = debounce(func, delay, options);\n  }, [func, delay, options]);\n  return debounced;\n}\nfunction useDebounceValue(initialValue, delay, options) {\n  const eq = (options == null ? void 0 : options.equalityFn) ?? ((left, right) => left === right);\n  const unwrappedInitialValue = initialValue instanceof Function ? initialValue() : initialValue;\n  const [debouncedValue, setDebouncedValue] = useState(unwrappedInitialValue);\n  const previousValueRef = useRef(unwrappedInitialValue);\n  const updateDebouncedValue = useDebounceCallback(\n    setDebouncedValue,\n    delay,\n    options\n  );\n  if (!eq(previousValueRef.current, unwrappedInitialValue)) {\n    updateDebouncedValue(unwrappedInitialValue);\n    previousValueRef.current = unwrappedInitialValue;\n  }\n  return [debouncedValue, updateDebouncedValue];\n}\nfunction useDocumentTitle(title, options = {}) {\n  const { preserveTitleOnUnmount = true } = options;\n  const defaultTitle = useRef(null);\n  useIsomorphicLayoutEffect(() => {\n    defaultTitle.current = window.document.title;\n  }, []);\n  useIsomorphicLayoutEffect(() => {\n    window.document.title = title;\n  }, [title]);\n  useUnmount(() => {\n    if (!preserveTitleOnUnmount && defaultTitle.current) {\n      window.document.title = defaultTitle.current;\n    }\n  });\n}\nfunction useHover(elementRef) {\n  const [value, setValue] = useState(false);\n  const handleMouseEnter = () => {\n    setValue(true);\n  };\n  const handleMouseLeave = () => {\n    setValue(false);\n  };\n  useEventListener(\"mouseenter\", handleMouseEnter, elementRef);\n  useEventListener(\"mouseleave\", handleMouseLeave, elementRef);\n  return value;\n}\nfunction useIntersectionObserver({\n  threshold = 0,\n  root = null,\n  rootMargin = \"0%\",\n  freezeOnceVisible = false,\n  initialIsIntersecting = false,\n  onChange\n} = {}) {\n  var _a;\n  const [ref, setRef] = useState(null);\n  const [state, setState] = useState(() => ({\n    isIntersecting: initialIsIntersecting,\n    entry: void 0\n  }));\n  const callbackRef = useRef();\n  callbackRef.current = onChange;\n  const frozen = ((_a = state.entry) == null ? void 0 : _a.isIntersecting) && freezeOnceVisible;\n  useEffect(() => {\n    if (!ref)\n      return;\n    if (!(\"IntersectionObserver\" in window))\n      return;\n    if (frozen)\n      return;\n    let unobserve;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const thresholds = Array.isArray(observer.thresholds) ? observer.thresholds : [observer.thresholds];\n        entries.forEach((entry) => {\n          const isIntersecting = entry.isIntersecting && thresholds.some((threshold2) => entry.intersectionRatio >= threshold2);\n          setState({ isIntersecting, entry });\n          if (callbackRef.current) {\n            callbackRef.current(isIntersecting, entry);\n          }\n          if (isIntersecting && freezeOnceVisible && unobserve) {\n            unobserve();\n            unobserve = void 0;\n          }\n        });\n      },\n      { threshold, root, rootMargin }\n    );\n    observer.observe(ref);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    ref,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    JSON.stringify(threshold),\n    root,\n    rootMargin,\n    frozen,\n    freezeOnceVisible\n  ]);\n  const prevRef = useRef(null);\n  useEffect(() => {\n    var _a2;\n    if (!ref && ((_a2 = state.entry) == null ? void 0 : _a2.target) && !freezeOnceVisible && !frozen && prevRef.current !== state.entry.target) {\n      prevRef.current = state.entry.target;\n      setState({ isIntersecting: initialIsIntersecting, entry: void 0 });\n    }\n  }, [ref, state.entry, freezeOnceVisible, frozen, initialIsIntersecting]);\n  const result = [\n    setRef,\n    !!state.isIntersecting,\n    state.entry\n  ];\n  result.ref = result[0];\n  result.isIntersecting = result[1];\n  result.entry = result[2];\n  return result;\n}\nfunction useIsClient() {\n  const [isClient, setClient] = useState(false);\n  useEffect(() => {\n    setClient(true);\n  }, []);\n  return isClient;\n}\nfunction useIsMounted() {\n  const isMounted = useRef(false);\n  useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n  return useCallback(() => isMounted.current, []);\n}\nfunction useMap(initialState = /* @__PURE__ */ new Map()) {\n  const [map, setMap] = useState(new Map(initialState));\n  const actions = {\n    set: useCallback((key, value) => {\n      setMap((prev) => {\n        const copy = new Map(prev);\n        copy.set(key, value);\n        return copy;\n      });\n    }, []),\n    setAll: useCallback((entries) => {\n      setMap(() => new Map(entries));\n    }, []),\n    remove: useCallback((key) => {\n      setMap((prev) => {\n        const copy = new Map(prev);\n        copy.delete(key);\n        return copy;\n      });\n    }, []),\n    reset: useCallback(() => {\n      setMap(() => /* @__PURE__ */ new Map());\n    }, [])\n  };\n  return [map, actions];\n}\n\n// src/useOnClickOutside/useOnClickOutside.ts\nfunction useOnClickOutside(ref, handler, eventType = \"mousedown\", eventListenerOptions = {}) {\n  useEventListener(\n    eventType,\n    (event) => {\n      const target = event.target;\n      if (!target || !target.isConnected) {\n        return;\n      }\n      const isOutside = Array.isArray(ref) ? ref.filter((r) => Boolean(r.current)).every((r) => r.current && !r.current.contains(target)) : ref.current && !ref.current.contains(target);\n      if (isOutside) {\n        handler(event);\n      }\n    },\n    void 0,\n    eventListenerOptions\n  );\n}\nvar IS_SERVER3 = typeof window === \"undefined\";\nfunction useReadLocalStorage(key, options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER3) {\n    initializeWithValue = false;\n  }\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return null;\n      }\n      return parsed;\n    },\n    [options]\n  );\n  const readValue = useCallback(() => {\n    if (IS_SERVER3) {\n      return null;\n    }\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : null;\n    } catch (error) {\n      console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n      return null;\n    }\n  }, [key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return void 0;\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"local-storage\", handleStorageChange);\n  return storedValue;\n}\nvar initialSize = {\n  width: void 0,\n  height: void 0\n};\nfunction useResizeObserver(options) {\n  const { ref, box = \"content-box\" } = options;\n  const [{ width, height }, setSize] = useState(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef({ ...initialSize });\n  const onResize = useRef(void 0);\n  onResize.current = options.onResize;\n  useEffect(() => {\n    if (!ref.current)\n      return;\n    if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window))\n      return;\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp = box === \"border-box\" ? \"borderBoxSize\" : box === \"device-pixel-content-box\" ? \"devicePixelContentBoxSize\" : \"contentBoxSize\";\n      const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n      const newHeight = extractSize(entry, boxProp, \"blockSize\");\n      const hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n      if (hasChanged) {\n        const newSize = { width: newWidth, height: newHeight };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else {\n          if (isMounted()) {\n            setSize(newSize);\n          }\n        }\n      }\n    });\n    observer.observe(ref.current, { box });\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted]);\n  return { width, height };\n}\nfunction extractSize(entry, box, sizeType) {\n  if (!entry[box]) {\n    if (box === \"contentBoxSize\") {\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n    return void 0;\n  }\n  return Array.isArray(entry[box]) ? entry[box][0][sizeType] : (\n    // @ts-ignore Support Firefox's non-standard behavior\n    entry[box][sizeType]\n  );\n}\nvar IS_SERVER4 = typeof window === \"undefined\";\nfunction useScreen(options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER4) {\n    initializeWithValue = false;\n  }\n  const readScreen = () => {\n    if (IS_SERVER4) {\n      return void 0;\n    }\n    return window.screen;\n  };\n  const [screen, setScreen] = useState(() => {\n    if (initializeWithValue) {\n      return readScreen();\n    }\n    return void 0;\n  });\n  const debouncedSetScreen = useDebounceCallback(\n    setScreen,\n    options.debounceDelay\n  );\n  function handleSize() {\n    const newScreen = readScreen();\n    const setSize = options.debounceDelay ? debouncedSetScreen : setScreen;\n    if (newScreen) {\n      const {\n        width,\n        height,\n        availHeight,\n        availWidth,\n        colorDepth,\n        orientation,\n        pixelDepth\n      } = newScreen;\n      setSize({\n        width,\n        height,\n        availHeight,\n        availWidth,\n        colorDepth,\n        orientation,\n        pixelDepth\n      });\n    }\n  }\n  useEventListener(\"resize\", handleSize);\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n  return screen;\n}\nvar cachedScriptStatuses = /* @__PURE__ */ new Map();\nfunction getScriptNode(src) {\n  const node = document.querySelector(\n    `script[src=\"${src}\"]`\n  );\n  const status = node == null ? void 0 : node.getAttribute(\"data-status\");\n  return {\n    node,\n    status\n  };\n}\nfunction useScript(src, options) {\n  const [status, setStatus] = useState(() => {\n    if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n      return \"idle\";\n    }\n    if (typeof window === \"undefined\") {\n      return \"loading\";\n    }\n    return cachedScriptStatuses.get(src) ?? \"loading\";\n  });\n  useEffect(() => {\n    if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n      return;\n    }\n    const cachedScriptStatus = cachedScriptStatuses.get(src);\n    if (cachedScriptStatus === \"ready\" || cachedScriptStatus === \"error\") {\n      setStatus(cachedScriptStatus);\n      return;\n    }\n    const script = getScriptNode(src);\n    let scriptNode = script.node;\n    if (!scriptNode) {\n      scriptNode = document.createElement(\"script\");\n      scriptNode.src = src;\n      scriptNode.async = true;\n      if (options == null ? void 0 : options.id) {\n        scriptNode.id = options.id;\n      }\n      scriptNode.setAttribute(\"data-status\", \"loading\");\n      document.body.appendChild(scriptNode);\n      const setAttributeFromEvent = (event) => {\n        const scriptStatus = event.type === \"load\" ? \"ready\" : \"error\";\n        scriptNode == null ? void 0 : scriptNode.setAttribute(\"data-status\", scriptStatus);\n      };\n      scriptNode.addEventListener(\"load\", setAttributeFromEvent);\n      scriptNode.addEventListener(\"error\", setAttributeFromEvent);\n    } else {\n      setStatus(script.status ?? cachedScriptStatus ?? \"loading\");\n    }\n    const setStateFromEvent = (event) => {\n      const newStatus = event.type === \"load\" ? \"ready\" : \"error\";\n      setStatus(newStatus);\n      cachedScriptStatuses.set(src, newStatus);\n    };\n    scriptNode.addEventListener(\"load\", setStateFromEvent);\n    scriptNode.addEventListener(\"error\", setStateFromEvent);\n    return () => {\n      if (scriptNode) {\n        scriptNode.removeEventListener(\"load\", setStateFromEvent);\n        scriptNode.removeEventListener(\"error\", setStateFromEvent);\n      }\n      if (scriptNode && (options == null ? void 0 : options.removeOnUnmount)) {\n        scriptNode.remove();\n        cachedScriptStatuses.delete(src);\n      }\n    };\n  }, [src, options == null ? void 0 : options.shouldPreventLoad, options == null ? void 0 : options.removeOnUnmount, options == null ? void 0 : options.id]);\n  return status;\n}\nvar IS_SERVER5 = typeof window === \"undefined\";\nfunction useScrollLock(options = {}) {\n  const { autoLock = true, lockTarget, widthReflow = true } = options;\n  const [isLocked, setIsLocked] = useState(false);\n  const target = useRef(null);\n  const originalStyle = useRef(null);\n  const lock = () => {\n    if (target.current) {\n      const { overflow, paddingRight } = target.current.style;\n      originalStyle.current = { overflow, paddingRight };\n      if (widthReflow) {\n        const offsetWidth = target.current === document.body ? window.innerWidth : target.current.offsetWidth;\n        const currentPaddingRight = parseInt(window.getComputedStyle(target.current).paddingRight, 10) || 0;\n        const scrollbarWidth = offsetWidth - target.current.scrollWidth;\n        target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`;\n      }\n      target.current.style.overflow = \"hidden\";\n      setIsLocked(true);\n    }\n  };\n  const unlock = () => {\n    if (target.current && originalStyle.current) {\n      target.current.style.overflow = originalStyle.current.overflow;\n      if (widthReflow) {\n        target.current.style.paddingRight = originalStyle.current.paddingRight;\n      }\n    }\n    setIsLocked(false);\n  };\n  useIsomorphicLayoutEffect(() => {\n    if (IS_SERVER5)\n      return;\n    if (lockTarget) {\n      target.current = typeof lockTarget === \"string\" ? document.querySelector(lockTarget) : lockTarget;\n    }\n    if (!target.current) {\n      target.current = document.body;\n    }\n    if (autoLock) {\n      lock();\n    }\n    return () => {\n      unlock();\n    };\n  }, [autoLock, lockTarget, widthReflow]);\n  return { isLocked, lock, unlock };\n}\nvar IS_SERVER6 = typeof window === \"undefined\";\nfunction useSessionStorage(key, initialValue, options = {}) {\n  const { initializeWithValue = true } = options;\n  const serializer = useCallback(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return defaultValue;\n      }\n      return parsed;\n    },\n    [options, initialValue]\n  );\n  const readValue = useCallback(() => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n    if (IS_SERVER6) {\n      return initialValueToUse;\n    }\n    try {\n      const raw = window.sessionStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      console.warn(`Error reading sessionStorage key \\u201C${key}\\u201D:`, error);\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n  const setValue = useEventCallback((value) => {\n    if (IS_SERVER6) {\n      console.warn(\n        `Tried setting sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.sessionStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n    } catch (error) {\n      console.warn(`Error setting sessionStorage key \\u201C${key}\\u201D:`, error);\n    }\n  });\n  const removeValue = useEventCallback(() => {\n    if (IS_SERVER6) {\n      console.warn(\n        `Tried removing sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n    window.sessionStorage.removeItem(key);\n    setStoredValue(defaultValue);\n    window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"session-storage\", handleStorageChange);\n  return [storedValue, setValue, removeValue];\n}\nfunction useStep(maxStep) {\n  const [currentStep, setCurrentStep] = useState(1);\n  const canGoToNextStep = currentStep + 1 <= maxStep;\n  const canGoToPrevStep = currentStep - 1 > 0;\n  const setStep = useCallback(\n    (step) => {\n      const newStep = step instanceof Function ? step(currentStep) : step;\n      if (newStep >= 1 && newStep <= maxStep) {\n        setCurrentStep(newStep);\n        return;\n      }\n      throw new Error(\"Step not valid\");\n    },\n    [maxStep, currentStep]\n  );\n  const goToNextStep = useCallback(() => {\n    if (canGoToNextStep) {\n      setCurrentStep((step) => step + 1);\n    }\n  }, [canGoToNextStep]);\n  const goToPrevStep = useCallback(() => {\n    if (canGoToPrevStep) {\n      setCurrentStep((step) => step - 1);\n    }\n  }, [canGoToPrevStep]);\n  const reset = useCallback(() => {\n    setCurrentStep(1);\n  }, []);\n  return [\n    currentStep,\n    {\n      goToNextStep,\n      goToPrevStep,\n      canGoToNextStep,\n      canGoToPrevStep,\n      setStep,\n      reset\n    }\n  ];\n}\n\n// src/useTernaryDarkMode/useTernaryDarkMode.ts\nvar COLOR_SCHEME_QUERY2 = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY2 = \"usehooks-ts-ternary-dark-mode\";\nfunction useTernaryDarkMode({\n  defaultValue = \"system\",\n  localStorageKey = LOCAL_STORAGE_KEY2,\n  initializeWithValue = true\n} = {}) {\n  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY2, { initializeWithValue });\n  const [mode, setMode] = useLocalStorage(localStorageKey, defaultValue, {\n    initializeWithValue\n  });\n  const isDarkMode = mode === \"dark\" || mode === \"system\" && isDarkOS;\n  const toggleTernaryDarkMode = () => {\n    const modes = [\"light\", \"system\", \"dark\"];\n    setMode((prevMode) => {\n      const nextIndex = (modes.indexOf(prevMode) + 1) % modes.length;\n      return modes[nextIndex];\n    });\n  };\n  return {\n    isDarkMode,\n    ternaryDarkMode: mode,\n    setTernaryDarkMode: setMode,\n    toggleTernaryDarkMode\n  };\n}\nfunction useTimeout(callback, delay) {\n  const savedCallback = useRef(callback);\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n  useEffect(() => {\n    if (!delay && delay !== 0) {\n      return;\n    }\n    const id = setTimeout(() => {\n      savedCallback.current();\n    }, delay);\n    return () => {\n      clearTimeout(id);\n    };\n  }, [delay]);\n}\nfunction useToggle(defaultValue) {\n  const [value, setValue] = useState(!!defaultValue);\n  const toggle = useCallback(() => {\n    setValue((x) => !x);\n  }, []);\n  return [value, toggle, setValue];\n}\nvar IS_SERVER7 = typeof window === \"undefined\";\nfunction useWindowSize(options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER7) {\n    initializeWithValue = false;\n  }\n  const [windowSize, setWindowSize] = useState(() => {\n    if (initializeWithValue) {\n      return {\n        width: window.innerWidth,\n        height: window.innerHeight\n      };\n    }\n    return {\n      width: void 0,\n      height: void 0\n    };\n  });\n  const debouncedSetWindowSize = useDebounceCallback(\n    setWindowSize,\n    options.debounceDelay\n  );\n  function handleSize() {\n    const setSize = options.debounceDelay ? debouncedSetWindowSize : setWindowSize;\n    setSize({\n      width: window.innerWidth,\n      height: window.innerHeight\n    });\n  }\n  useEventListener(\"resize\", handleSize);\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n  return windowSize;\n}\n\nexport { useBoolean, useClickAnyWhere, useCopyToClipboard, useCountdown, useCounter, useDarkMode, useDebounceCallback, useDebounceValue, useDocumentTitle, useEventCallback, useEventListener, useHover, useIntersectionObserver, useInterval, useIsClient, useIsMounted, useIsomorphicLayoutEffect, useLocalStorage, useMap, useMediaQuery, useOnClickOutside, useReadLocalStorage, useResizeObserver, useScreen, useScript, useScrollLock, useSessionStorage, useStep, useTernaryDarkMode, useTimeout, useToggle, useUnmount, useWindowSize };\n","import { PropsWithChildren, useCallback, useEffect, useRef, useState } from \"react\";\nimport { useResizeObserver } from \"usehooks-ts\";\nimport { useDataId } from \"utils/hooks\";\nimport type { DefaultComponent } from \"types/DefaultComponent\";\n\nexport interface StickyHeaderContainerProps extends DefaultComponent {\n\tinitHidden?: boolean;\n\tdataQAPrefix?: string;\n\tdataQASuffix?: string;\n}\n\n/**\n * Internal type to wrap up the StickyElements\n */\ntype StickyElement = {\n\tel: HTMLElement;\n\tparent: HTMLElement;\n\tplaceholder: HTMLElement;\n\tposition: number;\n\theight: number;\n};\n\n/**\n * StickyHeaderContainer\n * @param children  Child components to render\n * @param initHidden  Set visibility state\n * @param dataQAPrefix: Optional QA naming attribute prefix\n * @param dataQASuffix: Optional QA naming attribute suffix\n * @returns StickyHeaderContainer (React.ReactNode)\n */\nfunction StickyHeaderContainer({\n\tchildren,\n\tinitHidden = false,\n\tdataQA = \"sticky-header-container\",\n\tdataQAPrefix = \"\",\n\tdataQASuffix = \"\"\n}: PropsWithChildren<StickyHeaderContainerProps>) {\n\tconst [globalHeaderHeight, setGlobalHeaderHeight] = useState<number>(0);\n\tconst [prevScroll, setPrevScroll] = useState<number>(0);\n\tconst [stickies, setStickies] = useState<StickyElement[]>([]);\n\tconst [didInit, setDidInit] = useState<boolean>(false);\n\n\tconst TRANSITION_STYLE = \"all 0.5s, opacity 0.2s\";\n\tconst dataQAId = useDataId(dataQA, { prefix: dataQAPrefix, suffix: dataQASuffix });\n\n\t/**\n\t * Initialises the stickies collection\n\t */\n\tconst initStickies = useCallback(() => {\n\t\tlet el: HTMLElement | null = null;\n\t\tlet parentElement: HTMLElement | null = null;\n\t\tconst tempStickies: Array<StickyElement> = [];\n\n\t\tsetPrevScroll(0);\n\n\t\tArray.from(document.querySelectorAll(\".sticky-header\")).forEach((parent) => {\n\t\t\tel = parent.querySelectorAll(\".sticky-header-el\")[0] as HTMLElement;\n\t\t\tparentElement = parent as HTMLElement;\n\n\t\t\ttempStickies.push({\n\t\t\t\tel,\n\t\t\t\tparent: parentElement,\n\t\t\t\tplaceholder: parentElement.querySelectorAll(\".sticky-header-placeholder\")[0] as HTMLElement,\n\t\t\t\tposition: parentElement.offsetTop,\n\t\t\t\theight: el.getElementsByClassName(\"global-header\")[0] ? globalHeaderHeight : el.offsetHeight\n\t\t\t});\n\t\t});\n\n\t\tif (initHidden) {\n\t\t\ttempStickies[1].el.style.opacity = \"0\";\n\t\t}\n\n\t\tsetStickies(tempStickies);\n\t}, [globalHeaderHeight, initHidden]);\n\n\t/**\n\t * Handle scroll and reposition\n\t */\n\tconst handleScroll = useCallback(() => {\n\t\tconst scrollTop = Math.max(\n\t\t\twindow.scrollY,\n\t\t\tdocument.documentElement.scrollTop,\n\t\t\tdocument.body.scrollTop\n\t\t);\n\t\tif (stickies.length > 1) {\n\t\t\tlet next;\n\t\t\tlet prev;\n\t\t\tconst topHeader = stickies[0];\n\t\t\ttopHeader.height = topHeader.el.querySelector(\".show-mobile-menu#global-header\")\n\t\t\t\t? globalHeaderHeight + topHeader.el.offsetHeight\n\t\t\t\t: topHeader.el.offsetHeight;\n\t\t\ttopHeader.placeholder.style.height = topHeader.height.toString();\n\t\t\ttopHeader.el.classList.add(\"first-sticky\");\n\t\t\tconst topHeaderHeight = topHeader.placeholder.style.height;\n\t\t\tstickies.forEach((curr, i) => {\n\t\t\t\tif (curr.position <= scrollTop) {\n\t\t\t\t\tnext = stickies[i + 1];\n\t\t\t\t\tprev = stickies[i - 1];\n\t\t\t\t\tcurr.parent.classList.add(\"fixed\");\n\t\t\t\t\tif (curr.el.style.opacity === \"0\") {\n\t\t\t\t\t\tcurr.el.style.opacity = \"1\";\n\t\t\t\t\t}\n\t\t\t\t\tcurr.placeholder.style.height = `${curr.height}px`;\n\t\t\t\t\tif (next) {\n\t\t\t\t\t\tconst height = curr.el.querySelector(\".show-mobile-menu#global-header\")\n\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t: curr.height;\n\t\t\t\t\t\tcurr.el.style.top =\n\t\t\t\t\t\t\tMath.min(Math.max(0, scrollTop - next.position + height), height) * -1 + \"px\";\n\t\t\t\t\t}\n\t\t\t\t\tif (curr.el.style.top === topHeaderHeight) {\n\t\t\t\t\t\tcurr.el.style.top = \"\";\n\t\t\t\t\t}\n\t\t\t\t\ttopHeader.el.style.transition = \"\";\n\t\t\t\t\tif (prevScroll >= scrollTop) {\n\t\t\t\t\t\ttopHeader.parent.classList.add(\"fixed\");\n\t\t\t\t\t\ttopHeader.el.style.top = \"0px\";\n\t\t\t\t\t\ttopHeader.el.style.transition = TRANSITION_STYLE;\n\t\t\t\t\t\tif (i > 0) {\n\t\t\t\t\t\t\tif (curr.el.style.top === \"\" || curr.el.style.top === \"0px\") {\n\t\t\t\t\t\t\t\tcurr.el.style.top = topHeaderHeight;\n\t\t\t\t\t\t\t\tcurr.el.style.transition = TRANSITION_STYLE;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (prev) {\n\t\t\t\t\t\t\ttopHeader.el.style.transition = TRANSITION_STYLE;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tprev = stickies[i - 1];\n\t\t\t\t\tcurr.parent.classList.remove(\"fixed\");\n\t\t\t\t\tcurr.placeholder.style.height = \"\";\n\t\t\t\t\tcurr.el.style.top = \"0px\";\n\t\t\t\t\tif (curr.el.style.opacity === \"1\") {\n\t\t\t\t\t\tcurr.el.style.opacity = \"0\";\n\t\t\t\t\t}\n\t\t\t\t\tif (prev) {\n\t\t\t\t\t\tif (scrollTop <= prev.position - prev.height) {\n\t\t\t\t\t\t\tprev.el.style.top = \"\";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\tsetPrevScroll(scrollTop);\n\t\t} else if (stickies.length === 1) {\n\t\t\tlet sticky = stickies[0];\n\t\t\t// for public site do not change sticky height when the mobile menu height goes to 0\n\t\t\tsticky.height = sticky.el.querySelector(\".show-mobile-menu#global-header\")\n\t\t\t\t? globalHeaderHeight + sticky.el.offsetHeight\n\t\t\t\t: sticky.el.offsetHeight;\n\t\t\tsticky.placeholder.style.height = sticky.height + \"px\";\n\t\t\tsticky.parent.classList.add(\"fixed\");\n\t\t}\n\t}, [globalHeaderHeight, prevScroll, stickies]);\n\n\tconst refreshView = useCallback(() => {\n\t\tinitStickies();\n\t\thandleScroll();\n\t}, [initStickies, handleScroll]);\n\n\t/** ResizeObserver */\n\tconst globalHeaderRef = useRef<HTMLDivElement>(\n\t\tdocument.getElementById(\"global-header\") as HTMLDivElement\n\t);\n\tconst { height } = useResizeObserver({\n\t\tref: globalHeaderRef,\n\t\tbox: \"border-box\",\n\t\tonResize: initStickies\n\t});\n\n\tuseEffect(() => {\n\t\tif (stickies.length > 0 && !didInit) {\n\t\t\thandleScroll();\n\t\t\tsetDidInit(true);\n\t\t}\n\t}, [stickies, didInit, handleScroll]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tglobalHeaderRef.current &&\n\t\t\t!globalHeaderRef.current.classList.contains(\"show-mobile-menu\")\n\t\t) {\n\t\t\tsetGlobalHeaderHeight(height!);\n\t\t}\n\n\t\tif (!didInit) {\n\t\t\tinitStickies();\n\t\t}\n\t\twindow.addEventListener(\"load\", refreshView);\n\t\twindow.addEventListener(\"scroll\", handleScroll);\n\t\twindow.addEventListener(\"resize\", refreshView);\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"load\", refreshView);\n\t\t\twindow.removeEventListener(\"scroll\", handleScroll);\n\t\t\twindow.removeEventListener(\"resize\", refreshView);\n\t\t};\n\t}, [handleScroll, height, refreshView, didInit, initStickies]);\n\n\treturn (\n\t\t<div className=\"sticky-header-container\" data-qa={dataQAId}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nexport default StickyHeaderContainer;\n"],"names":["StickyHeader","children","jsxs","jsx","freeGlobal","global","freeSelf","useIsMounted","isMounted","useRef","useEffect","useCallback","initialSize","useResizeObserver","options","ref","box","width","height","setSize","useState","previousSize","onResize","observer","entry","boxProp","newWidth","extractSize","newHeight","newSize","sizeType","StickyHeaderContainer","initHidden","dataQA","dataQAPrefix","dataQASuffix","globalHeaderHeight","setGlobalHeaderHeight","prevScroll","setPrevScroll","stickies","setStickies","didInit","setDidInit","TRANSITION_STYLE","dataQAId","useDataId","initStickies","el","parentElement","tempStickies","parent","handleScroll","scrollTop","next","prev","topHeader","topHeaderHeight","curr","i","sticky","refreshView","globalHeaderRef"],"mappings":"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","x_google_ignoreList":[1,2]}