@blateral/b.kit 2.2.6 → 2.3.0-beta.1.1

package/esm/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sources":["../src/components/fields/CompactForm.tsx","../src/components/fields/SearchInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    mq,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.form`\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ${({ theme }) => color(theme).text.default};\n\n    @media ${mq.medium} {\n        flex-direction: row;\n    }\n`;\n\nconst InputField = styled.input<{ backColor?: string }>`\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ${spacings.nudge}px ${spacings.nudge * 3}px;\n    color: inherit;\n\n    background-color: ${({ backColor }) => backColor && backColor};\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ${({ theme }) => font(theme).copy.small.family};\n    font-weight: ${({ theme }) => font(theme).copy.small.weight};\n    ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n    line-height: ${({ theme }) => font(theme).copy.small.lineHeight};\n\n    &:focus {\n        outline: ${({ theme }) => `2px solid ${color(theme).primary.default}`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n`;\n\nconst SubmitBtn = styled.button<{ isInverted?: boolean }>`\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 49px;\n\n    margin-top: ${spacings.spacer * 0.5}px;\n\n    background-color: ${({ theme }) => color(theme).primary.default};\n    color: ${({ theme }) => color(theme).text.inverted};\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: all ease-in-out 0.2s;\n\n    @media ${mq.medium} {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    &:hover {\n        transform: scale(1.05);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n`;\n\nconst CompactForm: FC<{\n    mode?: 'onSoft' | 'onDark' | 'default';\n    value?: string;\n    placeholder?: string;\n    method?: string;\n    action?: string;\n    buttonIcon?: React.ReactNode;\n    onSubmit?: (ev: React.SyntheticEvent<HTMLFormElement>) => void;\n    onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    className?: string;\n}> = ({\n    mode = 'default',\n    value,\n    placeholder,\n    method,\n    action,\n    buttonIcon,\n    onSubmit,\n    onClick,\n    onBlur,\n    onFocus,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n    const bgColor =\n        mode === 'default' ? colors.elementBg.medium : colors.elementBg.light;\n\n    return (\n        <View\n            onSubmit={onSubmit}\n            method={method}\n            action={action}\n            className={className}\n        >\n            <InputField\n                placeholder={placeholder}\n                value={value}\n                onClick={onClick}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                backColor={bgColor}\n            />\n            {buttonIcon && (\n                <SubmitBtn isInverted={mode === 'onDark'}>\n                    {buttonIcon}\n                </SubmitBtn>\n            )}\n        </View>\n    );\n};\n\nexport default CompactForm;\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ${({ theme }) => color(theme).text.default};\n\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.light\n            : color(theme).elementBg.medium};\n`;\n\nconst InputField = styled.input<{\n    hasLeftIcon?: boolean;\n    hasRightIcon?: boolean;\n}>`\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ${spacings.nudge * 3}px ${spacings.nudge * 3.5}px;\n    padding-left: ${({ hasLeftIcon }) =>\n        hasLeftIcon && spacings.spacer * 2.5 + 'px'};\n    padding-right: ${({ hasRightIcon }) =>\n        hasRightIcon && spacings.spacer * 2.5 + 'px'};\n    color: inherit;\n\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ${({ theme }) => font(theme).copy.small.family};\n    font-weight: 400;\n    ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ${({ theme }) => `1px solid ${color(theme).primary.default}`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst ControlBtn = styled.button<{ isInverted?: boolean }>`\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 53px;\n\n    margin: -2px;\n    background-color: transparent;\n    color: ${({ theme }) => color(theme).text.default};\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    /* transition: all ease-in-out 0.2s; */\n\n    &:hover {\n        transform: scale(1.02);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n`;\n\nconst SubmitBtn = styled(ControlBtn)`\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n`;\n\nconst ClearBtn = styled(ControlBtn)`\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n`;\n\nconst SearchInput: FC<{\n    isInverted?: boolean;\n    value?: string;\n    placeholder?: string;\n    submitIcon?: React.ReactNode;\n    clearIcon?: React.ReactNode;\n    onSubmit?: () => void;\n    onClear?: () => void;\n    onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    className?: string;\n}> = ({\n    isInverted = false,\n    value,\n    placeholder,\n    submitIcon,\n    clearIcon,\n    onSubmit,\n    onClick,\n    onClear,\n    onBlur,\n    onFocus,\n    className,\n}) => {\n    const handleKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {\n        if (ev.keyCode === 13) {\n            onSubmit && onSubmit();\n            ev.preventDefault();\n        }\n    };\n\n    return (\n        <View isInverted={isInverted} className={className}>\n            {submitIcon && (\n                <SubmitBtn\n                    isInverted={isInverted}\n                    onClick={() => onSubmit && onSubmit()}\n                >\n                    {submitIcon}\n                </SubmitBtn>\n            )}\n            <InputField\n                hasLeftIcon={submitIcon !== undefined}\n                hasRightIcon={clearIcon !== undefined}\n                placeholder={placeholder}\n                value={value}\n                onClick={onClick}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                onKeyDown={handleKeyDown}\n            />\n            {clearIcon && (\n                <ClearBtn\n                    isInverted={isInverted}\n                    onClick={() => onClear && onClear()}\n                >\n                    {clearIcon}\n                </ClearBtn>\n            )}\n        </View>\n    );\n};\n\nexport default SearchInput;\n"],"names":["View","styled","form","templateObject_1","__makeTemplateObject","_a","theme","color","text","default","mq","medium","InputField","input","templateObject_2","spacings","nudge","backColor","font","copy","small","family","weight","withRange","size","lineHeight","concat","primary","SubmitBtn","button","templateObject_3","spacer","inverted","CompactForm","_b","mode","value","placeholder","method","action","buttonIcon","onSubmit","onClick","onBlur","onFocus","className","colors","useLibTheme","bgColor","elementBg","light","React","createElement","isInverted","div","hasLeftIcon","hasRightIcon","ControlBtn","templateObject_4","ClearBtn","templateObject_5","SearchInput","submitIcon","clearIcon","onClear","handleKeyDown","ev","keyCode","preventDefault","undefined","onKeyDown"],"mappings":"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"}

package/esm/hexRgbConverter-edb91624.js

@@ -0,0 +1,36 @@
+import { c as clampValue } from './clamp-12d37b65.js';
+
+/** Convert hex string to full 6 digit hex */
+
+var toFullHex = function (hex) {
+  if (!hex) return undefined;
+  if (hex.length >= 6) return hex;
+  var chars = hex.split('').map(function (char) {
+    if (char === '#') return char;
+    return char + char;
+  });
+  return chars.join('');
+}; // converting 6 character hex color code to rgba string
+
+
+var hexToRgba = function (hex, alpha) {
+  var _a;
+
+  if (alpha === void 0) {
+    alpha = 1;
+  }
+
+  var fullHex = toFullHex(hex);
+  if (!fullHex) return undefined;
+  var rgb = (_a = fullHex.match(/\w\w/g)) === null || _a === void 0 ? void 0 : _a.map(function (x) {
+    return parseInt(x, 16);
+  });
+  if (!rgb) return undefined;
+  if (!rgb[0] || isNaN(rgb[0])) return undefined;
+  if (!rgb[1] || isNaN(rgb[1])) return undefined;
+  if (!rgb[2] || isNaN(rgb[2])) return undefined;
+  return "rgba(".concat(rgb[0], ",").concat(rgb[1], ",").concat(rgb[2], ",").concat(clampValue(alpha, 0, 1), ")");
+};
+
+export { hexToRgba as h };
+//# sourceMappingURL=hexRgbConverter-edb91624.js.map

package/esm/hexRgbConverter-edb91624.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexRgbConverter-edb91624.js","sources":["../src/utils/hexRgbConverter.ts"],"sourcesContent":["import { clampValue } from './clamp';\n\n/** Convert hex string to full 6 digit hex */\nconst toFullHex = (hex: string) => {\n    if (!hex) return undefined;\n    if (hex.length >= 6) return hex;\n\n    const chars = hex.split('').map((char) => {\n        if (char === '#') return char;\n        return char + char;\n    });\n    return chars.join('');\n};\n\n// converting 6 character hex color code to rgba string\nexport const hexToRgba = (hex: string, alpha = 1) => {\n    const fullHex = toFullHex(hex);\n    if (!fullHex) return undefined;\n\n    const rgb = fullHex.match(/\\w\\w/g)?.map((x) => parseInt(x, 16));\n    if (!rgb) return undefined;\n    if (!rgb[0] || isNaN(rgb[0])) return undefined;\n    if (!rgb[1] || isNaN(rgb[1])) return undefined;\n    if (!rgb[2] || isNaN(rgb[2])) return undefined;\n\n    return `rgba(${rgb[0]},${rgb[1]},${rgb[2]},${clampValue(alpha, 0, 1)})`;\n};\n"],"names":["toFullHex","hex","undefined","length","chars","split","map","char","join","hexToRgba","alpha","fullHex","rgb","_a","match","x","parseInt","isNaN","concat","clampValue"],"mappings":";;AAEA;;AACA,IAAMA,SAAS,GAAG,UAACC,GAAD,EAAY;AAC1B,EAAA,IAAI,CAACA,GAAL,EAAU,OAAOC,SAAP,CAAA;AACV,EAAA,IAAID,GAAG,CAACE,MAAJ,IAAc,CAAlB,EAAqB,OAAOF,GAAP,CAAA;AAErB,EAAA,IAAMG,KAAK,GAAGH,GAAG,CAACI,KAAJ,CAAU,EAAV,CAAA,CAAcC,GAAd,CAAkB,UAACC,IAAD,EAAK;AACjC,IAAA,IAAIA,IAAI,KAAK,GAAb,EAAkB,OAAOA,IAAP,CAAA;AAClB,IAAOA,OAAAA,IAAI,GAAGA,IAAd,CAAA;AACH,GAHa,CAAd,CAAA;AAIA,EAAA,OAAOH,KAAK,CAACI,IAAN,CAAW,EAAX,CAAP,CAAA;AACH,CATD;;;IAYaC,SAAS,GAAG,UAACR,GAAD,EAAcS,KAAd,EAAuB;;;AAAT,EAAA,IAAAA,KAAA,KAAA,KAAA,CAAA,EAAA;AAAAA,IAAAA,KAAS,GAAA,CAAT,CAAA;AAAS,GAAA;;AAC5C,EAAA,IAAMC,OAAO,GAAGX,SAAS,CAACC,GAAD,CAAzB,CAAA;AACA,EAAA,IAAI,CAACU,OAAL,EAAc,OAAOT,SAAP,CAAA;AAEd,EAAA,IAAMU,GAAG,GAAG,CAAAC,EAAA,GAAAF,OAAO,CAACG,KAAR,CAAc,OAAd,CAAA,MAAsB,IAAtB,IAAsBD,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsBA,EAAA,CAAEP,GAAF,CAAM,UAACS,CAAD,EAAE;AAAK,IAAA,OAAAC,QAAQ,CAACD,CAAD,EAAI,EAAJ,CAAR,CAAA;AAAe,GAA5B,CAAlC,CAAA;AACA,EAAA,IAAI,CAACH,GAAL,EAAU,OAAOV,SAAP,CAAA;AACV,EAAA,IAAI,CAACU,GAAG,CAAC,CAAD,CAAJ,IAAWK,KAAK,CAACL,GAAG,CAAC,CAAD,CAAJ,CAApB,EAA8B,OAAOV,SAAP,CAAA;AAC9B,EAAA,IAAI,CAACU,GAAG,CAAC,CAAD,CAAJ,IAAWK,KAAK,CAACL,GAAG,CAAC,CAAD,CAAJ,CAApB,EAA8B,OAAOV,SAAP,CAAA;AAC9B,EAAA,IAAI,CAACU,GAAG,CAAC,CAAD,CAAJ,IAAWK,KAAK,CAACL,GAAG,CAAC,CAAD,CAAJ,CAApB,EAA8B,OAAOV,SAAP,CAAA;AAE9B,EAAA,OAAO,QAAAgB,MAAA,CAAQN,GAAG,CAAC,CAAD,CAAX,KAAA,QAAA,CAAkBA,GAAG,CAAC,CAAD,CAArB,EAA4B,GAA5B,CAA4BM,CAAAA,MAA5B,CAA4BN,GAAG,CAAC,CAAD,CAA/B,EAAsC,GAAtC,CAAA,CAAsCM,MAAtC,CAAsCC,UAAU,CAACT,KAAD,EAAQ,CAAR,EAAW,CAAX,CAAhD,EAA6D,GAA7D,CAAP,CAAA;AACH;;;;"}

package/esm/hooks.js

@@ -0,0 +1,526 @@
+export { e as deleteUrlParam, g as getUrlParams, s as setUrlParam, u as useEqualSheetHeight, b as useFontsLoaded, a as useIE, d as useResizeThrottle, c as useScrollTo } from './urlParams-c16d7370.js';
+import React__default, { useState, useEffect, useRef, useCallback } from 'react';
+import { i as isBrowser, u as useMediaQuery } from './useMediaQuery-07eee3f4.js';
+export { g as getMediaQuery, i as isBrowser, a as useMediaQueries, u as useMediaQuery } from './useMediaQuery-07eee3f4.js';
+export { u as useUpdateEffect } from './useUpdateEffect-824c0c84.js';
+export { u as useMounted } from './useMounted-1e4cc87b.js';
+export { a as useDebounce, d as useGeolocation, b as useLazyInput, c as useLeafletMap, u as useTimeout } from './useGeolocation-c99d76bd.js';
+export { g as getCurrentNavItem, a as getCurrentNavPath, u as useScrollThrottle } from './navigation-e135836f.js';
+import { e as __spreadArray, f as __awaiter, g as __generator, _ as __assign } from './ClockFilled-cff5900e.js';
+export { h as hexToRgba } from './hexRgbConverter-edb91624.js';
+export { c as clampValue } from './clamp-12d37b65.js';
+export { a as isEmptyArray, i as isValidArray } from './arrays-65b644ef.js';
+export { c as concat, p as printAnchorTag } from './concat-ab3c66f2.js';
+import { c as getGlobals } from './styles-eca3acc8.js';
+export { e as getSVGDataImg } from './styles-eca3acc8.js';
+export { u as useObserverSupport } from './useObserverSupport-02bce7f5.js';
+export { s as selectors, u as useCookieConsent } from './useCookieConsent-cd262961.js';
+import 'styled-components';
+import 'react-dom/server';
+
+var useItemHeight = function () {
+  var _a = useState(null),
+      element = _a[0],
+      setElement = _a[1];
+
+  var _b = useState(0),
+      height = _b[0],
+      setHeight = _b[1];
+
+  useEffect(function () {
+    var calcHeight = function () {
+      if (element) setHeight(element.offsetHeight);
+    };
+
+    if (element) {
+      calcHeight();
+      window.addEventListener('resize', calcHeight);
+    }
+
+    return function () {
+      window.removeEventListener('resize', calcHeight);
+    };
+  }, [element]);
+  return {
+    setElement: setElement,
+    height: height
+  };
+};
+
+var ScrollDirection;
+
+(function (ScrollDirection) {
+  ScrollDirection[ScrollDirection["UP"] = 0] = "UP";
+  ScrollDirection[ScrollDirection["DOWN"] = 1] = "DOWN";
+})(ScrollDirection || (ScrollDirection = {}));
+
+var useScroll = function (_a) {
+  var _b = _a.initialTopOffset,
+      initialTopOffset = _b === void 0 ? 0 : _b,
+      onLeftOffset = _a.onLeftOffset,
+      onEnterOffset = _a.onEnterOffset;
+
+  var _c = useState(initialTopOffset),
+      topOffset = _c[0],
+      setTopOffset = _c[1];
+
+  var _d = useState(true),
+      isTop = _d[0],
+      setIsTop = _d[1];
+
+  var _e = useState(true),
+      isInOffset = _e[0],
+      setIsInOffset = _e[1];
+
+  var _f = useState(ScrollDirection.DOWN),
+      scrollDirection = _f[0],
+      setScrollDirection = _f[1];
+
+  var lastScrollPos = useRef(0);
+  useEffect(function () {
+    if (typeof window === 'undefined') return;
+
+    var handleScroll = function () {
+      setIsTop(window.pageYOffset <= 1);
+      setIsInOffset(window.pageYOffset <= 1 + topOffset);
+
+      if (lastScrollPos.current) {
+        // check if top offset is left
+        if (window.pageYOffset > 1 + topOffset && lastScrollPos.current <= 1 + topOffset) {
+          onLeftOffset && onLeftOffset();
+        } // check if top offset was joined
+
+
+        if (window.pageYOffset <= 1 + topOffset && lastScrollPos.current > 1 + topOffset) {
+          onEnterOffset && onEnterOffset();
+        }
+
+        setScrollDirection(function (prev) {
+          if (window.pageYOffset <= 1) return ScrollDirection.DOWN;
+          return window.pageYOffset > lastScrollPos.current ? ScrollDirection.DOWN : window.pageYOffset < lastScrollPos.current ? ScrollDirection.UP : prev;
+        });
+      }
+
+      lastScrollPos.current = window.pageYOffset;
+    };
+
+    handleScroll();
+    window.addEventListener('scroll', handleScroll);
+    return function () {
+      window.removeEventListener('scroll', handleScroll);
+    };
+  }, [lastScrollPos, onLeftOffset, onEnterOffset, scrollDirection, topOffset]);
+  return {
+    isTop: isTop,
+    isInOffset: isInOffset,
+    scrollDirection: scrollDirection,
+    setTopOffset: setTopOffset,
+    topOffset: topOffset
+  };
+};
+
+var canUseWebP = function () {
+  if (!isBrowser) return false;
+  var elem = document.createElement('canvas');
+
+  if (!(elem.getContext && elem.getContext('2d'))) {
+    // was able or not to get WebP representation
+    return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0;
+  } // very old browser like IE 8, canvas not supported
+
+
+  return false;
+};
+var usePoster = function (posterImage, mqs) {
+  var _a = useState(),
+      currentImage = _a[0],
+      setCurrentImage = _a[1];
+
+  var workingImage = posterImage.webp && canUseWebP() ? posterImage.webp : posterImage;
+  var currentMq = useMediaQuery(mqs || ['small', 'medium', 'semilarge', 'large', 'xlarge']);
+  useEffect(function () {
+    if (currentMq && workingImage[currentMq] && workingImage[currentMq] !== currentImage) {
+      setCurrentImage(workingImage[currentMq]);
+    }
+  }, [currentImage, currentMq, workingImage]);
+  return currentImage;
+};
+
+function useInterval(callback, delay) {
+  var callbackRef = useRef(callback);
+  var intervalRef = useRef(); // Remember the latest callback.
+
+  useEffect(function () {
+    callbackRef.current = callback;
+  }, [callback]);
+  var set = useCallback(function () {
+    intervalRef.current = window.setInterval(function () {
+      var _a;
+
+      return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef);
+    }, delay);
+  }, [delay]);
+  var clear = useCallback(function () {
+    intervalRef.current && window.clearTimeout(intervalRef.current);
+  }, []);
+  useEffect(function () {
+    set();
+    return clear;
+  }, [delay, set, clear]);
+  var reset = useCallback(function () {
+    clear();
+    set();
+  }, [clear, set]);
+  return {
+    clear: clear,
+    reset: reset
+  };
+}
+
+var useTouch = function () {
+  var _a = useState(false),
+      canTouch = _a[0],
+      setCanTouch = _a[1];
+
+  useEffect(function () {
+    setCanTouch('ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
+  }, []);
+  return canTouch;
+};
+
+var useArray = function (defaultValue) {
+  var _a = useState(defaultValue || []),
+      array = _a[0],
+      setArray = _a[1];
+
+  var push = function (element) {
+    if (Array.isArray(element)) {
+      setArray(function (prev) {
+        return __spreadArray(__spreadArray([], prev, true), element, true);
+      });
+    } else {
+      setArray(function (prev) {
+        return __spreadArray(__spreadArray([], prev, true), [element], false);
+      });
+    }
+  };
+
+  var pop = function () {
+    var lastEl;
+    setArray(function (prev) {
+      var copy = __spreadArray([], prev, true);
+
+      lastEl = copy.pop();
+      return copy;
+    });
+    return lastEl;
+  };
+
+  var filter = function (callback) {
+    setArray(function (prev) {
+      return prev.filter(callback);
+    });
+  };
+
+  var update = function (index, newEl) {
+    setArray(function (prev) {
+      return __spreadArray(__spreadArray(__spreadArray([], prev.slice(0, index), true), [newEl], false), prev.slice(index + 1, prev.length), true);
+    });
+  };
+
+  var remove = function (index) {
+    setArray(function (prev) {
+      return __spreadArray(__spreadArray([], prev.slice(0, index), true), prev.slice(index + 1, prev.length), true);
+    });
+  };
+
+  var clear = function () {
+    setArray([]);
+  };
+
+  return {
+    array: array,
+    set: setArray,
+    push: push,
+    filter: filter,
+    update: update,
+    remove: remove,
+    clear: clear,
+    pop: pop
+  };
+};
+
+var useImgPreload = function (imageUrls, mqs) {
+  if (mqs === void 0) {
+    mqs = ['semilarge', 'large'];
+  }
+
+  var _a = useState(false),
+      isReady = _a[0],
+      setReady = _a[1];
+
+  var _b = useState(false),
+      isLoaded = _b[0],
+      setLoaded = _b[1];
+
+  var currentMq = useMediaQuery(mqs);
+
+  var _c = useState({
+    small: [],
+    medium: [],
+    semilarge: [],
+    large: [],
+    xlarge: [],
+    xxlarge: [],
+    xxxLarge: []
+  }),
+      loadedImages = _c[0],
+      setLoadedImages = _c[1];
+
+  var preloadImages = function (imageUrls) {
+    var images = imageUrls.filter(function (img) {
+      return img;
+    }).map(function (src, i) {
+      return new Promise(function (res) {
+        var img = new window.Image();
+        img.src = src;
+
+        img.onload = function () {
+          return res({
+            url: src,
+            i: i
+          });
+        };
+      });
+    });
+    return images;
+  };
+
+  useEffect(function () {
+    if (isReady && loadedImages && currentMq) {
+      var loadedForMq = loadedImages[currentMq];
+
+      if (loadedForMq.length < imageUrls.length && imageUrls.length > 0) {
+        var requestedImages = imageUrls.map(function (img) {
+          return img[currentMq];
+        });
+
+        var resolve = function (items) {
+          return __awaiter(void 0, void 0, void 0, function () {
+            var _loop_1, _i, items_1, item;
+
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  _loop_1 = function (item) {
+                    var x;
+                    return __generator(this, function (_b) {
+                      switch (_b.label) {
+                        case 0:
+                          return [4
+                          /*yield*/
+                          , item];
+
+                        case 1:
+                          x = _b.sent();
+                          setLoadedImages(function (prev) {
+                            var _a; // check if image id already exists in array
+
+
+                            if (!prev[currentMq].find(function (e) {
+                              return e.id === x.i;
+                            })) {
+                              return __assign(__assign({}, prev), (_a = {}, _a[currentMq] = __spreadArray(__spreadArray([], prev[currentMq], true), [{
+                                id: x.i,
+                                image: x.url
+                              }], false), _a));
+                            } else return prev;
+                          });
+                          return [2
+                          /*return*/
+                          ];
+                      }
+                    });
+                  };
+
+                  _i = 0, items_1 = items;
+                  _a.label = 1;
+
+                case 1:
+                  if (!(_i < items_1.length)) return [3
+                  /*break*/
+                  , 4];
+                  item = items_1[_i];
+                  return [5
+                  /*yield**/
+                  , _loop_1(item)];
+
+                case 2:
+                  _a.sent();
+
+                  _a.label = 3;
+
+                case 3:
+                  _i++;
+                  return [3
+                  /*break*/
+                  , 1];
+
+                case 4:
+                  return [2
+                  /*return*/
+                  ];
+              }
+            });
+          });
+        };
+
+        resolve(preloadImages(requestedImages));
+      }
+    }
+  }, [currentMq, imageUrls, isReady, loadedImages]);
+  useEffect(function () {
+    if (loadedImages && currentMq) {
+      var imgCount = imageUrls.filter(function (img) {
+        return img[currentMq];
+      }).length;
+      setLoaded(loadedImages[currentMq].length >= imgCount);
+    }
+  }, [currentMq, imageUrls, loadedImages]);
+  return {
+    loadedImages: currentMq && loadedImages[currentMq],
+    isLoaded: isLoaded,
+    setReady: setReady
+  };
+};
+
+var getBgImage = function (bgImage, mq) {
+  switch (mq) {
+    default:
+    case 'small':
+      return bgImage.small;
+
+    case 'medium':
+      return bgImage.medium || bgImage.semilarge || bgImage.large || bgImage.xlarge || bgImage.small;
+
+    case 'semilarge':
+      return bgImage.semilarge || bgImage.large || bgImage.xlarge || bgImage.medium || bgImage.small;
+
+    case 'large':
+      return bgImage.large || bgImage.xlarge || bgImage.semilarge || bgImage.medium || bgImage.small;
+
+    case 'xlarge':
+      return bgImage.xlarge || bgImage.large || bgImage.semilarge || bgImage.medium || bgImage.small;
+  }
+};
+
+var importFonts = function (fonts) {
+  return React__default.createElement(React__default.Fragment, null, fonts && fonts.length > 0 && React__default.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: fonts === null || fonts === void 0 ? void 0 : fonts.reduce(function (acc, current) {
+        var _a;
+
+        if (current === null || current === void 0 ? void 0 : current.fallbacks) {
+          acc += (_a = current === null || current === void 0 ? void 0 : current.fallbacks) === null || _a === void 0 ? void 0 : _a.reduce(function (fallAcc, f) {
+            fallAcc += "@font-face { font-family: '".concat(f.name, "'; size-adjust: ").concat(f.sizeAdjust, "; src: local('").concat(f.altFont, "'); } ");
+            return fallAcc;
+          }, '');
+          return acc;
+        } else return acc;
+      }, '')
+    }
+  }), fonts === null || fonts === void 0 ? void 0 : fonts.map(function (font, i) {
+    return React__default.createElement("link", {
+      key: i,
+      rel: "preconnect",
+      href: font.rootPath,
+      crossOrigin: "true"
+    });
+  }), fonts === null || fonts === void 0 ? void 0 : fonts.map(function (font, i) {
+    return React__default.createElement("link", {
+      key: i,
+      rel: "preload",
+      as: "style",
+      href: font.sourcePath
+    });
+  }), React__default.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: "</style>".concat(fonts === null || fonts === void 0 ? void 0 : fonts.reduce(function (prev, current) {
+        return prev += "\n                                <link rel=\"stylesheet\" href=\"".concat(current.sourcePath, "\" media=\"print\" onload=\"this.media='all'\" />");
+      }, ''), "<style>")
+    }
+  }), React__default.createElement("noscript", null, fonts === null || fonts === void 0 ? void 0 : fonts.map(function (font, i) {
+    return React__default.createElement("link", {
+      key: i,
+      rel: "stylesheet",
+      href: font.sourcePath
+    });
+  })));
+};
+
+var getLinkIcon = function (theme, href, isInverted) {
+  var _a;
+
+  var linkIcons = getGlobals(theme).icons.linkIcons;
+  var fileExtension = ".".concat((href === null || href === void 0 ? void 0 : href.split('.').pop()) || '');
+  var result = linkIcons.find(function (icon) {
+    var _a;
+
+    return (_a = icon.patterns) === null || _a === void 0 ? void 0 : _a.find(function (pattern) {
+      return pattern.match(fileExtension);
+    });
+  });
+  return (result === null || result === void 0 ? void 0 : result.iconChar) || ((_a = result === null || result === void 0 ? void 0 : result.iconUrl) === null || _a === void 0 ? void 0 : _a.call(result, isInverted)) || '';
+};
+
+var isSupported = typeof window !== 'undefined' && 'URLSearchParams' in window;
+
+var getParamsObj = function (params) {
+  var obj = {};
+  var paramsObj = Object.fromEntries(params || new URLSearchParams(window.location.search));
+
+  for (var param in paramsObj) {
+    var value = paramsObj[param];
+
+    if (typeof value === 'string') {
+      value = decodeURIComponent(value);
+    }
+
+    obj[param] = value;
+  }
+
+  return obj;
+};
+
+var useParams = function () {
+  var _a = useState({}),
+      params = _a[0],
+      setParams = _a[1];
+
+  useEffect(function () {
+    if (!isSupported) return;
+    setParams(getParamsObj());
+  }, []);
+  var update = useCallback(function (key, value) {
+    if (!isSupported) return;
+
+    var newParams = __assign({}, params);
+
+    newParams[key] = value;
+    var currentParams = new URLSearchParams(window.location.search);
+
+    for (var param in newParams) {
+      currentParams.set(param, encodeURIComponent(newParams[param]));
+    }
+
+    setParams(getParamsObj(currentParams));
+    window.history.replaceState({}, '', "".concat(location.pathname, "?").concat(currentParams.toString() + location.hash));
+  }, [params]);
+  return {
+    params: params,
+    update: update
+  };
+};
+
+export { ScrollDirection, canUseWebP, getBgImage, getLinkIcon, importFonts, useArray, useImgPreload, useInterval, useItemHeight, useParams, usePoster, useScroll, useTouch };
+//# sourceMappingURL=hooks.js.map