@bpd-library/utilities 1.2.9 → 1.2.10-beta.2

package/dist/esm/hooks/use-lazy.js

@@ -0,0 +1,47 @@
+import { useRef, useElement } from '@atomify/hooks';
+
+const LAZY_HOOKS = {
+    LAZY_LOADING_HOOK: 'data-lazy-loading',
+    LAZY_ERROR_HOOK: 'data-lazy-error',
+    LAZY_SUCCESS_HOOK: 'data-lazy-success',
+};
+const LAZY_STATES = {
+    ERROR: 'error',
+    LOADING: 'loading',
+    SUCCESS: 'success',
+};
+const useLazy = ({ fetcher, loadingResult, errorResult, successResult, }) => {
+    const LazyResult = useRef(loadingResult);
+    const lazyLoadingResult = useElement(`[${LAZY_HOOKS.LAZY_LOADING_HOOK}]`);
+    const lazyErrorResult = useElement(`${[LAZY_HOOKS.LAZY_ERROR_HOOK]}`);
+    const lazySuccessResult = useElement(`${[LAZY_HOOKS.LAZY_SUCCESS_HOOK]}`);
+    const response = useRef(null);
+    const state = useRef(LAZY_STATES.LOADING);
+    async function initFetcher() {
+        const activeChild = lazyLoadingResult.current ||
+            lazySuccessResult.current ||
+            lazyErrorResult.current ||
+            false;
+        if (state.current !== LAZY_STATES.LOADING) {
+            state.current = LAZY_STATES.LOADING;
+        }
+        try {
+            const data = await fetcher();
+            response.current = data;
+            if (activeChild && activeChild.parentNode) {
+                activeChild.parentNode.replaceChild(successResult(data), activeChild);
+            }
+            state.current = LAZY_STATES.SUCCESS;
+        }
+        catch (error) {
+            if (activeChild && activeChild.parentNode) {
+                activeChild.parentNode.replaceChild(errorResult(), activeChild);
+            }
+            state.current = LAZY_STATES.ERROR;
+        }
+    }
+    return [LazyResult.current, initFetcher, response, state];
+};
+
+export { LAZY_HOOKS, LAZY_STATES, useLazy };
+//# sourceMappingURL=use-lazy.js.map

package/dist/esm/hooks/use-lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lazy.js","sources":["../../../src/hooks/use-lazy.ts"],"sourcesContent":["import { useElement, useRef } from '@atomify/hooks';\nimport { MutableRefObject } from '@atomify/hooks/dist/hooks';\n\ntype LazyResult = HTMLElement;\n\ninterface UseLazyProps<T> {\n    fetcher: () => Promise<T>;\n    loadingResult: () => LazyResult;\n    errorResult: () => LazyResult;\n    successResult: (data?: T) => LazyResult;\n}\n\ntype LazyReturn<T> = [\n    () => LazyResult,\n    () => Promise<void>,\n    MutableRefObject<T | null>,\n    MutableRefObject<string>,\n];\n\nexport const LAZY_HOOKS = {\n    LAZY_LOADING_HOOK: 'data-lazy-loading',\n    LAZY_ERROR_HOOK: 'data-lazy-error',\n    LAZY_SUCCESS_HOOK: 'data-lazy-success',\n};\n\nexport const LAZY_STATES = {\n    ERROR: 'error',\n    LOADING: 'loading',\n    SUCCESS: 'success',\n};\n\nexport const useLazy = <T = any>({\n    fetcher,\n    loadingResult,\n    errorResult,\n    successResult,\n}: UseLazyProps<T>): LazyReturn<T> => {\n    const LazyResult = useRef<() => LazyResult>(loadingResult);\n    const lazyLoadingResult = useElement<HTMLElement>(`[${LAZY_HOOKS.LAZY_LOADING_HOOK}]`);\n    const lazyErrorResult = useElement<HTMLElement>(`${[LAZY_HOOKS.LAZY_ERROR_HOOK]}`);\n    const lazySuccessResult = useElement<HTMLElement>(`${[LAZY_HOOKS.LAZY_SUCCESS_HOOK]}`);\n    const response = useRef<T | null>(null);\n    const state = useRef<string>(LAZY_STATES.LOADING);\n\n    async function initFetcher() {\n        const activeChild =\n            lazyLoadingResult.current ||\n            lazySuccessResult.current ||\n            lazyErrorResult.current ||\n            false;\n\n        if (state.current !== LAZY_STATES.LOADING) {\n            state.current = LAZY_STATES.LOADING;\n        }\n\n        try {\n            const data = await fetcher();\n\n            response.current = data;\n\n            if (activeChild && activeChild.parentNode) {\n                activeChild.parentNode.replaceChild(successResult(data), activeChild);\n            }\n\n            state.current = LAZY_STATES.SUCCESS;\n        } catch (error) {\n            if (activeChild && activeChild.parentNode) {\n                activeChild.parentNode.replaceChild(errorResult(), activeChild);\n            }\n\n            state.current = LAZY_STATES.ERROR;\n        }\n    }\n\n    return [LazyResult.current, initFetcher, response, state];\n};\n"],"names":[],"mappings":";;MAmBa,UAAU,GAAG;IACtB,iBAAiB,EAAE,mBAAmB;IACtC,eAAe,EAAE,iBAAiB;IAClC,iBAAiB,EAAE,mBAAmB;EACxC;MAEW,WAAW,GAAG;IACvB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;EACpB;MAEW,OAAO,GAAG,CAAU,EAC7B,OAAO,EACP,aAAa,EACb,WAAW,EACX,aAAa,GACC;IACd,MAAM,UAAU,GAAG,MAAM,CAAmB,aAAa,CAAC,CAAC;IAC3D,MAAM,iBAAiB,GAAG,UAAU,CAAc,IAAI,UAAU,CAAC,iBAAiB,GAAG,CAAC,CAAC;IACvF,MAAM,eAAe,GAAG,UAAU,CAAc,GAAG,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;IACnF,MAAM,iBAAiB,GAAG,UAAU,CAAc,GAAG,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACvF,MAAM,QAAQ,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IACxC,MAAM,KAAK,GAAG,MAAM,CAAS,WAAW,CAAC,OAAO,CAAC,CAAC;IAElD,eAAe,WAAW;QACtB,MAAM,WAAW,GACb,iBAAiB,CAAC,OAAO;YACzB,iBAAiB,CAAC,OAAO;YACzB,eAAe,CAAC,OAAO;YACvB,KAAK,CAAC;QAEV,IAAI,KAAK,CAAC,OAAO,KAAK,WAAW,CAAC,OAAO,EAAE;YACvC,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;SACvC;QAED,IAAI;YACA,MAAM,IAAI,GAAG,MAAM,OAAO,EAAE,CAAC;YAE7B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YAExB,IAAI,WAAW,IAAI,WAAW,CAAC,UAAU,EAAE;gBACvC,WAAW,CAAC,UAAU,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC;aACzE;YAED,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;SACvC;QAAC,OAAO,KAAK,EAAE;YACZ,IAAI,WAAW,IAAI,WAAW,CAAC,UAAU,EAAE;gBACvC,WAAW,CAAC,UAAU,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,WAAW,CAAC,CAAC;aACnE;YAED,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC;SACrC;KACJ;IAED,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC9D;;;;"}

package/dist/esm/hooks/use-map-storage.js

@@ -0,0 +1,16 @@
+const useMapStorage = () => {
+    const mapStorage = new Map();
+    const setItem = (key, value) => mapStorage.set(key, value);
+    const getItem = (key) => mapStorage.get(key);
+    const hasItem = (key) => mapStorage.has(key);
+    const deleteItem = (key) => mapStorage.delete(key);
+    return {
+        setItem,
+        getItem,
+        hasItem,
+        deleteItem,
+    };
+};
+
+export { useMapStorage };
+//# sourceMappingURL=use-map-storage.js.map

package/dist/esm/hooks/use-map-storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-map-storage.js","sources":["../../../src/hooks/use-map-storage.ts"],"sourcesContent":["export const useMapStorage = <T = any, V = any>() => {\n    const mapStorage = new Map<T, V>();\n\n    const setItem = (key: T, value: V) => mapStorage.set(key, value);\n\n    const getItem = (key: T) => mapStorage.get(key);\n\n    const hasItem = (key: T) => mapStorage.has(key);\n\n    const deleteItem = (key: T) => mapStorage.delete(key);\n\n    return {\n        setItem,\n        getItem,\n        hasItem,\n        deleteItem,\n    };\n};\n"],"names":[],"mappings":"MAAa,aAAa,GAAG;IACzB,MAAM,UAAU,GAAG,IAAI,GAAG,EAAQ,CAAC;IAEnC,MAAM,OAAO,GAAG,CAAC,GAAM,EAAE,KAAQ,KAAK,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,CAAC,GAAM,KAAK,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEhD,MAAM,OAAO,GAAG,CAAC,GAAM,KAAK,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,CAAC,GAAM,KAAK,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAEtD,OAAO;QACH,OAAO;QACP,OAAO;QACP,OAAO;QACP,UAAU;KACb,CAAC;AACN;;;;"}

package/dist/esm/hooks/use-scroll-position.js

@@ -0,0 +1,23 @@
+import { useRef, useListen } from '@atomify/hooks';
+import { rafThrottle } from '../raf-throttle.js';
+
+const useScrollPosition = (callback, useWindow) => {
+    const position = useRef(getScrollPosition(useWindow));
+    function setScrollPosition() {
+        const currentPosition = getScrollPosition(useWindow);
+        callback({ prevPosition: position.current, currentPosition });
+        position.current = currentPosition;
+    }
+    const throttle = rafThrottle(setScrollPosition);
+    useListen(window, 'scroll', throttle);
+};
+function getScrollPosition(useWindow) {
+    const target = document.body;
+    const position = target.getBoundingClientRect();
+    return useWindow
+        ? { x: window.scrollX, y: window.scrollY }
+        : { x: position.left, y: position.top };
+}
+
+export { useScrollPosition };
+//# sourceMappingURL=use-scroll-position.js.map

package/dist/esm/hooks/use-scroll-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-position.js","sources":["../../../src/hooks/use-scroll-position.ts"],"sourcesContent":["import { useListen, useRef } from '@atomify/hooks';\n\nimport { rafThrottle } from '../raf-throttle';\n\ntype ScrollPosition = { x: number; y: number };\nexport type ScrollCallback = {\n    prevPosition: ScrollPosition;\n    currentPosition: ScrollPosition;\n};\n\n/**\n * Hook that returns the browser viewport X and Y scroll position.\n * @param {({\n *         currentPosition,\n *         prevPosition,\n *     }: {\n *         prevPosition: ScrollPosition;\n *         currentPosition: ScrollPosition;\n *     }) => void} callback\n * @param {boolean} [useWindow]\n * @param {number} [wait]\n */\nexport const useScrollPosition = (\n    callback: ({ currentPosition, prevPosition }: ScrollCallback) => void,\n    useWindow?: boolean,\n) => {\n    const position = useRef<ScrollPosition>(getScrollPosition(useWindow));\n\n    function setScrollPosition() {\n        const currentPosition = getScrollPosition(useWindow);\n        callback({ prevPosition: position.current, currentPosition });\n        position.current = currentPosition;\n    }\n\n    const throttle = rafThrottle(setScrollPosition);\n\n    useListen(window, 'scroll', throttle);\n};\n\n/**\n * Returns the current scroll position\n * @param {(boolean | undefined)} useWindow\n * @returns\n */\nfunction getScrollPosition(useWindow: boolean | undefined) {\n    const target = document.body;\n    const position = target.getBoundingClientRect();\n\n    return useWindow\n        ? { x: window.scrollX, y: window.scrollY }\n        : { x: position.left, y: position.top };\n}\n"],"names":[],"mappings":";;;MAsBa,iBAAiB,GAAG,CAC7B,QAAqE,EACrE,SAAmB;IAEnB,MAAM,QAAQ,GAAG,MAAM,CAAiB,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;IAEtE,SAAS,iBAAiB;QACtB,MAAM,eAAe,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACrD,QAAQ,CAAC,EAAE,YAAY,EAAE,QAAQ,CAAC,OAAO,EAAE,eAAe,EAAE,CAAC,CAAC;QAC9D,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC;KACtC;IAED,MAAM,QAAQ,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAEhD,SAAS,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC1C,EAAE;AAOF,SAAS,iBAAiB,CAAC,SAA8B;IACrD,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC7B,MAAM,QAAQ,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAEhD,OAAO,SAAS;UACV,EAAE,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE;UACxC,EAAE,CAAC,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC;AAChD;;;;"}

package/dist/esm/hooks/use-scroll-to.js

@@ -0,0 +1,66 @@
+const ST_DURATION = 500;
+const ST_OFFSET = 50;
+const useScrollTo = (options = {}) => {
+    function to(target) {
+        const scrollConfig = {
+            position: target.getBoundingClientRect(),
+            offset: options.offset || ST_OFFSET,
+            duration: options.duration || ST_DURATION,
+            scrollElement: options.scrollElement || null,
+            delay: options.delay || 0,
+        };
+        return scrollTo(scrollConfig);
+    }
+    return to;
+};
+function scrollTo({ position, offset, duration, scrollElement, delay, }) {
+    return new Promise(resolve => {
+        const scrollPosition = window.scrollY === undefined ? window.pageYOffset : window.scrollY;
+        const to = parseInt((position.top + scrollPosition - offset).toFixed(0), 10);
+        const start = scrollElement
+            ? scrollElement.scrollTop
+            : Math.max(document.body.scrollTop, document.documentElement.scrollTop);
+        const change = to - start;
+        let currentTime = 0;
+        const increment = 10;
+        const direction = to > start ? 1 : 0;
+        let timeout;
+        const animate = () => {
+            currentTime += increment;
+            const val = parseInt(easeInOutQuad(currentTime, start, change, duration).toFixed(0), 10);
+            if (scrollElement) {
+                scrollElement.scrollTop = val;
+            }
+            else {
+                document.body.scrollTop = val;
+                document.documentElement.scrollTop = val;
+            }
+            if ((val >= to && direction === 1) || (val <= to && direction === 0)) {
+                resolve();
+            }
+            else {
+                requestAnimationFrame(animate);
+            }
+        };
+        if (delay > 0) {
+            timeout = setTimeout(() => {
+                animate();
+                clearTimeout(timeout);
+            }, delay);
+        }
+        else {
+            animate();
+        }
+    });
+}
+function easeInOutQuad(t, b, c, d) {
+    t /= d / 2;
+    if (t < 1) {
+        return (c / 2) * t * t + b;
+    }
+    t--;
+    return (-c / 2) * (t * (t - 2) - 1) + b;
+}
+
+export { useScrollTo };
+//# sourceMappingURL=use-scroll-to.js.map

package/dist/esm/hooks/use-scroll-to.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-to.js","sources":["../../../src/hooks/use-scroll-to.ts"],"sourcesContent":["const ST_DURATION = 500;\nconst ST_OFFSET = 50;\n\ninterface ScrollOptions {\n    offset?: number;\n    duration?: number;\n    scrollElement?: HTMLElement;\n    delay?: number;\n}\n\nexport const useScrollTo = (options: ScrollOptions = {}) => {\n    function to(target: HTMLElement) {\n        const scrollConfig = {\n            position: target.getBoundingClientRect(),\n            offset: options.offset || ST_OFFSET,\n            duration: options.duration || ST_DURATION,\n            scrollElement: options.scrollElement || null,\n            delay: options.delay || 0,\n        };\n\n        return scrollTo(scrollConfig);\n    }\n\n    return to;\n};\n\n/**\n * Scrolls to an element\n * @param {({\n *     position: DOMRect;\n *     offset: number;\n *     duration: number;\n *     scrollElement: HTMLElement | null;\n * })} {\n *     position,\n *     offset,\n *     duration,\n *     scrollElement,\n * }\n * @returns\n */\nfunction scrollTo({\n    position,\n    offset,\n    duration,\n    scrollElement,\n    delay,\n}: {\n    position: DOMRect;\n    offset: number;\n    duration: number;\n    scrollElement: HTMLElement | null;\n    delay: number;\n}) {\n    return new Promise(resolve => {\n        const scrollPosition = window.scrollY === undefined ? window.pageYOffset : window.scrollY;\n        const to = parseInt((position.top + scrollPosition - offset).toFixed(0), 10);\n        const start = scrollElement\n            ? scrollElement.scrollTop\n            : Math.max(document.body.scrollTop, document.documentElement.scrollTop);\n        const change = to - start;\n        let currentTime = 0;\n        const increment = 10;\n        const direction = to > start ? 1 : 0;\n\n        let timeout: any;\n\n        const animate = () => {\n            currentTime += increment;\n            const val = parseInt(\n                easeInOutQuad(currentTime, start, change, duration).toFixed(0),\n                10,\n            );\n\n            if (scrollElement) {\n                scrollElement.scrollTop = val;\n            } else {\n                document.body.scrollTop = val;\n                document.documentElement.scrollTop = val;\n            }\n\n            if ((val >= to && direction === 1) || (val <= to && direction === 0)) {\n                resolve();\n            } else {\n                requestAnimationFrame(animate);\n            }\n        };\n\n        if (delay > 0) {\n            timeout = setTimeout(() => {\n                animate();\n                clearTimeout(timeout);\n            }, delay);\n        } else {\n            animate();\n        }\n    });\n}\n\nfunction easeInOutQuad(t: number, b: number, c: number, d: number) {\n    t /= d / 2;\n    if (t < 1) {\n        return (c / 2) * t * t + b;\n    }\n    t--;\n    return (-c / 2) * (t * (t - 2) - 1) + b;\n}\n"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG,GAAG,CAAC;AACxB,MAAM,SAAS,GAAG,EAAE,CAAC;MASR,WAAW,GAAG,CAAC,UAAyB,EAAE;IACnD,SAAS,EAAE,CAAC,MAAmB;QAC3B,MAAM,YAAY,GAAG;YACjB,QAAQ,EAAE,MAAM,CAAC,qBAAqB,EAAE;YACxC,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,SAAS;YACnC,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,WAAW;YACzC,aAAa,EAAE,OAAO,CAAC,aAAa,IAAI,IAAI;YAC5C,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;SAC5B,CAAC;QAEF,OAAO,QAAQ,CAAC,YAAY,CAAC,CAAC;KACjC;IAED,OAAO,EAAE,CAAC;AACd,EAAE;AAiBF,SAAS,QAAQ,CAAC,EACd,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,aAAa,EACb,KAAK,GAOR;IACG,OAAO,IAAI,OAAO,CAAC,OAAO;QACtB,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,KAAK,SAAS,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC;QAC1F,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,QAAQ,CAAC,GAAG,GAAG,cAAc,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC7E,MAAM,KAAK,GAAG,aAAa;cACrB,aAAa,CAAC,SAAS;cACvB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC5E,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,CAAC;QAC1B,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,MAAM,SAAS,GAAG,EAAE,CAAC;QACrB,MAAM,SAAS,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;QAErC,IAAI,OAAY,CAAC;QAEjB,MAAM,OAAO,GAAG;YACZ,WAAW,IAAI,SAAS,CAAC;YACzB,MAAM,GAAG,GAAG,QAAQ,CAChB,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAC9D,EAAE,CACL,CAAC;YAEF,IAAI,aAAa,EAAE;gBACf,aAAa,CAAC,SAAS,GAAG,GAAG,CAAC;aACjC;iBAAM;gBACH,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC;gBAC9B,QAAQ,CAAC,eAAe,CAAC,SAAS,GAAG,GAAG,CAAC;aAC5C;YAED,IAAI,CAAC,GAAG,IAAI,EAAE,IAAI,SAAS,KAAK,CAAC,MAAM,GAAG,IAAI,EAAE,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;gBAClE,OAAO,EAAE,CAAC;aACb;iBAAM;gBACH,qBAAqB,CAAC,OAAO,CAAC,CAAC;aAClC;SACJ,CAAC;QAEF,IAAI,KAAK,GAAG,CAAC,EAAE;YACX,OAAO,GAAG,UAAU,CAAC;gBACjB,OAAO,EAAE,CAAC;gBACV,YAAY,CAAC,OAAO,CAAC,CAAC;aACzB,EAAE,KAAK,CAAC,CAAC;SACb;aAAM;YACH,OAAO,EAAE,CAAC;SACb;KACJ,CAAC,CAAC;AACP,CAAC;AAED,SAAS,aAAa,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,CAAS;IAC7D,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACX,IAAI,CAAC,GAAG,CAAC,EAAE;QACP,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;KAC9B;IACD,CAAC,EAAE,CAAC;IACJ,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC5C;;;;"}

package/dist/esm/hooks/use-stylesheet.js

@@ -0,0 +1,8 @@
+import { useStyles, unsafeCSS } from '@atomify/hooks';
+
+function useStylesheet(style) {
+    useStyles(() => unsafeCSS(style));
+}
+
+export { useStylesheet };
+//# sourceMappingURL=use-stylesheet.js.map

package/dist/esm/hooks/use-stylesheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stylesheet.js","sources":["../../../src/hooks/use-stylesheet.ts"],"sourcesContent":["import { unsafeCSS, useStyles } from '@atomify/hooks';\n/**\n * Add styling through imported css files (Webpack)\n * @export\n * @param {string} style\n */\nexport function useStylesheet(style: string) {\n    useStyles(() => unsafeCSS(style));\n}\n"],"names":[],"mappings":";;SAMgB,aAAa,CAAC,KAAa;IACvC,SAAS,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;AACtC;;;;"}

package/dist/esm/hooks/use-url-params.js

@@ -0,0 +1,31 @@
+import QueryString from 'query-string';
+import { useHistory } from './use-history.js';
+
+const useUrlParams = () => {
+    function pushParams(param, value) {
+        const { push } = useHistory();
+        const url = window.location.href.split('?');
+        const parsed = QueryString.parse(location.search);
+        parsed[param] = value;
+        const stringified = QueryString.stringify(parsed);
+        const pageUrl = `${url[0]}?${stringified}`;
+        push(pageUrl);
+    }
+    function getParams(param) {
+        const parsed = QueryString.parse(location.search);
+        return parsed[param];
+    }
+    function clearParams() {
+        const { push } = useHistory();
+        const url = window.location.href.split('?');
+        push(url[0]);
+    }
+    return {
+        push: pushParams,
+        get: getParams,
+        clear: clearParams,
+    };
+};
+
+export { useUrlParams };
+//# sourceMappingURL=use-url-params.js.map

package/dist/esm/hooks/use-url-params.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-url-params.js","sources":["../../../src/hooks/use-url-params.ts"],"sourcesContent":["import QueryString from 'query-string';\n\nimport { useHistory } from './use-history';\n\nexport const useUrlParams = () => {\n    function pushParams(param: string, value: string) {\n        const { push } = useHistory();\n        const url = window.location.href.split('?');\n\n        const parsed = QueryString.parse(location.search);\n\n        parsed[param] = value;\n\n        const stringified = QueryString.stringify(parsed);\n        const pageUrl = `${url[0]}?${stringified}`;\n\n        push(pageUrl);\n    }\n\n    function getParams(param: string) {\n        const parsed = QueryString.parse(location.search);\n\n        return parsed[param];\n    }\n\n    function clearParams() {\n        const { push } = useHistory();\n        const url = window.location.href.split('?');\n\n        push(url[0]);\n    }\n\n    return {\n        push: pushParams,\n        get: getParams,\n        clear: clearParams,\n    };\n};\n"],"names":[],"mappings":";;;MAIa,YAAY,GAAG;IACxB,SAAS,UAAU,CAAC,KAAa,EAAE,KAAa;QAC5C,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;QAC9B,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE5C,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAElD,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;QAEtB,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,WAAW,EAAE,CAAC;QAE3C,IAAI,CAAC,OAAO,CAAC,CAAC;KACjB;IAED,SAAS,SAAS,CAAC,KAAa;QAC5B,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAElD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;KACxB;IAED,SAAS,WAAW;QAChB,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;QAC9B,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE5C,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;KAChB;IAED,OAAO;QACH,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,WAAW;KACrB,CAAC;AACN;;;;"}

package/dist/esm/index.js

@@ -0,0 +1,40 @@
+export { APIClient } from './api/index.js';
+export { apartmentBuildingDeleteApartmentBuilding, apartmentBuildingGetByExternalId, apartmentBuildingQuery, apartmentBuildingUpdateApartmentBuilding, areaProjectGetById, areaProjectQuery, cityGetById, cityGetByName, cityQuery, communityRedirectAsset, constructionNumberGetById, constructionNumberQuery, countryGetById, countryGetByIsoCode, countryQuery, districtGetById, districtQuery, formCase, formDynamic, formLead, fundaCompareFundaObjectRevisionChanges, fundaExecuteFundaPublisher, fundaGet, fundaGetActiveBrokersInGateway, fundaGetAllGwnVersionsByProjectId, fundaQuery, fundaRemoveVersionFromGwn, fundaShowConvertedFundaObject, fundaShowFundaProjectLogs, fundaShowLastSubmittedProject, fundaSubmit, fundaValidate, geoFeatureDeleteGeoFeature, geoFeatureUpsertAreaFeatures, geoFeatureUpsertGeoFeature, grantGetById, grantQuery, projectPhaseGetById, projectPhaseQuery, propertyTypeGetById, propertyTypeQuery, provinceGetById, provinceGetByName, provinceQuery, regionGetById, regionQuery, resourceDeleteResource, resourceUpdateResource } from './generated/bpd-client.js';
+export { elements } from './dom/dom.js';
+export { useScrollPosition } from './hooks/use-scroll-position.js';
+export { useStylesheet } from './hooks/use-stylesheet.js';
+export { useClickOutside } from './hooks/use-click-outside.js';
+export { useHistory } from './hooks/use-history.js';
+export { useScrollTo } from './hooks/use-scroll-to.js';
+export { useUrlParams } from './hooks/use-url-params.js';
+export { useMapStorage } from './hooks/use-map-storage.js';
+export { LAZY_HOOKS, LAZY_STATES, useLazy } from './hooks/use-lazy.js';
+export { useUsingKeyboard } from './hooks/use-keyboard-focus.js';
+export { useFormChanges } from './hooks/use-form-changes.js';
+export { ATOMS, DESIGN_SYSTEM, MOLECULES, ORGANISMS } from './constants/index.js';
+export { debounce } from './debounce.js';
+export { DetectTouch, detectTouch } from './is-touch.js';
+export { environment } from './environment.js';
+export { rafThrottle } from './raf-throttle.js';
+export { deviceWidth, getCurrentBreakpoint, max, mediaIsMatch, mediaWatcher, min, useMedia } from './media-query/media-query.js';
+export { functionIsTrue } from './function-is-true.js';
+export { getDistrictStatus } from './api-utilities/district-status.js';
+export { filterApartmentBuildings, filterAreaProjects, filterConstructionNumbers, filterDistricts, filterProjectPhases, filterPropertyTypes, findApartmentBuilding, findAreaProject, findConstructionNumber, findDistrict, findProjectPhase, findPropertyType } from './api-utilities/find-filter.js';
+export { showPrice } from './api-utilities/show-price.js';
+export { getApiObjectCenter, getApiObjectCoordinates, validateCoordinates } from './api-utilities/get/coordinates.js';
+export { getApiObjectLayerRaster } from './api-utilities/get/layer-raster.js';
+export { mergeDecimalRange } from './api-utilities/decimal-range/merge-decimal-range.js';
+export { mergeConstructionNumberSpecification, mergePropertySpecification } from './api-utilities/decimal-range/merge-specification-range.js';
+export { calculateBoundingBox, calculateBoundingBoxCenter, calculateCenter, calculateDistance, calculateMapDataBoundingBox, calculateMapDataCenter, expandBoundingBox, mergeBoundingBoxes, withinBoundingBox } from './geometry/geometry.js';
+export { COUNTRY_BBOX, getCountryBoundingBox } from './geometry/country-bounding-box.js';
+export { betweenDates, calculateDifferenceInDays } from './date.js';
+export { putThousandsSeparators, round, toCurrency } from './to-currency.js';
+export { getExtendedModelPriceRange } from './extended-api-models/utilities/extended-model-price-range.js';
+export { getApartmentBuildingView, getApartmentBuildingViewById } from './extended-api-models/utilities/apartment-building-view.js';
+export { isApartment } from './extended-api-models/utilities/is-apartment.js';
+export { findExtendedObjectById } from './extended-api-models/utilities/find-extended-object.js';
+export { extendedArea } from './extended-api-models/extended-area.js';
+export { getExtendedAreaProjects } from './extended-api-models/extended-area-projects.js';
+export { throttle } from './throttle.js';
+export { breakpoints } from './media-query/breakpoints.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/is-touch.js

@@ -0,0 +1,32 @@
+const IS_TOUCH = 'is-touch';
+const WITH_MOUSE = `${IS_TOUCH}--with-mouse`;
+const html = document.documentElement;
+class DetectTouch {
+    constructor() {
+        this.hasMouse = false;
+        this.touch =
+            'ontouchstart' in html ||
+                navigator.maxTouchPoints > 0 ||
+                navigator.msMaxTouchPoints > 0;
+        html.addEventListener('touchstart', () => {
+            html.removeEventListener('mousemove', () => this.handleMouseEvent());
+        });
+        html.addEventListener('mousemove', () => this.handleMouseEvent());
+        if (this.touch) {
+            html.classList.add(IS_TOUCH);
+        }
+    }
+    get isTouchDevice() {
+        return this.touch;
+    }
+    handleMouseEvent() {
+        if (!this.hasMouse && html.classList.contains(IS_TOUCH)) {
+            html.classList.add(WITH_MOUSE);
+            this.hasMouse = true;
+        }
+    }
+}
+const detectTouch = new DetectTouch();
+
+export { DetectTouch, detectTouch };
+//# sourceMappingURL=is-touch.js.map

package/dist/esm/is-touch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-touch.js","sources":["../../src/is-touch.ts"],"sourcesContent":["const IS_TOUCH = 'is-touch';\nconst WITH_MOUSE = `${IS_TOUCH}--with-mouse`;\nconst html = document.documentElement;\n\nexport class DetectTouch {\n    touch: boolean;\n    hasMouse: boolean;\n\n    get isTouchDevice() {\n        return this.touch;\n    }\n\n    constructor() {\n        this.hasMouse = false;\n        this.touch =\n            'ontouchstart' in html ||\n            navigator.maxTouchPoints > 0 ||\n            navigator.msMaxTouchPoints > 0;\n\n        html.addEventListener('touchstart', () => {\n            html.removeEventListener('mousemove', () => this.handleMouseEvent());\n        });\n\n        html.addEventListener('mousemove', () => this.handleMouseEvent());\n\n        if (this.touch) {\n            html.classList.add(IS_TOUCH);\n        }\n    }\n\n    handleMouseEvent() {\n        if (!this.hasMouse && html.classList.contains(IS_TOUCH)) {\n            html.classList.add(WITH_MOUSE);\n            this.hasMouse = true;\n        }\n    }\n}\n\nexport const detectTouch = new DetectTouch();\n"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,UAAU,CAAC;AAC5B,MAAM,UAAU,GAAG,GAAG,QAAQ,cAAc,CAAC;AAC7C,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;MAEzB,WAAW;IAQpB;QACI,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,KAAK;YACN,cAAc,IAAI,IAAI;gBACtB,SAAS,CAAC,cAAc,GAAG,CAAC;gBAC5B,SAAS,CAAC,gBAAgB,GAAG,CAAC,CAAC;QAEnC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE;YAChC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;SACxE,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QAElE,IAAI,IAAI,CAAC,KAAK,EAAE;YACZ,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;SAChC;KACJ;IApBD,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAoBD,gBAAgB;QACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;YACrD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC/B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACxB;KACJ;CACJ;MAEY,WAAW,GAAG,IAAI,WAAW;;;;"}

package/dist/esm/media-query/breakpoints.js

@@ -0,0 +1,29 @@
+const breakpoints = {
+    mobile: {
+        size: 320,
+        active: false,
+    },
+    mobilePlus: {
+        size: 480,
+        active: false,
+    },
+    tabletPortrait: {
+        size: 768,
+        active: false,
+    },
+    tabletLandscape: {
+        size: 1024,
+        active: false,
+    },
+    laptop: {
+        size: 1260,
+        active: false,
+    },
+    desktop: {
+        size: 1600,
+        active: false,
+    },
+};
+
+export { breakpoints };
+//# sourceMappingURL=breakpoints.js.map

package/dist/esm/media-query/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sources":["../../../src/media-query/breakpoints.ts"],"sourcesContent":["export const breakpoints = {\n    mobile: {\n        size: 320,\n        active: false,\n    },\n    mobilePlus: {\n        size: 480,\n        active: false,\n    },\n    tabletPortrait: {\n        size: 768,\n        active: false,\n    },\n    tabletLandscape: {\n        size: 1024,\n        active: false,\n    },\n    laptop: {\n        size: 1260,\n        active: false,\n    },\n    desktop: {\n        size: 1600,\n        active: false,\n    },\n};\n"],"names":[],"mappings":"MAAa,WAAW,GAAG;IACvB,MAAM,EAAE;QACJ,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,KAAK;KAChB;IACD,UAAU,EAAE;QACR,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,KAAK;KAChB;IACD,cAAc,EAAE;QACZ,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,KAAK;KAChB;IACD,eAAe,EAAE;QACb,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,KAAK;KAChB;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,KAAK;KAChB;IACD,OAAO,EAAE;QACL,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,KAAK;KAChB;;;;;"}

package/dist/esm/media-query/media-query.js

@@ -0,0 +1,39 @@
+import { breakpoints } from './breakpoints.js';
+export { breakpoints } from './breakpoints.js';
+import { getSizeFromBreakpoint, getMediaQueries } from './utils/index.js';
+
+const max = (breakpoint) => `(max-width: ${getSizeFromBreakpoint(breakpoint)}px)`;
+const min = (breakpoint) => `(min-width: ${getSizeFromBreakpoint(breakpoint)}px)`;
+const mediaIsMatch = (breakpoint) => window.matchMedia(breakpoint).matches;
+const deviceWidth = {
+    isMobilePlusAndSmaller: mediaIsMatch(`${min('mobile')} and ${max('mobilePlus')}`),
+    isTabletPortraitAndSmaller: mediaIsMatch(`${min('mobile')} and ${max('tabletPortrait')}`),
+};
+const mediaWatcher = (mediaQuery, layoutChangedCallback) => {
+    const mediaQueryListener = window.matchMedia(mediaQuery);
+    mediaQueryListener.addListener((e) => layoutChangedCallback(e.matches));
+    layoutChangedCallback(mediaQueryListener.matches);
+};
+const getCurrentBreakpoint = () => getMediaQueries().reduce((previous, current) => window.matchMedia(current.query()).matches ? current.breakpoint : previous, undefined);
+const useMedia = (callback) => {
+    const breakpointObject = getMediaQueries();
+    breakpointObject
+        .map((breakpoint) => {
+        return {
+            listener: window.matchMedia(breakpoint.query()),
+            breakpoint: breakpoint.breakpoint,
+        };
+    })
+        .forEach((breakpoint) => breakpoint.listener.addListener((e) => handleMediaListeners(e, breakpoint.breakpoint)));
+    function handleMediaListeners(event, key) {
+        if (!event.matches)
+            return;
+        Object.keys(breakpoints).forEach((item) => (breakpoints[item].active =
+            item === key ? event.matches : !event.matches));
+        callback(breakpoints);
+    }
+    callback(breakpoints);
+};
+
+export { deviceWidth, getCurrentBreakpoint, max, mediaIsMatch, mediaWatcher, min, useMedia };
+//# sourceMappingURL=media-query.js.map

package/dist/esm/media-query/media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-query.js","sources":["../../../src/media-query/media-query.ts"],"sourcesContent":["import { breakpoints } from './breakpoints';\nimport { BreakpointFunction, Breakpoints, UseMediaFunction } from './media-query.types';\nimport { getMediaQueries, getSizeFromBreakpoint } from './utils';\n\nconst max: BreakpointFunction = (breakpoint) =>\n    `(max-width: ${getSizeFromBreakpoint(breakpoint)}px)`;\n\nconst min: BreakpointFunction = (breakpoint) =>\n    `(min-width: ${getSizeFromBreakpoint(breakpoint)}px)`;\n\n/**\n * Check if the given breakpoint is a match\n * @param breakpoint { string }\n */\nexport const mediaIsMatch = (breakpoint: string) => window.matchMedia(breakpoint).matches;\n\nexport const deviceWidth = {\n    isMobilePlusAndSmaller: mediaIsMatch(`${min('mobile')} and ${max('mobilePlus')}`),\n    isTabletPortraitAndSmaller: mediaIsMatch(`${min('mobile')} and ${max('tabletPortrait')}`),\n};\n\n/**\n * Method that calls a callback everytime a media-query matches\n * mediaWatcher(`(min-width: 600px)`, (matches) => {\n *    console.log(matches);\n * });\n * @function mediaWatcher\n * @param mediaQuery { string }\n * @param layoutChangedCallback { callback }\n */\nconst mediaWatcher = (\n    mediaQuery: string,\n    layoutChangedCallback: (mediaQueryMatches: boolean) => void,\n) => {\n    const mediaQueryListener = window.matchMedia(mediaQuery);\n    mediaQueryListener.addListener((e) => layoutChangedCallback(e.matches));\n    layoutChangedCallback(mediaQueryListener.matches);\n};\n\n/**\n * Returns current active breakpoint\n * @function getCurrentBreakpoint\n */\nconst getCurrentBreakpoint = () =>\n    getMediaQueries().reduce(\n        (previous, current) =>\n            window.matchMedia(current.query()).matches ? current.breakpoint : (previous as any),\n        undefined,\n    );\n\n/**\n * Returns the breakpoints object in the given callback\n * @function useMedia\n * @param callback returns @type Breakpoints\n */\nconst useMedia = (callback: UseMediaFunction) => {\n    const breakpointObject = getMediaQueries();\n\n    breakpointObject\n        .map((breakpoint) => {\n            return {\n                listener: window.matchMedia(breakpoint.query()),\n                breakpoint: breakpoint.breakpoint,\n            };\n        })\n        .forEach((breakpoint) =>\n            breakpoint.listener.addListener((e) => handleMediaListeners(e, breakpoint.breakpoint)),\n        );\n\n    function handleMediaListeners(event: { matches: boolean; media: string }, key: Breakpoints) {\n        if (!event.matches) return;\n\n        Object.keys(breakpoints).forEach(\n            (item: any) =>\n                (breakpoints[item as Breakpoints].active =\n                    item === key ? event.matches : !event.matches),\n        );\n\n        callback(breakpoints);\n    }\n\n    callback(breakpoints);\n};\n\nexport { breakpoints, min, max, useMedia, mediaWatcher, getCurrentBreakpoint, Breakpoints };\n"],"names":[],"mappings":";;;;MAIM,GAAG,GAAuB,CAAC,UAAU,KACvC,eAAe,qBAAqB,CAAC,UAAU,CAAC,MAAM;MAEpD,GAAG,GAAuB,CAAC,UAAU,KACvC,eAAe,qBAAqB,CAAC,UAAU,CAAC,MAAM;MAM7C,YAAY,GAAG,CAAC,UAAkB,KAAK,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,QAAQ;MAE7E,WAAW,GAAG;IACvB,sBAAsB,EAAE,YAAY,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;IACjF,0BAA0B,EAAE,YAAY,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;EAC3F;MAWI,YAAY,GAAG,CACjB,UAAkB,EAClB,qBAA2D;IAE3D,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACzD,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACxE,qBAAqB,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;AACtD,EAAE;MAMI,oBAAoB,GAAG,MACzB,eAAe,EAAE,CAAC,MAAM,CACpB,CAAC,QAAQ,EAAE,OAAO,KACd,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,UAAU,GAAI,QAAgB,EACvF,SAAS,EACX;MAOA,QAAQ,GAAG,CAAC,QAA0B;IACxC,MAAM,gBAAgB,GAAG,eAAe,EAAE,CAAC;IAE3C,gBAAgB;SACX,GAAG,CAAC,CAAC,UAAU;QACZ,OAAO;YACH,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YAC/C,UAAU,EAAE,UAAU,CAAC,UAAU;SACpC,CAAC;KACL,CAAC;SACD,OAAO,CAAC,CAAC,UAAU,KAChB,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CACzF,CAAC;IAEN,SAAS,oBAAoB,CAAC,KAA0C,EAAE,GAAgB;QACtF,IAAI,CAAC,KAAK,CAAC,OAAO;YAAE,OAAO;QAE3B,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAC5B,CAAC,IAAS,MACL,WAAW,CAAC,IAAmB,CAAC,CAAC,MAAM;YACpC,IAAI,KAAK,GAAG,GAAG,KAAK,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CACzD,CAAC;QAEF,QAAQ,CAAC,WAAW,CAAC,CAAC;KACzB;IAED,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC1B;;;;"}

package/dist/esm/media-query/utils/index.js

@@ -0,0 +1,35 @@
+import { breakpoints } from '../breakpoints.js';
+
+function getSizeFromBreakpoint(breakpointValue) {
+    if (breakpoints[breakpointValue].size) {
+        return breakpoints[breakpointValue].size;
+    }
+    else {
+        console.error('No valid breakpoint or size specified for media.');
+        return '0';
+    }
+}
+function getMediaQueries() {
+    const breakpointMap = Object.keys(breakpoints);
+    return breakpointMap.map((item, index) => {
+        const breakpoint = breakpoints[item];
+        const breakpointAbove = breakpoints[breakpointMap[index + 1]];
+        return {
+            breakpoint: item,
+            query: () => {
+                if (index === 0) {
+                    return `(max-width: ${breakpointAbove.size - 1}px)`;
+                }
+                else if (index === breakpointMap.length - 1) {
+                    return `(min-width: ${breakpoint.size}px)`;
+                }
+                else {
+                    return `(max-width: ${breakpointAbove.size - 1}px) and (min-width: ${breakpoint.size}px)`;
+                }
+            },
+        };
+    });
+}
+
+export { getMediaQueries, getSizeFromBreakpoint };
+//# sourceMappingURL=index.js.map

package/dist/esm/media-query/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/media-query/utils/index.ts"],"sourcesContent":["import { breakpoints } from '../breakpoints';\nimport { Breakpoints, MediaQuery } from '../media-query.types';\n\nexport function getSizeFromBreakpoint(breakpointValue: Breakpoints) {\n    if (breakpoints[breakpointValue].size) {\n        return breakpoints[breakpointValue].size;\n    } else {\n        console.error('No valid breakpoint or size specified for media.');\n        return '0';\n    }\n}\n\nexport function getMediaQueries(): MediaQuery[] {\n    const breakpointMap = Object.keys(breakpoints);\n\n    return breakpointMap.map((item: any, index: number) => {\n        const breakpoint = breakpoints[item as Breakpoints];\n        const breakpointAbove = breakpoints[breakpointMap[index + 1] as Breakpoints];\n\n        return {\n            breakpoint: item,\n            query: () => {\n                if (index === 0) {\n                    return `(max-width: ${breakpointAbove.size - 1}px)`;\n                } else if (index === breakpointMap.length - 1) {\n                    return `(min-width: ${breakpoint.size}px)`;\n                } else {\n                    return `(max-width: ${breakpointAbove.size - 1}px) and (min-width: ${\n                        breakpoint.size\n                    }px)`;\n                }\n            },\n        };\n    });\n}\n"],"names":[],"mappings":";;SAGgB,qBAAqB,CAAC,eAA4B;IAC9D,IAAI,WAAW,CAAC,eAAe,CAAC,CAAC,IAAI,EAAE;QACnC,OAAO,WAAW,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC;KAC5C;SAAM;QACH,OAAO,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC;QAClE,OAAO,GAAG,CAAC;KACd;AACL,CAAC;SAEe,eAAe;IAC3B,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,KAAa;QAC9C,MAAM,UAAU,GAAG,WAAW,CAAC,IAAmB,CAAC,CAAC;QACpD,MAAM,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAgB,CAAC,CAAC;QAE7E,OAAO;YACH,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE;gBACH,IAAI,KAAK,KAAK,CAAC,EAAE;oBACb,OAAO,eAAe,eAAe,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC;iBACvD;qBAAM,IAAI,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC3C,OAAO,eAAe,UAAU,CAAC,IAAI,KAAK,CAAC;iBAC9C;qBAAM;oBACH,OAAO,eAAe,eAAe,CAAC,IAAI,GAAG,CAAC,uBAC1C,UAAU,CAAC,IACf,KAAK,CAAC;iBACT;aACJ;SACJ,CAAC;KACL,CAAC,CAAC;AACP;;;;"}

package/dist/esm/raf-throttle.js

@@ -0,0 +1,24 @@
+const rafThrottle = (callback) => {
+    let requestId = null;
+    let lastArgs = null;
+    const wrapperFunction = (...args) => {
+        lastArgs = args;
+        if (requestId) {
+            return;
+        }
+        requestId = requestAnimationFrame(() => {
+            requestId = null;
+            callback(...lastArgs);
+        });
+    };
+    wrapperFunction.cancel = () => {
+        if (requestId !== null) {
+            cancelAnimationFrame(requestId);
+            requestId = null;
+        }
+    };
+    return wrapperFunction;
+};
+
+export { rafThrottle };
+//# sourceMappingURL=raf-throttle.js.map

package/dist/esm/raf-throttle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"raf-throttle.js","sources":["../../src/raf-throttle.ts"],"sourcesContent":["export const rafThrottle = (callback: (...args: any[]) => void) => {\n    let requestId: null | number = null;\n\n    let lastArgs: any = null;\n\n    const wrapperFunction = (...args: any[]) => {\n        // Always capture the latest value\n        lastArgs = args;\n\n        // There is already a frame queued\n        if (requestId) {\n            return;\n        }\n\n        // Schedule a new frame\n        requestId = requestAnimationFrame(() => {\n            requestId = null;\n            callback(...lastArgs);\n        });\n    };\n\n    wrapperFunction.cancel = () => {\n        if (requestId !== null) {\n            cancelAnimationFrame(requestId);\n            requestId = null;\n        }\n    };\n\n    return wrapperFunction;\n};\n"],"names":[],"mappings":"MAAa,WAAW,GAAG,CAAC,QAAkC;IAC1D,IAAI,SAAS,GAAkB,IAAI,CAAC;IAEpC,IAAI,QAAQ,GAAQ,IAAI,CAAC;IAEzB,MAAM,eAAe,GAAG,CAAC,GAAG,IAAW;QAEnC,QAAQ,GAAG,IAAI,CAAC;QAGhB,IAAI,SAAS,EAAE;YACX,OAAO;SACV;QAGD,SAAS,GAAG,qBAAqB,CAAC;YAC9B,SAAS,GAAG,IAAI,CAAC;YACjB,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC;SACzB,CAAC,CAAC;KACN,CAAC;IAEF,eAAe,CAAC,MAAM,GAAG;QACrB,IAAI,SAAS,KAAK,IAAI,EAAE;YACpB,oBAAoB,CAAC,SAAS,CAAC,CAAC;YAChC,SAAS,GAAG,IAAI,CAAC;SACpB;KACJ,CAAC;IAEF,OAAO,eAAe,CAAC;AAC3B;;;;"}

package/dist/esm/throttle.js

@@ -0,0 +1,23 @@
+const throttle = (fn, wait = 300) => {
+    let inThrottle, lastFn, lastTime;
+    return function () {
+        const context = this, args = arguments;
+        if (!inThrottle) {
+            fn.apply(context, args);
+            lastTime = Date.now();
+            inThrottle = true;
+        }
+        else {
+            clearTimeout(lastFn);
+            lastFn = setTimeout(() => {
+                if (Date.now() - lastTime >= wait) {
+                    fn.apply(context, args);
+                    lastTime = Date.now();
+                }
+            }, Math.max(wait - (Date.now() - lastTime), 0));
+        }
+    };
+};
+
+export { throttle };
+//# sourceMappingURL=throttle.js.map

package/dist/esm/throttle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"throttle.js","sources":["../../src/throttle.ts"],"sourcesContent":["const throttle = (fn: Function, wait: number = 300) => {\n    let inThrottle: boolean, lastFn: ReturnType<typeof setTimeout>, lastTime: number;\n\n    return function (this: any) {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const context = this,\n            // eslint-disable-next-line prefer-rest-params\n            args = arguments;\n        if (!inThrottle) {\n            fn.apply(context, args);\n            lastTime = Date.now();\n            inThrottle = true;\n        } else {\n            clearTimeout(lastFn);\n            lastFn = setTimeout(() => {\n                if (Date.now() - lastTime >= wait) {\n                    fn.apply(context, args);\n                    lastTime = Date.now();\n                }\n            }, Math.max(wait - (Date.now() - lastTime), 0));\n        }\n    };\n};\n\nexport { throttle };\n"],"names":[],"mappings":"MAAM,QAAQ,GAAG,CAAC,EAAY,EAAE,OAAe,GAAG;IAC9C,IAAI,UAAmB,EAAE,MAAqC,EAAE,QAAgB,CAAC;IAEjF,OAAO;QAEH,MAAM,OAAO,GAAG,IAAI,EAEhB,IAAI,GAAG,SAAS,CAAC;QACrB,IAAI,CAAC,UAAU,EAAE;YACb,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YACxB,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACtB,UAAU,GAAG,IAAI,CAAC;SACrB;aAAM;YACH,YAAY,CAAC,MAAM,CAAC,CAAC;YACrB,MAAM,GAAG,UAAU,CAAC;gBAChB,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,QAAQ,IAAI,IAAI,EAAE;oBAC/B,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;oBACxB,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;iBACzB;aACJ,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SACnD;KACJ,CAAC;AACN;;;;"}

package/dist/esm/to-currency.js

@@ -0,0 +1,26 @@
+const round = (value, decimals) => Number(Math.round(value + 'e' + decimals) + 'e-' + decimals).toFixed(decimals);
+const putThousandsSeparators = (value, sep) => {
+    let transformedValue = null;
+    if (sep == null) {
+        sep = '.';
+    }
+    if (value.toString() === value.toLocaleString()) {
+        const parts = value.toString().split(',');
+        parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, sep);
+        transformedValue = parts[1] ? parts.join(',') : parts[0];
+    }
+    else {
+        transformedValue = value.toLocaleString();
+    }
+    return transformedValue;
+};
+const toCurrency = (value, decimals = 2) => {
+    let transformedValue = null;
+    transformedValue = round(Number(value), decimals);
+    transformedValue = `${value.toString().replace('.', ',')}`;
+    transformedValue = putThousandsSeparators(value);
+    return `€ ${transformedValue}`;
+};
+
+export { putThousandsSeparators, round, toCurrency };
+//# sourceMappingURL=to-currency.js.map

package/dist/esm/to-currency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-currency.js","sources":["../../src/to-currency.ts"],"sourcesContent":["export const round = (value: number, decimals: number) =>\n    Number(Math.round(value + ('e' as any) + decimals) + 'e-' + decimals).toFixed(decimals);\n\nexport const putThousandsSeparators = (value: number | string, sep?: string) => {\n    let transformedValue = null;\n\n    if (sep == null) {\n        sep = '.';\n    }\n\n    // check if it needs formatting\n    if (value.toString() === value.toLocaleString()) {\n        // split decimals\n        const parts = value.toString().split(',');\n\n        // format whole numbers\n        parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, sep);\n\n        // put them back together\n        transformedValue = parts[1] ? parts.join(',') : parts[0];\n    } else {\n        transformedValue = value.toLocaleString();\n    }\n\n    return transformedValue;\n};\n\nexport const toCurrency = (value: number, decimals = 2) => {\n    let transformedValue = null;\n\n    transformedValue = round(Number(value), decimals);\n    transformedValue = `${value.toString().replace('.', ',')}`;\n    transformedValue = putThousandsSeparators(value);\n\n    return `€ ${transformedValue}`;\n};\n"],"names":[],"mappings":"MAAa,KAAK,GAAG,CAAC,KAAa,EAAE,QAAgB,KACjD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,GAAW,GAAG,QAAQ,CAAC,GAAG,IAAI,GAAG,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE;MAE/E,sBAAsB,GAAG,CAAC,KAAsB,EAAE,GAAY;IACvE,IAAI,gBAAgB,GAAG,IAAI,CAAC;IAE5B,IAAI,GAAG,IAAI,IAAI,EAAE;QACb,GAAG,GAAG,GAAG,CAAC;KACb;IAGD,IAAI,KAAK,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,cAAc,EAAE,EAAE;QAE7C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAG1C,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,uBAAuB,EAAE,GAAG,CAAC,CAAC;QAG1D,gBAAgB,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;KAC5D;SAAM;QACH,gBAAgB,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;KAC7C;IAED,OAAO,gBAAgB,CAAC;AAC5B,EAAE;MAEW,UAAU,GAAG,CAAC,KAAa,EAAE,QAAQ,GAAG,CAAC;IAClD,IAAI,gBAAgB,GAAG,IAAI,CAAC;IAE5B,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC;IAClD,gBAAgB,GAAG,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;IAC3D,gBAAgB,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,KAAK,gBAAgB,EAAE,CAAC;AACnC;;;;"}

package/dist/extended-api-models/excluded-properties.d.ts

@@ -0,0 +1,5 @@
+import { ConstructionNumberModel, ProjectPhaseModel, PropertyTypeModel } from '@/generated';
+declare const EXCLUDED_CONSTRUCTION_NUMBER_PROPERTIES: (keyof ConstructionNumberModel)[];
+declare const EXCLUDED_PROPERTY_TYPE_PROPERTIES: (keyof PropertyTypeModel)[];
+declare const EXCLUDED_PROJECT_PHASE_PROPERTIES: (keyof ProjectPhaseModel)[];
+export { EXCLUDED_CONSTRUCTION_NUMBER_PROPERTIES, EXCLUDED_PROPERTY_TYPE_PROPERTIES, EXCLUDED_PROJECT_PHASE_PROPERTIES, };

package/dist/extended-api-models/excluded-properties.js

@@ -0,0 +1,35 @@
+const EXCLUDED_CONSTRUCTION_NUMBER_PROPERTIES = [
+    'shortDescription',
+    'longDescription',
+    'resources',
+    'gardens',
+    'outbuildings',
+    'groundLease',
+    'floors',
+    'outsideSpace',
+    'extraSpecifications',
+    'landRegistration',
+];
+const EXCLUDED_PROPERTY_TYPE_PROPERTIES = [
+    'shortDescription',
+    'longDescription',
+    'environmentTypes',
+    'groundLease',
+    'resources',
+    'constructionStartDate',
+    'indicationServiceCosts',
+    'indicationSecurity',
+    'floors',
+    'gardens',
+    'outbuildings',
+    'usp1Title',
+    'usp1Text',
+    'usp2Title',
+    'usp2Text',
+];
+const EXCLUDED_PROJECT_PHASE_PROPERTIES = [
+    'longDescription',
+    'resources',
+];
+export { EXCLUDED_CONSTRUCTION_NUMBER_PROPERTIES, EXCLUDED_PROPERTY_TYPE_PROPERTIES, EXCLUDED_PROJECT_PHASE_PROPERTIES, };
+//# sourceMappingURL=excluded-properties.js.map

package/dist/extended-api-models/excluded-properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"excluded-properties.js","sourceRoot":"","sources":["../../src/extended-api-models/excluded-properties.ts"],"names":[],"mappings":"AAKA,MAAM,uCAAuC,GAAsC;IAC/E,kBAAkB;IAClB,iBAAiB;IACjB,WAAW;IACX,SAAS;IACT,cAAc;IACd,aAAa;IACb,QAAQ;IACR,cAAc;IACd,qBAAqB;IACrB,kBAAkB;CACrB,CAAC;AAKF,MAAM,iCAAiC,GAAgC;IACnE,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,aAAa;IACb,WAAW;IACX,uBAAuB;IACvB,wBAAwB;IACxB,oBAAoB;IACpB,QAAQ;IACR,SAAS;IACT,cAAc;IACd,WAAW;IACX,UAAU;IACV,WAAW;IACX,UAAU;CACb,CAAC;AAKF,MAAM,iCAAiC,GAAgC;IACnE,iBAAiB;IACjB,WAAW;CACd,CAAC;AAEF,OAAO,EACH,uCAAuC,EACvC,iCAAiC,EACjC,iCAAiC,GACpC,CAAC","sourcesContent":["import { ConstructionNumberModel, ProjectPhaseModel, PropertyTypeModel } from '@/generated';\n\n/*\n    THE EXCLUDED VALUES ALSO NEED TO BE CHANGED IN api-utilitites.types.ts\n*/\nconst EXCLUDED_CONSTRUCTION_NUMBER_PROPERTIES: (keyof ConstructionNumberModel)[] = [\n    'shortDescription',\n    'longDescription',\n    'resources',\n    'gardens',\n    'outbuildings',\n    'groundLease',\n    'floors',\n    'outsideSpace',\n    'extraSpecifications',\n    'landRegistration',\n];\n\n/*\n    THE EXCLUDED VALUES ALSO NEED TO BE CHANGED IN api-utilitites.types.ts\n*/\nconst EXCLUDED_PROPERTY_TYPE_PROPERTIES: (keyof PropertyTypeModel)[] = [\n    'shortDescription',\n    'longDescription',\n    'environmentTypes',\n    'groundLease',\n    'resources',\n    'constructionStartDate',\n    'indicationServiceCosts',\n    'indicationSecurity',\n    'floors',\n    'gardens',\n    'outbuildings',\n    'usp1Title',\n    'usp1Text',\n    'usp2Title',\n    'usp2Text',\n];\n\n/*\n    THE EXCLUDED VALUES ALSO NEED TO BE CHANGED IN api-utilitites.types.ts\n*/\nconst EXCLUDED_PROJECT_PHASE_PROPERTIES: (keyof ProjectPhaseModel)[] = [\n    'longDescription',\n    'resources',\n];\n\nexport {\n    EXCLUDED_CONSTRUCTION_NUMBER_PROPERTIES,\n    EXCLUDED_PROPERTY_TYPE_PROPERTIES,\n    EXCLUDED_PROJECT_PHASE_PROPERTIES,\n};\n"]}

package/dist/extended-api-models/status/construction-number-status.js

@@ -1,11 +1,18 @@
+import { hasDatePassed } from '../../date';
 const constructionNumberStatus = (constructionNumber) => {
     const { projectPhase, availabilityStatus } = constructionNumber;
     const { isRental, status: projectPhaseStatus } = projectPhase || {};
     if (projectPhaseStatus === 'InPreparation')
-        return 'InPreparation';
+        return availabilityStatus === 'Reserved' ? 'Reserved' : 'InPreparation';
     if (projectPhaseStatus === 'Sold')
         return 'UnderConstruction';
     switch (availabilityStatus) {
+        case 'Reserved':
+            if (projectPhaseStatus === 'OnSale' && (projectPhase === null || projectPhase === void 0 ? void 0 : projectPhase.allocationDate) &&
+                hasDatePassed(projectPhase.allocationDate)) {
+                return 'InOption';
+            }
+            return 'Reserved';
         case 'InOption':
             return 'InOption';
         case 'Available':